/* **********************
     CSS Demonstration
   **********************  */

#main { max-width: 1300px; padding:0 !important; }
    
.ContainerTextAreaLeftSml { width:35%; float:left; margin:3px auto; }
.ContainerInputAreaLeftSml {  float:right; margin:3px auto; height:130vh; border:1px solid #555; border-radius:14px; overflow:hidden; }
.Hundred { width:100%; }
.Sixty { width:60%; }
.InputFullLength { width:100%; }

#ContainerTitleHeader { position:relative; top:0px; width:100%; background:#212121; background:rgba(0,0,0,0.8); color:#fff; text-align:center; z-index:200; }
#ContainerTitleHeader P { color:#fff; text-align:center; font-weight:900; margin:0; padding:0; font-size:larger; }

.Toggleonoffbutton { vertical-align: middle; }
.Toggleonoffbutton:hover,.Displaytextposterpreviewbutton:hover { -webkit-animation:spin 3s linear infinite; -moz-animation:spin 3s linear infinite; animation:spin 3s linear infinite; }
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

.ContainerTextAreaLeftSml h4 { margin:30px 0 0 0; font-weight:900; font-size:x-large; }
.ContainerTextAreaLeftSml P { margin:10px 0 0 0; }
.TicketSetting_input25 { width: 25px; margin-right: 8px; }
.InputTicketAP { width: 32px; margin-right: 8px; }

#PatternImageArea { text-align:center; }
#PatternImageArea IMG { background:#ddd; max-width: 300px; }
#TicketLivePreview { border:none;  width:100%; min-height:600px; height:100%; overflow:hidden; /* pointer-events: none; */  }
.Lotto_Rules { width:96%; height:160px; }

#CMSTextBoxContents .InputDayPickerLength { max-width:250px; }

.InputColourPickerLength { width:100%; max-width:128px; background:none; border:1px solid #aaa; }
.InputDayPickerLength { width:100%; max-width:134px; }
.InputLength2 { width:95%; padding:0px 3px; }
.InputTicketOption { width: 50px; text-align: center; }

#SubmitBar { position:fixed; bottom:0px; left:0px; width:100%; background:#212121; background:rgba(0,0,0,0.8); color:#fff; text-align:center; z-index:200; }
.SubmitButton { font-size: 14px; font-weight:bold; text-align:center; padding:1px 20px; background: #004914; cursor:pointer; border-radius:4px; border:2px solid #fff; color:#fff; box-shadow:1px 1px 3px #777; white-space: normal; }
.SubmitButton:hover { border:2px solid #004914; color:#004914; box-shadow:none; background: #fff;  }

@media all and (max-width: 800px){
	.ContainerTextAreaLeftSml, .ContainerInputAreaLeftSml { width:100%; float:none; margin:10px auto;  }
}