@import url("ratchet-theme-docs.min.css");

.bar .fa {
    position: relative;
    z-index: 20;
    font-size: 24px;
}

.bar-nav ~ .content.gkmapp {
	padding-top: 44px;
}

.bar-tab .tab-item .fa {
    top: 3px;
    width: 24px;
    height: 24px;
    padding-top: 0px;
    padding-bottom: 0px;
}

.bar-tab .tab-item .fa ~ .tab-label {
    display: block;
    font-size: 11px;
}

.bg-info {
	background-color: transparent;
	margin-top: 18px;
	margin-bottom: 20px;
	margin-right: 18px;
	font-size: 1.05em;
	font-weight: 300;
}

.btn {
	/*font-size: 14px;*/
}

.btn.read-more {
    padding: 10px;
    background: #B5C5D3;
    color: #20356c;
    text-decoration: none;
    font-weight: 400;
    position: relative;
    border: 0;
    border-radius: 0;
}

.container-fluid {
	padding-left: 0px;
	padding-right: 0px;
}

.content.gkmapp > .table-view:first-child {
    margin-top: -1px;
}

.cprt {
	text-align: center;
}

.docs-header, .docs-sub-header {
    position: relative;
    background-color: #FFF;
    background-image: none;
}

.docs-footer, .docs-footer-links > li > a {
	background-color: #f8f8f8;
	margin-top: 0;
	width: 100%;
	padding-left: 0;
	padding-right: 0;
	font-size: 16px;
	font-weight: 300;
}

.docs-footer-text {
	text-align: center;
	font-size: 16px;
}

.docs-nav .docs-nav-item {
	height: auto;
	line-height: inherit;
	background-color: #74A0D1;
	color: #FFF;
}

.docs-nav .docs-nav-trigger {
	color: #666;
}

.docs-nav a:hover {
	background-color: #FFF;
	color: #666;
}

.docs-nav-item {
	font-weight: bold;
}

.docs-sub-content {
    margin-right: 0;
    padding: 0;
}


.device {
    background-image: none;
	top: 0;
	height: 0;
	width: 0;
}

.device .device-content {
	top: 0;
	height: 0;
	width: 0;
}

.form-control {
	width: auto;
	margin-left: 3px;
	padding-left: 6px;
}

.form-group > input, .form-group > select, a > input {
	padding: 6px;
	margin: 3px;
}

.form-required {
	color: #e21e26;
}

.form-actions, input[type="button"], input[type="reset"], input[type="submit"] {
	color: #20356c;
    background: #c1d5e7;
	padding: 10px 20px 10px 20px;
	font-weight: 400;
	border: 0;
    border-radius: 0;
    font-size: inherit;
}

.gk-books, .form-inline > .gk-books {
	margin-top: 5px;
	margin-bottom: 5px;
	width: 95%;
	float: none;
}

.gk-tag {
	font-size: 10px;
	font-style: italic;
	font-weight: bold;
}

.gk-title, .gk-subtitle {
	font-weight: bold;
}

.gk-tbl {
	background-color: #74A0D1;
	color: #FFFFFF;
	font-weight: bold;
}

.gk-tbl.alert-info {
	border-color: #74A0D1;
}

.gk-header, .page-header, p.gk-header {
	text-align: left;
	text-decoration: none;
	padding-top: 18px;
	padding-bottom: 9px;
	margin: 0px 0px 9px;
	/*border-bottom: 1px solid #EEE;*/
	font-weight: 400;
	margin: 0.4em 0;
	line-height: 1.2;
	color: #20356c;
	border-bottom: none;
}

.gk-warning {
	color: #d9534f;
	margin-top: 18px
}

#gknMain.gkn-content > div > table {
	float: left;
	margin: 0;
	padding: 0;
}

.gkn-admin a:visited {
	color: purple;
}

.gkn-article {
	font-family: minion-pro,Verdana,Arial,Calibri,Geneva,Helvetica,Garamond,sans-serif;
}

.gkn-body {
	overflow-y:hidden;
}

.gkn-btn {
	color: #FFF;
}

.gkn-btn-bk {
	height: 28px;
	color: #FFF;
}

.gkn-center > div > .gk-header, .gkn-center > div > .page-header, .gkn-center > div > div > .page-header, .gkn-center > div > div > div > .page-header {
	/*padding-top: 18px;*/
	text-align: center;
	/*
	text-decoration: auto;
	border-bottom: none;
	*/
	width: 100%;
}

.gkn-center > div > .gkn-cfform-table.col-md-11, .gkn-content > div > .gkn-cfform-table.col-md-11 {
	float: inherit;
	margin-left: auto;
	margin-right: auto;
}

.gkn-color-red, .gkn-color-dragonomics {
	background-color: #C1001F;
}

.gkn-color-blue, .gkn-color-research {
	background-color: #74A0D1;
}

.gkn-color-dark-blue, .gkn-color-data {
	background-color: #1E336C;
}

.gkn-color-funds {
	background-color: #005593;
}

.gkn-color-mid-blue {
	background-color: #20356c;
}

.gkn-color-light-blue {
	background-color: #C2D5E7;
}

.gkn-color-blue-wash {
	background-color: #EAF2FA;
}

.gkn-color-grey-wash {
	background-color: #E7E7E8;
}

.gkn-color-dark-grey {
	background-color: #4C4C4E;
}

.gkn-color-mid-grey {
	background-color: #9B9C9E;
}

.gkn-color-light-grey {
	background-color: #D5D5D6;
}

.gkn-cfform-table {
	float: left;
	/*min-width: 384px;*/
}

.gkn-cfform-table.gkmapp {
	float: none;
}

.gkn-enqform {
	font-size: 16px;
}

.gkn-enqform > tbody > tr > th, tr.form-group > th {
	text-align: right;
	font-weight: bold;
}

.gkn-enqform-subheader, .gk-tbl.gk-subtitle > th {
	text-align: left;
	color: #292929;
	background-color: #E3F2FF;
	padding: 3px;
}

.gkn-enqform-subheader.text-center, .gk-tbl.gk-subtitle.text-center > th {
	text-align: center;
}

.gkn-grid-row {
}

.gkn-grid-col {
	padding-top: 12px;
}
/*
.gkn-grid-row > .gkn-grid-col {
	bottom: 0;
	top: 0;
	left: 0;
	right: 0;
	background-color: yellow;
}

.gkn-icontent {
	padding-top: 18px;
}
*/
.gkn-icontent > div {
	/*
	margin-left: -15px;
	float: left;
	*/
	text-align: left;
}

.gkn-icontent > div > .page-header {
	/*padding-top: 0;*/
}

.gkn-icontent > div > table {
	/*
	width: 95%;
	max-width: 95%;
	*/
}

.gkn-iframe {
	min-height: 712px;
	background-color: #FFF;
	position: relative;
	margin-top: 10px;
	overflow: auto;
	margin: 0;
	padding: 0;
	width: 101.5%;
	/*left: -15px;*/
}

.gkn-frame-bar {
	position: fixed;
	right: 0;
	left: 0;
	z-index: 10;
}

.gkn-frame-bar-nav {
	top: 0;
}

.gkn-frame-bar-tab {
	bottom: 0;
	background-color: #FFF;
}

.gkn-img {
	margin: 10px;
}

.gkn-imgcomm {
	max-width: 640px;
	max-width: 95%;
	max-height: 640px;
}

.gkn-img-icon {
	padding: 4px;
	width: 23px;
	border: 0;
}

.gkn-indent {
	padding-left: 15px;
}

.gkn-label {
	color: white;
    font-weight: 300;
	font-size: 1.1em;
    line-height: 1.5;
	text-align: center;
	padding-top: 8px;
	padding-bottom: 8px;
}

.gkn-left.gkn-icontent {
	background-color: #FFF;
}

.gkn-left2 {
	padding-right: 0;
}

.gkn-list-header {
	padding: 2px;
}

.gkn-logo {
	/*padding-left: 12px;*/
	padding: 12px;
}

.gkn-logo-sub {
	height: 40px;
}

.gkn-nav-container {
	width: 100%;
	max-width: 1280px;
}

.gkn-news {
	min-height: 120px;
}

.gkn-p-left {
	text-align: left;
}

.gkn-p-left.gkmapp {
	text-align: center;
}

.gkn-padding-right {
	padding-right: 0px;
}

.gkn-right2 {
	margin-left: 18px;
	min-height: 712px;
	height: 100%;
	/*padding-top: 18px;*/
	background-color: #FFF;
}

.gkn-right2.col-md-10 > .col-md-12, .gkn-right2.col-md-10 > div > .col-md-12 {
	padding: 0px;
}

.gkn-right2.col-md-10 > .row > .col-md-12 {
	padding-right: 15px;
	padding-left: 15px;
}

.gkn-right2.col-sm-9 {
	/*padding-left: 10px;*/
}

.gkn-right2 > div > .page-header {
	/*padding-top: 18px;*/
}

.gkn-row1 {
	/*margin-left: auto;*/
}

.gkn-sidebar {
	height: 100%;
	width: 100%;
}

.gkn-sidenav {
	border: 1px solid #FFF;
	background-color: #E3F2FF;
	font-weight: bold;
	/*text-align: center;*/
	height: 100%;
	width: 100%;
}

.gkn-sidenav > li {
	border: 1px solid #FFF;
	width: 100%;
}

.gkn-sidenav > li > a {
	padding: 5px;
	width: 100%;
	font-weight: 300;	
	color: #292929;
}

.gkn-sidenav-item {
	display: block;
}

.gkn-separator {
	border-top: 1px dotted #C8C8C8;
}

.gkn-table-list {
	border-collapse: separate;
	border-spacing: 2px;
	width: 100%;	
}

.gkn-table-separate, .gk-box {
	border-collapse: separate;
	border-spacing: 2px;
}

.gkn-title {
	text-align: center;
	font-size: 24px;
}

.gkn-width-auto {
	width: auto;
}

.gkn-wrapper {
    position: relative;
    margin-left: auto;
    margin-right: auto;
}

.lg-units-3 {
	width: 22.222%
}

.lg-units-9 {
	width: 77.778%
}

.media-body {
	padding-right: 25px;
}

.modal {
	/*z-index: inherit;*/
	transform: none;
	background-color: transparent;
	overflow-y: scroll;	
}

.modal.fade.in {
	z-index: 1050;
}

.modal-dialog {
	/*
	padding-left: 10%;
	padding-right: 10%;
	*/
	width: auto;
	/*height: 100%;*/
	background-color: transparent;
}

.modal-dialog.gkn-navleft {
	width: 50%;
	height: auto;
	margin: 10% auto 0px;
	font-weight: 300;
}

.navbar-collapse {
	background-color: #74A0D1;
	/*padding-left: 48px;*/
}

.navbar-collapse.bs-navbar-collapse.in {
	padding: 0px;
}

.navbar-collapse.bs-navbar-collapse.in > .gkn-container > .navbar-nav {
	margin: 0px;
}

.navbar-header {
	/*height: 100px;*/
}

.navbar-inverse {
	background-color: inherit;
	border-color: transparent;
	border-width: 0;
	margin-bottom: auto;
}

.navbar-inverse .navbar-toggle {
	border-color: transparent;
	border-width: 0;
	background-color: #74A0D1;
}

.navbar-inverse .navbar-nav > li > a {
	/*color: #FFF;*/
	font-weight: bold;
}

.navbar-inverse .navbar-nav > .active > a {
	background-color: #1E336C;
	color: #EAF2FA;
}

.navbar-inverse .navbar-nav > li > a:hover {
	background-color: #FFF;
	color: #666;
}

.navigate-right:after {
    /*right: 0px;*/
}

.pgtext > .footer {
	color: #222;
	margin: 0 0 0.25em 1em;
	font-weight: bold;
	font-size: 1.1em;
}

.pgtext > a {
	color: #025891;
	margin: 0 0 0.25em 1em;
}

.sidebar {
	display: none;
}

.stext {
	font-size: 16px;
}

.table tbody > tr > td {
	border: none;
	padding-top: 3px;
	padding-bottom: 3px;
}

.table.gk-books tbody > tr > td {
	border-top: 1px solid #DDD;
	padding: 8px;
}

.table-view-cell {
	padding: 5px;
}

.table-view-cell.gkmapp {
	/*padding-right: 20px;*/
}

.table-view-cell > a:not(.btn) {
    margin: auto;
}

.theme-showcase {
	padding-right: 15px;
	margin-left: 0;
	margin-top: 0;
	max-width: 1280px;
	width: 100%;
}

.title.gkmapp {
	/*position: static;*/
  	width: 80%;
  	overflow: hidden;
  	text-overflow: ellipsis;
	margin-left: 24px;
	margin-right: 24px;
}

.xstext {
	font-size: 13px;
}

.xxstext {
	font-size: 10px;
}

/* Show for mobile, hide later */
@media (max-width: 767px) {
	.nav {
		padding-left: 10px;
	}

	.gkn-left {
		padding-left: 10px;
	}

	.gkn-logo {
		padding-left: 12px;
		/*left: 12px;*/
		max-height: 100px;
		max-width: 298px;
	}
}

/* Hide for mobile, show later */
@media (min-width: 768px) {
	.gkn-container {
		max-width: 1170px;
		position: relative;
		margin-left: auto;
		margin-right: auto;
	}

	.gkn-left {
		/*padding-left: 0;*/
	}

	.gkn-logo {
		width: auto;
		height: 100px;
		/*display: block;*/
		left: 12px;
	}

	.gkn-logo-sub {
		width: auto;
		/*height: 80px;*/
	}

	.gkn-right2 {
		/*border-right: 1px solid #74A0D1;*/
	}

	.gkn-right2.col-md-10 {
		margin-left: 16.6667%;
	}

	.gkn-sidenav-item {
		display: none;
	}

	.navbar-collapse {
		padding-left: 50px;
	}

	.navbar-inverse .navbar-nav > li > a {
		color: #FFF;
		font-weight: bold;
	}

	.sidebar {
		display: block;
		height: 100%;
		position: absolute;
      	top: 0;
      	bottom: 0;
		width: 16.6667%;
	}

	.theme-showcase {
		margin-left: auto;
	}
}

html, body {
    height: 100%;
}

body, div {
	background-color: #FFF;
}

a {
	font-weight: bold;
    color: #74A0D1;
    text-decoration: none;
}

a.gkmapp {
	font-weight: normal;
}

a.gkn-modal-link:hover {
	text-decoration: none;
}

a.form-actions {
	margin-top: 5px;
}

div > p {
	font-size: 1.05em;
	font-weight: 300;
	margin-right: 10px;
}

iframe {
	overflow-x: hidden;
	/*overflow-y: scroll;*/
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
}

input, select, textarea {
	margin-top: 5px;
	margin-left: 3px;
	margin-right: 3px;
	margin-bottom: 5px;
	padding-top: 0;
	padding-right: 6px;
	padding-left: 6px;
	padding-bottom: 0;
}

input[type="button"], input[type="password"], input[type="text"] {
	width: 95%;
	margin-bottom: 5px;
}

input[type="button"], input[type="reset"], input[type="submit"] {
    width: auto;
}

input.gkn-bk-qty {
	width: auto;
	margin: 0;
	padding: 0;
}

p {
	text-align: justify;
	color: black;
}

table {
	font-size: inherit;
	/*text-align: inherit;*/
}

table.stext, table.xstext, table.xxstext {
	border-collapse: separate;
	border-spacing: 2px;
}

table > tbody > tr > td > .form-control {
	width: 95%;
}

td, th {
	padding: 2px;
	/*text-align: left;*/
}

td, th > input {
	/*text-align: inherit;*/
}

td > .table-view:first-child {
	margin-top: -3px;
}

ul > li {
	list-style-type: square;
	text-align: justify;
}