.container-fluid {
  padding-left: 30px;
  padding-right: 30px
}

body {
  background-color: #fafafa !important;
  -ms-transition: all 0.7s;
  -o-transition: all 0.7s;
  -webkit-transition: all 0.7s;
  transition: all 0.7s;
}

.navbar {
  background-color: #00a0ff;
  border-top: none;
}

.navbar-default .navbar-nav>li>a {
  color: #fff;
}

.nav-tabs {
  background-color: #fff;
  margin-bottom: 30px;
}

.modal .nav-tabs {
  margin-bottom: 10px;
}

.nav-tabs > li.active > a {
  background: linear-gradient(to bottom, #E7F6FF, #fff 25%);
  color: #333333;
  border-top: 1px solid #00a0ff;
  -ms-border-radius: 0px;
  border-radius: 0px;
  -ms-transition: 0.222s;
  -o-transition: 0.222s;
  -webkit-transition: 0.222s;
  transition: 0.222s;
  -ms-opacity: 1;
  opacity: 1;
  border-bottom-color: #fff;
}

.nav-tabs > li.active > a:focus {
  background: linear-gradient(to bottom, #E7F6FF, #fff 25%);
  color: #333333;
  border-top: 1px solid #00a0ff;
  -ms-border-radius: 0px;
  border-radius: 0px;
  -ms-transition:0.222s;
  -o-transition:0.222s;
  -webkit-transition:0.222s;
  transition:0.222s;
  -ms-opacity:1;
  opacity:1;
  border-bottom-color:#fff;
}

.nav-tabs > li > a:hover {
  background-color: #fff;
  -ms-opacity:1;
  opacity:1;
  color: #333333;
  -ms-border-radius: 0px;
  border-radius: 0px;
  -ms-transition:0.222s;
  -o-transition:0.222s;
  -webkit-transition:0.222s;
  transition:0.222s;
  border-top:1px solid transparent;
  border-right:1px solid transparent;
  border-left:1px solid transparent;
}

.nav-tabs > li.active > a:hover {
  background: linear-gradient(to bottom, #E7F6FF, #fff 25%);
  color: #333333;
  -ms-border-radius: 0px;
  border-radius: 0px;
  -ms-transition:0.222s;
  -o-transition:0.222s;
  -webkit-transition:0.222s;
  transition:0.222s;
  border-bottom-color:#fff;
}

.nav-link {
  cursor: grab;
}

h4 {
  color: #177CB8;
  margin-top: 0px;
}

.col-offset-1-5 {
 margin-left: 4.1666666%;
}

.modal-header {
  padding: 10px 15px !important;
  background-color: #fafafa;
}

.modal-footer {
  background-color: #fff;
  border-top: 0px;
}

.modal-body {
  background-color: #fff;
}

.control-label {
  font-size: 12px;
  white-space: nowrap;
  -ms-transition: all 0.7s;
  -o-transition: all 0.7s;
  -webkit-transition: all 0.7s;
  transition: all 0.7s;
}

.source-container {
  -ms-transition: all 0.7s;
  -o-transition: all 0.7s;
  -webkit-transition: all 0.7s;
  transition: all 0.7s;
}

.col-sm-11{
  min-width:540px;
}

.body-content {
  padding: 2em 2em 2em;
  margin-bottom: 2em;
  background-color: #fff;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border: solid 1px gainsboro;
  box-shadow: 0 3px 20px rgba(0, 0, 0, 0.05);
}

.heading {
  color: #4d4d4d;
  background-color: #f5f5f5;
  border: 1px solid #ddd;
  border-bottom: 0px;
  padding: 10px 15px;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}

.breadcrumb {
  padding: 8px 15px;
  margin-bottom: 0px;
  list-style: none;
  background-color: transparent;
  -ms-border-radius: 4px;
  border-radius: 4px;
}

.error {
  color: #a94442;
}

i.fa.blue {
  color: #177CB8;
}

.form-result {
  top: 130px;
  margin-left: 5px;
}

.body-content .form-result {
  left: calc(4em + 32px);
}

#connectionFormResult, #csTableResultContainer, #addedSourceTableResult, #setTablesResult, #sendEmailResult, #historyTableError {
  left: calc(4.1666666% + 45px);
}

#lic-error, .unauthorized-warning {
  left: calc(4.1666666% + 5px);
}

/* API */
.panel-heading h5 {
  margin:0px;
}

#api-main {
  padding: 15px 35px 35px;
  margin-bottom: 2em;
  background-color: #fff;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border: solid 1px gainsboro;
  box-shadow: 0 3px 20px rgba(0, 0, 0, 0.05);
}

#api-main h3 {
  margin-top:0px;
}

.ex-curl {
  display: none;
}

.api-title {
  display: none;
}

.api-section {
  padding-bottom: 12px;
}

.api-list>li {
  padding: 8px 5px;
}

.api-list>li.selected {
  background: #eee;
}

.cursor, .pointer-cursor, #navbar-body li.main-nav {
  cursor: pointer;
}

.panel-head-http {
  padding: 0px;
}

.panel-head-url {
  vertical-align: middle;
  word-wrap: break-word;
}

#header-logo {
  padding-top: 18px;
}

#table-list {
  cursor: pointer;
}

#sp-list {
  cursor: pointer;
}

.conn-sec {
  position: relative;
}

.conn-sec-btn {
  position: absolute;
  bottom: 0;
  right: 0;
}

input[type="checkbox"] {
  cursor: pointer
}

.conn-table:hover {
  cursor: pointer;
}

.pointercursor {
  cursor: pointer;
}

.connection-name, .connection-connectionstring {
  word-break: break-all;
}

.template-well {
  margin: 0px;
  padding-top: 10px;
}

.template-panel, .template-panel .panel-body table {
  margin-bottom: 0px;
}

.template-panel .panel-heading {
  padding-left: 0px;
}

.template-panel .panel-heading table tr th {
  padding-left: 8px;
  padding-right: 8px;
}

.template-panel .panel-body {
  padding: 0px;
}

.conn-textarea {
  max-width: 707px;
}

tr.user-selected-row td, tr.user-selected-row:hover td {
  background-color: #B0BED9 !important;
}

.search-bar .input-group {
  width: 100%;
}

.search-bar .input-group .input-group-btn {
  width: 1%;
}

tr.user-selected-row td, tr.user-selected-row:hover td {
  background-color: #B0BED9 !important;
}

.search-bar .input-group {
  width: 100%;
}

.search-bar .input-group .input-group-btn {
  width: 1%;
}

.icon-btn-container {
  display: inline-block;
  height: 16px;
  width: 25px;
}

td i.fa, .icon-btn {
  margin: 0px 6px;
  font-size: 16px;
}

.icon-btn-container:hover i.fa, .editable i.fa:hover, .icon-btn:hover {
  -webkit-transform: scale(1.3);
  -moz-transform: scale(1.3);
  -o-transform: scale(1.3);
  transform: scale(1.3);
}

.clear {
  clear: both;
}

.required-red {
  color: #ff0000;
}

table.dataTable th.checkbox-column, .dataTable td.checkbox-column {
  padding-left: 3px !important;
  padding-right: 3px !important;
}

table.dataTable th.checkbox-column input.checkbox-toggle-all {
  margin-left: 0px !important;
}


/* connections table */
.connections-page .popover {
  max-width: 60%;
  word-break: break-all;
}

.connections-page .body-content {
  min-width: 300px;
}

.connections-page .connections-table {
  padding-bottom: 0px !important;
}

#connectionTable span.app-icon {
  width: 18px;
  height: 18px;
  float: left;
  margin-right: 5px;
}

#connectionTable i.fa {
  line-height: 18px;
}

#connectionTable tr.conn-table td {
  cursor: pointer;
}

.nav-pills > li > a {
  border: 0.5px solid #fff;
}

.nav-pills > li.active > a, .nav-pills > li.active > a:focus {
  background-color: #fff;
  border: 0.5px solid gainsboro;
  color: #333333;
  -ms-transition: 0.222s;
  -o-transition: 0.222s;
  -webkit-transition: 0.222s;
  transition: 0.222s;
}

.nav-pills > li > a:hover {
  background-color: #fafafa;
  border: 0.5px solid gainsboro;
  color: #333333;
  box-shadow: 0 10px 35px rgba(50, 50, 93, 0.1), rgba(0, 0, 0, 0.07);
}

.nav-pills > li.active > a:hover {
  background-color: #fafafa;
  border: 0.5px solid gainsboro;
  color: #333333;
  box-shadow: 0 10px 35px rgba(50, 50, 93, 0.1), rgba(0, 0, 0, 0.07);
}
.nav-link {
    cursor: grab;
}
/* drivers list */
.providers-list {
  clear: both;
}

.providers-list>.driver {
  margin-right: 16px;
  width: 90px;
  float: left;
}

.connector-item .connection-name-txt {
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
  overflow: hidden;
  padding: 0 2px;
}

.providers-list div.thumbnail {
  min-width: 90px;
  height: 120px;
}

.providers-list>.non-published div.thumbnail {
  background-color: whitesmoke;
  -ms-opacity: 0.6;
  opacity: 0.6;
}

.providers-list div.thumbnail:hover {
  cursor: pointer;
  box-shadow: 0px 0px 4px #37aCe8;
}

.providers-list div.thumbnail .driver-title {
  font-size: 12px;
  color: black;
  text-align: center;
  font-weight: 600;
  padding-top: 10px;
  /* Keep the driver title vertical center */
  position: relative;
  top: 15%;
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.providers-list div.thumbnail .overlength-title {
  font-size: 11px;
}

.providers-list .driver a {
  color: #4d4d4d;
}

.providers-list .driver a:hover {
  text-decoration: none;
}

.providers-list .driver .app-icon {
  width: 50px;
  height: 50px;
  margin-left: 15px;
  margin-top: 10px;
}

.providers-list h5.page-header {
  margin: 10px 15px 10px 0;
}

.providers-list ul.dropdown-menu {
  top: 70px;
  left: 93px;
}

.providers-list .driver-title span.caret {
  border-left: 4px solid;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
}

/* default page */
.job-page .row {
  min-height: 0px;
}

.job-page .connections-table {
  width: 100%;
}

#jobsTable {
  cursor: default;
}

#jobsTable tbody .jobs-table td {
  cursor: pointer;
}

#jobsTable tbody tr td.job-setting span.icon-btn-container {
  height: 18px;
  margin-top: 8px;
}

#jobsTable tbody tr td.job-setting span.icon-btn-container.disabled {
  cursor: not-allowed;
}

#jobsTable tbody tr.running td.job-setting span.icon-btn-container {
  display: none;
}

#jobsTable tbody tr.running td.job-setting span[btn-type=icon-stop],
#jobsTable tbody tr.running td.job-setting span[btn-type=icon-expand],
#jobsTable tbody tr.running td.job-setting span[btn-type=icon-edit] {
  display: inline-block;
  /*Only show stop button and expand button when the job is running*/
}

#jobsTable td i.fa-spinner {
  margin: 0px;
}

#jobsTable td.job-setting {
  padding: 0px !important;
}

#jobsTable .panel {
  padding: 0px;
}

#jobsTable .panel .panel-heading i.fa {
  margin-top: 3px;
  cursor: pointer;
}

#jobsTable .panel .table {
  margin-bottom: 0px;
}

#jobsTable .panel thead th {
  padding: 8px;
  width: auto !important;
}

#jobsTable .panel .table-container {
  max-height: 210px;
  overflow-y: auto;
  padding: 0px !important;
}

#jobsTable tr.query-status>td {
  border: none !important;
  padding-top: 5px !important;
  padding-bottom: 15px;
}

#jobsTable tr.query-status-expanded .fa-chevron-circle-up {
  display: block !important;
}

#jobsTable tr.query-status .panel-default {
  margin-bottom: 5px;
}

#jobsTable .progress-container {
  clear: both;
  height: 15px;
}

#jobsTable .job-run-progress {
  display: none;
}

#jobsTable tbody tr:not(.running) td.job-setting span[btn-type=icon-stop] {
  display: none;
  /*Hide the stop button whne the job is not running*/
}

/* Custom table-striped */
#jobsTable tbody>tr:nth-child(4n+1)>td, #historyTable tbody>tr.odd{
  background-color: #f9f9f9;
}

/* create Job modal*/
#createJobForm input[type=checkbox], #createDuplicateJobForm input[type=checkbox] {
  vertical-align: text-bottom;
  margin-right: 2px;
}

/* transformation settings */
#jobSettingForm #TriggerJobContainer.sub-settings .btn-group {
  padding-left: 20px;
}

#jobSettingForm #TriggerJobContainer.sub-settings .table-container,#jobSettingForm #TriggerJobContainer.sub-settings .table-header-container {
  padding-left: 35px;
}

#triggerTasksTable td.trigger-tasks-query {
  cursor: pointer;
}

#TriggerModeContainer .checkbox label {
  padding-left: 0px;
}

/* about page */
.lic-table tr.data td {
  line-height: 20px;
}

.lic-table tr.data td:first-child {
  padding-top: 8px;
}

.lic-table span.app-icon {
  width: 24px;
  height: 24px;
  float: left;
  margin-right: 5px;
}

.lic-table .lic-edition-name {
  display: inline-block;
  width: 120px;
}

#lic-error ul {
  padding-left: 15px;
}

#lic-error li:not(:first-child) {
  margin-top: 5px;
}

.about-page .body-content {
  padding: 2em 3em 7em;
  margin-bottom: 2em;
  background-color: #fff;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border: solid 1px gainsboro;
  box-shadow: 0 3px 20px rgba(0, 0, 0, 0.05);
}

/* connection settings */
#connAdvancedPropertyListContainer .page-header:first-child {
  margin-top: 0px;
}

#ConnectionForm .tab-pane {
  padding-top: 20px;
}

#ConnectionForm .tab-content {
  padding:0 2em;
}

#driverVersionContainer {
  margin: 0;
  font-size: 0.8em; 
  display: inline-block;
  font-weight: 200;
  display: none;
}

#driverVersionContainer label {
  padding: 0 5px;
  color: #8a8a8a;
}

#resetConnectionButton .connect-mode, #resetConnectionButton .disconnect-mode {
  display: none;
}

#resetConnectionButton.connect-mode .connect-mode, #resetConnectionButton.disconnect-mode .disconnect-mode {
  display: inline-block;
}

#resetConnectionButton.prod-quickbooksonline .connect-mode {
  display: none;
}

#resetConnectionButton.prod-quickbooksonline.connect-mode {
  height: 32px;
  width: 198px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: none;
  background-image: url(../images/qb_connect.svg);
}

#resetConnectionButton.prod-quickbooksonline.connect-mode:hover {
  background-image: url(../images/qb_connect_hover.svg);
}

.customSchemaModal .popover-content {
  overflow-wrap: break-word;
}

/* job setting page */
#jobSettingForm {
  cursor: default;
}

#jobSettingForm td i.fa {
  margin-right: 5px;
}

.input-group-addon {
  background-color: #fff;
  padding: 2px 5px;
}

.input-group-addon .app-icon {
  width: 24px;
  height: 24px;
  margin-top: 1px;
}

#emailItems {
  margin-left: 30px;
  padding: 0;
}

#btnEmailTest, #btnConfigMail {
  float: right;
  margin-left: 15px;
}

#toggleAdvanced:hover {
  cursor: pointer;
}

#jobSettingResultContainer {
  z-index: 401;
}

.events-well .CodeMirror {
  height: 200px;
}

#addedSourceTable .table-query i.edit-query {
  margin-left: 10px;
}

#job_settings_tables > .form-group {
  padding-left: 0px;
}

#job_settings_tables div.btn-group button.left-group-button {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}

#jobSettingForm .tab-pane {
  padding: 0px;
}

#jobSettingForm .tab-content {
  padding: 0 2em;
}

#jobSettingForm div.source-tables {
  max-height: 450px;
  overflow-y: auto;
}

#jobSettingForm div.source-tables .sortable-placeholder {
  border: 1px #37ace8 solid;
  box-shadow: 0px 0px 4px #37ace8;
}

#jobSettingForm div.source-tables td.table-sort {
  padding-left: 0px;
  padding-right: 0px;
}

#jobSettingForm div.source-tables td.table-select, #triggerTasksTable td.col-select {
  padding-left: 3px;
  padding-right: 3px;
}

#jobSettingForm div.source-tables tr:hover td.table-sort {
  background: url(../images/drag_sort.png);
  background-color: #f5f5f5;
  background-size: 60%;
  background-repeat: no-repeat;
  background-position: 4px 10px;
}

#jobSettingForm div.source-tables td.table-sort:hover {
  cursor: move;
}

#jobSettingForm .save-btn {
  position: relative;
  margin: 12px 12px;
}

#historyTable .history-log {
  cursor: pointer;
  color: #177cb8;
}

#historyTable .no-history-log {
  display: inline-block;
  padding-left: 5px;
}

#historyTable .tasks-history-table {
  border-top: 1px solid #ddd;
}

#historyTable .panel {
  padding: 0;
}

#jobSettingForm #historyTable .history-log i.fa-download {
  vertical-align: middle;
}

#connectionBody .col-lg-4 label { 
  line-height: 32px; 
}

#connectionBody .source-container, #connectionBody .source-container label {
  padding-left: 0px;
}

#connectionBody .provider-type {
  position: relative;
  top: -7px;
  padding: 0 5px;
  display: inline-block;
}

#connectionBody .col-sm-12 label {
  line-height: 10px;
}

#connectionBody .col-md-8 label {
  padding-top:12px;
}

#connectionBody .source-container .col-sm-2 {
  padding-left: 36px !important;
}

#connectionBody .input-group {
  margin-bottom:14px;
  padding-left:27px !important;
}

#connectionBody .input-group-addon {
  text-align:left !important;
  min-width:163px !important;
}

#addTablesModal .full-height-body {
  height: 350px;
  overflow-y: auto;
}

#addTablesModal .medium-height-body {
  height: 290px;
  overflow-y: auto;
}

#modalSourceTable .btn-more-tables {
  cursor: pointer;
  font-weight: 600;
}

#createTableModal .input-container {
  padding: 10px 5px 0px 5px;
  border: 1px solid #e5e5e5;
  border-radius: 4px;
  margin: 5px 15px;
  width: auto;
  max-height: 400px;
  overflow-y: auto;
  overflow-x: hidden;
}

#createTableModal input.form-control {
  width: 100%;
}

#addedTablesCount {
  display: none;
  font-size: 80%;
  line-height: 1.5;
  color: #777;
  text-align: right;
  clear: both;
  padding: 10px 15px;
}

/* settings page*/
.settings-page .save-btn {
  position: relative;
  margin: 0px 12px;
}

.settings-page .page-header {
  margin-top: 0px;
}

.settings-page .btn-importexport {
  margin-top: 10px;
  margin-bottom: 20px;
}

.settings-page .tab-pane {
  padding:0 2em;
}

#usrsbtngroup, #ipsbtngroup {
  margin-bottom: 36px;
}

/* Status page*/
#logsTabsContainer .dataTables_scrollBody {
  margin-bottom: 10px;
}

#appLogTable td.sync-click-pop+div.popover .popover-content {
  word-break: break-word;
}

#appLogTable span.app-log-resource {
  display: inline-block;
  width: 200px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.status-history #historyTable {
  table-layout: initial;
}
  
#historyTableContainer .dataTables_scrollBody {
  overflow-x: hidden !important;
}

.download_logs_table td {
  padding: 5px;
}
.download_logs_table td.title {
  font-weight: 600;
  vertical-align: top;
  border: none;
  text-align: right;
}

#activity-chart div.tickLabel {
  white-space: nowrap;
}

.sync-log-msg-pop .popover-content {
  word-wrap: break-word;
}

.task-details-pop, .task-query-pop {
  max-width: 45%;
}
.task-details-pop .popover-content, .task-query-pop .popover-content {
  word-wrap: break-word;
}

/* Screen Size 1*/
@media (min-width: 1800px) {
  /* job settings page table */
  table col.query-column {
    width: 800px;
  }

  #addedSourceTable span.query {
    width: 785px;
  }

  /* jobs page table */
  col.job-query-column {
    width: 450px;
  }

  col.job-status-column {
    width: auto;
  }

  #historyTable td.details {
    white-space: normal;
    word-break: break-all;
  }

  #appLogTable span.app-log-msg {
    display: inline-block;
    width: 98%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

@media (min-width: 1800px) and (max-width: 2000px) {
  .status-history tr.drop-down-td .tasks-history-query {
    width:200px;
  }
}

@media (max-width: 1799px) {
  #appLogTable span.app-log-msg, .status-history span.history-log {
    display: inline-block;
    width: 98%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

/* Screen Size 2*/
@media (min-width: 1500px) and (max-width: 1799px) {
  /* job settings page table */
  table col.query-column {
    width: 650px;
  }

  #addedSourceTable span.query {
    width: 635px;
  }

  /* jobs page table */
  col.job-query-column {
    width: 350px;
  }

  col.job-status-column {
    width: auto;
  }
}

@media (max-width: 1799px) {
  .status-history tr.drop-down-td .tasks-history-query {
    width:160px;
  }

  .status-history tr.drop-down-td .tasks-history-run-start {
    width:140px;
  }
  .status-history tr.drop-down-td .tasks-history-run-end {
    display: none;
  }

  .status-history tr.drop-down-td .tasks-history-records {
    width: 80px;
    white-space: break-spaces;
  }

  .status-history tr.drop-down-td>td {
    padding: 8px 2px;
  }
}

/* Screen Size 3*/
@media (min-width: 1366px) and (max-width: 1499px) {
  /* job settings page table */
  table col.query-column {
    width: 500px;
  }

  #addedSourceTable span.query {
    width: 485px;
  }

  /* jobs page table */
  col.job-query-column {
    width: 300px;
  }

  col.job-status-column {
    width: auto;
  }

  .status-history th.job-runtime, .status-history td.job-runtime, #auditLogTable .audit-message-col {
    display: none;
  }
}

/* Screen Size 4*/
@media (max-width: 1366px) {
  /* job settings page table */
  table col.query-column {
    width: 300px;
  }

  #addedSourceTable span.query {
    width: 285px;
  }

  /* jobs page table */
  col.job-query-column {
    width: 250px;
  }

  col.job-status-column {
    width: auto;
  }

  #historyTable td.log-file .history-log {
    display: inline-block;
    width: 30px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  #status_last_table .column-last-run {
    display: none;
  }
  
  .status-history tr.drop-down-td .tasks-history-run-start, .job-history .tasks-history-run-time {
    display: none;
  }

  .status-history tr.drop-down-td .tasks-history-query, .job-history tr.drop-down-td .tasks-history-query {
    width:100px;
  }

  #auditLogTable, .job-history #historyTable {
    table-layout: initial;
  }
  #auditLogTable .audit-message-col {
    display: none;
  }
}

@media (max-width: 1260px) {
  .status-history th.job-runtime, .status-history td.job-runtime, #auditLogTable .audit-action-col {
    display: none;
  }
}

/* Screen Size 5*/
@media (max-width: 1160px) {
  #status-table {
    display: block;
    width: 100%;
    float: left;
    margin-top: 10px;
  }

  /* status */
  #appLogTable col:nth-child(2), #appLogTable th:nth-child(2), #appLogTable td:nth-child(2), #auditLogTable .audit-user-col {
    display: none;
  }

  #appLogTable td.app-msg, 
  #appLogTable th.app-msg, 
  .status-history .job-records-affected,
  .job-history .job-runtime {
    display: none;
  }

  .job-history #historyTable span.history-log {
    display: inline-block;
    width: 30px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

}

/* Screen Size 6*/
@media (max-width: 981px) {
  /* job settings page table */
  table col.query-column {
    width: 200px;
  }

  table col.table-column {
    width: 100px;
  }

  /* jobs page table */
  col.job-table-column {
    width: 150px !important;
  }

  col.job-status-column {
    width: auto;
  }

  #addedSourceTable span.query,
  #addedSourceTable span.status {
    width: auto;
  }
  #jobsTable col,
  #jobsTable th {
    width: auto;
  }

  #connectionTable .connection-name {
    width: 100px !important;
  }

  #connectionTable .connection-providername {
    width: 100px !important;
  }

  #appLogTable td.app-msg .app-log-msg, #auditLogTable span.audit-message {
    display: inline-block;
    width: 80px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  #auditLogTable span.audit-message {
    width: 98%;
  }

  #appLogTable td:nth-child(4), 
  #appLogTable th:nth-child(4), 
  .job-history td.job-runtime, 
  .job-history .job-status-records, 
  .tasks-history-table .tasks-history-run-start,
  .status-history .run-start-date,
  .status-history .tasks-history-records,
  .status-history .tasks-history-run-time,
  .job-history .tasks-history-records {
    display: none;
  }

  .status-history tr.drop-down-td .tasks-history-query {
    width:160px;
  }

  #appLogTable span.app-log-resource {
    width: 150px;
  }

  #appLogTable { 
    table-layout: initial;
  }

  #auditLogTable .audit-message-col {
    display: table-cell;
  }
}

/* Screen Size 7*/
@media (max-width: 767px) {
  #status_last_table .column-last-run {
    display: table-cell;
    width: 150px;
    white-space: normal;
  }

  .status-history .tasks-history-run-start {
    display: table-cell !important;
  }
  .status-history th.tasks-history-run-start {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  #connectionTable  .conn-edit-buttons {
    display: none;
  }
}

/* Screen Size 8*/
@media (max-width: 641px) {
  table col.query-column,
  table col.table-column {
    width: auto;
  }

  #addedSourceTable span.query {
    width: 184px;
  }
}

#addedSourceTable td:hover {
  cursor: pointer;
}

#addedSourceTable td.table-query i.edit-query {
  float: right;
  margin-top: 3px;
}

#sourcesTableHeader.load-folder-table th.table-select, #addedSourceTable.load-folder-table td.table-select {
  padding-left: 0px !important;
}

#sourcesTableHeader thead th, #filesTableHeader thead th, #triggerTasksTableHeader thead th {
  padding: 8px;
}

#sourcesTableHeader thead th.table-select {
  padding: 8px 3px;
}

span.job-running {
  background: url(../images/waiting.gif);
  display: inline-block;
  width: 20px;
  height: 13px;
}

i.fa-edit,
i.fa-remove {
  cursor: pointer;
}

#addedSourceTable tr.query-table td.editing {
  padding: 0;
}

#addedSourceTable tr.query-table td.editing input {
  border-radius: 0;
}

/* App icons */
.app-icon {
  display: inline-block;
  background-image: url('../images/icon-cog.png');
  -ms-background-size: contain;
  background-size: contain;
  -ms-background-repeat: no-repeat !important;
  background-repeat: no-repeat !important;
}

/* for connections page */
.plus-icon {
  background-image: url('../images/addmore.png') !important;
  -ms-background-size:55%;
  background-size:55%;
  background-color:#fafafa;
  background-position: center center;
}

.providers-list div.plus {
  background-color: #fafafa;
  -ms-opacity:0.5;
  opacity:0.5;
}

.providers-list div.plus:hover {
  background-color: #fafafa;
  -ms-opacity:1;
  opacity:1;
}

.modal-header {
  background-color:#f5f5f5 !important;
}

/* scrollbar */
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
  z-index:1;
}

::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0.3);
  background: #ffffff;
}
::-webkit-scrollbar-thumb {
  border-radius:5px;
  height: 20px;
  width: 8px;
  background: #ddd;
  transition: 0.222s;
}

::-webkit-scrollbar-thumb:hover {
  background: #cdcdcd;
}

#statussummary_total_count.badge {
  background-color: #AEC7D8;
}

#statussummary_success_count.badge {
  background-color: #BBCC98;
}

#statussummary_failed_count.badge {
  background-color: #D29D9C;
}