/* COMMON/GLOBAL */
.small-text { font-size: 12px; }
.fixed-width { font-family: Courier New, Courier, monospace; }
.top-space { margin-top: 8px; }
.please-wait { text-align: center; color: #fff; position: absolute; bottom: 0px; left: 0; right: 0; top: 0; background: /*#fefefe*/#1a1a26; text-align: center; z-index: 2000; font-size: 28px; transition: opacity 1s linear; /*box-shadow: inset 0 0 100px rgba(0,0,0,.8);*/ }
.please-wait img { text-align: center; padding-bottom: 14px; }
.dattivo-row { margin-top: 25px !important; margin-bottom: 5px !important; }
.modal-backdrop { background-color: rgba(0,0,0,0.2); }
.text-black { color: #000; }

#wrapper { transition: all 0.5s ease; position: absolute; top: 0; left: 0; bottom: 0; right: 0; }
#wrapper.toggled #sidebar-wrapper { left: 0; margin-left: 0px; overflow-y: auto; }
#wrapper.toggled #page-content-wrapper { height: 100%; }

#sidebar-wrapper {
    z-index: 1000;
    left: -100%;
    top: 0;
    bottom: 0;
    width: 100%;
    padding-right: 45px;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    background: #1a1a26;
    transition: all 0.5s ease;
    position: absolute;
    margin-left: 45px;
    overflow-y: hidden;
   /* box-shadow: inset 0 0 100px rgba(0,0,0,.8);*/ 
    }
#sidebar-wrapper .row { margin: 0; }

#page-content-wrapper { position: absolute; top: 0; left: 45px; bottom: 0; right: 0; overflow-x: hidden; overflow-y: auto; }


.portrait-only { display: none; }
@media (orientation: portrait) { .portrait-only { display: block; } }

/* CONFIG VIEW */
table.config-table tr td { padding: 12px 8px; }
#sidebar-wrapper { padding-top: 20px; }
#sidebar-wrapper h2, #sidebar-wrapper h3, #sidebar-wrapper p, #sidebar-wrapper td, #sidebar-wrapper label { color: #fff; }
#sidebar-wrapper h2, #sidebar-wrapper h3 { padding-bottom: 15px; }
#sidebar-wrapper p { font-size: 120%; }
#sidebar-wrapper .logo-img { padding: 10px 15px 10px 0px; margin: 0; }
.sidebar-title-text { display: inline-block; }
#sidebar-wrapper table.table { margin-top: 30px; }

/* MAIN VIEW */

#page-content-wrapper .logo-img { padding: 10px 15px 10px 0px; margin: 0; display: inline-block; }
.title-text { display: inline-block; }
@media (min-width: 514px) {
    .title-text { padding-top: 40px; float: right; }
}
@media (max-width: 513px) {
    /*.logo-img { display: none;}*/
}

.preferred-measurement-inputs label { font-weight: normal; }

.pr-pending { color: #8a6d3b; background-color: rgba(200, 200, 0, 0.15); }
.pr-this-week { /*background-color: #d0e9c6;*/ color: #000; }
/*.pr-pending.pr-this-week { background-color: #d0e9c6; }*/

.pr-submit-button { margin-top: 10px; }

.pr-complete-row button { }

.pr-main-row { }
.pr-table-col { overflow-x: auto; }

.pr-data-table { margin-top: 5px; }
.pr-data-table thead { font-weight: bold; font-size:14px; background-color:#fafafa; }
.pr-data-table th, .pr-data-table td { font-size: 12px; }
.pr-data-table th { text-align: center; vertical-align: top !important; }
.pr-data-table td { position: relative; }
.pr-row-title { position: relative; font-weight: bold; }
.pr-data-table .th-date-range { display: block; font-weight: normal; font-size: 10px; }
.pr-data-table .th-actual { color: #5cb85c; font-weight: bold; display: block; }
span.pr-cell-contents, .pr-data-table .pr-quantity, .pr-data-table .pr-area { text-align: left; display: block;  } 
.pr-data-cell { cursor: pointer; transition: color 1s linear; }
.pr-data-cell:hover { background-color: #e3f2fd; }
.pr-data-cell > .pr-data-cell-content { margin: -8px; min-height: 44px; }
.pr-values { padding: 6px 0px 6px 8px; }
.pr-data-cell-outline { transition: border-color 0.2s ease-in-out; border: 2px solid transparent; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; margin: 0px; }
.pr-data-cell-selected > .pr-data-cell-outline { border-color: #0099cc; }
@media (max-width: 992px) { 
    .pr-data-cell-outline { transition: border-color 2s linear; }
}
.pr-data-null { color: #999; }
small.pr-unit { font-size: 80%; margin: 7px 0 0 0; display: block; }

.pr-comments, .pr-accept-values, .pr-out-of-production { border: none; background: transparent; }

.pr-accept-values { color: #3c763d; }
.pr-out-of-production { color: #d9534f; }
.pr-comments { color: #5bc0de; float: right; }
.pr-comments.has-comments { color: #337ab7; }
@media (max-width: 991px) { 
    .pr-data-cell > div { min-height: 59; }
}
@media (max-width: 724px) { .pr-cell-buttons { display: block; padding: 4px 0px 0px 2px; } }
@media (min-width: 725px) { 
  .pr-cell-buttons { right: 2px; top: 4px; position: absolute;  }  
  .pr-accept-values, .pr-out-of-production { display: block; }  
}
/*.pr-all-null .pr-comments { display: none; }*/

.pr-cell-edit-panel { border-radius: 0; margin-top: 5px; min-height: 426px; }
.pr-panel-label { padding-top:10px; }
.pr-reported-as { border-top:solid #333333; padding-top: 8px; padding-left: 6px; }
.pr-cancel-save { text-align: right; }
.pr-cancel-save > * { margin-left: 15px; vertical-align: bottom; }
.pr-cancel-save .btn { }
.pr-clear-values { padding-top: 16px; display: block; }

.pr-previous-sub { cursor: pointer; width: 100%; height: 80px; padding-top: 8px; margin-top: 8px; text-align: center; position: relative; background-color: #d9edf7; font-size: 12px; }
.pr-previous-sub-values > span { display: block; }
.pr-previous-sub .week { padding: 3px 3px 0px 3px; position: absolute; bottom: 0; left: 0; right: 0; height: 35px; font-size: 11px; font-weight: bold; text-align: center; background-color: #3aa6dd; color: #fff; }
.pr-last-acreage { display: block; }

/* HAMBURGER */
.hamburger {
  position: fixed;
  
  z-index: 1001;
  display: block;
  width: 28px;
  height: 28px;
  margin-left: 11px;
  margin-right: 7px;
  background: transparent;
  border: none;
}
.hamburger.is-closed {
    top: 10px;  
  left: 0;
}
.hamburger.is-open {
    top: 10px;  
  right: 8px; /* To account for a possible scrollbar */

}
.hamburger:hover,
.hamburger:focus,
.hamburger:active {
  outline: none;
}
.hamburger.is-closed:before {
  content: '';
  display: block;
  width: 100px;
  font-size: 14px;
  color: #fff;
  line-height: 32px;
  text-align: center;
  opacity: 0;
  -webkit-transform: translate3d(0,0,0);
  -webkit-transition: all .35s ease-in-out;
}
.hamburger.is-closed:hover:before {
  opacity: 1;
  display: block;
  -webkit-transform: translate3d(-100px,0,0);
  -webkit-transition: all .35s ease-in-out;
}

.hamburger.is-closed .hamb-top,
.hamburger.is-closed .hamb-middle,
.hamburger.is-closed .hamb-bottom,
.hamburger.is-open .hamb-top,
.hamburger.is-open .hamb-middle,
.hamburger.is-open .hamb-bottom {
  position: absolute;
  left: 0;
  height: 4px;
  width: 80%;
}
.hamburger.is-closed .hamb-top,
.hamburger.is-closed .hamb-middle,
.hamburger.is-closed .hamb-bottom {
  /*background-color: #1a1a1a;*/
  background-color: #fff;
}
.hamburger.is-closed .hamb-top { 
  top: 5px; 
  -webkit-transition: all .35s ease-in-out;
}
.hamburger.is-closed .hamb-middle {
  top: 50%;
  margin-top: -2px;
}
.hamburger.is-closed .hamb-bottom {
  bottom: 5px;  
  -webkit-transition: all .35s ease-in-out;
}

.hamburger.is-closed:hover .hamb-top {
  top: 0;
  -webkit-transition: all .35s ease-in-out;
}
.hamburger.is-closed:hover .hamb-bottom {
  bottom: 0;
  -webkit-transition: all .35s ease-in-out;
}
.hamburger.is-open .hamb-top,
.hamburger.is-open .hamb-middle,
.hamburger.is-open .hamb-bottom {
  background-color: #fafafa;
}
.hamburger.is-open .hamb-top,
.hamburger.is-open .hamb-bottom {
  top: 50%;
  margin-top: -2px;  
}
.hamburger.is-open .hamb-top { 
  transform: rotate(45deg);
  -webkit-transition: -webkit-transform .2s cubic-bezier(.73,1,.28,.08);
  width:45%;
  margin-top: 1px;
  margin-left: -5px;
}
.hamburger.is-open .hamb-middle { display: none; }
.hamburger.is-open .hamb-bottom {
  transform: rotate(-45deg);
  -webkit-transition: -webkit-transform .2s cubic-bezier(.73,1,.28,.08);
}
.hamburger.is-open:before {
  content: '';
  display: block;
  width: 100px;
  font-size: 14px;
  color: #fff;
  line-height: 32px;
  text-align: center;
  opacity: 0;
  -webkit-transform: translate3d(0,0,0);
  -webkit-transition: all .35s ease-in-out;
}
.hamburger.is-open:hover:before {
  opacity: 1;
  display: block;
  -webkit-transform: translate3d(-100px,0,0);
  -webkit-transition: all .35s ease-in-out;
}

.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  -moz-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}
.fade.in {
  opacity: 1;
}

/* ERROR PANEL */
#errorSpace { min-height: 100%; min-width: 100%; /*box-shadow: inset 0 0 100px rgba(0,0,0,.8);*/ display: none; position: absolute; padding: 20px; color: #fff; background: #1a1a26; z-index: 9999; }
#errorSpace > div { display: table-cell; vertical-align: middle; padding: 0 20px; text-align: center; }
#errorSpace p.error { padding-top:30px; padding-bottom: 30px; font-size: 130%; }
#errorSpace p.error-footer { font-size: 90%; }