/* Add here all your CSS customizations */
.hide { display: none !important; }

body.canvas, body.canvas .cover_image { background-image: url("../img/logo_glow.png"); background-attachment: fixed; background-repeat:no-repeat; background-position: center; background-size:contain; }

body.canvas .body-sign { opacity: .98; }

.cover_image { position: fixed; top: 0px; left: 0px; right: 0px; width: 100%; height: 100%; z-index: 999; background-color: #111; background-image: url("../img/logo_gold.png") !important; }

.customer_tag { margin-right: 5px; font-size: 11px; }
.customer_tag a { color: #FFF;}
.customer_tag a:hover { opacity: .85;}

.customer_actions a { margin-right: 10px; font-size: 18px;}

.loading-overlay { opacity: .85 !important; }

.image_upload_wrapper { display: block; width: 100%; height: 50px; border: #ccc 2px dashed; border-radius: 6px; overflow: hidden; position: relative; }
.image_upload_wrapper:hover { background: #eee;}
.image_upload_wrapper .upload_progress_bar { position: absolute; top: 0px; left: 0px; height: 100%; width: 100%;}
.image_upload_wrapper .upload_progress_bar .bar { position: absolute; top: 0px; left: 0px; height: 100%; background: #000; opacity: .05;}
.image_upload_wrapper input { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; opacity: .001; z-index: 9999;}
.image_upload_wrapper .title { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; ; z-index: 9; font-size: 16px; padding: 12px; }
img.upload_preview { max-height: 300px; max-width: 200px; margin-top: 10px;}
.product-price .value { color: green; }
.card_grid_wrapper .serial { float: right; color: goldenrod;}
.hover_image_full { position: absolute; left: 40px; top: -100px; max-width: 400px; max-height: 400px; z-index: 999;}

.color_gold {  color: goldenrod;}
.card_profile_image { max-width: 100%; }
.profile_tags { margin-top: 40px; }
.profile_tags  span { float: left; display: block; width: auto;}
.note_options { opacity: .7;  font-size: 11px;}

.card_header, .ecommerce-sidebar-link, .page-header h2 { text-transform:  uppercase; }
.card_header p { font-size: 14px;}
.header_form { float: right; min-width: 300px; }

.user_link { color: #555; font-size: 12px; }

.no_edit_card { position: absolute; top: -10px; left: 0px; width: 100%; height: 100%; background:  red; opacity: .1; z-index: 999;}

.form-group { position: relative;}

@media only screen and (min-width: 700px) {
	.header_form { position: absolute; top: 0px; right: 15px; }
}
#tableshorgrid tr:hover { opacity: .4; cursor:pointer; }
#tableshorgrid td { padding-top: 10px; padding-bottom: 10px;}

.card_thumb_item { max-width: 30px; max-height: 45px;}