/* Flex */
.common_lineDocker_noWrap {
    display: flex;
    flex-flow: row nowrap;
}
.common_lineDocker_wrap {
    display: flex;
    flex-flow: row wrap;
    overflow: hidden;
    max-width: 210px;
}
.common_columnDocker_noWrap {
    display: flex;
    flex-flow: column nowrap;
}
.common_flexElement_auto {
    flex: 1 1 auto;
}
.common_flexElement_70percent {
    flex: 1 1 70%;
}
.common_flexElement_30percent {
    flex: 1 1 30%;
}
.common_noFlexElement_32pixels {
    flex: 0 0 32px;
}
  
  /* Design */

.common_boxShadowRadius {
    box-shadow: 0px 1px 5px 1px rgba(0, 0, 0, 0.3);
    border-radius: 20px;  
    border-top-left-radius: 75px;
}
/* .common_boxShadowRadius {
    box-shadow: 0px 2px 5px 4px rgba(0, 0, 0, 0.3);
    border-radius: 20px;  
    border-top-left-radius: 75px;
} */

/*************************************************/
/**************** NAVBAR/OVRERLAY - BUTTONS ***************/
/*************************************************/
.common_menuButton {
   align-self: start;
 }
 .common_menuButton button {
   background: #01a331 !important;
   width: 60px;
   height: 60px;
   cursor: pointer;
   color: #fff !important;
   font-size: 16px;
   transition-property: box-shadow, transform;
   transition-duration: 350ms;
   transition-timing-function: ease;
   box-shadow: 0px 4px 4px 1px rgba(0, 0, 0, 0.3);
   line-height: 1.3;
 }
 .common_menuButton button .icon {
   cursor: pointer;
 }
 .common_menuButton button .text {
   font-size: 0.6rem;
 }
 .common_menuButton button:hover {
   box-shadow: 0px 2px 4px 1px rgba(0, 0, 0, 0.3);
   transform: translateY(1px);
 }

.common_closeButton {
    width: 32px;
    height: 32px;
    opacity: 0.3;
    margin: auto;
  }
.common_closeButton:hover {
  opacity: 1;
}
.common_closeButton:before, .common_closeButton:after {
  position: absolute;
  content: ' ';
  height: 33px;
  width: 2px;
  background-color: #fff;
}
.common_closeButton:before {
  transform: rotate(45deg);
}
.common_closeButton:after {
  transform: rotate(-45deg);
}