/* 

1. Add your custom Css styles below
2. Place the this code in your template: 

 <link href="css/custom.css" rel="stylesheet">

*/
#ajaxWait { 
	background: rgb(0,0,0,0.5); 
	width:100%; 
	z-index:1001 !important; 
	color:#fff; 
	position: fixed; 
	top: 0; 
	left: 0; 
	height: 100%; 
}

#ajaxWait > div {
	position: absolute;
	width  : 80px;
	height : 80px;
    top: calc(50% - 40px); /* 50% - 3/4 of icon height */
    left: calc(50% - 40px); 
}
.disable_sel_text{
	-webkit-user-select: none; /* Safari 3.1+ */
	-moz-user-select: none; /* Firefox 2+ */
	-ms-user-select: none; /* IE 10+ */
	user-select: none; /* Standard syntax */
}
.errorFldText{
    font-size:8pt;
    color:red;
}
.positionAbsoluteLabel{
    position:absolute;
    top:10px;
    right: 10px;
    z-index:999999;
}
.activeState{
    
    pointer-events:none;
    cursor:normal;
}
.productPersBadge a{
    color: #fff!important;
}
/* On smaller screens, where height is less than 450px, change the style of the sidebar (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
    .ImgHiddenXs{
        display:none;
    }
}
@media (max-width: 575.98px) { 
    .ImgHiddenXs{
        display:none;
    }
}

.lines, .lines::before, .lines::after{
    background: #666 !important;
    height:5px;
}