* {
    margin: 0;
    padding: 0
}

html {
    width: 100%;
    height: 100%;
}

body {
    display: block;
    font-size: 11px;
}

.clear {
    clear: both !important;
    display: block !important;
    width: 100% !important;
    float: none !important;
    height: 0;
}

.clearfix {
    *zoom: 1;
}

.clearfix:before,
.clearfix:after {
    display: table;
    content: "";
    line-height: 0;
}

.clearfix:after {
    clear: both;
}

.hidden {
    display: none !important;
}

.infinite {
    font-size: large;
}

.male {
    color: royalblue;
}

.female {
    color: purple;
}

td img {
    vertical-align: middle;
}

/** Header **/
div#topNav div.userNav ul a span#lang,
div#topNav div.userNav ul a span#currency,
div#topNav div.userNav ul a span#timezone {
    padding-right: 0;
}

div#topNav div.userNav ul a span.head_other {
    padding-left: 2px;
}

div#topNav div.userNav ul a img.lang_icon {
    padding-top: 10px;
    padding-left: 2px;
    padding-right: 14px;
}

div.main_content {
    padding-top: 20px;
}

/** Menu fixes **/
div.leftNav div.widget {
    margin: 0 !important;
}

div.leftNav div.first {
    margin: 0 !important;
}

div.leftNav div.widget div.head h5 {
    color: #2B6893;
}

div.home_buttons {
    text-align: center;
}

div.home_buttons a {
    width: 80px;

}

div.content div.home_btn_row {
    padding: 40px 0 0 0;
}

div.log_row {
    font-size: 12px;
    padding-bottom: 2px;
}

ul.menu {
    padding-bottom: 20px;
}

ul.actions {
    position: relative;
}

ul.actions li {
    display: inline-block;
    width: 14px;
    padding: 0 4px;
    zoom: 1;
    *display: inline;
}

/** Form **/
form a.greyishBtn {
    float: right;
    padding: 4px 14px;
}

form a.greyishBtn:after {
    clear: both;
}

.mainForm label {
    display: inline;
    margin: 0;
    padding: 0 3px 0 0;
}

.mainForm .rememberMe label,
.mainForm .loginRow label {
    display: block;
    float: left;
    margin-right: 15px;
    padding: 4px 10px;
}

.mainForm .loginRow .val_error {
    margin: 2px 5px;
    padding: 2px;
}

/** Add Button **/
div.addBtn {
    float: left;
    padding: 14px 12px;
}

div.addBtn a {
    position: relative;
    padding: 7px 14px 7px 5px;
}

div.addBtn a img.icon {
    margin: 0 4px 0 0;
    position: relative;
    top: 2px;
}

/**  dynamic table **/
div.dataTables_filter {
    float: right
}

div.dataTables_length {
    float: left;
}

/** Form Table **/
table.form_table {
    width: 100%;
}

table.form_table tr td.form_label {
    width: 20%;
}

table.filter_ticket_table.form_table div.select2-container {
    min-width: 75px;
}

table.filter_ticket_table.form_table .ui-spinner {
    width: 85px;
}

div.val_error {
    color: #565656;
    font-size: 11px;
    padding: 2px 5px 2px 5px;
    background: #fccac1;
    border: 1px solid #e18b7c;
    margin-top: 5px;
}

input.amountButton {
    width: 100px;
}

div.select2-container {
    min-width: 100px;
    width: 100%;
}

div.select2-container-multi {
    min-width: 200px;
    width: 100%;
}

.turnover_table div.select2-container-multi {
    min-width: 10px;
}

li.select2-result {
    min-width: 200px;
    width: 100%;
}

div.select2-drop {
    min-width: 200px;
    width: auto;
}

/* css for timepicker */
div.ui-timepicker-div {
    padding: 0 5px;
}

.ui-timepicker-div .ui-widget-header {
    margin-bottom: 8px;
}

.ui-timepicker-div dl {
    text-align: left;
}

.ui-timepicker-div dl dt {
    height: 25px;
    margin-bottom: -25px;
}

.ui-timepicker-div dl dd {
    margin: 0 10px 10px 65px;
}

.ui-timepicker-div td {
    font-size: 90%;
}

.ui-tpicker-grid-label {
    background: none;
    border: none;
    margin: 0;
    padding: 0;
}

.ui-timepicker-rtl {
    direction: rtl;
}

.ui-timepicker-rtl dl {
    text-align: right;
}

.ui-timepicker-rtl dl dd {
    margin: 0 65px 10px 10px;
}

span.section_title {
    font-size: 13px;
    font-weight: bolder;
}

div.in_tab {
    margin: 0;
}

/** filter **/
div#casino_filter,
div#total_filter {
    float: left;
    padding: 14px 12px;
}

ul.filter li {
    float: left;
}

ul.filter li input[type='text'] {
    background: none repeat scroll 0 0 #F9F9F9;
    border: 1px solid #D7D7D7;
    box-shadow: 0 1px 0 white;
    height: auto;
    margin-left: 7px;
    margin-right: 7px;
    padding: 5px 7px;
    width: 90px;
}

ul.filter li input[type='submit'] {
    padding: 5px 14px;
}

/* Tickets */
div.rowElem {
    position: relative;
}

dl.info {
    width: 28%;
    height: 90px;
    float: left;
    border-right: 1px solid #E7E7E7;
    margin-right: 2%;
    font-size: 12px;
}

dl.info:after {
    clear: both;
}

dl.info dt {
    width: 49%;
    float: left;
    padding: 2px 0 2px 0;
}

dl.info dd {
    width: 49%;
    padding: 2px 0 2px 0;
    float: left;
}

div#result {
    width: 9%;
    height: 90px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

div.no_margin {
    margin: 0;
}

/** Legend **/
div#matches_legend {
    width: 100%;
    padding: 12px 0;
}

div#matches_legend ul li {
    float: left;
    height: 19px;
    padding: 0 10px 0 16px;
    background: url("../img/icons/dark/close.png") left center no-repeat;
    font-size: 14px;
}

div#matches_legend ul li.win_match {
    background: url("../img/icons/dark/check.png") left center no-repeat;
}

/** Matches table **/
table.matches {
    border-top: 1px solid #D5D5D5;
}

.red {
    color: #B55D5C;
}

.light-pink {
    color: lightpink;
}

.olive {
    color: olive;
}

.brown {
    color: saddlebrown;
}

.light-green {
    color: lightgreen;
}

.violet {
    color: violet;
}

.dark-violet {
    color: darkviolet;
}

.green {
    color: #2A8827;
}

.blue {
    color: #2B6893;
}

.gray {
    color: #525252;
}

.orange {
    color: #d27f3d;
}

.yellow {
    color: #e5cd60;
}

.cyan {
    color: #00CED1;
}

.tooltip-top {
    cursor: help;
}

.tooltip-right {
    cursor: help;
}

.tooltip-left {
    cursor: help;
}

.tooltip-bottom {
    cursor: help;
}

tr.hidden_fields {
    display: none;
}

table.display tr.odd {
    background-color: #FAFAFA;
}

table.display tr.even {
    background-color: #F5F5F5;
}

table.display tr:hover {
    background-color: #FFFFFF;
    cursor: pointer;
}

div#hidden_elements {
    display: none;
}

form.hidden_form {
    display: none;
}

div.wrapper div.content div.table div.datatable-header div#wl_form_wrap.cashbook_filter {
    float: none;
}

/** table sorting icons **/
table#cashbook_table tbody tr:nth-child(even) {
    background: #F5F5F5;
}

.dataTable thead th span {
    display: block;
}

.dataTable thead th.sorting span {
    background: url("../img/sort_both.png") no-repeat right center;
}

.dataTable thead th.sorting_asc span {
    background: url("../img/sort_asc.png") no-repeat right center;
}

.dataTable thead th.sorting_desc span {
    background: url("../img/sort_desc.png") no-repeat right center;
}

td.left {
    text-align: left;
}

td.right {
    text-align: right;
}

td.center {
    text-align: center;
}

/** Cross links **/
div#cross_links {
    float: left;
    padding-top: 15px;
}

div#cross_links div.cross_links_box {
    float: left;
    padding-right: 10px;
}

div.cross_links_box a.basicBtn {
    display: block;
    position: relative;
    padding: 4px 10px 4px 10px;
    color: #525252;
    font-weight: bold;
}

div#cross_links div#cross_forms {
    float: left;
    padding-left: 30px;
}

/* Modal form buttons */
div#modal_buttons {
    float: right;
    padding-top: 15px;
}

div#modal_buttons div.modal_button {
    float: left;
    padding-left: 10px;
}

div#modal_buttons div.modal_button a.blueBtn {
    display: block;
    position: relative;
    padding: 4px 10px 4px 10px;
}

div.modal_form {
    display: none;
}

div.modal_form table {
    width: 100%;
}

div.modal_form table tr td {
    width: 69%;
    padding: 5px 0;
}

div.modal_form table tr td.form_label {
    width: 30%;
    padding-right: 1%;
}

div.modal_form div.mainForm table tr td input {
    margin: 0;
}

div.modal_form a.select2-choice span {
    text-align: left;
}

/** Risk Ticket **/
p.risk_ticket {
    padding-bottom: 3px;
}

.tableInner tbody td {
    border: none;
    padding: 0 5px 0 0;
}

.tableInner tbody tr:nth-child(even) {
    background-color: inherit;
}

.tableInner tbody tr {
    border: none;
    padding: 0;
}

.ui-tabs .tabs-form {
    padding: 0;
}

.ticket-legend {
    margin-top: 5px;
    margin-left: 20px;
    margin-bottom: 10px;
}

.ticket-details a {
    color: inherit;
}

.icon-all{
    background: url("../img/icons/casino/lists/icon-all.svg") no-repeat;
}

.icon-arcade{
    background: url("../img/icons/casino/lists/icon-arcade.svg") no-repeat;
}

.icon-drops-and-wins{
    background: url("../img/icons/casino/lists/icon-drops-and-wins.svg") no-repeat;
}

.icon-home{
    background: url("../img/icons/casino/lists/icon-home.svg") no-repeat;
}

.icon-instants{
    background: url("../img/icons/casino/lists/icon-instants.svg") no-repeat;
}

.icon-live-casino{
    background: url("../img/icons/casino/lists/icon-live-casino.svg") no-repeat;
}

.icon-new{
    background: url("../img/icons/casino/lists/icon-new.svg") no-repeat;
}

.icon-numbers{
    background: url("../img/icons/casino/lists/icon-numbers.svg") no-repeat ;
}

.icon-popular{
    background: url("../img/icons/casino/lists/icon-popular.svg") no-repeat;
}

.icon-roulette{
    background: url("../img/icons/casino/lists/icon-roulette.svg") no-repeat;
}

.icon-slots{
    background: url("../img/icons/casino/lists/icon-slots.svg") no-repeat;
}

.icon-table-games{
    background: url("../img/icons/casino/lists/icon-table-games.svg") no-repeat;
}

.icon-top{
    background: url("../img/icons/casino/lists/icon-top.svg") no-repeat;
}

.icon-tv-games{
    background: url("../img/icons/casino/lists/icon-tv-games.svg") no-repeat;
}


/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 767px) {

    .ticket_table tr th:nth-child(4),
    .ticket_table tr th:nth-child(6),
    .ticket_table tr th:nth-child(7),
    .ticket_table tr th:nth-child(9),
    .ticket_table tr th:nth-child(10),
    .ticket_table tr th:nth-child(12),
    .ticket_table tr th:nth-child(13),
    .ticket_table tr th:nth-child(14),
    .ticket_table tr td:nth-child(4),
    .ticket_table tr td:nth-child(6),
    .ticket_table tr td:nth-child(7),
    .ticket_table tr td:nth-child(9),
    .ticket_table tr td:nth-child(10),
    .ticket_table tr td:nth-child(12),
    .ticket_table tr td:nth-child(13),
    .ticket_table tr td:nth-child(14) {
        display: none;
    }

    .ticket_table tr td {
        padding-left: 5px;
        padding-right: 5px;
    }

    .ticket_table tr th {
        text-align: left;
        padding-left: 5px;
    }

    .ticket_table tr th:nth-child(1) {
        width: 15% !important;
        min-width: 30px !important;
    }

    .ticket_table tr th:nth-child(2) {
        width: 25% !important;
        min-width: 60px;
    }

    .ticket_table tr th:nth-child(3) {
        width: 25% !important;
        min-width: 60px;
    }

    .ticket_table tr th:nth-child(5) {
        width: auto !important;
    }

    .ticket_table tr th:nth-child(8) {
        width: 20% !important;
        min-width: 65px;
    }

    .ticket_table tr th:nth-child(11) {
        width: 15% !important;
        min-width: 55px;
    }

    .evaluation_list_table tr th:nth-child(3),
    .evaluation_list_table tr th:nth-child(6),
    .evaluation_list_table tr td:nth-child(3),
    .evaluation_list_table tr td:nth-child(6) {
        display: none;
    }

    .evaluation_list_table tr th {
        text-align: left;
        padding-left: 5px;
    }

    .evaluation_list_table tr th:nth-child(1) {
        width: 15% !important;
        min-width: 30px !important;
    }

    .evaluation_list_table tr th:nth-child(2) {
        width: 30% !important;
        min-width: 75px;
    }

    .evaluation_list_table tr th:nth-child(4) {
        width: auto !important;
    }

    .evaluation_list_table tr th:nth-child(5) {
        width: 25% !important;
        min-width: 75px;
    }

    .evaluation_list_table tr th:nth-child(7) {
        width: 10% !important;
        min-width: 40px;
    }

    .evaluation_list_table .dataTables_empty {
        display: block;
        width: 100%;
        background-color: white;
    }

    .evaluation_log_table tr th:nth-child(4),
    .evaluation_log_table tr th:nth-child(5),
    .evaluation_log_table tr th:nth-child(6),
    .evaluation_log_table tr th:nth-child(8),
    .evaluation_log_table tr td:nth-child(4),
    .evaluation_log_table tr td:nth-child(5),
    .evaluation_log_table tr td:nth-child(6),
    .evaluation_log_table tr td:nth-child(8) {
        display: none;
    }

    .evaluation_log_table .dataTables_empty {
        display: block;
        width: 100%;
        background-color: white;
    }

    .evaluation_log_table tr th {
        text-align: left;
        padding-left: 5px;
    }

    .evaluation_log_table tr th:nth-child(1) {
        width: 15% !important;
        min-width: 30px !important;
    }

    .evaluation_log_table tr th:nth-child(2) {
        width: 30% !important;
        min-width: 75px;
    }

    .evaluation_log_table tr th:nth-child(3) {
        width: auto !important;
    }

    .evaluation_log_table tr th:nth-child(7) {
        width: 25% !important;
        min-width: 75px;
    }

    .evaluation_log_table tr th:nth-child(9) {
        width: 10% !important;
        min-width: 40px;
    }

    table.filter_ticket_table.form_table div.select2-container {
        width: 100%;
    }

    table.filter_ticket_table.form_table .ui-spinner {
        width: 100%;
    }

}

/* Devices and browsers with max of 480px */
@media only screen and (max-width: 480px) {
    .leftNav {
        display: none;
    }

    #filter .tableStatic tr td:nth-child(3) {
        text-align: left;
        padding: 8px 10px;
    }

    #filter .tableStatic tr td:nth-child(1),
    #filter .tableStatic tr td:nth-child(2),
    #filter .tableStatic tr td:nth-child(4),
    #filter .tableStatic tr td:nth-child(5),
    #filter .tableStatic tr td:nth-child(6),
    #filter .tableStatic tr td:nth-child(7),
    #filter .tableStatic tr td:nth-child(8),
    #filter .tableStatic tr td:nth-child(9),
    #filter .tableStatic tr td:nth-child(10) {
        display: none;
    }

    #filter .tableStatic tr td[colspan="9"] {
        display: block;
    }

    .customer_table tr th:nth-child(2),
    .customer_table tr th:nth-child(5),
    .customer_table tr th:nth-child(6),
    .customer_table tr th:nth-child(7),
    .customer_table tr th:nth-child(8),
    .customer_table tr th:nth-child(9),
    .customer_table tr th:nth-child(11),
    .customer_table tr th:nth-child(12),
    .customer_table tr th:nth-child(13),
    .customer_table tr td:nth-child(2),
    .customer_table tr td:nth-child(5),
    .customer_table tr td:nth-child(6),
    .customer_table tr td:nth-child(7),
    .customer_table tr td:nth-child(8),
    .customer_table tr td:nth-child(9),
    .customer_table tr td:nth-child(11),
    .customer_table tr td:nth-child(12),
    .customer_table tr td:nth-child(13) {
        display: none;
    }

    .customer_table tr th:nth-child(1) {
        width: 20% !important;
    }

    .customer_table tr th:nth-child(3) {
        width: 25% !important;
    }

    .customer_table tr th:nth-child(4) {
        width: 30% !important;
    }

    .customer_table tr th:nth-child(10) {
        width: 25% !important;
    }

    .mainForm input[name="username"] {
        width: auto;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
        border-color: #999;
    }

    .mainForm button[type="reset"] {
        font-weight: bold;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
        border-width: 1px;
        border-color: #000;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    div#message.nNote {
        display: none;
    }

    .dataTables_filter input[type="search"] {
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
        border-color: #999;
    }

    .location_table tr th:nth-child(1) {
        width: 5% !important;
    }

    .location_table tr th:nth-child(2) {
        width: 15% !important;
    }

    .location_table tr th:nth-child(3) {
        width: 15% !important;
    }

    .location_table tr th:nth-child(4) {
        width: 10% !important;
    }

    .location_table tr th:nth-child(5) {
        width: 12% !important;
    }

    .location_table tr th:nth-child(6) {
        width: 6% !important;
    }

    .location_table tr td {
        padding-left: 5px;
        padding-right: 5px;
    }

    .datatable-footer {
        padding-top: 10px;
    }

    .ticket_table tr th:nth-child(5) {
        width: 35px !important;
    }

    .turnover_table tbody td {
        padding: 5px;
    }

    .turnover_table > thead > tr > td,
    .turnover_table > tbody > tr > td {
        width: 20% !important;
        max-width: 20%;
    }

    .turnover_table tr td.turnover_table_affiliates,
    .turnover_table tr td.turnover_table_whitelabels {
        display: none;
    }

    .turnover_table div.select2-container-multi {
        min-width: inherit;
    }

    .turnover_table .tableInner {
        width: 100%;
    }

    .turnover_table tr td .tableInner td {
        display: block;
    }

    .ui-dialog {
        top: 50px !important;
        width: 95% !important;
    }

    .ui-dialog .ui-spinner > input[type=text] {
        width: 100% !important;
    }

    .datatable-footer .dataTables_length > label > span {
        float: left;
        margin-top: 0;
        line-height: 30px;
    }

    .datatable-footer .dataTables_info {
        padding-top: 5px
    }

    #filter .filter_ticket_table tr td:nth-child(2),
    #filter .filter_ticket_table tr td:nth-child(3),
    #filter .filter_ticket_table tr td:nth-child(4),
    #filter .filter_ticket_table tr td:nth-child(8) {
        display: table-cell;
        width: 25%;
    }

    #filter .filter_ticket_table .tableInner {
        width: 100%;
    }

    #filter .filter_ticket_table tr td .tableInner td {
        display: block;
        width: 100%;
    }

    .dataTables_paginate {
        margin-left: 5px;
        margin-right: 5px;
    }

    .dataTables_paginate a.paginate_button,
    .dataTables_paginate a.paginate_active {
        margin: 0 1px;
    }

    .dataTables_paginate .ellipsis,
    .dataTables_paginate .ellipsis + .paginate_button {
        display: none;
    }

    .location_betting_table.hide_table {
        display: none;
    }

    .location_betting_table .tableStatic tbody td {
        padding-left: 3px;
        padding-right: 2px;
    }

    .customer_betting_table.hide_table {
        display: none;
    }

    .customer_betting_table .tableStatic tbody td {
        padding-left: 3px;
        padding-right: 2px;
    }

    div.dataTables_filter {
        float: left;
    }

    .table_ticket td {
        width: 20% !important;
        overflow: hidden;
        padding: 5px !important;
    }

    .table_ticket .fa-5x {
        padding: .1em;
        font-size: 3em;
    }

    .ticket-legend {
        margin-left: 0;
        margin-bottom: 10px;
    }

    .ticket-legend td {
        display: inline-block;
        width: 26%;
    }

    .ticket-legend .fa-border {
        padding: 0;
        border: 0 none;
    }

    .ticket-details tr td:nth-child(3),
    .ticket-details tr td:nth-child(6),
    .ticket-details tr td:nth-child(7),
    .ticket-details tr td:nth-child(9) {
        display: none;
    }

    .ticket-details tr td:nth-child(1) {
        width: 10%;
    }

    .ticket-details tr td:nth-child(2) {
        width: 25%;
    }

    .ticket-details tr td:nth-child(4) {
        width: 25%;
    }

    .ticket-details tr td:nth-child(5) {
        width: 15%;
    }

    .ticket-details tr td:nth-child(8) {
        width: 15%;
    }

    .ticket-transactions td {
        padding: 3px !important;
    }

    .ticket-transactions td:nth-child(1) {
        width: 10%;
    }

    .ticket-transactions td:nth-child(2) {
        width: 25%;
    }

    .ticket-transactions td:nth-child(3) {
        width: 25%;
    }

    .ticket-transactions td:nth-child(4) {
        width: 15%;
    }

    .ticket-transactions td:nth-child(5) {
        width: 15%;
    }

    .table_accounts td {
        padding: 5px !important;
    }

    .table_accounts th:nth-child(1) {
        width: 15% !important;
    }

    .table_accounts th:nth-child(2) {
        width: 25% !important;
    }

    .table_accounts th:nth-child(3) {
        width: 20% !important;
    }

    .table_accounts th:nth-child(4) {
        width: 30% !important;
    }

    .table_accounts th:nth-child(5) {
        width: 10% !important;
    }

    .table_logs td:nth-child(3),
    .table_logs td:nth-child(4),
    .table_logs td:nth-child(5),
    .table_logs td:nth-child(6) {
        display: none;
    }

    .table_logs td:nth-child(1),
    .table_logs td:nth-child(2) {
        width: 50% !important;
    }

    div.select2-container-multi {
        min-width: 20px;
    }

    .select2-container-multi .select2-choices {
        padding: 5px 0;
    }

    .select2-container-multi .select2-choices .select2-search-field input {
        padding: 6px 0;
    }

    #customer-logs thead tr th:nth-child(1) {
        width: 75px !important;
    }

    #customer-logs thead tr th:nth-child(2) {
        width: 50px !important;
    }

    #customer-logs thead tr th:nth-child(3) {
        width: 30px !important;
    }

    #customer-logs thead tr th:nth-child(4) {
        width: 130px !important;
    }

    #customer-logs thead tr th:nth-child(5),
    #customer-logs tbody tr td:nth-child(5),
    #accounts-logs thead tr th:nth-child(5),
    #accounts-logs tbody tr td:nth-child(5) {
        display: none;
    }

    #accounts-logs thead tr th:nth-child(1) {
        width: 75px !important;
    }

    #accounts-logs thead tr th:nth-child(2) {
        width: 50px !important;
    }

    #accounts-logs thead tr th:nth-child(3) {
        width: 30px !important;
    }

    #accounts-logs thead tr th:nth-child(4) {
        width: 130px !important;
    }

}