/********* LOGIN **********/
.black-top {background-color: #000; height: 20px;}
.form-wrapper {margin: 40px auto 0 auto; width: 600px; max-width: 90%;}
.logo-login {display: block; width: 400px; margin: 20px auto 20px auto; max-width: 100%;}
#form-tag,#form-find,#form-login {margin: 40px 0 80px 0; padding: 40px;}
#form-find {display: none;}
#form-login {display: none;}
.btok {margin-top: 32px; width: 100%; cursor: pointer;}
.lista-academia-wrapper{height: 200px; overflow-y: scroll; border: 1px solid #efefef;}
.item-academia{padding: 10px 12px 10px 12px; cursor: pointer;}
.gray{background-color: #efefef;}
input[type="text"] {background-color: #efefef;}
input[type="password"] {background-color: #efefef;}
select {background-color: #efefef; width: 100%;}
#info-academia{margin-bottom: 60px;}

/********* AGENDA **********/
.header {height: 54px; box-shadow: 0 5px 20px #777; padding: 1px; position: fixed; width: 100%; z-index: 100; background-color: #fff;}
.logo-agenda {float: left; width: 200px; margin: 16px 0 0 20px;}
.logout {float: right; margin: 14px 20px 0 0; color: #000;}
.logout:hover {text-decoration: none; color: #000;}
.logout img {margin: -2px 0 0 4px;}
.wrapper-info .title {float: left; clear:both; width: 100%; margin-top: 18px;}
.treino {display: flex; background-color: #2e3f50; padding: 10px; border-radius: 4px; cursor: pointer; margin-bottom: 2px;}
.treino .letra {flex: 0 0 50px; font-size: 38px; line-height: 38px; font-weight: bold; color: #FFF; text-transform: uppercase; text-align: center;}
.treino .descricao {flex: 1; font-size: 15px; color: #fff; text-transform: uppercase;}
.aviso {display: flex; margin-bottom: 8px;}
.aviso .icone {flex: 0 0 70px; font-size: 38px; min-height: 86px; line-height: 38px; font-weight: bold; color: #FFF;}
.aviso .icone .wrapper {margin-right: 4px; padding: 10px; border-radius: 4px;}
.aviso .descricao {flex: 1; font-size: 12px;}
.aviso .descricao .wrapper {padding: 10px; min-height: 60px; border-radius: 4px; min-height: 86px;}
.aviso .descricao .titulo {font-size: 15px; color: #000;}
.aviso .descricao .link {font-size: 14px; margin-top: 2px; font-style: bold; color: #000;}

/********* FOTO REDONDA **********/
.circle {
  background-color: #fff;
  border-radius: 50%;
  width: 260px;
  height: 260px;
  overflow: hidden;
  position: relative;
  margin-left: auto;
  margin-right: auto
}

.circle_image {
  width: auto;
  height: 100%;
  margin-left: -20px;
}


/*********************************************************************************/
/* General button style */
/*********************************************************************************/
.btn-p {
  border: none;
  font-family: 'Lato';
  font-size: inherit;
  color: inherit;
  background: none;
  cursor: pointer;
  padding: 25px 80px;
  display: inline-block;
  margin: 15px 15px;
  letter-spacing: 1px;
  font-weight: 700;
  outline: none;
  position: relative;
  width: 100%;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}

.btn-p:after {
  content: '';
  position: absolute;
  z-index: -1;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}

/* Pseudo elements for icons */
.btn-p:before {
  font-family: 'FontAwesome';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  position: relative;
  -webkit-font-smoothing: antialiased;
}


/* Icon separator */
.btn-p-sep {
  padding: 25px 35% 25px 35%;
}

.btn-p-sep:before {
  background: rgba(0,0,0,0.15);
}

/* Button 1 */
.btn-p-1 {
  background: #3498db;
  color: #fff;
}

.btn-p-1:hover {
  background: #2980b9;
}

.btn-p-1:active {
  background: #2980b9;
  top: 2px;
}

.btn-p-1:before {
  position: absolute;
  height: 100%;
  left: 0;
  top: 0;
  line-height: 3;
  font-size: 140%;
  width: 60px;
}

/* Button 2 */
.btn-p-2 {
  background: #2ecc71;
  color: #fff;
}

.btn-p-2:hover {
  background: #27ae60;
}

.btn-p-2:active {
  background: #27ae60;
  top: 2px;
}

.btn-p-2:before {
  position: absolute;
  height: 100%;
  left: 0;
  top: 0;
  line-height: 3;
  font-size: 140%;
  width: 60px;
}

/* Button 3 */
.btn-p-3 {
  background: #e74c3c;
  color: #fff;
}

.btn-p-3:hover {
  background: #c0392b;
}

.btn-p-3:active {
  background: #c0392b;
  top: 2px;
}

.btn-p-3:before {
  position: absolute;
  height: 100%;
  left: 0;
  top: 0;
  line-height: 3;
  font-size: 140%;
  width: 60px;
}

/* Button 3 */
.btn-p-4 {
  background: #99a3a4;
  color: #fff;
}

.btn-p-4:hover {
  background: #ccd1d1;
}

.btn-p-4:active {
  background: #99a3a4;
  top: 2px;
}

.btn-p-4:before {
  position: absolute;
  height: 100%;
  left: 0;
  top: 0;
  line-height: 3;
  font-size: 140%;
  width: 60px;
}

/* Icons */

.icon-cart:before {
  content: "\f07a";
}

.icon-heart:before {
  content: "\f55a";
}

.icon-info:before {
  content: "\f05a";
}

.icon-send:before {
  content: "\f1d8";
}