/* ---------------------------------------------- */
/* --------------- Blue theme css --------------- */
/* ---------------------------------------------- */
.pace .pace-progress {
    background: #0e9aef !important;
}

.btn-primary {
    background: #0e9aef !important;
    border-color: #0e9aef !important;
}

.label-primary {
    background-color: #0e9aef !important;
}

.text-navy {
    color: #0e9aef !important;
}

.toast-success {
    background-color: #1c84c6 !important;
}

.progress-bar {
    color: #0e9aef !important;
    background-color: #0e9aef !important;
}

.form-control:focus, .single-line:focus {
    border-color: #0e9aef !important;
}

.sk-spinner-fading-circle .sk-circle:before {
    background-color: #0e9aef; 
}
/* -------------- */

#nav-logo > div:first-child, #nav-logo img {
    margin-left: 20px;
}

#nav-logo > div:first-child h2 {
    margin-top: 16px;
}

#nav-logo img {
    padding: 10px 0px;
    height: 75px;
}

#nav-logo h2 {
    padding: 24px 0px;
    margin: 0px !important;
    height: 75px;
}

.select2 {
    width: 100% !important;
}

.select2-container--default .select2-selection--single.select-md {
    height: 34px !important;
}

.select2-container--default .select2-selection--single.select-md .select2-selection__arrow {
    height: 32px;
}

.select2-dropdown {
    z-index: 30001;
}

.select2-selection.has-error {
    border-color: #ed5565;
}

.ibox .table.borderless td {
    border-width: 0px;
}

table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after {
    font-family: 'fontawesome';
}

table.dataTable thead .sorting:after {
    content: '\f0dc';
}

table.dataTable thead .sorting_asc:after {
    content: '\f0de';
}

table.dataTable thead .sorting_desc:after {
    content: '\f0dd';
}

.input-daterange {
    width: 100%;
}

.input-daterange input {
    cursor: pointer;
}

.date-selectors {
    background-color: white !important;
}

.date-filter-wrapper > *[class^='col-']:last-child {
    padding-left: 0;
    padding-right: 30px;
}

.table-responsive {
    border: none;
}

div.dataTables_processing {
    position: absolute;
    top: 200px;
    left: 50%;
    width: 100%;
    height: 60px;
    margin-left: -50%;
    margin-top: -25px;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
    font-size: 1.2em;
    background-color: white;
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(25%, rgba(255,255,255,0.9)), color-stop(75%, rgba(255,255,255,0.9)), color-stop(100%, rgba(255,255,255,0)));
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);
    background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);
    background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);
    background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);
    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);
}

.dataTable th, .dataTable td {
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#multiple-login-box {
    width: 100%;
}

.btn-return {
    float: left;
}

#calls-table_wrapper, #leads-table_wrapper, #scheduled-pause-table_wrapper {
    padding-bottom: 0;
}

.table-striped>tbody>tr.offer-row {
    background-color: #f9f9f9;
}

.table-striped>tbody>tr.goal-row {
    background-color: #ffffff;
}

.no-contracts {
  height: 200px;
  padding-top: 70px;
}

.td-bold {
    font-weight: 700;
}

.validate-has-error {
    border: 1px dotted #cc5965 !important;
}

.table-boxes .ibox-content h3 {
    height: 33px;
}

.table-boxes .ibox-content h3 .fa-spinner {
    font-size: 30px;
}

.table-boxes .ibox-title {
    position: relative;
}

.table-boxes .ibox-title .ibox-title-content {
    position: absolute;
    width: CALC(100% - 30px);
}

.table-boxes .ibox-title .ibox-title-content h5 {
    margin-bottom: 0;
    padding-right: 3px;
}

.table-boxes .ibox-title .ibox-title-content small {
    white-space: nowrap;
}

.stat-list>li>.progress-cr {
    margin-top: 13px;
}

.nowrap {
    white-space: nowrap;
}

.form-group.checkbox label {
    padding-left: 0;
}

.logged-out-page-content {
    padding-top: 15vh;
}

.nav.navbar-right > li > a {
    padding: 27px 10px;
    height: 75px;
}

.skin-1 .navbar-minimalize {
    margin: 22px 5px 5px 30px;
}

body.mini-navbar .logo-element {
  display: none;
}

#t_and_c-body {
    max-height: 70vh;
    overflow-y: scroll;
}

#select2-switchAccountContactID-container {
    width: 200px !important;
}

.text-left-important {
    text-align: left !important;
}

.text-right-important {
    text-align: right !important;
}

.btn-success.pay-invoice-button, .btn-success.pay-invoice-button:hover, .btn-success.pay-invoice-button:focus, .btn-success.pay-invoice-button:active {
    background-color: #5cb85c;
    border-color: #4cae4c;
    width: 100%;
}

#invoice-html {
    width: 100%;
    background-color: #fff;
    overflow-x: scroll;
}

#invoice-html > iframe {
    border: none;
    // width: 100%;
    min-width: 888px;
}

#invoice-html.invoice-bordered > iframe {
    border: 1px solid #eee;
}

.tooltip-wrapper {
    display: inline-block; /* display: block works as well */
}

.tooltip-wrapper .btn.disabled {
    /* don't let button block mouse events from reaching wrapper */
    pointer-events: none;
}