@import url('https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;500;600;700;800;900&display=swap');
body {
    font-family: Montserrat !important;
    user-select: none;
}

h2,
h3,
h4,
h5,
h6,
h1 {
    font-family: Montserrat !important;
}

#single_line_header .col-xs-12 {
    padding: 0;
    width: 100%;
}

#single_line_header .form-group {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 5px;
    padding: 20px;
    margin-bottom: 0;
}

.fullnavbar li a:hover {
    background: transparent;
    color: #000;
    text-decoration: none;
}

.columnR.Login_column {
    width: 100%;
}

.columnR.Login_column #UserEmail,
.columnR.Login_column #Password {
    width: 27%;
}

.container.body-content .columnR h2 {
    font-size: 33px;
    margin-bottom: 20px;
    font-weight: 600;
}

#single_line_header .col-xs-3 {
    width: 25%;
    padding: 0;
}

#single_line_header label {
    padding: 0 10px;
}

#single_line_header .btn {
    margin: 0 0 0 10px;
    background: #DC7300;
    border-radius: 16px;
}

.image .top_logo_box img {
    width: 250px;
}

#single_line_header .btn:focus,
#single_line_header .btn:hover {
    outline: none;
    color: #fff;
}

.row {
    background: #F5F5F5;
    margin: 0 !important;
    height: inherit;
}

.rowsinPage,
#loadMainTable {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    box-shadow: 0px 3px 6px #9DCEFF29;
    border-radius: 5px;
    padding: 20px;
    margin-bottom: 0;
    background: #fff;
    border-radius: 8px;
}

#loadMainTable {
    border-radius: 8px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    padding-left: 0;
    margin-top: 0;
}

.columnR label {
    font-size: 14px;
    margin-right: 10px;
    margin-top: 5px;
    color: #707070;
    font-weight: 600;
}

.columnR .col-xs-3 {
    display: flex;
    width: 225px;
    padding-left: 0;
}

.row input,
input:not([disabled]),
select:not([disabled]),
.input-group .form-control {
    background: #eff1f5;
    height: auto;
}

.parsley-errors-list {
    padding: 0;
}


/* #parents_detail_allergy {
    width: 63%;
} */

#view-patient-up,
#view-epipen-up {
    position: fixed;
    top: 10%;
    right: 0;
    left: 0;
    z-index: 1004;
}

.parsley-required,
.parsley-type {
    color: #f27474;
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 14px;
}

.row .btn,
button#btnExportToExcel {
    background: #DC7300;
    border-radius: 23px;
    border-color: #DC7300;
    padding: 5px 12px;
    outline: none;
    font-weight: 300;
    color: #fff;
}

button.btn.btn-warning.btn-reset {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

button.btn.btn-default.btn-choose {
    margin: 0;
}

.row .btn:hover {
    color: #fff;
}

.row .form-group {
    margin-bottom: 0;
}

.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child>.btn,
.input-group-btn:last-child>.dropdown-toggle,
.input-group-btn:first-child>.btn:not(:first-child) {
    border-radius: 0;
    height: 28px;
    outline: none;
}

.dataTables_info {
    display: none;
}

.container.body-content .row .columnR .col-xs-2.pull-right {
    display: block;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-shadow: 0px 3px 6px #9DCEFF29;
    padding: 5px 20px;
    margin-bottom: 0;
    background: #fff;
    border: 0;
    border-top-left-radius: 8px;
    width: 100%;
    margin-top: 10px;
    border-top-right-radius: 8px;
}

.columnR .col-xs-2.pull-right.ngfi-export-wrap h4 a,
#rowData tr td a {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    margin-right: 0px;
    border-radius: 8px;
    color: #fff;
    background: #DC7300;
    border-radius: 23px;
    border-color: #DC7300;
    padding: 5px 12px;
    text-decoration: none;
    font-weight: 300;
}

.row table th {
    background: #eff1f5 repeat-x;
    border-right-color: transparent;
    font-size: 14px;
    margin-right: 10px;
    margin-top: 5px;
    color: #707070;
    border-right: 5px solid #fff;
    padding: 0px 13px 0px 13px;
    line-height: 1;
    width: 1px;
    white-space: nowrap;
}

.columnR .row tr th b {
    font-weight: 600;
    font-size: 13px;
}

.container .view-patient-popup table th:last-child,
.container .view-epipen-popup table th:last-child {
    padding: 20px 15px;
}

.row table th:last-child {
    border-right-color: #fff;
    width: 10%;
    padding: 13px 13px 15px 13px;
    margin: 0;
}

.columnR .row .sort .sort-wrap {
    display: flex;
    min-width: 181px;
    justify-content: space-between;
}

.columnR .row .sort .sort-wrap .sortable {
    white-space: normal;
    display: flex;
    flex-direction: column;
}

.columnR .row .sort .sort-wrap b {
    align-items: center;
    display: flex;
    padding-right: 10px;
}

.fa-caret-down:before,
.fa-caret-up:before {
    color: #8696b6;
}

td {
    font-size: 12px;
    text-align: center;
    padding: 10px 22px;
}

.row tr {
    border-color: #eff1f5;
    border: 1px solid #eff1f5;
    border-left: 0;
    border-right: 0;
}

#rowData button {
    background: #dc7300;
    color: #fff;
    border: 0;
    padding: 3px 14px;
    border-radius: 22px;
    outline: none;
    font-weight: 300;
}

#rowData .buttondisabled {
    background: #777675;
    color: #fff;
    border: 0;
    padding: 3px 14px;
    border-radius: 22px;
    outline: none;
    font-weight: 300;
    margin-right: 0;
}

.section1 .patient_reg_card {
    width: 373px;
}

#rowData td {
    white-space: nowrap;
}

.row .pro-detail {
    color: #fff;
    font-weight: 600;
    font-size: 25px;
    background: #1e3b78;
}

#form_1 .pro-input #patient_detail_emergency-contact,
.section4 #login_details_emailaddress_label {
    padding: 10px !important;
}

.section4 .checkbox+.checkbox {
    margin-top: 10px;
}

.section4 .checkbox.terms-check {
    display: flex;
    align-items: center;
}

#epiclub-profile select,
input {
    outline: none !important;
}

.columnR #epiclub-profile #patient_detail_dob {}

.patient_detail_divide.pat_reg .patient_detail_divide2.pat_reg_col label {
    width: 100%;
}

#form_1 label,
.pro-input #patient_detail_emergency-contact,
#mailingaddress label {
    width: 100%;
}

#epiclub-container p {
    font-weight: 600;
    color: #707070;
    font-size: 16px;
}

.row #personal-info-section,
#personal-info-section, #edit-student-popup {
    max-width: 58% !important;
    z-index: 99;
}

.row #personal-info-section {
    background: #fff;
    padding: 10px 40px;
    position: relative;
}

#personal-info-section .pro-detail, #edit-student-popup .pro-popup .pro-detail {
    font-size: 20px;
    padding-left: 50px;
    position: relative;
}

.personal-info-section-inner {
    height: calc(100vh - 15vh);
    overflow-y: scroll;
    padding-right: 15px;
    margin-right: -20px;
    scroll-margin-top: 95px;
}

::-webkit-scrollbar-track {
    margin: 95px 0 20px 20px;
}

#personal-info-section .pro-detail::before, #edit-student-popup .pro-popup .pro-detail::before{
    font-size: 50px;
    position: absolute;
    content: "+";
    font-weight: 100;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 3%;
}

#personal-info-section form.active .pro-detail::before {
    content: "-";
    top: 45%;
}

#personal-info-section .pro-input {
    flex-direction: column;
    margin-right: 0;
}

#personal-info-section .pro-button {
    width: auto;
}

.row #epiclub-container .right-profile-section {
    width: 100%;
}

#user-profile-view {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
}


/*.edit-user-profile:after {
    font-family: "FontAwesome";
    display: inline-block;
    padding-right: 3px;
    vertical-align: middle;
    font-weight: 900;
    font-size: 20px;
    color: #000;
    margin-left: 4px;
    content: "\f2ed";
}
.delete_user_profile:after {
    font-family: "FontAwesome";
    display: inline-block;
    padding-right: 3px;
    vertical-align: middle;
    font-weight: 900;
    font-size: 20px;
    color: #000;
    margin-left: 4px;
    content: "\f303";
}*/


/* width */

.row ::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    margin: 95px 0 20px;
}


/* Track */

::-webkit-scrollbar-track {
    background: #F5F5F5;
}


/* Handle */

::-webkit-scrollbar-thumb {
    background: #5a6269;
    border-radius: 5px;
}

#loadMainTable .sticky-table {
    overflow: auto;
    padding: 0 20px 0 0;
	margin: 0 0 0 20px;
    max-height: 390px;
}


/* .admin_table .sticky-table {
    margin-right: 160px;
} */


/* .admin_table table th {
    padding: 8px 13px 8px 13px;
} */


/* .admin_table .sticky-table table tr th:last-of-type,
.admin_table .sticky-table table tr td:last-of-type {
    position: sticky;
    right: -20px;
    width: 14%!important;
} */


/* .admin_table .sticky-table table tr td:last-of-type {
    background: #fff;
    z-index: 999;
} */

#single_line_header .rowsinPage {
    position: fixed;
    right: 0;
    left: 0;
    /* z-index: 1004; */
    width: 50%;
    margin: 0 auto;
    top: 35%;
    display: none;
}

.add-patient-popup .parsley-required,
.add-patient-popup .parsley-type,
.parsley-errors-list .parsley-pattern,
.parsley-errors-list .parsley-minlength {
    margin-left: 17%;
}

#single_line_header .rowsinPage .input-group {
    background: #fff;
    max-width: 645px;
    height: 100%;
    margin: 0 auto;
    color: #333;
    padding: 30px;
    box-sizing: border-box;
    display: table;
    display: flex;
    flex-direction: column;
    position: relative;
    text-align: center;
}

#single_line_header .rowsinPage .input-group-btn {
    margin: 0 auto;
    width: 50%;
}

#importFile {
    width: 100%;
    border: 0;
    box-shadow: none;
    background: #fff;
    height: auto;
    color: transparent;
    outline: none;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    margin: 0;
    padding: 0;
    cursor: pointer;
    opacity: 0;
}

#interstitial-overlay {
    /* background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0; */
    display: none;
    height: 100%;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1003;
    opacity: 0.5;
    opacity: 0.9;
    background: #000;
}

.cancel1 {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
}


/*table{
    border-collapse: separate;
    border-spacing: 0;
    border-top: 1px solid grey;
}
td, th {
    margin: 0;
    white-space: nowrap;
    border-top-width: 0px;
}
#loadMainTable .sticky-table{
    overflow-x: scroll;
    overflow-y: visible;
    padding: 0;
    width: 788px;
}
tr td:last-child,tr th:last-child {
  position: absolute;
  right: 0;
  top: auto;
  border-top-width: 1px;
}
tr td:last-child{
  background:#fff;
}*/

.choose-pop {
    position: relative;
}

#epiclub-profile .pro-input label {
    width: 100% !important;
    margin-right: 0;
}

.patient_reg_allergies .allergyContainer .patient_allergies_mail-link.pat_reg_col>p {
    padding: 10px 0px;
    margin: 0;
}

.container.body-content .patient_reg_allergies .patient_allergies_mail-link {
    width: auto;
}

.container.body-content .section1,
.container.body-content .section3,
.container.body-content .section4,
.section1-header {
    max-width: 100%;
    width: 60%;
}

.section1-header {
    margin: 0px auto;
}

#epiclub-container .section4 .tool-alert-box-log p {
    font-size: 10px;
}

.container.body-content .patient_reg_button {
    padding: 50px;
}

.container.body-content .patient_reg_button ul {
    display: flex;
    padding: 0;
    justify-content: space-around;
    border: 0;
}

.container.body-content .patient_reg_button ul li {
    font-size: 18px;
}

.general-communication>div:nth-child(1),
.newsletter-communication>div:nth-child(1),
.gen_communication_label,
.newsletter_label,
.general-communication>div:nth-child(2),
.login_emailupdates .email_content_label,
.general-check .email-check,
.newsletter-check .email-check,
.gen_communication_check .email-check,
.newsletter_label_check .email-check {
    font-size: 18px !important;
}

.pro-input label {
    clear: both;
    margin-right: 15px;
    clear: both;
    font-size: 14px;
}

.pro-input input {
    padding: 12px 0;
    padding-left: 14px;
    width: auto;
    border: 1px solid #ccc;
    font-family: 'Raleway';
    font-size: 14px;
}

select:not([disabled]) {
    background: #eff1f5;
    height: 44px;
}

.pro-input input,
.pro-input select {
    width: 77%;
    height: inherit;
    font-family: inherit;
    font-size: 12px;
}

.row .pro-popup {
    /* height: 100%; */
    position: relative;
    /* overflow-y: inherit; */
}

.row .pro-popup form {
    display: inline-block;
    width: 100%;
}

.cancel1 a {
    cursor: pointer;
    color: #fff;
    border-radius: 30px;
    font-size: 26px;
    font-weight: bold;
    line-height: 0px;
    padding: 14px 7px;
    border: 2px solid #dc7300;
    position: absolute;
    top: -10px;
    right: -10px;
    text-decoration: none;
    width: auto;
    background: #dc7300;
}

.pro-popup table.table>tbody>tr>td,
.pro-popup table.table>tbody>tr,
.pro-popup table.table>thead>tr>th {
    border: none;
}

.pro-popup table.table>thead>tr>th {
    background: #1E3B78;
    color: #fff;
}

.pro-popup table.table>tbody>tr:nth-child(odd) {
    background: #fff;
}

.pro-popup table.table>tbody>tr:nth-child(even) {
    background: #eff1f5;
}

.row .parents_add_allergy:before {
    left: 33%;
    top: 6px;
}

.row .pro-popup input[type=button] {
    margin: 0;
    outline: 0;
    float: right;
    text-align: left;
    color: #dc7300;
}

.parents_add_allergy {
    width: 60%;
}

.pro-popup .add_allergy {
    width: 63.5%;
    text-decoration: underline;
    font-size: 14px;
}

#epiclub-profile .patients input[type="button"] {
    width: auto;
    padding: 15px 40px;
}

#registration_Form .pro-button {
    width: auto;
}

.row .save-btn {
    background-color: rgb(220, 115, 0);
    color: rgb(255, 255, 255);
    font-size: 14px;
    width: 100px;
    border-radius: 50px;
    font-weight: 400;
    padding: 10px 35px;
    margin: 0px 0px 30px;
    border: none;
    outline: 0;
    cursor: pointer;
    width: auto !important;
}

#epiclub-container input[type=text],
#epiclub-container input[type=password],
#epiclub-container [type=number],
#epiclub-container select,
#patient_detail_emergency-contact,
.parent_mobilenumber {
    margin: 0;
    padding: 15px !important;
}

.columnR #epiclub-profile input {
    width: 100%;
    padding: 15px 40px;
    font-size: 14px;
    font-family: inherit;
}

.container.body-content #epiclub-profile select {
    height: auto;
}

.container.body-content .patient_reg_allergies .patient_allergies_mail-details {
    width: 100%;
}

.container.body-content .patient_reg_allergies .patient_allergies_mail-details .pro-input,
.section4 .pro-input {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.container.body-content .patient_reg_allergies .patient_allergies_mail-details .pro-input label {
    margin-right: 0;
}

.container.body-content .patient_reg_details .patient_detail_divide1 {
    width: 68%;
}

.container.body-content .patient_reg_details .patient_detail_divide2 {
    width: 30%;
}

.container.body-content .section4 .login_details_footer.pat_reg,
.container.body-content .epigear-box,
.container.body-content .patient_reg_footer {
    display: flex;
    justify-content: space-between;
}

.container.body-content .patient_reg_footer::after {
    display: none;
}

.container.body-content .patient_reg_footer .reset.cancel-btn,
.container.body-content .section3 .cancel-btn {
    margin-left: 30px;
}

.container.body-content .patient_reg_footer .save.save-btn,
.container.body-content .section3 .save-btn {
    margin-right: 30px;
}

.container.body-content .allergyContainer .patient_allergies.pat_reg {
    display: flex;
}

#form_1 .parsley-pattern,
#form_1 .parsley-minlength,
.section4 .parsley-errors-list .parsley-pattern {
    margin-left: 0;
}

.container.body-content input.save.save-btn {
    margin-bottom: 0;
}

.container.body-content .patient_detail_divide.pat_reg {
    display: flex;
    flex-wrap: wrap;
}

#epiclub-profile select {
    font-family: inherit !important;
}

.columnR .navigationActive {
    background: 0 !important;
    color: #dc7300 !important;
}

.navigationActive span {
    color: #dc7300;
}

.row #epiclub-container .patient_reg_button ul li.navigationActive::after {
    border-left: 0;
}

#epiclub-container .patient_reg_button ul li {
    color: #1f3d7c !important;
    background: 0;
    padding-right: 0;
}

#epiclub-container .patient_reg_button ul li.navigationActive {
    color: #dc7300!important;
}

.columnR .module-simple-container #epiclub-container {
    width: 100%;
}

.epi-profile #epiclub-container .patient_reg_button ul li::after {
    border-left: 0;
}

.epi-profile1 .patient_reg_button ul li.navigationActive span {
    background: #dc7300 !important;
    color: #fff;
    padding: 5px 12px 5px;
    font-size: 18px;
}

#form_parent label {
    width: 100%;
}

.columnR .patient_reg_button ul li span {
    background: #1f3d7c;
    color: #fff;
    padding: 5px 10px 5px;
}

.row .cancel-btn {
    width: auto !important;
    background-color: rgb(225, 225, 225);
    color: rgb(0, 0, 0);
    font-size: 14px;
    border-radius: 50px;
    font-weight: 400;
    padding: 10px 35px;
    border: none;
    outline: 0;
    cursor: pointer;
	margin-right: 40px;
}

.columnR .story-entries {
    display: none;
}

.story-entries span,
.story-entries label {
    display: inline-block;
    vertical-align: middle;
}

.paginatin-sec {
    width: auto;
    text-align: center;
}

.cancel1 a:after {
    content: "×";
    position: relative;
}

#single_line_header .cancel {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
}

#single_line_header .cancel a {
    cursor: pointer;
    color: #fff;
    border-radius: 30px;
    font-size: 26px;
    font-weight: bold;
    line-height: 0px;
    padding: 14px 7px;
    border: 2px solid #dc7300;
    position: absolute;
    top: -10px;
    right: -191px;
    text-decoration: none;
    width: auto;
    background: #dc7300;
}

#single_line_header .choose-pop>span {
    color: #1e3b78;
    font-weight: 700;
    text-decoration: underline;
    padding-left: 20px;
}

#single_line_header .cancel a:after {
    content: "×";
    position: relative;
    top: -2px;
}

td.isTrue,
td.isFalse,
td a.edit-patient-btn,
td a.delete-patient-btn,
td a.edit-epipen-btn,
td a.delete-epipen-btn,
td a.edit-epipenbatch-btn,
td a.delete-epipenbatch-btn,
#rowData tr td .view-patient,
#rowData tr td .view-epipen,
#rowData tr td a.edit-epipenproduct-btn,
#rowData tr td a.delete-epipenproduct-btn, #rowData .edit-student-btn{
    color: transparent !important;
    position: relative;
}

#rowData tr td a.edit-patient-btn,
#rowData tr td a.delete-patient-btn,
#rowData tr td a.edit-epipen-btn,
#rowData tr td a.delete-epipen-btn,
#rowData tr td a.edit-epipenbatch-btn,
#rowData tr td a.delete-epipenbatch-btn,
#rowData tr td .view-epipen,
#rowData tr td .view-patient,
#rowData tr td a.edit-epipenproduct-btn,
#rowData tr td a.delete-epipenproduct-btn, #rowData a.edit-student-btn {
    background: none;
    border: none;
}

td.isTrue:after,
td.isFalse:after,
#rowData tr td .edit-patient-btn::after,
#rowData tr td .delete-patient-btn::after,
#rowData tr td .edit-epipen-btn::after,
#rowData tr td .delete-epipen-btn::after,
#rowData tr td .delete-epipenbatch-btn::after,
#rowData tr td .edit-epipenbatch-btn::after,
#rowData tr td .view-patient::after,
#rowData tr td .view-epipen::after,
#rowData tr td a.edit-epipenproduct-btn::after,
#rowData tr td a.delete-epipenproduct-btn::after,
.edit-student-btn::after {
    content: "\f00c";
    font-family: "FontAwesome";
    color: #13930A;
    z-index: 99;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 40px;
    height: 25px;
    font-size: 22px;
    font-weight: 100;
    background: transparent;
}

td.isFalse:after {
    content: "\f00d";
    color: #930A0A;
}

#rowData tr td .view-patient::after,
#rowData tr td .view-epipen::after {
    content: "\f06e";
    color: #dc7300;
    height: 55px;
    font-size: 27px;
}

.parents_detail_divide2 {
    flex-wrap: wrap;
}

.row .pro-popup .pro-input.add-allergy-delete {
    flex-wrap: nowrap;
    position: relative;
}

.row .pro-popup .pro-input ul li.parsley-required,
#add-epipen-form li.parsley-pattern,
.parsley-errors-list .parsley-pattern,
.parsley-errors-list .parsley-minlength {
    width: 77%;
    float: right;
}

#rowData tr td .delete-patient-btn::after,
#rowData tr td .edit-patient-btn::after,
#rowData tr td .edit-epipen-btn::after,
#rowData tr td .delete-epipen-btn::after,
#rowData tr td .delete-epipenbatch-btn::after,
#rowData tr td .edit-epipenbatch-btn::after,
#rowData tr td a.edit-epipenproduct-btn::after,
#rowData tr td a.delete-epipenproduct-btn::after, .edit-student-btn::after {
    content: "\f1f8";
    color: #1E3B78;
}

#rowData tr td .edit-patient-btn::after,
#rowData tr td .edit-epipen-btn::after,
#rowData tr td .edit-epipenbatch-btn::after,
#rowData tr td a.edit-epipenproduct-btn::after, .edit-student-btn::after {
    content: "\f040";
}

#rowData tr td .buttondisabled.edit-patient-btn::after,
#rowData tr td .buttondisabled.delete-patient-btn::after,
.buttondisabled.add_common_btn::after,
.add_common_btn.buttondisabled::after,
#rowData tr td .view-patient.buttondisabled::after {
    color: #777675;
    cursor: default;
    opacity: 0.7;
}

#rowData .view-patient.buttondisabled {
    background: #fff;
}

.edge {
    position: absolute;
    left: 23.7%;
    top: 0;
    width: auto;
}

.form-control {
    padding: 6px 8px;
    font-size: 10px;
}

.input-group.input-file .form-control {
    font-size: 13px;
}

.col-xs-12 {
    display: flex;
    margin-top: 10px;
    justify-content: space-between;
}

.col-xs-12 .rowsinPage.col-xs-3 {
    display: flex;
    align-items: center;
    padding: 0 20px !important;
    height: auto;
    justify-content: space-around;
}

.col-xs-12 .rowsinPage.col-xs-3 select:not([disabled]) {
    margin: 0;
    padding: 5px;
    height: auto;
}

#btnExportToExcel {
    border: none;
    font-size: 14px;
    font-family: inherit;
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    width: auto;
    margin-right: 10px;
    border-radius: 8px;
    color: #fff;
}

.pagination {
    margin: 0;
}

#single_line_header {
    height: auto;
}

.container.body-content>.row {
    display: flex;
}

.product-title,
.patient-title {
    font-size: 30px !important;
    margin-bottom: 15px !important;
    font-weight: 600 !important;
}

.pro-popup .pro-button {
    text-align: right;
    width: 100% !important;
}

.pro-input,
.parents_detail_divide2,
#addallergysection .pro-input.add-allergy-delete {
    display: flex !important;
    justify-content: space-between;
    align-items: center;
}

.section3 .pro-input,
#personal-info-section .mail-box .pro-input:last-of-type {
    display: inline-block !important;
}

.section3 .epigear_details_postcode,
#personal-info-section .mail-box .pro-input:first-of-type {
    margin-right: 15%;
}

.patient_registration_wrapper .section1 {
    width: 60% !important;
    max-width: 100% !important;
}

#form_1 .pro-input {
    flex-direction: column;
    align-items: flex-start;
}

#form_1 .pro-input label {
    margin-right: 0;
}

.section4 .pro-input {
    display: flex;
    flex-direction: column;
}

#addallergysection .add-allergy-delete {
    justify-content: flex-start;
    position: relative;
}

#addallergysection .add-allergy-delete label,
#editallergysection label {
    min-width: 21%;
}

#addallergysection .parsley-errors-list,
.parents_detail_divide2.pat_reg_col .add-allergy-delete .parsley-errors-list {
    position: absolute;
    top: 50px;
    left: 0;
}

.section4 .pro-input label {
    margin-right: 0;
}

.container.body-content .tooltip-icon:before,
.container.body-content .tooltip-icon1:before {
    top: -3px;
    left: 13%;
}
.school_edit_allergy, .school_edit_allergy .pro-input{
    display: block!important;
}
.school_edit_allergy .pro-input .checkbox input {
    width: auto;
    width: 20px;
    height: 20px;
    margin-right: 15px;
}
#editallergysection .student_detail_allergy {
    color: #000;
        font-weight: 700;
}
.edit_allergy {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    margin-bottom: 20px;
}
.school_edit_allergy .pro-input .checkbox {
    display: flex;
    flex: 50%;
    align-items: flex-start;
    margin: 15px 0;
}
.container.body-content .show-field {
    right: 15px;
    top: 40px;
    text-align: right;
}


/* .show-field:after {
    content: "\f06e";
    font-family: fontawesome;
    position: absolute;
    right: 0;
} */

.container.body-content .tool-alert-box-log {
    bottom: 127px;
    left: 8.6%;
}

.container.body-content .section4 .pat_reg::after {
    display: none;
}

#epiclub-container .section4 .login_details_footer.pat_reg .cancel-btn,
#epiclub-container .section4 .login_details_footer.pat_reg .save-btn {
    padding: 15px 60px;
}

.container.body-content .section4 .login_details_footer.pat_reg .cancel-btn {
    color: #707070;
}

.container.body-content #login_details_emailaddress_label {
    padding: 15px 20px;
}

.container.body-content .show-field span {
    text-decoration: underline;
}

.container.body-content .section3 .save.save-btn {
    margin-left: 20px;
}

.columnL li ul.subnav-hover {
    border: inherit;
    border-radius: inherit;
}

.columnL h3 {
    border-radius: 0;
    border: inherit;
    background-color: inherit;
}

.columnL h3:focus,
.columnL h3:active {
    outline: none;
}

.columnL h3.ui-state-active,
.columnL h3:hover {
    background: #DC7300;
}

.col-xs-12 .rowsinPage.col-xs-3,
.columnL .ui-widget-content,
div#ui-datepicker-div a,
div#ui-datepicker-div table th,
div#ui-datepicker-div table,
div#ui-datepicker-div span {
    background: inherit;
    border: 0;
    background: inherit;
    color: #fff;
    text-align: center;
}

div#ui-datepicker-div {
    z-index: 9999;
}

.col-xs-12 .rowsinPage.col-xs-3 {
    color: #707070;
    font-size: 14px;
}

#ui-datepicker-div .ui-datepicker-prev,
#ui-datepicker-div .ui-datepicker-next {
    text-align: left;
}

div#ui-datepicker-div .ui-state-default:focus,
div#ui-datepicker-div .ui-state-default:hover,
div#ui-datepicker-div .ui-state-default.ui-state-active {
    background: #DC7300;
}
div#ui-datepicker-div .ui-datepicker-calendar .ui-state-default:hover {
    background: #DC7300!important;
    opacity: 0.5!important;
}

div#ui-datepicker-div .ui-state-default:hover {
    background: #eee!important;
    opacity: 0.5!important;

}
.columnR .rowsinPage.col-xs-3.story-entries {
    box-shadow: inherit;
}

div#ui-datepicker-div {
    background: #1E3B78;
    z-index: 9999!important;
}

div#ui-datepicker-div a:hover,
a.ui-state-default,
div#ui-datepicker-div .ui-datepicker-header {
    text-decoration: none;
    border: 0;
}

a.ui-datepicker-prev.ui-corner-all {
    left: 10px;
}

a.ui-datepicker-prev.ui-corner-all span,
a.ui-datepicker-next.ui-corner-all span {
    display: none;
}

a.ui-datepicker-prev.ui-corner-all,
a.ui-datepicker-next.ui-corner-all {
    top: 14px;
    font-weight: 100;
}

a.ui-datepicker-next.ui-corner-all {
    right: -10px;
}

.ui-datepicker .ui-datepicker-title select.ui-datepicker-month,
.ui-datepicker .ui-datepicker-title select.ui-datepicker-year {
    padding: 5px 15px !important;
}

a.ui-datepicker-prev.ui-corner-all:after,
a.ui-datepicker-next.ui-corner-all:after {
    content: "\f053";
    font-family: "FontAwesome";
}

a.ui-datepicker-next.ui-corner-all:after {
    content: "\f054";
}

.story-entries {
    display: block !important;
    position: static !important;
    width: 240px !important;
}

.delete_poup_global .global-popup.popup-sec1,
#active-deactive-records .global-popup.popup-sec1, #archive-records .global-popup.popup-sec1, #change-user-role .global-popup.popup-sec1{
    text-align: center;
}

#UserEmail,
#Password {
    width: 37%;
    height: inherit;
    font-family: inherit;
    font-size: 12px;
    background-color: #fff;
    color: #000;
    padding: 12px 0;
    padding-left: 14px;
    border: 1px solid #ccc;
    font-family: 'Raleway';
    font-size: 14px;
    height: auto;
    outline: none !important;
    margin-bottom: 25px;
}
.delete_poup_global .global-popup.popup-sec2, #active-deactive-records .global-popup.popup-sec2, #archive-records .global-popup.popup-sec2, #change-user-role .global-popup.popup-sec2 {
    margin: 0 auto;
    width: 30%;
    padding-top: 45px;
    text-align: center;
}
.popup-box-inner {
    max-width: 90%;
}
.add-patient-popup, #view-patient-popup, #view-epipen-popup, .add-epipenproduct-popup {
     max-width: 950px;
    width: 90%!important;
}
.delete_poup_global .global-popup.popup-sec2>input,
#active-deactive-records .global-popup.popup-sec2>input, #archive-records .global-popup.popup-sec2>input,#change-user-role .global-popup.popup-sec2>input{
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    margin-right: 10px;
    border-radius: 8px;
    color: #fff;
    background: #DC7300;
    border-radius: 23px;
    border-color: #DC7300;
    padding: 5px 12px;
    text-decoration: none;
    font-weight: 300;
}

.epipenbatch-title {
    font-size: 30px;
    margin-bottom: 15px;
    font-weight: 600;
    color: #1f3d7c;
    line-height: 1.2;
    margin-bottom: 35px;
}

#edit-forgotpassworduserprofile-form .pro-input input:not([disabled]),
#edit-forgotpassworduserprofile-form .pro-input select:not([disabled]) {
    width: 72%;
}

#edit-forgotpassworduserprofile-form .pro-input ul li.parsley-required,
.parsley-errors-list .parsley-minlength {
    width: 72%;
}

#rowData .add_common_btn {
    background: transparent;
}

.add_common_btn::after,
.add_common_btn::after {
    content: '\f055';
    font-family: 'FontAwesome';
    font-size: 26px;
    color: #dc7300;
}


/*
*[infotable].visibletable {
    visibility: visible;
}

*[infotable].visibletable::after {
    content: "";
}


*[infotable] {
    visibility: hidden;
}


*[infotable]::after {
    content: "Loading...";
}
*/

a[disabled="disabled"] {
    opacity: 0.5;
    cursor: none;
}

.personal-info-section-inner *[detailcontainer] {
    display: none;
}

.personal-info-section-inner>*[formsection]:nth-child(1) *[detailcontainer] {
    display: block;
}

.validation-summary-errors ul {
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: center;
    margin-bottom: 20px;
    color: #f27474;
}

.comTerms {
    padding-left: 20px;
}

.columnL,
.columnR {
    min-height: 75vh;
}

.parsley-errors-list li {
    font-size: 14px;
}

.login_details_password.pro-input .parsley-errors-list li {
    width: 100%;
}

.middle_aln {
    position: absolute;
    width: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

#personal-info-section .successMessage {
    position: relative !important;
    top: auto;
    right: auto;
}

#user-profile-view .epi-profile {
    max-height: calc(100vh - 4vh);
    overflow: hidden;
}

#edit_patient_dob {
    position: relative;
    z-index: 99999
}

#edit-patient-form #edit_patient_dob {
    position: relative;
    z-index: 9999;
}

.welcome_portal {
    text-align: center;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
}

#registration_Form .parsley-errors-list .parsley-minlength,
#registration_Form .parsley-errors-list .parsley-pattern,
#form_parent .parsley-errors-list .parsley-minlength,
#form_parent .parsley-errors-list .parsley-pattern {
    width: 100%;
}


/* .kol-table {
    min-height: 380px;
} */

.active_disabled::after {
    opacity: 0.3;
}

.swiper-wrapper .popup-grid {
    display: -webkit-box;
    -webkit-line-clamp: 8;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.form-control.hasDatepicker {
    cursor: pointer;
}

.login_details_password.pro-input {
    position: relative;
    top: auto;
    left: auto;
}

.login_details_password.pro-input li {
    position: absolute;
}

#siteloginform .fadeIn.login-input-box {
    max-width: 450px;
    margin: 0 auto;
}

#siteloginform .md-form {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 30px;
    position: relative;
}

#siteloginform .md-form #UserEmail,
#siteloginform .md-form #Password {
    margin-bottom: 0;
    width: 100%;
}

#siteloginform .md-form ul.parsley-errors-list {
    position: absolute;
    top: 75%;
    left: 36%;
    transform: translate(-50%, -50%);
}

#edit-forgotpassworduserprofile-popup ul li {
    width: 72%;
    float: right;
}

.form-group .input-group.input-file {
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.form-group .input-group-addon,
.input-group-btn {
    width: auto;
}

#registration_sec3 .parsley-errors-list .parsley-pattern,
#registration_sec3 .parsley-errors-list .parsley-minlength {
    margin-left: 0;
    width: 100%;
}

.sortable {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.ui-priority-secondary,
.ui-priority-primary {
    border: 1px solid #d3d3d3/*{borderColorDefault}*/
    ;
    background: #fff!important;
    font-weight: normal/*{fwDefault}*/
    ;
    color: #1e3b78!important;
}

.add-epipenproduct-popup .checkbox {
    display: flex;
    padding-left: 0;
    margin: 0;
}

.add-epipenproduct-popup .checkbox #epipenproduct-instock,
.add-epipenproduct-popup .checkbox #epipenproduct-isfulltoolkit {
    margin-left: 0;
    width: auto;
}

.add-epipenproduct-popup .isstock_label {
    padding-left: 20px;
}

.add-epipenproduct-popup .pro-input input {
    padding-right: 14px;
}

.switch {
    position: relative;
    display: inline-block;
    width: 100px;
    height: 30px;
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    left: 5px;
    top: 50%;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
    transform: translate(0, -50%);
}

input:checked+.slider {
    background-color: #2196F3;
}

input:focus+.slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked+.slider:before {
    -webkit-transform: translate(70px, -50%);
    -ms-transform: translate(70px, -50%);
    transform: translate(70px, -50%);
}

input:checked+span.enable {
    display: inline;
}

input:checked+span.disabled {
    display: none;
}

.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}

.admincap {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

#rowData a.status-Complete {
    background-color: #4F7942;
    border: #4F7942;
}

span.enable,
span.disabled {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    left: 10px;
    color: #fff;
    z-index: 1;
    font-weight: 600;
}
span.enable{
    display: none;
}
span.disabled {
    left: auto;
    right: 8px;
    color: #DC7300;
}

.row .add-epipenproduct-popup .save-btn {
    margin: 0px 0px 10px 0px;
}


input:checked+span.enable {
    opacity: 1;
}

input:checked+span.disabled {
    opacity: 0;
}
.waves-effect.waves-light{
    margin-bottom: 10px;
}
#edit-student-popup .successMessage,#edit-student-popup .green-success {
   top: auto;
    left: 35px;
    margin-top: 20px;
}
#edit-student-popup .successMessage {display: inline-table;}
@media (max-width:1400px){
    .pro-input input, .pro-input select,
    .row .pro-popup .pro-input ul li.parsley-required, #add-epipen-form li.parsley-pattern, .parsley-errors-list .parsley-pattern, .parsley-errors-list .parsley-minlength {
        width: 74%;
    }
    .invalid_batch_number {
        margin-left: 26% !important;
        display: inline-block;
        width: 100%;
    }
}
@media (max-width:1100px){
    .pro-input input, .pro-input select {
        width: 100%;
    }
}
@media (max-width:667px){
   #edit-student-popup .successMessage, #edit-student-popup .green-success {
  
    margin-top: 60px;
    font-size: 14px;
}
#edit-student-popup .pro-popup .pro-detail::before {
  
    left: 24px;
}
}
.email-check .dnone{
display:none;
}
.view-patient-popup .table-bordered tr td {
    text-align: left;
}
.user-consent {
    display: flex;
}
.user-consent input {
    width: auto;
    margin: 0;
    margin-right: 10px;
}
.pointer-none {
    pointer-events: none;
}
.bg-col {
    background-color: #fbf8f8;
}
.w-10 {
    width: 10%;
}
.w-20 {
    width: 20%;
}
.w-60 {
    width: 60px;
    min-width: 60px;
}
.mh-300 {
    min-height: 300px;
}
.mhw {
    min-height: 400px;
    width: 200px;
}
.mhw1 {
    min-height: 400px;
    min-width: 900px;
}
.mr-10 {
    margin-right: 10px;
}
.row .ngfi-export-wrap {
    justify-content: flex-end !important;
}
.d-none{
    display:none;
}
.d-block{
    display:block !important;
}
.ui-accordion .ui-accordion-content {
    padding: 0 !important;
}