.logout-user{
	cursor: pointer;
}

html,
body{
	font-family: 'Roboto Condensed', sans-serif;
}

body {
	background-color: #fff;
	/*overflow: hidden;*/
}

.clear {
	clear: both;
}

.laser-header {
	position: relative;
	color: #fff;
	z-index: 1;
}

.laser-navigation-content {
	font-size: 1.2em;
	display: flex;
	display:-webkit-flex; /*Safari*/
	justify-content: space-between;
	-webkit-justify-content: space-between; /* Safari 6.1+ */
}

.laser-navigation-content {
	height: 52px;
	line-height: 52px;
	margin: 0;
}

.laser-navigation-content .nav-left {
	width: calc(50% - 80px);
	text-align: left;
}

.laser-navigation-content .nav-middle {
	width: 160px;
}

.laser-navigation-content .nav-right {
	width: calc(50% - 80px);
	text-align: right;
}

.laser-navigation-content .menu-item {
	padding: 0 1em;
	border: 2px solid #fff;
	border-radius: 4px;
	line-height: 30px;
	margin: 0 0.5em;
}

.laser-navigation-content {
	background-color: #627680;
}

#labels .laser-navigation-content {
	background-color: #56BE22;
}

#beer .laser-navigation-content {
	background-color: #20B351;
}

#wine .laser-navigation-content {
	background-color: #D92753;
}

#general .laser-navigation-content {
	background-color: #627680;
}

#holidays .laser-navigation-content {
	background-color: #9704B5;
}

#general .ui-state-active .icomoon {
	color: #627680;
}

#labels .ui-state-active .icomoon {
	color: #56BE22;
}

#beer .ui-state-active .icomoon {
	color: #20B351;
}

#wine .ui-state-active .icomoon {
	color: #D92753;
}

#holidays .ui-state-active .icomoon {
	color: #9704B5;
}

.laser-navigation-content .menu-item.labeley-logo {
	border: none;
	margin-right: 2em;
}

#labels .labeley-logo .icomoon,
#beer .labeley-logo .icomoon,
#wine .labeley-logo .icomoon,
#general .labeley-logo .icomoon{
	color: #fff;
}

.laser-navigation-content .menu-item.labeley-logo,
.laser-navigation-content .menu-item.text-button{
	border: none;
	padding: 0;
}

.laser-navigation-content .menu-item.labeley-logo .icomoon {
	margin-bottom: 0;
	font-size: 30px;
	position: relative;
	top: 5px;
}

#label-category {
	font-weight: 700;
	text-transform: uppercase;
}

#leftColumn #tabs-content_load {
	display: flex;
	display: -webkit-flex; /* Safari */
	width: 100%;
}

#app_page {
	display: flex;
	display: -webkit-flex; /* Safari */
	box-sizing: border-box;
	height: calc(100vh - 52px);
	min-height: initial;
}

#app_page #leftColumn {
	padding: 0;
	width: 25%;
	min-width: 300px;
	position: initial;
	display: flex;
	display: -webkit-flex; /* Safari */
	flex: none;
	-webkit-flex: none;
	height: calc(100vh - 52px);
}

#app_page #leftColumn #tabs-content_load .tabs-nav-wrap {
	width: 80px;
	margin: 0;
	padding: 0;
	background-color: #d8d9da/*#272F33*/;
	flex: none;
	-webkit-flex: none;
}

#app_page #leftColumn #tabs-content_load #tabs-all-wrap {
	height: auto;
	width: 100%;
	margin: 0;
	background-color: #e4e5e6;
}

#app_page #rightColumn {
	position: relative;
	padding: 0;
	margin: 0;
	display: flex;
	display: -webkit-flex; /* Safari */
	width: 100%;
	overflow: auto;
	min-height: initial;
}

#app_page #rightColumn #label_placeholder_main {
	margin: auto;
	outline: none;
}

#shapes_wrap img,
#borders_images img,
.images_wrap img,
#graphics_wrap img {
	border: 2px solid #fff;
	border-radius: 4px;
	background: #fff
}


.images_wrap img{
	background: #DADBDC;
}

#app_page #leftColumn #tabs-content_load #tabs-all-wrap #graphics_wrap img,
#app_page #leftColumn #tabs-content_load #tabs-all-wrap #shapes_wrap img,
#app_page #leftColumn #tabs-content_load #tabs-all-wrap #materials_wrap img,
#app_page #leftColumn #tabs-content_load #tabs-all-wrap #borders_images img {
	margin: 8px;
}

#app_page #leftColumn #tabs-content_load ul li {
	width: 80px;
	height: 65px;
	margin: 0;
	padding: 0;
	position: relative;
}

#app_page #leftColumn #tabs-content_load ul.zoom-icons li {
	height: 40px;
}

#app_page #leftColumn #tabs-content_load ul.zoom-icons {
	position: absolute;
	left: 0;
	bottom: 20px;
}

#app_page #leftColumn #tabs-content_load ul li a {
	display: block;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 15px 0 0 0;
	box-sizing: border-box;
	/*color: #EBECED;*/
	text-align: center;
}

.ui-widget,
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: 'Roboto Condensed', sans-serif;
}

/*.ui-widget-content,*/
/*.ui-widget-content a {*/
	/*color: #EBECED;*/
/*}*/

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default  {
	border: none;
	background: transparent;
}

/*.ui-state-active,*/
/*.ui-widget-content .ui-state-active,*/
/*.ui-widget-header .ui-state-active {*/
	/*background: #343536;*/
/*}*/

.btn-primary,
.btn-success,
.btn-default {
	background: #57BF23;
	border: none;
	font-size: 1em;
	color: #fff;
}

.btn-default,
.btn-primary,
.btn-success,
.btn-info,
.btn-warning,
.btn-danger {
	text-shadow: none;
	box-shadow: none;
}

#app_page #leftColumn #tabs-content_load #upload_all_wrap #upload_button_wrap {
	margin: 0;
}

#shapes_wrap img {
	background: #A4A5A6;
}

input, optgroup, select, textarea {
	color: #333;
}

#blackslidecalc{
	display: none;
	position: absolute;
	right: 20px;
	bottom: calc( 120px + 20px );
	color: #EBECED;
	width: 180px;
	height: auto;
	background-color: rgba(0,0,0,0.75)/*#3B3B3B*/;
	border-radius: 4px 4px 0 0;
	padding: 20px;
}

#customizeclick{
	color: #EBECED;
	font-size: 1.3em;
	text-decoration: underline;
	cursor: pointer;
}

#closecalprice{
	color: #EBECED;
	font-size: 1.3em;
	text-decoration: underline;
	cursor: pointer;
}

#priceCalaculationBox{
	background-color: rgba(0,0,0,0.75)/*#3B3B3B*/;
	border-radius: 4px;
	width: 180px;
	height: 120px;
	position: absolute;
	right: 20px;
	bottom: 20px;
}

#CalaculationBoxTitle{
	color: #EBECED;
	margin-top: 10px;
	font-weight: 700;
	font-size: 1.3em;
}

#calaculationBoxPrice{
	color: #2E8BB3;
	margin-top: 10px;
	font-weight: 700;
	font-size: 1.7em;
}

#general #calaculationBoxPrice {
	color: #fff;
}

#labels #calaculationBoxPrice {
	color: #56BE22;
}

#beer #calaculationBoxPrice {
	color: #20B351;
}

#wine #calaculationBoxPrice {
	color: #D92753;
}

#general #calaculationBoxPrice {
	color: #627680;
}

#holidays #calaculationBoxPrice {
	color: #9704B5;
}

#CalaculationBoxCustom{
	color: #EBECED;
	font-size: 1.3em;
	text-decoration: underline;
	cursor: pointer;
}

#loaders {
	position: absolute;
	width: 50px;
	height: 50px;
	left: 50%;
	top: 50%;
	margin-left: -25px;
	margin-top: -25px;
	text-align: center;
	z-index: 10;
}

#app_page #toolbox-column{
	display: none;
	position: absolute !important;
	top: 20px;
	left: 50%;
	cursor: pointer;
	background-color: rgba(63,76,82,0.75);
	border-radius: 4px;
	padding: 8px;
	margin: 0 0 0 -340px;
	width: 680px;
	height: 80px;
	box-sizing: border-box;
	z-index: 999;
}

.preview-canvas-wrap {
	margin: 0;
	width: 64px;
	height: 64px;
	vertical-align: middle;
}

.preview-canvas-wrap #preview-canvas {
	background-color: #fff;
	border-radius: 2px;
	outline: none;
}

.main-toolbox-btns-wrap {
	text-align: left;
	cursor: move;
}

.main-toolbox-btns-wrap div {
	display: inline-block;
}

.main-toolbox-btns-wrap .btn-wrap {
	margin-bottom: 0;
	border-right: 2px solid rgba(255,255,255,0.25);
}

.main-toolbox-btns-wrap .btn-wrap:nth-last-child(2) {
	border-right: none;
}

.btn-wrap button {
	background-color: transparent;
	color: #fff;
	border: none;
	font-size: 18px;
	padding: 0 1em;
}

.no-visibility {
	visibility: visible;
	opacity: 0.25;
	cursor: default!important;
}

.icomoon {
	font-size: 20px;
	display: block;
	margin-bottom: 5px;
}

.dr-notification {
	background-color: rgba(0,0,0,0.75);
	border: none;
}

.dr-notification-close-btn {
	background-color: transparent;
	border: none;
	border-radius: 100%;
	top: 5px;
	right: 5px;
}

.dr-notification-image {
	border-right: 2px solid rgba(255,255,255,0.25);
}

#text_choices {
	max-height: 60vh;
}

.nav-middle .btn {
	font-size: 1.2em;
	background-color: transparent;
}

.nav-middle .btn:hover,
.nav-middle .btn:focus {
	color: #fff;
}

.nav-middle .dropdown-menu {
	background-color: #343536;
	color: #fff;
	padding: 5px;
}

.nav-middle .dropdown-menu > li > a {
	color: #fff;
}

.nav-middle .dropdown-menu > li > a:hover,
.nav-middle .dropdown-menu > li > a:focus {
	background-image: none;
	border-radius: 2px;
}

#labels .nav-middle .dropdown-menu > li > a:hover,
#labels .nav-middle .dropdown-menu > li > a:focus {
	background-color: #56BE22;
}

#beer .nav-middle .dropdown-menu > li > a:hover,
#beer .nav-middle .dropdown-menu > li > a:focus {
	background-color: #20B351;
}

#wine .nav-middle .dropdown-menu > li > a:hover,
#wine .nav-middle .dropdown-menu > li > a:focus {
	background-color: #D92753;
}

#general .nav-middle .dropdown-menu > li > a:hover,
#general .nav-middle .dropdown-menu > li > a:focus {
	background-color: #627680;
}

#holidays .nav-middle .dropdown-menu > li > a:hover,
#holidays .nav-middle .dropdown-menu > li > a:focus {
	background-color: #9704B5;
}

#label_placeholder_main{
	border: 1px solid #fff;
}

.btn-primary:hover, .btn-primary:focus {
	background-color: #78CE4D;
}

.modal-content {
	background-color: rgba(0,0,0,0.75)/*rgba(0,0,0,0.75)*/;
	border: none;
	border-radius: 4px;
	color: #fff;
	padding: 0 4em;
	text-align: center;
}

.modal-header {
	border-bottom: 1px solid rgba(255,255,255,0.1)/*rgba(255,255,255,0.25)*/;
}

.modal-title{
	color: #FFFFFF;
}

.modal-body {
	padding: 2em 0;
}

.modal-footer {
	border-top: 1px solid rgba(255,255,255,0.1)/*rgba(255,255,255,0.25)*/;
	margin-top: 0;
	padding: 2em 0;
}

.modal-content input, optgroup, select, textarea {
	border: none;
	border-radius: 4px;
	padding: 0.5em;
	width: 100%;
}

input[type="submit"] {
	background: #57BF23;
	border: none;
	color: #fff;
	font-size: 1em;
	width: 100%;
}

.modal-content .btn-warning {
	background-color: orange;
	background-image: none;
	border: none;
	width: 100%;
}

.form-group {
	margin: 1em 0;
}

.ng-isolate-scope {
	margin: 0 auto 1em auto;
}

#pricingCalculatorForm .form-group:last-child {
	margin-bottom: 0;
}

.radio, .checkbox {
	text-align: left;
}

.modal-content input[type="checkbox"] {
	width: auto;
}

.free-shape {
	display: inline-block;
	position: relative;
}

.free-shape .icomoon.icon-free {
	position: absolute;
	z-index: 1;
	top: 7px;
	right: 7px;
	font-size: 3em;
}

#labels .icomoon.icon-free {
	color: #56BE22;
}

#beer .icomoon.icon-free {
	color: #20B351;
}

#wine .icomoon.icon-free {
	color: #D92753;
}

#general .icomoon.icon-free {
	color: #627680;
}

#holidays .icomoon.icon-free {
	color: #9704B5;
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
	background-color: #aaa;
	border-color: #999;
}

#text_choices{
	background-color: #fff;
	border-radius: 4px;
}

#font-options{
	display: flex;
	display:-webkit-flex; /*Safari*/
	justify-content: space-between;
	text-align: left;
}

#font-options .input_wrap{
	display: block;
}

#text-controls-wrap #text_content{
	margin: 1em 0;
}

.modal-content .img-edit{
	text-align: center;
}

.modal-content .img-edit input {
	width: 20%;
}

.filters_placeholder.img-tools .filter_control {
	text-align: right;
}

.filters_placeholder.img-tools .filter_control span {
	margin-right: 10px;
}

.filters_placeholder.img-tools .filters_controls{
	padding-left: 0;
}

.btn-group.saved-label-item-controls span.remove-cart{
	display: block;
	padding: 3px 0;
}

.checkout-page #checkout-container:after {
	content: "";
	display: block;
	clear: both;
}

#checkout-container {
	margin-bottom: 100px;
}

#checkout-container .header {
	display: flex;
	display:-webkit-flex; /*Safari*/
	flex-flow: row;
	justify-content: space-between;
	font-size: 1.5em;
	padding-top: 1em;
	text-transform: uppercase;
}

.checkout-page .cart-items {
	border-top: 2px solid #f4f5f6;
	border-bottom: none;
	margin-top: 15px;
	margin-bottom: 15px;
	padding-top: 0;
	padding-bottom: 0;
}
.checkout-page .cart-items .cart-item {
	background: none;
	border: none;
	border-bottom: 2px solid #f4f5f6;
	display: flex;
	display:-webkit-flex; /*Safari*/
	flex-flow: row;
	justify-content: space-between;
	margin-right: 0;
	padding-top: 15px;
	padding-bottom: 15px;
}

.checkout-page .cart-items .cart-item .cart-item-details {
	text-align: left;
	display: flex;
	display:-webkit-flex; /*Safari*/
	flex-flow: row;
}

.checkout-page .cart-item-loop {
	font-size: 15px;
}

.checkout-page .cart-items .cart-item .cart-item-details .item-image {
	margin-right: 1em;
	width: 80px !important;
	height: 80px !important;
}

.checkout-page .cart-items .cart-item .cart-item-details .item-image canvas {
	width: 80px !important;
	height: 80px !important;
}

.checkout-page .cart-item-price.ng-binding,
.checkout-page .laser-cell.ng-binding{
	color: #66C137;
	font-size: 1.25em;
	font-weight: bold;
}

.checkout-page .cart-item-title {
	color: #66C137;
	font-size: 1.15em;
	font-weight: bold;
}

.checkout-page .cart-item-delete {
	cursor: pointer;
}

.checkout-page .cart-item-delete:hover {
	color: #DD3333;
}

.checkout-page .cart-item-price {
	margin-bottom: 1em;
}

.checkout-page .totals.laser-tbl {
	float: right;
	text-align: right;
}

.checkout-page .totals.laser-tbl .laser-cell {
	font-size: 1.2em;
}

.checkout-page .totals.laser-tbl .laser-cell.laser-total {
	font-size: 1.8em;
}

.checkout-page .payment-btns {
	clear: both;
	float: right;
	width: 200px;
}

.checkout-page .payment-btns button {
	display: block;
	margin-bottom: 1em;
	width: 100%;
}

.checkout-page .payment-btns .paypal button {
	background: #fac957;
	font-style: italic;
	font-weight: bold;
	color: #222D65;
}

.checkout-page .payment-btns .paypal button:hover {
	background: #e0e0e0;
}

.checkout-page .payment-btns .paypal button span {
	color: #179BD7;
}

.checkout-page .checkout-forms {
	border-top: 2px solid #f4f5f6;
	margin-bottom: 200px;
}

input, optgroup, select, textarea {
	border: 1px solid #d4d5d6;
	border-radius: 4px;
	padding: 3px 6px;
}

.payment-success {
	text-align: center;
}


.ccards{
	margin-top: 100px;
}

.ccards img{
	height: 36px;
	width: auto;
	border: 1px solid #d4d5d6;
	border-radius: 5px;
}

.dr-notification-image .fa-shopping-cart {
	color: #30806D;
}

/*Responisve always on the bottom*/
@media (max-height: 700px) {

	#app_page #leftColumn #tabs-content_load ul li {
		height: 48px;
	}

	#app_page #leftColumn #tabs-content_load ul li a {
		padding-top: 8px;
	}
}

@media (max-height: 620px) {
	#app_page #leftColumn #tabs-content_load ul.zoom-icons {
		top: 420px;
		bottom: auto;
	}
}

@media (min-width: 768px) {
	.modal-dialog {
		width: 400px;
	}
}

@media (max-height: 740px){
	#blackslidecalc {
		padding: 10px 20px 0 20px;
	}

	.form-group {
		margin: 0.5em 0;
	}
}

@media (max-width: 970px) {
	.laser-views-content {
		width: 100%;
		padding: 0 20px;
	}
	#static-page .laser-views-content {
		padding: 0;
	}
	html, body{
		font-size: 100%;
	}
}