body{
	color:#333!important;
}
.cross{
	position: absolute;
	right: 3%;
	top:10px;
	z-index:2;
}
.page_blank{
	height: 100%;
	width: 100%;
	position: fixed;
	background-color:rgba(0,0,0,.6);
	opacity:0;
	z-index:10;
	pointer-events:none;
}
.admin_form{
	position: fixed;
	background-color: #fff;
	height: 0px;
	width: 550px;
	top: 50%;
	left: 50%;
	margin-top: -150px;
	margin-left: -275px;
	overflow: auto;
	z-index: 20;
	border-radius: 10px;
}
.admin_form fieldset legend{
	margin-top:10px;
}
.admin_form fieldset p{
	margin-bottom: 20px;
}
#add_announcement_form .create_fieldset .form-group, #modify_announcement_form .modify_fieldset .form-group{
	margin:0;
}

.under_maintenance_id,
.admin_id,
.an_id,
.banner_id,
.item_id{
	display: none!important;
}
.input_hidden{
	display: none!important;
}

/*search bar*/
.search_input{
	width:100% !important;
}
.admin_member_fullname{
    position: absolute;
    top: 17%;
    right: 2%;
    z-index: 2;
    font-size: 12px;
}
.announcement .help-block{
	position: absolute;
	z-index: 2;
	top: 0%;
	font-size: 11px;
	font-weight: bold;
	right: 1%;
}
.input-group{
	width: 100%;
}
.input-group-addon.lable{
	width:40%;
}
.form-control-feedback{
	display: none!important;
}
.padding_0{
	padding: 0px;
}

.input-group{
	width: 100%;
}
.input-group-addon.lable{
	width:40%;
    text-wrap: pretty;
}
.form-control-feedback{
	display: none!important;
}
.padding_0{
	padding: 0px;
}
.form-group {
    margin-bottom: 25px;
}
.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label, .error_message {
    position: absolute;
    margin: 0px;
    color: red;
    font-size: 12px;
}
.warning-message{
    position: absolute;
    margin: 0px;
    color: #ff9966;
    font-size: 12px;
}
label {
    margin: 0 5px 0 15px;
    font-size: 12px;
    font-weight: normal;
}
.padding_right{
	padding-left: 0px;
}
.success{
	  color: green;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
    opacity: 0;

}

.error{
	  color: red;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
    opacity: 0;

}

.confirm_con{
	background-color: #fff;
	width: 300px;
	height: 0;
	position: fixed;
	left: 50%;
	top: 50%;
	margin-left: -150px;
	margin-top: -50px;
	border-radius: 10px;
	z-index: 10;
	overflow: hidden;
}
.confirm_con .content{
	padding: 10px;
}
.thumbnail{
  height: unset;
}

/* Create three equal columns that floats next to each other */
.dashboard-column {position: relative;display: block; margin-bottom: 20px;}
.dashboard-column-inner{background: #fff;padding:20px;padding-left:30px;padding-right:30px;position: relative;min-height: 60px;display: block;text-align: center; border-radius: 10px;box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1); text-shadow: 2px 2px 4px rgba(0,0,0,0.3);}
.dashboard-column-inner>*{position: relative;overflow: hidden;}
.dashboard-title{font-size: 1.125em;margin:0;font-weight: 600; }
.dashboard-value{font-size: 2.125em;font-weight: 700;}
.dashboard-value--sub{font-size: 1.75em;font-weight: 700}


@media (max-width: 768px)
{
	.admin_form
	{
	    width: 100%;
	    margin-left: 0px;
	    left: 0px;
  }
}
@media (max-width: 768px)
{
	.admin_form
	{
	    width: 100%;
	    margin-left: 0px;
	    left: 0px;
  }
}
/*message*/
.message_contanier{
  width :600px;
  height: 0;
  position: fixed;
  left: 50%;
  top: 50%;
  margin-left: -300px;
  margin-top: -300px;
  background-color: #fff;
  z-index: 1000;
  overflow: hidden;
  border-radius: 10px;
}
.message_reply_subject{
  padding: 10px;
  background-color: #fff;
}

.message_content{
  height: 55%;
  overflow-y: scroll;
  padding: 10px; 
  /*position: absolute;*/
  z-index: -5;
  /*top: 47px;
  left: 0;
  right: 0;*/
  }
.message_content img{
  margin:auto;
  margin-bottom: 10px;

}
.message_attachment_display{
  margin: 50px 0px 20px;
}
.message_reply_content .message_attachment_display{
  margin: 10px 0 0 0;
}
.message_reply{
  position: absolute;
  bottom: 0;
  padding:10px;
  background-color: #fff;
}
.message_reply_row{
  overflow: hidden;
}
.message_reply_content{
  clear: both;
  width: 200px;
  margin-bottom: 5px;
}
.message_type_0{
  float:left;
}
.message_type_1{
  float:right;
}
.message_color_0{
  background-color: #E7E7E7;
  border-radius: 10px;
  padding: 5px;
  color: #000;
}
.message_color_1{
  background-color: blue;
  border-radius: 10px;
  padding: 5px;
  color: #fff;
}
.message_time{
  font-size: 10px;
}
.new_message{
    width: 30px;
    font-size: 10px;
    position: relative;
    padding: 3px;
    background: red;
    border-radius: 10px;
    float: right;
    color:#fff;
}
.close_subject {
    width: 40%;
    position: absolute;
    right: 10px;
    top: 10px;
}
.message_button{
  width: unset;
  position: absolute;
  right: 0px;
  top: 0px;
  z-index: 5;
}

.multiple-upload-img{margin-left: 10px; margin-top:10px;max-height: 100px;}
.img-listing{width: 70px;}

.admin-action-button-hr{
  margin-top: 2px;
  margin-bottom: 2px;
  border-top: 1px solid #B2D8FF;
}

.admin_title{
  font-size: 20px;
  color: black!important;
  font-weight: bold;
}

/*sponsor*/
.package>*{vertical-align: middle;font-size: 1em;}
.package{display: inline-block;background-image: linear-gradient(to left, rgba(86, 106, 147, 0.8), #2b395a);min-width: 100%;/*line-height: 56px;*/min-height: 40px;padding:10px 25px;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;display: flex;align-items: center;}
.package-self{margin-bottom: 25px;}
.package-name{flex-grow: 1;color:#fff;padding-right:15px;}
.package-count{color:rgba(255,255,255,0.8);}
.sponsor-icon{font-size: 15px;margin:auto 5px;color:#fff;}
.package-icon{color:#039fff;font-size: 1.5em;margin-right:5px;}
.package-icon--self{font-size: 1.556em}
.sponsor_tree{width: 100%;overflow: auto;}
.group_sales-ranking{width: 20px;margin-right: 5px;}
.package-icon-expand{margin-left:25px;color:#fff;display: inline-block;font-size: 6px;}
/* .sponsor-smallinfo{margin-left:5px;} */
.jstree-default .jstree-open>.jstree-anchor .package-icon-expand{transform: rotate(180deg);-moz-transform: rotate(180deg);-webkit-transform: rotate(180deg);}
.jstree-default .jstree-anchor{height: auto  !important;padding:8px 0;min-width: 100%}
.jstree-default .jstree-icon{margin-top:25px;}
.jstree-default .jstree-clicked,.jstree-default .jstree-hovered{background: transparent !important;border-color:transparent !important;box-shadow: none !important}
.jstree-default .jstree-leaf>.jstree-ocl{background: url("../img/dash-line.png") center/cover no-repeat !important;}
.jstree-default .jstree-closed>.jstree-ocl,.jstree-default .jstree-loading>.jstree-ocl{background: url("../img/dash-line.png") center/cover no-repeat !important;}
.jstree-default .jstree-open>.jstree-ocl{background: url("../img/dash-line.png") center/cover no-repeat !important;}
.jstree-default .jstree-icon:empty{width: 25px !important;height: 25px !important;position: absolute;left:0;margin-top:0px !important;top: 12px !important;}
.jstree-default .jstree-node{margin-left:25px !important;background: url("../img/dash-verticalline.png") left -5.5px top 1px/25px auto repeat-y !important;position: relative;padding:0px 0px 0px 35px !important;}
.jstree .jstree-open>.jstree-children{width: 100%;}

.checkbox label{font-size: 16px;display:inline-flex; width:150px;}
.checkbox input{margin-right:10px;}

.input-group-flex, .datetime_picker{
  display:flex;
}

/* language dropdown styling added by c_horng */
.header-dropdown{padding: 13px 15px 12px;background: transparent;border:0px;display: flex;align-items: center;line-height: 32px;}
.dropdown-icon{font-size: 0.45em;margin-left:10px;}
.dropdown-item{display: block;padding:5px 15px;color:#383838;white-space: nowrap;}
.dropdown-item:hover{background: #eee;}
.header-dropdown-menu{min-width: 100%;font-size: 1em;color:#383838;}
.u-inlineblock{display: inline-block;}

.action a{padding: 2px 5px;border: 1px solid lightgray;margin:2px;display:block;border-radius: 5px;}

.search_nav{
  padding: 0 20px 0;
}

.large_admin_form {
    width: 1000px;
    left: 35%;
}

.convert_display_fields {
    width: 45%;
    display: inline-block;
    padding: 5px 10px;
}

.convert_fields {
    width: 55% !important;
}

.select2-container {
    width: 100% !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    padding: 0px 10px;
}

.select2-container--default .select2-selection--single {
    border-radius: 0;
    min-height: initial;
    height: 30px;
}

/* START STEP INDICATOR */
.step-indicator {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 20px;
    position: relative;
}

.step {
    text-align: center;
    flex: 1;
    position: relative;
}

.step-indicator::before {
    content: '';
    position: absolute;
    top: 25%;
    left: 0;
    right: 0;
    height: 2px;
    background-color: #ccc;
    z-index: 1; /* Lower z-index to stay behind the step number */
}

.step-number {
    background-color: #ccc;
    color: white;
    border-radius: 50%;
    padding: 10px 15px;
    z-index: 2; /* Higher z-index to cover the line */
    display: inline-block;
    margin-bottom: 10px;
    position: relative;
}

.step-label {
    color: #666;
    font-size: 14px;
    z-index: 3;
    text-wrap: nowrap;
}

.step.active .step-number {
    background-color: #00A3A8; /* Active step background color */
}

.step.active .step-label {
    color: #000; /* Active step label color */
}

/* Prevent the line from showing through the step number */
.step.active .step-number {
    background: linear-gradient(90deg, rgba(179,22,64,1) 0%, rgba(199,24,50,1) 35%, rgba(220,26,34,1) 100%);
    border: 2px solid #fff; /* Add a white border to ensure the circle fully covers the line */
    box-shadow: 0 0 0 3px rgba(179,22,64,1); /* Add a shadow to give it a cleaner look */
}

/* END STEP INDICATOR */

.danger {
    color: rgba(231, 76, 60, 0.88);
}