@font-face {
  font-family: 'HeaventFont';
  /* src: url(/config/font/DB_Heaventv_3.2.1.ttf)  format('truetype')  ;   */
  src: url(/config/font/dbozonex1-webfont-webfont.ttf) format('truetype');

}


#app div.Font_Header {
  font-family: 'HeaventFont';
  /* font-size:18pt; */
  font-size: 26px !important;
  /* font-size:24px  !important; */
  font-weight: bold;

  /* line-height: 1; */
}

#app,
#app input,
#app span,
#app div,
#app label,
#id_PerviewImportExcel tr td,

div,
span,
input,
label,
.datetimepicker .datepicker span,
.datetimepicker .datepicker div,
.date-time-picker,
.date-time-picker input,
.date-time-picker label,
.date-time-picker p,
.date-time-picker span {
  font-family: 'HeaventFont' !important;

  font-size: 22px !important;
  /* font-size: 16px !important;  */
  /* font-size: 18px !important; */

  /* line-height: 1.375rem;   */
}


div #NameCompanyServeLogin {

  font-size: 26px !important;
}

.cls_v_date_picker .v-date-picker-table td {

  border: unset;
}


.cls_v_date_picker .v-date-picker-table tr {

  border: unset;
}


.cls_v_date_picker .v-date-picker-table {
  height: auto;
}

/* #SearchDate_ImportExcel-wrapper .datetimepicker {
  // margin-left: calc(80px + 24px) !important;  
}

#SearchDate_ImportExcel-wrapper .field {

  width: fit-content;
}


#SearchDate_ImportExcel-wrapper .fs-16{
  font-size: 14px !important;
  padding-top: 5px;
} */


#SearchDateStart_Main-wrapper .fs-16,
#SearchDateEnd_Main-wrapper .fs-16,

#SearchDateStart_ImportExcel-wrapper .fs-16,
#SearchDateEnd_ImportExcel-wrapper .fs-16,


#SearchDate_LogReport_Login-wrapper .fs-16,



/* #logDate_Start-wrapper .fs-16,
#logDate_End-wrapper .fs-16, */


#logDate_Start-wrapper .fs-16,
#logDate_End-wrapper .fs-16,



#SearchDate-wrapper .fs-16,

#SearchLogReportDateStart-wrapper .fs-16,
#SearchLogReportDateEnd-wrapper .fs-16,

#SearchLogReportDateStart2-wrapper .fs-16,
#SearchLogReportDateEnd2-wrapper .fs-16,

#SearchDateStart_LogReport_UploadFile-wrapper .fs-16,
#SearchDateEnd_LogReport_UploadFile-wrapper .fs-16,

#SearchDateFileStart_LogReport_UploadFile-wrapper-wrapper .fs-16,
#SearchDateFileEnd_LogReport_UploadFile-wrapper .fs-16,




#StartDate-wrapper .fs-16,
#EndDate-wrapper .fs-16 {
  font-size: 14px !important;
  padding-top: 5px;
  font-weight: bold;
  /* padding-top: 4.2px; */
}



.v-text-field .v-input__append-inner {
  margin-top: 8px !important;
}

#autocompleteFileFormatID .v-text-field .v-input__append-inner {
  margin-top: 4px !important;
}




.v-text-field.text-field-search .v-input__append-inner {
  margin-top: 6px !important;
}


.field-clear-button {

  margin-top: 5px !important;
}


.v-text-field .v-input__icon--clear {
  display: contents;
}

.v-text-field .v-input__icon--clear button {
  font-size: 19px !important;
  padding-top: 2px;
  color: #0000008A !important;

  border-radius: 100%;
  width: 23px;
  height: 23px;


}

.v-text-field.text-field-search .v-input__icon--clear button {
  font-size: 19px !important;
  padding-top: 2px;
  color: #0000008A !important;

  border-radius: 100%;
  width: 23px;
  height: 23px;


}




.v-text-field .v-input__icon--clear button:hover {
  color: var(--C_Menu) !important;
  background-color: var(--BG_Menu) !important;
  opacity: 0.54;
}



.ti-new-tag-input::placeholder,
input::placeholder {
  font-size: 20px !important;
}



.p-top-bottom {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

/* #SearchDate_LogReport_Login .datepicker.right{
right: -50%;
} */

.v-application--is-ltr .v-data-footer__select {
  margin-left: auto;
  margin-right: 5px !important;
}

.v-btn {
  /* height: 30px !important; */
  height: 34px !important;

}

.v-btn.C_Title_Popup {

  width: 35px !important;
  height: 35px !important;
}

#H_Text_Popup.Font_H_Text {
  font-size: 26px !important;
  font-weight: bold;
}

#table_ImportExcel th,
#v-data-table-id th {
  white-space: nowrap;
}

@media (max-width: 580px) {

  #SearchDateEnd_Main-wrapper.Nav_SearchDateMain .datetimepicker .datepicker,
  #SearchDateEnd_ImportExcel-wrapper.NavClose .datetimepicker .datepicker {
    right: unset !important;
  }
}



.fullscreen {
  z-index: 9000;
}

.fullscreen #ContainerBI {
  height: 100% !important;
}

#CloseFullscreen {
  z-index: 19900;
  position: fixed;
  /* text-align: center; */
  top: 15px;
  left: 50%;
  max-width: 65px;
  min-width: 65px;
  height: 65px !important;
  border-radius: 100%;
  color: white;
  background-color: dimgrey;
}



#ContainerBI iframe {
  border: 1px solid var(--C_Title_L);
  /* border-right: 2px solid var(--C_Title_L); */
  /* border-right: 1.5px solid var(--C_Title_L); */
}



#ContainerBI.isMobile iframe {
  /* border-right: 1.5px solid var(--C_Title_L); */
}


@media (min-width: 1264px) {
  .ClsSearch {
    display: flex;
  }
}


@media (min-width: 1000px) {
  .ClsSearchV2 {
    display: flex;
  }
}



/* 
.slide-enter-active,
.slide-leave-active {
  transition: opacity 0.5s ease;
}

.slide-enter-from,
.slide-leave-to {
  opacity: 0;
} */


.slide-enter-active,
.slide-leave-active {
  /* transition: opacity 0.5s ease;
   */
  transition: 0.5s ease;
  max-height: 140px;
  overflow: hidden;
}

.slide-enter-from,
.slide-leave-to {
  overflow: hidden;
  max-height: 0;
  transition: 0.5s ease;
}






/* 
.slide-enter-active {
  -moz-transition-duration: 0.5s;
  -webkit-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -moz-transition-timing-function: ease-in;
  -webkit-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  transition-timing-function: ease-in;

   
}

.slide-leave-active {
  -moz-transition-duration: 0.7s;
  -webkit-transition-duration: 0.7s;
  -o-transition-duration: 0.7s;
  transition-duration: 0.7s;
  -moz-transition-timing-function: cubic-bezier(0, 1, 0.7, 1);
  -webkit-transition-timing-function: cubic-bezier(0, 1, 0.7, 1);
  -o-transition-timing-function: cubic-bezier(0, 1, 0.7, 1);
  transition-timing-function: cubic-bezier(0, 1, 0.7, 1);
}

.slide-enter-to,
.slide-leave {
  // max-height: 120px;  
    max-height: 135px;
  overflow: hidden;
}

.slide-enter,
.slide-leave-to {
  overflow: hidden;
  max-height: 0;
} */

#IdFullscreen {
  width: 100%;
  height: 100%;
  /* position: absolute !important; */
}

#IdLoginLogo {
  /* margin: -25px auto -15px auto !important; */
  margin: -45px auto -15px auto !important;
}

#v-alert-succ,
#v-alert-error {
  height: 42px;
  display: flex;
  margin-bottom: 16px;
}

#v-alert-error {
  background-color: #ff5252 !important;
  border-color: #ff5252 !important;

}



@media (max-width: 540px) {

  #v-alert-error {
    height: 73px;
    display: flex;

  }

  #v-alert-error .v-alert__wrapper {
    padding: inherit;
  }
}

#v-alert-error i,
#v-alert-succ i {
  margin-top: -8px;

}


.Cls_Container_Login {
  /* margin-top: calc(100% - 535px); */

  /* margin-top: calc(100% - 427px); */
}


@media (max-height: 665px) {

  .ContainerError {
    /* margin-top: calc(100% - 535px - -111px) !important; */

    margin-top: calc(100% - 535px - -111px) !important;
  }

  .ContainerSuccess {
    /* margin-top: calc(100% - 535px - 91px) !important; */

    /* margin-top: calc(100% - 535px - -129px) !important;  */
    margin-top: calc(100% - 535px - -129px) !important;

  }

  .ContainerNoLogin {
    /* margin-top: calc(100% - 535px - -128px); */
    /* margin-top: calc(100% - 535px - -128px);  */

    margin-top: calc(100% - 356px);
  }


}

@media (max-height: 805px) {
  /* .ContainerNoLogin {
   background-color:  red !important; 
    } */

  .ContainerNoLogin {
    /* margin-top: calc(100% - 535px - -128px); */
    /* margin-top: calc(100% - 535px - -128px);  */

    margin-top: -33px;
  }

}



.v-data-footer .v-data-footer__select {
  height: 40px;
}

.v-data-footer {
  height: 51px;
}

/* vue 3 */


.v-data-table-footer {

  padding-top: 0px !important;
  height: 51px;
}

@media (max-width: 780px) {


  .v-data-table-footer {
    height: auto !important;
    padding-top: 6px !important;
    
  }
  .v-data-table-footer__pagination{
    height: 35px;
  }
  .v-data-table-footer__items-per-page,.v-data-table-footer__info{
    margin: 0px;
        margin-bottom: 0px !important;
  }
}

.v-data-table-footer .v-data-table-footer__items-per-page,
.v-data-table-footer .v-data-table-footer__info {
  margin-bottom: 10px
}

.v-data-table-footer .v-pagination__prev,
.v-data-table-footer .v-pagination__next {
  margin-top: 6px;
}

.v-data-table-footer .v-btn i {
  color: var(--C_Menu);

}

.v-data-table-footer .v-btn--disabled i {
  color: rgba(0, 0, 0, 0.26) !important;
}

.v-data-table-footer .v-btn {
  opacity: 1;
}


.v-switch {
  margin-top: 3px !important;
  margin-right: 10px !important;
  width: 50px !important;
  height: 30px !important;
  margin-bottom: 3px !important;
  display: flex !important;
  align-items: anchor-center;
}

.v-switch .v-switch__track {
  width: 50px !important;
  height: 30px !important;
}

.v-switch--inset .v-switch__thumb {
  height: 24px !important;
  width: 24px !important;
  transform: unset !important;

  background-color: var(--C_Input);

}