/*=======================================================================

	❤❤❤ Gumby by Digital Surgeons. ❤❤❤
	
	*** This is where you should keep all of your design specific styles ***
 
 ========================================================================*/



/*html{background: #F0F0F0;}*/

@font-face {
	font-family: 'SF Pro';
	src: url('/font/sf-pro/SFPRODISPLAYREGULAR.otf') format('opentype');
	/* font-w eight: normal;
    font-style: normal; */
}

/*.flex-square {
	width: 30%;
	background: #ca0164;
}*/

.flex-square:before {
	content: "";
	display: block;
	padding-top: 100%;
}

.flex-square-80-percent:before {
	content: "";
	display: block;
	padding-top: 80%;
}

.flex-square-50-percent:before {
	content: "";
	display: block;
	padding-top: 50%;
}

.video-container-16-9 {
	/*16:9 Aspect-Ratio*/
	/* width is set as 100% here. any width can be specified as per requirement */
	width: 100%;
	padding-top: 56.25%;
	height: 0px;
	position: relative;
}

.video-container-4-3 {
	/*4:3 Aspect-Ratio*/
	/* width is set as 100% here. any width can be specified as per requirement */
	width: 100%;
	padding-top: 75%;
	height: 0px;
	position: relative;
}

.video {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}


.min-width-200px {
	min-width: 200px;
}

.no_border_around {
	border: none !important;
}

.no_border_left {
	border-left: none !important;
}

.no_border_right {
	border-right: none !important;
}


span.RadButton_Metro.RadButton:active,
span.RadButton_Metro.RadButton:focus {
	background-color: transparent !important;
	border: none !important;
}

.cursor_pointer,
.cursor_pointer input,
.cursor_pointer label {
	cursor: pointer !important;
}

select {
	cursor: pointer;
}

@media only screen and (max-width: 300px) {
	.hide_column_grid_300 {
		display: none;
	}
}


@media only screen and (max-width: 350px) {
	.hide_column_grid_350 {
		display: none;
	}
}


@media only screen and (max-width: 400px) {
	.hide_column_grid_400 {
		display: none;
	}
}


@media only screen and (max-width: 450px) {
	.hide_column_grid_450 {
		display: none;
	}
}


@media only screen and (max-width: 500px) {
	.hide_column_grid_500 {
		display: none;
	}
}


@media only screen and (max-width: 540px) {
	.hide_column_grid_540 {
		display: none;
	}
}


@media only screen and (max-width: 550px) {
	.hide_column_grid_550 {
		display: none;
	}
}


@media only screen and (max-width: 600px) {
	.hide_column_grid_600 {
		display: none;
	}
}


@media only screen and (max-width: 650px) {
	.hide_column_grid_650 {
		display: none;
	}
}


@media only screen and (max-width: 700px) {
	.hide_column_grid_700 {
		display: none;
	}
}


@media only screen and (max-width: 750px) {
	.hide_column_grid_750 {
		display: none;
	}
}


@media only screen and (max-width: 800px) {
	.hide_column_grid_800 {
		display: none;
	}
}


@media only screen and (max-width: 830px) {
	.hide_column_grid_830 {
		display: none;
	}
}


@media only screen and (max-width: 850px) {
	.hide_column_grid_850 {
		display: none;
	}
}


@media only screen and (max-width: 880px) {
	.hide_column_grid_880 {
		display: none;
	}
}


@media only screen and (max-width: 900px) {
	.hide_column_grid_900 {
		display: none;
	}
}


@media only screen and (max-width: 930px) {
	.hide_column_grid_930 {
		display: none;
	}
}


@media only screen and (max-width: 950px) {
	.hide_column_grid_950 {
		display: none;
	}
}


@media only screen and (max-width: 980px) {
	.hide_column_grid_980 {
		display: none;
	}
}


@media only screen and (max-width: 1000px) {
	.hide_column_grid_1000 {
		display: none;
	}
}


@media only screen and (max-width: 1050px) {
	.hide_column_grid_1050 {
		display: none;
	}
}


@media only screen and (max-width: 1100px) {
	.hide_column_grid_1100 {
		display: none;
	}
}


@media only screen and (max-width: 1150px) {
	.hide_column_grid_1150 {
		display: none;
	}
}


.sport_ball_item {
	cursor: pointer;
	display: inline-block;
	border-radius: 30px;
	border: 2px solid #ccc;
	padding: 5px;
	position: relative;
	margin-right: 5px;
}

.sport_ball_item:last-child {
	margin-right: 0px;
}

.sport_ball_item img {
	width: 25px !important;
	height: 25px !important;
	box-sizing: border-box;
	display: block;
}

.sport_ball_item .l {
	position: absolute;
	top: -5px;
	left: 0px;
	color: #039be5;
	font-size: 14px;
	font-weight: 600;
	background-color: white;
}


/*.is_apple_popup    esta classe é usada no javasript, não usar no css*/

sup {
	vertical-align: super;
}

.grid_matches .rgAltRow {
	background-color: white !important;
}

.grid_matches .rgAltRow td {
	border: none !important;
}

/*.RadAjax {} */

.RadAjax .raDiv {
	background-image: none !important;
	cursor: wait;
	pointer-events: none;
}

.RadAjax_MetroTouch .raColor {
	background-color: #BFC4C7 !important;
}

.RadAjax .raTransp {
	background-color: #BFC4C7;
}

.link_add_to:focus {
	color: darkorange !important;
}

.legend_blue_insides legend {
	color: #089ad3;
}

.rwWindowContent.rwExternalContent {
	padding: 0px;
}

.label_inside_check_bold label {
	font-weight: 600 !important;
	cursor: pointer !important;
}




.RadScheduler_Metro .rsContent {
	background-color: var(--fg-color) !important;
}

.RadScheduler .rsHeader h2 {
	color: #FFFEFE !important;
	font-weight: 800;
}



.RadScheduler .rsDayView {
	background-color: red;
}

.RadScheduler .rsDayView tr:nth-child(n) td {
	border-bottom: 0px solid var(--fg-color);

}

.RadSlider .rslHorizontal .rslLargeTick span {
	color: var(--text-color) !important;
}

*|html .RadScheduler .rsSpacerCell,
.RadScheduler .rsHorizontalHeaderTable th,
.RadScheduler .rsVerticalHeaderTable div,
.RadScheduler .rsAllDayHeader,
.RadScheduler .rsAllDayTable {
	background-color: var(--fg-color);

}

.RadScheduler .rsDayView tr:nth-child(4n) td {
	border-bottom: 1px solid var(--unfocused-text-color);
}


.no_padding_td td {
	border: none;
	padding: 0;
	padding-right: 20px;
}

.no_padding_td td:last-child {
	padding-right: 0px;
}

.RadTabStrip .rtsTxt {
	font-weight: 500 !important;
}

/*Tooltips*/
.ttip {
	position: relative;
	cursor: pointer;
	z-index: 9999999;
}

.ttip:after {
	display: block;
	background: #3085d6;
	border: 1px solid #3085d6;
	border-bottom: 0;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding: 0.5em 0.75em;
	width: auto;
	min-width: 130px;
	max-width: 500px;
	position: absolute;
	left: 0;
	bottom: 101%;
	margin-bottom: 8px;
	text-align: left;
	color: #fff;
	content: attr(data-tooltip);
	line-height: 1.5;
	font-size: 16px;
	font-weight: normal;
	font-style: normal;
	-moz-transition: opacity 0.1s ease;
	-o-transition: opacity 0.1s ease;
	-webkit-transition: opacity 0.1s ease;
	transition: opacity 0.1s ease;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0;
	pointer-events: none;
	background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY1YTRlMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzMwODVkNiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
	background-size: 100%;
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #65a4e1), color-stop(100%, #3085d6));
	background-image: -moz-linear-gradient(top, #65a4e1, #3085d6);
	background-image: -webkit-linear-gradient(top, #65a4e1, #3085d6);
	background-image: linear-gradient(to bottom, #65a4e1, #3085d6);
	-moz-box-shadow: 0 0 5px 0 rgba(48, 133, 214, 0.25);
	-webkit-box-shadow: 0 0 5px 0 rgba(48, 133, 214, 0.25);
	box-shadow: 0 0 5px 0 rgba(48, 133, 214, 0.25);
}

.ttip:before {
	content: " ";
	width: 0;
	height: 0;
	position: absolute;
	bottom: 101%;
	left: 8px;
	border-top: 9px solid #3085d6 !important;
	border-left: 9px solid transparent;
	border-right: 9px solid transparent;
	-moz-transition: opacity 0.1s ease;
	-o-transition: opacity 0.1s ease;
	-webkit-transition: opacity 0.1s ease;
	transition: opacity 0.1s ease;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0;
	pointer-events: none;
}

.ttip:hover:after,
.ttip:hover:before {
	-moz-transition: opacity 0.1s ease;
	-o-transition: opacity 0.1s ease;
	-webkit-transition: opacity 0.1s ease;
	transition: opacity 0.1s ease;
	filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
	opacity: 1;
}

/* adicionado por Ricardo */
.icon_btn_my_location {
	background: url('../img/sprite.png') no-repeat 50% -1154px;
	width: 25px;
	height: 25px;
	padding: 10px;
	background-color: #FFF;
	border-radius: 50%;
	border: 1px solid #bbb;
	cursor: pointer;
	margin: 5px;
}

.line_height_1 {
	line-height: 1;
}

/* popup player */
.RadToolTip_Metro.popup_player {
	padding: 0px !important;
	border-radius: 0px !important;
}

.RadToolTip_Metro.popup_player table.rtWrapper td.rtWrapperContent {
	padding: 0px !important;
	/*background-color: white;*/
	color: black;
}

.RadToolTip_Metro.popup_player .ply_content {
	margin-top: 5px;
	margin-left: 5px;
}

.popup_player .options_btn {
	height: 30px;
	line-height: 30px;
	text-align: right;
}

.popup_player .options_btn div {
	border-right: 1px solid #aaa;
	cursor: pointer;
	display: inline-block;
	width: 100px;
	text-align: center;
	background-color: #bbb;
}

.popup_player .options_btn div:last-child {
	border-right: 0px !important;
}

.popup_player .options_btn div:hover {
	background-color: #25a0da;
}

.popup_player .ply_content_title {
	font-size: 15px;
	font-weight: 700;
	margin-right: 46px;
}

.popup_player .ply_content_from {
	margin-top: 5px;
	margin-right: 46px;
}

.popup_player .ply_content_friends_common {
	margin-top: 5px;
}

.popup_player .ply_content_description {
	margin-top: 5px;
	font-style: italic;
}

.popup_player .ply_img {
	width: 90px;
	height: 90px;
	border-width: 0px;
	border: 2px solid white;
	border-radius: 5px;
}

.popup_player .ply_rating {
	opacity: 0.7;
	padding: 2px;
	top: 33px;
	right: 4px;
	left: inherit;
	background-color: #ccc;
	border-bottom-left-radius: 7px;
	position: absolute;
}

.popup_player .ply_age {
	opacity: 0.7;
	padding: 2px;
	top: 53px;
	right: 4px;
	left: inherit;
	background-color: #ccc;
	border-bottom-left-radius: 7px;
	position: absolute;
}

.popup_player .ply_handed {
	opacity: 0.7;
	padding: 2px;
	top: 73px;
	right: 4px;
	left: inherit;
	background-color: #ccc;
	border-bottom-left-radius: 7px;
	position: absolute;
}


/* popup rec*/
.RadToolTip_Metro.popup_rec {
	padding: 0px !important;
	border-radius: 0px !important;
}

.RadToolTip_Metro.popup_rec table.rtWrapper td.rtWrapperContent {
	padding: 0px !important;
	background-color: white;
	color: black;
}

.popup_rec .rec_content_title {
	font-size: 30px;
	font-family: var(--typography-main-font);
}

.popup_rec .rec_img {
	width: 600px;
	height: 240px;
}

.popup_rec .rec_content_description {
	font-size: 24px;
	font-family: var(--typography-main-font);
	font-weight: 300;
	color: #717374;
}

.popup_rec .rec_content_info {
	padding-top: 20px;
	font-size: 18px;
	color: #717374;
}

.popup_rec .rec_opt_profile {
	cursor: pointer;
	position: absolute;
	width: 60px;
	bottom: 0;
	line-height: 30px;
	background-color: #ccc;
	margin-bottom: 4px;
	right: 0;
	margin-right: 64px;
	font-size: 14px;
	text-align: center;
	color: black;
	border-right: 1px solid #bbb;
}

.popup_rec .opt_close {
	cursor: pointer;
	position: absolute;
	width: 60px;
	bottom: 0;
	line-height: 30px;
	background-color: #ccc;
	margin-bottom: 4px;
	right: 0;
	margin-right: 4px;
	font-size: 14px;
	text-align: center;
	color: black;
}

.popup_rec .rec_opt_profile:hover,
.popup_rec .opt_close:hover {
	background-color: #25a0da;
}

.popup_rec .rec_opt_profile:hover,
.popup_rec .opt_close:hover {
	background-color: #25a0da;
}

.popup_rec .rec_content_facilities {
	margin-top: 10px;
}

.popup_rec .rec_content_facilities span {
	margin-right: 10px;
	display: inline-block;
}

.popup_rec .rec_content_facilities span:last-child {
	margin-right: 0px;
}

.popup_rec .rec_content_facilities img {
	margin-bottom: -3px;
}

/* popup proposal */
.RadToolTip_Metro.popup_proposal table.rtWrapper td.rtWrapperContent {
	padding: 0px !important;
	background-color: white;
	color: black;
}

.popup_proposal .details div {
	float: left;
	width: -webkit-calc(100%/3);
	width: -moz-calc(100%/3);
	width: calc(100%/3);
}

.RadScheduler .rsTopWrap {
	z-index: 1;
}

form .field {
	position: static !important;
}

.point_circle {
	border: 2px solid #505050;
	border-radius: 15px;
	width: 20px;
	height: 20px;
	text-align: center;
	font-size: 15px;
	line-height: 20px;
	float: left;
	margin-right: 7px;
	color: #505050;
}

.msg_info {
	font-size: 11px;
	background-color: rgb(218, 220, 221);
	padding-left: 20px;
	line-height: 30px;
	border: 1px solid #bbb;
	color: black;
}

div.jQBracket .team div.score {
	visibility: hidden;
}

div.jQBracket .team .score_txt {
	float: right;
	font-size: 10px;
	line-height: 22PX;
	background-color: rgb(203, 226, 235);
	padding-right: 10PX;
	padding-left: 10px;
}

.detail-box {
	overflow-x: auto;
	border-top: 3px solid #dddddd;
	border-bottom: 3px solid #dddddd;
	border-left: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
	padding: 20px;
	margin-bottom: 40px;
	text-align: initial;
}

.detail-box .date {
	margin-bottom: 10px;
	color: #999999;
	font-size: 14px;
}

.detail-box .competitor {
	font-size: 28px;
	margin-bottom: 10px;
}

.detail-box .competitor .name {
	display: inline-block;
	margin-right: 20px;
}

.detail-box .competitor .res {
	padding-left: 40px;
	display: inline-block;
}

.detail-box .competitor .res div {
	width: 60px;
	float: left;
	text-align: right;
}

.detail-box .competitor .res select {
	font-size: 12px;
	padding: 0;
	height: 25px;
	width: 40px;
}

.detail-box .date_competitor {
	min-width: 740px;
	border-top: 3px solid #dddddd;
	border-bottom: 3px solid #dddddd;
	border-left: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
	padding: 20px;
}

.type_action_a,
.type_action_b {
	font-size: 12px;
}


input[type="checkbox"],
input[type="checkbox"]+label,
input[type="radio"],
input[type="radio"]+label {
	cursor: pointer !important;
}

.border_radius_0 {
	border-radius: 0px !important;
}

.padding_10px {
	padding: 10px;
}

.padding_left_10px {
	padding-left: 10px;
}

.padding_right_10px {
	padding-right: 10px;
}

.RadColorPicker .rcpTabs {
	top: auto;
	left: auto;
}

.RadColorPicker * {
	top: auto;
	left: auto;
}

.RadColorPicker input {
	padding: 0 !important;

}

.height_35 {
	height: 35px;
	vertical-align: middle;
}

/*
.colgrid {
	margin-left: 10px;
	margin-right: 10px;
}
*/

.colgrid {
	margin-left: 0px;
	margin-right: 0px;
}

.width_100per {
	width: 100% !important;
}

.padding_0 {
	padding: 0px !important;
}

/*espacamento menu nos mapa(Mapa/Satelite)*/
.gm-style {
	line-height: 20px;
}

.float_none {
	float: none !important;
}

.float_left {
	float: left !important;
}

.float_right {
	float: right !important;
}

.erro_conta_por_activar {
	background-color: #FF8500;
	color: white;
	text-align: center;
}

.erro_conta_por_activar a {
	color: black !important;
}

.picture_my_tie {
	width: 95%;
}

.picture_other_tie {
	width: 94%;
}

.no_margin_bottom {
	margin-bottom: 0px;
}

.margin_0 {
	margin: 0px !important;
	color: var(--unfocused-text-color);
}

.margin_10 {
	margin: 10px !important;
}

.RadPanelBar .rpSlide {
	position: static !important;
	border-top: 0px solid !important;
}

.border-all-around {

	border: 1px solid var(--unfocused-text-color);
	margin-bottom: 30px;
}


.icon-panel {
	position: relative;
	padding-left: 15px;
	height: 75px;
	text-align: left;
	line-height: 75px;
	/* This centers the inline text vertically */
}

.icon-panel::before {
	content: "";
	display: inline-block;
	position: absolute;
	left: 15px;
	top: 50%;
	transform: translateY(-50%);
	width: 25px;
	height: 25px;
	background-color: var(--unfocused-text-color);
	-webkit-mask: var(--icon-mask) no-repeat center;
	mask: var(--icon-mask) no-repeat center;
	mask-size: contain;
}

.RadPanelBar .icon-panel:hover::before,
.RadPanelBar .icon-panel:focus::before,
.RadPanelBar .icon-panel:active::before {
	background-color: var(--text-color);

}

.dashboard-icon {
	--icon-mask: url(../img/svg/Dashboard.svg);
}

.active-state-icon {
	--icon-mask: url(../img/svg/Active_State.svg);
}

.inactive-state-icon {
	--icon-mask: url(../img/svg/Inactive_State.svg);
}

.licensing-icon {
	--icon-mask: url(../img/svg/Licensing.svg);
}

.logout-icon {
	--icon-mask: url(../img/svg/Quit.svg);
}

.moreoptions-icon {
	--icon-mask: url(../img/svg/ThreeBars.svg);
}

.mensagem-icon {
	--icon-mask: url(../img/svg/Notification_Bell.svg);
}

.mysettings-icon {
	--icon-mask: url(../img/svg/Settings.svg);
}

.icon-add {
	--icon-mask: url(../img/svg/Add.svg);
}

.icon-trash {
	--icon-mask: url(../img/svg/Trash.svg);
}

.icon-venus {
	--icon-mask: url(../img/svg/Venus.svg);
}

.icon-mars {
	--icon-mask: url(../img/svg/Mars.svg);
}

.icon-key-fill {
	--icon-mask: url(../img/svg/Key_Fill.svg);
}

.icon-event-calendar {
	--icon-mask: url(../img/svg/Calendar.svg);
}

.icon-two-players {
	--icon-mask: url(../img/svg/Two_Players.svg);
}

.icon-diskette {
	--icon-mask: url(../img/svg/Diskette.svg);
}

.icon-clients {
	--icon-mask: url(../img/svg/Card.svg);
}

.icon-ladder {
	--icon-mask: url(../img/svg/Ladder.svg);
}

.icon-messages {
	--icon-mask: url(../img/svg/Messages.svg);
}

.icon-tournaments {
	--icon-mask: url(../img/svg/Tournaments.svg);
}

.icon-documents {
	--icon-mask: url(../img/svg/Documents.svg);
}

.icon-editsvg {
	--icon-mask: url(../img/svg/Edit.svg);
}

.icon-leave {
	--icon-mask: url(../img/svg/Leave.svg);
}

.icon-close {
	--icon-mask: url(../img/svg/Close.svg);
}

.icon-file-blank {
	--icon-mask: url(../img/svg/File_Blank.svg);
}

.icon-share {
	--icon-mask: url(../img/svg/Share.svg);
}

.icon-pdf {
	--icon-mask: url(../img/svg/PDF.svg);
}

.icon-pin {
	--icon-mask: url(../img/svg/Pin.svg);
}

.icon-location-pin {
	--icon-mask: url(../img/svg/Location_Pin.svg);
}

.icon-location-pin-circle {
	--icon-mask: url(../img/svg/Location_Pin_Circle.svg);
}

.icon-magnifying-glass {
	--icon-mask: url(../img/svg/Magnifying_Glass.svg);
}

.icon-eye {
	--icon-mask: url(../img/svg/Eye.svg);
}

.icon-refresh {
	--icon-mask: url(../img/svg/Refresh.svg);
}

.icon-gym {
	--icon-mask: url(../img/svg/Gym.svg);
}

.icon-user {
	--icon-mask: url(../img/svg/User.svg);
}

.icon-lock {
	--icon-mask: url(../img/svg/Lock.svg);
}

.icon-info {
	--icon-mask: url(../img/svg/Info.svg);
}

.icon-training-plans {
	--icon-mask: url(../img/svg/Checklist.svg);
}

.icon-group {
	--icon-mask: url(../img/svg/Group.svg);
}

.icon-two-files {
	--icon-mask: url(../img/svg/Two_Files.svg);
}

.icon-rankings {
	--icon-mask: url(../img/svg/Rankings.svg);
}

.icon-racket {
	--icon-mask: url(../img/svg/Racket.svg);
}

.icon-tie-ball {
	--icon-mask: url(../img/svg/Tie_Ball.svg);
}

.icon-diary {
	--icon-mask: url(../img/svg/Diary.svg);
}

.icon-link {
	--icon-mask: url(../img/svg/Link.svg);
}

.icon-remove-link {
	--icon-mask: url(../img/svg/Remove_Link.svg);
}

.icon-add-player {
	--icon-mask: url(../img/svg/Add_Player.svg);
}

.icon-web-page {
	--icon-mask: url(../img/svg/Web.svg);
}

.icon-slider {
	--icon-mask: url(../img/svg/Slider.svg);
}

.icon-question-mark {
	--icon-mask: url(../img/svg/Question_Mark.svg);
}

.icon-statistics {
	--icon-mask: url(../img/svg/Stats.svg);
}

.icon-wallet {
	--icon-mask: url(../img/svg/Wallet.svg);
}

.icon-posts {
	--icon-mask: url(../img/svg/Post.svg);
}

.icon-academy {
	--icon-mask: url(../img/svg/Academy.svg);
}

.icon-adverts {
	--icon-mask: url(../img/svg/Adverts.svg);
}

.icon-ball {
	--icon-mask: url(../img/svg/Ball.svg);
}

.icon-back {
	--icon-mask: url(../img/svg/Back.svg);
}

.icon-printer {
	--icon-mask: url(../img/svg/Printer.svg);
}

.icon-stop {
	--icon-mask: url(../img/svg/Stop.svg);
}

.icon-success {
	--icon-mask: url(../img/svg/Check_Mark.svg);
}

.icon-qr-code {
	--icon-mask: url(../img/svg/QR_Code.svg);
}

.icon-phone {
	--icon-mask: url(../img/svg/Phone.svg);
}

.icon-new-sale {
	--icon-mask: url(../img/svg/New_Sale.svg);
}

.icon-chart {
	--icon-mask: url(../img/svg/Chart.svg);
}

.icon-reports {
	--icon-mask: url(../img/svg/Reports.svg);
}

.icon-live-monitor {
	--icon-mask: url(../img/svg/Live.svg);
}

.icon-clock {
	--icon-mask: url(../img/svg/Clock.svg);
}

.icon-arrow-left {
	--icon-mask: url(../img/svg/Arrow_Left.svg);
}

.icon-arrow-right {
	--icon-mask: url(../img/svg/Arrow_Right.svg);
}

.icon-double-arrow-left {
	--icon-mask: url(../img/svg/Double_Arrow_Left.svg);
}

.icon-double-arrow-right {
	--icon-mask: url(../img/svg/Double_Arrow_Right.svg);
}

.icon-arrow-down-normal {
	--icon-mask: url(../img/svg/DownArrow.svg);
}

.icon-arrow-down {
	--icon-mask: url(../img/svg/Arrow_Down.svg);
}

.icon-rectangle-arrow-in {
	--icon-mask: url(../img/svg/Rectangle_Arrow_In.svg);
}

.icon-dollar-sign {
	--icon-mask: url(../img/svg/Dollar_Sign.svg);
}

.innermenu-title {
	margin-bottom: 20px;
	font-weight: 400;
	font-size: 20px;
	color: var(--text-color);
}

.repeater_close_button {
	vertical-align: middle;
	color: #fff;
	font-weight: 700;
	display: inline-block;
	font-size: 12px;
	line-height: 20px;
	height: 20px !important;
	width: 13px;
	border-left: 1px solid #fff;
	padding-left: 5px;
	background-color: rgba(8, 154, 211, 0.23);
	border-radius: 0px 5px 5px 0px;
}


.form-control {
	background-color: var(--fg-color) !important;
	color: var(--text-color) !important;
	border: 1px solid var(--unfocused-text-color);
}

.sport-selection {
	font-size: 20px;
	font-weight: 400;
	margin-right: 20px;
	color: #23527c;
}

.lights-button {
	font-size: 15px;
	margin-left: 3px;
	margin-right: 3px;
	line-height: 20px;
	color: var(--text-color) !important;
}

.submenu_bar-no-padding,
.submenu_bar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: var(--fg-color);
	width: 100%;
}

.submenu_bar {
	padding-bottom: 20px;
}

.submenu_bar_start_no_gap,
.submenu_bar_start {
	display: flex;
	justify-content: flex-start;
	/*align-content: left;*/
	/*line-height: 3.5;*/
}

.submenu_bar_end,
.submenu_bar_start {
	gap: 10px;
}

.submenu_bar_end_no_gap,
.submenu_bar_end {
	display: flex;
	justify-content: flex-end;
	/*align-content: left;*/
	/*line-height: 3.5;*/
}

.submenu_bar_space_between {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.actions-right,
.actions-left {
	display: flex;
	align-items: center;
	gap: 10px;
}

.actions-right {
	align-self: flex-end;
}

/* added to temporarily remove popups
*[mytitle]:hover:after {
	display: none !important;
}



*/
/*
div.RadToolTip {
	min-width: 500px;
	min-height: 300px;
	border-radius: 20px;
	box-shadow: rgba(10, 15, 39, 0.16)0px 16px 48px 0px;
	transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1);
	border: 1px solid var(--unfocused-text-color);
}*/

.RadToolTip_Default .rtWrapper .rtWrapperLeftMiddle,
.RadToolTip_Default .rtWrapper .rtWrapperRightMiddle,
.RadToolTip_Default .rtWrapper .rtWrapperTopLeft,
.RadToolTip_Default .rtWrapper .rtWrapperTopRight,
.RadToolTip_Default .rtWrapper .rtWrapperBottomLeft,
.RadToolTip_Default .rtWrapper .rtWrapperBottomRight,
.RadToolTip_Default .rtWrapper .rtWrapperTopCenter,
.RadToolTip_Default .rtWrapper .rtWrapperBottomCenter,
.RadToolTip_Default table.rtShadow .rtWrapperLeftMiddle,
.RadToolTip_Default table.rtShadow .rtWrapperRightMiddle,
.RadToolTip_Default table.rtShadow .rtWrapperTopLeft,
.RadToolTip_Default table.rtShadow .rtWrapperTopRight,
.RadToolTip_Default table.rtShadow .rtWrapperBottomLeft,
.RadToolTip_Default table.rtShadow .rtWrapperBottomRight,
.RadToolTip_Default table.rtShadow .rtWrapperTopCenter,
.RadToolTip_Default table.rtShadow .rtWrapperBottomCenter {
	background-image: none !important;
}

.RadListView div.rlvI,
.RadListView div.rlvA,
.RadListView div.rlvISel,
.RadListView div.rlvIEmpty,
.RadListView div.rlvIEdit {

	border: 1px solid var(--unfocused-text-color);
	border-bottom: 1px solid var(--unfocused-text-color) !important;
}

.RadToolTip_Default .rtCloseButton .no-popup[mytitle]:hover:after {
	display: none !important;
}



*[mytitle]:hover:after {
	/*
		background-color: #25A0DA;
		margin-top: 23px;
		*/
	margin-top: 50px;
	content: attr(mytitle);
	padding: 4px 8px;
	color: white;
	position: absolute;

	white-space: nowrap;
	z-index: 999;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;

	background-color: var(--accent-color);
	line-height: 18px;
	font: 500 12px/1.6 var(--typography-main-font) !important;
	text-shadow: none;
}


*[mytitle_bottom_center]:hover:after {
	content: attr(mytitle_bottom_center);
	padding: 4px 8px;
	color: #fff;
	position: absolute;
	margin-top: 35px;
	z-index: 999;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	background-color: #25A0DA;
	line-height: 18px;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
	max-width: 220px;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
}




*[mytitle_limit]:hover:after {
	content: attr(mytitle_limit);
	padding: 4px 8px;
	color: #fff;
	position: absolute;
	margin-top: 23px;
	z-index: 999;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	background-color: #25A0DA;
	line-height: 18px;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
	max-width: 220px;
}

*[mytitleDark]:hover:after {
	content: attr(mytitleDark);
	padding: 4px 8px;
	color: #fff;
	position: absolute;
	margin-top: 23px;
	white-space: nowrap;
	z-index: 2;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	background-color: #303847;
	line-height: 18px;
}


.mytitle_info {
	padding: 4px 0 4px 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	background-color: #25A0DA;
}

.News,
.post {
	animation: myfirst 5s;
	-webkit-animation: MyTieNews 10s;
	/* Safari and Chrome */
}

@keyframes MyTieNews {
	0% {
		background: #BBCED6;
	}

	/*25% {background: #BBCED6;}
50% {background: #BBCED6;}
75% {background: #BBCED6;}
100%{background: #BBCED6;}*/
}

@-webkit-keyframes MyTieNews

/* Safari and Chrome */
	{
	0% {
		background: #BBCED6
	}

	/*1%  {background: #BBCED6; margin-left:175px;}
2%  {background: #BBCED6; margin-left:150px;}
3%  {background: #BBCED6; margin-left:125px;}
4%  {background: #BBCED6; margin-left:100px;}
5%  {background: #BBCED6; margin-left:75px;}
6%  {background: #BBCED6; margin-left:50px;}
7%  {background: #BBCED6; margin-left:25px;}
8%  {background: #BBCED6; margin-left:0px;}
9%  {background: #BBCED6; margin-left:25px;}
10%  {background: #BBCED6; margin-left:15px;}
11%  {background: #BBCED6; margin-left:10px;}
12%  {background: #BBCED6; margin-left:5px;}
13%  {background: #BBCED6; margin-left:0px;}
25% {background: #BBCED6; margin-left:0px;}
50% {background: #BBCED6; margin-left:0px;}
75% {background: #BBCED6; margin-left:0px;}
100%{background: #BBCED6; margin-left:0px;}*/
}

.copy_next_container {

	background: var(--fg-color);
	text-align: right;
}

.display_inline_block {
	display: inline-block !important;
}

/*não fazer drag da imagem nos rotator's*/
.RadRotator img {
	pointer-events: none;
}

/*
    *{outline: none;}
*/

.calendar-today {
	border: 1px solid var(--accent-color) !important;
	color: var(--accent-color) !important;
	border-radius: 5px !important;

}

table,
.RadGrid {
	outline: none;
	/*background: var(--fg-color) !important;
	border: 1px solid var(--end-color) !important;
	border-radius: 5px;*/
}

.RadGrid_Metro {
	background-color: var(--fg-color) !important;
	border: 1px solid var(--end-color) !important;
}

.RadGrid_Metro .rgCommandRow a {
	color: var(--unfocused-text-color) !important;
}

.RadGrid_Metro .rgCommandRow a:hover {
	color: var(--text-color) !important;
}

.RadGrid_Metro th.rgSorted {
	background-color: var(--accent-color) !important;
}

.RadScheduler_Metro .rsFooter {

	border-radius: 0px 0px 5px 5px;
	background-color: transparent !important;
	border: none !important;
}

.RadScheduler_Metro .rsVerticalHeaderWrapper {
	background-color: transparent !important;
}

.RadGrid_Metro td.rgPagerCell {
	border-top: 1px solid red;
	background-color: var(--bg-color);
}

.RadGrid_Metro .rgCommandCell {
	border-bottom: 1px solid var(--end-color) !important;
	background-color: var(--fg-color);
}



.RadCalendar_Metro .rcMain {
	background-color: var(--calendar-background) !important;
	border-color: var(--calendar-background) !important;
}

.RadCalendar_Metro .rcTitlebar {
	border-color: var(--calendar-background) !important;
	border-bottom: 1px solid var(--calendar-divider) !important;
}

table.RadCalendarMonthView_Metro {
	border-color: var(--unfocused-text-color) !important;
	background-color: var(--calendar-background) !important;
}

.RadCalendarMonthView_Metro a {
	color: var(--text-color) !important;
}

/*
.RadCalendar_Metro .rcMain .rcRow a,
.RadCalendar_Metro .rcMain .rcRow span {
	color: var(--text-color) !important;
}
*/
.RadCalendarMonthView_Metro .rcSelected a {

	border-radius: 15px !important;
}

.RadCalendar_Metro .rcTitlebar td {
	background-color: var(--calendar-background) !important;
}

.RadCalendarMonthView_Default input,
.RadCalendarMonthView_Metro input {
	border: 1px solid var(--accent-color) !important;
	font: var(--typography-main-font) !important;
	border-radius: 15px !important;
}

.RadCalendarMonthView_Default input {
	border: 1px solid var(--accent-color) !important;
	color: var(--accent-text-color) !important;
	background: none !important;
	padding: 5px;
}

.RadCalendar_Default .rcTitlebar .rcNext,
.RadCalendar_Default .rcTitlebar .rcFastNext,
.RadCalendar_Default .rcTitlebar .rcFastPrev,
.RadCalendar_Default .rcTitlebar .rcPrev,
.RadCalendar_Metro .rcTitlebar .rcNext,
.RadCalendar_Metro .rcTitlebar .rcFastNext,
.RadCalendar_Metro .rcTitlebar .rcFastPrev,
.RadCalendar_Metro .rcTitlebar .rcPrev {
	width: 25px !important;
	height: 25px !important;
	background-repeat: no-repeat !important;
	background-position: center center !important;
	background-size: 16px 16px !important;
	border: 1px solid var(--calendar-divider) !important;
	border-radius: 15px !important;
}

.RadCalendar_Default .rcTitlebar .rcNext,
.RadCalendar_Metro .rcTitlebar .rcNext {
	background-image: url(../img/svg/Arrow_Right.svg) !important;
}

.RadCalendar_Default .rcTitlebar .rcFastNext,
.RadCalendar_Metro .rcTitlebar .rcFastNext {
	background-image: url(../img/svg/Double_Arrow_Right.svg) !important;
}

.RadCalendar_Default .rcTitlebar .rcPrev,
.RadCalendar_Metro .rcTitlebar .rcPrev {
	background-image: url(../img/svg/Arrow_Left.svg) !important;
}

.RadCalendar_Default .rcTitlebar .rcFastPrev,
.RadCalendar_Metro .rcTitlebar .rcFastPrev {
	background-image: url(../img/svg/Double_Arrow_Left.svg) !important;
}

.RadCalendar_Default .rcTitlebar .rcNext:hover,
.RadCalendar_Default .rcTitlebar .rcFastNext:hover,
.RadCalendar_Default .rcTitlebar .rcFastPrev:hover,
.RadCalendar_Default .rcTitlebar .rcPrev:hover,
.RadCalendar_Metro .rcTitlebar .rcNext:hover,
.RadCalendar_Metro .rcTitlebar .rcFastNext:hover,
.RadCalendar_Metro .rcTitlebar .rcFastPrev:hover,
.RadCalendar_Metro .rcTitlebar .rcPrev:hover {
	background-color: var(--bg-color) !important;
	border-radius: 15px !important;
}

.RadCalendar_Metro .rcWeek th {
	background-color: var(--calendar-background) !important;
	color: var(--text-color) !important;
	border-bottom: 1px solid transparent !important;
}

.RadCalendar_Metro .rcRow td {
	border-color: var(--calendar-background) !important;
}

.RadCalendar_Metro .rcRow .rcSelected {
	background-color: transparent !important;
}

.RadCalendar_Metro .rcMain .rcRow .rcHover {
	background-color: transparent !important;
}

.RadCalendar_Metro .rcMain .rcRow .rcHover a {
	background-color: var(--unfocused-text-color-lighter) !important;
	/*color: var(--text-color) !important;*/
}

.RadCalendar_Default .rcMain .rcRow td:not(.rcOtherMonth):not(.rcOutOfRange):not(.rcToday):not(.rcDisabled) a,
.RadCalendar_Metro .rcMain .rcRow td:not(.rcOtherMonth):not(.rcOutOfRange):not(.rcToday):not(.rcDisabled) a {
	color: var(--text-color) !important;

}

/*
.RadCalendar_Metro .rcMain .rcRow td:not(.rcWeekend):not(.rcOtherMonth):not(.rcOutOfRange):not(.rcToday):not(.rcDisabled).rcHover a {
	color: #005fcc;
}
*/
.RadCalendar_Metro .rcMain .rcRow td:not(.rcOtherMonth):not(.rcOutOfRange):not(.rcToday):not(.rcDisabled) a {
	color: var(--text-color) !important;

}

.RadCalendar_Metro .rcMain .rcOtherMonth a {
	color: var(--unfocused-text-color) !important;
}

.RadCalendar_Metro .rcMain .rcRow .rcSelected a {
	background-color: transparent !important;
	border: 1px solid var(--accent-color) !important;
	border-radius: 9999px !important;
	color: var(--accent-color) !important;
}

.RadScheduler_Metro .rsHeader {
	border-radius: 5px 5px 0px 0px !important;
	border: none !important;
	background-color: var(--accent-color) !important;
}

.RadScheduler_Metro .rsHeader h2,
.RadScheduler .rsHeader .rsToday {
	font-size: 18px !important;
}

.RadScheduler .rsApt {
	font-size: 14px !important;
}

.RadScheduler .rsApt .rsAptTitle {
	font-size: 16px !important;
}

.RadGrid_Metro .rgHeader {
	background-color: var(--bg-color);
	color: var(--text-color) !important;
	font-size: 12px !important;
	height: 40px !important;
	/*previously 10px font-size
	line-height: 40px;*/
	line-height: 50px;
	font-weight: bold !important;
	text-transform: uppercase !important;
}



.RadGrid_Metro .rgInfoPart strong {
	color: var(--text-color) !important;
}

.RadGrid_Metro .rgAltRow td {
	background-color: var(--fg-color);
	border-color: red;
	border-bottom: 1px solid red;
}

.RadGrid_Metro .rgHeader,
.RadGrid_Metro th.rgResizeCol,
.RadGrid_Metro .rgHeaderWrapper {
	border: 0px !important;
}

.RadGrid_Metro .rgNumPart a {
	border: 0px !important;
}

.RadGrid_Metro .rgNumPart a:hover {
	background-color: var(--unfocused-text-color-lighter) !important;
	color: var(--text-color) !important;
}

.RadGrid_Metro td.rgPagerCell {
	border: 0px !important;
}

.content_news {
	font-size: 12px;
}

.content_news img {
	width: 45px;
	height: 45px;
}

.NewsPlaceHolder {
	overflow-y: auto;
	overflow-x: hidden;
	max-height: 400px;
}

/*.NewsPlaceHolder:hover{overflow-y: auto;}*/

.LoaderNews {
	text-align: center !important;
}

.content_news.row {
	line-height: 25px;
}

.NewsText {
	font-size: 12px;
	font-weight: 600;
}

.NewsText a {
	font: 800 12px/1.6 var(--typography-main-font);
}

.NewsText a:hover {
	color: #2c5d79;
}

.titulos_12px_bold {
	font-weight: 700;
}

/*LISTA DE DIAS QUANDO SE DEFINE PERIODOS*/
.checklist label {
	display: inline
}

.RadRotator_MetroTouch a.rrButton.rrButtonRight {
	right: 0px !important;
	z-index: 999;
}

.RadScheduler .rsSpacerCell,
.RadScheduler .rsVerticalHeaderTable th,
.RadScheduler .rsHorizontalHeaderTable th {

	border-width: 0 0px 0px 0 !important;
}

.RadScheduler .rsApt {
	cursor: pointer;
}

.RadScheduler .rsAptColor .rsAptMid .rsAptIn {
	background: var(--bg-color) !important;
}

.RadScheduler .rsContent {
	/*	background-color: #f4f4f4;*/
	border: 1px solid transparent !important;
	/*border: 1px solid var(--unfocused-text-color) !important;
	.RadScheduler .rsAptResize{display:none;}*/
}


.RadScheduler_Metro .rsHorizontalHeaderTable th {
	/*background-color: transparent !important;*/
	background-color: var(--fg-color) !important;
	border-color: var(--unfocused-text-color) !important;
}

.appointment_title {
	font-weight: bold;
	/*border-bottom-width: 0;
	border-bottom-style: solid;
	padding-left: 5px;
	padding-right: 5px;*/
}

.drawer {
	background: none;
}

.drawer.active {
	-moz-box-shadow: inset 0 -2px 10px rgba(0, 0, 0, 0.5), 0 0 0 rgba(255, 255, 255, 0.1);
	-webkit-box-shadow: inset 0 -2px 10px rgba(0, 0, 0, 0.5), 0 0 0 rgba(255, 255, 255, 0.1);
	box-shadow: inset 0 -2px 10px rgba(0, 0, 0, 0.5), 0 0 0 rgba(255, 255, 255, 0.1);
	background: var(--fg-color);
	border-top: 1px solid rgba(0, 0, 0, 0.4);
	padding: 10px 0 10px 0;
}

.drawer.active .content {
	padding: 15px;
}

.drawer.active .content .row {
	width: 80%
}

form label {
	display: inline;
	font-size: 12px;
	font-weight: 500;
	margin: 0 0 0 4px;
	color: var(--text-color);
	padding-left: 5px;
}

.itemgrid,
.alternatingItemgrid {
	float: left;
	margin: 7px;
	width: 150px;
	height: 110px;
	border: 1px solid #eee;
	font-size: 12px;
	text-align: center;
	padding: 10px 0 0 0;
}

.texto_middle {
	vertical-align: middle !important;
}

.texto_left {
	text-align: left !important;
}

.texto_center {
	text-align: center !important;
}

.texto_right {
	text-align: right !important;
}

.RadGrid_MetroTouch .rgExpand {
	background-position: -8px -160px !important;
	background-color: red;
}

.rsAptResizeStart {
	display: none;
}

li {
	margin-bottom: 0px;
}

.RadPanelBar .rpText {
	/*padding: 16px 15px 0 30px !important;*/
	padding: 29px 25px 0px 45px !important;
	font: 600 16px var(--typography-main-font) !important;
	left: 15px;
	color: var(--unfocused-text-color);
	position: relative;
}


.RadPanelBar_MetroTouch {
	background: transparent !important;
	background-color: transparent !important;
}

.RadPanelBar_MetroTouch .rpOut {
	position: relative;
	padding-left: 15px;
	height: 75px;
	text-align: left;
	line-height: 75px;
}

.RadPanelBar_MetroTouch .rpOut::before {
	content: "";
	display: inline-block;
	position: absolute;
	left: 15px;
	top: 50%;
	transform: translateY(-50%);
	width: 25px;
	height: 25px;
	background-color: var(--unfocused-text-color);
	-webkit-mask: var(--icon-mask) no-repeat center;
	mask: var(--icon-mask) no-repeat center;
	mask-size: contain;
}

.RadPanelBar_MetroTouch .rpOut:hover::before,
.RadPanelBar .icon-panel:focus::before,
.RadPanelBar .icon-panel:active::before {
	background-color: var(--text-color);
}


.RadPanelBar_MetroTouch .rpExpanded .rpOut::before {

	background-color: #ffffff;
}


.RadPanelBar li:hover .rpText,
.RadPanelBar li:active .rpText,
.RadPanelBar li:focus .rpText {
	color: var(--text-color);
}

.RadPanelBar_MetroTouch .rpLink,
.RadPanelBar_MetroTouch .rpHeaderTemplate {

	align-content: center;
}

fieldset {
	padding: 0px 0px 0px 5px;
	border: solid 1px var(--unfocused-text-color-lighter) !important;
	margin: 18px 0;
	color: var(--text-color);
}

/*.rsAptDelete{background-color:red !important;}*/

/*000000000000000000000000000000000000000000000000000*/

/*
outdated values
--text-color: #3b3b3b;
--bg-color: #F0F0F0;

*/

/*To implement

Light mode exclusive

#FFFFFF white
#F2F2F2 light grey

Dark Mode exclusive

#10110F Black
#171717 Dark Grey

#1B8DF7 light blue
#1B45CF dark blue
#67CD91 green
#EB646B red

Typography

#FFFFFF white
#7B7B7B grey
#2B2B2B black

*/


/* Light mode defaults */

:root {

	--typography-main-font: 'Inter', sans-serif;
	--typography-h1-font: 'Space Grotesk', sans-serif;

	--bg-color: #F2F2F2;
	--fg-color: #FFFFFF;
	--end-color: #D7D7D7;
	--accent-color: #00234b;
	--accent-text-color: #FFFFFF;
	--textbox-color: #FFFFFF;
	--tiemanager-color: #00234b;
	--gradient-bg-color: #FFFFFF;
	--text-color: #2B2B2B;
	--reversed-text-color: #FFFFFF;
	--unfocused-text-color: #7B7B7B;
	--specific-color-blue: rgb(226, 232, 253);
	--specific-color-blue-hovered: rgb(27, 69, 207);
	--tablebutton-color: #CECECE;
	--tablebutton-icon-color: #2b2b2b;
	--unfocused-text-color-lighter: #d8d8d8;
	--link-color: #1B8DF7;
	--link-hovered-color: #1B45CF;
	--campotitulos-and-filterelement-color: rgb(75, 88, 101);

	--coloured-text-bg-green: rgb(236, 253, 243);
	--coloured-text-font-green: rgb(2, 122, 42);
	--coloured-text-bg-blue: rgb(239, 247, 255);
	--coloured-text-font-blue: rgb(0, 97, 255);
	--coloured-text-bg-red: #FEE2E2;
	--coloured-text-font-red: #B91C1C;
	--coloured-text-bg-orange: rgb(255, 249, 235);
	--coloured-text-font-orange: rgb(181, 71, 8);
	--coloured-text-bg-hovered-green: #D1FAE5;
	--coloured-text-font-hovered-green: #047857;
	--coloured-text-bg-hovered-blue: #DBEAFE;
	--coloured-text-font-hovered-blue: #0053D9;
	--coloured-text-bg-hovered-red: #FECACA;
	--coloured-text-font-hovered-red: #991B1B;
	--coloured-text-bg-hovered-orange: #FFEDD5;
	--coloured-text-font-hovered-orange: #9A3412;

	--calendar-background: #ffffff;
	--calendar-divider: #cdd6df;



}

.dark-mode {

	--typography-main-font: 'Inter', sans-serif;
	--typography-h1-font: 'Space Grotesk', sans-serif;

	--bg-color: #10110F;
	--fg-color: #171717;
	--end-color: #242424;
	--accent-color: #004480;
	--accent-text-color: #FFFFFF;
	--textbox-color: #242424;
	--tiemanager-color: #FFFFFF;
	--text-color: #FFFFFF;
	--reversed-text-color: #2B2B2B;
	--unfocused-text-color: #7B7B7B;
	--specific-color-blue: darkblue;
	--specific-color-blue-hovered: rgb(27, 69, 207);
	--tablebutton-color: #7B7B7B;
	--tablebutton-icon-color: #2b2b2b;
	--unfocused-text-color-lighter: #2b2b2b;
	--gradient-bg-color: red;
	--link-color: #1B8DF7;
	--link-hovered-color: #1B45CF;
	--campotitulos-and-filterelement-color: rgb(213, 214, 215);

	--coloured-text-bg-green: rgb(8, 43, 20);
	--coloured-text-font-green: rgb(176, 234, 195);
	--coloured-text-bg-blue: rgb(4, 16, 35);
	--coloured-text-font-blue: rgb(58, 149, 233);
	--coloured-text-bg-red: #4C1D1D;
	--coloured-text-font-red: #FCA5A5;
	--coloured-text-bg-orange: rgb(63, 30, 14);
	--coloured-text-font-orange: rgb(242, 214, 149);

	--coloured-text-bg-hovered-green: #0F5132;
	--coloured-text-font-hovered-green: #A7F3D0;

	--coloured-text-bg-hovered-blue: #0A2A5E;
	--coloured-text-font-hovered-blue: #93C5FD;



	--coloured-text-bg-hovered-red: #7F1D1D;
	--coloured-text-font-hovered-red: #FCA5A5;


	--coloured-text-bg-hovered-orange: #7C2D12;
	--coloured-text-font-hovered-orange: #FED7AA;

	--calendar-background: #232325;
	--calendar-divider: #585858;
}

html,
body {
	min-height: 100%;
	font-family: var(--typography-main-font);
}

html {
	scrollbar-color: #9b9b9b #f0f0f0;
	scrollbar-width: auto;
}

html.dark-mode {
	scrollbar-width: auto;
	scrollbar-color: #555 #222;
}

select {
	scrollbar-width: auto;
	/* Firefox */
	scrollbar-color: #9b9b9b #f0f0f0;
	/* Firefox */
}

/* Dark mode */
html.dark-mode select {
	scrollbar-width: auto;
	/* Firefox */
	scrollbar-color: #555 #222;
	/* Firefox */
}

/* Chrome / Edge / Safari (WebKit/Blink) */
select::-webkit-scrollbar {
	width: 8px;
}

select::-webkit-scrollbar-track {
	background: #f0f0f0;
}

select::-webkit-scrollbar-thumb {
	background-color: #9b9b9b;
	border-radius: 4px;
}

html.dark-mode select::-webkit-scrollbar-track {
	background: #222;
}

html.dark-mode select::-webkit-scrollbar-thumb {
	background-color: #555;
}




body {
	font: 500 12px/1.6 var(--typography-main-font);
	color: var(--text-color);
	background: var(--bg-color);
	/*margin-top: 20px;*/
}

.bg-pattern {
	background-image: url("/img/bg_padrao.png");
	position: absolute;
	height: 100%;
	width: 100%;
	z-index: -1;
}

.head-gradient {
	background-color: var(--bg-color);
	position: fixed;
	height: 100%;
	width: 100%;
	z-index: -1;
}

p {
	font-size: 12px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	color: var(--text-color);
	/*color: #505050;
	-webkit-box-shadow: 0px 1px 0px #fff;
	box-shadow: 0px 1px 0px #fff;
	border-bottom: 1px solid #C0C0C0;*/
	margin-bottom: 6px;
}

h1 {
	font-size: 24px;
	font-weight: 700;
	padding-bottom: 0px;
}

h2 {
	font-size: 22px;
	font-weight: 600;
	margin-bottom: 25px;
}

h3 {
	font: 600 20px/1.6 var(--typography-main-font) !important;
	margin: 0 0 10px;
	padding-bottom: 6px;
}

h4 {
	font-size: 14px;
	font-weight: 600;
	margin: 10px 0 0 6px;
	padding-bottom: 6px;
}

h6 {
	font-size: 12px;
	font-weight: 600;
}

a {
	color: var(--link-color);
	cursor: pointer;
	text-decoration: none;
	outline: 0;
	-webkit-transition: color 0.25s ease-out;
	-moz-transition: color 0.25s ease-out;
	-o-transition: color 0.25s ease-out;
	transition: color 0.25s ease-out;
}

a:hover {
	color: var(--link-hovered-color);
}

* {
	margin: 0;
	padding: 0;
	line-height: 1.6;
	outline: none;
}

img {
	max-width: none;
}

.pg_head .logo {
	margin-top: 46px;
	border: none;
	-webkit-box-shadow: 0px 0px 0px white;
	box-shadow: 0px 0px 0px white;
	margin-bottom: 0;
	z-index: 9999;
	display: inline-block;
}



/*======================================================================
	Faceook Friends
=======================================================================*/
.btn-connect-facebook {
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	color: #FFF;
	display: block;
	height: 50px;
	line-height: 50px;
	margin: 5px auto 10px;
	width: 350px;
	background-image: -webkit-gradient(linear,
			left bottom,
			left top,
			color-stop(0, #4a678f),
			color-stop(1, #6f8abc));
}

.btn-connect-facebook:hover {
	background: #29447b;
	/* Old browsers */
	background: -moz-linear-gradient(top, #29447b 0%, #3b5a9a 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #29447b), color-stop(100%, #3b5a9a));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #29447b 0%, #3b5a9a 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #29447b 0%, #3b5a9a 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, #29447b 0%, #3b5a9a 100%);
	/* IE10+ */
	background: linear-gradient(to bottom, #29447b 0%, #3b5a9a 100%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#29447b', endColorstr='#3b5a9a', GradientType=0);
	/* IE6-9 */
	color: #FFF;
}

.btn-connect-facebook span {
	/*display: inline-block;*/
	float: left;
	vertical-align: middle;
}

.btn-connect-facebook .text {
	float: left;
	font-size: 18px;
	line-height: 55px;
	margin-left: 20px;
}

.btn-connect-facebook .logo {
	background: url('/Facebook/img/btn-logo-fb.png') no-repeat;
	float: right;
	height: 24px;
	margin: 12px 25px 0 0;
	width: 110px;
}

.FacebookFriends {
	position: relative;
	z-index: 10;
	vertical-align: baseline;
	padding: 22px 0 0 0;
	margin-bottom: 10px;
	border: 1px solid #D8D8D8;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-color: #FFF;
	border-bottom-width: 4px;
	min-height: 72px;
}

.FacebookFriends .chkFacebookFriends {
	float: right;
}



/*=======================================================================
	   Placeholder
=======================================================================*/
/* WebKit browsers */
::-webkit-input-placeholder {
	color: #aaa;
}

/* Mozilla Firefox 4 to 18 */
:-moz-placeholder {
	color: #aaa;
}

/* Mozilla Firefox 19+ */
::-moz-placeholder {
	color: #aaa;
}

/* Internet Explorer 10+ */
:-ms-input-placeholder {
	color: #aaa;
}

.placeholder_preto input::-webkit-input-placeholder {
	color: #333;
}

.placeholder_branco input::-webkit-input-placeholder {
	color: #fff;
}

.placeholder_cinza input::-webkit-input-placeholder {
	color: #B9E1F8;
}

/* WebKit browsers */
.placeholder_font_14px::-webkit-input-placeholder {
	font-size: 14px;
}

/* Mozilla Firefox 4 to 18 */
.placeholder_font_14px:-moz-placeholder {
	font-size: 14px;
}

/* Mozilla Firefox 19+ */
.placeholder_font_14px::-moz-placeholder {
	font-size: 14px;
}

/* Internet Explorer 10+ */
.placeholder_font_14px:-ms-input-placeholder {
	font-size: 14px;
}

/*=======================================================================
	Focus
=======================================================================*/

.quick_access .input:focus {
	border: 1px solid #333 !important;
}

/* input[type="text"]:focus {
	
	-webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.3) inset !important;
	-moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.3) inset !important;
	box-shadow:0 1px 2px rgba(0, 0, 0, 0.3) inset !important;
	outline: none !important;
}*/

/*=======================================================================
	Tool BAR
 ========================================================================*/
.login_mobile {
	display: none;
}

.signup_mobile {
	display: none;
}

.signup_facebook {
	display: none;
}

#navigation {
	max-width: 1048px;
	padding-top: 40px;
}

.quick_access {
	display: flex;

	align-items: center;
	justify-content: flex-end;
	background: var(--fg-color);

	top: 0;
	left: 0;
	width: 100%;
	z-index: 20000;
	min-height: 80px;
	height: 80px;
	/*border-bottom: 1px solid var(--unfocused-text-color-lighter);

	border-bottom: 1px solid #dddddd;
	border-bottom-width: 50%;*/
}

.quick_access a {
	vertical-align: middle;
	padding-right: 0px;
	display: inline-block;
}

.quick_access .div_nao_logado .opcoes_login {
	display: inline;
	color: #B9E1F8;
	padding: 20px 10px 25px 10px;
	padding: 15px 10px 15px 10px;
	top: 15px;
	position: relative;
	border-left: 1px solid rgba(0, 0, 0, 0.1);
	border-right: 1px solid rgba(0, 0, 0, 0.1);
	box-shadow: 1px 0 0 rgba(255, 255, 255, 0.11);
	font: 500 12px var(--typography-main-font) !important;
	margin-left: -3px;
}

.quick_access .div_nao_logado .opcoes_login:hover,
.quick_access .div_nao_logado .opcoes_login:focus {
	color: #FFF;
	background: #146B8F;
}

.quick_access .div_nao_logado .opcoes_login .pass {
	color: #0A3A66;
	font: 500 12px/0 var(--typography-main-font) !important;
}

.quick_access_admin {
	font: 600 12px/1.6 var(--typography-main-font);
	text-transform: capitalize;
	background: #25a0da;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 35px;
	z-index: 20000;
	-moz-box-shadow: 0px 0px 5px #222222;
	-webkit-box-shadow: 0px 0px 5px #222;
	box-shadow: 0px 0px 5px #222;
	-webkit-opacity: 0.95;
	-moz-opacity: 0.95;
	opacity: 0.95;
	filter: alpha(opacity=95);
	float: left;
}

.quick_access_admin a {
	color: #fff;
}

.quick_access_admin a:hover {
	color: #195194;
}

.quick_access .row {
	color: #B9E1F8 !important;
	font: 600 22px var(--typography-main-font) !important;
}

.quick_access .imput {
	border: 0 none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: -moz-linear-gradient(center top, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.1)) repeat scroll 0 0 transparent;
	border-top: 1px solid rgba(0, 0, 0, 0.4);
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.4) inset, 0 1px 0 rgba(255, 255, 255, 0.4);
	padding: 7px;
	background: #177FA8;
	color: #FFF !important;
	margin-top: 7px;
	width: 44%;
}

.quick_access .imput:focus {
	-webkit-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, .75), inset 0px -1px 0px #6f7274, 0px 0px 14px rgba(255, 255, 255, .3);
	-moz-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, .75), inset 0px -1px 0px #6f7274, 0px 0px 14px rgba(255, 255, 255, .3);
	box-shadow: inset 0px 1px 2px rgba(0, 0, 0, .75), inset 0px -1px 0px #6f7274, 0px 0px 14px rgba(255, 255, 255, .3)
}

.quick_access .forgot_password {
	color: #B9E1F8;
}

.quick_access .forgot_password:hover,
.quick_access .forgot_password:focus {
	color: #fff;
	border: none;
}


/*=======================================================================
	Icons btn
=======================================================================*/
.entrar {
	background: url('../img/sprite-toolbar-admin.png') no-repeat 0 -13px;
	padding: 0 0 0 30px;
}

.avatar {
	padding-right: 24px;
	background: url('../img/user-admin.png') no-repeat;
	width: 22px;
	/*background-size: 100% 100%;*/
	vertical-align: middle;
	display: inline-block;
	height: 22px;
	/*margin-right: 10px;*/
}

.tiemanagerlink {
	position: relative;
	display: flex;
	justify-content: flex-start;
	align-content: center;
	/*border-right: 1px solid var(--unfocused-text-color) !important;*/
	padding-left: 20px;
	min-height: 70px;
	padding-right: 30px;
	align-self: center;
}

.tiemanagerlink::before {
	align-self: center;
	vertical-align: middle;
	width: 200px;
	height: 80px;
	content: "";
	display: inline-block;
	margin-right: 10px;
	background-color: var(--tiemanager-color);
	-webkit-mask: url(../img/svg/TieManager.svg) no-repeat center;
	mask: url(../img/svg/TieManager.svg) no-repeat center;
}

.tiemanagerlink::after {
	content: "";
	position: absolute;
	top: 10%;
	right: 0;
	width: 1px;
	height: 80%;
	background-color: var(--unfocused-text-color);
}

/*
.drop_rec {
	display: flex;
	justify-content: flex-start;
	align-content: center;
	border-right: 1px solid var(--unfocused-text-color) !important;
	margin-left: 40px;
	min-height: 70px;
	padding-right: 30px;
align-self: center;
color: var(--text-color);
}
*/

.radpanel_interactable {
	border-radius: 5px;
	color: var(--text-color);
	min-height: 35px;
	background-color: var(--fg-color);
	border: 1px solid var(--unfocused-text-color) !important;
}

.RadAutoCompleteBox_Metro .racToken {
	margin: 0px 5px 5px 0px !important;
	background-color: var(--fg-color) !important;
	color: var(--text-color) !important;
	border-color: var(--unfocused-text-color) !important;
	border-radius: 5px;
}


.RadAutoCompleteBox_Metro .racTokenList {
	padding: 0px !important;

}

.filter-gap-16 {
	display: flex;
	flex-direction: row;
	gap: 16px;
}

.just-flex-with-row {

	display: flex;
	flex-direction: row;
}

.td-vertical-align-middle {

	vertical-align: middle;
}

.just-link-hover-effect {
	--link: var(--link-color);
	--link-hover: var(--link-hovered-color);
	color: var(--link) !important;
}

.just-link-hover-effect:hover {
	color: var(--link-hover) !important;
}

.just-link-hover-effect.red-hover-effect {
	--link: red;
	--link-hover: pink;
}

.just-link-hover-effect.green-hover-effect {
	--link: green;
	--link-hover: lightgreen;
}

.just-link-hover-effect.blue-hover-effect {
	--link: var(--link-color);
	--link-hover: var(--link-hovered-color);
}

.just-link-hover-effect.textcolor-hover-effect {
	--link: var(--text-color);
	--link-hover: var(--link-hovered-color);
}

.just-underline {
	text-decoration: underline;
}

.min-height-100 {
	min-height: 100px;
}

.flex-column-center {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.grid-tag-style {
	display: inline-block;
	background-color: var(--accent-color);
	color: var(--accent-text-color);
	margin-right: 5px;
	padding-left: 5px;
	border-radius: 5px;
	margin-bottom: 3px;
	height: 20px;
	/*
	background-color: #bbb;
	color: #fff;*/
}

.grid-x-style {
	vertical-align: top;
	color: #fff;
	font-weight: 700;
	display: inline-block;
	font-size: 13px;
	line-height: 20px;
	height: 20px !important;
	width: 13px;
	border-left: 1px solid #fff;
	padding-left: 2px;
	background-color: rgba(8, 154, 211, 0.23);
	border-radius: 0px 5px 5px 0px;
}

.grid-label-style {
	font-weight: 600;
	background-color: var(--accent-color);
	color: var(--accent-text-color);
	padding-left: 5px;
	padding-right: 5px;
	border-radius: 2px;
}

.RadUpload_Default .ruFakeInput {

	box-sizing: border-box;
	height: 40px;
	line-height: 40px;
	/*background-color: rgb(35, 35, 37);*/
	background-color: var(--textbox-color) !important;
	box-shadow: none;
	cursor: pointer;
	font-weight: 400;
	font-size: 1rem;
	width: 250px;
	letter-spacing: 0px;
	color: var(--campotitulos-and-filterelement-color);
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	position: relative;
	border-radius: 12px !important;
	border-width: 1px;
	border-style: solid;
	border-color: rgb(120, 120, 120) !important;
	padding: 8px 12px;
	border-image: initial;
	transition: 200ms cubic-bezier(0, 0, 0.1, 1);
	font-family: var(--typography-main-font);
	font-weight: normal !important;
	font-size: 14px !important;
	position: relative;
}

html body .riSingle .riTextBox,
html body .riSingle .riTextBox[type="text"],
.RadAutoCompleteBox_Metro .racTokenList,
.filter_element {

	box-sizing: border-box;
	height: 40px;
	line-height: 40px;
	/*background-color: rgb(35, 35, 37);*/
	background-color: var(--textbox-color) !important;
	box-shadow: none;
	cursor: pointer;
	font-weight: 400;
	font-size: 1rem;
	width: 250px;
	letter-spacing: 0px;
	color: var(--campotitulos-and-filterelement-color);
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	position: relative;
	border-radius: 12px !important;
	border-width: 1px;
	border-style: solid;
	border-color: rgb(120, 120, 120) !important;
	padding: 8px 12px;
	border-image: initial;
	transition: 200ms cubic-bezier(0, 0, 0.1, 1);
	font-family: var(--typography-main-font);
	font-weight: normal !important;
	font-size: 14px !important;
	position: relative;
	/*
	border-radius: 5px;
	border: 1px solid var(--unfocused-text-color) !important;
	height: 35px;
	min-width: 100px;
	background-color: var(--textbox-color) !important;
	color: var(--text-color);
	padding-left: 5px;
	padding-right: 5px;
	font: 600 12px/2 var(--typography-main-font) !important;

	*/
}

html body .riSingle .riTextBox:disabled,
html body .riSingle .riTextBox[disabled],
html body .riSingle .riTextBox[type="text"]:disabled,
.RadAutoCompleteBox_Metro .racTokenList:disabled,
.filter_element:disabled,
html body .riSingle .riTextBox.disabled,
.RadAutoCompleteBox_Metro .racTokenList.disabled,
.filter_element.disabled {
	background-color: var(--unfocused-text-color) !important;
	color: #a0a0a0 !important;
	border-color: transparent !important;
	cursor: not-allowed !important;

	opacity: 0.7;
}

.sports-flex {
	display: flex;
	flex-wrap: wrap;
	gap: 12px 16px;
	/* row-gap, column-gap */
	align-items: flex-start;
}

.sport-item {
	display: contents;
	/* lets children participate directly in the parent flex layout */
}

/* Toggle “cells” sit in the first row */
.sport-toggle {
	flex: 0 0 auto;
	/* don't grow, don't shrink */
	min-width: 220px;
	/* space for name + toggle */
	padding: 8px 10px;
	border-radius: 12px;
	background: var(--textbox-color);
	border: 1px solid rgb(120, 120, 120);
}

/* Settings span full width, so they drop under the toggles row */
.sport-settings {
	flex: 1 0 100%;
	padding: 14px;
	border-radius: 12px;
	background: var(--textbox-color);
	border: 1px solid rgb(120, 120, 120);
	box-shadow: 0 2px 10px rgba(0, 0, 0, .05);
}

/* Small “card” chunks inside settings */
.setting-chunk+.setting-chunk {
	margin-top: 12px;
}

/* Optional: nicer sport name */
.sport-toggle h6 {
	margin: 0 0 6px 0;
	font-weight: 600;
	font-size: 0.95rem;
}


.percent100-width {
	width: 100%;
}

.half-width {
	width: 125px;
}

.one-fifty-width {
	width: 150px;
}

.eighty-width {
	width: 80px;
}

.quarter-width {
	width: 60px;
}

html body .riSingle .riTextBox:hover,
html body .riSingle .riTextBox[type="text"]:hover,
.RadAutoCompleteBox_Metro .racTokenList:hover,
.filter_element:hover {
	border-color: var(--text-color) !important;
}

html body .riSingle .riTextBox.active,
html body .riSingle .riTextBox[type="text"].active,
.RadAutoCompleteBox_Metro .racTokenList.active,
.filter_element.active {
	border-color: var(--accent-color) !important;
	box-shadow: var(--accent-color) 0 0 0 1px !important;
}

html body .riSingle .riTextBox.active::after,
html body .riSingle .riTextBox[type="text"].active::after,
.RadAutoCompleteBox_Metro .racTokenList.active::after {
	transform: translateY(-50%) rotate(180deg);
	background-color: var(--text-color);
	/* arrow color when active */
}

html body .riSingle .riTextBox,
html body .riSingle .riTextBox[type="text"],
.RadAutoCompleteBox_Metro .racTokenList,
select.filter_element {
	position: relative;
	padding-right: 2.5rem;
}


select.filter_element {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;

	height: 40px;
	line-height: 40px;
	padding-top: 0;
	padding-bottom: 0;

	padding-right: 2.5rem;


	box-sizing: border-box;
	border: 1px solid rgb(120, 120, 120) !important;
	border-radius: 12px;
	background-color: var(--textbox-color) !important;
	color: var(--campotitulos-and-filterelement-color);
	font-family: var(--typography-main-font);
	font-size: 14px;
	font-weight: 400;
}

select.filter_element option {
	background-color: var(--fg-color);
	color: var(--campotitulos-and-filterelement-color);
}

select.filter_element option:checked {
	background-color: var(--fg-color);

}

.select-wrap {
	position: relative;
	display: inline-block;
	cursor: pointer;
	color: var(--campotitulos-and-filterelement-color);

}

.select-wrap::after {
	content: "";
	position: absolute;
	right: .75rem;
	top: 50%;
	transform: translateY(-50%) rotate(0deg);
	width: 1.5rem;
	height: 1.5rem;
	transition: transform 200ms ease;
	pointer-events: none;
	-webkit-mask: url("/img/svg/DownArrow.svg") no-repeat center;
	-webkit-mask-size: contain;
	mask: url("/img/svg/DownArrow.svg") no-repeat center;
	mask-size: contain;

	background-color: currentColor;
}

.select-wrap.open::after {
	transform: translateY(-50%) rotate(180deg);
	background-color: var(--accent-color);
	/* arrow color when active */
}


input.custom-checkbox {
	position: absolute;
	opacity: 0;
	width: 0;
	height: 0;
}

input.custom-checkbox+label {
	position: relative;
	padding-left: 28px;
	cursor: pointer;
	min-height: 20px;
	display: inline-block;
}

input.custom-checkbox+label::before {
	--checkbox-size: 16px;
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: var(--checkbox-size);
	height: var(--checkbox-size);
	border: 1px solid var(--unfocused-text-color);
	border-radius: 4px;
	background: var(--textbox-color);
}

input.custom-checkbox:checked+label::before {
	background: var(--accent-color);
	content: "✔";
	color: #fff;
	font-size: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
}

span.custom-checkbox input[type="checkbox"] {
	position: absolute;
	opacity: 0;
	width: 0;
	height: 0;
}

span.custom-checkbox label {
	position: relative;
	padding-left: 28px;
	cursor: pointer;
	min-height: 20px;
	display: inline-block;
}

span.custom-checkbox label::before {
	--checkbox-size: 16px;
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: var(--checkbox-size);
	height: var(--checkbox-size);
	border: 1px solid var(--unfocused-text-color);
	border-radius: 4px;
	background: var(--textbox-color);
}

span.custom-checkbox input[type="checkbox"]:checked+label::before {
	background: var(--accent-color);
	content: "✔";
	color: #fff;
	font-size: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.flex_with_space_around {
	display: flex;
	justify-content: space-around;
}

.width_200px {
	width: 200px !important;
}

.RadAutoCompleteBox_Metro .racInput {
	color: var(--text-color) !important;
	font: 600 12px/2 var(--typography-main-font) !important;
}

.small-style {
	width: 50px;
	background-color: var(--end-color);
	color: var(--unfocused-text-color);
	text-align: center;
	display: inline-block;
	border-radius: 1px;
	vertical-align: middle;
}

.flex-with-justify-left {

	display: flex;
	justify-content: left;
	align-items: center;
	gap: 20px
}

.coloured-text-with-background-style:empty {
	display: none;
}

.coloured-text-with-background-style:empty {
	padding: 0;
	height: 0;
	background: transparent;
}

.coloured-text-with-background-style {
	-webkit-box-align: center;
	align-items: center;
	border-radius: 25px;
	display: inline-flex;
	height: 22px;
	line-height: 22px;
	-webkit-box-pack: center;
	justify-content: center;
	padding: 0px 8px;
	text-transform: uppercase;
}

.coloured-text-with-background-green {

	background-color: var(--coloured-text-bg-green);
	color: var(--coloured-text-font-green);
}

a.coloured-text-with-background-green:hover {
	background-color: var(--coloured-text-bg-hovered-green);
	color: var(--coloured-text-font-hovered-green);
}

.coloured-text-with-background-blue {

	background-color: var(--coloured-text-bg-blue);
	color: var(--coloured-text-font-blue);
}

a.coloured-text-with-background-blue:hover {
	background-color: var(--coloured-text-bg-hovered-blue);
	color: var(--coloured-text-font-hovered-blue);
}

.coloured-text-with-background-red {

	background-color: var(--coloured-text-bg-red);
	color: var(--coloured-text-font-red);
}

a.coloured-text-with-background-red:hover {

	background-color: var(--coloured-text-bg-hovered-red);
	color: var(--coloured-text-font-hovered-red);
}

.coloured-text-with-background-orange {

	background-color: var(--coloured-text-bg-orange);
	color: var(--coloured-text-font-orange);
}

a.coloured-text-with-background-orange:hover {

	background-color: var(--coloured-text-bg-hovered-orange);
	color: var(--coloured-text-font-hovered-orange);
}

.icon-toolbar {
	display: flex;
	align-items: center;
	position: relative;
	background: none;
	border: none;
	color: var(--unfocused-text-color);
	padding: 15px 15px 18px 30px;
	text-decoration: none;
	margin-left: -3px;
}

.icon-toolbar::before {
	align-self: center;
	vertical-align: middle;
	content: "";
	display: inline-block;
	width: 25px;
	height: 25px;
	margin-right: 10px;
	background-color: var(--unfocused-text-color);
	-webkit-mask: var(--icon-mask) no-repeat center;
	mask: var(--icon-mask) no-repeat center;
	mask-size: contain;
}

.icon-toolbar:hover,
.icon-toolbar:focus {
	color: var(--text-color);
}

.icon-toolbar:hover::before,
.icon-toolbar:focus::before {
	background-color: var(--link-color);
}

.icon-toolbar.icon-jpeg::before {
	-webkit-mask: none;
	mask: none;
	background-color: transparent;
	background-image: var(--icon-image);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}


.icon-toolbar.icon-fpt-png {
	--icon-image: url("/img/png/fpt.png");
}

.icon-toolbar.icon-fpp-png {
	--icon-image: url("/img/png/fpp.png");
}



a.locations-quick,
.simple-icon {
	align-items: center;
	position: relative;
	background: none;
	border: none;
	color: var(--unfocused-text-color);
	text-decoration: none;
}

a.locations-quick::before,
.simple-icon::before {
	align-self: center;
	vertical-align: middle;
	content: "";
	display: inline-block;
	width: 25px;
	height: 25px;
	margin-right: 10px;
	background-color: var(--unfocused-text-color);
	-webkit-mask: var(--icon-mask) no-repeat center;
	mask: var(--icon-mask) no-repeat center;
	mask-size: contain;
}

.simple-icon.smaller-version::before {
	width: 15px;
	height: 15px;
	margin-right: 6px;
	vertical-align: top;
}

.simple-icon:hover::before,
.simple-icon:focus::before {
	background-color: var(--link-color);
}

.sports-icon {
	display: block;
	margin: 0 auto;
	align-items: center;
	position: relative;
	background: none;
	border: none;
	text-decoration: none;
	-webkit-mask-size: contain;
	mask-size: contain;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	width: 40px;
	height: 40px;
	background-color: var(--unfocused-text-color);
}

.event-calendar-station_name,
.event-calendar-synchronize_date {
	font-size: 14px;
	padding-left: 5px;
	padding-right: 5px;
	display: inline-block;
}



.event-calendar-station_name {
	border-radius: 5px 0px 0px 5px;
	background-color: var(--accent-color);
	color: var(--accent-text-color);
	line-height: 25px;
	/*background-color: #989898;
	line-height: 18px;
	border-radius: 3px;
	color: initial;
	border: 1px solid #989898;
	color: white;
	font-weight: 400;*/
}

.event-calendar-synchronize_date {
	border-radius: 0px 5px 5px 0px;
	color: var(--text-color);
	border: 1px solid var(--accent-color);
	line-height: 23px;

	/*font-weight: 400;
	border: 1px solid #989898;
	line-height: 18px;*/
}

.RadUpload_Default,
.RadUpload_Default a,
.RadUpload_Default input {
	font: normal 11px var(--typography-main-font);
}

.RadUpload_Default .ruButton {

	color: var(--unfocused-text-color) !important;
	background-color: transparent !important;
	border: 1px solid var(--unfocused-text-color-lighter) !important;
	border-radius: 10px !important;
	background-image: none !important;
}

.RadUpload_Default .ruButton:hover {
	cursor: pointer !important;
}

.noicon-submenus,
.icon-submenus {
	align-items: center;
	display: inline-block;
	align-self: center;
	font-weight: normal;
	position: relative;
	background: none;
	font-size: 16px;
	color: var(--unfocused-text-color);
	/*padding: 10px 10px 10px 10px;*/
	padding: 7px 7px 7px 7px;
	text-decoration: none;
	background-color: transparent;
	border: 1px solid var(--unfocused-text-color-lighter);
	border-radius: 10px;
	/*margin-left: 10px;*/
}

.icon-submenus::before {
	align-self: center;
	vertical-align: middle;
	content: "";
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-right: 10px;
	margin-bottom: 3px;
	background-color: var(--unfocused-text-color);
	-webkit-mask: var(--icon-mask) no-repeat center;
	mask: var(--icon-mask) no-repeat center;
	mask-size: contain;
}

.icon-submenus,
.icon-submenus::before,
.icon-submenus:hover,
.icon-submenus:focus,
.icon-submenus:hover::before,
.icon-submenus:focus::before,
.icon-submenus.specific-color-blue,
.icon-submenus.specific-color-blue:hover,
.icon-submenus.specific-color-blue:active,
.icon-submenus.specific-color-blue:focus,
.icon-submenus.specific-color-blue:hover::before,
.icon-submenus.specific-color-blue:active::before,
.icon-submenus.specific-color-blue:focus::before {
	transition: color 400ms cubic-bezier(0.4, 0, 0.2, 1), background-color 400ms cubic-bezier(0.4, 0, 0.2, 1), border-color 400ms cubic-bezier(0.4, 0, 0.2, 1);
}

.icon-submenus:hover,
.icon-submenus:focus {
	background-color: var(--bg-color);
	color: var(--text-color);
}

.icon-submenus:hover::before,
.icon-submenus:focus::before {
	background-color: var(--text-color);
}

.icon-submenus.specific-color-blue {
	background-color: var(--specific-color-blue) !important;
}

.icon-submenus.specific-color-blue:hover,
.icon-submenus.specific-color-blue:active,
.icon-submenus.specific-color-blue:focus {
	background-color: var(--specific-color-blue-hovered) !important;
	color: white;
}

.icon-submenus.specific-color-blue:hover::before,
.icon-submenus.specific-color-blue:active::before,
.icon-submenus.specific-color-blue:focus::before {
	background-color: white !important;
}

.noicon-submenus:hover,
.noicon-submenus:active,
.noicon-submenus:focus {
	transition: color 400ms cubic-bezier(0.4, 0, 0.2, 1), background-color 400ms cubic-bezier(0.4, 0, 0.2, 1), border-color 400ms cubic-bezier(0.4, 0, 0.2, 1);
	color: var(--text-color);
	background: var(--bg-color);
}

.noicon-submenus.extra-padding-for-agenda,
.icon-submenus.extra-padding-for-agenda {
	padding-top: 10px;
	padding-bottom: 10px;
}

.just-accent-color {
	color: var(--accent-color) !important;
}

.just-add-background:hover,
.just-add-background:active,
.just-add-background:focus {
	background-color: var(--unfocused-text-color-lighter)
}

.just-specify-text-color {
	color: var(--text-color);
}

.redbutton {
	background-color: #EB646B;
	color: white;
}

.redbutton:hover,
.redbutton:focus,
.redbutton:active {
	background-color: #F82A34;
}

.icon-submenus.redbutton::before {
	background: white;
}


.x_panel_modified {
	position: relative;
	width: 100%;
	margin-bottom: 10px;
	padding: 10px 17px;
	display: inline-block;
	background: var(--fg-color);
	border: 1px solid var(--unfocused-text-color);
	-webkit-column-break-inside: avoid;
	-moz-column-break-inside: avoid;
	/*column-break-inside: avoid;*/
	opacity: 1;
	transition: all .2s ease
}

.modal-content_modified {
	position: relative;
	background-color: var(--fg-color);
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border: 1px solid var(--unfocused-text-color);
	border: 1px solid rgba(0, 0, 0, .2);
	border-radius: 6px;
	outline: 0;
	-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
	box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
}

.modal-footer-modified {
	display: flex;
	justify-content: space-evenly;
	padding: 15px;
	border-top: 1px solid var(--unfocused-text-color);
}

.modal-title_modified {
	color: var(--text-color);
	margin: 0;
	line-height: 1.42857143;
}

/*
.panel_sport {
	display: inline-block;
	width: 150px;
	height: 100px;
	overflow: hidden;
	text-align: center;
	background-color: transparent;
	border: 1px solid var(--unfocused-text-color);
	line-height: 100px;
	border-radius: 3px;
	margin-right: 20px;
	margin-bottom: 20px;
	position: relative;
	cursor: pointer;
}*/

.panel_sport {
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 150px;
	height: 100px;
	overflow: hidden;
	text-align: center;
	background-color: transparent;
	border: 1px solid var(--unfocused-text-color);
	line-height: 100px;
	border-radius: 3px;
	margin-right: 20px;
	margin-bottom: 20px;
	position: relative;
	cursor: pointer;
}

#panel_list_sports .ibox-content {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	gap: 20px;
}


#panel_list_sports .panel_sport {
	flex: 0 0 150px;
	height: 100px;
	margin: 0;
}


div .panel_sport:last-child {
	margin-right: 0px;
}

/*
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {}url(../../../td-infonet2015/img/svg/Key_Fill.svg)

*/

.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-next-hover {
	background-image: url(../img/svg/Arrow_Right.svg);
	right: 7px;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-prev-hover {
	background-image: url(../img/svg/Arrow_Left.svg);
	left: 7px;
}

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	background-color: var(--unfocused-text-color-lighter);
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	border: 0px solid var(--unfocused-text-color);
	top: 7px;
}

.ui-widget-header .ui-icon {
	background-image: none;
}


/*
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	background-color: var(--bg-color);
}

*/

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button,
.ui-widget {
	font-family: var(--typography-main-font);
}



.ui-widget-header {
	background: var(--fg-color);
	border: 0px solid var(--unfocused-text-color-lighter);
}

.ui-widget-content {
	border: 1px solid var(--unfocused-text-color-lighter);
	background: var(--bg-color);
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	border-radius: 5px;
	border: 0px solid pink;
	background: none;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
	color: var(--text-color);
	background-color: var(--unfocused-text-color-lighter);
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	color: var(--text-color);
}

.ui-datepicker th {
	background-color: var(--bg-color);
	color: var(--unfocused-text-color);
}

.ui-datepicker select.ui-datepicker-month {
	margin-right: 1px;
}

.ui-datepicker select.ui-datepicker-year {
	margin-left: 1px;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {

	border-radius: 5px;
	height: 35px;
	background-color: var(--end-color) !important;
	color: var(--unfocused-text-color);
	padding-left: 5px;
	padding-right: 5px;
	border: 0px solid var(--unfocused-text-color-lighter);
}

.panel_sport .span_config {
	display: none;
	position: absolute;
	width: 100%;
	left: 0px;
	right: 0px;
	bottom: 0px;
	line-height: 20px;
	background-color: var(--bg-color);
	font-size: 11px;
	color: var(--text-color);
	font-weight: 400;
}

.panel_sport:hover .span_config {
	display: block;
}

.ibox {
	clear: both;
	margin-bottom: 25px;
	margin-top: 0;
	padding: 0;
}

.ibox-title {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	color: inherit;
	margin-bottom: 0;
	padding: 15px 90px 8px 15px;
	min-height: 48px;
	position: relative;
	clear: both;
}

.ibox-title h5 {
	display: inline-block;
	font-size: 14px;
	margin: 0 0 7px;
	padding: 0;
	text-overflow: ellipsis;
	float: none;
	border: none;
	margin-bottom: 0px;
}

.ibox-content-with-flex,
.ibox-content {

	color: var(--text-color);
	padding: 15px 20px 20px 20px;
	border-color: var(--unfocused-text-color-lighter);
	border-image: none;
	border-style: solid solid none;
	border-width: 1px 0;
	clear: both;
}

.ibox-content-with-flex {
	display: flex;
}


/*new
.ibox-content {
	display: flex;
	color: var(--text-color);
	padding: 15px 20px 20px 20px;
	border-color: var(--unfocused-text-color-lighter);
	border-image: none;
	border-style: solid solid none;
	border-width: 1px 0;
	clear: both;
}
*/
.tablebutton,
.noicon-tablebutton {
	border: 1px solid var(--unfocused-text-color-lighter);
	cursor: pointer;
	border-radius: 8px;
	padding: 4px 4px 7px 4px;
	color: var(--unfocused-text-color) !important;
}

.tablebutton.square-shape {
	padding: 4px 12px 7px 12px;
}

.tablebutton.no-border {
	border: 0px solid var(--unfocused-text-color-lighter);
}

.noicon-tablebutton:hover,
.noicon-tablebutton:focus,
.tablebutton:hover,
.tablebutton:active,
.tablebutton:focus {
	transition: color 400ms cubic-bezier(0.4, 0, 0.2, 1), background-color 400ms cubic-bezier(0.4, 0, 0.2, 1), border-color 400ms cubic-bezier(0.4, 0, 0.2, 1);
	background-color: var(--tablebutton-color);
	border-color: var(--tablebutton-color);
	color: var(--tablebutton-icon-color) !important;
}

.tablebutton:hover.no-hover-effect {
	border: 0px solid var(--unfocused-text-color-lighter);
	background-color: transparent;
	border-color: transparent;
	color: var(--unfocused-text-color) !important;
	cursor: default;
}

.tablebutton.no-hover-effect.mars-color:hover::before {
	/*background-color: #089AD3;*/
	background-color: var(--text-color);
	transition: none;
	cursor: help;
}

.tablebutton.no-hover-effect.venus-color:hover::before {
	/*background-color: #f500a9;*/
	background-color: var(--text-color);
	transition: none;
	cursor: help;
}

/* mars color: #089AD3;
venus color: #f500a9;*/

.tablebutton::before {
	align-self: center;
	vertical-align: middle;
	content: "";
	display: inline-block;
	width: 20px;
	height: 20px;
	background-color: var(--unfocused-text-color);
	-webkit-mask: var(--icon-mask) no-repeat center;
	mask: var(--icon-mask) no-repeat center;
	mask-size: contain;
}

.tablebutton.mars-color::before {
	background-color: var(--text-color);
}

.tablebutton.venus-color::before {
	background-color: var(--text-color);
}

.tablebutton:hover::before,
.tablebutton:focus::before {
	transition: color 200mscubic-bezier(0.4, 0, 0.2, 1), background-color 200mscubic-bezier(0.4, 0, 0.2, 1), border-color 200mscubic-bezier(0.4, 0, 0.2, 1);
	background-color: var(--tablebutton-icon-color);
}


.tablebutton.rotate-180::before {
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
}

.tablebutton.mirror::before {
	transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
}

.padding-webpage-tablebutton {
	padding: 9px;
	margin-left: 5px;
}

.togglemode {
	display: flex;
	align-items: center;
	position: relative;
	background: none;
	border: none;
	padding: 15px 15px 18px 30px;
	text-decoration: none;
	margin-left: -3px;
}

.togglemode::before {
	align-self: center;
	vertical-align: middle;
	content: "";
	display: inline-block;
	width: 25px;
	height: 25px;
	margin-right: 10px;
	background-color: var(--unfocused-text-color);
	-webkit-mask: url(../img/svg/Moon.svg) no-repeat center;
	mask: url(../img/svg/Moon.svg) no-repeat center;
	/*-webkit-mask: url(../img/svg/LightMode.svg) no-repeat center;
		mask: url(../img/svg/LightMode.svg) no-repeat center;
		width: 60px;
			height: 35px;
		*/
}

html.dark-mode .togglemode::before {
	-webkit-mask: url(../img/svg/Sun.svg) no-repeat center;
	mask: url(../img/svg/Sun.svg) no-repeat center;
	/*-webkit-mask: url(../img/svg/DarkMode.svg) no-repeat center;
		mask: url(../img/svg/DarkMode.svg) no-repeat center;*/
}

.togglemode:hover,
.togglemode:focus {
	color: var(--link-color);
}

.togglemode:hover::before {
	background-color: var(--link-color);
}

.challenges {
	padding: 0 0 0 42px;
	height: 26px;
	background: url(../img/icons/toolbar-challenges.png) no-repeat 16px 5px;
}

.mytie {

	background-image: none;
	color: var(--unfocused-text-color);
	padding: 15px 20px 19px 30px;
	margin-left: -3px;
	padding-left: 15px;
	padding-right: 15px;
	text-align: center;
}

.mytie::before {
	content: "";
	display: inline-block;
	align-self: center;
	vertical-align: middle;
	height: 25px;
	width: 25px;
	margin-right: 10px;
	background-color: var(--unfocused-text-color);
	-webkit-mask: url(../img/svg/User.svg) no-repeat center;
	mask: url(../img/svg/User.svg) no-repeat center;
}

.mytie:hover,
.mytie:focus {
	background: url('../img/sprite-toolbar-admin.png') no-repeat 0 -154px;
	color: var(--text-color);
	background-image: none;
}

.mytie:hover::before,
.mytie:focus::before {
	background-color: var(--link-color);

}

.mysettings {
	background-image: none;
	color: var(--unfocused-text-color);
	padding: 15px 20px 19px 30px;
	margin-left: -3px;
	padding-left: 15px;
	padding-right: 15px;
	text-align: center;
}



.mysettings::before {
	content: "";
	display: inline-block;
	align-self: center;
	vertical-align: middle;
	height: 30px;
	width: 30px;
	margin-right: 10px;
	background-color: var(--unfocused-text-color);
	-webkit-mask: url(../img/svg/Settings.svg) no-repeat center;
	mask: url(../img/svg/Settings.svg) no-repeat center;
}

.mysettings:hover::before,
.mysettings:focus::before {
	background-color: var(--link-color);
}

.schedule {
	background-image: none;
	color: var(--unfocused-text-color);
	padding: 15px 20px 19px 30px;
	margin-left: -3px;
	padding-left: 15px;
	padding-right: 15px;
	text-align: center;
}

.schedule::before {
	content: "";
	display: inline-block;
	width: 25px;
	height: 25px;
	align-self: center;
	vertical-align: middle;
	margin-right: 10px;
	background-color: var(--unfocused-text-color);
	-webkit-mask: url(../img/svg/Calendar.svg) no-repeat center;
	mask: url(../img/svg/Calendar.svg) no-repeat center;
}

.schedule:hover,
.schedule:focus {

	color: var(--text-color);
}

.schedule:hover::before,
.schedule:focus::before {
	background-color: var(--link-color);

}

.agenda-header {
	display: flex;
	align-items: center;
	gap: .75rem;
	justify-content: left;
	margin: .5rem 0
}

.agenda-current {
	font-weight: 600
}

.agenda-nav {
	border: none;
	background: transparent;
	font-size: 1.25rem;
	line-height: 1;
	cursor: pointer
}

.agenda-today {
	margin-left: 1rem
}

/* class targets the control; id targets the outer wrapper */
.rdp-agenda-hidden {
	position: absolute;
	left: -9999px;
	top: -9999px;
	width: 0;
	height: 0;
	overflow: hidden;
}

/*=======================================================================
	nº de mensagens
=======================================================================*/

.notice {
	position: relative;
	left: 10px;
	padding: 0px 4px 0px 4px;
	line-height: 14px;
	font-size: 12px;
	font-weight: bold;
	color: #7696D3;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}

.priority {
	align-self: center;
	color: white;
	background: var(--link-color);
}

.priority:hover {
	color: #fff;
	background: #7596d3;
}


/*=======================================================================
	FACEBOOK
=======================================================================*/
.div_nao_logado {
	display: inline-block;
	width: 100%;
	margin: 0;
}

.div_logado {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	width: 100%;
	/*align-content: left;
	line-height: 3.5;*/
}

div.RadSocialShare_Metro {
	border: none !important;
}

.RadSocialShare {
	padding: 0 !important;
}

.sshContent {
	position: relative !important;
	top: 7px !important;
}

.toolbar_social {
	float: right;
	display: inline;
}


/*=======================================================================
	Modal Box Login 
=======================================================================*/
.popbox {
	text-align: center;
}

.box {
	height: 140px;
	width: 260px;
	text-align: center;
	margin-top: 25px;
	padding-top: 25px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: inset 0px 1px 0px #575b5e, 0px -5px 18px 0px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: inset 0px 1px 0px #575b5e, 0px -5px 18px 0px rgba(0, 0, 0, 0.2);
	box-shadow: inset 0px 1px 0px #575b5e, 0px -5px 18px 0px rgba(0, 0, 0, 0.2);
	background: #3a3e42;
	background: -moz-linear-gradient(top, #3a3e42 0%, #202426 73%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3a3e42), color-stop(73%, #202426));
	background: -webkit-linear-gradient(top, #3a3e42 0%, #202426 73%);
	background: -o-linear-gradient(top, #3a3e42 0%, #202426 73%);
	background: -ms-linear-gradient(top, #3a3e42 0%, #202426 73%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3a3e42', endColorstr='#202426', GradientType=0);
	background: linear-gradient(top, #3a3e42 0%, #202426 73%);
	box-shadow: 0 4px 23px 5px rgba(0, 0, 0, 0.2), 0 2px 6px rgba(0, 0, 0, 0.15);
}

.arrow_login {
	left: 64%;
	margin-left: -12px;
	top: 8px;
	border-color: transparent transparent #393D41 transparent;
	position: absolute;
	border-width: 12px;
	border-style: solid;
	width: 0;
	height: 0;
	z-index: 100;
}

.arrow_notificacoes {
	left: 64%;
	margin-left: -12px;
	/*top: 8px;*/
	top: -24px;
	border-color: transparent transparent #089ad3 transparent;
	position: absolute;
	border-width: 12px;
	border-style: solid;
	width: 0;
	height: 0;
	z-index: 100;
}

.open {
	color: white;
}

.open:hover {
	cursor: pointer;
	color: #028dcf;
}

.HighRadTokenListBox .racTokenList,
.homePlayersBox .racTokenList {
	min-height: 90px;
	padding-top: 6px;
	padding-bottom: 6px;
	width: 100% !important;
}

.singlebox .racTokenList {
	width: 100% !important;
}

.RadAutoCompleteBox .racTokenList {

	padding: 5px !important;
}

.RadAutoCompleteBox .racTextToken {

	color: var(--text-color) !important;
}

div.RadToolTip_MyCustomSkin table.rtWrapper td.rtWrapperContent {
	background-color: red;

}

.RadToolTip_MyNotificationPanelSkin {
	background-color: var(--fg-color);
	border: 1px solid var(--unfocused-text-color);
	border-radius: 15px;
	width: 200px;
}

.documents-disclaimer {

	padding: 10px 20px;
	/*background-color: #089ad336;*/
	background-color: var(--accent-color);
	border-radius: 10px;
	margin-bottom: 20px;
	color: #ffffff;
}

/*
.notification_panel {
	border: 1px solid red;
}
*/
.box_notifications {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;

	z-index: 0;
	height: 100%;
	width: 100%;
	/*top: 12px;*/

	position: relative;

	font: 600 14px/2 var(--typography-main-font);
}

.box_notifications ul {
	padding: 10px 0px 0px 0px;
	width: 100%;
	text-align: left;

}

.box_notifications ul li {

	border-bottom: 1px solid #4AB3E6;
	-webkit-box-shadow: inset 0 -1px #218DC0;
	-moz-box-shadow: inset 0 -1px #218DC0;
	box-shadow: inset 0 -1px #218DC0;
}

.box_notifications a {
	color: var(--unfocused-text-color);
}

.box_notifications a:hover {
	color: #195194;
}

.notifications_number {

	float: right;
	color: #195194;
}

.modal_box_btn1 {
	height: 35px;
	width: 80px;
	background: transparent url(../img/login_btn.png) no-repeat;
	border: none;
	display: inline-block;
	color: #FFF;
	text-shadow: 0 1px 0 #000;
	position: absolute;
	left: 166px;
	top: 150px;
	padding: 10px 0 0;
	text-decoration: none;
}

.modal_box_btn1:hover {
	text-decoration: none;
	color: #8dc1f2;
	text-shadow: 0 0px 0 #000;
}

.modal_box_btn2 {
	display: inline-block;
}

/*=======================================================================
	Guardar Cookies & Recupera pass
========================================================================*/
.forgot {
	color: #bbb;
	text-align: left;
	background: url(../img/forget-pass-bg.png) no-repeat bottom;
	position: absolute;
	left: 40px;
	top: 145px;
	padding-bottom: 1px;
	font: 400 12px var(--typography-main-font);
	text-decoration: none;
}

.forgot:hover {
	color: #fff;
}

.guardar_cookie {
	position: absolute;
	left: 38px;
	top: 167px;
	font: 400 10px var(--typography-main-font);
	color: #B8B8B8;
}

.guardar_cookie_box {
	position: absolute;
	left: 36px;
	top: 153px;
}

form .field .radio span,
form .field .checkbox span {
	display: inline-block;
	width: 13px;
	height: 13px;
	position: relative;
	top: 5px;
	left: -15px;
	border: solid 1px #2E2E2E;
	background: #0F0F0F;
}

form .field .checkbox.checked span {
	background-position: -1px -15px;
}


/*=======================================================================
	  Modal Box Profile datatable
 ========================================================================*/
#RadToolTipWrapper_ctl00_radTooltip_modalPopup {
	background-image: url(../img/modal-profile-data.png);
	width: 220px;
	height: 155px;
	padding: 20px;
}

.TelerikModalOverlay {
	zoom: 1;
	background-color: #000 !important;
}


/*=======================================================================
	Ficha Comparition
=======================================================================*/
.rpTemplate h2 {
	font: 800 20px/2 var(--typography-main-font);
}


/*=======================================================================
	Icons Datatables
========================================================================*/
.icon-active {
	background: url('../img/sprite-btn-datatables.png') no-repeat 0px -931px var(--unfocused-text-color-lighter);
	/*border: 1px solid #D9D9D9;*/
	border-radius: 5px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	margin-right: 5px;
	padding: 5px 15px;
}

.icon-active:hover {
	background: url('../img/sprite-btn-datatables.png') no-repeat 0px -901px var(--unfocused-text-color-lighter);
}


.icon-add_friend {
	background: url('../img/sprite-btn-datatables.png') no-repeat 1px -782px #F3F3F3;
	margin-right: 5px;
	padding: 5px 15px;
	-webkit-transition: border-color .218s;
	-moz-transition: border .218s;
	-o-transition: border-color .218s;
	transition: border-color .218s;
	border: solid 1px #DCDCDC;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}

.icon-add_friend:hover {
	background: url('../img/sprite-btn-datatables.png') no-repeat 1px -811px #fff;
	border-color: #999;
	-moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}


.icon-addlocation {
	background: url('../img/sprite-btn-datatables.png') no-repeat 1px -360px #F3F3F3;
	margin-right: 5px;
	padding: 5px 15px;
	-webkit-transition: border-color .218s;
	-moz-transition: border .218s;
	-o-transition: border-color .218s;
	transition: border-color .218s;
	border: solid 1px #DCDCDC;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}

.icon-addlocation:hover {
	background: url('../img/sprite-btn-datatables.png') no-repeat 1px -390px #fff;
	border-color: #999;
	-moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}


.icon-book {
	background: url('../img/sprite-btn-datatables.png') no-repeat 2px -121px #F3F3F3;
	margin-right: 5px;
	padding: 5px 15px;
	-webkit-transition: border-color .218s;
	-moz-transition: border .218s;
	-o-transition: border-color .218s;
	transition: border-color .218s;
	border: solid 1px #DCDCDC;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}

.icon-book:hover {
	background: url('../img/sprite-btn-datatables.png') no-repeat 1px -151px #fff;
	border-color: #999;
	-moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}


.icon-challenge {
	background: url('../img/sprite-btn-datatables.png') no-repeat 0px -661px #F3F3F3;
	margin-right: 5px;
	padding: 5px 15px;
	-webkit-transition: border-color .218s;
	-moz-transition: border .218s;
	-o-transition: border-color .218s;
	transition: border-color .218s;
	border: solid 1px #DCDCDC;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}

.icon-challenge:hover {
	background: url('../img/sprite-btn-datatables.png') no-repeat 0px -691px #fff;
	border-color: #999;
	-moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}


.icon-delete {
	background: url('../img/sprite-btn-datatables.png') no-repeat 2px -510px #fff;
	border: 1px solid #D9D9D9;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	margin-right: 5px;
	padding: 5px 15px;
}

.icon-delete:hover {
	background: url('../img/sprite-btn-datatables.png') no-repeat 2px -510px #fff;
	border-color: #999;
	-moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}


.icon-save {
	background: url('../img/sprite-admin.png') no-repeat -5px -1846px #fff;
	border: 1px solid #D9D9D9;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	margin-right: 5px;
	padding: 5px 15px;
}

.icon-save:hover {
	background-position-y: -1887px
}

.icon-ok {
	background: url('../img/sprite-btn-datatables.png') no-repeat 2px -541px #F3F3F3;
	border: 1px solid #D9D9D9;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	margin-right: 5px;
	padding: 5px 15px;
}

.icon-ok:hover {
	background: url('../img/sprite-btn-datatables.png') no-repeat 2px -571px #F3F3F3;
	border-color: #999;
	-moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}


.icon-directions {
	background: url('../img/sprite-btn-datatables.png') no-repeat 1px -181px #F3F3F3;
	margin-right: 5px;
	padding: 5px 15px;
	-webkit-transition: border-color .218s;
	-moz-transition: border .218s;
	-o-transition: border-color .218s;
	transition: border-color .218s;
	border: solid 1px #DCDCDC;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}

.icon-directions:hover {
	background: url('../img/sprite-btn-datatables.png') no-repeat 1px -211px #fff;
	border-color: #999;
	-moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}


.icon-edit {
	background: url('../img/sprite-btn-datatables.png') no-repeat 2px -421px #F3F3F3;
	border: 1px solid #D9D9D9;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	margin-right: 5px;
	padding: 5px 15px;
}

.icon-edit:hover {
	background: url('../img/sprite-btn-datatables.png') no-repeat 2px -451px #fff;
	border-color: #999;
	-moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}

.icon-cancel {
	background: url('../img/sprite-btn-datatables.png') no-repeat 2px -480px #F3F3F3;
	border: 1px solid #D9D9D9;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	margin-right: 5px;
	padding: 5px 15px;
}

.icon-cancel:hover {
	background: url('../img/sprite-btn-datatables.png') no-repeat 2px -510px #fff;
	border-color: #999;
	-moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}

.icon-client {
	background: url('../img/sprite-btn-datatables.png') no-repeat 0px -1022px #F3F3F3;
	border: 1px solid #D9D9D9;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	margin-right: 5px;
	padding: 5px 15px;
}

.icon-client:hover {
	background: url('../img/sprite-btn-datatables.png') no-repeat 0px -1052px #fff;
	border-color: #999;
	-moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}

/*simbolo facebook*/
/*.icon-facebook {background: url('../img/sprite-btn-datatables.png') no-repeat 1px -721px #F3F3F3; margin-right: 5px; padding: 5px 15px; -webkit-transition: border-color .218s; -moz-transition: border .218s; -o-transition: border-color .218s; transition: border-color .218s; border: solid 1px #DCDCDC; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; }
.icon-facebook:hover {background: url('../img/sprite-btn-datatables.png') no-repeat 1px -751px #fff; border-color: #999; -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2) -webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); }*/




/*simbolo share*/
.icon-facebook {
	background: url('../img/sprite-btn-datatables.png') no-repeat 0px -1457px #F3F3F3;
	margin-right: 5px;
	padding: 5px 15px;
	-webkit-transition: border-color .218s;
	-moz-transition: border .218s;
	-o-transition: border-color .218s;
	transition: border-color .218s;
	border: solid 1px #DCDCDC;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}

.icon-facebook:hover {
	background-position-y: -1490px
}

.sp-replacer {
	background-color: transparent !important;
	border: 1px solid var(--unfocused-text-color) !important;
	border-radius: 5px;
}

.sp-dd {
	color: var(--unfocused-text-color) !important;
}

.sp-container {

	background-color: var(--fg-color);
	border: 1px solid var(--unfocused-text-color) !important;
}

.sp-picker-container {

	border-left: 1px solid var(--unfocused-text-color)
}

.icon-inactive {
	background: url('../img/sprite-btn-datatables.png') no-repeat 0px -901px var(--unfocused-text-color-lighter);
	border-radius: 5px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	margin-right: 5px;
	padding: 5px 15px;
}

.icon-inactive:hover {
	background: url('../img/sprite-btn-datatables.png') no-repeat 0px -931px var(--unfocused-text-color-lighter);
}


.icon-location {
	background: url('../img/sprite-btn-datatables.png') no-repeat 0px -241px #F3F3F3;
	margin-right: 5px;
	padding: 5px 15px;
	-webkit-transition: border-color .218s;
	-moz-transition: border .218s;
	-o-transition: border-color .218s;
	transition: border-color .218s;
	border: solid 1px #DCDCDC;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}

.icon-location:hover {
	background: url('../img/sprite-btn-datatables.png') no-repeat 0px -271px #fff;
	border-color: #999;
	-moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}


.icon-login {
	background: url('../img/sprite-btn-datatables.png') no-repeat 0px -962px #F3F3F3;
	border: 1px solid #D9D9D9;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	margin-right: 5px;
	padding: 5px 15px;
}

.icon-login:hover {
	background: url('../img/sprite-btn-datatables.png') no-repeat 0px -992px #fff;
	border-color: #999;
	-moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}


.icon-profile {
	background: url('../img/sprite-btn-datatables.png') no-repeat 1px -1px #F3F3F3;
	margin-right: 5px;
	padding: 5px 15px;
	-webkit-transition: border-color .218s;
	-moz-transition: border .218s;
	-o-transition: border-color .218s;
	transition: border-color .218s;
	border: solid 1px #DCDCDC;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}

.icon-profile:hover {
	background: url('../img/sprite-btn-datatables.png') no-repeat 1px -31px #fff;
	border-color: #999;
	-moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}


.icon-notification {
	background: url('../img/sprite-btn-datatables.png') no-repeat 0px -61px #F3F3F3;
	margin-right: 5px;
	padding: 5px 15px;
	-webkit-transition: border-color .218s;
	-moz-transition: border .218s;
	-o-transition: border-color .218s;
	transition: border-color .218s;
	border: solid 1px #DCDCDC;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}

.icon-notification:hover {
	background: url('../img/sprite-btn-datatables.png') no-repeat 0px -90px #fff;
	border-color: #999;
	-moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}


.icon-join {
	background-color: #F3F3F3;
	margin-right: 5px;
	padding: 5px 15px;
	-webkit-transition: border-color .218s;
	-moz-transition: border .218s;
	-o-transition: border-color .218s;
	transition: border-color .218s;
	border: solid 1px #DCDCDC;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}

.icon-join:hover {
	background-color: #fff;
	border-color: #999;
	-moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}


.icon-view {
	background: url('../img/sprite-btn-datatables.png') no-repeat 1px -302px #F3F3F3;
	margin-right: 5px;
	padding: 5px 15px;
	-webkit-transition: border-color .218s;
	-moz-transition: border .218s;
	-o-transition: border-color .218s;
	transition: border-color .218s;
	border: solid 1px #DCDCDC;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}

.icon-view:hover {
	background: url('../img/sprite-btn-datatables.png') no-repeat 1px -332px #fff;
	border-color: #999;
	-moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}


.icon-cv {
	background: url('../img/sprite-admin.png') 0px -2243px no-repeat #F3F3F3 !important;
	padding: 0px !important;
	margin: 2px 1px !important;
	height: 32px;
	width: 40px;
}

.icon-cv:hover {
	background-position-y: -2283px !important;
}


.icon-cv-grid {
	background: url('../img/sprite-admin.png') no-repeat -4px -2247px #F3F3F3;
	margin-right: 5px;
	padding: 5px 15px;
	-webkit-transition: border-color .218s;
	-moz-transition: border .218s;
	-o-transition: border-color .218s;
	transition: border-color .218s;
	border: solid 1px #DCDCDC;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}

.icon-cv-grid:hover {
	background-position-y: -2287px !important;
}


.icon-print {
	background: url('../img/sprite-btn-datatables.png') no-repeat 0px -1140px #F3F3F3;
	border: 1px solid #D9D9D9;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	margin-right: 5px;
	padding: 5px 15px;
}

.icon-print:hover {
	background-position: 0px -1171px;
}


.icon-arrow-up {
	background: url('../img/sprite-btn-datatables.png') no-repeat -0px -1203px #F3F3F3;
	border: 1px solid #D9D9D9;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	margin-right: 5px;
	padding: 5px 15px;
}

.icon-arrow-up:hover {
	background-position-y: -1235px;
}

/*
.icon-arrow-down {
	background: url('../img/sprite-btn-datatables.png') no-repeat -0px -1267px #F3F3F3;
	border: 1px solid #D9D9D9;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	margin-right: 5px;
	padding: 5px 15px;
}

.icon-arrow-down:hover {
	background-position-y: -1299px;
}


.icon-arrow-left {
	background: url('../img/sprite-btn-datatables.png') no-repeat -0px -1336px #F3F3F3;
	border: 1px solid #D9D9D9;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	margin-right: 5px;
	padding: 5px 15px;
}

.icon-arrow-left:hover {
	background-position-y: -1368px;
}
*/
/*
.icon-arrow-right {
	background: url('../img/sprite-btn-datatables.png') no-repeat -0px -1400px #F3F3F3;
	border: 1px solid #D9D9D9;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	margin-right: 5px;
	padding: 5px 15px;
}

.icon-arrow-right:hover {
	background-position-y: -1432px;
}
*/

.pending_approval {
	background: #CFD4D5 !important;
}



/*=======================================================================
	Box Friends
 ========================================================================*/
.box-friend {
	float: left;
	margin: 7px;
	width: 130px;
	min-height: 135px;
	border: 1px solid #D9D9D9;
	font-size: 12px;
	text-align: center;
	padding: 10px 0 0 0;
}

.RadGrid_Metro .rgNumPart a.rgCurrentPage {
	color: var(--text-color) !important
}

.RadGrid_Metro .rgNumPart a.rgCurrentPage:hover {
	background: transparent !important;
}

.RadGrid_Metro .rgRow td,
.RadGrid_Metro .rgAltRow td {
	/*line-height: 58px;*/
	font-size: 14px !important;
	color: var(--text-color) !important;
}

.RadGrid_Metro .rgRow td a:hover,
.RadGrid_Metro .rgAltRow td a:hover {
	color: var(--link-hovered-color);

}

.RadGrid_Metro .rgRow td {
	background-color: var(--fg-color) !important;
}

.RadGrid_Metro .rgFooter td,
.RadGrid_Metro .rgFooterWrapper {
	font-size: 14px;
	font-weight: normal;
}



.RadGrid_Metro .rgGroupHeader td {
	background-color: var(--end-color) !important;
}

/*
.RadGrid table.rgMasterTable tr .rgGroupCol,
.RadGrid table.rgMasterTable tr .rgExpandCol {
	background: none !important;
}
	
.RadGrid_Metro .rgMasterTable td.rgGroupCol,
.RadGrid_Metro .rgMasterTable td.rgExpandCol {}
*/

.RadGrid table.rgMasterTable tr .rgGroupCol {
	background: var(--fg-color) !important;
}

.RadGrid_Metro .rgSave,
.RadGrid_Metro .rgAdd,
.RadGrid_Metro .rgRefresh,
.RadGrid_Metro .rgEdit,
.RadGrid_Metro .rgDel,
.RadGrid_Metro .rgFilter,
.RadGrid_Metro .rgPagePrev,
.RadGrid_Metro .rgPageNext,
.RadGrid_Metro .rgPageFirst,
.RadGrid_Metro .rgPageLast,
.RadGrid_Metro .rgExpand,
.RadGrid_Metro .rgCollapse,
.RadGrid_Metro .rgSortAsc,
.RadGrid_Metro .rgSortDesc,
.RadGrid_Metro .rgUpdate,
.RadGrid_Metro .rgCancel,
.RadGrid_Metro .rgUngroup {
	background-image: none !important;
	background-position: 0% !important;
}

.RadGrid_Metro .rgPageLast,
.RadGrid_Metro .rgPageNext,
.RadGrid_Metro .rgPagePrev,
.RadGrid_Metro .rgPageFirst {
	background-size: cover;
	width: 25px !important;
	height: 25px !important;
	border: 1px solid var(--unfocused-text-color-lighter) !important;
}

.RadGrid_Metro .rgPageLast:hover,
.RadGrid_Metro .rgPageNext:hover,
.RadGrid_Metro .rgPagePrev:hover,
.RadGrid_Metro .rgPageFirst:hover {
	/*background-color: var(--unfocused-text-color-lighter);*/
	border: 1px solid var(--text-color) !important;
}

.RadGrid_Metro .rgPageLast {
	background-image: url(../img/svg/Double_Arrow_Right.svg) !important;
}

.RadGrid_Metro .rgPageNext {
	background-image: url(../img/svg/Arrow_Right.svg) !important;
}

.RadGrid_Metro .rgPagePrev {
	background-image: url(../img/svg/Arrow_Left.svg) !important;
}

.RadGrid_Metro .rgPageFirst {
	background-image: url(../img/svg/Double_Arrow_Left.svg) !important;
}



.RadGrid_Metro .rgRow a,
.RadGrid_Metro .rgAltRow a,
.RadGrid_Metro tr.rgEditRow a,
.RadGrid_Metro .rgFooter a,
.RadGrid_Metro .rgEditForm a {
	font: 400 14px var(--typography-main-font);
	/*color: var(--link-color) !important;
	color: var(--text-color) !important;*/
	height: 30px !important;
}

.RadGrid_Metro .rgRow a:hover,
.RadGrid_Metro .rgAltRow a:hover,
.RadGrid_Metro tr.rgEditRow a:hover,
.RadGrid_Metro .rgFooter a:hover,
.RadGrid_Metro .rgEditForm a:hover {
	/*color: var(--link-color) !important;*/
	cursor: pointer;
}



.RadGrid_Metro .rgFooter td,
.RadGrid_Metro .rgFooterWrapper {
	background-color: var(--fg-color) !important;
	border: 1px solid red !important;
	color: var(--text-color) !important;
}

.RadGrid_Metro .rgRow td .cell-wrapper,
.RadGrid_Metro .rgAltRow td .cell-wrapper {
	min-height: 50px;
	align-items: center;
	align-content: center;
}

.RadGrid_Metro .rgRow td,
.RadGrid_Metro .rgAltRow td,
.RadGrid_Metro .rgEditRow td,
.RadGrid_Metro .rgFooter td {

	border-width: 0px 0px 1px 0px !important;
	border-color: var(--unfocused-text-color-lighter) !important;
}



.box-friend-accoes {
	padding: 15px 0;
	margin-top: 14px;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #E4E4E4;
}

#ctl00_ContentPlaceHolder1_RadPanelBar1_i4_Player_My_Friends1_div_suggest_friends h2 {
	margin-top: 20px;
}


.box-players {
	float: left;
	background: #fff;
	margin: 7px;
	width: 150px;
	min-height: 135px;
	border: 1px solid #D9D9D9;
	font-size: 12px;
	text-align: center;
	padding: 25px 0 10px 0;
}

.box-players .ranking {
	float: right;
	width: 21px;
	height: 21px;
	top: 0;
	background: #ddd;
	color: transparent;
}

.box-players .ranking .rank-1 {
	background: url(../img/sprite-search-ranking.png) no-repeat 0 0;
}

.box-players .ranking .rank-2 {
	background: url(../img/sprite-search-ranking.png) no-repeat 0 -23px;
}

.box-players .ranking .rank-3 {
	background: url(../img/sprite-search-ranking.png) no-repeat 0 -46px;
}

.box-players .ranking .rank-4 {
	background: url(../img/sprite-search-ranking.png) no-repeat 0 -69px;
}

.box-players .ranking .rank-5 {
	background: url(../img/sprite-search-ranking.png) no-repeat 0 -92px;
}

.box-players .ranking .rank-6 {
	background: url(../img/sprite-search-ranking.png) no-repeat 0 -115px;
}

.box-players .ranking .rank-7 {
	background: url(../img/sprite-search-ranking.png) no-repeat 0 -138px;
}

.box-players .ranking .rank-8 {
	background: url(../img/sprite-search-ranking.png) no-repeat 0 -161px;
}

.box-players .ranking .rank-9 {
	background: url(../img/sprite-search-ranking.png) no-repeat 0 -184px;
}

.box-players .ranking .rank-10 {
	background: url(../img/sprite-search-ranking.png) no-repeat 0 -207px;
}

.box-players .ranking .rank-1 {
	background: url(../img/sprite-search-ranking.png) no-repeat 0 0;
}

.box-players .ranking .rank-1 {
	background: url(../img/sprite-search-ranking.png) no-repeat 0 0;
}


/*=======================================================================
	subMenu institucional drt
 ========================================================================*/
.subnav {
	margin-top: 77px;
	text-transform: uppercase;
	font: 700 11px var(--typography-main-font);
	color: #666;
}

.subnav li a,
.subnav dd a {
	color: #666;
}

.subnav li.active a,
.subnav dd.active a {
	padding: 5px 9px;
	text-shadow: 0 1px 1px #77D58E;
	border-bottom: 8px solid #089ad3;
	color: #444;
}

/*.navbar li.active a, .subnav dd.active a { border-bottom: 6px solid #22A9FF; color:#BBD4E4; }*/

.subnav ul li a:hover {
	border-bottom: 6px solid #25a0da;
	color: #000;
}


/*=======================================================================
	Menu principal
========================================================================*/
/*.pg_head {} */

.pretty.navbar {
	background: url(../img/nav-bg.png) repeat-x transparent;
	border-radius: 0;
	-webkit-box-shadow: 0px 1px 0px white, 0px 0px 0px rgba(255, 255, 255, 1) !important;
	box-shadow: 0px 1px 0px white, 0px 0px 0px rgba(255, 255, 255, 1) !important;
	border-bottom: 1px solid #B6B8B7;
	border-left: none;
	border-right: none;
	border-top: none;
}

.pretty.navbar li {
	-webkit-box-shadow: inset 0px 0 0 #C5C5C5;
	box-shadow: inset 0px 0 0 #C5C5C5;
}

.pretty.navbar li .home {
	border-left: none !important;
}


/*=======================================================================
	   Icon home
=======================================================================*/
.menu_home {
	float: left;
	display: block;
	background: url(../img/menu-home-icon.png) 8px 12px no-repeat;
}

.pretty.navbar>ul>li:hover>a {
	-webkit-box-shadow: 0px 2px 0px #009DDA;
	box-shadow: 0px 2px 0px #009DDA;
}

.navbar {
	border: none !important;
	background-color: transparent !important;
	margin-top: 71px;
	color: #666;
	z-index: 99;
	float: right;
}

.navbar ul {
	display: inline;
}

.navbar ul li {
	border: none;
}

.navbar ul li a {
	font: 600 16px var(--typography-main-font) !important;
	text-transform: uppercase;
	padding: 10px;
	color: #089ad3;
	text-shadow: none;
	border: none;
	height: 8px;
	box-sizing: initial;
}

.navbar ul li a:hover,
.navbar ul li a:focus {
	background: none;
	color: #009DDA;
	border-bottom: 6px solid #22A9FF;
}

.navbar ul li a.active {
	background: none;
	color: #009DDA;
	border-bottom: 6px solid #22A9FF;
}

.navbar li .dropdown {
	width: auto;
	min-width: 0px;
	max-width: 184px;
	height: 0;
	position: absolute;
	background: #fff;
	overflow: hidden;
	z-index: 9999;
}

.navbar li:hover .dropdown {
	border-top: 2px solid #089AD3;
	-webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, .5);
	box-shadow: 0px 1px 4px rgba(0, 0, 0, .5);
	-webkit-transition: ease-in-out .2s;
	-moz-transition: ease-in-out .2s;
	-o-transition: ease-in-out .2s;
	-ms-transition: ease-in-out .2s;
	transition: ease-in-out .2s;
	min-height: 30px;
}

.navbar li .dropdown ul>li a {
	display: block;
	line-height: 20px;
	height: 15px;
	padding: 10px 20px;
	border-bottom: 1px solid #DDD;
}

.navbar li .dropdown li a:hover {
	background-color: #089AD3;
	color: #fff;
	border-radius: 0px 0 0 0px !important;
}

.pag {
	padding: 40px 20px;
	margin-bottom: 40px;
}



/*=======================================================================
	Feedback / Contactos / Invite 
 ========================================================================*/
#div_feedback {
	width: 300px;
	position: fixed;
	left: -270px;
	z-index: 9999;
}

#div_feedback .content {
	padding: 10px 5px 0 17px;
	color: #fff;
}

#div_feedback .content .field .text,
.field .textarea {
	width: 90%;
	height: 28px;
	margin-top: 0 !important;
	padding-left: 5px !important;
	padding-right: 5px !important;
	-webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.4), 0 1px 0 rgba(255, 255, 255, 0.4);
	box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.4), 0 1px 0 rgba(255, 255, 255, 0.4);
	background: rgba(0, 0, 0, 0.3);
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.1));
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.1));
	background: linear-gradient(top, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.1));
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	position: relative;
	margin: 5px 0 5px 0 !important;
	border-top: 1px solid rgba(0, 0, 0, 0.4);
	color: #FFF;
	border: none;
}

#div_feedback .field {
	margin-bottom: 0px !important;
}

#div_feedback .field .text {
	margin: 5px 0 10px 0 !important;
}


#div_feedback .RadTabStrip_MetroTouch {
	margin-bottom: 15px !important;
}

#div_feedback .RadTabStrip_MetroTouch .rtsLink {
	padding: 0 8px !important;
}

#div_invite {
	width: 300px;
	height: 225px;
	position: fixed;
	left: -270px;
	z-index: 9999;
}

#div_invite .RadTabStrip_MetroTouch .rtsLink {
	padding: 0 8px !important;
}

#div_invite .content {
	padding: 10px 5px 0 10px;
	color: #FFF;
}

#div_invite .content .field .text,
.field .textarea {
	width: 90%;
	height: 28px;
	margin-top: 0 !important;
	padding-left: 5px !important;
	padding-right: 5px !important;
	-webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.4), 0 1px 0 rgba(255, 255, 255, 0.4);
	box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.4), 0 1px 0 rgba(255, 255, 255, 0.4);
	background: rgba(0, 0, 0, 0.3);
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.1));
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.1));
	background: linear-gradient(top, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.1));
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	position: relative;
	margin: 5px 0 5px 0 !important;
	border-top: 1px solid rgba(0, 0, 0, 0.4);
	color: #FFF;
	border: none;
}

.badges {
	padding: 15px 0 10px 8px;
	white-space: nowrap;
	text-indent: -999px;
}

.bg_contacts {
	background: url('../img/painel-contacts-admin-bg.png') no-repeat;
}

.bg_invite {
	background: url('../img/painel-invite-admin-bg.png') no-repeat;
}

.classe_aberta {
	left: 0px !important;
}

#div_click_feedback,
#div_click_invite {
	font: 700 1.3em/9 var(--typography-main-font);
	text-align: center;
	color: #B6B6B6;
	width: 40px;
	height: 130px;
	float: left;
	cursor: pointer;
}

#div_feedback .content .RadTabStrip_MetroTouch .rtsLevel1 .rtsFirst .rtsLink {
	background: #303847;
}

#div_feedback .content .RadTabStrip_MetroTouch .rtsLevel1 .rtsLink {
	color: #25A0DA !important;
	border: none !important;
	background-color: #313947 !important;
	font-size: 12px;
}

#div_feedback .content .RadTabStrip_MetroTouch .rtsLevel1 .rtsLink:hover {
	background-color: #444E5F !important;
}

#div_feedback .content .RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected {
	background-color: #212833 !important;
}

/*============================ Fim =====================================*/

#footer_pag {
	position: relative;
	bottom: 0px;
	left: 0;
	width: 100%;
	height: 260px;
	z-index: 2;
	margin-top: 60px;
	padding: 10px 0 0 0;
	-webkit-box-shadow: 0px -1px 0px white;
	box-shadow: 0px -1px 0px white;
	border-top: 1px solid #B6B8B7;
}

#footer_pag h3 {
	font-size: 14px;
	color: #555;
	margin-bottom: 10px;
}

#footer_pag ul li {
	font-size: 12px;
	text-transform: capitalize;
}

#footer_pag a {
	color: #3b3b3b;
}

#footer_pag a:hover {
	color: #146C9B;
}

#footer_pag img {
	padding-right: 10px;
}

/*=======================================================================
	footer newsletter
========================================================================*/
#footer_pag .newsletter {
	-webkit-box-shadow: inset 0px 1px 2px rgba(119, 118, 118, .75), inset 0px -1px 0px #BEBEBE, 0px 0px 14px rgba(255, 255, 255, .05);
	-moz-box-shadow: inset 0px 1px 2px rgba(119, 118, 118, .75), inset 0px -1px 0px #BEBEBE, 0px 0px 14px rgba(255, 255, 255, .05);
	box-shadow: inset 0px 1px 2px rgba(119, 118, 118, .75), inset 0px -1px 0px #BEBEBE, 0px 0px 14px rgba(255, 255, 255, .05);
	background: #EBEBEB;
	/* Old browsers */
	border: none;
	height: 30px;
	width: 100%;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

#footer_pag .newsletter input {
	background: transparent;
	border: none;
	height: 30px;
	width: 100%;
	color: #fff;
}

#footer_pag .newsletter input[type=submit] {
	cursor: pointer;
	height: 26px;
	width: 26px;
	background: transparent url(../img/newsletter-btn.png) no-repeat;
	border: none;
	text-indent: -9999px;
	float: right;
	position: relative;
	top: -30px;
	right: 2px;

}

hr {
	clear: both;
	border: none;
	border-top: 1px solid #B6B8B7;
	border-bottom: 1px solid white;
	margin: 0;
}

.escondido {
	display: none;
}

.modalBackground {
	background-color: Gray;
	filter: alpha(opacity=70);
	opacity: 0.7;
}


/*=======================================================================
	 Social Icons 
 ========================================================================*/
#icons_social {
	top: 2px;
	float: right;
	position: relative;
	margin: 0 0 0 18px;
}

#icons_social li#social {
	float: right;
	width: auto;
	padding: 0;
	border: none;
	margin-bottom: 0;
}

#icons_social li#social ul {
	float: right;
	width: auto;
	margin: 11px 0;
}

#icons_social li#social:hover {
	background: none;
}

#icons_social li#social li {
	float: left;
	background: none;
	border: none;
	width: 25px;
	height: 25px;
	padding: 0px;
	margin: 0;
}

#icons_social li#social li .android {
	background: url(../img/sprite-admin-toolbar-social.png) 1px -189px no-repeat;
	height: 25px;
	width: 25px;
	display: block;
	padding: 0 !important;
}

#icons_social li#social li .android:hover,
#icons_social li#social li .android:focus {
	background: url(../img/sprite-admin-toolbar-social.png) 1px -218px no-repeat;
}

#icons_social li#social li .apple {
	background: url(../img/sprite-admin-toolbar-social.png) 1px -250px no-repeat;
	height: 25px;
	width: 25px;
	display: block;
	padding: 0 !important;
}

#icons_social li#social li .apple:hover,
#icons_social li#social li .apple:focus {
	background: url(../img/sprite-admin-toolbar-social.png) 1px -279px no-repeat;
}

#icons_social li#social li .facebook {
	background: url(../img/sprite-admin-toolbar-social.png) 1px -5px no-repeat;
	height: 25px;
	width: 25px;
	display: block;
	padding: 0 !important;
}

#icons_social li#social li .facebook:hover,
#icons_social li#social li .facebook:focus {
	background: url(../img/sprite-admin-toolbar-social.png) 1px -33px no-repeat;
	height: 25px;
	width: 25px;
	display: block;
}

#icons_social li#social li .google {
	background: url(../img/sprite-admin-toolbar-social.png) 1px -64px no-repeat;
	height: 25px;
	width: 25px;
	display: block;
	padding: 0 !important;
}

#icons_social li#social li .google:hover,
#icons_social li#social li .google:focus {
	background: url(../img/sprite-admin-toolbar-social.png) 1px -94px no-repeat;
	height: 25px;
	width: 25px;
	display: block;
}

#icons_social li#social li .twitter {
	background: url(../img/sprite-admin-toolbar-social.png) 1px -124px no-repeat;
	height: 25px;
	width: 25px;
	display: block;
	padding: 0 !important;
}

#icons_social li#social li .twitter:hover,
#icons_social li#social li .twitter:focus {
	background: url(../img/sprite-admin-toolbar-social.png) 1px -152px no-repeat;
	height: 25px;
	width: 25px;
	display: block;
}

/*=======================================================================
	   Tooltips for social icons
=======================================================================*/
a.tooltip:hover {
	text-decoration: none;
}

a.tooltip span {
	display: none;
	padding: 7px 7px 5px 7px;
	top: 47px;
	line-height: 24px;
	position: relative;
	height: 24px;
	width: 65px;
	text-align: center;
	background-color: #089ad3;
	position: absolute;
	color: #dddddd;
	font-size: 12px;
	margin-left: -32px;
	text-decoration: none;
}

a.tooltip:hover span {
	display: block;
}


/*=======================================================================
	Conteudo
 ========================================================================*/
.radpanel-manage-court-location {

	margin-left: auto;
	margin-right: auto;
	width: 99%;
}

.container {
	margin: 30px 0 85px 0;
}

.page_inner {
	min-height: 400px;
	margin: -2px 0px 0px -2px;
	font: 600 12px var(--typography-main-font);
}

.page_inner .columns {
	margin: 0 0 10px 0;
	min-height: 62px;
}

.page_inner_forms {
	margin: -2px 0px 0px -2px;
}

.page_inner_tabs {
	margin: 20px 0 auto;
}

.pub {
	margin-top: 35px;
}


/*=======================================================================
	Fichas  / form
 ========================================================================*/
/*formulario novo evento Players*/
.players {
	background: url(../img/players-event-bg.jpg) no-repeat;
}


/*Upload da imagem*/
/*.RadUpload .ruFileWrap { height:34px !important;}*/

/*.RadUpload_Default .ruFakeInput { height: 26px!important; margin-top: 2px !important;}*/

.RadInput_Default .riTextBox {
	border: 1px solid #C9C9C9 !important;
	background: #fff !important;
}

/*form .field {}*/

.formularios {
	padding-top: 10px;
	padding-bottom: 10px;
	font: 600 12px/1.6 var(--typography-main-font);
	margin: 0;
	color: #333;
}

.formularios_imput {
	width: 80%;
}

.formularios .form .label {
	font: 500 12px var(--typography-main-font) !important;
	margin: 0 0 0 4px;
}

form textarea {
	height: 50px;
	width: 75%;
	background-color: var(--fg-color);
	border: 1px solid var(--unfocused-text-color-lighter);
	padding: 8px;
	color: var(--text-color);
	font-size: 12px;
}

.filtros {
	font: 600 12px/1.6 var(--typography-main-font);
	padding-bottom: 20px;
}

.text-color-class {
	color: var(--text-color);
}

.border-bottom-class {
	border-bottom: 1px solid var(--accent-color);
}

.webpage-subtitle {
	font-weight: bold;
	font-size: 16px;
	color: var(--text-color);
	border-bottom: 1px solid var(--unfocused-text-color);
}

/*=======================================================================
	Mapa Google
 ========================================================================*/
.gm-style-iw a {
	font: 700 14px var(--typography-main-font) !important;
	color: #000;
}

.gm-style-iw a:hover {
	color: #0F73C9;
	text-decoration: underline;
}


/*==============================================================
	Calendário
===============================================================*/
.RadScheduler .rsContent .rsSpacerCell div,
.RadScheduler .rsContent .rsAllDayHeader div,
.RadScheduler .rsContent .rsVerticalHeaderTable th,
.RadScheduler .rsContent .rsVerticalHeaderTable th div {
	text-align: center !important;
	border-right: 1px solid var(--unfocused-text-color) !important;
	border-bottom: 0px solid red !important;
}




.RadScheduler_Metro .rsContentTable td {
	border-color: var(--unfocused-text-color) !important;
}

.RadScheduler_Metro .rsContentTable td:hover {
	background-color: var(--bg-color);
	cursor: pointer;
}

.RadScheduler_Metro .rsContentTable tr:nth-child(n) td {
	border-bottom: 0px solid var(--unfocused-text-color) !important;

}


.RadScheduler_Metro .rsContentTable tr:nth-child(2n) td {
	border-bottom: 1px solid var(--unfocused-text-color) !important;

}

.RadScheduler .rsHorizontalHeaderTable th {
	border-bottom: 1px solid var(--unfocused-text-color) !important;

}

.RadScheduler_Metro .rsNonWorkHour {

	background-color: var(--fg-color) !important;
}

.RadScheduler_Metro .rsNonWorkHour,
.RadScheduler_Metro .rsSunCol,
.RadScheduler_Metro .rsSatCol {

	background-color: var(--fg-color) !important
}

.RadScheduler_Metro .rsFooter .rsFullTime {
	margin-left: -10px !important;
	background-image: none !important;
	font-size: 16px !important;
	color: var(--unfocused-text-color) !important;
}

/*
.RadScheduler_Metro .rsApt {
	width: 98% !important;
}
	*/

.RadCalendar_Metro .rcRow th,
.RadCalendar_Metro .rcWeek .rcViewSel,
.RadCalendar_Default .rcRow th,
.RadCalendar_Default .rcWeek .rcViewSel {
	display: none;
}

.RadCalendar .rcTitlebar .rcTitle {
	background-color: var(--calendar-background);
	color: var(--text-color);
}

.RadCalendar_Default .rcRow td {
	border-color: var(--calendar-background) !important;
}

.RadCalendar_Default .rcTitlebar {
	background: none !important;
	background-color: var(--calendar-background) !important;
	border-color: transparent !important;
}

.RadCalendarPopupShadows>.rcShadBL,
.RadCalendarPopupShadows>.rcShadTR,
.RadCalendarPopupShadows>.rcShadBR {
	background-image: none !important;
}

/*
.RadCalendar_Default .rcTitlebar .rcNPrev {
	background-image: url(../img/svg/Arrow_Left.svg);

}
*/
/*
.RadScheduler .RadCalendar {

	width: 380px !important;
}*/

table.RadCalendarMonthView_Default {
	background-color: var(--fg-color) !important;
	border: 1px solid transparent !important;
}

.RadCalendarMonthView_Default a {
	color: var(--text-color) !important;
}

.RadCalendarMonthView_Default .rcSelected a {

	background: none !important;
	border: 1px solid var(--accent-color) !important;
	border-radius: 5px;
	color: var(--accent-color) !important;
}



.RadCalendar_Default .rcWeek th {
	background-color: var(--calendar-background);
	border-bottom: 1px solid transparent !important;
	color: var(--text-color) !important;
}

.RadCalendar_Default .rcMain {
	background-color: var(--calendar-background);
	border-color: transparent !important;
	border-top: 1px solid var(--calendar-divider) !important;
}

.RadCalendar_Default .rcRow .rcSelected {
	background: none !important;
}

.RadCalendar_Default .rcRow .rcHover {
	background: none !important;
	background-color: var(--unfocused-text-color-lighter) !important;
}

/*
.RadCalendar_Default .rcMain .rcOtherMonth a,
.RadCalendar_Default .rcMain .rcOutOfRange span {
	
	color: var(--unfocused-text-color-lighter) !important;
}*/

.RadCalendar_Default .rcMain .rcRow .rcSelected a {
	color: var(--accent-color) !important;
	background-color: transparent !important;
	background: none !important;
	border: 1px solid var(--accent-color);
	border-radius: 5px !important;
}


.RadCalendar_Default .rcMain .rcWeekend a {
	color: var(--text-color) !important;
}

.RadPanelBar_MetroTouch {
	background-color: var(--bg-color) !important;
}

.RadPanelBar_MetroTouch .rpSlide {
	padding: 15px !important;
}

.RadPanelBar_MetroTouch .rpLink {
	background-color: var(--fg-color) !important;
}

.RadPanelBar_MetroTouch .rpRootGroup {
	border-color: var(--unfocused-text-color-lighter) !important;
}

.RadGrid .rgClipCells .rgFilterRow>td,
.RadGrid .rgClipCells .rgRow>td,
.RadGrid .rgClipCells .rgAltRow>td,
.RadGrid .rgClipCells .rgEditRow>td,
.RadGrid .rgClipCells .rgFooter>td {

	background-color: var(--fg-color);
	border-bottom: 1px solid var(--unfocused-text-color);
}


.RadGrid_MetroTouch .rgFooter td {
	border-top: 1px solid #DDD !important;
}





.RadGrid_Metro .rgHeader a {
	/*color: var(--link-color) !important;*/
	color: var(--text-color) !important;
}

.RadGrid_Metro .rgHeader a:hover {
	color: var(--link-hovered-color) !important;
}

.RadPicker_MetroTouch .rcCalPopup,
.RadPicker_MetroTouch .rcTimePopup {
	width: 32px !important;
	height: 32px !important;
	margin: 0px 0 4px 4px !important;
}

.RadInput_MetroTouch a.riUp {
	background-position: -17.5px -10px !important;
}

.riSingle a.riUp,
.riSingle a.riDown {
	display: inline-block;
	height: 20px !important;
	width: 15px;
	vertical-align: top;
}

.RadGrid_Default {
	border: 1px solid var(--unfocused-text-color-lighter) !important;
	background-color: var(--fg-color) !important;
}

.RadGrid_Default .rgMasterTable td.rgGroupCol,
.RadGrid_Default .rgMasterTable td.rgExpandCol {

	background-color: var(--end-color) !important;
}

.RadGrid_Default .rgHeader,
.RadGrid_Default th.rgResizeCol {
	color: var(--text-color) !important;
	border-bottom: 1px solid #ccc !important;
	background: var(--textbox-color) !important;
}

.text-colo-class {

	color: var(--text-color);
}

/*=======================================================================
	Profile / Player details / Networks
========================================================================*/
/*.RadTabStrip .rtsLevel .rtsOut, .RadTabStripVertical .rtsLevel .rtsOut, .RadTabStrip .rtsLevel .rtsIn, .RadTabStripVertical .rtsLevel .rtsIn, .RadTabStrip .rtsLevel .rtsTxt, .RadTabStripVertical .rtsLevel .rtsTxt  { font:500 14px/3 var(--typography-main-font) !important;}*/

.current_day {
	display: block;
	font-size: 12px;
	font-weight: 400;
	color: var(--text-color);
}

.weather_text {
	padding-left: 5px;
	font-size: 11px;
	color: var(--text-color);
}

.weather_footer {
	min-height: 34px;
	font-size: 12px;
	line-height: 20px;
	margin-top: 20px;
	position: relative;
	color: var(--text-color);
}

.bg_separadores {
	border: 0px #D7D7D8 solid;
	/*background: var(--fg-color);*/
}

.RadMenu_MetroTouch .rmRootLink {
	color: #999 !important;
	padding: 10px 10px !important;
}

.RadMenu_MetroTouch .rmRootLink:hover {
	background: #fff;
	border-top: 1px solid #D7D7D8 !important;
	border-right: 1px solid #D7D7D8 !important;
	border-bottom: 0px;
	border-left: 1px solid #D7D7D8 !important;
}

/*.RadMenu_MetroTouch .rmRootLink .rmText {}*/

.RadMenu_MetroTouch .rmRootGroup {
	background: #fff !important;
}

.RadMenu_MetroTouch .rmSelected {
	font-weight: bold;
	color: #3b3b3b !important;
	border-bottom: none !important;
	background: #fff;
	margin-bottom: 0px !important;
}

.RadMenu .rmHorizontal .rmItem {
	clear: none;
	background: #F0F0F0;
}

/* cursor pointer nas li's do menu no My Tie no dashboard */
.RadMenu a.rmLink {
	border-top: 1px solid #D7D7D8;
	border-right: 1px solid #D7D7D8;
	border-bottom: 0px;
	border-left: 1px solid #D7D7D8;
	cursor: pointer !important;
	text-transform: none !important;
	padding: 4px 10px !important;
	-webkit-box-shadow: inset 0 1px #FFF;
	-moz-box-shadow: inset 0 1px white;
	box-shadow: inset 0 1px #FFF;
	margin-bottom: -1px;
	margin-left: -1px;
}

.rtWrapperContent li {
	margin-bottom: 6px;
}

h3 .btn_quick_actions_profile {
	border-bottom: none;
}

/*.tabs_content .columns {}*/

.content_box_bg {
	vertical-align: baseline;
	padding: 20px 0 0 0;
	margin-bottom: 10px;
	border: 1px solid #D8D8D8;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-color: #FFF;
	border-bottom-width: 4px;
	min-height: 270px;
}


/*=======================================================================
	Profile
=======================================================================*/
#Network_details h3 {
	padding-bottom: 15px;
}

#player_details,
#Network_details {
	position: relative;
	z-index: 10;
	vertical-align: baseline;
	padding: 20px 0 0 0;
	margin-bottom: 10px;
	border: 1px solid #D8D8D8;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-color: var(--fg-color);
	border-bottom-width: 4px;
}

/*min-height: 270px;*/

#player_details .div_img {
	width: 23.404293%;
	float: left;
	padding-left: 15px;
}

#player_details .div_about {
	width: 50%;
	color: var(--text-color);
	float: left;
	text-align: left;
}

#player_details .div_rating {
	width: 70px;
	float: right;
}

#player_details h3 {
	padding-bottom: 12px;
	margin: 0 10px 10px 0;
}

#Network_details .div_img {
	width: 23.404293%;
	float: left;
	padding-left: 15px;
}

#Network_details .div_about {
	width: 56%;
	margin-left: 2.127663%;
	float: left;
	text-align: left;
}

#Network_details .div_rating {
	width: 70px;
	float: right;
	padding: 10px;
	cursor: pointer;
	border-left: 1px solid #D5DDD9;
}

/*=======================================================================
	Flags
=======================================================================*/

.pin-flag-3 {
	background: url(../img/sprite-flags.png) -1225px -191px no-repeat;
	width: 40px;
	height: 27px;
	position: absolute;
	top: 24px;
	left: 180px;
	-moz-opacity: 0.75;
	opacity: 0.75;
	filter: alpha(opacity=75);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
}

.pin-flag-8 {
	background: url(../img/sprite-flags.png) -25px -362px no-repeat;
	width: 40px;
	height: 27px;
	position: absolute;
	top: 24px;
	left: 180px;
	-moz-opacity: 0.75;
	opacity: 0.75;
	filter: alpha(opacity=75);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
}

.pin-flag-10 {
	background: url(../img/sprite-flags.png) -1309px -194px no-repeat;
	width: 40px;
	height: 27px;
	position: absolute;
	top: 24px;
	left: 180px;
	-moz-opacity: 0.75;
	opacity: 0.75;
	filter: alpha(opacity=75);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
}

.pin-flag-12 {
	background: url(../img/sprite-flags.png) -25px -305px no-repeat;
	width: 40px;
	height: 27px;
	position: absolute;
	top: 24px;
	left: 180px;
	-moz-opacity: 0.75;
	opacity: 0.75;
	filter: alpha(opacity=75);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
}

.pin-flag-13 {
	background: url(../img/sprite-flags.png) -24px -418px no-repeat;
	width: 40px;
	height: 27px;
	position: absolute;
	top: 24px;
	left: 180px;
	-moz-opacity: 0.75;
	opacity: 0.75;
	filter: alpha(opacity=75);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
}

.pin-flag-15 {
	background: url(../img/sprite-flags.png) -25px -476px no-repeat;
	width: 40px;
	height: 27px;
	position: absolute;
	top: 24px;
	left: 180px;
	-moz-opacity: 0.75;
	opacity: 0.75;
	filter: alpha(opacity=75);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
}

.pin-flag-17 {
	background: url(../img/sprite-flags.png) 100px 100px no-repeat;
	width: 40px;
	height: 27px;
	position: absolute;
	top: 24px;
	left: 180px;
	-moz-opacity: 0.75;
	opacity: 0.75;
	filter: alpha(opacity=75);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
}

.pin-flag-19 {
	background: url(../img/sprite-flags.png) -25px -647px no-repeat;
	width: 40px;
	height: 27px;
	position: absolute;
	top: 24px;
	left: 180px;
	-moz-opacity: 0.75;
	opacity: 0.75;
	filter: alpha(opacity=75);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
}

.pin-flag-22 {
	background: url(../img/sprite-flags.png) -905px -419px no-repeat;
	width: 40px;
	height: 27px;
	position: absolute;
	top: 24px;
	left: 180px;
	-moz-opacity: 0.75;
	opacity: 0.75;
	filter: alpha(opacity=75);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
}

.pin-flag-23 {
	background: url(../img/sprite-flags.png) -106px -191px no-repeat;
	width: 40px;
	height: 27px;
	position: absolute;
	top: 24px;
	left: 180px;
	-moz-opacity: 0.75;
	opacity: 0.75;
	filter: alpha(opacity=75);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
}

.pin-flag-34 {
	background: url(../img/sprite-flags.png) -105px -590px no-repeat;
	width: 40px;
	height: 27px;
	position: absolute;
	top: 24px;
	left: 180px;
	-moz-opacity: 0.75;
	opacity: 0.75;
	filter: alpha(opacity=75);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
}

.pin-flag-41 {
	background: url(../img/sprite-flags.png) -185px -305px no-repeat;
	width: 40px;
	height: 27px;
	position: absolute;
	top: 24px;
	left: 180px;
	-moz-opacity: 0.75;
	opacity: 0.75;
	filter: alpha(opacity=75);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
}

.pin-flag-47 {
	background: url(../img/sprite-flags.png) -185px -590px no-repeat;
	width: 40px;
	height: 27px;
	position: absolute;
	top: 24px;
	left: 180px;
	-moz-opacity: 0.75;
	opacity: 0.75;
	filter: alpha(opacity=75);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
}

.pin-flag-48 {
	background: url(../img/sprite-flags.png) -185px -533px no-repeat;
	width: 40px;
	height: 27px;
	position: absolute;
	top: 24px;
	left: 180px;
	-moz-opacity: 0.75;
	opacity: 0.75;
	filter: alpha(opacity=75);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
}

.pin-flag-53 {
	background: url(../img/sprite-flags.png) -185px -647px no-repeat;
	width: 40px;
	height: 27px;
	position: absolute;
	top: 24px;
	left: 180px;
	-moz-opacity: 0.75;
	opacity: 0.75;
	filter: alpha(opacity=75);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
}

.pin-flag-56 {
	background: url(../img/sprite-flags.png) -265px -191px no-repeat;
	width: 40px;
	height: 27px;
	position: absolute;
	top: 24px;
	left: 180px;
	-moz-opacity: 0.75;
	opacity: 0.75;
	filter: alpha(opacity=75);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
}

.pin-flag-62 {
	background: url(../img/sprite-flags.png) -265px -533px no-repeat;
	width: 40px;
	height: 27px;
	position: absolute;
	top: 24px;
	left: 180px;
	-moz-opacity: 0.75;
	opacity: 0.75;
	filter: alpha(opacity=75);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
}

.pin-flag-68 {
	background: url(../img/sprite-flags.png) -345px -134px no-repeat;
	width: 40px;
	height: 27px;
	position: absolute;
	top: 24px;
	left: 180px;
	-moz-opacity: 0.75;
	opacity: 0.75;
	filter: alpha(opacity=75);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
}

.pin-flag-70 {
	background: url(../img/sprite-flags.png) -509px -422px no-repeat;
	width: 40px;
	height: 27px;
	position: absolute;
	top: 24px;
	left: 180px;
	-moz-opacity: 0.75;
	opacity: 0.75;
	filter: alpha(opacity=75);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
}

.pin-flag-72 {
	background: url(../img/sprite-flags.png) -345px -419px no-repeat;
	width: 40px;
	height: 27px;
	position: absolute;
	top: 24px;
	left: 180px;
	-moz-opacity: 0.75;
	opacity: 0.75;
	filter: alpha(opacity=75);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
}

.pin-flag-77 {
	background: url(../img/sprite-flags.png) -265px -476px no-repeat;
	width: 40px;
	height: 27px;
	position: absolute;
	top: 24px;
	;
	left: 180px;
	-moz-opacity: 0.75;
	opacity: 0.75;
	filter: alpha(opacity=75);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
}

.pin-flag-78 {
	background: url(../img/sprite-flags.png) 100px 100px no-repeat;
	width: 40px;
	height: 27px;
	position: absolute;
	top: 24px;
	left: 180px;
	-moz-opacity: 0.75;
	opacity: 0.75;
	filter: alpha(opacity=75);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
}

.pin-flag-79 {
	background: url(../img/sprite-flags.png) -346px -589px no-repeat;
	width: 40px;
	height: 27px;
	position: absolute;
	top: 24px;
	left: 180px;
	-moz-opacity: 0.75;
	opacity: 0.75;
	filter: alpha(opacity=75);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
}

/*finland*/

.pin-flag-86 {
	background: url(../img/sprite-flags.png) -345px -647px no-repeat;
	width: 40px;
	height: 27px;
	position: absolute;
	top: 24px;
	left: 180px;
	-moz-opacity: 0.75;
	opacity: 0.75;
	filter: alpha(opacity=75);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
}

.pin-flag-96 {
	background: url(../img/sprite-flags.png) -425px -191px no-repeat;
	width: 40px;
	height: 27px;
	position: absolute;
	top: 24px;
	left: 180px;
	-moz-opacity: 0.75;
	opacity: 0.75;
	filter: alpha(opacity=75);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
}

.pin-flag-98 {
	background: url(../img/sprite-flags.png) 100px 100px no-repeat;
	width: 40px;
	height: 27px;
	position: absolute;
	top: 24px;
	left: 180px;
	-moz-opacity: 0.75;
	opacity: 0.75;
	filter: alpha(opacity=75);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
}

.pin-flag-110 {
	background: url(../img/sprite-flags.png) -265px -305px no-repeat;
	width: 40px;
	height: 27px;
	position: absolute;
	top: 24px;
	left: 180px;
	-moz-opacity: 0.75;
	opacity: 0.75;
	filter: alpha(opacity=75);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
}

.pin-flag-111 {
	background: url(../img/sprite-flags.png) -505px -77px no-repeat;
	width: 40px;
	height: 27px;
	position: absolute;
	top: 24px;
	left: 180px;
	-moz-opacity: 0.75;
	opacity: 0.75;
	filter: alpha(opacity=75);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
}

.pin-flag-115 {
	background: url(../img/sprite-flags.png) -505px -191px no-repeat;
	width: 40px;
	height: 27px;
	position: absolute;
	top: 24px;
	left: 180px;
	-moz-opacity: 0.75;
	opacity: 0.75;
	filter: alpha(opacity=75);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
}

.pin-flag-118 {
	background: url(../img/sprite-flags.png) -505px -362px no-repeat;
	width: 40px;
	height: 27px;
	position: absolute;
	top: 24px;
	left: 180px;
	-moz-opacity: 0.75;
	opacity: 0.75;
	filter: alpha(opacity=75);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
}

.pin-flag-120 {
	background: url(../img/sprite-flags.png) -504px -532px no-repeat;
	width: 40px;
	height: 27px;
	position: absolute;
	top: 24px;
	left: 180px;
	-moz-opacity: 0.75;
	opacity: 0.75;
	filter: alpha(opacity=75);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
}

.pin-flag-123 {
	background: url(../img/sprite-flags.png) -505px -647px no-repeat;
	width: 40px;
	height: 27px;
	position: absolute;
	top: 24px;
	left: 180px;
	-moz-opacity: 0.75;
	opacity: 0.75;
	filter: alpha(opacity=75);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
}

.pin-flag-125 {
	background: url(../img/sprite-flags.png) -503px -589px no-repeat;
	width: 40px;
	height: 27px;
	position: absolute;
	top: 24px;
	left: 180px;
	-moz-opacity: 0.75;
	opacity: 0.75;
	filter: alpha(opacity=75);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
}

.pin-flag-149 {
	background: url(../img/sprite-flags.png) -665px -305px no-repeat;
	width: 40px;
	height: 27px;
	position: absolute;
	top: 24px;
	left: 180px;
	-moz-opacity: 0.75;
	opacity: 0.75;
	filter: alpha(opacity=75);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
}

.pin-flag-152 {
	background: url(../img/sprite-flags.png) 100px 100px no-repeat;
	width: 40px;
	height: 27px;
	position: absolute;
	top: 24px;
	left: 180px;
	-moz-opacity: 0.75;
	opacity: 0.75;
	filter: alpha(opacity=75);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
}

.pin-flag-155 {
	background: url(../img/sprite-flags.png) 100px 100px no-repeat;
	width: 40px;
	height: 27px;
	position: absolute;
	top: 24px;
	left: 180px;
	-moz-opacity: 0.75;
	opacity: 0.75;
	filter: alpha(opacity=75);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
}

.pin-flag-163 {
	background: url(../img/sprite-flags.png) -745px -590px no-repeat;
	width: 40px;
	height: 27px;
	position: absolute;
	top: 24px;
	left: 180px;
	-moz-opacity: 0.75;
	opacity: 0.75;
	filter: alpha(opacity=75);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
}

.pin-flag-162 {
	background: url(../img/sprite-flags.png) -505px -248px no-repeat;
	width: 40px;
	height: 27px;
	position: absolute;
	top: 24px;
	left: 180px;
	-moz-opacity: 0.75;
	opacity: 0.75;
	filter: alpha(opacity=75);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
}

/*Monaco*/

.pin-flag-170 {
	background: url(../img/sprite-flags.png) -744px -247px no-repeat;
	width: 40px;
	height: 27px;
	position: absolute;
	top: 24px;
	left: 180px;
	-moz-opacity: 0.75;
	opacity: 0.75;
	filter: alpha(opacity=75);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
}

.pin-flag-171 {
	background: url(../img/sprite-flags.png) -665px -533px no-repeat;
	width: 40px;
	height: 27px;
	position: absolute;
	top: 24px;
	left: 180px;
	-moz-opacity: 0.75;
	opacity: 0.75;
	filter: alpha(opacity=75);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
}

.pin-flag-172 {
	background: url(../img/sprite-flags.png) -745px -647px no-repeat;
	width: 40px;
	height: 27px;
	position: absolute;
	top: 24px;
	left: 180px;
	-moz-opacity: 0.75;
	opacity: 0.75;
	filter: alpha(opacity=75);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
}

.pin-flag-179 {
	background: url(../img/sprite-flags.png) -825px -248px no-repeat;
	width: 40px;
	height: 27px;
	position: absolute;
	top: 24px;
	left: 180px;
	-moz-opacity: 0.75;
	opacity: 0.75;
	filter: alpha(opacity=75);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
}

/*Netherlands*/

.pin-flag-181 {
	background: url(../img/sprite-flags.png) -825px -533px no-repeat;
	width: 40px;
	height: 27px;
	position: absolute;
	top: 24px;
	left: 180px;
	-moz-opacity: 0.75;
	opacity: 0.75;
	filter: alpha(opacity=75);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
}

/*Noruega*/

.pin-flag-182 {
	background: url(../img/sprite-flags.png) -825px -190px no-repeat;
	width: 40px;
	height: 27px;
	position: absolute;
	top: 24px;
	left: 180px;
	-moz-opacity: 0.75;
	opacity: 0.75;
	filter: alpha(opacity=75);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
}

.pin-flag-185 {
	background: url(../img/sprite-flags.png) -825px -248px no-repeat;
	width: 40px;
	height: 27px;
	position: absolute;
	top: 24px;
	left: 180px;
	-moz-opacity: 0.75;
	opacity: 0.75;
	filter: alpha(opacity=75);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
}

/*Netherlands Antilles*/

.pin-flag-193 {
	background: url(../img/sprite-flags.png) -825px -647px no-repeat;
	width: 40px;
	height: 27px;
	position: absolute;
	top: 24px;
	left: 180px;
	-moz-opacity: 0.75;
	opacity: 0.75;
	filter: alpha(opacity=75);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
}

.pin-flag-194 {
	background: url(../img/sprite-flags.png) -905px -362px no-repeat;
	width: 40px;
	height: 27px;
	position: absolute;
	top: 24px;
	left: 180px;
	-moz-opacity: 0.75;
	opacity: 0.75;
	filter: alpha(opacity=75);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
}

.pin-flag-196 {
	background: url(../img/sprite-flags.png) -905px -419px no-repeat;
	width: 40px;
	height: 27px;
	position: absolute;
	top: 24px;
	left: 180px;
	-moz-opacity: 0.75;
	opacity: 0.75;
	filter: alpha(opacity=75);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
}

.pin-flag-200 {
	background: url(../img/sprite-flags.png) -905px -476px no-repeat;
	width: 40px;
	height: 27px;
	position: absolute;
	top: 24px;
	left: 180px;
	-moz-opacity: 0.75;
	opacity: 0.75;
	filter: alpha(opacity=75);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
}

.pin-flag-201 {
	background: url(../img/sprite-flags.png) 100px 100px no-repeat;
	width: 40px;
	height: 27px;
	position: absolute;
	top: 24px;
	left: 180px;
	-moz-opacity: 0.75;
	opacity: 0.75;
	filter: alpha(opacity=75);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
}

.pin-flag-206 {
	background: url(../img/sprite-flags.png) -905px -305px no-repeat;
	width: 40px;
	height: 27px;
	position: absolute;
	top: 24px;
	left: 180px;
	-moz-opacity: 0.75;
	opacity: 0.75;
	filter: alpha(opacity=75);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
}

.pin-flag-207 {
	background: url(../img/sprite-flags.png) -1309px -249px no-repeat;
	width: 40px;
	height: 27px;
	position: absolute;
	top: 24px;
	left: 180px;
	-moz-opacity: 0.75;
	opacity: 0.75;
	filter: alpha(opacity=75);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
}

.pin-flag-210 {
	background: url(../img/sprite-flags.png) -985px -362px no-repeat;
	width: 40px;
	height: 27px;
	position: absolute;
	top: 24px;
	left: 180px;
	-moz-opacity: 0.75;
	opacity: 0.75;
	filter: alpha(opacity=75);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
}

.pin-flag-217 {
	background: url(../img/sprite-flags.png) -1065px -77px no-repeat;
	width: 40px;
	height: 27px;
	position: absolute;
	top: 24px;
	left: 180px;
	-moz-opacity: 0.75;
	opacity: 0.75;
	filter: alpha(opacity=75);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
}

.pin-flag-218 {
	background: url(../img/sprite-flags.png) -985px -590px no-repeat;
	width: 40px;
	height: 27px;
	position: absolute;
	top: 24px;
	left: 180px;
	-moz-opacity: 0.75;
	opacity: 0.75;
	filter: alpha(opacity=75);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
}

.pin-flag-220 {
	background: url(../img/sprite-flags.png) -985px -647px no-repeat;
	width: 40px;
	height: 27px;
	position: absolute;
	top: 24px;
	left: 180px;
	-moz-opacity: 0.75;
	opacity: 0.75;
	filter: alpha(opacity=75);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
}

.pin-flag-222 {
	background: url(../img/sprite-flags.png) -1065px -362px no-repeat;
	width: 40px;
	height: 27px;
	position: absolute;
	top: 24px;
	left: 180px;
	-moz-opacity: 0.75;
	opacity: 0.75;
	filter: alpha(opacity=75);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
}

.pin-flag-227 {
	background: url(../img/sprite-flags.png) -1065px -647px no-repeat;
	width: 40px;
	height: 27px;
	position: absolute;
	top: 24px;
	left: 180px;
	-moz-opacity: 0.75;
	opacity: 0.75;
	filter: alpha(opacity=75);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
}

.pin-flag-230 {
	background: url(../img/sprite-flags.png) -1145px -20px no-repeat;
	width: 40px;
	height: 27px;
	position: absolute;
	top: 24px;
	left: 180px;
	-moz-opacity: 0.75;
	opacity: 0.75;
	filter: alpha(opacity=75);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
}

.pin-flag-242 {
	background: url(../img/sprite-flags.png) -1145px -590px no-repeat;
	width: 40px;
	height: 27px;
	position: absolute;
	top: 24px;
	left: 180px;
	-moz-opacity: 0.75;
	opacity: 0.75;
	filter: alpha(opacity=75);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
}

.pin-flag-248 {
	background: url(../img/sprite-flags.png) -1223px -247px no-repeat;
	width: 40px;
	height: 27px;
	position: absolute;
	top: 24px;
	left: 180px;
	-moz-opacity: 0.75;
	opacity: 0.75;
	filter: alpha(opacity=75);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
}

.pin-flag-250 {
	background: url(../img/sprite-flags.png) -1225px -305px no-repeat;
	width: 40px;
	height: 27px;
	position: absolute;
	top: 24px;
	left: 180px;
	-moz-opacity: 0.75;
	opacity: 0.75;
	filter: alpha(opacity=75);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
}



/*=======================================================================
	Rating's (user e player) & Age Group
 ========================================================================*/
#player_details .div_features {
	border-left: 1px solid var(--unfocused-text-color);
	top: -10px;
	position: relative;
	padding: 10px;
	cursor: pointer
}

#player_details .div_features .row {
	border-bottom: 1px solid var(--unfocused-text-color);
	height: 65px;
	padding: 10px 0 10px 0;
}

#player_details .div_features .titulos {
	font: 700 14px/2.5 var(--typography-main-font);
	color: var(--unfocused-text-color);
	display: inline-table;
	width: 100%;
	text-align: center;
	margin-top: -5px;
	text-transform: uppercase;
}

#player_details .div_features .notas {
	font: 700 22px var(--typography-main-font);
	color: #505050;
}

#player_details .rating_user {
	color: #3B3B3B;
	cursor: pointer;
	margin-top: -10px;
}

#player_details .rating_user .rating_user_star {
	width: 35px;
	height: 40px;
	float: left;
	border-right: 1px solid #B6B8B7;
	margin: 5px 0 0 -5px;
}

/*#player_details .rating_user .rating_user_points {}*/

#player_details .rating_user .rating_user_votes {
	height: 38px;
}

#player_details .rating_user .rating_user_votes h1 {
	font: 700 20px/1 var(--typography-main-font);
	margin: 0;
	border: none;
	text-align: center;
	position: absolute;
	display: inline-table;
}

#player_details .rating_user .rating_user_votes .n_votos {
	font: 700 10px var(--typography-main-font);
	color: #3B3B3B;
	line-height: normal;
	top: 20px;
	position: relative;
	text-align: left;
}

#player_details .Rating {
	color: #3B3B3B;
	text-transform: uppercase;
	cursor: default;
	width: 100%;
	text-align: center;
}

#player_details .escalao {
	color: #3B3B3B;
	text-transform: uppercase;
	cursor: default;
	letter-spacing: -1px;
	text-align: center;
	border-bottom: none !important;
}


/*=======================================================================
	  Venues
=======================================================================*/

#Network_details .div_classificacoes {
	border-left: 1px solid #D5DDD9;
	top: -10px;
	padding: 10px;
	cursor: pointer;
}

#Network_details .div_classificacoes .boxes {
	border-bottom: 1px solid #D5DDD9;
}

#Network_details .div_classificacoes .boxes h1 {
	font: 700 14px/0 var(--typography-main-font);
	color: #505050;
	padding-bottom: 6px;
	text-align: center;
	text-transform: uppercase;
	border: none;
}

#Network_details .div_classificacoes .estrela {
	float: left;
}

#Network_details .div_classificacoes .votacao {
	font: 700 24px/1 var(--typography-main-font);
	letter-spacing: -2px;
	text-align: center;
	display: inline-table;
}

#Network_details .div_classificacoes .n_votos {
	font: 700 10px var(--typography-main-font);
	color: #3B3B3B;
	display: inline-table;
	text-align: center;
}


/*=======================================================================
	 Botões Network
=======================================================================*/
#Network_details .barra_btn {
	font: 600 12px/1.6 var(--typography-main-font) !important;
	margin: 35px 0 0 0;
	border-top: 1px solid #E6E6E6;
	border-left: none;
	border-right: none;
	padding: 0;
}

#Network_details .barra_btn a.add {
	background: url(../img/sprite.png) 8px -832px no-repeat !important;
	border: none;
	margin: 0;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	padding: 8px 10px 8px 35px !important;
	border-right: 1px solid #D5D5D5;
}

#Network_details .barra_btn a.add:hover,
#Network_details .barra_btn a.add:focus {
	background: url(../img/sprite.png) 8px -832px no-repeat !important;
	-moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 0 rgba(0, 0, 0, 0.15);
	border-right: 1px solid #D5D5D5;
}

#Network_details .barra_btn a.edit {
	background: url(../img/sprite.png) 8px 5px no-repeat !important;
	border: none;
	margin: 0;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	padding: 8px 10px 8px 35px !important;
	border-right: 1px solid #D5D5D5;
}

#Network_details .barra_btn a.edit:hover,
#Network_details .barra_btn a.edit:focus {
	background: url(../img/sprite.png) 8px 5px no-repeat !important;
	-moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 0 rgba(0, 0, 0, 0.15);
	border-right: 1px solid #D5D5D5;
}

#Network_details .barra_btn a.back {
	background: url(../img/sprite.png) 5px -1349px no-repeat !important;
	border: none;
	margin: 0;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	padding: 8px 10px 8px 35px !important;
	border-right: 1px solid #D5D5D5;
}

#Network_details .barra_btn a.back:hover,
#Network_details .barra_btn a.back:focus {
	background: url(../img/sprite.png) 5px -1349px no-repeat !important;
	-moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 0 rgba(0, 0, 0, 0.15);
	border-right: 1px solid #D5D5D5;
}

#Network_details .barra_btn a.book {
	background: url(../img/sprite-admin.png) 0px -1914px no-repeat !important;
	border: none;
	margin: 0;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	padding: 8px 10px 8px 35px !important;
	border-right: 1px solid #D5D5D5;
}

#Network_details .barra_btn a.book:hover,
#Network_details .barra_btn a.book:focus {
	background: url(../img/sprite-admin.png) 0px -1954px no-repeat #fff !important;
	-moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 0 rgba(0, 0, 0, 0.15);
	border-right: 1px solid #D5D5D5;
}

#Network_details .barra_btn a.claim {
	background: url(../img/sprite-admin.png) 0px -1115px no-repeat #5AB004 !important;
	border: none;
	margin: 0;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	padding: 8px 10px 8px 35px !important;
	border-right: 1px solid #D5D5D5;
	color: #fff;
}

#Network_details .barra_btn a.claim:hover,
#Network_details .barra_btn a.claim:focus {
	background: url(../img/sprite-admin.png) 0px -1155px no-repeat #fff !important;
	-moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 0 rgba(0, 0, 0, 0.15);
	border-right: 1px solid #D5D5D5;
	color: #333;
}

#Network_details .barra_btn a.facebook {
	background: url('../img/sprite-admin.png') 0px -1273px no-repeat !important;
	border: none;
	margin: 0;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	padding: 8px 10px 8px 35px;
	border-right: 1px solid #D5D5D5;
}

#Network_details .barra_btn a.facebook:hover,
#Network_details .barra_btn a.facebook:focus {
	background: url(../img/sprite-admin.png) 0px -1313px no-repeat #fff !important;
	-moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 0 rgba(0, 0, 0, 0.15);
	border-right: 1px solid #D5D5D5;
}

#Network_details .barra_btn a.favorites {
	background: url(../img/sprite-admin.png) 0px -1754px no-repeat !important;
	border: none;
	margin: 0;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	padding: 8px 10px 8px 35px;
	border-right: 1px solid #D5D5D5;
}

#Network_details .barra_btn a.favorites:hover,
#Network_details .barra_btn a.favorites:focus {
	background: url(../img/sprite-admin.png) 0px -1794px no-repeat #fff !important;
	-moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 0 rgba(0, 0, 0, 0.15);
	border-right: 1px solid #D5D5D5;
}

#Network_details .barra_btn a.posts {
	background: url(../img/sprite-admin.png) 0px -2153px no-repeat !important;
	border: none;
	margin: 0;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	padding: 8px 10px 8px 35px !important;
	border-right: 1px solid #D5D5D5;
}

#Network_details .barra_btn a.posts:hover,
#Network_details .barra_btn a.posts:focus {
	background: url(../img/sprite-admin.png) 0px -2193px no-repeat #fff !important;
	-moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 0 rgba(0, 0, 0, 0.15);
	border-right: 1px solid #D5D5D5;
}


#Network_details .barra_btn a.send {
	background: url(../img/sprite-admin.png) 0px -1595px no-repeat !important;
	border: none;
	margin: 0;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	padding: 8px 10px 8px 35px !important;
	border-right: 1px solid #D5D5D5;
}

#Network_details .barra_btn a.send:hover,
#Network_details .barra_btn a.send:focus {
	background: url(../img/sprite-admin.png) 0px -1635px no-repeat #fff !important;
	-moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 0 rgba(0, 0, 0, 0.15);
	border-right: 1px solid #D5D5D5;
}

#Network_details .barra_btn a.sugestion {
	background: url(../img/sprite-admin.png) 0px -1673px no-repeat !important;
	border: none;
	margin: 0;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	padding: 8px 10px 8px 35px !important;
	border-right: 1px solid #D5D5D5;
}

#Network_details .barra_btn a.sugestion:hover,
#Network_details .barra_btn a.sugestion:focus {
	background: url(../img/sprite-admin.png) 0px -1713px no-repeat #fff !important;
	-moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 0 rgba(0, 0, 0, 0.15);
	border-right: 1px solid #D5D5D5;
}

#Network_details .barra_btn a.get_directions {
	background: url(../img/sprite-admin.png) 0px -1034px no-repeat !important;
	border: none;
	margin: 0;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	padding: 8px 10px 8px 35px !important;
	border-right: 1px solid #D5D5D5;
}

#Network_details .barra_btn a.get_directions:hover,
#Network_details .barra_btn a.get_directions:focus {
	background: url(../img/sprite-admin.png) 0px -1074px no-repeat #fff !important;
	-moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 0 rgba(0, 0, 0, 0.15);
	border-right: 1px solid #D5D5D5;
}

#Network_details .barra_btn a.local_player {
	background: url(../img/sprite-admin.png) 0px -1994px no-repeat !important;
	border: none;
	margin: 0;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	padding: 8px 10px 8px 35px !important;
	border-right: 1px solid #D5D5D5;
}

#Network_details .barra_btn a.local_player:hover,
#Network_details .barra_btn a.local_player:focus {
	background: url(../img/sprite-admin.png) 0px -2034px no-repeat #fff !important;
	-moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 0 rgba(0, 0, 0, 0.15);
	border-right: 1px solid #D5D5D5;
}


/*=======================================================================
	 Barra Botões Venues
=======================================================================*/
/*

.barra_btn {
	font: 600 16px/1.6 var(--typography-main-font) !important;
	margin: 25px 0 20px 0;
	background: #F4F4F4;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}

.barra_btn a.add {
	background: url(../img/svg/Add_Icon.svg) no-repeat 10px center;
	color: pink;
	border: none;
	margin: 0;
	border-radius: 25px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	padding: 8px 10px 8px 35px !important;
}

.barra_btn a.add:hover,
.barra_btn a.add:focus {
	background: url(../img/svg/Add_Icon.svg) no-repeat 10px center;
	background-color: #f2f2f2;
	color: #dddddd;
	margin: 0;
	padding: 8px 10px 8px 35px !important;
	border-radius: 25px;
	transform: scale(0.95);
}

*/

.documents_admin_account {

	margin-bottom: 10px;
	background-color: var(--accent-color);
	padding: 20px;
	border-radius: 5px;
}

.barra_btn {
	font: 600 16px/1.6 var(--typography-main-font) !important;
	margin: 0px 0 20px 0;
	/*margin: 25px 0 20px 0;
	
	border: 1px solid var(--unfocused-text-color-lighter);
		border-radius: 15px;
	*/
	background: var(--fg-color);

}

.barra_btn a.add {
	display: flex;
	align-items: center;
	position: relative;
	background: none;
	border: none;
	margin: 0;
	padding: 8px 10px 8px 35px;
	/*border-radius: 25px;
	padding: 8px 10px 8px 35px !important;
	/* Leave space for the icon */
	text-decoration: none;

}

/* Create the masked icon with a pseudo-element */
.barra_btn a.add::before {
	content: "";
	display: inline-block;
	width: 30px;
	height: 30px;
	margin-right: 10px;
	background-color: var(--unfocused-text-color);
	-webkit-mask: url(../img/svg/Add.svg) no-repeat center;
	mask: url(../img/svg/Add.svg) no-repeat center;
}

/* Hover and focus state for the link */
.barra_btn a.add:hover,
.barra_btn a.add:focus {
	background-color: var(--fg-color);
	border-radius: 0;
	background-color: inherit !important;
	border: none !important;
	box-shadow: none !important;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	transform: none !important;
}

/* Update the icon color on hover/focus using the pseudo-element */
.barra_btn a.add:hover::before,
.barra_btn a.add:focus::before {
	background-color: var(--link-color);

}

.barra_btn a.edit {
	background: url(../img/sprite-admin.png) 0px 7px no-repeat;
	border: none;
	margin: 0;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	padding: 8px 10px 8px 35px !important;
	border-right: 1px solid #DDD;
}

.barra_btn a.edit:hover,
.barra_btn a.edit:focus {
	background: url(../img/sprite-admin.png) 0px -33px no-repeat #fff !important;
	-moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 0 rgba(0, 0, 0, 0.15);
	border-right: 1px solid #EBEBEB;

}


.barra_btn a.options {
	display: flex;
	align-items: center;
	position: relative;
	background: none;
	border: none;
	mask-size: contain;
	margin: 0;
	padding: 8px 10px 8px 35px;
	/*border-radius: 25px;
		padding: 8px 10px 8px 35px !important;
		/* Leave space for the icon */
	text-decoration: none;
}

.barra_btn a.options::before {
	mask-size: contain;
	content: "";
	display: inline-block;
	width: 30px;
	height: 30px;
	margin-right: 10px;
	background-color: var(--unfocused-text-color);
	-webkit-mask: url(../img/svg/Settings.svg) no-repeat center;
	mask: url(../img/svg/Settings.svg) no-repeat center;
}

.barra_btn a.options:hover,
.barra_btn a.options:focus {
	background-color: var(--fg-color);
	background-color: inherit !important;
	border: none !important;
	box-shadow: none !important;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	transform: none !important;
}

.barra_btn a.options:hover::before,
.barra_btn a.options:focus::before {
	background-color: var(--link-color);

}

.barra_btn a.back {
	display: flex;
	align-items: center;
	position: relative;
	background: none;
	border: none;
	margin: 0;
	padding: 8px 10px 8px 35px;
	/*border-radius: 25px;
			padding: 8px 10px 8px 35px !important;
			/* Leave space for the icon */
	text-decoration: none;
}

.barra_btn a.back::before {
	content: "";
	display: inline-block;
	width: 30px;
	height: 30px;
	margin-right: 10px;
	background-color: var(--unfocused-text-color);
	-webkit-mask: url(../img/svg/Web.svg) no-repeat center;
	mask: url(../img/svg/Web.svg) no-repeat center;
}

.barra_btn a.back:hover,
.barra_btn a.back:focus {
	background-color: var(--fg-color);
	background-color: inherit !important;
	border: none !important;
	box-shadow: none !important;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	transform: none !important;
}

.barra_btn a.back:hover::before,
.barra_btn a.back:focus::before {
	background-color: var(--link-color);

}

.barra_btn a.facebook {
	background: url('../img/sprite-admin.png') 0px -1274px no-repeat;
	border: none;
	margin: 0;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	padding: 8px 10px 8px 35px !important;
	border-right: 1px solid #DDD;
}

.barra_btn a.facebook:hover,
.barra_btn a.facebook:focus {
	background: url('../img/sprite-admin.png') 0px -1314px no-repeat #fff !important;
	-moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 0 rgba(0, 0, 0, 0.15);
	border-right: 1px solid #EBEBEB;
}

.barra_btn a.send {
	background: url(../img/sprite.png) 8px -710px no-repeat;
	border: none;
	margin: 0;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	padding: 8px 10px 8px 35px !important;
	border-right: 1px solid #DDD;
}

.barra_btn a.send:hover,
.barra_btn a.send:focus {
	background: url(../img/sprite.png) 8px -710px no-repeat #fff !important;
	-moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 0 rgba(0, 0, 0, 0.15);
	border-right: 1px solid #EBEBEB;
}

.barra_btn a.favorites {
	background: url(../img/sprite.png) 10px -632px no-repeat !important;
	border: none;
	margin: 0;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	padding: 8px 10px 8px 35px !important;
	border-right: 1px solid #DDD;
}

.barra_btn a.favorites:hover,
.barra_btn a.favorites:focus {
	background: url(../img/sprite.png) 10px -632px no-repeat #fff !important;
	-moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 0 rgba(0, 0, 0, 0.15);
	border-right: 1px solid #EBEBEB;
}


.barra_btn a.sugestion {
	background: url(../img/sprite.png) 10px -552px no-repeat !important;
	border: none;
	margin: 0;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	padding: 8px 10px 8px 35px !important;
	border-right: 1px solid #EBEBEB;
}

.barra_btn a.sugestion:hover,
.barra_btn a.sugestion:focus {
	background: url(../img/sprite.png) 10px -552px no-repeat !important;
	-moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 0 rgba(0, 0, 0, 0.15);
	border-right: 1px solid #EBEBEB;
}

.barra_btn a.book {
	background: url(../img/sprite.png) 8px -672px no-repeat !important;
	border: none;
	margin: 0;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	padding: 8px 10px 8px 35px !important;
	border-right: 1px solid #EBEBEB;
}

.barra_btn a.book:hover,
.barra_btn a.book:focus {
	background: url(../img/sprite.png) 8px -672px no-repeat !important;
	-moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 0 rgba(0, 0, 0, 0.15);
	border-right: 1px solid #EBEBEB;
}


/*==============   FIM  =======================*/

.profile_pic {
	text-align: left !important;
}

.profile_pic img {
	padding: 0 0 0 3px
}

.login_failed_box {
	background: #fbfbfb;
	background: -moz-linear-gradient(top, #fbfbfb 92%, #efefef 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(92%, #fbfbfb), color-stop(100%, #efefef));
	background: linear-gradient(top, #fbfbfb 92%, #efefef 100%);
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
	padding: 40px 45px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	min-height: 150px;
	width: 520px;
}

.login_failed_form {
	width: 160px;
	border-color: #CFCFCF !important;
	-webkit-box-shadow: 0 4px 5px -5px rgba(0, 0, 0, 0.3) inset !important;
	-moz-box-shadow: 0 4px 5px -5px rgba(0, 0, 0, 0.3) inset !important;
	box-shadow: 0 4px 5px -5px rgba(0, 0, 0, 0.3) inset !important;
	border-radius: 3px !important;
	background: #fff !important;
}

#form_container {
	background: #CCC;
	margin: 0 auto;
	text-align: left;
	padding: 20px;
}

.page-titles {

	font-size: 14px;
}

.campos_titulos {
	color: var(--campotitulos-and-filterelement-color);
	display: block;
	max-width: 100%;
	overflow: hidden;
	padding: 2px 0px;
	text-overflow: ellipsis;
	font-weight: 400;
	font-size: 12px;
	padding: 8px 12px;
	letter-spacing: 0px;
	margin: 0px;
	line-height: 1.25;
	white-space: nowrap;
	/*
	display: block;
	font: 700 12px var(--typography-main-font) !important;
	color: var(--text-color);*/
}

.campos_titulos_black {
	display: table-header-group;
	color: var(--unfocused-text-color);
	font-size: 14px;
}

#ctl00_ContentPlaceHolder1_panel_signup ul li {
	border-bottom: 1px dotted #d3d5d4;
	color: #333;
	padding: 2px 0 15px 0px;
	margin: 0;
}

#ctl00_ContentPlaceHolder1_panel_signup ul li:nth-child(even) {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #DEDEDE;
	color: #333;
	margin: 0;
}

#ctl00_ContentPlaceHolder1_panel_signup ul li:nth-child(odd) {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #DEDEDE;
	color: #333;
	padding: 0px 0 20px 0;
}

#ctl00_ContentPlaceHolder1_panel_signup ul li span {
	float: left;
	width: 160px;
	color: #333;
	padding: 19px 0 0 30px;
}

.field .text,
.field .search,
.field .textarea {
	position: relative;
	font-size: 12px;
	-webkit-box-shadow: inset 0 0px 0px 0 rgba(0, 0, 0, 0.1);
	-moz-box-shadow: inset 0 0px 0px 0 rgba(0, 0, 0, 0.1);
	box-shadow: inset 0 0px 0px 0 rgba(0, 0, 0, 0.1);
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	border: 1px solid #B6B8B7;
	padding: 6px;
	width: 80%;
}

select {
	padding: 1px;
	color: var(--unfocused-text-color);
	height: 30px;
	line-height: 30px;
	/*max-width: 50%;*/
	background-color: var(--fg-color);
	border-radius: 3px;

}

select:focus {
	border: 1px solid #A5C0C7;
	background: #D7E4F0;
}

.text:focus {
	border: 1px solid #A5C0C7;
	background: #D7E4F0;
}

.Select_Multiple {
	height: auto;
}

/*input[type="file"] {}*/


/*=======================================================================
	Input MyCustomSkin
 ========================================================================*/


.RadCalendarTimeView_Default th {
	background: #25A0DA !important;
	color: #fff !important;
}




/*=======================================================================
	Dashboard
 ========================================================================*/
.dashboard_elements {
	height: 160px;
	padding: 2px 15px 0 15px;
	margin-bottom: 10px;
}

/*=======================================================================
	Tabs
 ========================================================================*/
/*===padding icons tabs===*/
.RadPanelBar .rpImage {
	padding: 1px 0px 0px !important;
	background-color: var(--fg-color);
}


/*===Bg Tabs===*/
/* changed to 0px*/
.RadPanelBar_MetroTouch .rpLink,
.RadPanelBar_MetroTouch .rpHeaderTemplate {
	-webkit-box-shadow: inset 0 1px #FFF !important;
	-moz-box-shadow: inset 0 1px white !important;
	box-shadow: inset 0 0px #FFF !important;

}

.RadPanelBar .rpExpanded {
	/* Just for the tab that is currently open */
	background-color: var(--accent-color) !important;
}


/*===Bg Tabs abertas===*/
.RadPanelBar .rpSlide {
	/*-moz-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.5), 0 1px 0 rgba(255, 255, 255, 0.1);
	-webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.5), 0 1px 0 rgba(255, 255, 255, 0.1);
	box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.5), 0 1px 0 rgba(255, 255, 255, 0.1);*/
	background: var(--fg-color);
	/* Old browsers */
	border-top: 1px solid rgba(0, 0, 0, 0.4);
	border-bottom: 1px solid var(--unfocused-text-color-lighter);
}

/*===Focus das Tabs===*/
.RadPanelBar_MetroTouch .rpLink:focus {
	background: #D7E4F0;
}


/*===Tabs Internas===*/

.RadMenu ul.rmActive,
.RadMenu ul.rmRootGroup {
	background-color: rgba(0, 0, 0, 0) !important;
}

/* after clicking on it
.RadPanelBar_MetroTouch .rpLink.rpExpanded,
.RadPanelBar_MetroTouch .rpHeaderTemplate.rpExpanded {
	border-bottom: 1px solid #CDCDCD !important;
	color: #FFF !important;
	background-color: var(--link-color) !important;
}*/

.RadPanelBar_MetroTouch .rpRootGroup {
	/*border: 1px solid var(--unfocused-text-color) !important;
	border-bottom-width: 3px !important;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;*/
	border-radius: 15px;
}

.RadPanelBar_MetroTouch .rpExpandable .rpExpandHandle {

	content: "";
	display: inline-block;
	width: 32px;
	height: 40px;
	margin-right: 20px;
	background-color: var(--unfocused-text-color);
	-webkit-mask: url(../img/svg/DownArrow.svg) no-repeat center;
	mask: url(../img/svg/DownArrow.svg) no-repeat center;
}

.RadPanelBar_MetroTouch .rpExpandable .rpExpandHandle::before {
	content: "";
	display: inline-block;
	width: 32px;
	height: 40px;
	margin-right: 10px;
	background-color: var(--unfocused-text-color);
	-webkit-mask: url(../img/svg/DownArrow.svg) no-repeat center;
	mask: url(../img/svg/DownArrow.svg) no-repeat center;
}

.RadPanelBar_MetroTouch .rpExpandable:hover .rpExpandHandle,
.RadPanelBar_MetroTouch .rpExpandable:hover .rpExpandHandle::before {
	background-color: var(--text-color);
}

.RadPanelBar .rpExpandHandle {
	transform: rotate(0deg);
	transform-origin: 8px 21px;
	transition: transform 0.3s ease;
}

.RadPanelBar .rpExpanded .rpExpandHandle,
.RadPanelBar .rpExpanded .rpExpandHandle::before {
	transform: rotate(180deg);
	background-color: #ffffff !important;
}

.RadPanelBar .rpExpanded .rpText,
.RadPanelBar .rpExpanded .rpText::before {
	color: #ffffff !important;
}



/*
.RadPanelBar_MetroTouch .rpLink.rpExpanded,
.RadPanelBar_MetroTouch .rpHeaderTemplate.rpExpanded .RadPanelBar_MetroTouch .rpExpanded .rpExpandHandle {
	align-content: center;
	padding-left: 10px !important;
	background-position: 0px 0px !important;
}
	*/

.RadPanelBar_MetroTouch .rpExpandHandle {
	position: relative;
	top: 50%;
	transform: translateY(+50%);
	transform: translate(-15px, 50%);
	border: none !important;
	display: flex;

}



/*=======================================================================
	Icons tabs
 ========================================================================*/
.tabs_events {
	background: url(../img/icons/tabs_events.png) no-repeat;
}

.RadPanelBar_MetroTouch {
	font: 600 12px/1 var(--typography-main-font) !important;
	/*color:#777 !important;*/
}

/*changed to 0px*/
.RadPanelBar_MetroTouch .rpItem {
	border-top: 0px dotted var(--unfocused-text-color) !important;

}

/*
.RadPanelBar_MetroTouch .rpItem .rpLast {
	border-top: 1px dotted var(--unfocused-text-color) !important;
	border-bottom: 2px solid var(--unfocused-text-color) !important;
}
*/

.RadPanelBar_MetroTouch .rpItem:first-child {
	border-radius: 15px 15px 0px 0px;
}

.RadPanelBar_RoundTop {
	border-radius: 15px 15px 0px 0px;
}

.RadPanelBar_RoundBottom {

	border-radius: 0px 0px 15px 15px;
}


/*Estilos da Tab expandida*/
.RadPanelBar_MetroTouch .rpLink.rpExpanded,
.RadPanelBar_MetroTouch .rpHeaderTemplate.rpExpanded {
	border: 0px solid red !important;
}

.tabs {
	display: block;
}

.tabs ul {
	margin: 0;
	padding: 0;
	height: 45px;
	border-bottom: 0px solid #e1e1e1;
	font-size: 12px;
}

.tabs li {
	display: block;
	width: auto;
	padding: 0;
	margin: 0 4px 0 0;
	line-height: 36px;
	float: left;
	color: #999;
	font-weight: bold;
	cursor: default;
}

.tabs li a {
	display: block;
	width: auto;
	height: 30px;
	padding: 0 9px;
	line-height: 30px;
	border-width: 1px 1px 0 1px;
	border-color: #CCC;
	margin: 14px -1px 0 0;
	color: #333;
	text-shadow: 0 0 0 #77d58e;
	background: #eeeeec;
}

.tabs li a:hover {
	text-decoration: none;
}

.tabs li.active a {
	height: 33px;
	font-weight: bold;
	/*background: red;*/
	border-width: 1px 1px 0 1px;
	border-color: #CCC;
	text-shadow: 0 1px 1px #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.tabs div .hide {
	display: none;
	padding: 20px 10px;
}

.tabs div.active {
	display: block;
}

.tabs li:last-child {
	margin-right: 0;
}

/*
.tabs_content {
	padding: 15px 0 0 0;
}
	*/

.tabs_content {
	padding: 0px 0 0 0;
}

.tabs_content input {
	/*background-color: var(--fg-color);
	padding-left: 5px;
	padding-right: 5px;*/
	padding-left: 12px;
	padding-right: 12px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	color: var(--text-color);
	border-radius: 5px;
	border: 1px solid var(--unfocused-text-color);
}

.tabs_bg_menu {
	width: 180px;
	margin: 30px auto;
	padding: 10px;
	background: url("/img/tabs-bg-menu-admin.png") repeat-y;
}



/*=======================================================================
	TAB Mensagens
 ========================================================================*/

.messages_player {
	/*border-top: 1px solid #E8E8E8;*/
	border-right: 1px solid #E8E8E8;
	border-bottom: none;
	border-left: none;
}

.content_from_messages {
	width: 30%;
	font: 700 12px var(--typography-main-font) !important;
	border-right: 1px solid #D5D7D8;
	box-sizing: border-box;
	display: inline-block;
	vertical-align: top;
}

.content_from_messages_messages {
	overflow-y: auto;
	height: 430px;
}


.content_msg {
	line-height: 20px;
	font-size: 14px;
	width: 70%;
	display: inline-block;
	box-sizing: border-box;
	vertical-align: top;
}

.content_messages {
	height: 430px;
	overflow-y: auto;
	padding-left: 20px;
	-webkit-box-shadow: 7px 0 5px -5px rgba(0, 0, 0, 0.07) inset;
	-moz-box-shadow: 7px 0 5px -5px rgba(0, 0, 0, 0.07) inset;
	box-shadow: 7px 0 5px -5px rgba(0, 0, 0, 0.07) inset;
	/*background: #F5F5F5;*/
	background-color: var(--fg-color);
	font: 500 13px/1.6 var(--typography-main-font) !important;
	color: #333;
}

.div_titulo {
	margin-left: 60px;
	text-align: left;
}

.div_titulo>div {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.from_img {
	width: 50px;
	height: 50px;
	float: left;
	margin-top: 5px;
	margin-left: 5px;
}

.from_img>img {
	width: 50px;
	height: 50px;
}

.from_img_message>img {
	width: 35px;
	height: 35px;
}

.from_img_message {
	width: 34px;
	height: 34px;
	float: left;
	margin-right: 8px;
	margin-top: 5px;
}

.row_from {
	cursor: pointer;
	height: 60px;
	line-height: 20px;
	overflow: hidden;
	border-bottom: 1px solid var(--unfocused-text-color-lighter);
	color: var(--text-color);
}

.row_from:hover {
	/*background-color: #f4f6f9;*/
	background-color: var(--unfocused-text-color-lighter);
	/*color: white !important;*/
}

.from_activo {
	/*background-color: #CDE0E9 !important;*/
	background-color: var(--accent-color) !important;
	border-bottom: 1px solid var(--unfocused-text-color-lighter);
	color: white !important;
	/*color: #333 !important;*/
}

.from_activo .titulo_from {
	color: #1E8FC6 !important;
}

.titulo_message,
.titulo_from {
	font-weight: 700;
	/*color: var(--text-color, #000);*/
	padding-top: 7px;
	line-height: 15px
}

.titulo_message {
	float: left;
}

.div_message {
	min-height: 42px;
	margin-top: 10px;
	text-align: left;
	width: 95%;
	border-bottom: 1px solid var(--unfocused-text-color-lighter);
	padding-bottom: 10px;
}

hr {
	margin-bottom: 10px;
	margin-top: 2px;
}

.content_messages>.div_message:last-child {
	padding-bottom: 10px;
}

.mostra_froms {
	display: none !important;
}

.reply_message {
	display: none;
	/*background-color: #EBEFF1;*/
	background-color: var(--bg-color);
	border: 1px solid #CDCECF;
	padding: 2px;
	color: var(--text-color);
	-webkit-box-shadow: 0px -4px 10px rgba(50, 50, 50, 0.2);
	-moz-box-shadow: 0px -4px 10px rgba(50, 50, 50, 0.2);
	box-shadow: 0px -4px 10px rgba(50, 50, 50, 0.2);
}

.reply_message_btn {
	width: 13%;
	float: none !important;
	margin: 0px !important;
	display: inline-block;
	box-sizing: border-box;
	vertical-align: top;
	margin-left: 1% !important;
}

.txt_msg_reply {
	width: 85%;
	background-color: var(--fg-color);
	height: 40px;
	box-sizing: border-box;
	vertical-align: top;
}

.msg_data {
	float: right;
	font-size: 10px;
}


/*=======================================================================
	Posts
 ========================================================================*/
#new_post {
	background-color: #EBEFF1;
	border: 1px solid #CDCECF;
	height: 100px;
	padding: 10px 0 10px 10px;
	border-top: 1px solid #E2EAEE;
	display: block;
}

#new_post .privacidade {
	float: right;
}

#new_post form textarea {
	width: 95% !important;
}

#new_post .privacidade .btn {
	float: right;
	margin: 0 !important;
}

.post {
	background: #F1F1F1;
	border: 1px solid #E6E6E6;
	font: 700 12px var(--typography-main-font);
	padding: 6px;
	width: 98%;
}

.post .nome {
	font: 800 12px var(--typography-main-font);
	color: #333;
	float: left;
}

.post.info {
	font: 800 12px var(--typography-main-font);
	color: #333;
	float: right;
}

.post .data {
	font: 600 10px var(--typography-main-font);
	color: #999;
	float: right;
	display: inline;
}

.post .icon_desktop {
	width: 20px;
	height: 20px;
	background: url('../img/sprite-posts.png') 0px -3px no-repeat;
}

.post .icon_mobile {
	width: 20px;
	height: 20px;
	background: url('../img/sprite-posts.png') 0px -23px no-repeat;
	float: left;
}

.post .icon_private {
	width: 20px;
	height: 20px;
	background: url('../img/sprite-posts.png') 0px -44px no-repeat;
}

.div_noticias .News {
	background: #F1F1F1;
	border: 1px solid #E6E6E6;
	font: 700 12px var(--typography-main-font);
	-webkit-box-shadow: 0px 1px 0px #fff;
	box-shadow: 0px 1px 0px #fff;
}



/*=======================================================================
	Search
 ========================================================================*/

/*======= TABS esq search =========*/
.dropdowns {
	border: 1px solid #B6B8B7;
}

.nav_tabs {
	float: left;

}

.nav_tabs ul li {
	width: 100%;

}

.nav_tabs ul li a {
	width: 100%;
	font: 700 12px/1.6 var(--typography-main-font);
	color: #40444d;

}

.nav_tabs ul li a:hover {
	color: #CCC;

}

.nav_tabs .active {
	border-color: #ffffff #dedede #ffffff #ffffff;
	background-color: #f5f5f5;
}

.nav_tabs ul li .active>a:hover {
	background-color: #C00;
}

/*=======================================================================
	Search - Menu esq
=======================================================================*/
/*.RadTabStrip_MetroTouch .rtsLevel1 .rtsLink { border: none !important; background:#fff !important; }

.RadTabStrip_MetroTouch .rtsLevel1 .rtsLink:hover { background-color: #E8F7FD  !important; }*/

/*.RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected, .RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected:hover { border-color: #25A0DA;  color: #000 !important; background-color: #E8F7FD !important; font: 800 14px var(--typography-main-font) !important;}*/

.RadTabStripTop_MetroTouch .rtsLevel1 {
	border-bottom: 1px solid var(--unfocused-text-color-lighter) !important;
	font-size: 16px;
}

.RadTabStripTop_MetroTouch .rtsLevel1:hover {
	color: var(--text-color);
}

.RadTabStrip .rtsTxt:hover {
	color: var(--text-color);
}

html .RadTabStrip_MetroTouch .rtsLevel1 .rtsLink {
	border: 0px !important;
	padding: 5px;
	background-color: transparent !important;
	color: var(--unfocused-text-color) !important;
}

html .RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected,
html .RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected:hover {

	color: var(--text-color) !important;
	border-bottom: 3px var(--accent-color) solid !important;
}

html .RadTabStrip_MetroTouch {
	font: 700 16px var(--typography-main-font) !important;
}

/*=======================================================================
	Resultados do Search
=======================================================================*/
.searchresult_name {
	font: 700 12px var(--typography-main-font);
	display: block;
}

.searchresult_rating {
	font: 700 12px var(--typography-main-font);
}

.searchresult_local {
	font: 600 9px var(--typography-main-font);
}

.searchresult_desc {
	font: 600 9px var(--typography-main-font);
}


/*=======================================================================
	Tabelas	
 ========================================================================*/
table tbody tr td {
	padding: 0;
	color: #666;
	padding: 9px 10px;
	vertical-align: top;
	/*background-color: var(--bg-color);
	border-bottom: 1px solid #D2D2D2;*/
	font-size: 12px;
	font-weight: 400;
}

/*
table thead tr th,
table tbody tr td {
	font-size: 12px;
	background-color: var(--fg-color);
}
*/
table thead tr th {
	vertical-align: bottom;
}

table tbody tr:nth-child(even) {
	/*background: rgb(241, 241, 241);*/
	border-top: 1px solid #BBB;
}

table {
	font: 600 12px/1.6 var(--typography-main-font) !important;
	background-color: var(--fg-color);
	width: 100%;
	margin: 0 0 18px;
	border: 1px solid #eee;
}

table tbody tr:nth-child(even) {
	/*background: #fff;*/
	border-top: 1px dotted #BBB;
}


/*=======================================================================
	Botões
 ========================================================================*/

.btn {
	float: left;
}

a.btn {
	color: var(--unfocused-text-color);
	font: 600 14px/3 var(--typography-main-font);
	text-decoration: none;
	position: static;
	display: inline-flex;
	/*text-shadow: 0 0 0 #fff;*/
	-webkit-transition: border-color .218s;
	-moz-transition: border .218s;
	-o-transition: border-color .218s;
	transition: border-color .218s;
	border-radius: 55px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;

}

a.btn:hover {
	color: var(--text-color);
}

a.btn:active {
	color: #000;
	border-color: #444;
	/*background-color: red;*/
}


a.left {
	-webkit-border-top-right-radius: 0;
	-moz-border-radius-topright: 0;
	border-top-right-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	-moz-border-radius-bottomright: 0;
	border-bottom-right-radius: 0;
	margin: 0;
}

a.middle {
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-left: solid 1px #f3f3f3;
	margin: 0;
	border-left: solid 1px rgba(255, 255, 255, 0);
}

a.middle:hover,
a.right:hover {
	border-left: solid 1px #999
}

a.right {
	float: right;
}

/*a.add { background: url(../img/sprite-admin.png) 0px -480px no-repeat #F3F3F3; padding: 1px 15px 0 35px !important; }
a.add:hover, a.add:focus { background: url(../img/sprite-admin.png) 0px -520px no-repeat #fff; padding: 1px 15px 0 35px !important; }*/

a.reports {
	background: url(../img/sprite-admin.png) 0px -2398px no-repeat #F3F3F3;
	padding: 1px 15px 0 35px !important;
}

a.reports:hover,
a.reports:focus {
	background: url(../img/sprite-admin.png) 0px -2433px no-repeat #fff;
	padding: 1px 15px 0 35px !important;
}

/*
a.back {
	background: url(../img/sprite.png) 5px -1358px no-repeat #F3F3F3 !important;
	padding: 0 15px 0 35px !important;
}
*/
a.big {
	font-size: 16px;
	padding: 0 15px 0 35px !important;
}

a.book {
	background: url(../img/sprite-admin.png) 0px -1921px no-repeat #F3F3F3 !important;
	padding: 0px 10px 0 36px !important;
}

a.book:hover,
a.book:focus {
	background: url(../img/sprite-admin.png) 0px -1961px no-repeat #FFF !important;
	padding: 0px 10px 0 36px !important;
}

a.config {
	background: url(../img/sprite.png) 8px -3px no-repeat #F3F3F3;
	padding: 0 15px 0 35px !important;
	color: #475059;
	text-shadow: 0 1px 1px #FFF;
}

a.ok {
	background: url(../img/sprite-admin.png) 0px -2468px no-repeat #F3F3F3;
	padding: 0 10px 0 30px !important;
}

a.ok:hover {
	background-position: 0px -2498px;
}

a.cancel {
	background: url(../img/sprite-admin.png) 0px -402px no-repeat #F3F3F3;
	padding: 0 10px 0 30px !important;
}

a.cancel:hover,
a.cancel:focus {
	background: url(../img/sprite-admin.png) 0px -442px no-repeat #fff;
	padding: 0 10px 0 30px !important;
}

a.challenge {
	background: url(../img/sprite.png) 7px -523px no-repeat #F3F3F3;
	padding: 0 15px 0 35px !important;
}

a.challenge-quick {
	background: url(../img/sprite.png) 8px -522px no-repeat #F7F7F7;
	padding: 0px;
	margin: 0 5px;
	width: 40px;
	height: 32px;
	z-index: 10;
}

a.challenge-quick:hover,
a.challenge-quick:focus {
	background: url(../img/sprite.png) 8px -522px #fff no-repeat;
}

a.coachcv {
	background: url('../img/sprite-admin.png') 0px -2243px no-repeat #F3F3F3;
	min-width: 93px;
}

a.coachcv:hover,
a.coachcv:focus {
	background: url(../img/sprite-admin.png) 0px -2283px no-repeat #F3F3F3;
}

#player_details a.coachcv-quick {
	background: url('../img/sprite-admin.png') 0px -2244px no-repeat #F7F7F7;
	padding: 0px;
	margin: -10px 5px;
	width: 40px;
	height: 32px;
	z-index: 11;
	text-indent: -9999px;
}

#player_details a.coachcv-quick:hover,
#player_details a.coachcv-quick:focus {
	background: url('../img/sprite-admin.png') 0px -2284px no-repeat #F7F7F7;
}

#player_details a.challenge-quick {
	background: url(../img/sprite-admin.png) 0px -803px no-repeat #F7F7F7;
	padding: 0px;
	margin: -10px 5px;
	width: 40px;
	height: 32px;
	z-index: 10;
}

#player_details a.challenge-quick:hover,
#player_details a.challenge-quick:focus {
	background: url(../img/sprite-admin.png) 0px -843px no-repeat #F7F7F7;
	padding: 0px;
	margin: -10px 5px;
	width: 40px;
	height: 32px;
	z-index: 10;
}

a.claim {
	background: url(../img/sprite.png) 11px -1120px no-repeat #F3F3F3;
	padding: 0 15px 0 35px !important;
}

a.delete {
	background: url(../img/sprite.png) 8px -1198px no-repeat #F3F3F3;
	padding: 0 15px 0 35px !important;
}

a.directions {
	background: url(../img/sprite-admin.png) 0px -1042px no-repeat #F3F3F3;
	padding: 0 15px 0 35px !important;
}

a.directions:hover {
	background: url(../img/sprite-admin.png) 0px -1082px no-repeat #F3F3F3;
	padding: 0 15px 0 35px !important;
}

a.down {
	background: url(../img/sprite.png) 13px -168px no-repeat #F3F3F3;
	width: 18px;
}

a.edit {
	background: url(../img/sprite.png) 8px -3px no-repeat #F3F3F3;
	padding: 0 15px 0 35px !important;
}

a.exit {
	background: url('../img/sprite-admin.png') 0px -881px no-repeat #F3F3F3;
	padding: 0 26px;
}

a.exit:hover,
a.exit:focus {
	background: url('../img/sprite-admin.png') 0px -921px no-repeat #fff;
	padding: 0 26px;
}

a.favorites {
	background: url(../img/sprite.png) 10px -640px no-repeat #F3F3F3;
	padding: 0 15px 0 35px !important;
}

a.friend {
	background: url(../img/sprite.png) 8px -920px no-repeat #F3F3F3;
	padding: 0 15px 0 35px;
	top: 0px;
	left: 0px;
}

a.friend-quick {
	background: url(../img/sprite.png) 9px -920px no-repeat #F7F7F7;
	padding: 0px;
	margin: 0 5px;
	width: 40px;
	height: 32px;
}

a.friend-quick:hover,
a.friend-quick:focus {
	background: url(../img/sprite.png) 9px -920px #fff no-repeat;
}

#player_details a.friend-quick {
	margin: -10px 5px;
}

a.live_monitor {
	background: url(../img/svg/Live.svg) no-repeat #F3F3F3;
	padding-left: 40px;
	float: right;
}

a.locations {
	background: url(../img/sprite.png) 8px -241px no-repeat #F3F3F3;
	padding: 0 15px 0 35px !important;
	min-width: 180px !important;
}

/*
a.locations-quick {
	display: flex;
	align-items: center;
	position: relative;
	background: none;

	color: var(--unfocused-text-color);
	
	padding: 5px;
	border-radius: 10px;
	
	text-decoration: none;
	margin-left: -3px;

	
}

a.locations-quick::before {
	align-self: center;
	vertical-align: middle;
	content: "";
	display: inline-block;
	width: 32px;
	height: 40px;
	margin-right: 10px;
	background-color: var(--unfocused-text-color);
	-webkit-mask: url(../img/svg/Location_Pin.svg) no-repeat center;
	mask: url(../img/svg/Location_Pin.svg) no-repeat center;
}
*/
a.locations-quick:hover,
a.locations-quick:focus {
	color: var(--text-color);
}

a.locations-quick:hover::before,
a.locations-quick:focus::before {
	background-color: var(--link-color);
}

a.edit-quick {
	display: flex;
	align-items: center;
	position: relative;
	background: none;
	color: var(--unfocused-text-color);
	/*margin: 0;*/
	padding: 5px;
	border-radius: 10px;
	/*border-radius: 25px;
					padding: 8px 10px 8px 35px !important;
					/* Leave space for the icon */
	text-decoration: none;
	margin-left: -3px;
}

a.edit-quick::before {
	align-self: center;
	vertical-align: middle;
	content: "";
	display: inline-block;
	width: 32px;
	height: 40px;
	margin-right: 10px;
	background-color: var(--unfocused-text-color);
	-webkit-mask: url(../img/svg/Edit.svg) no-repeat center;
	mask: url(../img/svg/Edit.svg) no-repeat center;
}

a.edit-quick:hover,
a.edit-quick:focus {
	color: var(--text-color);
}

a.edit-quick:hover::before,
a.edit-quick:focus::before {
	background-color: var(--link-color);

}


a.photo-quick {
	background: url(../img/sprite-admin.png) 3px -1363px no-repeat #F7F7F7;
	padding: 0 0 0 0;
	margin: 2px 1px;
	height: 32px;
	width: 40px;
	z-index: 8;
}

a.photo-quick:hover,
a.photo-quick:focus {
	background: url(../img/sprite-admin.png) 3px -1403px #fff no-repeat;
}

a.posts {
	background: url(../img/sprite-admin.png) 0px -2161px no-repeat #F3F3F3;
	padding: 0 10px 0 35px !important;
}

a.posts:hover,
a.posts:focus {
	background: url(../img/sprite-admin.png) 0px -2201px no-repeat #fff;
	padding: 0 10px 0 35px !important;
}

a.print {
	background: url(../img/sprite-admin.png) 2px -2321px no-repeat #F3F3F3;
	padding: 0 10px 0 35px !important;
}

a.print:hover,
a.print:focus {
	background: url(../img/sprite-admin.png) 2px -2361px no-repeat #fff;
	padding: 0 10px 0 35px !important;
}

a.print-quick {
	background: url(../img/sprite-admin.png) 2px -2321px no-repeat #F3F3F3;
	padding: 0 10px 0 35px !important;
}

a.print-quick:hover,
a.print-quick:focus {
	background: url(../img/sprite-admin.png) 2px -2361px no-repeat #fff;
	padding: 0 10px 0 35px !important;
}

a.login {
	background: url(../img/sprite.png) 6px -361px no-repeat #F3F3F3;
	padding: 0;
}

a.members-quick {
	background: url(../img/sprite-admin.png) 1px -2082px no-repeat #F3F3F3;
	padding: 0 0 0 0;
	margin: 2px 1px;
	height: 36px;
	width: 40px;
}

a.members-quick:hover,
a.members-quick:focus {
	background: url(../img/sprite-admin.png) 1px -2122px no-repeat #fff;
}

a.networks {
	background: url(../img/sprite.png) 10px -558px no-repeat #F3F3F3;
	padding: 0 15px 0 35px !important;
}

a.password {
	background: url(../img/sprite.png) 8px -43px no-repeat #F3F3F3;
	padding: 0 15px 0 35px !important;
	min-width: 150px;
}

a.reset {
	background: url(../img/sprite-admin.png) 0px -562px no-repeat #F3F3F3;
	padding: 0 15px 0 35px !important;
	font: 600 14px/2.5 var(--typography-main-font) !important;
}

a.reset:hover {
	background: url(../img/sprite-admin.png) 0px -602px no-repeat #F3F3F3;
}

a.search {
	background: url(../img/sprite-admin.png) 0px -320px no-repeat #F3F3F3 !important;
	padding: 0 15px 0 35px !important;
	/*font: 600 14px/2.5 var(--typography-main-font) !important;*/
}

a.search:hover,
a.search:focus {
	background: url(../img/sprite-admin.png) 0px -360px no-repeat #fff !important;
	padding: 0 15px 0 35px !important;
	/*font: 600 14px/2.5 var(--typography-main-font) !important;*/
}

a.sugestion {
	background: url(../img/sprite-admin.png) 0px -1682px no-repeat #F3F3F3 !important;
	padding: 0 15px 0 35px !important;
}

a.sugestion:hover,
a.sugestion:focus {
	background: url(../img/sprite-admin.png) 0px -1722px no-repeat #F3F3F3 !important;
	padding: 0 15px 0 35px !important;
}

a.send {
	background: url(../img/sprite-admin.png) 0px -1603px no-repeat #F3F3F3 !important;
	padding: 0 15px 0 35px !important;
}

a.send:hover,
a.send:focus {
	background: url(../img/sprite-admin.png) 0px -1643px no-repeat #fff !important;
	padding: 0 15px 0 35px !important;
}

a.send-quick {
	background: url(../img/sprite.png) 9px -720px no-repeat #F7F7F7;
	padding: 0px;
	margin: 0 5px;
	width: 40px;
	height: 32px;
	z-index: 11;
}

a.send-quick:hover,
a.send-quick:focus {
	background: url(../img/sprite.png) 9px -720px no-repeat #fff;
}

#player_details a.send-quick {
	background: url(../img/sprite-admin.png) 0px -1604px no-repeat #F7F7F7;
	padding: 0px;
	margin: -10px 5px;
	width: 40px;
	height: 32px;
	z-index: 11;
}

#player_details a.send-quick:hover {
	background: url(../img/sprite-admin.png) 0px -1644px no-repeat #F7F7F7;
	padding: 0px;
	margin: -10px 5px;
	width: 40px;
	height: 32px;
	z-index: 11;
}

a.supersize {
	font-size: 20px;
	padding: 15px 20px;
}

a.save {
	background: url(../img/sprite-admin.png) 0px -1842px no-repeat #F3F3F3;
	padding: 0 15px 0 35px !important;
}

a.save:hover,
a.save:focus {
	background: url(../img/sprite-admin.png) 0px -1883px no-repeat #fff;
	padding: 0 15px 0 35px !important;
}

a.unfriend {
	background: url(../img/sprite.png) 8px -481px no-repeat #F3F3F3;
	padding: 0 15px 0 35px !important;
}

a.unfriend-quick {
	background: url(../img/sprite.png) 8px -482px no-repeat #F7F7F7;
	padding: 0px;
	margin: 0 5px;
	width: 40px;
	height: 32px;
	z-index: 7;
}

a.unfriend-quick:hover,
a.unfriend-quick:focus {
	background: url(../img/sprite.png) 8px -482px no-repeat #fff;
}

#player_details a.unfriend-quick {
	background: url(../img/sprite.png) 8px -482px no-repeat #F7F7F7;
	padding: 0px;
	margin: -10px 5px;
	width: 40px;
	height: 32px;
	z-index: 7;
}

a.up {
	background: url(../img/sprite.png) 13px -133px no-repeat #F3F3F3;
	width: 18px;
}

a.upload {
	background: url(../img/sprite.png) 8px -960px no-repeat #F3F3F3;
	padding: 0 15px 0 35px !important;
}

a.save-big {
	background: url(../img/sprite.png) 15px 11px no-repeat #F3F3F3;
	font-size: 46px;
	padding: 10px 15px 10px 35px;
}

a.add-big {
	background: url(../img/sprite.png) 15px -23px no-repeat #F3F3F3;
	font-size: 16px;
	padding: 10px 15px 10px 35px;
}

a.delete-big {
	background: url(../img/sprite.png) 15px -57px no-repeat #F3F3F3;
	font-size: 16px;
	padding: 10px 15px 10px 35px;
}

a.config-big {
	background: url(../img/sprite.png) -87px -102px no-repeat #F3F3F3;
	font-size: 16px;
	padding: 10px 15px 10px 35px;
}

a.up-big {
	background: url(../img/sprite.png) 15px -128px no-repeat #F3F3F3;
	width: 18px;
	font-size: 16px;
	padding: 10px 15px;
}

a.down-big {
	background: url(..img/sprite.png) 15px -163px no-repeat #F3F3F3;
	width: 18px;
	font-size: 16px;
	padding: 10px 15px;
}

a.facebook {
	background: url('../img/sprite.png') 6px -1238px no-repeat #F3F3F3;
	padding: 0 15px 0 35px !important;
}

a.invite {
	background: url('../img/sprite.png') 6px -1274px no-repeat #F3F3F3;
	padding: 0 15px 0 35px !important;
}



/*=======================================================================
	btn Login com FACEBOOK
=======================================================================*/
.btn_facebook_quick_access {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45);
	color: #fff;
	font: 600 12px/3 var(--typography-main-font);
	border: 1px solid #1F76B4;
	padding: 7px 0 6px 0;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), inset 0 1px rgba(255, 255, 255, 0.25);
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #4A678F), color-stop(1, #6F8ABC));
	background-image: -moz-linear-gradient(center bottom, #4A678F 0%, #6F8ABC 100%);
}

.btn_facebook_quick_access .icon {
	background: url(../img/sprite-institucional.png) -4px -1206px no-repeat;
	padding: 4px 12px;
}

.btn_facebook_quick_access .logo {
	background: url(../img/logo-facebook.png) 32px 1px no-repeat;
	padding: 3px 70px 0 4px;
}

.btn_facebook_quick_access:hover,
.btn_facebook_quick_access:focus {
	text-shadow: none;
	background: #29447B;
	background: -moz-linear-gradient(top, #29447b 0%, #3b5a9a 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #29447B), color-stop(100%, #3B5A9A));
	background: -webkit-linear-gradient(top, #29447B 0%, #3B5A9A 100%);
	background: -o-linear-gradient(top, #29447b 0%, #3b5a9a 100%);
	background: -ms-linear-gradient(top, #29447b 0%, #3b5a9a 100%);
	background: linear-gradient(to bottom, #29447B 0%, #3B5A9A 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#29447b', endColorstr='#3b5a9a', GradientType=0);
	color: #fff;
	box-shadow: none;
}


.btn_login_quick_access {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #2B96F1;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #2A99EF), color-stop(1, #237BBD));
	background: -webkit-linear-gradient(top, #2A99EF 0%, #237BBD 100%);
	background: -moz-linear-gradient(top, #2A99EF 0%, #237BBD 100%);
	background: -o-linear-gradient(top, #2A99EF 0%, #237BBD 100%);
	background: -ms-linear-gradient(top, #2A99EF 0%, #237BBD 100%);
	background: linear-gradient(top, #2A99EF 0%, #237BBD 100%);
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), inset 0 1px rgba(255, 255, 255, 0.25);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), inset 0 1px rgba(255, 255, 255, 0.25);
	color: #FFF !important;
	border: solid 1px #2473B0 !important;
	font: 700 14px/2.1 var(--typography-main-font);
	padding: 5px 8px;
	margin: 0 10px 0 0;
}

.btn_login_quick_access:hover,
.btn_login_quick_access:focus {
	background: #0097D0 !important;
	border: 1px solid #023B50;
	color: #00455F !important;
}



/*=======================================================================
	
	Botão Primário / Secundario... etc

 ========================================================================*/
.btn {
	font: 700 14px var(--typography-main-font);
	color: #444;
	position: static;
	/*text-shadow: 0 1px 0 white;*/
	-webkit-transition: border-color .218s;
	-moz-transition: border .218s;
	-o-transition: border-color .218s;
	transition: border-color .218s;
	background: #F3F3F3;
	background: -webkit-gradient(linear, 0% 40%, 0% 70%, from(whiteSmoke), to(#F1F1F1));
	background: -moz-linear-gradient(linear, 0% 40%, 0% 70%, from(whiteSmoke), to(#F1F1F1));
	/*border: solid 1px gainsboro;*/
	border-radius: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	text-align: center;
	margin: 0px 10px 0px 10px;
	padding: 0px 10px 0px 10px;
	z-index: 9;

}

.btn:hover,
.btn:focus {
	border-color: #999;
	-moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
	/*box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);*/
}

.btn_red {
	font: 700 14px var(--typography-main-font);
	position: relative;
	top: 50px;
	display: inline-block;
	text-align: center;
	height: 40px;
	padding: 9px 25px;
	border-radius: 3px;
	background-color: #FA7964;
	background-image: -webkit-linear-gradient(top, #FA7964, #F26851);
	background-image: linear-gradient(to bottom, #FA7964, #F26851);
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
	box-shadow: 0 1px 0 0 #6FEF8D inset, 0 1px 4px 0 rgba(0, 0, 0, 0.1);
	-webkit-transition: box-shadow 0.25s ease;
	transition: box-shadow 0.25s ease;
	border-radius: 50px
}

.btn_red:hover {
	color: #fff;
	-moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}


.btn.primary {
	background: #017ba9;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0097d0), to(#025f83));
	background: -webkit-linear-gradient(0% 0%, 0% 100%, from(#0097d0), to(#025f83));
	background: -moz-linear-gradient(center top, #0097d0, #025f83);
	background: linear-gradient(#0097d0, #025f83);
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45);
	cursor: pointer;
	position: relative;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.6);
	color: #fff;
	height: 36px;
	/*border: 1px solid #124d77; */
	font: 600 12px/3 var(--typography-main-font);
	border-radius: 50px
}

.btn.primary:hover,
.btn.primary:focus {
	background: #006e98;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#008cc1), to(#005070));
	background: -webkit-linear-gradient(0% 0%, 0% 100%, from(#008cc1), to(#005070));
	background: -moz-linear-gradient(center top, #008cc1, #005070);
	background: linear-gradient(#008cc1, #005070);
	/*border:1px solid #023B50; */
	font: 600 12px/3 var(--typography-main-font);
}

.btn.primary a,
btn.primary:hover a {
	text-shadow: 0 0px 0px #031D4D, 0 0px 0 #014261;
}


.btn.secondary {
	height: 36px;
	float: left;
	line-height: 45px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #77AD42), color-stop(1, #489215));
	background: -webkit-linear-gradient(top, #77AD42 0%, #489215 100%);
	background: -moz-linear-gradient(top, #77AD42 0%, #489215 100%);
	background: -o-linear-gradient(top, #77AD42 0%, #489215 100%);
	background: -ms-linear-gradient(top, #77AD42 0%, #489215 100%);
	background: linear-gradient(top, #77AD42 0%, #489215 100%);
	border-color: #2A621B;
	border-bottom-color: #2A621B;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), inset 0 1px rgba(255, 255, 255, 0.25);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), inset 0 1px rgba(255, 255, 255, 0.25);
	border-radius: 50px;
}


.btn.secondary:hover,
.btn.secondary:focus {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #7BB344), color-stop(1, #4C9B16));
	background: -webkit-linear-gradient(top, #7BB344 0%, #4C9B16 100%);
	background: -moz-linear-gradient(top, #7BB344 0%, #4C9B16 100%);
	background: -o-linear-gradient(top, #7BB344 0%, #4C9B16 100%);
	background: -ms-linear-gradient(top, #7BB344 0%, #4C9B16 100%);
	background: linear-gradient(top, #7BB344 0%, #4C9B16 100%);
}

.btn.tertiary {
	font-size: 24px;
	color: #fff;
	height: 36px;
	line-height: 45px;
	background-color: #2B96F1;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), inset 0 1px rgba(255, 255, 255, 0.25);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), inset 0 1px rgba(255, 255, 255, 0.25);
	/*border: solid 1px #2473B0;
		border-bottom: 1px solid #20608F;*/
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #2A99EF), color-stop(1, #237BBD));
	background: -webkit-linear-gradient(top, #2A99EF 0%, #237BBD 100%);
	background: -moz-linear-gradient(top, #2A99EF 0%, #237BBD 100%);
	background: -o-linear-gradient(top, #2A99EF 0%, #237BBD 100%);
	background: -ms-linear-gradient(top, #2A99EF 0%, #237BBD 100%);
	background: linear-gradient(top, #2A99EF 0%, #237BBD 100%);
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), inset 0 1px rgba(255, 255, 255, 0.25);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), inset 0 1px rgba(255, 255, 255, 0.25);
	border-radius: 50px
}

.btn.tertiary:hover,
.btn.tertiary:focus {
	background-color: #2B96F1;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #51ADF5), color-stop(1, #2A86CB));
	background: -webkit-linear-gradient(top, #51ADF5 0%, #2A86CB 100%);
	background: -moz-linear-gradient(top, #51ADF5 0%, #2A86CB 100%);
	background: -o-linear-gradient(top, #51ADF5 0%, #2A86CB 100%);
	background: -ms-linear-gradient(top, #51ADF5 0%, #2A86CB 100%);
	background: linear-gradient(top, #51ADF5 0%, #2A86CB 100%);
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), inset 0 1px rgba(255, 255, 255, 0.25);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), inset 0 1px rgba(255, 255, 255, 0.25);
}


/*=======================================================================
	Drawer Sugest
 ========================================================================*/
.RadAutoCompleteBox_Default .racTokenList {
	padding: 8px !important;
	width: 100% !important;
}


/*=======================================================================
	ToolTip
 ========================================================================*/
.RadToolTip_MetroTouch {
	background: transparent !important;
	padding: 11px !important;
	border: 0px solid rgba(0, 0, 0, 0.1) !important;
	border-radius: 6px !important;
	-webkit-border-radius: 6px !important;
	-moz-border-radius: 6px !important;
	/*box-shadow: inset rgba(0, 0, 0, 0.12) 0 0 4px, rgba(255, 255, 255, 0.3) 0 0 1px !important;*/
	background: -moz-linear-gradient(center top, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.1)) repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.RadToolTip .rtWrapper td.rtWrapperContent {
	font: normal 15px/1.6 var(--typography-main-font) !important;
}

.RadToolTip_MetroTouch h6 {
	color: var(--text-color);
	font: normal 15px/1.6 var(--typography-main-font);
	margin-bottom: 30px;
}

.card-buttons {

	display: flex;
	justify-content: center;
	gap: 30px
}

.RadToolTip_MetroTouch table.rtWrapper tr td a.rtCloseButton {
	background-color: var(--unfocused-text-color) !important;
	background-image: none !important;
	margin: 25px 25px 0 0 !important;
	-webkit-mask: url(../img/svg/Close.svg) no-repeat center;
	mask: url(../img/svg/Close.svg) no-repeat center;
	mask-size: contain;
}

.RadToolTip_MetroTouch table.rtWrapper tr td a.rtCloseButton:hover {
	background-color: var(--text-color) !important;
}


div.RadToolTip table.rtWrapper td.rtWrapperContent {
	border: 0px solid var(--unfocused-text-color) !important;
	border-radius: 15px;
	padding: 30px !important;
	background-color: var(--fg-color) !important;

	/*border-width: 2px !important;
	border-color: black !important;*/
}


.RadToolTip_MetroTouch.rtVisibleCallout .rtCallout.rtCalloutTopRight,
.RadToolTip_MetroTouch.rtVisibleCallout .rtCallout.rtCalloutTopCenter,
.RadToolTip_MetroTouch.rtVisibleCallout .rtCallout.rtCalloutTopLeft {
	margin-top: 0px !important;
}

iframe {
	background-color: transparent !important;
}


/*=======================================================================
	Pag. Notificações
 ========================================================================*/
.row .notification {
	border-bottom: 1px solid #D5D7D6;
	background-color: var(--fg-color);
	line-height: 55px;
	padding-left: 10px;
	cursor: pointer;
}

.row .notification:hover {
	-webkit-transition: background-color 0.25s ease-out;
	-moz-transition: background-color 0.25s ease-out;
	-o-transition: background-color 0.25s ease-out;
	transition: background-color 0.25s ease-out;
	/*background: #f1f1f1;*/
	background-color: var(--bg-color);
}

.unread {
	position: relative;


	/* make a 5%-wide bar on the left */
	background-image: linear-gradient(to left,
			#007bff 0%,
			#007bff 1%,
			transparent 1%,
			transparent 100%);
	background-repeat: no-repeat;
}

/*#ctl00_ContentPlaceHolder1_RadMultiPage1 .row .read {}*/

.btn_notifications {
	font: 600 12px/1.6 var(--typography-main-font);
	position: relative;
	display: inline-block;
	position: relative;
	display: inline-block;
	text-shadow: 0 1px 0 white;
	-webkit-transition: border-color .218s;
	-moz-transition: border .218s;
	-o-transition: border-color .218s;
	transition: border-color .218s;
	background: #F3F3F3;
	background: -webkit-gradient(linear, 0% 40%, 0% 70%, from(whiteSmoke), to(#F1F1F1));
	background: -moz-linear-gradient(linear, 0% 40%, 0% 70%, from(whiteSmoke), to(#F1F1F1));
	border: solid 1px gainsboro;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}

.btn_notifications:hover {
	border-color: #999;
	-moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}


/*=======================================================================
	Icons Botões
 ========================================================================*/

.btn_login {
	background: url('../img/sprite.png') no-repeat -2px -2px;
	width: 13px;
	height: 15px;
	text-indent: 200%;
	overflow: hidden;
	/*display: inline-block;*/
	vertical-align: middle;
	float: left;
	margin: 11px 0 0 15px;
}

.btn_register {
	background: url('../img/sprite.png') no-repeat -22px -2px;
	width: 15px;
	height: 16px;
	text-indent: 200%;
	overflow: hidden;
	/*display: inline-block;*/
	vertical-align: middle;
	float: left;
	margin: 11px 0 0 15px;
}

.btn_register {
	background: url('../img/sprite.png') no-repeat no-repeat -43px -2px;
	width: 15px;
	height: 16px;
	text-indent: 200%;
	overflow: hidden;
	/*display: inline-block;*/
	vertical-align: middle;
	float: left;
	margin: 11px 0 0 15px;
}

/*******TABS******/

.grid_header {
	font-size: 12px;
}

.grid_item_column0 {
	font-size: 10px;
	line-height: 0px;
	width: 50px;
}

.panel_left_links_c {
	/*display: block;*/
	text-align: center;
	position: absolute;
	background-color: var(--fg-color);
	border: 1px solid #ccc;
	border-radius: 3px;
	left: 0px;
	z-index: 9;
	margin-left: -65px;

}

.row barra_btn {
	background-color: red;
}

.c3 svg {
	background-color: var(--fg-color);
}

.c3 path,
.c3 line {
	stroke: var(--text-color, #000) !important;
}

.c3 text {

	fill: var(--text-color)
}


/*=======================================================================
	Mensagens sucesso / erro / etc
 ========================================================================*/

.msg_success {
	/*background-color: #D4F684;*/
	background-color: #67CD91;
	border-radius: 5px;
	display: flex;
	align-items: center;
	padding: 10px;
	color: black;
	font: 600 14px/1.6 var(--typography-main-font);
	gap: 20px;
	margin-top: 10px;
}

.msg_success:before {
	content: "";
	display: inline-block;
	width: 25px;
	height: 25px;
	background-color: black;
	-webkit-mask: url(../img/svg/Check_Mark.svg) no-repeat center;
	mask: url(../img/svg/Check_Mark.svg) no-repeat center;
	mask-size: contain;
}

.msg_success_short {
	/*background-color: #D4F684;*/
	background-color: #67CD91;
	background-image: none;
	padding-top: 0px;
	padding-bottom: 0px;
	display: inline-block;
	padding-left: 5px;
	padding-right: 5px;
	border-radius: 2px;
	font-weight: 400;
	border: 1px solid #739f1d;
	color: #000;
	font-size: 11px;
}

.msg_warning {
	background-color: var(--accent-color);
	border-radius: 5px;
	display: flex;
	align-items: center;
	padding: 10px;
	color: white;
	font: 600 12px/1.6 var(--typography-main-font);
	gap: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.msg_warning:before {
	content: "";
	display: inline-block;
	width: 25px;
	height: 25px;
	background-color: white;
	-webkit-mask: url(../img/svg/Info.svg) no-repeat center;
	mask: url(../img/svg/Info.svg) no-repeat center;
	mask-size: contain;
}

.msg_warning_short {
	background-color: #FEFFC8;
	background-image: none;
	padding-top: 0px;
	padding-bottom: 0px;
	display: inline-block;
	padding-left: 5px;
	padding-right: 5px;
	border-radius: 2px;
	font-weight: 400;
	border: 1px solid #F1AA2D;
	color: #000;
	font-size: 11px;
}

.msg_erro {
	background-color: red;
	border-radius: 5px;
	display: flex;
	align-items: center;
	padding: 10px;
	color: black !important;
	font: 600 14px/1.6 var(--typography-main-font);
	gap: 20px;
	margin-top: 10px;
}

.msg_erro:before {
	content: "";
	display: inline-block;
	width: 25px;
	height: 25px;
	background-color: black;
	-webkit-mask: url(../img/svg/Stop.svg) no-repeat center;
	mask: url(../img/svg/Stop.svg) no-repeat center;
	mask-size: contain;
}

.msg_erro_short {
	background-color: #F5D9D9;
	background-image: none;
	padding-top: 0px;
	padding-bottom: 0px;
	display: inline-block;
	padding-left: 5px;
	padding-right: 5px;
	border-radius: 2px;
	font-weight: 400;
	border: 1px solid #D68989;
	color: #000;
	font-size: 11px;
}

.pro_banner {
	background-color: var(--fg-color);
	margin-bottom: 10px;
	padding: 20px;
	box-sizing: border-box;
	font-size: 12px;
	border-color: #139dd3;
	border-style: solid;
	border-width: 2px 0px 0px 0px;
	color: var(--unfocused-text-color);
}

.info_panel_button {
	height: 30px;
	background-color: var(--fg-color);
	color: var(--unfocused-text-color);
	min-width: 100px;
	display: inline-block;
	line-height: 30px;
	margin: 10px;
	border: none;
}

.info_panel_button:hover,
.info_panel_button.active {
	color: var(--text-color)
}

.txt_my_post placeholder_font_14px {

	width: Calc(100% - 18px);
	background-color: red;
	margin-left: 2px;
	border: none;
	line-height: 20px;
	margin-bottom: 0px;
	overflow: hidden;
}

/*=====================================================

Ajustes aos tamanhos plataformas
	
 ======================================================*/

@media only screen and (max-width: 1400px) {}

/*=====================================================
	 
	Ajustes 84px (adicional)

======================================================*/
@media only screen and (max-width: 834px) {

	#icons_social {
		display: none
	}

	.toolbar_social {
		display: none;
	}

}

/*=====================================================

	 Ajustes 768px

======================================================*/
@media only screen and (max-width: 768px) {
	.hide_768 {
		display: none;
	}
}

/*=====================================================

	 Ajustes 767px

======================================================*/
@media only screen and (max-width: 767px) {

	.container {
		margin: 25px 0 0 0;
		padding: 0;
	}

	.picture_my_tie {
		width: 20%;
	}

	.picture_other_tie {
		width: 45%;
	}

	.row {
		width: 100% !important;
	}

	/*=======================================================================
	Menu institucional
=======================================================================*/
	.subnav {
		margin-top: 20px;
		/*text-transform: uppercase;*/
		font: 700 10px var(--typography-main-font);
	}

	.navbar a.toggle.active {
		background: #888;
	}

	.navbar a.toggle:hover,
	.navbar a.toggle.active {
		background: #1E67A2;
	}


	/*=======================================================================
	Icon menu
=======================================================================*/
	.navbar {
		z-index: 999;

	}

	.navbar,
	.pretty.navbar {
		position: relative;
		background: transparent;
		border: none;
		text-align: center;
		margin-top: -60px;
		z-index: 9999;
	}

	.navbar .logo {
		float: left;
		display: inline;
	}

	.navbar a.toggle {
		position: relative;
		float: right;
		/*display: inline-block;*/
		right: 10px;
		top: 14px;
		background: #26B9EB;
		width: 38px;
		height: 36px;
		line-height: 42px;
		border-radius: 4px;
		box-shadow: rgba(0, 0, 0, 0.13) 0px -1px 0px 0px inset, #1FA1CC 0px 0px 0px 1px inset, rgba(255, 255, 255, 0.45) 0px 2px 0px 0px inset, rgba(0, 0, 0, 0.1) 0px 1px 3px 0px;
		-webkit-transition-duration: .1s;
		/* Saf3.2+, Chrome */
		-moz-transition-duration: .1s;
		/* FF4+ */
		-ms-transition-duration: .1s;
		/* IE10 */
		-o-transition-duration: .1s;
		/* Opera 10.5+ */
		transition-duration: .1s;
	}

	.navbar>ul>li>a {
		font: 700 22px var(--typography-main-font) !important;
		height: 24px;
		border-bottom: 1px solid #CCC;
	}

	.navbar>ul>li:hover>a {
		background: #F1F1F1;
		border-bottom: 1px solid #ccc;
		color: #22A9FF;
	}

	.pretty.navbar {
		background: transparent;
		border-radius: 0;
		-webkit-box-shadow: 0px 0px 0px white, 0px 0px 0px rgba(255, 255, 255, 1) !important;
		box-shadow: 0px 0px 0px white, 0px 0px 0px rgba(255, 255, 255, 1) !important;
		border-bottom: 0px solid #B6B8B7;
		border-left: none;
		border-right: none;
		border-top: 0px solid white;
	}

	.pretty.navbar a.toggle {
		border: 1px solid #1D4869;
		background: rgb(0, 183, 234);
		/* Old browsers */
		background: -moz-linear-gradient(top, rgba(0, 183, 234, 1) 0%, rgba(0, 158, 195, 1) 100%);
		/* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 183, 234, 1)), color-stop(100%, rgba(0, 158, 195, 1)));
		/*Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, rgba(0, 183, 234, 1) 0%, rgba(0, 158, 195, 1) 100%);
		/* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, rgba(0, 183, 234, 1) 0%, rgba(0, 158, 195, 1) 100%);
		/* Opera 11.10+ */
		background: -ms-linear-gradient(top, rgba(0, 183, 234, 1) 0%, rgba(0, 158, 195, 1) 100%);
		/* IE10+ */
		background: linear-gradient(to bottom, rgba(0, 183, 234, 1) 0%, rgba(0, 158, 195, 1) 100%);
		/* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00b7ea', endColorstr='#009ec3', GradientType=0);
		/* IE6-9 */
		-webkit-box-shadow: inset 0 0px 1px #94dda6, 0 1px 1px #94dda6;
		box-shadow: inset 0 1px 1px #94dda6, 0 1px 1px #94dda6;
	}

	.pg_head {
		border-bottom: 0px solid #B6B8B7;
	}

	.navbar a.toggle:hover,
	.navbar a.toggle.active {
		background: #25A0DA;
		-webkit-box-shadow: none;
		box-shadow: none;
		-webkit-transition-duration: .1s;
		/* Saf3.2+, Chrome */
		-moz-transition-duration: .1s;
		/* FF4+ */
		-ms-transition-duration: .1s;
		/* IE10 */
		-o-transition-duration: .1s;
		/* Opera 10.5+ */
		transition-duration: .1s;
	}

	.navbar a.toggle.active {
		background: #ADADAD;
	}

	.quick_access {
		font: 600 12px/1.6 var(--typography-main-font);
		/*background: #089AD3;*/
		position: relative;
		top: 0;

		left: 0;
		width: 100%;
		height: 46px;
		z-index: 20000;
		/*-moz-box-shadow: 0px 0px 5px #222222;
		-webkit-box-shadow: 0px 0px 5px #222;
		box-shadow: 0px 0px 5px #000;*/
		-webkit-opacity: 0.95;
		-moz-opacity: 0.95;
		opacity: 0.95;
		filter: alpha(opacity=95);
	}

	.quick_access .row {
		min-height: 45px;
		padding-top: 3px;

	}


	/*=======================================================================
	Div não Logado & Logado
=======================================================================*/
	.msg_welcome {
		display: none;
	}

	.div_logado {
		height: 45px;
	}


	/*=======================================================================
	Tool Bar icons btn
=======================================================================*/
	.entrar {
		/*background: url('../img/sprite-toolbar-admin-mobile.png') no-repeat 0 -13px;*/
		padding: 0;
		color: transparent;
	}

	.avatar {
		display: none;
	}

	.dashboard {
		/*background: url('../img/sprite-toolbar-admin-mobile.png') no-repeat 1px -177px; */
		padding: 18px 10px 10px 10px;
		color: transparent;
		/*border-right: 1px solid rgba(0, 0, 0, 0.1);*/
		box-shadow: 1px 0 0 rgba(255, 255, 255, 0.1);
		-webkit-box-shadow: 1px solid rgba(0, 0, 0, 0.1);
		margin: 0;
	}

	.dashboard:hover,
	.dashboard:focus {
		/*	background: url('../img/sprite-toolbar-admin-mobile.png') no-repeat 1px -224px;*/
		color: transparent;
	}

	.logout {
		/*background: url('../img/sprite-toolbar-admin-mobile.png') no-repeat -2px -270px;*/
		padding: 18px 10px 10px 10px;
		color: transparent;
		border-right: none;
		box-shadow: 0px 0 0 rgba(255, 255, 255, 0.1);
		-webkit-box-shadow: 0px solid rgba(0, 0, 0, 0.1);
		margin: 0;
	}

	.logout:hover,
	.logout:focus {
		/*background: url('../img/sprite-toolbar-admin-mobile.png') no-repeat -2px -314px;*/
		color: transparent;
	}

	.challenges {
		background: url(../img/icons/toolbar-challenges.png) no-repeat 16px 5px;
		padding: 5px 3px;
		color: transparent;
		margin: 0;
	}

	.mensagem {
		/*background: url('../img/sprite-toolbar-admin-mobile.png') no-repeat 21px 2px;*/
		padding: 18px 0px 10px 0;
		color: transparent;
		/*border-right: 1px solid rgba(0, 0, 0, 0.1);*/
		box-shadow: 1px 0 0 rgba(255, 255, 255, 0.1);
		-webkit-box-shadow: 1px solid rgba(0, 0, 0, 0.1);
		border-left: none;
		margin: 0;
	}

	.mensagem:hover,
	.mensagem:focus {
		/*background: url('../img/sprite-toolbar-admin-mobile.png') no-repeat 21px -43px;*/
		color: transparent;
	}

	.mytie {
		/*background: url('../img/sprite-toolbar-admin-mobile.png') no-repeat 0px -88px;*/
		padding: 18px 0px 10px 0px;
		color: transparent;
		/*	border-right: 1px solid rgba(0, 0, 0, 0.1);*/
		box-shadow: 1px 0 0 rgba(255, 255, 255, 0.1);
		-webkit-box-shadow: 1px solid rgba(0, 0, 0, 0.1);
		margin: 0;
	}

	.mytie:hover,
	.mytie:focus {
		/*	background: url('../img/sprite-toolbar-admin-mobile.png') no-repeat 0 -133px;*/
		color: transparent;
	}

	.schedule {
		/*	background: url('../img/sprite-toolbar-admin-mobile.png') no-repeat 5px -449px;*/
		padding: 18px 10px 10px 10px;
		color: transparent;
		/*border-right: 1px solid rgba(0, 0, 0, 0.1);*/
		box-shadow: 1px 0 0 rgba(255, 255, 255, 0.1);
		-webkit-box-shadow: 1px solid rgba(0, 0, 0, 0.1);
		margin: 0;
	}

	.schedule:hover,
	.schedule:focus {
		/*	background: url('../img/sprite-toolbar-admin-mobile.png') no-repeat 5px -494px; */
		color: transparent;
	}

	.priority {
		border: 1px solid #215572;
		background: #215572;
	}

	.priority:hover,
	.priority:focus {
		color: #215572;
		border: 1px solid #5F5F5F;
		background: #000;
	}

	.notice {
		position: relative;
		left: -10px;
		top: -10px;
		-webkit-border-radius: 50px;
		-moz-border-radius: 50px;
		border-radius: 50px;
	}

	.login_mobile {
		background: url('../img/sprite-toolbar-admin-mobile.png') no-repeat -18px -632px;
		padding: 5px 15px 0 30px;
		display: inline;
		color: #fff;
		font: 600 16px/2 var(--typography-main-font);
		top: 3px;
		position: relative;
	}

	.login_mobile:hover,
	.login_mobile:focus {
		background: url('../img/sprite-toolbar-admin-mobile.png') no-repeat -18px -679px;
		padding: 5px 15px 0 30px;
		display: inline;
		color: #215572;
	}

	.signup_mobile {
		background: url('../img/sprite-toolbar-admin-mobile.png') no-repeat -18px -722px;
		padding: 5px 15px 0 30px;
		display: inline;
		color: #fff;
		font: 600 16px/2 var(--typography-main-font);
		top: 3px;
		position: relative;
	}

	.signup_mobile:hover,
	.signup_mobile:focus {
		background: url('../img/sprite-toolbar-admin-mobile.png') no-repeat -18px -768px;
		padding: 5px 15px 0 30px;
		display: inline;
		color: #215572;
	}


	/*=======================================================================
	Facebook
=======================================================================*/
	.toolbar_social {
		display: none;
	}


	/*=======================================================================
	Div não Logado & Logado
=======================================================================*/
	.msg_welcome {
		display: none;
	}

	.div_nao_logado {
		display: none
	}

	.div_logado {
		height: 45px;
		text-align: center;
	}


	/*=======================================================================
	Profile
=======================================================================*/
	.RadTabStrip .rtsLevel .rtsOut,
	.RadTabStripVertical .rtsLevel .rtsOut,
	.RadTabStrip .rtsLevel .rtsIn,
	.RadTabStripVertical .rtsLevel .rtsIn,
	.RadTabStrip .rtsLevel .rtsTxt,
	.RadTabStripVertical .rtsLevel .rtsTxt {
		font: 500 12px/3 var(--typography-main-font) !important;
	}

	#Network_details h3 {
		padding-bottom: 6px;
		font: 700 16px/2.5 var(--typography-main-font) !important;
	}

	#player_details,
	#Network_details {
		position: relative;
		z-index: 10;
		vertical-align: baseline;
		padding: 20px 0 0 0;
		margin-bottom: 10px;
		border: 1px solid #D8D8D8;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		background-color: #FFF;
		border-bottom-width: 4px;
		min-height: 300px;
	}

	#player_details .div_img {
		width: 23.404293%;
		float: left;
	}

	#player_details .div_about {
		width: 35%;
		float: left;
		text-align: left;
		padding-left: 20px;
	}

	#player_details .div_rating {
		width: 60px;
		float: right;
	}

	#player_details h3 {
		padding-bottom: 12px;
		margin: 0 10px 10px 0;
	}

	#Network_details .div_img {
		width: 23.404293%;
		float: left;
	}

	#Network_details .div_about {
		width: 90%;
		float: none;
		text-align: left;
		clear: both;
		margin: 0;
	}

	#Network_details .div_rating {
		width: 70px;
		float: right;
	}



	/*=======================================================================
	Rating's (user e player) & Age Group
 ========================================================================*/
	#player_details .div_features {
		padding: 10px;
		cursor: pointer;
		border-left: 1px solid #D5DDD9;
	}

	#player_details .div_features .row {
		border-bottom: 1px solid #D5DDD9;
		height: 65px;
	}

	#player_details .div_features .titulos {
		font: 800 12px/2.6 var(--typography-main-font);
		color: #505050;
		display: inline-table;
		width: 100%;
		text-align: center;
		margin-top: -5px;
		text-transform: uppercase;
	}

	#player_details .div_features .notas {
		font: 700 22px var(--typography-main-font);
		color: #505050;
	}

	#player_details .rating_user {
		color: #3B3B3B;
		cursor: pointer;
		margin-top: -10px;
	}

	#player_details .rating_user .rating_user_star {
		width: 35px;
		height: 40px;
		float: left;
		border-right: 1px solid #B6B8B7;
		margin: 5px 0 0 -5px;
	}

	/*#player_details .rating_user .rating_user_points {}*/

	#player_details .rating_user .rating_user_votes {
		height: 18px;
		float: right;
	}

	#player_details .rating_user .rating_user_votes h1 {
		font: 700 16px/0.5 var(--typography-main-font);
		margin: 0;
		border: none;
		text-align: center;
		top: -20px;
		right: 0;
		position: absolute;
		display: inline-table;
	}

	#player_details .rating_user .rating_user_votes .n_votos {
		font: 700 10px var(--typography-main-font);
		color: #3B3B3B;
		line-height: normal;
		top: -5px;
		position: relative;
		text-align: left;
	}

	#player_details .Rating {
		color: #3B3B3B;
		text-transform: uppercase;
		cursor: default;
		width: 100%;
		text-align: center;
	}

	#player_details .escalao {
		color: #3B3B3B;
		text-transform: uppercase;
		cursor: default;
		letter-spacing: -1px;
		text-align: center;
		border-bottom: none !important;
	}


	/*=======================================================================
	Venues
=======================================================================*/
	#Network_details .div_classificacoes {
		border-left: 1px solid #D5DDD9;
		top: -10px;
		padding: 10px;
		cursor: pointer;
	}

	#Network_details .div_classificacoes .boxes {
		border-bottom: 1px solid #D5DDD9;
		height: 65px;
	}

	#Network_details .div_classificacoes .boxes h1 {
		font: 700 14px/0 var(--typography-main-font);
		color: #505050;
		padding-bottom: 6px;
		text-align: center;
		text-transform: uppercase;
		border: none;
	}

	#Network_details .div_classificacoes .estrela {
		float: left;
	}

	#Network_details .div_classificacoes .votacao {
		font: 700 24px/1 var(--typography-main-font);
		letter-spacing: -2px;
		text-align: center;
		display: inline-table;
	}

	#Network_details .div_classificacoes .n_votos {
		font: 700 10px var(--typography-main-font);
		color: #3B3B3B;
		display: inline-table;
		text-align: center;
	}


	/*=======================================================================
	Btn's
=======================================================================*/




	/*=======================================================================
	Contacts & Invite
=======================================================================*/
	#div_feedback {
		display: none;
	}

	#div_invite {
		display: none;
	}


	/*=======================================================================
	TAB Mensagens
=======================================================================*/
	.content_from_messages {
		width: 100%;
	}

	.content_messages {
		float: none;
	}

	.content_msg {
		display: none;
	}

	.mostra_froms {
		display: block !important;
	}

	.reply_message {
		width: 100%;
	}


	/*=======================================================================
	Ficha Comparition
=======================================================================*/

	.rpTemplate h2 {
		font: 800 16px var(--typography-main-font);
		padding: 0;
	}

}


/*=======================================================================
	 
	Ajustes 650px

========================================================================*/

@media only screen and (max-width: 650px) {

	.hide_650 {
		display: none;
	}

}

/*=======================================================================
	 
	Ajustes 480px

========================================================================*/

@media only screen and (max-width: 480px) {

	/* Esconde as linhas das tabela p q possam existir os btn's */
	.hide_480 {
		display: none;
	}

	div.RadToolTip {
		top: 20% !important;
	}

	.row {
		text-align: center;
	}

	.subnav {
		margin-top: 20px;
		text-transform: uppercase;
		font: 700 12px var(--typography-main-font);
	}

	#admin-bar .avatar {
		display: none;
	}

	#admin-bar .welcome {
		padding-left: 4px;
	}

	.quick_access {
		font: 600 12px/1.6 var(--typography-main-font);
		/*background: #089AD3;*/
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 46px;
		z-index: 10000;
		-moz-box-shadow: 0px 0px 5px #222222;
		-webkit-box-shadow: 0px 0px 5px #222;
		box-shadow: 0px 0px 5px #000;
		-webkit-opacity: 0.95;
		-moz-opacity: 0.95;
		opacity: 0.95;
		filter: alpha(opacity=95);
	}

	.quick_access .row {
		min-height: 45px;
		padding-top: 10px;
	}

	.div_logado {
		height: 45px;
	}



	/*=======================================================================
	Div não Logado & Logado
=======================================================================*/
	.msg_welcome {
		display: none;
	}

	.div_logado {
		height: 45px;
	}


	/*=======================================================================
	Tool Bar icons btn
=======================================================================*/
	.entrar {
		/*background: url('../img/sprite-toolbar-admin-mobile.png') no-repeat 0 -13px;*/
		padding: 0;
		color: transparent;
	}

	.avatar {
		display: none;
	}

	.dashboard {
		/*background: url('../img/sprite-toolbar-admin-mobile.png') no-repeat -4px -177px;*/
		padding: 18px 5px 10px 5px;
		color: transparent;
		/*border-right: 1px solid rgba(0, 0, 0, 0.1);*/
		box-shadow: 1px 0 0 rgba(255, 255, 255, 0.1);
		-webkit-box-shadow: 1px solid rgba(0, 0, 0, 0.1);
		margin-left: -2px;
	}

	.dashboard:hover,
	.dashboard:focus {
		/*	background: url('../img/sprite-toolbar-admin-mobile.png') no-repeat -4px -224px;*/
		color: transparent;
	}

	.logout {
		/*background: url('../img/sprite-toolbar-admin-mobile.png') no-repeat -5px -270px;*/
		padding: 18px 5px 10px 5px;
		color: transparent;
		border-right: none;
		box-shadow: 0px 0 0 rgba(255, 255, 255, 0.1);
		-webkit-box-shadow: 0px solid rgba(0, 0, 0, 0.1);
	}

	.logout:hover,
	.logout:focus {
		/*	background: url('../img/sprite-toolbar-admin-mobile.png') no-repeat -5px -314px;*/
		color: transparent;
	}

	.challenges {
		background: url(../img/icons/toolbar-challenges.png) no-repeat 16px 5px;
		padding: 5px 3px;
		color: transparent;
		margin: 0;
	}

	.mensagem {
		/*	background: url('../img/sprite-toolbar-admin-mobile.png') no-repeat 21px 2px;*/
		padding: 18px 0px 10px 0;
		color: transparent;
		/*border-right: 1px solid rgba(0, 0, 0, 0.1);*/
		box-shadow: 1px 0 0 rgba(255, 255, 255, 0.1);
		-webkit-box-shadow: 1px solid rgba(0, 0, 0, 0.1);
		margin-left: -2px;
		border-left: none;
		margin-left: -45px;
	}

	.mensagem:hover,
	.mensagem:focus {
		/*background: url('../img/sprite-toolbar-admin-mobile.png') no-repeat 21px -43px;*/
		color: transparent;
	}

	.mytie {
		/*	background: url('../img/sprite-toolbar-admin-mobile.png') no-repeat -8px -88px;*/
		padding: 18px 0px 10px 0px;
		color: transparent;
		/*border-right: 1px solid rgba(0, 0, 0, 0.1);*/
		box-shadow: 1px 0 0 rgba(255, 255, 255, 0.1);
		-webkit-box-shadow: 1px solid rgba(0, 0, 0, 0.1);
		margin-left: -2px;
	}

	.mytie:hover,
	.mytie:focus {
		background: url('../img/sprite-toolbar-admin-mobile.png') no-repeat -8px -133px;
		color: transparent;
	}

	.schedule {
		/*background: url('../img/sprite-toolbar-admin-mobile.png') no-repeat 0px -449px;*/
		padding: 18px 5px 10px 5px;
		color: transparent;
		/*border-right: 1px solid rgba(0, 0, 0, 0.1);*/
		box-shadow: 1px 0 0 rgba(255, 255, 255, 0.1);
		-webkit-box-shadow: 1px solid rgba(0, 0, 0, 0.1);
		margin-left: -2px;
	}

	.schedule:hover,
	.schedule:focus {
		/*background: url('../img/sprite-toolbar-admin-mobile.png') no-repeat 0px -494px;*/
		color: transparent;
	}

	.notice {
		position: relative;
		left: -10px;
		top: -10px;
		-webkit-border-radius: 50px;
		-moz-border-radius: 50px;
		border-radius: 50px;
	}


	/*=======================================================================
	Facebook
=======================================================================*/
	.toolbar_social {
		display: none;
	}



	/*=======================================================================
	Profile
=======================================================================*/
	.RadTabStrip .rtsLevel .rtsOut,
	.RadTabStripVertical .rtsLevel .rtsOut,
	.RadTabStrip .rtsLevel .rtsIn,
	.RadTabStripVertical .rtsLevel .rtsIn,
	.RadTabStrip .rtsLevel .rtsTxt,
	.RadTabStripVertical .rtsLevel .rtsTxt {
		font: 500 12px/3 var(--typography-main-font) !important;
		padding: 0;
	}

	.RadTabStrip_MetroTouch .rtsLevel1 .rtsLink {
		padding: 0 3px !important;
	}

	#player_details h3 {
		padding-bottom: 15px;
		display: inline-block;
	}

	#player_details,
	#Network_details {
		position: relative;
		z-index: 10;
		vertical-align: baseline;
		padding: 20px 0 0 0;
		margin-bottom: 10px;
		border: 1px solid #D8D8D8;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		background-color: #FFF;
		border-bottom-width: 4px;
		min-height: 500px;
	}

	#player_details .div_img {
		width: 23.404293%;
		float: left;
	}

	#player_details .div_about {
		width: 95%;
		float: left;
		text-align: left;
	}

	#player_details .div_rating {
		width: 70px;
		float: right;
	}

	#player_details h3 {
		padding-bottom: 12px;
		margin: 0 10px 10px 0;
	}


	#Network_details .div_img {
		width: 23.404293%;
		float: left;
	}

	#Network_details .div_about {
		float: left;
		text-align: left;
		clear: both;
	}

	#Network_details .div_rating {
		width: 70px;
		float: right;
	}



	/*=======================================================================
	Rating's (user e player) & Age Group
 ========================================================================*/
	#player_details .div_features {
		padding: 10px;
		cursor: pointer;
		border-left: 1px solid #D5DDD9;
	}

	#player_details .div_features .row {
		border-bottom: 1px solid #D5DDD9;
		height: 65px;
	}

	#player_details .div_features .titulos {
		font: 800 12px/2.6 var(--typography-main-font);
		color: #505050;
		display: inline-table;
		width: 100%;
		text-align: center;
		margin-top: -5px;
		text-transform: uppercase;
	}

	#player_details .div_features .notas {
		font: 700 22px var(--typography-main-font);
		color: #505050;
	}

	#player_details .rating_user {
		color: #3B3B3B;
		cursor: pointer;
		margin-top: -10px;
	}

	#player_details .rating_user .rating_user_star {
		width: 35px;
		height: 40px;
		float: left;
		border-right: 1px solid #B6B8B7;
		margin: 5px 0 0 -5px;
	}

	/*#player_details .rating_user .rating_user_points {}*/

	#player_details .rating_user .rating_user_votes {
		height: 18px;
		float: right;
	}

	#player_details .rating_user .rating_user_votes h1 {
		font: 700 16px/0.5 var(--typography-main-font);
		margin: 0;
		border: none;
		text-align: center;
		top: -20px;
		right: 0;
		position: absolute;
		display: inline-table;
	}

	#player_details .rating_user .rating_user_votes .n_votos {
		font: 700 10px var(--typography-main-font);
		color: #3B3B3B;
		line-height: normal;
		top: -5px;
		position: relative;
		text-align: left;
	}

	#player_details .Rating {
		color: #3B3B3B;
		text-transform: uppercase;
		cursor: default;
		width: 100%;
		text-align: center;
	}

	#player_details .escalao {
		color: #3B3B3B;
		text-transform: uppercase;
		cursor: default;
		letter-spacing: -1px;
		text-align: center;
		border-bottom: none !important;
	}


	/*=======================================================================
	Venues
=======================================================================*/
	#Network_details .div_classificacoes {
		border-left: 1px solid #D5DDD9;
		top: -10px;
		padding: 10px;
		cursor: pointer;
	}

	#Network_details .div_classificacoes .boxes {
		border-bottom: 1px solid #D5DDD9;
		height: 65px;
	}

	#Network_details .div_classificacoes .boxes h1 {
		font: 700 14px/0 var(--typography-main-font);
		color: #505050;
		padding-bottom: 6px;
		text-align: center;
		text-transform: uppercase;
		border: none;
	}

	#Network_details .div_classificacoes .estrela {
		float: left;
	}

	#Network_details .div_classificacoes .votacao {
		font: 700 24px/1 var(--typography-main-font);
		letter-spacing: -2px;
		text-align: center;
		display: inline-table;
	}

	#Network_details .div_classificacoes .n_votos {
		font: 700 10px var(--typography-main-font);
		color: #3B3B3B;
		display: inline-table;
		text-align: center;
	}

	/*=======================================================================
	Btn Quick Profile
=======================================================================*/
	#player_details a.photo-quick,
	#player_details a.locations-quick,
	#player_details a.send-quick,
	#player_details a.challenge-quick,
	#player_details a.friend-quick,
	#player_details a.unfriend-quick {
		margin: 0px 5px 0 10px !important;
		float: left !important;
	}



	/*=======================================================================
	Contacts & Invite
=======================================================================*/
	#div_click_feedback,
	#div_click_invite {
		display: none;
	}



	/*=======================================================================
	Botões Venues
=======================================================================*/
	#Network_details .barra_btn {
		margin: 35px 0 0 0;
		border-top: 1px solid #E6E6E6;
		border-left: none;
		border-right: none;
		padding: 0;
		bottom: 0;
		position: absolute;
	}


	#Network_details .barra_btn a.book {
		background: url(../img/sprite-btn-venues.png) 0px -360px no-repeat !important;
		width: 50px;
		height: 50px;
		padding: 0 !important;
		margin: 0 !important;
		border-left: 1px solid #DBDBDB;
		border-right: 1px solid #DBDBDB;
		text-indent: -9999px;
	}

	#Network_details .barra_btn a.book:hover {
		background: url(../img/sprite-btn-venues.png) 0px -419px no-repeat #fff !important;
		-moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0.2);
		-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.2);
		box-shadow: 0 0 0 rgba(0, 0, 0, 0.15);
		border-left: 1px solid #DBDBDB;
		border-right: 1px solid #DBDBDB;
	}

	#Network_details .barra_btn a.claim {
		background: url(../img/sprite-btn-venues.png) 0px -608px no-repeat #5AB004 !important;
		width: 50px;
		height: 50px;
		padding: 0 !important;
		margin: 0 !important;
		border-left: 1px solid #DBDBDB;
		border-right: 1px solid #DBDBDB;
		text-indent: -9999px;
	}

	#Network_details .barra_btn a.claim:hover {
		background: url(../img/sprite-btn-venues.png) 0px -669px no-repeat #8CAD6A !important;
		-moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0.2);
		-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.2);
		box-shadow: 0 0 0 rgba(0, 0, 0, 0.15);
	}

	#Network_details .barra_btn a.facebook {
		background: url('../img/sprite-btn-venues.png') -4px -484px no-repeat !important;
		width: 50px;
		height: 50px;
		padding: 0 !important;
		margin: 0 !important;
		border-left: 1px solid #DBDBDB;
		border-right: 1px solid #DBDBDB;
		text-indent: -9999px;
	}

	#Network_details .barra_btn a.facebook:hover {
		background: url(../img/sprite-btn-venues.png) -4px -545px no-repeat #fff !important;
		-moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0.2);
		-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.2);
		box-shadow: 0 0 0 rgba(0, 0, 0, 0.15);
	}

	#Network_details .barra_btn a.favorites {
		background: url(../img/sprite-btn-venues.png) 0px -120px no-repeat !important;
		width: 50px;
		height: 50px;
		padding: 0 !important;
		margin: 0 !important;
		border-left: 1px solid #DBDBDB;
		border-right: 1px solid #DBDBDB;
		text-indent: -9999px;
	}

	#Network_details .barra_btn a.favorites:hover {
		background: url(../img/sprite-btn-venues.png) 0px -180px no-repeat #fff !important;
		-moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0.2);
		-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.2);
		box-shadow: 0 0 0 rgba(0, 0, 0, 0.15);
		border-right: 1px solid #EBEBEB;
	}

	#Network_details .barra_btn a.send {
		background: url(../img/sprite-btn-venues.png) -4px -4px no-repeat !important;
		width: 50px;
		height: 50px;
		padding: 0 !important;
		margin: 0 !important;
		border-left: 1px solid #DBDBDB;
		border-right: 1px solid #DBDBDB;
		text-indent: -9999px;
	}

	#Network_details .barra_btn a.send:hover {
		background: url(../img/sprite-btn-venues.png) -4px -64px no-repeat #fff !important;
		-moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0.2);
		-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.2);
		box-shadow: 0 0 0 rgba(0, 0, 0, 0.15);
	}

	#Network_details .barra_btn a.sugestion {
		background: url(../img/sprite-btn-venues.png) -4px -243px no-repeat !important;
		width: 50px;
		height: 50px;
		padding: 0 !important;
		margin: 0 !important;
		border-left: 1px solid #DBDBDB;
		border-right: 1px solid #DBDBDB;
		text-indent: -9999px;
	}

	#Network_details .barra_btn a.sugestion:hover {
		background: url(../img/sprite-btn-venues.png) -4px -304px no-repeat #fff !important;
		-moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0.2);
		-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.2);
		box-shadow: 0 0 0 rgba(0, 0, 0, 0.15);
		border-right: 1px solid #EBEBEB;
	}

	#Network_details .barra_btn a.local_player {
		background: url(../img/sprite-btn-venues.png) -4px -727px no-repeat !important;
		width: 50px;
		height: 50px;
		padding: 0 !important;
		margin: 0 !important;
		border-left: 1px solid #DBDBDB;
		border-right: 1px solid #DBDBDB;
		text-indent: -9999px;
	}

	#Network_details .barra_btn a.local_player:hover {
		background: url(../img/sprite-btn-venues.png) -4px -787px no-repeat #fff !important;
		-moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0.2);
		-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.2);
		box-shadow: 0 0 0 rgba(0, 0, 0, 0.15);
	}


}