html {
  box-sizing: border-box;
  -ms-overflow-style: scrollbar
}

*,
:after,
:before {
  box-sizing: inherit
}

#toolbar-administration,
#toolbar-bar {
  z-index: 1100
}

#toolbar-administration .button,
#toolbar-administration button,
#toolbar-bar .button,
#toolbar-bar button {
  box-shadow: none
}

.sys-content {
  background-color: #f2f0f3
}

.toolbar-loading #toolbar-administration {
  overflow: hidden;
  display: none
}

.system-messages .message {
  margin-left: -10px;
  margin-right: -10px
}

.system-messages .message .well {
  padding: 6.66667px 10px;
  font-size: 14px;
  line-height: 24px;
  font-size: .875rem;
  line-height: 1.71429;
  font-style: normal
}

.system-messages .message .well ul {
  margin: 0;
  padding-left: 20px
}

.system-messages .message .well ul li+li {
  margin-top: 3.33333px
}

.system-messages .message .well a,
.system-messages .message .well a:visited {
  font-weight: 700;
  text-decoration: underline
}

.system-messages .message.status .well {
  background: rgba(40, 167, 69, .8);
  border: 2px solid #28a745
}

.system-messages .message.status .well a,
.system-messages .message.status .well a:visited {
  color: #392d4c;
  text-decoration: underline
}

.system-messages .message.warning .well {
  color: grey;
  background: rgba(255, 193, 7, .8);
  border: 2px solid #ffc107
}

.system-messages .message.warning .well a,
.system-messages .message.warning .well a:hover,
.system-messages .message.warning .well a:visited,
.system-messages .message.warning .well a:visited:hover {
  color: #392d4c;
  text-decoration: underline
}

.system-messages .message.error .well {
  color: #fff;
  background: rgba(206, 0, 0, .8);
  border: 2px solid #ce0000
}

.system-messages .message.error .well a,
.system-messages .message.error .well a:hover,
.system-messages .message.error .well a:visited,
.system-messages .message.error .well a:visited:hover {
  color: #392d4c;
  text-decoration: underline
}

.block-ssg-local-tasks ul {
  margin: -3.33333px;
  padding: 0;
  float: right;
  list-style: none
}

.block-ssg-local-tasks ul li {
  display: inline-block;
  padding: 3.33333px;
  font-size: 14px;
  line-height: 14px;
  font-size: .875rem;
  line-height: 1
}

.block-ssg-local-tasks ul li a,
.block-ssg-local-tasks ul li a:visited {
  display: block;
  padding: 5px 15px;
  border: 1px solid grey;
  color: #fff;
  font-weight: 400;
  text-decoration: none;
  text-transform: uppercase;
  background: grey;
  vertical-align: top;
  transition: background .25s ease
}

.block-ssg-local-tasks ul li a:hover,
.block-ssg-local-tasks ul li a:visited:hover {
  color: grey;
  background: #fff
}

.block-ssg-local-tasks ul li a.is-active,
.block-ssg-local-tasks ul li a:visited.is-active {
  border: 1px solid grey;
  color: grey;
  background: #fff
}

.block-ssg-local-tasks ul li a.is-active:hover,
.block-ssg-local-tasks ul li a:visited.is-active:hover {
  color: grey
}

.system-messages+.block-ssg-local-tasks {
  margin-top: 10px
}

@media screen and (min-width:768px) {
  .system-messages .message {
    margin-left: 0;
    margin-right: 0
  }

  .system-messages .message+.message {
    margin-top: 5px
  }
}

.sys-content {
  padding: 10px 0;
  border-top: 1px solid grey
}

.block-asp-local-tasks--2 ul,
.block-patent-primary-local-tasks ul,
.block-scopeconnect-primary-local-tasks ul {
  margin: -3.33333px;
  padding: 0;
  list-style: none
}

.block-asp-local-tasks--2 ul li,
.block-patent-primary-local-tasks ul li,
.block-scopeconnect-primary-local-tasks ul li {
  display: inline-block;
  padding: 3.33333px;
  font-size: 14px;
  line-height: 14px;
  font-size: .875rem;
  line-height: 1
}

.block-asp-local-tasks--2 ul li a,
.block-patent-primary-local-tasks ul li a,
.block-scopeconnect-primary-local-tasks ul li a {
  display: block;
  padding: 5px 15px;
  border: 1px solid grey;
  color: #fff;
  font-weight: 400;
  text-decoration: none;
  text-transform: uppercase;
  background: grey;
  vertical-align: top;
  transition: background .25s ease
}

.block-asp-local-tasks--2 ul li a:hover,
.block-patent-primary-local-tasks ul li a:hover,
.block-scopeconnect-primary-local-tasks ul li a:hover {
  color: grey;
  background: #fff
}

.block-asp-local-tasks--2 ul li a.is-active,
.block-patent-primary-local-tasks ul li a.is-active,
.block-scopeconnect-primary-local-tasks ul li a.is-active {
  border: 1px solid grey;
  color: grey;
  background: #fff
}

.block-asp-local-tasks--2 ul li a.is-active:hover,
.block-patent-primary-local-tasks ul li a.is-active:hover,
.block-scopeconnect-primary-local-tasks ul li a.is-active:hover {
  color: grey
}

.system-messages .col+.col {
  margin-top: 6.66667px
}

.system-messages .col .well {
  padding: 6.66667px 10px;
  color: grey
}

.system-messages .col .well ul li+li {
  margin-top: 3.33333px
}

.system-messages .col.status .well {
  background: rgba(40, 167, 69, .8);
  border: 2px solid #28a745
}

.system-messages .col.status .well a {
  color: #392d4c
}

.system-messages .col.warning .well {
  color: grey
}

.system-messages .col.warning .well a,
.system-messages .col.warning .well a:hover {
  color: #392d4c
}

.system-messages .col.error .well {
  background: rgba(206, 0, 0, .8);
  border: 2px solid #ce0000
}

.system-messages .col.error .well a,
.system-messages .col.error .well a:hover {
  color: #392d4c
}

*+.system-messages {
  margin-top: 10px
}

#device-search-block,
#facilities-table_wrapper,
#facility-wrapper,
.neon-green-btn,
form.views-exposed-form {
  margin-bottom: 25px;
  position: relative
}

#device-search-block input[type=text],
#device-search-block select,
#facilities-table_wrapper input[type=text],
#facilities-table_wrapper select,
#facility-wrapper input[type=text],
#facility-wrapper select,
.neon-green-btn input[type=text],
.neon-green-btn select,
form.views-exposed-form input[type=text],
form.views-exposed-form select {
  border: 1px solid #fff;
  width: 100%
}

#device-search-block input[type=text]:focus,
#device-search-block select:focus,
#facilities-table_wrapper input[type=text]:focus,
#facilities-table_wrapper select:focus,
#facility-wrapper input[type=text]:focus,
#facility-wrapper select:focus,
.neon-green-btn input[type=text]:focus,
.neon-green-btn select:focus,
form.views-exposed-form input[type=text]:focus,
form.views-exposed-form select:focus {
  box-shadow: none
}

#device-search-block .form-item-asp-system-id select,
#facilities-table_wrapper .form-item-asp-system-id select,
#facility-wrapper .form-item-asp-system-id select,
.neon-green-btn .form-item-asp-system-id select,
form.views-exposed-form .form-item-asp-system-id select {
  border-bottom: 1px solid #000 !important
}

#device-search-block .form-item-asp-system-id select:focus,
#facilities-table_wrapper .form-item-asp-system-id select:focus,
#facility-wrapper .form-item-asp-system-id select:focus,
.neon-green-btn .form-item-asp-system-id select:focus,
form.views-exposed-form .form-item-asp-system-id select:focus {
  border: 1px solid #fff
}

#device-search-block .new-inventory a,
#device-search-block a.btn,
#device-search-block input[type=submit],
#facilities-table_wrapper .new-inventory a,
#facilities-table_wrapper a.btn,
#facilities-table_wrapper input[type=submit],
#facility-wrapper .new-inventory a,
#facility-wrapper a.btn,
#facility-wrapper input[type=submit],
.neon-green-btn .new-inventory a,
.neon-green-btn .ui-dialog .ui-dialog-content form input[type=submit]:hover,
.neon-green-btn a.btn,
.neon-green-btn input[type=submit],
.ui-dialog .ui-dialog-content form .neon-green-btn input[type=submit]:hover,
.ui-dialog .ui-dialog-content form.views-exposed-form input[type=submit]:hover,
form.views-exposed-form .new-inventory a,
form.views-exposed-form a.btn,
form.views-exposed-form input[type=submit] {
  background: #00ceab !important;
  border: none;
  padding: 5px 18px;
  box-shadow: none
}

#device-search-block .new-inventory a:hover,
#device-search-block a.btn:hover,
#device-search-block input[type=submit]:hover,
#facilities-table_wrapper .new-inventory a:hover,
#facilities-table_wrapper a.btn:hover,
#facilities-table_wrapper input[type=submit]:hover,
#facility-wrapper .new-inventory a:hover,
#facility-wrapper a.btn:hover,
#facility-wrapper input[type=submit]:hover,
.neon-green-btn .new-inventory a:hover,
.neon-green-btn .ui-dialog .ui-dialog-content form input:hover[type=submit],
.neon-green-btn a.btn:hover,
.neon-green-btn input[type=submit]:hover,
.ui-dialog .ui-dialog-content form .neon-green-btn input:hover[type=submit],
.ui-dialog .ui-dialog-content form.views-exposed-form input:hover[type=submit],
form.views-exposed-form .new-inventory a:hover,
form.views-exposed-form a.btn:hover,
form.views-exposed-form input[type=submit]:hover {
  background: #00ceab
}

#device-search-block .new-inventory a.active,
#device-search-block a.btn.active,
#device-search-block input[type=submit].active,
#facilities-table_wrapper .new-inventory a.active,
#facilities-table_wrapper a.btn.active,
#facilities-table_wrapper input[type=submit].active,
#facility-wrapper .new-inventory a.active,
#facility-wrapper a.btn.active,
#facility-wrapper input[type=submit].active,
.neon-green-btn .new-inventory a.active,
.neon-green-btn .ui-dialog .ui-dialog-content form input.active[type=submit]:hover,
.neon-green-btn a.btn.active,
.neon-green-btn input[type=submit].active,
.ui-dialog .ui-dialog-content form .neon-green-btn input.active[type=submit]:hover,
.ui-dialog .ui-dialog-content form.views-exposed-form input.active[type=submit]:hover,
form.views-exposed-form .new-inventory a.active,
form.views-exposed-form a.btn.active,
form.views-exposed-form input[type=submit].active {
  background-color: #392d4c !important
}

#device-search-block .new-inventory a.active:hover,
#device-search-block a.btn.active:hover,
#device-search-block input[type=submit].active:hover,
#facilities-table_wrapper .new-inventory a.active:hover,
#facilities-table_wrapper a.btn.active:hover,
#facilities-table_wrapper input[type=submit].active:hover,
#facility-wrapper .new-inventory a.active:hover,
#facility-wrapper a.btn.active:hover,
#facility-wrapper input[type=submit].active:hover,
.neon-green-btn .new-inventory a.active:hover,
.neon-green-btn .ui-dialog .ui-dialog-content form input.active:hover[type=submit],
.neon-green-btn a.btn.active:hover,
.neon-green-btn input[type=submit].active:hover,
.ui-dialog .ui-dialog-content form .neon-green-btn input.active:hover[type=submit],
form.views-exposed-form .new-inventory a.active:hover,
form.views-exposed-form a.btn.active:hover,
form.views-exposed-form input[type=submit].active:hover {
  color: #fff
}

#device-search-block .form-item-diagram-number,
#device-search-block .form-item-manufactuere-or-model,
#facilities-table_wrapper .form-item-diagram-number,
#facilities-table_wrapper .form-item-manufactuere-or-model,
#facility-wrapper .form-item-diagram-number,
#facility-wrapper .form-item-manufactuere-or-model,
.neon-green-btn .form-item-diagram-number,
.neon-green-btn .form-item-manufactuere-or-model,
form.views-exposed-form .form-item-diagram-number,
form.views-exposed-form .form-item-manufactuere-or-model {
  width: 49.5%;
  background-color: #f2f0f3;
  display: inline-flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 130px;
  padding: 18px 12px
}

#device-search-block .form-item-items-per-page,
#device-search-block .form-item-items-per-page #facilities-table_wrapper select,
#device-search-block .form-item-items-per-page #facility-wrapper select,
#device-search-block .form-item-items-per-page .neon-green-btn select,
#device-search-block .form-item-items-per-page form.views-exposed-form select,
#device-search-block .form-item-items-per-page select,
#facilities-table_wrapper .form-item-items-per-page,
#facilities-table_wrapper .form-item-items-per-page #device-search-block select,
#facilities-table_wrapper .form-item-items-per-page #facility-wrapper select,
#facilities-table_wrapper .form-item-items-per-page .neon-green-btn select,
#facilities-table_wrapper .form-item-items-per-page form.views-exposed-form select,
#facilities-table_wrapper .form-item-items-per-page select,
#facility-wrapper .form-item-items-per-page,
#facility-wrapper .form-item-items-per-page #device-search-block select,
#facility-wrapper .form-item-items-per-page #facilities-table_wrapper select,
#facility-wrapper .form-item-items-per-page .neon-green-btn select,
#facility-wrapper .form-item-items-per-page form.views-exposed-form select,
#facility-wrapper .form-item-items-per-page select,
.neon-green-btn #device-search-block .form-item-items-per-page select,
.neon-green-btn #facilities-table_wrapper .form-item-items-per-page select,
.neon-green-btn #facility-wrapper .form-item-items-per-page select,
.neon-green-btn .form-item-items-per-page,
.neon-green-btn .form-item-items-per-page #device-search-block select,
.neon-green-btn .form-item-items-per-page #facilities-table_wrapper select,
.neon-green-btn .form-item-items-per-page #facility-wrapper select,
.neon-green-btn .form-item-items-per-page form.views-exposed-form select,
.neon-green-btn .form-item-items-per-page select,
.neon-green-btn form.views-exposed-form .form-item-items-per-page select,
form.views-exposed-form #device-search-block .form-item-items-per-page select,
form.views-exposed-form #facilities-table_wrapper .form-item-items-per-page select,
form.views-exposed-form #facility-wrapper .form-item-items-per-page select,
form.views-exposed-form .form-item-items-per-page,
form.views-exposed-form .form-item-items-per-page #device-search-block select,
form.views-exposed-form .form-item-items-per-page #facilities-table_wrapper select,
form.views-exposed-form .form-item-items-per-page #facility-wrapper select,
form.views-exposed-form .form-item-items-per-page .neon-green-btn select,
form.views-exposed-form .form-item-items-per-page select {
  float: right
}

#device-search-block .form-item-items-per-page #facilities-table_wrapper select select,
#device-search-block .form-item-items-per-page #facility-wrapper select select,
#device-search-block .form-item-items-per-page .neon-green-btn select select,
#device-search-block .form-item-items-per-page form.views-exposed-form select select,
#device-search-block .form-item-items-per-page select,
#facilities-table_wrapper .form-item-items-per-page #device-search-block select select,
#facilities-table_wrapper .form-item-items-per-page #facility-wrapper select select,
#facilities-table_wrapper .form-item-items-per-page .neon-green-btn select select,
#facilities-table_wrapper .form-item-items-per-page form.views-exposed-form select select,
#facilities-table_wrapper .form-item-items-per-page select,
#facility-wrapper .form-item-items-per-page #device-search-block select select,
#facility-wrapper .form-item-items-per-page #facilities-table_wrapper select select,
#facility-wrapper .form-item-items-per-page .neon-green-btn select select,
#facility-wrapper .form-item-items-per-page form.views-exposed-form select select,
#facility-wrapper .form-item-items-per-page select,
.neon-green-btn #device-search-block .form-item-items-per-page select select,
.neon-green-btn #facilities-table_wrapper .form-item-items-per-page select select,
.neon-green-btn #facility-wrapper .form-item-items-per-page select select,
.neon-green-btn .form-item-items-per-page #device-search-block select select,
.neon-green-btn .form-item-items-per-page #facilities-table_wrapper select select,
.neon-green-btn .form-item-items-per-page #facility-wrapper select select,
.neon-green-btn .form-item-items-per-page form.views-exposed-form select select,
.neon-green-btn .form-item-items-per-page select,
form.views-exposed-form #device-search-block .form-item-items-per-page select select,
form.views-exposed-form #facilities-table_wrapper .form-item-items-per-page select select,
form.views-exposed-form #facility-wrapper .form-item-items-per-page select select,
form.views-exposed-form .form-item-items-per-page #device-search-block select select,
form.views-exposed-form .form-item-items-per-page #facilities-table_wrapper select select,
form.views-exposed-form .form-item-items-per-page #facility-wrapper select select,
form.views-exposed-form .form-item-items-per-page .neon-green-btn select select,
form.views-exposed-form .form-item-items-per-page select {
  font-size: 14px;
  padding: 5px 8px;
  border: 1px solid #000
}

#device-search-block .dt-layout-cell,
#facilities-table_wrapper .dt-layout-cell,
#facility-wrapper .dt-layout-cell,
.neon-green-btn .dt-layout-cell,
form.views-exposed-form .dt-layout-cell {
  box-shadow: none
}

#device-search-block .dt-layout-end,
#facilities-table_wrapper .dt-layout-end,
#facility-wrapper .dt-layout-end,
.neon-green-btn .dt-layout-end,
form.views-exposed-form .dt-layout-end {
  padding-right: 0
}

.device-search-horizontal-form .ui-dialog .ui-dialog-content form input[type=submit][type=submit]:hover,
.device-search-horizontal-form input[type=submit],
.ui-dialog .ui-dialog-content form .device-search-horizontal-form input[type=submit][type=submit]:hover {
  width: 49%
}

.device-search-horizontal-form .ui-dialog .ui-dialog-content form input[type=submit].connector-parts-search-action[type=submit]:hover,
.device-search-horizontal-form input[type=submit].connector-parts-search-action,
.ui-dialog .ui-dialog-content form .device-search-horizontal-form input[type=submit].connector-parts-search-action[type=submit]:hover {
  background: #00ceab;
  border-color: #00ceab
}

.device-search-horizontal-form .ui-dialog .ui-dialog-content form input[type=submit].connector-parts-search-action[type=submit]:hover :hover,
.device-search-horizontal-form input[type=submit].connector-parts-search-action :hover,
.ui-dialog .ui-dialog-content form .device-search-horizontal-form input[type=submit].connector-parts-search-action[type=submit]:hover :hover {
  background: #00ceab
}

#facilities-table_wrapper select,
.add-inventory.btn,
.add-inventory.btn :hover,
select#edit-items-per-page {
  border: 1px solid
}

.add-inventory.btn,
.add-inventory.btn :hover {
  border: 2px solid #392d4c
}

#device-search-block form {
  display: flex;
  justify-content: space-between;
  align-items: flex-end
}

.td-action .btn {
  background-color: #00ceab;
  border: 2px solid #00ceab;
  font-size: 16px;
  box-shadow: none;
  margin-bottom: 10px;
  font-weight: 600;
  text-decoration: none
}

.td-action .btn:hover {
  border: 2px solid #392d4c
}

.tab-content {
  text-align: center;
  clear: both
}

.dataTable tr td,
.dataTable tr th,
.table tr td,
.table tr th {
  border: .5px solid #fff;
  padding: 12px !important
}

.dataTable tr td .ajax-progress,
.dataTable tr th .ajax-progress,
.table tr td .ajax-progress,
.table tr th .ajax-progress {
  display: none !important
}

.dataTable thead tr,
.table thead tr {
  background-color: #392d4c;
  color: #fff
}

.dataTable tbody tr,
.table tbody tr {
  background-color: #f2f0f3 !important;
  box-shadow: none
}

.dataTable tbody tr .td-action,
.table tbody tr .td-action {
  text-align: center
}

.dataTable tbody tr .td-action .btn,
.table tbody tr .td-action .btn {
  width: 85%
}

.dataTable tbody tr .td-manufacturer,
.table tbody tr .td-manufacturer {
  width: 14%;
  border-top-width: 6px
}

.dataTable tbody tr a,
.table tbody tr a {
  font-weight: 500;
  text-decoration: underline;
  color: #392d4c
}

.dataTable tbody tr td[rowspan]~td,
.table tbody tr td[rowspan]~td {
  border-top-width: 6px
}

.dataTable tbody tr td[rowspan],
.table tbody tr td[rowspan] {
  border-bottom-width: 6px
}

.dataTable tbody tr:last-child td[rowspan],
.table tbody tr:last-child td[rowspan] {
  border-bottom-width: inherit
}

.dataTable tbody tr .flag a,
.table tbody tr .flag a {
  font-size: 20px;
  text-decoration: none !important
}

#facility-wrapper a {
  border: 2px solid
}

.dt-container .dt-layout-row {
  flex-direction: row-reverse;
  justify-content: space-between
}

.dt-container .dt-layout-row .dt-layout-cell {
  margin: 0 !important
}

.dt-container .dt-layout-row .dt-search label {
  text-align: left
}

.dt-container .dataTable tr {
  border-bottom-width: 4px !important;
  border-color: #fff
}

.dt-container .dataTable tr .dt-type-numeric,
.dt-container .dataTable tr th {
  text-align: center !important
}

.dt-container .dataTable tr .facility-name {
  text-align: left
}

.dt-container .dt-paging nav .dt-paging-button {
  padding: 0
}

.dt-container .dt-paging nav .dt-paging-button.current {
  background-color: #00ceab !important;
  border-radius: 50%;
  padding: 0 10px;
  border: none;
  box-shadow: none
}

.dt-container .dt-paging nav .dt-paging-button.current:hover {
  border: none
}

.dt-container .dt-paging nav .dt-paging-button.first,
.dt-container .dt-paging nav .dt-paging-button.last {
  display: none
}

.Pagination ul {
  display: flex;
  flex-direction: row;
  align-items: baseline;
  justify-content: center
}

.Pagination ul li.pager__item {
  padding: 0 15px;
  list-style-type: none
}

.Pagination ul li.pager__item.is-active {
  background-color: #00ceab;
  border-radius: 50%;
  padding: 3px 10px;
  font-weight: 700
}

.Pagination ul li.pager__item.pager__item.pager__item--first,
.Pagination ul li.pager__item.pager__item.pager__item--last {
  display: none
}

#card-section .card {
  margin: 13px;
  padding: 0;
  position: relative;
  display: grid
}

#card-section .card a {
  text-decoration: none
}

#card-section .card>.select-system {
  padding: 15px 15px 40px
}

#card-section .card .edit-delete {
  width: -moz-max-content;
  width: max-content;
  position: absolute;
  bottom: 15px;
  left: 15px
}

#card-section .card .edit-delete a:hover {
  color: #007bff
}

#card-section .card.bg-primary a,
#card-section .card.bg-primary div,
#card-section .card.bg-primary label {
  color: #fff
}

#card-section .card .plus-icon {
  font-size: 28px;
  font-weight: 500
}

#device-search-block.device-details input[type=submit] {
  width: auto;
  margin-left: 10px
}

#asp-systems-tabs li.nav-item {
  margin-top: 0 !important
}

#asp-systems-tabs li.nav-item .nav-link {
  border-color: #e9ecef
}

#asp-systems-tabs li.nav-item .nav-link:hover {
  border-color: #392d4c
}

#asp-systems-tabs li.nav-item .nav-link.active {
  background-color: #392d4c;
  color: #fff
}

#device-tabContent .system-details {
  background-color: #f8f9fa
}

#device-tabContent .connection-diagrams {
  padding: 12px
}

#device-tabContent .connection-diagrams a {
  margin-bottom: 10px;
  padding: 4px
}

#device-tabContent .connection-diagrams a:hover {
  text-decoration: none;
  background-color: #f8f9fa
}

#device-tabContent #dropdownMenuLink {
  border: 1.6px solid #00ceab;
  border-radius: 6px;
  padding: 6px;
  text-decoration: none
}

#device-tabContent .titles {
  margin-bottom: 20px
}

#device-tabContent .card-block {
  margin-top: 20px
}

#device-tabContent .card-block .card-wrapper {
  padding: 15px;
  min-height: 100%;
  box-shadow: 0 7px 17px -4px rgba(12, 12, 13, .21176470588235294);
  border-radius: 8px
}

#device-tabContent .card-block .card-wrapper .card-title {
  position: absolute;
  background: #00ceab;
  padding: 5px;
  border-bottom-right-radius: 6px
}

#device-tabContent .card-block .card-wrapper .part-image img {
  width: 100%;
  height: auto;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
  margin-bottom: 15px
}

#device-tabContent .card-block .card-wrapper .field--name-field-part-number div {
  display: inline-block
}

.calculate-report a.excel-download,
.calculate-report a.excel-download:hover {
  background-color: #00ceab;
  border-color: #00ceab
}

ul.ui-menu {
  height: 300px;
  overflow-y: scroll
}

#views-exposed-form-recent-additions-recent-additions .form-item-asp-system-id {
  width: 100%
}

#views-exposed-form-recent-additions-recent-additions .js-form-type-textfield {
  width: 49%;
  float: right
}

html {
  scroll-behavior: smooth
}

header.header {
  background: #392d4c;
  transition: all .28s;
  padding: 20px 0
}

header.header a {
  color: #fff;
  text-decoration: none
}

header.header a:focus,
header.header a:hover {
  color: #00ceab
}

header.header button.navbar-toggler:focus {
  background: transparent
}

#burger {
  width: 25px;
  cursor: pointer
}

#burger span {
  display: block;
  height: 4px;
  width: 28px;
  background: #00ceab;
  margin: 5px 0;
  transition: .3s
}

#burger.active span:first-child {
  transform: rotate(46deg) translateY(13px)
}

#burger.active span:nth-child(2) {
  opacity: 0
}

#burger.active span:nth-child(3) {
  transform: rotate(-46deg) translateY(-13px)
}

.header.sticky .block-asp-branding img {
  width: 120px;
  padding: 12px 0
}

header.header.sticky {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 99
}

.primary-menu nav.desktop-menu {
  position: inherit;
  display: grid
}

.primary-menu nav.desktop-menu ul {
  display: flex;
  justify-content: space-evenly;
  align-items: center
}

.primary-menu nav.desktop-menu ul>li .menu-item.no-link,
.primary-menu nav.desktop-menu ul>li a,
.primary-menu nav.desktop-menu ul>li span {
  font: 700 15px/20px Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  text-decoration: none;
  color: #fff;
  cursor: pointer
}

.primary-menu nav.desktop-menu ul>li .menu-item.no-link.is-active,
.primary-menu nav.desktop-menu ul>li .menu-item.no-link:focus,
.primary-menu nav.desktop-menu ul>li .menu-item.no-link:hover,
.primary-menu nav.desktop-menu ul>li a.is-active,
.primary-menu nav.desktop-menu ul>li a:focus,
.primary-menu nav.desktop-menu ul>li a:hover,
.primary-menu nav.desktop-menu ul>li span.is-active,
.primary-menu nav.desktop-menu ul>li span:focus,
.primary-menu nav.desktop-menu ul>li span:hover {
  color: #00ceab !important
}

.primary-menu nav.desktop-menu ul .inventory-count {
  color: #fff;
  background-color: #00ceab;
  border-radius: 50%;
  padding: 3px 8px
}

#patent-footer #footer-branding {
  padding: 0 10px 20px
}

#patent-footer .footer-content {
  padding: 30px 10px 0
}

#patent-footer #block-patent-footertermscopyright p {
  font-size: 13px;
  line-height: 19px;
  font-size: .8125rem;
  line-height: 1.46154;
  color: #a3a3a3
}

#patent-footer #block-patent-footer-menu li {
  font-size: 16px;
  line-height: 22px;
  font-size: 1rem;
  line-height: 1.375;
  margin-bottom: 12px;
  text-transform: uppercase
}

#patent-footer #block-patent-footer-menu li a {
  color: #fff
}

.title,
h1 {
  margin-bottom: 20px
}

hr.divider {
  border: .5px solid #00ceab;
  opacity: 1
}

#drupal-modal::-webkit-scrollbar {
  width: .5em
}

#drupal-modal::-webkit-scrollbar-track {
  box-shadow: inset 0 0 3px rgba(0, 0, 0, .3);
  border-radius: 3px
}

#drupal-modal::-webkit-scrollbar-thumb {
  background-color: #6c757d;
  border-radius: 5px
}

.ui-widget-overlay {
  background: #000 !important;
  opacity: .4 !important
}

.ui-menu {
  padding: 15px
}

.ui-menu li {
  padding: 6px 0;
  border-bottom: 1px solid #e9ecef;
  font-size: 16px
}

.ui-menu li:hover {
  color: #392d4c
}

.ui-menu li a {
  font-weight: 400;
  text-decoration: unset;
  font-size: 16px
}

.ui-menu li a.ui-state-active {
  background-color: transparent;
  color: #392d4c;
  border: none;
  margin: 0
}

.ui-menu li:last-child {
  border: none
}

#block-patent-mainnavigation {
  display: none
}

.patent-head-text1,
.patent-head-text2 {
  text-align: left;
  letter-spacing: 0;
  color: #392d4c;
  opacity: 1
}

.patent-head-text1 {
  font: 700 27px/31px Arial, Helvetica, sans-serif
}

.patent-head-text2 {
  font: 22px/26px Arial, Helvetica, sans-serif
}

#block-footerworldwide a {
  color: #fff;
  font-size: 1rem;
  line-height: 1.375;
  margin-bottom: 12px;
  text-transform: uppercase;
  text-decoration: none;
  font-weight: 700
}

.full-page-throbber {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  z-index: 1000;
  opacity: .4
}

.full-page-throbber .spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 50px;
  height: 50px;
  border: 5px solid #e9ecef;
  border-top-color: #392d4c;
  border-radius: 50%;
  animation: spin 1s linear infinite
}

@keyframes spin {
  0% {
    transform: rotate(0deg)
  }

  to {
    transform: rotate(1turn)
  }
}

.ui-dialog {
  z-index: 9999 !important
}

.ui-dialog .ui-widget-header {
  border: none
}

.ui-dialog .ui-dialog-title {
  font-size: 18px;
  line-height: 22px;
  font-size: 1.125rem;
  line-height: 1.22222;
  text-transform: uppercase
}

.ui-dialog .ui-dialog-titlebar {
  background: none;
  font-size: 2px;
  line-height: 2.3px;
  font-size: .125rem;
  line-height: 1.15;
  margin: 12px auto;
  padding: 10px 20px !important
}

.ui-dialog .ui-dialog-titlebar-close,
.ui-dialog .ui-dialog-titlebar-close:hover {
  box-shadow: none;
  background: url(/themes/custom/asp/images/cross-icon.png);
  background-repeat: no-repeat;
  background-size: 15px;
  border: none
}

.ui-dialog .ui-dialog-titlebar-close .ui-icon {
  background-image: none !important
}

.ui-dialog hr {
  border-top: 1px solid #392d4c
}

.ui-dialog .ui-dialog-content {
  padding: 10px 20px !important
}

.ui-dialog .ui-dialog-content form .js-form-item {
  margin-bottom: 20px
}

.ui-dialog .ui-dialog-content form input,
.ui-dialog .ui-dialog-content form select,
.ui-dialog .ui-dialog-content form textarea {
  border: 1px solid #6c757d !important
}

.ui-dialog .ui-dialog-content form input:focus,
.ui-dialog .ui-dialog-content form input:hover,
.ui-dialog .ui-dialog-content form select:focus,
.ui-dialog .ui-dialog-content form select:hover,
.ui-dialog .ui-dialog-content form textarea:focus,
.ui-dialog .ui-dialog-content form textarea:hover {
  box-shadow: none
}

.ui-dialog .ui-dialog-content form input[type=submit],
.ui-dialog .ui-dialog-content form input[type=submit]:hover {
  background: #00ceab !important;
  border: 1px solid #00ceab !important;
  margin: 18px auto;
  box-shadow: none;
  width: 100%
}

.ui-dialog .ui-dialog-content form input:hover[type=submit] {
  background: #00ceab
}

.ui-dialog .ui-dialog-content form button {
  border: 2px solid #00ceab
}

.ui-dialog .ui-dialog-content form .address-container-inline {
  display: flex;
  align-items: flex-end;
  gap: 15px;
  margin-top: 0 !important
}

.ui-dialog .ui-dialog-content form .address-container-inline>.form-item {
  margin-right: auto;
  margin-top: 0;
  width: 49%
}

.ui-dialog .ui-dialog-content form #system-selection-row .form-item {
  width: 100%
}

.ui-dialog .ui-dialog-content form #cancel-btn {
  background: #fff !important;
  border: 1px solid #392d4c !important;
  color: #392d4c
}

.ui-dialog .ui-dialog-content .update-inventory-asp-system-form input,
.ui-dialog .ui-dialog-content .update-inventory-device-form input {
  margin: auto !important;
  width: 100% !important
}

.ui-dialog .ui-dialog-buttonpane .button,
.ui-dialog .ui-dialog-buttonpane .button:hover .button {
  border: 1px solid #392d4c;
  padding: 8px 20px;
  font-weight: 600
}

.ui-dialog #submit-part-calculation,
.ui-dialog #submit-part-calculation:hover {
  background-color: #00ceab;
  border: 2px solid #00ceab
}

#webform-submission-contact-add-form {
  width: 60%;
  margin: 30px auto;
  padding: 30px 15px;
  background: #f2f0f3;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-content: center
}

#webform-submission-contact-add-form input,
#webform-submission-contact-add-form textarea {
  border: 1px solid #ced4da;
  width: 100%
}

#webform-submission-contact-add-form div#edit-actions {
  margin-top: 25px
}

#webform-submission-contact-add-form div#edit-actions input[type=submit] {
  width: 48%
}

#webform-submission-contact-add-form div#edit-actions input[type=submit]#edit-actions-submit {
  background: #00ceab;
  border-color: #00ceab
}

#webform-submission-contact-add-form div#edit-actions input[type=submit]#edit-actions-reset {
  border: 2px solid #392d4c;
  background: #fff;
  color: #392d4c
}

#webform-submission-contact-add-form div#edit-actions input[type=submit]#edit-actions-reset:active,
#webform-submission-contact-add-form div#edit-actions input[type=submit]#edit-actions-reset:hover {
  background: #392d4c;
  color: #fff
}

#block-patent-search-heading {
  margin: 30px;
  padding-left: 20px
}

#patent-search-form {
  color: #fff;
  margin-bottom: 50px
}

#patent-search-form div.patent-search {
  padding: 24px 28px 16px 25px;
  margin: 0;
  background: #392d4c 0 0 no-repeat padding-box;
  border-radius: 20px !important;
  opacity: 1
}

#patent-search-form div.patent-search-submit {
  display: flex;
  align-items: flex-end;
  margin-top: 25px
}

#patent-search-form div.search-desc {
  margin-top: 20px
}

#patent-search-form .wide-col {
  width: 150px
}

#patent-search-form .patent-search #edit-submit {
  width: 100%;
  height: 40px;
  background: #00ceab 0 0 no-repeat padding-box;
  border-radius: 7px;
  opacity: 1
}

#patent-search-form div.form-item-product-name label {
  color: #fff
}

.patents-wrapper {
  display: flex;
  justify-content: space-between;
  padding: 0 30px
}

.patent-form-result {
  margin: 50px 0;
  color: #212529
}

.layout__region form {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  margin-bottom: 80px
}

.layout__region form .views-field-nothing,
.layout__region form label {
  display: none
}

.layout__region form .form-item-title {
  width: 40%
}

.layout__region form input[type=text] {
  border: 1px solid #adb5bd
}

.layout__region .ui-dialog .ui-dialog-content form input[type=submit][type=submit]:hover,
.layout__region form input[type=submit],
.ui-dialog .ui-dialog-content .layout__region form input[type=submit][type=submit]:hover {
  margin-left: 15px;
  background: #00ceab;
  border-width: 0;
  box-shadow: none
}

.layout__region .ui-dialog .ui-dialog-content form input[type=submit]:hover[type=submit],
.layout__region form input[type=submit]:hover,
.ui-dialog .ui-dialog-content .layout__region form input[type=submit]:hover[type=submit] {
  background: #00ceab
}

.layout__region .article-card img {
  width: 50px;
  height: auto
}

.layout-builder-form {
  margin: auto;
  max-width: 1199px;
  padding: 0 15px
}

.layout-builder-form .system-messages .col.status .well a {
  color: #fff
}

.layout-builder-form .vertical-tabs__menu {
  width: -moz-max-content;
  width: max-content
}

.layout-builder-form #edit-moderation-state-wrapper>div {
  display: flex;
  flex-direction: row;
  border: 1px solid #adb5bd;
  margin-bottom: 20px
}

.layout-builder-form #edit-moderation-state-wrapper>div .container-inline {
  padding: 20px;
  margin-top: 0;
  font-size: 14px
}

.layout-builder-form #drupal-off-canvas legend span {
  font-size: 12px;
  line-height: 18px;
  font-size: .75rem;
  line-height: 1.5;
  font-style: 700
}

.layout-builder-form details.form-wrapper .form-item {
  width: 100%;
  margin-top: 0;
  padding: 6px 10px;
  border: inherit
}

.layout-builder-form .vertical-tabs__menu-item.is-selected {
  border-right-width: 1
}

.layout-builder-configure-block label.option {
  margin-left: 20px !important
}

.views-exposed-form .js-form-item,
.views-exposed-form .js-form-wrapper,
.views-exposed-form label {
  display: inline-block;
  vertical-align: text-bottom;
  margin-left: 3px
}

.views-exposed-form .js-form-item input,
.views-exposed-form .js-form-wrapper input,
.views-exposed-form label input {
  width: -moz-fit-content;
  width: fit-content;
  padding: 5px 18px
}

.ui-dialog .ui-dialog-content form .views-exposed-form .js-form-item input[type=submit][type=submit]:hover,
.ui-dialog .ui-dialog-content form .views-exposed-form .js-form-wrapper input[type=submit][type=submit]:hover,
.ui-dialog .ui-dialog-content form .views-exposed-form label input[type=submit][type=submit]:hover,
.views-exposed-form .js-form-item .ui-dialog .ui-dialog-content form input[type=submit][type=submit]:hover,
.views-exposed-form .js-form-item input[type=submit],
.views-exposed-form .js-form-wrapper .ui-dialog .ui-dialog-content form input[type=submit][type=submit]:hover,
.views-exposed-form .js-form-wrapper input[type=submit],
.views-exposed-form label .ui-dialog .ui-dialog-content form input[type=submit][type=submit]:hover,
.views-exposed-form label input[type=submit] {
  line-height: 24px
}

.js-media-library-add-form input,
.js-media-library-add-form select,
.views-exposed-form input,
.views-exposed-form select {
  border: 1px solid #adb5bd
}

.js-media-library-add-form input:focus,
.js-media-library-add-form select:focus,
.views-exposed-form input:focus,
.views-exposed-form select:focus {
  border: 1px solid #00ceab
}

.js-media-library-add-form .ui-dialog .ui-dialog-content form input[type=submit]:hover,
.js-media-library-add-form input[type=submit],
.ui-dialog .ui-dialog-content form .js-media-library-add-form input[type=submit]:hover,
.ui-dialog .ui-dialog-content form .views-exposed-form input[type=submit]:hover,
.views-exposed-form .ui-dialog .ui-dialog-content form input[type=submit]:hover,
.views-exposed-form input[type=submit] {
  border: none;
  width: -moz-max-content !important;
  width: max-content !important;
  margin: auto !important
}

.js-media-library-add-form .js-form-item,
.views-exposed-form .js-form-item {
  margin-bottom: auto !important
}

.js-media-library-add-form select,
.views-exposed-form select {
  width: -moz-max-content;
  width: max-content
}

.js-media-library-add-form .system-messages,
.views-exposed-form .system-messages {
  padding: 10px 0
}

#media-library-view .js-media-library-views-form {
  margin-top: 30px;
  display: grid;
  gap: 20px;
  grid-template-columns: auto auto auto;
  padding: 10px;
  position: relative
}

#media-library-view .js-media-library-views-form .media-library-item.media-library-item--grid {
  cursor: pointer;
  border: 1px solid #f2f0f3;
  text-align: center;
  position: relative;
  padding: 15px
}

#media-library-view .js-media-library-views-form .media-library-item.media-library-item--grid.checked {
  padding: 10px;
  background-color: #e9ecef
}

#media-library-view .js-media-library-views-form .media-library-item.media-library-item--grid .js-click-to-select-checkbox {
  position: absolute;
  top: 0
}

#media-library-view .js-media-library-views-form .media-library-item.media-library-item--grid img {
  height: 180px;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center center;
  object-position: center center
}

#media-library-view .js-media-library-views-form .media-library-item.media-library-item--grid .media-library-item__content {
  font-size: 14px
}

#media-library-view ul.js-pager__items {
  display: flex;
  justify-content: center;
  font-size: 14px;
  list-style-type: none
}

#media-library-view ul.js-pager__items li {
  padding: 8px
}

.js-media-library-view {
  padding-left: 0
}

.js-media-library-view .view-header a {
  padding: 10px 20px;
  border: 1px solid #392d4c
}

.js-media-library-view .view-header a.is-active {
  background-color: #392d4c;
  color: #fff
}

.ui-front.ui-dialog-off-canvas {
  width: 40% !important;
  left: unset !important;
  right: 0 !important
}

.ui-front.ui-dialog-off-canvas button.ui-dialog-titlebar-close {
  filter: invert(1)
}

input[type=checkbox] {
  height: 20px;
  width: 20px;
  overflow: hidden;
  margin-top: 15px;
  border: 1px solid #212529;
  vertical-align: sub
}

input[type=checkbox]:checked {
  background-image: url(../images/check.svg);
  background-position: 50% 50%;
  background-repeat: no-repeat
}

input[type=checkbox]+label,
input[type=checkbox]+span.label label {
  margin-left: 8px;
  display: inline-block
}

details.form-wrapper .form-item {
  width: 100%;
  margin-top: auto
}

@media screen and (max-width:768px) {
  .md-up {
    display: none !important
  }

  .w-sm-100 {
    width: 100% !important
  }

  .bottom-space {
    margin-bottom: 3rem !important
  }

  .connector-search.w-sm-100 {
    width: 100% !important
  }

  #asp-systems-tabs {
    flex-wrap: nowrap
  }

  #asp-systems-tabs li.nav-item {
    font-size: 16px;
    line-height: 22px;
    font-size: 1rem;
    line-height: 1.375
  }

  #webform-submission-contact-add-form {
    width: 100%
  }

  #device-details-content h6.subtitle {
    line-height: 30px
  }

  #device-details-content #device-deatils-headings {
    margin-bottom: 20px
  }

  #device-details-content #device-tabContent .system-details {
    margin-top: 15px !important
  }

  #device-details-content #asp-systems-tabs {
    margin-top: 10px !important
  }

  #device-details-content .device-details {
    padding: 0
  }
}

@media screen and (min-width:768px) {
  .sm-down {
    display: none !important
  }
}

@media screen and (min-width:992px) {
  .md-down {
    display: none !important
  }

  .block-type-system-carousel {
    margin-top: 0;
    margin-bottom: 0
  }

  .block-type-system-carousel .col {
    height: 100%;
    padding: 30px 60px;
    border-top: 0;
    border-left: 2px solid #fff
  }

  .block-type-system-carousel .col:first-child {
    border-left: 0
  }

  .block-type-system-carousel .col:nth-child(2n) {
    border-left: 2px solid #fff
  }

  .block-type-system-carousel .col:nth-child(4) {
    border-right: 2px solid #fff
  }

  .block-type-system-carousel h3 {
    font-size: 21px;
    line-height: 26px;
    font-size: 1.3125rem;
    line-height: 1.2381;
    text-align: right
  }

  .block-type-system-carousel .field--name-field-sterrad-system {
    align-self: stretch;
    height: auto;
    padding: 0
  }

  .block-type-system-carousel .field--name-field-sterrad-system .well>div {
    height: 100%
  }

  .block-type-system-carousel .field--name-field-sterrad-system .well a,
  .block-type-system-carousel .field--name-field-sterrad-system .well a:visited {
    padding: 30px 60px
  }

  .block-type-system-carousel .field--name-field-sterrad-system .field--name-field-sterrad-system-teaser-img {
    width: 35%;
    padding-right: 30px
  }

  .block-type-system-carousel .field--name-field-sterrad-system h2 {
    width: 65%;
    margin-top: 7.5px;
    font-size: 18px;
    line-height: 22px;
    font-size: 1.125rem;
    line-height: 1.22222
  }

  .block-type-system-carousel .field--name-field-sterrad-system .field--name-field-sterrad-system-teaser-img+h2 {
    margin-top: 7.5px
  }

  .block-type-system-carousel .field--name-field-sterrad-system span.action-link {
    max-width: 65%;
    margin-top: 30px;
    font-size: 16px;
    line-height: 20px;
    font-size: 1rem;
    line-height: 1.25
  }

  .page-node-type-device .device-systems thead th {
    width: 25%
  }
}

@media screen and (max-width:992px) {
  .lg-up {
    display: none !important
  }

  #block-sc-mainnavigation-mobile ul {
    margin-top: 30px;
    text-transform: uppercase
  }

  #block-sc-mainnavigation-mobile ul li+li {
    margin-top: 10px;
    border-top: .5px solid #6c757d;
    padding-top: 10px
  }

  #block-sc-mainnavigation-mobile ul li:last-child {
    border-top: none
  }

  form.views-exposed-form .form-item-diagram-number,
  form.views-exposed-form .form-item-manufactuere-or-model {
    width: 100% !important
  }

  .connector-search {
    width: 35% !important
  }
}

@media screen and (min-width:1200px) {
  .lg-down {
    display: none !important
  }

  .page-node-type-device #block-barcodeinstructions {
    padding: 10px 35px
  }

  .page-node-type-device .field--name-field-device-barcode {
    padding-right: 15px;
    padding-top: 10px
  }
}

@media screen and (max-width:1199px) {
  .xl-up {
    display: none !important
  }
}

@media screen and (max-width:767px) {

  #block-scopeconnect-footer,
  #block-scopeconnect-footersocialaddress {
    margin-bottom: 20px
  }

  #card-section,
  #card-section .card {
    margin: auto
  }

  #card-section .card+.card {
    margin-top: 15px
  }

  #device-tabContent .card-block .card-wrapper .part-image img {
    height: auto
  }

  .layout__region form {
    align-items: center;
    flex-direction: column
  }

  .layout__region form .form-item {
    width: 100%
  }

  .layout__region .ui-dialog .ui-dialog-content form input[type=submit][type=submit]:hover,
  .layout__region form input[type=submit],
  .ui-dialog .ui-dialog-content .layout__region form input[type=submit][type=submit]:hover {
    margin-left: 0;
    margin-top: 15px
  }

  ul.ui-menu {
    left: 0 !important
  }
}

#toolbar-administration {
  z-index: 1100
}

.sys-content {
  padding: 15px 0;
  border-top: 1px solid #6c757d
}

.block-asp-local-tasks--2 ul,
.block-asp-local-tasks ul {
  margin: -5px;
  padding: 0;
  list-style: none
}

.block-asp-local-tasks--2 ul li,
.block-asp-local-tasks ul li {
  display: inline-block;
  padding: 5px;
  font-size: 14px;
  line-height: 14px;
  font-size: .875rem;
  line-height: 1
}

.block-asp-local-tasks--2 ul li a,
.block-asp-local-tasks ul li a {
  display: block;
  padding: 5px 15px;
  border: 1px solid #6c757d;
  color: #fff;
  font-weight: 400;
  text-decoration: none;
  text-transform: uppercase;
  background: #6c757d;
  vertical-align: top;
  transition: background .25s ease
}

.block-asp-local-tasks--2 ul li a:hover,
.block-asp-local-tasks ul li a:hover {
  color: #6c757d;
  background: #fff
}

.block-asp-local-tasks--2 ul li a.is-active,
.block-asp-local-tasks ul li a.is-active {
  border: 1px solid #6c757d;
  color: #6c757d;
  background: #fff
}

.block-asp-local-tasks--2 ul li a.is-active:hover,
.block-asp-local-tasks ul li a.is-active:hover {
  color: #6c757d
}

.system-messages .col+.col {
  margin-top: 10px
}

.system-messages .col .well {
  padding: 10px 15px;
  font-size: 14px;
  line-height: 24px;
  font-size: .875rem;
  line-height: 1.71429;
  color: #6c757d;
  font-style: normal
}

.system-messages .col .well ul {
  margin: 0;
  padding-left: 20px
}

.system-messages .col .well ul li+li {
  margin-top: 5px
}

.system-messages .col .well a {
  font-weight: 700;
  text-decoration: underline
}

.system-messages .col.status .well {
  background: rgba(39, 120, 107, .8);
  border: 2px solid #27786b
}

.system-messages .col.status .well a {
  color: #007bff;
  text-decoration: underline
}

.system-messages .col.warning .well {
  color: #6c757d;
  background: rgba(255, 193, 7, .8);
  border: 2px solid #ffc107
}

.system-messages .col.warning .well a,
.system-messages .col.warning .well a:hover {
  color: #007bff;
  text-decoration: underline
}

.system-messages .col.error .well {
  color: #fff;
  background: rgba(220, 53, 69, .8);
  border: 2px solid #dc3545
}

.system-messages .col.error .well a,
.system-messages .col.error .well a:hover {
  color: #007bff;
  text-decoration: underline
}

*+.system-messages {
  margin-top: 15px
}