
/*@import url('https://fonts.googleapis.com/css?family=Bree+Serif|Open+Sans|Raleway|Rubik');*/
*, *: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'; } */

*.form-group { padding: 0; margin: 0 0 20px 0 !important; }
.ui-hover { background-color: rgba(0,0,0,0.25); }

.content { min-height: 600px; }
.load-more-detector { display: none; }
.switch-toggle label { cursor: pointer; }

.icon-item { font-size: 1em; }
.icon-circle {
	width: 65px;
	height: 65px;
	line-height: 65px;
	color: #fff;
	position: relative;
	border-radius: 50%;
	background: #337ab7;
	text-align: center;
	display: inline-block;
}
.icon-circle .fa,
.icon-circle .glyph { font-size: 2.2em; }

label { color: #111; }

blockquote {
	padding: 5px 10px;
	margin: 5px;
	font-size: 80%;
	font-weight: normal;
	font-style: italic;
}

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; }

/*
 * Row with equal height columns
 */
.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
}

/**
* 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
*/

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;
}


















