@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700");
:root {
  --blue: #2780E3;
  --indigo: #6610f2;
  --purple: #613d7c;
  --pink: #e83e8c;
  --red: #FF0039;
  --orange: #f0ad4e;
  --yellow: #FF7518;
  --green: #3FB618;
  --teal: #20c997;
  --cyan: #9954BB;
  --white: #fff;
  --gray: #868e96;
  --gray-dark: #373a3c;
  --primary: #2780E3;
  --secondary: #373a3c;
  --success: #3FB618;
  --info: #9954BB;
  --warning: #FF7518;
  --danger: #FF0039;
  --light: #f8f9fa;
  --dark: #373a3c;
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  --font-family-sans-serif: "Segoe UI", "Source Sans Pro", Calibri, Candara, Arial, sans-serif;
  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}


body {
  font-family: "Segoe UI", "Source Sans Pro", Calibri, Candara, Arial, sans-serif;
}

main {
	margin-top: 54px;
}

/* Nav bar */

.navbar-brand img {
	margin-right: 4px;
}
.bg-dark {

}
.user_status {
	color: #FFFFFF;
}

/* Buttons */

button {

}

/* General */

a {
	
}

xmp {
	white-space: pre-wrap;       /* Since CSS 2.1 */
	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	word-wrap: break-word;       /* Internet Explorer 5.5+ */
}



/* Backgrounds */

.transparent {
  background:rgba(255,255,255,0.5);
}

.transparent_info {
  background:rgba(91,192,222,0.5);
}

.bg_img_city_street {
    width: 100%;
    height: 100%px;
    background-image: url('../img/city_street.jpg');
    background-size: 100% 100%;
}
.bg_img_triangles {
    width: 100%;
    height: 100%px;
    background-image: url('../img/bg_triangles_blue.jpg');
    background-size: 100% 100%;
}
.bg_img_watch {
    width: 100%;
    height: 100%px;
    background-image: url('../img/bg_watch.jpg');
    background-size: 100% 100%;
}
.bg_img_cbd {
    width: 100%;
    height: 100%px;
    background-image: url('../img/bg_cbd.jpg');
    background-size: 100% 100%;
}
.bg_img_cbd_mono {
    width: 100%;
    height: 100%px;
    background-image: url('../img/bg_cbd_mono.jpg');
    background-size: 100% 100%;
}
.bg_img_windows_mono {
    width: 100%;
    height: 100%px;
    background-image: url('../img/bg_windows_mono.jpg');
    background-size: 100% 100%;
}
.bg_img_walls_mono {
    width: 100%;
    height: 100%px;
    background-image: url('../img/bg_walls_mono.jpg');
    background-size: 100% 100%;
}
.bg_img_abstract_blue {
    width: 100%;
    height: 100%px;
    background-image: url('../img/bg_abstract_blue.jpg');
    background-size: 100% 100%;
}