@import url('https://fonts.googleapis.com/css?family=Encode+Sans+Condensed:400,600');
@import url('https://fonts.googleapis.com/css?family=Encode+Sans+Condensed:400,600');

* { box-sizing: border-box; margin: 0; padding: 0; outline: none; }
html, body { height: 100%; min-width: 1000px; font-family: 'Encode Sans Condensed', sans-serif; }
a, a:visited, a:focus, a:active, a:link { text-decoration: none; outline: 0; }
a { color: currentColor; transition: .2s ease-in-out; }
h1, h2, h3, h4 { margin: 0; }
ul { padding: 0; list-style: none; }
strong { font-weight: 600; }
.page { width: 100%; height: 100vh; background: #fdfdfd; font-family: 'Encode Sans Condensed', sans-serif; letter-spacing: .03em; color: #212121; }
header { display: flex; position: fixed; width: 100%; height: 70px; background: #212121; color: #fff; justify-content: center; align-items: center; -webkit-tap-highlight-color: rgba(0,0,0,0); font-size:1.5em;}
.header_logo { height: 70px; width:70px; float; position: fixed; top:0; right: 0; background-color: #FFFFFF ! important; background-image: url(/images/i90-media-logo.png); background-repeat: no-repeat; background-position: center; background-size: contain }

#thischampionshipid { margin-left: 15px; height: 35px; font-size: 0.5em; }
#thisguntype { margin-left: 15px; height: 35px; font-size: 0.5em; }
#thiseventid { margin-left: 15px; height: 35px; font-size: 0.5em; max-width: 150px;}
#thisstageid { margin-left: 15px; height: 35px; font-size: 0.5em; }
#thisclubid { margin-left: 15px; height: 35px; font-size: 0.5em; }

main { height: 100%; }
main h2 span {  color: #BF7497; }
main p { line-height: 1.5; font-weight: 200; margin: 20px 0; }
main small { font-weight: 300; color: #888; }

.no_access { position: relative; top:200px; left: 50px; font-size: 1.5em; width: 700px;}

input[type=checkbox]:not(old) { width:28px; margin:0; padding:0; opacity:0; }
input[type=checkbox]:not(old) + label { display:inline-block; margin-left:-28px; padding-left :28px; background:url('/images/checks.png') no-repeat 0 0; line-height :24px; }
input[type=checkbox]:not(old):checked + label{ background-position:0 -24px; }


input[type=radio]:not(old) { width:28px; margin:0; padding:0; opacity:0; border: 1px solid #000000}
input[type=radio]:not(old) + label { display:inline-block; margin-left:-28px; padding-left :28px; background:url('/images/checks.png') no-repeat 0 0; line-height :24px; }
input[type=radio]:not(old):checked + label { background-position:0 -24px; }

.dashboard { top:120px; position:relative; width:98%; margin-left: 1% ; z-index: 10;height: 130px;}
.dashboard_select {top: 100px; position: relative; width:98%; margin-left: 1% ; z-index: 10; margin-top:20px; height: 60px; }
.dashboard_select select { margin-top: 10px; }
.dashboard_results {top: 100px; position: relative; width:98%; margin-left: 1% ; z-index: 10; margin-top:20px; height: 690px; overflow: auto; border: ridge 1px #ddd; font-weight: normal;}
.dashboard_results a:link { text-decoration-line: underline; text-decoration-style: dotted }

.data_results {margin-top: 100px; position: relative; width:98%; margin-left: 1% ; z-index: 10;  height:-moz-calc(100% - 250px); height:-webkit-calc(100% - 250px); height:calc(100% - 250px); overflow: auto; border: ridge 1px #ddd; font-weight: normal;}
.data_results a:link { text-decoration-line: underline; text-decoration-style: dotted }

.editheader { width:100%; display:block; height:50px; color:#212121; border-bottom:2px solid #212121; position:relative; min-width: 800px;}
.editheaderhelp { width:60%; float:left; }
.editheadertitle { width:38%; float:left; color:#336699; font-size:20pt; text-align:right; }
.mainlistedit {width:100%; display:block; padding:0; }
.editmenuheader {position:relative; width:100%; height:54px; padding:0; margin:0; min-width: 1000px;}
.editmenutitle { float:left; font-weight:300; font-size:1.4em; color:#333333; margin-left:0px; position:relative; padding-top:12px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.emailmenubar {float:left; width:80px; margin-left:10px; }
.editmenubar {float:right; width:350px; margin-left:10px; }
.editmenubaricons{float:right; padding-right:10px; }
.mainlist_title {width:100%; height:50px; text-align:left; }
.icon_edit {position:relative; float:left; width:40px; height:50px; border:2px solid #dddddd; margin-right:6px; border-radius:5px; font-size:8pt; color:#000000; text-align:center; cursor:pointer; background-color:#FFFFFF; }
.icon_edit:hover {position:relative; float:left; width:40px; height:50px; border:2px solid #008000; margin-right:6px; border-radius:5px; font-size:8pt; color:#000000; text-align:center; cursor:pointer; background-color:#FFFFFF; }
.icon_edit_title {position:absolute; width:100%; bottom:0; text-align:center; }
.add {background-image:url(/images/001_01.png); background-repeat:no-repeat; background-position:8px 3px; background-size: 24px;}
.save {background-image:url(/images/save_icon_24.png); background-repeat:no-repeat; background-position:8px 3px; background-size: 24px;}
.delete {background-image:url(/images/delete_icon_24.png); background-repeat:no-repeat; background-position:8px 3px; background-size: 24px;}
.reset {background-image:url(/images/reset_icon_24.png); background-repeat:no-repeat; background-position:8px 3px;background-size: 24px; }
.reload {background-image:url(/images/refresh_icon_32.png); background-repeat:no-repeat; background-position:8px 3px;background-size: 24px; }
.undo {background-image:url(/images/undo_icon_24.png); background-repeat:no-repeat; background-position:8px 3px;background-size: 24px; }
.help {background-image:url(/images/help_icon_24.png); background-repeat:no-repeat; background-position:8px 3px; background-size: 24px; }
.close {background-image:url(/images/close_icon_24.png); background-repeat:no-repeat; background-position:8px 3px; background-size: 24px;}
.print {background-image:url(/images/printer.png); background-repeat:no-repeat; background-position:8px 3px;background-size: 24px; }
.unread {background-image:url(/images/001_39.png); background-repeat:no-repeat; background-position:8px 3px; background-size: 24px;}

.form { width:100%; float:left; font-size:8pt; background:#D1D1D1; box-shadow:0px 0px 5px rgba(0,0,0,0.5); border-radius:5px; margin-top:1%; text-align:left; }
.line100 { width:100%; float:none; display:block; clear:both; }

#dashboard_stagename { width: 24%; float: left; }
#dashboard_combined { width: 24%; float: left; }
#dashboard_rifle { width: 10%; float: left; }
#dashboard_pistol { width: 10%; float: left; }
#dashboard_stagename_complete { width: 14%; float: left; }

.scrolllistmain { padding:0 0 0 0; margin:0 0 0 0; overflow-y:scroll; height:-moz-calc(100% - 100px); height:-webkit-calc(100% - 100px); height:calc(100% - 100px); display:block; top: 70px; position: relative;}
.scrolllist {width:100%; overflow-y:scroll; height:-moz-calc(100% - 100px); height:-webkit-calc(100% - 100px); height:calc(100% - 100px); }

.line { width: 100%; background-color: #990000; }
.clear,.eol { clear: both; }
.required { color: #990000; margin-left: 5px; margin-right: 5px; }
.content { margin-left: 0px; margin-top:10px; width: 100%;}
.heading { font-weight: bold; background-color: #000080; color: #FFFFFF; }
.inputdatepicker { width:80px; background: #F9F8CD url('/images/calendar_icon.png') no-repeat right; background-size: contain ;text-align: left; cursor:pointer;}

.login_message { margin-right: auto; margin-left: auto; width: 400px; top:100px;position: relative;}

.pointer { cursor: pointer; text-decoration-line: underline; text-decoration-style: dotted }
.none { display: none; }
.ok_tick { float:left; width:32px; height: 32px; background-image: url('/images/tick_icon.png'); background-size: contain; background-repeat: no-repeat; display: none; }
.ok_add { float:left; width:32px; height: 32px; background-image: url('/images/plus_icon.png'); background-size: contain; background-repeat: no-repeat; }


.wholecol { width:100%; display:block; }
.leftcol { width:49%; margin-right:1%; float:left; }
.rightcol { width:49%; float:left; }
.left66 { width:65%; padding-right:5px; float:left; }
.left50 { width:49%; padding-right:5px; float:left; }
.left33 { width:32%; padding-right:5px; float:left; }
.left25 { width:24%; padding-right:5px; float:left; }
.label {width:30%; text-align:right; color:#500000; float:left; padding-top:0px; margin-right:1%; height:20px; font-size:1.2em; padding-top:5px; }
.field {padding-top:2px; padding-left:5px; padding-bottom:5px; float:left; width:65%; height:20px; }
.fieldtext {padding-left:5px; padding-bottom:0px; padding-top:0px; padding-right:5px; float:left; top:-3px; position:relative; }
.filefield {padding-top:2px; padding-left:15px; padding-bottom:5px; float:left; width:90%; height:20px; margin-bottom:10px; }
.label_large {width:30%; text-align:right; color:#500000; float:left; padding-top:0px; margin-right:1%; height:40px; font-size:2em; padding-top:5px; }
.field_large {padding-top:2px; padding-left:5px; padding-bottom:5px; float:left; width:65%; height:40px; }
.label_large_text {text-align:left; float:left; font-size:1.5em; padding-top:5px; padding-bottom:5px; }
input { background: #F9F8CD; font-size: 1.2em; color: #555; border: 1px solid transparent; box-shadow: 0px 0px 2px rgba(0,0,0,0.5); padding: 2px 5px; float: left; margin-right: 5px; border-radius: 5px; font-weight: 300; }
input:disabled { background: #dddddd; font-size: 1.2em; color: #555; border: 1px solid transparent; box-shadow: 0px 0px 2px rgba(0,0,0,0.5); padding: 2px 5px; float: left; margin-right: 5px; border-radius: 5px; font-weight: 300; }
input:focus { outline: none; background: #C6DFFA; }
input[type=submit], input[type=button]{ background: #4B99AD; padding: 8px 15px 8px 15px; border: none; color: #ffffff; cursor:pointer; margin-bottom:5px;}
input[type=submit]:hover, input[type=button]:hover{ background: #397584; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; cursor:pointer;}
input[type=submit]:disabled, input[type=button]:disabled{ background: #dddddd; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; cursor:pointer;}
textarea { font-size: 1.2em; background: #F9F8CD; color: #555; border: 0px solid transparent; box-shadow: 0px 0px 2px rgba(0,0,0,0.5); padding: 2px 5px; float: left; margin-right: 5px; border-radius: 5px; font-weight: 300; }
textarea:disabled { font-size: 1.2em; background: #dddddd; color: #555; border: 0px solid transparent; box-shadow: 0px 0px 2px rgba(0,0,0,0.5); padding: 2px 5px; float: left; margin-right: 5px; border-radius: 5px; font-weight: 300; }
textarea:focus { outline: none; background: #C6DFFA; }
select { font-size:10pt; background:#F9F8CD; color:#555; border:0px solid transparent; box-shadow:0px 0px 1px rgba(0,0,0,0.5); padding:2px 5px; float:left; margin-right:1%; border-radius:5px; font-weight:300; }
select:focus { outline:none; background:#C6DFFA; }
#reject { background: #990000; }
#reject:hover { background: #6B0000; }
#reject:disabled { background: #dddddd; }
#complete { background: #009900; }
#complete:hover { background: #006B00; }
#complete:disabled { background: #dddddd; }
#notice { background: #FF9304 !important; }
#notice:hover { background: #C26E00 !important; }
#notice:disabled { background: #dddddd; }

.data_sourcefilename { width: 350px; float:left;  }
.data_clientid { width: 150px; text-align: right; float:left; padding-right: 5px;}
.data_clientname { width: 350px; text-align: left; float:left; }
.data_delete { width: 24px; float: left;}
.data_period { width: 80px; text-align: center; float:left; }
.data_new_customers { width: 250px; text-align: right; float:left; }
.data_fy_cy { width: 50px; margin-left:5px; margin-right: 5px; float:left; text-align: center !important; }
.data_error { background:#F9F8CD; color:#990000; font-variant: small-caps; width:100%;  font-weight: bold; float:left;}

.row100 {width:100%; display:block; clear:both; height:25px; scrollbar-width:16px; }
.row100 div { float:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; background-color:inherit; height:25px; padding-right:5px; }

.row100:nth-child(even) {background-color:#E0E0E0; }
.row100:nth-child(odd) {background-color:inherit; }
.row100:hover { background-color:#9EBEFF; }
.row_blank { float:left; width:50px;  height:25px; background-color:inherit; }

.row100list {width:100%; display:block; clear:both; height:25px;  border-bottom:1px dotted #C0C0C0; scrollbar-width:16px; background-color: #ffffff;}
.row100list div { float:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; background-color:inherit; height:25px; padding-right:5px; }
.row100listshaded {width:100%; display:block; clear:both; height:25px; background-color:#FFFFCC; border-bottom:1px dotted #C0C0C0; scrollbar-width:16px; }
.row100listshaded div { float:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; background-color:inherit; height:25px; padding-right:5px; }
.row100listtotal {width:100%; display:block; clear:both; height:25px;  background-color:#333333; color:#FFFFFF; border-bottom: 3px double #C0C0C0; font-weight:700; scrollbar-width:16px;}
.row100listtotal div { float:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; background-color:inherit; height:25px; padding-right:5px; }
.row100listshadedgreen {width:100%; display:block; clear:both; height:25px; background-color:#C2E0A3; border-bottom:1px dotted #C0C0C0;scrollbar-width:16px; }
.row100listshadedgreen div { float:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; background-color:inherit; height:25px; padding-right:5px; }
.row100white {width:100%; display:block; clear:both; height:25px; background-color: #ffffff; scrollbar-width:16px; }
.row100white div { float:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; background-color:inherit; height:25px; padding-right:5px; }

.row { width:100%; margin: 0 0 0 0; padding: 0 0 0 0; height:33px; }

.row100heading {width:-moz-calc(100% - 18px); width:-webkit-calc(100% - 18px);  width:calc(100% - 18px);background-color:#C4C4C4 !important; float:left; top:70px; height:33px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; background-color:inherit; position: relative;}
.row100heading_spacer {  width:18px; height:33px; background-color:#C4C4C4 !important; float: left; top:70px; position: relative;}

.row100headingdata {width: 100%;  padding-top: 5px;background-color:#C4C4C4 !important; float:left; height:33px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; background-color:inherit; position: relative;}

.row100heading_inline {width:-moz-calc(100% - 18px); width:-webkit-calc(100% - 18px);  width:calc(100% - 18px);background-color:#C4C4C4 !important; float:left; height:33px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; background-color:inherit; position: relative;}
.row100heading_spacer_inline {  width:18px; height:33px; background-color:#C4C4C4 !important; float: left; position: relative;}

.propheading { color:#008000; font-weight:bold; }
.propheading a { color:#000080; font-weight:bold; text-decoration:none; }
.propheading a:hover { color:#444; font-weight:bold; text-decoration:none; }

.row100hidden {width:100%; cursor:pointer; }
.row100hidden:nth-child(odd) {background-color:#E0E0E0; }
.row100hidden:nth-child(even) {; }

.other:nth-child(even) {background-color:#FF9494; }
.other:nth-child(odd) {background-color:#FF9494; }

.highlight {color:#880000; background-color:#FFFF99 !important; font-weight:bold; }
.highlight:hover { background-color:#00CC66; }


#password_password1 { width: 200px; }
#error_password_password1 { clear: both; width: 100%; font-size:0.7em; color: red; }
#password_password2 { width: 200px; }
#error_password_password2 { clear: both; width: 100%; font-size:0.7em; color: red; }
#error_password_nomatch { clear: both; width: 100%; font-size:0.7em; color: red; }
#password_password_changed { color: #008000; }


@media screen and (min-width: 376px) and (max-width: 780px)
{
    h2 { font-size: 1.5em;  }
    h3 { font-size: 1.25em;  }

    main { padding: 30px 10px 0; display: flex; flex-direction: column; height: 100%; }
    .label { width: 100%; height: 20px; margin-top:2px; font-size: 0.8em; padding: 0 0 0 0; display: block; color: #444444; clear: both;}
    .field { width: 100%; min-height: 20px; padding: 0 0 0 0; display: block; clear: both; }
    .heading { font-weight: bold; background-color: #000080; color: #FFFFFF; }
    .ok_tick { float:left; width:24px; height: 24px; background-image: url('/images/tick_icon.png'); background-size: contain; background-repeat: no-repeat; display: none; }
    .ok_plus { float:left; width:24px; height: 24px; background-image: url('/images/plus_icon.png'); background-size: contain; background-repeat: no-repeat; display: none; }
    #contactus_telephone { width: 33%; margin-left: 33%; margin-top: 25px; }
    #contactus_telephone_text { display: none}
    #contactus_email { width: 33%; margin-left: 33%; margin-top: 25px; }
    #contactus_email_text { display: none}
    #maintenance_list_date { width: 12%; float: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-right: 1%;}
    #maintenance_list_status { width: 20%; float: left;  white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-right: 5px;}
    #maintenance_list_description { width: 50%; float: left;  white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-right: 5px;}
    #maintenance_list_short_date { width: 10%; float: left;  white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-right:5px; text-align:center;}
    #maintenance_list_delete { width:16px; float:left;}
    #maintenance_list_delete_icon {width:16px; height: 16px; background-image: url('/images/del_icon_32.png'); background-size: contain; background-repeat: no-repeat;float:left; cursor: pointer;}
}
@media screen and (max-width: 375px)
{
    h2 { font-size: 1.4em;  }
    h3 { font-size: 1.2em;  }
    .login_message { margin-right: auto; margin-left: auto; width: 300px; top:100px;position: relative;}

    main { padding: 10px 5px 0; display: flex; flex-direction: column; height: 100%; }
    .label { width: 100%; height: 20px; margin-top:2px; font-size: 0.8em; padding: 0 0 0 0; display: block; color: #444444; clear: both;}
    .field { width: 100%; min-height: 20px; padding: 0 0 0 0; display: block; clear: both; }
    .heading { font-weight: bold; background-color: #000080; color: #FFFFFF; }
    .ok_tick { float:left; width:24px; height: 24px; background-image: url('/images/tick_icon.png'); background-size: contain; background-repeat: no-repeat; display: none; }
    .ok_plus { float:left; width:24px; height: 24px; background-image: url('/images/plus_icon.png'); background-size: contain; background-repeat: no-repeat; display: none; }
    #contactus_telephone { width: 33%; margin-left: 33%; margin-top: 25px; }
    #contactus_telephone_text { display: none}
    #contactus_email { width: 33%; margin-left: 33%; margin-top: 25px; }
    #contactus_email_text { display: none}
    #maintenance_list_date { display: none; width:0px;}
    #maintenance_list_status { width: 20%; float: left;  white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-right: 5px;}
    #maintenance_list_description { width: 55%; float: left;  white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-right: 5px;}
    #maintenance_list_short_date { width: 10%; float: left;  white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-right:5px; text-align:center; }
    #maintenance_list_delete { width:16px; float:left;}
    #maintenance_list_delete_icon {width:16px; height: 16px; background-image: url('/images/del_icon_32.png'); background-size: contain; background-repeat: no-repeat;float:left; cursor: pointer;}
}