/* Scss Document */
/* Scss Document */
/*global classes*/
.left {
  float: left; }

.right {
  float: right; }

.clear {
  clear: both; }

.underline {
  text-decoration: underline; }

.buttonFull {
  width: 100%; }

.buttonB1 {
  font-size: 20px; }

input[type='text'],
input[type='number'],
textarea {
  font-size: 16px; }

.ui-select .ui-btn select {
  font-size: 20px; }

* {
  margin: 0; }

body {
  min-height: 100%;
  margin: 0;
  padding: 0; }

html {
  height: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }

.login_wraper .logo_big {
  background-color: #aa1e1d;
}
.login_wraper .login_form {
  padding: 5%; }
.login_wraper .login_despt {
  text-align: center;
  width: 100%; }

.myform {
  padding: 5%; }

.topNav {
  width: 100%; }

.topNavLine {
  height: 10px; }

/*slide menu*/
#menubar {
  width: 100%;
  padding: 10px 10px; }

.ui-content, .ui-panel-inner {
  padding: 0px !important; }

.buttonnn {
  cursor: pointer;
  right: 0px !important;
  left: auto; }
  .buttonnn i {
    font-size: 30px !important;
    line-height: 45px; }

#menu ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
  width: 100%; }
  #menu ul li {
    padding: 10px;
    display: block;
    text-decoration: none; }
    #menu ul li .slideMenuItem {
      display: inline-block;
      padding-left: 10px; }

/*slide menu*/
.errorMsg {
  padding: 10px 10px;
  text-align: center; }
  .errorMsg .themeHeader {
    font-weight: bold; }

.footer {
  padding: 0px 10px;
  font-size: 12px;
  text-align: center; }

.contentMainTitle .backBtnLink {
  width: 12%;
  text-align: center; }

.gameIcon {
  /* top left, top right, bottom right, bottom left */
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-clip: padding-box;
  overflow: hidden; }

.contentMainTitle {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  /* display: flexbox
  https://css-tricks.com/snippets/css/a-guide-to-flexbox/;
   display: box;*/
  display: flex; }
  .contentMainTitle .title, .contentMainTitle .backbtn {
    padding: 10px; }

.backBtnLink {
  border-right: 1px solid #000; }

.ui-page-theme-a a, html .ui-bar-a a, html .ui-body-a a, html body .ui-group-theme-a a {
  font-weight: normal !important; }

.ui-radio *::after, .ui-radio *::before {
  box-sizing: content-box !important; }

.popupPadding {
  padding: 10px 20px !important; }

.btnPL {
  padding-left: 5px; }

.btnPR {
  padding-right: 5px; }

.btn_form_l, .btn_form_r {
  width: 49%; }

.ui-popup-container {
  width: 80% !important; }

.form_balanceamount .ui-input-text, .form_balanceamount .ui-input-search {
  margin: auto !important;
  border-style: none !important; }
.form_balanceamount .ui-input-text input, .form_balanceamount .ui-input-search input {
  border: solid 1px #ccc; }
.form_balanceamount .ui-disabled, .form_balanceamount .ui-state-disabled, .form_balanceamount button[disabled], .form_balanceamount .ui-select .ui-btn.ui-state-disabled {
  opacity: 1; }

.radiobuttonHorizontal3 .ui-radio {
  width: 33.33%; }
.radiobuttonHorizontal3 .ui-controlgroup-controls {
  width: 100%; }
.radiobuttonHorizontal3 .ui-btn-active {
  border: 1px solid #000000 !important; }

.statementsItems .datetime {
  font-size: 0.9em !important; }