/*html, body {height: 100%;}*/
/** { margin: 0; padding: 0; box-sizing: border-box; }*/

/*RPC Kiosk*/

header{background: #fff;}
.rpcstep{text-align:center}
.rpcstep img{width:150px;margin:auto}
.scanstatus{text-align:center;padding: 2em 0;}
.scanstatus h3{font-family: PlutoBold, sans-serif;font-size: 1em;padding: .5em;letter-spacing: 2.5px;margin:auto;text-align: center;text-transform: uppercase;border: solid 2px #fff;max-width: 320px;color: #780607 !important;background:#fff;}
.step{font-family: Pluto,sans-serif;font-size: 1rem;max-width: 360px;margin: auto;}
.translate{font-size: .9em;font-family: Pluto, sans-serif;padding-top: 1em;border-top: solid 1px;margin: 1em;font-style: italic;}
#videoId{border: solid 5px;object-fit: cover;filter: saturate(0);}
#invalid, #valid{background: #780607;text-align: center;padding:2em;margin-bottom: 2em;}
#invalid h5,#valid h5{margin-top: 1em;font-family: PlutoBold, sans-serif;text-transform: uppercase;letter-spacing: 2px;}
#invalid img,#valid img{width:60px}

/*RPC Menu*/
.form-signin{padding:.5em 1em !important;}
.welcome{padding:0 2em;}
.btn-block{width:100% !important;margin:.5em 0;}
.notop {margin-top: 0px !important;}
.or-seperator{padding: 1.5em 0 .5em;text-align:center}
.or-seperator img{width:50px;display: block;margin: auto;}
.or-seperator p{margin: .5em 0 0 0;font-size: 1.2em;font-weight: bold;text-transform: uppercase;letter-spacing: 2px;}

/*QR*/
.currentStatus{text-align:center;font-family:PlutoBold,sans-serif;text-transform: uppercase;padding:1em;margin-bottom: -2em;color:#fff !important;}
.status_0{background:#CEA93A !important}
.status_1{background:#005287 !important}
.status_2{background:green !important}
.status_3{background:teal !important}
.status_4{background:navy !important}
.status_5{background:#520101 !important}

.cameraControl{padding: 2em 1em 1em 1em;position: fixed;bottom: 0;left:0;margin: auto;width: 100%;background: linear-gradient(0deg, #AF262B 75%, transparent);}
.cameraControl select{font-size:12px;height:20px;height: 35px !important;margin-bottom: .75em !important;}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{font-family:Lora;}
body {font-size: 14px;line-height: 1em;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-family: Pluto, 'Helvetica', 'Arial', sans-serif;color: #444444;font-weight: 300;}
h6{text-transform:uppercase;}
.logo{margin:auto;padding:1em;max-width:190px;}
.navbar{padding: .75em 0;}

a{color:#000;}

.wpb_content_element{margin-bottom:1em !important;}
#upload{margin-bottom:5em;}

table td {line-height: 1.5;}
.table th, .table td, .table tr:first-child {border-top: 0;}
.table tr{border-top: solid 1px #ddd;}

.btn{text-transform:uppercase;font-family: Lora, serif;font-weight: 700;font-size: 1.25em;}
.btn, .form-control{border-radius:0px !important;}


#verification {padding-top: 3em;}
/*main > .container {padding: 10px 0 0 0;}*/
.footer {
	background-color: #f5f5f5;
}
table {width: 100%;}
table td {width: 11.1%; vertical-align: top;}
table div {text-align: center;}
/*main {overflow: auto;}*/

/* Picking list display */
.counterNumber {float: left; text-align: left; width: 50%; overflow: hidden;}
.bibNumber {text-align: right; margin: 0;}
.timer {float: right;}
.container.pickList {max-width: 95%;}
.textDebug {position: absolute; top: 0; right: 0; padding: 5px 10px; background: #ffff00; z-index: 1;}

img .list {width: 320px;}
.imageContainer {float: left;}
.imageContainer h4 {text-align: center; padding: 5px; margin: 0;}

.bs-component {width: 50%; float: left; padding: 0 5px;}
.bs-component.jersey {width: 33%;}
.bs-component.jersey .bibNumber {text-align: center;}
#videoId {width: 320px; height: 240px;}
#invalid, #valid {display: none;}
#listContainer .page-header {padding-bottom: 10px; clear: both; display: block;}
#listContainer .page-header select {height: 30px !important;}
#listContainer .page-header button {float: right;}
#sourceSelectPanel select {margin: 0;}
.processing {color: yellow;}
#QRPreview {display: inherit; margin: 0 auto;}
.imageContainer {overflow: hidden;}
.view#QRPreview {position: absolute; top: 0; left: 0; width: 100px; display: block; margin: 0; height: 100px;}
#unconfimedDelegation img {height: 50px;}

#delegationSuccess, #delegationDone, #cancelationSuccess, #delegationError {padding-top: 35px;}
#delegationStatus {padding-bottom: 25px;}
#output #verification {width: auto !important;}