/*******************************************************************************************************************/
/* Sobre: Personalização do layout do Autoatendimento                                                              */
/* Inicio: 04/12/2014                                                                                              */
/* Versão 1.0                                                                                                      */
/* Projeto: DYNAMIC SYSTEM E VISH! Internet e Sistemas Ltda - ME                                                   */
/*******************************************************************************************************************/

.ui-bar-a {
    /*border: 1px solid #c7c7c7;*/
    background: #fff;
    font-weight: 700;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff));
    background-image: -webkit-linear-gradient(#fff, #fff);
    background-image: -moz-linear-gradient(#fff, #fff);
    background-image: -ms-linear-gradient(#fff, #fff);
    background-image: -o-linear-gradient(#fff, #fff);
    background-image: linear-gradient(#fff, #fff);
}
.ui-bar-a .ui-link-inherit {
    color: #fff;
}
.ui-bar-a a.ui-link {
    color: #575757;
    font-weight: 700;
}
.ui-bar-a a.ui-link:visited {
    color: #575757;
}
.ui-bar-a a.ui-link:hover {
    color: #a3a3a3;
}
.ui-bar-a a.ui-link:active {
    color: #a3a3a3;
}
.ui-bar-a, 
.ui-bar-a input, 
.ui-bar-a select, 
.ui-bar-a textarea, 
.ui-bar-a button {
	 font-family: Oswald, Arial, sans-serif /*{global-font-family}*/;
     font-weight: 100;
}

#tela_inicial .ui-header.ui-bar-a {
    background:none;
    /*border-bottom: 1px solid #e6e6e6;
    background-image:-webkit-gradient(linear,left top,left bottom,from(#e6e6e6),to(#ffffff)); 
	background-image:-webkit-linear-gradient(#e6e6e6,#ffffff);
	background-image:-moz-linear-gradient(#e6e6e6,#ffffff);
	background-image:-ms-linear-gradient(#e6e6e6,#ffffff);
	background-image:-o-linear-gradient(#e6e6e6,#ffffff);
	background-image:linear-gradient(#e6e6e6,#ffffff);*/
}

.ui-overlay-a {
    background-image: none;
    border-width: 0;
}

.ui-overlay-a {
    border: 1px solid #c7c7c7;
    font-weight: 700;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    background: #cccccc;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#666666));
    background-image: -webkit-linear-gradient(#cccccc, #666666);
    background-image: -moz-linear-gradient(#cccccc, #666666);
    background-image: -ms-linear-gradient(#cccccc, #666666);
    background-image: -o-linear-gradient(#cccccc, #666666);
    background-image: linear-gradient(#cccccc, #666666);
}

.ui-body-a{
    border: 0px solid #c7c7c7;
    font-weight: 700;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    border-bottom: 1px solid #e6e6e6;
    background-image:-webkit-gradient(linear,left top,left bottom,from(#e6e6e6),to(#ffffff)); 
	background-image:-webkit-linear-gradient(#e6e6e6,#ffffff);
	background-image:-moz-linear-gradient(#e6e6e6,#ffffff);
	background-image:-ms-linear-gradient(#e6e6e6,#ffffff);
	background-image:-o-linear-gradient(#e6e6e6,#ffffff);
	background-image:linear-gradient(#e6e6e6,#ffffff);*/
}

.ui-body-a, 
.ui-body-a input, 
.ui-body-a select, 
.ui-body-a textarea, 
.ui-body-a button {
    font-family: Montserrat, Arial, sans-serif;
}
.ui-body-a .ui-link-inherit {
    color: #000;
}
.ui-body-a .ui-link {
    color: #575757;
    font-weight: 700;
}
.ui-body-a .ui-link:visited {
    color: #575757;
}
.ui-body-a .ui-link:hover {
    color: #a3a3a3;
}
.ui-body-a .ui-link:active {
    color: #a3a3a3;
}
.ui-footer.ui-bar-a{
  border: 1px solid #c7c7c7;
}
.ui-btn-up-a {
    border: 1px solid #ccc;
    color: #291f74;
    text-shadow: 0 1px 0 #ffffff;
    background: #ffffff;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#dddddd));
    background-image: -webkit-linear-gradient(#ffffff, #dddddd);
    background-image: -moz-linear-gradient(#ffffff, #dddddd);
    background-image: -ms-linear-gradient(#ffffff, #dddddd);
    background-image: -o-linear-gradient(#ffffff, #dddddd);
    background-image: linear-gradient(#ffffff, #dddddd);
}
.ui-btn-up-a:visited, .ui-btn-up-a a.ui-link-inherit {
    color: #000;
}
.ui-btn-hover-a {
    border: 1px solid #c7c7c7;
    background: #e6e6e6;
    font-weight: 700;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#e6e6e6), to(#ffffff));
    background-image: -webkit-linear-gradient(#e6e6e6, #ffffff);
    background-image: -moz-linear-gradient(#e6e6e6, #ffffff);
    background-image: -ms-linear-gradient(#e6e6e6, #ffffff);
    background-image: -o-linear-gradient(#e6e6e6, #ffffff);
    background-image: linear-gradient(#e6e6e6, #ffffff);
}
.ui-btn-hover-a:visited, .ui-btn-hover-a:hover, .ui-btn-hover-a a.ui-link-inherit {
    color: #000;
}

.ui-btn-down-a {
    border: 1px solid #c7c7c7;
    background: #e6e6e6;
    font-weight: 700;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#e6e6e6), to(#ffffff));
    background-image: -webkit-linear-gradient(#e6e6e6, #ffffff);
    background-image: -moz-linear-gradient(#e6e6e6, #ffffff);
    background-image: -ms-linear-gradient(#e6e6e6, #ffffff);
    background-image: -o-linear-gradient(#e6e6e6, #ffffff);
    background-image: linear-gradient(#e6e6e6, #ffffff);
}
.ui-btn-down-a:visited, .ui-btn-down-a:hover, .ui-btn-down-a a.ui-link-inherit {
    color: #000;
}
.ui-btn-up-a, .ui-btn-hover-a, .ui-btn-down-a {
    font-family: Montserrat, sans-serif;
    text-decoration: none;
}
.ui-input-text.ui-body-a{
    background-color: #ffffff;
}
.ui-bar-a.ui-li-divider{
    background: #9c9c9c;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#9c9c9c), to(#ffffff));
    background-image: -webkit-linear-gradient(#9c9c9c, #ffffff);
    background-image: -moz-linear-gradient(#9c9c9c, #ffffff);
    background-image: -ms-linear-gradient(#9c9c9c, #ffffff);
    background-image: -o-linear-gradient(#9c9c9c, #ffffff);
    background-image: linear-gradient(#9c9c9c, #ffffff);
}
.ui-bar-a .ui-li-divider ,.ui-bar-a .ui-li-heading {
    text-shadow: 1px 1px 1px #FFF;
}
.ui-bar-a .ui-navbar ul {
	border-bottom: 1px solid #c7c7c7;
    
}
.ui-overlay-a .ui-dialog-contain{
    background-color: #fff;
}


/** --------------------------------------------------------------------------------------------------- **/

/* Definindo estilo do botão da nota de exigência */
.bt-nota-exigencia .ui-btn-inner{
    background: #9c9c9c;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#9c9c9c), to(#ffffff));
    background-image: -webkit-linear-gradient(#9c9c9c, #ffffff);
    background-image: -moz-linear-gradient(#9c9c9c, #ffffff);
    background-image: -ms-linear-gradient(#9c9c9c, #ffffff);
    background-image: -o-linear-gradient(#9c9c9c, #ffffff);
    background-image: linear-gradient(#9c9c9c, #ffffff);
}

.bt-nota-exigencia .ui-btn{
    border: 0px;
}

/* Removi o nome cliente/rodapé */
.ui-footer .h3_cliente {
    display: none !important;
}

.logo {
    text-align: center;
}

.ui-page {
    background: #890404;
}

/* LISTVIEWS */
.ui-li-divider {
    padding: .5em 15px;
    font-size: 16px;
    font-weight: 100;
    text-transform: uppercase;
    letter-spacing: 2px;
}
.ui-li {}

.ui-li.ui-btn-hover-a:hover {
    border: 1px solid #bbbbbb /*{a-bhover-border}*/;
    border-bottom: 0px;
    color: #333;
    text-shadow: 1px 1px #fff;
    background: #e3e3e3;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#e3e3e3), to(#f1f1f1));
    background-image: -webkit-linear-gradient(#e3e3e3, #f1f1f1);
    background-image: -moz-linear-gradient(#e3e3e3, #f1f1f1);
    background-image: -ms-linear-gradient(#e3e3e3, #f1f1f1);
    background-image: -o-linear-gradient(#e3e3e3, #f1f1f1);
    background-image: linear-gradient(#e3e3e3, #f1f1f1);
}

.ui-li.ui-btn .ui-btn-text a {
    text-decoration: none;
}

/** CHECKBOX/RADIO **/
.ui-radio-on, .ui-checkbox-on {} 

.ui-radio .ui-btn-up-a, 
.ui-checkbox .ui-btn-up-a {
    border: 1px solid #bbbbbb /*{a-bhover-border}*/;
    color: #333;
    text-shadow: 1px 1px #fff;
    background: #f5f5f5;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#eeeeee));
    background-image: -webkit-linear-gradient(#f5f5f5, #eeeeee);
    background-image: -moz-linear-gradient(#f5f5f5, #eeeeee);
    background-image: -ms-linear-gradient(#f5f5f5, #eeeeee);
    background-image: -o-linear-gradient(#f5f5f5, #eeeeee);
    background-image: linear-gradient(#f5f5f5, #eeeeee);
    padding: 4px;
} 
.ui-radio .ui-btn-hover-a, 
.ui-checkbox .ui-btn-hover-a {
    border: 1px solid #bbbbbb /*{a-bhover-border}*/;
    color: #333;
    text-shadow: 1px 1px #fff;
    background: #f5f5f5;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#eeeeee));
    background-image: -webkit-linear-gradient(#f5f5f5, #eeeeee);
    background-image: -moz-linear-gradient(#f5f5f5, #eeeeee);
    background-image: -ms-linear-gradient(#f5f5f5, #eeeeee);
    background-image: -o-linear-gradient(#f5f5f5, #eeeeee);
    background-image: linear-gradient(#f5f5f5, #eeeeee);
    padding: 4px;
} 
.ui-radio .ui-btn-inner,
.ui-checkbox .ui-btn-inner {
    height: auto !important;
}

.ui-btn-up-c {
    border: 1px solid #554745;
    background: #eee;
    font-weight: 700;
    color: #222;
    text-shadow: 0 1px 0 #fff;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f1f1f1));
    background-image: -webkit-linear-gradient(#fff, #f1f1f1);
    background-image: -moz-linear-gradient(#fff, #f1f1f1);
    background-image: -ms-linear-gradient(#fff, #f1f1f1);
    background-image: -o-linear-gradient(#fff, #f1f1f1);
    background-image: linear-gradient(#fff, #f1f1f1);
}
.ui-btn-up-c:visited, .ui-btn-up-c a.ui-link-inherit {
    color: #2f3e46;
}
.ui-btn-up-c, .ui-btn-hover-c, .ui-btn-down-c {
    font-family: Helvetica, Arial, sans-serif;
    text-decoration: none;
}

/** DIALOG */
.ui-dialog {}

/*TemaPersonalisado - Tema B */
body {
    background: #cccccc;
}

.ui-btn-text {
    font-weight: 400;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-size: 16px;
    font-family: 'Oswald', sans-serif;
}

.ui-page.ui-body-b{ 
    background: #cccccc;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#666666));
    background-image: -webkit-linear-gradient(#cccccc, #666666);
    background-image: -moz-linear-gradient(#cccccc, #666666);
    background-image: -ms-linear-gradient(#cccccc, #666666);
    background-image: -o-linear-gradient(#cccccc, #666666);
    background-image: linear-gradient(#cccccc, #666666);
}

.ui-bar-b{
	/*border:1px solid #797979;*/
	background:#2a2a2a;
	color:#fff;
	font-weight:700;
	text-shadow:0 1px 0 #000; 
	background-image: -webkit-gradient(linear, left top, left bottom, from(#2a2a2a), to(#727272));
    background-image: -webkit-linear-gradient(#2a2a2a, #727272);
    background-image: -moz-linear-gradient(#2a2a2a, #727272);
    background-image: -ms-linear-gradient(#2a2a2a, #727272);
    background-image: -o-linear-gradient(#2a2a2a, #727272);
    background-image: linear-gradient(#2a2a2a, #727272);
}
.ui-bar-b{
	border:0px solid #e27210;
	background: #e27210;
}

#tela_inicial .ui-header.ui-bar-b {
    /*background:none;*/
    border-bottom: 1px solid #bebebe;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#2a2a2a), to(#585858));
    background-image: -webkit-linear-gradient(#2a2a2a, #585858);
    background-image: -moz-linear-gradient(#2a2a2a, #585858);
    background-image: -ms-linear-gradient(#2a2a2a, #585858);
    background-image: -o-linear-gradient(#2a2a2a, #585858);
    background-image: linear-gradient(#2a2a2a, #585858);
}
#tela_inicial .ui-header.ui-bar-b {
    background: transparent;
    border: 0;
}


.ui-bar-b a.ui-link {
    color: #adc7dd;
    font-weight: 700;
}
.ui-bar-b a.ui-link:visited {
    color: #69809c;
}
.ui-bar-b a.ui-link:hover {
	color: #69809c;
}
.ui-bar-b a.ui-link:active {
	color: #69809c;
}
.ui-bar-b,
.ui-bar-b input,
.ui-bar-b select,
.ui-bar-b textarea,
.ui-bar-b button {
	 font-family: Oswald, Arial, sans-serif /*{global-font-family}*/;
     font-weight: 100;
}

.ui-footer.ui-bar-b{
  background: #727272;
  border: 1px solid #fff;
}

.ui-content.ui-body-b{
	background-color: transparent;
}

.ui-body-b,
.ui-overlay-b {
	border: 0px solid #bdbdbd;
	color: #000;
	font-family: Calibri,Arial,sans-serif;
    background-color: #fff;
	/*text-shadow:
    -1px -1px 0 #fff,
    1px -1px 0 #fff,
    -1px 1px 0 #fff,
    1px 1px 0 #fff; */	
}

.ui-overlay-b {
	background-image: none;
	border-width: 0;
}
.ui-body-b,
.ui-body-b input,
.ui-body-b select,
.ui-body-b textarea,
.ui-body-b button {
	 font-family: Calibri, Arial, sans-serif;
}

.ui-body-b .ui-link-inherit {
	color: #000000;
}

.ui-body-b .ui-link:visited {
    color: #69809c;
}
.ui-body-b .ui-link:hover {
	color: #69809c;
}
.ui-body-b .ui-link:active {
	color: #69809c;
}

.ui-btn-up-b {
    font-weight: 700;
    color: #fff;
    text-shadow: 0 1px 0 #000;
    border: 1px solid #ccc;
    background: #f8ad6c;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f8ad6c), to(#d26608));
    background-image: -webkit-linear-gradient(#f8ad6c, #d26608);
    background-image: -moz-linear-gradient(#f8ad6c, #d26608);
    background-image: -ms-linear-gradient(#f8ad6c, #d26608);
    background-image: -o-linear-gradient(#f8ad6c, #d26608);
    background-image: linear-gradient(#f8ad6c, #d26608);
}
.ui-btn-up-b:visited, .ui-btn-up-b a.ui-link-inherit {
    color: #fff;
}

a.ui-link-inherit {
    text-decoration: none !important;
    text-transform: none;
    font-weight: bold;
    font-family: Arial, sans-serif;
    letter-spacing: 1px;
}

.ui-btn-hover-b {
    font-weight: 700;
    color: #fff;
    text-shadow: 2px 2px 2px #797979;
    border: 1px solid #605d5c;
    background: #605d5c;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#605d5c), to(#999999));
    background-image: -webkit-linear-gradient(#605d5c, #999999);
    background-image: -moz-linear-gradient(#605d5c, #999999);
    background-image: -ms-linear-gradient(#605d5c, #999999);
    background-image: -o-linear-gradient(#605d5c, #999999);
    background-image: linear-gradient(#605d5c, #999999);
}
.ui-btn-hover-b:visited, .ui-btn-hover-b:hover, .ui-btn-hover-b a.ui-link-inherit {
    color: #fff;
}

.ui-btn-down-b {
    font-weight: 700;
    color: #fff;
    text-shadow: 2px 2px 2px #797979;
    border: 1px solid #605d5c;
    background: #605d5c;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#605d5c), to(#999999));
    background-image: -webkit-linear-gradient(#605d5c, #999999);
    background-image: -moz-linear-gradient(#605d5c, #999999);
    background-image: -ms-linear-gradient(#605d5c, #999999);
    background-image: -o-linear-gradient(#605d5c, #999999);
    background-image: linear-gradient(#605d5c, #999999);
}
.ui-btn-down-b:visited, .ui-btn-down-b:hover, .ui-btn-down-b a.ui-link-inherit {
    color: #fff;
}

.ui-btn-up-b, .ui-btn-hover-b, .ui-btn-down-b {
    font-family: 'Oswald', sans-serif;
    text-decoration: none;
}

.ui-bar-b .ui-navbar ul {
	border-bottom: 1px solid #2a2a2a;
    
}

.ui-bar-b .ui-header .ui-title{
	color: #000;
    text-shadow: 1px 1px 1px #FFF;
}

.ui-bar-b .ui-footer .ui-title {
    color: #000;
    text-shadow: 1px 1px 1px #FFF;
}

.ui-bar-b .ui-li-divider ,.ui-bar-b .ui-li-heading {
    text-shadow: 1px 1px 1px #000;
}

.ui-input-text.ui-body-b{
    background-color: #ededed;
}
    
div.ui-input-text.ui-body-b, .ui-input-text.ui-body-b {
    border: 1px solid #fff;
}

.ui-select a .ui-btn-text {
    text-align: left;
    padding: 3px 0 0 15px;
}

/* Primeiro li de ul_andamentos é o título, o segundo é o andamento mais recente (que deve ficar em negrito). */ 
.ul_andamentos>li:nth-child(2){
    font-weight: bold;
}

.ui-li .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li{
    padding: .7em 29px .7em 15px;
    display: block;
    font-family: Montserrat, sans-serif;
    letter-spacing: 1px;
}

/*TemaPersonalisado - Tema E */
/* 
Eduarda O. Shimizu: Transformar em tema amarelo
*/

.ui-bar-e {
    border: 1px solid #bebbb4;
    background: #FCD48D;
    color: #000;
    font-weight: 700;
    text-shadow: 0 1px 0 #ffffff;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#6facd5), to(#fde6be));
    background-image: -webkit-linear-gradient(#FCD48D, #fde6be);
    background-image: -moz-linear-gradient(#FCD48D, #fde6be);
    background-image: -ms-linear-gradient(#FCD48D, #fde6be);
    background-image: -o-linear-gradient(#FCD48D, #fde6be);
    background-image: linear-gradient(#FCD48D, #fde6be);
}
.ui-bar-e, .ui-bar-e input, .ui-bar-e select, .ui-bar-e textarea, .ui-bar-e button {
    font-family: Montserrat, Arial, sans-serif;
}
.ui-bar-e .ui-link-inherit {
    color: #333;
}
.ui-bar-e a.ui-link {
    color: #4e0d12;
    font-weight: 700;
}
.ui-bar-e a.ui-link:visited {
    color: #4e0d12;
}
.ui-bar-e a.ui-link:hover {
    color: #4e0d12;
}
.ui-bar-e a.ui-link:active {
    color: #4e0d12;
}
.ui-body-e, .ui-overlay-e {
    border: 1px solid #554745;
    color: #866659;
    text-shadow: 0 1px 0 #fff;
    background: #fff;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ffffff));
    background-image: -webkit-linear-gradient(#fff, #ffffff);
    background-image: -moz-linear-gradient(#fff, #ffffff);
    background-image: -ms-linear-gradient(#fff, #ffffff);
    background-image: -o-linear-gradient(#ffffff, #ffffff);
    background-image: linear-gradient(#ffffff, #ffffff);
}
.ui-overlay-e {
    background-image: none;
    border-width: 0;
}
.ui-body-e, .ui-body-e input, .ui-body-e select, .ui-body-e textarea, .ui-body-e button {
    font-family: Helvetica, Arial, sans-serif;
}
.ui-body-e .ui-link-inherit {
    color: #222;
}
.ui-body-e .ui-link {
    color: #4e0d12;
    font-weight: 700;
}
.ui-body-e .ui-link:visited {
    color: #4e0d12;
}
.ui-body-e .ui-link:hover {
    color: #4e0d12;
}
.ui-body-e .ui-link:active {
    color: #4e0d12;
}
.ui-btn-up-e {
    border: none;
    background: #d06c84;
    font-weight: 700;
    color: #66659;
    text-shadow: 0 1px 0 #fff;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#d06c84), to(#ffffff));
    background-image: -webkit-linear-gradient(#d06c84, #ffffff);
    background-image: -moz-linear-gradient(#d06c84, #ffffff);
    background-image: -ms-linear-gradient(#d06c84, #ffffff);
    background-image: -o-linear-gradient(#d06c84, #ffffff);
    background-image: linear-gradient(#d06c84, #ffffff);
}
.ui-btn-up-e:visited, .ui-btn-up-e a.ui-link-inherit {
    color: #222;
}
.ui-btn-hover-e {
    border: 1px solid #f2c43d;
    background: #fbe26f;
    font-weight: 700;
    color: #111;
    text-shadow: 0 1px 0 #fff;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff5ba), to(#fbdd52));
    background-image: -webkit-linear-gradient(#fff5ba, #fbdd52);
    background-image: -moz-linear-gradient(#fff5ba, #fbdd52);
    background-image: -ms-linear-gradient(#fff5ba, #fbdd52);
    background-image: -o-linear-gradient(#fff5ba, #fbdd52);
    background-image: linear-gradient(#fff5ba, #fbdd52);
}
.ui-btn-hover-e:visited, .ui-btn-hover-e:hover, .ui-btn-hover-e a.ui-link-inherit {
    color: #333;
}
.ui-btn-down-e {
    border: 1px solid #f2c43d;
    background: #fceda7;
    font-weight: 700;
    color: #111;
    text-shadow: 0 1px 0 #fff;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f8d94c), to(#fadb4e));
    background-image: -webkit-linear-gradient(#f8d94c, #fadb4e);
    background-image: -moz-linear-gradient(#f8d94c, #fadb4e);
    background-image: -ms-linear-gradient(#f8d94c, #fadb4e);
    background-image: -o-linear-gradient(#f8d94c, #fadb4e);
    background-image: linear-gradient(#f8d94c, #fadb4e);
}
.ui-btn-down-e:visited, .ui-btn-down-e:hover, .ui-btn-down-e a.ui-link-inherit {
    color: #333;
}
.ui-btn-up-e, .ui-btn-hover-e, .ui-btn-down-e {
    font-family: Helvetica, Arial, sans-serif;
    text-decoration: none;
}

/** FIX PARA ICONE CELULAR (PORTRAIT) */ 
@media (max-width: 640px){
    .ui-btn-icon-top .ui-btn-inner .ui-icon, 
    .ui-btn-icon-bottom .ui-btn-inner .ui-icon {
        left: 20px;
    }
    .ui-btn {
        margin: .5em 0;
    }
    .ui-btn-icon-top .ui-btn-inner{
        padding-top: 10px !important;
    }
}

/** FIX PARA ICONE CELULAR (LANDSCAPE) */ 
@media (min-width: 641px) and (max-width: 800px) {{
    .ui-btn-icon-top .ui-btn-inner .ui-icon, 
    .ui-btn-icon-bottom .ui-btn-inner .ui-icon {
        left: 20px;
    }
}


/** FIX PARA ICONE CELULAR */ 
@media (max-width: 767px) {
    .ui-page.ui-body-b{ 
        /*background: url('../images/bg-tablet-9RISP.jpg') no-repeat;*/
        background-attachment: fixed;
        background-position: bottom center;
    }
    .nota-exigencia, 
    .block-instrucoes {
        font-size: 13px;
        font-weight: normal;
    }
    .qr-code {
        display: none;
    }
    .ui-footer ul li {
        display: block;
    }
    .ui-footer .ui-grid-a > :nth-child(n) {
        width: 100%;
    }
	.ui-footer .ui-grid-b > :nth-child(n) {
        width: 100%;
    }
    .celula_1, .celula_2, .celula_1b, .celula_2b, .celula_3b {
        width: 100% !important;
    }
    .bt-duvidas-topo {
        display: none;
    }
    
    .ui-footer-fixed {
        position: inherit;
    }
    
}

@media (max-width: 438px) {
    .ui-page.ui-body-b{ 
        /*background: url('../images/bg-celular-9RISP.jpg') no-repeat;*/
        background-attachment: fixed;
        background-position: bottom center;
    }
    #tela_inicial .ui-btn-icon-top .ui-btn-inner {
        padding-top: 0px;
    }
    #tela_inicial .ui-btn-inner .ui-btn-text {
        float: right;
        width: 100%;
        margin-top: 5px;
    }
    #tela_inicial .ui-btn-inner .ui-icon {
        float: left;
    }
    #tela_inicial .ui-btn-icon-top .ui-btn-inner .ui-icon, .ui-btn-icon-bottom .ui-btn-inner .ui-icon {
        left: 15px;
        margin-left: 0px;
    }
    #tela_inicial .ui-btn-icon-top .ui-icon {
        top: 8px;
    }
    #tela_inicial .ui-btn {
        margin: 5px;
    }
    #tela_inicial .ui-li .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li {
        padding: 0.3em 15px;
    }
    #tela_inicial .ui-btn-icon-left > .ui-btn-inner > .ui-icon, .ui-btn-icon-right > .ui-btn-inner > .ui-icon {
        display: none;
    }