:root {
--ins_blue: #295da9;
--ins_light_blue: #808fa2;
--ins_red: #d12521;
}

* {
padding: 0px;
margin: 0px;
box-sizing: border-box;
word-wrap: break-word;
line-height: 1em;
}

html, body {
height: 100%;
/*font-family: 'Lato', sans-serif;*/
font-family: 'Open Sans', sans-serif;
font-weight: 400;
}


.display_none {
display: none!important;
}


.elementShowBlock {
display: block!important;
}

.elementHide {
display: none!important;
}


/* STYLE ELEMENTS */

p {
margin-bottom: 1.5em;
}

.align_right {
text-align: right;
}

.align_centre {
text-align: center;
}

.hand {
cursor: pointer!important;
}

.handLink {
cursor: pointer;
}

.handLink:hover {
color: var(--ins_blue)!important;
}


/* STRUCTURE */

#overlay_outer {
position: fixed;
width: 100%;
height: 100%;
z-index: 100;
background: rgba(62, 62, 62, 0.7);
display: flex;
align-items: center;
justify-content: center;
display: none;
}

#overlay_inner {
width: 80%;
height: 80%;
background: #ffffff;
padding: 2em;
border-radius: 10px;
/*border-right: 2px solid #808080;
border-bottom: 2px solid #909090;*/
}

#overlay_inner iframe {
width: 100%;
height: 100%;
border: none;
}

#overlay_close {
position: fixed;
z-index: 201;
right: 30px;
top: 30px;
color: #ffffff;
font-size: 2em;
cursor: pointer;
}

#overlay_close:hover {
color: #000000;
}


#popup_outer {
position: fixed;
width: 100%;
height: 100%;
z-index: 100;
background: rgba(62, 62, 62, 0.7);
display: flex;
align-items: center;
justify-content: center;
display: none;
}

#popup_inner {
width: 30%;
height: 30%;
background: #ffffff;
padding: 2em;
border-radius: 10px;
/*border-right: 2px solid #808080;
border-bottom: 2px solid #909090;*/
}

#popup_inner iframe {
width: 100%;
height: 100%;
border: none;
}

#popup_close {
position: fixed;
z-index: 201;
right: 30px;
top: 30px;
color: #ffffff;
font-size: 2em;
cursor: pointer;
}

#popup_close:hover {
color: #000000;
}


.surround_container {
width: 100%;
height: 100%;
}

#structure_surround {
width: 100%;
height: 100%;
display: grid;
grid-template-columns: 17% 83%;
}

#main_navigation {
width: 100%;
height: 100%;
background: #3f4653; /*3f4d67*/
}

#main_content {
background: #e5f6fe;
}


.columns_two {
display: grid;
grid-template-columns: 47.5% 47.5%;
grid-column-gap: 5%;
}

.columns_two_60_40 {
display: grid;
grid-template-columns: 57.5% 37.5%;
grid-column-gap: 5%;
}

.columns_two_65_35 {
display: grid;
grid-template-columns: 62.5% 32.5%;
grid-column-gap: 5%;
}

.columns_two_70_30 {
display: grid;
grid-template-columns: 67.5% 27.5%;
grid-column-gap: 5%;
}

.columns_two_20_80 {
display: grid;
grid-template-columns: 20% 75%;
grid-column-gap: 5%;
}

.columns_two_80_20 {
display: grid;
grid-template-columns: 75% 20%;
grid-column-gap: 5%;
}

.columns_two_90_10 {
display: grid;
grid-template-columns: 90% 7%;
grid-column-gap: 3%;
}

.columns_three {
display: grid;
grid-template-columns: 32% 32% 32%;
grid-column-gap: 2%;
}

.columns_four {
display: grid;
grid-template-columns: 23.5% 23.5% 23.5% 23.5%;
grid-column-gap: 2%;
}

.columns_five {
display: grid;
grid-template-columns: 18.4% 18.4% 18.4% 18.4% 18.4%;
grid-column-gap: 2%;
}

.columns_six {
display: grid;
grid-template-columns: 15% 15% 15% 15% 15% 15%;
grid-column-gap: 2%;
}

.columns_mailing_list {
display: grid;
grid-template-columns: 25% 36% 17% 7% 7%;
grid-column-gap: 2%;
}

.inline_block {
display: inline-block;
}

.pad_top_quarter {
padding-top: 0.25em;
}

.pad_top_half {
padding-top: 0.5em;
}

.pad_top_one {
padding-top: 1em;
}

.pad_top_two {
padding-top: 2em;
}

.pad_bottom_half {
padding-bottom: 0.5em;
}

.pad_bottom_one {
padding-bottom: 1em;
}

.pad_bottom_two {
padding-bottom: 2em;
}

.pad_bottom_three {
padding-bottom: 2em;
}

.pad_left_half {
padding-left: 0.5em;
}

.pad_left_one {
padding-left: 1em;
}

.pad_left_two {
padding-left: 2em;
}

.pad_right_one {
padding-right: 1em;
}

.pad_right_two {
padding-right: 2em;
}

.mar_bottom_one {
margin-bottom: 1em;
}

.mar_bottom_two {
margin-bottom: 2em;
}

.mar_left_half {
margin-left: 0.5em;
}

.mar_left_one {
margin-left: 1em;
}

.mar_left_two {
margin-left: 2em;
}

.mar_right_half {
margin-right: 0.5em;
}

.mar_right_one {
margin-right: 1em;
}

.mar_right_two {
margin-right: 2em;
}

.neat_bottom_one {
padding-bottom: 1em;
border-bottom: 1px solid #e3e3e3;
margin-bottom: 1em;
}

.neat_bottom_two {
padding-bottom: 2em;
border-bottom: 1px solid #e3e3e3;
margin-bottom: 2em;
}


.pad_half {
padding: 0.5em;
}

.pad_one {
padding: 1em;
}

.pad_two {
padding: 1em;
}


.fixed_40 {
position: fixed;
width: 41%;
}

.sticky {
position: -webkit-sticky; /* Safari */
position: sticky;
top: 0;
z-index: 10;
}

.bg_white {
background: #ffffff!important;
}

.bg_black {
background: #000000!important;
}

.bg_dark_grey {
background: #808080!important;
}


a {
color: #000000;
text-decoration: none;
padding-bottom: 1px;
border-bottom: 1px dotted #000000;
}

a:hover {
color: #4fc3f7;
border-color: #4fc3f7;
}

a.hig {
color: #4fc3f7;
text-decoration: none;
padding-bottom: 1px;
border-bottom: 1px dotted #4fc3f7;
}

a.hig:hover {
color: #000000;
border-color: #000000;
}

a.dashboard_tbl {
color: #000000;
text-decoration: none;
padding-bottom: 1px;
border-bottom: 1px dotted #000000;
}

a.dashboard_tbl:hover {
color: #ffffff;
border-color: #ffffff;
}


hr.sep {
border: 0;
height: 1px;
color: #e3e3e3;
background-color: #e3e3e3;
margin: 4em 0px 4em 0px;
}

hr.sep_three {
margin: 3em 0px 3em 0px;
}

hr.sep_two {
margin: 2em 0px 2em 0px;
}

hr.sep_one {
margin: 1em 0px 1em 0px;
}

hr.sep_white {
color: #ffffff;
background-color: #ffffff;
}

hr.sep_black {
color: #000000;
background-color: #000000;
}

hr.sep_blue {
color: #abbcc4;
background-color: #abbcc4;
}

.toggle {
font-size: 1.5em;
cursor: pointer;
}

.toggleOn {
color: #37ac69;
}

.toggleOff {
color: #e3e3e3; /*e5f6fe*/
}

.letter_filter {
display: flex;
align-items: center;
justify-content: center;
padding: 1em;
margin-bottom: 1em;
cursor: pointer;
}

.letter_filter:hover {
background: #bfd6e1;
color: #ffffff;
}

.letter_filter_hig {
background: #8fafbe;
color: #ffffff;
font-weight: 600;
}

.mailing_list_delete i {
font-size: 18px;
cursor: pointer;
line-height: 0.6em;
}

.mailing_list_delete i:hover {
color: #000000;
}


a.link {
font-size: 14px;
color: #0f85ba;
padding-bottom: 1px;
border-bottom: 1px dotted #0f85ba;
cursor: pointer;
}

a.link:hover {
color: #000000;
border-color: #000000;
}

span.link {
font-size: 14px;
color: #0f85ba;
padding-bottom: 1px;
border-bottom: 1px dotted #0f85ba;
cursor: pointer;
}

span.link:hover {
color: #000000;
border-color: #000000;
}

.link_red {
color: #ed1d25!important;
border-color: #ed1d25!important;
}

.link_red:hover {
color: #000000!important;
border-color: #000000!important;
}

.float_right {
display: inline-block;
float: right;
}

.darker_copy {
font-weight: 600;
}

.copy_line_height {
line-height: 1.5em;
}

.line_height_two {
line-height: 2em;
}

.dynamic_size_copy {
font-size: 7vh!important;
}

.small_copy {
font-size: 12px;
padding-top: 0.4em;
}

.medium_copy {
font-size: 14px;
padding-top: 0.4em;
}

.large_copy {
font-size: 1.2em;
}

.processing_spinner {
font-size: 30px;
color: #37ac69;
}

.italic_copy {
font-style: italic;
}

.red_copy {
color: #ab1d30;
}

.green_copy {
color: #37ac69;
}

.blue_copy {
color: #185abd;
}

.orange_copy {
color: #cc4525;
}

.yellow_copy {
color: #f7b501;
}

.white_border {
border-color: #ffffff;
}

.blue_border {
border-color: #b2c8d2;
}

.blue_border img {
border-color: #b2c8d2!important;
}

.success_box {
padding: 1em;
border-radius: 0.3em;
background: #37ac69;
color: #ffffff;
line-height: 1.5em;
}

.warning_box {
padding: 1em;
border-radius: 0.3em;
background: #ab1d30;
color: #ffffff;
line-height: 1.5em;
}

.shaded_box {
padding: 1em;
background: #e3e3e3;
}

.bordered_light_shaded_box {
padding: 1em;
background: #f2f2f2;
border: 1px solid #e3e3e3;
}

.shaded_box_white {
padding: 1em;
background: #ffffff;
}

.shaded_box_red {
padding: 1em;
background: #b6474d;
color: #ffffff!important;
}

.shaded_box_red a {
color: #ffffff!important;
border-color: #ffffff!important
}

.shaded_extra_pad {
padding: 2em;
}


.marker {
padding: 0.4em;
padding-left: 0.5em;
padding-right: 0.5em;
font-size: 11px;
font-family: 'Lato', sans-serif;
font-weight: 900;
text-transform: uppercase;
border-radius: 3px;
}

.marker_but {
cursor: pointer;
}

a.marker.marker_red:hover {
color: #ee95a1;
}

.marker_red {
background: #ab1d30;
color: #ffffff;
}

.marker_red.marker_but:hover {
background: #8f1424;
}

.marker_green {
background: #289857;
color: #ffffff;
}

.marker_green.marker_but:hover {
background: #176e3b;
}

.marker_blue {
background: #4fc3f7;
color: #ffffff;
}

a.marker.marker_blue:hover {
background: #24769b;
color: #4fc3f7;
}

a.marker.marker_green:hover {
background: #156436;
color: #58cb88;
}

.marker_blue.marker_but:hover {
background: #37ac69;
}


.but {
padding: 0.8em;
padding-top: 0.4em;
padding-bottom: 0.4em;
cursor: pointer;
text-transform: uppercase;
text-align: center;
font-family: 'Open Sans', sans-serif;
font-weight: 600;
font-size: 14px;
background: #299b59;
color: #FFFFFF;
border-radius: 2px;
border: 1px solid #299b59;
box-shadow: 0 1px 1px rgba(255, 255, 255, 0.37) inset,
            1px 0 1px rgba(255, 255, 255, 0.07) inset,
            0 1px 0 rgba(0, 0, 0, 0.36),
            0 -2px 12px rgba(0, 0, 0, 0.08) inset;

}

.but_red {
background: #ab1d30;
color: #ffffff;
border-color: #ab1d30;
}

.but_red:hover {
background: #930e20;
color: #ffffff;
border: 1px solid #ab1d30;
}

.but_green {
background: #289857;
color: #ffffff;
border-color: #289857;
}

.but_green:hover {
background: #12753c;
color: #ffffff;
border: 1px solid #12753c;
}




/* LOGIN SCREEN */

#login_surround_outer {
width: 100%;
height: 100%;
background: #3f4653;
display: flex;
align-items: center;
justify-content: center;
}

#login_surround_inner {
width: 30%;
height: 30%;
/*background: #ffffff;
padding: 2em;
border-radius: 10px;*/
text-align: center;
color: #ffffff;
}

#login_surround_inner .title {
font-size: 1.6em;
font-weight: 600;
margin-bottom: 1.5em;
}



/* NAVIGATION PANEL */

#main_navigation a {
text-decoration: none;
}

#logo {
height: 5%;
padding: 1em;
color: #ffffff;
font-weight: 600;
border-bottom: 1px solid #457c9f;
margin-bottom: 1em;
}

.nav_item {
padding: 0.5em;
padding-left: 1em;
padding-right: 1em;
color: #ffffff;
font-size: 13px;
font-weight: 400;
text-transform: uppercase;
cursor: pointer;
letter-spacing: 0.05em;
}

.nav_item:hover {
color: #4fc3f7;
}

.nav_item_hig {
padding: 1em;
background: #4fc3f7;
}

.nav_item_hig:hover {
color: #ffffff;
}

.nav_item_gap {
margin-bottom: 1em;
}

.nav_item i {
margin-right: 0.5em;
}


/* CONTENT PANEL */

#main_content_top_surround {
height: 50px;
/*padding-bottom: 1%;*/
background: #e5f6fe;
}

#main_content_top {
display: grid;
grid-template-columns: 75% 20%;
grid-column-gap: 5%;
padding: 0.8em;
/*padding-bottom: 0.7em;*/
height: 100%;
background: #ffffff;
border-bottom: 2px solid #dbe9ef;
font-size: 14px;
font-weight: 300;
}

#main_content_top a {
text-decoration: none;
color: #000000;
padding-bottom: 1px;
border-bottom: 1px dotted #3e3e3e;
}

#main_content_top a:hover {
color: #4fc3f7;
border-color: #4fc3f7;
}

#main_content_top input.search {
width: 250px;
padding: 0.3em;
margin-left: 0.5em;
border-left: none; /*2px solid #3e3e3e;*/
border-top: none;
border-bottom: 1px solid #e3e3e3;
border-right: none;
}

#main_content_top select.search {
padding: 0.3em;
margin-left: 0.5em;
border-left: none; /*2px solid #3e3e3e;*/
border-left: 1px solid #e3e3e3;
border-top: none;
border-bottom: 1px solid #e3e3e3;
border-right: 1px solid #e3e3e3;
}

input:focus, textarea:focus, select:focus{
outline: none;
}

#main_content_top input.subBut {
padding: 0.3em;
margin-left: 0.5em;
font-size: 12px;
font-weight: 400;
text-transform: uppercase;
cursor: pointer;
}

#main_content_bottom {
width: 100%;
/*height: 94%;*/
padding: 2em;
}

.content_title {
font-size: 18px;
color: #3e4346;
padding-bottom: 2em;
/*border-bottom: 1px solid #ffffff;
margin-bottom: 2em;*/

}

.content_title i {
margin-right: 0.5em;
}

.content_columns {
border-top: 0px solid #ffffff;
padding-top: 0em;
display: grid;
grid-template-columns: 47.5% 47.5%;
grid-column-gap: 5%;
}

.content_columns_60_40 {
border-top: 0px solid #ffffff;
padding-top: 0em;
display: grid;
grid-template-columns: 57.5% 37.5%;
grid-column-gap: 5%;
}

.content_columns_30_70 {
border-top: 0px solid #ffffff;
padding-top: 0em;
display: grid;
grid-template-columns: 30% 65%;
grid-column-gap: 5%;
}

.content_columns_20_80 {
border-top: 0px solid #ffffff;
padding-top: 0em;
display: grid;
grid-template-columns: 17.5% 77.5%;
grid-column-gap: 5%;
}

.content_columns_80_20 {
border-top: 0px solid #ffffff;
padding-top: 0em;
display: grid;
grid-template-columns: 77.5% 17.5%;
grid-column-gap: 5%;
}

.columns_three {
display: grid;
grid-template-columns: 30.6666% 30.6666% 30.6666%;
grid-column-gap: 4%;
}


.form_column {
padding: 2em;
background: #ffffff;
border-radius: 10px;
border-bottom: 2px solid #dbe9ef;
border-right: 2px solid #dbe9ef;
}

.column_title {
font-size: 18px;
font-weight: 600;
color: #000000;
text-transform: uppercase;
padding-bottom: 1em;
border-bottom: 1px solid #000000;
margin-bottom: 2em;
}



/* IMAGES UPLOAD */

#trigger-upload {
color: white;
background-color: #00ABC7;
font-size: 14px;
padding: 7px 20px;
background-image: none;
}

#fine-uploader-manual-trigger .qq-upload-button {
margin-right: 15px;
}

#fine-uploader-manual-trigger .buttons {
width: 36%;
}

#fine-uploader-manual-trigger .qq-uploader .qq-total-progress-bar-container {
width: 60%;
}

.qq-uploader {
font-weight: 600;
text-transform: uppercase;
font-size: 12px;
background: #ffffff; /*2cbc5e*/
}

.qq-upload-button {
background: #4fc3f7!important;
padding: 0.625em!important;
}

.qq-edit-filename-selector {
font-size: 10px!important;
color: red!important;
}

#trigger-upload {
text-transform: uppercase;
font-size: 12px;
font-weight: 600;
border-color: #179041;
background: #0f7733;
cursor: pointer;
}

.qq-alert-dialog-selector {
padding: 2em;
margin: 0 auto;
}

.qq-cancel-button-selector {
padding: 0.3em;
}


#preview_large_image {
text-align: center;
}

#preview_large_image img {
width: 70%;
padding-bottom: 1em;
border-bottom: 1px solid #e3e3e3;
margin-bottom: 1em;
}

.images_img_preview img {
width: 100%;
padding: 1em;
border: 1px solid #e3e3e3;
margin-bottom: 1em;
}

.images_img_preview div {
padding: 1em;
border: 1px solid #b2c8d2;
margin-bottom: 1em;
}


.selected_image img {
max-width: 100%;
padding: 1em;
border: 1px solid #e3e3e3;
}


#images_selected_preview_images {
display: none;
}

#multi_images_submit_selected {
padding-bottom: 1em;
border-bottom: 1px solid #e3e3e3;
margin-bottom: 1em;
display: none;
}


.files_file_preview {
display: grid;
grid-template-columns: 5% 71% 20%;
grid-column-gap: 2%;
padding: 0.5em;
padding-left: 1em;
border: 1px solid #91b4c5;
border-radius: 4px;
margin-bottom: 0.5em;
background: #ffffff;
}

.files_file_preview_non_editable {
grid-template-columns: 5% 93%;
grid-column-gap: 2%;
cursor: pointer!important;
}

.files_file_preview_hig {
background: #4fc3f7;
}

.files_file_preview:hover {
background: #e5f6fe;
}

.files_file_preview_icon {
font-size: 1.4em;
}

.files_file_preview_name {
padding-top: 0.3em;
font-size: 0.9em;
}

.files_file_preview_actions {
padding-top: 0.3em;
font-size: 0.9em;
}

.files_file_preview_actions i {
cursor: pointer;
}

.files_file_preview_actions i:hover {
color: #4fc3f7!important;
}

.iframe_edit_form {
width: 100%;
border: none;
}

.selected_file {
display: grid;
grid-template-columns: 88% 10%;
grid-column-gap: 2%;
padding: 0.5em;
border: 1px solid #e3e3e3;
margin-bottom: 0.5em;
font-size: 0.9em;
}

.selected_file a {
padding: none;
border: none;
}

.selected_file i {
cursor: pointer;
}

.selected_file i:hover {
color: #4fc3f7!important;
}

/*.selected_file a {
color: blue;
text-decoration: underline;
}*/


#files_selected_preview_files {
display: none;
}

#multi_files_submit_selected {
padding-bottom: 1em;
border-bottom: 1px solid #e3e3e3;
margin-bottom: 1em;
display: none;
}


/* CONTENT */

.content_preview {
padding: 1em;
border: 1px solid #92bdd2;
border-radius: 10px;
cursor: pointer;
margin-bottom: 2em;
}

.content_preview_title {
line-height: 1.3em;
margin-bottom: 1em;
}

.content_preview:hover {
border-color: #289857;
}

.content_preview:hover .content_preview_title {
color: #289857;
}

.content_preview_not_live {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
/* IE 5-7 */
filter: alpha(opacity=50);
/* Netscape */
-moz-opacity: 0.5;
/* Safari 1.x */
-khtml-opacity: 0.5;
/* Good browsers */
opacity: 0.5;
}

.content_img_block {
padding: 1em;
border: 1px solid #e3e3e3;
}

.content_img_block img {
max-width: 100%;
padding: 1em;
border: 1px solid #e3e3e3;
margin-bottom: 1em;
}



/* BLOG */

.blog_preview {
padding: 1em;
border: 1px solid #92bdd2;
border-radius: 10px;
cursor: pointer;
margin-bottom: 2em;
}

.blog_preview_not_live {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
/* IE 5-7 */
filter: alpha(opacity=50);
/* Netscape */
-moz-opacity: 0.5;
/* Safari 1.x */
-khtml-opacity: 0.5;
/* Good browsers */
opacity: 0.5;
}

.blog_img_block {
padding: 1em;
border: 1px solid #e3e3e3;
}

.blog_img_block img {
max-width: 100%;
padding: 1em;
border: 1px solid #e3e3e3;
margin-bottom: 1em;
}



/* PRODUCTS */

.product_preview {
padding: 1em;
border: 1px solid #92bdd2;
border-radius: 10px;
cursor: pointer;
margin-bottom: 2em;
}

.product_preview_not_live {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
/* IE 5-7 */
filter: alpha(opacity=50);
/* Netscape */
-moz-opacity: 0.5;
/* Safari 1.x */
-khtml-opacity: 0.5;
/* Good browsers */
opacity: 0.5;
}

.product_preview_image {
width: 100%;
height: 180px;
overflow: hidden;
}

.product_preview_image img {
width: 100%;
}

.product_preview_image.no_image {
background: #f5fcff;
}

.product_preview_name {
padding-top: 1em;
line-height: 1.4em;
}

.product_preview:hover {
border-color: #289857;
}

.product_preview:hover .product_preview_name {
color: #289857;
}


.product_filter_row {
padding: 0.2em;
margin-bottom: 0.5em;
background: #ffffff;
border: 1px solid #d8d8d8;
border-radius: 4px;
}

.product_filter_row_hig {
background: #bde2f3;
}

.product_filter_col_hig {
background: #bde2f3;
padding: 1em;
}

.product_filter_row_columns {
display: grid;
grid-template-columns: 7% 67% 20%;
grid-column-gap: 3%;
}


/* ORDERS */

a.order_link {
display: block;
padding-bottom: 1em;
border-bottom: 1px solid #9ab3be;
margin-bottom: 1em;
font-size: 0.95em;
line-height: 1.4em;
color: #1686b9;
}

a.order_link:hover {
color: #000000;
}

a.order_link.order_link_hig {
background: #37ac69;
color: #ffffff;
padding: 1em;
}

a.order_link.pending_order_link_hig {
background: #b6474d;
color: #ffffff;
padding: 1em;
}

a.order_link_manual {
color: #ffffff;
border-color: #000000;
font-weight: bold;
}

.order_row {
display: grid;
grid-template-columns: 70% 10% 10%;
grid-column-gap: 5%;
padding-top: 1em;
padding-bottom: 1em;
border-bottom: 1px solid #e3e3e3;
}

.order_row_total {
display: grid;
grid-template-columns: 85% 10%;
grid-column-gap: 5%;
padding-top: 1em;
padding-bottom: 1em;
border-bottom: 1px solid #e3e3e3;
}

.order_row_no_border {
border: none;
}

.order_row_product:hover {
padding-left: 1em;
padding-right: 1em;
background: #e3e3e3;
}

.order_row a {
padding: none;
border-bottom: none;
color: #1686b9;
}

.order_row a:hover {
color: #000000;
}



/* CUSTOMER ACCOUNTS */

.columns_customer_accounts {
display: grid;
grid-template-columns: 25% 36% 17% 7% 7%;
grid-column-gap: 2%;
padding-top: 1em;
padding-bottom: 1em;
border-bottom: 1px solid #e3e3e3;
margin-bottom: 1em;
}

.columns_customer_accounts:hover {
background: #e5f6fe;
padding-left: 1em;
padding-right: 1em;
cursor: pointer;
}

.accounttMatchBillingDelivery {
color: var(--ins_red);
padding-bottom: 1px;
border-bottom: 1px dotted var(--ins_red);
cursor: pointer;
font-size: 14px;
}

.accounttMatchBillingDelivery:hover {
color: var(--ins_blue);
border-color: var(--ins_blue);
}

.account_link {
padding-bottom: 1px;
border-bottom: 1px dotted var(--ins_blue);
color: var(--ins_blue);
}

.account_link:hover {
color: #000000;
border-color: #000000;
}



/* ADD BULK SKUs TABLE FORMATTING */

#addSomething {
width: 100%;
min-height: 90%;
border: 1px solid #e3e3e3;
background: #f7f7f7;
padding: 1em;
font-size: 0.9em;
}

#check_message {
/*display: none;*/
}

#bulk_add_form {
/*display: none;*/
}

#bulkCode {
display: none;
}

/*table {
table-layout: fixed;
width: 90%;
margin: 0 auto;
border: 1px solid #989497;
border-top: none;
border-collapse: collapse;
}*/

table.full {
width: 100%;
}

table.flex_width {
width: auto;
table-layout: fixed;
border: 1px solid #989497;
border-top: none;
border-collapse: collapse;
}

tr {
border-bottom: 1px solid #989497;
}

td {
border-right: 1px solid #989497;
padding: 1em;
font-size: 13px;
}

tr.header_row {
font-weight: bold!important;
color: #ffffff;
}

/*tr td:nth-child(even) {
background: #ffffff;
}

tr td:nth-child(odd) {
background: #b8e4f8;
}

tr td:first-child {
background: #efe7e9;
}*/

tr td.col_span {
background: #d7c5c7;
font-weight: bold;
}

/*tr:first-child td:nth-child(even) {
background: #cacaca;
color: #000000;
}

tr:first-child td:nth-child(odd) {
background: #5495b3;
}

tr:first-child td:first-child {
background: #67676b;
}*/

tr td:last-child {
border-right: none;
}




#SKU_select_container {
display: grid;
grid-template-columns: 10% 80% 10%;
height: 100%;
overflow-y: scroll;
}

#SKU_select_SKUs {
padding: 1em;
background: #f2f2f2;
}


.SKU_element_name_left {
font-weight: 600;
padding-bottom: 0.7em;
padding-right: 1em;
}

.SKU_element_name_left a {
color: #000000;
text-decoration: underline;
}

.SKU_element_name_left a:hover {
color: var(--ins_red);
}

.SKU_element_name_left_selected {
font-weight: 600;
margin-bottom: 0.7em;
}

.SKU_element_name_left_selected a {
color: var(--ins_red);
text-decoration: none;
}

.SKU_element_name_left_selected_inner {
display: inline-block;
padding: 1em;
background: #f2f2f2;
}

.SKU_element_name_right {
font-weight: 600;
padding-bottom: 0.7em;
padding-left: 1em;
}

.SKU_element_name_right a {
color: #000000;
text-decoration: underline;
}

.SKU_element_name_right a:hover {
color: var(--ins_red);
}

.SKU_element_name_right_selected {
font-weight: 600;
margin-bottom: 0.7em;
}

.SKU_element_name_right_selected a {
color: var(--ins_red);
text-decoration: none;
}

.SKU_element_name_right_selected_inner {
display: inline-block;
padding: 1em;
background: #f2f2f2;
}


.SKU_select_option {
padding: 1em;
background: #ffffff;
margin-bottom: 1em;
border: 1px solid #000000;
border-radius: 2px;
cursor: pointer;
}

#selected_product_images_preview img {
max-width: 100%;
}


.columns_related_tickboxes {
border-top: 0px solid #ffffff;
padding-top: 0em;
display: grid;
grid-template-columns: 8% 90%;
grid-column-gap: 2%;
background: #e3e3e3;
}

.columns_related_tickboxes input {
width: 16px;
height: 16px;
}

.columns_related_tickboxes div:first-child {
text-align: center;
padding-top: 1em;
}

.columns_related_tickboxes label {
text-transform: none;
padding-top: 0.8em;
padding-bottom: 0.8em;
width: 96%;
line-height: 1.5em;
}

.columns_related_tickboxes:hover {
background: #ffffff;
}



.std_btn {
font-size: 14px;
padding: 1em;
padding-top: 0.7em;
padding-bottom: 0.7em;
cursor: pointer;
text-transform: uppercase;
text-align: center;
font-family: 'Open Sans', sans-serif;
font-weight: 600;
background: #299b59;
color: #FFFFFF;
border-radius: 2px;
border: 1px solid #299b59;
box-shadow: 0 1px 1px rgba(255, 255, 255, 0.37) inset,
            1px 0 1px rgba(255, 255, 255, 0.07) inset,
            0 1px 0 rgba(0, 0, 0, 0.36),
            0 -2px 12px rgba(0, 0, 0, 0.08) inset;

}

.std_btn:hover {
background: #00ABC7;
color: #ffffff;
border: 1px solid #2dadc2;
}




