/*
@Author: ThemeMascot
@URL: http://ThemeMascot.com

This is the file where you can add your custom styles to change the look of the
theme. But don't modify main-style.css file.

*/

/* Your custom css codes start here: */

.pt-70{
	padding-top: 70px;
}


/*
    BARVE PRI IZDELKIH
 */
.colors img.color {
	width: 45px;
	height: 45px;
	border-radius: 100%;
	border: none;
	cursor: pointer;
}

.colors img.color.active {
	border: 2px solid #A94442;
}

.modal .colors img.color {
	height: 30px;
	width: 30px;
}

.modal td {
	padding: 8px 0 !important;
}

.product .price ins {
	margin-left: 0;
}

.product .price ins span.discounted {
	margin-left: 10px;
}

.cart.add-item {
	position: relative;
}

.cart_item span {
	white-space: nowrap;
}

.cart_item .product-quantity form {
	margin-bottom: 0;
}

.loading {
	display: none;
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 9;
	background-color: rgba(51, 51, 51, 0.2) !important;
	height: 100%;
}

#global.loading {
	position: fixed;
	z-index: 1090;
}

.loading .spinner {
	position: absolute;
	margin: auto;
	display: inline-block;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	width: 160px;
	height: 24px;
	background-image: url("/data/images/loading.gif") !important;
	background-repeat: no-repeat;
}


.contact-form {
	position: relative;
}

.contact-form .form-group {
	position: relative;
}

.contact-form .form-group > label.control-label {
	bottom: 6px;
	font-size: 14px;
	font-weight: normal;
	left: 12px;
	line-height: 37px;
	margin: auto;
	opacity: 1;
	position: absolute;
	right: 12px;
	top: 6px;
	transition: ease-all 0.4s ease 0s;
	width: auto;
	z-index: 1;
}

.contact-form .form-group > input,
.contact-form .form-group > textarea {
	z-index: 2;
}

/*.contact-form .form-group > input:not([value='']) + label.control-label,
.contact-form .form-group > input:focus + label.control-label,
.contact-form .form-group > textarea:valid + label.control-label,
.contact-form .form-group > textarea:focus + label.control-label {
	opacity: 0;
}*/

.form-group.form-group.has-error input,
.form-group.form-group.has-error textarea,
.form-group.form-subscribe .email-container.has-error input {
	border: 1px solid #A94442;
}

.form-group.form-group.has-error label.control-label {
	color: #A94442;
}

.form-group.ignore .form-control {
}

.form-group.required .control-label:after {
	content: " *";
}

.form-group.required.no-asterisk .control-label:after {
	content: "" !important;
}

.contact-form #results {
	display: none;
	border: 1px solid #CCCCCC;
	text-align: center;
}

.contact-form #results .text {
	margin: 10px;
}

.contact-form #results.show {
	display: block;
	padding: 10px;
}

.contact-form #results {
	margin-bottom: 30px;
}

.contact-form #results.error {
	border-color: #A94442 !important;
	color: #A94442;
}

.contact-form #results.success {
	border-color: #DD7902 !important;
	color: #DD7902;
}

.contact-form #form {
	position: relative;
	overflow: hidden;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.salon a:link, .salon a:visited{
	color: #a99b6c;
	text-decoration: none;
}

.salon a:hover{
	text-decoration: underline;
}

.resizable{
	display: block;
}