/* CSS Document */
/* Main */
.form_mutiselect .dropdown-item.form-check .form-check-label {
  padding-top: 3px;
  padding-bottom: 2px;
  height: 32px;
}
.lh_8 {
  line-height: 8px !important;
}
.lh_10 {
  line-height: 10px !important;
}
.lh_12 {
  line-height: 12px !important;
}
.lh_14 {
  line-height: 14px !important;
}
.lh_16 {
  line-height: 16px !important;
}
.lh_18 {
  line-height: 18px !important;
}
.lh_19 {
  line-height: 19px !important;
}
.lh_20 {
  line-height: 20px !important;
}
.lh_30 {
  line-height: 30px !important;
}
.lh_34 {
  line-height: 34px !important;
}
.h_40p_m {
  height: 40px;
}
.arrow_none.dropdown-toggle::after {
  display: none;
}
.form-control:not(.border-1):not(.border-2):not(.border-3):focus {
  border-color: #e5e5e5;
}
.btn_border_grey_18 {
  min-width: 80px;
  height: 30px;
  border: 1px solid #e5e5e5;
  box-sizing: border-box;
  border-radius: 20px;
  font-family: "TrueTextOnline-regular";
  font-size: 18px;
  line-height: 15px;
  color: #888888;
}
.btn_border_grey_18:hover,
.btn_border_grey_18:focus {
  border: 1px solid #cc0000;
  color: #fff !important;
  background-color: #cc0000;
}
.btn_border_grey_18.h40 {
  min-width: 80px;
  height: 40px;
  border: 1px solid #e5e5e5;
  box-sizing: border-box;
  border-radius: 10px;
  font-family: "TrueTextOnline-bold";
  font-size: 18px;
  line-height: 15px;
  color: #888888;
  padding: 0.7375rem 0.875rem;
}
.btn_border_grey_18:hover,
.btn_border_grey_18:focus {
  border: 1px solid #cc0000;
  color: #fff;
  background-color: #cc0000;
}
.btn_border_grey_18_icon {
  min-width: 80px;
  height: 30px;
  border: 1px solid #e5e5e5;
  box-sizing: border-box;
  border-radius: 20px;
  font-family: "TrueTextOnline-regular";
  font-size: 18px;
  line-height: 15px;
  color: #777;
  padding: 5px 10px 4px 10px;
}
.btn_border_grey_18_icon:hover,
.btn_border_grey_18_icon:focus {
  border: 1px solid #cc0000;
  color: #fff;
  background-color: #cc0000;
}
.txt_sort_grey_777 {
  font-family: "TrueTextOnline-regular";
  font-size: 18px;
  line-height: 24px;
  color: #777777;
}
.txt_entries_777 {
  font-family: "TrueTextOnline-regular";
  font-size: 18px;
  line-height: 24px;
  color: #777777;
}
/* /.Main */
.btn_plusred {
  color: #cc0000 !important;
  background-color: transparent;
  padding: 8px 9px;
  border-radius: 5rem;
  border: 0px;
  width: 42px;
  height: 42px;
  min-width: 42px;
  min-height: 42px;
  max-width: 42px;
  max-height: 42px;
}
.btn_plusred:hover {
  color: #cc0000 !important;
  background-color: #fafafa;
  padding: 8px 9px;
  border-radius: 5rem;
  border: 0px;
  opacity: 1 !important;
  width: 42px;
  height: 42px;
  min-width: 42px;
  min-height: 42px;
  max-width: 42px;
  max-height: 42px;
}
.card_p10_w {
  background: #fff;
  border: 1px solid #e5e5e5;
  box-sizing: border-box;
  border-radius: 10px;
  padding: 10px 15px 10px 15px;
  margin-bottom: 0px;
  box-shadow: none;
  margin-bottom: 0px !important;
}
.card_p10_w_b5 {
  background: #fff;
  border: 1px solid #e5e5e5;
  box-sizing: border-box;
  border-radius: 10px;
  padding: 10px 15px 5px 15px;
  margin-bottom: 0px;
  box-shadow: none;
  margin-bottom: 0px !important;
  width: 100%;
}
.txt_000_14 {
  font-family: "TrueTextOnline-regular";
  font-size: 14px;
  line-height: 20px;
  color: #000000;
}
.txt_000_16_bold {
  font-family: "TrueTextOnline-bold";
  font-size: 16px;
  line-height: 22px;
  color: #000000;
}
.txt_000_18_bold {
  font-family: "TrueTextOnline-bold";
  font-size: 18px;
  line-height: 24px;
  color: #000000;
}
.txt_000_20_bold {
  font-family: "TrueTextOnline-Bold";
  font-size: 20px;
  line-height: 26px;
  color: #000;
}
.txt_000_48_bold {
  font-family: "TrueTextOnline-Bold";
  font-size: 48px;
  line-height: 54px;
  color: #000;
}
.txt_title_form_888_10,
.txt_888_10 {
  font-family: "TrueTextOnline-regular";
  font-size: 10px;
  line-height: 12px;
  color: #888888;
}
.txt_888_10_bold {
  font-family: "TrueTextOnline-Bold";
  font-size: 10px;
  line-height: 16px;
  color: #888888;
}
.txt_title_form_888_12,
.txt_888_12 {
  font-family: "TrueTextOnline-regular";
  font-size: 12px;
  line-height: 12px;
  color: #888888;
}
.txt_title_form_888_12_bold,
.txt_888_12_bold {
  font-family: "TrueTextOnline-bold";
  font-size: 12px;
  line-height: 12px;
  color: #888888;
}
.txt_title_form_888_14_bold {
  font-family: "TrueTextOnline-bold";
  font-size: 14px;
  line-height: 20px;
  color: #888888;
}
.txt_888_14_bold {
  font-family: "TrueTextOnline-bold";
  font-size: 14px;
  line-height: 20px;
  color: #888888;
}
.txt_title_form_888_14 {
  font-family: "TrueTextOnline-regular";
  font-size: 14px;
  line-height: 20px;
  color: #888888;
}
.txt_888_14 {
  font-family: "TrueTextOnline-regular";
  font-size: 14px;
  line-height: 20px;
  color: #888888;
}
.txt_888_16 {
  font-family: "TrueTextOnline-regular";
  font-size: 16px;
  line-height: 22px; /*18*/
  color: #888888;
}
.txt_title_form_888_18 {
  font-family: "TrueTextOnline-regular";
  font-size: 18px;
  line-height: 30px; /*20*/
  color: #888888;
}
.txt_888_18 {
  font-family: "TrueTextOnline-regular";
  font-size: 18px;
  line-height: 24px;
  color: #888888;
}
.txt_title_form_333_18 {
  font-family: "TrueTextOnline-regular";
  font-size: 18px;
  line-height: 24px;
  color: #888; /*333*/
}
a .txt_title_form_333_18:hover {
  color: #cc0000;
}
.txt_333_12 {
  font-family: "TrueTextOnline-regular";
  font-size: 12px;
  line-height: 12px;
  color: #333333;
}
.txt_333_12_bold {
  font-family: "TrueTextOnline-bold";
  font-size: 12px;
  line-height: 12px;
  color: #333333;
}
.txt_333_14 {
  font-family: "TrueTextOnline-regular";
  font-size: 14px;
  line-height: 20px;
  color: #333333;
}
.txt_333_14_bold {
  font-family: "TrueTextOnline-bold";
  font-size: 14px;
  line-height: 20px;
  color: #333333;
}
.txt_333_16 {
  font-family: "TrueTextOnline-regular";
  font-size: 16px;
  line-height: 22px;
  color: #333333;
}
.txt_title_form_333_20,
.txt_333_20 {
  font-family: "TrueTextOnline-regular";
  font-size: 20px;
  line-height: 28px;
  color: #333333;
}
.txt_fff_14 {
  font-family: "TrueTextOnline-regular";
  font-size: 14px;
  line-height: 20px;
  color: #ffffff;
}
.txt_title_form_fff_18,
.txt_fff_18 {
  font-family: "TrueTextOnline-regular";
  font-size: 18px;
  line-height: 24px;
  color: #ffffff;
}
.txt_head_form_333_18,
.txt_333_18 {
  font-family: "TrueTextOnline-regular";
  font-size: 18px;
  line-height: 24px;
  color: #333333;
}
.txt_333_28 {
  font-family: "TrueTextOnline-regular";
  font-size: 28px;
  line-height: 38px;
  color: #333333;
}
.txt_333_30_bold {
  font-family: "TrueTextOnline-Bold";
  font-size: 30px;
  line-height: 36px;
  color: #333333;
}
.txt_777_14 {
  font-family: "TrueTextOnline-regular";
  font-size: 14px;
  line-height: 20px;
  color: #777777;
}
.txt_head_form_333_18.txt_red,
.txt_title_form_888_12_bold.txt_red,
.txt_title_form_888_18.txt_red {
  color: #cc0000;
}
.txt_title_form_888_18.txt_red:hover {
  color: #333 !important;
}
.txt_head_form_333_18_bold,
.txt_333_18_bold {
  font-family: "TrueTextOnline-bold";
  font-size: 18px;
  line-height: 24px;
  color: #000; /*333333 changed*/
}
.txt_head_form_333_20_bold,
.txt_333_20_bold {
  font-family: "TrueTextOnline-Bold";
  font-size: 20px;
  line-height: 26px;
  color: #000; /*333333 changed*/
}
.txt_head_form_333_24_bold,
.txt_333_24_bold {
  font-family: "TrueTextOnline-Bold";
  font-size: 24px;
  line-height: 30px;
  color: #333333;
}
.txt_head_form_888_20_bold,
.txt_888_20_bold {
  font-family: "TrueTextOnline-Bold";
  font-size: 20px;
  line-height: 26px;
  color: #888888;
}
.txt_888_18_bold {
  font-family: "TrueTextOnline-Bold";
  font-size: 18px;
  line-height: 24px;
  color: #888888;
}
.txt_title_red_14 {
  font-family: "TrueTextOnline-bold";
  font-size: 14px;
  line-height: 20px;
  color: #cc0000;
}
.txt_head_28 {
  font-family: "TrueTextOnline-bold";
  font-size: 28px;
  line-height: 32px;
  color: #333333;
}
.txt_head_suk_333_20 {
  font-family: "SukhumvitSet-Medium";
  font-size: 20px;
  line-height: 33px;
  color: #333333;
}
.txt_suk_333_28 {
  font-family: "SukhumvitSet-Medium";
  font-size: 28px;
  line-height: 46px;
  color: #333333;
}
.table_progress_border.txt_w th {
  font-family: "TrueTextOnline-regular";
  padding: 0.2rem 0.6rem;
  border-bottom: 0px solid #dddddd;
  border-right: 0px;
  border-top: 0px;
  font-size: 18px;
  color: #fff !important;
}
.table_progress_border.txt_w td {
  font-family: "TrueTextOnline-regular";
  padding: 0.3rem 0rem 0rem 0.3rem;
  border-bottom: 0px solid #555;
  border-right: 0px;
  border-top: 0px;
  font-size: 18px;
  color: #fff !important;
  line-height: 18px;
}
.table_progress_border.txt_grey th {
  font-family: "TrueTextOnline-regular";
  padding: 0.2rem 0.6rem;
  border-bottom: 0px solid #dddddd;
  border-right: 0px;
  border-top: 0px;
  font-size: 18px;
  color: #888888;
}
.table_progress_border.txt_grey td {
  font-family: "TrueTextOnline-regular";
  padding: 0.3rem 0rem 0rem 0.3rem;
  border-bottom: 0px solid #555;
  border-right: 0px;
  border-top: 0px;
  font-size: 18px;
  color: #888888;
  line-height: 18px;
}
.table_progress_border th {
  font-family: "TrueTextOnline-regular";
  padding: 0.2rem 0.6rem;
  border-bottom: 0px solid #dddddd;
  border-right: 0px;
  border-top: 0px;
  font-size: 16px;
  color: #000;
}
.table_progress_border td {
  font-family: "TrueTextOnline-regular";
  padding: 0.3rem 0rem 0rem 0.3rem;
  border-bottom: 0px solid #555;
  border-right: 0px;
  border-top: 0px;
  font-size: 16px;
  color: #000;
  line-height: 18px;
}
.table_progress_border.txt_000_18_bold td {
  font-family: "TrueTextOnline-Bold";
  padding: 0.3rem 0rem 0rem 0.3rem;
  border-bottom: 0px solid #555;
  border-right: 0px;
  border-top: 0px;
  font-size: 18px;
  color: #000;
  line-height: 18px;
}
.table_progress_border.txt_000_18_bold td:first-child {
  font-family: "TrueTextOnline-regular";
  font-size: 18px;
  color: #333;
  line-height: 18px;
}
.table_progress_border tr:nth-child(even) td {
  border-bottom: 1px solid #dddddd;
  border-right: 0px;
  border-right: 0px;
  border-top: 0px;
}
.table_progress_border td:first-child {
  padding: 0.3rem 0rem 0.15rem 0rem;
}
.table_progress_border td:last-child {
  padding-right: 0rem;
}
.table_progress_border td:last-child,
.table_progress_border th:last-child {
  border-right: 0px;
}
.table_progress_border td:first-child,
.table_progress_border th:first-child {
  border-left: 0px solid #dddddd;
  border-top: 0px;
}
.table_progress_border tr:first-child th {
  border-top: 0px !important;
  line-height: 26px;
  font-family: "TrueTextOnline-Bold";
  font-size: 18px;
}
.table_progress_border.txt_bold td {
  font-family: "TrueTextOnline-Bold";
}
.table_me_black_sm thead th {
  padding: 1px 5px;
}
.table_me_black_sm thead th {
  font-family: "TrueTextOnline-bold";
  padding: 0.3rem 10px;
  border-top: 0px solid #000 !important;
  border-bottom: 1px solid #e5e5e5;
  border-top: 0px;
  color: #333;
  font-size: 16px;
  line-height: 22px;
  text-align: center;
}
.table_me_black_sm td {
  font-family: "TrueTextOnline-Regular";
  padding: 0.3rem 10px;
  border-bottom: 1px solid #e5e5e5;
  border-top: 0px;
  font-size: 16px;
  line-height: 22px;
  color: #333;
}
.table_me_black_sm tr:last-child td:last-child {
  border-bottom-right-radius: 10px;
}
.table_me_black_sm tr:last-child td:first-child {
  border-bottom-left-radius: 10px;
}
.table_me_black_sm tr:last-child td {
  border-bottom: 0px solid #ccc;
}
.table_me_black_sm tr:hover td {
  background-color: #fafbfc;
}
.btn:hover .hover_icon,
.btn:focus .hover_icon {
  filter: invert(27%) sepia(51%) saturate(2878%) hue-rotate(346deg)
    brightness(104%) contrast(97%);
}
.btn:hover .hover_icon_grey,
.btn:focus .hover_icon_grey {
  filter: grayscale(100%) contrast(1000%) sepia(100%);
}
.bg_card_school_grey,
.bg_from_grey {
  background-color: #fff !important;
}
.form-control {
  border: 1px solid #e5e5e5;
}
.form_mutiselect .multiselect-selected-text {
  font-size: 12px;
  line-height: 28px;
  color: #fff;
}
.form_mutiselect.txt_20 .multiselect-selected-text {
  font-size: 20px;
  line-height: 28px;
  color: #333;
  overflow: hidden;
  text-overflow: ellipsis;
}
.form_mutiselect.txt_18 .multiselect-selected-text {
  font-size: 18px;
  line-height: 28px;
  color: #333;
  overflow: hidden;
  text-overflow: ellipsis;
}
.form_mutiselect.txt_14 .multiselect-selected-text {
  font-size: 14px;
  line-height: 19px;
  color: #888;
  overflow: hidden;
  text-overflow: ellipsis;
}
.form_mutiselect .dropdown-menu {
  overflow-y: scroll;
  overflow-x: hidden;
  z-index: 1010;
}
.form_mutiselect .dropdown-menu::-webkit-scrollbar {
  width: 3px;
  height: 3px;
}
.form_mutiselect .dropdown-menu::-webkit-scrollbar-button {
  display: none;
  background: #888;
}
.form_mutiselect .dropdown-menu::-webkit-scrollbar-track-piece {
  background: #ccc;
}
.form_mutiselect .dropdown-menu::-webkit-scrollbar-thumb {
  background: #888;
}
.form_mutiselect .btn_w {
  background-color: transparent !important;
  box-shadow: none !important;
}
.form_mutiselect.btn_w:hover,
.btn_w:active,
.btn_w:focus {
  box-shadow: none !important;
  background-color: transparent !important;
  color: #cc0000 !important;
}
.form_mutiselect .btn_search_close {
  background-color: transparent !important;
  box-shadow: none !important;
  border: 1px solid #e5e5e5;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-left: 0px;
}
.form_mutiselect .multiselect-container {
  min-width: 350px;
}
.form_mutiselect .multiselect {
  padding-left: 0px; /*10*/
  padding-right: 20px;
  /* padding-top: 0px;
  padding-bottom: 0px; */
}
.p_txt_filter {
  padding: 0rem 0rem;
}
.form_mutiselect.px0 .multiselect {
  padding-left: 0px;
}
.form_mutiselect.pr0 .multiselect {
  padding-right: 0px;
}
.form_mutiselect .multiselect:after {
  right: 6px;
  color: #999999;
}
.arr_none .dropdown-toggle::after,
.arr_none.dropdown-toggle::after {
  display: none;
}
.form_mutiselect.arr_none .multiselect:after {
  display: none;
}
.form_mutiselect.radio_none .form-check-control-indicator {
  display: none;
}
.form_mutiselect.radio_none .dropdown-item.form-check .form-check-label {
  padding-left: 15px;
}
.form_mutiselect.radio_none .dropdown-item.form-check .form-check-label {
  padding-left: 15px;
}
.input_none {
  box-shadow: none !important;
  -webkit-appearance: none;
  width: 0px;
  padding: 0px;
  border: 0px;
}
.btn.h_40p {
  padding-top: 3px;
}
.btn_border_red_sm {
  min-width: 60px;
  height: 30px;
  border: 1px solid #cc0000;
  box-sizing: border-box;
  border-radius: 20px;
  font-family: "TrueTextOnline-bold";
  font-size: 18px;
  line-height: 20px;
  color: #cc0000;
  background-color: #fff;
  padding: 4px 0 3px 0;
}
.btn_border_red_sm:hover,
.btn_border_red_sm:focus,
.btn_border_red_sm.active {
  border: 1px solid #cc0000;
  color: #fff;
  background-color: #cc0000;
}
.btn_border_red_sm.disabled {
  border: 1px solid #ccc;
  color: #fff;
  background-color: #ccc;
}
.btn_border_grey_sm {
  min-width: 60px;
  height: 20px;
  border: 1px solid #e5e5e5;
  box-sizing: border-box;
  border-radius: 20px;
  font-family: "TrueTextOnline-regular";
  font-size: 12px;
  line-height: 16px;
  color: #888888;
  background-color: #fff;
  padding: 1px 5px;
}
.btn_border_grey_sm:hover,
.btn_border_grey_sm:focus,
.btn_border_grey_sm.active {
  border: 1px solid #e5e5e5;
  color: #888888;
  background-color: #FAFAFA ;
  box-shadow:none !important;
}
.btn_border_grey_sm.disabled {
  border: 1px solid #ccc;
  color: #fff;
  background-color: #ccc;
}
.form_mutiselect
  .multiselect-item
  input[type="checkbox"]
  ~ .form-check-control-indicator,
.form_mutiselect
  .multiselect-item
  input[type="radio"]
  ~ .form-check-control-indicator {
  border: 0.125rem solid #e5e5e5;
  width: 1.25rem;
  height: 1.25rem;
}
.form_mutiselect .multiselect-filter {
  /*
  position: relative;
  padding: 15px 15px 0px 15px;
  margin-bottom: 0.5rem;
*/
  position: sticky;
  padding: 15px 15px 15px 15px;
  margin-bottom: 0rem;
  width: 100%;
  z-index: 2009;
  top: 0;
  left: 0;
  background-color: #fff;
}
.form_mutiselect
  .multiselect-item.active:not(.disabled)
  input[type="checkbox"]
  ~ .form-check-control-indicator {
  border-color: #cc0000;
  color: #cc0000;
}
.form_mutiselect .dropdown-item.active {
  color: #cc0000;
  background-color: #fff;
}
@media only screen and (max-width: 600px) {
  .hide-mobile {
    display: none;
  }
}

.hover_showborder .form_control_input_40p,
.hover_showborder .form_control_gqa_select,
.hover_showborder .form_control_input_30p,
.hover_showborder .form_control_input_50p {
  border: 1px solid #fff;
}
.hover_showborder .multiselect-search {
  border: 1px solid #e5e5e5 !important;
  border-right: 0px !important;
}
.hover_showborder:hover .form_control_input_40p,
.hover_showborder:focus .form_control_input_40p,
.hover_showborder:active .form_control_input_40p,
.hover_showborder:hover .form_control_gqa_select,
.hover_showborder:focus .form_control_gqa_select,
.hover_showborder:active .form_control_gqa_select,
.hover_showborder:hover .form_control_input_30p,
.hover_showborder:focus .form_control_input_30p,
.hover_showborder:active .form_control_input_30p,
.hover_showborder:hover .form_control_input_50p,
.hover_showborder:focus .form_control_input_50p,
.hover_showborder:active .form_control_input_50p {
  border: 1px solid #e5e5e5;
  cursor: pointer;
}
.hover_showborder .form_control_input_40p.border_w,
.hover_showborder:hover .form_control_input_40p.border_w,
.hover_showborder:focus .form_control_input_40p.border_w,
.hover_showborder:active .form_control_input_40p.border_w,
.hover_showborder:hover .form_control_gqa_select.border_w,
.hover_showborder:focus .form_control_gqa_select.border_w,
.hover_showborder:active .form_control_gqa_select.border_w,
.hover_showborder:hover .form_control_input_30p.border_w,
.hover_showborder:focus .form_control_input_30p.border_w,
.hover_showborder:active .form_control_input_30p.border_w,
.hover_showborder:hover .form_control_input_50p.border_w,
.hover_showborder:focus .form_control_input_50p.border_w,
.hover_showborder:active .form_control_input_50p.border_w {
  border: 1px solid #fff !important;
  cursor: pointer;
}
.form-control.border_w {
  border: 1px solid #fff !important;
}
.hover_showborder .border_1_grey_e5 {
  border: 1px solid #fff;
}
.hover_showborder:hover .border_1_grey_e5,
.hover_showborder:focus .border_1_grey_e5,
.hover_showborder:active .border_1_grey_e5 {
  border: 1px solid #e5e5e5;
  cursor: pointer;
}
.hover_shownoborder .border_1_grey_e5 {
  border: 0px;
  cursor: pointer;
}
.hover_shownoborder:hover .border_1_grey_e5,
.hover_shownoborder:focus .border_1_grey_e5,
.hover_shownoborder:active .border_1_grey_e5 {
  border: 0px solid #e5e5e5;
  cursor: pointer;
}
.hover_showborder .dropdown-toggle.arrow_block::after,
.hover_shownoborder .dropdown-toggle.arrow_block::after {
  display: none;
}
.hover_showborder:hover .dropdown-toggle.arrow_block::after,
.hover_showborder:focus .dropdown-toggle.arrow_block::after,
.hover_showborder:active .dropdown-toggle.arrow_block::after,
.hover_shownoborder:hover .dropdown-toggle.arrow_block::after,
.hover_shownoborder:focus .dropdown-toggle.arrow_block::after,
.hover_shownoborder:active .dropdown-toggle.arrow_block::after {
  display: block;
  cursor: pointer;
}
.hover_showborder .form-control:not(.no-hover-border) {
  border: 1px solid #fff;
}
.hover_showborder:hover .form-control,
.hover_showborder:focus .form-control,
.hover_showborder:active .form-control {
  border: 1px solid #e5e5e5;
  cursor: pointer;
}
.hover_showborder:hover .form-control.border_w,
.hover_showborder:focus .form-control.border_w,
.hover_showborder:active .form-control.border_w {
  border: 1px solid #fff !important;
  cursor: pointer;
}
.hover_showborder .picker {
  margin-top: 10px;
}
.hover_showborder .showborder {
  border: 1px solid #e5e5e5 !important;
}
.nav_mode li a img,
.icon_hover {
  opacity: 50%;
}
.nav_mode li a.active img {
  opacity: 100%;
}
.nav_mode li a:not(.disabled) img:hover,
.icon_hover:hover,
.icon_hover.active .icon_hover {
  opacity: 100%;
  filter: invert(0%) sepia(20%) saturate(2878%) hue-rotate(317deg)
    brightness(155%) contrast(110%);
}
.nav_mode_tab li a {
  opacity: 50%;
}
.nav_mode_tab li a.active,
.nav_mode_tab li a:hover {
  opacity: 100%;
}
.nav_mode_tab li a:hover img {
  opacity: 100%;
  filter: invert(0%) sepia(20%) saturate(2878%) hue-rotate(317deg)
    brightness(155%) contrast(110%);
}
.nav_mode_tab li a.disabled.active,
.nav_mode_tab li a.disabled:hover,
.nav_mode_tab li a.disabled {
  color: #888;
  opacity: 50%;
  cursor: not-allowed;
}
.nav_mode_tab li a.disabled img,
.nav_mode_tab li a.disabled:hover img {
  opacity: 50%;
  filter: none;
}

.form_control_select_noborder {
  font-family: "TrueTextOnline-regular";
  font-size: 18px;
  line-height: 26px;
  color: #333333;
  height: 40px !important;
  border: 0px solid #e5e5e5;
  box-sizing: border-box;
  border-radius: 10px;
  width: 100% !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url(../../assets/images/main/arr_down_lg_12.svg);
  width: 100%;
  background-repeat: no-repeat;
  background-position: right 0px top 3px;
  padding-right: 35px;
}
@media (max-width: 768px) {
  /*
.form_mutiselec.border_m .multiselect-native-select {
	border: 1px solid #e5e5e5;
    border-radius: 10px;
    padding: 0px 10px;
    height: 40px;
  }
*/
  .form_mutiselect.border_m
    .multiselect-native-select
    .btn:not(.btn_search_close) {
    padding: 7px 20px 7px 10px;
    font-family: "TrueTextOnline-regular";
    font-size: 20px;
    line-height: 27.5px;
    height: 40px;
    background: #ffffff;
    border: 1px solid #e5e5e5;
    box-sizing: border-box;
    border-radius: 10px;
  }
  .form_mutiselect.border_m .multiselect:after {
    right: 10px;
    color: #999999;
  }
}
@media (max-width: 576px) {
  .form_mutiselect.txt_18 .multiselect-selected-text {
    line-height: 22px !important;
  }
  .form_mutiselect.txt_14 .multiselect-selected-text {
    line-height: 22px !important;
  }
}
/* Left Menu */
.nav-sidebar .nav-link img {
  margin-right: 1.25rem;
  margin-top: 0.12502rem;
  margin-bottom: 0.12502rem;
  top: 0;
  width: 18px;
  height: 18px;
}
.txt_vsquad_menuleft.active,
.txt_vsquad_menuleft:hover {
  color: #cc0000;
}
.txt_vsquad_menuleft,
.txt_vsquad_menuleft a {
  font-family: "TrueTextOnline-regular";
  font-size: 18px;
  line-height: 22px;
  color: #333333;
}
.nav-sidebar .nav-item:not(.nav-item-header):first-child {
  padding-top: 0rem;
}
.navbar-nav-link {
  padding: 0rem 1.25rem;
}
@media (min-width: 1280px) {
  .nav-sidebar .nav-link {
    padding: 0rem 1.25rem;
  }
}
@media (min-width: 1200px) {
  .sidebar-xs .navbar-nav-link {
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 20px;
    padding-right: 0;
  }
}
.nav-sidebar .nav-item:not(.nav-item-divider) {
  margin-bottom: 0px;
}
.nav-item-submenu > .nav-link:after {
  top: 0.5rem;
}
.nav-link:hover,
.sidebar-main-toggle:hover,
.nav-link.active {
  background-color: #fafbfc;
  color: #cc0000 !important;
}
.nav-link:hover img,
.sidebar-main-toggle:hover img,
.nav-link.active img {
  filter: invert(0%) sepia(20%) saturate(2878%) hue-rotate(317deg)
    brightness(155%) contrast(110%);
}
.nav-sidebar .nav-link {
  padding: 0.35rem 1.25rem;
}
.nav-group-sub .nav-link {
  padding: 0.35rem 1.25rem 0.35rem 3.5rem;
}
.nav-group-sub .nav-group-sub .nav-link {
  padding-left: 4.75rem;
}
.nav-item-submenu > .nav-link:after {
  color: #999999;
}
.nav-item-submenu > .nav-link:after {
  content: "\e9cb";
  font-size: 12px;
}
.bd-links {
  display: block !important;
  max-height: calc(100vh - 82px);
  overflow-y: auto;
}
.menuleft_skicky {
  background-color: #fff;
}
@media (min-width: 1280px) {
  .sidebar-xs .sidebar-main {
    width: 58px;
  }
  .sidebar-xs .nav-sidebar .nav-link img {
    margin-right: 0;
  }
}
@media (min-width: 1200px) {
  .sidebar-xs
    .sidebar-main
    .nav-sidebar
    > .nav-item-submenu:focus
    > .nav-group-sub,
  .sidebar-xs
    .sidebar-main
    .nav-sidebar
    > .nav-item-submenu:hover
    > .nav-group-sub {
    display: block !important;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 0 8px 8px 0;
  }
}
@media (min-width: 768px) {
  .sidebar-xs .sidebar-main {
    width: 58px;
  }
}
.menuleft_skicky {
  position: -webkit-sticky;
  position: sticky;
  top: 50px;
  z-index: 1000; /*1000*/
  height: calc(100vh - 50px);
}
@media (min-width: 992px) {
  .sidebar-xs .nav-sidebar .nav-link img {
    margin-right: 0rem;
  }
  .sidebar-xs
    .sidebar-main
    .nav-sidebar
    > .nav-item-submenu:focus
    > .nav-group-sub,
  .sidebar-xs
    .sidebar-main
    .nav-sidebar
    > .nav-item-submenu:hover
    > .nav-group-sub {
    display: block !important;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 0 8px 8px 0;
  }
  .sidebar-xs .sidebar-main .nav-sidebar > .nav-item-submenu > .nav-group-sub {
    box-shadow: 0 0rem 0rem rgb(0 0 0 / 0%);
  }
  .nav-sidebar .nav-item:not(.nav-item-header):last-child {
    padding-bottom: 0rem;
  }
}
.sidebar:not(.sidebar-component) .sidebar-content {
  position: fixed;
  top: 80px;
  bottom: 0;
  width: 200px;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  transition: left ease-in-out 0.15s, right ease-in-out 0.15s;
}
.sidebar-xs .sidebar:not(.sidebar-component) .sidebar-content {
  width: 58px;
}
/* /.Left Menu */
/* Top Nav */
@media (max-width: 1199.98px) {
  .navbar-expand-xl .navbar-nav-link.dropdown-toggle:not(.caret-0) {
    padding-right: 2.5rem !important;
  }
}
.dropdown-toggle::after {
  color: #999999;
}
.navbar-expand-xl .navbar-nav-link.dropdown-toggle:not(.caret-0) {
  padding-right: 20px !important;
}
@media (max-width: 1199.98px) {
  .navbar-expand-xl .navbar-nav-link.dropdown-toggle:not(.caret-0) {
    padding-right: 2.5rem !important;
  }
}
/* /.Top Nav */
/* Filter */
.filter-groups-bullets {
  width: 18px;
  height: 18px;
  border-radius: 100%;
  text-align: center;
  justify-content: center;
  line-height: 20px;
}
.multiselect-item.active:not(.disabled)
  input[type="radio"]
  ~ .form-check-control-indicator {
  border-color: #cc0000;
}
.filter-groups-bullets_badge {
  overflow: hidden;
  text-overflow: ellipsis;
}
.txt_ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
}
.multiselect-group {
  padding: 0.3rem 1rem 0.3rem 1rem;
  font-weight: 500;
  margin-top: 0.5rem;
  margin-bottom: 0rem;
  background-color: #fafbfc;
}
/*
.form-check:not(.form-check-inline) {
  margin-bottom: 0.5rem;
}
*/
.hide-mobile .form_mutiselect .multiselect {
  padding-left: 0px;
  padding-right: 20px;
  padding-top: 0px;
  padding-bottom: 0px;
}
/* /.Filter */
@media (max-width: 576px) {
  .hover_showborder .form_control_input_40p,
  .hover_showborder .form_control_gqa_select,
  .hover_showborder .form_control_input_30p {
    border: 1px solid #e5e5e5;
    margin-top: 10px;
    margin-bottom: 10px;
  }
}
.sticky {
  position: fixed;
  top: 0;
  width: calc(100% - 200px);
  z-index: 1039;
  background-color: #fff;
  /* width: -webkit-fill-available; */
  padding-top: 65px !important;
  top: -40px;
  transform: translateY(40px);
  transition: transform 0s;
}
.sidebar-xs .sticky {
  width: calc(100% - 58px);
}
.sticky_h {
  height: 190px;
}
.sticky_h.h_check {
  height: 240px;
}
.sticky + .sec_content {
  padding-top: 155px !important;
}
.main_pt_sticky + .sec_content {
  padding-top: 205px !important;
}
.sec_content .card-header {
  padding: 20px 15px;
}
.pt_sticky {
  padding-top: 20px;
}
@media (max-width: 991px) {
  .sticky {
    width: calc(100%);
  }
  .sidebar-xs .sticky {
    width: calc(100%);
  }
  .sticky_h {
    height: 260px;
  }
  .sticky + .sec_content {
    padding-top: 225px !important;
  }
  .pt_sticky {
    padding-top: 20px;
  }
  .sticky_h.h_check {
    height: 310px;
  }
  .main_pt_sticky + .sec_content {
    padding-top: 275px !important;
  }
}
@media (max-width: 767px) {
  .sticky_h {
    height: auto;
  }
  .sticky + .sec_content {
    padding-top: 10px !important;
  }
  .sticky {
    position: relative;
    padding-top: 10px !important;
  }
  .pt_sticky {
    padding-top: 45px;
  }
  .sticky_h.h_check {
    height: 340px;
  }
  .main_pt_sticky + .sec_content {
    padding-top: 10px !important;
  }
}
@media (max-width: 576px) {
  .sticky {
    position: relative;
    padding-top: 10px !important;
  }
  .sticky + .sec_content {
    padding-top: 10px !important;
  }
  .sticky + .sec_content_less {
    padding-top: 120px !important;
  }
  .sticky_h {
    /*  height: 440px;*/
    height: auto;
  }
  .pt_sticky {
    padding-top: 45px;
  }
  .sticky_h.h_check {
    height: 340px;
  }
  .main_pt_sticky + .sec_content {
    padding-top: 15px !important;
  }
  .pt_sticky {
    padding-top: 45px;
  }
  .card-header {
    padding-left: 10px;
    padding-right: 10px;
  }
  .form_control_input_40p {
    padding-left: 10px;
    padding-right: 10px;
  }
  .form_control_input_40p.w_70p {
    width: 65px;
  }
  .card-header.h_40p_m {
    height: 50px;
  }
  .lh_sm .txt_title_form_888_18,
  .lh_sm .txt_head_form_333_24_bold,
  .lh_sm .txt_head_form_333_20_bold,
  .lh_sm.txt_head_form_333_20_bold {
    line-height: 22px !important;
  }
}
/* ./576 */
@media (max-width: 375px) {
  .w_100p_m {
    width: 100px !important;
  }
  .w_110p_m {
    width: 110px !important;
  }
}
.form-check {
  color: #333;
  font-size: 18px; /*14*/
}
.multiselect-item.multiselect-group.form-check {
  color: #888;
}
.vs_yellow {
  color: #eec13f !important;
  font-family: "TrueTextOnline-regular";
  font-size: 18px;
  line-height: 25px;
  box-sizing: border-box;
  width: 100% !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 100%;
  padding: 0.4375rem 0.875rem;
}
.vs_lightorange {
  color: #ff8a00 !important;
  font-family: "TrueTextOnline-regular";
  font-size: 18px;
  line-height: 25px;
  box-sizing: border-box;
  width: 100% !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 100%;
  padding: 0.4375rem 0.875rem;
}
.vs_orange {
  color: #ff5723 !important;
  font-family: "TrueTextOnline-regular";
  font-size: 18px;
  line-height: 25px;
  box-sizing: border-box;
  width: 100% !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 100%;
  padding: 0.4375rem 0.875rem;
}
.vs_red {
  color: #cc0000 !important;
  font-family: "TrueTextOnline-regular";
  font-size: 18px;
  line-height: 25px;
  box-sizing: border-box;
  width: 100% !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 100%;
  padding: 0.4375rem 0.875rem;
}
.vs_lightred {
  color: #e91e63 !important;
  font-family: "TrueTextOnline-regular";
  font-size: 18px;
  line-height: 25px;
  box-sizing: border-box;
  width: 100% !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 100%;
  padding: 0.4375rem 0.875rem;
}
.vs_green {
  color: #6aa84f !important;
  font-family: "TrueTextOnline-regular";
  font-size: 18px;
  line-height: 25px;
  box-sizing: border-box;
  width: 100% !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 100%;
  padding: 0.4375rem 0.875rem;
}
.vs_lightblue {
  color: #00aee4 !important;
  font-family: "TrueTextOnline-regular";
  font-size: 18px;
  line-height: 25px;
  box-sizing: border-box;
  width: 100% !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 100%;
  padding: 0.4375rem 0.875rem;
}
.vs_blue {
  color: #3f51b5;
  font-family: "TrueTextOnline-regular";
  font-size: 18px;
  line-height: 25px;
  box-sizing: border-box;
  width: 100% !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 100%;
  padding: 0.4375rem 0.875rem;
}
/*
.cl-entry__project__dot {
	display: inline-block;
    margin-right: 0.7143rem;
    width: 5px;
    height: 5px;
    vertical-align: middle;
    border-radius: 50%;
}
*/
.is-active .icon_hover {
  opacity: 100% !important;
  filter: invert(0%) sepia(20%) saturate(2878%) hue-rotate(317deg)
    brightness(155%) contrast(110%);
}
.form_mutiselect .txt_dropdown {
  font-family: "TrueTextOnline-Regular";
  font-size: 18px;
  color: #333;
  padding: 0.3rem 1rem !important;
}
.form_mutiselect .active-link,
.form_mutiselect .txt_dropdown:hover {
  color: #cc0000;
}
.form_mutiselect .icon-cross2 {
  color: #999;
  font-size: 12px;
}
.maxwidth_multi {
  width: 100%;
}
@media (min-width: 1366px) {
  .maxwidth_multi {
    width: 127px;
  }
}
@media (min-width: 1600px) {
  .maxwidth_multi {
    width: 156px;
  }
}
@media (min-width: 1920px) {
  .maxwidth_multi {
    width: 196px;
  }
}
@media (min-width: 2560px) {
  .maxwidth_multi {
    width: 276px;
  }
}
@media (min-width: 3840px) {
  .maxwidth_multi {
    width: 438px;
  }
}
/* 404 */
.txt_404 {
  font-family: "TrueTextOnline-Bold";
  font-weight: normal;
  font-style: normal;
  line-height: 1.35em;
  color: #cc0000;
  font-size: 100px;
}
.txt_24 {
  font-size: 24px;
}
/* /.404 */
.img_workspace {
  width: 32px !important;
  height: 32px !important;
  max-height: 32px !important;
  border-radius: 50% !important;
  vertical-align: middle !important;
}
.workspace_list {
  line-height: 26px;
  white-space: initial; /*pre-wrap*/
}
.txt_Pagenotfound {
  font-family: "TrueTextOnline-Regular";
  font-size: 48px;
  line-height: 52px;
}
/* Resize */
.vs_img_resize {
  width: 100%;
}
@media (min-width: 1200px) {
  .vs_img_resize {
    width: 500px;
  }
}
@media (min-width: 1366px) {
  .vs_img_resize {
    width: 500px;
  }
}
@media (min-width: 1920px) {
  .vs_img_resize {
    width: 720px;
  }
}
@media (min-width: 2560px) {
  .vs_img_resize {
    width: 840px;
  }
}
@media (min-width: 3840px) {
  .vs_img_resize {
    width: 1200px;
  }
}
/* /.Resize */
/* Readmord Section */
/* #readmoreFAQs .collapse:not(.show), #readmoreAbout .collapse:not(.show) {
  height: 190px !important;
  overflow: hidden;
  display: -webkit-box;
}
#readmoreFAQs .collapsing, #readmoreAbout .collapsing  {
  min-height: 190px !important;
} */
#readmoreFAQs .collapse:not(.show),
#readmoreFAQs2 .collapse:not(.show) {
  height: 260px !important;
  overflow: hidden;
  display: -webkit-box;
}
#readmoreFAQs .collapsing,
#readmoreFAQs2 .collapsing {
  min-height: 260px !important;
}
/*
#readmoreFAQs a.collapsed:after, #readmoreAbout a.collapsed:after, #readmoreFAQs2 a.collapsed:after, #readmoreAbout2 a.collapsed:after {
  content: 'Show all';
}
#readmoreFAQs a:not(.collapsed):after, #readmoreAbout a:not(.collapsed):after, #readmoreFAQs2 a:not(.collapsed):after, #readmoreAbout2 a:not(.collapsed):after {
  content: 'See less';
}
#readmoreFAQs a.overflow-hidden:after, #readmoreFAQs2 a.overflow-hidden:after {
  content: '';
}
*/

#readmoreFAQs .alink.collapsed:after,
#readmoreAbout .alink.collapsed:after,
#readmoreFAQs2 .alink.collapsed:after,
#readmoreAbout2 .alink.collapsed:after {
  content: "Show all";
}
#readmoreFAQs .alink:not(.collapsed):after,
#readmoreAbout .alink:not(.collapsed):after,
#readmoreFAQs2 .alink:not(.collapsed):after,
#readmoreAbout2 .alink:not(.collapsed):after {
  content: "See less";
}
#readmoreFAQs .alink.overflow-hidden:after,
#readmoreFAQs2 .alink.overflow-hidden:after {
  content: "";
}

.readmore_trick {
  position: absolute;
  width: 100%;
  height: 70px;
  bottom: 0;
  left: 0;
}
.collapse.show .readmore_trick {
  height: 0px;
}
.readmore_trick .collapsed {
  display: block;
  width: 100%;
  height: 100%;
}
#readmoreReviews {
  position: relative;
}
#readmoreReviews .show-more {
  cursor: pointer;
}
#readmoreReviews .show-more:hover {
  color: #cc0000 !important;
}
#readmoreReviews .show-more-height {
  height: 450px;
  overflow: hidden;
}
/* /.Readmord Section */
/* Start Read more - gradient div */
.mask_gradient_bottom {
  -webkit-mask-image: linear-gradient(#fff, #fff, rgba(255, 255, 255, 0));
}
.show .mask_gradient_bottom {
  -webkit-mask-image: none;
}
/* End Read more - gradient div */
/* Project */
:root .swiper_attach_slide {
  --swiper-navigation-size: 25px;
  --swiper-theme-color: #888888;
}
.swiper_attach_slide .swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  background-image: none;
}
.swiper_attach_slide .swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  background-image: none;
}
/*
.swiper_attach_slide .swiper-bg-left {
  z-index: 9;
  opacity: 1;
  background: rgb(23, 23, 23);
  background: linear-gradient(90deg, rgba(23, 23, 23, 1) 0%, rgba(23, 23, 23, 1) 50%, rgba(23, 23, 23, 0) 100%);
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 45px;
}
.swiper_attach_slide .swiper-bg-right {
  z-index: 9;
  opacity: 1;
  background: rgb(23, 23, 23);
  background: linear-gradient(270deg, rgba(23, 23, 23, 1) 0%, rgba(23, 23, 23, 1) 50%, rgba(23, 23, 23, 0) 100%);
  position: absolute;
  top: 0px;
  right: 0px;
  height: 100%;
  width: 45px;
}
*/
/*
.swiper_attach_slide .swiper-bg-left.bg_grey {
  background: rgb(246, 246, 246);
  background: linear-gradient(90deg, rgba(246, 246, 246, 1) 0%, rgba(246, 246, 246, 1) 60%, rgba(246, 246, 246, 0) 100%);
  width: 35px;
}
.swiper_attach_slide .swiper-bg-right.bg_grey {
  background: rgb(246, 246, 246);
  background: linear-gradient(270deg, rgba(246, 246, 246, 1) 0%, rgba(246, 246, 246, 1) 60%, rgba(246, 246, 246, 0) 100%);
  width: 35px;
}
*/
.swiper_attach_slide .swiper-button-prev,
.swiper_attach_slide .swiper-rtl .swiper-button-next {
  left: 15px;
  right: auto;
}
.swiper_attach_slide .swiper-button-next,
.swiper_attach_slide .swiper-rtl .swiper-button-prev {
  right: 15px;
  left: auto;
}
.swiper_attach_slide .swiper-button-prev,
.swiper_attach_slide .swiper-rtl .swiper-button-next.l_20p {
  left: 0px;
  right: auto;
}
.swiper_attach_slide .swiper-button-next,
.swiper_attach_slide .swiper-rtl .swiper-button-prev.r_20p {
  right: 0px;
  left: auto;
}
.swiper_attach_slide .swiper-slide:first-child {
  margin-left: 0px;
}
.swiper_attach_slide .swiper-slide:last-child {
  margin-right: 0px;
}
.swiper_attach_slide .d_right .swiper-slide:first-child {
  margin-left: 15px !important;
}
.swiper_attach_slide .d_right .swiper-slide:last-child {
  margin-right: 15px !important;
}
.swiper_px_m0 {
  padding-left: 35px; /*35*/
  padding-right: 35px; /*35*/
}
.swiper_attach_slide.bg_grey .swiper-button-prev,
.swiper_attach_slide .swiper-rtl .swiper-button-next {
  left: 0px;
  right: auto;
}
.swiper_attach_slide.bg_grey .swiper-button-next,
.swiper_attach_slide .swiper-rtl .swiper-button-prev {
  right: 0px;
  left: auto;
}
.swiper_attach_slide.bg_grey .swiper-slide:first-child {
  margin-left: 0px; /*5.5%*/
}
.swiper_attach_slide.bg_grey .swiper-slide:last-child {
  margin-right: 70px; /*5.5%*/
}
.swiper_attach_slide .swiper-button-lock {
  display: block;
}
@media (max-width: 1024px) {
  .swiper_px_m0 {
    padding-left: 0px;
    padding-right: 0px;
  }
  .swiper_attach_slide .swiper-button-prev,
  .swiper_attach_slide .swiper-container-rtl .swiper-button-next {
    display: none;
  }
  .swiper_attach_slide .swiper-button-next,
  .swiper_attach_slide .swiper-container-rtl .swiper-button-prev {
    display: none;
  }
  .swiper_attach_slide .swiper-bg-left.bg_grey {
    display: none;
  }
  .swiper_attach_slide .swiper-bg-right.bg_grey {
    display: none;
  }
  .swiper_attach_slide.bg_grey .swiper-slide:first-child {
    margin-left: 0px; /*5.5%*/
  }
  .swiper_attach_slide.bg_grey .swiper-slide:last-child {
    margin-right: 0px; /*5.5%*/
  }
  .swiper_attach_slide .swiper-bg-left {
    background: none;
  }
  .swiper_attach_slide .swiper-bg-right {
    background: none;
  }
  .swiper_attach_slide .swiper-slide:first-child {
    margin-left: 0px;
  }
  .swiper_attach_slide .swiper-slide:last-child {
    margin-right: 0px;
  }
}
@media screen and (min-width: 1024px) {
  .swiper_attach_slide .swiper-button-prev,
  .swiper_attach_slide .swiper-button-next {
    height: 100%;
    width: 5.5%;
    width: calc(5.5% - 5px);
    top: 0;
    bottom: 0;
    margin: 0;
    background-color: transparent;
  }
  .swiper_attach_slide .swiper-button-prev::after {
    display: none;
    font-size: 10px;
    width: 24px;
    height: 24px;
    background-color: #bebebe;
    padding: 6px 9px;
    border-radius: 50%;
  }
  .swiper_attach_slide .swiper-button-next::after {
    display: none;
    font-size: 10px;
    width: 24px;
    height: 24px;
    background-color: #bebebe;
    padding: 6px 10px;
    border-radius: 50%;
  }
}
.form_border_grey_capsule_e5 {
  border: 1px solid #e5e5e5 !important;
  font-size: 16px;
  height: 100%;
  border-radius: 5rem;
  color: #000;
  border-radius: 30px;
  overflow: hidden;
}
.pickadate_gqa .form-control {
  border: 0px solid #f3f3f3;
  font-size: 18px;
  height: 100%;
  border-radius: 10px;
}
.card_file_noborder_60 {
  height: 60px;
  background: #ffffff;
  border: 0px;
  box-sizing: border-box;
  border-radius: 10px;
  box-shadow: none;
  margin-bottom: 0;
}
@media (min-width: 992px) {
  .modal-lg.w_820p {
    max-width: 820px;
    width: 95%;
  }
}
.modal-scroll .modal-dialog,
.modal-scroll .modal-content {
  /* 80% of window height */
  height: 90%;
}
.modal-scroll .modal-body {
  /* 100% = dialog height, 120px = header + footer */
  max-height: calc(100% - 47px);
  overflow-y: scroll;
  overflow-x: hidden;
  position: relative;
  border-radius: 0rem;
}
.modal-scroll .modal-body::-webkit-scrollbar {
  width: 3px;
  height: 3px;
}
.modal-scroll .modal-body::-webkit-scrollbar-button {
  display: none;
  background: #888;
}
.modal-scroll .modal-body::-webkit-scrollbar-track-piece {
  background: #ccc;
}
.modal-scroll .modal-body::-webkit-scrollbar-thumb {
  background: #888;
}
.form_control_select.h50 {
  font-family: "TrueTextOnline-regular";
  font-size: 18px;
  line-height: 26px;
  color: #333333;
  height: 50px !important;
  border: 1px solid #e5e5e5;
  box-sizing: border-box;
  border-radius: 10px;
  width: 100% !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url(../../assets/images/main/arr_down_lg_12.svg);
  width: 100%;
  background-repeat: no-repeat;
  background-position: right 15px top 3px;
  padding-right: 35px;
}
.form_control_select.h50 option:active {
  background-color: #ccc;
  color: #000;
}
.form_control_select.h50 option:checked {
  background-color: #fff;
  color: #eec13f;
}
.form_control_select.h50 select {
  background-color: #fff;
  color: #eec13f;
}
.input_search_grey.h50 {
  height: 50px !important;
  border: 1px solid #e5e5e5;
  box-sizing: border-box;
  border-radius: 25px;
  font-family: "TrueTextOnline-regular";
  font-size: 18px;
  line-height: 25px;
  display: flex;
  align-items: center;
  color: #888888;
  width: 100%;
  background-color: #fff;
}
.btn_modal_border_red {
  min-width: 80px;
  height: 30px; /*40*/
  border: 1px solid #cc0000;
  box-sizing: border-box;
  border-radius: 15px;
  font-family: "TrueTextOnline-regular";
  font-size: 18px;
  line-height: 24px;
  color: #cc0000;
  background-color: #fff;
  padding: 2px 10px;
}
.btn_modal_border_red:hover,
.btn_modal_border_red:focus {
  border: 1px solid #cc0000;
  color: #fff;
  background-color: #cc0000;
}
.btn_modal_border_red_active,
.btn_modal_border_red.btn-success {
  min-width: 80px;
  height: 30px; /*40*/
  border: 1px solid #cc0000;
  box-sizing: border-box;
  border-radius: 15px;
  font-family: "TrueTextOnline-regular";
  font-size: 18px;
  line-height: 24px;
  color: #fff;
  background-color: #cc0000;
  padding: 2px 10px;
}
.btn_modal_border_red_active:hover,
.btn_modal_border_red_active:focus {
  border: 1px solid #cc0000;
  color: #fff;
  background-color: #cc0000; /*FFC1C2 changed*/
}
.btn_modal_border_grey {
  min-width: 80px;
  height: 30px; /*40*/
  border: 1px solid #e5e5e5;
  box-sizing: border-box;
  border-radius: 15px;
  font-family: "TrueTextOnline-regular";
  font-size: 18px;
  line-height: 24px;
  color: #888888 !important;
  background-color: #fff;
  padding: 2px 15px;
}
.btn_modal_border_grey:hover,
.btn_modal_border_grey:focus {
  border: 1px solid #cc0000;
  color: #fff !important;
  background-color: #cc0000;
}
.btn_modal_border_333_grey_18 {
  min-width: 80px;
  height: 30px; /*40*/
  border: 1px solid #e5e5e5;
  box-sizing: border-box;
  border-radius: 15px;
  font-family: "TrueTextOnline-regular";
  font-size: 18px;
  line-height: 24px;
  color: #333 !important;
  background-color: #fff;
  padding: 2px 15px;
  /* width: 100%; */
  overflow: hidden;
  text-overflow: ellipsis;
  margin-left: auto;
  margin-right: auto;
}
.btn_modal_border_333_grey_18:hover,
.btn_modal_border_333_grey_18:focus {
  border: 1px solid #cc0000;
  color: #fff !important;
  background-color: #cc0000;
}
.btn_modal_border_333_grey_18.h_40p {
  min-width: 80px;
  height: 40px;
  border: 1px solid #e5e5e5;
  box-sizing: border-box;
  border-radius: 20px;
  font-family: "TrueTextOnline-regular";
  font-size: 18px;
  line-height: 24px;
  color: #333 !important;
  background-color: #fff;
  padding: 7px 15px;
  width: 100%;
}
.btn_modal_border_333_grey_18:hover.hover_grey {
  background-color: #fafafa !important;
  box-shadow: none !important;
}
.hover_card:hover .card,
.hover_card:hover .card .card_p10_w_b5 {
  background-color: #fafafa !important;
}
.modal-body {
  padding-top: 15px;
}
.modal-header .close img {
  width: 25px;
  height: 25px;
}
.modal-header {
  padding-bottom: 0px !important;
  border-bottom: 0px;
}
.modal-header .close {
  position: absolute;
  right: 15px;
  opacity: 0.7;
  top: 20px;
}
.txt_modal_head {
  font-family: "sukhumvittadmai-semibold";
  font-style: normal;
  color: #000;
  line-height: 33px;
  font-size: 20px;
}
.txt_bighead_red {
  font-family: "sukhumvittadmai-semibold";
  font-size: 36px;
  line-height: 40px;
  color: #cc0000;
}
a:hover .hover_grey_fa img {
  filter: brightness(1);
}
.right-0 .picker__holder {
  right: 0px !important;
}
.txt_lightblue {
  color: #00aee4;
}
.btn_class_plusred_40:hover {
  background-color: transparent;
  box-shadow: none !important;
}
.btn_class_plusred_40:hover img,
.breadcrumb-elements-item.show .btn_class_plusred_40 img {
  filter: invert(116%) sepia(281%) saturate(2953%) hue-rotate(676deg)
    brightness(108%) contrast(306%);
  background-color: transparent;
  box-shadow: none;
}
/* /.Project*/
/* Top Navbar */
a:hover.hover_70 img,
a:hover.hover_70 .txt_kpi_bighead2,
a:hover.hover_70 .txt_kpi_bighead3,
a:hover.hover_70 .txt_kpi_bighead5,
a:hover.hover_70 .txt_kpi_bighead_date,
a:hover.hover_70 .txt_bms_bighead {
  opacity: 0.5;
}
.txt_tadmai_bold {
  font-family: "sukhumvittadmai-semibold";
}
.txt_888_20 {
  font-family: "TrueTextOnline-Regular";
  font-style: normal;
  color: #888 !important;
  font-size: 20px;
}
.txt_vl_20p_gray88_h_red {
  font-family: "TrueTextOnline-Regular";
  font-style: normal;
  color: #888 !important;
  font-size: 20px;
}
.txt_true_Reg {
  font-family: "TrueTextOnline-Regular";
}
.txt_vl_20p_gray88_h_red:hover,
.txt_termcond:hover {
  color: #cc0000 !important;
}
.txt_vl_title,
.modal-dialog .txt_vl_title {
  font-family: "TrueTextOnline-Regular";
  font-style: normal;
  color: #888;
  line-height: 1.35em;
  font-size: 16px;
}
.modal-content {
  border-radius: 10px;
  border: 0px;
  overflow: hidden;
}
.border_profile {
  border: 1px solid #ececec;
}
.h_logo {
  height: 20px !important;/*28*/
  margin-left: 5px;
}
@media (max-width: 576px) {
.h_logo {
  margin-left: 0px;
}
}
.navbar {
  padding: 0 15px !important;
}
.navbar-sm .navbar-brand {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  height: 50px;
  padding: 0 !important;
  min-width: 0 !important;
}
@media (max-width: 576px) {
  .dropdown-hamburger .size_popup {
    width: 100vw;
    right: -15px;
    border-radius: 0;
    margin-top: 0;
    box-shadow: none;
    border-top: 1px solid #ddd;
    min-height: calc(100vh - 50px);
    overflow-x: hidden;
    top: 48px !important;
  }
}
/* /.Top Navbar */
/* CKEditor 5 */
.editor_me {
  font-family: "TrueTextOnline-Bold";
  font-size: 20px;
  line-height: 26px;
  color: #000000;
}
.editor_me strong {
  font-family: "TrueTextOnline-ExtraBold";
  font-size: 20px;
  line-height: 26px;
  color: #000000;
}
.editor_me i {
  font-family: "TrueTextOnline-Regular";
  font-size: 20px;
  line-height: 26px;
  color: #000000;
  font-style: italic;
}
.editor_me i strong,
.editor_me strong i {
  font-family: "TrueTextOnline-Bold";
  font-size: 20px;
  line-height: 26px;
  color: #000000;
  font-style: italic;
}
.editor_me h2 {
  font-family: "sukhumvittadmai-semibold";
  font-style: normal;
  color: #000000;
  line-height: 32px;
  font-size: 26px;
}
.editor_me h3 {
  font-family: "sukhumvittadmai-semibold";
  font-style: normal;
  color: #000000;
  line-height: 30px;
  font-size: 24px;
}
.editor_me h4 {
  font-family: "sukhumvittadmai-semibold";
  font-style: normal;
  color: #000000;
  line-height: 28px;
  font-size: 22px;
}
.editor_me a {
  font-family: "TrueTextOnline-Regular";
  font-size: 20px;
  line-height: 26px;
  text-decoration: none;
  color: #cc0000;
}
.editor_me a:link {
  text-decoration: none;
}
.editor_me a:visited {
  text-decoration: none;
}
.editor_me a:hover {
  text-decoration: none;
}
.editor_me a:active {
  text-decoration: none;
}
.editor_me ol,
.editor_me ul {
  list-style: revert;
}
.editor_me blockquote {
  border-left: 5px solid #ccc;
  font-style: italic;
  margin-left: 0;
  margin-right: 0;
  overflow: hidden;
  padding-left: 1.5em;
  padding-right: 1.5em;
}
/* /.CKEditor 5 */
/* Freeze Table */
.view {
  margin: auto;
  width: 100%;
  /* white-space: pre-line; */
  word-break: break-word;
}
.view .media {
  margin-top: 0px;
}

.wrapper {
  position: relative;
  /*  overflow: auto;*/
  overflow-x: auto;
  overflow-y: auto;
  border: 1px solid #e5e5e5;
  white-space: nowrap;
  border-radius: 10px;
  min-height: 260px;
  padding-bottom: 40px;
}

.sticky-col {
  position: -webkit-sticky;
  position: sticky;
  /* background-color: white; */
}

.first-col {
  width: 100%;
  min-width: 540px;
  max-width: 100%;
  left: 0px;
}

/* .second-col {
  width: 120px;
  min-width: 120px;
  max-width: 120px;
  left: 540px;
} */

.whsp_preline {
  white-space: pre-line;
}

.dragula-handle.p_dot {
  position: absolute;
  left: -5px;
  top: 9px;
}

.div_3dot {
  position: absolute;
  right: -5px;
  top: -2px;
  z-index: 1020;
}

.div_3dot0 {
  /* position: absolute;
  right: 0px;
  top: 2px; */
  text-align: right;
}

.sticky-col .div_hover_show img.dragula-handle {
  opacity: 0;
}
.sticky-col:hover .div_hover_show img.dragula-handle {
  opacity: 1;
}

.div_border_e5 {
  border-right: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  height: 40px;
  padding: 5px 10px;
}
.div_border_e5:last-child {
  border-right: 0px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
}
li.media:last-child .div_width_left,
li.media:last-child .div_width_right {
  border-bottom: 1px solid #e5e5e5;
}
/*20230510*/
@media (max-width: 1920px) {
  .first-col {
    width: 100%;
    min-width: 424px;
    max-width: 100%;
    left: 0px;
  }
  .first-col.w_280p {
    width: 100%;
    min-width: 260px;
    max-width: 100%;
    left: 0px;
  }
}
@media (max-width: 1440px) {
  /* .first-col {
    width: 100%;
    min-width: 424px;
    max-width: 424px;
    left: 0px;
  }
  .first-col.w_280p {
    width: 100%;
    min-width: 260px;
    max-width: 260px;
    left: 0px;
  } */
  .first-col {
    width: 100%;
    min-width: 424px;
    max-width: 100%;
    left: 0px;
  }
  .first-col.w_280p {
    width: 100%;
    min-width: 260px;
    max-width: 100%;
    left: 0px;
  }
}
/*/.20230510*/
@media (max-width: 1366px) {
  .first-col {
    width: 100%;
    min-width: 350px; /*367*/
    max-width: 100%; /*367*/
    left: 0px;
  }
  .first-col.w_280p {
    width: 100%;
    min-width: 260px;
    max-width: 260px;
    left: 0px;
  }
}
@media (max-width: 1024px) {
  .first-col {
    min-width: 300px;
  }
  .first-col.w_280p {
    width: 100%;
    min-width: 280px;
    max-width: 280px;
    left: 0px;
  }
}
@media (max-width: 768px) {
  .first-col {
    min-width: 300px;
  }
  .first-col.w_280p {
    width: 100%;
    min-width: 280px;
    max-width: 280px;
    left: 0px;
  }
}
@media (max-width: 576px) {
  .first-col {
    width: 150px;
    min-width: 150px;
    max-width: 150px;
    left: 0px;
  }
  .first-col.w_280p {
    width: 100%;
    min-width: 195px;
    max-width: 195px;
    left: 0px;
  }

  /* .second-col {
  width: 100px;
  min-width: 100px;
  max-width: 100px;
  left: 100px;
} */
}

/* ************* */
.table_div {
  font-family: "TrueTextOnline-Bold";
  font-size: 18px;
  line-height: 24px;
  color: #000000;
  z-index: 1;
  position: relative;
}
.div_width_right {
  width: 145.2px;/*148px*/
  min-width: 145.2px;/*148px*/
  padding: 5px 10px;
  border-right: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  white-space: normal;
  display: flex;
  align-items: center;
}
/*20230510*/
@media (max-width: 1920px) {
  .div_width_right {
    width: 148.7px;
    min-width: 148.7px;
  }
  .div_width_right_merge {
    width: 783px;
    min-width: 783px;/*766*/
  }
}
@media (max-width: 1440px) {
  .div_width_right {
    width: 148.7px;
    min-width: 148.7px;
  }
  .div_width_right_merge {
    width: 783px;
    min-width: 783px;/*766*/
  }
}
@media (max-width: 1366px) {
  .div_width_right {
  width: 148.6px;
  min-width: 148.6px;
  }
}
/*/.20230510*/
.div_width_right.w_3dot {
  width: 40px !important;
  min-width: 40px !important;
  padding: 0px;
}
.div_width_right.w_3dot .p_3dot,
.div_3dot0 .p_3dot {
  padding: 10px 16px;
}
@media (max-width: 768px) {
  .div_3dot0 .p_3dot {
    padding: 5px 5px 5px 15px;
  }
}
/* @media (max-width: 576px) {
.div_width_right.w_3dot .p_3dot {
  padding: 5px 0 5px 15px;
  margin-right: 15px;
}
} */

.div_width_right:last-child {
  border-right: 0px;
}
.card .div_width_right {
  border-bottom: 0px;
}
/* .div_tr:last-child .div_width_right {
  border-bottom: 0px;
}
.div_tr:last-child .div_width_left {
  border-bottom: 0px;
} */
.div_width_right_merge {
  width: 766px; /*700px 783*/
  min-width: 766px; /*700px 783*/
  padding: 0px 0px;
  border-right: 0px;
  white-space: normal;
  border-bottom: 1px solid #e5e5e5;
}
/*20230510*/
@media (max-width: 1920px) {
  .div_width_right_merge {
    width: 783px;
    min-width: 783px;/*766*/
  }
}
@media (max-width: 1440px) {
  .div_width_right_merge {
    width: 783px;
    min-width: 783px;/*766*/
  }
}
@media (max-width: 1366px) {
  .div_width_right_merge {
  width: 783px;
  min-width: 783px;
  }
}
/*/.20230510*/
.div_th {
  font-family: "TrueTextOnline-regular";
  font-size: 18px;
  line-height: 28px;
  color: #888888;
  background-color: #f6f6f6;
  /* border-bottom: 1px solid #e5e5e5; */
}
.div_th.thead {
  background: #f6f6f6;
  border: 1px solid #e5e5e5;
  border-bottom: 0;
  border-radius: 10px 10px 0px 0px;
  height: 40px;
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
}
.div_th .div_width_left, .div_th .div_width_right {
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
}
.div_tr {
  /* border-bottom: 1px solid #e5e5e5; */
  background-color: #ffffff;
}
.div_tr:hover,
.div_tr:hover .div_width_left,
.div_bg_grey .div_width_right_merge:hover,
.div_tr:hover .div_width_right_merge {
  background-color: #fafafa;
  cursor: pointer;
}
.div_tr:last-child {
  border-bottom: 0px;
}
li:last-child .div_width_right {
  border-bottom: 0px;
}
.div_width_left {
  padding: 5px 10px;
  white-space: normal;
  min-height: 44px;
  border-right: 1px solid #e5e5e5;
  background-color: #fff;
  border-bottom: 1px solid #e5e5e5;
}
.div_width_left:last-child,
li:last-child .div_width_left {
  border-bottom: 0px;
}
.div_bg_grey,
.div_bg_grey .div_width_left,
.div_bg_grey .div_width_right_merge {
  color: #00aee4;
  background-color: #fafafa;
  border-right: 0px;
  font-family: "TrueTextOnline-bold";
}
.div_bg_grey.h_grey {
  background: #fafafa;
  border: 1px solid #e5e5e5;
  border-bottom: 0px;
  height: 40px;
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: left;
  padding-left: 15px;
}
.table_div .media {
  position: relative;
}
.top_center {
  top: 50%;
  transform: translateY(-50%);
}

@media (min-width: 576px) {
  .pl_pc {
    padding-left: 10px;
  }
  .pr_pc {
    padding-right: 10px;
  }
}

.w_100vw {
  width: 100vw;
  min-width: fit-content;
  max-width: 100vw;
}
/*20230510*/
@media (max-width: 1920px) {
  .w_100vw {
    width: 100%;
    min-width: fit-content;
    max-width: 100vw;
  }
}
@media (max-width: 1440px) {
  .w_100vw {
    width: 100%;
    min-width: fit-content;
    max-width: 100vw;
  }
}
/*/.20230510*/
@media (max-width: 1366px) {
  .w_100vw {
    width: 100%;
    min-width: fit-content;
    max-width: 100vw;
  }
}
@media (min-width: 1920px) {
  .w_100vw {
    width: initial;
    max-width: 100%;
  }
}
.z-index_1 {
  z-index: 1;
}
.z-index_2 {
  z-index: 2;
}
.z-index_3 {
  z-index: 3;
}
.z-index_4 {
  z-index: 4;
}
.z-index_5 {
  z-index: 5;
}
.z-index_6 {
  z-index: 6;
}
.z-index_7 {
  z-index: 7;
}
.z-index_8 {
  z-index: 8;
}
.z-index_9 {
  z-index: 9;
}
.z-index_10 {
  z-index: 10;
}
.z-index_11 {
  z-index: 11;
}
.z-index_12 {
  z-index: 12;
}
.z-index_13 {
  z-index: 13;
}
.z-index_14 {
  z-index: 14;
}
.z-index_15 {
  z-index: 15;
}
.z-index_16 {
  z-index: 16;
}
.z-index_17 {
  z-index: 17;
}
.z-index_18 {
  z-index: 18;
}
.z-index_19 {
  z-index: 19;
}
.z-index_20 {
  z-index: 20;
}
.cardrounded_10p.border_bottom_1_e5 {
  border-bottom-left-radius: 10px !important;
  border-bottom-right-radius: 10px !important;
}
.cardrounded_10p .col-12:last-child .card {
  border-bottom-left-radius: 10px !important;
  border-bottom-right-radius: 10px !important;
}
.cardrounded_10p .col-12:last-child .card .pl_10p:first-child {
  border-bottom-left-radius: 10px !important;
}
.cardrounded_10p .col-12:last-child .card .card_p10_w_b5 {
  border-bottom-right-radius: 10px !important;
}
/* /.Freeze Table */
/* Task : Detail */
.btn_border_grey_16_icon {
  min-width: 80px;
  height: 30px;
  border: 1px solid #e5e5e5;
  box-sizing: border-box;
  border-radius: 6px;
  font-family: "TrueTextOnline-regular";
  font-size: 16px;
  line-height: 15px;
  color: #777;
  padding: 5px 10px 4px 10px;
}

.btn_border_grey_16_icon:hover,
.btn_border_grey_16_icon:focus {
  border: 1px solid #cc0000;
  color: #fff;
  background-color: #cc0000;
}
.btn_border_grey_16_icon:hover .hover_icon,
.btn_border_grey_16_icon:focus .hover_icon {
  filter: invert(0%) sepia(0%) saturate(0%) hue-rotate(600deg) brightness(400%)
    contrast(100%);
}
.btn_border_grey_16_icon.disabled,
.btn_border_grey_16_icon:disabled {
  border: 1px solid #e5e5e5;
  color: #777;
  background-color: #fff;
}
.btn_border_grey_16_icon.disabled .hover_icon,
.btn_border_grey_16_icon:disabled .hover_icon {
  filter: none;
}
.modal_people .dropdown-item {
  padding-left: 0px;
  padding-right: 0px;
}
.card_attachment {
  margin: 0px;
  margin-bottom: 0px !important;
  box-shadow: none;
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  overflow: hidden;
}
.card_attachment img {
  width: 100%;
}
.capsule_border_grey_e5.h40p {
  border: 1px solid #e5e5e5 !important;
  font-size: 18px;
  line-height: 26px;
  color: #333;
  border-radius: 20px;
  height: 40px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  padding: 7px 15px;
}
.capsule_border_grey_e5:hover {
  background-color: #fafafa;
}
.swiper_menuslide .swiper-slide {
  text-align: center;
  font-size: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.swiper_menuslide2 .swiper-button-prev:after,
.swiper_menuslide2 .swiper-rtl .swiper-button-next:after {
  content: "" !important;
  background-image: url("../../assets/images/vsquad/ic_swiper_prev.svg");
  width: 30px;
  height: 30px;
}

.swiper_menuslide2 .swiper-button-next:after,
.swiper_menuslide2 .swiper-rtl .swiper-button-prev:after {
  content: "" !important;
  background-image: url("../../assets/images/vsquad/ic_swiper_next.svg");
  width: 30px;
  height: 30px;
}
/* .swiper_menuslide .swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100vh;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
} */
.swiper_menuslide .swiper-wrapper img {
  /* position: relative;
  width: 100%;
  height: 100vh;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box; */
  width: 100vw;
  height: 100vh;
  object-fit: contain;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (min-width: 1024px) {
  .card_slider_container_absolute .swiper-button-prev,
  .card_slider_container_absolute .swiper-button-next {
    height: 100%;
    width: 1.5%;
    width: calc(5.5% - 0px);
    top: 0;
    bottom: 0;
    margin: 0;
    background-color: rgba(34, 34, 34, 0.8);
    position: absolute;
  }
  .card_slider_container_absolute .swiper-button-prev,
  .card_slider_container_absolute .swiper-button-next {
    height: 100%;
    width: 1.5%;
    width: calc(5.5% - 0px);
    top: 0;
    bottom: 0;
    margin: 0;
    background-color: rgba(34, 34, 34, 0.8);
    position: absolute;
  }
}
@media screen and (min-width: 1024px) {
  .card_slider_container_absolute[class*=" swiper-card-slider"],
  .padding_content_container {
    padding: 0 0px;
  }
}
@media screen and (max-width: 1024px) {
  .card_slider_container_absolute[class*=" swiper-card-slider"],
  .padding_content_container {
    padding: 0 0px;
  }
}
.btn_class_plusred_40 img {
  width: 40px;
  height: 40px;
}
select.form-control.h_40p {
  height: 40px !important;
}
.dropdown-item:hover.onhover {
  background-color: transparent;
}
.checklist_h .breadcrumb-elements-item,
.checklist_h .header-elements {
  height: 30px;
}
.box_orange {
  background: #ff8a00;
  border: 1px solid #ff8a00;
  border-radius: 8px;
  padding: 7px 15px;
  text-align: center;
}
.box_green {
  background: #93c47d;
  border: 1px solid #93c47d;
  border-radius: 8px;
  padding: 7px 15px;
  text-align: center;
}
input.hover_input:hover {
  color: #cc0000 !important;
}
/* /.Task : Detail */
/* Font */
.txt_333_20 {
  font-family: "TrueTextOnline-regular";
  font-size: 20px;
  line-height: 26px;
  color: #333;
}
.txt_333_26 {
  font-family: "TrueTextOnline-regular";
  font-size: 26px;
  line-height: 32px;
  color: #333;
}
.txt_333_32 {
  font-family: "TrueTextOnline-regular";
  font-size: 32px;
  line-height: 38px;
  color: #333;
}
.txt_333_32_bold {
  font-family: "TrueTextOnline-bold";
  font-size: 32px;
  line-height: 38px;
  color: #333;
}
.txt_truetextc {
  font-family: "TrueTextC";
}
.txt_truetextc_bold {
  font-family: "TrueTextC";
  font-weight: 700;
}
.txt_truetextonline {
  font-family: "TrueTextOnline-regular";
}
.txt_truetextonline_bold {
  font-family: "TrueTextOnline-bold";
}
.txt_truetextonline_extrabold {
  font-family: "TrueTextOnline-ExtraBold";
}
.txt_truetextonline_black {
  font-family: "TrueTextOnline-Black";
}
.txt_truetextBonline {
  font-family: "TrueTextBOnline-regular";
}
.txt_truetextBonline_bold {
  font-family: "TrueTextBOnline-bold";
}
/* /.Font */
/* Worklogs */
.badge_wl_status {
  min-width: 60px;
  height: 20px;
  border: 1px solid #333;
  box-sizing: border-box;
  border-radius: 10px;
  font-family: "TrueTextOnline-bold";
  font-size: 12px;
  line-height: 16px;
  color: #333;
  padding: 1px 10px 0px 10px;
}
.swiper-button-next.l_arrow {
  right: 32px;
  left: auto;
  padding: 10px 8px;
}
.swiper-button-prev.r_arrow {
  left: 32px;
  right: auto;
  padding: 10px 8px;
}
.l_arrow:hover,
.r_arrow:hover {
  opacity: 0.6 !important;
}
/* /.Worklogs */
/* Home */
/* .bg_home {
  background-image: url("../../assets/images/vsquad/bg_home.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: right bottom;
  border-bottom: 1px solid #e5e5e5;
}
@media screen and (max-width: 576px) {
.bg_home {
  padding-bottom: 55px;
  -o-background-size: 35% auto;
  -webkit-background-size: 35% auto;
  -moz-background-size: 35% auto;
  background-size: 35% auto;
  border-bottom: 1px solid #e5e5e5;
}
} */
/* /.Home */
/* Task List : Kanban */
.card_p_kanban {
  padding: 10px 0 10px 10px;
  background-color: #f6f6f6;
  border-radius: 10px;
  box-shadow: none;
  height: 100% !important;
  margin-bottom: 0px;
}
.card_width_kanban:first-child {
  margin-left: 5px;
}
.card_width_kanban:last-child {
  margin-right: 15px;
}
.card_width_kanban {
  padding-left: 10px;
  width: 270px !important;
  min-width: 270px !important;
  height: 100%;
}
.card_p_kanban .card_hover:hover {
  background-color: #f2f2f2;
}
.card_width_kanban .scroll_y {
  overflow-y: auto;
  overflow-x: hidden;
  height: calc(100vh - 340px);
}
.card_width_kanban .scroll_y::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
.card_width_kanban .scroll_y::-webkit-scrollbar-button {
  display: none;
  background: #cccccc;
}
.card_width_kanban .scroll_y::-webkit-scrollbar-track-piece {
  background: #e5e5e5;
}
.card_width_kanban .scroll_y::-webkit-scrollbar-thumb {
  background: #cccccc;
}
.scrollbar_kanban {
  overflow-x: hidden;
  position: relative;
  height: calc(100vh - 273px);
  border-radius: 0rem;
}
@media screen and (max-width: 820px) {
  .scrollbar_kanban {
    overflow-x: hidden;
    position: relative;
    height: calc(100vh - 315px);
    border-radius: 0rem;
  }
  .card_width_kanban .scroll_y {
    overflow-y: auto;
    overflow-x: hidden;
    height: calc(100vh - 393px);
  }
}
@media screen and (max-width: 576px) {
  .scrollbar_kanban {
    overflow-x: hidden;
    position: relative;
    height: calc(100vh - 200px);
    border-radius: 0rem;
  }
}
.scrollbar_kanban::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
/* Before - scrollbar_kanban */
.scrollbar_kanban::-webkit-scrollbar-button {
  display: none;
  background: #ffffff;
}
.scrollbar_kanban::-webkit-scrollbar-track-piece {
  background: #ffffff;
}
.scrollbar_kanban::-webkit-scrollbar-thumb {
  background: #ffffff;
}
/* After - scrollbar_kanban */
.scrollbar_kanban:hover::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
.scrollbar_kanban:hover::-webkit-scrollbar-button {
  display: none;
  background: #cccccc;
}
.scrollbar_kanban:hover::-webkit-scrollbar-track-piece {
  background: #e5e5e5;
}
.scrollbar_kanban:hover::-webkit-scrollbar-thumb {
  background: #cccccc;
}
.subcard_p_kanban {
  padding-right: 10px;
}
/* /.Task List : Kanban */
/* Summary */
.table_h40p thead th {
  font-family: "TrueTextOnline-bold";
  padding: 7px 15px;
  border-top: 0px solid #e5e5e5 !important;
  border-bottom: 1px solid #e5e5e5;
  color: #000;
  font-size: 18px;
  line-height: 24px;
  text-align: left;
  /* border-left: 1px solid #E5E5E5;
  border-right: 1px solid #E5E5E5; */
  height: 40px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.table_h40p td {
  font-family: "TrueTextOnline-Regular";
  padding: 0.3rem 10px;
  border-bottom: 1px solid #e5e5e5;
  border-top: 0px;
  color: #000;
  font-size: 18px;
  line-height: 24px;
  text-align: center;
  /* border-left: 1px solid #E5E5E5; */
  border-right: 1px solid #e5e5e5;
}
.table_h40p td:last-child {
  border-right: 0px solid #e5e5e5;
}
.table_h40p tr:last-child td:last-child {
  border-bottom-right-radius: 10px;
}
.table_h40p tr:last-child td:first-child {
  border-bottom-left-radius: 10px;
}
.table_h40p tr:last-child td {
  border-bottom: 0px solid #e5e5e5;
}
.bg_green_93 {
  background-color: #93c47d; /*Opacity 100%*/
}
.bg_green_E9 {
  background-color: #e9f3e5; /*Opacity 20%*/
}
.bg_green_D4 {
  background-color: #d4e7cb; /*Opacity 40%*/
}
.bg_green_c9 {
  background-color: #c9e1be; /*Opacity 50%*/
}
.bg_green_BE {
  background-color: #bedcb1; /*Opacity 60%*/
}
.bg_green_B3 {
  background-color: #b3d6a4; /*Opacity 70%*/
}
.bg_green_A9 {
  background-color: #a9d097; /*Opacity 80%*/
}
.bg_green_B6 {
  background-color: #b6d7a8;
}
.bg_red_f2 {
  background-color: #f2b3b3;
}
.bg_yellow_f1 {
  background-color: #f1c232;
}
.w_14 {
  width: 14.28%;
  min-width: 150px;
}
.card_p_summary {
  padding: 10px 15px 10px 15px;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: none;
  height: 100% !important;
  margin-bottom: 0px;
  border: 1px solid #e5e5e5;
}
.table_p0 td,
.table_p0 th {
  padding: 7px 0px;
  border-top: 0px solid #ddd;
}

.table_h40p_noborder thead th {
  font-family: "TrueTextOnline-bold";
  padding: 7px 15px;
  border-top: 0px solid #e5e5e5 !important;
  border-bottom: 1px solid #e5e5e5;
  color: #000;
  font-size: 18px;
  line-height: 24px;
  text-align: left;
  height: 40px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}
.table_h40p_noborder td {
  font-family: "TrueTextOnline-Regular";
  padding: 0.3rem 10px;
  border-bottom: 1px solid #e5e5e5;
  border-top: 0px;
  color: #000;
  font-size: 18px;
  line-height: 24px;
  text-align: center;
  border-right: 1px solid #e5e5e5;
}
.table_h40p_noborder td:last-child {
  border-right: 0px solid #e5e5e5;
}
.table_h40p_noborder tr:last-child td:last-child {
  border-bottom-right-radius: 10px;
}
.table_h40p_noborder tr:last-child td:first-child {
  border-bottom-left-radius: 10px;
}
.table_h40p_noborder tr:last-child td {
  border-bottom: 0px solid #e5e5e5;
}
@media screen and (min-width: 768px) {
  .pl_15p_pc {
    padding-left: 15px;
  }
}
/* Before - hovershow_scrollbar */
.hovershow_scrollbar::-webkit-scrollbar {
  width: 0px;
  height: 0px;
}
.hovershow_scrollbar::-webkit-scrollbar-button {
  display: none;
  background: #ffffff;
}
.hovershow_scrollbar::-webkit-scrollbar-track-piece {
  background: #ffffff;
}
.hovershow_scrollbar::-webkit-scrollbar-thumb {
  background: #ffffff;
}
/* After - hovershow_scrollbar */
.hovershow_scrollbar:hover::-webkit-scrollbar,
.hovershow_scrollbar:focus::-webkit-scrollbar,
.hovershow_scrollbar:active::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
.hovershow_scrollbar:hover::-webkit-scrollbar-button {
  display: none;
  background: #cccccc;
}
.hovershow_scrollbar:hover::-webkit-scrollbar-track-piece {
  background: #e5e5e5;
}
.hovershow_scrollbar:hover::-webkit-scrollbar-thumb {
  background: #cccccc;
}
.on-scrollbar {
  scrollbar-width: thin; /* Firefox */
  -ms-overflow-style: none; /* IE 10+ */
}

.on-scrollbar::-webkit-scrollbar-track {
  -webkit-box-shadow: none !important;
  background-color: transparent !important;
}

.on-scrollbar::-webkit-scrollbar {
  width: 6px !important;
  background-color: transparent;
}

.on-scrollbar::-webkit-scrollbar-thumb {
  background-color: #acacac;
}
/* /.Summary */
/* Timesheet */
.navtabs_border {
  background-color: #fafbfc;
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  overflow: hidden;
}
.navtabs_border a {
  font-size: 18px;
  line-height: 20px;
  color: #888888;
}
.navtabs_border .nav-link.active,
.navtabs_border .nav-link:hover {
  background-color: #fff;
  color: #cc0000;
}
.navtabs_border .nav-link.disabled,
.navtabs_border .nav-link:hover.disabled {
  background-color: #fff;
  color: #888888 !important;
  opacity: 0.5;
  cursor: not-allowed;
}
.navtabs_border .nav-link {
  padding: 10px 14px;
}
.table_h50p_noborder.px_10p thead th {
  font-family: "TrueTextOnline-bold";
  padding: 3px 10px;
  border-top: 0px solid #e5e5e5 !important;
  border-right: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  color: #000;
  font-size: 18px;
  line-height: 24px;
  height: 50px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  text-align: center;
  background-color: #f6f6f6;
}
.table_h50p_noborder.px_10p thead th:last-child {
  border-right: 0px;
}
.table_h50p_noborder.px_10p tbody td {
  text-align: center;
  padding: 3px 10px;
}
/* /.Timesheet */
/* Team */
.table_h50p.px_10p thead th {
  font-family: "TrueTextOnline-bold";
  padding: 3px 10px;
  border-top: 0px solid #e5e5e5 !important;
  border-right: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  color: #000;
  font-size: 18px;
  line-height: 24px;
  height: 50px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  text-align: center;
  background-color: #f6f6f6;
}
.table_h50p.px_10p thead th:last-child {
  border-right: 0px;
}
.table_h50p.px_10p tbody td {
  font-family: "TrueTextOnline-bold";
  color: #000;
  font-size: 18px;
  line-height: 24px;
  text-align: center;
  padding: 3px 10px;
  border-right: 1px solid #e5e5e5;
}
.table_h50p.px_10p tbody td:last-child {
  text-align: center;
  padding: 3px 10px;
  border-right: 0px solid #e5e5e5;
}
.table_h50p td.minwidth_200p {
  min-width: 200px;
}
.table_h50p.table_hover tr:hover td {
  background-color: #fafbfc;
  cursor: pointer;
}
.table_h50p.table_hover tr:hover td.bg_green_93 {
  background-color: #739a62;
}
.table_h50p.table_hover tr:hover td.bg_green_B6 {
  background-color: #98b48c;
}
.table_h50p.table_hover tr:hover td.bg_yellow {
  background-color: #c7a236;
}
.table_h50p.table_hover tr:hover td.bg_red_f2 {
  background-color: #d8a0a0;
}
.table_h50p.table_hover tr:hover td.bg_grey_f6 {
  background-color: #e7e7e7 !important;
}
@media (min-width: 1920px) {
  .table_h50p .minwidth_200p {
    min-width: 400px;
  }
}
@media (max-width: 576px) {
  .table_h50p .sticky-col {
    position: inherit !important;
  }
}
/* /.Team*/
/* Circle Progress */
/* * {
  box-sizing: border-box;
} */

/* :root {
  margin: 30vh auto;
  text-align: center;
} */

.avatar-container {
  position: relative;
  display: inline-block;
  border-radius: 50%;
  overflow: hidden;
  height: 40px;
  width: 40px;
  padding: 0;
  margin: 0 10px 0 0;
  border: none;
  background: #e5e5e5;
  cursor: pointer;
}
.avatar-container .avatar {
  display: block;
  margin: 3px;
  border-radius: 50%;
  width: 34px;
  height: 34px;
  overflow: hidden;
  z-index: 100;
}
.avatar-container .avatar img {
  width: 100%;
  height: auto;
}
.avatar-container .info {
  display: none;
  font-weight: bold;
  font-size: 2rem;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  /* background: rgba(0, 187, 255, 0.2); */
  color: white;
  z-index: 1000;
}
.avatar-container .info.js-active {
  display: table;
}
.avatar-container .info .info-inner {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}

/**
* Function to generate procentual progress classes 
* .progress-1 1% -> progress-100 100%
**/
.progress-1 {
  background-image: linear-gradient(
      90deg,
      #efefef 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(93.6deg, #f1c232 50%, #efefef 50%, #efefef);
}

.progress-2 {
  background-image: linear-gradient(
      90deg,
      #efefef 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(97.2deg, #f1c232 50%, #efefef 50%, #efefef);
}

.progress-3 {
  background-image: linear-gradient(
      90deg,
      #efefef 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(100.8deg, #f1c232 50%, #efefef 50%, #efefef);
}

.progress-4 {
  background-image: linear-gradient(
      90deg,
      #efefef 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(104.4deg, #f1c232 50%, #efefef 50%, #efefef);
}

.progress-5 {
  background-image: linear-gradient(
      90deg,
      #efefef 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(108deg, #f1c232 50%, #efefef 50%, #efefef);
}

.progress-6 {
  background-image: linear-gradient(
      90deg,
      #efefef 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(111.6deg, #f1c232 50%, #efefef 50%, #efefef);
}

.progress-7 {
  background-image: linear-gradient(
      90deg,
      #efefef 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(115.2deg, #f1c232 50%, #efefef 50%, #efefef);
}

.progress-8 {
  background-image: linear-gradient(
      90deg,
      #efefef 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(118.8deg, #f1c232 50%, #efefef 50%, #efefef);
}

.progress-9 {
  background-image: linear-gradient(
      90deg,
      #efefef 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(122.4deg, #f1c232 50%, #efefef 50%, #efefef);
}

.progress-10 {
  background-image: linear-gradient(
      90deg,
      #efefef 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(126deg, #f1c232 50%, #efefef 50%, #efefef);
}

.progress-11 {
  background-image: linear-gradient(
      90deg,
      #efefef 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(129.6deg, #f1c232 50%, #efefef 50%, #efefef);
}

.progress-12 {
  background-image: linear-gradient(
      90deg,
      #efefef 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(133.2deg, #f1c232 50%, #efefef 50%, #efefef);
}

.progress-13 {
  background-image: linear-gradient(
      90deg,
      #efefef 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(136.8deg, #f1c232 50%, #efefef 50%, #efefef);
}

.progress-14 {
  background-image: linear-gradient(
      90deg,
      #efefef 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(140.4deg, #f1c232 50%, #efefef 50%, #efefef);
}

.progress-15 {
  background-image: linear-gradient(
      90deg,
      #efefef 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(144deg, #f1c232 50%, #efefef 50%, #efefef);
}

.progress-16 {
  background-image: linear-gradient(
      90deg,
      #efefef 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(147.6deg, #f1c232 50%, #efefef 50%, #efefef);
}

.progress-17 {
  background-image: linear-gradient(
      90deg,
      #efefef 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(151.2deg, #f1c232 50%, #efefef 50%, #efefef);
}

.progress-18 {
  background-image: linear-gradient(
      90deg,
      #efefef 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(154.8deg, #f1c232 50%, #efefef 50%, #efefef);
}

.progress-19 {
  background-image: linear-gradient(
      90deg,
      #efefef 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(158.4deg, #f1c232 50%, #efefef 50%, #efefef);
}

.progress-20 {
  background-image: linear-gradient(
      90deg,
      #efefef 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(162deg, #f1c232 50%, #efefef 50%, #efefef);
}

.progress-21 {
  background-image: linear-gradient(
      90deg,
      #efefef 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(165.6deg, #f1c232 50%, #efefef 50%, #efefef);
}

.progress-22 {
  background-image: linear-gradient(
      90deg,
      #efefef 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(169.2deg, #f1c232 50%, #efefef 50%, #efefef);
}

.progress-23 {
  background-image: linear-gradient(
      90deg,
      #efefef 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(172.8deg, #f1c232 50%, #efefef 50%, #efefef);
}

.progress-24 {
  background-image: linear-gradient(
      90deg,
      #efefef 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(176.4deg, #f1c232 50%, #efefef 50%, #efefef);
}

.progress-25 {
  background-image: linear-gradient(
      90deg,
      #efefef 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(180deg, #f1c232 50%, #efefef 50%, #efefef);
}

.progress-26 {
  background-image: linear-gradient(
      90deg,
      #efefef 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(183.6deg, #f1c232 50%, #efefef 50%, #efefef);
}

.progress-27 {
  background-image: linear-gradient(
      90deg,
      #efefef 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(187.2deg, #f1c232 50%, #efefef 50%, #efefef);
}

.progress-28 {
  background-image: linear-gradient(
      90deg,
      #efefef 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(190.8deg, #f1c232 50%, #efefef 50%, #efefef);
}

.progress-29 {
  background-image: linear-gradient(
      90deg,
      #efefef 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(194.4deg, #f1c232 50%, #efefef 50%, #efefef);
}

.progress-30 {
  background-image: linear-gradient(
      90deg,
      #efefef 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(198deg, #f1c232 50%, #efefef 50%, #efefef);
}

.progress-31 {
  background-image: linear-gradient(
      90deg,
      #efefef 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(201.6deg, #f1c232 50%, #efefef 50%, #efefef);
}

.progress-32 {
  background-image: linear-gradient(
      90deg,
      #efefef 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(205.2deg, #f1c232 50%, #efefef 50%, #efefef);
}

.progress-33 {
  background-image: linear-gradient(
      90deg,
      #efefef 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(208.8deg, #f1c232 50%, #efefef 50%, #efefef);
}

.progress-34 {
  background-image: linear-gradient(
      90deg,
      #efefef 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(212.4deg, #f1c232 50%, #efefef 50%, #efefef);
}

.progress-35 {
  background-image: linear-gradient(
      90deg,
      #efefef 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(216deg, #f1c232 50%, #efefef 50%, #efefef);
}

.progress-36 {
  background-image: linear-gradient(
      90deg,
      #efefef 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(219.6deg, #f1c232 50%, #efefef 50%, #efefef);
}

.progress-37 {
  background-image: linear-gradient(
      90deg,
      #efefef 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(223.2deg, #f1c232 50%, #efefef 50%, #efefef);
}

.progress-38 {
  background-image: linear-gradient(
      90deg,
      #efefef 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(226.8deg, #f1c232 50%, #efefef 50%, #efefef);
}

.progress-39 {
  background-image: linear-gradient(
      90deg,
      #efefef 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(230.4deg, #f1c232 50%, #efefef 50%, #efefef);
}

.progress-40 {
  background-image: linear-gradient(
      90deg,
      #efefef 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(234deg, #f1c232 50%, #efefef 50%, #efefef);
}

.progress-41 {
  background-image: linear-gradient(
      90deg,
      #efefef 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(237.6deg, #f1c232 50%, #efefef 50%, #efefef);
}

.progress-42 {
  background-image: linear-gradient(
      90deg,
      #efefef 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(241.2deg, #f1c232 50%, #efefef 50%, #efefef);
}

.progress-43 {
  background-image: linear-gradient(
      90deg,
      #efefef 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(244.8deg, #f1c232 50%, #efefef 50%, #efefef);
}

.progress-44 {
  background-image: linear-gradient(
      90deg,
      #efefef 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(248.4deg, #f1c232 50%, #efefef 50%, #efefef);
}

.progress-45 {
  background-image: linear-gradient(
      90deg,
      #efefef 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(252deg, #f1c232 50%, #efefef 50%, #efefef);
}

.progress-46 {
  background-image: linear-gradient(
      90deg,
      #efefef 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(255.6deg, #f1c232 50%, #efefef 50%, #efefef);
}

.progress-47 {
  background-image: linear-gradient(
      90deg,
      #efefef 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(259.2deg, #f1c232 50%, #efefef 50%, #efefef);
}

.progress-48 {
  background-image: linear-gradient(
      90deg,
      #efefef 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(262.8deg, #f1c232 50%, #efefef 50%, #efefef);
}

.progress-49 {
  background-image: linear-gradient(
      90deg,
      #efefef 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(266.4deg, #f1c232 50%, #efefef 50%, #efefef);
}

.progress-50 {
  background-image: linear-gradient(
      -90deg,
      #f1c232 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #f1c232 50%, #efefef 50%, #efefef);
}

.progress-51 {
  background-image: linear-gradient(
      -86.4deg,
      #f1c232 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #f1c232 50%, #efefef 50%, #efefef);
}

.progress-52 {
  background-image: linear-gradient(
      -82.8deg,
      #f1c232 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #f1c232 50%, #efefef 50%, #efefef);
}

.progress-53 {
  background-image: linear-gradient(
      -79.2deg,
      #f1c232 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #f1c232 50%, #efefef 50%, #efefef);
}

.progress-54 {
  background-image: linear-gradient(
      -75.6deg,
      #f1c232 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #f1c232 50%, #efefef 50%, #efefef);
}

.progress-55 {
  background-image: linear-gradient(
      -72deg,
      #f1c232 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #f1c232 50%, #efefef 50%, #efefef);
}

.progress-56 {
  background-image: linear-gradient(
      -68.4deg,
      #f1c232 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #f1c232 50%, #efefef 50%, #efefef);
}

.progress-57 {
  background-image: linear-gradient(
      -64.8deg,
      #f1c232 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #f1c232 50%, #efefef 50%, #efefef);
}

.progress-58 {
  background-image: linear-gradient(
      -61.2deg,
      #f1c232 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #f1c232 50%, #efefef 50%, #efefef);
}

.progress-59 {
  background-image: linear-gradient(
      -57.6deg,
      #f1c232 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #f1c232 50%, #efefef 50%, #efefef);
}

.progress-60 {
  background-image: linear-gradient(
      -54deg,
      #f1c232 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #f1c232 50%, #efefef 50%, #efefef);
}

.progress-61 {
  background-image: linear-gradient(
      -50.4deg,
      #f1c232 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #f1c232 50%, #efefef 50%, #efefef);
}

.progress-62 {
  background-image: linear-gradient(
      -46.8deg,
      #f1c232 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #f1c232 50%, #efefef 50%, #efefef);
}

.progress-63 {
  background-image: linear-gradient(
      -43.2deg,
      #f1c232 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #f1c232 50%, #efefef 50%, #efefef);
}

.progress-64 {
  background-image: linear-gradient(
      -39.6deg,
      #f1c232 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #f1c232 50%, #efefef 50%, #efefef);
}

.progress-65 {
  background-image: linear-gradient(
      -36deg,
      #f1c232 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #f1c232 50%, #efefef 50%, #efefef);
}

.progress-66 {
  background-image: linear-gradient(
      -32.4deg,
      #f1c232 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #f1c232 50%, #efefef 50%, #efefef);
}

.progress-67 {
  background-image: linear-gradient(
      -28.8deg,
      #f1c232 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #f1c232 50%, #efefef 50%, #efefef);
}

.progress-68 {
  background-image: linear-gradient(
      -25.2deg,
      #f1c232 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #f1c232 50%, #efefef 50%, #efefef);
}

.progress-69 {
  background-image: linear-gradient(
      -21.6deg,
      #f1c232 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #f1c232 50%, #efefef 50%, #efefef);
}

.progress-70 {
  background-image: linear-gradient(
      -18deg,
      #f1c232 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #f1c232 50%, #efefef 50%, #efefef);
}

.progress-71 {
  background-image: linear-gradient(
      -14.4deg,
      #f1c232 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #f1c232 50%, #efefef 50%, #efefef);
}

.progress-72 {
  background-image: linear-gradient(
      -10.8deg,
      #f1c232 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #f1c232 50%, #efefef 50%, #efefef);
}

.progress-73 {
  background-image: linear-gradient(
      -7.2deg,
      #f1c232 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #f1c232 50%, #efefef 50%, #efefef);
}

.progress-74 {
  background-image: linear-gradient(
      -3.6deg,
      #f1c232 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #f1c232 50%, #efefef 50%, #efefef);
}

.progress-75 {
  background-image: linear-gradient(
      0deg,
      #f1c232 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #f1c232 50%, #efefef 50%, #efefef);
}

.progress-76 {
  background-image: linear-gradient(
      3.6deg,
      #f1c232 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #f1c232 50%, #efefef 50%, #efefef);
}

.progress-77 {
  background-image: linear-gradient(
      7.2deg,
      #f1c232 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #f1c232 50%, #efefef 50%, #efefef);
}

.progress-78 {
  background-image: linear-gradient(
      10.8deg,
      #f1c232 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #f1c232 50%, #efefef 50%, #efefef);
}

.progress-79 {
  background-image: linear-gradient(
      14.4deg,
      #f1c232 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #f1c232 50%, #efefef 50%, #efefef);
}

.progress-80 {
  background-image: linear-gradient(
      18deg,
      #f1c232 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #f1c232 50%, #efefef 50%, #efefef);
}

.progress-81 {
  background-image: linear-gradient(
      21.6deg,
      #f1c232 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #f1c232 50%, #efefef 50%, #efefef);
}

.progress-82 {
  background-image: linear-gradient(
      25.2deg,
      #f1c232 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #f1c232 50%, #efefef 50%, #efefef);
}

.progress-83 {
  background-image: linear-gradient(
      28.8deg,
      #f1c232 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #f1c232 50%, #efefef 50%, #efefef);
}

.progress-84 {
  background-image: linear-gradient(
      32.4deg,
      #f1c232 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #f1c232 50%, #efefef 50%, #efefef);
}

.progress-85 {
  background-image: linear-gradient(
      36deg,
      #f1c232 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #f1c232 50%, #efefef 50%, #efefef);
}

.progress-86 {
  background-image: linear-gradient(
      39.6deg,
      #f1c232 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #f1c232 50%, #efefef 50%, #efefef);
}

.progress-87 {
  background-image: linear-gradient(
      43.2deg,
      #f1c232 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #f1c232 50%, #efefef 50%, #efefef);
}

.progress-88 {
  background-image: linear-gradient(
      46.8deg,
      #f1c232 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #f1c232 50%, #efefef 50%, #efefef);
}

.progress-89 {
  background-image: linear-gradient(
      50.4deg,
      #f1c232 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #f1c232 50%, #efefef 50%, #efefef);
}

.progress-90 {
  background-image: linear-gradient(
      54deg,
      #f1c232 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #f1c232 50%, #efefef 50%, #efefef);
}

.progress-91 {
  background-image: linear-gradient(
      57.6deg,
      #f1c232 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #f1c232 50%, #efefef 50%, #efefef);
}

.progress-92 {
  background-image: linear-gradient(
      61.2deg,
      #f1c232 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #f1c232 50%, #efefef 50%, #efefef);
}

.progress-93 {
  background-image: linear-gradient(
      64.8deg,
      #f1c232 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #f1c232 50%, #efefef 50%, #efefef);
}

.progress-94 {
  background-image: linear-gradient(
      68.4deg,
      #f1c232 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #f1c232 50%, #efefef 50%, #efefef);
}

.progress-95 {
  background-image: linear-gradient(
      72deg,
      #f1c232 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #f1c232 50%, #efefef 50%, #efefef);
}

.progress-96 {
  background-image: linear-gradient(
      75.6deg,
      #f1c232 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #f1c232 50%, #efefef 50%, #efefef);
}

.progress-97 {
  background-image: linear-gradient(
      79.2deg,
      #f1c232 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #f1c232 50%, #efefef 50%, #efefef);
}

.progress-98 {
  background-image: linear-gradient(
      82.8deg,
      #f1c232 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #f1c232 50%, #efefef 50%, #efefef);
}

.progress-99 {
  background-image: linear-gradient(
      86.4deg,
      #f1c232 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #f1c232 50%, #efefef 50%, #efefef);
}

.progress-100 {
  background-image: linear-gradient(
      90deg,
      #93c47d 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #93c47d 50%, #efefef 50%, #efefef);
}

.progress-red {
  background-image: linear-gradient(
      90deg,
      #e06666 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #e06666 50%, #efefef 50%, #efefef);
}
[data-href] {
  cursor: pointer;
}
/* /.Circle Progress */
/* Worklogs */
.table_wl thead th {
  padding: 1px 5px;
}
.table_wl thead th {
  font-family: "TrueTextOnline-bold";
  padding: 10px 15px;
  border-top: 0px solid #000 !important;
  border-bottom: 1px solid #e5e5e5;
  border-top: 0px;
  color: #333;
  font-size: 16px;
  line-height: 22px;
  text-align: center;
}
.table_wl td {
  font-family: "TrueTextOnline-Regular";
  padding: 10px 15px;
  border-bottom: 1px solid #e5e5e5;
  border-top: 0px;
  font-size: 16px;
  line-height: 22px;
  color: #333;
}
.table_wl tr:last-child td:last-child {
  border-bottom-right-radius: 10px;
}
.table_wl tr:last-child td:first-child {
  border-bottom-left-radius: 10px;
}
.table_wl tr:last-child td {
  border-bottom: 0px solid #ccc;
}
.table_wl tr:hover td {
  background-color: #fafbfc;
}
.lh-178 {
  line-height: 1.78;
}
.lh-185 {
  line-height: 1.85;
}
@media (min-width: 1366px) {
  .table_wl .col_me_2 {
    -ms-flex: 0 0 28%;
    flex: 0 0 28%;
    max-width: 28%;
  }
}
@media (max-width: 1280px) {
  .table_wl .col_me_1 {
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    max-width: 30%;
  }
  .table_wl .col_me_2 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .table_wl .col_me_3 {
    -ms-flex: 0 0 45%;
    flex: 0 0 45%;
    max-width: 45%;
  }
}
@media (max-width: 1024px) {
  .table_wl .col_me_1 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .table_wl .col_me_2 {
    -ms-flex: 0 0 25%;
    flex: 0 0 23%;
    max-width: 23%;
  }
  .table_wl .col_me_3 {
    -ms-flex: 0 0 52%;
    flex: 0 0 52%;
    max-width: 52%;
  }
}
@media (max-width: 820px) {
  .table_wl .col_me_1 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .table_wl .col_me_2 {
    -ms-flex: 0 0 44%;
    flex: 0 0 44%;
    max-width: 44%;
  }
  .table_wl .col_me_3 {
    -ms-flex: 0 0 54%;
    flex: 0 0 54%;
    max-width: 54%;
  }
}
@media (max-width: 768px) {
  .table_wl .col_me_2 {
    -ms-flex: 0 0 44%;
    flex: 0 0 44%;
    max-width: 44%;
  }
  .table_wl .col_me_3 {
    -ms-flex: 0 0 54%;
    flex: 0 0 56%;
    max-width: 56%;
  }
}
@media (max-width: 543px) {
  .table_wl .col_me_2 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .table_wl .col_me_3 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
/* .multiselect-native-select .multiselect {
  padding: 0 10px 0 0;
} */
.btn_border_grey_18.h30p {
  min-width: 100px;
  height: 30px;
  border: 1px solid #e5e5e5;
  box-sizing: border-box;
  border-radius: 20px;
  font-family: "TrueTextOnline-regular";
  font-size: 18px;
  line-height: 5px;
  color: #333;
  padding: 0.7375rem 0.875rem;
}
.btn_border_grey_18.bg_green:hover,
.btn_border_grey_18.bg_green:focus {
  border: 1px solid #cc0000;
  color: #fff;
  background-color: #cc0000;
}
.btn_border_grey_18.bg_green {
  background-color: #93C47D;
  color: #FFF !important;
}
/* /.Worklogs */