/*If modified, copy to bod-ui repository:
 * gwt/ui/src/main/resources/com/boomi/gwt/apisphere/client/data/portalview/theme.css.tmpl */

/****************************
 * ELEMENTS
 ****************************/
body.themed {
    background-color: #F5F5F5;
    color: #212121;
    background-image: url('backgroundImage');
    background-size: cover;
    margin-left: 8rem;
    margin-right: 8rem;
}

.themed a, .themed a:link {
    color: #107A86;
}

.themed a:hover{
    color:#00292D;
}

.themed a:focus{
    color: #033D58;
    outline: 3px solid #033D58;
}

.themed legend, .themed p {
    color: #212121;
}

.themed h1, .themed h2, .themed h3, .themed h4, .themed h5 {
    color: #212121;
}

.themed button {
    color: #107A86;
    border-color: #107A86;
    background-color: #F5F5F5;
}

.themed button:focus {
    outline: .0625em solid #107A86;
    outline-offset: -.375em;
    background-color: #F5F5F5;
}

.themed button.opblock-summary-control:focus {
    outline-offset: initial;
    color: initial;
}

.themed button.opblock-summary-control:hover {
    background-color: initial;
}

.themed button.model-box-control:hover {
    background-color: initial;
}

.themed button:hover {
    background-color: #00292D;
    color: #F5F5F5
}

.themed button.qm-button--primary-action {
    background-color: #107A86;
    border-color: #107A86;
    color: #F5F5F5;
}

.themed button.qm-button--primary-action:focus{
    outline: .0625em solid #F5F5F5;
}

.themed button.qm-button--primary-action:hover{
    background-color: #00292D;
    border-color: #00292D;
}

.themed input[type="text"], .themed input[type="text"][readonly], .themed input[type="password"],
.themed input[type="email"], .themed input[type="tel"], .themed input[type="search"], .themed input[type="url"],
.themed textarea {
    background: #FFFFFF;
    border-color: #808080;
    color: #212121;
}

.themed .static_copy_box input[type="text"][readonly] {
    background: #FFFFFF;
}

.themed .form_row .form_label>label {
    color: #212121;
}

.themed .form_stacked .form_row.required .form_label_required_text {
	color: #212121;
}

.themed .form_row .form_static_value {
    color: #212121;
}

.themed select {
    background: #FFFFFF;
    border-color: #808080;
    color: #212121;
}

.themed select:hover {
    background-color: #159FAE;
    color: #FFFFFF;
}

.themed table {
    background: #FFFFFF;
    border-color: #808080;
}

.themed tr {
    border-color: #808080;
}

.themed table.semantic_table th {
	background: #F5F5F5;
	color: #212121;
	border-color: #808080;
}

.themed table.semantic_table td {
	background: #FFFFFF;
	border: 0.0625em solid #808080;
}

.themed table.semantic_table th div[__gwt_header]:after {
    color: #107A86;
}

.themed .boomi_standard_empty_label {
	color: #212121;
}

.themed .boomi_bubble .popupContent {
    background: #FFFFFF;
    border: 0.0625em solid #808080;
}

.themed .boomi_bubble .pointerbox {
    background: #FFFFFF;
}

.themed .boomi_bubble.left .pointerbox {
    border-left-color: #808080;
    border-left-style: solid;
    border-left-width: 0.0625em;
    border-bottom-color: #808080;
    border-bottom-style: solid;
    border-bottom-width: 0.0625em;
}

.themed .boomi_bubble.right .pointerbox {
    border-top-color: #808080;
    border-top-style: solid;
    border-top-width: 0.0625em;
    border-right-color: #808080;
    border-right-style: solid;
    border-right-width: 0.0625em;
}

.themed .boomi_bubble.top .pointerbox {
    border-left-color: #808080;
    border-left-style: solid;
    border-left-width: 0.0625em;
    border-top-color: #808080;
    border-top-style: solid;
    border-top-width: 0.0625em;
}

.themed .boomi_bubble.bottom .pointerbox {
    border-right-color: #808080;
    border-right-style: solid;
    border-right-width: 0.0625em;
    border-bottom-color: #808080;
    border-bottom-style: solid;
    border-bottom-width: 0.0625em;
}

.themed header {
    background-color: #FFFFFF;
}

.themed .text_search_box .input_icon {
    color: #808080;
}

.themed .text_search_box i.clear_search_button {
    color: #808080;
    background: #FFFFFF;
}

.themed .icon-link-color {
    fill: #107A86;
}

.themed .icon-link-color:hover{
    fill: #00292D;
}


.themed .icon-link-color:focus{
    fill: #033D58;
}

.themed .icon-link-flip {
    fill: #FFFFFF;
}

.themed .svg-hovershow {
    fill: transparent;
}

.themed .svg-hoverhide {
    fill: #107A86;
}

.themed svg:hover .svg-hovershow {
    fill: #107A86;
}

.themed svg:hover .svg-hoverhide {
    fill: transparent;
}

.themed .c-details {
    border-color: #808080;
    background-color: #FFFFFF;
}

.themed .c-details__summary:focus {
    outline: 0.1875em solid #033D58;
    color: #033D58;
}

.themed .c-details--cardlike {
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.15);
}

.themed .c-details__summary {
    color: #107A86;
}

.themed .c-details__summary:hover {
    color: #033D58;
}

.themed .simple_subheader {
    border-bottom: 1px solid #808080;
}

.themed .context_menu {
    background-color: #FFFFFF;
    margin-left: -8rem;
}

.themed .context_menu .menu_item_group a {
    color: #107A86;
    background-color: #FFFFFF;
}

.themed .context_menu .menu_item_group a:hover{
    background-color: #159FAE;
    color: #FFFFFF;
}

.themed .context_menu .menu_item_group a:focus  {
    color: #FFFFFF;
    background-color: #107A86;
}

.themed blockquote {
    border-left: 0.0625em solid #808080;
}

.themed .validation_panel .info_message, .themed .validation_panel .warn_message {
    color: #212121;
}

.themed .validation_panel .remaining_characters_message {
	color: #212121;
}

.themed .qm-c-alert__text {
    color: #212121;
}

.themed .form_stacked .form_row .validation_panel.error .error_message{
    font-size: 0.6875em
}

.themed .gwt-TabLayoutPanel.tab_alt_simple>div>.gwt-TabLayoutPanelTabs>.gwt-TabLayoutPanelTab {
    background: #F5F5F5;
    color: #107A86;
    border-color: #808080;
    border-bottom: 0;
}

.themed .gwt-TabLayoutPanel.tab_alt_simple>div>.gwt-TabLayoutPanelTabs>.gwt-TabLayoutPanelTab-selected {
    background: #FFFFFF;
    color: #033D58;
}

.themed .breadcrumb {
    color: #212121
}

.themed input[type="checkbox"]:focus, .themed input[type=radio]:focus, .themed input[type="text"]:focus,
.themed input[type="text"][readonly]:focus, .themed input[type="password"]:focus, .themed input[type="email"]:focus,
.themed input[type="tel"]:focus, .themed input[type="search"]:focus, .themed input[type="url"]:focus,
.themed textarea:focus {
    outline: 0.1875em solid #033D58;
}

.themed select:focus {
    outline: 0.1875em solid #033D58;
    margin-top: 0.125em;
}


/****************************
 * COMPONENTS
 ****************************/
.themed a.c-navigation__title, .themed a.c-navigation__title:hover {
    color: #FFFFFF;
}

.c-navigation a:hover, .c-api_subscription_panel a:hover,
.themed table a:hover{
    color:#00292D;
}

.c-welcome {
    background-color: #FFFFFF;
}

.c-welcome__header {
    background-color: #F5F5F5;
}

.c-login__form-contents {
    background-color: #FFFFFF;
}

.themed .c-navigation {
    background: #033D58;
    box-shadow: none;
}

.c-navigation__user-icon {
    background-color: #107A86;
    color: #FFFFFF;
}

.c-navigation .c-navigation__user.drop_button {
    border: 1px solid #808080;
    background-color: #FFFFFF;
    color: #107A86;
}

.c-navigation .c-navigation__user.drop_button:hover {
    background-color: #159FAE;
    color: #FFFFFF;
}

.c-navigation .c-navigation__user.drop_button:focus {
    background-color: #FFFFFF;
    color: #033D58;
    outline: 0.1875em solid #033D58;
}

.c-navigation__menu a {
    color: #FFFFFF;
}

.c-navigation__menu a.is-active {
    border-bottom-color: #FFFFFF;
    color: #FFFFFF;
}

.c-navigation__menu a:hover {
    border-bottom: 0.125em solid #FFFFFF;
    color: #FFFFFF;
}

.c-navigation__menu a:link {
    color: #FFFFFF;
}

.c-navigation__menu a:focus {
    color: #FFFFFF;
}

.c-catalog {
    background-color: #F5F5F5;
    border: 1px solid #808080;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15);
}

.c-catalog__primary {
    background-color: #F5F5F5;
}

.c-card:hover {
    border-color: #107A86
}

.themed .c-filters {
    background-color: #FFFFFF;
    border-right: 1px solid #808080;
    margin-right: 1em;
}

.themed .c-filters__header {
    border-bottom-color: #808080;
}

.c-card {
    color: #212121;
    background-color: #FFFFFF;
    border-color: #808080;
}

.c-card > .c-card__name {
    border-bottom-color: #808080;
}


.c-card:hover > .c-card__name {
    color: #212121;
}

.c-card__apitype {
    border-color: #808080;
}

.c-api {
    background-color: #F5F5F5;
}

.c-api__tabs {
    box-shadow: 0 0.0625em 4px -1px inset rgba(0, 0, 0, 0.15);
    background-color: #FFFFFF;
}

.c-applications__details {
    border: 0.0625rem solid #808080;
    background-color: #FFFFFF;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.15);
}

.c-applications__background {
    background-color: #FFFFFF;
    border: 1px solid #808080;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15);
}

.c-subscription__details {
    border: 0.0625rem solid #808080;
    background-color: #FFFFFF;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.15);
}

.c-subscription__background {
    background-color: #FFFFFF;
    border: 1px solid #808080;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15);
}

.c-api_subscription_panel {
    background-color: #FFFFFF;
}

.themed .modal {
    background: #FFFFFF;
    border: 2px solid #808080;
}

.themed .modal_top {
    border-top: 2px solid #808080;
}

.themed .modal .button_set {
    background: #F5F5F5;
    border-top: 1px solid #808080;
}


/****************************
 * SWAGGER UI OVERRIDES
 ****************************/
.themed .swagger-ui .btn.authorize {
    background-color: #107A86;
    border-color: #107A86;
    color: #FFFFFF;
}

.themed .swagger-ui .btn.authorize svg {
    fill: #FFFFFF;
}

.themed .swagger-ui .btn.authorize:focus {
    outline-offset: -.25em;
    outline: 0.0625em solid #FFFFFF;
}

.themed .swagger-ui .btn.authorize:hover {
    background-color: #00292D;
    border-color: #00292D;
}

.swagger-ui .authorization__btn {
    fill: #033D58;
    border: #033D58;
    background: #FFFFFF;
}

.themed .swagger-ui .authorization__btn:focus {
    border: 0.0625em solid #033D58;
    outline: none;
}

.themed .swagger-ui .auth-btn-wrapper {
    justify-content: inherit;
}

.themed .swagger-ui .btn {
    background-color: #FFFFFF;
    border-color: #107A86;
    color: #107A86;
}

.themed .swagger-ui select {
    background: #FFFFFF;
    border: 0.0625em solid #808080;
    color: #212121;
}

.themed .swagger-ui select:hover {
    background-color: #159FAE;
    color: #FFFFFF;
}

.themed .swagger-ui .scheme-container, .themed .swagger-ui .dialog-ux .modal-ux,
.themed .swagger-ui .auth-container input[type=text] {
    border: 0.0625em solid #808080;
    background: #FFFFFF;
}

.themed .swagger-ui .scheme-container .schemes>label {
    color: #212121;
}

.themed .swagger-ui .opblock-tag {
    color: #212121;
    border-bottom: 0.0625em solid #808080;
}

.themed .swagger-ui, .themed .swagger-ui label, .themed .swagger-ui .model, .themed .swagger-ui .opblock-tag small,
.themed .swagger-ui .opblock .opblock-summary-description, .themed .swagger-ui .opblock .opblock-summary-path,
.themed .swagger-ui table thead tr td, .themed .swagger-ui table thead tr th, .themed .swagger-ui .response-col_status,
.themed .swagger-ui .model-title, .themed .swagger-ui .prop-format, .themed .swagger-ui .parameter__name,
.themed .swagger-ui .parameter__type, .themed .swagger-ui .parameter__extension,
.themed .swagger-ui .parameter__in, .themed .swagger-ui label, .themed .swagger-ui .opblock-description-wrapper p,
.themed .swagger-ui .opblock-external-docs-wrapper p, .themed .swagger-ui .opblock-title_normal p,
.themed .swagger-ui .opblock .opblock-summary-path__deprecated,
.themed .swagger-ui .dialog-ux .modal-ux-header h3,
.themed .swagger-ui .dialog-ux .modal-ux-content h4,
.themed .swagger-ui .dialog-ux .modal-ux-content p {
    color: #212121;
}

.themed .swagger-ui .prop-type {
    color: #033D58 !important;
}

.themed .swagger-ui .expand-operation {
    fill: #107A86
}

.themed .swagger-ui .expand-operation:hover {
    background-color: initial;
}

.themed .swagger-ui .opblock-title_normal {
    color: #033D58;
}

.themed .swagger-ui section.models, .themed .swagger-ui section.models.is-open h4 {
    border-color: #808080;
}

.themed .swagger-ui section.models h4, .themed .swagger-ui .opblock-tag.no-desc span,
.themed .swagger-ui .model-title {
    color: #107A86;
    fill: #107A86;
}

.themed .swagger-ui section.models h4, .themed .swagger-ui .opblock-tag.no-desc span,
.themed .swagger-ui .model-title {
    color: #107A86;
    fill: #107A86;
}

.themed .swagger-ui section.models h4:hover, .themed .swagger-ui .opblock-tag.no-desc span:hover,
.themed .swagger-ui .model-title:hover{
    color: #00292D;
    fill: #00292D;
}

.themed .swagger-ui section.models .model-container, .themed .swagger-ui .opblock-body pre.microlight,
.themed .swagger-ui .dialog-ux .modal-ux-header {
    border-bottom: 0.0625em solid #808080;
}

.themed .swagger-ui section.models .model-container {
    background: transparent;
}

.themed .swagger-ui .opblock-body pre.microlight, .themed .swagger-ui select[disabled],
.themed .swagger-ui input[disabled], .themed .swagger-ui textarea[disabled],
.themed .swagger-ui .parameters-col_description input[type=text] {
    border: 0.0625em solid #808080;
}

.themed .swagger-ui .model-toggle:after {
    -webkit-mask: url("data:image/svg+xml;charset=utf-10,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath d='M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z'/%3E%3C/svg%3E") 50% no-repeat;
    background: #107A86;
}

.themed .swagger-ui td>span>span>span {
    color: #212121 !important;
}

.swagger-ui .opblock .opblock-section-header {
    border: 0.1250em solid #FFFFFF;
}

.swagger-ui button.models-control:hover {
    background-color: initial;
    color: initial;
}

.swagger-ui button.authorization__btn:hover {
    background-color: initial;
}

.swagger-ui button.models-control:focus {
    outline-offset: initial;
}

.themed .swagger-ui .scheme-container .schemes>label select:focus, .themed .swagger-ui .expand-operation:focus,
.themed .swagger-ui .opblock-tag:focus, .themed .swagger-ui section.models:focus {
    outline: 0.1875em solid #033D58;
}

.themed .swagger-ui a.nostyle{
    color: #00292D;
}