/* HelpCounter CSS */

body {
	background-color: #f0fdff;
	margin-top: 100px;
}

.sidebar h2 {
	margin-top: 0;
}

ul {
	padding-inline-start: 0px;
}

p {
	color: #04373d;
}

hr {
	border-color: #0090a3;
}

h3 {
	border-top: 0;
}

h4 {
	font-weight: 700;
}

h6 {
	color: #0090a3;
	font-weight: normal;
}

li {
	color: #0090a3;
	margin-left: 15px;
}

img {
	border-radius: 10px;
}

.fitImage {
	max-width: 100%;
	height: auto;
}

.screenshot img {
	box-shadow: 0px 8px 20px rgba(0, 144, 163, 0.5);
}

.screenshot p {
	margin-top: 15px;
}

.thin {
	font-weight: 300;
}

.thumbnail {
	text-align: center;
}

a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active {
	border-color: #f26a3c;
}

.btn {
	background-color: #f26a3c;
	color: #f0fdff;
	border: 0;
	box-shadow: 0px 4px 10px rgba(0, 144, 163, 0.5);
}

.btn:hover {
	background-color: #f0fdff;
	color: black;
	text-shadow: 0px 0px 0px rgba(0, 0, 0, 1);
 }

.btn:active {
	box-shadow: 0px 0px 5px rgba(0, 144, 163, 0.5);
}

.jumbotron {
	background-color: #0090a3;
	box-shadow: 0px 5px 10px rgba(0, 144, 163, 0.25);
}

.jumbotron .btn {
	/* margin-top: 25px; */
	box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.25);
}

.intro {
	margin-bottom: 0;
	padding-left: 0;
	padding-right: 0;
}

.featuresSection {
	padding-top: 20px;
	padding-bottom: 50px;
	background: -moz-linear-gradient(top, rgba(242,106,59,.2) 0%, rgba(255,255,255,0.6) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(242,106,59,.2) 0%,rgba(255,255,255,0.6) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,rgba(0, 144, 163,.15) 0%,rgba(255,255,255,0.6) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f26a3b', endColorstr='#99f26a3b',GradientType=0 ); /* IE6-9 */
}

.testimonialsSection {
	padding-top: 50px;
	padding-bottom: 50px;
	margin-bottom: 3px;
	text-shadow: 0px 0px 4px rgba(0, 0, 0, 1);
	background: linear-gradient(45deg, rgba(242,106,59,.90) 50%, rgba(0,144,163,.75) ), /* bottom, image */ url(../images/artRoom.jpg);
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	color: white;
}

.testimonial {
/* 	background-color: #0090a3; */
	border-radius: 5px;
	color: #f0fdff;
	padding: 15px;
}

.index .testimonial  {
/* 	background-color: #f36a3c; */
}

.testimonial h3 {
	font-weight: 400;
}

.testimonial h4 {
	font-weight: 300;
	line-height: 1.3;
}
.testimonial h6{
    color:#f0fdff;
}

.bubble:after {
  position: absolute;
  display: block;
  content: "";
  border-color: #0090a3 transparent transparent transparent;
  border-style: solid;
  border-width: 10px;
  bottom: -19px;
  left: 1em;
}

.bubbleRight:after {
  position: absolute;
  display: block;
  content: "";
  border-color: #0090a3 transparent transparent transparent;
  border-style: solid;
  border-width: 10px;
  bottom: -19px;
  right: 1em;
}

.badge-primary {
	background-color: #0e91a2;
	font-size: 15pt;
}

.navbar-brand {
	padding: 10px 10px;
    height: 40%;
}

.navbar-inverse {
/* 	background-color: #f36a3c; */

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f26a3b+0,0090a3+68,0090a3+68 */
background: rgb(242,106,59); /* Old browsers */
background: -moz-linear-gradient(45deg, rgba(242,106,59,1) 0%, rgba(0,144,163,1) 68%, rgba(0,144,163,1) 68%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg, rgba(242,106,59,1) 0%,rgba(0,144,163,1) 68%,rgba(0,144,163,1) 68%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg, rgba(242,106,59,1) 0%,rgba(0,144,163,1) 68%,rgba(0,144,163,1) 68%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f26a3b', endColorstr='#0090a3',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

/* 	margin-bottom: 15px; */
	border-bottom: 5px solid #f0fdff;
	border-radius: 0;
	box-shadow: 0px 8px 20px rgba(0, 144, 163, 0.5);
}

.navbar-form {
	margin-top: 15px;
}

.nav-pills {
	padding-top: 18px;
}

.nav a {
	color: #f0fdff;
	font-weight: 700;
}

.nav a:hover {
	background-color: #f0fdff;
	transition: background .15s ease-in-out;
   -moz-transition: background .15s ease-in-out;
   -webkit-transition: background .15s ease-in-out;
}


.news {
  padding-left: 50px;
  line-height: 2.1428571435;
  color: #f0fdff;
  background-color: #0090a3;
}

.news p {
	color: #f0fdff;
	line-height: 1.5;
}
.news h3 {
	margin-top: 0;
	padding-top:0;
	text-decoration: none;
	border-top: 0;
}

.newsTitle {
	margin-top: 20px;
	margin-bottom: 0;
	padding-bottom: 13px;
}
.news img {
	max-width:90%;
	max-height:90%;
}

.news .btn {
	margin-bottom: 30px;
}
.newsImage {
	padding-bottom: 40px;
}


.newsItem img {
	max-width:90%;
	max-height:90%;
}

.handDrawnIcon {
	margin-top: 15px;
	margin-bottom: 15px;
}

.comments {
	margin: 0 20px;
}

fa {
	color: #f36a3c;
}

fa:hover {
	color: #0090a3;
	transition: color .15s ease-in-out;
   -moz-transition: color .15s ease-in-out;
   -webkit-transition: color .15s ease-in-out;
}

.socialMedia {
	padding-bottom: 20px;
}

.contentBegin .row {
	padding-bottom: 40px;
}

hr {
	border: 1px dashed;
}

.news {
	background-color: #0090a3;
}

.jumbotronBlue .jumbotron {
	margin-top: 15px;
	background-color: #0090a3;
}

.jumbotron h3 {
	margin: 0;
	border: none;
}

.jumbotronOrange .jumbotron {
	margin-top: 15px;
/* 	background-color: #f36a3c; */

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f26a3b+0,f26a3b+100&1+0,0.6+100 */
background: -moz-linear-gradient(top, rgba(242,106,59,1) 0%, rgba(242,106,59,0.6) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(242,106,59,1) 0%,rgba(242,106,59,0.6) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(242,106,59,1) 0%,rgba(242,106,59,0.6) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f26a3b', endColorstr='#99f26a3b',GradientType=0 ); /* IE6-9 */

}

.jumbotronOrange .btn {
	background-color: #0090a3;
}

.jumbotronOrange .btn:hover {
	color: #0090a3;
	background-color: white;
}

.introBackgroundImage {
	height: 400px;
	text-shadow: 0px 0px 4px rgba(0, 0, 0, 1);
	background: linear-gradient(45deg, rgba(0,144,163,.75) 50%, rgba(242,106,59,1) ), /* bottom, image */ url(../images/schoolSupplies.jpg);
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.rowTestimonials h2,
.rowTestimonials h3,
.rowTestimonials h4,
.rowTestimonials h6 {
	color: #f0fdff;
	text-shadow: 0px 2px 20px rgba(51, 22, 12, 0.5);
}

.homePagePhone {
	max-width: 500px;
	/* padding-left: 100px; */
}

footer {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0090a3+32,0090a3+32,f26a3b+100 */
	background: rgb(0,144,163); /* Old browsers */
	background: -moz-linear-gradient(45deg, rgba(0,144,163,1) 32%, rgba(0,144,163,1) 32%, rgba(242,106,59,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg, rgba(0,144,163,1) 32%,rgba(0,144,163,1) 32%,rgba(242,106,59,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg, rgba(0,144,163,1) 32%,rgba(0,144,163,1) 32%,rgba(242,106,59,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0090a3', endColorstr='#f26a3b',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

	padding: 25px;
}

footer p {
	color: #f0fdff;
	margin: 0;
}

footer a {
	color: #f0fdff;
}

footer a:hover {
	color: #f26a3c;
}

footer img {
	padding-bottom: 15px;
}


.pageTitle {
  padding-left: 30px;
  padding-top: 10px;
  color: #f0fdff;
  background-color: #0092a4;
}

.pageTitle h2{
	margin-top: 0;
}

.pageTitle img {
	margin-right: 10px;
}

.pageTitle .col-md-3 {
	padding-top: 5px;
}
.bold{
    font-weight:bold;
}
.features_imgs{
    width:15px;
    height:5em;
    float:left;

}

.districtFeatures {
	text-align: center;
}

.districtFeatures h2 {
	text-align: left;
}


.gradientIcons i {
	color: #0092a4;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0090a3+32,0090a3+32,f26a3b+100 */
	background: #0092a4; /* Old browsers */
	background: -moz-linear-gradient(45deg, rgba(0,144,163,1) 32%, rgba(0,144,163,1) 32%, rgba(242,106,59,1) 75%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg, rgba(0,144,163,1) 32%,rgba(0,144,163,1) 32%,rgba(242,106,59,1) 75%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg, rgba(0,144,163,1) 32%,rgba(0,144,163,1) 32%,rgba(242,106,59,1) 75%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0090a3', endColorstr='#f26a3b',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: initial;
}

.webBased {
	text-align: center;
}

.webBased h2 {
	text-align: left;
}

/* Oklahoma City Public Schools Styles */
.summerBreakAnnouncementSection {
	margin-top: 135px;
}
.summerBreakAnnouncement {

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f16a3b+0,0e91a2+35&0+0,1+98 */
background: -moz-linear-gradient(top, rgba(241,106,59,0) 0%, rgba(14,145,162,0.36) 35%, rgba(14,145,162,1) 98%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(241,106,59,0) 0%,rgba(14,145,162,0.36) 35%,rgba(14,145,162,1) 98%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(241,106,59,0) 0%,rgba(14,145,162,0.36) 35%,rgba(14,145,162,1) 98%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f16a3b', endColorstr='#0e91a2',GradientType=0 ); /* IE6-9 */

/* 	margin-top: 50px; */
    color: #f0fdff;
/* 	text-shadow: 0px 2px 20px rgba(51, 22, 12, 0.5); */

	box-shadow: none;
}

.okcpsLogo {
	margin-top: 25px;
	border-radius: 15px;
}

/* App Pages */
.appIntroSection {
	padding-top: 15px;
	background: -moz-linear-gradient(top, rgba(242,106,59,.2) 0%, rgba(255,255,255,0.6) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(242,106,59,.2) 0%,rgba(255,255,255,0.6) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,rgba(241,106,59,.2) 0%,rgba(255,255,255,0.6) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f26a3b', endColorstr='#99f26a3b',GradientType=0 ); /* IE6-9 */
	color: black;
	margin-bottom: 75px;
	padding-top: 50px;
	/* box-shadow: 0px 8px 20px rgba(0, 144, 163, 0.5); */
}

.appIntroSection h1, .appIntroSection h2 {
}

.playStoreBadge {
}

.homePagePromoColumn:hover {
}

.homePagePromoColumn img {
	transition: all .5s;
	transform: scale(.75);
	margin-left: -25%;
}
.homePagePromoColumn img:hover {
	transform: rotate(5deg) scale(1) skewX(-25deg) skewY(15deg);
}

.homePagePromoHomeAccessColumn:hover {
}

.homePagePromoInTheBuildingColumn:hover {
}

.kioskIntroSection {
	margin-top: 100px;
}

.kioskPromoIntroImage {
	margin-top: 10px;
}

.kioskTitle
{
	color: black;
	margin-top: 0px;
	margin-bottom: 0px;
}

.kioskPurpose
{
	margin-top: 20px;
	font-weight: normal;
}

.kioskSectionTitle
{
	color: black;
	margin-top: 40px;
}

.appPurpose {
	margin-bottom: 0;
	color: #f26a3c;
}

.kioskPlatformsSection {
	border-radius: 10px;
	background: -moz-linear-gradient(top, rgba(0, 144, 163,1) 0%, rgba(255,255,255,0.6) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0, 144, 163,1) 0%,rgba(255,255,255,0.6) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,rgba(0, 144, 163,1) 0%,rgba(255,255,255,0.6) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.kioskPlatformsSection h2 {
	color: black;
}

.kioskPlatformsSection li {
	color: white;
}

.kioskFeaturesSection {
	border-radius: 10px;
	background: -moz-linear-gradient(top, rgba(0, 144, 163,.25) 0%, rgba(255,255,255,0.6) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0, 144, 163,.25) 0%,rgba(255,255,255,0.6) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,rgba(0, 144, 163,.25) 0%,rgba(255,255,255,0.6) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.kioskCTAButton {
	margin-top: 0;
}

.appName {
	margin-top: 0;
	line-height: .2;
}

.appAbility {
	margin-top: 15px;
	color: black;
}

/* Table Styles */
table.table1{
    font-family: "Trebuchet MS", sans-serif;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.4em;
    font-style: normal;
    border-collapse:separate;
}
.table1 thead th{
    padding:15px;
    color:rgba(242,106,59,.1);
    text-shadow:1px 1px 1px #568F23;
    border:2px solid #f0fdff;
    background-color: #0090a3;
    color: white;
    -webkit-border-top-left-radius:5px;
    -webkit-border-top-right-radius:5px;
    -moz-border-radius:5px 5px 0px 0px;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
	text-align: center;
}
.table1 thead th:empty, .table1 .empty {
    background:transparent;
    border:none;
}
.table1 tfoot td{
    color: #9CD009;
    font-size:32px;
    text-align:center;
    padding:10px 0px;
    text-shadow:1px 1px 1px #444;
}
.table1 tfoot th{

}
.table1 th {
	text-align: right;
	padding-right: 3px;
	color: #0090a3;
}
.table1 tbody td{
    padding:10px;
    text-align:center;
    background-color: rgba(242,106,59,.1);
    border: 2px solid #f0fdff;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
    color:#666;
    text-shadow:1px 1px 1px #fff;
}

.kioskPreviewImage {
	border-radius: 15px;
}



@media (max-width: 768px)
{
	/* .introBackgroundImage {
		background-size: 100% 14% !important;
        zoom:1;
	} */

	.row
	{
		padding-left: 15px;
		padding-right: 15px;
	}

	.sidebar h2 {
		margin-top: 15px;
	}
	.homePagePhone {
		max-width: 400px;
	}
	.homePagePromoColumn img {
		transition: all .5s;
		transform: scale(.75);
		/* margin-left: -15%; */
	}

	.kioskTitle
	{
		padding-left: 15px;
	}

	.kioskPurpose
	{
		padding-left: 15px;
	}

	.kioskPromoIntroImage
	{
		padding-left: 15px;
		padding-right: 15px;
	}
}

@media (max-width: 991px)
{
	.row
	{
		padding-left: 15px;
		padding-right: 15px;
	}
	.introBackgroundImage {
		height: 600px;
	}
	.appIntroSection {
		padding-top: 0;
	}
	.testimonialsSection {
		height: 1000px;
	}
}

@media (min-width: 992px)
{
	.homePagePromoColumn img {
		transition: all .5s;
		transform: scale(.75);
		margin-left: -16%;
	}
}