@charset "utf-8";


/* Google Font*/
@import url('https://fonts.googleapis.com/css?family=Quicksand:300,400,500,700|Roboto');


/* Extra CSS import */
@import 'webroot/css/bootstrap.min.css';
@import 'webroot/css/all.min.css';
@import 'webroot/css/bootstrap.snippets.css';


/* HTML */
*:focus{ 
	outline: none !important; 
}

html,
body{
   	font-family: 'Quicksand', sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-ms-overflow-style: scrollbar;
	-webkit-tap-highlight-color: transparent;
	height: 100%;
	text-rendering: optimizeLegibility;
}

body{
	background-color: #f3f4f9;
	font-size: 14px;
	font-weight: 500;
}

@-ms-viewport{
	width: device-width
}

a, 
a:hover, 
a:focus{
	text-decoration: none;
}

a,
h1,
h2,
h3,
h4,
h5,
h6{    
	-webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -ms-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms;
}

hr{ 
	border: 0; 
	height: 1px; 
	margin: 36px 0px;
	background-image: linear-gradient(to right, rgba(221, 221, 221, 0), rgba(221, 221, 221, 0.75), rgba(221, 221, 221, 0)); 
}

th,
td{
	vertical-align: middle !important;
}


/* Class utilities */
.full-height{
	height: 100%;
}

.form-control:focus{
	box-shadow: none !important;
}