/* Your app's CSS, go crazy, make it your own */

.ionic-logo {
  display: block;
  margin: 15px auto;
  width: 96px;
  height: 96px;
}

.details {
    padding: 0px 12px 20px 12px;
}

.details img {
    float: left;
    margin-right: 12px;
}

.list {
    clear: both;
}


.item-detail {
    background: #8A6DE9;
    color: white;
    text-align: center;
}

.col-detail{
    margin: auto;
}

/*************************************
VALIDAÇÃO CAMPOS REQUERIDOS
*************************************/
label.item.has-error {
  border-bottom: 2px solid red;
  /*border-left: 2px solid rgb(254, 154, 154);
  border-right: 2px solid rgb(254, 154, 154);
  border-top: 2px solid rgb(254, 154, 154);*/
}

.xrequired{
    color: black;
    font-weight: bold;
}

.xaprova{
    color: green;
}

.xreprova{
    color: red;
}

.xnorequired{
    color: black;
    font-weight: normal;
}


label.item.valid-lr {
  border-bottom: 2px solid green;
}

.login-container {
	/*background-color: #c0c0c0;*/
	height: 100%;
	padding: 10px;
}

.login-container > .header {
    -webkit-flex: 4;
    padding-top: 20px;
}

.item-input-login {
	margin-bottom: 10px;
	border: none;
	border-bottom: 1px solid #c2cae2;
}

.item-input-login > i {
	color: #6d80b8;
}

.row-button {
	padding-left: 10%;
	padding-right: 10%;
}

.gif-center{
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -70px;
  margin-top: -40px;
}

.icon36 {
    font-size: 32px;
}

.icon-warning {
	color: orange;
}

.icon-danger {
	color: #ff9980;
}

.icon-success {
	color: #80ff80;
}

.item-content .item-input  {
	margin: -16px -16px -16px -16px;
}

.item-content .list {
	margin: -11px 65px -11px -11px;
}

.item-content .range  {
	margin: -17px 65px -17px -17px;
}

.item-group  {
	margin-left: 30px;
	border-left: none;
	border-right: none;
	border-top: none;
}

.item-divider-group {
	background-color: #D4C7FF !important;
	border-bottom: none;
}

.circle {
	width: 32px;
	height: 32px;
	border-radius: 50%;
	font-size: 20px;
	color: #fff;
	line-height: 32px;
	text-align: center;
}

.circle-right {
	position: absolute;
	top: 20%;
	right: 40px;
}

.circle-right-2 {
	position: absolute;
	top: 20%;
	right: 80px;
}

.circle-right-input {
	position: absolute;
	top: 20%;
	right: 45px;
}

.circle-right-2-input {
	position: absolute;
	top: 20%;
	right: 85px;
}

.circle-calm {
	border-color: #0a9ec7;
	background: #11c1f3;
}

.circle-royal {
	border-color: #6b46e5;
	background: #886aea;
}

.button.button-login {
	border-color: transparent;
	background-color: #6d80b8;
	color: #fff;
}

.text-erro {
	color: red;
}

.item-proximo {
	/*background-color: #6d80b8;*/
	/*color: green !important;*/
}

.item-button {
	padding: 10px;
}

.button-95 {
	width: 95%;
}

.item-perto {
	padding-top: 5px;
	padding-bottom: 5px;
}

/* customizações do ionic */
.bar.bar-positive {
	border-color: #0c60ee;
	background-color: #6d80b8;
	background-image: linear-gradient(0deg, #6d80b8, #6d80b8 50%, transparent 50%);
	color: #fff;
}

.button.button-positive.button-clear {
	border-color: transparent;
	background: none;
	box-shadow: none;
	color: #6d80b8;
}

.button.button-positive {
	border-color: transparent;
	background-color: #6d80b8;
	color: #fff;
}

.button.button-positive.activated {
	border-color: transparent;
	background-color: #536497;
	color: #fff;
}

.button.button-balanced {
	border-color: transparent;
	background-color: #00b33c;
	color: #fff;
}

.button.button-balanced.activated {
	border-color: transparent;
	background-color: #00802b;
	color: #fff;
}

.button-right-10 {
	margin-right: 8px;
}

.top-modal {
	z-index: 11;
}

@media (min-width: 680px) {
	.modal {
	  top: 0%;
	  right: 0%;
	  bottom: 0%;
	  left: 0%;
	  min-height: 240px;
	  width: 100%;
	}
}