/*.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: 500 !important; 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_memb { counter-reset: step; }
#progressbar_memb 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_memb 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_memb li:after { content: ''; width: 100%; height: 2px; background: #e38b1a; position: absolute; left: -50%; top: 9px; z-index: -1; /*put it behind the numbers*/ }
#progressbar_memb 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_memb li.active::before, #progressbar_memb 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_memb { display: flex; justify-content: center; }
.register-container #progressbar_memb 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; }
.paybuy-now { font-size:16px !important; color: white !important; text-transform: uppercase !important; padding: 18px 30px !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 !important;
  border-color: #f5c6cb !important;
}
.memb_exp_boxli { color: #fff !important; border: 2px solid #cecece !important; padding: 22px 44px !important; margin: 0px !important; }
.added_memb_exp { margin-top: 40px !important; }
.added_memb_exp legend { color: #fff !important; border: none !important; }
.memb_exp_boxli a { color: #e47b16 !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; }
.memb_payment_boxli a { color: #e47b16 !important; }

.mem_avatar_upload img {
	max-width: 100%;
}

.mem_avatar_upload .cropper-canvas {
  cursor: crosshair;
  background-color: #fff;
  opacity: 0.3;
  filter: alpha(opacity=0);
}

.mem_avatar_upload .cropper-crop-box, .cropper-view-box {
  border-radius: 50%;
}

.mem_avatar_upload .cropper-view-box {
  box-shadow: 0 0 0 1px #39f;
  outline: 0;
}

.mem_avatar_upload .image_area {
  position: relative;
}

.mem_avatar_upload img {
    display: block;
    max-width: 100%;
}

.mem_avatar_upload .preview {
    overflow: hidden;
    width: 160px; 
    height: 160px;
    margin: 10px;
    border: 1px solid red;
}

.mem_avatar_upload .modal-lg{
    max-width: 1000px !important;
}

.mem_avatar_upload .overlay {
  position: absolute;
  bottom: 10px;
  left: 0;
  right: 0;
  background-color: rgba(255, 255, 255, 0.5);
  overflow: hidden;
  height: 0;
  transition: .5s ease;
  width: 100%;
}

.mem_avatar_upload .image_area:hover .overlay {
  height: 50%;
  cursor: pointer;
}

.mem_avatar_upload .text {
  color: #333;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}
.memb_exp_boxli p {
  padding-bottom: 0 !important;
}
.isrt-progress-ul {text-align: center !important;}
.add_other_rowspan i {
  color: #f09f52 !important;
  font-size: 25px !important;
}
.add_other_rowspan,.remove_qual_row,.remove_qualfile_row{cursor: pointer;}
.upload_qual_row  {
  background: transparent linear-gradient(95deg, #E47A15 0%, #F2A65E 100%) 0% 0% no-repeat padding-box !important;
  border: none;
  color: #fff !important;
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 1px;
  cursor: pointer;
  display: inline-block;
  padding: 8px 20px !important;
  text-align: center !important;
  border-radius: 0px !important;
}
.already_div {
  font-size: 24px !important;
  align-content: center;
  top: 30px !important;
  position: relative;
}
.form-card.not-completediv {
  padding: 10px !important;
  text-align: center !important;
}
h2.notcomplete-title {
  color: red !important;
  padding-top: 10px !important;
  margin-bottom: 15px !important;
}
.not-register-div{font-size: 24px !important;
  align-content: center;margin-top: 30px !important;}
/*-------isrt-reg-page---------------- */
 .isrt_success, .isrt_error {
    display: block;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4)!important;
}

.modal-content-isrt {
    background-color: #000000!important;
    margin: auto!important;
    padding: 23px!important;
    border: 1px solid #888!important;
    width: 80%;
    margin-top: 170px!important;
}
.close-isrt {
    color: #aaaaaa!important;
    float: right;
    font-size: 28px;
    font-weight: bold;
}
@media only screen and (max-width: 600px) {
  .canvas-box {
       width: 85%!important;
    margin: 0 auto!important;
    padding: 2px!important;
}
  .canvas-box .cropper-wrap-box {
    border: 2px solid #e98b3247!important;
}
}