#global-clock{
    font-size: 12px;
    font-weight: normal;
    line-height: 45px;
    padding-right: 0px;
    padding-left: 10px;
    color: #fff;
}

#navbar {
  white-space: nowrap;
}

/* #sidebar .nav > li { border-top: 1px solid #ccc; } */

.no-skin .sidebar.h-sidebar .nav-list {
  border-color: transparent !important;
}
#select-game-type-table {
  margin: 0;
}

#select-game-type-table * {
  border: 0;
}

#select-game-type-table td {
  margin: 0;
  padding: 0;
  height: 0;
}

#select-game-type-table tr.even, #select-game-type-table tr.odd { background: #fff !important; }

#select-game-type-table a {
  /*background: #fff;*/
  color: #333;
  display: inline-block;
  height: 26px;
  padding: 4px 11px;
  width: 100%;
  text-decoration: none;
  font-family: 'SukhumvitText';
  font-size: 13px;
  font-weight: normal;
}

#select-game-type-table a:hover{
  background-color: #5c5c5c !important;
  color: #ffffff;
}

.widget-body{
  background-color: transparent !important;
}

#select-game-type-table a:hover {
  background: #FEE188;
}

#content {
  font-family: 'SukhumvitText';
}

#agent-section #content {
  overflow: auto;
}

#comm-and-pay-table {
  border-width: 1px;
}
#comm-and-pay-table tbody td { padding: 4px; }
#comm-and-pay-table input {
  padding: 0px 4px;
  font-size: 13px;
  line-height: 13px;
  height: 24px;
}

.comm-and-pay-table {
  border-width: 1px;
}
.comm-and-pay-table tbody td { padding: 4px !important; }
.comm-and-pay-table input {
  padding: 0px 4px !important;
  font-size: 13px !important;
  line-height: 13px !important;
  height: 24px !important;
}

#content-area .panel > .panel-heading {
  background: #0d8af6;
}

.users__edit { font-family: 'SukhumvitText'; font-size: 12px; }
.users__edit .tab-content { margin-top: 15px; }
.users__edit th {
  font-weight: bold;
  text-align: center;
  padding: 2px !important;
}
.users__edit td {
  font-size: 13px;
  height: 39px;
  vertical-align: middle !important;
}
.users__edit .caption {
  font-size: 13px;
  padding: 4px !important;
}
.users__edit--larger th {
  padding: 8px !important;
}
.users__edit-options {
  font-size: 14px;
}

#sidebar .menu-text {
  font-size: 14px;
  font-weight: bold;
}
#sidebar.menu-min #account-summary {
  display: none;
}
#account-summary ul {
  font-family: 'SukhumvitText';
  list-style: none;
  padding: 0;
  margin: 0;
  padding: 5px;
  border-top: 1px solid #E5E5E5;
  text-align: left !important;
}
#account-summary ul li {
  font-size: 14px;
}
#account-summary ul li span.prop {
  display: inline-block;
  width: 70px;
  font-weight: normal;
  font-size: 14px;
  text-align: right;
  margin-right: 4px;
}
#account-summary ul li span {
  font-weight: bold;
}

.overall-table-filter label {
  position: relative;
  top: 2px;
}
.overall-table-filter select {
  padding: 2px;
  height: 24px;
}
.overall-table-filter button {
  height: 24px;
  line-height: 0px;
}

.overall-table .control,
.overall-table .data {
  border-top-width: 1px;
}

.overall-table .data .take {
  color: #333;
}

.overall-table .data .data-changed {
  background: #ff8d40;
}

.overall-table .data {
  font-size: 12px;
}
.overall-table .flash {
  background: #b6f63e;
}

.specific-take-form table th {
  padding: 6px !important;
}

.span-detail { color: #003399 !important; }
.span-name { color: #888; font-weight: bold; }

.breadcrumb { font-size: 14px; }

.page-header h1 { margin-left: 0; }
.page-header h4.sub { padding-left: 0; }

.table-striped { background: transparent; }
.table-nowrap th, .table-nowrap td { white-space: nowrap; }
.nowrap { white-space: nowrap; }
.wrap { white-space: normal !important; }
.width-40px { min-width: 40px !important; }
.width-60px { min-width: 60px !important; }
.width-90px { min-width: 90px !important; }
.width-100px { min-width: 100px !important; }
.width-180px { min-width: 180px !important; }
.width-110 { min-width: 110px !important; }
.width-120 { min-width: 120px !important; }
.width-140 { min-width: 140px !important; }
.width-160 { min-width: 160px !important; }
.width-240 { min-width: 240px !important; }
.width-270 { min-width: 270px !important; }
.width-300 { min-width: 300px !important; }
.width-240 { min-width: 240px !important; }
.width-800 { min-width: 800px !important; }
.width-1000 { min-width: 1000px !important; }
.width-1100 { min-width: 1100px !important; }
.width-1164 { min-width: 1164px !important; }
.max-width-40 { width: 40px; max-width: 40px !important; }
.max-width-60 { max-width: 60px !important; }
.max-width-75 { width: 75px; max-width: 75px !important; }
.max-width-110 { max-width: 110px !important; }
.max-width-150 { max-width: 150px !important; }
.max-width-180 { max-width: 180px !important; }
.max-width-500 { max-width: 500px !important; }
.max-width-700 { max-width: 700px !important; }
.max-width-800 { max-width: 800px !important; }
.max-width-1000 { max-width: 1000px !important; }
.max-width-1100 { max-width: 1100px !important; }
.max-width-1300 { max-width: 1300px !important; }
.table-auto { width: auto; }
.table-compact td {

}
.child-hidden > * {
  display: none;
}
.w1, .width-1 { width: 1px; }
input.form-control, .input-group-addon, select, select:focus, select.form-control, .form-control
{ font-family: 'SukhumvitText'; color: #333; border: 1px solid #999; }
input.form-control:focus, select, select.form-control:focus
{ color: #333; }
input[type=checkbox].ace + .lbl::before,
input[type=checkbox].ace:checked + .lbl::before
{ border: 1px solid #999; }
.widget-toolbar>.nav-tabs>li>a {
  color: #666;
  font-weight: bold;
}
textarea.form-control { padding: 5px 4px; }
table th {
  color: #ffffff;
}
table.table-border-dark,
table.table-border-dark tbody>tr>td,
table.table-border-dark tfoot>tr>td {
  /* border-color: transparent; */
  /* background-color: #292929; */
  border-color: #000000;
}

/* table.table-border-dark tbody>tr>td{
  background-color: #ffffff;
} */

table.table-border-dark thead>tr>th,
table.table-border-dark.table-bordered thead>tr>th:first-child{
  background-color: #5c5c5c;
}
table.table-border-dark tfoot>tr>td{    
  background-color: #292929;
}

.brief-table>tr>th{
  background-color: #292929 !important;

}
.table>thead>tr>th,
.table.table-bordered>thead>tr>th:first-child{
  border-color: #000000;
}

.deep-black { 
  color: #000000 !important; 
  font-weight: bold;
}
.white { color: #ffffff !important; }
.jquery-hide { display: none; }
.black { color: #000 !important; }
.near-white { color: #999 !important; }
.dark-blue { color: #1a83db !important; }
.deep-green { color: #009900 !important; }
.deep-blue { color: #0000ff !important; }
.deep-orange { color: #c67204 !important; }
.deep-red { color: #ff0000 !important; }
.padding-5 { padding: 5px !important;}
.padding-8 { padding: 8px !important; }
.padding-10 { padding: 10px !important;}
.side-padding-10 { padding-right: 10px !important; padding-left: 10px !important; }
.left-padding-10 { padding-left: 10px !important; }
.right-padding-10 { padding-right: 10px !important; }
.right-padding-12 { padding-right: 12px !important; }
.left-padding-5 { padding-left: 5px !important; }
.right-padding-5 { padding-right: 5px !important; }
.top-padding-5 { padding-top: 5px !important; }
.top-padding-10 { padding-top: 10px !important; }
.top-padding-20 { padding-top: 20px !important; }
.pv-5 { padding-top: 5px !important; padding-bottom: 5px !important; }
.margin-5 { margin: 5px !important; }
.left-margin-10 { margin-left: 10px !important; }
.right-margin-10 { margin-right: 10px !important; }
.top-margin-0 { margin-top: 0px !important; }
.top-margin-5 { margin-top: 5px !important; }
.top-margin-10 { margin-top: 10px !important; }
.bot-margin-3 { margin-bottom: 3px !important; }
.bot-margin-5 { margin-bottom: 5px !important; }
.bot-margin-10 { margin-bottom: 10px !important; }
.bot-margin-15 { margin-bottom: 15px !important; }
.bot-margin-20 { margin-bottom: 20px !important; }
h4.sub {
  padding-left: 8px;
  margin-bottom: 0;
  /*font-family: Arial;*/
}
.table-fancy > thead > tr > th { color: #ffffff !important ; padding: 10px 4px; }
.table-fancy > tbody > tr > td { color: #333; padding: 4px; }
.table-fancy > tfoot > tr { border-top: 3px double #999999; }
.table-fancy > tfoot > tr > td { color: #333; padding: 10px 4px; }

.table-hc { color: #333; width: auto; }
.table-hc th { padding: 10px 4px; }
.table-hc td { padding: 4px; }
.table-hc tfoot tr { border-top: 3px double #999999; }
.table-hc tfoot td { padding: 10px 4px; border-top: 3px double #999999; }
.table-hc th, .table-hc td { white-space: nowrap; vertical-align: middle !important; text-align: center; }

.table-hc,
.table-hc thead > tr > th,
.table-hc.table-bordered thead > tr > th:first-child,
.table-hc tbody > tr > td,
.table-hc tfoot > tr > td {
  border-color: #999;
}

.odd { background-color: #f4f4f4 !important; }
.even { background-color: #ffffff !important; }
.odd .bg-blue { background-color: #d1e6f8 !important; }
.even .bg-blue { background-color: #e8f2fb !important; }
.bg-yellow,
.odd .bg-yellow { background-color: #ffecce !important; }
.even .bg-yellow { background-color: #fefde2 !important; }
.bg-green { background: #b6f63e !important; }
.bg-green2 { background: #2c7659 !important; }
.bg-green3 { background: #afeba0 !important; }
.bg-blue { background: #cae3f0 !important; }
.bg-blue2 { background: #292929 !important; color: white !important; }
.bg-purple { background: #762c59 !important; }
.bg-red { background-color: red !important; }
.bg-lightred, .bg-lightred td { background-color: #ffcece !important; }
.bg-black { background-color: #4b4b4b !important; }
.bg-dark { background-color: #dddddd !important; }
.bg-yellow2 { background-color: #ffcc00 !important; }
.bg-light-blue { background-color: #579ec8 !important; }
.bg-green4 { background: #28681b !important; color: #fff !important; }
.bg-white{background-color: #ffffff !important;}
.row-clickable { cursor: pointer !important; }
.bg-darkgray { background-color: #292929 !important; }
.bg-ligthgray { background-color: #eae5e5 !important; }




.positive {color: #508600; }
.negative {color: #e3302c; }
.nav.ace-nav .dropdown-fix .dropdown-menu { margin: 0; padding-top: 4px !important;}
/*.nav.ace-nav .dropdown-fix:hover .dropdown-menu { display: block; }*/

.pos-abs {position: absolute;}
.pos-rel {position: relative;}
.top-5 {top: 5px;}
.right-0 {right: 0px;}
.vh { visibility: hidden !important; }

.no-border-right {
  border-right: 0px !important;
}

.pagination {
  margin: 0 !important;
}

.alert-success { border: 1px solid #3c763d; }
.alert-warning { border: 1px solid #8a6d3b; }

.alert-info {
  background: #e8f7ff;
  border: 1px solid #1099de;
  color: #333;
}

.alert-danger {
  background: #ffebe8;
  border: 1px solid #dd3c10;
  color: #333;
}

.alert-danger > h4 {
  color: #dd3c10;
}

.alert-info > h4 {
  color: #428bca;
}

.table-vertical-border-0 td {
  border: 0 !important;
  border-bottom: 1px solid #999 !important;
}

.nav-tabs {
  border-color: #999;
}

.nav-tabs>li>a, .nav-tabs>li>a:hover, .nav-tabs>li>a:focus {
  border-top-color: #999;
  border-bottom-color: #999;
}
.nav-tabs>li>a, .nav-tabs>li>a:hover, .nav-tabs>li>a:focus,
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
  border-left-color: #999;
  border-right-color: #999;
}

.nav.nav-tabs a {
  color: #576373;
  border-color: #999;
}

.table-ks {
  background: #e6e6e6;
}

.table-ks th {
  background: #666;
  color: white;
}

.table-ks td {
  border-bottom: 1px solid white !important;
}

.text-h4 { font-size: 17px; }
.text-h5 { font-size: 15px; }

.blink {
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;

    -moz-animation-name: blinker;
    -moz-animation-duration: 1s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;

    animation-name: blinker;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

@-moz-keyframes blinker {
    0% { background: #baffab; }
    50% { background: #95cc89; }
    100% { background: #baffab; }
}

@-webkit-keyframes blinker {
    0% { background: #baffab; }
    50% { background: #95cc89; }
    100% { background: #baffab; }
}

@keyframes blinker {
    0% { background: #baffab; }
    50% { background: #95cc89; }
    100% { background: #baffab; }
}

@media print {
  #sidebar, .breadcrumbs {
    display: none;
  }

  #content {
    margin-left: -200px;
  }

  #print-summary {
    display: block;
    width: 240px;
  }
}

.accordion-style1.panel-group .panel-heading .accordion-toggle:hover {
  color: #4c8fbd;
  background: #edf3f7;
}

.font14px * {
  font-size: 14px;
}

.table-nonfluid {
   width: auto !important;
}

/*.nav-tabs.background-blue { border-color: #94aeca; }
.tab-content { border-color: #94aeca; }*/

.b-0 { border: 0 !important; }
.b-b-none { border-bottom: 0 !important; }
.b-b-1 { border-bottom: 1px solid #999999 !important; }

.p-t-1 {
  padding-top: 1px !important;
}

.al { text-align: left !important; }
.ac { text-align: center !important; }
.ar { text-align: right !important; }
.at { vertical-align: top !important; }
.am { vertical-align: middle !important; }

.widget-main .table {
  border-right-width: 1px !important;
}

.p5 { padding: 5px !important; }

select[disabled] {
  background: #eeeeee;
}
.nav-tabs.tab-color-red>li>a, .nav-tabs.tab-color-red>li>a:focus {
    background: #ec0704;
}
.nav-tabs.tab-color-red>li.active>a, .nav-tabs.tab-color-red>li.active>a:focus {
    border-top-color: #ec0704;
    border-color: #ec0704;
    /* color: #0b4a81; */
}
.nav-tabs[class*="tab-color-"]>li.active>a,
.nav-tabs[class*="tab-color-"]>li.active>a:focus, 
.nav-tabs[class*="tab-color-"]>li.active>a:hover{
  color: #fff !important;
}
.nav-tabs.tab-color-red{
  border-bottom-color:  #ec0704;
}
.table-bordered>thead>tr>th, .table-bordered>thead>tr>td {
  border-bottom-width: 1px;
}

tr.heading th {
  color: #fff !important;
  background: #4b4b4b;
}

.ac {text-align: center !important;}
.am {vertical-align: middle !important;}

li.pager {
    margin: 0 !important;
}

.page-content{
  background-color: #000000 !important;
  position: relative;
  margin: 0;
  padding: 8px 20px 24px;
}

.main-container:before{
  background-color: black !important;
}

.btn-primary{
  background-color: #c30a1c !important;
  border-color: #c30a1c;
}

/* .btn-success{
  background-color: #5c5c5c !important;
}
.btn-success:focus{
  background-color: #000000 !important;
  border-color: #5cb85c;
} */

body{
    /* background-color: #08234d; */
    min-height: 100%;
    padding-bottom: 0;
    font-family: 'SukhumvitText' ;
    font-size: 13px;
    color: #ffffff;
    line-height: 1.5
}

.no-skin .sidebar.h-sidebar .nav-list>li.active:before {
  background-color:  transparent !important ;
}
.no-skin .sidebar.h-sidebar .nav-list>li.active>a:after{
  border-bottom-color: transparent !important ;
}
.btn-danger, .btn-danger:focus{
  background-color: #5c5c5c !important ; 
  border-color: #5c5c5c;
}
.btn-warning {
  background-color: #5c5c5c !important ; 
  border-color: #5c5c5c;
}


.ace-nav>li{
  border-left: transparent !important;
}

h3{
  font-weight: normal;
    font-family: "SukhumvitText","Helvetica Neue",Helvetica,Arial,sans-serif;
}
h4,h5{
  font-family: "SukhumvitText","Helvetica Neue",Helvetica,Arial,sans-serif;
}

.btn-primary:active{
  
}

.widget-color-gray>.widget-header{
  background: #5c5c5c !important;
  border-color: #5c5c5c;
}

.widget-toolbox{
  background: #5c5c5c !important;
  border-color: #5c5c5c;
}

.widget-box,.widget-toolbox:last-child{
  border: 1px solid #5c5c5c;
}

.btn-primary:hover,
.btn-primary:focus {
  background-color: #bc361d !important;
  background-position: 0 -15px;
  border-color: #d94023;
}
/* .btn-primary:active,
.btn-primary.active {
  background-color: #13e2b5 !important;
  border-color: #13e2b5;
} */

.btn-danger:hover , .btn-danger:focus{
  background-color: #aca34b !important;
}

/* .btn-warning:hover, .btn-warning:focus {
  background-color: #292929 !important;
  border-color: #5e5e5e;
} */

.nav .open>a, .nav .open>a:hover, .nav .open>a:focus{
  background-color: #5c5c5c;
}

.nav-list>li:before{
  background-color: transparent;
}

input[type=checkbox]:checked:after {
  background: red !important;
}


/* .ace-nav>li>a:active{
  background-color: #504f50 !important;
} */
/* input[type=checkbox]:checked:after {
  background-color: #ff0202 !important;
}
.checkbox .pull-left>label::after input[type="checkbox"]:checked  + .lbl::after{
  background-color: #ff0202 !important;
}
 
.pull-left>label input[type="checkbox"]:checked{
  background-color: #ff0202 !important;
}

input[type="checkbox"]:checked{
  background-color: #ff0202 !important;
} */

.daterangepicker .ranges li.active, .daterangepicker .ranges li:hover{
  background: #5c5c5c;
    border: 1px solid #5c5c5c;
    color: #fff;
}

.daterangepicker .ranges li {
  font-size: 13px;
  background: #f5f5f5;
  border: 1px solid #f5f5f5;
  color: #292929;
  padding: 3px 12px;
  margin-bottom: 8px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  cursor: pointer;
}

.daterangepicker .calendar-date {
  border: 1px solid #000;
  padding: 4px;
  border-radius: 4px;
  background:#5c5c5c;
  color:#fff;
}

.datepicker td.active, .daterangepicker td.active {
  background: #f70406 !important;
}

.daterangepicker td.in-range {
  background: #9f3c2d;  
  border-radius: 0;
}

.daterangepicker td.active:hover,.daterangepicker td:hover{
  background: #292929 !important;  
  border-color: #292929;
}
.card{
  border-radius: 10px !important;
  
}

.card>table>tbody>tr>td {
  color: #000;
  border-top: 1px solid #000
}

.card>table>thead>tr>td{
  background-color: #292929 ;
  color:#fff;
}

.card>table>thead>tr>th{
  background-color: #292929 ;
  color:#fff;
  border-bottom: transparent;
  /* font-size: 14px; */
  /* padding-top: 0px; */
}

.card-table{
  border-radius: 10px;
}

.textname>p{
  font-size: 22px;
  font-family: "SukhumvitText";
}

.btn-gray {
  background-color: #6f6a6a !important;
  border-color: #6f6a6a;
}

.datepicker table tr th{
  color: #000;
}

.daterangepicker .calendar th, .daterangepicker .calendar td ,.datepicker.dropdown-menu{
  font-family: 'SukhumvitText';
}

.dropbtn {
  background-color: #4CAF50;
  color: white;
  padding: 16px;
  font-size: 16px;
  border: none;
  cursor: pointer;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #f1f1f1}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
  display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
  background-color: #3e8e41;
}


.btn-primary.disabled {
  background-color: #727476  !important;
    border-color: #727476 ;

}

.btn-primary[disabled]{
  background-color: #a66457 !important;
}