/*Nexus 10*/
/*--------------------------------------------------*/
/*  Sidr */
/*--------------------------------------------------*/
.sidr {
  height: 100%;
  position: fixed;
  top: 0;
  width: 320px;
  z-index: 150; }

.sider-content {
  background: rgba(255, 255, 255, 0.96);
  height: 100%;
  overflow-x: hidden;
  position: relative; }

.sidr:after {
  content: "";
  background: rgba(0, 0, 0, 0.1);
  bottom: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 10px;
  height: 100%; }

.sidr.right {
  left: auto;
  right: -260px; }

.sidr.left {
  left: -320px;
  right: auto; }

.sidr.isopen {
  /*left: 0;*/ }

.sidr form {
  margin: 1em 1.5em 0 0; }

#sidrTabs {
  margin: 0;
  position: absolute;
  right: -41px;
  top: 12px;
  transition: right 0.5s; }

#sidrTabs.inner {
  right: -2px;
  top: 0; }

#sidrTabs.inner li {
  background: transparent;
  border-radius: 0;
  box-shadow: none;
  height: 40px;
  margin-top: 13px; }

#sidrTabs.inner li:nth-child(2) {
  opacity: 0;
  position: absolute;
  right: 0;
  top: -5px; }

#sidrTabs.inner li figure:nth-child(1) {
  display: none; }

#sidrTabs.inner li figure:nth-child(2) {
  color: #aabbcc;
  font-size: 1.8em;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg); }

#sidrTabs li {
  background-color: #1D2B2F;
  border-radius: 0 10px 10px 0;
  box-shadow: 2px 0 2px 1px rgba(0, 0, 0, 0.3);
  height: 44px;
  margin-bottom: 0.1em;
  overflow: hidden;
  width: 41px;
  opacity: 1;
  cursor: pointer; }

#sidrTabs li figure {
  padding-left: 4px;
  padding-top: 7px; }

#sidrTabs svg .outer {
  fill: #59818F; }

#sidrTabs .sidr-checkbox svg .inner {
  fill: #1D2B2F; }

@media only screen and (max-width: 20em) {
  #sidrTabs {
    top: 320px; }
  #sidrTabs.inner {
    right: 0;
    top: 0; } }

/*400*/
@media only screen and (max-width: 25em) {
  /*--------------------------------------------------*/
  /*SIDR*/
  /*--------------------------------------------------*/
  .sidr {
    width: 280px; } }