[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
    display: none !important;
}

body .ui.table thead th {
    background: linear-gradient(to bottom, #fff 0%,#f9fafb 100%);
}

.header .title {
    margin-left: 0.6rem;
}

.modal {
    bottom: auto;
}

.content {
    overflow-y: scroll;
}


.ui.tiny.modal {
    width: 500px;
}

.collapsing {
    overflow: inherit;
    height: auto;
}

.ui.message.message-popup {
    position: fixed !important;
    z-index: 200;
    width: 1097px;
    bottom: 0;
}

tr.success {
    background: #fcfff5;
}

tr.error {
    background: #fff6f6;
}

tr.change {
    background: #e0ebff;
}

tr.playing {
    background: #e0ebff;
}

.ui.table .uib-datepicker-popup thead th {
    padding: 0;
}

.ui.table .uib-datepicker-popup td {
    padding: 0;
    text-align: center;
    border-top: 0;
}

.ui.selection.dropdown:disabled {
    opacity: 0.45;
}

.checkbox input[type="checkbox"] {
    margin: 0;
}

.ui.message li {
    list-style-type: none;
}

.ui.selection.dropdown {
    padding: 0 7px;
}

.ui-select-bootstrap {
    width: 100%;
}

.ui-select-bootstrap .ui-select-choices-row>span {
    white-space: normal;
}

.ui.form .ui.button:focus, .ui.modal .actions .ui.button:focus {
    background-color: rgba(212, 212, 212, 0.3) !important;
}

.ui-select-offscreen {
    clip: rect(0 0 0 0) !important;
    width: 1px !important;
    height: 1px !important;
    border: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    position: absolute !important;
    outline: 0 !important;
    left: 0px !important;
    top: 0px !important;
}

.btn-default-focus {
    color: #333;
    background-color: #EBEBEB;
    border-color: #ADADAD;
    text-decoration: none;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.ui-select-bootstrap .ui-select-toggle {
    position: relative;
}

.ui-select-bootstrap .ui-select-toggle > .caret {
    position: absolute;
    height: 10px;
    top: 50%;
    right: 10px;
    margin-top: -2px;
}

.table>tbody>tr>td {
    vertical-align: middle;
}

.ui-select-bootstrap > .ui-select-choices, .ui-select-bootstrap > .ui-select-no-choice {
    max-height: 500px;
}

/* Fix Bootstrap dropdown position when inside a input-group */
.input-group > .ui-select-bootstrap.dropdown {
    /* Instead of relative */
    position: static;
}

.input-group > .ui-select-bootstrap > input.ui-select-search.form-control {
    border-radius: 4px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.input-group > .ui-select-bootstrap > input.ui-select-search.form-control.direction-up {
    border-radius: 4px !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.ui-select-bootstrap > .ui-select-match > .btn{
    /* Instead of center because of .btn */
    text-align: left !important;
}

.ui-select-bootstrap > .ui-select-match > .caret {
    position: absolute;
    top: 45%;
    right: 15px;
}

@media only screen and (max-width: 767px) {
    .hideMobile {
        display: none !important;
    }
}