.modalDialog {
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background: rgba(0,0,0,0.8);
		z-index: 9999999;
		-webkit-transition: opacity 400ms ease-in;
		-moz-transition: opacity 400ms ease-in;
		transition: opacity 400ms ease-in;
		display: none;
		pointer-events: none;
}

.modalDialog:target, .modalDialog.target {
		display: block;
		pointer-events: auto;
}

.modalDialog > div {
		width: 300px;
		position: relative;
		margin: 5% auto;
		padding: 5px 20px 13px 20px;
		border-radius: 10px;
		background: #fff;
/*		background: -moz-linear-gradient(#fff, #999);
		background: -webkit-linear-gradient(#fff, #999);
		background: -o-linear-gradient(#fff, #999);*/
}

.modalDialog-400 > div {
	width:400px;
}

.modalDialog-200 > div {
	width:205px;
}

.modalDialog-50-procentov > div {
	width:50%;
}

.modalDialog-450 > div {
	width:450px;
}

.modalDialog > .bigmodal {
		width: 90%;
		position: relative;
		margin: 10% auto;
		padding: 5px 20px 13px 20px;
		border-radius: 10px;
		background: #fff;
		overflow-x: auto;
/*		background: -moz-linear-gradient(#fff, #999);
		background: -webkit-linear-gradient(#fff, #999);
		background: -o-linear-gradient(#fff, #999);*/
}

.modalDialog > .mediummodal {
		width: 500px;
		position: relative;
		margin: 10% auto;
		padding: 5px 20px 13px 20px;
		border-radius: 10px;
		background: #fff;
/*		background: -moz-linear-gradient(#fff, #999);
		background: -webkit-linear-gradient(#fff, #999);
		background: -o-linear-gradient(#fff, #999);*/
}

.modalclose {
		background: #757474;
		color: #FFFFFF !important;
		line-height: 22px;
		position: absolute;
		right: -12px;
		text-align: center;
		top: -10px;
		width: 24px;
		text-decoration: none;
		font-weight: bold;
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		border-radius: 6px;
		text-decoration:none !important;
}

.modalclose:hover { background: #dd2a1b; }

.close2 {
		background: #757474;
		color: #FFFFFF;
		line-height: 22px;
		position: absolute;
		text-align: center;
		top: 0px;
		right:0px;
		width: 24px;
		text-decoration: none;
		font-weight: bold;
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		border-radius: 6px;
}

.close2:hover { background: #dd2a1b; }

.close3 {
		background: #757474;
		color: #FFFFFF !important;
		line-height: 22px;
		position: absolute;
		right: 0px;
		text-align: center;
		top: 0px;
		width: 24px;
		text-decoration: none;
		font-weight: bold;
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		border-radius: 0px 6px 0px 6px;
		text-decoration:none !important;
}

.close3:hover { background: #dd2a1b; }

.modalDialog div h2 {
	text-transform:uppercase;
	font-size:16px;
}
.modalDialog div {
	font-size:12px;
}
.modalDialog div input, .modalDialog div textarea {
/*	display:block;*/
	border-radius:4px;
	padding:5px;
	border:1px #999 solid;
}
.modalDialog div input .small {
	width:50px;
}
.ok-modal {
	padding-left:10px;
	padding-right:10px;
	padding-top:7px;
	padding-bottom:7px;
	background:#0074af;
	color:white !important;
	border-radius:2px;
	text-transform:uppercase;
	text-decoration:none !important;
	display:inline-block;
	transition: background-color .5s;
	border: none !important;
}
.ok-modal:hover {
	background:#0795dd !important;
	cursor: pointer;
	transition: background-color .5s;
}
.ok-modal-noactiv {
	padding-left:10px;
	padding-right:10px;
	padding-top:7px;
	padding-bottom:7px;
	background:#757474;
	color:white;
	border-radius:2px;
	text-transform:uppercase;
	display:inline-block;
	transition: background-color .5s;
}
.ok-modal-noactiv:hover {
	background:#fdcfcc;
	color:#c02c22;
	transition: background-color .5s;
	cursor:not-allowed;
}
.cancel-modal {
	color:#757474 !important;
	margin-left:30px;
	text-transform:lowercase;
	border-bottom:1px dotted;
	text-decoration:none !important;
}
.modal-nomargin {
	margin-left:0px;
}
.modal-margin {
	margin-left:30px;
}
.warning1 {
	color:red;
	font-weight:bold;
	text-transform:uppercase;
}
.ico-modal {
	margin-left:15px;
}
.modal-table {
	border:1px #c3c3c3 solid;
	padding:5px;
	border-radius:2px;
	text-overflow: ellipsis;
}

.modal-table tr td {
/*	border:1px #c3c3c3 solid;*/
	padding-left:10px;
	padding-top:5px;
	padding-bottom:10px;
	text-overflow: ellipsis;
}
.modal-tr {
	height:24px;
}
.modal-tr-2 {
	border-bottom:1px #c3c3c3 solid;
	min-height:15px;
}
.modal-tr-2 input[type=radio] {
	cursor:pointer;
}
.modal-tr-2 label {
	cursor:pointer;
}
.modal-tr-3 input[type=radio] {
	cursor:pointer;
}
.modal-tr-3 label {
	cursor:pointer;
}
.modal-table select {
	padding:3px;
	border-radius:2px;
}
.naznachit {
	margin-left:20px;
	border-bottom:1px dotted;
}
.naznachit:hover {
	border-bottom:none;
}
.pole-izmenit {
	display:none;
}
.margin-izmenit {
	margin-left:20px;
	margin-top:10px;
}
.ico-save-25 {
	width:20px;
	position:absolute;
	margin-left:5px;
	margin-top:3px;
}
.modal-ul li {
	list-style-type: circle !important;
	margin-left: 15px;
}

@media screen and (min-width:100px) and (max-width:1024px) {
	.modalclose {
		right: 0;
		top: 0;
	}
}