/* GLOBAL */
html, body {
	overflow-x: hidden;
	font-family: 'Open Sans', arial, serif;
}

body {
	background: #bababc; /* Old browsers */
	background: -moz-linear-gradient(left, #bababc 0%, #ffffff 47%, #bababc 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#bababc), color-stop(47%,#ffffff), color-stop(100%,#bababc)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, #bababc 0%,#ffffff 47%,#bababc 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #bababc 0%,#ffffff 47%,#bababc 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, #bababc 0%,#ffffff 47%,#bababc 100%); /* IE10+ */
	background: linear-gradient(to right, #bababc 0%,#ffffff 47%,#bababc 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bababc', endColorstr='#bababc',GradientType=1 ); /* IE6-9 */
	padding-top: 70px;
}

a {
    cursor: pointer;
}


/* UTILITY */
.m-r-15 {
    margin-right: 15px;
}
.m-b-15 {
    margin-bottom: 15px;
}
.m-b-20 {
    margin-bottom: 20px;
}
.m-t-15 {
    margin-top: 15px;
}
.m-t-20 {
    margin-top: 20px;
}
.p-t-5 {
	padding-top: 5px;
}
.p-t-8 {
	padding-top: 8px;
}
.p-t-10 {
	padding-top: 10px;
}
.p-t-15 {
	padding-top: 15px;
}
.p-t-20 {
	padding-top: 20px;
}
.p-t-40 {
	padding-top: 40px;
}
.p-b-5 {
	padding-bottom: 5px;
}
.p-b-8 {
	padding-bottom: 8px;
}
.p-b-15 {
	padding-bottom: 15px;
}
.p-b-80 {
	padding-bottom: 80px;
}
.soob-wrapper {
	min-height: 100vh;
}
.no-gutter {
    padding-right: 0;
    padding-left: 0;
}


/* BOOTSTRAP MODS */

/* NAVBAR */
.navbar-brand {
	padding: 0;
}
.soob-navbar {
	background-color: #fff;
	border: none;
	padding-top: 5px;
	padding-bottom: 5px;
}
.soob-navbar h3 {
	/*margin: 0;*/
}
.soob-navbar select {
	border-radius: 0;
}
.btn-red {
    background-color: rgb(237, 27, 54);
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    transition: background-color 0.3s;
}
.btn-red:hover,
.btn-red:active,
.btn-red:focus {
    background-color: rgb(189, 15, 37);
    color: #fff;
}


/* PROMOTER LOGIN */
.soob-promoter-login input {
	border-radius: 0;
	border: 0;
	
}
.soob-promoter-login label {
	color: #fff;
}
.soob-promoter-login .soob-username {
	position: absolute;
	top: 43%;
	right: 28%;
}
.soob-promoter-login .soob-password {
	position: absolute;
	top: 50%;
	right: 28%;
}
.soob-promoter-login .login-btn {
	position: absolute;
	top: 56%;
	right: 35%;
	height: 90px;
	width: 55px;
	cursor: pointer;
	border: none;
	background-color: transparent;
	background-size: contain;
	background-repeat: no-repeat;
}

/* FOOTER */
.soob-footer {
	background-color: #fff;
	padding-top: 15px;
	padding-bottom: 15px;
	/*position: absolute;
	bottom: 0;*/
	width: 100vw;
	margin-top: 40px;
}
.soob-footer span {
	font-weight: 700;
	font-size: 16px;
}

/* FEEDBACK */
.main-feedback-container {
    background-position: top left;
    background-repeat: no-repeat;
    background-size: 45%;
}
.main-feedback-container .checkbox {
    margin: 0;
}


/* TYPOGRAPHY */
.soo-emphasis {
	font-weight: 700;
	font-size: 15px;
}

/* FEEDBACK FORM */
.soob-upload-img {
    height: 60px; 
    width: 53px; 
    cursor: pointer; 
    margin-bottom: 5px;
}
.soob-file-list {
    font-size: 80%;
    text-align: right;
}
#main_feedback_container {
    min-height: 100vh;
}


/* media queries */
@media screen and (max-width: 320px) {
    .main-feedback-container {
        background-image: none !important;
    }
}

@media only screen and (max-width : 480px) {
    .main-feedback-container {
        background-image: none !important;
    }
}

@media only screen and (max-width : 768px) {
    .main-feedback-container {
        background-image: none !important;
    }
}

@media only screen and (max-width : 992px) {

}

@media only screen and (max-width : 1200px) {

}

#myProgressBar {
	display: none;
	z-index: 9999;
	margin-bottom: 0;
	position: fixed;
	width: 50%;
	bottom: 30vh;
	margin-left: 25%;
}