/* *-----------------------------------------------------------------------------------------* */
/* Overwriting Bootstrap variables and classes */
/* *-----------------------------------------------------------------------------------------* */
.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: 0px!important;
  margin-left: 0px!important;
}
.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto {
   padding-right: var(--space-sm);
   padding-left: var(--space-sm);
}

.content-wrapper > .content {
   padding: 0 var(--space-sm);
}
.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl {
   padding-right: var(--space-sm);
   padding-left: var(--space-sm);
}

/* *-----------------------------------------------------------------------------------------* */
/* Background */
/* *-----------------------------------------------------------------------------------------* */

.blue-theme {
  background: var(--color-background);
  background-size: 2500px;
  background-position: -200px -350px;
  color: var(--color-text);
}

/* *-----------------------------------------------------------------------------------------* */
/* Scroll bar */
/* *-----------------------------------------------------------------------------------------* */
.wrapper, body, html {
  overflow-x: hidden;
}

.hidden-scroller-x {
  overflow-x: hidden;
}

.hidden-scroller-y {
  overflow-y: hidden;
}

::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 var(--space-xs) rgba(0,0,0,0.1);
	background-color: var(--color-white);
}

::-webkit-scrollbar
{
	width: var(--scrollbar-width);
  height:var(--scrollbar-width);
	background-color: var(--color-white);
}

::-webkit-scrollbar-thumb
{
	border-radius: var(--space-base);
	background-color: var(--scrollbar-thumb);
}
::-webkit-scrollbar-thumb:hover{
  background-color: var(--scrollbar-thumb-hover);
}

/* *-----------------------------------------------------------------------------------------* */
/* VISIBILITY
/* *-----------------------------------------------------------------------------------------* */
/* Added to allow adding of new lines in contact_text field */
.prewrap {
  white-space: pre-wrap !important;
}
.hidden {
  display: none;
}
.invisible {
  display: none;
}
.no_wrap{
  min-width: max-content;
}
/* *-----------------------------------------------------------------------------------------* */
/* DIVIDER
/* *-----------------------------------------------------------------------------------------* */
hr {
  display: block;
  height: var(--space-2xs);
  border: 0;
  border-top: var(--space-2xs) solid var(--tabu-row-outline-color);
  margin: 0.5em 1em;
  padding: 0;
}
.vertical_line{
  border-left: 1px solid var(--color-border-light);
  height: var(--button-height);
  margin-right:var(--space-base);
}
.border-bottom{
  border-bottom: var(--space-2xs) solid var(--color-border-light);
}

/* *-----------------------------------------------------------------------------------------* */
/* LIST SCREEN
/* *-----------------------------------------------------------------------------------------* */
.list_header_btn_area {
  margin-right: var(--space-md);
}
.list_header_btn_area2 {
  display: flex;
  margin-right: 1px!important;
  margin-bottom: var(--space-sm) !important;
}
.list_card_content {
  margin: 0px var(--space-sm);
}
.list_card_body_bg {
  padding: var(--space-lg) !important;
}
.list_header_btn_group {
  margin-bottom: var(--space-lg) !important;
}
.btn-list-control {
  vertical-align: bottom;
}
.list_sidebar_box {
  padding: var(--space-lg);
}
.list_sidebar_box .sidebar_icon1 {
  font-size: var(--font-3xl);
}
/* .list_sidebar_box .sidebar_icon2 {
  right: 0;
  position: absolute;
  margin-top: var(--space-xs);
  margin-right: var(--space-xl);
} */
.list_sidebar_box .box_item {
  margin-left: var(--space-xl);
}

/* For mobile*/
@media (max-width: 1800px) {
  .list_tabu_header_btn {
	margin-top: var(--space-xs);
  }
}

.list_jg_info {
  border-left-color: var(--color-primary) !important;
  padding: var(--space-2xs);
}

.list_jg_info i{
  color: var(--color-primary);
}
/* *-----------------------------------------------------------------------------------------* */
/* FORM SCREEN
/* *-----------------------------------------------------------------------------------------* */
.form-group {
  margin-bottom: var(--space-form-group);
}
.form_header_btn_group{
  margin-top: calc(-1 * var(--space-form-header-margin-top));
}
.screen_note_form {
  margin: var(--space-form-header-margin-top) 0 var(--space-2xl) var(--space-3xl);
  line-height: 1.5;
}
.form_card_text {
  color: var(--color-text);
  font-weight: bold;
  font-size: var(--font-xl);
  margin-top: var(--space-base);
}
.scroller-form::-webkit-scrollbar {
  width: 8px;
}
/* form screen messange */
.alert {
  margin-top: var(--space-sm);
  margin-bottom: var(--space-base);
  padding-left: 30px;
  text-align: left;
}

.alert_blue{
  color: var(--color-purple-darkest);
  margin: 0!important;
  padding: 0!important;
}

.form_navbar,
.fusen_header{
  background-color: var(--color-white);
  border: var(--space-2xs) solid var(--color-border-dark);
  height: var(--header-height);
  width:auto;
  border-right:0;
}

.form_navbar .navbar-nav{
  padding-left:var(--space-xl)!important;
}

.form_card_header_area{
  margin:0px var(--space-card-padding)!important;
  position: relative;
  z-index: 1; /* for tooltip */
  width:50%;
}
/* *-----------------------------------------------------------------------------------------* */
/* FUSEN DESIGN
/* *-----------------------------------------------------------------------------------------* */
.fusen_container {
  margin-right: -78px;
}

.fusen_context {
  font-size: var(--font-base);
  padding: var(--space-sm);
  background-color: #ffde80a6!important;
  box-shadow: 1px 1px 3px rgb(0 0 0 / 15%)!important;
  color: var(--color-text)!important;
  border: none !important;
  outline:none!important;
  box-sizing: border-box;
  vertical-align: middle;
  border-radius: 0px!important;
  width: max-content!important;
  height: max-content!important;
}

.fusen-input-group > *:not(:last-child) {
  margin-top: 5px;
  height: var(--button-height-sm);
  line-height: 25%;
  margin-left: 0!important;
}

.fusen_dropdown {
  position: absolute;
  transform: translate3d(67px, 38px, 0px);
  top: 0px;
  left: 0px;
  will-change: transform;
  margin-left: -175px;
}

/* *-----------------------------------------------------------------------------------------* */
/* CUSTOM LAYOUT FOR DIFFERENT SCREENS
/* *-----------------------------------------------------------------------------------------* */
/* USER SETTINGS SCREEN */
.user_name_message {
  margin-top: -0.6rem;
}
/*	CUSTOM MANAGEMENT FORM SCREEN */
.nested_panel {
  padding-bottom: var(--space-base)!important;
  box-shadow: none!important;
  border: 1px solid var(--color-border-dark)!important;
}
/* PROJECT ASSIGN CHECK */
.custom-margin-top-percent{
  margin-top:1.8rem;
}