<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*

max-width: 400px; /*mobile emulation */

*/

* {
    -webkit-tap-highlight-color: rgba(0,0,0,0); /* make transparent link selection, adjust last value opacity 0 to 1.0 */
}

body {
    -webkit-touch-callout: none;                /* prevent callout to copy image, etc when tap to hold */
    -webkit-text-size-adjust: none;             /* prevent webkit from resizing text to fit */
    -webkit-user-select: none;                  /* prevent copy paste, to allow, change 'none' to 'text' */
    /* background-color:#E4E4E4;*/
    color: #f0f0f0;
    background-color: #000;
    background-attachment:fixed;
    font-family:'HelveticaNeue-Light', 'HelveticaNeue', Helvetica, Arial, sans-serif;
    font-size:12pt;
    height:100%;
    margin:0px;
    padding:0px;
    width:100%;
}

.iframe { 
    position: fixed; 
    left: -2000px;
    top: -2000px;
} 

body.iframes .iframe { 
    position: static;
    width: 90%;
    height: 6rem;
    overflow: auto;
    margin: 5px auto;
    display: block;
}

.whenisapp { display: none; }
.whenisbrowser { display: none; }

.isapp .whenisapp { display: block; }
.isbrowser .whenisbrowser { display: block; }

.isbrowser .whenisapp { display: none!important; }
.isapp .whenisbrowser { display: none!important; }

/* Landscape layout (with min-width) */
@media screen and (min-aspect-ratio: 1/1) and (min-width:400px) {

}

.rightarrow {  background-image: url("../img/rightarrow.png"); background-position: right; background-size: 1.5rem; background-repeat: no-repeat; }
.leftarrow {  background-image: url("../img/leftarrow.png"); background-position: left; background-size: 1.5rem; background-repeat: no-repeat; } 

.centertext { text-align: center;}

.MSG { color: #f0f0f0; }
.MSG.ok { color: #008000; }
.MSG.error { color: #900000;}
.MSG.wait { color: #808080; }


h1,h2,h3,h4,h5,h6 { margin: 0; padding: 0; }
h1 { font-size: 1.3rem;}
h2 { font-size: 1.2rem;}
h3 { font-size: 1.1rem;}
h4 { font-size: 1.0rem;}
h5 { font-size: 0.9rem;}
h6 { font-size: 0.8rem;}

ul { margin: 0; padding: 0; list-style-type: none; }
li { margin: 0; padding: 0; }

a { color: #008000; text-decoration: none; }
a.link { color: #008000; text-decoration: underline; }

div.popup { position: fixed; top: 0; left: 0; width: 100%; height: 100%; }
div.popup div.popupouter { display: table; width:100%; height: 100%; background-color: rgba(255,255,255,0.8); }
div.popup div.popupinner { display: table-cell; text-align: center; vertical-align: middle;  }
div.popup div.popupwrapper { position: relative; display: inline-block; text-align: left; padding: 10px; }
div.popup div.popupclosebtn { position: absolute; top: 0; right: 0; width: 10px; height: 10px; font-size: 10px; line-height: 10px; text-align: center; color: black;}
div.popup div.popupclosebtn a { display: block; color: black; text-decoration: none; }


.status.ok { color: #008000; }
.status.error { color: #800000; }
.status.wait { color: #808080; }

.darkred { color: #800000; }

.padv { padding-top: 0.5rem; padding-bottom: 0.5rem; }
.padv.smallpad { padding-top: 0.2rem; padding-bottom: 0.2rem; }

.smallnote { font-style: italic; font-size: 0.8rem; }

.commbullet { display: inline-block; height: 1rem; width: 1rem; border-radius: 20px; background-color: #808080; }
body.server_connecting .commbullet { background-color: yellow;}
body.server_failed .commbullet { background-color: red;}
body.server_succeeded .commbullet { background-color: green;}

.commstatus:after { content: "ΞΞΞ ΞΞ§ΞΞ ΞΞΞΞΞ Ξ£Ξ₯ΞΞΞΞ£Ξ"; }
body.server_connecting .commstatus:after { content: "ΞΞΞΞΞ€ΞΞ Ξ£Ξ₯ΞΞΞΞ£Ξ...";}
body.server_failed .commstatus:after { content: "ΞΞ ΞΞ&nbsp;ΞΞ€Ξ₯Ξ§ΞΞ£";}
body.server_succeeded .commstatus:after { content: "OK";}

body div.splashscreen { display: block; }
body.initialized div.splashscreen { display: none; }
body div.app { display: none; max-width: 400px; /*mobile emulation */ margin-left: auto; margin-right: auto; }
body.initialized div.app { display: block; }

div.appheader { /* height: 3rem; */ position: fixed; top : 0; left: 0; right: 0; color: white; overflow: hidden; z-index: 1;}
div.appheader &gt; div { margin: 0 auto; max-width: 400px; /*mobile emulation */ }
div.appheader div.apptitle { }
div.appheader div.apptitle h1 { text-align: left; font-size: 0.9rem; color: #C0C0C0; }

div.appheader div.apptitle h1 { position: relative; }
div.appheader div.apptitle h1 .connection { display: block; width: 1rem; height: 1rem; position: absolute; right: 0; top: 50%; height: 1rem; border-radius: 50px; background-color: grey; }
body.server_connecting div.apptitle h1 .connection { background-color: yellow;}
body.server_failed div.apptitle h1 .connection { background-color: red; }
body.server_succeeded div.apptitle h1 .connection { background-color: green; }


div.appfooter { /* height: 2rem; */; position: fixed; bottom : 0; left: 0; right: 0; color: white; background-color: black; text-align: center; font-size: 0.8rem;}

div.pagetree { white-space: nowrap; overflow-x: auto; padding: 0.5rem 0; background-color: #000; }
div.pagetree ul.pagetree { list-style-type: none; margin: 0; padding: 0; white-space: nowrap;    }
div.pagetree ul.pagetree li {  display: inline-block; color: #A0A0A0 }
div.pagetree ul.pagetree li a { display: block; background-color: #505050; color: #A0A0A0; border-radius: 4px; padding: 2px 4px; }
div.pagetree ul.pagetree li.active a { color: #F0F0F0; }
div.pagetree ul.pagetree li.sep { margin-right: 5px;margin-left: 5px; }
div.pagetree ul.pagetree li.sep span { display: block; }


div.app div.pages { 
    /* margin-top: 3rem;
    padding-bottom: 2rem;
     */
}
div.app div.page { display: none; }
div.app div.page.active { display: block; }

div.page div.header h2 { text-align: center; }


ul.menu { margin: 0; padding: 0; list-style-type: none; }
ul.menu &gt; li { margin: 1rem 0.5rem; }
ul.menu &gt; li &gt; a { display: block; color: #c0c0c0; background-color: #802020; padding: 0.5rem 0; text-align: center; border-radius: 8px; }

.togglable .toggledchild { display: none; }
.togglable.toggled .toggledchild { display: block; }

div.subpanel { margin: 0 auto; width: 80%; border-left: 1px solid #808080; border-bottom: 1px solid #808080; border-right: 1px solid #808080; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; padding: 1rem 0rem; text-align: center; }
div.subpanel &gt; div.settingswitch { margin-top: 1.5rem;}
div.subpanel &gt; div.settingswitch:first-child { margin-top: 0rem;}

/*div.subpanel &gt; div.settinginputdiv { margin-top: 1.5rem; }*/
div.subpanel &gt; div.settinginput:first-child { margin-top: 0rem;}

.settinginputdiv input.inputsetting { width: 95%; }

div.settingswitch .settingtitle { padding: 0.1rem; font-weight: bold; color: #808080; }
div.settingswitch a.switch { color: #fff; display: inline-block; height: 2rem; width: 2rem; text-align: center; margin: 0 0.5rem; line-height: 2rem; border: 3px solid #A0A0A0; border-radius: 3px; }
div.settingswitch.yes a.switch.yes { border: 3px solid #A03030; background-color: #808080;}
div.settingswitch.no a.switch.no { border: 3px solid #A03030; background-color: #808080; }


div.subpanel input.subpanelbutton { width: 50%; line-height: 1.2rem; padding: 0.5rem; }

div.settinginputdiv .settingtitle { padding: 0.1rem; font-weight: bold; color: #808080; }
div.settinginputdiv .inputbuttons { display: none; padding: 0.8rem 0; text-align: center; }
div.settinginputdiv.isedited .inputbuttons { display: block; }
div.settinginputdiv .inputbuttons input { padding: 0.5rem 0.2rem; display: inline-block; margin-left: 0.2rem;margin-right: 0.2rem;  }

div.settingnotes { padding: 0.1rem; font-style: italic; color: #606060; font-size: 0.8em; margin: 0.5rem 0; }


div.barcodepad { position: fixed; background-color: #E4E4E4; left: 0; right: 0; z-index: 1;}
div.barcodepad div.inputbarcode { background-color: black; color: white; padding: 0.1rem 0 0.5rem 0; text-align: center; position: relative; }
div.barcodepad div.inputbarcode input { display: inline-block; border: 1px solid #E0E0E0; background-color: black; color: white; width: 11rem; font-size: 1rem; line-height:2rem; margin-left: 1.0rem; margin-right: 1.0rem; vertical-align: middle; }
div.barcodepad div.inputbarcode .ibtn { display: inline-block; background-color: #C0C0C0; color: #000; font-size: 1.8rem; line-height: 2rem; width: 2rem; vertical-align: middle; cursor: pointer; }
div.barcodepad div.inputbarcode .hbtn { display: inline-block; background-color: #C0C0C0; color: #000; font-size: 1rem; line-height: 2rem; width: 2rem; vertical-align: middle; cursor: pointer; }
div.barcodepad div.inputbarcode .hbtn { display: none; }
.cameraon div.barcodepad div.inputbarcode .hbtn { display: inline-block; }

div.barcodepad div.inputbarcode .hbtn span.whenscanhistoryon { display: none; }
div.barcodepad div.inputbarcode .hbtn span.whenscanhistoryoff { display: inline-block; }
.scanhistoryon div.barcodepad div.inputbarcode .hbtn span.whenscanhistoryon { display: inline-block; }
.scanhistoryon div.barcodepad div.inputbarcode .hbtn span.whenscanhistoryoff { display: none; }

div.barcodepad div.keypad { display: none; max-width: 400px; /*mobile emulation */ background-color: black; color: white;  margin: 0 auto;}
div.barcodepad.keypad div.keypad { display: block; }
div.barcodepad div.keypad table { border-collapse: collapse; margin: 0 auto 0 auto; padding-top: 0.5rem;}
div.barcodepad div.keypad table td span { display: block; width: 3.5rem; height: 3.5rem; text-align: center; line-height: 3.5rem; color: black; background-color: #C0C0C0; border-radius: 0.5rem; }
div.barcodepad div.keypad table td span.space { background-color: black; color: black; }
div.barcodepad div.keypad table td span.right { margin-right: 1rem; }
div.barcodepad div.keypad table td span.left { margin-left: 1rem; }

div.barcodepad div.barcodeaction { display: none; max-width: 400px; /*mobile emulation */ background-color: black; color: white;  margin: 0 auto; padding: 0.2rem 0 0.2rem 1rem; text-align: left; position: relative; text-align: center;}
div.barcodepad.barcodeaction div.barcodeaction { display: block; }

div.barcodepad div.barcodeaction div.babutton { display: inline-block; position: relative; width: 5rem; text-align: center; background-color: #404040; border-radius: 5px; color: #B0B0B0; margin-right: 1rem;}
div.barcodepad div.barcodeaction div.babutton b { display: block; padding: 0.8rem 0; width: 100%; text-align: center; color: inherit; text-decoration: none; }
div.barcodepad div.barcodeaction div.babutton b span { font-size: 0.8rem;}
div.barcodepad.entering div.barcodeaction div.babutton.entering { background-color: #E0E0E0; color: #000000;}
div.barcodepad.exiting div.barcodeaction div.babutton.exiting { background-color: #E0E0E0; color: #000000;}
div.barcodepad.checking div.barcodeaction div.babutton.checking { background-color: #E0E0E0; color: #000000;}

div.barcodepad.entering b.togglebarcodeaction:after { content: "\2794";} /* &amp;#10132; */
div.barcodepad.exiting b.togglebarcodeaction:after { content: "\1F3C3";}  /*&amp;#127939;*/
div.barcodepad.checking b.togglebarcodeaction:after { content: "\3F";}
 
div.barcodepad div.babutton span.led { display: block; position: absolute; top: 5px; right: 5px; width: 0.2rem; height: 0.2rem; border-radius: 100px; background-color: #404040; border: 2px solid black; }

div.barcodepad.keepentering div.entering span.led { background-color: #00FF00; border: 2px solid #00AA00; }
div.barcodepad.keepexiting div.exiting span.led { background-color: #00FF00; border: 2px solid #00AA00; }
div.barcodepad.keepchecking div.checking span.led { background-color: #00FF00; border: 2px solid #00AA00; }


div.connectiondetails {}
div.connectiondetails h3 { text-align: center; }
div.connectiondetails ul { }
div.connectiondetails ul li { margin: 0.2rem 0; }
div.connectiondetails ul li span {vertical-align: top; white-space: normal;}
div.connectiondetails ul li span.label { display: inline-block; width: 30%; }
div.connectiondetails ul li span.data { display: inline-block; width: 65%; }

div.connectiondetails ul li span {vertical-align: top; white-space: nowrap; }
div.connectiondetails ul { overflow-x: scroll; }

div.formserverurl { text-align: center; }
div.formserverurl input.settingserverurl { width: 95%; border: 1px solid black; color: black; background-color: white; font-size: 0.8rem; line-height: 1rem; display: inline-block; padding: 2px 0; }

.when_client_autonomous { display: none; }
body.client_autonomous .when_client_autonomous { display: block; }

.when_client_not_autonomous { display: block; }
body.client_autonomous .when_client_not_autonomous { display: none; }


.when_client_status_registered_div { display: none; }
body.client_status_registered .when_client_status_registered_div { display: block; }

.when_client_status_pending_div { display: none; }
body.client_status_pending .when_client_status_pending_div { display: block; }

.when_client_status_blocked_div { display: none; }
body.client_status_blocked .when_client_status_blocked_div { display: block; }

.when_client_status_unknown_div { display: none; }
body.client_status_unknown .when_client_status_unknown_div { display: block; }

.whenservercontacteddiv { display: none; }
body.servercontacted .whenservercontacteddiv { display: block; }

.whenservernotcontacteddiv { display: none; }
body.servernotcontacted .whenservernotcontacteddiv { display: block; }

.whensyncing, .whennotsyncing, .whensyncfailed, .whensyncsucceeded { display: none; }

.syncing .whensyncing { display: block; }
.notsyncing .whennotsyncing { display: block; }
.syncfailed .whensyncfailed { display: block; }
.syncsucceeded .whensyncsucceeded { display: block; }

.panelbutton { text-align: center; padding: 0.4rem 0; }
.panelbutton input[type="button"] { display: inline-block; padding: 0.2rem 0.2rem; margin-left: 1rem; margin-right: 1rem;}

div.syncstatus { padding: 0.5rem 0; text-align: center; font-size: 1.1rem; margin: 0.5rem 0; }
div.syncstatus.success { color: green;}
div.syncstatus.fail { color: red;}
div.syncstatus.wait { color: #606060;}
div.syncerrormsg { color: #800000; text-align: center; }

ul.synclog { }
ul.synclog li { padding: 3px 0; margin-bottom: 5px; }
ul.synclog li.ok { background-color: #006000; color: white; }
ul.synclog li.error { background-color: #600000; color: white; }
ul.synclog li &gt; span { display: inline-block; padding: 0 2px; white-space: nowrap; }
ul.synclog li &gt; span.counter { color: yellow; font-weight: bold;}
ul.synclog li span.label { font-weight: bold; }

div.result { margin: 5px auto; text-align: center; position: relative; }
div.result.big.errorentering { background-color: #FF0000; color: white; }
div.result.big.errorexiting { background-color: #500000; color: white; }
div.result.big.errorchecking { background-color: #500000; color: #808080; }
div.result.big.okentering { background-color: #008000; color: white; }
div.result.big.okentering.check { background-color: #EC6D10; color: white; }
div.result.big.okexiting { background-color: #004000; color: white; }
div.result.big.okchecking { background-color: #004000; color: #808080; }
div.result.big.okchecking.check { background-color: #CF5C07; color: #f0f0f0; }
div.result.big.unexpected { background-color: yellow; color: black; }

div.result.small.errorentering { background-color: #808080; color: #800000; }
div.result.small.errorexiting { background-color: #808080; color: #008000; }
div.result.small.errorchecking { background-color: #808080; color: #800000; }
div.result.small.okentering { background-color: #808080; color: #004000; }
div.result.small.okentering.check { background-color: #808080; color: #AA450A; }
div.result.small.okexiting { background-color: #808080; color: #008000; }
div.result.small.okchecking { background-color: #808080; color: #000000; }
div.result.small.okchecking.check { background-color: #808080; color: #000000; }
div.result.small.unexpected { background-color: #808080; color: #800000; }

div.result { font-size: 0.6em;  }
div.result.big { font-size: 0.8em; padding: 1em 0;  }

div.result div.msg { font-size: 1.4em; font-weight: bold; }
div.result.big div.msg { padding: 1.5em 0; }
div.result div.number { font-size: 1.5em; }
div.result div.original_number { font-size: 0.8em; }
div.result div.datetime { font-size: 0.8em; font-style: italic;}
div.result div.msg div.extra_msg { padding: 5px 5px; font-size: 1.0em; }

div.result div.log li { font-size: 0.9em; }
div.result div.log li.last { font-size: 1em; }

div.result.small div.log li { display: none; }
div.result.small div.log li.last { display: block; }
div.result.big div.log li { display: block; }

div.result div.msg { padding: 1rem 0; text-align: center; margin-bottom: 0.5rem;}
div.result div.msg.error { background-color: #800000; color: white; }
div.result div.msg.ok { background-color: #008000; color: white; }
div.result div.msg.warning { background-color: yellow; color: black; }

div.result a.apply_transcode {
    display: block;
    position: absolute;
    color: #fff;
    text-decoration: none;
    padding: 5px;
    right: 3px;
    bottom: 3px;
}

.cameraresult div.result { opacity: 0.5; }


div.whennotloadedservers { display: block; }
div.whenloadedservers { display: none; }
div.whenloadingservers { display: none; }

.loadedservers div.whennotloadedservers { display: none; }
.loadedservers div.whenloadedservers { display: block; }
.loadingservers div.whenloadingservers { display: block; }

ul.servers li a {  }
ul.servers li a div.servername { font-weight: bold; }
ul.servers li a div.serverurl { font-size: 0.9em; }

div.counts table  {border-collapse: collapse; margin: 1rem auto; min-width: 250px;}
div.counts table th { text-align: left; }
div.counts table td { text-align: right; }
div.counts table th { border-top: 1px solid black;}
div.counts table td { border-top: 1px solid black;}

div.counts table tr.breakafter th { padding-bottom: 0.5rem }
div.counts table tr.breakafter td { padding-bottom: 0.5rem }

div.counts table tr.mine th { color: red; }

div.counts table th.header { text-align: center; color: #c04040;}
div.counts table th.header a { color: #008000; text-decoration: underline; padding: 6px; display: inline-block; }

div.showtitle &gt; span { display: block; padding: 3px 0;}
div.showtitle span.showdate { display: block; font-weight: bold; text-align: center; }
div.showtitle span.event { display: block; text-align: center; }
div.showtitle span.venue { display: block; text-align: center; }
div.showtitle span.showdate &gt; span { padding: 0px 0.2rem 0 0; display: inline-block;}

div.showstats tr.terminal { display: none; }
body.terminalsexpandedinstats div.showstats tr.terminal { display: table-row; }
div.showstats span.small { font-size: 0.8rem; font-weight: normal; }

a.bacntbutton { position: absolute; right: 5px; top: 50%; margin-top: -1rem; width: 2rem; height: 2rem; border-radius: 100px; background-color: #808080; color: white; text-decoration: none; line-height: 2rem; text-align: center;}

div.selectedshowspanel { margin: 0 10px;  }
div.selectshowspanel { margin: 0 10px; padding-bottom: 10rem; }

ul.shows li.show { position: relative; padding: 0.5rem 0; margin-bottom: 0.2rem; box-shadow: 2px 2px 2px 0; border: 2px solid transparent; }
ul.shows li.show div.datetime span { display: inline-block; padding: 0 3px; }

ul.shows li.show.selected { background-color: #005000; color: #FFFFFF; border: 2px dotted yellow; }

ul.shows li.show div.multicheckbox { position:absolute; top: 1px; right: 1px; border-radius: 100px; background-color: #808080; }
ul.shows li.show div.multicheckbox a { display: block; width: 1.5rem; height: 1.5rem; line-height: 1.5rem; text-decoration: none; color: #808080; text-align: center;}
ul.shows li.show.selected div.multicheckbox { background-color: #008000; }
ul.shows li.show.selected div.multicheckbox a { color: white; }

div.confirm_selected_shows { position: absolute; display: none; right: 0; bottom: 0; background-color: yellow; color: #002000; border: 2px solid red; padding: 1rem; }

div.confirm_selected_shows div.buttons { text-align: center; }
div.confirm_selected_shows div.buttons a.btn {  display: inline-block; border: 1px solid #003000; box-shadow: 1px 1px 1px black; padding: 0.2rem 1rem; }
div.confirm_selected_shows h3 { padding: 5px 0; }

body.selectedshows_changed div.confirm_selected_shows { display: block; }

div.selecttickets div.transcodeheader div.title { font-size: 1.2rem; text-align: center; }

div.selecttickets div.ticket { border: 1px solid black; text-align: center; cursor: pointer;}
div.selecttickets div.ticket.checkable { background-color: #006000; color: #D5D5D5; }
div.selecttickets div.ticket.uncheckable { background-color: #7E8B7E; color: #303030; }
div.selecttickets div.ticket.notinside { background-color: #00A000; }
div.selecttickets div.ticket:hover { color: yellow; }

div.selecttickets div.ticket &gt; div { padding: 0.3rem 0; }

div.selecttickets div.ticket div.left { float: left; width: 4rem; line-height: 2rem; }
div.selecttickets div.ticket div.middle { display: inline-block; }
div.selecttickets div.ticket div.middle div { line-height: 1rem; }
div.selecttickets div.ticket div.right { float: right; width: 2rem; line-height: 2rem; }

/*div.selecttickets div.ticket div.checkbox { border: 1px solid black; width: 1rem; height: 1rem; font-size: 1rem; line-height: 1rem; text-align: left; }*/
div.selecttickets div.ticket div.checkbox { border: 1px solid white; width: 1rem; font-size: 1rem; text-align: left; height: 1rem; margin-top: 0.5rem; line-height: 1rem; }
div.selecttickets div.ticket div.checkbox span.whenchecked { display: none; }
div.selecttickets div.ticket div.checkbox span.whennotchecked { display: none; }
div.selecttickets div.ticket.checked { color: #FFFFFF; background-color: #009000; }
div.selecttickets div.ticket.uncheckable div.checkbox { visibility: hidden }
div.selecttickets div.ticket.checked div.checkbox span.whenchecked { display: inline; }
div.selecttickets div.ticket.checked div.checkbox span.whennotchecked { display: none; }
div.selecttickets div.ticket div.where { font-size: 0.8rem; font-style: italic; }

div.selecttickets div.transcodeheader { text-align: center;  position: relative; padding: 0.5rem 0; }
div.selecttickets div.transcodeheader div.cancelselectbtn { position: absolute; right: 3px; top: 3px; }
div.selecttickets div.transcodeheader div.cancelselectbtn a { color: #800000; text-decoration: underline; }

div.selecttickets div.transaction_label { text-align: center; padding-top: 0.8rem;  }

div.selecttickets div.selectpanel { text-align: center; }
div.selecttickets div.selectpanel.top { padding-top: 1rem; text-align: center; }
div.selecttickets div.selectpanel.bottom { padding: 1rem 0 3rem 0; text-align: center; }
div.selecttickets div.selectpanel a.btn { display: block; color: #FFF; margin: 0.8rem 0; padding: 0.5rem 0px; text-align: center; border-radius: 8px; background-color: #808080; }
div.selecttickets div.selectpanel a.btn.empty { color: #404040; font-style: italic; }

div.picktransaction { text-align: center; cursor: pointer; }
div.picktransaction div.msg1 { padding-top: 0.5rem; }
div.picktransaction div.msg2 { padding: 0.5rem 0; }
div.picktransaction div.transshow { background-color: #C0C0C0; margin-bottom: 1rem; border-radius: 6px; padding:5px; }
div.picktransaction div.transshow:hover { background-color: #D0D0D0; }

div.linktoshowcustomers, div.linktosynccustomers { text-align: center; padding: 1rem 0; }

a.simplebtn {
    text-decoration: none;
    background-color: #C0C0C0;
    padding: 5px;
    border-radius: 5px;
    box-shadow: 2px 2px 2px black;
}

table.customers { border-collapse: collapse; }
/*table.customers tr:hover { background-color: white; }*/
table.customers tr.customer td { padding: 0.5rem 5px; border-top: 1px solid #800000;  }
table.customers tr.transactions td { padding: 0.5rem 5px; border-bottom: 1px solid #800000; }
table.customers tr.transactions { display: none; }
table.customers tr.transactions.visible { display: table-row; }
table.customers td.tickets { text-align: right; }

table.customers td.details div.name { font-weight: bold; min-width: 250px; }
table.customers td.details div.phones { font-style: italic; font-size: 0.8rem; }
table.customers td.details div.email { font-style: italic;  font-size: 0.8rem; }

table.customers tr.transactions div.transaction { padding: 0.5rem 0.2rem;  margin: 5px 0px 5px 10px; border-radius: 8px; background-color: #202020; box-shadow: 2px 2px 2px #202020; cursor: default }
table.customers tr.transactions div.transaction:hover { background-color: #404040; }
table.customers tr.transactions div.transaction span.tctitle { font-weight: bold;}
table.customers tr.transactions div.transaction &gt; div { padding: 2px 0;  }

table.customers.filtered tr.customer { display: none; }
table.customers.filtered tr.customer.found { display: table-row; }

div.customersearchdiv div.prompt { padding: 0.3rem 0; }
div.customersearchdiv div.field input { border: 1px solid black; font-size: 1.2rem; line-height: 1.2rem; }
div.customersearchdiv div.button input { padding: 0.3rem; margin-top: 1rem; border: 1px solid black; border-radius: 3px; }
div.customersearchdiv a.clearinput { margin-left: 0.5rem; font-weight: bold; background-color: #808080; color: #FFFFFF; display: inline-block; padding: 2px 5px; }


.mainbuttons { text-align: center; padding: 0.5rem; background-color: #802020;}
.wantcamera .mainbuttons { padding: 0.5rem 0.5rem 1rem 0.5rem;}
.mainbuttons li { display: inline-block; width: 2.5rem; height: 2.5rem; line-height: 2.5rem; margin: 0 0.3rem; text-align: center; background-color: #A0A0A0;border-radius: 100px; cursor: pointer; border: 5px solid #808080; overflow: hidden; }
.wantcamera .mainbuttons li { display: inline-block; width: 2.0rem; height: 2.0rem; line-height: 2.0rem; margin: 0 0.3rem; text-align: center; background-color: #A0A0A0;border-radius: 100px; cursor: pointer; border: 5px solid #808080; overflow: hidden; }
.mainbuttons li:hover { background-color: #300000; }
.mainbuttons li img { width: 100%; height: 100%; opacity: 1 }
.mainbuttons li.btncamera { display : none; }
.wantcamera .mainbuttons li.btncamera { display : inline-block; }


.server_connecting li.btnsync { border-color: yellow;}
.server_failed li.btnsync { border-color: red; }
.server_succeeded li.btnsync { border-color: green; }

.camera_failed li.btncamera { border-color: red; }
.cameraon li.btncamera { border-color: green; }

.wantkeyboard body { background-color: #B0B0B0; }

ul.menu &gt; li &gt; a.smaller-disabled { color: #F0F0F0; font-size: 0.8rem; cursor: no-drop; }

#page_camera .body { min-height: 300px; background-color: rgba(0,0,0,0); }

div.cameramsg { padding-top: 5px; color: #A00000;}

.barcoderesults { opacity: 1; }
/*.cameraon .barcoderesults { opacity: 0.5; }*/

.html5camerapanel { display: none; }
.nimiccamerapanel { display: none; }

.usehtml5qrcode .html5camerapanel { display: flex; }
.usenimicqrcode .nimiccamerapanel { display: flex; }

.scanhistoryon .html5camerapanel { display: none!important; }
.scanhistoryon .nimiccamerapanel { display: none!important; }

.page.rules .whenactive.status { color: #00c000; text-align: center; }
.page.rules .wheninactive.status {  color: #c00000; text-align: center; }

.page.rules .whenactive { display: none; }
.page.rules .wheninactive { display: none; }

.rulesactive .page.rules .whenactive { display: block; }
.rulesinactive .page.rules .wheninactive { display: block; }

.rules .rulesfields { margin: 20px 0; }
.rules .rulesfields h3 { padding: 5px 0; background-color: #8A2323; margin: 5px 0;}
.rules .rulesfields .rulesfield { text-align: center; margin: 5px 0;}
.rules .rulesfields .rulesfield input.ruleids { width: 80%; background-color: #000; color: #fff; }
.rules .rulesfields .rulesfield a.btnclearids { text-decoration: none; color: #802020; font-weight: bold; }

a.btnselectids { color: #000; background: #808080; padding: 4px 10px; display: block; margin: 10px 10px 0 10px }

/*.rules .rulesform .buttons { margin-top: 30px; border-top: 2px dotted #c02020; padding-top: 20px; display: none; position: fixed; bottom: 0; left: 0; right: 0; height: 1rem; z-index: 100 }*/
.rules .rulesform .buttons { display: none; position: fixed; bottom: 0; right: 0; z-index: 100; background-color: yellow; max-width: 100%; width: 19rem; padding: 1rem; }
.rulesedited .rules .rulesform .buttons .caption { color: #000; font-size: 0.8rem; padding: 0.5rem 0; font-weight: bold; }
.rulesedited .rules .rulesform .buttons { display: block; }
.rules .rulesform .buttons a { display: inline-block; padding: 10px 10px; background-color: #8A2323; color: #fff; margin: 0px 10px; border-radius: 5px; }

.barcoderesults .ticketinfo { padding: 10px 0 ;}
.barcoderesults .ticketinfo &gt; div { display: inline-block; margin: 5px 10px; white-space: nowrap; font-weight: bold; }


/* 17/11/2019 - ΞΈΞ± Ξ΄Ξ΅Ξ―ΟΞ½Ο ΞΌΟΞ½ΞΏ ΟΞΏ ΟΞΉΞΏ ΟΟΟΟΟΞ±ΟΞΏ barcode result  */
.cameraon .barcoderesults { opacity: 0.5; position: fixed; left: 0; right: 0; bottom: 2rem; }
.cameraon .barcoderesults .result { display: none ; }
.cameraon .barcoderesults .result:first-child { display: block; }

.scanhistoryon.cameraon .barcoderesults { opacity: 1.0; position: relative; left: 0; right: 0; bottom: auto; }
.scanhistoryon.cameraon .barcoderesults .result { display: block ; }

.barcoderuler { display: none; position: fixed; top: 50%; margin-top: -3px; left: 2rem; right: 2rem; height: 2px; border-top: 2px dotted #ff0000; border-bottom: 2px dotted #ff0000; }
.cameraon .barcoderuler { display: block; }

.html5camerapanel { flex-direction: column; justify-content: center; position: relative; top: -100px; margin-top: 14rem; }
.nimiccamerapanel {
    flex-direction: column;
    justify-content: center;
    position: relative;
    width: 100%;
    margin-top: 14rem;
    background: #000;
    max-width: 95vw;
    max-height: 70vh;
}

.usehtml5qrcode.cameraon .barcoderuler { display: none!important; }
.usenimicqrcode.cameraon .barcoderuler { display: none!important; }
.isbrowser .cameraon .barcoderuler { display: none!important; }

ul.outer { list-style-type: disc; padding: 0.5rem 0.5rem 0.5rem 1rem; font-size: 0.9em; }
ul.outer &gt; li { padding: 0.5rem; }
ul.inner { list-style-type: circle; padding-left: 1rem; font-size: 0.8em; padding: 0.5rem;}

.selectshowdatesbuttons { text-align: center; padding: 0.5rem; }
.selectshowdatesbuttons a { background: #000; color: #a0a0a0; display: inline-block; font-size: 0.8rem; padding: 0.5rem; margin: 0 0.5rem; }

.selectshowdatesbuttons a.btn_all { background: #808080; color: #fff; }

.shows_future .selectshowdatesbuttons a.btn_all { background: #000; color: #a0a0a0; }
.shows_future .selectshowdatesbuttons a.btn_today { background: #000; color: #a0a0a0; }
.shows_future .selectshowdatesbuttons a.btn_future { background: #808080; color: #fff; }

.shows_today .selectshowdatesbuttons a.btn_all { background: #000; color: #a0a0a0; }
.shows_today .selectshowdatesbuttons a.btn_today { background: #808080; color: #fff; }
.shows_today .selectshowdatesbuttons a.btn_future { background: #000; color: #a0a0a0; }

.shows_future li.show.ispast { display: none; }
.shows_today li.show.ispast { display: none; }
.shows_today li.show.isfuture { display: none; }
ul.shows li.show div.datetime { font-weight: bold; color: #a08080;}
ul.shows li.show.istoday div.datetime { font-weight: bold; color: #f0f080; }
ul.shows li.show.isfuture div.datetime { font-weight: bold; color: #80a080; }

/* 18/10/23 */
.sectionname { color: #c0c0c0; font-size: 1.5em; }
.rowlabelvalue { color: #c0c0c0; font-size: 1.5em; }
.seatlabelvalue{ color: #c0c0c0; font-size: 1.5em; }
.barcoderesults .ticketinfo &gt; div.seatinfo { display: block; padding: 5px; border: 1px solid #a0a0a0; }
.barcoderesults .pcode { background-color: #909090; color: #000; outline: 3px solid #909090; font-size: 1.5em;}

.checkuncheckall {
    margin: 15px 0 0 0;
    text-align: center;
}

.checkuncheckall a.btn_checkuncheckall {
    text-decoration: none;
    color: #e0e0e0;
    padding: 5px 5px;
    border: 1px solid #808080;
}</pre></body></html>