/* SCREEN SIZES */
/* NAVBAR */
/* SIDEBAR */
/* COLORS */
/* TRANSITIONS */
/* BORDERS */
html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.apg-form .apg-group input {
  background: transparent !important;
  padding: 1.3em 1em;
  font-weight: 100;
  box-shadow: none;
  border-radius: 5px !important;
}

.apg-form .apg-group .button-ok {
  color: #ffffff;
  font-weight: normal;
  box-shadow: none;
  border: 1px solid transparent;
  font-size: 18px;
  text-transform: uppercase;
  background-color: #4EAC39;
  padding: 1.2em 1em;
  border-radius: 5px;
}

.apg-form .apg-group .button-cancel {
  color: #ffffff;
  font-weight: normal;
  border: 1px solid transparent;
  text-transform: uppercase;
  box-shadow: none;
  font-size: 18px;
  background-color: #d95343;
  padding: 1.2em 1em;
  border-radius: 5px;
}

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

hr {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

.apg-align-right {
  text-align: right;
}

.apg-align-center {
  text-align: center;
}

/* OVERLAY */
.overlay {
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 100;
}

.overlay-focused-element {
  z-index: 101;
  position: relative;
  box-shadow: 0 0 1em 0 rgba(43, 51, 54, 0.3);
}
.overlay-focused-element .md-autocomplete-suggestions-container {
  z-index: 103;
}
.overlay-focused-element .panel-heading {
  pointer-events: none;
}
.overlay-focused-element .apg-add-item {
  pointer-events: none;
}

.overlay-focused-selectors {
  z-index: 102;
  position: relative;
  box-shadow: 0 0 1em 0 rgba(43, 51, 54, 0.3);
}

/* HEADER */
.apg-header {
  text-transform: uppercase;
  margin-bottom: 1em;
}

/* MESSAGES */
.apg-message {
  padding: 1em 1.5em;
  line-height: 1.4285em;
  margin: 1em 0;
}
.apg-message:not(:empty) {
  display: block;
}
.apg-message.apg-message-error {
  color: #ff8c8c;
}

/* VERTICAL FLIP ANIMATION */
.apg-animation.flip-vertical-show {
  animation-name: flip-vertical-show;
  animation-duration: 250ms;
}

.apg-animation.flip-vertical-hide {
  animation-name: flip-vertical-hide;
  animation-duration: 250ms;
}

.apg-animation.hidden {
  display: none !important;
  transform-style: preserve-3d;
}

@keyframes flip-vertical-show {
  from {
    transform: rotateX(-90deg);
  }
  to {
    transform: rotateX(0deg);
  }
}
@keyframes flip-vertical-hide {
  from {
    transform: rotateX(0deg);
  }
  to {
    transform: rotateX(90deg);
  }
}
/* CHECKMARK ANIMATION SIGN */
.apg-animation.checkmark {
  border-radius: 5px;
  position: relative;
  display: inline-block;
  width: 100%;
  height: 100%;
}
.apg-animation.checkmark:after {
  opacity: 0;
  height: 15px;
  width: 7.5px;
  transform-origin: top;
  border-right: 3px solid white;
  border-top: 3px solid white;
  border-radius: 2.5px !important;
  content: "";
  left: calc(50% - 8px);
  top: 0;
  position: absolute;
}
.apg-animation.checkmark.draw:after {
  animation-delay: 100ms;
  animation-duration: 1s;
  animation-timing-function: ease;
  animation-name: checkmark;
  transform: scaleX(-1) rotate(135deg);
  animation-fill-mode: forwards;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

@keyframes checkmark {
  0% {
    height: 0;
    width: 0;
    opacity: 1;
  }
  20% {
    height: 0;
    width: 7.5px;
    opacity: 1;
  }
  40% {
    height: 15px;
    width: 7.5px;
    opacity: 1;
  }
  100% {
    height: 15px;
    width: 7.5px;
    opacity: 1;
  }
}
body {
  font-family: Helvetica, sans-serif;
  font-weight: lighter;
  font-size: 16px;
  color: #2B3336;
  background-color: #ffffff;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  transition: background-color 5000s ease-in-out 0s;
}

.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}
.fade.in {
  opacity: 1;
}

.collapse {
  display: none;
}
.collapse.in {
  display: block;
}

tr.collapse.in {
  display: table-row;
}

tbody.collapse.in {
  display: table-row-group;
}

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition-property: height, visibility;
  transition-property: height, visibility;
  -webkit-transition-duration: 0.35s;
  transition-duration: 0.35s;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
}

.panel {
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

.panel-body {
  padding: 15px;
}
.panel-body:before, .panel-body:after {
  display: table;
  content: " ";
}
.panel-body:after {
  clear: both;
}

.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.panel-heading > .dropdown .dropdown-toggle {
  color: inherit;
}

.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  color: inherit;
}
.panel-title > a,
.panel-title > small,
.panel-title > .small,
.panel-title > small > a,
.panel-title > .small > a {
  color: inherit;
}

.panel-footer {
  padding: 10px 15px;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.panel > .list-group,
.panel > .panel-collapse > .list-group {
  margin-bottom: 0;
}
.panel > .list-group .list-group-item,
.panel > .panel-collapse > .list-group .list-group-item {
  border-width: 1px 0;
  border-radius: 0;
}
.panel > .list-group:first-child .list-group-item:first-child,
.panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
  border-top: 0;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.panel > .list-group:last-child .list-group-item:last-child,
.panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
  border-bottom: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.panel-heading + .list-group .list-group-item:first-child {
  border-top-width: 0;
}

.list-group + .panel-footer {
  border-top-width: 0;
}

.panel > .table,
.panel > .table-responsive > .table,
.panel > .panel-collapse > .table {
  margin-bottom: 0;
}
.panel > .table caption,
.panel > .table-responsive > .table caption,
.panel > .panel-collapse > .table caption {
  padding-right: 15px;
  padding-left: 15px;
}
.panel > .table:first-child,
.panel > .table-responsive:first-child > .table:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
  border-top-left-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
  border-top-right-radius: 3px;
}
.panel > .table:last-child,
.panel > .table-responsive:last-child > .table:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
  border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
  border-bottom-right-radius: 3px;
}
.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive,
.panel > .table + .panel-body,
.panel > .table-responsive + .panel-body {
  border-top: 1px solid #ddd;
}
.panel > .table > tbody:first-child > tr:first-child th,
.panel > .table > tbody:first-child > tr:first-child td {
  border-top: 0;
}
.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
  border: 0;
}
.panel > .table-bordered > thead > tr > th:first-child,
.panel > .table-bordered > thead > tr > td:first-child,
.panel > .table-bordered > tbody > tr > th:first-child,
.panel > .table-bordered > tbody > tr > td:first-child,
.panel > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-bordered > tfoot > tr > td:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
  border-left: 0;
}
.panel > .table-bordered > thead > tr > th:last-child,
.panel > .table-bordered > thead > tr > td:last-child,
.panel > .table-bordered > tbody > tr > th:last-child,
.panel > .table-bordered > tbody > tr > td:last-child,
.panel > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-bordered > tfoot > tr > td:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
  border-right: 0;
}
.panel > .table-bordered > thead > tr:first-child > td,
.panel > .table-bordered > thead > tr:first-child > th,
.panel > .table-bordered > tbody > tr:first-child > td,
.panel > .table-bordered > tbody > tr:first-child > th,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
  border-bottom: 0;
}
.panel > .table-bordered > tbody > tr:last-child > td,
.panel > .table-bordered > tbody > tr:last-child > th,
.panel > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-bordered > tfoot > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
  border-bottom: 0;
}
.panel > .table-responsive {
  margin-bottom: 0;
  border: 0;
}

.panel-group {
  margin-bottom: 20px;
}
.panel-group .panel {
  margin-bottom: 0;
  border-radius: 4px;
}
.panel-group .panel + .panel {
  margin-top: 5px;
}
.panel-group .panel-heading {
  border-bottom: 0;
}
.panel-group .panel-heading + .panel-collapse > .panel-body,
.panel-group .panel-heading + .panel-collapse > .list-group {
  border-top: 1px solid #ddd;
}
.panel-group .panel-footer {
  border-top: 0;
}
.panel-group .panel-footer + .panel-collapse .panel-body {
  border-bottom: 1px solid #ddd;
}

.panel-default {
  border-color: #ddd;
}
.panel-default > .panel-heading {
  color: #333333;
  background-color: #f5f5f5;
  border-color: #ddd;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ddd;
}
.panel-default > .panel-heading .badge {
  color: #f5f5f5;
  background-color: #333333;
}
.panel-default > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ddd;
}

.panel-primary {
  border-color: rgb(51.4340909091, 122.2772727273, 183.4159090909);
}
.panel-primary > .panel-heading {
  color: #fff;
  background-color: rgb(51.4340909091, 122.2772727273, 183.4159090909);
  border-color: rgb(51.4340909091, 122.2772727273, 183.4159090909);
}
.panel-primary > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: rgb(51.4340909091, 122.2772727273, 183.4159090909);
}
.panel-primary > .panel-heading .badge {
  color: rgb(51.4340909091, 122.2772727273, 183.4159090909);
  background-color: #fff;
}
.panel-primary > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: rgb(51.4340909091, 122.2772727273, 183.4159090909);
}

.panel-success {
  border-color: rgb(213.7777777778, 232.9166666667, 197.5833333333);
}
.panel-success > .panel-heading {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: rgb(213.7777777778, 232.9166666667, 197.5833333333);
}
.panel-success > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: rgb(213.7777777778, 232.9166666667, 197.5833333333);
}
.panel-success > .panel-heading .badge {
  color: #dff0d8;
  background-color: #3c763d;
}
.panel-success > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: rgb(213.7777777778, 232.9166666667, 197.5833333333);
}

.panel-info {
  border-color: rgb(187.5086956522, 231.9108695652, 240.7913043478);
}
.panel-info > .panel-heading {
  color: #31708f;
  background-color: #d9edf7;
  border-color: rgb(187.5086956522, 231.9108695652, 240.7913043478);
}
.panel-info > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: rgb(187.5086956522, 231.9108695652, 240.7913043478);
}
.panel-info > .panel-heading .badge {
  color: #d9edf7;
  background-color: #31708f;
}
.panel-info > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: rgb(187.5086956522, 231.9108695652, 240.7913043478);
}

.panel-warning {
  border-color: rgb(249.5322580645, 234.6478494624, 203.9677419355);
}
.panel-warning > .panel-heading {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: rgb(249.5322580645, 234.6478494624, 203.9677419355);
}
.panel-warning > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: rgb(249.5322580645, 234.6478494624, 203.9677419355);
}
.panel-warning > .panel-heading .badge {
  color: #fcf8e3;
  background-color: #8a6d3b;
}
.panel-warning > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: rgb(249.5322580645, 234.6478494624, 203.9677419355);
}

.panel-danger {
  border-color: rgb(234.7934782609, 203.7065217391, 208.8876811594);
}
.panel-danger > .panel-heading {
  color: #a94442;
  background-color: #f2dede;
  border-color: rgb(234.7934782609, 203.7065217391, 208.8876811594);
}
.panel-danger > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: rgb(234.7934782609, 203.7065217391, 208.8876811594);
}
.panel-danger > .panel-heading .badge {
  color: #f2dede;
  background-color: #a94442;
}
.panel-danger > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: rgb(234.7934782609, 203.7065217391, 208.8876811594);
}

.panel-heading {
  border-radius: 5px;
}

uib-accordion .panel-group .panel {
  border-radius: 5px;
}
uib-accordion .panel-group .panel.panel-open > .panel-heading {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
uib-accordion .panel-group .panel.not-openable > .panel-heading {
  cursor: initial;
}
uib-accordion .panel-group .panel .panel-heading {
  padding: 0;
  color: #ffffff;
  background-color: #2B3336;
  cursor: pointer;
  border-radius: 5px;
}
uib-accordion .panel-group .panel .panel-heading .panel-title {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 80px;
}
uib-accordion .panel-group .panel .panel-heading .panel-title > div {
  padding: 0 0.9em;
  font-size: 1.85em;
}
uib-accordion .panel-group .panel .panel-heading .panel-title > div input {
  position: relative;
  background: transparent;
  border: 0;
  font-weight: 200;
  z-index: 10;
  min-width: 15em;
}
uib-accordion .panel-group .panel .panel-heading .panel-title > div input:hover, uib-accordion .panel-group .panel .panel-heading .panel-title > div input:focus {
  outline: none;
}
uib-accordion .panel-group .panel .panel-heading .panel-title > div .accordion-heading {
  display: flex;
  align-items: center;
}
uib-accordion .panel-group .panel .panel-heading .panel-title > div .accordion-heading.is-reused-entity {
  font-style: italic;
}
uib-accordion .panel-group .panel .panel-heading .panel-title > div .accordion-heading .accordion-header-clickable {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
}
uib-accordion .panel-group .panel .panel-heading .panel-title > div .accordion-heading .accordion-header-clickable:hover, uib-accordion .panel-group .panel .panel-heading .panel-title > div .accordion-heading .accordion-header-clickable:focus {
  outline: none;
}
uib-accordion .panel-group .panel .panel-heading .panel-title > div .accordion-heading .accordion-header-name-edit {
  line-height: 1;
  position: relative;
  display: inline-block;
  z-index: 10;
}
uib-accordion .panel-group .panel .panel-heading .panel-title > div .accordion-heading .accordion-header-name-edit:hover .edit-name-button.edit {
  display: initial;
}
uib-accordion .panel-group .panel .panel-heading .panel-title > div .accordion-heading .accordion-header-name-edit [contenteditable] {
  display: inline-block;
  min-width: 1em;
}
uib-accordion .panel-group .panel .panel-heading .panel-title > div .accordion-heading .accordion-header-name-edit [contenteditable].bordered {
  border-bottom: 3px solid transparent;
}
uib-accordion .panel-group .panel .panel-heading .panel-title > div .accordion-heading .accordion-header-name-edit [contenteditable].bordered.bordered-error {
  border-color: #BC5355;
}
uib-accordion .panel-group .panel .panel-heading .panel-title > div .accordion-heading .accordion-header-name-edit [contenteditable]:focus {
  outline: none;
}
uib-accordion .panel-group .panel .panel-heading .panel-title > div .accordion-heading .accordion-header-name-edit [contenteditable=true] {
  cursor: initial;
}
uib-accordion .panel-group .panel .panel-heading .panel-title > div .accordion-heading .accordion-header-name-edit [role=button]:focus {
  outline: none;
}
uib-accordion .panel-group .panel .panel-heading .panel-title > div .accordion-heading .accordion-header-name-edit .accordion-header-subtitle {
  font-size: 0.55em;
}
uib-accordion .panel-group .panel .panel-heading .panel-title > div .accordion-heading .accordion-header-name-edit .edit-name-button {
  padding: 0;
  background: none;
  border: none;
  display: inline-block;
}
uib-accordion .panel-group .panel .panel-heading .panel-title > div .accordion-heading .accordion-header-name-edit .edit-name-button md-icon {
  font-size: 0.7em;
  color: #ffffff;
}
uib-accordion .panel-group .panel .panel-heading .panel-title > div .accordion-heading .accordion-header-name-edit .edit-name-button:focus {
  outline: none;
}
uib-accordion .panel-group .panel .panel-heading .panel-title > div .accordion-heading .accordion-header-name-edit .edit-name-button.edit {
  display: none;
}
uib-accordion .panel-group .panel .panel-heading .panel-title > div .accordion-heading .accordion-header-options {
  flex-grow: 1;
  display: flex;
  justify-content: flex-end;
}
uib-accordion .panel-group .panel .panel-heading .panel-title > div .accordion-heading .accordion-header-options .buttons {
  z-index: 23;
}
uib-accordion .panel-group .panel .panel-heading .panel-title > div .accordion-heading .accordion-header-options .buttons button {
  background: transparent;
  min-width: initial;
  margin: 0;
  padding: 0;
}
uib-accordion .panel-group .panel .panel-heading .panel-title > div .accordion-heading .accordion-header-options .buttons button:hover {
  background: transparent;
}
uib-accordion .panel-group .panel .panel-heading .panel-title > div .accordion-heading .accordion-header-options .buttons button md-icon {
  color: #ffffff;
}
uib-accordion .panel-group .panel .panel-heading .panel-title > div .accordion-heading .accordion-header-options md-fab-speed-dial .md-button md-icon {
  color: #ffffff;
}
uib-accordion .panel-group .panel .panel-heading .panel-title > div .accordion-heading .accordion-header-options md-fab-speed-dial md-fab-trigger .md-button {
  background: #2B3336;
  border: 0;
  box-shadow: none;
  padding: 0;
  margin: 0;
  min-height: initial;
  min-width: 3em;
  line-height: normal;
}
uib-accordion .panel-group .panel .panel-heading .panel-title > div .accordion-heading .accordion-header-options md-fab-speed-dial md-fab-actions .md-button {
  background: #2B3336;
  border: 0;
  box-shadow: none;
  padding: 0;
  margin: 0;
  min-height: initial;
  min-width: 3em;
  line-height: normal;
}
uib-accordion .panel-group .panel .panel-heading .panel-title > div .accordion-heading .accordion-header-error {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  box-shadow: 0 0 0 5px #BC5355;
}
uib-accordion .panel-group .panel .panel-collapse .panel-body {
  padding: 1.79em;
  border-width: 0 1px 1px;
  border-color: rgba(43, 51, 54, 0.3);
  border-style: solid;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
uib-accordion uib-accordion .panel-group .panel {
  border-radius: 0;
}
uib-accordion uib-accordion .panel-group .panel .panel-heading .panel-title {
  height: 64px;
}
uib-accordion uib-accordion .panel-group .panel .panel-heading .panel-title > div {
  font-size: 1.5em !important;
}
uib-accordion uib-accordion .panel-group .panel .panel-heading .panel-title > div .accordion-heading .accordion-header-name-edit .accordion-header-subtitle {
  font-size: 0.6em;
}
uib-accordion uib-accordion uib-accordion .panel-group .panel .panel-heading .panel-title {
  height: 52px;
}
uib-accordion uib-accordion uib-accordion .panel-group .panel .panel-heading .panel-title > div {
  font-size: 1.15em !important;
}
uib-accordion uib-accordion uib-accordion .panel-group .panel .panel-heading .panel-title > div .accordion-heading .accordion-header-name-edit .accordion-header-subtitle {
  font-size: 0.7em;
}
uib-accordion uib-accordion uib-accordion .panel-group .panel .panel-heading .panel-title > div .accordion-heading .accordion-header-name-edit .edit-name-button md-icon {
  font-size: 0.9em;
}
uib-accordion uib-accordion uib-accordion uib-accordion .panel-group .panel .panel-heading .panel-title {
  height: 40px;
}
uib-accordion uib-accordion uib-accordion uib-accordion .panel-group .panel .panel-heading .panel-title > div {
  font-size: 0.95em !important;
}
uib-accordion uib-accordion uib-accordion uib-accordion .panel-group .panel .panel-heading .panel-title > div .accordion-heading .accordion-header-name-edit .edit-name-button md-icon {
  font-size: 0.7em;
}

.apg-add-api {
  display: flex;
  justify-content: center;
  flex-direction: column;
  height: 80px;
  align-items: flex-end;
  position: relative;
}

.add-api-button {
  display: flex;
  align-items: center;
}

.add-api-icon-container {
  background-color: #6494EC;
  border-radius: 50%;
  padding: 8px;
  margin-right: 8px;
}

.add-api-icon {
  color: white;
  font-size: 32px;
}

.add-api-text {
  text-transform: uppercase;
  margin-right: 10px;
}

.apg-add-item {
  display: flex;
  justify-content: center;
  flex-direction: column;
  height: 75px;
  border: 1px solid rgba(43, 51, 54, 0.3);
  position: relative;
  border-radius: 5px;
}
.apg-add-item:not(:last-child) {
  margin-bottom: 1.75em;
}
.apg-add-item.second-level {
  height: 64px;
}
.apg-add-item.second-level .form-content .apg-form input {
  font-size: 1.5em;
}
.apg-add-item.third-level {
  height: 52px;
}
.apg-add-item.third-level .form-content {
  padding: 0 0.8em;
}
.apg-add-item.third-level .form-content .apg-form input {
  font-size: 1.3em;
}
.apg-add-item.fourth-level {
  height: 40px;
}
.apg-add-item.fourth-level .form-content {
  padding: 0 0.8em;
}
.apg-add-item.fourth-level .form-content .apg-form input {
  font-size: 1.2em;
}
.apg-add-item:hover {
  border-color: #2B3336;
}
.apg-add-item:hover .plus-header .plus-header-text {
  color: #2B3336;
}
.apg-add-item:hover .plus-header .plus-header-text md-icon {
  color: #2B3336;
}
.apg-add-item .plus-header {
  cursor: pointer;
  text-align: center;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}
.apg-add-item .plus-header:focus {
  outline: none;
}
.apg-add-item .plus-header .plus-header-text {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: rgba(43, 51, 54, 0.3);
}
.apg-add-item .plus-header .plus-header-text md-icon {
  color: rgba(43, 51, 54, 0.3);
  margin-top: -0.17em;
}
.apg-add-item .form-content {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #2B3336;
  padding: 0 1.5em;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}
.apg-add-item .form-content .apg-g > div {
  align-self: center;
}
.apg-add-item .form-content .apg-form {
  flex: 1;
}
.apg-add-item .form-content .apg-form input {
  background-color: transparent;
  color: #2B3336;
  font-size: 1.85em;
  border: 0;
  padding: 0;
  box-shadow: none;
  border-radius: 0px;
}
.apg-add-item .form-content .apg-form input.bordered {
  border-bottom: 3px solid transparent;
}
.apg-add-item .form-content .apg-form input.bordered.bordered-error {
  border-color: #BC5355;
}
.apg-add-item .form-content .apg-form button {
  border: 0;
  background-color: transparent;
  transition: opacity 0.25s ease-in-out;
}
.apg-add-item .form-content .apg-form button:focus {
  outline: none;
}
.apg-add-item .form-content .apg-form button:hover {
  opacity: 0.5;
}
.apg-add-item .errors {
  position: absolute;
  bottom: -1.3em;
  left: 0;
  font-size: 0.8em;
  color: #BC5355;
}

.apg-button {
  min-width: 7em;
  color: #ffffff;
  font-weight: normal;
  text-transform: none;
  background-color: #2B3336;
  border: 1px solid transparent;
  padding: 0.4em 1em;
  box-shadow: none;
  transition: opacity 0.25s ease-in-out;
  border-radius: 5px;
}
.apg-button.cancel {
  background-color: transparent;
  color: #2B3336;
}
.apg-button.cancel.inverted {
  border-color: #ffffff;
  color: #ffffff;
}
.apg-button.delete {
  border: 1px solid #BC5355;
  background-color: #BC5355;
}
.apg-button.save:hover {
  background: rgba(43, 51, 54, 0.5);
}
.apg-button.save.inverted {
  border: 1px solid #ffffff;
  background-color: #ffffff;
  color: #2B3336;
}
.apg-button.save.inverted:hover {
  color: #2B3336;
}
.apg-button.save.inverted:focus {
  color: #2B3336;
}
.apg-button.success {
  background-color: #49AB39;
}
.apg-button.error {
  background-color: #BC5355;
}
.apg-button:hover {
  opacity: 0.5;
}
.apg-button:focus {
  background-image: none;
  color: #ffffff;
  outline: none;
}
.apg-button.disabled, .apg-button[disabled] {
  pointer-events: none;
}
.apg-button.right-floated {
  float: right;
}

.apg-button-group {
  margin-bottom: 1rem;
}
.apg-button-group.disabled, .apg-button-group[disabled] {
  pointer-events: none;
}
.apg-button-group .apg-button {
  float: left;
  background-color: #2B3336;
  color: #ffffff;
  text-transform: none;
  border-radius: 0;
  border: 0;
  transition: all 0.25s ease-in-out;
  min-width: 9em;
  display: inline-block;
  padding: 0.5em 1em;
  text-align: center;
  cursor: pointer;
}
.apg-button-group .apg-button:hover {
  background-color: rgba(43, 51, 54, 0.5);
}
.apg-button-group .apg-button:focus {
  outline: none;
}
.apg-button-group .apg-button:first-child, .apg-button-group .apg-button:last-child {
  border-radius: 0;
}
.apg-button-group .apg-button.selected {
  background-color: rgba(43, 51, 54, 0.7);
}

.ptp-sidebar-menu-toggle-move.active .editor-bar-container {
  width: calc(100% - 170px);
  left: 170px;
}

.editor-bar-container {
  display: none;
  position: fixed;
  left: 75px;
  right: 75px;
  bottom: 0;
  z-index: 50;
}

.editor-bar {
  display: flex;
  width: 100%;
  padding: 0.5em 1.5em;
  background-color: rgba(73, 171, 57, 0.75);
  color: #ffffff;
  align-items: center;
}
.editor-bar .breadcrumbs {
  flex: 2;
}
.editor-bar .breadcrumbs .breadcrumb .text {
  font-weight: bold;
}
.editor-bar .breadcrumbs .breadcrumb .text.is-clickable {
  cursor: pointer;
}
.editor-bar .breadcrumbs .breadcrumb .text:focus {
  outline: none;
}
.editor-bar .breadcrumbs .breadcrumb .separator md-icon {
  color: #ffffff;
}
.editor-bar .controllers {
  flex: 1;
  text-align: right;
}
.editor-bar .controllers .apg-button {
  padding: 0.25em 1em;
  width: auto;
  min-width: 7em;
  font-size: 0.9em;
}
.editor-bar .controllers .apg-button.save.inverted {
  color: #49AB39;
}

.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-top: 4px solid \9 ;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}

.dropup,
.dropdown {
  position: relative;
}

.dropdown-toggle:focus {
  outline: 0;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}
.dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: 400;
  line-height: 1.428571429;
  color: #333333;
  white-space: nowrap;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
  color: rgb(38.25, 38.25, 38.25);
  text-decoration: none;
  background-color: #f5f5f5;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  background-color: rgb(51.4340909091, 122.2772727273, 183.4159090909);
  outline: 0;
}

.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
  color: rgb(119.085, 119.085, 119.085);
}
.dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

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

.dropdown-menu-right {
  right: 0;
  left: auto;
}

.dropdown-menu-left {
  right: auto;
  left: 0;
}

.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.428571429;
  color: rgb(119.085, 119.085, 119.085);
  white-space: nowrap;
}

.dropdown-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 990;
}

.pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  content: "";
  border-top: 0;
  border-bottom: 4px dashed;
  border-bottom: 4px solid \9 ;
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px;
}

@media (min-width: 768px) {
  .navbar-right .dropdown-menu {
    right: 0;
    left: auto;
  }
  .navbar-right .dropdown-menu-left {
    left: 0;
    right: auto;
  }
}
::-webkit-input-placeholder,
:-moz-placeholder,
::-moz-placeholder,
:-ms-input-placeholder {
  color: rgba(43, 51, 54, 0.8) !important;
}

[ng-messages],
[ng-messages] [ng-message] {
  color: #BC5355 !important;
}

md-chips {
  margin: 0 0 18px;
}
md-chips.is-reused-entity .md-chips md-chip .md-chip-content {
  font-style: italic;
}
md-chips.ng-touched.ng-invalid .md-chips {
  box-shadow: 0 1px #BC5355;
}
md-chips.disabled, md-chips[disabled] {
  pointer-events: none;
}
md-chips .md-chips {
  display: flex;
  flex-wrap: wrap;
}
md-chips .md-chips.md-focused {
  box-shadow: 0 2px #2B3336;
}
md-chips .md-chips .md-chip-input-container {
  flex: 1;
}
md-chips .md-chips md-chip {
  border-radius: 0;
  background-color: #2B3336;
  color: #ffffff;
  font-weight: normal;
}
md-chips .md-chips md-chip .md-chip-content {
  padding-right: 0.5em !important;
}
md-chips .md-chips md-chip md-icon {
  font-size: 0.9em;
  color: #ffffff;
}
md-chips .md-chips md-chip.md-focused {
  background-color: #2B3336;
  color: #ffffff;
}
md-chips .md-chips md-chip.md-focused md-icon {
  color: #ffffff;
}
md-chips input {
  font-family: Helvetica, sans-serif;
}

md-input-container.md-input-invalid label {
  color: #BC5355;
}
md-input-container.md-input-invalid md-select.ng-touched.ng-invalid .md-select-value {
  color: #BC5355 !important;
  border-color: #BC5355 !important;
}
md-input-container button, md-input-container select, md-input-container textarea, md-input-container input {
  font-family: Helvetica, sans-serif;
}
md-input-container textarea.md-input {
  min-height: 30px;
}
md-input-container textarea.md-input.disabled, md-input-container textarea.md-input[disabled] {
  background: none;
  border-bottom: 1px solid #eaeaea;
}
md-input-container input.md-input.disabled, md-input-container input.md-input[disabled] {
  background: none;
  border-bottom: 1px solid #eaeaea;
}
md-input-container label {
  color: rgba(43, 51, 54, 0.8);
}
md-input-container:not(.md-input-invalid).md-input-focused .md-input, md-input-container:not(.md-input-invalid).md-input-resized .md-input {
  border-color: #2B3336;
}
md-input-container:not(.md-input-invalid).md-input-focused label, md-input-container:not(.md-input-invalid).md-input-resized label {
  color: #2B3336;
}

md-select.ng-touched.ng-invalid .md-select-value {
  color: #BC5355 !important;
  border-color: #BC5355 !important;
}
md-select.disabled .md-select-value,
md-select [disabled] .md-select-value {
  pointer-events: none;
  background: none;
  border-bottom: 1px solid #eaeaea;
}
md-select.is-reused-entity .md-select-value {
  font-style: italic;
}

.md-open-menu-container {
  z-index: 450;
}

md-backdrop.md-select-backdrop,
md-backdrop.md-menu-backdrop {
  z-index: 449;
}

.md-select-menu-container.md-active {
  z-index: 450;
}
.md-select-menu-container md-select-menu md-content md-option.is-reused-entity {
  font-style: italic;
}

.modal-open .md-select-menu-container {
  z-index: 1100;
}

.md-scroll-mask {
  z-index: 448;
}

md-switch {
  margin-bottom: 36px;
}
md-switch.ng-invalid .md-container .md-bar {
  border: 1px solid #BC5355 !important;
}
md-switch.md-checked .md-container .md-bar {
  background-color: #2B3336;
}
md-switch.md-checked .md-container .md-thumb-container .md-thumb {
  left: 9px;
  background-color: #ffffff;
}
md-switch.disabled {
  pointer-events: none;
}
md-switch .md-container {
  width: 46px;
  height: 28px;
}
md-switch .md-container .md-bar {
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #eaeaea;
  border-radius: 0 !important;
}
md-switch .md-container .md-thumb-container .md-thumb {
  height: 22px;
  width: 19px;
  top: 1px;
  left: 4px;
  box-shadow: none;
  background-color: #ffffff;
  border-radius: 0 !important;
}

md-virtual-repeat-container.md-virtual-repeat-container.md-autocomplete-suggestions-container {
  z-index: 450;
}

md-autocomplete md-autocomplete-wrap {
  box-shadow: none !important;
  background-color: transparent !important;
}

.input:-internal-autofill-selected {
  background-color: transparent !important;
}

.dropdown-menu {
  border-radius: 0;
}
.dropdown-menu .uib-typeahead-match.active a {
  background-color: #2B3336;
  color: #ffffff;
}
.dropdown-menu .uib-typeahead-match a {
  text-decoration: none;
}
.dropdown-menu .uib-typeahead-match a:hover {
  background-color: #eaeaea;
  color: #2B3336;
}

.apg-form.ng-submitted .ng-invalid, form.ng-submitted .ng-invalid {
  border-color: #BC5355 !important;
}
.apg-form.ng-submitted .apg-button-group.ng-invalid .apg-button, form.ng-submitted .apg-button-group.ng-invalid .apg-button {
  background-color: #BC5355;
}
.apg-form input, form input {
  border-color: #2B3336;
}
.apg-form input:focus, form input:focus {
  border-color: #2B3336;
}
.apg-form input.ng-touched.ng-invalid, form input.ng-touched.ng-invalid {
  border-color: #BC5355 !important;
}
.apg-form textarea, form textarea {
  border-color: #2B3336;
}
.apg-form textarea:focus, form textarea:focus {
  border-color: #2B3336;
}
.apg-form textarea.ng-touched.ng-invalid, form textarea.ng-touched.ng-invalid {
  border-color: #BC5355 !important;
}

.box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 75px;
  background-color: #f0f0f0;
  border-radius: 5px;
  position: relative;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
}

.box-header {
  padding: 2%;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
}

.box-content {
  padding: 2%;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
}

.box-subtitle {
  display: flex;
  align-items: end;
}

.icon {
  position: absolute;
  top: 5px;
  right: 5px;
  width: 20px;
  height: 20px;
}

md-icon {
  color: #2B3336;
  min-height: initial;
  min-width: initial;
  height: initial;
  width: initial;
}

.ui-loader-parent {
  height: 100px;
  overflow: hidden;
  position: relative;
}
.ui-loader-parent.custom-template {
  height: inherit;
}

.ui-loader {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 30000;
  cursor: wait;
  background: #ffffff;
}
.ui-loader.basic {
  background: transparent;
}
.ui-loader .ui-loader-image img {
  max-width: 100%;
}
.ui-loader .ui-loader-message {
  margin-top: 1em;
  font-weight: bold;
}

.method-tabs {
  margin-top: 2em;
}
.method-tabs .method-tabs-menu {
  display: flex;
  overflow: hidden;
}
.method-tabs .method-tabs-menu .method-tabs-menu-item {
  flex: 1;
  text-align: center;
  text-transform: uppercase;
  font-size: 1.2em;
  background-color: #ffffff;
  cursor: pointer;
  padding: 1em;
  border: 1px solid rgba(43, 51, 54, 0.3);
  border-left-color: transparent;
  color: rgba(43, 51, 54, 0.5);
  position: relative;
}
.method-tabs .method-tabs-menu .method-tabs-menu-item:first-child {
  border-left: 1px solid rgba(43, 51, 54, 0.3);
}
.method-tabs .method-tabs-menu .method-tabs-menu-item:focus {
  outline: none;
}
.method-tabs .method-tabs-menu .method-tabs-menu-item:hover:not(.active):not(.present) {
  color: #2B3336;
}
.method-tabs .method-tabs-menu .method-tabs-menu-item.present:not(.active) {
  color: #ffffff;
}
.method-tabs .method-tabs-menu .method-tabs-menu-item.active {
  font-weight: bold;
  background-color: #ffffff;
  color: #2B3336;
  border-bottom-color: #ffffff;
}
.method-tabs .method-tabs-menu .method-tabs-menu-item.active.present.head {
  color: #4ee087;
}
.method-tabs .method-tabs-menu .method-tabs-menu-item.active.present.options {
  color: #afb6bb;
}
.method-tabs .method-tabs-menu .method-tabs-menu-item.active.present.get {
  color: #267ef0;
}
.method-tabs .method-tabs-menu .method-tabs-menu-item.active.present.post {
  color: #2db81c;
}
.method-tabs .method-tabs-menu .method-tabs-menu-item.active.present.put {
  color: #f97c1b;
}
.method-tabs .method-tabs-menu .method-tabs-menu-item.active.present.patch {
  color: #9800cc;
}
.method-tabs .method-tabs-menu .method-tabs-menu-item.active.present.delete {
  color: #d30018;
}
.method-tabs .method-tabs-menu .method-tabs-menu-item.head.present:not(.active) {
  background-color: #4ee087;
}
.method-tabs .method-tabs-menu .method-tabs-menu-item.options.present:not(.active) {
  background-color: #afb6bb;
}
.method-tabs .method-tabs-menu .method-tabs-menu-item.get.present:not(.active) {
  background-color: #267ef0;
}
.method-tabs .method-tabs-menu .method-tabs-menu-item.post.present:not(.active) {
  background-color: #2db81c;
}
.method-tabs .method-tabs-menu .method-tabs-menu-item.put.present:not(.active) {
  background-color: #f97c1b;
}
.method-tabs .method-tabs-menu .method-tabs-menu-item.patch.present:not(.active) {
  background-color: #9800cc;
}
.method-tabs .method-tabs-menu .method-tabs-menu-item.delete.present:not(.active) {
  background-color: #d30018;
}
.method-tabs .method-tabs-menu .method-tabs-menu-item .clear {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center;
  color: #BC5355;
}
.method-tabs .method-tabs-menu .method-tabs-menu-item .clear button {
  min-width: initial;
  min-height: initial;
  line-height: initial;
  padding: 0;
  margin: 0;
  background: transparent;
  font-size: 0.6em;
}
.method-tabs .method-tabs-menu .method-tabs-menu-item .clear button:hover {
  background: transparent;
}
.method-tabs .method-tabs-content {
  position: relative;
}
.method-tabs .method-tabs-content .method-tabs-tab {
  display: none;
  padding: 1.75em;
  background-color: #ffffff;
  border-width: 0 1px 1px;
  border-style: solid;
  border-color: rgba(43, 51, 54, 0.3);
}
.method-tabs .method-tabs-content .method-tabs-tab.active {
  display: block;
}
.method-tabs .method-tabs-content .method-tabs-tab.ng-enter, .method-tabs .method-tabs-content .method-tabs-tab.ng-leave {
  transition: opacity 0.2s ease-in-out;
}
.method-tabs .method-tabs-content .method-tabs-tab.ng-enter {
  opacity: 0;
}
.method-tabs .method-tabs-content .method-tabs-tab.ng-enter-active {
  opacity: 1;
}
.method-tabs .method-tabs-content .method-tabs-tab.ng-leave {
  opacity: 1;
}
.method-tabs .method-tabs-content .method-tabs-tab.ng-leave-active {
  opacity: 0;
}
.method-tabs .method-tabs-content .method-tabs-tab .method-tabs-tab-include {
  margin: -1.75em;
  padding: 1.75em;
}

.modal-open {
  overflow: hidden;
}

.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.modal.fade .modal-dialog {
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  -o-transform: translate(0, -25%);
  transform: translate(0, -25%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -moz-transition: -moz-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}
.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}

.modal-content {
  position: relative;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  outline: 0;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
}
.modal-backdrop.fade {
  filter: alpha(opacity=0);
  opacity: 0;
}
.modal-backdrop.in {
  filter: alpha(opacity=50);
  opacity: 0.5;
}

.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
}
.modal-header:before, .modal-header:after {
  display: table;
  content: " ";
}
.modal-header:after {
  clear: both;
}

.modal-header .close {
  margin-top: -2px;
}

.modal-title {
  margin: 0;
  line-height: 1.428571429;
}

.modal-body {
  position: relative;
  padding: 15px;
}

.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}
.modal-footer:before, .modal-footer:after {
  display: table;
  content: " ";
}
.modal-footer:after {
  clear: both;
}
.modal-footer .btn + .btn {
  margin-bottom: 0;
  margin-left: 5px;
}
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

@media (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto;
  }
  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  }
  .modal-sm {
    width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg {
    width: 900px;
  }
}
.modal .modal-dialog .modal-content {
  width: 695px;
  border-radius: 5px;
}
.modal.apg-basic-modal .modal-dialog {
  height: 100%;
  width: 100%;
  margin: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.modal.apg-basic-modal .modal-dialog .modal-content {
  background: transparent;
  box-shadow: none;
  border: none;
  color: #ffffff;
}
.modal.apg-basic-modal .modal-dialog .modal-content .modal-header {
  border: 0;
  text-align: center;
  text-transform: uppercase;
}
.modal.apg-basic-modal .modal-dialog .modal-content .modal-footer {
  border: 0;
}
.modal.apg-delete-confirmation-modal .buttons, .modal.apg-unsaved-changes-modal .buttons {
  margin-top: 2em;
}
.modal.apg-api-export-modal .swagger-container {
  width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 1em;
  margin-bottom: 2em;
  max-height: 600px;
  border: 1px solid #2B3336;
  font-family: monospace;
  font-size: 0.9em;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.modal.apg-api-export-modal .swagger-container.ui-loader-parent {
  height: inherit;
}
.modal.apg-api-export-modal .actions .format md-input-container {
  margin: 0;
}
.modal.apg-api-export-modal .actions .buttons {
  text-align: right;
}
.modal.apg-api-export-modal .actions .buttons .apg-button.copy {
  min-width: 120px;
  min-height: 33px;
}

.splash-screen {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: #2B3336;
  z-index: 1000000;
  transition: opacity 0.75s ease-in-out;
}
.splash-screen.ng-enter {
  opacity: 0;
}
.splash-screen.ng-enter-active {
  opacity: 1;
}
.splash-screen.ng-leave {
  opacity: 1;
}
.splash-screen.ng-leave-active {
  opacity: 0;
}

#toast-container:focus {
  outline: none !important;
}
#toast-container .toast:focus {
  outline: none !important;
}

.page-service {
  margin-top: 160px;
}

.container-service {
  display: flex;
  justify-content: space-between;
  width: 60%;
}

.box-service {
  width: 260px;
  height: 470px;
  border-radius: 5px;
  background-color: #fff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  padding: 15px;
}

.small-box {
  border-radius: 5px;
  width: auto;
  height: auto;
  color: white;
  background-color: #959595;
  margin-top: 20px;
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  padding: 2%;
}

.small-box-button {
  background-color: #4B4B4B;
  text-transform: uppercase;
}

.img-container {
  display: flex;
  width: 100%;
  justify-content: center;
  margin-bottom: 40px;
}

.custom-img {
  width: 150px;
  height: auto;
}

.custom-box {
  width: 100%;
  height: auto;
  border-radius: 5px;
  background-color: #fff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  padding-left: 4%;
  padding-right: 4%;
  margin-top: 40px;
}

.custom-box-header {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  height: 35px;
}

.custom-box-button {
  color: #6494ec;
  background-color: white;
  border-radius: 5px;
  text-transform: uppercase;
}

.custom-input {
  width: 100%;
  border: none;
  border-bottom: 1px solid #000;
  outline: none;
  transition: border-bottom-color 0.3s;
  margin-bottom: 10%;
}

.close-icon {
  float: right;
  font-size: 20px;
  border-radius: 50%;
  background-color: white;
  padding: 5px;
  cursor: pointer;
  transition: background-color 0.3s;
}

.close-icon:hover {
  background-color: #f2f2f2;
}

.ptp-sidebar-menu {
  top: 110px;
  z-index: 50;
  box-shadow: -2px 0 12px rgba(43, 51, 54, 0.5);
  background: #2B3336;
}
.ptp-sidebar-menu.active {
  width: 170px;
}
.ptp-sidebar-menu .ptp-sidebar-menu-item.disabled a.ptp-sidebar-menu-item-link {
  cursor: not-allowed;
}
.ptp-sidebar-menu .ptp-sidebar-menu-item.settings .ptp-sidebar-menu-item-link .icon {
  background-image: url("../../images/menu-icons/white/settings.png");
}
.ptp-sidebar-menu .ptp-sidebar-menu-item.settings.ptp-sidebar-menu-item-active .ptp-sidebar-menu-item-link .icon {
  background-image: url("../../images/menu-icons/white/settings.png");
}
.ptp-sidebar-menu .ptp-sidebar-menu-item:not(:last-child) {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.ptp-sidebar-menu .ptp-sidebar-menu-item:not(.sub-menu):hover {
  background: rgba(255, 255, 255, 0.1);
}
.ptp-sidebar-menu .ptp-sidebar-menu-item:not(.sub-menu) .ptp-sidebar-menu-item-link {
  color: #ffffff;
}
.ptp-sidebar-menu .ptp-sidebar-menu-item:not(.sub-menu) .ptp-sidebar-menu-item-link.ptp-sidebar-menu-toggle {
  background: rgba(255, 255, 255, 0.2);
}
.ptp-sidebar-menu .ptp-sidebar-menu-item:not(.sub-menu) .ptp-sidebar-menu-item-link.ptp-sidebar-menu-toggle:hover {
  background: transparent;
}
.ptp-sidebar-menu .ptp-sidebar-menu-item:not(.sub-menu) .ptp-sidebar-menu-item-link.ptp-sidebar-menu-toggle .arrow:before, .ptp-sidebar-menu .ptp-sidebar-menu-item:not(.sub-menu) .ptp-sidebar-menu-item-link.ptp-sidebar-menu-toggle .arrow:after {
  background: #ffffff;
}
.ptp-sidebar-menu .ptp-sidebar-menu-item .apg-menu .apg-menu-list .apg-menu-item a.apg-menu-link {
  color: #ffffff;
}
.ptp-sidebar-menu .ptp-sidebar-menu-item .apg-menu .apg-menu-list .apg-menu-item a.apg-menu-link:hover {
  color: #ffffff;
  background: rgba(255, 255, 255, 0.1);
}
.ptp-sidebar-menu .ptp-sidebar-menu-item .apg-menu .apg-menu-list .apg-menu-item.disabled a.apg-menu-link {
  cursor: not-allowed;
}
.ptp-sidebar-menu .ptp-sidebar-menu-item .apg-menu .apg-menu-list .apg-menu-item.apg-menu-active a.apg-menu-link {
  background-color: #49AB39;
}
.ptp-sidebar-menu .ptp-sidebar-menu-item .apg-menu .apg-menu-list .apg-menu-item.apg-menu-active a.apg-menu-link:hover {
  background-color: #49AB39;
}
.ptp-sidebar-menu .ptp-sidebar-menu-item .apg-menu .apg-menu-list .apg-menu-item.apg-menu-active.design a.apg-menu-link .icon {
  background-image: url("../../images/menu-icons/white/design.png");
}
.ptp-sidebar-menu .ptp-sidebar-menu-item .apg-menu .apg-menu-list .apg-menu-item.apg-menu-active.test a.apg-menu-link .icon {
  background-image: url("../../images/menu-icons/white/test.png");
}
.ptp-sidebar-menu .ptp-sidebar-menu-item .apg-menu .apg-menu-list .apg-menu-item.apg-menu-active.code a.apg-menu-link .icon {
  background-image: url("../../images/menu-icons/white/code.png");
}
.ptp-sidebar-menu .ptp-sidebar-menu-item .apg-menu .apg-menu-list .apg-menu-item.apg-menu-active.deploy a.apg-menu-link .icon {
  background-image: url("../../images/menu-icons/white/deploy.png");
}
.ptp-sidebar-menu .ptp-sidebar-menu-item .apg-menu .apg-menu-list .apg-menu-item.apg-menu-active.monitor a.apg-menu-link .icon {
  background-image: url("../../images/menu-icons/white/monitor.png");
}
.ptp-sidebar-menu .ptp-sidebar-menu-item .apg-menu .apg-menu-list .apg-menu-item.design a.apg-menu-link .icon {
  background-image: url("../../images/menu-icons/white/design.png");
}
.ptp-sidebar-menu .ptp-sidebar-menu-item .apg-menu .apg-menu-list .apg-menu-item.test a.apg-menu-link .icon {
  background-image: url("../../images/menu-icons/white/test.png");
}
.ptp-sidebar-menu .ptp-sidebar-menu-item .apg-menu .apg-menu-list .apg-menu-item.code a.apg-menu-link .icon {
  background-image: url("../../images/menu-icons/white/code.png");
}
.ptp-sidebar-menu .ptp-sidebar-menu-item .apg-menu .apg-menu-list .apg-menu-item.deploy a.apg-menu-link .icon {
  background-image: url("../../images/menu-icons/white/deploy.png");
}
.ptp-sidebar-menu .ptp-sidebar-menu-item .apg-menu .apg-menu-list .apg-menu-item.monitor a.apg-menu-link .icon {
  background-image: url("../../images/menu-icons/white/monitor.png");
}

nav#top-navbar {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 72px;
  z-index: 400;
  box-shadow: 0 0 25px rgba(43, 51, 54, 0.5);
  background: #f7f8f8;
  background: -webkit-gradient(top, #f1f1f1, #f5f5f5);
  background: -webkit-linear-gradient(top, #f1f1f1, #f5f5f5);
  background: -moz-linear-gradient(top, #f1f1f1, #f5f5f5);
}
nav#top-navbar .container .custom-wrapper {
  height: 72px;
}
nav#top-navbar .container .custom-wrapper > div {
  margin-top: 8px;
  align-self: center;
}
nav#top-navbar .container .custom-wrapper .apg-menu.apg-menu-horizontal .apg-menu-heading.logo {
  padding: 0 15px;
}
nav#top-navbar .container .custom-wrapper .apg-menu.apg-menu-horizontal .apg-menu-list .apg-menu-item.project-select md-select {
  margin: 0;
}
nav#top-navbar .container .custom-wrapper .apg-menu.apg-menu-horizontal .apg-menu-list .apg-menu-item.project-select md-select:focus .md-select-value {
  color: #2B3336;
}
nav#top-navbar .container .custom-wrapper .apg-menu.apg-menu-horizontal .apg-menu-list .apg-menu-item.project-select md-select .md-select-value {
  border: 0;
  font-size: 1em;
  color: #2B3336;
}
nav#top-navbar .container .custom-wrapper .apg-menu.apg-menu-horizontal .apg-menu-list .apg-menu-item.project-select md-select .md-select-value:hover, nav#top-navbar .container .custom-wrapper .apg-menu.apg-menu-horizontal .apg-menu-list .apg-menu-item.project-select md-select .md-select-value:focus, nav#top-navbar .container .custom-wrapper .apg-menu.apg-menu-horizontal .apg-menu-list .apg-menu-item.project-select md-select .md-select-value.active {
  color: #2B3336 !important;
}
nav#top-navbar .container .custom-wrapper .apg-menu.apg-menu-horizontal .apg-menu-list .apg-menu-item.project-select md-select .md-select-value .md-select-icon {
  color: #2B3336;
}
nav#top-navbar .container .custom-wrapper .apg-menu.apg-menu-horizontal .apg-menu-list .apg-menu-item.user md-menu .md-button {
  padding: 0;
  border: 0;
  min-height: initial;
  height: 34px;
  margin-right: 1.5em;
}
nav#top-navbar .container .custom-wrapper .apg-menu.apg-menu-horizontal .apg-menu-list .apg-menu-item.user md-menu .md-button md-icon {
  color: #2B3336;
}

main.ptp-sidebar-menu-toggle-move.active {
  padding-left: 170px;
}
main > div {
  padding: 1.75em;
}
main > div .page {
  margin-top: 110px;
}

.container {
  margin: 0; /* Rimuovi il margine predefinito del body per estendere il colore di sfondo su tutta la pagina */
  background-color: #f4f4f4; /* Colore di sfondo comune per l'intera pagina */
}

.container {
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2); /* Aggiungi un'ombra sotto tutti i contenitori con classe "container" */
}

.menu-list {
  width: 100%;
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  text-transform: uppercase;
  justify-content: flex-start;
  background-color: #f4f4f4;
}

.menu-item {
  display: flex;
  align-items: center;
  padding: 10px;
  text-align: center;
  width: max-content;
  cursor: pointer;
  border-bottom: 2px solid transparent;
  transition: border-color 0.3s;
}

.menu-item.active {
  border-bottom-color: #000;
  color: #000;
  background-color: #f4f4f4;
}

.menu-item:hover {
  background-color: #f4f4f4;
}

.page-header {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
}

.input-container {
  width: 283px;
  margin-right: 32px;
}

.button-container-billing {
  position: absolute;
  display: flex;
  width: 100%;
  justify-content: end;
}

.div-container {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.button-container {
  position: absolute;
  transform: translateX(290px);
}

.custom-button {
  color: white;
  background-color: #6494EC;
  border-radius: 5px;
  text-transform: uppercase;
}

.license-box {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 536px;
  height: 65px;
  position: relative;
  clip-path: polygon(0% 0%, 100% 0%, 90% 100%, 0% 100%);
  padding: 17px;
  margin-bottom: 10px;
}

.license-box-header .title {
  width: 100px;
}

.license-box-header .cost {
  display: flex;
  justify-content: flex-end;
}

.license-student-box {
  background-color: #f1463f;
}

.license-free-box {
  background-color: #4FAC39;
}

.license-professional-box {
  background-color: #6494EC;
}

.license-enterprise-box {
  background-color: #FF9D02;
}

.license-box-header {
  display: flex;
  width: 85%;
  justify-content: space-between;
  align-items: center;
  color: white;
  font-size: 20px;
  font-weight: bold;
}

.checkbox-container {
  bottom: 5px;
  right: 5px;
  display: flex;
  cursor: pointer;
}

.checkbox-container input {
  display: none;
}

.checkmark {
  position: relative;
  width: 30px;
  height: 30px;
  border: 1px solid white;
  border-radius: 50%;
  background-color: transparent;
}

.checkbox-container input:checked ~ .checkmark {
  background-color: transparent;
}

.license-free-box .checkbox-container input:checked ~ .checkmark {
  background-color: #4FAC39;
}

license-student-box .checkbox-container input:checked ~ .checkmark {
  background-color: #f1463f;
}

.license-professional-box .checkbox-container input:checked ~ .checkmark {
  background-color: #6494EC;
}

.license-enterprise-box .checkbox-container input:checked ~ .checkmark {
  background-color: #FF9D02;
}

.license-enterprise-box .checkmark::before {
  background-color: #FF9D02;
}

.license-professional-box .checkmark::before {
  background-color: #6494EC;
}

.license-free-box .checkmark::before {
  background-color: #4FAC39;
}

.license-student-box .checkmark::before {
  background-color: #f1463f;
}

.checkmark::after {
  content: "";
  position: absolute;
  top: 5px;
  left: 5px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background-color: white;
  display: none;
}

.checkbox-container input:checked ~ .checkmark::after {
  display: block;
}

.checkmark::before {
  content: "";
  position: absolute;
  top: 5px;
  left: 5px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  display: none;
}

.checkbox-container input:checked ~ .checkmark::before {
  display: block;
}

.custom-select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: transparent;
  border: none;
  padding: 10px;
  font-size: 16px;
  width: 100%;
}

.custom-select:focus,
.custom-select:hover {
  outline: none;
}

.password-container {
  position: relative;
}

.password-container i.material-icons {
  position: absolute;
  top: 30%;
  right: 5px;
  transform: translateY(-50%);
  cursor: pointer;
}

.custom-box-info {
  padding: 0.5em;
  width: 100%;
  height: auto;
  border: 1px solid rgba(43, 51, 54, 0.3);
  border-radius: 5px;
  margin-bottom: 10px;
}

.page.design .no-api-message {
  font-size: 1.5em;
  text-align: center;
  margin-bottom: 1.5em;
  text-transform: uppercase;
}
.page.design .no-api-message p {
  margin-bottom: 0;
}
.page.design uib-accordion .api-menu {
  display: flex;
  margin: -1.75em -1.75em 0;
  overflow: hidden;
}
.page.design uib-accordion .api-menu .api-menu-item {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  padding: 1em 0.5em;
  background-color: #eaeaea;
  font-size: 0.9em;
  text-transform: uppercase;
  text-align: center;
}
.page.design uib-accordion .api-menu .api-menu-item:focus {
  outline: none;
}
.page.design uib-accordion .api-menu .api-menu-item:hover {
  cursor: pointer;
  font-weight: bold;
}
.page.design uib-accordion .api-menu .api-menu-item.active {
  font-weight: bold;
  background-color: #ffffff;
}
.page.design uib-accordion .api-menu .api-menu-item.security-definition {
  flex: 1.5;
}
.page.design uib-accordion .api-views {
  position: relative;
}
.page.design uib-accordion .api-views .view {
  display: none;
  padding: 1.75em;
  margin: 0px -1.75em -1.75em;
  background-color: #ffffff;
}
.page.design uib-accordion .api-views .view.active {
  display: block;
}
.page.design uib-accordion .api-views .view.general.overlay-focused-element {
  box-shadow: none;
}
.page.design uib-accordion .api-views .view.protocol.overlay-focused-element {
  box-shadow: none;
}
.page.design uib-accordion .api-views .view.security-definition .security-definition-item {
  position: relative;
}
.page.design uib-accordion .api-views .view.security-definition .security-definition-item .color-bar {
  position: absolute;
  top: 0;
  left: 0;
  height: 10px;
  width: 100%;
  transition: background-color 0.25s ease-in-out;
}
.page.design uib-accordion .api-views .view.security-definition .security-definition-item .color-bar.oauth2 {
  background-color: #f4b487;
}
.page.design uib-accordion .api-views .view.security-definition .security-definition-item .color-bar.apiKey {
  background-color: #a1b2e8;
}
.page.design uib-accordion .api-views .view.security-definition .security-definition-item .color-bar.basic {
  background-color: #a8e8a1;
}
.page.design uib-accordion .api-views .view.model .property-item .content .fields:last-child {
  margin-bottom: 0;
}
.page.design uib-accordion .api-views .view.security .security-item {
  position: relative;
}
.page.design uib-accordion .api-views .view.security .security-item .accordion-header-name-edit .scopes > div {
  display: inline;
}
.page.design uib-accordion .api-views .view.security .security-item .color-bar {
  position: absolute;
  top: 0;
  left: 0;
  height: 10px;
  width: 100%;
  transition: background-color 0.25s ease-in-out;
}
.page.design uib-accordion .api-views .view.security .security-item .color-bar.oauth2 {
  background-color: #f4b487;
}
.page.design uib-accordion .api-views .view.security .security-item .color-bar.apiKey {
  background-color: #a1b2e8;
}
.page.design uib-accordion .api-views .view.security .security-item .color-bar.basic {
  background-color: #a8e8a1;
}
.page.design uib-accordion .api-views .view.endpoints .endpoint-item {
  position: relative;
}
.page.design uib-accordion .api-views .view.endpoints .endpoint-item .methods-names-bar {
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(100% - 15px);
  padding-top: 0.8em;
  z-index: 10;
}
.page.design uib-accordion .api-views .view.endpoints .endpoint-item .methods-names-bar:focus {
  outline: none;
}
.page.design uib-accordion .api-views .view.endpoints .endpoint-item .methods-names-bar .method {
  flex: 1;
  text-align: center;
  text-transform: uppercase;
  color: #ffffff;
  opacity: 0.1;
}
.page.design uib-accordion .api-views .view.endpoints .endpoint-item .methods-names-bar .method:focus {
  outline: none;
}
.page.design uib-accordion .api-views .view.endpoints .endpoint-item .methods-names-bar .method.active {
  opacity: 1;
}
.page.design uib-accordion .api-views .view.endpoints .endpoint-item .methods-names-bar .method.active:hover {
  opacity: 0.5;
}
.page.design uib-accordion .api-views .view.endpoints .endpoint-item .methods-colors-bar {
  display: flex;
  position: absolute;
  bottom: 0;
  left: 0;
  height: 15px;
  width: 100%;
  z-index: 11;
}
.page.design uib-accordion .api-views .view.endpoints .endpoint-item .methods-colors-bar:hover {
  outline: none;
}
.page.design uib-accordion .api-views .view.endpoints .endpoint-item .methods-colors-bar:focus {
  outline: none;
}
.page.design uib-accordion .api-views .view.endpoints .endpoint-item .methods-colors-bar .method {
  background-color: rgba(255, 255, 255, 0.1);
  height: 100%;
  flex: 1;
}
.page.design uib-accordion .api-views .view.endpoints .endpoint-item .methods-colors-bar .method:hover {
  outline: none;
}
.page.design uib-accordion .api-views .view.endpoints .endpoint-item .methods-colors-bar .method:focus {
  outline: none;
}
.page.design uib-accordion .api-views .view.endpoints .endpoint-item .methods-colors-bar .method:not(:last-child) {
  border-right: 1px solid #2B3336;
}
.page.design uib-accordion .api-views .view.endpoints .endpoint-item .methods-colors-bar .method.active.head {
  background-color: #4ee087;
}
.page.design uib-accordion .api-views .view.endpoints .endpoint-item .methods-colors-bar .method.active.options {
  background-color: #afb6bb;
}
.page.design uib-accordion .api-views .view.endpoints .endpoint-item .methods-colors-bar .method.active.get {
  background-color: #267ef0;
}
.page.design uib-accordion .api-views .view.endpoints .endpoint-item .methods-colors-bar .method.active.post {
  background-color: #2db81c;
}
.page.design uib-accordion .api-views .view.endpoints .endpoint-item .methods-colors-bar .method.active.put {
  background-color: #f97c1b;
}
.page.design uib-accordion .api-views .view.endpoints .endpoint-item .methods-colors-bar .method.active.patch {
  background-color: #9800cc;
}
.page.design uib-accordion .api-views .view.endpoints .endpoint-item .methods-colors-bar .method.active.delete {
  background-color: #d30018;
}
.page.design uib-accordion .api-views .view.endpoints .endpoint-item .security-definition-item {
  position: relative;
}
.page.design uib-accordion .api-views .view.endpoints .endpoint-item .security-definition-item .color-bar {
  position: absolute;
  top: 0;
  left: 0;
  height: 6px;
  width: 100%;
}
.page.design uib-accordion .api-views .view.endpoints .endpoint-item .security-definition-item .color-bar.oauth2 {
  background-color: #f4b487;
}
.page.design uib-accordion .api-views .view.endpoints .endpoint-item .security-definition-item .color-bar.apiKey {
  background-color: #a1b2e8;
}
.page.design uib-accordion .api-views .view.endpoints .endpoint-item .security-definition-item .color-bar.basic {
  background-color: #a8e8a1;
}
.page.design uib-accordion .api-views .view.endpoints .endpoint-item .security-definition-item .accordion-header-name-edit .scopes > div {
  display: inline;
}
.page.design uib-accordion .api-views .view.endpoints .endpoint-item .response-item .accordion-heading .accordion-header-name-edit [contenteditable] {
  line-height: 1.2;
}
.page.design uib-accordion .api-views .view.endpoints .endpoint-item .response-item .accordion-heading .accordion-header-name-edit .accordion-header-subtitle.is-reused-entity {
  font-style: italic;
}
.page.design uib-accordion .api-views .view .empty {
  font-size: 1.2em;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  padding: 2em;
}
.page.design uib-accordion .api-views .view.components .components-view .components-layout {
  display: flex;
  gap: 2em;
}
.page.design uib-accordion .api-views .view.components .components-view .components-sidebar {
  width: 220px;
  flex-shrink: 0;
  background-color: #eaeaea;
  border-radius: 4px;
  padding: 1em;
}
.page.design uib-accordion .api-views .view.components .components-view .components-sidebar .components-sidebar-title {
  margin: 0 0 1em;
  font-size: 1.1em;
  font-weight: bold;
  text-transform: uppercase;
  color: #6b7280;
}
.page.design uib-accordion .api-views .view.components .components-view .components-sidebar .components-nav {
  list-style: none;
  margin: 0;
  padding: 0;
}
.page.design uib-accordion .api-views .view.components .components-view .components-sidebar .components-nav li {
  margin-bottom: 0.25em;
}
.page.design uib-accordion .api-views .view.components .components-view .components-sidebar .components-nav li.active a {
  background-color: #49AB39;
  color: #fff;
}
.page.design uib-accordion .api-views .view.components .components-view .components-sidebar .components-nav li.active a md-icon {
  color: #fff;
}
.page.design uib-accordion .api-views .view.components .components-view .components-sidebar .components-nav li a {
  display: flex;
  align-items: center;
  padding: 0.75em 1em;
  border-radius: 4px;
  cursor: pointer;
  transition: background-color 0.25s ease-in-out;
}
.page.design uib-accordion .api-views .view.components .components-view .components-sidebar .components-nav li a:hover {
  background-color: rgb(221.25, 221.25, 221.25);
}
.page.design uib-accordion .api-views .view.components .components-view .components-sidebar .components-nav li a md-icon {
  margin-right: 0.5em;
  font-size: 20px;
  color: #6b7280;
}
.page.design uib-accordion .api-views .view.components .components-view .components-sidebar .components-nav li a span {
  flex: 1;
}
.page.design uib-accordion .api-views .view.components .components-view .components-sidebar .components-nav li a .badge {
  background-color: #49AB39;
  color: #fff;
  padding: 0.15em 0.5em;
  border-radius: 10px;
  font-size: 0.8em;
  min-width: 1.5em;
  text-align: center;
}
.page.design uib-accordion .api-views .view.components .components-view .components-content {
  flex: 1;
  min-width: 0;
}
.page.design uib-accordion .api-views .view.components .components-view .components-content .apg-section-header {
  display: flex;
  align-items: center;
  margin: 0 0 1em;
  padding-bottom: 0.5em;
  border-bottom: 2px solid #eaeaea;
  font-size: 1.3em;
}
.page.design uib-accordion .api-views .view.components .components-view .components-content .apg-section-header md-icon {
  margin-right: 0.5em;
  color: #49AB39;
}
.page.design uib-accordion .api-views .view.servers .server-item {
  position: relative;
}
.page.design uib-accordion .api-views .view.servers .server-item .color-bar.server {
  position: absolute;
  top: 0;
  left: 0;
  height: 10px;
  width: 100%;
  background-color: #49AB39;
}
.page.design uib-accordion .api-views .view.servers .server-item .server-variable-item {
  margin-left: 1em;
  padding-left: 1em;
  border-left: 3px solid #eaeaea;
}
.page.design uib-accordion .api-views .view.servers .server-item .server-variable-item .variable-name {
  font-family: monospace;
  background-color: #eaeaea;
  padding: 0.2em 0.5em;
  border-radius: 3px;
}
.page.design uib-accordion .api-views .view.servers .server-item .server-variable-item .variable-default {
  color: #6b7280;
  font-style: italic;
  margin-left: 0.5em;
}
.page.design uib-accordion .api-views .view .request-body-item {
  position: relative;
}
.page.design uib-accordion .api-views .view .request-body-item .color-bar.request-body {
  position: absolute;
  top: 0;
  left: 0;
  height: 10px;
  width: 100%;
  background-color: #4caf50;
}
.page.design uib-accordion .api-views .view .request-body-item .media-type-item {
  margin-left: 1em;
  padding-left: 1em;
  border-left: 3px solid #eaeaea;
}
.page.design uib-accordion .api-views .view .request-body-item .media-type-item .media-type-label {
  font-family: monospace;
  background-color: #eaeaea;
  padding: 0.2em 0.5em;
  border-radius: 3px;
}
.page.design uib-accordion .api-views .view .security-scheme-item {
  position: relative;
}
.page.design uib-accordion .api-views .view .security-scheme-item .color-bar {
  position: absolute;
  top: 0;
  left: 0;
  height: 10px;
  width: 100%;
  transition: background-color 0.25s ease-in-out;
}
.page.design uib-accordion .api-views .view .security-scheme-item .color-bar.oauth2 {
  background-color: #f4b487;
}
.page.design uib-accordion .api-views .view .security-scheme-item .color-bar.apiKey {
  background-color: #a1b2e8;
}
.page.design uib-accordion .api-views .view .security-scheme-item .color-bar.http {
  background-color: #a8e8a1;
}
.page.design uib-accordion .api-views .view .security-scheme-item .color-bar.openIdConnect {
  background-color: #9c27b0;
}
.page.design uib-accordion .api-views .view .security-scheme-item .oauth2-flow-section {
  margin-top: 1.5em;
  padding: 1em;
  background-color: rgba(0, 0, 0, 0.02);
  border-radius: 4px;
  border-left: 4px solid #f4b487;
}
.page.design uib-accordion .api-views .view .security-scheme-item .oauth2-flow-section .oauth2-scope-item {
  margin-left: 1em;
}
.page.design uib-accordion .api-views .view .link-item {
  position: relative;
}
.page.design uib-accordion .api-views .view .link-item .color-bar.link {
  position: absolute;
  top: 0;
  left: 0;
  height: 10px;
  width: 100%;
  background-color: #2196f3;
}
.page.design uib-accordion .api-views .view .callback-item {
  position: relative;
}
.page.design uib-accordion .api-views .view .callback-item .color-bar.callback {
  position: absolute;
  top: 0;
  left: 0;
  height: 10px;
  width: 100%;
  background-color: #ff9800;
}
.page.design uib-accordion .api-views .view .callback-item .callback-methods {
  margin-top: 0.5em;
}
.page.design uib-accordion .api-views .view .callback-item .callback-methods md-checkbox {
  margin-right: 1em;
}

/*# sourceMappingURL=main.css.map */