html, body{
	width: 100%;
	padding: 0;
	margin: 0;
	font-size-adjust: none;
	-webkit-text-size-adjust:none;
	-webkit-overflow-scrolling: touch;
}

body{
	font-family: 'Open Sans', sans-serif !important;
	font-size: 14px;
	color: #383838;
	background-color: #ffffff;
	background-image: url('img/bg.jpg');
	background-position: top left;
	background-repeat: repeat;
}

@media screen and (min-width: 768px) {
    div.fixed-spacer-top { padding-top: 53px; }
}

*{
	font-size-adjust: none;
	-webkit-text-size-adjust:none;
}


*:focus{
	outline: none;
}

img{
	border: none;
}

p, img, form, input{
	margin: 0;
	padding: 0;
}

a{
	cursor: pointer;
	color: #f47216;
}

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

#logo{
	padding-top: 8px;
	padding-left: 15px;
	padding-right: 15px;
}

#form-wrapper{
	width: 850px;
	padding-right: 100px;
}

#add-user-form-wrapper{
	padding: 30px;
	padding-top: 50px;
}


#add-user-form-wrapper label{
	display: block;
	text-align: left;
}
nav.navbar{
	margin-bottom: 0;
}
input.textfield{
	background-color: transparent;
	border: none;
	padding: 3px;
	box-shadow: none;
	border-bottom: 1px solid #00a9d8;
	width: 100%;
}

input.textfield:focus{
	box-shadow: none !important;
	outline: none;
	border: none;
}

input.textfield:focus{
	border-color: #f47216;
}

input.textfield::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #ffffff;
}
input.textfield:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #ffffff;
   opacity:  1;
}
input.textfield::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #ffffff;
   opacity:  1;
}
input.textfield:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #ffffff;
}

input.submit{
	position: relative;
	padding: 10px 25px;
	min-width: 150px;
	text-align: center;
	color: #ffffff;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	font-weight: normal;
	background-color: #00a9d8;
	border: none;
	border-radius: 5px;
	cursor: pointer;
}

input.submit:hover{
	background-position: bottom left;
}

#content{
	margin: 0 auto -197px;
	width: 950px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
}

#content p{
	margin: 0 0 20px 0;
}

footer{
	border-top: 1px solid #f47216;
	background-color: #111;
	background-image: linear-gradient(to bottom, #3c3c3c 0px, #222 100%);
}

footer h1, #contact-wrapper h1,footer h3, #contact-wrapper h3{
	color: #dfdfde;
	text-align: left;
	font-weight: normal;
	text-transform: none;
}

footer p{
	margin: 0;
	padding: 0;
	color: #dfdfde;
	font-size: 14px;
	line-height: 23px;
	vertical-align: top;
}

#footer-copyright{
	color: #dfdfde;
	width: 100%;
	height: 23px;
	padding-top: 7px;
	text-align: center;
	font-size: 12px;
}

#footer-icon-facebook, #contact-icon-facebook{
	position: relative;
	width: 64px;
	height: 64px;
	float: left;
	clear: none;
	background-image: url('img/icon-facebook.png');
	background-position: top left;
	background-repeat: no-repeat;
}

#footer-icon-linkedin, #contact-icon-linkedin{
	position: relative;
	width: 64px;
	height: 64px;
	margin: 0 auto;
	clear: none;
	background-image: url('img/icon-linkedin.png');
	background-position: top left;
	background-repeat: no-repeat;
}

#footer-icon-email, #contact-icon-email{
	position: relative;
	width: 64px;
	height: 64px;
	float: right;
	clear: none;
	background-image: url('img/icon-email.png');
	background-position: top left;
	background-repeat: no-repeat;
	margin-top: -64px;
}

#footer-icon-twitter, #contact-icon-twitter{
	position: relative;
	width: 64px;
	height: 64px;
	float: right;
	clear: none;
	background-image: url('img/icon-twitter.png');
	background-position: top left;
	background-repeat: no-repeat;
	margin-top: -64px;
}

#footer-connect-spacer{
	height: 4px;
	width: 100%;
}

footer div.footer-connect-icon:hover, #contact-wrapper div.contact-connect-icon:hover{
	background-position: bottom left !important;
}

footer div.footer-connect-icon a, #contact-wrapper div.contact-connect-icon a{
	display: block;
	width: 64px;
	height: 64px;
}

footer a, #contact-wrapper a{
	color: #dfdfde;	
}

footer a:hover, #contact-wrapper a:hover{
	color: #f47216;
}

footer div.footer-box{
	padding-top: 20px;
}

div.clear{
	clear: both;
}

#cta{
	height: 226px;
	padding-top: 25px;
}

.three-column-layout{
	width: 300px;
}

h1, #h1-title{
	color: inherit;
	font-size: 45px;
	font-weight: 300;
	text-transform: uppercase;
	padding: 0;
	margin: 0 0 25px 0;
	text-align: center;
	border-bottom: 1px solid #f47216;
}

div.line-divider-orange{
	border-bottom: 1px solid #f47216;
}

div.line-divider-white{
	border-bottom: 1px solid #ffffff;
}

.white{
	color: #ffffff !important;
}

h2{
	font-size: 30px;
	font-weight: bold;
	padding: 0;
	margin: 0 0 20px 0;
	text-align: center;
}

div.link-box-wrapper > a{
	display: block;
	position: absolute;
	width: 950px;
	height: 150px;
}

div.link-box-wrapper h2{
	text-align: left;
}

div.icon-download{
	width: 150px;
	height: 150px;
	background-image: url('img/icon-download.png');
	background-position: top left;
	background-repeat: no-repeat;
}

div.services-box-wrapper:hover div.sprite, div.link-box-wrapper:hover div.sprite{
	background-position: bottom left !important;
}

div.services-box-wrapper:hover, div.link-box-wrapper:hover{
	background-position: bottom right;
}

div.divider{
	width: 100%;
	clear: both;
	height: 51px !important;
	background-image: url('img/divider.png');
	background-position: center center;
	background-repeat: no-repeat;	
}

div.divider-clear{
	width: 100%;
	clear: both;
	height: 51px !important;
}

div.divider-small-clear{
	width: 100%;
	clear: both;
	height: 25px !important;
}


.vertical-align-wrapper{
	width: 100%;
	height: 100%;
	display: table;
	position: static;
}

.vertical-align-content{
	display: table-cell;
	vertical-align: middle;
	width: 100%;
}

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

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

.text-justify{
	text-align: justify;
}

.text-center{
	text-align: center;
}

div.content-center{
	width: 550px;
	padding: 0 200px;
}

div.content-center p:last-child{
	margin-bottom: 0!important;
}

.large{
	font-size: 16px;
	font-weight: bold;
}

div.content-center h2{
	display: block;
	color: #ffffff;
	background-color: #636363;
	margin-bottom: 25px;
	padding: 10px 25px 10px 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	font-size: 14px;
	font-weight: normal;
	line-height: normal;
}

.exposed{
	color: #ffffff;
	background-color: #f38b42;
	margin-bottom: 25px;
	padding: 10px 25px 10px 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

div.hidden{
	display: none;
}

.orange{
	color: #f47216;
}

div.icon-title{
	font-size: 50px;
}

table{
	margin: 0 0 10px 0;
}

table,thead,tbody{
	width: 100%;
}

thead,th{
	background-color: #656263;
}

th{
	color: #ffffff;
	font-weight: bold;
}

td,th{
	text-align: left;
	padding: 15px !important;
}

tr.odd {
    background-image: url("img/bg-tr-odd.png");
}

tr.even {
    background-image: url("img/bg-tr-even.png");
}

td.editable{
	cursor: pointer;
}


div.content-wrapper{
	padding-top: 80px;
}

div.spacer50{
	height: 50px;
}

div.spacer20{
	height: 20px;
}


.blue-pointer{
	height: 50px;
	width: 100%;
	background-image: url('img/blue-pointer.png');
	background-position: bottom center;
	background-repeat: no-repeat;
}

.bg-blue{
	background-color: #00a9d8;
	color: #ffffff
}

.hover-blue{
	cursor: pointer;
}

.hover-blue:hover{
	background-color: #00a9d8;
	color: #ffffff
}

.btn-outline {
	background-image: none !important;
  background-color: transparent !important;
	border: 1px solid #ffffff !important;
  color: #ffffff;
  transition: all .5s;
}


.btn-primary.btn-outline {
    color: #428bca;
		background-image: none;
			background-color: transparent;
		border: 1px solid #ffffff;
			color: #ffffff;
			transition: all .5s;
}

.btn-success.btn-outline {
    color: #5cb85c;
		background-image: none;
			background-color: transparent;
		border: 1px solid #ffffff;
			color: #ffffff;
			transition: all .5s;
}

.btn-info.btn-outline {
    color: #5bc0de;
		background-image: none;
			background-color: transparent;
		border: 1px solid #ffffff;
			color: #ffffff;
			transition: all .5s;
}

.btn-warning.btn-outline {
    color: #f0ad4e;
		background-image: none;
			background-color: transparent;
		border: 1px solid #ffffff;
			color: #ffffff;
			transition: all .5s;
}

.btn-danger.btn-outline {
    color: #d9534f;
		background-image: none;
			background-color: transparent;
		border: 1px solid #ffffff;
			color: #ffffff;
			transition: all .5s;
}

.btn-primary.btn-outline:hover,
.btn-success.btn-outline:hover,
.btn-info.btn-outline:hover,
.btn-warning.btn-outline:hover,
.btn-danger.btn-outline:hover {
    color: #fff;
}
.btn-outline:hover{
	background-color: #ffffff !important;
	color: #000000 !important;
}

input::-webkit-credentials-auto-fill-button{
		position: absolute;
}


div.jumbotron-facebook{
	position: relative;
	margin: 0 auto;
	float: left;
	width: 100%;
	padding-bottom: 52.5%;
	background-repeat: no-repeat;
	background-position: top left;
	background-size: cover;
	clear: both;
}

div.blue-pointer-bottom{
	position: absolute;
	bottom: 50px;
	left: 0;
	right: 0;
	height: 50px;
	width: 100%;
	background-image: url('img/blue-pointer.png');
	background-position: bottom center;
	background-repeat: no-repeat;
}

div.bg-blue h1{
	border-bottom: 1px solid #ffffff;
}
div.bg-blue a{
	color: #ffffff;
}
div.stats-wrapper div.number{
	font-weight: bold;
	font-size: 35px;
	color: #f47216;
	text-align: center;
}

div.stats-wrapper div.details{
	text-align: center;
}

div.stats-wrapper div.box{
	padding-top: 50px;
}

.pagination > li > a, .pagination > li > span{
	background-color: transparent;
	border: none !important;
}

div.dataTables_wrapper > div.row > div.col-sm-12{
	padding: 0;
	margin-bottom: 0;
	width: 100%;
	overflow-x: auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: -ms-autohiding-scrollbar;
	border: none !important;
}

div.dataTables_wrapper > div.row > div.col-sm-12 table{
	min-width: 100%;
}

table.dataTable thead .sorting_asc {
	background: url("img/sort_asc.png") no-repeat scroll right center rgba(0, 0, 0, 0) !important;
}
table.dataTable thead .sorting_desc {
	background: url("img/sort_desc.png") no-repeat scroll right center rgba(0, 0, 0, 0) !important;
}
table.dataTable thead .sorting {
	background: url("img/sort_both.png") no-repeat scroll right center rgba(0, 0, 0, 0) !important;
}

div.dataTables_filter input{
	background-color: transparent;
	border: none;
	box-shadow: none;
}

div.dataTables_filter input:focus{
	box-shadow: none;
}

div.dataTables_filter label{
	border-bottom: 1px solid #00a9d8;
}

div.dataTables_paginate > ul.pagination > li.paginate_button > a.disabled, 
div.dataTables_paginate > ul.pagination > li.paginate_button > a{
	background-color: transparent;
	color: #333;
}

div.dataTables_paginate > ul.pagination > li.paginate_button > a.active{
	background-color: #00a9d8 !important;
	color: #ffffff;
}

/* Custom added CSS */
#users-wrapper h1,
#users-wrapper h2{
	text-align: center;
}

.content-users{
	margin-top: 100px;
	margin-bottom: 80px;
}

.content-users #form-wrapper{
	padding: 0;
	margin: 0 auto;
	max-width: 500px;
}

.content-users #form-wrapper label{
	display: block;
	text-align: left;
}

.content-users #form-wrapper .textfield{
	padding-top: 5px;
	padding-bottom: 5px;	
}


/* Login form styles override */

.login-form .textfield:focus{
	outline: none !important;
	order: none;
}

.login-form button[type="submit"]{
	border: 1px solid #fff !important;
}

/* Login screen styling */
section.login-section{
	background-color: #00a9d8;
	color: #fff;
}

.login-section .textfield{
	text-align: center;
	outline: none !important;
	border: none;
	background: transparent;
	padding: 15px;
	display: block;
	height: 50px;
	line-height: 30px;
	box-sizing: border-box;
	color: #fff !important;
	border-radius: none !important;
	vertical-align: middle;
}


.login-section .login-form .submit-cta{
	margin-bottom: 10px;
	background-color: transparent;
}

.login-section .login-form .submit-cta{
	background-color: transparent;
    -webkit-transition: background-color 300ms linear;
    -moz-transition: background-color 300ms linear;
    -o-transition: background-color 300ms linear;
    -ms-transition: background-color 300ms linear;
    transition: background-color 300ms linear;
}


.gallery-item{
	padding: 15px;
}

.pointer{
	cursor: pointer;
}

#htmlbody{
	border: none;
	width: 100%;
	min-height: 600px;
	background-color: #ffffff;
}

#stats div.number,div.stats div.number {
	font-weight: bold;
	font-size: 35px;
	color: #f47216;
}

#stats div.details,div.stats div.details{
	font-size: 24px;
}

#visual-email div.divider{
	width: 100%;
	clear: both;
	height: 51px !important;
	background-image: url('img/divider.png');
	background-position: center center;
	background-repeat: no-repeat;	
	margin-top: -30px;
}

#visual-email div.header{
	clear: both;
	padding: 20px;
	color: #ffffff;
	background-color: #656263;
	border-top: 2px solid #f47216;
}

#visual-email p{
	margin: 0;
}


/* I am in control now!!! */
body{
	
}

.navbar{
	padding-top: 15px;
	padding-bottom: 15px;
}

#logo img{
	width: 100px;
}

.section-main{
	padding-top: 50px;
	padding-bottom: 50px;
}

.section-heading{
	text-align: center;
	margin-bottom: 30px;
}

.section-heading h2{
	color: #f47216;
	font-size: 3em;
}

section.jumbotron{
	color: #fff;
	background-image: url('img/splash-jumbo2.jpg');
	background-size: cover;
	background-position: bottom center;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 0;
}

section.fullscreen{
	color: #fff;
	background-image: url('img/splash-jumbo2.jpg');
	background-size: cover;
	background-position: bottom center;
	margin-bottom: 0;
}

section.fullscreen h1{
	font-size: 2em;
	text-shadow: none;
	text-align: center;
	border-bottom: none;
}

section.jumbotron h3{
	color: #fff;
}


#tile-box-1 .tile-box-inner{
	background-color: #00aeef;
}
#tile-box-2 .tile-box-inner{
	background-color: #0072c6;
}

#tile-box-3 .tile-box-inner{
	background-color: #5133ab;
}

#tile-box-4 .tile-box-inner{
	background-color: #80397b;
}

#tile-box-5 .tile-box-inner{
	background-color: #107b10;
}

#tile-box-6 .tile-box-inner{
	background-color: #d24726;
}


section.tiles .tile-box-wrapper{
	margin-bottom: 25px;
}

section.tiles .tile-box-wrapper a:hover{
	text-decoration: none;
}

section.tiles .tile-box-inner{
	padding: 25px;
	transition: all 0.5s ease;
}

section.tiles .tile-box-inner:hover{
	opacity: 0.7;
}

section.tiles .tile-box-inner .tile-box-image img{
	height: 100px;
	margin: 0 auto;
	margin-bottom: 30px;
}

section.tiles .tile-box-inner .tile-box-description{
	background-color: inherit;
	text-align: center;
	text-transform: uppercase;
	padding: 15px 0;
}

section.tiles .tile-box-inner .tile-box-description h4{
	margin: 0;
	color: #fff;
	font-size: 2em;
}

.divider-line-white{
	height: 1px;
	width: 100%;
	margin: 0 auto;
	background-color: #fff;
}

/* Optines campaign list styling */
.optines-analyze .filter-wrapper{
	padding: 25px 15px;
}

.optines-analyze .filter fieldset{
    border: 1px solid #d3d3d3;
    border-radius: 5px;
    padding: 15px;
    width: 100%;
}

.optines-analyze .filter legend{
	width: auto;
	text-align: left;
    padding: 5px 10px ;
    border-radius: 5px;
    font-size: 1.2em;
}

.optines-analyze .filter label{
	font-weight: normal;
}

.optines-analyze .filter #time{
	display: block;
	height: 40px;
	line-height: 40px;
	padding: 5px 10px;
	background-color: #fff;
	min-width: 200px;
}

.optines-analyze .filter .form-control{
	height: 40px;
	line-height: 40px;
	padding: 5px;
	width: 100%;
	margin-bottom: 20px;
}

/* Optines single page styling */
table tbody tr.odd td{
	background-color: rgba(214, 214, 214, 0.1) !important;
}

table tbody tr.even td{
	background-color: rgba(255, 102, 0, 0.1) !important;
}

header.header-title{
	padding: 50px;
	background-color: #f47216;
}

header.header-title h1{
	color: #fff;
	margin: 0;
	border: none;
}

main{
	
}

main .section-main{
	padding: 75px 0;
}

main .row.margin{
	margin-top: 50px;
}

main .row.margin:nth-of-type(1){
	margin-top: 0;
}

main .section-stats{
	background-color: #fff;
}

main .section-stats .stats-wrapper{
	padding: 0 15px;
}

main .btn-download{
	color: #666;
	padding: 0;
}

main .btn-download .fa{
	margin-right: 15px;
}

main .download-link .btn-download:hover{
	
}

main .statistics{
	border: 1px solid #C0C0C0;
	border-radius: 5px;
	padding: 15px;
}

main .statistics .row{
	margin-top: 20px;
}

main .statistics h3{
	margin: 0;
}

main .statistics p.value{
	color: #f47216;
	font-weight: bold;
	font-size: 1.4em;
}

main .statistics p.description{
	font-size: 1.2em;
}

main .chart-wrapper{
	border: 1px solid #C0C0C0;
	border-radius: 5px;
	padding-top: 15px;
	padding-bottom: 15px;
}

main .chart-wrapper-inner{
	width: 100%;
   	text-align: center;
}

main .chart-wrapper-inner h4{
   	text-align: left;
}

main .chart-wrapper canvas{
	display: block;
	height: auto !important;
}

main .chart-wrapper .left-chart{
	border-right: 1px solid #C0C0C0;
}

/* Visual section styling */
main .section-visual{
	border-bottom: 1px solid #d6d6d6;
}

main section.links{
	background-color: #fff;
}

main section.receive-stats{
	background-color: #fff;
}

main section.receive-stats .download-link-receive{
	
}

main section.receive-stats .download-link-receive .download-link-wrapper{
	border: 1px solid #C0C0C0;
	border-radius: 5px;
	padding: 15px;
	text-align: center;
}

main section.receive-stats .download-link-receive .fa{
	font-size: 6em;
	color: #666666;
}

main section.receive-stats .download-link-receive a:hover .fa{
	color: #f47216;
}

 /* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {

}

/* Medium Devices, btnDesktops */
@media only screen and (max-width : 992px) {

}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {

}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
	section.jumbotron h1{
		font-size: 3em;
	}
}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {
    
}

#ui-datepicker-div{
	width: auto;
}

.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover{
	background-color: transparent !important;
}

nav{
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	border-bottom: none !important;
}

.navbar-inverse .navbar-nav>.active>a{
	border-bottom: 3px solid #f28231;
}

div.table-wrapper{
	max-width: 100%;
	overflow-x: scroll;
}

div.table-wrapper div.dataTables_length, div.table-wrapper div.dataTables_filter, div.table-wrapper div.dataTables_info, div.table-wrapper div.dataTables_paginate{
	padding-left: 15px;
	padding-right: 15px;
}

.loader {
		display: block;
		margin: 15px auto;
    border: 4px solid rgba(0,0,0,0.1); /* Light grey */
    border-top: 4px solid #f28231; /* Blue */
    border-radius: 50%;
    width: 120px;
    height: 120px;
		line-height: 120px;
		vertical-align: middle;
    animation: spin 2s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}