@charset "UTF-8";
/**
 * Voffice 2.0 Common theme
 * @author TruongTX5
 * @license Viettel Group
 */
/*****************************Mix-ins**************************** */
/**
 * Voffice 2.0 Mix-ins
 * @author TruongTX5
 * @license Viettel Group
 */
/**
 * Voffice 2.0 Variables
 * @author TruongTX5
 * @license Viettel Group
 */
/*****************************Variables**************************** */
/*****************************Mix-ins**************************** */
/*****************************Common**************************** */
.position-top {
  position: absolute;
  top: 0; }

.position-bottom {
  position: absolute;
  bottom: 0; }

.float-left {
  float: left; }

.float-right {
  float: right; }

.overflow-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis; }

.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis; }
  .ellipsis:before {
    content: "";
    float: left;
    width: 5px;
    height: 200px; }
  .ellipsis:after {
    content: "…";
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    float: right;
    position: relative;
    top: -24px;
    left: 100%;
    width: 3em;
    margin-left: -3em;
    padding-right: 5px;
    text-align: right;
    background-size: 100% 100%;
    /* 512x1 image, gradient for IE9. Transparent at 0% -> white at 50% -> white at 100%. */
    background-image: url(data:image/pngbase64,iVBORw0KGgoAAAANSUhEUgAAAgAAAAABCAMAAACfZeZEAAAABGdBTUEAALGPC/xhBQAAAwBQTFRF////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////AAAA////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////wDWRdwAAAP90Uk5TgsRjMZXhS30YrvDUP3Emow1YibnM9+ggOZxrBtpRRo94gxItwLOoX/vsHdA2yGgL8+TdKUK8VFufmHSGgAQWJNc9tk+rb5KMCA8aM0iwpWV6dwP9+fXuFerm3yMs0jDOysY8wr5FTldeoWKabgEJ8RATG+IeIdsn2NUqLjQ3OgBDumC3SbRMsVKsValZplydZpZpbJOQco2KdYeEe36BDAL8/vgHBfr2CvTyDu8R7esU6RcZ5ecc4+Af3iLcJSjZ1ivT0S/PMs3LNck4x8U7wz7Bv0G9RLtHuEq1TbJQr1OtVqqnWqRdoqBhnmSbZ5mXapRtcJGOc4t2eYiFfH9AS7qYlgAAARlJREFUKM9jqK9fEGS7VNrDI2+F/nyB1Z4Fa5UKN4TbbeLY7FW0Tatkp3jp7mj7vXzl+4yrDsYoVx+JYz7mXXNSp/a0RN25JMcLPP8umzRcTZW77tNyk63tdprzXdmO+2ZdD9MFe56Y9z3LUG96mcX02n/CW71JH6Qmf8px/cw77ZvVzB+BCj8D5vxhn/vXZh6D4uzf1rN+Cc347j79q/zUL25TPrJMfG/5LvuNZP8rixeZz/mf+vU+Vut+5NL5gPOeb/sd1dZbTs03hBuvmV5JuaRyMfk849nEM7qnEk6IHI8/qn049hB35QGHiv0yZXuMdkXtYC3ebrglcqvYxoj1muvC1nDlrzJYGbpcdHHIMo2FwYv+j3QAAOBSfkZYITwUAAAAAElFTkSuQmCC);
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(white), color-stop(50%, white));
    background: -moz-linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);
    background: -o-linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);
    background: -ms-linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);
    background: linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white); }
  .ellipsis > .ellipsis-child:first-child {
    float: right;
    width: 100%;
    margin-left: -5px; }

.row-ellipsis-3 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.row-ellipsis-10 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.row-scroll-10 {
  line-height: 18px;
  max-height: calc(10*18px);;
  overflow: auto;
}

.font-icon:before {
  display: inline-block;
  font-family: "FontAwesome";
  font-style: normal;
  font-weight: normal; }

.gray-scale {
  filter: "gray";
  filter: grayscale(1);
  -webkit-filter: grayscale(1); }

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

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

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

.align-middle {
  vertical-align: middle; }

.align-top {
  vertical-align: top; }

.align-bottom {
  vertical-align: bottom; }

.text-danger, .z-label.text-danger {
  color: #b94a48 !important; }

.text-warning, .z-label.text-warning {
  color: #d50000 !important; }

.no-margin {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0; }

.no-margin-top {
  margin-top: 0; }

.no-margin-bottom {
  margin-bottom: 0; }

.no-margin-right {
  margin-right: 0; }

.no-margin-left {
  margin-left: 0; }

.display-table-cell {
  display: table; }
  .display-table-cell > div {
    display: table-cell;
    vertical-align: middle; }

/*-----------------------------------Width-------------------------------------- */
.w400 {
  width: 400px; }

.w800 {
  width: 800px; }

/*-----------------------------------Background Color-------------------------------------- */
.bg-red {
  background-color: #fc8675; }
  
.bg-red2 {
  background-color: #ff0000; }

.bg-red3 {
  border-color: #EE0033 !important; }

.bg-red3 .z-label {
  color: #EE0033 !important; }

.bg-blue {
  background-color: #5ab6df; }

.bg-blue2 {
  background-color: #3c989e; }

.bg-green {
  background-color: #65cea7; }

.bg-green2 {
  background-color: #9ec789; }
  
.bg-green3 {
  background-color: #05afb5; }

.bg-yellow {
  background-color: #ebc85e; }

.bg-yellow2 {
  background-color: #eae696; }

.bg-purple {
  background-color: #6a8abe; }

.bg-pink {
  background-color: #f56f6c; }

.bg-brown {
  background-color: #f4cda5; }
  
.bg-brown2 {
  background-color: #8a420d; }

.bg-white {
  background-color: #FFFFFF; border-color: #00000020; }
  

/*-----------------------------------Left Arrow-------------------------------------- */
.left-arrow:after, .left-arrow:before {
  right: 100%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none; }
.left-arrow:after {
  border-color: rgba(136, 183, 213, 0);
  border-right-color: #88b7d5;
  border-width: 30px;
  margin-top: -30px; }
.left-arrow:before {
  border-color: rgba(194, 225, 245, 0);
  border-right-color: #c2e1f5;
  border-width: 36px;
  margin-top: -36px; }

/*-----------------------------------Top Arrow-------------------------------------- */
.top-arrow:after, .top-arrow:before {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none; }
.top-arrow:after {
  border-color: rgba(136, 183, 213, 0);
  border-bottom-color: #88b7d5;
  border-width: 30px;
  margin-left: -30px; }
.top-arrow:before {
  border-color: rgba(194, 225, 245, 0);
  border-bottom-color: #c2e1f5;
  border-width: 36px;
  margin-left: -36px; }

/*-----------------------------------Bandroll-------------------------------------- */
.bandroll.arrowed, .bandroll.arrowed-in {
  position: relative;
  z-index: 1; }
.bandroll.arrowed:before, .bandroll.arrowed-in:before {
  display: inline-block;
  content: "";
  position: absolute;
  top: 0;
  z-index: -1;
  border: 1px solid transparent;
  border-right-color: #abbac3;
  -moz-border-right-colors: #abbac3; }
.bandroll.arrowed-in:before {
  border-color: #abbac3;
  border-left-color: transparent;
  -moz-border-left-colors: none; }
.bandroll.arrowed-right, .bandroll.arrowed-in-right {
  position: relative;
  z-index: 1; }
.bandroll.arrowed-right:after, .bandroll.arrowed-in-right:after {
  display: inline-block;
  content: "";
  position: absolute;
  top: 0;
  z-index: -1;
  border: 1px solid transparent;
  border-left-color: #abbac3;
  -moz-border-left-colors: #abbac3; }
.bandroll.arrowed-in-right:after {
  border-color: #abbac3;
  border-right-color: transparent;
  -moz-border-right-colors: none; }
.bandroll.arrowed-in {
  margin-left: 5px; }
.bandroll.arrowed-in:before {
  left: -5px;
  border-width: 10px 5px; }
.bandroll.arrowed-right {
  margin-right: 5px; }
.bandroll.arrowed-right:after {
  right: -10px;
  border-width: 10px 5px; }
.bandroll.arrowed-in-right {
  margin-right: 5px; }
.bandroll.arrowed-in-right:after {
  right: -5px;
  border-width: 10px 5px; }

/*-----------------------------------Snippets-------------------------------------- */
.vertical-center {
  position: relative;
  top: 50%;
  -webkit-transform: translateX(0) translateY(-50%);
  -moz-transform: translateX(0) translateY(-50%);
  -ms-transform: translateX(0) translateY(-50%);
  -o-transform: translateX(0) translateY(-50%);
  transform: translateX(0) translateY(-50%); }

.clear-fix {
  clear: both; }

/* Smartphones (portrait and landscape) ----------- */
/* Styles */
/* Smartphones (landscape) ----------- */
/* Styles */
/* Smartphones (portrait) ----------- */
/* Styles */
/* iPads (portrait and landscape) ----------- */
/* Styles */
/* iPads (landscape) ----------- */
/* Styles */
/* iPads (portrait) ----------- */
/* Styles */
/* Desktops and laptops ----------- */
/* Styles */
/* Large screens ----------- */
/* Styles */
/* iPhone 4 ----------- */
/* Styles */
/* Styles */
/*------------- Text selection ----------- */
/* ::selection  background: #e2eae2 } */
/* ::-moz-selection  background: #e2eae2 } */
/* ::-webkit-selection  background: #e2eae2 } */
/*------------- Fullscreen background ----------- */
/* html   */
/*     background: url('images/bg.jpg') no-repeat center center fixed  */
/*     -webkit-background-size: cover */
/*     -moz-background-size: cover */
/*     -o-background-size: cover */
/*     background-size: cover */
/* } */
/*------------- Tooltip ----------- */
/* a[data-tooltip]:link, a[data-tooltip]:visited  */
/*     position: relative */
/*     text-decoration: none */
/*     border-bottom: solid 1px */
/* } */
/* a[data-tooltip]:before  */
/*   content: "" */
/*   position: absolute */
/*   border-top: 20px solid #0090ff */
/*   border-left: 30px solid transparent */
/*   border-right: 30px solid transparent */
/*   visibility: hidden */
/*   top: -18px */
/*   left: -26px */
/* } */
/* a[data-tooltip]:after  */
/*   content: attr(data-tooltip) */
/*   position: absolute */
/*   color: white */
/*   top: -35px */
/*   left: -26px */
/*   background: #0090ff */
/*   padding: 5px 15px */
/*   -webkit-border-radius: 10px */
/*   -moz-border-radius: 10px */
/*   border-radius: 10px */
/*   white-space: nowrap */
/*   visibility: hidden */
/* } */
/* a[data-tooltip]:hover:before, a[data-tooltip]:hover:after  */
/*   visibility: visible */
/*   -webkit-transition: visibility 0s linear .3s */
/*   -moz-transition: visibility 0s linear .3s */
/*   -o-transition: visibility 0s linear .3s */
/*   transition: visibility 0s linear .3s */
/* } */

/*-----------------------------------modaless window--------------------------------------*/
.z-window-overlapped-shadow {
    box-shadow: 0 0 0px rgba(0,0,0,0.5) !important;
}

/*-----------------------------------pdf viewer window------------------------------------*/
.pdf-viewer-top-window { 
    z-index: 2147418112 !important 
}

.pdf-viewer-float-window, .z-window-embedded-cnt {
    margin: 0;
    padding: 0;
}

.pdf-viewer-float-window, .z-window-popup-cnt {
    margin: 0;
    padding: 0;
}

.pdf-viewer-float-window, .z-window-overlapped-cnt {
    margin: 0;
    padding: 0;
}
tr.z-listitem,tr.z-listitem a,tr.z-listitem a:visited {
   font-size: 14px;
}

.tab-container {
  margin: 5px 0;
  background-color: #E6E6E6;
  border-radius: 4px;
  padding-right: 0px;
  height: 34px;
}

.tab-container button {
  background-color: #E6E6E6;
  color: #4B5563;
  border: 0 !important;
  height: 28px;
  min-height: 28px;
  margin: 3px;
}

.tab-container button.active {
  background-color: #fff;
  color: #EE0033;
  font-weight: 600;
}

.fa-chu-tri {
  font-size: 20px !important;
  border: solid 1px #3C66A0;
  border-radius: 0 !important;
  padding: 0 5px;
}

.fa-chu-tri:before{
  color: #3C66A0;
  content: 'CT';
}

.fa-chu-tri:hover {
  background: #3C66A0 !important;
}

.fa-chu-tri:hover:before {
  color: white;
}

.fa-chu-tri-background {
  font-size: 20px !important;
  border: solid 1px #3C66A0;
  border-radius: 0 !important;
  padding: 0 5px;
  background: #3C66A0 !important;
}

.fa-chu-tri-background:before {
  color: white;
  content: 'CT';
}

.fa-phoi-hop {
  font-size: 20px !important;
  border: solid 1px #3C66A0;
  border-radius: 0 !important;
  padding: 0 5px;
}

.fa-phoi-hop:before{
  color: #3C66A0;
  content: 'PH';
}

.fa-phoi-hop:hover {
  background: #3C66A0 !important;
}

.fa-phoi-hop:hover:before {
  color: white;
}

.fa-phoi-hop-background {
  font-size: 20px !important;
  border: solid 1px #3C66A0;
  border-radius: 0 !important;
  padding: 0 5px;
  background: #3C66A0 !important;
}

.fa-phoi-hop-background:before {
  color: white;
  content: 'PH';
}

.fa-nhan-biet {
  font-size: 20px !important;
  border: solid 1px #3C66A0;
  border-radius: 0 !important;
  padding: 0 5px;
}

.fa-nhan-biet:before{
  color: #3C66A0;
  content: 'NB';
}

.fa-nhan-biet:hover {
  background: #3C66A0 !important;
}

.fa-nhan-biet:hover:before {
  color: white;
}

.fa-nhan-biet-background {
  font-size: 20px !important;
  border: solid 1px #3C66A0;
  border-radius: 0 !important;
  padding: 0 5px;
  background: #3C66A0 !important;
}

.fa-nhan-biet-background:before {
  color: white;
  content: 'NB';
}

.fa-nam-tinh-hinh1 {
  font-size: 20px !important;
  border: solid 1px #3C66A0;
  border-radius: 0 !important;
  padding: 0 5px;
}

.fa-nam-tinh-hinh1:before{
  color: #3C66A0;
  content: 'NH';
}

.fa-nam-tinh-hinh1:hover {
  background: #3C66A0 !important;
}

.fa-nam-tinh-hinh1:hover:before {
  color: white;
}

.fa-nam-tinh-hinh1-background {
  font-size: 20px !important;
  border: solid 1px #3C66A0;
  border-radius: 0 !important;
  padding: 0 5px;
  background: #3C66A0 !important;
}

.fa-nam-tinh-hinh1-background:before {
  color: white;
  content: 'NH';
}

/*.tabbox-container .z-tabs .z-tabs-cnt {*/
/*   background-color: #E6E6E6; */
/*  padding: 4px;*/
/*  border-radius: 4px;*/
/*  color: #0a0a0a;*/
/*}*/
/*.tabbox-container .z-tab {*/
/*  background-color: #E6E6E6;*/
/*  border-radius: 4px;*/
/*}*/

/*.tabbox-container .z-tab-seld {*/
/*  background-color: #fff;*/
/*}*/

/*.tabbox-container .z-tabs-cnt li.z-tab-seld .z-tab-text {*/
/*  font-weight: 600;*/
/*  color: #EE0033;*/
/*}*/

/*.tabbox-container .z-tabs-cnt li .z-tab-text {*/
/*  color: #1f1f1f;*/
/*}*/

/*.tabbox-container.z-center {*/
/*  z-index: 17;*/
/*}*/

/*.tabbox-container .toolbarButton {*/
/*  position: fixed;*/
/*  top: 132px;*/
/*  right: 10px;*/
/*  !* width: 100%; *!*/
/*  !* height: 100%; *!*/
/*}*/

/*.tabbox-container .z-tabs {*/
/*  border: 0px solid #cccccc;*/
/*}*/

.tabbox-container .z-tab-hl {
  padding-left: 20px;
  padding-right: 20px;
}

/*.tabbox-container .z-tabs .z-tabs-cnt {*/
/*  */
/*  width: fit-content;*/
/*}*/

/*.tabbox-container .z-tabs-cnt .z-tabs-edge {*/
/*  display: none;*/
/*}*/

.d-flex {
  display: flex;
}

.z-hlayout.whitespace-normal {
  white-space: normal;
}

.align-items-center {
  align-items: center;
}

. cursor-pointer {
  cursor: pointer;
}

.justify-content-center {
  justify-content: center;
}

.justify-content-end {
  justify-content: end;
}

.w-100 {
  width: 100%;
}

.gap-3 {
  gap: 16px;
}

.mt-1 {
  margin-top: 4px;
}

.mt-2 {
  margin-top: 8px;
}

.mt-3 {
  margin-top: 16px;
}

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


.font-icon.fa-to-doc-label:before {
  content: "CT";
}



.font-icon.fa-to-doc-label:before, .font-icon.fa-cc-doc-label:before {
  background-color: #3C66A0;
  color: #fff;
  font-size: 10px;
  font-weight: 500;
  font-family: Inter, serif;
  padding: 0 4px;
  border-radius: 4px;
  line-height: 14px;
}

.font-icon.fa-cc-doc-label:before {

  content: "PH";
  background-color: #939393 !important;
}

.v-icon {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px
}

.v-icon svg {
  width: 20px;
  height: 20px;
  fill: #4B5563;
  color: #4B5563;
}

.v-icon:hover svg {
  fill: #B9000E !important;
  color: #B9000E !important;
}

.v-icon:active svg {
  fill: #B9000E !important;
  color: #B9000E !important;
}

.v-icon:active {
  background-color: #F0E8E8;
}

.v-icon.disabled svg {
  fill: #9CA3AF !important;
  color: #9CA3AF !important;
}

.note-icon {
  display: inline-block;
  position: relative;
  float: right;
}

.note-icon .v-icon svg {
  color: #3C66A0;
}

.blue-icon {
  width: 32px;
  height: 32px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 6px;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  cursor: pointer;
}

.blue-icon:hover {
  background-color: #F5F5F5;
}

.blue-icon .v-icon {
  width: 32px;
  height: 32px;
}

.blue-icon .v-icon svg {
  color: #074eaf;
  fill: #074eaf;
}

.btn-icon-1 {
  width: 32px;
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 6px;
  background-color: #f5f5f5;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  cursor: pointer;
}

.btn-icon-1:hover {
  background-color: #e1e1e1;
}

.btn-icon-1 .v-icon {
  width: 32px;
  height: 32px;
}

.btn-icon-1 .v-icon svg {
  color: #333;
  fill: #333;
}

//.note-icon {
//  display: inline-block;
//  position: relative;
//  float: right;
//  .v-icon svg {
//    color: #3C66A0;
//  }
//}
//
//.blue-icon {
//  width: 32px;
//  height: 32px;
//  display: inline-flex;
//  justify-content: center;
//  align-items: center;
//  border-radius: 6px;
//
//  user-select: none;       /* Standard */
//  -webkit-user-select: none; /* Safari */
//  -moz-user-select: none;    /* Firefox */
//  -ms-user-select: none;     /* IE/Edge */
//  cursor: pointer;
//  
//  &:hover {
//    background-color: #F5F5F5;
//    
//  }
//  
//  .v-icon {
//    width: 32px;
//    height: 32px;
//  }
//  
//  .v-icon svg {
//    color: #074eaf;
//    fill: #074eaf;
//  }
//  
//}
//
//
//.btn-icon-1 {
//  width: 32px;
//  height: 32px;
//  display: flex;
//  justify-content: center;
//  align-items: center;
//  border-radius: 6px;
//  background-color: #f5f5f5;
//  user-select: none;       /* Standard */
//  -webkit-user-select: none; /* Safari */
//  -moz-user-select: none;    /* Firefox */
//  -ms-user-select: none;     /* IE/Edge */
//  cursor: pointer;
//  &:hover {
//    background-color: #e1e1e1;
//  }
//
//  .v-icon {
//    width: 32px;
//    height: 32px;
//  }
//
//  .v-icon svg {
//    color: #333;
//    fill: #333;
//  }
//
//}

.grid-attach div.z-grid-body {
  overflow: hidden !important;
}

.z-button-os {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.checkbox-switch.z-checkbox {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: sans-serif;
}

.checkbox-switch input[type="checkbox"] {
  appearance: none;
  width: 40px;
  height: 20px;
  background-color: #ccc;
  border-radius: 999px;
  position: relative;
  cursor: pointer;
  transition: background-color 0.3s;
}

.checkbox-switch input[type="checkbox"]::before {
  content: "";
  position: absolute;
  width: 16px;
  height: 16px;
  top: 2px;
  left: 2px;
  background-color: #fff;
  border-radius: 50%;
  transition: transform 0.3s;
}

.checkbox-switch input[type="checkbox"]:checked {
  background-color: #EE0033;
}

.checkbox-switch input[type="checkbox"]:checked::before {
  transform: translateX(20px);
}

.z-checkbox-cnt {
  cursor: pointer;
  user-select: none;
}

/*note*/

//.note-document-container {
//  overflow: hidden;
//  border-radius: 4px;
//  background-color: #f9f9f9;
//  border: 1px solid #ddd;
//  margin-bottom: 8px;
//  .note-document {
//    max-height: 300px; /* or any height you want */
//    overflow-y: auto;
//    overflow-x: hidden;
//    padding: 8px;
//    
//    
//    
//  }
//  
//  /*background-color: #F5F5F5;*/
//  div.z-listbox {
//    border-width: 0px;
//  }
//
//  tr.z-listitem-over {
//    background: #fff !important;
//    /*border-color: transparent;*/
//  }
//
//  div.z-listbox-body {
//    background: transparent;
//  }
//
//  tr.z-listbox-odd {
//    background-color: transparent;
//  }
//  
//  .note-author {
//    font-weight: 600;
//  }
//
//  .z-listbox tr.z-listitem td.z-listcell:LAST-CHILD, .z-listbox tr.z-listitem-over td.z-listcell:LAST-CHILD {
//    border-width: 0 0 0px 0;
//  }
//}

.note-document-container {
  overflow: hidden;
  border-radius: 4px;
  background-color: #f9f9f9;
  border: 1px solid #ddd;
  margin-bottom: 8px;
}

.note-document-container .note-document {
  max-height: 300px;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 8px;
}

.note-document-container div.z-listbox {
  border-width: 0px;
}

.note-document-container tr.z-listitem-over {
  background: #fff !important;
}

.note-document-container div.z-listbox-body {
  background: transparent;
}

.note-document-container tr.z-listbox-odd {
  background-color: transparent;
}

.note-document-container .note-author {
  font-weight: 600;
}

.note-document-container .z-listbox tr.z-listitem td.z-listcell:LAST-CHILD,
.note-document-container .z-listbox tr.z-listitem-over td.z-listcell:LAST-CHILD {
  border-width: 0 0 0px 0;
}

//.filter-header {
//  .z-listheader {
//    position: relative;
//    padding-top: 50px !important;
//
//    .input-filter {
//      padding: 8px 8px;
//      height: 50px;
//      position: absolute;
//      top: 0;
//      left: 0;
//      width: 100%;
//      border-bottom: 1px solid #e1e1e1;
//      /*background-color: #fff;*/
//    }
//  }
//}

.filter-header .z-listheader {
  position: relative;
  padding-top: 50px !important;
}

.filter-header .z-listheader .input-filter {
  padding: 8px 8px;
  height: 50px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  border-bottom: 1px solid #e1e1e1;
  /*background-color: #fff;*/
}


.m-0 {
  margin: 0 !important;
}

.ms-1 {
  margin-left: 4px !important;
}

.ms-2 {
  margin-left: 8px !important;
}

.ms-3 {
  margin-left: 16px !important;
}

.ms-4 {
  margin-left: 32px !important;
}

.mr-1 {
  margin-right: 4px !important;
}

.mr-2 {
  margin-right: 8px !important;
}

.mr-3 {
  margin-right: 16px !important;
}

.mr-4 {
  margin-right: 32px !important;
}

.fw-bold {
  font-weight: 600 !important;
}

.fw-bold .z-label {
  font-weight: 600 !important;
}

.fw-semibold {
  font-weight: 500 !important;
}

.fw-semibold .z-label {
  font-weight: 500 !important;
}

.btn-no-bg {
  background-color: transparent;
  color: #3C66A0;
  border: 0;
}

.z-checkbox {
  display: inline-flex;
  align-items: center;
}



//.write-report {
//  .z-datebox .z-datebox-inp {
//    border-width: 0 !important;
//  }
//
//  .z-datebox .z-datebox-btn {
//    border-width: 0 !important;
//  }
//  
//  
//  &.read-only-report {
//    .text-view-area {
//      border: 0px solid #D1D5DB;
//      padding: 0 12px;
//      min-height: 0px;
//    }
//  }
//  .text-view-area {
//    border: 1px solid #D1D5DB;
//    border-radius: 8px;
//    padding: 12px;
//    position: relative;
//    min-height: 48px;
//  }
//
//  .root-listbox.z-listbox > div > table > tbody > tr.z-listitem > td.z-listcell {
//    border-width: 0 0 0px 0;
//    border-color: #0000001a;
//  }
//
//  tr.z-listitem-over-seld {
//    background: #ffffff !important;
//    border-color: transparent;
//  }
//
//  tr.z-listitem-over {
//    background: transparent !important;
//    border-color: transparent;
//  }
//
//  div.z-listbox-body .z-listcell, div.z-listbox-footer .z-listfooter {
//    cursor: unset;
//    
//  }
//
//  /*.z-listbox tr.z-listitem td.z-listcell:LAST-CHILD, .z-listbox tr.z-listitem-over td.z-listcell:LAST-CHILD {*/
//  /*  border-width: 0 0 1px 0;*/
//  /*  border-color: #ffffff1a;*/
//  /*}*/
//
//  div.z-listbox {
//    border-radius: 8px;
//  }
//
//  .level-1 .heading {
//    body, .z-label {
//      font-size: 16px !important;
//      font-weight: 600 !important;
//    }
//  }
//
//  .level-2 .heading {
//    body, .z-label {
//      font-size: 14px !important;
//      font-weight: 600 !important;
//    }
//  }
//}

.write-report .z-datebox .z-datebox-inp {
  border-width: 0 !important;
}

.write-report .z-datebox .z-datebox-btn {
  border-width: 0 !important;
}

.write-report.read-only-report .text-view-area {
  border: 0px solid #D1D5DB;
  padding: 0 12px;
  min-height: 0px;
}

.write-report .text-view-area {
  border: 1px solid #D1D5DB;
  border-radius: 8px;
  padding: 0 42px 0 16px;
  position: relative;
  min-height: 48px;
}

.write-report .root-listbox.z-listbox > div > table > tbody > tr.z-listitem > td.z-listcell {
  border-width: 0 0 0px 0;
  border-color: #0000001a;
}

.write-report tr.z-listitem-over-seld {
  background: #ffffff !important;
  border-color: transparent;
}

.write-report tr.z-listitem-over {
  background: transparent !important;
  border-color: transparent;
}

.write-report div.z-listbox-body .z-listcell,
.write-report div.z-listbox-footer .z-listfooter {
  cursor: unset;
}

/* .z-listbox tr.z-listitem td.z-listcell:LAST-CHILD, .z-listbox tr.z-listitem-over td.z-listcell:LAST-CHILD {
  border-width: 0 0 1px 0;
  border-color: #ffffff1a;
} */

.write-report div.z-listbox {
  border-radius: 8px;
}

.write-report .level-1 .heading body,
.write-report .level-1 .heading .z-label {
  font-size: 16px !important;
  font-weight: 600 !important;
}

.write-report .level-2 .heading body,
.write-report .level-2 .heading .z-label {
  font-size: 14px !important;
  font-weight: 600 !important;
}



//.tab-angular {
//  &.tabs {
//    display: flex;
//    border-bottom: 1px solid #e0e0e0;
//    position: relative;
//  }
//
//  .tab {
//    padding: 12px 24px;
//    cursor: pointer;
//    
//
//    .z-label {
//      font-size: 14px;
//      font-weight: 500;
//      color: #555;
//    }
//    position: relative;
//    transition: color 0.3s ease;
//  }
//
//  .tab:hover .z-label{
//    color: #EE0033; /* primary color */
//  }
//
//  .tab.active .z-label {
//    font-weight: 600;
//    color: #EE0033;
//  }
//
//  .tab.active::after {
//    content: "";
//    position: absolute;
//    left: 0;
//    right: 0;
//    bottom: -1px;
//    height: 3px;
//    background-color: #EE0033;
//    border-radius: 2px;
//  }
//
//  .tab-content {
//    padding: 16px;
//    display: none;
//    animation: fadeIn 0.2s ease-in-out;
//  }
//
//  .tab-content.active {
//    display: block;
//  }
//
//  @keyframes fadeIn {
//    from {
//      opacity: 0;
//      transform: translateY(4px);
//    }
//    to {
//      opacity: 1;
//      transform: translateY(0);
//    }
//  }
//}

.tab-angular.tabs {
  display: flex;
  border-bottom: 1px solid #e0e0e0;
  position: relative;
}

.tab-angular .tab {
  padding: 12px 24px;
  cursor: pointer;
  position: relative;
  transition: color 0.3s ease;
}

.tab-angular .tab .z-label {
  font-size: 14px;
  font-weight: 500;
  color: #555;
}

.tab-angular .tab:hover .z-label {
  color: #EE0033;
}

.tab-angular .tab.active .z-label {
  font-weight: 600;
  color: #EE0033;
}

.tab-angular .tab.active::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  height: 3px;
  background-color: #EE0033;
  border-radius: 2px;
}

.tab-angular .tab-content {
  padding: 16px;
  display: none;
  animation: fadeIn 0.2s ease-in-out;
}

.tab-angular .tab-content.active {
  display: block;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.z-radio-cnt{
  margin-left: 8px;
}

.wg-meetings-org-morning, .wg-meetings-org-afternoon, .wg-meetings-org {
  background-color: #f3f4f6;
  padding: 16px;
  margin: 12px;
  margin-top: 0px;
  border-radius: 3px;
}

div.z-listbox-body .z-listcell {
  padding: 7px;
}

div.z-listbox-pgi-b {
  padding: 0 12px;
  border-top: 1px solid #e7e7e7;
  overflow: hidden;
}