/*FONT*/
@font-face {
  font-family: 'Roboto Regular';
  src: url('../lib/ionic/fonts/Roboto-Regular.ttf');
}

* {
	font-family: 'Roboto Regular' !important;
}


/*FORMS*/
.form-item {
	height: 79px;
	padding-left: 13px;
	/*padding-bottom: 0px;*/
}

.form-item label {
	padding-left: 0px;
	margin-right: 8px;
	margin-left: 23px;
	margin-top: 4px;
	border: 0px;
	border-bottom: 1px solid #ddd;
	background-color: transparent;
}

.form-item + .form-item {
	margin-top: -18px;
	padding-top: 0;
}

.form-item .col-left {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	max-width: 36px;
}

.form-item .col-left > i {
	-webkit-align-self: center;
	align-self: center;
}

.form-item input {
	padding-right: 0px;
  text-overflow: ellipsis;
}

.form-item input::-webkit-input-placeholder {
	font-size: 14px;
	color: #a3a3a3;
}

.form-notifications {
	color: #555555;
	padding-left: 18px;
	padding-right: 18px;
	margin-bottom: 10px;
}

.form-notifications > p {
	margin: 0px;
}

.red-full-button,
.simple-full-button {
	padding: 18px;
	margin: 0px;
}

.simple-button {
	border-radius: 2px;
	border: none;
	background-color: white;
	color: #575757;
	min-height: 38px;
	line-height: 38px;
	font-size: 12px;
	font-weight: bold;
	padding: 0;
	min-width: 115px;
}

.simple-button:hover {
	color: #575757;
}

.simple-button.activated {
	background-color: white;
	color: #575757;
	padding-top: 1px;
  padding-left: 1px;
}

.red-button {
	border-radius: 2px;
	border: none;
	background-color: #ce112f;
	box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.3);
	color: white;
	min-height: 38px;
	line-height: 38px;
	font-size: 12px;
	font-weight: bold;
	padding: 0;
	min-width: 115px;
}

.red-button.activated {
	background-color: #ce112f;
	color: white;
	box-shadow: none;
	padding-top: 1px;
  padding-left: 1px;
}

.red-tm-button {
	border-radius: 5px;
	background-color: var(--tm_primary);
	color: white;
	min-width: 300px;
}
.red-tm-button:hover {
	color: white;
}
.button.red-tm-button.activated {
	opacity: 0.8;
	background-color: var(--tm_primary);
}
.mt30 {
	margin-top: 30px;
}

.red-full-button button,
.simple-full-button button {
	border-radius: 2px;
	font-size: 13px;
	font-weight: bold;
	box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.3);
	border: none;
	min-height: 0px;
	height: 38px;
	line-height: 0px;
	margin: 0px !important;
}

.red-full-button button {
	background-color: #ce112f;
	color: white;
}

.simple-full-button button {
	background-color: #f0f0f0;
	color: #656565;
}

.red-full-button button:hover,
.red-button:hover {
	color: white; 
}

.simple-full-button button:hover {
	color: #656565;
}

.radio-button {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border-width: 2px;
  border-color: #ce112f;
  border-style: solid;
  display: flex;
  justify-content: center;
  align-items: center;
}
.radio-button .radio-button-input {
  display: none;
}
.radio-button .radio-button-input:checked + .radio-button-disk {
  display: block;
}
.radio-button .radio-button-disk {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #ce112f;
}
.radio-button-disk {
  display: none;
}

.payment-method {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding-left: 15px;
  height: 56px;
  cursor: pointer;
}
.payment-method-list:not(:last-child) {
  border-bottom: 1px solid #a3a3a3;
}
.payment-method-description {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  color: #575757;
  font-size: 15px;
}
.payment-method img {
  width: 38px;
  height: 38px;
  object-fit: contain;
}
.payment-method .payment-method-icon {
  margin-left: 20px;
  margin-right: 10px;
}

.red-full-button button.activated,
.simple-full-button button.activated {
  box-shadow: none;
	border-radius: 2px;
	font-size: 13px;
	font-weight: bold;
	border: none;
	min-height: 0px;
	height: 38px;
	line-height: 0px;
	padding-top: 2px;
  padding-left: 14px;
 }

.red-full-button button.activated {
	background-color: #ce112f;
	color: white;
}

.simple-full-button button.activated {
	background-color: #f0f0f0;
	color: #656565;
}

.tm-visit.item {
	cursor: default !important;
	background-color: #fff !important;
	padding: 20px 30px 20px 30px !important;
}

/*TABS*/
.tabs {
	/*background-color: #ce112f !important;*/
	/*box-shadow: 0 2px 3px -2px gray;*/
	/*border-bottom: 1px solid #ce112f !important;*/
	color: #333333;/*white;*/

	top: 64px !important;
	border-bottom: none !important;
	justify-content: flex-start;
	padding: 0 15px;/*0 16px;*/
	height: 40px;
  line-height: 40px;
  box-shadow: 0 1px 3px -2px grey;
}

.tab-item.tab-item-active, .tab-item.activated {
	/*border-color: white !important;*/
	padding-top: 1px;
	border: none !important;
	position: relative;
}
.tab-item.tab-item-active:after{
	position: absolute;
	content: '';
	bottom:0;
	border-bottom: 3px solid #ce112f;
	display: block;
	left: 17px;
	right: 17px;
}

.tab-item {
	opacity: 1;
	text-align: left;
	flex: none;
}

.tab-title {
	font-size: 12px;
	font-weight: bold;
	/*letter-spacing: 0.5px;*/
	margin: 0 15px;
}

.top-tab-item {
	max-width: none;
}


/*AUTH*/
.auth-content {
	bottom: 0px !important;
	padding: 0px;
}

.auth-content > .scroll {
	height: 100% !important;
}

.auth-content .auth-logo {
	height: -webkit-calc(100% - 400px) !important;
	height: calc(100% - 400px) !important;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
}

.auth-content .medic-logo {
	margin: 0px auto;
	-webkit-align-self: center;
	align-self: center;
	height: 50%;
}

.auth-content .auth-text {
	color: #555555;
	margin: 0px 30px;
	text-align: center;
	font-size: 12px;
}

.auth-content .agreement {
	margin: 0px;
	padding: 9px 18px;
	font-size: 10px;
	line-height: 12px;
	color: #999;
	cursor: pointer;
}

.auth-content .apps {
	display: flex;
	justify-content: space-between;
	padding: 0 18px;
}

.auth-content .apps > a {
	max-width: 50%;
}

.auth-content .apps > a > img {
	max-width: 100%;
	/* max-height: 50px */
}

.auth-content .simple-full-button {
	padding-top: 0px;
}

.auth-content .red-full-button {
	padding-top: 4px;
}

.auth-content .simple-full-button > button {
  color: #ce112f;
  background-color: #fff;
  box-shadow: none;
}

.auth-content .up-agreement-button {
	padding-bottom: 0px;
}

.auth-content .down-agreement-button {
	padding-top: 0px;
}

.auth-content form {
	margin: 0px 12px;
}

@media (min-width: 768px) {
	.auth-content .auth-text {
		margin: 0px auto;
		text-align: center;
		width: 409px;
		font-size: 14px;
	}

	.auth-content form {
		margin: 0px auto;
		width: 445px;
	}

	.auth-content .auth-logo {
		max-height: 400px !important;
	}

	.auth-content .medic-logo {
		height: 178px;
    width: 199px;
	}
}

@media (max-height: 500px) {
	.auth-content .medic-logo {
		height: 60%;
	}
}

.pre_mask {
	font-size: 14px;
	padding-top: 2px;
	padding-bottom: 1px;
	padding-left: 0;
	color: #111;
}


/*SERVICES*/
.department-bar {
  width: 100%;
  text-align: center;
  /*margin-top: 93px;*/
  padding: 0px 46px 0px 46px;
  height: 60px;
  background-color: #f4f4f4;
  color: #5c5c5c;
  font-size: 17px;
  position: relative;
  margin-top: 104px;
  z-index: 1;
}

.department-bar > p {
	height: 60px;
	line-height: 60px;
	text-overflow: ellipsis;
  	white-space: nowrap;
  	overflow: hidden;
}

.department-bar .button-left {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 60px;
	line-height: 0px;
	border: none;
	padding-left: 30px;
	padding-right: 30px;
}

.department-bar .button-right {
	position: absolute;
	top: 0px;
	right: 0px;
	height: 60px;
	line-height: 0px;
	border: none;
	padding-left: 30px;
	padding-right: 30px;
}

.services-below-department-bar {
	padding-top: 0px;
}

.department-bar + .services-below-department-bar {
	margin-top: 60px;
}

.services-below-department-bar ion-item {
	border: none;
	margin: 0px;
	font-size: 15px;
	color: #707070;
}

.services-below-department-bar .service-title {
	padding-left: 68px;
	position: relative;
	height: 52px;
}

.services-below-department-bar .service-title > a {
	position: absolute;
	height: 52px;
  width: 68px;
	border: none;
	padding: 0px !important;
	left: 0px;
	top: 0px;
}

.services-below-department-bar .service-title > a > i {
	position: absolute;
	height: 18px;
  right: 20px;
  top: 17px;
}

.services-below-department-bar .list, 
.services-below-department-bar .row, 
.services-below-department-bar .col,
.services-below-department-bar .service-content {
	padding: 0px;
}

.services-below-department-bar .service-content-el {
	padding-left: 48px;/*18px;*/
}

.services-below-department-bar .service-title i {
	right: 30px;
}

.services-below-department-bar .service-content-el .row .col-20{
	max-width: 38px;
}

.service-borders {
	border-top: 1px solid #dbdbdb;
  border-bottom: 1px solid #dbdbdb;
}

.service-selected {
  background-color: #D9D9D9;
}


/*ACTIONS AND NEWS AND ARTICLES*/
.actions-content,
.news-content,
.articles-content {
	background-color: #f5f5f5;
}

.actions-content .scroll,
.news-content .scroll,
.articles-content .scroll {
	/*margin-top: 18px;*/
}

.actions-content .card,
.news-content .card,
.articles-content .card {
	box-shadow: 0 1px 0.5px -1px rgba(0, 0, 0, 0.3);
	border-radius: 0px;
	height: 172px;
	margin: 9px 30px;
	padding: 0px;
}

.actions-content .row,
.actions-content .col,
.news-content .row,
.news-content .col,
.articles-content .row,
.articles-content .col {
	padding: 0px;
}

.actions-content .item,
.news-content .item,
.articles-content .item {
	padding: 18px 0px 30px 0px;
	margin: 0px;
	height: 172px;
}

.actions-content .item > a,
.news-content .item > a,
.articles-content .item > a {
	cursor: pointer;
}

.actions-content .card .actions-title,
.news-content .card .news-title,
.articles-content .card .articles-title {
	color: #4c4c4c;
	font-size: 19px;
	margin-bottom: 8px;
	white-space: nowrap;
	line-height: 24px;
}

.actions-content .card .actions-text,
.news-content .card .news-text,
.articles-content .card .articles-text {
	color: #707070;
	margin-bottom: 0px;
	line-height: 130%;
	font-size: 13px;
	white-space: normal;
	height: 64px;
	margin-bottom: 15px;
}

.actions-content .card .actions-text > p,
.news-content .card .news-text > p,
.articles-content .card .articles-text > p {
	color: #707070;
	margin-bottom: 0px;
	line-height: 130%;
	font-size: 13px;
	white-space: normal;
	height: 64px;
}

.actions-content .card .actions-link,
.news-content .card .news-link, 
.articles-content .card .articles-link {
	color: #ce112f;
	font-size: 13px;
	font-weight: bold;
	margin: 0px;
	line-height: 13px;
}

.actions-content .card a.activated,
.news-content .card a.activated, 
.articles-content .card a.activated {
	opacity: 0.3;
}

.actions-content .card .img-content,
.news-content .card .img-content,
.articles-content .card .img-content {
	float: right;
	min-height: 92px;
	position: relative;
	max-width: 38%;
}

.actions-content .card .text-content,
.news-content .card .text-content,
.articles-content .card .text-content {
	max-width: 62%;
	position: relative;
}

.actions-content .card .img-content img,
.news-content .card .img-content img,
.articles-content .card .img-content img {
	max-width: 100px;
    max-height: 64px;
	top: 0px;
	right: 0px;
	position: absolute;
}

.news-content .card .news-date {
	position: absolute;
	bottom: 0px;
	right: 0px;
	color: #707070;
	font-size: 13px;
	line-height: 13px;
}

.news-content .news-date-container {
	position: relative;
}

.news-content .news-date-container .news-date {
	position: absolute;
	bottom: 18px;
	right: 9px;
	color: #707070;
	font-size: 13px;
	line-height: 13px;
}


/*ALL DOCTORS, DOCTORS*/
.department-bar + .doctors-search-bar {
	margin-top: 0px !important;
}

.doctors-search-bar {
	width: 100%;
	height: 60px;
	background-color: #fff;/*#e4e4e7;*/
	padding: 13px 30px 12px 30px;
  position: relative;
  z-index: 1;
  margin-top: 104px;
}
.doctors-search-bar .ion-search {
	min-width: 12px;
	left: 0;
}

.doctors-search-bar label {
	margin: 0px;
	padding: 0px;
	border: none;
	/*background-color: #e4e4e7;*/
}

.doctors-search-bar input {
	padding: 0px 0px 0px 25px;
	border-width: 1px;
  border-style: solid;
  border-color: #ddd;
	border-width: 0px 0px 1px 0px;
	text-overflow: ellipsis;
}

.doctors-search-bar input.with-value {
  border-color: #ce112f;
}

.all-doctors-content {
  margin-top: 120px;
  color: #707070;
}

.all-doctors-content.from-modal {
	margin-top: 60px;
}

.all-doctors-content ion-item:last-child .item-right-icon, 
.doctors-content ion-item:last-child .item-icon-right {
	border: none;
}

.all-doctors-content img,
.doctors-content img {
	left: 30px !important;
}

.all-doctors-content img:hover,
.doctors-content img:hover {
	cursor: pointer;
}

.all-doctors-content .list,
.doctors-content .list {
  padding: 0px;
}

.all-doctors-content .not-found {
  margin-left: 30px;
  margin-right: 30px;
}

.all-doctors-content ion-item,
.doctors-content ion-item {
  padding: 0px 0px 0px 90px;
  margin: 0px;
  border: 0px;
  min-height: 72px;
}

.all-doctors-content .item-right-icon,
.doctors-content .item-right-icon {
	height: 72px;
  border-style: solid;
  border-color: #ddd;
	border-width: 0px 0px 1px 0px;
	position: relative;
}

.doctors-content .item-right-icon {
	line-height: 72px;
}

.all-doctors-content .item-right-icon .row {
	width: -webkit-calc(100% - 180px);
	height: 100%;
}

.all-doctors-content .item-right-icon .col {
	-webkit-align-self: center;
}

.all-doctors-content .item-right-icon .row,
.all-doctors-content .item-right-icon .col {
	padding: 0px;
}

.all-doctors-content .item-right-icon .service-name {
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 13px;
  color: #a3a3a3;
	margin-bottom: 0px;
}

.all-doctors-content .item-right-icon .doctor-name {
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 14px;
	margin-bottom: 0px;
}

.doctors-content .item-right-icon .doctor-name {
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-right: 180px;
	font-size: 14px;
	margin-bottom: 0px;
}

.all-doctors-content .item-right-icon .red-full-button,
.doctors-content .item-right-icon .red-full-button {
	position: absolute;
	height: 72px;
	padding-left: 30px;
	padding-right: 30px;
	width: 180px;
	right: 0px;
	top: 0px;
}

.all-doctors-content .item-right-icon .red-full-button button,
.doctors-content .item-right-icon .red-full-button button {
	font-size: 14px;
	height: 36px;
}

.all-doctors-content .item-right-icon .doctor-name:hover,
.doctors-content .item-right-icon .doctor-name:hover {
  text-decoration: underline;
  cursor: pointer;
}

.all-doctors-content a,
.doctors-content a {
	position: absolute;
	height: 72px;
  width: 78px;
	border: none;
	padding: 0px !important;
	right: 0px;
  top: 0px;
}

.all-doctors-content a i,
.doctors-content a i {
	position: absolute;
  right: 30px;
  top: 27px;
}


/*SERVICE AND ARTICLE AND ACTION AND CURRENTNEWS*/
.service-content,
.article-content,
.action-content,
.currentnews-content {
	background-color: #f4f4f4;
}

.service-content .scroll,
.article-content .scroll,
.action-content .scroll,
.currentnews-content .scroll {
	height: 100%;
}

.service-content .scroll > div,
.article-content .scroll > div,
.action-content .scroll > div,
.currentnews-content .scroll > div {
	height: 100%;
}

.service-content .img-text,
.article-content .img-text,
.action-content .img-text,
.currentnews-content .img-text {
  background-size: cover !important;
  position: relative;
  height: 40%;
  background-position: center !important;
}

.service-content .img-text:before,
.article-content .img-text:before,
.action-content .img-text:before,
.currentnews-content .img-text:before,
.notification-appointment-content .img-text:before {
  content: '';
	position: absolute;
	top: 60%;
	right: 0;
	bottom: 0;
	left: 0;
	background-image: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(0,0,0, 1) 100%);
	opacity: .6;
}

.service-content .img-text > h4,
.article-content .img-text > h4,
.action-content .img-text > h4,
.currentnews-content .img-text > h4 {
  position: absolute;
  color: white;
  font-size: 19px;
  left: 30px;
  bottom: 15px;
  margin: 0px;
  width: 85%;
}

.service-content .service-text,
.article-content .article-text,
.action-content .action-text,
.currentnews-content .currentnews-text {
	padding: 18px 30px;
	margin: 0px;
	color: #707070;
}

.service-content .service-text > p,
.article-content .article-text > p,
.action-content .action-text > p,
.currentnews-content .currentnews-text > p {
	margin: 0px;
	color: #707070;
}

.currentnews-content .currentnews-text-date {
	padding: 18px 30px 0px 30px;
	margin: 0px;
	color: #707070;
}


/*PRICES*/
.prices-content .item {
	color: #707070 !important;
	font-size: 14px;
	border-width: 1px 0px 1px 0px;
	padding: 0px;
}

.prices-content .header {
	padding: 18px 30px;
	background-color: #D9D9D9;
}

.prices-content .main-header {
	font-weight: bold;
	padding: 18px 30px;
	background-color: #f4f4f4;
}

.prices-content .row {
	padding: 0px;
}

.prices-content .col-center {
	padding: 0px;
	white-space: normal;
}

.prices-content .col-left {
	padding: 18px 0px 18px 0px;
	white-space: normal;
	max-width: -webkit-calc(100% - 328px);
	min-width: -webkit-calc(100% - 328px);
	max-width: calc(100% - 328px);
	min-width: calc(100% - 328px);
}

.prices-content .col-right {
	font-weight: bold;
	padding: 18px 0px;
	text-align: right;
	white-space: normal;
	max-width: 80px;
}

@font-face {
	font-family: 'ALSRubl';
	src: url('../lib/ionic/fonts/rouble.ttf');
}

.price {
  font-family: 'ALSRubl' !important;
}

.prices-content .col-right .content-down {
	color: #ce112f;
}

.prices-content .col-right .line-through {
	position: relative;
}

.prices-content .col-right .line-through:before {
  content: "";
  position: absolute;
  height: 100%;
  border-style: solid;
  border-color: #707070;
  border-width: 2px 0px 0px 0px;
  top: -webkit-calc(50% - 0.5px);
  top: calc(50% - 0.5px);
  left: -2px;
  right: -2px;
}

.prices-content .row .red-full-button {
	height: 72px;
	padding-left: 30px;
	padding-right: 30px;
	width: 180px;
}

.prices-content .row .red-full-button button {
	font-size: 14px;
	height: 36px;
}

.prices-content .row .red-full-button .allowrec {
	background-color: #999;
}

.prices-content .row .col-prepare {
  max-width: 68px;
  padding: 0px;
}

.prices-content .row .col-prepare a {
	position: relative;
	height: 100%;
  width: 100%;
	border: none;
	padding: 0px !important;
}

.prices-content .row .col-prepare a i {
	position: absolute;
  left: 30px;
  top: 20px;
}


/*NOTIFICATIONS*/
.notifications-content .item {
	color: #626262 !important;
	font-size: 14px;
	border-width: 1px 0px 1px 0px;
	padding: 18px;
}

.notifications-content .row {
	padding: 0px;
}

.notifications-content .col-left {
	font-weight: bold;
	padding: 0px;
	white-space: normal;
	max-width: 90px;
}

.notifications-content .col-center {
	padding: 0px 18px;
	white-space: normal;
	align-self: auto;
  -webkit-align-self: auto;
}

.notifications-content .col-right {
	color: #919191;
	padding: 0px;
	text-align: right;
	white-space: normal;
	max-width: 75px;
}


/*DOCTOR*/
.doctor-content .img-text {
  width: 100%;
  background-size: cover !important;
  padding: 18px 30px 15px 30px;
}

.doctor-content .img-text > h4 {
  color: white;
  font-size: 19px;
  margin: 0px;
  width: 60%;
}

.doctor-content .doctor-text {
	padding: 18px 30px 0px 30px;
	margin: 0px;
	color: #707070;
}

.doctor-content .img-text > img {
  max-width: 70px;
  max-height: 70px;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  margin-bottom: 8px;
  cursor: pointer;
}

.doctor-content .red-full-button {
	padding: 18px 30px;
	min-width: 300px;
  width: 30%;
}


/*MAKE APPOINTMENT*/
.new-appointment-content {
	background-color: #f5f5f5;
	padding: 0px;
}

.new-appointment-content .content {
	padding: 18px 0px;
	margin: 0px;
}

.new-appointment-content .content > .red-full-button {
	padding: 0px;
	margin: 18px 30px 0px;
  min-width: 300px;
  width: 30%;
}

.new-appointment-content .card {
	margin: 9px 0px;
	padding: 0px;
	box-shadow: none;
	border-radius: 0px;
	border-width: 1px 0px;
	border-style: solid;
	border-color: #ddd;
}

.new-appointment-content .card:first-child {
	margin-top: 0px;
}

.new-appointment-content ion-item {
	margin: 0px !important;
	padding: 18px 66px 18px 62px;
	color: #707070 !important;
	font-size: 15px;
	border: none;
	white-space: normal;
}

.new-appointment-content .inner-item {
	padding: 0px 0px 0px 62px;
}

.new-appointment-content .inner-item .inner-div {
	padding: 18px 66px 18px 0px;
	border-style: solid;
  border-color: #ddd;
  border-width: 0px 0px 1px 0px;
}

.new-appointment-content .inner-doctor-item {
	padding: 0px;
}

.new-appointment-content .inner-doctor-item button {
	position: absolute;
	height: 100%;
	width: 68px;
	border: none;
	padding: 0px !important;
}

.new-appointment-content .inner-doctor-item button i {
	left: 27px;
}

.new-appointment-content .inner-doctor-item .inner-doctor-div {
  margin-left: 62px;
}

.new-appointment-content .card .inner-item:last-child .inner-div {
	border: none;
}

.new-appointment-content .ion-arrowdown {
	left: 30px !important;
}

.new-appointment-content .ion-arrowredright {
	left: 33px !important;
}

.new-appointment-content .ion-selected {
	right: 30px !important;
}

.new-appointment-content .ion-item-selected{
	background-color: #D9D9D9;
}

.new-appointment-content .ion-item-unselected{
	background-color: #fff;
}

.new-appointment-content .card .item:first-child {
	border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}

.new-appointment-content p {
	color: #707070 !important;
	font-size: 15px;
	margin: 18px 30px 9px 62px;
}


/*VISITS AND RESEARCHES AND MAKE APPOINTMENT CALENDAR*/
.visits-content .fc-toolbar,
.researches-content .fc-toolbar,
.new-appointment-content .fc-toolbar {
	margin: 0px;
	height: 60px;
}

.visits-content .fc-left,
.visits-content .fc-right,
.researches-content .fc-left,
.researches-content .fc-right,
.new-appointment-content .fc-left,
.new-appointment-content .fc-right {
	height: 100%;
}

.new-appointment-content .fc-left button, 
.new-appointment-content .fc-right button  {
	height: 100%;
	border: none;
	padding: 0px;
	border-color: transparent;
	background: none;
	transition: opacity 0.1s;
	box-shadow: none;
}

.visits-content .fc-left button, 
.visits-content .fc-right button,
.researches-content .fc-left button, 
.researches-content .fc-right button {
	height: 60px;
	border: none;
	padding: 0px;
	border-color: transparent;
	background: none;
	transition: opacity 0.1s;
	box-shadow: none;
	position: absolute;
  padding-left: 30px;
  padding-right: 30px;
}

.visits-content .fc-left button,
.researches-content .fc-left button {
  left: 0px;
}

.visits-content .fc-right button,
.researches-content .fc-right button {
  right: 0px;
}

.new-appointment-content .fc-left button span,
.new-appointment-content .fc-right button span {
	padding-left: 30px;
	padding-right: 30px;
	margin: 0px;
}

.visits-content .fc-left button span,
.visits-content .fc-right button span,
.researches-content .fc-left button span,
.researches-content .fc-right button span {
	padding: 0px;
	margin: 0px;
}

.visits-content .fc-left .fc-state-down span,
.researches-content .fc-left .fc-state-down span,
.new-appointment-content .fc-left .fc-state-down span {
	opacity: 0.3;
}

.visits-content .fc-right .fc-state-down span,
.researches-content .fc-right .fc-state-down span,
.new-appointment-content .fc-right .fc-state-down span {
	opacity: 0.3;
}

.visits-content .fc-row .fc-content-skeleton,
.researches-content .fc-row .fc-content-skeleton,
.new-appointment-content .fc-row .fc-content-skeleton {
  padding: 0px;
}

.visits-content .fc th, .fc td,
.researches-content .fc th, .fc td,
.new-appointment-content .fc th, .fc td {
	border-width: 0px; 
}

.visits-content .fc-unthemed .fc-today,
.researches-content .fc-unthemed .fc-today,
.new-appointment-content .fc-unthemed .fc-today {
  background: none;
}

.visits-content .fc-day-number.fc-other-month,
.researches-content .fc-day-number.fc-other-month,
.new-appointment-content .fc-day-number.fc-other-month {
	opacity: 1;
}

.visits-content .fc-event-container,
.researches-content .fc-event-container,
.new-appointment-content .fc-event-container {
	display: none;
}

.visits-content .fc-center h2,
.researches-content .fc-center h2,
.new-appointment-content .fc-center h2 {
	font-size: 16px;
	color: #4c4c4c;
	height: 60px;
  line-height: 60px;
}

/*.new-appointment-content .fc-left {
	margin-left: 18px;
}

.new-appointment-content .fc-right {
	margin-right: 18px;
}*/

.new-appointment-content .calendar {
	padding-bottom: 8px;
	margin-bottom: 18px;
}

.visits-content .fc-icon-left-single-arrow,
.researches-content .fc-icon-left-single-arrow,
.visits-content .fc-icon-right-single-arrow,
.researches-content .fc-icon-right-single-arrow,
.new-appointment-content .fc-icon-left-single-arrow,
.new-appointment-content .fc-icon-right-single-arrow {
	display: inline;
	top: 0px !important;
  height: 16px;
  width: 9px;
}

.visits-content .fc-icon-left-single-arrow:after,
.researches-content .fc-icon-left-single-arrow:after,
.visits-content .fc-icon-right-single-arrow:after,
.researches-content .fc-icon-right-single-arrow:after,
.new-appointment-content .fc-icon-left-single-arrow:after,
.new-appointment-content .fc-icon-right-single-arrow:after {
  display: inline-block;
  content: "";
  height: 16px;
  width: 9px;
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center;
	top: 0px;
}


.visits-content .fc-icon-left-single-arrow:after,
.researches-content .fc-icon-left-single-arrow:after {
  background-image: url("../img/icons/arrowleft.svg");
}

.visits-content .fc-icon-right-single-arrow:after,
.researches-content .fc-icon-right-single-arrow:after {
  background-image: url("../img/icons/arrowright.svg");
}

.new-appointment-content .fc-icon-left-single-arrow:after {
  background-image: url("../img/icons/arrow_calendar_left.svg");
}

.new-appointment-content .fc-icon-right-single-arrow:after {
  background-image: url("../img/icons/arrow_calendar_right.svg");
}

.visits-content .fc-day-header,
.researches-content .fc-day-header {
	font-size: 15px;
	color: #4c4c4c;
	padding-bottom: 15px;
}

.new-appointment-content .fc-day-header {
	font-size: 15px;
	color: white;
	padding-bottom: 15px;
}

.visits-content .calendar,
.researches-content .calendar {
	margin: 0px 30px 0px 30px
}

.visits-content .fc-basic-view .fc-body .fc-row,
.researches-content .fc-basic-view .fc-body .fc-row,
.new-appointment-content .fc-basic-view .fc-body .fc-row {
	min-height: 35px;
}

.visits-content .fc-ltr .fc-basic-view .fc-day-number,
.researches-content .fc-ltr .fc-basic-view .fc-day-number {
	font-size: 17px;
	color: #4c4c4c;
  text-align: center;
  z-index: 3;
  padding: 0px 0px 0px 0px;
  position: relative;
  height: 35px;
  line-height: 35px;
  cursor: pointer;
}

.new-appointment-content .fc-ltr .fc-basic-view .fc-day-number {
	font-size: 17px;
  text-align: center;
  z-index: 3;
  padding: 0px 0px 0px 0px;
  position: relative;
  height: 35px;
  line-height: 35px;
  color: white;
  cursor: pointer;
}

.visits-content .fc-day,
.researches-content .fc-day,
.new-appointment-content .fc-day {
	height: 35px;
	position: relative;
}

.new-appointment-content .makeappointment-select-day:before {
  content: "";
  background: #f6898c;
  position: absolute;
  width: 35px;
  height: 100%;
  z-index: -2;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  border-top-left-radius: 50%;
  border-bottom-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
}

.visits-content .medcard-selected-day:before,
.researches-content .medcard-selected-day:before {
  content: "";
  background: #9c0c23;
  position: absolute;
  width: 35px;
  height: 100%;
  z-index: -2;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  border-top-left-radius: 50%;
  border-bottom-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
}

.visits-content .medcard-start-back:before,
.researches-content .medcard-start-back:before {
  content: "";
  background: #ce112f;
  position: absolute;
  width: 50%;
  height: 100%;
  z-index: inherit;
  top: 0;
  right: 0;
}

.visits-content .medcard-end-back:before,
.researches-content .medcard-end-back:before {
  content: "";
  background: #ce112f;
  position: absolute;
  width: 50%;
  height: 100%;
  z-index: inherit;
  top: 0;
  left: 0;
}

.visits-content .medcard-other-day-last::after,
.visits-content .medcard-other-day-next::after,
.researches-content .medcard-other-day-last::after,
.researches-content .medcard-other-day-next::after {
  content: "";
  background: #f3f3f3;
  position: absolute;
  width: 35px;
  height: 100%;
  z-index: -2;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  border-top-left-radius: 50%;
  border-bottom-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
}

.visits-content .medcard-other-day-last:before,
.researches-content .medcard-other-day-last:before {
  content: "";
  background: #f3f3f3;
  position: absolute;
  width: 50%;
  height: 100%;
  z-index: inherit;
  top: 0;
  left: 0;
}

.visits-content .medcard-other-day-next:before,
.researches-content .medcard-other-day-next:before {
  content: "";
  background: #f3f3f3;
  position: absolute;
  width: 50%;
  height: 100%;
  z-index: inherit;
  top: 0;
  right: 0;
}


/*CONFIRM APPOINTMENT AND NOTIFICATION APPOINTMENT AND CONTACTS*/
.notification-appointment-content .img-text {
	height: 178px;
  /*width: 375px;*/
  background-size: cover !important;
  position: relative;
  margin-bottom: 5px;
  background-position: center !important;
}

.notification-appointment-content .img-text h4 {
  position: absolute;
  color: white;
  font-size: 34px;
  left: 0px;
  right: 0px;
  bottom: 15px;
  margin: 0px;
  text-align: left;
  padding-left: 30px;
}

.notification-appointment-content .cancel-info {
	padding: 0px 30px 1px;
	color: #626262;
	font-size: 13px;
	font-weight: bold;
}

.notification-appointment-content .simple-full-button {
	padding: 9px 18px 0px 18px;
}

.notification-appointment-content .red-full-button {
	padding: 9px 18px 18px 18px;
}

.confirm-appointment-content .red-full-button,
.confirm-appointment-content .simple-full-button,
.notification-appointment-content .simple-full-button,
.notification-appointment-content .red-full-button {
	margin-left: 12px;
	min-width: 460px;
	width: 30%;
}

.notification-appointment-content .red-full-button a {
	text-decoration: none !important;
}

.confirm-appointment-content .red-full-button {
	padding-top: 9px;
}

.confirm-appointment-content .simple-full-button {
	padding: 9px 18px;
}

.contacts-content .simple-full-button {
	padding: 9px 18px 0px 18px;
}

.contacts-content .red-full-button {
	padding: 9px 18px 18px 18px;
}

.notification-appointment-content .text-wrapper,
.confirm-appointment-content .text-wrapper {
	max-width: 460px;
	margin-left: 12px;
	margin-bottom: 30px;
}

.notification-appointment-content .text-wrapper .text,
.confirm-appointment-content .text-wrapper .text {
	margin: auto;
	max-width: 350px;
	font-size: 14px;
	color: #5C5C5C;
	text-align: center;
}

.confirm-appointment-content .row:first-child,
.contacts-content > .scroll > .row:first-child {
	padding-top: 18px;
}

.contacts-content > .scroll > a {
	text-decoration: none;
}

.confirm-appointment-content .row,
.notification-appointment-content .row,
.contacts-content .row {
	padding: 10px 30px 10px 30px;
}

.confirm-appointment-content .col,
.notification-appointment-content .col,
.contacts-content .col {
	padding: 0px;
}

.confirm-appointment-content .col-left,
.notification-appointment-content .col-left,
.contacts-content .col-left {
	max-width: 59px;
}

.confirm-appointment-content .col-left i:before,
.notification-appointment-content .col-left i:before,
.contacts-content .col-left i:before {
	margin-top: 5px;
}

.confirm-appointment-content .col-left .ion-name:before,
.notification-appointment-content .col-left .ion-name:before {
	margin-left: 1px;
}

.confirm-appointment-content .col-cost,
.confirm-appointment-content .col-discount,
.notification-appointment-content .col-cost,
.notification-appointment-content .col-discount {
	margin-left: 59px;
}

.confirm-appointment-content .content.division, .notification-appointment-content .content.division {
	color: #ce112f;
	font-weight: normal;
}

.confirm-appointment-content .col-cost h4,
.confirm-appointment-content .col-discount h4,
.notification-appointment-content .col-cost h4,
.notification-appointment-content .col-discount h4 {
	margin: 0px;
	color: #ce112f;
	font-weight: bold;
	font-size: 17px;
}

.confirm-appointment-content .col-cost,
.notification-appointment-content .col-cost {
	padding-top: 15px;
	border-style: solid;
  border-color: #ddd;
	border-width: 1px 0px 0px 0px;
}

.confirm-appointment-content p,
.notification-appointment-content p,
.contacts-content p {
	margin: 0px;
}

.confirm-appointment-content .title,
.notification-appointment-content .title,
.contacts-content .title {
	color: #919191;
	font-size: 13px;
}

.confirm-appointment-content .content,
.notification-appointment-content .content,
.contacts-content .content {
	color: #626262;
	font-size: 13px;
	font-weight: bold;
}

.notification-appointment-content .red-full-button:not(:last-child) {
	padding-bottom: 0;
}

.contacts-content .content .content-left,
.contacts-content .content .content-right {
	display: inline-block;
}

.contacts-content .content .content-right {
	margin-left: 15px;
}

.contacts-content .simple-full-button {
	margin-top: 9px;
}


/*MEDCARD VISITS AND RESEARCHES*/
.visits-search-bar,
.researches-select-bar {
	width: 100%;
	height: 60px;
	background-color: #f5f5f5;
	margin-top: 104px;
	padding: 7px 30px 18px 30px;
	position: relative;
}

.visits-search-bar .ion-search {
	min-width: 10px;
	width: 10px;
	left: 0;
}

.visits-search-bar label {
	margin: 0px;
	padding: 0px;
	border: none;
	background-color: #f5f5f5;
	margin-right: 37px;
	height: 100%;
}

.researches-select-bar .label {
	margin: 0px 37px 0px 0px;
	padding: 0px;
	background-color: #f5f5f5;
	border-style: solid;
  border-color: #a3a3a3;
	border-width: 0px 0px 1px 0px;
	height: 100%;
	position: relative;
}

.researches-select-bar .label.with-value {
	border-color: #ce112f;
}

.visits-search-bar input {
	padding: 0px 0px 0px 21px;
	border-width: 1px;
  border-style: solid;
  border-color: #a3a3a3;
	border-width: 0px 0px 1px 0px;
	height: 100%;
}

.visits-search-bar input.with-value {
  border-color: #ce112f;
}

.visits-search-bar input::-webkit-input-placeholder {
	font-size: 13px;
	color: #a3a3a3;
}

.researches-select-bar select {
	padding: 0px;
	border: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	background-color: #f5f5f5;
	font-size: 13px;
	color: #a3a3a3;
	width: 100%;
	margin-right: 24px;
	height: 100%;
}

@-moz-document url-prefix() {
	.researches-select-bar select {
		margin-left: -4px;
	}
}

.researches-select-bar .label i {
	position: absolute;
	right: 0px !important;
	top: 0px;
	min-width: 11px !important;
	height: 100%;
}

.visits-search-bar button,
.researches-select-bar button {
	position: absolute;
	top: 0px;
	right: 30px;
	height: 100%;
	border: none;
	padding: 0px !important;
}

.visits-search-bar > button > i,
.researches-select-bar > button > i  {
	width: 19px;
	height: 100%;
}

.visits-search-bar-content,
.researches-select-bar-content {
	margin-top: 122px;	
	padding-top: 0px;
}

.visits-search-bar-content .not-found,
.researches-select-bar-content .not-found {
  margin-left: 30px;
  margin-right: 30px;
  margin-top: 18px;
  color: #707070;
  font-size: 14px;
}

.no-content {
	padding: 18px 30px;
  color: #707070;
  font-size: 14px;
}

.visits-search-bar-content .item {
	border-style: solid;
	border-color: #ddd;
  border-width: 0px 0px 1px 0px;
  margin: 0px;
  padding: 20px 68px 20px 30px;
}

.visits-search-bar-content .item .row,
.visits-search-bar-content .item .row .col,
.researches-select-bar-content .row,
.researches-select-bar-content .row .col {
	padding: 0px;
}

.visits-search-bar-content .item .row .col p,
.researches-select-bar-content .row .col p {
	margin: 0px;
}

.visits-search-bar-content .item i {
	width: 8px;
	right: 30px;
}

.visits-search-bar-content .item .col-left {
	max-width: -webkit-calc(100% - 71px);
	max-width: calc(100% - 71px);
	margin-right: 18px;
}

.visits-search-bar-content .item .col-right {
	/* max-width: 71px; */
  display: flex;
  align-items: center;
	color: #919191;
	font-size: 14px;
}

.visits-search-bar-content .item .col-left .content,
.researches-select-bar-content .row .col-left .content {
	color: #919191;
	font-size: 13px;
}

.visits-search-bar-content .item .col-left .title,
.researches-select-bar-content .row .col-left .title {
	color: #626262;
	font-size: 15px;
	white-space: normal;
}

.researches-select-bar-content .row .col-left .title {
	font-weight: bold;
}

.researches-select-bar-content .row.downloaded .col-left .title {
	color: #919191;
	font-weight: normal;
}

.visits-search-bar-content .item .row.date-make .col-date {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.visits-search-bar-content .item .row.date-make .col-make {
	max-width: 52px;
	padding: 0px;
}

.visits-search-bar-content .item .row.date-make .col-make a {
	position: relative;
	right: 0px;
	height: 100%;
	width: 100%;
	border: none;
	padding: 0px !important;
}

.visits-search-bar-content .item .row.date-make .col-make a i {
	position: absolute;
	right: 9px;
	top: 14px;
	height: 18px;
	width: 18px;
}

.calendar-buttons {
	float: right;
	padding: 36px 30px 30px 0px;
}

.calendar-buttons .simple-button {
	margin-right: 10px;
	border: 0px;
    background-color: transparent;
}

.researches-select-bar-content .row .ion-attach {
	position: absolute;
	left: 30px;
	height: 20px;
	top: 10px;
}

.researches-select-bar-content .row .red-full-button {
	position: absolute;
	height: 36px;
	width: 180px;
	right: 0px;
	top: 0px;
	padding: 0px 30px;
}

.researches-select-bar-content .row .red-full-button button {
	font-size: 14px;
	height: 36px;
  background-color: white;
  color: #ce112f;
  border-color: #ce112f;
  border-style: solid;
  border-width: 1.5px;
  font-weight: normal;
  box-shadow: none;
}

.researches-select-bar-content .row.downloaded button {
	opacity: 0.3;
}

.researches-select-bar-content .row {
	margin: 18px 180px 18px 0px;
	padding: 0px 0px 0px 80px;
	min-height: 40px;
	position: relative;
}

.researches-select-bar-content .row .col-left {
	max-width: 100%;
	margin-right: 180px;
}


/*APPOINTMENTS*/
.appointments-content {
	background-color: #f5f5f5;
	padding: 0px;
	margin: 0px;
	margin-top: 0px;
}

.username-bar + .appointments-content {
	margin-top: 62px;
}

.appointments-content .list {
	padding: 0px;
}

.appointments-content .card {
	padding: 0px;
	margin: 9px 0px;
	box-shadow: none;
	border-radius: 0px;
	border-width: 1px 0px;
  border-style: solid;
  border-color: #ddd;
}

.appointments-content ion-item {
	color: #707070 !important;
	font-size: 15px;
	border: none;
}

.appointments-content .card .item:first-child {
	border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}

.appointments-content .item-title {
	padding: 18px 62px;
}

.appointments-content .item-content,
.appointments-content .item-content-item {
	padding: 0px;
}

.appointments-content .item-title .ion-arrowdown {
	left: 30px !important;
}

.appointments-content .item-title .ion-arrowredright {
	left: 33px !important;
}

.appointments-content .ion-item-selected {
	background-color: #D9D9D9;
}

.appointments-content .ion-item-unselected {
	background-color: #fff;
}

.appointments-content .row,
.appointments-content .row .col {
	padding: 0px;
}

.appointments-content .row {
	padding: 8px 30px 8px 0px;
	margin-left: 68px;
	/*height: 56px;*/
	width: initial;
	border-style: solid;
  border-color: #ececec;
	border-width: 1px 0px 0px 0px;
}

.appointments-content .item-content-item:first-child .row {
	border: none;
}

.appointments-content .item-content-item .ion-info {
	position: absolute;
	left: 30px;
	top: 12px;
	/*height: 100%;*/
}

.appointments-content .item-content-item .col-left .content {
	color: #919191;
	font-size: 12px;
	white-space: normal;
}

.appointments-content .item-content-item .col-left .title {
	color: #626262;
	font-size: 13px;
	font-weight: bold;
	white-space: normal;	
}

.appointments-content .item-content-item .col-left .office-and-name {
  color: #919191;
  font-size: 13px;
  white-space: normal;
}

.appointments-content .item-content-item .col-left .office-and-name .office {
	font-weight: bold;
}

.appointments-content .item-content-item .col-left .office-and-name .division-header {
	color: black;
	font-weight: normal;
}

.appointments-content .item-content-item .col-left .office-and-name .division {
	color: #ce112f;
	font-weight: normal;
}

.appointments-content .item-content-item p {
	margin: 0px;
}

.appointments-content .item-content-item .col-right .content-up,
.appointments-content .item-content-item .col-right .content-down {
	color: #626262;
	font-size: 13px;
}

.appointments-content .item-content-item .col-right .content-down span {
	color: #ce112f;
	font-size: 15px;
}

.appointments-content .item-content-item .col-right .content-up {
  position: relative;
}

.appointments-content .item-content-item .col-right .content-up i {
	width: 11px;
	position: absolute;
  height: 100%;
  left: 1.5px;
}

.appointments-content .item-content-item .col-right .content-up i:before {
	width: 11px;
}

.appointments-content .item-content-item .col-right .content-up .content-up-text {
	margin-left: 20px;
}

.appointments-content .item-content-item .col-left {
	max-width: -webkit-calc(100% - 98px);
	max-width: calc(100% - 98px);
}

.appointments-content .item-content-item .col-right {
	max-width: 68px;
	margin-left: 30px;
}

.appointments-content .item-content-item .row .col-make {
	max-width: 52px;
	padding: 0px;
}

.appointments-content .item-content-item .row .col-make a {
	position: relative;
	right: 0px;
	height: 100%;
	width: 100%;
	border: none;
	padding: 0px !important;
}

.appointments-content .item-content-item .row .col-make a i {
	position: absolute;
	right: 9px;
	top: 13px;
}

.appointments-content .future-item .row {
	padding: 0px;
	margin: 0px;
	border-width: 1px 0px 0px 0px;
}

.appointments-content .future-item .row .col {
	padding: 9px 0px;
}

.appointments-content .future-item .row .col-left {
	padding-left: 30px;
}

.appointments-content .future-item .row .col-left.col-pl0 {
	padding-left: 0;
}

.appointments-content .future-item .row .col-delete {
  max-width: 71px;
  padding: 0px;
}

.appointments-content .future-item .row .col-delete a {
	position: relative;
	right: 0px;
	height: 100%;
  width: 100%;
	border: none;
	padding: 0px !important;
}

.appointments-content .future-item .row .col-delete a i {
	position: absolute;
  right: 30px;
  top: 13px;
}

.appointments-content .office-and-name.appointment-online {
	display: flex;
}

.appointments-content .col.col-info {
	max-width: 60px;
}
.appointments-content .col.col-info img {
	width: 18px;
	height: 18px;
	margin: 3px 30px;
	margin-right: 0;
}
.appointments-content .appointment-type-header {
	color: #333333;
	margin-left: 3px;
}
.appointments-content .appointment-type-content {
	color: #B12326;
}
.appointments-content .office-and-name.appointment-online.appointment-not-paid {
  margin: 0;
}
.appointments-content .appointment-type-content {
	align-items: flex-end;
	display: inline-flex;
	margin-left: 15px;
}
.appointments-content .appointment-type-icon {
	margin-right: 10px;
	align-self: center;
}
.appointments-content .pay-buttons {
	display: flex;
	align-items: center;
	margin-top: 5px;
}
.appointments-content .pay-buttons .red-full-button {
	padding: 0;
	width: 132px;
	border-radius: 5px;
	margin-right: 30px;
}
.appointments-content .pay-buttons .red-full-button a {
	text-decoration: none;
}
.appointments-content .pay-buttons .red-full-button a button {
	font-size: 16px;
	line-height: 19px;
	font-weight: normal;
	background-color: var(--tm_primary);
	border-radius: 5px;
}
.appointments-content .timeout-info {
	margin-top: 5px;
	display: flex;
}
.appointments-content .timeout-info div {
	flex: 0;
	border: 1px solid #B12326;
	border-radius: 5px;
	padding: 10px;
}
.appointments-content .timeout-info span {
	font-size: 16px;
	line-height: 18px;
	color: #333333;
}
.appointments-content .timeout-info span .Bold {
	font-weight: bold;
}

.appointments-content .a-oppacity {
	opacity: 0.6 !important;
}

.appointments-content .a-hidden {
	visibility: hidden;
}

.appointments-content .pay-buttons .how-it-works {
	display: flex;
}
.appointments-content .pay-buttons .how-it-works a {
	color: #B12326;
	margin-left: 5px;
	font-size: 16px;
	font-weight: normal;
  line-height: 19px;
}
/*TM DISABLED*/
.tm-disabled-content {
	margin-left: 30px;
	font-size: 16px;
	line-height: 24px;
	padding-top: 79px;
	height: 100%;
	display: flex;
	align-items: flex-start;
	flex-direction: column;
	padding-bottom: 14px;
	overflow-y: auto;
}
.tm-disabled-description {
	margin-bottom: 30px;
}
.tm-disabled-item {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	margin-bottom: 12px;
}
.tm-disabled-footer {
	display: flex;
	margin-top: auto;
}
.tm-disabled-buttons {
	display: flex;
	flex-direction: column;
	margin-top: auto;
	margin-right: 55px;
	margin-bottom: 30px;
}
.tm-disabled-buttons img {
	cursor: pointer;
	margin-bottom: 6px;
}
.tm-disabled-buttons .qr-code {
	margin-bottom: 20px;
	cursor: initial;
}
.tm-disabled-phones {
	width: 425px;
	position: relative;
	height: 402px;
}
.tm-disabled-phones img {
	object-fit: contain;
	position: absolute;
}
.tm-disabled-phones .iphone-1 {
	left: 0;
	bottom: 0;
}
.tm-disabled-phones .iphone-2 {
	right: 0;
}
/*BONUS*/
.modal-has-header {
	margin-top: 44px;
}
.bar-header.header-align-left .title {
	left: 0 !important;
	margin-left: 16px;
}
.composite_modal_wrapper {
	max-height: 100vh;
}
.composite_modal {
	max-height: 100vh;
}
.composite_modal .title {
	font-size: 17px;
	font-weight: 700;
}
.composite-payment-content {
	min-height: 200px;
	display: flex;
	flex-direction: column;
	flex: 1;
	max-height: calc(100vh - 50px);
}
.red-full-button .button.composite-button.activated, .red-full-button .button.composite-button {
	background-color: var(--tm_primary);
	border-radius: 5px;
	font-size: 16px;
}
.composite-bottom {
	margin-top: auto;
	padding-top: 12px;
	border-top: 1px solid var(--tm_background);
}
.composite-items {
	padding-top: 24px;
	padding-bottom: 24px;
	overflow: auto;
}
.composite-item {
	margin: 8px 18px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-start;
	font-size: 16px;
	line-height: 19px;
}
.composite-item-text {
	color: var(--tm_secondary);
}
.composite-item-cost {
	color: var(--tm_secondaryDim);
	margin-left: 8px;
}
.bonus_modal_wrapper {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
}
.bonus_modal {
	top: unset;
	bottom: unset;
	width: 33%;
	left: unset;
	right: unset;
}
.bonus-container {
	display: flex;
	flex-direction: column;
}
.bonus-title {
	font-size: 13px;
	font-weight: 500;
	line-height: 18px;
	margin: 16px;
	margin-bottom: 0px;
	margin-top: 20px;
}
.bonus-code {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin-top: 5px;
	margin-bottom: 16px;
	margin-left: 16px;
	margin-right: 16px;
}
.bonus-container input {
	font-size: 13px !important;
	line-height: 16px !important;
	color: var(--tm_secondary) !important;
	border-width: 1px !important;
	border-style: solid !important;
	border-color: #909499 !important;
	padding-left: 10px !important;
	border-radius: 3px !important;
	flex: 1;
}
.bonus_button:active {
	opacity: 0.6;
}
.bonus_button {
	display: flex;
	flex: 0;
	background: var(--tm_primary);
	color: #fff;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	line-height: 19px;
	padding: 6px 14px;
	border-radius: 5px;
	cursor: pointer;
	border-color: transparent;
}
.bonus_button[disabled] {
	background-color: gray;
}
.bonus_button_inverse:active {
	opacity: 0.6;
}
.bonus_button_inverse {
	color: var(--tm_primary);
	font-size: 14px;
	line-height: 16px;
	text-align: center;
	padding: 5px;
	cursor: pointer;
	align-self: center;
}

.bonus-code-apply {
	margin-left: 10px;
}
.bonus-mobile-instruction {
	font-size: 14px;
	line-height: 18px;
	color: var(--tm_secondaryDim);
	margin: 0 16px;
	margin-top: -6px;
}
.bonus-escape {
	margin-top: 20px;
}
.bonus-content {
	display: flex;
	flex-direction: column;
}
.bonus-item {
	display: flex;
	flex-direction: row;
	border-top: 1px solid #DDDDDD;
	padding: 16px;
	justify-content: space-between;
	align-items: center;
	max-height: 50px;
}
.bonus-item-name {
	font-size: 14px;
	line-height: 18px;
	color: var(--tm_secondaryDim);
}
.bonus-item-value, .bonus-item-value * {
	font-size: 16px;
	line-height: 19px;
	color: var(--tm_secondary);
}
.bonus-max-percent {
	font-size: 14px;
	line-height: 18px;
	color: var(--tm_secondaryDim);
	border-top: 1px solid #DDD;
	padding: 16px;
}
.bonus-apply-text {
	font-size: 13px;
	font-weight: 500;
	line-height: 18px;
	padding: 5px 16px;
	padding-top: 0;
}
.bonus-points-to-use {
	display: flex;
	padding: 5px 16px;
}
.bonus-item.bonus-final-cost {
	margin-left: 16px;
	margin-right: 16px;
	border-top: none;
	background: #e6e6e6;
	border-radius: 10px;
	margin-top: 15px;
}
.bonus-final-cost .bonus-item-name {
	font-size: 16px;
	line-height: 19px;
	font-weight: 700;
	color: var(--tm_secondary);
}
.bonus-final-cost .bonus-item-value * {
	font-size: 24px;
	line-height: 28px;
	font-weight: 700;
}
.bonus_make_payment {
	margin: 20px 16px;
	min-height: 40px;
}
/*MENU*/
.menucontent > ion-header-bar {
	background-color: #333333 !important;
	background-image: none !important;
	color: white !important;
	padding: 0px 18px 0px 18px;
	font-size: 16px;
	font-weight: bold;
	line-height: 44px;
	box-shadow: none;
	/*height: 138px;*/
	height: 90px;
}

.menucontent .copyright {
	padding: 15px;
}

.menucontent .copyright p {
	font-size: 12px;
	color: #989898;
	margin: 0px;
}

.menucontent .copyright a {
	font-size: 12px;
	color: #989898;
	text-decoration: none;
}

.menucontent .badge {
	line-height: 15px;
	font-size: 15px;
	top: 17px;
	right: 18px;
	background-color: #ce112f;
	color: #fff;
}

.menucontent ion-content.has-header {
	top: 90px;
	bottom: 0px;
}

@media (min-width: 768px) {
	.menucontent .scroll {
		height: 100% !important;
	}
	.menucontent .copyright {
		position: absolute;
    bottom: 0px;
	}
}

@media (max-width: 767px) {
	.menu.menu-left{
		width: calc(100% - 70px) !important;
	}
	.menu-open .menu-content{
		transform: translate3d(calc(100% - 70px), 0px, 0px) !important;
	}
}

.menucontent a {
	text-overflow: clip;
	cursor: pointer;
}

.menucontent > ion-content {
	background-color: #353535 !important;
	color: #ffffff;
	top: 130px;
}

.menucontent > ion-content ion-item a,
.menucontent > ion-content ion-item {
	background-color: #353535 !important;
	color: #ffffff;
	padding: 0px !important;
	height: 100%;
}

.menucontent > ion-content ion-item a.activated,
.menucontent > ion-content ion-item.activated {
	background-color: #ce112f !important;
}

.side-menu-content-opened:after {
  content: " ";
  z-index: 10;
  display: block;
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.5);
}

.side-menu-content-opened {
	border: 0px !important;
  left: 0px !important;
}

ion-side-menu-content {
	box-shadow: none !important;
}

.menucontent > ion-content .list {
	padding: 0px;
}

.menucontent > ion-content ion-item {
	border: none;
	height: 56px;
	margin: 0px;
}

.menucontent > ion-content ion-item i {
	position: absolute;
	left: 15px;/*18px;*/
	height: 100%;
}

.menucontent > ion-content ion-item .menu-item-text {
	line-height: 55px;
	margin-left: 70px;
	font-size: 15px;
}

.menucontent > ion-content ion-item .with-border {
	border-style: solid;
  border-color: #c3c3c3;
	border-width: 0px 0px 1px 0px;
}


/*PREPAREINFO AND VISIT*/
.prepareinfo-content h4 {
	color: #4c4c4c;
  font-size: 19px;
  margin: 0px;
  padding: 18px 30px 9px 30px;
}

.visit-content h4 {
	color: #4c4c4c;
  font-size: 19px;
  margin: 0px;
  padding: 18px 30px 0px 30px;
}

.visit-content h5 {
	color: #a4a4a4;
  font-size: 13px;
  margin: 0px;
  padding: 0px 30px 9px 30px;
}

.visit-content .button {
	position: absolute;
	right: 12px;
	top: 3px;
	min-height: 61px;
  	min-width: 61px;
	line-height: 0px;
	border: none;
	padding: 0px !important;
}

.visit-content .red-full-button button {
	margin: 5px;
	position: relative;
	min-height: 61px;
	min-width: 61px;
	line-height: 0px;
	border: none;
	padding: 0px !important;
}

.visit-content button i {
	width: 25px;
  height: 25px;
}

.prepareinfo-content .prepareinfo-text,
.visit-content .visit-text {
	padding: 9px 30px 18px 30px;
	margin: 0px;
	color: #707070;
	white-space: pre-line;
}

.prepareinfo-content .prepareinfo-text > p,
.visit-content .visit-text > p {
	margin: 0px;
	color: #707070;
}


/*MAP*/
#map {
  width: 100%;
  height: 100%;
}


/*FOOTER*/
.keyboard-open .content-on-keyboard-open {	
	bottom: 0;
}


/*CALLBACK DONE AND CALLBACK DONE*/
.callbackdone-content,
.feedbackdone-content {
	background-color: #f5f5f5;
}

.callbackdone-content .image-text-content,
.feedbackdone-content .image-text-content {
	background-color: white;
	box-shadow: 0 1px 0.5px -1px rgba(0, 0, 0, 0.3);
	height: 70px;
	position: relative;
}

.callbackdone-content .image-text-content i,
.feedbackdone-content .image-text-content i {
	position: absolute;
	height: 100%;
	margin-left: 30px;
}

.callbackdone-content .image-text-content .text-content,
.feedbackdone-content .image-text-content .text-content {
	line-height: 70px;
	padding-left: 90px;
	color: #707070;
}

.callbackdone-content .red-full-button,
.feedbackdone-content .red-full-button {
  padding: 18px 30px;
  min-width: 300px;
  width: 30%;
}


/*FEEDBACK AND CALLBACK*/
.feedback-content > .scroll > p {
	padding: 18px 30px 0px 30px;
	margin: 0px;
	color: #707070;
}

.feedback-content .form-item,
.callback-content .form-item {
	padding-left: 25px;
	padding-right: 17px;
}

.callback-content .form-item:first-child {
	margin-top: -4px;
}

.feedback-content .red-full-button,
.callback-content .red-full-button {
  padding: 18px 30px;
  min-width: 300px;
  width: 30%;
}

.feedback-content .feedback-checkbox {
	border: none;
	font: inherit;
	white-space: inherit;
	padding-top: 3px;
	padding-left: 78px;
	padding-bottom: 18px;
	cursor: pointer;
}

.feedback-content .feedback-checkbox > .item-content {
	white-space: inherit;
	color: #707070;
}

.feedback-content .feedback-checkbox .checkbox {
	padding-left: 30px;
	padding-top: 3px;
	top: 0;
	left: 0;
	margin-top: -1px;
}

.checkbox input:checked:before, .checkbox input:checked + .checkbox-icon:before {
	background: #ce112f;
	border-color: #ce112f;
}


/*SELECTUSER*/
.selectuser-content .card {
	border-radius: 0px;
	margin: 18px 18px 0px 18px;
	padding: 0px;
}

.selectuser-content a {
	cursor: pointer;
}

.selectuser-content a.activated .card {
	box-shadow: none;
}

.selectuser-content h5 {
	padding: 18px 18px 0px 18px;
	margin: 0px;
	color: #707070;
}

.selectuser-content .row {
	padding: 18px;
}

.selectuser-content .row .ion-arrowredright {
	width: 8px;
}

.selectuser-content .col {
	padding: 0px;
}

.selectuser-content .col-left {
	max-width: 59px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
}

.selectuser-content .col-left i {
	align-self: center;
}

.selectuser-content .col-right {
	max-width: 100%;
	align-self: center;
	padding-right: 18px;
}

.selectuser-content p {
	margin: 0px;
}

.selectuser-content .title {
	color: #919191;
	font-size: 13px;
}

.selectuser-content .content {
	color: #626262;
	font-size: 13px;
	font-weight: bold;
}

.selectuser-content .simple-full-button {
	min-width: 300px;
	width: 30%;
}


/*SETTINGS*/
.settings-block + .settings-block {
	margin-top: 0px;
}

.settings-block {
	padding: 18px 30px 0px 30px !important;
}

.settings-content .simple-full-button,
.settings-content .red-full-button {
	padding: 18px 30px;
  min-width: 300px;
  width: 30%;
}

.settings-content .col {
	padding: 0px;
}

.settings-content .col-left {
	max-width: 59px;
}

.settings-content .col-right {
	max-width: 100%;
}

.settings-content .col-left i {
	margin-top: 5px;
}

.settings-content p {
	margin: 0px;
}

.settings-content .title {
	color: #919191;
	font-size: 13px;
}

.settings-content .content {
	color: #626262;
	font-size: 13px;
	font-weight: bold;
}

.settings-content .content-only {
	color: #626262;
}

.settings-content .red-full-button {
	padding-top: 0px;
}

.settings-content .simple-full-button + .simple-full-button {
	padding-top: 0px;
}

.red-questionnaure-button {
	padding-bottom: 9px;
}

.simple-questionnaure-button {
	padding: 18px;
}


/*QUESTIONNAIRE*/
.create-other-patient-content form, .edit-profile-content form {
	padding: 8px 18px 8px 18px;
}

.create-other-patient-content form .item, .edit-profile-content form .item {
	border-width: 0px 0px 1px 0px;
	margin: 0px;
	padding-left: 0px;
}

.create-other-patient-content .form-notifications, .edit-profile-content .form-notifications {
	margin-top: 10px;
}

.create-other-patient-content .questionnaire-buttons {
	float: right;
	padding: 18px;
}

.create-other-patient-content .questionnaire-buttons .simple-button {
	margin-right: 10px;
}

.create-other-patient-content .item-select .input-label {
	font-size: 14px;
	color: #a3a3a3;
}

.create-other-patient-content .item-select select {
	font-size: 14px;
	border: 0px;
	background-color: transparent;
}

.create-other-patient-content .item-select:after {
	right: 0px;
}

.create-other-patient-content input::-webkit-input-placeholder, .edit-profile-content input::-webkit-input-placeholder {
	font-size: 14px;
	color: #a3a3a3;
}

.create-other-patient-content label>span, .edit-profile-content label>span {
	font-size: 14px;
	color: #a3a3a3;
}

.create-other-patient-content .create-other-patient-text {
	font-size: 14px;
	color: #626262;
	padding: 18px 18px 1px 18px;
	margin: 0px;
}

.create-other-patient-content .item-input, .edit-profile-content .item-input {
	border: 0px;
	border-bottom: 1px solid #ddd;
	background-color: transparent;
}

.questionnaire-content .scroll {
	padding: 20px 15px;
}

.questionnaire-content .questionnaire-text {
	color: #333333;
	font-size: 13px;
	line-height: 18px;
	margin-bottom: 20px;
}

.questionnaire-content .form-list {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin: 0 -10px;
}

.questionnaire-content .form-item {
	flex: 0 0 50%;
	flex-basis: calc(50% - 20px);
	height: auto;
	padding: 0;
	margin-left: 10px;
	margin-right: 10px;
	display: block;
	margin-top: 0;
}

.questionnaire-content .form-item.big {
	flex: 0 0 100%;
	flex-basis: calc(100% - 20px);
}

.questionnaire-content .form-item input:not([type='radio']) {
	height: 31px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding: 0 10px;
	border-radius: 3px;
	border: 1px solid #999999;
	margin-bottom: 20px;
}

.questionnaire-content .form-item.flex {
	display: flex;
	margin-bottom: 25px;
}

.questionnaire-content .form-item input[type='radio'] {
	height: 16px;
	width: 16px;
	border-radius: 8px;
	border: 1px solid #B12326;
	margin-right: 5px;
}

.questionnaire-content .form-item input[type='radio']:checked {
	background: #B12326;
}

.questionnaire-content .form-item-label {
	margin-bottom: 5px;
}

.questionnaire-content .input-placeholder {
	position: absolute;
	margin-top: 5px;
	margin-left: 10px;
	color: #999;
}

.questionnaire-content button.red-button {
	width: 100%;
	border-radius: 5px;
}

.questionnaire-content .no-underline {
	border: none !important;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 5px;
	margin-top: 0;
}

.edit-profile-content .red-full-button {
	padding: 18px 30px;
	min-width: 300px;
	width: 30%;
}

.greetings-format-modal-view {
	width: 532px;
	left: calc(50% - 266px);
	right: calc(50% - 266px);
	height: 250px;
	top: calc(50% - 125px);
}

.greetings-format-modal-view .content-text {
	padding: 18px;
}

/*APPOINTMENT FORMAT*/
.appointment-format-modal-view {
	width: 532px;
	left: calc(50% - 266px);
	right: calc(50% - 266px);
}
.appointment-format-content > * {
	padding: 20px 16px 15px 16px;
}
.appointment-format-content .a-bold {
	font-weight: bold;
}
.appointment-format-content .a-card {
	box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25);
	display: flex;
	flex-direction: row;
	padding: 25px 8px;
	cursor: pointer;
	max-height: 82px;
}
.appointment-format-content .a-card:not(:first-child) {
	margin-top: 5px;
}
.appointment-format-content .a-info-title {
	margin-top: 12px;
}
.appointment-format-content .a-info-content {
	border: 1px solid #B12326;
	border-radius: 5px;
	box-sizing: border-box;
	display: flex;
	margin-top: 7px;
}
.appointment-format-content .a-info-title span {
	font-size: 15px;
	line-height: 18px;
	font-weight: bold;
	color: #333333;
}
.appointment-format-content .a-info-content > span {
	font-size: 13px;
	line-height: 18px;
	font-weight: normal;
	color: #333333;
	margin: 10px;
}
.appointment-format-content input[type="radio"]:disabled + .a-card {
	cursor: initial;
}
.appointment-format-content input[type="radio"]:checked + .a-card {
  background-color: #F3DEDE;
	box-shadow: none;
}
.appointment-format-content input[type="radio"]:not(:disabled) + .a-card:active {
	opacity: 0.8 !important;
}
.appointment-format-content .a-card-icon {
  margin-right: 10px;
	color: #B12326;
}
.appointment-format-content .a-row {
	display: flex;
	flex-direction: row;
}
.appointment-format-content .a-card .a-title {
	font-size: 13px;
	line-height: 15px;
	font-weight: bold;
	font-style: normal;
	color: #333333;
}
.appointment-format-content .a-card .a-content {
	font-weight: normal;
	font-size: 13px;
	line-height: 18px;
	font-style: normal;
	color: #5c5c5c;
}
.appointment-format-content .a-card-text {
	display: flex;
	flex-direction: column;
}

.appointment-format-content .appointment-format-checkbox {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	margin-top: 20px;
}
.appointment-format-content .appointment-format-checkbox label,
.appointment-format-content .appointment-format-checkbox .label
{
	margin-left: 12px;
	cursor: pointer;
	font-size: 13px;
	line-height: 18px;
	color: #5c5c5c;
}
.appointment-format-content .appointment-format-checkbox .a-checkbox-icon {
	display: flex;
}
.appointment-format-content .appointment-format-checkbox .a-checkbox-icon img {
	cursor: pointer;
}

.appointment-format-content .appointment-format-checkbox input[type="checkbox"]:checked + * img.unchecked {
	display: none;
}
.appointment-format-content .appointment-format-checkbox input[type="checkbox"]:checked + * img.checked {
	display: initial;
}
.appointment-format-content .appointment-format-checkbox .a-checkbox-icon img.unchecked {
	display: initial;
}

.appointment-format-content .with-offer label {
	margin-left: 0;
}

.appointment-format-content .appointment-format-checkbox .a-checkbox-icon img.checked {
	display: none;
}
.appointment-format-content .a-button button {
	background-color: #B12326;
	border-radius: 5px;
	color: #ffffff;
	opacity: 1;
	margin-top: 20px;
}
.appointment-format-content .a-button button.disabled,
.appointment-format-content .a-button button[disabled] {
	background-color: #999999;
	opacity: 1;
}

.appointment-format-content.appointment-confirmation-checkboxes > * {
	padding: 10px 0;
	margin-left: 30px;
}

.appointment-format-content.appointment-confirmation-checkboxes .appointment-format-checkbox {
	margin-top: 0;
}
.appointment-format-content.appointment-confirmation-checkboxes .appointment-format-checkbox .label {
	margin-left: 35px;
}

.medcard-login-row {
	align-items: center;
}

.medcard-login-row .button-medcard-login {
	height: 40px;
	padding-left: 20px;
	padding-right: 20px;
	margin-top: 0 !important;
	margin-left: 20px;
	width: unset !important;
	font-size: 14px;
	line-height: 16px;
	font-weight: 500;
}

.medcard-login-row p {
	margin: 0;
}

.user-agent-content {
	top: 0 !important;
}

.user-agent-content .UA-Body {
	width: 100vw;
	height: 100vh;
	background-color: var(--tm_background);
	padding: 30px 30px 0 60px;
	display: flex;
	flex-direction: column;
}

.user-agent-content .UA-Body .UA-Header {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	z-index: 10;
}

.user-agent-content .UA-Body .UA-Header .UA-Logout {
	display: flex;
	align-items: center;
	flex-direction: row;
	color: var(--tm_primary);
	cursor: pointer;
}

.user-agent-content .UA-Body .UA-Header .UA-Logout span {
	margin-right: 13px;
}

.user-agent-content .UA-Body .UA-Browsers-Container {
	display: flex;
	flex: 1;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

.user-agent-content .UA-Body .UA-Browsers {
	max-width: 700px;
	max-height: 350px;
	background-color: #fff;
	color: var(--tm_secondary);
	padding: 70px 50px;
	box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.25);
	border-radius: 10px;
}

.user-agent-content .UA-Body .UA-Browsers .UA-Browsers-Header {
	text-align: center;
	font-size: 24px;
	line-height: 36px;
	margin-bottom: 40px;
}

.user-agent-content .UA-Body .UA-Browsers .UA-Browsers-List {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
}

.user-agent-content .UA-Body .UA-Browsers .UA-Browsers-Item {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-right: 60px;
	text-align: center;
	font-size: 20px;
	line-height: 23px;
	text-decoration: none;
	color: var(--tm_secondary);
}

.user-agent-content .UA-Body .UA-Browsers .UA-Browsers-Item img {
	width: 60px;
	height: 60px;
	object-fit: contain;
}

.user-agent-content .UA-Body .UA-Browsers .UA-Browsers-Item:last-child {
	margin-right: 0;
}

.user-agent-content .UA-Body .UA-Browsers .UA-Browsers-Item span {
	margin-top: 5px;
}

.doctor_service {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.doctor_service .telemedicine_service {
	display: flex;
	align-items: center;
}
.doctor_service .telemedicine_service img {
	margin-right: 5px;
}
/*LOGIN*/
.login-content .login-text {
	color: #555555;
	margin: 18px 18px 0px 18px;
}

.login-content .buttons {
	display: flex;
	flex-direction: row-reverse;
}

.login-content .red-full-button,
.login-content .simple-full-button {
	min-width: 180px;
	width: 50%;
}


/*USER BAR*/
.username-bar {
	width: 100%;
	height: 62px;
	background-color: #f5f5f5;
	margin-top: 79px;
  border-style: solid;
  border-color: #ddd;
	border-width: 1px 0px;
}

.visits-search-bar + .username-bar,
.researches-select-bar + .username-bar {
	margin: 0px;
}

.username-bar .row {
	padding: 10px 30px 10px 30px;
}

.username-bar .col {
	padding: 0px;
}

.username-bar .col-left {
	max-width: 59px;
}

.username-bar .col-left i:before {
	margin-top: 5px;
}

.username-bar .title {
	color: #919191;
	font-size: 13px;
}

.username-bar .content {
	color: #626262;
	font-size: 13px;
	font-weight: bold;
}

.username-bar p {
	margin: 0px;
}


/*AGREEMENT*/
.useragreement-content {
	padding: 18px;
	margin: 0px;
	color: #707070;
}


/*CHAT*/
.chat-content {
	font-size: 15px;
	color: #707070;
	bottom: 60px !important;
	background-color: #f4f4f4 !important;
	background-image: url('../img/Chat.png') !important;;
	background-size: cover !important;
	/* box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.1); */
	box-shadow: 0 -1px 3px -2px grey;
	overflow-y: auto !important;
}

.chat-error-content {
	bottom: 0px !important;
}

.chat-content .scroll {
	min-height: 100% !important;
}

.chat-content .no-content {
	padding: 18px 30px 0px 30px;
	margin: 0px;
	position: absolute;
	top: 0px;
}

.chat-content .no-content-error {
	padding-top: 50px;
	margin: 0px;
	position: absolute;
	top: 0px;
	width: 100%;
}

.chat-content .messages {
	min-height: 100% !important;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}

.chat-content .messages .message {
	margin: 9px 0px;
}

.chat-content .messages .message + .message {
	margin-top: 0px;
}

.chat-content .messages .message .message-day {
  font-size: 14px;
  color: #707070;
  text-align: center;
  margin: 9px 36px 9px;
}

.chat-content .messages .message .message-bubble {
	margin: 0px 30px;
	padding: 9px;
	background-color: #fff;
	border-radius: 5px;
	position: relative;
  -webkit-filter: drop-shadow(0px 0px 3px rgba(0,0,0,0.1));
  filter: drop-shadow(0px 0px 3px rgba(0,0,0,0.1));
}

.chat-content .messages .message .message-self-bubble {
	margin-left: 25%;
	background-color: #6490b1;
}

.chat-content .messages .message .message-operator-bubble {
	margin-right: 25%;	
}

.chat-content .messages .message .message-operator-bubble:after {
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
	left: -9px;
	right: auto;
	bottom: 0px;
	border: 9px solid;
	border-color: transparent transparent #fff transparent;
}

.chat-content .messages .message .message-self-bubble:after {
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
	right: -9px;
	left: auto;
	bottom: 0px;
	border: 9px solid;
	border-color: transparent transparent #6490b1 transparent;
}

.chat-content .messages .message .message-self-bubble h2,
.chat-content .messages .message .message-self-bubble h3 {
	color: #bbccda;
}

.chat-content .messages .message .message-operator-bubble h2,
.chat-content .messages .message .message-operator-bubble h3 {
	color: #b2b2b2;
}

.chat-content .messages .message .message-self-bubble p {
	color: #fff !important;
}

.chat-content .messages .message .message-bubble h2 {
	font-size: 11px;
	margin-bottom: 4px;
	font-weight: bold;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	max-width: 135px;
}

.chat-content .messages .message .message-bubble p {
	font-size: 13px;
	color: #707070;
	margin-bottom: 0px;
	line-height: 15px;
	white-space: pre-line;
}

.chat-content .messages .message .message-bubble h3 {
	font-size: 11px;
	margin: 0px;
  position: absolute;
  top: 9px;
  right: 9px;
}

.chat-content + .list {
	position: absolute;
	bottom: 0px;
	width: 100%;
	padding: 0px;
}


.chat-content+.list .printing-text {
	/* font-style: italic; */
	font-weight: 300;
	background-color: rgba(206, 17, 47, 0.33);
	width: 50%;
	margin: 0 0 10px 10px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
	border-radius: 20px;
	font-size: 13px;
	color: white;
	padding: 18px;
	height: 18px;
}

.chat-content+.list .new-messages {
	background-color: rgba(206, 17, 47, 0.33);
	width: 50px;
	height: 50px;
	/* margin: 0 10px 10px 0; */
	display: flex;
	flex-direction: row;
	justify-content: center;
	text-align: center;
	border-radius: 25px;
	right: 10px;
	bottom: 70px;
	position: absolute;
}

.chat-content+.list .new-messages i{
	width: 20px;
}

.chat-content + .list .item {
	border-width: 0px;
	padding: 0px;
	margin: 0px;
	height: 60px;
	border-style: solid;
	border-color: #ddd;
	border-width: 1px 0px 0px 0px;
}

.chat-content + .list .item label {
	padding: 0px;
	height: 100%;
	background-color: #fff;
	padding: 10px 0px 5px 30px;
}

.platform-ios .chat-content + .list .item label textarea {
	text-indent: -3px;
}

.chat-content + .list .item label textarea {
	padding: 0px;
	width: 100%;
	height: 100%;
}

.chat-content + .list .item label textarea[disabled] {
	background-color: #fff;
}

.chat-content + .list .item a {
	background-color: #fff;
	color: #ce112f;
	height: 100%;
	border: none;
	margin: 0px;
	padding: 0px;
	width: 60px;
}

.chat-content + .list .item a:before {
	font-size: 35px;
	line-height: 60px;
	height: 100%;
	width: 100%;
	margin: 0px;
}


/*ZOOMED IMAGE*/
.zoomed-image-modal {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  background-color: rgba(0,0,0,0.6);
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
}

.zoomed-image-modal img {
  -webkit-align-self: center;
}

.zoomed-image-modal .close-button {
	position: absolute;
	top: 36px;
	right: 36px;
	color: #f1f1f1;
	font-size: 40px;
}

.zoomed-image-modal .close-button.active,
.zoomed-image-modal .close-button.activated,
.zoomed-image-modal .close-button:active {
  opacity: 0.3;
}

.fade-in.ng-enter, .fade-in.ng-leave {
	-webkit-transition:0.3s linear all;
	transition: 0.3s linear all;
	opacity: 0;
}

.fade-in.ng-leave.ng-leave-active, .fade-in.ng-enter {
	opacity: 0;
}

.fade-in.ng-leave, .fade-in.ng-enter.ng-enter-active {
	opacity: 1;
}


/*IONIC*/
.button.button-positive {
	background-color: #ce112f;
}

.button.button-positive.activated {
	background-color: #aa0e28;
	border: none;
}

.button:after {
    position: absolute;
    top: -5px;
    right: -5px;
    bottom: -5px;
    left: -5px;
    content: ' ';
}

ol, ul {
  list-style-type: disc;
  padding-left: 18px;
}

.popup-container .popup {
	background-color: rgba(255, 255, 255, 1);
}

.popup-body {
	text-align: center;
}

.popup-body span {
	display: block;
  text-align: center;
}

.popup-body label {
	border: none;
	padding: 0px 8px;
}

.popup-body label > input {
	padding-right: 0px;
}

.popup-buttons button {
	white-space: nowrap;
	background-color: #fff;
}

.demo-popup .popup-buttons button {
	padding: 0px;
	font-size: 13px;
	white-space: normal;
}

.password-recovery-popup .popup-buttons button {
	font-size: 14px;
	padding: 0px;
}

.prices-appointment-popup .popup-buttons button {
	font-size: 14px;
	padding: 0px;
	white-space: normal;
}

.demo-confirm-appointment-popup .popup-buttons {
	display: block;
}

.demo-confirm-appointment-popup .popup-buttons button {
	width: 100%;
	margin-bottom: 5px;
}

.button-icon.button.active, .button-icon.button.activated, .button-icon.button:active {
	border-color: transparent;
	background: none;
	box-shadow: none;
	opacity: 0.3; 
}

ion-content iframe {
	max-width: 100%;
	margin: 10px 0px;
}

.tab-item.disabled.tab-item.tab-item-active, .tab-item[disabled].tab-item.tab-item-active {
	opacity: 1 !important;
  pointer-events: auto !important;
}


/*ERRORS*/
.no-content-error {
	margin-top: 50px;
}

.no-content-error .error-button {
  display: block;
  margin: 0px auto 0px auto;
  line-height: 0px; 
  min-height: 0px;
  padding: 0px;
  border: 0px;
}

.no-content-error .error-text {
	padding: 18px;
  color: #707070;
  font-size: 14px;
  text-align: center;
}


/*LOADING*/
.loading-container .loading {
	background-color: inherit;
}

.spinner-android, .spinner-ios {
	stroke: #fff;
}

.backdrop-header-footer {
	margin-top: 54px;
	margin-bottom: 0px;
	top: 0px;
  bottom: 0px;
  height: inherit;
}

.backdrop-header-tabs-footer {
  margin-top: 54px;/*137px;*/
  margin-bottom: 0px;/*80px;*/
	top: 0px;
  bottom: 0px;
  height: inherit;
}

.backdrop-footer {
	margin-top: 44px;
	margin-bottom: 0px;
	top: 0px;
  bottom: 0px;
  height: inherit;
}

.loading-header-footer {
	margin-top: 54px;
	margin-bottom: 0px;
}

.loading-header-tabs-footer {
  margin-top: 54px;/*137px;*/
  margin-bottom: 0px;/*80px;*/
}

.loading-footer {
	margin-top: 44px;
	margin-bottom: 0px;
}

.TMButton {
	background: var(--tm_primary);
	color: var(--tm_bright);
	text-transform: uppercase;
	font-size: 13px;
	min-height: 40px;
	padding: 3px;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: opacity 0.5s ease-out;
	outline: none;
	text-decoration: none;
	user-select: none;
	border-radius: 2px;
	cursor: pointer;
	box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.3);
}
.TMCircle {
	width: 60px !important;
	height: 60px !important;
	border-radius: 30px !important;
}
.TMAnswer {
	background: #32a852 !important;
}
.TMDecline {
	background: var(--tm_primaryLight) !important;
}
.TMButton:active {
	opacity: 0.8 !important;
	transition: none;
}

.tm-call-modal-view {
	background: transparent;
}

.TMCallerPlane {
	position: fixed;
	top: 0; bottom: 0;
	left: 0; right: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 88;
}

.TMCallerPlane .TMBackground {
	position: absolute;
	top: 0; bottom: 0;
	left: 0; right: 0;
	background: var(--tm_dark);
	opacity: 0.5;
	z-index: 89;
}

.TMControl {
	position: relative;
	z-index: 90;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	padding: 20px;
}

.TMControl .TMCaller {
	flex: 0 0 100%;
	color: var(--tm_bright);
	margin-bottom: 30px;
	font-size: 40px;
	text-align: center;
}
.TMControl .TMButton:not(:last-child) {
	margin-right: 30px;
}
.TMControl .TMButton {
	fill: var(--tm_bright);
	position: relative;
}
.TMControl .TMButton img {
	position: relative;
	z-index: 92;
}
.TMControl .TMButton::before {
	content: '';
	display: block;
	position: absolute;
	background: inherit;
	z-index: 91;
	top: -15px; bottom: -15px;
	left: -15px; right: -15px;
	border-radius: 50%;
	opacity: 0.2;
	animation: TMCallblink 0.5s ease-out infinite;
}
.TMControl .TMButton.TMDecline::before {
	animation-duration: 1.5s;
	transform: scale(0.8);
}

.TMModal {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
	z-index: 98;
}
.TMModal .TMShutter {
  position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: var(--tm_dark);
    opacity: 0.5;
    z-index: 99;
    animation: TMModalAppear 0.25s ease-out;
	}

.TMModal  .TMContent {
  background: var(--tm_bright);
  position: relative;
  z-index: 100;
  animation: TMModalSlide 0.25s ease-out;
}
.TMModal .TMContent .TMHeader {
  background-color: var(--tm_primaryLight);
  min-height: 43px;
  display: flex;
	flex-direction: row;
	padding-left: 12px;
	padding-right: 12px;
	position: relative;
}
.TMModal .TMContent .TMHeader       .TMTitle {
  display: flex;
  flex-direction: row;
	justify-content: flex-start;
}
.TMModal .TMContent .TMHeader       .TMTitle        .TMTitleText {
  font-weight: bold;
  font-size: 17px;
  line-height: 20px;
  color: #ffffff;
  display: flex;
  align-items: center;
}
.TMModal .TMContent .TMHeader       .TMCloseIcon {
  display: flex;
  align-items: center;
  margin-right: 12px;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
  cursor: pointer;
}
.TMModal .TMContent .TMBody {
	padding: 12px;
}

.ionic_datepicker_popup .popup-body .selected_date_full {
	/* background-color: #019688; */
	background-color: var(--tm_primaryLight) !important;
}
.ionic_datepicker_popup .popup-body .month_select::after, .ionic_datepicker_popup .popup-body .year_select::after {
	color: var(--tm_primaryLight) !important;
	/* color: #009688; */
}
.ionic_datepicker_popup .popup-body .month_select, .ionic_datepicker_popup .popup-body .year_select {
	/* border-bottom: 1px solid #009688; */
	border-bottom-color: var(--tm_primaryLight) !important;
}
.ionic_datepicker_popup .popup-body .button-clear {
	/* color: #009688; */
	color: var(--tm_primaryLight) !important;
}
.ionic_datepicker_popup .selected_date {
	/* background-color: #009688; */
	background-color: var(--tm_primaryLight) !important;
}
.ionic_datepicker_popup .today {
	/* border: 1px solid #009688; */
	border-color: var(--tm_primaryLight) !important;
}
.ionic_datepicker_popup .popup-buttons button {
	/* background-color: #009688; */
	background-color: var(--tm_primaryLight) !important;
}

.tm-preparation-info {
	color: var(--tm_primaryLight);
	font-weight: bold;
}

@keyframes TMModalAppear {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes TMModalSlide {
  from {
    opacity: 0;
    top: 100%;
  }
  to {
    opacity: 1;
    top: 0;
  }
}


@keyframes TMCallblink {
	from {
		top: 0; bottom: 0;
		left: 0; right: 0;
		opacity: 0.5;
	}
	to {
		top: -15px; bottom: -15px;
		left: -15px; right: -15px;
		opacity: 0;
	}
}

@media (min-width: 768px) {
	.backdrop-header-footer,
	.backdrop-header-tabs-footer,
	.loading-header-footer,
	.loading-header-tabs-footer {
	  margin-top: 58px;
	  margin-left: 360px;/*280px;*/
	  margin-right: 30px;
	  margin-bottom: 15px;
	  border-radius: 8px;
	  width: calc(100% - 375px);/*375+30+30*/
	}
}


/*SCROLLBAR*/
ion-content::-webkit-scrollbar
{
	position: absolute;
	width: 3px;
}

ion-content::-webkit-scrollbar-thumb
{
	background: rgba(0, 0, 0, 0.3);
	border-radius: 4px;
}
:root {
	--tm_primary: #B12326;
	--tm_primaryDim: #F3DEDE;
	--tm_primaryLight: #CE112F;
	--tm_secondary: #333333;
	--tm_secondaryDim: #5C5C5C;
	--tm_bright: #ffffff;
	--tm_dark: #000000;
	--tm_iconsDim: #999999;
	--tm_icons: #D89192;
	--tm_background: #EDEDED;
	--tm_backgroundDark: #494949;
	--tm_shadow: '#00000066';
	--tm_delimiter: #D8D8D8;
	--tm_backgroundLight: #CCCCCC;
}