html, body {height: 100%;}

.ui-autocomplete {
    max-height: 300px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
    /* add padding to account for vertical scrollbar */
    padding-right: 20px;
}

#wrap {
    min-height: 100%;
}

#main {
    overflow:auto;
    padding-bottom: 20px;
    min-height: calc(100vh - 20px);
}  /* must be same height as the footer */

#footer {
    position: relative;
    margin-top: -20px; /* negative value of footer height */
    height: 20px;
    clear:both;
    text-align: center;
    font-size: x-small;
    color: #bababa;
}

/*Opera Fix*/
body:before {
    content:"";
    height:100%;
    float:left;
    width:0;
    margin-top:-32767px;
}

.dateCell .icon-search {visibility: hidden}
.dateCell:hover .icon-search {visibility: visible}

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

.progressAnimation{
    position: fixed;
    top: 0;
    right: 0;
    display: none;
}

input.ngPagerCurrent {
    margin-bottom: 1px!important;
}

sr-only {
    display: none;
}

div.dashboardBlock {
    background-color: #f5f5f5;
    padding: 13px;
    border-radius: 10px;
    display: inline-block;
}

table.dashboardTable tr:nth-child(even) {
    background-color: #acacac;
}

table.dashboardTable td {
    padding-right: 10px;
}

table.dashboardTable td:nth-last-child {
    padding-right: 0px;
}

.dashboardKey {
    text-align: left;
}

.dashboardValue {
    text-align: right;
}

.dashboardBlock>h4 {
    text-align: center;
}

#dashboardLogicalSwitcher {
    display: block;
}

#dashboardLogicalSwitcher>a {
    text-decoration: none;
}

#dashboardLogicalSwitcher>a:hover {
    text-decoration: none;
}

#dashboardLogicalSwitcher>a.enabled {
    cursor: pointer;
    text-decoration: none;
    color: black;

}

#dashboardLogicalSwitcher>a.disabled {
    cursor: text;
    font-weight: bold;
    color: black;
}

.dashboardTable tr {
    cursor: pointer;
}

.dashboardTable tr.noPointer {
    cursor: auto;
}

/*fix UI Grid pagination*/
.ui-grid-pager-max-pages-number {
    vertical-align: middle !important;
}

.ui-grid-pager-control-input {
    height: 14px !important;
    vertical-align: top !important;
}

button.ui-grid-pager-control {
    height: 14px !important;
}

.ui-grid-pager-row-count-picker>select {
    width: 80px !important;
}
/*end of fix UI Grid pagination*/

.novi-grid-pager-filtered-count {
    color: #1d03db;
}

.ui-grid-filter-container {
    padding: 2px 5px !important;
}

.ui-grid-icon-cancel {
    display: none;
}

.ui-grid-header-cell {
    float: left;
}

select.ui-grid-filter-select {
    height: inherit;
}

select.ui-grid-filter-select.ng-not-empty {
    color: #1d03db;
}

select.ui-grid-filter-select>option {
    color: black;
}

.tagsInput {
    width: 80%;
}

.tag-item {
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(1, #fff)) !important;
    background: -ms-linear-gradient(bottom, #eee, #fff) !important;
    background: -moz-linear-gradient(center bottom, #eee 0, #fff 100%) !important;
    background: -o-linear-gradient(#fff, #eee) !important;
}

#gridAndMap {
    display: flex;
    flex-direction: row;
}

.initialSplash {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: white;
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
}

.loadSpinner {
    position: relative;
    width: 20px;
    height: 20px;
}

@keyframes loadSpinner {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

.loadSpinner:before {
    content: '';
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    margin-left: -10px;
    border-radius: 50%;
    border: 2px solid #b6d2fc;
    border-top-color: #4983d8;
    animation: loadSpinner 1s linear infinite;
}

.ui-grid-pager-container .ui-grid-pager-control input[type="number"],
.ui-grid-pager-panel .ui-grid-pager-row-count-picker select{
    margin-bottom: 0;
}

.flex-align-center {
    display: flex;
    align-items: center;
}

.margin-0 {
    margin: 0 !important;
}

.labeled-control {
    margin: 0 !important;
    margin-right: 0.2em !important;
}

.dropdown-menu li {
    position: relative;
}
.dropdown-menu .submenu {
    display: none;
    position: absolute;
    left:100%;
    top:-7px;
    max-height: 200px;
    overflow: auto;
}
.dropdown-menu .submenu-left {
    right:100%;
    left:auto;
}

.dropdown-menu > li:hover {
    background-color: #f1f1f1
}
.dropdown-menu > li:hover > .submenu{
    display: block;
}

.account-filter-holder {
    margin-top: 10px;
}

.current-company-info {
    pointer-events: none;
    margin: 0 20px;
}