body {
  background: #F7F7F9;
  font-family: "Noto Sans", sans-serif;
  font-size: 0.9rem;
}
body h1, body h2 {
  font-size: 1.3rem;
  font-weight: 700;
}
body label {
  text-transform: uppercase;
  font-weight: 800;
  font-size: 0.8rem;
  color: #919191;
}
body a {
  color: #4B2AF8;
  text-decoration-line: none;
}
body a:hover {
  font-weight: 600;
}
body .grey {
  color: #919191;
}
body ul.action {
  margin: 0px;
}
body ul.action li {
  padding: 0px 0px 0px 10px;
  display: inline;
  margin-right: 1rem;
  list-style-type: none;
}
body .chat .message {
  display: flex;
  padding: 0.8rem;
  margin-bottom: 1rem;
  border-radius: 10px;
  line-height: 0.9rem;
}
body .chat .message.from {
  margin-left: 2rem;
  background: #cac1ff;
}
body .chat .message.owner {
  background: #c1fff6;
  margin-right: 2rem;
}
body .chat .time {
  display: flex;
  font-size: 0.8rem;
  color: #333;
}
body .chat .time.from {
  justify-content: end;
}
.navigator {
  margin-bottom: 3rem;
  background: #fff;
  border-bottom: 1px solid #F0F0F2;
}
.navigator .brand {
  font-family: "Noto Sans", sans-serif;
  font-size: 2rem;
  color: #4B2AF8;
}
.navigator .navi-inner {
  min-height: 100px;
}
.navigator .navi-urls a {
  margin-right: 2rem;
  font-size: 1.1rem;
  font-weight: bold;
  text-decoration: none;
  color: #000;
}

footer a.brand {
  color: #53B2E4;
}

.form-group label {
  font-weight: 600;
}
.form-group .input-group-text {
  padding-left: 1rem;
  padding-right: 1rem;
  font-weight: 100;
  font-size: 0.9rem;
  color: #6D7C91;
  background: #F1F5F9;
}
.form-group .input-group-prepend .input-group-text {
  -webkit-border-top-left-radius: 10px !important;
  -webkit-border-bottom-left-radius: 10px !important;
  -moz-border-radius-topleft: 10px !important;
  -moz-border-radius-bottomleft: 10px !important;
  border-top-left-radius: 10px !important;
  border-bottom-left-radius: 10px !important;
}
.form-group .input-group-append .input-group-text {
  -webkit-border-top-right-radius: 10px !important;
  -webkit-border-bottom-right-radius: 10px !important;
  -moz-border-radius-topright: 10px !important;
  -moz-border-radius-bottomright: 10px !important;
  border-top-right-radius: 10px !important;
  border-bottom-right-radius: 10px !important;
}
.form-group .form-control[type=text], .form-group .form-control[type=readonly], .form-group .form-control[type=number], .form-group .form-control[type=url], .form-group .form-control[type=password], .form-group .form-control[type=email], .form-group .form-control.force {
  height: 50px !important;
  line-height: 50px !important;
}
.form-group .form-control[type=text]:not(.br-nostart):not(.radius-none), .form-group .form-control[type=readonly]:not(.br-nostart):not(.radius-none), .form-group .form-control[type=number]:not(.br-nostart):not(.radius-none), .form-group .form-control[type=url]:not(.br-nostart):not(.radius-none), .form-group .form-control[type=password]:not(.br-nostart):not(.radius-none), .form-group .form-control[type=email]:not(.br-nostart):not(.radius-none), .form-group .form-control.force:not(.br-nostart):not(.radius-none) {
  border-radius: 10px !important;
}
.form-group .form-control[type=text].br-nostart, .form-group .form-control[type=readonly].br-nostart, .form-group .form-control[type=number].br-nostart, .form-group .form-control[type=url].br-nostart, .form-group .form-control[type=password].br-nostart, .form-group .form-control[type=email].br-nostart, .form-group .form-control.force.br-nostart {
  -webkit-border-top-right-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  -moz-border-radius-topright: 10px;
  -moz-border-radius-bottomright: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
.form-group .form-control[type=text].radius-none, .form-group .form-control[type=readonly].radius-none, .form-group .form-control[type=number].radius-none, .form-group .form-control[type=url].radius-none, .form-group .form-control[type=password].radius-none, .form-group .form-control[type=email].radius-none, .form-group .form-control.force.radius-none {
  border-radius: 0px !important;
}

.btn:disabled {
  cursor: not-allowed;
  pointer-events: all !important;
}
.btn.btn-action.less_round, .btn.btn-action.lr, .btn.btn-outline-action.less_round, .btn.btn-outline-action.lr {
  border-radius: 5px !important;
}
.btn.btn-action.btn-sm, .btn.btn-outline-action.btn-sm {
  padding: 0.5rem 1rem;
}
.btn.btn-action.btn-xs, .btn.btn-outline-action.btn-xs {
  padding: 0.3rem 1rem;
  font-size: 0.8rem;
}
.btn.btn-action {
  background: rgb(0, 100.5198019802, 155) !important;
  border-color: rgb(0, 100.5198019802, 155);
  border-radius: 24px !important;
  font-size: 0.9rem;
  font-weight: 600;
  padding: 0.8rem 1rem;
  color: #fff;
}
.btn.btn-action:active, .btn.btn-action:focus, .btn.btn-action:hover {
  background: rgb(2, 166.0742574257, 255) !important;
  border-color: rgb(2, 166.0742574257, 255) !important;
}
.btn.btn-action.green {
  background: rgb(59.0361445783, 164.4578313253, 45.5421686747) !important;
  border-color: rgb(59.0361445783, 164.4578313253, 45.5421686747);
}
.btn.btn-action.green:hover {
  background: #4cc93c !important;
  border-color: #4cc93c !important;
}
.btn.btn-action.red {
  background: #c93c3c !important;
  border-color: #c93c3c !important;
}
.btn.btn-action.red:hover {
  background: rgb(164.4578313253, 45.5421686747, 45.5421686747) !important;
  border-color: rgb(164.4578313253, 45.5421686747, 45.5421686747) !important;
}
.btn.btn-outline-action {
  color: rgb(0, 100.5198019802, 155);
  border-color: rgb(0, 100.5198019802, 155);
  border-radius: 24px !important;
  font-size: 0.9rem;
  font-weight: 600;
  padding: 0.8rem 1rem;
}
.btn.btn-outline-action.grey {
  color: #919191;
  border-color: #919191;
}
.btn.btn-outline-action.white {
  color: #fff !important;
  border-color: #fff;
}
.btn.btn-outline-action.green {
  color: #4cc93c;
  border-color: #4cc93c;
}
.btn.btn-outline-action.green:hover {
  background: #4cc93c !important;
  border-color: #4cc93c !important;
}
.btn.btn-outline-action.red {
  color: #c93c3c;
  border-color: #c93c3c;
}
.btn.btn-outline-action.red:hover {
  background: #c93c3c !important;
  border-color: #c93c3c !important;
}
.btn.btn-outline-action.orange {
  color: #ca9c03;
  border-color: #f4bb00;
}
.btn.btn-outline-action.orange:hover {
  background: #f4bb00 !important;
  border-color: #f4bb00 !important;
  color: #333 !important;
}
.btn.btn-outline-action.smallradius {
  border-radius: 10px !important;
}
.btn.btn-outline-action.active, .btn.btn-outline-action:active, .btn.btn-outline-action:focus, .btn.btn-outline-action:hover {
  color: #fff !important;
  background-color: rgb(0, 100.5198019802, 155);
  border-color: rgb(0, 100.5198019802, 155) !important;
}
.btn.btn-primary {
  background: #35B8FF;
  border-color: #35B8FF;
}
.btn.btn-primary:active, .btn.btn-primary:focus, .btn.btn-primary:hover {
  background: rgb(0, 133.5940594059, 206) !important;
  border-color: rgb(0, 133.5940594059, 206) !important;
}
.btn.btn-outline-primary {
  color: #35B8FF;
  border-color: #35B8FF;
}
.btn.btn-outline-primary:active, .btn.btn-outline-primary:focus, .btn.btn-outline-primary:hover {
  color: #fff;
  background: rgb(0, 133.5940594059, 206) !important;
  border-color: rgb(0, 133.5940594059, 206) !important;
}
.btn.btn-warning {
  color: #fff;
  background: #F7A31E;
  border-color: #F7A31E;
}
.btn.btn-warning:active, .btn.btn-warning:focus, .btn.btn-warning:hover {
  background: rgb(218.2403433476, 136.7639484979, 7.7596566524) !important;
  border-color: rgb(218.2403433476, 136.7639484979, 7.7596566524) !important;
}
.btn.btn-warning .new_messages_bullet {
  background: #F7A31E;
}
.btn.btn-outline-warning {
  color: #F7A31E;
  border-color: #F7A31E;
}
.btn.btn-outline-warning:active, .btn.btn-outline-warning:focus, .btn.btn-outline-warning:hover {
  color: #fff;
  background: rgb(218.2403433476, 136.7639484979, 7.7596566524) !important;
  border-color: rgb(218.2403433476, 136.7639484979, 7.7596566524) !important;
}
.btn.btn-outline-silver {
  color: #37465a;
  border-color: #d8e2f0;
  background-color: transparent;
  font-weight: 400;
  border-radius: 3px;
}
.btn.btn-outline-silver:active, .btn.btn-outline-silver:focus, .btn.btn-outline-silver:hover {
  background: #f0f4fa;
  border-color: rgb(203.5, 203.5, 203.5);
}
.btn.btn-silver {
  color: #37465a;
  border-color: #d8e2f0;
  background-color: #f0f4fa;
  font-weight: 400;
  border-radius: 3px;
}
.btn.btn-silver:active, .btn.btn-silver:focus, .btn.btn-silver:hover {
  background: transparent;
  border-color: rgb(203.5, 203.5, 203.5);
}
.btn.btn-outline-silver {
  color: #37465a !important;
  border-color: #d8e2f0;
  font-weight: 400;
  border-radius: 3px;
}
.btn.btn-outline-silver:active, .btn.btn-outline-silver:focus, .btn.btn-outline-silver:hover {
  background: transparent !important;
  border-color: rgb(203.5, 203.5, 203.5) !important;
}
