body,html {
	height: 100%;
	width: 100%;
	margin: 0;
}

body {
	color: #444444;
	font-family: 'Open Sans', Arial, Helvetica, "Nimbus Sans L", "Liberation Sans", FreeSans, Sans-serif;
	font-size: 15px;
	background-color: #293944;
	-webkit-font-smoothing: antialiased;
}

/* ================== ELEMENTS */

h1 {
	margin-top: 0;
	margin-bottom: 30px;
}

section {
	overflow: hidden;
	margin-bottom: 20px;
}

/* ================== NO JS SUPPORT */
.hidden-if-no-js{
	display: none !important;
    visibility: hidden !important;
}



/* ================== HELPERS */

ol.lower-alpha {
	list-style-type: lower-alpha;
}

ol.lower-roman{
   list-style-type: lower-roman;
}

a.danger-link {
	color: #8f2a28;
	font-weight: bold;
}

a.success-link {
	color: #3c763d;
	font-weight: bold;
}

a.discreet-link{
	opacity: inherit;
	color: inherit;
	text-decoration:underline
}

a.discreet-link:hover{
	opacity: 0.9;
	text-decoration:none;
}

.text-left {
	text-align: left !important;
}

.text-right {
	text-align: right !important;
}

.text-center img {
	margin: 0 auto;
}

.transparent {
	opacity: 0 !important;
}

.opaque {
	opacity: 1 !important;
}

.m-t-1 {
	margin-top: 20px;
}

.m-t-2 {
	margin-top: 40px;
}

.m-t-3 {
	margin-top: 60px;
}

.m-b-0 {
	margin-bottom: 0;
}

.m-b-1 {
	margin-bottom: 25px;
}

.m-l-1 {
	margin-left: 20px !important;
}

.m-l-2 {
	margin-left: 40px !important;
}

.p-t-1 {
	padding-top: 20px;
}

.p-t-2 {
	padding-top: 40px;
}

.p-t-3 {
	padding-top: 60px;
}

.p-l-1 {
	padding-left: 20px;
}

.fadeout {
	opacity: 0.5;
	-moz-opacity: 0.5;
	-webkit-opacity: 0.5;
	-webkit-transition: opacity .15s ease-in-out;
	-moz-transition: opacity .15s ease-in-out;
	-o-transition: opacity .15s ease-in-out;
	-ms-transition: opacity .15s ease-in-out;
	transition: opacity .15s ease-in-out;
}

.fadein-hover:hover {
	opacity: 1;
	-moz-opacity: 1;
	-webkit-opacity: 1;
	-webkit-transition: opacity .15s ease-in-out;
	-moz-transition: opacity .15s ease-in-out;
	-o-transition: opacity .15s ease-in-out;
	-ms-transition: opacity .15s ease-in-out;
	transition: opacity .15s ease-in-out;
}

.btn {
	letter-spacing: 0;
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
	margin: 0 5px;
}

.btn.btn-xs-square {
    height: 20px;
    line-height: 20px;
    padding: 0;
    width: 24px;
}

.oaicon-blue {
	color: #1E6F9E;
	vertical-align: sub;
	font-size: 1.5em !important;
}

.line-through {
	text-align: line-through;
}

.hidden {
	display: none;
}

.content-container {
	margin-top: 25px;
}

.content-wrapper {
	background-color: #fff;
	overflow: hidden;
}




/* ================== HEADER */
header {
	position: relative;
	width: 100%;
	height: 80px;
}

header #menu.navbar {
	background-color: #1d2d36;
	border-bottom: 2px solid #D2D2D2;
	opacity: 0.97;
	width: 100%;
	z-index: 101;
	padding-top: 10px;
	color: #FFF;
	height: 80px;
	-webkit-transition: background-color 200ms linear;
	-moz-transition: background-color 200ms linear;
	-o-transition: background-color 200ms linear;
	-ms-transition: background-color 200ms linear;
	transition: background-color 200ms linear;
}

header #menu .navbar-collapse.in,
header #menu .navbar-collapse.collapsing {
	z-index: 9999;
}

header #menu.navbar .navbar-logo-wrapper {
    display: inline-block;
    overflow: hidden;
    margin: 2px 15px 0 15px;
}
    
header #menu.navbar .navbar-logo {
    width: 134px;
    height: 50px;   
    margin-left: 15px;
    text-indent: -9999px;
    background: transparent url("/img/oneall/logo_sni_regular.png") no-repeat scroll 50% 50% / 134px 50px;
    display: inline-block;
}

@media only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
    header #menu.navbar .navbar-logo {
        background-image: url("/img/oneall/logo_sni_retina.png");
    }
}


/* header links */
header ul.nav {
	margin-top: 8px;
}

header ul.nav>li a {
	text-decoration: none;
	background-color: transparent;
	color: #ddd;
	font-size: 15px;
	border: 1px solid transparent;
}

header ul.nav>li.active a,
header ul.nav>li a:hover,
header ul.nav>li a:focus {
	background-color: transparent;
	color: #EF9725;
}

header #collapse-button {
	font-size: 26px;
}

header .navbar-toggle {
	margin-top: 0;
}

header #signin_link {
	background-color: rgba(50, 50, 50, 0.15);
	border-radius: 14px;
	margin-left: 6px;
	margin-top: 9px;
}

header #signin_link a {
	padding: 5px 11px;
}

/* ================== HEADER \ NAV  */
header #menu.navbar ul.nav>li.active a {
	font-weight: bold;
}

header #menu.navbar ul.nav>li {
	padding: 0;
	margin: 0 0 0 20px;
}

header #menu.navbar ul.nav>li a {
	padding: 10px 20px;
	display: inline-block;
}

header #menu.navbar ul.nav>li a#signup-button {
	background-color: rgba(76, 174, 76, 0.8);
	border-radius: 20px;
	color: #fff;
}

header #menu.navbar ul.nav>li.active a#signup-button,
header #menu.navbar ul.nav>li a#signup-button:hover {
	background-color: rgba(76, 174, 76, 1);
	color: #fff;
}

header #menu.navbar ul.nav ul.dropdown-menu {
	margin-top: 5px;
	background-color: #333a42;
	border: 0 none;
	border-radius: 4px !important;
	box-shadow: 0 2px 2px 1px rgba(0, 0, 0, 0.09);
	padding: 11px 0;
	z-index: 50000;
}

header #menu.navbar ul.nav ul.dropdown-menu::before {
	border-color: rgba(51, 58, 66, 0) rgba(51, 58, 66, 0) #333a42;
	border-image: none;
	border-style: solid;
	border-width: 8px;
	bottom: 100%;
	content: " ";
	height: 0;
	left: 50%;
	margin-left: -8px;
	pointer-events: none;
	position: absolute;
	width: 0;
}

header #menu.navbar ul.nav>li.active.dropdown a.dropdown-toggle,
header #menu.navbar ul.nav>li.dropdown a.dropdown-toggle:hover {
	color: #EF9725;
}

header #menu.navbar ul.nav>li.dropdown a.dropdown-toggle {
	color: #ddd;
	min-width: 160px;
}

header #menu.navbar ul.nav>li.dropdown a{
	text-align:center;
}

header #menu.navbar ul.nav>li.dropdown.open a.dropdown-toggle {
	background-color: transparent;
	border-color: transparent;
	border-radius: 4px 4px 0 0;
	color: #EF9725;
}

header #menu.navbar ul.nav>li.dropdown>ul {
	width: 100%;
	padding: 0;
}

header #menu.navbar ul.nav>li.dropdown>ul>li {
	padding: 0;
	margin: 0;
}

header #menu.navbar ul.nav>li.dropdown>ul li.divider {
	background-color: #424951;
	margin: 0;
}

header #menu.navbar ul.nav>li.dropdown>ul>li a {
	font-weight: normal;
	padding: 10px 20px;
	color: #fff;
	display:block;
}

header #menu.navbar ul.nav>li.dropdown>ul>li a:hover {
	background-color: rgba(0, 0, 0, 0.2);
}

header #menu.navbar ul.nav>li.dropdown>ul>li:first-child a {
	border-radius: 4px 4px 0 0;
}

header #menu.navbar ul.nav>li.dropdown>ul>li:last-child a {
	border-radius: 0 0 4px 4px;
}

/*Small screens*/
@media ( max-width : 1200px) and ( min-width : 768px) {
	header #menu.navbar ul.nav>li.dropdown {
		min-width: auto;
	}

	header #menu.navbar ul.nav>li a{
		padding: 10px;
	}

	header #menu.navbar ul.nav>li#user_menu_top{
		margin-left: 0 !important;
	}

}

/* =============== FOOTER */
footer {
	border-top: 1px solid #d2d2d2;
	color: #b2b2b2;
	background-color: #1D2D38;

}

footer .title a {
	color: #ef9725;
	font-size: 15px;
	font-weight: bold;
}

footer .top-link {
	margin-left: 15px;
}

footer .top-link i {
	position: relative;
	top: 1px;
}

footer ul {
	list-style-type: none;
	padding: 0;
	margin: 5px 0 0 0;
}

footer ul li {
    font-size: 14px;
    line-height: 25px;
    margin: 0;
    padding-left: 10px;
}

footer ul li a {
	color: #adadad;
}

footer a {
	color: #ddd;
	text-decoration: none;
}

footer a:hover {
	color: #ef9725;
	text-decoration: none;
}

footer #footer_wrapper {
	padding: 20px 0;
}

footer #footer_bar_wrapper {
	background-color: #293944;
	padding: 5px 0;
	font-size: 10px;
	line-height: 30px;
	font-family: Verdana, "Bitstream Vera Sans", "DejaVu Sans", Tahoma, Geneva, Arial, Sans-serif;
	color: #777;
}

footer #footer_bar_wrapper a{
	color: #b8b8b8;
}

footer #footer_bar_wrapper a:hover{
	color: #ddd;
}

/* ====================== CUSTOMER LIST */
#reference-customers h2 {
	text-align: center;
	font-size: 46px;
	color: #5cb85c;
	font-weight: bold;
}

#reference-customers h3 {
	color: #777;
	text-align:center;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 15px;
}

#reference-customers p {
	text-align: center;
	font-size: 18px;
	color: #A0A0A0;
	margin-bottom: 50px;
}

#reference-customers .col-company .brand_container {
	background-color: #FFF;
	text-align: center;
	height: 100px;
	white-space: nowrap;
	line-height: 100px;
	padding: 0 20px;
	margin-bottom:20px;
	opacity: 0.6;
}

#reference-customers .col-company .helper {
	height: 100%;
	vertical-align: middle;
}

#reference-customers .col-company img {
	vertical-align: middle;
	display: inline;
}

/* =============== FORMS */
.formular {
	background-color: #F9F9F9;
	border: 1px solid #E9E9E9;
	border-radius: 4px;
	padding: 20px;
	margin-bottom:20px;
}

.formular.formular-default{
	background-color: transparent;
	border-color: transparent;
}

.formular .caption span.tooltip-toggle i {
	color: #a8a8a8;
}

.formular .caption span.tooltip-toggle:hover i {
	color: #111;
}

.formular textarea {
	resize: vertical;
}

.form-control.form-read-option {
	background-color: #fbfbfb;
	border-color: #eee;
	border-radius: 0;
	box-shadow: none;
	border-left: 4px solid #d9edf7;
}

.form-control.form-display-option {
	background-color: #fbfbfb;
	border-color: transparent;
	box-shadow: none;
	resize: none;
}

select.form-control {
	background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20fill%3D%22%23555555%22%20%0A%09%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%22-261%20145.2%2024%2024%22%20style%3D%22enable-background%3Anew%20-261%20145.2%2024%2024%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20d%3D%22M-245.3%2C156.1l-3.6-6.5l-3.7%2C6.5%20M-252.7%2C159l3.7%2C6.5l3.6-6.5%22%2F%3E%0A%3C%2Fsvg%3E");
	padding-right: 25px;
	background-repeat: no-repeat;
	background-position: right center;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

select.form-control::-ms-expand {
	display: none;
}

select.form-control option.disabled {
	color: #d9534f;
	opacity: 0.7;
}

.has-error .form-control {
	border-color: #FF6C6A;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

.has-error .input-group-addon {
	background-color: #FF6C6A;
	border-color: #FF6C6A;
	color: #fff;
}

.has-error .form-control:focus {
	border-color: #FF6C6A;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #FF6C6A;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #FF6C6A;
}

.formular .form-captcha img {
	border: 1px solid #707070;
	border-radius: 4px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
}

.formular .error_message {
	background-color: #F9F9F9;
	color: #D63636;
	padding: 4px 0 4px 4px;
	font-size: 13px;
}

.formular .error_arrow {
	font-size: 10px;
	margin-right: 5px;
}

.formular .required {
	color: #FF4242;
}

/* =============== BACKGROUNDS */
.bg-primary {
	color: #fff;
	background-color: #337ab7 !important;
}

.bg-success {
	background-color: #dff0d8 !important;
}

.bg-info {
	background-color: #d9edf7 !important;
}

.bg-warning {
	background-color: #fcf8e3 !important;
}

.bg-danger {
	background-color: #f2dede !important;
}

/* =============== CALLOUTS */
.bs-callout {
	padding: 20px;
	margin-bottom: 20px;
	border: 1px solid #eee;
	border-left-width: 5px;
	border-radius: 3px;
}

.bs-callout ol,
.bs-callout ul {
	padding-left: 15px;
}

.bs-callout ol li,
.bs-callout ul li {
	margin-left: 10px;
}

.bs-callout ol>li,
.bs-callout ul>li {
	margin-bottom: 5px;
}

.bs-callout ol>li:last-child,
.bs-callout ul>li:last-child {
	margin-bottom: 0;
}

.bs-callout ol>li>ul {
	margin-bottom: 10px;
}

.bs-callout ol ul {
	margin-top: 3px;
	margin-left: 10px;
	padding-left: 0;
}

.bs-callout h4 {
	margin: 0 0 8px 0;
	font-size: 16px;
}

.bs-callout ol:last-child,
.bs-callout ul:last-child,
.bs-callout p:last-child {
	margin-bottom: 0;
}

.bs-callout code {
	border-radius: 3px;
}

.bs-callout+.bs-callout {
	margin-top: -5px;
}

.bs-callout-default {
	border-left-color: #777;
}

.bs-callout-defaul a,
.bs-callout-default h4 {
	color: #777;
}

.bs-callout-primary {
	border-left-color: #428bca;
}

.bs-callout-primary a,
.bs-callout-primary h4 {
	color: #428bca;
}

.bs-callout-success {
	border-left-color: #5cb85c;
}

.bs-callout-success a,
.bs-callout-success h4 {
	color: #5cb85c;
}

.bs-callout-danger {
	border-left-color: #d9534f;
}

.bs-callout-danger a,
.bs-callout-danger h4 {
	color: #d9534f;
}

.bs-callout-warning {
	border-left-color: #f0ad4e;
}

.bs-callout-warning a,
.bs-callout-warning h4 {
	color: #d28f30;
}

.bs-callout-info {
	border-left-color: #5bc0de;
}

.bs-callout-info a.callout-link,
.bs-callout-info h4 {
	color: #5bc0de;
}

.bs-callout-info .badge {
	background-color: #44a9c7;
	padding: 2px 8px 3px;
}

.bs-callout-info a.badge:hover {
	background-color: #5bc0de;
}

.bs-callout-simple {
	border-width: 0;
	padding: 10px;
}

/* =============== TOOLTIPS */
.tooltip {
	font-family: Arial, Helvetica, "Nimbus Sans L", "Liberation Sans", FreeSans, sans-serif;
	font-size: 12px;
	z-index: 1000000000;
}

.tooltip .tooltip-inner {
	background-color: #000;
	padding: 10px;
	border: 2px solid #222;
	opacity: 0.98;
}

.tooltip.in .tooltip-arrow {
	border-top-color: #222;
}

/* =============== ALERTS */
.alert-default-size {
	font-size: inherit;
	padding: 15px !important;
}

.alert.alert-neutral {
	background-color: #fff !important;
	border: 1px solid #ddd !important;
	color: #333 !important;
}

.alert.alert-default {
    background-color: #f5f5f5;
    border-color: rgba(160, 160, 160, 0.2);
}
    
.alert.alert-discreet {
	background-color: rgba(180, 180, 180, 0.1);
	border-color: rgba(160, 160, 160, 0.2);
	border-width: 1px 1px 1px 5px;
	color: #555;
}

.alert.alert-discreet a:not(.btn){
	color: rgba(0, 0, 0, 0.8);
}

.alert.alert-success {
	background-color: #e2f3db;
	border-color: #ccdfbc;
}

.alert .title {
	font-size: 20px;
	font-weight: bold;
}

.alert .title+.contents {
	margin-top: 5px;
}

.alert .contents p:last-child {
	margin-bottom: 0;
}

.alert-faq {
	color: #555;
	border-width: 1px;
	background-color: #f7f7f7;
	border: 1px solid #e4e4e4
}

.alert-faq .title {
	font-size: 16px;
	margin-bottom: 10px;
}

.alert-faq a.alert-link {
	color: #333;
}