/*=============================================================
                       CUSTOM RULES
==============================================================*/

#mydiv {
  position: absolute;
  background-color: white;
  border: 1px solid;
  display: none;
  border-radius: 4px;
  width: 300px;
  padding: 4px 6px;
}

body {
  height: auto;
} /* to avoid vertical scroll bar */

a {
}
a:visited {
}
a:hover {
}
a:focus {
}
a:active {
}

.ui-widget-content a {
  color: #62bb33 !important;
  text-decoration: underline;
}

h1 {
  font-size: 2em;
  border-bottom: 1px solid #ddd;
}
h2 {
  font-size: 1.8em;
}
h3 {
  font-size: 1.6em;
}
h4 {
  font-size: 1.4em;
}
h5 {
  font-size: 1.2em;
}
h6 {
  font-size: 1.1em;
}
legend {
  margin-bottom: 3px;
}
.bottom-buffer {
  clear: both;
  margin-bottom: 10px;
}
.btn.w2p_trap {
  margin-bottom: 10px;
}

.fa {
  font-size: 14px;
}
.btn {
  padding: 2px 6px;
  font-size: 11px;
}
.btn-group > .btn,
.btn-group > .dropdown-menu,
.btn-group > .popover {
  font-size: 11px;
}
div.flash.flash-center {
  left: 25%;
  right: 25%;
}
div.flash.flash-top,
div.flash.flash-top:hover {
  position: relative;
  display: block;
  margin: 0;
  padding: 1em;
  top: 0;
  left: 0;
  width: 100%;
  text-align: center;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  color: #865100;
  background: #0099dd;
  border: 1px solid;
  border-top: 0px;
  border-left: 0px;
  border-right: 0px;
  border-radius: 0;
  opacity: 1;
}
#header {
  margin-top: 5px;
}
.mastheader h1 {
  margin-bottom: 9px;
  font-size: 81px;
  font-weight: bold;
  letter-spacing: -1px;
  line-height: 1;
  font-size: 54px;
}
.mastheader small {
  font-size: 20px;
  font-weight: 300;
}
/* auth navbar - primitive style */
.auth_navbar,
.auth_navbar a {
  color: inherit;
}
.ie-lte7 .auth_navbar,
.auth_navbar a {
  color: expression(this.parentNode.currentStyle[ 'color' ]); /* ie7 doesn't support inherit */
}
.auth_navbar a {
  white-space: nowrap;
} /* to avoid the nav split on more lines */
.auth_navbar a:hover {
  color: white;
  text-decoration: none;
}
ul#navbar > .auth_navbar {
  display: inline-block;
  padding: 5px;
}
/* form errors message box customization */
div.error_wrapper {
  margin-bottom: 9px;
  display: inline-block;
}
div.error_wrapper .error {
  border-radius: 4px;
  -o-border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}
div.error {
  background: transparent;
  border: 0px;
  padding: 2px;
  color: #f00;
}

input.invalidinput {
  border: 1px solid #ff0000;
}
select.invalidinput {
  border: 1px solid #ff0000;
}

.web2py-menu-expand .dropdown-menu {
  left: auto;
}

/* Fix to allow nested submenus */
.web2py-menu-expand .dropdown-submenu .dropdown-menu {
  left: 100%;
}

/* below rules are only for formstyle = bootstrap
trying to make errors look like bootstrap ones */
div.controls .error_wrapper {
  display: inline-block;
  margin-bottom: 0;
  vertical-align: middle;
}
div.controls .error {
  min-width: 5px;
  background: inherit;
  color: #b94a48;
  border: none;
  padding: 0;
  margin: 0;
  /*display:inline;*/ /* uncommenting this, the animation effect is lost */
}
div.controls .help-inline {
  color: #3a87ad;
}
div.controls .error_wrapper + .help-inline {
  margin-left: -99999px;
}
div.controls select + .error_wrapper {
  margin-left: 5px;
}
.ie-lte7 div.error {
  color: #fff;
}

/* beautify brand */
.navbar {
  margin-bottom: 0;
}
.navbar-inverse .brand {
  color: #c6cecc;
}
.navbar-inverse .brand b {
  display: inline-block;
  margin-top: -1px;
}
.navbar-inverse .brand b > span {
  font-size: 22px;
  color: white;
}
.navbar-inverse .brand:hover b > span {
  color: white;
}
/* beautify web2py link in navbar */
span.highlighted {
  color: #d8d800;
}
.open span.highlighted {
  color: #ffff00;
}

/*=============================================================
                 OVERRIDING WEB2PY.CSS RULES
==============================================================*/

/* reset to default */
a {
  white-space: normal;
}
li {
  margin-bottom: 0;
}
textarea,
button {
  display: block;
}
/*reset ul padding */
ul#navbar {
  padding: 0;
}
/* label aligned to related input */
td.w2p_fl,
td.w2p_fc {
  padding: 0;
}
#web2py_user_form td {
  vertical-align: middle;
}

/*=============================================================
                 OVERRIDING BOOTSTRAP.CSS RULES
==============================================================*/

/* because web2py handles this via js */
textarea {
  width: 90%;
  height: 50px;
}
.hidden {
  visibility: visible;
}
/* right folder for bootstrap black images/icons */
[class^='icon-'],
[class*=' icon-'] {
  background-image: url('../images/glyphicons-halflings.png');
}
/* right folder for bootstrap white images/icons */
.icon-white,
.nav-tabs > .active > a > [class^='icon-'],
.nav-tabs > .active > a > [class*=' icon-'],
.nav-pills > .active > a > [class^='icon-'],
.nav-pills > .active > a > [class*=' icon-'],
.nav-list > .active > a > [class^='icon-'],
.nav-list > .active > a > [class*=' icon-'],
.navbar-inverse .nav > .active > a > [class^='icon-'],
.navbar-inverse .nav > .active > a > [class*=' icon-'],
.dropdown-menu > li > a:hover > [class^='icon-'],
.dropdown-menu > li > a:hover > [class*=' icon-'],
.dropdown-menu > .active > a > [class^='icon-'],
.dropdown-menu > .active > a > [class*=' icon-'] {
  background-image: url('../images/glyphicons-halflings-white.png');
}
/* bootstrap has a label as input's wrapper while web2py has a div */
div > input[type='radio'],
div > input[type='checkbox'] {
  margin: 0;
}
/* bootstrap has button instead of input */
input[type='button'],
input[type='submit'] {
  margin-right: 8px;
}

/*=============================================================
RULES FOR SOLVING CONFLICTS BETWEEN WEB2PY.CSS AND BOOTSTRAP.CSS
==============================================================*/

/*when formstyle=table3cols*/
tr#auth_user_remember__row > td.w2p_fw > div {
  padding-bottom: 8px;
}
td.w2p_fw div > label {
  vertical-align: middle;
}
td.w2p_fc {
  padding-bottom: 5px;
}

/*when formstyle=divs*/
div#auth_user_remember__row {
  margin-top: 4px;
}
div#auth_user_remember__row > .w2p_fl {
  display: none;
}
div#auth_user_remember__row > .w2p_fw {
  min-height: 39px;
}
#filters .w2p_fl {
  display: block;
}
#filters .w2p_fw {
  display: block;
}
form.search_form div {
  float: none;
  display: inline-block;
}
form.search_form div .select2-display-none {
  display: none;
}
div.w2p_fw,
div.w2p_fc {
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 0;
}
div.w2p_fc {
  padding-left: 5px;
  margin-top: -8px;
}
/*when formstyle=ul*/
form > ul {
  list-style: none;
  margin: 0;
}
li#auth_user_remember__row {
  margin-top: 4px;
}
li#auth_user_remember__row > .w2p_fl {
  display: none;
}
li#auth_user_remember__row > .w2p_fw {
  min-height: 39px;
}
/*when formstyle=bootstrap*/
#auth_user_remember__row label.checkbox {
  display: block;
}
span.inline-help {
  display: inline-block;
}
input[type='text'].input-xlarge,
input[type='password'].input-xlarge {
  width: 270px;
}
/*when recaptcha is used*/
#recaptcha {
  min-height: 30px;
  display: inline-block;
  margin-bottom: 0;
  line-height: 30px;
  vertical-align: middle;
}
td > #recaptcha {
  margin-bottom: 6px;
}
div > #recaptcha {
  margin-bottom: 9px;
}
div.control-group.error {
  width: auto;
  background: transparent;
  border: 0;
  color: inherit;
  padding: 0;
  background-repeat: repeat;
}

/*=============================================================
                       OTHER RULES
==============================================================*/

/* Massimo Di Pierro fixed alignment in forms with list:string */
form table tr {
  margin-bottom: 9px;
}
td.w2p_fw ul {
  margin-left: 0px;
}

/* web2py_console in grid and smartgrid */
.hidden {
  visibility: visible;
}
.web2py_console input {
  display: inline-block;
  margin-bottom: 0;
  vertical-align: middle;
}
.web2py_console input[type='submit'],
.web2py_console input[type='button'],
.web2py_console button {
  padding-top: 4px;
  padding-bottom: 4px;
  margin: 3px 0 0 2px;
}
.web2py_console a,
.web2py_console select,
.web2py_console input {
  margin: 3px 0 0 2px;
}
.web2py_grid form table {
  width: auto;
}
/*.web2py_grid {
  min-width: 1170px;
  
}*/
/* auth_user_remember checkbox extrapadding in IE fix */
.ie-lte9 input#auth_user_remember.checkbox {
  padding-left: 0;
}

/*=============================================================
                       MEDIA QUERIES
==============================================================*/

@media only screen and (max-width: 979px) {
  body {
    padding-top: 0px;
  }
  #navbar {
    top: 5px;
  }
  div.flash {
    right: 5px;
  }
  .dropdown-menu ul {
    visibility: visible;
  }
  .flex_machine {
    flex-wrap: wrap;
    margin: 4px;
    gap: 4px;
  }
}
@media only screen and (max-width: 479px) {
  body {
    padding-left: 10px;
    padding-right: 10px;
  }
  .navbar-fixed-top,
  .navbar-fixed-bottom {
    margin-left: -10px;
    margin-right: -10px;
  }
  input[type='text'],
  input[type='password'],
  select {
    width: 95%;
  }
}

form.search_form div.w2p_fl {
  height: 25px;
  float: left;
}

form.search_form div.w2p_fw {
  clear: both;
}

/* Table highlighting on hover */
table.solidtable tr.even td.hover {
  background-color: #d5fdc7;
}
table.solidtable tr.odd td.hover {
  background-color: #d5fdc7;
}

.popover {
  max-width: 600px;
}

div.skiptranslate > iframe {
  display: none;
}

::-webkit-input-placeholder {
  font-size: 10px;
}
:-moz-placeholder {
  font-size: 10px;
}
::-moz-placeholder {
  font-size: 10px;
}
:-ms-input-placeholder {
  font-size: 10px;
}

.btn.active,
.btn:active {
  background-color: #c5edb7;
}

.ui-icon.green {
  background-image: url(../images/ui-icons_62bb33_256x240.png);
}

table.solidtable th,
table.solidtable td {
  word-break: break-word;
  word-wrap: break-word;
}

td.decimal,
td.integer {
  text-align: right;
}

.decimal {
  word-break: keep-all !important;
  white-space: nowrap !important;
}

.well-tiny {
  padding: 5px;
  min-height: 10px;
  padding: 6px;
  margin-bottom: 10px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #f8f8f8;
}

.well-tiny ul {
  margin-bottom: 2px;
}

.small {
  font-size: 0.91em;
}
.muted {
  color: #999999;
}

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 {
  margin-bottom: 1px;
}

select {
  width: auto;
}

.web2py_form input[type='submit'] {
  background-color: #429b13;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#72cb43), to(#429b13));
  background-image: -moz-linear-gradient(top, #72cb43, #429b13);
  background-image: -ms-linear-gradient(top, #72cb43, #429b13);
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #72cb43),
    color-stop(100%, #429b13)
  );
  background-image: -webkit-linear-gradient(top, #72cb43, #429b13);
}

img.distributor, img.distributor0, img.distributor1, img.distributor2 {
  padding-left: 20px;
}
img.company, img.company0, img.company1, img.company2 {
  padding-left: 40px;
}
img.division, img.division0, img.division1, img.division2 {
  padding-left: 60px;
}
img.location, img.location0, img.location1, img.location2 {
  padding-left: 80px;
}

.select2-search-choice img.distributor {
  padding-left: 0px;
}
.select2-search-choice img.company {
  padding-left: 0px;
}
.select2-search-choice img.division {
  padding-left: 0px;
}
.select2-search-choice img.location {
  padding-left: 0px;
}

.select2-results {
  max-height: 400px;
}

.goog-te-gadget-icon {
  display: none;
}

.padleft {
  padding-left: 10px;
}

.navbar .nav > li > a {
  padding-right: 10px;
}

.popover-content {
  overflow-y: scroll;
}
.popover {
  max-width: 800px;
}
.header-container {
  padding: 1.3em;
}


 .flatpickr-day.selected,
 .flatpickr-day.startRange,
 .flatpickr-day.endRange,
 .flatpickr-day.selected.inRange,
 .flatpickr-day.startRange.inRange,
 .flatpickr-day.endRange.inRange,
 .flatpickr-day.selected:focus,
 .flatpickr-day.startRange:focus,
 .flatpickr-day.endRange:focus,
 .flatpickr-day.selected:hover,
 .flatpickr-day.startRange:hover,
 .flatpickr-day.endRange:hover,
 .flatpickr-day.selected.prevMonthDay,
 .flatpickr-day.startRange.prevMonthDay,
 .flatpickr-day.endRange.prevMonthDay,
 .flatpickr-day.selected.nextMonthDay,
 .flatpickr-day.startRange.nextMonthDay,
 .flatpickr-day.endRange.nextMonthDay {
   background: #62bb33;
   color: #fff;
   border-color: #62bb33;
 }
 .flatpickr-confirm, .flatpickr-time {
  border-top: 1px solid #62bb33 !important;
  cursor: pointer;
 }