.drawer {
    position: fixed;
    top: 0;
    z-index: 100;
  }
  
  .drawer > * {
    transition: transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86),
      opacity 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86),
      box-shaow 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  }
  
  .drawer .drawer-mask {
    background: #000;
    opacity: 0;
    width: 0;
    height: 0;
    position: fixed;
    top: 0;
    transition: opacity 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86),
      width 0s ease 0.3s, height 0s ease 0.3s;
  }
  
  .drawer-content-wrapper {
    position: fixed;
    background: #fff;
  }
  
  .drawer-content {
    overflow: auto;
    z-index: 1;
    position: relative;
  }
  
  .drawer-handle {
    position: absolute;
    top: 72px;
    width: 41px;
    height: 40px;
    cursor: pointer;
    z-index: 0;
    text-align: center;
    line-height: 40px;
    font-size: 16px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
  }
  
  .drawer-handle-icon {
    width: 14px;
    height: 2px;
    background: #333;
    position: relative;
    transition: background 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  }
  
  .drawer-handle-icon:before,
  .drawer-handle-icon:after {
    content: "";
    display: block;
    position: absolute;
    background: #333;
    width: 100%;
    height: 2px;
    transition: transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  }
  
  .drawer-handle-icon:before {
    top: -5px;
  }
  
  .drawer-handle-icon:after {
    top: 5px;
  }
  
  .drawer-left,
  .drawer-right {
    width: 0%;
    height: 100%;
  }
  
  .deal-edit-card-view .drawer-content-wrapper {
    background: transparent;
    overflow: auto !important;
  }
  
  @media only screen and (max-width: 1024px) {
    .deal-edit-card-view .drawer-content {
      width: 80% !important;
    }
  }
  
  @media only screen and (max-width: 1440px) and (min-width: 1025px) {
    .deal-edit-card-view .drawer-content {
      width: 75% !important;
    }
  }
  
  @media only screen and (min-width: 1441px) {
    .deal-edit-card-view .drawer-content {
      width: 70% !important;
    }
  }
  
  .deal-edit-card-view .drawer-content {
    margin: auto;
    overflow: visible;
  }
  
  .deal-edit-card-view .drawer-handle {
    display: none;
  }
  .deal-edit-card-view .drawer-handle,
  .deal-edit-card-view .close-drawer-btn,
  .close-modal-btn {
    top: 25px !important;
    right: 0;
    z-index: 1;
    width: 30px;
    height: 30px;
    border-radius: 50% !important;
    background: transparent;
    box-shadow: 0px 0px 1px 0.5px #3b3b3b !important;
    left: 76% !important;
    border-width: 0px;
  }
  
  .deal-edit-card-view #drawer-inner-content {
    padding-bottom: 50px !important;
  }
  
  .deal-edit-card-view.centered-drawer .drawer-content > #drawer-inner-content,
  .deal-edit-card-view.centered-drawer .drawer-content > #drawer-inner-content > div {
   height: 100%;
  }
  
  .drawer-left .drawer-content-wrapper,
  .drawer-right .drawer-content-wrapper,
  .drawer-left .drawer-content,
  .drawer-right .drawer-content {
    height: 100%;
  }
  
  .drawer-left.drawer-open,
  .drawer-right.drawer-open {
    width: 100%;
  }
  
  .drawer-left .drawer-handle {
    right: -40px;
    box-shadow: 2px 0 8px rgba(0, 0, 0, 0.15);
    border-radius: 0 4px 4px 0;
  }
  
  .drawer-left.drawer-open .drawer-content-wrapper {
    box-shadow: 2px 0 8px rgba(0, 0, 0, 0.15);
  }
  
  .drawer-right .drawer-content-wrapper {
    right: 0;
  }
  
  .drawer-right .drawer-handle {
    left: -40px;
    /*box-shadow: -2px 0 8px rgba(0, 0, 0, 0.15);*/
    border-radius: 4px 0 0 4px;
  }
  
  .drawer-right.drawer-open .drawer-content-wrapper {
    box-shadow: -2px 0 8px rgba(0, 0, 0, 0.15);
  }
  
  .drawer-top,
  .drawer-bottom {
    width: 100%;
    height: 0%;
  }
  
  .drawer-top .drawer-content-wrapper,
  .drawer-bottom .drawer-content-wrapper,
  .drawer-top .drawer-content,
  .drawer-bottom .drawer-content {
    width: 100%;
  }
  
  .drawer-top .drawer-handle,
  .drawer-bottom .drawer-handle {
    left: 50%;
    margin-left: -20px;
  }
  
  .drawer-top.drawer-open,
  .drawer-bottom.drawer-open {
    height: 100%;
  }
  
  .drawer-top .drawer-handle {
    top: auto;
    bottom: -40px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
    border-radius: 0 0 4px 4px;
  }
  
  .drawer-top.drawer-open .drawer-wrapper {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  }
  
  .drawer-bottom .drawer-content-wrapper {
    bottom: 0;
  }
  
  .drawer-bottom .drawer-handle {
    top: -40px;
    box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.15);
    border-radius: 4px 4px 0 0;
  }
  
  .drawer-bottom.drawer-open .drawer-content-wrapper {
    box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.15);
  }
  
  .drawer.drawer-open .drawer-mask {
    opacity: 0.3;
    width: 100%;
    height: 100%;
    animation: rcDrawerFadeIn 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
    transition: none;
  }
  
  .drawer.drawer-open .drawer-handle-icon {
    background: transparent;
  }
  
  .drawer.drawer-open .drawer-handle-icon:before {
    transform: translateY(5px) rotate(45deg);
  }
  
  .drawer.drawer-open .drawer-handle-icon:after {
    transform: translateY(-5px) rotate(-45deg);
  }
  
  @keyframes rcDrawerFadeIn {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 0.3;
    }
  }
  
  .drawer .ant-menu-inline,
  .drawer .ant-menu-vertical {
    border-right: none;
  }
  
  .drawer-left .ant-menu-inline .ant-menu-item:after,
  .drawer-left .ant-menu-vertical .ant-menu-item:after {
    left: 0;
    right: auto;
  }
  
  .drawer-wrapper .drawer {
    animation: AlphaTo 0.3s ease-out 0.3s;
    animation-fill-mode: forwards;
    opacity: 0;
  }
  
  @keyframes AlphaTo {
    to {
      opacity: 1;
      left: 0;
    }
  }
  
  .parent-demo {
    position: relative;
    overflow: hidden;
  }
  
  .parent-demo .drawer {
    position: absolute;
  }
  
  /*# sourceMappingURL=common.css.map*/
  
  .drawer.drawer-no-open-handle:not(.drawer-open) .drawer-handle{
    display: none;
  }
  
  .drawer-page {
    overflow: hidden;
  }
  
  .drawer-footer-wrapper{
    position: fixed;
    bottom: 0;
    padding: 0;
    z-index: 10022;
  
    border-top: 1px solid #22222211;
  }
  
  .app_theme_black .drawer-footer-wrapper {
    border-top-color: #eeeeee22;
  }
  
  .drawer-footer-content{
    margin-right: 10px;
  }
  
  .drawer-footer-content:not(:empty){
    margin-top: 10px;
    margin-bottom: 10px;
  }
  
  #drawer-inner-content:not(.normal-padding),
  #drawer-inner-content-2:not(.normal-padding) {
    padding: 10px 25px 90px 25px;
    height: calc(100% - 100px);
  }
  #drawer-inner-content.normal-padding,
  #drawer-inner-content-2.normal-padding {
    padding: 10px 25px 10px 25px;
    height: calc(100% - 20px);
  }
  .drawer-inner-content {
    padding: 20px 25px 120px 25px;
  }
  
  #drawer-inner-content:not(.normal-padding) > div:not(.no-padding),
  #drawer-inner-content-2:not(.normal-padding) > div:not(.no-padding) {
    padding-bottom: 100px !important;
  }