html{
    /* http://tutorialzine.com/2012/06/quick-tip-fullscreen-backgrounds/ */
	/* This image will be displayed fullscreen */
	/* background:url('/static/res/image/cable.jpg') no-repeat center center;
	/* Ensure the html element always takes up the full height of the browser window */
	min-height:100%;
	/* The Magic: cover/contain */
	background-size:cover;
}

body {
    background: #fff; /*#2e2e2e;*/
    /*background-color: transparent;*/
    /*padding: 30px;*/
    color: #202124;
    font-size: 1rem;
    font-family: 'Maven Pro', sans-serif;
    overflow-x: hidden; /* This will prevent horizontal scrolling (added to fix statistics link issue on the footer of home page) */
}

.font-light {
    font-style: normal;
    font-weight: 400;
}

.font-normal {
    font-style: normal;
    font-weight: 500;
}

.font-bold {
    font-style: normal;
    font-weight: 700;}

pre {
    background-color: #f5f5f5;
    border-radius: 10px;
    color: #384042;
    padding: 20px;
    
    max-width: 100%;
    white-space: pre;
    display:inline-grid;
    overflow-x: auto;
}

/*h1 {
    font-size: 1.75rem;
}*/

.blue {color:blue;}
.white {color:white;}
.success {color:green;}
.danger {color: darkred;}

.ltr {direction: ltr;}
.rtl {direction: rtl;}
.center {text-align: center;}
.justify {text-align: justify;}
.left {text-align: left;}
.right {text-align: right;}

.marg {margin: 2px;}
.margmid {margin: 10px;}
.margmid-top {margin-top: 10px;}
.marglarg {margin: 20px;} /* large margin */
.marg-lr {margin-left: 2px; margin-right: 2px;}
.marg-lrmid {margin-left: 10px; margin-right: 10px;}
.marg-lrlarge {margin-left: 20px; margin-right: 20px;}
/* float right for row elements */
.fr{float:right;}
.fl{float:left;}

/* Google Font */
/* latin */
@font-face {
  font-family: 'Maven Pro';
  font-style: normal;
  font-weight: 400;
  src: url('/static/res/fonts/Maven_Pro.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
  font-family: 'Maven Pro';
  font-style: normal;
  font-weight: 500;
  src: url('/static/res/fonts/Maven_Pro.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
  font-family: 'Maven Pro';
  font-style: normal;
  font-weight: 700;
  src: url('/static/res/fonts/Maven_Pro.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 400;
  src: url('/static/res/fonts/Nunito.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 600;
  src: url('/static/res/fonts/Nunito.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 700;
  src: url('/static/res/fonts/Nunito.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Wire One';
    src: url('/static/res/fonts/WireOne.woff');
}

.title,
.subtitle {
	font-family: 'Wire One', Helvetica, Arial, sans-serif;
	font-weight:normal;
	font-size:7em;
	margin-bottom:15px;
	color:#FDF9F4;
	line-height:1em;
	font-weight: bold;
}
.subtitle {
	line-height:.9em;
	font-size:5.5em;
	margin-top:0;
	margin-bottom:40px;
}

a {
   text-decoration: none; /* changed from text-decoration:underline */
}

a:hover {
   text-decoration: underline; /* changed from text:decoration:none */
}

.bold {
    font-weight:bold;
    }

.bg-nav {
	background-color: #f8f9fa !important;
}

.bg-light-2 {
	background: #fff !important;
	border-bottom: 1px solid #ebebeb !important;
	/*height: 52px;*/
	/*overflow: hidden !important;*/ /* dropdown menu hidden issue! */
}

.bg-light-2.scrolled {
	box-shadow: 0 1px 6px 0 rgba(32, 33, 36, 0.28) !important;
}

.bg-light-footer {
	background: #f2f2f2;
	border-top: 1px solid #dadce0;
}

/* highlight elasticsearch term */
em {
    /* background-color: greenyellow; */
    font-weight: bold;
    color: #5f6368;
}

/* Search Result */
.search_title {
	font-size:20px;
	font-weight: normal;
	color: #1a0dab;
	line-height: 1.3;
}
.search_title:hover {color: #1a0dab;}

.search_path {
	font-size: 14px;
	line-height: 1.3;
	color: #5f6368;
	white-space: normal;
    word-break: break-all;
    direction: ltr;
}

.search_body {
    font-size: 14px;
    color: #4d5156;
    line-height: 1.58;
    word-wrap: break-word;
}

.search_time {
    font-size: 14px;
    color: #70757a;
    line-height: 1.58;
    word-wrap: break-word;
}

.search_small_box {
	border: 1px solid #ebebeb;
	border-radius: 2px;
	padding: 0 4px;
	display: inline-block;
	height: 14px;
	line-height: 12px;
	text-align: center;
	font-weight: normal;
	color: #4d5156;
	font-size: 10px;
	letter-spacing: 0.75px;
	vertical-align: middle;
}

.btn-group-sm > .btn, .btn-tiny {
	padding: .05rem .5rem;
	font-size: .875rem;
	line-height: 1.3;
	border-radius: .2rem;
}

/* footer */
.footer-main2 {
	bottom: 0;
	left: 0;
	position: fixed;
	right: 0;

	background: #f2f2f2;
	/*line-height: 40px;*/
	min-width: 360px;
	border-top: 1px solid #dadce0;
}
.footer-top-col {
	/*padding: 15px 30px;*/
	border-bottom: 1px solid #dadce0;
	/*font-size: 15px;*/
	color: rgba(0,0,0,.54);
}
#fsr {
	float: right;
	margin-right: 20px;
}
#fsl {
	margin-left: 20px;
	float: left;
}

/* anchor: resolves the header issue on internal links */
.anchor{
    padding-top: 80px;
    margin-top: -80px;
}

/* colors */
/* color badge-outline */
.badge-outline-info {
    color: #17a2b8;
    border: 1px solid #17a2b8;
}
.badge-outline-primary {
    color: #007bff;
    border: 1px solid #007bff;
}
.badge-outline-secondary {
    color: #6c757d;
    border: 1px solid #6c757d;
}
.badge-outline-dark {
    color: #343a40;
    border: 1px solid #343a40;
}
/* color other */
.text-success {
	color: #28a745 !important;
}
.badge-success {
	color: #fff;
	background-color: #28a745;
}
.btn-success {
	color: #fff;
	background-color: #28a745;
	border-color: #28a745;
}

.text-primary {
	color: #007bff !important;
}
.badge-primary {
	color: #fff;
	background-color: #007bff;
}
.btn-primary {
	color: #fff;
	background-color: #007bff;
	border-color: #007bff;
}

.text-info {
	/*color: #17a2b8 !important;*/
	color: #17a2b8 !important;
}
.badge-info {
	color: #fff;
	background-color: #17a2b8;
}
.btn-info {
	color: #fff;
	background-color: #17a2b8;
	border-color: #17a2b8;
}
.btn-info:hover,.btn-info:focus {
    color:#fff;
    background-color:#0d8c9f;
    border-color:#0f92a6;
}
.btn-outline-info {
	color: #17a2b8;
	background-color: #fff;
	border-color: #17a2b8;
}
.btn-outline-info:hover{color:#fff;background-color:#17a2b8;border-color:#17a2b8}

.text-danger {
	/*color: #dc3545 !important;*/
	color: #dc3545 !important;
}
.badge-danger {
	color: #fff;
	background-color: #dc3545;
}
.btn-danger {
	color: #fff;
	background-color: #dc3545;
	border-color: #dc3545;
}

.text-warning {
	/*color: #ffc107 !important;*/
	color: #ffc107 !important;
}
.badge-warning {
	color: #212529;
	background-color: #ffc107;
}
.btn-warning {
	color: #212529;
	background-color: #ffc107;
	border-color: #ffc107;
}

.text-secondary {
	/*color: #6c757d !important;*/
	color: #6c757d !important;
}
.badge-secondary {
	color: #fff;
	background-color: #6c757d;
}
.btn-secondary {
	color: #fff;
	background-color: #6c757d;
	border-color: #6c757d;
}

.text-dark {
	/*color: #343a40 !important;*/
	color: #343a40 !important;
}
.badge-dark {
	color: #fff;
	background-color: #343a40;
}
.btn-dark {
	color: #fff;
	background-color: #343a40;
	border-color: #343a40;
}

/* navbar nova icon size */
.navbar{font-size:1rem;}

/* text-primary nova color */
/*
.text-primary{color:#47b0df !important}
.btn-primary{color:#fff;background-color:#47b0df;border-color:#47b0df}
.btn-primary:hover,.btn-primary:focus{color:#fff;background-color:#208ab9;border-color:#208ab9}
.btn-outline-primary {
	color: #47b0df;
	background-color: #fff;
	border-color: #47b0df;
}
.btn-outline-primary:hover{color:#fff;background-color:#47b0df;border-color:#47b0df}

.page-link {
	color: #47b0df;
}
.page-item.active{
	color: #fff;
	background-color: #47b0df;
	border-color: #47b0df;
}
*/

/* navbar nova beta */
.site-logo .logo-text{position:relative;top:3px}
.site-logo .logo-text .alt{font-size:.7rem;background:#dff1f9;color:#47b0df;padding:0px 4px;position:relative;top:+5px}
.site-logo .navbar-brand{font-size:2rem;font-weight:600;padding-top:0}

/* button underline removed */
.btn {text-decoration: none !important;}

/* navbar items vertical center */
.navbar-nav .nav-item {
    display: flex !important;
    align-items: center !important;
}

/* flex horizontal & vertical center */
.flex-center-h {
    display: flex;
    justify-content: center;
}
.flex-center-v {
    display: flex;
    align-items: center;
}

/* selectable-box */
.selectable-box {
  cursor: pointer;
  border: 2px solid transparent;
  transition: border-color 0.3s ease-in-out;
}
.grayscale {
  filter: grayscale(100%);
  opacity: 30%;
}
.selectable-box img {
  height: 50px;
  padding: 10px;
}

/* marked */
markdown th, markdown td {
  border-bottom: 1px solid #e0e0e0;
  padding: 6px 6px;
}