/* Old Compass Plugins */
/* Extended CSS */
.membership__container section article.lir-contacts > div.category, aside.request__container section article.lir-contacts > div.category, .membership__container section article.lir-contacts > div.fields, aside.request__container section article.lir-contacts > div.fields, .membership__container section article.lir-contacts, aside.request__container section article.lir-contacts, aside.wizard, aside#contacts-page section article.head h3, div.editable-row, form.editable-wrap span.editable-controls input.editable-input, form.editable-wrap span.editable-controls, aside.account-details section article table tbody td span.default-message, .resource--selector a.placeholder, div.transfer-resources-modal div.search-bar, ul.listing-radio, section.transfer-duration article.specify-date, .updateregistry__container section.transfer-resources a.placeholder, .membership__container section.transfer-resources a.placeholder, aside.request__container section.transfer-resources a.placeholder, aside.ticket-details section.transfer-resources a.placeholder, #ticket-details section.transfer-resources a.placeholder, .updateregistry__container .additional-info__field, .membership__container .additional-info__field, aside.request__container .additional-info__field, aside.ticket-details .additional-info__field, #ticket-details .additional-info__field, .updateregistry__container section article.transfer-agreement div.form-fields, .membership__container section article.transfer-agreement div.form-fields, aside.request__container section article.transfer-agreement div.form-fields, aside.ticket-details section article.transfer-agreement div.form-fields, #ticket-details section article.transfer-agreement div.form-fields, .updateregistry__container section article.transfer-agreement div.upload-fields, .membership__container section article.transfer-agreement div.upload-fields, aside.request__container section article.transfer-agreement div.upload-fields, aside.ticket-details section article.transfer-agreement div.upload-fields, #ticket-details section article.transfer-agreement div.upload-fields, .updateregistry__container section, .membership__container section, aside.request__container section, aside.ticket-details section, #ticket-details section, .updateregistry__container, .membership__container, aside.request__container, aside.ticket-details, #ticket-details, div#dataTables div.dataTables_wrapper div.no-footer div.dataTables_info, div#dataTables div.dataTables_wrapper div.no-footer div.dataTables_filter, div#dataTables div.dataTables_wrapper div.no-footer, .lirmigration-notice p.space, .lirmigration-notice, .jumbotron, div.uploads div.dynamic-input-row div.uploader input[type=file], div.uploads div.dynamic-input-row div.uploader span.filename, span.command-message, aside section article, .float-l {
  float: left;
}

.edit-maintainer-modal div.modal-footer button.blue-button, .edit-maintainer-modal div.modal-footer button.grey-button, aside#contacts-page section article.user-list > ul > li div.permission p.remove-contact, aside#contacts-page section article.user-list > ul > li div.user-bar i.icon, aside#contacts-page section article.head a.blue-button, aside#contacts-page section article.head a.grey-button, aside.account-details inline-editable-form-buttons, aside.account-details .buttons, div.transfer-resources-modal div.search-bar p.status, * div.ui-select-dropdown ul.ui-select-choices li > ul li div.select2-result-label div.org-objid, * div.ui-select-dropdown ul.select2-choices li > ul li div.select2-result-label div.org-objid, * div.ui-select-container ul.ui-select-choices li > ul li div.select2-result-label div.org-objid, * div.ui-select-container ul.select2-choices li > ul li div.select2-result-label div.org-objid, aside.updateregistry__wizard, aside.membership__wizard, aside.request__wizard, div#dataTables div.dataTables_wrapper div.dt-buttons, div#dataTables div.dataTables_wrapper div.no-footer div.dataTables_paginate, div#dataTables div.dataTables_wrapper div.no-footer div.dataTables_length, .billing-lock, .float-r {
  float: right;
}

section.transfer-duration article.specify-date, span.command-message, .clear-b {
  clear: both;
}

.inline-block {
  display: inline-block;
}

.warning-messages, div.selectall, .updateregistry__container section article.transfer-agreement div.form-fields, .membership__container section article.transfer-agreement div.form-fields, aside.request__container section article.transfer-agreement div.form-fields, aside.ticket-details section article.transfer-agreement div.form-fields, #ticket-details section article.transfer-agreement div.form-fields, .updateregistry__container section article.transfer-agreement div.upload-fields, .membership__container section article.transfer-agreement div.upload-fields, aside.request__container section article.transfer-agreement div.upload-fields, aside.ticket-details section article.transfer-agreement div.upload-fields, #ticket-details section article.transfer-agreement div.upload-fields, .mar-top-10 {
  margin-top: 10px;
}

.mar-top-5 {
  margin-top: 5px;
}

.mar-r-5 {
  margin-right: 5px;
}

aside.request__container ul.one-column > li label, .membership__container section article.lir-contacts, aside.request__container section article.lir-contacts, form.multi-field-form table, form.multi-field-form input[type=text].width-100, form.multi-field-form textarea, form.new-contact-modal div.modal-body button.blue-button, form.new-contact-modal div.modal-body button.grey-button, form.new-contact-modal div.modal-body ul.name-list li input, form.new-contact-modal div.modal-body div.checking-sso input, form.new-contact-modal div.modal-body div.checking-sso, aside#contacts-page section article.lir-user-list > ul > li, aside#contacts-page section article.search input, div#contact-migration-wizard div.modal-body section.wizard-progress, div#contact-migration-wizard div.modal-body section.role-scenario article.select-role ul.select-name li input, div#contact-migration-wizard div.modal-body section.role-scenario article.select-role ul.select-name li label, div.editable-row, form.editable-wrap span.editable-controls, .additional-info-table, .resource--selector a.placeholder, div.transfer-resources-modal div.search-bar, aside.modal-updatingregistry.updateregistry__container, aside.modal-updatingregistry.membership__container, aside.modal-updatingregistry.request__container, aside.modal-updatingregistry.ticket-details, aside.modal-updatingregistry#ticket-details, .updateregistry__container section.transfer-resources a.placeholder, .membership__container section.transfer-resources a.placeholder, aside.request__container section.transfer-resources a.placeholder, aside.ticket-details section.transfer-resources a.placeholder, #ticket-details section.transfer-resources a.placeholder, .updateregistry__container section article.transfer-agreement div.form-fields, .membership__container section article.transfer-agreement div.form-fields, aside.request__container section article.transfer-agreement div.form-fields, aside.ticket-details section article.transfer-agreement div.form-fields, #ticket-details section article.transfer-agreement div.form-fields, .updateregistry__container section textarea, .membership__container section textarea, aside.request__container section textarea, aside.ticket-details section textarea, #ticket-details section textarea, .updateregistry__container section table.updateregistry__documentstable, .membership__container section table.updateregistry__documentstable, aside.request__container section table.updateregistry__documentstable, aside.ticket-details section table.updateregistry__documentstable, #ticket-details section table.updateregistry__documentstable, .updateregistry__container section table.updateregistry__registrytable, .membership__container section table.updateregistry__registrytable, aside.request__container section table.updateregistry__registrytable, aside.ticket-details section table.updateregistry__registrytable, #ticket-details section table.updateregistry__registrytable, .updateregistry__container section, .membership__container section, aside.request__container section, aside.ticket-details section, #ticket-details section, .updateregistry__container input[type=text], .membership__container input[type=text], aside.request__container input[type=text], aside.ticket-details input[type=text], #ticket-details input[type=text], .updateregistry__container input[type=number], .membership__container input[type=number], aside.request__container input[type=number], aside.ticket-details input[type=number], #ticket-details input[type=number], .updateregistry__container input[type=email], .membership__container input[type=email], aside.request__container input[type=email], aside.ticket-details input[type=email], #ticket-details input[type=email], .updateregistry__container input[type=password], .membership__container input[type=password], aside.request__container input[type=password], aside.ticket-details input[type=password], #ticket-details input[type=password], div#dataTables div.dataTables_wrapper div.no-footer table, div#dataTables div.dataTables_wrapper div.no-footer, .lirmigration-notice, .jumbotron, table.scrollable-table, div.uploads div.dynamic-input-row div.uploader input[type=file], div.uploads div.dynamic-input-row div.uploader span.filename, table.table-new, aside section article, .width-100 {
  width: 100%;
}

.updateregistry__container .additional-info__field, .membership__container .additional-info__field, aside.request__container .additional-info__field, aside.ticket-details .additional-info__field, #ticket-details .additional-info__field, .width-50 {
  width: 50%;
}

div.dynamic-input-row input[type=text], div.dynamic-input-row input[type=email], .width-60 {
  width: 60%;
}

.membership__container section article.lir-contacts, aside.request__container section article.lir-contacts, div.buttons button, span.editable-buttons button, form.new-contact-modal div.modal-body ul.name-list li input, form.new-contact-modal div.modal-body div.sso-details picture, form.new-contact-modal div.modal-body div.checking-sso input, aside#contacts-page section article.user-list > ul > li div.user-bar picture, aside#contacts-page section article.search input:focus, div#contact-migration-wizard div.modal-body section.role-scenario article.select-role ul.select-name li input, aside.account-details section article table tbody td input[type=text], aside.account-details section article table tbody td textarea, aside.account-details section article, .warning-messages p, .resource--selector a.placeholder, div.transfer-resources-modal div.search-bar input.search, * a.ui-select-match, .updateregistry__container section.transfer-resources a.placeholder, .membership__container section.transfer-resources a.placeholder, aside.request__container section.transfer-resources a.placeholder, aside.ticket-details section.transfer-resources a.placeholder, #ticket-details section.transfer-resources a.placeholder, div#dataTables div.dataTables_wrapper div.dt-buttons a.dt-button, div#dataTables div.dataTables_wrapper div.no-footer div.dataTables_paginate a, div#dataTables div.dataTables_wrapper div.no-footer table tbody tr td, div#dataTables div.dataTables_wrapper div.no-footer table thead tr th, .select2-container-multi .select2-choices .select2-search-choice, .select2-container-multi .select2-choices, .select2-search input, .select2-drop, .select2-container .select2-choice, table.scrollable-table, div.uploads div.dynamic-input-row div.uploader, div.progress, .custom-poptip span.tip {
  border: 1px solid #E0E0E0;
}

aside.updateregistry__wizard, aside.membership__wizard, aside.request__wizard {
  border-left: 1px solid #E0E0E0;
}

aside#contacts-page section article.lir-user-list > ul > li, aside#contacts-page section article.user-list > ul > li, * div.ui-select-dropdown ul.ui-select-choices li > ul li, * div.ui-select-dropdown ul.select2-choices li > ul li, * div.ui-select-container ul.ui-select-choices li > ul li, * div.ui-select-container ul.select2-choices li > ul li, .updateregistry__container section table.updateregistry__documentstable tr, .membership__container section table.updateregistry__documentstable tr, aside.request__container section table.updateregistry__documentstable tr, aside.ticket-details section table.updateregistry__documentstable tr, #ticket-details section table.updateregistry__documentstable tr, div.tabbed-box div.box-content table.table-normal tbody tr, table.scrollable-table tbody tr {
  border-bottom: 1px solid #E0E0E0;
}

.no-mar-t {
  margin-top: 0 !important;
}

.no-mar-b {
  margin-bottom: 0 !important;
}

.no-mar-l {
  margin-left: 0 !important;
}

.wizard-content section ul.two-column > li.no-mar-r, .updateregistry__container section ul.two-column > li.no-mar-r, .membership__container section ul.two-column > li.no-mar-r, aside.request__container section ul.two-column > li.no-mar-r, aside.ticket-details section ul.two-column > li.no-mar-r, #ticket-details section ul.two-column > li.no-mar-r, .no-mar-r {
  margin-right: 0 !important;
}

.padding-r {
  padding-right: 0.5em;
}

.padding-l {
  padding-left: 0.5em;
}

.padding-b {
  padding-bottom: 0.5em;
}

.pad-top-5 {
  padding-top: 5px !important;
}

.pad-top-15 {
  padding-top: 15px !important;
}

.pad-top-50 {
  padding-top: 50px !important;
}

.mar-top-5 {
  margin-top: 5px !important;
}

.mar-top-15 {
  margin-top: 15px !important;
}

.mar-top-50 {
  margin-top: 50px !important;
}

.pad-btm-5 {
  padding-bottom: 5px !important;
}

.pad-btm-15 {
  padding-bottom: 15px !important;
}

.pad-btm-50 {
  padding-bottom: 50px !important;
}

.pad-r-10 {
  padding-right: 10px !important;
}

.updateregistry__container .additional-info__field, .membership__container .additional-info__field, aside.request__container .additional-info__field, aside.ticket-details .additional-info__field, #ticket-details .additional-info__field, .pad-r-20 {
  padding-right: 20px !important;
}

.additional-info-table__value, .pad-l-20 {
  padding-left: 20px !important;
}

aside.wizard.confirmation h5, aside.wizard.confirmation p, .mar-btm-5 {
  margin-bottom: 5px !important;
}

div.dynamic-input-row, .mar-btm-10 {
  margin-bottom: 10px;
}

aside.wizard.confirmation h4, table.resource-table, .updateregistry__container .additional-info__field, .membership__container .additional-info__field, aside.request__container .additional-info__field, aside.ticket-details .additional-info__field, #ticket-details .additional-info__field, .mar-btm-15 {
  margin-bottom: 15px !important;
}

aside.wizard.confirmation section, .mar-btm-50 {
  margin-bottom: 50px !important;
}

div.buttons button, span.editable-buttons button {
  margin-left: 5px;
}

table.resource-table tbody td ul.child-prefix li input {
  margin-right: 10px;
}

/* Mixins */
/* Generic CSS */
body, html {
  font-size: 1em;
  font-family: "Public Sans", Helvetica, Sans-serif;
  margin: 0;
}
body.section-manage-ips-and-asns main, html.section-manage-ips-and-asns main {
  background: none !important;
}

a, a:hover, a:focus {
  text-decoration: none;
  outline: none;
}

h4 span.small-size {
  font-size: 70%;
}

ul.list-bullet {
  margin: 0 0 12px 0;
  padding: 0 0 0 20px;
}
ul.list-bullet li {
  list-style-type: disc !important;
}

span.command-message {
  color: #11A900;
  width: 80%;
  margin-top: 10px;
  white-space: pre-line;
}
span.command-message.failed {
  color: #A94442;
}
span.command-message.success {
  color: #11A900;
}

span.error {
  color: #A94442;
}

span.success {
  color: #11A900;
}

.color-grey {
  color: #777;
}

/* template overrides */
.ripe-app form.fill-up .radio, .ripe-app form.fill-up .checkbox {
  padding-left: 20px;
}

.ripe-app form.fill-up input[type=radio] {
  width: auto;
}

dl.portlet dd.portletItem a {
  width: 200px;
}

/* custom */
.text-warning {
  color: #ff9600;
}

.container {
  width: 100% !important;
}

.ripe-app .container {
  padding-left: 0;
  padding-right: 0;
}

.ripe-app .error-box {
  margin-top: 100px !important;
  margin-bottom: 100px !important;
}

.ripe-app .loading-text {
  margin: 0 auto;
  font-size: 32pt;
  text-shadow: none;
  max-width: 100%;
}

#portal-breadcrumbs {
  float: left;
}

#registry-selector {
  float: right;
  margin: 0 2em 1em;
}
#registry-selector div#select_profile {
  display: inline-block;
  width: 250px !important;
  margin-left: 5px;
}
#registry-selector div#select_profile div.ui-select-dropdown div.select2-search {
  margin-bottom: 10px;
}
#registry-selector div#select_profile div.ui-select-dropdown > ul.ui-select-choices li.ui-select-choices-group > ul li div.select2-result-label div.org-regid {
  color: #777;
}

.portalLabel {
  transform: rotate(90deg);
  transform-origin: 100% 0;
  display: none;
  position: fixed;
  top: 60px;
  right: 36px;
  height: 36px;
  border-top: 2px solid #FFF;
}

.portalLabel a {
  font-size: 14px;
  padding: 10px 16px !important;
  cursor: pointer;
  font-weight: 500;
  color: #FFF !important;
  position: relative !important;
}

.portalLabel i {
  text-indent: 0 !important;
}

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

#button-container a.takeTheTourButton {
  background: #CC333F;
}

#button-container a.takeTheTourButton:before {
  font-family: "Font Awesome 5 Pro";
  margin-right: 10px;
  font-size: 1.2em;
}

#apiLabel {
  top: 502px;
  padding: 10px 10px 0 !important;
  background: #EB6841;
}

#apiLabel:hover {
  border-top: 2px solid #EB6841;
}

#livechatLabel {
  top: 285px;
  padding: 10px 0 0 !important;
  background: #00A0B0;
}

#livechatLabel:hover {
  border-top: 2px solid #00A0B0;
}

#payment-notice {
  margin-right: auto;
  margin-left: auto;
}

#payment-notice p {
  color: #000;
}

.billing-year-selector {
  display: inline-flex;
  float: right;
  padding-bottom: 10px;
}

.billing-year-selector > label {
  margin: auto;
  padding-right: 10px;
}

/* Main marketing message and sign up button */
.validation-error {
  color: #D8000C;
}

.validation-error-block {
  padding: 0.5em 1em 1em 1em;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  color: #C03D3D;
  font-size: 0.9em;
}

label.disabled {
  color: #929292;
  cursor: not-allowed;
}

/* we have margin overrides for 10,20,30 but not 0, so i added it */
.margin-bottom-0 {
  margin-bottom: 0 !important;
}

/* taken from https://prepdev.db.ripe.net/theme-port/webupdates/ */
.ripe-app a.text-link {
  font-weight: 600;
  color: #6ca8ce !important;
}

.ripe-app .top-banner {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  padding: 0;
  border-radius: 0;
  text-align: center;
  z-index: 1000;
}

.ripe-app .top-banner .close {
  top: 6px;
  right: 10px;
}

.ripe-app .box-header .search-query, .ripe-app .box-content .search-query {
  border-radius: 15px;
  height: 29px;
  width: 300px;
  outline: none;
  padding-left: 11px;
}

.ripe-app .box .box-header .big-title {
  font-size: 16px;
}

.ripe-app .box.box-clean {
  border: none;
  box-shadow: none;
  border-radius: 0;
}

.ripe-app textarea.invalid-input,
.ripe-app textarea.ng-dirty.ng-invalid,
.ripe-app textarea.ng-touched.ng-invalid,
.ripe-app textarea.ng-touched.ng-invalid-required,
.ripe-app input[type=text].invalid-input,
.ripe-app input[type=text].ng-dirty.ng-invalid,
.ripe-app input[type=text].ng-touched.ng-invalid,
.ripe-app input[type=text].ng-touched.ng-invalid-required,
.ripe-app input[type=password].invalid-input,
.ripe-app input[type=password].ng-dirty.ng-invalid,
.ripe-app input[type=password].ng-touched.ng-invalid,
.ripe-app input[type=password].ng-touched.ng-invalid-required,
.ripe-app input[type=email].ng-touched.ng-invalid-required,
.ripe-app input[type=email].invalid-input {
  border: 1px solid #A94442;
}

.invalid-input {
  color: #A94442;
}

input[type=text].warning-input {
  border: 1px solid #ff9600 !important;
}

.warning-input {
  color: #ff9600;
}

pre.non-pre {
  padding: 0 !important;
  margin: 0 !important;
  font: inherit !important;
  line-height: normal !important;
  background: none !important;
  border: none !important;
  color: inherit !important;
  border-radius: 0 !important;
}

button.btn-red {
  background: #FF002F !important;
  width: auto;
  height: 30px;
  border: none !important;
  line-height: inherit;
  padding: 0;
  text-align: center;
  margin-top: 3px;
}
button.btn-red span {
  font-size: 18px !important;
  color: #fff;
  text-shadow: none;
}

button.blue-button, button.grey-button {
  border: none;
  margin: 0;
}

table.table-new {
  border: 1px solid #E0E0E0;
  margin-bottom: 0;
  color: #5a6573;
}
table.table-new tbody td, table.table-new thead td {
  border: 1px solid #E0E0E0;
}
table.table-new tbody td:first-child, table.table-new thead td:first-child {
  border-left: none;
}
table.table-new thead td {
  text-align: center;
  padding: 3px 5px 2px 5px;
  color: #666;
  height: 25px;
  line-height: 25px;
  font-weight: 600;
  font-size: 12px;
  text-shadow: 0 1px rgba(255, 255, 255, 0.5);
  background: rgb(243, 243, 243) none repeat scroll 0% 0%;
  border-left: 1px solid #E0E0E0;
  border-right: 1px solid #E0E0E0;
  border-bottom: 1px solid #E0E0E0;
}
table.table-new thead td:first-child {
  border-left: none;
}
table.table-new thead td:last-child {
  border-right: none;
}
table.table-new tbody td {
  padding: 7px 11px;
  vertical-align: middle;
}
table.table-new tbody tr {
  border: 1px solid #E0E0E0;
}
table.table-new tbody tr:nth-child(even) {
  background-color: #FAFAFA;
}
table.table-new .icon {
  width: 30px;
  text-align: center;
}

div.alert {
  padding: 0.55em 0.9em;
  background-color: #f5e075;
  margin: 0 0 12px 0;
  border: none;
  box-shadow: none;
  border-radius: 0;
  color: #333;
}
div.alert.alert-success {
  background-color: #afdc98;
}
div.alert.alert-error {
  background-color: #fcc394;
}
div.alert .close {
  top: 0;
  right: 0;
}
div.alert em {
  font-style: italic;
}

.blue-button, .grey-button {
  border: none;
  text-decoration: none !important;
  min-width: 90px;
}
.blue-button.small, .small.grey-button {
  padding: 0;
  width: 30px;
  height: 30px;
}
.blue-button:disabled, .grey-button:disabled {
  background: #e6e6e6;
  color: #777;
}

.grey-button {
  background: #e6e6e6;
  min-width: auto;
  color: #333;
  padding: 0.5em 1em;
  margin: 0;
  text-decoration: none;
}

.ripe-app .uploader, .ripe-app .selector {
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  *display: inline;
}

.ripe-app .uploader *, .ripe-app .selector * {
  margin: 0;
  padding: 0;
}

.ripe-app .selector select:focus {
  outline: 0;
}

.ripe-app div.selector {
  position: relative;
  padding-left: 5px;
  overflow: hidden;
  width: 100%;
  font-size: 12px;
  border-radius: 0;
  background: whitesmoke;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==");
  background-size: 100%;
  background-image: linear-gradient(top, #ffffff, #f5f5f5);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  border: 1px solid #ccc;
  font-size: 12px;
  height: 28px;
  line-height: 28px;
  color: #666;
}

.ripe-app div.selector:after {
  top: 2px;
  right: 2px;
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
  font-style: normal;
  display: inline-block;
  text-decoration: inherit;
  position: absolute;
  width: 18px;
  height: 18px;
  pointer-events: none;
  text-align: center;
  line-height: 18px;
  font-size: 14px;
  color: #888;
}

.ripe-app div.selector:after:before {
  content: "\f0dd";
}

.ripe-app div.selector span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0 25px 0 2px;
  cursor: pointer;
  color: #666;
  text-shadow: 0 1px 0 #fff;
  height: 26px;
  line-height: 26px;
  background: transparent;
}

.ripe-app div.selector.disabled span {
  color: #bbb;
}

.ripe-app div.selector select {
  position: absolute;
  opacity: 0;
  height: 25px;
  border: none;
  background: none;
  top: 0;
  left: 0;
  font-size: 12px;
  border: solid 1px #fff;
}

.ripe-app textarea, .ripe-app input[type=text], .ripe-app input[type=password], .ripe-app input[type=datetime], .ripe-app input[type=datetime-local], .ripe-app input[type=date], .ripe-app input[type=month], .ripe-app input[type=time], .ripe-app input[type=week], .ripe-app input[type=number], .ripe-app input[type=email], .ripe-app input[type=url], .ripe-app input[type=search], .ripe-app input[type=tel], .ripe-app input[type=color], .ripe-app .uneditable-input {
  box-shadow: none;
  border-radius: 0;
  font-size: 12px;
  color: rgb(51, 51, 51);
  padding: 0 0 0 5px;
  border: 1px solid #d7d7d7;
  display: inline-block;
  background: #ffffff;
  height: 26px;
  line-height: 26px;
}

.ripe-app textarea:focus, .ripe-app input[type=text]:focus, .ripe-app input[type=password]:focus, .ripe-app input[type=datetime]:focus, .ripe-app input[type=datetime-local]:focus, .ripe-app input[type=date]:focus, .ripe-app input[type=month]:focus, .ripe-app input[type=time]:focus, .ripe-app input[type=week]:focus, .ripe-app input[type=number]:focus, .ripe-app input[type=email]:focus, .ripe-app input[type=url]:focus, .ripe-app input[type=search]:focus, .ripe-app input[type=tel]:focus, .ripe-app input[type=color]:focus, .ripe-app .uneditable-input:focus {
  box-shadow: none;
  border: 1px solid #68A6CE;
}

.ripe-app textarea {
  height: auto;
}

.ripe-app label {
  font-size: 12px;
  color: #5F5F5F;
}

.ripe-app .btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  white-space: nowrap;
  border-radius: 0;
}

.ripe-app .btn.btn-default {
  color: #686868 !important;
  text-shadow: none;
}

.ripe-app .btn.btn-default:hover, .ripe-app .btn.btn-default:active {
  color: #505050 !important;
}

.ripe-app .btn.btn-default {
  border: 1px solid #d4d4d4;
  box-shadow: inset 0 1px 2px white;
  background: #e9e9e9;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZkZmRmZCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U5ZTllOSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==");
  background-size: 100%;
  background-image: linear-gradient(top, #fdfdfd, #e9e9e9);
}

.ripe-app .btn.btn-default:hover {
  background: #e6e6e6;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZkZmRmZCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U2ZTZlNiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==");
  background-size: 100%;
  background-image: linear-gradient(top, #fdfdfd, #e6e6e6);
  transition: box-shadow 0.05s ease-in-out;
}

.ripe-app .btn.btn-default:active {
  background: #f3f3f3;
  border-color: #cfcfcf;
  box-shadow: 0 0 5px #f3f3f3 inset;
}

.fa, .ripe-app .glyphicon {
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.spinner {
  margin: 30px auto;
  width: 70px;
  text-align: center;
}

@-webkit-keyframes bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
  }
}
@keyframes bouncedelay {
  0%, 80%, 100% {
    transform: scale(0);
    -webkit-transform: scale(0);
  }
  40% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}
.spinner > div {
  width: 18px;
  height: 18px;
  background-color: #CCC;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
  animation: bouncedelay 1.4s infinite ease-in-out;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

.error-box {
  margin-top: 100px;
  color: rgba(0, 0, 0, 0.2);
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.6), 0 0 1px rgba(0, 0, 0, 0.3);
  text-align: center;
  font-weight: 600;
}

.error-box .message-small {
  font-size: 25px;
}

.error-box .message-small i {
  font-size: 25px;
}

.error-box .message-big {
  font-size: 160px;
}

.error-box .message-big i {
  font-size: 140px;
  line-height: 160px;
}

aside.default-maintainer-error article.maintainer-details {
  padding: 15px;
  background-color: #FDEEE7;
}
aside.default-maintainer-error article.maintainer-details h5 {
  margin-top: 0 !important;
}
aside.default-maintainer-error article.maintainer-details form table tbody tr th {
  width: 17%;
  text-align: left;
  color: #777;
  vertical-align: top;
}
aside.default-maintainer-error article.maintainer-details form table tbody tr td {
  vertical-align: top;
}
aside.default-maintainer-error article.maintainer-details form table tbody tr td div#default_mntner {
  width: 60% !important;
}

aside.center-message {
  text-align: center;
}
aside.center-message h1 {
  font-size: 3em;
}
aside.center-message p {
  font-size: 1em;
}

.blue-button.red, .red.grey-button {
  background-color: #A94442;
}
.blue-button.red:hover, .red.grey-button:hover {
  background-color: #a92411;
}

/* Tooltip in modal */
.custom-poptip {
  text-decoration: underline;
  position: relative;
}
.custom-poptip span.tip {
  font-size: 12px;
  text-align: center;
  display: none;
  text-decoration: none;
  background-color: #fff;
  color: #686868;
  padding: 10px;
  box-sizing: border-box;
  position: absolute;
  top: 20px;
}
.custom-poptip:hover span {
  display: block;
}

/* Progress bar */
div.progress {
  background: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  margin-bottom: 0 !important;
}
div.progress div.progress-bar {
  background: #172045;
}

.ellipsis {
  max-width: 165px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  position: relative;
}

/* Upload Styling */
div.uploads div.dynamic-input-row input[type=text] {
  display: inline-block;
  margin-right: 10px;
  width: 40%;
}
div.uploads div.dynamic-input-row div.progress {
  margin-top: 6px;
}
div.uploads div.dynamic-input-row div.uploader {
  height: 38px !important;
  width: 40%;
  position: relative;
  top: -1px;
}
div.uploads div.dynamic-input-row div.uploader.large-field {
  width: 60%;
}
div.uploads div.dynamic-input-row div.uploader span.filename {
  font-size: 100%;
  padding: 7px 10px;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: default;
}
div.uploads div.dynamic-input-row div.uploader input[type=file] {
  opacity: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  height: 35px;
  border: none;
  cursor: default;
  z-index: 1;
}
div.uploads div.dynamic-input-row div.uploader .browse {
  color: white;
  background-color: rgb(68, 70, 93);
  margin: 4px 4px 4px 0;
  padding: 0 0.5em;
  text-align: center;
  position: absolute;
  top: 0;
  right: 0;
  height: 27px;
  line-height: 27px;
}
div.uploads p {
  margin-bottom: 0.2em;
}
div.uploads div.supported-file-types {
  font-size: 14px;
}
div.uploads div.supported-file-types ul {
  padding: revert;
}
div.uploads div.supported-file-types ul li {
  list-style: initial;
}

span.flag {
  background-color: white;
  display: inline-block;
  padding: 2px 5px;
  text-align: center;
  margin: 0 2px;
}
span.flag.red {
  border: 1px solid #A94442;
  color: #A94442;
}
span.flag.blue {
  border: 1px solid #11ACEC;
  color: #11ACEC;
}
span.flag.blue-dark {
  border: 1px solid #172045;
  background-color: #172045;
  color: #a5a8bb;
}
span.flag.grey {
  background-color: inherit;
  color: #777;
}
span.flag.green-alt {
  background-color: #5EA942;
  color: white;
}
span.flag.red-alt {
  background-color: #A94442;
  color: white;
}
span.flag.orange-alt {
  background-color: #ECA911;
  color: white;
}

.dotted {
  border-bottom: 1px dashed #333;
}

div.reg-id {
  position: relative;
}
div.reg-id span.prefix {
  position: absolute;
  background-color: #e6e6e6;
  padding: 7px;
  top: 1px;
  left: 1px;
  text-align: center;
  width: 40px;
  height: 35px;
}
div.reg-id input {
  padding-left: 80px !important;
  margin-bottom: 0;
}

table.scrollable-table {
  border-collapse: collapse;
  border-spacing: 0;
}
table.scrollable-table thead {
  background-color: #E0E0E0;
  display: block;
  position: relative;
}
table.scrollable-table thead tr {
  display: block;
  position: relative;
}
table.scrollable-table thead tr th {
  font-weight: bold;
}
table.scrollable-table tbody {
  display: block;
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 16em;
}
table.scrollable-table tbody tr:nth-child(even) {
  background-color: #f1f1f1;
}
table.scrollable-table thead tr th, table.scrollable-table thead tr td, table.scrollable-table tbody tr th, table.scrollable-table tbody tr td {
  padding: 1em;
}
table.scrollable-table tbody td, table.scrollable-table thead td {
  box-sizing: border-box;
}
table.scrollable-table tbody tr.zero-height td {
  height: 0;
  padding: 0;
  margin: 0;
}
table.scrollable-table tbody tr td {
  width: 11%;
}
table.scrollable-table tbody tr td label {
  font-weight: normal;
}
table.scrollable-table tbody tr td.small-width {
  width: 1%;
}
table.scrollable-table tbody tr.disabled td {
  color: #777;
}
table.scrollable-table tbody tr.disabled td input {
  visibility: hidden;
}
table.scrollable-table tbody tr.disabled td a.poptip {
  color: #777 !important;
  border-bottom: 1px dashed #777;
}
table.scrollable-table tbody tr.disabled td div.popover {
  color: #333;
}
table.scrollable-table.table-disable thead th {
  background: #e6e6e6;
  color: #333;
}
table.scrollable-table.table-disable tbody td {
  background: #f1f1f1;
  color: #777;
}

ul, ul li {
  margin: 0;
  padding: 0;
  list-style: none;
}

* {
  outline: 0;
}

h1, h2, h3, h4, h5, h6, p, pre {
  padding: 0;
  margin: 0;
}

/* Vendor based CSS */
.select2-container {
  margin: 0;
  position: relative;
  display: inline-block;
  zoom: 1;
  *display: inline;
  vertical-align: middle;
  box-sizing: border-box;
  font: 400 12px "Open Sans", HelveticaNeue, Helvetica, Arial;
}

.select2-drop {
  box-sizing: border-box;
  font: 400 12px "Open Sans", HelveticaNeue, Helvetica, Arial;
}

.select2-search {
  box-sizing: border-box;
}

.select2-search input {
  box-sizing: border-box;
}

.select2-container .select2-choice {
  display: block;
  height: 28px;
  padding: 0 0 0 8px;
  overflow: hidden;
  position: relative;
  white-space: nowrap;
  line-height: 26px;
  color: #333;
  text-decoration: none;
  border-radius: 0;
  background-clip: padding-box;
  -webkit-touch-callout: none;
  user-select: none;
  background-color: #fff;
}

.select2-container.select2-drop-above .select2-choice {
  border-bottom-color: #aaa;
  border-radius: 0 0 4px 4px;
}

.select2-container.select2-allowclear .select2-choice span {
  margin-right: 42px;
}

.select2-container .select2-choice span {
  margin-right: 26px;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.select2-container .select2-choice abbr {
  display: none;
  width: 12px;
  height: 12px;
  position: absolute;
  right: 24px;
  top: 8px;
  font-size: 1px;
  text-decoration: none;
  border: 0;
  background: url("../../images/select2.png") right top no-repeat;
  cursor: pointer;
  outline: 0;
}

.select2-container.select2-allowclear .select2-choice abbr {
  display: inline-block;
}

.select2-container .select2-choice abbr:hover {
  background-position: right -11px;
  cursor: pointer;
}

.select2-drop-mask {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 998;
}

.select2-drop {
  width: 100%;
  margin-top: -1px;
  position: absolute;
  z-index: 999;
  top: 100%;
  background: #fff;
  color: #000;
  border-top: 0;
  border-radius: 0 0 4px 4px;
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
}

.select2-drop-auto-width {
  border-top: 1px solid #aaa;
  width: auto;
}

.select2-drop-auto-width .select2-search {
  padding-top: 4px;
}

.select2-drop.select2-drop-above {
  margin-top: 1px;
  border-top: 1px solid #aaa;
  border-bottom: 0;
  border-radius: 4px 4px 0 0;
  box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.15);
}

.select2-container .select2-choice div {
  display: inline-block;
  width: 18px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  border-left: 1px solid #aaa;
  border-radius: 0 4px 4px 0;
  background-clip: padding-box;
  background: #ccc;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = "#eeeeee", endColorstr = "#cccccc", GradientType = 0);
  background-image: linear-gradient(top, #cccccc 0, #eeeeee 60%);
}

.select2-container .select2-choice div b {
  display: block;
  width: 100%;
  height: 100%;
  background: url("../../images/select2.png") no-repeat 0 1px;
}

.select2-search {
  display: inline-block;
  width: 100%;
  min-height: 26px;
  margin: 0;
  padding-left: 4px;
  padding-right: 4px;
  position: relative;
  z-index: 1000;
  white-space: nowrap;
}

.select2-search input {
  width: 100%;
  height: auto !important;
  min-height: 26px;
  padding: 4px 20px 4px 5px;
  margin: 0;
  outline: 0;
  font-size: 1em;
  border-radius: 0;
  box-shadow: none;
  background: url("../../images/select2.png") no-repeat 100% -22px, linear-gradient(top, #ffffff 85%, #eeeeee 99%);
}

.select2-drop.select2-drop-above .select2-search input {
  margin-top: 4px;
}

.select2-search input.select2-active {
  background: url("../../images/select2-spinner.gif") no-repeat 100%, linear-gradient(top, #ffffff 85%, #eeeeee 99%);
}

.select2-container-active .select2-choice, .select2-container-active .select2-choices {
  border: 1px solid #5897fb;
  outline: none;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.select2-dropdown-open .select2-choice {
  border-bottom-color: transparent;
  box-shadow: 0 1px 0 #fff inset;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
  background-color: #eee;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#eeeeee", endColorstr="#ffffff", GradientType=0);
  background-image: linear-gradient(top, #ffffff 0, #eeeeee 50%);
}

.select2-dropdown-open.select2-drop-above .select2-choice, .select2-dropdown-open.select2-drop-above .select2-choices {
  border: 1px solid #5897fb;
  border-top-color: transparent;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#eeeeee", endColorstr="#ffffff", GradientType=0);
  background-image: linear-gradient(bottom, #ffffff 0, #eeeeee 50%);
}

.select2-dropdown-open .select2-choice div {
  background: transparent;
  border-left: none;
  filter: none;
}

.select2-dropdown-open .select2-choice div b {
  background-position: -18px 1px;
}

.select2-results {
  max-height: 200px;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.select2-results ul.select2-result-sub {
  margin: 0;
  padding-left: 0;
}

.select2-results ul.select2-result-sub > li .select2-result-label {
  padding-left: 20px;
}

.select2-results ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
  padding-left: 40px;
}

.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
  padding-left: 60px;
}

.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
  padding-left: 80px;
}

.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
  padding-left: 100px;
}

.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
  padding-left: 110px;
}

.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
  padding-left: 120px;
}

.select2-results li {
  list-style: none;
  display: list-item;
  background-image: none;
}

.select2-results li.select2-result-with-children > .select2-result-label {
  font-weight: 700;
}

.select2-results .select2-result-label {
  padding: 3px 7px 4px;
  margin: 0;
  cursor: pointer;
  min-height: 1em;
  -webkit-touch-callout: none;
  user-select: none;
}

.select2-results .select2-highlighted {
  background: #3875d7;
  color: #fff;
}

.select2-results li em {
  background: #feffde;
  font-style: normal;
}

.select2-results .select2-highlighted em {
  background: transparent;
}

.select2-results .select2-highlighted ul {
  background: white;
  color: #000;
}

.select2-results .select2-no-results, .select2-results .select2-searching, .select2-results .select2-selection-limit {
  background: #f4f4f4;
  display: list-item;
}

.select2-results .select2-disabled {
  background: #f4f4f4;
  display: list-item;
  cursor: default;
}

.select2-results .select2-disabled.select2-highlighted {
  color: #666;
  background: #f4f4f4;
  display: list-item;
  cursor: default;
}

.select2-results .select2-selected {
  display: none;
}

.select2-more-results {
  background: #f4f4f4;
  display: list-item;
}

.select2-more-results.select2-active {
  background: #f4f4f4 url("../../images/select2-spinner.gif") no-repeat 100%;
}

.select2-container.select2-container-disabled .select2-choice {
  background-color: #f4f4f4;
  background-image: none;
  border: 1px solid #ddd;
  cursor: default;
}

.select2-container.select2-container-disabled .select2-choice div {
  background-color: #f4f4f4;
  background-image: none;
  border-left: 0;
}

.select2-container.select2-container-disabled .select2-choice abbr {
  display: none;
}

.select2-container-multi .select2-choices {
  height: auto !important;
  height: 1%;
  margin: 0;
  padding: 0;
  position: relative;
  cursor: text;
  overflow: hidden;
  background-color: #fff;
  background-image: linear-gradient(top, #eeeeee 1%, #ffffff 15%);
}

.select2-locked {
  padding: 3px 5px 3px 5px !important;
}

.select2-container-multi .select2-choices {
  min-height: 26px;
}

.select2-container-multi.select2-container-active .select2-choices {
  border: 1px solid #5897fb;
  outline: none;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.select2-container-multi .select2-choices li {
  float: left;
  list-style: none;
}

.select2-container-multi .select2-choices .select2-search-field {
  margin: 0;
  padding: 0;
  white-space: nowrap;
}

.select2-container-multi .select2-choices .select2-search-field input {
  padding: 5px;
  margin: 1px 0;
  font-size: 100%;
  color: #666;
  outline: 0;
  border: 0;
  box-shadow: none;
  background: transparent !important;
}

.select2-container-multi .select2-choices .select2-search-field input.select2-active {
  background: white url("../../images/select2-spinner.gif") no-repeat 100% !important;
}

.select2-chosen.select2-default span {
  color: #999;
}

.select2-chosen span {
  color: #333;
}

.select2-container-multi .select2-choices .select2-search-choice {
  padding: 3px 5px 3px 18px;
  margin: 7px 0 3px 5px;
  position: relative;
  line-height: 13px;
  color: #333;
  cursor: default;
  border-radius: 3px;
  box-shadow: 0 0 2px white inset, 0 1px 0 rgba(0, 0, 0, 0.05);
  background-clip: padding-box;
  -webkit-touch-callout: none;
  user-select: none;
  background-color: #e4e4e4;
}

.select2-container-multi .select2-choices .select2-search-choice span {
  cursor: default;
}

.select2-container-multi .select2-choices .select2-search-choice-focus {
  background: #d4d4d4;
}

.select2-search-choice-close {
  display: block;
  width: 12px;
  height: 13px;
  position: absolute;
  right: 3px;
  top: 4px;
  font-size: 1px;
  outline: none;
  background: url("../../images/select2.png") right top no-repeat;
}

.select2-container-multi .select2-search-choice-close {
  left: 3px;
}

.select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover, .select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close {
  background-position: right -11px;
}

.select2-container-multi.select2-container-disabled .select2-choices {
  background-color: #f4f4f4;
  background-image: none;
  border: 1px solid #ddd;
  cursor: default;
}

.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice {
  padding: 3px 5px 3px 5px;
  border: 1px solid #ddd;
  background-image: none;
  background-color: #f4f4f4;
}

.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close {
  display: none;
  background: none;
}

.select2-result-selectable .select2-match, .select2-result-unselectable .select2-match {
  text-decoration: underline;
}

.select2-offscreen {
  clip: rect(0 0 0 0);
  width: 1px;
  height: 1px;
  border: 0;
  margin: 0;
  padding: 0;
  overflow: hidden;
  position: absolute;
  outline: 0;
  left: 0;
}

.select2-offscreen:focus {
  clip: rect(0 0 0 0);
  width: 1px;
  height: 1px;
  border: 0;
  margin: 0;
  padding: 0;
  overflow: hidden;
  position: absolute;
  outline: 0;
  left: 0;
}

.select2-display-none {
  display: none;
}

.select2-measure-scrollbar {
  position: absolute;
  top: -10000px;
  left: -10000px;
  width: 100px;
  height: 100px;
  overflow: scroll;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
  .select2-search input, .select2-search-choice-close {
    background-image: url("../../images/select2x2.png") !important;
    background-repeat: no-repeat !important;
    background-size: 60px 40px !important;
  }
  .select2-container .select2-choice abbr, .select2-container .select2-choice div b {
    background-image: url("../../images/select2x2.png") !important;
    background-repeat: no-repeat !important;
    background-size: 60px 40px !important;
  }
  .select2-search input {
    background-position: 100% -21px !important;
  }
}
.select2-container {
  width: 100%;
}

.select2-results .select2-highlighted {
  background: #519FC7;
}

.select2-drop {
  border: 1px solid #d2d2d2;
  border-top: 0;
  border-radius: 0;
  box-shadow: none;
}

.select2-drop.select2-drop-above {
  border-top: 1px solid #d2d2d2;
  box-shadow: none;
  border-radius: 0;
}

.select2-container .select2-choice div {
  border-left: 1px solid transparent;
  border-radius: 0;
  background: transparent;
  width: 20px;
}

.select2-search input {
  border: 1px solid #ccc;
  background: #fff;
}

.select2-search input.select2-active {
  background: white url("../../images/loading.gif") no-repeat 100%;
}

.select2-container-active .select2-choice, .select2-container-active .select2-choices {
  border: 1px solid #bbb;
  box-shadow: none;
}

.select2-dropdown-open .select2-choice {
  box-shadow: none;
  background: #fff;
}

.select2-container-multi .select2-choices {
  background: #fff;
  border: 1px solid #d2d2d2;
}

.select2-container-multi.select2-container-active .select2-choices {
  border: 1px solid #d2d2d2;
  box-shadow: none;
}

.select2-container-multi .select2-choices .select2-search-choice {
  border-radius: 2px;
  box-shadow: none;
  background: #f2f2f2;
  border: 1px solid #d2d2d2;
}

/* select2 integration */
.select2-container .select2-choice span.select2-arrow {
  display: inline-block;
  width: 18px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  border-left: 1px solid #aaa;
  border-radius: 0 4px 4px 0;
  background-clip: padding-box;
  background: #ccc;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = "#eeeeee",endColorstr = "#cccccc",GradientType = 0);
  background-image: linear-gradient(top, #cccccc 0, #eeeeee 60%);
}

.select2-container .select2-choice span.select2-arrow {
  border-left: 1px solid transparent;
  border-radius: 0;
  background: transparent;
  width: 20px;
  margin-right: 0;
}

.select2-dropdown-open .select2-choice span.select2-arrow {
  background: transparent;
  border-left: none;
  filter: none;
}

.select2-container .select2-choice span b {
  display: block;
  width: 100%;
  height: 100%;
  background: url("../../images/select2.png") no-repeat 0 1px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
  .select2-container .select2-choice abbr, .select2-container .select2-choice span b {
    background-image: url("../../images/select2x2.png") !important;
    background-repeat: no-repeat !important;
    background-size: 60px 40px !important;
  }
}
.select2-dropdown-open .select2-choice span b {
  background-position: -18px 1px;
}

.select2-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/* Shared constants*/
/* View based CSS */
/* RIPE Banner */
.jumbotron {
  text-align: center;
  border-bottom: 1px solid #e5e5e5;
}

.jumbotron p {
  margin: 0 auto;
  max-width: 100%;
}

.jumbotron .btn {
  font-size: 21px;
  padding: 14px 24px;
}

/* LIR Migration Notice */
.lirmigration-notice {
  position: relative;
  background-color: #f5e075;
  padding: 0.55em 0.9em;
  margin-bottom: 10px;
}
.lirmigration-notice p {
  margin: 0;
}
.lirmigration-notice p.space {
  padding-right: 150px;
}
.lirmigration-notice a.blue-button, .lirmigration-notice a.grey-button {
  position: absolute;
  right: 10px;
  top: 10px;
}

table.table-two-columns td {
  width: 50%;
}

#billing-page .col-md-6,
#billing-page ul {
  padding-left: 0;
  padding-right: 0;
}

#billing-page .col-md-6 + .col-md-6 {
  padding-left: 15px;
}

th.invoice-link {
  width: 8% !important;
}

th.payment-link {
  width: 100px !important;
}

td.invoice-link {
  text-align: center;
}

td.payment-link {
  width: 100px !important;
  text-align: center;
}

th.balance, td.balance {
  width: 85px;
}

.ripe-app a.payment {
  color: #C5171F !important;
}

.billing-lock {
  border-bottom: none !important;
}

div.tabbed-box div.box-header {
  position: relative;
}
div.tabbed-box div.box-header ul.nav-tabs li a {
  cursor: pointer;
}
div.tabbed-box div.box-header ul.box-toolbar {
  position: absolute;
  right: 0;
  top: 3px;
}
div.tabbed-box div.box-content table.table-normal tbody tr:nth-child(even) {
  background-color: #F3F4F8;
}
div.tabbed-box div.box-content table.table-normal tbody tr td button.btn-red, div.tabbed-box div.box-content table.table-normal tbody tr td button.grey-button {
  width: 30px;
}
div.tabbed-box div.box-content table.table-normal tbody tr td .blue-button.small, div.tabbed-box div.box-content table.table-normal tbody tr td .small.grey-button {
  margin: 0;
  margin-top: 5px !important;
}

div#dataTables div.dataTables_wrapper div.no-footer label {
  font-weight: normal;
}
div#dataTables div.dataTables_wrapper div.no-footer div.dataTables_length {
  padding: 10px 0;
}
div#dataTables div.dataTables_wrapper div.no-footer div.dataTables_filter {
  padding: 10px 0;
}
div#dataTables div.dataTables_wrapper div.no-footer table {
  cellpadding: 0;
  cellspacing: 0;
  border: 0;
}
div#dataTables div.dataTables_wrapper div.no-footer table thead tr th {
  background-color: #f1f1f1;
  cursor: pointer;
  padding: 5px;
  width: 20%;
  font-weight: 600;
}
div#dataTables div.dataTables_wrapper div.no-footer table tbody tr:nth-child(even) {
  background-color: #F3F4F8;
}
div#dataTables div.dataTables_wrapper div.no-footer table tbody tr td {
  padding: 5px;
}
div#dataTables div.dataTables_wrapper div.no-footer table tbody tr td.dataTables_empty {
  text-align: center;
}
div#dataTables div.dataTables_wrapper div.no-footer div.dataTables_info {
  margin-top: 10px;
}
div#dataTables div.dataTables_wrapper div.no-footer div.dataTables_paginate {
  margin-top: 10px;
}
div#dataTables div.dataTables_wrapper div.no-footer div.dataTables_paginate a {
  background-color: #f1f1f1;
  color: #333;
  margin-left: 5px;
  padding: 5px 8px;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
}
div#dataTables div.dataTables_wrapper div.no-footer div.dataTables_paginate a.disabled {
  color: #999;
}
div#dataTables div.dataTables_wrapper div.no-footer div.dataTables_paginate a.current {
  background-color: #172045;
  color: #fff;
}
div#dataTables div.dataTables_wrapper div.dt-buttons {
  margin-top: 10px;
}
div#dataTables div.dataTables_wrapper div.dt-buttons a.dt-button {
  margin-left: 10px;
  color: #333;
  padding: 5px 10px;
  background-color: #f1f1f1;
}
div#dataTables div.dataTables_wrapper div.dt-buttons a.dt-button:hover {
  background-color: #172045;
  color: #fff;
  border: 1px solid #fff;
}

.gmmeeting .greymargin {
  background: rgb(245, 246, 248);
  padding: 1px;
  margin-top: 1em;
}
.gmmeeting .focuspanel {
  background: white;
  padding: 1em;
  margin: 1.1em;
}
.gmmeeting .focuspanel.flex {
  display: flex;
}
.gmmeeting .focuspanel.flex p {
  flex: 1;
  margin-right: 0.5em;
}
.gmmeeting .focuspanel.dark {
  background: rgb(227, 228, 236);
}
.gmmeeting .focuspanel select {
  padding: 0.5em;
  min-width: 40%;
}
.gmmeeting h1 {
  font-size: 1.8em;
  margin: 0.5em 0;
}
.gmmeeting h2 {
  font-size: 1.4em;
  margin: 0.2em 0 0.5em;
}
.gmmeeting p {
  font-size: 0.9em;
}
.gmmeeting button {
  max-height: 3em;
}
.gmmeeting button[disabled] {
  background: rgb(106, 103, 135);
  color: white;
}
.gmmeeting label {
  font-weight: normal;
  font-size: inherit;
}
.gmmeeting label input {
  margin-right: 1em;
}

#contacts-page .box-content.padded .col-md-12 {
  padding-left: 0;
  padding-right: 0;
}

#contacts-page .add-contact {
  margin-top: 3px;
  margin-right: 3px;
  float: right;
}

#contacts-page .contact-comments {
  min-width: 120px;
}

#contacts-page .contact-actions {
  min-width: 60px;
}

#membership-form .authentication-box {
  margin-top: 12px;
}

#membership-form .authentication-button {
  margin-top: 12px;
  width: 100%;
  font-size: 18px;
}

#membership-form .group-separator-wrapper {
  margin-top: 12px;
  height: 30px;
}

#membership-form .group-separator {
  color: rgba(0, 0, 0, 0.5);
  font-weight: bold;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  display: block;
}

#membership-form .group-separator p {
  overflow: hidden;
  text-align: center;
}

#membership-form .group-separator p::before {
  margin-right: 10px;
}

#membership-form .group-separator p:before,
#membership-form .group-separator p:after {
  margin-left: 10px;
  content: "";
  display: inline-block;
  height: 1px;
  position: relative;
  vertical-align: middle;
  width: 33%;
  background: rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}

#membership-form .fa-check {
  color: #8fae53;
}

#membership-form .charging-scheme-notification {
  margin-bottom: 1em;
  padding: 0.55em 0.9em;
  background-color: #e0e1e2;
}

#serviceFeeConfirmation .modal-header {
  display: flex;
  gap: 0.3em;
  background-color: #EFF1F5;
  border: none;
  font-size: 1.25rem;
}
#serviceFeeConfirmation .modal-body {
  display: flex;
  flex-direction: column;
  gap: 1em;
  font-size: 1.15rem;
}
#serviceFeeConfirmation .modal-footer {
  display: flex;
  justify-content: flex-end;
  border: none;
}
#serviceFeeConfirmation .btn {
  font-size: 0.95rem;
}

div.modal.responsive-modal div.modal-dialog {
  width: 51rem;
  max-width: 95%;
}

.rpki h1 {
  font-size: 24px;
  margin: 0;
}
.rpki p {
  margin: 10px 0 20px;
}
.rpki .actions {
  padding: 10px;
  text-align: center;
}

.updateregistry__container, .membership__container, aside.request__container, aside.ticket-details, #ticket-details {
  width: 67%;
  position: relative;
  /* Transfer Resources */
  /* Simple Organisation Change */
}
.updateregistry__container .inline-link, .membership__container .inline-link, aside.request__container .inline-link, aside.ticket-details .inline-link, #ticket-details .inline-link {
  float: right;
  font-weight: 400;
  font-size: 1.4rem;
}
.updateregistry__container .reg-id, .membership__container .reg-id, aside.request__container .reg-id, aside.ticket-details .reg-id, #ticket-details .reg-id {
  display: flex;
  justify-content: flex-start;
  border: 1px solid #d7d7d7;
  height: 3.5rem;
}
.updateregistry__container .reg-id .prefix, .membership__container .reg-id .prefix, aside.request__container .reg-id .prefix, aside.ticket-details .reg-id .prefix, #ticket-details .reg-id .prefix {
  background-color: #e6e6e6;
  padding-top: 0.5rem;
  text-align: center;
  width: 4.5rem;
  height: 100%;
}
.updateregistry__container .reg-id .input, .membership__container .reg-id .input, aside.request__container .reg-id .input, aside.ticket-details .reg-id .input, #ticket-details .reg-id .input {
  height: 100%;
  padding: 0.5rem;
}
.updateregistry__container .reg-id .input input, .membership__container .reg-id .input input, aside.request__container .reg-id .input input, aside.ticket-details .reg-id .input input, #ticket-details .reg-id .input input {
  border: 0;
  padding: 0 !important;
  margin-bottom: 0;
  margin-left: 0;
}
.updateregistry__container .reg-id div, .membership__container .reg-id div, aside.request__container .reg-id div, aside.ticket-details .reg-id div, #ticket-details .reg-id div {
  border: 0;
}
.updateregistry__container form.ng-submitted input.ng-invalid, .membership__container form.ng-submitted input.ng-invalid, aside.request__container form.ng-submitted input.ng-invalid, aside.ticket-details form.ng-submitted input.ng-invalid, #ticket-details form.ng-submitted input.ng-invalid {
  border-color: #A94442;
}
.updateregistry__container form.ng-submitted div.ui-select-container.ng-invalid > a, .membership__container form.ng-submitted div.ui-select-container.ng-invalid > a, aside.request__container form.ng-submitted div.ui-select-container.ng-invalid > a, aside.ticket-details form.ng-submitted div.ui-select-container.ng-invalid > a, #ticket-details form.ng-submitted div.ui-select-container.ng-invalid > a {
  border-color: #A94442;
  border-width: 1px;
}
.updateregistry__container input[type=text], .membership__container input[type=text], aside.request__container input[type=text], aside.ticket-details input[type=text], #ticket-details input[type=text], .updateregistry__container input[type=number], .membership__container input[type=number], aside.request__container input[type=number], aside.ticket-details input[type=number], #ticket-details input[type=number], .updateregistry__container input[type=email], .membership__container input[type=email], aside.request__container input[type=email], aside.ticket-details input[type=email], #ticket-details input[type=email], .updateregistry__container input[type=password], .membership__container input[type=password], aside.request__container input[type=password], aside.ticket-details input[type=password], #ticket-details input[type=password] {
  padding: 0.5rem 0.625rem;
  box-sizing: border-box;
  background: none;
  font-size: inherit;
  color: #333;
  height: auto;
  line-height: normal;
}
.updateregistry__container input[type=text]:disabled, .membership__container input[type=text]:disabled, aside.request__container input[type=text]:disabled, aside.ticket-details input[type=text]:disabled, #ticket-details input[type=text]:disabled, .updateregistry__container input[type=number]:disabled, .membership__container input[type=number]:disabled, aside.request__container input[type=number]:disabled, aside.ticket-details input[type=number]:disabled, #ticket-details input[type=number]:disabled, .updateregistry__container input[type=email]:disabled, .membership__container input[type=email]:disabled, aside.request__container input[type=email]:disabled, aside.ticket-details input[type=email]:disabled, #ticket-details input[type=email]:disabled, .updateregistry__container input[type=password]:disabled, .membership__container input[type=password]:disabled, aside.request__container input[type=password]:disabled, aside.ticket-details input[type=password]:disabled, #ticket-details input[type=password]:disabled {
  background-color: #f5f5f5;
}
.updateregistry__container input[type=text]:focus, .membership__container input[type=text]:focus, aside.request__container input[type=text]:focus, aside.ticket-details input[type=text]:focus, #ticket-details input[type=text]:focus, .updateregistry__container input[type=number]:focus, .membership__container input[type=number]:focus, aside.request__container input[type=number]:focus, aside.ticket-details input[type=number]:focus, #ticket-details input[type=number]:focus, .updateregistry__container input[type=email]:focus, .membership__container input[type=email]:focus, aside.request__container input[type=email]:focus, aside.ticket-details input[type=email]:focus, #ticket-details input[type=email]:focus, .updateregistry__container input[type=password]:focus, .membership__container input[type=password]:focus, aside.request__container input[type=password]:focus, aside.ticket-details input[type=password]:focus, #ticket-details input[type=password]:focus {
  border: 1px solid #999;
}
.updateregistry__container input[type=radio], .membership__container input[type=radio], aside.request__container input[type=radio], aside.ticket-details input[type=radio], #ticket-details input[type=radio], .updateregistry__container input[type=checkbox], .membership__container input[type=checkbox], aside.request__container input[type=checkbox], aside.ticket-details input[type=checkbox], #ticket-details input[type=checkbox] {
  margin: 0.375rem 0 0 0;
  position: absolute;
  left: 0;
  width: auto;
}
.updateregistry__container .section-intro, .membership__container .section-intro, aside.request__container .section-intro, aside.ticket-details .section-intro, #ticket-details .section-intro {
  color: #777;
  margin-bottom: 1rem;
}
.updateregistry__container section, .membership__container section, aside.request__container section, aside.ticket-details section, #ticket-details section {
  margin-bottom: 3.125rem;
}
.updateregistry__container section.small-margin, .membership__container section.small-margin, aside.request__container section.small-margin, aside.ticket-details section.small-margin, #ticket-details section.small-margin {
  margin-bottom: 1.25rem;
  margin-top: -1.25rem;
}
.updateregistry__container section ul.two-column, .membership__container section ul.two-column, aside.request__container section ul.two-column, aside.ticket-details section ul.two-column, #ticket-details section ul.two-column {
  list-style: none;
  padding: 0;
  margin: 1.25rem 0 0 0;
}
.updateregistry__container section ul.two-column > li, .membership__container section ul.two-column > li, aside.request__container section ul.two-column > li, aside.ticket-details section ul.two-column > li, #ticket-details section ul.two-column > li {
  width: calc(50% - 2rem);
  display: inline-block !important;
  margin: 0 0.95rem 0.95rem 0;
  vertical-align: top;
}
.updateregistry__container section ul.two-column > li label, .membership__container section ul.two-column > li label, aside.request__container section ul.two-column > li label, aside.ticket-details section ul.two-column > li label, #ticket-details section ul.two-column > li label {
  margin-left: 0;
  padding-left: 0;
}
.updateregistry__container section ul.two-column > li.wide, .membership__container section ul.two-column > li.wide, aside.request__container section ul.two-column > li.wide, aside.ticket-details section ul.two-column > li.wide, #ticket-details section ul.two-column > li.wide {
  width: calc(100% - 3rem);
}
.updateregistry__container section label, .membership__container section label, aside.request__container section label, aside.ticket-details section label, #ticket-details section label {
  font-size: 14px;
  font-weight: 400;
  color: #333;
  clear: both;
  margin: 0 0 10px 0;
  padding-left: 20px;
}
.updateregistry__container section table.updateregistry__registrytable, .membership__container section table.updateregistry__registrytable, aside.request__container section table.updateregistry__registrytable, aside.ticket-details section table.updateregistry__registrytable, #ticket-details section table.updateregistry__registrytable {
  border: 1px dashed #E0E0E0;
  border-spacing: 10px;
  border-collapse: separate;
}
.updateregistry__container section table.updateregistry__registrytable tbody tr td, .membership__container section table.updateregistry__registrytable tbody tr td, aside.request__container section table.updateregistry__registrytable tbody tr td, aside.ticket-details section table.updateregistry__registrytable tbody tr td, #ticket-details section table.updateregistry__registrytable tbody tr td {
  vertical-align: top;
}
.updateregistry__container section table.updateregistry__registrytable tbody tr td.ng-binding, .membership__container section table.updateregistry__registrytable tbody tr td.ng-binding, aside.request__container section table.updateregistry__registrytable tbody tr td.ng-binding, aside.ticket-details section table.updateregistry__registrytable tbody tr td.ng-binding, #ticket-details section table.updateregistry__registrytable tbody tr td.ng-binding {
  width: 70%;
}
.updateregistry__container section table.updateregistry__documentstable, .membership__container section table.updateregistry__documentstable, aside.request__container section table.updateregistry__documentstable, aside.ticket-details section table.updateregistry__documentstable, #ticket-details section table.updateregistry__documentstable {
  padding: 0;
  margin: 0;
}
.updateregistry__container section table.updateregistry__documentstable tr, .membership__container section table.updateregistry__documentstable tr, aside.request__container section table.updateregistry__documentstable tr, aside.ticket-details section table.updateregistry__documentstable tr, #ticket-details section table.updateregistry__documentstable tr {
  vertical-align: top;
  margin-bottom: 5px;
}
.updateregistry__container section table.updateregistry__documentstable tr td, .membership__container section table.updateregistry__documentstable tr td, aside.request__container section table.updateregistry__documentstable tr td, aside.ticket-details section table.updateregistry__documentstable tr td, #ticket-details section table.updateregistry__documentstable tr td {
  padding: 10px 0 10px 0;
}
.updateregistry__container section table.updateregistry__documentstable tr td p, .membership__container section table.updateregistry__documentstable tr td p, aside.request__container section table.updateregistry__documentstable tr td p, aside.ticket-details section table.updateregistry__documentstable tr td p, #ticket-details section table.updateregistry__documentstable tr td p {
  margin: 0 !important;
}
.updateregistry__container section table.updateregistry__documentstable tr td.name, .membership__container section table.updateregistry__documentstable tr td.name, aside.request__container section table.updateregistry__documentstable tr td.name, aside.ticket-details section table.updateregistry__documentstable tr td.name, #ticket-details section table.updateregistry__documentstable tr td.name {
  min-width: 250px;
  padding-right: 20px !important;
}
.updateregistry__container section textarea, .membership__container section textarea, aside.request__container section textarea, aside.ticket-details section textarea, #ticket-details section textarea {
  font-size: 1em !important;
  border: 1px solid #E0E0E0;
  height: 100px;
  padding: 10px 8px;
}
.updateregistry__container section textarea:disabled, .membership__container section textarea:disabled, aside.request__container section textarea:disabled, aside.ticket-details section textarea:disabled, #ticket-details section textarea:disabled {
  background-color: #F5F5F5;
}
.updateregistry__container section article.transfer-agreement div.form-fields div.col, .membership__container section article.transfer-agreement div.form-fields div.col, aside.request__container section article.transfer-agreement div.form-fields div.col, aside.ticket-details section article.transfer-agreement div.form-fields div.col, #ticket-details section article.transfer-agreement div.form-fields div.col {
  display: inline-block;
  width: 48%;
}
.updateregistry__container section article.transfer-agreement div.form-fields div.col p strong, .membership__container section article.transfer-agreement div.form-fields div.col p strong, aside.request__container section article.transfer-agreement div.form-fields div.col p strong, aside.ticket-details section article.transfer-agreement div.form-fields div.col p strong, #ticket-details section article.transfer-agreement div.form-fields div.col p strong {
  color: #333;
}
.updateregistry__container section article.transfer-agreement div.form-fields div.col.last, .membership__container section article.transfer-agreement div.form-fields div.col.last, aside.request__container section article.transfer-agreement div.form-fields div.col.last, aside.ticket-details section article.transfer-agreement div.form-fields div.col.last, #ticket-details section article.transfer-agreement div.form-fields div.col.last {
  margin-left: 10px;
}
.updateregistry__container section article.transfer-agreement div.form-fields div.col ul, .membership__container section article.transfer-agreement div.form-fields div.col ul, aside.request__container section article.transfer-agreement div.form-fields div.col ul, aside.ticket-details section article.transfer-agreement div.form-fields div.col ul, #ticket-details section article.transfer-agreement div.form-fields div.col ul {
  padding: 0;
}
.updateregistry__container .additional-info label, .membership__container .additional-info label, aside.request__container .additional-info label, aside.ticket-details .additional-info label, #ticket-details .additional-info label, .updateregistry__container section.documentUpload label, .membership__container section.documentUpload label, aside.request__container section.documentUpload label, aside.ticket-details section.documentUpload label, #ticket-details section.documentUpload label {
  padding: 0;
}
.updateregistry__container .additional-info input, .membership__container .additional-info input, aside.request__container .additional-info input, aside.ticket-details .additional-info input, #ticket-details .additional-info input, .updateregistry__container section.documentUpload input, .membership__container section.documentUpload input, aside.request__container section.documentUpload input, aside.ticket-details section.documentUpload input, #ticket-details section.documentUpload input {
  height: inherit;
  margin-bottom: 0;
}
.updateregistry__container .additional-info .col-md-8, .membership__container .additional-info .col-md-8, aside.request__container .additional-info .col-md-8, aside.ticket-details .additional-info .col-md-8, #ticket-details .additional-info .col-md-8, .updateregistry__container section.documentUpload .col-md-8, .membership__container section.documentUpload .col-md-8, aside.request__container section.documentUpload .col-md-8, aside.ticket-details section.documentUpload .col-md-8, #ticket-details section.documentUpload .col-md-8 {
  padding: 0;
}
.updateregistry__container section.transfer-resources a.placeholder, .membership__container section.transfer-resources a.placeholder, aside.request__container section.transfer-resources a.placeholder, aside.ticket-details section.transfer-resources a.placeholder, #ticket-details section.transfer-resources a.placeholder {
  height: 11em;
  line-height: 11em;
  text-align: center;
  vertical-align: middle;
}
.updateregistry__container .legalToggle, .membership__container .legalToggle, aside.request__container .legalToggle, aside.ticket-details .legalToggle, #ticket-details .legalToggle {
  text-align: right;
}

section.documentUpload label {
  padding-top: 1em;
}
section.documentUpload div.upload-supporting-documents a:first-child, section.documentUpload div.upload-supporting-documents label:first-child {
  font-size: inherit;
  font-weight: 500;
}

#transfersDocumentUpload p.orangebackground {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
#transfersDocumentUpload div.upload-supporting-documents {
  margin-bottom: 1.5rem;
}

aside.modal-updatingregistry.updateregistry__container, aside.modal-updatingregistry.membership__container, aside.modal-updatingregistry.request__container, aside.modal-updatingregistry.ticket-details, aside.modal-updatingregistry#ticket-details {
  float: initial;
}
aside.modal-updatingregistry.updateregistry__container section, aside.modal-updatingregistry.membership__container section, aside.modal-updatingregistry.request__container section, aside.modal-updatingregistry.ticket-details section, aside.modal-updatingregistry#ticket-details section {
  margin-bottom: 20px;
}
aside.modal-updatingregistry.updateregistry__container section input[type=radio], aside.modal-updatingregistry.membership__container section input[type=radio], aside.modal-updatingregistry.request__container section input[type=radio], aside.modal-updatingregistry.ticket-details section input[type=radio], aside.modal-updatingregistry#ticket-details section input[type=radio] {
  margin-top: 3px;
}
aside.modal-updatingregistry.updateregistry__container button, aside.modal-updatingregistry.membership__container button, aside.modal-updatingregistry.request__container button, aside.modal-updatingregistry.ticket-details button, aside.modal-updatingregistry#ticket-details button {
  margin: 0;
}

aside.updateregistry__wizard, aside.membership__wizard, aside.request__wizard {
  width: 30%;
  min-height: 500px;
  margin-left: 20px;
  padding-bottom: 100px;
}
aside.updateregistry__wizard ul, aside.membership__wizard ul, aside.request__wizard ul {
  padding-left: 0 !important;
}
aside.updateregistry__wizard ul li, aside.membership__wizard ul li, aside.request__wizard ul li {
  padding: 20px 15px 20px 60px;
  position: relative;
}
aside.updateregistry__wizard ul li em, aside.updateregistry__wizard ul li i, aside.membership__wizard ul li em, aside.membership__wizard ul li i, aside.request__wizard ul li em, aside.request__wizard ul li i {
  position: absolute;
  border-radius: 50%;
  border: 1px solid #E0E0E0;
  height: 30px;
  width: 30px;
  color: #CBCBCB;
  text-align: center;
  font-style: normal;
  vertical-align: middle;
  box-sizing: border-box;
  padding-top: 3px;
  left: 15px;
  display: block;
}
aside.updateregistry__wizard ul li i, aside.membership__wizard ul li i, aside.request__wizard ul li i {
  display: none !important;
}
aside.updateregistry__wizard ul li h5, aside.membership__wizard ul li h5, aside.request__wizard ul li h5 {
  font-size: 14px;
  font-style: normal;
  color: #ADADAD;
  margin-top: 0 !important;
  margin-bottom: 3px;
}
aside.updateregistry__wizard ul li p, aside.membership__wizard ul li p, aside.request__wizard ul li p {
  font-size: 12px;
  line-height: normal;
  color: #ADADAD;
  margin-bottom: 0 !important;
}
aside.updateregistry__wizard ul li.active, aside.membership__wizard ul li.active, aside.request__wizard ul li.active {
  background-color: #F6F6F6;
}
aside.updateregistry__wizard ul li.active em, aside.membership__wizard ul li.active em, aside.request__wizard ul li.active em {
  border: 1px solid #080037;
  color: #080037;
  display: block;
}
aside.updateregistry__wizard ul li.active i, aside.membership__wizard ul li.active i, aside.request__wizard ul li.active i {
  display: none;
}
aside.updateregistry__wizard ul li.active h5, aside.membership__wizard ul li.active h5, aside.request__wizard ul li.active h5 {
  color: #333;
}
aside.updateregistry__wizard ul li.active p, aside.membership__wizard ul li.active p, aside.request__wizard ul li.active p {
  color: #333;
}
aside.updateregistry__wizard ul li.done h5, aside.membership__wizard ul li.done h5, aside.request__wizard ul li.done h5 {
  color: #000;
}
aside.updateregistry__wizard ul li.done p, aside.membership__wizard ul li.done p, aside.request__wizard ul li.done p {
  color: #000;
}
aside.updateregistry__wizard ul li.done em, aside.membership__wizard ul li.done em, aside.request__wizard ul li.done em {
  display: none;
}
aside.updateregistry__wizard ul li.done i, aside.membership__wizard ul li.done i, aside.request__wizard ul li.done i {
  border: 1px solid #080037;
  background-color: #080037;
  color: #fff;
  display: block !important;
  line-height: inherit;
}

.updateregistry__status, aside.membership__status {
  width: 100% !important;
}
.updateregistry__status section, aside.membership__status section {
  text-align: center;
}
.updateregistry__status section i.fal, aside.membership__status section i.fal {
  font-size: 172px;
}
.updateregistry__status section p.ticket, aside.membership__status section p.ticket {
  display: inline-block;
  background-color: #F8F8F8;
  padding: 20px 15px;
  color: #00ABAB;
  text-align: center;
  font-size: 20px;
}
.updateregistry__status section.status__failed i.fal, aside.membership__status section.status__failed i.fal {
  color: #c8bd93;
}
.updateregistry__status section.status__success h4, aside.membership__status section.status__success h4 {
  margin-top: 30px !important;
}
.updateregistry__status section.status__success i.fal, aside.membership__status section.status__success i.fal {
  line-height: inherit;
  padding-top: 46px;
  border: 1px solid #080037;
  border-radius: 50%;
  background-color: #080037;
  color: #fff;
  height: 120px;
  width: 120px;
  vertical-align: middle;
  font-size: 80px;
}

a.poptip, label.poptip, span.poptip {
  border-bottom: 1px dashed #333;
  outline: none;
  cursor: help;
  text-decoration: none;
  color: #333 !important;
}

.tooltip-text {
  white-space: normal !important;
  text-align: left;
}
.tooltip-text p {
  white-space: normal !important;
}
.tooltip-text ul {
  list-style: disc outside none !important;
}

.tooltip {
  position: absolute;
}

.tooltip-inner {
  max-width: 350px;
}

section.transfer-duration article.specify-date {
  margin-top: 10px;
}

ul.listing-radio {
  list-style: none;
  margin: 0 !important;
  padding: 0 !important;
}
ul.listing-radio li {
  margin-bottom: 10px;
}
ul.listing-radio li input[type=radio] {
  position: relative;
  margin: 0;
}
ul.listing-radio li label {
  margin-bottom: 0;
  padding: 0;
  margin-left: 5px;
}

div.date-widget {
  position: relative;
  width: 245px;
}
div.date-widget > span.widget-button > button.blue-button, div.date-widget > span.widget-button > button.grey-button {
  position: absolute;
  right: 0;
  top: 1px;
  padding: 5px 13px;
}
div.date-widget > ul.dropdown-menu li div table tbody tr td button.btn-info {
  background-color: #070038 !important;
  background-image: none !important;
}
div.date-widget > ul.dropdown-menu li div table tbody tr td button.btn-info span {
  color: #fff !important;
}

aside.confirmation section.parties article {
  margin: 15px 0 15px 0;
}
aside.confirmation section.parties article table.updateregistry__registrytable tbody tr td {
  width: 45%;
}

.registry-information, .tabular-box {
  display: flex;
  flex-wrap: wrap;
}
.registry-information .block, .tabular-box .block {
  width: 50%;
  margin-bottom: 1.5rem;
}
.registry-information .label, .tabular-box .label {
  color: #777;
  font-size: 1em;
  padding: 0;
  font-weight: 400;
  margin-bottom: 1rem;
}

.registry-information {
  border: 1px dashed #E0E0E0;
  padding: 1rem 1rem 0.5rem;
}

.meracq-confirmation input:disabled, .meracq-confirmation textarea:disabled {
  border: 0;
  background-color: white !important;
  padding: 0 !important;
  resize: none;
}
.meracq-confirmation pre {
  background: white;
  border: 0;
  padding: 0;
  font-family: "Open Sans", HelveticaNeue, Helvetica, Arial;
  font-size: 1em;
}

/* Changing glyphicon to fa icon */
.glyphicon {
  font-family: "Font Awesome 5 Pro";
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
}
.glyphicon.glyphicon-chevron-right {
  content: "\f054";
}
.glyphicon.glyphicon-chevron-left {
  content: "\f053";
}

.member-search div.select2-result-label {
  display: flex;
  flex-flow: column;
}
.member-search div.select2-result-label li {
  line-height: 15px;
}
.member-search div.select2-result-label div.member-org-name {
  order: 0;
  font-size: 14px;
}
.member-search div.select2-result-label div.member-reg-id {
  order: 1;
}
.member-search div.select2-result-label div.member-org-id {
  justify-content: flex-end;
  display: flex;
  order: 2;
}

* {
  font: inherit;
}
* a.ui-select-match {
  background: #fff !important;
  height: 36px !important;
  line-height: 34px !important;
  border-radius: 0;
  font-size: 14px !important;
}
* a.ui-select-match span.select2-arrow {
  top: 4px !important;
}
* a.ui-select-match.reg-selector {
  height: 40px !important;
  line-height: 20px !important;
}
* div.ui-select-dropdown ul.ui-select-choices li input, * div.ui-select-dropdown ul.select2-choices li input, * div.ui-select-container ul.ui-select-choices li input, * div.ui-select-container ul.select2-choices li input {
  font-size: 14px !important;
  padding: 8px 10px !important;
  margin: 0 !important;
}
* div.ui-select-dropdown ul.ui-select-choices li input:focus, * div.ui-select-dropdown ul.select2-choices li input:focus, * div.ui-select-container ul.ui-select-choices li input:focus, * div.ui-select-container ul.select2-choices li input:focus {
  border: none;
}
* div.ui-select-dropdown ul.ui-select-choices li > ul li, * div.ui-select-dropdown ul.select2-choices li > ul li, * div.ui-select-container ul.ui-select-choices li > ul li, * div.ui-select-container ul.select2-choices li > ul li {
  padding: 5px 0;
}
* div.ui-select-dropdown ul.ui-select-choices li > ul li div.select2-result-label div.org-name, * div.ui-select-dropdown ul.select2-choices li > ul li div.select2-result-label div.org-name, * div.ui-select-container ul.ui-select-choices li > ul li div.select2-result-label div.org-name, * div.ui-select-container ul.select2-choices li > ul li div.select2-result-label div.org-name {
  font-size: 14px;
}
* div.ui-select-dropdown ul.ui-select-choices li > ul li div.select2-result-label div.org-regid, * div.ui-select-dropdown ul.select2-choices li > ul li div.select2-result-label div.org-regid, * div.ui-select-container ul.ui-select-choices li > ul li div.select2-result-label div.org-regid, * div.ui-select-container ul.select2-choices li > ul li div.select2-result-label div.org-regid {
  display: inline-block;
}
* div.ui-select-dropdown ul.ui-select-choices li > ul li div.select2-result-label div.org-objid, * div.ui-select-dropdown ul.select2-choices li > ul li div.select2-result-label div.org-objid, * div.ui-select-container ul.ui-select-choices li > ul li div.select2-result-label div.org-objid, * div.ui-select-container ul.select2-choices li > ul li div.select2-result-label div.org-objid {
  display: inline-block;
}
* div.ui-select-dropdown ul.ui-select-choices li > ul li.select2-highlighted, * div.ui-select-dropdown ul.select2-choices li > ul li.select2-highlighted, * div.ui-select-container ul.ui-select-choices li > ul li.select2-highlighted, * div.ui-select-container ul.select2-choices li > ul li.select2-highlighted {
  background: #080037;
}

div.selectall {
  margin-left: 11px;
}
div.selectall label {
  font-size: 14px;
  font-weight: normal;
  margin-left: 18px !important;
}

/* Search in Modal */
div.transfer-resources-modal div.loading-resources p {
  color: rgba(0, 0, 0, 0.4);
  text-align: center;
  font-weight: 600;
}
div.transfer-resources-modal div.search-bar {
  margin-bottom: 10px;
}
div.transfer-resources-modal div.search-bar input.search {
  padding: 8px 40px 8px 8px;
  color: #333;
  width: 300px;
  height: 35px;
}
div.transfer-resources-modal div.search-bar .icons, div.transfer-resources-modal div.search-bar button.add-prefix {
  position: relative;
  right: 28px;
  top: 1px;
}
div.transfer-resources-modal div.search-bar .icons i, div.transfer-resources-modal div.search-bar button.add-prefix i {
  color: #DEDEDE;
  font-size: 15px;
}
div.transfer-resources-modal div.search-bar button.add-prefix {
  padding: 5px 10px;
  border: 0;
  right: 42px;
  top: 0;
  min-width: auto;
}
div.transfer-resources-modal div.search-bar button.add-prefix i {
  position: relative;
  top: 1px;
  color: #fff;
}
div.transfer-resources-modal div.search-bar p.status {
  text-align: right;
  margin-bottom: 0;
  position: relative;
  top: 8px;
  font-size: 14px;
}
div.transfer-resources-modal div.split-col {
  width: 48%;
  display: inline-block;
  margin-right: 15px;
}
div.transfer-resources-modal div.split-col.no-mar-r {
  margin-right: 0;
}

div.split-container div.search-bar {
  margin-bottom: 20px;
}

aside.confirmation h5 {
  font-weight: bold;
  font-size: 14px;
  color: black;
  margin-bottom: 10px;
}
aside.confirmation .emails {
  margin-bottom: 15px;
}
aside.confirmation th {
  padding: 10px !important;
  padding-right: 20px !important;
}

.updateregistry__loading p {
  font-size: 2em;
  text-align: center;
  color: #aaa;
}

.lir-change .switch-parties {
  white-space: nowrap;
}
.lir-change .switch-parties:hover {
  cursor: pointer;
}

.resource--selector a.placeholder {
  height: 11em;
  line-height: 11em;
  text-align: center;
  vertical-align: middle;
}

.warning-messages p {
  background-color: #f5e075;
  color: #333;
  padding: 15px;
  margin-bottom: 10px;
}

.additional-info-table {
  border-spacing: 10px;
  border-collapse: separate;
  vertical-align: top;
}
.additional-info-table__name {
  color: #777;
  text-align: right;
}
.additional-info-table__value {
  width: 65%;
}

aside.account-details section article {
  float: none;
  background-color: #fff;
  margin-bottom: 30px;
}
aside.account-details section article p {
  padding: 15px 15px 0 15px;
}
aside.account-details section article h5 {
  margin: 0 !important;
  padding: 15px 13px;
  background-color: #F8F8F8;
  color: #777;
  font-size: 18px;
  font-weight: 500;
}
aside.account-details section article h5 > request-update-modal {
  font-size: 14px;
}
aside.account-details section article hr {
  width: 90%;
  margin-bottom: 0;
}
aside.account-details section article h6 {
  margin: 0 !important;
  padding: 15px 13px;
  color: #777;
  font-size: 16px;
}
aside.account-details section article table {
  width: 100%;
  margin: 20px 0 !important;
}
aside.account-details section article table tbody th, aside.account-details section article table tbody td {
  padding: 5px;
  vertical-align: top;
}
aside.account-details section article table tbody th {
  width: 35%;
  text-align: right;
  padding-right: 50px;
  color: #777;
}
aside.account-details section article table tbody th a {
  color: #777 !important;
  border-color: #777 !important;
}
aside.account-details section article table tbody td {
  color: #333;
}
aside.account-details section article table tbody td div#default_mntner {
  width: 60% !important;
}
aside.account-details section article table tbody td div#country_select2 {
  width: 230px !important;
}
aside.account-details section article table tbody td div#country_select2 div.ui-select-dropdown div.select2-search input {
  min-width: inherit !important;
  padding: 0 5px;
  margin-bottom: 5px;
}
aside.account-details section article table tbody td div#editableServiceAreaCountries {
  width: 60% !important;
}
aside.account-details section article table tbody td div#editableServiceAreaCountries ul.select2-choices {
  padding-top: 5px !important;
}
aside.account-details section article table tbody td div#editableServiceAreaCountries ul.select2-choices span li {
  margin: 0 0 5px 5px;
}
aside.account-details section article table tbody td div#editableServiceAreaCountries ul.select2-choices li.select2-search-field input.ui-select-search {
  min-width: auto !important;
  padding: 0 !important;
  line-height: normal !important;
  margin-left: 5px !important;
}
aside.account-details section article table tbody td div#editableServiceAreaCountries ul.select2-choices li.select2-search-field input.ui-select-search:focus {
  border: none !important;
}
aside.account-details section article table tbody td input[type=text], aside.account-details section article table tbody td textarea {
  height: auto !important;
  color: #333;
  background-color: #fff;
  padding: 5px 8px;
  min-width: 230px;
  resize: none;
  font-size: 1em;
}
aside.account-details section article table tbody td input[type=text]:focus, aside.account-details section article table tbody td textarea:focus {
  border: 1px solid #B9BBB8;
}
form.editable-wrap span.editable-controls input.editable-input {
  padding: 0 5px;
}

a.editable-click input {
  padding: 0 5px !important;
}

div.editable-row {
  margin-bottom: 5px;
}

/* Default maintainer */
#default_mntner div.ui-select-dropdown div.select2-search {
  padding-bottom: 5px;
}
#default_mntner div.ui-select-dropdown div.select2-search input.ui-select-search {
  padding: 2px 8px;
}
#default_mntner div.ui-select-dropdown ul.ui-select-choices li.ui-select-choices-group ul.select2-result-single li.ui-select-choices-row div.select2-result-label div.desc {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Contact Migration Wizard */
div#contact-migration-wizard div.modal-body {
  text-align: center;
}
div#contact-migration-wizard div.modal-body .migration-scenario, div#contact-migration-wizard div.modal-body section.role-scenario {
  margin-top: 25px;
}
div#contact-migration-wizard div.modal-body .migration-scenario .lir-contact, div#contact-migration-wizard div.modal-body section.role-scenario .lir-contact, div#contact-migration-wizard div.modal-body .migration-scenario article.user-account, div#contact-migration-wizard div.modal-body section.role-scenario article.user-account {
  display: inline-block;
  text-align: center;
  vertical-align: top;
}
div#contact-migration-wizard div.modal-body .migration-scenario .lir-contact h2, div#contact-migration-wizard div.modal-body section.role-scenario .lir-contact h2, div#contact-migration-wizard div.modal-body .migration-scenario article.user-account h2, div#contact-migration-wizard div.modal-body section.role-scenario article.user-account h2 {
  margin-bottom: 20px;
}
div#contact-migration-wizard div.modal-body .migration-scenario .lir-contact img, div#contact-migration-wizard div.modal-body section.role-scenario .lir-contact img, div#contact-migration-wizard div.modal-body .migration-scenario article.user-account img, div#contact-migration-wizard div.modal-body section.role-scenario article.user-account img {
  margin-bottom: 10px;
}
div#contact-migration-wizard div.modal-body .migration-scenario .lir-contact p, div#contact-migration-wizard div.modal-body section.role-scenario .lir-contact p, div#contact-migration-wizard div.modal-body .migration-scenario article.user-account p, div#contact-migration-wizard div.modal-body section.role-scenario article.user-account p {
  margin-bottom: 0;
  word-wrap: break-word;
  max-width: 135px;
}
div#contact-migration-wizard div.modal-body .migration-scenario .lir-contact p i, div#contact-migration-wizard div.modal-body section.role-scenario .lir-contact p i, div#contact-migration-wizard div.modal-body .migration-scenario article.user-account p i, div#contact-migration-wizard div.modal-body section.role-scenario article.user-account p i {
  margin-left: 5px;
}
div#contact-migration-wizard div.modal-body .migration-scenario article.information, div#contact-migration-wizard div.modal-body section.role-scenario article.information {
  display: inline-block;
  width: 140px;
  background-color: #F9F9F9;
  border: 1px dashed #E2E2E2;
  text-align: center;
  margin: 0 25px;
  padding: 15px;
  vertical-align: top;
  position: relative;
  top: 40px;
}
div#contact-migration-wizard div.modal-body .migration-scenario article.information p, div#contact-migration-wizard div.modal-body section.role-scenario article.information p {
  margin: 0;
}
div#contact-migration-wizard div.modal-body section.role-scenario article.user-account {
  width: 30%;
  animation: moving 1s ease;
}
div#contact-migration-wizard div.modal-body section.role-scenario article.user-account p {
  max-width: none;
}
@keyframes moving {
  0% {
    transform: translate(350px, 0);
  }
  100% {
    transform: translate(0px, 0);
  }
}
div#contact-migration-wizard div.modal-body section.role-scenario article.select-role {
  display: inline-block;
  text-align: left;
  width: 65%;
  margin: 40px 0 0 20px;
  animation: appear 1.5s ease-in;
}
@keyframes appear {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
div#contact-migration-wizard div.modal-body section.role-scenario article.select-role ul.select-name {
  margin-bottom: 20px;
}
div#contact-migration-wizard div.modal-body section.role-scenario article.select-role ul.select-name li {
  display: inline-block;
  width: 40%;
  margin-right: 10px;
  vertical-align: top;
}
div#contact-migration-wizard div.modal-body section.role-scenario article.select-role ul.select-name li label {
  font-weight: normal;
}
div#contact-migration-wizard div.modal-body section.role-scenario article.select-role ul.select-name li input {
  padding: 8px 10px;
  box-sizing: border-box;
  font-size: inherit;
  color: #333;
  line-height: normal;
}
div#contact-migration-wizard div.modal-body section.role-scenario article.select-role ul.select-name li p.validation-error {
  margin-top: 5px;
  margin-bottom: 0;
}
div#contact-migration-wizard div.modal-body section.role-scenario article.select-role ul.select-permissions li {
  position: relative;
  margin-bottom: 10px;
}
div#contact-migration-wizard div.modal-body section.role-scenario article.select-role ul.select-permissions li input {
  margin: 0;
  position: absolute;
  top: 3px;
}
div#contact-migration-wizard div.modal-body section.role-scenario article.select-role ul.select-permissions li label {
  position: relative;
  left: 20px;
  font-weight: normal;
}
div#contact-migration-wizard div.modal-body section.role-scenario article.select-role ul.select-permissions li label p {
  margin-bottom: 0;
}
div#contact-migration-wizard div.modal-body section.role-scenario article.select-role ul.select-permissions li label span {
  color: #8A8A8A;
}
div#contact-migration-wizard div.modal-body section.wizard-progress {
  margin-top: 40px;
}
div#contact-migration-wizard div.modal-body section.wizard-progress p {
  text-align: right;
  margin-bottom: 0;
}
div#contact-migration-wizard div.modal-footer {
  border: 0;
}
div#contact-migration-wizard div.modal-footer button span.ellipsis {
  margin: 0 5px;
}

aside#contacts-page {
  margin-bottom: 50px;
}
aside#contacts-page section article.head h3 {
  margin: 0;
}
aside#contacts-page section article.search {
  margin-top: 5px;
  position: relative;
  width: 290px;
}
aside#contacts-page section article.search input {
  height: auto !important;
  color: #333;
  background-color: #fff;
  padding: 5px 8px;
  resize: none;
  font-size: 1em;
}
aside#contacts-page section article.search i {
  position: absolute;
  right: 10px;
  top: 11px;
  color: #DEDEDE;
}
aside#contacts-page section article.user-list {
  margin-top: 20px;
}
aside#contacts-page section article.user-list > ul > li {
  padding: 10px 0;
}
aside#contacts-page section article.user-list > ul > li div.user-bar {
  display: flex;
  flex-direction: row;
  gap: 10px;
  cursor: pointer;
}
aside#contacts-page section article.user-list > ul > li div.user-bar picture {
  width: 40px;
  height: 40px;
  background-color: #eee;
  display: inline-block;
  vertical-align: top;
  text-align: center;
}
aside#contacts-page section article.user-list > ul > li div.user-bar picture img {
  width: inherit;
  height: inherit;
}
aside#contacts-page section article.user-list > ul > li div.user-bar div.info {
  position: relative;
}
aside#contacts-page section article.user-list > ul > li div.user-bar div.info p {
  margin: 0;
}
aside#contacts-page section article.user-list > ul > li div.user-bar p.orangebackground {
  margin: 10px 0 0 0;
}
aside#contacts-page section article.user-list > ul > li div.user-bar p.notification {
  flex-grow: 1;
  align-self: flex-end;
  text-align: right;
  margin: 0;
  position: relative;
  font-size: 0.8em;
}
aside#contacts-page section article.user-list > ul > li div.user-bar p.notification > span {
  margin-left: 20px;
}
aside#contacts-page section article.user-list > ul > li div.user-bar p.notification > span.delete {
  color: #A94442;
}
aside#contacts-page section article.user-list > ul > li div.user-bar p.notification > span.conflict {
  color: #A94442;
}
aside#contacts-page section article.user-list > ul > li div.user-bar p.notification > span.permission {
  color: #ff9600;
}
aside#contacts-page section article.user-list > ul > li div.user-bar p.notification > span.inactive {
  color: #A94442;
  border-bottom: 1px dashed #A94442;
}
aside#contacts-page section article.user-list > ul > li div.user-bar p.notification .mfa-status {
  padding: 0.3em;
}
aside#contacts-page section article.user-list > ul > li div.user-bar p.notification .mfa-status > .fa-check {
  color: #11A900;
}
aside#contacts-page section article.user-list > ul > li div.user-bar p.notification .mfa-status > .fa-exclamation-triangle {
  color: #ff9600;
}
aside#contacts-page section article.user-list > ul > li div.user-bar p.notification .mfa-status:has(.fa-check) {
  background-color: #E5F2DE;
}
aside#contacts-page section article.user-list > ul > li div.user-bar p.notification .mfa-status:has(.fa-exclamation-triangle) {
  background-color: #FFF3D8;
}
aside#contacts-page section article.user-list > ul > li div.user-bar i.icon {
  display: inline-block;
  font-size: 1.5em;
  position: relative;
  top: 10px;
  width: 15px;
}
aside#contacts-page section article.user-list > ul > li div.permission {
  margin: 10px 0;
}
aside#contacts-page section article.user-list > ul > li div.permission p {
  margin: 0;
}
aside#contacts-page section article.user-list > ul > li div.permission ul {
  margin: 10px 0;
}
aside#contacts-page section article.user-list > ul > li div.permission ul li input {
  margin-right: 15px;
  vertical-align: top;
  top: 2px;
  position: relative;
}
aside#contacts-page section article.user-list > ul > li div.permission ul li label {
  font-size: 14px;
  font-weight: normal;
}
aside#contacts-page section article.user-list > ul > li div.permission ul li label p {
  margin-bottom: 0;
}
aside#contacts-page section article.user-list > ul > li div.permission ul li label span {
  color: #8A8A8A;
}
aside#contacts-page section article.user-list > ul > li div.permission input.blue-button, aside#contacts-page section article.user-list > ul > li div.permission input.grey-button {
  margin-left: 0;
}
aside#contacts-page section article.user-list > ul > li div.permission p.remove-contact a {
  color: #A94442;
}
aside#contacts-page section article.user-list > ul > li.no-user {
  text-align: center;
  border-bottom: none;
  font-size: 20px;
  color: #999;
}
aside#contacts-page section article.lir-user-list {
  margin-bottom: 50px;
}
aside#contacts-page section article.lir-user-list > ul > li {
  padding: 10px 0;
  display: inline-block;
  position: relative;
  top: -2px;
}
aside#contacts-page section article.lir-user-list > ul > li p {
  margin: 0;
}

table.result-table {
  margin-top: 30px;
  max-height: 195px;
  overflow: scroll;
}

/* New User Modal */
form.new-contact-modal div.modal-body div.checking-sso {
  position: relative;
}
form.new-contact-modal div.modal-body div.checking-sso > p {
  margin-bottom: 5px;
}
form.new-contact-modal div.modal-body div.checking-sso input {
  height: 33px;
  padding: 9px 70px 9px 12px;
}
form.new-contact-modal div.modal-body div.checking-sso button {
  margin: 0;
  position: absolute;
  top: 24px;
  right: 0;
  width: auto;
}
form.new-contact-modal div.modal-body div.checking-sso div.loading {
  margin-top: 10px;
}
form.new-contact-modal div.modal-body div.checking-sso p.validation-error {
  margin-bottom: 0;
  margin-top: 10px;
}
form.new-contact-modal div.modal-body div.checking-sso p.orangebackground {
  margin: 20px 0 0 0;
}
form.new-contact-modal div.modal-body div.sso-details {
  margin-top: 20px;
}
form.new-contact-modal div.modal-body div.sso-details picture {
  display: inline-block;
}
form.new-contact-modal div.modal-body div.sso-details div.info {
  display: inline-block;
  margin-left: 20px;
}
form.new-contact-modal div.modal-body div.sso-details div.info p, form.new-contact-modal div.modal-body div.sso-details div.info h5 {
  margin-bottom: 0;
}
form.new-contact-modal div.modal-body div.permission {
  margin-top: 20px;
}
form.new-contact-modal div.modal-body div.permission ul {
  margin-top: 10px;
}
form.new-contact-modal div.modal-body div.permission ul li {
  padding-left: 20px;
  position: relative;
  margin-bottom: 10px;
}
form.new-contact-modal div.modal-body div.permission ul li input {
  margin: 0;
  vertical-align: top;
  top: 2px;
  position: absolute;
  left: 0;
}
form.new-contact-modal div.modal-body div.permission ul li label {
  margin: 0;
  font-weight: normal;
}
form.new-contact-modal div.modal-body div.permission ul li label p {
  margin-bottom: 5px;
}
form.new-contact-modal div.modal-body div.permission ul li label span {
  color: #8A8A8A;
}
form.new-contact-modal div.modal-body ul.name-list {
  margin-top: 20px;
}
form.new-contact-modal div.modal-body ul.name-list li {
  display: inline-block;
  margin-right: 10px;
  width: 48%;
  vertical-align: top;
}
form.new-contact-modal div.modal-body ul.name-list li p {
  margin-bottom: 5px;
}
form.new-contact-modal div.modal-body ul.name-list li input {
  height: 33px;
  padding: 9px 12px;
}
form.new-contact-modal div.modal-body ul.name-list li p.validation-error {
  margin-top: 5px;
}
form.new-contact-modal div.modal-body button.blue-button, form.new-contact-modal div.modal-body button.grey-button {
  margin: 10px 0 0 0;
}

aside.ticket-details, #ticket-details {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
}
aside.ticket-details header.ticket-header, aside.ticket-details div.ticket-loading, #ticket-details header.ticket-header, #ticket-details div.ticket-loading {
  min-height: 0;
  flex: 0 0 100%;
}
aside.ticket-details .primary, aside.ticket-details dd, aside.ticket-details .secondary, aside.ticket-details dt, aside.ticket-details .orangebackground, aside.ticket-details h4, #ticket-details .primary, #ticket-details dd, #ticket-details .secondary, #ticket-details dt, #ticket-details .orangebackground, #ticket-details h4 {
  font-family: inherit;
  font-weight: 400;
  font-size: 14px;
  color: #333;
}
aside.ticket-details .secondary, aside.ticket-details dt, #ticket-details .secondary, #ticket-details dt {
  color: #777;
}
aside.ticket-details dl, #ticket-details dl {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 0;
}
aside.ticket-details dl dt, aside.ticket-details dl dd, #ticket-details dl dt, #ticket-details dl dd {
  margin: 0;
}
aside.ticket-details .orangebackground, #ticket-details .orangebackground {
  background-color: #FF6A00;
  color: #FFFFFF;
}
aside.ticket-details .orangebackground a, #ticket-details .orangebackground a {
  color: inherit;
  text-decoration: underline;
}
aside.ticket-details section > p, #ticket-details section > p {
  margin-right: 30px;
}
aside.ticket-details .ticket-panel, #ticket-details .ticket-panel {
  flex: 1 1;
  border-right: 1px solid lightgray;
  border-top: 1px solid lightgray;
}
aside.ticket-details .ticket-panel .ticket-status, #ticket-details .ticket-panel .ticket-status {
  color: white;
  width: 70px;
  height: 22px;
}
aside.ticket-details .ticket-panel .ticket-status, aside.ticket-details .ticket-panel .ticket-status-attr, #ticket-details .ticket-panel .ticket-status, #ticket-details .ticket-panel .ticket-status-attr {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
aside.ticket-details .ticket-panel dl, #ticket-details .ticket-panel dl {
  padding: 1em;
}
aside.ticket-details .ticket-panel dl dl, aside.ticket-details .ticket-panel dl dd, #ticket-details .ticket-panel dl dl, #ticket-details .ticket-panel dl dd {
  padding-left: 1em;
}
aside.ticket-details .ticket-panel dl:nth-of-type(-n+3), #ticket-details .ticket-panel dl:nth-of-type(-n+3) {
  border-bottom: 1px solid lightgray;
}
aside.ticket-details .ticket-panel dl:nth-of-type(-n+3) dt, #ticket-details .ticket-panel dl:nth-of-type(-n+3) dt {
  flex: 0 1;
}
aside.ticket-details .ticket-panel dl:nth-of-type(-n+3) dd, #ticket-details .ticket-panel dl:nth-of-type(-n+3) dd {
  flex: 4 4;
}
aside.ticket-details .ticket-panel dl:nth-of-type(n+3) dt, #ticket-details .ticket-panel dl:nth-of-type(n+3) dt {
  flex: 1 1;
}
aside.ticket-details .ticket-panel dl:nth-of-type(n+3) dd, #ticket-details .ticket-panel dl:nth-of-type(n+3) dd {
  flex: 2 2;
}
aside.ticket-details .ticket-panel dl:nth-of-type(4), #ticket-details .ticket-panel dl:nth-of-type(4) {
  padding-bottom: 0.6em;
}
aside.ticket-details .ticket-panel dl:nth-of-type(5), #ticket-details .ticket-panel dl:nth-of-type(5) {
  padding-top: 0;
}
aside.ticket-details h2, #ticket-details h2 {
  font-size: 26px;
  font-weight: 700;
}
aside.ticket-details h3, #ticket-details h3 {
  font-size: 20px;
  font-weight: 100;
}
aside.ticket-details h4, #ticket-details h4 {
  margin-top: 0 !important;
}
aside.ticket-details fieldset, #ticket-details fieldset {
  min-width: min-content;
}
aside.ticket-details fieldset legend, #ticket-details fieldset legend {
  display: none;
}
aside.ticket-details .ticket-header, #ticket-details .ticket-header {
  position: relative;
  padding-bottom: 20px;
}
aside.ticket-details .ticket-header h2, #ticket-details .ticket-header h2 {
  margin-top: 0 !important;
  font-size: 25px;
  font-weight: 700;
  color: #070038;
}
aside.ticket-details .ticket-header h3, #ticket-details .ticket-header h3 {
  font-size: 20px;
  font-weight: 400;
  color: #333333;
}
aside.ticket-details .ticket-header div, #ticket-details .ticket-header div {
  display: flex;
  flex: auto;
  justify-content: space-between;
  align-items: center;
}
aside.ticket-details .ticket-header div button, #ticket-details .ticket-header div button {
  color: white;
  background-color: #070038;
}
aside.ticket-details img.avatar, #ticket-details img.avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}
aside.ticket-details .comment-count, #ticket-details .comment-count {
  background-color: white;
  padding: 0 10px;
  font-weight: 400;
  color: #00ABAB;
  font-size: 14px;
  cursor: pointer;
  top: 1em;
  position: relative;
  display: table;
  margin: auto;
}
aside.ticket-details .comment-count-spacing, #ticket-details .comment-count-spacing {
  padding-bottom: 0px !important;
  margin-bottom: 0.5rem;
}
aside.ticket-details .ticket-comments, #ticket-details .ticket-comments {
  flex: 2 2;
  margin-bottom: 1em;
  border-top: 1px solid lightgray;
  border-right: 1px solid lightgray;
}
aside.ticket-details .ticket-comments section, #ticket-details .ticket-comments section {
  display: flex;
  margin-top: 1em;
}
aside.ticket-details .ticket-comments section figure, #ticket-details .ticket-comments section figure {
  flex: 0 0 64px;
}
aside.ticket-details .ticket-comments section form, #ticket-details .ticket-comments section form {
  flex: 1 1;
}
aside.ticket-details .ticket-comments .ticket-attachment-info, #ticket-details .ticket-comments .ticket-attachment-info {
  margin-left: auto;
  max-width: 500px;
}
aside.ticket-details .ticket-comments .ticket-attachment-info p, #ticket-details .ticket-comments .ticket-attachment-info p {
  background: #E0F2FE;
  color: #333;
  border-radius: 4px;
  padding: 7px;
  font-size: 12.5px;
  overflow-wrap: break-word;
}
aside.ticket-details .ticket-comments .ticket-attachment-info p span, #ticket-details .ticket-comments .ticket-attachment-info p span {
  color: #3A61E0;
}
aside.ticket-details .ticket-comments article, aside.ticket-details .ticket-comments form, #ticket-details .ticket-comments article, #ticket-details .ticket-comments form {
  margin-right: 30px;
}
aside.ticket-details .ticket-comments article, #ticket-details .ticket-comments article {
  padding-bottom: 1.8rem;
  margin-bottom: 0.5rem;
  border-bottom: 1px solid lightgray;
}
aside.ticket-details .ticket-comments article header, #ticket-details .ticket-comments article header {
  position: relative;
  padding-top: 0.8rem;
  padding-bottom: 1.2rem;
  min-height: 64px;
}
aside.ticket-details .ticket-comments article header dl dd, #ticket-details .ticket-comments article header dl dd {
  margin-left: 1em;
}
aside.ticket-details .ticket-comments article header .staff, #ticket-details .ticket-comments article header .staff {
  position: absolute;
  top: 40px;
  left: 24px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 1px solid lightgray;
  background-color: white;
  background-repeat: no-repeat;
  background-image: url("/images/ripe-hex.png");
  background-position: center;
  background-position-y: 2px;
  background-size: 16px 16px;
}
aside.ticket-details .ticket-comments article pre, #ticket-details .ticket-comments article pre {
  padding: 2rem;
  word-break: break-word;
  background-color: #F6F6F6;
  font-weight: 400;
}
aside.ticket-details textarea, #ticket-details textarea {
  width: 100%;
  height: 240px;
}
aside.ticket-details .comments div:last-child article, #ticket-details .comments div:last-child article {
  border-bottom: 1px solid lightgray;
  padding-bottom: 1.2rem;
}
aside.ticket-details .add-comment, aside.ticket-details .upload-documents, #ticket-details .add-comment, #ticket-details .upload-documents {
  position: relative;
  padding-left: 64px;
  margin-bottom: 0;
}
aside.ticket-details .blue-button, aside.ticket-details .grey-button, #ticket-details .blue-button, #ticket-details .grey-button {
  background-color: #070038;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 35px;
  color: white;
}

aside.ticket .blue-button, aside.ticket .grey-button {
  background-color: #070038;
  display: inline-block;
  padding: 10px 20px 9px 20px;
  margin: 2px 0 0 0;
}
aside.ticket #ticket-list_filter {
  position: relative;
  background-image: none !important;
  padding: 20px 0 20px 0 !important;
}
aside.ticket #ticket-list_filter input {
  width: 309px;
  height: 40px;
  padding: 10px 2.5rem 8px 18px;
  font-size: 16px;
  font-weight: 400;
  color: #777777;
}
aside.ticket #ticket-list_filter label:after {
  font-family: "Font Awesome 5 Pro";
  content: "\f002";
  position: absolute;
  right: 11.5px;
  top: 26px;
  font-weight: 300;
  width: 22px;
  font-size: 22px;
}
aside.ticket #ticket-list {
  border-collapse: collapse;
  width: 100% !important;
  margin-bottom: 10px;
}
aside.ticket #ticket-list .dataTables_empty {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}
aside.ticket #ticket-list td {
  font-family: "Public Sans", serif;
  font-weight: 500;
  color: #333333;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
aside.ticket #ticket-list td:not(:first-child):not(:last-child), aside.ticket th:not(:first-child):not(:last-child) {
  border-left: 0px !important;
  border-right: 0px !important;
}
aside.ticket #ticket-list td:first-child, aside.ticket th:first-child {
  padding-left: 15px !important;
  border-right: 0px !important;
}
aside.ticket #ticket-list td:last-child, aside.ticket th:last-child {
  border-left: 0px !important;
}
aside.ticket .ticket-status {
  color: white;
  display: block;
  text-align: center;
  margin-right: 1rem;
  margin-bottom: 9px;
  margin-top: 9px;
}
aside.ticket #ticket-list thead th {
  position: relative;
  background-image: none !important;
}
aside.ticket #ticket-list thead .sorting:after,
aside.ticket #ticket-list thead .sorting_asc:after,
aside.ticket #ticket-list thead .sorting_desc:after,
aside.ticket #ticket-list thead .sorting_asc_disabled:after,
aside.ticket #ticket-list thead .sorting_desc_disabled:after {
  font-family: "Font Awesome 5 Pro";
  position: relative;
  left: 29px;
  font-weight: 300 !important;
  font-size: 14px;
  align-items: flex-start;
  text-rendering: auto;
  vertical-align: bottom;
  color: #ADADAD;
}
aside.ticket #ticket-list thead .sorting:after {
  content: "\f0dc";
}
aside.ticket #ticket-list thead .sorting_asc:after {
  content: "\f0de";
  top: 5px;
  color: #333333;
  font-size: 18px;
}
aside.ticket #ticket-list thead .sorting_desc:after {
  content: "\f0dd";
  bottom: 2px;
  color: #333333;
  font-size: 18px;
}
aside.ticket .tooltip {
  width: 274px;
}
aside.ticket .tooltip .tooltip-inner {
  padding: 7px;
  font-family: "Public Sans", serif;
  font-weight: 100;
  font-size: 14px;
}

.ripe-app .flat-wizard .box-header {
  line-height: 1em;
}

/*
    Bad practice to use # but the inherited css is sooo bad, we don't have any choice if we want to override and not use
    the same long selectors
 */
#wizard-header {
  text-align: justify;
  min-width: 390px;
  margin: 0;
  padding: 0 20px;
}

#wizard-header:after {
  content: "";
  display: inline-block;
  width: 100%;
}

@media screen and (min-width: 760px) {
  #content ul#wizard-header li {
    display: inline-block;
  }
}
aside.wizard {
  width: 67%;
  position: relative;
}
@font-face {
  font-family: "userlike_default";
  font-weight: normal;
  font-style: normal;
  src: url(data:application/x-font-woff;charset=utf-8;base64,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) format("woff"), url("//dq4irj27fs462.cloudfront.net/fonts/userlike_default.eot") format("truetype");
}
@keyframes slideFromBottom {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-80px);
  }
}
.live-chat {
  z-index: 10;
  position: fixed;
  border: 0px;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  left: auto;
  right: 2%;
  bottom: -70px;
  animation: 0.6s ease-in-out 0s 1 slideFromBottom;
  animation-fill-mode: forwards;
}

.live-chat button {
  font-family: "userlike_default" !important;
  position: relative;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  width: 64px;
  min-width: 64px;
  height: 64px;
  min-height: 64px;
  padding: 0px;
  cursor: pointer;
  background-color: rgb(8, 0, 55);
  border: 0px;
  border-radius: 50%;
}
.live-chat button i.userlike-button-01 {
  font-size: 43px;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  display: inline-block;
  cursor: pointer;
  vertical-align: middle;
  text-decoration: inherit;
  text-transform: none;
  speak: none;
  text-rendering: auto;
  margin: 0 0 0 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.live-chat button i.userlike-button-01:before {
  content: "\f101";
}

/* Module based CSS */
.ripe-app .multi-text-input .col-md-1,
.ripe-app .multi-text-input .col-md-10,
.ripe-app .uploads .col-md-2,
.ripe-app .uploads .col-md-8 {
  padding: 0 5px;
}

@media only screen and (max-width: 1000px) {
  .ripe-app .uploads .col-md-8 {
    padding-left: 0;
  }
}
.ripe-app .uploads .col-md-12 {
  padding: 0 0 10px 0;
}

.ripe-app .uploads .col-md-2:first-of-type {
  padding-left: 0;
}

.ripe-app .multi-text-input .col-md-11:first-of-type {
  padding-left: 0;
}

.ripe-app .peering-partners .import .col-md-12,
.ripe-app .peering-partners .export .col-md-12 {
  padding: 0;
}

.ripe-app .peering-partners .col-md-12 {
  padding: 0 15px;
}

.ripe-app .peering-partners .import .col-md-12 button,
.ripe-app .peering-partners .export .col-md-12 button {
  margin: 0;
}

.ripe-app .peering-partners .col-md-12 button {
  margin: 0 15px;
}

.ripe-app .peering-partners .add-peering-partner button {
  margin: 15px 15px 0 15px;
}

.ripe-app .peering-partners .col-md-10 {
  padding: 0;
}

.ripe-app .peering-partners .col-md-2 {
  padding-left: 5px;
}

.ripe-app .uploads .col-md-2 span.fa.fa-trash-o,
.ripe-app .multi-text-input .col-md-1 span.fa.fa-trash-o,
.ripe-app .peering-partners .col-md-2 span.fa.fa-trash-o {
  font-size: 11pt;
}

/*.ripe-app .peering-partners .col-md-2 button {*/
/*width: 100%;*/
.ripe-app .multi-text-input button.add-button {
  margin-top: 12px;
}

#request-form .uploads input[type=text],
#membership-form.uploads input[type=text] {
  height: 28px;
}

#request-form .uploads .uploader,
#membership-form .uploads .uploader {
  border: 1px solid #d7d7d7;
}

#request-form .uploads .uploader.ng-invalid.ng-touched,
#membership-form .uploads .uploader.ng-invalid.ng-touched {
  border: 1px solid red;
}

#request-form .uploads .uploader .filename,
#membership-form .uploads .uploader .filename {
  color: #858585;
  font-size: 12px;
  width: 80%;
}

#request-form .uploads .progress,
#membership-form .uploads .progress {
  height: 28px;
  margin-bottom: 0;
}

#request-form .uploads .progress-bar,
#membership-form .uploads .progress-bar {
  line-height: 28px;
  min-width: 40px;
}

#temporary-assignment-info textarea {
  resize: none;
}

div.multi-text-input input.field {
  width: 60%;
  display: inline-block;
}
div.multi-text-input button.btn-red {
  display: inline-block;
  margin-left: 10px;
}

div.addressing-plan div.text, div.addressing-plan div.field, div.addressing-plan div.selection, div.addressing-plan div.button, div.address-space div.text, div.address-space div.field, div.address-space div.selection, div.address-space div.button {
  display: inline-block;
  margin-right: 5px;
  vertical-align: top;
}
div.addressing-plan div.selection, div.address-space div.selection {
  width: 134px;
}
div.addressing-plan div.selection div.ui-select-container, div.address-space div.selection div.ui-select-container {
  width: 100% !important;
}
div.addressing-plan div.field, div.address-space div.field {
  width: 170px;
}
div.addressing-plan div.button, div.address-space div.button {
  margin-right: 0;
}

div.address-space div.text, div.address-space div.field, div.address-space div.selection, div.address-space div.button {
  margin-right: 0;
}

/* Request Forms */
#request-form .box-content {
  min-height: 200px;
}

#request-form .box td:first-of-type {
  width: 30%;
}

#request-form input[type=radio] {
  margin: 0 4px;
}

#request-form input[type=checkbox] {
  width: auto;
  margin: 0 4px;
}

#request-form #ipv6Range {
  margin: 12px 0 0 7px;
}

#request-form #contact-me-label {
  margin-top: 7px;
}

#request-form .header-padded {
  padding-left: 15px;
  padding-right: 15px;
}

#request-form i.fa.fa-exclamation-triangle {
  margin: 0 4px;
}

.ripe-app .control-label i {
  font-weight: normal;
}

.ripe-app .selector + .select-with-other-input {
  margin-top: 5px;
}

.ajax-loading {
  background: url(../../images/ajax-loader.gif) no-repeat center;
  width: 100%;
  height: 100%;
  display: block;
  text-align: center;
  z-index: 99;
}

.ajax-loading span {
  position: relative;
  margin-top: 110px;
  display: inline-block;
  font-size: 120%;
}

.required-indication {
  font-style: italic;
}

.required-indication span:before {
  content: " * ";
  display: inline;
  font-size: 150%;
  color: red;
}

.required label:after {
  content: " *";
  display: inline;
  font-size: 150%;
  color: red;
}

label.no-bold {
  font-weight: normal;
}

div.inner-form-control {
  margin-top: 8px;
}

.ripe-app .radio div.inner-form-control span {
  display: inline-block;
  font-weight: normal;
  margin-top: 7px;
  margin-left: 18px;
  margin-right: 5px;
}

.ripe-app .radio div.inner-form-control .invalid-input {
  display: block;
  font-weight: normal;
  margin-top: 7px;
  margin-left: 18px;
  margin-right: 5px;
}

.ripe-app form.fill-up div.inner-form-control select {
  width: 100px;
  display: inline-block;
}

.ripe-app form.fill-up div.inner-form-control input {
  width: 90%;
  display: inline-block;
}

.ripe-app label.multi-line-label {
  width: 95%;
}

.preText {
  white-space: pre;
}

/* Membership Forms */
#membership-form .box td:first-of-type {
  width: 30%;
}

div.select2-container.ng-touched.ng-invalid {
  border: 1px solid red;
}

.inline-tip {
  display: block;
}

.inline-tip-margin {
  display: block;
  margin-top: 15px;
}

.padded-top-15 {
  padding-top: 15px;
}

div.buttons, span.editable-buttons {
  display: inline-block;
}
div.buttons button, span.editable-buttons button {
  border-radius: 50%;
  text-align: center;
  border-color: #777;
  width: 30px;
  height: 30px;
  padding: 0;
  display: inline-block;
}
div.buttons button i:before, span.editable-buttons button i:before {
  color: #777;
  position: relative;
  top: 1px;
}
div.buttons button.btn-cancel, div.buttons button.btn-delete, span.editable-buttons button.btn-cancel, span.editable-buttons button.btn-delete {
  border-color: #A94442;
}
div.buttons button.btn-cancel i:before, div.buttons button.btn-delete i:before, span.editable-buttons button.btn-cancel i:before, span.editable-buttons button.btn-delete i:before {
  color: #A94442;
}
div.buttons button.btn-save, div.buttons button.btn-add, span.editable-buttons button.btn-save, span.editable-buttons button.btn-add {
  border-color: #11A900;
}
div.buttons button.btn-save i:before, div.buttons button.btn-add i:before, span.editable-buttons button.btn-save i:before, span.editable-buttons button.btn-add i:before {
  color: #11A900;
  position: relative;
}
div.buttons button.btn-edit i:before, span.editable-buttons button.btn-edit i:before {
  right: -1px;
}

form.multi-field-form table th {
  width: 6em;
  vertical-align: top;
}
form.multi-field-form textarea {
  vertical-align: top;
}
form.multi-field-form h5, form.multi-field-form h6 {
  margin-top: 0 !important;
}
form.multi-field-form a:hover {
  cursor: pointer;
}
form.multi-field-form .fal {
  width: 11px;
}
form.multi-field-form .with-subtitle {
  margin-bottom: 2px;
}

.address-table {
  border-collapse: separate;
  border-spacing: 0 0.5em;
}
.address-table tbody tr th {
  text-align: right;
  width: 35%;
  color: gray;
  padding-right: 20px;
  vertical-align: middle;
}
.address-table tbody tr th.align-top {
  vertical-align: top;
}
.address-table tbody tr td.description {
  padding-bottom: 10px;
}

dt.portletHeader {
  background: #3C91BC none !important;
  font-weight: normal !important;
  font-family: "Open Sans", HelveticaNeue, Helvetica, Arial !important;
}

dd.portletItem {
  background-color: #eaeaea !important;
}

dd.portletItem a {
  color: #3C91BC !important;
  font-family: "Open Sans", HelveticaNeue, Helvetica, Arial !important;
  min-height: 18px;
}

body.colorBlue #portal-main-navigation {
  background: #3C91BC none !important;
  font-family: "Open Sans", HelveticaNeue, Helvetica, Arial !important;
}

body.colorBlue #portal-main-navigation li.selected a,
body.colorBlue #portal-main-navigation li a:hover {
  background: #eaeaea none !important;
  color: #333 !important;
}

body.colorBlue dd.portletFooter {
  background: none !important;
}

body.colorBlue #external .mainBox .title {
  color: #3C91BC !important;
  font-family: "Open Sans", HelveticaNeue, Helvetica, Arial !important;
}

body.colorBlue .ripe-app > .title {
  color: #636363 !important;
}

body.colorBlue #bootstrap h1,
body.colorBlue #external h1 {
  color: #3C91BC !important;
  font-family: "Open Sans", HelveticaNeue, Helvetica, Arial !important;
}

body.colorBlue .fieldset {
  box-shadow: 0 2px 2px -2px #cccccc;
  background: #fbfbfb;
  border: 1px solid #cdcdcd;
  border-radius: 3px;
  margin-bottom: 20px;
}

body.colorBlue .fieldset .fieldsetTitle {
  background-color: #eaeaea;
  -webkit-border-top-right-radius: 3px;
  border-top-right-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  border-top-left-radius: 3px;
  background: #eaeaea;
  background-size: 100%;
  background-image: linear-gradient(top, #fdfdfd, #eaeaea);
  text-shadow: 0 1px white;
  border-bottom: 1px solid #CDCDCD;
  color: #636363;
  font-weight: 600;
}

body.colorBlue .fieldset .fieldsetBody {
  border: none !important;
}

body.colorBlue .fieldset .subtitle {
  color: #636363 !important;
  font-size: 12px;
  font-weight: 600;
}

body.colorBlue #external .subtitle {
  color: #3C91BC !important;
}

body.colorBlue #bootstrap .btn:not(.btn-primary) {
  border: 1px solid #d4d4d4;
  box-shadow: inset 0 1px 2px white;
  background: #e9e9e9;
  background-size: 100%;
  background-image: linear-gradient(top, #fdfdfd, #e9e9e9);
  color: #686868 !important;
  text-shadow: none;
  border-radius: 2px;
  font-size: 11px;
  font-weight: 600;
  padding: 6px 12px !important;
}

body.colorBlue #external .btn:not(.ripe-app *):not(.btn-primary):not(.ui-button-primary) {
  border: 1px solid #d4d4d4;
  box-shadow: inset 0 1px 2px white;
  background: #e9e9e9;
  background-size: 100%;
  background-image: linear-gradient(top, #fdfdfd, #e9e9e9);
  color: #686868 !important;
  text-shadow: none;
  border-radius: 2px;
  font-size: 11px;
  font-weight: 600;
  padding: 6px 12px !important;
}

body.colorBlue #external .ui-button-primary, #external .searchButton, #external .btn-primary {
  border: 1px solid #337ca1 !important;
  box-shadow: inset 0 1px 2px #6eb0d1;
  background: #3d94c0;
  background-size: 100%;
  background-image: linear-gradient(top, #5ba5cb, #3d94c0);
  color: #fff !important;
  border-radius: 2px;
  font-size: 11px;
  font-weight: 600;
  text-shadow: 0 -1px #6f6f6f;
  padding: 6px 12px;
}

body.colorBlue #external .mainBox:not(.ripe-app) {
  background-color: #eaeaea !important;
}

body.colorBlue .userBox {
  background-color: #eaeaea !important;
}

#external .portlet {
  width: 100%;
}

dl.portlet dd.portletItem a {
  width: 100%;
}

/* Popover */
div.popover {
  font-size: 12px;
}

/* Date Picker */
.uib-datepicker-popup {
  position: absolute;
  z-index: 1;
  background-color: white;
  padding: 0;
}
.uib-datepicker-popup li.uib-button-bar {
  padding: 0;
  margin-top: 10px;
  display: none;
}
.uib-datepicker-popup table {
  font-size: 100% !important;
}
.uib-datepicker-popup table thead tr, .uib-datepicker-popup table tbody tr {
  border-bottom: none;
}
.uib-datepicker-popup table thead tr th button, .uib-datepicker-popup table thead tr th button.btn.btn-default, .uib-datepicker-popup table tbody tr th button, .uib-datepicker-popup table tbody tr th button.btn.btn-default {
  background-image: none;
  background-color: #172045;
  color: white !important;
  border: none;
  box-shadow: none;
  opacity: 1;
}
.uib-datepicker-popup table thead tr th button:hover, .uib-datepicker-popup table thead tr th button.btn.btn-default:hover, .uib-datepicker-popup table tbody tr th button:hover, .uib-datepicker-popup table tbody tr th button.btn.btn-default:hover {
  background-color: #212C59;
  color: white !important;
  background-image: none;
}
.uib-datepicker-popup table thead tr th button i, .uib-datepicker-popup table thead tr th button.btn.btn-default i, .uib-datepicker-popup table tbody tr th button i, .uib-datepicker-popup table tbody tr th button.btn.btn-default i {
  display: inline-block;
  font: normal normal normal 14px/1 "Font Awesome 5 Pro";
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}
.uib-datepicker-popup table thead tr th button span, .uib-datepicker-popup table thead tr th button.btn.btn-default span, .uib-datepicker-popup table tbody tr th button span, .uib-datepicker-popup table tbody tr th button.btn.btn-default span {
  display: none;
}
.uib-datepicker-popup table thead tr th button.uib-left i::before, .uib-datepicker-popup table thead tr th button.btn.btn-default.uib-left i::before, .uib-datepicker-popup table tbody tr th button.uib-left i::before, .uib-datepicker-popup table tbody tr th button.btn.btn-default.uib-left i::before {
  content: "\f053";
}
.uib-datepicker-popup table thead tr th button.uib-right i::before, .uib-datepicker-popup table thead tr th button.btn.btn-default.uib-right i::before, .uib-datepicker-popup table tbody tr th button.uib-right i::before, .uib-datepicker-popup table tbody tr th button.btn.btn-default.uib-right i::before {
  content: "\f054";
}
.uib-datepicker-popup table thead tr th.text-center, .uib-datepicker-popup table tbody tr th.text-center {
  text-align: center;
  background-color: #f1f1f1;
  color: #333;
}
.uib-datepicker-popup table thead tr th.text-center small, .uib-datepicker-popup table tbody tr th.text-center small {
  padding: 8px 10px;
  display: block;
}
.uib-datepicker-popup table thead tr.uib-weeks td, .uib-datepicker-popup table tbody tr.uib-weeks td {
  padding: 0 !important;
  margin: 0 !important;
}
.uib-datepicker-popup table thead tr.uib-weeks td em, .uib-datepicker-popup table tbody tr.uib-weeks td em {
  text-align: center;
  background-color: #f1f1f1;
  color: #333;
  padding: 6px;
  display: block;
  border-bottom: 1px solid #f1f1f1;
  font-size: 14px;
}
.uib-datepicker-popup table thead tr.uib-weeks td.uib-day button, .uib-datepicker-popup table tbody tr.uib-weeks td.uib-day button {
  color: #333;
  border: none;
  border-bottom: 1px solid #e0e0e0;
  border-right: 1px solid #e0e0e0;
  background-color: white;
  background-image: none !important;
}
.uib-datepicker-popup table thead tr.uib-weeks td.uib-day button:hover, .uib-datepicker-popup table tbody tr.uib-weeks td.uib-day button:hover {
  background-color: #212C59;
  color: white !important;
  box-shadow: none;
}
.uib-datepicker-popup table thead tr.uib-weeks td.uib-day button.active, .uib-datepicker-popup table tbody tr.uib-weeks td.uib-day button.active {
  background-color: #172045;
  box-shadow: none;
}
.uib-datepicker-popup table thead tr.uib-weeks td.uib-day button.active span, .uib-datepicker-popup table tbody tr.uib-weeks td.uib-day button.active span {
  color: white;
}
.uib-datepicker-popup table thead tr.uib-weeks td.uib-day button:disabled, .uib-datepicker-popup table tbody tr.uib-weeks td.uib-day button:disabled {
  background-color: #e6e6e6;
  color: #999;
}
.uib-datepicker-popup table thead tr.uib-weeks td.uib-day button:disabled:hover, .uib-datepicker-popup table tbody tr.uib-weeks td.uib-day button:disabled:hover {
  color: #999;
}
.uib-datepicker-popup table thead tr td, .uib-datepicker-popup table thead tr th, .uib-datepicker-popup table tbody tr td, .uib-datepicker-popup table tbody tr th {
  min-width: 0 !important;
  border-right: none !important;
  padding: 0;
  float: none;
  vertical-align: middle !important;
  width: 50px !important;
}
.uib-datepicker-popup table thead tr td button, .uib-datepicker-popup table thead tr th button, .uib-datepicker-popup table tbody tr td button, .uib-datepicker-popup table tbody tr th button {
  float: none;
  padding: 11px 10px;
}
.uib-datepicker-popup table thead tr:first-child td, .uib-datepicker-popup table thead tr:last-child td, .uib-datepicker-popup table tbody tr:first-child td, .uib-datepicker-popup table tbody tr:last-child td {
  padding: 0 !important;
  vertical-align: middle !important;
}

div.uib-monthpicker table tbody tr td button, div.uib-monthpicker table tbody tr td button.btn.btn-default, div.uib-yearpicker table tbody tr td button, div.uib-yearpicker table tbody tr td button.btn.btn-default {
  color: #333;
  border: none;
  border-bottom: 1px solid #e0e0e0;
  border-right: 1px solid #e0e0e0;
  background-color: white;
  background-image: none;
}
div.uib-monthpicker table tbody tr td button:hover, div.uib-monthpicker table tbody tr td button.btn.btn-default:hover, div.uib-yearpicker table tbody tr td button:hover, div.uib-yearpicker table tbody tr td button.btn.btn-default:hover {
  background-color: #212C59;
  color: white !important;
  background-image: none;
  box-shadow: none;
}
div.uib-monthpicker table tbody tr td button.active, div.uib-monthpicker table tbody tr td button.btn.btn-default.active, div.uib-yearpicker table tbody tr td button.active, div.uib-yearpicker table tbody tr td button.btn.btn-default.active {
  background-color: #172045;
  box-shadow: none;
}
div.uib-monthpicker table tbody tr td button.active span, div.uib-monthpicker table tbody tr td button.btn.btn-default.active span, div.uib-yearpicker table tbody tr td button.active span, div.uib-yearpicker table tbody tr td button.btn.btn-default.active span {
  color: white !important;
}
div.uib-monthpicker table tbody tr td button:disabled, div.uib-monthpicker table tbody tr td button.btn.btn-default:disabled, div.uib-yearpicker table tbody tr td button:disabled, div.uib-yearpicker table tbody tr td button.btn.btn-default:disabled {
  background-color: #e6e6e6;
  color: #999;
}
div.uib-monthpicker table tbody tr td button:disabled:hover, div.uib-monthpicker table tbody tr td button.btn.btn-default:disabled:hover, div.uib-yearpicker table tbody tr td button:disabled:hover, div.uib-yearpicker table tbody tr td button.btn.btn-default:disabled:hover {
  color: #999;
}
div.uib-monthpicker table tbody tr td:first-child, div.uib-yearpicker table tbody tr td:first-child {
  border-left: 1px solid #ccc;
}

div.uib-daypicker table tbody tr td, div.uib-daypicker table tbody tr td:first-child, div.uib-daypicker table tbody tr td:last-child {
  padding-bottom: 0 !important;
}

.modal, .modal-backdrop.show {
  z-index: 999999 !important;
}

div.general-modal div.modal-dialog {
  margin-top: 150px;
}
div.general-modal div.modal-dialog div.modal-content {
  border-radius: 0;
  border: none;
}
div.general-modal div.modal-dialog div.modal-content div.modal-header {
  background-color: #080037;
}
div.general-modal div.modal-dialog div.modal-content div.modal-header h3 {
  color: #fff;
  display: inline-block;
  max-width: 90%;
}
div.general-modal div.modal-dialog div.modal-content div.modal-header span.close {
  line-height: normal;
  margin-top: 0;
  color: #fff;
}
div.general-modal div.modal-dialog div.modal-content div.modal-body p.notify {
  position: relative;
  padding-left: 20px;
  font-size: 14px;
}
div.general-modal div.modal-dialog div.modal-content div.modal-body p.notify i {
  position: absolute;
  left: 0;
  top: 3px;
}
div.general-modal div.modal-dialog div.modal-content div.modal-body p.highlighted-bar {
  background-color: #F7F7F7;
  padding: 15px;
}
div.general-modal div.modal-dialog div.modal-content div.modal-body p.highlighted-bar strong {
  margin-left: 10px;
}
div.general-modal div.modal-dialog div.modal-content div.modal-footer {
  text-align: left;
}
div.general-modal div.modal-dialog div.modal-content div.modal-footer button {
  border: none;
}

div.modal div.modal-dialog {
  width: 650px;
}
div.modal div.modal-dialog div.modal-content {
  border: none;
}
div.modal div.modal-dialog div.modal-content .error-box {
  margin: 10px auto;
  display: block;
  text-align: center;
  position: absolute;
  bottom: 0;
  width: 100%;
  background: #fff;
  height: 42px;
}
div.modal div.modal-dialog div.modal-content .error-box .spinner {
  margin: 0;
  width: auto;
}
div.modal div.modal-dialog div.modal-content div.modal-header {
  background-color: #080037;
}
div.modal div.modal-dialog div.modal-content div.modal-header h3 {
  color: #fff;
  display: inline-block;
  max-width: 90%;
}
div.modal div.modal-dialog div.modal-content div.modal-header span.close {
  line-height: normal;
  margin-top: 0;
  color: #fff;
}
div.modal div.modal-dialog div.modal-content div.modal-footer {
  text-align: left;
}
div.modal div.modal-dialog div.modal-content div.modal-footer button {
  border: none;
}
div.modal div.modal-dialog div.modal-content div.modal-footer button.grey-button {
  display: inline-block;
}
div.modal div.modal-dialog div.modal-content section.welcome-modal {
  padding: 45px 30px;
}
div.modal div.modal-dialog div.modal-content section.welcome-modal article {
  display: inline-block;
  vertical-align: top;
}
div.modal div.modal-dialog div.modal-content section.welcome-modal article.icon {
  width: 30%;
}
div.modal div.modal-dialog div.modal-content section.welcome-modal article.icon .icon-migration, div.modal div.modal-dialog div.modal-content section.welcome-modal article.icon span.icon-migration-success {
  background-image: url("/images/migration-icon.svg");
  width: 169px;
  height: 213px;
  display: block;
}
div.modal div.modal-dialog div.modal-content section.welcome-modal article.icon span.icon-migration-success {
  background-image: url("/images/migration-icon-green.svg");
}
div.modal div.modal-dialog div.modal-content section.welcome-modal article.text {
  width: 67%;
  margin-left: 10px;
  font-size: 14px;
  line-height: 22px;
}
div.modal div.modal-dialog div.modal-content section.welcome-modal article.text button {
  margin: 0;
}

/* Modal for editing Maintainer */
.edit-maintainer-modal div.modal-body div.db-table-view {
  padding: 9px;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 4px;
  margin-bottom: 10px;
}
.edit-maintainer-modal div.modal-body div.db-table-view table {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}
.edit-maintainer-modal div.modal-body div.db-table-view table tbody tr td, .edit-maintainer-modal div.modal-body div.db-table-view table tbody tr th {
  padding: 2px;
  vertical-align: top;
}
.edit-maintainer-modal div.modal-body div.db-table-view table tbody tr th {
  width: 80px;
}
.request-update-modal .modal-content, .create-new-ticket-modal .modal-content {
  margin-top: 350px;
  height: 275px;
  border-radius: 0px !important;
}
.request-update-modal .modal-body, .create-new-ticket-modal .modal-body {
  padding: 10px !important;
}
.request-update-modal .modal-gray-box, .create-new-ticket-modal .modal-gray-box {
  padding: 20px;
  width: 295px;
  margin: 10px;
  background-color: #F3F3F3;
  border: 1px solid #E0E0E0;
  float: left;
  text-align: center;
}
.request-update-modal .modal-box-text-area, .create-new-ticket-modal .modal-box-text-area {
  min-height: 55px;
}

.membership__container section label, aside.request__container section label {
  font-size: 18px;
}
.membership__container section article, aside.request__container section article {
  margin: 15px 0 0 0;
}
.membership__container section article.lir-contacts, aside.request__container section article.lir-contacts {
  margin: 0;
}
.membership__container section article.lir-contacts ul li, aside.request__container section article.lir-contacts ul li {
  margin: 0 0 15px 0;
  vertical-align: top;
}
.membership__container section article.lir-contacts ul li label, aside.request__container section article.lir-contacts ul li label {
  padding: 0;
  margin: 0;
}
.membership__container section article.lir-contacts ul li input[type=text], aside.request__container section article.lir-contacts ul li input[type=text] {
  background-color: #fff;
}
.membership__container section h4.signatoryinfo, aside.request__container section h4.signatoryinfo, .membership__container section h4.billingaddress, aside.request__container section h4.billingaddress {
  font-size: 18px;
  margin-top: 20px !important;
}
.membership__container section div.domainname-id, aside.request__container section div.domainname-id {
  position: relative;
  min-width: 300px;
  max-width: 50%;
}
.membership__container section div.domainname-id span.prefix, aside.request__container section div.domainname-id span.prefix {
  position: absolute;
  background-color: #eee;
  padding: 7px;
  top: 1px;
  left: 1px;
  text-align: center;
  width: 40px;
  height: 35px;
}
.membership__container section div.domainname-id input, aside.request__container section div.domainname-id input {
  padding-left: 45px;
  margin-bottom: 0;
}
.membership__container section article.lir-contacts, aside.request__container section article.lir-contacts {
  padding: 20px;
  background-color: #fafafa;
  margin-top: 15px;
}
.membership__container section article.lir-contacts > div.fields, aside.request__container section article.lir-contacts > div.fields {
  width: 40%;
  margin-right: 25px;
}
.membership__container section article.lir-contacts > div.category, aside.request__container section article.lir-contacts > div.category {
  width: 50%;
}
.membership__container section article.lir-contacts > div.category h5, aside.request__container section article.lir-contacts > div.category h5 {
  font-size: 18px;
  margin-top: 0 !important;
}
.membership__container section article.lir-contacts > div.category ul li input, aside.request__container section article.lir-contacts > div.category ul li input {
  position: relative !important;
}
.membership__container section article.lir-contacts > div.category ul li label, aside.request__container section article.lir-contacts > div.category ul li label {
  padding-left: 5px;
}
.membership__container section article.lir-contacts > div.category ul li em, aside.request__container section article.lir-contacts > div.category ul li em {
  margin-top: 10px;
}
.membership__container section article.add-lir-contact, aside.request__container section article.add-lir-contact {
  margin-top: 15px;
}
.membership__container section article.add-lir-contact div.invalid-input, aside.request__container section article.add-lir-contact div.invalid-input {
  margin-bottom: 10px;
}
.membership__container section article.add-lir-contact button.blue-button, aside.request__container section article.add-lir-contact button.blue-button, .membership__container section article.add-lir-contact button.grey-button, aside.request__container section article.add-lir-contact button.grey-button {
  margin-top: 5px;
}

aside.request__container {
  width: 67%;
}
aside.request__container p.supporting-notes {
  margin: 20px 0 0 0 !important;
}
aside.request__container ul.one-column > li {
  margin-bottom: 15px;
}
aside.request__container ul.one-column > li label {
  padding-left: 0;
}
aside.request__container ul.one-column > li select {
  width: auto !important;
}
aside.request__container ul.one-column > li > input, aside.request__container ul.one-column > li div.ui-select-container, aside.request__container ul.one-column > li input.select-with-other-input {
  width: 60%;
}
aside.request__container ul.one-column > li > select-with-other-input {
  position: relative;
  width: 100% !important;
  display: inline-block;
}
aside.request__container ul.one-column > li > select-with-other-input input.select-with-other-input {
  position: absolute;
  background: #fff;
  width: 50% !important;
  border: 0 !important;
  top: 2px;
  left: 5px;
  padding: 6px;
  margin-bottom: 0 !important;
}
aside.request__container ul.one-column > li .purpose-field {
  min-width: 185px;
  font-size: 14px;
}

.popover .popover-inner .popover-content p {
  line-height: normal !important;
  margin-bottom: 0;
  font-weight: 400;
}
.popover.popover-wide {
  width: 30rem;
}

/** V2 CSS for all wizard based screens */
.wizard-content h1 {
  margin-top: 0;
  margin-bottom: 2.5rem;
  font-weight: 400;
  font-size: 2.5rem;
}
.wizard-content h4 {
  margin-top: 0 !important;
  margin-bottom: 1rem;
  font-weight: 600;
  font-size: 1.6rem;
  line-height: 1.6rem;
  color: #333;
}
.wizard-content p {
  margin-bottom: 2rem;
}
.wizard-content p:last-child {
  margin-bottom: 0;
}
.wizard-content .tabular-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.wizard-content .tabular-box .block {
  width: calc(50% - 1rem);
  margin-bottom: 1.5rem;
}
.wizard-content .tabular-box .block-wide {
  width: 100%;
  margin-bottom: 1.5rem;
}
.wizard-content .tabular-box .label {
  color: #777;
  font-size: 1em;
  padding: 0;
  font-weight: 400;
  text-align: left;
  display: block;
  margin-bottom: 0.7rem;
}
.wizard-content .tabular-box .label a {
  margin-bottom: 1rem;
}
.wizard-content .multi-block input {
  width: calc(50% - 1rem) !important;
}
.wizard-content input[type=text], .wizard-content input[type=number], .wizard-content input[type=email], .wizard-content input[type=password] {
  width: 100%;
  padding: 0.5rem 0.625rem;
  box-sizing: border-box;
  background: none;
  font-size: inherit;
  color: #333;
  height: auto;
  line-height: normal;
}
.wizard-content input[type=text]:disabled, .wizard-content input[type=number]:disabled, .wizard-content input[type=email]:disabled, .wizard-content input[type=password]:disabled {
  background-color: #f5f5f5;
}
.wizard-content input[type=text]:focus, .wizard-content input[type=number]:focus, .wizard-content input[type=email]:focus, .wizard-content input[type=password]:focus {
  border: 1px solid #999;
}
.wizard-content input[type=radio], .wizard-content input[type=checkbox] {
  margin: 0.375rem 0 0 0;
  position: absolute;
  left: 0;
  width: auto;
}
.wizard-content textarea {
  width: 100%;
  font-size: 1em !important;
  border: 1px solid #E0E0E0;
  height: 100px;
  padding: 10px 8px;
}
.wizard-content textarea:disabled {
  background-color: #F5F5F5;
}
.wizard-content .section-intro {
  color: #777;
  margin-bottom: 1rem;
}
.wizard-content section {
  float: left;
  width: 100%;
  margin-bottom: 3.125rem;
}
.wizard-content section.small-margin {
  margin-bottom: 1.25rem;
  margin-top: -1.25rem;
}
.wizard-content section ul.two-column {
  list-style: none;
  padding: 0;
  margin: 1.25rem 0 0 0;
}
.wizard-content section ul.two-column > li {
  width: calc(50% - 2 * 1.25rem);
  display: inline-block !important;
  margin: 0 0.95rem 0.95rem 0;
  vertical-align: top;
}
.wizard-content section ul.two-column > li label {
  margin-left: 0;
  padding-left: 0;
}
.wizard-content section label {
  font-size: 14px;
  font-weight: 400;
  color: #333;
  clear: both;
  margin: 0 0 10px 0;
  padding-left: 20px;
}
.wizard-content section .updateregistry__registrytable {
  width: 100%;
  border: 1px dashed #E0E0E0;
  border-spacing: 10px;
  border-collapse: separate;
}
.wizard-content section .updateregistry__registrytable tbody tr td {
  vertical-align: top;
}
.wizard-content section .updateregistry__registrytable tbody tr td.ng-binding {
  width: 70%;
}
.wizard-content section .updateregistry__documentstable {
  width: 100%;
  padding: 0;
  margin: 0;
}
.wizard-content section .updateregistry__documentstable tr {
  border-bottom: 1px solid #E0E0E0;
  vertical-align: top;
  margin-bottom: 5px;
}
.wizard-content section .updateregistry__documentstable tr td {
  padding: 10px 0 10px 0;
}
.wizard-content section .updateregistry__documentstable tr td p {
  margin: 0 !important;
}
.wizard-content section .updateregistry__documentstable tr td.name {
  min-width: 250px;
  padding-right: 20px !important;
}
.wizard-content .lir-change .switch-parties {
  white-space: nowrap;
}
.wizard-content .lir-change .switch-parties:hover {
  cursor: pointer;
}
.wizard-content .inline-link {
  float: right;
  font-weight: 400;
  font-size: 1.4rem;
}
.wizard-content .reg-id {
  display: flex;
  justify-content: flex-start;
  border: 1px solid #d7d7d7;
  height: 3.5rem;
}
.wizard-content .reg-id .prefix {
  background-color: #e6e6e6;
  padding-top: 0.5rem;
  text-align: center;
  width: 4.5rem;
  height: 100%;
}
.wizard-content .reg-id .input {
  height: 100%;
  padding: 0.5rem;
}
.wizard-content .reg-id .input input {
  border: 0;
  padding: 0 !important;
  margin-bottom: 0;
  margin-left: 0;
}
.wizard-content .reg-id div {
  border: 0;
}

/** RIPE NCC web components */
html {
  --mdc-typography-font-family: Public Sans;
  --mdc-theme-primary: #080037;
  --mdc-theme-secondary: #080037;
  --mdc-shape-small: 4px;
  --mdc-shape-medium: 4px;
  --mdc-shape-large: 4px;
}

.web-component {
  --ripe-app-font-family: "Public Sans";
  --ripe-app-header-icon-bg: #c0c0c0;
  --ripe-app-border-line: #2f2c56;
  --ripe-app-navbar-active-menuitem: #FFFFFF;
  --ripe-app-navbar-indicator: #F59331;
  --ripe-app-primary-100: #080037;
  --ripe-app-primary-20: #D7DCE8;
  --ripe-app-header-icon-hover: var(--ripe-app-primary-100);
  --ripe-app-navbar-background: var(--ripe-app-primary-100);
  --ripe-app-navbar-menuitem: var(--ripe-app-primary-20);
}
.web-component #apps-list li {
  font-weight: 400 !important;
  font-size: 1.1em !important;
}

#app-grid {
  display: grid;
  grid-template-columns: [left] max-content [right] auto;
}

@media only screen and (max-width: 1024px) {
  #app-grid {
    grid-template-columns: [left] 0 [right] auto;
  }
}
@media only screen and (min-width: 1025px) {
  #app-grid {
    grid-template-columns: [left] max-content [right] auto;
  }
}
swe-menu {
  display: contents;
}
swe-menu app-nav-bar {
  grid-column: left;
  grid-row-end: 1000 span;
}

#app-banners-container {
  position: sticky;
  top: 70px;
  background-color: white;
  z-index: 99;
}

#app-workspace {
  grid-column: right;
  margin: 24px;
  background-color: white;
}

.web-component {
  font-size: unset;
}