@CHARSET "ISO-8859-1";
html,body {
width:100%;
height:100%;
margin:0px;
padding:0px;
}
button:focus {
outline: none;
}
button, input, optgroup, select, textarea {
color: #000;
}
.field_error {
background-color: #ff9999 !important;
}
.cell_brdr_r {
border-right: solid 1px #b2b2b2;
}
.cell_brdr_l {
border-left: solid 1px #b2b2b2;
}
.cell_brdr_b {
border-bottom: solid 1px #b2b2b2;
}
.cell_brdr_t {
border-top: solid 1px #b2b2b2;
}
.cell_brdr {
border: solid 1px #b2b2b2;
}
.cell_brdr_dot_t {
border-top: dotted 1px #b2b2b2;
}
.cell_brdr_dot_b {
border-bottom: dotted 1px #b2b2b2;
}
.cell_brdr_dot_r {
border-right: dotted 1px #b2b2b2;
}
.brdr {
border:0 solid #b2b2b2;
}
.brdr-right {
border-right-width: 1px;
}
.brdr-left {
border-left-width: 1px;
}
.brdr-bottom {
border-bottom-width: 1px;
}
.brdr-top {
border-top-width: 1px;
}
.brdr-all {
border-width: 1px;
}
.nowrap_ellipsis {
text-overflow:ellipsis;
white-space: nowrap;
}
.text-danger {
color: #a94442;
}
input[type='checkbox'], input[type='radio'] {
padding:0;
margin:0;
cursor:pointer;
}
input[type='button'] {
-webkit-appearance : none;
}
.center {
text-align:center;
}
#main_container {
margin: auto;
padding:0;
text-align:left;
width:1250px;
position:relative;
}
table.fixed {
table-layout: fixed;
}
table td.break-word {
word-wrap: break-word;
}
.menu { color: #000000; font-family: verdana, arial, helvetica, sans-serif; font-size: 11px; font-weight: normal; }
.menu A:LINK { color: #000000; text-decoration: underline; }
.menu A:VISITED { color: #000000; text-decoration: underline; }
.menu A:ACTIVE { color: #000000; text-decoration: underline; }
.menu A:HOVER { color: #000000; text-decoration: underline; }
/****************************************************************************************************
* Front Page General
****************************************************************************************************/
.div_reportIfrmHeader { width:1231px; height:20px; top:69px; left:9px; z-index:300; position:absolute; display:none; border:1px solid #97A1AA; }
.ifrm_check_icon { width:135px; height:24px; top:22px; left:1090px; z-index:400; position:absolute; background:transparent; }
.ifrm_examine_call_list { width:14px; height:17px; top:10px; left:1230px; z-index:400; position:absolute; background:transparent; }
.ifrm_reportIframe { width:1223px; top:89px; left:9px; z-index:300; position:absolute; display:none; border:5px solid #97A1AA; background-color: white; }
.ifrm_report_html { width:1223px; height:100%; overflow:auto; overflow-x:hidden; background-color:#222; }
.ifrm_store_icon { width:26px; height:26px; top:11px; left:1215px; z-index:401; position:absolute; cursor:pointer; }
.ifrm_store_list { width:255px; height:105px; top:21px; left:968px; z-index:402; position:absolute; background:transparent; }
.ifrm_customer_merge_popup { width:485px; height:325px; top:200px; left:375px; z-index:401; position:absolute; background:transparent; }
.ifrm_employee_merge_popup { width:485px; height:305px; top:200px; left:375px; z-index:401; position:absolute; background:transparent; }
.ifrm_customer_groups_manager { width:1242px; top:65px; left:4px; z-index:401; position:absolute; overflow:auto; }
.ifrm_customer_groups_add { width:358px; height:340px; top:170px; left:420px; z-index:401; position:absolute; }
.ifrm_customer_groups_schedule { width:358px; height:435px; top:170px; left:420px; z-index:401; position:absolute; }
.ifrm_customer_groups_lock { width:358px; height:117px; top:170px; left:420px; z-index:401; position:absolute; }
.ifrm_spell_checker { width:450px; height:345px; top:120px; left:160px; z-index:401; position:absolute; }
.ifrm_report_popup { width:1233px; height:731px; top:79px; left:9px; z-index:1001; position:absolute; overflow:auto; }
.home_showroom_dialog { border:0px solid #000000; position:absolute; top:45px; left:200px; width:410px; height:316px; display:none; }
.fp_top_iframes_height { height:250px; }
.tbl_total_width_height { width:1242px; height:100%; }
.tbl_main_width { width:1232px; }
.print_manager_dimensions { width:1222px; height: 100%; overflow:hidden; overflow-x:hidden; }
.query_data_dimensions { width:136px; height: 110px; overflow:hidden; }
.quick_query_data_dimensions { width:150px; height: 80px; overflow-x:hidden; }
table tr.data-row {
height: 26px;
cursor: pointer;
}
table tr.data-row:hover {
background-color: #CDDAFF !important;
}
div#filter_div table {
height: 27px;
border-top: 1px solid #B2B2B2;
background-color:#C9C9C9;
}
div#filter_div table tr td.filter_sec {
white-space: nowrap;
padding: 0 3px 0 3px;
}
div#filter_div table tr td.border_left {
border-left: 1px solid #E9E9E9;
}
div#filter_div table tr td.border_right {
border-right: 1px solid #B2B2B2;
}
.front_tabs_full {
position: absolute;
top : 0px;
width : 100%;
}
.front_tabs_iframe_height {
width : 100%;
height : 100%;
}
.front_tabs_iframe_height_full {
width : 100%;
height : 100%;
}
.filter_tabs_iframe_height {
width : 100%;
height : 450px;
overflow: auto;
}
.home_box_div {
width: 398px;
overflow: auto;
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
}
.ui-widget.ui-widget-shadow {
-webkit-box-shadow: 3px 4px 8px 1px rgb(0 0 0 / 20%);
box-shadow: 3px 4px 8px 1px rgb(0 0 0 / 20%);
}
.ui-tooltip.ui-widget.ui-widget-content {
border-radius: 3px;
border: none;
}
.resize-tooltip.ui-widget.ui-widget-content {
border: none;
background-color: rgb(23, 43, 77);
background-image: none;
color: rgb(255,255,255);
font-family: inherit;
border-radius: 3px;
}
/***************************************************************************************************/
/****************************************************************************************************
* Reports
****************************************************************************************************/
.report_data_height { height:702px; }
/***************************************************************************************************/
/****************************************************************************************************
* Front Page Boxes :: All Pages in 'home' folder
****************************************************************************************************/
#front-top {
height: 285px;
width: 100%;
}
.fp_sales_calendar { width:170px; height:100%; overflow:auto; float:left; }
.fp_sales_walkins { position:absolute; width:1057px; left:180px; top:372px; }
.fp_sales_walkins_ifrm { height:333px; width:1045px; }
.fp_sales_tasks { width:407px; height:100%; float: left; }
.fp_sales_tasks_ifrm { height:100%; width:397px; }
.fp_sales_calllist { width:645px; height:100%; float:left; }
.fp_sales_calllist_ifrm { width:635px; overflow:auto; }
.fp_box_stats { position:absolute; top:4px; left:0px; width:408px; padding-top:0px; }
.fp_box_messages { position:absolute; top:4px; left:413px; width:408px; padding-top:0px; }
.fp_box_tasks { position:absolute; top:4px; left:825px; width:408px; padding-top:0px; }
.home_messages_div { overflow:auto; width:397px; height:229px; }
.home_tasks_div { overflow:auto; width:397px; height:201px; }
.home_tasks_col4_width { width:266px;}
.home_tasks_div_width { width:397px;}
.home_tasks_div_width_sales { width:397px;}
.home_tasks_div_sales { overflow:auto; width:397px; height:652px; }
.task_list_width { width:398px; }
.task_list_width_sales { width:397px; }
.report_list { position:absolute; top:290px; left:830px; width:407px; height:300px; }
.report_list_div_height { width:100%; height:417px; overflow:auto; }
.call_assessment_height { height:635px;}
.call_assessment_width { width:530px;}
.call_list_width { width:1222px; }
.call_list_width_height { overflow:auto; width:1222px;}
.clients_width { width:1222px; }
.clients_width_height { overflow:auto; overflow-x:hidden; width:1222px; height:367px; }
.jira_clients_width_height { overflow:auto; overflow-x:hidden; width:1222px; height:351px; }
.prospects_width { width:1222px; }
.prospects_width_height { overflow:hidden; overflow-y:auto; overflow-x:hidden; width:1222px; height:329px; }
.stats_filter { left:91px; top:80px; border:2px solid #000000; background-color:#FFFFFF; position:absolute; width:180px; height:79px; }
.stats_team_select_width { width: 170px;}
.prospects_vehicle_filter { background-color:#F0F0F0; width:250px; height:260px; border:1px solid #555; border-top: 2px solid #555;}
#vehicleFilter #bodytype-div { display: inline-block; width: 171px; margin-bottom: 3px; height: 57px; overflow: auto; overflow-x: hidden; -ms-overflow-x: hidden; background-color: #fff; }
.prospects_rating_filter { background-color:#F0F0F0; width:113px; height:123px; border:1px solid #555; border-top: 2px solid #555;}
.autoalert_alert_filter { background-color:#F0F0F0; width:150px; height:212px; border:1px solid #555; border-top: 2px solid #555;}
.autoalert_vehicle_filter { background-color:#F0F0F0; width:250px; height:260px; border:1px solid #555; border-top: 2px solid #555;}
.walkins_vehicle_filter { background-color:#F0F0F0; width:250px; height:137px; border:1px solid #555; border-top: 2px solid #555;}
.autoalert_alert_vehicle_filter { background-color:#F0F0F0; width:250px; height:115px; border:1px solid #555; border-top: 2px solid #555;}
.appointments_width { width:1222px; }
.appointments_width_height { overflow:auto; width:1222px; height:362px; }
.issues_width { width:1222px; }
.issues_width_height { overflow:auto; width:1222px; height:367px; }
.inventory_width { width:1222px; }
.inventory_width_height { overflow:auto; width:1222px; height:362px; }
.appraisals_width { width:1222px; }
.appraisals_width_height { overflow:auto; width:1222px; height:358px; }
.appraisals_vehicle_filter { background-color:#F0F0F0; width:190px; height:97px; border:1px solid #555; border-top: 2px solid #555;}
.vehicle_trim_filter { background-color:#F0F0F0; width:410px; height:200px; border:1px solid #555; border-top: 2px solid #555;}
.vehicle_option_filter { background-color:#F0F0F0; width:410px; height:200px; border:1px solid #555; border-top: 2px solid #555;}
.inventory_priority_filter { background-color:#F0F0F0; width:150px; height:170px; border:1px solid #555; border-top: 2px solid #555;}
.inventory_status_filter { background-color:#F0F0F0; min-height:85px; max-height:300px; border:1px solid #555; border-top: 2px solid #555;}
#statusFilter .list-container { max-height:250px; margin-bottom: 10px; overflow:hidden; overflow-x:hidden; overflow-y:auto; }
#statusFilter .list-container table { padding-right: 18px;}
#statusFilter .status_row td { white-space: nowrap; }
.walkins_width { width:1222px; }
.walkins_width_height { overflow:auto; width:1222px; height:363px; }
.pagenumber_width { width:40px; }
.table_scroll-div { height:1px; width: 100%; overflow: hidden; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch;}
/***************************************************************************************************/
/****************************************************************************************************
* Front Page:: Appraisal Tab Columns
****************************************************************************************************/
.app_tab_name_width { width:158px; }
.app_tab_salesprocess_width { width:105px; }
.app_tab_updatedate_width { width:115px; }
.app_tab_appraisedvalue_width { width:70px; }
.app_tab_actualcashvalue_width { width:70px; }
.app_tab_expirationdate_width { width:70px; }
.app_tab_year_width { width:65px; }
.app_tab_make_width { width:65px; }
.app_tab_model_width { width:65px; }
.app_tab_vehicle_width { width:195px; }
.app_tab_mileage_width { width:70px; }
.app_tab_salesperson_width { width:130px; }
.app_tab_appraisalstatus_width { width:65px; }
.app_tab_appraisedby_width { width:132px; }
.app_tab_column_format { border-right:1px solid #C9C9C9; border-bottom:1px solid #C9C9C9; padding-left:1px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
/***************************************************************************************************/
/****************************************************************************************************
* Front Page:: Task Lists Tab Columns
****************************************************************************************************/
.task_tab_task_width { width:760px; }
.task_tab_tobemade_width { width:101px; }
.task_tab_attempts_width { width:101px; }
.task_tab_completed_width { width:101px; }
.task_tab_total_width { width:101px; }
.task_tab_delete_width { width:auto; }
.task_tab_column_format { border-right:1px solid #C9C9C9; border-bottom:1px solid #C9C9C9; text-overflow:ellipsis; overflow:hidden; }
/***************************************************************************************************/
/****************************************************************************************************
* Front Page:: ECommerace Lists Tab Columns
****************************************************************************************************/
.ecom_tab_leadslist_width { width:889px; }
.ecom_tab_todo_width { width:101px; }
.ecom_tab_todo1_width { width:35px; }
.ecom_tab_todo2_width { width:66px; }
.ecom_tab_view_completed_width { width:25px; }
.ecom_tab_completed2_width { width:76px; }
.ecom_tab_completed_width { width:101px; }
.ecom_tab_total_width { width:95px; }
.ecom_tab_column_format { border-right:1px solid #C9C9C9; border-bottom:1px solid #C9C9C9; text-overflow:ellipsis; overflow:hidden; }
.ecom_tab_view_column_format { border-bottom:1px solid #C9C9C9; text-overflow:ellipsis; overflow:hidden; }
/***************************************************************************************************/
/****************************************************************************************************
* Front Page:: Showroom(Walkins) Tab Columns
****************************************************************************************************/
.showrm_tab_log_width { width:50px; }
.showrm_tab_arrivaltime_width { width:70px; }
.showrm_tab_leadname_width { width:110px; }
.showrm_tab_description_width { width:160px; }
.showrm_tab_withsalesperson_width { width:90px; }
.showrm_tab_spotter_width { width:90px; }
.showrm_tab_activity_width { width:70px; }
.showrm_tab_showroomstatus_width { width:65px; }
.showrm_tab_appt_width { width:45px; }
.showrm_tab_salesstatus_width { width:90px; }
.showrm_tab_roadtosale_width { width:90px; }
.showrm_tab_vehicle_width { width:160px; }
/*.showrm_tab_stocknumber_width { width:60px; }*/
.showrm_tab_apprstatus_width { width:84px; }
.showrm_tab_leadsource_width { width:84px; }
.showrm_tab_column_format { border-right:1px solid #C9C9C9; border-bottom:1px solid #C9C9C9; padding-left:1px; text-overflow:ellipsis; overflow:hidden; }
#showrm_popup_container {width:560px;}
.showrm_popup_empname_width { width:125px; }
.showrm_popup_date_width { width:125px; }
.showrm_popup_deltype_width { width:110px; }
.showrm_popup_notes_width { width:auto; }
/* Export list popup */
div#bubble_pop.exportList .beeperNub{
margin-left:165px;
}
div#bubble_pop.exportList {
top:35px;
left:1015px;
width:200px;
min-height:45px;
max-height:500px;
}
.showroomStatus_filter { background-color:#F0F0F0; border:1px solid #555; border-top: 2px solid #555;}
.salesStatus_filter { background-color:#F0F0F0; border:1px solid #555; border-top: 2px solid #555;}
.leadType_filter { background-color:#F0F0F0; border:1px solid #555; border-top: 2px solid #555;}
/***************************************************************************************************/
/****************************************************************************************************
* Front Page:: Prospects Tab Columns
****************************************************************************************************/
.prospects_tab_rating_width { width:25px; }
.prospects_tab_name_width { width:127px; }
.prospects_tab_assigneddate_width { width:80px; }
.prospects_tab_watch_width { width:40px; }
.prospects_tab_neworused_width { width:70px; }
.prospects_tab_year_width { width:55px; }
.prospects_tab_make_width { width:55px; }
.prospects_tab_model_width { width:55px; }
.prospects_tab_vehicleinterest_width { width:175px; }
.prospects_tab_tradein_width { width:175px; }
.prospects_tab_status_width { width:75px; }
.prospects_tab_source_width { width:135px; }
.prospects_tab_lastactivity_width { width:80px; }
.prospects_tab_age_width { width:40px; }
.prospects_tab_salesperson_width { width:110px; }
.prospects_tab_column_format { border-right:1px solid #C9C9C9; border-bottom:1px solid #C9C9C9; padding-left:1px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
/***************************************************************************************************/
/****************************************************************************************************
* Front Page:: AutoAlert Tab Columns
****************************************************************************************************/
.autoalert_tab_rank_width { width:40px; }
.autoalert_tab_name_width { width:125px; }
.autoalert_tab_alert_width { width:125px; }
.autoalert_tab_neworused_width { width:70px; }
.autoalert_tab_year_width { width:65px; }
.autoalert_tab_make_width { width:65px; }
.autoalert_tab_model_width { width:65px; }
.autoalert_tab_vehicleinterest_width { width:175px; }
.autoalert_tab_status_width { width:75px; }
.autoalert_tab_source_width { width:135px; }
.autoalert_tab_lastactivity_width { width:73px; }
.autoalert_tab_age_width { width:40px; }
.autoalert_tab_salesman_width { width:140px; }
.autoalert_tab_column_format { border-right:1px solid #C9C9C9; border-bottom:1px solid #C9C9C9; padding-left:1px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
/***************************************************************************************************/
/****************************************************************************************************
* Front Page:: mastermind Tab Columns
****************************************************************************************************/
.mastermind_tab_rank_width { width:40px; }
.mastermind_tab_name_width { width:125px; }
.mastermind_tab_alert_width { width:125px; }
.mastermind_tab_neworused_width { width:70px; }
.mastermind_tab_year_width { width:65px; }
.mastermind_tab_make_width { width:65px; }
.mastermind_tab_model_width { width:65px; }
.mastermind_tab_vehicleinterest_width { width:175px; }
.mastermind_tab_status_width { width:75px; }
.mastermind_tab_amm_status_width { width:125px; }
.mastermind_tab_score_width { width:45px; }
.mastermind_tab_source_width { width:135px; }
.mastermind_tab_lastactivity_width { width:73px; }
.mastermind_tab_age_width { width:40px; }
.mastermind_tab_salesman_width { width:140px; }
.mastermind_tab_column_format { border-right:1px solid #C9C9C9; border-bottom:1px solid #C9C9C9; padding-left:1px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
/***************************************************************************************************/
/****************************************************************************************************
* Front Page:: Clients Tab
****************************************************************************************************/
.clients_tab_filter_date_label { width:1px; }
.clients_tab_filter_date_field { width:100px; }
.clients_tab_filter_team_label { width:1px; }
.clients_tab_filter_team_field { width:1px; }
.clients_tab_filter_switch { width:130px; }
.clients_tab_filter_search { width:650px;}
.clients_tab_filler { width:50px;}
.clients_tab_filter_page_arrow { width: 1px; padding: 0 1px 0 1px; border-spacing: 0;}
.clients_tab_filter_page_select { width: 1px; padding: 0 1px 0 1px; border-spacing: 0;}
/***************************************************************************************************/
/****************************************************************************************************
* Front Page:: Appointments Tab Columns
****************************************************************************************************/
.appointment_tab_type_width { width:40px; }
.appointment_tab_check_width { width:40px; }
.appointment_tab_date_width { width:122px; }
.appointment_tab_confirmed_width { width:45px; }
.appointment_tab_name_width { width:140px; }
.appointment_tab_vehinterest_width { width:230px; }
.appointment_tab_stocknumber_width { width:60px; }
.appointment_tab_dept_width { width:102px; }
.appointment_tab_salesname_width { width:140px; }
.appointment_tab_createdby_width { width:140px; }
.appointment_tab_createddate_width { width:122px; }
.appointment_tab_notes { padding-left:5px; width:752px; white-space:normal; border-right:1px solid #c6c6c6; }
.appointment_tab_column_format { border-right:1px solid #C9C9C9; border-bottom:1px solid #C9C9C9; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; padding-left:1px; }
/***************************************************************************************************/
/****************************************************************************************************
* Front Page:: Digital Retail Tab Columns
****************************************************************************************************/
.digital_retail_tab_date_width { width:122px; }
.digital_retail_tab_name_width { width:200px; }
.digital_retail_tab_vehinterest_width { width:230px; }
.digital_retail_tab_events_width { width:300px; }
/***************************************************************************************/
/****************************************************************************************************
* Front Page:: Issue Tab Columns
****************************************************************************************************/
.issue_tab_issue_width { width:80px; }
.issue_tab_status_width { width:60px; }
.issue_tab_summary_width { width:535px; }
.issue_tab_summary_div_width { width:535px; }
.issue_tab_customer_width { width:145px; }
.issue_tab_created_width { width:75px; }
.issue_tab_reporter_width { width:100px; }
.issue_tab_updated_width { width:75px; }
.issue_tab_assignee_width { width:100px; }
.issue_tab_column_format { border-right:1px solid #C9C9C9; border-bottom:1px solid #C9C9C9; text-overflow:ellipsis; overflow:hidden; }
/***************************************************************************************************/
/****************************************************************************************************
* Front Page:: Inventory Tab Columns
****************************************************************************************************/
.inventory_tab_detail_width { width:45px; }
.inventory_tab_stocknumber_width { width:55px; }
.inventory_tab_storename_width { width:90px; }
.inventory_tab_reserved_width { width:40px; }
.inventory_tab_newused_width { width:55px; }
.inventory_tab_vehicleyear_width { width:35px; }
.inventory_tab_make_width { width:93px;}
.inventory_tab_model_width { width:105px;}
.inventory_tab_trim_width { width:95px;}
.inventory_tab_bodytype_width { width:110px; }
.inventory_tab_drive_width { width:38px;}
.inventory_tab_color_width { width:90px;}
.inventory_tab_vin_width { width:120px;}
.inventory_tab_mileage_width { width:50px; }
.inventory_tab_listprice_width { width:45px; }
.inventory_tab_daysinstock_width { width:50px; }
.inventory_tab_status_width { width:55px; }
.inventory_tab_leftover_width { width:15px; }
.inventory_tab_column_format { border-right:1px solid #C9C9C9; border-bottom:1px solid #C9C9C9; text-overflow:ellipsis; overflow:hidden; padding-left:1px; white-space:nowrap; }
.inventory_tab_column_wrap_format { border-right:1px solid #C9C9C9; border-bottom:1px solid #C9C9C9; text-overflow:ellipsis; overflow:hidden; padding-left:1px; }
.inventory_tab_filter_td_label { padding-left:2px; padding-right:2px; border-right:0px solid #B2B2B2; border-left:1px solid #E9E9E9; white-space: nowrap;}
.inventory_tab_filter_td { padding-left:0px; padding-right:2px; border-right:1px solid #B2B2B2; border-left:0px solid #E9E9E9; }
.inventory_tab_filter_newused_width { width:80px; }
.inventory_tab_filter_vehicleyear_width { width:50px; }
.inventory_tab_filter_vehiclemake_width { width:110px; }
.inventory_tab_filter_vehiclemodel_width { width:100px; }
.inventory_tab_filter_vehiclecolor_width { width:80px; }
.inventory_tab_filter_stocknumber_width { width:106px; }
.inventory_tab_filter_status_width { width:90px; }
.inventory_tab_search_button_width { width:45px; }
.inventory_tab_select_veh_button_width { width:80px; }
.reserved_popup_status_width { width:75px; }
.reserved_popup_storename_width { width:100px; }
.reserved_popup_soldby_width { width:100px; }
.reserved_popup_date_width { width:75px; }
/***************************************************************************************************/
/****************************************************************************************************
* Front Page:: Custom Reports Tab
****************************************************************************************************/
.custreports_width { width:1222px; }
.custreports_right_width { overflow:auto; overflow-x:hidden; width:607px;}
.custreports_left_width { overflow:auto; overflow-x:hidden; width:608px;}
.custreports_tab_left_width { width:608px; }
.custreports_tab_right_width { width:607px; }
.custreports_tab_recent_buttons_width { width:50px; }
.custreports_tab_buttons_width { width:70px; }
.custreports_tab_name_width { width:210px; }
.custreports_tab_updated_width { width:130px; }
.custreports_tab_column_format { border-right:1px solid #C9C9C9; border-bottom:1px solid #C9C9C9; text-overflow:ellipsis; overflow:hidden; padding-left:1px; }
/***************************************************************************************************/
/****************************************************************************************************
* Quick Launch [Script Preview Iframe]
****************************************************************************************************/
.scriptPreviewFrame {
border : 4px solid #000000;
position : absolute;
left : 357px;
top : 62px;
height : 731px;
width : 877px;
z-index : 400;
display : none;
}
.quickLaunchFrame {
position : absolute;
left : 118px;
top : 61px;
height : 114px;
width : 240px;
z-index : 400;
display : none;
}
/***************************************************************************************************/
/****************************************************************************************************
* Quick Search Result
****************************************************************************************************/
.customerName_width{
width:auto;
}
/***************************************************************************************************/
/****************************************************************************************************
* Printing Manager Iframe
****************************************************************************************************/
.printViewIframe {
border : 5px solid #000000;
z-index : 1;
position : absolute;
height : 690px;
width : 887px;
}
/***************************************************************************************************/
/****************************************************************************************************
* Manage Templates Resource Email Iframe
****************************************************************************************************/
#editorContainer { position:absolute; top: 29px; left: 310px; width:922px; z-index:1; display:none; background-color:#ccc; }
.emailPreviewIframe { width:100%; }
.txtPreviewIframe { width:100%; }
.templates_description { overflow:auto; width:165px; height:60px; border: 1px solid #a8a8a8; }
.templates_permission { height:155px; width: 100%; overflow: hidden; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; border:1px solid #a8a8a8;}
.templates_permission_width { width:100%; }
.templates_permission_td { height:160px; }
.templates_form_div { width:100%; height:702px; overflow:auto;}
.templates_table_data_div { width:100%; height:650px; overflow:auto; }
.templates_header_format { cursor:pointer; border-left:1px solid #e9e9e9; border-bottom:1px solid #b2b2b2; border-right:1px solid #b2b2b2; }
.templates_check_width { width:20px; }
.templates_icons_width { width:45px; }
.templates_templatename_width { width:200px;}
.templates_spell_width { width:35px; }
.templates_description_width { width:260px;}
.templates_category_width { width:125px; }
.templates_deliverytype_width { width:105px; }
.templates_lastmodified_width { width:115px; }
.templates_filter_delivery_width { width:110px; }
.templates_filter_category_width { width:90px; }
.templates_filter_name_width { width:100px; }
.templates_filter_available_width { width:120px; }
.templates_data_width_height { overflow:auto; width:922px; height:651px; }
.templates_data_width { width:922px;}
.txtPreview_SpellCheck { position:absolute; cursor:pointer; top:6px; left:40px; }
.txtPreview_EmailBody { width:99%; height:397px; overflow: auto; font-family:inherit; font-size:100%; }
.txtManager_SpellCheck { position:absolute; cursor:pointer; top:6px; left:40px; }
.txtManager_TagListButton { position:absolute; cursor:pointer; top:4px; left:725px; }
.txtManager_EmailBody { overflow: auto; font-family:inherit; font-size:100%; }
.txtManager_tagList { border:2px solid #000000; overflow:auto; display:none; position:absolute; width:225px; height:260px; top:22px; left:687px; }
.spellCheckButton_fwd { position:absolute; cursor:pointer; top:91px; left:384px; }
.spellCheckButton_reply { position:absolute; cursor:pointer; top:301px; left:384px; }
.tagList { border:2px solid #000000; overflow:auto; display:none; position:absolute; width:225px; height:493px; top:119px; left:693px; background-color:#ffffff; z-index:1000;}
.tagList_height { height:470px; }
.tagListTxt { border:2px solid #000000; overflow:auto; display:none; position:absolute; width:225px; height:569px; top:28px; left:693px; background-color:#ffffff; z-index:1000;}
.tagListTxt_height { height:547px; }
.tag_search_input {
width : 80px;
font-family : tahoma, verdana, arial, helvetica;
font-size : 11px;
border : 1px solid #263857;
border-right : 0;
background : #fdfdfd;
color : #111111;
height : 13px;
padding-left : 2px;
background-position: right;
background-repeat: no-repeat;
padding-right:18px;
}
.tag_search_input:focus {
outline: none;
}
/***************************************************************************************************/
/****************************************************************************************************
* Manage Attachments
****************************************************************************************************/
.mg_attach_data_width { width:922px;}
.mg_attach_description { overflow:auto; width:165px; height:60px; border: 1px solid #a8a8a8; }
.mg_attach_permission { overflow:auto; height:155px; width:100%; border:1px solid #a8a8a8;}
.mg_attach_permission_width { width:143px; }
.mg_attach_permission_td { height:160px; }
.mg_attach_var_right_width { width:907px; }
.mg_attach_check_width { width:20px; }
.mg_attach_templatename_width{ width:220px; }
.mg_attach_description_width { width:187px; }
.mg_attach_category_width { width:127px; }
.mg_attach_creator_width { width:150px; }
.mg_attach_last_mod_width { width:125px; }
.mg_attach_column_format { border-right:1px solid #B2B2B2; padding-left:5px; }
.mg_attach_div_format { width:100%; height:650px; overflow:auto; }
.mg_attach_div_format2 { width:100%; height:701px; }
/***************************************************************************************************/
/****************************************************************************************************
* Manage Signatures
****************************************************************************************************/
.left_content_div { width:100%; height:701px; }
.sigTagList { border:2px solid #000000; overflow:auto; display:none; position:absolute; width:225px; height:293px; top:151px; left:997px; background-color:#ffffff; z-index:1000; }
.sigTagList_height { height:270px; }
/***************************************************************************************************/
/****************************************************************************************************
* Top Bar (header.jsp & footer.jsp)
****************************************************************************************************/
.tbl_total_width { width : 1250px; } /* Total width of application */
.tbl_total_height { height: 740px; } /* Total height of application */
.tbl_header_inner_width { width : 1056px; } /* Table Cell between Momentum Logo and area above Logout Button */
.tbl_footer_inner_width { width : 1240px; } /* Table Cell 'Powered By UDC' */
.tbl_total_inner_width { width : 1242px; } /* Total width of usable application space */
/***************************************************************************************************/
/****************************************************************************************************
* Menu Bar (cgi-bin/menu_data.jsp)
****************************************************************************************************/
.nav_bttn_width { width: 38px; } /* Width of Nav Buttons [Back, Quick Search, Quick Launch, History, Forward] */
.logout_bttn_width { width: 79px; } /* Width of Logout Button */
.total_menu_width { width: 603px; } /* Total Width of Menu Items Cell */
.total_welcome_width { width: 370px; } /* Total Width of Logged User Cell */
/***************************************************************************************************/
/****************************************************************************************************
* Campaign Manager ::
****************************************************************************************************/
.cm_section_width { width:361px; }
.cm_section_height { width:458px; height:409px; overflow:auto; }
.cm_stats_height { width:250px; height:310px; }
.cm_label_td { width:130px; background-color:#d7d7d7; padding-right:5px; font-family:Tahoma, Verdana, Arial; font-size:10px; font-weight:bold; color:#000000; line-height:2em; }
.cm_field_td { background-color:#FFFFFF; }
.cm_text_input { width:305px; height:18px; background-color:transparent; padding-left:4px;}
.cm_text_input_1 { width:42px; height:17px; background-color:#FFFFFF; padding-left:4px;}
.cm_select_input { width:100%; background-color:#FFFFFF; border:0; font-size:11px; }
.cm_textarea_input { width:306px; height:110px; background-color:transparent; margin:0; padding:2px 0 0 4px; overflow:auto;}
.cm_textarea_input_grps { width:290px; height:151px; background-color:transparent; padding-left:4px; padding-top:2px; overflow:auto; }
.cm_label_all_td { width:100%; height:21px; background-color:#d7d7d7; padding-right:5px; padding-top:5px;font-family:Tahoma, Verdana, Arial; font-size:10px; font-weight:bold; color:#000000; }
.cm_textarea_input_1 { width:100%; height:100%; background-color:transparent; padding-left:4px; padding-top:2px; overflow:auto; }
.cm_input_lbl { color: #000000; font-family: tahoma, verdana, arial, helvetica, sans-serif; font-size: 10px; font-weight: bold; }
.cm_input_lbl_statr { color: #000000; font-family: tahoma, verdana, arial, helvetica, sans-serif; font-size: 11px; font-weight: bold; }
.cm_input_lbl_stath { color: #000000; font-family: tahoma, verdana, arial, helvetica, sans-serif; font-size: 10px; font-weight: bold; }
.cm_input_lbl_stati { color: #000000; font-family: tahoma, verdana, arial, helvetica, sans-serif; font-size: 9px; }
.cm_responsefromto_width{ width: 80px }
/***************************************************************************************************/
/***************************************************************************************************
* View Role Assignment ::
****************************************************************************************************/
.viewrole_emplist_width { width:433px; }
.viewrole_emplist_height { height:670px; }
/***************************************************************************************************/
/****************************************************************************************************
* Message Manager ::
****************************************************************************************************/
.msg_manager_height { height:652px;}
.msg_manager_delete_width { width:23px; }
.msg_manager_message_width { width:615px; }
.msg_manager_author_width { width:120px; }
.msg_manager_store_width { width:180px; }
.msg_manager_expire_width { width:80px; }
.msg_manager_date_width { width:120px;}
/***************************************************************************************************/
/****************************************************************************************************
* Reminder Manager ::
****************************************************************************************************/
.reminder_manager_height { height:652px;}
.reminder_manager_priority_width { width:35px; }
.reminder_manager_status_width { width:35px;}
.reminder_manager_taskdetails_width { width:450px; padding-left:5px;}
.reminder_manager_storename_width { width:120px; }
.reminder_manager_createdby_width { width:120px; }
.reminder_manager_percentcompleted_width { width:120px; }
.reminder_manager_completedtimestamp_width { width:100px; }
.reminder_manager_notifydate_width { width:100px; }
.reminder_manager_duedate_width { width:100px; }
.rm_assign_height { height:295px; }
.rm_descript_height { height:94px; }
/****************************************************************************************************
* Customer Merge Tool ::
****************************************************************************************************/
.customer_merge_width { width:917px;}
.customer_merge_col1_width { width:25px;}
.customer_merge_col2_width { width:200px;}
.customer_merge_col3_width { width:175px;}
.customer_merge_col4_width { width:150px;}
.customer_merge_col5_width { width:125px;}
.customer_merge_col6_width { width:auto;}
.customer_merge_col7_width { width:20px;}
.customer_manual_merge_text_width { width:100px;}
/***************************************************************************************************
* Customer Group Manager
/***************************************************************************************************/
.custgroup_main_width { width:1231px; }
.custgroup_main_height { height:690px; }
.custgroup_right_width { width:869px; }
.custgroup_right_height { height:653px; }
.custgroup_customer_data_height { height:653px; }
.custgroup_right_height { height:678px; }
.custgroup_div_height { height:465px; }
.custgroup_left_width { width:350px; }
.custgroup_groupname_width { width:182px; }
.custgroup_deliverytype_width { width:45px; }
.custgroup_campaignname_width { width:151px; }
.custgroup_total_width { width:45px; }
.custgroup_custname_width { width:180px; }
.custgroup_address_width { width:200px; }
.custgroup_email_width { width:200px; }
.custgroup_phone_width { width:110px; }
.custgroup_moddate_width { width:115px; }
.custgroup_filterlabel_width { width:105px; }
.custgroup_column_format { border-right:1px solid #b2b2b2; border-bottom:1px solid #b2b2b2; text-overflow:ellipsis; overflow:hidden; }
.custgroup_column_format2 { border-bottom:1px solid #b2b2b2; text-overflow:ellipsis; overflow:hidden; }
/***************************************************************************************************/
/***************************************************************************************************
* Distribute Salesperson Prospects
/***************************************************************************************************/
.distprospect_select_size { width:225px; height:350px; }
/***************************************************************************************************/
/***************************************************************************************************
* Manage Inventory Display
/***************************************************************************************************/
.manageinventory_right_width { width:927px; } /* low res 662 var_right_width */
.manageinventory_column_format { border-right:1px solid #C9C9C9; border-bottom:1px solid #C9C9C9; text-align:center; white-space: nowrap; text-overflow:ellipsis; overflow:hidden; }
.manageinventory_column_format { border-right:1px solid #C9C9C9; border-bottom:1px solid #C9C9C9; text-overflow:ellipsis; overflow:hidden; }
.manageinventory_statuscode_width { width:150px; }
.manageinventory_vehicletype_width { width:150px; }
.manageinventory_displayname_width { width:150px; }
.manageinventory_category_width { width:150px; }
.manageinventory_rest_width { width:auto; }
/***************************************************************************************************
* Manage Lead Source Alias Display
/***************************************************************************************************/
.manageleadsourcealias_right_width { width:927px; } /* low res 662 var_right_width */
.manageleadsourcealias_column_format { border-right:1px solid #C9C9C9; border-bottom:1px solid #C9C9C9; text-align:center; white-space: nowrap; text-overflow:ellipsis; overflow:hidden; }
.manageleadsourcealias_category_width { width:150px; }
.manageleadsourcealias_leadsource_width { width:225px; }
.manageleadsourcealias_alias_width { width:175px; }
.manageleadsourcealias_status_width { width:75px; }
.manageleadsourcealias_rest_width { width:auto; }
/***************************************************************************************************
* Manage Lead Alert Employee Email
/***************************************************************************************************/
.leadalertemail_right_width { width:927px; } /* low res 662 var_right_width */
.leadalertemail_column_format { border-right:1px solid #C9C9C9; border-bottom:1px solid #C9C9C9; text-align:center; white-space: nowrap; text-overflow:ellipsis; overflow:hidden; }
.leadalertemail_column_format { border-right:1px solid #C9C9C9; border-bottom:1px solid #C9C9C9; text-overflow:ellipsis; overflow:hidden; }
.leadalertemail_employeenumber_width { width:100px; }
.leadalertemail_name_width { width:200px; }
.leadalertemail_title_width { width:150px; }
.leadalertemail_dept_width { width:150px; }
.leadalertemail_email_width { width:200px; }
.leadalertemail_rest_width { width:auto; }
/***************************************************************************************************/
/***************************************************************************************************
* Manage Lead Vehicle Filters
/***************************************************************************************************/
.leadvehiclefilter_column_format { border-right:1px solid #C9C9C9; border-bottom:1px solid #C9C9C9; padding: 0 2px; text-align:center; text-overflow:ellipsis; overflow:hidden; }
.leadvehiclefilter_newused_width { width: 60px; }
.leadvehiclefilter_make_width { width: 130px; white-space: normal; }
.leadvehiclefilter_model_width { width: 135px; white-space: normal; }
.leadvehiclefilter_trim_width { width: 135px; white-space: normal; }
.leadvehiclefilter_prefcategory_width { width: 90px; white-space: normal; }
.leadvehiclefilter_prefsuffix_width { width: 70px; white-space: normal; }
.leadvehiclefilter_prefstore_width { width: 90px; white-space: normal; }
.leadvehiclefilter_createdby_width { width: 80px; white-space: normal; }
.leadvehiclefilter_lastmodified_width { width: 65px; }
/***************************************************************************************************/
/***************************************************************************************************
* Manage Call Monitoring Numbers
/***************************************************************************************************/
.managecallmonitoring_right_width { width:912px; } /* low res 662 var_right_width */
.managecallmonitoring_column_format { border-right:1px solid #C9C9C9; border-bottom:1px solid #C9C9C9; text-align:center; white-space: nowrap; text-overflow:ellipsis; overflow:hidden; }
.managecallmonitoring_column_format { border-right:1px solid #C9C9C9; border-bottom:1px solid #C9C9C9; text-overflow:ellipsis; overflow:hidden; }
.managecallmonitoring_crm_enabled_width { width:70px; }
.managecallmonitoring_phone_number_width { width:120px; }
.managecallmonitoring_description_width { width:250px; }
.managecallmonitoring_ringtonumber_width { width:120px; }
.managecallmonitoring_lookups_width { width:70px; }
.managecallmonitoring_recording_width { width:70px; }
.managecallmonitoring_rest_width { width:212px; }
/***************************************************************************************************/
/***************************************************************************************************
* Manage Email Filter Display
/***************************************************************************************************/
.manageEmailfilter_input_width { width:195px; }
.manageEmailfilter_right_width { width:927px; } /* low res 662 var_right_width */
.manageEmailfilter_header_format { border-left:1px solid #e9e9e9; border-bottom:1px solid #b2b2b2; border-right:1px solid #b2b2b2; }
.manageEmailfilter_column_format { border-right:1px solid #C9C9C9; border-bottom:1px solid #C9C9C9; text-overflow:ellipsis; overflow:hidden; }
.manageEmailfilter_leadsource_width { width:auto; }
.manageEmailfilter_vehicle_width { width:75px; }
.manageEmailfilter_subject_width { width:275px; }
.manageEmailfilter_from_width { width:175px; }
.manageEmailfilter_to_width { width:175px; }
/***************************************************************************************************
* Manage IP Filter Display
/***************************************************************************************************/
.manageIPfilter_right_width { width:1229px; } /* low res 982 var_right_width */
.manageIPfilter_ip_filter_width { width:550px; }
.manageIPfilter_ip_log_width { width:480px; }
.manageIPfilter_div_height { height:570px; }
.manageIPfilter_header_format { height:32px; text-align:center; border-left:0px solid #e9e9e9; border-bottom:1px solid #b2b2b2; border-right:1px solid #b2b2b2; padding-left:5px; }
.manageIPfilter_firstcolumn_format { padding-left:4px; border-left:1px solid #C9C9C9; border-right:1px solid #C9C9C9; border-bottom:1px solid #C9C9C9; text-overflow:ellipsis; overflow:hidden; }
.manageIPfilter_column_format { padding-left:5px; border-right:1px solid #C9C9C9; border-bottom:1px solid #C9C9C9; text-overflow:ellipsis; overflow:hidden; }
.manageIPfilter_hostname_width { width:115px; }
.manageIPfilter_cidrblock_width { width:100px; }
.manageIPfilter_count_width { width:45px; }
.manageIPfilter_lastaccress_width { width:120px; }
.manageIPfilter_lastaccessby_width { width:115px; }
.manageIPfilter_extra_width { width:auto; }
/***************************************************************************************************/
/***************************************************************************************************
* Store Configuration
/***************************************************************************************************/
.cfg_leadEmail_accountSettings_td { width:250px; }
.cfg_leadEmail_accountSettings_height { height:700px; }
.cfg_leadEmail_accountSettings_labels { width:100px; }
.cfg_leadEmail_accountName_width { width:150px; }
.cfg_leadEmail_serverType_width { width:75px; }
.cfg_leadEmail_serverAddress_width { width:180px; }
.cfg_leadEmail_username_width { width:150px; }
.cfg_leadEmail_leaveCopy_width { width:70px; }
.cfg_leadEmail_accountList { height:648px; width:100%; overflow:auto; } /* height:502px; overflow:auto; width:100%; */
.cfg_leadEmail_accountList_column_format { padding-left:6px; border-right:1px solid #C9C9C9; border-bottom:1px solid #C9C9C9; text-overflow:ellipsis; overflow:hidden; }
/***************************************************************************************************
* Manage Employee Group Members
/***************************************************************************************************/
.manageempgrmem_left_width { width:300px; }
.manageempgrmem_select_size { width:217px; height:400px; }
.manageempgrmem_empgrpMem_width { width:150px; }
/***************************************************************************************************/
/***************************************************************************************************
* Employee Group Assignment
/***************************************************************************************************/
.empgroupassign_listbox_style { overflow:auto; height:420px; width:100%; }
/***************************************************************************************************/
/***************************************************************************************************
* Manage Employee Group
/***************************************************************************************************/
.empgroupaddedit_listbox_style { overflow:auto; height:300px; width:300px; }
.empgroupaddedit_desc { overflow:auto; width:300px; height: 120px; margin:0 5px; }
.empgroupaddedit_search_input {
width : 210px;
font-family : tahoma, verdana, arial, helvetica;
font-size : 11px;
height : 15px;
border : 1px solid #a8a8a8;
border-right : 0;
background : #fdfdfd;
color : #111111;
padding-left : 5px;
}
.empgroupaddedit_search_input:focus {
outline: none;
}
/***************************************************************************************************/
/****************************************************************************************************
* Customer Activity Page ::
- customer_view_names.jsp
- customer_view_contact.jsp
- customer_view_prospect_1.jsp
- customer_view_prospect_2.jsp
- customer_view_notes.jsp
****************************************************************************************************/
.cap_textarea_input_i { width:498px; height:70px; background-color:transparent; padding-top:3px; padding-bottom:3px; padding-left:5px; padding-right:5px; overflow:auto; }
.cap_textarea_input_p { width:496px; height:70px; background-color:transparent; padding-top:3px; padding-bottom:3px; padding-left:5px; padding-right:5px; overflow:auto; }
.cap_section_width { width:302px; }
.cap_section_height { width:307px; overflow:auto; }
.cap_label_height { height:22px; }
.cap_label_td { width:95px; background-color:#d7d7d7; padding-left:5px; font-family:Tahoma, Verdana, Arial; font-size:10px; font-weight:bold; color:#000000; border-bottom:1px solid #b2b2b2; border-right:1px solid #b2b2b2; }
.cap_label_td_brdr_l { border-left:1px solid #b2b2b2; }
.cap_label_td_brdr_b { border-bottom:1px solid #b2b2b2; }
.cap_label_td_2 { width:95px; background-color:#d7d7d7; padding-left:5px; font-family:Tahoma, Verdana, Arial; font-size:10px; font-weight:bold; color:#000000; border-bottom:1px solid #b2b2b2; border-right:1px solid #b2b2b2;}
.cap_label_td_2_brdr_l { width:94px; border-left:1px solid #b2b2b2; }
.cap_label_td_2_brdr_b { border-bottom:1px solid #b2b2b2; }
.cap_label_td_bttn { width:100px; height:21px; background-color:#d7d7d7; padding-left:0px; padding-bottom:0px; font-family:Tahoma, Verdana, Arial; font-size:10px; font-weight:bold; color:#000000; border-bottom:1px solid #b2b2b2; border-right:1px solid #b2b2b2;}
.cap_label_td_bttn_brdr_l{ width:99px; border-left:1px solid #b2b2b2; }
.cap_field_td_pop { width:195px; height:21px; background-color:#FFFFFF; }
.cap_field_td_pop2 { width:188px; height:21px; background-color:#FFFFFF; }
.cap_field_td_pop_icon { width:180px; height:21px; background-color:#FFFFFF; }
.cap_field_td { width:203px; height:21px; background-color:#FFFFFF; }
.cap_field_td_2 { width:201px; height:21px; background-color:#FFFFFF; }
.cap_field_textarea_td { background-color:#FFFFFF; }
.cap_text_input { width:193px; height:21px; background-color:transparent; padding: 0 4px; }
.cap_text_input_2 { width:174px; height:19px; background-color:transparent; padding-left:4px; padding-top:2px; }
.cap_text_input_3 { width:95px; height:17px; background-color:transparent; padding-left:4px; padding-top:2px; }
.cap_text_input_4 { width:184px; height:19px; background-color:transparent; padding-left:4px; padding-top:2px; }
.cap_text_input_pop { width:190px; height:21px; background-color:transparent; padding: 0 2px 0 4px; cursor:pointer; }
.cap_text_input_pop2 { width:173px; height:21px; background-color:transparent; padding: 0 2px 0 4px; cursor:pointer; }
.cap_select_input { width:100%; height:100%; background-color:transparent; border:0; margin:0 }
.cap_select_input_2 { width:100px; height:100%; background-color:transparent; border:0; }
.cap_select_input_3 { width:174px; height:100%; background-color:transparent; border:0; }
.cap_textarea_input { width:497px; height:89px; background-color:transparent; padding-top:3px; padding-bottom:3px; padding-left:5px; padding-right:5px; overflow:auto; }
.cap_label_td_phone_1 { width:21px; font-family:Tahoma, Verdana, Arial; font-size:10px; font-weight:bold; color:#000000; }
.cap_label_td_phone_2 { width:44px; }
.cap_label_td_phone_3 { width:140px; height:21px; background-color:transparent; }
.cap_label_td_phone_4 { width:25px; height:17px; background-color:transparent; padding: 0 5px; }
.cap_phone_bttns { cursor: pointer }
.cap_phone_bttns:hover { background-color: #eee; }
.cap_textarea_width { width:183px; }
.cap_field_address { width:175px; height:43px; line-height: 14px; overflow:hidden; cursor:pointer; padding:0 4px; margin:0; }
.cap_click_to_call { width:17px; height:17px; text-align:center; padding:3px 3px 0 3px; margin: 0 1px; font-size:12px; float: left;}
.cap_shop_call { width:17px; height:17px; text-align:center; padding:3px 3px 0 3px; margin: 0 1px; font-size:20px; line-height:11px; color:#d20d0d; float: left;}
.cap_reverse_phone { width:17px; height:17px; text-align:center; padding:4px 3px 0 2px; margin: 0 1px; font-size:12px; float: left;}
.cap_field_phone_1 { width:82px; height:21px; padding: 0 4px; }
.cap_field_phone_ext { width:55px; height:21px; padding: 0 4px; }
.cap_field_cell_provider{ width:63px; height:21px; }
.cap_field_phone_2 { width:83px; height:21px; padding: 0 4px; text-align:center; }
.cap_text_input_city { width:103px; height:19px; background-color:transparent; padding-top:2px; }
.cap_text_input_zipcode { width:45px; height:19px; background-color:transparent; padding-top:2px; text-align:center; }
.cap_exist_veh_size { width:303px; height:130px; border:1px solid #b2b2b2; }
.cap_exist_veh_height { height:105px;}
/***************************************************************************************************/
/****************************************************************************************************
* Customer Activity Page :: ( Accessed in customer_view_jscript.jsp - do_iframe() )
****************************************************************************************************/
.cap_popup_emailaddress { position:absolute; width:306px; left:422px; height:156px; top:95px; }
.cap_popup_oldphones { position:absolute; width:182px; left:438px; height:156px; top:45px; }
.cap_popup_reversephone { position:absolute; width:257px; left:600px; height:400px; top:46px; }
.cap_popup_oldstreetaddresses { position:absolute; width:197px; left:424px; height:156px; top:143px; }
.cap_popup_roadtosale { position:absolute; width:306px; left:730px; height:286px; top:139px; }
.cap_popup_address { position:absolute; width:306px; left:422px; height:115px; top:117px; }
.cap_popup_contact { position:absolute; width:306px; left:115px; height:111px; top:51px; }
.cap_popup_employer { position:absolute; width:306px; left:115px; height:157px; top:73px; }
.cap_popup_2ndcontact { position:absolute; width:306px; left:115px; height:111px; top:95px; }
.cap_popup_spousecontact { position:absolute; width:306px; left:115px; height:111px; top:117px; }
/*.cap_popup_vehicleinterest { position:absolute; width:306px; left:730px; height:178px; top:30px; }*/
.cap_popup_vehicleinterest { position:absolute; width:306px; left:730px; height:332px; top:30px; }
.cap_popup_vehicletrade { position:absolute; width:306px; left:730px; top:49px; }
/* Used on Prospect Popup Dialog accessed from Prospect Tab on CAP */
.cap_popup_vehicleinterest_dlg { position:absolute; width:306px; left:106px; height:132px; top:27px; }
.cap_popup_vehicletrade_dlg { position:absolute; width:306px; left:106px; height:407px; top:5px; }
.cap_popup_ccrcredit { position:absolute; width:506px; left:370px; height:327px; top:200px; }
.cap_popup_dmshistory { position:absolute; width:300px; left:10px; height:200px; top:20px; }
.cap_popup_customergroups_w{ width:250px;}
#customergroups_list { width:279px; min-height:125px; max-height:480px; overflow: hidden; overflow-x: hidden; overflow-y: auto;border-bottom:1px solid #B2B2B2;}
.cap_popup_driverslicense { position:absolute; width:414px; left:9px; height:285px; top:20px; }
.cap_popup_prospectalert { position:absolute; width:510px; left:150px; height:179px; top:100px; }
.cap_popup_schedulecall { position:absolute; width:405px; left:200px; height:370px; top:35px; border: 5px solid #000000; }
/***************************************************************************************************/
/****************************************************************************************************
* Customer Activity Page :: Activities Frame
- customer_view_activities.jsp
- item_logCall.jsp
- item_logRemark.jsp
- item_callBack.jsp
- item_sendSms.jsp
- item_appointment.jsp
- item_sendAlert.jsp
- item_activeCall.jsp
- item_letter.jsp
- item_sendEmail.jsp
****************************************************************************************************/
.cap_activities_button { width:95px; font-family:Arial, Tahoma; font-size:10px; font-weight:bold; background:#376092; border:1px solid #505050; color:#FFFFFF; height:19px; cursor:pointer; }
.cap_activities_iframe { width:405px; }
.cap_activities_frame { width:405px; overflow-x:hidden; background-color:#fff}
.cap_act_frame_width { width:100%; }
.cap_act_right_td { width:304px; }
.cap_act_label_td { width:100px; height:29px; background-color:#d7d7d7; padding-left:5px; padding-bottom:1px; font-family:Tahoma, Verdana, Arial; font-size:10px; font-weight:bold; color:#000000; }
.cap_act_label_double_td { width:100px; height:44px; background-color:#d7d7d7; padding-left:5px; padding-bottom:1px; font-family:Tahoma, Verdana, Arial; font-size:10px; font-weight:bold; color:#000000; }
.cap_act_label_select_td { width:100px; height:190px; background-color:#d7d7d7; padding-left:5px; padding-bottom:1px; font-family:Tahoma, Verdana, Arial; font-size:10px; font-weight:bold; color:#000000; }
.cap_act_label_td_2 { width:100px; height:29px; background-color:#d7d7d7; padding-left:5px; padding-bottom:1px; font-family:Tahoma, Verdana, Arial; font-size:10px; font-weight:bold; color:#000000; }
.cap_act_label_textarea_td_2 { width:100px; height:90px; background-color:#d7d7d7; padding-left:5px; padding-bottom:1px; font-family:Tahoma, Verdana, Arial; font-size:10px; font-weight:bold; color:#000000; }
.cap_act_field_td { width:auto; height:30px; background-color:#EFEFEF; padding-left:5px; }
.cap_act_field_td_3 { height:30px; background-color:#EFEFEF; padding-left:5px; }
.cap_act_field_td_spellcheck { width:100%; height:30px; background-color:#EFEFEF; padding-left:5px; }
.cap_act_field_double_td { width:auto; height:44px; background-color:#EFEFEF; padding-left:5px; }
.cap_act_field_select_td { width:289px; height:191px; background-color:#EFEFEF; padding-left:5px; padding-right:5px; }
.cap_act_select_input { margin:0; width:189px; height:19px; background-color:#FFFFFF; border:1px solid #A8A8A8; }
.cap_act_multi_select_input { margin:0; height:75px; background-color:#FFFFFF; border:1px solid #A8A8A8; }
.cap_act_multi_select_input_2{ margin:0; height:150px; background-color:#FFFFFF; border:1px solid #A8A8A8; }
.cap_act_text_input { width:185px; height:19px; background-color:#FFFFFF; border:1px solid #A8A8A8; }
.cap_act_date_input { width:185px; height:16px; background-color:#FFFFFF; border:1px solid #A8A8A8; margin-right:3px; }
.cap_act_label_textarea_td { width:100px; height:69px; background-color:#d7d7d7; padding-left:5px; padding-bottom:1px; font-family:Tahoma, Verdana, Arial; font-size:10px; font-weight:bold; color:#000000; }
.cap_act_field_textarea_td { width:260px; height:70px; background-color:#EFEFEF; padding-left:5px; padding-right:5px;}
.cap_act_textarea_input { width:98%; height:60px; background-color:#FFFFFF; overflow:auto; border:1px solid #A8A8A8;}
form[name="emailForm"].loading,
form[name="smsForm"].loading,
form.email-form.loading {
position: relative;
}
form[name="emailForm"].loading::after,
form[name="smsForm"].loading::after,
form.email-form.loading::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.8);
z-index: 1;
}
form[name="emailForm"].loading::before,
form[name="smsForm"].loading::before,
form.email-form.loading::before {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 30px;
height: 30px;
margin: -15px 0 0 -15px;
border: 3px solid #f3f3f3;
border-top: 3px solid #3498db;
border-radius: 50%;
z-index: 2;
animation: spin 1s linear infinite;
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
/***************************************************************************************************/
/****************************************************************************************************
* Customer Activity Page :: Follow-Up Frame
- customer_view_tabs.jsp
- customer_appt_dialog.jsp
- customer_preview_contact.jsp
****************************************************************************************************/
.cap_html_preview_editor { width:802px; height:100%; z-index:200; position:absolute; top:0px; left:0px; }
.cap_txt_preview_editor { width:802px; height:100%; z-index:200; position:absolute; top:0px; left:0px; }
.cap_followup_td { width:802px; }
.cap_followup_label_td { width:125px; height:22px; background-color:#E9E9E9; border-right:1px solid #B2B2B2; border-bottom:1px solid #B2B2B2; padding-left:5px; padding-bottom:1px; font-family:Tahoma, Verdana, Arial; font-size:10px; font-weight:bold; color:#000000; }
.cap_followup_label_textarea_td { width:125px; background-color:#E9E9E9; border-right:1px solid #B2B2B2; padding-left:5px; font-family:Tahoma, Verdana, Arial; font-size:10px; font-weight:bold; color:#000000; }
.cap_followup_field_td { width:125px; height:22px; background-color:#FFFFFF; border-right:1px solid #B2B2B2; border-bottom:1px solid #B2B2B2; text-align:center; }
.cap_followup_textarea_field_td { width:100%; background-color:#FFFFFF; border-right:1px solid #B2B2B2; text-align:center; }
.cap_followup_textarea_input { width:376px; min-height:157px; background-color:#D7D7D7; padding-left:3px; padding-right:3px; padding-top:2px; padding-bottom:2px; overflow:auto; text-align:left; }
.cap_followup_delivery_textarea_input { width:376px; height:229px; background-color:#D7D7D7; padding-left:3px; padding-right:3px; padding-top:2px; padding-bottom:2px; overflow:auto; text-align:left; }
.cap_appt_dialog_field_td { width:194px; height:21px; background-color:#FFFFFF; }
.cap_appt_dialog_input { width:192px; height:19px; background-color:#FFFFFF; border:1px solid #B2B2B2; }
.cap_appt_dialog_select { width:192px; height:19px; background-color:#FFFFFF; }
.cap_hist_col_1 { width: 70px; color: #000000; font-family:Tahoma,Arial,Verdana; font-size: 10px; font-weight: bold; }
.cap_hist_col_2 { width: 95px; color: #000000; font-family:Tahoma,Arial,Verdana; font-size: 10px; font-weight: bold; }
.cap_hist_col_3 { width: 100px; color: #000000; font-family:Tahoma,Arial,Verdana; font-size: 10px; font-weight: bold; }
.cap_hist_col_4 { width: 100px; color: #000000; font-family:Tahoma,Arial,Verdana; font-size: 10px; font-weight: bold; }
.cap_hist_col_5 { width: 431px; color: #000000; font-family:Tahoma,Arial,Verdana; font-size: 10px; font-weight: bold; }
.cap_hist_col_4a { width: 531px; color: #000000; font-family:Tahoma,Arial,Verdana; font-size: 10px; font-weight: bold; }
.cap_hist_col_5_div { width: auto; }
/***************************************************************************************************/
/****************************************************************************************************
* Customer Activity Page :: Generic data table format
****************************************************************************************************/
.cap_page_header { width: 802px; overflow:auto; table-layout: fixed; }
.cap_header_firstcol_format { border-bottom:1px solid #B2B2B2; border-right:1px solid #B2B2B2; border-left:0px solid #B2B2B2; text-align: center; }
.cap_header_middlecol_format { border-bottom:1px solid #B2B2B2; border-right:1px solid #B2B2B2; border-left:1px solid #E9E9E9; text-align: center; }
.cap_header_lastcol_format { border-bottom:1px solid #B2B2B2; border-right:0px solid #B2B2B2; border-left:1px solid #E9E9E9; text-align: center; }
.cap_data_td_format { cursor:pointer; border-bottom:1px solid #B2B2B2; border-right: 1px solid #B2B2B2; text-align: center; }
.cap_data_lasttd_format { cursor:pointer; border-bottom:1px solid #B2B2B2; text-align: center; }
.cap_no_records_table_format { border: 0px; margin: 0px; padding: 0px; width: 802px; }
.cap_no_records_td_format { text-align: center; vertical-align: middle; height: 100px; }
/****************************************************************************************************
* Customer Activity Page :: Quick Quote Detail Frame
- customer_quickquote.jsp
****************************************************************************************************/
.cap_qquote_page_width { width: 802px; }
.cap_qquote_page_height { height:433px; }
.cap_qquote_left_width { width: 327px; }
.cap_qquote_right_width { width: 435px; }
.cap_qquote_padding { padding:23px 0 10px 0;}
/****************************************************************************************************
* Customer Activity Page :: Quick Quote List Frame
- customer_quickquotelist.jsp
****************************************************************************************************/
.cap_quote_page { height: 383px; width: 802px; overflow:auto; }
.cap_quote_page_width { width: 802px; }
.cap_quote_stocknumber_width { width: 100px; }
.cap_quote_type_width { width: 65px; }
.cap_quote_color_width { width: 100px; }
.cap_quote_vehicle_width { width: 200px; }
.cap_quote_msrp_width { width: 65px; }
.cap_quote_updated_width { width: 120px; }
.cap_quote_created_width { width: 120px; }
.cap_quote_header_firstcol_format { border-bottom:1px solid #B2B2B2; border-right:1px solid #B2B2B2; border-left:0px solid #B2B2B2; text-align: center; }
.cap_quote_header_middlecol_format { border-bottom:1px solid #B2B2B2; border-right:1px solid #B2B2B2; border-left:1px solid #E9E9E9; text-align: center; }
.cap_quote_header_lastcol_format { border-bottom:1px solid #B2B2B2; border-right:0px solid #B2B2B2; border-left:1px solid #E9E9E9; text-align: center; }
.cap_quote_data_td_format { cursor:pointer; border-bottom:1px solid #B2B2B2; border-right: 1px solid #B2B2B2; text-align: center; white-space: nowrap; }
.cap_quote_no_records_table_format { border: 0px; margin: 0px; padding: 0px; width: 802px; }
.cap_quote_no_records_td_format { text-align: center; vertical-align: middle; height: 100px; }
/****************************************************************************************************
* Customer Activity Page :: Worksheet Frame
- customer_worksheet.jsp
****************************************************************************************************/
.cap_worksheet_menu_width { width: 45px; }
.cap_worksheet_lock_width { width: 25px; }
.cap_worksheet_vehicle_width { width: 200px; }
.cap_worksheet_payment_width { width: 200px; }
.cap_worksheet_detail_width { width: 200px; }
.cap_worksheet_updated_width { width: 100px; }
/****************************************************************************************************
* Customer Activity Page :: First Pencil List Frame
- customer_firstpencillist.jsp
****************************************************************************************************/
.cap_firstpencil_page { height: 383px; width: 802px; overflow:auto; }
.cap_firstpencil_page_width { width: 802px; }
.cap_firstpencil_stocknumber_width { width: 60px; }
.cap_firstpencil_type_width { width: 50px; }
.cap_firstpencil_color_width { width: 90px; }
.cap_firstpencil_vehicle_width { width: 200px; }
.cap_firstpencil_msrp_width { width: 50px; }
.cap_firstpencil_updated_width { width: 115px; }
.cap_firstpencil_pushed_width { width: 115px; }
.cap_firstpencil_status_width { width: 90px; }
.cap_firstpencil_header_firstcol_format { border-bottom:1px solid #B2B2B2; border-right:1px solid #B2B2B2; border-left:0px solid #B2B2B2; text-align: center; }
.cap_firstpencil_header_middlecol_format { border-bottom:1px solid #B2B2B2; border-right:1px solid #B2B2B2; border-left:1px solid #E9E9E9; text-align: center; }
.cap_firstpencil_header_lastcol_format { border-bottom:1px solid #B2B2B2; border-right:0px solid #B2B2B2; border-left:1px solid #E9E9E9; text-align: center; }
.cap_firstpencil_data_td_format { cursor:pointer; border-bottom:1px solid #B2B2B2; border-right: 1px solid #B2B2B2; text-align: center; white-space: nowrap; }
.cap_firstpencil_data_td_wrap_format { cursor:pointer; border-bottom:1px solid #B2B2B2; border-right: 1px solid #B2B2B2; text-align: center; }
.cap_firstpencil_no_records_table_format { border: 0px; margin: 0px; padding: 0px; width: 802px; }
.cap_firstpencil_no_records_td_format { text-align: center; vertical-align: middle; height: 100px; }
/****************************************************************************************************
* Customer Activity Page :: Credit Frame
- customer_history.jsp
****************************************************************************************************/
.cap_credit_page { height: 384px; width: 802px; overflow:auto; }
.cap_credit_page_width { width: 802px; }
.cap_credit_type_width { width: 130px; }
.cap_credit_applicant_width { width: 115px; }
.cap_credit_coapplicant_width { width: 115px; }
.cap_credit_updated_width { width: 120px; }
.cap_credit_created_width { width: 120px; }
.cap_credit_status_width { width: 147px; }
.cap_credit_header_firstcol_format { border-bottom:1px solid #B2B2B2; border-right:1px solid #B2B2B2; border-left:0px solid #B2B2B2; text-align: center; }
.cap_credit_header_middlecol_format { border-bottom:1px solid #B2B2B2; border-right:1px solid #B2B2B2; border-left:1px solid #E9E9E9; text-align: center; }
.cap_credit_header_lastcol_format { border-bottom:1px solid #B2B2B2; border-right:0px solid #B2B2B2; border-left:1px solid #E9E9E9; text-align: center; }
.cap_credit_data_td_format { cursor:pointer; border-bottom:1px solid #B2B2B2; border-right: 1px solid #B2B2B2; text-align: center; }
.cap_credit_no_records_table_format { border: 0px; margin: 0px; padding: 0px; width: 802px; }
.cap_credit_no_records_td_format { text-align: center; vertical-align: middle; height: 100px; }
/****************************************************************************************************
* Customer Activity Page :: History Frame
- customer_history.jsp
****************************************************************************************************/
.cap_history_page { height: 374px; width: 802px; overflow:auto; } /* 405 */
.cap_history_page_width { width: 802px; }
.cap_history_col1_width { width: 30px; }
.cap_history_col2_width { width: 65px; }
.cap_history_col3_width { width: 65px; }
.cap_history_col4_width { width: 65px; }
.cap_history_col5_width { width: 70px; }
.cap_history_col6_width { width: 230px; }
.cap_history_col7_width { width: 103px; }
.cap_history_col8_width { width: 70px; }
.cap_history_col9_width { width: 70px; }
.cap_history_header_firstcol_format { border-bottom:1px solid #B2B2B2; border-right:1px solid #B2B2B2; border-left:0px solid #B2B2B2; text-align: center; }
.cap_history_header_middlecol_format { border-bottom:1px solid #B2B2B2; border-right:1px solid #B2B2B2; border-left:1px solid #E9E9E9; text-align: center; }
.cap_history_header_lastcol_format { border-bottom:1px solid #B2B2B2; border-right:0px solid #B2B2B2; border-left:1px solid #E9E9E9; text-align: center; }
.cap_history_data_td_format { cursor:pointer; border-bottom:1px solid #B2B2B2; text-align: center; white-space: nowrap; text-overflow:ellipsis; overflow:hidden; }
.cap_history_no_records_table_format { border: 0px; margin: 0px; padding: 0px; width: 802px; }
.cap_history_no_records_td_format { text-align: center; vertical-align: middle; height: 100px; }
.cap_jira_history_page { height: 405px; width: 802px; overflow:auto; }
.cap_jira_data_td_format { font-size: 9px; cursor:pointer; border-bottom:1px solid #B2B2B2; border-right: 1px solid #B2B2B2; text-align: center; white-space: nowrap; }
/****************************************************************************************************
* Customer Activity Page :: Prospect Frame
- customer_prospect.jsp
****************************************************************************************************/
.cap_prospect_page { height: 100%; width: 900px; overflow:auto; }
.cap_prospect_col1_width { width: 200px; }
.cap_prospect_col2_width { width: 100px; }
.cap_prospect_col3_width { width: 100px; }
.cap_prospect_col4_width { width: 70px; }
.cap_prospect_col5_width { width: 70px; }
.cap_prospect_col6_width { width: 120px; }
.cap_prospect_col7_width { width: 120px; }
.cap_prospect_col8_width { width: auto; }
.cap_prospect_header_firstcol_format { cursor:pointer; border-bottom:1px solid #B2B2B2; border-right:1px solid #B2B2B2; text-align: center; }
.cap_prospect_header_middlecol_format { cursor:pointer; border-left:1px solid #E9E9E9; border-bottom:1px solid #B2B2B2; border-right:1px solid #B2B2B2; text-align: center; }
.cap_prospect_header_lastcol_format { cursor:pointer; border-left:1px solid #E9E9E9; border-bottom:1px solid #B2B2B2; text-align: center; }
.cap_prospect_data_td_format { cursor:pointer; border-bottom:1px solid #B2B2B2; text-align: center;}
.cap_prospect_no_records_table_format { border: 0px; margin: 0px; padding: 0px; width: 802px; }
.cap_prospect_no_records_td_format { text-align: center; vertical-align: middle; height: 100px; }
/****************************************************************************************************
* Customer Activity Page :: Customer Document Frame
- customer_document.jsp
****************************************************************************************************/
.cap_document_col1_width { width: 107px; }
.cap_document_col2_width { width: 100px; }
.cap_document_col3_width { width: 200px; }
.cap_document_col4_width { width: 60px; }
.cap_document_col5_width { width: 105px; }
.cap_document_col_bttn_width { width: 26px; }
/****************************************************************************************************
* Customer Activity Page :: General
****************************************************************************************************/
#cap-container {
color: #17375e;
}
#cap-container .navoff {
background-color: #4e6c91;
/* border:5px solid #98a5b1; */
}
#cap-container .navon {
background-color:#4e6c91;
/* background-image: url(../common_images/cap_header_bg.png);
background-repeat:repeat-x; */
/* border: 5px solid #4e6c91; */
}
#cap-container .btn-default {
background-color: #f9f9f9;
}
#cap-container .btn-default:hover {
background-color: #e9e9e9;
}
#cap_header {
height:70px;
background-color:#fff;
border:5px solid #4e6c91;
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
padding-bottom:2px;
margin-bottom:0;
}
#cap_header .section {
float:left;
position:relative;
height:70px;
}
#cap_header .section#left {
width:34%;
}
#cap_header .section#center {
margin:0 .5%;
width:34%;
}
#cap_header .section#right {
width:31%;
text-align:right;
}
#cap_header #profile_image {
float:left;
height:75px;
width:101px;
background-color: #d3d9fd;
/* background-image: url(../images/icons/profile_placeholder.jpg); */
background-size: 100% 100%;
}
#cap_header .name-container {
float:left;
margin-left:2px;
}
#cap_header .name-container.dont-share::after,
#cap_header .name-container.dont-contact::after,
#cap_header .name-container.unavailable::after {
margin-left: 5px;
color: #dce9f9;
font-size: 11px;
line-height: 1em;
vertical-align: middle;
}
#cap_header .name-container.dont-share::after {
content: "Do not share customer information";
}
#cap_header .name-container.dont-contact::after {
content: "Do not contact this customer";
}
#cap_header .name-container.unavailable::after {
content: "This customer is unavailable";
}
#cap_header .name-container.unavailable > h1.name .name-btn {
position: relative;
text-decoration-line: underline;
text-decoration-thickness: 2px;
text-decoration-color: #000000;
text-decoration-style: wavy;
opacity: 0.65;
line-height: 30px;
}
#cap_header .name-container.dont-share > h1.name .name-btn {
color: #fdea90;
}
#cap_header .name-container.dont-contact > h1.name .name-btn {
color: #ff493a;
}
#cap_header h1.name {
margin:0 0 3px 0;
width:385px;
white-space:nowrap;
overflow:hidden;
text-overflow: ellipsis;
font-size: 2em;
}
#cap_header h1.name .name-btn {
max-width: 100%;
padding: 1px 0;
position: relative;
color: #fff;
text-align: left;
white-space:nowrap;
overflow:hidden;
text-overflow: ellipsis;
transition: all 0.15s ease-in-out 0s;
border: none;
border-radius: 3px;
background-color: transparent;
}
#cap_header h1.name .name-btn:enabled:hover, #cap_header h1.name .name-btn.open {
padding: 1px 6px;
background-color: rgba(255,255,255,0.2);
}
#cap_header h1.name .option-popup {
display: none;
width: 200px;
height: auto;
padding: 10px;
position: absolute;
top: 45px;
z-index: 2;
border-radius: 3px;
box-shadow: 0 3px 15px rgba(0,0,0,0.5), 0 0 1px rgba(0,0,0,0.2);
background-color: #fff;
}
#cap_header h1.name .option-popup.open {
display: block;
}
#cap_header h1.name .option-popup .ccpa-btn {
width: 100%;
padding: 5px;
color: #fff;
font-size: 13px;
border: 0;
border-radius: 3px;
background-color: #da090a;
margin-bottom: 5px;
}
#cap_header h1.name .option-popup .ccpa-btn:hover {
background-color: #f10001;
}
/* CCPA Modal */
.modal-container {
display: flex;
width: 100%;
height: 100%;
position: absolute;
top: 0;
z-index: 9999;
flex-direction: column;
justify-content: center;
align-items: center;
background-color: rgba(0,0,5,0.8);
}
.close-modal-btn {
height: 20px;
width: 20px;
position: absolute;
top: 25px;
right: 25px;
border: none;
background-color: transparent;
background-image: url("../images/icons/close_x_white.svg");
background-repeat: no-repeat;
background-size: 100%;
background-position: center center;
cursor: pointer;
}
.close-modal-btn:hover {
opacity: 0.5;
}
.ccpa-container {
width: 350px;
min-height: 170px;
padding: 0 0 20px 0;
overflow: hidden;
border-radius: 5px;
box-shadow: 0 5px 35px rgba(0,0,0,0.5);
background-color: #fff;
}
.ccpa-container p {
min-height: 75px;
width: 100%;
float: left;
padding: 15px 25px;
margin: 0;
font-size: 13px;
line-height: 21px;
border-bottom: solid 1px #e6e6e8;
background-color: #f5f5f7;
box-sizing: border-box;
}
.ccpa-container label {
width: 100%;
display: block;
float: left;
padding: 20px 25px 5px 25px;
font-size: 12px;
font-weight: bold;
box-sizing: border-box;
}
.ccpa-container input[type="text"] {
height: 25px;
width: 100px;
margin: 10px 10px 0 25px;
padding: 0 5px;
font-size: 12px;
border: solid 1px #ddd;
border-radius: 3px;
box-sizing: border-box;
}
.ccpa-container button.ccpa-cancel {
background-color: #ccc;
}
.ccpa-container button.ccpa-submit, .ccpa-container button.ccpa-cancel {
height: 25px;
padding: 0 10px;
margin: 0 0 0 7px;
font-size: 12px;
color: #fff;
border: none;
border-radius: 3px;
box-sizing: border-box;
cursor: pointer;
}
.ccpa-container button.ccpa-cancel {
color: #404041;
background-color: #e6e6e6;
}
.ccpa-container button.ccpa-cancel:hover {
background-color: #c0c0c1;
}
.ccpa-container button.ccpa-submit {
background-color: #da090a;
}
.ccpa-container button.ccpa-submit:hover {
background-color: #f10001;
}
.ccpa-container button.ccpa-submit[disabled="disabled"] {
opacity: 0.25;
pointer-events: none;
}
.feature-container {
display: flex;
width: 100%;
height: 35px;
padding: 0 2px;
position: relative;
align-items: center;
justify-content: space-between;
box-sizing: border-box;
}
.feature-container .feature-label {
display: inline-block;
margin: 0;
font-size: 12px;
font-weight: 500;
color: #000;
}
.switch {
display: inline-block;
width: 45px;
height: 25px;
margin: 0;
overflow: hidden;
position: relative;
border-radius: 30px;
background-color: #cfcfcf;
cursor: pointer;
}
.switch::before {
content: "";
display: block;
width: 19px;
height: 19px;
position: absolute;
left: 3px;
top: 3px;
z-index: 1;
border-radius: 50%;
background-color: #fff;
transition: all 0.2s ease-out 0s;
}
.switch::after {
content: "Off";
display: block;
position: absolute;
top: 7px;
right: 6px;
font-size: 10px;
font-weight: normal;
color: rgba(255,255,255,0.8);
transition: all 0.2s ease-out 0s;
}
.input-switch {
visibility: hidden;
position: absolute;
right: 40px;
}
.input-switch:checked + .switch {
background-color: #01cd95;
}
.input-switch:checked + .switch::before {
left: 23px;
}
.input-switch:checked + .switch::after {
content: "On";
right: 26px;
}
.loading-container {
display: flex;
align-items: center;
justify-content: center;
background-color: transparent;
}
.loading-container > .spinner {
width: 60px;
height: 60px;
animation-name: spin;
animation-duration: 700ms;
animation-fill-mode: forwards;
animation-iteration-count: infinite;
animation-timing-function: linear;
}
.spinner > .circle {
width: 60px;
height: 60px;
position: relative;
}
.spinner > .circle > .path {
stroke-width: 3px;
stroke: #5FA3A9;
animation: dash 2s ease infinite;
}
@keyframes spin {
100% {
transform: rotate(360deg);
}
}
@keyframes dash {
0% {
stroke-dasharray: 0, 140;
stroke-dashoffset: 0px;
}
50% {
stroke-dasharray: 125, 140;
stroke-dashoffset: 0px;
}
100% {
stroke-dasharray: 125, 140;
stroke-dashoffset: -125px;
}
}
.progress-message {
height: 20px;
font-size: 16px;
color: #fff;
font-weight: normal;
}
#cap_header h3#taskname {
margin: 0;
width:356px;
margin:3px 0;
font-size:1.3em;
white-space:nowrap;
overflow:hidden;
text-overflow: ellipsis;
}
#cap_header.navon h1, #cap_header.navon h3, #cap_header.navon label, #cap_header.navon .dms-link {
color: #fff;
}
#cap_header.navoff h1, #cap_header.navoff h3, #cap_header.navoff label, #cap_header.navoff .dms-link {
/* color: #17375e; */
color: #fff;
}
/* #cap_header.navon .dms-link:hover {
color: #97c1fb;
} */
#cap_header .dms-link:hover {
color: #97c1fb;
}
#cap_header .dms-link,
#cap_header #custno {
cursor: pointer;
line-height:1em;
font-size:11px;
}
#cap_header #custno {
margin-bottom: 4px;
}
#cap_header .name-container.unavailable #custno {
margin-bottom: 0px;
}
#cap_header .dms-link, #cap_header #custno img {
margin-top: -3px;
}
#cap_header #left button.btn-xs {
padding: 2px 7px;
font-size: 18px;
color: #c7c7c7;
}
#cap_header #left button.staron {
color: #f09100;
}
#cap_header #left button.watchblue {
color: #3299f5;
}
#cap_header #left button.watchgreen {
color: #1dc038;
}
#cap_header #left button.attachment {
color: #17375e;
}
/* #cap_header #left button#leadType {
padding: 3px 7px;
font-size: 11px;
color: #455c77;
font-weight:bold;
font-style: italic;
}
#cap_header #left button#leadType:hover,
#cap_header #left button#leadType:active{
cursor: default;
background-color: #f9f9f9;
border-color: #ccc;
box-shadow: none;
} */
#cap_header #left button.rating{
/* color: #f8e47e; */
}
#cap_header #left button.ratingCold{
color: #2782d4;
}
#cap_header #left button.ratingWarm{
color: #f98c2c;
}
#cap_header #left button.ratingHot{
color: #f21e1e;
}
#cap-container .navoff #center #center_content {
visibility: hidden;
}
#cap_header #center #task_progress_bar {
width:300px;
float:left;
margin:4px 2px 5px 2px;
}
#cap_header #center .ui-slider .ui-slider-handle {
width :1.0em;
}
#cap_header #center #tasklist button.btn-xs {
padding: 4px;
font-size: 24px;
color: #f9f9f9;
}
#cap_header #controls {
float:left;
width:362px;
margin:0 auto;
}
#cap_header #tasklist {
float:left;
}
#cap_header #tasklist a.dropdown-toggle {
position: relative;
}
#cap_header #tasklist .dropdown-menu {
max-height: 400px;
overflow: hidden;
overflow-y: auto;
}
button.dropdown-toggle {
position: relative;
}
button.dropdown-toggle::before {
content: '';
display: inline-block;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-bottom: 7px solid #ccc;
border-bottom-color: rgba(0, 0, 0, 0.2);
position: absolute;
bottom: -4px;
right: 7px;
display: none;
}
button.dropdown-toggle::after {
content: '';
display: inline-block;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 6px solid #fff;
position: absolute;
bottom: -4px;
right: 8px;
z-index: 1001;
display: none;
}
#cap_header #tasklist .open > button.dropdown-toggle::before,
#cap_header #tasklist .open > button.dropdown-toggle::after {
display: block;
}
#cap_header #center #controls button.btn-xs {
padding: 0 4px 0 4px;
font-size: 42px;
color: #f9f9f9;
}
#cap_header #center #controls button.btn-xs:hover {
color: #dcdcdc;
}
#cap_header #center #controls button.btn-xs span {
line-height:.8em;
}
#cap_header #counter_div {
width:298px;
margin-top:0px;
text-align:right;
}
#cap_header #center button.btn-default {
background-color: #4E6C91;
text-shadow: 0 1px 0 #31445c;
border-color: #4E6C91;
border-radius:0;
outline: none;
}
#cap_header #center #task_progress_bar .ui-slider-range {
background: #729fcf;
}
/* #cap_header.navon #right .alerts {
color: #2b4460;
text-shadow: 0px 1px 0px #6d839b;
} */
/* #cap_header #right .alerts {
color: #cfcfcf;
text-shadow: 0px 1px 0px #fff;
} */
#cap_header #right .alerts .active {
cursor: pointer;
text-shadow: none;
}
#cap_header #right #bottom {
position:absolute;
bottom: 0;
right: 2px;
}
#cap_header #right button#save {
width: 42px;
}
#cap_header #right button.btn-xs {
padding: 0px 7px;
font-size: 14px;
}
#cap_header #right button {
color: #17375e;
}
#cap_header #right .alerts {
color: #2b4460;
text-shadow: 0px 1px 0px #6d839b;
cursor: default;
}
#cap_header #right .alerts #lockMenu {
color: #000000;
text-shadow: none;
}
#cap_header #right #dupIcon.active {
color: #FCD004;
}
#cap_header #right #dupIcon.active:hover {
color: #ffdd3c;
}
#cap_header #right #lockIcon.active {
color: #FCD004;
}
#cap_header #right #lockIcon.active:hover {
color: #ffdd3c;
}
#cap_header #right #autoalertIcon.active {
color: #C1E0FF;
}
#cap_header #right #autoalertIcon.active:hover {
color: #dfeefe;
}
#cap_header.navon #right #autoalertIcon.active {
color: #C1E0FF;
}
#cap_header.navon #right #autoalertIcon.active:hover {
color: #dfeefe;
}
#cap_header #right #mastermindIcon.active {
color: #C1E0FF;
}
#cap_header #right #mastermindIcon.active:hover {
color: #dfeefe;
}
#cap_header.navon #right #mastermindIcon.active {
color: #C1E0FF;
}
#cap_header.navon #right #mastermindIcon.active:hover {
color: #dfeefe;
}
#cap_header #right #enrichedLeadIcon.active i.info {
color: #FCD004;
}
#cap_header #right #enrichedLeadIcon i.asterisk {
display: none;
color: #ffffff;
}
#cap_header #right #exporterIcon {
cursor: pointer;
}
#cap_header #right #exporterIcon.active i.ban {
color: #A51411;
}
#cap_header #right #exporterIcon.active i.user {
color: #fff;
}
#cap_header #right #exporterIcon:hover i.ban,
#cap_header #right #exporterIcon:hover i.user {
color: #203246;
}
#cap_header #right #exporterIcon i.check {
display:none;
}
#cap_header #right #exporterIcon.not_exporter i.check {
display: inline-block;
color: #67D57D;
text-shadow: none;
left: .8em;
line-height: 2.9em;
}
#cap_header #right #exporterIcon.active:hover i.ban {
color: #A51411;
}
#cap_header #right #exporterIcon.active:hover i.user {
color: #fff;
}
#cap_header.navon #right #exporterIcon.active i.ban {
color: #A51411;
}
#cap_header.navon #right #exporterIcon.active i.user {
color: #fff;
}
#cap_header.navon #right #exporterIcon.active:hover i.ban {
color: #A51411;
}
#cap_header.navon #right #exporterIcon.active:hover i.user {
color: #fff;
}
#cap_header #right #marketscanIcon.active {
color: #e5e5e5;
}
#cap_header #right #marketscanIcon.active:hover {
color: #fff;
}
#cap_header.navon #right #marketscanIcon.active {
color: #e5e5e5;
}
#cap_header.navon #right #marketscanIcon.active:hover {
color: #fff;
}
#cap_header #right #fleetIcon.active {
color: #67D57D;
}
#cap_header #right #fleetIcon.active:hover {
color: #6BE283;
}
#cap_header.navon #right #fleetIcon.active {
color: #67D57D;
}
#cap_header.navon #right #fleetIcon.active:hover {
color: #6BE283;
}
#cap_header #right button[disabled],
#cap_header #right button:disabled{
color: #c7c7c7;
}
#cap_header #right button.btn-danger {
color: #fff;
}
.cap_vertical_line { width:1px; background:url(../common_images/vertical_separator.gif); }
.cap_horizontal_line { width:100%; background:url(../common_images/record_separator.gif); }
.cap_vertical_line_1 { width:1px; background:url(../common_images/dashes_y.gif); }
.cap_horizontal_line_1 { width:100%; background:url(../common_images/dashes_x.gif); }
.cap_tab_iframe { width:802px; height:100%; overflow:auto; }
.cap_tab_1 { width:4px; height:18px; cursor:pointer; background:url(../common_images/tab_corner_1.gif) no-repeat; }
.cap_tab_2 { width:92px; height:18px; cursor:pointer; border-top:1px solid #17375e; text-align:center; color:#FFFFFF; font-family:Arial, Helvetica; font-size:11px; font-weight:bold;white-space:nowrap; }
.cap_tab_2a { width:77px; height:18px; cursor:pointer; border-top:1px solid #17375e; text-align:center; color:#FFFFFF; font-family:Arial, Helvetica; font-size:11px; font-weight:bold; }
.cap_tab_2b { width:15px; height:18px; cursor:pointer; border-top:1px solid #17375e; text-align:center; color:#FFFFFF; font-family:Arial, Helvetica; font-size:11px; font-weight:bold; }
.cap_tab_3 { width:4px; height:18px; cursor:pointer; background:url(../common_images/tab_corner_2.gif) no-repeat; }
.cap_tab { width:100px; height:18px; }
.cap_tab_high_1 { width: 4px; height: 24px; cursor: pointer; background: url(../common_images/tab_corner_sc_1.gif) no-repeat; }
.cap_tab_high_2 { width: 92px; height: 24px; cursor: pointer; border-top: 1px solid #17375e; text-align: center; color: #FFFFFF; font-family: Arial, Helvetica; font-size: 11px; font-weight: bold; white-space: nowrap;}
.cap_tab_high_3 { width: 4px; height: 24px; cursor: pointer; background: url(../common_images/tab_corner_sc_2.gif) no-repeat; }
.customer_header_width {width:740px;}
.ifrm_customer_header { position:absolute; width:750px; height:45px; top:1000px; left:290px; }
.cap_header_select_input { width:100%; font-family:Arial; font-size:11px; font-weight:bold; margin: 0; padding: 0; color:#000000; border:none; }
.cap_header_select_input option { color:#000000; }
.cap_call_list_vehicle_filter { background-color:#F0F0F0; width:230px; height:120px; border:1px solid #555; border-top: 2px solid #555;}
.cap_edit_options_div { z-index:601; width:300px; height:150px; margin-top:20%; margin-left:40%; margin-right:40%; border:2px solid #000000; background-color:#CCCCCC; display:none; position:absolute; }
.cap_call_list_nav_bar { width: 466px;}
.cap_call_list_nav_bar_inner { width: 1230px; }
.cap_filter_scheduled_followup { width: 136px; height: 39px; left:613px; display: none; position: absolute; border: 2px solid #000000; }
.cap_filter_contact_history { width: 121px; height: auto; left:652px; display: none; position: absolute; border: 2px solid #000000; }
.cap_contact_history_header { padding-top: 1px; }
.cap_scheduled_followup_header { padding-top: 1px; }
.ifrm_followupListNavigation { width:1232px; height:729px; border:1px solid #b2b2b2; border-radius:3px; z-index:3; position:absolute; left:8px; top:68px; overflow:hidden; }
.cap_call_list_nav_height { width:1232px; height:652px; overflow: auto; }
.cap_schedhist_total_width { width:809px; }
.cap_call_list_footer { padding-left: 5px; padding-bottom: 0px; }
.cap_followup_dialog { border: 5px solid #000000; position: absolute; top: 20px; left: 200px; width: 400px; height: 380px; display: none; z-index: 2;}
.cap_lead_dialog { position:absolute; top:0px; left:0px; width:802px; height:100%; z-index: 2; }
.cap_sales_appt_dialog { position:absolute; top:0px; left:0px; width:802px; height:100%; z-index: 2;}
.cap_delivery_appt_dialog { position:absolute; top:0px; left:0px; width:802px; height:100%; z-index: 2;}
.cap_prospect_dialog { width:552px; height:456px; position:absolute; top:0px; left:0px; z-index: 2;}
.cap_preview_contact_dialog { position:absolute; top:0px; left:0px; z-index: 1; width:802px; height:100%; z-index: 2;}
.cap_view_transcript { position:absolute; top:0px; left:0px; width:802px; height:100%; z-index: 2;}
.cap_item_row_height { height: 29px; }
.lock_cap_activity_width_height { width: 405px; height: 424px; }
.cap_activity_width_height { width: 405px; height: 458px; }
.cap_activity_width_height_1 { width: 405px; height: 492px; }
.cap_activity_sub_iframe { width: 405px; height: 418px; top: 74px; display: inline; }
.cap_activity_sub_iframe_1 { width: 405px; height: 384px; top: 74px; display: inline; }
.cap_activity_total_width_height { width: 405px; height: 402px; position: absolute; left: 15px; top: 104px; }
.cap_activity_total_width_height_1 { width: 405px; height: 408px; position: absolute; left: 15px; top: 104px; }
.ifrm_popup_askshowroomvisit { position:absolute; width:300px; left:450px; height:105px; top:300px; border: 5px solid #000000; z-index:700;}
/***************************************************************************************************/
/* General Modal */
.modal-container {
display: flex;
width: 100%;
height: 100%;
position: absolute;
top: 0;
z-index: 9999;
flex-direction: column;
justify-content: center;
align-items: center;
background-color: rgba(0,0,5,0.8);
}
.modal-container > .close-modal-btn {
height: 20px;
width: 20px;
position: absolute;
top: 25px;
right: 25px;
border: none;
background-color: transparent;
background-image: url("../images/icons/close_x_white.svg");
background-repeat: no-repeat;
background-size: 30px;
background-position: center center;
cursor: pointer;
}
.close-modal-btn:hover {
opacity: 0.5;
}
.confirmation-container {
width: 350px;
min-height: 100px;
padding: 0;
overflow: hidden;
border-radius: 5px;
box-shadow: 0 5px 35px rgba(0,0,0,0.5);
background-color: #fff;
}
.confirmation-container p {
min-height: 50px;
width: 100%;
float: left;
padding: 15px 25px;
margin: 0;
font-size: 13px;
line-height: 21px;
text-align: center;
border-bottom: solid 1px #e6e6e8;
background-color: #f5f5f7;
box-sizing: border-box;
}
.confirmation-container .action-container {
display: flex;
justify-content: center;
width: 100%;
float: left;
padding: 15px;
box-sizing: border-box;
}
.action-container button.action-cancel {
background-color: #ccc;
}
.action-container button.action-submit, .action-container button.action-cancel {
height: 25px;
width: 100px;
padding: 0 10px;
margin: 0 0 0 7px;
font-size: 12px;
color: #fff;
border: none;
border-radius: 3px;
box-sizing: border-box;
cursor: pointer;
}
.action-container button.action-cancel {
color: #404041;
background-color: #e6e6e6;
}
.action-container button.action-cancel:hover {
background-color: #c0c0c1;
}
.action-container button.action-submit {
background-color: #32a692;
}
.action-container button.action-submit:hover {
background-color: #39bda4;
}
.credit_cap_tab { width:80px; height:19px; }
.credit_cap_tab_2 { width:67px; height:19px; cursor:pointer; border-top:1px solid #17375e; text-align:center; color:#FFFFFF; font-family:Arial, Helvetica; font-size:11px; font-weight:bold; }
.credit_cap_first_lbl_td { background-color:#d7d7d7; padding-left:5px; border-bottom:1px solid #b2b2b2; border-right:1px solid #b2b2b2; border-top:1px solid #b2b2b2; }
.credit_cap_lbl_td { background-color:#d7d7d7; padding-left:5px; border-right:1px solid #b2b2b2; border-bottom:1px solid #b2b2b2;}
.credit_cap_first_input_td { padding-left:2px; border-bottom:1px solid #b2b2b2; border-right:1px solid #b2b2b2; border-top:1px solid #b2b2b2;}
/****************************************************************************************************
* Watch List Popup
****************************************************************************************************/
.watch_list_width { width:1222px; }
.watch_list_width_height { width:1222px; height:328px; }
.watch_list_column_header { color:#000000; font-family:Tahoma,Verdana,Arial; font-size:10px; font-weight:bold; background-color:#C9C9C9; cursor:pointer; text-align:center; border-top:1px solid #B2B2B2; border-bottom:1px solid #B2B2B2; border-right:1px solid #B2B2B2; border-left:1px solid #E9E9E9; white-space:nowrap }
.watch_list_comment_label { color:#000000; font-family:Tahoma,Verdana,Arial; font-size:10px; background-color:#ebebcc; border-right:1px solid #C9C9C9; border-bottom:1px solid #C9C9C9; padding-left:1px; }
.watch_list_remove_width { width:25px; }
.watch_list_invt_column_format { border-right:1px solid #C9C9C9; border-bottom:1px solid #C9C9C9; text-overflow:ellipsis; overflow:hidden; padding-left:1px; white-space:nowrap; }
.watch_list_invt_stocknumber_width { width:55px; }
.watch_list_invt_storename_width { width:90px; }
.watch_list_invt_newused_width { width:65px; }
.watch_list_invt_year_width { width:40px; }
.watch_list_invt_make_width { width:100px; }
.watch_list_invt_model_width { width:110px; }
.watch_list_invt_trim_width { width:95px; }
.watch_list_invt_bodytype_width { width:100px; }
.watch_list_invt_drive_width { width:38px; }
.watch_list_invt_color_width { width:130px; }
.watch_list_invt_vin_width { width:120px; }
.watch_list_invt_mileage_width { width:50px; }
.watch_list_invt_listprice_width { width:45px; }
.watch_list_invt_daysinstock_width { width:50px; }
.watch_list_invt_status_width { width:60px; }
.watch_list_tradein_column_format { border-right:1px solid #C9C9C9; border-bottom:1px solid #C9C9C9; text-overflow:ellipsis; overflow:hidden; padding-left:1px; white-space:nowrap; }
.watch_list_tradein_customer_width { width:154px; }
.watch_list_tradein_salesman_width { width:154px; }
.watch_list_tradein_status_width { width:75px; }
.watch_list_tradein_age_width { width:45px; }
.watch_list_tradein_year_width { width:75px; }
.watch_list_tradein_make_width { width:100px; }
.watch_list_tradein_model_width { width:150px; }
.watch_list_tradein_trim_width { width:150px; }
.watch_list_tradein_color_width { width:100px; }
.watch_list_tradein_colors_width { width:150px; }
.watch_list_tradein_mileage_width { width:90px; }
.watch_list_footer { font-size:1px; background-color:#c9c9c9; border-top:1px solid #b2b2b2; border-bottom:1px solid #b2b2b2; border-right:1px solid #b2b2b2; border-left:1px solid #b2b2b2; white-space:nowrap; }
/***************************************************************************************************/
/****************************************************************************************************
* General Styles
****************************************************************************************************/
.error { color:#dd0000; font-family:Verdana,Tahoma,Arial; font-size:11px; font-weight:bold; }
.error_large { color:#dd0000; font-family:Tahoma,Arial,Verdana; font-size:16px; font-weight:bold; }
.error_medium { color:#dd0000; font-family:Tahoma,Arial,Verdana; font-size:14px; font-weight:bold; }
.error_small { color:#dd0000; font-family:Tahoma,Arial,Verdana; font-size:10px; font-weight:bold; }
.blue_link_small { color:#2f4e79; font-family:Tahoma,Verdana,Arial; font-size:10px; font-weight:bold; }
.blue_link_small A:LINK { color:#2f4e79; text-decoration:none; }
.blue_link_small A:VISITED { color:#2f4e79; text-decoration:none; }
.blue_link_small A:ACTIVE { color:#2f4e79; text-decoration:none; }
.blue_link_small A:HOVER { color:#587cae; text-decoration:none; }
.blue_link_med { color:#2f4e79; font-family:Tahoma,Verdana,Arial; font-size:11px; font-weight:bold; }
.blue_link_med A:LINK { color:#2f4e79; text-decoration:none; }
.blue_link_med A:VISITED { color:#2f4e79; text-decoration:none; }
.blue_link_med A:ACTIVE { color:#2f4e79; text-decoration:none; }
.blue_link_med A:HOVER { color:#587cae; text-decoration:none; }
.main { color:#000000; font-family:Tahoma,Verdana,Arial; font-size:11px; font-weight:normal; }
.main A:LINK { color:#000000; text-decoration:underline; }
.main A:VISITED { color:#000000; text-decoration:underline; }
.main A:ACTIVE { color:#000000; text-decoration:underline; }
.main A:HOVER { color:#000000; text-decoration:underline; }
.main_small { color:#000000; font-family:Tahoma,Arial,Verdana; font-size:10px; font-weight:normal; }
.main_small A:LINK { color:#000000; text-decoration:underline; }
.main_small A:VISITED { color:#000000; text-decoration:underline; }
.main_small A:ACTIVE { color:#000000; text-decoration:underline; }
.main_small A:HOVER { color:#000000; text-decoration:underline; }
.main_medium { color:#000000; font-family:Tahoma,Arial,Verdana; font-size:14px; font-weight:normal; }
.main_medium2 { color:#000000; font-family:Tahoma,Arial,Verdana; font-size:13px; font-weight:normal; }
.main_large { color:#000000; font-family:Tahoma,Arial,Verdana; font-size:14px; font-weight:normal; }
.medium_grey { color:#9A9A9A; font-family:Tahoma,Verdana,Arial; font-size:10px; font-weight:normal; }
.dark_grey { color:#000000; font-family:Tahoma,Verdana,Arial; font-size:11px; font-weight:normal; }
.dark_grey_bold { color:#000000; font-family:Tahoma,Verdana,Arial; font-size:10px; font-weight:bold; }
.column_header_lbl { color:#000000; font-family:Tahoma,Verdana,Arial; font-size:10px; font-weight:bold; }
.column_header { color:#000000; font-family:Tahoma,Verdana,Arial; font-size:10px; font-weight:bold; background-color:#C9C9C9; cursor:pointer; text-align:center; border-bottom:1px solid #B2B2B2; border-right:1px solid #B2B2B2; border-left:1px solid #E9E9E9; white-space:nowrap }
.column_header.align_left {
text-align: left;
padding-left: 5px;
}
.column_header.align_right {
text-align: right;
padding-right: 5px;
}
.column_header_wrap { color:#000000; font-family:Tahoma,Verdana,Arial; font-size:10px; font-weight:bold; background-color:#C9C9C9; cursor:pointer; text-align:center; border-bottom:1px solid #B2B2B2; border-right:1px solid #B2B2B2; border-left:1px solid #E9E9E9; }
.column_header_height { height:20px; }
.column_header_nohand { color:#000000; font-family:Tahoma,Verdana,Arial; font-size:10px; font-weight:bold; background-color:#C9C9C9; text-align:center; border-bottom:1px solid #B2B2B2; border-right:1px solid #B2B2B2; border-left:1px solid #E9E9E9; }
.column_header_left { color:#000000; font-family:Tahoma,Verdana,Arial; font-size:10px; font-weight:bold; background-color:#C9C9C9; cursor:pointer; text-align:left; border-bottom:1px solid #B2B2B2; border-right:1px solid #B2B2B2; border-left:1px solid #E9E9E9; padding-left:5px; }
.column_header_med { color:#000000; font-family:Tahoma,Verdana,Arial; font-size:11px; font-weight:bold; background-color:#C9C9C9; cursor:pointer; text-align:center; border-bottom:1px solid #B2B2B2; border-right:1px solid #B2B2B2; border-left:1px solid #E9E9E9; }
.column_header_big { color:#000000; font-family:Tahoma,Verdana,Arial; font-size:12px; font-weight:bold; background-color:#C9C9C9; cursor:pointer; text-align:center; border-bottom:1px solid #B2B2B2; border-right:1px solid #B2B2B2; border-left:1px solid #E9E9E9; }
.column_footer { color:#000000; font-family:Tahoma,Verdana,Arial; font-size:10px; font-weight:bold; background-color:#C9C9C9; cursor:pointer; text-align:center; border-top:1px solid #B2B2B2; border-right:1px solid #B2B2B2; border-left:1px solid #E9E9E9; }
.column_footer_med { color:#000000; font-family:Tahoma,Verdana,Arial; font-size:11px; font-weight:bold; background-color:#C9C9C9; cursor:pointer; text-align:center; border-bottom:1px solid #B2B2B2; border-right:1px solid #B2B2B2; border-left:1px solid #E9E9E9; }
.column_footer_big { color:#000000; font-family:Tahoma,Verdana,Arial; font-size:12px; font-weight:bold; background-color:#C9C9C9; cursor:pointer; text-align:center; border-bottom:1px solid #B2B2B2; border-right:1px solid #B2B2B2; border-left:1px solid #E9E9E9; }
.column_format { border-right:1px solid #C9C9C9; border-bottom:1px solid #C9C9C9; text-overflow:ellipsis; overflow:hidden; }
.column_format.w_pad { padding-left:1px; }
.column_format.nowrap { white-space:nowrap; }
.column_format.align_left {
text-align: left;
padding-left:6px;
}
.column_format.align_right {
text-align: right;
padding-right:6px;
}
/***************************************************************************************************/
/****************************************************************************************************
* Manage Tasks
****************************************************************************************************/
.manage_task_height { overflow:auto; height:679px; }
.manage_task_desc_width { width:605px; }
/***************************************************************************************************/
/****************************************************************************************************
* Manage Followup Process
****************************************************************************************************/
.manage_follouwup_height { overflow:auto; height:651px; }
.manage_followup_edit_width { width:22px; }
.manage_followup_type_width { width:156px; }
.manage_followup_name_width { width:345px; }
.manage_followup_total_width { width:100px; }
.manage_followup_pending_width { width:120px; }
.manage_followup_completed_width { width:120px; }
.manage_followup_status_width { width:75px; }
.manage_followup_creation_width { width:120px; }
.manage_followup_modified_width { width:120px; }
/***************************************************************************************************/
/****************************************************************************************************
* Manage Followup Process
****************************************************************************************************/
.edit_followup_step_edit_width { width:55px; }
.edit_followup_step_num_width { width:20px; }
.edit_followup_step_name_width { width:100px; }
.edit_followup_step_type_width { width:85px; }
.edit_followup_step_template_width { width:100px; }
.edit_followup_step_time_width { width:160px; }
.edit_followup_step_role_width { width:100px; }
.edit_followup_step_default_width { width:120px; }
.edit_followup_step_modified_width { width:120px; }
.edit_followup_step_status_width { width:40px; }
.edit_followup_template_view_width { width:23px; }
.edit_followup_template_radio_width { width:20px; }
.edit_followup_template_name_width { width:175px; }
.edit_followup_template_subject_width { width:112px; }
.edit_followup_template_desc_width { width:150px; }
.edit_followup_template_cat_width { width:60px; }
.edit_followup_template_type_width { width:80px; }
.edit_followup_template_modified_width { width:80px; }
/***************************************************************************************************/
/****************************************************************************************************
* Positioning of Custom Call List Dialog Box
****************************************************************************************************/
.ifrm_custom_call_list_dialog { left:422px; top:280px; position:absolute; width:408px; height:344px; z-index:400; }
.ifrm_custom_email_list_dialog { left:422px; top:210px; position:absolute; width:408px; height:420px; z-index:400; }
.ifrm_custom_postal_list_dialog { left:422px; top:280px; position:absolute; width:408px; height:300px; z-index:400; }
.ifrm_customer_group_dialog { left:422px; top:280px; position:absolute; width:408px; height:149px; z-index:400;}
/***************************************************************************************************/
/***************************************************************************************************
* Help
/***************************************************************************************************/
.help_listbox_style { overflow:auto; height:800px; width:300px; }
.help_search_input {
width : 220px;
font-family : tahoma, verdana, arial, helvetica;
font-size : 11px;
height : 20px;
border : 1px solid #a8a8a8;
border-right : 0;
background : #fdfdfd;
color : #111111;
padding-left : 5px;
}
.help_search_input:focus {
outline: none;
}
/***************************************************************************************************/
/****************************************************************************************************
* Text for Content Box Headers
****************************************************************************************************/
.content_box_header { color:#FFFFFF; font-family:Arial; font-size:11px; font-weight:bold; }
.content_box_header_navy { color:#27436A; font-family:Arial; font-size:11px; font-weight:bold; }
.content_box_header_large { color:#FFFFFF; font-family:Arial; font-size:13px; font-weight:bold; }
.content_box_header_larger { color:#FFFFFF; font-family:Verdana; font-size:14.5px; font-weight:bold; font-style:italic; color:#FFFFFF; }
.content_box_header_medium { color:#27436A; font-family:Verdana; font-size:11px; font-weight:bold; font-style:italic; color:#FFFFFF; }
.content_box_header_small { color:#21395B; font-family:Arial; font-size:10px; font-weight:bold; }
.content_box_header_black { color:#000000; font-family:Arial; font-size:11px; font-weight:bold; }
.content_box_header_grey { color:#4F5559; font-family:Arial; font-size:11px; font-weight:bold; }
.content_box_header_grey_large { color:#4F5559; font-family:Tahoma; font-size:20px; font-weight:bold; }
.content_box_header_yellow { color:#FFFFDC; font-family:Arial; font-size:10px; font-weight:bold; }
/***************************************************************************************************/
/****************************************************************************************************
* NEW Text for Content Box Headers
****************************************************************************************************/
.box_header {
color:#FFFFFF;
font-family:Arial;
font-size:11px;
font-weight:bold;
background-color:#376092;
padding: 0 5px;
-webkit-border-top-left-radius: 2px;
-webkit-border-top-right-radius: 2px;
-moz-border-radius-topleft: 2px;
-moz-border-radius-topright: 2px;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
}
.box_border {
border: 5px solid #98a5b1;
-webkit-border-bottom-left-radius: 2px;
-webkit-border-bottom-right-radius: 2px;
-moz-border-radius-bottomleft: 2px;
-moz-border-radius-bottomright: 2px;
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px;
}
.box_border_without_bottom {
border-top: 5px solid #98a5b1;
border-right: 5px solid #98a5b1;
border-left: 5px solid #98a5b1;
}
.box_border_without_top {
-webkit-border-bottom-left-radius: 2px;
-webkit-border-bottom-right-radius: 2px;
-moz-border-radius-bottomleft: 2px;
-moz-border-radius-bottomright: 2px;
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px;
border-bottom: 5px solid #98a5b1;
border-right: 5px solid #98a5b1;
border-left: 5px solid #98a5b1;
}
.without_header {
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.box_border_t {
border-top: 5px solid #98a5b1;
}
.box_border_r {
border-right: 5px solid #98a5b1;
}
.box_border_b {
border-bottom: 5px solid #98a5b1;
}
.box_border_l {
border-left: 5px solid #98a5b1;
}
.section_border_t {
border-top: 1px solid #b2b2b2;
}
.section_border_r {
border-right: 1px solid #b2b2b2;
}
.section_border_b {
border-bottom: 1px solid #b2b2b2;
}
.section_border_l {
border-left: 1px solid #b2b2b2;
}
/***************************************************************************************************/
/****************************************************************************************************
* Field Label Styles
****************************************************************************************************/
.input_lbl_small { color: #000000; font-family: tahoma, verdana, arial, helvetica, sans-serif; font-size: 8px; font-weight: bold; }
.input_lbl_small A:LINK { color: #000000; text-decoration: underline; }
.input_lbl_small A:VISITED { color: #000000; text-decoration: underline; }
.input_lbl_small A:ACTIVE { color: #000000; text-decoration: underline; }
.input_lbl_small A:HOVER { color: #000000; text-decoration: underline; }
.input_lbl { color: #000000; font-family: tahoma, verdana, arial, helvetica, sans-serif; font-size: 10px; font-weight: bold; }
.input_lbl A:LINK { color: #000000; text-decoration: underline; }
.input_lbl A:VISITED { color: #000000; text-decoration: underline; }
.input_lbl A:ACTIVE { color: #000000; text-decoration: underline; }
.input_lbl A:HOVER { color: #000000; text-decoration: underline; }
.input_lbl_medium {color: #000000; font-family: tahoma, verdana, arial, helvetica, sans-serif; font-size: 12px; font-weight: bold; }
.input_lbl_medium A:LINK {color: #000000; text-decoration: underline; }
.input_lbl_medium A:VISITED {color: #000000; text-decoration: underline; }
.input_lbl_medium A:ACTIVE {color: #000000; text-decoration: underline; }
.input_lbl_medium A:HOVER {color: #000000; text-decoration: underline; }
.input_lbl_large { color: #000000; font-family: tahoma, verdana, arial, helvetica, sans-serif; font-size: 18px; font-weight: bold; }
.input_lbl_large A:LINK { color: #000000; text-decoration: underline; }
.input_lbl_large A:VISITED { color: #000000; text-decoration: underline; }
.input_lbl_large A:ACTIVE { color: #000000; text-decoration: underline; }
.input_lbl_large A:HOVER { color: #000000; text-decoration: underline; }
.search_lbl { color: #7e7e7e; font-family: tahoma, verdana, arial, helvetica, sans-serif; font-size: 10px; font-weight: bold; }
.search_lbl A:LINK { color: #7e7e7e; text-decoration: underline; }
.search_lbl A:VISITED { color: #7e7e7e; text-decoration: underline; }
.search_lbl A:ACTIVE { color: #7e7e7e; text-decoration: underline; }
.search_lbl A:HOVER { color: #7e7e7e; text-decoration: underline; }
.input_lbl_white { color: #fff; font-family: tahoma, verdana, arial, helvetica, sans-serif; font-size: 10px; font-weight: bold; }
/***************************************************************************************************/
/****************************************************************************************************
* Default Styles for Form Fields
****************************************************************************************************/
body, td {
font-family: tahoma, verdana, arial, helvetica;
font-size : 11px;
border : 0px;
}
body {
scrollbar-arrow-color : #787878;
scrollbar-base-color : '';
scrollbar-darkshadow-color: '';
scrollbar-3dlight-color : '';
scrollbar-track-color : #d9d9d9;
scrollbar-face-color : #cccccc;
scrollbar-shadow-color : #cccccc;
scrollbar-highlight-color : #cccccc;
}
select {
font-family: tahoma, verdana, arial, helvetica;
font-size : 11px;
border : solid #b2b2b2 1px;
height : 18px;
background : #ffffff;
}
textarea, input {
font-family : tahoma, verdana, arial, helvetica;
font-size : 11px;
border : 0px;
border-style: solid;
border-color: #a8a8a8;
background : #ffffff;
height : 19px;
resize : none;
}
.input_medium {
font-family : arial;
font-size : 14px;
border : 0px solid #a8a8a8;
background : #ffffff;
color : #111111;
height : 19px;
padding-left: 3px;
}
.input_grey {
font-family : tahoma, verdana, arial, helvetica;
font-size : 11px;
border-top : 1px solid #a8a8a8;
border-left : 1px solid #a8a8a8;
border-bottom: 1px solid #a8a8a8;
border-right : 1px solid #a8a8a8;
background : #ffffff;
color : #111111;
height : 17px;
padding : 0 0 0 3px;
}
.datepicker_input {
font-family : tahoma, verdana, arial, helvetica;
font-size : 11px;
border : 1px solid #a8a8a8;
background : #ffffff;
color : #111111;
height : 18px;
padding : 0 0 0 3px;
margin-right : 3px;
}
.input_grey_medium {
font-family : arial, helvetica;
font-size : 14px;
border-top : 1px solid #a8a8a8;
border-left : 1px solid #a8a8a8;
border-bottom: 1px solid #a8a8a8;
border-right : 1px solid #a8a8a8;
background : #ffffff;
color : #111111;
height : 22px;
padding-top : 2px;
padding-left : 3px;
}
.input_grey_large {
font-family : tahoma, verdana, arial, helvetica;
font-size : 18px;
border-top : 1px solid #a8a8a8;
border-left : 1px solid #a8a8a8;
border-bottom: 1px solid #a8a8a8;
border-right : 1px solid #a8a8a8;
background : #ffffff;
color : #111111;
height : 27px;
padding-left : 3px;
}
.search_input_grey {
font-family : tahoma, verdana, arial, helvetica;
font-size : 11px;
border : 1px solid #b5b5b5;
background : #fdfdfd;
color : #111111;
height : 15px;
padding-left : 0px;
}
.select_grey {
font-family : tahoma, verdana, arial, helvetica;
font-size : 11px;
border : 1px solid #a8a8a8;
background : #ffffff;
color : #111111;
height : 19px;
padding : 0 0 0 3px;
}
.centered {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
height: 50%;
margin: auto;
}
/***************************************************************************************************/
/****************************************************************************************************
* Buttons
****************************************************************************************************/
.button {
font-family: Tahoma, Verdana, Arial;
font-size: 9px;
font-weight: bold;
background: #376092;
border: 1px solid #17375e;
color: #ffffff;
height: 19px;
text-decoration: none;
cursor: pointer;
padding: 0px 5px;
border-radius: 3px;
-moz-transition: background-color 0.15s ease-in-out;
-webkit-transition: background-color 0.15s ease-in-out;
-o-transition: background-color 0.15s ease-in-out ;
transition: background-color 0.15s ease-in-out;
}
.button:hover { background-color:#6081ae; }
.bttn {
font-family: Tahoma, Arial, Verdana !important;
font-size: 9px !important;
font-weight: bold;
background: #376092;
border: 1px solid #17375e;
color: #FFFFFF;
height: 19px;
text-decoration: none;
cursor: pointer;
border-radius: 3px;
-moz-transition: background-color 0.15s ease-in-out;
-webkit-transition: background-color 0.15s ease-in-out;
-o-transition: background-color 0.15s ease-in-out ;
transition: background-color 0.15s ease-in-out;
}
.bttn:hover { background-color:#6081ae; }
.bttn[disabled] {
background: #bdbdbd;
border: 1px solid #c7c7c7;
}
.bttn[disbaled]:hover { background-color:#bdbdbd; }
.bttn_xtra_large {
font-family: Tahoma, Arial, Verdana;
font-size: 15px;
font-weight: bold;
background: #376092;
border: 1px solid #17375e;
color: #FFFFFF;
height: 35px;
text-decoration: none;
cursor: pointer;
border-radius: 3px;
-moz-transition: background-color 0.15s ease-in-out;
-webkit-transition: background-color 0.15s ease-in-out;
-o-transition: background-color 0.15s ease-in-out ;
transition: background-color 0.15s ease-in-out;
}
.bttn_xtra_large:hover {
background-color: #6081ae;
}
.bttn_large { font-family:Tahoma,Verdana,Arial; font-size:12px; font-weight:bold; background:#878787; border:1px solid #5E5E5E; color:#FFFFFF; height:23px; text-decoration:none; cursor:pointer; border-radius:3px; }
.bttn_selected_large { font-family:Tahoma,Arial,Verdana; font-size:12px; font-weight:bold; background:#376092; border:1px solid #17375e; color:#FFFFFF; height:23px; text-decoration:none; cursor:pointer; border-radius:3px; }
.bttn_blue {
font-family: Tahoma, Verdana, Arial;
font-size: 9px;
font-weight: bold;
background: #376092;
border: 1px solid #17375e;
color: #ffffff;
height: 20px;
text-decoration: none;
cursor: pointer;
padding: 0px 5px;
border-radius: 3px;
-moz-transition: background-color 0.15s ease-in-out;
-webkit-transition: background-color 0.15s ease-in-out;
-o-transition: background-color 0.15s ease-in-out ;
transition: background-color 0.15s ease-in-out;
}
.bttn_blue:hover { background-color:#6081ae; }
.bttn_grey {
font-family: Tahoma, Verdana, Arial;
font-size: 9px;
font-weight: bold;
background: #878787;
border: 1px solid #707070;
color: #ffffff;
height: 19px;
text-decoration: none;
cursor: pointer;
padding: 0px 5px;
border-radius: 3px;
-moz-transition: background-color 0.15s ease-in-out;
-webkit-transition: background-color 0.15s ease-in-out;
-o-transition: background-color 0.15s ease-in-out ;
transition: background-color 0.15s ease-in-out;
}
.bttn_grey:hover { background-color:#9a9a9a; }
.bttn_xlarge_green {
font-family: Tahoma, Arial, Verdana;
font-size: 15px;
font-weight: bold;
background: #376092;
border: 1px solid #17375e;
color: #FFFFFF;
height: 35px;
text-decoration: none;
cursor: pointer;
border-radius: 3px;
-moz-transition: background-color 0.15s ease-in-out;
-webkit-transition: background-color 0.15s ease-in-out;
-o-transition: background-color 0.15s ease-in-out ;
transition: background-color 0.15s ease-in-out;
}
.bttn_xlarge_green:hover { background-color:#9a9a9a; }
.bttn_small { font-family:Tahoma,Arial,Verdana; font-size:10px; font-weight:bold; background:#6983A5; border:1px solid #707070; color:#ffffff; height:19px; text-decoration:none; cursor:pointer; }
.bttn_unselected_small { font-family:Tahoma,Arial,Verdana; font-size:10px; font-weight:bold; background:#A7A7A7; border:1px solid #707070; color:#FFFFFF; height:19px; text-decoration:none; cursor:pointer; }
.bttn_selected { font-family:Tahoma,Arial,Verdana; font-size:10px; font-weight:bold; background:#6983a5; border:1px solid #454f5d; color:#ffffff; height:19px; text-decoration:none; cursor:pointer; }
.bttn_unselected { font-family:Tahoma,Arial,Verdana; font-size:10px; font-weight:bold; background:#A7A7A7; border:1px solid #707070; color:#ffffff; height:19px; text-decoration:none; cursor:pointer; }
.bttn_grey_2 { font-family:Tahoma,Verdana,Arial; font-size:10px; font-weight:bold; background:#878787; border:1px solid #707070; color:#ffffff; height:20px; text-decoration:none; cursor:pointer; border-radius:4px;}
.bttn_white_2 { font-family:Tahoma,Verdana,Arial; font-size:10px; background:#E8F1F3; border:1px solid #707070; color:#17375E; height:20px; text-decoration:none; cursor:pointer; border-radius:4px;}
.bttn_split_left {
font-family: Tahoma, Verdana, Arial;
font-size: 9px;
font-weight: bold;
background: #376092;
border: 1px solid #17375e;
color: #ffffff;
height: 19px;
text-decoration: none;
cursor: pointer;
padding: 0px 5px;
border-radius: 3px;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
-moz-transition: background-color 0.15s ease-in-out;
-webkit-transition: background-color 0.15s ease-in-out;
-o-transition: background-color 0.15s ease-in-out ;
transition: background-color 0.15s ease-in-out;
}
.bttn_split_left:hover { background-color:#6081ae; }
.bttn_split_right {
font-family: Tahoma, Verdana, Arial;
font-size: 9px;
font-weight: bold;
background: #376092;
border: 1px solid #17375e;
border-left:1px solid #376092;
color: #ffffff;
height: 19px;
text-decoration: none;
cursor: pointer;
padding: 0px 5px;
border-radius: 3px;
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
-moz-transition: background-color 0.15s ease-in-out;
-webkit-transition: background-color 0.15s ease-in-out;
-o-transition: background-color 0.15s ease-in-out ;
transition: background-color 0.15s ease-in-out;
}
.bttn_split_right:hover { background-color:#6081ae; }
.img_bttn {
cursor: pointer;
border:1px solid #d5d5d5;
border-radius: 4px;
background-color: #d5d5d5;
-moz-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
-webkit-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
-o-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out ;
transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
}
.img_bttn:hover {
border:1px solid #a8a8a8;
background-color: #e7e7e7;
border-radius:4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
}
#subjectTagButton {
background: url(../images/icons/inserttag.png) 5px 5px no-repeat #f1f1f1;
border: 1px solid #a6a6a6;
border-radius: 3px;
padding: 3px 5px 5px 24px;
height: 28px;
vertical-align: bottom;
box-shadow: 0 1px 0 rgba(255,255,255,.5), 0 0 2px rgba(255,255,255,.15) inset, 0 1px 0 rgba(255,255,255,.15) inset;
}
#subjectTagButton:hover {
box-shadow: 0 0 1px rgba(0,0,0,.3) inset;
background: url(../images/icons/inserttag.png) 5px 5px no-repeat #eee;
}
/***************************************************************************************************/
/****************************************************************************************************
* Logo
****************************************************************************************************/
#logoWrap {
width: 1250px;
height: 35px;
background-color: #17375e;
}
#logoBoxLeft {
float: left;
display:table;
width: 284px;
height: 100%;
}
#logoBoxLeft span.img-container{
display:table-cell;
vertical-align: middle;
width: 208px;
background: url(../common_images/momentum_logo_203X27.png) 5px 4px no-repeat;
background-size: 203px 27px;
}
#logoBoxLeft span.ver {
display:table-cell;
color: #ddd;
font-size:10px;
vertical-align:bottom;
line-height: 2.1em;
}
#logoBoxCenter {
float: left;
width: 917px;
height: 100%;
}
#logoBoxRight {
float: left;
width: 49px;
height: 100%;
}
/***************************************************************************************************/
/****************************************************************************************************
* Menu
****************************************************************************************************/
#menuWrap {
width: 1246px; /*VAR*/
height: 25px;
}
.menuBoxSide {
float: left;
width: 4px;
height: 100%;
background: url(../common_images/dark_border_y.gif) 0 0 repeat-y;
}
.menuNav {
float: left;
height: 100%;
cursor: pointer;
}
#menuMenu {
float: left;
width: 489px; /*VAR*/
height: 24px;
background: url(../common_images/menu_bg.gif) 0 0 repeat-x;
padding-top: 1px;
}
#menuMenu2 {
float: left;
width: 728px; /*VAR*/
height: 100%;
background: url(../common_images/menu_bg.gif) 0 0 repeat-x;
padding-top: 1px;
}
#menuLogOut {
float: left;
width: 36px;
height: 100%;
background: url(../common_images/menuLogoutBg.gif) 0 0 no-repeat;
cursor: pointer;
}
#menuLogOutIcon {
display:inline-block;
width:19px;
height:19px;
margin:3px 0 0 9px;
opacity:0.6;
background: url(../images/icons/menuLogOutIcon.png) 0 0 no-repeat;
-webkit-transition: opacity 200ms ease-in;
-moz-transition: opacity 200ms ease-in;
-o-transition: opacity 200ms ease-in;
-ms-transition: opacity 200ms ease-in;
transition: opacity 200ms ease-in;
}
#menuLogOutIcon:hover {
opacity:1.0;
-webkit-transition: opacity 300ms ease-in;
-moz-transition: opacity 300ms ease-in;
-o-transition: opacity 300ms ease-in;
-ms-transition: opacity 300ms ease-in;
transition: opacity 300ms ease-in;
}
/***************************************************************************************************/
/****************************************************************************************************
* Header
****************************************************************************************************/
#headerWrap {
width: 1250px; /*VAR*/
height: 4px;
overflow: hidden;
}
#headerLeft {
float: left;
width: 5px;
height: 100%;
background: url(../common_images/dark_border2_x.gif) 0 0 no-repeat;
}
#headerCenter {
float: left;
width: 1240px; /*VAR*/
height: 100%;
background: #dfdddd url(../common_images/dark_border1_x.gif) 0 0 repeat-x;
}
#headerRight {
float: left;
width: 5px;
height: 100%;
background: url(../common_images/dark_border3_x.gif) 0 0 no-repeat;
}
/***************************************************************************************************/
/****************************************************************************************************
* Main Body Wrapper
****************************************************************************************************/
#mBodyWrap {
width: 1250px; /*VAR*/
min-height: 666px;
height: 666px;
}
#mBodyLeft {
float: left;
width: 4px;
height: 100%;
background: url(../common_images/dark_border_y.gif) repeat-y;
}
#mBodyCenter {
float: left;
width: 1242px; /*VAR*/
height: 100%;
padding: 0px;
}
#mBodyRight {
float: left;
width: 4px;
height: 100%;
background: url(../common_images/dark_border_y.gif) repeat-y;
}
/***************************************************************************************************/
/****************************************************************************************************
* Footer
****************************************************************************************************/
#footerWrap {
width: 1250px; /*VAR*/
height: 4px;
background-color: #17375e;
overflow: hidden;
}
#footerLeft {
float: left;
width: 7px;
height: 100%;
}
#footerCenter {
float: left;
width: 1229px; /*VAR*/
height: 100%;
padding-top: 7px;
padding-right: 7px;
text-align: right;
}
#footerRight {
float: left;
width: 7px;
height: 100%;
background: url(../common_images/bottom_bar3_bg.gif) no-repeat;
}
/***************************************************************************************************/
/****************************************************************************************************
* Main Body Inner (Without Left)
****************************************************************************************************/
#mBodyInnerTopWrap {
width: 1232px; /*VAR: mBodyCenter.width - (mBodyCenter.padding x 2)*/
height: 25px;
}
#mBodyInnerTopLeft {
float: left;
width: 5px;
height: 100%;
background: url(../common_images/box_bg_1.gif);
}
#mBodyInnerTopCenter {
float: left;
width: 1222px; /*VAR*/
height: 100%;
background: url(../common_images/box_bg.gif);
padding-top: 3px;
color: #27436a;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
}
#mBodyInnerTopRight {
float: left;
width: 5px;
height: 100%;
background: url(../common_images/box_bg_2.gif);
}
#mBodyInnerBodyWrap {
width: 1232px; /*VAR: mBodyCenter.width - (mBodyCenter.padding x 2)*/
height: 705px; /*VAR: mBodyWrap.height - (mBodyInnerTopWrap.height + mBodyInnerBottomWrap.height + (mBodyCenter.padding x 2))*/
}
#mBodyInnerBodyLeft {
float: left;
width: 5px;
height: 100%;
background: url(../common_images/box_bg_y.gif) repeat-y;
}
#mBodyInnerBodyCenter {
float: left;
width: 1222px; /*VAR*/
height: 100%;
}
#mBodyInnerBodyRight {
float: left;
width: 5px;
height: 100%;
background: url(../common_images/box_bg_y.gif) repeat-y;
}
#mBodyInnerBottomWrap {
width: 1232px; /*VAR: - ok mBodyCenter.width - (mBodyCenter.padding x 2)*/
height: 5px;
overflow: hidden;
}
#mBodyInnerBottomLeft {
float: left;
width: 5px;
height: 100%;
background: url(../common_images/box_bg_3.gif) no-repeat;
}
#mBodyInnerBottomCenter {
float: left;
width: 1222px; /*VAR*/
height: 100%;
background: url(../common_images/box_bg_x.gif) repeat-x;
}
#mBodyInnerBottomRight {
float: left;
width: 5px;
height: 100%;
background: url(../common_images/box_bg_4.gif) no-repeat;
}
/***************************************************************************************************/
/****************************************************************************************************
* Main Body Inner (jsp specific)
****************************************************************************************************/
#jsp_specific_01 {
overflow: auto;
width: 100%;
height: 100%; /*VAR*/
}
.jsp_specific_01_height {
height:702px;
}
#jsp_specific_02 {
overflow: auto;
width: 100%;
height: 674px; /*VAR*/
}
/***************************************************************************************************/
.query_data_dimensions { width: 130px; height: 80px; overflow:hidden; }
.quick_query_data_dimensions { width: 150px; height: 80px; overflow-x:hidden; }
/****************************************************************************************************
* Query By Example Criteria Data
****************************************************************************************************/
#criteria_data_01 {
overflow-x: hidden;
width: 130px;
height: 80px;
}
/***************************************************************************************************/
/****************************************************************************************************
* Quick Query
****************************************************************************************************/
#quick_query_01 {
overflow: auto;
width: 80%;
height: 800px;
}
/***************************************************************************************************/
/****************************************************************************************************
* Print Manager Inner
****************************************************************************************************/
#print_manager_01, #print_manager_02 {
overflow: auto;
width: 100%;
height: 296px;
}
/***************************************************************************************************/
/****************************************************************************************************
* Report Output
****************************************************************************************************/
#ReportOutput {
width: 100%;
height: 699px; /*VAR*/
}
/***************************************************************************************************/
/****************************************************************************************************
* Scrollable Tabs
****************************************************************************************************/
a.prev {
display:block;
cursor:pointer;
width:19px;
height:19px;
float:left;
background:url(../images/icons/moveback.gif) no-repeat;
}
a.next {
display:block;
cursor:pointer;
width:19px;
height:19px;
float:left;
background:url(../images/icons/moveforward.gif) no-repeat;
}
a.disabled {
visibility:hidden;
}
/* Front Page */
.tab_container {
width: 90px;
float: left;
text-align: center;
border: 1px solid #17375e;
border-bottom: 0;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
background-color: #376092;
color: #ffffff;
}
.tab_content {
height: 19px;
font: bold 11px Tahoma, Arial, Verdana;
text-align: center;
color: inherit;
cursor: pointer;
-moz-transition: background-color 0.15s ease-in-out;
-webkit-transition: background-color 0.15s ease-in-out;
-o-transition: background-color 0.15s ease-in-out;
transition: background-color 0.15s ease-in-out;
}
.tab_content:hover {
background-color: #6081ae;
}
.tab_active {
background-color: #aeb8c2;
color: #17375e;
}
.tab_error {
background-color: #e67b7b;
color: #fff;
}
.tab_tooltip {
display:none;
background:transparent url(../common_images/tooltip_tab_top_grey.png) no-repeat;
font-size:9px;
font-weight:bold;
height:27px;
width:126px;
padding-top:11px;
color:#333;
text-align:center;
z-index:3;
}
.tab_tooltip.bottom {
background:url(../common_images/tooltip_tab_bottom_grey.png);
height:24px;
padding-top:16px;
}
.tab_tooltip.bottom {
background:url(../common_images/tooltip_tab_bottom_grey.png);
}
div.front_page_scrollable {
position:relative;
overflow:hidden;
width: 1220px;
height:19px;
float:left;
margin-right: 5px;
margin-left: 5px;
}
div.front_page_scrollable div.front_page_tabs {
width:auto;
position:absolute;
height:19px;
float: left;
white-space: nowrap;
}
div.front_page_tabs div {
display: inline-block;
float: none;
background-color: #376092;
text-align:center;
width: 105px;
margin-right: 3px;
cursor:pointer;
}
div.front_page_scrollable div.front_page_tabs div table{
color:#FFFFFF;
font-family:Arial;
font-size:11px;
font-weight:bold;
}
/* CAP Screen */
div.customer_page_scrollable {
position:relative;
overflow:hidden;
width: 745px;
height:19px;
float:left;
margin-right: 5px;
margin-left: 5px;
background-color: #FFFFFF;
}
div.customer_page_scrollable div.customer_page_tabs {
width: auto;
position: absolute;
height: 19px;
white-space: nowrap;
float: left;
}
div.customer_page_scrollable div.customer_page_tabs div {
display: inline-block;
float: none;
background-color: #376092;
text-align:center;
width: 100px;
margin-right: 3px;
cursor:pointer;
}
div.customer_page_scrollable div.customer_page_tabs div table{
color:#FFFFFF;
font-family:Tahoma;
font-size:11px;
font-weight:bold;
}
/* Lead Source */
div.leadsource_page_scrollable {
position: relative;
overflow: hidden;
width: 745px;
height: 24px;
float: left;
margin-right: 5px;
margin-left: 5px;
background-color: #FFFFFF;
}
div.leadsource_page_scrollable div.leadsource_page_tabs {
width: 20000em;
position: absolute;
height: 24px;
clear: both;
}
div.leadsource_page_scrollable div.leadsource_page_tabs div {
float:left;
background-color: #376092;
text-align:center;
width: 100px;
margin-right: 3px;
cursor:pointer;
}
div.leadsource_page_scrollable div.leadsource_page_tabs div table{
color:#FFFFFF;
font-family:Tahoma;
font-size:11px;
font-weight:bold;
}
/****************************************************************************************************/
/****************************************************************************************************
* JQuery UI CSS override
****************************************************************************************************/
/* Interaction states
-----------------------------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button{
border: 1px solid #376092;
background-color: #376092;
background-position: 50% 50%;
background-repeat: repeat-x;
font-weight: bold;
color: #ffffff;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
border: 1px solid #376092;
background-color: #6081ae;
background-image: none;
font-weight: bold;
color: #ffffff;
}
.ui-state-default.ui-state-hover a,
.ui-state-default.ui-state-hover a:hover {
color: #ffffff;
}
.ui-state-active.ui-state-hover,
.ui-state-active.ui-state-hover:hover,
.ui-state-active.ui-state-hover a,
.ui-state-active.ui-state-hover a:hover {
background-color: #bcc6cf;
color: #17375e;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
.ui-widget-header .ui-tabs-active,
.ui-button:active {
background-color: #aeb8c2;
color: #17375e;
}
.ui-button {
padding: .5em 1em;
border-radius: 3px;
}
/****************************************************************************************************
* JQuery UI Dialog CSS override
****************************************************************************************************/
.ui-front {
z-index: 2001;
}
.transparent-overlay {
opacity: 0;
filter: Alpha(Opacity=0);
}
.ui-widget-overlay {
background-color: #aaa;
opacity: .50;
filter: Alpha(Opacity=50);
}
/* Prevent nested pop-ups from hiding content under the background overlay */
.ui-widget-overlay.modalDialog1,
.ui-widget-overlay.modalDialog2,
.ui-widget-overlay.modalDialog3 {
opacity: 0;
filter: Alpha(Opacity=0);
}
.ui-widget-shadow {
background-color: #aaa;
}
.ui-dialog[aria-describedby="modalDialog0"],
.ui-dialog[aria-describedby="modalDialog1"],
.ui-dialog[aria-describedby="modalDialog2"],
.ui-dialog[aria-describedby="modalDialog3"]{
box-shadow: 0 2px 25px rgba(120,120,120,0.75);
}
/****************************************************************************************************
* JQuery UI Datepicker css override
****************************************************************************************************/
/* Month Dates */
div#datepicker .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
border:1px solid #376092;
font-weight:normal;
}
/****************************************************************************************************
* DateSpinner - Spinner added to JQuery Datepicker
****************************************************************************************************/
.dateSpinner {
position:absolute;
}
.dateSpinner button {
cursor:pointer;
font-weight: bold;
font-size: 6px;
width: 20px;
height: 9px;
border-width: 1px;
border-color: #b2b2b2;
margin: 0;
padding: 0;
}
/****************************************************************************************************/
/****************************************************************************************************
* Date Range Filter
****************************************************************************************************/
.daterange_filter { background-color:#F0F0F0; width:390px; height:200px; border:1px solid #555; border-top: 2px solid #555;}
div#dateRangeFilter {
margin: 5px 5px 5px 5px;
}
div#dateRangeFilter div#left-div {
display:-moz-inline-stack;
display:inline-block;
zoom:1;
*display:inline;
margin-top:3px;
float:left;
}
div#dateRangeFilter div#left-div .input_lbl {
vertical-align: top;
line-height: 1.6em;
}
div#dateRangeFilter div#right-div {
display:-moz-inline-stack;
display:inline-block;
zoom:1;
*display:inline;
float:right;
}
div#dateRangeFilter div#left-div select {
font-size:12px;
height:23px;
margin:0 0 10px 0;
padding:0;
width: 108px;
}
div#dateRangeFilter .input_lbl {
display:inline-block;
width:45px;
font-size: 12px;
}
div#dateRangeFilter input[type='text'] {
height:21px;
font-size: 12px;
margin-bottom:10px;
width: 103px;
text-align:center;
margin-top:0px;
margin-left:0px;
border:1px solid #b2b2b2;
}
div#dateRangeFilter input[type='button'] {
width:49px;
}
div#dateRangeFilter .ui-widget-content .ui-state-highlight {
background: #376092 !important;
color: #fff !important;
}
/****************************************************************************************************/
/****************************************************************************************************
* Style for All Div Popups
****************************************************************************************************/
.beeperNubWrapper {
position:absolute;
background:transparent;
width:100%;
top:-12px;
}
.beeperNub {
margin: 0 auto;
width:23px;
height:12px;
background-image:url(../common_images/beeperNub.png);
background-repeat:no-repeat;
}
.popup{
display: none;
border: 2px solid #142E4E;
background-color: #ffffff;
position: absolute;
overflow: visible;
-webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.50);
-moz-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.50);
box-shadow: 7px 7px 7px rgba(0, 0, 0, 0.50);
z-index:500;
border-radius:3px;
}
.close-x-bttn {
background-color: #376092;
cursor: pointer;
text-align: center;
-moz-transition: background-color 0.15s ease-in-out;
-webkit-transition: background-color 0.15s ease-in-out;
-o-transition: background-color 0.15s ease-in-out ;
transition: background-color 0.15s ease-in-out;
}
.close-x-bttn:hover {
background-color: #6081ae;
}
.filter_extender {
display: none;
position: absolute;
overflow: visible;
z-index:2;
}
/****************************************************************************************************
* Style for All Side Tabs
****************************************************************************************************/
.sidetab {
border-top: 1px solid #fdfdfd;
border-bottom: 1px solid #cccccc;
height: 29px;
line-height: 2.8em;
cursor: pointer;
}
.sidetab:hover {
background-color: #f1f1f1;
}
.sidetab label {
margin-left: 15px;
color: #222222;
font-family: arial, helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
}
#sidetabs .selected {
background-color: #fafafa;
}
#sidetabs .selected label{
font-weight: bold;
}
/****************************************************************************************************
* Style Ajax Loading Screen
****************************************************************************************************/
.ajax_loading_display {
display:none;
position:absolute;
background-color: #fff;
filter:alpha(opacity=60);
opacity:0.7;
-moz-opacity:0.7;
background-image:url(../images/icons/ajax-loader.gif);
background-position: center center;
background-repeat: no-repeat;
z-index:1002;
}
/****************************************************************************************************
* Overlay used to close popups
*****************************************************************************************************/
div.clickCloseOverlay {
display:none;
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
background-color:#b2b2b2;
z-index:402;
opacity:0.0;
filter:alpha(opacity=0);
-moz-opacity:0.0;
}
/****************************************************************************************************
* Fullscreen email Editor for Mobile
*****************************************************************************************************/
div.email-editor {
display:none;
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
z-index:402;
}
/****************************************************************************************************
* Bubble Popup in Main Frame
*****************************************************************************************************/
div#bubble_pop {
z-index:403;
position:absolute;
}
/****************************************************************************************************
* Tool Popup
*****************************************************************************************************/
div#bubble_pop.menuLogOut .beeperNub{
margin-left:180px;
}
div#bubble_pop.menuLogOut {
top:66px;
left:1035px;
width:215px;
min-height:100px;
max-height:500px;
}
div#bubble_pop.dupValues {
width:400px;
}
div#bubble_pop.dupValues .beeperNub{
margin-left:360px;
}
div#bubble_pop.dupValues div#dup_list {
overflow:auto;
overflow-x:hidden;
min-height:50px;
max-height:600px;
}
/****************************************************************************************************
* Alert Status
*****************************************************************************************************/
#alert_icons {
width:135px;
height:24px;
top:7px;
left:1070px;
z-index:400;
position:absolute;
background:transparent;
}
div#bubble_pop.alert_status {
left:892px;
width:340px;
min-height:220px;
max-height:740px;
top:37px;
}
div#bubble_pop.alert_reply {
left:892px;
width:340px;
min-height:220px;
max-height:740px;
top:37px;
}
div#bubble_pop.alert_lead {
left:892px;
width:340px;
min-height:220px;
max-height:740px;
top:37px;
}
div#bubble_pop.alert_status .beeperNub{
margin-left:180px;
}
div#bubble_pop.alert_reply .beeperNub{
margin-left:224px;
}
div#bubble_pop.alert_lead .beeperNub{
margin-left:275px;
}
.alert_icon {
float:left;
text-align:center;
line-height:1.6em;
font-weight:bold;
color: #fff;
height:21px;
cursor:pointer;
}
#alert_status{
background-repeat: no-repeat;
background-position: center;
margin-right:15px;
width:29px;
}
.status_off {
background-image:url(../images/icons/statusoff.png);
}
.status_on {
background-image:url(../images/icons/statuson.png);
}
#alert_reply {
background-repeat:no-repeat;
background-position: center;
margin-right:15px;
width:29px;
}
.reply_off {
background-image:url(../images/icons/replyoff.png);
}
.reply_on {
background-image:url(../images/icons/replyon.png);
}
#alert_lead{
background-repeat:no-repeat;
background-position: center;
width:45px;
}
.lead_off {
background-image:url(../images/icons/leadoff.png);
}
.lead_on {
background-image:url(../images/icons/leadon.png);
}
.lead_on1 {
background-image:url(../images/icons/leadon1.png);
}
.lead_on2 {
background-image:url(../images/icons/leadon2.png);
}
.alert_hidden {
display:hidden;
}
.alert_status_div {
width: 100%;
overflow: hidden;
overflow-x: hidden;
overflow-y: auto;
min-height: 177px;
max-height: 680px;
}
#alert_lead_div, #alert_reply_div {
width: 100%;
overflow: hidden;
overflow-x: hidden;
overflow-y: auto;
min-height: 200px;
max-height: 700px;
}
div#confirm-logout-dialog {
margin: 5%;
text-align:center;
font-size: 1em;
font-weight: bold;
}
.context-menu {
display:none;
position:absolute;
border:1px solid #a7a6aa;
background-color:white;
width:135px;
height:auto;
}
.context-menu ul, .context-menu li {
list-style: none;
margin:0;
padding:2px;
}
.context-menu li {
cursor:pointer;
padding:6px 5px 6px 5px;
}
.context-menu li:hover {
background-color:#fff568;
}
.noSelect {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;
}
.ui-front {
z-index:1002;
}
table#container {
width:100%;
height:100%;
padding:4px 5px 5px 5px;
}
div#adminContainer,
div.settingContainer {
height:100%;
width:100%;
}
div.settingContainer table {
padding:4px 0 5px 5px;
height:100%;
}
div#adminContainer #left, div#adminContainer #right {
float:left;
padding:4px 0 5px 5px;
height:100%;
}
div#adminContainer #left {
width:300px;
}
div#adminContainer #right {
padding-right:5px;
width:942px;
}
/****************************************************************************************************
* Icon Alert Popup
*****************************************************************************************************/
.icon-popup-container {
display: inline-block;
height: 25px;
width: 40px;
position: relative;
}
.icon-popup-container > .icon-popup {
display: none;
min-width: 300px;
height: auto;
max-height: 275px;
padding: 15px 15px 0 15px;
position: absolute;
z-index: 4;
right: 0;
border-radius: 5px;
background-color: #fff;
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.25);
overflow-y: auto;
box-sizing: border-box;
}
.icon-popup-container > .icon-popup > ul {
width: 100%;
padding: 0;
margin: 0;
overflow-y: auto;
}
.icon-popup-container > .icon-popup > ul > li {
display: flex;
flex-direction: column;
padding: 0;
margin: 0 0 15px 0;
font-family: Helvetica, Arial, sans-serif;
font-size: 13px;
font-weight: normal;
color: #333333;
text-shadow: none;
text-align: left;
list-style: none;
overflow: hidden;
transition: padding 0.2s ease-in-out 0s;
border-radius: 5px;
border: solid 1px #e3e4e8;
background-color: #fff;
box-sizing: border-box;
cursor: pointer;
}
.icon-popup-container > .icon-popup > ul > li p {
display: flex;
padding: 0;
margin: 0;
flex-direction: column;
}
.icon-popup-container > .icon-popup > ul > li > .lead-header {
padding: 7px 5px 7px 15px;
font-weight: bold;
border-bottom: solid 1px #e3e4e8;
background-color: #e3e4e8;
}
.icon-popup-container > .icon-popup > ul > li > ul {
padding: 15px 10px 5px 35px;
}
.icon-popup-container > .icon-popup > ul > li > ul > li {
margin: 0 0 10px 0;
list-style-type: disc;
}
.icon-popup-container > .icon-popup > ul > li > ul > li > p > span:first-child {
margin-bottom: -1px;
}
.icon-popup-container > .icon-popup > ul > li > ul > li > p > .event-time {
font-size: 11px;
}
.icon-popup-container > .icon-popup > ul > li:hover {
border-radius: 5px;
background-color: #f3f5f6;
}
.icon-popup-container > .icon-popup > ul > li:active {
background-color: #eaedf0;
}
.icon-popup-container:hover > .icon-popup {
display: block;
}
.icon-popup-container > .icon-popup > .lead-list-message {
display: flex;
width: 100%;
height: 50px;
justify-content: center;
align-items: center;
font-size: 14px;
color: #333;
text-shadow: none;
}
/****************************************************************************************************
* Email Manager
*****************************************************************************************************/
div#bottomPane_container {
overflow: hidden;
}
/****************************************************************************************************
* Pre-Screen Modal Dialog Page
*****************************************************************************************************/
.preScreen {
margin:10px;
font-size:12px;
}
.preScreen .heading {
border-radius: 3px;
color:white;
padding:5px;
}
.preScreen .heading.success {
background-color: #5cb85c;
}
.preScreen .heading.danger {
background-color: #d9534f;
}
.preScreen div ul {
margin:0;
padding:0;
}
.preScreen div ul li {
margin:5px;
padding:0;
list-style-type:none;
}
.preScreen div ul li label
{
display: inline-block;
text-align:left;
width:120px;
font-weight:bold;
margin-right:5px;
color:#555;
}
/****************************************************************************************************
* CKEditor css
*****************************************************************************************************/
.cke_combo__inserttemplatesnippet a.cke_combo_button span.cke_combo_text {
width: 75px;
}
/****************************************************************************************************
* JQuery modal dialog
*****************************************************************************************************/
iframe#modalDialog0 {
display: block;
transform: translate3d(0, 0, 0);
transition: width 0.4s ease-in-out 0s;
}
/****************************************************************************************************
* What is this icon
*****************************************************************************************************/
span.whatisthis {
cursor: pointer;
color: inherit;
opacity: 60%;
}
span.whatisthis:hover {
opacity: 100%;
}
span.whatisthis svg path {
d: path('M12 19a7 7 0 110-14 7 7 0 010 14zm0-1.5a5.5 5.5 0 100-11 5.5 5.5 0 000 11zm0-6a1 1 0 011 1v2a1 1 0 01-2 0v-2a1 1 0 011-1zm0-3a1 1 0 110 2 1 1 0 010-2z');
}
/****************************************************************************************************
* differences of common.js
*****************************************************************************************************/
.hours-wrapper { }
.hours-wrapper .input-item * { vertical-align: middle; line-height: 1;}
.hours-wrapper .cfg-openhours:not(.input-group-container) { padding-top:15px; padding-bottom:15px; }
.hours-wrapper .cfg-openhours:not(.input-group-container) tabs tab[x-id="calendar-view"] tabcontent { padding:0 15px 15px; }
/****************************************************************************************************
* for common.js
*****************************************************************************************************/
/* begin: common */
.x-common input:not([type="checkbox"]):not([type="radio"]).error, .x-common select.error, .x-common ul.error {
border-color: #ff0000 !important;
font-weight: normal;
font-family: inherit;
}
.x-common table td.error {
color: #ff0000 !important;
font-weight: normal;
font-family: inherit;
}
.x-common [status="A"] .status-badge::before {
background: #34b40d;
content: "Active";
}
.x-common .status-badge::before {
content: "Inactive";
margin-right: .5em;
color: #fff;
background: #999;
padding: 3px 0 2px;
border-radius: 6px;
font-size: 9px;
line-height: 1;
display: inline-block;
width: 40px;
text-align: center;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
vertical-align: middle;
letter-spacing: -0.5px;
display: none;
}
/* end: common */
/* begin: tabs */
tabs, tab, tabwrap, tabwrapi, tabheader, tabheadercontent, tabbody, tabbodycontent, tabfilter, tabcontent, slide-view, slide-side, slide-side-wrap, slide-main, slide-main-wrap {
display: block;
}
tabs {
--selectedTab: 0;
--background: #fff;
--inactiveBackground: #f7f7f8;
--borderColor: #aaa;
--tableBorderColor: #aaa;
--slide-side-width: 240px;
--slide-padding-width: 10px;
}
tabs[selected-tab="1"] {
--selectedTab: 1;
}
tabs[selected-tab="2"] {
--selectedTab: 2;
}
tabs[selected-tab="3"] {
--selectedTab: 3;
}
tabs[selected-tab="4"] {
--selectedTab: 4;
}
tabs[selected-tab="5"] {
--selectedTab: 5;
}
tabs[selected-tab="6"] {
--selectedTab: 6;
}
tabs[selected-tab="7"] {
--selectedTab: 7;
}
tabs[selected-tab="8"] {
--selectedTab: 8;
}
tabs[selected-tab="9"] {
--selectedTab: 9;
}
tabs * {
box-sizing: border-box;
}
tabs tab {
background: var(--background);
}
tabs tabheader {
border-bottom: 1px solid var(--borderColor);
}
tabs tabheader tabheadercontent {
height: 24px;
line-height: 24px;
display: flex;
flex-direction: row;
gap: 10px;
padding:0 10px;
}
tabs tabheader tab {
position: relative;
cursor: pointer;
border: 1px solid var(--borderColor);
border-radius:8px 8px 0 0;
padding:0 10px;
height: calc(100% + 1px);
background: var(--inactiveBackground);
}
tabs tabheader tab[selected] {
background: var(--background);
border-bottom-color: var(--background);
}
tabs tabheader tab label {
cursor: inherit;
}
tabs tabbody {
position: relative;
width: 100%;
overflow-x: hidden;
}
tabs tabbody tabbodycontent {
white-space: nowrap;
min-height: 200px;
transform: translate3d(calc(-100% * var(--selectedTab)), 0, 0);
transition: transform 300ms;
}
tabs tabbody tabwrap {
width: 100%;
min-height: 100%;
display: inline-block;
vertical-align: top;
}
tabs tabbody tab {
min-height: 100%;
display: flex;
flex-direction: row;
}
tabs tab tabfilter {
min-height: 100%;
flex:0 0 190px;
padding:3px 3px;
}
tabs tab tabfilter .tabfilter-content {
border-radius: 5px 5px 0 0;
background: var(--inactiveBackground);
padding:0 10px 10px;
height: 100%;
}
tabs tab tabfilter .filter-title {
background:#73747e;
color: #fff;
margin:0 -10px;
line-height: 30px;
font-size:1.1em;
padding:0 10px;
border-radius: inherit;
}
tabs tab tabfilter .tabfilter-content > * + div {
margin-top:10px;
}
tabs tab tabfilter label {
display: block;
}
tabs tab tabfilter label input:not([type="checkbox"]):not([type="radio"]),
tabs tab tabfilter label select {
width: 100%;
}
tabs tab tabfilter label input:not([type="checkbox"]):not([type="radio"]) {
border:1px solid #aaa;
}
tabs tab tabfilter label > span {
display: block;
margin-bottom:5px;
}
tabs tab tabfilter label.check-box input[type="checkbox"] {
vertical-align: middle;
}
tabs tab tabcontent {
flex:1 0 0;
}
tabs tab tabfilter + tabcontent {
background: #fff;
}
tabs tab tabcontent .tabcontent-inner {
height: 100%;
display: flex;
flex-direction: column;
}
tabs tab tabcontent .schedules-wrap {
}
tabs tab tabcontent .schedules-wrap .schedules {
}
tabs tab tabcontent .section-header {
flex: 0 0 0;
padding:10px 0 10px;
}
tabs tab tabcontent .section-header .section-header-inner {
display: flex;
flex-direction: row;
justify-content: space-between;
padding:0;
}
tabs tab tabcontent .section-header .section-filter {
padding-left:6px;
width: calc(var(--slide-side-width) - var(--slide-padding-width));
}
tabs tab tabcontent .section-header .buttons {
display: flex;
flex-direction: row;
gap: 6px;
padding-right:6px;
}
tabs tab tabcontent .section-header .buttons button {
cursor: pointer;
}
tabs tab tabcontent .slide-main-content[selected-count="0"] .section-header .buttons button[name="btDelete"] {
display: none;
}
tabs tab tabcontent .slide-main-content:not([selected-count="1"]) .section-header .buttons button[name="btCopy"] {
display: none;
}
/* table common: begin */
tabs tab tabcontent .table-wrap {
flex: 1 0 0;
overflow-y: auto;
}
tabs tab tabcontent .table-wrap table {
width: 100%;
table-layout: fixed;
border-collapse: collapse;
}
tabs tab tabcontent .table-wrap table td {
border:0 solid var(--tableBorderColor);
padding:4px 6px;
line-height:16px;
}
tabs tab tabcontent .table-wrap table colgroup {
}
tabs tab tabcontent .table-wrap table colgroup col {
}
tabs tab tabcontent .table-wrap table thead {
}
tabs tab tabcontent .table-wrap table thead tr {
background: #3395a8;
color: #fff;
}
tabs tab tabcontent .table-wrap table thead tr td {
}
tabs tab tabcontent .table-wrap table tbody {
}
tabs tab tabcontent .table-wrap table tbody tr {
cursor: pointer;
}
tabs tab tabcontent .table-wrap table tbody tr td {
}
/* table common: end */
/* table(shifts): begin */
tabs tab tabcontent slide-view:not([mode="side"]) .table-wrap table.shifts colgroup col[c-id="spacer"] {
visibility: hidden;
width: 0;
}
tabs tab tabcontent .table-wrap table.shifts colgroup col[c-id="checkbox"] {
width: 26px;
}
tabs tab tabcontent .table-wrap table.shifts colgroup col[c-id="name"] {
}
tabs tab tabcontent .table-wrap table.shifts colgroup col[c-id="assigned"] {
width: 120px;
}
tabs tab tabcontent .table-wrap table.shifts colgroup col[c-id="date-range"] {
width: 140px;
}
tabs tab tabcontent .table-wrap table.shifts colgroup col[c-id="last-modified"] {
width: 100px;
}
tabs tab tabcontent .table-wrap table.shifts tbody tr:hover {
background: #efefef;
}
tabs tab tabcontent slide-view[mode="side"] .table-wrap table.shifts colgroup col:not([c-id="name"]):not([c-id="spacer"]),
tabs tab tabcontent slide-view[mode="side"] .table-wrap table.shifts td:not([c-id="name"]):not([c-id="spacer"]) {
width: 0;
visibility: hidden;
overflow: hidden;
}
tabs tab tabcontent slide-view[mode="side"] .table-wrap table.shifts colgroup col[c-id="name"] {
width: calc(var(--slide-side-width) - var(--slide-padding-width));
}
tabs tab tabcontent .table-wrap table.shifts td[c-id="assigned"] {
text-align: center;
}
tabs tab tabcontent slide-view[mode="side"] .table-wrap table.shifts tbody tr td[c-id="name"] {
border-left: transparent 4px solid;
}
tabs tab tabcontent slide-view[mode="side"] .table-wrap table.shifts tbody tr.selected {
background-color: #f3f4f7;
}
tabs tab tabcontent slide-view[mode="side"] .table-wrap table.shifts tbody tr.selected td[c-id="name"] {
border-left-color: #921aea;
}
/* table(shifts): end */
/* end: tabs */
/* schedule */
body[x-schedule-body] {
}
body[x-schedule-body] button i {
margin-right:0.2em;
}
body[x-schedule-body] #container.v100 {
display: flex;
flex-direction: column;
height:100%;
}
body[x-schedule-body] #container.v100 > h2 {
/* height:60px */
flex:0 0 60px;
}
body[x-schedule-body] #container.v100 > h2 + .main-content {
flex:1 0 0;
}
body[x-schedule-body] #container.v100 > .main-content > tabs {
height:100%;
display: flex;
flex-direction: column;
}
body[x-schedule-body] #container.v100 > .main-content > tabs > tabheader {
flex:0 0 25px;
}
body[x-schedule-body] #container.v100 > .main-content > tabs > tabbody {
flex:1 0 0;
}
body[x-schedule-body] #container.v100 > .main-content > tabs > tabbody tabbodycontent {
height: 100%;
}
body[x-schedule-body] #container.v100 > .main-content > tabs > tabbody tabbodycontent tabwrap {
height: 100%;
}
body[x-schedule-body] #container.v100 > .main-content > tabs > tabbody tabbodycontent tabwrap tab {
height: 100%;
}
body[x-schedule-body] #container.v100 > .main-content > tabs > tabbody tabbodycontent tabwrap tab
.schedule-content-wrapper .schedule-content .content-body { }
body[x-schedule-body] #container.v100 > .main-content > tabs > tabbody tabbodycontent tabwrap tab
.schedule-content-wrapper .schedule-content .content-body .cb { background: #fff; }
/* slide: begin */
tabs tab tabcontent .slide-view-wrap {
height: 100%;
overflow: hidden;
}
tabs tab tabcontent slide-view {
transform: translate3d(0, 0, 0);
transition: transform 300ms;
height: 100%;
position: relative;
}
tabs tab tabcontent slide-view[mode="side"] {
transform: translate3d(calc(-100% + var(--slide-side-width)), 0, 0);
}
tabs tab tabcontent slide-view[mode="side"][position="left"] {
transform: translate3d(calc(100% - var(--slide-side-width)), 0, 0);
}
tabs tab tabcontent slide-view[mode="side"] .section-header .buttons {
display: none;
}
tabs tab tabcontent slide-view[mode="side"] .section-header .section-header-inner {
justify-content: right;
}
tabs tab tabcontent slide-view > * {
width: 100%;
height:100%;
}
tabs tab tabcontent slide-view slide-side-wrap {
height:100%;
width: calc(100% - var(--slide-side-width));
position: absolute;
left: 100%;
box-shadow: inset 0px 0px 5px 1px rgba(100, 100, 100, 0.3);
background: #f7f7f8;
}
tabs tab tabcontent slide-view[position="left"] slide-side-wrap {
right: 100%;
left: auto;
}
tabs tab tabcontent slide-view slide-side {
height:100%;
padding:10px 15px;
overflow: auto;
}
tabs tab tabcontent slide-view slide-main {
height:100%;
padding:0 var(--slide-padding-width) 10px;
}
tabs tab tabcontent .slide-main-content {
display: flex;
flex-direction: column;
height: 100%;
}
/* slide: end */
/* shift detail: begin */
.shift-detail-inner { }
.shift-detail-inner button { cursor: pointer; }
.shift-detail-inner var { font-style: normal; }
.shift-detail-inner .footer-tools {
padding: 1em 0 1em;
border-top: 1px solid #ccc;
}
.shift-detail-inner table + .footer-tools label { margin-left: 1em; }
.shift-detail-inner table + .footer-tools label > dfn { font-style: inherit;}
.shift-detail-inner table + .footer-tools label > dfn::before {
content: var(--selected-count);
display: inline;
}
.shift-detail-inner .footer-tools::after { content:''; height: 0; display: block; width: 100%; clear: both; }
.shift-detail-inner .footer-tools button[name="btnAdd"] { float:right; }
.shift-detail-inner table:not([selected-count]) + .footer-tools > *:not(button[name="btnAdd"]),
.shift-detail-inner table[selected-count=""] + .footer-tools > *:not(button[name="btnAdd"]),
.shift-detail-inner table[selected-count="0"] + .footer-tools > *:not(button[name="btnAdd"]) { display: none; }
.shift-detail-inner[is-new="true"] { }
.shift-detail-inner:not([is-new="true"]) .detail-tools,
.shift-detail-inner:not([is-new="true"]) .section:not(.mode-edit) .edit-items,
.shift-detail-inner:not([is-new="true"]) .section:not(.mode-edit) .footer-tools { display: none; }
.shift-detail-inner[is-editable="true"] .view-tools,
.shift-detail-inner[is-new="true"] .view-tools,
.shift-detail-inner[is-new="true"] .section-tools,
.shift-detail-inner[is-new="true"] .view-items,
.shift-detail-inner:not([is-new="true"]) .section.mode-edit .view-items { display: none; }
.shift-detail-inner.readonly .section-tools,
.shift-detail-inner .section.readonly .section-tools { display: none; }
.shift-detail-inner .shift-detail-header {
display: flex;
flex-direction: row;
line-height: 30px;
align-items: center;
}
.shift-detail-inner .shift-detail-header h3 {
margin:0;
flex:1 0 0;
padding-left: 1em;
}
.shift-detail-inner .shift-detail-header .view-tools button[name="btnTerminate"] {
background: #f77c7c;
border: 1px solid #ff1616;
color: #282828;
border-radius: 5px;
}
.shift-detail-inner .section .section-header {
display: flex;
align-items: center;
gap: 1em;
}
.shift-detail-inner .section.mode-edit .section-header .section-tools button[name="btnEdit"] {
display: none;
}
.shift-detail-inner .section:not(.mode-edit) .section-header .section-tools button:not([name="btnEdit"]) {
display: none;
}
.shift-detail-inner .shift-detail-content .section > .items {
}
.shift-detail-inner .shift-detail-content .section + .section {
margin-top:2em;
}
.shift-detail-inner .shift-detail-content h4 {
margin:0;
font-size:1.1em;
}
.shift-detail-inner .shift-detail-content .edit-items form {
float: none;
}
.shift-detail-inner .shift-detail-content .edit-items form > div {
margin-top:0.5em;
}
.shift-detail-inner .shift-detail-content .edit-items form > div > label{
min-width: 75px;
display: inline-block;
}
.shift-detail-inner .shift-detail-content .edit-items form input[type="text"] {
border:1px solid #aaa;
padding:3px 6px;
height: 24px;
line-height: 18px;
}
.shift-detail-inner .shift-detail-content .edit-items form input[type="text"][name="name"] {
width: 400px;
}
.shift-detail-inner .section.assignments .table-wrap {
float:none;
}
.shift-detail-inner .section.assignments .table-wrap table colgroup col[c-id="checkbox"] {
width: 26px;
}
.shift-detail-inner .section.assignments .table-wrap table colgroup col[c-id="name"] {
}
.shift-detail-inner .section.assignments .table-wrap table colgroup col[c-id="start-week"] {
width: 100px;
}
.shift-detail-inner .section.assignments .table-wrap table colgroup col[c-id="effective-date"] {
width: 200px;
}
.shift-detail-inner .section.assignments .table-wrap table {
background: #fff;
}
.shift-detail-inner .section.assignments .table-wrap table tbody:empty::before {
display: block;
position: absolute;
content: "Please assign employees to this template";
width: 100%;
padding-top: 1.5em;
text-align: center;
color: #aaa;
}
.shift-detail-inner .section.assignments .table-wrap table tbody:empty::after {
display: block;
content: "";
min-height: 50px;
}
.shift-detail-inner .section.assignments .table-wrap table tr[is-disabled="true"] {
color:#aaa;
}
.shift-detail-inner .section.assignments .table-wrap table tr[is-disabled="true"] td[c-id="name"]:hover::before {
content:'Disabled Employee';
position: absolute;
z-index: 1;
margin-top: -50px;
background: #efefef;
border:1px solid #aaa;
padding:10px 15px;
border-radius: 6px;
color: #000;
}
.shift-detail-inner .section.assignments .table-wrap table tr td[c-id="start-week"] {
text-align: center;
}
.shift-detail-inner:not([is-new="true"]) .section.assignments:not(.mode-edit) .table-wrap table [c-id="checkbox"] {
display: none;
}
/* shift detail: end */
x-popup-wrap {
display: block;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
background: rgba(0, 0, 0, 0);
transition: background 300ms;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
--poup-padding: 15px;
}
x-popup-wrap.on {
background: rgba(0, 0, 0, 0.5);
}
x-popup-wrap [x-popup] {
transition: all 300ms;
display: block;
opacity: 0;
background: #fff;
border: 1px solid #73747e;
box-shadow: 0 0 6px 0px rgba(0, 0, 0, 0.5);
border-radius: 8px;
}
x-popup-wrap.on [x-popup] {
opacity: 1;
}
x-popup-wrap [x-popup].modal-content {
display: flex;
flex-direction: column;
min-height: 600px;
padding:0 var(--poup-padding);
}
x-popup-wrap [x-popup][mode="edit"].modal-content form[name="assignEmployees"] {
width: 480px;
}
x-popup-wrap [x-popup][mode="edit"].modal-content form[name="assignEmployees"] .column:first-child {
display: none;
}
x-popup-wrap [x-popup].modal-content .modal-header {
flex: 0 0 30px;
display: flex;
flex-direction: row;
line-height: 30px;
align-items: center;
margin:-0.6px calc(-1 * var(--poup-padding) - 0.6px) 0; /* 0.6px: chrome rander bug fix */
padding:0 var(--poup-padding);
background: #73747e;
color: #fff;
border-top-left-radius: inherit;
border-top-right-radius: inherit;
}
x-popup-wrap [x-popup].modal-content .modal-header h4 {
flex: 1 0 0;
margin: 0;
}
x-popup-wrap [x-popup].modal-content .modal-header .button-wrap {
flex: 0 0 0;
}
x-popup-wrap [x-popup].modal-content .modal-header .button-wrap button {
margin-right:-13px;
background: transparent;
border: 0;
font-size:2.0em;
color: #fff;
cursor: pointer;
}
x-popup-wrap [x-popup].modal-content .modal-body {
flex: 1 0 0;
margin:0 calc(-1 * var(--poup-padding));
}
x-popup-wrap [x-popup].modal-content .modal-footer {
flex: 0 0 35px;
line-height: 35px;
text-align: right;
background: #ccc;
margin:0 calc(-1 * var(--poup-padding)) -0.5px; /* 0.5px: chrome rander bug fix */
padding:0 var(--poup-padding);
border-bottom-left-radius: inherit;
border-bottom-right-radius: inherit;
}
x-popup-wrap [x-popup].modal-content .modal-footer button {
margin-left: 0.5em;
cursor: pointer;
}
x-popup-wrap [x-popup].modal-content .modal-footer button[name="btnCancel"] {
}
x-popup-wrap [x-popup].modal-content .modal-footer button[name="btnUpdate"] {
}
x-popup-wrap [x-popup].modal-content.readonly .modal-footer button[name="btnUpdate"] {
display: none;
}
x-popup-wrap [x-popup][popup-confirm-terminate] {
min-height: 0;
}
x-popup-wrap [x-popup][popup-confirm-terminate] .modal-body {
line-height: 1;
font-size: 18px;
padding:20px 30px;
}
form[name="assignEmployees"] {
display: flex;
justify-content: stretch;
align-items: stretch;
height: 100%;
width: 960px;
}
form[name="assignEmployees"] .column {
flex: 1 0 0;
padding:10px var(--poup-padding) 0;
}
form[name="assignEmployees"] .column:first-child {
display: flex;
flex-direction: column;
}
form[name="assignEmployees"] .column + .column {
border-left: 1px solid #ccc;
}
form[name="assignEmployees"] .column .filters {
flex: 0 0 0;
display: grid;
gap: 4px 10px;
grid-template-columns: min-content auto min-content min-content;
vertical-align: middle;
line-height: 20px;
padding-bottom:10px;
}
form[name="assignEmployees"] .column .filters > label {
grid-row: span 2;
}
form[name="assignEmployees"] .column .filters > div.select-group {
grid-column: span 3;
}
form[name="assignEmployees"] .column .filters > div:not(.select-checkbox) {
display: flex;
flex-direction: row;
}
form[name="assignEmployees"] .column .filters > div:not(.select-checkbox) > label {
padding-right:0.3em;
flex: 0 0 0;
display: none;
}
form[name="assignEmployees"] .column .filters > div:not(.select-checkbox) > var {
flex: 1 0 0;
}
form[name="assignEmployees"] .column .filters > div:not(.select-checkbox) > var input[type="text"]::placeholder,
form[name="assignEmployees"] .column .filters > div:not(.select-checkbox) > var select:invalid,
form[name="assignEmployees"] .column .filters > div:not(.select-checkbox) > var select option:first-child,
form[name="assignEmployees"] .column .filters > div:not(.select-checkbox) > var select:has(option:first-child:checked),
form[name="assignEmployees"] .column .filters > div:not(.select-checkbox) > var select:has(option[value=""]:checked),
form[name="assignEmployees"] .column .filters > div:not(.select-checkbox) > var select option[value=""] {
color: #aaa;
font-style: normal;
font-weight: normal;
font-size: 11px;
font-family: inherit;
}
form[name="assignEmployees"] .column .filters > div:not(.select-checkbox) > var input,
form[name="assignEmployees"] .column .filters > div:not(.select-checkbox) > var select {
width: 100%;
padding-left: 6px;
box-sizing: border-box;
border:1px solid #aaa;
}
form[name="assignEmployees"] .column .filters > div {
}
form[name="assignEmployees"] .column .filters > div > label {
}
form[name="assignEmployees"] .column .filters > div > var {
}
form[name="assignEmployees"] .column .filters > div > label.check-box {
white-space: nowrap;
}
form[name="assignEmployees"] .column .filters > div > label input[type="checkbox"]{
vertical-align: middle;
position: relative;
margin-top: -3px;
margin-right: 0.3em;
}
form[name="assignEmployees"] .column .filters > div.input-box {
}
form[name="assignEmployees"] .column .filters > div.select-group {
}
form[name="assignEmployees"] .column .filters > div.select-group > var {
}
form[name="assignEmployees"] .column .filters > div.select-group > var input {
}
form[name="assignEmployees"] .column .filters > div.select-group {
}
form[name="assignEmployees"] .column .filters > div.select-group > label {
}
form[name="assignEmployees"] .column .filters > div.select-group > var {
}
form[name="assignEmployees"] .column .filters > div.select-group > var select {
}
form[name="assignEmployees"] .column .filters:has(select[name="employeeGroupId"] option:first-child:checked) + .select-list .table-wrap table tbody tr {
display: none;
}
form[name="assignEmployees"] .column .filters:has(select[name="employeeGroupId"] option:first-child:checked) + .select-list .table-wrap table tbody {
position: relative;
}
form[name="assignEmployees"] .column .filters:has(select[name="employeeGroupId"] option:first-child:checked) + .select-list .table-wrap table tbody::before {
content: 'Please select employee group first';
display: block;
width: 100%;
line-height: 80px;
font-style: italic;
color: #bbb;
white-space: nowrap;
position: absolute;
text-align: center;
}
form[name="assignEmployees"] .column .select-list {
flex: 1 0 0;
margin:0 calc(-1 * var(--poup-padding));
overflow: hidden;
}
form[name="assignEmployees"] .column .table-wrap {
height: 100%;
overflow: auto;
}
form[name="assignEmployees"] .column .table-wrap table {
width: 100%;
table-layout: fixed;
border-collapse: collapse;
}
form[name="assignEmployees"] .column .table-wrap table td {
padding:4px 6px;
line-height: 16px;
}
form[name="assignEmployees"] .column .table-wrap table td[c-id="checkbox"] {
padding-left: var(--poup-padding);
padding-right: 0;
}
form[name="assignEmployees"] .column .table-wrap table thead tr {
position: sticky;
top: 0;
}
form[name="assignEmployees"] .column .table-wrap table thead tr {
background: #3395a8;
color: #fff;
}
form[name="assignEmployees"] .column .table-wrap table thead tr td {
padding-top:3px;
padding-bottom:3px;
line-height: 1.1;
}
form[name="assignEmployees"] .column .table-wrap table tbody tr[is-exclude="true"] {
display: none;
}
form[name="assignEmployees"] .column .table-wrap table tbody tr[is-disabled="true"] {
color:#aaa;
}
form[name="assignEmployees"] .column .table-wrap table tbody tr[is-disabled="true"] td[c-id="name"]:hover::before {
content:'Disabled Employee';
position: absolute;
z-index: 1;
margin-top: -55px;
background: #efefef;
border:1px solid #aaa;
padding:10px 15px;
border-radius: 6px;
color: #000;
}
form[name="assignEmployees"] .column .table-wrap table colgroup {
}
form[name="assignEmployees"] .column .table-wrap table colgroup col {
}
form[name="assignEmployees"] .column .table-wrap table colgroup col[c-id="checkbox"] {
width:calc(18px + var(--poup-padding));
}
form[name="assignEmployees"] .column .table-wrap table td[c-id="checkbox"] {
}
form[name="assignEmployees"] .column .table-wrap table colgroup col[c-id="name"] {
}
form[name="assignEmployees"] .column .table-wrap table colgroup col[c-id="assigned"] {
width: 100px;
}
form[name="assignEmployees"] .column .table-wrap table tbody tr {
}
form[name="assignEmployees"] .column .table-wrap table tbody tr:hover {
background: #efefef;
}
form[name="assignEmployees"] .column .table-wrap table tbody td ul {
display: inline;
margin: 0;
padding: 0;
list-style-type: none;
}
form[name="assignEmployees"] .column .table-wrap table tbody td ul li {
display: inline;
}
form[name="assignEmployees"] .column .table-wrap table tbody td ul li:not(:last-child)::after {
content:', ';
display: inline;
}
form[name="assignEmployees"] .column .table-wrap table tbody td[c-id="assigned"] {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
form[name="assignEmployees"] .column .table-wrap table tbody td[c-id="assigned"]:hover {
overflow: visible;
position: relative;
}
form[name="assignEmployees"] .column .table-wrap table tbody td[c-id="assigned"]:hover ul:not(:empty) {
display: block;
position: absolute;
border:1px solid #aaa;
background: #fcffbb;
top:0;
right:0;
padding:4px 8px;
border-radius: 5px;
}
form[name="assignEmployees"] .column .table-wrap table tbody td[c-id="assigned"]:hover ul:not(:empty) li {
display: block;
}
form[name="assignEmployees"] .column + .column {
}
form[name="assignEmployees"] .column + .column > div {
margin-bottom:20px;
}
form[name="assignEmployees"] .column + .column > div > label {
}
form[name="assignEmployees"] .column + .column > div > var {
display: block;
margin-top: 0.5em;
}
form[name="assignEmployees"] .column + .column > div > var input:not([type="checkbox"]):not([type="radio"]) {
border: 1px solid #aaa;
padding:1px 6px;
width: 65px;
text-align: center;
}
form[name="assignEmployees"] .column + .column > div > var input:not([type="checkbox"]):not([type="radio"]):disabled,
form[name="assignEmployees"] .column + .column > div > var select:disabled {
border-color: #aaa;
background:#dfdfdf;
}
form[name="assignEmployees"] .column + .column > div.selected-employees span:not([selected-count]),
form[name="assignEmployees"] .column + .column > div.selected-employees span[selected-count=""],
form[name="assignEmployees"] .column + .column > div.selected-employees span[selected-count="0"] {
display: none;
}
form[name="assignEmployees"] .column + .column > div.selected-employees span[selected-count]::before {
display: inline;
content: attr(selected-count) ' ';
}
form[name="assignEmployees"] .column + .column > div.selected-employees > ul {
max-height: 350px;
overflow: auto;
border: 1px solid #aaa;
padding: 4px 6px;
margin-top: 0.5em;
min-height: 50px;
}
form[name="assignEmployees"] .column + .column > div.selected-employees > ul:empty::after {
content: "Please select any employee(s).";
color: #aaa;
font-style: italic;
display: inline-block;
padding:1em 1em;
}
form[name="assignEmployees"] .column + .column > div.selected-employees > ul > li {
display: inline;
white-space: nowrap;
}
form[name="assignEmployees"] .column + .column > div.selected-employees > ul > li:not(:last-child)::after {
display: inline;
content: ','
}
/* my schedule */
#container.my-schedule {
padding: 10px 15px 0;
}
#container.my-schedule [schedule].schedule-content {
}
#container.my-schedule [schedule].schedule-content .content-header {
}
/* hours */
.input-container.hours-wrapper {
height: 100%;
display: flex;
flex-direction: column;
}
.hours-wrapper > .input-group-header {
flex: 0 0 auto;
}
.hours-wrapper > .input-group-container {
flex: 1 0 auto;
padding-top:10px;
}
.hours-wrapper > .input-group-container > .input-item {
line-height: 24px;
}
.hours-wrapper > .input-group-container > .input-item select {
border: 1px solid #aaa;
width: 240px;
line-height: 1;
height: 24px;
margin-left: 15px;
}
.hours-wrapper > .input-group-container > .input-item .checkbox-wrapper {
margin-left:20px;
background: transparent;
font-weight: normal;
}
.hours-wrapper > .input-group-container > .input-item .checkbox-wrapper > * {
vertical-align: middle;
}
.hours-wrapper > .input-group-container > .input-item select:not(:has(> option[value="OPEN_HOURS"]:checked)) + .checkbox-wrapper {
display: none;
}
.hours-wrapper > .input-group-container:not(:has(select > option[value="OPEN_HOURS"]:checked)) + .input-group-container {
position: relative;
}
.hours-wrapper > .input-group-container:not(:has(select > option[value="OPEN_HOURS"]:checked)) + .input-group-container::before {
content: '';
display: block;
height: 100%;
background: rgba(255, 255, 255, 0.7);
position: absolute;
z-index: 1;
width: 100%;
}
.hours-wrapper > .input-group-container tabs {
height: 100%;
display: flex;
flex-direction: column;
}
.hours-wrapper > .input-group-container tabs tabheader {
flex: 0 0 auto;
}
.hours-wrapper:not(.free) > .input-group-container tabs tabheader {
padding-top:10px;
}
.hours-wrapper > .input-group-container tabs tabheader tabheadercontent {
}
.hours-wrapper > .input-group-container tabs tabbody {
flex: 1 0 auto;
}
.hours-wrapper > .input-group-container tabs tabbody tabbodycontent {
height: 100%;
}
.hours-wrapper > .input-group-container tabs tabbody tabbodycontent tabwrap {
height: 100%;
}
.hours-wrapper > .input-group-container tabs tabbody tabbodycontent tabwrap tab {
padding:10px 15px 15px;
}
.hours-wrapper > .input-group-container tabs tabbody tabbodycontent tabwrap tab [schedule] {
}
.hours-wrapper > .input-group-container tabs tabbody tabbodycontent tabwrap tab [schedule]:not(.mode-edit)::before {
content: '';
display: block;
height: 100%;
background: rgba(255, 255, 255, 0.7);
position: absolute;
z-index: 1;
width: 100%;
}
.hours-wrapper > .input-group-container tabs tabbody tabbodycontent tabwrap tab [schedule].overview {
}
.hours-wrapper > .input-group-container tabs tabbody tabbodycontent tabwrap tab [schedule] .section-tools {
text-align: right;
}
.hours-wrapper > .input-group-container tabs tabbody tabbodycontent tabwrap tab [schedule].mode-edit .section-tools {
}
.hours-wrapper > .input-group-container tabs tabbody tabbodycontent tabwrap tab [schedule].mode-edit .section-tools button[name="btnEdit"] {
display: none;
}
.hours-wrapper > .input-group-container tabs tabbody tabbodycontent tabwrap tab [schedule]:not(.mode-edit) .section-tools {
}
.hours-wrapper > .input-group-container tabs tabbody tabbodycontent tabwrap tab [schedule]:not(.mode-edit) .section-tools button:not([name="btnEdit"]) {
display: none;
}