@import url('https://fonts.googleapis.com/css?family=Bree+Serif|Open+Sans|Raleway|Rubik');
* { transition: 500ms all ease-in-out; }
*, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
header, section, footer, aside, nav, main, article, figure { display: block; }
h1,h2,h3,h4,h5,h6,ul,p { margin: 0; padding: 0; }
a, .a { color: #3fad93; background: 0 0; cursor: pointer; vertical-align: baseline; outline: none; }
a:hover, .a:hover { color: #72afd2; outline: none; }
.p, .a, a, body, hr, html, p { padding: 0; }

*:not(.fa):not(.glyphicon):not(.icomoon):not([class*="icon-"]) { font-family: 'Roboto','sans-serif'; }

quote { font-style: italic; }
quote:before,
quote:after {
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	margin: 5px 10px;
	font-size: 12px;
	line-height: 12px;
}
quote:before { content: "\f10d"; }
quote:after { content: "\f10e"; }

/**
* LAYOUT
*/

html,
body { min-height: 100%; overflow-x:hidden; }
body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; overflow: hidden; }

.stroke:after { content: "//"; color: #c02026; font-weight: bold; margin-left: 5px; transition: 500ms all ease-in-out; }

/**
* COLORS
*/
.bg-dark { background-color: #111; color: #EEE; }
.bg-white { background-color: #FFF !important; color: #4d4338; }
.bg-hazel { background-color: #e0d6bd; color: #4d4338; }
.bg-oak { background-color: #4d4338; color: #e0d6bd; }
.bg-forest { background-color: #3e6b19; color: #e0d6bd; }
.bg-transparent { background: none; border: none; }
.text-dark { color: #111; }
.text-white { color: #FFF; }
.text-red { color: #900 !important; }
.text-green { color: #090 !important; }
.text-hazel { color: #e0d6bd; }
.text-oak { color: #4d4338; }
.text-forest { color: #3e6b19; }

/**
* RELATIVE FONT SIZE
*/
.xxsmall, xxsmall,
.xsmall, xsmall,
.small, small,
.medium, medium,
.regular, regular,
.large, large,
.xlarge, xlarge,
.xxlarge, xxlarge,
.xxxlarge, xxxlarge,
.super, super {
	display: inline-block;
	padding-left: 0.5%;
	padding-right: 0.5%;
  font-family: 'Roboto', sans-serif;
	font-weight: 300;
	line-height: 1;
}
.xxxsmall, xxxsmall { font-size: 35% !important; }
.xxsmall, xxsmall { font-size: 50% !important; }
.xsmall, xsmall { font-size: 60% !important; }
.small, small { font-size: 70% !important; }
.medium, medium { font-size: 85% !important; }
.regular, regular { font-size: 100% !important; }
.large, large { font-size: 110% !important; }
.xlarge, xlarge { font-size: 125% !important; }
.xxlarge, xxlarge { font-size: 135% !important; }
.xxxlarge, xxxlarge { font-size: 150% !important; }
.super, super { font-size: 180% !important; }
.mega, mega { font-size: 240% !important; }

/**
* MODALS
*/
.modal-dialog { min-width: 50vw !important; margin: 2% auto; }
.modal-dialog-100 { width: 100vw !important; }
.modal-dialog-80 { width: 80vw !important; }
.modal-dialog-60 { width: 60vw !important; }

/**
* MISC
*/
.fixed { position: fixed !important; transform-style: preserve-3d; -webkit-backface-visibility: hidden !important; z-index: 5; top: 0; left: 0; width: 100%; }
.underline { text-decoration: underline; }
.italic { font-style: italic; }
.bold { font-weight: bold; }
.clear { clear: both; }
.disabled { cursor: not-allowed !important; }
.row { margin: 0; padding: 0; width: 100%; }
.noshowall { max-height: 200px; overflow: hidden !important; margin-bottom: 5px; }
.no-padding { padding: 0 !important; }

input[type="text"].has-error { border: 1px solid red; color: red; }
.in_number { text-align: center !important; min-width: 42px !important; width: 42px !important; }
*:not(.form-group).has-error { border: 1px solid red !important; background-color: rgba(255,0,0,0.5); }
table.table tbody tr:hover { background-color: rgba(255,255,0,0.1) !important; }


#error { border: 1px solid red; color: red; padding: 1px 2px; display: none; margin: 0 1px 2px 1px; }

.vcenter {
display: inline-block;
vertical-align: middle;
float: none;
}



/**
* BUTTON
*/
 .menu-btn  {
	display: inline-block;
	padding: 5px;
	min-width: 24px;
	min-height: 24px;
	line-height: 24px;
	text-align: center;
	color: #FFF;
	opacity: 0.75;
	outline: none;
	box-shadow: none;
	border: none;
	cursor: pointer;
}
 .menu-btn:active,
 .menu-btn:focus,
 .menu-btn:hover { color: rgba(255,255,255,0.8); outline: none; text-decoration: none; }
 .menu-btn-blue {
  background-color: #3c8dbc;
  border-color: #367fa9;
}
 .menu-btn-blue:hover,
 .menu-btn-blue:active,
 .menu-btn-blue.hover {
  background-color: #367fa9;
}
 .menu-btn-green {
  background-color: #00a65a;
  border-color: #008d4c;
}
 .menu-btn-green:hover,
 .menu-btn-green:active,
 .menu-btn-green.hover {
  background-color: #008d4c;
}
 .menu-btn-cyan {
  background-color: #00c0ef;
  border-color: #00acd6;
}
 .menu-btn-cyan:hover,
 .menu-btn-cyan:active,
 .menu-btn-cyan.hover {
  background-color: #00acd6;
}
 .menu-btn-red {
  background-color: #dd4b39;
  border-color: #d73925;
}
 .menu-btn-red:hover,
 .menu-btn-red:active,
 .menu-btn-red.hover {
  background-color: #d73925;
}
 .menu-btn-yellow {
  background-color: #f39c12;
  border-color: #e08e0b;
}
 .menu-btn-yellow:hover,
 .menu-btn-yellow:active,
 .menu-btn-yellow.hover {
  background-color: #e08e0b;
}