* {
    margin: 0;
    padding: 0;
    border: 0;
    box-sizing: border-box;
}

body{
    font-size:14px;
}

button{
    cursor: pointer;
}

body.non-scroll-body #SlideMenu {
    overflow: hidden;
}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

* html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}

li {
    list-style: none outside none;
}

body {
    font-family: Arial, sans-serif;
    color: black;
    background-color: white;
    height: 100%;
    background: #333333;
    /*
    background: -moz-linear-gradient(top, black, white);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7d7e7d), color-stop(100%, #0e0e0e));
    */
}

div {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    border: none;
}

a {
    text-decoration: none;
    color: white;
    -transition: color 0.2s linear;
    -webkit-transition: color 0.2s linear;
    -moz-transition: color 0.2s linear;
}

    a:hover {
        color: #CCC;
    }

.nav-tabs .nav-item .nav-link {
    color: #ddd;
}

.nav-tabs .nav-link.active {
    color: rgb(217, 83, 79);
}

hr {
}

input[type="text"]:not([data-role="datepicker"]):not([data-role="numerictextbox"]):not([kendo-date-time-picker]), input[type="password"]:not([data-role="datepicker"]), select:not([data-role="datepicker"]):not([kendo-date-time-picker]) {
    height: 38px;
    border: 1px solid #CFCFCF;
    float: left;
}

label~input[type=checkbox].form-control{
    display: block;
}

input[type=checkbox].form-control{
    width: 20px;
}

.k-datetimepicker .k-icon{
    width:16px;
}

.k-widget.k-calendar .k-nav-fast, .k-widget.k-calendar .k-nav-prev, .k-widget.k-calendar .k-nav-next{
    margin-top:0;
    margin:0;
}

.k-widget.k-calendar .k-nav-prev, .k-widget.k-calendar .k-nav-next{
    top:0;
}

.k-calendar .k-footer .k-nav-today, .k-calendar .k-footer > .k-state-disabled{
    padding:5px;
    text-decoration:none !important;
}

.logo-content-mgo{
    min-width: 165px;
    min-height: 60px;
    background: url(/images/logo-mac-top.svg) no-repeat scroll 0 0 transparent;
    display: inline-block;
    text-indent: -999px;
    flex: 0 0 30%;
    height: 100%;
    background-size: 200px 60px;
}

.logo-content-cpm {
    min-width: 165px;
    min-height: 60px;
    background: url(/images/logo-content-cpm.svg) no-repeat scroll 0 0 transparent;
    display: inline-block;
    text-indent: -999px;
    flex: 0 0 30%;
    height: 100%;
    background-size: 200px 60px;
}

.logo-content-cmo {
    min-width: 165px;
    min-height: 50px;
    background: url(/images/logo-casino-magic.png) no-repeat scroll 0 0 transparent;
    display: inline-block;
    text-indent: -999px;
    flex: 0 0 30%;
    height: 100%;
    background-size: 150px 50px;    
    background-position-x: 50px;
}

.logo-content-cco {
    min-width: 165px;
    min-height: 50px;
    background: url(/images/Logo-casino-club-top-2025.svg) no-repeat scroll 0 0 transparent;
    display: inline-block;
    text-indent: -999px;
    flex: 0 0 30%;
    height: 100%;
    background-size: 200px 50px;
}

.logo-content-cto {
    min-width: 165px;
    min-height: 60px;
    background: url(/images/Logo-city-center.svg) no-repeat scroll 0 0 transparent;
    display: inline-block;
    text-indent: -999px;
    flex: 0 0 30%;
    height: 100%;
    background-size: 200px 60px;
}

.logo-legend {
    text-align: center;
    font-weight: bold;
    font-size: xx-small;
    margin: 0 auto;
}
.logo-large-mgo {
    background: url(/images/logo-mac-top.svg) no-repeat scroll center transparent;
    color: #A90329;
    font-size: 100px;
    font-weight: bold;
    height: 278px;
    overflow: hidden;
    text-indent: -999px;
    margin-top: 10%;
    opacity: 0.1;
    background-size: auto;
}

.logo-large-cpm {
    background: url(/images/logo-large-cpm.svg) no-repeat scroll center transparent;
    color: #A90329;
    font-size: 100px;
    font-weight: bold;
    height: 278px;
    overflow: hidden;
    text-indent: -999px;
    margin-top: 10%;
    opacity: 0.5;
    background-size: auto;
}
.logo-large-cmo {
    background: url(/images/logo-casino-magic.png) no-repeat scroll center transparent;
    color: #A90329;
    font-size: 100px;
    font-weight: bold;
    height: 278px;
    overflow: hidden;
    text-indent: -999px;
    margin-top: 10%;
    opacity: 0.1;
    background-size: auto;
}

.logo-large-cco {
    background: url(/images/Logo-casino-club-top-2025.svg) no-repeat scroll center transparent;
    color: #A90329;
    font-size: 100px;
    font-weight: bold;
    height: 278px;
    overflow: hidden;
    text-indent: -999px;
    margin: 10% auto;
    /*background-size: 80%;*/
}
.logo-large-cto {
    background: url(/images/Logo-city-center.svg) no-repeat scroll center transparent;
    color: #A90329;
    font-size: 100px;
    font-weight: bold;
    height: 278px;
    overflow: hidden;
    text-indent: -999px;
    margin: 10% auto;
    /*background-size: 80%;*/
}
.logo-legend-large {
    color: #DDDDDD;
    font-size: large;
    font-weight: normal;
    margin-top: 30vh;
    text-align: center;
    text-transform: uppercase;
}

#page {
    background: #333333;
    color: #333333;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    height: 100%;
}

    #page form {
        height: 99.6%;
        width: 100%;
        display: inline-block;
    }

.header.no-print {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    height: auto;
    justify-content: space-between;
    padding: 10px;
    padding-left: 30px;
    padding-right: 30px;
}

/*.menu-panel, #MainMenuPanel {
    width: fit-content;
}*/

    .menu-panel .menu, #MainMenuPanel .menu {
        flex-direction: row;
        flex-wrap: wrap;
        display: flex;
        justify-content: flex-start;
        width: -webkit-fill-available;
        margin: 1vw;
    }

.menu-panel-side .menu {
    display: none;
}

.menu-item-selected a, .menu .item a {
    margin: auto;
    cursor: pointer;
    text-transform: capitalize;
    font-weight: normal;
    width: 100%;
    display: inline-block;
    text-align: center;
    /*font-weight: bold;*/
    text-transform: uppercase;
}

.menu-item-selected {
    background: #333;
}

.menu-item {
    background: #444;
}

.menu-item, .menu-item-selected {
    margin: auto;
    display: inline-block;
    flex: 0 0 34%;
    min-width: 170px;
    font-size: 12px;
    padding: 10px;
    border-radius: 2px;
    margin: 1px;
    flex-grow: 1;
    height: 35px;
}

.menu-item-username {
    color: #FFF;
    /*margin: auto;*/
    display: inline-block;
    font-size: 12px;
    cursor: pointer;
    font-weight: normal;
    text-align: center;
    flex-grow: 1;
}


.content-place-holder {
    flex: 0 0 100%;
    width: 100%;
}

.no-print {
    background: none repeat scroll 0 0 #940000;
    margin: 0;
}

.form-item {
    clear: both;
    float: left;
    width: auto;
    padding: 1px 0;
}

    .form-item label {
        color: #FFFFFF;
        display: inline-block;
        float: left;
        font-family: Arial;
        font-size: 13px;
        height: 35px;
        line-height: 35px;
        width: 40%;
    }

    .form-item input {
        float: right;
        width: 60%;
    }

#LogIn1_divLogoutControls {
    height: 46px;
    align-items: center;
}

#LogIn1_divLoginControls {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
    -webkit-flex-direction: column;
    width: 100%;
    height: 60px;
}

#LogInPanel {
    position: relative;
    display: inline-block;
    height: 100%;
    flex: 0 0 100%;
    margin-right: 7px;
}

#LogIn1_divLoginControls .form-item input[type="text"],
#LogIn1_divLoginControls .form-item input[type="password"],
#LogIn1_divLoginControls .form-item label {
    height: 28px;
}

#LogIn1_divLoginControls .entar {
    -webkit-flex: 0 0 100%;
    flex: 0 0 100%;
    -webkit-order: 1;
    order: 1;
    margin: 0 1%;
    text-transform: uppercase;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    #LogIn1_divLoginControls .entar {
        -webkit-flex: 0 0 70%;
        flex: 0 0 70%;
    }
}

.field-name {
    font-weight: bold;
    font-family: Arial, sans-serif;
    font-size: small;
}

.search-user {
    float: left;
    width: 98%;
    display: flex;
    flex-wrap: wrap;
    margin: 1%;
}

    .search-user span, .search-user input {
        flex: 1 0 50%;
    }

.search-buscar {
    display: inline-block;
    width: 100%;
}

.result {
    font-weight: bold;
    font-family: Arial, sans-serif;
    font-size: small;
    width: 100%;
    float: left;
}

.player-result {
    display: inline-block;
    width: 98%;
    height: auto;
    border: 1px solid #BBBBBB;
    border-radius: 8px;
    /* box-shadow: -2px 2px 7px #AABBCC, -1px -2px 5px #EEEEEE inset; */
    padding: 20px;
    text-align: left;
    margin: 1%;
}


    .player-result .result, .content-ps .result {
        display: flex;
        border-bottom: 1px dotted #ccc;
    }

        .player-result .result span, .content-ps .result span {
            min-width: auto;
        }

.resultdni {
    height: 22px;
    margin-top: 2px;
    line-height: 24px;
    border: 1px solid #CFCFCF;
    float: left;
}

.resultdni {
    font-weight: bold;
}

.useradmin .result select {
    border: 1px solid #CFCFCF;
    border-radius: 2px;
}

.result .list-dear {
    width: 98%;
    margin: 1%;
    height: 22px;
    display: flex;
    height: auto;
    flex-wrap: wrap;
}

    .result .list-dear.checks {
        line-height: 26px;
    }

        .result .list-dear.checks input {
            min-width: 20px;
        }

.result span {
    display: inline-block;
    flex: 0 0 48%;
    margin: 2px 0;
    flex-grow: 2;
    height: 30px;
    line-height: 30px;
    border-bottom: 1px solid #ccc;
}

.result span, .no-print span.cell, .no-print span.GH-Input {
    display: inline-block;
    width: 50%;
    flex: 0 0 48%;
    min-height: 30px;
    flex-grow: 2;
    line-height: 30px;
    border-bottom: none;
}

.no-print span.cell, .no-print span.GH-Input {
    border-bottom: 1px dotted #ccc;
}

#ContentPlaceHolder1_txtStartDate, #ContentPlaceHolder1_txtEndDate {
    flex: 0 0 30%;
}

.GH-Input.check-kyc-validation label {
    color: red;
    display: inline-block;
    line-height: 25px;
    margin-left: 10px;
}

.no-print span.GH-Input.check-kyc-validation input {
    vertical-align: middle;
}

div.table.no-print {
    width: 98%;
    margin: 1%;
}

.total {
    font-weight: bold;
    font-family: Arial, sans-serif;
}

div.table {
    background-color: #FDFDFD;
    clear: both;
    display: block;
    box-sizing: border-box;
    text-align: left;
    width: 98%;
    margin: 1%;
    display: flex;
    flex-wrap: wrap;
}

    div.table p {
        height: 20px;
    }

    div.table .row {
        display: flex;
        margin: 2px 0;
        flex-wrap: wrap;
        width: 100%;
    }

    div.table .cell, div.table .GH-Input {
        flex: 1 0 50%;
    }

.change-password-container div.table .cell {
    min-width: 250px;
}

div.table .GH-Input {
    min-width: 170px;
}

.rbl-roles input {
    color: #6B6A6A;
    float: left;
    height: 30px;
    line-height: 30px;
}

.rbl-roles label {
    color: #6B6A6A;
    float: left;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    font-weight: bold;
}

.rbl-roles tr {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.field-name-primero {
    flex: 0 0 50%;
    min-width: 250px;
}

    .field-name-primero input {
        color: #6B6A6A;
        display: inline-block;
        float: left;
        font-family: Arial;
        font-size: 11px;
        height: 18px;
        margin: 8px 4px;
        width: 18px;
    }

    .field-name-primero label {
        color: #6B6A6A;
        display: inline-block;
        float: left;
        font-family: Arial;
        font-size: 15px;
        height: 35px;
        line-height: 35px;
        text-transform: uppercase;
    }

.last-transaction-cont {
    flex: 0 0 40%;
    text-align: center;
}

    .last-transaction-cont .guardar {
        min-width: 200px;
    }


.justify-space-between {
    justify-content: space-between;
}

.game-launch-demo-text {
    background: #ccc;
    padding: 1rem;
    display: flex;
    flex-wrap: wrap;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    color: #444;
}

#box {
    background: none repeat scroll 0 0 #FBFBFB;
    color: #888888;
    position: relative;
    width: 98%;
    margin: 0 1% 1%;
    display: inline-block;
    border-radius: 5px;
}

.useradmin .field-name-primero {
    background: #ccc;
    padding: 8px;
    display: flex;
    display: flex;
    flex-wrap: wrap;
}

    .useradmin .field-name-primero tr, .player-search .field-name-primero tr {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
    }

.useradmin .result {
}

    .useradmin .result input, .useradmin .result select {
        margin: 2px 0;
        flex: 0 0 48%;
        min-width: 200px;
        flex-grow: 2;
    }

.useradmin .change-pass {
    border-radius: 4px;
}

    .useradmin .change-pass .item-1 {
        background: #ccc;
        height: 26px;
        line-height: 26px;
        text-indent: 10px;
    }

.mask {
    position: fixed;
    top: 0;
    left: 0;
    padding: 0;
    overflow: hidden;
    background-color: rgba(255, 255, 255, 0.6);
    height: 100%;
    width: 100%;
    z-index: 1004;
}

.message-modal-content {
    margin: 0 auto;
    width: 50%;
    min-width: 300px;
}

.select-modal-content {
    margin: 0 auto;
    width: 95%;
}

.modal-content {
    background: #666;
    border-radius: 4px;
    color: white;
    height: auto;
    padding: 0;
    position: relative;
    text-align: center;
    z-index: 12;
    margin-top: 15%;
    display: flex;
    flex-direction: column;
    height: auto;
}

    .modal-content .log-modal {
        display: block;
        float: left;
        width: 100%;
    }



        .modal-content .log-modal .cell {
            color: #818181;
            float: left;
            font-family: Arial,sans-serif;
            font-size: 13px;
            font-weight: bold;
            width: 125px;
            text-align: left;
            height: 22px;
            line-height: 22px;
        }

    .modal-content .error {
        background: url(/images/error-rojo.png) no-repeat scroll center center transparent;
        width: 96%;
        margin: auto;
        margin: 2%;
        flex: 0 0 30%;
        min-height: 50px;
    }

    .modal-content .check {
        background: url("/images/ok-verde.png") no-repeat scroll center center transparent;
        width: 96%;
        margin: auto;
        margin: 2%;
        flex: 0 0 30%;
        min-height: 50px;
    }

.grid-view {
    background-color: transparent;
    border-collapse: collapse;
    font-size: 12px;
    overflow: auto;
    padding: 0;
    width: 100%;
    display: inline-table;
}

    .grid-view tr:first-child {
        color: #FFFFFF;
        font-size: 12px;
        font-weight: bold;
        letter-spacing: 2px;
        height: 27px;
        line-height: 27px;
        text-transform: uppercase;
    }

    .grid-view tr:nth-child(even) {
        background: #222;
        color: #FFFFFF;
    }

    .grid-view tr:nth-child(odd) {
        background: #333;
        color: #FFFFFF;
    }

    .grid-view tr {
        height: 30px;
    }

        .grid-view tr a {
            background: url("/images/li.png") no-repeat scroll 9px 4px transparent;
            color: red !important;
            display: block;
            height: 19px;
            padding: 0;
            text-indent: -999em;
            width: 9px;
        }

    .grid-view th {
        background: #EEE;
        color: #222;
        font-size: 12px;
        letter-spacing: 0;
    }

.div-grid-view {
    font-size: small;
    overflow-y: auto;
}


.modal-content .div-grid-view {
    font-size: small;
    max-height: 400px;
    margin: 0 auto;
    overflow: auto;
    width: 100%;
}

.buttons-box {
    width: auto;
    margin: auto;
    display: inline-block;
}

.button-left {
    width: auto;
    padding: 0;
    text-align: right;
    float: left;
}

.center-buttons .button-right input {
    background: #333;
}

.button-left input, .button-left a,
.button-right input, .button-right a,
.guardar, .guardar-bt,
.button-left .close,
.buscar-s,
.menu-item-logout,
.register-btn {
    background: rgb(217, 83, 79);
    border-radius: 2px;
    color: #FFFFFF;
    display: inline-block;
    font-family: arial;
    font-size: 12px;
    font-weight: normal;
    height: 38px;
    line-height: 40px;
    padding: 0;
    text-transform: uppercase;
    cursor: pointer;
    padding: 0px 6px;
    float: right;
    text-align: center;
    min-width: 206px;
}

.simple-modal-content .button-left {
    width: 100%;
}

    .simple-modal-content .button-left input, .modal-content .button-left input {
        margin: 1%;
        width: 98%;
    }

.entar {
    background: #333333;
    padding: 10px;
    border-radius: 2px;
    color: #FFFFFF;
    margin: 0;
}

.center-buttons .button-left a, .center-buttons .button-right a,
.center-buttons .button-left input, .center-buttons .button-right input, .button-right.close-caja {
    margin: 0;
    width: 100%;
}

    .button-right.close-caja a {
        width: 49%;
        margin: 1%;
    }

.center-buttons .button-right a {
    background: #333;
}

.buttons-box .button-right a:nth-child(2) {
    margin-top: 1%;
}

.useradmin .guardar, .search-buscar .buscar-s, .register-btn,
.field-container .buscar-s,
.field-container span, .field-container input[type="text"],
.field-container input[type="password"],
.field-container select {
    margin: 1%;
    width: 98%;
    display: inline-block;
}


.player-search .field-container span {
    line-height: 32px;
    width: 26%;
    float: left;
}

.player-search .field-container input[type="text"] {
    width: 70%;
}

.content-ps {
    padding: 0;
    width: 100%;
    display: inline-block;
}

.button-center {
    text-align: center;
}

.button-right {
    width: auto;
    padding: 0;
    text-align: left;
    float: left;
}

.player-result span {
    display: inline-block;
    width: auto;
    margin: 1%;
}

.player-result input[type="text"] {
    width: 48.5%;
    margin: 1%;
}

.modal-content .button-center a, .modal-content .button-center .close {
    background: url("/images/close.png") no-repeat scroll 0 -3px transparent;
    display: block;
    float: right;
    height: 25px;
    text-indent: -999em;
    width: 32px;
    cursor: pointer;
}

.modal-content .button-center {
    background: none repeat scroll 0 0 #C63333;
    border-radius: 2px 0;
    padding: 0;
    width: 100%;
    display: inline-block;
}

.just_print {
    display: none;
}

.message {
    color: #DDDDDD;
    float: left;
    font-size: 13px;
    font-weight: bold;
    padding: 0;
    width: 90%;
    flex: 0 0 60%;
    margin: 0 5% 5% 5%;
}

.modal-content .message span {
    float: none !important;
}

.transaction-grid {
    width: 100%;
}

.transaction-grid {
    float: left;
    height: auto;
    overflow-x: auto;
}

    .transaction-grid #grid {
        min-width: 600px;
        display: inline-block;
        width: 98%;
        margin: 1%;
    }

    .transaction-grid table {
        text-align: center;
        min-width: 700px;
    }

        .transaction-grid table tr {
            border-bottom: 1px solid #D2D2D2;
        }

.item-trasaction {
    bottom: 0;
    margin: 1%;
    display: inline-block;
    width: 98%;
    height: 30px;
    line-height: 30px;
}

    .item-trasaction span.total {
        font-size: 13px;
        margin: 0;
    }

    .item-trasaction span.total-dos {
        font-size: 13px;
        margin: 0;
    }

.transaction-grid .grid-view tr:nth-child(even) {
    background: #D2D2D2;
    color: #333;
}

.transaction-grid .grid-view tr th {
    text-transform: none;
    height: 17px;
    line-height: 17px;
}

.transaction-grid .grid-view tr:nth-child(odd) {
    background: #DDD;
    color: #333;
}

.transaction-grid table tr:first-child {
    background: #940000;
    color: #333;
}

.player-search .game-launch-demo-text table {
    float: left;
    width: 100%;
}

.look-for-player-container {
    width: 100%;
    display: inline-block;
    height: 100%;
}

    .look-for-player-container .buscar-s {
        width: 98%;
        margin: 1%;
    }

.x-small {
    clear: both;
    font-weight: bold;
    text-align: left;
    width: 98%;
    margin: 1%;
}

    .x-small li {
        color: #818181;
        font-size: 11px;
        height: 14px;
        text-align: left;
    }

        .x-small li:first-child {
            margin: 0;
            text-align: left;
            padding: 0;
        }

/********** BEGIN: MaskedEdit Related Styles **********/
.masked-edit-focus {
    background-color: #ffffcc;
    color: #000000;
}

.masked-edit-message {
    color: #a90329;
    font-weight: bold;
}

.masked-edit-error {
    background-color: #a90329;
}

.GH_Calendar .ajax__calendar_container {
    border: 1px solid #646464;
    background-color: white;
    z-index: 1;
    color: #8f0222;
}

.GH_Calendar .ajax__calendar_other .ajax__calendar_day,
.GH_Calendar .ajax__calendar_other .ajax__calendar_year {
    color: black;
}

.GH_Calendar .ajax__calendar_hover .ajax__calendar_day,
.GH_Calendar .ajax__calendar_hover .ajax__calendar_month,
.GH_Calendar .ajax__calendar_hover .ajax__calendar_year {
    color: black;
}

.GH_Calendar .ajax__calendar_active .ajax__calendar_day,
.GH_Calendar .ajax__calendar_active .ajax__calendar_month,
.GH_Calendar .ajax__calendar_active .ajax__calendar_year {
    color: #000000;
    font-weight: bold;
    background-color: #AA3333;
    text-align: center;
    padding: 1px;
}

/********** END: MaskedEdit Related **********/

.transactions {
}

    .transactions span {
        color: #333333;
        font-size: 14px;
        font-weight: bold;
        margin: 0;
        display: inline-block;
        width: 100%;
    }

        .transactions span[style*="visibility:hidden"] {
            display: none;
        }

        .transactions span.desde1, .transactions span.desde {
            height: 35px;
            line-height: 35px;
            display: inline-block;
            flex: 0 0 20%;
            width: auto;
        }

.date-picker-container {
    display: flex;
    flex-wrap: wrap;
    height: auto;
    width: 100%;
}

    .date-picker-container input[type="text"] {
        flex-wrap: wrap;
        text-align: center;
        width: 30%;
        min-width: 75px;
    }

    .date-picker-container .datetime-selects {
        display: flex;
        flex-wrap: nowrap;
        flex: 0 0 70%;
        justify-content: space-around;
    }

    .date-picker-container input[type="text"], .date-picker-container input[type="password"], .date-picker-container select {
        border: 1px solid #999;
        margin: 0;
        cursor: pointer;
        margin-top: 2px;
    }

    .date-picker-container .datetime-selects select {
        flex: 0 0 30%;
    }

    .date-picker-container .flex-cont {
        flex: 0 0 80%;
        display: flex;
        flex-wrap: nowrap;
        padding: 0;
        justify-content: flex-end;
    }

.transactions .trancajero {
    clear: both;
    margin: 1%;
}

    .transactions .trancajero input[type="text"] {
        width: 100%;
        margin: 1% 0;
    }

    .transactions .trancajero .buscar-s {
        width: 100%;
    }

.transactions .button-left, .transactions .button-right {
    width: 48.5%;
}

.transactions .button-left {
    margin-left: 1%;
}

.transactions .button-right {
    margin-left: 1%;
    margin-right: 1%;
}

    .transactions .button-left a, .transactions .button-right a {
        width: 100%;
        text-align: center;
    }


.tiketek {
}

    .tiketek p span.cell {
        border: 0 none;
        font-size: 13px;
        margin: 0;
        width: 198px;
    }

    .tiketek p span {
        border: 1px solid #CFCFCF;
        border-radius: 2px;
        color: #333333;
        display: inline-block;
        font-size: 12px;
        height: 20px;
        line-height: 20px;
        margin: 0;
        width: 256px;
    }

    .tiketek .select {
        float: left;
        margin: 0;
        padding: 0 20px 20px;
    }

    .tiketek span {
        float: left;
        margin: 0;
        height: 35px;
        line-height: 35px;
    }

    .tiketek .button-left {
        float: left;
    }

    .tiketek .button-right {
        float: left;
        text-align: left;
        width: auto;
    }

.deposit-man {
    width: 100%;
    display: inline-block;
    height: auto;
}

    .deposit-man span {
        flex: 0 0 19%;
        margin-left: 1%;
        min-width: 100px;
        height: 35px;
        display: inline-block;
        line-height: 35px;
    }

    .deposit-man p {
    }

    .deposit-man strong {
        float: left;
    }

    .deposit-man .amount-to-deposit {
        float: left;
        flex: 0 0 79%;
        margin-right: 1%;
        height: 35px;
        display: flex;
        line-height: 35px;
        justify-content: flex-end;
        flex-grow: 2;
    }


.buttons-container, .center-buttons .buttons-box {
    flex: 0 0 100%;
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: space-between;
}

    .buttons-container .guardar-bt, .center-buttons .button-left, .center-buttons .button-right {
        flex: 1 0 48%;
        float: left;
        margin: 1%;
    }

        .buttons-container .guardar-bt:last-child {
            background: #333;
        }

.deposit-content {
    width: 100%;
    display: flex;
    height: auto;
    flex-wrap: wrap;
    background: #ccc;
    padding: 1%;
}

.item-1 {
    clear: both;
}

.item-2 {
    background: #45484d; /* Old browsers */
    background: -moz-linear-gradient(top, #45484d 0%, #000000 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45484d), color-stop(100%,#000000)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #45484d 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #45484d 0%,#000000 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #45484d 0%,#000000 100%); /* IE10+ */
    background: linear-gradient(to bottom, #45484d 0%,#000000 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
    border-radius: 4px;
}

.no-border-no-padding {
    padding: 0;
    margin: 0;
}

.deposit-notification {
    float: right;
    width: 286px;
    font-size: 12px;
    /*background: none repeat scroll 0 0 #FF0000;*/
    border: 1px solid #FF0000;
    border-radius: 4px;
    color: #FF0000;
}

.vuelva-login {
    display: none;
}

#LogIn1_divLoginControls, #LogIn1_divLogoutControls {
    display: flex;
    float: right;
    width: 100%;
}

.rbl-roles {
    margin-bottom: 6px;
    color: #fff;
}

    .rbl-roles input {
        position: absolute !important;
        clip: rect(0, 0, 0, 0);
        height: 1px;
        width: 1px;
        border: 0;
        overflow: hidden;
        color: #fff;
    }

    .rbl-roles label {
        display: inline-block;
        width: 92%;
        margin: 4%;
        background-color: #333;
        color: #fff;
        height: 60px;
        line-height: 60px;
        font-size: 14px;
        font-weight: normal;
        text-align: center;
        text-shadow: none;
        -webkit-transition: all 0.1s ease-in-out;
        -moz-transition: all 0.1s ease-in-out;
        -ms-transition: all 0.1s ease-in-out;
        -o-transition: all 0.1s ease-in-out;
        transition: all 0.1s ease-in-out;
    }

        .rbl-roles label:hover {
            cursor: pointer;
        }

    .rbl-roles input:checked + label {
        background-color: rgb(217, 83, 79);
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .rbl-roles td {
        flex: 1 0 18%;
    }

.notify{
    -webkit-animation: color-me-in 1s infinite;
    animation: color-me-in 1s infinite;
}

@keyframes color-me-in {
    0% {
        color: orange;
    }
    50% {
        color: yellow;
    }
    100% {
        color: orange;
    }
}

.logout-header{
    display:inline-flex;
    flex:100%;
    padding-top:10px;
}

.logout-menu{
    display:none;
}

.mobileHeader.logout .notify{
    display:none;
}

.mobile.login .notify{ display:none; }

/*.nav{
    font-size:14px
}*/
/* On smaller screens, where height is less than 450px, 
    change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-width: 700px) {
    
    .logo-large{
        background-size:90%;
    }

    .login .form-item{
        padding: 10px 1px 0;
    }

    .navigation>.nav.nav-pills{
        display:inherit;
    }

    .mobile.login .notify{ display:block; }

    .mobileHeader.login .notify{
        margin-top: 22px;
        margin-left: 95vw;
        display:block;
        font-size:14px;
    }

    .nav-pills .nav-link {
        font-size: 11px;
    }

    .logout-header{
        display: none;
    }

    #LogIn1_divLogoutControls>.logout-menu{
        display:block;
        z-index: 1;
    }

    .hide-media {
        display: none;
    }

    .header.no-print {
        height: 100%; /* 100% Full-height */
        width: 250px; /* 0 width - change this with JavaScript */
        position: fixed; /* Stay in place */
        z-index: 20; /* Stay on top */
        top: 0;
        left: -250px;
        /*  background-color: #111; Black*/
        overflow-x: hidden; /* Disable horizontal scroll */
        transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
        flex-direction: column;
    }

    .menu-panel.no-print .menu {
        display: flex;
        justify-content: flex-start;
    }


    .menu-panel-side {
        width: 250px;
        top: 150px;
        position: absolute;
    }

        .menu-panel-side:not(.activate) .panel {
            display: none;
        }

    #MainMenuPanel .menu {
        display: none;
    }
    /* The side navigation menu */
    .menu-panel-side .menu {
        display: block;
        /*flex-direction: column;
        justify-content: flex-start;
        position:absolute;*/
        flex:100%;
    }

    .menu-item-username {
        display: block;
    }

    /*.notify{
        margin-left: 10px;
        margin-top:0;
    }*/

    .menu-item-logout.header {
        display:none;
        /*min-width: 0;
        width: auto;
        margin: 0;
        flex: 0 0 58%;*/
    }

    .menu-item, .menu-item-selected {
        flex-grow: 0;
        flex: 100%;
        border-radius: 0;
        margin: 0;
        text-align: left;
        height: 40px;
        text-indent: 5px;
        line-height: 40px;
        padding: 0;
        max-width: none;
    }

        .menu-item-selected a, .menu .item a {
            text-align: left;
        }

    .header.no-print {
        margin: 0;
        padding: 0;
        flex: none;
        justify-content: baseline;
    }

        .header.no-print .logo-content {
            display: none;
            flex: none;
        }

        .header.no-print #LogInPanel {
            padding-top: 12px;
            flex-grow: 0;
            height: auto;
            flex: none;
            width: 100%;
        }

        .header.no-print #LogIn1_divLoginControls {
            width: 100%;
            flex-wrap: wrap;
            margin: 0;
            height: auto;
        }

    #LogIn1_divLoginControls .form-item {
        display: flex;
        flex-wrap: wrap;
    }

        #LogIn1_divLoginControls .form-item input[type="text"],
        #LogIn1_divLoginControls .form-item input[type="password"],
        #LogIn1_divLoginControls .form-item label {
            height: 35px;
            text-indent: 10px;
        }

    .menu-item {
        background: none;
        border-bottom: .5px solid #fff;
        flex:100%;
        display:block;
    }

    .mobileHeader {
        height: 66px;
        width: 100%;
        display: inline-block;
        background: none repeat scroll 0 0 #940000;
        padding:10px;
    }

    .menu-nav {
        background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMS4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDU1NyA1NTciIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDU1NyA1NTc7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiNGRkZGRkY7fQ0KPC9zdHlsZT4NCjxnPg0KCTxyZWN0IHg9IjE0MSIgeT0iMzU0IiBjbGFzcz0ic3QwIiB3aWR0aD0iMjA4IiBoZWlnaHQ9IjMzIi8+DQoJPHJlY3QgeD0iMTQxIiB5PSIyOTAiIGNsYXNzPSJzdDAiIHdpZHRoPSIyMDgiIGhlaWdodD0iMzMiLz4NCgk8cmVjdCB4PSIxNDEiIHk9IjIyNiIgY2xhc3M9InN0MCIgd2lkdGg9IjIwOCIgaGVpZ2h0PSIzMyIvPg0KPC9nPg0KPC9zdmc+DQo=') /*/images/menu-3lines-icon.svg*/ no-repeat center;
        background-size: 48px;
        width: 51px;
        border: none;
        margin: 0;
        height: 100%;
        display: inline-block;
        float: left;
        margin-top: -2px;
    }

    .full {
        height: 100%; /* 100% Full-height */
        width: 0; /* 0 width - change this with JavaScript */
        position: fixed; /* Stay in place */
        z-index: 1; /* Stay on top */
        top: 0;
        left: 0;        
        background-color: #000; /* Black*/
        overflow-x: hidden; /* Disable horizontal scroll */
        padding-top: 60px; /* Place content 60px from the top */
        /*transition: 0.5s;*/ /* 0.5 second transition effect to slide in the sidenav */
    }

    .full[style="width: 100%;"]{
        opacity: 0.5;
    }

    #LogIn1_divLoginControls .form-item input,
    #LogIn1_divLoginControls .form-item label {
        flex: 0 0 98%;
        margin: 0 1%;
    }

    #LogIn1_divLoginControls .form-item input {
        height: 35px;
        border-radius: 1px;
        color: #333;
    }

    #LogIn1_divLoginControls .entar {
        margin-top: 10px;
        background: rgb(217, 83, 79);
        cursor:pointer;
    }

    .menu-item-logout {
        background: rgb(217, 83, 79);
    }

    a.logo-img-mgo{
        height: 46px;
        width: 42px;
        background: url(/images/logo-mac-top.svg) 0px 3px no-repeat;
        display: inline-block;
        background-size: 100%;
    }
    a.logo-img-cpm {
        height: 46px;
        width: 100px;
        background: url(/images/logo-img-cpm.svg) 0px 3px no-repeat;
        display: inline-block;
        /*background-size: 100%;*/
    }
    a.logo-img-cmo{
        height: 46px;
        width: 100px;
        background: url(/images/logo-casino-magic.png) 2px 2px no-repeat;
        display: inline-block;
        background-size: 100%;
    }

    a.logo-img-cto {
        height: 46px;
        width: 101px;
        background: url(/images/Logo-city-center.svg) 0px 3px no-repeat;
        display: inline-block;
        background-size: 100%;
    }

    a.logo-img-cco {
        height: 46px;
        width: 101px;
        background: url(/images/Logo-casino-club-top-2025.svg) 0px 3px no-repeat;
        display: inline-block;
        background-size: 100%;
    }

    #LogIn1_divLoginControls, #LogIn1_divLogoutControls {
        height: auto;
    }

    .rbl-roles td:last-of-type label {
        line-height: 30px;
    }
}

@media screen and (max-width: 600px) {
    .container-fluid{
        padding-left: 0;
        padding-right: 0;
    }

    .card{
        border-radius: 0;
        margin: 15px;
    }

    .card-block{
        padding: 15px;
    }

    .nav-item.btn-group>.nav-link{
        font-size:14px;
    }

    div.message-modal-content {
        width: 90%;
    }
}

.menu-nav.ui-btn-up-a {
    display: none;
}


.IsSelfExcludedTextRed {
    color: red;
}

ondiss-kendo-grid{
    touch-action:pan-x;
    -ms-touch-action: pan-x;
}

input.ng-invalid{
    color:rgb(217, 83, 79) !important;
    border-color:rgb(217, 83, 79);
}

input.ng-invalid:-webkit-autofill {
    border-color:rgb(217, 83, 79);
    background-color: rgb(217, 83, 79) !important;
    -webkit-box-shadow: /*your box-shadow*/,0 0 0 50px rgb(217, 83, 79) inset;
    -webkit-text-fill-color: rgb(217, 83, 79);
}

input.ng-invalid:-webkit-autofill:focus {
    border-color:rgb(217, 83, 79);
    -webkit-box-shadow: /*your box-shadow*/,0 0 0 50px rgb(217, 83, 79) inset;
    -webkit-text-fill-color: rgb(217, 83, 79);
}

.btn-danger.focus, .btn-danger:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}


/*.btnNewWithdrawal {
    width: 154px;
    margin-left: -20px
}*/


.btnSiguiente {
    width: 100%;flex: 1 0 37%; float: left; 
}


.btnCancelar {
    width: 100%;
    background: black;
    flex: 1 0 37%;
    float: left;
}

.btnBloqueo {
    width: 100%;
    background: dimgrey;
    flex: 1 0 37%;
    float: left;
}

.divBoxAgency {
    width: 100%;
    margin-left: 0px;
}

.inputCodExt {
    width: 890px;
    margin-top: -23px;
}


.divContentBtnAgency {
    display: flex;
    justify-content: space-between;
    margin-right: 242px;
    margin-top: 38px;
}


.divTextExtraerAgency {
    width: 100%;
    height: auto;
    flex-wrap: wrap;
    background: #ccc;
    padding: 1%;
}


.spanTextExtraerAgency {
    color: dimgrey;
    font-size: 18px;
    margin-left: 13px;
}

.divTextMontoAgency {
    float: right;
    margin-top: -15px;
    margin-right: 22px;
}

.spanTextMontoAgency {
    float: left;
    color: dimgrey;
    font-size: 18px;
}


.inputDNI {
    width: 890px;
    margin-top: -13px;
}


/*#boxDeposit {
    background: none repeat scroll 0 0 #FBFBFB;
    color: #888888;
    position: relative;
    width: 98%;
    margin: 0 1% 1%;
    display: inline-block;
}*/


.btnDepositAgency {
    width: 100%;
    flex: 1 0 37%;
    float: left;
}

.btnCerrarAgency {
    width: 100%;
    background: black;
    flex: 1 0 37%;
    float: left;
}




.divContentDepositBtnAgency {
    display: flex;
    justify-content: space-between;
    margin-top: 47px;
}

.unable {
    background: orange !important;
    color: white !important;
}

.able{
    background: green !important;
    color: white !important;
}

.color{
    color: #940000; 
    border-color: transparent;
}

.remove {
    background: darkred !important;
    color: white !important;
}

.k-button.k-grid-aprobar {
    color: #fff;
    background-color: #5cb85c !important;
    border-color: #5cb85c;
    min-width: 40px !important;
}
.nav-link.disabled {
    color: white;
    cursor: not-allowed;
    /*background-color: rgb(217, 83, 79) !important;*/
    border-color: rgb(217, 83, 79);
}
.btn-danger.disabled, .btn-danger:disabled {
    background-color: rgb(217, 83, 79);
    border-color: rgb(217, 83, 79);
}

.border-primary {
    border-color: #007bff!important;
}

.border-secondary {
    border-color: #6c757d!important;
}

.border-success {
    border-color: #28a745!important;
}

.border-danger {
    border-color: #dc3545!important;
}

.border-warning {
    border-color: #ffc107!important;
}

.border-info {
    border-color: #17a2b8!important;
}

.border-light {
    border-color: #f8f9fa!important;
}

.border-dark {
    border-color: #343a40!important;
}

.border-white {
    border-color: #fff!important;
}

.border {
    border: 1px solid #dee2e6;
}

.visible {
  visibility: visible;
}
.invisible {
  visibility: hidden;
}

.logo-content-ct {
    min-width: 165px;
    min-height: 50px;
    background: url(/images/Logo-city-center-color-blanco.svg) no-repeat scroll 0 0 transparent;
    display: inline-block;
    text-indent: -999px;
    flex: 0 0 30%;
    height: 100%;
    background-size: 200px 50px;
}

.logo-large-ct {
    background: url(/images/Logo-city-center-color-blanco.svg) no-repeat scroll center transparent;
    color: #A90329;
    font-size: 100px;
    font-weight: bold;
    height: 278px;
    overflow: hidden;
    text-indent: -999px;
    margin: 10% auto;
    /*background-size: 80%;*/
    opacity: 0.3;
}

.impuesto-info {
    display: block;
    text-align: center;
    width: 60%;
    margin: 1em auto;
    background: #d6eaf8;
    padding: .6em;
    border-left: solid 4px #3498db;
    font-family: Arial;
    font-size: .9em;
    color: #3498db;
}

.impuesto-info p {
    display: inline-block;
    margin-bottom: 0em !important;
}

.impuesto-info span {
    font-weight: bold;
}