/* Modal box css */
.modal-outer-col{ display: block;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: url('https://cdn.systweak.com/website/rightbackup/images/1x1.png') repeat;z-index: 1001;
    -moz-opacity:0.8;opacity:80;filter:alpha(opacity=80);}
  .modal-dialog-box {width: 745px;position: absolute;left: 50%;top: 50%;margin-left: -372px; background: #f1f1f1;}
  .signin-box{ margin-top: -195px; }
  .signup-box{ margin-top: -208px; }
  .forgot-box{ margin-top: -195px; }
  
  .tab-col {overflow: hidden;display: table;width: 100%;}
  .tab-col li {display: table-cell; background: #ffffff; padding-left: 30px;padding-bottom: 11px; font-size: 16px; color: #000; cursor: pointer; border-bottom: solid 1px #a8a9ad;}
  .tab-col li.active{ border-bottom-color: #f1f1f1; background: #f1f1f1;}
  .signin-tb {width: 245px; border-right:solid 1px #a8a9ad;}
  .tb-icons {height: 16px;width: 16px;background: url(https://cdn.systweak.com/website/rightbackup/images/popup_icon.png) no-repeat 0 0; display: inline-block; margin-top: 15px; vertical-align: top;}
  .tb-signup-icon{ background-position: -16px 0px;}
  .tb-title {margin-left: 6px; vertical-align: top; margin-top: 13px;display: inline-block;}
  .tab-content-col {overflow: hidden;}
  .tb-ctn-lt {width: 330px;float: left;padding-left: 10px; text-align: center; padding-bottom: 30px;}
  .tb-logo-img {margin: 55px 0 0;}
  .get-free-title {font-size: 24px;color: #1570a6;font-weight: 700;margin-left: 8px;margin-top: 11px;}
  .backup-doc-title {font-size: 16px;color: #454545;font-weight: 400;margin-left: 8px;margin-top: 5px;}
  .devider-border-col{ width: 17px; float: left; height: 313px; background: url(https://cdn.systweak.com/website/rightbackup/images/saperator_form.png) no-repeat 15px center;}
  .tb-ctn-rt{width: 385px; float: left;}
  .rt-form-content{ max-width: 330px; margin: 0 auto;}
  .sing-title-col {color: #454545;font-size: 24px;font-weight: 600;margin-top: 21px;}
  .free-sam-title {color: #454545;font-size: 16px;font-weight: 400;margin-top: 5px;}
  .form-group{ border: solid 1px #abadb3; background: #ffffff; margin-top: 20px;}
  .form-group .form-control{font-size: 13px;height: 40px;width: 244px; border: none; border-left: solid 1px #ABADB3;padding-left: 5px;vertical-align: middle;}
  .for-icon-col{width: 45px;height: 40px;float: left;background: url(https://cdn.systweak.com/website/rightbackup/images/email_popup.png) no-repeat 0 1px;}
  .password-icon{background: url(https://cdn.systweak.com/website/rightbackup/images/password_popup.png) no-repeat 0 1px;}
  .fullnm-icon{background: url(https://cdn.systweak.com/website/rightbackup/images/user_popup.png) no-repeat 0 1px;}
  .submit-btn {width: 325px; font-weight:700;cursor:pointer;padding: 5px 0 5px 0; margin-top: 27px; display: inline-block;color:#fff;font-size:20px;background-color: #11a000; -webkit-box-shadow: 1px 2px 2px rgba(0,0,0,.35); -moz-box-shadow: 1px 2px 2px rgba(0,0,0,.35); box-shadow: 1px 2px 2px rgba(0,0,0,.35); border: solid 1px #0c7100; background-image: -webkit-linear-gradient(bottom, #139703, #62af13); background-image: -moz-linear-gradient(bottom, #139703, #62af13); background-image: -o-linear-gradient(bottom, #139703, #62af13); background-image: linear-gradient(to top, #139703, #62af13);}
  .submit-btn:hover{background-color: #54d145;-webkit-box-shadow: 1px 2px 2px rgba(0,0,0,.35); -moz-box-shadow: 1px 2px 2px rgba(0,0,0,.35); box-shadow: 1px 2px 2px rgba(0,0,0,.35); border: solid 1px #0c7100; background-image: -webkit-linear-gradient(bottom, #22a212, #89e12e); background-image: -moz-linear-gradient(bottom, #22a212, #89e12e); background-image: -o-linear-gradient(bottom, #22a212, #89e12e); background-image: linear-gradient(to top, #22a212, #89e12e);}
  .forgot-link-col{ text-align: center; margin-top: 10px; color: #454545; font-size: 12px;}
  .forgot-link-col a{ font-size: 12px;color: #1570a6;font-weight: 400;}
  .signup-box .forgot-link-col{ margin-top: 15px;}
  .signup-box .forgot-link-col a{ text-decoration: underline;}
  .signup-box{ padding-bottom: 20px;}
  .signup-box .form-group{ margin-top: 10px;}
  .signup-box .free-sam-title{ padding-bottom: 3px;}
  .signup-box .submit-btn{  margin-top: 15px;}
  .forgot-box .submit-btn{ margin-top: 57px;}
  
  /* Modal box css */

  
  

/* Responsive css start */
@media (max-width: 767px) {
.modal-outer-col{ overflow: auto;}
.modal-dialog-box{ top: 30px; margin-top: 0; max-width: 535px; margin-left: -267px;}
.devider-border-col{ display: none;}
.tab-content-col{ display: flex; flex-direction: column-reverse;}
.rt-form-content{ max-width: 100%;}
.tb-ctn-rt{ float: none; width: auto; padding: 0 25px;}
.submit-btn{ width: 100%;}
.tb-ctn-lt {width: auto;float: none;padding-left: 0;}
.forgot-box .submit-btn {margin-top: 27px;}

}

@media (max-width: 575px) {
.modal-dialog-box {top: 15px;max-width: 350px;margin: 0; margin-left: -175px;}
.signin-tb{ width: auto;}
}

@media (max-width: 360px) {
.modal-dialog-box {max-width: 270px;margin-left: -135px;}
.form-group .form-control{ width: 164px;}
.tb-logo-img img{ max-width: 80%;}
.get-free-title{ margin-left: 0; font-size: 20px;}
.backup-doc-title{ font-size: 14px; margin-left: 0; padding: 0 10px;}
.sing-title-col{ font-size: 20px;}
.free-sam-title{ font-size: 14px;}
.submit-btn{ font-size: 16px;}
}
  
  /* Responsive css end */