body {
	font-family: sans-serif;
	font-weight: 300;
	margin: 0;
	background-color: whitesmoke !important;
}



#menu {
	background-color: white;
	width: 250px;
	height: 100%;
	position: fixed;
	box-shadow: -2px 2px 21px 0 rgba(0, 0, 0, 0.50);
	z-index: 13;
}

#content {
	background-color: whitesmoke;
	margin-left: 250px;
	width: 100%-250px;
	/*min-height:1200px; */
	padding: 70px 4% 0 4%;
	padding-bottom: 50px;
}

a {
	text-decoration: none !important;
}

.blocker {
	height: 100%;
	width: 100%;
	background-color: white;
	opacity: 0.7;
	position: fixed;
	z-index: 20;
	top: 0;
	display: none;
}

#loader_zone {
	position: fixed;
	bottom: 60px;
	left: 20px;
	width: 200px;
	height: 200px;
}

/*login*/
.login {
	background-image: url('../img/bg_login.png');
	background-position: right top;
}

.login a {
	color: white;
}

#logo {
	width: 100%;
	padding: 5%;
}

.login_space {
	float: center;
	width: 300px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	margin-top: 10%;
	color: white;
}

.login_space h5 {
	font-family: sans-serif;
}


#input_email,
#input_pass,
#forget_email {
	margin-top: 5px;
	background-color: rgba(0, 0, 0, 0.51);
	color: white;
	font-size: 12px !important;
}

#recover_pass,
#recover_pass2 {
	margin-top: 5px;
	background-color: rgba(0, 0, 0, 0.51);
	color: white;
	font-size: 12px !important;
}

.to_pass,
.to_login {
	font-size: 11px;
	text-align: center;
	cursor: pointer;
}

.forget_container {
	display: none;
}

/*menu*/
#menu_user {
	height: 180px;
	width: 100%;
	border-bottom: solid 2px whitesmoke;
}

#menu_avatar {
	height: 80px;
	width: 80px;
	background-color: whitesmoke;
	border-radius: 200px;
}

#avatar_environment {
	display: flex;
	justify-content: space-between;
	position: absolute;
	top: 30px;
	left: 30px;
	align-items: center;
	width: 66%
}

#menu_name {
	position: fixed;
	top: 120px;
	left: 30px;
	font-family: sans-serif;
	color: black;
	font-weight: 800;
}

#menu_type {
	position: fixed;
	top: 138px;
	left: 30px;
	color: silver;
	font-size: 13px;
	font-weight: 100;
	text-transform: uppercase
}

#menu_list {
	margin-top: 40px;
	list-style-type: none;
	font-size: 12px;
	width: 200px;
	color: silver;
	line-height: 1.42857;
	font-family: sans-serif
}

#menu_list li {
	margin-bottom: 20px;
	cursor: pointer;
}

#menu_list li a {
	color: silver;
	margin-left: 12px;
}

#menu_line {
	width: 20px;
	height: 100%;
	border-right: solid 2px whitesmoke;
	position: fixed
}

.menu_active {
	color: gray;
}

.menu_active a {
	color: gray !important;
}

.menu_bullet {
	position: absolute;
	left: 13px
}

#menu_list li a:hover {
	color: #4789C8 !important;
}

@media only screen and (max-height: 500px) {
	#menu_list {
		display: none;
	}
}

#menu_out {
	bottom: 1px;
	list-style-type: none;
	font-size: 12px;
	width: 200px;
	color: silver;
	position: absolute;
}

#menu_out li {
	margin-bottom: 20px;
	cursor: pointer;
}

#menu_out li a {
	color: #CB9C8A;
	font-weight: 800;
}

#menu_out li a:hover {
	color: red;
}


.title {
	font-family: sans-serif;
	font-size: 28px;
	font-weight: 700;
	color: #444444;
	position: fixed;
	z-index: 12;
	background-color: whitesmoke;
	width: 100%;
	border-bottom: solid thin lightgray;
	padding: 20px 0 10px 30px;
	margin: 0 0 0 250px;
}

.subtitle {
	font-family: sans-serif;
	font-size: 16px;
	font-weight: 700;
	color: #87888C;
	margin-top: 20px;
}

.label {
	font-family: sans-serif;
	font-weight: 600;
	font-size: 14px;
	color: #4A4A4A;
	margin-top: 20px;
	padding-left: 30px;
}

.label_aux {
	font-family: sans-serif;
	font-weight: 600;
	font-size: 14px;
	color: #4A4A4A;
	margin: 20px;
}



/*calendar*/
#calendar {
	padding: 0 !important;
	margin-left: 250px;
	width: 1655px;
	min-height: 1200px;
}

#week_selector {
	top: 5px;
	position: fixed;
	width: 250px;
	left: 50%;
	z-index: 11;
}

.hour_container {
	height: 100%;
	background-color: whitesmoke;
	float: left;
	border-right: solid thin silver;
	padding-top: 120px;
	padding-bottom: 50px;
	z-index: 5;
}

.quarter {
	height: 15px;
	margin-top: 10px;
	border-bottom: solid thin silver;
	font-size: 10px;
	margin-left: 5px;
}

.day_container {
	width: 13.9%;
	height: 100%;
	background-color: silver;
	float: left;
	border-right: solid thin silver;
	padding-bottom: 30px;
}


.odd {
	background-color: #FAFAFA
}

.even {
	background-color: white
}

.day_header {
	text-align: center;
	font-size: 30px;
	margin: 50px 0px 35px 0;
	font-weight: 700;
}

.day_header_info {
	font-size: 12px;
	font-weight: 200;
}

.today {
	color: #CB9C8A;
}

.space {
	background-color: white;
	margin: 0 5px 5px 5px;
	border-radius: 5px;
	box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.11);
	position: relative;
	overflow: hidden;
}

.space_up {
	background-color: rgba(203, 156, 138, 0.8);
	border-radius: 5px;
	position: absolute;
	width: 100%;
	height: 100%;
	display: none;
	text-align: center;
	z-index: 4;
}

.space_xs {
	height: 20px;
	cursor: pointer;
}

.space_s {
	height: 45px;
}

.space_m {
	height: 70px;
}

.space_l {
	height: 95px;
}

.space_xl {
	height: 120px;
}

.space_xxl {
	height: 145px;
}

.add_hour {
	width: 15px;
	margin: 1px 0 0 -5px;
	cursor: pointer;
}

.add_hour_text {
	font-size: 12px;
	color: white;
	display: inline;
	margin-left: 10px;
}

.space_s .edit_button,
.space_s .del_button {
	margin-top: 2%;
}

.space_m .edit_button,
.space_m .del_button {
	margin-top: 4%;
}

.space_l .edit_button,
.space_l .del_button {
	margin-top: 14%;
}

.space_xl .edit_button,
.space_xl .del_button {
	margin-top: 16%;
}

.space_xxl .edit_button,
.space_xxl .del_button {
	margin-top: 20%;
}

.edit_button,
.del_button,
.encore_button {
	float: left;
	margin-left: 20%;
	font-size: 12px;
	color: white;
	cursor: pointer;
}

.session .edit_button,
.session .del_button,
.session .encore_button {
	float: left;
	margin-left: 12%;
	font-size: 12px;
	color: white;
	cursor: pointer;
}



.edit_button img,
.del_button img,
.encore_button img {
	width: 40px;
}

.space_l .space_down,
.space_xl .space_down,
.space_xxl .space_down {
	text-align: center;
}

.space_l .space_down img {
	width: 45px;
	height: 45px;
	margin: 5% 0 2% 0;
	border-radius: 100px;
}

.space_xl .space_down img {
	width: 55px;
	height: 55px;
	margin: 6% 0 5% 0;
	border-radius: 100px;
}

.space_xxl .space_down img {
	width: 65px;
	height: 65px;
	margin: 8% 0 5% 0;
	border-radius: 100px;
}

.hour_text {
	color: #CB9C8A;
	font-size: 12px;
	line-height: 12px;
	font-weight: 600;
}

.hour_text .hour_subtext {
	margin-top: 3px;
	color: silver;
	font-weight: 200;
}

.space_s .space_down img {
	width: 30px;
	height: 30px;
	border-radius: 100px;
	position: absolute;
	top: 8px;
	left: 18px;
}

.space_s .hour_text {
	padding-top: 10px;
	margin-left: 60px;
	color: #CB9C8A;
	font-size: 11px;
	line-height: 12px;
	font-weight: 600;
}

.space_s .hour_text .hour_subtext {
	margin-top: 3px;
	color: silver;
	font-weight: 200;
}

.space_m .space_down img {
	width: 45px;
	height: 45px;
	border-radius: 100px;
	position: absolute;
	top: 10px;
	left: 13px;
}

.space_m .hour_text {
	padding-top: 20px;
	margin-left: 70px;
	color: #CB9C8A;
	font-size: 12px;
	line-height: 12px;
	font-weight: 600;
}

.space_m .hour_text .hour_subtext {
	margin-top: 3px;
	color: silver;
	font-weight: 200;
}

.next_week {
	display: none;
}

.space_s .text_s {
	opacity: 0
}

.expired {
	background-color: LightGray;
	pointer-events: none
}

.expired2 {
	background-color: LightGray;
	pointer-events: auto
}


/*creacion de clase*/
input {
	border-radius: 20px !important;
	width: 100%;
	height: 35px;
	padding-left: 30px;
	margin-top: 5px;
	margin-bottom: 10px;
	border: none !important;
	box-shadow: none;
	box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.11) !important;
	font-size: 14px !important;
	font-weight: 100;
}

input:focus {
	outline: none !important;
	border-radius: 20px;
	border-color: #CB9C8A;
	box-shadow: 0 0 20px #CB9C8A;
}

input::placeholder {
	color: silver;
}

input:read-only {
	background-color: whitesmoke;
}

textarea {
	border-radius: 20px;
	width: 100%;
	height: 165px;
	min-height: 165px;
	max-height: 165px;
	padding: 10px 30px;
	margin-top: 5px;
	margin-bottom: 10px;
	border: none !important;
	box-shadow: none;
	box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.11);
	font-size: 14px !important;
	font-weight: 100;
}

textarea:focus {
	outline: none !important;
	border-radius: 20px;
	border-color: #CB9C8A;
	box-shadow: 0 0 20px #CB9C8A;
}

select {
	border-radius: 20px;
	width: 100%;
	height: 35px;
	padding-left: 30px;
	margin-top: 5px;
	margin-bottom: 10px;
	border: none !important;
	background-color: white;
	box-shadow: none;
	box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.11);
	font-size: 14px !important;
	font-weight: 100;
	-webkit-appearance: none;
	background: url('../img/ic_chevron.png') no-repeat 90% 15px;
	background-color: white;
	background-size: 15px;
}

select:focus {
	outline: none !important;
	border-radius: 20px;
	border-color: #CB9C8A;
	box-shadow: 0 0 20px #CB9C8A;
}

.button_m {
	background-image: linear-gradient(-135deg, #CB9C8A 0%, #B5755C 100%);
	padding: 10px 0;
	width: 200px;
	text-align: center;
	margin-top: 20px;
	border-radius: 100px;
	font-family: sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	font-weight: 500;
	display: inline-block;
	cursor: pointer;
}

.button_m.disabled {
	pointer-events: none;
	opacity: 0.65;
	background-color: #6c757d;
	/* Bootstrap secondary color for disabled */
	cursor: not-allowed;
}

.button_s {
	background-image: linear-gradient(-135deg, #CB9C8A 0%, #B5755C 100%);
	padding: 4px 0;
	width: 170px;
	text-align: center;
	margin-top: 46px;
	border-radius: 100px;
	font-family: sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	font-weight: 500;
	display: inline-block;
	cursor: pointer;
}

.button_s_static {
	background-image: linear-gradient(-135deg, #CB9C8A 0%, #B5755C 100%);
	padding: 4px 0;
	width: 170px;
	text-align: center;
	margin-top: 46px;
	border-radius: 100px;
	font-family: sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	font-weight: 500;
	display: inline-block;
}

.segment_title {
	font-family: sans-serif;
	font-size: 14px;
	width: 100%;
	margin-top: 50px;
	border-bottom: solid thin silver;
	cursor: pointer;
	background: url('../img/ic_chevron.png') no-repeat 95% 0px;
	background-size: 20px;
	font-weight: 600
}

.tag {
	font-weight: 100px;
	font-size: 12px;
	background-color: white;
	border-radius: 100px;
	padding: 2px 9px;
	display: inline-block;
	box-shadow: none;
	box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.11);
	height: 22px;
	cursor: pointer;
	margin-left: 5px;
	margin-bottom: 5px;
}

.tag:hover {
	outline: none !important;
	border-radius: 20px;
	border-color: #CB9C8A;
	box-shadow: 0 0 20px #CB9C8A;
}

.tag_active {
	background-image: linear-gradient(-135deg, #98BCA6 0%, #4789C8 100%);
	color: white;
	font-weight: 300px;
}


.audio_controls {
	display: none;
}

.label2 {
	text-align: right;
	margin-top: 3px;
}

.label_remove,
.mark_remove {
	cursor: pointer
}

#audio_up {
	display: none;
}

.audio_title {
	font-size: 11px;
	margin-left: 10px;
}

#waveform {
	position: relative;
	overflow: hidden;
	border-radius: 20px;
	margin-top: 15px;
}

#pin_container {
	position: relative;
	width: 100%;
	z-index: 5;
	pointer-events: none;
	background-color: none;
	height: 20px;
}

.pin {
	position: absolute;
	text-transform: uppercase;
	color: white;
	border-radius: 100px;
	background-image: url('../img/ic_pin.png');
	background-position: center;
	background-size: cover;
	width: 30px;
	height: 40px;
	padding-top: 6px;
	text-align: center;
	margin-left: -17px;
}

.bars {
	position: absolute;
	width: 100%;
	opacity: 0.2;
	z-index: 4;
	pointer-events: none;
}

.colorediv {
	height: 127px;
	float: left;
}

.element {
	border-radius: 20px;
	width: 80%;
	height: 30px;
	padding-left: 30px;
	padding-top: 6px;
	margin: 0px 10% 5px 10%;
	border: none !important;
	cursor: pointer;
	box-shadow: none;
	box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.11);
	font-size: 14px !important;
	font-weight: 100;
	position: relative;
	background-color: white;
}

.element_close {
	position: absolute;
	top: 4px;
	right: 15px;
	height: 25px;
	width: 25px;
	cursor: pointer;
	display: none;
}

.upper {
	text-transform: uppercase
}

.annot_label {
	text-transform: uppercase
}


#input_tag {
	width: 50%;
}

#new_tag {
	margin-top: 10px;
}




#current_time,
#duration_time {
	text-align: center;
	padding-left: 0px;
	margin-top: 60px;
}

#play_audio {
	height: 60px;
	cursor: pointer;
}

#save_class {
	position: fixed;
	top: 0px;
	right: 20px;
	z-index: 18;
}

#segment_container {
	display: none;
}


/*masters*/
#new_length_container,
#new_music_container,
#new_type_container,
#new_tag_container,
#new_language_container,
#new_modality_container,
#upsert_type_container,
#upsert_music_container,
#upsert_modality_container,
#upsert_exercise_container,
#upsert_list_name_container {
	display: none;
}

.select_replace {
	width: 85%;
	margin: 15px 0 20px 10%;
}

#length_container,
#music_container,
#type_container,
#tag_container,
#language_container,
#modality_container,
#exercise_container {
	text-align: left;
	margin-top: 40px;
}


/*destacados*/
.session {
	height: 150px;
	width: 90%;
	margin: 0 5% 20px 5%;
	background-color: silver;
	position: relative;
	color: white;
	box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.11);
	border-radius: 5px;
	line-height: 100%;
	background-size: cover;
	background-position: center;
}

.session_title {
	position: absolute;
	left: 10px;
	bottom: 28px;
	font-family: sans-serif;
	font-size: 18px;
	font-weight: 500;
	text-shadow: 2px 2px 2px rgba(150, 150, 150, 1);
}

.session_subtitle {
	position: absolute;
	left: 10px;
	bottom: 10px;
	font-size: 12px;
	text-shadow: 2px 2px 2px rgba(150, 150, 150, 1);
}

.session_date {
	position: absolute;
	left: 10px;
	top: 8px;
	font-family: sans-serif;
	font-size: 12px;
	font-weight: 500;
	text-shadow: 2px 2px 2px rgba(150, 150, 150, 1);
}

#recommended_container {
	display: none;
}

.session .space_up .edit_button,
.session .space_up .del_button,
.session .space_up .encore_button {
	margin-top: 20%;
}

.encore_container {
	margin-left: 20%;
	width: 60%;
}

#newlist_container {
	padding-bottom: 20px;
	margin-top: 20px;
	border-top: solid thin lightgray;
}

.list_active {
	background-image: linear-gradient(-135deg, #98BCA6 0%, #4789C8 100%);
	color: white;
	font-weight: 300px;
}

#page_viewer {
	font-size: 11px
}

#filter_clear {
	position: absolute;
	right: 50px;
	top: 10px;
}

/*messages*/
#message_area {
	max-height: 180px !important;
	height: 350px
}

.historic {
	margin: 10px 0px;
}

.date_historic {
	width: 100%;
	margin-top: 10px;
}

.message_historic {
	background-color: white;
	border-radius: 20px;
	font-size: 14px;
	color: silver;
	box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.11);
	padding: 10px 20px;
	word-wrap: break-word;
}

#historic_container {
	text-align: center;
}

#list_deletion_container {
	text-align: center;
	font-weight: 600;
}

/*trainers*/
#new_trainer {
	position: fixed;
	right: 60px;
	top: 0px;
	z-index: 10000;
}

#back_to_list {
	display: none;
}

#trainers_table,
#users_table {
	font-family: sans-serif;
	font-size: 14px;
	margin: 20px;
	width: 100%;
}

.table_container {
	padding: 20px;
	background-color: whitesmoke;
	border-radius: 20px;
}

.button_t {
	background-image: linear-gradient(-135deg, #CB9C8A 0%, #B5755C 100%);
	padding: 4px 0;
	width: 170px;
	text-align: center;
	border-radius: 100px;
	font-family: sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	font-weight: 100;
	display: inline-block;
	cursor: pointer;
}

#avatar_pic {
	width: 128px;
	height: 128px;
	border-radius: 5px;
}

#background_pic {
	width: 225px;
	height: 158px;
	border-radius: 5px;
}

#avatar_input,
#background_input {
	display: none;
}

#crop_container {
	height: 500px;
	margin-top: 50px;
	border-radius: 5px;
	box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.11);
}

#crop_container img {
	max-height: 500px;
}

#thumb_container {
	height: 200px;
	width: 200px;
	margin-top: 50px;
	border-radius: 5px;
	box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.11);
}

#thumb_container img {
	width: 100%;
	border-radius: 5px;
}

#activate_trainer,
#deactivate_trainer,
#mail_resend {
	display: none;
}

#detail_container {
	display: none;
}

.button_aux {
	background-image: linear-gradient(-135deg, #CB9C8A 0%, #B5755C 100%);
	padding: 10px 0;
	width: 200px;
	text-align: center;
	margin-top: 20px;
	border-radius: 100px;
	font-family: sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	font-weight: 100;
	display: inline-block;
	cursor: pointer;
}

.button_red {
	background-image: linear-gradient(-90deg, #F5515F 0%, #9F041B 100%);
}

/* Bg: */
.button_blue {
	background-image: linear-gradient(-135deg, #98BCA6 0%, #4789C8 100%);
}

.button_grey {
	background-image: linear-gradient(-135deg, #ccc 0%, #eee 100%);
	pointer-events: none;
}


/*users*/
.profile_pic {
	width: 100%;
	max-width: 225px;
	min-width: 100px;
	border-radius: 20px;
	box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.11);
}


/*popups*/
.popup {
	background-color: white;
	margin-top: 15%;
	height: 400px;
	position: fixed;
	box-shadow: -2px 2px 21px 0 rgba(0, 0, 0, 0.50);
	border-radius: 30px;
	z-index: 30;
	width: 40%;
	margin-left: 30%;
	overflow: auto;
	display: none;
}

.popup_body {
	width: 80%;
	overflow: auto;
	margin: 10px 0 30px 10%;
	margin-right: 15px;
}

.popup_message {
	margin: 20px 0 30px 10%;
	width: 80%;
	color: grey;
	text-align: center
}

.popup_replace {
	margin-top: 25px;
	height: auto;
}

.popup_title {
	font-size: 20px;
	text-align: center;
	margin-top: 40px;
	font-family: sans-serif;
	font-weight: 600;
}

.popup_close {
	width: 20px;
	height: 20px;
	position: absolute;
	top: 25px;
	right: 25px;
	background-image: url('../img/ic_close2.png');
	z-index: 101;
	background-size: 20px;
	cursor: pointer;
}

#popup_changer {
	height: 500px;
}

#popup_crop {
	margin-top: 5%;
	height: 700px;
	width: 70%;
	margin-left: 15%;
}

#row_crop {
	margin: 0 !important;
}

#save_crop {
	display: none;
}


/*safari*/
.row:before,
.row:after {
	display: inline-block;
}


/*nextsession*/
#info_container {
	display: none;
	border: solid thin lightgray;
	padding: 10px 30px 25px 30px;
	border-radius: 20px;
}

#empty_container {
	display: none;
}

.cleared {
	opacity: 0.4;
	cursor: auto;
	pointer-events: none;
}

.noshadow {
	box-shadow: none;
	background: none;
}

#description_nx,
#title_nx,
#date_nx {
	margin-left: 30px;
	margin-top: 10px;
}


/*bloques*/
#listable_container {
	border: solid thin lightgray;
	padding: 10px 50px 25px 30px;
	border-radius: 20px;
}

#detail_container {
	border: solid thin lightgray;
	padding: 10px 50px 15px 30px;
	border-radius: 20px;
}

#new_admin_container {
	border: solid thin lightgray;
	padding: 10px 50px 15px 30px;
	border-radius: 20px;
}

#list_section {
	border: solid thin lightgray;
	padding: 10px 50px 25px 30px;
	border-radius: 0 20px 20px 0;
	border-left: none;
}

#filter_section {
	border: solid thin lightgray;
	padding: 10px 50px 25px 30px;
	border-radius: 20px 0 0 20px;
}

#recommended_container {
	border: solid thin lightgray;
	padding: 10px 50px 25px 30px;
	border-radius: 20px;
}

.section_box {
	border: solid thin lightgray;
	padding: 10px 50px 25px 30px;
	border-radius: 20px;
}



/*profile*/
.userarea {
	text-align: center;
}

#userarea_avatar {
	width: 200px;
	border-radius: 3000px;
}

#userarea_name {
	font-weight: 800;
	margin-top: 40px;
	font-size: 22px
}

#userarea_type {
	text-transform: uppercase;
	font-size: 18px;
	color: grey;
}

#change_pass_container,
#block_pass_container {
	width: 30%;
	margin-left: 35%;
	display: none
}

#change_pass_container .label,
#block_pass_container.label {
	margin-top: 5px;
}

#old_pass,
#new_pass,
#new_pass2,
#old_block,
#new_block,
#new_block2 {
	width: 100%;
}

/*admins*/
#new_admin {
	position: fixed;
	right: 60px;
	top: 0px;
}

#new_admin_container {
	display: none;
}

/* #new_admin_container {display:inline-block;} */
/*Descomentar para activar la creaci�n de administradores**/

/*edition*/
/*.error_container {display:none;}*/