/*======================================================================= ❤❤❤ Gumby by Digital Surgeons. ❤❤❤ *** This is where you should keep all of your design specific styles *** ========================================================================*/ /*html{background: #F0F0F0;}*/ .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_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 .rsHeader h2 {color: #FFFEFE!important; font-weight:800;} .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: 'Roboto', sans-serif;} .popup_rec .rec_img {width: 600px;height:240px;} .popup_rec .rec_content_description {font-size: 24px;font-family: 'Roboto', sans-serif;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;} .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; } .margin_10 { margin: 10px !important; } .RadPanelBar .rpSlide { position:static!important; } *[mytitle]:hover:after { content: attr(mytitle); padding: 4px 8px; color: #fff; position: absolute; margin-top:23px; white-space: nowrap; z-index: 999; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; background-color:#25A0DA; line-height:18px; font: 500 12px/1.6 'Open Sans', sans-serif !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;}*/ } .display_inline_block{display:inline-block!important;} /*não fazer drag da imagem nos rotator's*/ .RadRotator img{pointer-events:none;} /* *{outline: none;} */ table, .RadGrid { outline: none; } .content_news{font-size:13px;} .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:13px;font-weight:600;} .NewsText a {font: 800 12px/1.6 'Open Sans', sans-serif;} .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 .rsApt{cursor:pointer;} /*.RadScheduler .rsAptResize{display:none;}*/ .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: #F7F7F7; 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:13px;font-weight:500; margin: 0 0 0 4px; } .itemgrid, .alternatingItemgrid { float: left; margin: 7px; width: 150px; height: 110px; border: 1px solid #eee; font-size:13px; 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; } .rsAptResizeStart{display:none;} li{margin-bottom:0px;} .RadPanelBar .rpText{padding: 16px 15px 0 30px !important;font: 600 12px 'Open Sans', sans-serif !important;/*color: #555;*/left: 15px;position: relative;} fieldset{padding:0px 0px 0px 5px;border:solid 1px #ddd;margin:18px 0;} /*.rsAptDelete{background-color:red !important;}*/ /*000000000000000000000000000000000000000000000000000*/ html, body {min-height: 100%;} body { font: 500 12px/1.6 'Open Sans', sans-serif !important; color:#3b3b3b; background:#F0F0F0; margin-top: 20px;} .bg-pattern { background-image: url("/img/bg_padrao.png"); position: absolute; height: 100%; width: 100%; z-index: -1; } .head-gradient { background: url("../img/header-gradiante-admin.png") repeat-x; position: fixed; height: 100%; width: 100%; z-index: -1; } p { font-size: 13px; } h1, h2, h3, h4, h5, h6 { 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 'Open Sans', sans-serif !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: #089ad3; 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: #215572; } .* { margin: 0; padding: 0; line-height: 1.6 !important; 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{ background: #089ad3; position: fixed; top: 0; left: 0; width: 100%; 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; filter:alpha(opacity=95); color:#fff; min-height: 47px;} .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 'Open Sans', sans-serif !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 'Open Sans', sans-serif !important;} .quick_access_admin { font: 600 12px/1.6 'Open Sans', sans-serif; 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; 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 12px 'Open Sans', sans-serif !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;} .dashboard { background: url('../img/sprite-toolbar-admin.png') no-repeat 0px -276px; color:#B9E1F8 ; 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); padding: 15px 15px 18px 30px; margin-left: -3px; } .dashboard:hover, .dashboard:focus { background: url('../img/sprite-toolbar-admin.png') no-repeat 0 -316px; background-color:#146B8E; color:#fff; } .logout { background: url('../img/sprite-toolbar-admin.png') no-repeat 0 -355px; color:#B9E1F8 ; 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); padding: 15px 15px 18px 30px; margin-left: -3px;} .logout:hover, .logout:focus { background: url('../img/sprite-toolbar-admin.png') no-repeat 0 -395px; background-color:#146B8E; color:#fff;} .challenges{ padding: 0 0 0 42px; height:26px; background: url(../img/icons/toolbar-challenges.png) no-repeat 16px 5px; } .mensagem { background: url('../img/sprite-toolbar-admin.png') no-repeat 0 -36px; color:#B9E1F8 ; border-left: 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-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); padding: 15px 20px 19px 30px; margin-left: 6px;} .mensagem:hover, .mensagem:focus { background: url('../img/sprite-toolbar-admin.png') no-repeat 0 -76px; background-color:#146B8E; color:#fff;} .mytie { background: url('../img/sprite-toolbar-admin.png') no-repeat 0px -115px; background-image:none; color:#B9E1F8 ; 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); padding: 15px 20px 19px 30px; margin-left: -3px; padding-left: 15px; padding-right: 15px; text-align: center; } .mytie:hover, .mytie:focus { background: url('../img/sprite-toolbar-admin.png') no-repeat 0 -154px; background-color:#146B8E; color:#fff; background-image:none;} .schedule { background: url('../img/sprite-toolbar-admin.png') no-repeat 0px -195px; color:#B9E1F8 ; 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); padding: 15px 15px 18px 30px; margin-left: -3px;} .schedule:hover, .schedule:focus {background: url('../img/sprite-toolbar-admin.png') no-repeat 0 -236px; background-color:#146B8E; color:#fff;} /*======================================================================= nº de mensagens =======================================================================*/ .notice { position: relative; left: 10px; padding: 0px 4px 0px 4px; line-height: 14px; font-size: 10px; font-weight: bold; color: #FFF; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .priority { border: 1px solid #1F4F69; background: #215572;} .priority:hover { color: #fff; border: 1px solid #215572; background: #215572; } /*======================================================================= FACEBOOK =======================================================================*/ .div_nao_logado { display: inline-block; width:100%; margin:0;} .div_logado { display: inline-block; width:100%; 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:-22px; 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;} .box_notifications {-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;background: #089ad3; z-index:1;height: 100%; width:200px; /*top: 12px;*/top:-18px; position: relative; left: 32px; font: 600 12px/2 'Open Sans', sans-serif; } .box_notifications ul { padding: 15px 0 0 16px; text-align: left; width: 165px; } .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:#fff; } .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 'Open Sans', sans-serif; text-decoration: none;} .forgot:hover{ color:#fff;} .guardar_cookie {position: absolute; left: 38px; top: 167px; font: 400 10px 'Open Sans', sans-serif; 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 "OpenSans",Arial,Helvetica,sans-serif; } /*======================================================================= Icons Datatables ========================================================================*/ .icon-active {background: url('../img/sprite-btn-datatables.png') no-repeat 1px -931px #F3F3F3; border: 1px solid #D9D9D9; border-radius:3px; -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 1px -901px #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-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-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-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-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} .icon-inactive {background: url('../img/sprite-btn-datatables.png') no-repeat 1px -901px #F3F3F3; border: 1px solid #D9D9D9; border-radius: 3px; -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 1px -931px #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-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 .rgRow a, .RadGrid_Metro .rgAltRow a, .RadGrid_Metro tr.rgEditRow a, .RadGrid_Metro .rgFooter a, .RadGrid_Metro .rgEditForm a { font: 400 12px 'Open Sans', sans-serif; color: #089ad3; height: 30px !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 'Open Sans', sans-serif; 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 'Open Sans', sans-serif !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 'Open Sans', sans-serif; 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 ========================================================================*/ .container { margin:30px 0 85px 0;} .page_inner { min-height: 400px; margin: -2px 0px 0px -2px; font: 600 12px 'Open Sans', sans-serif; } .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 'Open Sans', sans-serif; margin:0; color:#333;} .formularios_imput { width:80%; } .formularios .form .label { font: 500 12px 'Open Sans', sans-serif !important; margin: 0 0 0 4px; } form textarea { height:50px; width:75%; border: 1px solid #C9C9C9; padding: 8px;font-size:13px;} .filtros { font: 600 12px/1.6 'Open Sans', sans-serif; padding-bottom: 20px;} /*======================================================================= Mapa Google ========================================================================*/ .gm-style-iw a {font: 700 14px 'Open Sans', sans-serif !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;} .RadCalendar_Metro .rcRow th,.RadCalendar_Metro .rcWeek .rcViewSel,.RadCalendar_Default .rcRow th,.RadCalendar_Default .rcWeek .rcViewSel { display:none;} .RadPanelBar_MetroTouch .rpSlide { padding: 15px !important; } .RadGrid_MetroTouch .rgFooter td { border-top: 1px solid #DDD!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 #ccc !important; } .RadGrid_Default .rgHeader, .RadGrid_Default th.rgResizeCol { border-bottom: 1px solid #ccc !important; background: none!important; } /*======================================================================= 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 'Open Sans', sans-serif !important;}*/ .bg_separadores { border:1px #D7D7D8 solid; background: #fff;} .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: #FFF; 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%; 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; -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; -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; -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; -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; -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; -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; -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; -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; -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; -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; -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; -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; -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; -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; -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; -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; -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; -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; -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; -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; -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; -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; -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; -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; -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; -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; -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; -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; -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; -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; -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; -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; -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; -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; -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; -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; -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; -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; -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; -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; -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; -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; -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; -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; -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; -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; -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; -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; -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; -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; -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; -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; -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; -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; -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; -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; -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; -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; -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; -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; -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; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=75);} /*======================================================================= Rating's (user e player) & Age Group ========================================================================*/ #player_details .div_features { border-left: 1px solid #C0C0C0; top:-10px; position:relative; padding:10px; cursor:pointer} #player_details .div_features .row { border-bottom: 1px solid #C0C0C0; height:65px; padding: 10px 0 10px 0;} #player_details .div_features .titulos { font: 700 14px/2.5 'Open Sans', sans-serif; color: #505050; display: inline-table; width: 100%; text-align: center; margin-top: -5px; text-transform: uppercase;} #player_details .div_features .notas { font: 700 22px 'Open Sans', sans-serif; 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 'Open Sans', sans-serif; margin:0; border:none; text-align:center; position: absolute; display: inline-table;} #player_details .rating_user .rating_user_votes .n_votos {font: 700 10px 'Open Sans', sans-serif; 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 'Open Sans', sans-serif; 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 'Open Sans', sans-serif; letter-spacing: -2px; text-align: center; display: inline-table;} #Network_details .div_classificacoes .n_votos { font: 700 10px 'Open Sans', sans-serif; color: #3B3B3B; display: inline-table; text-align: center;} /*======================================================================= Botões Network =======================================================================*/ #Network_details .barra_btn { font: 600 12px/1.6 'Open Sans', sans-serif !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 12px/1.6 'Open Sans', sans-serif !important; margin:15px 0 20px 0; background:#F4F4F4; border: 1px solid #D6D5D5; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;} .barra_btn a.add { background: url(../img/sprite-admin.png) 0px -474px no-repeat; border:none; margin:0; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; padding: 8px 10px 8px 35px !important; border-left: 1px solid #DDD; border-right: 1px solid #DDD;} .barra_btn a.add:hover, .barra_btn a.add:focus { background: url(../img/sprite-admin.png) 0px -514px 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 #EBEBEB; border-right: 1px solid #EBEBEB; margin:0; padding: 8px 10px 8px 35px !important;} .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 { background: url(../img/sprite-admin.png) 0px -154px 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.options:hover, .barra_btn a.options:focus { background: url(../img/sprite-admin.png) 0px -194px 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.back { background: url(../img/sprite-admin.png) 0px -1435px 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.back:hover, .barra_btn a.back:focus { background: url(../img/sprite-admin.png) 0px -1475px 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.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; } .campos_titulos { display: block; font: 700 12px 'Open Sans', sans-serif !important; color:#444; } .campos_titulos_black { display: table-header-group; color: #444; 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: 13px; -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%; } .RadAutoCompleteBox_Metro .racTokenList {border: 1px solid #B6B8B7 !important; padding: 6px!important; } select { padding: 1px; height:30px; line-height:30px; } 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 ========================================================================*/ html body .RadInput_Default .riTextBox, html body .RadInputMgr_Default { border: 1px solid #B6B8B7 !important; background:#fff !important; color:#333 !important;} html body .riSingle .riTextBox, html body .riSingle .riTextBox[type="text"] { background:#fff; color:#333;} .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; } /*===Bg Tabs===*/ .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 1px #FFF !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: #fff; /* Old browsers */ border-top: 1px solid rgba(0, 0, 0, 0.4); } /*===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; } .RadPanelBar_MetroTouch .rpLink.rpExpanded, .RadPanelBar_MetroTouch .rpHeaderTemplate.rpExpanded { border-bottom: 1px solid #CDCDCD !important; color: #FFF !important; background-color: #25A0DA !important;} .RadPanelBar_MetroTouch .rpRootGroup { border: 1px solid #D8D8D8 !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; } .RadPanelBar_MetroTouch .rpExpandable .rpExpandHandle { background: url(../img/sprite-tabs.png) -11px -59px no-repeat !important;} .RadPanelBar_MetroTouch .rpExpanded .rpExpandHandle { background-position: -112px -56px !important;} .RadPanelBar_MetroTouch .rpExpandHandle {border: none!important;} /*======================================================================= Icons tabs ========================================================================*/ .tabs_events { background: url(../img/icons/tabs_events.png) no-repeat ; } .RadPanelBar_MetroTouch { font: 600 12px/1 'Open Sans', sans-serif !important; /*color:#777 !important;*/ } .RadPanelBar_MetroTouch .rpItem { border-top: 1px dotted #D8D8D8 !important; } .RadPanelBar_MetroTouch .rpItem .rpLast{ border-top: 1px dotted #D8D8D8 !important; border-bottom: 2px solid #D8D8D8 !important;} /*Estilos da Tab expandida*/ .RadPanelBar_MetroTouch .rpLink.rpExpanded, .RadPanelBar_MetroTouch .rpHeaderTemplate.rpExpanded {border-bottom: none !important; } .tabs { display: block; } .tabs ul { margin: 0; padding: 0; height: 45px; border-bottom: 0px solid #e1e1e1; font-size: 13px; } .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: #fff; 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 input { padding:6px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; border: 1px solid #B6B8B7; } .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 'Open Sans', sans-serif !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;font: 500 13px/1.6 'Open Sans', sans-serif !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 #E8E8E8;} .row_from:hover{background-color:#f4f6f9; } .from_activo{background-color:#CDE0E9 !important; border-bottom: 1px solid #BDD5E0; color:#333 !important;} .from_activo .titulo_from {color:#1E8FC6 !important;} .titulo_message,.titulo_from {font-weight:700; 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 #E8E8E8; 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; border: 1px solid #CDCECF; padding:2px; -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%; 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 'Open Sans', sans-serif; padding:6px; width:98%;} .post .nome { font: 800 12px 'Open Sans', sans-serif; color:#333; float:left; } .post.info { font: 800 12px 'Open Sans', sans-serif; color:#333; float:right; } .post .data { font: 600 10px 'Open Sans', sans-serif; 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 'Open Sans', sans-serif; -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 'Open Sans', sans-serif; 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 'Open Sans', sans-serif !important;}*/ /*======================================================================= Resultados do Search =======================================================================*/ .searchresult_name{ font: 700 12px 'Open Sans', sans-serif; display:block; } .searchresult_rating { font: 700 12px 'Open Sans', sans-serif; } .searchresult_local{font: 600 9px 'Open Sans', sans-serif;} .searchresult_desc{font: 600 9px 'Open Sans', sans-serif;} /*======================================================================= Tabelas ========================================================================*/ table tbody tr td { padding:0;} table thead tr th, table tbody tr td { font-size:13px;} 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 'Open Sans', sans-serif !important; background: #FFF; width: 100%; margin: 0 0 18px; border: 1px solid #eee; } table tbody tr:nth-child(even) { background: #fff; border-top: 1px dotted #BBB; } table tbody tr td { color: #666; padding: 9px 10px; vertical-align: top; border-bottom: 1px solid #D2D2D2; font-size:13px; font-weight:400; } /*======================================================================= Botões ========================================================================*/ .btn { padding-bottom: 20px;float:left; } a.btn { color: #333; font: 600 12px/3 'Open Sans', sans-serif; text-decoration: none; padding: 0 12px; position: static; display: inline-block; 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: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; margin: 15px 6px 15px 6px; border:1px solid #C6C6C6; } a.btn:hover { color: #089ad3; border-color: #999; -moz-box-shadow: 0 2px 0 (#089ad3 0.2); -webkit-box-shadow:0 2px 5px (#089ad3 0.2); box-shadow: 0 1px 2px (#089ad3 0.15); } 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/sprite.png) 10px -998px 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 { background: url(../img/sprite-admin.png) 2px -723px no-repeat #F7F7F7 ; padding: 0 0 0 0; margin: 2px 1px; height: 32px; width: 40px; } a.locations-quick:hover, a.locations-quick:focus { background: url(../img/sprite-admin.png) 2px -763px #fff no-repeat ;} a.edit-quick { background: url(../img/sprite-admin.png) 1px -4px no-repeat #F3F3F3; padding: 0 0 0 0; margin: 2px 1px; height: 32px; width: 40px; z-index:8; } a.edit-quick:hover, a.edit-quick:focus { background: url(../img/sprite-admin.png) 1px -44px no-repeat #F3F3F3; padding: 0 0 0 0; margin: 2px 1px; height: 32px; width: 40px; z-index:8; } 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 'Open Sans', sans-serif !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 'Open Sans', sans-serif !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 'Open Sans', sans-serif !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 'Open Sans', sans-serif; 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 'Open Sans', sans-serif; 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 'Open Sans', sans-serif; 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: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; text-align:center; margin:0 10px 20px 0; padding-bottom: 20px; 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 1px 2px rgba(0, 0, 0, 0.15); } .btn_red { font: 700 14px 'Open Sans', sans-serif; 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; } .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 'Open Sans', sans-serif; } .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 'Open Sans', sans-serif; } .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); } .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); } .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: rgba(0, 0, 0, 0.07) !important; padding: 11px !important; border: 1px 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_MetroTouch h6 {font: 600 15px/1.6 'Open Sans', sans-serif; margin-bottom: 30px; } div.RadToolTip table.rtWrapper td.rtWrapperContent { padding:20px !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; 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;} .unread {background-color: #DCDEE0 !important;border-top: solid 1px #CADAEE;border-bottom: solid 1px #CADAEE;} #ctl00_ContentPlaceHolder1_RadMultiPage1 .row .read {} .btn_notifications { font: 600 12px/1.6 'Open Sans', sans-serif; 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: 13px; } .grid_item_column0 { font-size: 10px; line-height: 0px; width: 50px; } /*======================================================================= Mensagens sucesso / erro / etc ========================================================================*/ .msg_success {background: #D4F684 url('../img/icons/aviso-sucesso.png') 7px 15px no-repeat; border: 1px solid #739f1d; display:block; padding: 15px 10px 10px 40px; margin: 6px 0; color:#000; font: 600 12px/1.6 'Open Sans', sans-serif; } .msg_success_short{background-color: #D4F684; 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: #FEFFC8 url('../img/icons/aviso-alert.png') 7px 15px no-repeat; border: 1px solid #F1AA2D; display:block; padding: 15px 10px 10px 40px; margin: 6px 0; color:#000; font: 600 12px/1.6 'Open Sans', sans-serif; } .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: #F5D9D9 url('../img/icons/aviso-erro.png') 7px 15px no-repeat; border: 1px solid #D68989; display:block; padding: 15px 10px 10px 40px; margin: 6px 0; color:#000; font: 600 12px/1.6 'Open Sans', sans-serif; } .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;} /*===================================================== 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 'Open Sans', sans-serif;} .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 'Open Sans', sans-serif !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 'Open Sans', sans-serif; background: #089AD3; position: fixed; 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; 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 'Open Sans', sans-serif; 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 'Open Sans', sans-serif; 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 'Open Sans', sans-serif !important;} #Network_details h3 { padding-bottom: 6px; font: 700 16px/2.5 'Open Sans', sans-serif !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 'Open Sans', sans-serif; color: #505050; display: inline-table; width: 100%; text-align: center; margin-top: -5px; text-transform: uppercase;} #player_details .div_features .notas { font: 700 22px 'Open Sans', sans-serif; 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 'Open Sans', sans-serif; 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 'Open Sans', sans-serif; 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 'Open Sans', sans-serif; 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 'Open Sans', sans-serif; letter-spacing: -2px; text-align: center; display: inline-table;} #Network_details .div_classificacoes .n_votos { font: 700 10px 'Open Sans', sans-serif; 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 "OpenSans",Arial,Helvetica,sans-serif; 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 'Open Sans', sans-serif;} #admin-bar .avatar { display: none; } #admin-bar .welcome { padding-left: 4px; } .quick_access {font: 600 12px/1.6 'Open Sans', sans-serif; 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; 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 'Open Sans', sans-serif !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 'Open Sans', sans-serif; color: #505050; display: inline-table; width: 100%; text-align: center; margin-top: -5px; text-transform: uppercase;} #player_details .div_features .notas { font: 700 22px 'Open Sans', sans-serif; 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 'Open Sans', sans-serif; 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 'Open Sans', sans-serif; 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 'Open Sans', sans-serif; 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 'Open Sans', sans-serif; letter-spacing: -2px; text-align: center; display: inline-table;} #Network_details .div_classificacoes .n_votos { font: 700 10px 'Open Sans', sans-serif; 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); } }