.manage-column.column-ps_product_cat { width: 25%; } .manage-column.column-product { width: 430px; } .user-rich-editing-wrap, .user-comment-shortcuts-wrap, .user-admin-bar-front-wrap, .user-url-wrap { display: none !important; } input[id^="acf-field-field_ps_"][id$="_internal_id"] { background: #efefef !important; } .psBreadcrumb h4 { margin-top: 0; } .psAlert { border-radius: 4px; display: block; margin-bottom: 20px; padding: 10px 15px; } .psHidden { display: none; } .psAlertSuccess { color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; } .psAlertError { color: #a94442; background-color: #f2dede; border-color: #ebccd1; } .psAlertWarning { color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc; } .psAlertInfo { color: #31708f; background-color: #d9edf7; border-color: #bce8f1; } .psTableFilters { margin-top: 20px; margin-bottom: -35px; } .psRightAlignment { text-align: right; } .psCloseCategory { border:1px solid #000; padding: 5px;} .userForm input { width: 90%; } .userForm .psSubmit { width: 200px; } .userForm .input-xsmall { width: 70px; } .userForm .input-small { width: 140px; } .userForm #rpr_name { width: 87%; } .userForm .wpb_row { margin-bottom: 5px; } .psLocationBtn { margin-top: -10px; } .psHeaderBlock { background: #dedede; border-radius: 4px; border: 1px solid #ccc; box-sizing: border-box; display: block; padding: 15px 10px; width: 100%; } .ps2Cols h1, .ps2Cols h2, .ps2Cols h3, .ps2Cols h4, .ps2Cols h5, .ps2Cols h6 { margin: 0; } .ps2Cols { display: inline-block; margin-right: 10px; vertical-align: top; width: 49%; } .ps2Cols:last-child { margin-right: 0; } .addToCartTip { padding: 15px 0 0 3px; } .form-group { margin-bottom: 15px; } .vc_row.wpb_row.vc_row-fluid { clear: both; } .ps-btn-download-file { width: 303px; } .tablenav.top .tablenav-pages, .dashboard_page_ps_order_items_list tfoot, .toplevel_page_ps_orders_list tfoot { display: none; } @media (max-width: 990px) { .userForm .input-small { width: 100px !important; } .userForm .input-xsmall { width: 60px !important; } } @media (max-width: 768px) { .wpb_row .wpb_column { margin-bottom: 5px !important; } } #acf-ps_patient_prescriptions tr:nth-child(odd) { background-color: #f9f9f9 } #onlineOrderFrm .psMediumBtn { width: 130px; padding: 0; } #onlineOrderFrm input.ps110Input { width: 120px; } #onlineOrderFrm .wpb_row { margin-bottom: 5px; } #onlineOrderFrm fieldset { border: 0; padding: 0; } #onlineOrderFrm #floatingPanel legend { font-size: 16px; line-height: 26px; } #onlineOrderFrm label { cursor: pointer; display: inline-block; width: 80%; } #onlineOrderFrm .small-tip { font-size: 11px; line-height: 14px; } #onlineOrderFrm .search-content form { margin: 0; } #onlineOrderFrm .fielfset-content { position: relative; } #onlineOrderFrm input, #onlineOrderFrm select { width: 90%; } #onlineOrderFrm #submitBtn { margin-top: 3px; width: 200px; } #onlineOrderFrm .input-xsmall { width: 70px; } #onlineOrderFrm #rpr_name { width: 87%; } #onlineOrderFrm li { font-size: 14px; line-height: 20px; } #onlineOrderFrm .phone-row .small { display: block; margin: 0; font-size: 12px; color: #999999; } #onlineOrderFrm .phone-row .phone1, #onlineOrderFrm .phone-row .phone2, #onlineOrderFrm .phone-row .phone3 { display: inline-block; vertical-align: top; } #onlineOrderFrm .phone-row .phone1 { width: 18%; } #onlineOrderFrm .phone-row .phone2, #onlineOrderFrm .phone-row .phone3 { width: 35%; } #onlineOrderFrm .phone-row input, #onlineOrderFrm .phone-row input.m2oo.input-120 { width: 98%; } #onlineOrderFrm label.inline { display: inline-block; width: auto; } #onlineOrderFrm .wpb_row .vc_span1-5 { width: 10%;} .span2.span2-150 { width: 150px; } .span2-150 .btn, .btn.wide { width: 100%; } input.wide { width: 100%; } [ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak { display: none !important; } #onlineOrderFrm #floatingPanel { /*position: fixed; top: 0; z-index: 1;*/} #onlineOrderFrm #floatingPanel .floating-patient-details { margin-bottom: 5px; } #onlineOrderFrm #floatingPanel .floating-patient-details legend { padding: 2px 60px 2px 10px; position: absolute; width: auto; z-index: 1; } #onlineOrderFrm #floatingPanel .floating-patient-details .content { background-color: #eeeeee; border: 1px solid #000; padding: 0 0 0 220px; position: relative; } #onlineOrderFrm #floatingPanel .floating-patient-details .buttons { position: absolute; right: 5px; top: 0px; } #onlineOrderFrm #floatingPanel .floating-patient-details .buttons input { font-size: 12px; padding: 0; width: 75px; } #psDownloadFile.modal { margin-left: -180px; width: 360px; margin-top: 0; } #psDownloadFile.modal p { margin-bottom: 10px; margin-top: 10px; } #onlineOrderFrm #floatingPanel .floating-patient-details label { font-size: 12px; margin-bottom: 0; width: auto; } #onlineOrderFrm #patientData, #onlineOrderFrm #searchInPage { background: white; margin-left: -10px; padding: 5px 0;} #onlineOrderFrm #patientData legend { margin-bottom: 0; } #onlineOrderFrm #patientData .patientDataContent { border: 1px solid black; padding: 5px; } #onlineOrderFrm #patientData .wpb_row, #onlineOrderFrm #patientData form, #onlineOrderFrm #patientData input, #onlineOrderFrm #patientData .wpb_row { margin-bottom: 0 !important; } #onlineOrderFrm #patientData input.transparent { background: transparent; border: 0; margin-bottom: 0 !important; width: 190px; padding: 0 4px !important; height: 26px; margin-bottom: 3px !important; } #onlineOrderFrm #patientData p { margin-bottom: 0; } #onlineOrderFrm #patientData table { font-size: 12px; } #onlineOrderFrm #searchInPage {border: 1px solid black; padding: 0 5px 5px; } #onlineOrderFrm #searchInPage p { margin-bottom: 0; } #onlineOrderFrm #searchInPage #searchFilter { height: 25px; margin-bottom: 0; padding: 0 !important; width: 100px; } #onlineOrderFrm #searchInPage .searchInPageContent { background: #000; padding: 10px; } #onlineOrderFrm #searchInPage .searchInPageContent form { margin-bottom: 0; } #onlineOrderFrm #searchInPage .searchInPageContent h3 { color: #fff !important; display: inline-block; font-size: 16px; line-height: 20px; width: 40px; } #onlineOrderFrm #searchInPage .searchForm { display: inline-block; } #onlineOrderFrm #searchInPage .searchForm input { display: inline-block; height: 25px; margin:0; padding: 0;} #onlineOrderFrm #searchInPage .searchForm input#searchThis { font-size: 12px !important; font-weight: normal; height: 25px; width: 220px; padding: 2px 5px !important; } #onlineOrderFrm .headerFound { margin-bottom: 0; } .itemsFoundContainer { margin-bottom: 10px; max-height: 260px; overflow: scroll; } #orderPreview .psCount { margin-left: 10px; vertical-align: super; } #patientOrderPreview .itemsFoundContainer { max-height: 205px; } #onlineOrderFrm .psCount { margin-right: 10px; vertical-align: bottom; } #searchInPage .btn { color: #fff !important; font-size: 12px; font-weight: normal; margin-top: 5px; padding: 0 !important; width: 100px; } #searchInPage #searchThisBtn, #searchInPage #searchThisBtn:hover { background-color: #238c00 !important; margin-left: 5px; } #searchInPage #resetSearchBtn, #searchInPage #resetSearchBtn:hover { background-color: #b01b00 !important; margin-left: 5px; } #searchInPage #filterCount { color: #fff; display: inline-block; font-size: 12px; line-height: 24px; margin: 0 0 0 10px; } #onlineOrderFrm .drug { background-position: right 4px; background-repeat: no-repeat; cursor: pointer; margin-bottom: 20px; } #onlineOrderFrm .drug.closed { background-image: url('../images/closed-item-icon.png'); } #onlineOrderFrm .drug.opened { background-image: url('../images/opened-item-icon.png'); } #onlineOrderFrm input.m2oo.input-50 { width: 50px; } #onlineOrderFrm input.m2oo.input-120 { width: 120px; } #onlineOrderFrm input.m2oo { vertical-align: bottom; } #onlineOrderFrm input.m2oo:last-child { margin-bottom: 10px; } #onlineOrderFrm legend { box-sizing: border-box; display: block; padding-left: 10px; position: relative; } #onlineOrderFrm legend h2 { color: #fff; font-size: 21px; font-weight: 400; line-height: 40px; margin-bottom: 0; } #onlineOrderFrm legend .small { display: block; font-size: 16px; line-height: 18px; padding-bottom: 10px; vertical-align: middle; } #onlineOrderFrm legend.collapsible-condition { cursor: pointer; } #onlineOrderFrm legend.collapsible-condition h4.collapsible-condition-instructions { color: #fff; position: absolute; right: 40px; top: 7px; } #onlineOrderFrm legend.collapsible-condition .closed.collapsible-condition { background-image: url('../images/closed-condition-icon.png'); } #onlineOrderFrm legend.collapsible-condition .opened.collapsible-condition { background-image: url('../images/opened-condition-icon.png'); } #onlineOrderFrm legend.collapsible-condition .collapsible-condition { height: 12px; position: absolute; right: 11px; top: 14px; width: 12px; } #onlineOrderFrm .search-content { background: #dcdcdc; padding: 15px; box-sizing: border-box; } /*#onlineOrderFrm .search-content legend { width: 98%; }*/ #onlineOrderFrm ul { list-style: none; margin: 0; padding: 0; } #onlineOrderFrm h3, #onlineOrderFrm h3 label { display: inline-block; font-size: 16px; font-weight: 400; margin-bottom: 5px; padding: 0 20px 0 0; vertical-align: top; width: 95%; } #onlineOrderFrm h3 .small, #onlineOrderFrm h3 label .small { display: inline-block; font-size: 12px; padding-right: 25px; vertical-align: top; width: 95%; } #onlineOrderFrm h3 .detail, #onlineOrderFrm h3 label .detail { font-size: 14px; } #onlineOrderFrm h3 label { display: inline-block; } #onlineOrderFrm ul li { border-bottom: 1px solid #555; margin: 0 0 20px 0; padding: 0 10px; } #onlineOrderFrm ul.no-lines li { border-bottom: 0; margin-bottom: 10px; } #onlineOrderFrm ul li:last-child { border-bottom: 0; } #onlineOrderFrm hr { background: url('../images/hr-background.png') repeat-x; border-top: 0; border-bottom: 0; height: 3px; } #onlineOrderFrm input[type="radio"], #onlineOrderFrm input[type="checkbox"] { margin-top: -3px; width: 13px; } #onlineOrderFrm textarea { height: 90px; resize: none; width: 100%; } #onlineOrderFrm input.checkbox, #onlineOrderFrm input.radio { display: inline-block; margin-top: 2px; vertical-align: top; } #onlineOrderFrm h4 { font-size: 15px; margin-bottom: 10px; } #onlineOrderFrm .formulas { color: #000; font-weight: 400; } #onlineOrderFrm .prescribing-info { list-style: disc; margin-left: 20px; } #onlineOrderFrm .prescribing-info li { border: 0; list-style-position: outside; margin-bottom: 10px; margin-left: 0px; padding: 0; } #onlineOrderFrm #summary-wrapper table tr { /*background: url('../images/hr-background.png') repeat-x;*/ border-top: 0; border-bottom: 0; /*height: 3px;*/ } #onlineOrderFrm table tr td { padding: 20px 0 10px; } #onlineOrderFrm table tr td { padding: 5px; } #onlineOrderFrm table tr:first-child { background-image: none; } #onlineOrderFrm .table tr td, #onlineOrderFrm .table tr th { padding: 5px; position: relative; } #onlineOrderFrm .table tr.active td { background-color: #e4c279; } #onlineOrderFrm .table tr:hover td { background: #bbb; } #onlineOrderFrm .table.summary tr, #onlineOrderFrm .table.summary tr td { border: 0 !important; } #onlineOrderFrm .table.summary { margin-bottom: 0 !important; } #onlineOrderFrm .table.summary .item-name { width: 155px; box-sizing: border-box !important; } #onlineOrderFrm .table.summary .item-medium-name { width: 100px; box-sizing: border-box !important; } #onlineOrderFrm .table.summary .item-value { width: 50px; box-sizing: border-box !important; } #onlineOrderFrm .table.summary .item-action { width: 50px; box-sizing: border-box !important; } #onlineOrderFrm #summary-wrapper.closed { height: 60px; } #onlineOrderFrm #summary-wrapper.opened { height: 140px; } #onlineOrderFrm #summary-wrapper { position: relative; overflow: scroll; } #onlineOrderFrm .summary-hidden-total { z-index: 2; background: white; cursor:pointer; position: absolute; bottom: 0px;right: 0;font-size: 12px;border: 1px solid grey;padding: 1px 4px;border-radius: 5px;} #onlineOrderFrm .collapse { display: none; position: absolute; cursor: pointer; right: 10px; top: 10px; width: 15px; height: 6px; padding: 5px; } #onlineOrderFrm .collapse i { display: block; width: 15px; height: 6px; background-image: url('../images/summary-collapse-icon.png');} #onlineOrderFrm .collapse.closed i { background-position: 0 0;} #onlineOrderFrm .collapse.opened i { background-position: 0 -6px;} #onlineOrderFrm .action { border: 0; border-radius: 3px; color: #fff; cursor: pointer; display: inline-block; font-size: 12px; width: 85px; padding: 2px 5px; text-align: center; } #onlineOrderFrm .action.orange { background-color: #fbb12c; } #onlineOrderFrm .action.red { background-color: #b20000; } .right-alignment, .table th.right-alignment, .table td.right-alignment { text-align: right; } .center-alignment, .table th.center-alignment, .table td.center-alignment, td.center-alignment label, td.center-alignment input { text-align: center; } .right-10-margin { margin-right: 10px; } .right-5-margin { margin-right: 5px; } .top-10-margin { margin-top: 10px; } .top-5-margin { margin-top: 5px; } .vc_span12.wpb_column.column_container.no-padding { padding-left: 0; padding-right: 0; } #onlineOrderFrm #submitBtn { width: 180px; } #onlineOrderFrm .continue-button { margin: 10px 0; } #onlineOrderFrm .continue-button input { width: 100%; } #onlineOrderFrm input.btn-search { margin-bottom: 8px; width: 95px; } #onlineOrderFrm #floatingPanel .floating-patient-details .buttons input#orderHistory { width: 90px; margin-bottom: 0 !important;} #onlineOrderFrm input#editPatient, #onlineOrderFrm input#loadOrder { width: 140px; margin-bottom: 0 !important;} #onlineOrderFrm input#resetPatient, #onlineOrderFrm input#closePreview, #onlineOrderFrm input#resetPatient, #onlineOrderFrm input#downloadFile { width: 135px; margin-left: 35px; margin-bottom: 0 !important;} #onlineOrderFrm input#downloadFile { width: 175px; } #onlineOrderFrm #patientOrderPreview { margin-left: 0; background: #ddd; padding: 10px; } #onlineOrderFrm #orderSummaryWrapper fieldset { background: #ddd; padding: 0 !important; } #onlineOrderFrm #orderSummaryWrapper fieldset legend span { position: absolute; right: 20px; } #onlineOrderFrm #orderSummaryWrapper .vc_span12.wpb_column.column_container { padding: 0;} #onlineOrderFrm #orderSummaryWrapper p { padding: 10px; } #onlineOrderFrm #patientOrderPreview .small { display: block; font-size: 10px; line-height: 13px; } #onlineOrderFrm #patientOrderPreview #loadOrder, #onlineOrderFrm #patientOrderPreview #loadOrder:hover { background-color: #238c00 !important; color: #fff !important; margin-top: 10px; } #onlineOrderFrm #patientOrderPreview #closePreview, #onlineOrderFrm #patientOrderPreview #closePreview:hover { background-color: #b20000 !important; color: #fff !important; margin-top: 10px; } #onlineOrderFrm #patientOrderPreview #downloadFile, #onlineOrderFrm #patientOrderPreview #downloadFile:hover { background-color: #000 !important; color: #fff !important; margin-top: 10px; } #onlineOrderFrm .buttons-wrapper { position: relative; } #onlineOrderFrm .submit-buttons .button, #onlineOrderFrm .submit-buttons .messages { float: left; position: relative; } #onlineOrderFrm .submit-buttons .messages { font-size: 13px; line-height: 17px; margin-left: 10px; margin-top: 3px; } #onlineOrderFrm .submit-buttons .messages .msg-result.wpcf7-response-output { width: 100%; } #onlineOrderFrm .submit-buttons { background: #b11100; border: 1px solid #000; bottom: 10px; color: #fff; margin-left: -10px; padding: 5px; position: fixed; z-index: 1; } #onlineOrderFrm .submit-buttons .saveOrderAjaxLoader { height: 24px; position: absolute; margin: 5px; width: 24px; } #onlineOrderFrm .submit-buttons .wpcf7-submit { font-size: 16px; padding: 8px 20px !important; width: 160px !important; } #onlineOrderFrm .btn-send { font-size: 16px; color: #fff; background-color: #000; } #onlineOrderFrm .send-button-container .loader { display: inline-block; padding-top: 4px;} #onlineOrderFrm .send-button-container .button { display: inline-block; } #onlineOrderFrm .send-button-container .button input { width: 100%; } #onlineOrderFrm .formAjaxLoader { position: absolute; bottom: 39px; right: 10px; } #onlineOrderFrm .buttonAjaxLoader { position: absolute; right: 15px; bottom: 13px; } #onlineOrderFrm .buttonAjaxLoader.preview { right: 113px; } #onlineOrderFrm .savePatientAjaxLoader { position: absolute; left: 150px; bottom: 10px; } #onlineOrderFrm .saveOrderAjaxLoader { display: inline-block; } #onlineOrderFrm .example { color: #999999; font-size: 12px; } #onlineOrderFrm .example td, #onlineOrderFrm .example table tr:first-child td { margin: 0 !important; padding: 0 !important; } #onlineOrderFrm #side-msg-result, #onlineOrderFrm .msg-result { display: block; float: none; } #onlineOrderFrm #side-msg-result.status { background-color: #ddd; padding: 10px; } #onlineOrderFrm .msg-result.wpcf7-response-output { display: block; padding: 10px; position: absolute; top: -12px; } #onlineOrderFrm .vc_span2-5 { width: 10.666666666666664%; } /* online order grid */ .onlineOrderGrid .row { margin-left: 0; margin-bottom: 25px; } .onlineOrderGrid:after, .onlineOrderGrid .row:after { clear: both !important; } .onlineOrderGrid .row .oo_col1 { float: left; width: 9.09%; margin-right: 0.90%; } .onlineOrderGrid .row .oo_col2 { float: left; width: 19.09%; margin-right: 0.90%; } .onlineOrderGrid .row .oo_col2-5 { float: left; width: 24.54%; margin-right: 0.90%; } .onlineOrderGrid .row .oo_col3 { float: left; width: 29.09%; margin-right: 0.90%; } .onlineOrderGrid .row .oo_col3-5 { float: left; width: 34,54%; margin-right: 0.90%; } .onlineOrderGrid .row .oo_col4 { float: left; width: 39.09%; margin-right: 0.90%; } .onlineOrderGrid .row .oo_col5 { float: left; width: 49.09%; margin-right: 0.90%; } .onlineOrderGrid .row .oo_col6 { float: left; width: 59.09%; margin-right: 0.90%; } .onlineOrderGrid .row .oo_col7 { float: left; width: 69.09%; margin-right: 0.90%; } .onlineOrderGrid .row .oo_col8 { float: left; width: 79.09%; margin-right: 0.90%; } .onlineOrderGrid .row .oo_col9 { float: left; width: 89.09%; margin-right: 0.90%; } .onlineOrderGrid .row .oo_col10 { float: left; width: 99.09%; margin-right: 0.90%; } .onlineOrderGrid .row .oo_col1:last-child, .onlineOrderGrid .row .oo_col2:last-child, .onlineOrderGrid .row .oo_col3:last-child, .onlineOrderGrid .row .oo_col4:last-child, .onlineOrderGrid .row .oo_col5:last-child, .onlineOrderGrid .row .oo_col6:last-child, .onlineOrderGrid .row .oo_col7:last-child, .onlineOrderGrid .row .oo_col8:last-child, .onlineOrderGrid .row .oo_col9:last-child, .onlineOrderGrid .row .oo_col10:last-child { margin-right: 0; } #onlineOrderFrm .table#patientsFound tr td, #onlineOrderFrm .table#ordersFound tr td { padding: 6px 4px; } #onlineOrderFrm .table#patientsFound tr td.psActionButton#onlineOrderFrm .table#ordersFound tr td.psActionButton { padding: 4px; } /* / online order grid */ .no-bottom-margin, p.no-bottom-margin { margin-bottom: 0 !important; } .top-25-margin { margin-top: 25px; } .left-5-margin { margin-left: 5px; } .bottom-25-margin { margin-bottom: 25px; } #onlineOrderFrm ul.iconized-categories ul { list-style: none; margin: 0; padding: 0; } #onlineOrderFrm ul.iconized-categories li { position: relative; border-bottom: 0; display: inline-block; vertical-align: top; } #onlineOrderFrm ul.iconized-categories li.open { width: 100%; } #onlineOrderFrm ul.iconized-categories li .psCloseCategory { position: absolute; top: -8px; left: 125px; background: #fff; border-radius: 10px; } #onlineOrderFrm ul.iconized-categories li.icon-item .psCloseCategory { top: 0; } li.icon-item, li.shape-icon { width: 100%; display: inline-block !important; } li.icon-item.opened, li.shape-icon.opened { display: block !important; } li.icon-item.hard-hidden, li.shape-icon.hard-hidden { display: none !important; } /*#onlineOrderFrm ul.iconized-categories li .iconized {*/ #onlineOrderFrm ul.iconized-categories li .shape { width: 130px; height: 80px; border-radius: 10px; box-sizing: border-box; padding: 4px; text-align: center; display: table; cursor: pointer; } .inline-block { width: auto !important; } #onlineOrderFrm ul.iconized-categories li.icon-item { cursor: pointer; /*overflow: hidden; width: 128px;*/ } #onlineOrderFrm ul.iconized-categories li .iconized .item { width: 128px; height: 128px; overflow: hidden; } #onlineOrderFrm ul.iconized-categories li.open .iconized .item, #onlineOrderFrm ul.iconized-categories li .iconized:hover .item { background-position: 0 128px; } /*#onlineOrderFrm ul.iconized-categories li .iconized .item {*/ #onlineOrderFrm ul.iconized-categories li .shape .item { box-sizing: border-box; border-radius: 10px; border: 3px solid #fff; display: table-cell; vertical-align: middle; } #onlineOrderFrm .onlineOrderGrid { padding-bottom: 30px; } #onlineOrderFrm .onlineOrderGrid .row input[type="radio"] { vertical-align: top; margin-top: 5px; } #onlineOrderFrm ul.iconized-categories li .shape .item h2 { font-size: 16px; margin: 0; font-weight: normal; } #onlineOrderFrm ul.iconized-categories li .iconized{ height: 200px; } #onlineOrderFrm ul.iconized-categories li .iconized h2 { font-size: 16px; margin: 10px 0 0 0; font-weight: normal; text-align: center; min-height: 48px; width: 128px; } /*#onlineOrderFrm ul.iconized-categories li .products { margin-top: 20px; }*/ #onlineOrderFrm ul.iconized-categories li .products li.product { margin-left: 0; margin-bottom: 0px; padding-left: 0; display: block; border-bottom: 1px solid #000; } #onlineOrderFrm ul.iconized-categories li .products li .row { margin-left: 5px; } #onlineOrderFrm ul.iconized-categories li .products li h3 { padding: 20px 5px 5px; } @media (max-width: 1190px) { #onlineOrderFrm h4 { font-size: 13px; } #onlineOrderFrm label { width: 75%; } } @media (max-width: 1100px) { #onlineOrderFrm input.m2oo.input-120 { width: 80px; } #onlineOrderFrm label { width: 70%; } } @media (max-width: 990px) { #onlineOrderFrm #floatingPanel { position: relative; display: block; } #onlineOrderFrm #searchInPage { position: fixed; top: 10px; } #onlineOrderFrm #searchInPage h3 { padding-right: 0; } #onlineOrderFrm #searchInPage .searchForm { width: 75%; } #onlineOrderFrm #searchInPage #searchThis { width: 245px !important; } #onlineOrderFrm #searchInPage .btn { margin-top: 5px !important; padding-left: 10px !important; width: 120px; } #onlineOrderFrm #floatingPanel .floating-patient-details .buttons { margin: 0 0 10px 10px; position: relative; } #onlineOrderFrm .phone-row .phone1, #onlineOrderFrm .phone-row .phone2, #onlineOrderFrm .phone-row .phone3 { display: block; width: 100%; } #onlineOrderFrm .phone-row input.m2oo.input-120 { width: 98%; } #onlineOrderFrm h3, #onlineOrderFrm h3 label, #onlineOrderFrm h3 .detail, #onlineOrderFrm h3 label .detail { width: 90%; } } @media screen and (max-width: 990px) and (min-width: 769px) { .onlineOrderGrid .formula_class { border-top: 1px solid #999; display: block; padding-top: 10px; width: 100% !important; } .onlineOrderGrid .row .oo_col1 { width: 24%; } .onlineOrderGrid .row .oo_col2, .onlineOrderGrid .row .oo_col2-5 { width: 47%; } .onlineOrderGrid .row .oo_col2:last-child { margin-left: 2%; } .onlineOrderGrid .row .oo_col2.additional { clear: both; } .onlineOrderGrid h4 { margin-top: 20px; } } @media only screen and (max-width: 767px) { #onlineOrderFrm h4 { font-size: 13px; margin-top: 15px; } #onlineOrderFrm h3, #onlineOrderFrm h3 label, #onlineOrderFrm h3 .detail, #onlineOrderFrm h3 label .detail { width: 85%; } .vc_row-fluid .vc_span1-5 { width: 100%; } #onlineOrderFrm input.m2oo.input-120 { width: 100%; } #onlineOrderFrm .onlineOrderGrid .formula_class { border-top: 1px solid #999; padding-top: 10px; } #onlineOrderFrm .vc_span2-5 { width: 100%; } .onlineOrderGrid .row .oo_col1, .onlineOrderGrid .row .oo_col2, .onlineOrderGrid .row .oo_col2-5, .onlineOrderGrid .row .oo_col3, .onlineOrderGrid .row .oo_col3-5, .onlineOrderGrid .row .oo_col4, .onlineOrderGrid .row .oo_col5, .onlineOrderGrid .row .oo_col6, .onlineOrderGrid .row .oo_col7, .onlineOrderGrid .row .oo_col8, .onlineOrderGrid .row .oo_col9, .onlineOrderGrid .row .oo_col10 { float: none; width: 100%; margin-right: 0; } }