﻿input[type=text], input[type=password], textarea { -moz-appearance: none; appearance: none; display:inline-block; width:94%; padding:10px 3%;  background:#fff; font-family: 'Open Sans', sans-serif; font-weight:100px; font-size:18px; border-radius:0; -webkit-border-radius:0;}
input::webkit-input-placeholder {color:#333;}
textarea {height:100px;}
input[type=checkbox], input[type=radio]  {-webkit-appearance: none; -moz-appearance: none; appearance: none; display:inline-block; background:#fff; border:solid 1px #ccc; vertical-align:middle; margin-right:5px; height:14px; width:14px;}
input[type=radio] {border-radius:50%; -webkit-border-radius:50%;}
input[type=checkbox]:checked, input[type=radio]:checked {background:#b2073b; -webkit-box-shadow:inset 0 0 0 2px #ffffff; box-shadow:inset 0 0 0 2px #ffffff;}
select { background:#fff; font-size:18px; border-radius:0; border:none; width:94% !important; display:inline-block; padding:10px 3% !important;color:#333;font-family: 'Open Sans', sans-serif; font-weight:100px;}
select option {color:#333; margin-top:1px;}

table input[type=text], .inline-edits input[type=text], table select, .inline-edits select {width:96% !important; padding:5px 2% !important; font-size:12px;}
.inline-edits input[type=text], .inline-edits select {width:40% !important; margin:3px;}

span.fixed-field {display:inline-block; width:94%; padding:10px 3%; font-family: 'Open Sans', sans-serif; font-weight:100px; font-size:18px;}

.x-bold {font-weight:800;}
.bold, b, strong {font-weight:bold !important;}
.italic, i, em {font-style:italic !important;}
.condensed {font-family: 'Open Sans Condensed', sans-serif !important;}
.underline, u {text-decoration:underline !important;}
.delete {text-decoration:line-through !important;}
.text_right, .align-right, .right-align {text-align:right !important;}
.text_left, .align-left, .left-align {text-align:left !important;}
.text_center, .align-center, .center-align {text-align:center !important;}
.normal {font-weight:normal  !important;}
.align-top {vertical-align:top;}
.smalltext, .small {font-size:11px !important; font-style:italic !important; color:#666 !important; text-transform:lowercase;}
.add-line-height {line-height:1.5;}
.left {float:left !important;}
.right {float:right !important;}
.full-width {float:left; width:100%; padding:10px 0;}
.full {width:100% !important; display:inline-block !important; float:none !important; margin:0 !important; padding:0 !important;}
img.full {height:auto;}

.circle-radius {border-radius:50%; -webkit-border-radius:50%;}

.float-none {float:none;}
.no-pad {padding:0 !important; background:#eee !important;}
.mobile-only {display:none !important;}
.hide {display:none;}
.uppercase {text-transform:uppercase;}
.thin {font-weight:100 !important;}

.white-bg {background:#fff !important;}
.xlight-gray-bg {background:#eee !important;}
.light-gray-bg {background:#e3e3e3 !important;}
.gray-bg {background:#ccc !important;}
.red-bg {background:#b2073b !important;}
.red-bg h2, .red-bg h3, .red-bg p {color:#fff !important;}
.green-bg {background:#147534 !important;}

.white-text {color:#fff !important;}
.white-border {border:solid 2px #fff;}
.border-right-lg {-webkit-box-shadow:inset -1px 0 0 0 #e3e3e3; box-shadow:inset -1px 0 0 0 #e3e3e3;}

.bottom-border-gray {border-bottom:solid 1px #ccc;}
.border-gray {-webkit-box-shadow:inset 0 0 0 1px #cccccc; box-shadow:inset 0 0 0 1px #cccccc;}

a.btn-white-bg, input.btn-white-bg, span.btn-white-bg {background:#fff; color:#E8413E; text-decoration:none; border-radius: 2px; -webkit-border-radius:2px; border:none; -webkit-box-shadow:inset 0 0 0 1px #cccccc; box-shadow:inset 0 0 0 1px #cccccc;}
a.btn-white-bg:hover, input.btn-white-bg:hover, span.btn-white-bg:hover {background:#E8413E; color:#fff; -webkit-box-shadow:inset 0 0 0 0 transparent; box-shadow:inset 0 0 0 0  transparent}
a.btn-white-border, input.btn-white-border, span.btn-white-border {color:#fff; -webkit-box-shadow:inset 0 0 0 2px #fff; box-shadow:inset 0 0 0 2px #fff; background:transparent;}
a.btn-white-border:hover, input.btn-white-border:hover, span.btn-white-border:hover {-webkit-box-shadow:inset 0 0 0 2px #9db3fb; box-shadow:inset 0 0 0 2px #9db3fb; text-decoration:none; color:#9db3fb;}

a.btn-red-bg,  button.btn-red-bg, input.btn-red-bg, span.btn-red-bg {color:#fff; background:#E8413E; text-decoration:none;}
a.btn-red-bg:hover, button.btn-red-bg:hover, input.btn-red-bg:hover, span.btn-red-bg:hover {background:#333;}
a.btn-red-bg.no-hover:hover, button.btn-red-bg.no-hover:hover, input.btn-red-bg.no-hover:hover, span.btn-red-bg.no-hover:hover {color:#fff; background:#E8413E; text-decoration:none;}

a.btn.condensed, input.btn.condensed, span.btn.condensed {padding:5px 10px; -webkit-box-shadow:inset 0 0 0 1px #cccccc; box-shadow:inset 0 0 0 1px #cccccc;}
a.btn-red-bg.condensed, input.btn-red-bg.condensed, span.btn-red-bg.condensed {-webkit-box-shadow:inset 0 0 0 0 transparent; box-shadow:inset 0 0 0 0 transparent;}


.center-content {position:relative; display:inline-block; width:100%; max-width:1600px; margin:0 auto;}

table {width:100%;}
table td, table th {padding:5px 1%;}
table thead {background:#ccc;}
table tbody tr:nth-child(even) td {background:#e3e3e3;}
table .red-bg {background:rgb(178, 7, 59); background:rgba(178, 7, 59, 1.0) !important;}
table tr:nth-child(even) .red-bg {background:rgb(178, 7, 59); background:rgba(178, 7, 59, 0.85) !important;}
table .green-bg {background:rgb(20, 117, 52); background:rgba(20, 117, 52, 1.0) !important;}
table tr:nth-child(even) .green-bg {background:rgb(20, 117, 52); background:rgba(20, 117, 52, 0.85) !important;}

/* COLUMN STRUCTURE - 12 COLUMNS */

.row {width:100%; float:left;}
.row.padding {padding:2px 0;}
.col {display:inline-block; padding:10px 1% !important; vertical-align:top; overflow-y:hidden; position:relative;}
.one-col {width:6% !important;}
.two-col {width:14% !important;}
.three-col {width:22% !important;}
.four-col {width:30% !important;}
.five-col {width:39% !important;}
.six-col {width:47% !important;}
.seven-col {width:56% !important;}
.eight-col {width:64% !important;}
.nine-col {width:73% !important;}
.ten-col {width:81% !important;}
.eleven-col {width:89% !important;}
.twelve-col {width:98% !important;}

/* END COLUMN STRUCTURE - 12 COLUMNS */

.border-bottom {border-bottom:solid 1px #ccc;}
.horiz-divide {height:0; width:98%; padding:0 !important; border-top:solid 1px #a33ee8; border-bottom:solid 1px #a33ee8; margin:10px 1%;}
.horiz-divide.light-divide {border-top:solid 1px #ccc; border-bottom:none;}


#rtnMsg {position:absolute; z-index:5; top:60px; left:1%; width:98%; font-weight:100; background:#FF0000; color:#fff;}
#rtnMsg p {font-size:16px; line-height:1.0; padding:10px 2%; text-align:center; margin:0 !important;}

#login-table {position:absolute; top:50%; left:50%; height:300px; width:300px; margin-top:-150px; margin-left:-150px; z-index:5;}
#login-table img.user-icon, img.user-icon {width:75px; height:auto; display:inline-block; border:solid 2px #fff;}
#login-table input[type=text], #login-table input[type=password] {padding:10px 2% 10px 13%; width:85%; margin-bottom:10px; background:transparent; border-bottom:solid 2px #fff; color:#fff;}
#login-table input::webkit-input-placeholder {color:#eee;}
#login-table #username {background:url(img/input-user.png) left center no-repeat; background-size:auto 50%;}
#login-table #pword {background:url(img/input-pw.png) left center no-repeat; background-size:auto 50%;}

#admin.admin-home {padding-top:125px;}
#admin a.block {display:inline-block; font-size:18px; font-weight:100; width:150px; background:#b2073b; padding:20px; color:#fff; border-radius:3px; -webkit-border-radius:3px;}
#admin a.block:hover {background:#333;}

.k-state-border-down,.k-state-border-up,.k-state-active{border-radius:0 !important; -webkit-border-radius:0 !important; -webkit-box-shadow: 0 0 0 0 #ffffff !important; box-shadow: 0 0 0 0 #ffffff !important;}
.k-state-focused { -webkit-box-shadow: 0 0 0 0 #ffffff !important; box-shadow: 0 0 0 0 #ffffff !important; background:#e3e3e3; border:solid 1px #e3e3e3 !important;}

.k-numeric-wrap, .k-numeric-wrap input {display:inline-block; width:80%;  border:none  !important; color:#333; font-size:16px !important; border-radius:0 !important; -webkit-border-radius:0 !important; margin:0 !important; padding:0; position:relative; -webkit-box-shadow: 0 0 0 0px !important; box-shadow: 0 0 0 0px !important;}
.k-numeric-wrap {display:inline-block !important; margin-top:1px; overflow:hidden !important;}
.k-numeric-wrap input {line-height:1.0 !important; overflow:hidden !important; padding:8px 2% !important; width:auto !important; background:#fff;}
.k-numeric-wrap .k-select {position:absolute; top:0; right:0; bottom:0; height:100%; background:#fff; width:20%; overflow:hidden; border-radius:0 !important; -webkit-border-radius:0 !important;}
.k-numeric-wrap .k-link .k-icon {margin:0px auto !important;} 

.k-state-selected {border:solid 1px #ccc !important; background:#ccc !important; color:#fff !important;}
.k-i-arrow-s, .k-i-arrow-n {position:absolute !important; top:15px !important; right:10px !important;}
.k-numerictextbox {display:inline-block; width:80% !important; max-width:230px;}
.k-numerictextbox {border-radius:none !important; -webkit-border-radius:none !important;}
.k-numerictextbox .k-select > .k-link {width:100% !important; height:50%; position:relative !important; border-radius:0 !important; -webkit-border-radius:0 !important; right:0 !important; border-left:solid 1px #eee; }
.k-numerictextbox .k-select > .k-link:first-child {border-bottom:solid 1px #eee;}
.k-numerictextbox .k-select .k-link span.k-i-arrow-n, .k-numerictextbox .k-select .k-link span.k-i-arrow-s {position:absolute !important; right:50% !important; margin-right:-5px !important; }
.k-numerictextbox .k-select .k-link > span.k-i-arrow-n, .k-numerictextbox .k-select .k-link > span.k-i-arrow-s {top:6px !important;}

.k-numerictextbox, .k-numerictextbox .k-select {border:none !important;}
.k-numeric-wrap.k-state-default, .k-numeric-wrap.k-state-hover, .k-numeric-wrap.k-state-focused {background:transparent !important; border:none !important;}

.k-dropdown.k-header .k-select .k-icon.k-i-arrow-s {position:absolute; top:50%; right:50%; margin-top:-8px; margin-right:-5px;}

.k-datepicker {overflow:hidden !important;}
.k-datepicker .k-select {font-size:16px; width:25px !important; text-indent:-9000px;}
.k-datepicker .k-icon.k-i-calendar {position:absolute !important; top:50% !important; right:50% !important; width:15px !important; height:15px !important; font-size:15px !important; margin-right:-8px !important; margin-top:-8px !important;}
.inline-edits .k-datepicker, .k-datepicker {border-radius:0 !important; -webkit-border-radius:0 !important; border:none !important;}
.inline-edits .k-datepicker input[type="text"], .k-datepicker input[type="text"] {width:100% !important; border:none !important; padding:2px 0 !important; text-align:left;}
.k-autocomplete{border-radius:0 !important; -webkit-border-radius:0 !important;border:none !important; width:96% !important;}
.k-autocomplete input[type="text"] {width:96% !important;padding:10px 2% !important; border:none !important;}
