@charset "utf-8";
/* CSS Document */

/*---------------------------------------
HIGHLIGHT TEXT
-----------------------------------------*/

::selection { background: #86b043; color: #ffffff; }
::-moz-selection { background: #86b043; color: #ffffff; }


/*---------------------------------------
GLOBAL COLORS
-----------------------------------------*/

.blue-medium { color: #2199e8; }

.black-light { color: #585858; }
.black-medium { color: #282828; }
.black-dark { color: #111111; }
.bg-black-light { background: #585858; color: #ffffff; }
.bg-black-light:hover, .bg-orange-medium:focus { background: #282828; }
.bg-black-medium { background: #282828; color: #ffffff; }
.bg-black-dark { background: #111111; color: #ffffff; }

.grey-light { color: #f8f8f8; }
.grey-medium { color: #cacaca; }
.grey-dark { color: #7e7e7f; }
.bg-grey-light { background: #f8f8f8; color: #ffffff; }
.bg-grey-medium { background: #cacaca; color: #ffffff; }
.bg-grey-dark { background: #7e7e7f; color: #ffffff; }

.green-light { color: #86b043; }
.green-medium { color: #7aa732; }
.green-dark { color: #5b811d; }
.bg-green-light { background: #86b043; color: #ffffff; }
.bg-green-medium { background: #7aa732; color: #ffffff; }
.bg-green-dark { background: #5b811d; color: #ffffff; }

.orange-light { color: #ffa045; }
.orange-medium { color: #ff9631; }
.orange-dark { color: #ff7d00; }
.bg-orange-light { background: #ffa045; color: #ffffff; }
.bg-orange-medium { background: #ff9631; color: #ffffff; }
.bg-orange-medium:hover, .bg-orange-medium:focus { background: #ff7d00; }
.bg-orange-dark { background: #ff7d00; color: #ffffff; }


/*---------------------------------------
GLOBAL FONT SIZES
-----------------------------------------*/

h1 { font-size:230%; }
h2 { font-size:210%; }
h3 { font-size:190%; }
h4 { font-size:170%; }
h5 { font-size:150%; }
h6 { font-size:130%; }

.font-xxsmall { font-size: 40%; }
.font-xsmall { font-size: 60%; }
.font-small { font-size: 80%; }
.font-medium { font-size: 115%; }
.font-large { font-size: 120%; }
.font-xlarge { font-size: 140%; }
.font-xxlarge { font-size: 160%; }
.font-xxxlarge { font-size: 200%; }


/*---------------------------------------
GLOBAL MARGIN
-----------------------------------------*/

.margin-tb { margin: 2% auto 2% auto; }
.margin-t { margin-top: 2%; }


/*---------------------------------------
HEADER
-----------------------------------------*/

.account li, .account li a {
    color: #ffffff;
    text-decoration: none;
    text-transform: uppercase;
}

.account li a:hover {
    text-decoration:underline;
}

header, header .account,
header .account.top-bar ul {
    background: #282828;
    color: #ffffff;
}

#logo img {
	width: 200px;
	padding: 5% 0;
}

/* Main menu */
.bk-main-menu {
    margin: 0;
    padding: .5rem;
    background: #7aa732;
}

.bk-main-menu .is-dropdown-submenu {
    border: none;
    background: #7aa732;
}

.bk-main-menu ul li a,
.bk-main-menu .dropdown.menu > li.is-dropdown-submenu-parent > a {
    color: #ffffff;
}

.bk-main-menu ul li a:hover,
.bk-main-menu .dropdown.menu > li.is-dropdown-submenu-parent > a:hover {
    background: #5b811d;
    color: #ffffff;
}

.bk-main-menu .dropdown.menu li.is-dropdown-submenu-parent a::after {
    border-color: #ffffff transparent transparent;
}

/* Got a question */
#got-a-question {
    background: #f8f8f8;
    font-size: 80%;
}

#got-a-question ul {
    margin-bottom: 0;
}

#got-a-question ul li {
    display: inline; margin-right: 8px;  vertical-align: top;
}

/* Off Canvas Menu */
.title-bar {
    background: #7aa732;
    border:none;
}

#MainoffCanvasLeft {
    background: #282828;
    color: #ffffff;
}

#MainoffCanvasLeft .close-button {
    color: #cacaca;
}

#MainoffCanvasLeft .close-button:hover {
    color: #ffffff;
}

#MainoffCanvasLeft .first-item {
    background: #111111;
    padding: .7rem 1rem;
}

#MainoffCanvasLeft .menu > li > a {
    color: #ffffff;
}

#MainoffCanvasLeft .menu > li > a:hover {
    background: #000000;
}

#MainoffCanvasLeft .nested {
    background: #3a3a3a;
    margin: 0;
}

#MainoffCanvasLeft .nested .nested {
    margin: 0;
}

#MainoffCanvasLeft .nested > li {
    margin-left: 10px;
}

#MainoffCanvasLeft .nested > li a:hover {
    background:none;
}

#MainoffCanvasLeft ul > li > a:hover {
    color: #2199e8;
}


/*---------------------------------------
COMPONENTS
-----------------------------------------*/

/* Callout */
.callout.secondary {
	background: #f8f8f8;
	border: #cacaca 1px solid;
}

/* Buttons */
.button {
    text-transform: uppercase;
    color: #ffffff;
    font-weight: 600;
}

/* Cert & Keys Inputs/Output */
input[readonly],
select[disabled],
textarea[readonly] {
    cursor: text !important;
}

.pre-code {
    background: #f4f4f4;
    font-size: 12px;
    color: #444444;
    line-height: 120%;
}

.input-code {
    font-family: monospace;
    font-size: 1em;
}

/* DataTables */
.search-table {
    margin-top: 30px;
}


/*---------------------------------------
FOOTER
-----------------------------------------*/

footer {
    background: #f8f8f8;
}

.footer-menu {
    padding: 2% 0;
}

.footer-menu h5 {
    font-size: 120%;
}

.footer-menu ul {
    margin-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.footer-menu ul li a {
    color: #7e7e7f;
}

.footer-menu ul li a:hover {
    color: #282828;
}

.copyright {
    padding: 1% 0%;
    background: #585858;
    color: #ffffff;
}

.copyright p {
    margin: 0;
}

.copyright a {
    color: #ffffff;
    text-decoration:none;
}

.copyright a:hover {
    text-decoration:underline;
}