/*
 * Custom Admin CSS TTP
 */


 /*
COLOUR VARIABLES

PRIMARY: #A8A9AC; *** LIGHT GREY ***
PRIMARY_HOVER: #6c6e71;
BUTTONS: #1672b1; *** RED ***
BUTTONs_HOVER: #063f66; 

 */


/* =====================
Login Screen
======================== */


body#login-body {
  background: #B7C100;
}

#content-header {
  width:100%;
  display:block;
  background-color:#333333;
  margin-bottom:70px;
}

.black {
  color: #333;
}

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

#content-header::after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -40px;
    width: 80px;
    height: 40px;
    z-index: 10;
    background-image: url(../img/pointer-down-dark-grey.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;
    transition: all 0.5s ease 0s;
}

#login-logo {
  display: block;
  width: 350px;
  height: 250px;
  margin:0 auto 60px auto;
  background-image: url(../img/kiss-logo.png);
  background-repeat: no-repeat;
  background-position:bottom center;
  background-size:contain;
}

@media only screen and (max-width: 640px) {
  #login-logo {
   width: 228px;
  }
}

#login-title {
  font-size:25px;
  color:#fff;
  font-weight:bold;
  margin-bottom:60px;
  display:inline-block;
}

.login-screen #content {
	margin:0px!important;	
}

.login-screen #content-body form li label#login-remember {
  position: relative;
  line-height: 20px;
  color: #fff;
  text-align: center;
  font-size: 18px;
  font-weight: normal;
  margin-right: 0px;
}

#pyro-logo {
  display: inline-block;
   width: 100px;
  height: 20px;
  background: url('../img/logo_admin.svg') no-repeat;
  margin-top:5px;
}

.login-screen #content-body form li input[type="text"],
.login-screen #content-body form li input[type="password"] {
  position: relative;
  min-width: 210px;
  padding: 8px 5px;
  margin-bottom: 25px;
  font-size: 20px;
  -webkit-font-smoothing: subpixel-antialiased;
  font-weight: 400;
  line-height: 40px;
  color: #222;
  vertical-align: baseline;
  background: #fff;
  border: 0px;
  -webkit-border-radius: 1px;
     -moz-border-radius: 1px;
       -o-border-radius: 1px;
          border-radius: 1px;
  outline: none;
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
      -ms-box-shadow: none;
       -o-box-shadow: none;
          box-shadow: none;
  -webkit-transition: 200ms linear all;
     -moz-transition: 200ms linear all;
       -o-transition: 200ms linear all;
          transition: 200ms linear all;
  height: 50px;
  text-align: center;
}

.login-screen #content-body form li input[type="text"]:-webkit-autofill,
.login-screen #content-body form li input[type="password"]:-webkit-autofill {
  color: #FAA537!important;
  background-color: #111!important;
}

.login-screen #content-body form li input[type="text"]::-webkit-input-placeholder,
.login-screen #content-body form li input[type="password"]::-webkit-input-placeholder {
  color: #777;
}

.login-screen #content-body form li input[type="text"]:-moz-placeholder,
.login-screen #content-body form li input[type="password"]:-moz-placeholder {
  color: #777;
}

.login-screen #content-body form li input[type="text"]:-ms-input-placeholder,
.login-screen #content-body form li input[type="password"]:-ms-input-placeholder {
  color: #777;
}

.login-screen #content-body form li input[type="text"]:focus,
.login-screen #content-body form li input[type="password"]:focus {
  background: #fff;
  border: 2px solid #A8A9AC;
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
      -ms-box-shadow: none;
       -o-box-shadow: none;
          box-shadow: none;

}

input#login-submit {
  display: inline-block;
  width: 100%;
  height: 60px;
  padding: 5px 10px;
  font-size: 22px;
  line-height: 18px;
  color: #B7C100;
  text-shadow: none;
  cursor: pointer;
  background: #333333;
  border: none;
   -webkit-box-shadow: none;
     -moz-box-shadow: none;
      -ms-box-shadow: none;
       -o-box-shadow: none;
          box-shadow: none;
  -webkit-border-radius: 9999px;
     -moz-border-radius: 9999px;
          border-radius: 9999px;
  -webkit-transition: 0ms linear all;
     -moz-transition: 0ms linear all;
      -ms-transition: 0ms linear all;
       -o-transition: 0ms linear all;
          transition: 0ms linear all;
  -webkit-background-clip: padding-box;
     -moz-background-clip: padding;
          background-clip: padding-box;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-tap-highlight-color: transparent;
  margin-top: 30px;
}

input#login-submit:hover {
  background: #fff;
  border: none;
  box-shadow: none;
}

.alert.error {
  width:400px;
  margin:0 auto;
  padding: 5px !important;
  margin-bottom: 25px;
}
.alert.error p {
  color: white;
  text-shadow: none;
  padding: 2px 0px !important;
  font-size: 15px;
}

#kiss-logo {
  display: inline-block;
   width: 100px;
  height: 80px;
  background: url('../img/kiss-wiki.png') no-repeat;
  background-size:100px 80px;
  margin-top:40px;
}

#login-footer {
  margin-top: -75px;
  font-size: 12px;
  color: #777;
  text-align: center;
  text-shadow: none;
  background: #333333;
  border-top: none;
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
      -ms-box-shadow: none;
       -o-box-shadow: none;
          box-shadow: none;
}

#login-footer span#version {
  display: inline-block;
  padding-top: 4px;
  color: #222;
  text-shadow: 0 1px 0 #444;
}



/* ============================
Alerts
============================ */



.alert {
  display: block;
  padding: 8px 15px;
  margin-bottom: 18px;
  font-size: 13px;
  color: #333;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
  background: #e6e6e6;
  background-image: none;
  border-bottom: none;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
       -o-border-radius: 0;
          border-radius: 0;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#15000000');
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
      -ms-box-shadow: none;
       -o-box-shadow: none;
          box-shadow: none;
  -webkit-backface-visibility: hidden;
     -moz-backface-visibility: hidden;
      -ms-backface-visibility: hidden;
       -o-backface-visibility: hidden;
          backface-visibility: hidden;
}

.alert p {
  display: block;
  padding-right: 0;
  margin: 0;
  font-size: 13px;
  font-weight: 700;
  color: #333;
  text-shadow: none;
}

.alert.error {
  background-color: #d83a2e;
  background-image: none;
  border-bottom-color: #b32b21;
}

.alert.error p {
  color: white;
  text-shadow: none;
}

.alert.warning {
  background-color: #ffd040;
  background-image: none;
  background-image: none;
  background-image: none;
  background-image: none;
  background-image: none;
  background-image: none;
  background-image: none;
  background-repeat: repeat-x;
  border-bottom-color: #ffc40d;
}

.alert.success {
  background-color: #62bc62;
  background-image: none;
  background-image: none;
  background-image: none;
  background-image: none;
  background-image: none;
  background-image: none;
  background-image: none;
  background-repeat: repeat-x;
  border-bottom-color: #46a546;
}

.alert.info {
  background-color: #04aef4;
  background-image: none;
  background-image: none;
  background-image: none;
  background-image: none;
  background-image: none;
  background-image: none;
  background-image: none;
  background-repeat: repeat-x;
  border-bottom-color: #049cdb;
}

.alert .close:before {
  position: absolute;
  top: 8px;
  left: 6px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 20px;
  -webkit-font-smoothing: subpixel-antialiased;
  font-weight: bold;
  content: "×";
}

.alert .close {
  position: relative;
  display: inline-block;
  float: right;
  padding: 10px 12px;
  margin-top: -4px;
  margin-right: -10px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1px;
  color: black;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
      -ms-border-radius: 0;
       -o-border-radius: 0;
          border-radius: 0;
  opacity: 0.2;
  filter: alpha(opacity=20);
  -webkit-transition: all 200ms linear;
     -moz-transition: all 200ms linear;
      -ms-transition: all 200ms linear;
       -o-transition: all 200ms linear;
          transition: all 200ms linear;
}

.alert .close:hover {
  text-decoration: none;
  background: none;
  background: rgba(0, 0, 0, 0.3);
  opacity: 0.5;
  filter: alpha(opacity=50);
  box-shadow: inset 0 0px 2px 0 rgba(0, 0, 0, 0.6);
}

.block-message {
  padding: 14px;
  margin-bottom: 18px;
  font-size: 13px;
  color: #313131;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
}

.block-message p {
  margin-right: 30px;
  margin-bottom: 0;
  font-size: 13px;
  color: #313131;
}

.block-message ul {
  margin-bottom: 0;
}

.block-message strong {
  display: block;
}

.block-message.error {
  background: #f8dcda;
  border: 1px solid #f4c8c5;
}

.block-message.warning {
  background: #fff0c0;
  border: 1px solid #ffe38d;
}

.block-message.success {
  background: #dff1df;
  border: 1px solid #bbe2bb;
}

.block-message.info {
  background: #c7eefe;
  border: 1px solid #ade6fe;
}

.block-message .close {
  float: right;
  margin-top: -5px;
  font-size: 18px;
  font-weight: 700;
  color: #333;
  text-shadow: 0 1px 0 #fff;
  -khtml-opacity: .4;
    -moz-opacity: .4;
         opacity: .4;
  filter: alpha(opacity=40);
}

.block-message .close:hover {
  text-decoration: none;
  -khtml-opacity: .2;
    -moz-opacity: .2;
         opacity: .2;
  filter: alpha(opacity=20);
}


/* ==========================
BUTTONS
============================= */

.button,
.cancel,
button,
input[type="reset"],
input[type="submit"],
input[type="button"] {
  color: #fff;
  text-shadow: none;
  background: #B3BE31;
  background-image: none;
  border: none;
}

.button:hover,
.cancel:hover,
button:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
input[type="button"]:hover {
  color: #fff;
  background: #063f66;
  background-image: none;
  border: none;
}


.btn.disabled,
.btn:disabled {
  text-shadow: none !important;
  background-color: #bbb !important;
  background-image: none !important;
  border: none !important;
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
}

.btn:active {
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
}

.btn.red {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #da4f49;
  *background-color: #bd362f;
  background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
  background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
  background-repeat: repeat-x;
  border-color: #bd362f #bd362f #802420;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn.red:hover {
  color: #ffffff;
  background-color: #bd362f;
  *background-color: #a9302a;
}

.btn.orange {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #faa732;
  *background-color: #f89406;
  background-image: -moz-linear-gradient(top, #fbb450, #f89406);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
  background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
  background-image: -o-linear-gradient(top, #fbb450, #f89406);
  background-image: linear-gradient(to bottom, #fbb450, #f89406);
  background-repeat: repeat-x;
  border-color: #f89406 #f89406 #ad6704;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn.orange:hover {
  color: #ffffff;
  background-color: #f89406;
  *background-color: #df8505;
}

.btn.green {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #c3c700;
  *background-color: #c3c700;
}

.btn.green:hover {
  color: #ffffff;
  background-color: #2aa76e;
  *background-color: #2aa76e;
}

.btn.blue {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #000;
  *background-color: #000;
  background-image: -moz-linear-gradient(top, #000, #000);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#000), to(#000));
  background-image: -webkit-linear-gradient(top, #000, #000);
  background-image: -o-linear-gradient(top, #000, #000);
  background-image: linear-gradient(to bottom, #000, #000);
  background-repeat: repeat-x;
  border-color: #000 #000 #000;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000', endColorstr='#000', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn.blue:hover {
  color: #ffffff;
  background-color: #000;
  *background-color: #000;
   
}

.btn.gray {
  color: #333333;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  background-color: #f5f5f5;
  *background-color: #e6e6e6;
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn.gray:hover {
  color: #333333;
  background-color: #e6e6e6;
  *background-color: #e0e0e0;
}


/* ============================
DASHBOARD
============================ */


/*Top Bar*/

.topbar {
border-top: none;
border-bottom: none;
box-shadow: none;
background: #C2CE35;
}

/* Sub Bar*/

.subbar {
  background: #B3BE31;
  border-top: none;
  border-bottom: none;
  margin-top: 23px;
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
      -ms-box-shadow: none;
       -o-box-shadow: none;
          box-shadow: none;
}

.subbar h2,
.subbar h2 a {
  text-shadow: none;
}

.subbar span.divider {
  color: #A8A9AC;
}

.subbar small {
  color: #fff;
  text-shadow: none;
}

.subbar small:hover {
  color: #fff;
}

.subbar small a {
  color: #fff;
  text-shadow: none;
}

.subbar small a:hover {
  color: #A8A9AC;
}



/* This is the button in the sub bar */
#shortcuts li a {
  color: #fff;
  text-shadow: none;
  background: #000;
  background-image: none;
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
      -ms-box-shadow: none;
       -o-box-shadow: none;
          box-shadow: none;

}

#shortcuts li a:hover {
  background: #063f66;
  background-image: none;
}

#shortcuts li a.active {
  color: #aaa;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
  background: #242424;
}

#shortcuts ul li a.add:before { 
  /* this is the little plus symbol in the Add Post button*/
  color: #fff;
  text-shadow: none;
  vertical-align: top;
  content: '+ ';
}

/* Nav */

.topbar ul li a {
    color: #fff;
    text-shadow: none;
}

.topbar ul li a:hover {
    color: #fff;
    text-decoration: none;
    background: #6c6e71;
    box-shadow: none;
}

.topbar ul li ul {
    border: 1px solid #A8A9AC;
    box-shadow: none;
    border-radius: 0;
}

  .topbar ul li ul li a {
      color: #222;
      background-color: #fff;
  }

  .topbar ul li ul li a:hover {
      margin-left: 0px !important;
      color: #fff;
      background-color: #A8A9AC;
  }

#dashboard-link {
  margin-top: 0;
  margin-right: 0;
}

#dashboard-link a {
  padding: 15px 10px 16px;
  color: #fff;
  background: #000;
  border: none;
  border-radius: 0;
  box-shadow: none;
}

#dashboard-link a:hover {
    color: #fff;
    text-decoration: none;
    background: #6c6e71;
    box-shadow: none;
  }


/* Top bar search */


.topbar-search .search-query {
  color: #222;
  background: #fff;
  border: none;
  border-radius:0px;
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
      -ms-box-shadow: none;
       -o-box-shadow: none;
          box-shadow: none;
}

.topbar-search .search-query::-webkit-input-placeholder {
  color: gray;
}

.topbar-search .search-query:-moz-placeholder {
  color: gray;
}

.topbar-search .search-query:-ms-input-placeholder {
  color: gray;
}

.topbar-search .search-query:focus {
  background: #fff;
  border: none;
  border-radius:0px;
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
      -ms-box-shadow: none;
       -o-box-shadow: none;
          box-shadow: none;
}

/* ========================
FOOTER
=========================== */


footer {
  display:none;
  color: #eee;
  background: #444444;
  border-top: none;
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
      -ms-box-shadow: none;
       -o-box-shadow: none;
          box-shadow: none;
}

.legal a:hover { color:$white; }

#footer {

background-color:#333333;
height:240px;
padding-top:100px;

}

.button.alert {
    background-color: #DD629A;
    color: #fefefe;
}
header .button {
    margin-top: 29px;
}
.button, button {
    text-transform: uppercase;
}
.green {
    color: #C3C700;
}
.button {
    display: inline-block;
    text-align: center;
    line-height: 1;
    cursor: pointer;
    -webkit-appearance: none;
    transition: background-color 0.25s ease-out, color 0.25s ease-out;
    vertical-align: middle;
    border: 1px solid transparent;
    border-radius: 999999px;
    padding: 0.6em 1.5em !important;
    margin: 0 0 1rem 0;
    font-size: 0.9rem;
    background-color: #C3C700;
    color: #fefefe;
  }

  .button:hover {

background-color: #9c9f00;
color: #fefefe;

  }

footer p.credits {
  color: #eee;
}

footer p.credits span {
  color: #eee;
  text-shadow: none;
}

@media only screen and (max-width:640px) {

  #login-logo {
      height: 100px;
      margin: 0 auto 30px auto;
  }

  #login-title {
        margin-bottom: 30px;

  }

  .login-screen #content-body form li input[type="text"],
  .login-screen #content-body form li input[type="password"] {
    height:40px;
  }

  input#login-submit {
    margin-top:0px;
  }

}

/* Pages Screen  */
@media only screen and (min-width: 1024px) {
#content-body.pages .one_half.last { position:fixed; top:168px; left:50%; width:42%; max-width:640px; }
}


/** Page Tree **/

body.locked { overflow:hidden !important; }

.lock_tree_wrap { position:relative; }

.lock_tree {
	display: inline-block;
	width: auto;
	height: 24px;
	padding-right: 32px;
	background-image: url(../img/lock.png);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 24px;
	position: absolute;
	right: 10px;
	top: 12px;
	text-align: right;
	line-height: 24px;
	text-shadow:1px 1px #fff;
	cursor:pointer;
	color:#ccc;
}

.lock_tree.locked {
	color:#000;	
}


/** Permissions Page Tree **/

tr.pages td label.inline { display:block; }


/** Disable Scroll **/

/*ul.sortable li div { cursor:default; }
ul.sortable li div a.live { cursor:default; }*/

/*Guide CSS */

#cboxOverlay.guide-style {
width: 1px;
height: 1px;
}

.guide-style #cboxBottomLeft,.guide-style #cboxBottomCenter,.guide-style #cboxBottomRight, .guide-style #cboxTopLeft,.guide-style #cboxTopCenter,.guide-style #cboxTopRight,.guide-style #cboxMiddleLeft, .guide-style #cboxMiddleRight {
  background: none;
  height: 0;
  width: 0 !important;
}

.cboxResize {
  height: 100vh;
  width: 100vh;
  overflow: visible;
  position: absolute;
}
div.guide-style {
  -webkit-box-shadow: -7px 0 5px -2px #B8B8B8;
  box-shadow: -7px 0 5px -2px #B8B8B8;
}

.guide-style .cboxCloseTop {
  position:absolute;
  top:0;
  left:0;
  background: url('../../img/colorbox/controls.png') no-repeat scroll -50px 0px transparent;
}

.btn-guide {
  margin-bottom: 0;
  float:right;
  margin-right: 1em;
  margin-top: 0;
}
#cboxTitle {
  display: none !important;
}

#remember-check {
  /* Double-sized Checkboxes */
  -ms-transform: scale(1.5); /* IE */
  -moz-transform: scale(1.5); /* FF */
  -webkit-transform: scale(1.5); /* Safari and Chrome */
  -o-transform: scale(1.5); /* Opera */
}

a.piped.first {
    padding-left: 0;
}
a.piped {
    padding-right: 1em;
    padding-left: 1em;
    display: inline-block;
    border-right: 1px solid #cacaca;
}
a {
    color: #C3C700;
    text-decoration: none;
    line-height: inherit;
    cursor: pointer;
}
.footer .signoff p {
    line-height: 2.2;
}
p.legal {
    margin-left: 1em;
    display: inline-block;
}
.footer p {
    margin: 0px;
}