@import url('https://fonts.googleapis.com/css?family=Quicksand');

body {
	background-image: url('/images/bg.jpg');
    padding-top: 50px;
    padding-bottom: 20px;
	background-size:cover;
}


/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select {
    max-width: 280px;
}

/* styles for validation helpers */
.field-validation-error {
    color: #b94a48;
}

.field-validation-valid {
    display: none;
}

input.input-validation-error {
    border: 1px solid #b94a48;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: #b94a48;
}

.validation-summary-valid {
    display: none;
}

.hotspot {
    width: 40px;
	height: 40px;
	background: #F28856;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
    z-index: 2;
    position: absolute;
    -webkit-box-shadow: 10px 10px 45px -12px rgba(158,150,158,1);
    -moz-box-shadow: 10px 10px 45px -12px rgba(158,150,158,1);
    box-shadow: 10px 10px 45px -12px rgba(158,150,158,1);
}

/*.hotspot:hover {
    cursor: crosshair;
}*/

.hotspot-marked {
    width: 40px;
	height: 40px;
	background: #7DC239;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
    z-index: 2;
    position: absolute;
    -webkit-box-shadow: 10px 10px 45px -12px rgba(158,150,158,1);
    -moz-box-shadow: 10px 10px 45px -12px rgba(158,150,158,1);
    box-shadow: 10px 10px 45px -12px rgba(158,150,158,1);
}

.hotspot-marked:hover, .hotspot:hover {
    cursor: move;
}

.hotspot__text {
    position: relative;
    font-weight: 600;
    font-size: 14px;
    top: 10px;
    text-align: center;
    color: white;
}

.customCursor {
    /*cursor: url(SiteImages/cursor.png) , auto;*/
    cursor: crosshair;
}

.cursortooltip {
    position: absolute;
    z-index: 9999;
    background-color:rgba(242, 136, 86, 0.59);
    color: white;
    padding: 4px;
    display: none;
}

.main-Div {
	position: relative;
	text-align: center;
	padding: 0;
    /*border-right: 2px rgb(103, 101, 101) solid;*/
	background-color: rgba(70, 66, 66, 0.85);
	-webkit-box-shadow: 1px 1px 13px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    1px 1px 13px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         1px 1px 13px 0px rgba(50, 50, 50, 0.75);
}



.error-template {
    padding: 40px 15px; 
    text-align: center;
    background-color: rgba(247, 247, 247, 0.9);
    color: #474443;
}
.error-actions {margin-top:15px; margin-bottom:15px;}
.error-actions .btn { margin-right:10px; }

.instructions {
    font-size: 18px;
    font-weight: bold;
    color: #2f2f2f;
    font-family: Quicksand, sans-serif;
    text-align: center;
    padding: 10px;
    margin: 0 0 15px;
}

.instructionsList {
      font-size: 14px;
    color: #000000;
    font-family: Quicksand, sans-serif;
        font-weight: 400;
    padding-left: 25PX
}


.loginPopup {
    background-color: rgba(243, 242, 242, 0.95);
    width: 50%;
    border-radius: 10px;
    -webkit-box-shadow: 1px 1px 13px 0px rgba(50, 50, 50, 0.95);
    -moz-box-shadow: 1px 1px 13px 0px rgba(50, 50, 50, 0.95);
    box-shadow: 1px 1px 13px 0px rgba(50, 50, 50, 0.95);
    /* border: 10px solid #6B5671; */
	
}
.navbar-inverse{
	background-color: #474443;
    border-color: transparent!important;
	-webkit-box-shadow: 1px 1px 13px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    1px 1px 13px 0px rgba(50, 50, 50, 0.75);
box-shadow:         1px 1px 13px 0px rgba(50, 50, 50, 0.75);
	font-family: Roboto, sans-serif;
}
.navbar-brand{
	color:#FFF!important;
	font-weight:400;
	font-size:24px;
	font-family: Roboto, sans-serif;
}
.ins-box{
    /* margin-top: 70px; */
   /*  border: 1px dashed #696171; */
    background-color: rgba(255, 255, 255, 1);
    padding: 15px 10px;
}

.main-Div img {
    max-width: 100% !important;
    height: auto;
    display: block;
    width: 100%;

}

a {
    text-decoration: none;
    display: inline-block;
    padding: 8px 16px;
}

a:hover {
    background-color: #ddd;
    color: black;
}

.previous {
    background-color: #de5b5b;
    color: white;
    border-radius: 40px;
    font-weight: bold;
    text-decoration: none;
}
.next:hover,
.previous:hover {
    background-color: #8e3535;
}

.next {
    background-color: #de5b5b;
    color: white;
    border-radius: 40px;
    font-weight: bold;
    float: right;
    text-decoration: none;
}
.selected {
    background-color: #efefef;
    color: black;
    font-weight: bold;
    border-left: 3px solid #de5b5b;
}
.buttonHolder {
    max-width: 627px;
    margin: 0 auto;
    padding: 10px 0;
    clear: both;
    overflow: hidden;
}
.instructionsList {
    padding: 0;
    list-style-type: none;
}
.instructionsList li {
    list-style-type: none;
    position: relative;
    margin: 5px 0;
}
.instructionsList.right li {
    padding-left: 30px;
    margin: 10px 0;
}
.instructionsList.right li:before {
    content: '';
    position: absolute;
    top: 5px;
    left: 7px;
    width: 15px;
    height: 15px;
    background: url(../../images/tick-inside-circle.png) no-repeat;
    -webkit-background-size: 15px;
    background-size: 15px;
}
.instructionsList li a {
    display: block;
    padding: 10px 20px;
    text-decoration: none;
}
.instructionsList li a:hover {
    background: #d9edf7 !important;
}
.post-comment textarea {
    width: 100% !important;
}
.post-button {
    margin-right: 10px !important;
}