/*.register-container .isrt-container form .register_textbox input, .register-container .isrt-container form .register_textbox select, #msform input, #msform select, #msform textarea { height: 50px !important; background-color: #eaeaea !important; border: none !important; width: 100% !important; }*/
.register-container #reg-submit, .info_savebtn { background: transparent linear-gradient(95deg, #E47A15 0%, #F2A65E 100%) 0% 0% no-repeat padding-box !important; border: none; color: #fff !important; font-size: 18px; font-weight: 500; text-transform: uppercase; letter-spacing: 1px; cursor: pointer; display: inline-block; padding: 12px 20px !important; text-align: center !important; border-radius: 0px !important; }
.register-container .error { color: red !important }
#grad1 { background-color: #9C27B0; background-image: linear-gradient(120deg, #FF4081, #81D4FA) }
#msform { text-align: center; position: relative; margin-top: 20px }
#msform fieldset .form-card { border: 0 none; border-radius: 0px; position: relative; }
#msform fieldset { border: 0 none; border-radius: 0.5rem; box-sizing: border-box; width: 100%; margin: 0; padding-bottom: 20px; position: relative }
#msform fieldset:not(:first-of-type) { display: none }
#msform fieldset .form-card { text-align: left; color: #000 }
#msform input, #msform textarea { padding: 0px 8px 4px 8px; border: none; border-bottom: 1px solid #ccc; border-radius: 0px; margin-bottom: 25px; margin-top: 2px; width: 100%; box-sizing: border-box; color: #2C3E50; font-size: 16px; letter-spacing: 1px }
#msform input:focus, #msform textarea:focus { -moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; border: none; font-weight: bold; border-bottom: 2px solid skyblue; outline-width: 0 }
#msform .action-button { width: 100px; background: skyblue; font-weight: bold; color: white; border: 0 none; border-radius: 0px; cursor: pointer; padding: 10px 5px; }
#msform .action-button:hover, #msform .action-button:focus { box-shadow: 0 0 0 2px white, 0 0 0 3px skyblue }
#msform .action-button-previous { width: 100px; background: #616161; font-weight: bold; color: white; border: 0 none; border-radius: 0px; cursor: pointer; padding: 10px 5px; }
#msform .action-button-previous:hover, #msform .action-button-previous:focus { box-shadow: 0 0 0 2px white, 0 0 0 3px #616161 }
select.list-dt { border: none; outline: 0; border-bottom: 1px solid #ccc; padding: 2px 5px 3px 5px; margin: 2px }
select.list-dt:focus { border-bottom: 2px solid skyblue }
.card { z-index: 0; border: none; border-radius: 0.5rem; position: relative }
.fs-title { font-size: 25px; color: #2C3E50; margin-bottom: 10px; font-weight: bold; text-align: left }
.radio-group { position: relative; margin-bottom: 25px }
.radio { display: inline-block; width: 204; height: 104; border-radius: 0; background: lightblue; box-shadow: 0 2px 2px 2px rgba(0, 0, 0, 0.2); box-sizing: border-box; cursor: pointer; margin: 8px 2px }
.radio:hover { box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.3) }
.radio.selected { box-shadow: 1px 1px 2px 2px rgba(0, 0, 0, 0.1) }
.fit-image { width: 100%; object-fit: cover }
#msform .isrt_info, .isrt_success, .isrt_warning, .isrt_error { margin: 10px 0px; padding: 12px; }
#msform .isrt_info { color: #00529b; background-color: #bde5f8; }
#msform .isrt_success { color: #4f8a10 !important; background-color: #dff2bf; }
#msform .isrt_warning { color: #9f6000; background-color: #feefb3; }
#msform .isrt_error { margin-top: 30px !important; color: #d8000c !important; background-color: #ffd2d2 !important; text-align: center !important; }
#msform .isrt_error.hide i { display: block; }
#msform .isrt_info i, .isrt_success i, .isrt_warning i, .isrt_error i { margin: 10px 22px; font-size: 2em; vertical-align: middle; }
#msform .hide { display: none; }
#msform .isrt-progress { height: 50px; text-align: center; }
#msform .isrt-progress img { margin: auto; }
#msform .action-button-previous { width: 135px; background: transparent linear-gradient(95deg, #E47A15 0%, #F2A65E 100%) 0% 0% no-repeat padding-box !important; font-weight: bold; color: white; border: 0 none; cursor: pointer; padding: 12px 20px; }
#msform .action-button-previous:hover, #msform .action-button-previous:focus { box-shadow: 0 0 0 2px white, 0 0 0 3px #C5C5F1; }
#progressbar_gd { counter-reset: step; margin: 0px !important; }
#progressbar_gd li { cursor: pointer; list-style-type: none !important; text-transform: uppercase; font-size: 9px; width: 15%; float: left; position: relative; letter-spacing: 1px; text-align: center !important; padding-bottom: 20px !important; }
#progressbar_gd li::before { content: counter(step); counter-increment: step; width: 50px; height: 50px; display: block; color: #fff; background: #F1A45A; border-radius: 25px; margin: -15px auto 10px auto; line-height: 49px !important; font-size: 21px; }
/*progressbar connectors*/
#progressbar_gd li:after { content: ''; width: 100%; height: 2px; background: #e38b1a; position: absolute; left: -50%; top: 9px; z-index: -1; /*put it behind the numbers*/ }
#progressbar_gd li:first-child:after { /*connector not needed before the first step*/ content: none; }
/*marking active/completed steps green*/
/*The number of the step and the connector before it = green*/
#progressbar_gd li.active::before, #progressbar_gd li.active::after { background: #e47b16; color: white; }
#msform .form-check input { width: 17% !important; padding: 5px; height: 30px !important; }
.form-control { border-radius: 0px !important; font-size: 1.6rem !important; }
.form-check label { width: 100%; }
.form-check, .form-data { padding-bottom: 10px !important; padding-right: 10px !important; padding-left: 10px !important; }
.previous.action-button-previous { font-weight: bold !important; font-size: 17px !important; }
#msform #same_as_address { width: 27px !important; margin-left: 11px; padding: 5px !important; background-color: #ffffff7a !important; }
#msform .form-check input { width: 28px !important; padding: 0px !important; height: 28px !important; background-color: #ffffff7a !important; padding: 5px !important; margin-right: 6px !important; }
.register-container h4, .register-container { color: #fff !important; }
.register-container .form-data { font-weight: 300; }
/*-----input-----*/
.register-container .isrt-container form .register_textbox input, .register-container .isrt-container form .register_textbox select, #msform input, #msform select, #msform textarea { background-color: #fffefe00 !important; border: 2px solid #ffffffc4 !important; margin-bottom: 20px !important; width: 100% !important; height: 50px !important; padding: 6px 15px !important; color: #fff !important; }
.isrt_reg_block .btn { width: 100%; border-radius: 0px !important; }
.register-container label { color: white !important; font-weight: 300 !important; }
.register-container .fs-title, .register-container h2 { text-transform: capitalize !important; color: #fff !important; margin-bottom: 24px !important; font-size: 29px !important; }
.register-container #progressbar_gd { display: flex; justify-content: center; }
.register-container #progressbar_gd li strong { color: #fff !important; text-transform: capitalize !important; font-weight: 400; font-size: 16px !important; letter-spacing: 1px !important; }
#basic_info_save { clear: both; display: block; border-radius: 0px !important; }
.form-check label { display: flex; }
.register-container .h-address { color: #fff !important; }
.row { margin-right: -15px !important; margin-left: -15px !important; }
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { padding-right: 15px !important; padding-left: 15px !important; }
.float-left { float: left !important; }
.float-right { float: right !important; }
.form-data, .cash_desc_div { color: #fff !important; }
.form-card { background-color: #151921 !important; padding: 30px !important; margin-bottom: 24px !important; }
.register-container select option { background-color: #16242c !important; }
#site-header .isrt-show-btn { margin: 0px 0px 0px 17px !important; border-radius: 20pc !important; background: none !important; border: 2px solid; font-size: 16px !important; height: 37px !important; display: flex; padding: 0px 20px !important; align-items: center; text-transform: capitalize !important; }
.register-container .alert-success { color: #155724 !important; background-color: #d4edda !important; border-color: #c3e6cb !important; }
.register-container .alert { position: relative !important; padding: 0.75rem 1.25rem !important; margin-bottom: 1rem !important; border: 1px solid transparent !important; border-radius: 0.25rem !important; font-size: 18px !important; font-weight: bold; }
.register-container .alert-danger { color: #721c24 !important; background-color: #f8d7da; border-color: #f5c6cb; }
.paybuy-now { font-size: 16px !important; color: white !important; text-transform: uppercase !important; padding: 18px 30px !important; }
.gd_exp_boxli { color: #fff !important; border: 2px solid #cecece !important; padding: 22px 44px !important; margin: 0px !important; }
.added_gd_exp { margin-top: 40px !important; }
.added_gd_exp legend { color: #fff !important; border: none !important; }
.gd_exp_boxli a { color: #e47b16 !important; }
.isrt-progress-ul { text-align: center !important; }
.memb_payment_boxli {
  color: #fff !important;
  border: 2px solid #cecece !important;
  padding: 22px 44px !important;
  margin: 0px !important;
}
.added_mem_payment {
  margin-top: 40px !important;
}
.added_mem_payment legend {
  color: #fff !important;
  border: none !important;
}

.divpack {
    padding: 35px 15px 35px 15px!important;
    border: 5px solid #ed9440!important;
}

#msform textarea { height: 100px !important;}

 @media only screen and (max-width: 767px) {
#msform li strong { display: none !important; }
}
 @media only screen and (max-width: 399px) {
#progressbar_gd li::before { width: 40px; height: 40px; line-height: 40px !important; font-size: 18px; }
#progressbar_gd li::after { top: 5px; }
}