/*mobile*/
@media (max-width: 991px) {
    .b2c-content .card-box {
        padding: 2px;
        background-color: rgba(201, 229, 255, 0.2);
        border: 1px solid #e7e7e7;
    }
    .b2c-content #trackcontract .panel-title {
        text-align: center;
    }
    .b2c-content #trackcontract label {
        font-weight:normal;
        font-size: 13px;
        color: #a6a6a6;
    }
    .no-margin {
        margin: 0;
    }
     .b2c-content #trackcontract .btn-custom {
         width: 100%;
     }
     .b2c-content #trackcontract .input-group {
         width: 100%;
     }
     .b2c-content #search .panel-title {
         text-align: center;
     }
      .b2c-content #search .widget-two-primary {
        background-color: rgba(201, 229, 255, 0.2);
         border: 1px solid #e7e7e7;
      }
      .width-btn-100 {
          width: 100%;
      }
      .group-btn-collapse {
          display: none;
      }
      .right-to-left .b2c-content .btn-toolbar {
          margin-right:0;
      }
      .functions-btn ,.functions-btn:focus ,.functions-btn:hover {
          background-color: #7b99bf !important;
          color: white;
          border: none;
      }
      .right-to-left .btn-toolbar > .btn-group {
          margin-right: 0;
      }
      .functions-btn i {
          padding-right: 7px;
      }
      .group-btn-collapse .btn {
          background-color: white;
          border-top: 1px solid gainsboro;
          color: gray;
      }
    .google-btn, .sms-btn {
        margin-top: 5px;
    }
    /*.sms-btn {
        width: 70%;
    }
    .social-login-button form {
        width: 70%;
    }*/
     /*.social-login-button form .google-btn {
         width: 100%;
     }*/
     .b2clogin .login-card img {
         width:30%;
     }
     .b2clogin .login-card h2 {
         font-size: 25px;
     }
     .hidden-xs {
         display: none;
     }
     /*.google-btn, .sms-btn {
         padding-right: 27px !important;
     }
     .google-btn span, .sms-btn span {
         padding: 10px 9px !important;
     }*/
    .google-btn span, .sms-btn span {
        font-size: 12px;
        padding: 10px 5px 10px 8px;
    }
      .google-btn ,.sms-btn {
        padding: 0;
        padding-right: 23px;
     }
      .b2clogin #navigation {
          display: block;
          position: relative;
          background: #9a9c9e;
          top: 0;
          /*overflow: hidden;*/
          border: none;
      }
      .b2clogin  #navigation {
          overflow: initial;
      }
      .b2clogin #topnav .navigation-menu > li {
          display: inline-block;
      }
      .b2clogin #topnav .topbar-main {
           background: #9a9c9e;
      }
      .b2clogin .login-card {
          padding-top: 80px;
      }
       .b2clogin .pull-right>.dropdown-menu {
          right: -80px;
      }
     .google-btn span.google-button__icon {
         right: 5px !important;
     }
     .sms-btn span.sms-button__icon {
         right: 5px !important;
     }
}
/*Desktop*/
@media (min-width: 992px) {
     .b2clogin .login-card img {
         width: 120px;
         height: 120px;
     }
    .hidden-lg {
        display: none;
    }
    #registerPayment_modal .modal-dialog {
        width:70%;
    }
    #show_email_modal .modal-dialog {
        width:75%;
    }
    #retrievebookModal .modal-dialog {
        width:85%;
    }
     .group-btn-collapse .btn {
         background-color: #4bd396 !important;
         color: white;
      }
     .google-btn span, .sms-btn span {
         font-size: 14px;
        padding: 10px 24px;
     }
     .google-btn ,.sms-btn {
         padding:0;
         padding-right: 15px;
     }
     .b2clogin .login-card {
        padding-top: 20px;
    }
     .account-content {
         padding-top: 25px;
     }
}

.wrapper-page {
    margin: 15% auto;
}

.text-center {
    text-align: center !important;
}
.google-btn, .sms-btn {
    height: 40px;
    border-width: 0;
    background: white;
    color: #737373;
    border-radius: 5px;
    white-space: nowrap;
    position: relative;
    box-shadow: 0 0 10px #ffffffe3;
    margin-left: 0.5rem;
    transition-property: background-color, box-shadow;
    transition-duration: 150ms;
    transition-timing-function: ease-in-out;
}
.google-btn span ,.sms-btn span {
    display: block;
    vertical-align: middle;
  
    font-weight: bold;
  
}
.social-login-button form {
    display: inline-block;
}
.social-login-button {
    text-align: center;
}
.google-btn span.google-button__icon {
    padding:0;
    display: inline-block;
    vertical-align: middle;
    margin: 8px 0 8px 8px;
    width: 18px;
    height: 18px;
    box-sizing: border-box;
    position: absolute;
    right: 8px;
}
.sms-btn span.sms-button__icon {
    padding:0;
    display: inline-block;
    vertical-align: middle;
    margin: 8px 0 8px 8px;
    width: 18px;
    height: 18px;
    box-sizing: border-box;
    position: absolute;
    right: 8px;
}
.sms-btn span.sms-button__icon i {
    color: #f59438;
    font-size: 18px;
}
.btnlogin, .btnregister {
    font-size: 18px;
    padding: 5px;
    border-radius: 5px;
    box-shadow: 0 0 15px #2bada0;
}
.pass-font {
    font-size:27px;
}
.b2clogin .text-teall {
    font-size: 16px;
    top: 5px;
}

#div_LgnWithSMS #div_MobNum {
    display: flex;
    justify-content: center;
    margin: 2rem 0 0 0 !important;
}