/* CSS - Biblioteca de estilos CSS padrão */

/* barra de rolagem customizada */
* {
  scrollbar-color: silver transparent;
  scrollbar-width: thin;
}

/* [A] */

/*...*/

/* [B] */

.box_blue {
   background: #115ACF;
   background-image: -webkit-linear-gradient(top, #115ACF, #0A3D78);
   background-image: -moz-linear-gradient(top, #115ACF, #0A3D78);
   background-image: -ms-linear-gradient(top, #115ACF, #0A3D78);
   background-image: -o-linear-gradient(top, #115ACF, #0A3D78);
   background-image: -webkit-gradient(to bottom, #115ACF, #0A3D78);
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   color: #FFFFFF;
   font-family: Verdana;
   font-size: 16px;
   font-weight: 100;
   padding: 40px;
   -webkit-box-shadow: 1px 1px 5px 0 #505050;
   -moz-box-shadow: 1px 1px 5px 0 #505050;
   box-shadow: 1px 1px 5px 0 #505050;
   text-shadow: 1px 1px 20px #000000;
   border: solid #000000 1px;
   text-decoration: none;
   display: inline-block;
   cursor: pointer;
   text-align: center;
}
.box_blue:hover {
   border: solid #FFFFFF 1px;
   background: #1E7DE7;
   background-image: -webkit-linear-gradient(top, #1E7DE7, #134491);
   background-image: -moz-linear-gradient(top, #1E7DE7, #134491);
   background-image: -ms-linear-gradient(top, #1E7DE7, #134491);
   background-image: -o-linear-gradient(top, #1E7DE7, #134491);
   background-image: -webkit-gradient(to bottom, #1E7DE7, #134491);
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   text-decoration: none;
}

.box_green {
   background: #70F316;
   background-image: -webkit-linear-gradient(top, #70F316, #0A7835);
   background-image: -moz-linear-gradient(top, #70F316, #0A7835);
   background-image: -ms-linear-gradient(top, #70F316, #0A7835);
   background-image: -o-linear-gradient(top, #70F316, #0A7835);
   background-image: -webkit-gradient(to bottom, #70F316, #0A7835);
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   color: #FFFFFF;
   font-family: Verdana;
   font-size: 16px;
   font-weight: 100;
   padding: 40px;
   -webkit-box-shadow: 1px 1px 5px 0 #505050;
   -moz-box-shadow: 1px 1px 5px 0 #505050;
   box-shadow: 1px 1px 5px 0 #505050;
   text-shadow: 1px 1px 20px #000000;
   border: solid #000000 1px;
   text-decoration: none;
   display: inline-block;
   cursor: pointer;
   text-align: center;
}
.box_green:hover {
   border: solid #FFFFFF 1px;
   background: #1EE73D;
   background-image: -webkit-linear-gradient(top, #1EE73D, #097A15);
   background-image: -moz-linear-gradient(top, #1EE73D, #097A15);
   background-image: -ms-linear-gradient(top, #1EE73D, #097A15);
   background-image: -o-linear-gradient(top, #1EE73D, #097A15);
   background-image: -webkit-gradient(to bottom, #1EE73D, #097A15);
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   text-decoration: none;
}

.box_red {
   background: #F63D3D;
   background-image: -webkit-linear-gradient(top, #F63D3D, #811616);
   background-image: -moz-linear-gradient(top, #F63D3D, #811616);
   background-image: -ms-linear-gradient(top, #F63D3D, #811616);
   background-image: -o-linear-gradient(top, #F63D3D, #811616);
   background-image: -webkit-gradient(to bottom, #F63D3D, #811616);
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   height: 14px;
   line-height: 14px;
   color: #FFFFFF;
   font-family: Open Sans;
   width: 40px;
   font-size: 16px;
   font-weight: 100;
   padding: 20px;
   -webkit-box-shadow: 1px 1px 5px 0 #000000;
   -moz-box-shadow: 1px 1px 5px 0 #000000;
   box-shadow: 1px 1px 5px 0 #000000;
   text-shadow: 1px 1px 5px #505050;
   border: solid #762C2C 1px;
   text-decoration: none;
   display: inline-block;
   cursor: pointer;
   text-align: center;
}
.box_red:hover {
   border: solid #000000 1px;
   background: #811616;
   background-image: -webkit-linear-gradient(top, #811616, #F63D3D);
   background-image: -moz-linear-gradient(top, #811616, #F63D3D);
   background-image: -ms-linear-gradient(top, #811616, #F63D3D);
   background-image: -o-linear-gradient(top, #811616, #F63D3D);
   background-image: -webkit-gradient(to bottom, #811616, #F63D3D);
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   text-decoration: none;
}

.box_white {
   background: #FFFFFF;
   background-image: -webkit-linear-gradient(top, #FFFFFF, #D5D1D1);
   background-image: -moz-linear-gradient(top, #FFFFFF, #D5D1D1);
   background-image: -ms-linear-gradient(top, #FFFFFF, #D5D1D1);
   background-image: -o-linear-gradient(top, #FFFFFF, #D5D1D1);
   background-image: -webkit-gradient(to bottom, #FFFFFF, #D5D1D1);
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   height: 14px;
   line-height: 14px;
   color: #FFFFFF;
   font-family: Open Sans;
   width: 40px;
   font-size: 20px;
   font-weight: 900;
   padding: 12px;
   -webkit-box-shadow: 1px 1px 5px 0 #000000;
   -moz-box-shadow: 1px 1px 5px 0 #000000;
   box-shadow: 1px 1px 5px 0 #000000;
   text-shadow: 1px 1px 6px #000000;
   border: solid #762C2C 1px;
   text-decoration: none;
   display: inline-block;
   cursor: pointer;
   text-align: center;
}
.box_white:hover {
   border: solid #FFAE00 1px;
   background: #FFFFFF;
   background-image: -webkit-linear-gradient(top, #FFFFFF, #DFF63D);
   background-image: -moz-linear-gradient(top, #FFFFFF, #DFF63D);
   background-image: -ms-linear-gradient(top, #FFFFFF, #DFF63D);
   background-image: -o-linear-gradient(top, #FFFFFF, #DFF63D);
   background-image: -webkit-gradient(to bottom, #FFFFFF, #DFF63D);
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   text-decoration: none;
}
.button_green {
   background: #66FF00;
   background-image: -webkit-linear-gradient(top, #66FF00, #008000);
   background-image: -moz-linear-gradient(top, #66FF00, #008000);
   background-image: -ms-linear-gradient(top, #66FF00, #008000);
   background-image: -o-linear-gradient(top, #66FF00, #008000);
   background-image: -webkit-gradient(to bottom, #66FF00, #008000);
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   color: #FFFFFF;
   font-family: Verdana;
   font-size: 16px;
   padding: 5px;
   -webkit-box-shadow: 2px 2px 3px 1px #000000;
   -moz-box-shadow: 2px 2px 3px 1px #000000;
   box-shadow: 2px 2px 3px 1px #000000;
   text-shadow: 1px 1px 2px #000000;
   border: solid #000000 1px;
   text-decoration: none;
   display: inline-block;
   cursor: pointer;
   text-align: center;
}

.button_green:hover {
   border: solid #707070 1px;
   background: #006400;
   background-image: -webkit-linear-gradient(top, #006400, #202020);
   background-image: -moz-linear-gradient(top, #006400, #202020);
   background-image: -ms-linear-gradient(top, #006400, #202020);
   background-image: -o-linear-gradient(top, #006400, #202020);
   background-image: -webkit-gradient(to bottom, #006400, #202020);
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   text-decoration: none;
}

.button_red {
   background: #FF0000;
   background-image: -webkit-linear-gradient(top, #FF0000, #800000);
   background-image: -moz-linear-gradient(top, #FF0000, #800000);
   background-image: -ms-linear-gradient(top, #FF0000, #800000);
   background-image: -o-linear-gradient(top, #FF0000, #800000);
   background-image: -webkit-gradient(to bottom, #FF0000, #800000);
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   color: #FFFFFF;
   font-family: Verdana;
   font-size: 16px;
   padding: 5px;
   -webkit-box-shadow: 2px 2px 3px 1px #000000;
   -moz-box-shadow: 2px 2px 3px 1px #000000;
   box-shadow: 2px 2px 3px 1px #000000;
   text-shadow: 1px 1px 2px #000000;
   border: solid #000000 1px;
   text-decoration: none;
   display: inline-block;
   cursor: pointer;
   text-align: center;
}

.button_red:hover {
   border: solid #707070 1px;
   background: #FF0000;
   background-image: -webkit-linear-gradient(top, #FF0000, #900000);
   background-image: -moz-linear-gradient(top, #FF0000, #900000);
   background-image: -ms-linear-gradient(top, #FF0000, #900000);
   background-image: -o-linear-gradient(top, #FF0000, #900000);
   background-image: -webkit-gradient(to bottom, #FF0000, #900000);
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   text-decoration: none;
}

.button-shadow {
  box-shadow: 5px 5px 5px #505050;
  border-radius: 3px;
  border: 1px solid #000000;
}

/*...*/

/* [C] */

/* calendar customize */

.x-calendar-days, .x-calendar-header {
    overflow-y: scroll;
}

.x-calendar-weeks-overflow-popup {
    height: 100% !important;
    overflow-y: auto;
    overflow-x: hidden;
}

.x-calendar-days .x-calendar-days-time{height:  63.00px;}
.x-calendar-days .x-calendar-days-marker{height:63.00px;} 
.x-calendar-days .x-calendar-days-marker-alt{height:31.50px;}
.x-calendar-days .x-calendar-days-marker-alt{height:31.50px;}
.x-calendar-event{
  box-shadow: 3px 3px 3px #505050 !important;
  border-radius: 5px;
  text-shadow: 1px 1px 1px #505050;  
}

.ColorTitle .x-panel-header-default
{
   font-family: Roboto;
   font-size: 10px;
   letter-spacing: 1px;
   text-shadow: 1px 1px 3px #000000;
   padding: 7px 12px 7px 12px;

   background: #FF0000;
   background-image: -webkit-linear-gradient(top, #FF0000, #760303);
   background-image: -moz-linear-gradient(top, #FF0000, #760303);
   background-image: -ms-linear-gradient(top, #FF0000, #760303);
   background-image: -o-linear-gradient(top, #FF0000, #760303);
   background-image: -webkit-gradient(to bottom, #FF0000, #760303);

   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;

   -webkit-box-shadow: 3px 3px 5px 0 #505050;
   -moz-box-shadow: 3px 3px 5px 0 #505050;
   box-shadow: 3px 3px 5px 0 #505050;
   border: solid #000000 1px;
   display: inline-block;
   cursor: pointer;
}

/* [D] */

/*...*/

/* [E] */

/*...*/

/* [F] */

/*... Google Fonts - MPlus Rounded */

.m-plus rounded 1c-thin {
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.m-plus rounded 1c-light {
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.m-plus rounded 1c-regular {
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.m-plus rounded 1c-medium {
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.m-plus rounded 1c-bold {
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.m-plus rounded 1c-extrabold {
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-weight: 800;
  font-style: normal;
}

.m-plus rounded 1c-black {
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-weight: 900;
  font-style: normal;
}

/*... FSSwitch/Toggle ...*/

.fsSwt>.fsSwt-switch-box>.fsSwt-switch-item.active.fsSwt-switch-item-status-off{
    padding-right:15px;
    padding-left:32px;

/*    background:#b2b2b2; */

   background: #F63D3D;
   background-image: -webkit-linear-gradient(top, #F63D3D, #811616);
   background-image: -moz-linear-gradient(top, #F63D3D, #811616);
   background-image: -ms-linear-gradient(top, #F63D3D, #811616);
   background-image: -o-linear-gradient(top, #F63D3D, #811616);
   background-image: -webkit-gradient(to bottom, #F63D3D, #811616);

/*    color:#fff; */
    text-align:right
}
.fsSwt>.fsSwt-switch-box>.fsSwt-switch-item.active.fsSwt-switch-item-status-on{
    padding-right:32px;
    padding-left:15px;
    background-color:#75b936;
    color:#fff;
    text-align:left
}
.fsSwt>.fsSwt-switch-box>.fsSwt-switch-item.active{
    opacity:1;
    display:block
}
.fsSwt>.fsSwt-switch-box.switch-animated-on>.fsSwt-switch-item.active{
    opacity:1
}
.fsSwt>.fsSwt-switch-box.switch-animated-on>.fsSwt-switch-item.active .lbl{
    opacity:1;
    animation-name:active;
    animation-duration:.5s
}
.fsSwt>.fsSwt-switch-box>.fsSwt-switch-item{
    line-height:16px;
    font-size:100%;
    opacity:0;
    display:none;

   -webkit-border-radius: 15px;
   -moz-border-radius: 15px;
   border-radius: 15px;

   -webkit-box-shadow: 1px 1px 6px 0 #000000;
   -moz-box-shadow: 1px 1px 6px 0 #000000;
   box-shadow: 1px 1px 6px 0 #000000 inset;
   text-shadow: 1px 1px 6px #000000;
   border: solid #353535 1px;

    padding-top:5px;
    padding-bottom:5px;
    position:relative;
    height:30px;
    box-sizing:border-box;
}
.fsSwt>.fsSwt-switch-box>.fsSwt-switch-item:hover{
    text-decoration:none
}
.fsSwt>.fsSwt-switch-box>.fsSwt-switch-item.fsSwt-switch-item-status-off>.fsSwt-switch-cursor-selector{
    left:5px
}
.fsSwt>.fsSwt-switch-box>.fsSwt-switch-item.fsSwt-switch-item-status-on>.fsSwt-switch-cursor-selector{
    right:5px
}
.fsSwt>.fsSwt-switch-box.switch-animated-on>.fsSwt-switch-item.fsSwt-switch-item-status-on>.fsSwt-switch-cursor-selector{
    animation-duration:.75s;
    animation-name:right
}
.fsSwt>.fsSwt-switch-box.switch-animated-on>.fsSwt-switch-item.fsSwt-switch-item-status-off>.fsSwt-switch-cursor-selector{
    animation-duration:.75s;
    animation-name:left
}
@keyframes left{
    0%{
        left:100%
    }
    100%{
        left:5px
    }
}
@keyframes right{
    0%{
        right:100%
    }
    100%{
        right:5px
    }
}
@keyframes active{
    0%{
        opacity:0
    }
    100%{
        opacity:1
    }
}
.fsSwt>.fsSwt-switch-box>.fsSwt-switch-item>.fsSwt-switch-cursor-selector{
/*    height:18px; */

    height:20px;
    position:absolute;

/*    top:4.5px; */
    top: 5px;

/*    width:18px; */

    width:20px;
    margin-top:-1px;

/*    box-shadow:0 1px 2px 0 rgba(0,0,0,.2),0 3px 4px 0 rgba(0,0,0,.1); */

   -webkit-box-shadow: 1px 1px 6px 0 #202020;
   -moz-box-shadow: 1px 1px 6px 0 #202020;
   box-shadow: 1px 1px 6px 0 #202020;

    display:block;
    content:"";
    border-radius:100%;

/*    background:#fff */

    background: rgb(255,255,255);
    background: -moz-radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(222,217,217,1) 50%, rgba(255,255,255,1) 100%);
    background: -webkit-radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(222,217,217,1) 50%, rgba(255,255,255,1) 100%);
    background: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(222,217,217,1) 50%, rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);

/*
   background: #FFFFFF;
   background-image: -webkit-linear-gradient(top, #FFFFFF, #D9D6D6);
   background-image: -moz-linear-gradient(top, #FFFFFF, #D9D6D6);
   background-image: -ms-linear-gradient(top, #FFFFFF, #D9D6D6);
   background-image: -o-linear-gradient(top, #FFFFFF, #D9D6D6);
   background-image: -webkit-gradient(to bottom, #FFFFFF, #D9D6D6);
*/
}
.fsSwt-switch-plugin.fsSwt-switch-input{
    display:none
}
.fsSwt>.fsSwt-switch-box>.fsSwt-switch-item.fsSwt-switch-item-color-success{
    background-color:#75b936!important
}
.fsSwt>.fsSwt-switch-box>.fsSwt-switch-item.fsSwt-switch-item-color-warning{
    background-color:#f0ad4e!important
}
.fsSwt>.fsSwt-switch-box>.fsSwt-switch-item.fsSwt-switch-item-color-info{
    background-color:#5bc0de!important
}
.fsSwt>.fsSwt-switch-box>.fsSwt-switch-item.fsSwt-switch-item-color-violet{
    background-color:#9C27B9!important
}
.fsSwt>.fsSwt-switch-box>.fsSwt-switch-item.fsSwt-switch-item-color-pinck{
    background-color:#F91C9F!important
}
.fsSwt>.fsSwt-switch-box>.fsSwt-switch-item.fsSwt-switch-item-color-black{
    background-color:#000!important
}
.fsSwt>.fsSwt-switch-box>.fsSwt-switch-item.fsSwt-switch-item-color-gray{
    background-color:#b2b2b2!important
}
.fsSwt>.fsSwt-switch-box>.fsSwt-switch-item.fsSwt-switch-item-color-default{
    background-color:#fff!important;
    color:#777!important
}
.fsSwt>.fsSwt-switch-box>.fsSwt-switch-item.fsSwt-switch-item-color-default>.fsSwt-switch-cursor-selector{
    border:1px solid #eee!important;
    margin-top:-2.2px
}
.fsSwt>.fsSwt-switch-box>.fsSwt-switch-item.fsSwt-switch-item-color-primary{
    background-color:#0275d8!important
}
.fsSwt>.fsSwt-switch-box>.fsSwt-switch-item.fsSwt-switch-item-color-danger{
    background-color:#d90909!important
}
.fsSwt>.fsSwt-switch-box>.fsSwt-switch-item.disabled{
    opacity:.65;
    filter:alpha(opacity=65);
    cursor:default
}
.fsSwt>.fsSwt-switch-box{
    cursor:pointer;
    background:rgba(255,255,255,0);
    overflow:hidden;
    border:0 solid #ddd;
    padding:0;
    display:inline-block;
    width:auto
}
.fsSwt{
    display:inline-block
}
.fsSwt.switch-responsive{
    display:block
}
.fsSwt.switch-responsive>.fsSwt-switch-box{
    display:block!important
}

/* [G] */

.grid_border {
  box-shadow: 2px 2px 3px #858585;
  border-radius: 5px;
  border: 1px solid #959595;
}

/* [H] */

.hintClass {
/*  color: #FFFFFF !important; */
  color: #FF0000 !important;
  font-family: roboto;
  font-size: 12px;
  letter-spacing: 1.3px;
  text-shadow: 2px 2px 3px #000000;
  border-radius: 20px;
  background: yellow;
}

.hintClass2 {
  background: yellow;
/*  background: dimgray; */
/*  color: white; */
}

/*...*/

/* [I] */

/*...*/

/* [J] */

/*...*/

/* [K] */

/*...*/

/* [L] */

#loading {
    top:      43%; /* posicao vertical na tela */
    margin:   -65px 0 0 -45px; /* não é necessário alterar estas margens */
}

#loading .loading-indicator {
    background: url(./files/09.gif); /* troque aqui o nome do arquivo */
    background-repeat: no-repeat; /* sem essa propriedade a imagem se repete na tela */
    background-position: center; /*centraliza a imagem dentro do container loading-indicator */
    background-size: 100px; /* tamano da animação */
    background-color: transparent;
    color:      #333; /*Cor do texto (Loading, Carregando) */
    font:       15px arial,helvetica,tahoma; /* Tamanho e tipo da fonte */
    padding:    130px 10px 10px 10px; /* Posicionamento do texto. dependendo do background-size, pode ser necessário reajustar */
    opacity: .7;
    rotate: (45deg);
}

/* [M] */

/*...*/

/* [N] */

/*...*/

/* [O] */

/*...*/

/* [P] */

.panel_border {
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border: 1px solid #000000;
}

.panel_box {
  box-shadow: 3px 3px 5px #505050 !important;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  background: #FFFFFF !important;
}

.panel-box-border {
  box-shadow: 3px 3px 5px #505050 !important;
  border-radius: 5px;
  border: 1px solid #505050 !important;
  background: #FFFFFF;
}

.panel-gray-border {
  box-shadow: 3px 3px 5px #e6e6e6 !important;
  border-radius: 5px;
  border: 1px solid #bfbfbf !important;
  background: #FFFFFF;
}

.panel-top-border {
  box-shadow: 0px 3px 3px #505050 !important;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #858585 !important;
  background: #FFFFFF;
}

.panel-box-shadow {
  box-shadow: 3px 3px 5px #CCCCCC !important;
  border-radius: 5px;
  background: linear-gradient(to top, #000000 0%, #303030 80%);
  font-family: verdana;
  font-size: 10px;
}

.panel-shadow {
  box-shadow: 3px 3px 5px #CCCCCC !important;
  border-radius: 5px;
}

.panel-green {
  color: #FFFF00 !important;
  font-family: roboto;
  font-size: 11px;
  letter-spacing: 0.8px;
  text-shadow: 1px 1px 2px #000000;
  box-shadow: 3px 3px 3px #505050;
  border-radius: 3px;
  border: 1px solid #000000;
  background: #024204;
  background: linear-gradient(to top, #024204, #00CF0E);
}
.panel-green:hover {
  color: FFFFFF !important;
  background: #15293D;
  background: linear-gradient(to top, #15293D, #3B6E8F);
}

.panel-red {
   background: #F63D3D;
   background-image: -webkit-linear-gradient(top, #F63D3D, #811616);
   background-image: -moz-linear-gradient(top, #F63D3D, #811616);
   background-image: -ms-linear-gradient(top, #F63D3D, #811616);
   background-image: -o-linear-gradient(top, #F63D3D, #811616);
   background-image: -webkit-gradient(to bottom, #F63D3D, #811616);
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   color: #FFF000;
   font-family: Roboto;
   font-size: 11px;
   letter-spacing: 0.5px;
   -webkit-box-shadow: 2px 2px 5px 0 #505050;
   -moz-box-shadow: 2px 2px 5px 0 #505050;
   box-shadow: 3px 3px 5px 0 #505050;
   text-shadow: 1px 1px 3px #000000;
   border: solid #762C2C 2px;
   display: inline-block;
   cursor: pointer;
   text-align: center;
}

.panel-red:hover {
   border: solid #000000 2px;
   background: #811616;
   background-image: -webkit-linear-gradient(top, #811616, #D91818);
   background-image: -moz-linear-gradient(top, #811616, #D91818);
   background-image: -ms-linear-gradient(top, #811616, #D91818);
   background-image: -o-linear-gradient(top, #811616, #D91818);
   background-image: -webkit-gradient(to bottom, #811616, #D91818);
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   text-decoration: none;
}

.panel-white {
   background: #FFFFFF;
   background-image: -webkit-linear-gradient(top, #FFFFFF, #E9E9E9);
   background-image: -moz-linear-gradient(top, #FFFFFF, #E9E9E9);
   background-image: -ms-linear-gradient(top, #FFFFFF, #E9E9E9);
   background-image: -o-linear-gradient(top, #FFFFFF, #E9E9E9);
   background-image: -webkit-gradient(to bottom, #FFFFFF, #E9E9E9);
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   color: #000000;
/*
   font-family: Roboto;
   font-size: 11px;
   letter-spacing: 0.5px;
*/
   -webkit-box-shadow: 3px 3px 5px 0 #505050;
   -moz-box-shadow: 3px 3px 5px 0 #505050;
   box-shadow: 3px 3px 5px 0 #505050;
   border: solid #000000 1px;
   display: inline-block;
   cursor: pointer;
   text-align: center;
}
.panel-white:hover {
   border: solid #000000 1px;
   background: #E9E9E9;
   background-image: -webkit-linear-gradient(top, #E9E9E9, #FFFFFF);
   background-image: -moz-linear-gradient(top, #E9E9E9, #FFFFFF);
   background-image: -ms-linear-gradient(top, #E9E9E9, #FFFFFF);
   background-image: -o-linear-gradient(top, #E9E9E9, #FFFFFF);
   background-image: -webkit-gradient(to bottom, #E9E9E9, #FFFFFF);
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   text-decoration: none;
}

.panel-yellow {
   background: #FFF000;
   background-image: -webkit-linear-gradient(top, #FFF000, #FFAE00);
   background-image: -moz-linear-gradient(top, #FFF000, #FFAE00);
   background-image: -ms-linear-gradient(top, #FFF000, #FFAE00);
   background-image: -o-linear-gradient(top, #FFF000, #FFAE00);
   background-image: -webkit-gradient(to bottom, #FFF000, #FFAE00);
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
   color: #FFAE00;
   font-family: Verdana;
   font-size: 20px;
   font-weight: 100;
   padding: 40px;
   -webkit-box-shadow: 5px 5px 10px 0 #000000;
   -moz-box-shadow: 5px 5px 10px 0 #000000;
   box-shadow: 5px 5px 10px 0 #000000;
   border: solid #000000 1px;
   cursor: pointer;
}
.panel-yellow:hover {
   border: solid #000000 1px;
   background: #FFAE00;
   background-image: -webkit-linear-gradient(top, #FFAE00, #FF6C00);
   background-image: -moz-linear-gradient(top, #FFAE00, #FF6C00);
   background-image: -ms-linear-gradient(top, #FFAE00, #FF6C00);
   background-image: -o-linear-gradient(top, #FFAE00, #FF6C00);
   background-image: -webkit-gradient(to bottom, #FFAE00, #FF6C00);
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
}

.panel-label-blue {
   background: #0000FF;
   background-image: -webkit-linear-gradient(top, #0000FF, #000435);
   background-image: -moz-linear-gradient(top, #0000FF, #000435);
   background-image: -ms-linear-gradient(top, #0000FF, #000435);
   background-image: -o-linear-gradient(top, #0000FF, #000435);
   background-image: -webkit-gradient(to bottom, #0000FF, #000435);
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   color: #FFFFFF;
   font-family: Verdana;
   font-size: 16px;
   font-weight: 100;
   padding: 100px;
   -webkit-box-shadow: 3px 3px 5px 0 #505050;
   -moz-box-shadow: 3px 3px 5px 0 #505050;
   box-shadow: 3px 3px 5px 0 #505050;
   text-shadow: 1px 1px 3px #000000;
   border: solid #000000 1px;
   text-decoration: none;
   display: inline-block;
   cursor: pointer;
   text-align: center;
}
.panel-label-blue:hover {
   border: solid #000000 1px;
   background: #000435;
   background-image: -webkit-linear-gradient(top, #000435, #000420);
   background-image: -moz-linear-gradient(top, #000435, #000420);
   background-image: -ms-linear-gradient(top, #000435, #000420);
   background-image: -o-linear-gradient(top, #000435, #000420);
   background-image: -webkit-gradient(to bottom, #000435, #000420);
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   text-decoration: none;
}

.panel-label-white {
   font-family: Roboto;
   font-size: 11px;
/*   text-shadow: 1px 1px 3px #000000; */
   padding: 7px 12px 7px 12px;

   background: #FFFFFF;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;

   -webkit-box-shadow: 3px 3px 5px 0 #505050;
   -moz-box-shadow: 3px 3px 5px 0 #505050;
   box-shadow: 3px 3px 5px 0 #505050;
   border: solid #505050 1px;
   display: inline-block;
   cursor: pointer;
   text-align: center;
}
.panel-label-green {
   font-family: Roboto;
   font-size: 10px;
   letter-spacing: 1px;
   text-shadow: 1px 1px 3px #000000;
   padding: 7px 12px 7px 12px;

   background: #27FD09;
   background-image: -webkit-linear-gradient(top, #27FD09, #0D3203);
   background-image: -moz-linear-gradient(top, #27FD09, #0D3203);
   background-image: -ms-linear-gradient(top, #27FD09, #0D3203);
   background-image: -o-linear-gradient(top, #27FD09, #0D3203);
   background-image: -webkit-gradient(to bottom, #27FD09, #0D3203);

   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;

   -webkit-box-shadow: 3px 3px 5px 0 #505050;
   -moz-box-shadow: 3px 3px 5px 0 #505050;
   box-shadow: 3px 3px 5px 0 #505050;
   text-shadow: 1px 1px 3px #000000;
   border: solid #000000 1px;
   text-decoration: none;
   display: inline-block;
   cursor: pointer;
   text-align: center;
}
.panel-label-green:hover {
   border: solid #000000 1px;
   background: #16B109;
   background-image: -webkit-linear-gradient(top, #16B109, #043602);
   background-image: -moz-linear-gradient(top, #16B109, #043602);
   background-image: -ms-linear-gradient(top, #16B109, #043602);
   background-image: -o-linear-gradient(top, #16B109, #043602);
   background-image: -webkit-gradient(to bottom, #16B109, #043602);
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
}

.panel-label-red {
   font-family: Roboto;
   font-size: 10px;
   letter-spacing: 1px;
   text-shadow: 1px 1px 3px #000000;
   padding: 7px 12px 7px 12px;

   background: #FF0000;
   background-image: -webkit-linear-gradient(top, #FF0000, #760303);
   background-image: -moz-linear-gradient(top, #FF0000, #760303);
   background-image: -ms-linear-gradient(top, #FF0000, #760303);
   background-image: -o-linear-gradient(top, #FF0000, #760303);
   background-image: -webkit-gradient(to bottom, #FF0000, #760303);

   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;

   -webkit-box-shadow: 3px 3px 5px 0 #505050;
   -moz-box-shadow: 3px 3px 5px 0 #505050;
   box-shadow: 3px 3px 5px 0 #505050;
   border: solid #000000 1px;
   display: inline-block;
   cursor: pointer;
   text-align: center;
}
.panel-label-red:hover {
   border: solid #000000 1px;
   background: #A30606;
   background-image: -webkit-linear-gradient(top, #A30606, #5C0303);
   background-image: -moz-linear-gradient(top, #A30606, #5C0303);
   background-image: -ms-linear-gradient(top, #A30606, #5C0303);
   background-image: -o-linear-gradient(top, #A30606, #5C0303);
   background-image: -webkit-gradient(to bottom, #A30606, #5C0303);
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
}

.panel-label-yellow {
   background: #FFF000;
   background-image: -webkit-linear-gradient(top, #FFF000, #FFF500);
   background-image: -moz-linear-gradient(top, #FFF000, #FFF500);
   background-image: -ms-linear-gradient(top, #FFF000, #FFF500);
   background-image: -o-linear-gradient(top, #FFF000, #FFF500);
   background-image: -webkit-gradient(to bottom, #FFF000, #FFF500);
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   color: #FFFFFF;
   font-family: Verdana;
   font-size: 16px;
   font-weight: 100;
   padding: 100px;
   -webkit-box-shadow: 3px 3px 5px 0 #505050;
   -moz-box-shadow: 3px 3px 5px 0 #505050;
   box-shadow: 3px 3px 5px 0 #505050;
   text-shadow: 1px 1px 3px #000000;
   border: solid #000000 1px;
   text-decoration: none;
   display: inline-block;
   cursor: pointer;
   text-align: center;
}
.panel-label-yellow:hover {
   border: solid #000000 1px;
   background: #FFF999;
   background-image: -webkit-linear-gradient(top, #FFF999, #FFF000);
   background-image: -moz-linear-gradient(top, #FFF999, #FFF000);
   background-image: -ms-linear-gradient(top, #FFF999, #FFF000);
   background-image: -o-linear-gradient(top, #FFF999, #FFF000);
   background-image: -webkit-gradient(to bottom, #FFF999, #FFF000);
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   text-decoration: none;
}

.panel_top {
  box-shadow: 0px 3px 3px #CCCCCC !important;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background: #FFFFFF;
}

/* [Q] */

/*...*/

/* [R] */

/*...*/

/* [S] */

/*...*/

/* [T] */

.text {
  font-family: roboto;
  font-size: 11px;
  color: color: rgba(0, 0, 255, 1) !important;
}

.text-box {
  font-family: roboto;
  font-size: 11px;
  color: #000000 !important;
  text-shadow: 1px 1px 1px #303030;
}

.text-codigo {
  font-family: verdana;
  font-size: 10px;
  color: color: rgba(255, 0, 0, 1) !important;
}

.text-destaque {
  font-family: verdana;
  font-size: 10px;
  color: color: rgba(0, 255, 0, 1) !important;
}

.text_valor_total {
  letter-spacing: 2px;
  text-shadow: 1px 1px 1px #000000;
}

.text_shadow {
  text-shadow: 1px 1px 2px #858585;
}

.text_shadow_black {
  letter-spacing: 1px;
  text-shadow: 1px 1px 1px #000000;
}

.title_shadow {
  letter-spacing: 1px;
  text-shadow: 1px 1px 1px #707070; 
}
/*
... aba do UniPageControl ...

.x-tab-default-top {
  border-radius: 5px 5px 5px 5px !important;
  padding: 3px 5px 3px !important;
  background-color: #fbfbfb !important;
}

.x-treelist-item-text {
    white-space: normal;
}

*/
/* [U] */

/*...*/

/* [V] */

/*...*/

/* [W] */

/*...*/

/* [X] */

.rc-warning-alert {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px; /*20px; 6.0.0.0 */
  border: 1px solid #E8BC52; /* 6.0.0.0 */
  -webkit-box-shadow: 0 0 9px rgba(0, 0, 0, 0.15);
          box-shadow: 0 0 9px rgba(0, 0, 0, 0.15);
  background: #e8bc5212;
  line-height:16px;
  -webkit-border-radius: [[BORDER_ROUNDED]] [[BORDER_ROUNDED]] [[BORDER_ROUNDED]] [[BORDER_ROUNDED]] !important;
  -moz-border-radius: [[BORDER_ROUNDED]] [[BORDER_ROUNDED]] [[BORDER_ROUNDED]] [[BORDER_ROUNDED]] !important;
  -ms-border-radius: [[BORDER_ROUNDED]] [[BORDER_ROUNDED]] [[BORDER_ROUNDED]] [[BORDER_ROUNDED]] !important;
  -o-border-radius: [[BORDER_ROUNDED]] [[BORDER_ROUNDED]] [[BORDER_ROUNDED]] [[BORDER_ROUNDED]] !important;
  border-radius: [[BORDER_ROUNDED]] [[BORDER_ROUNDED]] [[BORDER_ROUNDED]] [[BORDER_ROUNDED]] !important;
}

/*...*/

/* [Y] */

/*...*/

/* [Z] */

/*...*/

/* Fim CSS */

 <link href="/portomedia.css?id=3939" type="text/css" rel="stylesheet" />