.modalMainBack {
	background: rgba(0,0,0,0.8);
	border-radius: 10px;
	margin: 20px 20px 20px 20px;
	min-height: 600px;
}

.modal-content {
	background-image: url('../../img/orders/mainBack.jpg'); 
	background-size: cover;
	border-radius: 10px;
	min-height: 800px;
}

.modal-content-Arris4302 {
	background-image: url('../../img/iptv/imgArrisVip4302Back.png'); 
	background-size: cover;
	border-radius: 10px;
	min-height: 360px;
}

.modal-content-Arris1113 {
	background-image: url('../../img/iptv/imgArrisVip1113Back.png'); 
	background-size: cover;
	border-radius: 10px;
	min-height: 360px;
}

.modal-content-TeslaXA400 {
	background-image: url('../../img/iptv/imgTeslaXA400Back.png'); 
	background-size: cover;
	border-radius: 10px;
	min-height: 360px;
}

.modal-content-AppleTV {
	background-image: url('../../img/iptv/imgAppleTVBack2.png'); 
	background-size: cover;
	border-radius: 10px;
	min-height: 360px;
}

.modal-content-F680v6 {
	background-image: url('../../img/internet/imgF680Back.png'); 
	background-size: cover;
	border-radius: 10px;
	min-height: 700px;
}

.modal-content-mobilFAQ {
	background-image: url('../../img/mobil/headImage.jpg'); 
	background-size: cover;
	border-radius: 10px;
	min-height: 700px;
}


.modalMainBack > h1 {
	color: white;
	font-weight: 900;
	font-size: 24px;
	height: 80px;
	line-height: 80px;
	margin-left: 20px;
	}
	
.modalMainBack > p {
	color: white;
	font-weight: 300;
	font-size: 18px;
	height: 80px;
	line-height: 80px;
	text-align: center;
	}
	
.modalMainBack > h2 {
	color: white;
	font-weight: 500;
	font-size: 24px;
	height: 50px;
	line-height: 50px;
	text-align: center; 
	}

.modalInfoBack {
	background: rgba(0,0,0,0.5);
	border-radius: 10px;
	margin: 20px 20px 20px 20px;
	padding: 20px 20px 20px 20px;
	min-height: 250px;
}

.modalInfoBack > p {
color: white;
font-size: 14px;
text-align: left;
}


.modalCellName {
	height: 40px;
	line-height: 40px;
	color: white;
	font-weight: 300;
	padding-left: 40px;
	}

.modalInput{
	margin: 5px 0px 5px 0px;
	height: 40px;
	background-image: linear-gradient(#303030, black);
	border: 1px solid gray;
	border-radius: 5px;
	text-align: center;
	box-shadow: inset 3px 3px 3px black;
	font-weight: 300;
	outline: none;
	color: white;
	margin-left: 20px;
	width: 250px;
	}
	
.modalTextArea {
	width:250px;
	height: 250px;
	outline: none;
	color: White;
	font-size: 14px;
	background-image: linear-gradient(black, #303030);
	border: 1px solid gray;
	border-radius: 5px;
	text-align: center;
	box-shadow: inset 3px 3px 3px black;
	font-weight: 300;
	margin-left: 20px;
	padding: 20px 20px 20px 20px;
	}	
	
.form-green-button {
	width: 150px;
	height: 35px;
	border: 1px solid #145214;
	border-radius: 10px;
	background: linear-gradient(to bottom, limegreen, darkgreen);
	color: white;
	font-size: 14px;
	outline: none;
	}

.modalTarifRow {
	padding: 10px 40px 0px 40px; 
}

.modalTarifRow > div > div {
	border: 1px solid silver;
	border-radius: 10px;
	margin: 12px 2px 2px 2px;
	padding: 10px 5px 10px 5px;
	background: transparent;
	}

.modalTarifRow > div > div > h1 {
	text-align: center;
	color: silver;
	font-size: 24px;
	font-weight: 900;
	height: 40px;
	}

.modalTarifRow > div > div > p {
	text-align: center;
	color: silver;
	font-size: 14px;
	font-weight: 300;
	height: 40px;
	line-height: 40px;
	}

.modalTarifRow > div > div:hover {
	background: dimgray;
	}

.modalTarifTvAdd {
	padding: 0px 40px 0px 40px;
	}

.modalTarifTvAddIn {
	border: 1px solid silver;
	width: 80px;
	height: 80px;
	line-height: 65px;
	border-radius: 40px;
	margin: auto;
	margin-top: 20px;
	background: transparent;
	font-size: 60px;
	color: white;
	cursor: pointer;
	}

.modalTarifTvAddIn:hover {
	background: dimgray;
	}

.modalTarifRowAddList {
	margin-top: 10px;
	}

.modalTarifRowAddItemRow {
	padding: 5px 57px 5px 57px;
	}

.modalTarifAddItemCell {
	color: black;
	font-size: 12px;
	font-weight: 300;
	height: 50px;
	line-height: 50px;
	cursor: pointer;
	background: white;
	}

.modalTarifAddItemCellLeft {
	font-weight: 900;
	font-size: 24px;
	border-bottom-left-radius: 10px;
	border-top-left-radius: 10px;
	}

.modalTarifAddItemCellLeftRight {
	border-bottom-right-radius: 10px;
	border-top-right-radius: 10px;
	}



.modalTarifAddSelect {
	border: 1px solid silver;
	border-top: 1px solid white;
	padding: 10px 40px 40px 40px;
	margin: 10px 10px 10px 10px;
	border-radius: 10px;
	background: black;
	display: none;
	}

.modalTarifAddSelectLine {
	color: silver;
	font-size: 14px;
	height: 40px;
	line-height: 40px;
	border-bottom: 1px solid black;
	cursor: pointer;
	}



/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 480px) {

}

@media (min-width: 640px) {
	
}

@media (min-width: 768px) {

	.modalCellName {
		text-align: right;
		}
	
	.modalInput{
		margin-left: 0px;
		}
	
	.modalInput300 {
		width: 300px;
		}
	
	.modalTextArea {
		width: 300px;
		height: 300px;
		margin-left: 0px;
		}
	
	.modalTarifAddSelect {
		margin: 10px 30px 10px 30px;
		}
	
	.modalTarifAddItemCell {
		font-size: 18px;
		}

}

@media (min-width: 992px) {

}

@media (min-width: 1200px) {

}