/* Core template */
html { height: 100%; }
body { padding-top: 12px; padding-left:24px; padding-right:24px; height:100%; overflow: hidden; position: relative; }
.content { height: calc(100% - 95px); max-height:calc(100% - 95px); padding-right: 16px; margin-right: -16px; overflow-y: auto; position: relative; }
.container { width: 100% !important; padding-right: 0px !important; padding-left: 0px !important; height: 72px; }
.welcome-span { line-height: 50px; height: 50px; cursor: default; color: #000000; padding: 15px; padding-right: 8px; }
.page-footer { width:calc(100% - 48px); height:23px; text-align:center; position: fixed; bottom: 0px; }
.btn:not(.btn-secondary):hover { color: #FFFFFF !important; }
.btn-secondary:hover { background-color:#e8e8e8 !important; }
.btn { border-radius: 2px !important; }
.btn:focus { color: #FFFFFF !important; }
.navbar-nav>li>a { padding-left:12px !important; padding-right:12px !important}
.container-fluid { padding-left: 0px !important; }
#num-tasks-badge {
    position: absolute;
    top: 8px;
    right: 2px;
    background: red;
    color: white;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    font-size: 11px;
    display: none;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    pointer-events: none;
    z-index: 10;
    line-height: 1;
}
@media (max-width: 1350px) {
    .welcome-span {
        display: none !important;
    }
}
.navbar-nav li .caret {
    display: none;
}
/* Feedback */
.feedback-container { display:none; position: absolute; font-size: 16px; z-index: 99999; }
.feedback-container.status-200 { background-color: #44CC44; }
.feedback-container.status-500 { background-color: #FF4444; }
.feedback-container.with-login { top: 100px; width: 350px; color: white; text-align: center; height: 100px; left: 50%; transform: translateX(-50%); box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.3); }
.feedback-container.with-login div { position: absolute; top: 50%; transform: translateY(-50%); padding-left: 16px; padding-right: 16px; }
.feedback-container.with-topnav { top : 70px; width: calc(100% - 48px); color: white; text-align: center; height: 32px; line-height: 32px; }

/* Grid */
.jsgrid { width: 100% !important; }
.import-export-container { float: right; position: relative; top: 8px; }
.import-data { display: inline !important; }
.export-data { display: inline; }
.detail-modal { 
    border-radius: 8px;
    display: none; 
    z-index: 100; 
    width: 1000px; 
    /* height: 600px; */
    position: fixed; 
    left: calc(50% - 500px); 
    top: 50%; 
    transform: translateY(-50%); 
    background-color: #FFFFFF; 
    box-shadow: 0px 0 20px #BBBBBB; 
}
.detail-modal .detail-modal-close-x {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 32px;
    height: 32px;
    padding: 8px;
    font-size: 20px;
    cursor: pointer;
}
h3 { margin-top: 0px; }
.header-subtext { margin-left: 8px; }
.dashboard-content .header-subtext { margin-left: 0px !important; }
.detail-modal .detail-modal-content {
    height: 100%;
    padding: 32px;
}
.detail-modal .detail-modal-scroller {
    height: 100%;
    max-height: 100%;
    overflow-y: auto;
    margin-right: -32px;
    padding-right: 32px;
}
#grid, .grid-container {
    height: calc(100vh - 182px);
    min-height: 100px;
    width:100%;
    display:block;
    margin-top: 4px;
}
.ag-cell:focus { outline: none !important; }
.confirm-dialog { z-index: 200; }
a { cursor: pointer; }
.remove-rel { color: #FF0000; cursor: pointer; }
.search-results, .autosuggest-results { position: absolute; background-color: #FFFFFF; border: 1px solid #AAAAAA; }
.search-result, .autosuggest-result { padding-left: 4px; padding-right: 4px; border-bottom: 1px solid #CCCCCC; width: 100%; cursor: pointer; padding-top: 4px; padding-bottom: 4px; }
.search-result:hover, .autosuggest-result:hover { background-color: #DDDDFF; }
.search-result:last-child, .autosuggest-result:last-child { border-bottom: 0px solid black; }

.ag-cell .search-results { position: relative !important; }

.form-group { position: relative; }

body, 
    .ag-theme-balham, 
    .ag-theme-balham .ag-header,
    #grid, 
    .ag-header-cell-text, 
    .ag-floating-filter-input 
    { font-family: Arial !important; font-size: 14px; }

.columns-div { display:none; position: absolute; left: 0px; top: 0px;}
#loading {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%; 
    height: 100%; 
    background: url('/images/loading.gif') no-repeat center center; 
    z-index: 99999;
    opacity: 0.6;
    display: none;
    background-color: #FFFFFF;
}

.dropdown-menu {
    padding: 0px !important;
}
.dropdown-menu div {
    background-color : #F8F8F8;
    padding-left     : 6px;
    height           : 48px;
}
.dropdown-menu div:hover {
    background-color : #EBEBEB;
}
.dropdown-menu div a {
    line-height : 48px;
    width       : 100%;
    display     : block;
    height      : 100%;
    color       : #777;
    text-decoration : none;
}

.navbar-default .navbar-nav>.open:not(.active)>a, 
.navbar-default .navbar-nav>.open:not(.active)>a:hover, 
.navbar-default .navbar-nav>.open:not(.active)>a:focus {
    background-color: #f8f8f8 !important;
}

.navbar-header {
    width: 60px;
}

select.form-control {
    padding-left: 5px !important;
}

.bottom-button-row {
    position: absolute;
    bottom: 16px;
    right: 32px;
    width: 100%;
    text-align: right;
}

.delete-record, .cancel-record {
    margin-right: 4px;
}

.request-form {
    min-width: 700px;
}

.form-container-fields {
    overflow-y: auto;
    padding-right: 32px;
    margin-right: -32px;
    margin-bottom: 32px;
    max-height: 600px;
}

.modal-splash {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    opacity: 0.5;
    display: none;
    background-color: #FFFFFF;
}

.grid-icon-image {
    width: 20px;
    height: 20px;
}

.grid-icon-image[src="/images/add.svg"] {
    width: 16px;
    height: 16px;
}

.add-invoice-void-ticket {
    display: none !important;
}

.email-loads-preview-table {
    display: block;
    margin-top: 24px;
    max-height: 400px;
    overflow-y: auto;
    border-collapse: collapse;
}
.email-loads-preview-table td {
    padding: 0px 4px 0px 4px;
    border: 1px solid black;
    border-collapse: collapse;
}
.email-loads-preview-table tr:first-child {
    font-weight: bold;
    top: 0;
    border: 1px solid black;
    border-collapse: collapse;
}

.ui-dialog-titlebar-close {
    display: none;
}

.detail-modal-title {
    font-size: 32px;
    margin-bottom: 16px;
}

.no-show-select {
    -webkit-appearance: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    background-color: #FFFFFF !important;
    cursor: default !important;
    position: relative;
    left: -12px;
    width: auto;
}

textarea.form-control { 
    height: 90px;
}

.no-show-text-input {
    -webkit-appearance: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    background-color: #FFFFFF !important;
    cursor: default !important;
    position: relative;
    left: -12px;
}

.select2-selection {
    border: 1px solid #ccc !important;
    border-radius: 0px !important;
    padding: 2px !important;
    box-sizing: content-box !important;
}

.import-file-input { display: none !important; }

.page-prev:hover, .page-next:hover { cursor: pointer; color: blue; }
.page-prev.disabled, .page-next.disabled { cursor: not-allowed; color: #bbbbbb; }

.noselect {
    -webkit-touch-callout: none; /* iOS Safari */
      -webkit-user-select: none; /* Safari */
       -khtml-user-select: none; /* Konqueror HTML */
         -moz-user-select: none; /* Old versions of Firefox */
          -ms-user-select: none; /* Internet Explorer/Edge */
              user-select: none; /* Non-prefixed version, currently
                                    supported by Chrome, Edge, Opera and Firefox */
  }

.record-count {
    float: right;
}

.required-span {
    font-weight: bold;
    color: red;
}
.search-results, .autosuggest-results {
    z-index: 9999;
}
.grid-top-icon {
    -webkit-filter: opacity(0.8); 
    -moz-filter: opacity(0.8); 
    -ms-filter: opacity(0.8); 
    filter: opacity(0.8);
    margin-left: 8px;
}
.grid-top-icon:hover {
    -webkit-filter: opacity(0.6); 
    -moz-filter: opacity(0.6); 
    -ms-filter: opacity(0.6); 
    filter: opacity(0.6);
    cursor: pointer;
}

.input-error {
    border: 1px solid #ffc202;
}

.warning-span {
    color: #ffc202;
}

.add-json-row {
    font-size: 32px;
    cursor: pointer;
    position: absolute;
    top: 0px;
    right: 0px;
}

.json-clear-row {
    cursor: pointer;
    color: red;
    text-align: center;
    display: inline-block;
}

.nav-warning {
    cursor: pointer;
}

.dashboard-grid-header {
    font-size: 16px;
    position: relative;
    top: -8px;
}