@font-face {
    font-family: 'ubuntuBold';
    src: url('../font/ubuntu.bold.ttf');
}

.font-ubuntu-bold {
    font-family: 'ubuntuBold' !important;
}

@font-face {
    font-family: 'ubuntuBoldItalic';
    src: url('../font/ubuntu.bold-italic.ttf');
}

.font-ubuntu-bold-italic {
    font-family: 'ubuntuBoldItalic' !important;
}

@font-face {
    font-family: 'ubuntuCondensed';
    src: url('../font/ubuntu.condensed.ttf');
}

.font-ubuntu-condensed {
    font-family: 'ubuntuCondensed' !important;
}

@font-face {
    font-family: 'ubuntuItalic';
    src: url('../font/ubuntu.italic.ttf');
}

.font-ubuntu-italic {
    font-family: 'ubuntuItalic' !important;
}

@font-face {
    font-family: 'ubuntuLight';
    src: url('../font/ubuntu.light.ttf');
}

.font-ubuntu-light {
    font-family: 'ubuntuLight' !important;
}

@font-face {
    font-family: 'ubuntuLightItalic';
    src: url('../font/ubuntu.light-italic.ttf');
}

.font-ubuntu-light-italic {
    font-family: 'ubuntuLightItalic' !important;
}

@font-face {
    font-family: 'ubuntuMedium';
    src: url('../font/ubuntu.medium.ttf');
}

.font-ubuntu-medium {
    font-family: 'ubuntuMedium' !important;
}

@font-face {
    font-family: 'ubuntuMediumItalic';
    src: url('../font/ubuntu.medium-italic.ttf');
}

.font-ubuntu-medium-italic {
    font-family: 'ubuntuMediumItalic' !important;
}

@font-face {
    font-family: 'ubuntuMono';
    src: url('../font/ubuntu.mono.ttf');
}

.font-ubuntu-mono {
    font-family: 'ubuntuMono' !important;
}

@font-face {
    font-family: 'ubuntuMonoBold';
    src: url('../font/ubuntu.mono-bold.ttf');
}

.font-ubuntu-mono-bold {
    font-family: 'ubuntuMonoBold' !important;
}

@font-face {
    font-family: 'ubuntuMonoBoldItalic';
    src: url('../font/ubuntu.mono-bold-italic.ttf');
}

.font-ubuntu-mono-bold-italic {
    font-family: 'ubuntuMonoBoldItalic' !important;
}

@font-face {
    font-family: 'ubuntuMonoItalic';
    src: url('../font/ubuntu.mono-italic.ttf');
}

.font-ubuntu-mono-italic {
    font-family: 'ubuntuMonoItalic' !important;
}

@font-face {
    font-family: 'ubuntuRegular';
    src: url('../font/ubuntu.regular.ttf');
}

.font-ubuntu-regular {
    font-family: 'ubuntuRegular' !important;
}



body {
  min-height: 100vh;
  min-height: -webkit-fill-available;
  font-family: 'ubuntuLight' !important;
  color: #202020 !important;
}

html {
  height: -webkit-fill-available;
  font-family: 'ubuntuLight' !important;
  color: #202020 !important;
}

main {
  display: flex;
  flex-wrap: nowrap;
  height: 100vh;
  height: -webkit-fill-available;
  max-height: 100vh;
  overflow-x: auto;
  overflow-y: hidden;
}

.b-example-divider {
  flex-shrink: 0;
  width: 1.5rem;
  height: 100vh;
  background-color: rgba(0, 0, 0, .1);
  border: solid rgba(0, 0, 0, .15);
  border-width: 1px 0;
  box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
}

.bi {
  vertical-align: -.125em;
  pointer-events: none;
  fill: currentColor;
}

.dropdown-toggle { outline: 0; }

.nav-flush .nav-link {
  border-radius: 0;
}

.btn-toggle {
  display: inline-flex !important;
  align-items: center !important;
  text-align: left !important;
  padding: 10px 10px 10px 10px !important;
  font-weight: 600 !important;
  color: rgba(0, 0, 0, .65) !important;
  background-color: transparent !important;
  border: 0 !important;
}

/*
.btn-toggle:hover,
.btn-toggle:focus {
  color: rgba(0, 0, 0, .85);
  background-color: #d2f4ea;
}
*/

.btn-toggle:hover {
  color: rgba(0, 0, 0, .85) !important;
  background-color: #F8F8F8 !important;
}

.btn-toggle:focus {
  color: rgba(0, 0, 0, .85) !important;
  background-color: #F1EEF8 !important;
}

.btn-toggle::before {
  width: 1.25em;
  line-height: 0;
  content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%280,0,0,.5%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 14l6-6-6-6'/%3e%3c/svg%3e");
  transition: transform .35s ease;
  transform-origin: .5em 50%;
}

.btn-toggle[aria-expanded="true"] {
  color: rgba(0, 0, 0, .85);
}
.btn-toggle[aria-expanded="true"]::before {
  transform: rotate(90deg);
}

.btn-toggle-nav a {
  display: inline-flex;
  padding: .1875rem .5rem;
  margin-top: .125rem;
  margin-left: 1.25rem;
  text-decoration: none;
}

/*
.btn-toggle-nav a:hover,
.btn-toggle-nav a:focus {
  background-color: #d2f4ea;
}
*/

.btn-toggle-nav a:hover {
  background-color: #F8F8F8;
}

.btn-toggle-nav a:focus {
  background-color: #F1EEF8;
}

.btn-toggle-table {
  /*font-family: 'ubuntuMedium';*/
  display: inline-flex !important;
  align-items: center !important;
  text-align: left !important;
  padding: .25rem .5rem;
  /*font-weight: 600 !important;*/
  /*color: rgba(0, 0, 0, .65) !important;*/
  /*background-color: transparent !important;*/
  /*border: 0 !important;*/
}

/*
.btn-toggle-table:hover,
.btn-toggle-table:focus {
  color: rgba(0, 0, 0, .85);
  background-color: #d2f4ea;
}
*/

.btn-toggle-table:hover {
    /*
  color: rgba(0, 0, 0, .85) !important;
  background-color: #F8F8F8 !important;
  */
}

.btn-toggle-table:focus {
  color: rgba(0, 0, 0, .85) !important;
  background-color: #F1EEF8 !important;
}

.btn-toggle-table::after {
  width: 1.05em;
  line-height: 0;
  margin-right: 0px !important;
  /*content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%280,0,0,.5%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 14l6-6-6-6'/%3e%3c/svg%3e");*/
  content: url('../img/icon/plus-solid.svg');
  transition: transform .35s ease;
  transform-origin: .5em 50%;
}

.btn-toggle-table[aria-expanded="true"] {
  color: rgba(0, 0, 0, .65);
}
.btn-toggle-table[aria-expanded="true"]::after {
  transform: rotate(45deg);
}

.btn-toggle-table-nav a {
  display: inline-flex;
  padding: .1875rem .5rem;
  margin-top: .125rem;
  margin-left: 1.25rem;
  text-decoration: none;
}

.scrollarea {
  overflow-y: auto;
}

.fw-semibold { font-weight: 600; }
.lh-tight { line-height: 1.25; }


.sidebar-rest-text {
    padding-right: 10px !important;
}

.sidebar-rest-ico {
    font-family: 'ubuntuMedium' !important;
    font-size: 8px;
    right: 0px !important;
    margin: 1px 6px 0px 0px !important;
    padding: 3px 2px 3px 2px !important;
    /*height: 16px !important;*/
    min-width: 40px !important;
    text-align: center !important;
    color: #ffffff !important;
    border-radius: 20px !important;
}

.sidebar-rest-link {
    ont-size: 15px !important;
    color: #606060 !important;
    margin-bottom: 10px !important;
    white-space: pre-wrap;
    word-wrap: break-word;
}

.sidebar-background-color-get {
    background-color: #009f65 !important;
}

.sidebar-background-color-put {
    background-color: #8c198c !important;
}

.sidebar-background-color-post {
    background-color: #0080ff !important;
}

.sidebar-background-color-delete {
    background-color: #C71B29 !important;
}

.sidebar-background-color-patch {
    background-color: #DF7D03 !important;
}



.sidebar-item-active {
    background-color: #F1EEF8 !important;
    color: purple !important;
}





.sidebar-header-text {
    font-size: 15px !important;
}

.sidebar-item-caption-box {
    padding-top: 30px !important;
}

.sidebar-item-caption {
    color: rgba(0, 0, 0, .85) !important;
    text-align: left !important;
    font-size: 13px !important;
    width: 100% !important;
    padding-left: 6px !important;
}


.sidebar-item-text-toggle-less {
    color: rgba(0, 0, 0, .65) !important;
    text-align: left !important;
    font-size: 13px !important;
    width: 100% !important;
    padding-left: 22px !important;
}

.sidebar-item-text {
    color: rgba(0, 0, 0, .65) !important;
    text-align: left !important;
    font-size: 13px !important;
    width: 100% !important;
    padding-left: 10px !important;
}

.sidebar-subitem-text {
    font-size: 13px !important;
    width: 100% !important;
    margin-left: 0px !important;
    padding-left: 33px !important;
    padding-right: 10px !important;
    outline: none !important;
    box-shadow: none !important;
    text-decoration: none !important;
}

.btn-title {
  display: inline-flex !important;
  align-items: center !important;
  text-align: left !important;
  padding: .25rem .5rem;
  font-weight: 600 !important;
  color: rgba(0, 0, 0, .65) !important;
  background-color: transparent !important;
  border: 0 !important;
}

.btn-title:hover {
  color: rgba(0, 0, 0, .65);
  background-color: transparent;
}

.btn-title:focus {
  color: rgba(0, 0, 0, .65);
  background-color: transparent;
}


.sidebar-expand {
    cursor: pointer !important;
    background-color: #0504c9 !important;
    font-size: 15px !important;
    position: fixed !important;
    margin-top: 10px !important;
    padding: 10px 8px 10px 5px !important;
    border-radius: 0px 6px 6px 0px !important;
    color: #ffffff !important;
    -webkit-box-shadow: 0px 4px 4px 0px rgba(184,175,184,0.8) !important;
    -moz-box-shadow: 0px 4px 4px 0px rgba(184,175,184,0.8) !important;
    box-shadow: 0px 4px 4px 0px rgba(184,175,184,0.8) !important;
    transition: all 1s ease;
    z-index: 5000 !important;
}

.sidebar-expand:hover {
    background-color: #6dbc3b !important;
}

.sidebar-find-expand {
    background-color: #0504c9 !important;
    font-size: 15px !important;
    position: fixed !important;
    margin-top: 70px !important;
    padding: 10px 8px 10px 5px !important;
    border-radius: 0px 6px 6px 0px !important;
    color: #ffffff !important;
    -webkit-box-shadow: 0px 4px 4px 0px rgba(184,175,184,0.8) !important;
    -moz-box-shadow: 0px 4px 4px 0px rgba(184,175,184,0.8) !important;
    box-shadow: 0px 4px 4px 0px rgba(184,175,184,0.8) !important;
    transition: all 1s ease;
    z-index: 5000 !important;
}

.sidebar-find-expand:hover {
    background-color: #6dbc3b !important;
}

.sidebar-main-box {
    position: fixed !important;
    background-color: #ffffff;
    overflow-y: auto !important;
    border-right: 1px solid #E5E5E5 !important;
}

.sidebar-logo-box {
    padding: 10px 12px 10px 12px !important;
}

.sidebar-logo-image {
    margin-bottom: 10px !important;
    height: 38px !important;
}



.sidebar-account-mode-account {
    padding: 4px 6px 4px 6px !important;
    margin-bottom: 4px !important;
    border-radius: 3px !important;
    font-size: 12px !important;
    font-family: 'ubuntuMedium' !important;
}

.sidebar-account-mode {
    padding: 4px 6px 4px 6px !important;
    margin-bottom: 4px !important;
    border-radius: 3px !important;
    font-size: 11px !important;
    font-family: 'ubuntuRegular' !important;
}

.sidebar-account-mode-color-active-production {
    background-color: rgba(109, 180, 66, 1) !important;
    color: #ffffff !important;
}

.sidebar-account-mode-color-active-test {
    background-color: rgba(254, 146, 37, 1) !important;
    color: #ffffff !important;
}

.sidebar-account-mode-color-production {
    background-color: rgba(109, 180, 66, .85) !important;
    color: #ffffff !important;
}

.sidebar-account-mode-color-test {
    background-color: rgba(254, 146, 37, .85) !important;
    color: #ffffff !important;
}






.sidebar-find-box {
    padding: 0px 20px 20px 20px !important;
}

.sidebar-find-radio-item {
    padding: 4px 10px 4px 0px !important;
}

.sidebar-find-button-item {
    padding: 4px 0px 4px 0px !important;
}

.sidebar-find-box-bottom {
    padding: 20px 20px 6px 20px !important;
}



.sidebar-box {
    padding: 0px 0px 20px 0px !important;
}

.sidebar-radio-item {
    padding: 4px 10px 4px 0px !important;
}

.sidebar-box-bottom {
    padding: 20px 0px 6px 0px !important;
}



.sidebar-account-box {
    padding: 0px 12px 12px 12px !important;
}

.sidebar-account-box-bottom {
    padding: 12px 12px 4px 12px !important;
}

.sidebar-account-title-box {
    max-width: 214px !important;
}

.sidebar-account-title {
    padding-left: 0px !important;
    color: #172B4D !important;
    font-family: 'ubuntuMedium' !important;
    font-size: 15px !important;
}

.sidebar-account-subtitle {
    padding-left: 0px !important;
    color: #172B4D !important;
    font-family: 'ubuntuRegular' !important;
    font-size: 13px !important;
}

.sidebar-account-link {
    padding: 10px 10px 10px 10px !important;
}

.sidebar-edition-item-image {
    background-color: #ffffff !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: cover !important;
    display: block !important;
    opacity: 1 !important;
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -ms-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms;
}

.sidebar-edition-item-image:hover {
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: cover !important;
    display: block !important;
    opacity: 0.8 !important;
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -ms-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms;
}


.sidebar-edition-item-image-thumbnail {
    border: 5px solid #ffffff !important;
}

.sidebar-edition-item-image-thumbnail:hover {
    opacity: 0.8 !important;
}



.sidebar-find-item {
    font-size: 13px !important;
    width: 100% !important;
    margin-left: 0px !important;
    padding-left: 20px !important;
    padding-right: 10px !important;
    outline: none !important;
    box-shadow: none !important;
    text-decoration: none !important;
}

.sidebar-find-text {
    padding-right: 10px !important;
}




.sidebar-menu-active {
    background-color: rgba(228, 229, 229, 1) !important;
}

.sidebar-menu-active::hover {
    background-color: rgba(228, 229, 229, 1) !important;
}

.sidebar-menu-item-active {
    background-color: rgba(245, 246, 247, 1) !important;
}

.sidebar-menu-item-active::hover {
    background-color: rgba(245, 246, 247, 1) !important;
}


.sidebar-menu-page-box {
    padding: 10px 15px 0px 15px !important;
    margin: 0px 0px 0px 0px !important;
}

.sidebar-menu-page-item-box {
    cursor: pointer !important;
    padding: 0px 30px 5px 20px !important;
    border-radius: 30px 30px 30px 30px !important;
    width: 100% !important;
    color: rgba(94, 106, 130, 1) !important;
    font-size: 15px !important;
    font-family: 'ubuntuRegular' !important;
}

.sidebar-menu-page {
    border: 1px solid rgba(255,255,255,0) !important;
    color: rgba(26, 29, 35, 1) !important;
    background-color: rgba(255,255,255,1);
}

.sidebar-menu-page-text-round {
    z-index: 3 !important;
    margin-top: 10px !important;
    padding: 0px 15px 0px 15px !important;
    border-radius: 30px 30px 30px 30px !important;
    color: rgba(60, 68, 83, 1) !important;
    font-size: 14px !important;
    font-family: 'ubuntuBold' !important;
    touch-action: manipulation;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100% !important;
    white-space: nowrap !important;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

.sidebar-menu-page-text-round-nick {
    cursor: pointer !important;
    z-index: 3 !important;
    margin-top: 0px !important;
    padding: 0px 15px 0px 15px !important;
    border-radius: 30px 30px 30px 30px !important;
    color: rgba(60, 68, 83, 1) !important;
    font-size: 13px !important;
    font-family: 'ubuntuRegular' !important;
    touch-action: manipulation;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100% !important;
    white-space: nowrap !important;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

.sidebar-menu-page-text-round-link {
    color: rgba(60, 68, 83, 1) !important;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

.sidebar-menu-page-text-round-link:hover {
    color: rgba(207, 212, 221, 1) !important;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

.sidebar-menu-item-divider {
    margin-top: 5px !important;
    margin-bottom: 10px !important;
    width: 100% !important;
    height: 1px !important;
    background-color: purple !important;
    border-bottom: 1px solid #f0f2f4 !important;
}