html {
	touch-action: manipulation;
}

a {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

html,
body {
	width: 100%; 
	height: 100%;
}

.base-container {
    padding: 0 !important;
    height: 100%;
    max-width: 600px !important;
}

.acn-header-logo  {
	margin-top: 20px;
	height: 34px;
	background-size: 113px 34px;
	background-position: center;
    background-repeat: no-repeat;
	background-image: url(https://static.masterspro.app/media/upload/5cb6f1a81e1a4d3a768b4629.png);
}

.acn-login {
	margin: 30px 0;
	border-radius: 10px;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.25);
    
}
.acn-login .types {
	color: #FFF;
	color: #c7c7cc;
	font-size: 15px;
	text-align: center;
	background-color: #efefef;
	display: flex;
}
.acn-login .types div {
	height: 40px;
	line-height: 40px;
	width: 50%;
	cursor: pointer;
}
.acn-login .types div:first-child {
	border-radius: 10px 0 0 0;
}
.acn-login .types div:last-child {
	border-radius: 0 10px 0 0;
}
.acn-login .types .active {
	color: #FFF;
	background-color: #f15182;
}
.acn-login .content {
	padding: 20px 20px 30px;
}
.acn-login .title {
	text-align: center;
	font-size: 20px;
    font-weight: 600;
} 
.acn-login .subtitle {
    text-align: center;
    font-size: 18px;
    margin-top: 10px;
} 
.acn-login .info {
	font-size: 13px;
	margin: 15px 0;
	color: #8e8e93;
	line-height: 1.2;
}
.acn-login .ftitle {
	font-size: 15px;
	margin-bottom: 10px;
}
.acn-login select {
	-webkit-appearance:none;
	border-radius: 10px;
    border: solid 1px #c7c7cc;
    height: 46px;
    width: 100%;
    margin-bottom: 15px;
    font-size: 17px;
    font-weight: bold;
    background-color: #FFF;
    padding-left: 15px; 
}

.acn-login .phone {
	border-radius: 10px;
    border: solid 1px #c7c7cc;
    height: 46px;
    font-size: 17px;
    display: flex;
    padding: 5px 15px;
    align-items: center;
    overflow: hidden;
}
.acn-login .phone span {
	font-weight: bold;
	display: inline-block;
	padding-right: 10px;
}
.acn-login .phone input {
	border: 0;
	outline: 0;
	flex-grow : 1;
}
.acn-login .wrap-phone .error-desc {
	display: none;
	color: #ff3b30;
	font-size: 12px;
	line-height: 1.3;
}
.acn-login .wrap-phone.error .error-desc {
	margin-top: 5px;
	display: block;
}
.acn-login .wrap-phone.error input {
	color: #ff3b30;
}

.acn-login a {
	margin-top: 45px;
	display: block;
	font-size: 17px;
    font-weight: 500;
    text-align: center;
	height: 55px;
	line-height: 55px;
	color: #c7c7cc;
	border-radius: 10px;
	box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);
	text-decoration: none;
}
.acn-login a.active {
	color: #FFF;
	background-image: linear-gradient(to top, #f15182, #ff7c9d);
}
.acn-login a.active:hover {
	background-image: none;
	background-color: rgba(0, 0, 0, 0.4);
	text-decoration: none;
	color: #FFF;
} 



.acn-content {
	padding: 0 16px;
}

.acn-content > h2 {
	font-size: 20px;
    font-weight: 600;
    margin: 30px 0 10px 0;
}

.acn-content.acn-schedule > h2 {
    margin-top: 16px;
}

.acn-cur-tariff {
	margin-top: 20px;
	border-radius: 10px;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
}

.acn-cur-tariff .header {
	height: 60px;
	border-radius: 10px 10px 0 0;
	padding: 0 15px 0 20px;
  	background-image: linear-gradient(214deg, #fd9697, #f46488);
  	color: #FFF;
  	display: flex;
  	justify-content: space-between;
}
.acn-cur-tariff .header .info {
	height: 100%;
	display: flex;
  	flex-direction: column;
	justify-content: center;
} 
.acn-cur-tariff-vip .header {
	background-image: linear-gradient(28deg, #7b58f8, #af95ff);
}
.acn-cur-tariff-free .header {
	background-image: linear-gradient(30deg, #a5a5a9, #ceced0);
}
.acn-cur-tariff .header h3 {
	font-size: 20px;
	letter-spacing: 1px;
    font-weight: bold;
    padding: 0;
    margin: 0;
}
.acn-cur-tariff .header p {
	font-size: 13px;
	opacity: 0.6;
	padding: 0;
    margin: 0;
}
.acn-cur-tariff .header .crown {
	height: 100%;
	width: 44px;
	background-size: 44px 44px;
	background-position: right center;
    background-repeat: no-repeat;
	background-image: url(https://static.masterspro.app/media/upload/5cb8472c1e1a4d69188b4619.png);
} 
.acn-cur-tariff-vip .header .crown { 
	background-image: url(https://static.masterspro.app/media/upload/5cb847171e1a4d031b8b4623.png);
}
.acn-cur-tariff-free .header .crown { 
	background-image: url(https://static.masterspro.app/media/upload/5cb846ff1e1a4d421f8b45b7.png);
}


.acn-cur-tariff .content {
	padding: 10px 20px;
} 
.acn-cur-tariff table {
	width: 100%;
}
.acn-cur-tariff table td {
	font-size: 17px;
	line-height: 30px;
}
.acn-cur-tariff table td:last-child {
	font-weight: 500;
}


.acn-header {
	color: #FFF;
	height: 64px;
	display: flex;
	justify-content: space-between;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.18);
	padding: 0 16px;
	background-image: linear-gradient(to top, #f15182, #ff7c9d);
}
.acn-header .logo {
	height: 100%;
	width: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.acn-header .logo img {
	border-radius: 50%;
	height: 40px;
	width: 40px;
	object-fit: cover;
}
.acn-header .out {
	height: 100%;
	width: 40px;
	background-size: 28px 24px;
	background-position: right center;
    background-repeat: no-repeat;
	background-image: url(https://static.masterspro.app/media/upload/5cb5c2911e1a4d67228b4602.png);
	cursor: pointer;
}
.acn-header .out-none {
	background-image: none;
}
.acn-header .info {
	text-align: center;
	color: #FFF;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.acn-header .info h3 { 
	font-size: 17px;
	font-weight: 500;
	margin: 0;
	padding: 0;
}

.acn-header .info div {
	font-size: 13px;
}

.acn-footer {
	color: #8e8e93;
	font-size: 13px;
	text-align: center;
	padding: 25px;
	line-height: 1.1;
}


.acn-to-tariff {
	margin-top: 40px;
	display: block;
	font-size: 17px;
    font-weight: 500;
    text-align: center;
	height: 55px;
	line-height: 55px;
	color: #FFF;
	border-radius: 10px;
	box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);
	background-image: linear-gradient(to top, #f15182, #ff7c9d);
	text-decoration: none;
}
.acn-to-tariff.acn-to-tariff-vip {
    background-image: linear-gradient(28deg, #7b58f8, #af95ff);
}

.acn-to-tariff:hover {
	background-image: none;
	background-color: rgba(0, 0, 0, 0.4);
	text-decoration: none;
	color: #FFF;
} 


.acn-menu {
	padding: 0 ;
	height: 50px;
	display: flex; 
	color: #000;
	text-decoration: none;
}
.acn-menu:hover {
	color: #000;
	text-decoration: none;
}
.acn-menu-go {
	background-size: 8px 13px;
	background-position: right center;
    background-repeat: no-repeat;
	background-image: url(https://static.masterspro.app/media/upload/5b8fbb221e1a4d6d6b8b4593.png);
}
.acn-menu-go:hover {
	background-color: #EEE;
}

.acn-menu .icon {
	width: 45px;
	height: 100%;
	background-size: 25px 22px;
	background-position: left center;
    background-repeat: no-repeat;
	background-image: url(https://static.masterspro.app/media/upload/5cebb0e51e1a4d0c688b462b.png); /*credit*/ 
}
.acn-menu .icon-history {
	background-size: 25px 27px;
	background-image: url(https://static.masterspro.app/media/upload/5cebb07c1e1a4d4b6d8b4567.png);
}
.acn-menu .icon-online {
	background-size: 25px 24px;
	background-image: url(https://static.masterspro.app/media/upload/5cebb0291e1a4d6c6a8b458a.png);
}
.acn-menu .icon-setting {
    background-size: 25px 25px;
	background-image: url(https://static.masterspro.app/media/upload/5cebaf801e1a4d4f6a8b4589.png);
}
.acn-menu .icon-pay {
	background-size: 25px 21px;
	background-image: url(https://static.masterspro.app/media/upload/5cebb1891e1a4d0d698b4637.png);
}
.acn-menu .icon-credit {
	background-size: 25px 20px;
	background-image: url(https://static.masterspro.app/media/upload/5cebb0ec1e1a4d3a6c8b45b8.png);
}
.acn-menu .icon-stats {
    background-size: 25px 25px;
    background-image: url(https://static.masterspro.app/media/upload/5cebb2521e1a4d5c6d8b4604.png);
}
.acn-menu .icon-schedule {
    background-size: 25px 25px;
    background-image: url(https://static.masterspro.app/media/upload/5cebb2581e1a4d526f8b459f.png);
}

.acn-menu >div:last-child {
	flex-grow: 1;
	border-bottom: 1px solid #c8c7cc;
	display: flex; 
	line-height: 50px;
	justify-content: space-between;
}
.acn-menu-go >div:last-child {
	padding-right: 20px;	
}

.acn-menu .name {
	font-size: 17px;
}
.acn-menu .value {
	font-size: 17px;
	text-align: right;
	color: #6d6d72;
}


.acn-events h3 {
	font-size: 20px;
    font-weight: 600;
    color: #000;
    margin: 30px 0 0 0;
    background-size: 18px 20px;
    background-position: left center;
    background-repeat: no-repeat;
    background-image: url(https://static.masterspro.app/media/upload/5cebe8031e1a4de15a8b4656.png?34);
    padding-left: 30px;
}

.acn-events .acn-event {
	padding: 16px 0;
    border-bottom: 1px solid #c8c7cc;
}
.acn-events .acn-event.acn-event-break {
	background-size: 40px 40px;
    background-position: right center;
    background-repeat: no-repeat;
    background-image: url(https://static.masterspro.app/media/upload/5cebf4bd1e1a4d81788b45f8.png);
}
.acn-events .acn-event .date {
	font-size: 16px;
	line-height: 1;
}
.acn-events .acn-event .title {
    font-size: 17px;
    font-weight: 500;
    margin-top: 10px;
}
.acn-events .acn-event.acn-event-break .title {
   color: #60a51c;
}
.acn-events .acn-event .desc {
    font-size: 15px;
    margin-top: 5px;
    line-height: 1.1;
}
.acn-events .acn-event.acn-event-break .desc {
    color: #737378;
}
.acn-events .acn-event .details {
    font-size: 15px;
    color: #6d6d72;
    margin-top: 5px;
    line-height: 1.1;
}
.acn-events .acn-event .place {
    font-size: 13px;
    color: #6d6d72;
    margin-top: 5px;
    line-height: 1.1;
}
.acn-events .acn-event .client {
    font-size: 15px;
    color: #6d6d72;
    margin-top: 5px;
    line-height: 1.1;
}
.acn-events .acn-event .client a {
	margin-left: 10px;
	display: inline-block;
    color: #4a90e2;
    text-decoration: underline;
}

.acn-empty-events {
	text-align: center;
	color: #6d6d72;
	font-size: 17px;
	margin-top: 50px;
}

.acn-events .acn-event .master {
	color: #6d6d72;
	font-size: 15px;
	margin-bottom: 15px;
}
.acn-events .acn-event .master img {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    object-fit: cover;
    margin: 0;
    padding: 0;
}
.acn-events .acn-event .master span {   
    padding-left: 10px;
    line-height: 35px;
}