::selection {
color: #FFF;
background: red;
}
img.ui-datepicker-trigger {
cursor: pointer;
}
.leaderboard-logo {
color: white;
font-weight: normal;
margin-top: 0.25em;
display: inline-block;
}
.tiny-scs-logo {
float: left;
margin: .2em .5em .7em .5em;
}
p.issue {
    font-size: 1.7em !important;
    margin: 0 auto;
    padding: 0 3em 0 0;
    text-align: center;
    left: 0;
    right: 0;
}
p {
font-size: 16px !important;
}
.nav-pills li {
font-size: 1.2em;
}
.red {
color: #d00909;
}
#archives .btn-group {
margin: .5em 0;
}
.text-muted {
color: #777
}
.text-primary {
color: #FF1E1E;
}
p {
font-size: 14px;
line-height: 1.75
}
p.large {
font-size: 16px
}
a, a:hover, a:focus, a:active, a.active {
outline: 0
}
a {
color: #FF1E1E;
font-weight: bold;
}
a:hover, a:focus, a:active, a.active {
color: #FFF
}
h1, h2, h3, h4, h5, h6 {
font-family: Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif;
/* font-family: 'Oswald', sans-serif; */
font-weight: 700;
color: #5a676e;
}
.img-centered {
margin: 0 auto
}
.bg-light-gray {
background-color: #f7f7f7
}
.bg-darkest-gray {
background-color: #637178
}
.btn-primary {
    color: #fff;
    background-color: #3F51B5;
    border-color: #3F51B5;
    font-family: Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    font-weight: 700;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
color: #fff;
background-color: #ad0b0b;
border-color: #d00909;
}
.btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
background-image: none
}
.btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active,
.btn-primary[disabled].active, fieldset[disabled] .btn-primary.active {
background-color: #d00909;
border-color: #ad0b0b;
}
.btn-primary .badge {
color: #d00909;
background-color: #fff
}
.btn-xl {
color: #fff;
background-color: #d00909;
border-color: #d00909;
font-family: Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif;
text-transform: uppercase;
font-weight: 700;
border-radius: 3px;
font-size: 18px;
padding: 20px 40px
}
.btn-xl:hover, .btn-xl:focus, .btn-xl:active, .btn-xl.active, .open .dropdown-toggle.btn-xl {
color: #fff;
background-color: #282C52;
border-color: #282C52
}
.btn-xl:active, .btn-xl.active, .open .dropdown-toggle.btn-xl {
background-image: none
}
.btn-xl.disabled, .btn-xl[disabled], fieldset[disabled] .btn-xl, .btn-xl.disabled:hover, .btn-xl[disabled]:hover, fieldset[disabled] .btn-xl:hover, .btn-xl.disabled:focus, .btn-xl[disabled]:focus, fieldset[disabled] .btn-xl:focus, .btn-xl.disabled:active, .btn-xl[disabled]:active, fieldset[disabled] .btn-xl:active, .btn-xl.disabled.active, .btn-xl[disabled].active, fieldset[disabled] .btn-xl.active {
background-color: #d00909;
border-color: #FF1E1E;
}
.btn-xl .badge {
color: #d00909;
background-color: #fff
}
.navbar-default {
background: linear-gradient(to bottom, rgba(99,113,120,.9), rgba(53,65,71,1));
background:#464545;
}
.navbar-default .navbar-brand {
color: #d00909;/*font-family:"Kaushan Script","Helvetica Neue",Helvetica,Arial,cursive*/
}
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:active, .navbar-default .navbar-brand.active {
color: #FFF
}
.navbar-default .navbar-collapse {
border-color: #464545 !important;
}

/*menu button*/
.navbar-default .navbar-toggle {
background-color: #637178222;
border-color: #637178222;
}
.navbar-default .navbar-toggle .icon-bar {
background-color: #fff
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
background-color: #FF1E1E;
}
.navbar-default .nav li a {
font-family: Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif;
/* font-family: 'Oswald', sans-serif; */
text-transform: uppercase;
font-weight: 400;
letter-spacing: 1px;
color: #fff;
font-weight: bold;
font-size: 1.1em;
}
.navbar-default .nav li a:hover, .navbar-default .nav li a:focus {
color: #d00909;
outline: 0
}
.navbar-default .navbar-nav>.active>a {
border-radius: 0;
color: #fff;
/*background-color: #FF1E1E*/
background:none !important;
}
.navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
color: #fff;
background-color: #d00909;
}


header {
background-color: rgba(33,33,33,0.8);
/*background-image: url(http://static3.bigstockphoto.com/thumbs/6/5/9/large1500/95652452.jpg);*/
/*background-repeat: none;*/
background-attachment: scroll;
/* background-position: center center; */
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
-o-background-size: cover;
text-align: center;
color: #fff;
height: 4em;
margin-bottom: 1em;

/*background-image: url(http://static2.bigstockphoto.com/thumbs/1/3/9/large1500/93120647.jpg);
background-image: url(http://static1.bigstockphoto.com/thumbs/1/2/1/large1500/121789586.jpg);*/
/* background-image: url(http://static1.bigstockphoto.com/thumbs/6/3/9/large1500/93619796.jpg); */
/* background-position-y: -58em; */
}
header .intro-text {
padding-top: 100px;
padding-bottom: 50px
}
header .intro-text .intro-lead-in {
font-family: arial;
font-style: italic;
font-size: 22px;
line-height: 22px;
margin-bottom: 25px
}
header .intro-text .intro-heading {
font-family: Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif;
text-transform: uppercase;
font-weight: 700;
font-size: 50px;
line-height: 50px;
margin-bottom: 25px
}

/*LOGO TEXT */
a.leaderboard-text-logo.navbar-brand.page-scroll {
margin: -.3em 0 0 0;
font-size: 2.4em;
}


section {
padding: .5em 0
}
section h2.section-heading {
font-size: 40px;
margin-top: 0;
margin-bottom: 15px
}
section h3.section-subheading {
font-size: 16px;
font-family: arial;
text-transform: none;
font-style: italic;
font-weight: 400;
margin-bottom: 75px
}

section {
padding: 0 0;
}
.service-heading {
margin: 15px 0;
text-transform: none
}
#portfolio .portfolio-item {
margin: 0 0 15px;
right: 0
}
#portfolio .portfolio-item .portfolio-link {
display: block;
position: relative;
max-width: 400px;
margin: 0 auto
}
#portfolio .portfolio-item .portfolio-link .portfolio-hover {
background: rgba(254,209,54,.9);
position: absolute;
width: 100%;
height: 100%;
opacity: 0;
transition: all ease .5s;
-webkit-transition: all ease .5s;
-moz-transition: all ease .5s
}
#portfolio .portfolio-item .portfolio-link .portfolio-hover:hover {
opacity: 1
}
#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content {
position: absolute;
width: 100%;
height: 20px;
font-size: 20px;
text-align: center;
top: 50%;
margin-top: -12px;
color: #fff
}
#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content i {
margin-top: -12px
}
#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h3, #portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h4 {
margin: 0
}
#portfolio .portfolio-item .portfolio-caption {
max-width: 400px;
margin: 0 auto;
background-color: #fff;
text-align: center;
padding: 25px
}
#portfolio .portfolio-item .portfolio-caption h4 {
text-transform: none;
margin: 0
}
#portfolio .portfolio-item .portfolio-caption p {
font-family: arial;
font-style: italic;
font-size: 16px;
margin: 0
}
#portfolio * {
z-index: 2
}

@media (min-width:767px) {
#portfolio .portfolio-item {
margin: 0 0 30px
}
}
.timeline {
list-style: none;
padding: 0;
position: relative
}
.timeline:before {
top: 0;
bottom: 0;
position: absolute;
content: "";
width: 2px;
background-color: #f1f1f1;
left: 40px;
margin-left: -1.5px
}
.timeline>li {
margin-bottom: 50px;
position: relative;
min-height: 50px
}
.timeline>li:before, .timeline>li:after {
content: " ";
display: table
}
.timeline>li:after {
clear: both
}
.timeline>li .timeline-panel {
width: 100%;
float: right;
padding: 0 20px 0 100px;
position: relative;
text-align: left
}
.timeline>li .timeline-panel:before {
border-left-width: 0;
border-right-width: 15px;
left: -15px;
right: auto
}
.timeline>li .timeline-panel:after {
border-left-width: 0;
border-right-width: 14px;
left: -14px;
right: auto
}
.timeline>li .timeline-image {
left: 0;
margin-left: 0;
width: 80px;
height: 80px;
position: absolute;
z-index: 100;
background-color: #d00909;
color: #fff;
border-radius: 100%;
border: 7px solid #f1f1f1;
text-align: center
}
.timeline>li .timeline-image h4 {
font-size: 10px;
margin-top: 12px;
line-height: 14px
}
.timeline>li.timeline-inverted>.timeline-panel {
float: right;
text-align: left;
padding: 0 20px 0 100px
}
.timeline>li.timeline-inverted>.timeline-panel:before {
border-left-width: 0;
border-right-width: 15px;
left: -15px;
right: auto
}
.timeline>li.timeline-inverted>.timeline-panel:after {
border-left-width: 0;
border-right-width: 14px;
left: -14px;
right: auto
}
.timeline>li:last-child {
margin-bottom: 0
}
.timeline .timeline-heading h4 {
margin-top: 0;
color: inherit
}
.timeline .timeline-heading h4.subheading {
text-transform: none
}
.timeline .timeline-body>p, .timeline .timeline-body>ul {
margin-bottom: 0
}

@media (min-width:768px) {
.timeline:before {
left: 50%
}
.timeline>li {
margin-bottom: 100px;
min-height: 100px
}
.timeline>li .timeline-panel {
width: 41%;
float: left;
padding: 0 20px 20px 30px;
text-align: right
}
.timeline>li .timeline-image {
width: 100px;
height: 100px;
left: 50%;
margin-left: -50px
}
.timeline>li .timeline-image h4 {
font-size: 13px;
margin-top: 16px;
line-height: 18px
}
.timeline>li.timeline-inverted>.timeline-panel {
float: right;
text-align: left;
padding: 0 30px 20px 20px
}
}

@media (min-width:992px) {
.timeline>li {
min-height: 150px
}
.timeline>li .timeline-panel {
padding: 0 20px 20px
}
.timeline>li .timeline-image {
width: 150px;
height: 150px;
margin-left: -75px
}
.timeline>li .timeline-image h4 {
font-size: 18px;
margin-top: 30px;
line-height: 26px
}
.timeline>li.timeline-inverted>.timeline-panel {
padding: 0 20px 20px
}
}

@media (min-width:1200px) {
.timeline>li {
min-height: 170px
}
.timeline>li .timeline-panel {
padding: 0 20px 20px 100px
}
.timeline>li .timeline-image {
width: 170px;
height: 170px;
margin-left: -85px
}
.timeline>li .timeline-image h4 {
margin-top: 40px
}
.timeline>li.timeline-inverted>.timeline-panel {
padding: 0 100px 20px 20px
}
}
.team-member {
text-align: center;
margin-bottom: 50px
}
.team-member img {
margin: 0 auto;
border: 7px solid #fff
}
.team-member h4 {
margin-top: 25px;
margin-bottom: 0;
text-transform: none
}
.team-member p {
margin-top: 0
}
aside.clients img {
margin: 50px auto
}
section#contact {
background-color: #FFF;
/*	background-image: url(../img/map-image.png);*/
background-position: center;
background-repeat: no-repeat
}
section#contact .section-heading {
color: #fff
}
section#contact .form-group {
margin-bottom: 25px
}
section#contact .form-group input, section#contact .form-group textarea {
padding: 20px
}
section#contact .form-group input.form-control {
height: auto
}
section#contact .form-group textarea.form-control {
height: 236px
}
section#contact .form-control:focus {
border-color: #d00909;
box-shadow: none
}
section#contact ::-webkit-input-placeholder {
font-family:Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif;
text-transform:uppercase;
font-weight:700;
color:#bbb
}
section#contact :-moz-placeholder {
font-family:Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif;
text-transform:uppercase;
font-weight:700;
color:#bbb
}
section#contact ::-moz-placeholder {
font-family:Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif;
text-transform:uppercase;
font-weight:700;
color:#bbb
}
section#contact :-ms-input-placeholder {
font-family:Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif;
text-transform:uppercase;
font-weight:700;
color:#bbb
}
section#contact .text-danger {
color: #e74c3c
}
footer {
padding: 25px 0;
text-align: center;
background: #222a37;
color: #FFF;
border-top: solid #656667 .4em;
margin-top: 3em;
}
footer span.copyright {
line-height: 40px;
font-family: Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif;
text-transform: uppercase;
text-transform: none
}
footer ul.quicklinks {
margin-bottom: 0;
line-height: 40px;
font-family: Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif;
text-transform: uppercase;
text-transform: none
}
ul.social-buttons {
margin-bottom: 0
}
ul.social-buttons li a {
display: block;
background-color: #d00909;
height: 40px;
width: 40px;
border-radius: 100%;
font-size: 20px;
line-height: 40px;
color: #fff;
outline: 0;
-webkit-transition: all .3s;
-moz-transition: all .3s;
transition: all .3s;
}
ul.social-buttons li a:hover, ul.social-buttons li a:focus, ul.social-buttons li a:active {
background-color: #FF1E1E;
}
.btn:focus, .btn:active, .btn.active, .btn:active:focus {
outline: 0
}
.portfolio-modal .modal-content {
border-radius: 0;
background-clip: border-box;
-webkit-box-shadow: none;
box-shadow: none;
border: 0;
min-height: 100%;
padding: 100px 0;
text-align: center
}
.portfolio-modal .modal-content h2 {
margin-bottom: 15px;
font-size: 3em
}
.portfolio-modal .modal-content p {
margin-bottom: 30px
}
.portfolio-modal .modal-content p.item-intro {
margin: 20px 0 30px;
font-family: arial;
font-style: italic;
font-size: 16px
}
.portfolio-modal .modal-content ul.list-inline {
margin-bottom: 30px;
margin-top: 0
}
.portfolio-modal .modal-content img {
margin-bottom: 30px
}
.portfolio-modal .close-modal {
position: absolute;
width: 75px;
height: 75px;
background-color: transparent;
top: 25px;
right: 25px;
cursor: pointer
}
.portfolio-modal .close-modal:hover {
opacity: .3
}
.portfolio-modal .close-modal .lr {
height: 75px;
width: 1px;
margin-left: 35px;
background-color: #637178;
transform: rotate(45deg);
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
z-index: 1051
}
.portfolio-modal .close-modal .lr .rl {
height: 75px;
width: 1px;
background-color: #637178;
transform: rotate(90deg);
-ms-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
z-index: 1052
}
.portfolio-modal .modal-backdrop {
opacity: 0;
display: none
}
::-moz-selection {
text-shadow:none;
background:#FF1E1E;
}
::selection {
text-shadow: none;
background: #FF1E1E;
}
img::selection {
background: 0 0
}
img::-moz-selection {
background:0 0
}
body {
webkit-tap-highlight-color: #d00909
}
ul.sidebar-menu {
margin-bottom: 2em;
padding: 0;
margin-left: 0;
}
.sidebar-menu a {
color: #080808;
text-align: left;
}
.menu-red-btn-bg {
color: #ad0b0b !important;
padding: .2em .4em!important;
}
#archives a {
text-align: left;
padding: .4em !important;
/* border-bottom: .1em solid #cecece; */
/* border-radius: 0; */
color: #504040;
/*background: rgba(255,255,255,.8);*/
margin: 0;
}

.archive-year {
font-size: 2.5em;
color: #414242;
text-align: left;
padding-left: .3em;
}

#archives a:hover {
background:none;
color: #3179B7;;
}

#save a {
text-align: center;
padding: .5em !important;
border-bottom: .1em solid #ccc;
border-radius: 0;
color: #3179B7;
}
.leaderboard-content {
padding: 0 1em;
}
.leaderboard-content a:hover {
color: #0F72DB !important;
}

.help-div, .cms-div {
min-height: 65em;
}

.container {
padding-top: .5em;
}
.login-btn {
display: inline-block;
padding: 0;
border: none;
margin: 0;
background-color: transparent;
text-align: center;
line-height: 1;
box-sizing: border-box;
font-weight: 700;
padding: 12px 20px;
color: #f5f5f5;
background-color: #d00909;
}
.login-form {
}
.text-input {
color: #000;
box-sizing: border-box;
padding: 0;
margin: 0;
border: none;
display: block;
width: 100%;
background-color: transparent;
height: 50px;
width: 240px;
background-color: #fff;
margin-bottom: 15px;
padding-left: 10px;
}
.login-form {
max-width: 300px;
margin: 0 auto;
}
#inputUsername {
margin-bottom: -1px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
#inputPassword {
border-top-left-radius: 0;
border-top-right-radius: 0;
}

/*FORM STYLE*/

.form-style, .form-style label {
text-align:left !important;
}

label {
    color: #3d3c3c;
    font-family: arial;
    font-size: 1.2em;
    display: flex;
    padding-left: .5em;
}

.submit-button {
background-color: #499DF3;
border: 1px solid #499DF3;
border-bottom: 3px solid #3072B5;
color: #fff;
font-weight: 400;
font-size: 1.4em;
padding: .2em .5em;
}

input {
margin: .2em 0 !important;
}


#defaultValidationClassesPart .ng-valid {
border: solid green 3px;
}
#defaultValidationClassesPart .ng-invalid {
border: solid #d00909 3px;
}
#customValidationClassesPart .invalidItem {
border: dashed #d00909 2px;
}

.eformsubmit {
background-color: #4d90fe;
padding: .2em 1em;
color: #FFF !important;
margin: .5em 0 !important;
text-transform: uppercase !important;
}
.eformtext {
width: 30em !important;
height: 10em !important;
}

/*input.ng-invalid{
background-color: pink;
}*/
input.ng-valid {
/*background-color: lightgreen;*/
/*background-color: #35516c;*/
padding-left: .5em;
/*color: #FFF;*/
}

.icon-text {
font-size: .7em !important;
color: #d00909;
padding: .3em .3em;
border-radius: .3em;
display: block;
cursor: pointer;
}
.icon-text:hover {
color:#d00909;
}

.nav-pills>li>a {
border-radius: 0 !important;
}
.checkboxI {
float: left;
display: inline-flex;
padding: .5em;
}

.alert-danger {
color: #ffffff;
background-color: #f36c6c;
border-color: #f70f0f;
width: 50%;
padding: .2em;
}

.alert-success {
color: #ffffff;
background-color: #48a921;
border-color: #3f8206;
width: 50%;
padding: .2em;
}

.form-type p {
color: #ffffff;
font-size: 1.2em;
text-align: left;
display: block;
float: left;
font-weight: normal;
background: #c1c0c0;
padding: .1em .2em;
width: 92%;
}

.admin-list-menu {
text-align: left;
list-style-type: none;
margin-left: 0;
padding-left: 0;
}

.admin-list-menu a {
color:#d00909;
}

.main-menu {
color: #fff;
}

.main-date {
color: #959393 !important;
font-size: 1em !important;
margin: 1em;
display: block;
text-transform: uppercase;
}

.left-menu-style ul li a {
font-family: 'Oswald', sans-serif;
font-size: 1.2em;
color: #536066;
font-weight: normal;
padding-left: .5em;
margin: 0 0;
display: block;
padding: .2em .4em!important;
background: #ecebeb;
background: #ffffff;
border: none;
}

.scs-logo {
float: left;
width: 14%;
display: block;
margin: 0 1em;
image-rendering: initial;
}

.leaderboard-text-logo {
font-weight: bold;
font-size: 2.5em;
text-transform: uppercase;
}

.navbar-default .navbar-toggle {
border: none !important;
}

.actions-required {
/*background-color: #d00909;*/
display: inline-block;
padding: .4em .2em;
color: #FFF;
font-style: italic;
}

.login-modal {
position: relative;
background-color: #fff;
background: rgba(39, 37, 37, 0.9);
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: 1px solid #999;
border: 1px solid rgba(0,0,0,.2);
border-radius: 6px;
outline: 0;
-webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
box-shadow: 0 3px 9px rgba(0,0,0,.5);
}

.modal-header {
padding: 15px;
border-bottom: none;
}

.menu-search {
width: 100% !important;
margin-left: 1em !important;
}


.nav-tabs.nav-justified>li>a {
border-bottom: 1px solid #ddd;
border-radius: 4px 4px 0 0;
font-weight: bold;
text-transform: uppercase;
font-family: verdana;
}


.form-menu-default {
background: #555555;
color: #FFF;
/*border-bottom: 1px solid #555 !important;*/
border-radius: 0 !important;
font-weight: bold;
text-transform: none;

}


.form-menu-selected {
background: #499df3;
color: #FFF;
}

.form-section-label {
/* font-size: 1.5em; */
text-align: left;
text-transform: none;
/* background: #555555; */
color: #d00909;
font-weight: normal;
padding: 0 0;
margin-top: 0;
text-transform: uppercase;
}

.leaderboard-form-close-btn {
background-color: #f70d02;
border: 1px solid #e20909;
border-bottom: 3px solid #827e7e;
color: #fff;
font-weight: 600;
margin: .5em 0;
font-size: 1.4em;
float: right;
padding: .2em .4em;
}

.modal-footer {
padding: 15px;
text-align: right;
border-top: 1px solid #ffffff;
}

.checkboxI {
float: left;
display: inline-flex;
padding: 0;
}

.form-menu-default {
color: #333;
border-radius: 0 !important;
text-transform: none;
background:none;
}
ul.admin-menu {
padding: 0;
font-size: 1.3em;
}
ul.admin-menu li {
text-align:left !important;
text-decoration: none !important;
border:none !important;
list-style-type: none;
}

ul.admin-menu li:a, ul.admin-menu li a:hover {
text-align:left !important;
text-decoration: none !important;
border:none !important;
list-style-type: none;
font-size:1.5em;
}
ul.admin-menu i {
color: #ff4f0c;
}
p.admin-menu-header {
font-weight: bold;
text-transform: uppercase;
font-size: 1.4em;
text-align: left !important;
padding: .4em .4em .2em .4em;
background: #445056;
margin-bottom:0;
margin-top: 1.6em;
color: #FFF;
}

.brief-box-label {
background-color: #d00909;
padding: .3em;
margin-bottom: 1em;
text-align: left;
}

/*.brief-box-label span {
color: #FFF;
display: inline-block;
margin: 0 .2em;
background: #404c52;
padding: .2em .4em;
border-radius: .2em;
}*/


.audience-alert {
color: #ffffff;
display: inline-block;
font-weight: bold;
background: #3e4b51;
padding: .2em 1em;
border-radius: .2em;
}
.pd-training-text {
font-size: 1.4em;
font-weight: bold;
color: #d00909;
margin: .7em 0 .4em 0;
border-bottom: solid .1em #d4d4d4;
padding: 0 .5em;
text-align: left;
}

.pd-training-list ul, .pd-training-list ul li {
list-style-type: none !important;
padding: 0 0 0 .4em;
text-align: left;
line-height: 1.5em;
font-size: .94em;
}

.lb-alert-box {
text-align: left;
color: #000000;
background: #ffe4e4;
padding: 1em;
border: solid .15em #d00909;
border-radius: .2em;
margin: 1em .5em 2em .5em;
}
.close {
float: right;
font-size: 21px;
font-weight: 700;
line-height: 1;
color: #fff;
/* text-shadow: 0 1px 0 #fff; */
filter: alpha(opacity=20);
opacity: .2;
opacity: 1;
}

a.leaderboard-text-logo.navbar-brand.page-scroll {
margin: -.3em 0 0 0;
font-family: 'Oswald', sans-serif;
font-weight: bold;
}

.save-the-date-header {
font-size: 1.4em;
font-weight: normal;
padding: .4em;
background: #222a37;
text-align: left;
color: #FFF;
text-transform: uppercase;
}

.save-the-date a {
color: #2689c5 !important;
font-weight: bold  !important;
padding: 0 !important;
margin: 0 !important;
}

h3, h4 {
text-align: left;
}

a {
color: #2689c5;
/*font-weight: bold;*/
}

.archives-section a {
font-weight:normal;
}


.chief-box-label {
background-color: #2f455c;
padding: .3em;
margin-bottom: 1em;
text-align: left;
}
a:focus, a:hover {
text-decoration:none;
}

.checkbox-text {
padding-left:.4em;
}
.pre-k-icon {

}
.hs-icon {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2989d8+0,1e5799+100 */
background: #2989d8; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  #2989d8 0%, #2989d8 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover,  #2989d8 0%,#2989d8 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center,  #2989d8 0%,#2989d8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2989d8', endColorstr='#2989d8',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

#dv1 {
border:1px solid #DBDCE9; margin-left:auto;
margin-right:auto;width:220px;
border-radius:7px;padding: 25px;
}

.info{
border: 1px solid;margin: 10px 0px;
padding:10px;color: #00529B;
background-color: #BDE5F8;list-style: none;
}
.err{
border: 1px solid;  margin: 10px 0px;
padding:10px;  color: #D8000C;
background-color: #FFBABA;   list-style: none;
}


.submit {
/*border-style: solid;
border-width: 1px;
cursor: pointer;
font-family: "Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
font-weight: 500;
line-height: normal;
margin: 0 0 1.25em 0;
position: relative;
text-decoration: none;
text-transform: uppercase;
text-align: center;
-webkit-box-shadow: none;
box-shadow: none;
display: inline-block;
padding-top: 0.875em;
padding-right: 2em;
padding-bottom: 0.875em;
padding-left: 2em;
font-size: 1em;
font-weight: 500;
background-color:#1c71b9;
border-color: #1c71b9;
color: #fff;
border-radius: .2em;*/
background-color: #499DF3;
border: 1px solid #499DF3;
border-bottom: 3px solid #3072B5;
color: #fff;
font-weight: 400;
margin: .5em 0;
font-size: 1.4em;
padding: .2em .5em;
}

.cancel, .delete {
/*border-style: solid;
border-width: 1px;
cursor: pointer;
font-family: "Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
font-weight: 500;
line-height: normal;
margin: 0 0 1.25em 0;
position: relative;
text-decoration: none;
text-transform: uppercase;
text-align: center;
-webkit-box-shadow: none;
box-shadow: none;
display: inline-block;
padding-top: 0.875em;
padding-right: 2em;
padding-bottom: 0.875em;
padding-left: 2em;
font-size: 1em;
font-weight: 500;
background-color: #d00909;
border-color: #d00909;
color: #fff;
border-radius: .2em;*/
background-color: #d00909;
border: 1px solid #e81a1a;
border-bottom: 3px solid #a20d0d;
color: #fff;
font-weight: 400;
font-size: 1.4em;
text-align: center;
padding: .2em .5em;
cursor: pointer;
display: inline-block;
}


.submit:hover, .cancel:hover, .submit-button:hover {
background-color: #49565d;
border-color: #49565d;
color: #fff ;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
background-color: #637178;
}

.left {
text-align: left;
}


.logo-bg {
/* position:relative;
margin: -1em 0 0 0;
background:rgba(255, 255, 255, 0.9); */
position: relative;
margin: 0;
background: #FFF;
padding: 2em;
}

.scs-logo-faded {
position: absolute;
left: 30%;
top: 14%;
width: 40%;
height: auto;
opacity: 0;
}

.edit-bar-title {
margin-top: 1em;
margin-bottom: 0;
font-size: 1.1em;
text-align: left !important;
font-weight: bold;
color: #ffffff;
    background: #4c516e;
    border-radius: .3em .3em 0 0;
padding: .3em 1em;
margin: 0 0em 0 0;
float: left;
border-top: .5em solid transparent;
border-bottom: .5em solid transparent;
border-left: .7em solid #d00909;
padding: 0em 1em;
}


.edit-bar {
background-color: #ffffff;
display: block;
padding: .2em .2em;
color: #878788;
background: #FFF;
font-size: 1em;
font-weight: normal;
border-bottom: solid .2em #CCC;
/* border-radius: .3em; */
text-align: left;
opacity: 1;
}

.edit-bar:hover {
opacity:1;
}

.editbar {
background: #445056;
display: block;
text-align: left;
width: 100%;
border-radius: 0em; left;
}

.editbar a {
color: #20a1ff;
font-weight: bold;
padding: .4em .4em;
display: block;
font-size: .9em;
}

.leaderboard-side-dropdown {
background: rgb(255, 255, 255);
width: 90%;
margin-top: 0em;
border: none;
color: #333;
margin-left: 0em;
border-radius: 0 0 1em 1em;
width: 100%;
}
.leaderboard-side-dropdown li {
border-bottom: solid .1em #d6dade;
}
.leaderboard-side-dropdown li a {
color: #333;
}
ul.leaderboard-side-dropdown li a {
color: #35516c !important;
font-size: .95em !important;
background: #FFF !important;
}
ul.leaderboard-side-dropdown li a:hover {
font-weight: bold;
color: #FFF;
}

.status-bar {
/*border-bottom: solid .2em #fff;
display: block;
margin: 0 0 1em 0;*/
}

.save-the-date a {
background:none !important;
}

.all-icon, .es-icon, .ms-icon, .hs-icon, .audience-icon {
color: #FFF;
font-weight: bold;
margin: 1em .5em 0 .2em;
display: block;
float: left;
border-radius: .4em 2em;
border-radius: 2em 2em;
padding: .5em .8em .5em .8em;
font-size: .9em;
}

.cms .requiredIcon, .cms .all-icon, .cms .es-icon, .cms .ms-icon, .cms .hs-icon, .cms .audience-icon {
margin: -.2em .2em 0 0;
}

.all-icon {
background: #2b8a69;
background: -moz-radial-gradient(center, ellipse cover, #2b8a69 0%, #2b8a69 100%);
background: -webkit-radial-gradient(center, ellipse cover, #2b8a690%,#2b8a69 100%);
background: radial-gradient(ellipse at center, #2b8a69 0%,#2b8a69 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b8a69', endColorstr='#2b8a69',GradientType=1 );
}

.es-icon {
background: #8635bd;
background: -moz-radial-gradient(center, ellipse cover, #8732bf 0%, #8732bf 100%);
background: -webkit-radial-gradient(center, ellipse cover, #892ec5 0%,#8732bf 100%);
background: radial-gradient(ellipse at center, #9517e4 0%,#7b4aa0 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2989d8', endColorstr='#2989d8',GradientType=1 );
}

.ms-icon {
background: #2989d8;
background: -moz-radial-gradient(center, ellipse cover, #2989d8 0%, #2989d8 100%);
background: -webkit-radial-gradient(center, ellipse cover, #2989d8 0%,#2989d8 100%);
background: radial-gradient(ellipse at center, #0d72c5 0%,#2672b1 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2989d8', endColorstr='#2989d8',GradientType=1 );
}

.hs-icon {
background: #ffa600;
background: -moz-radial-gradient(center, ellipse cover, #ffa600 0%, #ffa600 100%);
background: -webkit-radial-gradient(center, ellipse cover, #ffa600 0%,#ffa600 100%);
background: radial-gradient(ellipse at center, #ffa600 0%,#ffa600 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa600', endColorstr='#ffa600',GradientType=1 );
}
.required-icon {
color: #FFF;
font-weight: bold;
margin: 0 0 0 0;
display: block;
float: left;
background: #d00909;
padding: .4em 1.5em;
font-style: italic;
font-size: .9em;
color: #FFF;
margin: .4em .5em 0 0;
border-radius: .1em;
padding: .4em .5em;

/*display: block;
float: left;
font-size: 2.5em;
margin-top: .1em;
margin-right: .2em;
color: #d00909;*/
}

.requiredIcon {
float: left;
display: block;
font-size: 2.4em;
color: #d00909;
margin: .3em .2em 0 .2em;
}

.audience-icon {
background: #568cef;#568cef 0%,
background: -moz-radial-gradient(center, ellipse cover, #568cef 0%, #568cef 100%);
background: -webkit-radial-gradient(center, ellipse cover, #568cef 0%,#568cef 100%);
background: radial-gradient(ellipse at center, #568cef 0%,#568cef 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#568cef', endColorstr='#568cef',GradientType=1 );
color: #FFF;
}

.add-post-btn {
background: #2689c5;
color: #FFF;
padding: .2em .4em;
border-radius: .2em;
display: block;
/*float: right;*/
font-size: .8em;
}

.cms {
margin-bottom:4em;
}

.cms-header-icons {
background: #FFF;
color: #FFF;
border: solid #b2c9d4 .3em;
margin-bottom: 2em;
}

.cms-header-icons img {
height: 24px;
padding: 0;
margin: 0;
}

.cms-header-icons th {
text-align: center !important;
}

tr.cms-table-rows:nth-of-type(odd) {
background-color: #eaeaea !important;
}

tr.cms-table-rows:nth-of-type(even) {
background-color: #FFF;
}

.archive-list a:hover {
text-decoration: none;
background: none;
color: #d00909;
}

.added-on-list {
text-align: left;
border-bottom: #dad9d9 solid .2em;
padding: .7em .2em .5em .2em;
margin: 0;
background: #fff7f7;
}

.added-on-list div {
text-align: center !important;
}

a.delete-x {
background: rgba(255,30,30,.7) !important;
color: #FFF !important;
padding: .5em .8em;
border-radius: 2em;
border-radius: .3em;
}

a.delete-x:hover {
color: #FFF !important;
background: rgba(255,30,30,1) !important;
}

a.add-btn {
    background: #3d83e2 !important;
    padding: .5em .8em;
    border-radius: .3em;
    color: #FFF !important;
    display: inline-block;
}
a.add-btn:hover {
background: #2358a0 !important;
padding: .5em .8em;
border-radius: .3em;
color: #FFF !important;
}


a.edit-btn {
background: #3d83e2 !important;
padding: .5em .8em;
border-radius: 2em;
border-radius: .3em;
color: #FFF !important;
}
a.edit-btn:hover {
background: #2358a0 !important;
padding: .5em .8em;
border-radius: 2em;
border-radius: .3em;
color: #FFF !important;
}

.datepicker img {
height: 3em;
cursor:pointer;
}

.cms {
color: #737171;
}

.cms row {

}

.table>thead>tr>th {
border-bottom:none;
}

.cms-table-rows {
text-align: center;
}

a.add-your-dep-btn {
background: #285d92;
color: #FFF !important;
padding: .4em 1em;
border-radius: .3em;
border-bottom: solid #153656;
border-right: solid #19426b;
background: #2ea061;
}

a.add-your-dep-btn:hover {
background: #414d53;
color: #FFF !important;
padding: .4em 1em;
border-radius: .3em;
border-bottom: solid #525f66;
border-right: solid #5a686f;
}

.office-label {
font-size: 2em;
color: #d00909;
/*border-bottom: solid;*/
padding: .2em 0;
margin-bottom: 0;
border-radius: 0;
margin-top: 4em !important;
}

.sub-title {
font-size: 1.2em;
margin-top: 0;
background: #4e5b61;
padding: .4em .4em 0 .4em;
color: #ffffff;
font-weight: normal;
border-bottom: solid #49565d .2em;
/* border-radius: 0 10em 10em 0; */
margin-bottom: .2em;
text-transform: uppercase;
border-top: .3em solid transparent;
border-bottom: .5em solid transparent;
border-left: 1em solid #d00909;
}
.status-bar {
/*background: #48555c;
padding: .2em;*/
margin-left: .1em;
}

.office-repeat {
/*border-bottom: dashed .1em #CCC;*/
margin: -4.5em 0 0 0;
}

.chief-title-text {
font-size: .7em;
font-weight: normal;
color: #737373;
text-transform: capitalize;
font-size: .65em;
}

.chief-img {
width: 1.2em;
border-radius: 1em;
display:none;
}

/*.chief-img {
width: 1.4em;
height: 1.4em;
border-radius: .8em;
background-position: 3em, 6em;
background: url(/superintendent/img/darling.jpg);
display: -webkit-inline-box;
background-size: contain;
margin-left: .2em;
border: solid .1em #4e5b61;
padding: .7em;
}*/

.color-key-legend {
padding-left: 1em;
}

.color-key-legend p {
margin: auto;
margin-bottom: 1em;
text-align: left;
padding-left: 2.5em;
display: block;
font-size: 1em;

}
.legend-box {
margin-top:2em;
margin-bottom:4em;
padding-left: 1em;
}

.logged-in-icon {
color: #20a1ff !important;
font-size: 1em;
}

.menu-label {
color: #7398c5;
font-family: arial;
font-size: 1em;
display: flex;
margin-top:1em;
text-transform: uppercase;
text-align: left;
font-size: .95em;
}

.no-margin-bottom {
margin-bottom: 0 !important;
}
.help-page b {
font-weight: 700;
font-size: 1.2em;
color: #e74c3c;
}

.subject-text {
overflow-x: hidden;
/*display: -webkit-box;*/
}

.subject-text:last-of-type {
border-bottom: none;
}

@media print
{
.no-print, .no-print *
{
display: none !important;
}
}
#subject-text ul li {
line-height: 1.5em;
font-size: .97em !important;
}
#subject-text {
margin-left: .5em;
margin-bottom: 2em;
}

.main-search-input {
background: #FFF;
border: solid #CCC;
color:#333;
}

.main-search-input:focus {
border: solid #2892ec;
}
.search-icon {
font-size: 1.5em;
color: #7595b1;
position: absolute;
width: 2em;
margin: -1.5em 4.8em;
}

#char-count .wrapper { width:200px; margin:50px auto; }
#char-count .char-textarea { resize:none; }
#char-count .char-count { font-weight:bold; }
span.count-status {
color: #d00909 !important;
}

@media (min-width: 768px){
.navbar-nav {
float: right;
margin: 0;
}
}

.after-nav-menu {
margin-top: 1.5em;
}

.row.color-key-legend .col-sm-3 {
padding: .4em;
}

a.resetBtn {
background: #d00909 !important;
color: #FFF !important;
float: left !important;
border: none !important;
margin: 1em 0 0 0 !important;
padding: .2em .4em !important;
}

a.resetBtn:hover {
background: #242f3e !important;
}

.optional-sup {
color: #939494;
background: blue;
padding: .4em;
background: #efefef;
border-radius: .4em;
}

.message  {
clear: both;
font-size: 1.5em;
color: #2ea061;
}

#print-button {
font-size: 1.4em;
font-weight: normal;
color: #696969;
}

.print-btn {
float: right;
text-transform: uppercase;
color: #333;
}
.print-btn:hover {
color: #2689c5;
}
.print-btn a {
color:#333;
}

.print-btn:hover {
color: #2689c5;
}

.banners {
opacity: 1;
width: 20em;
margin: .2em 0;
}

.filter-header {
color: #FFF;
margin-bottom: 1em;
width: 14em;
text-transform: uppercase;
background: #d00909;
font-size: 1.3em;
padding: .2em .5em;
display: inline-block;
margin: 2em auto;
}
.expires-on {
color: #676363;
text-transform: uppercase;
font-size: .9em;
border-top: solid #e0e0e0;
margin-right: 0em;
display: inline-block;
width: 100%;
text-align: right;
}

p {
line-height: 1.3em;
/*margin-bottom: 2em;*/
}

p ul, p ol {
margin-top: 1em;
margin-left: -1.6em;
}
/*div ul:not(:first-child) {
background-color: #900;
}*/
.row.status-bar {
/* border-top: solid #e0e0e0; */
margin-right: 0em;
}

.status-bar1 {
border-top: solid #FFF !important;;
margin-right: 0em !important;
padding-left:1.2em;
}

.audience-icon1 {
color: #FFF;
font-weight: bold;
margin: 1em .5em 0 1.2em;
display: block;
float: left;
border-radius: .4em 2em;
border-radius: 2em 2em;
padding: .5em .8em .5em 0.8em;
font-size: .9em;
}
.red {
color:#d00909;
}

/*MEDIUM SCREEN */
@media (min-width:768px) {
header .intro-text {
/*padding-top: 300px;*/
/*padding-bottom: 200px*/
}
header .intro-text .intro-lead-in {
font-family: arial;
font-style: italic;
font-size: 40px;
line-height: 40px;
margin-bottom: 25px
}
header .intro-text .intro-heading {
font-family: Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif;
text-transform: uppercase;
font-weight: 700;
font-size: 75px;
line-height: 75px;
margin-bottom: 50px
}
.navbar-default {
background: #272a2b;
/*padding: 25px 0;*/
-webkit-transition: padding .3s;
-moz-transition: padding .3s;
transition: padding .3s;
border: 0
}
.navbar-default .navbar-brand {
font-size: 3em;
-webkit-transition: all .3s;
-moz-transition: all .3s;
transition: all .3s
}
.navbar-default .navbar-nav>.active>a {
border-radius: 3px
}
.navbar-default.navbar-shrink {
/*	background-color: #222;*/
background-color: rgba(33,33,33,0.8);
background-color: rgb(49 49 49);
padding: 10px 0;
}
.navbar-default.navbar-shrink .navbar-brand {
font-size: 3em
}
}

/*VERY SMALL OR MOBILE DISPLAY*/
@media (max-width:400px) {
a.leaderboard-text-logo.navbar-brand.page-scroll {
margin: -.3em 0 0 0;
font-size: 1.5em;
}
.filter-header {
border-bottom: solid #b3b3b3;
color: #afaeae;
margin-bottom: 1em;
text-align: left;
font-size: 1.5em;
text-transform: uppercase;
}
}

.important {
color:#d00909;
background: #efefef;
padding:.2em;
}

.aleft {
text-align: left;
padding-left:1em;
}
ul.help-list {
text-align: left;
padding:1em;
padding-top:0;
}

ul.help-list li {
line-height: 1.3em;
font-size: 14px;
padding: 0;
}

a.download-help {
background: #2689c5;
padding: .7em;
color: #FFF !important;
text-transform: uppercase;
margin-top: 1em;
display: -webkit-inline-box;
border: solid .2em #222a37;
border-radius: .4em;
}

a.download-help:hover {
background: #222a37;
color:#FFF !important;
}

.required-label {
margin-top: 3em !important;
}

.reminder-label {
margin-top: 2.3em !important;
}

.sort-box {
border: solid #CCC;
color: #3d83e2;
padding: .2em .4em .2em .4em;
background: #FFF;
text-align: center;
}

.fix-results-margin {
margin-top: .1em;
display: block;
}

.display-subtitle {
color: #333;
text-align: left;
padding-top: .7em;
display: block;
}

a.menu-red-btn-bg:after {
/*content: '\f00c';
font-family: 'FontAwesome';
float: left;
margin-left: -1.7em;
color: #CCC !important;*/
}

.notes-reminders {
font-size: 1.5em;
color: #d00909;
}

.asst {
border-left: 1em solid #568cef !important;
}

.search-radio {
display: inline-block;
float: left;
margin: .2em;
margin-right:1em;
font-size: 1em;
color: #adabab;
font-weight: normal;
}

#search-form {
width: 21em;
overflow: hidden;
}

#search-page-border { border:1px solid #dbdbdb; border-radius:4px; padding:7px; float:left; }

.search-terms { 1em; border:none; }

#search-which {
border: 1px solid #dbdbdb;
border-radius: 4px;
padding: .3em .5em;
float: left;
}

#search-which, select option { 1em; }
.notes-and-reminders ul {
padding: 0;
padding-left: 1em;
}

/*#search-submit { padding:12px 30px; margin-left:20px; font-size:1em; float:left; color:#ffffff; background:#F00; border:none; border-radius: 3px; }*/

.accessibly-hidden {left: -999em;position: absolute;}

/* The starting CSS styles for the enter animation */
.fade.ng-enter {
transition:0.5s linear all;
opacity:0;
}

/* The finishing CSS styles for the enter animation */
.fade.ng-enter.ng-enter-active {
opacity:1;
}

.approved {
padding: .5em .8em;
border-radius: 2em;
border-radius: .3em;
background: #b9b8b8 !important;
color: #ffffff !important;
}
@media (min-width: 1200px) {
/* .container {
width: 1400px;
} */
}

@media (max-width: 950px) {
p.admin-menu-header {
margin-top: 0;
}
}