/* Crayonpedia Preloader*/
body > .header .logo {
    font-family: 'Lobster', cursive;
}

/* Crayonpedia Dashboard*/
.logo {
    background:  rgb(102, 204, 153);
    background: linear-gradient(90deg, rgba(102, 204, 153) 0%, rgba(81, 181, 170) 100%);
}
.skin-blue .navbar {
    background: rgb(81, 181, 170);
    background: linear-gradient(90deg, rgba(81, 181, 170) 0%, rgba(8, 96, 231) 100%);
}
@media (max-width: 560px) {
    .logo {
        background:  rgb(102, 204, 153);
        background: linear-gradient(90deg, rgba(102, 204, 153) 0%, rgba(8, 96, 231) 100%);
    }
    .skin-blue .navbar {
        background:  rgb(102, 204, 153);
        background: linear-gradient(90deg, rgba(102, 204, 153) 0%, rgba(8, 96, 231) 100%);
    }
}
.box .box-header{
    background-color: #66CC99 !important; 
}
.box .box-header > .fa, .box .box-header > .glyphicon, .box .box-header > .ion, .box .box-header .box-title {
    color: #FFFFFF !important;
}
.bg-maroon-light{
    background:  rgb(102, 204, 153);
    background: linear-gradient(90deg, rgba(102, 204, 153) 0%, rgba(8, 96, 231) 100%);
}
.text-maroon-light {
    color: #66CC99;
}
.navbar-nav > .user-menu > .dropdown-menu > li.user-footer{
    background-color: #F93E49;
}

/* Crayonpedia Sign In*/ 
.white-bg-login{
    background: url(../img/background.jpg) fixed center no-repeat #fff;
    background-size: cover;
}
.layer {
    background: linear-gradient(139deg,  rgba(102, 204, 153,0.5) 0%, rgba(8, 96, 231,0.5) 100%);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.form-box {
    margin: 150px auto 0 auto;
}
@media (max-width: 992px) {
    .form-box {
        margin: 90px auto 0 auto;
    }
}
.form-box .header{
    background:  rgb(102, 204, 153);
    background: linear-gradient(139deg, rgba(102, 204, 153) 0%, rgba(8, 96, 231) 100%);
}
.btn.btn-success{
    color: #000 !important;
    background-color: #EFEFEF !important;
    border-color: #EFEFEF !important;
}
.btn.btn-success:hover,
.btn.btn-success:active,
.btn.btn-success.hover {
  color: #fff !important;
  background-color: #66CC99 !important;
  border: none;
}

/* Crayonpedia Message */
.btn.btn-primary {
    color: #fff;
    background-color: #66CC99 !important;
    border-color: #66CC99 !important;
}
.btn.btn-primary:hover, .btn.btn-primary:active, .btn.btn-primary.hover {
    color: #fff;
    background-color: #66CC99 !important;
    border-color: #66CC99 !important;
}
.btn.btn-info {
    color: #fff;
    background-color: #B1D07A !important;
    border-color: #B1D07A !important;
}
.btn.btn-info:hover, .btn.btn-info:active, .btn.btn-info.hover {
    color: #fff;
    background-color: #B1D07A !important;
    border-color: #B1D07A !important;
}
.btn.btn-danger {
    color: #fff;
    background-color: #F93E49 !important;
    border-color: #F93E49 !important;
}
.btn.btn-danger:hover, .btn.btn-danger:active, .btn.btn-danger.hover {
    color: #fff;
    background-color: #F93E49 !important;
    border-color: #F93E49 !important;
}
.btn.btn-warning {
    color: #fff;
    background-color: #FB6D1B;
    border-color: #FB6D1B;
}
.btn.btn-warning:hover, .btn.btn-warning:active, .btn.btn-warning.hover {
    color: #fff;
    background-color: #FB6D1B;
    border-color: #FB6D1B;
}