/* Modal */
.twc-modal { display:none; position:fixed; left:0; right:0; bottom:0; top:0; z-index:9999; width:100%; height:100%; background-color:rgba(0,0,0,0.5); -webkit-transition:opacity 500ms; transition:opacity 500ms; }

/* Modal Content */
.twc-modal .twc-modal-content { position:absolute; top:45%; left:0; right:0; -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); transform:translateY(-50%); z-index:99; background-color:#ffffff; max-height:90vh; margin:5vh auto; overflow:auto; padding:0; max-width:800px; width:92%; box-shadow:0 4px 8px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19); max-width: 500px;}
.twc-modal .twc-modal-header { padding: 15px 35px 15px 20px; background-color: red;}
.twc-modal .twc-modal-header h2 { margin:0; padding:0; font-size:18px; font-weight:400; line-height:1.2; overflow-wrap:break-word; word-wrap:break-word; font-style: normal; color: #fff; font-weight: bold;}
.twc-modal .twc-modal-body { padding: 10px 20px;font-size: 18px;font-weight: 600;line-height: normal; overflow-wrap: break-word;}
.twc-modal .twc-modal-footer { background-color: #ffffff;padding: 0px 35px 1px 0px;float: right; }

/* The Close Button */
.twc-modal .twc-close { font-family:'Arial', sans-serif; cursor:pointer; color:#ffffff; float:right; font-size:26px; font-weight:bold; line-height:1; position:absolute; right:15px; top:10px; font-style: normal; }
.twc-modal .twc-close:hover,
.twc-modal .twc-close:focus { opacity:0.8; }

/* proceed button */
/*.twc-btn{padding: 10px 10px; margin: 5px; width: 100px; border: 2px solid #07a876; border-radius: 5px; background-color: #07a876; cursor: pointer; color: #fff; font-weight: bold;}*/
.twc-btn{margin: 5px; cursor: pointer;}

/* Reason */
.reason-label { font-weight:400; cursor:inherit; margin:0 0 10px; padding:0; display:block; margin-top: 15px;}
.reason-select{padding: 10px 15px; width: 100%; min-width: auto; max-width: 100%; height: auto; border: 1px solid #dddddd; background-color: #ffffff; font-size: 15px;}
.reason-select option { padding:8px 0; }
#reason-textarea{padding: 10px 15px; width: 100%; min-width: auto; max-width: 100%; height: auto; border: 1px solid #dddddd; background-color: #ffffff; font-size: 15px;}

.twc-order-cancel-span{padding: 10px; cursor: pointer; border: none; outline: none; font-size: 15px; font-weight: 400; background-color: red; color: #ffffff; font-weight: bold;}
.twc-reorder-span{padding: 10px; cursor: pointer; border: none; outline: none; font-size: 15px; font-weight: 400; background-color: #000000; color: #ffffff; font-weight: bold;}

/* Success Message Model */
.twc-modal .twc-succ-modal-header { padding: 15px 35px 15px 20px; background-color: #555;}
.twc-modal .twc-succ-modal-header h2 { margin:0; padding:0; font-size:18px; font-weight:400; line-height:1.2; overflow-wrap:break-word; word-wrap:break-word; font-style: normal; color: #fff; font-weight: bold;}


@media only screen and (max-width:767px){
  .twc-modal .twc-modal-header { padding: 13px 30px 13px 15px; }
  .twc-modal .twc-modal-header h2 { font-size:15px; }
  .twc-modal .twc-modal-body{ padding:15px 15px; }
  .twc-modal .twc-modal-footer { padding:13px 15px; }
  .twc-modal .twc-close { font-size:26px; right:12px; top:8px; }
}


/* Loader */
@-webkit-keyframes scale {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; }
  45% {
    -webkit-transform: scale(0.1);
            transform: scale(0.1);
    opacity: 0.7; }
  80% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; } }
@keyframes scale {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; }
  45% {
    -webkit-transform: scale(0.1);
            transform: scale(0.1);
    opacity: 0.7; }
  80% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; } }

.ball-pulse > div:nth-child(1) {
  -webkit-animation: scale 0.75s -0.24s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
          animation: scale 0.75s -0.24s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); }

.ball-pulse > div:nth-child(2) {
  -webkit-animation: scale 0.75s -0.12s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
          animation: scale 0.75s -0.12s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); }

.ball-pulse > div:nth-child(3) {
  -webkit-animation: scale 0.75s 0s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
          animation: scale 0.75s 0s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); }

.ball-pulse > div {
  background-color: #000;
  width: 15px;
  height: 15px;
  border-radius: 100%;
  margin: 2px;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  display: inline-block; }

.twc-loader{
  display: none;
  text-align: center;
}

.twc-reorder-loader{
  display: none;
  text-align: center;
  position: fixed;
  left: 50%;
  top: 50%;
}