/* certificate search */

.last_result {
  width: 200px;
}

/* directions page */

.directions_box_footer a {
    width: 100%;
    background: #741b37;
    border-radius: 0.5rem;
    height: 100px;
    display: block;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    flex-direction: column;
    font-size: 20px;
    transition: all .4s ease-out;
}

.directions_box_footer a:hover {
    background: #000000;
    text-decoration: none;
    transition: all .4s ease-out;
}


.directions_box iframe {
    width: 100%;
    height: 500px;
}

.TermsController.directions #app,
.TermsController.cudirections #app
 {
  background-color: #731a36;
}

.directions_box_content a {
    color: #731d38;
    font-weight: 600;
    transition: all .4s ease-out;
}

.directions_box_content a:hover {
    text-decoration: none;
    color: #000000;
    transition: all .4s ease-out;
}


.directions_label {
    background: #000000;
    border-radius: 3rem;
    border-radius: 3rem;
    color: #fff;
    padding: 2.5px 7px;
    margin-right: 5px;
}

.directions_box_header h4 {
  color: #741b37;
}

.directions_box_header {
  border-bottom: 1px solid #ddd;
  padding-bottom: 15px;
  margin-bottom: 20px;

}

.directions_box p {
    font-size: 16px;
}

.directions_box_footer {
  border-top: 1px solid #ddd;
  padding-top: 20px;
  margin-top: 25px;
}

.directions_box {
    background: white;
    border-radius: 1rem;
    padding: 30px;
    margin-left: 20px;
    height: 94vh;
    overflow-y: scroll;
}




@media(max-width:1500px) {
  .directions_box iframe {
      width: 100%;
      height: 400px;
  }
}

@media(max-width:1199px) {
  .directions_box {
    margin: 0px 20px;
    height: unset;
  }

  .directions_box iframe {
      width: 100%;
      height: 300px;
  }

}



@media(max-width:991px) {
  .directions_box iframe {
      width: 100%;
      height: 350px;
  }


  .directions_box_header {
    text-align: center;
  }

}

@media(max-width:575px) {
  .directions_box_header h2 {
      font-size: 24px;
  }

  .directions_box iframe {
      width: 100%;
      height: 250px;
  }

  .directions_box {
    margin: 0px 0px;
    height: unset;
  }

  .directions_box {
    padding: 20px 15px;
  }

  .directions_box_header h4 {
    font-size: 21px;
  }

  .directions_box_header h2 {
    font-size: 22px;
  }

  .directions_box_footer {
    text-align: center;
  }


}

/* end directions */

.copy_btn {
  border: 0;
  background: #731b37;
  border-radius: 3rem;
  margin-top: 10px;
  color: #ffffff;
  padding: 5px 10px;
}

.tooltip {
  position: relative;
  display: inline-block;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 140px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px;
  position: absolute;
  z-index: 1;
  bottom: 150%;
  left: 50%;
  margin-left: -75px;
  opacity: 0;
  transition: opacity 0.3s;
}

.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}

/* end tooltip */

/* userDataEntries */
.pdf_preview {
  display: flex;
  align-items: center;
  padding: 10px 5px 10px 10px;
}

.pdf_preview i {
  margin-right: 5px;
}

.form_actions {
  display: flex;
}

/* activate controller */

.panel-danger {
    background: white;
    padding: 15px;
    border-radius: 0.5rem;
}

.panel-danger > .panel-heading {
    color: #ffffff;
    background-color: #ff0000;
    border-color: #bf5329;
    padding: 5px 10px;
    border-radius: 3rem;
    margin-bottom: 10px;
}

/* register form */

/* messages alerts */

.LoginController span.invalid-feedback {
    background: #ff0000;
    color: #fff;
    padding: 15px;
    margin: 10px 0;
    border-radius: 3rem;
}

.form_header h2 {
  color: #fff;
  font-weight: 300;
}

.form_header {
    margin-bottom: 20px;
    border-bottom: 1px solid #ffffff70;
    padding-bottom: 20px;
}

.LoginController.cuguestRegisterView .registration_info,
.LoginController.guestRegisterView .registration_info {
  margin-top: 30px;
}

.LoginController.cuguestRegisterView .registration_info p,
.LoginController.guestRegisterView .registration_info p {
  color: #ffffff;
}

.LoginController.cuguestRegisterView .gdpr_info label,
.LoginController.guestRegisterView .gdpr_info label {
  align-items: center;
}

.gdpr_box {
  display: flex;
}

.gdpr_wrapper {
  display: flex;
  justify-content: center;
}

.LoginController.cuguestRegisterView label,
.LoginController.guestRegisterView label {
    align-items: flex-start;
}

.LoginController.cuguestRegisterView .form-group,
.LoginController.guestRegisterView .form-group {
    flex-direction: unset !important;
    align-items: unset !important;
    justify-content: unset !important;
}

.gdpr_wrapper label a {
    color: #000;
    background: #b28290;
    border-radius: 3rem;
    padding: 2px 10px !important;
    transition: all .4s ease-out;
}

.gdpr_wrapper label a:hover {
    color: #ffffff;
    background: #000000;
    text-decoration: none;
    transition: all .4s ease-out;
}

.gdpr_wrapper input {
    width: 20px;
    height: 20px;
    margin-top: 6px;
}

.gdpr_wrapper label {
    text-align: center!important;
    color: #ffffff;
    font-size: 19px;
    padding-left: 5px;
    display: block !important;
    flex-direction: unset !important;
    align-items: unset !important;
    margin-bottom: unset !important;
}


@media(max-width:1750px) {
  .LoginController.cuguestRegisterView label,
  .LoginController.guestRegisterView label {
    padding: 0;
    font-size: 17px;
    padding-left: 10px
  }
}

@media(max-width:1199px) {
  .form_header {
      text-align: center;
    }

    .LoginController input {
      margin-bottom: 15px;
    }

}





/* seminar dashboard */

.space {
  margin-bottom: 20px;
}

.space.last_space {
  margin-bottom: 0px;
}


body.GuestSeminarsController {
  background: #701a35;
}

.GuestSeminarsController.cuguestDashboard .table-responsive .btn-warning,
.GuestSeminarsController.guestDashboard .table-responsive .btn-warning {
  width: 140px;
  color: #ffffff;
  background-color: #741b37;
  border-color: #741b37;
  font-size: 15px;
  transition: all .4s ease-out;
}

.GuestSeminarsController.cuguestDashboard .table-responsive .btn-warning:hover,
.GuestSeminarsController.guestDashboard .table-responsive .btn-warning:hover {
    background-color: #000000;
    border-color: #000000;
    transition: all .4s ease-out;
}

.GuestSeminarsController.cuguestDashboard .dataTables_wrapper,
.GuestSeminarsController.guestDashboard .dataTables_wrapper {
  margin-top: 10px;
}

.GuestSeminarsController.cuguestDashboard .btn-success,
.GuestSeminarsController.guestDashboard .btn-success {
    color: #ffffff;
    background-color: #741b37;
    border-color: #741b37;
    border-radius: 3rem;
    transition: all .4s ease-out;
}

.GuestSeminarsController.cuguestDashboard .btn-success:hover,
.GuestSeminarsController.guestDashboard .btn-success:hover {
    background-color: #000000;
    border-color: #000000;
    transition: all .4s ease-out;
}


.GuestSeminarsController.cuguestDashboard .guest_label_dashboard,
.GuestSeminarsController.guestDashboard .guest_label_dashboard {
    background: black;
    border-radius: 3rem;
    padding: 5px 10px;
    color: #fff;
}

.GuestSeminarsController.cuguestDashboard a.info_box,
.GuestSeminarsController.guestDashboard a.info_box {
    background: #ffffff;
    width: 100%;
    height: 220px;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    border-radius: 0.5rem;
    border-radius: 1rem;
    font-size: 22px;
    font-weight: 500;
    color: #701a35;
    transition: all .4s ease-out;
}

.GuestSeminarsController.cuguestDashboard a.info_box:hover,
.GuestSeminarsController.guestDashboard a.info_box:hover {
    background: #000000;
    width: 100%;
    height: 220px;
    color: #ffffff;
    box-shadow: unset;
    transition: all .4s ease-out;
}

.GuestSeminarsController.cuguestDashboard .info_stats_box.first,
.GuestSeminarsController.guestDashboard .info_stats_box.first {
  margin-bottom: 20px;
}

.GuestSeminarsController.cuguestDashboard .info_stats_box.first form,
.GuestSeminarsController.guestDashboard .info_stats_box.first form {
  width: 100%;
}
.GuestSeminarsController.cuguestDashboard .info_stats_box,
.GuestSeminarsController.guestDashboard .info_stats_box {
    margin: 0px;
    border-bottom: unset;
    padding: 25px 30px;
    border-radius: 1rem;
    height: unset;
    background: #fff;
    box-shadow: unset;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

.seminar_select_wrapper {
  display: flex;
}

select.selectSeminar {
  width: 100% !important;
  padding: 8px;
  border-radius: 0.5rem;
}


.LoginController.cuguestDashboard a.info_box,
.LoginController.guestDashboard a.info_box {
    background: #ffffff;
    color: #731b37;
}

.LoginController.cuguestRegisterView .guest_form_actions a,
.LoginController.guestRegisterView .guest_form_actions a,
.LoginController.cuguestView .guest_form_actions a,
.LoginController.guestView .guest_form_actions a {
    background: #000000;
    color: #fff;
    font-size: 21px;
    border-radius: 3rem;
    border-color: transparent;
    display: block;
}

.LoginController.cuguestRegisterView .guest_form_actions a:hover,
.LoginController.guestRegisterView .guest_form_actions a:hover,
.LoginController.cuguestView .guest_form_actions a:hover,
.LoginController.guestView .guest_form_actions a:hover {
    background: #ffffff;
    color: #000000;
}

.LoginController.cuguestView button.btn.btn-primary,
.LoginController.guestView button.btn.btn-primary {
    background: #b52f59;
}

.TermsController.directions:before,
.TermsController.cudirections:before,
.GuestSeminarsController.cuguestDashboard:before,
.GuestSeminarsController.guestDashboard:before,
.ActivateController.unverified:before,
.ActivateController.unverified:before,
.ActivateController.guest:before,
.LoginController.cuguestDashboard:before,
.LoginController.guestDashboard:before,
.LoginController.guestSelectHome:before,
.LoginController.cuguestRegisterView:before,
.LoginController.guestRegisterView:before,
.LoginController.cuguestView:before,
.LoginController.guestView:before {
    content: "";
    background-image: url('../images/bg_guest.jpg') !important;
    background-position: center;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    filter: opacity(1);
}


/* home select guest */
.guest_box_wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.guest_box {
    width: calc(50% - 30px);
    margin-right: 30px;
}



.guest_box a {
  text-align: center;
  background: white;
  width: 100%;
  display: block;
  border-radius: 0.5rem;
  display: flex;
  flex-direction: column;
  padding: 20px 20px;
  height: 200px;
  align-items: center;
  justify-content: center;
  font-size: 32px;
  color: #000000;
  font-weight: 100;
  transition: all .4s ease-out;
}

.guest_box a i {
  color: #731B37;
}


.guest_box a:hover {
  text-decoration: none;
  background: #000000;
  color: #ffffff;
  transition: all .4s ease-out;
}

.guest_box a:hover i {
  color: #ffffff;
}

.guest_box.first,
.guest_box.sec
 { margin-bottom: 25px; }


 @media(max-width:1700px) {
   .guest_box a {
     font-size: 28px;
   }
 }

 @media(max-width:1500px) {

   .guest_box_wrapper {
      flex-direction: column;
      flex-wrap: unset;
  }

  .guest_box {
    width: 100%;
    margin-right: 0;
    }

    .guest_box a {
      height: 170px;
    }

    .guest_box.third { margin-bottom: 25px; }

 }


@media(max-width:992px) {
  .guest_box.first, .guest_box.sec, .guest_box.third { margin-bottom: 25px; }
  .guest_box a { height: 160px; }
}

@media(max-width:575px) {

    .GuestSeminarsController.cuguestDashboard .info_stats_box,
    .GuestSeminarsController.guestDashboard .info_stats_box {
        align-items: center;
    }

    .GuestSeminarsController.cuguestDashboard ul.dtr-details,
    .GuestSeminarsController.guestDashboard ul.dtr-details {
        padding: 0px 0px 0px 0px;
        list-style: none;
    }

    .GuestSeminarsController.cuguestDashboard td.sorting_1,
    .GuestSeminarsController.guestDashboard td.sorting_1 {
        font-weight: 800;
    }

    .GuestSeminarsController.cuguestDashboard .dtr-title,
    .GuestSeminarsController.guestDashboard .dtr-title {
        display: none;
    }

    .GuestSeminarsController.cuguestDashboard .btn-success,
    .GuestSeminarsController.guestDashboard .btn-success {
        width: 100%;
    }

   .GuestSeminarsController.cuguestDashboard .table-responsive .btn-warning,
   .GuestSeminarsController.guestDashboard .table-responsive .btn-warning {
       margin-left: 0 !important;
        width: 100%;
   }


}

@media(max-width:420px) {
    .GuestSeminarsController.cuguestDashboard ul.dtr-details,
    .GuestSeminarsController.guestDashboard ul.dtr-details {
            padding: 0px 0px 0px 0px;
            list-style: none;
        }

        .GuestSeminarsController.cuguestDashboard ul.dtr-details li .dtr-title,
        .GuestSeminarsController.guestDashboard ul.dtr-details li .dtr-title {
            display: none !important;
        }

        .GuestSeminarsController.cuguestDashboard table#formparts_table tbody tr:first-child td,
        .GuestSeminarsController.guestDashboard table#formparts_table tbody tr:first-child td {
            padding-top: 30px;
        }

        .GuestSeminarsController.cuguestDashboard span.dtr-data,
        .GuestSeminarsController.guestDashboard span.dtr-data {
            font-weight: 800;
        }

        .GuestSeminarsController.cuguestDashboard td.sorting_1,
        .GuestSeminarsController.guestDashboard td.sorting_1 {
            font-weight: 800;
            padding: 5px 10px 5px 10px !important;
            background: #000000;
            border-radius: 3rem;
            display: inline-block;
            color: #ffffff;
            margin-bottom: 2px !important;
        }
        .GuestSeminarsController.cuguestDashboard tr.odd.dt-hasChild.parent,
        .GuestSeminarsController.cuguestDashboard tr.even.dt-hasChild.parent,
        .GuestSeminarsController.guestDashboard tr.odd.dt-hasChild.parent,
        .GuestSeminarsController.guestDashboard tr.even.dt-hasChild.parent {
            text-align: center;
        }

        .GuestSeminarsController.cuguestDashboard tbody,
        .GuestSeminarsController.guestDashboard tbody {
            top: 20px !important;
            position: relative;
        }

        .GuestSeminarsController.cuguestDashboard .user_home_header h1,
        .GuestSeminarsController.guestDashboard .user_home_header h1 {
            font-size: 22px;
            font-weight: 200;
            flex-wrap: initial;
            overflow-wrap: anywhere;
            text-align: center;
            margin-bottom: 0;
        }

        .GuestSeminarsController.cuguestDashboard .user_home_header b,
        .GuestSeminarsController.guestDashboard .user_home_header b {
            font-size: 27px;
            font-weight: 800;
            letter-spacing: 1px;
        }

        /* center vima 1 */
        .GuestSeminarsController.cuguestDashboard .guest_label_dashboard,
        .GuestSeminarsController.guestDashboard .guest_label_dashboard {
            width: 100%;
            text-align: center;
        }

        .GuestSeminarsController.cuguestDashboard .btn-success,
        .GuestSeminarsController.guestDashboard .btn-success {
            width: 100%;
        }

        .GuestSeminarsController.cuguestDashboard .info_stats_box,
        .GuestSeminarsController.guestDashboard .info_stats_box {
            border-bottom: unset;
        }

        .GuestSeminarsController.cuguestDashboard table.dataTable tbody th,
        .GuestSeminarsController.cuguestDashboard table.dataTable tbody td,
        .GuestSeminarsController.guestDashboard table.dataTable tbody th,
        .GuestSeminarsController.guestDashboard table.dataTable tbody td {
            text-align: center;
        }

        /* .GuestSeminarsController.guestDashboard tbody tr {
            display: flex;
        } */


}

@media(max-width:420px) {
  .guest_box a {
    height: 160px;
    font-size: 22px;
    font-weight: 300;
  }

  .GuestSeminarsController.cuguestDashboard .table-responsive .btn-warning,
  .GuestSeminarsController.guestDashboard .table-responsive .btn-warning {
      margin-left: 0 !important;
      margin-top: 15px;
      width: 100%;
  }

}


/* form i {
  width: 1.2857142857em !important;
  text-align: center;
} */

/* file uploads */

.box_file {
    background: #731b37;
    padding: 10px;
    border-radius: 0.5rem;
    color: #fff;
    display: flex;
    align-items: center;
    height: 85px;
    justify-content: space-between;
}

.box_file_right a {
    background: white;
    width: 150px;
    display: inline-block;
    padding: 15px 15px;
    text-align: center;
    border-radius: 3rem;
    color: #000;
    text-decoration: none;

}


.box_file_right a i {
  color: #731b37;
}

.box_file_right a {
    background: white;
    width: 150px;
    display: inline-block;
    padding: 15px 15px;
    text-align: center;
    border-radius: 3rem;
    color: #000;
    text-decoration: none;
    transition: all 0.2s ease-in-out;
}

.box_file_right a:hover {
    background: #000000;
    color: #ffffff;
    transition: all 0.2s ease-in-out;
}


.box_file_right a:hover i {
  color: #ffffff;
}

@media(max-width:1199px) {
  .box_file {
    height: 160px;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .box_file_left {
    margin-bottom: 20px;
  }

}



/* single box file */

.box_file.box_file_single {
    flex-direction: column;
}

.box_file.box_file_single .box_file_right input {
  background: white;
  border-radius: 3rem;
  color: #000;
}



@media(max-width:420px) {
  .box_file {
    height: 180px;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    text-align: center;
    display: block;
    font-size: 12px;
}

.box_file.box_file_single {
  flex-direction: column;
  height: 130px;
}

.box_file.box_file_single .box_file_right input {
  width: 100%;
}

}


/* home stats */
@media(max-width:991px) {
  .stats_box {
      margin-top: 20px;
  }

  .info_stats_box.user_home_header,
  .info_stats_box.stats_box
   {
    /* justify-content: center !important; */
    align-items: center;
  }
}

/* smooth scroll */
html {
  scroll-behavior: smooth;
}

/* statick switch */
.status_reg_static {
  color: #ffffff !important;
  font-size: 16px;
  background: #731b37;
  border-radius: 3rem;
  width: 25px;
  height: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: unset;
  transition: all .4s ease-out;
}
.status_reg_static:hover {
  color: #ffffff !important;
  background: #000000;
  text-decoration: unset;
  transition: all .4s ease-out;
}
/* switch */

button.btn.btn-sm.reg-btn-toggle.reg_stat_active {
    background-color: #f44d73;
}


.reg-btn-toggle {
  margin: 0 4rem;
  padding: 0;
  position: relative;
  border: none;
  height: 1.5rem;
  width: 3rem;
  border-radius: 1.5rem;
  color: #6b7381;
  background: #888888;
}
.reg-btn-toggle:focus,
.reg-btn-toggle.focus,
.reg-btn-toggle:focus.reg_stat_active,
.reg-btn-toggle.focus.reg_stat_active {
  outline: none;
}
.reg-btn-toggle:before,
.reg-btn-toggle:after {
  line-height: 1.5rem;
  width: 4rem;
  text-align: center;
  font-weight: 600;
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 2px;
  position: absolute;
  bottom: 0;
  transition: opacity 0.25s;
}
.reg-btn-toggle:before {
  content: 'Off';
  left: -4rem;
}
.reg-btn-toggle:after {
  content: 'On';
  right: -4rem;
  opacity: 0.5;
}
.reg-btn-toggle > .handle {
  position: absolute;
  top: 0.1875rem;
  left: 0.1875rem;
  width: 1.125rem;
  height: 1.125rem;
  border-radius: 1.125rem;
  background: #fff;
  transition: left 0.25s;
}
.reg-btn-toggle.reg_stat_active {
  transition: background-color 0.25s;
}
.reg-btn-toggle.reg_stat_active > .handle {
  left: 1.6875rem;
  transition: left 0.25s;
}
.reg-btn-toggle.reg_stat_active:before {
  opacity: 0.5;
}
.reg-btn-toggle.reg_stat_active:after {
  opacity: 1;
}
.reg-btn-toggle.btn-sm:before,
.reg-btn-toggle.btn-sm:after {
  line-height: -0.5rem;
  color: #fff;
  letter-spacing: 0.75px;
  left: 0.4125rem;
  width: 2.325rem;
}
.reg-btn-toggle.btn-sm:before {
  text-align: right;
}
.reg-btn-toggle.btn-sm:after {
  text-align: left;
  opacity: 0;
}
.reg-btn-toggle.btn-sm.reg_stat_active:before {
  opacity: 0;
}
.reg-btn-toggle.btn-sm.reg_stat_active:after {
  opacity: 1;
}
.reg-btn-toggle.btn-xs:before,
.reg-btn-toggle.btn-xs:after {
  display: none;
}
.reg-btn-toggle:before,
.reg-btn-toggle:after {
  color: #6b7381;
}
.reg-btn-toggle.reg_stat_active {
  background-color: #29b5a8;
}
.reg-btn-toggle.btn-lg {
  margin: 0 5rem;
  padding: 0;
  position: relative;
  border: none;
  height: 2.5rem;
  width: 5rem;
  border-radius: 2.5rem;
}
.reg-btn-toggle.btn-lg:focus,
.reg-btn-toggle.btn-lg.focus,
.reg-btn-toggle.btn-lg:focus.reg_stat_active,
.reg-btn-toggle.btn-lg.focus.reg_stat_active {
  outline: none;
}
.reg-btn-toggle.btn-lg:before,
.reg-btn-toggle.btn-lg:after {
  line-height: 2.5rem;
  width: 5rem;
  text-align: center;
  font-weight: 600;
  font-size: 1rem;
  text-transform: uppercase;
  letter-spacing: 2px;
  position: absolute;
  bottom: 0;
  transition: opacity 0.25s;
}
.reg-btn-toggle.btn-lg:before {
  content: 'Off';
  left: -5rem;
}
.reg-btn-toggle.btn-lg:after {
  content: 'On';
  right: -5rem;
  opacity: 0.5;
}
.reg-btn-toggle.btn-lg > .handle {
  position: absolute;
  top: 0.3125rem;
  left: 0.3125rem;
  width: 1.875rem;
  height: 1.875rem;
  border-radius: 1.875rem;
  background: #fff;
  transition: left 0.25s;
}
.reg-btn-toggle.btn-lg.reg_stat_active {
  transition: background-color 0.25s;
}
.reg-btn-toggle.btn-lg.reg_stat_active > .handle {
  left: 2.8125rem;
  transition: left 0.25s;
}
.reg-btn-toggle.btn-lg.reg_stat_active:before {
  opacity: 0.5;
}
.reg-btn-toggle.btn-lg.reg_stat_active:after {
  opacity: 1;
}
.reg-btn-toggle.btn-lg.btn-sm:before,
.reg-btn-toggle.btn-lg.btn-sm:after {
  line-height: 0.5rem;
  color: #fff;
  letter-spacing: 0.75px;
  left: 0.6875rem;
  width: 3.875rem;
}
.reg-btn-toggle.btn-lg.btn-sm:before {
  text-align: right;
}
.reg-btn-toggle.btn-lg.btn-sm:after {
  text-align: left;
  opacity: 0;
}
.reg-btn-toggle.btn-lg.btn-sm.reg_stat_active:before {
  opacity: 0;
}
.reg-btn-toggle.btn-lg.btn-sm.reg_stat_active:after {
  opacity: 1;
}
.reg-btn-toggle.btn-lg.btn-xs:before,
.reg-btn-toggle.btn-lg.btn-xs:after {
  display: none;
}
.reg-btn-toggle.btn-sm {
  margin: 0 0.5rem;
  padding: 0;
  position: relative;
  border: none;
  height: 1.5rem;
  width: 3.5rem;
  border-radius: 1.5rem;
}
.reg-btn-toggle.btn-sm:focus,
.reg-btn-toggle.btn-sm.focus,
.reg-btn-toggle.btn-sm:focus.reg_stat_active,
.reg-btn-toggle.btn-sm.focus.reg_stat_active {
  outline: none;
}
.reg-btn-toggle.btn-sm:before,
.reg-btn-toggle.btn-sm:after {
  line-height: 1.5rem;
  width: 0.5rem;
  text-align: center;
  font-weight: 600;
  font-size: 0.55rem;
  text-transform: uppercase;
  letter-spacing: 2px;
  position: absolute;
  bottom: 0;
  transition: opacity 0.25s;
}
.reg-btn-toggle.btn-sm:before {
  content: 'Off';
  left: -0.5rem;
}
.reg-btn-toggle.btn-sm:after {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-family: "Font Awesome 5 Pro";
  font-weight: normal;
  /* content: 'On';
  content: "\f1ea"; */
  content: "\f06e";
  right: -0.5rem;
  opacity: 0.5;
  font-size: 18px;
}
.reg-btn-toggle.btn-sm > .handle {
  position: absolute;
  top: 0.1875rem;
  left: 0.1875rem;
  width: 1.125rem;
  height: 1.125rem;
  border-radius: 1.125rem;
  background: #fff;
  transition: left 0.25s;
}
.reg-btn-toggle.btn-sm.reg_stat_active {
  transition: background-color 0.25s;
}
.reg-btn-toggle.btn-sm.reg_stat_active > .handle {
  left: 2.0875rem;
  transition: left 0.25s;
}
.reg-btn-toggle.btn-sm.reg_stat_active:before {
  opacity: 0.5;
}
.reg-btn-toggle.btn-sm.reg_stat_active:after {
  opacity: 1;
}
.reg-btn-toggle.btn-sm.btn-sm:before,
.reg-btn-toggle.btn-sm.btn-sm:after {
  line-height: -0.5rem;
  color: #fff;
  letter-spacing: 0.75px;
  left: 2.0875rem;
  transition: left 0.25s;
}
.reg-btn-toggle.btn-sm.btn-sm:before {
  text-align: right;
}
.reg-btn-toggle.btn-sm.btn-sm:after {
  text-align: left;
  opacity: 0;
}

.reg-btn-toggle.btn-sm.btn-sm:before {
  /* opacity: 0;
  opacity: 0; */
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-family: "Font Awesome 5 Pro";
  font-weight: normal;
  /* content: "\f06e"; */
  content: "\f070";
  position: relative;
  left: 13px;
  opacity: 1;
  font-size: 16px;
}

.reg-btn-toggle.btn-sm.btn-sm.reg_stat_active:before {
  opacity: 0;
}
.reg-btn-toggle.btn-sm.btn-sm.reg_stat_active:after {
  opacity: 1;
}
.reg-btn-toggle.btn-sm.btn-xs:before,
.reg-btn-toggle.btn-sm.btn-xs:after {
  display: none;
}
.reg-btn-toggle.btn-xs {
  margin: 0 0;
  padding: 0;
  position: relative;
  border: none;
  height: 1rem;
  width: 2rem;
  border-radius: 1rem;
}
.reg-btn-toggle.btn-xs:focus,
.reg-btn-toggle.btn-xs.focus,
.reg-btn-toggle.btn-xs:focus.reg_stat_active,
.reg-btn-toggle.btn-xs.focus.reg_stat_active {
  outline: none;
}
.reg-btn-toggle.btn-xs:before,
.reg-btn-toggle.btn-xs:after {
  line-height: 1rem;
  width: 0;
  text-align: center;
  font-weight: 600;
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 2px;
  position: absolute;
  bottom: 0;
  transition: opacity 0.25s;
}
.reg-btn-toggle.btn-xs:before {
  content: 'Off';
  left: 0;
}
.reg-btn-toggle.btn-xs:after {
  content: 'On';
  right: 0;
  opacity: 0.5;
}
.reg-btn-toggle.btn-xs > .handle {
  position: absolute;
  top: 0.125rem;
  left: 0.125rem;
  width: 0.75rem;
  height: 0.75rem;
  border-radius: 0.75rem;
  background: #fff;
  transition: left 0.25s;
}
.reg-btn-toggle.btn-xs.reg_stat_active {
  transition: background-color 0.25s;
}
.reg-btn-toggle.btn-xs.reg_stat_active > .handle {
  left: 1.125rem;
  transition: left 0.25s;
}
.reg-btn-toggle.btn-xs.reg_stat_active:before {
  opacity: 0.5;
}
.reg-btn-toggle.btn-xs.reg_stat_active:after {
  opacity: 1;
}
.reg-btn-toggle.btn-xs.btn-sm:before,
.reg-btn-toggle.btn-xs.btn-sm:after {
  line-height: -1rem;
  color: #fff;
  letter-spacing: 0.75px;
  left: 0.275rem;
  width: 1.55rem;
}
.reg-btn-toggle.btn-xs.btn-sm:before {
  text-align: right;
}
.reg-btn-toggle.btn-xs.btn-sm:after {
  text-align: left;
  opacity: 0;
}
.reg-btn-toggle.btn-xs.btn-sm.reg_stat_active:before {
  opacity: 0;
}
.reg-btn-toggle.btn-xs.btn-sm.reg_stat_active:after {
  opacity: 1;
}
.reg-btn-toggle.btn-xs.btn-xs:before,
.reg-btn-toggle.btn-xs.btn-xs:after {
  display: none;
}
.reg-btn-toggle.btn-secondary {
  color: #6b7381;
  background: #888888;
}
.reg-btn-toggle.btn-secondary:before,
.reg-btn-toggle.btn-secondary:after {
  color: #6b7381;
}
.reg-btn-toggle.btn-secondary.reg_stat_active {
  background-color: #ff8300;
}

.btn.focus, .btn:focus {
  box-shadow: unset;
}

button.btn.btn-sm.regstatustoggle.reg-btn-toggle.reg_stat_active:after {
  left: 5px;
}

/* switch */

/* add form select style */

form select {
  display: block;
  width: 100%;
  height: calc(1.6em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: 0.9rem;
  font-weight: 400;
  line-height: 1.6;
  color: #495057;
  background-color: #ffffff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

body {
  font-family: "Roboto", sans-serif !important;
}

.user_home_header h1 {
  font-size: 34px;
  font-weight: 300;
}

/* nav right */

a.nav-link {
  font-size: 17px;
}

a.navbar-brand {
  font-weight: 800;
}

/* login form */

.LoginController.cuguestSelectHome:before {
    content: "";
    background-image: url(../images/bg_login2.png);
    background-position: bottom;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    filter: opacity(0.4);
}

.LoginController:before {
    content: "";
    background-image: url(../images/bg_login.png);
    background-position: bottom;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    filter: opacity(0.8);
}

.LoginController label i {
    background: white;
    border-radius: 3rem;
    color: #731b37;
    padding: 10px;
    margin-bottom: 5px;
    height: 40px;
    width: 40px;
}

body.LoginController {
  background-color: #731B37;
}

.LoginController nav#menu {
  position: fixed;
  top: 0;
  right: 0;
}

/* remeber me */
.LoginController .checkbox label {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.LoginController .checkbox label input {
    width: 20px;
    height: 20px;
    margin-right: 10px;
}


.LoginController input {
    padding: 25px !important;
    border-radius: 3rem !important;
    font-size: 22px;
    font-weight: 600;
}


.LoginController button.btn.btn-primary {
    background: #c72658;
    color: #fff;
    font-size: 21px;
    border-radius: 3rem;
    border-color: transparent;
}

.LoginController button.btn.btn-primary:hover {
  color: #000000;
  background-color: #ffffff;
  border-color: #ffffff;
}

.LoginController .btn-primary:not(:disabled):not(.disabled):active,
.LoginController .btn-primary:not(:disabled):not(.disabled).active,
.LoginController .show > .btn-primary.dropdown-toggle {
    color: #000000;
    background-color: #ffffff;
    border-color: #ffffff;
}

.ActivateController.guest main a,
.ActivateController.unverified main a {
  background-color: #000000 !important;
  border-color: #000000 !important;
  border-radius: 3rem;
  transition: all .4s ease-out;
}


.ActivateController.guest main a:hover,
.ActivateController.unverified main a:hover {
  background-color: #741b37 !important;
  border-color: #741b37 !important;
  border-radius: 3rem;
  transition: all .4s ease-out;
}


.ActivateController.guest main,
.ActivateController.unverified main,
.LoginController main {
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.LoginController .card {
  background-color: #ffffff00 !important;
  border: 0px solid rgba(0, 0, 0, 0.125);
}

.LoginController .form-group {
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.LoginController label {
  text-align: center!important;
  color: #ffffff;
  font-size: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 10px;
}

.LoginController button {
  width:100%;
}

@media(max-width:767px) {
  .ActivateController.guest main,
  .ActivateController.unverified main,
  .LoginController.cuguestRegisterView main,
  .LoginController.guestRegisterView main {
    height: 100%;
}

.gdpr_wrapper label a {
    display: flex !important;
    flex-direction: column !important;
  }

  .gdpr_box .form-check-input {
    position: relative;
  }



}
/* user dashboard home */

/* info stats box */

.info_stats_box {
  margin-bottom: 35px;
  border-bottom: 1px solid #e3e3e3;
  padding: 0px 30px 0;
  height: 100%;
  background: #fff;
  box-shadow: 0 0 6px #ddd;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}


.user_home_header h1 {
  font-size: 34px;
  font-weight: 200;
}

.user_home_header b {
  font-size: 48px;
  font-weight: 800;
  letter-spacing: 4px;
}

.user_access {
  font-size: 14px;
  font-weight: 500 !important;
  letter-spacing: 0;
}


.user_access strong {
  font-weight: 700 !important;
}

.user_access.badge-warning,
.user_access.badge-primary
 {
    color: #ffffff;
    background-color: #731b37;
    padding: 5px 10px;
    border-radius: 3rem;
    margin-bottom: 0;
}

/* user info boxes */

a.info_box i {
    font-size: 32px;
}

a.info_box {
  background: #731b37;
  width: 100%;
  height: 220px;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  border-radius: 0.5rem;
  font-size: 22px;
  font-weight: 500;
  color: #fff;
  margin-bottom: 20px;
  transition:  all .4s ease-out;
}

a.info_box:hover {
    text-decoration: unset;
    background: #ffffff;
    color: #731b37;
    box-shadow: 0 0 5px #ddd;
    transition:  all .4s ease-out;
}

@media(max-width:991px) {

  a.info_box {
    margin-bottom: 20px;
  }

}

/* stats box */
.stats_box {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: end;
  justify-content: center;
  line-height: 1;
}

.stats_box.stats_box_center {
  align-items: unset !important;
  justify-content: unset;
  padding: 20px;
  height: unset;
  margin-bottom: 15px;
}

.stats_box p {
  font-weight: 300;
  font-size: 26px;
}

.stats_box p b {
  background: #731b37;
  border-top-left-radius: 1rem;
  border-bottom-right-radius: 1rem;
  padding: 5px 10px;
  color: #ffffff;
  font-size: 14px;
  font-weight: 700;
}

.stats_box p b i {
  margin-right: 5px;
}

.stats_box p strong {
  font-weight: 600;
  font-size: 32px;
  color: #731b37;
}

/* user dashboard center main div */

.UserController main {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}



tbody#users_table td {
    padding: 15px;
}

/* search form */
.searchbar .form-control {
    display: block;
    height: unset !important;
    padding: 20px !important;
  }

  .search_btn span#basic-addon1 {
    padding: 15px 30px;
    background: #731b37;
    color: #ffffff;
    font-size: 26px;
    border: unset;
}

.search_results {
    background: white;
    border: 1px solid #ddd;
}


/* add form style */

.info_row_form {
  background: #e7e7e7;
  padding: 15px;
  border-radius: 0.5rem;
  margin-bottom: 25px;
}

.info_row_form.info_row_white {
  background: #ffffff !important;
  padding: 0px !important;
  margin-bottom: 0!important;
  padding-top: 30px !important;
}



.info_row_form p {
  color: #ffffff;
  background: #731b37;
  border-top-left-radius: 0.5rem;
  padding: 5px 15px;
  display: inline-block;
  position: absolute;
  top: 0;
  left: 15px;
}

.info_row_form.info_row_white p {
    top: 12px;
    left: 20px;
}

.info_row_form > .row {
  margin-top: 40px;
}

/* toggle yes no */
.toggle-on.btn {
  background: #731b37;
  color: #fff;
}

.toggle-off.btn {
  padding-left: 24px;
  background: #000000;
  color: #fff;}

.toggle-handle {
  background: #fff;
}

.toggle_style.form-group {
  display: flex;
  flex-direction: column;
}

.footer_nav {
  display: flex;
}

.footer_nav a {
  width: 50%;
  padding: 10px;
  margin-right: 5px;
}

.footer_nav button {
  width: 50%;
  margin-left: 5px;
}

.footer_nav a {
  background: black;
  border-color: black;
  color: #ffffff;
}

.footer_nav a:hover {
  background: #731b37;
  border-color: #731b37;
  color: #ffffff;
}

.footer_nav a {
  background: black;
  border-color: black;
  color: #ffffff;
}

.footer_nav a:hover {
  background: #731b37;
  border-color: #731b37;
  color: #ffffff;
}

.footer_nav button {
  background: #731b37;
  border-color: #731b37;
  color: #ffffff;
}

.footer_nav button:hover {
  background: #000000;
  border-color: #000000;
  color: #ffffff;
}

/* toggle style */

.form_toggle .btn-danger:not(:disabled):not(.disabled):active,
.form_toggle .btn-danger:not(:disabled):not(.disabled).active,
.form_toggle .show > .btn-danger.dropdown-toggle {
  background: black !important;
  border: black !important;
  border-color: #000000 !important;
}

.form_toggle .btn-success:not(:disabled):not(.disabled):active,
.form_toggle .btn-success:not(:disabled):not(.disabled).active,
.form_toggle .show > .btn-success.dropdown-toggle {
    color: #ffffff;
    background-color: #000000;
    border-color: #000000;
}