.navbar-filler { height: 23px; }
.main { padding: 0; margin: 0 0 18px 10px; }
#header {
    margin: 0;
    height: 24px;
    background-color: #94c1ff;
    position: fixed;
    width: 100%;
    z-index: 10;
}
#main_warning { width: 100% !important; }
.container { width: 100% !important; min-height: 100%; position: relative; }
.span12 { width: 99%; margin-left: 0; }
.footer {
    height: 24px;
    padding: 0;
    left: 0;
    position: absolute;
    bottom: 0;
    width: 100%;
}
#footer {
    height: 24px;
    /*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%, #94c1ff));*/
    background: linear-gradient(to bottom, #ffffff 0%, #94c1ff 100%);
    clear: both;
    position: fixed;
    width: 100%;
    bottom: 0;
    z-index: 1000;
}
.footer-initials {
    float: right;
    padding-right: 10px;
    color: #414042;
}
.footer-initials a {
    font-weight: bold;
    color: #414042 !important;
}
.copyright,div#poweredBy { margin: 4px 4px 0 4px; }
.regular { font-weight: normal; }
.bold { font-weight: bold; }
.underline { text-decoration: underline; }
.va-top { vertical-align: top !important; }
.va-middle { vertical-align: middle !important; }
input.shortened {
    width: 273px;
    margin-right: 3px;
}
select.shortened {
    width: 277px !important;
    margin-right: 3px;
}
span.icon { left: 1px; }
input[type="text"],input[type="password"],input[type="email"],textarea,select { color: #00213f; }
.row_buttons { min-height: 18px !important; }
.button { line-height: 18px !important; }
.buttontext { padding: 2px 2px 2px 4px !important; }
.small { font-size: 11px; }
.top-bordered { border-top: 1px solid #CCCCCC; }
.bottom-bordered { border-bottom: 1px solid #CCCCCC; }
.left-bordered { border-left: 1px solid #CCCCCC; }
.right-bordered { border-right: 1px solid #CCCCCC; }
table.bordered tbody td { border: 1px solid #DDDDDD; }
table.bordered tbody td:last-child:not(.right-bordered) { border-right: 0; }
table.bordered tbody td:first-child:not(.left-bordered) { border-left: 0; }
table.bordered tbody tr:first-child td:not(.top-bordered) { border-top: 0; }
table.bordered tbody tr:last-child td:not(.bottom-bordered) { border-bottom: 0; }
table tr.bordered td { border: 1px solid #DDDDDD; }
td[onclick] { cursor: pointer; }
.text-left { text-align: left !important; }
.text-right { text-align: right; }
.text-center { text-align: center; }
.text-middle { vertical-align: middle; }
.text-bottom { vertical-align: bottom !important; }
.inactive { color: #777 !important; }
.simple-text {
    font-size: 12px;
    font-weight: normal;
}
.form_separator {
    font-size: 15px;
    font-weight: bold;
    border-bottom: 1px solid #CCCCCC;
    margin: 10px 0 10px 0;
    padding: 0 0 2px 0;
    vertical-align: bottom;
}
.form_separator_2 {
    font-size: 13px;
    font-weight: bold;
    border-bottom: 1px solid #CCCCCC;
    margin: 10px 0 10px 0;
    padding: 0 0 2px 0;
    vertical-align: bottom;
}
form { margin-top: 8px; }
form.empty { margin: 8px 0 0 0; }
a { color: #015AAB; }
.submit_row td { padding-bottom: 0.5em !important; }
.auto-width { width: auto !important; }
select.auto-width { min-width: 400px; }
input:-moz-placeholder,
textarea:-moz-placeholder { color: #808080; }  /* Firefox uses the default text color instead of gray */
a.button:hover {
    background-color: #94c1ff;
    text-decoration: underline;
}
.max-width {
    max-width: 100% !important;
    width: auto !important;
}
.half-width { width: 50%; }
.with_button { margin-right: 3px !important; }
.error { color: #FF0000; }
.warning { color: #FFA500; }
.ok { color: #008800; }
.disabled { color: #808080; }
.no-margins, input[type="checkbox"].no-margins {
    margin-top: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 0 !important;
    margin-left: 0 !important;
}
tr.unbordered td, tr.unbordered th { border: none; }
.web2py_grid.no-hover tr:hover, tr.no-hover:hover {background-color: #FFF !important; }
#overlay {
    position: fixed;
    background-color: #808080;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 10000;
    filter:alpha(opacity=50);
    -moz-opacity:0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}
.ajax_loader { 
    position: fixed;
    left: 50%;
    top: 50%;
    margin-top: -33px;
    margin-left: -33px;
    display: block;
    z-index: 10001; 
}
#system_message {
    padding-top: 4px;
    color: #FF0000;
    font-weight: bold;
}
.bigger { font-size: 14px; }
.big { font-size: 16px; }
.not_empty { color: #DD0000; }
.free_day { background-color: #E6E6E6; }
.italic { font-style: italic; }
input.text-right { padding-right: 2px !important; }
a.inline_link, span.inline_value { margin-right: 10px; }

a.button, button {
    display: inline-block;
    padding: 3px;
    *font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
    font-size: 12px;
    color: #414042;
    text-shadow: 1px 1px 0 #FFFFFF;
    white-space: nowrap;
    overflow: visible;
    cursor: pointer;
    text-decoration: none;
    /*border: 1px solid #c2d5ed;*/
    border: inherit;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    outline: none;
    position: relative;
    zoom: 1;
    line-height: 1.11;
    *display: inline;
    *vertical-align: middle;
}
button { margin-left: 0; margin-right: 0; *padding: 5px 5px 3px 5px; }
a.button { -moz-user-select: none; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-user-select: none; -webkit-touch-callout: none;}
button::-moz-focus-inner { border: 0; padding:0px; }
a.button.primary, button.primary { font-weight: bold }
a.button.negative:hover, button.negative:hover { color: #FFFFFF; background-position: 0 -121px; background-color: #D84743; border-color: #911D1B; }
a.button.negative:active, button.negative:active,
a.button.negative.active, button.negative.active { background-position: 0 -161px; background-color: #A5211E; border-color: #911D1B; }
a.button.positive:hover, button.positive:hover { background-position: 0 -280px; background-color: #96ED89; border-color: #45BF55; }
a.button.positive:active, button.positive:active,
a.button.positive.active, button.positive.active { background-position: 0 -320px; background-color: #45BF55; }
a.button.pill, button.pill { -webkit-border-radius: 19px; -moz-border-radius: 19px; border-radius: 19px; padding: 5px 10px 4px 10px; *padding: 4px 10px; }
a.button.left, button.left { -webkit-border-bottom-right-radius: 0px; -webkit-border-top-right-radius: 0px; -moz-border-radius-bottomright: 0px; -moz-border-radius-topright: 0px; border-bottom-right-radius: 0px; border-top-right-radius: 0px; margin-right: 0px; border-right: none; }
a.button.middle, button.middle { margin-right: 0px; margin-left: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; border-right: none; }
a.button.right, button.right { -webkit-border-bottom-left-radius: 0px; -webkit-border-top-left-radius: 0px; -moz-border-radius-bottomleft: 0px; -moz-border-radius-topleft: 0px; border-top-left-radius: 0px; border-bottom-left-radius: 0px; margin-left: 0px; }
a.button.left:active, button.left:active,
a.button.middle:active, button.middle:active,
a.button.right:active, button.right:active { top: 0px }
a.button.big, button.big { font-size: 16px; padding-left: 14px; padding-right: 17px; }
button.big { *padding: 4px 17px 2px 17px; }
a.button span.icon, button span.icon {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: auto;
    position: relative;
    top: 2px;
    left: 0;
    background-image: url('../images/css3buttons_icons.png');
    background-repeat: no-repeat;
}
a.big.button span.icon, button.big span.icon { top: 0px }
a.button span.icon.book, button span.icon.book { background-position: 0 0 }
a.button:hover span.icon.book, button:hover span.icon.book { background-position: 0 -15px }
a.button span.icon.calendar, button span.icon.calendar { background-position: 0 -30px }
a.button:hover span.icon.calendar, button:hover span.icon.calendar { background-position: 0 -45px }
a.button span.icon.chat, button span.icon.chat { background-position: 0 -60px }
a.button:hover span.icon.chat, button:hover span.icon.chat { background-position: 0 -75px }
a.button span.icon.check, button span.icon.check { background-position: 0 -90px }
a.button:hover span.icon.check, button:hover span.icon.check { background-position: 0 -103px }
a.button span.icon.clock, button span.icon.clock { background-position: 0 -116px }
a.button:hover span.icon.clock, button:hover span.icon.clock { background-position: 0 -131px }
a.button span.icon.cog, button span.icon.cog { background-position: 0 -146px }
a.button:hover span.icon.cog, button:hover span.icon.cog { background-position: 0 -161px }
a.button span.icon.comment, button span.icon.comment { background-position: 0 -176px }
a.button:hover span.icon.comment, button:hover span.icon.comment { background-position: 0 -190px }
a.button span.icon.cross, button span.icon.cross { background-position: 0 -204px }
a.button:hover span.icon.cross, button:hover span.icon.cross { background-position: 0 -219px }
a.button span.icon.downarrow, button span.icon.downarrow { background-position: 0 -234px }
a.button:hover span.icon.downarrow, button:hover span.icon.downarrow { background-position: 0 -249px }
a.button span.icon.fork, button span.icon.fork { background-position: 0 -264px }
a.button:hover span.icon.fork, button:hover span.icon.fork { background-position: 0 -279px }
a.button span.icon.heart, button span.icon.heart { background-position: 0 -294px }
a.button:hover span.icon.heart, button:hover span.icon.heart { background-position: 0 -308px }
a.button span.icon.home, button span.icon.home { background-position: 0 -322px }
a.button:hover span.icon.home, button:hover span.icon.home { background-position: 0 -337px }
a.button span.icon.key, button span.icon.key { background-position: 0 -352px }
a.button:hover span.icon.key, button:hover span.icon.key { background-position: 0 -367px }
a.button span.icon.lock, button span.icon.lock { background-position: 0 -412px }
a.button:hover span.icon.lock, button:hover span.icon.lock { background-position: 0 -427px }
a.button span.icon.loop, button span.icon.loop { background-position: 0 -442px }
a.button:hover span.icon.loop, button:hover span.icon.loop { background-position: 0 -457px }
a.button span.icon.mail, button span.icon.mail { background-position: 0 -502px }
a.button:hover span.icon.mail, button:hover span.icon.mail { background-position: 0 -514px }
a.button span.icon.move, button span.icon.move { background-position: 0 -526px }
a.button:hover span.icon.move, button:hover span.icon.move { background-position: 0 -541px }
a.button span.icon.pin, button span.icon.pin { background-position: 0 -586px }
a.button:hover span.icon.pin, button:hover span.icon.pin { background-position: 0 -601px }

a.button span.icon.plus, button span.icon.plus { background-image: url('../images/buttons/plus.png'); }
a.button span.icon.leftarrow, button span.icon.leftarrow { background-image: url('../images/buttons/leftarrow.png'); }
a.button span.icon.trash, button span.icon.trash { background-image: url('../images/buttons/trash.png'); left: 2px; }
a.button span.icon.pen, button span.icon.pen { background-image: url('../images/buttons/pen.png'); }
a.button span.icon.magnifier, button span.icon.magnifier { background-image: url('../images/buttons/magnifier.png'); }
a.button span.icon.email_settings, button span.icon.email_settings { background-image: url("../images/buttons/email_settings.png"); }
a.button span.icon.split, button span.icon.split { background-image: url("../images/buttons/split.png"); }

/*
a.button span.icon.plus, button span.icon.plus { background-position: 0 -616px }
a.button:hover span.icon.plus, button:hover span.icon.plus { background-position: 0 -631px }
a.button span.icon.leftarrow, button span.icon.leftarrow { background-position: 0 -382px }
a.button:hover span.icon.leftarrow, button:hover span.icon.leftarrow { background-position: 0 -397px }
a.button span.icon.trash, button span.icon.trash { background-position: 0 -764px }
a.button:hover span.icon.trash, button:hover span.icon.trash { background-position: 0 -779px }
a.button span.icon.pen, button span.icon.pen { background-position: 0 -556px }
a.button:hover span.icon.pen, button:hover span.icon.pen { background-position: 0 -571px }
a.button span.icon.magnifier, button span.icon.magnifier { background-position: 0 -472px }
a.button:hover span.icon.magnifier, button:hover span.icon.magnifier { background-position: 0 -487px }

a.button span.icon.email_settings, button span.icon.email_settings {
    background-image: url("../images/ui-icons_222222_256x240.png");
    background-position: -98px -98px;
}
*/

a.button span.icon.reload, button span.icon.reload { background-position: 0 -646px }
a.button:hover span.icon.reload, button:hover span.icon.reload { background-position: 0 -660px }
a.button span.icon.rightarrow, button span.icon.rightarrow { background-position: 0 -674px }
a.button:hover span.icon.rightarrow, button:hover span.icon.rightarrow { background-position: 0 -689px }
a.button span.icon.rss, button span.icon.rss { background-position: 0 -704px }
a.button:hover span.icon.rss, button:hover span.icon.rss { background-position: 0 -719px }
a.button span.icon.tag, button span.icon.tag { background-position: 0 -734px }
a.button:hover span.icon.tag, button:hover span.icon.tag { background-position: 0 -749px }
a.button span.icon.unlock, button span.icon.unlock { background-position: 0 -794px }
a.button:hover span.icon.unlock, button:hover span.icon.unlock { background-position: 0 -809px }
a.button span.icon.uparrow, button span.icon.uparrow { background-position: 0 -824px }
a.button:hover span.icon.uparrow, button:hover span.icon.uparrow { background-position: 0 -839px }
a.button span.icon.user, button span.icon.user { background-position: 0 -854px }
a.button:hover span.icon.user, button:hover span.icon.user { background-position: 0 -869px }

a.buttontext span.icon{ margin:auto; }

/* extra buttons */

a.button.warning { background-color: #FF0000; background-image: none; }
a.button span.icon.expand, button span.icon.expand {
    background-image: url("../images/ui-icons_222222_256x240.png");
    background-position: -50px -194px;
}
a.button span.icon.collapse, button span.icon.collapse {
    background-image: url("../images/ui-icons_222222_256x240.png");
    background-position: -66px -194px;
}
a.button span.icon.save, button span.icon.save {
    background-image: url("../images/ui-icons_222222_256x240.png");
    background-position: -98px -115px;
}
a.button span.zoom, button span.icon.zoom {
    background-image: url("../images/ui-icons_222222_256x240.png");
    background-position: -18px -82px;
}
/*a.button span.important, button span.icon.important {*/
    /*background-image: url("../images/ui-icons_222222_256x240.png");*/
    /*background-position: -2px -145px;*/
/*}*/

span.icon.important {
    background-image: url("../images/ui-icons_222222_256x240.png");
    background-position: 2px -145px;
    padding-left: 18px;
    cursor: pointer;
}
span.icon.info {
    background-image: url("../images/ui-icons_222222_256x240.png");
    background-position: -16px -145px;
    padding-left: 18px;
    cursor: pointer;
}
span.icon.note {
    background-image: url("../images/note.png");
    padding-left: 18px;
    cursor: pointer;
}

/* web2py.css modifications*/

html { height: 100%; }
body {
    margin: 0;
    padding: 0;
    border: 0;
    height: 100%;
    font-size: 12px;
    background-color: #fafafa;
}
.auth_navbar { white-space: normal; }
#main { padding-bottom: 18px; }
a { white-space: normal; }
h1,h2,h3,h4,h5,h6 { margin: 0.1em 0 0.1em 0; }
h1 { font-size: 3.00em; }
h2 { font-size: 2.00em; }
h3 { font-size: 1.75em; }
h4 { font-size: 1.25em; }
h5 { font-size: 1.12em; }
h6 { font-size: 1.00em; }
th { white-space: normal; border-right: None; }
p, table, ol, ul { margin: 0; }
a:hover { color: #00213f; }
div.flash {
    background: #94c1ff;
    color: #414042;
    right: 2px;
    top: 27px;
    padding: 5px;
}
.web2py_table { border: 1px solid #94c1ff; }

.web2py_table table { min-width: 100%; background-color: white; }
.web2py_table table tbody td {
    border: 1px solid #F0EEED;
    min-height: 29px;
    height: 29px;
}
.web2py_table table tbody td:last-child:not(.bordered) { border-right: 0; }
.web2py_table table tbody td:first-child:not(.bordered) { border-left: 0; }
.web2py_table table tbody tr:first-child:not(.bordered) td { border-top: 0; }
.web2py_table table tbody tr:last-child:not(.bordered) td { border-bottom: 0; }

.web2py_paginator { background-color: #f3fcff; border-left: 1px solid #80B0FF; border-right: 1px solid #80B0FF; border-bottom: 1px solid #80B0FF; }
.web2py_grid a { text-decoration: none; }
.web2py_grid tbody td { padding: 1px 2px; line-height: normal; }
.web2py_grid thead th, .web2py_grid tfoot td { background-color: transparent; padding: 3px; }
.web2py_grid thead th, .th {
    background-color: #94c1ff;
    line-height: 13px;
    vertical-align: middle;
    font-weight: bold;
    color: #414042;
}
.web2py_grid tr.odd {background-color: transparent; }
.web2py_grid tr:hover {background-color: transparent; }
.web2py_grid td.row_buttons { text-align: right; }
.web2py_grid .row_buttons a {
    margin: 1px;
    padding: 5px 12px;
}
.web2py_console a { margin: 0; }
div.error_wrapper { margin-bottom: 2px; }
div.error {
    border-width: 1px;
    padding: 0 2px;
    /* width: 300px; */
    max-width: 300px;
}
div#content-wrapper {
    padding-top: 5px;
    margin-bottom: 24px;
    margin-left: 200px;
}
div#form-title {
    min-height: 20px;
    margin-top: 19px;
    border-bottom: 1px solid #94c1ff;
    font-weight: bold;
    font-size: 24px;
    padding: 10px;
    color: #414042;
}
div#content { padding: 5px 5px 28px; }

/* bootstrap.css modifications */

select,textarea,input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],
input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],
input[type="url"],input[type="search"],input[type="tel"],input[type="color"],.uneditable-input {
    height: 20px;
    line-height: normal;
    padding: 0 0 0 4px;
    margin-bottom: 0px;
    margin-bottom: 0px;
    font-size: 12px;
}
button, input, select, textarea { margin: 1px 0; }
input[type="file"] {
    height: auto;
    line-height: normal;
    width: 300px;
    padding: 0;
    border: 0;
    background-color: transparent;
    color: inherit;
}
select { padding: 0; width: 306px; }
input[type="checkbox"], input[type="radio"] { margin:0; margin-right: 4px !important; }
input[type="checkbox"][readonly] {
    filter:alpha(opacity=50);
    -moz-opacity:0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}
textarea {
    height: 50px;
    width: 300px;
    resize: both;
    display: inherit;
}
label { margin-bottom: 0px; }
label, input, button, select, textarea { font-size: 12px; }
h1, h2, h3 { line-height: 24px;  }
.navbar-inner { background-image: -moz-linear-gradient(center top , #2E7AA2, #80B0FF); background: -webkit-linear-gradient(top , #2E7AA2, #80B0FF); background: -ms-linear-gradient(top , #2E7AA2, #80B0FF); min-height: 28px; height: 28px; }
.navbar .nav > li > a { background-color: transparent !important; color: #FFFFFF !important; font-weight: bold; padding: 5px 10px 2px; text-shadow: none; }
.dropdown-menu a { line-height: 15px !important; padding: 2px 8px !important;}
.dropdown-menu li>a { color: #015AAB; }
.dropdown-menu a:hover, .dropdown-submenu a:hover { color: #FFFFFF !important; }
.dropdown-submenu>a:after { margin-right: -5px; }
.btn { border: 1px solid #94c1ff !important; }
input.btn, button.btn {
    padding: 5px 12px;
    font-size: 12px;
    font-weight: bold;
    border: 1px solid #ccc;
    color: #414042;
}
button.btn { line-height: 16.5px !important; }
a.btn {
    font-weight: bold;
    padding: 3px 5px;
}
.form_separator_2 a.btn.ec_btn { padding: 1px 3px; }
.button:hover, .btn:hover {
    background-color: #94c1ff;
    background-position: 0 -32px;
    text-shadow: none;
}
.mobile-menu { left: 3px !important; top: 3px; }
.nav-collapse { clear: none; }
.navbar .nav li.dropdown > a:hover .caret { border-top-color: #FFFFFF; }
@media only screen and (max-width: 979px) { #navbar{ bottom: 0; left: 0; } }
@media only screen and (max-width: 800px) {
    .navbar-fixed-top { position: static; }
    .mobile-menu { width: auto; }
    .navbar-filler { height: 0; }
    .container { min-height: 0; }
    #main { margin-bottom: 0; }
    .footer { display: none; }
}

/* jquery-ui modifications */

.ui-widget { font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important; font-size: 12px !important; }
.ui-widget input, .ui-widget select, .ui-widget textarea,
.ui-widget button { font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important; font-size: 12px !important; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #2E7AA2 !important; }
.ui-widget-content a:not(.button):not(.searching-filter-selected) { color: #015AAB !important; }
.ui-widget-content a.error { color: #FF0000 !important; }
.ui-widget-content div.error { width: 294px; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { font-weight: normal !important; }
.ui-state-default { font-weight: normal !important; color: #2E7AA2 !important; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover,
.ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    font-weight: normal !important;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.ui-autocomplete {
    padding: 0 !important;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.ui-menu .ui-menu-item { padding: 1px 4px; }
/*.ui-menu .ui-menu-item a { padding: 0 3px !important; }*/
.ui-front { z-index: 1000; }
.ui-dialog { z-index: 1000; overflow: inherit !important; }
.ui-dialog select { width: 300px; }
.ui-dialog .ui-dialog-title, .ui-dialog .ui-dialog-content { font-size: 100%; }
.ui-dialog .ui-dialog-content { overflow:visible !important; }
.ui-dialog-titlebar {
    padding: 2px 0 2px 10px !important;
    font-size: 13px;
}
.ui-dialog-titlebar button.btn {
    box-shadow: none;
    min-width: 20px;
    padding: 10px !important;
    margin: -11px -1px;
}
.ui-dialog-content input[type=text], .ui-dialog-content input[type=password],
.ui-dialog-content textarea { width: 294px; }
.ui-widget-content input.shortened { width: 273px; }
.ui-widget-content select.shortened { width: 279px !important; }
.ui-dialog-content.ui-widget-content input.shortened { width: 267px; }
.ui-dialog-content.ui-widget-content select.shortened { width: 273px !important; }
.ui-tabs { margin-top: 10px; }
.ui-tabs .ui-tabs-nav li { font-size: 13px; }
.ui-tabs-panel select { width: 306px; }
.ui-tooltip { white-space: pre-line; }
.ui-tooltip-content a {cursor: pointer;}

/* elrte */

.el-rte .statusbar {
    margin-top: 0;
    margin-bottom: 0;
    border: 0;
    border-radius: 0;
}
.el-paddinginput select, .el-paddinginput input { width: auto !important; }
.el-dialogform-content legend {
    width: auto;
    line-height: initial;
}
.el-dialogform-content textarea { width: 100%; }
.ui-dialog-content .el-dialogform-content input {
    width: initial;
    padding: 0;
    margin-right: auto;
}
.el-palette .panel input { width: auto; }
.workzone textarea { width: 100%; }

/*  dataTables */

.dataTables_filter { padding: 2px 0; }
.dataTables_filter label, .dataTables_info { padding-left: 4px; }
.dataTables_filter label { font-size: 14px;  font-style: italic; }
.dataTables_filter label input {
    margin-left: 5px;
    margin-bottom: 2px;
}

/* chosen */

.chosen-container {
    font-size: 12px;
    margin-top: 1px;
    margin-right: 3px;
}
.chosen-container .chosen-drop {
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
}
.chosen-container .chosen-results li.highlighted {
    background-color: #7f7f7f;
    background-image: none;
    font-weight: 600;
}
.chosen-container-active .chosen-single, .chosen-container-active .chosen-choices { border: 1px solid #94c1ff; }
.chosen-container-multi .chosen-choices {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.chosen-container-multi .chosen-choices li.search-field input[type=text] {
    vertical-align: baseline;
    height: 20px;
    margin: 0;
    padding: 0;
}
.chosen-container-single .chosen-single-with-deselect span,
.chosen-container-single .chosen-single {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.chosen-container-single .chosen-single { padding: 0 0 0 4px; }
.chosen-container-single .chosen-single span { margin-top: -1px; }
.chosen-container-single .chosen-drop {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.ui-widget-content .chosen-container-single a.chosen-single { color: #444 !important; }
.ui-widget-content .chosen-container-single a.chosen-default { color: #999 !important; }

/* w2ui */

input[type=submit], button {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    line-height: 20px;
}
.w2ui-sidebar { background-color: white !important; }
.w2ui-sidebar .w2ui-sidebar-div { padding: 0; }
.w2ui-sidebar .w2ui-sidebar-div td.w2ui-node-dots {
    width: 4px;
    padding: 0;
}
.w2ui-sidebar .w2ui-sidebar-div td.w2ui-node-dots .w2ui-expand { width: 4px; }
.w2ui-sidebar .w2ui-sidebar-div td.w2ui-node-data { padding: 0; }
.w2ui-sidebar .w2ui-sidebar-div .w2ui-node-group { padding: 10px 5px; }
.w2ui-sidebar .w2ui-sidebar-div .w2ui-node-caption {
    font-size: 11px;
    padding: 5px 0;
}
.w2ui-sidebar .w2ui-sidebar-div .w2ui-node .w2ui-node-image {
    width: 24px;
    height: 24px;
}
.w2ui-sidebar .w2ui-sidebar-div td.w2ui-node-data .w2ui-node-image.w2ui-icon { margin-top: 0; }
.w2ui-sidebar .w2ui-sidebar-div .w2ui-node .w2ui-node-caption, .w2ui-sidebar .w2ui-sidebar-div .w2ui-node .w2ui-node-image, .w2ui-sidebar .w2ui-sidebar-div .w2ui-node .w2ui-node-image>span, .w2ui-sidebar .w2ui-sidebar-div .w2ui-node td.w2ui-node-dots {
    pointer-events: auto;
}
/*.w2ui-sidebar .w2ui-sidebar-div .w2ui-node table { pointer-events: auto; }*/
.w2ui-sidebar .w2ui-sidebar-div td.w2ui-node-dots .w2ui-expand {
    width: 16px;
    margin-top: 5px;
}
.w2ui-reset label { font-size: 11px !important; }
button.btn-green { text-shadow: none; }
button.btn-green:hover { text-shadow: none; }
/* ---- menu ---- */
#sidebar {
    width: 200px;
    float: left;
    top: 24px;
    bottom: 24px;
    border-right: 1px solid #94c1ff;
    position: fixed;
    background-color: white;
}
#logo {
    width: 200px;
    height: 80px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
#logo img {
    max-width: 200px;
    max-height: 80px;
}
.logo_icon {
    background: url("../images/logo.png") no-repeat center;
    width: 200px;
    height: 80px;
    display: block;
}
#menu {
    width: 200px;
    position: absolute;
    overflow: auto;
    top: 80px;
    bottom: 0;
    border-top: 1px solid #94c1ff;
}
/* top level */
.w2ui-sidebar .w2ui-sidebar-div .w2ui-node {
    /*background: -webkit-gradient(linear, left bottom, left top, color-stop(0%,#ffffff), color-stop(100%, #94c1ff));*/
    background: linear-gradient(to top, #ffffff 0%, #94c1ff 100%);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    color: #414042;
    border: 0;
    text-shadow: none;
    cursor: pointer;
}
.w2ui-sidebar .w2ui-sidebar-div .w2ui-node td.w2ui-node-dots {
    color: inherit;
    text-shadow: inherit;
}
.w2ui-sidebar .w2ui-sidebar-div .w2ui-node .w2ui-node-caption {
    margin: 1px 0;
    color: inherit;
    text-shadow: inherit;
}
.w2ui-sidebar .w2ui-sidebar-div .w2ui-node .w2ui-node-caption a { color: inherit; }
/* top level hover */
.w2ui-sidebar .w2ui-sidebar-div .w2ui-node:hover,
.w2ui-sidebar .w2ui-sidebar-div .w2ui-node-sub .w2ui-node:hover {
    font-weight: bold;
    border: 0;
}
.w2ui-sidebar .w2ui-sidebar-div .w2ui-node:hover a, .w2ui-sidebar .w2ui-sidebar-div .w2ui-selected:hover a { color: inherit; }
/* top level selected */
.w2ui-sidebar .w2ui-sidebar-div .w2ui-selected,
.w2ui-sidebar .w2ui-sidebar-div .w2ui-node-sub .w2ui-node.w2ui-selected {
    color: #F1F2F2;
    font-weight: bold;
}

.w2ui-sidebar .w2ui-sidebar-div .w2ui-selected, .w2ui-sidebar .w2ui-sidebar-div .w2ui-selected:hover {
    /*background: -webkit-gradient(linear, left bottom, left top, color-stop(0%,#ffffff), color-stop(100%, #94c1ff));*/
    background: linear-gradient(to top, #ffffff 0%, #94c1ff 100%);
}

.w2ui-sidebar .w2ui-sidebar-div .w2ui-selected .w2ui-node-caption,
.w2ui-sidebar .w2ui-sidebar-div .w2ui-selected:hover .w2ui-node-caption,
.w2ui-sidebar .w2ui-sidebar-div .w2ui-selected .w2ui-node-image,
.w2ui-sidebar .w2ui-sidebar-div .w2ui-selected:hover .w2ui-node-image,
.w2ui-sidebar .w2ui-sidebar-div .w2ui-selected .w2ui-node-image>span,
.w2ui-sidebar .w2ui-sidebar-div .w2ui-selected:hover .w2ui-node-image>span {
    color: #414042 !important;
    text-shadow: none !important;
    text-decoration: underline;
}
.w2ui-sidebar .w2ui-sidebar-div .w2ui-selected td.w2ui-node-dots,
.w2ui-sidebar .w2ui-sidebar-div .w2ui-selected:hover td.w2ui-node-dots {
    color: #414042 !important;
    text-shadow: none !important;
}
/* inner level */
.w2ui-sidebar .w2ui-sidebar-div .w2ui-node-sub .w2ui-selected:hover {
    background: none;
}
.w2ui-sidebar .w2ui-sidebar-div .w2ui-node-sub .w2ui-node {
    background: none;
    background-color: white;
}

/* ---- menu icons ---- */
.w2ui-node .w2ui-icon.icon-home { background: url("../images/menu/home.png") no-repeat center !important; }
.w2ui-node .w2ui-icon.icon-sales { background: url("../images/menu/sales.png") no-repeat center; }
.w2ui-node .w2ui-icon.icon-execution { background: url("../images/menu/execution.png") no-repeat center; }
.w2ui-node .w2ui-icon.icon-staff { background: url("../images/menu/staff.png") no-repeat center; }
.w2ui-node .w2ui-icon.icon-matrix { background: url("../images/menu/matrix.png") no-repeat center; }
.w2ui-node .w2ui-icon.icon-list { background: url("../images/menu/list.png") no-repeat center; }
.w2ui-node .w2ui-icon.icon-settings { background: url("../images/menu/settings.png") no-repeat center; }
.w2ui-node .w2ui-icon.icon-reports { background: url("../images/menu/reports.png") no-repeat center; }
.w2ui-node .w2ui-icon.icon-production { background: url("../images/menu/production.png") no-repeat center; }
/* ---- /menu icons ---- */

/* ---- header ---- */
table.header {
    height: 100%;
    width: 100%;
}
table.header td {
    padding: 0;
    vertical-align: middle;
}
table.header td.user {
    font-size: 13px;
    font-weight: bold;
    padding-left: 10px;
}
table.header td.user a { color: #414042; }
table.header td.menu, table.header td.help, table.header td.logout { width: 24px; }
.header_icon {
    display: block;
    height: 24px;
    width: 30px;
}
.header_menu { background:url('../images/header/menu.png') no-repeat center;  }
.header_help { background:url('../images/header/help.png') no-repeat center; }
.header_logout { background:url('../images/header/logout.png') no-repeat center; }
/* ---- /header ---- */

/* ---- grid ---- */
.w2ui-grid .w2ui-grid-body table .w2ui-head>div,
.w2ui-grid .w2ui-grid-body table td.w2ui-grid-data>div { white-space: normal; }
.web2py_grid .w2ui-grid tbody td, .web2py_grid.w2ui-grid tbody td { padding: 0; }
.web2py_grid .w2ui-grid tr:hover { background-color: transparent; }

.w2ui-grid .w2ui-grid-body .w2ui-grid-records table tr.w2ui-even:hover,
.w2ui-grid .w2ui-grid-body .w2ui-grid-records table tr.w2ui-odd:hover{
    background-color: #b6d5ff;
}

/* fixed by div#content ? */
/* .w2ui-grid:not(.w2ui-panel-content) { margin-bottom: 28px; } */

/* ---- /grid ---- */

/* ---- scrollbars ---- */
/*
::-webkit-scrollbar {
    width: 10px;
}
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.3);
    border-radius: 5px;
}
::-webkit-scrollbar-thumb {
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.5);
}
*/
/* ---- /scrollbars ---- */

/* ---- dropzone ---- */
.dropzone {
    min-height: 50px;
    min-width: 300px;
    width: 300px;
}
.dropzone .dz-preview, .dropzone-previews .dz-preview {
    margin: 2px;
    padding: 2px;
}
.dropzone .dz-preview .dz-details, .dropzone-previews .dz-preview .dz-details {
    height: auto;
}
.dropzone .dz-preview .dz-progress, .dropzone-previews .dz-preview .dz-progress {
    top: 25px;
}
a.dz-remove { cursor: pointer !important; }
/* ---- /dropzone ---- */

/* ---- colorpicker ---- */
.evo-palette td { padding: 7px !important; }
.evo-palette2 td { padding: 6px 7px !important; }
.evo-colorind, .evo-colorind-ie, .evo-colorind-ff { margin-top: 2px; }
/* ---- /colorpicker ---- */

/* ---- jquery-ui timepicker ---- */
.ui-timepicker-select { width: auto; }
/* ---- /jquery-ui timepicker ---- */

/* ---- jquery-ui weekpicker ---- */
input.date.week {
    width: 0;
    padding: 0;
    margin-right: -2px;
}
/* ---- /jquery-ui weekpicker ---- */