@font-face {
    font-family: 'Roboto-Light';
    src: local('Roboto Light'), local('Roboto-Light'), url('../fonts/Roboto/Robotolight.woff2') format('woff2'), url('../fonts/Roboto/Robotolight.woff') format('woff'), url('../fonts/Roboto/Robotolight.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}
@font-face {
	font-family: 'Roboto';
    src: local('Roboto'), local('Roboto-Regular'), url('../fonts/Roboto/Roboto.woff2') format('woff2'), url('../fonts/Roboto/Roboto.woff') format('woff'), url('../fonts/Roboto/Roboto.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}
* {
	-webkit-tap-highlight-color: rgba(255,255,255,0);
}
/* Grid */
.flex{
	display: flex;
}
.row{
	display: flex;
	flex-wrap: wrap;
	margin: 0 -5px;
}
.col-100,.col-80,.col-75,.col-70,.col-66,.col-60,.col-50,.col-40,.col-33,.col-33,.col-25,.col-20,.col-16,.col-15,.col-10,.col-flex-1{
	box-sizing: border-box;
	padding: 0 5px 10px;
}
.col-100{width: 100%}
.col-80{width: 80%}
.col-75{width: 75%}
.col-70{width: 70%}
.col-66{width: 66.66%}
.col-60{width: 60%}
.col-50{width: 50%}
.col-40{width: 40%}
.col-33{width: 33.33%}
.col-30{width: 30%}
.col-25{width: 25%}
.col-20{width: 20%}
.col-16{width: 16.66%}
.col-15{width: 15%}
.col-10{width: 10%}
.col-flex-1{flex: 1}

.w-100{width: 100%}
.w-50{width: 50%}
.w-80{width: 80%}
.w-75{width: 20%}
.w-66{width: 66.66%}
.w-60{width: 60%}
.w-40{width: 40%}
.w-33{width: 33.33%}
.w-25{width: 20%}
.w-20{width: 20%}
.h-100{height: 100%}
.bz{box-sizing: border-box}
/* Grid (END) */

/* Paddings */
.p-0{
	padding: 0;
}
.p-5{
	padding: 5px;
}
.p-10{
	padding: 10px;
}
.p-15{
	padding: 15px;
}
.p-20{
	padding: 20px;
}
.p-25{
	padding: 25px;
}
.p-30{
	padding: 30px;
}
.p-35{
	padding: 35px;
}
.p-40{
	padding: 40px;
}
.p-45{
	padding: 45px;
}
.p-50{
	padding: 50px;
}
.pt-0{
	padding-top: 0;
}
.pt-5{
	padding-top: 5px;
}
.pt-10{
	padding-top: 10px;
}
.pt-15{
	padding-top: 15px;
}
.pt-20{
	padding-top: 20px;
}
.pt-25{
	padding-top: 25px;
}
.pt-30{
	padding-top: 30px;
}
.pt-35{
	padding-top: 35px;
}
.pt-40{
	padding-top: 40px;
}
.pt-45{
	padding-top: 45px;
}
.pt-50{
	padding-top: 50px;
}
.pr-0{
	padding-right: 0;
}
.pr-5{
	padding-right: 5px;
}
.pr-10{
	padding-right: 10px;
}
.pr-15{
	padding-right: 15px;
}
.pr-20{
	padding-right: 20px;
}
.pr-25{
	padding-right: 25px;
}
.pr-30{
	padding-right: 30px;
}
.pr-35{
	padding-right: 35px;
}
.pr-40{
	padding-right: 40px;
}
.pr-45{
	padding-right: 45px;
}
.pr-50{
	padding-right: 50px;
}
.pb-0{
	padding-bottom: 0;
}
.pb-5{
	padding-bottom: 5px;
}
.pb-10{
	padding-bottom: 10px;
}
.pb-15{
	padding-bottom: 15px;
}
.pb-20{
	padding-bottom: 20px;
}
.pb-25{
	padding-bottom: 25px;
}
.pb-30{
	padding-bottom: 30px;
}
.pb-35{
	padding-bottom: 35px;
}
.pb-40{
	padding-bottom: 40px;
}
.pb-45{
	padding-bottom: 45px;
}
.pb-50{
	padding-bottom: 50px;
}
.pl-5{
	padding-left: 5px;
}
.pl-10{
	padding-left: 10px;
}
.pl-15{
	padding-left: 15px;
}
.pl-20{
	padding-left: 20px;
}
.pl-25{
	padding-left: 25px;
}
.pl-30{
	padding-left: 30px;
}
.pl-35{
	padding-left: 35px;
}
.pl-40{
	padding-left: 40px;
}
.pl-45{
	padding-left: 45px;
}
.pl-50{
	padding-left: 50px;
}
/* Paddings (END) */

/* Margins */
.m-0{
	margin: 0;
}
.m-5{
	margin: 5px;
}
.m-10{
	margin: 10px;
}
.m-15{
	margin: 15px;
}
.m-20{
	margin: 20px;
}
.m-25{
	margin: 25px;
}
.m-30{
	margin: 30px;
}
.m-35{
	margin: 35px;
}
.m-40{
	margin: 40px;
}
.m-45{
	margin: 45px;
}
.m-50{
	margin: 50px;
}
.mt-0{
	margin-top: 0;
}
.mt-5{
	margin-top: 5px;
}
.mt-10{
	margin-top: 10px;
}
.mt-15{
	margin-top: 15px;
}
.mt-20{
	margin-top: 20px;
}
.mt-25{
	margin-top: 25px;
}
.mt-30{
	margin-top: 30px;
}
.mt-35{
	margin-top: 35px;
}
.mt-40{
	margin-top: 40px;
}
.mt-45{
	margin-top: 45px;
}
.mt-50{
	margin-top: 50px;
}
.mr-0{
	margin-right: 0;
}
.mr-5{
	margin-right: 5px;
}
.mr-10{
	margin-right: 10px;
}
.mr-15{
	margin-right: 15px;
}
.mr-20{
	margin-right: 20px;
}
.mr-25{
	margin-right: 25px;
}
.mr-30{
	margin-right: 30px;
}
.mr-35{
	margin-right: 35px;
}
.mr-40{
	margin-right: 40px;
}
.mr-45{
	margin-right: 45px;
}
.mr-50{
	margin-right: 50px;
}
.mb-0{
	margin-bottom: 0;
}
.mb-5{
	margin-bottom: 5px;
}
.mb-10{
	margin-bottom: 10px;
}
.mb-15{
	margin-bottom: 15px;
}
.mb-20{
	margin-bottom: 20px;
}
.mb-25{
	margin-bottom: 25px;
}
.mb-30{
	margin-bottom: 30px;
}
.mb-35{
	margin-bottom: 35px;
}
.mb-40{
	margin-bottom: 40px;
}
.mb-45{
	margin-bottom: 45px;
}
.mb-50{
	margin-bottom: 50px;
}
.ml-0{
	margin-left: 0;
}
.ml-5{
	margin-left: 5px;
}
.ml-10{
	margin-left: 10px;
}
.ml-15{
	margin-left: 15px;
}
.ml-20{
	margin-left: 20px;
}
.ml-25{
	margin-left: 25px;
}
.ml-30{
	margin-left: 30px;
}
.ml-35{
	margin-left: 35px;
}
.ml-40{
	margin-left: 40px;
}
.ml-45{
	margin-left: 45px;
}
.ml-50{
	margin-left: 50px;
}
/* Margins (END) */

html {
	font-family: Roboto;
	line-height: normal;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	-moz-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}
a{
	font-family: Roboto;
	text-decoration: none;
	transition: 0.1s;
	color: red;
}
hr {
    border: 0;
	margin: 15px 0;
    border-bottom: 1px solid #ccc;
}
h1,h2,h3,h4,h5{
	font-family: Roboto;
	line-height: 1;
	font-weight: normal;
	color: #333;
}
h1{
	font-size: 30px;
	text-align: center;
}
h2 {
    margin: 0;
	font-size: 20px;
}
ul{
	list-style:none;
	padding-left: 0;
	font-family: Roboto;
}
input,
textarea,
select,
button{
	font-family: Roboto;
	color: #333;
}
a:focus,
select:focus,
input:focus,
button:focus,
textarea:focus{
	outline: none;
}
body {
	margin: 0;
	color: #333;
	font-size: 18px;
	font-family: Roboto;
	background-color: #eee;
}
body.intro{
	background-image: url(../img/logo.png);
    background-repeat: no-repeat;
    background-position: center;
    height: 100vh;
    background-size: 100px;
	background-color: #fff;
}
.card {
	padding: 15px 20px;
	border-radius: 5px;
}
.card-light {
	background-color: #fff;
	box-shadow: 0 1px 0 0 #d3d9de, 0 0 0 1px #e7e8ec;
}
.card-muted {
	background-color: #F1F1F1;
}
.hidden{
	display: none;
}
/** ЭЛЕМЕНТЫ ФОРМЫ **/
.form-input {
    position: relative;
    margin-bottom: 10px;
}
.form-input>label {
    position: absolute;
    top: 20px;
    left: 20px;
    color: #777;
    font-family: Roboto;
	transition: 0.2s;
	line-height: normal;
	font-weight: 300;
}
.form-input.on>label {
    top: 10px;
    font-size: 12px;
	font-weight: 500;
}
.form-input>input,
.form-input>textarea{
    padding: 25px 20px 10px;
    font-size: 20px;
    color: #333;
    border: 0;
	box-sizing: border-box;
    width: 100%;
	font-family: Roboto;
	border-radius: 5px;
}
.form-input>textarea{
	min-height: 100px;
}
.form-input.error>input,
.form-input.error>textarea {
    border: 1px solid red;
}
.form-error{
    margin: 5px 0;
	color: red;
    font-size: 16px;
}
.loading {
  -webkit-animation: loading 1s linear infinite;
  animation: loading 1s linear infinite;
}
@-webkit-keyframes loading {
  0% { opacity: 1; }
  50% { opacity: 0.5; }
  100% { opacity: 1; }
}
@keyframes loading {
  0% { opacity: 1; }
  50% { opacity: 0.5; }
  100% { opacity: 1; }
}

/** ЭЛЕМЕНТЫ ФОРМЫ (END) **/

.sublink {
    display: inline-block;
    padding-top: 10px;
    font-size: 16px;
    border-bottom: 1px dashed #527DA3;
    color: #333;
}
.wrap{
	width: 100%;
	margin: 0 auto;
	padding: 0 15px;
	box-sizing: border-box;
}
h1 {
    margin: 10px 0 50px;
}
.space-between{
	display: flex;
    justify-content: space-between;
	align-items: center;
}
.btn{
	display: inline-block;
    box-sizing: border-box;
    text-align: center;
	border: 0;
	border-radius: 20px;
    padding: 10px;
	cursor: pointer;
	font-size: 18px;
	opacity: 1;
}
.btn-action {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    border: 0;
    padding: 13px;
    fill: #fff;
}
.btn-light{
	background-color: #fff;
    color: #333;
}
.btn-success{
	background-color: #5cb85c;
    color: #fff;
}
.btn-danger{
	background-color: #F06B6C;
    color: #fff;
}
.btn-primary{
	background-color: #527DA3;
    color: #fff;
}
.bg-white{
	background-color: #fff;
}
.bg-muted{
	background-color: #eee;
}
.b-radius-5{
	border-radius: 5px;
}
.b-radius-10{
	border-radius: 10px;
}
.b-radius-15{
	border-radius: 15px;
}
.b-radius-20{
	border-radius: 20px;
}
.text-success{
	color: #527DA3;
}
.text-muted{
	color: #777;
}
.text-black{
	color: #333;
}
.link-muted{
	color: #333;
}
.text-center{
	text-align: center;
}
.text-size-14{
	font-size: 14px;
}
.text-size-15{
	font-size: 15px;
}
.text-size-16{
	font-size: 16px;
}
.text-size-20{
	font-size: 20px;
}
.text-size-25{
	font-size: 25px;
}
.text-size-30{
	font-size: 30px;
}
.text-size-35{
	font-size: 35px;
}
.text-size-40{
	font-size: 40px;
}

.angle-right{
	background-image: url(../img/angle-right.svg);
	background-repeat: no-repeat;
    background-size: auto 20px;
    background-position: calc(100% - 10px) center;
}

/** ПОДВАЛ **/
footer{
	position: fixed;
	bottom: 0;
	width: 100%;
	background-color: #fff;
	border-top: 1px solid #eee;
	display: flex;
	z-index: 100;
	display: none;
}
footer>button{
	display: flex;
    flex: 1;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 55px;
    color: #777;
    background-color: rgba(0,0,0,0);
    border: 0;
	padding-top: 3px;
}
footer>button svg{
	height: 20px;
	fill: #bbb;
	margin-bottom: 2px;
}
footer>button.selected{
	color: #333;
}
footer>button.selected svg{
	fill: #527DA3;
}
footer>button.hide{
	display: none;
}
/* ПОДВАЛ (END) */


/** ВСПЛЫВАЮЩЕЕ СООБЩЕНИЕ **/
.popup-alert {
    position: fixed;
    width: calc(100% - 20px);
    margin: 0 auto;
    top: 15px;
	left: 0;
	right: 0;
    color: #fff;
    border-radius: 5px;
    z-index: 1000;
	display: none;
	font-size: 16px;
	box-sizing: border-box;
}
.popup-alert>div {
    position: relative;
	padding: 10px 35px 10px 20px;
	box-shadow: 0 10px 10px 0 rgba(0,0,0,0.2);
}
.popup-alert  .btn-close{
	position: absolute;
	color: #fff;
	top: 0;
	right: 0;
	top: 7px;
    right: 15px;
}
.popup-alert.success  .btn-close{
	color: #333;
}
.popup-alert.show{
	display: block;
	opacity: 0;
	transition: 0.2s;
}
.popup-alert.opacity{
	opacity: 1;
}
.popup-alert.danger {
    background-color: #333;
}
.popup-alert.success {
    background-color: #333;
	color: #fff;
}
/** ВСПЛЫВАЮЩЕЕ СООБЩЕНИЕ (END)**/


/** МОДАЛЬНОЕ ОКНО **/
.page {
    background-color: #fff;
    z-index: 50;
	display: none;
	position: fixed;
    flex-direction: column;
	top:0;
	height: 100vh;
	padding-bottom: 55px;
	width: 100%;
	box-sizing: border-box;
	transform: translateX(100%);
	transition: 0.15s;
}
.page-header{
    width: 100%;
    height: 50px;
    align-items: center;
    background-color: #527DA3;
    display: flex;
    position: relative;
    color: #fff;
    padding: 0 15px;
    overflow: hidden;
    box-sizing: border-box;
}
.page-content{
	height: 100%;
    overflow-y: auto;
    padding: 15px;
	box-sizing: border-box;
	flex: 1;
}
.page.show{
	display: flex;
	opacity: 0;
	transition: 0.15s;
}
.page.opacity{
	opacity: 1;
}
.page.opacity{
	transform: translateX(0);
}
.page-header h2 {
	color: #fff;
    font-size: 20px;
    padding: 0;
    white-space: nowrap;
    overflow: hidden;
    text-align: center;
    width: 100%;
}
.page-header .btn-back {
    display: flex;
    width: 30px;
    padding-left: 18px;
    height: 100%;
    align-items: center;
    position: absolute;
    left: 0;
    z-index: 1;
}
.page-header .btn-back:before {
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: rotate(45deg);
}
/** МОДАЛЬНОЕ ОКНО (END) **/


/** ФОРМА АТОРИЗАЦИИ **/
.page-authorization .page-content {
    display: flex;
    align-items: center;
	justify-content: center;
}
.page-authorization .page-content .logo{
	width: 220px;
    margin-bottom: 10px;
}
.page-authorization .form-input.error>input{
    border: 0;
	border-bottom: 1px solid red;
}
.page-authorization .page-content input{
	border-bottom: 1px solid #ccc;
	border-radius: 0;
}
.page-authorization .page-content>form{
	width: 100%;
}
/** ФОРМА АТОРИЗАЦИИ (END) **/


/** ФОРМА ВОССТАНОВЛЕНИЯ ПАРОЛЯ **/
.repeat-sms {
    font-size: 16px;
    line-height: normal;
    padding: 10px 0;
    color: #333;
}
.repeat-sms>span {
    color: #527DA3;
}
.page-recovery .page-content {
    display: flex;
    align-items: center;
}
.page-recovery .form-input.error>input{
    border: 0;
	border-bottom: 1px solid red;
}
.page-recovery .page-content input{
	border-bottom: 1px solid #ccc;
	border-radius: 0;
}
.page-recovery .page-content>form{
	width: 100%;
}
/** ФОРМА ВОССТАНОВЛЕНИЯ ПАРОЛЯ (END) **/


/** СТРАНИЦЫ СПИСКА ЗАДАЧ **/
.page-work .page-content,
.page-check .page-content{
	display: flex;
    flex-direction: column;
}
.tasks {
    overflow-y: auto;
    overflow-x: hidden;
    flex: 1;
}
/** СТРАНИЦА СПИСКА ЗАДАЧ (END) **/


/** СТРАНИЦА ИТОГ ВЫПОЛНЕНИЯ **/
.page-done .page-content{
	background-color: #eee;
}
/** СТРАНИЦА ИТОГ ВЫПОЛНЕНИЯ (END) **/


/** СТРАНИЦА ВЫПОЛНИТЬ **/
.page-work .page-content{
	background-color: #eee;
}
/** СТРАНИЦА ВЫПОЛНИТЬ (END) **/


/** СТРАНИЦА ПРОВЕРИТЬ **/
.page-check .page-content{
	background-color: #eee;
}
/** СТРАНИЦА ПРОВЕРИТЬ (END) **/


/** СТРАНИЦА РЕДАКТИРОВАНИЯ ЗАДАЧИ **/
.page-add-task .page-content, 
.page-task-edit .page-content{
	background-color: #eee;
}
.page-add-task textarea,
.page-task-edit textarea{
    min-height: 180px;
    max-height: 180px;
    min-width: 100%;
    max-width: 100%;
}
/** СТРАНИЦА РЕДАКТИРОВАНИЯ ЗАДАЧИ (END) **/


/** СТРАНИЦА ПОИСКА КЛИЕНТОВ **/
.page-search-client .page-content{
	background-color: #eee;
}
.page-search-client .results{
    padding: 0 20px;
}
/** СТРАНИЦА ПОИСКА КЛИЕНТОВ (END) **/


/** ФИЛЬТР **/
.filter{
	display: none;
}
#btn-filter {
    vertical-align: middle;
    display: flex;
    width: 30px;
    padding-right: 18px;
    height: 100%;
    align-items: center;
    justify-content: flex-end;
    position: absolute;
    right: 0;
    z-index: 1;
}
#btn-filter>svg {
    fill: #fff;
	height: 20px;
}
/** ФИЛЬТР (END) **/


/** ЗАДАЧИ **/
.task-card-wrapper{
	position: relative;
}
.tasks>div{
	margin-bottom: 10px;
}
.tasks>div:last-child {
	margin-bottom: 0;
}
.btn-task-top {
    position: absolute;
    top: calc(50% - 20px);
    left: 15px;
    width: 40px;
    height: 40px;
    background-color: #5cb85c;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.btn-task-top:after {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    border-left: 2px solid #fff;
    border-top: 2px solid #fff;
    transform: rotate(45deg);
    margin-top: 5px;
}
.task-card {
    background-color: #fff;
	box-shadow: 0 1px 0 0 #d3d9de, 0 0 0 1px #e7e8ec;
    padding: 10px;
    box-sizing: border-box;
    border-radius: 5px;
    border: 1px solid transparent;
    transition: 0.1s;
	position: relative;
    z-index: 2;
}
.task-card.fix{
	border: 1px solid red;
}
.tc-title{
	font-weight: bold;
}
.tc-header {
    margin-bottom: 2px;
}
.tc-header,
.tc-footer{
    display: flex;
    justify-content: space-between;
}
.tc-text {
    overflow: hidden;
	margin-bottom: 2px;
}
.tc-client {
    margin-bottom: 2px;
	color: red;
}
.tc-phone{
	color: red;
}
.tc-cname{
	color: #277CAA;
}
.tc-users,
.tc-date,
.tc-deadline,
.tc-timer-added{
    color: #777;
}
.tc-deadline{
	display: flex;
    align-items: center;
}
.tc-deadline .icon-clock{
    margin-right: 3px;
}
.tc-deadline.flashing{
	color: red;
}
.icon{
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: 100% 100%;
	width: 15px;
	height: 15px;
	display: inline-block;
}
.icon-user{
	background-image: url(../img/user.svg);
}
.icon-wrench{
	background-image: url(../img/wrench.svg);
}
.icon-clock{
	background-image: url(../img/clock.svg);
}
.icon-clock.red{
	background-image: url(../img/clock-red.svg);
}
.icon-trash{
	background-image: url(../img/trash.svg);
}
.icon-check{
	background-image: url(../img/check.svg);
}
.icon-rocket{
	background-image: url(../img/rocket.svg);
}
/** ЗАДАЧИ (END) **/

/** ЛИСТИНГ **/
.item {
    padding: 15px 0;
    border-bottom: 1px solid #ccc;
}
/** ЛИСТИНГ (END) **/

/** СПИННЕР **/
.loader {
	height: 100%;
	width: 100%;
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 1000;
	display: flex;
	align-items: center;
	justify-content: center;
}
.ispinner {
    background-color: #000000cc;
    border-radius: 50%;
    position: relative;
    width: 50px;
    height: 50px;
}
.ispinner .ispinner-blade {
    position: absolute;
    top: 20px;
    left: 23px;
    width: 4px;
    height: 10px;
    background-color: #fff;
    animation: iSpinnerBlade 1s linear infinite;
    will-change: opacity;
}
.ispinner .ispinner-blade:nth-child(1) {
	transform: rotate(45deg) translateY(-13px);
	animation-delay: -1.625s;
}
.ispinner .ispinner-blade:nth-child(2) {
	transform: rotate(90deg) translateY(-13px);
	animation-delay: -1.5s;
}
.ispinner .ispinner-blade:nth-child(3) {
	transform: rotate(135deg) translateY(-13px);
	animation-delay: -1.375s;
}
.ispinner .ispinner-blade:nth-child(4) {
	transform: rotate(180deg) translateY(-13px);
	animation-delay: -1.25s;
}
.ispinner .ispinner-blade:nth-child(5) {
	transform: rotate(225deg) translateY(-13px);
	animation-delay: -1.125s;
}
.ispinner .ispinner-blade:nth-child(6) {
	transform: rotate(270deg) translateY(-13px);
	animation-delay: -1s;
}
.ispinner .ispinner-blade:nth-child(7) {
	transform: rotate(315deg) translateY(-13px);
	animation-delay: -0.875s;
}
.ispinner .ispinner-blade:nth-child(8) {
	transform: rotate(360deg) translateY(-13px);
	animation-delay: -0.75s;
}
@keyframes iSpinnerBlade {
	0% {opacity: 0.85}
	50% {opacity: 0.25}
	100% {opacity: 0.25} 
}
/** СПИННЕР (END) **/


/** КАЛЕНДАРЬ **/
#ui-datepicker-div {
    margin-top: 5px;
	box-shadow: 0 5px 10px 0 #00000020;
	position: absolute;
}
.ui-datepicker-header>a{
	padding: 5px;
    background-color: #527da3;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    color: #fff;
}
.ui-datepicker-header>a.ui-datepicker-prev{
	order: 1;
}
.ui-datepicker-header>div.ui-datepicker-title{
	order: 2;
	flex: 1;
    padding: 0 5px;
}
.ui-datepicker-header>a.ui-datepicker-next{
	order: 3;
}
.ui-datepicker-header>div.ui-datepicker-title>select{
	border: 1px solid #ccc;
	margin: 0 5px;
	padding: 3px;
}
.ui-datepicker-header {
    text-align: center;
    border-bottom: 0;
    border-radius: 5px 5px 0 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    overflow: hidden;
    padding: 5px;
}
.ui-datepicker-calendar a{
    border-radius: 50%;
    width: 40px;
    height: 40px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    color: #333;
}
.ui-datepicker-calendar {
	border-collapse: collapse;
	width: 100%;
	background-color: #fff;
}
.ui-datepicker-calendar th,
.ui-datepicker-calendar td{
	padding: 5px 10px;
}
.ui-datepicker-calendar td{
	padding: 0;
    cursor: default;
}
.ui-datepicker-calendar td.ui-datepicker-today>a {
	background-color: #eee;
	text-decoration: none;
}
.ui-datepicker-calendar td.ui-datepicker-current-day>a {
    background-color: #6dbd6d;
}
.ui-datepicker-calendar td.ui-datepicker-current-day>a.ui-state-active {
    color: #fff;
	text-decoration: none;
	cursor: default;
}
/** КАЛЕНДАРЬ (END) **/


/** СТРАНИЦА УСТАНОВКИ PWA **/
.pwa-install {
    background-color: #fff;
    padding: 20px;
	animation: fade-in 1s 1; 
	animation-fill-mode: forwards; 
}
.pwa-install .flex {
	align-items: center;
}
.pwa-install .flex h2{
	color: #1f6284;
}
.pwa-install img {
    width: 25px;
    border-radius: 5px;
    margin-right: 10px;
}
{
	#527DA3
}
@keyframes fade-in{
	0%{opacity: 0}
	100% {opacity: 1}
}
/** СТРАНИЦА УСТАНОВКИ PWA (END) **/


.show-fade-in:not(.stop){
	animation: show-fade-in 2s 1; 
	animation-fill-mode: forwards; 
}
@keyframes show-fade-in{
	0%{opacity: 0}
	50%{opacity: 0}
	100% {opacity: 1}
}
.flashing:not(.stop){
	animation: 1s flashing linear infinite; 
}
@keyframes flashing{
	0%{opacity: 1}
	50%{opacity: 1}
	51%{opacity: 0}
	100% {opacity: 0}
}