@charset "utf-8";
html, body{
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	min-width: 1004px !important;
}
body{
	min-width: 1004px !important;
	width: 100%;
	font-family: 'PT Sans', sans-serif, 'Helvetica';
	font-size: 14px;
	/*background:#012d3e;*/
	background:#e7e7e5;
}

	header {
		background:#e7e7e5;
	}
	.header{
		height: 72px;
	}
		.header > .wrapper{
			height: 100%;
			margin: 0 auto;
			padding: 0 22px;
		}
			.header > .wrapper > .logo{
				float: left;
				width: 129px;
				height: 72px;
				background: url(/images/payment_logo.png);
			}

			.menu{
				float: left;
				padding: 0;
				margin: 15px 0 0 13px;
				list-style: none;
			}

			.menu li{
				float: left;
				padding: 0;
				margin: 0 0 0 32px;
				border: 1px solid transparent;
				border-radius: 3px;
				list-style: none;
			 }
			.menu li > a{
				float: left;
				padding: 11px 13px;
				color: #1e2227;
				font-weight: bold;
				text-transform: uppercase;
				text-decoration: none;
			}
			.menu li:hover,
			.menu li:active,
			.menu li.active{
				color: #357ebd;
				border: 1px solid #1e2227;
			}
			.header > .wrapper > .authmenu {
				float:right;
				margin:15px 0 0 0;

			}
			.header > .wrapper > .authmenu a {
				margin:4px  0 0 6px;
				font-weight: bold;
				text-transform: uppercase;
				text-decoration: none;
			}
			.signup {
				background:#51aacc;
				color:#fff;
				border-bottom:2px solid #3d7f99;
			}
			.signin {
				background:#04374b;
				color:#fff;
				border-bottom:2px solid #032938;
			}
			.signup:hover {
				background:#51aacc;
				color:#fff;
				border-top:2px solid #3d7f99;
				border-bottom:none;
			}
			.signin:hover {
				background:#04374b;
				color:#fff;
				border-top:2px solid #032030;
				border-bottom:none;
			}
			.header > .wrapper > .project-of{
				float: right;
				margin: 11px 0 0 0;
				width:140px;
			}
			.header > .wrapper > .project-of > .label{
				font-size: 14px;
				float: right;
				color: #b9cee0;
				margin: 0 0 0 -1px;
			}
			.header > .wrapper > .project-of > .project-of-logo{
				width: 131px;
				height: 19px;
				float: right;
				margin: -1px 0 0 0;
				background-image: url(/images/logo-rp-header.png);
			}

	.content{
		width: 980px;
		margin: 0 auto;
		padding: 0 22px;
	}
.breadcrumb {
	padding: 0 0 5px 0px;
	margin-bottom: 20px;
	list-style: none;
	background: none;
	border-radius: 4px;
	font-size: 11px;
	border-bottom: 1px solid #f2f2f2;
}
.modal-auth {
	width:270px;
}
.modal-title {
	font-weight: bold;
	text-transform: uppercase;
}
.modal-title .span {

}
.modal-header {
	border-bottom:none;
}
.modal-body {
	padding:0 20px;
}
.modal-title img {
	margin-top:-5px;
	margin-right:10px;
}
.landing {
	background-image: url(/images/bg-landing2.jpg);
	background-position:top center;
	background-size: cover;
    background-repeat: no-repeat;
	min-height:500px;
}

.landing-right #reg-number-pic {
	background:url(/images/road_sign_noborder.png) no-repeat;
	width:302px;
	height: 72px;
	/*margin: 0 15px 0 15px;*/
	padding:10px 0 0 15px!important;
}
.modal #reg-number-pic {
	background:url(/images/road_sign_noborder.png) no-repeat;
	width:302px;
	height: 72px;
	margin: 0 15px 0 15px;
	padding:10px 0 0 15px!important;
}
.landing-right {
	text-align: center;
}
.landing-right #fines-form .form-group.row {
	width:302px;
	margin:0 auto;
	margin-bottom: 15px;
}
.landing-right #fines-form .form-group.row .col-md-11 {
	padding:0;
}
#reg-number-auto {
	/*background:url(/images/road_sign.png) no-repeat;*/
	background:none;
	font-size:38px;
	line-height:58px;
	height:58px;
	width: 160px;
	padding: 10px 0px 10px 0px;
	border:none;
	text-transform: uppercase;
	float:left;
	margin:0 0 0 25px;
	box-sizing: none;
}
input#reg-number-auto.form-control:focus {
	border:none!important;
	box-shadow:none;
}
#reg-number-region {
	/*background:url(/images/road_sign.png) no-repeat top right;*/
	background:none;
	font-size:24px;
	line-height: 34px;
	width: 75px;
	height: 34px;
	padding: 0px 0px 0px 28px;
	border:none;
	text-transform: uppercase;
	float: left;
}
input#reg-number-region.form-control:focus {
	border:none!important;
	box-shadow:none;
}
#number-for-reg {
	background:url(/images/number_sts.png) no-repeat;
	box-shadow: none;
	border:none;
	width:313px;
	height:85px;
	margin-left: -6px;
	padding: 35px 10px 10px 36px;
	text-transform: uppercase;
	font-size: 25px;
}
.button-check {
	background:#ca402d;
	color:#fff;
	border-bottom:2px solid #973022;
	font-size:24px;
	width:300px;
}

.subscribes {
	background:#04374b;
	color:#e1eef3;
	min-height:108px;
}
footer {
	background:#012d3e;
	color:#e1eef3;
}
.iphone_sub {
	display:block;
	width:321px;
	height:240px;
	position: absolute;
	right: 550px;
	bottom: 0px;
	background:url(/images/bg_iphone_subscribe.png) no-repeat right top;
}
footer .row {
	margin-top:30px;
	margin-bottom:25px;
}
footer p {
	color:#fff;
}
footer a {
	color:#51aacc;
}
footer a:hover {
	color:#51aacc;
}
footer img.logo-rphone {
	margin: -8px 0 0 2px;
}
.pdd-link {
	/*background-image:url(http://reactivephone.ru/img/rupdd-icon.svg);
	padding:2px 0 10px 25px;
	line-height: 20px;
	line-height: 20px;
	width:20px;
	height:20px;*/

}
.subscribes-form {
	margin:45px 0;
	font-family: 'PT Sans', sans-serif, 'Helvetica';
}
.subscribes-form .title {
	line-height: 16px;
	font-size:16px;
}
.subscribes-form .help-block {
	font-style:italic;
	color:#93a4ab;
	margin-bottom: 20px;
}
.subscribes-form #message {
	margin:-8px 0;
}
.subscribes-form #message h2{
	margin:0;
}
.send {
	background:#fbc746;
	color:#012d3e;
	border-bottom:2px solid #bc9534;
	font-weight:bold;
	font-size:16px;
}
input#email {
	font-size:16px;
	border-radius: 2px;
	height: 36px;
}
.send:hover {
	background:#fbc746;
	color:#012d3e;
	border-top:2px solid #bc9534;
	border-bottom:none;
}
.error {
    /*background: #ca402d;*/
	/*color:#fff;*/
	/*border-color: #a94442;*/
    /*-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);*/
    /*box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)*/
}
.error:focus {
    border-color: #843534;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483
}
.features-payment{
	height: 94px;
	color: #808080;
	background-image: -webkit-linear-gradient(top, #7E7E7E, #C2C2C2 15%, #fff);
}
.features-payment .footer-card-label{
	font-size: 15px;
	font-size: 15.5px;
	margin: 13px 0 0 0;
}
.features-payment .footer-payonline-logo{
	width: 140px;
	margin: 16px 0 10px 0;
	float: left;
}
.features-payment .footer-payonline-label{
	width: 190px;
	font-size: 14px;
	margin: 27px 0 0 76px;
	line-height: 22px;
}

ul.menu-vertical{
	margin:0 0 30px 5px;
	padding:0;
}
ul.menu-vertical li.active{
	font-weight: 700;
}
ul.menu-vertical li{
	list-style: none;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: bold;
	margin:20px 0;
}

ul.menu-vertical li a{
	color:#000;
	display: block;
	line-height: 24px;
	padding-left: 30px;
}

ul.menu-vertical li a.icon-auto{
	background: url(/images/icon-auto.png) no-repeat top left;
}
ul.menu-vertical li a.icon-history{
	background: url(/images/icon-history.png) no-repeat top left;
}
ul.menu-vertical li a.icon-profile{
	background: url(/images/icon-profile.png) no-repeat top left;
}
ul.menu-vertical li a.icon-help{
	background: url(/images/icon-help.png) no-repeat top left;
}
ul.menu-vertical li a.icon-send_error{
	background: url(/images/icon-send_error.png) no-repeat top left;
}
ul.menu-vertical li a.icon-logout{
	background: url(/images/icon-logout.png) no-repeat top left;
}

.work-container {
	background: #fff;
}
@media (max-width: 1023px){
	.container{
		width: 970px !important;
		max-width: none !important;
	}
}
@media (max-width: 1023px){
	.landing .container{
		width: 970px !important;
		max-width: none !important;
	}
}
.work-container > p {
	margin:10px 0;
	font-size: 16px;
	font-weight: normal;
}
.work-container .sidebar {
	background: #ebf0f2;
}
.work-container .sidebar > h3.user_profile_title {
	text-transform: uppercase;
	background:url(/images/icon_profile.png) no-repeat left top;
	line-height: 37px;
	padding-left: 45px;
	font-size: 24px;
	font-weight: bold;
	color:#1b1d2d;
}
.work-container .sidebar > h3.user_profile_title a {
	color:#1b1d2d;
	text-decoration: none;
}
.main-right {
	padding:15px 0;
}
.main-right .panel-left {
	text-align: center;
}
.main-right .panel-left h4 {
	margin-top: 90px;
	margin-bottom: 30px;
}
.main-right .panel-left div {
	margin:30px 0;
	font-size: 18px;
}
.main-right .panel-left div i{
	font-size: 24px;
}
.main-right .panel-right {
	text-align: center;
}
.main-right .panel-right ul.nav-tabs {
	width: 300px;
	margin: 0 auto;
	font-size: 18px;
}
.main-right .panel-right form{
	width: 300px;
	margin: 0 auto;
}
.main-right .panel-right .tab-content {
	padding:10px 0;
}


ul.menu-vertical li.active a{
	color:#51aacc;
	text-decoration: underline;

}
table.ts-table tr>td {
	border-top: 1px solid #f2f2f2!important;
}
table.ts-table>tbody>tr:hover>td {
	background-color: #f2f2f2;
}

div.history .ts-number a{
	color:#1b1d2d;
	text-decoration: none;
	padding-left: 10px;
}
div.history table.table{
	margin-top:-10px;
	margin-left: 10px;
}
div.history table.table .status {
	color:#50af17;
	font-weight: 700;
}
div.history .message {
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	margin-top:120px;
}
.ts-number a{
	color:#1b1d2d;
	text-decoration: none;
	padding-left: 10px;
}
.doc-number {
	background: url('/images/bg-number.png') no-repeat top left;
	width:183px;
	height: 38px;
	margin-left: 10px;
}
.number-first {
	line-height: 24px;
	font-weight: 700;
	font-size: 24px;
	margin: 9px 0 0 16px;
	float: left;
}
.number-region {
	line-height: 30px;
	font-weight: 700;
	font-size: 20px;
	margin: 0 15px 0 0;
	float: right;
}
.ts-number .tooltip {
	left: 210px!important;
	margin-top:9px;
}
.tooltip.right .tooltip-arrow {
	border-right-color: #51aacc!important;
}
.tooltip.top .tooltip-arrow {
	border-top-color: #51aacc!important;
}
.tooltip-inner {
	background-color: #51aacc!important;
	font-size: 14px;
}
.ts-action .tooltip {
	margin-left: 10px;
	margin-top: -4px;
}
.ts-count {
	font-size: 20px;
	font-weight: 700;
	line-height: 66px;
}
.ts-count span {
	font-weight: normal;
}
.ts-amount {
	font-size: 20px;
	font-weight: 700;
	line-height: 66px;
}
.ts-amount img {
	margin-top: -6px;
}
.ts-action {
	line-height: 66px;
}
.ts-action img {
	margin:0 0 0 20px;
}
.btn-addnumber {
	background: #51aacc;
	color: #fff;
	border-bottom: 2px solid #3d7f99;
	font-weight: 300;
	font-size: 20px;
}
.btn-addnumber:hover {
	background: #51aacc;
	color: #fff;
	border-top: 2px solid #3d7f99;
	border-bottom: none;
}
.btn-adddoc {
	background: #51aacc;
	color: #fff;
	border-bottom: 2px solid #3d7f99;
	font-weight: 300;
	font-size: 20px;
}
.btn-medium{
	background: #51aacc;
	color: #fff;
	border-bottom: 2px solid #3d7f99;
	font-weight: 300;
	font-size: 18px;
	height: 43px;
}
.btn-blue-mini {
	background: #51aacc;
	color: #fff;
	border-bottom: 2px solid #3d7f99;
	font-weight: 300;
	font-size: 14px;
	padding:2px 5px;
}
.btn-blue-disable {
	cursor: not-allowed;
	opacity: 0.65;
	box-shadow: none;
}

.btn-adddoc:hover {
	background: #51aacc;
	color: #fff;
	border-top: 2px solid #3d7f99;
	border-bottom: none;
}
.btn-medium:hover {
	background: #51aacc;
	color: #fff;
	border-top: 2px solid #3d7f99;
	border-bottom: none;
}
.btn-blue-mini:hover {
	background: #51aacc;
	color: #fff;
	border-top: 2px solid #3d7f99;
	border-bottom: none;
}

.add-edit-doc {
	padding:15px;
}

.add-edit-doc .form-group {
	width: 370px;
}
.add-edit-doc .form-group label.error {
    background: none!important;
	color:#000;
	border:0;
    -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, .075);
    box-shadow: inset 0 0px 0px rgba(0, 0, 0, .075)
}
label span.required {
	color:#ca402d;
}
.add-edit-doc .form-group input {
   	border-radius: 0px;
}
.add-edit-doc .form-group input#Documents_name {
	text-transform: none;
}
.add-edit-doc .form-group input.error {
    background: #fff!important;
	color:#000;
	border:1px solid #ca402d;
}

.add-edit-doc .form-group .tooltip {
	width:100%;
}
.add-edit-doc .form-group .tooltip.right .tooltip-arrow {
	border-right-color: #ca402d!important;
}
.add-edit-doc .form-group .tooltip-inner {
	background-color: #ca402d!important;
	font-size: 12px;
	max-width: 300px!important;
}

#profile-form .form-group input{
	border-radius: 0;
	font-size: 18px;
	margin: 0;
	padding: 0 8px
}
#profile-form .checkbox{
	margin-top:0px;
}
#profile-form .form-group input.form-control:-moz-placeholder {
    color: #aeaeae;
}

#profile-form .form-group input.form-control::-moz-placeholder {
    color: #aeaeae;
    opacity: 1
}

#profile-form .form-group input.form-control:-ms-input-placeholder {
    color: #aeaeae;
}

#profile-form .form-group input.form-control::-webkit-input-placeholder {
    color: #aeaeae;
}

table.table-fines tr td{
	vertical-align: top;
}
table.table-fines tr td:first-child{
	padding: 9px 8px 7px 8px;
}
.amount_total td {
	font-size: 18px;
}

.table-payment-fine {
	margin-top:20px;
	font-size: 18px;
}
.table-payment-fine tr td{
	line-height: 30px!important;
}
.table-payment-fine tr td:first-child{
	color:#96989a;
	width:220px;
}
.greenstatus {
	color:green;
	font-weight: 700;
	min-width: 100px;
}
.paid-till{
	display: block;
	margin-top: 3px;
	font-size: 13px;
}

.well {

}

#empty {
	background-image: url(/images/bg-landing.jpg);
	background-position:center center;
	background-size: cover;
    background-repeat: no-repeat;
    height: 100%;
}
#empty > .login {
	margin-top: -333px;
}
@media (min-height:1000px) {
	#empty > .login
	{
		margin-top: -333px!important;
	}
}
@media (min-height:800px) {
	#empty > .login
	{
		margin-top: -333px!important;
	}
}
@media (min-height:500px) {
	#empty > .login
	{
		margin-top: -233px!important;
	}
}
@media (min-height:300px) {
	#empty > .login
	{
		margin-top: -150px;
	}
}
@media (min-height:200px) {
	#empty > .login
	{
		margin-top: -100px;
	}
}
#empty > .login {
	position: absolute;
	width:450px;
	left:50%;
	top:50%;
	margin-left: -225px;
	text-align: center;
	background: #fff;
	border:1px solid #000;
	border-radius: 10px;
}

#empty > .login > .login-header h3{
	margin-top:0;
}
#empty > .login div.alert.alert-danger ul{
	list-style: none;
	margin:0;
	padding: 0;
}
#empty > .login > .form form#login-form label,
#empty > .login > .form form#user-register-form label,
#empty > .login > .form form#user-recovery-form label{
	width:100%;
	text-align: left;
}
#empty > .login > .form form#user-register-form label{
	margin-top: 10px;
}
#empty > .login > .form form#login-form .form-group,
#empty > .login > .form form#user-register-form .form-group{
}

#empty > .login > .form form#login-form .form-group input,
#empty > .login > .form form#user-register-form input,
#empty > .login > .form form#user-recovery-form input{
	font-size: 22px;
	line-height: 22px;
	height: 43px;
}
#empty > .login > .form form#user-register-form .form-group .checkbox-group input {
	height: 14px;
}
#empty > .login > .form form#login-form .form-group.captha label.error,
#empty > .login > .form form#user-register-form label.error,
#empty > .login > .form form#user-recovery-form label.error{
	background: none;
	color:#000;
	border:0;
    -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, .075);
    box-shadow: inset 0 0px 0px rgba(0, 0, 0, .075)
}
#empty > .login > .form form#login-form .form-group.captha input.error,
#empty > .login > .form form#user-register-form input.error,
#empty > .login > .form form#user-recovery-form input.error{
	background: none;
	color:#000;
	border-color:#a94442;
}
#empty > .login > .form form#login-form .forgot-pass,
#empty > .login > .form form#user-register-form .sign-in,
#empty > .login > .form form#user-recovery-form .forgot-link {
	margin:10px 0;
	text-align: right;
}
.panel-group .panel {
	border-radius: 0px;
}
.panel{
	margin-bottom:20px;
	background-color:#fff;
	border:0px;
	border-radius:0px;
	-webkit-box-shadow:0 0px 0px rgba(0,0,0,.05);
	box-shadow:0 0px 0px rgba(0,0,0,.05)
}
.panel > h4.collapsed {
	background: #fff;
	border-left:0px;
	border-right:0px;
}
.panel > h4 {
	display: block;
	background: #edf6fa;
	line-height: 35px;
	padding:20px 30px;
	margin:0;
	font-size: 20px;
	cursor: pointer;
	border:1px solid #d9d9d9;
	border-bottom: 0px;
}
img.status {
	float: left;
	margin-top: 8px;
	margin-right: 10px;
}
.panel-group .panel+.panel {
	margin-top:-1px;
}
.collapsing, .collapse, .collapse.in {
	background: #edf6fa;
	padding:0 30px 20px 30px;
	border:1px solid #d9d9d9;
	border-top:0px;
}
.panel-group {
	margin-bottom: 0px;
	border-bottom:1px solid #d9d9d9;
}

.clear{
	clear: both;
}

.fines-message{
	padding: 18px 18px 18px 140px;
	border: 1px solid #e6e6e6;
	border-radius: 8px;
	margin: 25px 0 25px 0;
}
.fines-message.fines-error{
	background-color: #faecea;
}
	.fines-message-icon{
		margin: 0 0 0 -122px;
		float: left;
		width: 100px;
		height: 100px;
		background-position: center center;
		background-repeat: no-repeat;
	}
	.fines-message-icon.no-fines{
		 background-image: url('/images/ay-maladec-da.png');
	}
	.fines-message-icon.wait{
		background-image: url('/images/fines-message-clock.png');
	}
	.fines-message-icon.gear{
		background-image: url('/images/fines-message-gear.png');
	}

	.fines-message-header{
		font-size: 24px;
		font-weight: bold;
	}
	.fines-message-text{
		font-size: 18px;
	}
section.media {
	margin:30px 0;
}
.media p{
	font-size: 18px;
}
.media-object.pull-left {
	margin-right: 35px;
}

.check-box{
	width: 18px;
	height: 18px;
	border: 2px solid #60b8d6;
	border-radius: 3px;
	color: #60b8d6;
	box-shadow: inset 1px 1px 2px #ddd;
	margin: 1px 0 0 0;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.fines-table .item.payed .check-box{
	border-color: #eee;
	box-shadow: inset 1px 1px 2px #eee;
}
.check-box.checked{}
	.check-box .glyphicon{
		display: none;
		font-size: 11px;
		margin: 0 0 0 1px;
	}
	.item.active .check-box .glyphicon,
	.check-box.checked .glyphicon{
		display: block;
	}
	.item.active .check-box:hover .glyphicon,
	.check-box.checked:hover .glyphicon{
		color: #60b8d6;
	}

.question{
	position: relative;
	display: inline-block;
	height: 14px;
	width: 14px;
	border: 1px solid;
	border-radius: 17px;
	box-sizing: border-box;
	margin: 0 0 -3.5px 0;
	cursor: pointer;
}
.question:after{
	position: absolute;
	top: 6px;
	left: 3px;
	content: "?";
	line-height: 0;
	font-style: normal;
	font-size: 12px;
}
.question:hover{
	background-color: white;
}

.fines-table tbody td{
	vertical-align: middle;
}
.fines-table .select-button{
	width: 68px;
	background-color: #51aacc;
	color: #fff;
	border-bottom: 2px solid #3d7f99;
	font-weight: 300;
	font-size: 14px;
	padding:2px 5px;
}
.fines-table .item.payed .select-button{
	display: none;
}
/*.fines-table .item:hover:not(.active) .select-button:not(.active),*/
/*.fines-table .select-button:hover:not(.active){
	background-color: #51aacc;
	color: #fff;
	border-top: 2px solid #3d7f99;
	border-bottom: none;
}
.fines-table .item.active .select-button,
.fines-table .select-button.active{
	background-color: #4486A0;
}*/
.fines-table .select-button:after{
	content: "Оплатить";
}
/*.fines-table .item.active .select-button:after,
.fines-table .select-button.active:after{
	content: "Выбран";
}*/
.fines-table .item.payed .paid-till{
	display: none;
}
.fines-table .item .expired-text{
	display: none;
	color: red;
}
.fines-table .item .expired-text .popover{
	max-width: 350px;
	color: #333;
}
.fines-table .item .paid-till-date{
	margin-left: 4px;
}
.fines-table .item.expired .paid-till-date{
	color: red;
}
.fines-table .item.expired .expired-text{
	display: inline;
}
.fines-table .checked-sum{
	float: right;
	margin-top: 8px;
}
.payment-button{
	width: 220px;
	font-weight: 300;
	font-size: 14px;
}

.payment-wrapper{
	max-width: 600px;
	min-width: 320px;
}
.underline{
	text-decoration: underline;
}

.safety-block{
	background-color: white;
	margin: 0 -15px 0 -15px;
	padding: 20px 0;
}
	.safety{
		background-image: url(/images/pic_3dsecure.png);
		display: block;
		width: 45px;
		height: 50px;
		float: left;
		margin: 5px 12px 0 -2px;
	}

.landing{
	;
}
	.landing .iphone{
		width: 168px;
		float: left;
		margin: 20px 20px 0 0;
	}
	.landing .app-name{
		color: #000;
		float: left;
		margin: 50px 0 0 20px;
		font-weight: bold;
	}
@media (max-width: 1199px){
	.landing .app-name{
		margin: 47px 0 10px 25px;
		font-size: 20px;
		width: 250px;
	}
}
	.landing .desc{
		background: rgba(255,255,255,0.95);
		color: #000;
		margin: 150px 0 0 200px;
		padding: 20px;
		border-radius: 10px;
	}
@media (max-width: 1199px){
	.landing .desc{
		background: rgba(255,255,255,0.95);
		color: #000;
		margin: 150px -20px 0 190px;
		padding: 20px;
		border-radius: 10px;
		font-size: 12px;
	}
}
	.landing .appstore-link{
		background:url('/images/ios-big.svg');
		background-size: 100% 100%;
		float: left;
		width: 80px;
		height: 12px;
		padding: 61px 0 0 0;
		margin: 13px 20px 50px 0;
		font-size: 16px;
		font-weight: bold;
		text-align: center;
		color: #000;
		text-decoration: none;
		background-repeat: no-repeat;
		background-position: top center;
	}
@media (max-width: 1199px){
	.landing .appstore-link{
		width: 55px;
		padding: 60px 0 0 0;
		margin: 2px 16px 30px 0;
	}
}

.landing .main-fines-form-header{
	font-size: 22px;
	font-size: 22.5px;
	color: #ccc;
	margin: 5px 0 15px 0;
}
@media (max-width: 1199px){
	.landing .main-fines-form-header{
		font-size: 22px;
	}
}
header{
	position: relative;
	z-index: 2;
}
.work-container,
.landing{
	min-height: 100%;
	padding-top: 72px;
	padding-bottom: 239px;
	margin-top: -72px;
	position: relative;
	z-index: auto;
}
footer{
	margin-top: -239px;
}
footer,
.features-payment{
	position: relative;
}
.features-payment{
	background-color: white;
}

.dotted{
	text-decoration: none;
	border: none;
	border-bottom: 1px dotted;
}
.dotted:hover,
.dotted:focus{
	 text-decoration: none;
 }

.help-block{
	margin-bottom: -5px;
	margin-top: 6px;
}
.inline-visible-xs{
	display: none;
}

.processing-centre{
	margin: 30px 0 20px 0;
	padding: 0;
	border-radius: 0;
}
	.processing-centre .well{
		padding: 10px 15px;
		margin: 0;
	}

.agreement-modal{
	position: relative;
	width: 100%;
	height: 400px;
	padding-bottom: 50px;
	top: 0;
	left: 0;
	background: white;
	box-sizing: border-box;
	margin: 0 0 25px 0;
}

.frame-wrapper{
	height: 100%;
	min-height: 100%;
	width: 100%;
	padding: 0 15px;
	box-sizing: border-box;
	overflow: visible;
}

.agreement-modal .frame-wrapper iframe{
	width: 100%;
	height: 100%;
	border: 1px solid #eee;
}
.close-agreement-modal{
	display: block;
	margin: 0 15px;
	padding: 10px;
	box-sizing: border-box;
	text-align: center;
	background-color: #d3d3d3;
	cursor: pointer;
}
.modal-open{
	overflow: hidden;
}

/* email-suggest */
.email-suggest{
	height: 0;
	position: relative;
}
.email-list{
	position: absolute;
	bottom: 0;
	margin-bottom: -1px;
	z-index: 10;
	background-color: white;
	border: 1px solid #ccc;
	padding: 0;
	border-radius: 6px 6px 0 0;
}
.email-suggest span{
	display: block;
	padding: 9px 12px;
	cursor: pointer;
}
.email-suggest span:hover{
	background-color: #51aacc;
	color: white;
}

.card-payment-label{
	padding-top: 7px;
	font-size: 14px;
	color: #939393;
	text-align: center;
}

.history-list{
	max-width: 650px;
}
.history-list .item{
	/*cursor: pointer;*/
}
.history-list .item td{
	;
}
.history-list .item.active td{
	background-color: #e8e8e8;
}
.history-list .item td:first-child{
	vertical-align: middle;
	text-align: center;
	font-size: 20px;
	width: 55px;
}
.history-list .item.processing td:first-child{
	color: #999;
}
.history-list .item.ready td:first-child{
	color: #2BBA29;
}
.history-list .item.cancelled td{
	opacity: .5;
}
.history-list .history-time{
	color: #999;
}
.history-list .history-sum{
	width: 110px;
	text-align: right;
}
.history-list .item .status{
	color: #999;
}
.history-list .history-order a{
	text-decoration: none;
}
.history-list .history-order a:hover{
	text-decoration: none;
}
.history-list .history-order a span{
	border-bottom: 1px dashed;
}
.history-list .history-order a:hover span{
	border-bottom: 1px dashed;
}
.history-list .history-order a:after{
	content: " ▼";
	font-size: 12px;
}

.item-full{
	display: none;
}
.history-list .item-full > td:first-child,
.history-list .item.active > td{
	background-color: #e8e8e8;
}

.dashed{
	text-decoration: none;
	border-bottom: 1px dashed;
}
.dashed:hover{
	text-decoration: none;
	border-bottom: 1px dashed;
}

.btn-red{
	background: #c75e5e;
	border-bottom: 2px solid #ab4949;
	color: white;
}
.btn-red:hover,
.btn-red:focus{
	color: white;
	outline: none;
}
.btn-red:active{
	background-color: #ba5252;
	border-bottom: 2px solid #cd6969;
	color: #f9d9d9;
}