/**
 * @author Michael Sypolt <msypolt@transitguru.limited>
 * Styling for IBACOS Tools website
 *
 * 
 */

/* Importing Fonts for the site */

/* Cooper Replacement(s) */
@font-face {
    font-family: Wooden;
    src: url('/fonts/WOODENNI-webfont.eot');
    src: url('/fonts/WOODENNI-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/WOODENNI-webfont.woff') format('woff'),
         url('/fonts/WOODENNI-webfont.ttf') format('truetype'),
         url('/fonts/WOODENNI-webfont.svg#woodennickelblackregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: Slab;
    src: url('/fonts/slab-regular-webfont.eot');
    src: url('/fonts/slab-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/slab-regular-webfont.woff2') format('woff2'),
         url('/fonts/slab-regular-webfont.woff') format('woff'),
         url('/fonts/slab-regular-webfont.ttf') format('truetype'),
         url('/fonts/slab-regular-webfont.svg#slabregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* LiberationSans */
@font-face {
    font-family: LiberationSans;
    src: url('/fonts/liberationsans-regular-webfont.eot');
    src: url('/fonts/liberationsans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/liberationsans-regular-webfont.woff2') format('woff2'),
         url('/fonts/liberationsans-regular-webfont.woff') format('woff'),
         url('/fonts/liberationsans-regular-webfont.ttf') format('truetype'),
         url('/fonts/liberationsans-regular-webfont.svg#liberation_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: LiberationSans;
    src: url('/fonts/liberationsans-bold-webfont.eot');
    src: url('/fonts/liberationsans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/liberationsans-bold-webfont.woff2') format('woff2'),
         url('/fonts/liberationsans-bold-webfont.woff') format('woff'),
         url('/fonts/liberationsans-bold-webfont.ttf') format('truetype'),
         url('/fonts/liberationsans-bold-webfont.svg#liberation_sansbold') format('svg');
    font-weight: bold;
    font-style: normal;

}
@font-face {
    font-family: LiberationSans;
    src: url('/fonts/liberationsans-italic-webfont.eot');
    src: url('/fonts/liberationsans-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/liberationsans-italic-webfont.woff2') format('woff2'),
         url('/fonts/liberationsans-italic-webfont.woff') format('woff'),
         url('/fonts/liberationsans-italic-webfont.ttf') format('truetype'),
         url('/fonts/liberationsans-italic-webfont.svg#liberation_sansitalic') format('svg');
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: LiberationSans;
    src: url('/fonts/liberationsans-bolditalic-webfont.eot');
    src: url('/fonts/liberationsans-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/liberationsans-bolditalic-webfont.woff2') format('woff2'),
         url('/fonts/liberationsans-bolditalic-webfont.woff') format('woff'),
         url('/fonts/liberationsans-bolditalic-webfont.ttf') format('truetype'),
         url('/fonts/liberationsans-bolditalic-webfont.svg#liberation_sansbold_italic') format('svg');
    font-weight: bold;
    font-style: italic;
}

/* LiberationSerif */
@font-face {
    font-family: LiberationSerif;
    src: url('/fonts/liberationserif-regular-webfont.eot');
    src: url('/fonts/liberationserif-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/liberationserif-regular-webfont.woff2') format('woff2'),
         url('/fonts/liberationserif-regular-webfont.woff') format('woff'),
         url('/fonts/liberationserif-regular-webfont.ttf') format('truetype'),
         url('/fonts/liberationserif-regular-webfont.svg#liberation_serifregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: LiberationSerif;
    src: url('/fonts/liberationserif-bold-webfont.eot');
    src: url('/fonts/liberationserif-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/liberationserif-bold-webfont.woff2') format('woff2'),
         url('/fonts/liberationserif-bold-webfont.woff') format('woff'),
         url('/fonts/liberationserif-bold-webfont.ttf') format('truetype'),
         url('/fonts/liberationserif-bold-webfont.svg#liberation_serifbold') format('svg');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: LiberationSerif;
    src: url('/fonts/liberationserif-italic-webfont.eot');
    src: url('/fonts/liberationserif-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/liberationserif-italic-webfont.woff2') format('woff2'),
         url('/fonts/liberationserif-italic-webfont.woff') format('woff'),
         url('/fonts/liberationserif-italic-webfont.ttf') format('truetype'),
         url('/fonts/liberationserif-italic-webfont.svg#liberation_serifitalic') format('svg');
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: LiberationSerif;
    src: url('/fonts/liberationserif-bolditalic-webfont.eot');
    src: url('/fonts/liberationserif-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/liberationserif-bolditalic-webfont.woff2') format('woff2'),
         url('/fonts/liberationserif-bolditalic-webfont.woff') format('woff'),
         url('/fonts/liberationserif-bolditalic-webfont.ttf') format('truetype'),
         url('/fonts/liberationserif-bolditalic-webfont.svg#liberation_serifbold_italic') format('svg');
    font-weight: bold;
    font-style: italic;
}

/* LiberationSansNarrow */
@font-face {
    font-family: LiberationSansNarrow;
    src: url('/fonts/liberationsansnarrow-regular-webfont.eot');
    src: url('/fonts/liberationsansnarrow-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/liberationsansnarrow-regular-webfont.woff2') format('woff2'),
         url('/fonts/liberationsansnarrow-regular-webfont.woff') format('woff'),
         url('/fonts/liberationsansnarrow-regular-webfont.ttf') format('truetype'),
         url('/fonts/liberationsansnarrow-regular-webfont.svg#liberation_sans_narrowregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: LiberationSansNarrow;
    src: url('/fonts/liberationsansnarrow-bold-webfont.eot');
    src: url('/fonts/liberationsansnarrow-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/liberationsansnarrow-bold-webfont.woff2') format('woff2'),
         url('/fonts/liberationsansnarrow-bold-webfont.woff') format('woff'),
         url('/fonts/liberationsansnarrow-bold-webfont.ttf') format('truetype'),
         url('/fonts/liberationsansnarrow-bold-webfont.svg#liberation_sans_narrowbold') format('svg');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: LiberationSansNarrow;
    src: url('/fonts/liberationsansnarrow-italic-webfont.eot');
    src: url('/fonts/liberationsansnarrow-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/liberationsansnarrow-italic-webfont.woff2') format('woff2'),
         url('/fonts/liberationsansnarrow-italic-webfont.woff') format('woff'),
         url('/fonts/liberationsansnarrow-italic-webfont.ttf') format('truetype'),
         url('/fonts/liberationsansnarrow-italic-webfont.svg#liberation_sans_narrowitalic') format('svg');
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: LiberationSansNarrow;
    src: url('/fonts/liberationsansnarrow-bolditalic-webfont.eot');
    src: url('/fonts/liberationsansnarrow-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/liberationsansnarrow-bolditalic-webfont.woff2') format('woff2'),
         url('/fonts/liberationsansnarrow-bolditalic-webfont.woff') format('woff'),
         url('/fonts/liberationsansnarrow-bolditalic-webfont.ttf') format('truetype'),
         url('/fonts/liberationsansnarrow-bolditalic-webfont.svg#liberation_sans_narrowBdIt') format('svg');
    font-weight: bold;
    font-style: italic;
}

/* LiberationMono */
@font-face {
    font-family: LiberationMono;
    src: url('/fonts/liberationmono-regular-webfont.eot');
    src: url('/fonts/liberationmono-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/liberationmono-regular-webfont.woff2') format('woff2'),
         url('/fonts/liberationmono-regular-webfont.woff') format('woff'),
         url('/fonts/liberationmono-regular-webfont.ttf') format('truetype'),
         url('/fonts/liberationmono-regular-webfont.svg#liberation_monoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: LiberationMono;
    src: url('/fonts/liberationmono-bold-webfont.eot');
    src: url('/fonts/liberationmono-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/liberationmono-bold-webfont.woff2') format('woff2'),
         url('/fonts/liberationmono-bold-webfont.woff') format('woff'),
         url('/fonts/liberationmono-bold-webfont.ttf') format('truetype'),
         url('/fonts/liberationmono-bold-webfont.svg#liberation_monobold') format('svg');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: LiberationMono;
    src: url('/fonts/liberationmono-bolditalic-webfont.eot');
    src: url('/fonts/liberationmono-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/liberationmono-bolditalic-webfont.woff2') format('woff2'),
         url('/fonts/liberationmono-bolditalic-webfont.woff') format('woff'),
         url('/fonts/liberationmono-bolditalic-webfont.ttf') format('truetype'),
         url('/fonts/liberationmono-bolditalic-webfont.svg#liberation_monobold_italic') format('svg');
    font-weight: bold;
    font-style: italic;
}
@font-face {
    font-family: LiberationMono;
    src: url('/fonts/liberationmono-italic-webfont.eot');
    src: url('/fonts/liberationmono-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/liberationmono-italic-webfont.woff2') format('woff2'),
         url('/fonts/liberationmono-italic-webfont.woff') format('woff'),
         url('/fonts/liberationmono-italic-webfont.ttf') format('truetype'),
         url('/fonts/liberationmono-italic-webfont.svg#liberation_monoitalic') format('svg');
    font-weight: normal;
    font-style: italic;
}

/* Background */

html {height: 100%}
body {font-family: LiberationSans; background-color: #999999;}

/* vanilla framework */
input[type="text"], input[type="password"] {width: 400px;}

textarea {width: 90%; min-height: 300px;}

.adminmenu li{ display: inline; padding: 5px; list-style: none; border-radius: 5px; background-color: #559900;}
.adminmenu li a {color: #ffffff;}
.adminmenu li:hover, .adminmenu li.current {background-color: #333333;}

.button {background-color: #ffffdd; color: #000000; padding: 5px; margin: 5px; border-radius: 5px; border: 1px solid black; cursor: pointer; font-size: inherit;}
.button:hover {background-color: #ffcc00;}

.alert {background-color: #990000}
.alert:hover {background-color: #ff0000;}

.container a{
  text-decoration: none; 
}

.container {
  width: 1000px;
  top: 20px;
  margin-left: auto;
  margin-right: auto;
}

.content {
  width: 100%;
  padding: 10px;
  background-color: #ffffff;
}

.right { float:right;}
.left { float:left;}
.clear { clear:both;}
.disabled {color: #aaaaaa; }

.hide {display: none}


.error {
  background-color: #ff9999;
  border: 1px dotted #990000;
  padding: 2px;
}
.warning {
  background-color: #ffff99;
  border: 1px dotted #999900;
  padding: 2px;
}
.success {
  background-color: #99ff99;
  border: 1px dotted #009900;
  padding: 2px;
}

label {
  display: block;
  font-style: italic;
}

label strong {
  color: #ff3300;
}

.required {
  border: 2px solid black;
}

.invalid {
  border-color: #ff3300;
}

.hand {
  cursor: pointer;
}

h1, h2, h3, h4, h5, h6 {clear: both}

figure {font-family: LiberationSansNarrow; font-style: italic;}
figure img {max-width: 500px;display: block; padding: 4px}

.copy {color: #ffffff; font-family: LiberationSansNarrow;}
.credit {color: #ffffff; float: right; font-family: LiberationSansNarrow;}
.credit a {color: #ffffff; font-weight: bold;}

/* calendar */
.calendar {background-color: #ffff99; width: 200px; padding: 10px; border-radius: 10px; border: 1px solid #000000}
.calendar table {width: 100%; background-color:#666666}
.calendar td, .calendar th {text-align: center}
.calendar button {border: 1px solid #888888; background-color: #ffff66;font-size: 10px; border-radius: 4px}
.othermonth {background-color: #aaaaaa;}
.startpoint {background-color: #ffff99;}
.today {background-color: #ff0000; font-weight: bold; color: #ffffff}
.calendar .hand:hover {background-color: #ffff00; font-weight: bold;}
.inactive {color: #dddddd; font-weight: normal;}
.othermonth a {font-weight: normal; font-color: #999999}
.currentmonth {}

/* Dialogue boxes*/
.inner  {padding: 10px}
.dialogue {
  z-index: 10;
  position:fixed;
  top: 10%;
  min-width:400px;
  min-height:200px;
  margin-left:auto;
  margin-right:auto;
  padding: 10px;
  overflow: auto;
  background-color: #ffffff;
  max-width:90% !important;
  max-height:80%  !important;
  opacity: 1;
  border: 2px solid #000000;
}
.popupform {
  z-index: 10;
  position:fixed;
  top: 10%;
  min-width:400px;
  min-height:200px;
  margin-left:auto;
  margin-right:auto;
  padding: 10px;
  border-radius: 20px;
  overflow: auto;
  background-color: #ffff55;
  max-width:90% !important;
  max-height:80%  !important;
  opacity: 1;
  border: 2px solid #000000;
}
.popupform .escapee{
  background-color: #005596;
  color: #ffffff;
  display: block;
  padding: 10px;
  margin: 5px;
  border: 1px solid black;
  border-radius: 10px;
  font-size: 20;
  text-align: center;
  font-weight: bold;
}

.popupform .escapee:hover{
  background-color: #ffcc00;
}

.popupform input{
  width: 200px;
  font-size: 20px;
  display: inline;
  margin: 5px;
  border-radius: 10px;
  border: 1px solid black;
  padding: 5px 10px;
  text-align: right;
}

.popupform select{
  display: block;
  width: 100%;
  font-size: 20px;
  margin: 5px;
  background-color: #ffffff;
  border-radius: 10px;
  border: 1px solid black;
  padding: 5px;
}

.loginform input, #geninfo-form input{
  width: 300px;
  font-size: 20px;
  margin: 5px;
  border-radius: 10px;
  border: 1px solid black;
  padding: 5px 10px;
}

.loginform a{
  width: 300px;
  background-color: #005596;
  color: #ffffff;
  display: block;
  padding: 5px;
  margin: 5px;
  border: 1px solid black;
  border-radius: 10px;
  font-size: 20;
  text-align: center;
  font-weight: bold;
}

.disable-bg{
  z-index: 9;
  position:fixed;
  top: 0;
  left: 0;
  min-width: 100%;
  min-height: 100%;
  opacity: 0.5;
  background-color: #777777;
}

.nobullet{
  list-style: none;
}

.spacer {
  float: left;
  width: 15px;
}

.expander{cursor: pointer;border: 1px solid #000000;background-color: #ffffff;}
.expander text{fill: #000000;text-anchor: middle;}
.expander:hover{background-color: #000000;}
.expander:hover text{fill: #ffffff;}

/* Potential IE Fix? */
svg.appdrawing {display:block;}

/* Drawing elements for intro page */
.userlogin {min-height: 400px;}
svg.introdraw {float: right; width: 510px; height: 340px;}
svg.introdraw rect {stroke: #000000; stroke-width: 0.1px;}
svg.introdraw .wood {fill: #ff5500;}
svg.introdraw .fibre {fill: #998899;}
svg.introdraw .foam {fill: #ffff00;}
svg.introdraw .gyp {fill: #777777;}
svg.introdraw .brick {fill: #ff0000;}
svg.introdraw .air {fill: #eeeeee;}
svg.introdraw .bg {stroke: none; fill: #eeeeee;}
svg.introdraw .osb {fill: #ee4400}

text {
  font-size: 0.5px;
  font-weight: bold;
  font-family: LiberationSansNarrow;
  pointer-events: none;
  fill: #000000;
}


table.materials{background-color: #000000;}
table.materials tr {background-color: #000000;}
table.materials th {background-color: #999999; color: #ffffff;}
table.materials td {background-color: #ffffff; color: #000000;}

.assembly {stroke: #000000; stroke-width: 0.05px;}
.boxbutton {stroke: #ffffff; stroke-width: 0.1;}
.boxbutton:hover {fill: #ffcc00; stroke: #777777; cursor:pointer;}
.something {fill: #005596;}
.nothing {fill: #999999;}
.interior {fill: #0000ff;}

.up {background-color: #009900; padding: 3px 6px; margin: 3px; border-radius: 5px; color: #ffffff;}
.down {background-color: #990000; padding: 3px 8px; margin: 3px; border-radius: 5px; color: #ffffff;}

text.middle{
  text-anchor: middle;
}
text.end{
  text-anchor: end;
}

line {
  fill: none;
  stroke: #000000;
  stroke-width: 0.05px;
}

.monthbar {
  fill: #cccccc;
  stroke: #cccccc;
  stroke-width: 0.02px;
}

.monthwcond {
  fill: #0000ff;
  stroke: #000000;
  stroke-width: 0.02px;
}

.monthscond {
  fill: #ff0000;
  stroke: #000000;
  stroke-width: 0.02px;
}

.svgcheck {
  stroke: #000000;
  stroke-width: 0.02px;
  cursor: pointer;
}

rect.on {
  fill: #005596;
}

rect.off {
  fill: #dddddd;
}

table.admin, table.admin tr {
  background-color: #000000;
}

table.admin th {
  background-color: #999999;
  color: #ffffff;
}

table.admin td {
  background-color: #ffffff;
  color: #000000;
}

a.selector{
  border-radius: 5px;
  padding: 2px;
  color: black;
  border: 1px solid black;
}
a.on {
  background-color: #005596;
}
a.off {
  background-color: #dddddd;
}

#ibacos-logo{position: relative; right: 0; float: right; margin: 0; width: 250px; height:100px; }

#tooltip {
  font-size: 12px;
  font-weight: Normal;
  color: #000000;
  background-color: #ff6;
  border: 1px solid #ee6;
  opacity: 1;
  z-index: 9;
  position: fixed;
  padding: 2px 5px;
  border-radius: 5px;
}

.square {
  width: 50px;
  height: 50px;
  margin: 15px 5px 5px 5px;
  cursor: pointer;
}

.square .bg { fill: #005596; stroke: #005596; stroke-width: 1px;}

.square .thickline {fill: none; stroke: #ffffff; stroke-width: 1px; stroke-linejoin: round;}
.square .thinline {fill: none; stroke: #ffffff; stroke-width: 0.5px;}

.square .fill {fill: #ffffff; stroke: none;}
@page {
  size: 8.5in 11in;  /* width height */
  margin: 0 0.5in 0 0.5in;
}

@media print{
  #ibacos-logo{display: none;}
  #biglogo{width: 500px; height: 200px;}
  .ibalogo{position: absolute; right: 0; z-index: 9;}
  #city-title{display: none;}
  body, .container {background-color: #ffffff; width: 7.5in;}
  #menu-buttons {display: none;}
  .printable{width: 7.5in; display: block; text-align: center;}
  .printable h2{page-break-before: always; margin: 0;}
  .printable svg.show{display: block;}
  .noprint, .hide {display: none;}
}