/* reset everything to the default box model */

*, :before, :after
{
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

/* set a border-box model only to elements that need it */

.form-control, /* if this class is applied to a Kendo UI widget, its layout may change */
.container,
.container-fluid,
.row,
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1,
.col-xs-2, .col-sm-2, .col-md-2, .col-lg-2,
.col-xs-3, .col-sm-3, .col-md-3, .col-lg-3,
.col-xs-4, .col-sm-4, .col-md-4, .col-lg-4,
.col-xs-5, .col-sm-5, .col-md-5, .col-lg-5,
.col-xs-6, .col-sm-6, .col-md-6, .col-lg-6,
.col-xs-7, .col-sm-7, .col-md-7, .col-lg-7,
.col-xs-8, .col-sm-8, .col-md-8, .col-lg-8,
.col-xs-9, .col-sm-9, .col-md-9, .col-lg-9,
.col-xs-10, .col-sm-10, .col-md-10, .col-lg-10,
.col-xs-11, .col-sm-11, .col-md-11, .col-lg-11,
.col-xs-12, .col-sm-12, .col-md-12, .col-lg-12
{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
/*Define loading*/
.sml-loading {
    top: 0;
    left: 0;
    opacity: 0.6;
    background: #FFFFFF;
    display: none;
    z-index: 99999;
    background-image: url(../assets/img/spinner.gif);
    background-position: center;
    background-repeat: no-repeat;
}

/*loadingService css*/
#globalLoading {
    top: 0;
    left: 0;
    height:100vh;
    width:100vw;
    position:fixed;
    opacity: 0.6;
    background: #FFFFFF;
    z-index: 99999;
    background-image: url(../assets/img/spinner.gif);
    background-position: center;
    background-repeat: no-repeat;
}

/*#region common css*/

.color-main {
    color: #0C6F96 !important;
}
.color-green {
    color: #33cd5f !important;
}
.color-red {
    color: #FF0000 !important;
}
.color-white {
    color: #fff !important;
    background: #0C6F96 !important;
}
.color-orange {
    color: #f68009 !important;
}
.color-gray {
    color: #6e767d !important;
}
.color-blue {
    color: #0099CC !important;
}

.background-main {
    background: #0C6F96 !important;
}
.background-green {
    background: #33cd5f !important;
}
.background-white {
    background: #ffffff !important;
}
.background-blue {
    background: #0e74d4 !important;
}
.background-gray {
    background: gray !important;
}

.title-left {
    color: #0C6F96 !important;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 600;
    padding: 15px;
}

.label-left-upper {
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 500;
    color: #4C6A84;
}

.border-bottom {
    border-bottom: 2px solid black;
}
.fs25 {
    font-size: 25px;
}

.fs22 {
    font-size: 22px !important;
}

.fs20 {
    font-size: 20px !important;
}

.fs19 {
    font-size: 19px;
}
.fs18 {
    font-size: 18px;
}
.fs17 {
    font-size: 17px;
}

.fs16 {
    font-size: 16px;
}

.fs15 {
    font-size: 15px !important;
}

.fs14 {
    font-size: 14px;
}

.fs19 {
    font-size: 19px !important;
}

.fs-icon {
    font-size: 21px !important;
    vertical-align: middle;
}

.fs-icon25 {
    font-size: 25px !important;
    vertical-align: middle;
}

.margin0 {
    margin: 0px !important;
}

.pd0 {
    padding: 0px !important;
}

.bg-transparent {
    background-color: transparent !important;
}

.horizontal-line {
    width: 100%;
    background-color: #dee2e6 !important;
    height: 1px;
}
/*#endregion*/

/*#region ord-order-temp-info-component*/
ord-order-temp-info-component table td.signal-edit {
    border-color: #CED4DA !important;
    border-style: solid !important;
    border-width: 1px !important;
}

/* ord-order-temp-info-component .k-grid table {
    border-spacing: 1px;
    border-collapse: separate;
} */

ord-order-temp-info-component .k-grid-content table {
    margin-bottom: 50px;
}

ord-order-temp-info-component table td .k-dirty {
    visibility: hidden;
}


.custom-grid-height48 .k-grid {
    height: 45% !important;
}
    .custom-grid-height48 .k-grid .k-grid-content table {
        margin-bottom: 50px;
    }
.custom-grid-height48 .title-grid {
    padding: 10px;
    color: Highlight;
    font-size: 14px;
    font-weight: 600;
}


.custom-grid-height50 .k-grid .k-grid-content {
    height: 350px !important;
}

    .custom-grid-height50 .k-grid .k-grid-content table {
        margin-bottom: 20px;
    }

/*#endregion*/

.switcher-label { font-size: 14px !important }

.btn-di-pod-wait {
    color: #fff;
    background-color: #FFC334;
    border-color: #FFC334;
}

.btn-di-pod-missing {
    color: #fff;
    background-color: #C39797;
    border-color: #C39797;
}

.btn-di-pod-part {
    color: #fff;
    background-color: #678BFB;
    border-color: #678BFB;
}

.btn-di-pod-complete {
    color: #fff;
    background-color: #48BA52;
    border-color: #48BA52;
}

.btn-approved-part {
    color: #fff;
    background-color: #412ef7;
    border-color: #dc3545;
}

.btn-approved-part-reject {
    color: #fff;
    background-color: #d964df;
    border-color: #dc3545;
}

.btn-approved-reject {
    color: #fff;
    background-color: #fac722;
    border-color: #dc3545;
}

.btn-reject-part {
    color: #fff;
    background-color: #632700;
    border-color: #dc3545;
}

.no-border-left {
    border-left: none !important;
}

.no-border-right {
    border-right: none !important;
}

.no-border-radius {
    border-radius: 0px !important;
}

.no-border-left-radius {
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}

.no-border-right-radius {
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}
:root {
    --body-bg: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
    --msger-bg: #fff;
    --border: 2px solid #ddd;
    --left-msg-bg: #ececec;
    --right-msg-bg: #579ffb;
}

/**,
*:before,
*:after {
    margin: 0;
    padding: 0;
    box-sizing: inherit;
}*/

#qr-label-top {
    width: 300px;
    text-align: center;
    margin: 0 auto;
    font-size: 63px;
    font-weight: 900;
    height: 70px;
    padding-bottom: 20px;
    margin-top: 10px;
}

#qr-label-bottom {
    width: 300px;
    margin: 0 auto;
    margin-top: 30px;
    text-align: center;
}

#center-text {
    text-align: center;
    margin: 0 auto;
}

#qrcode-body {
    width: 70%;
    height: 520px;
    margin: 0 auto;
    margin-top: 30px;
    border: 2px solid #000000;
}

.msger {
    display: flex;
    flex-flow: column wrap;
    justify-content: space-between;
    width: 95%;
    /*max-width: 867px;*/
    margin: 25px 10px;
    height: calc(100% - 60px);
    border: var(--border);
    border-radius: 5px;
    background: var(--msger-bg);
    box-shadow: 0 15px 15px -5px rgba(0, 0, 0, 0.2);
}

.msger-header {
    display: flex;
    justify-content: space-between;
    padding: 10px;
    border-bottom: var(--border);
    background: #eee;
    color: #212529;
}

.msger-chat {
    flex: 1;
    display: flex;
    flex-direction: column-reverse;
    overflow: auto;
    padding: 10px;
    background-color: #fcfcfe;
}

    .msger-chat::-webkit-scrollbar {
        width: 6px;
    }

    .msger-chat::-webkit-scrollbar-track {
        background: #ddd;
    }

    .msger-chat::-webkit-scrollbar-thumb {
        background: #bdbdbd;
    }

.msg {
    display: flex;
    align-items: flex-end;
    margin-bottom: 10px;
}

    .msg:last-of-type {
        margin: 0;
    }

.msg-img {
    width: 50px;
    height: 50px;
    margin-right: 10px;
    background: #ddd;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 50%;
}

.msg-bubble {
    max-width: 450px;
    padding: 15px;
    border-radius: 15px;
    background: var(--left-msg-bg);
}

.msg-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

.msg-info-name {
    margin-right: 10px;
    font-weight: bold;
}

.msg-info-time {
    font-size: 0.85em;
}

.left-msg .msg-bubble {
    border-bottom-left-radius: 0;
}

.right-msg {
    flex-direction: row-reverse;
}

    .right-msg .msg-bubble {
        background: var(--right-msg-bg);
        color: #fff;
        border-bottom-right-radius: 0;
    }

    .right-msg .msg-img {
        margin: 0 0 0 10px;
    }

.msger-inputarea {
    display: flex;
    padding: 10px;
    border-top: var(--border);
    background: #eee;
}

    .msger-inputarea * {
        padding: 10px;
        border: none;
        border-radius: 3px;
        font-size: 1em;
    }

.msger-input {
    flex: 1;
    background: #ddd;
}

.msger-send-btn {
    margin-left: 10px;
    background: rgb(0, 196, 65);
    color: #fff;
    font-weight: bold;
    cursor: pointer;
    transition: background 0.23s;
}

    .msger-send-btn:hover {
        background: rgb(0, 180, 50);
    }
.card {
    background-color: #E2E3E5;
    padding: 4px 16px;
    border: 1px solid #D3D6D8;
    border-radius: 4px;
}

.text-guide {
    font-size: 14px;
    line-height: 32px;
    vertical-align: middle;
}
cus-contract-new-ui-detail-component .tms-index-header {
  padding: 8px 16px;
}

cus-contract-new-ui-detail-component .breadcrumbSpanText {
  font-size: 14px;
  color: #6C757D;
  font-weight: 500;
}

cus-contract-new-ui-detail-component .breadcrumbTextLink {
  font-size: 14px;
  color: #1F4A7C;
  font-weight: 500;
}

cus-contract-new-ui-detail-component .breadcrumbSpanTextBold {
  color: #212529;
  font-weight: 700;
  line-height: 29px;
}

cus-contract-new-ui-detail-component .backBtn {
  border-right: 1px solid #21252940;
}

cus-contract-new-ui-detail-component .k-tabstrip-wrapper {
  padding: 16px !important;
  height: calc(100% - 32px) !important;
}

cus-contract-new-ui-detail-component .k-tabstrip-wrapper .k-content {
  height: calc(100% - 37px);
}

cus-contract-new-ui-detail-component panel-index-body .chute {
  height: calc(100vh - 114px) !important;
}
cus-contract-new-ui-detail-info-component .custom-position-btn {
  display: flex;
  gap: 8px;
  position: fixed;
  transform: translate(0px, -36px);
}

cus-contract-new-ui-detail-info-component .k-panelbar > .k-state-default > ul {
  padding: 16px 8px;
}

cus-contract-new-ui-detail-info-component .k-panelbar > .k-state-default {
  padding: 0px;
}

cus-contract-new-ui-detail-info-component .slg-text-black {
  font-size: 20px;
  line-height: 24px;
}

cus-contract-new-ui-detail-info-component md-switch {
  margin: 0px;
}

cus-contract-new-ui-detail-info-component .card {
  background-color: #f8f9fa;
  height: 33px;
  padding: 8px 16px;
  border: 1px solid #ced4da;
  border-radius: 4px;
}

cus-contract-new-ui-detail-info-component .tms-label {
  line-height: 22px;
}

cus-contract-new-ui-detail-info-component .panel {
  height: calc(100% - 16px);
}

cus-contract-new-ui-detail-info-component .panel-body {
  height: 100%;
}

cus-contract-new-ui-detail-info-component input.k-textbox {
  height: 2.463em;
}

cus-contract-new-ui-detail-info-component .k-widget {
  -webkit-box-shadow: unset;
  box-shadow: unset;
}

cus-contract-new-ui-detail-info-component .hide-collapse-btn .k-icon.k-i-arrow-n.k-panelbar-collapse {
  display: none;
}

cus-contract-new-ui-detail-info-component .k-state-selected {
  color: unset;
}

cus-contract-new-ui-detail-info-component md-switch[disabled] .md-bar {
  border: 1px solid #ECECEC;
}

cus-contract-new-ui-detail-info-component md-switch[disabled].md-checked.md-primary .md-bar {
  background-color: #8FA4BD;
}

cus-contract-new-ui-detail-info-component md-switch[disabled] .md-thumb {
  background-color: #DFDFDF;
  opacity: 0.5;
}

cus-contract-new-ui-detail-info-component md-switch[disabled].md-checked.md-primary .md-thumb {
  opacity: 1;
}

cus-contract-new-ui-detail-info-component md-switch[disabled] .tms-label-checkbox {
  opacity: 0.5;
}

cus-contract-new-ui-detail-info-component combo-box-control .has-error .form-control {
  padding-right: 0px;
}

cus-contract-new-ui-detail-info-component .form-group {
  margin-bottom: 10px;
}

cus-contract-new-ui-detail-info-component .form-group-mbn .form-group {
  margin-bottom: 0px;
}

cus-contract-new-ui-detail-info-component .has-error {
  margin-bottom: 0px;
}
.tab-routing-group {
  .k-tabstrip-wrapper {
    padding: 16px 8px !important;
    height: calc(100% - 32px) !important;
  }

  .k-tabstrip .k-tabstrip-items {
    position: inherit;
    padding: 0px 8px;
    border-bottom: unset;
  }
  
  .k-tabstrip .k-tabstrip-items:after {
    content: "";
    position: absolute;
    left: 8px;
    bottom: 0;
    width: calc(100% - 16px);
    border-bottom: 1px solid #DEE2E6;
  }
  
  .k-tabstrip-items .k-item.k-state-active {
    margin-bottom: unset !important;
  }

  .px-0 {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }

  .px-8 {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
}

.tab-route .panel-body {
  height: calc(100% - 48px) !important;
}

.tab-route .k-grid-content {
  height: calc(100% - 125px) !important;
}
cus-contract-new-ui-detail-price-component .tms-panel-header {
  padding: 8px 0px;
}

cus-contract-new-ui-detail-price-component .tms-label {
  line-height: 24px;
  font-weight: 400;
}

cus-contract-new-ui-detail-price-component .tms-icon-grid-status {
  margin-right: unset;
  margin-top: 7px;
  width: 10px;
  height: 10px;
}

cus-contract-new-ui-detail-price-component .green {
  margin-top: -2px;
  color: #198754;
}

cus-contract-new-ui-detail-price-component .orange {
  margin-top: -2px;
  color: #FD7E14;
}

cus-contract-new-ui-detail-price-component .panel-body {
  height: calc(100% - 48px);
}

cus-contract-new-ui-detail-price-component .k-grid-content {
  height: calc(100% - 129px) !important;
}
cus-contract-new-ui-detail-setting-component .custom-position-btn {
  display: flex;
  gap: 8px;
  position: fixed;
  transform: translate(0px, -23px);
}

cus-contract-new-ui-detail-setting-component md-switch {
  margin: 0px;
  height: 36px;
}

cus-contract-new-ui-detail-setting-component .form-group {
  margin-bottom: 8px;
}

cus-contract-new-ui-detail-setting-component .panel {
  height: calc(100% - 8px);
}

cus-contract-new-ui-detail-setting-component .panel-body {
  height: 100%;
}

cus-contract-new-ui-detail-setting-component .card {
  background-color: #E2E3E5;
  padding: 4px 16px;
  border: 1px solid #D3D6D8;
  border-radius: 4px;
  display: flex;
  gap: 8px;
  align-items: center;
}

cus-contract-new-ui-detail-setting-component .card-check-box {
    background-color: #f8f9fa;
    height: 34px;
    padding: 8px 16px;
    border: 1px solid #ced4da;
    border-radius: 4px;
}

cus-contract-new-ui-detail-setting-component .text-guide {
  font-size: 14px;
  line-height: 24px;
  white-space: pre-line;
}

cus-contract-new-ui-detail-setting-component .big-icon .fs-icon {
  font-size: 24px !important;
}

cus-contract-new-ui-detail-setting-component .small-icon .fs-icon {
  font-size: 19px !important;
}

cus-contract-new-ui-detail-setting-component combo-box-control .has-error .form-control {
  padding-right: 0px;
}

cus-contract-new-ui-detail-setting-component .k-grid .k-grid-header {
  padding-bottom: 10px;
}

cus-contract-new-ui-detail-setting-component .k-grid-content {
  overflow-y: unset;
}
cus-contract-new-ui-detail-term-component .tms-panel-header {
  padding: 8px 0px;
}

cus-contract-new-ui-detail-term-component .tms-label {
  line-height: 24px;
  font-weight: 400;
}

cus-contract-new-ui-detail-term-component .tms-icon-grid-status {
  margin-right: unset;
  margin-top: 7px;
  width: 10px;
  height: 10px;
}

cus-contract-new-ui-detail-term-component .green {
  margin-top: -2px;
  color: #198754;
}

cus-contract-new-ui-detail-term-component .orange {
  margin-top: -2px;
  color: #FD7E14;
}

cus-contract-new-ui-detail-term-component .tms-label-grid-link {
  font-weight: bold;
}

cus-contract-new-ui-detail-term-component .panel-body {
  height: calc(100% - 48px);
}

cus-contract-new-ui-detail-term-component .k-grid-content {
  height: calc(100% - 129px) !important;
}
cus-contract-new-ui-index-component .tms-index-header {
  padding: 8px 16px;
}

cus-contract-new-ui-index-component .breadcrumbSpanText {
  color: #6C757D;
}

cus-contract-new-ui-index-component .tms-icon-grid-status {
  margin-right: unset;
  margin-top: 7px;
  width: 10px;
  height: 10px;
}

cus-contract-new-ui-index-component .tms-label {
  line-height: 24px;
  font-weight: 400;
}
cus-contract-new-ui-price-level-component .tms-panel-header {
  padding: 8px 16px;
}

cus-contract-new-ui-price-level-component .breadcrumbSpanText {
  font-size: 14px;
  color: #6C757D;
  font-weight: 500;
}

cus-contract-new-ui-price-level-component .breadcrumbTextLink {
  font-size: 14px;
  color: #1F4A7C;
  font-weight: 500;
}

cus-contract-new-ui-price-level-component .breadcrumbSpanTextBold {
  color: #212529;
  font-weight: 700;
  line-height: 29px;
}

cus-contract-new-ui-price-level-component .backBtn {
  border-right: 1px solid #21252940;
}

cus-contract-new-ui-price-level-component .k-grid tbody tr {
  height: 45px !important;
}

cus-contract-new-ui-price-level-component .text-link {
  font-weight: 700;
  color: #1F4A7C;
  line-height: 24px;
}
cus-contract-new-ui-price-moq-ex-component .tms-panel-header {
  padding: 8px 16px;
}

cus-contract-new-ui-price-moq-ex-component .k-panelbar .tms-panel-header {
  padding: 8px 0px;
}

cus-contract-new-ui-price-moq-ex-component .breadcrumbSpanText {
  font-size: 14px;
  color: #6C757D;
  font-weight: 500;
}

cus-contract-new-ui-price-moq-ex-component .breadcrumbTextLink {
  font-size: 14px;
  color: #1F4A7C;
  font-weight: 500;
}

cus-contract-new-ui-price-moq-ex-component .breadcrumbSpanTextBold {
  color: #212529;
  font-weight: 700;
  line-height: 29px;
}

cus-contract-new-ui-price-moq-ex-component .backBtn {
  border-right: 1px solid #21252940;
}

cus-contract-new-ui-price-moq-ex-component .k-panelbar > .k-state-default > ul {
  padding: 0px 16px;
  height: 400px;
}
cus-contract-new-ui-price-normal-component .tms-panel-header {
  padding: 8px 16px;
}

cus-contract-new-ui-price-normal-component .breadcrumbSpanText {
  font-size: 14px;
  color: #6C757D;
  font-weight: 500;
}

cus-contract-new-ui-price-normal-component .breadcrumbTextLink {
  font-size: 14px;
  color: #1F4A7C;
  font-weight: 500;
}

cus-contract-new-ui-price-normal-component .breadcrumbSpanTextBold {
  color: #212529;
  font-weight: 700;
  line-height: 29px;
}

cus-contract-new-ui-price-normal-component .backBtn {
  border-right: 1px solid #21252940;
}

cus-contract-new-ui-price-normal-component .k-grid tbody tr {
  height: 45px !important;
}

cus-contract-new-ui-price-normal-component .text-link {
  font-weight: 700;
  color: #1F4A7C;
  line-height: 24px;
}

cus-contract-new-ui-price-normal-component .custom-input-group {
  display: inline-flex;
  white-space: nowrap;
  width: 336px;

  .custom-label {
    display: flex;
    gap: 4px;
    align-items: center;
    line-height: 32px;
  }

  input-group-control {
    /* width: 150px; */

    .form-group {
      margin-bottom: unset;
      
      /* .form-control {
        width: unset;
      } */

      .input-group-textbox {
        height: 32px !important;
      }
    }

    .tms-input-group > .tms-btn-input-group-container > .tms-btn-input-group-suffix {
      height: 32px !important;
    }
  }
}
cus-customer-detail-setting-component .card {
  background-color: #f8f9fa;
  height: 31px;
  padding: 8px 16px;
  border: 1px solid #ced4da;
  border-radius: 4px;
}

cus-customer-detail-setting-component md-switch {
  margin: 0px;
}

cus-customer-sync-oms-popup-component .table > thead > tr > th
{
    font-size:18px !important;
}
cus-customer-sync-oms-popup-component .table > tbody > tr > td
{
    font-size:18px !important;
}
.k-scheduler.cus-scheduler.over-scheduler .k-scheduler-content div.k-event, .vis-item {
    background: none;
    color: #f0f0f0;
    font-weight: bold;
    top: 0px;
    height: 20px;
    line-height: 16px;
    margin: 9px 0;
    border: none;
}

flm-receipt-timeline-component div.k-event.k-event-drag-hint {
    background: none;
    top: 0px;
    height: 20px !important;
    line-height: 16px !important;
    margin: 9px 0;
    border: none;
}

.k-scheduler.cus-scheduler.over-scheduler .k-scheduler-content div.k-event .cus-event, .vis-item .cus-event {
    width: calc(100% - 0px) !important;
}

    .k-scheduler.cus-scheduler.over-scheduler .k-scheduler-content div.k-event .cus-event .event-content, .vis-item .cus-event .event-content {
        display: block;
        cursor: pointer;
        position: absolute;
        top: 0px;
        left: 10px;
        z-index: 6;
        line-height: 20px;
        white-space: nowrap;
        overflow: hidden;
        font-size: 12px;
        color: #FFFFFF;
        width: 100%;
        height: 100%;
    }
    .vis-item .cus-event.event3 .event-content {
        color: black;
    }

        .k-scheduler.cus-scheduler.over-scheduler .k-scheduler-content div.k-event .cus-event .event-content[data-newevent="true"], .vis-item .cus-event .event-content[data-newevent="true"] {
            color: black;
        }

    .k-scheduler.cus-scheduler.over-scheduler .k-scheduler-content div.k-event .cus-event .event-bkg, .vis-item .cus-event .event-bkg {
        cursor: pointer;
        position: absolute;
        line-height: 20px;
        white-space: nowrap;
        overflow: hidden;
        top: 2px;
        z-index: 2;
        width: calc(100% - 0px);
        height: calc(100% - 4px);
    }

        .k-scheduler.cus-scheduler.over-scheduler .k-scheduler-content div.k-event .cus-event .event-bkg[data-double-container="true"], div.k-event .cus-event .event-bkg[data-double-container="true"], .vis-item .cus-event .event-bkg[data-double-container="true"] {
            background-size: contain;
            background-repeat: repeat-x;
        }

        .k-scheduler.cus-scheduler.over-scheduler .k-scheduler-content div.k-event .cus-event .event-bkg.double3[data-double-container="true"], div.k-event .cus-event .event-bkg.double3[data-double-container="true"], .vis-item .cus-event .event-bkg.double3[data-double-container="true"] {
            border: 1px solid #b6b6b6;
            height: calc(100% - 6px) !important;
            width: calc(100% - 2px) !important;
            background-position-y: -1px;
        }

        .k-scheduler.cus-scheduler.over-scheduler .k-scheduler-content div.k-event .cus-event .event-bkg.double1[data-double-container="true"], div.k-event .cus-event .event-bkg.double1[data-double-container="true"], .vis-item .cus-event .event-bkg.double1[data-double-container="true"] {
            border: 1px solid #b6b6b6;
            height: calc(100% - 6px) !important;
            width: calc(100% - 2px) !important;
        }

    .k-scheduler.cus-scheduler.over-scheduler .k-scheduler-content div.k-event .cus-event .event-border, .cus-event .event-border {
        position: absolute;
        height: 21px;
        top: 2px;
        left: 0;
        z-index: 1;
        opacity: 0.2;
    }

    .k-scheduler.cus-scheduler.over-scheduler .k-scheduler-content div.k-event .cus-event .event-icon, .cus-event .event-icon {
        display: inline-block;
        height: 100%;
        z-index: 7;
        position: absolute;
        text-align: right;
        overflow: hidden;
        cursor: pointer;
        opacity: 0.5;
        top: 0;
        width: calc(100% - 0px);
        right: 0;
    }

        .k-scheduler.cus-scheduler.over-scheduler .k-scheduler-content div.k-event .cus-event .event-icon .event-infinity, .cus-event .event-icon .event-infinity {
            position: relative;
            float: right;
            width: 21px;
            height: 10px;
            top: 5px;
            z-index: 8;
        }

        .k-scheduler.cus-scheduler.over-scheduler .k-scheduler-content div.k-event .cus-event .event-icon .event-doubleco, .cus-event .event-icon .event-doubleco {
            position: relative;
            float: right;
            width: 22px;
            height: 13px;
            top: 3px;
            z-index: 8;
        }

        .k-scheduler.cus-scheduler.over-scheduler .k-scheduler-content div.k-event .cus-event .event-icon .event-rstation, .cus-event .event-icon .event-rstation {
            position: relative;
            float: right;
            width: 10px;
            height: 13px;
            top: 4px;
            z-index: 8;
        }

        .k-scheduler.cus-scheduler.over-scheduler .k-scheduler-content div.k-event .cus-event .event-icon .event-romempty, .cus-event .event-icon .event-romempty {
            position: relative;
            float: right;
            width: 22px;
            height: 13px;
            top: 3px;
            z-index: 8;
        }

.hint-draggable-item {
    width: 200px;
    background: #1E4B7E;
    color: #FFFFFF;
    border-radius: 20px;
    height: 20px;
    line-height: 20px;
}

flm-receipt-timeline-component .cus-event.event4 .event-bkg {
    background: #FF0000;
    border-radius: 20px;
}

flm-receipt-timeline-component .cus-event.event-a1 .event-bkg, .cus-event.event-1.draggable .event-bkg {
    background: #D3D5D6;
    border-radius: 20px;
}

flm-receipt-timeline-component .cus-event.event-aa1 .event-bkg {
    background: #1CBEF8;
    border-radius: 20px;
}

/* Set màu phiếu */

/* Mới tạo */
flm-receipt-timeline-component .cus-event.event1 .event-bkg {
    background: #c8c8c8;
    border-radius: 20px;
} 

/* Đã duyệt */
flm-receipt-timeline-component .cus-event.event2 .event-bkg {
    background: #2986cc;
    border-radius: 20px;
}

/* Đang thực hiện */
flm-receipt-timeline-component .cus-event.event3 .event-bkg {
    color: black;
    background: #f7fb09;
    border-radius: 20px;
}

/* Cảnh báo */
flm-receipt-timeline-component .cus-event.event4 .event-bkg {
    background: #c53a48;
    border-radius: 20px;
}

/* Hoàn thành */
flm-receipt-timeline-component .cus-event.event5 .event-bkg {
    background: #3cb371;
    border-radius: 20px;
}

flm-receipt-timeline-component .cus-event.eventa4 .event-bkg {
    background: #FF0000;
    border-radius: 20px;
}

flm-receipt-timeline-component .vis-timeline {
    border: none;
    height: initial !important;
}

    flm-receipt-timeline-component .vis-timeline.vis-bottom {
        height: initial !important;
    }

flm-receipt-timeline-component .vis-panel.vis-center {
    left: 0 !important;
    width: 100% !important;
    border: none;
    top: 0 !important;
    height: 100% !important;
}

flm-receipt-timeline-component .vis-panel.vis-left, .vis-panel.vis-right {
    display: none !important;
    top: 0 !important;
}

flm-receipt-timeline-component .vis-shadow {
    display: none !important;
}

flm-receipt-timeline-component .vis-timeline .vis-panel.vis-top {
    display: none !important;
}

flm-receipt-timeline-component .vis-panel.vis-top {
    height: 70px;
    left: 0 !important;
    border: 1px #d7e3f0 solid;
    border-left: none;
    border-right: none;
}

flm-receipt-timeline-component .vis-panel > .vis-content {
    top: 0 !important;
}

flm-receipt-timeline-component .vis-timeline .vis-foreground .vis-group {
    left: -5px;
    height: 37px !important;
    border-bottom: 1px solid #d7e3f0;
    overflow: hidden;
}

flm-receipt-timeline-component .vis-timeline .vis-background .vis-group {
    height: 37px !important;
}

flm-receipt-timeline-component .vis-timeline .vis-itemset, .vis-timeline .vis-content {
    height: 100% !important;
}

flm-receipt-timeline-component .vis-timeline .vis-axis {
    top: 0 !important;
}

flm-receipt-timeline-component .vis-time-axis.vis-foreground {
    height: 69px;
    background-color: #e4e4e4;
}

    flm-receipt-timeline-component .vis-time-axis.vis-foreground .vis-text {
        line-height: 28px;
    }

        flm-receipt-timeline-component .vis-time-axis.vis-foreground .vis-text.vis-minor {
            height: 35px;
            border-top: 1px solid #e4e4e4;
            background-color: #fff;
        }

        flm-receipt-timeline-component .vis-time-axis.vis-foreground .vis-text.vis-major {
            height: 34px;
        }

flm-receipt-timeline-component .vis-foreground .vis-item, .vis-item {
    margin: 0;
    padding: 0;
    height: 23px;
}

flm-receipt-timeline-component .vis-timeline .vis-foreground .vis-item {
    top: 10px !important;
}

flm-receipt-timeline-component .vis-foreground .vis-item.vis-range {
    border: none;
    border-radius: 0;
}

flm-receipt-timeline-component .vis-hide {
    display: none;
}

flm-receipt-timeline-component .vis-foreground .vis-item .vis-item-overflow {
    height: 23px !important;
    overflow: visible;
}

flm-receipt-timeline-component .vis-foreground .vis-item.vis-range .vis-item-content, .vis-item.vis-range .vis-item-content {
    height: 20px;
    width: 100%;
}

flm-receipt-timeline-component .vis-foreground .vis-item.vis-selected, .vis-item.vis-selected {
    border: none;
    background: none;
}

flm-receipt-timeline-component .vis-text.vis-major {
    font-weight: bold;
}

flm-receipt-timeline-component .vis-grid.vis-vertical {
    top: 0 !important;
    height: 100% !important;
}

flm-receipt-timeline-component .vis-item.vis-background {
    height: 37px !important;
}

flm-receipt-timeline-component .drop-label {
    text-align: center;
    vertical-align: middle;
    display: block;
    margin-top: 10px;
    color: #1E4B7E;
    font-size: large;
    font-weight: 500;
}
/*-----------------*/
flm-receipt-timeline-component #chosen-orders {
    background-color: #1E4B7E;
    color: #FFFFFF;
    border-radius: 30px;
    padding: 5px 10px;
    cursor: pointer;
}

/*Grid Pager*/
flm-receipt-timeline-component #div-grid-dock .k-pager-wrap.k-grid-pager {
    background-color: transparent !important;
    border: none;
    width: 315px;
    display: inline-block;
    margin: 0;
    height: 34px;
    overflow: hidden;
    padding: 2px 0;
    padding-left: 80px;
    /*padding-left: calc(100% - 285px);*/
}

    flm-receipt-timeline-component #div-grid-dock .k-pager-wrap.k-grid-pager a {
        color: #fff;
        background-color: #fff;
        border-radius: 50% !important;
        width: 26px;
        height: 26px;
        margin: 3px 1px;
        padding: 0px;
        min-width: 26px;
    }

        flm-receipt-timeline-component #div-grid-dock .k-pager-wrap.k-grid-pager a .k-icon {
            margin-top: -8px;
            color: #1E4B7E;
        }

    flm-receipt-timeline-component #div-grid-dock .k-pager-wrap.k-grid-pager .k-pager-input {
        background-color: #c6ced3;
        border-radius: 20px;
        display: block;
        height: 26px;
        line-height: 26px;
        padding-left: 0;
        width: 46px;
        text-align: center;
        margin: 4px 1px;
        font-size: 12px;
    }

        flm-receipt-timeline-component #div-grid-dock .k-pager-wrap.k-grid-pager .k-pager-input .k-textbox {
            background-color: #c6ced3;
            border-radius: 20px;
            text-align: right;
            margin: 0;
            padding: 0;
            position: relative;
            top: -1px;
            width: 26px;
            height: 26px;
            border: none;
        }

    flm-receipt-timeline-component #div-grid-dock .k-pager-wrap.k-grid-pager .k-pager-numbers li {
        background-color: #435f6e;
    }

        flm-receipt-timeline-component #div-grid-dock .k-pager-wrap.k-grid-pager .k-pager-numbers li.k-current-page {
            display: inherit;
        }

        flm-receipt-timeline-component #div-grid-dock .k-pager-wrap.k-grid-pager .k-pager-numbers li:not(.k-current-page) {
            display: none;
        }

    flm-receipt-timeline-component #div-grid-dock .k-pager-wrap.k-grid-pager .k-pager-numbers, .k-grid.cus-grid.over-grid .k-grid-pager.k-pager-wrap .k-pager-numbers .k-state-ed, .k-grid.cus-grid.over-grid .k-grid-pager.k-pager-wrap .k-pager-numbers .k-pager-nav {
        background-color: #fff;
        color: #000;
        border-color: #fff;
    }

    flm-receipt-timeline-component #div-grid-dock .k-pager-wrap.k-grid-pager .k-pager-info {
        background-color: transparent !important;
        color: #1E4B7E !important;
        position: absolute;
        left: 0px;
    }

    flm-receipt-timeline-component #div-grid-dock .k-pager-wrap.k-grid-pager .k-pager-sizes {
        height: 16px;
        font-size: 12px;
    }

    /*Grid Title*/
    flm-receipt-timeline-component #div-grid-dock .k-pager-wrap.k-grid-pager .grid-title {
        position: absolute;
        left: 0;
        text-transform: uppercase;
        font-weight: bold;
        color: #1E4B7E;
        background-color: transparent !important;
    }

    flm-receipt-timeline-component #div-grid-dock .k-pager-wrap.k-grid-pager .btn-title {
        margin-top: 5px;
        position: absolute;
        left: 0;
        text-transform: uppercase;
        font-weight: bold;
        color: #FFFFFF;
        background-color: #1E4B7E !important;
    }


flm-receipt-timeline-component .panel .panel-body {
    overflow: hidden;
}

flm-receipt-timeline-component #div-grid-dock grid-control .k-grid .k-grid-content {
    padding-right: 17px;
    height: calc(100% - 68px) !important;
}
    /*Row Height*/
    flm-receipt-timeline-component #div-grid-dock grid-control .k-grid .k-grid-content.k-auto-scrollable td {
        height: 37px;
    }

#qrcode {
    width: 300px;
    height: 300px;
    margin: 0 auto;
    text-align: center;
    padding-top: 30px;
}
main-component .navbar.navbar-fixed-top.tms-bg *, :before, :after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    
}

main-component .timeline-icon.tms-notification-icon {
    background: none !important;
    color: #1E4B7E !important;
    font-size: 20px;
    top: 4px !important;
}

main-component ol.timeline-list li.timeline-item {
    border-bottom: 1px solid #E8E8E8;
}

main-component .tms-btn.active {
    background: #126080;
}

main-component li.dropdown .timeline-list li.timeline-item .timeline-date {
    bottom: 0px !important;
    top: unset !important;
}

main-component .notification-number {
    position: absolute;
    display: inline-block;
    left: 11px;
    top: -10px;
    border-radius: 25px;
    padding: 0px 9px;
    color: #fff;
    white-space: nowrap;
    text-align: center;
    vertical-align: middle;
    font-size: 11px;
    font-weight: 600;
    text-shadow: none;
    box-shadow: none;
    background: none;
    background-color: #FF4D4F;
}

main-component .notification-point {
    position: absolute;
    display: inline-block;
    left: 17px;
    top: 10px;
    border-radius: 20px;
    border: 1px solid #fff;
    margin: -6px 0 0 0;
    padding: 0px 4px;
    color: #fff;
    white-space: nowrap;
    text-align: center;
    vertical-align: middle;
    font-size: 6px;
    font-weight: 600;
    text-shadow: none;
    box-shadow: none;
    background: none;
    background-color: red;
    color: red;
}

main-component .dropdown-menu {
    border-top: 1px solid #dadada !important;
    border-left: 1px solid #dadada;
}

main-component .timeline-desc {
    color: #000;
}

main-component .timeline-item {
    padding: 5px 0px 16px 23px !important;
    min-height: 57px;
}

main-component .panel-loading {
    z-index: 999;
    position: absolute;
    font-size: 40px;
    padding-top: 36%;
    left: 0px;
    width: 100%;
    height: 100%;
    text-align: center;
    background: #fff;
    opacity: 0.5;
    bottom: 0px;
}

main-component md-progress-linear .md-container {
    background-color: #fff;
}

main-component md-progress-linear .md-container .md-bar {
    background-color: #1cbef8;
}

.position-relative {
    position: relative;
}

.eye-icon {
    position: absolute;
    right: 25px;
    top: 55%;
    transform: translateY(-50%);
    cursor: pointer;
    z-index: 100001;
}

.btn-slidebar-c {
    background-color: #FFF !important;
    color: #6C757D !important;
    border-right: 1px #DEE2E6 solid;
}

.btn-slidebar-o {
    background-color: #0A2748 !important;
    color: #FFF !important;
}

.navbar-box-shadow-wfull {
    box-shadow: 0px 2px 5px rgba(0,0,0,0.1);
}

.navbar-box-shadow-w256 {
    box-shadow: 256px 2px 5px rgba(0,0,0,0.1);
}

.dropdown-fuse .dropdown-toggle {
    cursor: pointer;
    margin-left: 25px;
    padding: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 7.34px;
}

.dropdown-fuse > .dropdown-toggle > .icon-tms-new-caret-down {
    font-weight: 700;
}

.navbar-right {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 15px;
}

.mg-top0 {
    margin-top: 0px !important;
}

.tms-slidebar-bg {
    background-color: #0A2748;
}
mega-filter {
  position: relative;
  min-width: 260px;
  display: inline-block; }
  mega-filter .filters-input {
    border-radius: 3px;
    padding: 0 3px;
    border: 1px solid #ccc;
    background-color: #fff;
    max-height: 34px;
    overflow: hidden; }
    mega-filter .filters-input.focus {
      border-color: #2196f3; }
    mega-filter .filters-input input {
      width: 49px;
      border: none;
      padding: 0px 6px;
      background-color: #fff;
      margin-left: 3px;
      margin-top: 3px;
      margin-bottom: 3px; }
      mega-filter .filters-input input:focus {
        outline: none; }
    mega-filter .filters-input .active-filter-group {
      display: inline; }
      mega-filter .filters-input .active-filter-group .active-filter-item {
        display: inline-block;
        padding: 3px 6px;
        border-radius: 3px;
        margin-right: 3px;
        margin-top: 3px;
        margin-bottom: 3px;
        background-color: #2196f3;
        color: #fff;
        cursor: pointer;
        line-height: 22px; }
        mega-filter .filters-input .active-filter-group .active-filter-item > i {
          margin-left: 5px;
          color: #e6e6e6; }
        mega-filter .filters-input .active-filter-group .active-filter-item:hover > i {
          color: #ccc; }
  mega-filter .filters-menu {
    position: absolute;
    top: 36px;
    width: 100%;
    background-color: #fff;
    z-index: 100;
    border-top: none;
    border-radius: 0 0 3px 3px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); }
    mega-filter .filters-menu .filters-grid {
      padding: 10px;
      max-height: 400px;
      overflow-x: hidden;
      overflow-y: auto; }
    mega-filter .filters-menu .filters-group .filters-group-heading {
      font-size: 14px;
      text-transform: uppercase;
      padding: 5px 10px 5px 0;
      margin-top: 10px;
      color: #2196f3; }
      mega-filter .filters-menu .filters-group .filters-group-heading:hover {
        color: #0960a5;
        cursor: pointer; }
    mega-filter .filters-menu .filters-action {
      background-color: #f2f2f2;
      border-top: 1px solid #eee;
      margin-top: 15px;
      padding: 15px 10px 10px; }
      mega-filter .filters-menu .filters-action > a {
        margin-left: 10px; }
    mega-filter .filters-menu .filter-group-body {
      padding-left: 15px; }
      mega-filter .filters-menu .filter-group-body .filter-item {
        padding: 3px 6px;
        border-radius: 3px;
        position: relative;
        display: inline-block;
        margin: 3px;
        color: #555; }
        mega-filter .filters-menu .filter-group-body .filter-item.active, mega-filter .filters-menu .filter-group-body .filter-item:hover {
          cursor: pointer;
          background-color: #2196f3;
          border-color: #2196f3;
          color: #fff; }
    mega-filter .filters-menu .menu-close {
      position: absolute;
      top: 10px;
      right: 15px;
      color: #999; }
      mega-filter .filters-menu .menu-close:hover {
        color: #555; }


mega-filter{position:relative;min-width:260px;display:inline-block;}mega-filter .filters-input{border-radius:3px;padding:0 3px;border:1px solid #ccc;background-color:#fff;max-height:34px;overflow:hidden;}mega-filter .filters-input.focus{border-color:#2196f3;}mega-filter .filters-input input{width:49px;border:none;padding:0 6px;background-color:#fff;margin-left:3px;margin-top:3px;margin-bottom:3px;}mega-filter .filters-input input:focus{outline:none;}mega-filter .filters-input .active-filter-group{display:inline;}mega-filter .filters-input .active-filter-group .active-filter-item{display:inline-block;padding:3px 6px;border-radius:3px;margin-right:3px;margin-top:3px;margin-bottom:3px;background-color:#2196f3;color:#fff;cursor:pointer;line-height:22px;}mega-filter .filters-input .active-filter-group .active-filter-item>i{margin-left:5px;color:#e6e6e6;}mega-filter .filters-input .active-filter-group .active-filter-item:hover>i{color:#ccc;}mega-filter .filters-menu{position:absolute;top:36px;width:100%;background-color:#fff;z-index:100;border-top:none;border-radius:0 0 3px 3px;box-shadow:0 2px 4px rgba(0,0,0,.2);}mega-filter .filters-menu .filters-grid{padding:10px;max-height:400px;overflow-x:hidden;overflow-y:auto;}mega-filter .filters-menu .filters-group .filters-group-heading{font-size:14px;text-transform:uppercase;padding:5px 10px 5px 0;margin-top:10px;color:#2196f3;}mega-filter .filters-menu .filters-group .filters-group-heading:hover{color:#0960a5;cursor:pointer;}mega-filter .filters-menu .filters-action{background-color:#f2f2f2;border-top:1px solid #eee;margin-top:15px;padding:15px 10px 10px;}mega-filter .filters-menu .filters-action>a{margin-left:10px;}mega-filter .filters-menu .filter-group-body{padding-left:15px;}mega-filter .filters-menu .filter-group-body .filter-item{padding:3px 6px;border-radius:3px;position:relative;display:inline-block;margin:3px;color:#555;}mega-filter .filters-menu .filter-group-body .filter-item.active,mega-filter .filters-menu .filter-group-body .filter-item:hover{cursor:pointer;background-color:#2196f3;border-color:#2196f3;color:#fff;}mega-filter .filters-menu .menu-close{position:absolute;top:10px;right:15px;color:#999;}mega-filter .filters-menu .menu-close:hover{color:#555;}
.k-scheduler.cus-scheduler.over-scheduler .k-scheduler-content div.k-event, .vis-item {
    background: none;
    color: #f0f0f0;
    font-weight: bold;
    top: 0px;
    height: 20px;
    line-height: 16px;
    margin: 9px 0;
    border: none;
}

mon-container-trailer-timeline-component div.k-event.k-event-drag-hint {
    background: none;
    top: 0px;
    height: 20px !important;
    line-height: 16px !important;
    margin: 9px 0;
    border: none;
}

.k-scheduler.cus-scheduler.over-scheduler .k-scheduler-content div.k-event .cus-event, .vis-item .cus-event {
    width: calc(100% - 0px) !important;
}

    .k-scheduler.cus-scheduler.over-scheduler .k-scheduler-content div.k-event .cus-event .event-content, .vis-item .cus-event .event-content {
        display: block;
        cursor: pointer;
        position: absolute;
        top: 0px;
        left: 10px;
        z-index: 6;
        line-height: 20px;
        white-space: nowrap;
        overflow: hidden;
        font-size: 12px;
        color: #FFFFFF;
        width: 100%;
        height: 100%;
    }

        .k-scheduler.cus-scheduler.over-scheduler .k-scheduler-content div.k-event .cus-event .event-content[data-newevent="true"], .vis-item .cus-event .event-content[data-newevent="true"] {
            color: black;
        }

    .k-scheduler.cus-scheduler.over-scheduler .k-scheduler-content div.k-event .cus-event .event-bkg, .vis-item .cus-event .event-bkg {
        cursor: pointer;
        position: absolute;
        line-height: 20px;
        white-space: nowrap;
        overflow: hidden;
        top: 2px;
        z-index: 2;
        width: calc(100% - 0px);
        height: calc(100% - 4px);
    }

        .k-scheduler.cus-scheduler.over-scheduler .k-scheduler-content div.k-event .cus-event .event-bkg[data-double-container="true"], div.k-event .cus-event .event-bkg[data-double-container="true"], .vis-item .cus-event .event-bkg[data-double-container="true"] {
            background-size: contain;
            background-repeat: repeat-x;
        }

        .k-scheduler.cus-scheduler.over-scheduler .k-scheduler-content div.k-event .cus-event .event-bkg.double3[data-double-container="true"], div.k-event .cus-event .event-bkg.double3[data-double-container="true"], .vis-item .cus-event .event-bkg.double3[data-double-container="true"] {
            border: 1px solid #b6b6b6;
            height: calc(100% - 6px) !important;
            width: calc(100% - 2px) !important;
            background-position-y: -1px;
        }

        .k-scheduler.cus-scheduler.over-scheduler .k-scheduler-content div.k-event .cus-event .event-bkg.double1[data-double-container="true"], div.k-event .cus-event .event-bkg.double1[data-double-container="true"], .vis-item .cus-event .event-bkg.double1[data-double-container="true"] {
            border: 1px solid #b6b6b6;
            height: calc(100% - 6px) !important;
            width: calc(100% - 2px) !important;
        }

    .k-scheduler.cus-scheduler.over-scheduler .k-scheduler-content div.k-event .cus-event .event-border, .cus-event .event-border {
        position: absolute;
        height: 21px;
        top: 2px;
        left: 0;
        z-index: 1;
        opacity: 0.2;
    }

    .k-scheduler.cus-scheduler.over-scheduler .k-scheduler-content div.k-event .cus-event .event-icon, .cus-event .event-icon {
        display: inline-block;
        height: 100%;
        z-index: 7;
        position: absolute;
        text-align: right;
        overflow: hidden;
        cursor: pointer;
        opacity: 0.5;
        top: 0;
        width: calc(100% - 0px);
        right: 0;
    }

        .k-scheduler.cus-scheduler.over-scheduler .k-scheduler-content div.k-event .cus-event .event-icon .event-infinity, .cus-event .event-icon .event-infinity {
            position: relative;
            float: right;
            width: 21px;
            height: 10px;
            top: 5px;
            z-index: 8;
        }

        .k-scheduler.cus-scheduler.over-scheduler .k-scheduler-content div.k-event .cus-event .event-icon .event-doubleco, .cus-event .event-icon .event-doubleco {
            position: relative;
            float: right;
            width: 22px;
            height: 13px;
            top: 3px;
            z-index: 8;
        }

        .k-scheduler.cus-scheduler.over-scheduler .k-scheduler-content div.k-event .cus-event .event-icon .event-rstation, .cus-event .event-icon .event-rstation {
            position: relative;
            float: right;
            width: 10px;
            height: 13px;
            top: 4px;
            z-index: 8;
        }

        .k-scheduler.cus-scheduler.over-scheduler .k-scheduler-content div.k-event .cus-event .event-icon .event-romempty, .cus-event .event-icon .event-romempty {
            position: relative;
            float: right;
            width: 22px;
            height: 13px;
            top: 3px;
            z-index: 8;
        }

.hint-draggable-item {
    width: 200px;
    background: #1E4B7E;
    color: #FFFFFF;
    border-radius: 20px;
    height: 20px;
    line-height:20px;
}

mon-container-trailer-timeline-component .cus-event.event-1 .event-bkg {
    background: #D3D5D6;
    border-radius: 20px;
}

mon-container-trailer-timeline-component .cus-event.event1 .event-bkg, .cus-event.event-1.draggable .event-bkg {
    background: #D3D5D6;
    border-radius: 20px;
}

mon-container-trailer-timeline-component .cus-event.event2 .event-bkg {
    background: #F7B20C;
    border-radius: 20px;
}

mon-container-trailer-timeline-component .cus-event.event11 .event-bkg {
    background: #1CBEF8;
    border-radius: 20px;
}

mon-container-trailer-timeline-component .cus-event.event10 .event-bkg {
    background: #63BA3C;
    border-radius: 20px;
}

mon-container-trailer-timeline-component .cus-event.event3 .event-bkg {
    background: #678BFB;
    border-radius: 20px;
}

mon-container-trailer-timeline-component .cus-event.event4 .event-bkg {
    background: #FF0000;
    border-radius: 20px;
}

mon-container-trailer-timeline-component .cus-event.event5 .event-bkg {
    background: #C344DB;
    border-radius: 20px;
}

mon-container-trailer-timeline-component .cus-event.event6 .event-bkg {
    background: #F56C73;
    border-radius: 20px;
}

mon-container-trailer-timeline-component .vis-timeline {
    border: none;
    height: initial !important;
}

    mon-container-trailer-timeline-component .vis-timeline.vis-bottom {
        height: initial !important;
    }

mon-container-trailer-timeline-component .vis-panel.vis-center {
    left: 0 !important;
    width: 100% !important;
    border: none;
    top: 0 !important;
    height: 100% !important;
}

mon-container-trailer-timeline-component .vis-panel.vis-left, .vis-panel.vis-right {
    display: none !important;
    top: 0 !important;
}

mon-container-trailer-timeline-component .vis-shadow {
    display: none !important;
}

mon-container-trailer-timeline-component .vis-timeline .vis-panel.vis-top {
    display: none !important;
}

mon-container-trailer-timeline-component .vis-panel.vis-top {
    height: 70px;
    left: 0 !important;
    border: 1px #d7e3f0 solid;
    border-left: none;
    border-right: none;
}

mon-container-trailer-timeline-component .vis-panel > .vis-content {
    top: 0 !important;
}

mon-container-trailer-timeline-component .vis-timeline .vis-foreground .vis-group {
    height: 37px !important;
    border-bottom: 1px solid #d7e3f0;
    overflow: hidden;
}

mon-container-trailer-timeline-component .vis-timeline .vis-background .vis-group {
    height: 37px !important;
}

mon-container-trailer-timeline-component .vis-timeline .vis-itemset, .vis-timeline .vis-content {
    height: 100% !important;
}

mon-container-trailer-timeline-component .vis-timeline .vis-axis {
    top: 0 !important;
}

mon-container-trailer-timeline-component .vis-time-axis.vis-foreground {
    height: 69px;
    background-color: #e4e4e4;
}

    mon-container-trailer-timeline-component .vis-time-axis.vis-foreground .vis-text {
        line-height: 28px;
    }

        mon-container-trailer-timeline-component .vis-time-axis.vis-foreground .vis-text.vis-minor {
            height: 35px;
            border-top: 1px solid #e4e4e4;
            background-color: #fff;
        }

        mon-container-trailer-timeline-component .vis-time-axis.vis-foreground .vis-text.vis-major {
            height: 34px;
        }

mon-container-trailer-timeline-component .vis-foreground .vis-item, .vis-item {
    margin: 0;
    padding: 0;
    height: 23px;
}

mon-container-trailer-timeline-component .vis-timeline .vis-foreground .vis-item {
    top: 10px !important;
}

mon-container-trailer-timeline-component .vis-foreground .vis-item.vis-range {
    border: none;
    border-radius: 0;
}

mon-container-trailer-timeline-component .vis-hide {
    display: none;
}

mon-container-trailer-timeline-component .vis-foreground .vis-item .vis-item-overflow {
    height: 23px !important;
    overflow: visible;
}

mon-container-trailer-timeline-component .vis-foreground .vis-item.vis-range .vis-item-content, .vis-item.vis-range .vis-item-content {
    height: 20px;
    width: 100%;
}

mon-container-trailer-timeline-component .vis-foreground .vis-item.vis-selected, .vis-item.vis-selected {
    border: none;
    background: none;
}

mon-container-trailer-timeline-component .vis-text.vis-major {
    font-weight: bold;
}

mon-container-trailer-timeline-component .vis-grid.vis-vertical {
    top: 0 !important;
    height: 100% !important;
}

mon-container-trailer-timeline-component .vis-item.vis-background {
    height: 37px !important;
}

/*Drop để duyệt*/
mon-container-trailer-timeline-component #approveArea {
    width: calc(100% - 30px);
    height: 28%;
    margin: 10px;
    border: 5px solid #C3d62D;
    border-radius:30px;
    text-align:center;
}

/*Drop để hủy duyệt*/
mon-container-trailer-timeline-component #unapproveArea {
    width: calc(100% - 30px);
    height: 28%;
    margin: 10px;
    border: 5px solid #FF7022;
    border-radius:30px;
    text-align:center;
}
/*Drop để xóa*/
mon-container-trailer-timeline-component #deleteArea {
    width: calc(100% - 30px);
    height: 28%;
    margin: 10px;
    border: 5px solid #F5393D;
    border-radius:30px;
    text-align:center;
}

mon-container-trailer-timeline-component .drop-label {
    text-align:center;
    vertical-align:middle;
    display:block;
    margin-top:10px;
    color:#1E4B7E;
    font-size:large;
    font-weight:500;
}
/*Grid Pager*/
mon-container-trailer-timeline-grid-component .k-pager-wrap.k-grid-pager {
    background-color: transparent !important;
    border: none;
    width: 330px;
    display: inline-block;
    margin: 0;
    height: 34px;
    overflow: hidden;
    padding: 2px 0;
    padding-left: 110px;
    /*padding-left: calc(100% - 285px);*/
}

    mon-container-trailer-timeline-grid-component .k-pager-wrap.k-grid-pager a {
        color: #fff;
        background-color: #fff;
        border-radius: 50% !important;
        width: 26px;
        height: 26px;
        margin: 3px 1px;
        padding: 0px;
        min-width: 26px;
    }

        mon-container-trailer-timeline-grid-component .k-pager-wrap.k-grid-pager a .k-icon {
            margin-top: -8px;
            color: #1E4B7E;
        }

    mon-container-trailer-timeline-grid-component .k-pager-wrap.k-grid-pager .k-pager-input {
        background-color: #c6ced3;
        border-radius: 20px;
        display: block;
        height: 26px;
        line-height: 26px;
        padding-left: 0;
        width: 46px;
        text-align: center;
        margin: 4px 1px;
        font-size: 12px;
    }

        mon-container-trailer-timeline-grid-component .k-pager-wrap.k-grid-pager .k-pager-input .k-textbox {
            background-color: #c6ced3;
            border-radius: 20px;
            text-align: right;
            margin: 0;
            padding: 0;
            position: relative;
            top: -1px;
            width: 26px;
            height: 26px;
            border: none;
        }

    mon-container-trailer-timeline-grid-component .k-pager-wrap.k-grid-pager .k-pager-numbers li {
        background-color: #435f6e;
    }

        mon-container-trailer-timeline-grid-component .k-pager-wrap.k-grid-pager .k-pager-numbers li.k-current-page {
            display: inherit;
        }

        mon-container-trailer-timeline-grid-component .k-pager-wrap.k-grid-pager .k-pager-numbers li:not(.k-current-page) {
            display: none;
        }

    mon-container-trailer-timeline-grid-component .k-pager-wrap.k-grid-pager .k-pager-numbers, .k-grid.cus-grid.over-grid .k-grid-pager.k-pager-wrap .k-pager-numbers .k-state-ed, .k-grid.cus-grid.over-grid .k-grid-pager.k-pager-wrap .k-pager-numbers .k-pager-nav {
        background-color: #fff;
        color: #000;
        border-color: #fff;
    }

    mon-container-trailer-timeline-grid-component .k-pager-wrap.k-grid-pager .k-pager-info {
        background-color: transparent !important;
        color: #1E4B7E !important;
        position: absolute;
        /*right: 285px;*/
        left: 15px;
    }

    /*Grid Title*/
    mon-container-trailer-timeline-grid-component .k-pager-wrap.k-grid-pager .grid-title {
        position: absolute;
        left: 0;
        text-transform: uppercase;
        font-weight: bold;
        color: #1E4B7E;
        background-color: transparent !important;
    }

    mon-container-trailer-timeline-grid-component .k-pager-wrap.k-grid-pager .btn-title {
        margin-top: 5px;
        position: absolute;
        left: 0;
        text-transform: uppercase;
        font-weight: bold;
        color: #FFFFFF;
        background-color: #1E4B7E !important;
    }


mon-container-trailer-timeline-grid-component .panel .panel-body {
    overflow: hidden;
}

mon-container-trailer-timeline-grid-component grid-control .k-grid .k-grid-content {
    padding-right: 17px;
    height: calc(100% - 68px) !important;
}
    /*Row Height*/
    mon-container-trailer-timeline-grid-component grid-control .k-grid .k-grid-content.k-auto-scrollable td {
        height: 37px;
    }

.k-scheduler.cus-scheduler.over-scheduler .k-scheduler-content div.k-event, .vis-item {
    background: none;
    color: #f0f0f0;
    font-weight: bold;
    top: 0px;
    height: 20px;
    line-height: 16px;
    margin: 9px 0;
    border: none;
}

mon-dock-scheduling-master-timeline-component div.k-event.k-event-drag-hint {
    background: none;
    top: 0px;
    height: 20px !important;
    line-height: 16px !important;
    margin: 9px 0;
    border: none;
}

.k-scheduler.cus-scheduler.over-scheduler .k-scheduler-content div.k-event .cus-event, .vis-item .cus-event {
    width: calc(100% - 0px) !important;
}

    .k-scheduler.cus-scheduler.over-scheduler .k-scheduler-content div.k-event .cus-event .event-content, .vis-item .cus-event .event-content {
        display: block;
        cursor: pointer;
        position: absolute;
        top: 0px;
        left: 10px;
        z-index: 6;
        line-height: 20px;
        white-space: nowrap;
        overflow: hidden;
        font-size: 12px;
        color: #FFFFFF;
        width: 100%;
        height: 100%;
    }

        .k-scheduler.cus-scheduler.over-scheduler .k-scheduler-content div.k-event .cus-event .event-content[data-newevent="true"], .vis-item .cus-event .event-content[data-newevent="true"] {
            color: black;
        }

    .k-scheduler.cus-scheduler.over-scheduler .k-scheduler-content div.k-event .cus-event .event-bkg, .vis-item .cus-event .event-bkg {
        cursor: pointer;
        position: absolute;
        line-height: 20px;
        white-space: nowrap;
        overflow: hidden;
        top: 2px;
        z-index: 2;
        width: calc(100% - 0px);
        height: calc(100% - 4px);
    }

        .k-scheduler.cus-scheduler.over-scheduler .k-scheduler-content div.k-event .cus-event .event-bkg[data-double-container="true"], div.k-event .cus-event .event-bkg[data-double-container="true"], .vis-item .cus-event .event-bkg[data-double-container="true"] {
            background-size: contain;
            background-repeat: repeat-x;
        }

        .k-scheduler.cus-scheduler.over-scheduler .k-scheduler-content div.k-event .cus-event .event-bkg.double3[data-double-container="true"], div.k-event .cus-event .event-bkg.double3[data-double-container="true"], .vis-item .cus-event .event-bkg.double3[data-double-container="true"] {
            border: 1px solid #b6b6b6;
            height: calc(100% - 6px) !important;
            width: calc(100% - 2px) !important;
            background-position-y: -1px;
        }

        .k-scheduler.cus-scheduler.over-scheduler .k-scheduler-content div.k-event .cus-event .event-bkg.double1[data-double-container="true"], div.k-event .cus-event .event-bkg.double1[data-double-container="true"], .vis-item .cus-event .event-bkg.double1[data-double-container="true"] {
            border: 1px solid #b6b6b6;
            height: calc(100% - 6px) !important;
            width: calc(100% - 2px) !important;
        }

    .k-scheduler.cus-scheduler.over-scheduler .k-scheduler-content div.k-event .cus-event .event-border, .cus-event .event-border {
        position: absolute;
        height: 21px;
        top: 2px;
        left: 0;
        z-index: 1;
        opacity: 0.2;
    }

    .k-scheduler.cus-scheduler.over-scheduler .k-scheduler-content div.k-event .cus-event .event-icon, .cus-event .event-icon {
        display: inline-block;
        height: 100%;
        z-index: 7;
        position: absolute;
        text-align: right;
        overflow: hidden;
        cursor: pointer;
        opacity: 0.5;
        top: 0;
        width: calc(100% - 0px);
        right: 0;
    }

        .k-scheduler.cus-scheduler.over-scheduler .k-scheduler-content div.k-event .cus-event .event-icon .event-infinity, .cus-event .event-icon .event-infinity {
            position: relative;
            float: right;
            width: 21px;
            height: 10px;
            top: 5px;
            z-index: 8;
        }

        .k-scheduler.cus-scheduler.over-scheduler .k-scheduler-content div.k-event .cus-event .event-icon .event-doubleco, .cus-event .event-icon .event-doubleco {
            position: relative;
            float: right;
            width: 22px;
            height: 13px;
            top: 3px;
            z-index: 8;
        }

        .k-scheduler.cus-scheduler.over-scheduler .k-scheduler-content div.k-event .cus-event .event-icon .event-rstation, .cus-event .event-icon .event-rstation {
            position: relative;
            float: right;
            width: 10px;
            height: 13px;
            top: 4px;
            z-index: 8;
        }

        .k-scheduler.cus-scheduler.over-scheduler .k-scheduler-content div.k-event .cus-event .event-icon .event-romempty, .cus-event .event-icon .event-romempty {
            position: relative;
            float: right;
            width: 22px;
            height: 13px;
            top: 3px;
            z-index: 8;
        }

.hint-draggable-item {
    width: 200px;
    background: #1E4B7E;
    color: #FFFFFF;
    border-radius: 20px;
    height: 20px;
    line-height: 20px;
}

mon-dock-scheduling-master-timeline-component .cus-event.event4 .event-bkg {
    background: #FF0000;
    border-radius: 20px;
}

mon-dock-scheduling-master-timeline-component .cus-event.event-a1 .event-bkg, .cus-event.event-1.draggable .event-bkg {
    background: #D3D5D6;
    border-radius: 20px;
}

mon-dock-scheduling-master-timeline-component .cus-event.event1 .event-bkg {
    background: #678BFB;
    border-radius: 20px;
}

mon-dock-scheduling-master-timeline-component .cus-event.event-aa1 .event-bkg {
    background: #1CBEF8;
    border-radius: 20px;
}

mon-dock-scheduling-master-timeline-component .cus-event.event2 .event-bkg {
    background: #F7B20C;
    border-radius: 20px;
}

mon-dock-scheduling-master-timeline-component .cus-event.event3 .event-bkg {
    background: #63BA3C;
    border-radius: 20px;
}

mon-dock-scheduling-master-timeline-component .cus-event.eventa4 .event-bkg {
    background: #FF0000;
    border-radius: 20px;
}

mon-dock-scheduling-master-timeline-component .vis-timeline {
    border: none;
    height: initial !important;
}

    mon-dock-scheduling-master-timeline-component .vis-timeline.vis-bottom {
        height: initial !important;
    }

mon-dock-scheduling-master-timeline-component .vis-panel.vis-center {
    left: 0 !important;
    width: 100% !important;
    border: none;
    top: 0 !important;
    height: 100% !important;
}

mon-dock-scheduling-master-timeline-component .vis-panel.vis-left, .vis-panel.vis-right {
    display: none !important;
    top: 0 !important;
}

mon-dock-scheduling-master-timeline-component .vis-shadow {
    display: none !important;
}

mon-dock-scheduling-master-timeline-component .vis-timeline .vis-panel.vis-top {
    display: none !important;
}

mon-dock-scheduling-master-timeline-component .vis-panel.vis-top {
    height: 70px;
    left: 0 !important;
    border: 1px #d7e3f0 solid;
    border-left: none;
    border-right: none;
}

mon-dock-scheduling-master-timeline-component .vis-panel > .vis-content {
    top: 0 !important;
}

mon-dock-scheduling-master-timeline-component .vis-timeline .vis-foreground .vis-group {
    height: 37px !important;
    border-bottom: 1px solid #d7e3f0;
    overflow: hidden;
}

mon-dock-scheduling-master-timeline-component .vis-timeline .vis-background .vis-group {
    height: 37px !important;
}

mon-dock-scheduling-master-timeline-component .vis-timeline .vis-itemset, .vis-timeline .vis-content {
    height: 100% !important;
}

mon-dock-scheduling-master-timeline-component .vis-timeline .vis-axis {
    top: 0 !important;
}

mon-dock-scheduling-master-timeline-component .vis-time-axis.vis-foreground {
    height: 69px;
    background-color: #e4e4e4;
}

    mon-dock-scheduling-master-timeline-component .vis-time-axis.vis-foreground .vis-text {
        line-height: 28px;
    }

        mon-dock-scheduling-master-timeline-component .vis-time-axis.vis-foreground .vis-text.vis-minor {
            height: 35px;
            border-top: 1px solid #e4e4e4;
            background-color: #fff;
        }

        mon-dock-scheduling-master-timeline-component .vis-time-axis.vis-foreground .vis-text.vis-major {
            height: 34px;
        }

mon-dock-scheduling-master-timeline-component .vis-foreground .vis-item, .vis-item {
    margin: 0;
    padding: 0;
    height: 23px;
}

mon-dock-scheduling-master-timeline-component .vis-timeline .vis-foreground .vis-item {
    top: 10px !important;
}

mon-dock-scheduling-master-timeline-component .vis-foreground .vis-item.vis-range {
    border: none;
    border-radius: 0;
}

mon-dock-scheduling-master-timeline-component .vis-hide {
    display: none;
}

mon-dock-scheduling-master-timeline-component .vis-foreground .vis-item .vis-item-overflow {
    height: 23px !important;
    overflow: visible;
}

mon-dock-scheduling-master-timeline-component .vis-foreground .vis-item.vis-range .vis-item-content, .vis-item.vis-range .vis-item-content {
    height: 20px;
    width: 100%;
}

mon-dock-scheduling-master-timeline-component .vis-foreground .vis-item.vis-selected, .vis-item.vis-selected {
    border: none;
    background: none;
}

mon-dock-scheduling-master-timeline-component .vis-text.vis-major {
    font-weight: bold;
}

mon-dock-scheduling-master-timeline-component .vis-grid.vis-vertical {
    top: 0 !important;
    height: 100% !important;
}

mon-dock-scheduling-master-timeline-component .vis-item.vis-background {
    height: 37px !important;
}

mon-dock-scheduling-master-timeline-component .drop-label {
    text-align: center;
    vertical-align: middle;
    display: block;
    margin-top: 10px;
    color: #1E4B7E;
    font-size: large;
    font-weight: 500;
}
/*-----------------*/
mon-dock-scheduling-master-timeline-component #chosen-orders {
    background-color: #1E4B7E;
    color: #FFFFFF;
    border-radius: 30px;
    padding: 5px 10px;
    cursor: pointer;
}

/*Grid Pager*/
mon-dock-scheduling-master-timeline-component #div-grid-dock .k-pager-wrap.k-grid-pager {
    background-color: transparent !important;
    border: none;
    width: 315px;
    display: inline-block;
    margin: 0;
    height: 34px;
    overflow: hidden;
    padding: 2px 0;
    padding-left: 80px;
    /*padding-left: calc(100% - 285px);*/
}

    mon-dock-scheduling-master-timeline-component #div-grid-dock .k-pager-wrap.k-grid-pager a {
        color: #fff;
        background-color: #fff;
        border-radius: 50% !important;
        width: 26px;
        height: 26px;
        margin: 3px 1px;
        padding: 0px;
        min-width: 26px;
    }

        mon-dock-scheduling-master-timeline-component #div-grid-dock .k-pager-wrap.k-grid-pager a .k-icon {
            margin-top: -8px;
            color: #1E4B7E;
        }

    mon-dock-scheduling-master-timeline-component #div-grid-dock .k-pager-wrap.k-grid-pager .k-pager-input {
        background-color: #c6ced3;
        border-radius: 20px;
        display: block;
        height: 26px;
        line-height: 26px;
        padding-left: 0;
        width: 46px;
        text-align: center;
        margin: 4px 1px;
        font-size: 12px;
    }

        mon-dock-scheduling-master-timeline-component #div-grid-dock .k-pager-wrap.k-grid-pager .k-pager-input .k-textbox {
            background-color: #c6ced3;
            border-radius: 20px;
            text-align: right;
            margin: 0;
            padding: 0;
            position: relative;
            top: -1px;
            width: 26px;
            height: 26px;
            border: none;
        }

    mon-dock-scheduling-master-timeline-component #div-grid-dock .k-pager-wrap.k-grid-pager .k-pager-numbers li {
        background-color: #435f6e;
    }

        mon-dock-scheduling-master-timeline-component #div-grid-dock .k-pager-wrap.k-grid-pager .k-pager-numbers li.k-current-page {
            display: inherit;
        }

        mon-dock-scheduling-master-timeline-component #div-grid-dock .k-pager-wrap.k-grid-pager .k-pager-numbers li:not(.k-current-page) {
            display: none;
        }

    mon-dock-scheduling-master-timeline-component #div-grid-dock .k-pager-wrap.k-grid-pager .k-pager-numbers, .k-grid.cus-grid.over-grid .k-grid-pager.k-pager-wrap .k-pager-numbers .k-state-ed, .k-grid.cus-grid.over-grid .k-grid-pager.k-pager-wrap .k-pager-numbers .k-pager-nav {
        background-color: #fff;
        color: #000;
        border-color: #fff;
    }

    mon-dock-scheduling-master-timeline-component #div-grid-dock .k-pager-wrap.k-grid-pager .k-pager-info {
        background-color: transparent !important;
        color: #1E4B7E !important;
        position: absolute;
        left: 0px;
    }

    mon-dock-scheduling-master-timeline-component #div-grid-dock .k-pager-wrap.k-grid-pager .k-pager-sizes {
        height: 16px;
        font-size: 12px;
    }

    /*Grid Title*/
    mon-dock-scheduling-master-timeline-component #div-grid-dock .k-pager-wrap.k-grid-pager .grid-title {
        position: absolute;
        left: 0;
        text-transform: uppercase;
        font-weight: bold;
        color: #1E4B7E;
        background-color: transparent !important;
    }

    mon-dock-scheduling-master-timeline-component #div-grid-dock .k-pager-wrap.k-grid-pager .btn-title {
        margin-top: 5px;
        position: absolute;
        left: 0;
        text-transform: uppercase;
        font-weight: bold;
        color: #FFFFFF;
        background-color: #1E4B7E !important;
    }


mon-dock-scheduling-master-timeline-component .panel .panel-body {
    overflow: hidden;
}

mon-dock-scheduling-master-timeline-component #div-grid-dock grid-control .k-grid .k-grid-content {
    padding-right: 17px;
    height: calc(100% - 68px) !important;
}
    /*Row Height*/
    mon-dock-scheduling-master-timeline-component #div-grid-dock grid-control .k-grid .k-grid-content.k-auto-scrollable td {
        height: 37px;
    }
.k-scheduler.cus-scheduler.over-scheduler .k-scheduler-content div.k-event, .vis-item {
    background: none;
    color: #f0f0f0;
    font-weight: bold;
    top: 0px;
    height: 20px;
    line-height: 16px;
    margin: 9px 0;
    border: none;
}

mon-dock-scheduling-timeline-component div.k-event.k-event-drag-hint {
    background: none;
    top: 0px;
    height: 20px !important;
    line-height: 16px !important;
    margin: 9px 0;
    border: none;
}

.k-scheduler.cus-scheduler.over-scheduler .k-scheduler-content div.k-event .cus-event, .vis-item .cus-event {
    width: calc(100% - 0px) !important;
}

    .k-scheduler.cus-scheduler.over-scheduler .k-scheduler-content div.k-event .cus-event .event-content, .vis-item .cus-event .event-content {
        display: block;
        cursor: pointer;
        position: absolute;
        top: 0px;
        left: 10px;
        z-index: 6;
        line-height: 20px;
        white-space: nowrap;
        overflow: hidden;
        font-size: 12px;
        color: #FFFFFF;
        width: 100%;
        height: 100%;
    }

        .k-scheduler.cus-scheduler.over-scheduler .k-scheduler-content div.k-event .cus-event .event-content[data-newevent="true"], .vis-item .cus-event .event-content[data-newevent="true"] {
            color: black;
        }

    .k-scheduler.cus-scheduler.over-scheduler .k-scheduler-content div.k-event .cus-event .event-bkg, .vis-item .cus-event .event-bkg {
        cursor: pointer;
        position: absolute;
        line-height: 20px;
        white-space: nowrap;
        overflow: hidden;
        top: 2px;
        z-index: 2;
        width: calc(100% - 0px);
        height: calc(100% - 4px);
    }

        .k-scheduler.cus-scheduler.over-scheduler .k-scheduler-content div.k-event .cus-event .event-bkg[data-double-container="true"], div.k-event .cus-event .event-bkg[data-double-container="true"], .vis-item .cus-event .event-bkg[data-double-container="true"] {
            background-size: contain;
            background-repeat: repeat-x;
        }

        .k-scheduler.cus-scheduler.over-scheduler .k-scheduler-content div.k-event .cus-event .event-bkg.double3[data-double-container="true"], div.k-event .cus-event .event-bkg.double3[data-double-container="true"], .vis-item .cus-event .event-bkg.double3[data-double-container="true"] {
            border: 1px solid #b6b6b6;
            height: calc(100% - 6px) !important;
            width: calc(100% - 2px) !important;
            background-position-y: -1px;
        }

        .k-scheduler.cus-scheduler.over-scheduler .k-scheduler-content div.k-event .cus-event .event-bkg.double1[data-double-container="true"], div.k-event .cus-event .event-bkg.double1[data-double-container="true"], .vis-item .cus-event .event-bkg.double1[data-double-container="true"] {
            border: 1px solid #b6b6b6;
            height: calc(100% - 6px) !important;
            width: calc(100% - 2px) !important;
        }

    .k-scheduler.cus-scheduler.over-scheduler .k-scheduler-content div.k-event .cus-event .event-border, .cus-event .event-border {
        position: absolute;
        height: 21px;
        top: 2px;
        left: 0;
        z-index: 1;
        opacity: 0.2;
    }

    .k-scheduler.cus-scheduler.over-scheduler .k-scheduler-content div.k-event .cus-event .event-icon, .cus-event .event-icon {
        display: inline-block;
        height: 100%;
        z-index: 7;
        position: absolute;
        text-align: right;
        overflow: hidden;
        cursor: pointer;
        opacity: 0.5;
        top: 0;
        width: calc(100% - 0px);
        right: 0;
    }

        .k-scheduler.cus-scheduler.over-scheduler .k-scheduler-content div.k-event .cus-event .event-icon .event-infinity, .cus-event .event-icon .event-infinity {
            position: relative;
            float: right;
            width: 21px;
            height: 10px;
            top: 5px;
            z-index: 8;
        }

        .k-scheduler.cus-scheduler.over-scheduler .k-scheduler-content div.k-event .cus-event .event-icon .event-doubleco, .cus-event .event-icon .event-doubleco {
            position: relative;
            float: right;
            width: 22px;
            height: 13px;
            top: 3px;
            z-index: 8;
        }

        .k-scheduler.cus-scheduler.over-scheduler .k-scheduler-content div.k-event .cus-event .event-icon .event-rstation, .cus-event .event-icon .event-rstation {
            position: relative;
            float: right;
            width: 10px;
            height: 13px;
            top: 4px;
            z-index: 8;
        }

        .k-scheduler.cus-scheduler.over-scheduler .k-scheduler-content div.k-event .cus-event .event-icon .event-romempty, .cus-event .event-icon .event-romempty {
            position: relative;
            float: right;
            width: 22px;
            height: 13px;
            top: 3px;
            z-index: 8;
        }

.hint-draggable-item {
    width: 200px;
    background: #1E4B7E;
    color: #FFFFFF;
    border-radius: 20px;
    height: 20px;
    line-height: 20px;
}

mon-dock-scheduling-timeline-component .cus-event.event-1 .event-bkg {
    background: #D3D5D6;
    border-radius: 20px;
}

mon-dock-scheduling-timeline-component .cus-event.event1 .event-bkg, .cus-event.event-1.draggable .event-bkg {
    background: #D3D5D6;
    border-radius: 20px;
}

mon-dock-scheduling-timeline-component .cus-event.event2 .event-bkg {
    background: #F7B20C;
    border-radius: 20px;
}

mon-dock-scheduling-timeline-component .cus-event.event11 .event-bkg {
    background: #1CBEF8;
    border-radius: 20px;
}

mon-dock-scheduling-timeline-component .cus-event.event10 .event-bkg {
    background: #63BA3C;
    border-radius: 20px;
}

mon-dock-scheduling-timeline-component .cus-event.event3 .event-bkg {
    background: #678BFB;
    border-radius: 20px;
}

mon-dock-scheduling-timeline-component .cus-event.event4 .event-bkg {
    background: #FF0000;
    border-radius: 20px;
}

mon-dock-scheduling-timeline-component .vis-timeline {
    border: none;
    height: initial !important;
}

    mon-dock-scheduling-timeline-component .vis-timeline.vis-bottom {
        height: initial !important;
    }

mon-dock-scheduling-timeline-component .vis-panel.vis-center {
    left: 0 !important;
    width: 100% !important;
    border: none;
    top: 0 !important;
    height: 100% !important;
}

mon-dock-scheduling-timeline-component .vis-panel.vis-left, .vis-panel.vis-right {
    display: none !important;
    top: 0 !important;
}

mon-dock-scheduling-timeline-component .vis-shadow {
    display: none !important;
}

mon-dock-scheduling-timeline-component .vis-timeline .vis-panel.vis-top {
    display: none !important;
}

mon-dock-scheduling-timeline-component .vis-panel.vis-top {
    height: 70px;
    left: 0 !important;
    border: 1px #d7e3f0 solid;
    border-left: none;
    border-right: none;
}

mon-dock-scheduling-timeline-component .vis-panel > .vis-content {
    top: 0 !important;
}

mon-dock-scheduling-timeline-component .vis-timeline .vis-foreground .vis-group {
    height: 37px !important;
    border-bottom: 1px solid #d7e3f0;
    overflow: hidden;
}

mon-dock-scheduling-timeline-component .vis-timeline .vis-background .vis-group {
    height: 37px !important;
}

mon-dock-scheduling-timeline-component .vis-timeline .vis-itemset, .vis-timeline .vis-content {
    height: 100% !important;
}

mon-dock-scheduling-timeline-component .vis-timeline .vis-axis {
    top: 0 !important;
}

mon-dock-scheduling-timeline-component .vis-time-axis.vis-foreground {
    height: 69px;
    background-color: #e4e4e4;
}

    mon-dock-scheduling-timeline-component .vis-time-axis.vis-foreground .vis-text {
        line-height: 28px;
    }

        mon-dock-scheduling-timeline-component .vis-time-axis.vis-foreground .vis-text.vis-minor {
            height: 35px;
            border-top: 1px solid #e4e4e4;
            background-color: #fff;
        }

        mon-dock-scheduling-timeline-component .vis-time-axis.vis-foreground .vis-text.vis-major {
            height: 34px;
        }

mon-dock-scheduling-timeline-component .vis-foreground .vis-item, .vis-item {
    margin: 0;
    padding: 0;
    height: 23px;
}

mon-dock-scheduling-timeline-component .vis-timeline .vis-foreground .vis-item {
    top: 10px !important;
}

mon-dock-scheduling-timeline-component .vis-foreground .vis-item.vis-range {
    border: none;
    border-radius: 0;
}

mon-dock-scheduling-timeline-component .vis-hide {
    display: none;
}

mon-dock-scheduling-timeline-component .vis-foreground .vis-item .vis-item-overflow {
    height: 23px !important;
    overflow: visible;
}

mon-dock-scheduling-timeline-component .vis-foreground .vis-item.vis-range .vis-item-content, .vis-item.vis-range .vis-item-content {
    height: 20px;
    width: 100%;
}

mon-dock-scheduling-timeline-component .vis-foreground .vis-item.vis-selected, .vis-item.vis-selected {
    border: none;
    background: none;
}

mon-dock-scheduling-timeline-component .vis-text.vis-major {
    font-weight: bold;
}

mon-dock-scheduling-timeline-component .vis-grid.vis-vertical {
    top: 0 !important;
    height: 100% !important;
}

mon-dock-scheduling-timeline-component .vis-item.vis-background {
    height: 37px !important;
}

mon-dock-scheduling-timeline-component .drop-label {
    text-align: center;
    vertical-align: middle;
    display: block;
    margin-top: 10px;
    color: #1E4B7E;
    font-size: large;
    font-weight: 500;
}
/*-----------------*/
mon-dock-scheduling-timeline-component #chosen-orders {
    background-color: #1E4B7E;
    color: #FFFFFF;
    border-radius: 30px;
    padding: 5px 10px;
    cursor: pointer;
}

/*Grid Pager*/
mon-dock-scheduling-timeline-component .k-pager-wrap.k-grid-pager {
    background-color: transparent !important;
    border: none;
    width: 315px;
    display: inline-block;
    margin: 0;
    height: 34px;
    overflow: hidden;
    padding: 2px 0;
    padding-left: 110px;
    /*padding-left: calc(100% - 285px);*/
}

    mon-dock-scheduling-timeline-component .k-pager-wrap.k-grid-pager a {
        color: #fff;
        background-color: #fff;
        border-radius: 50% !important;
        width: 26px;
        height: 26px;
        margin: 3px 1px;
        padding: 0px;
        min-width: 26px;
    }

        mon-dock-scheduling-timeline-component .k-pager-wrap.k-grid-pager a .k-icon {
            margin-top: -8px;
            color: #1E4B7E;
        }

    mon-dock-scheduling-timeline-component .k-pager-wrap.k-grid-pager .k-pager-input {
        background-color: #c6ced3;
        border-radius: 20px;
        display: block;
        height: 26px;
        line-height: 26px;
        padding-left: 0;
        width: 46px;
        text-align: center;
        margin: 4px 1px;
        font-size: 12px;
    }

        mon-dock-scheduling-timeline-component .k-pager-wrap.k-grid-pager .k-pager-input .k-textbox {
            background-color: #c6ced3;
            border-radius: 20px;
            text-align: right;
            margin: 0;
            padding: 0;
            position: relative;
            top: -1px;
            width: 26px;
            height: 26px;
            border: none;
        }

    mon-dock-scheduling-timeline-component .k-pager-wrap.k-grid-pager .k-pager-numbers li {
        background-color: #435f6e;
    }

        mon-dock-scheduling-timeline-component .k-pager-wrap.k-grid-pager .k-pager-numbers li.k-current-page {
            display: inherit;
        }

        mon-dock-scheduling-timeline-component .k-pager-wrap.k-grid-pager .k-pager-numbers li:not(.k-current-page) {
            display: none;
        }

    mon-dock-scheduling-timeline-component .k-pager-wrap.k-grid-pager .k-pager-numbers, .k-grid.cus-grid.over-grid .k-grid-pager.k-pager-wrap .k-pager-numbers .k-state-ed, .k-grid.cus-grid.over-grid .k-grid-pager.k-pager-wrap .k-pager-numbers .k-pager-nav {
        background-color: #fff;
        color: #000;
        border-color: #fff;
    }

    mon-dock-scheduling-timeline-component .k-pager-wrap.k-grid-pager .k-pager-info {
        background-color: transparent !important;
        color: #1E4B7E !important;
        position: absolute;
        left: 15px;
    }

    mon-dock-scheduling-timeline-component .k-pager-wrap.k-grid-pager .k-pager-sizes {
        height: 16px;
        font-size: 12px;
    }

    /*Grid Title*/
    mon-dock-scheduling-timeline-component .k-pager-wrap.k-grid-pager .grid-title {
        position: absolute;
        left: 0;
        text-transform: uppercase;
        font-weight: bold;
        color: #1E4B7E;
        background-color: transparent !important;
    }

    mon-dock-scheduling-timeline-component .k-pager-wrap.k-grid-pager .btn-title {
        margin-top: 5px;
        position: absolute;
        left: 0;
        text-transform: uppercase;
        font-weight: bold;
        color: #FFFFFF;
        background-color: #1E4B7E !important;
    }


mon-dock-scheduling-timeline-component .panel .panel-body {
    overflow: hidden;
}

mon-dock-scheduling-timeline-component grid-control .k-grid .k-grid-content {
    padding-right: 17px;
    height: calc(100% - 68px) !important;
}
    /*Row Height*/
    mon-dock-scheduling-timeline-component grid-control .k-grid .k-grid-content.k-auto-scrollable td {
        height: 37px;
    }

mon-dock-scheduling-timeline-component grid-control .k-grid-header {
    padding-bottom: 5px;
}

mon-monitor-action-request-detail-component .tms-title {
    font-weight: bold;
    color: black;
}

mon-monitor-action-request-detail-component .tms-label-2 {
    font-weight: bold;
    color: black;
}

mon-monitor-action-request-detail-component .label-right-request {
    font-weight: bold;
    color: red;
}

mon-monitor-action-request-detail-component .txt-right {
    color: black;
    font-weight: inherit;
}

.k-scheduler.cus-scheduler.over-scheduler .k-scheduler-content div.k-event, .vis-item {
    background: none;
    color: #f0f0f0;
    font-weight: bold;
    top: 0px;
    height: 20px;
    line-height: 16px;
    margin: 9px 0;
    border: none;
}

mon-time-slot-component div.k-event.k-event-drag-hint {
    background: none;
    top: 0px;
    height: 20px !important;
    line-height: 16px !important;
    margin: 9px 0;
    border: none;
}

.k-scheduler.cus-scheduler.over-scheduler .k-scheduler-content div.k-event .cus-event, .vis-item .cus-event {
    width: calc(100% - 0px) !important;
}

    .k-scheduler.cus-scheduler.over-scheduler .k-scheduler-content div.k-event .cus-event .event-content, .vis-item .cus-event .event-content {
        display: block;
        cursor: pointer;
        position: absolute;
        top: 0px;
        left: 10px;
        z-index: 6;
        line-height: 20px;
        white-space: nowrap;
        overflow: hidden;
        font-size: 12px;
        color: #FFFFFF;
        width: 100%;
        height: 100%;
    }

        .k-scheduler.cus-scheduler.over-scheduler .k-scheduler-content div.k-event .cus-event .event-content[data-newevent="true"], .vis-item .cus-event .event-content[data-newevent="true"] {
            color: black;
        }

    .k-scheduler.cus-scheduler.over-scheduler .k-scheduler-content div.k-event .cus-event .event-bkg, .vis-item .cus-event .event-bkg {
        cursor: pointer;
        position: absolute;
        line-height: 20px;
        white-space: nowrap;
        overflow: hidden;
        top: 2px;
        z-index: 2;
        width: calc(100% - 0px);
        height: calc(100% - 4px);
    }

        .k-scheduler.cus-scheduler.over-scheduler .k-scheduler-content div.k-event .cus-event .event-bkg[data-double-container="true"], div.k-event .cus-event .event-bkg[data-double-container="true"], .vis-item .cus-event .event-bkg[data-double-container="true"] {
            background-size: contain;
            background-repeat: repeat-x;
        }

        .k-scheduler.cus-scheduler.over-scheduler .k-scheduler-content div.k-event .cus-event .event-bkg.double3[data-double-container="true"], div.k-event .cus-event .event-bkg.double3[data-double-container="true"], .vis-item .cus-event .event-bkg.double3[data-double-container="true"] {
            border: 1px solid #b6b6b6;
            height: calc(100% - 6px) !important;
            width: calc(100% - 2px) !important;
            background-position-y: -1px;
        }

        .k-scheduler.cus-scheduler.over-scheduler .k-scheduler-content div.k-event .cus-event .event-bkg.double1[data-double-container="true"], div.k-event .cus-event .event-bkg.double1[data-double-container="true"], .vis-item .cus-event .event-bkg.double1[data-double-container="true"] {
            border: 1px solid #b6b6b6;
            height: calc(100% - 6px) !important;
            width: calc(100% - 2px) !important;
        }

    .k-scheduler.cus-scheduler.over-scheduler .k-scheduler-content div.k-event .cus-event .event-border, .cus-event .event-border {
        position: absolute;
        height: 21px;
        top: 2px;
        left: 0;
        z-index: 1;
        opacity: 0.2;
    }

    .k-scheduler.cus-scheduler.over-scheduler .k-scheduler-content div.k-event .cus-event .event-icon, .cus-event .event-icon {
        display: inline-block;
        height: 100%;
        z-index: 7;
        position: absolute;
        text-align: right;
        overflow: hidden;
        cursor: pointer;
        opacity: 0.5;
        top: 0;
        width: calc(100% - 0px);
        right: 0;
    }

        .k-scheduler.cus-scheduler.over-scheduler .k-scheduler-content div.k-event .cus-event .event-icon .event-infinity, .cus-event .event-icon .event-infinity {
            position: relative;
            float: right;
            width: 21px;
            height: 10px;
            top: 5px;
            z-index: 8;
        }

        .k-scheduler.cus-scheduler.over-scheduler .k-scheduler-content div.k-event .cus-event .event-icon .event-doubleco, .cus-event .event-icon .event-doubleco {
            position: relative;
            float: right;
            width: 22px;
            height: 13px;
            top: 3px;
            z-index: 8;
        }

        .k-scheduler.cus-scheduler.over-scheduler .k-scheduler-content div.k-event .cus-event .event-icon .event-rstation, .cus-event .event-icon .event-rstation {
            position: relative;
            float: right;
            width: 10px;
            height: 13px;
            top: 4px;
            z-index: 8;
        }

        .k-scheduler.cus-scheduler.over-scheduler .k-scheduler-content div.k-event .cus-event .event-icon .event-romempty, .cus-event .event-icon .event-romempty {
            position: relative;
            float: right;
            width: 22px;
            height: 13px;
            top: 3px;
            z-index: 8;
        }

.hint-draggable-item {
    width: 200px;
    background: #1E4B7E;
    color: #FFFFFF;
    border-radius: 20px;
    height: 20px;
    line-height:20px;
}

mon-time-slot-component .cus-event.event-1 .event-bkg {
    background: #D3D5D6;
    border-radius: 20px;
}

mon-time-slot-component .cus-event.event1 .event-bkg, .cus-event.event-1.draggable .event-bkg {
    background: #D3D5D6;
    border-radius: 20px;
}

mon-time-slot-component .cus-event.event2 .event-bkg {
    background: #F7B20C;
    border-radius: 20px;
}

mon-time-slot-component .cus-event.event11 .event-bkg {
    background: #1CBEF8;
    border-radius: 20px;
}

mon-time-slot-component .cus-event.event10 .event-bkg {
    background: #63BA3C;
    border-radius: 20px;
}

mon-time-slot-component .cus-event.event3 .event-bkg {
    background: #678BFB;
    border-radius: 20px;
}

mon-time-slot-component .cus-event.event4 .event-bkg {
    background: #FF0000;
    border-radius: 20px;
}

mon-time-slot-component .cus-event.event5 .event-bkg {
    background: #C344DB;
    border-radius: 20px;
}

mon-time-slot-component .cus-event.event6 .event-bkg {
    background: #F56C73;
    border-radius: 20px;
}

mon-time-slot-component .vis-timeline {
    border: none;
    height: initial !important;
}

    mon-time-slot-component .vis-timeline.vis-bottom {
        height: initial !important;
    }

mon-time-slot-component .vis-panel.vis-center {
    left: 0 !important;
    width: 100% !important;
    border: none;
    top: 0 !important;
    height: 100% !important;
}

mon-time-slot-component .vis-panel.vis-left, .vis-panel.vis-right {
    display: none !important;
    top: 0 !important;
}

mon-time-slot-component .vis-shadow {
    display: none !important;
}

mon-time-slot-component .vis-timeline .vis-panel.vis-top {
    display: none !important;
}

mon-time-slot-component .vis-panel.vis-top {
    height: 70px;
    left: 0 !important;
    border: 1px #d7e3f0 solid;
    border-left: none;
    border-right: none;
}

mon-time-slot-component .vis-panel > .vis-content {
    top: 0 !important;
}

mon-time-slot-component .vis-timeline .vis-foreground .vis-group {
    height: 37px !important;
    border-bottom: 1px solid #d7e3f0;
    overflow: hidden;
}

mon-time-slot-component .vis-timeline .vis-background .vis-group {
    height: 37px !important;
}

mon-time-slot-component .vis-timeline .vis-itemset, .vis-timeline .vis-content {
    height: 100% !important;
}

mon-time-slot-component .vis-timeline .vis-axis {
    top: 0 !important;
}

mon-time-slot-component .vis-time-axis.vis-foreground {
    height: 69px;
    background-color: #e4e4e4;
}

    mon-time-slot-component .vis-time-axis.vis-foreground .vis-text {
        line-height: 28px;
    }

        mon-time-slot-component .vis-time-axis.vis-foreground .vis-text.vis-minor {
            height: 35px;
            border-top: 1px solid #e4e4e4;
            background-color: #fff;
        }

        mon-time-slot-component .vis-time-axis.vis-foreground .vis-text.vis-major {
            height: 34px;
        }

mon-time-slot-component .vis-foreground .vis-item, .vis-item {
    margin: 0;
    padding: 0;
    height: 23px;
}

mon-time-slot-component .vis-timeline .vis-foreground .vis-item {
    top: 10px !important;
}

mon-time-slot-component .vis-foreground .vis-item.vis-range {
    border: none;
    border-radius: 0;
}

mon-time-slot-component .vis-hide {
    display: none;
}

mon-time-slot-component .vis-foreground .vis-item .vis-item-overflow {
    height: 23px !important;
    overflow: visible;
}

mon-time-slot-component .vis-foreground .vis-item.vis-range .vis-item-content, .vis-item.vis-range .vis-item-content {
    height: 20px;
    width: 100%;
}

mon-time-slot-component .vis-foreground .vis-item.vis-selected, .vis-item.vis-selected {
    border: none;
    background: none;
}

mon-time-slot-component .vis-text.vis-major {
    font-weight: bold;
}

mon-time-slot-component .vis-grid.vis-vertical {
    top: 0 !important;
    height: 100% !important;
}

mon-time-slot-component .vis-item.vis-background {
    height: 37px !important;
}

/*Drop để duyệt*/
mon-time-slot-component #approveArea {
    width: calc(100% - 30px);
    height: 28%;
    margin: 10px;
    border: 5px solid #C3d62D;
    border-radius:30px;
    text-align:center;
}

/*Drop để hủy duyệt*/
mon-time-slot-component #unapproveArea {
    width: calc(100% - 30px);
    height: 28%;
    margin: 10px;
    border: 5px solid #FF7022;
    border-radius:30px;
    text-align:center;
}
/*Drop để xóa*/
mon-time-slot-component #deleteArea {
    width: calc(100% - 30px);
    height: 28%;
    margin: 10px;
    border: 5px solid #F5393D;
    border-radius:30px;
    text-align:center;
}

mon-time-slot-component .drop-label {
    text-align:center;
    vertical-align:middle;
    display:block;
    margin-top:10px;
    color:#1E4B7E;
    font-size:large;
    font-weight:500;
}
/*Grid Pager*/
mon-time-slot-grid-component .k-pager-wrap.k-grid-pager {
    background-color: transparent !important;
    border: none;
    width: 330px;
    display: inline-block;
    margin: 0;
    height: 34px;
    overflow: hidden;
    padding: 2px 0;
    padding-left: 110px;
    /*padding-left: calc(100% - 285px);*/
}

    mon-time-slot-grid-component .k-pager-wrap.k-grid-pager a {
        color: #fff;
        background-color: #fff;
        border-radius: 50% !important;
        width: 26px;
        height: 26px;
        margin: 3px 1px;
        padding: 0px;
        min-width: 26px;
    }

        mon-time-slot-grid-component .k-pager-wrap.k-grid-pager a .k-icon {
            margin-top: -8px;
            color: #1E4B7E;
        }

    mon-time-slot-grid-component .k-pager-wrap.k-grid-pager .k-pager-input {
        background-color: #c6ced3;
        border-radius: 20px;
        display: block;
        height: 26px;
        line-height: 26px;
        padding-left: 0;
        width: 46px;
        text-align: center;
        margin: 4px 1px;
        font-size: 12px;
    }

        mon-time-slot-grid-component .k-pager-wrap.k-grid-pager .k-pager-input .k-textbox {
            background-color: #c6ced3;
            border-radius: 20px;
            text-align: right;
            margin: 0;
            padding: 0;
            position: relative;
            top: -1px;
            width: 26px;
            height: 26px;
            border: none;
        }

    mon-time-slot-grid-component .k-pager-wrap.k-grid-pager .k-pager-numbers li {
        background-color: #435f6e;
    }

        mon-time-slot-grid-component .k-pager-wrap.k-grid-pager .k-pager-numbers li.k-current-page {
            display: inherit;
        }

        mon-time-slot-grid-component .k-pager-wrap.k-grid-pager .k-pager-numbers li:not(.k-current-page) {
            display: none;
        }

    mon-time-slot-grid-component .k-pager-wrap.k-grid-pager .k-pager-numbers, .k-grid.cus-grid.over-grid .k-grid-pager.k-pager-wrap .k-pager-numbers .k-state-ed, .k-grid.cus-grid.over-grid .k-grid-pager.k-pager-wrap .k-pager-numbers .k-pager-nav {
        background-color: #fff;
        color: #000;
        border-color: #fff;
    }

    mon-time-slot-grid-component .k-pager-wrap.k-grid-pager .k-pager-info {
        background-color: transparent !important;
        color: #1E4B7E !important;
        position: absolute;
        /*right: 285px;*/
        left: 15px;
    }

    /*Grid Title*/
    mon-time-slot-grid-component .k-pager-wrap.k-grid-pager .grid-title {
        position: absolute;
        left: 0;
        text-transform: uppercase;
        font-weight: bold;
        color: #1E4B7E;
        background-color: transparent !important;
    }

    mon-time-slot-grid-component .k-pager-wrap.k-grid-pager .btn-title {
        margin-top: 5px;
        position: absolute;
        left: 0;
        text-transform: uppercase;
        font-weight: bold;
        color: #FFFFFF;
        background-color: #1E4B7E !important;
    }


mon-time-slot-grid-component .panel .panel-body {
    overflow: hidden;
}

mon-time-slot-grid-component grid-control .k-grid .k-grid-content {
    padding-right: 17px;
    height: calc(100% - 77px) !important;
}
    /*Row Height*/
    mon-time-slot-grid-component grid-control .k-grid .k-grid-content.k-auto-scrollable td {
        height: 37px;
    }

ops-container-auto-planning-component .main-color {
    color: #1E4B7E !important;
}

ops-container-auto-planning-component .main-color-bold {
    color: #1E4B7E !important;
    font-weight: bold !important;
}

ops-container-auto-planning-component .upercase-transform {
    text-transform: uppercase !important;
}

ops-container-auto-planning-component .color-blueskye {
    color: deepskyblue !important;
    cursor: pointer;
    text-decoration: none;
}

ops-container-auto-planning-component .color-gray {
    color: gray !important;
    text-decoration: none;
    pointer-events: none;
}

ops-container-auto-planning-component .color-gray-delete {
    color: #B7C3CE !important;
    cursor: pointer;
    text-decoration: none;
}

ops-container-auto-planning-component .panel-bottom-choose-order {
    background-color: #587B99 !important;
    height: 100%;
    width: 273px;
    color: white;
    font-size: 15px;
    font-weight: bold;
    display: flex !important;
    flex-direction: row !important;
    justify-content: center;
    align-items: center;
}

ops-container-auto-planning-component .order-count {
    background-color: #48BA52 !important;
    color: white;
    font-size: 15px;
    border-radius: 20px;
    width: 40px !important;
    padding: 8px 0 10px 0px;
    height: 20px;
    margin: 0 10px 0 10px;
    text-align: center;
    display: inline-block;
}

ops-container-auto-planning-component .center {
    padding-top: 25px;
    padding-left: 15px;
}

ops-container-auto-planning-component .config-panel {
    position: absolute;
    right: 0;
    top: 200px;
    left: unset !important;
    z-index: 999999;
}

    ops-container-auto-planning-component .config-panel mega-filter {
        display: inline-block;
        opacity: 1;
    }

    ops-container-auto-planning-component .config-panel .config-button {
        cursor: pointer;
        position: relative;
        padding: 8px 5px;
        display: inline-block;
        color: #23759b;
    }

        ops-container-auto-planning-component .config-panel .config-button > i {
            font-size: 20px;
        }

    ops-container-auto-planning-component .config-panel.config-invisible mega-filter {
        display: none;
        opacity: 0;
        transition: all 2s ease;
    }

    ops-container-auto-planning-component .config-panel.config-invisible .config-button {
        padding: 5px;
        color: red;
    }

        ops-container-auto-planning-component .config-panel.config-invisible .config-button > i {
            font-size: 26px;
        }

ops-container-auto-planning-component .btn-grid-group {
    cursor: pointer;
    color: #333;
    text-decoration: none;
    outline: none;
}

ops-container-auto-planning-component .command-cell .allcp-form .checkbox.mn {
    width: 20px;
    height: 18px;
    top: 0px !important;
}

ops-container-auto-planning-component .k-grid tbody tr.k-detail-row:hover {
    background: transparent !important;
}

ops-container-auto-planning-component .k-grid thead tr {
    height: 34px;
}

    ops-container-auto-planning-component .k-grid thead tr:hover {
        border: none !important;
    }

ops-container-auto-planning-component i.icon-tms-ops-huydonhang {
    color: #FF4E50 !important;
}

ops-container-auto-planning-component i.icon-tms-ops-tradonhang {
    color: #FFB853 !important;
}

.sb-r-c.onload-check ops-container-auto-planning-component .config-panel-bottom {
    width: calc(100% - 256px);
    height: 70px;
    position: fixed;
    top: calc(100% - 70px);
    background-color: #4C6A84;
    z-index: 1000;
    display: flex !important;
    flex-direction: row !important;
    flex: 1 !important;
}

.sb-r-c.onload-check.sb-l-c ops-container-auto-planning-component .config-panel-bottom {
    width: 100%;
    height: 70px;
    position: fixed;
    top: calc(100% - 70px);
    background-color: #4C6A84;
    z-index: 1000;
    user-select: none;
    display: flex !important;
    flex-direction: row !important;
    flex: 1 !important;
}


ops-container-auto-planning-component .choose-vehicle {
    float: right !important;
    padding-right: 100px;
}

ops-container-auto-planning-component #grid-result tbody > tr.k-master-row.ng-scope.k-state-selected {
    background-color: #1CBEF8 !important;
    color: white !important;
    border: #1CBEF8 !important;
}

ops-container-auto-planning-component #grid-route tbody > tr.k-master-row.ng-scope.k-state-selected .k-icon {
    color: white !important;
}

ops-container-auto-planning-component .setting-detail {
    display: flex;
    flex-direction: row;
    flex: 1;
}

    ops-container-auto-planning-component .setting-detail .setting-detail-column {
        flex-direction: column !important;
        flex: 1;
        display: flex;
        padding: 0px 50px 0px 0px;
    }

    ops-container-auto-planning-component .setting-detail .setting-detail-row {
        flex-direction: row !important;
        flex: 1;
        display: flex !important;
        align-items: center;
        margin: 5px 0px;
        font-size: medium;
        justify-content: space-between;
        align-items: center;
    }

    ops-container-auto-planning-component .setting-detail .setting-detail-font {
        font-size: small;
    }

    ops-container-auto-planning-component .setting-detail .setting-detail-row date-picker-control {
        padding-left: 0px !important;
        display: inline !important;
    }

ops-container-auto-planning-component .step-order.show-config-bottom #grid-route > div.k-grid-content.k-auto-scrollable {
    height: calc(100vh - 305px) !important;
}

ops-container-auto-planning-component .step-order.show-config-bottom #grid-vehicle > div > div.k-grid-content.k-auto-scrollable {
    height: calc(100vh - 305px) !important;
}

ops-container-auto-planning-component .step-order.show-config-bottom #grid-result > div.k-grid-content.k-auto-scrollable {
    height: calc(100vh - 340px) !important;
}

ops-container-auto-planning-component grid-control .k-grid .k-grid-content {
    height: calc(100vh - 361px) !important;
}

ops-container-auto-planning-component #gridTractor > div > div.k-grid-content.k-auto-scrollable {
    height: calc(100vh - 321px) !important;
}

ops-container-auto-planning-component #gridRomooc > div > div.k-grid-content.k-auto-scrollable {
    height: calc(100vh - 321px) !important;
}

ops-container-auto-planning-component #grid-result tr[aria-selected="true"] {
    background-color: #1CBEF8 !important;
    color: white !important;
}

ops-container-auto-planning-component #map-control {
    height: calc(100vh - 185px) !important;
}

ops-container-auto-planning-component .step-order.show-config-bottom #map-control {
    height: calc(100vh - 190px) !important;
}

ops-container-auto-planning-component panel-index-body date-picker-control input {
    text-indent: 0.4em !important;
}

ops-container-auto-planning-component input {
    text-indent: 0.4em !important;
}

ops-container-auto-planning-component .text-white span.tms-label {
    color: white !important;
    margin-right: 5px !important;
}

ops-container-auto-planning-component .text-white.center-config-bottom md-checkbox {
    margin-top: 15px;
}

ops-container-auto-planning-component .panel-bottom-icon-action {
    display: flex;
    flex-grow: 2;
    justify-content: center;
    align-items: center;
}

    ops-container-auto-planning-component .panel-bottom-icon-action button-icon-control > button > i {
        color: #FFFFFF !important;
    }

ops-container-auto-planning-component button-icon-control[size="lg"] > button > i {
    font-size: 40px !important;
}

ops-container-auto-planning-component button-icon-control[size="md"] > button > i {
    font-size: 25px !important;
}

ops-container-auto-planning-component button-icon-control[size="xs"] > button > i {
    font-size: 16px !important;
}

ops-container-auto-planning-component .border-result {
    font-size: large !important;
    line-height: 30px;
    margin-top: 20px;
    border: 1px #A9C9D5;
}

ops-container-auto-planning-component .k-grid-header th.k-header {
    font-size: 14px !important;
    padding: 5px 8px !important;
}

ops-container-auto-planning-result-component #grid-result-detail {
    background-color: #fff888;
}
ops-container-thaco-component .main-color {
    color: #16759B !important;
}

ops-container-thaco-component .main-color-bold {
    color: #16759B !important;
    font-weight: bold !important;
}

ops-container-thaco-component .upercase-transform {
    text-transform: uppercase !important;
}

ops-container-thaco-component .color-blueskye {
    color: deepskyblue !important;
    cursor: pointer;
    text-decoration: none;
}

ops-container-thaco-component .color-gray {
    color: black !important;
    cursor: pointer;
    text-decoration: none;
}

ops-container-thaco-component .color-gray-delete {
    color: #B7C3CE !important;
    cursor: pointer;
    text-decoration: none;
}

ops-container-thaco-component .panel-bottom-choose-order {
    background-color: #587B99 !important;
    height: 100%;
    width: 273px;
    color: white;
    font-size: 15px;
    font-weight: bold;
    display: flex !important;
    /*flex-direction: row !important;*/
    justify-content: center;
    align-items: center;
}

ops-container-thaco-component .order-count {
    background-color: #48BA52 !important;
    color: white;
    font-size: 15px;
    border-radius: 20px;
    width: 40px !important;
    padding: 8px 0 10px 0px;
    height: 20px;
    margin: 0 10px 0 10px;
    text-align: center;
    display: inline-block;
}

ops-container-thaco-component .center {
    padding-top: 25px;
    padding-left: 15px;
}

ops-container-thaco-component .config-panel {
    position: absolute;
    right: 0;
    top: 200px;
    left: unset !important;
    z-index: 999999;
}

    ops-container-thaco-component .config-panel mega-filter {
        display: inline-block;
        opacity: 1;
    }

    ops-container-thaco-component .config-panel .config-button {
        cursor: pointer;
        position: relative;
        padding: 8px 5px;
        display: inline-block;
        color: #23759b;
    }

        ops-container-thaco-component .config-panel .config-button > i {
            font-size: 20px;
        }

    ops-container-thaco-component .config-panel.config-invisible mega-filter {
        display: none;
        opacity: 0;
        transition: all 2s ease;
    }

    ops-container-thaco-component .config-panel.config-invisible .config-button {
        padding: 5px;
        color: red;
    }

        ops-container-thaco-component .config-panel.config-invisible .config-button > i {
            font-size: 26px;
        }

ops-container-thaco-component .btn-grid-group {
    cursor: pointer;
    color: #333;
    text-decoration: none;
    outline: none;
}

ops-container-thaco-component .command-cell .allcp-form .checkbox.mn {
    width: 20px;
    height: 18px;
    top: 0px !important;
}

ops-container-thaco-component .k-grid tbody tr.k-detail-row:hover {
    background: transparent !important;
}

ops-container-thaco-component .k-grid thead tr {
    height: 34px;
}

    ops-container-thaco-component .k-grid thead tr:hover {
        border: none !important;
    }

ops-container-thaco-component i.icon-tms-ops-huydonhang {
    color: #FF4E50 !important;
}

ops-container-thaco-component i.icon-tms-ops-tradonhang {
    color: #FFB853 !important;
}

.sb-r-c.onload-check ops-container-thaco-component .config-panel-bottom {
    width: calc(100% - 256px);
    height: 70px;
    position: fixed;
    top: calc(100% - 70px);
    background-color: #4C6A84;
    z-index: 1000;
    display: flex !important;
    flex-direction: row !important;
    flex: 1 !important;
}

.sb-r-c.onload-check.sb-l-c ops-container-thaco-component .config-panel-bottom {
    width: 100%;
    height: 70px;
    position: fixed;
    top: calc(100% - 70px);
    background-color: #4C6A84;
    z-index: 1000;
    user-select: none;
    display: flex !important;
    flex-direction: row !important;
    flex: 1 !important;
}


ops-container-thaco-component .choose-vehicle {
    float: right !important;
    padding-right: 100px;
}

ops-container-thaco-component #grid-route tbody > tr.k-master-row.ng-scope.k-state-selected {
    background-color: #1CBEF8 !important;
    color: white !important;
    border: #1CBEF8 !important;
}

    ops-container-thaco-component #grid-route tbody > tr.k-master-row.ng-scope.k-state-selected .k-icon {
        color: white !important;
    }

ops-container-thaco-component .setting-detail {
    display: flex;
    flex-direction: row;
    flex: 1;
}

    ops-container-thaco-component .setting-detail .setting-detail-column {
        flex-direction: column !important;
        flex: 1;
        display: flex;
        padding: 0px 50px 0px 0px;
    }

    ops-container-thaco-component .setting-detail .setting-detail-row {
        flex-direction: row !important;
        flex: 1;
        display: flex !important;
        align-items: center;
        margin: 5px 0px;
        font-size: medium;
        justify-content: space-between;
        align-items: center;
    }

    ops-container-thaco-component .setting-detail .setting-detail-font {
        font-size: small;
    }

    ops-container-thaco-component .setting-detail .setting-detail-row date-picker-control {
        padding-left: 0px !important;
        display: inline !important;
    }

ops-container-thaco-component .step-order.show-config-bottom #grid-route > div.k-grid-content.k-auto-scrollable {
    height: calc(100vh - 305px) !important;
}
ops-container-thaco-component .step-order.show-config-bottom #grid-route-ungroup div.k-grid-content.k-auto-scrollable {
    height: calc(100vh - 305px) !important;
}

ops-container-thaco-component .step-order.show-config-bottom #grid-vehicle > div > div.k-grid-content.k-auto-scrollable {
    height: calc(100vh - 345px) !important;
}

ops-container-thaco-component .step-order.show-config-bottom #grid-contract > div > div.k-grid-content.k-auto-scrollable {
    height: calc(100vh - 345px) !important;
}

ops-container-thaco-component .step-order.show-config-bottom #grid-result > div.k-grid-content.k-auto-scrollable {
    height: calc(100vh - 360px) !important;
}

ops-container-thaco-component .step-order.show-config-bottom #grid-vehicle-vendor div.k-grid-content.k-auto-scrollable {
    height: calc(100vh - 386px) !important;
}

ops-container-thaco-component #grid-result tr[aria-selected="true"] {
    background-color: #1CBEF8 !important;
    color: white !important;
}


ops-container-thaco-component .step-order.show-config-bottom #grid-unassign div.k-grid-content.k-auto-scrollable {
    height: calc(100vh - 360px) !important;
}

ops-container-thaco-component .step-order.show-config-bottom #map-control {
    height: calc(100vh - 190px) !important;
}

ops-container-thaco-component .step-order.show-config-bottom #map-control-result {
    height: calc(100vh - 190px) !important;
}

ops-container-thaco-component ops-distribution-auto-planning-brenntag-new-config-component input {
    text-indent: 0.8em !important;
}

ops-container-thaco-component .text-white span.tms-label {
    color: white !important;
    margin-right: 5px !important;
}

ops-container-thaco-component .text-white.center-config-bottom md-checkbox {
    margin-top: 15px;
}

ops-container-thaco-component .panel-bottom-icon-action {
    display: flex;
    flex-grow: 2;
    justify-content: center;
    align-items: center;
}

    ops-container-thaco-component .panel-bottom-icon-action button-icon-control > button > i {
        color: #B7C3CE !important;
    }

ops-container-thaco-component button-icon-control[size="lg"] > button > i {
    font-size: 40px !important;
}

ops-container-thaco-component button-icon-control[size="md"] > button > i {
    font-size: 25px !important;
}

ops-container-thaco-component button-icon-control[size="xs"] > button > i {
    font-size: 16px !important;
}

ops-container-thaco-component .border-result {
    font-size: large !important;
    line-height: 30px;
    margin-top: 20px;
    border: 1px #A9C9D5;
}
ops-container-thaco-component .k-grid-header th.k-header {
    font-size: 14px !important;
    padding: 5px 8px !important; 
}

ops-container-thaco-new-component .main-color {
    color: #16759B !important;
}

ops-container-thaco-new-component .main-color-bold {
    color: #16759B !important;
    font-weight: bold !important;
}

ops-container-thaco-new-component .upercase-transform {
    text-transform: uppercase !important;
}

ops-container-thaco-new-component .color-blueskye {
    color: deepskyblue !important;
    cursor: pointer;
    text-decoration: none;
}

ops-container-thaco-new-component .color-gray {
    color: black !important;
    cursor: pointer;
    text-decoration: none;
}

ops-container-thaco-new-component .color-gray-delete {
    color: #B7C3CE !important;
    cursor: pointer;
    text-decoration: none;
}

ops-container-thaco-new-component .panel-bottom-choose-order {
    background-color: #587B99 !important;
    height: 100%;
    width: 273px;
    color: white;
    font-size: 15px;
    font-weight: bold;
    display: flex !important;
    /*flex-direction: row !important;*/
    justify-content: center;
    align-items: center;
}

ops-container-thaco-new-component .order-count {
    background-color: #48BA52 !important;
    color: white;
    font-size: 15px;
    border-radius: 20px;
    width: 40px !important;
    padding: 8px 0 10px 0px;
    height: 20px;
    margin: 0 10px 0 10px;
    text-align: center;
    display: inline-block;
}

ops-container-thaco-new-component .center {
    padding-top: 25px;
    padding-left: 15px;
}

ops-container-thaco-new-component .config-panel {
    position: absolute;
    right: 0;
    top: 200px;
    left: unset !important;
    z-index: 999999;
}

    ops-container-thaco-new-component .config-panel mega-filter {
        display: inline-block;
        opacity: 1;
    }

    ops-container-thaco-new-component .config-panel .config-button {
        cursor: pointer;
        position: relative;
        padding: 8px 5px;
        display: inline-block;
        color: #23759b;
    }

        ops-container-thaco-new-component .config-panel .config-button > i {
            font-size: 20px;
        }

    ops-container-thaco-new-component .config-panel.config-invisible mega-filter {
        display: none;
        opacity: 0;
        transition: all 2s ease;
    }

    ops-container-thaco-new-component .config-panel.config-invisible .config-button {
        padding: 5px;
        color: red;
    }

        ops-container-thaco-new-component .config-panel.config-invisible .config-button > i {
            font-size: 26px;
        }

ops-container-thaco-new-component .btn-grid-group {
    cursor: pointer;
    color: #333;
    text-decoration: none;
    outline: none;
}

ops-container-thaco-new-component .command-cell .allcp-form .checkbox.mn {
    width: 20px;
    height: 18px;
    top: 0px !important;
}

ops-container-thaco-new-component .k-grid tbody tr.k-detail-row:hover {
    background: transparent !important;
}

ops-container-thaco-new-component .k-grid thead tr {
    height: 34px;
}

    ops-container-thaco-new-component .k-grid thead tr:hover {
        border: none !important;
    }

ops-container-thaco-new-component i.icon-tms-ops-huydonhang {
    color: #FF4E50 !important;
}

ops-container-thaco-new-component i.icon-tms-ops-tradonhang {
    color: #FFB853 !important;
}

.sb-r-c.onload-check ops-container-thaco-new-component .config-panel-bottom {
    width: calc(100% - 256px);
    height: 60px;
    position: fixed;
    top: calc(100% - 60px);
    background-color: #4C6A84;
    z-index: 1000;
    display: flex !important;
    flex-direction: row !important;
    flex: 1 !important;
}

.sb-r-c.onload-check.sb-l-c ops-container-thaco-new-component .config-panel-bottom {
    width: 100%;
    height: 60px;
    position: fixed;
    top: calc(100% - 60px);
    background-color: #4C6A84;
    z-index: 1000;
    user-select: none;
    display: flex !important;
    flex-direction: row !important;
    flex: 1 !important;
}


ops-container-thaco-new-component .choose-vehicle {
    float: right !important;
    padding-right: 100px;
}

ops-container-thaco-new-component #grid-route tbody > tr.k-master-row.ng-scope.k-state-selected {
    background-color: #1CBEF8 !important;
    color: white !important;
    border: #1CBEF8 !important;
}

    ops-container-thaco-new-component #grid-route tbody > tr.k-master-row.ng-scope.k-state-selected .k-icon {
        color: white !important;
    }

ops-container-thaco-new-component .setting-detail {
    display: flex;
    flex-direction: row;
    flex: 1;
}

    ops-container-thaco-new-component .setting-detail .setting-detail-column {
        flex-direction: column !important;
        flex: 1;
        display: flex;
        padding: 0px 50px 0px 0px;
    }

    ops-container-thaco-new-component .setting-detail .setting-detail-row {
        flex-direction: row !important;
        flex: 1;
        display: flex !important;
        align-items: center;
        margin: 5px 0px;
        font-size: medium;
        justify-content: space-between;
        align-items: center;
    }

    ops-container-thaco-new-component .setting-detail .setting-detail-font {
        font-size: small;
    }

    ops-container-thaco-new-component .setting-detail .setting-detail-row date-picker-control {
        padding-left: 0px !important;
        display: inline !important;
    }

ops-container-thaco-new-component .step-order.show-config-bottom #grid-route > div.k-grid-content.k-auto-scrollable {
    height: calc(100vh - 305px) !important;
}
ops-container-thaco-new-component .step-order.show-config-bottom #grid-route-ungroup div.k-grid-content.k-auto-scrollable {
    height: calc(100vh - 305px) !important;
}

ops-container-thaco-new-component .step-order.show-config-bottom #grid-vehicle > div > div.k-grid-content.k-auto-scrollable {
    height: calc(100vh - 345px) !important;
}

ops-container-thaco-new-component .step-order.show-config-bottom #grid-contract > div > div.k-grid-content.k-auto-scrollable {
    height: calc(100vh - 345px) !important;
}

ops-container-thaco-new-component .step-order.show-config-bottom #grid-result > div.k-grid-content.k-auto-scrollable {
    height: calc(100vh - 360px) !important;
}

ops-container-thaco-new-component .step-order.show-config-bottom #grid-vehicle-vendor div.k-grid-content.k-auto-scrollable {
    height: calc(100vh - 386px) !important;
}

ops-container-thaco-new-component #grid-result tr[aria-selected="true"] {
    background-color: #1CBEF8 !important;
    color: white !important;
}


ops-container-thaco-new-component .step-order.show-config-bottom #grid-unassign div.k-grid-content.k-auto-scrollable {
    height: calc(100vh - 360px) !important;
}

ops-container-thaco-new-component .step-order.show-config-bottom #map-control {
    height: calc(100vh - 190px) !important;
}

ops-container-thaco-new-component .step-order.show-config-bottom #map-control-result {
    height: calc(100vh - 190px) !important;
}

ops-container-thaco-new-component ops-distribution-auto-planning-brenntag-new-config-component input {
    text-indent: 0.8em !important;
}

ops-container-thaco-new-component .text-white span.tms-label {
    color: white !important;
    margin-right: 5px !important;
}

ops-container-thaco-new-component .text-white.center-config-bottom md-checkbox {
    margin-top: 15px;
}

ops-container-thaco-new-component .panel-bottom-icon-action {
    display: flex;
    flex-grow: 2;
    justify-content: center;
    align-items: center;
}

    ops-container-thaco-new-component .panel-bottom-icon-action button-icon-control > button > i {
        color: #B7C3CE !important;
    }

ops-container-thaco-new-component button-icon-control[size="lg"] > button > i {
    font-size: 40px !important;
}

ops-container-thaco-new-component button-icon-control[size="md"] > button > i {
    font-size: 25px !important;
}

ops-container-thaco-new-component button-icon-control[size="xs"] > button > i {
    font-size: 16px !important;
}

ops-container-thaco-new-component .border-result {
    font-size: large !important;
    line-height: 30px;
    margin-top: 20px;
    border: 1px #A9C9D5;
}
ops-container-thaco-new-component .k-grid-header th.k-header {
    font-size: 14px !important;
    padding: 5px 8px !important; 
}

ops-container-tracking-vendor-order-component .status-bar {
    width: 100%;
    display: block;
    position: relative;
    color: #5a6877;
    text-decoration: none;
    font-size: 13px;
}

ops-container-tracking-vendor-order-component .status-bar-item {
    cursor: pointer;
    position: absolute;
    top: -8px;
}

    ops-container-tracking-vendor-order-component .status-bar-item.with-border {
        border: 1px solid #fff;
        box-sizing: border-box;
        border-bottom: none;
        border-top: none;
        border-left: none;
    }

ops-container-tracking-vendor-order-component .status-bar .status {
    height: 15px;
    border-radius: 12px;
}

    ops-container-tracking-vendor-order-component .status-bar .status.nottrip {
        background-color: #1CBEF8;
    }

    ops-container-tracking-vendor-order-component .status-bar .status.hastrip {
        background-color: #F7B20C;
    }
ops-container-view1-component .tms-info-master-time {
    padding: 10px;
    height: 40px;
    display: flex;
    gap: 7px;
}

ops-distribution-auto-bin-packing-component .main-color {
    color: #1E4B7E !important;
}

ops-distribution-auto-bin-packing-component .main-color-bold {
    color: #1E4B7E !important;
    font-weight: bold !important;
}

ops-distribution-auto-bin-packing-component .upercase-transform {
    text-transform: uppercase !important;
}

ops-distribution-auto-bin-packing-component .color-blueskye {
    color: deepskyblue !important;
    cursor: pointer;
    text-decoration: none;
}

ops-distribution-auto-bin-packing-component .color-gray {
    color: gray !important;
    text-decoration: none;
    pointer-events: none;
}

ops-distribution-auto-bin-packing-component .color-gray-delete {
    color: #B7C3CE !important;
    cursor: pointer;
    text-decoration: none;
}

ops-distribution-auto-bin-packing-component .panel-bottom-choose-order {
    background-color: #587B99 !important;
    height: 100%;
    width: 273px;
    color: white;
    font-size: 15px;
    font-weight: bold;
    display: flex !important;
    flex-direction: row !important;
    justify-content: center;
    align-items: center;
}

ops-distribution-auto-bin-packing-component .order-count {
    background-color: #48BA52 !important;
    color: white;
    font-size: 15px;
    border-radius: 20px;
    width: 40px !important;
    padding: 8px 0 10px 0px;
    height: 20px;
    margin: 0 10px 0 10px;
    text-align: center;
    display: inline-block;
}

ops-distribution-auto-bin-packing-component .center {
    padding-top: 25px;
    padding-left: 15px;
}

ops-distribution-auto-bin-packing-component .config-panel {
    position: absolute;
    right: 0;
    top: 200px;
    left: unset !important;
    z-index: 999999;
}

    ops-distribution-auto-bin-packing-component .config-panel mega-filter {
        display: inline-block;
        opacity: 1;
    }

    ops-distribution-auto-bin-packing-component .config-panel .config-button {
        cursor: pointer;
        position: relative;
        padding: 8px 5px;
        display: inline-block;
        color: #23759b;
    }

        ops-distribution-auto-bin-packing-component .config-panel .config-button > i {
            font-size: 20px;
        }

    ops-distribution-auto-bin-packing-component .config-panel.config-invisible mega-filter {
        display: none;
        opacity: 0;
        transition: all 2s ease;
    }

    ops-distribution-auto-bin-packing-component .config-panel.config-invisible .config-button {
        padding: 5px;
        color: red;
    }

        ops-distribution-auto-bin-packing-component .config-panel.config-invisible .config-button > i {
            font-size: 26px;
        }

ops-distribution-auto-bin-packing-component .btn-grid-group {
    cursor: pointer;
    color: #333;
    text-decoration: none;
    outline: none;
}

ops-distribution-auto-bin-packing-component .command-cell .allcp-form .checkbox.mn {
    width: 20px;
    height: 18px;
    top: 0px !important;
}

ops-distribution-auto-bin-packing-component .k-grid tbody tr.k-detail-row:hover {
    background: transparent !important;
}

ops-distribution-auto-bin-packing-component .k-grid thead tr {
    height: 34px;
}

    ops-distribution-auto-bin-packing-component .k-grid thead tr:hover {
        border: none !important;
    }

ops-distribution-auto-bin-packing-component i.icon-tms-ops-huydonhang {
    color: #FF4E50 !important;
}

ops-distribution-auto-bin-packing-component i.icon-tms-ops-tradonhang {
    color: #FFB853 !important;
}

.sb-r-c.onload-check ops-distribution-auto-bin-packing-component .config-panel-bottom {
    width: calc(100% - 256px);
    height: 54px;
    position: fixed;
    top: calc(100% - 54px);
    background-color: #4C6A84;
    z-index: 1000;
    display: flex !important;
    flex-direction: row !important;
    flex: 1 !important;
}

.sb-r-c.onload-check.sb-l-c ops-distribution-auto-bin-packing-component .config-panel-bottom {
    width: 100%;
    height: 70px;
    position: fixed;
    top: calc(100% - 70px);
    background-color: #4C6A84;
    z-index: 1000;
    user-select: none;
    display: flex !important;
    flex-direction: row !important;
    flex: 1 !important;
}


ops-distribution-auto-bin-packing-component .choose-vehicle {
    float: right !important;
    padding-right: 100px;
}

ops-distribution-auto-bin-packing-component #grid-route tbody > tr.k-master-row.ng-scope.k-state-selected {
    background-color: #1CBEF8 !important;
    color: white !important;
    border: #1CBEF8 !important;
}

    ops-distribution-auto-bin-packing-component #grid-route tbody > tr.k-master-row.ng-scope.k-state-selected .k-icon {
        color: white !important;
    }

ops-distribution-auto-bin-packing-component .setting-detail {
    display: flex;
    flex-direction: row;
    flex: 1;
}

    ops-distribution-auto-bin-packing-component .setting-detail .setting-detail-column {
        flex-direction: column !important;
        flex: 1;
        display: flex;
        padding: 0px 50px 0px 0px;
    }

    ops-distribution-auto-bin-packing-component .setting-detail .setting-detail-row {
        flex-direction: row !important;
        flex: 1;
        display: flex !important;
        align-items: center;
        margin: 5px 0px;
        font-size: medium;
        justify-content: space-between;
        align-items: center;
    }

    ops-distribution-auto-bin-packing-component .setting-detail .setting-detail-font {
        font-size: small;
    }

    ops-distribution-auto-bin-packing-component .setting-detail .setting-detail-row date-picker-control {
        padding-left: 0px !important;
        display: inline !important;
    }

ops-distribution-auto-bin-packing-component .step-order.show-config-bottom #grid-route > div.k-grid-content.k-auto-scrollable {
    height: calc(100vh - 305px) !important;
}

ops-distribution-auto-bin-packing-component .step-order.show-config-bottom #grid-vehicle > div > div.k-grid-content.k-auto-scrollable {
    height: calc(100vh - 345px) !important;
}

ops-distribution-auto-bin-packing-component .step-order.show-config-bottom #grid-vehicle-vendor > div > div.k-grid-content.k-auto-scrollable {
    height: calc(100vh - 400px) !important;
}

ops-distribution-auto-bin-packing-component .step-order.show-config-bottom #grid-result > div.k-grid-content.k-auto-scrollable {
    height: calc(100vh - 305px) !important;
}

ops-distribution-auto-bin-packing-component grid-control .k-grid .k-grid-content {
    height: calc(100vh - 305px) !important;
}

ops-distribution-auto-bin-packing-component .step-order.show-config-bottom #grid-unassign div.k-grid-content.k-auto-scrollable {
    height: calc(100vh - 360px) !important;
}

ops-distribution-auto-bin-packing-component .step-order.show-config-bottom #map-control {
    height: calc(100vh - 190px) !important;
}

ops-distribution-auto-bin-packing-component .step-order.show-config-bottom #map-control-result {
    height: calc(100vh - 190px) !important;
}

ops-distribution-auto-bin-packing-component panel-index-body date-picker-control input {
    text-indent: 0 !important;
}

ops-distribution-auto-bin-packing-component .text-white span.tms-label {
    color: white !important;
    margin-right: 5px !important;
}

ops-distribution-auto-bin-packing-component .text-white.center-config-bottom md-checkbox {
    margin-top: 15px;
}

ops-distribution-auto-bin-packing-component .panel-bottom-icon-action {
    display: flex;
    flex-grow: 2;
    justify-content: center;
    align-items: center;
}

    ops-distribution-auto-bin-packing-component .panel-bottom-icon-action button-icon-control > button > i {
        /*color: #FFFFFF !important;*/
    }

ops-distribution-auto-bin-packing-component #tabVehicleId .k-grid-content.k-auto-scrollable {
    height: calc(100vh - 345px) !important;
}

ops-distribution-auto-bin-packing-component button-icon-control[size="lg"] > button > i {
    font-size: 40px !important;
}

ops-distribution-auto-bin-packing-component button-icon-control[size="md"] > button > i {
    font-size: 25px !important;
}

ops-distribution-auto-bin-packing-component button-icon-control[size="xs"] > button > i {
    font-size: 16px !important;
}

ops-distribution-auto-bin-packing-component .border-result {
    font-size: large !important;
    line-height: 30px;
    margin-top: 20px;
    border: 1px #A9C9D5;
}

ops-distribution-auto-bin-packing-component .k-grid-header th.k-header {
    font-size: 14px !important;
    padding: 5px 8px !important;
}

ops-distribution-auto-packing-component .main-color {
    color: #1E4B7E !important;
}

ops-distribution-auto-packing-component .main-color-bold {
    color: #1E4B7E !important;
    font-weight: bold !important;
}

ops-distribution-auto-packing-component .upercase-transform {
    text-transform: uppercase !important;
}

ops-distribution-auto-packing-component .color-blueskye {
    color: deepskyblue !important;
    cursor: pointer;
    text-decoration: none;
}

ops-distribution-auto-packing-component .color-gray {
    color: gray !important;
    text-decoration: none;
    pointer-events: none;
}

ops-distribution-auto-packing-component .color-gray-delete {
    color: #B7C3CE !important;
    cursor: pointer;
    text-decoration: none;
}

ops-distribution-auto-packing-component .panel-bottom-choose-order {
    background-color: #587B99 !important;
    height: 100%;
    width: 273px;
    color: white;
    font-size: 15px;
    font-weight: bold;
    display: flex !important;
    flex-direction: row !important;
    justify-content: center;
    align-items: center;
}

ops-distribution-auto-packing-component .order-count {
    background-color: #48BA52 !important;
    color: white;
    font-size: 15px;
    border-radius: 20px;
    width: 40px !important;
    padding: 8px 0 10px 0px;
    height: 20px;
    margin: 0 10px 0 10px;
    text-align: center;
    display: inline-block;
}

ops-distribution-auto-packing-component .center {
    padding-top: 25px;
    padding-left: 15px;
}

ops-distribution-auto-packing-component .config-panel {
    position: absolute;
    right: 0;
    top: 200px;
    left: unset !important;
    z-index: 999999;
}

    ops-distribution-auto-packing-component .config-panel mega-filter {
        display: inline-block;
        opacity: 1;
    }

    ops-distribution-auto-packing-component .config-panel .config-button {
        cursor: pointer;
        position: relative;
        padding: 8px 5px;
        display: inline-block;
        color: #23759b;
    }

        ops-distribution-auto-packing-component .config-panel .config-button > i {
            font-size: 20px;
        }

    ops-distribution-auto-packing-component .config-panel.config-invisible mega-filter {
        display: none;
        opacity: 0;
        transition: all 2s ease;
    }

    ops-distribution-auto-packing-component .config-panel.config-invisible .config-button {
        padding: 5px;
        color: red;
    }

        ops-distribution-auto-packing-component .config-panel.config-invisible .config-button > i {
            font-size: 26px;
        }

ops-distribution-auto-packing-component .btn-grid-group {
    cursor: pointer;
    color: #333;
    text-decoration: none;
    outline: none;
}

ops-distribution-auto-packing-component .command-cell .allcp-form .checkbox.mn {
    width: 20px;
    height: 18px;
    top: 0px !important;
}

ops-distribution-auto-packing-component .k-grid tbody tr.k-detail-row:hover {
    background: transparent !important;
}

ops-distribution-auto-packing-component .k-grid thead tr {
    height: 34px;
}

    ops-distribution-auto-packing-component .k-grid thead tr:hover {
        border: none !important;
    }

ops-distribution-auto-packing-component i.icon-tms-ops-huydonhang {
    color: #FF4E50 !important;
}

ops-distribution-auto-packing-component i.icon-tms-ops-tradonhang {
    color: #FFB853 !important;
}

.sb-r-c.onload-check ops-distribution-auto-packing-component .config-panel-bottom {
    width: calc(100% - 256px);
    height: 70px;
    position: fixed;
    top: calc(100% - 70px);
    background-color: #4C6A84;
    z-index: 1000;
    display: flex !important;
    flex-direction: row !important;
    flex: 1 !important;
}

.sb-r-c.onload-check.sb-l-c ops-distribution-auto-packing-component .config-panel-bottom {
    width: 100%;
    height: 70px;
    position: fixed;
    top: calc(100% - 70px);
    background-color: #4C6A84;
    z-index: 1000;
    user-select: none;
    display: flex !important;
    flex-direction: row !important;
    flex: 1 !important;
}


ops-distribution-auto-packing-component .choose-vehicle {
    float: right !important;
    padding-right: 100px;
}

ops-distribution-auto-packing-component #grid-route tbody > tr.k-master-row.ng-scope.k-state-selected {
    background-color: #1CBEF8 !important;
    color: white !important;
    border: #1CBEF8 !important;
}

    ops-distribution-auto-packing-component #grid-route tbody > tr.k-master-row.ng-scope.k-state-selected .k-icon {
        color: white !important;
    }

ops-distribution-auto-packing-component .setting-detail {
    display: flex;
    flex-direction: row;
    flex: 1;
}

    ops-distribution-auto-packing-component .setting-detail .setting-detail-column {
        flex-direction: column !important;
        flex: 1;
        display: flex;
        padding: 0px 50px 0px 0px;
    }

    ops-distribution-auto-packing-component .setting-detail .setting-detail-row {
        flex-direction: row !important;
        flex: 1;
        display: flex !important;
        align-items: center;
        margin: 5px 0px;
        font-size: medium;
        justify-content: space-between;
        align-items: center;
    }

    ops-distribution-auto-packing-component .setting-detail .setting-detail-font {
        font-size: small;
    }

    ops-distribution-auto-packing-component .setting-detail .setting-detail-row date-picker-control {
        padding-left: 0px !important;
        display: inline !important;
    }

ops-distribution-auto-packing-component .step-order.show-config-bottom #grid-route > div.k-grid-content.k-auto-scrollable {
    height: calc(100vh - 305px) !important;
}

ops-distribution-auto-packing-component .step-order.show-config-bottom #grid-vehicle > div > div.k-grid-content.k-auto-scrollable {
    height: calc(100vh - 305px) !important;
}

ops-distribution-auto-packing-component .step-order.show-config-bottom #grid-result > div.k-grid-content.k-auto-scrollable {
    height: calc(100vh - 305px) !important;
}

ops-distribution-auto-packing-component grid-control .k-grid .k-grid-content {
    height: calc(100vh - 305px) !important;
}

ops-distribution-auto-packing-component .step-order.show-config-bottom #grid-unassign div.k-grid-content.k-auto-scrollable {
    height: calc(100vh - 360px) !important;
}

ops-distribution-auto-packing-component .step-order.show-config-bottom #map-control {
    height: calc(100vh - 190px) !important;
}

ops-distribution-auto-packing-component .step-order.show-config-bottom #map-control-result {
    height: calc(100vh - 190px) !important;
}

ops-distribution-auto-packing-component panel-index-body date-picker-control input {
    text-indent: 0 !important;
}

ops-distribution-auto-packing-component .text-white span.tms-label {
    color: white !important;
    margin-right: 5px !important;
}

ops-distribution-auto-packing-component .text-white.center-config-bottom md-checkbox {
    margin-top: 15px;
}

ops-distribution-auto-packing-component .panel-bottom-icon-action {
    display: flex;
    flex-grow: 2;
    justify-content: center;
    align-items: center;
}

    ops-distribution-auto-packing-component .panel-bottom-icon-action button-icon-control > button > i {
        color: #FFFFFF !important;
    }

ops-distribution-auto-packing-component #tabVehicleId .k-grid-content.k-auto-scrollable {
    height: calc(100vh - 345px) !important;
}

ops-distribution-auto-packing-component button-icon-control[size="lg"] > button > i {
    font-size: 40px !important;
}

ops-distribution-auto-packing-component button-icon-control[size="md"] > button > i {
    font-size: 25px !important;
}

ops-distribution-auto-packing-component button-icon-control[size="xs"] > button > i {
    font-size: 16px !important;
}

ops-distribution-auto-packing-component .border-result {
    font-size: large !important;
    line-height: 30px;
    margin-top: 20px;
    border: 1px #A9C9D5;
}

ops-distribution-auto-packing-component .k-grid-header th.k-header {
    font-size: 14px !important;
    padding: 5px 8px !important;
}

ops-distribution-auto-planning-brenntag-new-component .main-color {
    color: #16759B !important;
}

ops-distribution-auto-planning-brenntag-new-component .main-color-bold {
    color: #16759B !important;
    font-weight: bold !important;
}

ops-distribution-auto-planning-brenntag-new-component .upercase-transform {
    text-transform: uppercase !important;
}

ops-distribution-auto-planning-brenntag-new-component .color-blueskye {
    color: deepskyblue !important;
    cursor: pointer;
    text-decoration: none;
}

ops-distribution-auto-planning-brenntag-new-component .color-gray {
    color: gray !important;
    text-decoration: none;
    pointer-events: none;
}

ops-distribution-auto-planning-brenntag-new-component .color-gray-delete {
    color: #B7C3CE !important;
    cursor: pointer;
    text-decoration: none;
}

ops-distribution-auto-planning-brenntag-new-component .panel-bottom-choose-order {
    background-color: #587B99 !important;
    height: 100%;
    width: 273px;
    color: white;
    font-size: 15px;
    font-weight: bold;
    display: flex !important;
    /*flex-direction: row !important;*/
    justify-content: center;
    align-items: center;
}

ops-distribution-auto-planning-brenntag-new-component .order-count {
    background-color: #48BA52 !important;
    color: white;
    font-size: 15px;
    border-radius: 20px;
    width: 40px !important;
    padding: 8px 0 10px 0px;
    height: 20px;
    margin: 0 10px 0 10px;
    text-align: center;
    display: inline-block;
}

ops-distribution-auto-planning-brenntag-new-component .center {
    padding-top: 25px;
    padding-left: 15px;
}

ops-distribution-auto-planning-brenntag-new-component .config-panel {
    position: absolute;
    right: 0;
    top: 200px;
    left: unset !important;
    z-index: 999999;
}

    ops-distribution-auto-planning-brenntag-new-component .config-panel mega-filter {
        display: inline-block;
        opacity: 1;
    }

    ops-distribution-auto-planning-brenntag-new-component .config-panel .config-button {
        cursor: pointer;
        position: relative;
        padding: 8px 5px;
        display: inline-block;
        color: #23759b;
    }

        ops-distribution-auto-planning-brenntag-new-component .config-panel .config-button > i {
            font-size: 20px;
        }

    ops-distribution-auto-planning-brenntag-new-component .config-panel.config-invisible mega-filter {
        display: none;
        opacity: 0;
        transition: all 2s ease;
    }

    ops-distribution-auto-planning-brenntag-new-component .config-panel.config-invisible .config-button {
        padding: 5px;
        color: red;
    }

        ops-distribution-auto-planning-brenntag-new-component .config-panel.config-invisible .config-button > i {
            font-size: 26px;
        }

ops-distribution-auto-planning-brenntag-new-component .btn-grid-group {
    cursor: pointer;
    color: #333;
    text-decoration: none;
    outline: none;
}

ops-distribution-auto-planning-brenntag-new-component .command-cell .allcp-form .checkbox.mn {
    width: 20px;
    height: 18px;
    top: 0px !important;
}

ops-distribution-auto-planning-brenntag-new-component .k-grid tbody tr.k-detail-row:hover {
    background: transparent !important;
}

ops-distribution-auto-planning-brenntag-new-component .k-grid thead tr {
    height: 34px;
}

    ops-distribution-auto-planning-brenntag-new-component .k-grid thead tr:hover {
        border: none !important;
    }

ops-distribution-auto-planning-brenntag-new-component i.icon-tms-ops-huydonhang {
    color: #FF4E50 !important;
}

ops-distribution-auto-planning-brenntag-new-component i.icon-tms-ops-tradonhang {
    color: #FFB853 !important;
}

.sb-r-c.onload-check ops-distribution-auto-planning-brenntag-new-component .config-panel-bottom {
    width: calc(100% - 256px);
    height: 60px;
    position: fixed;
    top: calc(100% - 60px);
    background-color: #4C6A84;
    z-index: 1000;
    display: flex !important;
    flex-direction: row !important;
    flex: 1 !important;
}

.sb-r-c.onload-check.sb-l-c ops-distribution-auto-planning-brenntag-new-component .config-panel-bottom {
    width: 100%;
    height: 60px;
    position: fixed;
    top: calc(100% - 60px);
    background-color: #4C6A84;
    z-index: 1000;
    user-select: none;
    display: flex !important;
    flex-direction: row !important;
    flex: 1 !important;
}


ops-distribution-auto-planning-brenntag-new-component .choose-vehicle {
    float: right !important;
    padding-right: 100px;
}

ops-distribution-auto-planning-brenntag-new-component #grid-route tbody > tr.k-master-row.ng-scope.k-state-selected {
    background-color: #1CBEF8 !important;
    color: white !important;
    border: #1CBEF8 !important;
}

    ops-distribution-auto-planning-brenntag-new-component #grid-route tbody > tr.k-master-row.ng-scope.k-state-selected .k-icon {
        color: white !important;
    }

ops-distribution-auto-planning-brenntag-new-component .setting-detail {
    display: flex;
    flex-direction: row;
    flex: 1;
}

    ops-distribution-auto-planning-brenntag-new-component .setting-detail .setting-detail-column {
        flex-direction: column !important;
        flex: 1;
        display: flex;
        padding: 0px 50px 0px 0px;
    }

    ops-distribution-auto-planning-brenntag-new-component .setting-detail .setting-detail-row {
        flex-direction: row !important;
        flex: 1;
        display: flex !important;
        align-items: center;
        margin: 5px 0px;
        font-size: medium;
        justify-content: space-between;
        align-items: center;
    }

    ops-distribution-auto-planning-brenntag-new-component .setting-detail .setting-detail-font {
        font-size: small;
    }

    ops-distribution-auto-planning-brenntag-new-component .setting-detail .setting-detail-row date-picker-control {
        padding-left: 0px !important;
        display: inline !important;
    }

ops-distribution-auto-planning-brenntag-new-component .step-order.show-config-bottom #grid-route > div.k-grid-content.k-auto-scrollable {
    height: calc(100vh - 325px) !important;
}
ops-distribution-auto-planning-brenntag-new-component .step-order.show-config-bottom #grid-route-ungroup div.k-grid-content.k-auto-scrollable {
    height: calc(100vh - 325px) !important;
}

ops-distribution-auto-planning-brenntag-new-component .step-order.show-config-bottom #grid-vehicle > div > div.k-grid-content.k-auto-scrollable {
    height: calc(100vh - 361px) !important;
}

ops-distribution-auto-planning-brenntag-new-component .step-order.show-config-bottom #grid-contract > div > div.k-grid-content.k-auto-scrollable {
    height: calc(100vh - 345px) !important;
}

ops-distribution-auto-planning-brenntag-new-component .step-order.show-config-bottom #grid-result > div.k-grid-content.k-auto-scrollable {
    height: calc(100vh - 360px) !important;
}

ops-distribution-auto-planning-brenntag-new-component .step-order.show-config-bottom #grid-vehicle-vendor div.k-grid-content.k-auto-scrollable {
    height: calc(100vh - 406px) !important;
}

ops-distribution-auto-planning-brenntag-new-component #grid-result tr[aria-selected="true"] {
    background-color: #1CBEF8 !important;
    color: white !important;
}


ops-distribution-auto-planning-brenntag-new-component .step-order.show-config-bottom #grid-unassign div.k-grid-content.k-auto-scrollable {
    height: calc(100vh - 360px) !important;
}

ops-distribution-auto-planning-brenntag-new-component .step-order.show-config-bottom #map-control {
    height: calc(100vh - 190px) !important;
}

ops-distribution-auto-planning-brenntag-new-component .step-order.show-config-bottom #map-control-result {
    height: calc(100vh - 190px) !important;
}

ops-distribution-auto-planning-brenntag-new-component ops-distribution-auto-planning-brenntag-new-config-component input {
    text-indent: 0.8em !important;
}

ops-distribution-auto-planning-brenntag-new-component .text-white span.tms-label {
    color: white !important;
    margin-right: 5px !important;
}

ops-distribution-auto-planning-brenntag-new-component .text-white.center-config-bottom md-checkbox {
    margin-top: 15px;
}

ops-distribution-auto-planning-brenntag-new-component .panel-bottom-icon-action {
    display: flex;
    flex-grow: 2;
    justify-content: center;
    align-items: center;
}

    ops-distribution-auto-planning-brenntag-new-component .panel-bottom-icon-action button-icon-control > button > i {
        color: #B7C3CE !important;
    }

ops-distribution-auto-planning-brenntag-new-component button-icon-control[size="lg"] > button > i {
    font-size: 40px !important;
}

ops-distribution-auto-planning-brenntag-new-component button-icon-control[size="md"] > button > i {
    font-size: 25px !important;
}

ops-distribution-auto-planning-brenntag-new-component button-icon-control[size="xs"] > button > i {
    font-size: 16px !important;
}

ops-distribution-auto-planning-brenntag-new-component .border-result {
    font-size: large !important;
    line-height: 30px;
    margin-top: 20px;
    border: 1px #A9C9D5;
}
ops-distribution-auto-planning-brenntag-new-component .k-grid-header th.k-header {
    font-size: 14px !important;
    padding: 5px 8px !important; 
}

@keyframes ldio-j96zx266s5 {
  0% {
    opacity: 1;
    backface-visibility: hidden;
    transform: translateZ(0) scale(1.5,1.5);
  } 100% {
    opacity: 0;
    backface-visibility: hidden;
    transform: translateZ(0) scale(1,1);
  }
}
.ldio-j96zx266s5 div > div {
  position: absolute;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #df1317;
  animation: ldio-j96zx266s5 1s linear infinite;
}.ldio-j96zx266s5 div:nth-child(1) > div {
  left: 74px;
  top: 44px;
  animation-delay: -0.875s;
}
.ldio-j96zx266s5 > div:nth-child(1) {
  transform: rotate(0deg);
  transform-origin: 80px 50px;
}.ldio-j96zx266s5 div:nth-child(2) > div {
  left: 65px;
  top: 65px;
  animation-delay: -0.75s;
}
.ldio-j96zx266s5 > div:nth-child(2) {
  transform: rotate(45deg);
  transform-origin: 71px 71px;
}.ldio-j96zx266s5 div:nth-child(3) > div {
  left: 44px;
  top: 74px;
  animation-delay: -0.625s;
}
.ldio-j96zx266s5 > div:nth-child(3) {
  transform: rotate(90deg);
  transform-origin: 50px 80px;
}.ldio-j96zx266s5 div:nth-child(4) > div {
  left: 23px;
  top: 65px;
  animation-delay: -0.5s;
}
.ldio-j96zx266s5 > div:nth-child(4) {
  transform: rotate(135deg);
  transform-origin: 29px 71px;
}.ldio-j96zx266s5 div:nth-child(5) > div {
  left: 14px;
  top: 44px;
  animation-delay: -0.375s;
}
.ldio-j96zx266s5 > div:nth-child(5) {
  transform: rotate(180deg);
  transform-origin: 20px 50px;
}.ldio-j96zx266s5 div:nth-child(6) > div {
  left: 23px;
  top: 23px;
  animation-delay: -0.25s;
}
.ldio-j96zx266s5 > div:nth-child(6) {
  transform: rotate(225deg);
  transform-origin: 29px 29px;
}.ldio-j96zx266s5 div:nth-child(7) > div {
  left: 44px;
  top: 14px;
  animation-delay: -0.125s;
}
.ldio-j96zx266s5 > div:nth-child(7) {
  transform: rotate(270deg);
  transform-origin: 50px 20px;
}.ldio-j96zx266s5 div:nth-child(8) > div {
  left: 65px;
  top: 23px;
  animation-delay: 0s;
}
.ldio-j96zx266s5 > div:nth-child(8) {
  transform: rotate(315deg);
  transform-origin: 71px 29px;
}
.loadingio-spinner-spin-ho4pkbgye9 {
  width: 20px;
  height: 20px;
  display: inline-block;
  overflow: hidden;
  background: none;
}
.ldio-j96zx266s5 {
  width: 100%;
  height: 100%;
  position: relative;
  transform: translateZ(0) scale(0.2);
  backface-visibility: hidden;
  transform-origin: 0 0; /* see note above */
}
.ldio-j96zx266s5 div { box-sizing: content-box; }

ops-distribution-auto-planning-brenntag-new-component .setting-detail .setting-detail-row span {
    color: #212529;
}
ops-distribution-auto-planning-new-component .main-color {
    color: #16759B !important;
}

ops-distribution-auto-planning-new-component .main-color-bold {
    color: #16759B !important;
    font-weight: bold !important;
}

ops-distribution-auto-planning-new-component .upercase-transform {
    text-transform: uppercase !important;
}

ops-distribution-auto-planning-new-component .color-blueskye {
    color: deepskyblue !important;
    cursor: pointer;
    text-decoration: none;
}

ops-distribution-auto-planning-new-component .color-gray {
    color: gray !important;
    text-decoration: none;
    pointer-events: none;
}

ops-distribution-auto-planning-new-component .color-gray-delete {
    color: #B7C3CE !important;
    cursor: pointer;
    text-decoration: none;
}

ops-distribution-auto-planning-new-component .config-panel-bottom {
    width: -webkit-fill-available;
    height: 60px;
    position: fixed;
    top: calc(100% - 60px);
    background-color: white;
    z-index: 1000;
    display: flex !important;
    flex-direction: row !important;
    flex: 1 !important;
    box-shadow: 0 -1px 10px 0 rgb(172 171 171 / 30%);
}

ops-distribution-auto-planning-new-component .panel-bottom-choose-order {
    background-color: white !important;
    height: 100%;
    width: 273px;
    color: #1E4B7E;
    font-size: 15px;
    font-weight: bold;
    display: flex !important;
    /*flex-direction: row !important;*/
    justify-content: center;
    align-items: center;
    box-shadow: 0 -1px 10px 0 rgb(172 171 171 / 30%);
}

ops-distribution-auto-planning-new-component .order-count {
    background-color: #1E4B7E !important;
    color: white;
    font-size: 15px;
    border-radius: 20px;
    width: 40px !important;
    padding: 8px 0 10px 0px;
    height: 20px;
    margin: 0 10px 0 10px;
    text-align: center;
    display: inline-block;
}

ops-distribution-auto-planning-new-component .center {
    padding-top: 25px;
    padding-left: 15px;
}

ops-distribution-auto-planning-new-component .config-panel {
    position: absolute;
    right: 0;
    top: 200px;
    left: unset !important;
    z-index: 999999;
}

ops-distribution-auto-planning-new-component .config-panel .config-button {
    cursor: pointer;
    position: relative;
    padding: 8px 5px;
    display: inline-block;
    color: #23759b;
}

ops-distribution-auto-planning-new-component .config-panel .config-button>i {
    font-size: 20px;
}

ops-distribution-auto-planning-new-component .config-panel.config-invisible .config-button {
    padding: 5px;
    color: red;
}

ops-distribution-auto-planning-new-component .config-panel.config-invisible .config-button>i {
    font-size: 26px;
}

ops-distribution-auto-planning-new-component .btn-grid-group {
    cursor: pointer;
    color: #333;
    text-decoration: none;
    outline: none;
}

ops-distribution-auto-planning-new-component .command-cell .allcp-form .checkbox.mn {
    width: 20px;
    height: 18px;
    top: 0px !important;
}

ops-distribution-auto-planning-new-component .k-grid tbody tr.k-detail-row:hover {
    background: transparent !important;
}

ops-distribution-auto-planning-new-component .k-grid thead tr {
    height: 34px;
}

ops-distribution-auto-planning-new-component .k-grid thead tr:hover {
    border: none !important;
}

ops-distribution-auto-planning-new-component .choose-vehicle {
    float: right !important;
    padding-right: 100px;
}

ops-distribution-auto-planning-new-component .setting-detail {
    display: flex;
    flex-direction: row;
    flex: 1;
}

ops-distribution-auto-planning-new-component .setting-detail .setting-detail-column {
    flex-direction: column !important;
    flex: 1;
    display: flex;
    padding: 0px 50px 0px 0px;
}

ops-distribution-auto-planning-new-component .setting-detail .setting-detail-row {
    flex-direction: row !important;
    flex: 1;
    display: flex !important;
    align-items: center;
    margin: 5px 0px;
    font-size: medium;
    justify-content: space-between;
    align-items: center;
}

ops-distribution-auto-planning-new-component .setting-detail .setting-detail-font {
    font-size: small;
}

ops-distribution-auto-planning-new-component .setting-detail .setting-detail-row date-picker-control {
    padding-left: 0px !important;
    display: inline !important;
}


#popupConfigLocation .setting-detail {
    display: flex;
    flex-direction: row;
    flex: 1;
}

    #popupConfigLocation .setting-detail .setting-detail-column {
        flex-direction: column !important;
        flex: 1;
        display: flex;
        padding: 0px 50px 0px 0px;
    }

    #popupConfigLocation .setting-detail .setting-detail-row {
        flex-direction: row !important;
        flex: 1;
        display: flex !important;
        align-items: center;
        margin: 5px 0px;
        font-size: medium;
        justify-content: space-between;
        align-items: center;
    }

    #popupConfigLocation .setting-detail .setting-detail-font {
        font-size: small;
    }

    #popupConfigLocation .setting-detail .setting-detail-row date-picker-control {
        padding-left: 0px !important;
        display: inline !important;
    }

#popupConfigLocation input {
    text-indent: 0.8em !important;
    line-height: 1.788;
}

#popupConfigLocation input:required.ng-valid { 
    border: 2px solid black; 
}

#popupConfigLocation input:required.ng-invalid {
    border-color: red;
}

#popupConfigLocation .pd5r {
    padding-top: 6px;
    width: 40px !important;
    text-align: right;
}

ops-distribution-auto-planning-new-component #gridOrderDate>div.k-grid-content.k-auto-scrollable {
    height: calc(100vh - 300px) !important;
}

ops-distribution-auto-planning-new-component #grid-route-ungroup div.k-grid-content.k-auto-scrollable {
    height: calc(100vh - 302px) !important;
}

ops-distribution-auto-planning-new-component #grid-location div.k-grid-content.k-auto-scrollable {
    height: calc(100vh - 370px) !important;
}

ops-distribution-auto-planning-new-component #grid-vehicle div.k-grid-content.k-auto-scrollable {
    height: calc(100vh - 370px) !important;
}

ops-distribution-auto-planning-new-component #grid-vehicle>div>div.k-grid-content.k-auto-scrollable {
    height: calc(100vh - 423px) !important;
}

ops-distribution-auto-planning-new-component #grid-vehicle-vendor div.k-grid-content.k-auto-scrollable {
    height: calc(100vh - 386px) !important;
}

ops-distribution-auto-planning-new-component #grid-result>div.k-grid-content.k-auto-scrollable {
    height: calc(100vh - 382px) !important;
}

ops-distribution-auto-planning-new-component #grid-result > #assigned-grid > .k-grid > .k-grid-content.k-auto-scrollable {
    height: calc(100vh - 382px) !important;
}

/*ops-distribution-auto-planning-new-component #grid-result tr[aria-selected="true"] {
    background-color: #1CBEF8 !important;
    color: white !important;
}*/

ops-distribution-auto-planning-new-component #map-control {
    height: calc(100vh - 230px) !important;
}

ops-distribution-auto-planning-new-component #map-control-vehicle {
    height: calc(100vh - 255px) !important;
}

ops-distribution-auto-planning-new-location-component .marker-position {
    bottom: 2px;
    left: 0;
    position: relative;
}

ops-distribution-auto-planning-new-result-component #map-control {
    height: calc(100vh - 250px) !important;
}

ops-distribution-auto-planning-new-result-component .marker-position {
    bottom: 2px;
    left: 0;
    position: relative;
}

ops-distribution-auto-planning-new-result-component .marker-unschedule {
    bottom: 2px;
    left: 0;
    position: relative;
}

ops-distribution-auto-planning-new-component div.k-splitter {
    height: calc(100vh - 180px) !important;
}

ops-distribution-auto-planning-new-vehicle-component div.k-splitter {
    height: calc(100vh - 240px) !important;
}

ops-distribution-auto-planning-new-component panel-in-splitter {
    width: 50%
}


ops-distribution-auto-planning-new-result-component .drop-label {
    text-align: center;
    display: block;
    margin-top: 10px;
    color: #1E4B7E;
    font-size: large;
    font-weight: 500;
}

ops-distribution-auto-planning-new-result-component #chosen-orders {
    background-color: #1E4B7E;
    color: #FFFFFF;
    border-radius: 30px;
    padding: 5px 10px;
    cursor: pointer;
}

ops-distribution-auto-planning-new-result-component .panel .panel-body {
    overflow: hidden;
}

ops-distribution-auto-planning-new-result-component .k-pane {
    height: 100% !important;
}

ops-distribution-auto-planning-new-result-component div.k-splitter {
    height: calc(100vh - 240px) !important;
}

ops-distribution-auto-planning-new-result-component #grid-unschedule div.k-grid-content.k-auto-scrollable {
    height: calc(100vh - 380px) !important;
}

ops-distribution-auto-planning-new-result-component #grid-unassigned div.k-grid-content.k-auto-scrollable {
    height: calc(100vh - 380px) !important;
}

ops-distribution-auto-planning-new-result-component .panel-bottom-icon-action {
    display: flex;
    flex-grow: 2;
    justify-content: left;
    align-items: center;
    margin-left:20px;
    gap:5px;
}

ops-distribution-auto-planning-new-result-component .panel-bottom-icon-action button-icon-control>button>i {
   /* color: #B7C3CE !important;*/
}

ops-distribution-auto-planning-new-component button-icon-control[size="lg"]>button>i {
    font-size: 40px !important;
}

ops-distribution-auto-planning-new-component button-icon-control[size="md"]>button>i {
    font-size: 25px !important;
}

ops-distribution-auto-planning-new-component button-icon-control[size="xs"]>button>i {
    font-size: 16px !important;
}

ops-distribution-auto-planning-new-result-component .k-chart {
    width: 100%;
}

ops-distribution-auto-planning-new-result-component .chart-wrapper {
    height: calc(100vh - 250px) !important;
    width: 100%;
    overflow: auto;
}
ops-distribution-auto-planning-new-result-component #grid-stats div.k-grid-content.k-auto-scrollable {
   /* height: calc(100vh - 360px) !important;*/
    overflow: auto;
    overflow-x: auto;
    overflow-y: auto;
}

ops-distribution-auto-planning-new-result-component .cusroute {
    border: none;
    background: none;
}

ops-distribution-auto-planning-new-result-component .vis-timeline {
    border: none;
    width: 100%;
    height: 100% !important;
}

ops-distribution-auto-planning-new-result-component .vis-panel.vis-center {
    width: 100%;
    height: 100% !important;
}

ops-distribution-auto-planning-new-result-component .vis-timeline.vis-bottom {
    width: 100%;
    height: 100% !important;
}

ops-distribution-auto-planning-new-result-component .vis-panel.vis-left.vis-vertical-scroll {
    overflow: hidden;
}

ops-distribution-auto-planning-new-result-component .vis-timeline .vis-itemset, .vis-timeline .vis-content {
    height: fit-content;
}

ops-distribution-auto-planning-new-result-component .vis-timeline .vis-axis {
    top: 0 !important;
}

ops-distribution-auto-planning-new-result-component .vis-time-axis.vis-foreground {
    background-color: #e4e4e4;
}

ops-distribution-auto-planning-new-result-component .vis-time-axis.vis-foreground .vis-text {
    line-height: 28px;
}

ops-distribution-auto-planning-new-result-component .vis-time-axis.vis-foreground .vis-text.vis-minor {
    height: 35px;
    border-top: 1px solid #e4e4e4;
    background-color: #fff;
}

ops-distribution-auto-planning-new-result-component .vis-foreground .vis-item, .vis-item {
    margin: 0;
    padding: 0;
    height: 23px;
    width: 20px;
}

ops-distribution-auto-planning-new-result-component .vis-timeline .vis-foreground .vis-item {
    top: 25px !important;
    z-index: 10;
}

    ops-distribution-auto-planning-new-result-component .vis-timeline .vis-foreground .vis-item.line-top {
        top: 50% !important;
        z-index: 5;
    }

.ops-distribution-auto-planning-new-result-component .vis-timeline .vis-foreground .vis-item.vis-range.line-top {
    top: 50% !important;
}

ops-distribution-auto-planning-new-result-component .vis-foreground .vis-item.vis-range {
    border: none;
    border-radius: 0;
}

ops-distribution-auto-planning-new-result-component .vis-label {
    height: 70px !important;
}

ops-distribution-auto-planning-new-result-component .vis-group {
    height: 70px !important;
}

ops-distribution-auto-planning-new-result-component .vis-hide {
    display: none;
}

ops-distribution-auto-planning-new-result-component .vis-foreground .vis-item .vis-item-overflow {
    min-width: fit-content;
    padding: 0;
    background: none;
    color: none;
    /* border: 0.5px solid #808080; */
    border-radius: 10px;
    text-align: center;
}

ops-distribution-auto-planning-new-result-component .vis-foreground .vis-item.station {
    min-width: fit-content;
    padding: 0;
    border-radius: 10px;
    text-align: center;
    font-weight: bolder;
}

ops-distribution-auto-planning-new-result-component .vis-foreground .vis-item .vis-item-overflow .vis-item-content {
    height: fit-content;
    margin: auto;
    padding: 0;
    font-size: 0.75rem;
    color:#007500;
}

ops-distribution-auto-planning-new-result-component .station .vis-item-overflow {
    height: fit-content;
    margin: auto;
    padding: 0;
    font-size: 0.75rem;
    border: none;
    background: none;
    color: #36ac2b;
}

ops-distribution-auto-planning-new-result-component .vis-foreground .vis-item.vis-range .vis-item-content, .vis-item.vis-range .vis-item-content {
    height: 20px;
    width: 100%!important;
}

ops-distribution-auto-planning-new-result-component .vis-foreground .vis-item.vis-selected, .vis-item.vis-selected {
    border: none;
    background: none;
}

ops-distribution-auto-planning-new-result-component .vis-text.vis-major {
    font-weight: bold;
}

ops-distribution-auto-planning-new-result-component .vis-item .cus-event .event-content {
    color: #007500;
    left: 0;
}

ops-distribution-auto-planning-new-result-component .vis-item.station .cus-event .event-content {
    color: black;
    left: 0;
}

ops-distribution-auto-planning-new-result-component .cus-event .event-content.depot {
    color: black;
    left: 0;
    border: none;
    background: none;
}

ops-distribution-auto-planning-new-result-component .vis-inner .info {
    text-align: center;
    width: 230px;
    display: flex;
    flex-flow: row wrap;
}

ops-distribution-auto-planning-new-result-component .vis-inner .info div.header-tag {
    width: fit-content;
    margin: 4px 2px;
}

ops-distribution-auto-planning-new-result-component .vis-inner .info div.body-tag {
    width: fit-content;
    margin: 4px;
}

ops-distribution-auto-planning-new-result-component .vis-inner .info div.body-tag img {
    padding: 4px 4px;
}

ops-distribution-auto-planning-new-result-component .vis-inner .info .check {
    width: 16px;
    margin: auto 0;
    margin-right: 4px;
    padding: 1px;
    accent-color: #007500;
}

ops-distribution-auto-planning-new-result-component .vis-inner .info .header-tag {
    display: flex;
    margin: 0px;
}

ops-distribution-auto-planning-new-result-component .vis-inner .info .body-tag {
    display: flex;
    margin: 0px;
}

ops-distribution-auto-planning-new-result-component .vis-inner .info .code {
    width: 110px;
    max-width: 110px;
    background: #f5f5f5;
    border: 1px solid #d9d9d9;
    text-align: center;
    margin: 0 2px;
    max-height: 27px;
}

ops-distribution-auto-planning-new-result-component .vis-inner .info .code span {
    max-width: 110px;
    font-size: 0.6vw;
}

ops-distribution-auto-planning-new-result-component .vis-inner .info .code span svg {
    width: 20px;
    height: 20px;
    vertical-align: bottom;
}

ops-distribution-auto-planning-new-result-component .vis-inner .change-vehicle {
    border: none;
    width: 23px;
    margin: 0px;
    padding: 0px;
    background: transparent;
}

ops-distribution-auto-planning-new-result-component .vis-inner .change-vehicle svg {
    width: 20px;
    height: 20px;
    vertical-align: bottom;
}

ops-distribution-auto-planning-new-result-component .vis-inner .icon {
    width: 12px;
}

ops-distribution-auto-planning-new-result-component .vis-inner .capacity {
    width: 24px;
    text-align: left;
    padding-top: 5px;
}

ops-distribution-auto-planning-new-result-component .vis-inner .transferRatio {
    width: 52px;
    text-align: left;
    padding-top: 5px;
}

ops-distribution-auto-planning-new-result-component .vis-inner .distance {
    width: 68px;
    text-align: left;
    padding-top: 5px;
}

ops-distribution-auto-planning-new-result-component .btn-action-bottom {
    padding-right: 5px;
}

ops-distribution-auto-planning-new-result-component .line-content {
    height: 100%;
    width: 100%;
    border-top: 2px solid #000; /* Màu và chiều dày của đường kẻ ngang */
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative; /* Thêm thuộc tính position */
}

/* Thêm quy tắc CSS để điều chỉnh vị trí */
    ops-distribution-auto-planning-new-result-component .line-content::before {
        content: "";
        position: absolute;
        top: 50%; /* Đưa đường kẻ ngang về giữa dòng */
        left: 0;
        right: 0;
        border-top: 1px solid #000; /* Màu và chiều dày của đường kẻ ngang */
    }

ops-distribution-auto-planning-new-result-component #timeline-veh-gop-header .vis-panel.vis-top {
    z-index: 100;
}

ops-distribution-auto-planning-new-component button.step-trigger {
    padding: 8px!important;
}

ops-distribution-auto-planning-new-component span.bs-stepper-label {
    font-size: 16px;
}

ops-distribution-auto-planning-new-component span.bs-stepper-circle {
    width: 30px;
    height: 30px;
    font-size: 18px;
    line-height: 30px;
}
ops-distribution-auto-tender-component .main-color {
    color: #16759B !important;
}

ops-distribution-auto-tender-component .main-color-bold {
    color: #16759B !important;
    font-weight: bold !important;
}

ops-distribution-auto-tender-component .upercase-transform {
    text-transform: uppercase !important;
}

ops-distribution-auto-tender-component .color-blueskye {
    color: deepskyblue !important;
    cursor: pointer;
    text-decoration: none;
}

ops-distribution-auto-tender-component .color-gray {
    color: gray !important;
    text-decoration: none;
    pointer-events: none;
}

ops-distribution-auto-tender-component .color-gray-delete {
    color: #B7C3CE !important;
    cursor: pointer;
    text-decoration: none;
}

ops-distribution-auto-tender-component .panel-bottom-choose-order {
    background-color: #587B99 !important;
    height: 100%;
    width: 273px;
    color: white;
    font-size: 15px;
    font-weight: bold;
    display: flex !important;
    /*flex-direction: row !important;*/
    justify-content: center;
    align-items: center;
}

ops-distribution-auto-tender-component .order-count {
    background-color: #48BA52 !important;
    color: white;
    font-size: 15px;
    border-radius: 20px;
    width: 50px !important;
    padding: 8px 0 10px 0px;
    height: 22px;
    margin: 0 10px 0 10px;
    text-align: center;
    display: inline-block;
}

ops-distribution-auto-tender-component .center {
    padding-top: 25px;
    padding-left: 15px;
}

ops-distribution-auto-tender-component .config-panel {
    position: absolute;
    right: 0;
    top: 200px;
    left: unset !important;
    z-index: 999999;
}

    ops-distribution-auto-tender-component .config-panel mega-filter {
        display: inline-block;
        opacity: 1;
    }

    ops-distribution-auto-tender-component .config-panel .config-button {
        cursor: pointer;
        position: relative;
        padding: 8px 5px;
        display: inline-block;
        color: #23759b;
    }

        ops-distribution-auto-tender-component .config-panel .config-button > i {
            font-size: 20px;
        }

    ops-distribution-auto-tender-component .config-panel.config-invisible mega-filter {
        display: none;
        opacity: 0;
        transition: all 2s ease;
    }

    ops-distribution-auto-tender-component .config-panel.config-invisible .config-button {
        padding: 5px;
        color: red;
    }

        ops-distribution-auto-tender-component .config-panel.config-invisible .config-button > i {
            font-size: 26px;
        }

ops-distribution-auto-tender-component .btn-grid-group {
    cursor: pointer;
    color: #333;
    text-decoration: none;
    outline: none;
}

ops-distribution-auto-tender-component .command-cell .allcp-form .checkbox.mn {
    width: 20px;
    height: 18px;
    top: 0px !important;
}

ops-distribution-auto-tender-component .k-grid tbody tr.k-detail-row:hover {
    background: transparent !important;
}

ops-distribution-auto-tender-component .k-grid thead tr {
    height: 34px;
}

    ops-distribution-auto-tender-component .k-grid thead tr:hover {
        border: none !important;
    }

ops-distribution-auto-tender-component i.icon-tms-ops-huydonhang {
    color: #FF4E50 !important;
}

ops-distribution-auto-tender-component i.icon-tms-ops-tradonhang {
    color: #FFB853 !important;
}

.sb-r-c.onload-check ops-distribution-auto-tender-component .config-panel-bottom {
    width: calc(100% - 256px);
    height: 70px;
    position: fixed;
    top: calc(100% - 70px);
    background-color: #4C6A84;
    z-index: 1000;
    display: flex !important;
    flex-direction: row !important;
    flex: 1 !important;
}

.sb-r-c.onload-check.sb-l-c ops-distribution-auto-tender-component .config-panel-bottom {
    width: 100%;
    height: 70px;
    position: fixed;
    top: calc(100% - 70px);
    background-color: #4C6A84;
    z-index: 1000;
    user-select: none;
    display: flex !important;
    flex-direction: row !important;
    flex: 1 !important;
}


ops-distribution-auto-tender-component .choose-vehicle {
    float: right !important;
    padding-right: 100px;
}

ops-distribution-auto-tender-component #grid-route tbody > tr.k-master-row.ng-scope.k-state-selected {
    background-color: #1CBEF8 !important;
    color: white !important;
    border: #1CBEF8 !important;
}

    ops-distribution-auto-tender-component #grid-route tbody > tr.k-master-row.ng-scope.k-state-selected .k-icon {
        color: white !important;
    }

ops-distribution-auto-tender-component .setting-detail {
    display: flex;
    flex-direction: row;
    flex: 1;
}

    ops-distribution-auto-tender-component .setting-detail .setting-detail-column {
        flex-direction: column !important;
        flex: 1;
        display: flex;
        padding: 0px 50px 0px 0px;
    }

    ops-distribution-auto-tender-component .setting-detail .setting-detail-row {
        flex-direction: row !important;
        flex: 1;
        display: flex !important;
        align-items: center;
        margin: 5px 0px;
        font-size: medium;
        justify-content: space-between;
        align-items: center;
    }

    ops-distribution-auto-tender-component .setting-detail .setting-detail-font {
        font-size: small;
    }

    ops-distribution-auto-tender-component .setting-detail .setting-detail-row date-picker-control {
        padding-left: 0px !important;
        display: inline !important;
    }

ops-distribution-auto-tender-component .step-order.show-config-bottom #grid-province div.k-grid-content.k-auto-scrollable {
    height: calc(100vh - 471px) !important;
}
ops-distribution-auto-tender-component .step-order.show-config-bottom #grid-config div.k-grid-content.k-auto-scrollable {
    height: calc(100vh - 321px) !important;
}

ops-distribution-auto-tender-component .step-order.show-config-bottom #grid-result > div.k-grid-content.k-auto-scrollable {
    height: calc(100vh - 355px) !important;
}

ops-distribution-auto-tender-component .step-order.show-config-bottom #grid-vehicle-vendor div.k-grid-content.k-auto-scrollable {
    height: calc(100vh - 386px) !important;
}

ops-distribution-auto-tender-component #grid-result tr[aria-selected="true"] {
    background-color: #1CBEF8 !important;
    color: white !important;
}


ops-distribution-auto-tender-component .step-order.show-config-bottom #grid-unassign div.k-grid-content.k-auto-scrollable {
    height: calc(100vh - 360px) !important;
}

ops-distribution-auto-tender-component .step-order.show-config-bottom #map-control {
    height: calc(100vh - 190px) !important;
}

ops-distribution-auto-tender-component .step-order.show-config-bottom #map-control-result {
    height: calc(100vh - 190px) !important;
}

ops-distribution-auto-tender-component .text-white span.tms-label {
    color: white !important;
    margin-right: 5px !important;
}

ops-distribution-auto-tender-component .text-white.center-config-bottom md-checkbox {
    margin-top: 15px;
}

ops-distribution-auto-tender-component .panel-bottom-icon-action {
    display: flex;
    flex-grow: 2;
    justify-content: center;
    align-items: center;
}

    ops-distribution-auto-tender-component .panel-bottom-icon-action button-icon-control > button > i {
        /*color: #B7C3CE !important;*/
    }

ops-distribution-auto-tender-component button-icon-control[size="lg"] > button > i {
    font-size: 40px !important;
}

ops-distribution-auto-tender-component button-icon-control[size="md"] > button > i {
    font-size: 25px !important;
}

ops-distribution-auto-tender-component button-icon-control[size="xs"] > button > i {
    font-size: 16px !important;
}

ops-distribution-auto-tender-component .border-result {
    font-size: large !important;
    line-height: 30px;
    margin-top: 20px;
    border: 1px #A9C9D5;
}
ops-distribution-auto-tender-component .k-grid-header th.k-header {
    font-size: 14px !important;
    padding: 5px 8px !important; 
}

ops-distribution-auto-tender-new-component .main-color {
    color: #16759B !important;
}

ops-distribution-auto-tender-new-component .main-color-bold {
    color: #16759B !important;
    font-weight: bold !important;
}

ops-distribution-auto-tender-new-component .upercase-transform {
    text-transform: uppercase !important;
}

ops-distribution-auto-tender-new-component .color-blueskye {
    color: deepskyblue !important;
    cursor: pointer;
    text-decoration: none;
}

ops-distribution-auto-tender-new-component .color-gray {
    color: gray !important;
    text-decoration: none;
    pointer-events: none;
}

ops-distribution-auto-tender-new-component .color-gray-delete {
    color: #B7C3CE !important;
    cursor: pointer;
    text-decoration: none;
}

ops-distribution-auto-tender-new-component .panel-bottom-choose-order {
    background-color: #587B99 !important;
    height: 100%;
    width: 273px;
    color: white;
    font-size: 15px;
    font-weight: bold;
    display: flex !important;
    /*flex-direction: row !important;*/
    justify-content: center;
    align-items: center;
}

ops-distribution-auto-tender-new-component .order-count {
    background-color: #48BA52 !important;
    color: white;
    font-size: 15px;
    border-radius: 20px;
    width: 50px !important;
    padding: 8px 0 10px 0px;
    height: 22px;
    margin: 0 10px 0 10px;
    text-align: center;
    display: inline-block;
}

ops-distribution-auto-tender-new-component .center {
    padding-top: 25px;
    padding-left: 15px;
}

ops-distribution-auto-tender-new-component .config-panel {
    position: absolute;
    right: 0;
    top: 200px;
    left: unset !important;
    z-index: 999999;
}

    ops-distribution-auto-tender-new-component .config-panel mega-filter {
        display: inline-block;
        opacity: 1;
    }

    ops-distribution-auto-tender-new-component .config-panel .config-button {
        cursor: pointer;
        position: relative;
        padding: 8px 5px;
        display: inline-block;
        color: #23759b;
    }

        ops-distribution-auto-tender-new-component .config-panel .config-button > i {
            font-size: 20px;
        }

    ops-distribution-auto-tender-new-component .config-panel.config-invisible mega-filter {
        display: none;
        opacity: 0;
        transition: all 2s ease;
    }

    ops-distribution-auto-tender-new-component .config-panel.config-invisible .config-button {
        padding: 5px;
        color: red;
    }

        ops-distribution-auto-tender-new-component .config-panel.config-invisible .config-button > i {
            font-size: 26px;
        }

ops-distribution-auto-tender-new-component .btn-grid-group {
    cursor: pointer;
    color: #333;
    text-decoration: none;
    outline: none;
}

ops-distribution-auto-tender-new-component .command-cell .allcp-form .checkbox.mn {
    width: 20px;
    height: 18px;
    top: 0px !important;
}

ops-distribution-auto-tender-new-component .k-grid tbody tr.k-detail-row:hover {
    background: transparent !important;
}

ops-distribution-auto-tender-new-component .k-grid thead tr {
    height: 34px;
}

    ops-distribution-auto-tender-new-component .k-grid thead tr:hover {
        border: none !important;
    }

ops-distribution-auto-tender-new-component i.icon-tms-ops-huydonhang {
    color: #FF4E50 !important;
}

ops-distribution-auto-tender-new-component i.icon-tms-ops-tradonhang {
    color: #FFB853 !important;
}

.sb-r-c.onload-check ops-distribution-auto-tender-new-component .config-panel-bottom {
    width: calc(100% - 256px);
    height: 70px;
    position: fixed;
    top: calc(100% - 70px);
    background-color: #4C6A84;
    z-index: 1000;
    display: flex !important;
    flex-direction: row !important;
    flex: 1 !important;
}

.sb-r-c.onload-check.sb-l-c ops-distribution-auto-tender-new-component .config-panel-bottom {
    width: 100%;
    height: 70px;
    position: fixed;
    top: calc(100% - 70px);
    background-color: #4C6A84;
    z-index: 1000;
    user-select: none;
    display: flex !important;
    flex-direction: row !important;
    flex: 1 !important;
}


ops-distribution-auto-tender-new-component .choose-vehicle {
    float: right !important;
    padding-right: 100px;
}

ops-distribution-auto-tender-new-component #grid-order tbody > tr.k-master-row.ng-scope.k-state-selected {
    background-color: #1CBEF8 !important;
    color: white !important;
    border: #1CBEF8 !important;
}

    ops-distribution-auto-tender-new-component #grid-order tbody > tr.k-master-row.ng-scope.k-state-selected .k-icon {
        color: white !important;
    }

ops-distribution-auto-tender-new-component .setting-detail {
    display: flex;
    flex-direction: row;
    flex: 1;
}

    ops-distribution-auto-tender-new-component .setting-detail .setting-detail-column {
        flex-direction: column !important;
        flex: 1;
        display: flex;
        padding: 0px 50px 0px 0px;
    }

    ops-distribution-auto-tender-new-component .setting-detail .setting-detail-row {
        flex-direction: row !important;
        flex: 1;
        display: flex !important;
        align-items: center;
        margin: 5px 0px;
        font-size: medium;
        justify-content: space-between;
        align-items: center;
    }

    ops-distribution-auto-tender-new-component .setting-detail .setting-detail-font {
        font-size: small;
    }

    ops-distribution-auto-tender-new-component .setting-detail .setting-detail-row date-picker-control {
        padding-left: 0px !important;
        display: inline !important;
    }

ops-distribution-auto-tender-new-component .step-order.show-config-bottom #grid-order div.k-grid-content.k-auto-scrollable {
    height: calc(100vh - 321px) !important;
}

ops-distribution-auto-tender-new-component .step-order.show-config-bottom #grid-config div.k-grid-content.k-auto-scrollable {
    height: calc(100vh - 321px) !important;
}

ops-distribution-auto-tender-new-component .step-order.show-config-bottom #grid-result > div.k-grid-content.k-auto-scrollable {
    height: calc(100vh - 360px) !important;
}

ops-distribution-auto-tender-new-component .step-order.show-config-bottom #grid-vehicle-vendor div.k-grid-content.k-auto-scrollable {
    height: calc(100vh - 386px) !important;
}

ops-distribution-auto-tender-new-component #grid-result tr[aria-selected="true"] {
    background-color: #1CBEF8 !important;
    color: white !important;
}


ops-distribution-auto-tender-new-component .step-order.show-config-bottom #grid-unassign div.k-grid-content.k-auto-scrollable {
    height: calc(100vh - 360px) !important;
}

ops-distribution-auto-tender-new-component .step-order.show-config-bottom #map-control {
    height: calc(100vh - 190px) !important;
}

ops-distribution-auto-tender-new-component .step-order.show-config-bottom #map-control-result {
    height: calc(100vh - 190px) !important;
}

ops-distribution-auto-tender-new-component .text-white span.tms-label {
    color: white !important;
    margin-right: 5px !important;
}

ops-distribution-auto-tender-new-component .text-white.center-config-bottom md-checkbox {
    margin-top: 15px;
}

ops-distribution-auto-tender-new-component .panel-bottom-icon-action {
    display: flex;
    flex-grow: 2;
    justify-content: center;
    align-items: center;
}

    ops-distribution-auto-tender-new-component .panel-bottom-icon-action button-icon-control > button > i {
        /*color: #B7C3CE !important;*/
    }

ops-distribution-auto-tender-new-component button-icon-control[size="lg"] > button > i {
    font-size: 40px !important;
}

ops-distribution-auto-tender-new-component button-icon-control[size="md"] > button > i {
    font-size: 25px !important;
}

ops-distribution-auto-tender-new-component button-icon-control[size="xs"] > button > i {
    font-size: 16px !important;
}

ops-distribution-auto-tender-new-component .border-result {
    font-size: large !important;
    line-height: 30px;
    margin-top: 20px;
    border: 1px #A9C9D5;
}
ops-distribution-auto-tender-new-component .k-grid-header th.k-header {
    font-size: 14px !important;
    padding: 5px 8px !important; 
}

ops-distribution-monitor-vendor-order-component .status-bar {
    width: 100%;
    display: block;
    position: relative;
    color: #5a6877;
    text-decoration: none;
    font-size: 13px;
}

ops-distribution-monitor-vendor-order-component .status-bar-item {
    cursor: pointer;
    position: absolute;
    top: -8px;
}

    ops-distribution-monitor-vendor-order-component .status-bar-item.with-border {
        border: 1px solid #fff;
        box-sizing: border-box;
        border-bottom: none;
        border-top: none;
        border-left: none;
    }

ops-distribution-monitor-vendor-order-component .status-bar .status {
    height: 15px;
    border-radius: 12px;
}

    ops-distribution-monitor-vendor-order-component .status-bar .status.nottrip {
        background-color: #1CBEF8;
    }

    ops-distribution-monitor-vendor-order-component .status-bar .status.hastrip {
        background-color: #F7B20C;
    }
ops-distribution-view5-component .highlight {
    background-color: rgba(0, 127, 255, 0.45);
}

ops-master-visual-component .main-color {
    color: #16759B !important;
}

ops-master-visual-component .main-color-bold {
    color: #16759B !important;
    font-weight: bold !important;
}

ops-master-visual-component .upercase-transform {
    text-transform: uppercase !important;
}

ops-master-visual-component .color-blueskye {
    color: deepskyblue !important;
    cursor: pointer;
    text-decoration: none;
}

ops-master-visual-component .color-gray {
    color: gray !important;
    text-decoration: none;
    pointer-events: none;
}

ops-master-visual-component .color-gray-delete {
    color: #B7C3CE !important;
    cursor: pointer;
    text-decoration: none;
}

ops-master-visual-component .config-panel-bottom {
    width: calc(100% - 256px);
    height: 60px;
    position: fixed;
    top: calc(100% - 60px);
    background-color: white;
    z-index: 1000;
    display: flex !important;
    flex-direction: row !important;
    flex: 1 !important;
    box-shadow: 0 -1px 10px 0 rgb(172 171 171 / 30%);
    display: flex;
    justify-content: flex-end;
    flex: 2;
    align-items: center;
}

ops-master-visual-component .panel-bottom-choose-order {
    background-color: white !important;
    height: 100%;
    width: 273px;
    color: #1E4B7E;
    font-size: 15px;
    font-weight: bold;
    display: flex !important;
    justify-content: center;
    align-items: center;
    box-shadow: 0 -1px 10px 0 rgb(172 171 171 / 30%);
}

ops-master-visual-component .order-count {
    background-color: #1E4B7E !important;
    color: white;
    font-size: 15px;
    border-radius: 20px;
    width: 40px !important;
    padding: 8px 0 10px 0px;
    height: 20px;
    margin: 0 10px 0 10px;
    text-align: center;
    display: inline-block;
}

ops-master-visual-component .center {
    padding-top: 25px;
    padding-left: 15px;
}

ops-master-visual-component .config-panel {
    position: absolute;
    right: 0;
    top: 200px;
    left: unset !important;
    z-index: 999999;
}

ops-master-visual-component .config-panel .config-button {
    cursor: pointer;
    position: relative;
    padding: 8px 5px;
    display: inline-block;
    color: #23759b;
}

ops-master-visual-component .config-panel .config-button>i {
    font-size: 20px;
}

ops-master-visual-component .config-panel.config-invisible .config-button {
    padding: 5px;
    color: red;
}

ops-master-visual-component .config-panel.config-invisible .config-button>i {
    font-size: 26px;
}

ops-master-visual-component .btn-grid-group {
    cursor: pointer;
    color: #333;
    text-decoration: none;
    outline: none;
}

ops-master-visual-component .command-cell .allcp-form .checkbox.mn {
    width: 20px;
    height: 18px;
    top: 0px !important;
}

ops-master-visual-component .k-grid tbody tr.k-detail-row:hover {
    background: transparent !important;
}

ops-master-visual-component .k-grid thead tr {
    height: 34px;
}

ops-master-visual-component .k-grid thead tr:hover {
    border: none !important;
}

ops-master-visual-component .choose-vehicle {
    float: right !important;
    padding-right: 100px;
}

ops-master-visual-component .setting-detail {
    display: flex;
    flex-direction: row;
    flex: 1;
}

ops-master-visual-component .setting-detail .setting-detail-column {
    flex-direction: column !important;
    flex: 1;
    display: flex;
    padding: 0px 50px 0px 0px;
}

ops-master-visual-component .setting-detail .setting-detail-row {
    flex-direction: row !important;
    flex: 1;
    display: flex !important;
    align-items: center;
    margin: 5px 0px;
    font-size: medium;
    justify-content: space-between;
    align-items: center;
}

ops-master-visual-component .setting-detail .setting-detail-font {
    font-size: small;
}

ops-master-visual-component .setting-detail .setting-detail-row date-picker-control {
    padding-left: 0px !important;
    display: inline !important;
}


#popupConfigLocation .setting-detail {
    display: flex;
    flex-direction: row;
    flex: 1;
}

    #popupConfigLocation .setting-detail .setting-detail-column {
        flex-direction: column !important;
        flex: 1;
        display: flex;
        padding: 0px 50px 0px 0px;
    }

    #popupConfigLocation .setting-detail .setting-detail-row {
        flex-direction: row !important;
        flex: 1;
        display: flex !important;
        align-items: center;
        margin: 5px 0px;
        font-size: medium;
        justify-content: space-between;
        align-items: center;
    }

    #popupConfigLocation .setting-detail .setting-detail-font {
        font-size: small;
    }

    #popupConfigLocation .setting-detail .setting-detail-row date-picker-control {
        padding-left: 0px !important;
        display: inline !important;
    }

#popupConfigLocation input {
    text-indent: 0.8em !important;
    line-height: 1.788;
}

#popupConfigLocation input:required.ng-valid { 
    border: 2px solid black; 
}

#popupConfigLocation input:required.ng-invalid {
    border-color: red;
}

#popupConfigLocation .pd5r {
    padding-top: 6px;
    width: 40px !important;
    text-align: right;
}

ops-master-visual-component #grid-result>div.k-grid-content.k-auto-scrollable {
    height: calc(100vh - 260px) !important;
}

ops-master-visual-component .k-grid-header th.k-header {
    vertical-align: middle !important;
}

ops-master-visual-component #grid-result tr[aria-selected="true"] {
    background-color: #1CBEF8 !important;
    color: white !important;
}

ops-master-visual-component #map-control {
    height: calc(100vh - 130px) !important;
}

ops-distribution-auto-planning-new-location-component .marker-position {
    bottom: 2px;
    left: 0;
    position: relative;
}

ops-master-visual-component .marker-position {
    bottom: 2px;
    left: 0;
    position: relative;
}

ops-master-visual-component .marker-unschedule {
    bottom: 2px;
    left: 0;
    position: relative;
}

ops-master-visual-component div.k-splitter {
    height: calc(100vh - 180px) !important;
}

ops-master-visual-component panel-in-splitter {
    width: 50%
}


ops-master-visual-component .drop-label {
    text-align: center;
    display: block;
    margin-top: 10px;
    color: #1E4B7E;
    font-size: large;
    font-weight: 500;
}

ops-master-visual-component #chosen-orders {
    background-color: #1E4B7E;
    color: #FFFFFF;
    border-radius: 30px;
    padding: 5px 10px;
    cursor: pointer;
}

ops-master-visual-component .panel .panel-body {
    overflow: hidden;
}

ops-master-visual-component .k-pane {
    height: 100% !important;
}

ops-master-visual-component div.k-splitter {
    height: calc(100vh - 120px) !important;
}

ops-master-visual-component .panel-bottom-icon-action {
    display: flex;
    flex-grow: 2;
    justify-content: center;
    align-items: center;
}

ops-master-visual-component .panel-bottom-icon-action button-icon-control>button>i {
    color: #B7C3CE !important;
}

ops-master-visual-component button-icon-control[size="lg"]>button>i {
    font-size: 40px !important;
}

ops-master-visual-component button-icon-control[size="md"]>button>i {
    font-size: 25px !important;
}

ops-master-visual-component button-icon-control[size="xs"]>button>i {
    font-size: 16px !important;
}

ops-master-visual-component .k-chart {
    width: 100%;
}

ops-master-visual-component .chart-wrapper {
    width: 100%;
    overflow: auto;
}

ops-master-visual-component #btnTripList {
    padding-right: 10px
}

ops-master-visual-component #btnConfigDisplay {
    padding-right: 10px
}

ops-master-visual-component #btnDeleteTrip {
    padding-right: 10px;
}

ops-master-visual-component #btnUnapproveTrip {
    padding-right: 10px;
}

ops-master-visual-component #btnApproveTrip {
    padding-right: 10px;
}
ord-auto-packing-order-component .main-color {
    color: #1E4B7E !important;
}

ord-auto-packing-order-component .main-color-bold {
    color: #1E4B7E !important;
    font-weight: bold !important;
}

ord-auto-packing-order-component .upercase-transform {
    text-transform: uppercase !important;
}

ord-auto-packing-order-component .color-blueskye {
    color: deepskyblue !important;
    cursor: pointer;
    text-decoration: none;
}

ord-auto-packing-order-component .color-gray {
    color: gray !important;
    text-decoration: none;
    pointer-events: none;
}

ord-auto-packing-order-component .color-gray-delete {
    color: #B7C3CE !important;
    cursor: pointer;
    text-decoration: none;
}

ord-auto-packing-order-component .panel-bottom-choose-order {
    background-color: #587B99 !important;
    height: 100%;
    width: 273px;
    color: white;
    font-size: 15px;
    font-weight: bold;
    display: flex !important;
    flex-direction: row !important;
    justify-content: center;
    align-items: center;
}

ord-auto-packing-order-component .order-count {
    background-color: #48BA52 !important;
    color: white;
    font-size: 15px;
    border-radius: 20px;
    width: 40px !important;
    padding: 8px 0 10px 0px;
    height: 20px;
    margin: 0 10px 0 10px;
    text-align: center;
    display: inline-block;
}

ord-auto-packing-order-component .center {
    padding-top: 25px;
    padding-left: 15px;
}

ord-auto-packing-order-component .config-panel {
    position: absolute;
    right: 0;
    top: 200px;
    left: unset !important;
    z-index: 999999;
}

    ord-auto-packing-order-component .config-panel mega-filter {
        display: inline-block;
        opacity: 1;
    }

    ord-auto-packing-order-component .config-panel .config-button {
        cursor: pointer;
        position: relative;
        padding: 8px 5px;
        display: inline-block;
        color: #23759b;
    }

        ord-auto-packing-order-component .config-panel .config-button > i {
            font-size: 20px;
        }

    ord-auto-packing-order-component .config-panel.config-invisible mega-filter {
        display: none;
        opacity: 0;
        transition: all 2s ease;
    }

    ord-auto-packing-order-component .config-panel.config-invisible .config-button {
        padding: 5px;
        color: red;
    }

        ord-auto-packing-order-component .config-panel.config-invisible .config-button > i {
            font-size: 26px;
        }

ord-auto-packing-order-component .btn-grid-group {
    cursor: pointer;
    color: #333;
    text-decoration: none;
    outline: none;
}

ord-auto-packing-order-component .command-cell .allcp-form .checkbox.mn {
    width: 20px;
    height: 18px;
    top: 0px !important;
}

ord-auto-packing-order-component .k-grid tbody tr.k-detail-row:hover {
    background: transparent !important;
}

ord-auto-packing-order-component .k-grid thead tr {
    height: 34px;
}

    ord-auto-packing-order-component .k-grid thead tr:hover {
        border: none !important;
    }

ord-auto-packing-order-component i.icon-tms-ops-huydonhang {
    color: #FF4E50 !important;
}

ord-auto-packing-order-component i.icon-tms-ops-tradonhang {
    color: #FFB853 !important;
}

.sb-r-c.onload-check ord-auto-packing-order-component .config-panel-bottom {
    width: calc(100% - 256px);
    height: 70px;
    position: fixed;
    top: calc(100% - 70px);
    background-color: #4C6A84;
    z-index: 1000;
    display: flex !important;
    flex-direction: row !important;
    flex: 1 !important;
}

.sb-r-c.onload-check.sb-l-c ord-auto-packing-order-component .config-panel-bottom {
    width: 100%;
    height: 70px;
    position: fixed;
    top: calc(100% - 70px);
    background-color: #4C6A84;
    z-index: 1000;
    user-select: none;
    display: flex !important;
    flex-direction: row !important;
    flex: 1 !important;
}


ord-auto-packing-order-component .choose-vehicle {
    float: right !important;
    padding-right: 100px;
}

ord-auto-packing-order-component #grid-route tbody > tr.k-master-row.ng-scope.k-state-selected {
    background-color: #1CBEF8 !important;
    color: white !important;
    border: #1CBEF8 !important;
}

    ord-auto-packing-order-component #grid-route tbody > tr.k-master-row.ng-scope.k-state-selected .k-icon {
        color: white !important;
    }

ord-auto-packing-order-component .setting-detail {
    display: flex;
    flex-direction: row;
    flex: 1;
}

    ord-auto-packing-order-component .setting-detail .setting-detail-column {
        flex-direction: column !important;
        flex: 1;
        display: flex;
        padding: 0px 50px 0px 0px;
    }

    ord-auto-packing-order-component .setting-detail .setting-detail-row {
        flex-direction: row !important;
        flex: 1;
        display: flex !important;
        align-items: center;
        margin: 5px 0px;
        font-size: medium;
        justify-content: space-between;
        align-items: center;
    }

    ord-auto-packing-order-component .setting-detail .setting-detail-font {
        font-size: small;
    }

    ord-auto-packing-order-component .setting-detail .setting-detail-row date-picker-control {
        padding-left: 0px !important;
        display: inline !important;
    }

ord-auto-packing-order-component .step-order.show-config-bottom #grid-route > div.k-grid-content.k-auto-scrollable {
    height: calc(100vh - 305px) !important;
}

ord-auto-packing-order-component .step-order.show-config-bottom #grid-vehicle > div > div.k-grid-content.k-auto-scrollable {
    height: calc(100vh - 345px) !important;
}

ord-auto-packing-order-component .step-order.show-config-bottom #grid-vehicle-vendor > div > div.k-grid-content.k-auto-scrollable {
    height: calc(100vh - 385px) !important;
}

ord-auto-packing-order-component .step-order.show-config-bottom #grid-result > div.k-grid-content.k-auto-scrollable {
    height: calc(100vh - 305px) !important;
}

ord-auto-packing-order-component grid-control .k-grid .k-grid-content {
    height: calc(100vh - 320px) !important;
}

ord-auto-packing-order-component .step-order.show-config-bottom #grid-unassign div.k-grid-content.k-auto-scrollable {
    height: calc(100vh - 360px) !important;
}

ord-auto-packing-order-component .step-order.show-config-bottom #map-control {
    height: calc(100vh - 190px) !important;
}

ord-auto-packing-order-component .step-order.show-config-bottom #map-control-result {
    height: calc(100vh - 190px) !important;
}

ord-auto-packing-order-component panel-index-body date-picker-control input {
    text-indent: 0 !important;
}

ord-auto-packing-order-component .text-white span.tms-label {
    color: white !important;
    margin-right: 5px !important;
}

ord-auto-packing-order-component .text-white.center-config-bottom md-checkbox {
    margin-top: 15px;
}


ord-auto-packing-order-component .panel-bottom-icon-action button-icon-control > button > i {
    color: #FFFFFF !important;
}

ord-auto-packing-order-component #tabVehicleId .k-grid-content.k-auto-scrollable {
    height: calc(100vh - 345px) !important;
}

ord-auto-packing-order-component button-icon-control[size="lg"] > button > i {
    font-size: 40px !important;
}

ord-auto-packing-order-component button-icon-control[size="md"] > button > i {
    font-size: 25px !important;
}

ord-auto-packing-order-component button-icon-control[size="xs"] > button > i {
    font-size: 16px !important;
}

ord-auto-packing-order-component .border-result {
    font-size: large !important;
    line-height: 30px;
    margin-top: 20px;
    border: 1px #A9C9D5;
}

ord-auto-packing-order-component .k-grid-header th.k-header {
    font-size: 14px !important;
    padding: 5px 8px !important;
}

ord-auto-packing-order-component .k-grid-content {
    height: 560px !important;
}

ord-onemount-index-component .status-bar {
    width: 100%;
    display: block;
    position: relative;
    color: #5a6877;
    text-decoration: none;
    font-size: 13px;
}

ord-onemount-index-component .status-bar-item {
    cursor: pointer;
    position: absolute;
    top: -8px;
}

    ord-onemount-index-component .status-bar-item.with-border {
        border: 1px solid #fff;
        box-sizing: border-box;
        border-bottom: none;
        border-top: none;
        border-left: none;
    }

ord-onemount-index-component .status-bar .status {
    height: 15px;
    border-radius: 12px;
}

    ord-onemount-index-component .status-bar .status.new {
        background-color: #d3d5d6;
    }

    ord-onemount-index-component .status-bar .status.cancel {
        background-color: #ff0000;
    }

    ord-onemount-index-component .status-bar .status.planning {
        background-color: #1CBEF8;
    }

    ord-onemount-index-component .status-bar .status.approved {
        background-color: #F7B20C;
    }

    ord-onemount-index-component .status-bar .status.tendered {
        background-color: #0026ff;
    }

    ord-onemount-index-component .status-bar .status.delivery {
        background-color: #48BA52;
    }

    ord-onemount-index-component .status-bar .status.received {
        background-color: #678BFB;
    }

    ord-onemount-index-component .status-bar .status.podreceived {
        background-color: #B365DA;
    }

ord-order-dashboard-index-component .widget-area {
    height: 175px;
    overflow: hidden;
    display: inline-block;
    padding: 0px 5px;
    width: calc(100% - 10px);
}

    ord-order-dashboard-index-component .widget-area .widget-item {
        width: calc(100% - 120px);
        padding-left: 18px;
        height: 100%;
        overflow: hidden;
        display: inline-block;
    }

ord-order-dashboard-chart-dock-management-component .widget-area {
    height: 175px;
    overflow: hidden;
    display: inline-block;
    padding: 0px 5px;
    width: calc(100% - 10px);
}

    ord-order-dashboard-chart-dock-management-component .widget-area .widget-item {
        width: calc(100% - 120px);
        padding-left: 18px;
        height: 100%;
        overflow: hidden;
        display: inline-block;
    }

ord-order-detail-component panelbar-control .tms-title {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    text-transform: none !important;
    font-size: 17px;
    line-height: 1.5;
}

ord-order-detail-component .p0 {
    padding: 0 !important;
}

ord-order-detail-component .form-group {
    margin-bottom: 5px !important;
}

ord-order-detail-component .border-r {
    border-right: 1px solid #DEE2E6;
}

ord-order-detail-component .k-grid-content {
    min-height: 200px !important;
}

ord-order-detail-component table td.signal-edit {
    border-color: #CED4DA !important;
    border-style: solid !important;
    border-width: 1px !important;
}

/* ord-order-detail-component .k-grid table {
    border-spacing: 1px;
    border-collapse: separate;
} */

ord-order-detail-component table td .k-dirty {
    visibility: hidden;
}

ord-order-ems-detail-component panelbar-control .tms-title {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    text-transform: none !important;
    font-size: 20px;
    line-height: 1.5;
}

ord-order-ems-detail-component .p0 {
    padding: 0 !important;
}

ord-order-ems-detail-component .form-group {
    margin-bottom: 5px !important;
}

ord-order-ems-detail-component .border-r {
    border-right: 1px solid #DEE2E6;
    padding: 0 !important;
}

ord-order-ems-detail-component .k-grid-content {
    min-height: 200px !important;
}

ord-order-ems-detail-component panelbar-control .col-md-7 {
    padding-top: 3px !important;
    padding-bottom: 2px !important;
}

ord-order-ems-detail-component panelbar-control .col-md-5 {
    padding-top: 3px !important;
    padding-bottom: 2px !important;
}

ord-order-ems-detail-component panelbar-control {
    text-transform: none !important;
    font-size: 16px;
    line-height: 1.5;
}

ord-order-ems-detail-component .radio md-radio-group {
    display: inline-flex;
}

    ord-order-ems-detail-component .radio md-radio-group md-radio-button {
        margin-right: 20px;
    }

        ord-order-ems-detail-component .radio md-radio-group md-radio-button:first-child {
            display: none;
        }

ord-order-fast-detail-component panelbar-control .tms-title {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    text-transform: none !important;
    font-size: 20px;
    line-height: 1.5;
}

ord-order-fast-detail-component .p0 {
    padding: 0 !important;
}

ord-order-fast-detail-component .form-group {
    margin-bottom: 5px !important;
}

ord-order-fast-detail-component .border-r {
    border-right: 1px solid #DEE2E6;
    padding: 0 !important;
}

ord-order-fast-detail-component .k-grid-content {
    min-height: 200px !important;
}

ord-order-fast-detail-component panelbar-control .col-md-7 {
    padding-top: 3px !important;
    padding-bottom: 2px !important;
}

ord-order-fast-detail-component panelbar-control .col-md-5 {
    padding-top: 3px !important;
    padding-bottom: 2px !important;
}

ord-order-fast-detail-component panelbar-control {
    text-transform: none !important;
    font-size: 16px;
    line-height: 1.5;
}

ord-order-fast-detail-component .radio md-radio-group {
    display: inline-flex;
}

    ord-order-fast-detail-component .radio md-radio-group md-radio-button {
        margin-right: 20px;
    }

        ord-order-fast-detail-component .radio md-radio-group md-radio-button:first-child {
            display: none;
        }

ord-order-fast-tracking-component .title {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 20px;
    line-height: 1.5;
    text-align: center;
    color: #0094ff;
}

ord-order-fast-tracking-component .p0 {
    padding: 0 !important;
    color: #0094ff;
}

ord-order-fast-tracking-component .form-group {
    margin-bottom: 5px !important;
}

ord-order-fast-tracking-component .border-r {
    border-right: 1px solid #0026ff;
    padding: 0 !important;
}

ord-order-fast-tracking-component .col-md-5 {
    color: #0094ff;
}

ord-order-fclimex-component panelbar-control .tms-title {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    text-transform: none !important;
    font-size: 17px;
    line-height: 1.5;
}

ord-order-fclimex-component .p0 {
    padding: 0 !important;
}

ord-order-fclimex-component .form-group {
    margin-bottom: 5px !important;
}

ord-order-fclimex-component .border-r {
    border-right: 1px solid #DEE2E6;
    padding: 0 !important;
}

ord-order-fclimex-component .k-grid-content {
    min-height: 200px !important;
}

ord-order-fclimex-component table td.signal-edit {
    border-color: #CED4DA !important;
    border-style: solid !important;
    border-width: 1px !important;
}

/* ord-order-fclimex-component .k-grid table {
    border-spacing: 1px;
    border-collapse: separate;
} */

ord-order-fclimex-component table td .k-dirty {
    visibility: hidden;
}

ord-order-fcllo-component panelbar-control .tms-title {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    text-transform: none !important;
    font-size: 17px;
    line-height: 1.5;
}

ord-order-fcllo-component .p0 {
    padding: 0 !important;
}

ord-order-fcllo-component .form-group {
    margin-bottom: 5px !important;
}

ord-order-fcllo-component .border-r {
    border-right: 1px solid #DEE2E6;
    padding: 0 !important;
    padding-top: 10px !important;
}

ord-order-fcllo-component .k-grid-content {
    min-height: 200px !important;
}

ord-order-fcllo-empty-component panelbar-control .tms-title {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    text-transform: none !important;
    font-size: 17px;
    line-height: 1.5;
}

ord-order-fcllo-empty-component .p0 {
    padding: 0 !important;
}

ord-order-fcllo-empty-component .form-group {
    margin-bottom: 5px !important;
}

ord-order-fcllo-empty-component .border-r {
    border-right: 1px solid #DEE2E6;
    padding: 0 !important;
    padding-top: 10px !important;
}

ord-order-fcllo-empty-component .k-grid-content {
    min-height: 200px !important;
}

ord-order-fcllo-empty-component table td.signal-edit {
    border-color: #CED4DA !important;
    border-style: solid !important;
    border-width: 1px !important;
}

/* ord-order-fcllo-empty-component .k-grid table {
    border-spacing: 1px;
    border-collapse: separate;
} */

ord-order-fcllo-empty-component table td .k-dirty {
    visibility: hidden;
}

ord-order-fcllo-laden-component panelbar-control .tms-title {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    text-transform: none !important;
    font-size: 17px;
    line-height: 1.5;
}

ord-order-fcllo-laden-component .p0 {
    padding: 0 !important;
}

ord-order-fcllo-laden-component .form-group {
    margin-bottom: 5px !important;
}

ord-order-fcllo-laden-component .border-r {
    border-right: 1px solid #DEE2E6;
    padding: 0 !important;
    padding-top: 10px !important;
}

ord-order-fcllo-laden-component .k-grid-content {
    min-height: 200px !important;
}

ord-order-fcllo-laden-component table td.signal-edit {
    border-color: #CED4DA !important;
    border-style: solid !important;
    border-width: 1px !important;
}

/* ord-order-fcllo-laden-component .k-grid table {
    border-spacing: 1px;
    border-collapse: separate;
} */

ord-order-fcllo-laden-component table td .k-dirty {
    visibility: hidden;
}

ord-order-ftlcbt-component panelbar-control .tms-title {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    text-transform: none !important;
    font-size: 17px;
    line-height: 1.5;
}

ord-order-ftlcbt-component .p0 {
    padding: 0 !important;
}

ord-order-ftlcbt-component .form-group {
    margin-bottom: 5px !important;
}

ord-order-ftlcbt-component .border-r {
    border-right: 1px solid #DEE2E6;
    padding: 0 !important;
    padding-top: 10px !important;
}

ord-order-ftlcbt-component .k-grid-content {
    min-height: 200px !important;
}

ord-order-ftlcbt-component table td.signal-edit {
    border-color: #CED4DA !important;
    border-style: solid !important;
    border-width: 1px !important;
}

/* ord-order-ftlcbt-component .k-grid table {
    border-spacing: 1px;
    border-collapse: separate;
} */

ord-order-ftlcbt-component table td .k-dirty {
    visibility: hidden;
}
ord-order-ftllo-component panelbar-control .tms-title {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    text-transform: none !important;
    font-size: 17px;
    line-height: 1.5;
}

ord-order-ftllo-component .p0 {
    padding: 0 !important;
}

ord-order-ftllo-component .form-group {
    margin-bottom: 5px !important;
}

ord-order-ftllo-component .border-r {
    border-right: 1px solid #DEE2E6;
    padding: 0 !important;
    padding-top: 10px !important;
}

ord-order-ftllo-component .k-grid-content {
    min-height: 200px !important;
}

ord-order-ftllo-component table td.signal-edit {
    border-color: #CED4DA !important;
    border-style: solid !important;
    border-width: 1px !important;
}

/* ord-order-ftllo-component .k-grid table {
    border-spacing: 1px;
    border-collapse: separate;
} */

ord-order-ftllo-component table td .k-dirty {
    visibility: hidden;
}
ord-order-hp-detail-component panelbar-control .tms-title {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    text-transform: none !important;
    font-size: 20px;
    line-height: 1.5;
}

ord-order-hp-detail-component .p0 {
    padding: 0 !important;
}

ord-order-hp-detail-component .form-group {
    margin-bottom: 5px !important;
}

ord-order-hp-detail-component .border-r {
    border-right: 1px solid #DEE2E6;
    padding: 0 !important;
}

ord-order-hp-detail-component .k-grid-content {
    min-height: 200px !important;
}

ord-order-hp-detail-component panelbar-control .col-md-7 {
    padding-top: 3px !important;
    padding-bottom: 2px !important;
}

ord-order-hp-detail-component panelbar-control .col-md-5 {
    padding-top: 3px !important;
    padding-bottom: 2px !important;
}

ord-order-hp-detail-component panelbar-control {
    text-transform: none !important;
    font-size: 16px;
    line-height: 1.5;
}

ord-order-hp-detail-component .radio md-radio-group {
    display: inline-flex;
}

    ord-order-hp-detail-component .radio md-radio-group md-radio-button {
        margin-right: 20px;
    }

        ord-order-hp-detail-component .radio md-radio-group md-radio-button:first-child {
            display: none;
        }

ord-order-index-component .status-bar {
    width: 100%;
    display: block;
    position: relative;
    color: #5a6877;
    text-decoration: none;
    font-size: 13px;
}

ord-order-index-component .status-bar-item {
    cursor: pointer;
    position: absolute;
    top: -8px;
}

    ord-order-index-component .status-bar-item.with-border {
        border: 1px solid #fff;
        box-sizing: border-box;
        border-bottom: none;
        border-top: none;
        border-left: none;
    }

ord-order-index-component .status-bar .status {
    height: 15px;
    border-radius: 12px;
}

    ord-order-index-component .status-bar .status.new {
        background-color: #d3d5d6;
    }

    ord-order-index-component .status-bar .status.cancel {
        background-color: #ff0000;
    }

    ord-order-index-component .status-bar .status.planning {
        background-color: #1CBEF8;
    }

    ord-order-index-component .status-bar .status.approved {
        background-color: #F7B20C;
    }

    ord-order-index-component .status-bar .status.tendered {
        background-color: #0026ff;
    }

    ord-order-index-component .status-bar .status.delivery {
        background-color: #48BA52;
    }

    ord-order-index-component .status-bar .status.received {
        background-color: #678BFB;
    }

    ord-order-index-component .status-bar .status.podreceived {
        background-color: #B365DA;
    }

ord-order-lcl-component panelbar-control label {
    margin-bottom: 0;
}

ord-order-lcl-component panelbar-control .tms-title {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    text-transform: none !important;
    font-size: 17px;
    line-height: 1.5;
}

ord-order-lcl-component .p0 {
    padding: 0 !important;
}

ord-order-lcl-component .form-group {
    margin-bottom: 5px !important;
}

ord-order-lcl-component .border-r {
    border-right: 1px solid #DEE2E6;
    padding: 0 !important;
    padding-top: 10px !important;
}

ord-order-lcl-component .k-grid-content {
    min-height: 200px !important;
}

ord-order-lcl-component table td.signal-edit {
    border-color: #CED4DA !important;
    border-style: solid !important;
    border-width: 1px !important;
}

/* ord-order-lcl-component .k-grid table {
    border-spacing: 1px;
    border-collapse: separate;
} */

ord-order-lcl-component table td .k-dirty {
    visibility: hidden;
}

ord-order-ltllo-component panelbar-control .tms-title {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    text-transform: none !important;
    font-size: 17px;
    line-height: 1.5;
}

ord-order-ltllo-component .p0 {
    padding: 0 !important;
}

ord-order-ltllo-component .form-group {
    margin-bottom: 5px !important;
}

ord-order-ltllo-component .border-r {
    border-right: 1px solid #DEE2E6;
    padding: 0 !important;
    padding-top: 10px !important;
}

ord-order-ltllo-component .k-grid-content {
    min-height: 200px !important;
}

ord-order-ltllo-component table td.signal-edit {
     border-color: #CED4DA !important;
    border-style: solid !important;
    border-width: 1px !important; 
}

/* ord-order-ltllo-component .k-grid table {
    border-spacing: 1px;
    border-collapse: separate;
} */

ord-order-ltllo-component table td .k-dirty {
    visibility: hidden;
}

ord-order-processing-component .status-bar {
    width: 100%;
    display: block;
    position: relative;
    color: #5a6877;
    text-decoration: none;
    font-size: 13px;
}

ord-order-processing-component .status-bar-item {
    cursor: pointer;
    position: absolute;
    top: -8px;
}

    ord-order-processing-component .status-bar-item.with-border {
        border: 1px solid #fff;
        box-sizing: border-box;
        border-bottom: none;
        border-top: none;
        border-left: none;
    }

ord-order-processing-component .status-bar .status {
    height: 15px;
    border-radius: 12px;
}

    ord-order-processing-component .status-bar .status.new {
        background-color: #d3d5d6;
    }

    ord-order-processing-component .status-bar .status.cancel {
        background-color: #ff0000;
    }

    ord-order-processing-component .status-bar .status.planning {
        background-color: #1CBEF8;
    }

    ord-order-processing-component .status-bar .status.approved {
        background-color: #F7B20C;
    }

    ord-order-processing-component .status-bar .status.tendered {
        background-color: #0026ff;
    }

    ord-order-processing-component .status-bar .status.delivery {
        background-color: #48BA52;
    }

    ord-order-processing-component .status-bar .status.received {
        background-color: #678BFB;
    }

    ord-order-processing-component .status-bar .status.received1 {
        background-color: #6C7FFF;
    }

    ord-order-processing-component .status-bar .status.podreceived {
        background-color: #B365DA;
    }

    ord-order-processing-component .status-bar .status.return {
        background-color: #C344DB;
    }

ord-order-processing-component .btn-new {
    background-color: #6C757D;
    color: #FFF;
}

ord-order-processing-component .btn-primary1 {
    background-color: #6C7FFF;
    color: #FFF;
}

ord-order-processing-component .btn-danger {
    background-color: #DC3545;
    color: #FFF;
}

ord-order-processing-component .btn-return {
    background-color: #C344DB;
    color: #FFF;
}
ord-order-temp-detail-component .tms-title {
    padding-top:5px;
    padding-bottom:5px;
    font-size:17px;
    line-height:17px;
}
ord-order-temp-detail-component .k-grid-content{
    min-height: 200px;
}
ord-order-tracking-component panel-index-header .form-group {
    margin-bottom: 0px;
}

ord-order-tracking-component panel-index-header .total {
    font-size: 25px;
    margin-left: 5px;
}

ord-order-tracking-component .k-multiselect-wrap {
    height: 32px;
    overflow-y: hidden;
}

    ord-order-tracking-component .k-multiselect-wrap input.k-input {
        height: 0;
    }

        ord-order-tracking-component .k-multiselect-wrap input.k-input.k-readonly {
            height: 30px;
        }

ord-order-tracking-order-component .partner-tag {
    width:200px !important;
    margin-top: 5px !important;
    text-overflow: ellipsis !important;
    overflow: hidden !important;
    white-space: nowrap !important;
}

ord-temp-cont-auto-planning-component .main-color {
    color: #16759B !important;
}

ord-temp-cont-auto-planning-component .main-color-bold {
    color: #16759B !important;
    font-weight: bold !important;
}

ord-temp-cont-auto-planning-component .upercase-transform {
    text-transform: uppercase !important;
}

ord-temp-cont-auto-planning-component .color-blueskye {
    color: deepskyblue !important;
    cursor: pointer;
    text-decoration: none;
}

ord-temp-cont-auto-planning-component .color-gray {
    color: gray !important;
    text-decoration: none;
    pointer-events: none;
}

ord-temp-cont-auto-planning-component .color-gray-delete {
    color: #B7C3CE !important;
    cursor: pointer;
    text-decoration: none;
}

ord-temp-cont-auto-planning-component .config-panel-bottom {
    width: calc(100% - 256px);
    height: 60px;
    position: fixed;
    top: calc(100% - 60px);
    background-color: white;
    z-index: 1000;
    display: flex !important;
    flex-direction: row !important;
    flex: 1 !important;
    box-shadow: 0 -1px 10px 0 rgb(172 171 171 / 30%);
}

ord-temp-cont-auto-planning-component .panel-bottom-choose-order {
    background-color: white !important;
    height: 100%;
    width: 273px;
    color: #1E4B7E;
    font-size: 15px;
    font-weight: bold;
    display: flex !important;
    /*flex-direction: row !important;*/
    justify-content: center;
    align-items: center;
    box-shadow: 0 -1px 10px 0 rgb(172 171 171 / 30%);
}

ord-temp-cont-auto-planning-component .order-count {
    background-color: #1E4B7E !important;
    color: white;
    font-size: 15px;
    border-radius: 20px;
    width: 40px !important;
    padding: 8px 0 10px 0px;
    height: 20px;
    margin: 0 10px 0 10px;
    text-align: center;
    display: inline-block;
}

ord-temp-cont-auto-planning-component .center {
    padding-top: 25px;
    padding-left: 15px;
}

ord-temp-cont-auto-planning-component .config-panel {
    position: absolute;
    right: 0;
    top: 200px;
    left: unset !important;
    z-index: 999999;
}

ord-temp-cont-auto-planning-component .config-panel .config-button {
    cursor: pointer;
    position: relative;
    padding: 8px 5px;
    display: inline-block;
    color: #23759b;
}

ord-temp-cont-auto-planning-component .config-panel .config-button>i {
    font-size: 20px;
}

ord-temp-cont-auto-planning-component .config-panel.config-invisible .config-button {
    padding: 5px;
    color: red;
}

ord-temp-cont-auto-planning-component .config-panel.config-invisible .config-button>i {
    font-size: 26px;
}

ord-temp-cont-auto-planning-component .btn-grid-group {
    cursor: pointer;
    color: #333;
    text-decoration: none;
    outline: none;
}

ord-temp-cont-auto-planning-component .command-cell .allcp-form .checkbox.mn {
    width: 20px;
    height: 18px;
    top: 0px !important;
}

ord-temp-cont-auto-planning-component .k-grid tbody tr.k-detail-row:hover {
    background: transparent !important;
}

ord-temp-cont-auto-planning-component .k-grid thead tr {
    height: 34px;
}

ord-temp-cont-auto-planning-component .k-grid thead tr:hover {
    border: none !important;
}

ord-temp-cont-auto-planning-component .choose-vehicle {
    float: right !important;
    padding-right: 100px;
}

ord-temp-cont-auto-planning-component .setting-detail {
    display: flex;
    flex-direction: row;
    flex: 1;
}

ord-temp-cont-auto-planning-component .setting-detail .setting-detail-column {
    flex-direction: column !important;
    flex: 1;
    display: flex;
    padding: 0px 50px 0px 0px;
}

ord-temp-cont-auto-planning-component .setting-detail .setting-detail-row {
    flex-direction: row !important;
    flex: 1;
    display: flex !important;
    align-items: center;
    margin: 5px 0px;
    font-size: medium;
    justify-content: space-between;
    align-items: center;
}

ord-temp-cont-auto-planning-component .setting-detail .setting-detail-font {
    font-size: small;
}

ord-temp-cont-auto-planning-component .setting-detail .setting-detail-row date-picker-control {
    padding-left: 0px !important;
    display: inline !important;
}


#popupConfigLocation .setting-detail {
    display: flex;
    flex-direction: row;
    flex: 1;
}

    #popupConfigLocation .setting-detail .setting-detail-column {
        flex-direction: column !important;
        flex: 1;
        display: flex;
        padding: 0px 50px 0px 0px;
    }

    #popupConfigLocation .setting-detail .setting-detail-row {
        flex-direction: row !important;
        flex: 1;
        display: flex !important;
        align-items: center;
        margin: 5px 0px;
        font-size: medium;
        justify-content: space-between;
        align-items: center;
    }

    #popupConfigLocation .setting-detail .setting-detail-font {
        font-size: small;
    }

    #popupConfigLocation .setting-detail .setting-detail-row date-picker-control {
        padding-left: 0px !important;
        display: inline !important;
    }

#popupConfigLocation input {
    text-indent: 0.8em !important;
    line-height: 1.788;
}

#popupConfigLocation .pd5r {
    padding-top: 6px;
    width: 40px !important;
    text-align: right;
}

ord-temp-cont-auto-planning-order-component .ord-div-right {
    padding-bottom: 34px;
}

ord-temp-cont-auto-planning-order-component .ord-checkbox {
    float:left !important;
    margin-top: 10px;
    margin-left: 20px;
    font-size: 14px;
    font-weight: bold;
}

ord-temp-cont-auto-planning-order-component .ord-parenthesis {
    top: 1px;
    position: relative;
}

ord-temp-cont-auto-planning-order-component .ord-button {
    float:right !important;
    margin-top: 10px;
    margin-right: 20px
}

ord-temp-cont-auto-planning-order-component div.k-splitter {
    height: calc(100vh - 145px) !important;
}

ord-temp-cont-auto-planning-order-component panel-in-splitter {
    overflow: hidden !important;
}

ord-temp-cont-auto-planning-order-component #grid-order-temp div.k-grid-content.k-auto-scrollable {
    height: calc(100vh - 330px) !important;
}

ord-temp-cont-auto-planning-order-component #grid-order div.k-grid-content.k-auto-scrollable {
    height: calc(100vh - 330px) !important;
}

ord-temp-cont-auto-planning-order-component #grid-leg div.k-grid-content.k-auto-scrollable {
    height: calc(100vh - 330px) !important;
}

ord-temp-cont-auto-planning-vehicle-component #grid-tractor div.k-grid-content.k-auto-scrollable {
    height: calc(100vh - 390px) !important;
}

ord-temp-cont-auto-planning-vehicle-component #grid-tractor .k-grid {
    height: calc(100vh - 260px) !important;
}

ord-temp-cont-auto-planning-vehicle-component #grid-romooc div.k-grid-content.k-auto-scrollable {
    height: calc(100vh - 390px) !important;
}

ord-temp-cont-auto-planning-vehicle-component #grid-romooc .k-grid {
    height: calc(100vh - 260px) !important;
}

ord-temp-cont-auto-planning-component #grid-result>div.k-grid-content.k-auto-scrollable {
    height: calc(100vh - 380px) !important;
}

ord-temp-cont-auto-planning-component #grid-result tr[aria-selected="true"] {
    background-color: #1CBEF8 !important;
    color: white !important;
}

ord-temp-cont-auto-planning-location-component .marker-position {
    bottom: 2px;
    left: 0;
    position: relative;
}

ord-temp-cont-auto-planning-result-component #map-control {
    height: calc(100vh - 250px) !important;
}

ord-temp-cont-auto-planning-result-component #btnSettingResult {
    padding-right: 10px
}

ord-temp-cont-auto-planning-result-component #btnSendVendor {
    padding-right: 10px
}

ord-temp-cont-auto-planning-result-component #btnSaveResult {
    padding-right: 10px
}

ord-temp-cont-auto-planning-result-component .marker-position {
    bottom: 2px;
    left: 0;
    position: relative;
}

ord-temp-cont-auto-planning-vehicle-component div.k-splitter {
    height: calc(100vh - 180px) !important;
}

ord-temp-cont-auto-planning-vehicle-component div.k-splitter {
    height: calc(100vh - 205px) !important;
}

/* ord-temp-cont-auto-planning-component panel-in-splitter {
    width: 50%
} */


ord-temp-cont-auto-planning-result-component .drop-label {
    text-align: center;
    display: block;
    margin-top: 10px;
    color: #1E4B7E;
    font-size: large;
    font-weight: 500;
}

ord-temp-cont-auto-planning-result-component #chosen-orders {
    background-color: #1E4B7E;
    color: #FFFFFF;
    border-radius: 30px;
    padding: 5px 10px;
    cursor: pointer;
}

ord-temp-cont-auto-planning-result-component .panel .panel-body {
    overflow: hidden;
}

ord-temp-cont-auto-planning-result-component .k-pane {
    height: 100% !important;
}

ord-temp-cont-auto-planning-result-component div.k-splitter {
    height: calc(100vh - 240px) !important;
}

ord-temp-cont-auto-planning-result-component #grid-unschedule div.k-grid-content.k-auto-scrollable {
    height: calc(100vh - 370px) !important;
}

ord-temp-cont-auto-planning-result-component .panel-bottom-icon-action {
    display: flex;
    flex-grow: 2;
    justify-content: center;
    align-items: center;
    gap: 5px;
}

/*ord-temp-cont-auto-planning-result-component .panel-bottom-icon-action button-icon-control>button>i {
    color: #B7C3CE !important;
}*/

ord-temp-cont-auto-planning-component button-icon-control[size="lg"]>button>i {
    font-size: 40px !important;
}

ord-temp-cont-auto-planning-component button-icon-control[size="md"]>button>i {
    font-size: 25px !important;
}

ord-temp-cont-auto-planning-component button-icon-control[size="xs"]>button>i {
    font-size: 16px !important;
}

ord-temp-cont-auto-planning-result-component .k-chart {
    width: 100%;
}

ord-temp-cont-auto-planning-result-component .chart-wrapper {
    width: 100%;
    overflow: auto;
}
ord-temp-cont-auto-planning-result-component #grid-stats div.k-grid-content.k-auto-scrollable {
    height: calc(100vh - 360px) !important;
    overflow: auto;
    overflow-x: auto;
    overflow-y: auto;
}

ord-temp-cont-auto-planning-result-component .cusroute {
    border: none;
    background: none;
}
ord-vendor-index-component .status-bar {
    width: 100%;
    display: block;
    position: relative;
    color: #5a6877;
    text-decoration: none;
    font-size: 13px;
}

ord-vendor-index-component .status-bar-item {
    cursor: pointer;
    position: absolute;
    top: -8px;
}

    ord-vendor-index-component .status-bar-item.with-border {
        border: 1px solid #fff;
        box-sizing: border-box;
        border-bottom: none;
        border-top: none;
        border-left: none;
    }

ord-vendor-index-component .status-bar .status {
    height: 15px;
    border-radius: 12px;
}

    ord-vendor-index-component .status-bar .status.new {
        background-color: #d3d5d6;
    }

    ord-vendor-index-component .status-bar .status.cancel {
        background-color: #ff0000;
    }

    ord-vendor-index-component .status-bar .status.planning {
        background-color: #1CBEF8;
    }

    ord-vendor-index-component .status-bar .status.approved {
        background-color: #F7B20C;
    }

    ord-vendor-index-component .status-bar .status.tendered {
        background-color: #0026ff;
    }

    ord-vendor-index-component .status-bar .status.delivery {
        background-color: #48BA52;
    }

    ord-vendor-index-component .status-bar .status.received {
        background-color: #678BFB;
    }

    ord-vendor-index-component .status-bar .status.podreceived {
        background-color: #B365DA;
    }

page-default-noel-component .csslegend {
    background: url("http://csslegend.com/badges/color/csslegend-badge-left-c.png") no-repeat scroll 0 0 transparent;
    height: 110px;
    position: fixed;
    left: 0;
    top: 15px;
    width: 67px;
    z-index: 1000;
}

    page-default-noel-component .csslegend a {
        float: left;
        height: 110px;
        line-height: 5000px;
        overflow: hidden;
        width: 67px;
    }

page-default-noel-component .cssreel {
    background: url("../assets/css/components/Theme/profile/nominee4.png") no-repeat scroll 0 0 transparent;
    height: 100px;
    position: fixed;
    left: 0;
    top: 105px;
    width: 58px;
    z-index: 1000;
}

    page-default-noel-component .cssreel a {
        float: left;
        height: 100px;
        line-height: 5000px;
        overflow: hidden;
        width: 58px;
    }

rep-report-pl-online-component #repReportPlOnlineComponent_Grid .k-grid .k-grid-header {
    padding-top: 0px !important;
}

rep-report-pl-online-component #repReportPlOnlineComponent_Grid .k-grid tr th {
    border-right: 1px solid #ccc !important;
}

rep-report-pl-online-component #repReportPlOnlineComponent_Grid .k-grid .k-grid-content tbody tr td {
    border: 1px solid #ccc !important;
}

sys-setting-optimize-component .setting-detail {
    display: flex;
    flex-direction: row;
    flex: 1;
}

    sys-setting-optimize-component .setting-detail .setting-detail-column {
        flex-direction: column !important;
        flex: 1;
        display: flex;
        padding: 0px 50px 0px 0px;
    }

    sys-setting-optimize-component .setting-detail .setting-detail-row {
        flex-direction: row !important;
        flex: 1;
        display: flex !important;
        align-items: center;
        margin: 5px 0px;
        font-size: medium;
        justify-content: space-between;
        align-items: center;
    }

    sys-setting-optimize-component .setting-detail .setting-detail-font {
        font-size: small;
    }

    sys-setting-optimize-component .setting-detail .setting-detail-row date-picker-control {
        padding-left: 0px !important;
        display: inline !important;
    }

sys-setting-optimize-component input {
    text-indent: 0.8em !important;
}

sys-setting-optimize-component md-switch {
    margin: 0px;
}

sys-setting-optimize-component .pd5 {
    padding-top: 5px;
}

sys-setting-optimize-component .pd5r {
    padding-top: 5px;
    width: 40px !important;
    text-align: right;
}

sys-setting-optimize-component .flexJus {
    display: flex;
    flex: 1;
    justify-content: space-between;
}

sys-setting-optimize-component input {
    line-height: 1.788;
}
view-menu-component .tms-dropdown {
    width: 450px;
    height: 420px;
    line-height: 1.7;
    left: auto;
    right: 10px;
    border: 1px solid #EAEEF2;
}


view-menu-component .menu {
    text-align:center;
    display: inline-block;
    cursor: pointer;
    margin: 10px 0px 0px 0px;
}

    view-menu-component .menu a {
        text-decoration: none; /*Remove anchor underline*/
    }

    view-menu-component .menu i {
        border: 1px solid #EDF1F5;
        border-radius: 10px;
        padding: 15px 15px 15px;
        color: #B9BBC5;
        font-size: 5em;
    }

        view-menu-component .menu i:hover {
            color: #1E4B7E;
            box-shadow: 0px 10px 12px rgba(76,106,132,0.16);
        }

    view-menu-component .menu .tms-label {
        /*padding-top: px;*/
    }

.tms-btn {
    background-color:#1E4B7E;
    color:#FFFFFF!important
}
.tms-btn:hover {
    background-color:#126080;
    color:#FFFFFF!important
}

.tms-btn-full{
    width:100%;
}

.tms-btn-danger {
    background-color:#FF4E50;
    color:#FFFFFF!important
}
.tms-btn-danger:hover {
    background-color:#E64648;
    color:#FFFFFF!important
}
/*.tms-btn-danger:disabled {
    background-color:#DEE2E6;
    color:#686F75!important
}*/

.tms-btn-delete {
    background-color:#FF4E50;
    color:#FFFFFF!important
}
.tms-btn-delete:hover {
    background-color:#E64648;
    color:#FFFFFF!important
}
.tms-btn-delete:disabled {
    background-color:#DEE2E6;
    color:#686F75!important
}

.tms-btn-add {
    background-color:#1E4B7E;
    color:#FFFFFF!important
}
.tms-btn-add:hover {
    background-color:#126080;
    color:#FFFFFF!important
}
.tms-btn-add:disabled {
    background-color:#DEE2E6;
    color:#686F75!important
}

.tms-btn-back{
    background-color:transparent;
    color:#686F75!important
}

.tms-btn-back:hover{
    color:#1E4B7E!important
}

/*Button dropdown hover*/
.dropdown-hover {
    position: relative;
    display: inline-flex;
}

    .dropdown-hover:hover > ul {
        display: flex;
        flex-direction: column;
    }

.dropdown-hover-disabled:hover > ul {
    display: none !important;
}

/*Button*/
.tms-btn-primary {
    background-color: #1F4A7C !important;
    color: #FFFFFF !important;
    border: 1px #1F4A7C solid;
    padding: 5px 11px;
    min-width: 32px;
    transition: background-color 0.3s;
}

.tms-btn-secondary {
    background-color: #FFFFFF;
    color: #1F4A7C;
    border: 1px solid #1F4A7C;
    padding: 5px 11px;
    min-width: 32px;
    transition: background-color 0.3s;
}

    .tms-btn-primary:hover,
    .tms-btn-secondary:hover {
        background-color: #193B63 !important;
        color: #FFFFFF !important;
    }

.tms-btn-gray {
    background-color: #6C757D;
    color: #FFF !important;
    transition: background-color .3s;
}

    .tms-btn-gray:hover {
        background-color: #5C636A !important;
    }

.tms-btn-secondary-danger {
    background-color: #FFFFFF;
    color: #DC3545;
    border: 1px solid #DC3545;
    padding: 5px 11px;
    min-width: 32px;
    transition: background-color 0.3s;
}

    .tms-btn-secondary-danger:hover {
        background-color: #DC3545 !important;
        color: #FFFFFF !important;
    }

.tms-btn-link {
    color: #1F4A7C !important;
    transition: color .3s;
    background-color: transparent;
    line-height: 1px;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 4px;
    min-width: 32px;
}

    .tms-btn-link:hover {
        color: #193B63 !important;
    }

    .tms-btn-link > i {
        font-size: 11px;
    }

.tms-btn-danger {
    background-color: #DC3545;
    color: #FFFFFF;
    border: 1px solid #DC3545;
    padding: 5px 11px;
    min-width: 32px;
    transition: background-color 0.3s;
}

.tms-btn-waiting {
    background-color: #F7B20C;
    color: #FFFFFF;
    border: 1px solid #F7B20C;
    padding: 5px 11px;
    min-width: 32px;
    transition: background-color 0.3s;
}

.tms-btn-processing {
    background-color: #1CBEF8;
    color: #FFFFFF;
    border: 1px solid #1CBEF8;
    padding: 5px 11px;
    min-width: 32px;
    transition: background-color 0.3s;
}

.tms-btn-approved {
    background-color: #48BA52;
    color: #FFFFFF;
    border: 1px solid #48BA52;
    padding: 5px 11px;
    min-width: 32px;
    transition: background-color 0.3s;
}

.tms-btn-rejected {
    background-color: #ff0000;
    color: #FFFFFF;
    border: 1px solid #ff0000;
    padding: 5px 11px;
    min-width: 32px;
    transition: background-color 0.3s;
}

.tms-btn-canceled {
    background-color: #d3d5d6;
    color: #FFFFFF;
    border: 1px solid #d3d5d6;
    padding: 5px 11px;
    min-width: 32px;
    transition: background-color 0.3s;
}

.tms-btn-warning {
    background-color: #f0ad4e !important;
    color: #FFFFFF !important;
}

.tms-btn-checkbox {
    font-size: 14px !important;
    text-transform: unset !important;
}

.tms-btn-group {
    border-radius: 5px;
}

.tms-btn-background-color-transparent {
    background-color: transparent !important;
}

.no-padding-left {
    padding-left: 0px !important;
}

.border-right-gray {
    border-right: 1px #DEE2E6 solid !important;
    border-radius: unset !important;
}
.tms-btn-time-picker {
    background: none;
    border: 1px #1E4B7E solid;
    border-radius: 5px;
    color: #1F4A7C !important;
    padding: 4px 24px;
    line-height: 0;
    height: 22px;
    text-transform: unset;
    font-size: 14px;
    font-weight: unset;
}

    .tms-btn-time-picker:hover {
        transition: all .3s ease-in-out;
        color: #FFFFFF !important;
        background-color: #1E4B7E !important;
    }

.tms-btn-date-picker-custom {
    background: none;
    border: 1px #1E4B7E solid;
    border-radius: 5px;
    color: #1F4A7C !important;
    padding: 4px 4px;
    line-height: 0;
    width: 22px;
    height: 22px;
    transition: background-color .3s;
}

    .tms-btn-date-picker-custom:hover {
        color: #FFFFFF !important;
        background-color: #1F4A7C !important;
    }

.tms-display-custom > button.tms-btn-time-picker {
    width: -webkit-fill-available;
}

.icon-tms-new-calendar-picker-custom {
    color: #6C757D;
    font-size: 16px !important;
    margin-left: 4px;
}

.icon-tms-new-arrow-right-short {
    color: #CED4DA;
    height: 10px;
    width: 12px;
    margin: 0px 8px;
}

/*.tms-btn-time-picker-not-hover {
    background: none;
    border: 1px #1E4B7E solid;
    border-radius: 5px;
    color: #1F4A7C !important;
    padding: 4px 8px;
    line-height: 0;
    height: 18px;
    text-transform: unset;
    font-size: 14px;
    font-weight: unset;
}*/

/*.tms-btn-time-picker-active {
    background: none;
    border: 1px #1E4B7E solid;
    border-radius: 5px;
    padding: 4px 8px;
    line-height: 0;
    height: 18px;
    text-transform: unset;
    font-size: 14px;
    font-weight: unset;
    transition: all .3s ease-in-out;
    color: #FFFFFF !important;
    background-color: #1F4A7C !important;
}*/

.tms-display-custom {
    display: flex;
    justify-content: center;
}

.k-i-calendar:before {
    content: "\eaf3";
    font-family: 'icomoon';
    font-size: 16px;
    color: #6C757D;
}

.k-i-calendar:hover {
    color: #1F4A7C,
}

.k-i-clock:before {
    content: "\eaf1";
    font-family: 'icomoon';
    font-size: 16px;
    color: #6C757D;
}

.btn-radius-middle {
    border-radius: unset;
    border-left: unset !important;
    border-right: unset !important;
}

.btn-radius-left {
    border-radius: 5px 0px 0px 5px;
}

.btn-radius-right {
    border-radius: 0px 5px 5px 0px;
}

.dropdown-menu {
    min-width: 180px
}

.tms-display-custom > .active {
    transition: all .3s ease-in-out;
    color: #FFFFFF !important;
    background-color: #1F4A7C !important;
}

.k-datepicker > .k-state-default > .k-select, .k-timepicker > .k-state-default > .k-select, .k-datetimepicker > .k-state-default > .k-select {
    border: unset;
    border-radius: inherit;
}

.k-datepicker > .k-state-hover {
    background: unset;
}

.col-md-date-picker-custom {
    padding: unset;
    margin: unset;
    height: fit-content;
    width: fit-content;
}

.k-picker-wrap.k-state-default .k-input, 
.k-picker-wrap.k-state-disabled .k-input, 
.k-month td.k-state-focused {
    -webkit-box-shadow: unset;
    box-shadow: unset;
    height: 100%;
    box-sizing: border-box;
}

.k-year td.k-state-focused, .k-decade td.k-state-focused, .k-century td.k-state-focused {
    box-shadow: unset;
    padding: unset;
    background-color: #1F4A7C !important;
    color: #FFFFFF !important;
}

    .k-year td.k-state-focused .k-link, .k-decade td.k-state-focused .k-link, .k-century td.k-state-focused .k-link {
        color: #FFFFFF !important;
    }

.k-picker-wrap.k-state-focused {
    box-shadow: 0px 0px 0px 4px rgba(13, 110, 253, 0.25) !important;
    border-radius: 4px !important;
    border-color: #91dfe9 !important;
}

.col-md-date-picker-type-date-custom {
    padding: 0px;
    margin: 0px;
    min-width: max-content;
}

    .col-md-date-picker-type-date-custom > .ng-pristine > .form-group {
        margin-bottom: 0px;
    }

        .col-md-date-picker-type-date-custom > .ng-pristine > .form-group > .tms-label {
            text-transform: unset;
            font-family: 'Roboto';
            font-style: normal;
            font-weight: 500;
            font-size: 16px;
            line-height: 120%;
            margin-bottom: 16px;
        }

        .col-md-date-picker-type-date-custom > .ng-pristine > .form-group > md-radio-group > md-radio-button {
            margin: 0px !important;
            line-height: 2.2 !important;
        }

.span-date-picker {
    color: #212529;
    font-family: 'Roboto';
    font-style: normal;
    font-size: 14px;
    line-height: 13px;
    font-weight: bold;
}

.k-calendar .k-content .k-link {
    padding: unset !important;
    text-align: center;
}

.k-calendar th {
    background-color: white;
}

.k-animation-container .k-calendar-container, .k-calendar > .k-header {
    background: #FFFFFF;
}

.k-animation-container .k-calendar-container, .k-calendar > .k-content > tbody > tr > td {
    transform: scale(0.9);
}

.k-calendar th {
    background-color: #FFFFFF;
}

.k-datepicker .k-picker-wrap .k-state-default .k-input {
    -webkit-box-shadow: unset;
    box-shadow: unset;
}

.pt16 {
    padding-top: 16px;
}

.pt19 {
    padding-top: 19px;
}

.pt24 {
    padding-top: 24px;
}

.tms-btn-date-picker-content {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.tms-btn-date-picker {
    height: 18px;
    background-color: transparent;
    border: 1px solid rgb(206, 212, 218) !important;
    border-radius: 5px;
}

.tms-date-picker-footer {
    margin-top: 24px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 16px;
}

.vertical-line {
    width: 1px;
    background-color: #DEE2E6 !important;
    height: inherit;
}

.tms-date-picker-dropdown-content {
    display: flex;
    flex-direction: row;
    gap: 24px;
    height: auto;
}

.tms-date-picker-dropdown {
    box-shadow: 3px 6px 8px rgba(0, 0, 0, 0.2) !important;
    top: 25px;
    padding: 24px 25px;
    border: 1px solid #EAEEF2;
    line-height: 2.5;
}

.k-picker-wrap .k-select {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 5px;
}

.k-datetimepicker .k-picker-wrap .k-select .k-link-date,
.k-datetimepicker .k-picker-wrap .k-select .k-link-time {
    margin: 0px;
    height: 100%;
}

    .k-datetimepicker .k-picker-wrap .k-select .k-link-date span,
    .k-datetimepicker .k-picker-wrap .k-select .k-link-time span,
    .k-datepicker .k-picker-wrap .k-select span {
        height: 100%;
    }

.k-datetimepicker .k-picker-wrap {
    padding-right: 53px;
}

.k-datepicker .k-picker-wrap .k-input {
    height: 100%;
}

.k-picker-wrap.k-state-hover {
    background-color: #ebebeb;
    border-color: #aeaeae;
}
.text-green,
.text-green:hover {
    color: #198754 !important;
}

/*Button icon không có background*/
button-icon-control button{
     background:none;
}

/*Font size mặc định cho button icon*/
button-icon-control button i{
     font-size:16px!important;
}

/*Set cursor cho button khi disabled*/
button-icon-control[disabled]{
     cursor:not-allowed
}

/*Icon in grid*/
.tms-btn-icon-not-border {
    background: none;
    transition: color 0.3s;
    background: none;
    color: #6C757D;
}

    .tms-btn-icon-not-border:disabled {
        background: none;
        color: #DEE2E6;
    }

    .tms-btn-icon-not-border:hover {
        color: #1F4A7C !important;
    }

    .tms-btn-icon-not-border:focus {
        box-shadow: none;
    }

.icon-not-border-danger {
    color: #6C757D !important;
}

    .icon-not-border-danger:hover,
    .icon-not-border-danger:focus {
        color: #DC3545 !important;
    }

/*Icon in button*/
.tms-btn-icon {
    background-color: #FFF;
    border: 1px #1E4B7E solid;
    border-radius: 5px;
    color: #1F4A7C !important;
    padding: 4px 4px;
    line-height: 0;
    width: 22px;
    height: 22px;
    transition: background-color .3s;
}

    .tms-btn-icon:hover {
        color: #FFFFFF !important;
        background-color: #1F4A7C !important;
    }

.tms-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
}

.icon-not-border-danger {
    color: #DC3545 !important;
}

.icon-danger {
    border: 1px #DC3545 solid !important;
    color: #DC3545 !important;
}

    .icon-danger:hover {
        color: #FFFFFF !important;
        background-color: #DC3545 !important;
    }

.icon-warning {
    border: 1px #ff7022 solid !important;
    color: #ff7022 !important;
}

    .icon-warning:hover {
        color: #FFFFFF !important;
        background-color: #ff7022 !important;
    }

.tms-btn-icon:disabled {
    background:none;
    color:#DEE2E6;
}

.tms-btn-icon-success {
    color:#686F75!important;
}
.tms-btn-icon-success:hover {
    color:#1E4B7E!important;
}
.tms-btn-icon-success:disabled {
    color:#DEE2E6;
}

.tms-btn-icon-add {
    color:#686F75!important;
}
.tms-btn-icon-add:hover {
    color:#1E4B7E!important;
}
.tms-btn-icon-add:disabled {
    color:#DEE2E6;
}

.tms-btn-icon-edit {
    color:#686F75!important;
}
.tms-btn-icon-edit:hover {
    color:#1E4B7E!important;
}
.tms-btn-icon-edit:disabled {
    color:#DEE2E6;
}

.icon-green::before {
    color: #198754 !important;
}

.icon-green::after {
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    background-color: #F51A1A;
    border-radius: 100%;
    margin-bottom: 13px;
    margin-left: 15px;
}

.icon-red::after {
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    background-color: #F51A1A;
    border-radius: 100%;
    margin-bottom: 13px;
    margin-left: 15px;
}

.icon-tms-new-picture:before {
    color: #6C757D;
}

/*Size*/
.btn-icon-xs {

}

.btn-icon-sm {
    width: 22px !important;
    height: 22px !important;
}

.btn-icon-lg {
    width: 26px !important;
    height: 26px !important;
}
/*Thiết lập caledar header & footer*/
.k-calendar-container.k-group.k-popup .k-header a,
.k-calendar-container.k-group.k-popup .k-footer a {
    background-color: #FFFFFF;
}

.k-calendar .k-content th {
    text-align: center;
}

panel-header date-picker-control .k-widget.k-datetimepicker.k-header {
    margin: 0;
}

.k-calendar td.k-state-selected, li.k-state-selected {
    box-shadow: unset;
    padding: unset;
    background-color: #1F4A7C !important;
    color: #FFFFFF !important;
}

.k-today {
    background: none;
    padding: unset !important;
    color: #1F4A7C !important;
    background-color: #FFFFFF !important;
}

    .k-today > a.k-link {
        border: 1px #1F4A7C solid;
        border-radius: 4px !important;
    }

.k-footer > .k-nav-today {
    color: #1F4A7C !important;
    background-color: #FFFFFF !important;
    font-weight: bold,
}

.k-calendar .k-header .k-i-arrow-60-left:before {
    font-family: 'FontAwesome';
    content: "\f104";
    color: #CED4DA;
}

.k-calendar .k-header .k-i-arrow-60-right:before {
    font-family: 'FontAwesome';
    content: "\f105";
    color: #CED4DA;
}

table.k-month, table.k-year {
    border-bottom: 1px solid #DEE2E6 !important;
    border-top: 1px solid #DEE2E6 !important;
}

chart-control .full-screen{
    top:0!important;
    left:0!important;
    margin:0!important;
    position:fixed!important;
    z-index:10000!important;
    width:100vw!important;
    height:100vh!important;
}
chart-table-control .full-screen{
    top:0!important;
    left:0!important;
    margin:0!important;
    position:fixed!important;
    z-index:10000!important;
    width:100vw!important;
    height:100vh!important;
}
panel-index-header md-checkbox{
    margin-bottom:0;
}
panel-index-filter md-checkbox{
    margin-bottom:0;
}
panel-header md-checkbox{
    margin-bottom:0;
}
panelbar-control md-checkbox {
    margin-bottom: 0;
}

panel-footer md-checkbox{
    margin-bottom: 0;
}

md-switch .md-container {
    cursor: pointer !important;
}

md-switch {
    margin: 12px 0;
}

.switch-day-night-container {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 3px;
}

.switch-day-night {
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
    width: 55px;
    height: 26px;
    line-height: 0px;
}

    .switch-day-night input {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2;
        opacity: 0;
    }

    .switch-day-night label {
        cursor: pointer;
    }

        .switch-day-night label .background {
            box-sizing: border-box;
            z-index: 1;
            position: absolute;
            width: 100%;
            height: 100%;
            border-radius: 2.5rem;
            border: 0.25rem solid #202020;
            background: linear-gradient(to right, #484848 0%,#202020 100%);
            transition: all 0.3s;
        }

.stars1,
.stars2 {
    position: absolute;
    height: 2px;
    width: 2px;
    background: #FFFFFF;
    border-radius: 50%;
    transition: 0.3s all ease;
}

.stars1 {
    top: 11px;
    right: 20px;
}

.stars2 {
    top: 10px;
    right: 11px;
}

    .stars1:after,
    .stars1:before,
    .stars2:after,
    .stars2:before {
        position: absolute;
        content: "";
        display: block;
        height: 2px;
        width: 2px;
        background: #FFFFFF;
        border-radius: 50%;
        transition: 0.2s all ease;
    }

.stars1:after {
    top: 7px;
    right: -4px;
}

.stars1:before {
    top: -7px;
    right: 3px;
}

.stars2:after {
    top: -1px;
    right: -7px;
}

.stars2:before {
    top: -6px;
    right: -1px;
}

.sun-moon {
    z-index: 2;
    position: absolute;
    left: 3px;
    top: 3px;
    display: inline-block;
    height: 15px;
    width: 15px;
    background: #FFFDF2;
    border-radius: 50%;
    transition: all 0.5s ease;
    border: 0.25rem solid #DEE2C6;
}

    .sun-moon .dots {
        position: absolute;
        top: 0px;
        left: 6px;
        height: 5px;
        width: 5px;
        background: #EFEEDB;
        border: 0.25rem solid #DEE2C6;
        border-radius: 50%;
        transition: 0.4s all ease;
    }

        .sun-moon .dots:after,
        .sun-moon .dots:before {
            position: absolute;
            content: "";
            display: block;
            height: 0.25rem;
            width: 0.25rem;
            background: #EFEEDB;
            border: 0.25rem solid #DEE2C6;
            border-radius: 50%;
            transition: 0.4s all ease;
        }

        .sun-moon .dots:after {
            top: 0px;
            left: -7px;
            width: 3px;
            height: 3px;
        }

        .sun-moon .dots:before {
            top: 9px;
            left: -3px;
            width: 5px;
            height: 5px;
        }

/* Transition to Sun */

.switch-day-night input:checked ~ .sun-moon {
    left: calc(100% - 23px);
    background: #F5EC59;
    border-color: #E7C65C;
    transform: rotate(-25deg);
}

    .switch-day-night input:checked ~ .sun-moon .dots,
    .switch-day-night input:checked ~ .sun-moon .dots:after,
    .switch-day-night input:checked ~ .sun-moon .dots:before {
        background: #FFFFFF;
        border-color: #FFFFFF;
    }

    .switch-day-night input:checked ~ .sun-moon .dots {
        height: 10px;
        width: 10px;
        top: -7px;
        left: -17px;
        transform: rotate(25deg);
    }

        .switch-day-night input:checked ~ .sun-moon .dots:after {
            height: 8px;
            width: 8px;
            top: 4px;
            left: -7px;
        }

        .switch-day-night input:checked ~ .sun-moon .dots:before {
            height: 9px;
            width: 9px;
            top: 3px;
            left: 10px;
        }

.switch-day-night input:checked ~ .background .stars1,
.switch-day-night input:checked ~ .background .stars2 {
    opacity: 0;
    transform: translateY(2rem);
}

.switch-day-night input:checked ~ .background {
    border: 0.25rem solid #78C1D5;
    background: linear-gradient(to right, #78C1D5 0%, #BBE7F5 100%);
}

md-checkbox[disabled] {
    cursor: not-allowed;
}

    md-checkbox[disabled] > .md-label > .tms-label-checkbox {
        color: #9d9d9d;
    }

md-checkbox .md-label {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 3px;
}
.hide-icon .k-combobox .k-dropdown-wrap  .k-select{
    display: none;
}

.hide-icon .k-combobox .k-dropdown-wrap  .k-input{
    padding-right: 0;
}

.hide-icon .k-combobox .k-state-hover{
    background: none;
}
.hide-icon .k-combobox .k-dropdown-wrap{
    background: none;
}

.k-dropdown-wrap > .k-select {
    border-style: none;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 5px;
}

.k-combobox > .k-dropdown-wrap > .k-select > .k-i-arrow-60-down::before {
    content: "\f107";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    color: #343A40;
}

.k-combobox.form-control {
    border: none;
}

.has-error > .k-combobox > .k-dropdown-wrap {
    border-color: #DC3545 !important;
}

    .has-error > .k-combobox > .k-dropdown-wrap.k-state-focused {
        box-shadow: 0px 0px 0px 4px rgba(220, 53, 69, 0.25) !important;
        border-radius: 4px !important;
    }

.k-dropdown-wrap.k-state-default {
    font-size: 14px;
    border: 1px solid #ccc;
}

    .k-dropdown-wrap.k-state-default:hover {
        font-size: 14px;
        border-color: #aeaeae;
    }

/*.k-list-scroller::-webkit-scrollbar {
    display: none;
}*/

.k-combobox-clearable .k-input {
    padding-right: 10px;
}

.tms-combo-box-group {
    position: relative;
    border-collapse: separate;
    display: flex;
    flex-direction: row;
    align-items: center;
    line-height: 2;
}

    .tms-combo-box-group .tms-combo-box-group-container {
        width: 100%;
    }

    .tms-combo-box-group > .tms-btn-combo-box-group-container > .tms-btn-combo-box-group-prefix {
        box-sizing: border-box;
        padding: 6px 12px;
        border: 1px #CED4DA solid;
        background-color: #F8F9FA;
        color: #1F4A7C;
        height: 34px !important;
        font-size: 14px;
        line-height: 1;
        border-radius: 5px 0px 0px 5px;
    }

    .tms-combo-box-group > .tms-combo-box-group-container > .k-combobox > .k-dropdown-wrap {
        border-radius: 0px 5px 5px 0px !important;
    }

.k-popup .k-list .k-item {
    font-size: 14px;
}

.k-combobox > .k-dropdown-wrap > .k-input {
    height: 100%;
}

.k-combobox > .k-dropdown-wrap > .k-select > span {
    height: 100%;
}
.tms-custom-group {
    position: relative;
    border-collapse: separate;
    display: flex;
    flex-direction: row;
    align-items: center;
    line-height: 0;
}

    .tms-custom-group .tms-custom-group-container {
        width: 100%;
    }

    .tms-custom-group > .tms-btn-custom-group-container > .tms-btn-custom-group-suffix {
        box-sizing: border-box;
        padding: 6px 12px;
        border: 1px #CED4DA solid;
        background-color: #F8F9FA;
        color: #1F4A7C;
        height: 34px !important;
        font-size: 14px;
        line-height: 1;
        border-radius: 0px 4px 4px 0px;
    }

.custom-date-picker date-picker-control .k-picker-wrap.k-state-default{
    border-radius: 4px 0px 0px 4px;
}

.custom-combo-box combo-box-control .tms-combo-box-group > .tms-combo-box-group-container > .k-combobox > .k-dropdown-wrap {
    border-radius: 4px 0px 0px 4px !important;
}

datasheet-control .full-screen{
    top:0!important;
    left:0!important;
    margin:0!important;
    position:fixed!important;
    z-index:10000!important;
    width:100vw!important;
    height:100vh!important;
}
.has-error > .k-datetimepicker > .k-picker-wrap,
.has-error > .k-datepicker > .k-picker-wrap,
.has-error > .k-timepicker > .k-picker-wrap {
    border-color: #DC3545;
}

    .has-error > .k-datetimepicker > .k-picker-wrap.k-state-focused,
    .has-error > .k-datepicker > .k-picker-wrap.k-state-focused,
    .has-error > .k-timepicker > .k-picker-wrap.k-state-focused {
        box-shadow: 0px 0px 0px 4px rgba(220, 53, 69, 0.25) !important;
        border-radius: 4px !important;
        border-color: #DC3545 !important;
    }

.has-error .form-control-date-picker {
    background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.99951 1.74918C4.54773 1.74918 1.74951 4.5474 1.74951 7.99918C1.74951 11.451 4.54773 14.2492 7.99951 14.2492C11.4513 14.2492 14.2495 11.451 14.2495 7.99918C14.2495 4.5474 11.4513 1.74918 7.99951 1.74918ZM0.749512 7.99918C0.749512 3.99511 3.99545 0.749176 7.99951 0.749176C12.0036 0.749176 15.2495 3.99511 15.2495 7.99918C15.2495 12.0032 12.0036 15.2492 7.99951 15.2492C3.99545 15.2492 0.749512 12.0032 0.749512 7.99918ZM7.334 4.058C7.42856 3.95669 7.56093 3.89918 7.69951 3.89918H8.29951C8.4381 3.89918 8.57046 3.95669 8.66503 4.058C8.75959 4.15931 8.80786 4.29532 8.79833 4.43358L8.49833 8.78358C8.48025 9.04575 8.2623 9.24918 7.99951 9.24918C7.73672 9.24918 7.51878 9.04575 7.5007 8.78358L7.2007 4.43358C7.19116 4.29532 7.23944 4.15931 7.334 4.058ZM8.89951 11.2992C8.89951 11.7962 8.49657 12.1992 7.99951 12.1992C7.50246 12.1992 7.09951 11.7962 7.09951 11.2992C7.09951 10.8021 7.50246 10.3992 7.99951 10.3992C8.49657 10.3992 8.89951 10.8021 8.89951 11.2992Z' fill='%23DC3545'/%3E%3C/svg%3E%0A") no-repeat scroll 7px 7px;
    background-position: right center;
    background-origin: content-box;
    padding-right: 5px;
    background-color: #ffffff;
}
@charset "UTF-8";

/*Thiết lập độ rộng của filterable cell trong grid*/
.k-filtercell > .k-operator-hidden {
    padding-bottom: 5px;
    padding-right: 0;
}

/*Ẩn 2 nút clear filter trong Kendo Grid*/
.k-clear-value {
    display: none !important;
}

.k-filtercell > .k-operator-hidden > .k-button {
    display: none !important;
}

/*Thiết lập kích thước chữ và chiều cao của mỗi dòng trong grid*/
.k-grid {
    height: calc(100% - 5px);
    /* height: 100%; */
    font-size: 12px;
}

    .k-grid td {
        line-height: 2em;
        white-space: nowrap; /*Không cho phép text in cell xuống hàng*/
        padding: 2px; /*Thu nhỏ padding mỗi cell*/
    }

    /*thay đổi bỏ các border trong grid và màu sắc hiển thị của header trong grid*/

    .k-grid td, th {
        border: none !important;
    }

    .k-grid th {
        background-color: #DEE2E6 !important;
        /*text-transform: uppercase;*/
        font-weight: 500 !important;
        color: #4C6A84 !important;
    }

        .k-grid th > a {
            padding-bottom: 8px !important;
            font-weight: 500;
            color: #212529 !important;
        }

    .k-grid.k-widget.k-display-block {
        border: 0;
        border-style: none;
        border-width: 0;
    }

    .k-grid .k-grid-header {
        background-color: #DEE2E6 !important;
        border-radius: 0px;
        padding: 10px 17px 0px 0px;
        /*border-radius: 8px 8px 0px 0px;*/
    }

    .k-grid .k-grid-header .k-auto-scrollable {
        border-right-color: transparent !important;
    }

.k-grid-header th.k-header {
    font-size: 14px;
    padding: 1px 8px;
    vertical-align: middle;
    color: #212529 !important;
}

.k-grid tr td {
    padding: 5px 6px 5px 9px;
    font-size: 14px;
}


/*Thiết lập màu border cho grid*/
.k-grid table {
    border-collapse: collapse;
}

.k-grid tr {
    border-collapse: collapse !important;
}

/* .k-grid .k-grid-content table tr:hover {
    border-top: 2px solid #19BDF8;
    border-bottom: 2px solid #19BDF8;
} */

/*Thiết lập màu text cho edit text cell*/
.k-grid tbody tr td input {
    color: black;
}

/*Thiết lập selected row của grid*/
.k-grid td.k-state-selected:hover, .k-grid tr.k-state-selected:hover td {
    background-color: transparent !important;
}

.k-grid tr.k-state-selected {
    background-color: #ECECEC !important;
    color: #333;
    border-left: 4px solid #1890FF;
    border-top: 1px solid #1890FF;
    border-bottom: 1px solid #1890FF;
}

.k-footer-template td {
    background-color: #DEE2E6;
}

.k-pager-wrap {
    background-color: #FFF;
}

/*Thiết lập màu checkbox của grid theo màu chuẩn TMS*/
grid-control .allcp-form .option-primary input:checked + .checkbox {
    border-color: #1E4B7E;
}

    grid-control .allcp-form .option-primary input:checked + .checkbox:before {
        border-color: #1E4B7E;
    }

/*Thiết lập kích thước icon trong grid*/
grid-control tbody td i {
    font-size: 16px;
}

/*Thiết lập class cho button configure grid*/
/*grid-control .btn-config {
    background: #f5f5f5;
    border-color: #ccc;
    color: #1E4B7E;
    float: right;
    cursor: pointer;
    text-align: center;
    font-size: 20px;
}*/

.tms-icon-grid-footer {
    transition: color .3s;
    font-size: 25px !important;
    border-color: #ccc;
    color: #6C757D;
    padding: 0px 10px 0px 0px;
    text-align: center;
    cursor: pointer;
    float: right;
    line-height: 1;
    margin: 0px !important;
    background-color: transparent !important;
}

    .tms-icon-grid-footer:hover {
        color: #1F4A7C !important;
    }

    .tms-icon-grid-footer:focus,
    .tms-icon-grid-footer:active {
        background-color: transparent !important;
        box-shadow: none !important;
    }

.tms-icon-popup-grid-setting {
    font-size: 17px !important;
    top: 3px;
    position: relative;
}

/* Grid control redesign May 2023 */
.k-alt {
    background-color: transparent;
}

.k-grid .k-grid-content tbody > tr.k-alt { 
    background-color: transparent;
}

.k-grid .k-grid-content tbody > tr.k-alt.k-state-selected {
    background-color: #ECECEC;
}

.k-grid .k-grid-content tbody > tr:hover { 
    background-color: #ECECEC !important;
}

.k-grid .checkbox {
    border: 1px solid rgba(0, 0, 0, 0.5);
    border-radius: 4px;
}

.k-header:not(.k-sorted) > .k-link:not(.k-nav-prev, .k-nav-next, .k-nav-fast):before {
    content: url("data:image/svg+xml,%3Csvg width='9' height='13' viewBox='0 0 9 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.98235 12.6588L0.685101 8.88988C0.295976 8.44644 0.612226 7.75 1.20279 7.75H7.79729C7.92946 7.74989 8.05886 7.78787 8.16999 7.85941C8.28113 7.93095 8.36928 8.033 8.42391 8.15335C8.47854 8.2737 8.49731 8.40725 8.47799 8.538C8.45867 8.66875 8.40207 8.79115 8.31498 8.89056L5.01773 12.6581C4.9532 12.7319 4.87362 12.7911 4.78433 12.8316C4.69504 12.8722 4.5981 12.8932 4.50004 12.8932C4.40197 12.8932 4.30504 12.8722 4.21575 12.8316C4.12646 12.7911 4.04688 12.7319 3.98235 12.6581V12.6588Z' fill='%23ADB5BD'/%3E%3Cpath d='M3.98235 0.34125L0.685101 4.10944C0.295976 4.55425 0.612226 5.25 1.20279 5.25H7.79729C7.92946 5.25011 8.05886 5.21213 8.16999 5.14059C8.28113 5.06905 8.36928 4.967 8.42391 4.84665C8.47854 4.7263 8.49731 4.59275 8.47799 4.462C8.45867 4.33125 8.40207 4.20885 8.31498 4.10944L5.01773 0.341938C4.9532 0.268094 4.87362 0.208909 4.78433 0.168358C4.69504 0.127807 4.5981 0.106827 4.50004 0.106827C4.40197 0.106827 4.30504 0.127807 4.21575 0.168358C4.12646 0.208909 4.04688 0.268094 3.98235 0.341938V0.34125Z' fill='%23ADB5BD'/%3E%3C/svg%3E%0A");
    float: right;
    position: relative;
    top: 2px;
    right: 2px;
}

/* Mũi tên tam giác xanh ở dưới khi sort */
.k-i-sort-asc-sm {
    float: right;
}

.k-i-sort-asc-sm:before {
    content: url("data:image/svg+xml,%3Csvg width='8' height='13' viewBox='0 0 8 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.46868 12.5519L0.171429 8.78305C-0.217696 8.33961 0.0985537 7.64317 0.689116 7.64317H7.28362C7.41578 7.64306 7.54518 7.68105 7.65632 7.75258C7.76745 7.82412 7.85561 7.92617 7.91024 8.04652C7.96486 8.16688 7.98364 8.30042 7.96432 8.43117C7.945 8.56192 7.8884 8.68433 7.8013 8.78374L4.50405 12.5512C4.43952 12.6251 4.35994 12.6843 4.27065 12.7248C4.18136 12.7654 4.08443 12.7863 3.98637 12.7863C3.8883 12.7863 3.79137 12.7654 3.70208 12.7248C3.61279 12.6843 3.53321 12.6251 3.46868 12.5512V12.5519Z' fill='%231F4A7C'/%3E%3Cpath d='M3.46868 0.234423L0.171429 4.00261C-0.217696 4.44742 0.0985537 5.14317 0.689116 5.14317H7.28362C7.41578 5.14329 7.54518 5.1053 7.65632 5.03376C7.76745 4.96223 7.85561 4.86017 7.91024 4.73982C7.96486 4.61947 7.98364 4.48592 7.96432 4.35518C7.945 4.22443 7.8884 4.10202 7.8013 4.00261L4.50405 0.235111C4.43952 0.161267 4.35994 0.102083 4.27065 0.0615312C4.18136 0.0209799 4.08443 0 3.98637 0C3.8883 0 3.79137 0.0209799 3.70208 0.0615312C3.61279 0.102083 3.53321 0.161267 3.46868 0.235111V0.234423Z' fill='%23ADB5BD'/%3E%3C/svg%3E%0A");
}

/* Mũi tên tam giác xanh ở trên khi sort */
.k-i-sort-desc-sm {
    float: right;
}

.k-i-sort-desc-sm:before {
    content: url("data:image/svg+xml,%3Csvg width='9' height='13' viewBox='0 0 9 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.98235 12.6588L0.685101 8.88988C0.295976 8.44644 0.612226 7.75 1.20279 7.75H7.79729C7.92946 7.74989 8.05886 7.78787 8.16999 7.85941C8.28112 7.93095 8.36928 8.033 8.42391 8.15335C8.47854 8.2737 8.49731 8.40725 8.47799 8.538C8.45867 8.66875 8.40207 8.79115 8.31498 8.89056L5.01773 12.6581C4.9532 12.7319 4.87362 12.7911 4.78433 12.8316C4.69504 12.8722 4.5981 12.8932 4.50004 12.8932C4.40197 12.8932 4.30504 12.8722 4.21575 12.8316C4.12646 12.7911 4.04688 12.7319 3.98235 12.6581V12.6588Z' fill='%23ADB5BD'/%3E%3Cpath d='M3.98235 0.341235L0.685101 4.10942C0.295976 4.55423 0.612226 5.24998 1.20279 5.24998H7.79729C7.92946 5.2501 8.05886 5.21211 8.16999 5.14058C8.28112 5.06904 8.36928 4.96698 8.42391 4.84663C8.47854 4.72628 8.49731 4.59274 8.47799 4.46199C8.45867 4.33124 8.40207 4.20883 8.31498 4.10942L5.01773 0.341922C4.9532 0.268078 4.87362 0.208894 4.78433 0.168343C4.69504 0.127791 4.5981 0.106812 4.50004 0.106812C4.40197 0.106812 4.30504 0.127791 4.21575 0.168343C4.12646 0.208894 4.04688 0.268078 3.98235 0.341922V0.341235Z' fill='%231F4A7C'/%3E%3C/svg%3E%0A");
}

.k-grid .k-state-focused {
    box-shadow: 0px 0px 0px 4px rgba(13, 110, 253, 0.25);
    border-radius: 4px;
}

.k-numerictextbox .k-i-arrow-60-up {
    top: -1px;
}

.k-numeric-wrap .k-icon.k-i-arrow-60-up:before {
    content: url("data:image/svg+xml,%3Csvg width='9' height='8' viewBox='0 0 9 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.32283 2.32223C4.34605 2.29894 4.37364 2.28047 4.40401 2.26787C4.43438 2.25527 4.46694 2.24878 4.49983 2.24878C4.53271 2.24878 4.56527 2.25527 4.59564 2.26787C4.62602 2.28047 4.6536 2.29894 4.67683 2.32223L7.67683 5.32223C7.72377 5.36917 7.75014 5.43284 7.75014 5.49923C7.75014 5.56561 7.72377 5.62928 7.67683 5.67623C7.62988 5.72317 7.56622 5.74954 7.49983 5.74954C7.43344 5.74954 7.36977 5.72317 7.32283 5.67623L4.49983 2.85273L1.67683 5.67623C1.62988 5.72317 1.56622 5.74954 1.49983 5.74954C1.43344 5.74954 1.36977 5.72317 1.32283 5.67623C1.27588 5.62928 1.24951 5.56561 1.24951 5.49923C1.24951 5.43284 1.27588 5.36917 1.32283 5.32223L4.32283 2.32223Z' fill='%236C757D'/%3E%3C/svg%3E%0A");
}

.k-numeric-wrap .k-icon.k-i-arrow-60-down:before {
    content: url("data:image/svg+xml,%3Csvg width='9' height='8' viewBox='0 0 9 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.32247 2.32223C1.34569 2.29894 1.37328 2.28047 1.40365 2.26787C1.43403 2.25527 1.46659 2.24878 1.49947 2.24878C1.53235 2.24878 1.56491 2.25527 1.59529 2.26787C1.62566 2.28047 1.65325 2.29894 1.67647 2.32223L4.49947 5.14573L7.32247 2.32223C7.34571 2.29898 7.37331 2.28054 7.40368 2.26796C7.43405 2.25538 7.4666 2.24891 7.49947 2.24891C7.53234 2.24891 7.56489 2.25538 7.59526 2.26796C7.62563 2.28054 7.65323 2.29898 7.67647 2.32223C7.69971 2.34547 7.71815 2.37306 7.73073 2.40343C7.74331 2.4338 7.74979 2.46635 7.74979 2.49923C7.74979 2.5321 7.74331 2.56465 7.73073 2.59502C7.71815 2.62539 7.69971 2.65298 7.67647 2.67623L4.67647 5.67623C4.65325 5.69951 4.62566 5.71798 4.59529 5.73058C4.56491 5.74319 4.53235 5.74967 4.49947 5.74967C4.46659 5.74967 4.43403 5.74319 4.40365 5.73058C4.37328 5.71798 4.34569 5.69951 4.32247 5.67623L1.32247 2.67623C1.29919 2.653 1.28072 2.62542 1.26811 2.59504C1.25551 2.56467 1.24902 2.53211 1.24902 2.49923C1.24902 2.46634 1.25551 2.43378 1.26811 2.40341C1.28072 2.37304 1.29919 2.34545 1.32247 2.32223Z' fill='%236C757D'/%3E%3C/svg%3E%0A");
}

grid-control .allcp-form .option-primary input:checked + .checkbox {
    background-color: #1F4A7C;
}

grid-control .allcp-form .option-primary input:checked + .checkbox:before {
    color: white !important;
    border-color: white;
}

grid-control .btn-excel {
    /* background: #f5f5f5; */
    border-color: #ccc;
    color: #6C757D;
    float: right;
    cursor: pointer;
    text-align: center;
    font-size:20px;
    padding-right: 10px;
}

grid-control .btn-excel:hover {
    color:#1F4A7C;
}

grid-control .btn-intro {
    border-color: #ccc;
    color: #1F4A7C;
    float: right;
    cursor: pointer;
    text-align: center;
    font-size:14px;
    padding-right: 10px;
}

grid-control .btn-intro > span:hover {
    text-decoration: underline;
}

grid-control .btn-intro > i {
    font-size: 18px;
    color: gold;
    padding-right: 5px;
}

/* Tooltip riêng phân biệt với md-tooltip */
.k-tooltip:has(.k-tooltip-content) {
    background-color:#f5f5f5;
    border: 1px solid black;
    color: black;
}

.k-pager-numbers .k-state-selected {
    background: #1F4A7C;
    border: 1px solid #1F4A7C;
}

.k-pager-sizes {
    padding-top: 0px !important;
    padding-left: 0px !important;
}

    .k-pager-sizes .k-dropdown .k-dropdown-wrap {
        width: 100px;
    }

.k-header .k-link.k-state-active:hover {
    background-color: transparent !important;
    border-color: none !important;
}

.k-pager-sizes .k-dropdown .k-dropdown-wrap .k-input {
    font-size: 14px;
    height: 23px;
}

.k-pager-sizes .k-dropdown .k-dropdown-wrap .k-input:after {
    /* content: " dòng"; */
    content: "\0020\0064\00F2\006E\0067";

}

.k-pager-wrap .k-pager-refresh {
    background-color: transparent;
}

.k-grid-header th.k-header>.k-link {
    margin-top: 0px;
    margin-bottom: 0px;
}

.grid-no-data {
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.grid-no-data-text {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 150%;
    text-align: center;
    color: #212529;
}

.tms-label-grid-link {
    color: #1F4A7C;
    font-weight: normal;
    font-size: 14px;
    line-height: normal;
}

    .tms-label-grid-link:hover {
        text-decoration: underline;
        text-decoration-color: #1F4A7C;
    }

.tms-label-grid {
    color: #212529;
    font-weight: normal;
    font-size: 14px;
    line-height: normal;
}

.tms-btn-grid-link {
    color: #1F4A7C;
    transition: color .3s;
    background-color: #FFF;
    display: inline;
}

    .tms-btn-grid-link:focus {
        box-shadow: none;
    }

.tms-icon-grid-status {
    display: inline-table;
    text-align: center;
    margin-right: 8px;
    margin-bottom: 1px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
}

.icon-grid-success {
    background-color: #198754 !important;
}

.icon-grid-danger {
    background-color: #DC3545 !important;
}

.icon-grid-new {
    background-color: #6C757D !important;
}

.icon-grid-warning {
    background-color: #FFC107 !important;
}

.icon-grid-primary {
    background-color: #1F4A7C !important;
}

.icon-grid-primary1 {
    background-color: #6C7FFF !important;
}

.icon-grid-return {
    background-color: #C344DB !important;
}

.k-grid .k-input {
    -webkit-transition: border-color ease-in-out .3s;
    -o-transition: border-color ease-in-out .3s;
    transition: box-shadow ease-in-out .2s;
}

    .k-grid .k-textbox:focus {
        border-color: #91dfe9 !important;
        box-shadow: 0px 0px 0px 4px rgba(13, 110, 253, 0.25);
        border-radius: 4px;
    }

.k-grouping-header:has(.k-group-indicator):before {
    content: "Nhóm theo: ";
}

input .k-textbox {
    height: 34px !important;
}

.tms-grid-column-disabled {
    color: #6C757D !important;
    cursor: not-allowed !important;
}

.tms-grid-column-highlight-red {
    color: #FF0000 !important;
}

.tms-btn-grid-dependent-field {
    color: #212529;
    border-radius: 25px;
    display: block;
    padding: 2px;
    line-height: 24px;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    text-overflow: ellipsis;
    overflow: hidden;
}

.k-pager-nav .k-i-seek-w {
    content: url("data:image/svg+xml,%3Csvg width='12' height='13' viewBox='0 0 12 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.26519 1.73368C6.30012 1.76851 6.32782 1.80989 6.34673 1.85545C6.36563 1.90101 6.37536 1.94985 6.37536 1.99918C6.37536 2.0485 6.36563 2.09734 6.34673 2.1429C6.32782 2.18846 6.30012 2.22984 6.26519 2.26468L2.02994 6.49918L6.26519 10.7337C6.33561 10.8041 6.37517 10.8996 6.37517 10.9992C6.37517 11.0988 6.33561 11.1943 6.26519 11.2647C6.19478 11.3351 6.09928 11.3746 5.99969 11.3746C5.90011 11.3746 5.80461 11.3351 5.73419 11.2647L1.23419 6.76468C1.19927 6.72984 1.17156 6.68846 1.15266 6.6429C1.13375 6.59734 1.12402 6.5485 1.12402 6.49918C1.12402 6.44985 1.13375 6.40101 1.15266 6.35545C1.17156 6.30989 1.19927 6.26851 1.23419 6.23368L5.73419 1.73368C5.76903 1.69875 5.81041 1.67105 5.85597 1.65214C5.90153 1.63324 5.95037 1.6235 5.99969 1.6235C6.04902 1.6235 6.09786 1.63324 6.14342 1.65214C6.18898 1.67105 6.23036 1.69875 6.26519 1.73368Z' fill='%231F4A7C'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.26519 1.73368C9.30012 1.76851 9.32782 1.80989 9.34673 1.85545C9.36563 1.90101 9.37536 1.94985 9.37536 1.99918C9.37536 2.0485 9.36563 2.09734 9.34673 2.1429C9.32782 2.18846 9.30012 2.22984 9.26519 2.26468L5.02994 6.49918L9.26519 10.7337C9.30006 10.7685 9.32772 10.8099 9.34659 10.8555C9.36546 10.901 9.37517 10.9499 9.37517 10.9992C9.37517 11.0485 9.36546 11.0973 9.34659 11.1429C9.32772 11.1884 9.30006 11.2298 9.26519 11.2647C9.23033 11.2995 9.18894 11.3272 9.14338 11.3461C9.09783 11.3649 9.049 11.3746 8.99969 11.3746C8.95039 11.3746 8.90156 11.3649 8.85601 11.3461C8.81045 11.3272 8.76906 11.2995 8.73419 11.2647L4.23419 6.76468C4.19927 6.72984 4.17156 6.68846 4.15266 6.6429C4.13375 6.59734 4.12402 6.5485 4.12402 6.49918C4.12402 6.44985 4.13375 6.40101 4.15266 6.35545C4.17156 6.30989 4.19927 6.26851 4.23419 6.23368L8.73419 1.73368C8.76903 1.69875 8.81041 1.67105 8.85597 1.65214C8.90153 1.63324 8.95037 1.6235 8.99969 1.6235C9.04902 1.6235 9.09786 1.63324 9.14342 1.65214C9.18898 1.67105 9.23036 1.69875 9.26519 1.73368Z' fill='%231F4A7C'/%3E%3C/svg%3E%0A");
}

.k-pager-nav .k-i-seek-e {
    content: url("data:image/svg+xml,%3Csvg width='12' height='13' viewBox='0 0 12 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.73419 1.73368C2.76903 1.69875 2.81041 1.67105 2.85597 1.65214C2.90153 1.63324 2.95037 1.6235 2.99969 1.6235C3.04902 1.6235 3.09786 1.63324 3.14342 1.65214C3.18898 1.67105 3.23036 1.69875 3.26519 1.73368L7.76519 6.23368C7.80012 6.26851 7.82782 6.30989 7.84673 6.35545C7.86563 6.40101 7.87536 6.44985 7.87536 6.49918C7.87536 6.5485 7.86563 6.59734 7.84673 6.6429C7.82782 6.68846 7.80012 6.72984 7.76519 6.76468L3.26519 11.2647C3.19478 11.3351 3.09928 11.3746 2.99969 11.3746C2.90011 11.3746 2.80461 11.3351 2.73419 11.2647C2.66378 11.1943 2.62422 11.0988 2.62422 10.9992C2.62422 10.8996 2.66378 10.8041 2.73419 10.7337L6.96944 6.49918L2.73419 2.26468C2.69927 2.22984 2.67156 2.18846 2.65266 2.1429C2.63375 2.09734 2.62402 2.0485 2.62402 1.99918C2.62402 1.94985 2.63375 1.90101 2.65266 1.85545C2.67156 1.80989 2.69927 1.76851 2.73419 1.73368Z' fill='%231F4A7C'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.73419 1.73368C5.76903 1.69875 5.81041 1.67105 5.85597 1.65214C5.90153 1.63324 5.95037 1.6235 5.99969 1.6235C6.04902 1.6235 6.09786 1.63324 6.14342 1.65214C6.18898 1.67105 6.23036 1.69875 6.26519 1.73368L10.7652 6.23368C10.8001 6.26851 10.8278 6.30989 10.8467 6.35545C10.8656 6.40101 10.8754 6.44985 10.8754 6.49918C10.8754 6.5485 10.8656 6.59734 10.8467 6.6429C10.8278 6.68846 10.8001 6.72984 10.7652 6.76468L6.26519 11.2647C6.19478 11.3351 6.09928 11.3746 5.99969 11.3746C5.90011 11.3746 5.80461 11.3351 5.73419 11.2647C5.66378 11.1943 5.62422 11.0988 5.62422 10.9992C5.62422 10.8996 5.66378 10.8041 5.73419 10.7337L9.96944 6.49918L5.73419 2.26468C5.69927 2.22984 5.67156 2.18846 5.65266 2.1429C5.63375 2.09734 5.62402 2.0485 5.62402 1.99918C5.62402 1.94985 5.63375 1.90101 5.65266 1.85545C5.67156 1.80989 5.69927 1.76851 5.73419 1.73368Z' fill='%231F4A7C'/%3E%3C/svg%3E%0A");
}

.k-pager-nav .k-i-arrow-w {
    content: url("data:image/svg+xml,%3Csvg width='12' height='13' viewBox='0 0 12 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.51519 1.73368C8.55012 1.76851 8.57782 1.80989 8.59673 1.85545C8.61563 1.90101 8.62536 1.94985 8.62536 1.99918C8.62536 2.0485 8.61563 2.09734 8.59673 2.1429C8.57782 2.18846 8.55012 2.22984 8.51519 2.26468L4.27994 6.49918L8.51519 10.7337C8.58561 10.8041 8.62517 10.8996 8.62517 10.9992C8.62517 11.0988 8.58561 11.1943 8.51519 11.2647C8.44478 11.3351 8.34928 11.3746 8.24969 11.3746C8.15011 11.3746 8.05461 11.3351 7.98419 11.2647L3.48419 6.76468C3.44927 6.72984 3.42156 6.68846 3.40266 6.6429C3.38375 6.59734 3.37402 6.5485 3.37402 6.49918C3.37402 6.44985 3.38375 6.40101 3.40266 6.35545C3.42156 6.30989 3.44927 6.26851 3.48419 6.23368L7.98419 1.73368C8.01903 1.69875 8.06041 1.67105 8.10597 1.65214C8.15153 1.63324 8.20037 1.6235 8.24969 1.6235C8.29902 1.6235 8.34786 1.63324 8.39342 1.65214C8.43898 1.67105 8.48036 1.69875 8.51519 1.73368Z' fill='%231F4A7C'/%3E%3C/svg%3E%0A");
}

.k-pager-nav .k-i-arrow-e {
    content: url("data:image/svg+xml,%3Csvg width='12' height='13' viewBox='0 0 12 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.48419 1.73368C3.51903 1.69875 3.56041 1.67105 3.60597 1.65214C3.65153 1.63324 3.70037 1.6235 3.74969 1.6235C3.79902 1.6235 3.84786 1.63324 3.89342 1.65214C3.93898 1.67105 3.98036 1.69875 4.01519 1.73368L8.51519 6.23368C8.55012 6.26851 8.57782 6.30989 8.59673 6.35545C8.61563 6.40101 8.62536 6.44985 8.62536 6.49918C8.62536 6.5485 8.61563 6.59734 8.59673 6.6429C8.57782 6.68846 8.55012 6.72984 8.51519 6.76468L4.01519 11.2647C3.94478 11.3351 3.84928 11.3746 3.74969 11.3746C3.65011 11.3746 3.55461 11.3351 3.48419 11.2647C3.41378 11.1943 3.37422 11.0988 3.37422 10.9992C3.37422 10.8996 3.41378 10.8041 3.48419 10.7337L7.71944 6.49918L3.48419 2.26468C3.44927 2.22984 3.42156 2.18846 3.40266 2.1429C3.38375 2.09734 3.37402 2.0485 3.37402 1.99918C3.37402 1.94985 3.38375 1.90101 3.40266 1.85545C3.42156 1.80989 3.44927 1.76851 3.48419 1.73368Z' fill='%231F4A7C'/%3E%3C/svg%3E%0A");
}

.k-pager-sizes .k-widget.k-dropdown {
    margin-top: 0px;
}

.k-pager-info {
    float: left;
    font-size: 14px;
    line-height: 150%;
    color: #212529;
    padding-top: 5px;
}

.k-pager-numbers > li > span {
    font-size: 14px;
}

.k-grid.k-widget {
    box-shadow: none;
}

.k-grid-pager.k-widget {
    box-shadow: none;
}

.k-grid .k-edit-cell input[type=checkbox] {
    width: 21px;
    height: 21px;
}

.k-grid .radio-grid {
    border-radius: 50%;
    transition: none;
}

grid-control .allcp-form .option-primary input:checked + .radio-grid {
    background-color: transparent;
    border: 5px #1E4B7E solid;
}

    grid-control .allcp-form .option-primary input:checked + .radio-grid:before {
        border-color: transparent;
    }

.allcp-form .option-primary input:checked + .radio-grid {
    content: '' !important;
}

grid-control .k-combobox .k-dropdown-wrap,
grid-control .k-dropdown .k-dropdown-wrap,
grid-control .k-datepicker .k-picker-wrap,
grid-control .k-datetimepicker .k-picker-wrap,
grid-control .k-timepicker .k-picker-wrap,
grid-control .k-autocomplete-clearable {
    height: 30px;
    box-sizing: border-box;
}

    grid-control .k-dropdown .k-dropdown-wrap .k-input {
        height: 100%;
        line-height: 24px;
    }

tree-list-control .k-treelist .k-grid-content {
    display: block !important;
}

tree-list-control .k-treelist .k-status {
    display: none !important;
}

tree-list-control .k-treelist .k-grid-header {
    height: 40px;
    box-sizing: border-box;
}

tree-list-control .k-treelist .k-grid-header-wrap {
    height: 25px;
}

.form-group .input-group-textbox {
    height: 34px !important;
    border-radius: 5px;
}

.tms-grid-input-group {
    position: relative;
    border-collapse: separate;
    display: flex;
    flex-direction: row;
    align-items: center;
    line-height: 0;
    margin-bottom: 0px;
}

    .tms-grid-input-group .tms-txt-input-group-container {
        width: 100%;
    }

    .tms-grid-input-group .tms-btn-input-group-container {
    }

    .tms-grid-input-group > .tms-btn-input-group-container > .tms-btn-input-group-suffix {
        box-sizing: border-box;
        padding: 6px 12px;
        border: 1px #CED4DA solid;
        background-color: #F8F9FA;
        color: #1F4A7C;
        height: 34px !important;
        font-size: 14px;
        line-height: 1;
        border-radius: 0px 5px 5px 0px;
    }

    .tms-grid-input-group > .tms-btn-input-group-container > .tms-btn-input-group-prefix {
        box-sizing: border-box;
        padding: 6px 12px;
        border: 1px #CED4DA solid;
        background-color: #F8F9FA;
        color: #1F4A7C;
        height: 34px !important;
        font-size: 14px;
        line-height: 1;
        border-radius: 5px 0px 0px 5px;
    }
grid-control .tms-clicked {
    cursor:pointer;
    color:#1E4B7E;
    font-weight:bold;
}

grid-control .tms-warning {
    color:red !important;
}

/*CSS for columnCheckBox*/
grid-control .tms-true-status {
    background-color: #48BA52;
    color: #FFFFFF;
    font-weight: 500;
    border-radius: 10px;
    display: block;
    padding: 2px;
    line-height: 24px;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
}

grid-control .tms-false-status {
    background-color: #FFC334;
    color: #FFFFFF;
    font-weight: 500;
    border-radius: 10px;
    display: block;
    padding: 2px;
    line-height: 24px;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
}
.out-img {
    border: solid 1px #aaa;
    border-radius: 5px;
    cursor: pointer;
    resize: none;
}

    .out-img:active {
        box-shadow: 0px 0px 10px 10px rgba(0,0,255,.4);
    }

    .border-none {border:none}

/*.contain {
    background-size: cover;
    position: relative;
    z-index: 10;
    top: 0px;
    left: 0px;
}

textarea {
    background-color: white;
}

.active {
    box-shadow: 0px 0px 10px 10px rgba(255,0,0,.4);
}*/

.form-group .input-group-textbox {
    height: 34px !important;
    border-radius: 5px;
}

.tms-input-group {
    position: relative;
    border-collapse: separate;
    display: flex;
    flex-direction: row;
    align-items: center;
    line-height: 0;
    margin-bottom: 15px;
}

    .tms-input-group .tms-txt-input-group-container {
        width: 100%;
    }

    .tms-input-group .tms-btn-input-group-container {
    }

    .tms-input-group > .tms-btn-input-group-container > .tms-btn-input-group-suffix {
        box-sizing: border-box;
        padding: 6px 12px;
        border: 1px #CED4DA solid;
        background-color: #F8F9FA;
        color: #1F4A7C;
        height: 34px !important;
        font-size: 14px;
        line-height: 1;
        border-radius: 0px 5px 5px 0px;
    }

    .tms-input-group > .tms-btn-input-group-container > .tms-btn-input-group-prefix {
        box-sizing: border-box;
        padding: 6px 12px;
        border: 1px #CED4DA solid;
        background-color: #F8F9FA;
        color: #1F4A7C;
        height: 34px !important;
        font-size: 14px;
        line-height: 1;
        border-radius: 5px 0px 0px 5px;
    }

kendo-timeline-control div.k-event.ng-scope div.kendoTimelineTitle a {
    display: none !important;
    position: absolute;
    top: 3px;
    right: 4px;
    white-space: nowrap;
    color: red !important;
}

kendo-timeline-control div.k-event.ng-scope:hover div.kendoTimelineTitle a {
    display: inline-block !important;
}

.sml-map-tooltip {
    display: none;
    background-color: #0f0f0f;
    line-height: 24px;
    padding: 2px 10px;
    color: #fff;
    border-radius: 5px;
    font-weight: bold;
    margin-bottom: -50%;
}

.sml-map-info {
    background-color: #f0f0f0;
    padding: 8px 18px;
    border: #31b6fc 2px solid;
    border-radius: 10px;
    height: 100%;
    position: relative;
}

.sml-map-info-header {
    padding: 0;
    margin: 0;
    position: relative;
    height: 40px;
    background-color: #f6fafe;
    border-bottom: #d7e3f0 solid 1px;
}

.sml-map-info-header-left {
    padding: 0 5px;
    line-height: 40px;
    font-size: 16px;
    color: #3d5977;
    font-weight: bold;
    margin-left: 3px;
    float: left;
    display: inline-block;
}

.sml-map-info-header-right {
    margin: 0;
    float: right;
    display: inline-block;
}

.sml-map-info-body {
    padding: 5px;
    max-width: 230px;
    width: calc(100% - 10px);
    height: calc(100% - 41px);
    position: relative;
    overflow-y: auto;
}

.sml-map-info-body-detail {
    line-height: 25px;
    padding: 5px;
}

.btnControl { background-color:#1E4B7E;color:#fff; padding:4px 8px;width: 16px;}
.customControl { margin:10px 5px 0px 0px;}
.custom-marker { font-size: 10px; padding: 5px; background: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: #7F7F7F solid 1px;color:#000 }
.custom-marker.dark { background: #d3d5d6; }
.custom-marker.blue { background: #1E4B7E; color: #fff; }
.custom-marker.green { background: #48BA52; color: #fff; }
.custom-marker.yellow { background: #f7fb09; }
.custom-marker.orange { background: #F7B20C; color: #fff; }
.custom-marker.purple { background: #B365DA; color: #fff; }
.custom-marker.deepblue { background: #678BFB; color: #fff; }
.custom-marker.deepgreen { background: #48BA52; color: #fff; }
.custom-marker.brown { background: #844e0e; color: #fff; }
.custom-label { color:#1E4B7E; font-weight: bold;}
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}
.padding0 {
    padding: 0px;
}
.padding1 {
    padding: 5px 0px 0px 0px;
}
.tab-info-on {
    border-bottom: 2px solid #1E4B7E;
    padding-bottom: 5px;
    font-size: 15px;
    color: #000;
}
.tab-info-off {
    padding-bottom: 5px;
    font-size: 15px;
    color: #8a8c8e
}
.tab-info-long {
    border-bottom: 1px solid #d4d7db;
    padding-bottom: 0px;
}
.info-sub {
    padding: 20px 0px 0px 0px;
}

#container-map-top-center {
    position: absolute;
}
/*.k-multiselect-wrap {
    height: 32px;
    overflow-y: hidden;
}

    .k-multiselect-wrap input.k-input {
        height: 0;
    }

        .k-multiselect-wrap input.k-input.k-readonly {
            height: 30px;
        }*/
/*.k-multiselect .k-button{
    max-width:120px;
}

.k-multiselect .k-button span{
    max-width:100px;
    text-overflow:ellipsis;
    white-space:nowrap;
}*/

.k-multiselect .k-button.k-state-hover {
    border-color: #ADB5BD;
    background-color: #CED4DA;
}

.k-multiselect .k-button:active {
    color: #000000;
    -webkit-box-shadow: inset 0 0 10px 3px #CED4DA;
    box-shadow: inset 0 0 10px 3px #CED4DA;
}

.has-error .k-multiselect.k-header.k-state-hover {
    border-color: #f76a6d;
}

.disabled-first-item .k-multiselect-wrap ul li:first-child {
    pointer-events: none;
    opacity: 0.5;
    padding: .1em .4em .1em .4em;
    .k-i-close {
        display: none;
    }
}

#disabled_first_item_listbox li:first-child {
    pointer-events: none;
    opacity: 0.5;
}
.k-panelbar .k-link.k-header {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: flex-start;
    gap: 8px;
    background-color: #DEE2E6 !important;
    color: #1E4B7E !important;
    height: 40px !important;
    font-size: 15px !important;
    padding: 6px 12px;
    border-radius: 8px 8px 0px 0px;
}

.k-panelbar .k-link.content-space-between {
    justify-content: space-between !important;
}

.k-panelbar,.k-panelbar .k-content, .k-panelbar>.k-item>.k-link, .k-panelbar .k-panel, .k-panelbar panel-body {
    border: none !important;
}

/* .k-panel .k-link {
    border: none !important;
} */

.k-panelbar .panel-body{
    padding: 0px !important;
    min-height:100px !important;
}
.k-panelbar .k-state-selected {
    /* background-color: #FFFFFF !important; */
    box-shadow:none !important;
    /*border:none !important;*/
}
.k-panelbar .k-list>.k-state-selected {
    background-color: #E9ECEF !important;
    color: black !important;
    box-shadow:none !important;
    border:none !important;
}
.k-panelbar .k-panel>.k-item>.k-link{
    padding: 0px !important;
}
.k-panelbar .k-calendar .k-state-selected {
    /* background-color: #E9ECEF !important; */
    /* color: #FFFFFF; */
}

    .k-panelbar > .k-state-default {
        padding: 18px 16px 0px 16px;
    }

        .k-panelbar > .k-state-default > ul {
            list-style-type: none;
            padding: 16px;
            line-height: 31px;
            border: 1px #DEE2E6 solid !important;
            border-radius: 0px 0px 8px 8px;
            box-shadow: 0px 3px 3px -3px rgba(0,0,0,0.2);
        }

        .k-panelbar > .k-state-default > .panelbar-no-collapse-container > ul {
            list-style-type: none;
            padding: 0px;
        }

        .k-panelbar > .k-state-default > ul > li > .k-state-hover {
            background-color: transparent !important;
        }

.k-panelbar-collapse.k-icon,
.k-panelbar-expand.k-icon {
    position: absolute;
    top: 50%;
    right: 22px;
    margin-top: -8px;
}

.k-i-arrow-n:before {
    font-family: 'icomoon' !important;
    content: "\eb07";
}

.k-i-arrow-s:before {
    font-family: 'icomoon' !important;
    content: "\e912";
}
/*Thiết lập padding cho popup kendo window*/
.k-widget.k-window .k-window-content.k-content {
    padding: 0;
}

/*Thiết lập title popup*/
.k-widget.k-window .k-window-titlebar.k-header .k-window-title {
    color: #212529;
    font-weight: 500;
    text-transform: unset;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 120%;
    padding-left: 10px;
    display: flex;
    align-items: center;
    flex-direction: row;
    gap: 5px;
}

.k-window-titlebar.k-header {
    background-color: transparent;
    height: 40px;
    align-items: center;
    display: flex;
}

.k-window-actions {
    top: auto !important;
    align-items: center;
    display: flex;
    scale: 1.25;
    padding-right: 10px;
}

.k-window-titlebar > .k-window-action > .k-i-window-maximize {
    width: 24px;
    height: 24px;
}

/* .k-window .panel-body {
    height: calc(100% - 77px) !important;
} */

.k-window .panel-footer {
    background-color: transparent;
    height: 32px;
    vertical-align: middle;
    display: list-item;
    padding-right: 16px;
    /* padding: 12px 16px;
    margin-top: 19px; */
}

.k-window-titlebar .k-window-actions {
    position: absolute;
    padding: 0px 10px 0px 0px;
    top: 0;
    white-space: nowrap;
}

.popup-vertical-line {
    display: inline-block;
    background-color: #97a3af !important;
    width: 1px;
    height: 25px;
}
.sml-gauge-container {
    background: transparent url("../assets/css/css/img/gauge-container-partial.png") no-repeat 50% 50%;
    width: 386px;
    height: 386px;
    text-align: center;
    margin: 0 auto 30px auto;
}

.sml-gauge-container > span {
    display: block;
    width: 350px;
    height: 300px;
    margin: 0 auto;
}

.sml-gauge-container .k-slider {
    margin-top: -15px;
    width: 140px;
}

radial-gauge-control .full-screen {
    top: 0 !important;
    left: 0 !important;
    margin: 0 !important;
    position: fixed !important;
    z-index: 10000 !important;
    width: 100vw !important;
    height: 100vh !important;
}

.k-splitter {
    height: 100%;
    border:none
}
.k-splitter .k-pane{
    border:none
}

.k-splitbar-vertical{
    background-color:#DEE2E6
}
.k-splitbar-vertical:hover{
    background-color:#C5C9CC
}
.k-splitbar-horizontal{
    background-color:#DEE2E6
}
.k-splitbar-horizontal:hover{
    background-color:#C5C9CC
}
spreadsheet-control .k-spreadsheet-view {
    z-index: 0;
}

spreadsheet-control .k-widget.k-spreadsheet {
    height: calc(100% - 5px) !important;
    width: calc(100% - 2px) !important;
}

.k-spreadsheet .k-spreadsheet-quick-access-toolbar {
    display: inline-block;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    padding: 1.1em 0.3em 0;
}

.tms-spreadsheet-header {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 5px;
    justify-content: space-between;
}

    .tms-spreadsheet-header > .tms-spreadsheet-pull-right,
    .tms-spreadsheet-header > .tms-spreadsheet-pull-left {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 5px;
    }

        .tms-spreadsheet-header > .tms-spreadsheet-pull-left > .tms-section {
            background-color: #e7e7e7;
            border: 1px solid #e7e7e7;
            border-radius: 5px;
            color: #000;
            height: 32px;
            width: fit-content;
            box-sizing: border-box;
            padding: 5px 10px;
            display: flex;
            flex-direction: row;
            align-items: center;
            gap: 3px;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
        }

            .tms-spreadsheet-header > .tms-spreadsheet-pull-left > .tms-section.no-bgr {
                background-color: unset;
                border: none;
                border-radius: 0;
            }

            .tms-spreadsheet-header > .tms-spreadsheet-pull-left > .tms-section > .tms-label-section {
                display: inline-block;
                font-size: 14px;
                text-align: center;
                height: auto;
            }

            .tms-spreadsheet-header > .tms-spreadsheet-pull-left > .tms-section > .tms-icon-section {
                display: inline-block;
                font-size: 19px;
                text-align: center;
                height: auto;
            }

.k-tabstrip-wrapper {
    height: 100%;
    padding-top: 2px;
    height: calc(100% - 10px);
}

    .k-tabstrip-wrapper .k-content {
        height: calc(100% - 32px);
        border: none;
        padding: 0;
    }

.k-spreadsheet .k-tabstrip-wrapper {
    height: auto;
    padding-top: 0px;
}

.k-tabstrip-items .k-state-default:hover {
    /*non-active state styles - borders and backgrounds*/
    font-weight: 500;
}

.k-tabstrip-items .k-state-active .k-link {
    /*active state styles - text color*/
    font-weight: 500;
    /* border-bottom: solid 3px #67d3e0; */
    border-radius: unset;
}

/*chỉnh các tab header vả background color*/

.k-tabstrip-items {
    background-color: #DEE2E6;
}

    .k-tabstrip-items .k-state-default {
        /*non-active state styles - borders and backgrounds*/
        border-radius: 0px;
    }


        .k-tabstrip-items .k-state-default .k-link {
            /*non-active state styles - borders and backgrounds*/
            color: #1E4B7E;
            background-color: #DEE2E6;
        }

    .k-tabstrip-items .k-state-active {
        /*active state styles - borders and backgrounds*/
        border: none;
        margin-bottom: 0px !important;
    }

        .k-tabstrip-items .k-state-active span:first-child {
            border-top: none;
        }

    .k-tabstrip-items .k-item.k-state-active {
        background-color: transparent;
        border-width: 1px 1px 0px 1px;
        border-style: solid;
        border-color: #DEE2E6;
        border-radius: 4px 4px 0px 0px;
        border-bottom: 1px solid white;
        margin-bottom: -1px !important;
    }

.k-tabstrip:focus {
    box-shadow: none;
}
timeline-control .vis-timeline.vis-bottom .vis-itemset .vis-foreground .vis-group{
    height:40px
}

timeline-control .di-order-status-01{
    background:red;
    color:white;
    height:25px;
    text-align:left
}

timeline-control .di-order-status-02{
    background:orange;
    color:white
}

timeline-control .di-order-status-03{
    background:blue;
    color:white
}

timeline-control .di-order-status-04{
    background:#00ffff;
    color:white
}

timeline-control .di-order-status-05{
    background:#808080;
    color:white
}
tooltip-control .sml-tooltip {
    position: fixed;
    background: #ffffff;
    margin: 0;
    padding: 3px 10px;
    border-radius: 4px;
    border: 1px solid #bebebe;
    box-shadow: 5px -5px 5px #bebebe;
    display: none;
    z-index: 99999;
}
tooltip-control tooltip-distribution {
    position: fixed;
    background: #ffffff;
    margin: 0;
    border-radius: 4px;
    border: 1px solid #bebebe;
    box-shadow: 5px -5px 5px #bebebe;
    display: none;
    z-index: 99999;
    font-size:11px;
    width:400px;
}
    tooltip-control tooltip-distribution .col-sm-6, 
    tooltip-control tooltip-distribution .col-sm-12{
        padding-left:5px;
        padding-right:5px;
    }

    tooltip-control tooltip-distribution .block{
        display:block;
    }

    tooltip-control tooltip-distribution .header {
        background: #fff;
        font-weight: 500;
        line-height: 26px;
        font-size: 16px;
        color: #000;
        padding: 10px 18px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        border-bottom: #c9c0c0 1px solid;
    }

    tooltip-control tooltip-distribution .body {
        padding-top:5px;
        line-height:20px;
    }

    tooltip-control tooltip-distribution .title {
        color: #16759B;
    }

    tooltip-control tooltip-distribution .detail {
        color: #525252;
    }

    tooltip-control tooltip-distribution .title-lo {
        color: #212529;
        font-weight: 700;
    }

    tooltip-control tooltip-distribution .remaining {
        font-style:italic;
        color: #A6B5C1;
    }

    tooltip-control tooltip-distribution .body .ttd-body-container {
        height: 100%;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        padding: 5px 18px 10px 18px;
        gap: 3px;
    }

        tooltip-control tooltip-distribution .body .ttd-body-container .ttd-item-container {
        }

            tooltip-control tooltip-distribution .body .ttd-body-container .ttd-item-container .ttd-title {
                color: #000;
                font-size: 14px;
                font-weight: 500;
            }

            tooltip-control tooltip-distribution .body .ttd-body-container .ttd-item-container .ttd-content {
                color: #000;
                font-size: 14px;
                font-weight: 400;
            }
tooltip-control tooltip-order {
    position: fixed;
    background: #ffffff;
    margin: 0;
    border-radius: 4px;
    border: 1px solid #bebebe;
    box-shadow: 5px -5px 5px #bebebe;
    display: none;
    z-index: 99999;
    font-size:11px;
    width:400px;
}
    tooltip-control tooltip-order .col-sm-6, tooltip-control tooltip-order .col-sm-12{
        padding-left:5px;
        padding-right:5px;
    }

    tooltip-control tooltip-order .block{
        display:block;
    }

    tooltip-control tooltip-order .header {
        height: 26px;
        background: #16759B;
        color: #FFFFFF;
        line-height:26px;
        font-size:12px;
        padding-left:5px;
        padding-right:5px;
        text-align:center;
    }

    tooltip-control tooltip-order .body {
        padding-top:5px;
        line-height:20px;
    }

    tooltip-control tooltip-order .title {
        color: #16759B;
    }

    tooltip-control tooltip-order .detail {
        color: #525252;
    }

upload-drag-drop-control .dropZoneElement {
    border: 2px dashed #DDD;
    border-radius: 8px;
    background-color: #FEFFEC;
    text-align: center;
    color: #BBB;
    font-size: 2em;
    font-family: Arial, sans-serif;
}
upload-drag-drop-control :hover {
    background-color: #bfb;
}

upload-drag-drop-control .dropZoneElement .k-dropzone-hovered {
    background: inherit;
}

upload-drag-drop-control .dropZoneElement .droptarget {
    height: 200px;
    width: 200px;
    font-size: 14px;
    border-radius: 50%;
    text-align: center;
    line-height: 200px;
    margin: 0 auto;
    cursor: default;
    border: 1px solid #999;
}
.widget-icon {
    float: left;
    padding:10px;
    text-align: center;
    border-radius: 50px;
    margin-left:5px;
    background-color: #EAEAEA;
    width:60px;
    height:60px;
    margin-top:15px
}

.widget-icon i {
    float: left;
    font-size:40px;
    margin: 10px 0px 0px 10px;
    padding: 0;
    color: #FFFFFF;
    text-align:center;
}

.widget-sumary {
    width:80px;
    float: left;
    color: #EAEAEA;
    text-align: center;
    margin-top:15px
}

.widget-sumary .widget-number {
    font-size:30px;
    cursor:pointer;
}

.widget-sumary .widget-text {
    font-size:15px;
    color: #666
}

.widget-detail {
    cursor: pointer;
    width: 60px;
    height: 100px;
    float: left;
    color: #666;
    text-align: center;
    line-height: 1.5;
    padding: 5px 10px;
    overflow: hidden;
}

.widget-detail div {
    font-size: 12px;
    display: block;
}

.widget-detail-not-sumary {
    cursor: pointer;
    width: 150px;
    height: 100px;
    float: left;
    color: #666;
    text-align: center;
    line-height: 1.5;
    padding-top: 22px;
    overflow: hidden;
}

.widget-detail-not-sumary div {
    font-size: 14px;
    display: block;
}

.widget-mini-sumary {
    margin-top: 10px;
    width:100px;
    float: left;
    color: #EAEAEA;
    text-align: center;
}

.widget-mini-sumary .widget-number {
    font-size:26px;
    font-weight: 500;
    cursor:pointer;
}

.widget-mini-sumary .widget-text {
    font-size:15px;
    font-weight: 500;
    color: #000
}

.widget-mini-detail {
    margin-top: 5px;
    cursor: pointer;
    width: 100px;
    height: 100px;
    float: left;
    color: #474747;
    text-align: left;
    line-height: 1.6;
    padding: 5px;
    overflow: hidden;
}

.widget-mini-detail div {
    font-size: 13px;
    display: block;
}

.sml-tooltip {
    position: fixed;
    background: #333;
    color: #fff;
    font-size: 10.5px;
    font-weight: 500;
    line-height: 1.3;
    padding: 6px 8px;
    border-radius: 4px;
    max-width: 200px;
    text-align: center;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    pointer-events: none;
    z-index: 9999;
    position: fixed;
    max-width: 300px;
    white-space: normal; /* Cho phép xuống dòng */
    word-wrap: break-word; /* Ngắt từ dài */
    overflow-wrap: break-word; /* Tránh tràn layout */
    text-align: left; /* Căn trái cho dễ đọc */

    opacity: 0;
    transform: translate(-50%, 10px);
    transition: opacity 0.2s ease, transform 0.2s ease;
}

    .sml-tooltip.md-show {
        opacity: 1;
        transform: scale(1);
    }
/*Dialog confirm & alert sẽ ưu tiên hiển thị cao hơn kendo window*/
.md-dialog-container {
    z-index: 20000 !important;
}

.md-tooltip {
    z-index: 20000 !important;
}

.md-panel-outer-wrapper {
    z-index: 20000 !important;
}

.md-open-menu-container {
    z-index: 20000 !important;
}

/*Dialog content*/
md-dialog.md-default-theme {
    color: #1E4B7E;
}
    /*Dialog title*/
    md-dialog.md-default-theme h2 {
        color: #212529;
        font-weight: 500;
        font-size: 18px;
        line-height: 120%;
        border-bottom: 1px solid #DEE2E6;
        margin: 0px;
    }

md-dialog .md-dialog-content {
    padding: 0px;
}

md-dialog md-dialog-content {
    overflow: hidden;
}

md-dialog .md-title {
    padding: 16px 16px;
    font-size: 18px;
    line-height: 1;
    color: #212529;
}

md-dialog .md-title-line {
    border-bottom: 1px solid #DEE2E6;
}

md-dialog .md-dialog-content-body {
    padding: 16px 16px;
    width: calc(100% - 32px) !important;
    font-size: 14px;
    color: #212529;
}

md-dialog-actions {
    border-top: 1px solid #DEE2E6;
}

md-dialog .md-cancel-button {
    background: rgba(255, 255, 255, 1e-06) !important;
    border: 1px solid #1F4A7C;
    border-radius: 4px;
    color: #1F4A7C !important;
    text-transform: unset;
    font-size: 14px;
    font-weight: unset;
}

md-dialog .md-confirm-button {
    background: #1F4A7C !important;
    border: 1px solid #1F4A7C;
    border-radius: 4px;
    background-color: #1F4A7C !important;
    color: #FFFFFF !important;
    text-transform: unset;
    font-size: 14px;
    font-weight: unset;
}

    md-dialog .md-cancel-button:hover,
    md-dialog .md-confirm-button:hover {
        background-color: #193B63 !important;
        color: #FFFFFF !important;
    }

md-dialog .md-confirm-delete-button {
    background: #DC3545 !important;
    border: 1px solid #DC3545;
    border-radius: 4px;
    color: #FFFFFF !important;
    text-transform: unset;
    font-size: 14px;
    font-weight: unset;
}

md-dialog .md-warning-button {
    background-color: #ffc107 !important;
    border: 1px solid #ffc107;
    border-radius: 4px;
    color: black !important;
    text-transform: unset;
    font-size: 14px;
    font-weight: unset;
}

md-dialog .md-close-button {
    color: transparent;
    background-color: transparent;
    border: none;
    float: right;
    padding: 0;
    line-height: 1;
    margin-left: 16px;
}

md-dialog md-dialog-actions {
    padding: 12px 16px;
    gap: 8px;
}

    md-dialog md-dialog-actions .md-button {
        min-height: unset;
        min-width: unset;
        line-height: unset;
        margin: 0px;
        padding: 6px 12px;
        line-height: 1.3;
    }

md-dialog {
    min-width: 280px;
    max-width: 50%;
}
body {
    font-family: Roboto;
}

.topbar {
    z-index: 2;
    /*position: relative;*/
    width: 100%;
    height: 30px;
    padding: 10px 45px;
}

/*Resize left sidebar*/
.navbar-logo-wrapper {
    width: 256px;
}

#sidebar_left {
    width: 256px;
}

.sidebar-menu > li > ul {
    width: 256px;
    background-color: #041c37;
}

#content_wrapper {
    margin-left: 256px;
}

#topbar.affix {
    margin-left: 256px;
}

body.sb-l-o #topbar.affix {
    margin-left: 256px;
}

.sb-l-o #content_wrapper {
    margin-left: 256px;
}

#content-footer.affix {
    margin-left: 256px;
}

body.sb-l-m #sidebar_left {
    /*height: 1300px;*/
}

.sidebar-menu > .sidebar-label {
    color: #FFFFFF !important;
    font-weight: 700 !important;
}

/*Thiết lập màu cho menu khi hover và active*/
.sidebar-menu > li > a:hover {
    background-color: #0E335D;
    color: #1890FF;
}

.sidebar-menu > li > a.sidebar-normal.active,
.sidebar-menu > li > a.sidebar-normal:hover {
    opacity: 1;
    background-color: #0E335D;
    color: #1890FF;
    border-right: 3px #1890FF solid;
}

.sidebar-menu > li > a.sidebar-toggle.active {
    opacity: 1;
    background-color: #0A2748;
    color: #1890FF;
}

.sidebar-menu > li > ul > li > a.active,
.sidebar-menu > li > ul > li > a:hover {
    opacity: 1;
    background-color: #0E335D;
    color: #1890FF;
    border-right: 3px #1890FF solid;
}

.sidebar-menu > li > a:hover span.tms-menu:before,
.sidebar-menu > li > a.active span.tms-menu:before {
    color: #1890FF;
    transition: color .3s;
}

.sidebar-menu > li > a:hover span.caret:after,
.sidebar-menu > li > a.active span.caret:after {
    color: #1890FF;
}

.slidebar-main::-webkit-scrollbar {
    display: none;
}

/*input tìm kiếm slidebar*/
.sidebar-menu .input-search-slide-bar {
    background-color: #0e335d;
    border: none;
    color: #DEE2E6 !important;
    font-weight: lighter;
}

    .sidebar-menu .input-search-slide-bar::placeholder {
        color: #DEE2E6 !important;
    }

.sidebar-menu .search-icon {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    pointer-events: none;
}

    .sidebar-menu .search-icon i {
        color: #DEE2E6 !important;
        font-weight: normal;
        font-size: 16px !important;
    }

.tms-bg .nano-content .slidebar-search {
    padding: 0px !important;
    margin: 12px 19px;
    width: inherit;
}

.tms-bg .nano-content .slidebar-main {
    max-height: calc(100vh - 168px);
    min-height: calc(100vh - 168px);
    overflow-y: scroll;
    overflow-x: hidden;
}

/*.slidebar-main::-webkit-scrollbar-track {
    background-color: #f5f5f5;
}

.slidebar-main::-webkit-scrollbar-thumb {
    background-color: #000000;
}*/

/*Giảm margin right cho các element trên taskbar*/
.navbar-nav.navbar-right, .navbar-nav.navbar-right:last-child {
    margin-right: 0px;
}
/*Hide spin number Textbox*/
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    /* -webkit-appearance: none; */
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

/*Navbar content on the right*/
.navbar-content-wrapper {
    background-color: #FFF !important;
    height: 66px;
    color: #6C757D !important;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.dropdown-fuse:hover > a {
    color: #1F4A7C !important;
}

/*Navbar icon button*/
.tms-icon-navbar {
    cursor: pointer;
    background-color: transparent;
    color: #6C757D;
    vertical-align: middle;
    transition: color .3s;
}

    .tms-icon-navbar:hover {
        color: #1F4A7C !important;
    }

/*Navbar search*/
.navbar-search {
    display: inline-table;
    vertical-align: middle;
    border-collapse: separate;
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
}

    .navbar-search .navbar-btn-search {
        white-space: nowrap;
        vertical-align: middle;
        display: inline-block;
        width: auto;
    }

    .navbar-search .navbar-input-search {
        display: inline-block;
        width: 215px;
        transition: width .5s;
    }

    .navbar-search .form-control {
        border-radius: 0px 4px 4px 0px;
    }

    .display-none {
        display: none !important;
    } 

/*Button dropdown search navbar*/
.navbar-right .add-on .btn-dropdown-search {
    border: 1px #CED4DA solid;
    background-color: #E9ECEF;
    color: #212529 !important;
    height: 36px !important;
    font-size: 14px;
    line-height: 24px;
}

    .navbar-right .add-on .btn-dropdown-search > span {
        font-size: 12px;
        margin-left: 13px;
    }

/*Input search navbar*/
.tms-input-navbar-search {
    line-height: 2.3 !important;
    height: 36px !important;
}

.flex-table {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    line-height: 1.7;
}

.flex-row {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 5px;
}

.k-widget > .k-content > panel-in-tab > .panel > .flex-table {
    padding: 16px;
}

.flex-table-custom {
    display: flex;
    justify-content: space-between;
    gap: 8px;
}

.flex-row-custom {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 5px;
}

.fl1 {
    flex: 1;
}

.ftc-item {
    flex-basis: calc((100% - 2px * 5) / 6);
    flex-grow: 1;
}

.ftc-item-xs {
    flex-basis: calc((100% - 2px * 5) / 11);
    flex-grow: 0;
    width: auto;
}

.ftc-item-sm {
    flex-basis: calc((100% - 2px * 5) / 8);
    flex-grow: 0;
    width: auto;
}

input.k-textbox,
.k-combobox .k-dropdown-wrap,
.k-datetimepicker .k-picker-wrap,
.k-datepicker .k-picker-wrap,
.k-timepicker .k-picker-wrap {
    height: 34px;
    box-sizing: border-box;
}
.tms-header-collapse {
    /* background-color: #EEF3F5 !important; */
    color: #212529 !important;
    font-size: 16px !important;
    font-weight: bold;
}

md-checkbox[disabled] .md-label .tms-label {
    color: rgba(0,0,0,0.38) !important;
}

.tms-label-chart {
    color: #4C6A84;
    font-weight: 500;
}

.tms-label2 {
    color: #4C6A84;
    font-weight: 500;
}

.tms-header-control {
    width: 150px;
    display: inline-block !important;
}

.tms-header-control-md {
    width: 200px;
}

.tms-header-control-lg {
    width: 250px;
}

.tms-header-control-xl {
    width: 300px;
}

.tms-header-control-xxl {
    width: 400px;
}

.tms-header-control-xxxl {
    width: 500px;
}

.tms-third-menu {
    display: inline-block;
    cursor: pointer;
    margin: 20px 15px;
}

    .tms-third-menu a {
        text-decoration: none; /*Remove anchor underline*/
    }

    .tms-third-menu i {
        border: 1px solid #EDF1F5;
        border-radius: 10px;
        padding: 30px 30px 30px;
        font-size: 7em;
    }

        .tms-third-menu i::before {
            color: #B9BBC5 !important;
        }

        .tms-third-menu i:hover {
            box-shadow: 0px 10px 12px rgba(76,106,132,0.16);
        }

        .tms-third-menu i:hover::before {
            color: #1E4B7E !important;
        }

    .tms-third-menu .tms-label {
        padding-top: 35px;
        /*max-width:160px;*/
        /*height:60px;*/
        /*text-overflow:clip;*/
    }

    .tms-third-menu .tms-label2 {
        padding-top: 35px;
        /*max-width:160px;*/
        /*height:60px;*/
        /*text-overflow:clip;*/
    }


.tms-index-header {
    box-sizing: border-box;
    /*height: fit-content;*/
    height: 48px;
    line-height: 2;
    padding: 8px 10px;
    border: 0;
    border-bottom: 1px solid #C5C9CC;
}

.tms-index-filter {
    background-color: #FFFFFF;
    color: #686F75;
    border: #95989A;
}
.tms-title {
    color: #212529;
    font-size: 18px;
    font-weight: normal;
    padding-left: 0px;
    padding-top: 20px;
    padding-bottom: 10px;
}

.tms-label {
    color: #212529;
    font-weight: normal;
    font-size: 14px;
    font-weight: 500;
}

.tms-label-breadcrumb-parent {
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    color: #6C757D;
}

.tms-label-checkbox {
    color: #212529;
    font-size: 1.1em;
    text-transform: unset;
}

.tms-label2 {
    color: #4C6A84;
    font-weight: 500;
}

.label-color-gray {
    color: #6C757D;
}

.tms-label-info {
    color: #212529;
    font-weight: normal;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
}

.tms-label-in-header {
    color: #212529;
    font-weight: normal;
    font-size: 14px;
    font-weight: 500;
    margin: 0px !important;
    display: flex;
    align-items: center;
    flex-direction: row;
    padding-top: 3px;
}

.tms-label-in-header-normal {
    color: #212529;
    font-weight: normal;
    font-size: 14px;
    margin: 0px !important;
    display: flex;
    align-items: center;
    flex-direction: row;
    padding-top: 3px;
}

.tms-label-breakumb {
    font-size: 16px;
    font-weight: 400;
    color: #6C757D;
}
/*Giảm padding của panel footer để không hiện scroll bar khi dùng panel*/
.panel-footer {
    /* padding: 5px 5px; */
}

.panel {
    height: 100%;
    margin-bottom: 0;
    padding: 0;
    border: 0;
}

.panel-heading {
    box-sizing: border-box;
    /*height: fit-content;*/
    height: 48px;
    line-height: 2;
    border: 0;
}

.tms-panel-header {
    background-color: white;
    color: #7F828F;
    font-weight: 400;
    border-bottom: 1px solid #C5C9CC;
    padding: 8px 10px;
}

.panelHeaderBorderless > div {
    border-bottom: none !important;
    padding-bottom: 0px;
}

/*.tms-panel-header .tms-header-control {
    background-color:#F3F8FA;
    color:#1E4B7E;
    font-weight:500;
    border-bottom:1px solid #C5C9CC;
}*/

.panel-body {
    width: 100%;
    height: calc(100% - 57px);
    padding: 0;
    border: 0;
    overflow-y: auto;
}

.panel-body:has(tab-control) {
    height: calc(100% - 57px);
}

/*Color title common*/
md-radio-button .md-label,
.k-content,
.k-grouping-header,
.k-widget,
.tms-span,
.tms-p,
.col-tracking-title,
.col-tracking-content {
    color: #212529;
}
/*Background*/
/*.tms-bg {
    background-color: #1E4B7E !important;
    color: #FFFFFF !important;
}*/

/*Sub menu*/
.tms-menu {
    padding-left: 0 !important;
    color: #FFFFFF !important;
}

.tms-bg-sub-menu {
    /*background-color:#4C6A84!important;*/
}

.tms-sub-menu {
    color: #1E4B7E;
    font-size: 14px;
    padding: 9px 10px 9px 48px !important;
    font-weight: 400;
    line-height: 22px !important;
}

/*cập nhật border cho checkbox all trên header của grid*/ 

md-checkbox .md-icon {
    border-color: #b9bbc5 !important;
}

.topbar > .pull-right {
    height: 30px;
    /*padding-right: 10px;*/
}

.topbar > .pull-left {
    height: 30px;
}
/* Redesign STM May 2023 */
/* Dropdown (combobox) */
.k-dropdown-wrap.k-state-focused {
    box-shadow: 0px 0px 0px 4px rgba(13, 110, 253, 0.25);
    border-radius: 4px;
    border-color: #91dfe9 !important;
}

.k-dropdown-wrap.k-state-focused.k-state-border-down {
    box-shadow: 0px 0px 0px 4px rgba(13, 110, 253, 0.25);
    border-radius: 4px;
}

/* Radio button */
md-radio-button:not([disabled]).md-primary.md-checked .md-off {
    border: 5px solid;
    color: #1F4A7C;
}

md-radio-group:not([disabled]) .md-primary .md-on {
    transform: none;
    background-color: transparent;
}

md-radio-group[disabled] .md-container .md-on {
    transform: none;
    background-color: transparent;
}

/* Checkbox */
md-checkbox .md-icon {
    border-radius: 4px;
}

md-checkbox.md-checked .md-icon {
    border-color: transparent !important;
}

md-checkbox:not([disabled]).md-primary.md-checked .md-icon {
    background-color: #1F4A7C;
}

/* .md-container .md-icon { */
md-checkbox:not([disabled]).md-primary.md-checked .md-icon {
    content: url("data:image/svg+xml,%3Csvg width='8' height='6' viewBox='-2 0 12 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.32634 5.98608L3.31307 5.99995L0 2.5363L1.0788 1.40847L3.32638 3.7582L6.9212 0L8 1.12783L3.33965 6L3.32634 5.98608Z' fill='white'/%3E%3C/svg%3E%0A");
}

.allcp-form .option-primary input:checked + .checkbox {
    background-color: #1F4A7C;
    border: none;
    content: url("data:image/svg+xml,%3Csvg width='8' height='6' viewBox='-2 0 12 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.32634 5.98608L3.31307 5.99995L0 2.5363L1.0788 1.40847L3.32638 3.7582L6.9212 0L8 1.12783L3.33965 6L3.32634 5.98608Z' fill='white'/%3E%3C/svg%3E%0A");
}

md-checkbox[disabled].md-checked .md-icon {
    background-color: #1F4A7C;
    opacity: 50%;
    content: url("data:image/svg+xml,%3Csvg width='8' height='6' viewBox='-2 0 12 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.32634 5.98608L3.31307 5.99995L0 2.5363L1.0788 1.40847L3.32638 3.7582L6.9212 0L8 1.12783L3.33965 6L3.32634 5.98608Z' fill='white'/%3E%3C/svg%3E%0A");
}

/* Tooltip */
md-tooltip {
    background: #000000 !important;
    border-radius: 4px;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 150%;
}

/* Notification */
.ui-notification.success {
    background: #D1E7DD;
    border: 1px solid #BADBCC;
    border-radius: 4px;
}

.ui-notification.success .message {
    color: #0F5132;
}

/* https://yoksel.github.io/url-encoder/ */
.ui-notification.success .message:before {
    content: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.96354 4.9375C3.41494 2.42362 6.09722 0.875 9 0.875C11.9028 0.875 14.5851 2.42362 16.0365 4.9375C17.4878 7.45138 17.4878 10.5486 16.0365 13.0625C14.5851 15.5764 11.9028 17.125 9 17.125C6.09722 17.125 3.41494 15.5764 1.96354 13.0625C0.512152 10.5486 0.512152 7.45138 1.96354 4.9375ZM14.9539 5.5625C13.7258 3.43537 11.4562 2.125 9 2.125C6.5438 2.125 4.27418 3.43537 3.04608 5.5625C1.81797 7.68963 1.81797 10.3104 3.04608 12.4375C4.27418 14.5646 6.5438 15.875 9 15.875C11.4562 15.875 13.7258 14.5646 14.9539 12.4375C16.182 10.3104 16.182 7.68963 14.9539 5.5625Z' fill='%230F5132'/%3E%3Cpath d='M11.4466 6.55518C11.6905 6.31085 12.0862 6.31044 12.3305 6.55427C12.5526 6.77593 12.5732 7.12313 12.3919 7.36799L12.3314 7.43816L8.38987 11.3858L8.381 11.404C8.20047 11.6966 7.79419 11.8563 7.45903 11.5861L7.37904 11.5125L5.59126 9.72444C5.36937 9.50255 5.3492 9.15533 5.53075 8.91066L5.59126 8.84056C5.81315 8.61867 6.16037 8.5985 6.40505 8.78004L6.47514 8.84056L7.82154 10.1867L11.4466 6.55518Z' fill='%230F5132'/%3E%3C/svg%3E%0A");
    display: inline-flex;
    margin: 0px 10px 0px 0px;
    vertical-align: -20%;
}

.ui-notification.error {
    background: #F8D7DA;
    border: 1px solid #F5C2C7;
    border-radius: 4px;
}

.ui-notification.error .message {
    color: #842029;
}

.ui-notification.error .message:before {
    content: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.9163 7.19973C12.1604 6.95565 12.5561 6.95565 12.8002 7.19973C13.0221 7.42161 13.0423 7.76883 12.8607 8.01351L12.8002 8.08361L8.08354 12.8003C7.83947 13.0444 7.44374 13.0444 7.19966 12.8003C6.97777 12.5784 6.9576 12.2312 7.13914 11.9865L7.19966 11.9164L11.9163 7.19973Z' fill='%23842029'/%3E%3Cpath d='M7.19966 7.19973C7.42155 6.97784 7.76877 6.95766 8.01344 7.13921L8.08354 7.19973L12.8002 11.9164C13.0443 12.1605 13.0443 12.5562 12.8002 12.8003C12.5783 13.0222 12.2311 13.0423 11.9864 12.8608L11.9163 12.8003L7.19966 8.08361C6.95558 7.83953 6.95558 7.4438 7.19966 7.19973Z' fill='%23842029'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.76981 1.87826L10 1.875C14.3985 1.875 17.9946 5.37439 18.1217 9.76981L18.125 10C18.125 14.3985 14.6256 17.9946 10.2302 18.1217L10 18.125C5.60152 18.125 2.00544 14.6256 1.87826 10.2302L1.875 10C1.875 5.60152 5.37439 2.00544 9.76981 1.87826ZM10 3.125L9.79693 3.12794C6.08608 3.23537 3.125 6.27826 3.12493 9.99096L3.12794 10.2031C3.23537 13.9139 6.27826 16.875 9.99096 16.8751L10.2031 16.8721C13.9139 16.7646 16.875 13.7217 16.8751 10.009L16.8721 9.79693C16.7646 6.08608 13.7217 3.125 10 3.125Z' fill='%23842029'/%3E%3C/svg%3E%0A");
    display: inline-flex;
    margin: 0px 10px 0px 0px;
    vertical-align: -20%;
}

.ui-notification.warning {
    background: #FFF3CD;
    border: 1px solid #FFECB5;
    border-radius: 4px;
}

.ui-notification.warning .message {
    color: #664D03
}

.ui-notification.warning .message:before {
    content: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 7.19167C10.3164 7.19167 10.5779 7.42679 10.6193 7.73186L10.625 7.81667V10.9333C10.625 11.2785 10.3452 11.5583 10 11.5583C9.68359 11.5583 9.42209 11.3232 9.38071 11.0181L9.375 10.9333V7.81667C9.375 7.47149 9.65482 7.19167 10 7.19167Z' fill='%23664D03'/%3E%3Cpath d='M9.9995 12.8125L10.0967 12.8181C10.5115 12.8662 10.8337 13.218 10.8337 13.6458C10.8337 14.106 10.4605 14.4792 10.0003 14.4792C9.54015 14.4792 9.167 14.106 9.16701 13.6504C9.16389 13.2188 9.48981 12.8629 9.90846 12.8174L9.9995 12.8125Z' fill='%23664D03'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.38414 14.3091L7.76654 3.13926C8.75392 1.40996 11.2463 1.40996 12.2337 3.13926L18.6162 14.3091C19.5958 16.0241 18.3575 18.1583 16.3826 18.1583H3.61763C1.64185 18.1583 0.403448 16.0239 1.38414 14.3091ZM17.5308 14.9292L11.1482 3.75906C10.6406 2.87003 9.35967 2.87003 8.85195 3.75923L2.46934 14.9294C1.96513 15.8111 2.60176 16.9083 3.61763 16.9083H16.3826C17.3977 16.9083 18.0344 15.8109 17.5308 14.9292Z' fill='%23664D03'/%3E%3C/svg%3E%0A");
    display: inline-flex;
    margin: 0px 10px 0px 0px;
    vertical-align: -20%;
}

.ui-notification.info {
    background: #CFE2FF;
    border: 1px solid #B6D4FE;
    border-radius: 4px;
}

.ui-notification.info .message {
    color: #084298
}

.ui-notification.info .message:before {
    content: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.76981 1.87826L10 1.875C14.3985 1.875 17.9946 5.37439 18.1217 9.76981L18.125 10C18.125 14.3985 14.6256 17.9946 10.2302 18.1217L10 18.125C5.60152 18.125 2.00544 14.6256 1.87826 10.2302L1.875 10C1.875 5.60152 5.37439 2.00544 9.76981 1.87826ZM10 3.125L9.79693 3.12794C6.08608 3.23537 3.125 6.27826 3.12493 9.99096L3.12794 10.2031C3.23537 13.9139 6.27826 16.875 9.99096 16.8751L10.2031 16.8721C13.9139 16.7646 16.875 13.7217 16.8751 10.009L16.8721 9.79693C16.7646 6.08608 13.7217 3.125 10 3.125Z' fill='%23084298'/%3E%3Cpath d='M10 5.625C10.3164 5.625 10.5779 5.86013 10.6193 6.16519L10.625 6.25V10.4167C10.625 10.7618 10.3452 11.0417 10 11.0417C9.68359 11.0417 9.42209 10.8065 9.38071 10.5015L9.375 10.4167V6.25C9.375 5.90482 9.65482 5.625 10 5.625Z' fill='%23084298'/%3E%3Cpath d='M9.9995 12.7083L10.0967 12.7139C10.5115 12.762 10.8337 13.1139 10.8337 13.5417C10.8337 14.0018 10.4605 14.375 10.0003 14.375C9.54015 14.375 9.167 14.0018 9.16701 13.5462C9.16389 13.1146 9.48981 12.7588 9.90846 12.7133L9.9995 12.7083Z' fill='%23084298'/%3E%3C/svg%3E%0A");
    display: inline-flex;
    margin: 0px 10px 0px 0px;
    vertical-align: -20%;
}

/* textbox */
.k-textbox:focus {
    box-shadow: 0px 0px 0px 4px rgba(13, 110, 253, 0.25);
    border-radius: 4px;
    z-index: 100000;
}

.has-error .k-textbox:focus {
    border-color: #ef0c11;
    box-shadow: 0px 0px 0px 4px rgba(220, 53, 69, 0.25) !important;
    border-radius: 4px !important;
    z-index: 100000;
}

.has-error .form-control {
    background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.99951 1.74918C4.54773 1.74918 1.74951 4.5474 1.74951 7.99918C1.74951 11.451 4.54773 14.2492 7.99951 14.2492C11.4513 14.2492 14.2495 11.451 14.2495 7.99918C14.2495 4.5474 11.4513 1.74918 7.99951 1.74918ZM0.749512 7.99918C0.749512 3.99511 3.99545 0.749176 7.99951 0.749176C12.0036 0.749176 15.2495 3.99511 15.2495 7.99918C15.2495 12.0032 12.0036 15.2492 7.99951 15.2492C3.99545 15.2492 0.749512 12.0032 0.749512 7.99918ZM7.334 4.058C7.42856 3.95669 7.56093 3.89918 7.69951 3.89918H8.29951C8.4381 3.89918 8.57046 3.95669 8.66503 4.058C8.75959 4.15931 8.80786 4.29532 8.79833 4.43358L8.49833 8.78358C8.48025 9.04575 8.2623 9.24918 7.99951 9.24918C7.73672 9.24918 7.51878 9.04575 7.5007 8.78358L7.2007 4.43358C7.19116 4.29532 7.23944 4.15931 7.334 4.058ZM8.89951 11.2992C8.89951 11.7962 8.49657 12.1992 7.99951 12.1992C7.50246 12.1992 7.09951 11.7962 7.09951 11.2992C7.09951 10.8021 7.50246 10.3992 7.99951 10.3992C8.49657 10.3992 8.89951 10.8021 8.89951 11.2992Z' fill='%23DC3545'/%3E%3C/svg%3E%0A") no-repeat scroll 7px 7px;
    background-position: right center;
    background-origin: content-box;
    padding-right: 5px;
    background-color: #ffffff;
}

.input-group:has(> .form-control:focus) {
    box-shadow: 0px 0px 0px 4px rgba(13, 110, 253, 0.25);
    border-radius: 4px;
}

.input-group-btn > .btn {
    background: #F8F9FA !important;
    border: 1px solid #CED4DA;
    /* border-radius: 0px 3px 3px 0px; */

    font-weight: 400;
    font-size: 14px;
    line-height: 150%;
    display: flex;
    align-items: center;
    color: #1F4A7C !important;
    height: 24px;
}

.input-group > .form-control[disabled] {
    background: white;
    border: 1px solid #CED4DA;
    border-radius: 3.2px 0px 0px 3.2px;
}

.short-input-85 {
    width: 85px !important;
}

.short-input-85 > input {
    width: 85px !important;
}

/* Text area */
textarea:focus {
    box-shadow: 0px 0px 0px 4px rgba(13, 110, 253, 0.25);
    border-radius: 4px;
}

/* Tab */
.k-tabstrip-items {
    background-color: transparent;
}

.k-item {
    background-color: transparent;
    border: none;
}

.k-tabstrip .k-tabstrip-items {
    border-bottom: 1px solid #DEE2E6;
}

.k-tabstrip-items .k-state-default .k-link {
    color: #1F4A7C;
    background-color: transparent;
}

.k-tabstrip-items .k-state-active .k-link {
    color: #495057;
}

/* Multi select */
.k-multiselect.k-header.k-state-focused {
    box-shadow: 0px 0px 0px 4px rgba(13, 110, 253, 0.25);
    border-radius: 4px;
}

.k-multiselect .k-button {
    background: #E9ECEF;
    border: 1px solid #CED4DA;
    border-radius: 2px;
    color: #212529;
    transition: background-color.3s ease-in-out;
}

.k-multiselect-wrap li {
    margin: 2px 4px 2px 2px;
}

/* switch */
md-switch .md-bar {
    width: 32px;
    height: 16px;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 32px;
    background-color: white;
    top: 3px;
}

md-switch[disabled] .md-bar {
    background-color: white;
}

md-switch .md-thumb {
    width: 12px;
    height: 12px;
    left: 4px;
    top: 6px;
    color: white;
}

md-switch.md-checked .md-thumb:before {
    background: white;
}

md-switch .md-thumb:before {
    background: #000000;
    opacity: 0.25;
}

md-switch[disabled].md-checked .md-thumb:before {
    background: #FFFFFF;
}

md-switch.md-checked.md-primary .md-bar {
    background-color:#1F4A7C;
}

md-switch.md-checked.md-primary .md-thumb {
    top: 6px;
    background: #FFFFFF;
}

md-switch .md-thumb-container {
    top: 0px;
    color: #1F4A7C;
}

md-switch .tms-label {
    color: black;
}

md-switch[disabled] .tms-label {
    color: #212529;
}

.k-popup .k-list .k-state-focused {
    background: #E9ECEF;
    border: none;
    box-shadow: none;
    color: #000;
}

.flex-row-left {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
}

span.k-link.k-state-selected {
    background-color: transparent !important;
}

li.k-state-selected {
    background-color: #E9ECEF !important;
    color: black !important;
}

.text-primary-new {
    color: #1F4A7C;
}

.panel-body:has(.opsMasterRepairPopupComponent_gridMasterRepairOptions) {
    height: calc(100% - 48px) !important;
}

.panel-body:has(.gridMasterCont) {
    height: calc(100% - 48px) !important;
}

.panel-body:has(.gridMasterTruck) {
    height: calc(100% - 48px) !important;
}

.panel-body:has(.gridMasterOpsDisView1) {
    height: calc(100% - 96px) !important;
}

.panel-body:has(.gridVehicleOpsDisView1) {
    height: calc(100% - 51px) !important;
}

.panel-body:has(.gridMasterOpsContView1) {
    height: calc(100% - 96px) !important;
}

.panel-body:has(.gridVehicleOpsContView1) {
    height: calc(100% - 48px) !important;
}

.panel-body:has(.gridAssetOfficeOwner) {
    height: calc(100vh - 53vh) !important;
}

.panel-body:has(.gridAssetOfficeRental) {
    height: calc(100vh - 53vh) !important;
}

.panel-body:has(.inputFuelRegistryGridCost) {
    height: calc(100vh - 53vh) !important;
}

.btn-deselect-grid > button > span:after {
    padding-left: 7px;
    content: url("data:image/svg+xml,%3Csvg width='8' height='9' viewBox='0 0 8 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.65931 0.840344C7.68841 0.869372 7.7115 0.903857 7.72725 0.941823C7.74301 0.979788 7.75112 1.02049 7.75112 1.06159C7.75112 1.1027 7.74301 1.1434 7.72725 1.18136C7.7115 1.21933 7.68841 1.25382 7.65931 1.28284L0.784309 8.15784C0.72563 8.21652 0.646044 8.24949 0.563059 8.24949C0.480074 8.24949 0.400488 8.21652 0.341809 8.15784C0.283129 8.09916 0.250164 8.01958 0.250164 7.93659C0.250164 7.85361 0.283129 7.77402 0.341809 7.71534L7.21681 0.840344C7.24584 0.811242 7.28032 0.788153 7.31829 0.772398C7.35625 0.756644 7.39695 0.748535 7.43806 0.748535C7.47916 0.748535 7.51986 0.756644 7.55783 0.772398C7.5958 0.788153 7.63028 0.811242 7.65931 0.840344Z' fill='%236C757D'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.341809 0.840344C0.312707 0.869372 0.289617 0.903857 0.273863 0.941823C0.258109 0.979788 0.25 1.02049 0.25 1.06159C0.25 1.1027 0.258109 1.1434 0.273863 1.18136C0.289617 1.21933 0.312707 1.25382 0.341809 1.28284L7.21681 8.15784C7.27549 8.21652 7.35507 8.24949 7.43806 8.24949C7.52104 8.24949 7.60063 8.21652 7.65931 8.15784C7.71799 8.09916 7.75095 8.01958 7.75095 7.93659C7.75095 7.85361 7.71799 7.77402 7.65931 7.71534L0.784309 0.840344C0.75528 0.811242 0.720795 0.788153 0.68283 0.772398C0.644864 0.756644 0.604163 0.748535 0.563059 0.748535C0.521954 0.748535 0.481253 0.756644 0.443288 0.772398C0.405322 0.788153 0.370837 0.811242 0.341809 0.840344Z' fill='%236C757D'/%3E%3C/svg%3E%0A");
}

.panel-body:has(.gridScheduleFeeDefaultDriverNotIn_FLMTypeDriverCostIndex) {
    height: calc(100% - 105px) !important;
}

.btn-deselect-grid > button {
    background-color: #F8F9FA;
    border: 1px solid #CED4DA;
    border-radius: 4px;
    color: #333;
    padding: 4px 11px;
    height: 16px;
}

.btn-deselect-grid > button:hover {
    height: 16px;
    background-color: #CED4DA !important;
    border: 1px solid #ADB5BD;
    color: #333 !important;
    padding: 4px 11px;
}

.btn-input-group-no-radius {
    border-radius: 0px;
}

.btn-input-group-no-radius > button {
    border-radius: 0px !important;   
}

.filterHeaderDropdown {
    padding: 0px;
}

li:has(.filterHeaderDropdown) {
    padding: 0px;
    margin: -15px 0px 0px 0px;
    height: 20px;
}

.dropdown-menu {
    margin-top: 10px;
}

.text-dropdown-filted {
    color: #1F4A7C;
    font-weight: 600;
}

.breadcrumbSpanText {
    font-size:16px;
    color:#1F4A7C;
}

.breadcrumbTextLink {
    font-size:16px;
    color:black;
    font-weight: bold;
}

.slg-text-black {
    color: #212529;
    font-weight: 500;
}

.k-select > .k-icon.k-i-arrow-60-down {
    content: url("data:image/svg+xml,%3Csvg width='12' height='13' viewBox='0 0 15 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 4.25L6 8.75L10.5 4.25' stroke='%23343A40' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.div-tooltip-id {
    display: none !important;
}

/* IntroJS */
.introjs-tooltip {
    background-color: #1F4A7C !important;
    color: white;
    max-width: none !important;
}

.introjs-arrow.top {
    border-bottom-color: #1F4A7C !important;
}

.introjs-dontShowAgain {
    padding: 0px 8px;
}

.introjs-dontShowAgain input {
    width: 16px;
    height: 16px;
}

.introjs-tooltip-title {
    font-size: 16px;
    color: white;
}

.introjs-tooltiptext {
    padding: 8px;
}

.introjs-skipbutton {
    color: white !important;
}

label[for="introjs-dontShowAgain"] {
    background-color: transparent !important;
    color: white !important;
}

.introjs-button {
    background-color: #0E335D !important;
    color: white !important;
    text-shadow: none;
    border: 0px;
    border-color: transparent;
    border-radius: 0px !important;
}
.introjs-button:focus {
    box-shadow: none;
    border: 0px;
}

.introjs-helperNumberLayer {
    color: white;
}

.introjs-disabled {
    visibility: hidden;
}

.introjs-bullets {
    padding: 0px;
}

.introjs-helperNumberLayer {
    padding: 0px;
}

.fw-normal {
    font-weight: normal !important;
}
.switcher{display:inline-block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.switcher-label{font-size:.9em}.switcher-label.false{color:#e35144}.switcher-label,.switcher-line{display:inline-block;vertical-align:middle;cursor:pointer}.switcher-line:after,.switcher-line:before{content:'';display:block}.switcher-line{position:relative;width:40px;height:2em;margin:0 8px}.switcher-line:before{vertical-align:middle;width:100%;height:6px;background:#8ca0ad;background-image:-webkit-linear-gradient(#8ca0ad,#cad6de);background-image:linear-gradient(#8ca0ad,#cad6de)}.switcher-line:after,.switcher-line:before{-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);position:absolute;top:50%;border-radius:10em;-webkit-transition:all 300ms ease;-ms-transition:all 300ms ease;transition:all 300ms ease}.switcher-line:after{width:20px;height:20px;background:#fff;border:1px solid #c9d1d6;box-shadow:0 1px 2px rgba(97,126,147,.5);left:0}.switcher input{display:none!important}.switcher.active .switcher-line:after{left:100%;-webkit-transform:translate(-100%,-50%);-ms-transform:translate(-100%,-50%);transform:translate(-100%,-50%)}.switcher.active .switcher-label.true{color:#4ecb32}.switcher.active .switcher-label.false{color:inherit}.switcher.disabled{opacity:.7}
.k-scheduler.cus-scheduler.over-scheduler .k-scheduler-content div.k-event, .vis-item {
    background: none;
    color: #f0f0f0;
    font-weight: bold;
    top: 0px;
    height: 20px;
    line-height: 16px;
    margin: 9px 0;
    border: none;
}

ops-container-view5-component div.k-event.k-event-drag-hint {
    background: none;
    top: 0px;
    height: 20px !important;
    line-height: 16px !important;
    margin: 9px 0;
    border: none;
}

.k-scheduler.cus-scheduler.over-scheduler .k-scheduler-content div.k-event .cus-event, .vis-item .cus-event {
    width: calc(100% - 0px) !important;
}

    .k-scheduler.cus-scheduler.over-scheduler .k-scheduler-content div.k-event .cus-event .event-content, .vis-item .cus-event .event-content {
        display: block;
        cursor: pointer;
        position: absolute;
        top: 0px;
        left: 10px;
        z-index: 6;
        line-height: 20px;
        white-space: nowrap;
        overflow: hidden;
        font-size: 12px;
        color: #FFFFFF;
        width: 100%;
        height: 100%;
    }

        .k-scheduler.cus-scheduler.over-scheduler .k-scheduler-content div.k-event .cus-event .event-content[data-newevent="true"], .vis-item .cus-event .event-content[data-newevent="true"] {
            color: black;
        }

    .k-scheduler.cus-scheduler.over-scheduler .k-scheduler-content div.k-event .cus-event .event-bkg, .vis-item .cus-event .event-bkg {
        cursor: pointer;
        position: absolute;
        line-height: 20px;
        white-space: nowrap;
        overflow: hidden;
        top: 2px;
        z-index: 2;
        width: calc(100% - 0px);
        height: calc(100% - 4px);
    }

        .k-scheduler.cus-scheduler.over-scheduler .k-scheduler-content div.k-event .cus-event .event-bkg[data-double-container="true"], div.k-event .cus-event .event-bkg[data-double-container="true"], .vis-item .cus-event .event-bkg[data-double-container="true"] {
            background-size: contain;
            background-repeat: repeat-x;
        }

        .k-scheduler.cus-scheduler.over-scheduler .k-scheduler-content div.k-event .cus-event .event-bkg.double3[data-double-container="true"], div.k-event .cus-event .event-bkg.double3[data-double-container="true"], .vis-item .cus-event .event-bkg.double3[data-double-container="true"] {
            border: 1px solid #b6b6b6;
            height: calc(100% - 6px) !important;
            width: calc(100% - 2px) !important;
            background-position-y: -1px;
        }

        .k-scheduler.cus-scheduler.over-scheduler .k-scheduler-content div.k-event .cus-event .event-bkg.double1[data-double-container="true"], div.k-event .cus-event .event-bkg.double1[data-double-container="true"], .vis-item .cus-event .event-bkg.double1[data-double-container="true"] {
            border: 1px solid #b6b6b6;
            height: calc(100% - 6px) !important;
            width: calc(100% - 2px) !important;
        }

    .k-scheduler.cus-scheduler.over-scheduler .k-scheduler-content div.k-event .cus-event .event-border, .cus-event .event-border {
        position: absolute;
        height: 21px;
        top: 2px;
        left: 0;
        z-index: 1;
        opacity: 0.2;
    }

    .k-scheduler.cus-scheduler.over-scheduler .k-scheduler-content div.k-event .cus-event .event-icon, .cus-event .event-icon {
        display: inline-block;
        height: 100%;
        z-index: 7;
        position: absolute;
        text-align: right;
        overflow: hidden;
        cursor: pointer;
        opacity: 0.5;
        top: 0;
        width: calc(100% - 0px);
        right: 0;
    }

        .k-scheduler.cus-scheduler.over-scheduler .k-scheduler-content div.k-event .cus-event .event-icon .event-infinity, .cus-event .event-icon .event-infinity {
            position: relative;
            float: right;
            width: 21px;
            height: 10px;
            top: 5px;
            z-index: 8;
        }

        .k-scheduler.cus-scheduler.over-scheduler .k-scheduler-content div.k-event .cus-event .event-icon .event-doubleco, .cus-event .event-icon .event-doubleco {
            position: relative;
            float: right;
            width: 22px;
            height: 13px;
            top: 3px;
            z-index: 8;
        }

        .k-scheduler.cus-scheduler.over-scheduler .k-scheduler-content div.k-event .cus-event .event-icon .event-rstation, .cus-event .event-icon .event-rstation {
            position: relative;
            float: right;
            width: 10px;
            height: 13px;
            top: 4px;
            z-index: 8;
        }

        .k-scheduler.cus-scheduler.over-scheduler .k-scheduler-content div.k-event .cus-event .event-icon .event-romempty, .cus-event .event-icon .event-romempty {
            position: relative;
            float: right;
            width: 22px;
            height: 13px;
            top: 3px;
            z-index: 8;
        }

.hint-draggable-item {
    width: 200px;
    background: #1E4B7E;
    color: #FFFFFF;
    border-radius: 20px;
    height: 20px;
    line-height:20px;
}

ops-container-view5-component .vis-item.vis-range.vis-selected .cus-event .event-bkg{
    /*background: #1E4B7E!important;*/
}

ops-container-view5-component .cus-event.event-1 .event-bkg {
    background: #D3D5D6;
    border-radius: 20px;
}

ops-container-view5-component .cus-event.event1 .event-bkg, .cus-event.event-1.draggable .event-bkg {
    background: #D3D5D6;
    border-radius: 20px;
}

ops-container-view5-component .cus-event.event2 .event-bkg {
    background: #F7B20C;
    border-radius: 20px;
}

ops-container-view5-component .cus-event.event11 .event-bkg {
    background: #1CBEF8;
    border-radius: 20px;
}

ops-container-view5-component .cus-event.event10 .event-bkg {
    background: #63BA3C;
    border-radius: 20px;
}

ops-container-view5-component .cus-event.event3 .event-bkg {
    background: #678BFB;
    border-radius: 20px;
}

ops-container-view5-component .cus-event.event4 .event-bkg {
    background: #FF0000;
    border-radius: 20px;
}

ops-container-view5-component .vis-timeline {
    border: none;
    height: initial !important;
}

    ops-container-view5-component .vis-timeline.vis-bottom {
        height: initial !important;
    }

ops-container-view5-component .vis-panel.vis-center {
    left: 0 !important;
    width: 100% !important;
    border: none;
    top: 0 !important;
    height: 100% !important;
}

ops-container-view5-component .vis-panel.vis-left, .vis-panel.vis-right {
    display: none !important;
    top: 0 !important;
}

ops-container-view5-component .vis-shadow {
    display: none !important;
}

ops-container-view5-component .vis-timeline .vis-panel.vis-top {
    display: none !important;
}

ops-container-view5-component .vis-panel.vis-top {
    height: 70px;
    left: 0 !important;
    border: 1px #d7e3f0 solid;
    border-left: none;
    border-right: none;
}

ops-container-view5-component .vis-panel > .vis-content {
    top: 0 !important;
}

ops-container-view5-component .vis-timeline .vis-foreground .vis-group {
    height: 37px !important;
    border-bottom: 1px solid #d7e3f0;
    overflow: hidden;
}

ops-container-view5-component .vis-timeline .vis-background .vis-group {
    height: 37px !important;
}

ops-container-view5-component .vis-timeline .vis-itemset, .vis-timeline .vis-content {
    height: 100% !important;
}

ops-container-view5-component .vis-timeline .vis-axis {
    top: 0 !important;
}

ops-container-view5-component .vis-time-axis.vis-foreground {
    height: 69px;
    background-color: #e4e4e4;
}

    ops-container-view5-component .vis-time-axis.vis-foreground .vis-text {
        line-height: 28px;
        color: #212529 !important;
    }

        ops-container-view5-component .vis-time-axis.vis-foreground .vis-text.vis-minor {
            height: 35px;
            border-top: 1px solid #e4e4e4;
            background-color: #fff;
        }

        ops-container-view5-component .vis-time-axis.vis-foreground .vis-text.vis-major {
            height: 34px;
        }

ops-container-view5-component .vis-foreground .vis-item, .vis-item {
    margin: 0;
    padding: 0;
    height: 23px;
}

ops-container-view5-component .vis-timeline .vis-foreground .vis-item {
    top: 10px !important;
}

ops-container-view5-component .vis-foreground .vis-item.vis-range {
    border: none;
    border-radius: 0;
}

ops-container-view5-component .vis-hide {
    display: none;
}

ops-container-view5-component .vis-foreground .vis-item .vis-item-overflow {
    height: 23px !important;
    overflow: visible;
}

ops-container-view5-component .vis-foreground .vis-item.vis-range .vis-item-content, .vis-item.vis-range .vis-item-content {
    height: 20px;
    width: 100%;
}

ops-container-view5-component .vis-foreground .vis-item.vis-selected, .vis-item.vis-selected {
    border: none;
    background: none;
}

ops-container-view5-component .vis-text.vis-major {
    font-weight: bold;
}

ops-container-view5-component .vis-grid.vis-vertical {
    top: 0 !important;
    height: 100% !important;
}

ops-container-view5-component .vis-item.vis-background {
    height: 37px !important;
}

/*Drop để duyệt*/
ops-container-view5-component #approveArea {
    width: calc(100% - 30px);
    height: 28%;
    margin: 10px;
    border: 5px solid #C3d62D;
    border-radius:30px;
    text-align:center;
}

/*Drop để hủy duyệt*/
ops-container-view5-component #unapproveArea {
    width: calc(100% - 30px);
    height: 28%;
    margin: 10px;
    border: 5px solid #FF7022;
    border-radius:30px;
    text-align:center;
}
/*Drop để xóa*/
ops-container-view5-component #deleteArea {
    width: calc(100% - 30px);
    height: 28%;
    margin: 10px;
    border: 5px solid #F5393D;
    border-radius:30px;
    text-align:center;
}

ops-container-view5-component .drop-label {
    text-align:center;
    vertical-align:middle;
    display:block;
    margin-top:10px;
    color:#1E4B7E;
    font-size:large;
    font-weight:500;
}

ops-container-view5-order-grid-component .k-pager-wrap.k-grid-pager {
    background-color: transparent !important;
    border: none;
    width: 195px;
    display: inline-block;
    margin: 0;
    height: 34px;
    overflow: hidden;
    padding: 2px 0;
    padding-left: calc(100% - 185px);
}

ops-container-view5-order-grid-component .k-pager-wrap .k-link {
    border-right: 1px;
}

ops-container-view5-order-grid-component .k-pager-wrap.k-grid-pager .grid-title {
    position: absolute;
    left: 0;
    text-transform: uppercase;
    font-weight: bold;
    color: #1E4B7E;
    background-color: transparent !important;
}

ops-container-view5-order-grid-component .k-pager-wrap.k-grid-pager .btn-title {
    margin-top:5px;
    position: absolute;
    left: 0;
    text-transform: uppercase;
    font-weight: bold;
    color: #FFFFFF;
    background-color: #1E4B7E !important;
}

ops-container-view5-order-grid-component .k-pager-wrap.k-grid-pager .k-pager-info {
    background-color: transparent !important;
    color: #1E4B7E !important;
    position: absolute;
    right: 185px;
}

ops-container-view5-order-grid-component grid-control .k-grid .k-grid-content {
    padding-right: 17px;
    height: calc(100% - 68px) !important;
}

    ops-container-view5-order-grid-component grid-control .k-grid .k-grid-content.k-auto-scrollable td {
        height: 37px;
    }

ops-container-view5-order-grid-component grid-control .k-grid {
    /*height: calc(100% + 41px) !important;*/
}

ops-container-view5-order-grid-component .panel .panel-body {
    overflow: hidden;
}

ops-container-view5-order-grid-component .k-pager-wrap.k-grid-pager a {
    color: #fff;
    background-color: #fff;
    border-radius: 50% !important;
    width: 26px;
    height: 26px;
    margin: 3px 1px;
    padding: 0px;
    min-width: 26px;
}

    ops-container-view5-order-grid-component .k-pager-wrap.k-grid-pager a .k-icon {
        margin-top: -8px;
        color: #1E4B7E;
    }

ops-container-view5-order-grid-component .k-pager-wrap.k-grid-pager .k-pager-input {
    background-color: #c6ced3;
    border-radius: 20px;
    display: block;
    height: 26px;
    line-height: 26px;
    padding-left: 0;
    width: 46px;
    text-align: center;
    margin: 4px 1px;
    font-size:12px;
}

    ops-container-view5-order-grid-component .k-pager-wrap.k-grid-pager .k-pager-input .k-textbox {
        background-color: #c6ced3;
        border-radius: 20px;
        text-align: right;
        margin: 0;
        padding: 0;
        position: relative;
        top: -1px;
        width: 26px;
        height: 26px;
        border: none;
    }

ops-container-view5-order-grid-component .k-pager-wrap.k-grid-pager .k-pager-numbers li {
    background-color: #435f6e;
}

    ops-container-view5-order-grid-component .k-pager-wrap.k-grid-pager .k-pager-numbers li.k-current-page {
        display: inherit;
    }

    ops-container-view5-order-grid-component .k-pager-wrap.k-grid-pager .k-pager-numbers li:not(.k-current-page) {
        display: none;
    }

ops-container-view5-order-grid-component .k-pager-wrap.k-grid-pager .k-pager-numbers, .k-grid.cus-grid.over-grid .k-grid-pager.k-pager-wrap .k-pager-numbers .k-state-ed, .k-grid.cus-grid.over-grid .k-grid-pager.k-pager-wrap .k-pager-numbers .k-pager-nav {
    background-color: #fff;
    color: #000;
    border-color: #fff;
}

ops-container-view5-order-timeline-component #chosen-orders {
    background-color: #1E4B7E;
    color: #FFFFFF;
    border-radius: 30px;
    padding: 5px 10px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
}

/*Grid Pager*/
ops-container-view5-vehicle-grid-component .k-pager-wrap.k-grid-pager {
    background-color: transparent !important;
    border: none;
    width: 315px;
    display: inline-block;
    margin: 0;
    height: 34px;
    overflow: hidden;
    padding: 2px 0;
    padding-left: 110px;
    /*padding-left: calc(100% - 285px);*/
}

    ops-container-view5-vehicle-grid-component .k-pager-wrap.k-grid-pager a {
        color: #fff;
        background-color: #fff;
        border-radius: 50% !important;
        width: 26px;
        height: 26px;
        margin: 3px 1px;
        padding: 0px;
        min-width: 26px;
    }

        ops-container-view5-vehicle-grid-component .k-pager-wrap.k-grid-pager a .k-icon {
            margin-top: -8px;
            color: #1E4B7E;
        }

    ops-container-view5-vehicle-grid-component .k-pager-wrap.k-grid-pager .k-pager-input {
        background-color: #c6ced3;
        border-radius: 20px;
        display: block;
        height: 26px;
        line-height: 26px;
        padding-left: 0;
        width: 46px;
        text-align: center;
        margin: 4px 1px;
        font-size: 12px;
    }

        ops-container-view5-vehicle-grid-component .k-pager-wrap.k-grid-pager .k-pager-input .k-textbox {
            background-color: #c6ced3;
            border-radius: 20px;
            text-align: right;
            margin: 0;
            padding: 0;
            position: relative;
            top: -1px;
            width: 26px;
            height: 26px;
            border: none;
        }

    ops-container-view5-vehicle-grid-component .k-pager-wrap.k-grid-pager .k-pager-numbers li {
        background-color: #435f6e;
    }

        ops-container-view5-vehicle-grid-component .k-pager-wrap.k-grid-pager .k-pager-numbers li.k-current-page {
            display: inherit;
        }

        ops-container-view5-vehicle-grid-component .k-pager-wrap.k-grid-pager .k-pager-numbers li:not(.k-current-page) {
            display: none;
        }

    ops-container-view5-vehicle-grid-component .k-pager-wrap.k-grid-pager .k-pager-numbers, .k-grid.cus-grid.over-grid .k-grid-pager.k-pager-wrap .k-pager-numbers .k-state-ed, .k-grid.cus-grid.over-grid .k-grid-pager.k-pager-wrap .k-pager-numbers .k-pager-nav {
        background-color: #fff;
        color: #000;
        border-color: #fff;
    }

    ops-container-view5-vehicle-grid-component .k-pager-wrap.k-grid-pager .k-pager-info {
        background-color: transparent !important;
        color: #1E4B7E !important;
        position: absolute;
        /*right: 285px;*/
        left: 15px;
    }

    ops-container-view5-vehicle-grid-component .k-pager-wrap.k-grid-pager .k-pager-sizes {
        height: 16px;
        font-size: 12px;
    }

    /*Grid Title*/
    ops-container-view5-vehicle-grid-component .k-pager-wrap.k-grid-pager .grid-title {
        position: absolute;
        left: 0;
        text-transform: uppercase;
        font-weight: bold;
        color: #1E4B7E;
        background-color: transparent !important;
    }

    ops-container-view5-vehicle-grid-component .k-pager-wrap.k-grid-pager .btn-title {
        margin-top: 5px;
        position: absolute;
        left: 0;
        text-transform: uppercase;
        font-weight: bold;
        color: #FFFFFF;
        background-color: #1E4B7E !important;
    }


ops-container-view5-vehicle-grid-component .panel .panel-body {
    overflow: hidden;
}

ops-container-view5-vehicle-grid-component grid-control .k-grid .k-grid-content {
    padding-right: 17px;
    height: calc(100% - 68px) !important;
}
    /*Row Height*/
    ops-container-view5-vehicle-grid-component grid-control .k-grid .k-grid-content.k-auto-scrollable td {
        height: 37px;
    }

.k-scheduler.cus-scheduler.over-scheduler .k-scheduler-content div.k-event, .vis-item {
    background: none;
    color: #f0f0f0;
    font-weight: bold;
    top: 0px;
    height: 20px;
    line-height: 16px;
    margin: 9px 0;
    border: none;
}

ops-distribution-view5-component div.k-event.k-event-drag-hint {
    background: none;
    top: 0px;
    height: 20px !important;
    line-height: 16px !important;
    margin: 9px 0;
    border: none;
}

.k-scheduler.cus-scheduler.over-scheduler .k-scheduler-content div.k-event .cus-event, .vis-item .cus-event {
    width: calc(100% - 0px) !important;
}

    .k-scheduler.cus-scheduler.over-scheduler .k-scheduler-content div.k-event .cus-event .event-content, .vis-item .cus-event .event-content {
        display: block;
        cursor: pointer;
        position: absolute;
        top: 0px;
        left: 10px;
        z-index: 6;
        line-height: 20px;
        white-space: nowrap;
        overflow: hidden;
        font-size: 12px;
        color: #FFFFFF;
        width: 100%;
        height: 100%;
    }

        .k-scheduler.cus-scheduler.over-scheduler .k-scheduler-content div.k-event .cus-event .event-content[data-newevent="true"], .vis-item .cus-event .event-content[data-newevent="true"] {
            color: black;
        }

    .k-scheduler.cus-scheduler.over-scheduler .k-scheduler-content div.k-event .cus-event .event-bkg, .vis-item .cus-event .event-bkg {
        cursor: pointer;
        position: absolute;
        line-height: 20px;
        white-space: nowrap;
        overflow: hidden;
        top: 2px;
        z-index: 2;
        width: calc(100% - 0px);
        height: calc(100% - 4px);
    }

        .k-scheduler.cus-scheduler.over-scheduler .k-scheduler-content div.k-event .cus-event .event-bkg[data-double-container="true"], div.k-event .cus-event .event-bkg[data-double-container="true"], .vis-item .cus-event .event-bkg[data-double-container="true"] {
            background-size: contain;
            background-repeat: repeat-x;
        }

        .k-scheduler.cus-scheduler.over-scheduler .k-scheduler-content div.k-event .cus-event .event-bkg.double3[data-double-container="true"], div.k-event .cus-event .event-bkg.double3[data-double-container="true"], .vis-item .cus-event .event-bkg.double3[data-double-container="true"] {
            border: 1px solid #b6b6b6;
            height: calc(100% - 6px) !important;
            width: calc(100% - 2px) !important;
            background-position-y: -1px;
        }

        .k-scheduler.cus-scheduler.over-scheduler .k-scheduler-content div.k-event .cus-event .event-bkg.double1[data-double-container="true"], div.k-event .cus-event .event-bkg.double1[data-double-container="true"], .vis-item .cus-event .event-bkg.double1[data-double-container="true"] {
            border: 1px solid #b6b6b6;
            height: calc(100% - 6px) !important;
            width: calc(100% - 2px) !important;
        }

    .k-scheduler.cus-scheduler.over-scheduler .k-scheduler-content div.k-event .cus-event .event-border, .cus-event .event-border {
        position: absolute;
        height: 21px;
        top: 2px;
        left: 0;
        z-index: 1;
        opacity: 0.2;
    }

    .k-scheduler.cus-scheduler.over-scheduler .k-scheduler-content div.k-event .cus-event .event-icon, .cus-event .event-icon {
        display: inline-block;
        height: 100%;
        z-index: 7;
        position: absolute;
        text-align: right;
        overflow: hidden;
        cursor: pointer;
        opacity: 0.5;
        top: 0;
        width: calc(100% - 0px);
        right: 0;
    }

        .k-scheduler.cus-scheduler.over-scheduler .k-scheduler-content div.k-event .cus-event .event-icon .event-infinity, .cus-event .event-icon .event-infinity {
            position: relative;
            float: right;
            width: 21px;
            height: 10px;
            top: 5px;
            z-index: 8;
        }

        .k-scheduler.cus-scheduler.over-scheduler .k-scheduler-content div.k-event .cus-event .event-icon .event-doubleco, .cus-event .event-icon .event-doubleco {
            position: relative;
            float: right;
            width: 22px;
            height: 13px;
            top: 3px;
            z-index: 8;
        }

        .k-scheduler.cus-scheduler.over-scheduler .k-scheduler-content div.k-event .cus-event .event-icon .event-rstation, .cus-event .event-icon .event-rstation {
            position: relative;
            float: right;
            width: 10px;
            height: 13px;
            top: 4px;
            z-index: 8;
        }

        .k-scheduler.cus-scheduler.over-scheduler .k-scheduler-content div.k-event .cus-event .event-icon .event-romempty, .cus-event .event-icon .event-romempty {
            position: relative;
            float: right;
            width: 22px;
            height: 13px;
            top: 3px;
            z-index: 8;
        }

.hint-draggable-item {
    width: 200px;
    background: #1E4B7E;
    color: #FFFFFF;
    border-radius: 20px;
    height: 20px;
    line-height:20px;
}

ops-distribution-view5-component .cus-event.event-1 .event-bkg {
    background: #D3D5D6;
    border-radius: 20px;
}

ops-distribution-view5-component .cus-event.event1 .event-bkg, .cus-event.event-1.draggable .event-bkg {
    background: #D3D5D6;
    border-radius: 20px;
}

ops-distribution-view5-component .cus-event.event2 .event-bkg {
    background: #F7B20C;
    border-radius: 20px;
}

ops-distribution-view5-component .cus-event.event11 .event-bkg {
    background: #1CBEF8;
    border-radius: 20px;
}

ops-distribution-view5-component .cus-event.event10 .event-bkg {
    background: #63BA3C;
    border-radius: 20px;
}

ops-distribution-view5-component .cus-event.event3 .event-bkg {
    background: #678BFB;
    border-radius: 20px;
}

ops-distribution-view5-component .cus-event.event4 .event-bkg {
    background: #FF0000;
    border-radius: 20px;
}

ops-distribution-view5-component .cus-event.event12 .event-bkg {
    background: #F90BEF;
    border-radius: 20px;
}

ops-distribution-view5-component .vis-timeline {
    border: none;
    height: initial !important;
}

    ops-distribution-view5-component .vis-timeline.vis-bottom {
        height: initial !important;
    }

ops-distribution-view5-component .vis-panel.vis-center {
    left: 0 !important;
    width: 100% !important;
    border: none;
    top: 0 !important;
    height: 100% !important;
}

ops-distribution-view5-component .vis-panel.vis-left, .vis-panel.vis-right {
    display: none !important;
    top: 0 !important;
}

ops-distribution-view5-component .vis-shadow {
    display: none !important;
}

ops-distribution-view5-component .vis-timeline .vis-panel.vis-top {
    display: none !important;
}

ops-distribution-view5-component .vis-panel.vis-top {
    height: 70px;
    left: 0 !important;
    border: 1px #d7e3f0 solid;
    border-left: none;
    border-right: none;
}

ops-distribution-view5-component .vis-panel > .vis-content {
    top: 0 !important;
}

ops-distribution-view5-component .vis-timeline .vis-foreground .vis-group {
    height: 37px !important;
    border-bottom: 1px solid #d7e3f0;
    overflow: hidden;
}

ops-distribution-view5-component .vis-timeline .vis-background .vis-group {
    height: 37px !important;
}

ops-distribution-view5-component .vis-timeline .vis-itemset, .vis-timeline .vis-content {
    height: 100% !important;
}

ops-distribution-view5-component .vis-timeline .vis-axis {
    top: 0 !important;
}

ops-distribution-view5-component .vis-time-axis.vis-foreground {
    height: 69px;
    background-color: #e4e4e4;
}

    ops-distribution-view5-component .vis-time-axis.vis-foreground .vis-text {
        line-height: 28px;
    }

        ops-distribution-view5-component .vis-time-axis.vis-foreground .vis-text.vis-minor {
            height: 35px;
            border-top: 1px solid #e4e4e4;
            background-color: #fff;
        }

        ops-distribution-view5-component .vis-time-axis.vis-foreground .vis-text.vis-major {
            height: 34px;
        }

ops-distribution-view5-component .vis-foreground .vis-item, .vis-item {
    margin: 0;
    padding: 0;
    height: 23px;
}

ops-distribution-view5-component .vis-timeline .vis-foreground .vis-item {
    top: 10px !important;
}

ops-distribution-view5-component .vis-foreground .vis-item.vis-range {
    border: none;
    border-radius: 0;
}

ops-distribution-view5-component .vis-hide {
    display: none;
}

ops-distribution-view5-component .vis-foreground .vis-item .vis-item-overflow {
    height: 23px !important;
    overflow: visible;
}

ops-distribution-view5-component .vis-foreground .vis-item.vis-range .vis-item-content, .vis-item.vis-range .vis-item-content {
    height: 20px;
    width: 100%;
}

ops-distribution-view5-component .vis-foreground .vis-item.vis-selected, .vis-item.vis-selected {
    border: none;
    background: none;
}

ops-distribution-view5-component .vis-text.vis-major {
    font-weight: bold;
}

ops-distribution-view5-component .vis-grid.vis-vertical {
    top: 0 !important;
    height: 100% !important;
}

ops-distribution-view5-component .vis-item.vis-background {
    height: 37px !important;
}

/*Drop để duyệt*/
ops-distribution-view5-component #approveArea {
    width: calc(100% - 30px);
    height: 115px;
    margin: 10px;
    border: 5px solid #C3d62D;
    border-radius: 30px;
    text-align: center;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

/*Drop để hủy duyệt*/
ops-distribution-view5-component #unapproveArea {
    width: calc(100% - 30px);
    height: 115px;
    margin: 10px;
    border: 5px solid #FF7022;
    border-radius: 30px;
    text-align: center;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}
/*Drop để xóa*/
ops-distribution-view5-component #deleteArea {
    width: calc(100% - 30px);
    height: 115px;
    margin: 10px;
    border: 5px solid #F5393D;
    border-radius: 30px;
    text-align: center;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

ops-distribution-view5-component .drop-label {
    text-align:center;
    vertical-align:middle;
    display:block;
    color:#1E4B7E;
    font-size:large;
    font-weight:500;
}

ops-distribution-view5-component .utility-item {
    cursor: pointer;
}

    ops-distribution-view5-component .utility-item > a {
        clear: both;
        color: #212529;
        font-weight: 400;
        white-space: nowrap;
        font-size: 15px;
        height: 32px;
        display: flex;
        flex-direction: row;
        align-items: center;
        text-decoration: none;
    }

        ops-distribution-view5-component .utility-item > a:hover {
            background-color: #E9ECEF;
        }

        ops-distribution-view5-component .utility-item > a > span {
            vertical-align: middle;
            padding: 4px 16px;
        }
ops-distribution-view5-order-grid-component .k-pager-wrap.k-grid-pager {
    background-color: transparent !important;
    border: none;
    display: inline-block;
    margin: 0;
    padding: 0px;
    overflow: hidden;
    display: flex;
    flex-direction: row;
    align-items: center;
}

ops-distribution-view5-order-grid-component .k-pager-wrap .k-link {
    border-right: 1px;
}

ops-distribution-view5-order-grid-component .k-pager-wrap.k-grid-pager .grid-title {
    position: absolute;
    left: 0;
    text-transform: uppercase;
    font-weight: bold;
    color: #1E4B7E;
    background-color: transparent !important;
}

ops-distribution-view5-order-grid-component .k-pager-wrap.k-grid-pager .btn-title {
    margin-top:5px;
    position: absolute;
    left: 0;
    text-transform: uppercase;
    font-weight: bold;
    color: #FFFFFF;
    background-color: #1E4B7E !important;
}

ops-distribution-view5-order-grid-component .k-pager-wrap.k-grid-pager .k-pager-info {
    background-color: transparent !important;
    color: #1E4B7E !important;
    font-size: 14px;
    line-height: 150%;
    padding: 0px 8px;
}

ops-distribution-view5-order-grid-component grid-control .k-grid .k-grid-content {
    padding-right: 17px;
    height: calc(100% - 68px) !important;
}

    ops-distribution-view5-order-grid-component grid-control .k-grid .k-grid-content.k-auto-scrollable td {
        height: 37px;
    }

ops-distribution-view5-order-grid-component grid-control .k-grid {
    /*height: calc(100% + 41px) !important;*/
}

ops-distribution-view5-order-grid-component .panel .panel-body {
    overflow: hidden;
}

ops-distribution-view5-order-grid-component .k-pager-wrap.k-grid-pager a {
    color: #fff;
    background-color: #fff;
    border-radius: 50% !important;
    width: 26px;
    height: 26px;
    margin: 3px 1px;
    padding: 0px;
    min-width: 26px;
}

    ops-distribution-view5-order-grid-component .k-pager-wrap.k-grid-pager a .k-icon {
        margin-top: -8px;
        color: #1E4B7E;
    }

ops-distribution-view5-order-grid-component .k-pager-wrap.k-grid-pager .k-pager-input {
    background-color: #c6ced3;
    border-radius: 20px;
    display: block;
    height: 26px;
    line-height: 26px;
    padding-left: 0;
    width: 46px;
    text-align: center;
    margin: 4px 1px;
    font-size:12px;
}

    ops-distribution-view5-order-grid-component .k-pager-wrap.k-grid-pager .k-pager-input .k-textbox {
        background-color: #c6ced3;
        border-radius: 20px;
        text-align: right;
        margin: 0;
        padding: 0;
        position: relative;
        top: -1px;
        width: 26px;
        height: 26px;
        border: none;
    }

ops-distribution-view5-order-grid-component .k-pager-wrap.k-grid-pager .k-pager-numbers li {
    background-color: #435f6e;
}

    ops-distribution-view5-order-grid-component .k-pager-wrap.k-grid-pager .k-pager-numbers li.k-current-page {
        display: inherit;
    }

    ops-distribution-view5-order-grid-component .k-pager-wrap.k-grid-pager .k-pager-numbers li:not(.k-current-page) {
        display: none;
    }

ops-distribution-view5-order-grid-component .k-pager-wrap.k-grid-pager .k-pager-numbers, .k-grid.cus-grid.over-grid .k-grid-pager.k-pager-wrap .k-pager-numbers .k-state-ed, .k-grid.cus-grid.over-grid .k-grid-pager.k-pager-wrap .k-pager-numbers .k-pager-nav {
    background-color: #fff;
    color: #000;
    border-color: #fff;
}

ops-distribution-view5-order-grid-component .tms-panel-header .pull-right button {
    height: 34px;
    padding: 0px !important;
}

ops-distribution-view5-order-timeline-component #chosen-orders {
    background-color: #1E4B7E;
    color: #FFFFFF;
    border-radius: 30px;
    padding: 5px 10px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
}

/*Grid Pager*/
ops-distribution-view5-vehicle-grid-component .k-pager-wrap.k-grid-pager {
    background-color: transparent !important;
    border: none;
    width: 315px;
    display: inline-block;
    margin: 0;
    height: 34px;
    overflow: hidden;
    padding: 2px 0;
    padding-left: 110px;
    /*padding-left: calc(100% - 285px);*/
}

    ops-distribution-view5-vehicle-grid-component .k-pager-wrap.k-grid-pager a {
        color: #fff;
        background-color: #fff;
        border-radius: 50% !important;
        width: 26px;
        height: 26px;
        margin: 3px 1px;
        padding: 0px;
        min-width: 26px;
    }

        ops-distribution-view5-vehicle-grid-component .k-pager-wrap.k-grid-pager a .k-icon {
            margin-top: -8px;
            color: #1E4B7E;
        }

    ops-distribution-view5-vehicle-grid-component .k-pager-wrap.k-grid-pager .k-pager-input {
        background-color: #c6ced3;
        border-radius: 20px;
        display: block;
        height: 26px;
        line-height: 26px;
        padding-left: 0;
        width: 46px;
        text-align: center;
        margin: 4px 1px;
        font-size: 12px;
    }

        ops-distribution-view5-vehicle-grid-component .k-pager-wrap.k-grid-pager .k-pager-input .k-textbox {
            background-color: #c6ced3;
            border-radius: 20px;
            text-align: right;
            margin: 0;
            padding: 0;
            position: relative;
            top: -1px;
            width: 26px;
            height: 26px;
            border: none;
        }

    ops-distribution-view5-vehicle-grid-component .k-pager-wrap.k-grid-pager .k-pager-numbers li {
        background-color: #435f6e;
    }

        ops-distribution-view5-vehicle-grid-component .k-pager-wrap.k-grid-pager .k-pager-numbers li.k-current-page {
            display: inherit;
        }

        ops-distribution-view5-vehicle-grid-component .k-pager-wrap.k-grid-pager .k-pager-numbers li:not(.k-current-page) {
            display: none;
        }

    ops-distribution-view5-vehicle-grid-component .k-pager-wrap.k-grid-pager .k-pager-numbers, .k-grid.cus-grid.over-grid .k-grid-pager.k-pager-wrap .k-pager-numbers .k-state-ed, .k-grid.cus-grid.over-grid .k-grid-pager.k-pager-wrap .k-pager-numbers .k-pager-nav {
        background-color: #fff;
        color: #000;
        border-color: #fff;
    }

    ops-distribution-view5-vehicle-grid-component .k-pager-wrap.k-grid-pager .k-pager-info {
        background-color: transparent !important;
        color: #1E4B7E !important;
        position: absolute;
        /*right: 285px;*/
        left: 15px;
    }

    ops-distribution-view5-vehicle-grid-component .k-pager-wrap.k-grid-pager .k-pager-sizes {
        height: 16px;
        font-size: 12px;
    }

    /*Grid Title*/
    ops-distribution-view5-vehicle-grid-component .k-pager-wrap.k-grid-pager .grid-title {
        position: absolute;
        left: 0;
        text-transform: uppercase;
        font-weight: bold;
        color: #1E4B7E;
        background-color: transparent !important;
    }

    ops-distribution-view5-vehicle-grid-component .k-pager-wrap.k-grid-pager .btn-title {
        margin-top: 5px;
        position: absolute;
        left: 0;
        text-transform: uppercase;
        font-weight: bold;
        color: #FFFFFF;
        background-color: #1E4B7E !important;
    }


ops-distribution-view5-vehicle-grid-component .panel .panel-body {
    overflow: hidden;
}

ops-distribution-view5-vehicle-grid-component grid-control .k-grid .k-grid-content {
    padding-right: 17px;
    height: calc(100% - 68px) !important;
}
    /*Row Height*/
    ops-distribution-view5-vehicle-grid-component grid-control .k-grid .k-grid-content.k-auto-scrollable td {
        height: 37px;
    }

/* --- KendoGrid - TreeList --- */
temp .k-grid .k-grid-header { border-top: none; border-left: none; border-right: none; border-bottom: #d7e3f0 solid 1px; }
temp .k-grid .k-grid-header > .k-grid-header-wrap { border: none; }
temp .k-grid .k-grid-header table thead tr { background: none; border: none; background-color: #fff; }
temp .k-grid .k-grid-header table thead tr:hover { background: none; background-color: #fff; }
temp .k-grid .k-grid-header table thead th.k-header { background: none; border-left: none; border-top: none; border-right: none; padding: 5px 5px 0px 5px; margin: 0; border-bottom: #d7e3f0 solid 1px; height: 30px; line-height: 30px; vertical-align: middle; color: #4d5e73; font-size: 13px; }
temp .k-grid .k-grid-header table thead th.k-header:first-child { position: relative; border-left: #fff solid 5px; }
temp .k-grid .k-grid-header table thead th.k-header:first-child > .action-grid { position: absolute; cursor: pointer; bottom: 0; left: 0; line-height: 10px; }
temp .k-grid .k-grid-header table thead th.k-header a.k-link { position: relative; color: #4d5e73; font-size: 13px; margin: 0; padding: 0; }
temp .k-grid .k-grid-header table thead th.k-header a.k-link > .k-icon { position: absolute; right: 0; }
temp .k-grid .k-grid-header .k-resize-handle { background-color: #d7e3f0; }

temp .k-grid .k-grouping-header { height: 30px; background: none; background-color: #f6fafe; border-top: none; border-left: none; border-right: none; border-bottom: #d7e3f0 solid 1px; color: #4d5e73; font-size: 13px; line-height: 30px; padding: 0 0 0 10px; }
temp .k-grid .k-grouping-header .k-group-indicator { margin: 0; border-radius: 0; height: 20px; padding: 5px 0 0 0; border-top: none; border-left: none; border-right: #d7e3f0 solid 1px; border-bottom: none; }
temp .k-grid .k-grouping-header .k-button .k-icon { margin: 0 0 0 3px; position: relative; top: -2px; }

temp .k-grid .k-grid-header .k-grid-header-wrap table thead tr.k-filter-row th { height: 22px; line-height: 22px; border: none; padding: 0px 5px; }
temp .k-grid .k-grid-header .k-grid-header-wrap table thead tr.k-filter-row th > span.k-filtercell { padding: 0; margin: 0; border: none; }
temp .k-grid .k-grid-header .k-grid-header-locked table thead tr.k-filter-row th { height: 22px; line-height: 22px; border: none; padding: 4px 5px; }
temp .k-grid .k-grid-header .k-grid-header-locked table thead tr.k-filter-row th > span.k-filtercell { padding: 0; margin: 0; border: #d7e3f0 solid 1px; }

temp .k-grid .k-grid-header .k-grid-header-wrap table thead tr.k-filter-row th span.k-operator-hidden { padding-right: 0; }
temp .k-grid .k-grid-header .k-grid-header-locked table thead tr.k-filter-row th span.k-operator-hidden { padding-right: 0; }

temp .k-grid .k-grid-header .k-grid-header-wrap table thead tr.k-filter-row .k-button.k-button-icon { display: none; }
temp .k-grid .k-grid-header .k-grid-header-wrap table thead tr.k-filter-row .k-widget.k-numerictextbox .k-select { display: none; }

temp .k-grid .k-grid-header .k-grid-header-wrap table thead tr.k-filter-row th input[type="text"] { line-height: 28px; color: #31b6fc; font-size: 12px; border-radius: 0; padding: 0; height: 28px; }
temp .k-grid .k-grid-header .k-grid-header-locked table thead tr.k-filter-row th input[type="text"] { line-height: 28px; color: #31b6fc; font-size: 12px; border-radius: 0; padding: 0; height: 28px; }


temp .k-grid .k-grid-header .k-grid-header-wrap table thead tr.k-filter-row th .k-filtercell > span { padding-right: 0; }
temp .k-grid .k-grid-header .k-grid-header-wrap table thead tr.k-filter-row th .k-widget.k-dropdown-operator { display: none; }
temp .k-grid .k-grid-header .k-grid-header-wrap table thead tr.k-filter-row th .k-widget.k-autocomplete { width: 100%; height: 24px; border: none; border-radius: 0; background-color: transparent; }
temp .k-grid .k-grid-header .k-grid-header-wrap table thead tr.k-filter-row th .k-widget.k-autocomplete.k-state-focused { border: none; border-radius: 0; background-color: transparent; box-shadow: none; }

temp .k-grid .k-grid-header .k-grid-header-wrap table thead tr.k-filter-row th .k-widget.k-datepicker { border: none; border-radius: 0; background-color: transparent; }
temp .k-grid .k-grid-header .k-grid-header-wrap table thead tr.k-filter-row th .k-picker-wrap.k-state-default { background: none; border: none; border-radius: 0; }
temp .k-grid .k-grid-header .k-grid-header-wrap table thead tr.k-filter-row th .k-picker-wrap.k-state-default.k-state-focused { border: none; border-radius: 0; background-color: transparent; box-shadow: none; }
temp .k-grid .k-grid-header .k-grid-header-wrap table thead tr.k-filter-row th .k-picker-wrap.k-state-default span.k-select { border: none; padding-top: 0; }

temp .k-grid .k-grid-header .k-grid-header-wrap table thead tr.k-filter-row th .k-widget.k-combobox { border: none; border-radius: 0; background-color: transparent; }
temp .k-grid .k-grid-header .k-grid-header-wrap table thead tr.k-filter-row th .k-widget.k-combobox > span { border: none; border-radius: 0; background-color: transparent; }
temp .k-grid .k-grid-header .k-grid-header-wrap table thead tr.k-filter-row th .k-widget.k-combobox .k-state-focused { border: none; border-radius: 0; background-color: transparent; box-shadow: none; }

temp .k-grid .k-grid-header .k-grid-header-wrap table thead tr.k-filter-row th .k-widget.k-numerictextbox { border: none; border-radius: 0; background-color: transparent; }
temp .k-grid .k-grid-header .k-grid-header-wrap table thead tr.k-filter-row th .k-widget.k-numerictextbox > span { border: none; border-radius: 0; background-color: transparent; padding: 0; padding-top: 4px; }
temp .k-grid .k-grid-header .k-grid-header-wrap table thead tr.k-filter-row th .k-widget.k-numerictextbox .k-state-focused { border: none; border-radius: 0; background-color: transparent; box-shadow: none; }

temp .k-grid .k-grid-header .k-grid-header-wrap table thead th a.k-button { background: #fff; border: none; }
temp .k-grid .k-grid-header .k-grid-header-wrap table thead th a.k-button:active { background: none; background-color: #fff; border: none; border-radius: 0; }

temp .k-grid .k-grid-content tbody > tr > td.k-detail-cell { height: auto; }
temp .k-grid .k-grid-content tbody > tr > td { white-space: nowrap; color: #3d5977; font-size: 13px; height: 32px; padding: 0px 5px 0px 5px; margin: 0; background-color: transparent; border-top: none; border-left: none; border-right: none; border-bottom: #d7e3f0 solid 1px; }
temp .k-grid .k-grid-content tbody > tr > td a.text { color: #3d5977; text-decoration: none; font-size: 13px; }
temp .k-grid .k-grid-content tbody > tr > td a { color: #5a6877; text-decoration: none; font-size: 13px; }
temp .k-grid .k-grid-content tbody > tr > td a:hover { color: #31B6FC; }
temp .k-grid .k-grid-content tbody > tr > td:first-child { border-left: #fff solid 5px; }
temp .k-grid .k-grid-content tbody > tr > td .k-widget > span > input.k-input { padding: .177em 0; }
temp .k-grid .k-grid-content tbody > tr:hover > td:first-child { border-left: #5bb7e5 solid 5px; }
temp .k-grid .k-grid-content tbody > tr.k-state-selected { background-color: transparent; }
temp .k-grid .k-grid-content tbody > tr.k-state-selected:not(.k-grouping-row):hover > td:first-child { border-left: #688391 solid 5px; }
temp .k-grid .k-grid-content tbody > tr.k-state-selected:not(.k-grouping-row) > td.k-detail-cell { height: auto; }
temp .k-grid .k-grid-content tbody > tr.k-state-selected:not(.k-grouping-row) > td { height: 31px; border-top: #32b6fc solid 1px; border-left: none; border-right: none; border-bottom: #32b6fc solid 1px; }
temp .k-grid .k-grid-content tbody > tr.k-state-selected:not(.k-grouping-row) > td:first-child { border-left: #32b6fc solid 5px; }

temp .k-grid.k-grid-lockedcolumns .k-grid-content tbody > tr.k-state-selected td:first-child { border-left: #fff solid 5px; }

temp .k-grid .k-grid-content tbody > tr.k-alt { background-color: #f6fafe; }
temp .k-grid .k-grid-content tbody > tr.k-alt.k-state-selected { background-color: #f6fafe; }
temp .k-grid .k-grid-content tbody > tr:hover { background-color: transparent; }

temp .k-grid .k-grid-content tbody > tr:not(.k-grouping-row):not(.k-detail-row):hover > td.k-detail-cell { height: auto; }
temp .k-grid .k-grid-content tbody > tr:not(.k-grouping-row):not(.k-detail-row):not(.k-detail-row):hover > td { height: 31px; border-top: #32b6fc solid 1px; border-left: none; border-right: none; border-bottom: #32b6fc solid 1px; }
temp .k-grid .k-grid-content tbody > tr:not(.k-grouping-row):not(.k-detail-row):hover > td:first-child { border-left: #fff solid 5px; }

temp .k-grid .k-grid-content tbody > tr.IsChoose > td.k-detail-cell { height: auto; }
temp .k-grid .k-grid-content tbody > tr.IsChoose > td { height: 31px; border-top: #32b6fc solid 1px; border-left: none; border-right: none; border-bottom: #32b6fc solid 1px; }
temp .k-grid .k-grid-content tbody > tr.IsChoose > td:first-child { border-left: #32b6fc solid 5px; }
temp .k-grid .k-grid-content tbody > tr.IsChoose:not(.k-grouping-row):not(.k-detail-row):hover > td:first-child { border-left: #688391 solid 5px; }
temp .k-grid .k-grid-content tbody > tr.k-alt.IsChoose > td { border-top: #32b6fc solid 1px; border-left: none; border-right: none; border-bottom: #32b6fc solid 1px; }
temp .k-grid .k-grid-content tbody > tr.k-alt.IsChoose > td:first-child { border-left: #32b6fc solid 5px; }
temp .k-grid .k-grid-content tbody > tr.k-alt.IsChoose:not(.k-grouping-row):not(.k-detail-row):hover > td:first-child { border-left: #688391 solid 5px; }
temp .k-grid .k-grid-content tbody > tr > td .k-button { min-width: 30px; border: none; border-radius: 0; background: none; }
temp .k-grid .k-grid-content tbody > tr > td .k-textbox { width: 100%; border-radius: 0; border: #d7e3f0 solid 1px; }

temp .k-grid:not(.k-grid-lockedcolumns) .k-grid-content tbody > tr.k-grouping-row > td:first-child { border-left: #4a6b89 solid 5px; }
temp .k-grid .k-grid-lockedcolumns .k-grid-content tbody > tr > td:first-child { border-left: none; }
temp .k-grid .k-grid-lockedcolumns .k-grid-content tbody > tr:hover > td:first-child { border-left: none; }


temp .k-grid .k-grid-content-locked tbody > tr > td { white-space: nowrap; color: #3d5977; font-size: 13px; height: 32px; padding: 0px 5px 0px 5px; margin: 0; background-color: transparent; border-top: none; border-left: none; border-right: none; border-bottom: #d7e3f0 solid 1px; }
temp .k-grid .k-grid-content-locked tbody > tr > td a.text { color: #3d5977; text-decoration: none; font-size: 13px; }
temp .k-grid .k-grid-content-locked tbody > tr > td a { color: #5a6877; text-decoration: none; font-size: 13px; }
temp .k-grid .k-grid-content-locked tbody > tr > td a:hover { color: #36C6D3; }
temp .k-grid .k-grid-content-locked tbody > tr > td .k-widget > span > input.k-input { padding: .177em 0; }
temp .k-grid .k-grid-content-locked tbody > tr.k-state-selected { background-color: transparent; }
temp .k-grid .k-grid-content-locked tbody > tr.k-state-selected:not(.k-grouping-row) td { height: 31px; border-top: #32b6fc solid 1px; border-left: none; border-right: none; border-bottom: #32b6fc solid 1px; }
temp .k-grid .k-grid-content-locked tbody > tr.k-state-selected:not(.k-grouping-row) td:first-child { border-left: #32b6fc solid 5px; }
temp .k-grid .k-grid-content-locked tbody > tr.k-alt { background-color: #f6fafe; }
temp .k-grid .k-grid-content-locked tbody > tr.k-alt.k-state-selected { background-color: #f6fafe; }
temp .k-grid .k-grid-content-locked tbody > tr:hover { background-color: transparent; }
temp .k-grid .k-grid-content-locked tbody > tr:not(.k-grouping-row):not(.k-detail-row):hover td { height: 31px; border-top: #32b6fc solid 1px; border-left: none; border-right: none; border-bottom: #32b6fc solid 1px; }
temp .k-grid .k-grid-content-locked tbody > tr:not(.k-grouping-row):not(.k-detail-row):hover td:first-child { border-left: #688391 solid 5px; }

temp .k-grid .k-grid-content-locked tbody > tr.IsChoose td { height: 31px; border-top: #32b6fc solid 1px; border-left: none; border-right: none; border-bottom: #32b6fc solid 1px; }
temp .k-grid .k-grid-content-locked tbody > tr.IsChoose td:first-child { border-left: #32b6fc solid 5px; }
temp .k-grid .k-grid-content-locked tbody > tr.k-alt.IsChoose:not(.k-grouping-row):not(.k-detail-row):hover > td:first-child { border-left: #688391 solid 5px; }
temp .k-grid .k-grid-content-locked tbody > tr.k-alt.IsChoose td { border-top: #32b6fc solid 1px; border-left: none; border-right: none; border-bottom: #32b6fc solid 1px; }
temp .k-grid .k-grid-content-locked tbody > tr.k-alt.IsChoose td:first-child { border-left: #32b6fc solid 5px; }
temp .k-grid .k-grid-content tbody > tr.k-alt.IsChoose:not(.k-grouping-row):hover > td:first-child { border-left: #688391 solid 5px; }
temp .k-grid .k-grid-content-locked tbody > tr td .k-button { min-width: 30px; }

temp .k-grid .k-grid-content-locked tbody > tr.k-grouping-row td:first-child { border-left: #4a6b89 solid 5px; }

temp .k-grid .k-grid-pager.k-pager-wrap .k-pager-numbers .k-state-selected { background-color: #31b6fc; border-color: #31b6fc; }
temp .k-grid .k-grid-pager.k-pager-wrap .k-pager-sizes { padding-left: 0; padding-right: 2px; }
temp .k-grid .k-grid-pager.k-pager-wrap .k-pager-sizes .k-widget.k-dropdown.k-header { width: 40px; }
temp .k-grid .k-grid-pager.k-pager-wrap .k-pager-sizes .k-dropdown-wrap { padding: 0; border-radius: 4px; }
temp .k-grid .k-grid-pager.k-pager-wrap .k-pager-sizes .k-dropdown-wrap .k-select { display: none; }
temp .k-grid .k-grid-pager.k-pager-wrap .k-pager-info.k-label { padding: 0; padding-right: 3px; line-height: 26px; }


temp .full {width: 100%;height:100%;}

temp .chute.chute-center { overflow: hidden !important; }
@font-face {
  font-family: 'icomoon';
  src:  url('../assets/css/tms-icon/fonts/icomoon.eot?kowhzv');
  src:  url('../assets/css/tms-icon/fonts/icomoon.eot?kowhzv#iefix') format('embedded-opentype'),
    url('../assets/css/tms-icon/fonts/icomoon.ttf?kowhzv') format('truetype'),
    url('../assets/css/tms-icon/fonts/icomoon.woff?kowhzv') format('woff'),
    url('../assets/css/tms-icon/fonts/icomoon.svg?kowhzv#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-tms-new-ai-blink:before {
  content: "\eb30";
}
.icon-tms-new-card-verified:before {
  content: "\eb2f";
}
.icon-tms-new-camera:before {
  content: "\eb2d";
}
.icon-tms-new-user-card:before {
  content: "\eb2e";
}
.icon-tms-new-copy-plus:before {
  content: "\eb2c";
}
.icon-tms-new-file-key:before {
  content: "\eb2b";
}
.icon-tms-new-cost-edit:before {
  content: "\eb2a";
}
.icon-tms-new-picture-cancel:before {
  content: "\eb28";
}
.icon-tms-new-picture-point:before {
  content: "\eb29";
}
.icon-tms-new-pencil-drawing:before {
  content: "\eb27";
}
.icon-tms-new-file-swap:before {
  content: "\eb26";
}
.icon-tms-new-board-chart:before {
  content: "\eb25";
}
.icon-tms-new-gps-mobile:before {
  content: "\eb24";
}
.icon-tms-new-reject-detail-ops-tender:before {
  content: "\eb23";
}
.icon-tms-new-branch:before {
  content: "\eb21";
}
.icon-tms-new-package-focus:before {
  content: "\eb22";
}
.icon-tms-new-chart:before {
  content: "\eb1e";
}
.icon-tms-new-window:before {
  content: "\eb1f";
}
.icon-tms-new-chart-horizontal:before {
  content: "\eb20";
}
.icon-tms-new-headphones:before {
  content: "\eb1c";
}
.icon-tms-new-user-duty:before {
  content: "\eb1b";
}
.icon-tms-new-broken-border-download:before {
  content: "\eb1a";
}
.icon-tms-new-calendar-x:before {
  content: "\eb19";
}
.icon-tms-new-atm-bank-add-plus:before {
  content: "\eb18";
}
.icon-tms-new-download-stock:before {
  content: "\e900";
}
.icon-tms-new-warning-check:before {
  content: "\e901";
}
.icon-tms-new-share:before {
  content: "\e902";
}
.icon-tms-new-grid:before {
  content: "\e903";
}
.icon-tms-new-arrow-right-short:before {
  content: "\e904";
}
.icon-tms-new-package-plus:before {
  content: "\e905";
}
.icon-tms-new-suggest:before {
  content: "\e906";
}
.icon-tms-new-split-order:before {
  content: "\e907";
}
.icon-tms-new-copy:before {
  content: "\e908";
}
.icon-tms-new-fast-split-order:before {
  content: "\e909";
}
.icon-tms-new-ladder-setting:before {
  content: "\e90a";
}
.icon-tms-new-checklist:before {
  content: "\e90b";
}
.icon-tms-new-lower-cont:before {
  content: "\e90c";
}
.icon-tms-new-send-user:before {
  content: "\e90d";
}
.icon-tms-new-truck-time:before {
  content: "\e90e";
}
.icon-tms-new-depreciation-transfer:before {
  content: "\e90f";
}
.icon-tms-new-download:before {
  content: "\e910";
}
.icon-tms-new-arrow-left:before {
  content: "\e911";
}
.icon-tms-new-arrow-right:before {
  content: "\eb1d";
}
.icon-tms-new-caret-down:before {
  content: "\e912";
}
.icon-tms-new-bell:before {
  content: "\e913";
}
.icon-tms-new-send-bid:before {
  content: "\e914";
}
.icon-tms-new-edit:before {
  content: "\e915";
}
.icon-tms-new-setting-round-arrow:before {
  content: "\e916";
}
.icon-tms-new-send-message:before {
  content: "\e917";
}
.icon-tms-new-save:before {
  content: "\e918";
}
.icon-tms-new-send-email:before {
  content: "\e919";
}
.icon-tms-new-clear-filter:before {
  content: "\e91a";
}
.icon-tms-new-detail:before {
  content: "\e91b";
}
.icon-tms-new-reload:before {
  content: "\e91c";
}
.icon-tms-new-add-chart:before {
  content: "\e91d";
}
.icon-tms-new-delete:before {
  content: "\e91e";
}
.icon-tms-new-setting:before {
  content: "\e91f";
}
.icon-tms-new-leave-point:before {
  content: "\e920";
}
.icon-tms-new-car-parking:before {
  content: "\e921";
}
.icon-tms-new-wrong-location:before {
  content: "\e922";
}
.icon-tms-new-station-location:before {
  content: "\e923";
}
.icon-tms-new-history:before {
  content: "\e924";
}
.icon-tms-new-picture:before {
  content: "\e925";
}
.icon-tms-new-role-report:before {
  content: "\e926";
}
.icon-tms-new-role:before {
  content: "\e927";
}
.icon-tms-new-role-not-apply:before {
  content: "\e928";
}
.icon-tms-new-data-collation:before {
  content: "\e929";
}
.icon-tms-new-point-checklist:before {
  content: "\e92a";
}
.icon-tms-new-add-widget:before {
  content: "\e92b";
}
.icon-tms-new-show-all-vehicles:before {
  content: "\e92c";
}
.icon-tms-new-list-vehicle:before {
  content: "\e92d";
}
.icon-tms-new-swap-price-list:before {
  content: "\e92e";
}
.icon-tms-new-file-checklist:before {
  content: "\e92f";
}
.icon-tms-new-truck-check:before {
  content: "\e930";
}
.icon-tms-new-point-map:before {
  content: "\e931";
}
.icon-tms-new-trip-allotment:before {
  content: "\e932";
}
.icon-tms-new-file-cancel:before {
  content: "\e933";
}
.icon-tms-new-upload:before {
  content: "\e934";
}
.icon-tms-new-pin-map:before {
  content: "\e935";
}
.icon-tms-new-phuongtien:before {
  content: "\e936";
}
.icon-tms-new-dieuphoi:before {
  content: "\e937";
}
.icon-tms-new-thanhtoan:before {
  content: "\e938";
}
.icon-tms-new-dashboard:before {
  content: "\e939";
}
.icon-tms-new-dashboardhub:before {
  content: "\e93a";
}
.icon-tms-new-donhangdc:before {
  content: "\e93b";
}
.icon-tms-new-chungtu:before {
  content: "\e93c";
}
.icon-tms-new-caidat:before {
  content: "\e93d";
}
.icon-tms-new-giamsat:before {
  content: "\e93e";
}
.icon-tms-new-quanlycontainer:before {
  content: "\e93f";
}
.icon-tms-new-tonghop:before {
  content: "\e940";
}
.icon-tms-new-vanchuyen:before {
  content: "\e941";
}
.icon-tms-new-doixe:before {
  content: "\e942";
}
.icon-tms-new-kiemhoa:before {
  content: "\e943";
}
.icon-tms-new-thietlapdoixe:before {
  content: "\e944";
}
.icon-tms-new-doitac:before {
  content: "\e945";
}
.icon-tms-new-workflow:before {
  content: "\e946";
}
.icon-tms-new-donhang:before {
  content: "\e947";
}
.icon-tms-new-donhanghub:before {
  content: "\e948";
}
.icon-tms-new-quanlyvandon:before {
  content: "\e949";
}
.icon-tms-new-kpi:before {
  content: "\e94a";
}
.icon-mdi_axis-z-rotate-clockwise:before {
  content: "\e94b";
}
.icon-tms-new-taixe:before {
  content: "\e94c";
}
.icon-tms-new-khachhang:before {
  content: "\e94d";
}
.icon-gis_layer-download:before {
  content: "\e94e";
}
.icon-tms-ops-thuhoi:before {
  content: "\e94f";
}
.icon-tms-send-wait:before {
  content: "\e950";
}
.icon-tms-chart:before {
  content: "\e951";
}
.icon-tms-wait:before {
  content: "\e952";
}
.icon-tms-compare:before {
  content: "\e953";
}
.icon-tms-config-1:before {
  content: "\e954";
}
.icon-tms-config-2:before {
  content: "\e955";
}
.icon-tms-config-3:before {
  content: "\e956";
}
.icon-icon_time_5:before {
  content: "\e957";
}
.icon-icon_time_4:before {
  content: "\e958";
}
.icon-icon_time_3:before {
  content: "\e959";
}
.icon-icon_time_2:before {
  content: "\e95a";
}
.icon-icon_time_1:before {
  content: "\e95b";
}
.icon-tms-non-filter:before {
  content: "\e95c";
}
.icon-tms-depot-hub:before {
  content: "\e95d";
}
.icon-tms-hub-seaport:before {
  content: "\e95e";
}
.icon-tms-note-create:before {
  content: "\e95f";
}
.icon-tms-on-hub:before {
  content: "\e960";
}
.icon-tms-toggle-active:before {
  content: "\e961";
}
.icon-tms-toggle-inactive:before {
  content: "\e962";
}
.icon-tms-ops-hub:before {
  content: "\e963";
}
.icon-tms-menu-currency_exchange:before {
  content: "\e964";
}
.icon-tms-merge:before {
  content: "\e965";
}
.icon-tms-split:before {
  content: "\e966";
}
.icon-tms-dock:before {
  content: "\e967";
}
.icon-tms-dock-product:before {
  content: "\e968";
}
.icon-tms-job:before {
  content: "\e969";
}
.icon-tms-product-type:before {
  content: "\e96a";
}
.icon-tms-monitor-sms:before {
  content: "\e96b";
}
.icon-tms-sms:before {
  content: "\e96c";
}
.icon-tms-menu-doitram:before {
  content: "\e96d";
}
.icon-tms-menu-donvi:before {
  content: "\e96e";
}
.icon-tms-menu-ghichuchuyen:before {
  content: "\e96f";
}
.icon-tms-station3:before {
  content: "\e970";
}
.icon-tms-cont-dual:before {
  content: "\e971";
}
.icon-tms-cont-swap:before {
  content: "\e972";
}
.icon-tms-monitor-swap:before {
  content: "\e973";
}
.icon-tms-bid_auction:before {
  content: "\e974";
}
.icon-tms-bid_stx:before {
  content: "\e975";
}
.icon-tms-monitor-bid-full:before {
  content: "\e976";
}
.icon-tms-monitor-rent:before {
  content: "\e977";
}
.icon-tms-monitor-rent-clock:before {
  content: "\e978";
}
.icon-tms-bid:before {
  content: "\e979";
}
.icon-tms-bid-send:before {
  content: "\e97a";
}
.icon-tms-monitor-bid:before {
  content: "\e97b";
}
.icon-tms-romooc-small:before {
  content: "\e97c";
}
.icon-tms-romooc-wait:before {
  content: "\e97d";
}
.icon-tms-tractor-wait:before {
  content: "\e97e";
}
.icon-tms-add-fee1:before {
  content: "\e97f";
}
.icon-tms-add-fee2:before {
  content: "\e980";
}
.icon-tms-file-approve:before {
  content: "\e981";
}
.icon-tms-file-unapprove:before {
  content: "\e982";
}
.icon-tms-truck-history:before {
  content: "\e983";
}
.icon-tms-gps:before {
  content: "\e984";
}
.icon-tms-repair1:before {
  content: "\e985";
}
.icon-tms-repair2:before {
  content: "\e986";
}
.icon-tms-station1:before {
  content: "\e987";
}
.icon-tms-station2:before {
  content: "\e988";
}
.icon-tms-tractor:before {
  content: "\e989";
}
.icon-tms-update-gps:before {
  content: "\e98a";
}
.icon-tms-update-matrix:before {
  content: "\e98b";
}
.icon-tms-order-truck-fee:before {
  content: "\e98c";
}
.icon-tms-order-fee:before {
  content: "\e98d";
}
.icon-tms-import-cont:before {
  content: "\e98e";
}
.icon-tms-import-truck:before {
  content: "\e98f";
}
.icon-tms-monitor:before {
  content: "\e990";
}
.icon-tms-optimize-cont:before {
  content: "\e991";
}
.icon-tms-optimize-truck:before {
  content: "\e992";
}
.icon-tms-order-auto-plan:before {
  content: "\e993";
}
.icon-tms-order-cont:before {
  content: "\e994";
}
.icon-tms-order-excel:before {
  content: "\e995";
}
.icon-tms-order-excel-add:before {
  content: "\e996";
}
.icon-tms-order-excel-km:before {
  content: "\e997";
}
.icon-tms-order-excel-route:before {
  content: "\e998";
}
.icon-tms-order-excel-truck:before {
  content: "\e999";
}
.icon-tms-order-ftl:before {
  content: "\e99a";
}
.icon-tms-order-ltl:before {
  content: "\e99b";
}
.icon-tms-order-manual1:before {
  content: "\e99c";
}
.icon-tms-order-manual2:before {
  content: "\e99d";
}
.icon-tms-order-new:before {
  content: "\e99e";
}
.icon-tms-order-return:before {
  content: "\e99f";
}
.icon-tms-date-lock:before {
  content: "\e9a0";
}
.icon-tms-date-unlock:before {
  content: "\e9a1";
}
.icon-tms-trip-lock:before {
  content: "\e9a2";
}
.icon-tms-trip-unlock:before {
  content: "\e9a3";
}
.icon-tms-attach:before {
  content: "\e9a4";
}
.icon-tms-detach:before {
  content: "\e9a5";
}
.icon-tms-lift-off:before {
  content: "\e9a6";
}
.icon-tms-lift-on:before {
  content: "\e9a7";
}
.icon-tms-suggest-truck:before {
  content: "\e9a8";
}
.icon-tms-view5-vendor:before {
  content: "\e9a9";
}
.icon-tms-baitapketcontainer:before {
  content: "\e9aa";
}
.icon-tms-banggia:before {
  content: "\e9ab";
}
.icon-tms-master-font:before {
  content: "\e9ac";
}
.icon-tms-caidat:before {
  content: "\e9ad";
}
.icon-tms-caidatquangtri:before {
  content: "\e9ae";
}
.icon-tms-calender:before {
  content: "\e9af";
}
.icon-tms-chungtu:before {
  content: "\e9b0";
}
.icon-tms-master-create:before {
  content: "\e9b1";
}
.icon-tms-dashboard:before {
  content: "\e9b2";
}
.icon-tms-delete:before {
  content: "\e9b3";
}
.icon-tms-dieuphoi:before {
  content: "\e9b4";
}
.icon-tms-doitac:before {
  content: "\e9b5";
}
.icon-tms-doixe:before {
  content: "\e9b6";
}
.icon-tms-donhang:before {
  content: "\e9b7";
}
.icon-tms-edit:before {
  content: "\e9b8";
}
.icon-tms-excel:before {
  content: "\e9b9";
}
.icon-tms-filter:before {
  content: "\e9ba";
}
.icon-tms-giamsat:before {
  content: "\e9bb";
}
.icon-tms-goidulieu:before {
  content: "\e9bc";
}
.icon-tms-guidieuphoi:before {
  content: "\e9bd";
}
.icon-tms-history:before {
  content: "\e9be";
}
.icon-tms-kiemhoa:before {
  content: "\e9bf";
}
.icon-tms-kpi:before {
  content: "\e9c0";
}
.icon-tms-moremenu:before {
  content: "\e9c1";
}
.icon-tms-phidoixe:before {
  content: "\e9c2";
}
.icon-tms-phuongtien:before {
  content: "\e9c3";
}
.icon-tms-saochep:before {
  content: "\e9c4";
}
.icon-tms-taixe:before {
  content: "\e9c5";
}
.icon-tms-taodonhang:before {
  content: "\e9c6";
}
.icon-tms-taodonhangimport:before {
  content: "\e9c7";
}
.icon-tms-thanhtoan:before {
  content: "\e9c8";
}
.icon-tms-thietlapchungtu:before {
  content: "\e9c9";
}
.icon-tms-thietlapdoixe:before {
  content: "\e9ca";
}
.icon-tms-thietlapdonhang:before {
  content: "\e9cb";
}
.icon-tms-thietlapgiamsat:before {
  content: "\e9cc";
}
.icon-tms-tinhloinhuan:before {
  content: "\e9cd";
}
.icon-tms-tonghop:before {
  content: "\e9ce";
}
.icon-tms-vanchuyen:before {
  content: "\e9cf";
}
.icon-tms-vitrimooc:before {
  content: "\e9d0";
}
.icon-tms-workflow:before {
  content: "\e9d1";
}
.icon-tms-xemchuyen:before {
  content: "\e9d2";
}
.icon-tms-map-mapbottom:before {
  content: "\e9d3";
}
.icon-tms-map-maptop:before {
  content: "\e9d4";
}
.icon-tms-map-nomap:before {
  content: "\e9d5";
}
.icon-tms-master-download:before {
  content: "\e9d6";
}
.icon-tms-master-notification:before {
  content: "\e9d7";
}
.icon-tms-master-screen:before {
  content: "\e9d8";
}
.icon-tms-ord-guidieuphoi:before {
  content: "\e9d9";
}
.icon-tms-ord-saochep:before {
  content: "\e9da";
}
.icon-tms-master-clock:before {
  content: "\e9db";
}
.icon-tms-master-delete:before {
  content: "\e9dc";
}
.icon-tms-master-grid:before {
  content: "\e9dd";
}
.icon-tms-master-upload:before {
  content: "\e9de";
}
.icon-tms-ord-add:before {
  content: "\e9df";
}
.icon-tms-menu-chucnang:before {
  content: "\e9e0";
}
.icon-tms-menu-vaitrovanhanh:before {
  content: "\e9e1";
}
.icon-tms-menu-nguoidung:before {
  content: "\e9e2";
}
.icon-tms-menu-taikhoanvanhanh:before {
  content: "\e9e3";
}
.icon-tms-menu-phanquyen:before {
  content: "\e9e4";
}
.icon-tms-menu-vaitro:before {
  content: "\e9e5";
}
.icon-tms-menu-chinhanhdonvi:before {
  content: "\e9e6";
}
.icon-tms-menu-cangbien:before {
  content: "\e9e7";
}
.icon-tms-menu-hangtau:before {
  content: "\e9e8";
}
.icon-tms-menu-matrandiem:before {
  content: "\e9e9";
}
.icon-tms-menu-thietlapcungduong:before {
  content: "\e9ea";
}
.icon-tms-mon-hienbando:before {
  content: "\e9eb";
}
.icon-tms-master-approve:before {
  content: "\e9ec";
}
.icon-tms-mon-filter:before {
  content: "\e9ed";
}
.icon-tms-menu-rangbuoccungduong:before {
  content: "\e9ee";
}
.icon-tms-master-cancel:before {
  content: "\e9ef";
}
.icon-tms-map-subtraction-01:before {
  content: "\e9f0";
}
.icon-tms-map-subtraction-02:before {
  content: "\e9f1";
}
.icon-tms-map-union-01:before {
  content: "\e9f2";
}
.icon-tms-map-exclusion-01:before {
  content: "\e9f3";
}
.icon-tms-map-exclusion-02:before {
  content: "\e9f4";
}
.icon-tms-map-exclusion-03:before {
  content: "\e9f5";
}
.icon-tms-map-exclusion-04:before {
  content: "\e9f6";
}
.icon-tms-ops-grid:before {
  content: "\e9f7";
}
.icon-tms-ops-tradonhang:before {
  content: "\e9f8";
}
.icon-tms-ops-chondoitac:before {
  content: "\e9f9";
}
.icon-tms-ops-guidoitac:before {
  content: "\e9fa";
}
.icon-tms-master-calendar:before {
  content: "\e9fb";
}
.icon-tms-ops-xemchuyen:before {
  content: "\e9fc";
}
.icon-tms-master-setting:before {
  content: "\e9fd";
}
.icon-tms-map-romooc:before {
  content: "\e9fe";
}
.icon-tms-ops-huydonhang:before {
  content: "\e9ff";
}
.icon-tms-menu-khuvuc:before {
  content: "\ea00";
}
.icon-tms-menu-nhaphanphoi:before {
  content: "\ea01";
}
.icon-tms-menu-danhmuccacdiem:before {
  content: "\ea02";
}
.icon-tms-menu-loaithietbi:before {
  content: "\ea03";
}
.icon-tms-menu-loaixe:before {
  content: "\ea04";
}
.icon-tms-menu-canhbaotaisan:before {
  content: "\ea05";
}
.icon-tms-menu-nhacungcap:before {
  content: "\ea06";
}
.icon-tms-menu-loaibanglai:before {
  content: "\ea07";
}
.icon-tms-menu-loairomooc:before {
  content: "\ea08";
}
.icon-tms-menu-nhomvattu:before {
  content: "\ea09";
}
.icon-tms-menu-vattu:before {
  content: "\ea0a";
}
.icon-tms-menu-kho:before {
  content: "\ea0b";
}
.icon-tms-menu-thietlaphethong:before {
  content: "\ea0c";
}
.icon-tms-menu-thietlapgiaxangdau:before {
  content: "\ea0d";
}
.icon-tms-menu-mauemailgui:before {
  content: "\ea0e";
}
.icon-tms-menu-thietlapmahethong:before {
  content: "\ea0f";
}
.icon-tms-menu-dulieuhethong:before {
  content: "\ea10";
}
.icon-tms-menu-thietlapvandetheochuyen:before {
  content: "\ea11";
}
.icon-tms-menu-kpithoigian:before {
  content: "\ea12";
}
.icon-tms-menu-thietlapykien:before {
  content: "\ea13";
}
.icon-tms-menu-xe:before {
  content: "\ea14";
}
.icon-tms-menu-chiphi:before {
  content: "\ea15";
}
.icon-tms-menu-loaidiachi:before {
  content: "\ea16";
}
.icon-tms-menu-morong:before {
  content: "\ea17";
}
.icon-tms-menu-nhomchiphi:before {
  content: "\ea18";
}
.icon-tms-menu-loainhaphanphoi:before {
  content: "\ea19";
}
.icon-tms-menu-danhmucsuco:before {
  content: "\ea1a";
}
.icon-tms-menu-cacloaiphuthu:before {
  content: "\ea1b";
}
.icon-tms-menu-cakip:before {
  content: "\ea1c";
}
.icon-tms-menu-loaihinhkinhdoanh:before {
  content: "\ea1d";
}
.icon-tms-menu-dichvu:before {
  content: "\ea1e";
}
.icon-tms-menu-hangmuckiemhoa:before {
  content: "\ea1f";
}
.icon-tms-menu-taixe:before {
  content: "\ea20";
}
.icon-tms-menu-romooc:before {
  content: "\ea21";
}
.icon-tms-menu-loaicontainer:before {
  content: "\ea22";
}
.icon-baitapketcontain:before {
  content: "\ea23";
}
.icon-tms-menu-taubien:before {
  content: "\ea24";
}
.icon-tms-menu-loaingaycong:before {
  content: "\ea25";
}
.icon-tms-menu-vanhanh-loaidiachi:before {
  content: "\ea26";
}
.icon-tms-menu-vandecuachuyen:before {
  content: "\ea27";
}
.icon-tms-menu-lydotrave:before {
  content: "\ea28";
}
.icon-tms-menu-loaitile:before {
  content: "\ea29";
}
.icon-tms-menu-tile:before {
  content: "\ea2a";
}
.icon-tms-menu-loaiphitaixe:before {
  content: "\ea2b";
}
.icon-tms-menu-vanhanh-cacloaiphuthu:before {
  content: "\ea2c";
}
.icon-tms-menu-quicachsanpham:before {
  content: "\ea2d";
}
.icon-tms-menu-lydophatsinh:before {
  content: "\ea2e";
}
.icon-tms-menu-tiente:before {
  content: "\ea2f";
}
.icon-tms-menu-tinhthanh:before {
  content: "\ea30";
}
.icon-tms-menu-quanhuyen:before {
  content: "\ea31";
}
.icon-tms-menu-quocgia:before {
  content: "\ea32";
}
.icon-tms-baocao-baocaochungtu:before {
  content: "\ea33";
}
.icon-tms-baocao-phanphoi-donhang:before {
  content: "\ea34";
}
.icon-tms-baocao-phanphoi-loinhuan:before {
  content: "\ea35";
}
.icon-tms-baocao-phanphoi-phantichvanchuyen:before {
  content: "\ea36";
}
.icon-tms-baocao-phanphoi-congnotrave:before {
  content: "\ea37";
}
.icon-tms-baocao-phanphoi-chiphichuyen:before {
  content: "\ea38";
}
.icon-tms-baocao-phanphoi-kehoachxetai:before {
  content: "\ea39";
}
.icon-tms-baocao-phanphoi-phantichloinhuan:before {
  content: "\ea3a";
}
.icon-tms-baocao-phanphoi-phantichchungtu:before {
  content: "\ea3b";
}
.icon-tms-baocao-phanphoi-kpi:before {
  content: "\ea3c";
}
.icon-tms-baocao-container-donhang:before {
  content: "\ea3d";
}
.icon-tms-baocao-container-loinhuan:before {
  content: "\ea3e";
}
.icon-tms-baocao-container-tokhaihaiquan:before {
  content: "\ea3f";
}
.icon-tms-baocao-container-chiphichuyen:before {
  content: "\ea40";
}
.icon-tms-baocao-container-kehoachcontainer:before {
  content: "\ea41";
}
.icon-tms-baocao-container-phantichloinhuan:before {
  content: "\ea42";
}
.icon-tms-distribution-view5-bando:before {
  content: "\ea43";
}
.icon-tms-distribution-view5-donhang:before {
  content: "\ea44";
}
.icon-tms-distribution-view5-lockhachhang:before {
  content: "\ea45";
}
.icon-tms-distribution-view5-thongtintrangthai:before {
  content: "\ea46";
}
.icon-tms-distribution-view5-locvanchuyen:before {
  content: "\ea47";
}
.icon-tms-distribution-view5-loctrangthai:before {
  content: "\ea48";
}
.icon-tms-distribution-view5-dondaphan:before {
  content: "\ea49";
}
.icon-tms-distribution-view5-xecho:before {
  content: "\ea4a";
}
.icon-tms-distribution-view5-timchuyen:before {
  content: "\ea4b";
}
.icon-tms-distribution-view5-locdonhang:before {
  content: "\ea4c";
}
.icon-tms-distribution-view5-cungthoigian:before {
  content: "\ea4d";
}
.icon-tms-distribution-view5-lockho:before {
  content: "\ea4e";
}
.icon-tms-tooltip-time:before {
  content: "\ea4f";
}
.icon-tms-tooltip-driver:before {
  content: "\ea50";
}
.icon-tms-tooltip-user:before {
  content: "\ea51";
}
.icon-tms-tooltip-ton:before {
  content: "\ea52";
}
.icon-tms-tooltip-location:before {
  content: "\ea53";
}
.icon-tms-tooltip-cbm:before {
  content: "\ea54";
}
.icon-tms-baixe:before {
  content: "\ea55";
}
.icon-tms-cungduong:before {
  content: "\ea56";
}
.icon-tms-diemgiao:before {
  content: "\ea57";
}
.icon-tms-diemnhan:before {
  content: "\ea58";
}
.icon-tms-loaihinhvanchuyen:before {
  content: "\ea59";
}
.icon-tms-lochanghoa:before {
  content: "\ea5a";
}
.icon-tms-menu-ship:before {
  content: "\ea5b";
}
.icon-tms-menu-loaiphuongtien:before {
  content: "\ea5c";
}
.icon-tms-order-tender:before {
  content: "\ea5d";
}
.icon-tms-order-timeline:before {
  content: "\ea5e";
}
.icon-tms-order-truck:before {
  content: "\ea5f";
}
.icon-tms-route-split:before {
  content: "\ea60";
}
.icon-tms-route-transfer:before {
  content: "\ea61";
}
.icon-tms-order-send-vendor-fcl:before {
  content: "\ea62";
}
.icon-tms-order-send-vendor:before {
  content: "\ea63";
}
.icon-tms-upload-order-truck:before {
  content: "\ea64";
}
.icon-tms-upload-order-cont:before {
  content: "\ea65";
}
.icon-tms-monitor-truck:before {
  content: "\ea66";
}
.icon-tms-monitor-cont:before {
  content: "\ea67";
}
.icon-tms-order-excel-fee:before {
  content: "\ea68";
}
.icon-tms-order-excel-cont-fee:before {
  content: "\ea69";
}
.icon-tms-order-excel-cont:before {
  content: "\ea6a";
}
.icon-tms-complete2:before {
  content: "\ea6b";
}
.icon-tms-complete1:before {
  content: "\ea6c";
}
.icon-tms-station4:before {
  content: "\ea6d";
}
.icon-tms-menu-hoadon:before {
  content: "\ea6e";
}
.icon-tms-menu-uutienxe:before {
  content: "\ea6f";
}
.icon-tms-scale-balanced:before {
  content: "\ea70";
}
.icon-typing-cursor:before {
  content: "\ea71";
}
.icon-api-update:before {
  content: "\ea72";
}
.icon-tms-new-cloud-download:before {
  content: "\ea73";
}
.icon-tms-new-cloud-upload:before {
  content: "\ea74";
}
.icon-tms-new-unlock:before {
  content: "\ea75";
}
.icon-tms-new-refresh:before {
  content: "\ea76";
}
.icon-tms-new-lock:before {
  content: "\ea77";
}
.icon-tms-new-calendar:before {
  content: "\ea78";
}
.icon-tms-new-send:before {
  content: "\ea79";
}
.icon-tms-new-refresh-file:before {
  content: "\ea7a";
}
.icon-tms-new-user-update:before {
  content: "\ea7b";
}
.icon-tms-new-filter:before {
  content: "\ea7c";
}
.icon-tms-new-copy-file:before {
  content: "\ea7d";
}
.icon-tms-new-search-file:before {
  content: "\ea7e";
}
.icon-tms-new-print:before {
  content: "\ea7f";
}
.icon-tms-new-recover-file:before {
  content: "\ea80";
}
.icon-tms-new-excel-file:before {
  content: "\ea81";
}
.icon-tms-new-data-calculation:before {
  content: "\ea82";
}
.icon-tms-new-cancel:before {
  content: "\ea83";
}
.icon-tms-new-collapse:before {
  content: "\ea84";
}
.icon-tms-new-file-x:before {
  content: "\ea85";
}
.icon-tms-new-package-stack:before {
  content: "\ea86";
}
.icon-tms-new-packing-load:before {
  content: "\ea87";
}
.icon-tms-new-package-warning:before {
  content: "\ea88";
}
.icon-tms-new-truck-minus:before {
  content: "\ea89";
}
.icon-tms-new-user-equal:before {
  content: "\ea8a";
}
.icon-tms-new-order-cancel:before {
  content: "\ea8b";
}
.icon-tms-new-order-return:before {
  content: "\ea8c";
}
.icon-tms-new-send-vendor:before {
  content: "\ea8d";
}
.icon-tms-new-car-rotate:before {
  content: "\ea8e";
}
.icon-tms-new-fingerprint-check:before {
  content: "\ea8f";
}
.icon-tms-new-maintenance:before {
  content: "\ea90";
}
.icon-tms-new-car-check:before {
  content: "\ea91";
}
.icon-tms-new-car-checklist:before {
  content: "\ea92";
}
.icon-tms-new-location:before {
  content: "\ea93";
}
.icon-tms-new-front-truck:before {
  content: "\ea94";
}
.icon-tms-new-car:before {
  content: "\ea95";
}
.icon-tms-new-user-plus:before {
  content: "\ea96";
}
.icon-tms-new-info-card:before {
  content: "\ea97";
}
.icon-tms-new-file-update:before {
  content: "\ea98";
}
.icon-tms-new-add-vehicle-vendor:before {
  content: "\ea99";
}
.icon-tms-new-three-dot-message:before {
  content: "\ea9a";
}
.icon-tms-new-caret-check-o:before {
  content: "\ea9b";
}
.icon-tms-new-monitor:before {
  content: "\ea9c";
}
.icon-tms-new-coordinates:before {
  content: "\ea9d";
}
.icon-tms-new-file-circle-x:before {
  content: "\ea9e";
}
.icon-tms-new-kpi-chart:before {
  content: "\ea9f";
}
.icon-tms-new-car-leave:before {
  content: "\eaa0";
}
.icon-tms-new-garage:before {
  content: "\eaa1";
}
.icon-tms-new-station:before {
  content: "\eaa2";
}
.icon-tms-new-qa-code:before {
  content: "\eaa3";
}
.icon-tms-new-checklist-2:before {
  content: "\eaa4";
}
.icon-tms-new-sync-hub:before {
  content: "\eaa5";
}
.icon-tms-new-combine:before {
  content: "\eaa6";
}
.icon-tms-new-cancel-combine:before {
  content: "\eaa7";
}
.icon-tms-new-auto-gen-cost:before {
  content: "\eaa8";
}
.icon-tms-new-cost-comparison:before {
  content: "\eaa9";
}
.icon-tms-new-building:before {
  content: "\eaaa";
}
.icon-tms-new-plus-circle:before {
  content: "\eaab";
}
.icon-tms-new-list-eye:before {
  content: "\eaac";
}
.icon-tms-new-eye-check:before {
  content: "\eaad";
}
.icon-tms-new-note-list:before {
  content: "\eaae";
}
.icon-tms-new-point-update:before {
  content: "\eaaf";
}
.icon-tms-new-direction-sign:before {
  content: "\eab0";
}
.icon-tms-new-reload-point:before {
  content: "\eab1";
}
.icon-tms-new-point-plus:before {
  content: "\eab2";
}
.icon-tms-new-point-earth:before {
  content: "\eab3";
}
.icon-tms-new-caret-run:before {
  content: "\eab4";
}
.icon-tms-new-caret-plus-o:before {
  content: "\eab5";
}
.icon-tms-new-caret-focus:before {
  content: "\eab6";
}
.icon-tms-new-come-point:before {
  content: "\eab7";
}
.icon-tms-new-search-list:before {
  content: "\eab8";
}
.icon-tms-new-group-user:before {
  content: "\eab9";
}
.icon-tms-new-check-mark:before {
  content: "\eaba";
}
.icon-tms-new-kpi-circle:before {
  content: "\eabb";
}
.icon-tms-new-complete-row:before {
  content: "\eabc";
}
.icon-tms-new-focus-x-o:before {
  content: "\eabd";
}
.icon-tms-new-package-division:before {
  content: "\eabe";
}
.icon-tms-new-package-update:before {
  content: "\eabf";
}
.icon-tms-new-hold-package:before {
  content: "\eac0";
}
.icon-tms-new-map:before {
  content: "\eac1";
}
.icon-tms-new-point-x-line:before {
  content: "\eac2";
}
.icon-tms-new-create-matrix-return:before {
  content: "\eac3";
}
.icon-tms-new-s-curve:before {
  content: "\eac4";
}
.icon-tms-new-search-point:before {
  content: "\eac5";
}
.icon-tms-new-point-minus:before {
  content: "\eac6";
}
.icon-tms-new-export:before {
  content: "\eac7";
}
.icon-tms-new-import:before {
  content: "\eac8";
}
.icon-tms-new-folder-x-line:before {
  content: "\eac9";
}
.icon-tms-new-customer:before {
  content: "\eaca";
}
.icon-tms-new-eye-plus:before {
  content: "\eacb";
}
.icon-tms-new-loudspeaker:before {
  content: "\eacc";
}
.icon-tms-new-note-file:before {
  content: "\eacd";
}
.icon-tms-new-file:before {
  content: "\eace";
}
.icon-tms-new-file-eye:before {
  content: "\eacf";
}
.icon-tms-new-lock-arrow-left:before {
  content: "\ead0";
}
.icon-tms-new-check-x-o:before {
  content: "\ead1";
}
.icon-tms-new-search:before {
  content: "\ead2";
}
.icon-tms-new-profit-calculation:before {
  content: "\ead3";
}
.icon-tms-new-search-profit:before {
  content: "\ead4";
}
.icon-tms-new-cost-caculation:before {
  content: "\ead5";
}
.icon-tms-new-profit-calculation-up:before {
  content: "\ead6";
}
.icon-tms-new-road:before {
  content: "\ead7";
}
.icon-tms-new-road-point:before {
  content: "\ead8";
}
.icon-tms-new-compass:before {
  content: "\ead9";
}
.icon-tms-new-cursor-earth:before {
  content: "\eada";
}
.icon-tms-new-arrow-waves:before {
  content: "\eadb";
}
.icon-tms-new-point-location:before {
  content: "\eadc";
}
.icon-tms-new-point-destroy:before {
  content: "\eadd";
}
.icon-tms-new-search-contract:before {
  content: "\eade";
}
.icon-tms-new-tractor-part:before {
  content: "\eadf";
}
.icon-tms-new-tractor:before {
  content: "\eae0";
}
.icon-tms-new-show-tractor:before {
  content: "\eae1";
}
.icon-tms-new-merge-order:before {
  content: "\eae2";
}
.icon-tms-new-calculator:before {
  content: "\eae3";
}
.icon-tms-new-point-idea:before {
  content: "\eae4";
}
.icon-tms-new-triangle-sign-check:before {
  content: "\eae5";
}
.icon-tms-new-search-earth:before {
  content: "\eae6";
}
.icon-tms-new-truck-run:before {
  content: "\eae7";
}
.icon-tms-new-package-info:before {
  content: "\eae8";
}
.icon-tms-new-truck-cancel:before {
  content: "\eae9";
}
.icon-tms-new-utility:before {
  content: "\eaea";
}
.icon-tms-new-stack:before {
  content: "\eaeb";
}
.icon-tms-new-search-car:before {
  content: "\eaec";
}
.icon-tms-new-folder-o-plus:before {
  content: "\eaed";
}
.icon-tms-new-double-user:before {
  content: "\eaee";
}
.icon-tms-new-user-package:before {
  content: "\eaef";
}
.icon-tms-new-book:before {
  content: "\eaf0";
}
.icon-tms-new-clock:before {
  content: "\eaf1";
}
.icon-tms-new-package-return:before {
  content: "\eaf2";
}
.icon-tms-new-calendar-picker:before {
  content: "\eaf3";
}
.icon-tms-new-route-split:before {
  content: "\eaf4";
}
.icon-tms-new-complete-part:before {
  content: "\eaf5";
}
.icon-tms-new-double-caret-right:before {
  content: "\eaf6";
}
.icon-tms-new-point-rotate:before {
  content: "\eaf7";
}
.icon-tms-new-cost-o-plus:before {
  content: "\eaf8";
}
.icon-tms-new-merge:before {
  content: "\eaf9";
}
.icon-tms-new-split:before {
  content: "\eafa";
}
.icon-tms-new-cost-search:before {
  content: "\eafb";
}
.icon-tms-new-edit-order:before {
  content: "\eafc";
}
.icon-tms-new-order:before {
  content: "\eafd";
}
.icon-tms-new-romooc:before {
  content: "\eafe";
}
.icon-tms-new-point-cancel:before {
  content: "\eaff";
}
.icon-tms-new-pin:before {
  content: "\eb00";
}
.icon-tms-new-caret-waves:before {
  content: "\eb01";
}
.icon-tms-new-expand:before {
  content: "\eb02";
}
.icon-tms-new-caret-circle:before {
  content: "\eb03";
}
.icon-tms-new-paper-plane:before {
  content: "\eb04";
}
.icon-tms-new-truck:before {
  content: "\eb05";
}
.icon-tms-new-caret-run1:before {
  content: "\eb06";
}
.icon-tms-new-caret-up:before {
  content: "\eb07";
}
.icon-tms-new-plus-point:before {
  content: "\eb08";
}
.icon-tms-new-caret-file:before {
  content: "\eb09";
}
.icon-tms-new-recover-order:before {
  content: "\eb0a";
}
.icon-tms-new-point-location-2:before {
  content: "\eb0b";
}
.icon-tms-new-firework:before {
  content: "\eb0c";
}
.icon-tms-new-lock-vertical:before {
  content: "\eb0d";
}
.icon-tms-new-package-product:before {
  content: "\eb0e";
}
.icon-tms-new-three-dots-vertical:before {
  content: "\eb0f";
}
.icon-tms-khachhang:before {
  content: "\eb10";
}
.icon-tms-new-group-user-plus:before {
  content: "\eb11";
}
.icon-tms-new-filter-list:before {
  content: "\eb12";
}
.icon-tms-new-cancel-mark:before {
  content: "\eb13";
}
.icon-tms-new-take-out-order:before {
  content: "\eb14";
}
.icon-tms-new-order-transfer:before {
  content: "\eb15";
}
.icon-tms-new-auto-add-order:before {
  content: "\eb16";
}
.icon-tms-new-delete-add-order:before {
  content: "\eb17";
}