@import "biz.css";

.globalbox {
	background: #fff url(main-bg.png) 50% 50%;
	box-shadow: 0 0 55.46px 6px rgba(0, 0, 0, 0.25) inset;
}

.content-bg {
	/*
    left: 156px; /*35+121* /
    top: 16px;
    right: 37px;
    bottom: 25px;
    */

	left: 121px; /*35+121*/
	top: 0;
	right: 0;
	bottom: 0;

	/*
	background: #F3F3F3;
	*/

	border-radius: 10px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

.content-bg,
.people header {
	background: url(bg-noise.gif) center center repeat;
}

.content-bg2 {
	/* no need, content-bg has already blue filter inside
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(236,238,243,.5);
    */
}

.content-shadow {
	content: "";
	position: absolute;
}

.content {
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;

	border-radius: 10px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

.wrapper2 {
	position: absolute;

	border-radius: 10px;
	/*
	top: 16px;
	bottom: 25px;
	right: 37px;
	*/
	top: 4px;
	bottom: 3px;
	left: 35px;
	right: 40px;

	box-shadow: 0 0 7.65px 1.35px rgba(0, 0, 0, 0.45);
}

/* auth */

.page-auth .content-bg {
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	border-radius: 10px;
}

.page-auth .content,.page-auth .scroll-hold,.page-auth .scroll,.page-auth .scrolled,.auth-hold {
	border-radius: 10px;
}

/* side-menu */

.side-menu {
	/*
    top: 16px;
    left: 35px;
    bottom: 25px;
    */
	top: 0;
	left: 0;
	bottom: 0;
	width: 121px;

	background: #F1F1EC;

	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}

.side-menu:after,
.abc:after {
	content: "";
	position: absolute;
	display: block;
	top: 0;
	bottom: 0;
	right: -11px;
	width: 11px;
	z-index: 150;

	background: -moz-linear-gradient(left,  rgba(113,113,113,0.38) 0%, rgba(113,113,113,0) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(113,113,113,0.38)), color-stop(100%,rgba(113,113,113,0)));
	background: -webkit-linear-gradient(left,  rgba(113,113,113,0.38) 0%,rgba(113,113,113,0) 100%);
	background: -o-linear-gradient(left,  rgba(113,113,113,0.38) 0%,rgba(113,113,113,0) 100%);
	background: -ms-linear-gradient(left,  rgba(113,113,113,0.38) 0%,rgba(113,113,113,0) 100%);
	background: linear-gradient(to right,  rgba(113,113,113,0.38) 0%,rgba(113,113,113,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#61717171', endColorstr='#00717171',GradientType=1 );
}

.side-menu li {
	position:relative;
	min-height: 100px;
	text-align: center;
	background: #F1F1EC;
}

.side-menu li:first-child {
	border-top-left-radius: 10px;
	border-bottom: none;
	box-shadow: none;
	min-height: 0;
}

.side-menu li:first-child a {
	border-top-left-radius: 10px;
	min-height: 0;
}

.side-menu li a {
	display: block;
	padding-top: 80px;
	padding-bottom: 15px;
	background: url(btn/left-icons.png) 0 14px no-repeat;

	font: normal 16px/16px "PFDinTextProRegular", "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	color: #1C1C1C;
	text-align: center;
	text-decoration: none;

	border-top: 1px solid #FEFEFD;
	border-bottom: 1px solid #C6C6C6;
}

.side-menu li:first-child a {
	border-top: 0;
	border-bottom: 0;
}

.side-menu li:last-child a:after {
	content: "";
	position: absolute;
	display: block;
	left: 0;
	right: 0;
	top: 100%;
	height: 1px;
	background: #FEFEFD;
}

.side-menu li a:hover {
	color: #23B5E7;
}

.side-menu li a:active {
	box-shadow: inset 0 0 6px 0 rgba(0, 0, 0, 0.157);
	border-top: 1px solid #D4D4D3;
	border-bottom: 1px solid #A5A5A5;
}

.side-menu li.active {
}

.side-menu li.active:before {
	content: "";
	display: block;
	position: absolute;
	width: 16px;
	left: -16px;
	top: 0;
	bottom: 0;

	background: #23B5E7;
	border-top-left-radius: 16px;
	border-bottom-left-radius: 16px;
}

.side-menu li.active:after {
	content: "";
	display: block;
	position: absolute;
	width: 11px;
	left: -11px;
	top: 0;
	bottom: 0;

	border-top-left-radius: 11px 16px;
	border-bottom-left-radius: 11px 16px;

	background: -moz-linear-gradient(left,  rgba(237,237,237,0) 0%, rgba(58,58,58,0.42) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(237,237,237,0)), color-stop(100%,rgba(58,58,58,0.42)));
	background: -webkit-linear-gradient(left,  rgba(237,237,237,0) 0%,rgba(58,58,58,0.42) 100%);
	background: -o-linear-gradient(left,  rgba(237,237,237,0) 0%,rgba(58,58,58,0.42) 100%);
	background: -ms-linear-gradient(left,  rgba(237,237,237,0) 0%,rgba(58,58,58,0.42) 100%);
	background: linear-gradient(to right,  rgba(237,237,237,0) 0%,rgba(58,58,58,0.42) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ededed', endColorstr='#6b3a3a3a',GradientType=1 );
}

.side-menu li.active a {
	color: #23B5E7;
}

.side-menu li.create a {
	background-position: -120px 14px;
}

.side-menu li.about-patient a {
	background-position: -240px 14px;
}

.side-menu li.patient-history a {
	background-position: -360px 14px;
}

.side-menu li.workplaces a {
	background-position: -480px 14px;
}

.side-menu li.settings a {
	background-position: -240px 14px;
}

.side-menu li.patient-data a {
	background-position: -600px 14px;
}

.side-menu li.my-scanner a {
	background-position: -720px 14px;
}

.side-menu li.inventory a {
	background-position: -840px 14px;
}
.side-menu li.preferences a {
	background-position: -960px 14px;
}

.side-menu li.back-btn {
	height: 50px;
}

.side-menu li.back-btn a,.side-menu li.back-btn a:active {
	padding-top: 0;
	padding-bottom: 0;
	border: 0;
	background: #454545 url(home.png) center center no-repeat;
	height: 50px;
	font-size: 0;
}

/*
.side-menu li.back-btn a:hover {
	background-position: 0 -38px;
}
*/

/* order buttons */

.side-menu li.order-btn a {
	background: none;

	padding-top: 0;
	height: 100px;

	text-align: center;
	font-size: 13px;
}

.side-menu li.order-btn a table {
	margin-top: 15px;
	border-collapse: collapse;
}

.side-menu li.order-btn a table td {
	text-align: center;
	vertical-align: middle;
	padding-left: 5px;
	padding-right: 5px;
	min-width: 60px;
	height: 25px;
	color: #fff;
	border: 0;
}

.side-menu li.order-btn a .partner {
	background: #0097DC;
}

.side-menu li.order-btn a .service {
	background: #4C4C4C;
}

.side-menu li.order-btn a .shadow {
	background: none;
	padding: 1px 0 0 0;
	height: auto;
}

.side-menu li.order-btn a .shadow div {
	height: 10px;
	background: rgb(154,154,151);
	background: -moz-linear-gradient(top,  rgba(154,154,151,1) 0%, rgba(234,234,229,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(154,154,151,1)), color-stop(100%,rgba(234,234,229,1)));
	background: -webkit-linear-gradient(top,  rgba(154,154,151,1) 0%,rgba(234,234,229,1) 100%);
	background: -o-linear-gradient(top,  rgba(154,154,151,1) 0%,rgba(234,234,229,1) 100%);
	background: -ms-linear-gradient(top,  rgba(154,154,151,1) 0%,rgba(234,234,229,1) 100%);
	background: linear-gradient(to bottom,  rgba(154,154,151,1) 0%,rgba(234,234,229,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9a9a97', endColorstr='#eaeae5',GradientType=0 );
}

.side-menu li.order-btn a .order {
	font-size: 16px;
	color: #2B2B2A;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	line-height: 25px;
	display: block;
}

.side-menu li.order-btn a:hover .order,.side-menu li.order-btn.active a .order {
	color: #23B5E7;
}

.side-menu .arr {
	display: none;
}

.side-menu .disabled { cursor:default; opacity: 0.4; }

/* top-title */

.top-title {
	background: #23B5E7;
	height: 50px;
	font: normal 22px/50px "PFDinTextProRegular", "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
	padding: 0 0 0 30px;

	border-top-right-radius: 10px;
}

.top-title.tall {
	position: relative;
	height: 83px;
	border-bottom: 6px solid #454545;
}

.top-title.tall.green:after {
	content: "";
	background: 0 0 repeat-x url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAGCAIAAACNcmNmAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo3NDBDREU4Q0U1MUFFMzExQkIzRkMyMDZEQTcyNDdDQSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoxRUQyNUJEQzA4MTgxMUU0QThEOERGNzgwMEY3RjE1NiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoxRUQyNUJEQjA4MTgxMUU0QThEOERGNzgwMEY3RjE1NiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IFdpbmRvd3MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2MTRDNTE4QzA0MDhFNDExQTIxMEQwRUJDRTcxMTNGNyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo3NDBDREU4Q0U1MUFFMzExQkIzRkMyMDZEQTcyNDdDQSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pka9JloAAAAgSURBVHjaYjj8sILp+ZeTTJ9/PmViYPgPxv8ZGAACDACXVAqZp2cRXQAAAABJRU5ErkJggg==);
	position: absolute;
	display: block;
	width: 100%;
	height: 6px;
	top: 100%;
	left: 0;
}

.top-title:not(.tall):after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	height: 5px;
	background: -moz-linear-gradient(top,  rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0)));
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
	background: -o-linear-gradient(top,  rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
}

.top-title .big {
	font-family: "PFDinTextProRegular", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 22px;
	text-overflow: ellipsis;
	overflow: hidden;
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
}

.top-title .big.caption {
	/*
    height: 82px;
    background: #23B5E7;
    */
}

.top-title .small {
	font-size: 18px;
	color: #e6eff1;
	text-shadow: none;
}

.top-title .btn-hold {
	float: right;
	margin: 32px 29px 0 5px;
}

.top-title .top-title-caption2 {
	line-height: 100%;
	position: relative;
	top: -5px;
	color: #3c3c3c;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.57);
}

/* info-line */
.info-line { position: absolute; top: 7px; right: 7px; height: 36px; padding: 0 23px; font: normal 15px/36px "PFDinTextProRegular", "Trebuchet MS", Arial, Helvetica, sans-serif; }
.info-line span {margin-right: 8px;}
.info-line a { background: #454545; display: inline-block; color: #fff; font: normal 15px "PFDinTextProRegular", "Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration: none; text-shadow: none; padding: 4px 20px 4px 38px; border-radius: 3px; }
.info-line a:hover {background: #959595;}
.info-line a:first-of-type{ margin-right: 3px; }
.info-line .profile,
.info-line .logout {position: relative;}
.info-line .profile:before,
.info-line .logout:before {content: ''; position: absolute; left: 12px; top: 5px; width: 16px; height: 16px;}
.info-line .profile:before {background: url("../../../img/icons/menu/profile.png") no-repeat;}
.info-line .logout:before  {background: url("../../../img/icons/menu/logout.png") no-repeat;}

/* scroll */
.scroll-hold { top: 50px; box-shadow: inset 0 20px 75px 0 rgba(0, 0, 0, 0.15); }
.scroll-hold.tall { top: 90px; }

/* body-patients */

.body-patients .nav1 {
	padding-left: 0;
}

.body-patients .content-bg {
	left: 46px;
}
.body-patients .content {
	/*
    left: 59px;
    */
}

.body-patients .half.shadow-after:after {
	content: "";
	position: absolute;
	display: block;
	top: -30px;
	bottom: 0;
	right: -43px;
	width: 13px;
	z-index: 150;
	background-image: -moz-linear-gradient( 0deg, rgba(113,113,113,0.38039) 0%, rgba(237,237,237,0) 100%);
	background-image: -webkit-linear-gradient( 0deg, rgba(113,113,113,0.38039) 0%, rgba(237,237,237,0) 100%);
	background-image: -ms-linear-gradient( 0deg, rgba(113,113,113,0.38039) 0%, rgba(237,237,237,0) 100%);
}

.body-patients .half.dark:before {
	content: "";
	position: absolute;
	display: block;
	top: -29px;
	bottom: 0;
	left: -30px;
	right: -29px;

	border: solid 1px #DFDFDE;
	border-left: 0;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;

	background: rgba(182,182,189,.22);
}

.patients {
	padding: 0;
}

.bsearch {
	border: 1px solid gb(108, 121, 134);
	border-radius: 2px;
	background-color: rgb(250, 251, 252);
	padding: 4px 5px;
}

.patients .search {
	border-radius: 3px;
	background-color: #fff;
	box-shadow: inset 1px 1.732px 4px 0 rgba(255, 255, 255, 0.294);

	position: relative;
}

.patients .input {
	height: 29px;
	padding: 0 5px 0 8px;
}

.patients .input .start-dots,
.patients .input .end-dots {
	position: absolute;
	display: none;
	background: #fff;

	padding: 5px 0 1px 0;
	font-size: 16px;
	font-family: "PFDinTextProRegular", "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.patients .input .end-dots {
	right: 190px;
}

.patients .input.exceeded.focusing .start-dots,
.patients .input.exceeded:not(.focusing) .end-dots {
	display: block;
}

.patients .input input[type="text"] {
	padding-top: 5px;
	padding-bottom: 0;

	font-size: 16px;
	font-family: "PFDinTextProRegular", "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.di-clear-field {
	display: inline-block;
	/*
    position: absolute;
    */
	position: relative;
	top: 0;
	right: 0;
	z-index: 20;
	font: normal 15px/27px "PFDinTextProRegular", "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #fff;
	height: 27px;
	padding-left: 15px;
	padding-right: 15px;
	background: #0AADD6;
	border-radius: 3px;
	cursor: pointer;
	margin: 1px 1px 0 0;
	float: right;
}

.search .info {
	/*
    position: absolute;
    */
	position: relative;
	/*
    top: 0;
    right: 105px;
    */
	top: 0;
	right: 0;
	margin-right: 10px;
	z-index: 20;
	font: normal 16px/29px "PFDinTextProRegular", "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-shadow: 0.5px 0.866px 0 rgba(255, 255, 255, 0.392);
	color: #A9A9BB;
	white-space: nowrap;

	float: right;
}

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

.sfilter td {
	width: 33%;
	text-align: center;
	font-size: 16px;
	font-family: "MyriadProRegular", "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #29292c;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.392);
}

#peopleFilter .flvalue {
	border: 1px solid transparent;
	font-size: 14px;
	font-family: "MyriadProRegular", "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #4c4d59;
	text-shadow: none;
}

#peopleFilter .flvalue:hover {
	color: #fff;
	background-color: #505050;
	text-shadow: none;
	box-shadow: none;
	border: 1px solid transparent;
}

/* di-btn */

.di-btn {
	display: inline-block;

	border-radius: 4px;
	/*
	border: solid 1px #737373;
	*/
	/*
	box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.392);
	*/
	height: 25px;
	padding: 0 20px;

	font: normal 16px/25px "PFDinTextProRegular", "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #fff;
	text-shadow: 0 -1px rgba(0,0,0,.3);
	text-decoration: none;

	position: relative;
}

.di-btn:hover {
	color: #fff;
}

.di-btn.blue {
	-webkit-box-shadow: inset 0 1px #35DBF3;
	-moz-box-shadow: inset 0 1px #35DBF3;
	box-shadow: inset 0 1px #35DBF3;

	border-top: 1px solid #0FB8E3;
	border-bottom: 1px solid #007491;

	background-image: -webkit-linear-gradient(top, #10bce7, #0095bb 83%, #0085a6 99%);
	background-image: -moz-linear-gradient(top, #10bce7, #0095bb 83%, #0085a6 99%);
	background-image: -o-linear-gradient(top, #10bce7, #0095bb 83%, #0085a6 99%);
	background-image: linear-gradient(to bottom, #10bce7, #0095bb 83%, #0085a6 99%);
}

.di-btn.blue:before,.di-btn.blue:after {
	content: "";
	position: absolute;
	display: block;
	left: 0;
	top: 3px;
	bottom: 3px;
	width: 1px;

	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0FB8E3), to(#007491));
	background-image: -webkit-linear-gradient(#0FB8E3, #007491);
	background-image: -moz-linear-gradient(#0FB8E3, #007491), -moz-linear-gradient(#0FB8E3, #007491);
	background-image: -o-linear-gradient(#0FB8E3, #007491), -o-linear-gradient(#0FB8E3, #007491);
	background-image: linear-gradient(#0FB8E3, #007491), linear-gradient(#0FB8E3, #007491);
}

.di-btn.blue:after {
	left: auto;
	right: 0;
}

.di-btn.blue:not(.disabled):hover {
	background: rgb(16,188,231);
	background: -moz-linear-gradient(top,  rgba(16,188,231,1) 0%, rgba(13,174,214,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(16,188,231,1)), color-stop(100%,rgba(13,174,214,1)));
	background: -webkit-linear-gradient(top,  rgba(16,188,231,1) 0%,rgba(13,174,214,1) 100%);
	background: -o-linear-gradient(top,  rgba(16,188,231,1) 0%,rgba(13,174,214,1) 100%);
	background: -ms-linear-gradient(top,  rgba(16,188,231,1) 0%,rgba(13,174,214,1) 100%);
	background: linear-gradient(to bottom,  rgba(16,188,231,1) 0%,rgba(13,174,214,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#10bce7', endColorstr='#0daed6',GradientType=0 );
}

.di-btn.blue:not(.disabled):active {
	-webkit-box-shadow: inset 0 1px #06576B;
	-moz-box-shadow: inset 0 1px #06576B;
	box-shadow: inset 0 1px #06576B;

	background: rgb(13,174,214);
	background: -moz-linear-gradient(top,  rgba(13,174,214,1) 0%, rgba(16,188,231,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(13,174,214,1)), color-stop(100%,rgba(16,188,231,1)));
	background: -webkit-linear-gradient(top,  rgba(13,174,214,1) 0%,rgba(16,188,231,1) 100%);
	background: -o-linear-gradient(top,  rgba(13,174,214,1) 0%,rgba(16,188,231,1) 100%);
	background: -ms-linear-gradient(top,  rgba(13,174,214,1) 0%,rgba(16,188,231,1) 100%);
	background: linear-gradient(to bottom,  rgba(13,174,214,1) 0%,rgba(16,188,231,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0daed6', endColorstr='#10bce7',GradientType=0 );
}

.di-btn:disabled,.di-btn.disabled {
	cursor: default;
	color: #989898;
	box-shadow: inset 0 1px #fff;
	text-shadow: 0 1px rgba(255,255,255,.5);
	border: solid 1px #CBD1D9;
	background-color: #DEDEDE;
	background-image: -webkit-linear-gradient(bottom, #c6c6c6, #e0e0e0);
	background-image: -moz-linear-gradient(bottom, #c6c6c6, #e0e0e0);
	background-image: -o-linear-gradient(bottom, #c6c6c6, #e0e0e0);
	background-image: linear-gradient(to top, #c6c6c6, #e0e0e0)
}

.di-btn.blue:before,.di-btn.blue:after {
	/*
    background: rgb(198,205,213);
    background: -moz-linear-gradient(left,  rgba(198,205,213,1) 0%, rgba(178,187,194,1) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(198,205,213,1)), color-stop(100%,rgba(178,187,194,1)));
    background: -webkit-linear-gradient(left,  rgba(198,205,213,1) 0%,rgba(178,187,194,1) 100%);
    background: -o-linear-gradient(left,  rgba(198,205,213,1) 0%,rgba(178,187,194,1) 100%);
    background: -ms-linear-gradient(left,  rgba(198,205,213,1) 0%,rgba(178,187,194,1) 100%);
    background: linear-gradient(to right,  rgba(198,205,213,1) 0%,rgba(178,187,194,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c6cdd5', endColorstr='#b2bbc2',GradientType=1 );
    */
	background: none;
}

.di-btn.fright {
}

.di-btn.fleft {
}

.imageAddBtn a {
	top: 0;
}

h3 .di-btn {
	margin-left: 13px;
}

/* gray-btn */

.gray-btn {
	display: inline-block;

	font-family: "MyriadProRegular", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #fff;

	padding: 0 7px;

	height: 22px;
	line-height: 22px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;

	background-color: #959595;

	-webkit-box-shadow: 0 1px rgba(255,255,255,.75);
	-moz-box-shadow: 0 1px rgba(255,255,255,.75);
	box-shadow: 0 1px rgba(255,255,255,.75);
}

.gray-btn:hover {
	background-color: #505050;
}

.selectItems .gray-btn {
	float: right;
	margin: 0 -2px 0 8px;
	position: relative;
}

.selectItems ul li:hover .gray-btn {
	z-index: 500;
}

/* patient-mark */

#patient-mark {
	width: 16px;
	height: 16px;
	background: url(patient-mark.png) no-repeat;
	display: inline-block;
	position: relative;
	margin-left: 6px;
	top: 3px;
	cursor: pointer;
}

/* tipbox */

.tipbox .pages {
	top: -34px;
	left: 30px;
}

.tipbox .pages li { line-height: 39px; color: #181818; padding-left: 3px; padding-right: 3px; min-width: 73px; background: url("../../../img/icons/tabs/blue/tab.png") 0 0 repeat-x; }
.tipbox .pages li:before {background: url("../../../img/icons/tabs/blue/tab_before.png") 0 0 no-repeat;}
.tipbox .pages li:after {background: url("../../../img/icons/tabs/blue/tab_after.png") 0 0 no-repeat;}

.tipbox .pages li.active { color: #ffffff; text-shadow: none; }
.tipbox .pages li.red { color: #ff1a1a; text-shadow: 0 1px 0 rgba(255, 255, 255, 1); }
.tipbox .pages li.active.red { color: #ff1a1a; text-shadow: none; }

.tipbox .pages li.disabled { color: #107791; text-shadow: none; background: url("../../../img/icons/tabs/blue/tab_disabled.png") 0 0 repeat-x; }
.tipbox .pages li.disabled:before {background: url("../../../img/icons/tabs/blue/tab_disabled_before.png") 0 0 no-repeat;}
.tipbox .pages li.disabled:after {background: url("../../../img/icons/tabs/blue/tab_disabled_after.png") 0 0 no-repeat;}

.tipbox.green .pages li.active { background: url("../../../img/icons/tabs/blue/tab_green.png") 0 1px repeat-x; }
.tipbox.green .pages li.active:before {background: url("../../../img/icons/tabs/blue/tab_green_before.png") 0 1px no-repeat;}
.tipbox.green .pages li.active:after {background: url("../../../img/icons/tabs/blue/tab_green_after.png") 0 1px no-repeat;}

.tipbox.green .pages li.active { color: #181818; }

.tipbox .pages li:not(.disabled):not(.active):hover{ text-shadow: 0 0 10px rgba(0,0,0,.2); }
.tipbox .pages li:not(.disabled):not(.active):hover:before{ }
.tipbox .pages li:not(.disabled):not(.active):hover:after{ }

.tipbox .pages li.red:not(.disabled):not(.active):hover { text-shadow: 0 0 10px rgba(255,0,0,.2); }

.tipbox:before,.tipbox:after { background-image: url(tipbox/tipbox_bg.png); }

/* abc */

.abc {
	left: -46px;
	top: 0;
	bottom: 0;
	background: #F1F1EC;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}

.abc table tr td .link {
	position: relative;
	width: 46px;
	height: 28px;
	padding: 0;
	text-align: center;
	text-decoration: none;
	font: normal 16px/28px "MyriadProRegular", "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: rgb(69, 69, 69);
	text-shadow: 0.5px 0.866px 0 rgba(255, 255, 255, 0.196);
	text-transform: uppercase;
	border-top: 1px solid #C6C6C6;
	border-bottom: 1px solid #FEFEFD;
}

.abc table tr:first-child td .link {
	border-top: 1px solid #fff;
	border-top-left-radius: 10px;
	padding-top: 10px;
	height: 26px;
	line-height: 26px;
}

.abc table tr:last-child td .link {
	border-bottom: 0;
}

.abc table tr td a.link:hover {
	color: #0aadd6;
}

.abc table tr td a.link:active {
	box-shadow: inset 0 0 6px 0 rgba(0, 0, 0, 0.157);
	border-top: 1px solid #A5A5A5;
	border-bottom: 1px solid #A5A5A5;
}

.abc table tr td .link.disabled {
	cursor: default;
	color: #c2c2c2;
}

@-webkit-keyframes abc-selected {
	0% {
		margin-left: 16px;
	}
	100% {
		margin-left: 0;
	}
}

@-webkit-keyframes abc-unselected {
	0% {
		margin-left: 0;
	}
	100% {
		margin-left: 16px;
	}
}

.abc table tr td .link.selected {
	color: rgb(10, 173, 214);
}

.abc table tr td .link.unselected {
	color: rgb(69, 69, 69);
}

.abc table tr td .link.selected:before,.abc table tr td .link.selected:after,
.abc table tr td .link.unselected:before,.abc table tr td .link.unselected:after {
	content: "";
	position: absolute;
	top: -1px;
	height: 31px;
	border-top-left-radius: 16px;
	border-bottom-left-radius: 16px;

	-webkit-animation: abc-selected .1s 1;
	z-index: -1;
}

.abc table tr td .link.selected:before,
.abc table tr td .link.unselected:before {
	width: 16px;
	left: -16px;
	background: #0AADD6;
}

.abc table tr td .link.selected:after,
.abc table tr td .link.unselected:after {
	width: 12px;
	left: -12px;
	background-image: -moz-linear-gradient( 180deg, rgba(58,58,58,0.41961) 0%, rgba(237,237,237,0) 100%);
	background-image: -webkit-linear-gradient( 180deg, rgba(58,58,58,0.41961) 0%, rgba(237,237,237,0) 100%);
	background-image: -ms-linear-gradient( 180deg, rgba(58,58,58,0.41961) 0%, rgba(237,237,237,0) 100%);
}

.abc table tr:first-child td .link.selected:after,.abc table tr:first-child td .link.selected:before,
.abc table tr:first-child td .link.unselected:after,.abc table tr:first-child td .link.unselected:before {
	top: 10px;
	height: 28px;
}

.abc table tr td .link.unselected:before,.abc table tr td .link.unselected:after {
	-webkit-animation: abc-unselected .1s 1;
	margin-left: 16px;
}

/* people */
.people section ul li {
	width: 100%;
}

.people header {
	padding: 15px 0 0 8px;
	border-radius: 0;
	font: bold 16px/25px "MyriadProRegular", "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #29292c;
	text-align: left;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.9);
}

.people header span { }

.people.h {
	height: 28px;
	top: 0;
	border: 0;
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	overflow: hidden;
	position: absolute;
}

.people.h header {
	border-left: 1px solid #C8CBD3;
	border-right: 1px solid #C8CBD3;
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	padding-top: 0;
}

.people #phd{
	position: absolute;
	left: 0;
	right: 0;
	/*width: 100%;*/
	z-index: 20;
	border: 0;
    top: -42px;
}

/*
.people {
	position:absolute;
	top:97px;
	bottom:9px;
	left:19px;
	right:19px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	box-shadow:0 0 3px rgba(0, 0, 0, 0.4), inset 0 1px 0 #fff;
	-moz-box-shadow:0 0 3px rgba(0, 0, 0, 0.4), inset 0 1px 0 #fff;
	-webkit-box-shadow:0 0 3px rgba(0, 0, 0, 0.4), inset 0 1px 0 #fff;
	overflow:hidden;
	overflow-y:auto;
}

.people section ul li{
	width: 100%;
}

.people header {
	padding:12px 11px;
	background:#eef1f3;
}

.people header span {
	display:block;
	width:27px;
	height:28px;
	font:normal 18px/28px "Arial Black", Gadget, sans-serif;
	text-align:center;
	color:#fff;
	background:#6c7986;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	text-shadow:none;
}

.people.h {
	height:52px;
	left:0px;
	right:19px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	box-shadow:none;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	overflow:hidden;
	position: relative;
	top: 11px;
}

.people #phd{
	position: absolute;
	left: 0px;
	width: 100%;
	z-index: 20;
	border-bottom: solid #ddd 1px;
}
*/



.people-scroll {
	top: 122px;
	width: 20px;
	right: -16px;
	bottom: 11px;
}

.people-scroll div,
.scrollBar {
	background: rgba(0,0,0,.35);
	width: 8px;
	border-radius: 2px;
	height: 211px;
	box-shadow: none;
	-moz-user-select: none; user-select: none; -webkit-user-select: none;
	opacity: 1;
}

.scrollBar {
	height: 100px;
	cursor: pointer;
	margin-top: 20px;
	margin-bottom: 20px;
	position: absolute;
}

.scrollBox {
	margin-left: 10px;
}

.people ul li {
}

.people ul a {
	height: 32px;
	display: block;
	position: relative;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.392);
	text-decoration: none;
	color: #29292c;
	background: #FAFBFC;
	padding: 0 13px 0 8px;
	overflow: hidden;
	line-height: 33px;
	background: linear-gradient(to bottom,  rgba(253,253,254,1) 0%,rgba(247,249,250,1) 100%);
}
.people ul a.selected {background: #0aadd6; color: #fff; text-shadow: none;}
/*.people ul a.selected:before,*/
.people ul a.selected:hover:before {content: initial;}
.people ul a:hover:before {content: ''; position: absolute; left: 0; width: calc(100% - 8px); height: 24px; border: 1px solid #0096bc; border-radius: 3px; margin: 3px; text-shadow: none;}
.people ul a .pic-new-mail { display: block; height: 15px; width: 22px; text-shadow: none; text-align: center; white-space: nowrap; float: right; padding: 0; box-shadow: none; border-radius: 0; position: relative; margin: 8px 5px 0 0; right: 0; top: 0; background: url('mail.png') no-repeat;}
.people ul a.selected .pic-new-mail {background-image: url("mail_active.png");}
.people ul a span:first-child,.orders article header span:first-child { margin-right: -3px; }

.pacient.add-link{
	text-align: left;
	padding: 8px 0 0 0;
	margin: 0 0 22px 0;
	position: relative;
}

.block.order { }

.block.order .person {
	position: relative;
}

.block.order header {
	font-family: "MyriadProRegular", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #454545;
	text-shadow: 0 1px #fff;
}

.photo {
	background-color: #fff;
	-webkit-box-shadow: 0 -1px 1px rgba(0,1,1,.2);
	-moz-box-shadow: 0 -1px 1px rgba(0,1,1,.2);
	box-shadow: 0 -1px 1px rgba(0,1,1,.2);
	border: solid 4px #fff;
}

.person {
	font: normal 14px/16px "MyriadProRegular", "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding: 0 0 0 3px;
	margin: -5px 0 0;
}

.person ul li span {
	color: #666666;
}

/* orders */

.orders {
	padding: 20px 0 16px 0;
	overflow: auto;
	padding-left: 3px;
	padding-right: 3px;
}

.orders:before {
	content: "";
	display: block;
	position: absolute;
	margin-top: -22px;
	left: 0;
	right: 0;
	height: 0;
	border-top: 1px solid #d9e0e4;
}

.orders article {
	background: #F1F1EC;
	line-height: 30px;
	text-shadow: 0 1px #fff;
}

.orders header {
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	-webkit-box-shadow: 0 1px #dadad3, inset 0 1px #fff;
	-moz-box-shadow: 0 1px #dadad3, inset 0 1px #fff;
	box-shadow: 0 1px #dadad3, inset 0 1px #fff;
	background: none;
	line-height: 30px;
}

.orders .nofloat {
	padding-top: 8px;
	padding-bottom: 8px;
}

.orders .nofloat a {
	color: #0aadd6;
}

/* revisions */

.revisions-bar {
	background-color: #d4d4d4;
}

.revisions-bar .revisions-bg {
	background-color: rgba(166,166,166,0);
	background-image: -webkit-linear-gradient(top, rgba(0,0,0,.1), rgba(0,0,0,.09) 14%, rgba(255,255,255,0));
	background-image: -moz-linear-gradient(top, rgba(0,0,0,.1), rgba(0,0,0,.09) 14%, rgba(255,255,255,0));
	background-image: -o-linear-gradient(top, rgba(0,0,0,.1), rgba(0,0,0,.09) 14%, rgba(255,255,255,0));
	background-image: linear-gradient(to bottom, rgba(0,0,0,.1), rgba(0,0,0,.09) 14%, rgba(255,255,255,0));
}

.revisions-bar ul li,
.revisions-bar ul li:before,
.revisions-bar ul li:after {
	background-image: url(rev-tabs.png);
}

.revisions-bar ul li a {
	color: #fff;
}

.revisions-bar ul li:hover a {
	text-shadow: 0 0 8px rgba(255,255,255,.59);
}

.revisions-bar ul li.selected a {
	color: #181818;
	text-shadow: 0 1px rgba(255,255,255,.58);
	cursor: default;
}

/* checkbox */

.checkbox {
	display: inline-block;
	cursor: pointer;
	position: relative;
	border: solid 2px #959595;
	border-radius: 2px;
	width: 16px;
	height: 16px;
}

.checkbox.disabled { cursor: default; }
.checkbox.disabled:after {width: 0;}

.checkbox:after {
	content: "";
	display: block;
	position: absolute;
	left: 2px;
	top: 2px;
	width: 12px;
	height: 12px;
	border-radius: 2px;
}

.checkbox:not(.disabled):not(.checked):hover {
	border-color: #505050;
}

.checkbox.checked { border-color: #23b5e7; }

.checkbox.checked:after {
	display: block;
	left: 1px;
	background: url(ticks.png) 0 0 no-repeat;
	width: 14px;
	height: 13px;
}

.checkbox.checked:not(.light):not(.invert):not(.disabled):hover:after {
	background: url(ticks.png) 0 -13px no-repeat;
}

.checkbox.invert:after {
	background: none;
}

.checkbox.hook.checked:after,
.checkbox.invert.checked:after {
	left: 1px;
	background: url(ticks.png) 0 0 no-repeat;
	width: 14px;
	height: 13px;
}

.checkbox.invert.checked:not(.disabled):hover:after {
	background-position: 0 -13px;
}

.checkbox.checked.hook:after {
	background-position: 0 -26px;
}

.checkbox.light {
	border: 0;
	margin: 1px auto;
	cursor: default;
}
.area-prices {
	margin: 12px 1px 12px 30px;
}
.ver2 .total {
	color: #000000;
}
.ver2 .hide{
	display: none;
}
.ver2 .center{
	text-align: center;
}
.ver2 .block-final.center{
	font-size: 16px;
	color: #e11a27;
	font-weight: 400;
}
.ver2 .block-final.center b{
	color: #e11a27;
	font-size: 22px;
	font-weight: 600;
}
.ver2 span.small{
	font-size: 16px;
}
.center-link{
	display: none;
}
.ver2 .center-link{
	display: block;
}
.ver2 .center-link a{
	font-size: 16px;
}

p[isFree="0"] .free{
	display: none;
}
p[isFree="1"] span{
	display: none;
}
p[isFree="1"] .free{
	display: inline-block;
}

.num{
	color:  #0aadd6;
}
.infowin .mtext h3 {
	font-weight: 600;
}

ul.vs_list > li {
	font: 15px/23px 'MyriadProSemibold';
	color:  #0aadd6;
}
ul.vs_list > li.active{
	color: #1a1a1a;
}

.vs_table_head .v1 {
    padding: 13px 0 10px 11px;
    font: 400 22px/22px "MyriadProRegular", "Trebuchet MS", Arial, Helvetica, sans-serif;
}

/*Фиьтры*/
.filter_toggle, .filter_reset, .show_more_patient_data {color: #0aadd6;}
.filter_toggle:hover, .filter_reset:hover, .show_more_patient_data:hover {color: #0894b7;}
.filter_block i:hover  {border-color: #505050;}
.filter_block i:active {border-color: #0096bc;}
.filter_block i.active {background: #dbf6ff; border-color: #0096bc; color: #4e4e4e;}
.filter_block i.active:hover {border-color: #0096bc;}

/*Окошко одобрение виртуального сетапа*/
.dp__popup.smpa__popup h3 {font: 26px 'MyriadProRegular', sans-serif; color: #464752; margin: 7px 0 0;}

/*Главная*/
.btn_round {background: linear-gradient(to bottom, #24bef3 0%, #1e9fcb 100%);}
.btn_round:hover {background: linear-gradient(to bottom, #25c3f9 0%, #1fa6d4 100%);}
.btn_round:active {background: linear-gradient(to bottom, #1e9eca 0%, #1b8db4 100%);}
.block.biz:hover {border-color: #0195bb;}
.edit_btn {font: normal 15px "PFDinTextProRegular", "Trebuchet MS", Arial, Helvetica, sans-serif;}
.npp-form__arrow {background: url("../../../img/icons/index/arrows.png") no-repeat; color: #23b5e7; font-family: 'PFDinTextProMediumRegular', sans-serif;}
.npp-form__help {background: url("../../../img/icons/index/info.png") no-repeat; display: none;}
.npp_sex.male.active:before {background: url("../../../img/icons/index/sex_male_active.png") no-repeat;}
.npp_sex.female.active:before {background: url("../../../img/icons/index/sex_female_active.png") no-repeat;}
.npp__btn.blue {background: #0aadd6;}
.npp__btn.blue:active {background: #0991b3;}
.npp__footer {}
.android-ics .dw-sel .dw-i {color: #19adc8;}
.android-ics .dw .dwwol {border-color: #1bbad7;}
.npp__radio.active i {background: #dbf6ff; border-color: #0096bc;}
.npp__create_and_make_order_container {background: #dbf6ff;}
@media screen and (max-width: 380px) {
	.npp__footer {background: #23b5e7;}
}
@media screen and (min-width: 381px) and (max-width: 480px) {
	.npp__footer {background: #23b5e7;}
}
@media screen and (min-width: 481px) and (max-width: 768px) {
	.npp__footer {background: #23b5e7;}
}
@media screen and (min-width: 769px) and (max-width: 992px) {
	.npp__footer {background: #23b5e7;}
}

/*План лечения*/
.clinic-preferences-block {font: normal 14px/17px 'PFDinTextProRegular', 'Trebuchet MS', Arial, Helvetica, sans-serif;}
.num_squares input[type=text] {font-family: 'PFDinTextProRegular', sans-serif;}
.cp_textarea, .cp_input {font-family: 'PFDinTextProRegular', 'Trebuchet MS', Arial, Helvetica, sans-serif; line-height: 19px;}

/*ОПЛАТА - PAYMENT*/
/*Шрифты*/
.pm__process h3 {font: 22px 'MyriadProSemiBold';}
.pm__info__block h3 {font: 22px 'PFDinTextProRegular';}
.pm__step__head {font: 15px 'MyriadProSemiBold';}
.pm__condition h3 {font: 22px/31px 'PFDinTextProRegular';}
.pm__condition__link {font: 15px 'MyriadProSemiBold', sans-serif;}
.pm__text {font: 14px/18px 'MyriadProRegular'; padding-top: 2px;}
.pm__text b {font-family: 'MyriadProSemiBold', sans-serif;}
/*Прочие стили*/
.pmc__checkbox.checked:before,
.pmc__checkbox.checked:hover:before,
.pmc__card.active:before,
.pmc__card.active:hover:before {background: url("../../../img/icons/payment/blue_skin/radio_active.png") no-repeat;}
.pm__condition__link {color: #23b5e7;}
.pm__condition__link:hover {color: #2779a8;}
.pmc__edit,
.pm__how-to-get,
.pm__details i {color: #23b5e7;}
.pmc__edit:hover,
.pm__how-to-get:hover,
.pm__details:hover i {color: #2779a8;}
.pm__details {border-color: #23b5e7;}
.pm__details:hover {border-color: #2779a8;}
/*Steps timeline*/ /*Состояния шагов*/
.pm__steps__line.p50:before,
.pm__steps__line.p100:before {background: #bde9f8;}
.pm__step__about.bold,
.pm__step__about.red {color: #e11a27;}
.pm__step.this:before         {background: rgba(35,181,231,.3);}
.pm__step.this:after          {background: #23b5e7;}
.pm__step.passed:after        {background: #bde9f8;}
.pm__step.passed:hover:after  {border-color: #23b5e7;}
.pm__step.passed.this:after   {background: #e11a27;}
.pm__step.passed.active:after {background: #23b5e7;}
/*Loading Bar*/
.pm__loading                  {background: #2779a8;}
/*END ОПЛАТА - PAYMENT*/