@charset "UTF-8";
:root {
  --bs-primary: #367ed1;/*#1717E5;*/
  --bs-text-primary: #367ed1;
  --bs-warning:  #fd3c46;/*#F04600;*/
  --bs-text-warning:  #fd3c46;/*#F04600;*/
  --bs-primary-rgb: 54,126,209; /*23, 23, 229;*/
  --bs-warning-rgb: 253,60,70;/*240, 70, 0;*/
  --bs-primary-active: #59a0e7;
  --bs-ribbon-label-bg: #367FCF;
  --bs-primary-light: #ddeafa;
  --bs-link-color: #173f76 !important;
  --bs-link-color-rgb: #173f76 !important;
  --bs-link-hover-color: #497ecc !important;
  --bs-link-hover-color-rgb: #497ecc !important;
  --bs-dark-rgb:#173f76 !important ;
  --bs-dark:#173f76 !important ;
  --bs-info-rgb:#6aa0e2 !important ;
  --bs-info:#6aa0e2 !important ;
  --bs-secondary-rgb:#a6d4ed !important ;
  --bs-secondary:#a6d4ed !important ;
}

.link-primary{
  color:#173f76 !important;
}

.form-check-input:checked {
  background-color: #367ed1;
  border-color: #367ed1;
}
/* Tree list */
 .treeview .list-group-item{cursor:pointer}
 .treeview span.indent{margin-left:10px;margin-right:10px}
 .treeview span.icon{width:12px;margin-right:5px}
 .treeview .node-disabled{color:silver;cursor:not-allowed}
 .treeview .list-group-item > .badge {right: 1rem;position: absolute; color: #363642; background-color: #F7C46C; padding-right: 0.6em; padding-left: 0.6em; border-radius: 10rem;}

/* Subline inside datatables */
td.details-control .cross::before {
  font-family: 'Font Awesome 5 Free';
  content: "\f105";
  font-weight: 900;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  background-color: transparent;
  color: inherit;
  border: 0;
  box-shadow: none;
  transform: rotate(0);
  transform-origin: center center;
  transition: transform 150ms linear;
}
tr.shown td.details-control .cross::before {
  font-family: 'Font Awesome 5 Free';
  content: "\f107";
  font-weight: 900;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  background-color: transparent;
  color: inherit;
  border: 0;
  box-shadow: none;
  transform: rotate(0);
  transform-origin: center center;
  transition: transform 150ms linear;
}

/* sortable list */
.sortable-list{list-style: none; margin: 0; min-height: 40px; padding: 10px;}
.sortable-item {border: 1px solid #000; cursor: move; display: block; margin-bottom: 5px; padding: 5px;}
.placeholder{background-color:#bfb;border:1px dashed #666;height:38px;margin-bottom:5px}
.icon-right {float:right; clear:right;padding-top:3px;}
.taxes_available .icon-right {display: none;}
#taxes_included .icon-right {display: inline;}

/* table report */
.table-report {font-size: 12px !important; margin: 0 auto !important; clear: both; border-collapse: collapse;word-wrap:break-word; }
.table-report > tbody > tr > td, .table-report td {padding: 2px !important;border: 1px solid #dddddd !important;}
.table-report > thead > tr > th, .table-report th {padding: 4px !important;white-space: nowrap;border: 1px solid #dddddd !important;vertical-align: middle;text-align: center !important;}
.table-report th { text-align: center;}
.table-report .border-double-top td {border-top: 3px double #061a76 !important;}
.tr_total {background-color: rgba(146, 207, 149, 1) !important; border-color: rgba(146, 207, 149, 1); color: black; font-weight: bold;}
.dataTables_scroll .dataTables_scrollBody .table-report > thead{line-height: inherit !important;}

.hot-employee-container .jexcel td:nth-child(3) {color: #3F4254 !important;}
.hot-employee-container .jexcel thead {font-size: 100%; font-weight: 500;}
.hot-employee-container .jexcel_content {padding-bottom: .5rem !important;}

/* Table invoice */
.tr_main.employee_main > td {background-color:rgb(242,244,255) !important; color: #787878 !important;}
.tr_main.info > td {background-color:rgb(242,244,255) !important; }

/* PDF display */
.mypage {position: relative; background: white;display: block;margin: 0 auto;margin-bottom: 0.5cm;box-shadow: 0 0 0.5cm rgba(0,0,0,0.5);padding: 1.25rem;}
.mypage[data-size="A4"] {width: 790px; height: 1119px; margin-top:5px;}
.mypage[data-size="A4"][data-layout="landscape"] {width: 1119px; height: 790px; margin-top:5px;}
.mypagepdf {margin: 0; padding: 1.25rem; height: 1119px; position:relative; }
.mypagelpdf {margin: 0; padding: 1.25rem; height: 790px; position:relative; }
.skip-page {margin:0; padding:0; page-break-after: always;line-height:0;}
.block-skip-avoid {page-break-inside: avoid;}
.print-header {margin-bottom: 5px; padding-bottom: 5px;}
.print-header .list-condensed {margin-bottom: 0px; font-size:90%;color:grey;}
.print-header .list-condensed > li {margin-top: 0px;line-height: 1.2;}
.watermark {top: 400px; position:absolute;z-index:1;background:transparent;display:block;width: 400px;height: 200px;}
.watermark-text {opacity: 0.5;color:lightgrey;font-size:60px;transform:rotate(300deg);-webkit-transform:rotate(300deg);}

.mypage .myfooter, .mypagepdf .myfooter, .mypagelpdf .myfooter {position:absolute; bottom:0; left:0; width:100%; padding: 0;}
.blockfooter {position: absolute; left: 0; bottom: 0;  width:100%; padding-left: 1.25rem; padding-right: 1.25rem;}

.border-bottom-xlg {border-bottom-style: solid; border-bottom-width: 1px;}

/* Special tables */
.table_pdf ul {padding-left: 25px;}

.table-special > thead > tr > th {text-align: center !important; }
.table-sm.table-special > thead > tr > th {padding: 0rem 0.3rem !important;}
.table.table-condensed > tbody > tr > td, .table.table-condensed > thead > tr > th  {padding:3px 5px 3px 5px;}
/*.text-size-mini {font-size: 8px !important;}*/

/* Table for bonus */
#bonus1 {font-size: 12px; font-weight: 500;}
#bonus1 th, #bonus1 td {font-size: 12px !important;}
#bonus1 .border-subtotal td {border-top: 1px dashed #DDEAFA !important;}
#bonus1 .table-bordered {border: 1px solid #DDEAFA !important;}
#bonus1 .table-bordered > * > * > :not(last-child) {border-right-width: 1px !important; border-color: #DDEAFA; border-style: solid;}
#bonus1 .table-bordered > * > * > :last-child {border-right-width: 0 !important;}

/* Table for expense voucher */
#voucher1 {font-size: 12px; font-weight: 500;}
#voucher1 th, #voucher1 td {font-size: 12px !important;}
#voucher1 .border-subtotal td {border-top: 1px dashed #DDEAFA !important;}
#voucher1 .table-bordered {border: 1px solid #DDEAFA !important;}
#voucher1 .table-bordered > * > * > :not(last-child) {border-right-width: 1px !important; border-color: #DDEAFA; border-style: solid;}
#voucher1 .table-bordered > * > * > :last-child {border-right-width: 0 !important;}

/* Table for commission */
#commission1 {font-size: 12px; font-weight: 500;}
#commission1 th, #commission1 td {font-size: 12px !important;}
#commission1 .border-subtotal td {border-top: 1px dashed #DDEAFA !important;}
#commission1 .table-bordered {border: 1px solid #DDEAFA !important;}
#commission1 .table-bordered > * > * > :not(last-child) {border-right-width: 1px !important; border-color: #DDEAFA; border-style: solid;}
#commission1 .table-bordered > * > * > :last-child {border-right-width: 0 !important;}

/* Table for purchase */
#purchase1 {font-size: 12px; font-weight: 500;}
#purchase1 th, #purchase1 td {font-size: 12px !important;}
#purchase1 .border-subtotal td {border-top: 1px dashed #DDEAFA !important;}
#purchase1 .table-bordered {border: 1px solid #DDEAFA !important;}
#purchase1 .table-bordered > * > * > :not(last-child) {border-right-width: 1px !important; border-color: #DDEAFA; border-style: solid;}
#purchase1 .table-bordered > * > * > :last-child {border-right-width: 0 !important;}

/* Table recruitment */
#invoice1 {font-size: 12px; font-weight: 500;}
#invoice1 th, #invoice1 td {font-size: 12px !important;}
#invoice1 .table-bordered {border: 1px solid #DDEAFA !important;}
#invoice1 .table-bordered > * > * > :not(last-child) {border-right-width: 1px !important; border-color: #DDEAFA; border-style: solid;}
#invoice1 .table-bordered > * > * > :last-child {border-right-width: 0 !important;}

/* Table recruitment */
#recruitment1 {font-size: 12px; font-weight: 500;}
#recruitment1 .employee_name {background-color: #DDEAFA !important; color: #787878 !important; font-weight: bold; font-size: 1rem !important;}
#recruitment1 th, #recruitment1 td {font-size: 12px !important;}
#recruitment1 .table-bordered {border: 1px solid #DDEAFA !important;}
#recruitment1 .table-bordered > * > * > :not(last-child) {border-right-width: 1px !important; border-color: #DDEAFA; border-style: solid;}
#recruitment1 .table-bordered > * > * > :last-child {border-right-width: 0 !important;}

/* Table recruitment (brochure) */
#recbrochure1 .mypagelpdf,
#recbrochure1 .mypage {padding:0;}
#recbrochure1 {font-size: 12px; font-weight: 500;}
#recbrochure1 #intropage1,
#recbrochure1 #endpage1,
#recbrochure1 #nointropage2 {background:linear-gradient(to bottom right, #497ecc, #173f76);}
#recbrochure1 #intropage3{background: #173f76;}
#recbrochure1 .table-condensed > tbody > tr > td, 
#recbrochure1 .table-condensed > thead > tr > th  {padding:5px 5px 5px 5px;}
#recbrochure1 .mypage5 .text-primary{
  color: #173f76 !important;
}
#recbrochure1 .border-primary{
  border-color: #497ecc !important;
}
/* Table for payroll */
#payslip1 {font-size: 12px; font-weight: 500;}
#payslip1 th, #payslip1 td {font-size: 12px !important;}
#payslip1 .border-subtotal td {border-top: 1px dashed #DDEAFA !important;}
#payslip1 .payroll_bankinfo > tbody > tr > td, 
#payslip1 .payroll_bankinfo > thead > tr > th {padding-top:1px; padding-bottom:1px;}
#payslip1 .table-bordered {border: 1px solid #DDEAFA !important;}
#payslip1 .table-bordered > * > * > :not(last-child) {border-right-width: 1px !important; border-color: #DDEAFA; border-style: solid;}
#payslip1 .table-bordered > * > * > :last-child {border-right-width: 0 !important;}

/* Table for contract & quotation report */
#quotation1 .mypagelpdf,
#quotation1 .mypage {padding:0;}
#quotation1 {font-size: 12px; font-weight: 500;}/*font-weight: 500;*/
#quotation1 .table tr.text-size-mini {font-size: 11px;}
#quotation2 .table tr.text-size-mini {font-size: 13px;}
#quotation2 .full_year_page .table_pdf {font-size: 13px;}
#quotation2 .full_year_page .table_pdf td:last-child,
#quotation2 .full_year_page .table_pdf th:last-child {min-width: 80px; text-align: right;}
#quotation1 .employee_name,#quotation1 .emp_name,
#quotation2 .emp_name {font-weight: bold; font-size: 18px !important;color:#173f76;text-align: center;}
#quotation1 .emp_name,
#quotation2 .emp_name{padding-bottom: 5px;}
#quotation1 .total_employee td:nth-child(2){font-weight: bold;}
#quotation1 .total_employee td {background-color: #497ecc; color:#ffffff;}
#quotation1 .total_employee2 td {background-color: #497ecc; font-weight: bold; color:#ffffff;}
#quotation1 .totalvat1 td {background-color: #497ecc; color:#ffffff; }
#quotation1 .totalvat1 td:nth-child(2) {font-weight: bold;}
#quotation1 .total1 td {background-color: #173f76; color: #ffffff;}
#quotation1 .total1 td:nth-child(2) {font-weight: bold;}
#quotation1 .total2 td {background-color: #173f76; color: #ffffff; font-weight: bold;}
#quotation1 .rate {font-size:8px;}
#quotation1 .border-left-double {border-left: 5px double #DDEAFA !important;}
#quotation1 .td_total {border-left: 1px solid #E4E6EF !important;}
#quotation1 .border-right-double {border-right: 5px double #DDEAFA !important;}
#quotation1 .border-double-top td:not(:first-child) {border-top: 3px solid #DDEAFA !important;}
#quotation1 .table-condensed > tbody > tr > td, 
#quotation1 .table-condensed > thead > tr > th  {padding:9px 5px 9px 5px;}
#quotation1 .table-condensed > tbody > tr.larger11 > td {padding:11px 5px 11px 5px;}
#quotation1 .table-condensed > tbody > tr.larger12 > td {padding:12px 5px 12px 5px;}
#quotation1 .table-condensed > tbody > tr.larger13 > td {padding:13px 5px 13px 5px;}
#quotation1 #intropage1,
#quotation1 #nointropage1,
#quotation2 #nointropage1 {
  background:linear-gradient(to bottom right, #497ecc, #173f76);
}
#quotation1 #nointropage2,#quotation1 #intropage3{
  background:#173f76;
}

/* new cost simulation */
#quotation2,#recbrochure2{
  font-family: Montserrat-regular;
}
#quotation2 .fw-bold,#recbrochure2 .fw-bold{
  font-family: Montserrat-bold;
}
#quotation2 .fw-semibold,#recbrochure2 .fw-semibold{
  font-family: Montserrat-semibold;
}

#quotation2 .text_darkblue,
#recbrochure2 .text_darkblue{
  color: #173f76 !important;
}
#quotation2 .text_darkerblue,
#recbrochure2 .text_darkerblue{
  color: #1b4278 !important;
}
#quotation2 .text_dark,
#recbrochure2 .text_dark,
#onboarding_process .text_dark{
  color: #2c2e3c!important;
}
#quotation2 .text_blue,
#recbrochure2 .text_blue{
  color: #497ecc !important;
}
#quotation2 .text_blue2,
#recbrochure2 .text_blue2{
  color: #417cbf !important;
}
#quotation2 .text_lighterblue,
#recbrochure2 .text_lighterblue{
  color: #97d4ef !important;
}
#quotation2 .text_lightblue,
recbrochure2 .text_lightblue{
  color: #609ed5 !important;
}
#quotation2 .bg_lighterblue,
#recbrochure2 .bg_lighterblue{
  background: #97d4ef !important;
}
#quotation2 .bg_lightblue,
#recbrochure2 .bg_lightblue{
  background: #609ed5 !important;
}
#quotation2 .bg_blue,
#recbrochure2 .bg_blue{
  background: #497ecc !important;
}
#quotation2 .bg_darkblue,
#recbrochure2 .bg_darkblue{
  background: #173f76 !important;
}
#quotation2 .mypagelpdf,
#quotation2 .mypage,
#recbrochure2 .mypage{
  padding:0px !important;
}

#quotation2 #intropage1,
#quotation2 #intropage7{
  background: #173f76;
}
#quotation2 #page1_left,
#recbrochure2 #page1_left{
  position: absolute;
  left:127px;
  top:15%;
}
#quotation2 #page1_topbar,
#recbrochure2 #page1_topbar{
  background: #97d4ef;
  height: 42px;
  width: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
}
#quotation2 #page1_subtitle,
#recbrochure2 #page1_subtitle{
  color: #97d4ef;
  font-size: 46px;
  line-height: 58px;
  font-family: Montserrat-bold;
}
#quotation2 #page1_summary,
#recbrochure2 #page1_summary{
  font-family: Montserrat-medium;
  color: #fff;
  font-size: 22px;
  line-height: 29px;
}
#quotation2 #page1_client_and_date,
#recbrochure2 #page1_client_and_date{
  font-family: Montserrat-medium;
  color: #fff;
  font-size: 18px;
  line-height: 24px;
  position: absolute;
  left: 127px;
  bottom: 100px;
}

#quotation2 .blockfooter,
#recbrochure2 .blockfooter,
#onboarding_process .blockfooter{
  padding:0px;
  padding-right:40px;
  padding-bottom: 30px;
}
#quotation2 .blockfooter img,
#recbrochure2 .blockfooter img,
#onboarding_process .blockfooter img{
 width: 42%;
}
#quotation2 #intropage2,
#recbrochure2 #intropage2{
  background: #d6e9f9;
}
#quotation2 #intropage2 .page2_subtitle,
#quotation2 #intropage3 #page3_subtitle,
#quotation2 #intropage4 .page4_subtitle,
#quotation2 #intropage5 #page5_subtitle,
#quotation2 #intropage6 .page6_subtitle,
#quotation2 .page_subtitle,
#recbrochure2 #intropage2 .page2_subtitle,
#recbrochure2 #intropage3 #page3_subtitle,
#recbrochure2 #intropage4 .page4_subtitle,
#recbrochure2 #intropage5 #page5_subtitle{
  font-family: Montserrat-bold;
  font-size: 29px;
  line-height: 37px;
}
#quotation2 #intropage2 .page2_advantage,
#recbrochure2 #intropage2 .page2_advantage{
  font-family: Montserrat-semibold;
  color: #fff;
  font-size: 15px;
  width: 322px;
  border-radius: 35px 11px 11px 35px;
  height: 71px;
  line-height: 71px;
  margin-top:10px;
}
#quotation2 #intropage2 .page2_advantage img,
#recbrochure2 #intropage2 .page2_advantage img{
  width: 32px;
  height:auto;
  margin-left: 2rem;
  margin-right: 1rem;
}
#quotation2 .client_and_date,
#recbrochure2 .client_and_date{
  position: absolute;
  bottom: 36px;
  left:67px;
  font-size: 10px;
}
#quotation2 #intropage2 .page2_advantage2,
#recbrochure2 #intropage2 .page2_advantage2{
  padding-top:35px;
  color:#2c2e3c
}
#quotation2 #intropage2 .page2_advantage2_subtitle,
#recbrochure2 #intropage2 .page2_advantage2_subtitle{
  font-family: Montserrat-bold;
  margin-top:5px;
  margin-bottom: 5px;
  font-size: 14px;
  line-height: 18px;
}
#quotation2 #intropage2 .page2_advantage2_summary,
#recbrochure2 #intropage2 .page2_advantage2_summary{
  font-family: Montserrat-medium;
  font-size: 12px;
  line-height: 16px;
  width: 245px;
  text-align: justify;
}
#quotation2 #intropage2 .page2_advantage2 img,
#recbrochure2 #intropage2 .page2_advantage2 img{
  width: 32px;
  height:auto;
}
#quotation2 #intropage2 #separator,
#recbrochure2 #intropage2 #separator{
  width: 2px;
  height: 100%;
  background: #07427C;
}
#quotation2 #intropage2 .separator_ball,
#recbrochure2 #intropage2 .separator_ball{
  width: 25px;
  height: 25px;
  background: #07427C;
  border-radius: 2rem;
  margin-left: -11px;
  position: absolute;
  top: 39%;
}
#quotation2 #intropage2 .separator_ball:nth-child(2),
#recbrochure2 #intropage2 .separator_ball:nth-child(2){
  top: 58%;
}
#quotation2 #intropage2 .separator_ball:nth-child(3),
#recbrochure2 #intropage2 .separator_ball:nth-child(3){
  top: 75%;
}

#quotation2 #intropage3 #page3_subtitle,
#recbrochure2 #intropage3 #page3_subtitle{
  width: 205px;
}
#quotation2 #intropage3 #page3_summary,
#recbrochure2 #intropage3 #page3_summary{
  font-family: Montserrat-medium;
  font-size: 12px;
  width:218px;
  line-height: 16px;
}

#quotation2 #intropage4 #timeline{
  font-family: Montserrat-medium;
  margin-top: 20px;
  color:#2c2e3c;
  height:65%;
  font-size: 11px;
}
#quotation2 #intropage4 .timeline_block{
  padding:8px 30px 8px;
}
#quotation2 #intropage4 .timeline_block:nth-child(1){
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
  background: #a6d4ed;
}
#quotation2 #intropage4 .timeline_block:nth-child(2){
  background: #b4d0ea;
}
#quotation2 #intropage4 .timeline_block:nth-child(3){
  background: #a5c7e6;
}
#quotation2 #intropage4 .timeline_block:nth-child(4){
  background: #89b6de;
}
#quotation2 #intropage4 .timeline_block:nth-child(5){
  border-bottom-left-radius: 1rem;
  border-bottom-right-radius: 1rem;
  background: #609ed5;
}
#quotation2 #intropage4 .timeline_block div:nth-child(2),
#quotation2 #intropage4 .timeline_block div:nth-child(3){
  border-bottom:1px solid #497ecc;
}
#quotation2 #intropage4 .timeline_block div:not(:first-child){
  line-height: 23px;
}
#quotation2 #intropage4 .timeline_subtitle{
  font-family: Montserrat-bold;
  font-size: 13px;
  padding-bottom:8px;
  display: flex;
  justify-content: space-between;
  height: 25px;
  line-height: 25px;
}
#quotation2 #intropage4 .timeline_subtitle .timeline_frequency{
  font-size: 8px;
  line-height: 13px;
  margin-top: 6px;
  font-style: italic;
  text-align: end;
}
#quotation2 #intropage4 .page4_takeaway{
  margin-top:20px;
  color:#fff;
  font-size: 12px;
  line-height: 16px;
}
#quotation2 #intropage4 .page4_takeaway_subtitle{
  font-family: Montserrat-bold;
  margin-top:5px;
  margin-bottom: 5px;
  font-size: 14px;
  line-height: 18px;
}
#quotation2 #intropage4 .page4_takeaway_summary{
  font-family: Montserrat-medium;
  width: 310px;
  text-align: justify;
}
#quotation2 #intropage4 .page4_takeaway img{
  width: 40px;
  height:auto;
}
#quotation2 #intropage5 #page5_summary{
  font-family: Montserrat-medium;
  font-size: 13px;
  line-height: 16px;
  width: 300px;
  text-align: justify;
}
#quotation2 #intropage5 #page5_button{
  font-family: Montserrat-medium;
  font-size: 20px;
  background: #fd3c46;
  border-radius: 28px;
  text-align: center;
  width: 317px;
  height:56px;
  line-height: 56px;
}
#quotation2 #intropage5 #page5_button>a{
  text-decoration: none;
  color:#fff;
}

#quotation2 #intropage6 .page6_step{
  font-family: Montserrat-medium;
  color: #173f76;
  font-size: 14px;
  width: 393px;
  border-radius: 48px 13px 13px 48px;
  margin-top:10px;
  padding:15px 10px;
  height:95px;
  line-height: 19px;
}
#quotation2 #intropage6 .page6_step .page6_num{
  margin-right:18px;
  margin-left:5px;
}
#quotation2 #intropage6 .page6_num:nth-child(1),
#quotation2 #intropage6 .page6_num:nth-child(3){
  margin-top:-4px;
}
#quotation2 #intropage6 .page6_step .page6_num img{
  width: 45px;
  height:45px;
}
#quotation2 #intropage6 .page6_step .page6_summary{
  line-height: 19px;
}
#quotation2 #intropage6 #checklist{
  color: #fff;
  font-size: 14px;
}

#quotation2 #intropage6 #checklist>div{
  font-family: Montserrat-medium;
  line-height: 19px;
  text-align: justify;
  width: 295px;
}
#quotation2 #intropage6 #checklist>div:nth-child(1){
  margin-top: 10px;
}
#quotation2 #intropage6 #checklist>div:nth-child(2),
#quotation2 #intropage6 #checklist>div:nth-child(3),
#quotation2 #intropage6 #checklist>div:nth-child(4),
#quotation2 #intropage6 #checklist>div:nth-child(5),
#quotation2 #intropage6 #checklist>div:nth-child(6),
#quotation2 #intropage6 #checklist>div:nth-child(7){
  margin-top: 21px;
}

#quotation2 #intropage7 #img_sales,
#recbrochure2 #intropage7 #img_sales{
  width:126px;
  height:126px;
  border-radius: 5rem;
  object-fit: cover;
}
#quotation2 #intropage7 #sales_info,
#recbrochure2 #intropage7 #sales_info{
  font-family: Montserrat-medium;
  font-size: 17px;
  line-height: 25px;
  font-weight:500;
}

#quotation2 #quotation_page #quotation_left li{
  list-style: none;
}
#quotation2 #addtional_items{
  border-radius: 1rem;
  width: 90%;
  margin-top: 50px;
  min-height: 450px;
}
#quotation2 #addtional_items li{
  margin-top:0.5rem;
}
#quotation2 #addtional_items li::marker {
  color: #609ed5;
}
#quotation2 #addtional_items li:last-child{
  margin-bottom: 2rem;
}
#quotation2 .ribbon-label{
  border-radius: 1rem;
  width: 80%;
  margin-left:5%;
  margin-top: -5rem;
}
#quotation2 .ribbon-label ul{
  font-family: Montserrat-medium;
}
#quotation2 .ribbon-label ul .row{
  line-height: 16px;
}
#quotation2 .intro_table{
  font-family: Montserrat-medium;
}
#quotation2 .exchange_rate{
  font-style: italic;
  font-family: Montserrat-regular;
  font-size: 12px;
}
#quotation2 .exchange_rate_fixed{
  position: absolute;
  bottom: 60px;
}
#quotation2 .item_name>td:first-child,
#quotation2 .item_total{
  font-family: Montserrat-bold;
  background: #badaf3 !important;
  border-top:2px solid #609ed5 !important;
  padding:3px 15px;
}
#quotation2 .totalvat1 .item_total{
  font-family: Montserrat-medium;
  text-align: end;
}
#quotation2 .totalvat1 .item_total span{
  margin-left: 10px;
}
#quotation2 .item_total>span{
  font-family: Montserrat-regular;
}
#quotation2 .service_name.bg-body>td:first-child {
  text-align: end;
}
#quotation2 .service_name.bg-body.item_name>td:first-child {
  text-align: left;
  background: #badaf3 !important;
}
#quotation2 .first_td{
  border-right: 9px solid #eef4fc;
  color: #2c2e3c;
  width: 245px;
  text-align: left;
  background: #badaf3 !important;
  background: #badaf3 !important;
  border-top: 2px solid #609ed5;
  font-family: Montserrat-bold;
  font-size: 12px;
  padding:3px 15px;
}
#quotation2 .brief_table{
  width: 595px;
  height: 540px;
  overflow-x:hidden;
  overflow-y: auto;
  font-size: 12px;
}
#quotation2 .brief_table:not(:hover) {
  overflow: hidden;
}
#quotation2 .brief_table::-webkit-scrollbar {
  display: none;
}
#quotation2 #quotation_page .service_name>td:first-child,
#quotation2 .full_year_page .service_name>td:first-child,
#quotation2 .total_employee>td:first-child,
#quotation2 .total_employee2>td:first-child,
#quotation2 .totalvat1>td:first-child,
#quotation2 .total1>td:first-child,
#quotation2 .total2>td:first-child,
#quotation2 .rate>td:first-child{
  border-right: 9px solid #eef4fc;
  color: #2c2e3c;
  font-size: 12px;
}
#quotation2 .brief_table .rate{
  display:none;
}
#quotation2 .month_first{
  border-left: 9px solid #eef4fc !important;
}
#quotation2 .month_item,
#quotation2 .td_total{
  border: 1px solid #DDEAFA;
}
#quotation2 .item_name td:not(first-child){
  background: #eef4fc;
}
#quotation2 .full_year_page .item_name td:not(first-child){
  border: none;
}
#quotation2 .item_name:nth-child(2) td:not(first-child){
  background: #497ecc !important;
}
#quotation2 .total_employee>td:not(first-child),
#quotation2 .total1>td:not(first-child){
  background: #497ecc;
  color: #fff;
}
#quotation2 .total_employee2>td:not(first-child),
#quotation2 .total2>td:not(first-child){
  background: #173f76;
  color: #fff;
}
#quotation2 .totalvat1>td:not(first-child){
  background: #609ed5;
  color: #fff;
}
#quotation2 .intro_table .totalvat1>td:not(first-child){
  background: #fff;
  color: #2c2e3c;
}

#quotation2 #pricing_table{
  font-size: 12px;
}
#quotation2 #pricing_table .center_text{
  height: 108px;
  text-align: center;
  line-height: 108px;
}
#quotation2 #territory_local,
#quotation2 #territory_foreigners{
  font-family: Montserrat-semibold;
}
#quotation2 #territory_local>div>div,
#quotation2 #territory_foreigners>div>div{
  height: 27px;
  line-height: 27px;
}
#quotation2 .territory_title{
  background: #badaf3 !important;
  border-top: 1px solid #609ed5 !important;
}
#quotation2 #local_item div:not(first-child),
#quotation2 #foreign_item div:not(first-child){
  background: #dae8f7;
  padding-left: 15px;
}
#quotation2 #local_setup div:nth-child(n+3),
#quotation2 #territory_local .price_normal div:nth-child(n+3),
#quotation2 #territory_local .price_over div:nth-child(n+3),
#quotation2 #foreign_annual_fee div:nth-child(n+2),
#quotation2 #foreign_immigration_fee div:nth-child(n+2),
#quotation2 #territory_foreigners .price_normal div:nth-child(n+2),
#quotation2 #territory_foreigners .price_over div:nth-child(n+2){
  background: #fff;
  border-right: 1px solid #DDEAFA;
  border-bottom: 1px solid #DDEAFA;
}
#quotation2 #local_setup div:nth-child(n+3),
#quotation2 #territory_local .price_normal div:nth-child(n+3),
#quotation2 #foreign_annual_fee div:nth-child(n+2),
#quotation2 #territory_foreigners .price_normal div:nth-child(n+2)
{
  border-left: 1px solid #DDEAFA;
}
#quotation2 #local_item,
#quotation2 #local_setup,
#quotation2 #foreign_item,
#quotation2 #foreign_immigration_fee{
  margin-right:5px;
}
#quotation2 #pricing_note{
  background: #fff;
  border-radius: 5px;
  padding-left: 20px;
  margin-top: 20px;
  padding-top: 15px;
  height: 80px;
}
#quotation2 #note_title{
  font-family: Montserrat-bold;
  font-size: 18px;
  color: #173f76;
}
#quotation2 .note_subtitle{
  font-size: 14px;
  font-family: Montserrat-semibold;
}
#quotation2 .note_star{
  font-size: 16px;
  color: #6a9fda;
  height: 20px;
  width: 18px;
}
#quotation2 .pricing_presence{
  background: #dae8f7;
  height: 120px;
  border-radius: 5px;
  padding-left: 20px;
  margin-top: 8px;
  padding-top: 15px;
}
#quotation2 #pricing_last{
  background: #dae8f7;
  height: 38px;
  line-height: 38px;
  margin-top: 10px;
  padding-left: 20px;
  border-radius: 5px;
}


/* new recbrochure */
#recbrochure2 #intropage1,
#recbrochure2 #intropage4,
#recbrochure2 #intropage7{
  background: #173f76;
}

#recbrochure2 #intropage4 #bg_belief{
  width: 600px;
  height:445px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  background: #609ed5;
  margin-top:15%;
  margin-left:-11px;
}
#recbrochure2 #intropage4 .page4_subtitle2{
  font-family: Montserrat-bold;
  font-size: 14px;
  line-height: 18px;
  color:#173f76;
  margin-top: 16px;
  margin-bottom: 15px;
}
#recbrochure2 #intropage4 .page4_summary{
  font-family: Montserrat-medium;
  font-size: 12px;
  line-height: 16px;
  color:#fff;
  width: 445px;
  text-align: justify;
}

#recbrochure2 .plan_title{
  font-family: Montserrat-bold;
  font-size: 15px !important;
  color:#2c2e3c;
}
#recbrochure2 .plan_title2{
  font-family: Montserrat-bold;
  font-size: 9px;
  color:#2c2e3c;
}
#recbrochure2 .star_text{
  font-family: Montserrat-bold;
  width: 175px;
  text-align: center;
  font-size: 11px;
  margin-left: 25px;
  line-height: 16px;
}
.bg_dae8f7{
  background: #dae8f7 !important;
}
.bg_eef4fc{
  background: #eef4fc !important;
}
.bg_9ad3ee{
  background: #9ad3ee !important;
}
#recbrochure2 .blue_border_bottom{
  border-bottom: 1px solid #367ed1;
}
#recbrochure2 #intropage5 .table tr{
  line-height: 22px;
}
#recbrochure2 #intropage5 .table img{
  width: 16px;
  height: 16px;
}
#recbrochure2 #intropage5 .table tbody tr>td:last-child{
  padding-left: 15px;
}

#recbrochure2 #estimated_timeline{
  margin-left: 20px;
}
#recbrochure2 #estimated_timeline div{
  width: 220px;
  background: #9ad3ee;
  border-right: 2px solid #F1FAFF;
  height: 40px;
  font-size: 14px;
  line-height: 40px;
  padding-left: 30px;
}
#recbrochure2 .symbol_icon{
  width: 55px;
  object-fit: contain;
}
#recbrochure2 .symbol_row,
#recbrochure2 .symbol_row2{
  position: relative;
  font-weight: 500;
}
#recbrochure2 .symbol_row .symbol_div:first-child,
#recbrochure2 .symbol_row .symbol_div:nth-child(2){
  width: 39.1%;
  position: relative;
}
#recbrochure2 .symbol_row .symbol_div:first-child{
  left:-7px;
}
#recbrochure2 .symbol_row .symbol_div:nth-child(2){
  left:-6px;
}
#recbrochure2 .symbol_row .symbol_div:nth-child(3){
  left: -4px;
}
#recbrochure2 .symbol_row .symbol_div{
  position:relative;
  top:43px;
  font-size: 14px;
}
#recbrochure2 .symbol_row2 .symbol_div{
  position:relative;
  top:-43px;
  font-size: 14px;
}
#recbrochure2 .symbol_row .symbol_div>div{
  line-height: 16px;
  margin-left: 10px;
  margin-top: 10px;
  font-size: 12px;
  color: #2c2e3a;
}
#recbrochure2 .symbol_row2 .symbol_div{
  width: 40%;
}
#recbrochure2 .symbol_row2 .symbol_div:first-child{
  position:relative;
  left: 18.9%;
}
#recbrochure2 .symbol_row2 .symbol_div:nth-child(2){
  left: 18.1%;
}
#recbrochure2 .symbol_row2 .symbol_div>div{
  margin-top: 75px;
  margin-left: 10px;
  line-height: 16px;
  font-size: 12px;
  color: #2c2e3a;
}
#recbrochure2 .country_area{
  color:#fff;
  font-size: 15px;
  font-weight: bold;
}

#onboarding_process{
  font-family: Montserrat-medium;
}
#onboarding_process .process_summary{
  line-height: 19px;
  font-size: 13px;
}
#onboarding_process .process_summary_right{
  width: 380px;
}
.process_subtitle{
  margin-top: 15px;
  font-size: 15px;
  font-family: Montserrat-semibold;
  width: 415px;
}
.process_icon{
  width: 110px;
  height: 88px;
  border-radius: 1rem;
}
.process_icon img{
  width: 50px;
  margin-left: 16px;
  margin-top: 20px;
}
.process_item_wrapper{
  background-color: #fff;
  border-radius: 1rem;
  margin-left:20px;
}
.process_item_right{
  background:#fff;
  border-radius:1rem;
  margin-top:8px;
}

.map-lightblue{
  color:#A6D4ED;
}
.text-align-justify{
  text-align:justify;
}
.bg-quotation-blue{
  background:#497ecc !important;
}
.bg-quotation-lightblue{
  background: #A6D4ED !important;
}
.bg-quotation-darkblue{
  background: #173f76 !important;
}
.border-primary{
  border-color: #367ECE !important;
}
.block-invoice .border-primary,
.recruitment1 .border-primary,
#voucher1 .border-primary,
#advancepay1 .border-primary,
#purchase1 .border-primary,
#bonus1 .border-primary,
#payslip1 .border-primary{
  border-color: #173f76 !important;
}
.block-invoice #block_moveup .border-primary{
  border-color: #497ecc !important;
}
.quotation-text-blue{
  color: #367ECE !important;
}


/*  */

/* Table National Holiday */
#holiday1 {font-size: 12px; font-weight: 500;}
#holiday1 th, #holiday1 td {font-size: 12px !important;}
#holiday1 th {border: 2px solid #497ecc !important;}
#holiday1 .table-bordered {border: 2px solid #497ecc !important;}
#holiday1 td.holiday__date {
   background-color: #DDEAFA !important;
  color: #173f76 !important;
  border: 2px solid #497ecc !important;
}
#holiday1 td.holiday__name {
   background-color: #b6cbeb !important;
  color: #173f76 !important;
  border: 2px solid #497ecc !important;
}


/* #holiday1 .table-bordered > * > * > :not(last-child) {border-right-width: 1px !important; border-color: #DDEAFA; border-style: solid;}
#holiday1 .table-bordered > * > * > :last-child {border-right-width: 0 !important;} */

/* dashboard */
.dashboard-text-darkestblue{color: #173f76 !important;}
.dashboard-text-darkblue{color: #335687 !important;}
.dashboard-text-middleblue{color: #497ecc !important;}
.dashboard-text-lightblue{color: #173f76;}
.dashboard-bg-red{background-color: #ea4e4e;}
.dashboard-bg-lightblue{background-color: #a5d4ed;}
.dashboard-bg-middleblue{background-color: #497ecc;}
.dashboard-bg-darkblue{background-color: #335687;}
.dashboard-bg-darkestblue{background-color: #173f76;}
.dataTables_empty{color: #497ecc !important;}

/* tooltip for payroll list */
.tooltip600 {max-width: 600px;}

/* specific colors */
.bg-lightblue {
  background-color: #DDEAFA !important;
  color: rgb(54, 54, 66) !important;
}

.bg-lightgrey {
  background-color:rgb(233,237,239) !important;
  color: rgb(54, 54, 66) !important;
}
.border-lightblue {
  border-color: #DDEAFA !important;
}
.bg-black {
  background-color: #2C2E3C !important;
  color: #FFFFFF;
}
.bg-specific-color-for-login-and-not-standard-color-as-required{
  background-color: #173f76 !important;/*#0D0D80 !important;*/
}

#block_moveup .col-5 .card-body .row .col{
  word-break:break-all
}

.col-45{
  flex: 0 0 auto;
  width: 37.5%;
}

.col-75{
  flex: 0 0 auto;
  width: 62.5%;
}


.a-hover{
  background-color: var(--bs-component-hover-bg);
  color: var(--bs-component-hover-color);
  transition: color .2s ease;
  position: relative;
  margin-right: 2rem;
}
.a-hover:hover,.change-fee:hover{
  color: var(--bs-component-hover-color);
}
.a-hover:after{
  top: 50%;
  display: block;
  position: absolute;
  transform: translateY(-50%);
  height: .75rem;
  width: .75rem;
  content: "";
  mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  background-color: var(--bs-component-hover-color);
  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 11'%3e%3cpath fill='var%28--bs-component-hover-color%29' d='M4.89557 6.49823L2.79487 4.26513C2.26967 3.70683 1.38251 3.70683 0.857309 4.26513C0.375593 4.77721 0.375593 5.57574 0.857309 6.08781L4.74989 10.2257C5.14476 10.6455 5.81176 10.6455 6.20663 10.2257L13.1427 2.85252C13.6244 2.34044 13.6244 1.54191 13.1427 1.02984C12.6175 0.471537 11.7303 0.471536 11.2051 1.02984L6.06096 6.49823C5.74506 6.83403 5.21146 6.83403 4.89557 6.49823Z'/%3e%3c/svg%3e");
  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 11'%3e%3cpath fill='var%28--bs-component-hover-color%29' d='M4.89557 6.49823L2.79487 4.26513C2.26967 3.70683 1.38251 3.70683 0.857309 4.26513C0.375593 4.77721 0.375593 5.57574 0.857309 6.08781L4.74989 10.2257C5.14476 10.6455 5.81176 10.6455 6.20663 10.2257L13.1427 2.85252C13.6244 2.34044 13.6244 1.54191 13.1427 1.02984C12.6175 0.471537 11.7303 0.471536 11.2051 1.02984L6.06096 6.49823C5.74506 6.83403 5.21146 6.83403 4.89557 6.49823Z'/%3e%3c/svg%3e");
  mask-position: center;
  -webkit-mask-position: center;
  right: 1.25rem
}

.display-none{
  display:none;
}

#to_bottom_button{
  position: fixed;
  right: 20rem;
  bottom: 30px;
  text-align: center;
  cursor: pointer;
  z-index: 9999;
}
#to_bottom_button>div{
  font-weight: bold;
  transform: rotate(90deg);
  width: 56px;
  height: 150px;
  line-height: 150px;
  position: relative;
  top: -20px;
  color: #bd4039;
  font-size: 30px;
}

/* immigration fee */
.third_shown #detail_table .bg-third,
.third_shown #detail_table .third_data{
  color: #000 !important;
}
.third_shown #detail_table .third_data{
  font-weight:normal !important;
}
.third_shown #detail_table .bg-third th,
.third_shown #detail_table .third_data th{
  border:none !important;
}

.ct-star{
  display: inline-block;
  margin: 0 1px;
  width: 24px;
  height: 23px;
  background: url('/images/star.png') no-repeat;
  vertical-align: -2px;
  cursor: pointer;
}

.select2-container--open{
  z-index: 9999;
}
.select2-search{
  width: 100% !important;
}
.modal-backdrop{
  z-index: 999 !important;
}

i.bi{
  color:#2C2E3B !important;
}

.fc-toolbar-chunk button{
  background-color:#f4f4f4 !important;
  color:black !important;
  font-size:1.1rem
}

.tooltip-inner {
  max-width: 28rem;
  text-align: left;
}

.flex-fill {
  flex: 1
}

.holiday-desc{
  /* color:red; */
  overflow:clip;
}

/* a.fc-daygrid-event.fc-daygrid-block-event.fc-h-event.fc-event.fc-event-start.fc-event-end.fc-event-past.fc-nonbusiness {
  overflow: clip;
  
}

a.fc-daygrid-event.fc-daygrid-block-event.fc-h-event.fc-event.fc-event-start.fc-event-end.fc-event-past.fc-nonbusiness.fc-holiday {
  overflow: clip;
  
}



a.fc-daygrid-event.fc-daygrid-block-event.fc-h-event.fc-event.fc-event-start.fc-event-end.fc-event-future.fc-nonbusiness.fc-holiday {
  overflow: clip;
} */

.fc-daygrid-event {
  overflow: clip;
}

.fc .fc-daygrid-day-top {
  justify-content: center;
}

.fc .fc-day-other .fc-daygrid-day-top {
  opacity: 1;
}

.appendixb-ellipsis{
  font-size: 1.2em;
  margin-left: 1px;
  margin-right: 1px;
}

.appendixb-list-container {
  padding-right: 3rem;
  padding-left: 3rem;
}

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

.g-1,
.gx-1 {
  --bs-gutter-x: 0.25rem;
}

.appendixb-input {
  /* padding:0.6rem; */
  height: 2.5rem;
}

.appendixb-textarea {
  min-height: calc(1.2em + 1.2rem + 2px) !important;
  /* height: 3rem !important; */
}


span.select2-selection.select2-selection--single.form-control.grall.variable {
  height: 2.6rem !important;
}

span.select2-selection.select2-selection--single.form-control.grall.variable .select2-selection__clear {
  right: 1rem !important;
}


.expense-col-line {
  width: 13.6666667% !important ;
}

#access-form .select2-selection__choice__remove {
  display: none !important;
}

#access-form #empaccess + .select2-container .select2-selection__choice__remove {
  display: block !important;
}


.expense-currency-col {
  width: 27.333333% !important;
}

.expense-amount-col {
  width: 30% !important;
} 

.hist-spacing {
  margin-left: 0.5rem;
}

.leave-employee-col {
  flex: 0 0 auto;
  width: 11.666667 !important;
}

.clear-btn {
  font-size: 2rem;
  font-weight: lighter;
}

.ProseMirror {
  position: relative;
  min-height: 80px !important;
  padding: 5px !important;
}

.ProseMirror:focus-visible{
  outline: none !important;
}

.editor-content .mention {
  color: #0d6efd;
  font-weight: bold;
}

.comment-content .mention {
  color: #0d6efd;
  font-weight: bold;
}

.tiptap.ProseMirror.editor p {
  margin-bottom: 0;
}

.comment-item .comment-body .comment-content p {
  margin-bottom: 0;
}

.ProseMirror p.is-editor-empty:first-child::before {
  content: attr(data-placeholder);
  float: left;
  color: #adb5bd;
  pointer-events: none;
  height: 0;
}

/* Scroll-to-Top Button Styles */
.btn-scroll-top {
  position: absolute;
  bottom: 7px;
  right: 7px;
  display: none;
  z-index: 1000;
  border-radius: 50%;
  width: 45px;
  height: 45px;
  padding: 0;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  transition: background-color 0.3s, transform 0.3s;
  font-size: 13px;
}

.btn-scroll-top:hover {
  background-color: #0056b3;
  transform: scale(1.1);
}

.btn-scroll-top i {
  font-size: 13px;
}

.swal-wide{
  width: 50rem !important
}


/* Base styles for small pagination */
.datatable--small-pagination .dataTables_paginate .pagination {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 2px;
}

.datatable--small-pagination .dataTables_paginate .pagination .page-item {
    display: inline-block !important;
    flex-shrink: 0 !important;
}

.datatable--small-pagination .dataTables_paginate .pagination .page-link {
    padding: 2px 6px !important;
    font-size: 12px !important;
    min-width: auto !important;
}

.datatable--small-pagination .dataTables_paginate {
    display: inline-flex !important;
    margin-top: 4px !important;
    white-space: nowrap !important;
}

/* Medium screens (tablets) */
@media (max-width: 991.98px) {
    .datatable--small-pagination .dataTables_paginate .pagination .page-link {
        padding: 2px 5px !important;
        font-size: 11px !important;
    }
    
    .datatable--small-pagination .dataTables_paginate .pagination {
        gap: 1px;
    }
}

/* Small screens */
@media (max-width: 767.98px) {
    .datatable--small-pagination .dataTables_paginate .pagination .page-link {
        padding: 1px 4px !important;
        font-size: 10px !important;
    }
    
    /* Hide ellipsis and middle page numbers, keep first, last, prev, next */
    .datatable--small-pagination .dataTables_paginate .pagination .page-item:not(:first-child):not(:last-child):not(:nth-child(2)):not(:nth-last-child(2)) {
        display: none !important;
    }
}

/* Extra small screens (mobile) */
@media (max-width: 575.98px) {
    .datatable--small-pagination .dataTables_paginate {
        width: 100% !important;
        justify-content: center !important;
        margin-top: 8px !important;
    }
    
    .datatable--small-pagination .dataTables_paginate .pagination {
        justify-content: center !important;
    }
    
    .datatable--small-pagination .dataTables_paginate .pagination .page-link {
        padding: 4px 8px !important;
        font-size: 12px !important;
    }
    
    /* Show only prev/next buttons on very small screens */
    .datatable--small-pagination .dataTables_paginate .pagination .page-item {
        display: none !important;
    }
    
    .datatable--small-pagination .dataTables_paginate .pagination .page-item:first-child,
    .datatable--small-pagination .dataTables_paginate .pagination .page-item:last-child {
        display: inline-block !important;
    }
    
    /* Make prev/next buttons more touch-friendly */
    .datatable--small-pagination .dataTables_paginate .pagination .page-item:first-child .page-link,
    .datatable--small-pagination .dataTables_paginate .pagination .page-item:last-child .page-link {
        padding: 6px 12px !important;
        font-size: 14px !important;
    }
}