/* DivTable.com */
.divTable{
	display: table;
	width: 100%;
	color: white;
}
.divTableRow {
	display: table-row;
}
.divTableHeading {
	background-color: #EEE;
	display: table-header-group;
}
.divTableCell, .divTableHead {
	border: 0px solid #999999;
	display: table-cell;
	padding: 3px 10px;
	color: white;
}
.divTableHeading {
	background-color: #EEE;
	display: table-header-group;
	font-weight: bold;
}
.divTableFoot {
	background-color: #EEE;
	display: table-footer-group;
	font-weight: bold;
}
.divTableBody {
	display: table-row-group;
}


/* Style the label to display next to the inputs */
label {
  padding: 12px 12px 12px 0;
  display: inline-block;
}

/* Style the submit button */
input[type=submit] {
  background-color: #4CAF50;
  color: white;
  padding: 12px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  float: right;
}

/* Style the container */
.container {
  border-radius: 5px;
  background-color: #f2f2f2;
  padding: 20px;
}

/* Floating column for labels: 25% width */
.col-25 {
  float: left;
  width: 25%;
  margin-top: 6px;
}

/* Floating column for inputs: 75% width */
.col-75 {
  float: left;
  width: 75%;
  margin-top: 6px;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}



body {
	background-color: #053e8e;
	background-size: 60% ;
    margin: 10 10 10 10;
    font-family: 'Open Sans', Helvetica, sans-serif;
    text-align: left;
    font-family:Arial;
    font-size:18px;
    padding:5px 15px;
    text-decoration:none;
	color: white;
}

#dftrangt{
	
	background:#000000 url("./image/Background-World-Cup-2022.png") repeat;
	background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: 100%;
  border:1px solid #BBBBBB;
  border-radius:2px;
  padding:10px;
  line-height:30px;
}


#innerwrapper{
  float:left;
  height:100%;padding:10px;background-color: rgba(115, 115, 115, 0.498039);
  background: rgba(115, 115, 115, 0.498039);
  color: rgba(115, 115, );
  margin:0 auto;
  border:2px solid #999999;
  border-radius:15px;
  box-shadow:#AAAAAA 0 0 15px;
  height:100%;
  padding:10px;
  width:880px;
}


#innerwrapperzomm{
  width:420px;height:100%;padding:10px;background-color: rgba(115, 115, 115, 0.498039);
  background: rgba(115, 115, 115, 0.498039);
  color: rgba(115, 115, );
  margin:0 auto;
  border:2px solid #999999;
  border-radius:15px;
  box-shadow:#AAAAAA 0 0 15px;
  height:100%;
  padding:10px;
}

#innerwrapperleft{
  float:left;
  width:420px;height:100%;padding:10px;background-color: rgba(115, 115, 115, 0.498039);
  background: rgba(115, 115, 115, 0.498039);
  color: rgba(115, 115, );
  margin:0 auto;
  border:2px solid #999999;
  border-radius:15px;
  box-shadow:#AAAAAA 0 0 15px;
  height:100%;
  padding:10px;
  width:420px;
}

#innerwrapperleft02{
  float:left;
  width:420px;height:100%;padding:10px;;
  margin:0 auto;
  border:0px solid #999999;
  border-radius:15px;
  height:100%;
  padding:10px;
  width:420px;
}

#innerwrapperright{
  float:right;
  width:420px;height:100%;padding:10px;background-color: rgba(115, 115, 115, 0.498039);
  background: rgba(115, 115, 115, 0.498039);
  color: rgba(115, 115, );
  margin:0 auto;
  border:2px solid #999999;
  border-radius:15px;
  box-shadow:#AAAAAA 0 0 15px;
  height:100%;
  padding:10px;
  width:420px;
}
#innerwrapperright02{
  float:right;
  width:420px;height:100%;padding:10px;
  margin:0 auto;
  border:0px solid #999999;
  border-radius:15px;

  height:100%;
  padding:10px;
  width:420px;
}

#innerwrapper02{
  margin:20px 0 30px;
  padding:15px;
}

#innerwrapper2{
  background:#black;
  border:1px solid #777777;
  border-radius:0px;
  box-shadow:#BBBBBB 0 0 0.5px inset;
  margin:20px 0 30px;
  padding:15px;
  
}
#dftrangt02{
  padding:10px;
  line-height:30px;
}

  background:#3a7ad3;
  border:1px solid #BBBBBB;
  border-radius:2px;
  padding:10px;
  line-height:30px;
}

.dropdownlistskor{
  width: 10%;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  resize: vertical;
}

input[type=text], select, textarea{
  width: 50%;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  resize: vertical;
 
}

 

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
/* Styles */
	input[type=text], select, textarea
		{
		  width: 100%;
		  
		}
}