﻿.adminNavWrap, .adminNavWrapCollapsed {
  position: fixed;
  display: none;
  width: 200px;
  height: 100%;
  top: 0;
  left: 0;
  font-family: Montserrat, Tahoma, Verdana, sans-serif;
  font-size: 14px;
  line-height: 16px;
  color: #b5b5b5;
  background: #212121;
  box-sizing: border-box;
  z-index: 901;
  overflow: auto;
  -webkit-transition: .25s;
  -moz-transition: .25s;
  transition: .25s;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.adminNavWrap { display: block; left: -200px; }
.adminOpen .adminNavWrap, .fullAdminWrap .adminNavWrap { left: 0; }
.adminNavWrapCollapsed {width: 45px;}
.adminNavInner {
  position: relative;
  display: block;
  width: 100%;
  min-height: 100%;
  height: auto;
  padding: 0 0 176px 0;
  box-sizing: border-box;
}
.adminOpen .adminNavInner {padding-left: 20px;}
.adminNavCollapseTrigger {
  position: absolute;
  display: none;
  width: 20px;
  height: 100%;
  left: 0;
  background: #333;
}
.adminOpen .adminNavCollapseTrigger {display: block;}
.adminNavCollapseTrigger span {
  position: absolute;
  display: block;
  width: 20px;
  top: 50%;
  right: 0;
  margin: -12px 0 0 0;
  font-size: 20px;
  line-height: 24px;
  color: #b5b5b5;
  text-align: center;
  text-decoration: none;
}
.adminNavLink {
  position: relative;
  display: block;
  width: 100%;
  padding: 13px 13px 13px 40px;
  font-size: 12px;
  line-height: 16px;
  color: #b5b5b5;
  text-decoration: none;
  border-bottom: 1px solid #4f4f4f;
  cursor: pointer;
  -webkit-transition: all .25s ease;
  transition: all .25s ease;
  box-sizing: border-box;
}
.adminNavLinkGreen { color: #fff; background: #23a700; }
.adminNavWrapCollapsed .adminNavLink {width: 45px; height: 45px; padding: 0;}
.adminNavLink .fa {
  position: absolute;
  display: block;
  top: 50%;
  left: 12px;
  margin: -8px 0 0 0;
  font-size: 14px;
  line-height: 16px;
}
.adminNavLink:hover {color: #d1d1d1; background: #333;}
.adminNavLink.active {color: #d1d1d1; background: #444;}
.adminNavWrapCollapsed .adminNavLink {color: #fff; text-align: center; background: #a7a7a7;}
.adminNavWrapCollapsed .adminNavLink:hover {background: #666;}
.adminNavEditPage, .adminNavWrapCollapsed .adminNavEditPage {color: #fff; background: #23a700; text-transform: uppercase;}
.adminNavEditPage:hover, .adminNavWrapCollapsed .adminNavEditPage:hover {color: #fff; background: #277312;}
.fullAdminWrap .adminNavEditPage {display: none;}
.adminNavBottomLinks {position: absolute; display: block; width: 100%; left:0; bottom: 90px; box-sizing: border-box;}
.adminOpen .adminNavBottomLinks {padding-left: 20px;}
.adminNavWrapCollapsed .adminNavBottomLinks {bottom: 0;}
.adminNavVersion {
  position: absolute;
  display: block;
  width: 100%;
  left: 0;
  bottom: 0;
  padding: 0px 17px 12px 17px;
  font-size: 10px;
  line-height: 16px;
  color: #fff;
  text-decoration: none;
  opacity: .7;
  -webkit-transition: all .25s ease;
  transition: all .25s ease;
  box-sizing: border-box;
}
.adminOpen .adminNavVersion {padding-left: 37px; background-position: 37px 22px;}
.adminNavVersion:hover {opacity: 1;}
.adminSubnavWrap {
  position: fixed;
  display: none;
  min-width: 200px;
  max-width: 240px;
  width: auto;
  height: 100%;
  top: 0;
  left: -240px;/* animate to 200px*/
  padding: 15px 0;
  font-family: Montserrat, Tahoma, Verdana, sans-serif;
  font-size: 14px;
  line-height: 16px;
  color: #d1d1d1;
  background: #444;
  -webkit-transition: all .7s ease;
  transition: all .7s ease;
  box-sizing: border-box;
  z-index: 900;
}
/*@media (max-height: 700px) {.adminNavWrap, .adminNavWrapCollapsed, .adminSubnavWrap {position: absolute; min-height: 681px;}}*/
.adminSubnavWrap.expanded {left: 200px;}
.adminOpen .adminNavWrap, .adminOpen .adminSubnavWrap, .adminCollapsed .adminNavWrapCollapsed, .fullAdminWrap .adminNavWrap, .fullAdminWrap .adminSubnavWrap {display: block;}
.adminSubnavLink {
  position: relative;
  display: block;
  padding: 10px 50px 10px 30px;
  font-size: 13px;
  line-height: 16px;
  color: #d1d1d1;
  text-decoration: none;
  cursor: pointer;
  -webkit-transition: all .25s ease;
  transition: all .25s ease;
  box-sizing: border-box;
}
.adminSubnavLink:hover {color: #fff; padding-right: 30px;}
.adminSubnavLink .fa {width: 20px; margin-left: -20px; font-size: 10px; color: #444; -webkit-transition: all .25s ease; transition: all .25s ease;}
.adminSubnavLink:hover .fa {margin-left: 0; color: #fff;}
.closeAdminSubnav {
  position: absolute;
  display: block;
  top: 0;
  right: 0;
  padding: 20px 24px;
  font-size: 13px;
  line-height: 16px;
  color: #9a9a9a;
  cursor: pointer;
  -webkit-transition: all .25s ease;
  transition: all .25s ease;
}
.closeAdminSubnav:hover {color: #fff;}