@charset "utf-8";
/* CSS Document */


/* título da página modificado */

.pag > .esp_titulo {}


/* caixa com aceite do radar */

.box_radar { position:fixed; left:50%; top:50%; margin:-120px 0 0 0px; width:400px; height:240px; background:var(--blue)FFF; border:8px solid #DDD; z-index:999999; padding:4px; }
.box_radar .at_titulo { height:40px; background:var(--gold); color:var(--blue)FFF; text-align:center; line-height:40px; position:relative; }
.box_radar .at_titulo:before { content:""; position:absolute; left:0; top:0; background:url(https://d3uoy00rlf75l0.cloudfront.net/site/www/radarx40.png) no-repeat 0 0; width:40px; height:40px; border-right:4px solid var(--blue); }
.box_radar .at_espaco { height:120px; overflow:auto; margin:20px; font-size:10pt; }
.box_radar .at_btn1 { position:absolute; left:80px; bottom:4px; cursor:pointer; border:1px solid #CCC; padding:6px 32px; background:var(--gold); color:var(--blue); font-size:10pt; }
.box_radar .at_btn2 { position:absolute; right:80px; bottom:4px; cursor:pointer; border:1px solid #CCC; padding:6px 32px; background:var(--gold); color:var(--blue); font-size:10pt; }

.box_radar .at_btn1:hover,
.box_radar .at_btn2:hover { text-decoration:underline; }

.btnMaisRadar { float:right; line-height:28px; height:28px; padding:8px 18px; margin:8px 2px 0; background:var(--gold); color:var(--blue); font-size:10pt; }


/* botão do radar */

.btn_salvar_radar { position:absolute; right:4px; bottom:4px; height:40px; line-height:40px; text-shadow:none; cursor:pointer; border:1px solid #CCC; padding:0 12px 0 44px; background:var(--gold); color:var(--blue); font-size:10pt; }
.btn_salvar_radar:before { content:""; position:absolute; left:0; top:0; background:url(https://d3uoy00rlf75l0.cloudfront.net/site/www/radarx40.png) no-repeat 0 0; width:40px; height:40px; }


/* espaço para configuração */

.esp_titulo { padding:20px 20px 20px 20px !important; }
.esp_radares { position:relative; margin:10px 10px 10px 20px; }


.esp_radares > .stit { font-size:14pt; color:var(--gold); margin:40px 0 8px 0; }

.esp_radares > .texto { margin:14px 0 0 0; font-size:10pt; }

.esp_radares > .hist_radar { margin:14px 0 0 0; font-size:10pt; }
.esp_radares > .hist_radar > .radar { border-bottom:1px solid #f9f9f9; margin:2px 0 20px 0; padding:0 0 2px 0; }
.esp_radares > .hist_radar > .radar > .ra_data { float:left; width:120px; height:32px; line-height:32px; }
.esp_radares > .hist_radar > .radar > .ra_desc { float:left; line-height:18px; padding:7px 0; }
.esp_radares > .hist_radar > .radar > a > .ra_btn { float:left; line-height:32px; height:32px; padding:2px 22px; background:var(--gold); color:var(--blue); margin:0 8px 0 0; cursor:pointer; border-radius: 10px; }
.esp_radares > .hist_radar > .radar > a > .ra_btn_d { float:right; line-height:32px; height:32px; padding:2px 22px; background:var(--gold); color:var(--blue); margin:0 8px 0 0; cursor:pointer; }

.esp_radares > .criar_radar { margin:14px 0 0 0; font-size:10pt; }
.esp_radares > .criar_radar > div { margin:4px 0; }
.esp_radares > .criar_radar > div > .lbl { float:left; line-height:32px; height:32px; width:160px; }
.esp_radares > .criar_radar > div > .txt { float:left; line-height:32px; height:32px; margin:0 4px; position:relative; border:1px solid #f0f0f0; border-radius: 10px; padding:3px; }
.esp_radares > .criar_radar > div > .val { float:left; line-height:32px; height:32px; margin:0 4px; position:relative; border:1px solid #f0f0f0; border-radius: 10px; padding:3px; }

.esp_radares > .criar_radar > .btn { float:left; line-height:34px; height:34px; padding:0 0; margin:12px 0 0 164px; background:var(--gold); color:var(--blue); cursor:pointer; text-align:center; width:140px; font-weight: bold; border-radius:10px; }

.esp_radares > .criar_radar > div > .txt > input,
.esp_radares > .criar_radar > div > .txt > select { line-height:30px; height:30px; width:240px; padding:0; margin:0; border:none; background: #fff; }
.esp_radares > .criar_radar > div > .val > input { line-height:30px; height:30px; width:112px; padding:0; margin:0; border:none; border-radius: 10px; }

.esp_radares > .criar_radar > div > .txt > .cmb_sel_artista { position:absolute; left:0; top:32px; width:300px; height:200px; border:4px solid #DDD; background:var(--blue); z-index:9999999; display:none; overflow:auto; }
.esp_radares > .criar_radar > div > .btn { cursor:pointer; line-height:32px; height:32px; background:var(--gold); color:var(--blue); float:left; padding:4px 20px;  font-weight: bold; margin:0 0 0 4px; text-align:center; width:140px; border-radius: 10px; }

.cmb_sel_artista > .ar { line-height:32px; height:32px; margin:0 8px; cursor:pointer; color: #fff; }



@media ( max-width: 1000px ) {

    /* caixa com aceite do radar */

    .box_radar { position:fixed; left:50%; top:50%; margin:-120px 0 0 0px; width:400px; height:240px; background:var(--blue)FFF; border:8px solid #DDD; z-index:999999; padding:4px; }
    .box_radar .at_titulo { height:40px; background:var(--gold); color:var(--blue)FFF; text-align:center; line-height:40px; position:relative; }
    .box_radar .at_titulo:before { content:""; position:absolute; left:0; top:0; background:url(https://d3uoy00rlf75l0.cloudfront.net/site/www/radarx40.png) no-repeat 0 0; width:40px; height:40px; border-right:4px solid var(--blue); }
    .box_radar .at_espaco { height:120px; overflow:auto; margin:20px; font-size:10pt; }
    .box_radar .at_btn1 { position:absolute; left:80px; bottom:4px; cursor:pointer; border:1px solid #CCC; padding:6px 32px; background:var(--gold); color:var(--blue); font-size:10pt; }
    .box_radar .at_btn2 { position:absolute; right:80px; bottom:4px; cursor:pointer; border:1px solid #CCC; padding:6px 32px; background:var(--gold); color:var(--blue); font-size:10pt; }

    .box_radar .at_btn1:hover,
    .box_radar .at_btn2:hover { text-decoration:underline; }

    .btnMaisRadar { float:right; line-height:28px; height:28px; padding:8px 18px; margin:8px 2px 0; background:var(--gold); color:var(--blue); font-size:10pt; }


    /* botão do radar */

    .btn_salvar_radar { position:absolute; right:4px; bottom:4px; height:40px; line-height:40px; text-shadow:none; cursor:pointer; border:1px solid #CCC; padding:0 12px 0 44px; background:var(--gold); color:var(--blue); font-size:10pt; }
    .btn_salvar_radar:before { content:""; position:absolute; left:0; top:0; background:url(https://d3uoy00rlf75l0.cloudfront.net/site/www/radarx40.png) no-repeat 0 0; width:40px; height:40px; }


    /* espaço para configuração */

    .esp_titulo { padding:20px 0 20px 0 !important; }
    .esp_radares { position:relative; margin:10px 0 10px 0; padding:0 20px; }


    .esp_radares > .stit { font-size:14pt; color:var(--gold); margin:40px 0 8px 0; }

    .esp_radares > .texto { margin:14px 0 0 0; font-size:10pt; }

    .esp_radares > .hist_radar { margin:14px 0 0 0; font-size:10pt; }
    .esp_radares > .hist_radar > .radar { border-bottom:1px solid #f9f9f9; margin:2px 0 20px 0; padding:0 0 2px 0; }
    .esp_radares > .hist_radar > .radar > .ra_data { float:left; width:120px; height:32px; line-height:32px; }
    .esp_radares > .hist_radar > .radar > .ra_desc { float:left; line-height:18px; padding:7px 0; }
    .esp_radares > .hist_radar > .radar > a > .ra_btn { float:left; line-height:32px; height:32px; padding:0 8px; background:var(--gold); color:var(--blue); margin:0 8px 0 0; cursor:pointer; }
    .esp_radares > .hist_radar > .radar > a > .ra_btn_d { float:right; line-height:32px; height:32px; padding:0 8px; background:var(--gold); color:var(--blue); margin:0 8px 0 0; cursor:pointer; }

    .esp_radares > .criar_radar { margin:14px 0 0 0; font-size:10pt; }
    .esp_radares > .criar_radar > div { margin:4px 0; }
    .esp_radares > .criar_radar > div > .lbl { float:none; line-height:32px; height:32px; width:160px; margin:18px 0 0; }
    .esp_radares > .criar_radar > div > .txt { float:left; line-height:32px; height:32px; margin:0 4px; position:relative; border:1px solid #666; }
    .esp_radares > .criar_radar > div > .val { float:left; line-height:32px; height:32px; margin:0 4px; position:relative; border:1px solid #666; }

    .esp_radares > .criar_radar > .btn { float:left; line-height:32px; height:32px; padding:0 16px; margin:12px 0 0 164px; background:var(--gold); color:var(--blue); cursor:pointer; }

    .esp_radares > .criar_radar > div > .txt > input,
    .esp_radares > .criar_radar > div > .txt > select { line-height:32px; height:32px; padding:0; margin:0; border:1px solid #333; }

    .esp_radares > .criar_radar > div > .txt > #cmb_sel_artista { position:absolute; left:0; top:32px; width:300px; height:200px; border:4px solid #DDD; background:var(--blue); z-index:9999999; display:none; overflow:auto; }
    #cmb_sel_artista > .ar { line-height:32px; height:32px; margin:0 8px; cursor:pointer; }

}



@media ( max-width: 600px ) {

    /* caixa com aceite do radar */

    .box_radar { position:fixed; left:50%; top:50%; margin:-120px 0 0 0px; width:400px; height:240px; background:var(--blue)FFF; border:8px solid #DDD; z-index:999999; padding:4px; }
    .box_radar .at_titulo { height:40px; background:var(--gold); color:var(--blue)FFF; text-align:center; line-height:40px; position:relative; }
    .box_radar .at_titulo:before { content:""; position:absolute; left:0; top:0; background:url(https://d3uoy00rlf75l0.cloudfront.net/site/www/radarx40.png) no-repeat 0 0; width:40px; height:40px; border-right:4px solid var(--blue); }
    .box_radar .at_espaco { height:120px; overflow:auto; margin:20px; font-size:10pt; }
    .box_radar .at_btn1 { position:absolute; left:80px; bottom:4px; cursor:pointer; border:1px solid #CCC; padding:6px 32px; background:var(--gold); color:var(--blue); font-size:10pt; }
    .box_radar .at_btn2 { position:absolute; right:80px; bottom:4px; cursor:pointer; border:1px solid #CCC; padding:6px 32px; background:var(--gold); color:var(--blue); font-size:10pt; }

    .box_radar .at_btn1:hover,
    .box_radar .at_btn2:hover { text-decoration:underline; }

    .btnMaisRadar { float:right; line-height:28px; height:28px; padding:8px 18px; margin:8px 2px 0; background:var(--gold); color:var(--blue); font-size:10pt; }


    /* botão do radar */

    .btn_salvar_radar { position:absolute; right:4px; bottom:4px; height:40px; line-height:40px; text-shadow:none; cursor:pointer; border:1px solid #CCC; padding:0 12px 0 44px; background:var(--gold); color:var(--blue); font-size:10pt; }
    .btn_salvar_radar:before { content:""; position:absolute; left:0; top:0; background:url(https://d3uoy00rlf75l0.cloudfront.net/site/www/radarx40.png) no-repeat 0 0; width:40px; height:40px; }


    /* espaço para configuração */

    .esp_titulo { padding:20px 0 20px 0 !important; }
    .esp_radares { position:relative; margin:10px 0 10px 0;  padding:0 20px; }


    .esp_radares > .stit { font-size:14pt; color:var(--gold); margin:40px 0 8px 0; }

    .esp_radares > .texto { margin:14px 0 0 0; font-size:10pt; }

    .esp_radares > .hist_radar { margin:14px 0 0 0; font-size:10pt; }
    .esp_radares > .hist_radar > .radar { border-bottom:1px dotted #CCC; margin:2px 0 0 0; padding:0 0 2px 0; }
    .esp_radares > .hist_radar > .radar > .ra_data { float:left; width:120px; height:32px; line-height:32px; }
    .esp_radares > .hist_radar > .radar > .ra_desc { float:left; line-height:18px; padding:7px 0; }
    .esp_radares > .hist_radar > .radar > a > .ra_btn { float:left; line-height:32px; height:32px; padding:0 8px; background:var(--gold); color:var(--blue); margin:0 8px 0 0; cursor:pointer; }
    .esp_radares > .hist_radar > .radar > a > .ra_btn_d { float:right; line-height:32px; height:32px; padding:0 8px; background:var(--gold); color:var(--blue); margin:0 8px 0 0; cursor:pointer; }

    .esp_radares > .criar_radar { margin:14px 0 0 0; font-size:10pt; }
    .esp_radares > .criar_radar > div { margin:4px 0; }
    .esp_radares > .criar_radar > div > .lbl { float:none; line-height:32px; height:32px; width:160px; margin:18px 0 0; }
    .esp_radares > .criar_radar > div > .txt { float:none; line-height:32px; height:32px; margin:4px; position:relative; border:none; }
    .esp_radares > .criar_radar > div > .val { float:left; line-height:32px; height:32px; margin:4px; position:relative; border:1px solid #666; }

    .esp_radares > .criar_radar > .btn { float:left; line-height:32px; height:32px; padding:0 16px; margin:12px 0 0 164px; background:var(--gold); color:var(--blue); cursor:pointer; }

    .esp_radares > .criar_radar > div > .txt > input,
    .esp_radares > .criar_radar > div > .txt > select { line-height:32px; height:32px; padding:0; margin:0; border:1px solid #333; }

    .esp_radares > .criar_radar > div > .txt > #cmb_sel_artista { position:absolute; left:0; top:32px; width:300px; height:200px; border:4px solid #DDD; background:var(--blue); z-index:9999999; display:none; overflow:auto; }
    #cmb_sel_artista > .ar { line-height:32px; height:32px; margin:0 8px; cursor:pointer; }

}



@media ( max-width: 420px ) {

    /* caixa com aceite do radar */

    .box_radar { position:fixed; left:50%; top:50%; margin:-120px 0 0 0px; width:400px; height:240px; background:var(--blue)FFF; border:8px solid #DDD; z-index:999999; padding:4px; }
    .box_radar .at_titulo { height:40px; background:var(--gold); color:var(--blue)FFF; text-align:center; line-height:40px; position:relative; }
    .box_radar .at_titulo:before { content:""; position:absolute; left:0; top:0; background:url(https://d3uoy00rlf75l0.cloudfront.net/site/www/radarx40.png) no-repeat 0 0; width:40px; height:40px; border-right:4px solid var(--blue); }
    .box_radar .at_espaco { height:120px; overflow:auto; margin:20px; font-size:10pt; }
    .box_radar .at_btn1 { position:absolute; left:80px; bottom:4px; cursor:pointer; border:1px solid #CCC; padding:6px 32px; background:var(--gold); color:var(--blue); font-size:10pt; }
    .box_radar .at_btn2 { position:absolute; right:80px; bottom:4px; cursor:pointer; border:1px solid #CCC; padding:6px 32px; background:var(--gold); color:var(--blue); font-size:10pt; }

    .box_radar .at_btn1:hover,
    .box_radar .at_btn2:hover { text-decoration:underline; }

    .btnMaisRadar { float:right; line-height:28px; height:28px; padding:8px 18px; margin:8px 2px 0; background:var(--gold); color:var(--blue); font-size:10pt; }


    /* botão do radar */

    .btn_salvar_radar { position:absolute; right:4px; bottom:4px; height:40px; line-height:40px; text-shadow:none; cursor:pointer; border:1px solid #CCC; padding:0 12px 0 44px; background:var(--gold); color:var(--blue); font-size:10pt; }
    .btn_salvar_radar:before { content:""; position:absolute; left:0; top:0; background:url(https://d3uoy00rlf75l0.cloudfront.net/site/www/radarx40.png) no-repeat 0 0; width:40px; height:40px; }


    /* espaço para configuração */

    .esp_titulo { padding:20px 0 20px 0 !important; }
    .esp_radares { position:relative; margin:10px 0 10px 0; padding:0 20px; }


    .esp_radares > .stit { font-size:14pt; color:var(--gold); margin:40px 0 8px 0; }

    .esp_radares > .texto { margin:14px 0 0 0; font-size:10pt; }

    .esp_radares > .hist_radar { margin:14px 0 0 0; font-size:10pt; }
    .esp_radares > .hist_radar > .radar { border-bottom:1px dotted #CCC; margin:18px 0 0 0; padding:0 0 2px 0; }
    .esp_radares > .hist_radar > .radar > .ra_data { float:left; width:120px; height:32px; line-height:32px; }
    .esp_radares > .hist_radar > .radar > .ra_desc { float:left; line-height:18px; padding:7px 0; }
    .esp_radares > .hist_radar > .radar > a > .ra_btn { float:left; line-height:32px; height:32px; padding:0 8px; background:var(--gold); color:var(--blue); margin:0 8px 0 0; cursor:pointer; }
    .esp_radares > .hist_radar > .radar > a > .ra_btn_d { float:right; line-height:32px; height:32px; padding:0 8px; background:var(--gold); color:var(--blue); margin:0 8px 0 0; cursor:pointer; }

    .esp_radares > .criar_radar { margin:14px 0 0 0; font-size:10pt; }
    .esp_radares > .criar_radar > div { margin:4px 0; }
    .esp_radares > .criar_radar > div > .lbl { float:none; line-height:32px; height:32px; width:160px; margin:18px 0 0; }
    .esp_radares > .criar_radar > div > .txt { float:none; line-height:32px; height:32px; margin:4px; position:relative; border:none }
    .esp_radares > .criar_radar > div > .val { float:left; line-height:32px; height:32px; margin:4px; position:relative; border:1px solid #666; }

    .esp_radares > .criar_radar > .btn { float:none; line-height:32px; height:32px; padding:0 16px; margin:12px 0 0 0px; background:var(--gold); color:var(--blue); cursor:pointer; }

    .esp_radares > .criar_radar > div > .txt > input,
    .esp_radares > .criar_radar > div > .txt > select { line-height:32px; height:32px; padding:0; margin:0; border:1px solid #333; }

    .esp_radares > .criar_radar > div > .txt > #cmb_sel_artista { position:absolute; left:0; top:32px; width:300px; height:200px; border:4px solid #DDD; background:var(--blue); z-index:9999999; display:none; overflow:auto; }
    #cmb_sel_artista > .ar { line-height:32px; height:32px; margin:0 8px; cursor:pointer; }

}