.p20imp {
  padding: 20px !important;
}
.BankSelectItem {
  border: 1px solid #b6b6b6;
  background: #e9e9e9;
  padding: 10px;
  cursor: pointer;
}
.BankSelectItem:hover {
  background: #d2f0ff;
}

.cont_detail_css .ant-descriptions-item-label,
.cont_detail_css .ant-descriptions-item-content {
  padding: 5px 24px !important;
}

/* .datePleft{
  padding-left: 0px !important;
  padding-right: 0px !important;
} */
.datePleft .ant-picker.ant-picker-borderless {
  width: 100% !important;
}
/* .datePleft .ant-picker-input{
  padding: 0px 10px !important;
} */
/* .datePleft .m-form__input svg {
  color: #4098cc !important;
} */

.m-tabstyle2 .ant-tabs-content-holder {
  overflow: auto;
}
/* .CtnSrvRow td,.CtnSrvRow th{
  padding:5px 10px !important;
}  */
.CtnSrvList {
  margin-top: 10px;
  margin-bottom: 10px;
}
.open_addrow_btn {
  position: relative;
  top: 2px;
  left: 4px;
}
.open_addrow_btn:hover {
  color: #4098cc !important;
  cursor: pointer;
}
.Modal_addrow .ant-modal {
  min-width: 310px !important;
}
.m-switch-lang.m-neu-round {
  box-shadow: none !important;
  background: transparent !important;
}
.ant-tabs-ink-bar {
  background: #f97c1f !important;
}
.m-3d-form-button.log_btn,
.m-3d-form-button.reg_btn {
  font-size: 20px !important;
  color: #ffffff !important;
  height: auto !important;
  padding: 0.4rem 1rem !important;
  white-space: nowrap;
  text-transform: none !important;
}
.m-3d-form-button.log_btn {
  background: #f97c1f !important;
}
.m-3d-form-button.reg_btn {
  background: #0075bb !important;
}
.m-sci-form input::placeholder {
  color: #ffffff !important;
}
.terminal_select {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: auto !important;
  padding-left: 35px !important;
}
.m-bg-gra .ant-card-body {
  white-space: pre-line;
  text-transform: uppercase;
  letter-spacing: 0.1rem;
  pointer-events: none;
  font-family: "Roboto Condensed", sans-serif;
}
div[role="tabpanel"] .ant-card.m-custom-card.m-bg-gra .ant-card-body {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 60px !important;
}
/* div[role="tabpanel"] .ant-col.ant-col-xs-24.ant-col-md-6 {
  margin-bottom: 20px !important;
  height: 60px !important;
} */
.auth-box-w .auth-header:after {
  width: 126px !important;
}

.m-neu-card {
  border-radius: 0px !important;
  box-shadow: none;
  background: #fff !important;
}
.m-neu-card .ant-card-head {
  border-radius: 0px !important;
  box-shadow: none;
}

.Homepage_x .m-custom-tabpane .ant-tabs-tab-btn {
  color: #212121 !important;
  font-size: 1.2rem !important;
}

.m-custom-tabpane .ant-badge {
  font-size: 1.2rem !important;
}
.Homepage_x .m-breadcrum-title {
  margin-bottom: 24px;
}

.Homepage_x .ant-card.m-custom-card.m-neu-card-inset {
  box-shadow: none !important;
  background: #fff !important;
}
.Homepage_x div[role="tabpanel"] {
  box-shadow: none !important;
  background: #fff !important;
}
.all-wrapper {
  overflow: unset !important;
}
.all-wrapper:after {
  content: "";
  display: block;
  clear: both;
}
/* haolv */
.ant-checkbox .ant-checkbox-inner {
  border-color: #4098cc;
}
.containerInputNA {
  padding: 0px 10% !important;
  width: 100% !important;
  display: block !important;
  flex: none !important;
}
.containerInputNA > .ant-row.ant-row-center {
  flex: none !important;
}
.ant-checkbox + span,
.ant-radio + span {
  font-size: 0.85rem;
  /* color: #4098cc; */
  left: 26px;
  font-family: "Roboto Condensed", sans-serif;
}

.ant-descriptions-item-content,
.ant-descriptions-item-content * {
  color: #0d4db3;
}
.Modal_addrow .ant-col.ant-form-item-control {
  overflow: hidden;
}
.ant-form-item-label > label::after {
  content: "" !important;
}
.ant-select-item-option-content {
  padding: 5px 10px;
}
/* haolv */

.m-sign-tab .ant-tabs-nav-operations {
  display: none !important;
}

.FirstMenu {
  background: transparent !important;
  box-shadow: none !important;
  display: inline-block !important;
  flex: none !important;
  margin-right: auto;
}
.FirstMenu li a,
.FirstMenu li a .os-icon-package:before,
.FirstMenu ul.main-menu > li.has-sub-menu > a:before {
  color: #4098cc !important;
}
.FirstMenu li:hover a,
.FirstMenu li:hover a .os-icon-package:before,
.FirstMenu ul.main-menu > li.has-sub-menu:hover > a:before {
  color: #fff !important;
}
.FirstMenu .main-menu {
  margin: 0px !important;
  flex: none !important;
}
.FirstMenu li .sub-menu-icon i:before,
.FirstMenu li:hover .sub-menu-icon i:before {
  color: #ffffff1a !important;
}

.TerminalSelectItem {
  text-align: center;
  padding: 10px;
  margin: 10px;
  cursor: pointer;
}
.TerminalSelectItem:hover {
  background: #d2f0ff;
}
.TerminalSelectBox {
  display: flex;
  flex-wrap: wrap;
}
.TerminalSelectItem_title {
  font-size: 18px;
  color: #006fba;
  font-weight: bold;
}
.m-login-page__header img {
  cursor: pointer;
}

#editor-input {
  display: none;
}
.jmcheck {
  margin-left: 5px;
}
.jmcheck_l {
  margin-left: 0px;
  font-weight: bold;
  display: inline-block;
  width: 50%;
  vertical-align: top;
}

#JMC_BOX {
  overflow: auto;
  max-height: 100px;
}
.dataTables_wrapper th {
  white-space: nowrap !important;
}

.multiple_select_box .selection {
  width: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
}

.HieuSlide.hide {
  display: none !important;
}
.HieuSlide {
  background: rgba(1, 1, 1, 0.5);
  position: fixed !important;
  left: 0px;
  top: 0px;
  width: 100vw;
  height: 100vh;
  z-index: 99;
}
.HieuSlide .slick-dots li button {
  height: 20px !important;
  width: 20px !important;
  border-radius: 100% !important;
}
.HieuSlide .slick-track {
  height: 90vh !important;
}
.HieuSlide .slick-dots.slick-dots-bottom {
  height: 10vh !important;
  bottom: 0px !important;
  padding-top: 5vh;
}
.HieuSlide_closebtn {
  display: inline-block;
  width: 20px;
  height: 20px;
  position: absolute;
  right: 20px;
  top: 20px;
  border: 1px solid #fff;
  border-radius: 100%;
  z-index: 2;
  background: #ffff;
  text-align: center;
  line-height: 17px;
  cursor: pointer;
}
.HieuSlide_content {
  position: fixed;
  width: 100vw;
  height: 90vh;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  left: 0px;
  top: 0px;
}
.HieuSlide .slick-slide.slick-active.slick-current {
  text-align: center;
}
.HieuSlide .ant-image {
  height: 90%;
  display: contents;
}
.HieuSlide .slick-slide img {
  width: auto !important;
  height: auto !important;
  max-height: 100% !important;
}
.ui-datepicker {
  z-index: 9999 !important;
}
.V_AUTOCOMPLETE {
  border: 1px solid #b6b6b6;
  border-radius: 4px;
  background: #fff;
}
.V_AUTOCOMPLETE .V_ITEM {
  padding: 3px 10px;
}
.V_AUTOCOMPLETE .V_ITEM_EMPTY {
  padding: 3px 10px;
  text-align: center;
}
.V_AUTOCOMPLETE .V_ITEM:hover {
  color: #fff;
  background: #08c;
}
/*ajax loading*/
.ajax_loading {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 999999999;
  background: rgba(255, 255, 255, 0.4);
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: center;
}
.ajax_loading_rotate {
  width: 100px;
  height: 100px;
  background: transparent;
  text-align: center;
  align-items: center;
}
.ajax_loading_text {
  text-align: center;
  color: #0088cc;
  font-weight: bold;
}
.loading {
  font-size: 14px;
  font-family: "Montserrat", sans-serif;
  font-weight: 800;
  text-align: center;
}
.loading span {
  display: inline-block;
  margin: 0 -0.05em;
}
.loading03 span {
  margin: 0 -0.075em;
  animation: loading03 0.7s infinite alternate;
}
.loading03 span:nth-child(2) {
  animation-delay: 0.1s;
}
.loading03 span:nth-child(3) {
  animation-delay: 0.2s;
}
.loading03 span:nth-child(4) {
  animation-delay: 0.3s;
}
.loading03 span:nth-child(5) {
  animation-delay: 0.4s;
}
.loading03 span:nth-child(6) {
  animation-delay: 0.5s;
}
.loading03 span:nth-child(7) {
  animation-delay: 0.6s;
}
#trackingtab .ant-tabs-tabpane *[id]{
  display: none !important;
}
#trackingtab .ant-tabs-tabpane-active *[id]{
  display: unset !important;
}
.lgbox-box{
  border: 1px solid #0088cc;
  padding: 5px 10px;
  border-radius: 4px;
}
.lgbox-label{
  
  left: 5px;
  background: #ffffff;
  margin-top: -7px;
  padding: 0px 5px;
  font-weight: bold;
  font-size: 12px !important;

}
.lgbox-value{

}
div .lgbox .lgbox-box{
  margin-bottom:5px;
  margin-left: 5px;
  margin-right: 5px;

}
div .lgbox:first-child .lgbox-box{
  margin-left: 0px !important;
}
div .lgbox:last-child .lgbox-box{
  margin-right: 0px !important;
}


.lgbox-fake .m-form__input.lgbox-box .ant-input-search.ant-input-affix-wrapper{
  padding:0px !important;
}
.lgbox-fake .m-form__input.lgbox-box{
  padding:0px !important;
}
.lgbox-fake .m-form__input.lgbox-box .m-form__label{
  top: 7px !important;
  left: 10px !important;
}
.lgbox-fake .m-form__input.lgbox-box .m-form__label--focus{
  top: -9px !important;
  left: 5px !important;
  padding: 0px 5px !important;
  background: #ffffff !important;
  font-weight: bold !important;
  font-size: 12px !important;
}
.lgbox-fake .m-form__input.lgbox-box input{
  border:none !important;
  padding:0px 5px !important;
}
.lgbox-fake  .m-form__input.lgbox-box .anticon{
  display:none !important;
}
.lgbox-fake  .m-form__input.lgbox-box .ant-select-selector{
  border:none !important;
}
.lgbox-fake  .m-form__input.lgbox-box .ant-select-selection-item{
  padding: 0px !important;
  padding-top: 2px !important;
}

.lgbox-fake .m-form__input.lgbox-box .ant-picker-input input{
  height: 30px !important;
}

.m-form__input.lgbox-box.readonly{
  color: #0088cc !important;
  filter:none !important;
}

.m-form__input.lgbox-box.readonly .m-form__label{
  color: #0088cc !important;
  z-index: 2;
  background: transparent !important;
}
.m-form__input.lgbox-box.readonly  .m-form__label.m-form__label--focus:after{
  content: '';
  width: 100%;
  height: 52%;
  position: absolute;
  left: 0px;
  top:0px;
  background: #fff;
  z-index: -1;
}
.m-form__input.lgbox-box.readonly input{
  color: #0088cc !important;
  background: rgba(200,200,200,0.2) !important;
}
.UDragger > span{
  width: 100%;
}
.UDragger.hidefile .ant-upload-list-item-info{
  display: none;
}
.tr-hover:hover{
  background-color: #aedbff !important;
  cursor: pointer;
}
@keyframes loading03 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.8);
  }
}

/*end ajax loading*/

@media screen and (min-width: 1555px) {
  .m-bg-opa {
    margin-left: 2rem !important;
    width: calc(100% - 2rem) !important;
    max-width: calc(100% - 29.16666667% - 2rem) !important;
    min-width: calc(100% - 29.16666667% - 2rem) !important;
  }
}
@media screen and (max-width: 1555px) {
  .m-3d-form-button.log_btn,
  .m-3d-form-button.reg_btn {
    font-size: 15px !important;
  }
  .logo-w img {
    max-width: 100px !important;
  }
  .logo-w h4 {
    font-size: 14px !important;
  }
  .auth-header {
    font-size: 18px !important;
  }
  input.m-3d-form-control,
  select.m-3d-form-control {
    height: 32px !important;
    padding-left: 10px !important;
  }
  .m-3d-form-control.terminal_select {
    padding: 0px !important;
    padding-left: 5px !important;
  }
  .m-3d-container {
    padding: 15px !important;
  }
}
@media screen and (max-width: 1100px) and (min-width: 800px) {
  .m-3d-form-button.log_btn,
  .m-3d-form-button.reg_btn {
    font-size: 8px !important;
  }
  .menu-mobile.menu-activated-on-click {
    position: absolute !important;
    left: 0px !important;
    top: 0px !important;
    height: auto !important;
    z-index: 9;
  }
}
@media screen and (max-width: 800px) {
  .FirstMenu {
    display: none !important;
  }
  .m-sign-tab .ant-tabs-nav-operations {
    display: inline-flex !important;
  }
  .m-3d-form-button.log_btn,
  .m-3d-form-button.reg_btn {
    font-size: 15px !important;
  }
  .m-3d-container {
    width: calc(100vw - 62px) !important;
    margin-bottom: 10px !important;
  }
  input.m-3d-form-control,
  select.m-3d-form-control {
    height: 24px !important;
    padding: 0px !important;
    padding-left: 5px !important;
  }
  .m-bg-gra .ant-card-body {
    width: 100% !important;
  }
  .load_breadcrum,
  .logobrc {
    display: none !important;
  }
  
div .lgbox .lgbox-box{
  margin-bottom:10px;
  margin-left: 0px;
  margin-right: 0px;

}
  /* .ant-tabs-nav-list{
  width: 600px !important;
} */
  /* .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right{
  overflow: hidden !important;
  display: block !important;
} */
}