/* ** MISC */ .help-area { text-align: right; } .help-area a { font-weight: bold; } .help-area a img { vertical-align: middle; } hr.mobile-only { display: none; } h2.mobile-only { display: none; } .clearfix:after { content:""; display:block; clear:both; } /* ** PROFILE */ .profile-actions .button.small { text-align: center; padding: 5px 0; width: 340px; } #news_tabs .tab { padding: 0; border-width: 0px; float: none !important; } #profile-nav-links a { width: 100%; text-align: center; margin-bottom: 5px; padding: 5px; } #profile-nav-links-toggle a { display: none; } #profile-nav-links-toggle h3 { display: inline-block; } div.flex_column .required_border { border: 2px solid #B60000; padding: 10px; } #course_search_results tbody tr:hover { cursor: pointer; background-color: #C7DDE4; border-color: #C7DDE4; } #course_search_results tbody tr:hover td { background-color: #C7DDE4; border-color: #C7DDE4; } #course_search_results tbody tr.selected { background-color: #C7DDE4; border-color: #C7DDE4; } #course_search_results tbody tr.selected td { background-color: #C7DDE4; border-color: #C7DDE4; } #course_search_results thead tr th { font-size: 13px; padding: 9px 12px; color: #666666; vertical-align: middle; } #course_search_results tbody tr td { font-size: 13px; padding: 9px 12px; color: #666666; vertical-align: middle; } #users_table_wrapper { margin-top: 20px; } #iti-manage-users table, #iti-import-users table, #iti-renew-facility table { border: none;margin-bottom: 0px; } .iti_report_table tbody tr.even {background: #f1f1f1; } #users_table tbody tr.even { background: #f1f1f1; } #users_table tbody tr:hover { background: #C7DDE4; cursor: pointer; } #users_table tbody tr.active { background: #C7DDE4; } #certifying_table tbody tr.even { background: #f1f1f1; } #certifying_table tbody tr:hover { background: #C7DDE4; cursor: pointer; } #certifying_table tbody tr.active { background: #C7DDE4; } #iti-renew-facility tbody tr.even { background: #f1f1f1; } #iti-renew-facility tbody tr:hover { background: #C7DDE4; cursor: pointer; } #iti-renew-facility tbody tr.active { background: #C7DDE4; } #codes_table tbody tr.even { background: #f1f1f1; } #codes_table tbody tr.even:hover, #codes_table tbody tr.odd:hover { background: #C7DDE4; cursor: pointer; } #codes_table tbody tr.active { background: #C7DDE4; } #iti-wordpress-profiles .affilations_table tr td { color: #666; } #iti-wordpress-profiles .affilations_table tr:hover td { background: #C7DDE4; cursor: pointer; } #iti-wordpress-profiles .affilations_table tr.selected td { background: #C7DDE4; } #iti-wordpress-profiles .affilations_table tr.inactive td { background: #C7DDE4; } .renewal-scroll-area { width: 100%; height: 330px; background-color: #fafafa; border-color: #e1e1e1; border-width: 1px; border-style: solid; font-size: 11px; font-family: Arial; margin: 10px 0; padding: 10px; overflow-y: scroll; -webkit-overflow-scrolling: touch; } #offer_form input[type="checkbox"] { vertical-align: middle; } #iti-renew-divers .text_input, #iti-renew-facility .text_input { margin-bottom: 5px !important; } table.dataTable thead th, table.dataTable thead td { border-bottom: none; } table.dataTable.no-footer { border-bottom: inherit; } #users_table_length, #codes_table_length, #certifying_table_length { width: 30%; margin-bottom: 5px; } #users_table_length, #codes_table_length, #certifying_table_length label { display: inline; } #users_table_length select, #codes_table_length select, #certifying_table_length select { display: inline !important; margin: 0 5px !important; width: 80px !important; } #users_table_filter, #codes_table_filter, #certifying_table_filter { width: 40%; } #users_table_filter label, #codes_table_filter label, #certifying_table_filter label { display: inline; } #users_table_filter input, #codes_table_filter input, #certifying_table_filter input { display: inline !important; margin: 0 0 0 5px !important; width: 80% !important; } .alert-success-sub-modal { z-index: 5040 !important; } #ccard-preview { float: left; font-size: 12px; line-height: 14px; } #ccard-preview strong { color: #666666; } #ccard-preview .box { background-color: #fff; border: 1px solid #ccc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; width: 100%; height: auto; position: relative; } #ccard-preview .avatar { float: left; padding: 10px 0 0 10px; font-size: 10px; } #ccard-preview .desc { float: right; padding: 10px 10px 0 0; text-align: center; width: 250px; } #ccard-preview .desc span { font-size: 11px; } #ccard-preview .info { float: left; padding: 10px 0 0 10px; font-weight: bold; } #ccard-preview .info small { padding-left: 10px; font-weight: normal; } #ccard-preview .info .instructor { padding-top: 5px; } #ccard-preview .fac_logo { float: right; padding: 10px 10px 0 0; } #ccard-preview .footnote { font-size: 8px; text-align: center; margin: 0; } #ccard-preview hr { background: #000; margin: 10px 5px 5px 5px; height: 1px; } .register-students-actions .button { display: block; margin-top: 10px; text-align: center; } .reg-divers-or-text { margin-top: 25px; } #iti-manage-users .actions a.button { width: 100%; text-align: center; } #manage-users-modal { width: 900px; } @media only screen and (max-width: 910px) { #manage-users-modal { width: 100%; } } @media only screen and (max-width: 768px) { #cc_info_container .av_one_fifth { width: 16.2%; } #ccard-preview { width: 350px; float: none; margin: 20px 0; } } @media only screen and (max-width: 767px) { #profile-nav-links a { margin: 0 0 15px 0; } #profile-nav-links-toggle a { display: block; width: auto; text-align: inherit; margin: 0; padding: 0; float: right; } .profile-nav-links-body { display: none; } #users_table_filter, #codes_table_filter, #certifying_table_filter { width: 100%; margin-bottom: 10px; } #users_table_length, #codes_table_length, #certifying_table_length { width: 100%; } #ccard-preview { margin-top: 25px; } #ccard-preview .avatar { width: 30%; } #ccard-preview .desc { width: 70%; } .reg-divers-or-text { margin-top: 0px; } } #iti-standards .standards-logos { margin: 20px 0; } #iti-standards .standards-logo { float: left; text-align: center; margin: 0 20px 0 0; } #iti-standards .training-updates-btn { margin-left: 115px; } @media only screen and (max-width: 600px) { #iti-standards .standards-logo { float: none; margin: 10px auto 20px auto; } #iti-standards .training-updates-btn { margin-left: 0px; text-align: center; } } #elearning_reports_form.manage-users-modal #course-select { margin-bottom: 0px; } #elearning_reports_form.manage-users-modal button.ot_student_cert { width: 50%; text-align: center; margin: 10px 0 5px 0; } #elearning_reports_form.manage-users-modal button.ot_student_results { width: 50%; text-align: center; margin: 5px 0; } #iti-manage-users-certs .print-ccard-middle-name { float: right; margin-bottom: 10px; padding-right: 213px; } #iti-manage-users-certs .print-buttons { float: right; margin-bottom: 20px; } #iti-manage-users-certs .print-buttons #verification_btn { width: 250px; } @media only screen and (max-width: 487px) { #elearning_reports_form.manage-users-modal button.ot_student_cert, #elearning_reports_form.manage-users-modal button.ot_student_results { width: 100%; margin: 5px 0; } #iti-manage-users-certs .print-ccard-middle-name { float: none; width: 100%; padding: 10px 0; } #iti-manage-users-certs .print-buttons { float: none; } #iti-manage-users-certs .print-buttons .button, #iti-manage-users-certs .print-buttons #verification_btn { width: 100%; margin-bottom: 10px; } } /* ** ELEARNING EXAMS AND EXAM REVIEW */ #elearning-course-info-toggle { display: none; } #elearning-course-info-toggle h3 { display: inline-block; } #elearning-course-info-toggle a { float: right; } #elearning-course-nav h3 { display: inline-block; } #elearning-course-nav a { display: none; float: right; } #course_layout .ui-accordion .ui-accordion-header { margin-bottom: 0 !important; font-size: 18px; } #correct_answers_table_mobile, #incorrect_answers_table_mobile { max-height: 600px; overflow-y: scroll; } #correct_answers_table_mobile table, #incorrect_answers_table_mobile table, #correct_answers_table_mobile table tr, #incorrect_answers_table_mobile table tr, #correct_answers_table_mobile table tr td, #incorrect_answers_table_mobile table tr td { border: none; margin: 0; padding: 0; } #correct_answers_table_mobile table tr td, #incorrect_answers_table_mobile table tr td { vertical-align: middle; padding-bottom: 20px; } .elearning-completed-course-actions { text-align: right; } .elearning-completed-course-actions button { margin-bottom: 10px; } @media only screen and (max-width: 910px) { .elearning-reveal-modal.mobile { width: 100% !important; } } @media only screen and (max-width: 767px) { #elearning-course-info-toggle { display: block; } #iti-elearning-page-container .elearning-course-info { display: none; } #elearning-course-nav { margin-bottom: 20px; } #elearning-course-nav a { display: inline-block; } #course_layout { display: none; } hr.mobile-only { display: block; } hr.desktop-only { display: none; } h2.mobile-only { display: block; } .elearning-back-btn { width: 40% !important; float: left !important; } .elearning-next-btn { width: 40% !important; float: right !important; } .elearning-course-progress { display: none; } .elearning-reveal-modal.mobile { width: 100% !important; } } @media only screen and (max-width: 480px) { .elearning-completed-course-actions button { display: block; width: 100%; } button.elearning_course_submit { display: block; width: 100%; margin-top: 10px; } } /* ** ELEARNING */ #iti-elearning-page-container .address_elearning p { font-size: 11px; margin: 0; } #iti-elearning-page-container .elearning-course-chapter-pages { padding: 1em; } #iti-elearning-page-container .elearning-course-chapter-pages ul { margin: 0; } #iti-elearning-page-container .elearning-course-chapter-pages ul li { margin-bottom: 10px; } #iti-elearning-page-container .elearning-course-chapter-pages ul li.current { font-weight: bold; } #iti-elearning-page-container .content_elearning { width: 100%; } #iti-elearning-page-container .content_elearning ul { list-style-type: disc; list-style-position: inside; } #iti-elearning-page-container .progress_course { overflow: hidden; border: 1px solid #ddd; text-decoration: none; color: #666666; background: #fff !important; position: relative; text-align: center; height: 30px; margin-top: 12px; } #iti-elearning-page-container .progress_course > span { display: block; height: 20px; margin-top: -23px; } #iti-elearning-page-container .progress_course .course-progress-bar-fill { background: #2d5c88; width: 0%; height: 28px; } .elearning-reveal-modal { width: 775px !important; } .elearning-reveal-modal hr { margin: 25px 0; } .elearning-reveal-modal .exam-answers-table { margin: 10px 0; } .elearning-reveal-modal .exam-answers-table .exam-answers-header div, .elearning-reveal-modal .exam-answers-table .exam-answers-row div { margin: 5px 0 10px 0; } .elearning-reveal-modal .exam-answers-table .exam-answers-row:hover { cursor: pointer; background-color: #C7DDE4; } .elearning-reveal-modal .elearning-exam-answers ol { list-style-type: none; } .elearning-reveal-modal .progress { border: 1px solid #ddd; background: #2d5c88; overflow: hidden; text-align: center; } .elearning-reveal-modal .progress > span { display: block; height: 20px; margin-top: -24px; } .elearning-reveal-modal .progress.exam-progress-bar { color: #2d5c88; background: #fff !important; position: relative; width: 60%; margin: 0 auto; } .elearning-reveal-modal .progress.exam-progress-bar .exam-progress-bar-fill { background: #2d5c88; width: 0%; height: 24px; } #iti-elearning-page-container .stripe_image { display: none; width: 600px; height: 30px; margin: 10px auto; } #iti-elearning-page-container.agency-sdi .stripe_image { background: url('../modules/elearning-courses/images/sdi_stripe.jpg') no-repeat; } #iti-elearning-page-container.agency-tdi .stripe_image { background: url('../modules/elearning-courses/images/tdi_stripe.jpg') no-repeat; } #iti-elearning-page-container.agency-erdi .stripe_image { background: url('../modules/elearning-courses/images/erdi_stripe.jpg') no-repeat; } .elearning-exam-answers ul.elearning-list li { padding: 5px 0; } .elearning-exam-answers ul.elearning-list li input[type="radio"] { margin-top: 0px; } #medical_statement_form input[type="radio"] { margin-top: 0px; } /* ** LOGIN */ #iti_wordpress_login_form span.forgot-password { display: inline-block; margin-left: 20px; font-weight: bold; } /* ** SIGNUP */ #duplicate-users tbody tr:hover { cursor: pointer; background-color: #a5c5d0; border-color: #a5c5d0; } #duplicate-users tbody tr:hover td { background-color: #a5c5d0; border-color: #a5c5d0; } #duplicate-users tbody tr.selected td { background-color: #a5c5d0; border-color: #a5c5d0; } #duplicate-users tbody td { background-color: #ffffff; } #signup_form #state_name { display: none; } @media only screen and (max-width: 420px) { .responsive #duplicate-users th, .responsive #duplicate-users td { padding: 5px; } } /* ** IMAGE UPLOAD */ #photo_upload_inner #step2, #photo_upload_inner #step3 { display:none; } #photo_upload_inner #upload_frame { display:none; height:0; width:0; } #photo_upload_inner #msg { padding:5px; display:none; width:200px; } #photo_upload_inner #server_response { display: none; } #photo_upload_inner #original_image_preview, #photo_upload_inner #original_image_preview img { width: 100%; max-width: none !important; } #photo_upload_inner #crop_image_preview { width: 100px; height: 100px; overflow: hidden; max-width: none !important; margin-top: 10px; border: solid 1px #333; } #photo_upload_inner #crop_image_preview img { width: 100px; max-width: none !important; } /* ** DIVE CENTER SEARCH */ #isotope_container, #instructor_search_results {-webkit-overflow-scrolling: touch;} .page-id-17185 main { display:none; } #dive_center_search_nav { background: #f8f8f8; border: none; } #dive_center_search_nav .container { padding-top: 0 !important; padding-bottom: 0 !important; } #dive_center_search_nav ul { margin: 0; padding: 0; } #dive_center_search_nav ul li { display: block; float: left; margin: 0; padding: 0; } #dive_center_search_nav ul li a { display: block; margin: 0; padding: 0; line-height: 56px; padding: 0 20px; border-left: solid 1px #ccc; color: #333; font-weight: 600; font-size: 16px; text-decoration: none; -webkit-transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out, border-color 0.8s ease-in-out; transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out, border-color 0.8s ease-in-out; } #dive_center_search_nav ul li.last a { border-right: solid 1px #ccc; } #dive_center_search_nav ul li a:hover, #dive_center_search_nav ul li a:active { text-decoration: none; background-color: #ccc; } #google-maps { height:350px; width: 100%; } .search_results {border: 2px solid; margin-bottom: 40px;} .search_results .header {background: #e1e1e1; color: #fff; padding: 0px 10px;} .search_results .header h2 {font-size:22px; line-height: 66px; margin: 0;} #instructor_search_results_container #search_results_container { margin: 0; height: 516px; overflow: auto; padding: 0; } #search_results_container { height: 608px; overflow: hidden; position: relative; } #search_results_container ul { margin: 0 0 70px 0; height: 516px; overflow: auto; padding: 0; } #isotope_container { height: 516px;overflow: auto; border-bottom: 2px solid #e1e1e1; } #dive_center_sort, #instructor_sort {background: #fff; border-bottom: 2px solid #e1e1e1; padding: 10px;} #dive_center_sort a, #instructor_sort a {color: #4c4c4c !important; margin-right: 5px; text-decoration: none !important;} #dive_center_sort a:hover, #instructor_sort a:hover {text-decoration: underline !important;} #dive_center_sort a.selected, #instructor_sort a.selected {font-weight: bold;} #dive_center_sort a.selected:hover, #instructor_sort a.selected:hover {text-decoration: none !important;} li.search_result { border-bottom:2px solid #274a54; list-style: none; padding: 10px 0px !important; width: 98%; } li.search_result:last-child { border-bottom: none; } li.search_result .result-num { background: #2d5c88; border-radius: 100%; display: inline-block; font-size: 22px; margin-right: 2px; padding: 7px 11px; color: #fff; } li.search_result .visit-page { background: #2d5c88; float: right; line-height: 25px; text-align: center; text-decoration: none !important; width: 100px; color: #fff; } li.search_result .signup_with_facility { float: left; background: #2d5c88; color: #fff !important; line-height: 25px; text-align: center; text-decoration: none !important; width: 130px; cursor: pointer; border: none; } .showing_results { background: white; box-sizing: border-box; font-style: italic; padding: 10px; position: absolute; bottom: 0; left: 0; width:100%; } .instructor_results tr { width: 100%; border: none; } .instructor_results td { max-height: 160px; padding: 20px; text-align:center; vertical-align: middle; border: none; } .instructor_results td.full-width { width: 100%; border: solid 1px #e1e1e1; } .instructor_results td.thumbnail { width: 140px; min-width: 140px; } .instructor_results td.name { width: 130px; min-width: 130px; word-wrap: break-word; } .instructor_results td.location { width: 150px; min-width: 150px; word-wrap: break-word; } .instructor_results td.contact-info { width: 290px; min-width: 290px; } .instructor_results td.courses { color: #666; text-align:left; width: 100%; } .instructor_results td.courses ul { max-height:100px; overflow: auto; } .instructor_results td.courses li { list-style: none; padding: 0; margin: 0; } .instructor_results tr:first-child th, .instructor_results tr:first-child td { border: none; } @media only screen and (max-width: 1100px) { .responsive .instructor_results td { padding: 10px; } .responsive .instructor_results td.courses { width: 100%; } .responsive .instructor_results td.contact-info { width: auto; min-width: 230px; } } @media only screen and (max-width: 970px) { .responsive .instructor_results td { padding: 10px 5px 10px 5px; } .responsive .instructor_results td.thumbnail { width: auto; min-width: 100px; } .responsive .instructor_results td.thumbnail img { width: 100%; } } @media only screen and (max-width: 930px) { .responsive .instructor_results td.thumbnail { width: 10%; min-width: inherit; } .responsive .instructor_results td.name { width: 10%; min-width: inherit; } .responsive .instructor_results td.location { width: 20%; min-width: inherit; } .responsive .instructor_results td.contact-info { width: 30%; min-width: inherit; } .responsive .instructor_results td.courses { width: 30%; min-width: inherit; } } @media only screen and (max-width: 838px) { .responsive #top #wrap_all #dive_center_search_nav .container { width: 100%; max-width: 100%; margin: 0; } .responsive #dive_center_search_nav ul li { float: none; } .responsive #dive_center_search_nav ul li a { border: none; border-bottom: solid 1px #ccc; text-align: center; } .responsive #dive_center_search_nav ul li.last a { border: none; } .ui-accordion .ui-accordion-icons { padding-left: 20px; } .ui-accordion .ui-accordion-header .ui-accordion-header-icon { left: 3px; } .ui-accordion .ui-accordion-content { padding: 1em 10px; } } @media only screen and (max-width: 630px) { .responsive .instructor_results td.thumbnail { display: none; } .responsive .instructor_results td.name { width: 15%; } .responsive .instructor_results td.location { width: 25%; } .responsive .instructor_results td.contact-info { width: 30%; } .responsive .instructor_results td.courses { width: 30%; } .responsive .instructor_results td.courses li { border-bottom: solid 1px #ddd; } .responsive .instructor_results tr { border-bottom: solid 1px #dddddd; padding: 5px 0 5px 0; } .responsive .instructor_results td { display: block; width: 100%; border: none; } .responsive .instructor_results td.name, .responsive .instructor_results td.location, .responsive .instructor_results td.contact-info, .responsive .instructor_results td.courses { width: inherit; } .responsive .instructor_results td.courses li { border: none; } .responsive .instructor_results td.name { font-size: 18px; } .responsive .instructor_results td.full-width { border-top: solid 1px #e1e1e1; border-right: solid 1px #e1e1e1; border-left: solid 1px #e1e1e1; } } /* SINGLE DIVE CENTER STYLING */ .single_dive_center .back-button { color: #2c454c; cursor: pointer; padding: 0 0 0 35px; background: transparent url('../modules/search-agency/images/back-arrow.png') 0 50% no-repeat; text-decoration: none !important; height: 20px; line-height: 20px; padding: 4px 4px 4px 25px; margin: 12px 0 12px 10px; float: right; font-size: 22px; } .single_dive_center .back-button:hover { text-decoration: underline !important; } .dive_center_info { background: #fff; border: 1px solid #e1e1e1; padding: 0px; text-align: center; } .dive_center_info #google-maps { height:300px; width: 100%; margin-bottom: 10px; } /* ** CERTIFICATION SEARCH */ .page-id-15660 main { display:none; } .big_number { display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; border: 2px solid #ccc; padding: 5px; width: 33px; height: 33px; line-height: 18px; font-size: 20px; font-weight: bold; text-align: center; color: #fff; background-color: #666; } #cert_search_form p { margin: 0 0 10px 0; } #cert_search_form label { margin-bottom: 0; } #cert_search_form input[type="text"] { margin-bottom: 0 !important; } #cert_request_form .form_field_group h3 { margin: 20px 0 0 0; } #cert_request_form p { margin-top: 0; margin-bottom: 0; } #cert_request_form label { margin: 5px 0; } #cert_request_form label.checklabel { margin: 0; } #cert_search_results { border-collapse: collapse; width: 100%; } #cert_search_results td { color: #666; } #cert_search_results tbody tr:hover { cursor: pointer; } #cert_search_results tbody tr:hover td { background-color: #a5c5d0; border-color: #a5c5d0; } #cert_search_results .selected td { background-color: #a5c5d0; border-color: #a5c5d0; } #cert_search_step_2 { margin-top: 20px; } #cert_search_step_3 { display: none; } #cert_search_not_found { margin-top: 20px; } #diver_certification_verification_letter { background-color: #fff; color: #000; padding: 20px; margin: 40px 0; } #cert-search-verification-letter-header h2 { margin: 0; } #cert-search-container.iti-wordpress .print-button { background: #2d5c88 url('../modules/cert-search/images/print-icon.png') 0 50% no-repeat; color: #fff; text-decoration: none; line-height: 20px; padding: 10px 30px 10px 46px; margin: 0 0 0 10px; background-position: 15px 11px; } #cert-search-container.iti-wordpress .print-button:hover { background-color: #444; text-decoration: none; } #cert-search-container.iti-wordpress .back-button { background: #2d5c88 url('../modules/cert-search/images/back-arrow.png') 0 50% no-repeat; color: #fff; text-decoration: none; line-height: 20px; padding: 10px 30px 10px 46px; margin: 0 0 0 10px; background-position: 15px 11px; } #cert-search-container.iti-wordpress .back-button:hover { background-color: #444; text-decoration: none; } .iti-wordpress .cert_card { position: relative; margin: 20px; background: #fff url('../images/agency-logos-card.gif') 98% 98% no-repeat; border: 1px solid #aaa; width: 330px; height: 210px; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; } .iti-wordpress .cert_card .diver_photo { width: 80px; position: absolute; top: 5px; left: 10px; } .iti-wordpress .cert_card .diver_number { position: absolute; top: 85px; left: 10px; font-size: 11px; } .iti-wordpress .cert_card .certification_date { position: absolute; top: 100px; left: 10px; font-size: 11px; } .iti-wordpress .cert_card .diver_full_name { position: absolute; top: 5px; right: 10px; width: 220px; text-align: center; font-weight: bold; font-size: 12px; } .iti-wordpress .cert_card .card_description { position: absolute; top: 30px; right: 10px; width: 220px; text-align: center; font-size: 11px; line-height: 13px; } .iti-wordpress .cert_card .course_name { position: absolute; top: 100px; right: 10px; width: 210px; text-align: center; font-weight: bold; } .iti-wordpress .cert_card .course_name .small { font-size: 6px; } .iti-wordpress .cert_card .course_name .medium { font-size: 10px; } .iti-wordpress .cert_card .course_name .normal { font-size: 12px; } .iti-wordpress .cert_card .divider { position: absolute; top: 120px; left: 10px; width: 310px; height: 1px; border-top: 1px solid #000; } .iti-wordpress .cert_card .facility_name { position: absolute; top: 125px; left: 10px; font-size: 11px; } .iti-wordpress .cert_card .facility_city { position: absolute; top: 140px; left: 10px; font-size: 11px; } .iti-wordpress .cert_card .instructor { position: absolute; top: 155px; left: 10px; font-size: 11px; } .iti-wordpress .cert_card .asst_instructor { display: none; position: absolute; top: 170px; left: 10px; font-size: 11px; } .iti-wordpress .cert_card .card_footer { position: absolute; bottom: 3px; left: 0; width: 280px; text-align: center; font-size: 9px; line-height: 11px; font-weight: bold; } @media only screen and (max-width: 480px) { #cert_search_step_2, #cert_search_results_container { overflow-x: scroll; } #cert-search-container.iti-wordpress .button { margin: 10px 0 10px 10px; } .iti-wordpress .cert_card { margin: 20px 0; } } @media only screen and (max-width: 400px) { #cert-search-verification-letter-header .alignleft, #cert-search-verification-letter-header .alignright { float: none; margin: 0; } #cert-search-container.iti-wordpress .button { display: block; width: 100%; margin: 10px 0; } .iti-wordpress .cert_card { transform: scale(0.8); margin-left: -45px; } } /* ** CONTACT PAGE */ .page-id-15207 main { display:none; } #feedback-container.single-regional-office { margin-top: 20px; margin-bottom: 50px; } #feedback-container .region-sidebar-content { background-color: #f8f8f8; padding-bottom: 10px; } #feedback-container .zoom-in { background: transparent url('../modules/feedback/images/zoom-in.gif') 0 0 no-repeat; display: block; width: 28px; height: 28px; text-indent: -999em; overflow: hidden; float: left; } #feedback-container .zoom-out { background: transparent url('../modules/feedback/images/zoom-out.gif') 0 0 no-repeat; display: block; width: 28px; height: 28px; text-indent: -999em; overflow: hidden; float: left; } #feedback-container .world-view { background: transparent url('../modules/feedback/images/world-view.gif') 0 0 no-repeat; display: block; width: 28px; height: 28px; text-indent: -999em; overflow: hidden; float: left; margin: 0 10px; } #feedback-container #iti-contact-header { z-index: 1000; } #feedback-container .contact-info-box { background-color: #f8f8f8; color: #626264; padding: 20px 0; font-weight: bold; margin: 0 auto; width: 100%; text-align: center; font-size: 12px; line-height: 16px; } #feedback-container #iti-contact-header .contact-info-box { background-color: #f0f0f0; color: #626264; padding: 8px 0; font-weight: bold; margin: 20px auto; width: 200px; height: 130px; text-align: center; font-size: 12px; line-height: 16px; } #feedback-container #iti-contact-header.regional-office-show .contact-info-box { display: none; } #feedback-container #iti-contact-header .contact-info-box { float: right; margin: 95px 20px 0 0; } #feedback-container .contact-info-box p { margin: 4px 0; } #feedback-container a.show-contact-form { position: absolute; top: 30px; right: 20px; z-index: 1010; } #feedback-container a.show-contact-form:hover { text-decoration: none; } @media only screen and (max-width: 800px) { .responsive #feedback-container a.show-contact-form { position: relative; top: 0px; right: 0px; } #course_search_results.course_table .midcol { display: none; } } #feedback-container #feedback-office-locator-map { width: 100%; height: 500px; margin-top: -20px; } #feedback-container #feedback-office-locator-map img { max-width: none !important; border-radius: 0 !important; box-shadow: none !important; } #feedback-container #feedback-office-locator-map .info-window { color: #000; } #feedback-container #feedback-show-office-map { height: 220px; } .user-record { color: #626466; padding: 0 0 0 120px; margin: 20px 0; height: 100px; position: relative; } .user-record table { width: 100%; border-collapse: collapse; } .user-record table td { padding: 2px 5px; } .user-record tr:nth-child(even) td { background-color: #F0F0F0; } .user-record .user-photo { position: absolute; top: 0; left: 0; width: 100px; } #contact-dialog .form_field { width: 100%; } #contact-dialog .form_footer { text-align: right; } #contact-dialog #thank-you { display: none; } #contact-dialog #send-error { display: none; } /* ** ELEARNING SIGNUP */ #elearning-courses a.post-title:hover { text-decoration: none; } .dive-center-select tbody tr:hover { cursor: pointer; background-color: #a5c5d0; border-color: #a5c5d0; } .dive-center-select tbody tr:hover td { background-color: #a5c5d0; border-color: #a5c5d0; } .dive-center-select tbody tr.selected td { background-color: #a5c5d0; border-color: #a5c5d0; } .dive-center-select tbody td { background-color: #ffffff; color: #666666; } .waiver-statements-container td, .medical-statements-container td { padding: 10px; vertical-align: middle; color: #666666; } .medical-yesno-container, .medical-affirmation-container, .medical-fillin-container, .waiver-yesno-container, .waiver-affirmation-container, .waiver-fillin-container { width: 120px; text-align: right; } #elearning-signup-widget h2 { margin-top: 10px; } /* ** REPORTING */ .reporting-scroller { height:500px; overflow:auto; } /* ** ADMIN TOOLS */ #iti-leadership-processing .heading { margin-bottom: 20px; } #iti-leadership-processing .heading h3 { display: inline-block; } #iti-leadership-processing .form_submitted { font-size: 16px; } #iti-leadership-processing label { font-size: 14px !important; } #iti-leadership-processing select, #iti-leadership-processing input[type="text"], #iti-leadership-processing textarea, #iti-leadership-processing .chosen-container { margin-top: 5px !important; } #iti-leadership-processing select:disabled, #iti-leadership-processing input[type="text"]:disabled, #iti-leadership-processing textarea:disabled { background-color: #fff !important; border-color: #f3f3f3 !important; } #iti-leadership-processing .or-seperator { width: 50px; padding-top: 33px; font-weight: bold; } #iti-leadership-processing #registration-info-container, #iti-leadership-processing #instructor-info-container, #iti-leadership-processing #second-instructor-info-container, #iti-leadership-processing #facility-location-container { margin-bottom: 30px; } #iti-leadership-processing #search-candidate-fields button.button, #iti-leadership-processing #search-instructor-fields button.button, #iti-leadership-processing #search-secondary-instructor-fields button.button { padding-top: 0; padding-bottom: 0; height: 33px; line-height: 33px; margin-top: 27px; } #iti-leadership-processing .person { background-color: #f9f9f9; padding: 10px; border-radius: 5px; } #iti-leadership-processing .person .photo { text-align: center; } #iti-leadership-processing .person .actions { text-align: right; padding-top: 50px; } #iti-leadership-processing #search-candidate-results, #iti-leadership-processing #search-instructor-results, #iti-leadership-processing #search-secondary-instructor-results { position: relative; } #iti-leadership-processing .search-results-loader { display: none; position: absolute; top: 50%; left: 50%; margin-left: -110px; } #iti-leadership-processing .fivebyone { margin-bottom: 20px; } #iti-leadership-processing #course-list { margin-bottom: 30px; } #iti-leadership-processing #course-list .course { background-color: #f9f9f9; padding: 10px; border-radius: 5px; margin-top: 10px; } #iti-leadership-processing #course-list .course .flex_column { z-index: auto; } #iti-leadership-processing #course-list .course.first { margin-top: 0; } #iti-leadership-processing #course-list .previous_agency { margin-top: 5px; } #iti-leadership-processing #course-list .previous_agency input { margin-bottom: 5px; } #iti-leadership-processing #course-list .course-actions { text-align: right; padding-top: 30px; } #iti-leadership-processing #course-list .approval-actions { text-align: right; padding-top: 10px; } #iti-leadership-processing .checkboxes .checkbox { display: block; } #iti-leadership-processing .checkboxes .checkbox label { font-weight: normal; } #iti-leadership-processing hr.last { margin-top: 50px; } #iti-leadership-processing .results table thead tr { background-color: #e1e1e1; } #iti-leadership-processing .results table tbody tr:hover, #iti-leadership-processing .results table tbody tr:hover td, #iti-leadership-processing .results table tbody tr.selected td { cursor: pointer; background-color: #C7DDE4; border-color: #C7DDE4; } #iti-leadership-processing .results table tbody td { vertical-align: middle; } #iti-leadership-processing .results table tbody td:first-child img { display: block; margin: 0 auto; } #iti-leadership-processing .results table thead tr { background-color: #e1e1e1; } #iti-leadership-processing .results table tbody tr:hover, #iti-leadership-processing .results table tbody tr:hover td, #iti-leadership-processing .results table tbody tr.selected td { cursor: pointer; background-color: #C7DDE4; border-color: #C7DDE4; } #iti-leadership-processing .results table tbody td { vertical-align: middle; } #iti-leadership-processing .results table tbody td:first-child img { display: block; margin: 0 auto; } #iti-leadership-processing table td.head { font-weight: bold; letter-spacing: 1.5px; text-transform: uppercase; } #iti-leadership-processing .tab-panel table thead tr { background-color: #fff; } #iti-leadership-processing .tab-panel table tbody td { vertical-align: middle; } #iti-leadership-processing .tab-panel table tbody td:last-child { text-align: center; } #iti-leadership-processing .tab-panel .dataTables_wrapper label { font-weight: normal; } #iti-leadership-processing .tab-panel .dataTables_wrapper select { display: inline-block; width: 70px; margin-bottom: 5px; } #iti-leadership-processing .tab-panel .dataTables_wrapper input[type="search"] { display: inline-block; width: 150px; margin: 0 0 0 0.5em; } #iti-leadership-processing .tab-panel { position: relative; } #iti-leadership-processing #application-notes-container textarea { height: 200px; margin-bottom: 0px; } #iti-leadership-processing #leadership-tabs { border-bottom: solid #2d5c88 1px; margin-bottom: 20px; } #iti-leadership-processing #leadership-tabs a { color: #2d5c88; display: inline-block; width: 150px; height: 40px; line-height: 40px; font-size: 18px; font-weight: bold; background-color: #ffffff; text-align: center; margin-right: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; } #iti-leadership-processing #leadership-tabs a:visited, #iti-leadership-processing #leadership-tabs a:active { text-decoration: none; } #iti-leadership-processing #leadership-tabs a:hover, #iti-leadership-processing #leadership-tabs a.active { background-color: #2d5c88; color: #fff; text-decoration: none; } #iti-leadership-processing .itiajaxloader-table { display: block; position: absolute; top: 50%; left: 50%; margin-left: -110px; margin-top: -9px; z-index: 5000; } #iti-leadership-processing #removed-leaderships-container .view-app { width: 150px; } #iti-leadership-processing #pending-applications table tr.yellow { background-color: #FDE359 !important; } #iti-leadership-processing #pending-applications table tr.yellow td { background-color: #FDE359 !important; border-color: #FDD500 !important; color: #333333 !important; } #iti-leadership-processing #pending-applications table tr.red { background-color: #B52626 !important; } #iti-leadership-processing #pending-applications table tr.red td { background-color: #B52626 !important; border-color: #AF0000 !important; color: #ffffff !important; } table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td { border-top: 0px; } /* ** FACILITY DIRECTORY */ #facility-directory ol.breadcrumbs { margin-left: 0px; } #facility-directory ol.breadcrumbs li { display: inline-block; list-style-type: none; } #facility-directory ol.breadcrumbs li:after { content: ' ›'; } #facility-directory ol.breadcrumbs li:last-child:after { content: ''; } #facility-directory .directory-list { margin-bottom: 20px; } #facility-directory .directory-list .flex_column { margin-bottom: 0px !important; } #facility-directory #dive-centers-list .dive-center { margin-bottom: 20px !important; } #facility-directory #dive-centers-list .dive-center .first img { margin-right: 20px; width: 100px; } #facility-directory #dive-centers-list .dive-center .result-num { background: #656565; border-radius: 100%; display: inline-block; font-size: 22px; margin-right: 2px; padding: 7px 11px; color: #fff; } #facility-directory hr { margin: 20px 0; } #facility-directory #google-map { width:100%; height: 500px; } #facility-directory #google-map .gm-style-iw, #facility-directory .button { font-size: 14px; } #facility-directory a[href^="tel"] { color:inherit; text-decoration:none; } #email_modal .loader { display: none; vertical-align: middle; margin-left: 15px; } #email_modal #message { display: none; padding: 10px 0; } #template_loop .results .table-responsive table thead tr { background-color: #e1e1e1; } #template_loop .results .table-responsive table tbody tr:hover, #template_loop .results .table-responsive table tbody tr:hover td, #template_loop .results .table-responsive table tbody tr.selected td { cursor: pointer; background-color: #C7DDE4; border-color: #C7DDE4; } #template_loop .results .table-responsive table tbody td { vertical-align: middle; } #template_loop .results .table-responsive table tbody td:first-child img { display: block; margin: 0 auto; } #template_loop .results .table-responsive table thead tr { background-color: #e1e1e1; } #template_loop .results .table-responsive table tbody tr:hover, #template_loop .results .table-responsive table tbody tr:hover td, #template_loop .results .table-responsive table tbody tr.selected td { cursor: pointer; background-color: #C7DDE4; border-color: #C7DDE4; } #template_loop .results .table-responsive table tbody td { vertical-align: middle; } #template_loop .results .table-responsive table tbody td:first-child img { display: block; margin: 0 auto; } #template_loop .table-responsive table td.head { font-weight: bold; letter-spacing: 1.5px; text-transform: uppercase; } @media only screen and (max-width: 1111px) { #dashboard #digital-ccard .left, #dashboard #digital-ccard .right { float: none; width: 100%; margin: 0 auto 20px auto; } #dashboard #digital-ccard .ccard img, #dashboard #digital-ccard .cert_card { display: block; margin: 0 auto 10px auto; } #dashboard #digital-ccard .download-ccard-btn { text-align: center; } } @media only screen and (max-width: 836px) { #dashboard #enrolled-courses-widget td.course-name { white-space: normal; width: inherit; } } @media only screen and (max-width: 767px) { #dashboard .widget-column { padding: 0; } } @media only screen and (max-width: 550px) { #dashboard #ccards-widget .ccard.blank-card { display: inline-block; } #dashboard #ccards-widget .ccard { width: 100%; display: block; margin: 0 0 20px 0; } #dashboard #ccards-widget .ccard.ccard-margin { margin: 0 0 20px 0; } #dashboard .show-mobile { display: table-cell; } #dashboard .hide-mobile { display: none; } } @media only screen and (max-width: 446px) { #dashboard #digital-ccard .cert_card { transform: scale(1); width: 100%; } #dashboard #digital-ccard .cert_card .divider { width: 97%; } #dashboard #digital-ccard .cert_card .course_name, #dashboard #digital-ccard .cert_card .diver_full_name, #dashboard #digital-ccard .cert_card .card_description { right: 0; } #dashboard #digital-ccard .cert_card .card_footer { font-size: 8px; } } @media only screen and (max-width: 400px) { #dashboard #digital-ccard .cert_card { transform: scale(0.8); width: 330px; margin-left: -15px; } } @media only screen and (max-width: 360px) { #dashboard #digital-ccard .cert_card { transform: scale(0.8); width: 330px; margin-left: -40px; } } @media only screen and (max-width: 330px) { #dashboard #digital-ccard .cert_card { transform: scale(0.7); width: 330px; margin-left: -50px; top: -15px; } } /* ** FACILITY CODES MANAGER */ #iti-codes-manager #codes_table_container { overflow-x: scroll; position: relative; margin-top: 10px; } #iti-codes-manager #codes_table .details-control { padding: 0 20px; white-space: normal; } #iti-codes-manager #codes_table td.details-control { background: url('../images/details_open.png') no-repeat center center; cursor: pointer; } #iti-codes-manager #codes_table tr.shown td.details-control { background: url('../images/details_close.png') no-repeat center center; } #iti-codes-manager #elearning_courses .course { z-index: auto; } #iti-codes-manager #elearning_courses .course .course_name { z-index: auto; } #iti-codes-manager #elearning_courses .course .qty select { width: 65px; display: inline-block; } #iti-codes-manager #elearning_courses .course .actions { text-align: right; } #iti-codes-manager #elearning_courses .course .actions .remove_course { line-height: 23px; } #iti-codes-manager .course_tools { text-align: right; margin-bottom: 200px; } #iti-codes-manager .loader { display: none; vertical-align: middle; margin-left: 15px; } #iti-codes-manager .duplicate_courses { display: none; } #assign-code-modal .search-results-loader { display: none; position: absolute; top: 50%; left: 50%; margin-left: -110px; } #assign-code-modal .search-group { display: none; margin-top: 15px; } #assign-code-modal .search-group button.button { padding-top: 0; padding-bottom: 0; height: 33px; line-height: 33px; margin-top: 27px; } #assign-code-modal .search-group .loader { display: none; vertical-align: middle; margin-left: 15px; } #assign-code-modal .results table th, #assign-code-modal .results table td { border-color: #e1e1e1; } #assign-code-modal .results table thead tr { background-color: #e1e1e1; } #assign-code-modal .results table tbody tr:hover, #assign-code-modal .results table tbody tr:hover td, #assign-code-modal .results table tbody tr.selected td { cursor: pointer; background-color: #C7DDE4; border-color: #C7DDE4; } #assign-code-modal .results table tbody td { vertical-align: middle; } #assign-code-modal .results table tbody td:first-child img { display: block; margin: 0 auto; } #assign-code-modal .results table thead tr { background-color: #e1e1e1; } #assign-code-modal .results table tbody tr:hover, #assign-code-modal .results table tbody tr:hover td, #assign-code-modal .results table tbody tr.selected td { cursor: pointer; background-color: #C7DDE4; border-color: #C7DDE4; } #assign-code-modal .results table tbody td { vertical-align: middle; } #assign-code-modal .results table tbody td.user-photo img { display: block; margin: 0 auto; } #assign-code-modal .results table tbody td a.edit-email { color: #2d5c88; text-decoration: underline; } #assign-code-modal .results table tbody td a.edit-email:hover { color: #3d71a1; text-decoration: none; } #assign-code-modal .results table tbody td a.edit-email:active { text-decoration: none; } #assign-code-modal .results table tbody td a.edit-email img { vertical-align: sub; width: 18px; } @media only screen and (max-width: 500px) { #iti-codes-manager #codes_table td .flex_column { text-align: left !important; } #assign-code-modal select, #assign-code-modal .search-group input { margin-bottom: 0 !important; } #assign-code-modal .results table .user-photo { display: none; } } /* ** LANGUAGE SPECIFIC */ html:lang(es-ES) #header strong.logo, html:lang(fr-FR) #header strong.logo, html:lang(pt-PT) #header strong.logo { max-width: 360px; } /* ** INSTRUCTOR SEARCH */ .table-like { background: #fff; width: 100%; list-style: none; margin: 0px; padding: 0px; } /* clear fix */ .table-like:after { content: ''; display: block; clear: both; list-style: none; } /* ---- vertical table-like ---- */ .table-like__item { width: 100%; clear: both; border-top: 1px solid; list-style: none; margin: 0; padding: 0; } .table-like__item > * { display: inline-block; margin: 0; padding: 0; } .table-like__item .default { width: 100%; text-align: center; padding: 15px 0px; margin: 0; } .table-like__item .thumbnail { float: left; width: 10%; padding: 4px; } .table-like__item .name { float: left; width: 15%; padding-top: 25px; text-align: center; } .table-like__item .location { float:left; width: 20%; padding-top: 25px; text-align: center; } .table-like__item .contact-info { float: left; width: 30%; padding-top: 25px; text-align: center; } .table-like__item .courses { float: left; width: 25%; height: 100px; overflow-y: scroll; } @media screen and (max-width: 767px) { .table-like__item > * { display: inline-block; margin: 0; padding: 0; height: 100px; } .table-like__item .thumbnail { float: none; display: block; width: 100%; padding: 5px; border: 0px; } .table-like__item .name { float:none; display: block; width: 100%; font-size: 16px; padding: 10px; height: 50px; text-align: center; } .table-like__item .location { float: left; width: 50%; padding-top: 0px; text-align: center; } .table-like__item .contact-info { float: left; width: 50%; padding-top: 0px; text-align: center; } .table-like__item .courses { float: none; display: block; width: 100%; height: 100px; overflow-y: scroll; } }