/* TESTING CONNECTION GITHUB 3 */

/* GP */
select.form-control{
  -webkit-appearance: menulist!important;
  -moz-appearance: menulist!important;
  -ms-appearance: menulist!important;
  -o-appearance: menulist!important;
  appearance: menulist!important;
  border-radius: 5px;;
}
.entregue {
	font-family: 'Anton'; letter-spacing: 10px;font-size: 65px; text-transform: uppercase; margin-bottom: 5px;
}
.resultados {
	color: #a8d500!important;
}
.home-subtitle{
	color: #ffffff; font-size: 24px;
}
label.error {
	color:  #F00!important;
	margin-bottom: 0px;
	margin-top: 4px;
}
#button-15-FREE:hover {
	/*font-size: 24px;*/
	padding: 40px 50px;
	font-size: 26px;
	background-color: #a8d500;
	border-width: 1px;
	box-shadow: 0px 0px 30px #a8d500;
}
#button-15-FREE {
	transition: all 0.2s;
	margin-top: 70px;
	font-size: 20px;
	padding: 24px 32px;
	font-weight: bold;
	background-color: #a8d500;
	border-color: #a8d500!important;
	border-width: 2px;
	box-shadow: 0px 0px 10px #a8d500;
}
#button-15-FREE-dark {
	transition: all 0.2s;
	margin-top: 70px;
	font-size: 20px;
	padding: 24px 32px;
	font-weight: bold;
	background-color: #181a1c;
	border-color: #181a1c!important;
	border-width: 2px;
	box-shadow: 0px 0px 10px #181a1c;
}
a.see-video {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 18px!important;
}
i.see-video {
	margin-right: 4px;
	padding-top: 2px;
	font-size: 22px!important;
}
.default-btn {
	position: relative;
  padding: 12px 30px;
  margin: 0.3125rem 1px;;
  font-size: .75rem;
  font-weight: 400;
  line-height: 1.428571;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 0;
  cursor: pointer;
  background-color: transparent;
  border: 0;
  border-radius: 0.2rem;
  outline: none!important;
  transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  will-change: box-shadow, transform;
}
.btn-light {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
  box-shadow: none;
}

.btn-light:hover {
  color: #212529;
  background-color: #e2e6ea;
  border-color: #dae0e5;
}

.default-btn.btn-success {
	color: #fff;
	background-color: #4caf50;
	border-color: #4caf50;
}
.default-btn.btn-success:hover {
	box-shadow:  0 14px 26px -12px rgb(76 175 80 / 42%), 0 4px 23px 0px rgb(0 0 0 / 12%), 0 8px 10px -5px rgb(76 175 80 / 20%);	
}
.default-btn.btn-info {
	color: #fff;
	background-color: #00bcd4;
	border-color: #00bcd4;
}
.default-btn.btn-info:hover {
	box-shadow:  0 14px 26px -12px rgb(0 188 212 / 42%), 0 4px 23px 0px rgb(0 0 0 / 12%), 0 8px 10px -5px rgb(0 188 212 / 20%);
}

.default-btn.btn-af {
	color: #fff;
	background-color: #181a1c;
	border-color: #181a1c;
}
.default-btn.btn-af:hover {
	box-shadow:  0 14px 26px -12px rgb(19 135 184 / 42%), 0 4px 23px 0px rgb(0 0 0 / 12%), 0 8px 10px -5px rgb(19 135 184 / 20%);
}

.default-btn.disabled, .btn.disabled {
	cursor: not-allowed;
	color: #ffffff;
	background-color: #6c757d;
	border-color: #6c757d;
	opacity: 0.65;
	box-shadow: none;
}

#foods-list {
	padding-left: 0;
	padding-top: 16px;
}
#foods-list .food {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
	margin: 6px 15px 6px 20px;
	border-radius: 5px;
	padding-right: 5px;
	cursor: pointer;
	width: 22%;
	background-color: #f2f2f2;
	border: none;
}
#foods-list .food:hover {
	color:  #007eff;
}

@media only screen and (max-width: 1280px) {
	#foods-list .food {
		width: 42%;
	}		 
}

@media only screen and (max-width: 478px) {
	#foods-list .food {
		width: 100%;
	}		 
}

/* RESET */
*,
:after,
:before {
	box-sizing: border-box
}

.clearfix:after,
.clearfix:before {
	content: '';
	display: table
}

.clearfix:after {
	clear: both;
	display: block
}

a {
	color: inherit;
	text-decoration: none
}


/* MAIN */

html {
    /*overflow: -moz-scrollbars-vertical; 
    overflow-y: scroll;*/
}
body {
	margin: 0px;
	padding: 0px;
	color: #6a6f8c;
	font-size: 14px;
}
h1, h2, h3, h4, h5 {
	color: #181a1c;
	text-transform: uppercase !important;
	font-weight: 400;
}
h1 {
	font-size: 1.7rem !important;
	font-weight: 400 !important;
}
.default h1 {
	/*margin-bottom: 50px !important;*/
}
h3, .h3 {
    font-size: 1.4rem !important;
    line-height: 1.4em !important;
	
}
.hyperlink {
	color: #a8d500;
	font-weight: bold;
}
.clickable-row .hyperlink {
	color: #181a1c;
	font-weight: bold;
}
.card-header-icon {
	min-height: 100px;
}
.small-tiny {
	font-size: 20px !important;
}
.card-info {
	background: none !important;
	box-shadow: none !important;
}
.centered {
	text-align: center;
}
.btn-centered {
	margin: auto;
}
.btn-centered .card {
	margin-bottom: 10px !important;
}
.blue {
	color: #636970 !important;
}
label, label.bmd-label-static {
    color: #6a6f8c;
    font-weight: 400;
}
table {
	font-size: 14px;
}
.tableHeading {
	color: #094F71;
    font-weight: bold;
}
label {
	color: #666666 !important;
}
.main-panel>.content {
    margin-top: 100px !important;
}

/** POPUP - ALERTS **/
.swal2-success .swal2-icon-text {
	color: #a5dc86;
}
#addedToModeloModal .modal-header .close, #notAddedToTreinosModal .modal-header .close {
    padding: 1rem;
    margin: -1rem -1rem -1rem -1rem;
}
.text-medium {
	font-size: 15px !important;
}

@media (min-width: 576px){
.modal-dialog-centered {
    min-height: calc(100% - 3.5rem);
    max-height: 100% !important;
	}
.modal-dialog {
    max-width: 90% !important;
    margin: 1.75rem auto;
}
	#popupAlertModal3 .modal-dialog{
		max-width: 500px !important;
	}
}

#tutorial .modal-content, #tutorial2 .modal-content, #tutorial3 .modal-content {
	padding: 25px;
}
#tutorial .red, #tutorial2 .red, #tutorial3 .red {
	color: red;
}

/* TABLES */

table {
	font-size: 14px;
}
.tableHeading {
	color: #094F71;
    font-weight: bold;
}
.tableHeading th {
	border-top: none !important;
}

@media screen and (max-width: 992px){
.atletas-clientes-page table thead {
    display: none;
}
.atletas-clientes-page table > *, .atletas-clientes-page table tr, .atletas-clientes-page table td, .atletas-clientes-page table th {
	display: block;
}
.atletas-clientes-page table * {
    position: relative;
}
.atletas-clientes-page table tbody tr {
    height: auto;
    padding: 37px 0;
	font-size: 14px;
}
}







/* CARDS */

.card-heading {
	font-size: 1.2em;
	line-height: 1.2em;
	padding: 10px;
	margin: 0px;
	text-transform: uppercase;
	font-weight: 400;
}

.car-heading .material-icons {
	font-size: 34px;
}

.card-stats .card-header.card-header-icon .card-title {
	text-align: left !important;
}

.card [class*="card-header-"] .card-icon {
	margin-right: 25px !important;
}
.new-planos .card-header {
    min-height: auto;
}
#new_plano .col {
    padding-right: 2px !important;
    padding-left: 2px !important;
}
#new_plano .row {
	margin: auto !important;
}
.card .row {
	margin-left:15px !important;
	margin-right: 15px !important;
}
.topbar_name {
	font-size: 1.4em;
    font-weight: 400;
}


/* BUTTONS */

.default-page .card {
	height: 100px !important;
	margin-top: 10px !important;
}

.btn-custom {
	background-color: #636970 !important;
}

.material-icons {
	vertical-align: middle !important;
}

.blue-btn .btn.btn-primary.btn-link {
	color: #fff !important;
	background-color: #a8d500 !important;
	border-color: #3e4d72 !important;
}

.blue-btn {
	min-width: 250px;
	margin: 0px !important;
}

.blue-btn .form-control {
	padding: 0px !important;
}

.ativo {
	background-color: #a8d500 !important;
}
#delete .material-icons, .delete .material-icons, .editTreino .material-icons {
	margin: 0 auto !important;
}


/* ADD ATLETAS CLIENTES */
.status-not-available {
 color: #FF0004;
}

.status-not-available {
 color: #FF0004;
}
.status-available {
 color: #54CB6C;
}


/* FORMS */

#form2 .material-icons,
#form-view .material-icons {
	vertical-align: middle;
	font-size: 16px;
}

.btn-file>input {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	font-size: 23px;
	cursor: pointer;
	filter: alpha(opacity=0);
	opacity: 0;
	direction: ltr;
}

div.fileinput-preview.fileinput-exists.thumbnail.img-raised img,
.user_thumbnail {
	width: 100px;
	height: 100px;
}

.thumbnail {
	border-radius: 50%;
	height: 100px;
	width: 100px;
	overflow: hidden;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: auto;
	border: 2px solid white;
}
.thumbnail-2 {
	border-radius: 50%;
	height: 75px;
	width: 75px;
	overflow: hidden;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border: 2px solid white;
}
.offset-thumbnail {
	margin-top: -60px;
	height: 130px !important;
	width: 130px !important;
}
.offset-thumbnail .user_thumbnail {
	height: 130px !important;
	width: 130px !important;
}
.mini {
	height: 100px !important;
	width: 100px !important;
}
.mini .user_thumbnail {
	width: 100px !important;
	height: 100px !important;
}

a.btn-danger {
	color: #ffffff;
	background-color: #f44336;
	border-color: #f44336;
	box-shadow: none;
}

#new_plano select {
	border: 1px solid #ccc;
	border-radius: 8px;
	padding: 8px;
}

.form-control {
	border: 1px solid #d2d2d2 !important;
	padding-left: 10px !important;
    padding-right: 10px !important;
}

.form-control,
.is-focused .form-control {
	background-image: linear-gradient(to top, #3E4D72 2px, rgba(156, 39, 176, 0) 2px), linear-gradient(to top, transparent 1px, rgba(210, 210, 210, 0) 1px) !important;
}

.form-control:read-only {
	background-image: none !important;
}

#form-view .form-control[readonly] {
	background-color: #ffffff !important;
	opacity: 1;
	color: #666666 !important;
}

.swal2-popup .swal2-actions {
	margin: 2em auto 1.5em !important;
}

.bootstrap-select:not(.input-group-btn),
.bootstrap-select[class*=col-] {
	float: none;
	display: inline-block;
	margin-left: 0;
}

.bootstrap-select>select {
	position: absolute!important;
	bottom: 0 !important;
	left: 50% !important;
	display: block!important;
	width: .5px!important;
	height: 100%!important;
	padding: 0!important;
	opacity: 0!important;
	border: none !important;
}

.bootstrap-select>.dropdown-toggle {
	position: relative;
	width: 100%;
	z-index: 1;
	text-align: right;
	white-space: nowrap;
}

.bootstrap-select .dropdown-toggle .filter-option {
	position: absolute;
	top: 0;
	left: 0;
	padding-top: inherit;
	padding-right: inherit;
	padding-bottom: inherit;
	padding-left: inherit;
	height: 100%;
	width: 100%;
	text-align: left;
}

.bootstrap-select .dropdown-menu>.inner:focus {
	outline: none!important;
}

.bootstrap-select .dropdown-menu.inner {
	position: static;
	float: none;
	border: 0;
	padding: 0;
	margin: 0;
	border-radius: 0;
	box-shadow: none;
}

.bootstrap-select .dropdown-menu {
	min-width: 100%;
	box-sizing: border-box;
}

.dropdown-menu.show,
.open>.dropdown-menu {
	display: block;
	opacity: 1;
	transform: scale(1);
}

.btn .material-icons {
	font-size: 1.5rem !important;
}

.table .td-actions .btn {
	padding: 5px 10px !important;
}
.clickable-row:hover {
  background-color: #a8d500 !important;
  color: #ffffff !important;
  cursor: pointer !important;
}
.clickable-row:hover .material-icons, .clickable-row:hover .hyperlink {
	color: #ffffff !important;
}
#treino_weight, #treino_weight_2, #treino_weight_3, #treino_weight_4, #treino_weight_5, #treino_tempo, #treino_descanso {
    border-radius: 8px;
    padding: 8px;
	height: calc(2.4375rem + 2px);
}
#new_plano label {
	height: 1em;
}




/* MAIN NAVIGATION */

/*.navbar.navbar-absolute {
	z-index: 1 !important;
}*/

.sidebar-wrapper .bootstrap-select {
	width: 200px;
	margin-left: 30px;
}
.sidebar-wrapper .bootstrap-select .dropdown-toggle {
	padding: 8px 30px;
    background: #ffffff;
    color: #137caf;	
}
.sidebar-wrapper .bootstrap-select .dropdown-menu li>a.selected {
	color: #ffffff;
}


/*LANGUAGE NAVIGATION */
@media (min-width: 992px){
#flags-language {
    display: none;
}
}
#flags-language {
	position: absolute;
    top: 10px;
    right: 20px;
}
#english, #portugues, #espanol {
	margin-left: 10px;
	width: 30px;
}


/*USERS */

#list .user_thumbnail {
	width: 75px;
	height: 75px;
}



/* TABS */
.tabs-treino-new .nav-tabs {
    border-bottom: 1px solid #cccccc;
    border-radius: 0px;
	padding: 0px;
}
.tabs-treino-new .nav-tabs .nav-item .nav-link.active {
    border: 1px solid #cccccc !important;
    border-bottom: 1px solid #ffffff !important;
	border-radius: 0px !important;
}
.tabs-treino-new .blue {
	font-size: 1.2rem !important;
}
.tabs-treino-new .active .blue {
	font-weight: 400 !important;
	font-size: 1.5rem !important;
}

/* PERIODIZACAO */
.periodizacao-page .col {
	border-top: none !important;
	border-bottom: none !important;
	border-right: 1px solid #cccccc !important;
}
.periodizacao-page .row {
	margin-right: 0;
    margin-left: 0;
}
.periodizacaoTreinos {
	padding: 0px !important;
}
.periodizacao-page select {
  text-align-last: center;
  text-align: center;
	height: 100% !important;
    width: 100%;
    margin: 0;
    background-color: transparent;
	border-radius: 0;
	color: #666666;
}
.periodizacao-page option {
  text-align: center;
}
.periodizacao-page h3 {
	/*border-bottom: 1px solid #ccc;*/
    padding-bottom: 15px;
    text-align: center;
    text-transform: uppercase;
	margin-bottom: 0px;
	
}
#periodizacao h2 {
	color: #ffffff;
}
.periodizacao .border-bottom {
	border-bottom: 1px solid #cccccc !important;
}
.periodizacaoTreinos select, .periodizacaoDates p, .periodizacaoDiaSemana p {
    height: auto !important;
    padding: 4px !important;
    margin: 0px;
	line-height: 1 !important;
	border: none !important;
}
.periodizacaoDates, .periodizacaoDiaSemana {
	padding: 0px !important;
	text-align: center;
}
.periodizacaoDates p, .periodizacaoDiaSemana p {
	padding-left:5px;
}
.periodizacaoDates p:nth-child(odd), .periodizacaoTreinos select:nth-child(odd), .periodizacaoDiaSemana p:nth-child(odd){
    background-color: rgba(17, 135, 184, 0.1);
}

.form-control.listoftreinos, .periodizacaoDates p, .periodizacaoDiaSemana p {
	border-bottom: 1px solid #cccccc !important;
	margin: 0 !important;
}
.semanaMesociclo {
	background-color: #1287B8;
    color: #ffffff;
	padding: 20px;
}
.semanaMesociclo label {
    color: #ffffff !important;
}
.semanaMesociclo h2 {
	font-size: 26px !important;
}
.semanaMesociclo {
	text-align: center !important;
}
  .semanaMesociclo .form-control {
	  color: #ffffff;
	  text-align: center;
  }
.semanaObjetivo {
	background-color: rgba(17, 135, 184, 0.3);
}
.periodizacao_objetivo, .periodizacao_treino {
	border: none !important;
}
#periodizacao div:nth-child(2) {
	border-top: 1px solid #cccccc !important;
}
.startDateCss {
	text-align: center;
    max-width: 350px;
    margin: auto !important;
}

.startDateCss .bmd-form-group .form-control, .startDateCss .bmd-form-group label, .startDateCss .bmd-form-group input::placeholder {
	text-align: center;
}





/* PLANOS DE TREINO */
.sortIcon {
	width: 15px;
	color: #bbb;
	cursor: grab;
}
.banner-blue {
	position: absolute; 
	top: 20px; 
	left: 0px;
	width: 95%;
}
.obs td {
	border-top: none;
	font-weight: 400;
	padding: 0px 5px 10px 5px !important;
}
.obs td p{
	margin-bottom: 0px;
}
.obs .material-icons {
	font-size: 14px;
}
.planos-lista .tab-content .row {
	margin: 0px !important;
}
.planos-tabela .list-of-all-treinos {
	display: none;
}
.small-link-icon, .small-link-icon2, .small-camera-icon, .small-camera-icon2  {
	font-size: 18px;
	color: #137CAF;
	padding-left: 3px;
}
#new_plano input#treino_exercise, #new_plano input#treino_exercise2 {
	border-radius: 8px;
    padding: 8px;
    height: calc(2.4375rem + 2px);
}


@media screen and (max-width: 992px){
	.planos-page .tab-content .tab-pane .td-actions {
	display: block !important;
	}
}

@media screen and (min-width: 900px){
	#capture .card {
	min-width: 900px !important;
	}
}

/* PR - RM */
.prRmWidth {
	max-width: 95%;
	margin: auto;
}
.prRm-page h3 {
	text-align: center;
}
.prRm-page .prRmWidth .row {
	border-bottom: 1px solid #ccc;
	padding-top:5px;
	padding-bottom:5px;
}
.prRm-page .nav-tabs {
    border-bottom: 1px solid #dee2e6;
	margin-bottom: 1rem;
	text-align: center;
}
.prRm-page .nav-tabs .nav-item {
    margin-bottom: -1px;
}
.prRm-page .nav-tabs .nav-item a {
    color: #aaaaaa !important;
}
.prRm-page .nav-tabs .nav-item a:hover {
    color: #666666 !important;
	border: 1px !important;
	border-style: solid !important;
	border-color: #e9ecef #e9ecef #dee2e6 !important;
}
.prRm-page .nav-tabs .nav-item.show .nav-link, .prRm-page .nav-tabs .nav-link.active {
    color: #495057 !important;
    background-color: #fff !important;
    border-color: #dee2e6 #dee2e6 #ffffff !important;
}
.prRm-page .nav-tabs .nav-link.active {
    color: #ffffff !important;
    background-color: #405177 !important;
    border-color: #dee2e6 #dee2e6 #ffffff !important;
}
.prRm-page .nav-tabs .nav-link {
    border: 1px solid #dee2e6 !important;
    border-top-left-radius: .25rem !important;
    border-top-right-radius: .25rem !important;
	margin-bottom: -1px !important;
	font-size: 0.75rem;
}
.tiny {
	font-size: 10px;
}
.icon {
	margin-left: -29px;
    color: #ff8701;
    padding-right: 5px;
}
.prRm-page .prRmWidth .row.highlight {
	/*background-color: rgb(19, 124, 175, 0.3);*/
	border: 2px solid rgb(19,124,175) !important;
}
.highlight .form-control, .is-focused .form-control {
    background-color: #ffffff !important;
	color: #3E4D72;
}
.printButton {
	border-bottom: none !important;
}
.printOnly {
	display:none;
}
.border {
	border: solid !important;
    border-color: rgb(19,124,175) !important;
    border-width: 2px !important;
}



/* AVALIACAO FISICA */
#aval-fis-nav {
	margin: 5px 15px !important;
    padding: 5px;
}
#avaliacao-fisica-page h3 {
	text-align: center;
}
.gorduraLabel {
	 color: #EA9A28;
	}
	.musculoLabel{
		color: #00C1BC;
	}
	.aguaLabel{
		color: #A2ED84;
	}
.chartLabel {
	text-align: center; margin-bottom: 0px; margin-top: 10px;
}
#avaliacao-fisica-page .graphs canvas {
	max-height: 220px; max-width: 220px; margin: auto;
}
@media screen and (max-width: 992px){
	#aval-fis-nav {
	margin: 5px 0px !important;
    padding: 5px;
}
	#avaliacao-fisica-page .card .card-body {
	padding: 10px;
}
	#avaliacao-fisica-page .card-body .row {
	margin: 0px !important;
}
	#avaliacao-fisica-page .card-body .row .col {
	padding: 5px;
	}
	#avaliacao-fisica-page h4 {
	font-size: 0.8rem;
	}
	#avaliacao-fisica-page .bmd-label-floating {
	font-size: 0.6875rem;
	}
	#avaliacao-fisica-page p {
		font-size: 0.6875rem;
		margin-bottom: 0px;
	}
	#avaliacao-fisica-page .col-4 {
		padding: 0px 5px;
	}
	#avaliacao-fisica-page .col-8 {
		padding-right: 5px;
	}
	#avaliacao-fisica-page .bmd-form-group .form-control.fit-width {
		width: 55px !important;
	}
	#avaliacao-fisica-page .voltarButton .col-sm-6 {
		padding: 0px;
		width: 50%;
	}
	#avaliacao-fisica-page .form-group {
		padding-bottom: 0px;
		margin: 0px;
	}
	
	.no-padding {
    padding: 0px !important;
}
	#pesoCorporalChart, #gorduraCorporalChart, #massaMuscularChart, #massaGordaChart {
		width: 100% !important;
    	height: auto !important;
	}
	
} /* end media screen */





/* CHART */
.chart {
	display: inline-block;
	width: 100%;
	min-height: 300px;
}
.chartTable {
	width: 100%;
	border: 1px solid #cccccc;
}
.chartTable td {
	border: 1px solid #cccccc;
	text-align: left;
	padding:5px;
}
#volumeTotalChart > div > div:nth-child(1), #GroupChart > div > div:nth-child(1), #tipoTreinoChart > div > div:nth-child(1) {
	margin: auto;
}

/* AJUDA */
.accordion {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
  margin-top: 15px;
}

.accordion.active, .accordion:hover {
  background-color: #ccc; 
}

.panel {
  padding: 0 18px;
  display: none;
  background-color: white;
  overflow: hidden;
}
.mobile {
	display: none;
}

.banner-blue-img {
	width: 100%;
	height: 100px;
}



/** CALENDAR **/

.birthday-dot {
  height: 10px;
  width: 10px;
  background-color: #90B200;
  border-radius: 50%;
  display: inline-block;

}

.alunos-dot {
  height: 10px;
  width: 10px;
  background-color: #a8d500;
  border-radius: 50%;
  display: inline-block;

}

.outros-dot {
  height: 10px;
  width: 10px;
  background-color: #2C3E50;
  border-radius: 50%;
  display: inline-block;

}


#wrap {
    width: 100%;
    margin: 0 auto;
  }
#wrap_gestao {
    width: 100%;
    margin: 0 auto;
	padding-top:25px;
  }

  #external-events {
    width: 100%;
    padding: 0;
    /*border: 1px solid #ccc;*/
    /*background: #eee;*/
    text-align: left;
	margin-bottom: 20px;
	display: none;
  }

  #external-events h4 {
    font-size: 16px;
    margin-top: 0;
    padding-top: 1em;
  }

  #external-events .fc-event {
    margin: 10px 0;
    cursor: pointer;
  }

  #external-events p {
    margin: 1.5em 0;
    font-size: 11px;
    color: #666;
  }

  #external-events p input {
    margin: 0;
    vertical-align: middle;
  }
  
  #external-events-list {
	  background: #eee;
  }

  #calendar {
    width: 100%;
  }

#calendar_gestao {
    width: 350px;
    margin: 0 auto;
  }
#calendar_gestao .fc-toolbar h2 {
    font-size: 1em;
  }

#calendar_gestao .fc-toolbar.fc-header-toolbar .fc-button {
	padding: 2px;
}

  .new_event, .calendarMainButton {
	  display: inline;
      font-weight: 500;
	  border-radius: 3px;
    line-height: 24px;
    text-transform: uppercase;
    font-size: 12px;
    padding: 10px 15px;
	cursor: pointer;
  }
  .calendarSelectedButton {
	  background-color: rgba(255, 255, 255, 0.2);
    transition: 0.3s background-color 0.2s;
  }

.none{
	display:none;
}
.calendar-wrap{
	width: 100%;
	margin:30px auto 0;
}
.calendar-wrap .cal-nav{
	background-color:#efefef;
	color:#444444;
	font-size:17px;
	text-align:center;
	line-height:40px;
    padding: 5px 8px;
}
.calendar-wrap .cal-nav a{
	color:#137CAF;
	float:none;
	text-decoration: none;
    font-size: 2.5em;
	line-height: 35px;
}
.calendar-wrap .cal-nav a:hover{
	color:#000000;
}
.calendar-wrap .cal-nav a:first-child{
	float: left;
}
.calendar-wrap .cal-nav a:last-child{
	float: right;
}
.calendar-wrap select{
	color: #444444;
	font-size:17px;
}
.calendar-days{
	width:100%;
	float:left;
	margin-top:20px;
}
.calendar-days ul{
	padding:0;
	list-style-type:none;
}
.calendar-days ul li{
	float:left;
	display:block;
	width:14%;
	border-right:1px solid #fff;
	text-align:center;
	font-size:14px;
	min-height:0;
	background:none;
	box-shadow:none;
	margin:0;
	padding:0;
}
.calendar-dates{
	width:100%;
	margin-top:20px;
	float:left;
	border-left:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
.calendar-dates ul{
	margin:0;
	padding:0;
	list-style-type:none;
}
.calendar-dates ul li{
	float:left;
	width:14%;
	height:60px;
	text-align:center;
	border-top:1px solid #ccc;
	border-right:1px solid #ccc;
	min-height:0;
	background:none;
	box-shadow:none;
	margin:0;
	padding:0;
	position:relative;
}
.calendar-dates ul li span{
	margin-top:7px;
	float:left;
	margin-left:7px;
	text-align:center;
}
#week .calendar-dates ul li{
	width:13%;
}
#week .calendar-dates ul li.calendar-weekly-time {
	width:9%;
}
#week .calendar-dates ul li.calendar-weekly-time .row {
	margin:0 !important;
}

.grey{
	/*background-color:#DDDDDD !important;*/
	background: linear-gradient(60deg, #137CAF, #000000) !important;
    color: #fff;
}
.light_sky{
	/*background-color:#B9FFFF !important;*/
	background-color: #eeeeee !important;
	border: 1px solid #a8d500 !important;
}
.light_sky .material-icons {
	color: #137CAF;
    width: 24px;
    display: block;
    margin: auto;
    clear: both;
    text-align: center;
}
.right-border-blue {
	border-right: 3px solid #137CAF;
	max-width: 28%;
	font-size: 0.8em;
}
.eventTime .blue {
	font-size: 0.9em;
}
.eventTitle {
	max-width: 72%;
	margin: auto;
}
.eventTitle img {
	width: 30px;
	height: auto;
    margin-right: 10px;
}
.eventRow {
	border-bottom: 1px solid #e9ecef;
	padding: 10px 5px !important;
}
.eventRow:last-of-type {
	border-bottom: none;
}
#addedToCalendar .modal-header .close {
    margin: -1rem -1rem !important;
}

/*========== Hover Popup ===============*/
.date_cell {
	cursor: pointer;
	cursor: hand;
}
.date_cell:hover {
	background: #DDDDDD !important;
}
.date_popup_wrap {
	position: absolute;
	width: 143px;
	height: 115px;
	z-index: 9999;
	top: -115px;
	left:-55px;
	background: transparent url(../img/info-popup.png) no-repeat top left;
	color: #666 !important;
}
.events_window {
	overflow: hidden;
	overflow-y: auto;
	width: 133px;
	height: 115px;
	margin-top: 28px;
	margin-left: 25px;
}
.event_wrap {
	margin-bottom: 10px; padding-bottom: 10px;
	border-bottom: solid 1px #E4E4E7;
	font-size: 12px;
	padding: 3px;
}
.date_window {
	margin-top:20px;
	margin-bottom: 2px;
	padding: 5px;
	font-size: 16px;
	margin-left:9px;
	margin-right:14px
}
.popup_event {
	margin-bottom: 2px;
	padding: 2px;
	font-size: 16px;
	width:100%;
}
.popup_event a {
	color: #000000 !important;
}
.popup_event a:hover {
	color: #181919;
	text-decoration: underline;
}
.month_dropdown, .year_dropdown {
	-moz-appearance: menulist;
	-webkit-appearance: menulist; 
  appearance: menulist; 
}

.calendar-dates.weekly-days ul li {
	height: auto;
	min-height: 100px;
}

.calendar-dates.weekly-days ul li p {
	clear: both;
	text-align: left;
    padding: 5px 10px;
}
#calendar-form .row {
	margin-top: 15px;
}

#external-events-list .fc-event {
	display: inline-block !important;
	background-color: transparent !important;
	border: none !important;
	color: #3C4858 !important;
	text-align: center !important;
}
.fc-event-container .fc-title {
	color: #ffffff !important;
}

#external-events-list .fc-event img {
    border-radius: 50%;
    height: 80px;
    width: 80px;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: auto auto -12px auto;
    border: 2px solid white;
}

.fc-scroller.fc-day-grid-container, .fc-scroller.fc-time-grid-container, .fc-scroller.fc-time-grid-container{
	height: auto !important;
}

/** HORIZONTAL SCROLLING BAR - CALENDAR **/

#external-events #external-events-list {
	position: relative;
	max-width: 100%;
	height: auto; /* hide the scroll bar*/
	margin: 1em auto;
	/*border: 1px solid black;*/
	overflow-x: hidden;
	overflow-y: hidden;
}

#external-events .menu	{
	height: auto; /* hide the scroll bar*/
	background: #f3f3f3;
	box-sizing: border-box;
	padding: 0;
	margin: 0;
	
	white-space: nowrap;
	overflow-x: auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
}
	
#external-events .fc-event {
		display: inline-block;
		max-width: 100px;
		height: 100%;
		/*outline: 1px dotted gray;*/
		padding: 0 0.8em;
		box-sizing: border-box;
	}

#external-events .paddles {
}
#external-events .paddle {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 2.5em;
}
#external-events .left-paddle {
	left: 0;
	color: #fff;
    background-color: rgba(44,62,80, 0.8);
}
#external-events .right-paddle {
	right: 0;
	color: #fff;
    background-color: rgba(44,62,80, 0.8);
	border: none;
}
#external-events .hidden {
	display: none;
}

/** SELECT DROPDOWNS WITH IMAGE ***/
/* select with CSS avatar icons */
    option.avatar {
      background-repeat: no-repeat !important;
      padding-left: 20px;
    }
    .avatar .ui-icon {
      background-position: left top;
	  background-size: contain;
    }
	#atleta-button {
		width: 100% !important;
	}
	
/*** DATE PICKER **/
#ui-datepicker-div {
	z-index:999 !important;
}


/** EXERCISE PHOTOS MODAL **/
#popupEditModal2 {
	text-align: center;
}




/*========== NUTRICAO E DIETA ===============*/
/*========== NUTRICAO E DIETA ===============*/
/*========== NUTRICAO E DIETA ===============*/
/*========== NUTRICAO E DIETA ===============*/
/*========== NUTRICAO E DIETA ===============*/
/*========== NUTRICAO E DIETA ===============*/
/*========== NUTRICAO E DIETA ===============*/


.h4-nutri {
	font-size: 0.8rem; 
}

.remove {
	max-width: 50px;
    padding: 10px;
    margin-top: 25px;
}

.view_edit_diet_btn {
	padding: 8px;
	font-size: 0.7em;
	background-color: #5fba7d;
}
.view_edit_diet_btn:hover {
	background-color: #137caf;
}
.day-col .material-icons {
	color: #a8d500;
	font-size: 28px;
	margin-bottom:  10px;
	display: block;
}

#nutri_diet_view_modal .allcaps {
	text-transform: uppercase;
	color: #fff;
    background-color: #137caf;
}
#nutri_diet_view_modal .btn.btn-sm{
	padding: 0px;
}
.gray-bg {
	background-color: #eee;
}
.tiny-col {
	width: 50px;
	padding: 0px;
}
.day-col {
	padding: 15px 10px;
}
.alimento-row {
	padding: 0px 20px;
}
.diet_col_class {
	min-width: 225px;
}
.medCas_col {
	min-width: 115px;
}
.draggable {
	z-index: 999 !important;
}
#week_day, #week_daySHOW {
  background-color: #ffffff;
    padding: 10px;
    margin-bottom: 15px;
    border: 0px !important;
    font-size: 1.4rem !important;
    line-height: 1.4em !important;
    text-transform: uppercase;
	color: #137caf;
}
#continue_with_new_diet {
	background-color: #5fba7d;
}
#continue_with_new_diet:hover {
	background-color: #137caf;
}
#popupAlertModal3 {
	text-align: center;
}
@media only screen and (max-width: 875px) {
	.diet_col_class {
	min-width: 100%;
}
}
.alimento-row .col {
	padding-right: 5px;
    padding-left: 5px;
}

.compact_field{
	/*max-width: 50px;*/
}
.gray-bg-row:nth-child(even) {
	background-color: #eeeeee;
}



@media only screen and (min-width: 768px) and (max-width: 1023px) {
	.calendar-dates ul li{ height:50px;}
}










@media screen and (max-width: 992px){
	h3, .h3 {
    font-size: 1rem !important;
    line-height: 1.4em !important;
}
	.mobile {
	display: block;
}
button.mobile {
	width: 100%;
    margin-top: 20px;
}
.desktop {
	display: none;
}
}

/* PRINT */
.print h3 {
	margin: 5px 0 0px !important;
}
.treino_number {
	height:100px;
	max-width:100px;
	padding: 20px;
	background-color:#137CAF;
	color: #fff;
	text-align:center;
	vertical-align: middle;
	margin:10px;
}
.treino_number h1 {
	 color: #fff;
	 font-size: 50px !important;
}
.treinos-col {
	padding: 0px !important;
}
.treinos-col td {
	text-align: center !important;
}
img.dados_img {
	max-width: 100%;
	max-height: 50px;
}

@media print {

  html { overflow: hidden; }
  
  .sidebar, .navbar, .voltarButton, .printButton, .no-print {
    display: none !important;
  }
	
  body {
	  background-color: #ffffff;
  }
  .main-panel>.content {
    margin-top: 30px !important;
	}

	.main-panel>.content.tabela-print {
		margin: auto !important;
	}  
	
	.tabela-modelo-print, .tabela-print {
	 transform: rotate(-90deg); 
	position: absolute;
	left: 0px;
	top:50px;
   /*left: 5vw;*/
    /*top: 25vw;*/
    height:100vw;
    width:100vh;
  }
  .semanaMesociclo .form-control {
	  border: none !important;
  }
  .container-fluid {
    width: 100%;
    padding-right: 0;
    padding-left: 0;
    margin-right: 0;
    margin-left: 0;
}
.col-lg-12, .col-md-12 {
	padding-right: 0;
    padding-left: 0;
}
 .table>tbody>tr>td {
    padding: 0.2rem;
}

.right-align {
	text-align: center;
	margin-bottom: 50px;
	color: #000;
}
.card-header {
	font-weight: bold;
}

/* PR RM */
.tab-content>.tab-pane {
	display: block !important;
}
.tab-content>.fade {
	opacity: 1;
}
.prRmWidth nav {
	display: none !important;
}
.printOnly {
	display: inline;
	border: none;
}
.printOnly h4 {
	text-align: center;
	margin-bottom:-22px;
	margin-top: -8px;
	font-size: 16px;
}
.card-body h3 {
    line-height: 1em !important;
	margin-bottom: -5px;
	margin-top: 0px;
}
.prRmWidth .form-control {
	height: 21px !important;
	font-size: 12px !important;
}
.prRm-page .prRmWidth .row {
	padding-top:2px;
	padding-bottom: 2px;
	border-bottom: none;
}
.prRm-page .icon {
	max-height: 20px;
	margin-left: -20px;
}

.card-header-primary {
	/*color: #333333 !important;
	background: transparent !important;
	background-color: transparent !important;
	box-shadow: none !important;*/
}
.main-panel {
	background-color: #ffffff !important;
	padding-right: 50px;
	padding-left: 50px;
}
.card {
    /*box-shadow: none !important;*/
}
.new-planos h1 {
    font-size: 1.3rem !important;
}
.treino_number h1 {
	font-size: 50px !important;
}
.offset-thumbnail {
    margin-top: -30px !important;
    height: 100px !important;
    width: 100px !important;
	float: right;
    right: 50px;
}
.offset-thumbnail .user_thumbnail {
    height: 100px !important;
    width: 100px !important;
}
.banner-blue .text-right-blue {
	top:0px;
	color: #ffffff !important;
	font-weight: 400 !important;
}
.banner-blue .col-md-9 {
	max-width: 75%;
}
.banner-blue .col-md-3 {
	max-width: 25%;
}
.card-header, .card-header-primary, .card-header-tabs {
	padding: 0 !important;
}
.card-header-primary img {
	height: 80px !important;
}

}

@media screen and (max-width: 900px){
	h3.card-title {
		font-size:1rem !important;
	}
	.mobile-float-left {
		float: left !important;
		border: none !important;
	}
	.clickable-cell {
		border: none !important;
	}
	.clickable-cell {
		padding: 10px 3px !important;
	}
	.clickable-row {
		padding: 5px 10px !important;
	}
	.edit-buttons {
		clear: both;
    	text-align: center;
		padding-top: 0px !important;
		border: none !important;
	}
	.main-panel>.content {
		margin-top: 20px !important;
	}
	.default .col-sm-6 {
		width: 50% !important;
	}
	.mobile-hidden {
		display: none !important;
	} 
	.main-panel>.content {
    padding: 40px 0px !important;
}
.table .td-actions .btn {
    padding: 5px 5px !important;
}
.mobile-center {
	text-align: center !important;
}
.card .row.mobile-full-width {
	margin-left: 0px !important;
	margin-right: 0px !important;
}
.mobile-full-width, #avaliacoes .col-6 {
	width: 100% !important;
	min-width: 100% !important;
}
.card .row.mobile-full-width .col-md-12 {
	padding-right: 0px !important;
	padding-left: 0px !important;
}
.card .row.mobile-full-width .nav-link h3 {
	font-size: 1rem !important;
}
.thumbnail.offset-thumbnail {
	margin-bottom: 15px !important;
}
.mobile-card-header .row {
	display:grid !important;
	text-align:center !important;
}
.card {
    margin-bottom: 10px !important;
}

.planos-lista .card-header, .prRm-page .card-header, .planos-modelo-lista .card-header, .planos-tabela .card-header, .periodizacao-page .card-header {
	min-height: 200px !important;
	padding: 0px !important;
}

.planos-tabela img.dados_img {
	max-height: fit-content;
}
.planos-tabela .treinos-col {
	flex-basis: auto;
}
.planos-tabela .list-of-all-treinos {
	display: block;
}

/* Force table to not be like tables anymore */
.planos-lista table, .planos-lista thead, .planos-lista tbody, .planos-lista th,  .planos-lista tr, .planos-lista td {
			display: block;
			width: 100% !important;
			min-width: 100% !important;
		}	
		
		.planos-lista tr.obs {
			display: none;
		}
/* Hide table headers (but not display: none;, for accessibility) */
.planos-lista thead tr {
			position: absolute;
			top: -9999px;
			left: -9999px;
		}
		
.planos-lista tr {
      margin: 0 0 1rem 0;
    }
	
.planos-lista tr.obs {
      margin-top: -1rem;
	  background-color: #eeeeee;
    }
      
.planos-lista tr:nth-child(odd) {
      background: #eeeeee;
    }
.planos-lista td {
			/* Behave  like a "row" */
			border: none;
			position: relative;
			padding: 5px 10px !important;
			padding-left: 50% !important;
		}
		
		.planos-lista .obs td {
			padding-left: 8px !important;
		}
	
.planos-lista td:before {
			/* Now like a table header */
			position: absolute;
			/*top: 0;*/
			left: 6px;
			width: 45%;
			padding-right: 15px;
			white-space: nowrap;
		}
/*
		Label the data
    You could also use a data-* attribute and content for this. That way "bloats" the HTML, this way means you need to keep HTML and CSS in sync. Lea Verou has a clever way to handle with text-shadow.
		*/
		.planos-lista2  td:nth-of-type(1):before { content: "Grupo"; }
		.planos-lista2  td:nth-of-type(2):before { content: "Exercício"; }
		.planos-lista2  td:nth-of-type(3):before { content: "Tipo de Séries"; }
		.planos-lista2  td:nth-of-type(4):before { content: "Número de Séries"; }
		.planos-lista2  td:nth-of-type(5):before { content: "Repetições"; }
		.planos-lista2  td:nth-of-type(6):before { content: "Carga"; }
		.planos-lista2  td:nth-of-type(7):before { content: "Tempo"; }
		
		.planos-edit  td:nth-of-type(1):before { content: ""; }
		.planos-edit  td:nth-of-type(2):before { content: "Grupo"; }
		.planos-edit  td:nth-of-type(3):before { content: "Exercício"; }
		.planos-edit  td:nth-of-type(4):before { content: "Tipo de Séries"; }
		.planos-edit  td:nth-of-type(5):before { content: "Número de Séries"; }
		.planos-edit  td:nth-of-type(6):before { content: "Repetições"; }
		.planos-edit  td:nth-of-type(7):before { content: "Carga"; }
		.planos-edit  td:nth-of-type(8):before { content: "Tempo"; }
		
		.planos-lista .planos-edit-buttons {
			padding-left: 15px !important;
			display: inline !important;
    		width: 50% !important;
    		max-width: 50% !important;
		}
		.planos-lista .planos-edit-buttons form {
			display: inline !important;
		}
	
.resumo-treino td:nth-of-type(1) { padding-left: 10px !important; text-align: center;}
.resumo-treino td:nth-of-type(1):before { content: ""; width: 0 !important;}
.resumo-treino td:nth-of-type(2):before { content: "Número de Séries"; }
.resumo-treino td:nth-of-type(3):before { content: "Repetições"; }
.resumo-treino td:nth-of-type(4):before { content: "Carga"; }
.resumo-treino td:nth-of-type(5):before { content: "Tempo"; }
.resumo-treino td:nth-of-type(6):before { content: ""; }
.resumo-treino td:nth-of-type(7):before { content: ""; }

img.banner-blue-img {
	height: 200px !important;
}

.treino_number {
	height: 50px;
	min-width: 100% !important;
}

.treino_number h1 {
	font-size: 20px !important;
}


.treino_number h1 div img {
	width: 100%;
    height: 50px;
}

.treino_number h1 div .banner-blue {
	width: 100%;
    height: 50px;
	top: 15px;
}

.treino_number h1 div .banner-blue:before {
	content: "Treino " !important;
}

.treino_number {
	margin: 10px 0px;
}

#new_plano #treino_group_id, #new_plano #treino_exercise_id, #new_plano #treino_sequence_type_id, #new_plano #treino_sequence_number_id, #new_plano #treino_repetition_id, #new_plano #treino_weight_id, #new_plano #treino_tempo_id {
	min-width: 45% !important;
}

form#prRm .col, form#prRmAgachamento .col, #prRmSupino .col, #prRmClean .col, #prRmSnatch .col, #prRmCleanJerk .col {
	padding-right: 1px !important;
	padding-left: 1px !important;
}
.prRmWidth {
	max-width: 100% !important;
}
.col-25 {
	max-width: 25% !important;
}
.prRm-page .nav-tabs .nav-link {
	width: 50%;
}

#volumeTotal {
	width: 100% !important;
	min-width: 100% !important;
	display: block !important;
}

.semanaMesociclo, .semanaObjetivo, .semanaPlanoTreino {
	display: block;
    min-width: 100%;
}
.periodizacao-page .card-body {
	padding: 0 !important;
}
.periodizacao-page .card form {
	padding: 20px !important;
}
.periodizacao-page .row.border-bottom {
	margin-right: 0 !important;
    margin-left: 0 !important;
}
.periodizacao-page .container-fluid {
	padding: 0px !important;
}
.periodizacaoDiaSemana {
	max-width: 20%;
}
.periodizacao-page h3 {
	font-size: 1.2rem !important;
}

select.form-control#select_treino_number {
	-moz-appearance: menulist;
	-webkit-appearance: menulist; 
  appearance: menulist; 
}

.nav-tabs .nav-item .nav-link {
	padding: 10px 10px !important;
}

.fc-toolbar h2 {
    font-size: 1em !important;
}
.fc-button {
	padding: 2px 5px !important;
}
#external-events-list .fc-event img {
	height: 60px;
	width: 60px;
	margin-bottom: -15px;
}
	
	.fc-toolbar {
    display: block !important;
	}
	.fc-left, .fc-center, .fc-right {
	text-align: center;
		width: 100%;
    display: block;
    min-width: 100%;
	}
	#calendar_gestao .fc-toolbar {
    display: flex !important;
	}
	
	#calendar_gestao .fc-left{
		float: left;
		text-align: center;
		width: auto;
    display: inline-block;
		min-width: 0%;
	}
	#calendar_gestao .fc-center {
		text-align: center;
		width: auto;
    display: inline-block;
		min-width: 0%;
	}
	#calendar_gestao .fc-right {
		float: right;
	text-align: center;
		width: auto;
    display: inline-block;
		min-width: 0%;
	}
	
	.new_event, .calendarMainButton {
    padding: 10px 5px;
}
	.atletas-clientes .btn.btn-sm {
    padding: 0.40625rem .25rem;
	}


}

 /*========== BOLETO ===============*/
 /*========== BOLETO ===============*/
 /*========== BOLETO ===============*/
 /*========== BOLETO ===============*/
 /*========== BOLETO ===============*/
 /*========== BOLETO ===============*/

#contentboleto {
	max-width: 90%;
	padding: 30px 25px;
	margin: auto;
}

#contentboleto input[type=text], input[type=email], input[type=number], select {
	width: 100% !important;
	padding:5px !important;
	margin-bottom: 10px;
	border: 1px solid #CCCCCC;
  box-sizing: border-box;
}

#contentboleto label {
	line-height: 1 !important;
}

@media screen and (max-width: 800px){
	#contentboleto {
	max-width: 90%;
	padding: 30px 10px;
	margin: auto;
}
	#contentboleto2 .row {
	 display: block;
}
}

#contentboleto .ddd {
	max-width: 80px;
	padding-right: 0px;
}

#contentboleto img.logo {
	max-width: 180px !important;
	width: 180px !important;
	margin-bottom:10px;
}
@media screen and (max-width: 800px){
	#contentboleto img.logo {
		max-width: 150px !important;
		margin-bottom:10px;
}
}

.boletoPage {
	background-color: #ffffff;
}

.pagseguro{
	max-width: 100px;
}