*{
	font-family: "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	margin: 0;
	padding: 0
}

a {
	text-decoration: none
}

body {
	background-color: #FFFFFF;
}

#main {
	width: 1280px;
	margin: 0 auto;
	background-color: #f9f9f9;
}

#header {
	width: 100%;
	height: 81px;
	margin: 0 auto;
	top: 0;
	background-color: #0e2d4d;
}

#logo_unit {
	width: 540px
}

#site_image {
	display: block;
	float: left;
	position: absolute;
	height: 80px;
	border-radius: 100px;
}

#site_name {
	display: block;
	float: left;
	text-indent: 94px;
	margin-top: 11px;
	margin-bottom: -7px;
}

#site_name a {
	font-size: 20px;
	color: #fff;
}

#nav_l1_ul {
	list-style: none;
	display: block;
	height: 24px;
}

.nav_l1_item {
	float: right;
	padding: 8px 6px;
	color: #fff;
	font-size: 14px
}

.nav_l1_li_active,
.nav_l1_item:hover {
	background-color: #0072c6;
	color: #fff
}

.nav_l1_li_deactive {
	
}

.nav_l1_li_deactive:hover {
	background-color: rgba(255,255,255,0.2)
}

#footer {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	margin: 0 auto;
	padding: 0.3% 0;
	background-color: #0e2d4d;
	font-size: 12px;
	font-weight: bold;
	color: #fff
}

#footer_txt {
	width: 25%;
	display: flex;
	flex-wrap: wrap;
	margin: 0 auto;
	letter-spacing: 1px;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	color: #fff
}

#content_frame {
	width: 788px;
	min-height: 300px;
	padding: 10px;
	margin: 0 auto;
	background-color: #F5F5F5;
	border: 1px #ecf0f1 solid
}

.main_title {
	display: block;
	width: 100%;
	font-size: 18px;
	padding: 6px 0;
	background-color: #0e2d4d !important;
	text-indent: 20px;
	color: #FFF;
	margin: 10px 0
}

#content_frame p {
	text-align: justify
}

.login_box {
	width: 390px;
	margin: 0 auto;
	border: 1px #ecf0f1 solid;
	background-color: #fff;
	border: 1px #ccc solid
}

.login_box table {
	margin: 0 auto;
	margin-top: 20px
}

#login_title {
  display: block;
	width: 800px;
	margin: 0 auto;
	padding: 5px;
	background-color: #0072c6;
	color: #fff;
	text-align: center;
	margin-bottom: 10px;
	margin-top: 10px;
}

#login_com_name {
  font-size: 18px;
	font-weight: bold;
	margin: 10px 0
}

.login_input {
	width: 200px;
	height: 20px;
	font-size: 14px;
	padding: 3px 0 3px 5px;
	border: 1px #2c3e50 solid
}

.login_submit {
	width: 100%;
	font-size: 14px;
	padding: 5px 20px;
	margin: 10px 0;
	cursor: pointer;
	background-color: #008A00;
	color: #fff;
	border: none
}

.login_submit:hover {
	background-color: #0072c6
}

#nav_panel li {
	float: left;
	margin-right: 5px;
	display: block;
	font-size: 14px;
	padding: 0 8px 20px 8px
}

.msg_box {
	width: 100%;
	font-size: 16px;
	padding: 10px 0;
	text-align: center;
	color: #fff;
	position: relative;
	z-index: 1;
	margin-bottom: 10px;
}

.login_error_msg {
	width: 790px;
	margin: 0 auto;
	font-size: 16px;
	padding: 10px 0;
	text-align: center;
	color: #fff;
	margin-top: 20px
}

.error_box {
  background-color: #dd0000
}

.success_box {
  background-color: #008A00
}

.msg_box span {
	font-size: 18px;
	color: #fff
}

.msg_box img {
	width: 30px;
	margin-bottom: -8px;
	margin-left: 10px
}

.ui_frame {
	width: 100%;
	border: 1px #ccc solid;
	border-radius: 5px;
}

.list-items-bg-ash {
	background-color: #ededed;
}

.list-items-bg-yellow {
	background-color: #fffeeb;
}

.list-items-bg-blue {
	background-color: #d4f9ff;
}

.list-items-bg-green {
	background-color: #d4edd6;
}

.action_frame {
	width: 100%;
	border: 1px #ccc solid;
	background-color: #F5F5F5;
}

#search_customers {
	width: 100%;
	margin-top: 1%;
	background-color: #E4E4E4;
	padding: 1%;
	border: 1px #999 solid
}

.info_flex_1 {border-collapse: separate;
	border-spacing: 0 10px;
	width: 100%
}

.info_flex_2 {
	width: 100%;
	border: 1px #ccc solid
}

.info_flex_3 {
	width: 85.5%;
	color: #000;
	font-size: 16px;
	padding-left: 0.5%
}

.info_flex_3_auto_psl {
	width: 80%;
	color: #000;
	font-size: 16px;
	padding-left: 0.5%
}

.info_flex_5 {
	font-size: 14px;
	color: #5f9ea0;
	padding: 0 0 0 0.5%
}

.ui_title_bar {
	color: #000;
	font-size: 14px;
	text-indent: 5px;
}

.ui_title_bar_quote {
	color: #000;
	font-size: 15px;
	padding: 0 0 0 5px
}

.ui_action_bar_quote ul li {
	display: block;
	float: right;
}

.ui_action_bar_proposals ul li {
	float: right;
}

.list_orders_li {
	display: block;
	float: right;
}

.ui_action_bar_production ul li {
	display: block;
	float: right;
}

.ui_action_bar_models ul li {
	display: block;
	float: right;
}

.ui_action_bar_users ul li {
	display: block;
	float: right;
}

.search_actions {
	width: 80px;
}

.ui_action_bar_new_proposals {
	display: block;
	float: right;
}

.action_bar {
	position:relative;
	list-style: none;
	padding: 0;
	margin: 0
}

.act_btn {
	display: block;
	float: left;
	font-size: 11px;
	background-color: #008A00;
	padding: 4px 6px;
	color: #fff;
	margin-left: 2px;
	cursor: pointer;
}

.act_btn:hover {
	background-color: #007233
}

.act_btn a {
	color: #fff;
}

.ui_content_box {
	width: 940px
}

.act_btn_view_lead {
	display: block;
	font-size: 12px;
	background-color: #ad16c7;
	padding: 4px 10px;
	color: #fff;
	margin-right: 20px;
	cursor: pointer;
	border-radius: 15px;
	font-weight: bold;
}

.act_btn_list {
	display: block;
	float: right;
	font-size: 11px;
	background-color: #008A00;
	padding: 4px 6px;
	color: #fff;
	margin-left: 2px;
	cursor: pointer;
}

.del_btn_list {
	display: block;
	float: right;
	font-size: 11px;
	background-color: #DB1D18;
	padding: 4px 6px;
	color: #fff;
	margin-left: 2px;
	cursor: pointer;
}

.deactive_list_item_bg {
	background-color:  #fda7c0;
	color: #666666
}

.info_item {
	border-collapse: separate;
	border-spacing: 0 6px;
	width: 100%;
	margin-top: -10px
}

.info_item_production {
	border-collapse: separate;
	border-spacing: 0 10px;
	width: 100%;
}

.user_info_content_box {
	width: 100%
}

.content_item_box {
	width: 918px;
	padding: 10px;
	background-color: #f6f7f2;
	border: 1px #bdc3c7 solid
}

.production_users {
	width: 25%;
}

.other_users {
	width: 25%
}

.production_select {
	display: block;
	float: right;
	width: 150px;
	text-indent: 4px;
	font-size: 12px;
}

.inv_opt_sel {
	display: block;
	float: right;
	width: 150px;
	text-indent: 20px;
}

.content_box_text {
	font-size: 12px;
	color: #008B8B;
	text-indent: 5px
}

.no_record {
	width: 953px;
	font-size: 14px;
	padding: 8px 0;
	text-align: center;
	background-color: #D33257;
	color: #fff;
	margin-top: 10px
}

.no_record_list {
	width: 100%;
	font-size: 14px;
	padding: 8px 0;
	text-align: center;
	background-color: #D33257;
	color: #fff;
}

#records_box {
	width: 100%;
}

#records_loading {
	display: block;
	width: 20px;
	margin: 0 auto
}

.no_record_flex {
	width: 100%;
	font-size: 14px;
	padding: 8px 0;
	text-align: center;
	background-color: #D33257;
	color: #fff;
	margin-top: 10px
}

.act_btn_cus {
	display: block;
	float: right;
	font-size: 12px;
	background-color: #008A00;
	padding: 2px 11px;
	color: #fff;
	margin-left: 2px
}

.act_btn_remove {
	display: block;
	float: right;
	font-size: 12px;
	background-color: #cc5678;
	padding: 2px 11px;
	color: #fff;
	margin-right: 2px
}

.customers {
	background-color: #fff
}

.customers:hover,
.searched_models:hover {
	background-color: #f6f7f2;
	cursor: pointer
}

.disabled_btn {
	display: block;
	float: left;
	font-size: 12px;
	padding: 6px 8px;
	color: #6D6969;
	margin-left: 2px;
	background-color: #ccc
}

.disabled_btn_list {
	display: block;
	float: right;
	font-size: 12px;
	padding: 4px 4px;
	color: #6D6969;
	margin-left: 2px;
	background-color: #ccc
}

.action_item {
	float: left;
	margin-left: 6px
}

.action_item a,
.act_btn_cus a {
	color: #fff
}

.display_non {
	display: none
}

.display_block {
	display: block;
}

#nav_l2_frame {
	width: 200px;
	min-height: 150px;
	margin-right: 20px
}

.nav_l2_frame {
	width: 200px;
	margin: 0 20px 30px 0
}

#nav_ul li {
	padding: 4px 15px;
	margin-right: 10px
}

#nav_l2_ul {
	margin: 0;
	padding: 0;
	list-style: none
}

.nav_l2_li {
	margin-top: 10px
}

.nav_l2_btn {
	display: block;
	font-size: 18px;
	padding: 6px 10px;
	color: #fff;
}

.nav_l2_btn:hover {
	background-color: #0072c6
}

.nav_l2_btn_active {
	background-color: #0072c6;
	color: #fff
}

.nav_l2_btn_deactive {
	background-color: #0E2D4D
}

.nav_l2_btn_info {
	display: block;
	font-size: 14px;
	padding: 4px 10px;
	color: #fff;
	text-indent: 30px;
	background-color: #0E2D4D
}

.nav_l2_btn_info:hover,
.nav_l2_btn_info_active {
	background-color: #0072c6;
	color: #fff
}

.popup_notification_1 {
	margin: 0 auto;
	background-color: rgba(0,0,0,0.6);
	z-index: 100;
	position: fixed;
	transform: padding: 0 0 10px 0;
	box-shadow: 0 0 10px 1px #000;
	margin-left: 12%;
	margin-top: -30%;
/*	transform: translate(-50%, -50%); padding: 0 0 10px 0;*/
}

.deleteConfPopUp {
	margin: 0 auto;
	background-color: rgba(0,0,0,0.6);
	z-index: 100;
	position: fixed;
	transform: padding: 0 0 10px 0;
	box-shadow: 0 0 10px 1px #000;
	margin-left: 12%;
	margin-top: 10%;
/*	transform: translate(-50%, -50%); padding: 0 0 10px 0;*/
}

#remove_coverimg {
	width: 600px;
	height: 100px;
	top: 9.5%;
	left: 57%;
}

#popup_box {
	width: 600px;
	margin: 0 auto;
	background-color: rgba(0,0,0,0.6);
	z-index: 100;
	position: fixed;
	top: 50%;
	left: 60%;
	transform: translate(-50%, -50%);
	padding: 15px 0;
	box-shadow: 0 0 10px 1px #000
}

#popup_box h3 {color: #fff;
	text-indent: 20px;
	text-align: center;
	letter-spacing: 1px
}

.comfirmationBox {
	width: 600px;
	min-height: 150px;
	margin: 0 auto;
	background-color: rgba(0,0,0,0.6);
	z-index: 100;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	padding: 0 0 10px 0;
	box-shadow: 0 0 10px 1px #000
}

.comfirmationBoxTitle {
	color: #fff;
	text-indent: 20px;
	text-align: center;
	letter-spacing: 1px;
	padding: 10px 0;
}

.comfirmationBoxTitleDanger {
	background-color: #bf3737;
	color: #fff;
}

.comfirmationBoxText {
	color: #ffffff;
	text-align: center;
	margin-top: 10px;
}

.comfirmationBoxBtns {
	width: 96%;
	height: 30px;
	margin: 0 auto
}

.comfirmationBoxBtnCommon {
	display: block;
	text-align: center;
	font-size: 18px;
	padding: 1% 2%;
	color: #e0ab55;
	color: #e0ab55;
	text-decoration: none;
	cursor: pointer;
}

.comfirmationCancel {
	float: left;
	width: 30%;
	border: 1px #e0ab55 solid;
	background-color: #4c4c4c
}

.comfirmationProceed {
	float: right;
	width: 50%;
	border: 1px #e0ab55 solid;
	background-color: #4c4c4c
}

.comfirmationBoxBtnCommon:hover {
	background-color: #e0ab55;
	color: #000000;
	border-color: #4c4c4c
}

.dangerButton {
	background-color: #bf3737;
}

#edit_box {
	width: 954px;
	height: 400px;
	background-color: rgba(0,0,0,0.6);
	z-index: 100;
	position: fixed;
	top: 63.5%;
	left: 58.9%;
	transform: translate(-50%, -50%);
	padding: 10px;
	border: 1px #5f9ea0 solid;
	overflow: scroll
}

#edit_box h3 {color: #5f9ea0;
	text-indent: 20px;
	text-align: center;
	letter-spacing: 1px
}

.popup_question {
	color: #fff;
	text-align: center
}

.alert_question {
	color: #fff;
	text-align: center
}

#popup_close_img {
	float: right;
	color: #fff;
	margin-right: -5px;
	margin-top: -20px;
	cursor: pointer
}

.popup_close_img {
	float: right;
	color: #fff;
	margin-right: 5px;
	margin-top: 0px;
	cursor: pointer
}

#btn_frame {
	width: 100%;
	height: 30px;
	margin: 0 auto
}

.edit_btn_frame {
	width: 385px;
	height: 46px;
	float: right;
	padding: 0 30px 0 0
}

.btn_frame a,
.edit_btn_frame a {
	display: block;
	width: 100px;
	text-align: center;
	font-size: 18px;
	padding: 10px 40px;
	color: #e0ab55;
	border: 1px #e0ab55 solid;
	text-decoration: none;
	cursor: pointer;
	background-color: #4c4c4c
}

.btn_frame a:hover,
.edit_btn_frame a:hover {
	background-color: #e0ab55;
	color: #fff;
	border-color: #4c4c4c
}

#cancel {
	float: left;
	font-size: 16px;
	width: 150px;
	text-align: center;
	padding: 7px 0;
	margin-left: 100px;
	background-color: #008A00;
	color: #fff
}

.alert_cancel {
	float: left;
	font-size: 16px;
	width: 150px;
	text-align: center;
	padding: 7px 0;
	margin-left: 100px;
	background-color: #008A00;
	color: #fff
}

#continue {
	float: right;
	font-size: 16px;
	width: 150px;
	text-align: center;
	padding: 7px 0;
	margin-right: 100px;
	background-color: #008A00;
	color: #fff
}

.continue {
	float: right;
	font-size: 16px;
	width: 150px;
	text-align: center;
	padding: 7px 0;
	margin-right: 100px;
	background-color: #008A00;
	color: #fff
}

#continue:hover,#cancel:hover {
	background-color: #007233
}

.continue:hover,
.alert_cancel:hover {
	background-color: #007233
}

.edit_poup_btn {
	float: right;
	font-size: 16px;
	padding: 7px 20px;
	margin-left: 10px
}

.poupup_btn {
	float: left;
	font-size: 16px;
	padding: 7px 20px;
	margin-left: 10px
}

.popup_msg {
	color: #fff;
	text-indent: 20px;
	text-align: center;
	font-weight: normal
}

.popup_heading_box {
	width: 97%;
	margin-left: 10px;
	background-color: #000;
	color: #e0ab55;
	border-color: #e0ab55;
	text-align: center;
	font-weight: normal;
	padding: 5px 0
}

.tab_l2 {
	list-style: none
}

.tab_l2 li {
	padding: 1px;
	margin-top: 3px
}

.tab_l3 {
	display: block;
	font-size: 14px;
	color: #000;
	text-indent: 20px;
}

.tab_l3:hover {
	color: #0072c6;
}

.active_tab_l3 {
	color: #0072c6;
	text-decoration: underline;
}

.font_12 {
	font-size: 14px
}

.required {
	color: #e51400;
	font-weight: bold
}

#add_users {
	width: 800px;
	margin: 0 auto
}

.edit_input_text {
	width: 400px;
	font-size: 12px;
	padding: 7px 0 7px 3px;
	text-indent: 5px;
	border: 1px #ccc solid;
	float: left;
}

.edit_input_date {
	font-size: 12px;
	padding: 5px 0 5px 3px;
	text-indent: 5px;
	border: 1px #ccc solid
}

.edit_input_text_pricing {
	width: 150px;
	font-size: 16px;
	border: 1px #ccc solid;
	text-align: right;
	padding: 7px 5px
}

.edit_input_select {
	width: 205px;
	font-size: 12px;
	padding: 6px 0 6px 3px;
	border: 1px #ccc solid
}

.search_budget_select {
	width: 151px;
	font-size: 12px;
	padding: 1px 0 1px 3px;
	border: 1px #ccc solid
}

.salesman_search {
	width: 151px;
	font-size: 12px;
	padding: 1px 0 1px 3px;
	border: 1px #ccc solid
}

.edit_input_mid {
	width: 200px;
	font-size: 12px;
	padding: 7px 0 7px 3px;
	border: 1px #ccc solid;
	float: left;
}

.model_input {
	width: 36px;
	font-size: 12px;
	padding: 6px 2px;
	border: 1px #ccc solid;
	text-align: center
}

.edit_input_text_mid {
	height: 30px;
	width: 200px;
	text-indent: 5px;
	font-size: 14px
}

.name_field {
	width: 150px;
	padding: 10px 0;
	font-size: 13px
}

.edit_name_field {
	width: 150px;
	padding: 10px 0;
	font-size: 13px;
	color: #fff
}

.input_field {
	width: 500px;
	padding: 3px 0
}

.name_field_separator {
	width: 30px;
	text-align: center
}

.edit_notes {
	padding: 5px;
	width: 550px;
	min-height: 100px;
	resize: vertical;
	font-size: 12px;
	border: 1px #ccc solid;
}

.edit_notes_auto_psl {
	padding: 5px;
	width: 100%;
	min-height: 100px;
	resize: vertical;
	font-size: 12px;
	border: 1px #ccc solid;
	margin-top: -3px;
	border-radius: 3px;
}

.save_btn {
	float: right;
	font-size: 14px;
	text-align: center;
	width: 150px;
	background-color: #008A00;
	color: #fff;
	padding: 3px 0;
	border: none;
	cursor: pointer;
	margin-top: 30px
}

.change_btn {
	font-size: 14px;
	text-align: center;
	width: 150px;
	background-color: #008A00;
	color: #fff;
	padding: 3px 0;
	border: none;
	cursor: pointer;
	margin-top: 30px
}

#save_model {
	font-size: 14px;
	text-align: center;
	width: 150px;
	background-color: #008A00;
	color: #fff;
	padding: 3px 0;
	border: none;
	cursor: pointer;
	margin-top: 30px
}

#save_lead {
	float: right;
	font-size: 14px;
	text-align: center;
	width: 150px;
	background-color: #008A00;
	color: #fff;
	padding: 3px 0;
	border: none;
	cursor: pointer;
}

.create_btn {
	float: right;
	font-size: 14px;
	background-color: #008A00;
	color: #fff;
	padding: 6px 20px;
	border: none;
	cursor: pointer;
	border-radius: 10px;
}

#img_remove {
	display: block;
	font-size: 12px;
	padding: 3px 0;
	background-color: #008A00;
	width: 100px;
	text-align: center;
	float: right;
	color: #fff
}

.save_btn:hover,
.change_btn:hover,
.create_btn:hover,#save_model:hover,#img_remove:hover {
	background-color: #007233
}

.form_error {
	font-size: 12px;
	color: red;
	font-weight: bold;
	font-family: cursive;
	float: left;
	margin-left: 5px;
	width: 250px;
	float: left;
}

.phone_errors {
	width: 250px
}

.user_remarks {
	font-size: 12px;
	color: #5f9ea0
}

#content_frame_admin {
	width: 1056px;
	min-height: 400px;
}

#user_info_frame {
	width: 930px;
	float: left;
	padding: 20px;
	background-color: #F5F5F5;
	margin-top: 10px;
	border: 1px #ccc solid;
}

.user_info_frame {
	width: 953px;
	padding: 20px 0 20px 20px;
	background-color: #F5F5F5;
	margin-top: 10px;
	border: 1px #ccc solid;
}

.user_info_frame_modules {
	width: 1034px;
	padding: 10px 0 20px 20px;
	background-color: #F5F5F5;
	margin-top: 10px;
	border: 1px #ccc solid;
}

.content_frame_flex {
	width: 96.75%;
	padding: 1.5%;
	background-color: #F5F5F5;
	margin-top: 1%;
	border: 1px #ccc solid;
}

.user_info_frame {
	width: 99.75%;
	padding: 20px 0;
	background-color: #F5F5F5;
	margin-top: 10px;
	border: 1px #ccc solid;
}

#show_user_info {
	margin: 0 auto
}

.show_user_info {
	width: 900px;
	margin: 0 auto
}

.show_user_info_model {
	width: 923px;
	margin: 0 auto
}

.show_info_flex {
	width: 100%;
	margin: 0 auto
}

.content_box_flex {
	width: 100%;
	margin: 0 auto
}

#show_user_info table tr {
	height: 30px
}

#show_old_user_info table tr {
	height: 30px
}

.show_user_info {
	width: 800px;
	margin: 0 auto
}

.show_user_info table tr {
	height: 30px
}

.show_field {
  width: 150px;
	font-size: 13px
}

.field_value {
	width: 720px;
	background-color: #FFF;
	font-size: 13px;
	padding-left: 5px;
	color: #008B8B;
	border: 1px #ccc solid;
}

.field_value_edit {
  width: 720px;
	font-size: 13px;
	color: #008B8B
}

.additional_info_model {
	width: 157px;
	font-size: 13px;
	color: #008B8B
}

.additional_info {
	width: 305px;
	font-size: 13px;
	color: #008B8B
}

.field_value_edit input,
.additional_info input {
	color: #008B8B;
	font-size: 12px
}

.field_value_edit select {
	color: #008B8B;
	font-size: 13px
}

.field_value_edit textarea {
	color: #008B8B;
	font-size: 13px;
	width: 500px;
	height: 60px;
	padding: 5px;
	resize: vertical;
	border: 1px #ccc solid;
}

.show_field_separator {
	width: 30px;
	text-align: center
}

.info_header {
	width: 100%;
	min-height: 50px;
	margin: 0 auto; margin-top: 5px
}

.user_info_header_bg {
	background-color: #757575;
}

.proposal_header_bg {
	background-color: #16a085;
}

.model_header_bg {
	background-color: #8e44ad;
}

.process_header_bg {
	background-color: #34495e;
}

.inquiry_header_bg {
	background-color: #f39c12;
}

.info_header h1 {color: #fff;
	text-indent: 20px;
	font-weight: lighter
}

.edit_input_phone1 {float: left;
	padding: 3px 0 4px 0;
	width: 30px;
	text-align: center;
	font-size: 14px;
	margin-right: 10px;
	border: 1px #ccc solid;
}

.edit_input_phone2 {float: left;
	padding: 3px 0 4px 0;
	width: 40px;
	text-align: center;
	font-size: 14px;
	margin-right: 10px;
	border: 1px #ccc solid;
}

.no_functions {
	width: 100%;
	font-size: 14px;
	padding: 8px 0;
	text-align: center;
	background-color: #FCB904;
	color: #000;
	margin-top: 10px
}

.later_functions {
	width: 100%;
	font-size: 14px;
	padding: 8px 0;
	text-align: center;
	background-color: #73fc04;
	color: #000;
	margin-top: 10px;
}

.display_none {
	display: none
}

.login_labels {
  font-size: 13px
}

#model_res {
	width: 50px;
	font-size: 12px;
	padding: 7px 0 7px 0;
	border: 1px #ccc solid;
	text-align: center
}

.separation_colan {
	font-size: 14px;
	font-weight: bold;
	color: #000
}

.field_value_edit .create_model_input {
	color: #cc4567;
	padding: 0 3px;
	text-align: center;
	border: 1px #ccc solid;
}

#model_search {
	width: 200px; color: #5f9ea0;
	padding: 6px 0;
	text-indent: 5px;
	border: 1px #ccc solid;
}

.nav_tab_box {
	width: 1056px;
	height: 27px;
	background-color: #fff;
	padding: 5px 0;
	margin-top: 10px
}

.opt_nav_tab_box {
	list-style: none;
	width: 1056px;
	height: 27px;
	background-color: #fff;
	padding: 5px 0;
	margin-top: 20px
}

.nav_tab_item {
	float: left;
	margin-right: 10px;
	font-size: 14px;
	padding: 4px 20px;
	background-color: #FCB904;
	color: #000;
	cursor: pointer
}

.nav_tab_item:hover {
	background-color: #0866c6;
	color: #fff
}

.nav_tab_reset {
	float: right;
	font-size: 14px;
	padding: 4px 20px;
	background-color: #008A00;
	color: #FFF;
	cursor: pointer;
	border-radius: 14px;
}

.nav_tab_reset:hover {
	background-color: #007233;
	color: #fff
}

.nav_tab_item_option {
	font-size: 14px;
	padding: 4px 5px 4px 10px;
	cursor: pointer;
	overflow: hidden;
}

.nav_tab_item_option_auto_psl {
	font-size: 12px;
	padding: 4px 5px 4px 10px;
	cursor: pointer;
	overflow: hidden;
}

.opt_nav_tab_upper_gap {
	margin-top: 27px
}

.nav_tab_item_display {
	background-color: #CEDEE8;
	color: #000;
}

.nav_tab_item_display_active {
	color: #000;
	border-bottom: 5px solid #0866c6;
}

.nav_tab_item_display:hover,
.nav_tab_item_display_active:hover {
	background-color: #C9D4DB;
	color: #000;
	transition: background 0.5s;
}

.nav_tab_item_disabled_active {
	background-color: #c7c4c4;
	color: #000;
	border-radius: 20px;
}

.nav_tab_item_disabled {
	background-color: #9e9e9e;
	color: #000;
}

.nav_tab_item_disabled:hover,
.nav_tab_item_disabled_active:hover {
	background-color: #c7c4c4;
	color: #000
}

.nav_tab_item_active {
	color: #fff;
	border-bottom: 5px solid #0866c6;
}

.nav_tab_item_deactive {
	background-color: #9e9e9e;
	border-bottom: 5px solid;
	color: #000;
	border-radius: 20px;
}

.option_remove_alert {
	background-color: #da3b01;
	color: #fff
}

.price_eq {
	width: 30px;
	font-size: 16px;
	color: #000;
	text-align: center
}

.user_info_frame_modules h3 {
	display: block;
	font-size: 20px;
	margin-bottom: 10px
}

.create_model_title {
	display: block;
	color: #000;
	font-size: 13px;
	margin-top: 10px
}

.edit_inquiry_title {
	color: #000;
	font-size: 13px;
	margin-top: 10px
}

.create_model_input_1 {
	width: 290px;
	font-size: 12px;
	padding: 7px 0 7px 3px;
	text-indent: 5px;
	border: 1px #ccc solid
}

.create_model_input_2 {
	width: 130px;
	font-size: 12px;
	padding: 7px 0 7px 3px;
	text-indent: 5px;
	border: 1px #ccc solid
}

.create_model_input_3 {
	width: 410px;
	font-size: 12px;
	padding: 7px 0 7px 3px;
	text-indent: 5px;
	border: 1px #ccc solid
}

.quotes_ch1 {display: block;
	float: left;
	margin-right: 5px;
	width: 14px;
	height: 20px
}

.quotes_ch2 {display: block;
	float: left;
	margin-right: 25px
}

.field_value_quotes {
  font-size: 13px;
	color: #008B8B
}

.quotes_input {
	font-size: 14px;
	padding: 2px 0;
	border: 1px #ccc solid;
	text-indent: 5px
}

.field_value_quotes input[type="radio"]
{
  cursor: pointer
}

.field_value_quotes select {
  padding: 4px 0 2px 0;
}

.proposal_option_prices {
	width: 100%;
	margin-top: 20px
}

.option_price_row:hover {
	background-color: #ccc
}

.proposal_option_prices tr:nth-child(12):hover {
	background-color: transparent
}

.option_heading {
	width: inherit !important;
	height: inherit !important;
	background-color: #000 !important;
	color: #fff !important;
	text-align: center !important;
	text-align: center !important;
}

.option_title {
	font-size: 12px;
}

.option_view_title {
	font-size: 12px;
	text-indent: 5px;
	width: 471px;
}

.option_value {
	font-size: 12px;
	text-align: right;
	padding: 3px 10px;
	width: 175px;
}

.option_view_value {
	font-size: 12px;
	text-align: right;
	padding: 3px 10px;
	width: 30%;
}

.border_right {
	border-right: 1px #ccc solid
}

.extra_edit {
	font-size: 12px;
	text-align: right;
	padding: 3px 10px;
	width: 175px
}

.extra_edit_input {
	float: left;
	text-align: right;
	width: 112px;
	border: 1px #ccc solid;
	padding: 2px 3px 2px 0;
}

.option_value_edit_input {
	float: left;
	text-align: right;
	width: 140px;
	border: 1px #ccc solid;
	padding: 2px 3px 2px 0;
}

.price_td_text {
	display: block;
	float: left;
	width: 10px;
	height: 15px;
	margin-top: 4px;
}

.extra_symbol {
	display: block;
	float: left;
	width: 26px;
	height: 15px;
	margin-right: 2px;
	font-size: 12px;
	padding-top: 2px
}

#option_html {
	width: 100%;
	min-height: 100px;
}

.save_option {
	font-size: 12px;
	text-align: center;
	width: 150px;
	background-color: #008A00;
	color: #fff;
	padding: 3px 0;
	border: none;
	cursor: pointer;
}

.finalize_option {
	font-size: 12px;
	text-align: center;
	width: 150px;
	background-color: #0866C6;
	color: #fff;
	padding: 3px 0;
	border: none;
	cursor: pointer;
}

.save_as_tpl {
	font-size: 12px;
	text-align: center;
	width: 200px;
	background-color: #9c27b0;
	color: #fff;
	padding: 3px 0;
	border: none;
	cursor: pointer;
}

.add_tpl {
	font-size: 12px;
	text-align: center;
	width: 150px;
	background-color: #277db0;
	color: #fff;
	padding: 3px 0;
	border: none;
	cursor: pointer;
}

.save_option:hover {
	background-color: #007233
}

.finalize_option:hover {
	background-color: #05509c
}

.save_as_tpl:hover {
	background-color: #6b0b7b
}

.add_tpl:hover {
	background-color: #205c80
}

.option_saving_gif,
.option_saving_ok,
.option_saving_attention {
	width: 20px;
	margin-bottom: -5px;
}

.option_remove_img {
	float: right;
	width: 20px;
	margin-top: -1px;
	cursor: pointer;
	margin-left: 3px;
}

.option_sub_title {
	font-size: 18px;
	font-weight: normal;
}

.var_input {
	width: 250px;
	font-size: 12px;
	padding: 3px 0;
	text-indent: 3px;
}

.var_select {
	width: 120px;
	margin-left: 20px;
	padding: 2px 0;
	border: 1px #ccc solid;
	font-size: 12px
}

.var_field_close {
	float: right;
	width: 15px;
	cursor: pointer;
	margin-right: -8px;
	padding-top: 4px
}

.add_new_field {
	padding: 5px 0;
	font-size: 12px
}

.popup_box_cus {
	width: 800px;
	height: 320px;
	margin: 0 auto;
	background-color: rgba(0,0,0,0.6);
	z-index: 100;
	position: fixed;
	top: 27%;
	left: 58.5%;
	transform: translate(-50%, -50%);
	padding: 0 0 10px 0;
	box-shadow: 0 0 10px 1px #000
}

.popup_box_quotes {
	width: 800px;
	height: 400px;
	margin: 0 auto;
	background-color: rgba(0,0,0,0.6);
	z-index: 100;
	position: fixed;
	top: 33%;
	left: 58.5%;
	transform: translate(-50%, -50%);
	padding: 0 0 10px 0;
	box-shadow: 0 0 10px 1px #000
}

.popup_box_email {
	width: 800px;
	height: 550px;
	margin: 0 auto;
	background-color: rgba(0,0,0,0.6);
	z-index: 100;
	position: fixed;
	top: 54%;
	left: 59%;
	transform: translate(-50%, -50%);
	padding: 0 0 10px 0;
	box-shadow: 0 0 10px 1px #000;
	overflow-y: scroll;
}

.popup_action_panel {
	width: 800px;
	height: 30px;
	margin: 0 auto;
	background-color: rgba(0,0,0,0.8);
	z-index: 100;
	position: fixed;
	top: 5%;
	left: 59%;
	transform: translate(-50%, -50%);
	padding: 0 0 10px 0;
	box-shadow: 0 0 10px 1px #000;
}

.popup_box_lead_info {
	width: 50%;
	height: 430px;
	margin: 0 auto;
	background-color: rgba(0,0,0,0.6);
	z-index: 100;
	position: fixed;
	top: 50%;
	left: 56%;
	transform: translate(-50%, -50%);
	padding: 0 0 10px 0;
	box-shadow: 0 0 10px 1px #000
}

.waiting_anim {
	width: 300px;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

#dark_window {
	height: 100%;
	width: 100%;
	margin: 0 auto;
	background-color: rgba(0,0,0,0.5);
	z-index: 5;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	padding: 0 0 10px 0;
	box-shadow: 0 0 10px 1px #000
}

#popup_proview {
	width: 600px;
	height: 140px;
	margin: 0 auto;
	background-color: rgba(0,0,0,0.5);
	z-index: 6;
	position: fixed;
	top: 45%;
	left: 50%;
	transform: translate(-50%, -50%);
	padding: 0 0 10px 0;
	box-shadow: 0 0 10px 1px #000
}

#popup_box_options {
	width: 600px;
	min-height: 150px;
	margin: 0 auto;
	background-color: rgba(0,0,0,0.6);
	z-index: 100;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	padding: 0 0 10px 0;
	box-shadow: 0 0 10px 1px #000
}

.alert_title {
	color: #fff;
	text-indent: 20px;
	text-align: center;
	letter-spacing: 1px
}

#popup_proview h3 {
	text-align: center;
	color: #fff
}

#pro_cus_tbl {
	width: 700px;
	margin: 0 auto;
	border: 1px #ccc solid;
	border-radius: 10px;
	padding: 10px
}

.pro_cus_title {
	font-size: 14px;
	color: #fff;
	width: 150px;
	height: 30px
}

.pro_cus_sep {
	font-size: 14px;
	color: #fff;
	width: 20px;
	text-align: center;
	height: 30px
}

.pro_cus_detail {
	font-size: 13px;
	color: #FFEB3B;
	height: 30px
}

#pro_cus_more a {
	display: block;
	float: right;
	font-size: 12px;
	background-color: #FCB904;
	padding: 4px 11px;
	color: #000;
	margin-right: 2px
}

#pro_cus_more a:hover {
	background-color: #0072c6;
	color: #fff
}

.pro_qot_sec_tbl {
	width: 750px;
	margin: 0 auto;
	padding: 10px;
	margin-top: 10px;
}

.pro_qot_sec_title {
	color: #fff;
	font-size: 15px;
	padding-bottom: 10px
}

.pro_qot_title {
	font-size: 12px;
	color: #fff;
	width: 100px;
	height: 30px
}

.lead_column_space {
	width: 50px;
}

.pro_qot_sep {
	font-size: 14px;
	color: #fff;
	width: 20px;
	text-align: center;
	height: 30px
}

.pro_qot_detail {
	font-size: 13px;
	color: #FFEB3B;
	height: 30px
}

.popup_tab_bar {
	list-style: none;
	height: 23px;
	width: 470px;
	float: left;
	margin-left: 36px;
}

.popup_tab_bar_action {
	list-style: none;
	height: 23px;
	width: 220px;
	float: right;
	margin-right: 20px;
}

.popup_tab {
	float: left;
	display: block;
	font-size: 14px;
	padding: 2px 10px;
	color: #000;
	background-color: #FCB904;
	margin-right: 10px;
	cursor: pointer;
}

.popup_tab_action {
	float: left;
	display: block;
	font-size: 14px;
	padding: 2px 10px;
	color: #FFF;
	background-color: #008A00;
	margin-right: 10px;
	cursor: pointer;
}

.popup_tab_action:hover {
	background-color: #0072c6;
	color: #FFF
}

.popup_tab:hover,
.popup_tab_active {
	background-color: #0072c6;
	color: #fff
}

.popup_highlight {
	background-color: #1BA1E2;
	color: #fff;
	text-indent: 5px;
}

.listitem_highlight {
	background-color: rgba(255, 31, 31, 0.8);
	border-radius: 0 6px 6px 0;
	box-shadow: 1px 1px 4px #000;
	color: #fff;
}

.image_preview {
	width: 500px;
	min-height: 50px;
	margin: 0 auto;
	padding: 10px;
}

.img_preview {
	width: 500px;
}

.img_remove_frame {
	width: 100%;
	height: 21px;
	margin-top: 10px
}

.img_remove_btn {
	display: block;
	font-size: 12px;
	padding: 3px 0;
	background-color: #008A00;
	width: 100px;
	text-align: center;
	float: right;
	color: #fff;
}

.email_input_title {
	width: 150px;
}

.email_sep {
	font-size: 14px;
	width: 20px;
	text-align: center;
	font-weight: bold;
}

.email_input {
	width: 740px;
}

.email_input input {
	font-size: 14px;
	padding: 4px 0;
	text-indent: 5px;
	border: 1px #ccc solid;
}

.email_info_title {
	width: 410px;
	font-size: 14px;
	padding: 3px 0;
	text-indent: 5px;
	border: 1px #ccc solid;
}

.email_textarea {
	font-size: 14px;
	width: 730px;
	min-height: 100px;
	resize: vertical;
	border: 1px #ccc solid;
}

.email_info_textarea {
	font-size: 14px;
	width: 400px;
	height: 160px;
	resize: vertical;
	border: 1px #ccc solid;
	padding: 5px;
}

.email_info_cell {
	padding: 0 30px 30px 0
}

.email_info_cell_img {
	display: block;
	height: 80px;
	margin: 0 auto;
	margin-top: 5px;
}

.info_cell_tbl {
	border: 1px #ccc solid;
	padding: 10px
}

.view_proposal a {
	display: block;
	font-size: 14px;
	padding: 4px 10px;
	color: #fff;
	text-indent: 30px;
	background-color: #0E2D4D
}

.view_proposal a:hover {
	background-color: #0072c6;
	color: #fff
}

.header_info_box {
	display: block;
	float: right;
	width: 250px;
	font-size: 16px;
	margin-top: -68px;
	margin-right: 58px;
	font-weight: normal;
	padding: 14px 0;
	text-indent: 5px;
	font-size: 14px
}

#header_info_icon {
	display: block;
	float: right;
	width: 50px;
	height: 50px;
	border-radius: 50px;
	background-color: #cc5678;
}

.content_frame_proview {
	width: 100%;
	margin-top: 1%
}

.proposal_input {
	background-color: #fff;
	color: #000;
}

.pricing_tbl_proposal {
	width: 25%;
	height: 55px;
	background-color: #444;
	color: #39FF14
}

.pricing_tbl_proposal img {
	margin-bottom: -10px
}

.pay_value {
	text-indent: 10px;
	padding: 3px 0;
	border: 1px #ccc solid;
}

.purchase {
	background-color: #008A01;
	padding: 8px 25px !important;
}

.finance {
	background-color: #DA3B01;
}

.cancel {
	background-color: #FCB904;
}

.pay_btn_body {
	display: block;
	text-indent: 0;
	font-size: 14px;
	color: #fff;
	text-align: center;
}

.pay_btn_right {
	float: right;
	margin-right: 5px;
}

.pay_btn_center {
	margin: 0 auto
}

.pay_btn_small {
	padding: 8px 30px;
}

.pay_btn_big {
	padding: 6px 40px;
	border-radius: 20px;
}

.pay_btn_select {
	border-radius: 20px;
}

.pay_btn_select:hover {
	border-radius: 15px;
	background-color: #0866c6
}

.pay_tr_underline {
	background-color: #e4e4e4
}

.option_nav_tab {
	float: left;
	width: 200px;
	margin-right: 10px;
	font-size: 18px;
	padding: 11px 0;
	text-align: center;
	background-color: #000;
	color: #fff;
	cursor: pointer;
}

.option_nav_tab_active,
.option_nav_tab:hover {
	background-color: #ff0000;
	color: #fff
}

.option_view_nav_tab {
	float: left;
	width: 200px;
	margin-right: 10px;
	font-size: 18px;
	padding: 11px 0;
	text-align: center;
	background-color: #000;
	color: #fff;
	cursor: pointer;
}

.option_view_nav_tab_active,
.option_view_nav_tab:hover {
	background-color: #ff0000;
	color: #fff
}

.nav_tab_item_proview {
	float: left;
	margin-right: 10px;
	font-size: 14px;
	padding: 4px 20px;
	background-color: #008A01;
	color: #fff;
	cursor: pointer;
	border-radius: 15px;
}

.nav_tab_item_proview:hover {
	background-color: #0866c6;
	color: #fff
}

.purchase:hover,
.finance:hover,
.cancel:hover {
	background-color: #444;
	color: #fff
}

.nav_tab_item_active {
	color: #000;
}

.prop_view_spec_tab {
	border-radius: 20px;
	color: #fff;
	float: left;
	margin-right: 10px;
	font-size: 14px;
	padding: 6px 20px;
	background-color: #008A01;
	color: #fff;
	cursor: pointer;
	border-radius: 3px;
}

.prop_view_spec_tab_active,
.prop_view_spec_tab:hover {
	background-color: #0866c6;
	box-shadow: 1px 1px 9px #000
}

.cell_price {
	display: block;
	float: left;
	margin-top: 7px;
	font-size: 14px
}

.user_info_frame_proview {
	width: 100%;
	padding: 10px 0;
}

.spec_info_frame_invoiceview {
	float:left;
	width: 100%;
	padding: 10px 0;
	margin-top: 10px;
	margin-bottom: 20px;
}

.show_user_info_model {
	width: 937px;
}

#model_upload_frame {
	width: 937px;
}

.proview_gen_tbl {
	width: 100%;
	border: 1px #444 solid;
	padding: 5px;
	border-radius: 5px;
	position: relative;
	float: left;
}

.proview_gen_title_l {
	width: 155px;
	font-size: 11px;
	vertical-align: top;
	padding: 10px 0;
	font-weight: bold;
	text-align: right;
}

.proview_gen_title_r {
	width: 171px;
	font-size: 11px;
	vertical-align: top;
	padding: 10px 0;
	font-weight: bold;
	text-align: right;
}

.proview_gen_info_l {
	width: 300px;
	font-size: 11px;
	vertical-align: top;
	padding: 10px 0 10px 8px;
}

.proview_gen_info_r {
	width: 398px;
	font-size: 11px;
	vertical-align: top;
	padding: 10px 0 10px 8px;
}

.highlight_val_a {
	color: #a80a20;
	font-weight: bold;
}

.highlight_val_b {
	color: #fff
}

.font_color_a {
	color: #008B8B
}

.font_color_b {
	color: #FFEB3B
}

.pro_gen_tr {
	display: block;
}

/*  Proposal View >> Option Navigation Panel  */
.options_nav_bar {
	width: 100%;
	overflow: hidden;
}

.nav_tab_box_proview1 {
	width: 100%;
	height: 60px;
	margin: 20px 0;
}

.option_nav_tab {
	float: left;
	width: 200px;
	height: 60px;
	margin-right: 20px;
	margin-bottom: 10px;
	cursor: pointer;
	border-radius: 3px;
}

.option_nav_tab_template_dact {
	background-color : #cc4567
}

.option_nav_tab_active,
.option_nav_tab:hover {
	background-color: #009688;
	color: #fff;
}

.nav_tab_item_proview {
	float: left;
	margin-right: 10px;
	font-size: 14px;
	padding: 4px 20px;
	background-color: #008A01;
	color: #fff;
	cursor: pointer;
	border-radius: 3px;
}

.nav_tab_item_proview:hover {
	background-color: #0866c6;
	color: #fff
}

.opnavtab_cont_frame {
	padding: 5px;
	width: 190px;
	height: 50px;
	border-radius: 3px;
}

.opnavtab_title {
	text-align: center;
	margin-bottom: 10px;
	color: #ffeb3b
}

.opnavtab_c1 {
  text-align: center;
	font-size: 13px;
	color: #fff;
	margin-bottom: 10px
}

.opnavtab_c1_txt {
	font-size: 16px;
	text-align: center;
	color: #39FF14
}

.opnavtab_c2 {
  text-align: center;
	font-size: 14px;
	color: #fff
}

.opnavtab_c2_txt {
	font-size: 16px;
	text-align: center;
	color: #39FF14
}

.opnavtab_title_act {
	color: #ffeb3b
}

.opnavtab_c1_act {
	color: #fff;
}

.opnavtab_c1_txt_act {
	color: #39FF14
}

.opnavtab_c2_act {
	color: #fff
}

.opnavtab_c2_txt_act {
	color: #39FF14
}

.opnavtab_title_dact {
	color: #000
}

.opnavtab_c1_dact {
	color: #ccc;
}

.opnavtab_c1_txt_dact {
	color: #444
}

.opnavtab_c2_dact {
	color: #ccc
}

.opnavtab_c2_txt_dact {
	color: #444
}

.nav_tab_box_proview2 {
	width: 100%;
	height: 44px;
	background-color: #000;
	margin: 20px 0;
}

.clickimg_txt_bar {
	width: 1100px;
	margin-top: 30px;
	position: absolute;
	padding: 5px 0;
}

.clickhere_txt {
	float: left;
	width: 200px;
	margin-right: 8px;
	font-size: 14px;
	color: #fff
}

.click_img_bar {
	width: 1100px;
	height: 110px;
	margin-bottom: -20px;
	margin-top: 10px
}

.clickhere_img {
	float: left;
	width: 200px;
	height: 100px;
	margin-right: 10px;
}

.proview_input_1 {
	width: 310px;
	font-size: 12px;
	padding: 7px 0 7px 3px;
	text-indent: 5px;
	border: 1px #ccc solid
}

.proview_additional_info_1 {
	width: 17%;
	font-size: 12px;
	color: #008B8B;
	padding: 0 1%;
}

.proview_additional_info_2 {
	width: 33%;
	font-size: 12px;
	color: #008B8B;
	padding: 0 1%;
}

.proview_additional_info_1 input,
.proview_additional_info_2 input {
	background-color: #fff;
	color: #008B8B
}

.proview_title {
	display: block;
	color: #444;
	font-size: 11px;
	margin-top: 10px;
	font-weight: bold;
}

.proview_notes {
	text-indent: 0;
	font-size: 12px;
	background-color: #fff;
	color: #008B8B
}

.proview_preview_frame {
	width: 100%;
	margin-top: 20px;
	padding: 15px 30px;
	background-color: #cccccc;
	border-radius: 20px;
}

.proview_preview_info {
	 width: 490px;
	margin: 0 auto;
	background-color: #000;
	color: #fff;
	padding: 20px 20px 10px 20px;
	margin-top: 24px;
}

.proview_option_img {
	margin: 0 auto
}

.preview_info_title {
	width: 120px;
	float: left;
	font-size: 16px;
	height: 30px;
	color: #39FF14;
}

.preview_info_sep {
	width: 20px;
	float: left;
	font-size: 16px;
	height: 30px;
}

.preview_info {
	width: 350px;
	float: left;
	font-size: 16px;
	height: 30px;
	color: #ff0000;
	font-weight: bold;
	letter-spacing: 1px
}

.proview_preview_tr {
	width: 100%;
	height: 30px;
}

.proview_symbol {
	display: block;
	width: 40px;
	text-align: right;
	float: right;
	margin-right: 5px;
}

.pricing_tbl2_title {
	background-color: #444;
	color: #39FF14;
	text-align: center;
	font-weight: normal;
	font-size: 17px;
}

.heighlight_plan {
	background-color: #CFF3E1;
}

.order_heighlight {
	background-color: #E7E6EA;
	color: #000;
}

.plan_ok_box_t1 {float: right;
	width: 30px;
	height: 30px;
	margin: 6px 5px 0 0
}

.plan_ok_t1 {
	width: 30px;
}

.plan_ok_box_t2 {float: right;
	width: 20px;
	height: 18px;
	margin-top: 2px;
}

.plan_ok_t2 {
	width: 20px;
}

.popup_box_spec {
	width: 984px;
	height: 520px;
	margin: 0 auto;
	background-color: rgba(0,0,0,0.7);
	z-index: 100;
	position: fixed;
	top: 45%;
	left: 58.5%;
	transform: translate(-50%, -50%);
	padding: 0 0 10px 0;
	box-shadow: 0 0 10px 1px #000
}

.nav_tab_box_proview_spec {
	width: 378px;
	height: 26px;
	margin: 0 auto;
	margin-top: 15px;
	margin-bottom: -25px
}

.popupspec_gen_tbl {
	width: 100%;
	border: 1px #ccc solid;
	padding: 5px;
	border-radius: 5px;
}

.popupspec_gen_title_l {
	width: 125px;
	font-size: 11px;
	vertical-align: top;
	padding: 10px 0;
	font-weight: bold;
	text-align: right;
	color: #fff
}

.popupspec_gen_title_r {
	width: 171px;
	font-size: 11px;
	vertical-align: top;
	padding: 10px 0;
	font-weight: bold;
	text-align: right;
	color: #fff
}

.popupspec_gen_info_l {
	width: 295px;
	font-size: 11px;
	vertical-align: top;
	padding: 10px 0 0 5px;
}

.popupspec_gen_info_r {
	width: 393px;
	font-size: 11px;
	vertical-align: top;
	padding: 10px 0 0 5px;
}

.highlight_val_b {
	color: bisque
}

.font_color_b {
	color: #FFEB3B
}

.separation_colan_b {
	font-size: 14px;
	font-weight: bold;
	color: #ccc
}

.proview_title_b {
	display: block;
	color: #FFF;
	font-size: 12px;
	margin-top: 10px;
	font-weight: normal;
}

.specpopup_info_1 input,
.specpopup_info_2 input {
	background-color: #444;
	color: #FFEB3B
}

.specpopup_input_2 {
	width: 148px;
	font-size: 12px;
	padding: 7px 0 7px 3px;
	text-indent: 5px;
	border: 1px #ccc solid
}

.status_update_panel {
	width: 953px;
	min-height: 160px;
	background-color: #F5F5F5;
	padding: 10px;
	border: 1px #ccc solid;
	border-radius: 5px
}

.customer_notes_panel {
	width: 1034px;
	background-color: #F5F5F5;
	padding: 10px;
	border: 1px #ccc solid;
	border-radius: 5px;
	overflow: hidden;
}

.textarea_box {
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}

.update_textarea {
	width: 941px;
	height: 90px;
	border: 1px #ccc solid;
	margin: 0 auto;
	resize: vertical;
	text-indent: 5px;
	color: #008B8B;
	font-size: 14px;
	padding: 5px
}

.customer_notes_input {
	width: 1341px;
	height: 200px;
	border: 1px #ccc solid;
	margin: 0 auto;
	resize: vertical;
	color: #008B8B;
	font-size: 14px;
	padding: 5px
}

.update_action_panel {
	width: 100%;
	height: 36px;
	margin-top: 20px;
}

.customer_notes_action_panel {
	width: 100%;
	margin-top: 10px;
	position: relative;
}

.update_btn {
	display: block;
	float: right;
	font-size: 14px;
	background-color: #008A00;
	padding: 8px 20px;
	color: #fff;
	cursor: pointer;
	border-radius: 20px;
}

.update_btn:hover {
	background-color: #007233
}

.ststus_masg_area {
	width: 953px;
	min-height: 72px;
	background-color: #F5F5F5;
	padding: 10px;
	margin-top: 20px;
	border: 1px #ccc solid;
	border-radius: 5px
}

.customer_notes_area {
	width: 100%;
	min-height: 72px;
	margin-top: 20px;
}

.update_msg_frame {
	width: 918px;
	min-height: 70px;
	padding: 5px;
	background-color: #FFF;
	margin-top: 20px;
	border-radius: 10px;
	border: 1px #D6B2B2 solid;
}

.note_frame {
	width: 938px;
	min-height: 70px;
	padding: 5px;
	background-color: #FFF;
	margin-top: 20px;
	border-radius: 10px;
	border: 1px #D6B2B2 solid;
}

.update_msg_sender_frame {
	width: 918px;
	padding: 5px;
}

.cus_notes_frame {
	width: 100%;
	padding: 5px;
}

.update_sender_msg {
	width: 765px;
	min-height: 18px;
	padding: 5px;
	border: 1px #ccc solid;
	background-color: #fffff2;
	font-size: 13px;
	border-radius: 5px
}

.update_sender_name {
	width: 110px;
	padding: 2px 0;
	font-size: 13px;
	color: #444;
	text-align: center;
}

.update_msg_admin_frmae {
	width: 918px;
	padding: 5px;
}

.update_admin_name {
	width: 110px;
	padding: 2px 0;
	font-size: 14px;
	color: #444;
	text-align: center;
}

.update_admin_msg {
	width: 765px;
	min-height: 18px;
	padding: 0 5px;
	border: 1px #ccc solid;
	font-size: 13px;
	border-radius: 5px
}

.bg_done {
	background-color: #ECFFEB
}

.bg_reject {
	background-color: #FDC3D0
}

.bg_re_check {
	background-color: #F5D49F
}

.bg_re_work {
	background-color: #F9E8FF
}

.bg_accept {
	background-color: #DCEBF5
}

.bg_pending {
	background-color: #ececec
}

.sender_msg_details {
	float: right;
	font-size: 12px;
	color: #444;
	font-weight: bold;
	margin-top: 5px
}

.cus_actions {
	float: left;
	font-size: 12px;
	color: #444;
	font-weight: bold;
	margin-top: 5px
}

.payment_details {
	float: left;
	font-size: 12px;
	color: #444;
	font-weight: bold;
	margin-top: 5px
}

.admin_msg_details {
	float: left;
	font-size: 12px;
	color: #444;
	font-weight: bold;
	margin-top: 5px
}

.update_msg {
	width: 765px;
}

.cus_note {
	width: 826px;
}

.update_msg_roply {
	width: 765px;
}

.opa_tab_bar {
	list-style: none;
	height: 23px;
	width: 100%;
	margin: 0 auto;
	margin-top: 10px
}

.opa_tab {
	float: left;
	display: block;
	font-size: 14px;
	padding: 2px 10px;
	color: #000;
	background-color: #FCB904;
	margin-right: 10px;
	cursor: pointer;
}

.opa_tab:hover,
.opa_tab_active {
	background-color: #0072c6;
	color: #fff
}

.opa_content_box {
	width: 952px;
	min-height: 72px;
	background-color: #F5F5F5;
	padding: 10px;
	margin-top: 20px;
	border: 1px #ccc solid;
	border-radius: 5px
}

.opa_msg_sender_frame {
	width: 918px;
	padding: 5px;
}

.opa_sender_msg {
	width: 715px;
	min-height: 18px;
	padding: 5px;
	border: 1px #ccc solid;
	background-color: #fffff2;
	font-size: 13px;
	border-radius: 5px
}

.opa_sender_name {
	width: 160px;
	padding: 2px 0;
	font-size: 13px;
	color: #444;
	text-align: center;
}

.opa_msg_admin_frmae {
	width: 918px;
	padding: 5px;
}

.opa_admin_name {
	width: 160px;
	padding: 2px 0;
	font-size: 14px;
	color: #444;
	text-align: center;
}

.opa_admin_msg {
	width: 715px;
	min-height: 18px;
	padding: 0 5px;
	border: 1px #ccc solid;
	font-size: 13px;
	border-radius: 5px
}

.admin_reply_select {
	border: 1px #ccc solid;
	width: 150px;
	font-size: 12px;
	padding: 2px 0;
	float: left;
	margin-right: 10px;
}

.admin_reply_msg {
	width: 730px;
	resize: vertical;
	height: 50px;
	padding: 0 5px;
	border: 1px #ccc solid;
	font-size: 12px;
}

.pagination_frame {
	display: block;
	list-style: none;
	height: 23px;
	width: 952px
}

.page_no_li {
	float: left;
	display: block;
	margin-right: 5px;
}

.page_no_li a {
	float: left;
	display: block;
	text-align: center;
	font-size: 12px;
	cursor: pointer;
	padding: 2px 6px;
	background-color: #5B6B7B;
	color: #ffffff;
}

.page_no_li a:hover {
	background-color: #0072C6;
	color: #FFF
}

.page_no_active {
	background-color: #0072C6;
	color: #FFF
}

.search_side_panel {
	width: 100%;
	background-color: #ccc;
	margin-top: 10px;
	padding: 5px;
	background-color: #F5F5F5;
	border: 1px #ccc solid
}

.search_side_panel input[type="text"]{
	width: 100%;
	font-size: 12px;
	padding: 3px 0;
	text-indent: 5px;
	border: 1px #ccc solid;
	margin-bottom: 3px
}

.search_side_panel input[type="date"]{
	width: 100%;
	font-size: 12px;
	padding: 3px 0;
	text-indent: 5px;
	border: 1px #ccc solid;
	margin-bottom: 3px
}

.side_search_btn {
	display: block;
	float: right;
	width: 60px;
	height: 21px;
	font-size: 14px;
	text-align: center;
	padding: 0;
	background-color: #008A00;
	margin-left: 5px;
	margin-top: 7px;
	color: #FFF; border: none;
	cursor: pointer;
}

.side_search_btn:hover {
	background-color: #007233;
}

.side_reset_btn {
	display: block;
	float: left;
	width: 60px;
	height: 21px;
	font-size: 14px;
	text-align: center;
	padding: 0;
	background-color: #DA3B01;
	margin-top: 7px;
	color: #FFF; border: none;
	cursor: pointer;
}

.side_reset_btn:hover {
	background-color: #B64319;
}

#search_img {
	width: 25px;
	float: right;
	margin-right: 5px;
	cursor: pointer;
}

#refresh_img {
	width: 25px;
	float: right;
	margin-right: 5px;
	cursor: pointer;
}

#assign_lead_img {
	width: 25px;
	float: right;
	margin-left: 361px;
	cursor: pointer;
	position: absolute;
}

.mid_search {
	display: block;
	float: right;
	width: 60px;
	height: 21px;
	font-size: 14px;
	text-align: center;
	padding: 0;
	background-color: #008A00;
	color: #FFF; border: none;
	cursor: pointer;
}

.mid_search_btn {
	background-color: #008A00;
}

.mid_search_btn:hover {
	background-color: #007233;
}

.mid_reset_btn {
	background-color: #DA3B01;
}

.mid_reset_btn:hover {
	background-color: #B64319;
}

.search_items_1 {
	width: 93%;
}

.search_items_2 {
	width: 93%;
}

.search_item_input {
	text-indent: 5px;
	font-size: 12px;
	padding: 2px 0;
	margin-right: 6px;
	margin-left: 5px;
	border: 1px #ccc solid
}

.search_item_com {
	width: 254px;
}

.search_item_email {
	width: 246px;
}

.search_item_street {
	width: 150px;
}

.search_item_state {
	width: 70px;
}

.search_item_city {
	width: 120px;
}

.search_item_zip {
	width: 62px;
}

.search_item_date {
	width: 130px;
}

.search_item_model_name {
	width: 200px;
}

.search_item_model {
	width: 146px;
}

#module_settings_tbl {
	width: 900px;
	overflow-x: scroll
}

.module_title_box {
	
}

#module_titles {
	float: left;
	width: 106px;
	min-height: 50px;
	padding-bottom: 16px;
	position: inherit;
}

#module_val_sheet {
	width: 932px;
	min-height: 50px;
	overflow-x: scroll;
	margin-left: 120px;
	position: relative;
}

.module_title_td {
	font-size: 13px;
	height: 25px;
	background-color: #E8E8E8;
	text-align: center;
	padding: 0 5px;
	border: 1px #444 solid;
}

.module_input_td {
	height: 25px;
	font-size: 12px;
}

.module_input {
	display: block;
	margin: 0 auto;
	font-size: 12px;
	text-align: center;
	padding: 3px 0 1px 0;
	border: 1px #ccc solid;
	background-color: #FFFAF0
}

#module_save_btn {
	display: block;
	position: relative;
	font-size: 14px;
	text-align: center;
	width: 150px;
	background-color: #008A00;
	color: #fff;
	padding: 3px 0;
	border: none;
	cursor: pointer;
}

#module_save_btn:hover {
	background-color: #007233
}

#cabinet_info_tbl {
	width: 500px;
	padding: 1px
}

.cabinet_title_td {
	width: 200px;
	font-size: 14px;
	text-align: center;
	padding: 2px 0;
	background-color: #E8E8E8;
	border: 1px #ccc solid;
}

.cabinet_input_td {
	width: 200px;
}

.cabinet_input {
	display: block;
	width: 200px;
	margin: 0 auto;
	font-size: 12px;
	padding: 3px 0;
	border: 1px #ccc solid;
	background-color: #FFFAF0;
	text-align: center;
}

#quick_send {
	display: block;
	float: right;
	font-size: 12px;
	padding: 4px 10px;
	background-color: #FCB904;
	color: #000;
	cursor: pointer;
}

#quick_send:hover {
	background-color: #0072C6;
	color: #FFF
}

.box_sign_heighlight {
	display: block;
	border: 2px #E91E63 solid;
	margin-top: 10px;
	width: 344px;
	padding: 0 5px 2px 5px;
}

.display_process {
	width: 292px;
}

.process_action_bar {
	list-style: none;
	width: 100%;
	height: 14px;
	padding: 0;
	margin: 0;
}

.process_cell {
	display: block;
	float: right;
	width: 50px;
}

.process_percentage {
	text-align: center;
	font-size: 9px;
	margin-top: 2px;
	margin-right: -2px;
}

.percentage {
	font-size: 9px;
	width: 100%;
	float: right;
	border: 1px #444 solid;
	text-align: center;
	margin-top: -13px;
	margin-right: -2px;
}

.process_sections {
	display: block;
	float: left;
	font-size: 9px;
}

.process_img_box {
	width: 10px;
	height: 10px;
	float: left;
	margin-left: 3px;
	margin-top: 1px;
}

.process_img {
	float: right;
	width: 14px;
	height: 14px;
	margin-top: 4px;
	margin-right: 5px
}

.production_process_img {
	display: block;
	width: 12px;
	height: 12px;
}

.accountant_status {
	width: 100%;
	margin-bottom: 20px;
}

.order_date_title {
	display: block;
	float: left;
	width: 60px;
	font-size: 12px;
	padding: 5px 4px;
}

.billing_date {
	float: left;
	width: 150px;
	margin-left: 20px;
	border: 1px #ccc solid;
	font-size: 12px;
	padding: 5px 3px;
	color: #008B8B
}

#popup_home_btn {
	width: 48px;
	margin-bottom: -18px;
	float: left;
	cursor: pointer;
}

#full_cover_txt {
	color: #fff;
	font-size: 12px;
	text-align: right;
	display: block
}

#full_cover_txt:hover {
	color: #FCB904
}

#check_all {
	float: left;
	color: #008B8B;
	margin: 8px 0 0 5px;
}

#salesman {
	font-size: 13px;
	margin: 2px 0 2px 20px;
	width: 300px;
}

#salesman option {
	text-indent: 5px;
}

.add_lead {
	float: left;
	color: #008B8B;
	margin-top: 2px;
}

.add_lead:hover,#check_all:hover {
	border-color: #000;
	box-shadow: 0 0 1px 1px #000;
	cursor: pointer;
}

.lead_list_id_box {
	float: left;
	margin-top: -2px;
	display: block;
	min-width: 80px;
	margin-left: 5px;
}

.lead_company_name {
	float: left;
	margin-top: -2px;
	display: block;
	min-width: 150px;
	margin-left: 5px;
}

.invoice_company_name {
	float: left;
	margin-top: -2px;
	display: block;
	min-width: 150px;
}

.ui_frame:hover {
	border: 1px #999 solid;
	box-shadow: 0 0 2px 2px #ccc;
}

.assign_lead_btn {
	display: block;
	float: right;
	font-size: 14px;
	padding: 3px 30px 3px 30px;
	background-color: #FCB904;
	color: #000; border: none;
	cursor: pointer;
	border-radius: 15px;
	margin-left: 5px;
}

#assign_lead {
	background-color: #008A00;
	color: #FFF;
}

#reset_lead {
	background-color: #DA3B01;
	color: #FFF;
}

#assign_lead:hover {
	background-color: #007233;
	color: #FFF;
}

#reset_lead:hover {
	background-color: #B64319;
	color: #FFF;
}

#leads_assigning_panel {
	width: 650px;
}

.no_inquiries {
	width: 100%;
	font-size: 14px;
	padding: 8px 0;
	text-align: center;
	background-color: #F4FCEE;
	color: #669F61;
	border: 1px solid #90E358;
	border-radius: 3px;
}

.quick_salesman {
	font-size: 12px;
	margin: 0 5px 0 3px;
}

.quick_assign_user {
	font-size: 12px;
	margin: 0 5px 0 3px;
}

.quick_salesman option {
	text-indent: 5px;
}

.quick_assign_user option {
	text-indent: 5px;
}

#quick_send_mails {
	padding: 5px;
	background-color: #F5F5F5;
	margin-top: 20px;
	width: 1056px; border: 1px solid #CCC;
}

#invoice_header {
	width: 1100px;
	height: 80px;
	margin: 0 auto;
	color: #fff;
	background-color: #444;
	text-indent: 40px;
	margin-top: 10px;
	padding: 5px 0;
	margin-bottom: 10px;
}

.list_customer_name {
	color: #b64319;
	font-size: 13px;
}

.list_company_name {
	color: #000;
	font-size: 12px;
}

.view_profile_info {
	font-size: 13px;
}

.cus_view_title {
	font-size: 13px
}

.separate_arrow {
	font-size: 16px;
	margin-bottom: -5px;
}

.cus_note_act_btn {
	margin-right: 5px;
}

.cus_note_edit {
	color: #1BA1E2
}

.cus_note_remove {
	color: #cc4567
}

.cus_note_act_btn:hover {
	color: #000;
	text-decoration: underline;
}

.cus_tag {
	float: left;
	display: block;
	font-size: 10px;
	padding: 1px 5px;
	border-radius: 10px 0 0 10px;
	margin-top: 2px;
}

.opened_cus {
	background-color: #4d83a9;
	color: #FFF;
}

.closed_cus {
	background-color: #cc5678;
	color: #FFF;
}

.product_preview_img {
	max-width: 400px;
	max-height: 400px;
}

.settings_box {
	width: 972px;
	min-height: 100px;
	background-color: #f5f5f5;
	margin-top: 40px;
	border: 1px solid #444;
	border-radius: 3px;
}

.settings_title {
	width: 200px;
	font-size: 14px;
	padding: 8px 0 8px 15px;
	background-color: #008a00;
	color: #FFF;
	border-radius: 20px;
	position: absolute;
	margin: -20px 0 0 5px;
	border: 1px solid #444;
}

.settings_frame {
	width: 600px;
	margin-top: 40px;
	margin-left: 10px
}

.settings_dis {
	width: 300px;
	font-size: 12px;
	height: 30px
}

.settings_seperator {
	width: 20px;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	height: 30px
}

.settings_actions {
	height: 30px
}

.salesman_default {
	float: left;
	min-width: 150px;
	margin-left: 20px;
}

.switch {
	width: 37px;
	height: 15px;
	border-radius: 15px;
	cursor: pointer;
	float: left;
	margin-top: 4px;
}

.switch_option_tab {
	width: 37px;
	height: 15px;
	border-radius: 15px;
	cursor: pointer;
	float: left;
	margin-top: 2px;
}

.switch_border_1 {
	border: 1px #ccc solid
}

.switch_btn {
	width: 13px;
	height: 13px;
	border-radius: 13px;
	background-color: #FBFBFB;
	cursor: pointer;
	margin-left: 1px;
	margin-top: 1px
}

.switch_tick {
	width: 20px;
	float: left;
	text-align: center;
	font-size: 12px;
	margin-left: 2px;
	color: #fff;
}

.switch_on_bg {
	background-color: #167AC6
}

.switch_off_bg {
	background-color: #B8B8B8;
}

.info_tag {
	float: left;
	display: block;
	font-size: 10px;
	padding: 2px 4px;
	margin-left: 3px;
	border-radius: 5px;
}

.tag_arrow_left {
	float: left;
	display: block;
	width: 0;
	height: 0;
	border-top: 9px solid transparent;
	border-bottom: 9px solid transparent;
	border-right: 6px solid;
	margin-left: 5px;
}

.tag_arrow_assigned {
	border-right-color: #ffc40d;
}

.tag_info_lead_assigned {
	background-color: #ffc40d;
	color: #000;
}

.tag_arrow_launched {
	border-right-color: #42b7b2;
}

.tag_info_lead_launched {
	background-color: #42b7b2;
	color: #000;
}

.tag_new_proposals_a {
	border-right-color: #da3b01;
}

.tag_new_proposals_i {
	background-color: #da3b01;
	color: #fff;
}

.tag_drafted_proposals_a {
	border-right-color: #42b7b2;
}

.tag_drafted_proposals_i {
	background-color: #42b7b2;
	color: #000;
}

.tag_sent_proposals_a {
	border-right-color: #008a00;
}

.tag_sent_proposals_i {
	background-color: #008a00;
	color: #fff;
}

.tag_selected_proposals_a {
	border-right-color: #008a00;
}

.tag_selected_proposals_i {
	background-color: #008a00;
	color: #fff;
}

.view_lead_title {
	font-size: 16px;
	border-bottom: 1px solid #000;
}

.proposal_list_item_title {
	float: left;
}

.row_info_title_2 {
	font-size: 12px;
	color: #000;
	text-indent: 5px;
}

.invoice_default {
	color: #cc4567
}

.invoice_assigned {
	color: #0072c6;
}

.opt_nav_tab_bar {
	width: 100%;
	margin-bottom: 10px
}

.option_tab_box {
	float: left;
	position: relative;
	margin: 0 10px;
	margin-top: 0px;
	margin-bottom: 0px;
	height: 57px;
	margin-bottom: 15px;
	background-color: #ddd;
	padding: 5px;
	border: 1px #ccc solid;
	border-radius: 5px;
	min-width: 312px;
}

.optionBoxActionPanel {
	float: right;
	margin-top: 2px;
}

.option_tab_box_auto_psl {
	float: left;
	position: relative;
	margin: 0 15px 0 0;
	height: 30px;
	margin-bottom: 15px;
	font-size: 12px;
}

.options_cus_name {
	width: 100%;
	text-align: center;
	border-bottom: 2px #008a00 solid;
	font-size: 14px;
	color: #008a00;
	margin: 0 auto;
	margin-bottom: 5px;
}

.options_saved {
	width: 100%;
	text-align: center;
	border-bottom: 2px #cc4567 solid;
	color: #cc4567;
	margin: 0 auto;
	height: 5px;
}

.search_name {
	float: left;
	width: 150px;
	font-size: 11px;
	padding: 4px 0;
	margin-right: 10px;
	text-indent: 5px;
}

.search_res {
	float: left;
	width: 70px;
	text-align: center;
	font-size: 11px;
	padding: 4px 0;
	margin-right: 10px
}

.search_mtrx {
	float: left;
	width: 90px;
	text-align: center;
	font-size: 11px;
	padding: 4px 0;
}

.search_dimen {
	float: left;
	width: 100px;
	text-align: center;
	font-size: 11px;
	padding: 4px 0;
}

.search_color {
	float: left;
	font-size: 12px;
	padding: 4px 0;
	margin-right: 10px
}

.tag_new_order_a {
	border-right-color: #C9302C;
}

.tag_new_order_i {
	background-color: #C9302C;
	color: #fff;
}

.tag_processing_order_a {
	border-right-color: #EC971F;
}

.tag_processing_order_i {
	background-color: #EC971F;
	color: #fff;
}

.tag_completed_order_a {
	border-right-color: #286090;
}

.tag_completed_order_i {
	background-color: #286090;
	color: #fff;
}

.tag_installed_order_a {
	border-right-color: #3BC829;
}

.tag_installed_order_i {
	background-color: #3BC829;
	color: #fff;
}

.rem_invo_asign_user {
	display: block;
	float: right;
	width: 150px;
	text-indent: 10px;
}

.production_list_expand {
	font-size: 12px;
	background-color: #3BC829;
	color: #000;
	width: 10px;
	padding: 6px;
	text-align: center;
	float: right;
}

.production_list_expand:hover {
	background-color: #EC971F;
	cursor: pointer;
}

.order_paid_sign {
	font-size: 12px;
	padding: 1px 7px;
	border-radius: 10px;
	margin-top: 5px;
	margin-right: 5px;
	border: 1px #000 solid;
}

.order_not_paid {
	background-color: #ccc;
	color: #000
}

.order_advance_paid {
	background-color: #ffc40d;
	color: #000
}

.order_paid {
	background-color: #008a00;
	color: #fff;
}

.visibility_raw {
	width: 20px;
}

.price_visible_checkbox {
	float: left;
	margin-top: 5px;
	margin-left: 8px;
}

.visibility_raw_input {
	padding: 0 5px
}

.calc_info_tbl {
	width: 100%;
	border: 1px #ccc solid;
	padding: 10px;
	float: left;
}

.tpl_action_tbl {
	width: 100%;
	border: 1px #ccc solid;
	float: right;
	padding:10px;
}

.calc_info_title {
	width: 165px;
	font-size: 13px;
}

.option_calc_info {
	font-size: 12px;
}

.calc_seperator {
	text-align: center;
	width: 20px;
}

.doller_sign {
	display: block;
	width: 10px;
	float: left;
	margin-top: 2px;
}

.add_extra_loading {
	width: 25px;
	margin-bottom: -10px;
	margin-left: 10px;
}

.option_pricing_title {
	width: 100%;
	font-size: 12px;
	text-indent: 5px
}

.option_plan_title {
	width: 170px;
	font-size: 12px;
	text-align: center;
	display: block;
	margin: 0 auto;
}

.option_header {
	color: #39FF14;
	font-size: 18px;
	text-align: center;
	background-color: #000;
	padding: 10px 0;
}

.msg_close_btn {
	font-size: 22px;
	width: 15px;
	height: 15px;
	float: right;
	color: #FFF;
	margin-top: -18px;
	margin-right: 2px;
	cursor: pointer;
}

.invoice_action_box {
	width: 97.8%;
	background-color: #f9f9f9;
	padding: 10px;
	border: 1px #ccc solid;
	border-radius: 3px;
	margin: 0 auto;
	margin-top: 20px;
	overflow: hidden;
	padding-bottom: 10px;
}

.invoice_conditions {
	margin-left: 10px;
	text-align: justify;
	font-size: 12px;
	list-style: none;
}

.invoice_conditions li {
	padding: 5px 0
}

.purchase_plan {
	display: block;
	text-indent: 0;
	width: 100px;
	font-size: 14px;
	color: #fff;
	text-align: center;
	background-color: #008A01;
	float: right;
	padding: 6px 40px;
	border-radius: 20px;
	margin-right: 10px
}

.cancel_purchase {
	display: block;
	text-indent: 0;
	width: 100px;
	font-size: 14px;
	color: #fff;
	text-align: center;
	background-color: #FCB904;
	float: right;
	padding: 6px 40px;
	border-radius: 20px;
}

.highlight_font {
	font-size: 13px;
}

.price_info_box {
	width: 100%;
	height: 97px;
}

.option_action_box {
	background: #e2e2e2 ;
	float: left;
	width: 100%;
	position: relative;
}

.option_template_action_box {
	width: 100%;
	position: relative;
	float: right;
}

.option_name_tab {
	float: left;
	margin-right: 10px
}

.option_name_tab_model {
	display: block;
	float: left;
}

.plan_th {
	color: #fff;
	text-align: center;
	background-color: #9E9E9E
}

.plan_title_bg {
	
}

.highlight_purchased_plan {
	background-color: #b2ea00;
	box-shadow: 0 0 2px rgb(100, 100, 100);
}

.mail_send_proc {
	float: right;
	position: relative;
	margin-top: 2px;
	height: 15px;
}

.finalized_lable {
	font-size: 18px;
	right: 0;
	text-align: center;
	color: #FFF;
	background-color: #03a9f4;
	margin: 0 auto;
	margin-top: -4px;
	position: absolute;
	width: 130px;
	border-radius: 5px;
}

.template_tab_bar {
	width: 100%;
	overflow: hidden;
}

.template_tab_box {
	float: left;
	margin-right: 10px;
	height: 40px;
	margin-top: 5px;
}

.template_item {
	font-size: 14px;
	padding: 4px 5px 4px 10px;
	cursor: pointer;
	overflow: hidden;
}

.template_name_tab {
	float: left;
	margin-right: 10px
}

.template_display_normal {
	background-color: #1db344;
	color: #fff;
}

.template_display_normal:hover {
	background-color: #3e9856;
	color: #fff
}

.template_display_disabled {
	background-color: #9e9e9e;
	color: #000;
}

.template_display_disabled:hover {
	background-color: #c7c4c4;
	color: #000
}

.template_nowshowing {
	background-color: #cc3456;
	color: #fff;
	border-radius: 15px;
}

.template_nowshowing:hover {
	background-color: #a92f4a;
	color: #fff;
	border-radius: 15px;
}

.template_saved {
	width: 100%;
	text-align: center;
	border-bottom: 2px #cc4567 solid;
	color: #cc4567;
	margin: 0 auto;
	height: 5px;
}

.template_name {
	width: 100%;
	font-size: 14px;
	padding: 1px 5px;
}

.purchased_notification {
  font-size: 13px;
	text-align: center;
	color: #4caf50
}

.instruction_notes {
	font-size: 13px;
	text-align: justify;
	margin-top: 10px
}

.target_tbl_title_input {
	width: 300px;
	font-size: 12px;
	padding: 3px 0 3px 5px;
}

.target_tbl_nits_input {
	width: 100px;
	font-size: 12px;
	padding: 3px 0 3px 5px;
}

.target_tbl_notes_input {
	width: 300px;
	font-size: 12px;
	padding: 3px 0 3px 5px;
}

.target_info_no_records {
	width: 100%;
	font-size: 12px;
	color: #cc4567;
	text-align: center;
	margin-top: 20px;
}

.no_records_td {
	width: 100%;
	font-size: 12px;
	color: #cc4567;
	text-align: center;
}

.add_records_loading_img {
	width: 20px;
	display: block;
	margin: 0 auto;
}

.quick_notes_no_notes {
	font-size: 12px;
	text-align: center;
	color: #cc4567;
	border-top: 1px #cc4567 solid;
	border-bottom: 1px #cc4567 solid
}

.quick_note_meta_data {
	text-align: right;
	font-size: 12px;
	float: right;
	color: #a0522d
}

.quick_note_meta_data_recent {
	font-size: 12px;
	color: #a0522d;
	margin-top: 3px;
}

.tag_cus_type_opened_a {
	border-right-color: #42b7b2;
}

.tag_cus_type_opened_i {
	background-color: #42b7b2;
	color: #fff;
}

.tag_cus_type_closed_a {
	border-right-color: #42b7b2;
}

.tag_cus_type_closed_i {
	background-color: #42b7b2;
	color: #fff;
}

.tag_cus_cat_retail_a {
	border-right-color: #008a00;
}

.tag_cus_cat_retail_i {
	background-color: #008a00;
	color: #fff;
}

.tag_cus_cat_wholesale_a {
	border-right-color: #008a00;
}

.tag_cus_cat_wholesale_i {
	background-color: #008a00;
	color: #fff;
}

.tag_cus_cat_uncategorized_a {
	border-right-color: #008a00;
}

.tag_cus_cat_uncategorized_i {
	background-color: #008a00;
	color: #fff;
}

.shared_sales_dropdown {
	float: left;
	width: 220px;
}

.share-action-panel {
	width: 98%;
	padding: 0 1%;
	min-height: 30px;
}

.shared_sales_list {
	width: 98%;
	padding: 1% 1% 0 1%;
	min-height: 30px;
}

.shared_sales_wrapper {
	padding: 3px;
	min-height: 22px;
}

.shared_sales {
	float: left;
	margin-right: 10px;
	font-size: 12px;
	padding: 1px 2px 0 5px;
	background-color: #fdfdfd;
	margin-bottom: 5px;
	border-radius: 10px;
	border: 1px #000 solid;
	width: 48%;
}

.hide_share_box {
	display: block;
	float: right;
	width: 15px;
	margin-top: 5px;
	cursor: pointer;
	margin-right: -2px
}

.share_salesman {
	padding: 3px;
	border-radius: 16px;
	border: 1px #000 solid;
}

.shareholder_title {
	font-size: 12px;
	float: left;
	margin-top: 5px;
	margin-right: 5px
}

.lead_sharing_frame {
	min-height: 50px;
	border: 1px #999 solid;
	padding: 5px;
	background-color: #d2d2d2;
	border-radius: 10px;
}

.lead_sharing_img {
	float: right;
	display: block;
	height: 18px;
	cursor: pointer;
	border-radius: 9px;
}

.sharing_remove_img {
	display: block;
	float: right;
	height: 14px;
	margin-left: 5px;
	margin-top: 1px;
	cursor: pointer;
}

.shared_sales_name {
	padding: 1px 5px;
	float: left;
	margin-top: -2px;
}

.add_new_cus_btn {
	display: block;
	float: right;
	font-size: 14px;
	padding: 3px 10px;
	background-color: #008a00;
	color: #FFF;
	margin-right: 4px;
	font-family: Calibri
}

.add_new_cus_btn:hover {
	background-color: #076b07
}

.is_shred {
	box-shadow: 0 0 5px 3px #44f052;
}

.action_tbl_closing_img {
	float: right;
	color: #fff;
	margin-right: 5px;
	margin-top: 0px;
	cursor: pointer
}

.esc_notification {
	text-align: center;
	color: #FFF;
	position: absolute;
	margin-left: 48%;
	margin-top: 1%;
}

.ordered_tpl_notify {
	width: 100%;
	text-align: center;
	border-bottom: 2px #008a00 solid;
	font-size: 14px;
	color: #008a00;
	margin: 0 auto;
	margin-bottom: -21px;
}

/* NEW UI STYLE FOR Version 31-03-2017 */
.sort_btn {
	display: block;
	font-size: 14px;
	padding: 5px ;
	cursor: pointer;
	background-color: #708090;
	color: #FFF;
	text-indent: 70px;
	margin-top: 5px;
}

.sort_btn:hover {
	background-color: #8799ab;
}

.filter_date {
	width: 98%;
	padding: 1%
}

.filter_date_type {
	width: 98%;
	margin-left: 1%;
	margin-bottom: 10px;
}

.custom_dates {
	width: 96%;
	margin-left: 1%;
	padding: 1%;
}

.custom_date_input {
	display: block;
	float: left;
	margin-left: 10px;
	font-size: 12px;
	padding: 5px;
	text-align: center;
	border: 1px #ccc solid;
	width: 100px
}

.cus_date_box {
	width: 100%;
	margin: 5px 0;
	height: 29px;
}

.cus_date_title {
	float: left;
	font-size: 13px;
	width: 56px;
}

.inquiry_form_links {
	color: #ccc;
	font-family: Calibri
}

.inquiry_form_links:hover {
	color: #ffeb3b
}

.userCompaniesList {
	font-size: 14px;
  padding: 2px 0 4px 0;
  color: #0e2d4d;
  background-color: #fdea8c;
  border: none;
  border-radius: 10px;
  width: 100%;
  text-align: center;
  font-weight: bold;
}

.share-lead-btn {
	text-decoration: none;
	font-size: 12px;
	padding: 3px 10px;
	color: #ffffff;
	background-color: #4069e1;
	border-radius: 10px;
	cursor: pointer;
}

.title-lead-profile {
	text-decoration: none;
	cursor: pointer;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
}

.title-lead-profile:hover {
	color: #0072c6;
	text-decoration: underline;
}

.share-lead-main-txt {
	float: right; 
	margin-right: 10px;
}

.form-bottom-action-panel {
	width: 100%;
	margin-top: 50px;
}

.add-lead-btn {
	float: right;
	border: 1px solid #46b8da;
	border-radius: 4px;
	cursor: pointer;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.42857;
	padding: 6px 100px;
	text-align: center;
	background-color: #10c469;
	color: #fff;
}

.auto-proposal-model-list {
	float: left;
	padding: 5px 20px;
}

.auto-proposal-models-listpages {
	float: right;
	padding: 2px 5px;
	font-size: 12px;
}

.leads-create-psl-btn {
	display: block;
	float: right;
	font-size: 11px;
	background-color: #12108c;
	padding: 4px 6px;
	color: #fff;
	cursor: pointer;
	margin-left: 5px;
	margin-right: 10px;
}

.list-content-frame {
	width: 100%;
	min-height: 20px;
	background-color: #ccc;
}

/*New List Styles - 2025*/
.list-body-container {
  width: 100%;
  margin: 0 auto;
  
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  
  border-radius: 12px;
  background: #f9f9f9;
}

.list-container-l {
	width: 25%;
	float: left;
	height: 100%;
}

.list-container-r {
	width: 75%;
	float: right;
	display: flex;
	flex-wrap: wrap;
}

.list-container-l-titles {
	width: 99%;
	display: flex;
	flex-wrap: wrap;
	padding: 0.5%;
}

.list-search-btn {
	width: 10.5%;
	font-size: 14px;
  text-align: center;
	cursor: pointer;
	border: 1px #000 solid;
	border-radius: 3px;
	padding: 4px 0px 6px 0px;
}

.list-search-bar {
	width: 88%;
  font-size: 14px;
  padding: 4px 8px 6px 0;
	border: 1px #000 solid;
	border-radius: 3px;
	border-radius: 3px;
  text-indent: 1%;
}

.search-clear-box {
	width: 25%;
	height: 100%;
	float: left;
	background-color: purple;
}

.search-terms-box {
	width: 75%;
	height: 100%;
	float: right;
	background-color: indigo;
}

.clear-search-btn {
	width: 70%;
  font-size: 11px;
  text-align: center;
  padding: 2px 5px;
  cursor: pointer;
  margin: 5px 0 0 0px;
  border: 1px #ccc solid;
  border-radius: 3px;
}

.page-title-txt {
	padding: 14px 0 0 20px;
	font-size: 16px;
	font-weight: bold;
}

.no-list-items {
	width: 100%;
	height: 18px;
  padding: 1%;
	text-align: center;
	color: #ffffff;
	background-color: #de3939;
	display: none;
}

.list-item-box {
	width: 98.8%;
  display: flex;
  flex-wrap: wrap;
  padding: 0.4%;
  border: 1px #999 solid;
  border-radius: 3px;
  margin: 10px 0;
  background-color: #fffde5;
}

.list-item-header {
	width: 100%;
	display: flex;
  flex-wrap: wrap;
}

.list-card-title {
	width: 30%;
	display: flex;
  flex-wrap: wrap;
	float: left;
	font-size: 14px;
}

.list-card-control {
	width: 70%;
	float: right;
}

.sub-cat-data-24-l {
	width: 24%;
	display: flex;
  flex-wrap: wrap;
  float: left;
}

.sub-cat-data-24-r {
	width: 24%;
	display: flex;
  flex-wrap: wrap;
  float: right;
}

.sub-cat-data-24-m {
	width: 24%;
	display: flex;
  flex-wrap: wrap;
  float: left;
  margin: 0 0.2%;
}

.sub-cat-data-100 {
	width: 100%;
	display: flex;
  flex-wrap: wrap;
  margin: 0.5% 0 0.2% 0;
}

.sub-cat-data-100-l {
	width: 12%;
	display: flex;
  flex-wrap: wrap;
  float: left;
  margin: 0 0.2%;
  font-size: 12px;
  font-weight: 600;
  color: #0072C6;
  cursor: pointer;
}

.sub-cat-data-100-l:hover {
	color: #fbbf09;
}

.sub-cat-data-100-r {
	width: 87%;
	display: flex;
  flex-wrap: wrap;
  float: right;
}

.sub-cat-data-100-r-100 {
	width: 98%;
	display: none;
  flex-wrap: wrap;
  font-size: 12px;
}

.sub-card-colum-cell {
	width: 100%;
	display: flex;
  flex-wrap: wrap;
}

.sub-card-colum-cell-l {
	width: 45%;
	display: flex;
  flex-wrap: wrap;
  float: left;
  font-size: 11px;
  font-weight: 600;
  text-align: right;
}

.sub-card-colum-cell-r {
	width: 55%;
	display: flex;
  flex-wrap: wrap;
  float: right;
  font-size: 11px;
  text-align: left;
}

.main-cat-card {
	width: 98%;
	display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
  margin-top: 5px;
  border: 1px #ccc solid;
  border-radius: 4px;
  padding: 0.3%;
  background-color: #f0f0f0;
}

.main-cat-notes-card {
	width: 100%;
	display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
  margin-top: 5px;
  border: 1px #ccc solid;
  border-radius: 4px;
  padding: 0.2%;
  background-color: #f0f0f0;
}

.main-cat-card-title {
	width: 100%;
	display: flex;
  flex-wrap: wrap;
  color: #000000;
  background-color: #dedddd;
}

.main-cat-notes-card-title {
	width: 100%;
	display: flex;
  flex-wrap: wrap;
  color: #000000;
  background-color: #dedddd;
}

.sub-card-title {
	width: 25%;
	float: left;
	font-size: 12px;
	text-indent: 2px;
	font-weight: bold;
	border-radius: 5px;
	padding: 2px 0 1px 0;
}

.sub-card-title.toggle-box-title {
	color: #0072C6;
	cursor: pointer;
}

.toggle-box-title:hover {
	color: #fbbf09;
}

.sub-card-control {
	width: 75%;
	float: right;
}

.sub-cat-data {
	width: 99%;
	display: flex;
  flex-wrap: wrap;
	margin: 0 auto;
	margin-top: 2px;
}

.sub-cat-notes-title {
	width: 100%;
	height: 16px;
	font-size: 11px;
	text-indent: 5px;
	color: #cccccc;
	cursor: pointer;
}

.sub-cat-notes-title:hover {
	color: blue;
}

.sub-cat-notes {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}

.sub-card-notes-txt {
	font-size: 11px;
	text-indent: 5px;
}

.sub-cat-data-32-l {
	width: 40%;
	height: 100%;
	float: left;
}

.sub-cat-data-32-m {
	width: 40%;
	height: 100%;
	float: left;
	margin-left: 0.5%;
}

.sub-cat-data-32-r {
	width: 18%;
	height: 100%;
	float: right;
}

.sub-cat-data-row {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	font-size: 12px;
}

.main-cat-notes {
	width: 99%;
	display: none;
	padding: 0.3%;
}

.list-item-note-row {
	width: 99%;
	display: flex;
	flex-wrap: wrap;
	padding: 0.3%;
}

.list-item-note-actions {
	width: 5%;
	display: flex;
	flex-wrap: wrap;
	padding: 0.2%;
	float: left;
}

.list-item-note-meta {
	width: 32%;
	display: flex;
	flex-wrap: wrap;
	padding: 0.2%;
	float: left;
	font-size: 12px;
	font-weight: 600;
}

.list-item-note-txt {
	width: 60%;
	display: flex;
	flex-wrap: wrap;
	padding: 0.2%;
	float: right;
	font-size: 12px;
}

.list-item-note-actions-icon {
	width: 14px;
	height: 13px;
	font-size: 11px;
	text-align: center;
	padding: 1px 0 0 0;
	cursor: pointer;
	border-radius: 10px;
	margin-left: 5px;
}

.list-item-note-actions-icon.icon-color-del {
	color: #ffffff;
	background-color: #000000;
}

.list-item-note-actions-icon.icon-color-edit {
	color: #ffffff;
	background-color: #0072c6;
}

.customer-company-txt {
	font-size: 16px;
	font-weight: bold;
	padding: 0 0 0 3px;
}

.customer-name-txt {
	font-size: 14px;
	padding: 0 0 0 3px;
}

.page-header-box {
	width: 99%;
	display: flex;
	flex-wrap: wrap;
	max-height: 60px;
	margin: 5px 0;
  background-color: #edeaea;
  padding: 0.5%;
}

.page-header-l {
	width: 25%;
	height: 100%;
	float: left;
}

.page-header-r {
	width: 75%;
	height: 100%;
	float: right;
}

.page-header-r-up {
	width: 100%;
	height: 50%;
}

.page-header-r-down {
	width: 100%;
	height: 50%;
	background-color: greenyellow;
}

.page-header-r-down-l {
	width: 15%;
	height: 100%;
	float: left;
}

.page-header-r-down-r {
	width: 85%;
	height: 100%;
	float: right;
}

.search-terms-txt {
	display: inline-flex;
	font-size: 11px;
	padding: 3px 5px 4px 5px;
	background-color: #565656;
	color: #ffffff;
	margin: 4px 3px 0 0;
}

.titles-l2-main-box {
	width: 96%;
	display: flex;
	flex-wrap: wrap;
	padding: 0.5%;
	margin-bottom: 5px;
	border: 1px #ccc solid;
	border-radius: 5px;
}

.left-panel-title-box {
	width: 96%;
	padding: 0.5%;
	margin: 0 auto;
}

.left-panel-title-l2 {
	font-size: 14px;
	padding: 3px 10px 5px 10px;
	text-indent: 12px;
}

.left-panel-title-l2-active {
	background-color: #dcf7e4;
}

.lp-nav-l3-base {
	text-decoration: none;
	display: block;
	font-size: 11px;
	padding: 5px 10px 4px 10px;
	text-indent: 50px;
}

.lp-nav-l3-base:hover {
	box-shadow: 0 0 5px #999999;
}

.lp-nav-l3-sts1 {
	color: #0072c6;
}

.lp-nav-l3-sts1-active {
	color: white;
	background-color: #2563EB;
}

.lp-nav-l3-sts0 {
	color: #e51c45;
}

.lp-nav-l3-sts0-active {
	color: white;
	background-color: #e51c45;
}

.no-list-item-notes {
	width: 100%;
	margin: 0 auto;
	font-size: 12px;
	padding: 3px 0 4px 0;
	text-align: center;
	color: #f46f6f;
	background-color: #fffff7;
	border: 1px #e1e174 solid;
	border-radius: 5px;
	margin: 3px 0;
	display: none;
}

.add-lead-note-btn {
	font-size: 11px;
	padding: 3px 15px 2px 15px;
	border-radius: 3px;
	cursor: pointer;
	float: right;
	background: #007bff;
  color: white;
  border: 1px #007bff solid;
  display: none;
}

.add-lead-note-btn:hover {
  background: #0056b3;
}

.loading-list-item-data {
	height: 25px;
	display: block;
	margin: 0 auto;
}

.list-item-action-btn-base {
	float: right;
	
	font-family: 'Inter', 'Segoe UI', Roboto, sans-serif;
	font-size: 12px;
	font-weight: 500;
	color: #ffffff;

	padding: 2px 5px 3px 5px;
	border-radius: 3px;
	border: none; 

	cursor: pointer;
	transition: background-color 0.2s ease, box-shadow 0.2s ease;

	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);

	margin-left: 5px;
}

.list-item-action-btn-base:hover {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.12);
}

.list-item-btn-edit {
  background-color: #3B82F6; /* Blue 500 */
}
.list-item-btn-edit:hover {
  background-color: #2563EB; /* Blue 600 */
}

.list-item-btn-disable {
  background-color: #6B7280; /* Gray 500 */
}
.list-item-btn-disable:hover {
  background-color: #4B5563; /* Gray 600 */
}

.list-item-btn-enable {
  background-color: #22C55E; /* Green 500 */
}
.list-item-btn-enable:hover {
  background-color: #16A34A; /* Green 600 */
}

.list-item-btn-add {
  background-color: #10B981; /* Emerald 500 */
}
.list-item-btn-add:hover {
  background-color: #059669; /* Emerald 600 */
}

.list-item-main-cat-add-notes {
	display: none;
  background-color: #10B981; /* Emerald 500 */
}
.list-item-main-cat-add-notes:hover {
  background-color: #059669; /* Emerald 600 */
}

/*
* List Item Add Notes
*/
.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
  z-index: 9999;
}

/* ===== Active (visible) state ===== */
.overlay.active {
  opacity: 1;
  pointer-events: auto;
}

/* ===== Popup Box ===== */
.popup-box {
  background: #fff;
  padding: 20px 25px;
  border-radius: 10px;
  width: 90%;
  max-width: 400px;
  box-shadow: 0 0 20px rgba(0,0,0,0.3);
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 10px;

  /* subtle entrance animation */
  transform: translateY(-20px);
  opacity: 0;
  transition: all 0.3s ease;
}

/* when overlay is active, popup animates in */
.overlay.active .popup-box {
  transform: translateY(0);
  opacity: 1;
}

/* ===== Close Button ===== */
.close-btn {
  position: absolute;
  right: 10px;
  top: 8px;
  background: none;
  border: none;
  font-size: 22px;
  cursor: pointer;
  color: #666;
}

.close-btn:hover {
  color: #000;
}

/* ===== Textarea ===== */
.popup-box textarea {
  width: 100%;
  min-height: 100px;
  resize: vertical;
  padding: 10px;
  border: 1px solid #ddd;
  border-radius: 6px;
  font-family: inherit;
  font-size: 14px;
}

/* ===== Buttons ===== */
#saveNoteBtn {
  background: #007bff;
  color: white;
  border: none;
  padding: 8px 12px;
  border-radius: 6px;
  cursor: pointer;
  font-weight: 500;
  transition: background 0.2s ease;
}

#saveNoteBtn:hover {
  background: #0056b3;
}

/*
* List Item Confirmation
*/
.list-item-conf-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
  z-index: 9999;
}

/* ===== Active (visible) state ===== */
.list-item-conf-overlay.active {
  opacity: 1;
  pointer-events: auto;
}

/* ===== Popup Box ===== */
.list-item-conf-popup-box {
  background: #fff;
  padding: 20px 25px;
  border-radius: 10px;
  width: 90%;
  max-width: 400px;
  box-shadow: 0 0 20px rgba(0,0,0,0.3);
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 10px;

  /* subtle entrance animation */
  transform: translateY(-20px);
  opacity: 0;
  transition: all 0.3s ease;
}

/* when overlay is active, popup animates in */
.list-item-conf-overlay.active .list-item-conf-popup-box {
  transform: translateY(0);
  opacity: 1;
}

/* ===== Close Button ===== */
.list-item-conf-close-btn {
  position: absolute;
  right: 10px;
  top: 8px;
  background: none;
  border: none;
  font-size: 22px;
  cursor: pointer;
  color: #666;
}

.list-item-conf-close-btn:hover {
  color: #000;
}

/* ===== Action Buttons ===== */
.list-item-conf-actions {
	width: 60%;
	margin: 0 auto;
}

.list-item-conf-yes {
	float: left;
  background: #007bff;
  color: white;
  border: none;
  padding: 8px 20px;
  border-radius: 3px;
  cursor: pointer;
  font-weight: 500;
  transition: background 0.2s ease;
}

.list-item-conf-yes:hover {
  background: #0056b3;
}

.list-item-conf-cancel {
	float: right;
  background: #007bff;
  color: white;
  border: none;
  padding: 8px 20px;
  border-radius: 3px;
  cursor: pointer;
  font-weight: 500;
  transition: background 0.2s ease;
}

.list-item-conf-cancel:hover {
  background: #0056b3;
}

.list-item-conf-title {
	text-align: center;
}

.list-item-conf-info {
	font-size: 13px;
	text-align: center;
}

.salesman-note-del-conf-gif-box {
	width: 13px;
	height: 13px;
	font-size: 11px;
	text-align: center;
	padding: 1px 0 0 0;
	cursor: pointer;
	border-radius: 10px;
	margin-left: 5px;
}

.salesman-note-del-conf-gif {
	display: block;
	height: 13px;
	margin: 0 auto;
}