@import '../../../../styles/_forms.scss';
.notification-body-handler{  
  .body{
      top: -2px;
      left: 0;
      position: relative;
      display: block;
      background: white;
      padding: 13px 12px;
      height: 90px;
      width: 100%;
      box-sizing: border-box;
      border: 1px solid #ccc;
      border-top: 1px transparent;
      border-bottom-left-radius: 2px;
      border-bottom-right-radius: 2px;
        .flex-item{    
            float : left;
            margin-top : 1%;
        }

        .flex-container{
            background-color : #ffffff !important;
            box-shadow : none;
            height : 115px;
        }

         .ReactModalPortal {
            .ReactModal__Content{ 
                  position : relative !important;
                  top : initial !important;
                  border: 2px solid rgb(204, 204, 204) !important;
                  overflow: initial !important;
                  border-radius: 2px !important;
                  padding: 1px 10px !important;
                  width: 36%;
                  width: 40%;
                  height: 25% !important;
                  display: table;
            }
          }

        .action {
              width: 35%;
              height: 14px;
              font-family: $brandon-font-regular;
              font-size: 12px;
              line-height: 1;
              text-align: left;
              color: rgba(0, 0, 0, 0.4);
              float: left;
           }

      .key {
               width: 50% ;
                height: 17px ;
                opacity: 0.7 ;
                font-family: $brandon-font-regular ;
                font-size: 12px ;
                line-height: 1 ;
                text-align: left ;
                color: #000000  ;
                float: left ;

                .title{
                  font-family: $brandon-font-regular ;
                }
        }

        }



  .trip-code{
    width: 100% !important;

    .action{
      width : 17%;
    }

    .key{
      width : 83%;
    }
  }

  .ticket-entry{
    width: 50%;
  }

  .unread-background{
      background-color: #fff4ed !important;
  }
}