/* Generic */
a:not([href]):not([tabindex]) {
    color: #0077ac;
}

a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
    color: #009dde;
    text-decoration: underline;
}

a.btn.disabled, fieldset:disabled a.btn {
    color: #333;
}

/* portlet */
.portlet-layout .portlet-header {
    margin: 0;
}

/* Page Layouts */

/* OHIM User Area */
#container,
#container *, 
#container *::before, 
#container *::after {
    box-sizing: revert;
}

.ohim-left-sidebar-userarea-layouttpl .left-sidebar {
    overflow: unset!important;
}

button, input {
    box-sizing: border-box!important;
}
/* control menu account for page padding */
.has-control-menu {
    padding-top: 80px;
}

.has-staging-bar {
    padding-top: 155px;
}

.has-control-menu #top-bar {
    top: 80px;
}

.staging #ohim-header {
    margin-bottom: 50px;
}

/* top bar box sizing fix */
#top-bar, 
#top-bar::before, 
#top-bar::after {
    box-sizing: initial;
}


/* header box sizing fix */
#ohim-header *,
#ohim-header *::before,
#ohim-header *::after {
    box-sizing: initial;
}

#menu,
#menu *,
menu *::before,
menu *::after {
    box-sizing: border-box;
}

.row-fluid [class*="span"] {
    box-sizing: border-box!important;
}

/*OHIM right sidebar layouttpl box sizing fix*/
.links-sidebar>li>ul>li>a,
.links-sidebar>li>ul>li ul li a {
    box-sizing: border-box!important;
}

/* datepicker box sizing fix */
.datepicker *, 
.datepicker::before, 
.datepicker::after {
    box-sizing: initial;
}

.nice-classification-grid *,
.nice-classification-grid *::before,
.nice-classification-grid *::after {
    box-sizing: border-box!important;
}

/* language selector */
#login-info #language-selector .dropdown-toggle {
    color: #fff;
    display: block;
    text-shadow: 1px 0px 2px rgba(0,0,0,0.35);
    padding-left: 7px;
    padding-bottom: 5px;
    padding-top: 3px;
    margin-top: -3px;
}

#login-info #language-selector .dropdown-toggle:hover {
    background: #004f74;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

#login-info #language-selector .dropdown-toggle span {
    color: #fff;
    font-size: 9px;
    text-align: center;
    height: 11px;
    line-height: 11px;
    display: inline-block;
    padding: 0 4px;
    border-radius: 2px;
}

#login-info #language-selector .dropdown-toggle span::before {
    margin-left: 5px;
    margin-right: 0;
    width: 12px;
}

#language-selector .dropdown-menu li a {
    font-size: 12px;
}

/* dropdown display fix */
.open .dropdown-menu {
    display: none;
}

.open > .dropdown-menu {
    display: block;
}

.dropdown-menu.show {
    display: block;
}

/* collapse fix */
.collapse {
    position: initial;
    height: initial;
    overflow: unset;
    transition: unset;
}

/* portlet decorator naked*/
.portlet-naked .portlet-header {
    display: none;
}

/* portlet fixes */
.portlet {
    margin-bottom: 0;
}

.portlet-content-editable {
    border: none;
}

.portlet-borderless .portlet-content {
    padding: 0;
}

.portlet-topper [class^="icon-"],
.portlet-topper  [class*=" icon-"] {
    vertical-align: baseline;
    background-image: none;
    background-position: 0% 0%;
    background-repeat: repeat;
    margin-top: 0;
}

/* Tooltip */
.tooltip {
    font-weight: 400;
}

.tooltip.show {
    opacity: 1;
}

.tooltip > .tooltip-inner {
    background-color:#272833;
    box-shadow: 0 1px 4px 0px rgba(0, 0, 0, 0.4);
    padding: 12px;
    border-radius: 4px;
    font-size: 14px;
}

.tooltip > .tooltip-inner {
    background-color: #0d486f;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    padding: 5px 15px;
}

.bs-tooltip-bottom .arrow::before, 
.bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
    border-width: 0 6px 6px;
    border-bottom-color: #272833;
}

.tooltip.bottom>.tooltip-arrow {
    border-bottom-color: #272833;
}

.tooltip.bottom .tooltip-arrow {
    border-bottom: 5px solid #272833;
}

.tooltip .tooltip-arrow {
    background-color: #272833;
}

.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before {
    top: 0;
    border-width: 0.4rem 0.4rem 0;
    border-color: #0d486f;
}

.tooltip.top>.tooltip-arrow {
    background: #0d486f;
    border-color: #0d486f;
}

/* popover */
.popover .arrow::before, .popover .arrow::after {
    content: unset;
}

.popover {
    border: unset;
}
/* gs builder conflict */
/* .popover-body, 
.popover-content {
    color: #fff;
} */

/* dropdown menu */
.lfr-icon-menu-open .dropdown-menu {
    font-size: 14px;
    min-width: 240px;
    padding: 6px 0;
    border-radius: 4px;
    border: 1px solid #E7E7ED;
    box-shadow: 0 1px 5px -1px rgba(0, 0, 0, 0.3);
}

.lfr-icon-menu-open .dropdown-menu {
    margin-top: 5px;
}

.lfr-icon-menu-open .dropdown-menu a {
    line-height: 21px;
}

.lfr-icon-menu-open .dropdown-item, 
.lfr-icon-menu-open .dropdown-menu > li > a, 
.lfr-icon-menu-open .dropdown-menu .link-list > li > a {
    padding: 8px 20px;
}

.dropdown-menu * {
    box-sizing: border-box!important;
}
.dropdown-menu {
    font-size: unset;
}

.dropdown-menu a {
    color: #333!important;
}

.dropdown-menu li > a:hover, 
.dropdown-menu .active > a, 
.dropdown-menu .active > a:hover {
    color: #fff!important;
}

/* alert */
.alert .close {
    right: -21px!important;
}

.close {
    font-size: 20px!important;
}

.editable-items li .close:hover {
    opacity: 1!important;
}

/* radio/checkbox */
.radio, .checkbox {
    margin-top: unset;
}

/* form */
.form-inline {
    display: block;
}

.search-form .form-inline {
    margin: 0 0 18px;
}

/* btn */
.btn {
    color: #333!important;
}

.btn:hover {
    text-decoration: none!important;
}

.btn-primary, 
.btn-primary.disabled, 
.btn-primary.disabled:hover, 
.btn-primary.disabled:active,
.btn-primary.disabled:visited {
    color: #fff!important;
}

/* icon fix */
.collapse-icon .collapse-icon-closed, 
.collapse-icon .collapse-icon-open {
    right: 15px;
}

/* product menu */
.product-menu {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 16px;
}

.product-menu .col-md-12 {
    padding-right: 12px;
    padding-left: 12px;
}

.product-menu .row,
.product-menu .form-horizontal > .form-group {
    margin-right: -12px;
    margin-left: -12px;
}

.product-menu .nav {
    font-size: 14px;
}

.product-menu.sidebar .sidebar-header {
    padding-bottom: 11px;
    padding-top: 11px;
}
/* website-framework css bug */
[class*="header-"]:not(.panel-header-link) {
    font-weight: normal;
}

.product-menu .panel-title {
    font-size: 14px;
}

.product-menu .panel-title .panel-header-link {
    font-weight: 600;
}

.product-menu.sidebar .sidebar-body, 
.lfr-has-simulation-panel .lfr-simulation-device {
    top: 56px;
}

.product-menu .list-group {
    font-size: 14px;
}

.product-menu a.collapse-icon {
    padding-right: 36.5px;
}


.product-menu .list-group-heading {
    margin-bottom: 0;
}

.product-menu .list-group-heading::after {
    background-color: #0B5FFF;
    bottom: 0;
    content: '';
    display: block;
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
}

.product-menu .list-group-heading::after {
    background-color: transparent;
    height: 0;
}

.product-menu .list-group-heading.goto-link {
    font-size: 12.8px;
    line-height: 19.2px
}

.product-menu .nav > li > a {
    padding: 10px 16px;
}

.lfr-add-panel .product-menu .add-content-menu .add-application-panel .lfr-content-item {
    margin-bottom: 8px;
    font-size: 14px;
    line-height: 21px;
}

.product-menu .form-control {
    font-size: 16px;
}

.lfr-add-panel .product-menu .input-group.search-bar .input-group-btn {
    font-size: 16px;
}

.product-menu .list-group-item-content {
    padding: 12px;
}

.lfr-add-panel .product-menu .add-content-menu .tabular-list-group > .list-group-item > .list-group-item-content h1 {
    font-size: 14px;
}

.lfr-add-panel .product-menu .add-content-menu .tabular-list-group > .list-group-item > .list-group-item-content .text-default {
    font-size: 14px;
}

.product-menu .list-group-item-field {
    padding: 12px;
}

.product-menu .sticker {
    border-radius: 4px;
    height: 32px;
    line-height: 32px;
    width: 32px;
    font-size: 16px;
    font-weight: 500;
}

.product-menu .sticker-secondary,
.product-menu .sticker-default {
    background-color: #FFF;
    color: #6B6C7E;
}

.product-menu .mb-2,
 .product-menu .my-2 {
    margin-bottom: 8px!important;
}

.product-menu .mt-2,
.product-menu .my-2 {
    margin-top: 8px!important;
}


.product-menu .mb-3,
 .product-menu .my-3 {
    margin-bottom: 8px!important;
}

.product-menu .mt-3,
.product-menu .my-3 {
    margin-top: 10px!important;
}

.product-menu .p-3 {
    padding: 16px!important;
}

.product-menu .m-4 {
    margin: 24px!important;
}

.product-menu .bg-dark {
    background-color: #272833!important;
}

.product-menu ul {
    margin: unset;
}

.product-menu li {
    line-height: 21px!important;
}

.product-menu  .h3 {
    font-size: 19px;
}

.product-menu  .small {
    font-size: 14px;
}

.product-menu .h1,
.product-menu .h2,
.product-menu .h3,
.product-menu .h4,
.product-menu .h5,
.product-menu .h6 {
    margin-bottom: 8px;
}

.product-menu p {
    margin-bottom: 16px;
    line-height: 21px;
}

.product-menu .dropdown-menu {
    font-size: 14px;
    min-width: 240px;
    padding: 6px 0;
    border-radius: 4px;
    border: 1px solid #E7E7ED;
    box-shadow: 0 1px 5px -1px rgba(0, 0, 0, 0.3);
}

.product-menu .dropdown-menu {
    margin-top: 5px;
}

.product-menu .dropdown-menu a {
    line-height: 21px;
}

.product-menu .dropdown-item, 
.product-menu .dropdown-menu > li > a, 
.product-menu .dropdown-menu .link-list > li > a {
    padding: 8px 20px;
}

.product-menu .card {
    border-radius: 4px;
    padding: 0;
}

.product-menu .card-body {
    padding: 12px 16px 16px;
}

.product-menu .card-title {
    font-size: 14px;
}

.product-menu .btn {
    background-image: unset;
    box-shadow: unset;
    text-shadow: unset;
    background-color: transparent;
    border-color: transparent;
}

.product-menu .btn:hover,
.product-menu .btn:active {
    background: unset;
}

.lfr-simulation-panel .product-menu .default-devices .icon-monospaced {
    height: 40px;
    width: 40px;
}

/* control menu */
.control-menu {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    line-height: 24px;
}

.control-menu .dropdown-menu {
    font-size: 14px;
    max-height: 500px;
    max-width: 240px;
    min-height: 40px;
    overflow: auto;
    padding-bottom: 0;
    min-width: 240px;
    padding-top: 6px;
    margin-top: 5px;
    border: 1px solid #E7E7ED;
}

.control-menu .dropdown-menu > li > a {
    padding: 8px 20px;
}

.control-menu .dropdown-menu li > a:hover,
.control-menu .dropdown-menu .active > a,
.control-menu .dropdown-menu .active > a:hover {
    color: #272833;
    background-color: #f0f5ff;
}

.control-menu .container-fluid-max-xl {
    max-width: 1248px;
}

.control-menu ul {
    margin: unset;
}

.control-menu li {
    line-height: unset;
}

/* .control-menu .control-menu-nav li {
    line-height: 24px;
} */

.control-menu .control-menu-level-1-heading {
    font-size: 16px;
}

.control-menu .control-menu-nav-item-content span.text-muted {
    font-size: 14px;
    line-height: 21px;
}

.control-menu .btn-monospaced.btn-sm, 
.control-menu .btn-group-sm > .btn-monospaced.btn, 
.control-menu .btn-group-sm .btn-group > .btn-monospaced.btn, 
.control-menu .btn-monospaced.btn-xs {
    height: 32px;
    padding-bottom: 3px;
    padding-top: 3px;
    width: 32px;
}

.control-menu .btn-unstyled.text-secondary {
    font-size: 16px;
}

.control-menu .btn {
    background-image: unset;
    box-shadow: unset;
    text-shadow: unset;
    background-color: transparent;
}

.control-menu .btn:hover,
.control-menu .btn:active {
    background: unset;
    border-color: transparent;
}

.control-menu .text-muted {
    color: #A7A9BC !important;
}

.control-menu .icon-monospaced,
.control-menu .icon-monospaced[class^='icon-'],
.control-menu .icon-monospaced[class*=' icon-'] {
    height: 32px;
    width: 32px;
}

.control-menu [class^="icon-"],
.control-menu [class*=" icon-"] {
    vertical-align: baseline;
    background-image: none;
    background-position: 0% 0%;
    background-repeat: repeat;
    width: auto;
    height: auto;
}

.control-menu .modal {
    background: unset;
    overflow: hidden;
    margin: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}

.control-menu .fade {
    opacity: 1;
}

.control-menu .modal.fade {
    transition: inherit;
}

.control-menu .mt-5,
.control-menu .my-5 {
    margin-top: 48px!important;
}

.control-menu .modal-dialog.modal-dialog-sm {
    max-width: 600px;
}

.control-menu .modal-content {
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.5);
    border-radius: 6px;
}

.control-menu .modal-header {
    height: 64px;
    padding: 0 24px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.control-menu .modal-title {
    font-size: 20px;
    font-weight: 700;
}

.control-menu .modal-body {
    padding: 24px;
}

.control-menu .form-control {
    height: 40px;
    padding: 7px 16px;
    min-width: 0;
    font-size: 16px;
    color: #272833;
    background-color: #f1f2f5;
    border: 1px solid #E7E7ED;
    border-radius: 4px;
}

/* staging bar */

.staging-bar-level-2-nav .staging-bar-level-2-nav-item {
    line-height: 21px;
}

.control-menu .alert.alert-fluid {
    border-radius: 0;
    border-width: 0 0 1px 0;
    margin-bottom: 0;
    padding: 0;
    background: #fff;
    border: none;
}

.control-menu .label {
    font-size: 10px;
    line-height: 10px;
    font-weight: 600;
    padding: 2px 4px;
    margin: 2px 4px 2px 0;
    vertical-align: unset;
    white-space: normal;
    outline: 0;
    border: 1px solid #cdced9;
    border-radius: 2px;
    text-transform: uppercase;
}

.control-menu .alert-indicator {
    font-size: 14px;
}

.control-menu .staging-alert-container {
    padding: 16.5px 0;
}

.control-menu .alert-fluid {
    padding: 0;
    margin: 0;
    border-radius: 0;
}

.control-menu .custom-info-alert {
    background: none;
    border: 0;
}

.control-menu .btn-primary {
    color: #FFF;
    background-color: #0B5FFF;
    border-color: #0B5FFF;
    box-shadow: none;
    font-size: 14px;
    font-weight: 600;
    line-height: 16.1px;
    padding: 7px 12px;
}


.control-menu-level-1 button:focus, 
.control-menu-level-1 button:hover {
    color: #fff;
    text-decoration: none;
    background-color: #0053f0!important;
    border-color: transparent;
}

/* main navigation menu */
/* #main-navigation-menu .portlet {
    position: initial;
} */

body>header .dropdown-languages a, body>header .dropdown-sizes a {
    color: #1078b8!important;
}

#main-navigation-menu {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
}

#main-navigation-menu .portlet-topper {
    z-index: 10;
}

#menu .nav > li {
    position: initial;
}

#menu .nav {
    display: block;
}

.blue-link {
    color: #333 !important;
    border: 4px solid #00a0e5;
    border-width: 0 0 0 4px;
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
    display: inline-block;
    padding: 5px 0 5px 10px
}

#menu .nav > li > a.blue-link:hover span:before {
    background-position: 0 -15px
}

#menu .nav > li > a.blue-link span {
    border-bottom: 2px solid #00a0e5
}

#menu .nav li.active a.blue-link,
#menu .nav li:hover a.blue-link {
    background-color: #00a0e5
}

#menu .nav li.active a.blue-link span:before,
#menu .nav li:hover a.blue-link span:before {
    background-position: 0 -15px
}

#menu .blue-menu {
    border-top: 2px solid #00a0e5;
    border-bottom: 2px solid #00a0e5
}

.red-link {
    color: #333 !important;
    border: 4px solid #cb3a31;
    border-width: 0 0 0 4px;
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
    display: inline-block;
    padding: 5px 0 5px 10px
}

#menu .nav > li > a.red-link:hover span:before {
    background-position: 0 -5px
}

#menu .nav > li > a.red-link span {
    border-bottom: 2px solid #cb3a31
}

#menu .nav li.active a.red-link,
#menu .nav li:hover a.red-link {
    background-color: #cb3a31
}

#menu .nav li.active a.red-link span:before,
#menu .nav li:hover a.red-link span:before {
    background-position: 0 -5px
}

#menu .red-menu {
    border-top: 2px solid #cb3a31;
    border-bottom: 2px solid #cb3a31
}

.yellow-link {
    color: #333 !important;
    border: 4px solid #eaa647;
    border-width: 0 0 0 4px;
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
    display: inline-block;
    padding: 5px 0 5px 10px
}

#menu .nav > li > a.yellow-link:hover span:before {
    background-position: 0 -10px
}

#menu .nav > li > a.yellow-link span {
    border-bottom: 2px solid #eaa647
}

#menu .nav li.active a.yellow-link,
#menu .nav li:hover a.yellow-link {
    background-color: #eaa647
}

#menu .nav li.active a.yellow-link span:before,
#menu .nav li:hover a.yellow-link span:before {
    background-position: 0 -10px
}

#menu .yellow-menu {
    border-top: 2px solid #eaa647;
    border-bottom: 2px solid #eaa647
}

.green-link {
    color: #333 !important;
    border: 4px solid #390;
    border-width: 0 0 0 4px;
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
    display: inline-block;
    padding: 5px 0 5px 10px
}

#menu .nav > li > a.green-link:hover span:before {
    background-position: 0 -15px
}

#menu .nav > li > a.green-link span {
    border-bottom: 2px solid #390
}

#menu .nav li.active a.green-link,
#menu .nav li:hover a.green-link {
    background-color: #390
}

#menu .nav li.active a.green-link span:before,
#menu .nav li:hover a.green-link span:before {
    background-position: 0 -15px
}

#menu .green-menu {
    border-top: 2px solid #390;
    border-bottom: 2px solid #390
}

.purple-link {
    color: #333 !important;
    border: 4px solid #936;
    border-width: 0 0 0 4px;
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
    display: inline-block;
    padding: 5px 0 5px 10px
}

#menu .nav>li>a.purple-link:hover span:before {
    background-position: 0 -20px
}

#menu .nav>li>a.purple-link span {
    border-bottom: 2px solid #936
}

#menu .nav li.active a.purple-link,
#menu .nav li:hover a.purple-link {
    background-color: #936
}

#menu .nav li.active a.purple-link span:before,
#menu .nav li:hover a.purple-link span:before {
    background-position: 0 -20px
}

#menu .purple-menu {
    border-top: 2px solid #936;
    border-bottom: 2px solid #936
}

.blue-list {
    margin-left: 0;
    background-position: 0 -90px;
    list-style: none
}

.blue-list li,.blue-list a {
    font-size: 13px;
    color: #333
}

.blue-list li {
    padding: 3px 0;
    list-style: none;
    position: relative
}

.blue-list li:before {
    content: '';
    display: block;
    position: absolute;
    width: 6px;
    height: 8px;
    left: -10px;
    top: 9px;
    background: url("/website-framework/style/theme/ohim-base/img/icons/sprite-list.png") no-repeat;
    background-position: 0 -90px
}

.blue-list ul {
    list-style-image: url("/website-framework/style/theme/ohim-base/img/icons/rounded-bullet.png");
    margin-left: 25px
}

.blue-list ul a {
    color: gray
}

.blue-list li.em a {
    font-size: 120%;
    color: #00a0e5;
    font-weight: 600
}

.red-list {
    margin-left: 0;
    background-position: 0 0;
    list-style: none
}

.red-list li,.red-list a {
    font-size: 13px;
    color: #333
}

.red-list li {
    padding: 3px 0;
    list-style: none;
    position: relative
}

.red-list li::before {
    content: '';
    display: block;
    position: absolute;
    width: 6px;
    height: 8px;
    left: -10px;
    top: 9px;
    background: url("/website-framework/style/theme/ohim-base/img/icons/sprite-list.png") no-repeat;
    background-position: 0 0
}

.red-list ul {
    list-style-image: url("/website-framework/style/theme/ohim-base/img/icons/rounded-bullet.png");
    margin-left: 25px
}

.red-list ul a {
    color: gray
}

.red-list li.em a {
    font-size: 120%;
    color: #cb3a31;
    font-weight: 600
}

.yellow-list {
    margin-left: 0;
    background-position: 0 -30px;
    list-style: none
}

.yellow-list li,.yellow-list a {
    font-size: 13px;
    color: #333
}

.yellow-list li {
    padding: 3px 0;
    list-style: none;
    position: relative
}

.yellow-list li:before {
    content: '';
    display: block;
    position: absolute;
    width: 6px;
    height: 8px;
    left: -10px;
    top: 9px;
    background: url("/website-framework/style/theme/ohim-base/img/icons/sprite-list.png") no-repeat;
    background-position: 0 -30px
}

.yellow-list ul {
    list-style-image: url("/website-framework/style/theme/ohim-base/img/icons/rounded-bullet.png");
    margin-left: 25px
}

.yellow-list ul a {
    color: gray
}

.yellow-list li.em a {
    font-size: 120%;
    color: #eaa647;
    font-weight: 600
}

.green-list {
    margin-left: 0;
    background-position: 0 -60px;
    list-style: none
}

.green-list li,.green-list a {
    font-size: 13px;
    color: #333
}

.green-list li {
    padding: 3px 0;
    list-style: none;
    position: relative
}

.green-list li:before {
    content: '';
    display: block;
    position: absolute;
    width: 6px;
    height: 8px;
    left: -10px;
    top: 9px;
    background: url("/website-framework/style/theme/ohim-base/img/icons/sprite-list.png") no-repeat;
    background-position: 0 -60px
}

.green-list ul {
    list-style-image: url("/website-framework/style/theme/ohim-base/img/icons/rounded-bullet.png");
    margin-left: 25px
}

.green-list ul a {
    color: gray
}

.green-list li.em a {
    font-size: 120%;
    color: #390;
    font-weight: 600
}

.purple-list {
    margin-left: 0;
    background-position: 0 -120px;
    list-style: none
}

.purple-list li,.purple-list a {
    font-size: 13px;
    color: #333
}

.purple-list li {
    padding: 3px 0;
    list-style: none;
    position: relative
}

.purple-list li:before {
    content: '';
    display: block;
    position: absolute;
    width: 6px;
    height: 8px;
    left: -10px;
    top: 9px;
    background: url("/website-framework/style/theme/ohim-base/img/icons/sprite-list.png") no-repeat;
    background-position: 0 -120px
}

.purple-list ul {
    list-style-image: url("/website-framework/style/theme/ohim-base/img/icons/rounded-bullet.png");
    margin-left: 25px
}

.purple-list ul a {
    color: gray
}

.purple-list li.em a {
    font-size: 120%;
    color: #936;
    font-weight: 600
}

/* modal */

.modal:not(.yui3-widget) {
    height: auto!important;
}

.modal.fade .modal-dialog {
    transform: unset!important;
}

.modal-header {
    display: block!important;
    height: auto!important;
}

.close {
    display: block!important;
    height: auto!important;
    width: auto!important;
}

.modal-title {
    font-size: 22px!important;
    line-height: 1.4!important;
    font-weight: 600!important;
    margin: 0!important;
}

.modal-open .modal {
    display: block!important;
}

/* .modal-open .modal.hide.show {
    display: block!important;
} */

.modal-open .modal.hide {
    display: none!important;
}

.modal-open .modal.hide.in {
    display: block!important;
}

.modal-showing .hide.in {
    display: block!important;
}

.modal-body {
    position: initial;
}

.modal-footer {
    display: block;
}

@media (min-width: 576px) {
    .modal-dialog {
        margin: 0!important;
    }
}

/* gs builder */
.modal-backdrop.show {
    display: none;
}

.search-form input[type="text"] {
    -webkit-box-sizing: border-box!important;
    -moz-box-sizing: border-box!important;
    -ms-box-sizing: border-box!important;
    box-sizing: border-box!important;
}

.container.with-right-sidebar {
    z-index: unset;
}

.card {
    margin-bottom: 0;
}

.gsBuilder-portlet .modal-addterms .modal-body *, .gsBuilder-portlet .modal-addterms .modal-body *::before, .gsBuilder-portlet .modal-addterms .modal-body *::after {
    box-sizing: border-box!important;
}

.modal.modal-addterms {
    z-index: 10000;
}

.gsBuilder-portlet .icon-remove:before {
    content: "";
}

.classAssistantModal ol>li:before {
    -moz-box-sizing: border-box!important;
    -webkit-box-sizing: border-box!important;
    box-sizing: border-box!important;
}

/*edit term*/
/* .popover-body, .popover-content {
    color: #FFF;
} */

.popover-content {
    color: #fff;
}

.popover .popover-content a {
    color: white!important;
}

.classAssistantModal ol>li .step .btn:hover, 
.classAssistantModal ol>li .step .btn.active {
    color: white!important;
}

.btn-success, .btn-success.disabled, .btn-success.disabled:hover, .btn-success.disabled:active, .btn-success.disabled:visited {
    color: #fff!important;
}

.gsBuilder-portlet .classes-group .btn.active {
    color: white!important;
}

.popover.popover-gs .popover-inner .popover-content a:not(.btn) {
    color: #009dde!important;
}

/* dashboard */
#custom-portlet-controls {
    margin-left: auto;
    display: flex;
}

#custom-portlet-controls .lexicon-icon {
    color: #fff;
}

.dropdown-menu {
    max-width: unset;
}

input[type="file"] {
    line-height: unset;
}

.nav-tabs > .active > a,
.nav-tabs > .active > a:hover {
    background-color: #f5f5f5!important;
}

.btn-group+.btn-group {
    margin-left: 5px!important;
}

.table-tools li .btn {
    color: #009fe5!important;
}

.with-filters .btn-group > .btn.dropdown-toggle, 
.btn-group > .btn.btn-mini.dropdown-toggle {
    color: #333333!important;
}

.btn-warning, .btn-warning.disabled, .btn-warning.disabled:hover, 
.btn-warning.disabled:active, .btn-warning.disabled:visited {
    color: #fff!important;
}

.gray-link {
    color: #999!important;
}

.gray-link:hover {
    color: #14678f!important;
}

.btn-tabs .btn.active {
    color: #fff!important;
}

.table-tools li .btn.disabled {
    color: #d4d4d4!important;
}

.dataTables_paginate a {
    box-sizing: content-box;
}
/* dashboard padding fix*/
.padding-fix.has-control-menu {
    padding: 0;
}

.padding-fix.has-control-menu #top-bar {
    top: 0;
}

/* news */
.box-content.newsBoxBottom {
    margin-top: 0;
}

/* breadcrumb */
.breadcrumb li:before {
    content: '>'!important;
    padding: 0 10px!important;
}

#portlet_com_liferay_site_navigation_breadcrumb_web_portlet_SiteNavigationBreadcrumbPortlet p {
    display: none;
}

/* cookie banner */
.cookieBannerButton a {
    box-sizing: revert!important;
    color: rgb(255, 255, 255)!important;
}

/* transparency portal */
.descriptionRow .row {
    display: block;
    margin: 0;
}

.technical-information-page #column-1 .portlet-boundary_com_liferay_journal_content_web_portlet_JournalContentPortlet_ {
    clear: both;
}

#HomeSearchFormContainer {
    overflow: unset!important;
}

.portlet-journal-content .journal-content-article::after {
    clear: both;
    content: "";
    display: block;
}

@media (max-width: 599px) {
    #main-navigation-menu {
        position: initial;
    }

    #homeSearchForm {
        margin: 0;
    }

    .only-mobile .btn.active {
        color: #fff!important;
    }
}