body {
    background: #0e263;
    background-image: url('../img/background6.png');
    background-image: url('../img/background6.png'), -webkit-gradient(linear, left top, left bottom, from(#081d2b), to(#133349)); /* Saf4+, Chrome */
    background-image: url('../img/background6.png'), -webkit-linear-gradient(top, #081d2b, #133349); /* Chrome 10+, Saf5.1+ */
    background-image: url('../img/background6.png'), -moz-linear-gradient(top, #081d2b, #133349); /* FF3.5+ */
    background-image: url('../img/background6.png'), -o-linear-gradient(top, #081d2b, #133349); /* Opera 11.10+ */
    background-image: url('../img/background6.png'), linear-gradient(to bottom, #081d2b, #133349); /* W3C */
    background-repeat:no-repeat;
    background-position: center top;
    color:#fff;
    font-family:"Proxima Nova",Arial,sans-serif;
    -webkit-font-smoothing: antialiased;}

* { -webkit-font-smoothing: antialiased; }

.diffy {
    margin-top:50px;
}

.diffy + .footer {
    margin-top:10px;
}

h1 {
    font-size:44px;
    font-weight:bold;
    margin-bottom:20px;
    margin-top:40px;
}

h2 {
    color:#ff6666;
    font-weight:bold;
    margin-bottom:0;
}

p {font-size:20px;}

p.footnote {
    font-size:16px;
}

p.footnote a {
    color:#ff6666;
    text-decoration: underline
}

p.footnote a:hover {
    color:#fff;
    background-color:#ff6666;
}

a {
    color:#fff;
    text-decoration: none;
}

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

a.underline {font-weight:bold;}

.button {
    background-color:#ff6666;
    color:#fff;
    font-weight:bold;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.button.gray {
    background-color:#bbb;
}

.button.gray:hover {
    background-color:#ccc;
}

.button:hover  {
    background-color:#FB7878;
    color:#fff;
    text-decoration: none;
}

.button:active, .button:focus {
       outline: none !important;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background-color:#ff6666;
    color:#fff;
}

.button-wide {
    padding:20px 40px;
    font-size:20px;
    margin:0 0 10px 0;
}

.row.buttons {
    margin-bottom:20px;
    margin-top:20px;
}

@media (min-width: 410px) {
    .button-wide {padding:20px 55px;}
}


.button-small {
    margin-top:10px;
    padding:10px 20px;
    border:1px solid #ff6666;
    font-size:20px;
    width:100%;
}

.button-small:hover {
    border:1px solid #ff6666;
}


.logo {
    display:block;
    text-align:center;
    width:170px;
    height:50px;
    line-height:50px;
    font-size:24px;
    -webkit-border-top-right-radius: 0;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topright: 0;
    -moz-border-radius-topleft: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

.header {
    margin-bottom:50px;
}

@media (max-width: 410px) {

    h1 {
        font-size:28px;
    }

    .header .col-xs-6 {
        width:100%;
    }
    .header {margin-bottom:30px;}
    .header .logo {margin-left:auto;margin-right:auto;}

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

}

/* if there are multiple to manage for a single webhook */
 ul.multiple li{
    text-align:left;
    font-size:16px;
 }

 ul.multiple li a{
    color:#ff6666;
    font-weight:bold;
 }

.form-control{
    height:40px;
    font-size:16px;
}

.form-box {
    color:#1a1a1a;
    padding:20px 10px;
    background-color:#fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-bottom:20px;
}

@media (max-width: 500px) {
    #close img{
        width:15px;
        height:15px;
    }

}

#close {
    position:absolute;
    right:18px;
    top:18px;
}

.modal #close {
    right:10px; top:10px;
}

.form-box .form-group {
    text-align:left;
}

.form-box label {
    font-weight: normal;
    margin-bottom:2px;
}

.form-box input {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    width:100%;
}

.form-box input:focus {
    outline: none !important;
    border:1px solid #fec8c8;
-webkit-box-shadow: 1px 1px 3px 1px rgba(255,102,102,0.3);
-moz-box-shadow: 1px 1px 3px 1px rgba(255,102,102,0.3);
box-shadow: 1px 1px 3px 1px rgba(255,102,102,0.3);
}

.form-box .help-block, .has-error {
    color:#ff6666;
    font-size:inherit;
    font-weight:bold;
}

.form-box .has-error label {
    color:#ff6666;
}

a.help {
    color: #ff6666;
    text-decoration: underline;
    font-weight:bold;
}

/* flash messages */

ul.flashes{
    margin-bottom:10px;
    color:#ff6666;
    font-weight:bold;
}

/* footer */

.footer {
    margin-top:50px;
    margin-bottom:10px;
}

/* diffbot */

.header .diffbot {
    display:none;
}

.diffbot {
    line-height:18px;
    font-size:16px;
}
.diffbot img {
    line-height:16px;
    height:12px;
    margin:-2px 1px 0 2px;
}

.diffbot a:hover {
    color:#fff;
}

/* article read page */

body#read {
    background:#fff;
}

body#read .article img {
    max-width:100%;
}


body#read h1 {
    font-size:25px;
    margin:0;
}

@media (min-width: 450px) {
    body#read h1 {
        font-size:35px;
    }
}

body#read .subhead {
    font-size:16px;
    margin-bottom:20px;
}

body#read .article {
    color:#1a1a1a;
    font-family: Palatino, 'Palatino Linotype', 'Palatino LT STD', 'Book Antiqua', Georgia, serif;
}

body#read .article a {
    color:#ff6666;
    font-weight:bold;
}

body#read .article figure {
    margin:30px auto;
    max-width:70%;
    text-align:center;
}
body#read .article figure figcaption {
    text-align: center;
    font-style: italic;
}

body#read .footer {
    display:none;
}

body#read .header .diffbot {
    display:block;
    margin-top:15px;
}

body#read .header .diffbot a {
    color:#666666;
}

body#read .header {
    padding-bottom:10px;
    border-bottom:1px solid #ccc;
}

body#read .article-footer {
    margin:20px 0;
    border-top:1px solid #ccc;
    color:#1a1a1a;
    padding-top:20px;
}

body#read .article-footer p {
    font-size:16px;
    font-style:italic;
}

body#read .article-footer a{
    color:#ff6666;
    font-weight:bold;
}

.spinner {
  width: 70px;
  height: 70px;
  margin: 100px auto;
  background-color: #ff6666;

  border-radius: 100%;
  -webkit-animation: sk-scaleout 1.0s infinite ease-in-out;
  animation: sk-scaleout 1.0s infinite ease-in-out;
}

@-webkit-keyframes sk-scaleout {
  0% { -webkit-transform: scale(0) }
  100% {
    -webkit-transform: scale(1.0);
    opacity: 0;
  }
}

@keyframes sk-scaleout {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  } 100% {
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
    opacity: 0;
  }
}

table td {
    color:#1a1a1a;
}

/* Help Modal */

.modal {
    color:#1a1a1a;
}

.modal .video {
    margin:0 auto 20px auto;
    width:90%;
}

.modal-header h4 {
    font-weight:bold;
}

.modal .heading p {
    font-size:16px;
}
.modal .heading {
    margin-bottom:15px;
}
.modal ol {
    font-size:16px;
}

.modal li img {
    margin: 10px 0;
    border:1px solid #ddd;
    padding:12px;
    max-width:80%;
    background-color:#fff;
}

.modal ol li {
    margin-bottom:15px;
}

.modal button {
    width:auto;
}

.modal .modal-body {
    background-color:#eee;
}

.modal code {
    background-color:#fff;
    color:#ff6666;
}