/* Default iOrderFast css */

/* scaffolding */
html, body {
}

a:hover {
	text-decoration: none;
}

div {
	user-select: none; 
	-webkit-user-select: none; /* Chrome/Safari */        
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+ */
	-o-user-select: none;
}

#debug {
	display:none;
	max-height: 0;
}

#content .container {
	padding:0 0 0 0;
}

/* Forms */
table {
	width: 100%;
	border: 0 solid;
}

tbody {
	border: 0 solid;
}

tr {
	border: 0 solid;
}

.valid {
	display:none;
}

.table-responsive {
	border: 0 solid;
	overflow-x: hidden;
}

.spacer {
	display:inherit;
	margin-bottom:2px;
}

.gray-out{
	pointer-events: none;
	opacity: .5;
}

.btn:hover,
.btn:focus,
.btn:active {
	text-decoration: none;
	outline: none;
	user-select: none; 
	-webkit-user-select: none; /* Chrome/Safari */        
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+ */
	-o-user-select: none;
}

button:focus,
button:active {
	outline: none;
}

/* Control buttons*/
.control-button-hidden {
	display: none;  
}


/* overlay classes */
.overlaycontainer {
	position: relative;
	top: 0;
	height: 40px;
}

.overlaycontainer .overlay {
	position: absolute;
	height:40px;
	width: 100%;
	background-position: left;
	background-repeat: no-repeat;
	background-size: contain;
}

@media(max-width: 767px) {
	/* hide on phones */
	.overlaycontainer {
		display: none;
	}
}

/* classes for guest account image start */
 .avatar-container .file-preview-frame .avatar-container .file-preview-frame:hover {
		display: block;
		margin-left: auto;
		margin-right: auto;
		height: 100%
	}

	.file-preview {
		border: none;
	}

	.file-input .btn-default {
		margin:auto;
		margin-left: 5px;
	}

	.avatar-container .file-input {
		display: table-cell;
		max-width: 220px;
	}

	.paypaliframe {
		border: 0;
		height: 70px;
		width: 260px;
	}


/* classes for guest account image end */

.invisible, .specialHidden {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);  /* IE6, IE7*/
    clip: rect(1px, 1px, 1px, 1px);
    visibility: visible !important; /* so the bootstrap .invisible doesn't hide it from screen readers*/
}

:focus {
    outline-width: 0px; /* By default hide the outline. Then in each theme set one using the override below. */
    /*outline-width: 3px;*/ /* Accessibility standards say there should be at least a 3 pixel focus outline. */
}

.sritem {
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    margin: 0px;
    padding: 0px;
    border: 0px;
    width: 100%;
    height: 100%;
}