html { 
  background: url(../img/backround.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

body {
    text-align: center;
    background-color: transparent;
}


button {
	margin-top: 20px;
	direction: rtl;
	width: 190px;
	margin-bottom: 20px !important;
	
}



#td_cardExpDate {
	direction: rtl;

}

.inputbox {
	margin-top: 20px;
	margin-bottom: 20px;
	width: 190px;
	text-align: center;
	border-radius: 5px;
	font-size: 18px;
}

.jumbotron {
    width: 70%;
    margin: auto;
    border-radius: 10px;
    margin-top: 20px;
    background-color: rgba(122,147,162,0.8) !important; 
}

#spanTimeout, #spanAt {
    display: inline-block;
    height: 50px;
    margin-left: 10px;
    background-repeat: no-repeat;
}

h1 {
	direction: rtl;
	font-size: 48px !important;
	margin-bottom: 50px;
	margin-top: -30px;
	color: white !important;
}


#spanTimeout {
    background-image: url('../img/timeout_logo.png');
    width: 50px;
}

#spanAt {
    background-image: url('../img/at_logo.png');
    width: 67px;
}

#tokenDisplay {
    display: none;
}

#tokenDisplay .label {
    font-size: large;
}

#response {
    margin-top: 50px;
    display: inline-flex;
}

fieldset button {
    padding: 0;
}

fieldset label {
    margin: 0;
    
}

fieldset input[type=radio] {
    visibility: hidden;
}


.input {
	margin-top: 20px;
	margin-bottom: 20px;
}