body
{
    padding: 0px;
    margin: 0px;
    font-size: 12px;
    font-family: "Trebuchet MS" , Verdana, Helvetica, Sans-Serif;
    color: #232323;
    background-color: #fff;
}

.rounder { 	-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
.box { margin-bottom: 20px; border: 1px solid #ddd; padding: 10px;background: #fcfcfc; }

.buttons { text-align: left; margin-top: 15px;clear: both; }
.button { border: 1px solid #aaa;background-color: #eee;padding: 6px 12px;margin: 4px;cursor: pointer;color: black;text-decoration: none;font-size: 12px; font-family: 'Trebuchet MS', Verdana, Helvetica, sans-serif;}
.button:hover, .button:active {background-color: #ccc}

.button:disabled { background-color: #aaa;cursor: default; }
.button:disabled:hover { background-color: #aaaaaa;}
 
.button.link-button {
    background-color: transparent;
    border: none;
}

/*input[type=text], input[type=password], select { padding: 4px;margin: 2px 0px; }*/
input[type=text], input[type=password], select { padding: 6px;margin: 2px 0px; border: 1px solid #cccccc }
input[type=checkbox] { margin: 6px 4px; }

a img { border: 0px; }

.left { float: left; }
.clear { clear: both; }
.hidden { display: none; }
.bold { font-weight: bold;}

.red { color: red; }

/* Form styles */
.admin-form { margin-bottom: 100px;}
legend { font-weight: bold;}

.text-end {
    text-align: end;
}

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

/*
.form-section{ border: 1px solid #ccc;padding: 5px;margin: 5px;background-color: #eee}

.form-section-language{ margin-left: 10px;}
.form-section-language-title { font-size: 12pt;font-weight: bold}
*/

.form .label { float: left;width: 150px;line-height: 32px; }
.form .value { float: left;line-height: 32px; }
.form .row { clear: both; }

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error { color: #ff0000; }
.field-validation-valid { display: none; }
.input-validation-error, input.ng-invalid { border: 1px solid #ff0000; background-color: #ffeeee; }
.validation-summary-errors { font-weight: bold; color: #ff0000; }
.validation-summary-valid { display: none; }

/*
ng-dirty ng-invalid ng-invalid-float
*/
/*-----------------------------------------------------------*/

.hint { font-style: italic;color: #666;font-size: 12px;line-height: 16px !important;display: block; }



/*********/
/* LOGIN */
/*********/

.login-frame
{
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    margin-top: 150px;
    padding: 50px;
}

.login-frame .admin-logo { 
    text-align: center;margin-top: -50px;margin-bottom: 50px;padding: 20px;
    margin-bottom: 50px;
    background: url('images/bt.png') left top repeat-x;

}

.login-form
{
    width: 265px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    margin-bottom: 95px;
}
.login-form label
{
    width: 100px;
    display: inline-block;
}
.login-form input[type=submit]
{
    margin-left: 100px;
}


/*  MAIN MENU */

/*
#sidemenu { float: left; }
*/

#sidemenu { background: #888;position: relative;}
#sidemenu .link-to-fe { float: left; }
#sidemenu ul.main-menu li { 
    cursor: pointer;
}


ul.main-menu { list-style-type: none; padding: 0; margin: 0; background: #222; }
ul.main-menu li { display: inline-block;font-family: "Segoe UI light", "Segoe UI", Arial; font-weight: lighter; }
ul.main-menu li .menu-item-title { display: block; padding: 10px 20px; text-decoration: none; color: #ccc; font-size: 16px; }
ul.main-menu li .menu-item-title:hover { background-color: #555;color: #eee; }
ul.main-menu li.selected .menu-item-title{  background-color: #666; color: #fff; }

#sidemenu .sub-menu { position: absolute;left: 0px;margin: 0px;padding: 0px;background: #888; height:39px}
ul.sub-menu li { display: inline-block;  }
ul.sub-menu li .sub-item-title { display: block; padding: 10px 20px; text-decoration: none; color: #ddd; font-size: 14px; }
ul.sub-menu li .sub-item-title:hover { text-decoration: underline; background-color: #555;color: #eee; }
ul.sub-menu li.selected .sub-item-title{  background-color: #666; color: #fff; }

#logout { position: absolute;right: 20px;top: 10px;}

#content
{
    padding: 20px;
}

/*
#logout{ margin-top: 35px; margin-left: 20px}
/*#logout a{display:block; width:120px; height:30px; text-align:center;background:url(images/btnLog.png) top left no-repeat;color:#fff; font-weight:bold; text-decoration:none;}*/
/*#logout a span{display:block; padding-top:6px; font-size:12px;}*/
.grid .archived,
.grid .archived a
{
    color: #888;
}

.grid .toggle-details>td {
    vertical-align: top;
}

/* reporting menu
***********/
ul.reporting-menu { list-style-type: none; padding: 0px; margin: 0px 00px 0px 0px ; }
ul.reporting-menu li { float: left; }
ul.reporting-menu li a { display: block; padding: 10px 20px; text-decoration: none; font-weight: bold; color: #666; }
ul.reporting-menu li a:hover { text-decoration: underline; background-color: #ccc; }
ul.reporting-menu li.selected { background-color: #aaa; }



/* PAGES
--------*/

.tree-container {  }
.tree-container>.menu-tree { padding: 0px; }
    	
.menu-tree { width: 800px; list-style-type: none; }
.menu-tree .row:hover { background: #e8e8e8; }
        
.menu-tree .icon-up, .menu-tree .icon-down { width: 25px; float: left; }
.menu-tree .icon-up a, .menu-tree .icon-down a{ position: relative; height: 15px; display: block; padding: 10px 4px; }
.menu-tree .icon-up a:hover, .menu-tree .icon-down a:hover { background: #f8f8f8; }
.menu-tree .icon-delete, .menu-tree .icon-add { width: 25px; float: right; z-index: 99; }
.menu-tree .icon-delete a, .menu-tree .icon-add a { position: relative; display: block; height: 15px; padding: 10px 4px; }
.menu-tree .icon-delete a:hover, .menu-tree .icon-add a:hover { background: #f8f8f8; }
.menu-tree .title { float: left; padding: 8px; }
        
.menu-tree .row.level-0 h2 { margin-top: 16px; }
.menu-tree .edit-link { display: block; text-decoration: none; color: #222; }
        
.menu-tree .row { position: relative; z-index: 1; cursor: pointer; border-bottom: 1px solid #ddd; }
.tree-container>.menu-tree>li:first-child { border-top: 1px solid #ddd; }
.menu-tree .row span.language{ display: inline-block; width: 30px; color: #888; }

.page-details span.language { display: inline-block; width: 30px; color: #888;  }


.news-item label { width: 50px;float: left;}
.news-item .news-item-body { width: 500px;}
.news-date-div { background-color: #eee;border: 1px solid #ccc;padding: 5px;margin: 5px;}

.editor-label { width: 190px; margin-top: 4px;position: absolute; }
/*.user-editor-label { width: 190px; margin-top: 4px;position: absolute; }*/
.editor-field {margin-left: 200px; }
.editor-field--text { padding-top: 9px; padding-bottom: 9px; padding-left: 7px; }
.balance-txt { width: 60px;}

.user-transactions { border-spacing: 0px 0px;}
.user-transactions th { background-color: #eee;border-bottom: 1px solid #ccc;}
.user-transactions td { padding:0px 50px;}

.edit-user .txt-box { width: 200px;}
.txt-box { width: 200px; }
.edit-user select { width: 204px;}
.edit-user .balance-txt { }
.edit-user .editor-field {margin-bottom: 2px;} 


/*****admin-layout********/
#body-left.translations-content { width: 200px;float: left;clear: left;margin-right: 40px;}
#body-right.translations-content {float: left}

.translations-content .sections {list-style: none}
.translations-content ul.sections li{ list-style: none;margin-bottom: 5px;}
.translations-content .subsections {list-style: none}
.translations-content .subsections a{ color: #666;text-decoration: none;}
.translations-content .subsections a:hover, .translations-content .subsections a:hover { text-decoration: underline;}
.translations-content .subsections li.selected{ font-weight: bold; text-decoration: underline }
.translations-content .subsections li.selected a{ color:#333; }


/* Autocomplete */
.autocomplete-highlight { font-weight: bold;color: #B21618;}


.tabbed ul { list-style-type: none;padding: 10px 2px ;margin: 0px; }
.tabbed ul li.tab { display: inline-block; }
.tabbed ul li.tab a{ padding: 10px 20px;text-decoration: none;color: #333;font-size: 12px;font-weight: bold;}
.tabbed ul li.tab a:hover{ background: #ddd; text-decoration: underline; }
.tabbed ul li.tab.selected a { background: #666; color: #fff; }

/* Affiliate tables */
 .grid th.grid-col-betcount,.grid th.grid-col-turnover, .grid th.grid-col-bonus, td.grid-col-betcount,
 .grid th.grid-col-invitedusers, .grid th.grid-col-totalturnover, .grid th.grid-col-totalbonus, .grid td.grid-col-invitedusers { text-align: center; }

 .grid td.grid-col-turnover, .grid td.grid-col-bonus,
 .grid td.grid-col-totalturnover, .grid td.grid-col-totalbonus { text-align: right;}



/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .modal {
    display: block;
}

/*
.modal {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 ) 
                url('images/admin/ajax-loader.gif') 
                50% 50% 
                no-repeat;
}
*/


/**********************************************************************
                             DASHBOARD
***********************************************************************/

.dashboard { 
    display: flex;
    flex: 1;
    font-size: 14px;
}
.dashboard .box { 
    padding: 16px;
    background: unset;
    border-radius: 3px;
    width: 95%;
    flex: 1;
}

.dashboard .box h1 {
    margin-top: 5px;
}

.dashboard div.left { 
    display: flex;
    flex-direction: column;
    flex: 1;
    align-items: center;
    padding: 8px;
}
.dashboard div.right { 
    display: flex;
    flex-direction: column;
    flex: 1;
    align-items: center;
    padding: 8px;
}

.dashboard .box .period-button {
    display: flex;
    padding: 6px;
    font-size: 15px;
    color: black;
    text-decoration: none;
}



.dashboard .period-button.selected {
    font-weight:600;
    text-decoration: none;
    pointer-events: none;
}
		
.top-gamers .title { font-weight: bold;font-size: 10pt;border-bottom: 1px solid #ccc; display: block }
		
table.top-players { width: 100%;margin-bottom: 10px; }
table.top-players th { text-align: left; }
table.top-players th.money { text-align: right; }
table.top-players th.username { width: 180px; }
table.top-players th.sum { width: 100px; }
table.top-players td.money { text-align: right; }
		
.box .label { display: block;float: left;margin-top: 4px;margin-right: 4px; }
.box .count { font-size: 14pt; font-weight: bold;float: left;margin-right: 6px; }

.permissions-table {
    width: 1000px;
    border-spacing: 0 1px;
}

.permissions-table tr th {
    text-align: left;
    padding-left: 18px;
}



    .permissions-table tr td a:hover {
        text-decoration: underline;
    }
    .permissions-table tr td a{
        text-decoration: none;
        color: #666;
    }
.permissions-table tr td {
    padding-left: 18px;
    vertical-align: top;

}

    .permissions-table tr:hover td {
        background: #aaa;
        color: #fff;
    }

    .permissions-table tr:hover td a{
        color: #fff;

    }

.permissions-table tr td span {
    
    display: inline-block;
}

span.confirmer-name{ width: 188px;}
span.confirmer-amount{ width: 150px;
                       padding-left: 20px;
}
span.confirmer-from{ width: 180px;}
span.confirmer-to{ width: 122px;}

/*
.transactionsTable {
    width: 100%;
    border-spacing: 0;
}


    .transactionsTable tr th a, .transactionsTable tr td a{
        color:#666;
    }
.transactionsTable tr th, .transactionsTable tr td {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 20px;
}

.transactionsTable tr:hover td {
    background: #aaa;
    color: #fff;
}

.transactionsTable tr:hover td a {
    color: #fff;
}
*/

.pick {
    font-weight: bold;
    cursor: pointer;
}

.sub-label {width: 30px!important}
.sub-editor-field{ margin-left: 30px!important;}
.sub-editor-field input{width: 450px!important} 

#atg-content-in-model{ margin:20px;}
#atg-content-in-model form{ width: 760px!important;}


input[type=text].datepicker {
    width: 80px;
    padding-right: 20px;
    background-image: url('images/calendar_small.png');
    background-repeat: no-repeat;
    background-position: right center;
}


/*****************/
/* TICKET DETAIL */
/*****************/

.bet-table { width: 100%; margin-bottom: 5px;}


.bet-table .left-cell {border-left: 1px solid #ccc;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;width: 195px;height: 100%;}
.bet-table .right-cell {border-right: 1px solid #ccc;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;width: 565px;height: 100%;padding: 20px 0;}
.bet-table .empty-cell { border: none;background: transparent;height: 4px;}

.details-section{ width: 50%;}

.detail table { font-size: 12px; }
.detail table .desription-column { width: 120px; font-weight: bold;}

.bet-table h2 { margin: 20px; font-size: 15pt;}

.selected-starts,
.selected-starts table { font-size: 12px; }
.selected-starts .leg { font-weight: bold; width: 70px;font-size: 14px;vertical-align: top; color: #444 }

.selected-starts table th {text-align: left; border-bottom: 1px solid #ddd; padding: 1px 5px;}
.selected-starts table td { border-left: 1px solid #ddd;border-bottom: 1px solid #ddd; padding: 1px 5px; }
.selected-starts table td:last-child { border-right: 1px solid #ddd; }


.selected-starts td.hover { background: #444; color: #eee; }


.on-land-betting-report #days-container .titles {
    padding-left: 104px;
}

.on-land-betting-report #days-container .titles > div {
    float: left;
    width: 120px;
    margin: 4px;
}

.on-land-betting-report #days-container .titles:after {
    clear: both;
    content: ' ';
    display: table;
}

.on-land-betting-report #days-container .day > div {
    float: left;
}

.on-land-betting-report #days-container .day:after {
    clear: both;
    content: ' ';
    display: table;
}

.on-land-betting-report #days-container .day-name {
    width: 100px;
    display: inline-block;
}

.on-land-betting-report #days-container input {
    width: 100px;
    margin: 4px;
}

.on-land-betting-report #days-container .confirm-buttons {
    margin-left: 20px;
    display: none;
}

.on-land-betting-report #days-container .day.changed .confirm-buttons {
    display: block;
}

.comma-delimited-list > span::after {
    content: ', ';
}

.comma-delimited-list > span:last-child::after {
    content: '';
}