@media only screen and (max-width: 800px) {
    #no-more-tables tbody tr:nth-of-type(odd) {
        background-color: #f9f9f9;
    }
    /* Force table to not be like tables anymore */
    #no-more-tables table,
    #no-more-tables thead,
    #no-more-tables tbody,
    #no-more-tables th,
    #no-more-tables td,
    #no-more-tables tr {
        display: block;
    }
    .hiddenMobile {
        display: none;
    }
    .modal-open {
        position: initial !important;
        overflow: initial !important;
    }
    .mobileTopSpace {
        margin-top: 20px;
    }
    .team {
        padding: 5px 10px 10px 10px !important;
        line-height: 22px !important;
    }
    .table-responsive-coupon {
        width: calc(100% + 40px);
        margin: -20px -20px;
        display: block;
        overflow: hidden;
    }
    .newMatchThis {
        background: #b8d1f8;
        border-bottom: thin dashed #333;
    }
    /* Hide table headers (but not display: none;, for accessibility) */
    #no-more-tables thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
    #no-more-tables td {
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50%;
        white-space: normal;
        text-align: left;
        line-height: 35px;
        width: 100% !important;
        padding-top: 5px;
        padding-bottom: 5px;
    }
    #no-more-tables td:before {
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
        text-align: left;
        font-weight: bold;
    }
    .listItems {
        margin-bottom: 5px;
    }
    .arrowJust {
        float: left;
        width: 10%;
    }
    .arrowJust a {
        float: left;
        width: 100%;
        height: 27px !important;
        line-height: 27px !important;
        padding: 0px 0 !important;
        border-radius: 0 !important;
        background: #00a2b9;
        border-color: #297097;
    }
    .itemAreas {
        float: left;
        width: 90%;
    }
    .itemAreas .titleAreaItem {
        float: left;
        width: 100%;
        padding: 3px 15px;
        background: #00a2b9;
        color: #fff;
    }
    .itemAreas .titleAreaItem span {
        float: left;
        width: 50%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .itemAreas .titleAreaItem small {
        float: right;
        margin-top: 3px;
        width: 50%;
        text-align: right;
        font-size: 10px;
    }
    .itemAreas .contentAreaItem {
        float: left;
        width: 100%;
        background: #fff;
    }
    .itemAreas>.contentAreaItem>span {
        float: left;
        width: 33.3%;
        padding: 5px 10px;
        font-size: 11px;
        text-align: center;
        border: thin solid #f2f2f2;
        height: 50px;
    }
    .itemAreas .contentAreaItem span.colspan2 {
        width: 66.6%;
    }
    .itemAreas .contentAreaItem span.colspan2 small {
        float: left;
        width: 100%;
        text-align: center;
    }
    .itemAreas .contentAreaItem span.colspan2 a {
        padding: 0px 0;
        height: 24px;
        line-height: 22px;
        width: 48%;
        float: left;
        font-size: 11px;
        margin-left: 1%;
    }
    /*
	Label the data
	*/
    #no-more-tables td:before {
        content: attr(data-title);
    }
}

a {
    text-decoration: none !important;
}

.translate {
    color: red;
}

.transfertype0 {
    background-color: #41f46a;
    color: #FFF;
}

.transfertype1 {
    background-color: #e85e3c;
    color: #FFF;
}

.user-stats {
    box-shadow: 0 0 3px 2px #88bdbd;
}

.editorSize {
    width: 100%;
    height: 600px;
    float: left;
}

.nav-bartop {
    width: 100%;
}

.listItems>i {
    font-size: 150px;
    margin-left: 25%;
    float: left;
    color: #999;
}

.smaller {
    font-size: .675rem;
}

.backgroundimagerivolo {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -o-filter: blur(5px);
    -ms-filter: blur(5px);
    filter: blur(5px);
}

.margin-none {
    margin: 0 !important;
}

.popover {
    padding: 10px;
}

.small_button {
    padding: 5px 10px;
    line-height: 10px;
}

.editable-container.popover {
    top: -20px !important;
}

#couponStatusOnly {
    line-height: 18px !important;
}

.editable-container.popover .popover-title {
    display: none !important;
}

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

.status_1_class {
    background-color: #2cc185;
    border: 1px solid #dfdfdf;
    border-radius: 4px;
    line-height: 26px;
    min-width: 89px;
    color: #FFF;
    padding: 5px;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
}

.status_0_class {
    background-color: #ff9797;
    border: 1px solid #dfdfdf;
    border-radius: 4px;
    line-height: 26px;
    min-width: 89px;
    color: #FFF;
    padding: 2px;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
}

.monthWeekButton {
    margin-top: 28px;
}

#jaklcp-chat-container {
    position: fixed !important;
    bottom: 10px !important;
    left: 35px !important;
    z-index: 9999 !important;
    width: 75px !important;
    height: 111px !important;
}

#creditAreas {
    background: #56c290;
    color: #fff;
    padding: 10px;
    font-size: 14px;
}

.generatedButton {
    position: absolute;
    right: 20px;
    top: 30px;
}

.app-header .nav-item {
    margin: 0 10px 0 0 !important;
}

.clockVue {
    height: 50px;
    line-height: 40px;
    border-bottom: 1px solid #444;
    font-size: 13px;
}

.padding-none {
    padding: 0 !important;
}

.gritter-color.success {
    background: #bfffbf;
    box-shadow: 0px 0px 3px 1px #b3b3b3;
}

.gritter-color.danger {
    background: #ff5858;
    box-shadow: 0px 0px 3px 1px #b3b3b3;
}

.gritter-color.info {
    background: #5c9ecd;
    box-shadow: 0px 0px 3px 1px #b3b3b3;
}

.gritter-color.warning {
    background: #ffef82;
    box-shadow: 0px 0px 3px 1px #b3b3b3;
}

.gritter-color.success .gritter-title {
    color: #979797;
    text-shadow: initial !important;
}

.gritter-color.success .gritter-item p {
    color: #979797;
}

.gritter-color.success .gritter-close {
    text-indent: 0 !important;
    text-align: center;
    line-height: 30px;
    font-size: 15px;
    color: #666;
    border-radius: 3px;
}

.gritter-color.danger .gritter-title {
    color: #fff;
    text-shadow: initial !important;
}

.gritter-color.danger .gritter-item p {
    color: #fff;
}

.gritter-color.danger .gritter-close {
    text-indent: 0 !important;
    text-align: center;
    line-height: 30px;
    font-size: 15px;
    color: #fff;
    border-radius: 3px;
}

.gritter-color.info .gritter-title {
    color: #fff;
    text-shadow: initial !important;
}

.gritter-color.info .gritter-item p {
    color: #fff;
}

.gritter-color.info .gritter-close {
    text-indent: 0 !important;
    text-align: center;
    line-height: 30px;
    font-size: 15px;
    color: #fff;
    border-radius: 3px;
}

.gritter-color.warning .gritter-title {
    color: #757575;
    text-shadow: initial !important;
}

.gritter-color.warning .gritter-item p {
    color: #757575;
}

.gritter-color.warning .gritter-close {
    text-indent: 0 !important;
    text-align: center;
    line-height: 30px;
    font-size: 15px;
    color: #757575;
    border-radius: 3px;
}

.sidebar .nav-dropdown-items .nav-item.even {
    padding: 0;
    list-style: none;
    border-bottom: thin dashed #595959;
}

.nav.event a:first-child {
    border-top: thin dashed #666;
}

.login_rivalo_general {
    position: fixed;
    background: #e2e2e2;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.login_rivalo_general .login_popup {
    position: fixed;
    width: 350px;
    height: 170px;
    border-radius: 3px;
    background: #d9534f;
    border: thin solid #d9534f;
    left: calc(50% - 175px);
    top: calc(50% - 85px)
}

.login_rivalo_general .login_popup .titleLogin {
    float: left;
    width: 100%;
    height: 18px;
    line-height: 18px;
    font-size: 12px;
    color: #fff;
    padding: 5px 5px;
    font-weight: bold;
    font-family: tahoma, arial, verdana, sans-serif;
}

.login_rivalo_general .login_popup .titleLogin img {
    margin-right: 5px;
}

.login_rivalo_general .login_popup .loginAreas {
    float: left;
    width: calc(100% - 10px);
    height: 135px;
    background: #f4cecd;
    margin: 10px 5px 5px 5px;
    border: thin solid #c9302c;
    color: #000;
    font-family: tahoma, arial, verdana, sans-serif;
    padding: 10px 5px;
}

.login_rivalo_general .login_popup .loginAreas .inputAreee {
    float: left;
    width: 100%;
    margin-bottom: 5px;
    margin-left: 5px;
}

.login_rivalo_general .login_popup .loginAreas .inputAreee label {
    float: left;
    width: 23%;
    line-height: 22px;
    text-align: left;
    font-family: tahoma, arial, verdana, sans-serif;
    font-size: 12px;
    margin-bottom: 0 !important;
}

.login_rivalo_general .login_popup .loginAreas .inputAreee input {
    float: left;
    width: 72%;
    height: 22px;
    text-align: left;
    padding: 1px 3px 2px;
    font: normal 12px/14px tahoma, arial, verdana, sans-serif;
    background: url('http://speed.ext.net/ext.net/4.5.0/extjs/packages/theme-classic/build/resources/images/form/text-bg.gif') repeat-x 0 0 #fff;
    border: thin solid #b5b8c8;
    margin: 0 0 0 2%;
}

.login_rivalo_general .login_popup .loginAreas .inputAreee input:focus,
.login_rivalo_general .login_popup .loginAreas .inputAreee select:focus,
.login_rivalo_general .login_popup .loginAreas .buttonArea button:focus {
    outline-offset: 0;
    outline: -webkit-focus-ring-color auto 0;
    border-color: #7eadd9;
}

.login_rivalo_general .login_popup .loginAreas .inputAreee select {
    float: left;
    width: 72%;
    height: 22px;
    text-align: left;
    padding: 1px 3px 2px;
    font: normal 12px/14px tahoma, arial, verdana, sans-serif;
    background: url('http://speed.ext.net/ext.net/4.5.0/extjs/packages/theme-classic/build/resources/images/form/text-bg.gif') repeat-x 0 0 #fff;
    border: thin solid #b5b8c8;
    margin: 0 0 0 2%;
}

.login_rivalo_general .login_popup .loginAreas .buttonArea {
    float: left;
    width: 100%;
    height: 40px;
    padding: 0 5px;
}

.login_rivalo_general .login_popup .loginAreas .buttonArea button {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    padding: 2px 2px 2px 2px;
    border-width: 1px;
    border-style: solid;
    background-image: none;
    background-color: #fff;
    background-image: -webkit-gradient(linear, top, bottom, color-stop(0%, #fff), color-stop(48%, #f9f9f9), color-stop(52%, #e2e2e2), color-stop(0%, #e7e7e7));
    background-image: -webkit-linear-gradient(top, #fff, #f9f9f9 48%, #e2e2e2 52%, #e7e7e7);
    background-image: -moz-linear-gradient(top, #fff, #f9f9f9 48%, #e2e2e2 52%, #e7e7e7);
    background-image: -o-linear-gradient(top, #fff, #f9f9f9 48%, #e2e2e2 52%, #e7e7e7);
    background-image: -ms-linear-gradient(top, #fff, #f9f9f9 48%, #e2e2e2 52%, #e7e7e7);
    background-image: linear-gradient(top, #fff, #f9f9f9 48%, #e2e2e2 52%, #e7e7e7);
    height: 25px;
    width: 90px;
    line-height: 16px;
    font-size: 12px;
    text-align: center;
    float: right;
    margin-top: 8px;
}

.login_rivalo_general .login_popup .loginAreas .buttonArea button:hover {
    border-color: #b0ccf2;
    background-image: none;
    background-color: #e4f3ff;
    background-image: -webkit-gradient(linear, top, bottom, color-stop(0%, #e4f3ff), color-stop(48%, #d9edff), color-stop(52%, #c2d8f2), color-stop(0%, #c6dcf6));
    background-image: -webkit-linear-gradient(top, #e4f3ff, #d9edff 48%, #c2d8f2 52%, #c6dcf6);
    background-image: -moz-linear-gradient(top, #e4f3ff, #d9edff 48%, #c2d8f2 52%, #c6dcf6);
    background-image: -o-linear-gradient(top, #e4f3ff, #d9edff 48%, #c2d8f2 52%, #c6dcf6);
    background-image: -ms-linear-gradient(top, #e4f3ff, #d9edff 48%, #c2d8f2 52%, #c6dcf6);
    background-image: linear-gradient(top, #e4f3ff, #d9edff 48%, #c2d8f2 52%, #c6dcf6);
}

.login_rivalo_general .login_popup .loginAreas .buttonArea button img {
    margin-right: 2px;
    display: inline-block;
    float: none;
    margin-top: -2px;
}

.nav.event a {
    border-bottom: thin dashed #666;
}

.sidebar .nav-link.router-link-active.even {
    color: #66ceff !important;
}

#gritter-notice-wrapper {
    top: 60px !important;
}

.nav-link .router-link-active {
    background: #20a8d8 !important;
}

.navigation-bottom .router-link-active {
    background: #20a8d8 !important;
    color: #fff;
}

.tools {
    float: right;
}

.help-block {
    font-size: 11px;
    margin: 6px 3px;
    display: inline;
    float: left;
    width: 100%;
}

.modal-header {
    display: inline-block !important;
}

.modal-header h4 {
    float: left;
}

.color-number {
    color: #6a0808;
    font-weight: bold;
}

.color-info {
    color: #085a6a;
    font-weight: bold;
}

.warningtextnull {
    font-size: 34px;
    padding: 80px 0;
    font-weight: bold;
}

.removeMachine {
    padding: 2px 10px;
    font-size: 20px;
    margin-top: -7px;
}

.ml10 {
    margin-left: 10px;
}

.ml10 {
    margin-left: 10px;
}

.mt20 {
    margin-top: 20px;
}

.mt10 {
    margin-top: 10px;
}

.mr8 {
    margin-right: 8px;
}

.mr20 {
    margin-right: 20px;
}

.font-size-24 {
    font-size: 24px;
}

.background-fff-nav {
    background: #fff;
    float: left;
    width: 100%;
    height: 70px;
    margin-bottom: 15px;
    box-shadow: 0px 0px 4px 1px #ddd
}

.successBackground {
    background: #effffb !important;
}

.declineBackground {
    background: #ffefef !important;
}

.width170 {
    width: 170px;
}

.score {
    background: #353535;
    padding: 10px 25px;
    box-shadow: inset 0 0px 2px #ccc;
    width: 100%;
    margin: 0 11px;
    float: left;
    height: 40px;
    text-align: center;
}

.bonusJsonArea {
    float: left;
    width: 100%;
    margin-top: 20px;
}

.threefiveeightJsonArea {
    float: left;
    width: 100%;
    margin-top: 20px;
}

.matchTimer {
    float: left;
    width: 100%;
    text-align: center;
    margin: 20px 10px 0 10px;
}

.yellowcard {
    color: #ffff67;
}

.redcard {
    color: #e20000;
}

.strong {
    font-weight: bold !important;
}

.containerPadding {
    padding: 8px;
}

.borderr {
    float: left;
    width: 97%;
    padding: 10px 15px;
}

.titleLiveOdd {
    float: left;
    width: 100%;
    background: #fff;
    padding: 17px 15px;
    margin: 10px;
    box-shadow: 0px 0px 2px #999;
}

.titleLiveOdd>span {
    padding: 5px 0;
    float: left;
}

.titleLiveOdd a {
    position: absolute;
    right: 140px;
    margin-top: -2px;
    background: #fbfafa;
    padding: 3px 8px;
    border-radius: 200px;
    height: 30px;
    box-shadow: inset 0px 0px 1px #9e8585;
    width: 30px;
}

.col-md-offset-4 {
    margin-left: 33%;
}

.switcher.default {
    line-height: 22px;
    padding: 0;
}

td a {
    height: 29px;
    line-height: 9px !important;
}

.waiting_class {
    padding: 5px 20px;
    display: inline-block;
    color: #fff;
    background: #5bb4de !important;
}

.paid_class {
    padding: 5px 20px;
    display: inline-block;
    color: #fff;
    background: #73ca9b !important;
}

.switcher.default .slider {
    height: 22px;
}

.switcher.default .text {
    font-size: 11px;
}

.titleLiveOdd a i {
    font-size: 23px;
    color: #666;
}

.teamName {
    padding: 10px 0;
}

.teamName2 {
    padding: 10px 10px;
}

.panel-heading-color-dark {
    background-color: #545454 !important;
    color: #FFF !important;
}

.success-color {
    background: #cdffcd;
}

.danger-color {
    background: #ffe0e0;
}

.router-link-active {
    font-weight: bold;
}

.mai-nav-tabs-sub {
    left: -170px;
}

.popover.show {
    z-index: 99999;
    display: block !important;
}

.listItems {
    float: left;
    width: 100%;
    background: #fff;
}

.listItems>div.item {
    float: left;
    width: 10.775%;
    border: thin solid #dcdcdc;
    text-align: center;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
}

.listItems>div.item:first-child {
    float: left;
    width: 3%;
}

.listItems>div.item:first-child a {
    padding: 2px;
    height: 22px;
}

.strong {
    font-weight: bold;
}

.listItems a.btn {
    padding: 4px 13px;
    height: 28px;
    line-height: 18px;
}

.backgroundFFF {
    background: #fff !important;
    overflow: hidden;
}

ion-header.header.header-md {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 56px;
    padding: 4px 15px;
    color: #fff;
    border-color: #b2b2b2;
    background: #2A7394;
    box-shadow: 0px 3px 6px #adadad;
    font-family: "Roboto", "Helvetica Neue", sans-serif;
    font-size: 1.4rem;
    line-height: 48px;
    font-weight: 500;
}

page-user .logo {
    padding: 10px 0;
    text-align: center;
    width: 60%;
    height: 70px;
    line-height: 50px;
    background: url(../img/appicon.png) no-repeat;
    background-size: 100% 100%;
    background-position: 100% 100%;
    margin-top: 20px;
    margin-bottom: 10px;
    float: left;
    margin-left: 20%;
    color: #fff;
    font-size: 28px;
}

ion-list.list.list-md {
    float: left;
    width: 100%;
    margin-top: 20px;
}

ion-row.row {
    float: left;
    width: 100%;
    margin-top: 20px;
}

ion-item.item.item-block {
    float: left;
    width: 100%;
    margin-bottom: 8px;
}

.input-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-orient: inherit;
    -webkit-box-direction: inherit;
    -webkit-flex-direction: inherit;
    -ms-flex-direction: inherit;
    flex-direction: inherit;
    -webkit-box-align: inherit;
    -webkit-align-items: inherit;
    -ms-flex-align: inherit;
    align-items: inherit;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    text-overflow: ellipsis;
}

ion-label.label.label-md {
    float: left;
    height: 47px;
    line-height: 47px;
    border: none;
    color: #999;
    font-size: 15px;
    font-weight: normal;
    width: 32%;
    text-align: left;
}

ion-input {
    width: 68%;
    float: left;
}

ion-input input {
    border: thin solid #ddd !important;
    border-radius: 0 !important;
    box-shadow: initial !important;
    background: #fff;
    color: #333;
    width: 100%;
    float: left;
    height: 47px;
    padding: 0 10px;
    font-size: 16px;
}

ion-input input:focus {
    box-shadow: initial !important;
    outline: -webkit-focus-ring-color auto 0;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
    -webkit-text-fill-color: #333 !important;
}

ion-select {
    float: left;
    width: 100%;
    text-align: right;
    line-height: 46px;
    cursor: pointer;
}

ion-select i {
    color: #999;
    font-size: 17px !important;
    margin-left: 5px;
}

ion-row.row {
    float: left;
    width: 100%;
    margin: 0 !important;
}

ion-col.col {
    float: left;
    width: 100%;
}

button[ion-button].button-md {
    border-radius: 2px;
    overflow: hidden;
    height: 36px;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
    background-color: #2A7394;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    -webkit-transition: background-color 300ms cubic-bezier(0.4, 0, 0.2, 1), color 300ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: background-color 300ms cubic-bezier(0.4, 0, 0.2, 1), color 300ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1), background-color 300ms cubic-bezier(0.4, 0, 0.2, 1), color 300ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1), background-color 300ms cubic-bezier(0.4, 0, 0.2, 1), color 300ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1);
    margin: 10px auto;
    display: list-item;
    padding: 0 1.1em;
    border-radius: 4px;
    border: none !important;
}

.datetimesmall {
    font-size: 12px;
}

.selectAreaLangshadowArea {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 999;
    background: rgba(0, 0, 0, 0.6);
}

#selectAreaLang {
    position: fixed;
    width: 70%;
    height: 50%;
    z-index: 9999;
    left: 15%;
    top: 25%;
    background-color: #fafafa;
    -webkit-box-shadow: 0 16px 20px rgba(0, 0, 0, 0.4);
    box-shadow: 0 16px 20px rgba(0, 0, 0, 0.4);
    border-radius: 1px;
}

#selectAreaLang div.lang {
    float: left;
    width: 100%;
    padding: 10px;
    cursor: pointer;
}

#selectAreaLang div.titleArea {
    float: left;
    padding: 25px 25px 20px 25px;
    font-size: 19px;
    width: 100%;
    border-bottom: thin solid #ddd;
    height: 75px;
    font-weight: normal;
    color: #333;
}

#selectAreaLang div.langArea {
    float: left;
    font-size: 14px;
    width: 100%;
    overflow-y: scroll;
    border-bottom: thin solid #ddd;
    height: calc(100% - 125px);
}

#selectAreaLang div.lang:hover {
    background: #f2f2f2;
}

.selectIconLang {
    float: left;
    width: 16px;
    height: 16px;
    border-radius: 200px;
    border: 2px solid #777;
    margin-right: 10px;
    margin-top: 2px;
    overflow-y: hidden;
    overflow-x: hidden;
}

.buttonArea {
    float: left;
    width: 100%;
    height: 50px;
    line-height: 50px;
    color: #2A7394;
    text-transform: uppercase;
    text-align: right;
    padding: 0 10px;
}

.buttonArea a {
    color: #2A7394;
    padding: 0 20px;
    font-weight: 600;
    font-size: 14px;
}

.lang.active {
    color: #2A7394;
}

.lang.active .selectIconLang {
    border-color: #2A7394;
}

.lang.active .selectIconLang::before {
    content: '';
    position: relative;
    float: left;
    background: #2A7394;
    width: 8px;
    height: 8px;
    border-radius: 200px;
    margin-left: 2px;
    margin-top: 2px;
}

#fullScreen:fullscreen {
    overflow-x: scroll;
    width: 100%;
    overflow-x: hidden;
}

#fullScreen:-webkit-full-screen {
    overflow-x: scroll;
    width: 100%;
    overflow-x: hidden;
}

#fullScreen:-moz-full-screen {
    overflow-x: scroll;
    width: 100%;
    overflow-x: hidden;
}

#fullScreen:-ms-fullscreen {
    overflow-x: scroll;
    width: 100%;
    overflow-x: hidden;
}

#fullScreen:fullscreen #DataTable {
    width: 100% !important;
}

#fullScreen:-webkit-full-screen #DataTable {
    width: 100% !important;
}

#fullScreen:-moz-full-screen #DataTable {
    width: 100% !important;
}

#fullScreen:-ms-fullscreen #DataTable {
    width: 100% !important;
}

#fullScreen:fullscreen .table {
    width: 100% !important;
}

#fullScreen:-webkit-full-screen .table {
    width: 100% !important;
}

#fullScreen:-moz-full-screen .table {
    width: 100% !important;
}

#fullScreen:-ms-fullscreen .table {
    width: 100% !important;
}

#DataTable,
.table {
    width: 100% !important;
}

.liveChat {
    float: left;
    width: 100%;
}

.liveChat a,
.liveChat a:hover,
.liveChat a:active,
.liveChat a:focus {
    background: #416f41;
    padding: 12px 15px;
    color: #fff !important;
    float: left;
    width: 100%;
}

.navbar-inverse .navbar-nav .nav-link {
    color: #929191;
}

.navbar-inverse .navbar-nav .nav-link:hover,
.navbar-inverse .navbar-nav .nav-link:active,
.navbar-inverse .navbar-nav .nav-link:focus {
    color: #929191;
}

.navbar-inverse .navbar-nav>.nav-item>a.nav-link:hover,
.navbar-inverse .navbar-nav>.nav-item>a.nav-link:active,
.navbar-inverse .navbar-nav>.nav-item>a.nav-link:focus {
    color: #fff;
}

.no-js #loader {
    display: none;
}

.js #loader {
    display: block;
    position: absolute;
    left: 100px;
    top: 0;
}

.se-pre-con {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url(../img/logo.png) center no-repeat rgba(66, 160, 156, 0.9);
}

.modal-header {
    justify-content: initial !important;
    display: inline-block;
}

.main-content {
    padding-top: 0;
}

.mai-splash-screen .main-content {
    padding-top: 0;
}

.mai-top-header .navbar-brand {
    width: 165px;
    margin-right: 0;
}

.modal-lg {
    max-width: 980px;
}

.ion-2x {
    font-size: 25px;
}

.pull-left {
    float: left;
}

.pull-right {
    float: right;
}

.modal-body {
    padding: 20px 10px 30px;
}

.modal-header {
    background: #f3f3f3;
}

.modal-footer {
    background: #f3f3f3;
    display: inline-block !important;
}

.modal-header button[data-dismiss=modal] {
    background: #ff0000;
    padding: 4px 7px;
    border-radius: 2px;
    color: #fff;
}

.mai-datatable-footer {
    margin: 0;
    padding: 0 10px;
}

.panel-footer {
    padding: 10px;
    background: #f2f2f2;
    margin-top: 20px;
}

.control-label {
    font-weight: bold;
}

.select2-container--classic .select2-selection--single .select2-selection__arrow {
    height: 31px;
}

.select2-container--classic .select2-selection--single .select2-selection__rendered {
    line-height: 31px;
}

.label {
    display: inline;
    padding: 2px 9px;
    font-size: 94%;
    font-weight: 700;
    line-height: 1;
    color: #333;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 1px;
    border-bottom: thin solid #ccc;
    margin-bottom: 2px;
}

.marginB20 {
    margin-bottom: 20px !important;
}

.input-group-addon {
    padding: 7px 10px;
    background: #f2f2f2;
    border-radius: 3px 0 0 3px;
}

.dateArea {
    float: left;
    width: 100%;
    padding: 10px;
    margin-bottom: 20px;
    background: #f9f9f9;
    border: thin solid #f2f2f2;
}

.dateArea span:first-child {
    float: left;
    width: 33%;
}

.dateArea span:last-child {
    float: right;
    width: 33%;
}

.dateArea span:nth-child(2) {
    display: inline-block;
    width: 33%;
}

.uppercase {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
}

.panel.panel-warning .panel-heading {
    background: #fff4de;
}

.panel.panel-info .panel-heading {
    background: #d0ebff;
}

.fontSize30 {
    font-size: 30px;
}

.label-default {
    background-color: #777;
    color: #fff;
}

.label-primary {
    background-color: #337ab7;
    color: #fff;
}

.label-success {
    background-color: #5cb85c;
    color: #fff;
}

.planningWork {
    padding: 20px;
    float: left;
    font-size: 20px;
}

.label-info {
    background-color: #5c6a6f;
    color: #fff;
}

.label-warning {
    background-color: #f0ad4e;
}

.label-danger {
    background-color: #d9534f;
    color: #fff;
}

.table-font-small {
    font-size: 12px;
}

.checkbox-inline {
    margin-right: 10px;
    padding: 11px 21px;
    border: thin solid #f2f2f2;
}

.border-bottom-thin {
    border-bottom: thin solid #f2f2f2;
    padding-bottom: 10px;
}

div.dataTables_wrapper div.dataTables_processing {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    margin-left: 0;
    margin-top: 0;
    text-align: center;
    height: 100%;
    z-index: 999;
    background: rgba(255, 255, 255, 0.8);
    font-size: 70px;
}

.search-button {
    height: 33px;
}

.select2-container .select2-selection--single {
    height: 33px;
}

.msg_container_base {
    background: #f2f2f2;
    margin: 0 15px 20px 15px;
    padding: 0 10px 10px;
    max-height: 300px;
    overflow-x: hidden;
}

.user-stats {
    margin-bottom: 20px;
    display: block;
    box-shadow: initial;
    border: thin solid #ccc;
    float: left;
    width: 100%;
}

.user-stats-info {
    float: left;
    width: 100%;
    padding: 10px;
    background: #333;
    color: #fff;
}

.user-stats-name {
    font-weight: bold;
}

.user-stats-position {
    float: right;
}

.user-stats a {
    float: left;
    width: 33.333%;
    border-right: 1px solid #333;
    text-align: center;
    padding: 10px;
}

.user-stats a:last-child {
    border: none;
}

.msg_container_base .chat {
    list-style: none;
    margin: 0;
    padding: 0;
}

.msg_container_base .chat .header {
    float: left;
    width: 100%;
    margin-bottom: 5px;
}

.msg_container_base .chat li {
    margin-bottom: 10px;
    padding-bottom: 10px;
    padding-top: 10px;
    border-bottom: 1px dotted #B3A9A9;
}

.msg_container_base .chat li.left .chat-body {
    margin-left: 60px;
}

.msg_container_base .chat li.right .chat-body {
    margin-right: 60px;
}

.msg_container_base .chat li .chat-body p {
    margin: 0;
    color: #777777;
}

#homeAwayModal {
    display: inline-block;
    width: 100%;
    padding: 25px;
    background: #f2f2f2;
    text-align: center;
    font-size: 13px;
    color: #333;
    font-weight: bold;
    margin-bottom: 25px;
}

#MatchDate {
    display: inline-block;
    width: 100%;
    padding: 25px;
    background: #f2f2f2;
    text-align: center;
    font-size: 13px;
    color: #333;
    font-weight: bold;
    margin-bottom: 25px;
}

.boxedInfo {
    display: inline-block;
    width: 100%;
    padding: 25px;
    background: #f2f2f2;
    text-align: center;
    font-size: 13px;
    color: #333;
    font-weight: bold;
    margin-bottom: 25px;
}

.boxedInfo-small {
    display: inline-block;
    width: 100%;
    background: #f2f2f2;
    text-align: center;
    font-size: 13px;
    color: #333;
    font-weight: bold;
    margin-bottom: 0px;
    padding-bottom: 5px;
    padding-top: 5px;
}

.modal-body .row:last-child .form-group {
    margin-bottom: 1.5rem;
}

.btn-borning {
    background: #ffb3ba;
    color: #fff;
}

.btn-borning:hover,
.btn-default:active,
.btn-default:focus {
    background: #f0f3f5;
    color: #333;
}

.btn-default {
    background: #17a2b8;
    color: #FFF;
}

.btn-default:hover,
.btn-default:active,
.btn-default:focus {
    background: #f0f3f5;
    color: #333;
}

.btn-accounts {
    background: #d17ae4;
    color: #fff;
}

.btn-accounts:hover,
.btn-accounts:active,
.btn-accounts:focus {
    background: #973bab;
    color: #fff;
}

.btn-information {
    background: #5354c3;
    color: #fff;
}

.btn-information:hover,
.btn-information:active,
.btn-information:focus {
    background: #4234e8;
    color: #fff;
}

.width100percent {
    width: 100% !important;
}

.width20percent {
    width: 20% !important;
}

.width25percent {
    width: 25% !important;
}

.width35percent {
    width: 35% !important;
}

.marginB20 {
    margin-bottom: 20px;
}

.marginT20 {
    margin-top: 20px;
}

.activeGreen {
    background: #d7f9d7;
}

.activeGray {
    background: #ffb3ba;
}

.statusGreen {
    color: #2fdc2f;
    font-size: : larger;
}

.activeRed {
    background: #ffd4d4;
}

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 0 0;
    border-radius: 4px;
    float: right;
}

.pagination>li {
    display: inline;
}

.pagination>li>a,
.pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    line-height: 1.42857143;
    text-decoration: none;
    color: #337ab7;
    background-color: #fff;
    border: 1px solid #ddd;
    margin-left: -1px;
}

.pagination>li:first-child>a,
.pagination>li:first-child>span {
    margin-left: 0;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
}

.pagination>li:last-child>a,
.pagination>li:last-child>span {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
}

.pagination>li>a:hover,
.pagination>li>span:hover,
.pagination>li>a:focus,
.pagination>li>span:focus {
    z-index: 2;
    color: #23527c;
    background-color: #eeeeee;
    border-color: #ddd;
}

.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {
    z-index: 3;
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7;
    cursor: default;
}

.pagination>.disabled>span,
.pagination>.disabled>span:hover,
.pagination>.disabled>span:focus,
.pagination>.disabled>a,
.pagination>.disabled>a:hover,
.pagination>.disabled>a:focus {
    color: #777777;
    background-color: #fff;
    border-color: #ddd;
    cursor: not-allowed;
}

.pagination-lg>li>a,
.pagination-lg>li>span {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
}

.pagination-lg>li:first-child>a,
.pagination-lg>li:first-child>span {
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px;
}

.pagination-lg>li:last-child>a,
.pagination-lg>li:last-child>span {
    border-bottom-right-radius: 6px;
    border-top-right-radius: 6px;
}

.pagination-sm>li>a,
.pagination-sm>li>span {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
}

.pagination-sm>li:first-child>a,
.pagination-sm>li:first-child>span {
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
}

.pagination-sm>li:last-child>a,
.pagination-sm>li:last-child>span {
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
}

.panel-danger {
    background: #ffe0e0;
}

.panel-success {
    background: #d0fbd0;
}

.fontBig {
    font-size: 28px;
}

.panel {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid #c8ced3;
    border-radius: .25rem;
    margin-bottom: 15px;
}

.panel-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.25rem;
}

.panel-heading {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: #f0f3f5;
    border-bottom: 1px solid #c8ced3;
}

.panel-heading:first-child {
    border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}

.panel-heading h4 {
    font-size: 15px;
    margin: 0;
    padding: 0;
}

.panel-heading h3 {
    font-size: 17px;
    margin: 0;
    padding: 0;
}

.panel-heading h2 {
    font-size: 18px;
    margin: 0;
    padding: 0;
}

.panel.panel-success .panel-heading {
    background: #d6ffd6;
}

.panel.panel-danger .panel-heading {
    background: #ffdede;
}

.panel-heading {
    font-size: 15px;
    font-weight: 500;
}

.tools a {
    height: 30px;
    position: relative;
    margin-top: -3px;
    line-height: 16px;
}

.nothingelsemother {
    padding: 50px;
    font-size: 26px;
    text-align: center;
    font-weight: 400;
}

.topMenuInfo {
    float: left;
    padding: 25px 15px;
    font-weight: 600;
}

.table>thead>tr>th {
    font-weight: 600 !important;
}

.pointerGray {
    background: #f2f2f2;
    line-height: 50px;
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: 20px;
    padding: 5px 22px !important;
    cursor: pointer;
}

.pointerWhite {
    margin-top: 9px;
    margin-bottom: 0;
    font-size: 13px;
    cursor: pointer;
    height: 30px;
}

.display-none {
    display: none;
}

.onSystemOdd {
    float: left;
    width: 100%;
    background: #f2f2f2;
    border-radius: 2px;
    padding: 7px 15px;
    margin-bottom: 15px;
}

.onSystemOdd.greenOdd {
    background: #e0f3e0;
}

.onSystemOdd.redOdd {
    background: #ffdfdf;
}

.mai-top-header .navbar-collapse {
    padding: 0;
}

.navigation-bottom {
    background: #efefef;
    width: 100%;
    float: left;
    box-shadow: 0px 3px 1px #e2e2e2;
    border-radius: 3px;
    margin-bottom: 15px;
    margin-left: 15px;
    margin-right: 15px;
}

.navigation-bottom ul {
    margin: 0;
    padding: 0;
    float: left;
    width: 100%;
    list-style: none;
}

.navigation-bottom li {
    float: left;
    width: auto;
}

.navigation-bottom li a {
    float: left;
    width: 100%;
    padding: 15px 25px;
    color: #949292;
    font-size: 15px;
}

.navigation-bottom li a.router-link-active {
    background: #fff;
}

.navigation-bottom li a:hover {
    background: #e6e6e6;
}

.oddListing {
    float: left;
    width: 100%;
    margin-bottom: 20px;
}

.oddListing h5 {
    float: left;
    width: 100%;
    padding: 10px;
    font-size: 13px;
    border-bottom: 1px dashed #ddd;
}

.oddListing ul.oddList {
    list-style: none;
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
}

.oddListing ul.oddList li {
    float: left;
    width: 32%;
    background: #f2f2f2;
    border: thin solid #ddd;
    padding: 7px;
    margin-bottom: 1%;
    margin-right: 1%;
}

.oddListing ul.oddList li.active {
    background: #b8ffb8;
    font-weight: bold;
}

.oddListing ul.oddList li span.oddName {
    background: #ccc;
    padding: 5px 11px;
    font-weight: bold;
    margin: 0px 17px 0 0px;
    display: inline-block;
}

.oddListing ul.oddList li.active span.oddName {
    background: #fff;
    font-weight: bold;
}

.homeTeam {
    float: left;
    width: 44%;
    text-align: left;
    margin-right: 1%;
}

.awayTeam {
    float: left;
    width: 44%;
    text-align: right;
}

.periodName {
    float: left;
    width: 10%;
    height: 50px;
    line-height: 50px;
    text-align: center;
}

.homeTeamLogo {
    float: left;
    width: 20%;
}

.homeTeamName {
    float: left;
    width: 70%;
    line-height: 50px;
}

.awayTeamLogo {
    float: right;
    width: 20%;
}

.awayTeamName {
    float: right;
    width: 70%;
    line-height: 50px;
}

.homeTeamScore {
    float: left;
    width: 10%;
    background: #cccccc;
    padding: 10px;
    font-weight: bold;
    text-align: center;
    line-height: 30px;
    font-size: 16px;
}

.awayTeamScore {
    float: right;
    width: 10%;
    background: #cccccc;
    padding: 10px;
    font-weight: bold;
    text-align: center;
    line-height: 30px;
    font-size: 16px;
}

@media (min-width: 768px) {
    .modal-lg {
        width: 95%;
    }
}

@media (min-width: 992px) {
    .modal-lg {
        width: 1100px;
        max-width: 1100px !important;
    }
}

@media (min-width: 992px) {
    .modal-lg2 {
        width: 95%;
        max-width: 95% !important;
    }
}

.smallFont {
    font-size: 10px;
}

.normalFont {
    font-size: 12px;
}

.select2-selection__clear {
    height: 20px;
    width: 20px;
    margin-top: 6px;
    text-align: center;
    line-height: 18px;
    background: #ff6e6e;
    margin-right: 20px;
    color: #fff;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 31px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 31px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    top: 50%;
}

.status_select {
    width: 10% !important;
}

.couponStatus0_class {
    padding: 5px 20px;
    display: inline-block;
    color: #fff !important;
    background: #5bb4de !important;
}

.couponStatus1_class {
    padding: 5px 20px;
    display: inline-block;
    color: #fff !important;
    background: #73ca9b !important;
}

.couponStatus2_class {
    padding: 5px 20px;
    display: inline-block;
    color: #fff !important;
    background: #73ca9b !important;
}

.couponStatus-1_class {
    padding: 5px 20px;
    display: inline-block;
    color: #fff !important;
    background: #ca7373 !important;
}

.couponStatus-2_class {
    padding: 5px 20px;
    display: inline-block;
    color: #fff !important;
    background: #ec5d12 !important;
}

.chat-activity-list {
    max-height: 400px;
    overflow-y: scroll;
    border: thin solid #e7eaec;
}

.chat-activity-list .chat-element {
    border-bottom: 1px solid #e7eaec;
}

.chat-element:first-child {
    margin-top: 0;
}

.chat-element {
    padding-bottom: 15px;
}

.chat-element,
.chat-element .media {
    margin-top: 15px;
}

.chat-element,
.media-body {
    overflow: hidden;
}

.chat-element .media-body {
    display: block;
    width: auto;
    padding: 17px 27px;
}

.chat-element .image-area {
    border: thin solid #f2f2f2;
    border-radius: 200px;
    padding: 18px;
    margin: 14px;
}

.chat-element>.pull-left {
    margin-right: 10px;
}

.chat-element img.img-circle,
.dropdown-messages-box img.img-circle {
    width: 38px;
    height: 38px;
}

.chat-element .well {
    border: 1px solid #e7eaec;
    box-shadow: none;
    margin-top: 10px;
    margin-bottom: 5px;
    padding: 10px 20px;
    font-size: 11px;
    line-height: 16px;
}

.chat-element .actions {
    margin-top: 10px;
}

.chat-element .photos {
    margin: 10px 0;
}

.right.chat-element>.pull-right {
    margin-left: 10px;
}

.chat-photo {
    max-height: 180px;
    border-radius: 4px;
    overflow: hidden;
    margin-right: 10px;
    margin-bottom: 10px;
}

.chat {
    margin: 0;
    padding: 0;
    list-style: none;
}

.chat li {
    margin-bottom: 10px;
    padding-bottom: 5px;
    border-bottom: 1px dotted #B3A9A9;
}

.chat li.left .chat-body {
    margin-left: 60px;
}

.chat li.right .chat-body {
    margin-right: 60px;
}

.chat li .chat-body p {
    margin: 0;
    color: #777777;
}

.bottom {
    margin-bottom: 5px;
}

.td-middle {
    vertical-align: middle;
}

.badgeMessage {
    position: absolute;
    top: -7px;
    left: 12px;
    background: #da5b5b;
    border-radius: 200px;
    width: 20px;
    height: 20px;
    color: #fff;
    font-size: 10px;
    text-align: center;
    line-height: 17px;
    border: thin solid #333;
}

.btn-loginButton {
    background: #ddd;
    color: #333;
    font-weight: bold;
    padding: 9px 25px !important;
}

.btn-loginButton:hover {
    background: #ddd;
    color: #333;
    font-weight: bold;
    padding: 9px 25px;
}

.websiteLink {
    float: left;
    width: 100%;
    padding: 7px 15px;
    background: #ddd;
    border: thin solid #f2f2f2;
    color: #333;
}

.websiteLink:hover {
    color: #555;
}