@import url(http://fonts.googleapis.com/css?family=Play:400,700&subset=cyrillic-ext,latin-ext);

/* Icons */

@font-face {
	font-family: "Flat-UI-Icons-24";
	src: url("../fonts/Flat-UI-Icons-24.eot");
	src: url("../fonts/Flat-UI-Icons-24.eot?#iefix") format("embedded-opentype"), url("../fonts/Flat-UI-Icons-24.woff") format("woff"), url("../fonts/Flat-UI-Icons-24.ttf") format("truetype"), url("../fonts/Flat-UI-Icons-24.svg#Flat-UI-Icons-24") format("svg");
	font-weight: normal;
	font-style: normal;
}

.fui-video-24:before, .fui-time-24:before, .fui-settings-24:before, .fui-plus-24:before, .fui-new-24:before, .fui-menu-24:before, .fui-man-24:before, .fui-mail-24:before, .fui-lock-24:before, .fui-location-24:before, .fui-heart-24:before, .fui-eye-24:before, .fui-cross-24:before, .fui-cmd-24:before, .fui-checkround-24:before, .fui-checkmark-24:before, .fui-calendar-24:before, .fui-bubble-24:before, .fui-volume-24:before, .fui-camera-24:before { font-family: 'Flat-UI-Icons-24'; speak: none; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; }
.fui-video-24:before { content: "\e000"; }
.fui-time-24:before { content: "\e001"; }
.fui-settings-24:before { content: "\e002"; }
.fui-plus-24:before { content: "\e003"; }
.fui-new-24:before { content: "\e005"; }
.fui-menu-24:before { content: "\e006"; }
.fui-man-24:before { content: "\e007"; }
.fui-mail-24:before { content: "\e008"; }
.fui-lock-24:before { content: "\e009"; }
.fui-location-24:before { content: "\e00a"; }
.fui-heart-24:before { content: "\e00b"; }
.fui-eye-24:before { content: "\e00c"; }
.fui-cross-24:before { content: "\e00d"; }
.fui-cmd-24:before { content: "\e00e"; }
.fui-checkround-24:before { content: "\e00f"; }
.fui-checkmark-24:before { content: "\e010"; }
.fui-calendar-24:before { content: "\e011"; }
.fui-bubble-24:before { content: "\e012"; }
.fui-volume-24:before { content: "\e013"; }
.fui-camera-24:before { content: "\e004"; }

/* CSS document */

* { margin: 0; padding: 0; }
body { background: url(../images/background.jpg); color: #222; font: 14px Play, sans-serif;  }

/* Markup */

.frame { margin: 0 auto; width: 100%; }
.left { float: left; }
.right { float: right; }
.row { float: left; width: 100%; }

/* Colors */

.blue { color: #007dc6; }
.red { color: #ff0316; }

/* Form Elements */

input { background: #fff; border: 1px solid #dadada; border-radius: 2px; color: #555; float: left; font-family: Play; height: 26px; padding: 0 5px; }
input:focus { border-color: #22acff; box-shadow: 0 0 2px rgba(34, 172, 255, 1); }
select { color: #555; float: left; font-family: Play; height: 28px; }
select:focus { box-shadow: 0 0 2px rgba(34, 172, 255, 1); }

/* Links */

.link { color: #007dc6; }
.link:hover { color: #eb6a00; }

/* Buttons */

.button {
	background-color: #363636;
	background-image: -moz-linear-gradient(top, #444444, #222222);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#222222));
	background-image: -webkit-linear-gradient(top, #444444, #222222);
	background-image: -o-linear-gradient(top, #444444, #222222);
	background-image: linear-gradient(to bottom, #444444, #222222);
	border-radius: 2px;
	color: #fff;
	cursor: pointer;
	float: left;
	text-align: center;
	text-decoration: none;
	width: 100%;
}
.button:hover {
	background-position: 0 -10px;
}
.button:active {
	background-position: 0 -26px;
	box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.5);
}
.button.button-blue {
	background-color: #49afcd;
	background-image: -moz-linear-gradient(top, #5bc0de, #50b5d1);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#50b5d1));
	background-image: -webkit-linear-gradient(top, #5bc0de, #50b5d1);
	background-image: -o-linear-gradient(top, #5bc0de, #50b5d1);
	background-image: linear-gradient(to bottom, #5bc0de, #50b5d1);
}
.button.button-yellow {
	background-color: #eae203;
	background-image: -moz-linear-gradient(top, #eae203, #dbd405);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#eae203), to(#dbd405));
	background-image: -webkit-linear-gradient(top, #eae203, #dbd405);
	background-image: -o-linear-gradient(top, #eae203, #dbd405);
	background-image: linear-gradient(to bottom, #eae203, #dbd405);
}
.button.button-green {
	background-color: #5bb75b;
	background-image: -moz-linear-gradient(top, #62c462, #67b467);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#67b467));
	background-image: -webkit-linear-gradient(top, #62c462, #67b467);
	background-image: -o-linear-gradient(top, #62c462, #67b467);
	background-image: linear-gradient(to bottom, #62c462, #67b467);
}
.button.button-red {
	background-color: #da4f49;
	background-image: -moz-linear-gradient(top, #e86f69, #d96862);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e86f69), to(#d96862));
	background-image: -webkit-linear-gradient(top, #e86f69, #d96862);
	background-image: -o-linear-gradient(top, #e86f69, #d96862);
	background-image: linear-gradient(to bottom, #e86f69, #d96862);
}
.button.button-orange {
	background-color: #faa732;
	background-image: -moz-linear-gradient(top, #e79625, #d88c23);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e79625), to(#d88c23));
	background-image: -webkit-linear-gradient(top, #e79625, #d88c23);
	background-image: -o-linear-gradient(top, #e79625, #d88c23);
	background-image: linear-gradient(to bottom, #e79625, #d88c23);
}
.button.button-lemon {
	background-color: #faa732;
	background-image: -moz-linear-gradient(top, #b8b51e, #a9a71b);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b8b51e), to(#a9a71b));
	background-image: -webkit-linear-gradient(top, #b8b51e, #a9a71b);
	background-image: -o-linear-gradient(top, #b8b51e, #a9a71b);
	background-image: linear-gradient(to bottom, #b8b51e, #a9a71b);
}
.button.button-purple {
	background-color: #7e4ce1;
	background-image: -moz-linear-gradient(top, #8a5ee1, #7e4ce1);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#8a5ee1), to(#7e4ce1));
	background-image: -webkit-linear-gradient(top, #8a5ee1, #7e4ce1);
	background-image: -o-linear-gradient(top, #8a5ee1, #7e4ce1);
	background-image: linear-gradient(to bottom, #8a5ee1, #7e4ce1);
}
.button.button-black {
	background-color: #222;
	background-image: -moz-linear-gradient(top, #333, #111);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#333), to(#111));
	background-image: -webkit-linear-gradient(top, #333, #111);
	background-image: -o-linear-gradient(top, #333, #111);
	background-image: linear-gradient(to bottom, #333, #111);
}
.button.button-small {
	font-size: 12px;
	height: 26px;
	line-height: 26px;
}
button.button {
	border: none;
	font-family: Play, sans-serif;
}
button.button.button-small {
	line-height: 24px;
}

/* Toggle */

.toggle {
	background-color: #34495e;
	border-radius: 3px;
	color: #fff;
	height: 26px;
	overflow: hidden;
	width: 70px;
	-webkit-backface-visibility: hidden;
}
.toggle.toggle-off { background-color: #cbd2d8; }
.toggle .toggle-radio {
	color: #77cbe3;
	cursor: pointer;
	display: block;
	float: left;
	font-weight: 700;
	height: 26px;
	line-height: 26px;
	position: relative;
	text-align: center;
	width: 70px;
	left: 100%;
	-webkit-backface-visibility: hidden;
}
.toggle .toggle-radio:first-child { margin-bottom: -26px; left: 0; }
.toggle.toggle-off .toggle-radio {
	background-color: #cbd2d8;
	color: #fff;
	left: 0;
	z-index: 1;
}
.toggle.toggle-off .toggle-radio:first-child { left: -100%; }
.toggle .toggle-radio span {
	background: #77cbe3;
	border-radius: 3px;
	display: block;
	float: left;
	height: 18px;
	margin: 4px -5px 4px 4px;
	width: 18px;
}
.toggle.toggle-off .toggle-radio span {
	background: #7f8b97;
}
.toggle input {
	display: none;
	display: block\9;
	filter: alpha(opacity=1);
	opacity: 0.01;
	outline: none !important;
	position: absolute;
	zoom: 1;
}

/* Droplist */

.droplist { background: #fff; box-shadow: 0 0 3px rgba(0, 0, 0, 0.5); display: none; float: left; list-style: none; margin-top: 2px; padding: 5px 0; position: absolute; width: 222px; z-index: 2; }
.droplist.visible { display: block; }
.droplist li { border-right: none; cursor: pointer; float: left; height: 26px; line-height: 26px; padding: 0; text-align: center; width: 100%; }
.droplist li:hover { background: #fafafa; }
.droplist li:not(:last-child) { }
.droplist li:not(:first-child) { margin-top: 1px; }
.droplist li:not(:last-child):after { border-bottom: 1px dashed #dcdcdc; content: ''; display: block; float: left; height: 1px; margin: -1px 5px 0; width: 212px; }

/* Header */

#header { background: url(../images/header.jpg); box-shadow: 0 0 7px #000; float: left; height: 50px; position: fixed; width: 100%; z-index: 100; }

#header a { color: #fff; cursor: pointer; display: block; height: 50px; line-height: 50px; padding: 0 15px; text-decoration: none; }
#header a:hover { background: rgba(255, 255, 255, 0.05); }
#header a span { float: left; }

#header .logo { color: #fff; float: left; height: 50px; width: 25px; }
#header .logo span { float: left; font-size: 18px; line-height: 50px; margin: 0 4px; }

#header .separator { background: url(../images/header-separator.png); height: 26px; margin: 12px 0; width: 2px; }

#toPayCount { background: #ff0316; border-radius: 7px; display: none; float: left; font-size: 11px; font-weight: bold; line-height: 12px; height: 14px; margin: 12px -10px 0 -4px; text-align: center; width: 14px; }

/* Modal Windows */

.modal { background: rgba(0, 0, 0, 0); bottom: 0; left: 0; opacity: 0; position: fixed; right: 0; top: 0; text-align: center; transition: background 0.25s, opacity 0.25s, visibility 0s 0.25s; visibility: hidden; z-index: 999; }
.modal.open { background: rgba(0, 0, 0, 0.5); opacity: 1; transition: background 0.25s, opacity 0.25s; visibility: visible; }
.modal::before { content: ''; display: inline-block; height: 100%; margin: 0; vertical-align: middle; }
.modal .window { background: url(../images/background.jpg); border-radius: 3px; box-shadow: 0 0 3px #000; display: inline-block; position: relative; }
.modal .window .title { background: url(../images/header.jpg); color: #fff; float: left; height: 40px; line-height: 40px; text-transform: uppercase; width: 100%; }
.modal .window .content { box-sizing: border-box; padding: 15px 20px; }
.modal .window .content > .row:not(:last-child) { margin-bottom: 10px; }
.modal .window .content .selectDate .label { float: left; line-height: 26px }
.modal .window .content .selectDate .button { width: 100px; }
.modal .window .content .selectDate .button.picker { float: right; width: 210px; }
.modal .window .actions { border-top: 1px solid #ddd; box-sizing: border-box; padding: 15px 20px; }
.modal .window .actions.buttons-2 .button { width: 48% }
.modal .window .actions.buttons-2 .button:first-child { margin-right: 4%; }

#modalExportCSV .window { width: 280px; }

/* Status Bar */

#status-bar { background: url(../images/background.jpg); border: 1px solid #fff; border-radius: 3px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); float: left; height: 30px; margin: 40px 0 0 -6px; padding: 10px 5px 0; position: fixed; width: 980px; z-index: 90; }

#status-bar ul { float: left; height: 30px; list-style: none; padding: 0 10px; width: 470px; }
#status-bar ul li { float: left; height: 20px; padding: 6px 5px 0; }
#status-bar ul li a { color: #333; }
#status-bar ul li a:hover { color: #007dc6; }

#status-bar .message { float: left; font-style: italic; height: 30px; line-height: 30px; text-align: right; width: 490px; }
#status-bar .message p { padding: 0 10px; }
#status-bar .message p.green { color: #51a351; }

/* Switcher */

#switcher { border: 1px solid #dfdfdf; border-radius: 2px; overflow: hidden; position: relative; width: 100%; }
#switcher ul { cursor: pointer; float: left; list-style: none; width: 100%: }
#switcher ul li { box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.5); color: #fff; float: left; font-size: 12px; height: 26px; line-height: 26px; text-align: center; width: 100px; }
#switcher ul li.admin { background: #f0a030; border-radius: 2px 0 0 2px; }
#switcher ul li.cashier { background: #5bb75b; border-radius: 0 2px 2px 0; }
#switcher .bullet { background: #fff; border-radius: 2px; box-shadow: 0 0 2px rgba(0, 0, 0, 0.5); color: #bbb; cursor: pointer; float: left; font-size: 11px; font-weight: bold; height: 26px; line-height: 28px; margin: -26px 0 0 100px; opacity: 0.95; text-align: center; text-shadow: 0 0 5px #fff; text-transform: uppercase; width: 100px; }
#switcher .bullet:hover { opacity: 1; }
#switcher.cashier .bullet { margin-left: 0; }

/* Wrapper */

#wrapper { float: left; margin-top: 100px; padding-bottom: 40px; width: 100%; }
#wrapper .caption { float: left; font-weight: normal; margin-bottom: 10px; text-align: center; width: 100%; }

#wrapper .grid { float: left; width: 100%; }
#wrapper .grid .row:not(:last-child) { margin-bottom: 12px; }
#wrapper .grid .row .cell-4 { float: left; padding: 8px 0; width: 236px; }
#wrapper .grid .row .cell-4:not(:last-child) { margin-right: 12px; }

/* Error */

#wrapper .error .message { text-align: center; }

/* Cash List */

#wrapper .cashList { box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.5); margin-bottom: 20px; padding-bottom: 10px; }
#wrapper .cashList .header { margin-top: 7px; }
#wrapper .cashList .header ul { border-bottom: 2px solid #ddd; float: left; list-style: none; margin: 0 10px; width: 960px; }
#wrapper .cashList .header ul li { float: left; margin: 3px 0 4px; text-align: center; }
#wrapper .cashList .header ul li:not(:last-child) { border-right: 1px dashed #dcdcdc; }
#wrapper .cashList .header ul li.id { width: 49px; }
#wrapper .cashList .header ul li.country { width: 199px; }
#wrapper .cashList .header ul li.address { width: 379px; }
#wrapper .cashList .header ul li.balance { width: 149px; }
#wrapper .cashList .header ul li.balance.clickable { color: #007dc6; cursor: pointer; }
#wrapper .cashList .header ul li.balance.clickable:hover { color: #eb6a00; }
#wrapper .cashList .header ul li.balance .db,
#wrapper .cashList .header ul li.balance .bb { display: none; }
#wrapper .cashList.db .header ul li.balance .tb,
#wrapper .cashList.bb .header ul li.balance .tb { display: none; }
#wrapper .cashList.db .header ul li.balance .db { display: block; }
#wrapper .cashList.bb .header ul li.balance .bb { display: block; }
#wrapper .cashList .header ul li.currency { width: 99px; }
#wrapper .cashList .header ul li.cashiersCount { width: 80px; }
#wrapper .cashList .list { float: left; margin: 0 10px; width: 960px; }
#wrapper .cashList .list ul { float: left; list-style: none; padding: 3px 0; width: 100%; }
#wrapper .cashList .list ul:hover { background: #fff; }
#wrapper .cashList .list ul:not(:last-child) { border-bottom: 1px dashed #dcdcdc; }
#wrapper .cashList .list ul li { float: left; height: 28px; line-height: 28px; text-align: center; }
#wrapper .cashList .list ul li:not(:last-child) { border-right: 1px dashed #dcdcdc; }
#wrapper .cashList .list ul li.id { width: 49px; }
#wrapper .cashList .list ul li.country { width: 199px; }
#wrapper .cashList .list ul li.address { width: 379px; }
#wrapper .cashList .list ul li.balance { width: 149px; }
#wrapper .cashList .list ul li.balance .tb { float: left; width: 100%; }
#wrapper .cashList .list ul li.balance .tb .amount { float: left; width: 121px; }
#wrapper .cashList .list ul li.balance .tb .ibutton { cursor: pointer; float: right; height: 28px; width: 28px; }
#wrapper .cashList .list ul li.balance .tb .ibutton i { color: #da4f49; float: left; margin: 1px 0 0 8px; }
#wrapper .cashList .list ul li.balance .tb .ibutton:hover i { color: #b5403c; }
#wrapper .cashList .list ul li.balance .db,
#wrapper .cashList .list ul li.balance .bb { display: none; }
#wrapper .cashList.db .list ul li.balance .tb,
#wrapper .cashList.bb .list ul li.balance .tb { display: none; }
#wrapper .cashList.db .list ul li.balance .db { display: block; }
#wrapper .cashList.bb .list ul li.balance .bb { display: block; }
#wrapper .cashList .list ul li.currency { width: 99px; }
#wrapper .cashList .list ul li.sections { display: none; padding-left: 9px; width: 820px; }
#wrapper .cashList .list ul li.sections.showed { display: block; }
#wrapper .cashList .list ul li.cashiersCount { width: 80px; }
#wrapper .cashList .list ul li .link { display: block; float: left; height: 28px; margin: -3px 0; padding: 3px 0; }
#wrapper .cashList .list ul li.id .link { cursor: pointer; width: 49px; }
#wrapper .cashList .list ul li.cashiersCount .link { width: 80px; }
#wrapper .cashList .list ul li.sections .button { margin-top: 1px; width: 110px; }
#wrapper .cashList .list ul li.sections .button:not(:last-child) { margin-right: 7px; }

#wrapper .cashList .functions { float: left; margin: 10px 10px 0; width: 960px; }
#wrapper .cashList .functions .button { float: right; margin-left: 5px; width: 80px; }

/* Bets */

#wrapper .bets { box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.5); font-size: 12px; margin-bottom: 20px; padding-bottom: 10px; text-align: center; }
#wrapper .bets .header { margin-top: 7px; }
#wrapper .bets .header ul { float: left; list-style: none; margin: 0 10px; width: 960px; }
#wrapper .bets .header ul li { float: left; height: 36px; line-height: 16px; margin: 3px 0 4px; }
#wrapper .bets .header ul li:not(:last-child) { border-right: 1px dashed #dcdcdc; }
#wrapper .bets .header ul li.id { width: 119px; }
#wrapper .bets .header ul li.live { line-height: 32px; width: 29px; }
#wrapper .bets .header ul li.event { width: 369px; }
#wrapper .bets .header ul li.amount { width: 229px; }
#wrapper .bets .header ul li.value { line-height: 32px; width: 109px; }
#wrapper .bets .header ul li.result { width: 100px; }
#wrapper .bets .header ul li span { color: #888; }
#wrapper .bets .bet { background: #aaa; color: #fff; float: left; list-style: none; margin: 0 10px; padding: 3px 0; width: 960px; }
#wrapper .bets .bet.lose { background: #de444b; }
#wrapper .bets .bet.win { background: #7db824; }
#wrapper .bets .bet li { float: left; padding: 5px 0; }
#wrapper .bets .bet li:not(:last-child) { border-right: 1px dashed #dcdcdc; }
#wrapper .bets .bet li.id { width: 119px; }
#wrapper .bets .bet li.event { width: 399px; }
#wrapper .bets .bet li.amount { width: 229px; }
#wrapper .bets .bet li.value { width: 109px; }
#wrapper .bets .bet li.result { width: 100px; }
#wrapper .bets .betItems { float: left; margin: 0 10px; width: 960px; }
#wrapper .bets .betItems ul { display: table; list-style: none; padding: 3px 0; width: 100%; }
#wrapper .bets .betItems ul:not(:last-child) { border-bottom: 1px dashed #dcdcdc; }
#wrapper .bets .betItems ul:nth-child(even) { background: #fff; }
#wrapper .bets .betItems ul li { display: table-cell; padding: 5px; vertical-align: middle; }
#wrapper .bets .betItems ul li:not(:last-child) { border-right: 1px dashed #dcdcdc; }
#wrapper .bets .betItems ul li.id { width: 109px; }
#wrapper .bets .betItems ul li.live { width: 19px; }
#wrapper .bets .betItems ul li.event { width: 359px; }
#wrapper .bets .betItems ul li.event .red { color: #e71823; }
#wrapper .bets .betItems ul li.amount { width: 219px; }
#wrapper .bets .betItems ul li.status { width: 19px; }
#wrapper .bets .betItems ul li.value { width: 69px; }
#wrapper .bets .betItems ul li.result { width: 90px; }
#wrapper .bets .betItems ul li.live span,
#wrapper .bets .betItems ul li.status span { background: #aaa; border-radius: 5px; display: inline-block; height: 10px; width: 10px; }
#wrapper .bets .betItems ul li.live span,
#wrapper .bets .betItems ul li.status span.lose { background: #de444b; }
#wrapper .bets .betItems ul li.status span.win { background: #7db824; }

/* Payments */

#wrapper .payments { box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.5); margin-bottom: 20px; padding-bottom: 10px; text-align: center; }
#wrapper .payments .header { margin-top: 7px; }
#wrapper .payments .header ul { border-bottom: 2px solid #ddd; float: left; list-style: none; margin: 0 10px; width: 1040px; }
#wrapper .payments .header ul li { float: left; margin: 3px 0 4px; }
#wrapper .payments .header ul li:not(:last-child) { border-right: 1px dashed #dcdcdc; }
#wrapper .payments .header ul li.id { width: 99px; }
#wrapper .payments .header ul li.time { width: 159px; }
#wrapper .payments .header ul li.type { width: 359px; }
#wrapper .payments .header ul li.user { width: 189px; }
#wrapper .payments .header ul li.amount { width: 200px; }
#wrapper .payments .list { float: left; margin: 0 10px; width: 1040px; }
#wrapper .payments .list ul { float: left; list-style: none; padding: 3px 0; width: 100%; }
#wrapper .payments .list ul:not(:last-child) { border-bottom: 1px dashed #dcdcdc; }
#wrapper .payments .list ul:nth-child(even) { background: #fff; }
#wrapper .payments .list ul li { float: left; height: 28px; line-height: 28px; }
#wrapper .payments .list ul li:not(:last-child) { border-right: 1px dashed #dcdcdc; }
#wrapper .payments .list ul li.id { width: 99px; }
#wrapper .payments .list ul li.time { width: 159px; }
#wrapper .payments .list ul li.type { width: 359px; }
#wrapper .payments .list ul li.user { width: 189px; }
#wrapper .payments .list ul li.amount { width: 200px; }

/* Collection */

#wrapper .collection { box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.5); margin-bottom: 20px; padding-bottom: 10px; text-align: center; }
#wrapper .collection .header { margin-top: 7px; }
#wrapper .collection .header ul { border-bottom: 2px solid #ddd; float: left; list-style: none; margin: 0 10px; width: 960px; }
#wrapper .collection .header ul li { float: left; margin: 3px 0 4px; }
#wrapper .collection .header ul li:not(:last-child) { border-right: 1px dashed #dcdcdc; }
#wrapper .collection .header ul li.id { width: 99px; }
#wrapper .collection .header ul li.time,
#wrapper .collection .header ul li.type { width: 329px; }
#wrapper .collection .header ul li.amount { width: 200px; }
#wrapper .collection .list { float: left; margin: 0 10px; width: 960px; }
#wrapper .collection .list ul { float: left; list-style: none; padding: 3px 0; width: 100%; }
#wrapper .collection .list ul:not(:last-child) { border-bottom: 1px dashed #dcdcdc; }
#wrapper .collection .list ul:nth-child(even) { background: #fff; }
#wrapper .collection .list ul li { float: left; height: 28px; line-height: 28px; }
#wrapper .collection .list ul li:not(:last-child) { border-right: 1px dashed #dcdcdc; }
#wrapper .collection .list ul li.id { width: 99px; }
#wrapper .collection .list ul li.time,
#wrapper .collection .list ul li.type { width: 329px; }
#wrapper .collection .list ul li.amount { width: 200px; }

/* Statistic */

#wrapper .statistic { box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.5); margin-bottom: 20px; padding-bottom: 10px; text-align: center; }
#wrapper .statistic .header { margin-top: 7px; }
#wrapper .statistic .header ul { border-bottom: 2px solid #ddd; float: left; list-style: none; margin: 0 10px; width: 960px; }
#wrapper .statistic .header ul li { float: left; margin: 3px 0 4px; width: 153px; }
#wrapper .statistic .header ul li:not(:last-child) { border-right: 1px dashed #dcdcdc; }
#wrapper .statistic .header ul li.mood { border-right: 2px solid #ddd; margin-bottom: 0; padding-bottom: 4px; width: 189px; }
#wrapper .statistic .list { float: left; margin: 0 10px; width: 960px; }
#wrapper .statistic .list ul { float: left; list-style: none; padding: 3px 0; width: 100%; }
#wrapper .statistic .list ul:not(:last-child) { border-bottom: 1px dashed #dcdcdc; }
#wrapper .statistic .list ul:nth-child(even) { background: #fff; }
#wrapper .statistic .list ul li { float: left; height: 28px; line-height: 28px; width: 153px; }
#wrapper .statistic .list ul li:not(:last-child) { border-right: 1px dashed #dcdcdc; }
#wrapper .statistic .list ul li.action { border-right: 2px solid #ddd; margin: -3px 0; padding: 3px 0; width: 189px; }

#wrapper .statistic.count .header ul li,
#wrapper .statistic.count .list ul li { width: 191px; }

#wrapper .statistic .list ul li.blue { color: #007dc6; }
#wrapper .statistic .list ul li.red { color: #ff0316; }

#wrapper .statistic .header ul li.payments,
#wrapper .statistic .list ul li.payments,
#wrapper .statistic .header ul li.bets,
#wrapper .statistic .list ul li.bets { box-shadow: none; font-size: 14px; padding: 0; }
#wrapper .statistic .list ul li.payments,
#wrapper .statistic .list ul li.bets { margin: 0; }

/* Balances Users */

#wrapper .usersBalance { box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.5); margin-bottom: 20px; padding-bottom: 10px; text-align: center; }
#wrapper .usersBalance .header { margin-top: 7px; }
#wrapper .usersBalance .header ul { border-bottom: 2px solid #ddd; float: left; list-style: none; margin: 0 10px; width: 960px; }
#wrapper .usersBalance .header ul li { float: left; margin: 3px 0 4px; width: 149px; }
#wrapper .usersBalance .header ul li:not(:last-child) { border-right: 1px dashed #dcdcdc; }
#wrapper .usersBalance .header ul li.id { width: 359px; }
#wrapper .usersBalance .header ul li.count { width: 150px; }
#wrapper .usersBalance .list { float: left; margin: 0 10px; width: 960px; }
#wrapper .usersBalance .list ul { float: left; list-style: none; padding: 3px 0; width: 100%; }
#wrapper .usersBalance .list ul:not(:last-child) { border-bottom: 1px dashed #dcdcdc; }
#wrapper .usersBalance .list ul:nth-child(even) { background: #fff; }
#wrapper .usersBalance .list ul li { float: left; height: 28px; line-height: 28px; width: 149px; }
#wrapper .usersBalance .list ul li:not(:last-child) { border-right: 1px dashed #dcdcdc; }
#wrapper .usersBalance .list ul li.id { padding: 0 15px; text-align: left; width: 329px; }
#wrapper .usersBalance .list ul li.count { width: 150px; }
#wrapper .usersBalance .list ul li.blue { color: #007dc6; }
#wrapper .usersBalance .list ul li.red { color: #ff0316; }
#wrapper .usersBalance .list ul.total { font-weight: bold; }
#wrapper .usersBalance .list ul.total li.id { font-style: italic; font-weight: normal; padding: 0; text-align: center; width: 359px; }

/* Select Date */

#wrapper .selectDate { margin-bottom: 15px; }
#wrapper .selectDate .label { float: left; line-height: 26px; margin-left: 15px; }
#wrapper .selectDate .button { margin-left: 5px; width: 100px; }
#wrapper .selectDate .button.picker { margin-right: 5px; width: 210px; }
#wrapper .selectDate select { height: 26px; margin-right: 3px; width: 40px; }
#wrapper .selectDate .hint { float: left; font-size: 10px; margin: -13px 0 0 -45px; text-align: center; text-transform: uppercase; width: 40px; }

/* Tools */

#wrapper .tools { margin-bottom: 15px; }
#wrapper .tools .label { float: left; line-height: 26px; }
#wrapper .tools select { height: 26px; margin-left: 5px; }

#wrapper .tools .currency select { text-align: center; width: 60px; }

/* Cashiers */

#wrapper .cashiers { box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.5); margin-bottom: 20px; padding-bottom: 10px; }
#wrapper .cashiers .header { margin-top: 7px; }
#wrapper .cashiers .header ul { border-bottom: 2px solid #ddd; float: left; list-style: none; margin: 0 10px; width: 960px; }
#wrapper .cashiers .header ul li { float: left; margin: 3px 0 4px; text-align: center; }
#wrapper .cashiers .header ul li:not(:last-child) { border-right: 1px dashed #dcdcdc; }
#wrapper .cashiers .header ul li.id { width: 59px; }
#wrapper .cashiers .header ul li.cashId { width: 99px; }
#wrapper .cashiers .header ul li.name { width: 719px; }
#wrapper .cashiers .header ul li.status { width: 80px; }
#wrapper .cashiers .list { float: left; margin: 0 10px; width: 960px; }
#wrapper .cashiers .list ul { float: left; list-style: none; padding: 3px 0; width: 100%; }
#wrapper .cashiers .list ul:hover { background: #fff; }
#wrapper .cashiers .list ul:not(:last-child) { border-bottom: 1px dashed #dcdcdc; }
#wrapper .cashiers .list ul li { float: left; height: 28px; line-height: 28px; text-align: center; }
#wrapper .cashiers .list ul li:not(:last-child) { border-right: 1px dashed #dcdcdc; }
#wrapper .cashiers .list ul li.id { width: 59px; }
#wrapper .cashiers .list ul li.cashId { width: 99px; }
#wrapper .cashiers .list ul li.name { width: 719px; }
#wrapper .cashiers .list ul li.status { padding: 0 5px; width: 70px; }
#wrapper .cashiers .list ul li .link { display: block; float: left; height: 28px; margin: -3px 0; padding: 3px 0; }
#wrapper .cashiers .list ul li.id .link { width: 59px; }
#wrapper .cashiers .list ul li.cashId .link { width: 100px; }

#wrapper .cashiers .functions { float: left; margin: 10px 10px 0; width: 960px; }
#wrapper .cashiers .functions .button { float: right; margin-left: 5px; width: 80px; }

/* Cashier */

#wrapper .cashier .grid .row .cell-4 label { cursor: pointer; float: left; margin: 0 0 3px 2px; width: 100%; }
#wrapper .cashier .grid .row .cell-4 input { margin-left: -1px; padding: 0; text-align: center; width: 100%; }
#wrapper .cashier .grid .row .cell-4 .button { margin-top: 22px; }
#wrapper .cashier .grid .row .cell-4 .droplist { margin-top: 51px; width: 236px; }

#wrapper .cashier .functions { margin-top: 10px; }
#wrapper .cashier .functions .button { margin-left: 78px; width: 80px; }

/* Cash Add */

#wrapper .cashEdit .grid .row .cell-4 label { cursor: pointer; float: left; margin: 0 0 3px 2px; width: 100%; }
#wrapper .cashEdit .grid .row .cell-4 input { margin-left: -1px; padding: 0; text-align: center; width: 100%; }
#wrapper .cashEdit .grid .row .cell-4 select { text-align: center; width: 100%; }
#wrapper .cashEdit .grid .row .cell-4 .button { margin-top: 22px; }
#wrapper .cashEdit .grid .row .cell-4 .droplist { margin-top: 51px; width: 236px; }

#wrapper .cashEdit .functions { margin-top: 10px; }
#wrapper .cashEdit .functions .button { margin-left: 78px; width: 80px; }

/* Send MoneyDS */

#wrapper .sendMoneyDS { box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.5); margin-bottom: 20px; padding-bottom: 10px; }
#wrapper .sendMoneyDS .header { margin-top: 7px; }
#wrapper .sendMoneyDS .header ul { border-bottom: 2px solid #ddd; float: left; list-style: none; margin: 0 10px; width: 960px; }
#wrapper .sendMoneyDS .header ul li { float: left; margin: 3px 0 4px; text-align: center; }
#wrapper .sendMoneyDS .header ul li:not(:last-child) { border-right: 1px dashed #dcdcdc; width: 191px; }
#wrapper .sendMoneyDS .header ul li.actions { width: 192px; }
#wrapper .sendMoneyDS .list { float: left; margin: 0 10px; width: 960px; }
#wrapper .sendMoneyDS .list ul { float: left; list-style: none; padding: 3px 0; width: 100%; }
#wrapper .sendMoneyDS .list ul:hover { background: #fff; }
#wrapper .sendMoneyDS .list ul:not(:last-child) { border-bottom: 1px dashed #dcdcdc; }
#wrapper .sendMoneyDS .list ul li { float: left; height: 28px; line-height: 28px; text-align: center; width: 191px; }
#wrapper .sendMoneyDS .list ul li:not(:last-child) { border-right: 1px dashed #dcdcdc; }
#wrapper .sendMoneyDS .list ul li.recipient,
#wrapper .sendMoneyDS .list ul li.amount { padding: 0 5px; width: 181px; }
#wrapper .sendMoneyDS .list ul li.recipient select { text-align: center; width: 181px; }
#wrapper .sendMoneyDS .list ul li.amount input { text-align: center; width: 169px; }
#wrapper .sendMoneyDS .list ul li.balance,
#wrapper .sendMoneyDS .list ul li.recipient { display: none; }
#wrapper .sendMoneyDS .list ul li.balance.active,
#wrapper .sendMoneyDS .list ul li.recipient.active { display: block; }
#wrapper .sendMoneyDS .list ul li.actions { padding: 0 5px; width: 182px; }
#wrapper .sendMoneyDS .list ul li.actions .button { margin-top: 1px; }

/* Partners */

#wrapper .partners { box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.5); margin-bottom: 20px; padding-bottom: 10px; }
#wrapper .partners .header { margin-top: 7px; }
#wrapper .partners .header ul { border-bottom: 2px solid #ddd; float: left; list-style: none; margin: 0 10px; width: 960px; }
#wrapper .partners .header ul li { float: left; margin: 3px 0 4px; text-align: center; width: 204px; }
#wrapper .partners .header ul li:not(:last-child) { border-right: 1px dashed #dcdcdc; }
#wrapper .partners .header ul li.id { width: 59px; }
#wrapper .partners .header ul li.ds { width: 80px; }
#wrapper .partners .list { float: left; margin: 0 10px; width: 960px; }
#wrapper .partners .list ul { float: left; list-style: none; padding: 3px 0; width: 100%; }
#wrapper .partners .list ul:hover { background: #fff; }
#wrapper .partners .list ul:not(:last-child) { border-bottom: 1px dashed #dcdcdc; }
#wrapper .partners .list ul li { float: left; height: 28px; line-height: 28px; text-align: center; }
#wrapper .partners .list ul li:not(:last-child) { border-right: 1px dashed #dcdcdc; }
#wrapper .partners .list ul li.id { width: 59px; }
#wrapper .partners .list ul li.username,
#wrapper .partners .list ul li.count,
#wrapper .partners .list ul li.balance { width: 204px; }
#wrapper .partners .list ul li.balance { display: none; }
#wrapper .partners .list ul li.balance.active { display: block; }
#wrapper .partners .list ul li.ds { padding: 0 5px; width: 70px; }
#wrapper .partners .list ul li .link { display: block; float: left; height: 28px; margin: -3px 0; padding: 3px 0; }
#wrapper .partners .list ul li.id .link { width: 59px; }

#wrapper .partners .functions { float: left; margin: 10px 10px 0; width: 960px; }
#wrapper .partners .functions .button { float: right; margin-left: 5px; width: 80px; }

/* Partner */

#wrapper .partner .grid .row .cell-4 label { cursor: pointer; float: left; margin: 0 0 3px 2px; width: 100%; }
#wrapper .partner .grid .row .cell-4 input { margin-left: -1px; padding: 0; text-align: center; width: 100%; }
#wrapper .partner .grid .row .cell-4 .button { margin-top: 22px; }
#wrapper .partner .grid .row .cell-4 .droplist { margin-top: 51px; width: 236px; }

#wrapper .partner .functions { margin-top: 10px; }
#wrapper .partner .functions .button { margin-left: 78px; width: 80px; }

/* Total Statistic */

#wrapper .totalStatistic { box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.5); display: none; margin-bottom: 20px; padding-bottom: 10px; }
#wrapper .totalStatistic.active { display: block; }
#wrapper .totalStatistic .header { margin-top: 7px; }
#wrapper .totalStatistic .header ul { border-bottom: 2px solid #ddd; float: left; list-style: none; margin: 0 10px; width: 960px; }
#wrapper .totalStatistic .header ul li { float: left; height: 52px; line-height: 52px; margin: 3px 0 4px; text-align: center; }
#wrapper .totalStatistic .header ul li:not(:last-child) { border-right: 1px dashed #dcdcdc; }
#wrapper .totalStatistic .header ul li.id { width: 79px; }
#wrapper .totalStatistic .header ul li.section { line-height: 26px; width: 399px; }
#wrapper .totalStatistic .header ul li.section:last-child { width: 400px; }
#wrapper .totalStatistic .header ul li.section ul { border: none; border-top: 1px dashed #dcdcdc; margin: 0; width: 100%; }
#wrapper .totalStatistic .header ul li.section ul li { height: 26px; line-height: 26px; margin: 0; width: 99px; }
#wrapper .totalStatistic .header ul li.section:last-child ul li:last-child { width: 100px; }
#wrapper .totalStatistic .list { float: left; margin: 0 10px; width: 960px; }
#wrapper .totalStatistic .list ul { float: left; list-style: none; padding: 3px 0; width: 100%; }
#wrapper .totalStatistic .list ul:hover { background: #fff; }
#wrapper .totalStatistic .list ul:not(:last-child) { border-bottom: 1px dashed #dcdcdc; }
#wrapper .totalStatistic .list ul.section { border-top: 1px solid #dcdcdc; margin-top: -1px; }
#wrapper .totalStatistic .list ul li { float: left; height: 28px; line-height: 28px; text-align: center; width: 99px; }
#wrapper .totalStatistic .list ul li:last-child { width: 100px; }
#wrapper .totalStatistic .list ul li:not(:last-child) { border-right: 1px dashed #dcdcdc; }
#wrapper .totalStatistic .list ul li.id { padding: 0 15px; width: 129px; }
#wrapper .totalStatistic .list ul li.id.left { text-align: left; }
#wrapper .totalStatistic .list ul li.id.right { text-align: right; }

/* Credits */

#wrapper .credits { box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.5); margin-bottom: 20px; padding-bottom: 10px; }
#wrapper .credits .header { margin-top: 7px; }
#wrapper .credits .header ul { border-bottom: 2px solid #ddd; float: left; list-style: none; margin: 0 10px; width: 960px; }
#wrapper .credits .header ul li { float: left; margin: 3px 0 4px; text-align: center; width: 199px; }
#wrapper .credits .header ul li:not(:last-child) { border-right: 1px dashed #dcdcdc; }
#wrapper .credits .list { float: left; margin: 0 10px; width: 960px; }
#wrapper .credits .list ul { float: left; list-style: none; padding: 3px 0; width: 100%; }
#wrapper .credits .list ul:not(:last-child) { border-bottom: 1px dashed #dcdcdc; }
#wrapper .credits .list ul li { float: left; height: 28px; line-height: 28px; text-align: center; width: 199px; }
#wrapper .credits .list ul li:not(:last-child) { border-right: 1px dashed #dcdcdc; }
#wrapper .credits ul li.id { width: 159px; }
#wrapper .credits ul li.currency { width: 200px; }

/* To Pay */

#wrapper .toPay { box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.5); margin-bottom: 20px; padding-bottom: 10px; text-align: center; }
#wrapper .toPay .header { margin-top: 7px; }
#wrapper .toPay .header ul { border-bottom: 2px solid #ddd; float: left; list-style: none; margin: 0 10px; width: 960px; }
#wrapper .toPay .header ul li { float: left; margin: 3px 0 4px; }
#wrapper .toPay .header ul li:not(:last-child) { border-right: 1px dashed #dcdcdc; }
#wrapper .toPay .header ul li.id { width: 99px; }
#wrapper .toPay .header ul li.time { width: 159px; }
#wrapper .toPay .header ul li.cashId { width: 159px; }
#wrapper .toPay .header ul li.user { width: 139px; }
#wrapper .toPay .header ul li.amount { width: 199px; }
#wrapper .toPay .header ul li.actions { width: 200px; }
#wrapper .toPay .list { float: left; margin: 0 10px; width: 960px; }
#wrapper .toPay .list ul { float: left; list-style: none; padding: 3px 0; width: 100%; }
#wrapper .toPay .list ul:not(:last-child) { border-bottom: 1px dashed #dcdcdc; }
#wrapper .toPay .list ul:nth-child(even) { background: #fff; }
#wrapper .toPay .list ul li { float: left; height: 28px; line-height: 28px; }
#wrapper .toPay .list ul li:not(:last-child) { border-right: 1px dashed #dcdcdc; }
#wrapper .toPay .list ul li.id { width: 99px; }
#wrapper .toPay .list ul li.time { width: 159px; }
#wrapper .toPay .list ul li.cashId { width: 159px; }
#wrapper .toPay .list ul li.user { width: 139px; }
#wrapper .toPay .list ul li.amount { width: 199px; }
#wrapper .toPay .list ul li.sections { display: none; width: 199px; }
#wrapper .toPay .list ul li.sections.showed { display: block; }
#wrapper .toPay .list ul li.sections .button { margin: 1px 0 0 6px; width: 91px; }
#wrapper .toPay .list ul li.actions { width: 200px; }
#wrapper .toPay .list ul li.actions .button { margin: 1px 0 0 6px; width: 91px; }
#wrapper .toPay .list ul li .link { display: block; float: left; height: 28px; margin: -3px 0; padding: 3px 0; }
#wrapper .toPay .list ul li.user .link { cursor: pointer; width: 139px; }
#wrapper .toPay.viaCard .header ul li.id { width: 99px; }
#wrapper .toPay.viaCard .header ul li.time { width: 139px; }
#wrapper .toPay.viaCard .header ul li.number { width: 179px; }
#wrapper .toPay.viaCard .header ul li.expiry { width: 139px; }
#wrapper .toPay.viaCard .header ul li.name { width: 199px; }
#wrapper .toPay.viaCard .header ul li.amount { width: 99px; }
#wrapper .toPay.viaCard .header ul li.actions { width: 200px; }
#wrapper .toPay.viaCard .list ul li.id { width: 99px; }
#wrapper .toPay.viaCard .list ul li.time { width: 139px; }
#wrapper .toPay.viaCard .list ul li.number { width: 179px; }
#wrapper .toPay.viaCard .list ul li.expiry { width: 139px; }
#wrapper .toPay.viaCard .list ul li.name { width: 199px; }
#wrapper .toPay.viaCard .list ul li.amount { width: 99px; }
#wrapper .toPay.viaCard .list ul li.actions { width: 100px; }
#wrapper .toPay.viaCard .list ul li.actions .button { margin: 1px 0 0 5px; width: 90px; }
#wrapper .toPay.viaOther .header ul li.id { width: 99px; }
#wrapper .toPay.viaOther .header ul li.time { width: 239px; }
#wrapper .toPay.viaOther .header ul li.number { width: 279px; }
#wrapper .toPay.viaOther .header ul li.amount { width: 239px; }
#wrapper .toPay.viaOther .header ul li.actions { width: 200px; }
#wrapper .toPay.viaOther .list ul li.id { width: 99px; }
#wrapper .toPay.viaOther .list ul li.time { width: 239px; }
#wrapper .toPay.viaOther .list ul li.number { width: 279px; }
#wrapper .toPay.viaOther .list ul li.amount { width: 239px; }
#wrapper .toPay.viaOther .list ul li.actions { width: 100px; }
#wrapper .toPay.viaOther .list ul li.actions .button { margin: 1px 0 0 5px; width: 90px; }

/* ToPay BetGames */

#wrapper .tpBg { box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.5); margin-bottom: 20px; padding-bottom: 10px; text-align: center; }
#wrapper .tpBg .header { margin-top: 7px; }
#wrapper .tpBg .header ul { border-bottom: 2px solid #ddd; float: left; list-style: none; margin: 0 10px; width: 960px; }
#wrapper .tpBg .header ul li { float: left; margin: 3px 0 4px; width: 189px; }
#wrapper .tpBg .header ul li:not(:last-child) { border-right: 1px dashed #dcdcdc; }
#wrapper .tpBg .header ul li.id { width: 159px; }
#wrapper .tpBg .header ul li.time { width: 149px; }
#wrapper .tpBg .header ul li.bet { width: 329px; }
#wrapper .tpBg .header ul li.odd { width: 119px; }
#wrapper .tpBg .header ul li.amount { width: 99px; }
#wrapper .tpBg .header ul li.win { width: 100px; }
#wrapper .tpBg .list { float: left; margin: 0 10px; width: 960px; }
#wrapper .tpBg .list ul { float: left; display: table; list-style: none; padding: 3px 0; width: 100%; }
#wrapper .tpBg .list ul:not(:last-child) { border-bottom: 1px dashed #dcdcdc; }
#wrapper .tpBg .list ul:nth-child(even) { background: #fff; }
#wrapper .tpBg .list ul li { display: table-cell; padding: 5px 0; vertical-align: middle; width: 189px; }
#wrapper .tpBg .list ul li:not(:last-child) { border-right: 1px dashed #dcdcdc; }
#wrapper .tpBg .list ul li.id { width: 159px; }
#wrapper .tpBg .list ul li.time { width: 149px; }
#wrapper .tpBg .list ul li.bet { padding: 5px 10px; width: 309px; }
#wrapper .tpBg .list ul li.odd { width: 119px; }
#wrapper .tpBg .list ul li.amount { width: 99px; }
#wrapper .tpBg .list ul li.win { width: 100px; }

/* Pick Me Up */

.pickmeup { background: rgba(0, 0, 0, 0.85); box-shadow: 0 0 5px #000; -moz-box-sizing: content-box; box-sizing: content-box; display: none; margin-top: 5px; position: absolute; z-index: 1000; }
.pickmeup * { -moz-box-sizing: border-box; box-sizing: border-box; }
.pickmeup .pmu-instance { display: inline-block; height: 13.8em; padding: .5em; text-align: center; width: 15em; }
.pickmeup .pmu-instance .pmu-button { color: #eeeeee; cursor: pointer; outline: none; text-decoration: none; }
.pickmeup .pmu-instance .pmu-today { background: rgba(125, 184, 36, 0.7); color: #fff; }
.pickmeup .pmu-instance .pmu-button:hover { background: rgba(255, 255, 255, 0.15); }
.pickmeup .pmu-instance .pmu-button.pmu-prev:hover,
.pickmeup .pmu-instance .pmu-button.pmu-month:hover,
.pickmeup .pmu-instance .pmu-button.pmu-next:hover { background: none; color: #b0a6c6; }
.pickmeup .pmu-instance .pmu-not-in-month { color: #666666; }
.pickmeup .pmu-instance .pmu-today.pmu-not-in-month{ color: #fff; }
.pickmeup .pmu-instance .pmu-disabled,
.pickmeup .pmu-instance .pmu-disabled:hover { color: #333333; cursor: default; }
.pickmeup .pmu-instance .pmu-selected { background: rgba(125, 184, 36, 0.5); color: #eeeeee; }
.pickmeup .pmu-instance .pmu-not-in-month.pmu-selected { background: rgba(125, 184, 36, 0.7); color: #fff; }
.pickmeup .pmu-instance nav { color: #eeeeee; display: -ms-flexbox; display: -webkit-flex; display: flex; line-height: 2em; }
.pickmeup .pmu-instance nav *:first-child :hover { color: #b0a6c6; }
.pickmeup .pmu-instance nav .pmu-prev,
.pickmeup .pmu-instance nav .pmu-next { display: none; height: 2em; width: 1em; }
.pickmeup .pmu-instance nav .pmu-month { width: 14em; }
.pickmeup .pmu-instance .pmu-years *,
.pickmeup .pmu-instance .pmu-months * { display: inline-block; line-height: 3.6em; width: 3.5em; }
.pickmeup .pmu-instance .pmu-day-of-week { color: #999999; cursor: default; }
.pickmeup .pmu-instance .pmu-day-of-week *,
.pickmeup .pmu-instance .pmu-days * { display: inline-block; line-height: 1.5em; width: 2em; }
.pickmeup .pmu-instance .pmu-day-of-week * { line-height: 1.8em; }
.pickmeup .pmu-instance:first-child .pmu-prev,
.pickmeup .pmu-instance:last-child .pmu-next { display: block; }
.pickmeup .pmu-instance:first-child .pmu-month,
.pickmeup .pmu-instance:last-child .pmu-month { width: 13em; }
.pickmeup .pmu-instance:first-child:last-child .pmu-month { width: 12em; }
.pickmeup:not(.pmu-view-days) .pmu-days, .pickmeup:not(.pmu-view-days) .pmu-day-of-week, .pickmeup:not(.pmu-view-months) .pmu-months, .pickmeup:not(.pmu-view-years) .pmu-years { display: none; }

/* Animation */

input,
select,
.link,
.button,
.droplist li,
.pickmeup .pmu-instance .pmu-button,
.pickmeup .pmu-instance .pmu-disabled,
#header a,
#status-bar ul li a,
#switcher .bullet,
#wrapper .cashList .header ul li.balance.clickable,
#wrapper .cashList .list ul,
#wrapper .cashList .list ul li a,
#wrapper .cashList .list ul li.balance .tb .ibutton i,
#wrapper .sendMoneyDS .list ul,
#wrapper .cashiers .list ul,
#wrapper .cashiers .list ul li a {
	-webkit-transition: 0.1s;
	   -moz-transition: 0.1s;
		 -o-transition: 0.1s;
			transition: 0.1s;
}

.toggle,
.toggle .toggle-radio {
	-webkit-transition: 0.25s;
	   -moz-transition: 0.25s;
		 -o-transition: 0.25s;
			transition: 0.25s;
}

/* Login Form */

#login { float: left; margin: 0 380px 20px; padding: 10px; width: 200px; }
#login input { margin-bottom: 5px; width: 188px; }
#login .button { margin-top: 5px; }


#wrapper .playerList { box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.5); margin-bottom: 20px; padding-bottom: 10px; }
#wrapper .playerList.active { display: block; } 
#wrapper .playerList .header { margin-top: 7px; }
#wrapper .playerList .header ul { border-bottom: 2px solid #ddd; float: left; list-style: none; margin: 0 10px; width: 960px; }
#wrapper .playerList .header ul li { float: left; margin: 3px 0 4px; text-align: center; }
#wrapper .playerList .header ul li:not(:last-child) { border-right: 1px dashed #dcdcdc; }
#wrapper .playerList .header ul li.id { width: 79px; }
#wrapper .playerList .header ul li.date { width: 239px; }
#wrapper .playerList .header ul li.balance { width: 199px; }
#wrapper .playerList .header ul li.actions { width: 200px; }
#wrapper .playerList .list { float: left; margin: 0 10px; width: 960px; }
#wrapper .playerList .list ul { float: left; list-style: none; padding: 3px 0; width: 100%; }
#wrapper .playerList .list ul:hover { background: #fff; }
#wrapper .playerList .list ul:not(:last-child) { border-bottom: 1px dashed #dcdcdc; }
#wrapper .playerList .list ul li { float: left; height: 28px; line-height: 28px; text-align: center; }
#wrapper .playerList .list ul li:not(:last-child) { border-right: 1px dashed #dcdcdc; }
#wrapper .playerList .list ul li.id { width: 79px; }
#wrapper .playerList .list ul li.date { width: 239px; }
#wrapper .playerList .list ul li.balance { width: 199px; }
#wrapper .playerList .list ul li.actions { width: 200px; }
#wrapper .playerList .list ul li.actions .button { margin: 1px 5px 0; width: 190px; }


/* Players statistic */


#wrapper .playerList-statistic { box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.5); margin-bottom: 20px; padding-bottom: 10px; }
#wrapper .playerList-statistic.active { display: block; } 
#wrapper .playerList-statistic .header { margin-top: 7px; }
#wrapper .playerList-statistic .header ul { border-bottom: 2px solid #ddd; float: left; list-style: none; margin: 0 10px; width: 960px; }
#wrapper .playerList-statistic .header ul li { float: left; margin: 3px 0 4px; text-align: center; }
#wrapper .playerList-statistic .header ul li:not(:last-child) { border-right: 1px dashed #dcdcdc; }
#wrapper .playerList-statistic .header ul li.id { width: 65px; }
#wrapper .playerList-statistic .header ul li.country { width: 99px; }
#wrapper .playerList-statistic .header ul li.address { width: 239px; }
#wrapper .playerList-statistic .header ul li.balance { width: 153px; }
#wrapper .playerList-statistic .header ul li.date-cell { width: 165px; }
#wrapper .playerList-statistic .header ul li.balance.clickable { color: #007dc6; cursor: pointer; }
#wrapper .playerList-statistic .header ul li.balance.clickable:hover { color: #eb6a00; }
#wrapper .playerList-statistic .header ul li.balance .db,
#wrapper .playerList-statistic .header ul li.balance .bb { display: none; }
#wrapper .playerList-statistic.db .header ul li.balance .tb,
#wrapper .playerList-statistic.bb .header ul li.balance .tb { display: none; }
#wrapper .playerList-statistic.db .header ul li.balance .db { display: block; }
#wrapper .playerList-statistic.bb .header ul li.balance .bb { display: block; }
#wrapper .playerList-statistic .header ul li.currency { width: 69px; }
#wrapper .playerList-statistic .header ul li.cashiersCount { width: 70px; }
#wrapper .playerList-statistic .list { float: left; margin: 0 10px; width: 960px; }
#wrapper .playerList-statistic .list ul { float: left; list-style: none; padding: 3px 0; width: 100%; }
#wrapper .playerList-statistic .list ul:hover { background: #fff; }
#wrapper .playerList-statistic .list ul:not(:last-child) { border-bottom: 1px dashed #dcdcdc; }
#wrapper .playerList-statistic .list ul li { float: left; height: 28px; line-height: 28px; text-align: center; }
#wrapper .playerList-statistic .list ul li:not(:last-child) { border-right: 1px dashed #dcdcdc; }
#wrapper .playerList-statistic .list ul li.id { width: 65px; }
#wrapper .playerList-statistic .list ul li.country { width: 99px; }
#wrapper .playerList-statistic .list ul li.address { width: 239px; }
#wrapper .playerList-statistic .list ul li.balance { width: 153px; }
#wrapper .playerList-statistic .list ul li.date-cell { width: 165px; }
#wrapper .playerList-statistic .list ul li.balance-total { width: 153px; font-weight: bold;}
#wrapper .playerList-statistic .list ul li.total { width: 453px; font-weight: bold;}
#wrapper .playerList-statistic .list ul li.balance .db,
#wrapper .playerList-statistic .list ul li.balance .bb { display: none; }
#wrapper .playerList-statistic.db .list ul li.balance .tb,
#wrapper .playerList-statistic.bb .list ul li.balance .tb { display: none; }
#wrapper .playerList-statistic.db .list ul li.balance .db { display: block; }
#wrapper .playerList-statistic.bb .list ul li.balance .bb { display: block; }
#wrapper .playerList-statistic .list ul li.currency { width: 69px; }
#wrapper .playerList-statistic .list ul li.sections { display: none; width: 464px;  margin-top:30px; margin-left: -465px;}
#wrapper .playerList-statistic .list ul li.sections.showed { display: block; }
#wrapper .playerList-statistic .list ul li.cashiersCount { width: 70px; }
#wrapper .playerList-statistic .list ul li .link { display: block; float: left; height: 28px; margin: -3px 0; padding: 3px 0; }
#wrapper .playerList-statistic .list ul li.id .link { cursor: pointer; width: 65px; }
#wrapper .playerList-statistic .list ul li.cashiersCount .link { width: 80px; }
#wrapper .playerList-statistic .list ul li.sections .button { margin-top: 1px; width: 110px; }
#wrapper .playerList-statistic .list ul li.sections .button:not(:last-child) { margin-right: 7px; }

#wrapper .playerList-statistic .functions { float: left; margin: 10px 10px 0; width: 960px; }
#wrapper .playerList-statistic .functions .button { float: right; margin-left: 5px; width: 80px; }