@import "../../Admin/WiCMS3/fonts/fontello/css/fontello.css";
@import "../../Admin/WiCMS3/js/jquery/link-generator/css/link-generator.css";
@import "../../Admin/WiCMS3/css/zmienne";
@import "../../Admin/WiCMS3/css/tinyMCE/tiny-modal";
html{
  min-height: 100%;
  body{
    min-height: 100%;
  }
}
.adminFront{
  background: #25272e;
  padding: 10px 25px;
  .row{
    max-width: 100%;
  }
  //////////////////////////////////////////////////////
  // Menu i logo
  //////////////////////////////////////////////////////
  .logoWiCMS{
    display: inline-block;
    vertical-align: middle;
    img{
      max-width: 85px;
      margin-left: 25px;
    }
  }
  .menuOpen{
    display: inline-block;
    vertical-align: middle;
    position: relative;
    margin-left: -41px;
    ul{
      li{
        a.iconStart::after{
          display: none;
        }
      }
    }
    a.iconStart{
      i{
        margin-left: 20px;
        color: #fff;
        font-size: 25px;
      }
    }
    #menuAdminList{
      background: #2f323a;
      box-shadow: 0 0 10px rgba(#000, 1);
      border: none;
      padding: 10px 0 40px 0;
    }
    #menu-showhide{
      min-width: 250px;
      margin: -10px 0 0;
      position: relative;
      z-index: 0;
    }
    .side-bar {}

    .topnav {
      padding: 40px 28px 25px 0;
    }

    img.icon-menu {
      margin-left: 10px;
      margin-right: 3px;
      margin-top: 3px;
    }

    ul.topnav {
      margin: 0;
      font-size: 14px;
      line-height: 0.5em !important;
      list-style: none !important;
      padding: 0;
      box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
      li a {
        color: #eee !important;
        font-weight: bold;
        display: block;
        font-size: 12px;
        height: 50px;
        line-height: 50px!important;
        list-style: none outside none;
        padding: 0 10px 0 10px;
        text-decoration: none;
        text-transform: uppercase;
        transition: all 0.2s ease 0s;
        i{
          font-size: 15px;
          left: -5px;
          position: relative;
          width: 30px;
          top: 3px !important;
          display: inline-block;
          height: 30px;
          text-align: center;
          padding: 0;
          border-radius: 100%;
          line-height: 30px;
          margin-left: 10px;
        }
      }
    }
    .topnav.slicknav li {
      border-bottom: 1px solid rgba(255, 255, 255, 0.04);
      ul {
        li {
          border-bottom: none;
        }
      }
    }

    ul.topnav {
      li a:hover {
        background: #25272E;
        color: white !important;
        text-shadow: none;
        position: relative;
      }
      ul {
        margin: 0;
        padding: 0;
        display: none;
        background: #25272E;
        position: relative;
        li {
          margin: 0;
          padding: 0;
          clear: both;
          list-style: none outside none;
          a {
            color: #fff;
            font-size: 12px;
            font-weight: 100 !important;
            outline: 0 none;
            transition: all 0.2s ease 0s;
            text-align: left;
            text-transform: capitalize;
            padding: 6px 0 7px 50px;
            position: relative;
            &:hover {
              background-color: transparent;
              color: #666 !important;
            }
          }
        }
        ul li a {
          color: #444;
          padding-left: 40px;
          //background: #c8c8c8;
          transition: all 0.2s ease 0s;
          &:hover {
            background-color: #D3CEB8;
            color: #0C7CBB;
          }
        }
      }
      h4 {
        float: right !important;
        margin-top: -2px;
      }
    }
    .bottom-list-menu {
      margin: 30px 0 0;
      padding: 0 0 0 20px;
      li {
        list-style: none;
        font-size: 12px;
        padding: 10px 0 10px 15px;
        color: rgba(255, 255, 255, 0.4);
        cursor: pointer;
        word-spacing: 2px;
        letter-spacing: 0;
        text-transform: uppercase;
        small {
          float: right;
          font-size: 16px;
          padding: 5px 20px 0 0;
        }
        span {
          height: 30px;
          border: 2px solid rgba(255, 255, 255, 0.1);
          float: right !important;
          width: 30px;
          text-align: center;
          font-size: 14px !important;
          border-radius: 50%;
          left: -18px !important;
          line-height: 29px;
          top: -7px;
          color: rgba(255, 255, 255, 0.9) !important;
        }
      }
    }
    .bottom-list-menu li small {
      padding: 0px 20px 0 0;
    }
    .nav.navbar-stacked li a span {

      padding: 6px;
      text-indent: 0px;
    }
    .nav.navbar-stacked li a i {

      left: 15px;
    }
    .box .box-header .box-title i{
      cursor: default;
    }
    .box-tools span{
      color: rgba($szary-ciemny, 0.5);
    }
    #menu-showhide [class^="fontello-"]:before, [class*=" fontello-"]:before {

    }

    #menu-showhide .icon-desktop {
      text-indent: -0.3px;
    }
    #menu-showhide .icon-newspaper {
      text-indent: -1.3px;
    }
    //kolory ikon
    .palette-Green-Menu.bg {
      background-color: $zielony-ciemny !important;
    }

    .palette-Green-Menu.text {
      background-color: $zielony-ciemny !important;
    }

    .kolorIkony.bg {
      color: $zielony-ciemny !important;
      background-color: transparent !important;
    }

    .kolorIkony.text {
      color: $zielony-ciemny !important;
      background-color: transparent !important;
    }
    .palette-Blue-Menu.bg {
      background-color: $niebieski !important;
    }

    .palette-Blue-Menu.text {
      background-color: $niebieski !important;
    }

    .kolorIkonyBlue.bg {
      color: $niebieski !important;
      background-color: transparent !important;
    }

    .kolorIkonyBlue.text {
      color: $niebieski !important;
      background-color: transparent !important;
    }
    .palette-Yellow-Menu.bg {
      background-color: $zolty !important;
    }

    .palette-Yellow-Menu.text {
      background-color: $zolty !important;
    }

    .kolorIkonyYellow.bg {
      color: $zolty !important;
      background-color: transparent !important;
    }

    .kolorIkonyYellow.text {
      color: $zolty !important;
      background-color: transparent !important;
    }
    ul.topnav ul li a {

      padding: 6px 0 7px 14px;
    }

    ul.topnav ul ul {
      padding: 0px 25px !important;
    }
    ul.topnav ul ul li a {
      background: transparent;
      padding-left: 15px;
    }

    ul.topnav ul ul li a:hover {
      background: transparent;
      font-weight: 500;
    }
    .is-accordion-submenu-parent>a:after{
      border-color: #f5f5f5 #0000 #0000;
    }
  }
  //////////////////////////////////////////////////////
  // Informacje o zalogowanym administratorze
  //////////////////////////////////////////////////////
  .adminInfo{
    max-width: 260px;
    color: #9e9e9e;
    line-height: 1;
    font-size: 12px;
    .text-menu-grey-WB[aria-expanded="false"]{
      .icon-up-open-1{
        display: none;
      }
    }
    .text-menu-grey-WB[aria-expanded="true"]{
      .icon-down-open-1{
        display: none;
      }
    }
    p{
      margin-bottom: 8px;
    }
    .text-menu-grey-WB{
      color: #9e9e9e;
      display: inline-block;
      padding-bottom: 10px;
    }
    .palette-Grey-500.bg {
      background-color: #9E9E9E!important;
    }
    .ikonaAdmin {
      color: #fff;
      font-size: 18px;
      padding-left: 3px;
      border-radius: 50%;
      display: inline-block;
      width: 30px;
      height: 30px;
      line-height: 30px;
      margin-right: 10px;
    }
    .profile-dropdown {
      li a {
        background: #fff !important;
        display: block;
        color: #8c92a3 !important;
        font-size: 12px!important;
        i {
          display: inline-block;
          width: 30px;
          height: 30px;
          border-radius: 50%;
          color: #fff;
          text-align: center;
          line-height: 30px;
        }
        span {
          float: right;
          margin: 5px 0 0;
        }
      }
    }
    .profile-nest{
      border: 1px solid #858585;
      width: 240px;
      ul{
        padding: 5px;
        .underlineBorder{
          border-bottom: 1px dashed rgba(#858585, 0.3);
          padding-bottom: 5px;
        }
        i.iconuseredit{
          color: #8c92a3;
          width: auto;
          height: auto;
          line-height: 1;
        }
      }
      .logoProfileDrop{
        display: inline-block;
        width: 40px;
        position: relative;
        padding: 5px;
        vertical-align: middle;
        div{
          width: 30px;
          height: 30px;
          border-radius: 50%;
          line-height: 30px;
          i{
            color: #fff;
            font-size: 16px;
            margin-left: 3px;
          }
        }
      }
      .InfoProfileDrop{
        display: inline-block;
        width: 140px;
        position: relative;
        vertical-align: middle;
        strong{
          font-size: 12px;
        }
      }
      .palette-Grey-500.bg {
        background-color: #9E9E9E!important;
      }
    }
  }
  //////////////////////////////////////////////////////
  // Informacje o module
  //////////////////////////////////////////////////////
  .moduleInfo{
    .moduleTitle{
      color: #9e9e9e;
      strong{
        color: #ffffff;
      }
    }
    .linkEditModule{
      a{
        margin-top: 10px;
        display: block;
        color: #7ead14;
        &:hover{
          color: #9ad319;
        }
      }
    }
    .linkEditPostHere{
      max-width: 280px;
      display: block;
      margin-bottom: 2px;
      background: #84b512;
      padding: 7px;
      &:hover{
        background: #94cb15;
      }
    }
    .buttonEditLiveActiv{
      button{
        display: block;
        max-width: 280px;
        width: 100%;
        margin-bottom: 2px;
        padding: 7px;
      }
    }
    .linkEditPostInPanel{
      max-width: 280px;
      display: block;
      background: #3b3d41;
      margin-bottom: 2px;
      padding: 7px;
      &:hover{
        background: #575a5f;
      }
    }
  }
  @media screen and (max-width: 39.9375em) {
    > .row{
      > div.columns{
        margin-top: 10px;
      }
    }
  }
}
//////////////////////////////////////////////////////
// Sugestie
//////////////////////////////////////////////////////
#ajaxSuggestions{
  border-radius: 30px;
  background: #2f323a;
  box-shadow: 0 0 15px rgba($czarny, 0.8);
  border: none;
  color: $bialy;
  padding: 35px;
  h1{
    font-size: 35px;
  }
  p{
    margin-top: 25px;
    font-size: 14px;
  }
  ul{
    li{
      font-size: 14px;
    }
  }
  label{
    color: $bialy;
    font-size: 15px;
    display: inline-block;
    vertical-align: middle;
    line-height: 38px;
  }
  .columns{
    padding: 0;
  }

}
//////////////////////////////////////////////////////
// Belka live edit mini
//////////////////////////////////////////////////////
.adminPanelMini{
  background: #25272e;
  padding: 5px;
  .logoWiCMSmini{
    max-height: 35px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 20px;
  }
  .button{
    vertical-align: top;
    margin: 4px 5px 3px 5px;
  }
  .saveChangeMiniButton{
    margin-left: 30px;
  }
  .buttonCloseMiniPanel{
    color: #929397;
    font-size: 32px;
    cursor: pointer;
  }
  .saveSuccess{
    display: inline-block;
    vertical-align: middle;
    color: #fff;
  }
  .saveError{
    display: inline-block;
    vertical-align: middle;
    color: red;
  }
}
//////////////////////////////////////////////////////
// Grid RWD TinyMCE
//////////////////////////////////////////////////////
#GridRWDModal{
  .box{
    border: 1px solid #d6d6d6;
    padding: 5px;
    margin-bottom: 10px;
    .icon-minus{
      display: none;
    }
    h3{
      font-size: 16px;
    }
  }
}