@import url(../lib/fomantic-ui/components/icon.css);
@import url(../lib/fomantic-ui/components/input.css);
@import url(../lib/fomantic-ui/components/table.css);
@import url(../lib/fomantic-ui/components/calendar.css);
@import url(../lib/fomantic-ui/components/dropdown.css);
@import url(../lib/fomantic-ui/components/popup.css);
@import url(../lib/fomantic-ui/components/transition.css);
.semantic-input {
  position: relative;
  display: flex;
  flex-direction: column;
  margin-bottom: 10px; }
  .semantic-input label {
    margin-bottom: 2px;
    color: #1F2937;
    font-size: 12px;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }

/*******************************
            Dropdown
*******************************/
.ui.dropdown .menu {
    background: #FFFFFF;
    font-size: 12px;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid #aaa;
    border-radius: 0;
    -webkit-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
}

.ui.dropdown:not(.labeled) > .dropdown.icon {
  font-size: 16px; }

.ui.dropdown .menu > .item {
    min-height: auto;
    line-height: 16px;
    /*font-size: 12px;*/
    color: #1F2937;
    padding: 10px 16px !important;
}

.ui.dropdown .menu > .message {
  padding: 6px 16px; }

.ui.dropdown .menu > .message:not(.ui) {
  color: #D1D5DB; }

.ui.dropdown .menu .menu {
  border-radius: 0 !important; }

.ui.dropdown > .text > i.icons,
.ui.dropdown > .text > i.icon,
.ui.dropdown > .text > .label,
.ui.dropdown > .text > .flag,
.ui.dropdown > .text > img,
.ui.dropdown > .text > .image,
.ui.dropdown .menu > .item > i.icons,
.ui.dropdown .menu > .item > i.icon,
.ui.dropdown .menu > .item > .label,
.ui.dropdown .menu > .item > .flag,
.ui.dropdown .menu > .item > .image,
.ui.dropdown .menu > .item > img {
  margin-left: 0;
  margin-right: 12px; }

.ui.search.dropdown > .text {
  display: block;
  max-height: 26px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

select.ui.dropdown {
    height: 40px;
    min-height: 40px;
    padding: 0.5em;
    border: 1 solid #aaa;
}

/* Displays like a select box */
.ui.selection.dropdown {
    line-height: 2;
    min-width: 80px;
    height: 40px;
    min-height: 40px;
    background: #FFFFFF;
    padding: 6px 50px 6px 16px;
    color: #1F2937;
    border: 1px solid #ddd;
    border-radius: .25rem;
    -webkit-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
}

.ui.selection.dropdown.search.multiple {
  height: auto; }

.ui.selection.dropdown.search.multiple > input.search {
  padding: 0;
  line-height: 1; }

    .ui.selection.dropdown.search.multiple > .label {
        padding: 4px 10px;
        font-size: 10px;
    }

.ui.selection.dropdown.search.multiple > .label > i.delete {
  margin: 0 6px;
  cursor: pointer; }

.ui.selection.dropdown > .search.icon,
.ui.selection.dropdown > .delete.icon,
.ui.selection.dropdown > .dropdown.icon {
  padding: 9px 12px;
  right: 14px;
  -webkit-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out; }

/*  Selection Menu */
.ui.selection.dropdown .menu {
  margin: 2px -2px;
  min-width: calc(100% + 4px);
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none; }

.ui.selection.dropdown .menu > .message {
  padding: 6px 16px; }

/* Menu Item */
.ui.selection.dropdown .menu > .item {
  border-top: 1px solid #F9FAFB;
  /*padding: 6px !important;*/ 

}

/* Hover */
    .ui.selection.dropdown:hover {
        border-color: #ced4da;
    }

/* Active */
.ui.selection.active.dropdown {
    border-color: #ced4da;
    -webkit-box-shadow: none;
    box-shadow: none;
}

    .ui.selection.active.dropdown .menu {
        border-color: #ced4da;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

/* Focus */
.ui.selection.dropdown:focus {
    border-color: #ced4da;
}

    .ui.selection.dropdown:focus .menu {
        border-color: #ced4da;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

/* Visible */
.ui.selection.visible.dropdown > .text:not(.default) {
  color: #1F2937; }

/* Visible Hover */
.ui.selection.active.dropdown:hover {
    border-color: #ced4da;
    -webkit-box-shadow: none;
    box-shadow: none;
}

    .ui.selection.active.dropdown:hover .menu {
        border-color: #ced4da;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

/* Connecting Border */
.ui.active.selection.dropdown {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important; }

/* Empty Connecting Border */
.ui.active.empty.selection.dropdown {
  border-radius: 0 !important; }

/* Search Selection */
.ui.search.selection.dropdown > input.search {
  line-height: 1.5;
  padding: 6px 50px 6px 16px; }

/* Used to size multi select input to character width */
.ui.search.selection.dropdown > span.sizer {
  line-height: 1.5;
  padding: 6px 50px 6px 16px; }

.ui.active.search.dropdown input.search:focus + .text {
  color: #9CA3AF !important; }

/* Clearable Selection */
.ui.dropdown > .remove.icon {
  height: 34px;
  font-size: 14px;
  top: 11px; }

/* Menu Item Active */
.ui.dropdown .menu .active.item {
  color: #1F2937; }

/* Menu Item Hover */
.ui.dropdown .menu > .item:hover {
  background: #7638ff; }

/* Selected Item */
.ui.dropdown.selected, .ui.dropdown .menu .selected.item {
  background: #7638ff;
  color: #fff; }

/* Default Side (Right) */
.ui.dropdown .right.menu > .menu, .ui.dropdown .menu .right.menu {
  border-radius: 0 !important; }

.ui.dropdown > .left.menu .menu, .ui.dropdown .menu .left.menu {
  border-radius: 0 !important; }

/* Upward Main Menu */
.ui.upward.dropdown > .menu {
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0; }

/* Active Upward */
.ui.simple.upward.active.dropdown, .ui.simple.upward.dropdown:hover {
  border-radius: 0 !important; }

.ui.upward.dropdown.button:not(.pointing):not(.floating).active {
  border-radius: 0; }

/* Selection */
.ui.upward.selection.dropdown .menu {
  -webkit-box-shadow: none;
  box-shadow: none; }

.ui.upward.selection.dropdown:hover {
  -webkit-box-shadow: none;
  box-shadow: none; }

/* Active Upward */
.ui.active.upward.selection.dropdown {
  border-radius: 0 !important; }

/* Visible Upward */
.ui.upward.selection.dropdown.visible {
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0 !important; }

/* Visible Hover Upward */
.ui.upward.active.selection.dropdown:hover {
  -webkit-box-shadow: none;
  box-shadow: none; }

.ui.upward.active.selection.dropdown:hover .menu {
  -webkit-box-shadow: none;
  box-shadow: none; }

.ui.dropdown .scrolling.menu {
  border-radius: 0 !important; }

/* Regular Label on Left */
.ui.labeled.input:not([class*="corner labeled"]) .label:first-child + .dropdown {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

/* Regular Label on Right */
.ui[class*="right labeled"].input > .dropdown:not(:last-child) {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important; }

.ui[class*="right labeled"].input > .dropdown + .label {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.ui.simple.active.dropdown, .ui.simple.dropdown:hover {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important; }

.ui.floating.dropdown > .menu {
  border-radius: 0 !important; }

.ui.pointing.dropdown > .menu {
  border-radius: 0; }

/* Upward pointing */
.ui.pointing.upward.dropdown .menu, .ui.top.pointing.upward.dropdown .menu {
  border-radius: 0; }

.ui.pointing.dropdown > .menu:not(.hidden):after {
  content: none; }

/*******************************
            Calendar
*******************************/
.ui.ui.calendar .ui.table tr .disabled {
  color: #D1D5DB; }

.ui.calendar .ui.table tr .adjacent:not(.disabled):not(.active) {
  color: #4B5563;
  background: rgba(66, 135, 182, 0.03); }

.ui.calendar .ui.table tr td.range {
  background: #7638ff;
  color: #1F2937; }

.ui.calendar:not(.disabled) .calendar:focus .ui.table tbody tr td.focus, .ui.calendar:not(.disabled) .calendar.active .ui.table tbody tr td.focus {
  -webkit-box-shadow: inset 0 0 0 1px #7638ff;
  box-shadow: inset 0 0 0 1px #7638ff; }

.ui.inverted.calendar:not(.disabled) .calendar:focus .ui.table.inverted tbody tr td.focus, .ui.inverted.calendar:not(.disabled) .calendar.active .ui.table.inverted tbody tr td.focus {
  -webkit-box-shadow: inset 0 0 0 1px #7638ff;
  box-shadow: inset 0 0 0 1px #7638ff; }

/*******************************
           Inputs
*******************************/
.ui.input {
  font-size: 16px;
  width: 100%;
  color: #1F2937; }

/* Hover */
    .ui.input.focus > input, .ui.input > input:hover {
        border-color: #ced4da;
    }

.ui.input > input {
  height: 40px;
  min-height: 40px;
  line-height: 1.5;
  padding: 6px 16px;
  border: 1px solid #aaa;
  color: #1F2937;
  border-radius: 0;
  transition: all 0.25s ease-out; }

    .ui.input.focus > input, .ui.input > input:focus {
        border-color: #ced4da;
        color: #1F2937;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

.ui.icon.input > i.icon {
  border-radius: 0; }

.ui.ui.ui.ui.icon.input > textarea, .ui.ui.ui.ui.icon.input > input {
  padding-right: 42px; }

/* Left Icon Input */
.ui[class*="left icon"].input > i.icon {
  border-radius: 0; }

.ui.ui.ui.ui[class*="left icon"].input > textarea, .ui.ui.ui.ui[class*="left icon"].input > input {
    padding-left: 42px;
    padding-right: 16px;
    border-radius: .25rem;
}

.ui.labeled.input:not([class*="corner labeled"]) .label:first-child + input:focus {
  border-left-color: #7638ff; }

.ui[class*="right labeled"].input > input:focus {
  border-right-color: #7638ff !important; }

/* Corner Label */
.ui.labeled.input .corner.label {
  border-radius: 0; }

/* Button and Dropdown */
.ui.action.input > .dropdown:first-child, .ui.action.input > .button:first-child, .ui.action.input > .buttons:first-child > .button {
  border-radius: 0; }

.ui.action.input > .dropdown:last-child, .ui.action.input > .button:last-child, .ui.action.input > .buttons:last-child > .button {
  border-radius: 0; }

/* Input Focus */
.ui.action.input:not([class*="left action"]) > input:focus {
  border-right-color: #7638ff; }

.ui.ui[class*="left action"].input > input:focus {
  border-left-color: #7638ff; }