@media (max-width:767px){#bx-panel{display:none !important}}
body {
	background: #fff;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	overflow-x: hidden;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.wrap,
.bx-wrap,
.bx-wrapper{
	position: relative;
}

body{
	position: relative;
	background-repeat: no-repeat;
	background-position: top center;
	background-color: #fff;
	background-image: url("/images/bg.jpg");
}
@media (min-width: 992px) and (max-width:1199px){
	body{
		-webkit-background-size:1600px auto;
		background-size:1600px auto;
	}
}
@media (min-width: 768px) and (max-width: 991px){
	body{
		-webkit-background-size:1280px auto;
		background-size:1280px auto;
	}
}

.icon-empty {
	opacity: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

h3 {
	text-align: center;
}

a:active,
a:hover {
	border-color: transparent;
	text-decoration: none;
}

a,
.container {
	-webkit-transition: color .3s ease, background-color .3s ease, border-color .3s ease;
	-moz-transition: color .3s ease, background-color .3s ease, border-color .3s ease;
	-ms-transition: color .3s ease, background-color .3s ease, border-color .3s ease;
	-o-transition: color .3s ease, background-color .3s ease, border-color .3s ease;
	transition: color .3s ease, background-color .3s ease, border-color .3s ease;
}

img {
    vertical-align: middle;
    max-width: 100%;
}
h1 {
    color: #004a80;
}

/**/
tab,
tabsection{
	display: block;
	padding: 5px;
	border: 1px dashed #ccc;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block;
}
.col {
    padding-left: 10px;
    padding-right: 10px;
}

.col-12 {
    width: 100%;
}

.container-top-line {
    background: #FFFFFF;
    border-bottom: solid 1px #e8e8e8;
    padding: 8px 0;
}
.col-padding {
    padding-top: 20px;
    padding-bottom: 20px;
}
.content {
    position: relative;
    margin: 0 auto;
    width: 100%;
    max-width: 1024px;
}
.content:before,
.content:after {
    content: " ";
    display: table;
}
.content:after {
    clear: both;
}

.logo-link {
    display: block;
    text-decoration: none;
}
.logo-link img {
    float: left;
    margin-right: 20px;
}
.logo-block {
    font-size: 14px;
    color: #808080;
    display: block;
    overflow: hidden;
}

/*menu*/
.container-top-navigation {
    position: relative;
    background: #4c626f;
    color: #ffffff;
    padding: 11px 0;
    line-height: 22px;
    z-index: 1001;
}
.container-top-navigation ul, .container-top-navigation li {
    margin: 0;
    padding: 0;
    list-style: none;
}
.container-top-navigation ul li {
    float: left;
    margin-right: 10px;
    width: 48%;
    text-align: center;
}
@media (max-width: 550px){
    .container-top-navigation ul li {
        float: none;
        width: 94%;
        margin-bottom: 10px;
    }
    .container-top-navigation ul li:last-child {
        margin-bottom: 0;
    }
}

.container-top-navigation ul li a {
    display: block;
    padding: 8px 18px;
    color: #ffffff;
    text-decoration: none;
    border-radius: 20px;
    font-size: 18px;
    border: dotted 1px #e8e8e8;
}
.container-top-navigation ul li.active > a {
  font-weight: bold;
}
.container-top-navigation ul li.active a,
.container-top-navigation .root > li.active > a,
.container-top-navigation .root > li.active > a:active,
.container-top-navigation .root > li.active > a:hover,
.container-top-navigation .root > li.active > a:focus
{
	background: #e8e8e8;
	color: #000000;
	cursor: default;
	pointer-events: none;
}
.container-top-navigation ul li ul a:hover,
.container-top-navigation ul li ul a:focus {
  color: #1F8180;
  border-bottom-color: #1F8180;
  background: transparent !important;
}
.container-top-navigation .root > li:hover > a,
.container-top-navigation .root > li:focus > a,
.container-top-navigation .root > li > a:hover,
.container-top-navigation .root > li > a:focus {
  font-weight: normal;
  background: rgba(0, 0, 0, 0.2);
}

/* ==========================================================================
	 TABLES */
/* ========================================================================== */
.responsive-table {
	position: relative;
	width: 100%;
}
table {
	max-width: 100%;
	background-color: transparent;
	border-collapse: collapse;
	border-spacing: 0;
}
.table {
	width: 100%;
	margin-bottom: 20px;
}
.table th,
.table td {
	padding: 10px;
	line-height: 20px;
	text-align: left;
	vertical-align: top;
	border-top: 1px solid #e8e8e8;
}
.table th {
	font-weight: bold;
	background: #f2f2f2;
}
.table thead th {
	vertical-align: bottom;
}
.table caption + thead tr:first-child th,
.table caption + thead tr:first-child td,
.table colgroup + thead tr:first-child th,
.table colgroup + thead tr:first-child td,
.table thead:first-child tr:first-child th,
.table thead:first-child tr:first-child td {
	border-top: 0;
}
.table tbody + tbody {
	border-top: 2px solid #e8e8e8;
}
.table .table {
	background-color: #f0f0f0;
}
.table-bordered {
	border: 1px solid #e8e8e8;
	border-collapse: separate;
	border-left: 0;
}
.table-bordered th,
.table-bordered td {
	border-left: 1px solid #e8e8e8;
}
.table-bordered caption + thead tr:first-child th,
.table-bordered caption + tbody tr:first-child th,
.table-bordered caption + tbody tr:first-child td,
.table-bordered colgroup + thead tr:first-child th,
.table-bordered colgroup + tbody tr:first-child th,
.table-bordered colgroup + tbody tr:first-child td,
.table-bordered thead:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child td {
	border-top: 0;
}
.table-bordered tbody + tbody tr:first-child td {
	border-top: solid 2px #e8e8e8;
}
.table-striped tbody > tr:nth-child(even) > td,
.table-striped tbody > tr:nth-child(even) > th {
	background-color: rgba(0, 0, 0, 0.1);
}
.primary-box .table-striped tbody > tr:nth-child(even) > td,
.primary-box .table-striped tbody > tr:nth-child(even) > th,
.secondary-box .table-striped tbody > tr:nth-child(even) > td,
.secondary-box .table-striped tbody > tr:nth-child(even) > th {
	background-color: rgba(255, 255, 255, 0.2);
}
.table-hover tr:hover > th,
.table-hover tr:hover > td {
	background-color: #f0f0f0;
}
.table-noborder th,
.table-noborder td {
	border: 0;
	padding: 8px;
}
.table-noborder th p:first-child,
.table-noborder td p:first-child {
	margin-top: 0;
}
.table-noborder th p:last-child,
.table-noborder td p:last-child {
	margin-bottom: 0;
}
.table-noborder th:first-child,
.table-noborder td:first-child {
	padding-left: 0;
}
.table-noborder th:last-child,
.table-noborder td:last-child {
	padding-right: 0;
}
.table-white-box {
	border-radius: 3px;
}
.table-white-box td,
.table-white-box th {
	background: #ffffff;
	padding: 10px;
}
.table-white-box th {
	vertical-align: middle;
}
.table-white-box thead:first-child tr:first-child th:first-child,
.table-white-box tbody:first-child tr:first-child th:first-child,
.table-white-box tbody:first-child tr:first-child td:first-child {
	border-radius: 3px 0 0 0;
}
.table-white-box thead:first-child tr:first-child th:last-child,
.table-white-box tbody:first-child tr:first-child th:last-child,
.table-white-box tbody:first-child tr:first-child td:last-child {
	border-radius: 0 3px 0 0;
}
.table-white-box tbody:last-child tr:last-child td:first-child {
	border-radius: 0 0 0 3px;
}
.table-white-box tbody:last-child tr:last-child td:last-child {
	border-radius: 0 0 3px 0;
}
.table-white-box tbody > tr:nth-child(even) > td,
.table-white-box tbody > tr:nth-child(even) > th {
	background-color: #fcfcfc;
}

/*Code*/
pre.code {
    padding: 15px;
    border: 1px dashed;
    overflow-x: scroll;
}

/*div table*/
div.row {
	width: 100%;
	border: 1px dashed;
}
div.column {
	display: inline-block;
	width: calc(50% - 35px);
	padding: 15px;
}
td.example {
	width: 50px;
}
p.example {
	text-align: right;
	padding-right: 10px;
}