@font-face {
	font-family: "Tahoma";
	src: url('fonts/tahoma.eot?#iefix') format('embedded-opentype'),url(fonts/tahoma.ttf) format("truetype");	
}

@font-face {
	font-family: "Khazn";
	src: url('fonts/KhaznLgt.eot?#iefix') format('embedded-opentype'),url(fonts/KhaznLgt.ttf) format("truetype");
	unicode-range: U+0600-065F, U+066B-06FF;	
}

body {
	font-family: Khazn, Tahoma;
}

.card-header {
	background-color: #07294a;
	border-bottom: 3px solid #3fc1e9;
	color: white;
}

.powered-by {
    max-width: 110px;
	height: 20px;
}

.logo {
	height: 110px;
}

.container {
	max-width: 800px;
}

.count-button {
	height: 20px;
}

.button-submit:hover {
    background: #c85955;
    color: white;
}

.button-submit {
	height: 40px;
    font-size: 15px;
    border-radius: 0px;
    background: white;
    color: #c85955;
    border: 1px solid #c85955;
    font-weight: bold;
}

a {
	color: #07294a;
}

html[dir=rtl] [type=email], 
html[dir=rtl] [type=number], 
html[dir=rtl] [type=tel], 
html[dir=rtl] [type=url] {
    direction: rtl;
}

a {
	cursor: pointer;
}

@media screen and (min-width: 768px) {
	.card-body {
		background-image: url(../images/TUA_WATER_MARK.png);
		background-position-x: right;
		background-repeat: no-repeat;
	}
	html[dir=rtl] .card-body {
		background-position-x: left;
	}
	.logo {
		height: 140px;
	}
}
@media screen and (max-width: 767px) {
	.card {
		border: none;
	}
	.card-body {
		padding-top: 0;
		padding-bottom: 0;
	}
	.button-submit {
		background: #c85955;
		color: white;
	}
}