* { padding: 0px; margin: 0px; outline:0; }
html, body {font-family: Verdana;height: 100%;width: 100%;overflow: hidden;color: #eee;background-color: #F8F8F9;}
body[data-device="D"] { font-size: 13px; }
body[data-device="M"] { font-size: 15px; }
input {height: 20px;line-height: 20px;padding: 2px 4px;border: 1px solid transparent;background-color: transparent;color: #eee;}
.noselect {
-webkit-touch-callout: none; /* iOS Safari */
-webkit-user-select: none; /* Safari */
-khtml-user-select: none; /* Konqueror HTML */
-moz-user-select: none; /* Old versions of Firefox */
-ms-user-select: none; /* Internet Explorer/Edge */
user-select: none; /* Non-prefixed version, currently
supported by Chrome, Edge, Opera and Firefox */
}
::-webkit-input-placeholder {color: #777;}
::-moz-placeholder {color: #777;}
:-ms-input-placeholder {color: #777;}
:-moz-placeholder {color: #777;}
section#header { position: relative;display: block;width: 100%;height: 36px;line-height: 36px;z-index: 999;background-color: #181b21; }
section#header #logo { display: inline-block;float: left;height:36px;text-align: left;font-weight: bold;font-size: 0;border-right: 1px solid #262626;background: #0f1315;background-image: url('/_image/logo/landing.png');background-repeat: no-repeat;background-position: left center;background-size: auto 70%; }
[data-device="D"] section#header #logo { margin-left: 10px; width: 249px; }
[data-device="M"] section#header #logo { margin-left: 50px; width: 262px; }
section#header #logo span { color: #215d9c !important;}
section#header #menutools { display: inline-block; float: left; text-align: left; }
[data-device="M"] section#header #menutools { position:absolute; top:0; left:0; display: inline-block; text-align: left; }
section#header #menutools #menu_float { float: left; position: relative; width: 50px; text-align: center; cursor: pointer; }
section#header #menutools #menu_float:hover {color: #3371b1;}
section#header #user { display: inline-block; float: right; padding-right: 10px; text-align: right; position: absolute; right: 0; }
[data-device="D"] section#header #user { width: 490px; }
[data-device="M"] section#header #user { width: 290px; }
section#header #userbalanceBlock[level="40"],
section#header #userbalanceBlock[level="35"],
section#header #userbalanceBlock[level="25"],
section#header #userbalanceBlock[level="20"],
section#header #userbalanceBlock[level="19"],
section#header #userbalanceBlock[level="18"],
section#header #userbalanceBlock[level="15"],
section#header #userbalanceBlock[level="10"] { float: right; margin-left:20px; display:inline-block !important; }
section#header #user #username { cursor: pointer; }
section#header #user #username:hover { color: #2668ad; }
section#header #user .icon { float: right; padding-left: 5px; }
section#header #user .icon i { vertical-align: middle; width: 40px; }
section#header #user .icon i.icon_mail,
section#header #user .icon i[data-action] { cursor: pointer; }
section#header #user .icon i.icon_mail:hover,
section#header #user .icon i[data-action]:hover {color: #3371b1;}
section#header #tz { cursor: pointer; float: left; text-align:center; vertical-align: middle; display: inline-block; white-space: nowrap; line-height: 18px; width: 70px; }
[data-device="D"] section#header #user_search { float: left; position: relative; display: inline-block; }
[data-device="D"] section#container .menuheader,
[data-device="D"] section#container .menufooter { display:none; }
[data-device="M"] section#container .menuheader,
[data-device="M"] section#container .menufooter { display:block; }
[data-device="M"] section#header #user_search,
[data-device="M"] section#header #tz,
[data-device="M"] section#header #username,
[data-device="M"] section#header #language,
[data-device="M"] section#header .icon_logout { display: none; }
section#header #user_search #un_tool-label { position: relative; }
section#header #user_search #un_tool-label:before { color: #222; content:"\f002"; font-family: FontAwesome; position: relative; left: 4px; top: 0px; font-size: 1.33333333em; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; z-index: 5;}
section#header #user_search #un_tool-search { cursor: pointer; }
section#header #user_search #un_tool-search:hover { color: #2be6b9; }
#container.guest {position: absolute;padding: 0;margin: 0;top: 0;height: 100%;left: 50%;transform: translateX(-50%);width: 500px;max-width: 100%;overflow: hidden;background-color: #FDFDFD;color: #32394D;}
#container.guest .panel {position: relative;top: calc(50% - 300px);height: 210px;left: 0;width: 400px;margin: 0 auto;text-align: center;line-height: 34px;background-color: #d9d9d9;background-image: url('/_image/logo/bg.png');background-repeat: no-repeat;background-position: left 10px top 14px;background-size: auto 92%;border: 1px solid #363e4a;}
#container.guest .panel >div:first-child {font-size: 0 !important;background-image: url('/_image/logo/landing.png');background-repeat: no-repeat;background-position: center center;}
#container.guest #loader { position: relative; width: 100%; height: 80px; line-height: 80px; background-color: rgba(0,0,0,0.4); top: calc(50% - 438px); color: #fff; text-align: center; font-style: italic; font-size: 250%; text-shadow: 3px 3px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; }
#container {display: block;width: 100%;height: calc(100% - 36px);background-color: #FDFDFE;overflow: hidden;}
#container #menu { float: left; display:inline-block; height: 100%;background-color: #F8F8F9;overflow-y: hidden; }
[data-device="D"] #container #menu { position: relative; width: 260px; }
[data-device="M"] #container #menu { position: absolute; top:36px; left:0; width: 300px; z-index:9999; -webkit-box-shadow: 5px 0px 5px 0px rgba(0,0,0,0.75);-moz-box-shadow: 5px 0px 5px 0px rgba(0,0,0,0.75);box-shadow: 5px 0px 5px 0px rgba(0,0,0,0.75); }
#container #menu .menuGroups { width:100%; overflow-y:auto; overflow-x:hidden; }
[data-device="D"] #container #menu .menuGroups { position:absolute; top:0; left:0; width:100%; height:100%; }
[data-device="M"] #container #menu .menuGroups { position:absolute; top:50px; left:0; width:100%; height:calc(100% - 135px); }
[data-device="M"] #container #menu .menuheader { height: 50px;border-bottom: 1px solid #313944; }
[data-device="M"] #container #menu .menufooter { position:absolute; bottom:36px; left:0; width:100%; height:50px; }
[data-device="M"] #container #menu .username {/* position:absolute; */top:0;left:0;width:100%;height: 50px;line-height: 50px;display: block;text-align:center;}
[data-device="M"] #container #menu .options {top: 32px;left:10px;width:calc(100% - 20px);height:40px;display:block;text-align:center;}
[data-device="M"] #container #menu .options .iconR {float: right;position:relative;margin-left: 6px;height: 50px;width: auto;}
[data-device="M"] #container #menu .options .iconR#language {float: left;}
[data-device="M"] #container #menu .options .iconL { float:left; position:relative; padding-right:5px; height:40px; }
[data-device="M"] #container #menu .options .tzuser {padding: 5px 5px 5px 14px;box-sizing: border-box;width: auto;height: 50px;line-height: 20px;}
[data-device="M"] #container #menu .options .iconR i {position:relative;top: 14px;}
#container #menu .group:first-child {border-top: 1px solid #171717;}
#container #menu .group {color: #32394D;border-bottom: 1px solid #d3d3d3;position: relative;display: block;line-height: 18px;cursor: pointer;overflow:hidden;background: #F8F8F9;}
#container #menu .group div {display: inline-block;height: 100%;color: #4b5269;vertical-align: middle;}
#container #menu .group div#main { width: 100%; font-weight: bold; font-size: 110%; }
[data-device="D"] #container #menu .group div#main { height: 44px; line-height: 44px; }
[data-device="D"] #container #menu .group div#main:hover { background-color: #a6eafd; }
[data-device="M"] #container #menu .group div#main { height: 50px; line-height: 50px;}
#container #menu .group div#main:hover .title, #container #menu .group div#main:hover #opensub {background-color: #a6eafd;}
#container #menu .group div#sub { display: inline-block;width: 100%;background: #181818;-moz-box-shadow: inset 0px 3px 4px 0px rgba(0,0,0,0.75);/* box-shadow: inset 0px 3px 4px 0px rgba(0,0,0,0.75); */}
#container #menu .group div.submenu { width: 100%;background: #e9e8e8;padding-left: 30px;transition: .3s all; }
[data-device="D"] #container #menu .group div.submenu { height: 36px;line-height: 36px; }
[data-device="M"] #container #menu .group div.submenu { height: 50px;line-height: 50px; }
#container #menu .group div.submenu:hover {color: #ccc;background: #222831;}
#container #menu .group div.submenu.opened .title {color: #3971d5;}
#container #menu .group .icon { float: left;padding: 0 10px;text-align: center;color: #215d9c; }
[data-device="D"] #container #menu .group .icon { width: 14px; }
[data-device="M"] #container #menu .group .icon { width: 30px;}
#container #menu .group .title {color: #4b6074;}
#container #menu .group .submenu .title {}
#container #menu .group #opensub { float: right; padding-right: 10px; }
#container #menuCashier { position:relative; height:70px; width:100%; margin-top: 2px; padding-top: 5px; background-color: #181b21; }
#container #menuCashier .btn_div,
#container #menuCashier .btn_div .btn { height: 60px; font-size:20px; margin: 1px 3px; }
#container #menuCashier #btn_newcustomer_id.btn_div { float:right; }
#container #menuCashier #btn_reverse_id.btn_div,
#container #menuCashier #btn_unlock_id.btn_div,
#container #menuCashier #btn_gamehistory_id.btn_div,
#container #menuCashier #btn_account_id.btn_div,
#container #menuCashier #btn_report_id.btn_div,
#container #menuCashier #btn_transaction_id.btn_div { float:left; }
#container #menuCashier .btn_div .btn.account,
#container #menuCashier .btn_div .btn.report,
#container #menuCashier .btn_div .btn.transaction,
#container #menuCashier .btn_div .btn.newcustomer { color: #fff;background: rgb(32,69,134);background: -moz-linear-gradient(top, rgba(32,69,134,1) 0%, rgba(26,30,37,1) 99%);background: -webkit-linear-gradient(top, rgba(32,69,134,1) 0%,rgba(26,30,37,1) 99%);background: linear-gradient(to bottom, rgba(32,69,134,1) 0%,rgba(26,30,37,1) 99%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#204586', endColorstr='#1a1e25',GradientType=0 ); }
#container #menuCashier .btn_div .btn.account.selected,
#container #menuCashier .btn_div .btn.report.selected,
#container #menuCashier .btn_div .btn.transaction.selected,
#container #menuCashier .btn_div .btn.newcustomer.selected { background: rgb(32,69,134); }
#container #content { float: left;position: relative;height: calc(100% - 12px);overflow-x: hidden; }
[data-device="D"] #container #content { width: calc(100% - 260px); overflow-y: scroll;}
[data-device="M"] #container #content { width: 100%; }
#container #content.cashier { width:100%; height: calc(100% - 78px); padding: 0 10px; box-sizing:border-box; }
#container #content .panel { position: relative;display: block;background: #e9e8e8; }
[data-device="D"] #container #content .panel { margin: 20px;width: calc(100% - 40px); height: calc(100% - 40px); }
[data-device="M"] #container #content .panel { width: 100%; }
#container #content .panel #header {height: 30px;line-height: 30px;color: #000;border-bottom: 1px solid #1e2329;border-top: 1px solid #1e2329;background: #181b21;}
#container #content .panel #header #title {position: relative;display: inline-block;float: left;text-align: left;padding-left: 10px;font-weight: bold;white-space: nowrap;height: 30px;line-height: 30px;color: #fff;}
#container #content .panel #tabs { position: relative; height: 30px; display: inline; }
#container #content .panel .tabs {position: relative;display: inline-block;float: right;text-align: right;border-left: 1px solid #1e2329;color: #fff;background: #181b21;cursor: pointer;padding: 0 6px;text-align: center;}
#container #content .panel .tabs.selected {background-color: #262c38;}
#container #content .panel .tabs:hover {background-color: #282e3c;color: #fff;}
#container #content .panel .tabs:active {background-color: #1a1f23;}
#container #content .panel #data #datapanel #tabs { display: block; width: 100%; height: 30px; line-height: 30px; }
#container #content .panel #data #datapanel .tabs { white-space: nowrap; width: calc((100% / 7) - 13px); text-overflow: ellipsis; overflow-x: hidden; }
#container #content .panel #data #datapanel .bonus #bonuslist .btn .label { float: left; display: inline-block; padding: 5px 6px; text-align:left; width:auto;}
#container #content .panel #data #datapanel .bonus #bonuslist #tot_id label { cursor: pointer; }
#container #content .panel #data #datapanel .bonus #bonuslist #tot_id:hover { background-color: #e0e0e0; }
#container #content .panel #data #datapanel .bonus div[data-counter] { display:inline-block !important; }
#container #content .panel #data #datapanel .bonus div[data-counter="0"] { display:none !important; }
#container #content .panel #data #datapanel .accordion { position:absolute; display:inline-block; top: 0; right:10px; width: 28px; height:28px; text-align:center; color:#4b5269; cursor:pointer; }
#container #content .panel #data #datapanel .accordion[data-state=expand]:after { content:'\f054'; font-family:FontAwesome;position:absolute; display:inline-block; top: 0; right:10px; width: 28px; height:28px; }
#container #content .panel #data #datapanel .accordion[data-state=collapse]:after { content:'\f078'; font-family:FontAwesome;position:absolute; display:inline-block; top: 0; right:10px; width: 28px; height:28px; }
#container #content .panel #header .action {position: relative;display: inline-block;float: right;text-align: right;border-left: 1px solid #1e2329;cursor: pointer;width: 34px;text-align: center;color: #fff;}
#container #content .panel #header .action:hover {background-color: #2b323c;}
#container #content .panel #header .action[data-functionstate=on] {background-color: #363e4a;}
[data-device="M"] #container #content .panel #header #p_funcMinimize.action,
[data-device="M"] #container #content .panel #header #p_funcMaximize.action,
[data-device="M"] #container #content .panel #header #p_funcClose.action { display: none !important; }
#container .panel #header #extraicon { position: relative; display: inline-block; float: right; }
#container .panel #header #extraicon .accounttype_icon {border:0;vertical-align: middle;height: 30px;float:right;border-right: 1px solid #1e2329;}
#container .panel #header #extraicon .accounttype_icon.icon24 { height:24px; min-width:24px; padding: 3px; }
#container .panel #header #extraicon:last-child {border-left: 1px solid #1e2329;}
#container .panel #filter { width: 100%;display: inline-block;position: relative;line-height: 28px;border-bottom: 1px solid transparent;color: #215d9c;box-shadow: 0 -3px 0 rgba(0,0,0,.1);-moz-box-shadow: 0 -3px 0 rgba(0,0,0,.1);-webkit-box-shadow: 0 -3px 0 rgba(0,0,0,.1);/* background: #1a1d1f; */}
#container .panel #filter #fields { position: relative; display: block; width: 100%; text-align: left; }
#container .panel #filter #buttons { position: relative; display: block; width: 100%; text-align: right; }
#container .panel #data,
#container .panel #datasub { position: relative; display: block; color: #c5c5c5; margin: 0 10px; overflow-x: hidden; overflow-y:auto; }
#container .panel #data #datapanel .section:first-child,
#container .panel #datasub #datapanel .section:first-child { margin-top: 10px; }
#container .panel #data #datapanel .section,
#container .panel #datasub #datapanel .section { position:relative;line-height: 28px;margin-bottom: 10px;padding-bottom: 10px;border-right-color: #363f4b !important;display:none;}
#container .panel #data #datapanel .section:last-child,
#container .panel #datasub #datapanel .section:last-child { padding-bottom: 0; border: 0 }
#container .panel #data #datapanel input.percentage,
#container .panel #datasub #datapanel input.percentage { padding-right: 32px; }
#container .panel #data #datapanel div.percentage,
#container .panel #datasub #datapanel div.percentage { position: relative; }
#container .panel #data #datapanel div.percentage:after,
#container .panel #datasub #datapanel div.percentage:after { color: #666; content: "\f295"; font-family: FontAwesome; position: absolute; right: 1px; bottom: 1px; background-color: #eee; padding: 0 6px; text-align: center; height: 26px; }
#container .panel input.decimals { padding-right: 46px !important; }
#container .panel div.decimals { position: relative; }
#container .panel div.decimals:after { color: #666; content: ".00"; font-family: Verdana; position: absolute; right: 1px; bottom: 1px; background-color: #eee; padding: 0 6px; text-align: center; height: 26px; }
#container .panel #footer {display: inline-block;width: 100%;min-height: 59px;line-height: 48px;border-top: 1px solid #363f4b;}
#container .panel #footer .content div {color: #000 !important;}
#container .panel #footer .legend_acctype { display: inline-block; color: #000; margin: 0 8px; white-space: nowrap; }
#dialogON { position: fixed; top:0; left:0; width:100%; height:100%; z-index:201; display: none; text-align: center; background: rgba(0,0,0,.3); }
#dialogON #dialogONblock { position: relative;background-color: #313944;border: 1px solid #000;margin: auto;top: 20%;display: inline-block;box-shadow: 0 0px 8px 0px rgb(21, 23, 27);border-radius: 8px;}
#dialogON #dialogONblock #dialogONtitle { line-height: 28px;font-weight: 600;border-bottom: 1px solid #3f4a58;color: #000;}
#dialogON #dialogONblock[data-dialog="W"] #dialogONtitle { background-color: #ff0; }
#dialogON #dialogONblock[data-dialog="I"] #dialogONtitle { background-color: #bbb; }
#dialogON #dialogONblock[data-dialog="E"] #dialogONtitle { background-color: #f60000; }
#dialogON #dialogONblock[data-dialog="D"] #dialogONtitle { background-color: #0000f6; }
#dialogON #dialogONblock #dialogONcontent { line-height: 19px;vertical-align: top;padding: 14px 0;color: #c5c5c5;}
#dialogON #dialogONblock #dialogONfooter_tr { height: 40px; }
#dialogON #dialogONblock #dialogONfooter { line-height: 32px; vertical-align: top; display: none; text-align: center; width: 100%; height: 40px; white-space: nowrap; }
#dialogON #dialogONfooter .rect_btn { min-width: 55px; margin-top: 3px; display: none }
#dialogON #btnmsg_xclose { position: absolute;border: 1px solid rgb(75, 75, 75);color: #fff;right: -7px;padding: 3px;top: -7px;border-radius: 50%;height: 16px;width: 16px;min-width: 0;font-weight: bold;line-height: 16px;background-color: #181b21;text-align: center;cursor: pointer;}
#dialogON .dialogONbtn { min-width: 55px; padding: 2px 10px; }
#dialogON .btngreen { color: #eee;cursor: pointer;background-color: #274e17;border-color: #659265;background: rgb(58,108,38);background: -moz-linear-gradient(top, rgba(58,108,38,1) 0%, rgba(20,51,7,1) 99%);background: -webkit-linear-gradient(top, rgba(58,108,38,1) 0%,rgba(20,51,7,1) 99%);background: linear-gradient(to bottom, rgba(58,108,38,1) 0%,rgba(20,51,7,1) 99%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a6c26', endColorstr='#143307',GradientType=0 );}
#dialogON .btngreen:hover { color: #eee;background: #274e17;}
#dialogON .btnred { color: #eee;cursor: pointer;background-color: #a90329;border-color: #932524;background: rgb(169,44,44);background: -moz-linear-gradient(top, rgba(169,44,44,1) 0%, rgba(75,12,12,1) 99%);background: -webkit-linear-gradient(top, rgba(169,44,44,1) 0%,rgba(75,12,12,1) 99%);background: linear-gradient(to bottom, rgba(169,44,44,1) 0%,rgba(75,12,12,1) 99%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a92c2c', endColorstr='#4b0c0c',GradientType=0 );}
#dialogON .btnred:hover { color: #eee;background: #751a1a;}
#dialogON .btngray { color: #eee; background-color: #565656; cursor: pointer; }
#dialogON .btngray_hover { color: #eee; background-color: #565656; }
#dialogON .btncyan { color: #eee; background-color: #00bae6; cursor: pointer; }
#dialogON .btncyan_hover { color: #eee; background-color: #00bae6; }
.btn { display: inline-block; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; color: #eee; font-size: 12px; text-shadow: 1px 1px 0px #222; border-radius: 0; border: 1px solid #222; }
.btn:hover { }
#filter .btn_div { margin-top: 19px !important; }
#footer .btn_div { margin: 0px 6px !important; line-height: 59px; }
.btn_div { float:right; margin: 5px 6px; }
.btn_div_inline { display: inline-block; }
.btn_div.fullwidth {float: none;width: 150px;margin: 0 auto;}
.btn .icon { float: left; display: inline-block; padding: 5px 6px; min-width: 14px; }
.btn .label { float: right; display: inline-block; padding: 5px 6px; }
.btn_div.fullwidth button { width: 100%; text-align: center }
.btn_div.fullwidth button div.label { width: 100%; text-align: center }
.btn_account_header { float: right; line-height: 26px; height: 31px; width: 29px; }
.btn_account_header .icon { padding-top: 7px; padding-bottom: 7px; }
.btn.none,
.btn.download {border-color: #ccc;color: #222;text-shadow: none;background: #ffffff;background: -moz-linear-gradient(top, #ffffff 0%, #c9c9c9 99%);background: -webkit-linear-gradient(top, #ffffff 0%,#c9c9c9 99%);background: linear-gradient(to bottom, #ffffff 0%,#c9c9c9 99%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#c9c9c9',GradientType=0 );}
.btn.none .icon,
.btn.download .icon {background-color: #9a9a9a;}
.btn.none:hover,
.btn.download:hover {background: #c9c9c9;}
.btn.none:hover .icon,
.btn.download:hover .icon { background-color: #adadad; }
.btn.search {color: #fff;background: rgb(32,69,134);background: -moz-linear-gradient(top, rgba(32,69,134,1) 0%, rgba(26,30,37,1) 99%);background: -webkit-linear-gradient(top, rgba(32,69,134,1) 0%,rgba(26,30,37,1) 99%);background: linear-gradient(to bottom, rgba(32,69,134,1) 0%,rgba(26,30,37,1) 99%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#204586', endColorstr='#1a1e25',GradientType=0 );}
.btn.search .icon {background-color: #215d9c;color: #fff;text-shadow: none;}
.btn.search:hover {background-color: rgb(32,69,134);border-color: rgb(32,69,134);}
.btn.search:hover .icon {background-color: rgb(32,69,134);}
.btn.info { background: #57889c; background: -moz-linear-gradient(top, #57889c 0%, #152025 99%); background: -webkit-linear-gradient(top, #57889c 0%,#152025 99%); background: linear-gradient(to bottom, #57889c 0%,#152025 99%); }
.btn.info .icon { background-color: #4e7a8c; }
.btn.info:hover { background-color: #385764; border-color: #20323a; }
.btn.info:hover .icon { background-color: #20323a; }
.btn.add, .btn.kioskunlock,
.btn.done {background-color: #3276b1;border-color: #215d9c;color: #fff;background: rgb(32,69,134);background: -moz-linear-gradient(top, rgba(32,69,134,1) 0%, rgba(26,30,37,1) 99%);background: -webkit-linear-gradient(top, rgba(32,69,134,1) 0%,rgba(26,30,37,1) 99%);background: linear-gradient(to bottom, rgba(32,69,134,1) 0%,rgba(26,30,37,1) 99%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#204586', endColorstr='#1a1e25',GradientType=0 );}
.btn.add .icon, .btn.kioskunlock .icon,
.btn.done .icon {background-color: #215d9c;}
.btn.add:hover, .btn.kioskunlock:hover,
.btn.done:hover {background-color: #2761ca;border-color: #2761ca;}
.btn.add:hover .icon, .btn.kioskunlock:hover .icon,
.btn.done:hover .icon {background-color: #2761ca;}
.btn.autologin, .btn.send,
.btn.cashoutOK, .btn.cashoutWonOK,
.btn.write, .btn.deposit {background-color: #274e17;border-color: #659265;background: rgb(58,108,38);background: -moz-linear-gradient(top, rgba(58,108,38,1) 0%, rgba(20,51,7,1) 99%);background: -webkit-linear-gradient(top, rgba(58,108,38,1) 0%,rgba(20,51,7,1) 99%);background: linear-gradient(to bottom, rgba(58,108,38,1) 0%,rgba(20,51,7,1) 99%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a6c26', endColorstr='#143307',GradientType=0 );}
.btn.autologin:hover, .btn.send:hover,
.btn.cashoutOK:hover, .btn.cashoutWonOK:hover,
.btn.write:hover, .btn.deposit:hover {background:#274e17;}
.btn.autologin .icon,
.btn.cashoutOK .image, .btn.cashoutWonOK .image,
.btn.write .icon { background-color: #659265; }
.btn.autologin:hover,
.btn.cashoutOK:hover,
.btn.cashoutWonOK:hover,
.btn.write:hover {background-color: #274e17;border-color: #4c6e4c;}
.btn.autologin:hover .icon,
.btn.cashoutOK:hover .image,
.btn.cashoutWonOK:hover .image,
.btn.write:hover .icon { background-color: #4c6e4c; }
.btn.close, .btn.delete,
.btn.cashoutKO, .btn.cashoutWonKO,
.btn.kickout, .btn.danger {background-color: #a90329;border-color: #932524;background: rgb(169,44,44);background: -moz-linear-gradient(top, rgba(169,44,44,1) 0%, rgba(75,12,12,1) 99%);background: -webkit-linear-gradient(top, rgba(169,44,44,1) 0%,rgba(75,12,12,1) 99%);background: linear-gradient(to bottom, rgba(169,44,44,1) 0%,rgba(75,12,12,1) 99%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a92c2c', endColorstr='#4b0c0c',GradientType=0 );}
#TRANSACTION_DEPOSIT.btn[data-state=waiting],
#TRANSACTION_WITHDRAW.btn[data-state=waiting] {
background-color: #444 !important;
color: #bbb !important;
cursor: default;
}
.btn.close .icon, .btn.delete .icon,
.btn.cashoutKO .image, .btn.cashoutWonKO .image,
.btn.kickout .icon,.btn.danger .icon { background-color: #900323; }
.btn.close:hover, .btn.delete:hover,
.btn.cashoutKO:hover, .btn.cashoutWonKO:hover,
.btn.kickout:hover, .btn.danger:hover {background: #751a1a;}
.btn.close:hover .icon, .btn.delete:hover .icon,
.btn.cashoutKO:hover .image,
.btn.cashoutWonKO:hover .image,
.btn.kickout:hover .icon, .btn.danger:hover .icon { background-color: #540114; }
#btn_login .label { float: none; padding-left: 0; padding-right: 0;}
.btn .image { width: 26px; height: 29px; display: block; position: relative; }
.btn .image img { position: relative; padding-top: 3px; height: 20px; }
.badge { position:relative; }
.badge_accountwarning { display: inline-block; float: right; }
.badge[data-badge='']:after,
.badge[data-badge='0']:after { content: none; display: none; }
.badge[data-badge]:after { content:attr(data-badge); position:absolute; text-align:center; }
.badge_accountwarning[data-badge]:after { top: 4px; right: 1px; background-color: #222; border: 1px solid #eee; color: white; width: 20px; height: 20px; line-height: 20px; border-radius: 20px; text-shadow: 0 1px 0 #797979; font-size: 9px; font-family: verdana; }
.badge_mail[data-badge]:after { top: -28px; right: -9px; background-color: #c00000; border: 1px solid #eee; color: white; width: 18px; height: 18px; line-height: 18px; border-radius: 20px; text-shadow: 0 1px 0 #797979; font-size: 9px; font-family: verdana; }
.badge_chat[data-badge]:after { top: -28px; right: -9px; background-color: #c00000; border: 1px solid #eee; color: white; width: 18px; height: 18px; line-height: 18px; border-radius: 20px; text-shadow: 0 1px 0 #797979; font-size: 9px; font-family: verdana; }
.badge_red[data-badge]:after { background-color:#f00; color:white; }
#container #content #loader { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.6); z-index: 100; }
#container #content #loader #icon { position:relative; top: 45%; left: calc(50% - 27px); color: #eee; }
#container #content #asgrid_div { position: relative; width: 100%; height: 100%; }
#container #content .asgrid_format .cell.col_AMOUNT_IN,
#container #content .asgrid_format .cell.col_AMOUNT_OUT,
#container #content .asgrid_format .cell.col_BALANCE,
#container #content .asgrid_format .cell.col_BALANCE_NEW,
#container #content .asgrid_format .cell.col_BALANCE_OLD,
#container #content .asgrid_format .cell.col_USERBALANCE_BR,
#container #content .asgrid_format .cell.col_USERBALANCE_B,
#container #content .asgrid_format .cell.col_NETWORK_B,
#container #content .asgrid_format .cell.col_BET,
#container #content .asgrid_format .cell.col_WIN,
#container #content .asgrid_format .cell.col_USERBALANCE_BT,
#container #content .asgrid_format .cell.col_USERBALANCE_TOT_BR,
#container #content .asgrid_format .cell.col_USERBALANCE_TOT_B,
#container #content .asgrid_format .cell.col_USERBALANCE_TOT_BT,
#container #content .asgrid_format .col_NETWORK_D_BONUS,
#container #content .asgrid_format .col_NETWORK_I_BONUS,
#container #content .asgrid_format .col_D_BONUS,
#container #content .asgrid_format .col_I_BONUS,
#container #content .asgrid_format .col_USERNETWORK_BET,
#container #content .asgrid_format .col_USERNETWORK_WIN,
#container #content .asgrid_format .col_USERNETWORK_DIFFERENCE,
#container #content .asgrid_format .col_DIFFERENCE,
#container #content .asgrid_format .col_RTP,
#container #content .asgrid_format .col_JACKPOT_WIN,
#container #content .asgrid_format .col_BONUS_PLCB,
#container #content .asgrid_format .col_BONUS_BOUNCEBACK,
#container #content .asgrid_format .col_BONUS_TOPUP,
#container #content .asgrid_format .col_TOTAL_DIFFERENCE { font-weight: bold; }
#container #content .asgrid_format .imgicon_div { float: left; height: 100%; width: 24px; margin-left: 7px; }
#container #content .asgrid_format .imgicon {width: 20px;height: 20px;position: relative;top: calc(50% - 12px);}
#container #content .tinydatatable[data-table="accountprovider"] [data-level="1"] [data-ncol="0"] #iconleaf { padding-left: 10px; }
#container #blockheader {position: relative;display: block;height: 27px;line-height: 27px;background-color: #1a3c5f;color: #fff;}
#container #blockheader:first-child { padding-left: 8px; }
#container #blockheader #icon { float: left; width: 30px; text-align: left; }
#container #blockheader #title { float: left; width: calc(100% - 68px); text-align: left;}
#container #blockheader #action { float: right; width: 30px; text-align: right; padding-right: 8px; }
#container #content #confbonus #data #form #datatab .Tab[data-state=on],
#container #content #confbonus #data #form #datatabkj .Tab[data-state=on] {background-color: #363e4a;}
#container #content #confbonus #data #form #datatab .Tab[data-state=on]:first-child,
#container #content #confbonus #data #form #datatabkj .Tab[data-state=on]:first-child { border-left-color: #ddd; }
#container #content #confbonus #data #form #datatab .Tab[data-state=on]:last-child,
#container #content #confbonus #data #form #datatabkj .Tab[data-state=on]:last-child{ border-right-color: #ddd; }
#container #content #confbonus #data #form .kj_block {background-color: #181b21;padding: 20px 0 10px 0;}
#banner_filesize[data-filesize="critical"] { color: #eee; background-color: #f00; padding: 0 3px;}
#banner_filesize[data-filesize="dangerous"] { color: #eee; background-color: #900; padding: 0 3px;}
#banner_filesize[data-filesize="toohigh"] { color: #a00; }
#banner_filesize[data-filesize="warning"] { color: #0a0; }
#banner_filesize[data-filesize="error"] { color: #f00; background-color: #ff0; }
#container .tinydatatable .divTableRow:hover {background-color: #283950;}
#container .tinydatatable .tablehead .groupheader { height: 30px; line-height: 30px; text-align: center; }
#container #cashierDesktop { position: relative; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; text-align:center; }
#container #cashierDesktop .cashierData { position: relative; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; text-align:left; font-size: 24px; line-height: 44px; }
#intelliblock.intelliblock { padding: 0; margin: 0; list-style: none; -ms-box-orient: horizontal; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; }
#intelliblock.intelliblock .intelliblock_item { width: calc(50% - 20px); max-width: 700px; margin: 20px 10px 0 10px; order: 999; }
#intelliblock.intelliblock .intelliblock_item #blockheader { height: 36px; font-size: 130%; }
#intelliblock.intelliblock .intelliblock_item #blockheader #expand { cursor: pointer }
#intelliblock.intelliblock .intelliblock_item #blockheader #title,
#intelliblock.intelliblock .intelliblock_item #blockheader #expand { height: 36px; line-height: 36px; }
#intelliblock.intelliblock .intelliblock_item #blockheader #title.center { text-align: center }
#intelliblock.intelliblock .intelliblock_item #blockheader.main { background-color: #cc8a31; }
#intelliblock.intelliblock .intelliblock_item #blockheader.casino { background-color: #2f82b7; }
#intelliblock.intelliblock .intelliblock_item #blockheader.casinolive { background-color: #31ad63; }
#intelliblock.intelliblock .intelliblock_item #blockheader.poker { background-color: #983b3b; }
#intelliblock.intelliblock .intelliblock_item #blockheader.virtualgames { background-color: #57e7df; }
#intelliblock.intelliblock .intelliblock_item #blockheader.betting { background-color: #e79457; }
#intelliblock .tinydatatable .tabledata .divTableCell { height: 28px; vertical-align: middle; }
#tinyeditor { width: calc(100% - 2px) !important; }
.mce-tinymce,
.mce-container-body,
#code_ifr { min-height: calc(100% - 97px) !important; }
.mce-container-body { position: absolute; bottom: 0; left: 0; right: 0; }
.mce-container-body .mce-edit-area { position: absolute; bottom: 37px; left: 0; right: 0; top: 84px; overflow-y: scroll; }
.mce-tinymce .mce-statusbar { position: absolute; bottom: 0; left: 0; right: 0; }
#gameslist .gamerow { position: relative; display: block; width: 100%; height: 30px; line-height: 30px; }
#gameslist .gamerow:hover { background-color: #363e4a; }
#gameslist .perc { float: right; width: 70px; text-align:right; }
#gameslist .state { float: right; width: 40px; text-align:center; }
#gameslist .delete { float: right; width: 20px; text-align:center; color: #f16f6f; font-weight: bold; cursor: pointer; }
#gameslist .pn { float: left; width: 120px; text-align: left; }
#gameslist .gn { float: left; }
#language { float: left; }
#language [data-langcurr] { cursor: pointer; }
#language #lang_list_header { display: block; position: absolute; z-index: 20; background-color: rgba(0,0,0,.7); padding: 2px 6px; }
#language img[data-lang] { cursor: pointer;display: block; padding: 4px 0;}
#language #lang_choosed { padding: 0 6px; }
.pulldown { position: absolute; text-align: left; height: 192px; width: 190px; display: none; background-color: #fff; z-index: 99; border-top: 2px solid #000; overflow-y: auto; -webkit-box-shadow: 0px 10px 16px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 10px 16px 0px rgba(0,0,0,0.75); box-shadow: 0px 10px 16px 0px rgba(0,0,0,0.75); }
.pulldown .list_row { cursor: pointer; line-height: 30px; height: 30px; padding: 4px; border-bottom: 1px solid #ddd; }
.pulldown .list_row:hover { background-color: #eee; }
.pulldown .list_row .item { line-height: 16px; height: 30px; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
#header .pulldown { color: #fff; background-color: rgba(0,0,0,0.85); }
#header .pulldown .selected { color: #2be6b9; }
#header .pulldown .list_row:hover {color: #fff;background-color: #205d9c;}
#user_search .selectize-control { display: inline-block; width: 250px; left: -16px; top: -2px;}
#user_search .selectize-control .selectize-input.items { padding-left: 24px !important; }
.selectize-control .selectize-input.disabled { background-color:#787d88; opacity: 1; }
.selectize-input.disabled, .selectize-input.disabled * { color:#000 !important; }
.selectize-control .selectize-input.disabled:after { border-color: #444 transparent transparent transparent!important; }
.selectize-dropdown .active {
color: #c5c5c5;
background-color: #1e2329;
}
.selectize-dropdown [data-selectable] .highlight {
background: transparent;
font-weight: bold;
}
.selectize-dropdown-content .title .level { font-size: 80%; font-weight: normal !important; }
.selectize-dropdown-content .title .level .highlight { font-weight: normal !important; }
.selectize-control::before { -moz-transition: opacity 0.2s;-webkit-transition: opacity 0.2s; transition: opacity 0.2s; content: ' '; z-index: 5; position: absolute; display: block; top: 50%; right: 20px; width: 16px; height: 16px; margin: -8px 0 0 0; opacity: 0; }
.selectize-control.spinner::before { background: url(/_image/icons/spinner.gif); background-size: 16px 16px; opacity: 0.4; }
.selectize-control.loading::before { background: url(/_image/icons/points.gif); background-size: 16px 4px; background-repeat: no-repeat; background-position-y: center; opacity: 0.4; }
#tableContainer .cell .text_w1btn { width: calc(100% - 23px); display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#tableContainer .cell .text_w2btn { width: calc(100% - 46px); display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#TRANSACTION_DEPOSIT:disabled { display: none }
#TRANSACTION_WITHDRAW:disabled { display: none }
.detail_username_gameaccount { display: inline-block; z-index:10; }
.detail_linked_n_child { float:right;display:inline-block;margin-right:4px;font-size:85%;z-index:1; }
#data #form {background-color: #f8f8f9 !important;border-left: 1px solid #363f4b !important;border-right: 1px solid #363f4b !important;}
#data #form #buttons {border-top: 1px solid #363f4b !important;background-color: #1f242c !important;}
.bonusdetailsub { background-color: #1f242c; }
#dwuser .cellAction,
#dwwebcashier .cellAction,
#dwagent .cellAction { position:relative; display:inline-block; top:0; left:-5px; width:calc(100% - 10px); height:100%; padding:0; margin:0; }
.dwActionAmount {float:left;padding:0 6px !important;font-size:130%;text-align:right;background-color: #363e4a;color:#fff;}
[data-device="D"] .dwActionAmount { height:24px !important;margin:3px 0 0 10px !important; width:calc(100% - 116px) !important;}
[data-device="M"] .dwActionAmount { height:34px !important;margin:6px 0 0 10px !important; width:calc(100% - 149px) !important;}
.dwActionMinus, .dwActionPlus { float:right;display:inline-block;top:0;border: 1px solid #748aad;text-align:center;}
.dwActionMinus { background-color: #a90329; border-color: #932524; background: rgb(169,44,44); background: -moz-linear-gradient(top, rgba(169,44,44,1) 0%, rgba(75,12,12,1) 99%); background: -webkit-linear-gradient(top, rgba(169,44,44,1) 0%,rgba(75,12,12,1) 99%); background: linear-gradient(to bottom, rgba(169,44,44,1) 0%,rgba(75,12,12,1) 99%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a92c2c', endColorstr='#4b0c0c',GradientType=0 ); }
.dwActionPlus { background-color: #274e17;border-color: #659265;background: rgb(58,108,38);background: -moz-linear-gradient(top, rgba(58,108,38,1) 0%, rgba(20,51,7,1) 99%);background: -webkit-linear-gradient(top, rgba(58,108,38,1) 0%,rgba(20,51,7,1) 99%);background: linear-gradient(to bottom, rgba(58,108,38,1) 0%,rgba(20,51,7,1) 99%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a6c26', endColorstr='#143307',GradientType=0 );}
[data-device="D"] .dwActionMinus, [data-device="D"] .dwActionPlus { height:24px;width:24px;margin-top:3px;line-height:24px;}
[data-device="D"] .dwActionMinus { margin-left:5px; }
[data-device="D"] .dwActionPlus { margin-left:5px; }
[data-device="M"] .dwActionMinus, [data-device="M"] .dwActionPlus { height:50px;width:50px;line-height:50px;}
[data-device="M"] .dwActionMinus { margin-left:10px; }
[data-device="M"] .dwActionPlus { margin-left:10px; }
a.dwActionPlus:link, a.dwActionPlus:visited,
a.dwActionMinus:link, a.dwActionMinus:visited { color:#fff }
a.dwActionPlus:hover {background: #264e13;}
a.dwActionMinus:hover {background: #761917;}
[data-device="M"][data-orientation="P"] #container .panel .balance_trust .field.w0_66 { width:65px; }
[data-device="M"][data-orientation="P"] #container .panel .balance_trust .field label,
[data-device="M"][data-orientation="P"] #container .panel .balance_trust .fieldNoRLmargin label { font-size:10px !important; }
[data-device="M"] .bonuswallets #totjp { display:block !important; font-weight:bold; text-align: left !important; }
[data-device="M"] .bonuswallets #totjp_id { width:100% !important; }
[data-device="M"] .balance_trust #tot,
[data-device="M"] .balance_trust #uss,
[data-device="M"] .balance_trust #subuss,
[data-device="M"] .balance_trust #subnet,
[data-device="M"] .balance_trust #ustxt { text-align: left !important; }
[data-device="M"] .balance_trust #tot_id,
[data-device="M"] .balance_trust #uss_id,
[data-device="M"] .balance_trust #subuss_id,
[data-device="M"] .balance_trust #subnet_id,
[data-device="M"] .balance_trust #ustxt_id { display:block !important; font-weight:bold; }
[data-device="M"] #container #content .panel #data, #container #content .panel #datasub {
width: -webkit-calc(100% - 20px);
width: -moz-calc(100% - 20px);
width: calc(100% - 20px);
/*height: auto !important;*/
}
[data-device="M"] #intelliblock.intelliblock .intelliblock_item {
width: -webkit-calc(100% - 40px);
width: -moz-calc(100% - 40px);
width: calc(100% - 40px);
}
[data-device="M"] .tinydatatable {
overflow-x: scroll;
}
[data-device="M"] #container #content .panel #data #datapanel #tabs {
display: inline-block;
width: 100%;
height: auto;
line-height: 30px;
border-bottom: 1px solid #292e38 !important;
}
[data-device="M"] #container #content .panel #data #datapanel .tabs {
width: 100%;
border-bottom: 1px solid #292e38;
}
[data-device="M"] #language #lang_choosed {
margin-top: 4px;
}
#cashierDesktop .selectize-input input { font-size:18px; }
#cashierDesktop .iField,
#cashierDesktop .btn,
#cashierDesktop #usb,
#cashierDesktop #usbw { font-size:24px; }
#cashierDesktop #usbr { font-size:24px; }
#cashierDesktop #usb_label,
#cashierDesktop #usbw_label { font-size: 16px; line-height: 22px; height: 22px; }
#cashierDesktop #usbr_label { font-size: 16px; line-height: 22px; height: 22px; }
#cashierDesktop .customerAccountCenter { position: relative; height: calc(100% - 145px); top: 0; left: 0; width: 100%; }
#cashierDesktop #btn_edit,
#cashierDesktop #btn_update,
#cashierDesktop #btn_backedit,
#cashierDesktop #btn_back,
#cashierDesktop #btn_gamehistory,
#cashierDesktop #btn_gamehistory,
#cashierDesktop #btn_write,
#cashierDesktop #btn_kioskunlock,
#cashierDesktop #btn_reverse { height: 66px; padding:0 10px; }
#cashierDesktop.panel input.decimals { padding-right: 40px !important; }
#cashierDesktop.panel div.decimals { position: relative; }
#cashierDesktop.panel div.decimals:after { color: #000; content: ".00"; font-family: Verdana; position: absolute; right: 1px; bottom: 9px; background-color: #a9a9a9; padding: 0 4px; text-align: center; height: 26px; line-height: 34px; font-size: 16px;}
#cashierDesktop #entriesBlock,
#cashierDesktop #winningBlock { height:66px; }
#cashierDesktop #history { font-size:13px; }
#cashierDesktop #usb_id, #cashierDesktop #usbw_id { position: absolute!important; left: 6px; top: 0; }
#cashierDesktop #usb_id, #cashierDesktop #usbr_id { position: absolute!important; left: 6px; top: 0; }
#cashierDesktop #TRANSACTION_DEPOSIT_AMOUNT_id,
#cashierDesktop #TRANSACTION_WITHDRAW_AMOUNT_id { position: absolute !important; left: 140px; top: 6px; }
#cashierDesktop #TRANSACTION_DEPOSITCS_id,
#cashierDesktop #TRANSACTION_WITHDRAWCS_id { position: absolute!important; right: 0; top: 0; }
.panel #data #datapanel.messages #boxMain { display: inline-block; width:350px; height:calc(100% - 22px);overflow-y:scroll;overflow-x: hidden;border-right:1px solid #f00;vertical-align: top; }
.panel #data #datapanel.messages #boxMain #box { display: inline-block; width:332px; border-right:1px solid #f00;vertical-align: top; }
.panel #data #datapanel.messages #mail,
.panel #data #datapanel.messages #mailnew,
.panel #data #datapanel.messages #mailreply,
.panel #data #datapanel.messages #mailforward,
.panel #data #datapanel.messages #mailloader { display: inline-block;height: 100%;width:calc(100% - 360px);left:4px;vertical-align: top; }
.messages #box .talkElem .sender { display: inline-block;width:calc(100% - 50px);vertical-align: middle;line-height: 24px;height: 24px; }
.messages #box .talkElem .object { display: inline-block;width:calc(100% - 80px);white-space: nowrap;overflow-x: hidden;text-align:left;line-height: 20px;height: 20px; color:#fff; }
.messages #box .talkElem [data-toread="Y"] .sender,
.messages #box .talkElem [data-toread="Y"] .object { font-weight: bold; color:#fff; }
.messages #box .talkElem .date { display: inline-block;width:70px;white-space: nowrap;overflow-x: hidden;text-align:right;line-height: 20px;height: 20px;padding-right:5px;font-size:85%; }
.messages #box .talkElem .priority { display: inline-block;width:40px;white-space: nowrap;overflow-x: hidden;text-align:right;line-height: 24px;height: 24px;font-size:85%;vertical-align: middle; }
.messages .mailElem[data-selected="Y"] { background-color:#215d9c; }
.messages .mailText { background-color: #363e4a; }
.mailContainer .mailData { position: relative;display: block;height:100%;width:100%;overflow: hidden;padding: 10px;box-sizing: border-box; }
.messages .mailwriteData { position: relative;display: block;height:100%;width:100%;overflow: hidden;padding: 10px;box-sizing: border-box; }
.mailContainer .mailObject { position: relative;display: block;width:100%;font-size:130%;font-weight:bold; color:#fff; }
.mailContainer .mailBody { display: block;width:100%;height: calc(100% - 60px);border:1px solid #666;margin:10px 0;padding:10px 10px 25px;box-sizing: border-box; }
.mailContainer .mailBody.wArrows { height: calc(100% - 80px)!important; }
.mailContainer .mailBody .username.header { display: block;width:100%;font-size:115%;line-height: 20px; }
.mailContainer .mailBody .refers.header { display: block;width:100%;font-size:85%;line-height: 20px; }
.mailContainer .mailBody .trashed.header { color:#f00 !important; }
.mailContainer .mailClose { position:absolute;display:block;top:-9px;right:-9px;width:40px;height:40px;line-height:40px;text-align: center; }
.mailContainer .mailOptions { position:absolute;display:block;top:60px;right:22px;width:100px;height:40px;line-height:40px;text-align: right; }
.mailContainer .mailArrows { position: relative;display: block;width:100%;height: 40px;line-height: 40px;text-align:right; }
.mailContainer .mailClose i.fa,
.mailContainer .mailOptions i.fa,
.mailContainer .mailArrows i.fa { height:40px;line-height:40px;width: 40px;text-align: center; cursor:pointer; }
.mailContainer .mailOptions i.fa.gray,
.mailContainer .mailArrows i.fa.gray { color:#666; cursor:default; }
.messages .mailOptions .fa-reply { padding-right:15px; }
#mailpopup .mailOptions .fa-reply { display:none; }
.mailContainer .mailText { position: relative;display: block;width:100%;height: calc(100% - 60px);line-height: 28px;margin-top:14px; border: 0;border-top: 1px solid #444!important;padding-top: 10px;font-family:Verdana; color:#fff;overflow-y: auto;background-color:#252a33; resize: none; }
.mailContainer .priority { display: inline-block;width:40px;white-space: nowrap;vertical-align: middle;padding-left: 10px;}
.mailElem .priority[data-priority="1"],
.mailContainer .priority[data-priority="1"] { color: #f00; }
.mailElem .priority[data-priority="2"],
.mailContainer .priority[data-priority="2"] { color: #00a1ff; }
.mailElem .priority[data-priority="3"],
.mailContainer .priority[data-priority="3"] { color: #c5c5c5; }
.mailpopup { position:fixed;top:0;left:0;width:100%;height:100%;z-index:2147483646; }
.mailpopup:before { content: '';position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0, .8);z-index:-1; }
.mailpopup .mailContainer { position:absolute;top:0;left:0;height:50%;width:70%;margin:40px 15% 0;padding:10px;box-sizing: border-box;border: 1px solid #fff;background-color:#252a33;line-height: 28px;overflow-y: hidden; }