{"version":3,"sources":["webpack://skin-red/packages/admin-lte/src/skins/skin-red.less","webpack://skin-red/packages/admin-lte/src/mixins.less","webpack://skin-red/skin-red.less"],"names":[],"mappings":"AASA,+BCJE,wBCCF,CFGA,yCCDI,UCCJ,CDgBI,iYAPA,yBAAA,CACA,aCOJ,CFjBA,+CAMQ,UEcR,CFbQ,qDACE,wBEeV,CFZM,yBAGM,yDACE,mCEYZ,CFhBI,mDAOQ,UEYZ,CFXY,yDACE,kBEad,CACF,CFlCA,6BCyBE,wBAAA,CACA,UAAA,CACA,iCCYF,CDVE,mCACE,wBCYJ,CF1CA,sCAiCM,wBEYN,CF7CA,0BAuCI,sBESJ,CFhDA,gECuGI,wBClDJ,CFrDA,0DC4GM,UCnDN,CDyDI,kCACE,aAAA,CACA,kBCvDN,CF7DA,6BCwHM,iCCxDN,CD2DI,8GAGE,UAAA,CACA,kBCzDN,CD2DI,oCACE,yBCzDN,CFzEA,0CCsIM,YAAA,CACA,kBC1DN,CF7EA,qBC4II,aC5DJ,CD6DI,2BACE,oBC3DN,CFnFA,4CCqJQ,aC/DR,CDiEM,qGACE,UC9DR,CF1FA,wBC+DE,iBAAA,CAgGE,wBAAA,CACA,gBCjEJ,CF/FA,sECkKM,eAAA,CACA,wBAAA,CACA,4BAAA,CACA,WC/DN,CFtGA,yCCyKM,UAAA,CApGJ,0BAAA,CACA,yBAAA,CACA,4BAAA,CACA,6BCqCF,CD8DM,oHAEE,qBAAA,CACA,UC5DR,CD8DM,qEACE,sBC5DR,CFrHA,6BCsLM,UAAA,CAjHJ,wBAAA,CACA,2BAAA,CACA,8BAAA,CACA,2BCoDF","file":"skin-red.css","sourcesContent":["/*\n * Skin: Red\n * ---------\n */\n@import \"~bootstrap/less/mixins.less\";\n@import \"~bootstrap/less/variables.less\";\n@import \"../variables.less\";\n@import \"../mixins.less\";\n\n.skin-red {\n  //Navbar\n  .main-header {\n    .navbar {\n      .navbar-variant(@red; #fff);\n      .sidebar-toggle {\n        color: #fff;\n        &:hover {\n          background-color: darken(@red, 5%);\n        }\n      }\n      @media (max-width: @screen-header-collapse) {\n        .dropdown-menu {\n          li {\n            &.divider {\n              background-color: rgba(255, 255, 255, 0.1);\n            }\n            a {\n              color: #fff;\n              &:hover {\n                background: darken(@red, 5%);\n              }\n            }\n          }\n        }\n      }\n    }\n    //Logo\n    .logo {\n      .logo-variant(darken(@red, 5%));\n    }\n\n    li.user-header {\n      background-color: @red;\n    }\n  }\n\n  //Content Header\n  .content-header {\n    background: transparent;\n  }\n\n  //Create the sidebar skin\n  .skin-dark-sidebar(@red);\n}\n","//AdminLTE mixins\n//===============\n\n//Changes the color and the hovering properties of the navbar\n.navbar-variant(@color; @font-color: rgba(255, 255, 255, 0.8); @hover-color: #f6f6f6; @hover-bg: rgba(0, 0, 0, 0.1)) {\n  background-color: @color;\n  //Navbar links\n  .nav > li > a {\n    color: @font-color;\n  }\n\n  .nav > li > a:hover,\n  .nav > li > a:active,\n  .nav > li > a:focus,\n  .nav .open > a,\n  .nav .open > a:hover,\n  .nav .open > a:focus,\n  .nav > .active > a {\n    background: @hover-bg;\n    color: @hover-color;\n  }\n\n  //Add color to the sidebar toggle button\n  .sidebar-toggle {\n    color: @font-color;\n    &:hover {\n      color: @hover-color;\n      background: @hover-bg;\n    }\n  }\n}\n\n//Logo color variation\n.logo-variant(@bg-color; @color: #fff; @border-bottom-color: transparent; @border-bottom-width: 0) {\n  background-color: @bg-color;\n  color: @color;\n  border-bottom: @border-bottom-width solid @border-bottom-color;\n\n  &:hover {\n    background-color: darken(@bg-color, 1%);\n  }\n}\n\n//Box solid color variantion creator\n.box-solid-variant(@color; @text-color: #fff) {\n  border: 1px solid @color;\n  > .box-header {\n    color: @text-color;\n    background: @color;\n    background-color: @color;\n    a,\n    .btn {\n      color: @text-color;\n    }\n  }\n}\n\n//Direct Chat Variant\n.direct-chat-variant(@bg-color; @color: #fff) {\n  .right > .direct-chat-text {\n    background: @bg-color;\n    border-color: @bg-color;\n    color: @color;\n    &:after,\n    &:before {\n      border-left-color: @bg-color;\n    }\n  }\n}\n\n//border radius creator\n.border-radius(@radius) {\n  border-radius: @radius;\n}\n\n//Different radius each side\n.border-radius(@top-left,  @top-right,  @bottom-left,  @bottom-right)\n{\n  border-top-left-radius: @top-left;\n  border-top-right-radius: @top-right;\n  border-bottom-right-radius: @bottom-right;\n  border-bottom-left-radius: @bottom-left;\n}\n\n//Gradient background\n.gradient(@color: #F5F5F5, @start: #EEE, @stop: #FFF) {\n  background: @color;\n  background: -webkit-gradient(linear,\n  left bottom,\n  left top,\n  color-stop(0, @start),\n  color-stop(1, @stop));\n  background: -ms-linear-gradient(bottom,\n  @start,\n  @stop);\n  background: -moz-linear-gradient(center bottom,\n  @start 0%,\n  @stop 100%);\n  background: -o-linear-gradient(@stop,\n  @start);\n  filter: e(%(\"progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)\",@stop,@start));\n}\n\n//Added 2.1.0\n//Skins Mixins\n\n//Dark Sidebar Mixin\n.skin-dark-sidebar(@link-hover-border-color) {\n  // Sidebar background color (Both .wrapper and .left-side are responsible for sidebar bg color)\n  .wrapper,\n  .main-sidebar,\n  .left-side {\n    background-color: @sidebar-dark-bg;\n  }\n  //User Panel (resides in the sidebar)\n  .user-panel {\n    > .info, > .info > a {\n      color: #fff;\n    }\n  }\n  //Sidebar Menu. First level links\n  .sidebar-menu > li {\n    //Section Headning\n    &.header {\n      color: lighten(@sidebar-dark-bg, 20%);\n      background: darken(@sidebar-dark-bg, 4%);\n    }\n    //links\n    > a {\n      border-left: 3px solid transparent;\n    }\n    //Hover and active states\n    &:hover > a,\n    &.active > a,\n    &.menu-open > a {\n      color: @sidebar-dark-hover-color;\n      background: @sidebar-dark-hover-bg;\n    }\n    &.active > a {\n      border-left-color: @link-hover-border-color;\n    }\n    //First Level Submenu\n    > .treeview-menu {\n      margin: 0 1px;\n      background: @sidebar-dark-submenu-bg;\n    }\n  }\n  //All links within the sidebar menu\n  .sidebar a {\n    color: @sidebar-dark-color;\n    &:hover {\n      text-decoration: none;\n    }\n  }\n  //All submenus\n  .sidebar-menu .treeview-menu {\n    > li {\n      > a {\n        color: @sidebar-dark-submenu-color;\n      }\n      &.active > a, > a:hover {\n        color: @sidebar-dark-submenu-hover-color;\n      }\n    }\n  }\n  //The sidebar search form\n  .sidebar-form {\n    .border-radius(3px);\n    border: 1px solid lighten(@sidebar-dark-bg, 10%);\n    margin: 10px 10px;\n    input[type=\"text\"], .btn {\n      box-shadow: none;\n      background-color: lighten(@sidebar-dark-bg, 10%);\n      border: 1px solid transparent;\n      height: 35px;\n      //.transition(all @transition-speed @transition-fn);\n    }\n    input[type=\"text\"] {\n      color: #666;\n      .border-radius(2px, 0, 2px, 0);\n      &:focus,\n      &:focus + .input-group-btn .btn {\n        background-color: #fff;\n        color: #666;\n      }\n      &:focus + .input-group-btn .btn {\n        border-left-color: #fff;\n\n      }\n    }\n    .btn {\n      color: #999;\n      .border-radius(0, 2px, 0, 2px);\n    }\n  }\n}\n\n//Light Sidebar Mixin\n.skin-light-sidebar(@icon-active-color) {\n  // Sidebar background color (Both .wrapper and .left-side are responsible for sidebar bg color)\n  .wrapper,\n  .main-sidebar,\n  .left-side {\n    background-color: @sidebar-light-bg;\n  }\n  .content-wrapper,\n  .main-footer {\n    //border-left: 1px solid @gray-lte;\n  }\n  .main-sidebar {\n    border-right: 1px solid @gray-lte;\n  }\n  //User Panel (resides in the sidebar)\n  .user-panel {\n    > .info, > .info > a {\n      color: @sidebar-light-color;\n    }\n  }\n  //Sidebar Menu. First level links\n  .sidebar-menu > li {\n    .transition(border-left-color .3s ease);\n    //border-left: 3px solid transparent;\n    //Section Headning\n    &.header {\n      color: lighten(@sidebar-light-color, 25%);\n      background: @sidebar-light-bg;\n    }\n    //links\n    > a {\n      border-left: 3px solid transparent;\n      font-weight: 600;\n    }\n    //Hover and active states\n    &:hover > a,\n    &.active > a {\n      color: @sidebar-light-hover-color;\n      background: @sidebar-light-hover-bg;\n    }\n    &:hover > a {\n\n    }\n    &.active {\n      border-left-color: @icon-active-color;\n      > a {\n        font-weight: 600;\n      }\n    }\n    //First Level Submenu\n    > .treeview-menu {\n      background: @sidebar-light-submenu-bg;\n    }\n  }\n  //All links within the sidebar menu\n  .sidebar a {\n    color: @sidebar-light-color;\n    &:hover {\n      text-decoration: none;\n    }\n  }\n  //All submenus\n  .sidebar-menu .treeview-menu {\n    > li {\n      > a {\n        color: @sidebar-light-submenu-color;\n      }\n      &.active > a,\n      > a:hover {\n        color: @sidebar-light-submenu-hover-color;\n      }\n      &.active > a {\n        font-weight: 600;\n      }\n    }\n  }\n  //The sidebar search form\n  .sidebar-form {\n    .border-radius(3px);\n    border: 1px solid @gray-lte;  //darken(@sidebar-light-bg, 5%);\n    margin: 10px 10px;\n    input[type=\"text\"],\n    .btn {\n      box-shadow: none;\n      background-color: #fff; //darken(@sidebar-light-bg, 3%);\n      border: 1px solid transparent;\n      height: 35px;\n      //.transition(all @transition-speed @transition-fn);\n    }\n    input[type=\"text\"] {\n      color: #666;\n      .border-radius(2px, 0, 2px, 0);\n      &:focus,\n      &:focus + .input-group-btn .btn {\n        background-color: #fff;\n        color: #666;\n      }\n      &:focus + .input-group-btn .btn {\n        border-left-color: #fff;\n      }\n    }\n    .btn {\n      color: #999;\n      .border-radius(0, 2px, 0, 2px);\n    }\n  }\n  @media (min-width: @screen-sm-min) {\n    &.sidebar-mini.sidebar-collapse {\n      .sidebar-menu > li > .treeview-menu {\n        border-left: 1px solid @gray-lte;\n      }\n    }\n  }\n}\n","/*\n * Skin: Red\n * ---------\n */\n.skin-red .main-header .navbar {\n  background-color: #dd4b39;\n}\n.skin-red .main-header .navbar .nav > li > a {\n  color: #fff;\n}\n.skin-red .main-header .navbar .nav > li > a:hover,\n.skin-red .main-header .navbar .nav > li > a:active,\n.skin-red .main-header .navbar .nav > li > a:focus,\n.skin-red .main-header .navbar .nav .open > a,\n.skin-red .main-header .navbar .nav .open > a:hover,\n.skin-red .main-header .navbar .nav .open > a:focus,\n.skin-red .main-header .navbar .nav > .active > a {\n  background: rgba(0, 0, 0, 0.1);\n  color: #f6f6f6;\n}\n.skin-red .main-header .navbar .sidebar-toggle {\n  color: #fff;\n}\n.skin-red .main-header .navbar .sidebar-toggle:hover {\n  color: #f6f6f6;\n  background: rgba(0, 0, 0, 0.1);\n}\n.skin-red .main-header .navbar .sidebar-toggle {\n  color: #fff;\n}\n.skin-red .main-header .navbar .sidebar-toggle:hover {\n  background-color: #d73925;\n}\n@media (max-width: 767px) {\n  .skin-red .main-header .navbar .dropdown-menu li.divider {\n    background-color: rgba(255, 255, 255, 0.1);\n  }\n  .skin-red .main-header .navbar .dropdown-menu li a {\n    color: #fff;\n  }\n  .skin-red .main-header .navbar .dropdown-menu li a:hover {\n    background: #d73925;\n  }\n}\n.skin-red .main-header .logo {\n  background-color: #d73925;\n  color: #fff;\n  border-bottom: 0 solid transparent;\n}\n.skin-red .main-header .logo:hover {\n  background-color: #d33724;\n}\n.skin-red .main-header li.user-header {\n  background-color: #dd4b39;\n}\n.skin-red .content-header {\n  background: transparent;\n}\n.skin-red .wrapper,\n.skin-red .main-sidebar,\n.skin-red .left-side {\n  background-color: #222d32;\n}\n.skin-red .user-panel > .info,\n.skin-red .user-panel > .info > a {\n  color: #fff;\n}\n.skin-red .sidebar-menu > li.header {\n  color: #4b646f;\n  background: #1a2226;\n}\n.skin-red .sidebar-menu > li > a {\n  border-left: 3px solid transparent;\n}\n.skin-red .sidebar-menu > li:hover > a,\n.skin-red .sidebar-menu > li.active > a,\n.skin-red .sidebar-menu > li.menu-open > a {\n  color: #fff;\n  background: #1e282c;\n}\n.skin-red .sidebar-menu > li.active > a {\n  border-left-color: #dd4b39;\n}\n.skin-red .sidebar-menu > li > .treeview-menu {\n  margin: 0 1px;\n  background: #2c3b41;\n}\n.skin-red .sidebar a {\n  color: #b8c7ce;\n}\n.skin-red .sidebar a:hover {\n  text-decoration: none;\n}\n.skin-red .sidebar-menu .treeview-menu > li > a {\n  color: #8aa4af;\n}\n.skin-red .sidebar-menu .treeview-menu > li.active > a,\n.skin-red .sidebar-menu .treeview-menu > li > a:hover {\n  color: #fff;\n}\n.skin-red .sidebar-form {\n  border-radius: 3px;\n  border: 1px solid #374850;\n  margin: 10px 10px;\n}\n.skin-red .sidebar-form input[type=\"text\"],\n.skin-red .sidebar-form .btn {\n  box-shadow: none;\n  background-color: #374850;\n  border: 1px solid transparent;\n  height: 35px;\n}\n.skin-red .sidebar-form input[type=\"text\"] {\n  color: #666;\n  border-top-left-radius: 2px;\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n  border-bottom-left-radius: 2px;\n}\n.skin-red .sidebar-form input[type=\"text\"]:focus,\n.skin-red .sidebar-form input[type=\"text\"]:focus + .input-group-btn .btn {\n  background-color: #fff;\n  color: #666;\n}\n.skin-red .sidebar-form input[type=\"text\"]:focus + .input-group-btn .btn {\n  border-left-color: #fff;\n}\n.skin-red .sidebar-form .btn {\n  color: #999;\n  border-top-left-radius: 0;\n  border-top-right-radius: 2px;\n  border-bottom-right-radius: 2px;\n  border-bottom-left-radius: 0;\n}\n"]}