html, body {
    height: 100%;
}
html {
    display: table;
    margin: auto;
}
body {
    display: table-cell;
    vertical-align: middle;
	max-width:1000px;
	width:1000px;
	background:#fff;
}
.container {background:#fff !important;}
.title-1{text-align:center; font-size:20px; color:#444444;}
.modal-content {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 700px;
}
.tooltipicon i{color:#06AF8F; vertical-align: top; font-size: 32px;
    left: 14px;
    position: relative;}
.hide{display:none;}
.show{display:flex;}
.text-left-optional{text-align:left;font-style: italic;}
@media(max-width:767px){
	.text-left-optional{font-style: italic;}
	.col-form-label{font-size:18px !important;}
	.logo-container img{width:100% !important;}
	.form-group .image-blocks img, .image-blocks img {display: inline-block; width: 200px;}
	.sub-title{font-size:18px;}
	.modal-content{width:90%;}
	.tooltipicon:hover .tooltiptext {right: 0px; left:auto !important;}
	.tooltipicon .tooltiptext {right: 0px;}
	#error-message .help-inline{font-size:16px;}
	.pss-space .col-sm-2{margin-bottom: 10px;}
	
	fieldset.centered-group-80 img{width: 120px; display: block; margin: 0 auto;}
	fieldset .col-sm-8,
	fieldset .col-form-label,
	fieldset .radio-btns{text-align:center !important;}
	fieldset.imageorders-container .qts .tooltipicon i {font-size: 20px;}
	.btn-groups{bottom:10px !important;}
	.carousel-item .image-radio{margin: 0 auto;}
	#error-message .help-inline{text-align: center; display: block;}
	.element .next-hidden-group, .shankfieldset .next-hidden-group , .element_major .next-hidden-group, .fingersize-container .btn-groups{right: auto; left:auto; width:auto;}
	.fingersize-container .btn-groups{right:10px !important;}
	.fingersize-container .btn-groups .next, .next-hidden-group .previous {width: 100px;}
	.radiobtn-container .next-hidden-group .previous{width:140px;}
	fieldset .shape-img-label, .shank-container label, .shank-title, .radiobtn-container label, .pss-space label{font-size:22px;}	
	fieldset.imageorders-container .qts input{text-align:center;}
	.radiobtn-container .radio-btns, .pss-space .dimension-container {margin-top: 20px !important;}
	.shank-width-container .info-block, .dimension-container .info-block, .element_major .info-block, .cad-qty-container .info-block, .otherprincial-group .info-block{
    width: 35%;
    margin: 0 auto;
	margin-top:20px !important;
	}
	.element_major .smallstoneqtycontainer .info-block span.sizes{position:relative;}
	.shank-width-container .info-block input, .dimension-container input, .element_major .info-block input, .cad-qty-container .info-block input{display: inline-block; text-align:center;}
	.shank-width-container .info-block .sizes, .dimension-container .info-block .sizes, .element_major .info-block .sizes {position: absolute; top: 10px;}	
	.radiobtn-container .radio-btns input[type=radio] {display: inline-block; width: 20px;}
	.smallstonesizecontainer .info-block .tooltipicon, .imageorders-container .tooltipicon{display:none;}
	.tooltipicon.mobile-view, .imageorders-container .sub-title .tooltipicon{display: inline-block !important; position: relative;}
	.smallstonesizecontainer .tooltipicon.mobile-view i, .imageorders-container .tooltipicon.mobile-view i{font-size:22px;}
	.imagecontainer .upload-file input{width:30%;}
	.imagecontainer .upload-file {text-align: center !important;}
	fieldset.imageorders-container .info-block input {width: 35%; margin: 0 auto;}
	fieldset.imageorders-container .info-block p {margin: 5px 0px;}
	
	fieldset.imageorders-container .qts input:not(#total) {display: inline-block;}
	fieldset.imageorders-container .info-block input:not(#total) {width: 22%; margin: 0 auto;}
	fieldset.imageorders-container input#total {margin: 0 auto !important;}	
	.imageorders-container .sub-title, .imageorders-container .total-value{text-align:center !important;}
	fieldset.imageorders-container .info-block {text-align: left;}
	.imageorders-container .sub-title{font-size:24px;}
	
	.cadcontainer .radio-btns .group-btn {
    display: block;
    text-align: left;
    margin: 0 auto;
    width: 60%;
	}
	.internal-brief-container .info-block {
		width: 80%;
		margin: 0 auto;
		margin-top: 20px !important;
	}
	.fingersize-container .btn-groups button,
	.shank-width-container .btn-groups button,
	.principalstoneshape-fieldset .btn-groups button,
	.shankfieldset .btn-groups button,
	.element_major .btn-groups button{
		width: 50px !important;
		border-radius: 50%;
		height: 50px !important;
	}
	.btn-groups button span{display:none;}
	
	.shank-width-container .btn-groups, .principalstoneshape-fieldset .btn-groups, .element_major .btn-groups{width:auto; right:5px; left:auto;}
}

.fingersize-container .tooltipicon {right:auto; top:10px;}
.fingersize-container .tooltipicon i{left:6px; font-size:18px;}
/* Tooltip container */
.tooltipicon {
    display: inline-block;
    position: absolute;
    top: 5px;
    right: -5px;
}

/* Tooltip text */
.tooltipicon .tooltiptext {
  visibility: hidden;
  width: 150px;
  background-color: black;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;
 
  /* Position the tooltip text - see examples below! */
  position: absolute;
  z-index: 1;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltipicon:hover .tooltiptext {
  visibility: visible;
  bottom: 10px;
    left: 0px;
}
.sub-title-row {position: relative;}
.sub-title-row .tooltipicon:hover .tooltiptext{left:auto}
.sub-title-row .tooltipicon{top: 5px; right: auto;}
.sub-title-row .tooltipicon i {font-size: 22px; left: 5px; bottom: 2px;}
.sub-title-row, .sub-title {width: auto;}
form.form-stepper fieldset:not(:first-of-type) {display: none;}
fieldset{text-align:center;}
fieldset .col-sm-8, fieldset .col-form-label,fieldset .radio-btns, .sub-title {text-align: left;}
.image-blocks img {width: 200px;}
.image-radio img{
    cursor: pointer;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 4px solid transparent;
    margin-bottom: 0;
    outline: 0;
}
.image-radio input[type="radio"] {opacity: 0;}
.image-radio-checked img {border-color: #06af8f;}
.image-radio .glyphicon {
  position: absolute;
  color: #4A79A3;
  background-color: #fff;
  padding: 10px;
  top: 0;
  right: 0;
}
.image-radio-checked .glyphicon {display: block !important;}
.form-control:focus,.form-control:active{box-shadow:0 0 0 0.2rem rgba(239,239,239,.5) !important; border-color:#efefef !important;}
.help-inline{color:	brown; display: inline-block; padding-right: 20px;}
#error-message {  
    color: 	brown;
    display: none;
    margin-bottom: 10px;
    top: 0px;
}
input.error { border: 1px solid brown; }
button.previous,button.next,input[type=submit] {
    border-radius: 50px;
    padding: 10px 10px;
	width: 140px;
}
button.previous,button.previous:hover {
    background: #efefef;
    border-color: #efefef;
    color: #000;
}
button.previous:focus, button.previous:active{
	color: #000 !important;
	border-color: #efefef !important;
	background:#efefef !important;
	box-shadow:0 0 0 0.2rem rgba(239,239,239,.5) !important;
}
button.next, button.next:hover, input[type=submit], input[type=submit]:hover{
	background: #06af8f;
	border-color: #06af8f;
    color: #fff;	
}
button.next:focus,button.next:active, input[type=submit]:focus, input[type=submit]:active{
	color: #fff !important;
	border-color: #06af8f !important;
	background:#06af8f !important;
	box-shadow:0 0 0 0.2rem rgba(6,175,143,.5) !important;	
}
.logo-container img{width:100%; height:100%;}
@media(min-width:768px){
	.centered-group .form-group{width:50%; margin:0 auto;}
	.centered-group-80 .form-group{width:80%; margin:0 auto;}
	fieldset button, fieldset input[type=submit]{margin-top:50px !important;}
	button.previous,button.next,input[type=submit] {width:200px; height:50px;}
	#error-message {text-align: center; width: 100%;}
	.smallstoneqtycontainer, .internal-brief-container{margin-bottom:1rem !important;}
	.element_image_container .cadcontainer label,
	.element_image_container .cadcontainer .col-sm-6,
	.element_image_container .imagecontainer label,
	.element_image_container .imagecontainer .col-sm-6{text-align:right; margin:auto;}
	.centered-group-80 .form-group{width:80%; margin:0 auto;}
	.smallstoneshapecontainer{margin-top: 1rem !important;}
	.image-blocks img{width:75px;}	
	.smallstoneshapecontainer .image-blocks {padding: 0;}
	.smallstoneshapecontainer .image-blocks .carousel-control-next, .smallstoneshapecontainer .image-blocks .carousel-control-prev{width:5%;}
	.principalstoneshapecontainer .image-blocks .carousel-control-next, .principalstoneshapecontainer .image-blocks .carousel-control-prev{width:5%;}
	.smallstoneshapecontainer .image-blocks .carousel-inner{width:85%;}
	.principalstoneshapecontainer .image-blocks .carousel-inner{width:85%;}
	.shank-container .image-blocks img{width:319px; height:377px;}
	.shankfieldset .carousel-control-next{right:-100px;}
	.shankfieldset .carousel-control-prev{left:-100px;}
	.shank-width-container img{width: 160px;}
	.fingersize-container .form-group{display: flex; justify-content: center;}
	.radio-btns input[type=radio]{display: inline-block; width: 20px;}
	/*.form-group.row.cadcontainer .col-sm-7 {margin:10px auto; text-align: left;}*/
	.form-group.row.cadcontainer .radio-btns,.imagecontainer .upload-file, .cadcontainer .info-block {margin:auto 0px; text-align: left;}
	fieldset.imageorders-container .qts{margin: 1rem 0rem;}
	fieldset.imageorders-container .qts .tooltipicon i{font-size:22px; top:10px; left:5px;}
	#error-message {position:absolute;}
	fieldset.element img, fieldset.element_major img {width:200px;}
	.shank-container .image-blocks{padding:0px;}
	.image-blocks .carousel-inner {width:70%; margin: 0 auto;}
	.shankfieldset .image-blocks .carousel-inner {width: 100% !important;}
	.ringsize-container .info-block{text-align:left;}
	fieldset .shape-img-label, .shank-container label,
	.shank-title, .radiobtn-container label, .pss-space label,
	.element_major label,
	.element_image_container .cadcontainer label,
	.imagecontainer label,
	.imageorders-container label,
	.imageorders-container h5,
	.internal-brief-container label	
	{font-size:26px;}	
	.shank-width-container label{text-align:center;}
	.radiobtn-container label,.radiobtn-container .radio-btns{text-align:center !important;}
	/*.radiobtn-container .radio-btns{margin-top: 50px !important;}*/
	fieldset.radiobtn-container label {position: absolute; bottom: 55px; left:0;}
	fieldset.radiobtn-container {position: relative;}
	.dimension-container .info-block {display: inline-block;}
	.pss-space label{position:relative; bottom:30px;}
	.dimension-container {padding-bottom:30px !important;}
	.dimension-container .info-block input {margin: 0 auto;display: inline-block;}
	 .element_major .info-block, .internal-brief-container .info-block {text-align: left; margin-top: auto; margin-bottom: auto;}
	.shank-width-container .info-block input, .element_major .info-block input{display: inline-block;}
	.smallstonesizecontainer .tooltipicon i {font-size: 24px; top: 3px; left: 5px;}
	.smallstonesizecontainer .tooltipicon {right: auto;}
	.cad-qty-container {padding:10px 0px;}
	.cadcontainer .radio-btns span {padding-right: 20px;font-size: 18px;}
	.imageorders-container .info-block p {display: inline-block;}
	fieldset.imageorders-container .info-block label {font-size: 18px;}
	.shank-width-container .info-block .sizes{position:absolute; top:10px;}
	/*.element_major .form-group{margin:0px !important;}*/		
	.smallstoneshapecontainer .image-radio img{width:75px !important;}
	.principalstoneshape-fieldset .image-radio img{width:180px !important;}
	/*.principalstoneshape-fieldset{margin-top:65px;}*/
	fieldset.radiobtn-container .form-group{margin-bottom:0px !important;}
	
	 .title-container{font-size:30px !important; padding-bottom:50px !important; padding-top:50px !important;}
	 .otherprincial-group {width:80%; margin:0 auto !important;}
	 .otherprincial-group .col-form-label{text-align:right;}
	 .otherprincial-group .info-block{margin-top:auto; margin-bottom:auto;}
}
.tooltipicon.mobile-view{display:none}
.info-block .sizes{padding-left:10px;}
fieldset .shank-title{width:100%; text-align:center; font-weight:400;}
.ringsize-container .info-block span{display:inline-block; position:relative; left:5px;}
.next-hidden-group .next {display: none;}
.shank-container label, .element label{text-align:center;}
.smallstoneshapecontainer label{text-align:left;}
.total-container {display: flex; justify-content: center;}
fieldset.imageorders-container .qts .tooltipicon{top: auto; right: auto;}
fieldset.imageorders-container .qts .tooltipicon span a{color:#fff;}
fieldset.imageorders-container .qts input {display: inline-block;}
.has-error .form-control {
    border-color: brown !important;;
    -webkit-box-shadow: inset 0 1px 1px rgba(255,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(255,0,0,.075);
}
main.inner.cover {
    display: table;
    height: 500px;
}
form.form-stepper {
    position: relative;
    display: block;
    vertical-align: middle;
}
.btn-groups {
    position: fixed;
    bottom: 50px;
    left: 0;
    width: 100%;
	
}
.visibility-hidden{visibility:hidden;}
.image-blocks .carousel-indicators li{background-color:red;}
.carousel-control-prev-icon,
.carousel-control-next-icon {
	height: 100px;
	width: 100px;
	outline: black;
	background-size: 100%, 100%;
	
	background-image: none;
	background-color: #ffffff !important;
}

.carousel-control-prev,
.carousel-control-next{
	outline: #fff;
	background-size: 100%, 100%;	
}

.carousel-control-prev-icon { 
	background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333333' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E") !important; 
	width: 30px !important;
	height: 48px !important;
}
.carousel-control-next-icon { 
	 background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333333' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E") !important;
	width: 30px !important;
	height: 48px !important;
}