1 .bws-modal {

     2     position: fixed;

     3     overflow: auto;

     4     height: 100%;

     5     width: 100%;

     6     top: 0;

     7     z-index: 100000;

     8     display: none;

     9     background: rgba(0, 0, 0, 0.6);

    10 }

    11 .bws-modal.active {

    12     display: block;

    13 }

    14 .bws-modal.active:before {

    15     display: block;

    16 }

    17 .bws-modal .bws-modal-dialog {

    18     background: transparent;

    19     position: absolute;

    20     left: 50%;

    21     margin-left: -298px;

    22     padding-bottom: 30px;

    23     top: -100%;

    24     z-index: 100001;

    25     width: 596px;

    26 }

    27 .bws-modal.active .bws-modal-dialog {

    28     top: 10%;

    29 }

    30 .bws-modal .bws-modal-body,

    31 .bws-modal .bws-modal-footer {

    32     border: 0;

    33     background: #fff;

    34     padding: 25px 25px 15px;

    35 }

    36 .bws-modal .bws-modal-body {

    37     border-bottom: 0;

    38 }

    39 .bws-modal .bws-modal-body p {

    40     font-size: 1.3em;

    41 }

    42 .bws-modal .bws-modal-body h2 {

    43     font-size: 1.6em;

    44     font-weight: bold;

    45     margin-top: 0;

    46 }

    47 .bws-modal .bws-modal-footer {

    48     border-top: #eeeeee solid 1px;

    49     text-align: right;   

    50 }

    51 .bws-modal .bws-modal-footer .button {

    52     margin: 0 7px;    

    53 }

    54 .bws-modal .bws-modal-footer .button:first-child {

    55     margin: 0;

    56 }

    57 .bws-modal .bws-modal-panel>.notice.inline {

    58     margin: 0;

    59     display: none;

    60 }

    61 .bws-modal .bws-modal-panel:not(.active) {

    62     display: none;

    63 }

    64 body.has-bws-modal {

    65     overflow: hidden;

    66 }

    67 .bws-modal.bws-modal-deactivation-feedback .bws-modal-reason-input,

    68 .bws-modal.bws-modal-deactivation-feedback .bws-modal-internal-message {

    69     margin: 3px 0 3px 22px;

    70 }

    71 .bws-modal.bws-modal-deactivation-feedback .bws-modal-reason-input input,

    72 .bws-modal.bws-modal-deactivation-feedback .bws-modal-reason-input textarea,

    73 .bws-modal.bws-modal-deactivation-feedback .bws-modal-internal-message input,

    74 .bws-modal.bws-modal-deactivation-feedback .bws-modal-internal-message textarea {

    75     width: 100%;

    76 }

    77 .bws-modal.bws-modal-deactivation-feedback li.bws-modal-reason.has-internal-message .bws-modal-internal-message {

    78     border: 1px solid #ccc;

    79     padding: 7px;

    80     display: none;

    81 }

    82 .bws-modal.bws-modal-deactivation-feedback .bws-modal-anonymous-label {

    83     padding-top: 15px;

    84 }

    85 .bws-modal.bws-modal-deactivation-feedback .bws-modal-panel {

    86     margin-top: 0 !important;

    87 }

    88 

    89 @media (max-width: 650px) {

    90     .bws-modal .bws-modal-dialog {

    91         margin-left: -50%;

    92         box-sizing: border-box;

    93         padding-left: 10px;

    94         padding-right: 10px;

    95         width: 100%;

    96     }

    97     .bws-modal .bws-modal-dialog .bws-modal-panel>h3>strong {

    98         font-size: 1.3em;

    99     }

   100     .bws-modal.bws-modal-deactivation-feedback li.bws-modal-reason li.bws-modal-reason {

   101         margin-bottom: 10px;

   102     }

   103     .bws-modal.bws-modal-deactivation-feedback li.bws-modal-reason li.bws-modal-reason .bws-modal-reason-input,

   104     .bws-modal.bws-modal-deactivation-feedback li.bws-modal-reason li.bws-modal-reason .bws-modal-internal-message {

   105         margin-left: 29px;

   106     }

   107     .bws-modal.bws-modal-deactivation-feedback li.bws-modal-reason li.bws-modal-reason label {

   108         display: table;

   109     }

   110     .bws-modal.bws-modal-deactivation-feedback li.bws-modal-reason li.bws-modal-reason label>span {

   111         display: table-cell;

   112         font-size: 1.3em;

   113     }

   114 }