*,html,body
{
box-sizing: border-box;
border: 0 none;
margin: 0;
padding: 0;
outline:none;
}
/*
html, body, h1, h2, h3, h4, h5, p, ul, ol, li, img, form, fieldset
{
}
*/
html, body
{
position: relative;
font-family: Arial,Helvetica,sans-serif;
font-size: 12px;
color: #222;
background-color:#000!important;
}
body
{
background: url("img/bg-body-grass.jpg") no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
html
{
height:100%;
width:100%;
}
body,div.v-container
{
display:flex;
flex-direction: row;
justify-content: center;
width: calc(100%);
min-width: 940px;
min-height: 760px;
height: calc(100%);
max-height: calc(100%);
}
div.v-container
{
}
div.v-center-container
{
display:flex;
flex-direction: column;
align-content: flex-start;
width:calc(100%);
height:calc(100%);
min-height: calc(100%);
min-width: calc(100%);
}
div.v-main-column
{
width:920px;
display:flex;
align-content: space-between;
flex-direction: column;
}
body.v-touch .v-container
{
min-width: 340px;
}
body.v-touch.v-admin
{
min-width: 700px;
}
body.v-touch.v-admin .v-container
{
min-width: 700px;
}
body.v-touch
{
ibackground-image: none !important;
ibackground-color: #000 !important;
color: #888 !important;
min-width: 340px;
}
body.v-touch #boxes
{
width: 300px !important;
}
body.v-touch .title
{
white-space: normal;
}
body.v-touch .edit-form
{
min-width: 320px;
}
body.v-touch .v-main-column
{
width: 300px !important;
}
body.v-touch #boxes .white
{
width: 260px;
padding-right: 0px !important;
height:auto;
min-height: 1px !important ;
}
body.v-touch #boxes .white .text
{
padding-right: 0px !important;
}
body.v-touch #header
{
width: 320px;
min-width: 320px;
}
body.v-touch #nav,body.v-touch #slides,body.v-touch #boxes .box.green,body.v-touch #boxes a.right
{
display:none;
}
body.v-touch #footer
{
display:none;
}
:focus {
outline: 0;
}
li#toregs div.t-dropdown
{
width:400px !important;
}
input#to
{
width:394px;
}
/* layout */
div.block
{
height:22px;
float:right;
font-size:12px;
line-height:24px;
}
input
{
background-color: #fff;
}
div.v-wrap
{
display:flex;
flex-direction: column;
position: relative; /* needed for footer positioning*/
margin: 0px auto 0px auto;
width: calc(100%);
min-width: calc(100%);
height: calc(100%); /* real browsers */
min-height: calc(100%); /* real browsers */
text-align: left;
padding: 0px;
color: #000;
font-family: Verdana,Tahoma;
font-size: 11px;
background: #ACCB63;
background-image: url("/images/gradient.png");
background-repeat: repeat-x;
z-index: inherit !important;
-webkit-box-shadow: 0 -3px 15px rgba(0,0,0,0.5);
-moz-box-shadow: 0 -3px 15px rgba(0,0,0,0.5);
box-shadow: 0 -3px 15px rgba(0,0,0,0.5);
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-bottom: 6px;
-webkit-border-radius-bottomleft: 6px;
-moz-border-radius-bottomleft: 6px;
border-bottom-right-radius: 6px;
background-color: #ACCB64;
}
div.v-dark-header
{
background-image: url(green/dark-head.png);
background-repeat: repeat-x;
border-bottom: 1px solid silver;
padding-bottom: 3px;
padding-top: 3px;
padding-left: 2px;
min-height: 22px;
text-align: left;
z-index: inherit !important;
color: #F5F8EC;
-webkit-box-shadow: 0 0px 12px rgba(0,0,0,0.5);
-moz-box-shadow: 0 0px 12px rgba(0,0,0,0.5);
box-shadow: 0 0px 12px rgba(0,0,0,0.5);
-webkit-border-radius-topright: 6px;
-moz-border-radius-topright: 6px;
border-top-right-radius: 6px;
-webkit-border-radius-topleft: 6px;
-moz-border-radius-topleft: 6px;
border-top-right-radius: 6px;
}
.v-dark-header a
{
color:White;
}
div.v-user-header
{
display:flex;
flex-direction: row;
justify-content: center;
height:22px;
background-color: #6B9D57;
color: #f2ffd4;
padding: 0px;
margin:0;
width:100%;
}
div.v-user-header div.v-header-content
{
max-width:360px;
min-width: 360px;
font-size:12px;
line-height:22px;
overflow: hidden;
display:flex;
padding-right: 2px;
flex-direction: row;
justify-content: space-between;
}
div.v-header
{
border-bottom: 1px solid silver;
padding-bottom: 3px;
padding-top: 3px;
padding-left: 2px;
min-height: 22px;
margin-bottom:5px;
text-align: left;
z-index:inherit !important;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 0 -0px 12px rgba(0,0,0,0.5);
-moz-box-shadow: 0 -0px 12px rgba(0,0,0,0.5);
box-shadow: 0 -0px 12px rgba(0,0,0,0.5);
}
table.v-header
{
width: 100%;
text-align:left;
position: absolute;
top:0;
}
div.v-main
{
padding-bottom: 20px;
padding-top: 8px;
padding-left: 8px;
padding-right: 8px;
text-align: left;
background-color: transparent;
min-height: calc(100% - 22px);
height: calc(100% - 22px);
width: calc(100%);
display: flex;
-ms-flex-direction: row;
-webkit-flex-direction: row;
flex-direction: row;
align-content: flex-start;
justify-content: center;
}
div.v-admin-main
{
padding-bottom: 20px;
padding-top:8px;
padding-left:8px;
padding-right:8px;
text-align:left;
background-color:transparent;
imin-height: calc(100%);
height: calc(100% - 50px);
width: calc(100%);
display:flex;
flex-direction:column;
align-content: flex-start;
}
div.v-calendar
{
height:calc(100% - 20px);
}
div.v-footer
{
background-image: url(green/dark-head.png);
background-repeat: repeat-x;
color: #F5F8EC;
padding-right:2px;
-webkit-border-radius-bottomright: 6px;
-moz-border-radius-bottomright: 6px;
border-bottom-right-radius: 6px;
-webkit-border-radius-bottomleft: 6px;
-moz-border-radius-bottomleft: 6px;
border-bottom-right-radius: 6px;
-webkit-box-shadow: 0 -3px 15px rgba(0,0,0,0.5);
-moz-box-shadow: 0 3px 10px rgba(0,0,0,0.5);
box-shadow: 0 -3px 15px rgba(0,0,0,0.5);
position: absolute;
border-top: 1px solid silver;
bottom: 0;
width: calc(100%);
height: 20px;
font-size: 8pt;
z-index:inherit !important;
box-sizing: border-box;
}
td.v-right
{
text-align: right;
}
div.v-center
{
min-width: 380px;
margin: 0px auto 0px auto;
width: calc(100%);
padding-top: 40px;
}
.t-window-content label
{
width:33% !important;
}
div.v-window
{
z-index:0 !important;
position:relative !important;
text-align:left !important;
}
table.v-footer
{
width: 100%;
}
td.v-copy
{
text-align: right;
font-weight: bold;
}
h2.v-title
{
display:block;
text-align:left;
font-family:Verdana,Georgia;
padding-bottom:4px;
padding-left:40px;
margin: 0px 0px 5px 0px;
font-size:15px;
font-weight:bold;
}
div.v-answer
{
display:block;
font-family:Arial;
padding:18px;
text-align:center;
margin: 0px auto 100px auto;
font-size:19px;
background-color:#fff;
width:80%;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 0 -3px 15px rgba(0,0,0,0.5);
-moz-box-shadow: 0 -3px 15px rgba(0,0,0,0.5);
box-shadow: 0 -3px 15px rgba(0,0,0,0.5);
}
/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error
{
color: #ff0000;
display:inline-block;
clear:both;
}
.field-validation-valid
{
display: none;
}
.input-validation-error
{
border: 1px solid #ff0000;
background-color: #ffeeee;
}
.validation-summary-errors
{
font-weight: bold;
color: #ff0000;
}
.validation-summary-valid
{
display: none;
}
/* Styles for editor and display helpers
----------------------------------------------------------*/
.display-label, .editor-label, .display-field, .editor-field
{
margin: 0.5em 0;
}
.text-box
{
width: 150px;
border: 1px solid gray;
height:22px;
font-size:100%;
font-size:13px;
}
.full
{
width: 100%;
}
.right
{
text-align: right;
}
.v-right
{
text-align: right;
}
li.fr
{
float: right;
}
div.fl
{
float:left;
}
div.fr
{
float:right;
}
.text-box .multi-line
{
width: 150px;
border: 1px solid gray;
}
.tri-state
{
width: 6em;
}
/* forms */
h2.title
{
display:block;
text-align:center;
padding-bottom:4px;
}
div.edit-form
{
min-width: 400px;
ieight:calc(100%);
position:relative;
padding-top:0px;
font-family:Verdana;
text-align:left !important;
overflow:visible;
white-space:nowrap;
color:#222;
background-color: #D7E5B3;
padding-bottom: 5px;
}
li
{
text-align:left;
}
button.fast_confirm_proceed
{
text-decoration:none;
}
div.calendar-form
{
padding-top:10px;
background-color:#ffe;
width:960px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 0 -3px 15px rgba(0,0,0,0.5);
-moz-box-shadow: 0 -3px 15px rgba(0,0,0,0.5);
box-shadow: 0 -3px 15px rgba(0,0,0,0.5);
}
.cal .v-touch
{
width: auto !important;
}
input.v-disabled
{
background-color: #CCEDBC;
}
div.edit-form input[type=text],
div.edit-form input[type=password]
{
font-family:Verdana;
background-color:#fff;
}
div.list-form
{
margin:0px auto 0px auto;
position:relative;
padding-top:0px;
font-family:Verdana;
imin-width:400px;
overflow:visible;
white-space:nowrap;
text-align:left;
height: 100%;
width:100%;
}
ul.form li label
{
width: 25%;
display: block;
line-height:20px;
overflow:visible;
height:22px;
text-align: right;
float:left;
clear:both;
padding-right:4px;
vertical-align:middle;
}
ul.o-edit li label
{
width: 33%;
display: block;
line-height:20px;
overflow:visible;
height:22px;
text-align: right;
float:left;
clear:both;
padding-right:4px;
vertical-align:middle;
}
ul.uplabel li label
{
width: auto;
display: inline;
padding-bottom:0px;
float:none;
text-align: left;
padding-right:0px;
vertical-align:middle;
}
form
{
text-align:left;
}
ul.form
{
list-style-type: none;
list-style: none;
margin-left: 0px;
margin-bottom: 4px;
padding-left:0px !important;
text-align:left;
outline: 0 none;
outline-style: none;
}
div.v-normal-text
{
line-height:18px;
}
ul.form li
{
margin-bottom:2px;
white-space:nowrap;
padding-left:0px !important;
overflow:hidden;
}
div.right
{
text-align: right;
}
div.v-edit
{
height: 20px;
float: left;
display: block;
}
div.submit
{
padding-left:33%;
margin:0px;
margin-bottom:2px;
}
div.submit input[type=submit]
{
margin-left:4px;
width:100px;
}
ul.horiz
{
margin: 0;
padding: 0;
}
ul.horiz li
{
display: block;
float: left;
list-style: none;
padding-right: 8px;
padding-left: 0px;
}
ul.horiz li.fr
{
float: right;
}
ul.horiz li.end
{
clear: left;
}
ul.uplabel li input#loginName
{
width: 140px !important;
}
ul.uplabel li input#password
{
width: 140px !important;
}
li.bold
{
font-weight:bold;
}
ul.horiz li label
{
display: block !important;
line-height:30px;
width: auto;
}
td.fc-axis span
{
font-size:12px;
}
.fc-toolbar
{
margin-bottom:2px !important;
}
.fc-event
{
font-size:12px !important;
}
.fc-event-title
{
display:block;
float:none;
height:100%;
}
/*
.fc-event,
.fc-agenda .fc-event-time,
.fc-event a
{
border-style: solid;
border-color: #090 !important;
background-color: #090 !important;
color: #fff;
}
*/
.ev-reserved .fc-event-skin ,
.fc-agenda .ev-reserved .fc-event-time,
a.ev-reserved
{
border-style: solid;
border-color: #999 !important;
background-color: #999 !important;
color: #fff;
font-family: Verdana !important;
}
.ev-normal.fc-event-skin ,
.ev-normal .fc-event-skin ,
.fc-agenda .ev-normal .fc-event-time,
.ev-normal,
a.ev-normal
{
border-style: solid;
border-color: #090 !important;
background-color: #090 !important;
color: #fff;
font-family: Verdana !important;
}
.fc-event-skin.ev-canceled ,
.ev-canceled .fc-event-skin ,
.fc-agenda .ev-canceled .fc-event-time,
a.ev-canceled
{
border-style: solid;
border-color: #E96038 !important;
background-color: #E96038 !important;
color: #fff;
font-family: Verdana !important;
}
.fc-event-skin.ev-wait,
.ev-wait .fc-event-skin,
.fc-agenda .ev-wait .fc-event-time,
a.ev-wait
{
border-style: solid;
border-color: #F49300 !important;
background-color: #F49300 !important;
color: #fff;
font-family: verdana !important;
}
/*calendar popup*/
div.ev-popup
{
color:#CCC;
background-color:#fff;
position:absolute;
display: none;
font-family:verdana;
border:2px solid #dfa;
font-size:12px;
width: auto;
height: auto;
z-index:100;
padding:5px !important;
margin:0px !important;
-webkit-box-shadow: 0 -0px 10px rgba(0,0,0,0.5);
-moz-box-shadow: 0 -0px 10px rgba(0,0,0,0.5);
box-shadow: 0 -0px 10px rgba(0,0,0,0.5);
}
#evplace
{
display:none;
z-index:10001;
position:absolute;
}
#vblocker
{
display:none;
z-index:10000;
background-color:transparent;
overflow:hidden;
position:fixed;
top:0px;
left:0px;
width:100% !important;
height:100% !important;
min-height:100%;
background-color:#000;
filter:alpha(opacity=0);
opacity:0;
}
/*
div.ev-canceled
{
border-color:#090 !important;
}
.ev-canceled a
{
background-color: #009933 !important;
border-color:#090 !important;
}
.ev-canceled span.fc-event-time
{
background-color: #009933;
}
*/
.fast_confirm
{
font-family:Verdana;
font-size:2vh !important;
}
input.readonly
{
background-color:#eee;
}
div.message-line
{
clear: left;
border-width: 1px;
height: 16px;
font-weight: bold;
font-size: 100%;
background-color: #FAFBF5;
padding-left: 30px;
padding-top: 1px;
border-top: 1px solid #6B9D57;
border-bottom: 1px solid #6B9D57;
margin-bottom: 4px;
border-top-color: #D7E5B3;
border-bottom-color: #D7E5B3;
}
/* calendar */
div.cal
{
border:4px solid #FFFFEE;
margin:0px;
margin-bottom:8px;
background-color:#ffe;
-moz-border-radius: 3px !important;
border-radius: 3px !important;
}
.fc-agenda .fc-axis {
width: 25px !important;
padding: 0 4px;
vertical-align: middle;
white-space: nowrap;
text-align: right;
font-weight: bold !important;
}
table.calendar-header
{
padding-top:3px;
padding-bottom:4px;
background-color:#fff;
width:100%;
}
div.calendar-title
{
font-weight: bold;
background-color: #FFFFEE;
font-family:Verdana;
text-align: center;
color: #999;
}
/* id */
#machines
{
width:200px;
text-align:left;
float:right;
}
#posting_date
{
width:100px;
}
#registration_id
{
width:400px;
}
input#address
{
width:250px;
}
input#zip
{
width:60px;
}
input#posting_comment
{
width:200px;
}
input#credit_amount-input-text
{
text-align:right !important;
padding-right:15px;
}
input#debit_amount-input-text
{
text-align:right !important;
padding-right:15px;
}
form#login
{
padding: 0px;
margin: 0px;
display: inline;
}
form#registration
{
margin-top: 30px;
width: 800px;
}
table.v-prices
{
width:460px;
margin: 0 auto;
background-color:#fff;
font-size:16px;
border:15px solid #fff;
margin-bottom:17px;
}
table.v-site
{
width:600x;
margin: 0 auto;
background-color:#fff;
font-size:16px;
border:15px solid #fff;
margin-bottom:17px;
}
div.v-info
{
max-width:1000px;
background-color:transparent;
margin: 0 auto;
padding: 0px;
font-size:16px;
margin-bottom:16px;
}
p.v-info
{
margin-bottom:8px;
}
ul.v-info li
{
list-style-type: disc;
list-style-position: outside;
margin-left:20px;
padding-bottom:10px;
}
ul.v-info
{
background-color:#fff;
padding:10px;
padding-top:20px;
}
/*telerik*/
.t-animation-container
{
z-index:1000 !important;
}
input[type=checkbox]
{
background-color:transparent;
}
span.t-input
{
border:0px;
}
.t-datepicker
{
width:100px !important;
}
div.t-widget.t-grid
{
iheight: 95%;
imin-height: 200px;
width:100%;
min-width: 300px;
}
.t-grid, .t-grid *
{
box-sizing: content-box !important;
}
.t-grid td
{
overflow: hidden;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
white-space: nowrap;
width:100%;
}
button.t-button
{
padding: 0;
}
form#login .t-button
{
color:#FFF;
}
.t-input
{
border:1px solid gray;
font-size:13px !important;
}
.v-dark-header .t-menu
{
border: 0px none !important;
background-image:none !important;
background-color:transparent !important;
font-size:12px !important;
color:#F5F8EC !important ;
}
.v-dark-header .t-menu span
{
font-weight:bold !important;
}
.t-menu
{
border: 0px none !important;
background-image:none !important;
background-color:transparent !important;
font-size:13px !important;
}
div.it-combobox
{
float:left;
display:block-inline;
margin-right:3px !important;
}
.t-menu .t-item
{
border: 0px none !important;
font-weight:normal !important;
}
.t-numerictextbox .t-arrow-down
{
height:10px !important;
padding-bottom:1px !important;
margin-bottom:-1px !important;
padding-top:0px !important;
margin-top:0px !important;
z-index:11;
}
.t-numerictextbox .t-arrow-up
{
height:9px !important;
padding-bottom:0px !important;
margin-bottom:1px !important;
padding-top:2px !important;
margin-top:-1px !important;
z-index:12;
}
input#subject
{
width:600px;
}
ul.emailer label
{
width:130px !important;
}
div#tos
{
z-index:200;
}
/*timepicker*/
.v-time-picker
{
}
.v-time-picker .ui-state-default
{
background-color:#fff !important;
color: #459e00 !important;
background-image:none !important;
}
.v-time-picker .ui-state-disabled
{
background-color:#fff !important;
color: #459e00 !important;
background-image:none !important;
}
.v-time-picker .ui-state-active
{
background-color:#54a614 !important;
color:#fff !important;
}
.v-touch button.ui-button
{
padding: 4px 4px;
}
.v-time-picker .ui-timepicker-table td
{
height:24px;
width:24px;
}
.v-time-picker .ui-timepicker-inline
{
font-family: arial !important;
font-weight: bold !important;
font-size: 15px !important;
}
.v-time-picker .ui-timepicker-table td span {
display:flex;
padding:0;
width: 1.6em;
height: 1.6em;
flex-direction: column;
align-content: center;
justify-content:center;
line-height:1.6em;
text-align:center;
text-decoration:none;
}
.v-time-picker .ui-timepicker-table td a {
display:flex;
padding: 0;
margin:0;
width: 100%;
height: 100%;
flex-direction: column;
align-content: center;
justify-content:center;
line-height:1.6em;
cursor: pointer;
text-align:center;
text-decoration:none;
font-family: arial !important;
font-size: 15px !important;
}
div#pick
{
padding: 0px;
overflow: hidden;
iwidth:300px !important;
}
.ui-button-text
{
font-size: 15px !important;
}
div.v-edit
{
height: 24px;
padding: 0px;
padding-right: 2px;
}
div.v-edit label
{
position: relative;
top: 4px;
}
div.v-edit label#userid
{
top: -6px;
}
div.v-edit input[type=button]
{
height: 100px;
}
.ui-dialog-titlebar
{
display: none !important;
}
.ui-dialog .ui-dialog-buttonpane {
text-align: center !important;
padding: 0 !important ;
border: none !important;
}
.ui-dialog .ui-dialog-buttonpane button
{
width: 100px;
}
.ui-timepicker-table {
border: none !important;
}
div.kontener.v-touch
{
width: calc(100%);
}
.v-user-header a,.v-user-header a:visited
{
display: flex;
flex-direction: column;
padding: 4px;
white-space: normal;
text-align:center;
margin-left:2px;
margin-right:2px;
font-style: normal !important;
align-content: center;
justify-content: center;
font-size: 12px;
line-height:12px;
text-transform: uppercase;
font-family: Verdana;
text-decoration: none;
color: #dfa;
}
}
table.ui-timepicker .ui-state-active
{
border-color: #459E00;
border-width: 1px;
-moz-box-shadow: 8px 8px 3px #888;
-webkit-box-shadow: 8px 8px 3px #888;
box-shadow: 8px 8px 3px #888;
cursor: pointer;
}
.v-wide {
width:300px !important;
}
/* menu */
div.v-menu
{
display:flex;
max-width:400px;
min-width: 360px;
flex-flow: wrap;
align-content: flex-start;
overflow: hidden;
}
div.v-menu a,div.v-menu a:visited
{
display: flex;
flex-direction: column;
width:50%;
min-width: 50%;
max-width:50%;
padding: 4px;
white-space: normal;
text-align:center;
height:9vh;
background-color: #6B9D57;
border: 4px solid rgba(255, 255, 255, 0.9);
margin:0px;
font-style: normal !important;
align-content: center;
justify-content: center;
font-size: 14px;
text-transform: uppercase;
font-family: Verdana;
text-decoration: none;
color: #dfa;
}