<style media="screen">

tbody {
  min-height: 200px;
}

@keyframes sub-menu-icon {
  0% {transform: scale(2);}
}

@keyframes main-menu-icon {
  0% {transform: scale(2);}
}

@keyframes main-content {
  0%   {transform: translateY(0px);opacity: 0;}
  100% {transform: translateY(0px);opacity: 1;}
}

@keyframes from-top {
  0%   {transform: translateY(-10px);opacity: 0;}
  100% {transform: translateY(0px);opacity: 1;}
}

@keyframes main-menu-options {
  0%   {transform: translateX(-50px);opacity: 0;}
  100% {transform: translateX(0px);opacity: 1;}
}

@keyframes statistic-item {
  0%   {transform: translateY(20px);opacity: 0;}
  20%   {transform: translateY(-10px);}
  50%   {transform: translateY(5px);}
  100% {transform: translateY(0px);opacity: 1;}
}

.main-content {
  position: absolute;
  left: 250px;
  width: calc(100% - 250px);
  height: 100vh;
  display: inline-block;
  padding: 30px;
  overflow-y: auto;
  transition: 0.5s;
}

h1,h2,h3,h4,h5,h6,a,p,i:not(.sub-menu.item i),tr, .ui:not(.ui.active.dimmer):not(.ui.loader):not(.ui.popup):not(.ui.modal) {
  animation-name: main-content;
  animation-duration: 0.5s;
}

tr {
  animation-name: from-top;
  animation-duration: 0.5s;
}

.green.light {
  color: green !important;
}

.green.dark {
  color: #2bff56 !important;
}

.blue.light {
  color: #007aaa !important;
}

.blue.dark {
  color: #31c5ff !important;
}

.red.light, .red.dark {
  color: #ff3636 !important;
}

.capitilize {
  text-transform: capitalize;
}

.main-content.light {
  background: #f4f4f4d1;
}

.main-content.dark {
  background: #0b0d11e0;
}

.main-menu-container {
  width: 250px;
  min-height: 100vh;
  display: inline-block;
  transition: 0.5s;
}

.main-menu-container.light {
  background: #ffffffe3;
  border-right: 1px solid #d9d9d9;
}

.main-menu-container.dark {
  background: #181e24;
  border-right: 1px solid #3c3c3c;
}

.main-menu.item {
  padding: 15px;
}

.main-menu.item.light span {
  color: #484848;
}

.main-menu.item.dark span {
  color: #b7b7b7;
}

.main-menu-options {
  animation: main-menu-options 1s ease 0.1s 1 normal forwards;
  opacity: 0;
  width: 100%;
  padding: 20px;
  padding-right: 0;
}

.main-menu-options.light {
  border-top: 1px solid #d9d9d9;
}

.main-menu-options.dark {
  border-top: 1px solid #3c3c3c;
}

.main-menu-footer {
  position: absolute;
  bottom: 0;
  width: 250px;
  padding: 20px;
  text-align: center;
  background: transparent;
}

.main-menu-footer h1 {
  font-size: 15px;
  text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.14);
}

.main-menu-footer.light {
  border-top: 1px solid #d9d9d9;
}

.main-menu-footer.dark {
  border-top: 1px solid #3c3c3c;
}

.main-menu-footer.light span {
  color: #1f293e;
}

.main-menu-footer.dark span {
  color: white;
}

.title {
  padding-left: 10px;
  padding-right: 20px
}

.title span {
  z-index: 1;
  position: relative;
  padding-right: 1rem;
  transition: 0.5s;
}

.title.light span {
  color: #1f293e;
  background: #f4f4f4;
}

.title.dark span {
  color: #e1e1e1;
  background: #2b2a2a38;
}

.title.linear::after {
  content: '';
  width: calc(100% - 40px);
  display: block;
  height: 1px;
  position: absolute;
  top: 50%;
  z-index: 0;
}

.title.linear.light::after {
  background: rgba(0, 0, 0, 0.125);
}

.title.linear.dark::after {
  background: rgba(255, 255, 255, 0.15);
}

.table-search {
  padding: 8px;
  border-radius: 5px;
}

.table-search.light {
  background: #f2f2f2;
}

.table-search.dark {
  background: #3d3e3f;
}

.modal-header.dark {
  background: #181e24 !important;
  border-bottom: 1px solid #4444446e !important;
}

.modal-content.dark {
  background: #181e24 !important;
  color: white;
}

.modal-actions.dark {
  background: #181e24 !important;
  border-top: 1px solid #4444446e !important;
}

.input.dark {
  background: #0000005c !important;
  color: silver !important;
}

.input.dark.multiple.dropdown {
  color: gray;
}

.message-warning-header.dark {
  color: #ffeca0 !important;
}

body {
  background-color: white;
  font-family: 'Questrial', sans-serif;
  font-size: medium;
  background-size: cover !important;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;

}

h1,h2,h3,h4,h5,h6,a,p
textarea,
label,
span,
div,
input[type]:not([type=search]):not([type=url]):not([type=hidden]) {
  font-family: 'Questrial', sans-serif !important;
}

table {
  transition: all 0.5s ease 0s !important;
}

.statistic-item {
  opacity: 0;
}

.statistic-item:nth-child(2) {
  animation: statistic-item 1s ease 0.2s 1 normal forwards;
}

.statistic-item:nth-child(3) {
  animation: statistic-item 1s ease 0.3s 1 normal forwards;
}

.statistic-item:nth-child(4) {
  animation: statistic-item 1s ease 0.4s 1 normal forwards;
}

.statistic-item:nth-child(5) {
  animation: statistic-item 1s ease 0.5s 1 normal forwards;
}

.statistic-item:nth-child(6) {
  animation: statistic-item 1s ease 0.6s 1 normal forwards;
}

.credit.light {
  color: #4c4c4c !important;
}

.credit.dark {
  color: white !important;
}

input:-webkit-autofill {
  -webkit-text-fill-color: gray;
}

input:-webkit-autofill:focus {
  -webkit-text-fill-color: gray;
}

.profile-picture {
  width: 50px;
  height: 50px;
  border-radius: 200px;
}


.profile-picture.light {
  box-shadow: 0px 0px 20px #06060638;
}

.profile-picture.dark {
  box-shadow: 0px 0px 20px #ffffff38;
}

.bouquets-select-list.iotheme {
  margin-left: 0px;
  width: 100%;
  background: #0f1317;
  border-radius: 5px;
  padding: 5px;
  margin: 0;
  max-height: 200px;
  overflow: auto;
}

.bouquets-select-list.iotheme.dark {
  background: #0f1317 !important;
}

.bouquets-select-list.iotheme.light {
  background: #0f0f0f17;
}

.list-footer {
  margin: 0 !important;
  padding: 10px !important;
  border-top: 1px solid #7b7b7b2e;
  border-radius: 5px;
}

.list-footer.light {
  background: transparent !important;
  border: 1px solid #8888885c;
}

.list-footer.dark {
  background: #0f1317 !important;
}

/*jQuery UI override*/

.ui-datepicker td span, .ui-datepicker td a {
    text-align: center !important;
}

.ui-widget.ui-widget-content {
    border: 1px solid #34383e !important;
}

.ui-datepicker .ui-datepicker-title select {
    color: white;
    background: #2f3337;
    border: 0 !important;
    padding: 5px;
}

.normal-div>div {
  margin-bottom: 10px;
  display:flex;
  flex-direction: row;
  width: 100%;
  border-radius: 5px;
  padding: 10px;
  cursor: pointer;
  transition: 0.3s;
}

.normal-div.light {
  border: 1px solid rgb(223, 223, 223) !important;
  border-top: 0 !important;
  background: white !important;
}

.normal-div.light>div {
  background: #00000014;
}

.normal-div.dark {
  border: 1px solid rgb(47, 47, 47) !important;
  border-top: 0 !important;
  background: #0f1317 !important;
}

.normal-div.dark>div {
  background: #181e24;
}

.normal-div>div:hover {
  transform: scale(0.95);
  background: #fbbd08 !important;
  color: black !important;
}

.backdrops {
  overflow-y: auto;
  padding: 10px;
  width: 100%;
  height: 123px;
  border-radius: 5px;
  border-top: 0;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

.backdrops.light {
  background: white;
  border: 1px solid #ddd;
  border-top: 0;
}

.backdrops.dark {
  background: #0f1317;
  border: 0;
}

/*jQuery UI override*/
/*Semantic UI override*/

.ui.inverted.red.button, .ui.inverted.red.buttons .button {
  box-shadow: 0 0 0 2px #d01919 inset !important;
  color: #300 !important;
  background: #d01919 !important;
}

.ui.inverted.green.button, .ui.inverted.green.buttons .button {
  color: #000000d1 !important;
  background: #21ba45 !important;
}

.ui.inverted.yellow.button, .ui.inverted.yellow.buttons .button {
  box-shadow: 0 0 0 2px #ffdf05 inset !important;
  color: rgba(0,0,0,.6) !important;
  background: #ffdf05 !important;
}

.ui.inverted.blue.button, .ui.inverted.blue.buttons .button {
  box-shadow: 0 0 0 2px #348fbb inset !important;
  background: #348fbb !important;
  color: white;
}

.ui.inverted.blue.button:hover {
  background: #54c8ff !important;
}

.ui.inverted.label, .ui.inverted.labels .label {
  color: #353535 !important;
  transition: 0.5s;
}

.ui.label, .ui.labels .label {
  transition: 0.5s;
}

.ui.inverted.icon.button.small {
  box-shadow: 0 0 !important;
  background: #ffffff29 !important;
}

.ui.slider.checkbox.inverted input:focus:checked ~ .box::before, .ui.slider.checkbox input:focus:checked ~ label::before {
  background-color: white !important;
}

.ui.slider.checkbox.inverted input:checked ~ .box::before, .ui.slider.checkbox input:checked ~ label::before {
    background-color: #fff !important;
}

.ui.inverted.popup {
    background: #121a22;
    color: #fff;
    border: 1px solid #404040;
    -webkit-box-shadow: none;
}

.ui.black.message, .ui.inverted.message {
    background-color: transparent;
    color: rgba(255,255,255,.9);
    color: #ffeca0 !important;
}

.ui.dropdown.inverted .menu {
  background: #0f1317 !important;
}

.ui.dropdown.inverted .item {
  color: white !important;
}

.ui.message {
  box-shadow: 0 0 !important;
  padding: 40px;
}

.ui.info.message {
  background: #2185d01c !important;
}

.ui.info.message.inverted {
  background: #4dc7ec26 !important;
  color: #beedff !important;
}


.ui.warning.message {
  background: #ffe30033 !important;
}

.ui.warning.message.inverted {
  background: #ffd65a08 !important;
}

.ui.inverted.label, .ui.inverted.labels .label {
    background: #3e3e3e;
    color: #d2d2d2 !important;
}

.ui.vertical.menu .item i {
    transition: all 0s ease 0s;
}

.ui.vertical.menu .active.item i {
    color: rgba(0,0,0,0.70) !important;
    padding-right: 30px !important;
}

.ui.vertical.menu.inverted .active.item i {
    color: rgba(255,255,255,0.95) !important;
    padding-right: 30px !important;
}

.ui.vertical.menu .item span {
    color: gray !important;
}

.ui.vertical.menu .item {
    transition: 0.5s;
}

.ui.vertical.menu .item.active span {
    color: rgba(0,0,0,0.70) !important;
    font-size: large;
}

.ui.vertical.menu.inverted .item.active span {
    color: rgba(255,255,255,0.95) !important;
    font-size: large;
}

.ui.menu .sub-menu.active.item {
    color: rgba(79, 79, 79, 0.95) !important;
    font-weight: 400;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    height: 50px;
    margin-top: -5px;
}

.ui.menu.inverted .sub-menu.active.item {
    background: #2e3540;
}

.ui.menu.inverted .sub-menu.active.item {
    color: white !important;
    font-weight: 400;
}

.ui.menu.vertical .active.item i {
    animation-name: main-menu-icon;
    animation-duration: 0.5s;
}

.ui.menu .sub-menu.active.item i {
    /*animation-name: sub-menu-icon;*/
    animation-duration: 0.5s;
    transition: 0.3s;
    transform: translateX(-5px);
}

.ui.inverted.segment, .ui.primary.inverted.segment {
    background: #181e24 !important;
}

.ui.inverted.menu {
    background: #181e247d !important;
}

.ui.menu {
  background: #ffffff87 !important;
  border: 0 !important;
  transition: 0.5s;
}

.ui.inverted.table {
    background: #171d23 !important;
}

.ui.selection.dropdown.tight {
  min-width: max-content  !important;
}

.ui.selection.dropdown.inverted .menu > .item {
    border-top: 1px solid #2d3740 !important;
}

.ui.inverted.menu .item:not(.active), .ui.inverted.menu .item:not(.active) {
    color: #b5b5b5 !important;
    transition: 0.5s;
}

.ui.indicating.progress.blue .bar {
    background-color: #1f8cec;
}

.ui.secondary.inverted.menu a.item:hover {
    background: transparent !important;
    color: #fff !important;
}

.ui.menu {
    -webkit-box-shadow: 0 0 0 0 !important;
    box-shadow: 0 0 0 0 !important;
    margin-bottom: 0 !important;
    border-bottom: 0 !important;
}

.ui.segment {
    margin-top: 0 !important;
    transition: 0.5s;
}

.ui.modal {
  background: transparent !important;
}

.hidden {
  display: none !important;
}

.ui.inverted.table th {
    /*background-color: rgb(23, 29, 35) !important;*/
    background-color: transparent !important;
}

.ui.table thead th {
    background: white !important;
    transition: 0.5s !important;
}

.ui.dimmer.inner-loader {
    /*background-color: rgba(0, 0, 0, 0.41) !important;*/
    background-color: transparent !important;
}

.ui.menu .item::before {
    width: 0px !important;
}

.ui.pointing.menu.inverted:not(.vertical) .item:not(.active), .ui.pointing.menu.inverted:not(.vertical) .item:not(.active) {
    background: #1417243b !important;
}

.ui.inverted.pointing.menu .active.item::after {
    background: #2e3540 !important;
}

.ui.inverted.pointing.menu .active.item:hover::after {
    background: #2e3540 !important;
}

.ui.secondary.inverted.pointing.menu .active.item {
    border-right: 3px solid red !important;
}

.ui.secondary.pointing.menu .active.item {
    border-right: 3px solid red !important;
}

.ui.top.attached.popupper {
  background: transparent !important;
  border-bottom: 1px solid #d9d9d9 !important;
}

.ui.inverted.top.attached.popupper {
  background: transparent !important;
  border-bottom: 1px solid #232c35 !important;
}

.ui.bottom.attached.popupper {
  background: transparent !important;
  border-top: 1px solid #d9d9d9 !important;
}

.ui.inverted.bottom.attached.popupper {
  background: transparent !important;
  border-top: 1px solid #232c35 !important;
}

.ui.notifications.popup .items, .ui.all-notifications.items{
  border-bottom: 1px solid #d2d2d2 !important;
}

.ui.inverted.notifications.popup .items{
  border-bottom: 1px solid #232c35 !important;
}

.ui.inverted.all-notifications.items{
  border-bottom: 1px solid #8080805e !important;
}

.ui.inverted.notifications.popup .items .item .content .header, .ui.inverted.all-notifications.items .item .content .header{
  color: white !important;
}

.ui.inverted.notifications.popup .items .item .content .meta, .ui.inverted.all-notifications.items .item .content .meta{
  color: silver !important;
}

.ui.inverted.notifications.popup .items .item .content .extra, .ui.inverted.all-notifications.items .item .content .extra{
  color: gray !important;
}

.ui.table {
  border: 0 !important;
}

.ui.segment:has(table) {
  box-shadow: 0 0 0 !important;
}

.ui.inverted.top.label.attached.danger {
  background: #db2828 !important;
}

.ui.top.label.attached.danger {
  background: #ff4343 !important;
  color: white !important;
}

.ui.inverted.segment.server.danger {
  border: 1px solid #db2828 !important;
}

.ui.segment.server.danger {
  border: 1px solid #ff4343 !important;
}

.ui.checkbox.inverted .box::before, .ui.checkbox.inverted label::before {
    background: #0f1317 !important;
    border: 1px solid #757575 !important;
}

.ui.checkbox.inverted input:checked ~ .box::after, .ui.checkbox.inverted input:checked ~ label::after {
    color: rgba(255, 255, 255, 0.95);
}

.ui.left.action .ui.dropdown {
  width: max-content !important;
}

.ui.inverted.left.action .ui.dropdown {
  border: 1px solid #353535 !important;
  border-right: 0 !important;
  background: #151d24 !important;
}

.ui.inverted.button {
    -webkit-box-shadow: 0 0 0 0px #fff inset !important;
    box-shadow: 0 0 0 0px #fff inset !important;
    background: #414d59 !important;
    color: #fff !important;
    text-shadow: none !important;
}

.ui.inverted.button:hover {
    filter: brightness(1.3);
}

.ui.inverted.button:not(.red):not(.yellow):not(.blue):hover {
    color: black !important;
    box-shadow: 0 0 0 !important;
}

.ui.inverted.multiple.dropdown > .label {
    background: #424242 !important;
    color: #ddd !important;
}

/*Semantic UI override*/


</style>
