header.navbar {
    position: relative;
    height: 50px;
    padding: 0;
    line-height: 50px;
    background-color: #0054a6!important;
    border-bottom: 1px solid #0054a6;
}

header.navbar a.navbar-brand {
    display: inline-block;
    width: 211px;
    height: 50px;
    padding: 0.5rem 1rem;
    background-color: #0054a6;
    background-image: url(../images/logo-white.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 132px auto;
    border-bottom: 1px solid #0054a6;
}

a.nav-link i {
    float: initial;
    margin-top: -3px;
    margin-left: 8px;
    margin-right: 8px;
}

.push-bottom-fromtop {
    display: block;
    margin-top: 30px;
}

.form-control {
    border-radius: 3px;
}

table.table {
    clear: both;
    max-width: none !important;
    margin-bottom: 0px;
}

.sk-three-bounce .sk-bounce1 {
    background: #d8d7d7;
}

.sk-three-bounce .sk-bounce2 {
    background: #d8d7d7;
}

.sk-three-bounce .sk-bounce3 {
    background: #d8d7d7;
}

body {
    background: #fff;
}

.cursor-pointer {
    cursor: pointer;
}

thead {
    background: #f7f7f7;
}

.table thead th {
    vertical-align: bottom;
    color: #57595a;
    border: 1px;
}

.card-header {
    padding: 0.75rem 1.25rem;
    margin-bottom: 0;
    background-color: #ffffff;
  
}

.text-center {
    text-align: -webkit-center;
}

.btn {
    border-radius: 3px;
}

.modal-title {
    color: #545151;
    font-family: sans-serif;
    font-size: 20px;
}

.modal-content {
    border-radius: 4px;
}

.modal-header {
    padding: 15px;
    padding-bottom: 0px;
    border-bottom: none;
}

.modal-footer {
    border-top: none;
    padding-top: 0px;
}


.page-link, .pagination-datatables li a, .pagination li a {
    position: relative;
    float: left;
    padding: 4px;
    margin-left: -1px;
    color: #36a9e1;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #b5b9bb;
    padding-left: 10px;
    padding-right: 10px;
}

li.page-item a {
    padding-left: 20px;
    padding-right: 20px;
}



strong.total-pagination {
    display: block;
    margin-top: 7px;
    margin-right: 21px;
    color: #57595a;
    font-weight: 500;
}

a {
    text-decoration: none;
}


.panel-button-aligner {
    display: block;
    height: 3px;
    margin-top: 6px;
}

.page-link, .pagination-datatables li a, .pagination li a {
    position: relative;
    float: left;
    padding: 4px;
    margin-left: -1px;
    color: #36a9e1;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #36a9e1;
    padding-left: 10px;
    padding-right: 10px;
}

.search-tb-terms {
    width: 270px;
}

.btn-tb-terms {
    margin-right: 12px;
}

.table-loader-lg {
    max-width: 92px;
}

.loader-btn-sm {
    max-width: 20px;
}

header.navbar {
    position: relative;
    height: 62px;
    padding: 0;
    line-height: 50px;
    background-color: #0054a6!important;
    border-bottom: 1px solid #0054a6;
}

header.navbar .navbar-nav .nav-link {
    padding-top: 6px;
    padding-bottom: 6px;
}

header.navbar a.navbar-brand {
    display: inline-block;
    width: 184px;
    height: 62px;
    padding: 0.5rem 1rem;
    background-color: #0054a6;
    background-image: url(../images/logo-white.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 132px auto;
    border-bottom: 1px solid #0054a6;
}

header.navbar span.navbar-brand {
    display: inline-block;
    width: 184px;
    height: 62px;
    padding: 0.5rem 1rem;
    background-color: #0054a6;
    background-image: url(../images/logo-white.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 132px auto;
    border-bottom: 1px solid #0054a6;
}

ul.nav-backlog {
    list-style: none;
    padding-left: 0px;
    margin: 0px;
}

ul.nav-backlog li {
    display: inline-block;
    margin-right: 10px;
}
.navbar-nav .open > .nav-link, .navbar-nav .open > .nav-link:focus, .navbar-nav .open > .nav-link:hover, .navbar-nav .active > .nav-link, .navbar-nav .active > .nav-link:focus, .navbar-nav .active > .nav-link:hover, .navbar-nav .nav-link.open, .navbar-nav .nav-link.open:focus, .navbar-nav .nav-link.open:hover, .navbar-nav .nav-link.active, .navbar-nav .nav-link.active:focus, .navbar-nav .nav-link.active:hover {
    color: #36a9e1;
}

.no-title {
    margin-bottom: 10px;
}


.table.table-responsive {
    margin-bottom: 0px;
}

.table .table {
    background-color: #ffffff;
}


span.active {
    color: #39afea;
    cursor: pointer;
}

span.tabn-item {
    cursor: pointer;
}   

ul.btn-list-h {
    display: -webkit-inline-box;
    list-style: none;
    padding-left: 0px;
}

ul.btn-list-h li {
    margin-right: 10px;
}

label.label-two-columns {
    padding: 7px;
}

.datepicker input {
    display: block;
    width: 100%;
    padding: 0.5rem 0.75rem;
    font-size: 0.875rem;
    line-height: 1.25;
    color: #6f7071;
    background-color: #fff;
    background-image: none;
    background-clip: padding-box;
    border: 1px solid #e9ebec;
    border-radius: 0;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    border-radius: 3px;
}

div#item-list ul {
    margin-bottom: 0px;
}

.table thead th {
    vertical-align: inherit;
    color: #57595a;
    border: 1px;
}

.table-bordered th, .table-bordered td {
    border: 1px solid #e9ebec;
    vertical-align: middle;
}

.th-with-space {
    display: -webkit-inline-box;
    width: 154px;
}

.table thead th {
    vertical-align: -webkit-baseline-middle;
    color: #57595a;
    border: 1px;
    white-space: nowrap;
}

.table thead th {
    vertical-align: -webkit-baseline-middle;
    color: #57595a;
    border: 1px solid #e2dede;
    white-space: nowrap;
}

.empty-div {
    background-image: -webkit-repeating-linear-gradient(135deg,rgba(0,0,0,.3),rgba(0,0,0,.3) 1px,transparent 2px,transparent 2px,rgba(0,0,0,.3) 3px);
    background-image: repeating-linear-gradient(135deg,rgba(0,0,0,.3),rgba(0,0,0,.3) 1px,transparent 2px,transparent 2px,rgba(0,0,0,.3) 3px);
    background-size: 4px 4px;
    width: 100%;
    height: 35px;
}

/*.tag {
    padding: 7px;
    border-radius: 2px;
    font-size: 90%;
}*/

.tag-success {
    background-color: #41d68b;
}

.btn-success {
    color: #fff;
    background-color: #34c589;
    border-color: #34c589;
}

.btn-success:hover {
    color: #fff;
    background-color: #49a981;
    border-color: #49a981;
}

.tag-default {
    background-color: #a4a6a7;
}


.btn-primary { 

    color: #fff;
    background-color: #20a0ff;
    border-color: #36a9e1;
}

.search-priceQuote {
    display: none;
}

.inline-td {
    white-space: nowrap;
}
.th-width-24 {
    width: 24%;
}

.th-border-none {
     border: none;
}

.po-table {
    width:100%;
}
.po-table th, td {
    border: none;
}

.po-table td {
    border: none;
}

td.el-table_1_column_11.td-with-padding {
    padding: 9px !important;
}

.el-picker-panel {
    z-index: 99999999 !important;
}

.el-date-editor.el-input {
    width: 100% !important;
}

.el-picker-panel {
    box-shadow: 0 2px 7px rgba(39, 39, 39, 0.25) !important;
    background: #fff;
    border-radius: 2px;
    line-height: 20px;
    margin: 5px 0;
}

.el-date-picker {
    min-width: 254px !important;
}

.el-picker-panel.el-date-picker {
    width: 254px !important;
}

.tag {
    max-width: 115px;
    width: 100%;
}

.form-control:hover {
    border-color: #8391a5;
}

.has-danger .el-input__inner{
    border-color: #ff5454;
}

.has-danger .multiselect__tags{
    border-color: #ff5454;
}

.red-star {
    color:#f31b1b;
}

.btn-default {
    border-color: #dbdee0;
    outline: 0;
    padding-left: 12px;
    background: white;
}

.text-info {
    color: #20a0ff !important;
}

span.expander {
    padding: 0px 100px 0px 100px;
}

button.el-button.el-button--primary.btn-sm {
    padding: 0.25rem 0.5rem !important;
    font-size: 0.875rem !important;
}

select.form-control {
    border-radius: 3px !important;
}

#activity_log td {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 7px;
    padding-bottom: 7px;
}

a.disabled {
   pointer-events: none;
   cursor: default;
}


.pdf-block-download {
    background: #525659;
    float: right;
    margin-top: -1px;
    position: absolute;
    width: 100%;
    height: 60px;
    color: white;
    padding: 17px;
    font-weight: bold;
}

.el-dialog__body {
    padding-top: 0px !important;
}

button.el-button.el-button--danger.btn-sm {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
}

input.el-input__inner {
    border: 1px solid #e9ebec;
}

.pdf-placeholder {
        text-align: -webkit-center;
        color: #6d6d6d;
        display: block;
        margin-top: 26px;
        border: 1px solid #e4dfdf;
        border-radius: 5px;
        padding: 24px;
        font-family: arial;
}


a.btn {
    color: white !important;
}

span.multiselect__tag {
    white-space: pre-line;
}
.el-table .cell {
    white-space: nowrap !important;
}

.el-table td, .el-table th {
    height: 31px !important;
    white-space: nowrap;
}

a.btn.btn-primary.btn-xtra-small {
    font-size: 11px;
    padding: 5px 6.5px; 
}

.card-header {
    padding: 9px 15px;
    margin-bottom: 0;
    background-color: #ffffff;
    padding-top: 15px;
}

.btn-xtra-small {
    font-size: 11px !important;
    padding: 5px 6.5px !important;
}

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

.el-table__expand-icon {
    font-size: 10px !important;
    height: 30px !important;
}

.empty-div {
    height: 17px !important;
}

.el-dialog--small {
    width: 50% !important;
}

span.caret-wrapper {
    float: right !important;
}

.cols-with-no-left-padding {
    padding-left: 0px;
}

[disabled-div] {
    pointer-events: none;
    opacity: 0.4;
}

.el-table .ascending .sort-caret.ascending {
    border-bottom-color: #21a0ff !important;
}

.el-table .descending .sort-caret.descending {
    border-top-color: #21a0ff !important;
}


.block-pace-20 {
    display: block;
    height: 20px;
}

.card-header-blocker {
    display: block;
    height: 5px;
}

.tl-button-group button {
    margin-left: 10px;
}

.tl-button-group {
    margin-top: 8px;
}

.card-header {
    padding-bottom: 15px;
}
/* 
.form-control {
    border-color: #8391a5;
} */

.primary-table-pagination {
    margin-top: 20px;
    position: absolute;
}

.el-notification {
    z-index: 100000 !important;
}

.el-table .cell button {
    width: 27px;
}

a.el-button {
    text-decoration: none;
}

.multiselect--disabled .multiselect__tags {
    padding: 9px 40px 0 6px !important;
}

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

.card-header .col-md-2 {
    max-width: 230px;
}

.has-danger select {
    border-color: red !important;
}

.error.form-control-feedback {
    margin-bottom: 10px;
}

.el-tooltip__popper[x-placement^=top] .popper__arrow::after {
    bottom: 1px;
    margin-left: -5px;
    border-top-color: #ffffff !important;
    border-bottom-width: 0;
}

.el-tooltip__popper[x-placement^=top] .popper__arrow {
    bottom: -6px;
    border-top-color: #ffffff !important;
    border-bottom-width: 0;
}

.el-tooltip__popper.is-dark {
    background: #ffffff !important;
    color: #212020 !important;
    box-shadow: 0px 0px 6px #00000036 !important;
    border-radius: 2px !important;
    font-weight: 600;
}

.hidden {
  display: none;
}

/* v2 css updates */

.card-padding {
    padding: 17px 17px;
}

.table thead th {
    vertical-align: middle;
}

.disabledColumn {
    pointer-events: none;
    opacity: 0.4;
    cursor: not-allowed !important;
  }

.modal-dialog table td, .modal-dialog table th {
    padding: 5px 13px;
}

.el-dialog table td, .el-dialog table th {
    padding: 5px 13px;
}

th.bold-title.is-leaf {
    font-weight: 600 !important;
}

th.italic-title.is-leaf {
    font-style: italic;
}

#modal-add-items .el-table td, .el-table th {
  font-weight: 500 !important;
}

.text-bold{
    font-weight: 500 !important;
}
.text-right{
    text-align:right;
}
/* Icons Header */
.iconx {
    height: 30px;
    padding: 0 5px;
}
header.navbar .nav-item:hover {
    opacity: 1;
  filter: alpha(opacity=80); /* For IE8 and earlier */
}
img.iconx.documentsicon{

}
img.iconx.usericon {
    height: 24px;
    padding: 0;
}
.backlogicon{
    position: relative;
    top: -2px;
}

/* Responsive */
@media only screen and (max-width: 1440px){
    .form-group.row .col-md-3 {
        width: 30%;
    }
}

.rfq-title > b {vertical-align: bottom;}
.modal-xl{
    max-width: 950px;
    margin: 30px auto;
}
.img-flipped{
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}

.text-blue{
    color:#0000FF;
}

.text-gray{
    color:#787878;
}

.comments-list{
    max-height: 300px;
    overflow: auto;
}

.text-green{
    color: green;
}

.comments-list p {
    margin-bottom: 0px !important;
    word-wrap: break-word;
    word-break: break-all;
    white-space: normal;
}

.lightgreen-bg  {
    background-color: #b5e61d !important;
    color: black;
}

.yellow-bg, tr.has-no-weight-grams td.estimated-weight{
    background-color: #fff200 !important;
    color: black;
}

.orange-bg{
    background-color: #ff7f27 !important;
    color: black;
}

.well {
    background: #f7f7f7;
    color: black;
}

.multiselect--active {
  z-index: 1000;
}

.prblm_multiselect .multiselect__input {
   /* position: relative !important;
    width:100% !important;*/
}

.prblm_multiselect .multiselect__single {
    /*display: none;*/
}

.ninety_multiselect{
    width: 90%;
    display: inline-block;
}

.prblm_multiselect {
    vertical-align: bottom;
}

.bottom_title {
    position: relative;
    font-size: 17px;
}

.bottom_title > span {
    position: absolute;
    bottom: 4px;
    font-weight: 700;
}

th.isRequiredHeader > .cell::after {
    content: " *";
    color: red;
}

#rescheduleModal .modal-dialog, #cancellationModal .modal-dialog {
    max-width: 90% !important;
}

#rescheduleModal, #cancellationModal{
    z-index: 0 !important;
}

#rescheduleModal .modal-content, #cancellationModal .modal-content{
    margin-top: 100px;
}

#paymentTermsModal .modal-dialog {
    max-width: 1200px;
}

#payment_plans_table table tr.submitted td:nth-child(2) {
    background: yellow;
}

#payment_plans_table table tr.not_required td:nth-child(2) {
    background: #ddebf7;
}

#payment_plans_table table tr.not_required td:nth-child(2) {
    background: #ddebf7;
}

#payment_plans_table table tr.waiting td:nth-child(2) {
    background: #fce4d6;
}

#payment_plans_table table tr.approved td:nth-child(2) {
    background: #c6e0b4;
}

#payment_plans_table table tr.processed td:nth-child(2) {
    background: #8ea9db;
}

#payment_plans_table table tr.paid td:nth-child(2) {
    background: #00b04f;
}

/* Proforma */
#proforma_payment_plans_table table tr.submitted td:nth-child(1) {
    background: yellow;
}

#proforma_payment_plans_table table tr.not_required td:nth-child(1) {
    background: #ddebf7;
}

#proforma_payment_plans_table table tr.not_required td:nth-child(1) {
    background: #ddebf7;
}

#proforma_payment_plans_table table tr.waiting td:nth-child(1) {
    background: #fce4d6;
}

#proforma_payment_plans_table table tr.approved td:nth-child(1) {
    background: #c6e0b4;
}

#proforma_payment_plans_table table tr.processed td:nth-child(1) {
    background: #8ea9db;
}

#proforma_payment_plans_table table tr.paid td:nth-child(1) {
    background: #00b04f;
}

.el-tabs__content {
    overflow: inherit !important;
}

.hke-tbl-bold-cont table thead tr th:nth-child(7), 
.hke-tbl-bold-cont table thead tr th:nth-child(8),
.hke-tbl-bold-cont table thead tr th:nth-child(9),
.hke-tbl-bold-cont table thead tr th:nth-child(10){
    font-weight: 700!important;
}

.input-blue-white {
    background-color: #0054a6;
    color: #fff;
    font-weight: 700; 
}

#changeLogTbl-cont table tbody tr td:nth-child(4), .amount-yellow, tr.has-weight-grams td.estimated-weight, td.mustard-yellow-bg-td {
    background-color: #efe4b0 !important;
}

#changeLogTbl-cont table tbody tr td:nth-child(5) {
    background-color: #b5e61d;
}

.btn-yellow{
    background-color: yellow !important;
    border-color:  yellow !important;
    color: #000 !important;
}

.audited-checkbox {
    margin-left: 10px;
}

.audited-checkbox .el-checkbox__inner{
    width: 25px;
    height: 25px;
}
.audited-checkbox .el-checkbox__input.is-checked .el-checkbox__inner{
    background-color: #34c589;
    border-color: #34c589;
}
.audited-checkbox .el-checkbox__inner::after {
    left: 8px;
    top: 3px;
    height: 12px;
}

.rvc-orange .req-vs-conf, .avc-orange .act-vs-conf {
    background: #FFC90E;
}

.rvc-green .req-vs-conf, .avc-green .act-vs-conf {
    background: #B4E61D;
}

.massUpdateBtn:disabled, .massUpdateBtn:disabled:hover {
    background-color: #efefef;
    color: #717070;
    border-color: #efefef;
}

.audit-row.Completed .status {
    background: #01B051 !important
}

.audit-row.Planning .status {
    background: #BFBFBF !important;
}

.audit-row.Scheduled .status {
    background: #FFEB3B !important;
}

.audit-row.Rejected .status {
    background: #ff7f27 !important;
}

.d-flex {
    display: flex !important;
}

.bg-lavender {
    background: #c4b8e3 !important;
}

.wrapper-login .divider {
  display: flex;
  align-items: center;
  text-align: center;
  margin: 1rem 0;
}

.wrapper-login .divider hr {
  flex: 1;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.15);
  margin: 0 0.5rem; /* spacing between hr and text */
}

.wrapper-login .divider span {
  color: #6c757d;   /* Bootstrap muted */
  font-size: 0.9rem;
}