/* Login/Sign-up */
.login-tabs { display: grid; grid-template-columns: 1fr 1fr; grid-column-gap: 10px; margin-bottom: 1rem; }
.login-tabs .login-tab { flex-basis: 50%; }
.login-tabs .login-tab:hover { cursor: default; }
.login-tabs .login-tab-closed:hover { cursor: pointer; }
.login-tabs .login-tab, .login-tabs .login-tab-closed:hover, .login-tabs .login-tab-closed:focus { border-bottom: 3px solid #f90382; }
.login-tabs h1, .login-tabs h2, .login-tabs .login-tab-closed:hover h2, .login-tabs .login-tab-closed:focus h2 { color: #474787; text-align: center; }
.login-tabs .login-tab-closed { border-bottom: 1px solid #f90382; }
.login-tabs .login-tab-closed h2 { color: #808080; }
.login-tabs h1, .login-tabs h2 { font-size: 1.5rem !important; }

.login-section input, .login-section select { border: none; border-radius: 5px; height: auto; padding: 12px; margin-bottom: 0.5rem; }
.login-section .eb_select { background-position: right center; }
.login-section .eb_label { color: #515151; margin-bottom: 0.2rem; padding-top: 0.5rem; }
.login-section .help-text a { text-decoration: underline; }
.login-section .eb_btn { padding: 10px 40px; }
.login-section #error-msg-container { height: auto; }
.login-section #error-msg, .login-section #error-msg-container { display: block; }

.register_address { display: flex; position: relative; }
.register_address input, .register_address button { margin: 0; }
.register_address .address_lookup_button { padding: 5px; background-color: #f90382; color: #fff; font-weight: 700; text-transform: uppercase; display: inline-block; font-size: .813rem; border-radius: 10px; line-height: 2; margin-left: 5px; white-space: nowrap; cursor: pointer; }
#pw-message { display: none; color: #000; position: relative; }
#pw-message ul { margin: 0; padding-left: 2rem; list-style: none; }
#pw-message li:before { content: "\2714"; left: 0rem; position: absolute; color: #f90382; }
#pw-message li b { color: #f90382; }
#pw-message li.invalid:before { content: "\2716"; color: inherit; }

#forgotModal {background-color: #f3f3f3; max-width: 600px; }
#forgotModal .modal_content { padding: 0; min-height: auto; }
#forgotModal .modal_content:before { padding: 0; min-height: auto; padding: 0; }
#forgotModal .modal_detail { position: relative; }
.modal_detail .login-section { padding-top: 20px; }

/* User Dashboard */
.dashboard_table .value .notice { position: initial; }
.user-dashboard { display: grid; grid-template-columns: 300px 1fr; background-color: #fff; padding-bottom: 50px; }
.user-dashboard__header { display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between; align-items: center; color: #474787; font-weight: 700; }
.user-dashboard__header h4 { margin-top: 0.5rem; }
.back_light_purple { padding: 5px 50px;}

.user-dashboard__sidebar { background-color: #f3f3f3; margin: 10px 10px 10px 30px; padding: 10px; }
.user-dashboard__sidebar h5 { font-size: 1.2rem; font-weight: 500; margin-bottom: 0.3rem; margin-top: 0.2rem; }
.user-dashboard__sidebar-list { margin-left: 0; }
.user-dashboard__sidebar-list li { list-style-type: none; margin-bottom: 12px; }
.user-dashboard__sidebar-list a { color: #515151; font-weight: 500; display: flex; }
.user-dashboard__sidebar-radio { position: relative; padding-left: 28px; }
.user-dashboard__sidebar-radio .checkmark { position: absolute; left: 0; height: 20px; width: 20px; background-color: #fff; border-radius: 50%; border: solid 1px #f90382; }
.user-dashboard__sidebar-radio.active .checkmark { background-color: #fff; border: solid 1px #f90382; }
.user-dashboard__sidebar-radio .checkmark:after { content: ""; position: absolute; display: none; }
.user-dashboard__sidebar-radio.active .checkmark:after, .user-dashboard__sidebar-radio:hover .checkmark:after { display: block; }
.user-dashboard__sidebar-radio .checkmark:after { top: 3px; left: 3px; width: 12px; height: 12px; border-radius: 50%; background: #f90382; }
.user-dashboard__sidebar-input { border: 1px solid #f90382; border-radius: 5px; background-color: #fff; padding-left: 5px; margin-bottom: 16px; }
.user-dashboard__sidebar-input .select2-dropdown { border-radius: 5px; }
.user-dashboard__sidebar-input .select2-selection--single, .user-dashboard__sidebar-input .select2-selection__rendered { border-radius: 5px; }
.user-dashboard__sidebar-input .select2-container--default .select2-selection--single .select2-selection__rendered { padding: 0.2rem 1.75rem 0.2rem calc(0.2rem + 5px); }
.user-dashboard__sidebar-input .fa-calendar { margin: 5px; }
.user-dashboard__sidebar-input input { padding: 0.2rem; }
.user-dashboard__sidebar-input.small { margin-bottom: 0; }
.user-dashboard__sidebar .eb_btn { min-width: auto; }
.eb_select { padding-left: 0; }
.select2-container.select2-container--default.select2-container--open { left: 0 !important; }
.page-results { position: relative; }
.page-results select { padding: 0 1.5rem 0 calc(00.2rem + 5px); margin: 0; }
.page-results:hover, .page-results select:hover { cursor: pointer; }
.page-results:after { position: absolute; content: ""; top: 8px; right: 0; display: inline-block; padding: 5px; background: url(/assets/img/eb_arrow.png) center no-repeat; margin: 5px; width: 20px; }
.select2-dropdown--above, .select2-dropdown--below { -webkit-animation: none; animation: none; }

.user-dashboard__main, .user-dashboard__table-container, .user-dashboard__table, .user-dashboard__sidebar .eb_btn { width: 100%; }
.user-dashboard__main { padding: 10px 0 10px 10px; overflow-x: hidden; }
.user-dashboard__table { overflow-x: auto;}
.user-dashboard__table-container { display: flex; flex-direction: column; padding-right: 30px; }
.user-dashboard__table .dashboard_table { margin: 0; border-radius: unset; -webkit-border-radius: unset; }
.user-dashboard__table .dashboard_table tbody tr { border-bottom: 2px solid #808080; }
.user-dashboard__table .dashboard_table th:first-child{ border-radius: 5px 0 0 5px; }
.user-dashboard__table .dashboard_table th:last-child{ border-radius: 0 5px 5px 0; }
.user-dashboard__table .dashboard_table button { color: #fff; font-weight: 700; }
.user-dashboard__table .dir-desc.dashboard_table_sort:after { content: "\f106"; }
.user-dashboard__table-actions { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; margin-top: 25px; }
.user-dashboard__table-actions nav { display: flex; align-items: center; }
.user-dashboard__table-actions .pagination { margin: 0; }
.user-dashboard__table-actions .pagination li a { font-size: 1rem; }
.user-dashboard__table-actions .pagination .disabled { padding: 0; }
.user-dashboard__table-actions .pagination .current { background-color: #f90382; border-radius: 13px; }
.user-dashboard__table-actions .pagination a { padding: 0.2rem 0.55rem;}
.user-dashboard__table-actions .pagination a:hover { border-radius: 13px; }
.user-dashboard__table-actions .dashboard_actions .grid-x.grid-padding-x { align-items: center; }
.user-dashboard__table-actions .select-items { top: unset; bottom: 100%; }
.user-dashboard__table-actions .dashboard_actions { width: 100%; justify-self: end; }
.user-dashboard__table-large { display: table-cell; }
.user-dashboard__modal.reveal .close-button { color: #808080; }
.user-dashboard__modal.reveal .close-button:active, .user-dashboard__modal.reveal .close-button:focus, .user-dashboard__modal.reveal .close-button:hover { color: #515151; }
.user-dashboard__modal.reveal .modal_detail { right: unset; }
.user-dashboard__modal.reveal .modal_detail .header { flex-flow: column nowrap; -webkit-flex-flow: column nowrap; }
.user-dashboard__modal.reveal .modal_detail .header .course { margin-bottom: 0.5rem; }

@media screen and (max-width: 1100px) {
    .user-dashboard__table-actions .dashboard_actions { flex-basis: 100%; }
}
@media screen and (max-width: 725px) {
    .user-dashboard { grid-template-columns: 1fr; }
    .user-dashboard__sidebar { margin: 10px; flex-basis: 100%; }
    .user-dashboard__table-large { display: none; }
    .back_light_purple { padding: 5px 10px; }
    .user-dashboard__header h4 { font-size: 1.3rem !important; }
    .user-dashboard__main { padding: 10px; }
    .user-dashboard__table-container { padding: 0; }
    .page-results { padding-left: 0.625rem; margin-top: 5px; }
}

.stage_details:first-of-type {
    margin-top: 1.688rem;
}

@media print, screen and (min-width: 64em) {
    .stage_details:first-of-type {
        margin-top: 2.313rem;
    }
}