body, html {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

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

@media (min-width: 768px) {
  html, body {
  min-height: 100vh;
  }
}

body {
color: #161718;
display: flex;
flex-wrap: wrap;
font-family: "Sofia Sans Semi Condensed", sans-serif;
font-size: 16px;
position: relative;
}

body.blur {
overflow: hidden;
}

body.blur::before {
background-color: rgba(0, 0, 0, 0.3);
-webkit-backdrop-filter: blur(3px);
backdrop-filter: blur(3px);
content: "";
position: fixed;
left: 0;
top: 0;
height: 100vh;
width: 100vw;
z-index: 1040;
}

a {
color: inherit;
text-decoration: none;
}

img {
max-width: 100%;
user-select: none;
-ms-user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
}

.form-control:focus,
.form-control.invalid:focus,
.form-control.is-invalid:focus {
border-color: #cccccc;
box-shadow: none;
}

.form-select:focus,
.form-select.invalid:focus,
.form-select.is-invalid:focus {
border-color: #cccccc;
box-shadow: none;
}

.form-check-input:focus,
.form-check-input.invalid:focus,
.form-check-input.is-invalid:focus {
border: none;
box-shadow: none;
}

:focus {
box-shadow: unset;
outline: 0;
}

.row {
margin: 0 -10px;
}

.row>* {
padding: 0 10px;
}

.form-group {
margin: 0 0 14px;
}

.form-group:last-of-type {
margin: 0;
}

.form-group>label,
.form-group>span {
display: block;
font-size: 15px;
margin: 0 0 3px;
user-select: none;
-ms-user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
}

.form-group>label>small,
.form-group>span>small {
color: gray;
font-weight: 300;
}

.form-group>label>span,
.form-group>label>strong,
.form-group>span>strong {
color: #ff292a;
}

.form-group>input {
border: 1px solid #dee2e6;
border-radius: 0.5rem;
color: #161718;
font-family: "Sofia Sans Semi Condensed", sans-serif;
font-size: 15px;
font-weight: 300;
line-height: 25px;
padding: 10px 15px 10px;
user-select: none;
-ms-user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
}

.form-group>select {
border: 1px solid #dee2e6;
border-radius: 0.5rem;
color: #161718;
cursor: pointer;
font-family: "Sofia Sans Semi Condensed", sans-serif;
font-size: 15px;
font-weight: 300;
line-height: 25px;
padding: 10px 15px 10px;
user-select: none;
-ms-user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
}

.form-group>textarea {
border: 1px solid #dee2e6;
border-radius: 0.5rem;
color: #161718;
font-family: "Sofia Sans Semi Condensed", sans-serif;
font-size: 15px;
font-weight: 300;
line-height: 18.5px;
padding: 12.5px 15px 12.5px;
user-select: none;
-ms-user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
}

.form-group>div.input-group {
border: 1px solid #dee2e6;
border-radius: 0.5rem;
line-height: 25px;
user-select: none;
-ms-user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
}

.form-group>div.input-group.is-invalid {
border-color: #dc3545;
}

.form-group>div.input-group>span {
background-color: unset;
border: unset;
border-radius: 0.5rem;
display: flex;
padding: 6px 15px;
position: relative;
}

.input-group>span::after {
background-color: #dcdcdc;
content: "";
position: absolute;
right: 0;
top: 10px;
bottom: 10px;
height: calc(100% - 20px);
width: 1px;
z-index: 1;
}

.form-group>div.input-group>input {
border: 0 !important;
border-radius: 0.5rem;
color: #161718;
font-family: "Sofia Sans Semi Condensed", sans-serif;
font-size: 15px;
font-weight: 300;
line-height: 25px;
margin: 0 !important;
padding: 10px 15px 10px;
}

.form-group>div.input-group>select {
border: 0 !important;
border-radius: 0.5rem;
color: #161718;
cursor: pointer;
font-family: "Sofia Sans Semi Condensed", sans-serif;
font-size: 15px;
font-weight: 300;
line-height: 25px;
margin: 0 !important;
padding: 10px 15px 10px;
}

.form-group.phone {
position: relative;
}

.form-group.phone>input[type="tel"] {
padding: 10px 15px 10px 73px;
}

.row>div.form-group.phone>input[type="tel"] {
padding: 10px 25px 10px 73px;
}

.form-group.phone>a {
color: rgba(0, 0, 0, 0.5);
font-size: 14px;
font-weight: 300;
position: absolute;
right: 15px;
top: 39px;
}

.form-group.phone>a:hover {
color: #161718;
}

.form-group.phone::after {
background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwMCIgaGVpZ2h0PSI2MDAiIHZpZXdCb3g9IjAgMCA1IDMiPgo8cmVjdCB3aWR0aD0iNSIgaGVpZ2h0PSIzIiBmaWxsPSIjZmZmIi8+CjxyZWN0IHdpZHRoPSI1IiBoZWlnaHQ9IjIiIHk9IjEiIGZpbGw9IiMwMDk2NkUiLz4KPHJlY3Qgd2lkdGg9IjUiIGhlaWdodD0iMSIgeT0iMiIgZmlsbD0iI0Q2MjYxMiIvPgo8L3N2Zz4K");
background-position: left center;
background-repeat: no-repeat;
background-size: auto 13px;
content: "+359";
color: #161718;
font-family: "Sofia Sans Semi Condensed", sans-serif;
font-size: 15px;
font-weight: 300;
line-height: 25px;
padding: 0 0 0 25px;
position: absolute;
left: 17px;
top: 36.5px;
width: auto;
z-index: 1;
user-select: none;
-ms-user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
}

.row>div.form-group.phone::after {
left: 27px;
top: 36.5px;
}

.form-group>div.valid-feedback,
.form-group>div.invalid-feedback {
display: block;
font-size: 12px;
font-weight: 500;
margin: 3.5px 0 -5.5px;
}

.form-check.form-check-inline {
display: flex;
font-size: 18px;
font-weight: 300;
line-height: 24px;
margin: 0 0 10px;
padding: 0;
user-select: none;
-ms-user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
}

.form-check.form-check-inline>input.form-check-input,
.form-check.form-check-inline>input.form-check-input:checked {
background: unset;
border: unset;
cursor: pointer;
margin: 0 12.5px 0 0;
position: relative;
top: -0.5px;
height: unset;
width: unset;
}

.form-check.form-check-inline>input.form-check-input:focus,
.form-check.form-check-inline>input.form-check-input:active {
box-shadow: unset;
filter: unset;
}

.form-check.form-check-inline>input.form-check-input::before {
color: #ced4da;
content: "\f0c8";
display: inline-block;
font-family: "Font Awesome 6 Pro";
font-size: 1.5em;
font-style: normal;
font-weight: 200;
}

.form-check.form-check-inline>input.form-check-input:checked::before {
color: #afca36;
font-weight: 300;
}

.form-check.form-check-inline>input.form-check-input:checked::after {
color: #afca36;
content: "\f00c";
display: inline-block;
font-family: "Font Awesome 6 Pro";
font-size: 1.2em;
font-style: normal;
font-weight: 900;
position: absolute;
text-shadow: 0 -2.5px 0 white, 0 2.5px 0 white;
right: -6px;
top: -3px;
}

.form-group-switch {
margin: 0 0 24px;
}

.form-group-switch:last-of-type {
margin: 0;
}

.form-group-switch>.form-check.form-switch {
border-bottom: 1px solid #dee2e6;
display: flex;
margin: 0 0 9px;
padding: 0 0 7.5px;
align-items: center;
justify-content: space-between;
}

.form-group-switch>.form-check.form-switch>label {
color: #161718;
display: block;
font-size: 15px;
font-weight: 500;
line-height: 24px;
margin: unset;
}

.form-group-switch>.form-check.form-switch>input {
background-color: #d5d7da;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")!important;
border: unset;
border-radius: 12px;
box-shadow: inset 0 2px 4px 0 rgba(16, 25, 40, 0.2);
cursor: pointer;
margin: 0 0 0 15px;
height: 24px;
min-width: 48px;
width: 48px;
user-select: none;
-ms-user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
transition: all 0.2s ease-in-out 0.1s;
-webkit-transition: all 0.2s ease-in-out 0.1s;
}

.form-group-switch>.form-check.form-switch>input:checked,
.form-group-switch>.form-check.form-switch.switch-warning>input:checked {
background-color: #afca36;
box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.3);
}

.form-group-switch>.form-check.form-switch.switch-warning>input,
.form-group-switch>.form-check.form-switch.switch-danger>input:checked {
background-color: #ff5737;
box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.3);
}

.form-group-switch>p {
color: rgba(0, 0, 0, 0.5);
font-size: 14px;
font-weight: 300;
line-height: 18px;
margin: unset;
}

.btn {
background-color: unset;
border: unset;
padding: unset;
}

.btn-warning {
background-color: #ff292a;
box-shadow: 0 10px 0 #c20709;
border-radius: 0.5rem;
border: unset;
color: white;
font-size: 16px;
line-height: 16px;
margin: 0 0 10px;
padding: 15px 25px;
user-select: none;
-ms-user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
transition: all 0.35s ease-in-out 0s;
-webkit-transition: all 0.35s ease-in-out 0s;
}

.btn-warning:hover,
.btn-warning:active,
.btn-warning:focus,
.btn-warning:active:focus {
background-color: #ff292a;
box-shadow: 0 7px 0 #c20709;
color: white;
margin: 3px 0 7px;
}

.datepicker {
border: unset;
box-shadow: 0 0 10px -5px black;
cursor: default;
font-family: "Sofia Sans Semi Condensed", sans-serif;
font-size: 12px;
margin: 4.5px -23px 0;
padding: 10px 12.5px;
text-align: center;
}

.datepicker>div>table {
width: 182px;
}

.datepicker>div>table>thead>tr>th:not(.datepicker-switch) {
color: #161718;
font-weight: 400;
height: 26px;
width: 26px;
}

.datepicker>div>table>thead>tr>th.datepicker-switch {
color: #161718;
font-size: 12px;
font-weight: 700;
line-height: 26px;
width: 100%;
}

.datepicker>div>table>thead>tr>th.prev,
.datepicker>div>table>thead>tr>th.next {
color: #161718;
display: flex;
font-size: 18px;
font-weight: 300;
line-height: 26px;
align-items: flex-end;
justify-content: center;
}

.datepicker>div:not(.datepicker-days)>table>tbody>tr>td>span {
border-radius: 0.25rem;
color: gray;
display: inline-block;
padding: 2.5px 0;
text-align: center;
width: 28px;
}

.datepicker>div:not(.datepicker-days)>table>tbody>tr>td>span.focused,
.datepicker>div:not(.datepicker-days)>table>tbody>tr>td>span:hover {
color: #161718;
font-weight: 700;
}

.datepicker>div:not(.datepicker-days)>table>tbody>tr>td>span.disabled {
color: #ced4da;
cursor: not-allowed;
font-weight: 300;
}

.datepicker>div.datepicker-days>table>thead>tr>th.dow {
font-weight: 900;
}

.datepicker>div.datepicker-days>table>tbody>tr>td {
border-radius: 0.25rem;
color: gray;
height: 26px;
width: 26px;
}

.datepicker>div.datepicker-days>table>tbody>tr>td:hover {
background-color: rgba(223, 20, 108, 0.2);
border-color: rgba(223, 20, 108, 0.2);
border-radius: 50%;
color: rgb(223, 20, 108, 0.5);
cursor: pointer;
}

.datepicker>div.datepicker-days>table>tbody>tr>td.disabled,
.datepicker>div.datepicker-days>table>tbody>tr>td.new {
color: #ced4da;
cursor: not-allowed;
font-weight: 300;
}

.datepicker>div.datepicker-days>table>tbody>tr>td.active,
.datepicker>div.datepicker-days>table>tbody>tr>td.active:hover {
background-color: rgba(223, 20, 108, 0.2);
border-color: rgba(223, 20, 108, 0.2);
border-radius: 50%;
box-shadow: inset 0 1.5px 5px -2.5px #df146c;
color: rgb(223, 20, 108, 0.5);
}

.datepicker>div.datepicker-days>table>tbody>tr>td.disabled:hover,
.datepicker>div.datepicker-days>table>tbody>tr>td.new:hover {
background-color: #f5f5f5;
border-color: #f5f5f5;
border-radius: 50%;
color: #ced4da;
cursor: not-allowed;
}

div.modal {
background-color: rgba(0, 0, 0, 0.3);
-webkit-backdrop-filter: blur(3px);
backdrop-filter: blur(3px);
}

div.modal>div.modal-dialog {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
margin: 0 auto;
padding: 30px;
height: 100vh;
}

div.modal>div.modal-dialog>div.modal-content {
border: unset;
cursor: default;
overflow: unset;
position: relative;
}

div.modal>div.modal-dialog>div.modal-content>div.modal-header {
border: unset;
padding: 30px 30px 0;
}

div.modal>div.modal-dialog>div.modal-content>div.modal-header>button {
background-color: white;
border-radius: 50%;
box-shadow: 0 0 10px -5px gray;
font-size: 10px;
line-height: 10px;
margin: unset;
opacity: 1;
padding: 7.5px;
position: absolute;
right: -12.5px;
top: -12.5px;
}

div.modal>div.modal-dialog>div.modal-content>div.modal-header>button:hover {
box-shadow: inset 0 1.5px 10px -5px black;
}

div.modal>div.modal-dialog>div.modal-content>div.modal-body {
overflow: hidden;
padding: 0 30px;
}

div.modal>div.modal-dialog>div.modal-content>div.modal-footer {
border: unset;
padding: 20px 30px 30px;
}

@media (max-width: 767.98px) {
  div.modal>div.modal-dialog {
  margin: 0 auto;
  padding: 20px;
  max-width: 360px !important;
  }

  div.modal>div.modal-dialog>div.modal-content>div.modal-header {
  padding: 20px 20px 0;
  }

  div.modal>div.modal-dialog>div.modal-content>div.modal-body {
  padding: 0 20px;
  }

  div.modal>div.modal-dialog>div.modal-content>div.modal-footer {
  padding: 15px 20px 20px;
  }
}

div.offcanvas-backdrop.show {
background-color: rgba(0, 0, 0, 0.3);
-webkit-backdrop-filter: blur(3px);
backdrop-filter: blur(3px);
opacity: 1;
}

div.offcanvas {
border: unset!important;
}

div.offcanvas.offcanvas-end {
max-width: 425px;
width: 100%;
}

div.offcanvas>div.offcanvas-header {
background-color: white;
box-shadow: 5px 10px 30px -25px rgba(0, 0, 0, 0.5);
padding: 27.5px 30px;
height: 80px;
}

div.offcanvas>div.offcanvas-header>img.logo {
height: 25px;
}

div.offcanvas>div.offcanvas-header>button.fa-xmark-large {
line-height: 24px;
margin: 0 0 0 auto;
padding: unset;
opacity: 1;
height: 24px;
}

div.offcanvas>div.offcanvas-header>button.fa-xmark-large:focus {
box-shadow: unset;
outline: 0;
}

div.offcanvas>div.offcanvas-header>h2 {
display: flex;
font-size: 18px;
font-weight: 300;
line-height: 18px;
margin: auto 0;
align-items: center;
}

div.offcanvas>div.offcanvas-header>h2>button {
border: unset;
color: rgba(0, 0, 0, 0.3);
margin: 0 12.5px 0 0;
padding: unset;
position: relative;
top: -1px;
}

div.offcanvas>div.offcanvas-header>h2>button:hover {
color: #161718;
}

div.offcanvas>div.offcanvas-body {
display: flex;
flex-wrap: nowrap;
flex-direction: column;
padding: 20px;
}

div.offcanvas.offcanvas-end>div.offcanvas-body {
padding: 30px;
}

div.offcanvas>div.offcanvas-body>div.nav {
height: calc(100% - 118px);
}

div.offcanvas>div.offcanvas-body>div.nav>a.account {
color: #161718;
display: flex;
flex-wrap: wrap;
padding: 10px;
width: 100%;
}

div.offcanvas>div.offcanvas-body>div.nav>a.account>img {
border-radius: 50%;
margin: 0 15px 0 0;
height: 50px;
user-select: none;
-ms-user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
}

div.offcanvas>div.offcanvas-body>div.nav>a.account>div.details {
display: flex;
flex: 1 0 0%;
flex-wrap: nowrap;
flex-direction: column;
justify-content: center;
}

div.offcanvas>div.offcanvas-body>div.nav>a.account>div.details>strong {
display: block;
font-size: 18px;
line-height: 20px;
}

div.offcanvas>div.offcanvas-body>div.nav>a.account>div.details>span {
color: rgba(0, 0, 0, 0.5);
display: block;
font-size: 14px;
font-weight: 300;
line-height: 20px;
}

div.offcanvas>div.offcanvas-body>div.nav>a.account:hover {
background-color: #f5f5f5;
border-radius: 0.5rem;
}

div.offcanvas>div.offcanvas-body>div.nav>ul {
border-top: 0.5px solid #e5e5e5;
border-bottom: 0.5px solid #e5e5e5;
list-style: none;
margin: 10px 0 20px;
overflow-x: auto;
padding: 10px 0;
height: 100%;
width: 100%;
}

div.offcanvas>div.offcanvas-body>div.nav>ul>li>a {
color: rgba(0, 0, 0, 0.5);
display: flex;
font-size: 16px;
font-weight: 300;
line-height: 18px;
padding: 13.5px 10px;
}

div.offcanvas>div.offcanvas-body>div.nav>ul>li>a>span {
font-size: 18px;
display: flex;
align-items: center;
justify-content: center;
margin: 0 5px 0 0;
position: relative;
top: -0.5px;
width: 30px;
}

div.offcanvas>div.offcanvas-body>div.nav>ul>li>a:hover {
background-color: #f5f5f5;
border-radius: 0.5rem;
color: #161718;
}

div.offcanvas>div.offcanvas-body>div.nav>ul>li>a.active {
background-color: #f5f5f5;
border-radius: 0.5rem;
color: #161718;
}

div.offcanvas>div.offcanvas-body>div.nav>a.logout {
color: #ff292a;
display: flex;
font-size: 16px;
font-weight: 300;
line-height: 18px;
margin: 0 10px;
width: 100%;
}

div.offcanvas>div.offcanvas-body>div.nav>a.logout>span {
font-size: 18px;
display: flex;
align-items: center;
justify-content: center;
margin: 0 7.5px 0 0;
position: relative;
top: 0.5px;
width: 30px;
}

div.offcanvas>div.offcanvas-body>div.nav>a.logout:hover {
color: rgba(245, 0, 0, 0.6);
}

div.offcanvas>div.offcanvas-body>form {
display: flex;
flex-wrap: nowrap;
flex-direction: column;
}

div.offcanvas>div.offcanvas-body>div.row {
margin: 0 -5px;
}

div.offcanvas>div.offcanvas-body>div.row>* {
padding: 0 5px;
}

div.offcanvas>div.offcanvas-body>button,
div.offcanvas>div.offcanvas-body>form>button[type="submit"],
div.offcanvas>div.offcanvas-body>form>div.actions>button[type="submit"] {
background-color: #afca36;
border-radius: 50px;
border: unset;
color: white;
display: flex;
align-items: center;
margin: 0 0 0 auto;
padding: 5px;
transition: all 0.35s ease-in-out 0s;
-webkit-transition: all 0.35s ease-in-out 0s;
}

div.offcanvas>div.offcanvas-body>button>span,
div.offcanvas>div.offcanvas-body>form>button[type="submit"]>span,
div.offcanvas>div.offcanvas-body>form>div.actions>button[type="submit"]>span {
font-size: 15px;
line-height: 15px;
padding: 0 7.5px 0 15px;
position: relative;
top: -0.5px;
}

div.offcanvas>div.offcanvas-body>button>i,
div.offcanvas>div.offcanvas-body>form>button[type="submit"]>i,
div.offcanvas>div.offcanvas-body>form>div.actions>button[type="submit"]>i {
background-color: white;
border-radius: 50%;
color: #afca36;
display: flex;
font-size: 14px;
align-items: center;
justify-content: center;
height: 30px;
width: 30px;
transition: all 0.35s ease-in-out 0s;
-webkit-transition: all 0.35s ease-in-out 0s;
}

div.offcanvas>div.offcanvas-body>button:hover,
div.offcanvas>div.offcanvas-body>form>button[type="submit"]:hover,
div.offcanvas>div.offcanvas-body>form>div.actions>button[type="submit"]:hover {
box-shadow: inset 0 1px 5px -2.5px green;
}

div.offcanvas>div.offcanvas-body>button:hover>span,
div.offcanvas>div.offcanvas-body>form>button[type="submit"]:hover>span,
div.offcanvas>div.offcanvas-body>form>div.actions>button[type="submit"]:hover>span {
text-shadow: 0.5px 0.5px 1px green;
}

div.offcanvas>div.offcanvas-body>button:hover>i,
div.offcanvas>div.offcanvas-body>form>button[type="submit"]:hover>i,
div.offcanvas>div.offcanvas-body>form>div.actions>button[type="submit"]:hover>i {
box-shadow: 1px 1px 5px -2.5px green;
}

@media (max-width: 767.98px) {
  div.offcanvas>div.offcanvas-header {
  padding: 20px 30px;
  height: 65px;
  }
}

div.empty::before {
background-image: url(https://arboo.app/assets/themes/images/empty-state.svg);
background-repeat: no-repeat;
content: "";
display: block;
margin: -8px auto 5px;
position: relative;
pointer-events: none;
height: 52px;
width: 130px;
}

div.empty.results::before {
background-image: url(https://arboo.app/assets/themes/images/empty-results.svg);
margin: -15px auto 5px;
height: 80px;
}

div.empty.appointments::before {
background-image: url(https://arboo.app/assets/themes/images/empty-appointments.svg);
}

div.empty.payments::before {
background-image: url(https://arboo.app/assets/themes/images/empty-payments.svg);
}

div.empty.users::before {
background-image: url(https://arboo.app/assets/themes/images/empty-users.svg);
}

div.empty {
margin: auto;
position: relative;
text-align: center;
max-width: 360px;
z-index: -1;
}

div.empty>small {
color: rgba(0, 0, 0, 0.5);
display: block;
font-size: 14px;
line-height: 18px;
font-weight: 100;
user-select: none;
-ms-user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
}

nav.sidebar {
background-color: #f5f5f5;
box-shadow: inset -5px -10px 30px -25px rgba(0, 0, 0, 0.5);
display: flex;
flex-wrap: nowrap;
flex-direction: column;
min-height: calc(100vh - 56px);
width: 100px;
user-select: none;
-ms-user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
}

nav.sidebar>img {
margin: 0 auto;
height: 40px;
position: sticky;
top: 18px;
}

nav.sidebar>ul {
list-style: none;
margin: 0;
padding: 0;
position: sticky;
top: 80px;
}

nav.sidebar>ul>li>a {
color: gray;
display: flex;
font-size: 12px;
font-weight: 300;
flex-wrap: nowrap;
flex-direction: column;
padding: 15px 0;
text-align: center;
transition: all 0.1s ease-in-out 0.1s;
-webkit-transition: all 0.1s ease-in-out 0.1s;
}

nav.sidebar>ul>li>a>span {
display: flex;
font-size: 24px;
margin: 0 0 5px;
justify-content: center;
}

nav.sidebar>ul>li>a:hover {
background-color: white;
box-shadow: -5px -10px 30px -25px rgba(0, 0, 0, 0.5);
color: gray;
}

nav.sidebar>ul>li>a.active {
background-color: white;
border-bottom: 1px solid #eeeff3;
box-shadow: -5px -10px 30px -25px rgba(0, 0, 0, 0.5);
color: #161718;
}

nav.sidebar>a {
margin: auto 22.5px 22.5px;
position: sticky;
bottom: 22.5px;
}

nav.sidebar>a.active {
background-color: white;
box-shadow: -5px -10px 30px -25px rgba(0, 0, 0, 0.5);
margin: auto 0 0;
padding: 22.5px;
}

nav.sidebar>a>img {
border-radius: 50%;
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
width: 100%;
}

@media (max-width: 767.98px) {
  nav.sidebar {
  display: none;
  }
}

.main-wrapper:not(.wrapper-fluid) {
display: flex;
flex-wrap: wrap;
flex-direction: column;
width: calc(100% - 100px);
}

@media (max-width: 767.98px) {
  .main-wrapper:not(.wrapper-fluid) {
  width: 100%;
  }
}

.main-wrapper.wrapper-fluid {
display: flex;
margin: 0 auto;
width: 100%;
}

.wrapper-msg {
background-color: #feefef;
box-shadow: inset 0 -7.5px 20px -20px #f96065;
display: flex;
align-items: center;
justify-content: center;
padding: 0 30px;
position: static;
height: 56px;
width: 100%;
z-index: 1020;
}

.wrapper-msg>i {
color: #f96065;
font-size: 21px;
}

.wrapper-msg>div.msg {
display: inline;
font-size: 14px;
font-weight: 300;
line-height: 14px;
margin: 0 20px 0 7.5px;
}

.wrapper-msg>a {
background-color: white;
border-radius: 50px;
box-shadow: 0 0 10px -5px gray;
color: #161718;
font-size: 13px;
padding: 5px 15px;
user-select: none;
-ms-user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
}

.wrapper-msg>a:hover {
box-shadow: 0 0 10px -5px gray, 0 2.5px 5px -2.5px #f96065;
color: #161718;
}

@media (max-width: 767.98px) {
  .wrapper-msg>div.msg {
  margin: 0 auto 0 7.5px;
  }

  .wrapper-msg>div.msg>span {
  display: none;
  }

}

div.wrapper-alert {
background-color: #242526;
border-radius: 0.375rem;
color: white;
display: flex;
flex-wrap: wrap;
align-items: center;
margin: unset;
padding: 15px 20px;
position: fixed;
right: 30px;
bottom: 30px;
z-index: 1069;
max-width: 320px;
width: 100%;
}

div.wrapper-alert>div.msg {
display: flex;
flex: 1 0 0%;
font-size: 14px;
font-weight: 300;
line-height: 16px;
align-items: center;
}

div.wrapper-alert>div.msg>i {
margin: 0 7.5px 0 0;
}

div.wrapper-alert>div.msg>p {
margin: unset;
}

div.wrapper-alert>button.btn {
background-color: #3a3b3c;
border-radius: 50%;
color: white;
height: 24px;
width: 24px;
}

header {
background-color: white;
box-shadow: 5px 10px 30px -25px rgba(0, 0, 0, 0.5);
padding: 18px 0;
position: relative;
right: 0;
width: 100%;
z-index: 1020;
user-select: none;
-ms-user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
}

header>div.header-wrapper {
display: flex;
flex-wrap: wrap;
padding: 0 30px;
height: 40px;
align-items: center;
justify-content: space-between;
}

header>div.header-wrapper>a.logo {
display: none;
flex: 0 0 auto;
height: 25px;
width: auto;
transition: all 0.2s ease-in-out 0.1s;
-webkit-transition: all 0.2s ease-in-out 0.1s;
}

header>div.header-wrapper>a.logo>img {
height: 100%;
}

header>div.header-wrapper>h1 {
display: flex;
font-size: 18px;
font-weight: 300;
line-height: 18px;
margin: auto 0;
align-items: center;
}

header>div.header-wrapper>h1>button {
border: unset;
color: rgba(0, 0, 0, 0.3);
margin: 0 12.5px 0 0;
padding: unset;
}

header>div.header-wrapper>h1>button:hover {
color: #161718;
}

header>div.header-wrapper>h1>span {
font-size: 24px;
line-height: 24px;
margin: auto 7.5px auto 0;
}

header>div.header-wrapper>nav.shortcuts {
display: flex;
transition: all 0.2s ease-in-out 0.1s;
-webkit-transition: all 0.2s ease-in-out 0.1s;
}

header>div.header-wrapper>nav.shortcuts>ul {
display: flex;
list-style: none;
margin: 0;
padding: 0;
height: 40px;
}

header>div.header-wrapper>nav.shortcuts>ul>li {
color: gray;
margin: auto 0;
position: relative;
}

header>div.header-wrapper>nav.shortcuts>ul>li>a {
color: rgba(0, 0, 0, 0.3);
display: flex;
}

header>div.header-wrapper>nav.shortcuts>ul>li>a:hover {
color: #161718;
}

header>div.header-wrapper>nav.shortcuts>ul>li.alerts {
background-color: #f5f5f5;
border-radius: 50%;
display: flex;
font-weight: 600;
margin: auto 0;
height: 40px;
width: 40px;
user-select: none;
-ms-user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
--fa-animation-duration: 15s;
}

header>div.header-wrapper>nav.shortcuts>ul>li.alerts:hover,
header>div.header-wrapper>nav.shortcuts>ul>li.alerts.active {
box-shadow: inset 0 2px 7.5px -4px gray;
transition: all 0.5s ease-in-out 0s;
-webkit-transition: all 0.5s ease-in-out 0s;
}

header>div.header-wrapper>nav.shortcuts>ul>li.alerts>i {
font-size: 17px;
margin: auto;
}

header>div.header-wrapper>nav.shortcuts>ul>li.alerts>span.badge {
background-color: #dd453d;
border-radius: 50%;
font-size: 10px;
font-weight: 600;
line-height: 7.5px;
padding: 5px;
position: absolute;
right: -4px;
top: -4px;
text-align: center;
height: 18px;
min-width: 18px;
user-select: none;
-ms-user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
}

header>div.header-wrapper>nav.shortcuts>ul>li.nav {
display: none;
margin: auto 0 auto 10px;
}

header>div.header-wrapper>nav.shortcuts>ul>li.nav>button {
border: unset;
color: #161718;
font-size: 24px;
line-height: 24px;
padding: unset;
}

header>div.header-wrapper>nav.shortcuts>ul>li.logout {
margin: auto 0 auto 10px;
}

header>div.header-wrapper>nav.shortcuts>ul>li.create {
background-color: white;
border-radius: 50%;
box-shadow: 0 0 10px -5px black;
display: flex;
font-size: 21px;
position: fixed;
right: 30px;
bottom: 22.5px;
align-items: center;
justify-content: center;
height: 48px;
width: 48px;
z-index: 991;
transition: all 0.2s ease-in-out 0.1s;
-webkit-transition: all 0.2s ease-in-out 0.1s;
}

header>div.header-wrapper>nav.shortcuts>ul>li.create>a {
color: #afca36;
padding: 13.5px 14.82px;
}

header>div.header-wrapper>nav.shortcuts>ul>li.create>a:hover {
opacity: 0.69;
transition: all 0.2s ease-in-out 0.2s;
-webkit-transition: all 0.2s ease-in-out 0.2s;
}

header>div.header-wrapper>nav.shortcuts>ul>li.create>button {
background-color: unset;
border: unset;
padding: 13.5px 14.82px;
}

header>div.header-wrapper>nav.shortcuts>ul>li.create>button.fa-solid.fa-xmark {
color: #161718;
}

header>div.header-wrapper>nav.shortcuts>ul>li.create>button.fa-solid.fa-plus {
color: #afca36;
}

header>div.header-wrapper>nav.shortcuts>ul>li.create>button:hover {
opacity: 0.69;
transition: all 0.2s ease-in-out 0s;
-webkit-transition: all 0.2s ease-in-out 0s;
}

header>div.header-wrapper>nav.shortcuts>ul>li.create>ul {
background-color: white;
border: 1px solid #dee2e6;
border-radius: 0.5rem;
box-shadow: 5px 10px 30px -25px rgba(0, 0, 0, 0.5);
display: none;
list-style: none;
margin: unset;
padding: 7.5px 5px;
white-space: nowrap;
position: absolute;
bottom: 60px;
right: 0;
z-index: 1024;
}

header>div.header-wrapper>nav.shortcuts>ul>li.create.active>ul {
display: block;
}

header>div.header-wrapper>nav.shortcuts>ul>li.create>ul>li>a {
color: #161718;
display: block;
font-size: 15px;
font-weight: 300;
padding: 5px 10px;
width: 100%;
}

header>div.header-wrapper>nav.shortcuts>ul>li.create>ul>li>a>i {
font-size: 13px;
margin: 0 7.5px 0 0;
text-align: center;
width: 13px;
}

header>div.header-wrapper>nav.shortcuts>ul>li.create>ul>li>a:hover {
background-color: #f5f5f5;
border-radius: 0.5rem;
}

header>div.header-wrapper>nav.shortcuts>ul>li.create>ul::before {
border-color: #dee2e6 transparent transparent transparent;
border-style: solid;
border-width: 12px 11px 0;
content: "";
position: absolute;
bottom: -9px;
right: 12px;
height: 0;
width: 0;
}

header>div.header-wrapper>nav.shortcuts>ul>li.create>ul::after {
border-color: white transparent transparent transparent;
border-style: solid;
border-width: 12px 10px 0;
content: "";
position: absolute;
bottom: -8px;
right: 13px;
height: 0;
width: 0;
}

@media (max-width: 767.98px) {
  header {
  padding: 12.5px 0;
  position: sticky;
  left: 0;
  top: 0;
  right: 0;
  }

  header>div.header-wrapper {
  padding: 0 20px;
  }

  header>div.header-wrapper>a.logo {
  display: inline-block;
  }

  header>div.header-wrapper>h1 {
  display: none;
  }

  header>div.header-wrapper>nav.shortcuts>ul>li.switch>div.change_place {
  right: -80px;
  }

  header>div.header-wrapper>nav.shortcuts>ul>li.nav {
  display: block;
  }

  header>div.header-wrapper>nav.shortcuts>ul>li.create {
  right: 20px;
  bottom: 22.5px;
  }
}

main {
display: flex;
flex: 1;
flex-wrap: wrap;
flex-direction: column;
min-height: 500px;
}

main>section>div.intern-wrapper:not(.wrapper-fluid) {
display: flex;
flex-wrap: wrap;
padding: 30px;
width: 100%;
max-width: 924px;
}

main>section>div.intern-wrapper:not(.wrapper-fluid).two-cells {
justify-content: space-between;
}

main>section>div.intern-wrapper.wrapper-fluid {
display: flex;
flex-wrap: wrap;
padding: 30px;
width: 100%;
}

main>section>div.intern-wrapper>h2 {
font-size: 18px;
font-weight: 500;
line-height: 20px;
margin: 0 0 15px;
width: 100%;
}

main>section>div.intern-wrapper>h2>i {
color: rgba(0, 0, 0, 0.3);
margin: 0 5px 0 0;
position: relative;
top: 1px;
}

main>section>div.intern-wrapper>div.head,
main>section>div.intern-wrapper>*>div.head {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
margin: -10px 0 27px;
width: 100%;
user-select: none;
-ms-user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
}

main>section>div.intern-wrapper>div.head>h2,
main>section>div.intern-wrapper>*>div.head>h2 {
font-size: 18px;
font-weight: 300;
line-height: 18px;
margin: auto 0;
position: relative;
top: 1px;
align-items: center;
}

main>section>div.intern-wrapper>div.head>h2>a,
main>section>div.intern-wrapper>*>div.head>h2>a,
main>section>div.intern-wrapper>div.head>h2>button,
main>section>div.intern-wrapper>*>div.head>h2>button {
border: unset;
color: rgba(0, 0, 0, 0.3);
margin: 0 12.5px 0 0;
padding: unset;
position: relative;
top: -1px;
}

main>section>div.intern-wrapper>div.head>h2>a:hover,
main>section>div.intern-wrapper>*>div.head>h2>a:hover,
main>section>div.intern-wrapper>div.head>h2>button:hover,
main>section>div.intern-wrapper>*>div.head>h2>button:hover {
color: #161718;
}

main>section>div.intern-wrapper>div.head>button,
main>section>div.intern-wrapper>*>div.head>button {
background-color: #afca36;
border-radius: 50px;
border: unset;
color: white;
display: flex;
align-items: center;
padding: 5px;
transition: all 0.35s ease-in-out 0s;
-webkit-transition: all 0.35s ease-in-out 0s;
}

main>section>div.intern-wrapper>div.head>button>span,
main>section>div.intern-wrapper>*>div.head>button>span {
font-size: 15px;
line-height: 15px;
padding: 0 7.5px 0 15px;
position: relative;
top: -0.5px;
}

main>section>div.intern-wrapper>div.head>button>i,
main>section>div.intern-wrapper>*>div.head>button>i {
background-color: white;
border-radius: 50%;
color: #afca36;
display: flex;
font-size: 14px;
align-items: center;
justify-content: center;
height: 30px;
width: 30px;
transition: all 0.35s ease-in-out 0s;
-webkit-transition: all 0.35s ease-in-out 0s;
}

main>section>div.intern-wrapper>div.head>button:hover,
main>section>div.intern-wrapper>*>div.head>button:hover {
box-shadow: inset 0 1px 5px -2.5px green;
}

main>section>div.intern-wrapper>div.head>button:hover>span,
main>section>div.intern-wrapper>*>div.head>button:hover>span {
text-shadow: 0.5px 0.5px 1px green;
}

main>section>div.intern-wrapper>div.head>button:hover>i,
main>section>div.intern-wrapper>*>div.head>button:hover>i {
box-shadow: 1px 1px 5px -2.5px green;
}

main>section>div.intern-wrapper.wrapper-fluid {
display: flex;
flex-wrap: wrap;
padding: 30px;
width: 100%;
}

main>section>div.intern-wrapper.wrapper-fluid.bg-gray {
background-color: #f5f5f5;
}

main>section>div.intern-wrapper.wrapper-fluid>div.results {
background-color: white;
position: relative;
padding: 30px;
width: 375px;
}

main>section>div.intern-wrapper.wrapper-fluid>div.results ~ div.wrapper,
main>section>div.intern-wrapper.wrapper-fluid>div.results ~ form {
display: flex;
flex: 1 0 0%;
flex-direction: column;
padding: 30px;
}

main>section>div.intern-wrapper.wrapper-fluid>div.results ~ div.wrapper>div.head,
main>section>div.intern-wrapper.wrapper-fluid>div.results ~ form>div.head {
margin: 0 0 27px;
}

main>section>div.intern-wrapper.wrapper-fluid>div.results>form.search-bar {
margin: 0 0 15px;
user-select: none;
-ms-user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
}

main>section>div.intern-wrapper.wrapper-fluid>div.results>form.search-bar>div.input-group {
border: 1px solid #dee2e6;
border-radius: 0.5rem;
}

main>section>div.intern-wrapper.wrapper-fluid>div.results>form.search-bar>div.input-group>button {
color: gray;
font-size: 18px;
padding: 10px;
}

main>section>div.intern-wrapper.wrapper-fluid>div.results>form.search-bar>div.input-group>button:hover {
border-color: white;
color: #161718;
}

main>section>div.intern-wrapper.wrapper-fluid>div.results>form.search-bar>div.input-group>input {
border: 0;
color: gray;
font-family: "Sofia Sans Semi Condensed", sans-serif;
font-size: 15px;
font-weight: 300;
line-height: 25px;
padding: 10px 10px 10px 0;
}

main>section>div.intern-wrapper.wrapper-fluid>div.results>div.data {
display: flex;
flex-wrap: wrap;
margin: -15px 0 0;
overflow: auto;
height: calc(100vh - 187px);
align-content: flex-start;
}

main>section>div.intern-wrapper.wrapper-fluid>div.results>div.data::-webkit-scrollbar {
width: 5px;
}

main>section>div.intern-wrapper.wrapper-fluid>div.results>div.data::-webkit-scrollbar-track {
background: unset;
margin: 15px 0 0;
}

main>section>div.intern-wrapper.wrapper-fluid>div.results>div.data::-webkit-scrollbar-thumb {
background-color: #ced4da;
border-radius: 5px;
border: unset;
}

main>section>div.intern-wrapper.wrapper-fluid>div.results>div.data>small {
color: gray;
font-size: 14px;
font-weight: 300;
margin: 7.5px 0 0;
text-align: center;
}

main>section>div.intern-wrapper.wrapper-fluid>div.results>div.data>a {
border-bottom: 0.5px solid #e5e5e5;
cursor: pointer;
display: flex;
padding: 12.5px 0;
align-items: center;
width: calc(100% - 10px);
}

main>section>div.intern-wrapper.wrapper-fluid>div.results>div.data>a>span {
border-radius: 50%;
box-shadow: 0 0 5px -2.5px gray;
color: rgba(0, 0, 0, 0.3);
display: flex;
font-size: 16px;
font-weight: 300;
margin: 0 12.5px 0 0;
position: relative;
right: -1.5px;
height: 40px;
width: 40px;
align-items: center;
justify-content: center;
text-transform: uppercase;
user-select: none;
-ms-user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
transition: all 0.25s ease-in-out 0s;
-webkit-transition: all 0.25s ease-in-out 0s;
}

main>section>div.intern-wrapper.wrapper-fluid>div.results>div.data>a:hover>span {
box-shadow: 0 0 5px -2.5px gray, 2.5px 5px 7.5px -5px gray;
color: #161718;
}

main>section>div.intern-wrapper.wrapper-fluid>div.results>div.data>a.active>span {
box-shadow: inset 0 1px 5px -2.5px gray;
color: gray;
}

main>section>div.intern-wrapper.wrapper-fluid>div.results>div.data>a>strong {
color: gray;
display: flex;
flex: 1 0 0%;
font-size: 16px;
font-weight: 300;
line-height: 18px;
align-items: center;
}

main>section>div.intern-wrapper.wrapper-fluid>div.results>div.data>a:hover>strong {
color: #161718;
}

main>section>div.intern-wrapper.wrapper-fluid>div.results>div.data>a>strong>span {
background-color: #f5f5f5;
border-radius: 50%;
color: gray;
display: flex;
font-size: 12px;
font-weight: 300;
margin: 0 0 0 auto;
position: relative;
top: 1px;
height: 26px;
width: 26px;
align-items: center;
justify-content: center;
user-select: none;
-ms-user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
}

main>section>div.intern-wrapper.wrapper-fluid>div.results>div.data>a>div.details {
color: gray;
flex: 1 0 0%;
}

main>section>div.intern-wrapper.wrapper-fluid>div.results>div.data>a>div.details>strong {
display: block;
font-size: 18px;
font-weight: 300;
line-height: 20px;
}

main>section>div.intern-wrapper.wrapper-fluid>div.results>div.data>a:hover>div.details>strong {
color: #161718;
}

main>section>div.intern-wrapper.wrapper-fluid>div.results>div.data>a>div.details>span {
display: block;
font-size: 14px;
font-weight: 300;
line-height: 20px;
}

main>section>div.intern-wrapper.wrapper-fluid>div.results>div.data>div.empty {
margin: 52px auto 0;
}

main>section>div.intern-wrapper:not(.wrapper-fluid):not(.columns).two-cells>form {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
align-content: flex-start;
justify-content: space-between;
}

main>section>div.intern-wrapper:not(.wrapper-fluid).columns.two-cells>form {
display: flex;
flex-wrap: wrap;
flex-direction: column;
justify-content: space-between;
}

main>section>div.intern-wrapper:not(.wrapper-fluid).two-cells>div.wrapper.wrapper-first,
main>section>div.intern-wrapper:not(.wrapper-fluid).two-cells>form>div.wrapper.wrapper-first {
width: 315px;
}

main>section>div.intern-wrapper:not(.wrapper-fluid).two-cells>div.wrapper.wrapper-last::before,
main>section>div.intern-wrapper:not(.wrapper-fluid).two-cells>form>div.wrapper.wrapper-last::before {
background-color: rgba(0, 0, 0, 0.03);
content: "";
position: absolute;
left: -30px;
bottom: 0;
top: 0;
height: 100%;
width: 1px;
z-index: 0;
}

main>section>div.intern-wrapper:not(.wrapper-fluid).two-cells>div.wrapper.wrapper-last,
main>section>div.intern-wrapper:not(.wrapper-fluid).two-cells>form>div.wrapper.wrapper-last {
position: relative;
width: 489px;
}

main>section>div.intern-wrapper:not(.wrapper-fluid).two-cells>div.wrapper>div.row>small,
main>section>div.intern-wrapper:not(.wrapper-fluid).two-cells>form>div.wrapper>div.row>small {
color: gray;
font-size: 13px;
font-weight: 300;
line-height: 17px;
user-select: none;
-ms-user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
}

main>section>div.intern-wrapper>div.footer,
main>section>div.intern-wrapper>form>div.footer {
display: flex;
width: 100%;
}

main>section>div.intern-wrapper>div.footer>button,
main>section>div.intern-wrapper>form>div.footer>button {
background-color: #afca36;
border-radius: 50px;
border: unset;
color: white;
display: flex;
align-items: center;
margin: 0 0 0 auto;
padding: 5px;
transition: all 0.35s ease-in-out 0s;
-webkit-transition: all 0.35s ease-in-out 0s;
}

main>section>div.intern-wrapper>div.footer>button>span,
main>section>div.intern-wrapper>form>div.footer>button>span {
font-size: 15px;
line-height: 15px;
padding: 0 7.5px 0 15px;
position: relative;
top: -0.5px;
}

main>section>div.intern-wrapper>div.footer>button>i,
main>section>div.intern-wrapper>form>div.footer>button>i {
background-color: white;
border-radius: 50%;
color: #afca36;
display: flex;
font-size: 14px;
align-items: center;
justify-content: center;
height: 30px;
width: 30px;
transition: all 0.35s ease-in-out 0s;
-webkit-transition: all 0.35s ease-in-out 0s;
}

main>section>div.intern-wrapper>div.footer>button:hover,
main>section>div.intern-wrapper>form>div.footer>button:hover {
box-shadow: inset 0 1px 5px -2.5px black;
}

main>section>div.intern-wrapper>div.footer>button:hover>span,
main>section>div.intern-wrapper>form>div.footer>button:hover>span {
text-shadow: 0.5px 0.5px 1px black;
}

main>section>div.intern-wrapper>div.footer>button:hover>i,
main>section>div.intern-wrapper>form>div.footer>button:hover>i {
box-shadow: 1px 1px 5px -2.5px black;
}

main>section>div.intern-wrapper>div.table,
main>section>div.intern-wrapper>form>div.table,
main>section>div.intern-wrapper>form>div>div.table,
main>section>div.intern-wrapper>div>div>div.table,
main>section>div.modal>div>div>div>div.table {
overflow-x: auto;
scrollbar-width: none;
}

main>section>div.intern-wrapper>div.table::-webkit-scrollbar,
main>section>div.intern-wrapper>form>div.table::-webkit-scrollbar,
main>section>div.intern-wrapper>form>div>div.table::-webkit-scrollbar,
main>section>div.intern-wrapper>div>div>div.table::-webkit-scrollbar,
main>section>div.modal>div>div>div>div.table::-webkit-scrollbar {
display: none;
}

main>section>div.intern-wrapper>div.table>table,
main>section>div.intern-wrapper>form>div.table>table,
main>section>div.intern-wrapper>form>div>div.table>table,
main>section>div.intern-wrapper>div>div>div.table>table,
main>section>div.modal>div>div>div>div.table>table {
width: 100%;
}

main>section>div.intern-wrapper>div.table>table>tbody>tr,
main>section>div.intern-wrapper>form>div.table>table>tbody>tr,
main>section>div.intern-wrapper>form>div>div.table>table>tbody>tr,
main>section>div.intern-wrapper>div>div>div.table>table>tbody>tr,
main>section>div.modal>div>div>div>div.table>table>tbody>tr {
border: unset;
display: flex;
font-size: 14px;
line-height: 20px;
padding: unset;
}

main>section>div.intern-wrapper>div.table>table>tbody>tr.accent,
main>section>div.intern-wrapper>form>div.table>table>tbody>tr.accent,
main>section>div.intern-wrapper>form>div>div.table>table>tbody>tr.accent,
main>section>div.intern-wrapper>div>div>div.table>table>tbody>tr.accent,
main>section>div.modal>div>div>div>div.table>table>tbody>tr.accent {
background-color: rgba(223, 20, 108, 0.05);
}

main>section>div.intern-wrapper>div.table>table>tbody>tr>th,
main>section>div.intern-wrapper>form>div.table>table>tbody>tr>th,
main>section>div.intern-wrapper>form>div>div.table>table>tbody>tr>th,
main>section>div.intern-wrapper>div>div>div.table>table>tbody>tr>th,
main>section>div.modal>div>div>div>div.table>table>tbody>tr>th {
border: 0.5px solid #e5e5e5;
font-weight: 400;
padding: 10px;
}

main>section>div.intern-wrapper>div.table>table>tbody>tr>td,
main>section>div.intern-wrapper>form>div.table>table>tbody>tr>td,
main>section>div.intern-wrapper>form>div>div.table>table>tbody>tr>td,
main>section>div.intern-wrapper>div>div>div.table>table>tbody>tr>td,
main>section>div.modal>div>div>div>div.table>table>tbody>tr>td {
border: 0.5px solid #e5e5e5;
font-weight: 300;
padding: 10px;
align-content: center;
}

@media (max-width: 1023.98px) {
  main>section>div.intern-wrapper.wrapper-fluid.bg-gray {
  background-color: unset;
  }

  main>section>div.intern-wrapper.wrapper-fluid>div.results {
  width: 100%;
  }

  main>section>div.intern-wrapper.wrapper-fluid>div.results ~ div.wrapper,
  main>section>div.intern-wrapper.wrapper-fluid>div.results ~ form {
  max-width: unset;
  }

  main>section>div.intern-wrapper.wrapper-fluid>form>div.wrapper {
  margin: 0 0 34px;
  }

  main>section>div.intern-wrapper:not(.wrapper-fluid).two-cells>div.wrapper.wrapper-first,
  main>section>div.intern-wrapper:not(.wrapper-fluid).two-cells>form>div.wrapper.wrapper-first {
  width: 100%;
  }

  main>section>div.intern-wrapper:not(.wrapper-fluid).two-cells>div.wrapper.wrapper-last,
  main>section>div.intern-wrapper:not(.wrapper-fluid).two-cells>form>div.wrapper.wrapper-last {
  margin: 0 0 34px;
  position: unset;
  width: 100%;
  }
}

@media (max-width: 767.98px) {
  main>section>div.intern-wrapper {
  padding: 20px !important;
  width: 100% !important;
  }

  main>section>div.intern-wrapper.wrapper-fluid>div.results {
  padding: unset;
  }

  main>section>div.intern-wrapper.wrapper-fluid>div.results ~ div.wrapper,
  main>section>div.intern-wrapper.wrapper-fluid>div.results ~ form {
  padding: unset;
  }
}

main.warehouse>section>div.intern-wrapper {
max-width: 668px;
}

main.warehouse>section:not(.export)>div.intern-wrapper>form {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
margin: 0 0 23.5px;
width: 100%;
}

main.warehouse>section.export>div.intern-wrapper>form {
margin: 0 0 23.5px;
width: 100%;
}

main.warehouse>section>div.intern-wrapper>form>h2 {
font-size: 18px;
font-weight: 500;
line-height: 20px;
margin: 0 0 15px;
width: 100%;
}

main.warehouse>section>div.intern-wrapper>form>h2>i {
color: rgba(0, 0, 0, 0.3);
margin: 0 5px 0 0;
position: relative;
top: 1px;
}

main.warehouse>section>div.intern-wrapper>form>small {
display: block;
font-size: 16px;
font-weight: 300;
line-height: 18px;
margin: -5.5px 0 15.5px;
}

main.warehouse>section>div.intern-wrapper>form>div.form-group {
flex: 1;
margin: 0 15px 0 0;
position: relative;
}

main.warehouse>section>div.intern-wrapper>form>div.row {
margin: 0 -7.5px 15px;
}

main.warehouse>section>div.intern-wrapper>form>div.row:first-of-type {
margin: 0 -7.5px 30px;
}

main.warehouse>section>div.intern-wrapper>form>div.row:first-of-type>div.msg.invalid-feedback {
display: block;
margin: 2.5px 0 3.5px;
}

main.warehouse>section>div.intern-wrapper>form>div.row:last-of-type {
margin: 0 -7.5px 0;
}

main.warehouse>section.import>div.intern-wrapper>form>div.form-group:nth-of-type(2) {
max-width: 121px;
}

main.warehouse>section>div.intern-wrapper>form>div.row>div.form-group {
margin: 0 0 20px;
padding: 0 7.5px;
position: relative;
}

main.warehouse>section>div.intern-wrapper>form>div.row>div.form-group:first-of-type:last-of-type {
margin: unset;
}

main.warehouse>section>div.intern-wrapper>form>div.row:last-of-type>div.form-group:last-of-type {
margin: 0 0 30px;
}

main.warehouse>section>div.intern-wrapper>form>div.form-group>span,
main.warehouse>section>div.intern-wrapper>form>div.row>div.form-group>span {
background-color: white;
border-radius: 0.25rem;
color: gray;
font-size: 12px;
font-weight: 300;
line-height: 12px;
padding: 0 5px 0;
position: absolute;
top: -5px;
left: 11.5px;
text-transform: uppercase;
}

main.warehouse>section>div.intern-wrapper>form>div.row>div.form-group>span {
left: 21.5px;
}

main.warehouse>section>div.intern-wrapper>form>div.form-group>input,
main.warehouse>section>div.intern-wrapper>form>div.row>div.form-group>input {
line-height: 18px;
}

main.warehouse>section>div.intern-wrapper>form>div.form-group>div.form-check {
font-size: 14px;
line-height: 20px;
margin: 8px 0 0;
}

main.warehouse>section>div.intern-wrapper>form>div.form-group>div.options,
main.warehouse>section>div.intern-wrapper>form>div.row>div.form-group>div.options {
display: flex;
flex-wrap: wrap;
margin: 8px -7.5px 0;
}

main.warehouse>section>div.intern-wrapper>form>div.form-group>div.options>div.form-check,
main.warehouse>section>div.intern-wrapper>form>div.row>div.form-group>div.options>div.form-check {
font-size: 14px;
line-height: 20px;
margin: 0 7.5px;
}

main.warehouse>section>div.intern-wrapper>form>div.form-group>div.form-check>input,
main.warehouse>section>div.intern-wrapper>form>div.form-group>div.options>div.form-check>input,
main.warehouse>section>div.intern-wrapper>form>div.row>div.form-group>div.options>div.form-check>input {
margin: 0 7.5px 0 0;
height: 20px;
}

main.warehouse>section>div.intern-wrapper>form>div.form-group>div.form-check>input:checked::after,
main.warehouse>section>div.intern-wrapper>form>div.form-group>div.options>div.form-check>input:checked::after,
main.warehouse>section>div.intern-wrapper>form>div.row>div.form-group>div.options>div.form-check>input:checked::after {
right: -4px;
top: -2px;
}

main.warehouse>section>div.intern-wrapper>form>div.form-group>div.form-check>label,
main.warehouse>section>div.intern-wrapper>form>div.form-group>div.options>div.form-check>label,
main.warehouse>section>div.intern-wrapper>form>div.row>div.form-group>div.options>div.form-check>label {
cursor: pointer;
}

main.warehouse>section.export>div.intern-wrapper>form>div.row.items>div.form-group>input {
padding: 10px 35px 10px 15px;
}

main.warehouse>section.export>div.intern-wrapper>form>div.row.items>div.form-group>button.btn-remove {
background-color: white;
color: rgba(0, 0, 0, 0.3);
padding: 5px;
position: absolute;
right: 15px;
top: 7px;
}

main.warehouse>section.export>div.intern-wrapper>form>div.row.items>div.form-group>button.btn-remove:hover {
color: #dd453d;
}

main.warehouse>section.export>div.intern-wrapper>form>div.row.items>div.form-group>button.btn-adding {
color: #afca36;
line-height: 14px;
position: absolute;
right: -15.5px;
top: 11px;
}

main.warehouse>section.export>div.intern-wrapper>form>div.row.items>div.form-group>button.btn-adding>span {
display: none;
}

main.warehouse>section.export>div.intern-wrapper>form>div.row.items>div.form-group>button.btn-adding>i {
font-size: 18px;
}

main.warehouse>section.export>div.intern-wrapper>form>div.row.items>div.form-group>button.btn-adding:hover {
opacity: 0.69;
}

main.warehouse>section>div.intern-wrapper>form>button[type="submit"] {
background-color: #afca36;
border-radius: 50px;
border: unset;
color: white;
display: flex;
align-items: center;
padding: 5px;
transition: all 0.35s ease-in-out 0s;
-webkit-transition: all 0.35s ease-in-out 0s;
}

main.warehouse>section.export>div.intern-wrapper>form>button[type="submit"] {
margin: 0 0 0 auto;
}

main.warehouse>section>div.intern-wrapper>form>button[type="submit"]>span {
font-size: 15px;
line-height: 15px;
padding: 0 7.5px 0 15px;
position: relative;
top: -0.5px;
}

main.warehouse>section>div.intern-wrapper>form>button[type="submit"]>i {
background-color: white;
border-radius: 50%;
color: #afca36;
display: flex;
font-size: 14px;
align-items: center;
justify-content: center;
height: 30px;
width: 30px;
transition: all 0.35s ease-in-out 0s;
-webkit-transition: all 0.35s ease-in-out 0s;
}

main.warehouse>section>div.intern-wrapper>form>button[type="submit"]:hover {
box-shadow: inset 0 1px 5px -2.5px green;
}

main.warehouse>section>div.intern-wrapper>form>button[type="submit"]:hover>span {
text-shadow: 0.5px 0.5px 1px green;
}

main.warehouse>section>div.intern-wrapper>form>button[type="submit"]:hover>i {
box-shadow: 1px 1px 5px -2.5px green;
}

main.warehouse>section.search>div.intern-wrapper>form {
margin: 0 0 24.5px;
align-items: center;
}

main.warehouse>section.search>div.intern-wrapper>form>h2 {
font-size: 18px;
font-weight: 700;
line-height: 18px;
margin: 0 14px 0 0;
position: relative;
top: -0.5px;
width: auto;
user-select: none;
-ms-user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
}

main.warehouse>section.search>div.intern-wrapper>form>div.form-group {
background-color: white;
border: 1px solid #e5e5e5;
border-radius: 0.5rem;
display: flex;
flex: 1 0 0%;
margin: unset;
padding: 2.5px;
position: relative;
}

main.warehouse>section.search>div.intern-wrapper>form>div.form-group:hover {
border-color: #cfd4d9;
}

main.warehouse>section.search>div.intern-wrapper>form>div.form-group>input {
border: unset;
line-height: 20px;
padding: 10px 85px 10px 15px;
}

main.warehouse>section.search>div.intern-wrapper>form>div.form-group>div.actions {
position: absolute;
right: 4px;
top: 2.5px;
}

main.warehouse>section.search>div.intern-wrapper>form>div.form-group>div.actions>button {
color: gray;
font-size: 18px;
height: 40px;
width: 40px;
}

main.warehouse>section.search>div.intern-wrapper>form>div.form-group>div.actions>button.fa-magnifying-glass {
color: #161718;
}

main.warehouse>section.search>div.intern-wrapper>form>div.form-group>div.actions>button:hover {
color: #161718;
}

main.warehouse>section.search>div.intern-wrapper>form>div.form-group>div.actions>button.fa-xmark {
position: relative;
}

main.warehouse>section.search>div.intern-wrapper>form>div.form-group>div.actions>button.fa-xmark::after {
background: #e3e3e3;
content: "";
display: block;
pointer-events: none;
position: absolute;
right: 0;
top: 50%;
translate: 0 -50%;
height: 17px;
width: 1px;
}

main.warehouse>section.search>div.intern-wrapper>form>div.form-group>div.actions>button.fa-xmark:hover {
color: #ff0000;
}

main.warehouse>section.import>div.intern-wrapper>div.table>table>tbody>tr>*:nth-of-type(1) {
width: 125px;
}

main.warehouse>section.import>div.intern-wrapper>div.table>table>tbody>tr>*:nth-of-type(2) {
flex: 1 0 0%;
min-width: 145px;
}

main.warehouse>section.import>div.intern-wrapper>div.table>table>tbody>tr>*:nth-of-type(3) {
width: 170px;
}

main.warehouse>section.import>div.intern-wrapper>div.table>table>tbody>tr>*:nth-of-type(4) {
text-align: center;
width: 80px;
}

main.warehouse>section.import>div.intern-wrapper>div.table>table>tbody>tr>*:nth-of-type(5) {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-around;
width: 85px;
}


main.warehouse>section.import>div.intern-wrapper>div.table>table>tbody>tr>*:nth-of-type(5)>a.fa-pen-to-square {
position: relative;
right: -1.5px;
}

main.warehouse>section.import>div.intern-wrapper>div.table>table>tbody>tr>*:nth-of-type(5)>a.disabled {
color: rgba(0, 0, 0, 0.3) !important;
cursor: no-drop !important;
font-weight: 100 !important;
pointer-events: all !important;
}

main.warehouse>section.import>div.intern-wrapper>div.table>table>tbody>tr>*:nth-of-type(5)>a:hover {
font-weight: 300;
}

main.warehouse>section.import>div.intern-wrapper>div.table>table>tbody>tr>*:nth-of-type(5)>a.fa-trash-can:hover {
color: #c20709;
font-weight: 900;
}

main.warehouse>section.export>div.intern-wrapper>div.table>table>tbody>tr>*:nth-of-type(1) {
width: 125px;
}

main.warehouse>section.export>div.intern-wrapper>div.table>table>tbody>tr>*:nth-of-type(2) {
flex: 1 0 0%;
min-width: 145px;
}

main.warehouse>section.export>div.intern-wrapper>div.table>table>tbody>tr>*:nth-of-type(2)>strong {
display: block;
}

main.warehouse>section.export>div.intern-wrapper>div.table>table>tbody>tr>*:nth-of-type(3) {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-around;
width: 85px;
}

main.warehouse>section.export>div.intern-wrapper>div.table>table>tbody>tr>*:nth-of-type(3)>a.fa-pen-to-square {
position: relative;
right: -1.5px;
}

main.warehouse>section.export>div.intern-wrapper>div.table>table>tbody>tr>*:nth-of-type(3)>a.disabled {
color: rgba(0, 0, 0, 0.3) !important;
cursor: no-drop !important;
font-weight: 100 !important;
pointer-events: all !important;
}

main.warehouse>section.export>div.intern-wrapper>div.table>table>tbody>tr>*:nth-of-type(3)>a:hover {
font-weight: 300;
}

main.warehouse>section.export>div.intern-wrapper>div.table>table>tbody>tr>*:nth-of-type(3)>a.fa-trash-can:hover {
color: #c20709;
font-weight: 900;
}

main.warehouse>section.refund>div.intern-wrapper>div.table>table>tbody>tr>*:nth-of-type(1) {
width: 125px;
}

main.warehouse>section.refund>div.intern-wrapper>div.table>table>tbody>tr>*:nth-of-type(2) {
flex: 1 0 0%;
min-width: 145px;
}

main.warehouse>section.refund>div.intern-wrapper>div.table>table>tbody>tr>*:nth-of-type(3) {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-around;
width: 85px;
}

main.warehouse>section.refund>div.intern-wrapper>div.table>table>tbody>tr>*:nth-of-type(3)>a.fa-pen-to-square {
position: relative;
right: -1.5px;
}

main.warehouse>section.refund>div.intern-wrapper>div.table>table>tbody>tr>*:nth-of-type(3)>a.disabled {
color: rgba(0, 0, 0, 0.3) !important;
cursor: no-drop !important;
font-weight: 100 !important;
pointer-events: all !important;
}

main.warehouse>section.refund>div.intern-wrapper>div.table>table>tbody>tr>*:nth-of-type(3)>a:hover {
font-weight: 300;
}

main.warehouse>section.refund>div.intern-wrapper>div.table>table>tbody>tr>*:nth-of-type(3)>a.fa-trash-can:hover {
color: #c20709;
font-weight: 900;
}

main.warehouse>section.search>div.intern-wrapper>div.results {
width: 100%;
}

main.warehouse>section.search>div.intern-wrapper>div.results>div:not(:last-of-type) {
margin: 0 0 19px;
}

main.warehouse>section.search>div.intern-wrapper>div.results>div>h4 {
color: gray;
display: flex;
flex-wrap: wrap;
font-size: 16px;
font-weight: 300;
line-height: 18px;
margin: 0 0 6.5px;
width: 100%;
}

main.warehouse>section.search>div.intern-wrapper>div.results>div>h4>a {
color: #161718;
margin: 0 0 0 auto;
}

main.warehouse>section.search>div.intern-wrapper>div.results>div>h4>a:hover {
color: #df146c;
}

main.warehouse>section.search>div.intern-wrapper>div.results>div.empty,
main.warehouse>section.search>div.intern-wrapper>div.results>div>div.empty {
display: flex;
flex-wrap: nowrap;
flex-direction: column;
justify-content: center;
height: calc(100vh - 230px);
}

main.warehouse>section.search>div.intern-wrapper>div.results>div.decreases {
margin: 17px 0 33px;
}

main.warehouse>section.search>div.intern-wrapper>div.results>div.decreases>h4 {
margin: 0 0 4.5px;
}

main.warehouse>section.search>div.intern-wrapper>div.results>div.decreases>h4>span {
border: 1px solid #e5e5e5;
border-radius: 50%;
color: #161718;
display: inline-flex;
justify-content: center;
align-items: center;
font-size: 12px;
font-weight: 400;
line-height: 18px;
margin: 0 0 0 7.5px;
position: relative;
top: -0.5px;
height: 20px;
width: 20px;
user-select: none;
-ms-user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
}

main.warehouse>section.search>div.intern-wrapper>div.results>div.now {
margin: 16px 0 0;
}

main.warehouse>section.search>div.intern-wrapper>div.results>div.now>div.head {
display: flex;
margin: 0 0 15px;
}

main.warehouse>section.search>div.intern-wrapper>div.results>div.now>div.head>h2 {
font-size: 18px;
font-weight: 500;
line-height: 20px;
margin: 0 auto 0 0;
}

main.warehouse>section.search>div.intern-wrapper>div.results>div.now>div.head>h2>i {
color: rgba(0, 0, 0, 0.3);
margin: 0 5px 0 0;
position: relative;
top: 1px;
}

main.warehouse>section.search>div.intern-wrapper>div.results>div.availability>div.table>table>tbody>tr>*:nth-of-type(1) {
flex: 1 0 0%;
min-width: 145px;
}

main.warehouse>section.search>div.intern-wrapper>div.results>div.availability>div.table>table>tbody>tr>*:nth-of-type(2) {
text-align: center;
width: 80px;
}

main.warehouse>section.search>div.intern-wrapper>div.results>div:not(.shippinavailabilitygs)>div.table>table>tbody>tr.return {
color: rgba(0, 0, 0, 0.3);
text-decoration: line-through;
}

main.warehouse>section.search>div.intern-wrapper>div.results>div:not(.availability)>div.table>table>tbody>tr>*:nth-of-type(1) {
width: 125px;
}

main.warehouse>section.search>div.intern-wrapper>div.results>div:not(.availability)>div.table>table>tbody>tr>*:nth-of-type(2) {
flex: 1 0 0%;
min-width: 145px;
}

main.warehouse>section.search>div.intern-wrapper>div.results>div:not(.availability)>div.table>table>tbody>tr>*:nth-of-type(3) {
text-align: center;
width: 80px;
}

main.warehouse>section.search>div.intern-wrapper>div.results>div:not(.availability)>div.table>table>tbody>tr>*:nth-of-type(4),
main.warehouse>section.search>div.intern-wrapper>div.results>div.shippings>div.table>table>tbody>tr>*:nth-of-type(3) {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-around;
width: 80px;
}

main.warehouse>section.search>div.intern-wrapper>div.results>div:not(.availability)>div.table>table>tbody>tr>*:nth-of-type(3)>a.fa-pen-to-square,
main.warehouse>section.search>div.intern-wrapper>div.results>div.shippings>div.table>table>tbody>tr>*:nth-of-type(3)>a.fa-pen-to-square {
position: relative;
right: -1.5px;
}

main.warehouse>section.search>div.intern-wrapper>div.results>div:not(.availability)>div.table>table>tbody>tr>*:nth-of-type(4)>a.disabled,
main.warehouse>section.search>div.intern-wrapper>div.results>div.shippings>div.table>table>tbody>tr>*:nth-of-type(3)>a.disabled {
color: rgba(0, 0, 0, 0.3) !important;
cursor: no-drop !important;
font-weight: 100 !important;
pointer-events: all !important;
}

main.warehouse>section.search>div.intern-wrapper>div.results>div:not(.availability)>div.table>table>tbody>tr>*:nth-of-type(4)>a:hover,
main.warehouse>section.search>div.intern-wrapper>div.results>div.shippings>div.table>table>tbody>tr>*:nth-of-type(3)>a:hover {
font-weight: 300;
}

@media (max-width: 767.98px) {
  main.warehouse>section>div.intern-wrapper>form>div.form-group {
  flex: unset;
  margin: 0 0 30px;
  width: 100%;
  }

  main.warehouse>section.import>div.intern-wrapper>form>div.form-group:not(:last-of-type) {
  margin: 0 0 15px;
  }

  main.warehouse>section.import>div.intern-wrapper>form>div.form-group:nth-of-type(2) {
  flex: 1;
  margin: 0 15px 0 0;
  max-width: 100%;
  }

  main.warehouse>section.export>div.intern-wrapper>form>div.row.items>div.form-group>button.btn-adding {
  display: block;
  font-size: 14px;
  margin: 5px 0 -20px;
  position: relative;
  right: unset;
  top: unset;
  }

  main.warehouse>section.export>div.intern-wrapper>form>div.row.items>div.form-group>button.btn-adding>span {
  color: #161718;
  display: inline;
  }

  main.warehouse>section.export>div.intern-wrapper>form>div.row.items>div.form-group>button.btn-adding>i {
  font-size: 14px;
  margin: 0 3.5px 0 0;
  position: relative;
  top: 0.5px;
  }

  main.warehouse>section:not(.export)>div.intern-wrapper>form>button[type="submit"] {
  margin: 0 0 0 auto;
  }

  main.warehouse>section.search>div.intern-wrapper>form>h2{
  display: none;
  }
}

main.generator>section>div.intern-wrapper {
max-width: 668px;
}

main.generator>section>div.intern-wrapper>form {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
width: 100%;
}

main.generator>section>div.intern-wrapper>form>small {
display: block;
font-size: 16px;
font-weight: 300;
line-height: 18px;
margin: 0 0 15.5px;
}

main.generator>section>div.intern-wrapper>form>div.form-group {
flex: 1;
margin: 0 15px 0 0;
}

main.generator>section>div.intern-wrapper>form>div.form-group>input {
line-height: 18px;
}

main.generator>section>div.intern-wrapper>form>div.form-group>small {
color: gray;
display: block;
font-size: 12px;
font-weight: 300;
line-height: 14px;
margin: 5px 0 0;
user-select: none;
-ms-user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
}

main.generator>section>div.intern-wrapper>form>button[type="submit"] {
background-color: #afca36;
border-radius: 50px;
border: unset;
color: white;
display: flex;
align-items: center;
padding: 5px;
transition: all 0.35s ease-in-out 0s;
-webkit-transition: all 0.35s ease-in-out 0s;
}

main.generator>section>div.intern-wrapper>form>button[type="submit"]>span {
font-size: 15px;
line-height: 15px;
padding: 0 7.5px 0 15px;
position: relative;
top: -0.5px;
}

main.generator>section>div.intern-wrapper>form>button[type="submit"]>i {
background-color: white;
border-radius: 50%;
color: #afca36;
display: flex;
font-size: 14px;
align-items: center;
justify-content: center;
height: 30px;
width: 30px;
transition: all 0.35s ease-in-out 0s;
-webkit-transition: all 0.35s ease-in-out 0s;
}

main.generator>section>div.intern-wrapper>form>button[type="submit"]:hover {
box-shadow: inset 0 1px 5px -2.5px green;
}

main.generator>section>div.intern-wrapper>form>button[type="submit"]:hover>span {
text-shadow: 0.5px 0.5px 1px green;
}

main.generator>section>div.intern-wrapper>form>button[type="submit"]:hover>i {
box-shadow: 1px 1px 5px -2.5px green;
}

main.generator>section>div.intern-wrapper>div.result {
display: flex;
flex-direction: column;
align-items: center;
margin: 22.5px 0 0;
}

main.generator>section>div.intern-wrapper>div.result>a {
font-size: 14px;
margin: 0 0 3.5px;
}

main.generator>section>div.intern-wrapper>div.result>a>i {
margin: 0 5px 0 0;
}

main.generator>section>div.intern-wrapper>div.result>img {
border: 1px solid #dee2e6;
border-radius: 0.5rem;
}

@media (max-width: 767.98px) {
  main.generator>section>div.intern-wrapper>form>div.form-group {
  flex: unset;
  margin: 0 0 30px;
  width: 100%;
  }

  main.generator>section>div.intern-wrapper>form>button[type="submit"] {
  margin: 0 0 0 auto;
  }
}

main.logs>section>div.intern-wrapper {
max-width: 668px;
}

main.logs>section>div.intern-wrapper>div.head {
margin: 0 0 20px;
}

main.logs>section>div.intern-wrapper>div.head>form {
flex: 1;
display: flex;
align-items: center;
}

main.logs>section>div.intern-wrapper>div.head>form>div.form-group {
background-color: white;
border: 1px solid #e5e5e5;
border-radius: 0.5rem;
display: flex;
flex: 1 0 0%;
margin: unset;
padding: 2.5px;
position: relative;
}

main.logs>section>div.intern-wrapper>div.head>form>div.form-group:hover {
border-color: #cfd4d9;
}

main.logs>section>div.intern-wrapper>div.head>form>div.form-group>input {
border: unset;
line-height: 20px;
padding: 5px 70px 5px 10px;
}

main.logs>section>div.intern-wrapper>div.head>form>div.form-group>div.actions {
position: absolute;
right: 4px;
top: 2.5px;
}

main.logs>section>div.intern-wrapper>div.head>form>div.form-group>div.actions>button {
color: gray;
font-size: 16px;
height: 30px;
width: 30px;
}

main.logs>section>div.intern-wrapper>div.head>form>div.form-group>div.actions>button.fa-magnifying-glass {
color: #161718;
}

main.logs>section>div.intern-wrapper>div.head>form>div.form-group>div.actions>button:hover {
color: #161718;
}

main.logs>section>div.intern-wrapper>div.head>form>div.form-group>div.actions>button.fa-xmark {
position: relative;
}

main.logs>section>div.intern-wrapper>div.head>form>div.form-group>div.actions>button.fa-xmark::after {
background: #e3e3e3;
content: "";
display: block;
pointer-events: none;
position: absolute;
right: 0;
top: 50%;
translate: 0 -50%;
height: 17px;
width: 1px;
}

main.logs>section>div.intern-wrapper>div.head>form>div.form-group>div.actions>button.fa-xmark:hover {
color: #ff0000;
}

main.logs>section>div.intern-wrapper>div.head>div.date {
display: flex;
margin: 0 15px;
position: relative;
top: 1px;
}

main.logs>section>div.intern-wrapper>div.head>div.date>label {
cursor: pointer;
user-select: none;
-ms-user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
}

main.logs>section>div.intern-wrapper>div.head>div.date>label>i.fa-calendar-day {
color: rgba(0, 0, 0, 0.3);
font-size: 18px;
line-height: 18px;
margin: 0 4px 0 0;
}

main.logs>section>div.intern-wrapper>div.head>div.date>label>input {
border: unset;
cursor: pointer !important;
font-size: 18px;
font-weight: 800;
font-family: "Sofia Sans Semi Condensed", sans-serif;
line-height: 18px;
padding: unset;
width: 94px;
}

main.logs>section>div.intern-wrapper>div.head>div.date>label>i.fa-angle-down {
font-size: 16px;
line-height: 18px;
}

main.logs>section>div.intern-wrapper>div.head>div.actions {
margin: 0 15px 0 0;
position: relative;
top: 0.5px;
}

main.logs>section>div.intern-wrapper>div.head>div.actions>button {
font-size: 14px;
font-weight: 300;
line-height: 14px;
}

main.logs>section>div.intern-wrapper>div.head>div.actions>button>span {
margin: 0 4.5px 0 0;
position: relative;
top: 0.5px;
}

main.logs>section>div.intern-wrapper>div.head>div.actions>button>strong {
font-weight: 300;
}

main.logs>section>div.intern-wrapper>div.head>div.actions>button>i {
font-size: 13px;
margin: 0 0 0 5.5px;
position: relative;
top: 1px;
}

main.logs>section>div.intern-wrapper>div.head>div.actions>div::before {
border-color: transparent transparent #e5e5e5 transparent;
border-style: solid;
border-width: 0 11px 12px 11px;
content: "";
position: absolute;
right: 9px;
top: -9px;
height: 0;
width: 0;
}

main.logs>section>div.intern-wrapper>div.head>div.actions>div:hover::before {
border-color: transparent transparent #cfd4d9 transparent;
}

main.logs>section>div.intern-wrapper>div.head>div.actions>div {
background-color: white;
border: 1px solid #e5e5e5;
border-radius: 0.5rem;
box-shadow: 0 0 10px -5px gray;
display: none;
padding: 7.5px 10px;
position: absolute;
top: 32px;
right: -15.5px;
z-index: 1020;
}

main.logs>section>div.intern-wrapper>div.head>div.actions>div::after {
border-color: transparent transparent white transparent;
border-style: solid;
border-width: 0 10px 12px 10px;
content: "";
position: absolute;
right: 10px;
top: -8px;
height: 0;
width: 0;
}

main.logs>section>div.intern-wrapper>div.head>div.actions>div.show {
display: block;
}

main.logs>section>div.intern-wrapper>div.head>div.actions>div:hover {
border-color: #cfd4d9;
}

main.logs>section>div.intern-wrapper>div.head>div.actions>div>small {
display: block;
font-size: 9px;
font-weight: 300;
letter-spacing: 0.5px;
text-transform: uppercase;
user-select: none;
-ms-user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
}

main.logs>section>div.intern-wrapper>div.head>div.actions>div>ul {
list-style: none;
margin: unset;
padding: unset;
white-space: nowrap;
}

main.logs>section>div.intern-wrapper>div.head>div.actions>div>ul:not(:last-of-type) {
margin: 0 0 17.5px;
}

main.logs>section>div.intern-wrapper>div.head>div.actions>div>ul>li {
cursor: pointer;
font-size: 14px;
font-weight: 300;
line-height: 16px;
margin: 0 -5px;
padding: 10px 37.5px 10px 12.5px;
position: relative;
}

main.logs>section>div.intern-wrapper>div.head>div.actions>div>ul>li>i {
margin: 0 7.5px 0 0;
}

main.logs>section>div.intern-wrapper>div.head>div.actions>div>ul>li.selected::after {
color: rgba(223, 20, 108, 0.5);
content: "\f192";
display: block;
font-family: "Font Awesome 6 Pro";
font-size: 14px;
font-weight: 400;
line-height: 14px;
position: absolute;
right: 13.5px;
top: 11.4px;
}

main.logs>section>div.intern-wrapper>div.head>div.actions>div>ul>li:hover {
background-color: #f5f5f5;
border-radius: 0.5rem;
}

main.logs>section>div.intern-wrapper>div.table>table>tbody>tr>*:nth-of-type(1) {
text-align: right;
width: 55px;
}

main.logs>section>div.intern-wrapper>div.table>table>tbody>tr>*:nth-of-type(2) {
width: 125px;
}

main.logs>section>div.intern-wrapper>div.table>table>tbody>tr>*:nth-of-type(3) {
text-align: center;
width: 85px;
}

main.logs>section>div.intern-wrapper>div.table>table>tbody>tr>*:nth-of-type(4) {
flex: 1 0 0%;
min-width: 145px;
}

main.logs>section>div.intern-wrapper>div.table>table>tbody>tr>*:nth-of-type(5) {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-around;
width: 85px;
}

main.logs>section>div.intern-wrapper>div.table>table>tbody>tr>*:nth-of-type(5)>a.fa-pen-to-square {
position: relative;
right: -1.5px;
}

main.logs>section>div.intern-wrapper>div.table>table>tbody>tr>*:nth-of-type(5)>a.disabled {
color: rgba(0, 0, 0, 0.3) !important;
cursor: no-drop !important;
font-weight: 100 !important;
pointer-events: all !important;
}

main.logs>section>div.intern-wrapper>div.table>table>tbody>tr>*:nth-of-type(5)>a:hover {
font-weight: 300;
}

main.logs>section>div.intern-wrapper>div.table>table>tbody>tr>*:nth-of-type(5)>a.fa-trash-can:hover {
color: #c20709;
font-weight: 900;
}

main.logs>section>div.intern-wrapper>div.empty,
main.logs>section>div.intern-wrapper>div.table>table>div.empty {
display: flex;
flex-wrap: nowrap;
flex-direction: column;
justify-content: center;
margin: 0 auto;
height: calc(100vh - 200px);
}

main.logs>section>div.modal>div.modal-dialog {
max-width: 728px;
}

main.logs>section>div.modal>div.modal-dialog>div.modal-content>div.modal-header>div.head>h2 {
font-size: 18px;
font-weight: 300;
line-height: 18px;
margin: auto 0;
position: relative;
top: 1px;
align-items: center;
}

main.logs>section>div.modal>div.modal-dialog>div.modal-content>div.modal-header>div.head>h2>button {
border: unset;
color: rgba(0, 0, 0, 0.3);
margin: 0 12.5px 0 0;
padding: unset;
position: relative;
top: -1px;
}

main.logs>section>div.modal>div.modal-dialog>div.modal-content>div.modal-body {
padding: 30px;
}

main.logs>section>div.modal>div.modal-dialog>div.modal-content>div.modal-body>form {
display: flex;
flex-wrap: wrap;
}

main.logs>section>div.modal>div.modal-dialog>div.modal-content>div.modal-body>form>div.form-group {
flex: 1;
margin: 0 15px 0 0;
position: relative;
}

main.logs>section>div.modal>div.modal-dialog>div.modal-content>div.modal-body>form>div.row {
margin: 0 -7.5px 15px;
width: calc(100% + 15px);
}

main.logs>section>div.modal>div.modal-dialog>div.modal-content>div.modal-body>form>div.row:first-of-type {
margin: 0 -7.5px 30px;
}

main.logs>section>div.modal>div.modal-dialog>div.modal-content>div.modal-body>form>div.row:last-of-type {
margin: 0 -7.5px 0;
}

main.logs>section>div.modal.import>div.modal-dialog>div.modal-content>div.modal-body>form>div.form-group:nth-of-type(2) {
max-width: 121px;
}

main.logs>section>div.modal>div.modal-dialog>div.modal-content>div.modal-body>form>div.row>div.form-group {
margin: 0 0 20px;
padding: 0 7.5px;
position: relative;
}

main.logs>section>div.modal.export>div.modal-dialog>div.modal-content>div.modal-body>form>div.row>div.form-group.col-8 {
width: 190.5px;
}

main.logs>section>div.modal.export>div.modal-dialog>div.modal-content>div.modal-body>form>div.row>div.form-group.col-4 {
width: 121px;
}

main.logs>section>div.modal>div.modal-dialog>div.modal-content>div.modal-body>form>div.row>div.form-group:first-of-type:last-of-type {
margin: unset;
}

main.logs>section>div.modal>div.modal-dialog>div.modal-content>div.modal-body>form>div.row:last-of-type>div.form-group:last-of-type {
margin: 0 0 30px;
}

main.logs>section>div.modal>div.modal-dialog>div.modal-content>div.modal-body>form>div.form-group>span,
main.logs>section>div.modal>div.modal-dialog>div.modal-content>div.modal-body>form>div.row>div.form-group>span {
background-color: white;
border-radius: 0.25rem;
color: gray;
font-size: 12px;
font-weight: 300;
line-height: 12px;
padding: 0 5px 0;
position: absolute;
top: -5px;
left: 11.5px;
text-transform: uppercase;
}

main.logs>section>div.modal>div.modal-dialog>div.modal-content>div.modal-body>form>div.row>div.form-group>span {
left: 21.5px;
}

main.logs>section>div.modal>div.modal-dialog>div.modal-content>div.modal-body>form>div.form-group>input,
main.logs>section>div.modal>div.modal-dialog>div.modal-content>div.modal-body>form>div.row>div.form-group>input {
line-height: 18px;
}

main.logs>section>div.modal>div.modal-dialog>div.modal-content>div.modal-body>form>div.form-group>div.options,
main.logs>section>div.modal>div.modal-dialog>div.modal-content>div.modal-body>form>div.row>div.form-group>div.options {
display: flex;
flex-wrap: wrap;
margin: 8px -7.5px 0;
}

main.logs>section>div.modal>div.modal-dialog>div.modal-content>div.modal-body>form>div.form-group>div.options>div.form-check,
main.logs>section>div.modal>div.modal-dialog>div.modal-content>div.modal-body>form>div.row>div.form-group>div.options>div.form-check {
font-size: 14px;
line-height: 20px;
margin: 0 7.5px;
}

main.logs>section>div.modal>div.modal-dialog>div.modal-content>div.modal-body>form>div.form-group>div.options>div.form-check>input,
main.logs>section>div.modal>div.modal-dialog>div.modal-content>div.modal-body>form>div.row>div.form-group>div.options>div.form-check>input {
margin: 0 7.5px 0 0;
height: 20px;
}

main.logs>section>div.modal>div.modal-dialog>div.modal-content>div.modal-body>form>div.form-group>div.options>div.form-check>input:disabled,
main.logs>section>div.modal>div.modal-dialog>div.modal-content>div.modal-body>form>div.row>div.form-group>div.options>div.form-check>input:disabled {
opacity: 1;
}

main.logs>section>div.modal>div.modal-dialog>div.modal-content>div.modal-body>form>div.form-group>div.options>div.form-check>input:checked::after,
main.logs>section>div.modal>div.modal-dialog>div.modal-content>div.modal-body>form>div.row>div.form-group>div.options>div.form-check>input:checked::after {
right: -4px;
top: -2px;
}

main.logs>section>div.modal>div.modal-dialog>div.modal-content>div.modal-body>form>div.form-group>div.options>div.form-check>label,
main.logs>section>div.modal>div.modal-dialog>div.modal-content>div.modal-body>form>div.row>div.form-group>div.options>div.form-check>label {
cursor: pointer;
}

main.logs>section>div.modal.export>div.modal-dialog>div.modal-content>div.modal-body>form>div.row.items>div.form-group>input {
padding: 10px 35px 10px 15px;
}

main.logs>section>div.modal.export>div.modal-dialog>div.modal-content>div.modal-body>form>div.row.items>div.form-group>button.btn-remove {
background-color: white;
color: rgba(0, 0, 0, 0.3);
padding: 5px;
position: absolute;
right: 15px;
top: 7px;
}

main.logs>section>div.modal.export>div.modal-dialog>div.modal-content>div.modal-body>form>div.row.items>div.form-group>button.btn-remove:hover {
color: #dd453d;
}

main.logs>section>div.modal.export>div.modal-dialog>div.modal-content>div.modal-body>form>div.row.items>div.form-group>button.btn-adding {
color: #afca36;
line-height: 14px;
position: absolute;
right: -15.5px;
top: 11px;
}

main.logs>section>div.modal.export>div.modal-dialog>div.modal-content>div.modal-body>form>div.row.items>div.form-group>button.btn-adding>span {
display: none;
}

main.logs>section>div.modal.export>div.modal-dialog>div.modal-content>div.modal-body>form>div.row.items>div.form-group>button.btn-adding>i {
font-size: 18px;
}

main.logs>section>div.modal.export>div.modal-dialog>div.modal-content>div.modal-body>form>div.row.items>div.form-group>button.btn-adding:hover {
opacity: 0.69;
}

main.logs>section>div.modal>div.modal-dialog>div.modal-content>div.modal-body>form>button[type="submit"] {
background-color: #afca36;
border-radius: 50px;
border: unset;
color: white;
display: flex;
align-items: center;
padding: 5px;
transition: all 0.35s ease-in-out 0s;
-webkit-transition: all 0.35s ease-in-out 0s;
}

main.logs>section>div.modal.export>div.modal-dialog>div.modal-content>div.modal-body>form>button[type="submit"] {
margin: 0 0 0 auto;
}

main.logs>section>div.modal>div.modal-dialog>div.modal-content>div.modal-body>form>button[type="submit"]>span {
font-size: 15px;
line-height: 15px;
padding: 0 7.5px 0 15px;
position: relative;
top: -0.5px;
}

main.logs>section>div.modal>div.modal-dialog>div.modal-content>div.modal-body>form>button[type="submit"]>i {
background-color: white;
border-radius: 50%;
color: #afca36;
display: flex;
font-size: 14px;
align-items: center;
justify-content: center;
height: 30px;
width: 30px;
transition: all 0.35s ease-in-out 0s;
-webkit-transition: all 0.35s ease-in-out 0s;
}

main.logs>section>div.modal>div.modal-dialog>div.modal-content>div.modal-body>form>button[type="submit"]:hover {
box-shadow: inset 0 1px 5px -2.5px green;
}

main.logs>section>div.modal>div.modal-dialog>div.modal-content>div.modal-body>form>button[type="submit"]:hover>span {
text-shadow: 0.5px 0.5px 1px green;
}

main.logs>section>div.modal>div.modal-dialog>div.modal-content>div.modal-body>form>button[type="submit"]:hover>i {
box-shadow: 1px 1px 5px -2.5px green;
}

main.logs>section>div.modal>div.modal-dialog>div.modal-content>div.modal-body>h3 {
font-size: 18px;
font-weight: 500;
line-height: 20px;
margin: -9px 0 15px;
}

main.logs>section>div.modal>div.modal-dialog>div.modal-content>div.modal-body>div.table {
margin: unset;
}

main.logs>section>div.modal>div.modal-dialog>div.modal-content>div.modal-body>div.table>table>tbody>tr>*:nth-of-type(1) {
flex: 1 0 0%;
min-width: 150px;
}

main.logs>section>div.modal>div.modal-dialog>div.modal-content>div.modal-body>div.table>table>tbody>tr>*:nth-of-type(2) {
width: 170px;
}

main.logs>section>div.modal>div.modal-dialog>div.modal-content>div.modal-body>div.table>table>tbody>tr>*:nth-of-type(3) {
text-align: center;
width: 80px;
}

@media (max-width: 575.98px) {
  main.logs>section>div.modal>div.modal-dialog {
  margin: unset;
  padding: unset;
  height: 100%;
  width: 100%;
  min-width: 100%;
  }
}

main.access>section>div.intern-wrapper.wrapper-fluid>div.results>div.data>a>div.details>div.name {
color: gray;
font-size: 16px;
font-weight: 300;
line-height: 18px;
}

main.access>section>div.intern-wrapper.wrapper-fluid>div.results>div.data>a:hover>div.details>div.name {
color: #161718;
}

main.access>section>div.intern-wrapper.wrapper-fluid>div.results>div.data>a>div.details>div.email {
color: gray;
font-size: 14px;
font-weight: 300;
line-height: 20px;
}

main.access>section>div.intern-wrapper.wrapper-fluid>div.results>div.data>a>div.status {
display: flex;
align-items: center;
justify-content: center;
}

main.access>section>div.intern-wrapper.wrapper-fluid>div.results>div.data>a>div.status::after {
font-family: "Font Awesome 6 Pro";
font-size: 24px;
margin: 0 0 0 10px;
position: relative;
}

main.access>section>div.intern-wrapper.wrapper-fluid>div.results>div.data>a>div.status.restricted::after {
color: #c20709;
content: "\f05e";
font-weight: 900;
}

main.access>section.selected>div.intern-wrapper.wrapper-fluid>div.wrapper>div.head {
display: flex;
flex-wrap: wrap;
}

main.access>section.selected>div.intern-wrapper.wrapper-fluid>div.wrapper>div.sub-head {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
margin: -8px 0 15.5px;
}

main.access>section.selected>div.intern-wrapper.wrapper-fluid>div.wrapper>div.sub-head>a {
border-radius: 0.5rem;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
font-size: 21px;
height: 48px;
width: 48px;
user-select: none;
-ms-user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
}

main.access>section.selected>div.intern-wrapper.wrapper-fluid>div.wrapper>div.sub-head>a.fa-user-pen {
background-color: white;
box-shadow: 0 0 5px -2.5px gray;
color: gray;
}

main.access>section.selected>div.intern-wrapper.wrapper-fluid>div.wrapper>div.sub-head>a.fa-user-pen::before {
position: relative;
left: 4px;
top: 0.5px;
}

main.access>section.selected>div.intern-wrapper.wrapper-fluid>div.wrapper>div.sub-head>a.fa-trash-can {
background-color: #161718;
color: white;
}

main.access>section.selected>div.intern-wrapper.wrapper-fluid>div.wrapper>div.sub-head>a.disabled {
cursor: no-drop;
}

main.access>section.selected>div.intern-wrapper.wrapper-fluid>div.wrapper>div.sub-head>a:hover {
opacity: 0.69;
}

main.access>section.selected>div.intern-wrapper.wrapper-fluid>div.wrapper>div.sub-head>span {
background-color: white;
border-radius: 50%;
box-shadow: 0 0 5px -2.5px gray;
color: #161718;
display: flex;
font-size: 24px;
font-weight: 300;
margin: 0 10px 0;
height: 66px;
width: 66px;
align-items: center;
justify-content: center;
text-transform: uppercase;
user-select: none;
-ms-user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
transition: all 0.25s ease-in-out 0s;
-webkit-transition: all 0.25s ease-in-out 0s;
}

main.access>section.selected>div.intern-wrapper.wrapper-fluid>div.wrapper>div:not(.head):not(.sub-head) {
display: flex;
flex-wrap: nowrap;
flex-direction: column;
}

main.access>section.selected>div.intern-wrapper.wrapper-fluid>div.wrapper>div.user {
align-items: center;
}

main.access>section.selected>div.intern-wrapper.wrapper-fluid>div.wrapper>div.user>div.details {
margin: 0 0 32.5px;
}

main.access>section.selected>div.intern-wrapper.wrapper-fluid>div.wrapper>div.user>div.details>div.name {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
font-size: 21px;
line-height: 24px;
margin: 0 0 5px;
}

main.access>section.selected>div.intern-wrapper.wrapper-fluid>div.wrapper>div.user>div.details>div.name>div.status {
display: flex;
align-items: center;
justify-content: center;
}

main.access>section.selected>div.intern-wrapper.wrapper-fluid>div.wrapper>div.user>div.details>div.name>div.status::after {
font-family: "Font Awesome 6 Pro";
font-size: 24px;
margin: 0 7.5px 0 0;
position: relative;
}

main.access>section.selected>div.intern-wrapper.wrapper-fluid>div.wrapper>div.user>div.details>div.name>div.status.restricted::after {
color: #c20709;
content: "\f05e";
font-weight: 900;
}

main.access>section.selected>div.intern-wrapper.wrapper-fluid>div.wrapper>div.user>div.details>div.email {
font-size: 16px;
font-weight: 300;
line-height: 20px;
text-align: center;
}

main.access>section.selected>div.intern-wrapper.wrapper-fluid>div.wrapper>div.user>div.actions {
display: flex;
flex-wrap: wrap;
margin: 0 -10px 35.5px;
}

main.access>section.selected>div.intern-wrapper.wrapper-fluid>div.wrapper>div.user>div.actions>button {
border: unset;
display: flex;
flex-wrap: wrap;
flex-direction: column;
margin: 0 10px;
padding: unset;
user-select: none;
-ms-user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
}

main.access>section.selected>div.intern-wrapper.wrapper-fluid>div.wrapper>div.user>div.actions>button>i {
background-color: white;
border-radius: 50%;
box-shadow: 0 7px 10px 0 rgba(0, 0, 0, 0.1);
color: #161718;
display: flex;
align-items: center;
justify-content: center;
margin: auto auto 9.5px;
height: 40px;
width: 40px;
}

main.access>section.selected>div.intern-wrapper.wrapper-fluid>div.wrapper>div.user>div.actions>button>span {
color: #161718;
font-size: 12px;
font-weight: 300;
line-height: 12px;
text-align: center;
}

main.access>section.selected>div.intern-wrapper.wrapper-fluid>div.wrapper>div.user>div.actions>button:hover {
opacity: 0.69;
}

main.access>section.selected>div.intern-wrapper.wrapper-fluid>div.wrapper>div.user>div.actions>a {
display: flex;
flex-wrap: wrap;
flex-direction: column;
margin: 0 10px;
user-select: none;
-ms-user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
}

main.access>section.selected>div.intern-wrapper.wrapper-fluid>div.wrapper>div.user>div.actions>a>i {
background-color: #161718;
border-radius: 50%;
box-shadow: 0 7px 10px 0 rgba(0, 0, 0, 0.1);
color: white;
display: flex;
align-items: center;
justify-content: center;
margin: auto auto 9.5px;
height: 40px;
width: 40px;
}

main.access>section.selected>div.intern-wrapper.wrapper-fluid>div.wrapper>div.user>div.actions>a>span {
color: #161718;
font-size: 12px;
font-weight: 300;
line-height: 12px;
text-align: center;
}

main.access>section.selected>div.intern-wrapper.wrapper-fluid>div.wrapper>div.user>div.actions>a:hover {
opacity: 0.69;
}

main.access>section.selected>div.intern-wrapper.wrapper-fluid>div.wrapper>div.others>div>div.empty,
main.access>section.selected>div.intern-wrapper.wrapper-fluid>div.wrapper>div.others>div>div>div.empty {
margin: 35px auto 20px;
}

main.access>section>div.intern-wrapper.wrapper-fluid>div.offcanvas>div.offcanvas-body>form {
flex-direction: row;
flex-wrap: wrap;
}

main.access>section>div.intern-wrapper.wrapper-fluid>div.offcanvas>div.offcanvas-body>form>div.row {
margin: 0 -10px 29px;
width: calc(100% + 20px);
}

main.access>section>div.intern-wrapper.wrapper-fluid>div.offcanvas>div.offcanvas-body>form>div.row>div.form-group>div.form-check.form-check-inline {
font-size: 16px;
line-height: 18px;
margin: 7.5px 0 -9.5px;
position: relative;
top: 1px;
}

main.access>section>div.intern-wrapper.wrapper-fluid>div.offcanvas>div.offcanvas-body>form>div.row>div.form-group>div.form-check.form-check-inline>input {
font-size: 14px;
margin: 0 8px auto 0;
height: 18px;
width: 18px;
}

main.access>section>div.intern-wrapper.wrapper-fluid>div.offcanvas>div.offcanvas-body>form>div.row>div.form-group>div.form-check.form-check-inline>input.form-check-input:checked::after {
right: -5px;
top: -2.5px;
}

main.access>section>div.intern-wrapper.wrapper-fluid>div.offcanvas>div.offcanvas-body>form>div.row>div.col-4 {
margin: unset;
}

main.access>section>div.intern-wrapper.wrapper-fluid>div.offcanvas>div.offcanvas-body>form>div.row>div.form-group>div.input-group {
border: unset;
border-radius: unset;
line-height: unset;
}

main.access>section>div.intern-wrapper.wrapper-fluid>div.offcanvas>div.offcanvas-body>form>div.row>div.form-group>div.input-group>input,
main.access>section>div.intern-wrapper.wrapper-fluid>div.offcanvas>div.offcanvas-body>form>div.row>div.form-group>div.input-group>select {
border: 1px solid #dee2e6 !important;
border-radius: 0.5rem !important;
}

main.access>section>div.intern-wrapper.wrapper-fluid>div.offcanvas>div.offcanvas-body>form>div.row>div.form-group>div.input-group>input[name="date"] {
max-width: 47.5px;
}

main.access>section>div.intern-wrapper.wrapper-fluid>div.offcanvas>div.offcanvas-body>form>div.row>div.form-group>div.input-group>select {
margin: 0 10px !important;
}

main.access>section>div.intern-wrapper.wrapper-fluid>div.offcanvas>div.offcanvas-body>form>div.row>div.form-group>div.input-group>input[name="year"] {
max-width: 64.5px;
}

main.access>section>div.intern-wrapper.wrapper-fluid>div.offcanvas>div.offcanvas-body>button,
main.access>section>div.intern-wrapper.wrapper-fluid>div.offcanvas>div.offcanvas-body>form>button.fa-trash-can,
main.access>section>div.intern-wrapper.wrapper-fluid>div.offcanvas>div.offcanvas-body>form>div.actions>button.fa-trash-can {
background-color: unset;
color: #ff292a;
font-size: 20px;
font-weight: 100;
margin: 0 auto 0 0;
padding: unset;
}

main.access>section>div.intern-wrapper.wrapper-fluid>div.offcanvas>div.offcanvas-body>button,
main.access>section>div.intern-wrapper.wrapper-fluid>div.offcanvas>div.offcanvas-body>form>button.fa-trash-can:hover,
main.access>section>div.intern-wrapper.wrapper-fluid>div.offcanvas>div.offcanvas-body>form>div.actions>button.fa-trash-can:hover {
box-shadow: unset;
font-weight: 900;
}

main.access>section>div.intern-wrapper.wrapper-fluid>div.modal>div.modal-dialog {
width: 100%;
max-width: 576px;
}

main.access>section>div.intern-wrapper.wrapper-fluid>div.modal>div.modal-dialog>div.modal-content>div.modal-header {
margin: 0 0 17px;
}

main.access>section>div.intern-wrapper.wrapper-fluid>div.modal>div.modal-dialog>div.modal-content>div.modal-header>div.head>h2 {
font-size: 18px;
font-weight: 300;
line-height: 18px;
margin: auto 0;
position: relative;
top: 1px;
}

main.access>section>div.intern-wrapper.wrapper-fluid>div.modal>div.modal-dialog>div.modal-content>div.modal-header>div.head>h2>button {
color: rgba(0, 0, 0, 0.3);
margin: 0 12.5px 0 0;
position: relative;
top: -1px;
}

main.access>section>div.intern-wrapper.wrapper-fluid>div.modal>div.modal-dialog>div.modal-content>div.modal-body {
display: flex;
flex-wrap: wrap;
padding: 0 30px 30px;
}

main.access>section>div.intern-wrapper.wrapper-fluid>div.modal>div.modal-dialog>div.modal-content>div.modal-body>small {
color: gray;
display: block;
font-size: 14px;
font-weight: 300;
line-height: 16px;
margin: 0 0 21px;
}

main.access>section>div.intern-wrapper.wrapper-fluid>div.modal>div.modal-dialog>div.modal-content>div.modal-body>small>a {
color: black;
font-weight: 400;
}

main.access>section>div.intern-wrapper.wrapper-fluid>div.modal>div.modal-dialog>div.modal-content>div.modal-body>small>a:hover {
text-decoration: underline;
}

main.access>section>div.intern-wrapper.wrapper-fluid>div.modal>div.modal-dialog>div.modal-content>div.modal-body>form {
width: 100%;
}

main.access>section>div.intern-wrapper.wrapper-fluid>div.modal>div.modal-dialog>div.modal-content>div.modal-body>form>input {
display: none;
}

main.access>section>div.intern-wrapper.wrapper-fluid>div.modal>div.modal-dialog>div.modal-content>div.modal-body>form>label {
border: 1px dashed #dee2e6;
border-radius: 0.5rem;
display: flex;
flex-wrap: nowrap;
flex-direction: column;
justify-content: center;
align-items: center;
margin: 0 0 5.5px;
padding: 30px 20px;
min-height: 200px;
}

main.access>section>div.intern-wrapper.wrapper-fluid>div.modal>div.modal-dialog>div.modal-content>div.modal-body>form>label:hover {
border-color: #cccccc;
}

main.access>section>div.intern-wrapper.wrapper-fluid>div.modal>div.modal-dialog>div.modal-content>div.modal-body>form>label>span {
color: rgba(0, 0, 0, 0.3);
display: block;
font-size: 36px;
margin: 0 0 24px;
}

main.access>section>div.intern-wrapper.wrapper-fluid>div.modal>div.modal-dialog>div.modal-content>div.modal-body>form>label>strong {
color: #161718;
display: block;
font-size: 16px;
font-weight: 500;
line-height: 18px;
}

main.access>section>div.intern-wrapper.wrapper-fluid>div.modal>div.modal-dialog>div.modal-content>div.modal-body>form>label>small {
color: gray;
display: block;
font-size: 14px;
font-weight: 300;
line-height: 16px;
position: relative;
top: 0.5px;
}

main.access>section>div.intern-wrapper.wrapper-fluid>div.modal>div.modal-dialog>div.modal-content>div.modal-body>form>small {
color: gray;
display: block;
font-size: 12px;
font-weight: 300;
line-height: 14px;
text-align: center;
}

main.access>section>div.intern-wrapper.wrapper-fluid>div.modal>div.modal-dialog>div.modal-content>div.modal-body>form>small>a {
color: black;
font-weight: 400;
}

main.access>section>div.intern-wrapper.wrapper-fluid>div.modal>div.modal-dialog>div.modal-content>div.modal-body>form>small>a:hover {
text-decoration: underline;
}

@media (max-width: 1023.98px) {
  main.access>section.selected>div.intern-wrapper.wrapper-fluid>div.wrapper {
  max-width: unset;
  }
}

main.account>section>div.intern-wrapper {
max-width: 668px;
}

main.account>section>div.intern-wrapper>form {
width: 100%;
}

main.account>section>div.intern-wrapper>form>div.row {
margin: 0 -10px 5.5px;
}

main.account>section>div.intern-wrapper>form>div.row:last-of-type {
margin: 0 -10px 16px;
}

main.account>section>div.intern-wrapper>form>div.row>div.form-group {
margin: 0 0 14px;
position: relative;
}

main.account>section>div.intern-wrapper>form>div.row>div.form-group>input {
line-height: 18px;
}

main.account>section>div.intern-wrapper>form>div.row>div.form-group>button.fa-thin.fa-eye {
background-color: white;
border-radius: 0.5rem;
border: unset;
color: gray;
padding: unset;
position: absolute;
right: 20px;
top: 37.5px;
}

main.account>section>div.intern-wrapper>form>div.row>div.form-group>button.fa-thin.fa-eye-slash {
background-color: white;
border-radius: 0.5rem;
border: unset;
color: gray;
padding: unset;
position: absolute;
right: 19px;
top: 37.5px;
}

main.account>section>div.intern-wrapper>form>button[type="submit"] {
background-color: #afca36;
border-radius: 50px;
border: unset;
color: white;
display: flex;
align-items: center;
margin: 0 0 0 auto;
padding: 5px;
transition: all 0.35s ease-in-out 0s;
-webkit-transition: all 0.35s ease-in-out 0s;
}

main.account>section>div.intern-wrapper>form>button[type="submit"]>span {
font-size: 15px;
line-height: 15px;
padding: 0 7.5px 0 15px;
position: relative;
top: -0.5px;
}

main.account>section>div.intern-wrapper>form>button[type="submit"]>i {
background-color: white;
border-radius: 50%;
color: #afca36;
display: flex;
font-size: 14px;
align-items: center;
justify-content: center;
height: 30px;
width: 30px;
transition: all 0.35s ease-in-out 0s;
-webkit-transition: all 0.35s ease-in-out 0s;
}

main.account>section>div.intern-wrapper>form>button[type="submit"]:hover {
box-shadow: inset 0 1px 5px -2.5px green;
}

main.account>section>div.intern-wrapper>form>button[type="submit"]:hover>span {
text-shadow: 0.5px 0.5px 1px green;
}

main.account>section>div.intern-wrapper>form>button[type="submit"]:hover>i {
box-shadow: 1px 1px 5px -2.5px green;
}

main.auth>section {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}

main.auth>section>div.intern-wrapper {
padding: 60px 20px 45px;
max-width: 400px;
}

main.auth>section>div.intern-wrapper>div.logo {
display: block;
margin: 15px auto 30px;
height: 38px;
width: 194px;
}

main.auth>section>div.intern-wrapper>form {
background-color: white;
box-shadow: 5px 10px 30px -25px rgba(0, 0, 0, 0.5);
border-radius: 1rem;
display: flex;
flex-wrap: nowrap;
flex-direction: column;
padding: 40px;
width: 100%;
}

main.auth>section>div.intern-wrapper>form>div.people {
margin: 0 auto 14px;
height: 150px;
width: 150px;
}

main.auth>section>div.intern-wrapper>form>div.people>img {
border-radius: 50%;
height: 100%;
width: 100%;
}

main.auth>section>div.intern-wrapper>form>div.wrapper>div.form-group:last-of-type {
margin: 0 0 30px;
}

main.auth>section>div.intern-wrapper>form>div.wrapper>button {
background-color: #161718;
border-radius: 50px;
border: unset;
color: white;
font-size: 16px;
font-weight: 300;
padding: 12.5px 15px;
width: 100%;
user-select: none;
-ms-user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
transition: all 0.35s ease-in-out 0s;
-webkit-transition: all 0.35s ease-in-out 0s;
}

main.auth>section>div.intern-wrapper>form>div.wrapper>button:hover {
opacity: 0.69;
}

main.auth>section>div.intern-wrapper>form>div.wrapper>button>i {
font-size: 18px;
margin: 0 0 0 10px;
}

@media (max-width: 767.98px) {
  main.auth {
  min-height: unset;
  }

  main.auth>section>div.intern-wrapper {
  padding: 40px !important;
  }

  main.auth>section>div.intern-wrapper>form {
  border-radius: unset;
  box-shadow: unset;
  padding: unset;
  }
}