@font-face
{
  font-family: 'wf_segoe-ui_light'; 
  src:  url(../fonts/wf_segoe-ui/west-european/light/latest.eot); 
  src:  local("Segoe UI Light"),
      local("Segoe WP Light"),
      url(../fonts/wf_segoe-ui/west-european/light/latest.eot?#iefix) format('embedded-opentype'), 
      url(../fonts/wf_segoe-ui/west-european/light/latest.woff) format('woff'), 
      url(../fonts/wf_segoe-ui/west-european/light/latest.ttf) format('truetype'),
      url('//c.s-microsoft.com/static/fonts/segoe-ui/west-european/light/latest.svg#web') format('svg'); 
      font-weight: normal; 
      font-style: normal; 
}

@font-face
{
  font-family: 'wf_segoe-ui_normal'; 
  src:  url(../fonts/wf_segoe-ui/west-european/normal/latest.eot); 
  src:  local("Segoe UI"),
      local("Segoe"),
      local("Segoe WP"),
      url(../fonts/wf_segoe-ui/west-european/normal/latest.eot?#iefix) format('embedded-opentype'), 
      url(../fonts/wf_segoe-ui/west-european/normal/latest.woff) format('woff'), 
      url(../fonts/wf_segoe-ui/west-european/normal/latest.ttf) format('truetype'), 
      url('//c.s-microsoft.com/static/fonts/segoe-ui/west-european/normal/latest.svg#web') format('svg'); 
  font-weight: normal; 
  font-style: normal; 
}

@font-face
{
  font-family: 'wf_segoe-ui_Semibold'; 
  src:  url(../fonts/wf_segoe-ui/west-european/Semibold/latest.eot); 
  src:  local("Segoe UI Semibold"),
      local("Segoe Semibold"),
      local("Segoe WP Semibold"),
      url(../fonts/wf_segoe-ui/west-european/Semibold/latest.eot?#iefix) format('embedded-opentype'), 
      url(../fonts/wf_segoe-ui/west-european/Semibold/latest.woff) format('woff'), 
      url(../fonts/wf_segoe-ui/west-european/Semibold/latest.ttf) format('truetype'), 
      url('//c.s-microsoft.com/static/fonts/segoe-ui/west-european/Semibold/latest.svg#web') format('svg'); 
  font-weight: normal; 
  font-style: normal; 
}

@font-face
{
  font-family: 'wf_icons_normal'; 
  src:  url(../fonts/wf_icons/normal/2.eot); 
  src:  url(../fonts/wf_icons/normal/2.eot?#iefix) format('embedded-opentype'), 
      url(../fonts/wf_icons/normal/2.woff) format('woff'), 
      url(../fonts/wf_icons/normal/2.ttf) format('truetype'), 
      url('//c.s-microsoft.com/static/fonts/icons/homepage/normal/2.svg#web') format('svg'); 
  font-weight: normal; 
  font-style: normal; 
}

*{font-family: wf_segoe-ui_normal; margin: 0; padding: 0}

/*::-webkit-scrollbar {display: none;}*/

body{background-color: #FFF;}
#main{width: 1200px; min-height: 500px; margin: 0 auto;}
a{text-decoration: none}
#header{width: 100%; height: 81px; margin: 0 auto; background-color: #262626}
#logo_unit{width: 540px}
#site_image{float: left; height: 60px; padding: 5px 0 0 5px;}
#site_name{display: block; float: left; text-indent: 20px; margin-top: 3px}
#site_name a{font-size: 20px; color: #fff; font-family: wf_segoe-ui_light}
#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: #da3b01; color: #fff}
.nav_l1_li_deactive{}
.nav_l1_li_deactive:hover{background-color: rgba(255,255,255,0.2)}
#footer{width: 100%; margin: 0 auto; padding: 5px 0; background-color: #262626; font-size: 12px; font-weight: bold; margin-top: 20px; color: #fff}
#footer_txt{letter-spacing: 1px; font-family: Verdana; font-size: 12px; font-weight: normal; 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: #0072c6 !important; text-indent: 20px; color: #FFF; font-family: wf_segoe-ui_light; 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; background-color: #F5F5F5;}
.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_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: 12px; background-color: #008A00; padding: 6px 8px; 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_list{display: block; float: right; font-size: 12px; background-color: #008A00; padding: 6px 8px; color: #fff; margin-left: 2px; cursor: pointer;}
.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: 6px 8px; 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: 14px; padding: 4px 10px; color: #fff; text-indent: 30px}
.nav_l2_btn:hover{background-color: #0072c6}
.nav_l2_btn_active{background-color: #0072c6; color: #fff}
.nav_l2_btn_deactive{background-color: #008A00}
.nav_l2_btn_info{display: block; font-size: 14px; padding: 4px 10px; color: #000; text-indent: 30px; background-color: #FCB904}
.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: translate(-50%, -50%); padding: 0 0 10px 0; box-shadow: 0 0 10px 1px #000}
#remove_coverimg{width: 600px; height: 100px; top: 9.5%; left: 57%;}
#popup_box{width: 600px; min-height: 150px; 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: 0 0 10px 0; box-shadow: 0 0 10px 1px #000}
#popup_box h3{color: #fff; text-indent: 20px; text-align: center; letter-spacing: 1px}
#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: 0px; 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: 12px; color: #000; font-family: wf_segoe-ui_Semibold; text-indent: 45px}
.tab_l3:hover{color: #e51400}
.active_tab_l3{color: #e51400}
.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; height: 100px; resize: vertical; font-size: 12px; border: 1px #ccc solid;}
.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}
#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{font-size: 14px; background-color: #008A00; color: #fff; padding: 6px 30px; border: none; cursor: pointer; margin-right: 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 , .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: 975px; 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: 953px; 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: 975px; height: 27px; background-color: #fff; padding: 5px 0; margin-top: 10px}
.opt_nav_tab_box{list-style: none; width: 975px; 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; /*margin: 28px 0 0;*/ 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: 800px; height: 430px; 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: 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: #000; text-indent: 30px; background-color: #FCB904}
.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{position:relative; float:left; 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_tbl_bg{background-color: #F5F5F5;}
.proview_gen_title_l{width: 125px; 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 18px 10px 8px;}
.proview_gen_info_r{width: 398px; font-size: 11px; vertical-align: top; padding: 10px 0 10px 8px;}
.highlight_val_a{color: #444}
.highlight_val_b{color: #fff}
.font_color_a{color: #008B8B}
.font_color_b{color: #FFEB3B}
.pro_gen_tr{display: block; border-bottom: 1px #444 solid;}

/*  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_act{}
.option_nav_tab_dact{}

.option_nav_tab_template_act{}
.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%; padding: 10px; margin-top: 20px; border: 1px #444 solid;}
.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;}  /*#00BCD4*/
.order_heighlight{background-color: #fff; color: #000; text-indent: 0}
.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}
.pro_gen_tr{display: block; border-bottom: 1px #ccc solid;}
.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: 953px; 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: 941px; 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: 10px;}
.page_no_li a{float: left; display: block; text-align: center; font-size: 14px; cursor: pointer; padding: 2px 8px; background-color: #FCB904; }
.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; border: 1px #ccc solid; padding-bottom: 16px; position: inherit;}
#module_val_sheet{width: 852px; min-height: 50px; overflow-x: scroll; border: 1px #ccc solid; 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; border: 1px #ccc solid; 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_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{background-color: #E1E1E1; border: 1px #000 solid;}
.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: 975px;  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: 12px; padding: 1px 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: #fff;}
.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: #fff;}
.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-right: 10px; height: 57px; margin-bottom: 15px;}
.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: 12px; padding: 4px 0; margin-right: 10px; text-indent: 5px;}
.search_res{float: left; width: 70px; text-align: center; font-size: 12px; padding: 4px 0; margin-right: 10px}
.search_mtrx{float: left; width: 90px; text-align: center; font-size: 12px; padding: 4px 0;}
.search_dimen{float: left; width: 120px; text-align: center; font-size: 12px; 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: 290px; 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: 14px;}
.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;}
/*.mail_loading_gif{width: 20px; position: absolute; margin-top: -2px;}*/
/*.mail_sent_tick{display: block; width: 15px; float: right;}*/
.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;}
.shared_sales_list{float: left; width: 640px; min-height: 27px;}
.shared_sales_wrapper{display: block; list-style: none; padding: 3px; min-height: 22px;}
.shared_sales{float: left; margin-right: 8px; display: block; font-size: 12px; padding: 1px 2px 0 5px; background-color: #aade73; margin-bottom: 5px; border-radius: 10px; border: 1px #417ac5 solid;}
.hide_share_box{display: block; float: right; width: 15px; margin-top: 5px; cursor: pointer; margin-right: -2px}
.share_salesman{padding: 3px;}
.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: #deede3;}
.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}