/* iOS Cordova Tweak */
.device-cordova.device-ios {
  height: 100vh;
}


:root {
  --f7-theme-color: #f72775;
  --f7-theme-color-rgb: 247, 39, 117;
  --f7-theme-color-shade: #0936C3;
  --f7-theme-color-tint: #a44ef1;
  --f7-theme-color-light: #EBF6F0;
  --f7-theme-color-white: #fff;
  --f7-input-item-bg-color:#fff;
  --swiper-theme-color:#f72775;
  --swiper-pagination-color:#f72775;
  --f7-block-title-font-size:15px;
  --f7-dialog-title-font-size: 16px;
   }

.color-pink {
	background-color:#f72775;	
}

.color-green {
	background-color:#486024;
}

.color-red {
	background-color: #CA0000;
}

.color-gray {
	background-color: #999999;
}


.md .dialog-button {
  width: 100%;
}

/* Reset */
::selection {
  color: #fff;
  background: var(--f7-theme-color); }

body {
  overflow-x: hidden;
  height: 100%;
  position: relative;
  color: #777777;
  max-width: 100%;
  font-size: 13px;
  font-family: 'Roboto', sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  
 /* login */
.navbar-login .title {
	font-size: 14px;
	font-weight:400;
	color: #444;
	text-align:center;
}

.button-fill-login:disabled {
            opacity: 0.5; /* Adiciona uma aparência de botão desativado */
            cursor: not-allowed; /* Altera o cursor para indicar que o botão está desativado */
			background-color:#999;
        }
		
		
		
.show-pass {
  position: absolute;
  right: 0px;
  top: -10px; }
  .show-pass:after {
    content: "";
    background-color: var(--f7-theme-color);
    width: 2px;
    height: 20px;
    position: absolute;
    top: 2px;
    left: 11px;
    transform: rotate(40deg);
    display: block; }
  .show-pass.active:after {
    display: none; }
  .show-pass [fill] {
    fill: var(--f7-theme-color); }
	
/* apresentacao e login */

.div-button {
	padding: 5px 15px 15px 15px;
}

.img-apresentacao {
	text-align:center;
	padding: 20px 20px 0px 20px;
	
}
.img-round {
	border-radius: 5px;
	border: 1px solid #e1e1e1;
}

.img-apresentacao-2 {
	text-align:center;
	padding-top:45px;
	
}

.p-apresentacao {
	padding: 20px;
	height: 200px;
}

.p-apresentacao p {
	font-size:16px;
	color:#222;
}
.toolbar-apresentacao {
	padding-bottom:15px;
	background-color:#FFF;
	
}
	
.img-cadastrar {
	width: 100%;
  max-width: 480px;
  height: auto;
}
.div-img {
	padding:25px;
	background-color:#E7E7E7;
	text-align:center;
}

/* navbar home */
.navbar_home  {
height: 120px;

}
.navbar_home .navbar-bg {
	background-color: #6D579D;
	border-radius: 0% 0% 90% 90% / 0% 0% 66% 66%;
}

.navbar_home .navbar-inner {
  position: absolute;
  left: 15px; /* Ajuste para a margem esquerda desejada */
  right: 15px; /* Ajuste para a margem direita desejada */
  bottom: 0;
  width:auto;
  height:75px;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  padding: var(--f7-safe-area-top) calc(var(--f7-navbar-inner-padding-right) + var(--f7-safe-area-right)) 0 calc(var(--f7-navbar-inner-padding-left) + var(--f7-safe-area-left));
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

.navbar_home .title p {
	font-size: 14px;
	color: #666;
	margin: 0px;
	
}

.navbar_home .link-avisos {
  margin-top: 15px;
  margin-right: 5px;
}

/* navbar internas */
.navbar-internas .navbar-bg {
  background: #6D579D;
  background-color: #6D579D;
}

.navbar-internas a {
	color: #FFF;
}

.navbar-internas .title {
	font-size:16px;
	color: #FFF;
}


.padding-box-middle {
  padding: 12px;
}

p {
  line-height: 19px;
  font-size:14px;
  margin:0; }

h1,
h2,
h3,
h4,
h5,
h6,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  color: #222222; }

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-weight: 400;
  margin: 0px;
  }

h1,
.h1 {
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.3; }

h2,
.h2 {
  font-size: 1.75rem;
  font-weight: 500;
  line-height: 1.3; }

h3,
.h3 {
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.3; }

h4,
.h4 {
  font-size: 1.25rem;
  line-height: 1.4;
  font-weight: 500; }

h5,
.h5 {
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.4; }

h6,
.h6 {
  font-size: 0.9rem;
  font-weight: 500;
  line-height: 1.4; }

.bg-primary {
  background: var(--f7-theme-color) !important; }

.text-primary {
  color: var(--f7-theme-color) !important; }

.text-success {
  color: #486024 !important; }

.text-info {
  color: #6798ff !important; }

.text-warning {
  color: #ff9838 !important; }

.text-secondary {
  color: #FF7F23 !important; }

.text-black {
  color: #000; }
  
.text-gray {
	color: #666;
}

.text-white {
  color: #fff; }

.bg-info {
  background: #6798ff !important; }

.ml-auto {
  margin-left: auto; }

.mr-auto {
  margin-right: auto; }
  
.mr-1 {
	margin-right:5px;
	
}
  
.ml-1 {
	margin-left:10px !important;
	
}
.ml-2 {
	margin-left:15px !important;
}

.ml-3 {
	margin-left:20px !important;
	
}
.ml-4 {
	margin-left:25px !important;
}

.mt-1 {
	margin-top:10px !important;
	
}
.mt-2 {
	margin-top:15px !important;
}

.mt-3 {
	margin-top:20px !important;
	
}
.mt-4 {
	margin-top:25px !important;
}

.mb-1 {
	margin-bottom:10px !important;
	
}
.mb-2 {
	margin-bottom:15px !important;
}

.mb-3 {
	margin-bottom:20px !important;
	
}
.mb-4 {
	margin-bottom:25px !important;
}


/* menus */

.background-white {
	background-color:#fff;
}

.padding-box {
  padding: 15px;
}
.box-shadow {
  box-shadow: 0 12px 30px -15px rgba(0, 0, 0, 0.2);
 
}
.border-radius {
  border-radius: 25px;
}
.text-center {
  text-align: center;
}

.page_home {
background-color:#e9eef5;
}


/* tabs */

.md .tabbar-icons:not(.tabbar-icons) .tab-link-highlight, .md .tabbar:not(.tabbar-icons) .tab-link-highlight {
	background: #6d579d;
}

/* avisos */
.card-feed .card-header {
padding: 5px 12px 0px 12px;
}

.card-feed .date {
	font-size:12px;
	color:#666;
}

.card-feed .card-content-padding {
	padding: 0px 15px 12px 15px;
}

.card-feed .item-inner {
  margin-left: 10px !important;
}

.card-feed .fs-sm {
	font-size:14px;
}

/* avisos */

.bg-prestacao {
  background-color: #fff;
  border: 1px solid #6d6d6d;
}

.list .item-after { 
  color: #222222;
}

.list .item-title { 
	color: #222222;
}

.list .item-link .item-inner::before {
	color: #222222 !important;
}

.block-title {
	margin-top:0px;
	margin-bottom:0px;
}

/* faturas */

.list-faturas .item-content {
	min-height: 30px !important;
}

.list-faturas .item-media {
	font-size:13px;
	min-width:75px;
}

.list .item-media + .item-inner {
  margin-left: 10px !important;
}

.list .item-title {
	font-size:15px;
	
}
.list-faturas .item-inner {
  padding-top: 1px;
  padding-bottom: 1px;
  min-height: 35px;
}

 .step {
            padding: 20px;
            text-align: center;
        }
.hidden {
            display: none;
        }
		
		
button.close {
  padding: 0;
  background-color: transparent;
  border: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position:absolute;
  top: -30px;
  right:0;
}
.close {
  font-weight: 700;
  text-shadow: 0 1px 0 #fff;
}

.rounded {
  border-radius: 4px;
}

.img-fluid {
  max-width: 100%;
  height: auto;
}

.notif-home:first-child {
	margin-top:30px;
	
}

.notif-home {
  background-color:#FFFDF0;
  box-sizing: border-box;
  position: relative;
  z-index: 1;
  color: var(--f7-block-text-color);
  padding: 10px;
  padding-left: calc(var(--f7-block-padding-horizontal) + var(--f7-safe-area-left));
  padding-right: calc(var(--f7-block-padding-horizontal) + var(--f7-safe-area-right));
  font-size: var(--f7-block-font-size);
  border-radius: var(--f7-block-inset-border-radius);
  margin-top:20px;
  margin-left: 0px;
  margin-right: 0px;
  --f7-safe-area-left: 0px;
  --f7-safe-area-right: 0px;
  border: 1px solid #C7C7C7;
	
}