body {
  color: #000;
  font: 15px/1.4 Helvetica,sans-serif;
}
#content.only{
  width: 100%;
  box-sizing: border-box;
}
#loader{
  display:none;
  font-size: 3.5em;
  display: block;
  position: fixed;
  left: 200px;
  top: 100px;
}
.apishtraf abbr {
	cursor: help;
}
.wtext{
  font: 15px/1.4 Helvetica,sans-serif;
  font-size: 0.9em;
}

.wtitle{
  font: 15px/1.4 Helvetica,sans-serif;
  font-size: 1.2em;
  text-align: center;
}
.wspin{
  border: none !important;
  float: left !important;
  margin: 0 10px 0 0 !important;
  padding: 0 !important;
  height: auto !important;
  font-size: 3em;
}
.api .checkbox {
  display: none;
}
.api .checkbox-custom {
  position: relative;
  width: 25px;
  height: 25px;
  border: 2px solid #ccc;
  border-radius: 3px;
  cursor:pointer;
}
.api .checkbox-custom,
.api .label {
    display: inline-block;
    vertical-align: middle;
}
.api .checkbox:checked + .checkbox-custom::before {
    content: "\e802";
    font-family: 'FontAwesome';
	color: green;
    font-size: 16px;
    display: block;
    position: absolute;
    text-align: center;
	float:left;

    top: 2px;
    right: 2px;
    bottom: 2px;
    left: 2px;

    border-radius: 2px;
}
.api .checkbox:disabled + .checkbox-custom::before {
	cursor: not-allowed;
	color: #B9B9B9;
}
.api .checkbox + .checkbox-custom::before {
    content: "\e801";
    font-family: 'FontAwesome';
	color: #BA0000;
    font-size: 16px;
    display: block;
    position: absolute;
    text-align: center;
    float:left;

    top: 2px;
    right: 2px;
    bottom: 2px;
    left: 2px;

    border-radius: 2px;
}
.api #tblshtraf .checkbox-custom::before{
	margin-top:1px;
}
.api .mb5 {
	margin-bottom:5px;
}

.api ::-webkit-input-placeholder {color:#B7B7B7;}
.api ::-moz-placeholder          {color:#B7B7B7;}
.api :-moz-placeholder           {color:#B7B7B7;}
.api :-ms-input-placeholder      {color:#B7B7B7;}

.api input[type="text"]:disabled, .api input[type="email"]:disabled {
    background: #e9e9e9;
}
.api input[type="text"], .api input[type="email"], .api .uneditable-input {
	display:inline-block;
	padding:4px;
	font:14px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#000;
	border:1px solid #ccc;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius:3px;
	vertical-align: middle;
    height: 30px;
	padding-left: 5px;
}
.api input[type="text"], .api input[type="email"] {
	-webkit-transition:border linear 0.2s,box-shadow linear 0.2s;
	-moz-transition:border linear 0.2s,box-shadow linear 0.2s;
	-ms-transition:border linear 0.2s,box-shadow linear 0.2s;
	-o-transition:border linear 0.2s,box-shadow linear 0.2s;

	-webkit-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1);
	-moz-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1);
	-o-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1);
	box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1);
}
.api input[type="text"]:focus, .api input[type="email"]:focus {
	outline:0;
	border-color:rgba(82, 168, 236, 0.8);
	-webkit-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1),0 0 8px rgba(82, 168, 236, 0.6);
	-moz-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1),0 0 8px rgba(82, 168, 236, 0.6);
    -o-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1),0 0 8px rgba(82, 168, 236, 0.6);
	box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1),0 0 8px rgba(82, 168, 236, 0.6);
}
.api input[type="text"].inperror, .api input[type="email"].inperror {
	outline:0;
	border-color:rgba(255, 28, 111, 0.8);
	-webkit-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1),0 0 8px rgba(255, 28, 111, 0.6);
	-moz-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1),0 0 8px rgba(255, 28, 111, 0.6);
    -o-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1),0 0 8px rgba(255, 28, 111, 0.6);
	box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1),0 0 8px rgba(255, 28, 111, 0.6);
}
.api a {
	color: #006699;
	text-decoration: underline;
}
.api a:hover {
	color: #ff0000;
}
.api #paystbl {
	text-align: center;
	width: 100%;
}
.api #paystbl th {
	background-color: #333333;
	color: #fff;
	padding: 5px;
}
.api #paystbl td {
	background-color: #dcdcdc;
	border-bottom: 1px solid #333333;
	padding: 5px;
	vertical-align: middle;
}
.api #paystbl abbr {
	color: #0000cc;
}
.api .tblclient {
	background: #f4f4f4 none repeat scroll 0 0;
	box-sizing: border-box;
	padding: 20px;
}
.api #tblclient td:nth-child(2) {
	padding-left: 10px;
}
.api .tblclient__ur {
	margin-bottom: 20px;
}
.api .tblclient__ur a {
	color: #ff0000;
	text-decoration: none;
}
.api .tblclient__ur a:hover {
	text-decoration: underline;
}
.api .tblclient .tblclient-plat {
	border: 1px solid #d5d9d6;
	box-sizing: border-box;
	margin-bottom: 20px;
	padding: 10px;
}
.api .tblclient .tblclient-plat__title {
	font-size: 1em;
	font-weight: bold;
	margin: 10px auto;
}
.api .tblclient .tblclient-plat__title span {
	display: block;
	font-size: 11px;
	font-weight: normal;
}
.api .tblclient .tblclient-plat img {
	border: none !important;
	float: right !important;
	margin: 0 !important;
    margin: 0 15px 0 0;
}
.api .img-ps {
  background-image: url(../i/sprite.png);
  background-position: 0px -1163px;
  width: 160px;
  height: 67px;
}
.api .tblclient .tblclient-pay {
	border: 1px solid #d5d9d6;
	margin-bottom: 15px;
	padding: 10px;
}
.api .tblclient #tblclient input[type="text"], .api .tblclient #tblclient input[type="email"] {
	height: 30px;
	padding-left: 5px;
	width: 250px;
}
.api .tblclient #tblclient input[type="text"]:focus, .api .tblclient #tblclient input[type="email"]:focus {
	outline: medium none;
}
.api #tblclient tr {
	height: 3em;
}
.api .tabs-controll, .api .tabs-content {
	font: 14px normal,Arial;
}
.api .tabs-controll {
	white-space: nowrap;
}
.api .tabs-controll__item {
	background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #fbfbfb 0%, #cfcfcf 100%) repeat scroll 0 0;
	border-left: 1px solid #d5d9d6;
	border-top: 1px solid #d5d9d6;
	color: #2c2c2c;
	display: inline-block;
	font-size: 12px;
	line-height: 34px;
	margin-bottom: 5px;
	margin-right: -5px;
	padding: 0 10px;
	vertical-align: top;
}
.api .tabs-controll__item:last-child {
	border-right: 1px solid #d5d9d6;
}
.api .tabs-controll__item:hover {
	background: rgba(0, 0, 0, 0) linear-gradient(to top, #fbfbfb 0%, #cfcfcf 100%) repeat scroll 0 0;
	box-shadow: none;
	cursor: pointer;
}
.api .tabs-controll__item.active {
	background: rgba(0, 0, 0, 0) linear-gradient(to top, #000000 0%, #666666 100%) repeat scroll 0 0;
	border-color: transparent;
	box-shadow: none;
	color: #fff;
}
.api .tabs-content {
	background-color: #f4f4f4;
	border: 1px solid #d5d9d6;
	margin-top: -5px;
	padding: 20px;
	position: relative;
}
.api .tabs-content .clr {
	clear: both;
	height: 1.5em;
}
.api .tabs-content button {
	font-size: 1em;
}
.api .tabs-content__item {
	opacity: 0;
	position: absolute;
	visibility: hidden;
}
.api .tabs-content__item.active {
	opacity: 1;
	position: relative;
	visibility: visible;
}
.api .tabs-content__item label {
	color: #636363;
	display: inline-block;
}
.api .tabs-content__item input {
	line-height: 30px;
	padding-left: 5px;
	width: 225px;
}
.api .tabs-content__item input:focus {
	outline: medium none;
}
.api .dopinfo {
	color: #737373;
	display: inline-block;
	font-size: 12px;
	vertical-align: -6px;
	width: 270px;
}
.api .err {
	color: #ff0000;
	display: block;
    font-style: italic;
    margin: 5px 0 5px 0;
}
.api .ok {
    color: green;
	display: block;
    font-style: italic;
    margin: 5px 0 5px 0;
}
.api .tooltip {
	cursor: help;
	position: relative;
	z-index: 0;
}
.api .tooltip:hover{
	background-color: transparent;
	z-index: 50;
}
.api .tooltip span{
	position: absolute;
	background-color: transparent;
	padding: 0;
	left: -999em;
	visibility: hidden;
	text-decoration: none;
}
.api a.hint {
	border: 1px solid #939393;
	border-radius: 50%;
	color: #939393;
	font: 14px normal,Arial;
	height: 10px;
	margin: 0 10px 0 5px;
	padding: 3px 7px;
	text-align: center;
	text-decoration: none;
	width: 10px;
}
.api a.hint:hover, .api a.hint:active {
	text-decoration: none;
	color: #939393;
}
.api .hint:hover span.imghint {
	visibility: visible;
	top: -100px;
	left: 30px;
}
.api .imghint > img {
	border: none !important;
    border-radius: 10px;
  	background-image: url(../i/sprite.png);
    background-repeat: no-repeat;
	display: inline-block;
}
.api .img-vu {
  background-position: 0px -225px;
  width: 300px;
  height: 188px;
}
.api .img-sts {
  background-position: 0px -937px;
  width: 156px;
  height: 226px;
}
.api .img-uin {
  background-position: 0px 0px;
  width: 300px;
  height: 225px;
}
.api .img-inn {
  background-position: 0px -654px;
  width: 200px;
  height: 283px;
}
.api .img-naldoc {
  background-position: 0px -559px;
  width: 200px;
  height: 95px;
}
.api .img-snils {
  background-position: 0px -413px;
  width: 216px;
  height: 146px;
}
.api a.uinlink, .api a.uinlink:hover, .api a.uinlink:active {
	border-bottom: 1px dotted #0000CC;
	color: #0000CC;
	text-decoration: none;
}
.api .uinlink:hover span.moreinfo {
	visibility: visible;
	top: 2em;
	left: -130px;
}
.api .tooltip .moreinfo {
	background-color: #ffffaa;
	border: 1px solid #ffad33;
	color: #333333;
	display: block;
	font-size: 12px;
	padding: 10px;
	width: 300px;
	border-radius: 5px 5px;
	box-shadow: -5px 5px 5px rgba(0, 0, 0, 0.1);
    text-align: left;
}
.api .hint:hover span.rightinfo,
.api .hint:hover span.sinfo,
.api .hint:hover span.sinfo2,
.api .hint:hover span.sinfo3 {
	visibility: visible;
	top: -95px;
	left: -30px;
}
.api .hint:hover span.sinfo3 {
	left: -130px;
}
.api .tooltip .rightinfo,
.api .tooltip .sinfo,
.api .tooltip .sinfo2,
.api .tooltip .sinfo3 {
	background-color: #ffffaa;
	border: 1px solid #ffad33;
	color: #333333;
	display: block;
	font-size: 12px;
	padding: 10px;
	text-align: left;
	width: 335px;
	border-radius: 5px 5px;
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
}
.api p {
	margin: 15px 0;
	text-align: left;
}
.api button {
	display: inline-block;
	padding: 6px 12px;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
    	touch-action: manipulation;
	cursor: pointer;
  	-webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  	background-image: none;
  	border-radius: 4px;

	width: 180px;
	margin-bottom: 13px;
    border: 2px solid #ccc;

    box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.3);
	-o-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.3);

	background-image: -webkit-linear-gradient(top, #ffffff 0%, #e0e0e0 100%);
  	background-image: -o-linear-gradient(top, #ffffff 0%, #e0e0e0 100%);
  	background-image: linear-gradient(to bottom, #ffffff 0%, #e0e0e0 100%);
  	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0);
  	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  	background-repeat: repeat-x;

    text-shadow: 0 1px 0 #fff;
}
.api button:focus,
.api button:active:focus,
.api button.active:focus,
.api button.focus,
.api button:active.focus,
.api button.active.focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.api button:hover,
.api button:focus,
.api button.focus {
  color: #333;
  text-decoration: none;
}
.api button:active,
.api button.active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}
.api button.disabled,
.api button[disabled],
.api fieldset[disabled] button {
  pointer-events: none;
  cursor: not-allowed;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
          box-shadow: none;
  opacity: .65;
}

.api .invisible {
	display: none;
}

@media screen and (max-width: 630px) {
	.api {
		overflow: hidden;
	}
	.api .tabs {
		text-align: center;
	}
	.hint:hover span.imghint {
		left: -140px;
	}
	.imghint > img {
		height: auto;
	}
	.api .hint:hover span.imghint {
		left: -200px;
	}
	.api .hint:hover span.sinfo3 {
		top: -160px;
        left: -300px;
	}
}
@media screen and (max-width: 460px) {
	.api p {
		font-size: 12px;
	}
	.api .tooltip .moreinfo {
		width: 250px;
	}
	.api #paystbl th:last-child, .api #paystbl td:last-child {
		display: none;
	}
	.api .hint:hover span.sinfo {
    	left: -30px;
	}
	.api .hint:hover span.sinfo2 {
    	left: -100px;
        top: -100px;
	}
	.api .tooltip .sinfo,
	.api .tooltip .sinfo2,
    .api .tooltip .sinfo3 {
		width: 200px;
	}
	.api .hint:hover span.sinfo3 {
		top: -160px;
        left: -80px;
	}
	.api .tooltip .rightinfo {
		width: 200px;
	}
	.api .hint:hover span.rightinfo {
  		left: 50px;
	}
	.api .tblclient #tblclient input[type="text"], .api .tblclient #tblclient input[type="email"] {
        width: 100%;
	}
	.api .hint:hover span.imghint {
		left: -200px;
	}
}
.api .ucase{
  text-transform: uppercase;
}
.api .lcase{
  text-transform: lowercase;
}
.api .zinfo-box{
  border: 1px solid #d5d9d6;
  margin-bottom: 15px;
  padding: 10px;
  display: block;
  font-style: italic;
  margin: 5px 0;
}
.api .mt15{
	margin-top: 15px;
}
#tblshtraf {
  margin: 25px 0;
}