.wait, .wait * { cursor: wait !important; }
#footer, #nav_menu, .page_name {position:relative;}
h1.page_name { display:inline-block; }
div.content { max-width:100%;width:100%; margin:0px;position:relative;padding-bottom:0px;}
body#body_product_config div.content { margin: 0px auto; max-width:1200px;}

.ui-selectable-helper { position: absolute; z-index: 100; border:1px dotted black; }
div.loading, div.nomatch {font-size: 16pt; display:block; float:none; clear:both; padding: 10px; width:70%; min-width:300px; color: gray; margin-left: auto; margin-right: auto;}
.simplemodal-container .config_table div.section {background: transparent;}



table, tbody, tr, td { padding:0px; margin:0px; border-width:0px; }


div.simplemodal-container {background-color: #ECF0F1; border-width: 0px; border-radius: 5px;}
iframe#modal {height: 700px; width: 100%; border: 0px; border-radius: 4px;}
div input.product_name_modal {width: 90%;}
div input.product_price_modal {width: 70px; margin-left: 2px;}
div input.product_weight_modal {width: 70px; margin-right: 2px;}
div input.product_description_modal {width: 100%; height: 80px;}
div#modal_pages_list {max-height: 200px; overflow: auto;}
div.config_item input.pp_checkbox {position: relative; top: 2px; margin-right: 2px;}
div.product_image img, span#product_image_modal img {padding: 0px 0px 4px 0px; cursor: pointer;}
span#product_image_modal img {max-width: 90%; max-height: 400px;}
.upload_product_image {display: none;}
a.upload_product_image_dispatch {cursor: pointer;}


#right_links_block { float: right; text-align: left; width:250px;  margin-right:15px; min-height:1px;}
#right_links_block > * {float:right; display:block;}
#configure_products_screen { cursor:pointer; width:20px; height:20px;
  background-image: url(images/cog.png);background-size:20px 20px; background-position:center; background-repeat:no-repeat;}
#show_cart_url { cursor:pointer; margin-right: 30px;}

#config_modals {padding: 10px; background-color: white;}
#config_modals div.modal_config_item {margin-bottom: 20px;}
#config_modals div.name {display: inline-block;}
#config_modals div.value {display: inline-block;}
.config_modal_option {margin-left: 10px; margin-right: 10px; cursor: pointer; margin-bottom: 10px; display: inline-block;}
.error {margin-left: 2px;}


div#products_top_block { width:100%; background-color:#ECF0F1; clear:both; }
.stuck_top { position: fixed; top: 0px; left:0; z-index:10; }

div#products_bottom_block { width:100%; background-color:white; position:relative; /*height: 36px;*/ border-top: 1px solid #EAEAEA; text-align:center;}
div.stuck_bottom { position: fixed !important; bottom: 0px; left:0; z-index:100; }

#field_control {float:left; margin:5px 6px 5px 14px; height:30px; line-height:30px;}
div.field_clicker {display:inline-block; padding:7px; background-color:#eeeeee; margin:0px 1px; cursor: pointer; border-radius:2px;}
div.field_clicker div {background-image: url(images/ui-icons_222222_256x240.png);  height: 16px; width: 16px; vertical-align:middle; }
div.field_clicker:hover {background-color:#eaeaea;}
div#add_field div{background-position:-16px -128px;}
div#remove_field div{background-position:-48px -128px;}
div.field_menu {position:absolute; z-index:100000; margin-top:5px;}
a.close_field_menu {background-image: url(images/ui-icons_222222_256x240.png); background-position: -96px -128px; height: 16px; width: 16px; display: block; cursor: pointer; opacity:0.5; margin-bottom: 3px;}
div.field_menu option {cursor: pointer;}
div.field_menu option:hover {text-decoration:underline;}
div.field_menu option.present { opacity: 0.3; cursor:default; }
div.field_menu option.present:hover {text-decoration:none;}

div#search_wrapper { background-color:white; box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.04); display:none;}

div.list_mode_search { margin-bottom: 10px;}
div.bo_search { visibility:hidden; }
div.bo_search, div#operations_container, div#bottom_wrapper { max-width:1250px; clear: both; overflow:hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:5px; border-width:0px;z-index:5; margin:0px auto;}
div.bo_search_header { display: inline; float:left; margin: 5px 0px 5px 5px; text-align:right; padding-right:3px; height:30px; line-height: 30px;}
select.bo_search_fields { margin:5px 0px; width:15%; min-width:170px; float: left; height:30px; border:1px solid #EEEEEE;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
select.bo_search_query { margin:5px 0px; width:10%; min-width:80px; float: left; height:30px; border:1px solid #EEEEEE;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
input.bo_search_string, select.bo_search_string { margin:5px 0px; min-width: 250px; max-width:350px; width: 45%; float: left; clear:none; padding: 2px; height:30px; border:1px solid #EEEEEE; text-align:left; padding-left:10px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
input.bo_search_string_readonly { background-color:#FAFAFA; cursor:not-allowed;} 
div.bo_search_rems { display: none; }
a.bo_search_fields { display: none; }
div.bo_search input.button { background-color:#eeeeee; margin: 5px 0px; padding: 0px 3px; width:auto; height: 30px;}
div.bo_search input.button:hover { background-color:#eaeaea; }
div.bo_search input#button_filter, div.bo_search input#button_search {margin-right: 4px;  color:transparent; width:30px; overflow:hidden; background-size:20px 20px; background-position:center; background-repeat:no-repeat;} 
div.bo_search input#button_search { border-top-left-radius: 0px; 	border-bottom-left-radius: 0px; }
div.bo_search input#button_search { background-image: url(images/search.png); }
div.bo_search input#button_filter { display: none; background-image: url(images/filter.png); }
div.bo_search #search_summary_shorthand { float:right; margin:5px; height:30px; line-height:30px; color:#1d7dc6; cursor:pointer; display:none;}



div.paginator_wrapper { float:right; margin:5px 6px; height:30px; line-height:30px; width:200px;}
div.paginator_wrapper_bottom { height: 30px; /*position:absolute; bottom:3px; right:0px;*/  width:230px; float:right;}
div#paginator_centralizer { float:left; height:30px; width:1px; margin-right: 170px;}
select.paginator  { min-width: 0px; display:inline-block; height:30px; vertical-align:top; margin:0px 1px; }
div.pag_arrow, div.load_all_icon { display:inline-block; padding:7px; background-color:#eeeeee; margin:0px 1px; cursor: pointer; border-radius:2px;}
div.paginator_wrapper_bottom div.pag_arrow, div.paginator_wrapper_bottom div.load_all_icon  { background-color:#dddddd;} 
div.pag_arrow:hover, div.load_all_icon:hover  { background-color:#eaeaea; }
div.paginator_wrapper_bottom div.pag_arrow:hover, div.paginator_wrapper_bottom div.load_all_icon:hover { background-color:#d0d0d0;} 
div.pag_arrow div, div.load_all_icon div {background-image: url(images/ui-icons_222222_256x240.png);  height: 16px; width: 16px; vertical-align:middle; }
div.pag_first div{background-position:-48px -160px;} 
div.pag_prev div{background-position:-96px -16px;} 
div.pag_next div{background-position:-32px -16px;} 
div.pag_last div{background-position:-32px -160px;} 
div.load_all_icon div{background-position:-224px -48px;} 
div.load_all_icon { margin-left: 10px; }

div.bo_search #search_summary_shorthand:hover {text-decoration: underline; }
div#operations_container > div#search_summary { clear:both; text-align:left; margin-left:5px; display:none; }
div.bo_search > div#search_summary { clear:both; text-align:left; margin-left:5px; display:none; }

div.display_mode { float:right; text-align:right;height:30px; line-height:30px; margin:5px;}
div.display_mode a {color:transparent; cursor:pointer; display:inline-block; height:30px; width:30px; overflow:hidden; border-radius:2px; background-color:#eeeeee; background-size:20px 20px; background-position:center; background-repeat:no-repeat;}
#display_mode_grid {  background-image:url(images/grid.png); }
#display_mode_list {  background-image:url(images/list.png); }
div.display_mode a:hover {background-color: #eaeaea; }
div.display_mode a.current_display_mode {cursor:default; background-color:#dddddd;}
div.display_mode a.current_display_mode:hover {background-color:#dddddd}


div.fixed_content_wrapper {background-color:#ECF0F1; }
#products_control, #as_products_control {background-color:white; border-spacing: 0; margin:0px auto; padding: 0px; border:1px solid #e5e5e5; border-bottom-color: #CCCCCC; border-right-width:0px;}
#products_control table, #as_products_control table { table-layout:fixed; border-spacing: 0;z-index:5;position:relative; }
table#fixed_control {z-index:20; /*position:fixed;*/ }




div#operations_container { text-align: left; padding:10px 0px;}
div#operations_container > div { display:inline-block; vertical-align:top;}
div#o_deselect {line-height:30px; height:30px; font-size: 15pt; margin-left:20px; color:#888888; cursor:pointer; margin-right:7%;}
div#op_selection { position:relative;  width:250px; text-align:center;}
div#op_text { line-height:30px; }
div#op_select_vall, div#op_select_vall2 { cursor:pointer; text-decoration: underline; color:#1d7dc6;}
div#op_select_vall2 { display:inline;}


div#o_deselect > div { float:left; background-image: url(images/chevron-small-left.png); height:30px; width:30px; position:relative; top:1px; background-size:30px 30px; background-position:center; background-repeat:no-repeat;}
div.op { display:inline-block; cursor:pointer; height:30px; width:60px;
  background-size:20px 20px; background-position:center; background-repeat:no-repeat;
  border-left: 1px solid #eaeaea;
} 
div.op:first-child { border-left-width: 0px; }
div.op:hover {background-color:#d4e9f7; }

div#operations { background-color: white;}
div#o_edit { background-image: url(images/pencil.png); }
div#o_poweredit { background-image: url(images/poweredit.png); }
div#o_oa { background-image: url(images/order-buttons.png); }
div#o_download { background-image: url(images/download.png); }
div#o_copy { background-image: url(images/copy.png); }
div#o_disable, div#o_enable { background-image: url(images/disable.png); }
div#o_delete { background-image: url(images/trash.png); }
div#more_operations { background-image: url(images/dots-three-horizontal.png); }

div#operations_container > div#more_operations_open {position:absolute; z-index:100000; margin-top:5px; display:none; background-color:white; text-align:left; padding: 10px 0px;}
div#more_operations_open div {cursor:pointer; padding:0px 10px; }
div#more_operations_open div:hover {background-color:#d4e9f7;}




div#add_products_block { float: left; width:250px; margin-left:30px; min-height:1px;}
div#add_products_block > div {float:left; height:35px; line-height:35px; background-color: #3498db; color:white; padding-left: 12px; border-radius: 2px; margin-right:2px; cursor:pointer;}
div#add_products_block > div:hover {background-color: #36a4ed;}
div#add_product > div {float: right; background-image: url(images/plus.png); background-size:20px 20px; background-position:center; background-repeat:no-repeat; width:25px; height:35px; }
a#add_multiple_products { display:block; float:left; padding-right:12px; cursor:pointer; height:35px; line-height:35px; margin-left:10px;}
/*div#add_multiple_products > div {float: right; background-image: url(images/plus.png); background-size:15px 35px; width:30px; height:35px; }*/



a#load_all_products, a#load_all_products_pag, a#stop_loading_products { cursor: pointer !important; }
a.depressed_load_all { display:block; float:right; color:#888888; margin-right:5px;}
div#progressbar_modal { padding: 20px; }




div#products, div#as_products {margin: 0px auto; overflow:hidden; clear:both;}
table#assignment_splitter_products div#products, table#assignment_splitter_products div#as_products {display:inline-block;}

a.del_p {background-image: url(images/ui-icons_222222_256x240.png); background-position: -80px -128px; opacity: 0.5; height: 16px; width: 16px; display: block; cursor: pointer;}
div.o_e_oa { position: absolute; bottom: 5px; right: 2px; cursor:pointer; height:20px; width:20px; background-size:15px 15px; background-position:center; background-repeat:no-repeat; background-image: url(images/order-buttons.png); opacity:0.5;}

div.p {display: block; overflow:hidden; clear: none; width: 14%; min-width:200px; height: 180px; padding: 8px 0px; float: left; text-align: center; margin: 6px 1%; background-color: white; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; min-width:200px;}
div.ui-selectee { cursor: pointer; }
div.p_dis {opacity:0.5;}
div.p_dis:before {content:"Product disabled";}
div.ui-selected { border: 2px solid #21759b; }

div.p img {max-width:150px; max-height: 100px; padding: 0px 0px 4px 0px; border: 0px;}
a.p_name {cursor: pointer; overflow: hidden; display:inline-block; max-height: 47px; padding: 0px 8px;word-break:break-all; word-break:break-word;}
div.p_sku {background-color: white; opacity: 0.7; position: relative; margin-top: -20px; width: 150px; padding: 0px 8px; height: 19px; text-align: center; overflow: hidden; margin-left: auto; margin-right: auto;}
/*.p_img img {cursor: pointer;}*/
div#products a.del_p {position: absolute; top: 5px; right: 2px; }


tr.selected_product { background-color: #d4e9f7 !important;}
a.p_name_l { cursor: pointer;}
tr.p_dis td a.p_name_l { color:#cccccc; }
tr.p_dis td {color:#cccccc;}
a.p_name_l_select { cursor: default; color:inherit;}
a.p_name_l_select:hover {text-decoration: none;}




div#products > table, div#as_products > table {  table-layout:fixed; border-spacing: 0; /*margin:0px;*/}
#fixed_products, #as_fixed_products, #sliding_products { table-layout:fixed; border-collapse: collapse; position:relative; border-spacing: 0; border: 1px solid #e5e5e5; border-top-width: 0px;}
#fixed_products, #as_fixed_products { border-right-width: 0px;} 
#sliding_products { border-left-width: 0px;} 

div#sliding_products:after{ clear: both; content: ""; display: block; }
table#fixed_products, table#as_fixed_products {z-index:5; /*position:fixed;*/}
.p { background-color: white;}
tr.p:nth-child(2n) { background-color: #f9f9f9;}


div#products > table table td, div#as_products > table table td, #products_control th, #as_products_control th { padding: 3px 4px; vertical-align:middle; 
  white-space: normal;
  word-wrap:break-word; 
  overflow-wrap: break-word;
  word-break:break-all;
  word-break:break-word;
    -webkit-hyphens: auto;
       -moz-hyphens: auto;
        -ms-hyphens: auto;
            hyphens: auto;
}

/*table#fixed_products td, table#sliding_products td {
  box-sizing: border-box;
}*/

div#products > table table td, div#as_products > table table td {border-right:1px solid #eaeaea; /*border-bottom: 1px solid #eaeaea;*/}
/*table#fixed_products td:last-child, table#as_fixed_products td:last-child {border-right-color:#CCCCCC;}
table#fixed_control th:last-child {border-image:linear-gradient(to top, #CCCCCC, rgba(0, 0, 0, 0)) 0 100%;}*/
table#sliding_products td:last-child {border-right-width:0px;}



body {overflow-x: hidden;}
div#sliding_products_wrapper {overflow:hidden; position:relative;}
div#sliding_control_wrapper {position:relative; overflow:hidden;}
div#fixed_products_wrapper, div#as_fixed_products_wrapper {position:relative;}

div#horizontal_scroll { position: relative; height:15px; background-color:white; overflow:auto;}
div#horizontal_scroll > div {height:15px;}


#products_control table, #as_products_control table { background-color:white;/*position:relative;*/}

#products_control th, #as_products_control th { cursor: move; border-left-width: 0px; border-right-style: solid; border-right-width:1px; border-bottom-width:0px; 
border-image:linear-gradient(to top, #EAEAEA, rgba(0, 0, 0, 0)) 0 100%; 
}


th#product_field_heading_select, th#as_product_field_heading_select { width:21px;min-width:21px;cursor:auto; border-left-width: 0px;}
th#product_field_heading_f0, th#as_product_field_heading_f0 { cursor: default; }
#products_control th.searched_product_field { cursor: default; }
.table_heading  { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 5px 0px 5px 5px; font-weight: normal; font-size: 10pt; white-space:nowrap; display:block; background-color:white; overflow:hidden; text-overflow:ellipsis; float:left;/*margin-left: auto; margin-right: auto;*/}

td.product_field_manager {height:0px; overflow:hidden; padding:0px 4px !important; font-size:0px;}




span.sort { background-image: url(images/ui-icons_222222_256x240.png);  height: 16px; width: 16px; display: block; cursor: pointer; float:right; background-color:white; position:relative; top:8px; display:none;} 
span.current_sort { display:block;  }
span.sort_asc { background-position: 0px -16px; } 
span.sort_desc { background-position: -64px -16px; } 

div.ui-resizable-handle { cursor: col-resize;}
div.ui-resizable-n, div.ui-resizable-s {cursor: default;}
div.ui-resizable-e, div.ui-resizable-w {cursor: col-resize; width:20px;right:-10px; z-index:30;}

#products_control th.column_placeholder { border:2px solid #AAAAAA;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.ui-resizable-helper { border:2px solid #AAAAAA; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.ui-resizable-helper .table_heading, .ui-resizable-helper .sort_block { display:none;}


tbody.ui-sortable { cursor: url("images/openhand.cur"), move; }
tbody.ui-sortable input { cursor: default; } 
tbody.ui-sortable tr.ui-sortable-helper { border: 2px solid #CCCCCC; box-sizing:border-box; cursor: url("images/closedhand.cur"), move !important; opacity:0.7;}
table#as_fixed_products tbody.ui-sortable tr.ui-sortable-helper > td:last-child { border-right-width: 0px !important; }




div#products > table td.sc { font-weight:bold;  }

span.ub { word-break: keep-all; word-wrap:normal; white-space:nowrap; float:right;}
/*span.int { text-align:right; display:block; float:right;}
span.dot {display:block; float:right;}
span.frac { width:17px; height:20px; overflow:hidden; text-align:left; display:block; float:right;}
span.flr { display:block; float:right; margin:0px 2px; }*/
span.int { text-align:right; display:inline-block;}
span.dot {display:inline-block;}
span.frac { width:17px; height:20px; text-align:left; display:inline-block;}
span.flr { display:inline-block; margin:0px 2px; }
span.hid { visibility: hidden; }
span.shid { display:none; }
div.clr { margin: 2px 0px; text-align: center; }

.p_ld {  text-decoration: underline; cursor: pointer; /*display:block;*/ /*text-align:center;*/ width:100%; }
div#field_display_modal { padding: 10px; margin:0; visibility:hidden;}
div#field_display_modal #full_field_header { font-weight: normal; height:50px; margin:0; overflow:hidden;}
div#field_display_modal #full_field { width:100%; }
div#field_display_modal #button_cancel { cursor:pointer; padding:0px; width:50px; display:block; margin-left:auto; margin-right:auto; height:20px; margin-top:20px; font-size:11pt; color:#1d7dc6;}
div#field_display_modal #button_cancel:hover {text-decoration: underline; }



#confirm_delete_modal { padding:10px; margin:0px; background-color: white;}
div.confirm_delete_header { height: 40px; overflow:hidden; }
div.confirm_delete_clickers { padding-top: 20px; padding-bottom: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
a.delete_option {margin-right:20px; cursor: pointer; font-size: 11pt;}
a#confirm_delete_shutup {font-size: 8pt; display:block;}
div#confirm_delete_list {  max-height: 250px;  overflow:auto;  text-align:left;  padding-left: 10px;  margin-bottom: 10px; }

div#confirm_delete_list div {  height:20px;  overflow: hidden;}

.reviews_stars_wrapper {text-align:left }
.reviews_stars_background {width: 100%%; height: 16px; z-index:1; overflow:hidden }
.reviews_stars_background img {padding:0px}
.reviews_stars_rating {height: 16px; z-index:2; position:relative; top:-16px; overflow:hidden }
.reviews_star {width:16px; height:16px; position:relative; top:-32px; float:left; z-index:3; color:transparent; cursor:pointer; background-color:white; opacity:0; filter:alpha(opacity=0);}
a.reviews_star:hover {color:transparent;}



table#assignment_splitter_control, table#assignment_splitter_products {border-collapse: collapse; width:100%; }

td#asc_assigned, td#asp_assigned {text-align:right;}
td#asc_unassigned, td#asp_unassigned {text-align:left;}
td#asc_button, td#asp_button {width:160px; min-width:160px; text-align:center;}
td#asc_assigned, td#asp_assigned {width:40%;}

td#asc_assigned #as_products_control { margin-right:0px;} 
td#asc_unassigned #products_control { margin-left:0px;} 

td#asc_assigned, td#asc_unassigned, td#asc_button { vertical-align: bottom; }

div.as_header { font-size:12pt; margin-bottom:2px; background-color:#ecf0f1;}
td#asc_assigned .as_header { text-align: right; }
td#asc_unassigned .as_header { text-align: left; }
td#asc_assigned .as_header, td#asp_assigned .as_header {margin-right:0px; margin-left:auto;}
td#asc_unassigned .as_header, td#asp_unassigned .as_header {margin-left:0px; margin-right:auto;}

div#as_products { overflow:auto; overflow-x:hidden; -ms-overflow-style: -ms-autohiding-scrollbar;}

div.as_button {color: white; background-color: #f39c12; width:130px; margin:0px 10px; padding: 5px; height:30px; line-height:30px; border-radius:4px; cursor: pointer;} 
div.as_button:hover { background-color: #f2a93c; }
div.as_button_off { opacity:0.3; cursor:not-allowed;}
div.as_button_off:hover { background-color: #f39c12; } 

div.as_button .as_arrow {background-image: url(images/ui-icons_ffffff_256x240.png);  height: 16px; width: 16px; margin-top:7px; }
div#button_assign {margin-bottom:50px; }
div#button_assign .as_arrow { float:left; background-position:-48px -160px; } 
div#button_unassign .as_arrow { float:right; background-position:-32px -160px; } 
td#asc_button { padding-top: 60px; }

div.stuck_assigned { position: fixed; }

ul.horizontal { margin: 0px auto; padding:0px; display:inline-block; vertical-align:top;}
div#products_bottom_block #button_cancel { display:inline; padding: 0px 20px;}
div#products_bottom_block input { padding:4px 0px;}
form#assignment_form {display:inline;}



div#fields_config { padding-top:10px; }
div#fields_config th { text-align:center; font-weight:normal; font-size:inherit; }
select#shown_fields, select#hidden_fields { width:300px; height:300px;}
option.hidden_field { display:none; }
select#hidden_fields option.shown_field { display:none; }
select#hidden_fields option.hidden_field { display:block; }
div#hs_buttons > div { display: block; width:100px; margin-top: 30px }
div#hs_buttons > div.hs_button_off { opacity: 0.3; cursor:not-allowed; }
option.mandatory { opacity: 0.5; }


div#selector_helper { padding:10px; margin:0px; background-color: white; text-align:left;}
div#selector_helper h3 { height: 30px; display:block; margin:0px auto; }
div#selector_helper ol { margin-top:0px; }
a#ack_selector_helper { cursor:pointer; display:block; margin:0px auto; text-align:center; height: 20px; width:100px;}

div#tutorial { text-align:left; }
div#tutorial h3 { height: 30px; display:block; margin:0px auto; }
a#ack_filter_helper { cursor:pointer; display:block; margin:0px auto; text-align:center; height: 20px; width:250px;}
a#close_filter_helper { cursor:pointer; display:block; margin:0px auto; text-align:center; height: 20px; width:250px;}


@media screen and (max-width : 1100px){
	div.p {width: 23%;}
}
@media screen and (max-width : 900px){
	div.p {width: 31.3%;}
}
@media screen and (max-width : 800px){
  #clicky_block {top: 0px; float: none; text-align: center; margin-bottom: 0px;}
}
@media screen and (max-width : 700px){
	div.p {width: 48%;}
}