/*@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,300italic,400italic,600italic);*/ span.fa-stack.fa-md:hover i.fa.fa-info.fa-stack-1x.fa-inverse { display: none !important; } .popover.fade * { word-break: break-all; } @font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 300; src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), url('../fonts/source-sans-pro-v13-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('../fonts/source-sans-pro-v13-latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ font-display: swap; } @font-face { font-family: 'Source Sans Pro'; font-style: italic; font-weight: 300; src: local('Source Sans Pro Light Italic'), local('SourceSansPro-LightItalic'), url('../fonts/source-sans-pro-v13-latin-300italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('../fonts/source-sans-pro-v13-latin-300italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ font-display: swap; } @font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 400; src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), url('../fonts/source-sans-pro-v13-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('../fonts/source-sans-pro-v13-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ font-display: swap; } @font-face { font-family: 'Source Sans Pro'; font-style: italic; font-weight: 400; src: local('Source Sans Pro Italic'), local('SourceSansPro-Italic'), url('../fonts/source-sans-pro-v13-latin-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('../fonts/source-sans-pro-v13-latin-italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ font-display: swap; } @font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 600; src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'), url('../fonts/source-sans-pro-v13-latin-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('../fonts/source-sans-pro-v13-latin-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ font-display: swap; } @font-face { font-family: 'Source Sans Pro'; font-style: italic; font-weight: 600; src: local('Source Sans Pro SemiBold Italic'), local('SourceSansPro-SemiBoldItalic'), url('../fonts/source-sans-pro-v13-latin-600italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('../fonts/source-sans-pro-v13-latin-600italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ font-display: swap; } @font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 700; src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'), url('../fonts/source-sans-pro-v13-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('../fonts/source-sans-pro-v13-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ font-display: swap; } body {font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial,sans-serif;font-weight: 400;} button, a, input, textarea, select, *:focus{outline: 0 !important;} *::-moz-focus-inner{border:0 !important;} [v-cloak] > * { display:none; } [v-cloak]::before, .pivot_loader { content: " "; display: block; width: 200px !important; height: 200px !important; max-width:100px; background-repeat:no-repeat; top: 50%; right: 0; margin: 0 auto; text-align: center; width: 100% !important; margin-top: -50px; background-size: 50px 50px; position: absolute; z-index:9999999; left: 10%; background-image: url(data:image/gif;base64,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); } a[disabled="disabled"] { cursor: default; pointer-events: none; } .no_pointer{pointer-events: none;} .flex-btn a[disabled="disabled"] { opacity: 0.5;cursor: not-allowed; } body #SurgicalConsumption .pts_whiteboard_info_box textarea.form-control {text-transform: none !important;} table tr.tr_disable{cursor: inherit;pointer-events: none;} table tr.tr_disable *{pointer-events: none;color:#999 !important;} table tr.tr_disable .label{background-color:#999 !important;color:#fff !important;} table tr.tr_boldpink{background: #ea647c1a} table tr.tr_boldpink *{font-weight: bold;} .upload_file_btn_outer{position: relative;width: 175px;overflow: hidden;} .upload_file_btn_outer input[type="file"]{position: absolute;top: 0;width: 100%;height: 100%;opacity: 0} .loader{text-align:center; overflow: hidden;} .Loading{position: relative;width: 20px;height: 20px;top: 80px;left: 50%;margin-left: -12px;animation-name: spinner 1.2s linear normal infinite;-webkit-animation: spinner 1.2s linear normal infinite;-moz-animation: spinner 1.2s linear normal infinite;} .Loading:after{position: absolute;content: '';width: 25px;height: 25px;border-radius: 50px;border-top: 2px dotted #000;border-bottom: 2px dotted #000;border-left: 2px dotted #000;border-right: 1px dotted transparent;top: -2px;left: -2px;} @keyframes spinner{ from {transform: rotate(0deg);} to {transform: rotate(360deg);} } @-webkit-keyframes spinner{ from {transform: rotate(0deg);} to {transform: rotate(360deg);} } @-moz-keyframes spinner{ from {transform: rotate(0deg);} to {transform: rotate(360deg);} } .initialLoading{top: 50%;right: 0;margin: 0 auto;text-align: center;width: 100% !important;margin-top: -50px;position: absolute;z-index:9999999;left: 5%;} .ln_solid {border-top: 1px solid #f4f4f4;color: #fff;background-color: #fff;height: 1px;margin: 15px 0;} .mainbox{position: relative;border-radius: 3px;background: #ffffff;margin-bottom: 20px;width: 100%;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);min-height: calc(100vh - 92px);} .modal-header,.modal-footer{border-color:#f4f4f4;} .main_header{padding:5px 10px;position: relative;border-bottom: 1px solid #f4f4f4;} .main_header > .main_title {vertical-align: middle;float: left;} .main_header > .main_tools{float: right;} .main_footer{padding:10px;border-top: 1px solid #f4f4f4;} .main_footer .btn,.main_footer button{margin-bottom: 5px} .main_title h3{font-size:24px;} .form-control,.btn-flat{border-radius: 0;box-shadow: none;} .form-control,.input-group > .input-group-btn > .btn{font-size: 14px !important;height:35px !important;} .input-group-addon, .input-group-btn{vertical-align: top;} .input-group .input-group-addon{border-radius: 0;vertical-align:middle;background-color: #fff;} .input-group.date .input-group-addon{border:1px solid #ccc;} .input-group-btn:last-child > .btn{z-index: 0} .filtersListed .multiselect,.input-group .multiselect{min-width: 130px;} .multiselect{min-height: 0 !important} .multiselect > .multiselect__tags {min-height: 35px !important;padding: 6px 34px 0 6px !important;border: 1px solid #d2d6de !important; border-radius: 0 !important} .multiselect > .multiselect__select {height: 33px !important;padding-top: 8px !important;} .multiselect .multiselect__tags > span,.multiselect .multiselect__tags > .multiselect__input{margin-bottom: 0 !important;padding-top: 0;} .multiselect.multiselect--active input{width: 100% !important;} .multiselect .multiselect__single {color:#000;white-space: nowrap !important;overflow-x: hidden !important;text-overflow: ellipsis !important;max-width: 100% !important;} .multiselect .option__desc, .multiselect .option__image {display: inline-block;vertical-align: middle;} .multiselect .option__image {margin-right: 10px;max-height: 50px; max-width: 50px;} ul.multiselect__content{bottom:inherit !important;} .filtersListed .multiselect,.filtersListed .multiselect ul.multiselect__content, .main_header > .main_tools .multiselect, .main_header > .main_tools .multiselect ul.multiselect__content {z-index: 2} .filtersListed{background-color: #fff;border-radius: 4px; margin-bottom: 10px;padding:0px;display: flex;position: relative;align-items: center;} /*----filtersListed_drop css---*/ .filtersListed .act_hide_resp{display: flex;} .filtersListed_drop{display: none} .filtersListed_drop >.outer{justify-content:center;background-color: #fff;margin-bottom: 10px;display: flex;position: relative;align-items: center;} .filtersListed_drop .multiselect,.input-group .multiselect{min-width: 130px;} .filtersListed_drop .input-group .form-control, .filtersListed_drop > .input-group > .btn{height: 35px;border-color: #ddd;} .filtersListed_drop .btn-default:hover,.filtersListed_drop .btn-default,.filtersListed_drop > .btn-group > .btn-default:hover,.filtersListed_drop > .btn-group > .btn-default,.filtersListed_drop > .input-group > .btn-default:hover{background-color: #fff;} .filtersListed_drop .multiselect,.filtersListed_drop .multiselect ul.multiselect__content{z-index: 2} .filtersListed_drop .diff_whitebg, .filtersListed_drop .diff_redbg {line-height: normal;} .responsive_actcollapse.active > a > i {transform: rotate(-180deg);} .responsive_actcollapse{display: none;} #PackSet .filtersListed .click-here-error{display: none;} body.sidebar-collapse .custom_footer_wizard{width:calc(100% - 62px) !important} /*------*/ .controls{width: 100%;display: flex;align-items: center;} .controls>*{margin-right: 5px;} .input-group .form-control{z-index:0 !important;} .filtersListed .input-group .form-control, .filtersListed > .input-group > .btn{height: 35px;border-color: #ddd;} .filtersListed .btn-default:hover,.filtersListed .btn-default,.filtersListed > .btn-group > .btn-default:hover,.filtersListed > .btn-group > .btn-default,.filtersListed > .input-group > .btn-default:hover{background-color: #fff;} .cursor_hand {cursor: pointer;} .in_middle {height: calc(100vh - 152px);display: flex;justify-content: center;align-items: center;flex-direction: column;} .btn-info{background-color: #00c0ef;border-color: #00acd6;color: #fff;font-size: 15px;} .btn-info:hover{background-color: #00acd6;border-color: #269abc;} .btn:active{-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);-moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);} .no_transform {text-transform: none !important;} .vertLine{height: calc(100% - 15px);width: 1px;position: absolute;left: 0;background:#d7d7d7;top: 0;margin: 0;} .btn-default{background-color: #f4f4f4;color: #444;border-color: #ddd;font-size: 15px;} .btn-default:hover{background-color: #e7e7e7;} .breadcrumb {margin-bottom: 0px;background: none;list-style: outside none none;padding:0px;} .breadcrumb > li > a{color: #3c8dbc;} .breadcrumb > li > a:hover{outline: none;text-decoration: none;color: #72afd2;} .firstcaps_transform{text-transform: capitalize} .green--text {color: #00a65a;} .danger--text{color: #dd4b30;} .orange--text{color: #dc8000;} .blue--text {color: #0073b7;} .height_18{height: 18px !important} .height_20{height: 20px} .height_25{height: 25px} .height_28{height: 28px !important} .height_30{height: 30px !important} .height_35{height: 35px} .height_39{height: 39px} .height_50{height: 50px !important} .height_155{height: 155px} .height_200{height: 200px} .height_220{height: 220px} .height_240{height: 240px} .height_250{height: 240px} .height_270{height: 270px} .height_300{height: 300px !important} .height_320{height: 320px} .height_340{height: 340px} .height_350{height: 350px !important} .height_380{height: 380px;min-height: auto;} .height_400{height: 400px} .height_450{height: 450px} .height_500{height: 500px} .m_height_270{max-height: 270px} .m_height_280{max-height: 280px} .m_height_300{max-height: 300px} .m_height_315{max-height: 315px} .m_height_350{max-height: 350px} .m_height_400{max-height: 400px} .m_height_500{max-height: 500px} .max_h{max-height: calc(100vh - 280px);min-height: calc(100vh - 280px);} .max_height{max-height: calc(100vh - 200px);min-height: calc(100vh - 200px);} /* sony fix 3943 30-04-2021 */ .table-responsive.max_h{max-height: calc(100vh - 200px);min-height: calc(100vh - 200px);} /* Fix PHAT ID 4167 by Sony 27-01-2021, issue is black space in Sterile tab in UD set Store section IN OT */ /* So We comment line no 219 and rewrite line no 222 with 200px */ /*.table-responsive.max_h{max-height: calc(100vh - 200px);min-height: calc(100vh - 200px);} */ /* added new css for instrument add table responsive height to get rid from the blank space 08-04-2021 */ .instrument_add .table-responsive{min-height: calc(100vh - 280px);} .receive_list .max_h{max-height: calc(100vh - 250px);min-height: calc(100vh - 250px);} /* added new css for incoming inventory tab table responsive height to get rid from the blank space 08-04-2021 */ #incominginventory .table-responsive{max-height: calc(100vh - 283px);} /* added new css for add set table responsive height to get rid from the page scrollbar 09-04-2021 */ #add_set .table-responsive{max-height: calc(100vh - 379px);} /* added new css for add set table responsive height to get rid from the page scrollbar 09-04-2021 */ #InventoryApprovalHome .table-responsive{max-height: calc(100vh - 278px);} .label-default{background-color: #d2d6de;color:#333} .grey_bg_header{background: #ddd;color: #777;} .outline_border{border: 1px solid #e6e9ed;padding: 10px;margin-top: 5px;} .border_lggrey{border-top: 1px solid #f4f4f4;} .border_orange{border-top: 1px solid #fcb578;} .border_black{border-top: 1px solid #000;} .border_grey{border-top: 2px solid #d2d6de;} .border_green{border-top: 2px solid #00a65a;} .border_l_gray{border-left: 1px solid #ccc} .border_l_danger{border-left: 2px solid #dd4b39} .border_t_orange{border-top:1px solid #f39c12 !important;} .border_b_orange{border-bottom:1px solid #f39c12;} .no-border{border: 0 !important;} .bg-green{background-color: #00a65a} .bg_lightgrey{background-color: #d3d3d3} .bg_lightestgrey{background-color: #F7F7F7;} .bg_white{background-color: #fff;} .bg_ccc{background-color: #ccc;} .bg_f4f4{background-color: #f4f4f4;} .bg-orange{background-color: #f58220} .bg-blue{background-color: #0073b7 !important} .bg-danger{background-color: #dd4b39 !important} .bg_blue_light {background: #4d54e733;} .bg_lgyellow{background-color: #f7efe1 !important;} .bg_d6d6d6{background-color: #d6d6d6} .color_666 {color: #666;} .color_gray {color: #999;} .color_white {color: #fff !important} .color_black {color: #000} .color_green,.fa_success{color: #00a65a;} .color_red,.fa_danger{color: #dd4b39;} .color_gray_light {color: #d6d6d6;} .color_blue{color:rgb(0, 115, 183) !important} .fa_warning {color: #f39c12;} .fa_primary {color: #3c8dbc;} .alert > a,.alert > a:hover{color:#fff;text-decoration: underline;} .alert .close{color:#fff;opacity: 1} .alert-danger{background-color: #dd4b39 !important;border-color: #d73925 !important;color:#fff !important;} .alert-warning{background-color: #f39c12 !important;border-color: #e08e0b !important;color:#fff !important;} .alert-success{background-color: #00a65a !important;border-color: #008d4c !important;color:#fff !important;} .label-warning-new,.label-success-new,.label-orange-new,.label-brown-new,.label-danger-new,.label-blue-new{max-width: 70px;width: 100%;background-color: #f39c12;color: #fff !important;display: inline-block;padding: 4px 5px;text-align: center;} .label-success-new {background-color: #00a65a !important;} .label-brown-new {background-color: #985624 !important;} .label-orange-new {background-color: #f58220 !important;} .label-danger-new {background-color: #dd4b39 !important;} .label-blue-new {background-color: rgb(0, 115, 183) !important;} .color_secondary {color: #333;} .no_shadow {box-shadow: none} .m_5_topbtm{margin-top:5px;margin-bottom: 5px !important;} .m_6_topbtm{margin-top:6px;margin-bottom: 6px;} .m_7_topbtm{margin-top:7px;margin-bottom: 7px;} .m_8_topbtm{margin-top:8px;margin-bottom: 8px;} .m_9_topbtm{margin-top:9px;margin-bottom: 9px;} .m_10_topbtm{margin-top:10px;margin-bottom: 10px !important;} .m_15_topbtm{margin-top:15px;margin-bottom: 15px;} .m_20_topbtm{margin-top:20px;margin-bottom: 20px;} .m_l_r_-10{margin-left:-10px;margin-right: -10px;} .has-error .help-block,.help-block{color: #dd4b39;line-height: 1;font-size: 15px;} .has-error .form-control{border-color: #dd4b39 !important} .click-here-error{color:#dd4b39} .p-0{padding: 0px !important;} .p-5{padding: 5px !important;} .p-10{padding: 10px;} .p-15{padding: 15px;} .p-20{padding: 20px;} .p-25{padding: 25px;} .p-30{padding: 30px;} .p-50{padding: 50px;} .p-t-0{padding-top: 0px;} .p-t-2{padding-top: 2px;} .p-t-5{padding-top: 5px;} .p-t-7{padding-top: 7px;} .p-t-10{padding-top: 10px;} .p-t-12{padding-top: 12px !important;} .p-t-15{padding-top: 15px;} .p-t-20{padding-top: 20px;} .p-t-25{padding-top: 25px;} .p-t-30{padding-top: 30px;} .p-t-50{padding-top: 50px;} .p-t-100{padding-top: 100px !important;} .p-b-0{padding-bottom: 0px;} .p-b-3{padding-bottom: 3px !important;} .p-b-5{padding-bottom: 5px;} .p-b-10{padding-bottom: 10px;} .p-b-15{padding-bottom: 15px;} .p-b-20{padding-bottom: 20px;} .p-b-25{padding-bottom: 25px;} .p-b-30{padding-bottom: 30px;} .p-l-0{padding-left: 0px !important;} .p-l-3{padding-left: 3px;} .p-l-5{padding-left: 5px !important;} .p-l-7{padding-left: 7px;} .p-l-10{padding-left: 10px;} .p-l-15{padding-left: 15px;} .p-l-20{padding-left: 20px;} .p-l-25{padding-left: 25px;} .p-l-30{padding-left: 30px;} .p-l-50{padding-left: 50px;} .p-r-0{padding-right: 0px !important;} .p-r-3{padding-right: 3px;} .p-r-5{padding-right: 5px !important;} .p-r-10{padding-right: 10px;} .p-r-15{padding-right: 15px;} .p-r-20{padding-right: 20px;} .p-r-25{padding-right: 25px;} .p-r-30{padding-right: 30px;} .p-r-50{padding-right: 50px;} .p-r-130{padding-right: 130px;} .no_radius{border-radius:0 !important} .b_2_radius{border-radius:2px !important} .font_10 {font-size: 10px !important;} .font_11 {font-size: 11px;} .font_12 {font-size: 12px;} .font_14 {font-size: 14px;} .font_15 {font-size: 15px;} .font_16 {font-size: 16px;} .font_17 {font-size: 17px;} .font_18 {font-size: 18px;} .font_19 {font-size: 19px;} .font_20 {font-size: 20px;} .font_23 {font-size: 23px;} .font_25 {font-size: 25px;} .badge-width {max-width: 30px;width: 100%;display: inline-block;} .m_t_-2{margin-top:-2px !important;} .m_t_-20{margin-top:-20px !important;} .m_t_-15{margin-top:-15px !important;} .m_0{margin:0px;} .m_10{margin:10px;} .m_20{margin:20px;} .m_30{margin:30px;} .m_40{margin:40px;} .m_t_0{margin-top:0px !important;} .m_t_2{margin-top:2px !important;} .m_t_3{margin-top:3px !important;} .m_t_4{margin-top:4px;} .m_t_5{margin-top:5px;} .m_t_10{margin-top:10px;} .m_t_15{margin-top:15px;} .m_t_20{margin-top:20px;} .m_t_30{margin-top:30px !important;} .m_t_40{margin-top:40px;} .m_t_150{margin-top:150px;} .m_b_0{margin-bottom:0px !important;} .m_b_5{margin-bottom:5px;} .m_b_10{margin-bottom:10px !important;} .m_b_15{margin-bottom:15px;} .m_b_20{margin-bottom:20px !important;} .m_b_25{margin-bottom:25px;} .m_b_30{margin-bottom:30px !important;} .m_b_40{margin-bottom:40px !important;} .m_b_60{margin-bottom:60px !important;} .m_b_100{margin-bottom:100px;} .m_l_0{margin-left:0px;} .m_l_0{margin-left:0px;} .m_l_3{margin-left:3px !important;} .m_l_5{margin-left:5px !important;} .m_l_10{margin-left:10px !important;} .m_l_15{margin-left:15px !important;} .m_l_18{margin-left:18px !important;} .m_l_20{margin-left:20px;} .m_l_30{margin-left:30px;} .m_l_40{margin-left:40px;} .m_l_190{margin-left:190px;} .m_r_0{margin-right:0px !important;} .m_r_3{margin-right:3px !important;} .m_r_5{margin-right:5px !important;} .m_r_8{margin-right:8px;} .m_r_10{margin-right:10px !important;} .m_r_15{margin-right:15px !important;} .m_r_20{margin-right:20px;} .m_r_30{margin-right:30px;} .m_r_40{margin-right:40px;} .l_h_8{line-height: 8px} .l_h_10{line-height: 10px} .l_h_20{line-height: 20px} .overflow_auto{overflow-y: auto;overflow-x: auto;} .overflow_yauto{overflow-y: auto;} .d_flex{display: flex !important;} .n_warp{white-space: nowrap;} .tag_box{margin-left:6px;background-color: #cde69c;border-radius: 2px;border: 1px solid #a5d24a;color: #638421;display: inline-block;font-size: 13px;font-weight: 400;padding: 3px;} .flexnalign{display: flex;align-items: center;} .flexntopalign{display: flex;align-items: flex-start;} .d_block{display: block !important;} .d_inblock{display: inline-block !important;} .filtersListed .diff_whitebg, .filtersListed .diff_redbg { line-height: normal; } .width-16{width: 16px;} .width-18{width: 18px;} .width-22{width: 22px;} .width-20{width: 20px;} .width-24{width: 24px;} .width-25{width: 25px;} .width-50{width: 50px !important;} .width-60{width: 60px;} .width-70{width: 70px !important;} .width-80{width: 80px !important;} .width-90{width: 90px;} .width-100{width: 100px !important;} .width-110{width: 110px !important;} .width-120{width: 120px !important;} .width-125{width: 125px !important;} .width-130{width: 130px !important;} .width-140{width: 140px !important;} .width-150{width: 150px !important;} .width-160{width: 160px !important;} .width-170{width: 170px;} .width-180{width: 180px !important;} .width-190{width: 190px;} .width-200{width: 200px !important;} .width-210{width: 210px;} .width-220{width: 220px;} .width-230{width: 230px;} .width-240{width: 240px;} .width-250{width: 250px;} .width-260{width: 260px ;} .width-290{width: 290px !important;} .width-300{width: 300px ;} .width-400{width: 400px ;} .width-500{width: 500px ;} .width-800{width: 800px ;} .width-1000{width: 1000px;} .max_w_20{max-width: 20px;} .max_w_30{max-width: 30px;} .max_w_40{max-width: 40px;} .max_w_50{max-width: 50px;} .max_w_60{max-width: 60px;} .max_w_70{max-width: 70px;} .max_w_80{max-width: 80px;} .max_w_90{max-width: 90px;} .max_w_100{max-width: 100px;} .max_w_110{max-width: 110px;} .max_w_120{max-width: 120px;} .max_w_130{max-width: 130px;} .max_w_140{max-width: 140px;} .max_w_150{max-width: 150px;} .max_w_160{max-width: 160px;} .max_w_170{max-width: 170px;} .max_w_180{max-width: 180px;} .max_w_190{max-width: 190px;} .max_w_200{max-width: 200px;} .max_w_210{max-width: 210px;} .max_w_230{max-width: 230px;} .max_w_260{max-width: 260px;} .min_w_20{min-width: 20px;} .min_w_25{min-width: 25px;} .min_w_30{min-width: 30px;} .min_w_40{min-width: 40px;} .min_w_50{min-width: 50px;} .min_w_60{min-width: 60px;} .min_w_70{min-width: 70px;} .min_w_80{min-width: 80px;} .min_w_90{min-width: 90px;} .min_w_100{min-width: 100px;} .min_w_110{min-width: 110px;} .min_w_120{min-width: 120px;} .min_w_130{min-width: 130px;} .min_w_140{min-width: 140px;} .min_w_150{min-width: 150px;} .min_w_160{min-width: 160px;} .min_w_170{min-width: 170px;} .min_w_180{min-width: 180px;} .min_w_190{min-width: 190px;} .min_w_200{min-width: 200px;} .min_w_210{min-width: 210px;} .min_w_230{min-width: 230px;} .min_w_260{min-width: 260px;} .min_h_120{min-height: 120px;} .min_h_170{min-height: 170px;} .min_h_210{min-height: 210px;} .min_h_230{min-height: 230px;} .column_flex{display: flex !important;width:100% !important;} .full_width{width:100% !important;} .half_width{width:calc(50% - 10px);} .maxwidth_100{max-width: 100%;} .min_w_unset{min-width: unset;} .top_align {vertical-align: top !important;} .middle_align {vertical-align: middle !important;} .bottom_align {vertical-align: bottom !important;} .txtbtm_align {vertical-align: text-bottom !important;} .txttop_align {vertical-align: text-top !important;} .weight_500{font-weight: 500 !important} .weight_600{font-weight: 600} .weight_700{font-weight: 700} #profile_tab.user-menu.open .dropdown-menu {display: block !important;} .custom_backdrop{background: rgba(0,0,0,0.8);pointer-events: none;} .flexnspbet{display: flex;justify-content: space-between;} .flexendwrap{display: flex;justify-content: flex-end;flex-wrap: wrap;align-items: center;} .flexnaligncenter{display: flex;justify-content: center;align-items: center;} .same_as_text {background: #fff;position: relative;z-index: 5;float: right;padding-left: 15px;margin-top: -3px;} .same_as_text .text{color: #999999;font-weight: 600;margin-left: 10px;line-height: 28px;font-size: 14px;} .btn-link-custom {font-weight: 700;color: #333;text-decoration: underline;margin-top: 5px;padding-right: 0} .table > tbody + tbody{border-top: none;} .table > thead > tr > th {color: #333;border-bottom: 2px solid #f4f4f4;vertical-align: top !important;} .table > tbody > tr > td {font-size: 13px;vertical-align: top;border-top: 1px solid #f4f4f4;} .table td mark {background: transparent !important;color: rgb(0, 115, 183) !important;padding: 0px !important} div.multi_selection .vue-input-tag-wrapper,.fieldsetting .vue-input-tag-wrapper {border:1px solid #ccc !important;height: auto !important;max-height: 100px;overflow: auto;padding: 2px;} div.multi_selection .vue-input-tag-wrapper .input-tag,.fieldsetting .vue-input-tag-wrapper .input-tag{margin: 4px !important;vertical-align: middle;} #IncidentDataView div.multi_selection {padding-left: 5px;background: #fff;display: flex;align-items: center;} #IncidentDataView div.multi_selection .no-border.vue-input-tag-wrapper{border: none !important;overflow: hidden;overflow-x: auto;max-height: 40px} #IncidentDataView div.multi_selection .no-border.vue-input-tag-wrapper .new-tag{height: 32px;margin-top:0;margin-bottom: 0} #IncidentDataView .custom_multi_s .multiselect__select{display: none} #IncidentDataView .custom_multi_s .multiselect__tags{border:none !important;padding-right: 10px !important} #IncidentDataView .custom_multi_s .multiselect__tag{margin-bottom: 6px;background-color: #cde69c;border-radius: 2px;border: 1px solid #a5d24a;color: #638421;overflow: hidden;overflow-x: auto;} #IncidentDataView .custom_multi_s .multiselect__tag .multiselect__tag-icon::after{cursor: pointer;font-weight: bold;color: #638421;font-size:20px;} #IncidentDataView .custom_multi_s .multiselect__tag .multiselect__tag-icon{top:4px;width:12px;height:15px;line-height: 15px;} #IncidentDataView .custom_multi_s .multiselect__tags .multiselect__tags-wrap{display: flex;align-items: center;max-width: 300px;overflow: hidden;overflow-x: auto !important} #IncidentDataView .custom_multi_s .multiselect__tags .multiselect__tags-wrap .multiselect__tag{padding-right: 15px !important;min-width: 45px;margin-bottom: 0} #IncidentDataView .custom_multi_s .multiselect__tags .multiselect__tags-wrap .multiselect__tag .multiselect__tag-icon:hover, #IncidentDataView .custom_multi_s .multiselect__tags .multiselect__tags-wrap .multiselect__tag .multiselect__tag-icon:focus{background-color: transparent;} .vue-img-thumbnail {float: left;height: 40px;position: relative;width: 40px;cursor: pointer;} .vue-img-thumbnail > img{max-width: 100%;height:100%;object-fit: scale-down;} .space_between{margin-top: 168px} .form_heading_outer{padding-bottom: 15px;margin-top: 5px;font-size: 19px;position: relative;z-index: 0;font-weight: 600;color: #999;} .form_head_bg {background: #fff;padding-right: 15px;position: relative;z-index: 5;} .form_parallel_line {background: #d7d7d7;height: 1px;left: auto;margin-bottom: auto;position: absolute;right: 0;top: 11px;width: calc(100% - 30px);} .img_viewmodal #img_preview,.img_viewmodal .modal-body img{width: 500px;height: 450px;object-fit: scale-down;object-position: center;max-width: 100%;max-height: 100%;} .table-responsive-visible {overflow: visible;} .table > tbody > tr > td.media1, .media1{position: relative;} .media1 img+span,.media1 span.vue-img-thumbnail+span,.media1 i+span, .media1 a.icon_btn+span{padding-left: 50px;display: block;} .media1 img,.media1 span.vue-img-thumbnail{position: absolute;width: 40px;height: 40px;left: 0px;} div#pack_loose_instrument .modal-body .multiselect .multiselect__content {max-height: 220px !important;} div#pack_loose_instrument .modal-body .multiselect .multiselect__spinner {height:32px !important;width:45px !important} .media1 .icon_btn{position: absolute;left: 8px;} .media1>i.icon{position: absolute;left: 18px;top: 12px;} div.media1{font-weight: 500;cursor: pointer;min-height:40px;} .table > tbody > tr > td.media1{font-weight: normal;} .media1 h6{font-size: 12px;color: #999;} .media1 span{font-weight: normal;} .media1 small.label{position: absolute;right: 30px; top: 10px;} .media1 .action i.fa{color: #dd4b39;position: absolute;right: 10px;top: 10px;visibility: hidden;} .media1:hover .action i.fa{visibility: visible;} #uddashboardPage div.media1 span,#cssddashboardPage div.media1 span{font-weight: 600;border-radius: 5px;} .table > tr td .action_icons{display: none} .table > tr:hover td .action_icons{display: inline-block;} #UDSetStoretemp .tab4 .table tr td .action_icons{display: none} #UDSetStoretemp .tab4 .table tr:hover td .action_icons{display: inline-block;} .uploaded_image_box,.uploaded_image_box_inpopup{background: #f9f9f9;border: 1px solid #e4e4e4;min-width: 150px;max-width: 150px;min-height: 120px;max-height: 120px;object-fit: scale-down;object-position: center;margin-bottom: 20px;} .uploaded_image_box_inpopup {min-width: 95px !important;max-width: 95px !important;min-height: 80px !important;max-height: 80px !important;} .alerts_list{overflow: auto;} .dateCalendar{width: 120px;position: relative;padding-right: 34px;} .dateCalendar>input{width: 100%;height: 35px;padding: 0 0 0 8px;} .dateCalendar>span{width: 35px;height: 35px;position: absolute;right: 0;border-radius: 0;border: #d2d6de solid 1px;text-align: center;top:0;line-height: 35px;background-color: #fff;padding:0;} .custom_tooltipHover *[data-title]:before{content: attr(data-title);position: absolute;z-index: 1;background: #000;border-radius: 5px;padding: 2px 8px;color: #fff;font-size: 12px;white-space: nowrap;top: -30px;left: -38px;visibility: hidden;} .custom_tooltipHover *[data-title]:after{width: 0;height: 0;content: "";position: absolute;border-left: 8px solid transparent;border-right: 8px solid transparent;border-top: 8px solid #000;z-index: 2;left: -2px;top: -10px;visibility: hidden;} .custom_tooltipHover:hover .tb_browse_img[data-title]:before, .custom_tooltipHover:hover .tb_browse_img[data-title]:after{visibility: visible;} .tree td.treeChild{position: relative;padding-left: 30px;} .tree td.treeChild:after{width: 2px;height: 100%;top: 0px;position: absolute;background: #ccc;content: "";left: 8px;} .tree:not(:first-of-type) td.treeChild:after{height: calc(100% + 2px);top: -1px;} .tree td.treeChild:before{width: 15px;height: 2px;content: "";position: absolute;top: 0;bottom: 0;left: 8px;margin: auto;background: #ccc;} .tree:last-of-type td.treeChild:after{height: 50%;} .wiz_sum_detail .care_label_left{display: table-header-group;} .wiz_sum_detail .care_label_left > label{vertical-align:top;display: table-cell;padding-right: 15px;padding-bottom: 5px} .wizard-nav-pills li .wizard-icon{background: #777;color: #fff;border: 1px solid #777;height: 30px;left: 0;position: absolute;top: 3px;width: 30px;border-radius: 50%;font-style: normal;font-size: 18px !important;} .wizard-nav-pills li.active .wizard-icon{background: #e67e22;border-color:#e67e22;} .vue-form-wizard .wizard-navigation .wizard-progress-with-circle .wizard-progress-bar{width: 0 !important;} .wizard-nav-pills li .tab_shape {border-bottom: 1px solid #f4f4f4 !important;background-color: transparent !important;} .wizard-nav-pills li.active .tab_shape {border-bottom-color:rgb(230, 126, 34) !important} .wizard-nav-pills .stepTitle{position: absolute;height: calc(100% - 2px);left: 40px;display: flex;align-items: center;color: #555;} .wizard-nav-pills .stepTitle.active{font-weight: 600;color: #333 !important;font-size: 16px;} .wizard-nav-pills .stepTitle:not(.active):hover{color:#000;} .wizard-tab-content {padding:0 !important;min-height: 280px !important} .wizard-btn {background-color: #00c0ef !important;border-color: #00acd6 !important;} .wizard-btn:hover,.wizard-btn:active {background-color: #00acd6 !important;} .wizard-header{display: none} .input-group-btn select.withselect {border-color: #ccc;margin-top: 0px;margin-bottom: 0px;padding-top: 6px;padding-bottom: 6px;background: #fff;} .input-group-btn select{-webkit-appearance: menulist;-moz-appearance: menulist;-ms-appearance: menulist;-o-appearance: menulist;} .bold_head {margin: 8px 0;font-size: 18px;font-weight: 600;text-transform: uppercase;} .left_inbox{height:calc(100vh - 270px);overflow: auto;overflow-x: hidden;} .inci_info > li{display: inline-block;vertical-align: middle;font-size: 12px;color:#999;border-left: 1px solid #999; padding:0 0px 0 5px;} .inci_info > li:first-child{padding:0 5px 0 0px;border-left:none;margin-right:1px;} .red_countbox{color: #dd4b39 !important;font-size: 10px !important;border: 2px solid #dd4b39 !important;padding: 0 5px !important;border-radius: .25em;font-weight: 700; vertical-align: middle;} .inci_statusNtime{font-size: 12px;color:#999;} .inci_right_tabs .main_tools .inci_statusNtime{font-size: 15px;color:#444;font-weight: 600;margin-top:20px;} .inbox_footer{position: relative;margin-top:5px;min-height: 35px;padding:5px 10px 0 10px;} .inbox_footer .gotopage_search{position: absolute;bottom: 2px;right:10px;z-index: 99;} .inbox_footer .gotopage_search input,.inbox_footer .gotopage_search .btn{height: 25px !important;font-size:14px !important;line-height: 13px !important} .inbox_footer .dataTables_paginate li a{padding: 2px 5px !important} .inbox_footer .col-lg-6.col-md-6.col-sm-12.col-xs-12{width:100% !important;float: none !important;text-align:center !important;} .inbox_footer .pivot-table-info{position:absolute;top:5px;left:0;right:0;line-height:16px;padding-top:2px !important;padding-bottom:0px !important;} .inbox_footer .dataTables_paginate,.inbox_footer .pagination{float: left !important} .inbox_footer .pagination{padding-left: 10px;margin-bottom: 0} .inci_right_tabs{height:calc(100vh - 100px);overflow: auto;} .comment_by_header,.Ureply_header{padding:0px 0px 0 4px;border-bottom:1px solid #ccc;} .sky_blue_bg{background: #daf1f6 !important} .Ureply_header{ padding:4px 4px !important;} textarea.form-control{resize: none !important;height:auto !important} .form-control{color:#000;} #description, #email, #password, #role_description {text-transform: none!important;} .form-control, .form-control::placeholder, .table th, button, label{text-transform: capitalize;} /* add css for DM Code input text field text formation none */.dmauto-input{text-transform: none;} .dmauto-input-single{text-transform: none;} #dminput{text-transform: none;} .color_pick_div {min-width: 15px;margin-right: 5px;display: inline-block;} .custom_textarea{width: 100%;height: auto;border: 1px solid #ccc;border-top: 0 none;margin-bottom: 10px;padding:10px;} /*#IncidentDataView .single_comm{margin-right:5px;margin-bottom:5px;background: #eee;color: #999;padding: 5px;display: inline-block;}*/ #comment-edit textarea{resize:none;overflow-y: auto; height: 120px;width:100%;outline-style: none;border: 1px solid #ccc;border-top:0 none;} .inbox_tab {position:relative;float: left;border-left: 1px solid #f1f1f1;border-right: 1px solid #f1f1f1;background-color: #fff;width: 100%;border-left:none !important;z-index:99;} #IncidentDataView div#left_close.left_collapse {display: none;} #IncidentDataView div#left_close.left_collapse + div#tab1 {width: 100%;} .btn_active{box-shadow: 0px 3px 13px 1px #9a9595;border: 1px solid #ccc;} .print_head_outer{display: flex;align-items: flex-start;justify-content: space-between;} #IncidentDataView button#left_open,#IncidentDataView button#left_open1{padding:4px 10px;background: #fff;border: 1px solid #fff;outline: none;color:#999 !important;} #IncidentDataView button#left_open1:active,#IncidentDataView button#left_open:active{box-shadow: none} #IncidentDataView .inbox_tab.left_collapse + .inci_right_tabs #left_open1{display: inline-block;} #IncidentDataView .inbox_tab.left_collapse + .inci_right_tabs{display:block;} #PackedSetsList .max_h{max-height: calc(100vh - 250px);min-height: calc(100vh - 250px)} #packed_loose_sets_summary .table-responsive{min-height: calc(100vh - 210px);} /* changed the min value of below css 08-04-2021 original commented and added new line */ /* #SterBatchList .table-responsive{min-height: calc(100vh - 240px);} */ #SterBatchList .table-responsive{min-height: calc(100vh - 310px);} #setNewOrderList .max_h{min-height: calc(100vh - 282px);max-height: calc(100vh - 282px);} #DispatchViewPage .table-responsive{min-height: calc(100vh - 460px);} /*#createStrBatch .max_h {max-height: calc(100vh - 350px);min-height:calc(100vh - 350px);}*/ /*Change the min and max value 310px by Sony 29-01-2021 and Comment By Gagan Fix Phat id 4166 in which Batch Date Removed but issue with extra space in bottom so we decrease the height by 310px and rewrite line no 640*/ #createStrBatch .max_h {max-height: calc(100vh - 310px);min-height:calc(100vh - 310px);} #BatchViewPage .max_h {max-height: calc(100vh - 385px);min-height:calc(100vh - 385px);} #incominginventory .max_h {max-height: calc(100vh - 280px);min-height:calc(100vh - 280px);} .panel_detail_right{float:left;width:83.8%;} .panel_left_img {float: left;height: 164px;width: 16%;border: 1px solid #ccc;position: relative;} .panel_left_img img {position: absolute;max-height: 100%;max-width: 100%;top: 0;right: 0;bottom: 0;left: 0;margin: auto;} .info_drop {padding-left: 20px;padding-right: 20px;} .info_drop li {padding: 0 10px !important;vertical-align: middle;} .info_drop li:nth-child(n) {border-right: 1px solid #333;} .info_drop li:last-child {border-right: 1px solid transparent !important;} .drop-info-inner,.drop-info-inner-setview,.drop-info-inner-return,.drop-info-inner-receive,.drop-info-inner-instview,.drop-info-inner-receive1{display: none;} .nav-tabs.custom_navtabs{border-bottom: 1px solid #f4f4f4;} .nav-tabs.custom_navtabs > li > a{color: #555;font-size: 20px !important;padding:3px 15px 6px 15px;border:none;} .nav-tabs.custom_navtabs.sm_font > li > a{font-size: 16px !important;padding:8px 15px;} .nav-tabs.custom_navtabs.vsm_font > li > a{font-size: 14px !important;padding:8px 15px;} .nav-tabs.custom_navtabs.vsm_font > li.active > a{font-size: 16px !important} .nav-tabs.custom_navtabs > li > a:hover,.nav-tabs.custom_navtabs > li.active > a:focus{background: transparent;border:none;color:#444;} .nav-tabs.custom_navtabs > li.active > a{color: #444;font-weight: 600;border-bottom: 1px solid #e67e22 !important;} .action_collapse{display: none;} .dataTables_info {padding-top: 6px;} .pagination {margin: 0 0 4px 0;float:right;} .pagination > li > a{color: #666;} .pagination .active a {z-index:0 !important;background-color: #00c0ef !important;border-color: #00acd6 !important;} .tb_upload_img{position: relative;width: 15%;height: 100%;float:left;margin-left: 10px;} .tb_upload_img .browse_file{opacity: 0;z-index: 9999;position: absolute;top: 4px;width: 100%;left:0;} .tb_upload_img .browse_img{line-height: 23px;} .tb_browsed_img {min-width: 34px;max-width: 34px;min-height: 34px;max-height: 34px;background: #fff;text-align: center;line-height: 32px;border: #ccc solid 1px;overflow: hidden;} .tb_browsed_img img{height: 100%;width: 100%;} .multiple_attachment > .attachment_content{border:1px dashed #ccc;border-radius: 3px;margin-top: 10px;min-height: 80px;position: relative;margin-bottom:20px;} .attachment_content .browse_file{position: absolute;width: 15%;height: 0%;margin: 0;z-index: 9999;opacity: 0;top: -29px;right: 0px;padding: 17px;} /* Top -29 to -41 changed on 20-08-2021 */ /* Top -41 to -58 changed on 20-10-2021 by sony */ .attachment_content .browse_img{position: absolute;top: -58px;bottom: unset;width: 100%;left: unset;right: unset;text-align: right;display: block !important;} .attach_thumb{border: 1px solid #e9e9e9;border-radius: 3px;height: 85px;max-width: 100px;position:relative;} .attach_thumb_caption{max-width: 100px;font-size: 10px;word-wrap: break-word;} .attach_thumb img{width: 100%;height: 100%;font-size: 11px !important;word-wrap: break-word;} .attachment_content ul{padding:10px;margin-bottom: 0;} .attachment_content ul li{display: inline-block;text-align: center;padding: 6px;border: 1px dotted #ccc;margin: 5px 5px 0 5px;} span.attachment_cross {position: absolute;top: -24px;right: -17px;z-index: 999;padding: 5px;cursor: pointer;} .hospital_logo_size {width: 100% !important;max-width: 120px !important;height: 54px !important;margin-right: 5px !important;margin-top: 4px !important;} .bootstrap-datetimepicker-widget{max-height: 250px !important;z-index: 99 !important;bottom:unset !important;top:30px !important;position: absolute;display: block !important;background-color: #fff !important;} .bootstrap-datetimepicker-widget.dropdown-menu.top:before {border-left: 7px solid transparent;border-right: 7px solid transparent;border-bottom: 7px solid red;border-bottom-color: rgba(0, 0, 0, 0.2);top: -7px;left: 6px;} .skin-blue{background-color: #ecf0f5;padding-right: 0 !important} .skin-blue .main-header .navbar {height:50px;background-color: #3c8dbc;border-radius: 0;margin-bottom:0;position: relative;margin-left: 210px;} .skin-blue .main-header .navbar .nav > li > a {color: #ffffff;} .skin-blue .main-header .navbar .nav > li > a:hover, .skin-blue .main-header .navbar .nav > li > a:active, .skin-blue .main-header .navbar .nav > li > a:focus, .skin-blue .main-header .navbar .nav .open > a, .skin-blue .main-header .navbar .nav .open > a:hover, .skin-blue .main-header .navbar .nav .open > a:focus, .skin-blue .main-header .navbar .nav > .active > a {background: rgba(0, 0, 0, 0.1);color: #f6f6f6;} .skin-blue .main-header .navbar .sidebar-toggle {color: #fff; text-decoration: none} .skin-blue .main-header .navbar .sidebar-toggle:hover {color: #f6f6f6;background-color: #367fa9;} .skin-blue .main-header .logo {background-color: #367fa9;color: #fff;border-bottom: 0 solid transparent;} .skin-blue .main-header .logo:hover {background-color: #357ca5;} .skin-blue .main-sidebar{height:100%;position: fixed!important;font-size: 14px;background-color: #222d32} /* Fix Phat id 4210 by sony 12-03-2021 and code added by gagan */ /* Code Change Start */ .skin-blue .sidebar-menu{margin-bottom:0;list-style: none;padding-left:0;margin-top:6px;white-space: nowrap;} /* / Added to show the sub menu items on hover / */ .skin-blue .sidebar-menu .treeview{position: relative;} .skin-blue .sidebar-menu .treeview.active .treeview-menu{display: block !important;position: static !important;} /* / Change its position, z-index and width to show submenus right side on hover / */ .skin-blue .sidebar-menu .treeview:not(.active):hover > .treeview-menu{z-index: 1;width: 210px;left: 209px;top: 0;position: absolute;} .skin-blue .sidebar-menu .treeview:not(.active):hover>.treeview-menu{display: block !important;} .skin-blue .sidebar-menu>.treeview:not(.active):hover>.treeview-menu{position: fixed;} /* start css to scroll setup submenus items 07-04-2021 */ /* Change Height 140px to auto by sony 27-08-2021 in above line of code for solve repair tab extra space issue */ .skin-blue .sidebar-menu>.treeview:nth-last-child(3):not(.active):hover > .treeview-menu{overflow-y: auto !important;overflow-x: hidden;height: auto; overscroll-behavior: contain !important; } .skin-blue .sidebar-menu>.treeview:nth-last-child(3):not(.active) > .treeview-menu::-webkit-scrollbar{width: 5px;} .skin-blue .sidebar-menu>.treeview:nth-last-child(3):not(.active) > .treeview-menu::-webkit-scrollbar-thumb{background: #b8c7ce;} /* .skin-blue .sidebar-menu>.treeview:nth-last-child(3):not(.active) > .treeview-menu > .treeview:nth-child(2):hover .treeview-menu{left: 420px !important;position: fixed !important;} */ /* Sony css changes 16-08-2021 */ .skin-blue .sidebar-menu>.treeview:nth-last-child(3):not(.active) > .treeview-menu > .treeview:hover .treeview-menu{left: 420px !important;position: fixed !important;} /* end */ /* / added new css for further submenus of submenus to align it with its previous menus / */ /* .skin-blue .sidebar-menu .treeview-menu .treeview .treeview-menu{position: relative !important;} */ .skin-blue.sidebar-collapse .sidebar-menu .treeview:not(.active):hover .treeview-menu{display: block !important;position: fixed;z-index: 1;width: 100%;left: 209px;top: 0;} /* Added new CSS to set the position of submenus of collapsed sidebar */ .skin-blue.sidebar-mini.sidebar-collapse .sidebar-menu .treeview:not(.active):hover .treeview-menu{left: 50px;} .skin-blue.sidebar-collapse .sidebar-menu > li > .treeview-menu >.treeview> .treeview-menu {padding-left: 0 !important;list-style: none;background: #2c3b41;left: 44px !important;position: absolute;} .skin-blue .sidebar-menu .treeview:hover .treeview-menu .treeview-menu{left: 205px;} /* Code Change End */ .skin-blue .sidebar-menu{margin-bottom:0;list-style: none;padding-left:0;margin-top:6px;white-space: nowrap;} .skin-blue .sidebar-menu > li > a {color: #b8c7ce;text-decoration: none;border-left: 3px solid transparent;padding: 12px 5px 12px 10px;display: block;} /*Fix Phat id 4165 By Sony 25-01-2021 & and added Line No 692, Issue : mousehover collapse menu Now on mousehover on menu its show all submenus, comment added by Gagan*/ .skin-blue .sidebar-menu .treeview:hover .treeview-menu{left: 205px;} /* End */ .skin-blue .sidebar-menu > li > a > span{margin-left: 10px} .skin-blue .sidebar-menu > li > a > span.pull-right-container{margin-left: 0} .skin-blue .sidebar-menu li > a > span.pull-right-container .fa-angle-left{padding-right:6px;margin-top:4px;} .skin-blue .sidebar-menu > li:hover > a, .skin-blue .sidebar-menu > li.active > a, .skin-blue .sidebar-menu>li.current-page>a {color: #fff;background: #1e282c;border-left-color: #f58220;} .skin-blue .sidebar-menu > li > .treeview-menu {background: #2c3b41;padding-left: 5px} /* above line added background as important by sony 12-03-2021 */ .skin-blue .sidebar-menu > li > .treeview-menu >.treeview> .treeview-menu {padding-left: 20px;list-style: none; background: #2c3b41 !important;} .skin-blue .sidebar-menu>li.treeview.active>ul>li.current-page>a, .skin-blue .treeview-menu > li > a:hover, .skin-blue .sidebar-menu>li.current-page>a,.skin-blue .active.treeview > .treeview-menu > li.current-page > a,.skin-blue .active.treeview > a{color:#fff;} .skin-blue .sidebar-menu>li.treeview:not(.active) .treeview-menu, .skin-blue .sidebar-menu > .active.treeview > .treeview-menu > li.treeview:not(.active) .treeview-menu{display: none;} .skin-blue .sidebar-menu>li.treeview.active>a>span>i, .skin-blue .sidebar-menu > .active.treeview > .treeview-menu > li.treeview.active > a>span>i{transform: rotate(-90deg);} .skin-blue .treeview-menu{padding-left: 0 } .skin-blue .treeview-menu > li > a {/*color: #8aa4af*/color:#b8c7ce;padding: 5px 5px 5px 10px;display: block;border-left: 3px solid transparent;text-decoration: none} .skin-blue .treeview-menu > li > a > span{margin-left: 15px} .skin-blue.layout-top-nav .main-header > .logo {background-color: #3c8dbc;color: #ffffff;border-bottom: 0 solid transparent;} .skin-blue.layout-top-nav .main-header > .logo:hover {background-color: #3b8ab8;} .main-header a.logo .logo-mini img {max-width: 30px;width: 100%;} .main-header .logo-lg > img {max-width: 120px;width: 100%;} .main-header{width: 100% !important;position: fixed!important;top: 0; z-index: 999} footer.main-footer{z-index:99;left: 0;right: 0;position: fixed!important;bottom: 0;background-color: #2c3b41 !important;color:#fff;padding:4px 15px !important;} footer.main-footer > ul > li{margin-left:7px;} .head_abs_badge{font-weight: 400;line-height: 13px;padding: 2px 6px;position: absolute;left:30px;top: 12px;} header #profile_tab > a > span.label-warning{display: none;font-size: 9px;line-height: 0.9;padding: 2px 4px 2px 4px;position: absolute;left: 6px;top: 9px;} header .user-menu .dropdown-menu{position: absolute;right: 0;left: auto;width: 280px;border-radius: 0;box-shadow: none;border-color: #eee;padding: 0;} header .user-menu > a > img{height:25px;overflow: hidden} header .user-menu .dropdown-menu label{color: #787878 ;font-weight: 500;font-size:15px;} header .user-menu .dropdown-menu > li:hover,header .user-menu .dropdown-menu > li:active{border-left:2px solid #5bc0de;background: #f5f5f5;} header .user-menu .dropdown-menu > li{border-left:2px solid #fff;border-bottom:1px solid #f5f5f5;padding: 7px 0;} header .user-menu .dropdown-menu > li:last-child{border-bottom: none} header .user-menu .dropdown-menu > li:last-child:hover{border-left-color: transparent !important;} header .user-menu .dropdown-menu > li > a {padding: 6px 15px 6px 15px;font-size: 15px;color: #787878;font-weight: 400;} header .user-menu .dropdown-menu > li > a:hover {background-color: #f5f5f5;} header .logout_footer{padding:10px !important;background-color: #f9f9f9;} header .logout_footer a {display: inline-block !important;color: #fff !important;margin-left: 5px;background-color: #00c0ef !important;border-color: #00acd6 !important;} header .logout_footer a:hover {background-color: #00acd6 !important;border-color: #269abc !important;} .content-wrapper, .main-footer{margin-left: 210px;} .content{padding:28px 6px 10px 6px} .main-header .sidebar-toggle::before {content: "\f0c9";font-family: fontAwesome;} .main-header .sidebar-toggle {float: left;color: #fff;padding: 14px;} .sidebar-mini.sidebar-collapse .main-header .logo > .logo-lg, .main-header .logo .logo-mini, .sidebar-mini.sidebar-collapse .sidebar-menu > li a span, .sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu{display: none;-webkit-transform: translateZ(0);} .sidebar-mini.sidebar-collapse .main-header .logo > .logo-mini{display: block;} .sidebar-mini.sidebar-collapse .content-wrapper, .sidebar-mini.sidebar-collapse .main-header .navbar, .sidebar-mini.sidebar-collapse .main-footer{margin-left: 50px} .sidebar-mini.sidebar-collapse .main-header .logo{width:50px;} .sidebar-mini .main-header .logo > .logo-mini{display: none;} .main-header .logo {display: block;float: left;height: 49px;font-size: 20px;line-height: 50px;text-align: center;width: 210px;padding: 0 15px;font-weight: 300;overflow: hidden;} .sidebar-mini.sidebar-collapse .main-sidebar {-webkit-transform: translate(0,0);-ms-transform: translate(0,0);-o-transform: translate(0,0);transform: translate(0,0);width: 50px !important;z-index: 850;} .left-side,.main-sidebar { position: absolute; top: 0; left: 0; padding-top: 50px; min-height: 100%; width: 210px; z-index: 810; -webkit-transition: -webkit-transform .3s ease-in-out,width .3s ease-in-out; -moz-transition: -moz-transform .3s ease-in-out,width .3s ease-in-out; -o-transition: -o-transform .3s ease-in-out,width .3s ease-in-out; transition: transform .3s ease-in-out,width .3s ease-in-out; } i.fa-icons-outer {height: 20px;padding-bottom: 0;padding-top: 0;vertical-align: middle;width: 20px;background-image: url(../images/SpriteSheet-12.png);/*background-size: 214px 355px;*/background-size: 214px 442px;background-repeat: no-repeat;} /* sony code start */ .masterset-grey{background-position: -160px -100px;} .instrumentmaster22{background-position: -160px -78px;} .add-vendors-grey{background-position: -140px 0px;} /* end */ .sidebar-menu li a:hover i.fa-icons-outer.log_ac, .sidebar-menu li.active i.fa-icons-outer.log_ac, .sidebar-menu li.current-page i.fa-icons-outer.log_ac{background-position: -179px -302px;} .sidebar-menu li a:hover i.fa-icons-outer.fa-case-schedule, .sidebar-menu li.active i.fa-icons-outer.fa-case-schedule, .sidebar-menu li.current-page i.fa-icons-outer.fa-case-schedule{background-position: -1px -360px;} .sidebar-menu li a:hover i.fa-icons-outer.consumption, .sidebar-menu li.active i.fa-icons-outer.consumption, .sidebar-menu li.current-page i.fa-icons-outer.consumption{background-position: -138px -360px;} .sidebar-menu li a:hover i.fa-icons-outer.repairnew, .sidebar-menu li.active i.fa-icons-outer.repairnew, .sidebar-menu li.current-page i.fa-icons-outer.repairnew{background-position: -80px -302px;} .sidebar-menu li a:hover i.fa-icons-outer.inventory, .sidebar-menu li.active i.fa-icons-outer.inventory, .sidebar-menu li.current-page i.fa-icons-outer.inventory {background-position: -40px -100px;} .sidebar-menu li a:hover i.fa-icons-outer.packing, .sidebar-menu li.active i.fa-icons-outer.packing .sidebar-menu li.current-page i.fa-icons-outer.packing {background-position: -0px -140px;} .sidebar-menu li a:hover i.fa-icons-outer.receive, .sidebar-menu li.active i.fa-icons-outer.receive , .sidebar-menu li.current-page i.fa-icons-outer.receive {background-position: -40px -140px;} .sidebar-menu li a:hover i.fa-icons-outer.return-used-set-2-grey, .sidebar-menu li.active i.fa-icons-outer.return-used-set-2-grey, .sidebar-menu li.current-page i.fa-icons-outer.return-used-set-2-grey {background-position: -100px -160px !important;} .sidebar-menu li a:hover i.fa-icons-outer.return, .sidebar-menu li.active i.fa-icons-outer.return, .sidebar-menu li.current-page i.fa-icons-outer.return {background-position: -160px -160px !important;} .sidebar-menu li a:hover i.fa-icons-outer.send, .sidebar-menu li.active i.fa-icons-outer.send , .sidebar-menu li.current-page i.fa-icons-outer.send {background-position: -20px -180px !important;} .sidebar-menu li a:hover i.fa-icons-outer.str, .sidebar-menu li.active i.fa-icons-outer.str , .sidebar-menu li.current-page i.fa-icons-outer.str {background-position: -20px -200px !important;} .sidebar-menu li a:hover i.fa-icons-outer.whiteboard, .sidebar-menu li.active i.fa-icons-outer.whiteboard , .sidebar-menu li.current-page i.fa-icons-outer.whiteboard {background-position: -120px -200px !important;} .sidebar-menu li a:hover i.fa-icons-outer.incident, .sidebar-menu li.active i.fa-icons-outer.incident, .sidebar-menu li.current-page i.fa-icons-outer.incident {background-position: -180px -60px !important;} .sidebar-menu li a:hover i.fa-icons-outer.set_store, .sidebar-menu li.active i.fa-icons-outer.set_store, .sidebar-menu li.current-page i.fa-icons-outer.set_store {background-position: -60px -180px !important;} .treeview-menu li a i.fa-icons-outer.repairadd{background-position: -140px -281px;} .treeview-menu li a:hover i.fa-icons-outer.repairadd, .treeview-menu li.active i.fa-icons-outer.repairadd, .treeview-menu li.current-page i.fa-icons-outer.repairadd{background-position: -140px -301px;} .treeview-menu li a i.fa-icons-outer.packins_pouch{background-position: -1px -301px;} .treeview-menu li a:hover i.fa-icons-outer.packins_pouch, .treeview-menu li.active i.fa-icons-outer.packins_pouch, .treeview-menu li.current-page i.fa-icons-outer.packins_pouch{background-position: -20px -301px;} .treeview-menu li a i.fa-icons-outer.pack-sets-grey {background-position: -80px -120px;} .treeview-menu li a:hover i.fa-icons-outer.pack-sets-grey, .treeview-menu li.active i.fa-icons-outer.pack-sets-grey, .treeview-menu li.current-page i.fa-icons-outer.pack-sets-grey {background-position: -100px -120px;} .treeview-menu li a i.fa-icons-outer.packed-sets-grey{background-position: -140px -120px;} .treeview-menu li a:hover i.fa-icons-outer.packed-sets-grey, .treeview-menu li.active i.fa-icons-outer.packed-sets-grey, .treeview-menu li.current-page i.fa-icons-outer.packed-sets-grey {background-position: -160px -120px;} .treeview-menu li a i.fa-icons-outer.dispatch-history-grey{background-position: -100px -40px;} .treeview-menu li a:hover i.fa-icons-outer.dispatch-history-grey, .treeview-menu li.active i.fa-icons-outer.dispatch-history-grey, .treeview-menu li.current-page i.fa-icons-outer.dispatch-history-grey {background-position: -180px -40px;} .treeview-menu li a i.fa-icons-outer.dispatch-history-grey {background-position: -140px -40px;} .treeview-menu li a:hover i.fa-icons-outer.dispatch-history-grey, .treeview-menu li.active i.fa-icons-outer.dispatch-history-grey , .treeview-menu li.current-page i.fa-icons-outer.dispatch-history-grey {background-position: -160px -40px;} .treeview-menu li a i.fa-icons-outer.dispatch-grey{background-position: -100px -40px;} .treeview-menu li a:hover i.fa-icons-outer.dispatch-grey, .treeview-menu li.active i.fa-icons-outer.dispatch-grey, .treeview-menu li.current-page i.fa-icons-outer.dispatch-grey{background-position: -180px -40px;} .treeview-menu li a i.fa-icons-outer.instrumentadd-grey {background-position: -40px -80px;} .treeview-menu li a:hover i.fa-icons-outer.instrumentadd-grey, .treeview-menu li.active i.fa-icons-outer.instrumentadd-grey , .treeview-menu li.current-page i.fa-icons-outer.instrumentadd-grey {background-position: -60px -80px;} .treeview-menu li a i.fa-icons-outer.addset-grey {background-position: 0 -20px;} .treeview-menu li a:hover i.fa-icons-outer.addset-grey, .treeview-menu li.active i.fa-icons-outer.addset-grey , .treeview-menu li.current-page i.fa-icons-outer.addset-grey {background-position: -20px -20px;} .treeview-menu li a i.fa-icons-outer.vendors-grey{background-position: -60px -200px;} .treeview-menu li a:hover i.fa-icons-outer.vendors-grey, .treeview-menu li.active i.fa-icons-outer.vendors-grey , .treeview-menu li.current-page i.fa-icons-outer.vendors-grey {background-position: -80px -200px;} .treeview-menu li a i.fa-icons-outer.inven-masters-grey {background-position: 0px -100px;} .treeview-menu li a:hover i.fa-icons-outer.inven-masters-grey, .treeview-menu li.active i.fa-icons-outer.inven-masters-grey , .treeview-menu li.current-page i.fa-icons-outer.inven-masters-grey {background-position: -20px -100px;} /*-------new nav icons-----------*/ .treeview-menu li a i.fa-icons-outer.ster-master-grey {background-position: -136px -340px;} .treeview-menu li a:hover i.fa-icons-outer.ster-master-grey, .treeview-menu li.active i.fa-icons-outer.ster-master-grey , .treeview-menu li.current-page i.fa-icons-outer.ster-master-grey {background-position: -113px -340px;} .treeview-menu li a i.fa-icons-outer.customization-grey {background-position: -180px -340px;} .treeview-menu li a:hover i.fa-icons-outer.customization-grey, .treeview-menu li.active i.fa-icons-outer.customization-grey , .treeview-menu li.current-page i.fa-icons-outer.customization-grey {background-position: -158px -340px;} /*--------------------*/ .active.treeview > .treeview-menu > li > a > i.fa-icons-outer.instrumentmaster-grey.instrumentmaster22{background-position: -160px -80px;} .active.treeview > .treeview-menu > li.active > a > i.fa-icons-outer.instrumentmaster-grey.instrumentmaster22, .active.treeview > .treeview-menu > li.current-page > a > i.fa-icons-outer.instrumentmaster-grey.instrumentmaster22, .active.treeview > .treeview-menu > li > a:hover > i.fa-icons-outer.instrumentmaster-grey.instrumentmaster22{background-position: -180px -80px;} .active.treeview > .treeview-menu > li > a > i.fa-icons-outer.masterset-grey{background-position: -160px -100px;} .active.treeview > .treeview-menu > li.active > a > i.fa-icons-outer.masterset-grey, .active.treeview > .treeview-menu > li.current-page > a > i.fa-icons-outer.masterset-grey, .active.treeview > .treeview-menu > li > a:hover > i.fa-icons-outer.masterset-grey{background-position: -180px -100px;} .active.treeview > .treeview-menu > li > a > i.fa-icons-outer.add-vendors-grey{background-position: -140px 0;} .active.treeview > .treeview-menu > li.active > a > i.fa-icons-outer.add-vendors-grey, .active.treeview > .treeview-menu > li > a:hover > i.fa-icons-outer.add-vendors-grey, .active.treeview > .treeview-menu > li.current-page > a > i.fa-icons-outer.add-vendors-grey { background-position: -160px 0px; } .active.treeview > .treeview-menu > li > a > i.fa-icons-outer.return-used-set-2-grey{background-position: -80px -160px;} .active.treeview > .treeview-menu > li.active > a > i.fa-icons-outer.return-used-set-2-grey, .active.treeview > .treeview-menu > li > a:hover > i.fa-icons-outer.return-used-set-2-grey{background-position: -100px -160px;} i.fa-icons-outer.log_ac{background-position: -179px -282px;} i.fa-icons-outer.consumption{background-position: -159px -360px} i.fa-icons-outer.fa-case-schedule{background-position: -23px -360px} i.fa-icons-outer.fa-detach{background-position: -64px -360px} i.fa-icons-outer.rfid {background-position: -181px -159px;} i.fa-icons-outer.add_back {background-position: -90px -340px;} i.fa-icons-outer.repairnew{background-position: -60px -302px;} i.fa-icons-outer.inventory{background-position: -60px -100px;} i.fa-icons-outer.inventory_gray{background-position: -140px -219px;} i.fa-icons-outer.packing{background-position: -180px -120px;} i.fa-icons-outer.receive {background-position: -20px -140px;} i.fa-icons-outer.return {background-position: -160px -200px;} i.fa-icons-outer.return-used-set-2-grey{background-position: -80px -160px;} i.fa-icons-outer.send {background-position: 0px -180px;} i.fa-icons-outer.str {background-position: -140px -180px;} i.fa-icons-outer.whiteboard {background-position: -100px -200px;} i.fa-icons-outer.incident {background-position: -160px -60px;} i.fa-icons-outer.incident_white {background-position: -180px -60px;} i.fa-icons-outer.set_store {background-position: -40px -180px;} i.fa-icons-outer.pack-sets {background-position: -60px -180px;} i.fa-icons-outer.activity_graph{background-position:-81px -279px;} i.fa-icons-outer.add_multiple_insgray{background-position: -80px -457px;height: 30px !important;width: 32px !important;background-size: 293px 630px !important;} i.fa-icons-outer.green_rfid_ins{background-position: -82px -320px;} i.fa-icons-outer.green_nonrfid_ins{background-position: -100px -320px;} i.fa-icons-outer.green_rfid_tray{background-position: -140px -320px;} i.fa-icons-outer.green_nonrfid_tray{background-position: -120px -320px;} i.fa-icons-outer.assembly_ins_rfid{background-position: -160px -320px;} i.fa-icons-outer.assembly_ins_nonrfid{background-position: -180px -320px;} i.fa-icons-outer.manual-icon-finger{background-position:-80px -261px;} i.fa-icons-outer.inci_darkgrey{background-position:-60px -241px;} i.fa-icons-outer.rfid-gray {background-position:-140px -260px;} i.fa-icons-outer.instrument {background-position:-1px -79px; } i.fa-icons-outer.tray {background-position:-41px -200px;} i.fa-icons-outer.shortset_grey{background-position:-21px -241px;} i.fa-icons-outer.fullset_grey {background-position:-42px -241px;} i.fa-icons-outer.pack_ins {background-position: -160px -261px;} i.fa-icons-outer.setusable_grey {background-position:-180px -240px;} i.fa-icons-outer.setunusable_grey {background-position:-180px -240px;} i.fa-icons-outer.setused_grey {background-position:-180px -240px;} i.fa-icons-outer.setinactive_grey {background-position:-180px -240px;} i.fa-icons-outer.setactive_grey {background-position:-180px -240px;} i.fa-icons-outer.setloaner_grey {background-position: -42px -282px;} i.fa-icons-outer.inst_active_grey {background-position:-21px -280px;} i.fa-icons-outer.inst_inactive_grey {background-position:-21px -280px;} i.fa-icons-outer.inst_defective_grey {background-position:-21px -280px;} i.fa-icons-outer.set_override {background-position: -2px -240px;} i.fa-icons-outer.standard_set {background-position: -100px -219px;} i.fa-icons-outer.inst_rfid_grey {background-position:-120px -239px;} i.fa-icons-outer.tray_rfid_grey {background-position:-61px -220px;} i.fa-icons-outer.instnon_rfid_grey {background-position:-140px -199px;} i.fa-icons-outer.instnon_rfid_black {background-position:-23px -342px;} i.fa-icons-outer.pack_black {background-position:-43px -342px;} i.fa-icons-outer.ster_black {background-position:-62px -342px;} i.fa-icons-outer.activity_graph {background-position:-81px -279px;} i.fa-icons-outer.queue_graph {background-position:-100px -240px;} i.fa-icons-outer.traynon_rfid_grey {background-position:-39px -219px;} i.fa-icons-outer.inst_condemned_grey {background-position:-122px -261px;} i.fa-icons-outer.inst_repair_grey {background-position:-120px -280px;} i.fa-icons-outer.inst_damage_grey {background-position:-100px -260px;} i.fa-icons-outer.inst_replace_grey {background-position:-61px -280px;} i.fa-icons-outer.ster_cycle_grey {background-position:-120px -219px;} i.fa-icons-outer.maxcycle_indi {background-position: -60px -260px;} i.fa-icons-outer.ster_cycle_white {background-position:0px -40px;} i.fa-icons-outer.reject_dbl_red {background-position:-160px -240px;} i.fa-icons-outer.ster_cycle_white_big_cycle {background-position:0px -40px;} i.fa-icons-outer.edit_inst_grey {background-position:-20px -280px;} i.fa-icons-outer.edit_set_grey {background-position:-180px -240px;} i.fa-icons-outer.incom_inventory_accept_grey {background-position:-161px -220px;} i.fa-icons-outer.add_instrument_tb_grey {background-position:-100px -280px;} i.fa-icons-outer.packed_set_grey {background-position:-80px -240px;} i.fa-icons-outer.pack_grey {background-position:-180px -260px;} i.fa-icons-outer.steril_grey {background-position:-20px -220px;} i.fa-icons-outer.sending_grey {background-position: -140px -240px;} i.fa-icons-outer.incoming_grey{background-position:-140px -220px;} i.fa-icons-outer.surgical_grey{background-position:-1px -220px; } i.fa-icons-outer.receive_grey{background-position:-159px -219px;} i.fa-icons-outer.returnused_grey{background-position:-40px -260px;} i.fa-icons-outer.userstore_grey{background-position: -80px -220px; } i.fa-icons-outer.rejectset_red{background-position:-180px -220px;} i.fa-icons-outer.return_expired{background-position:-20px -260px;} i.fa-icons-outer.batchrecall{ background-position:0px -280px;} /*i.fa-icons-outer.receive_set{ background-position:0px -280px;} i.fa-icons-outer.receive_inst{ background-position:0px -280px;} i.fa-icons-outer.receive_assemb_nonrfid{ background-position:0px -280px;} i.fa-icons-outer.receive_assemb_rfid{ background-position:0px -280px;}*/ i.fa-icons-outer.add_set_tb_grey {background-position:0px -260px;} i.fa-icons-outer.consumption_grey {background-position:-180px -360px} #toggled{display: none;} .mainloader:after,.mainloader:before,.tbmainloader:after,.tbmainloader:before{position: fixed;} .mainloader:after,.tbmainloader:after{position: absolute;width: 100%;height: 100%;z-index: 9999999999;content: "";top: 0;left: 0;} .mainloader:before,.tbmainloader:before{ content: ""; background: url(data:image/gif;base64,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); width: 50px;height: 58px;background-size: 100%;position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;z-index: 99999999999; } .tbmainloader:before{width: 40px !important;height: 46px !important;} .popup_pivot_loader{ background: url(data:image/gif;base64,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); background-size: auto; width: 43px; height: 50px; background-size: cover; margin: 0 auto; } .is-blurred {filter: blur(2px);-webkit-filter: blur(2px);} .modal-body-full-page,.modal-body-half-page{height: 67vh;max-height: 450px;overflow: auto;padding: 15px;position: relative;} .modal-body-half-page {height: 45vh !important;} .print_logo_size{width: 100%; max-width: 120px;} .qrcode_container{width:57px; height:79px;} .pts_whiteboard_info_box {background: #f5f5f5;overflow: hidden;padding:10px;margin-bottom: 10px;} .pts_whiteboard_info_box > label{margin-bottom:0;} .pts_whiteboard_info_box > label span {color: #777;padding-left: 10px;} #SurgicalHome .pts_whiteboard_info_box > div > label:last-child{border-right: none} #SurgicalHome .pts_whiteboard_info_box > div > label{margin-bottom:0;} #SurgicalHome .pts_whiteboard_info_box > div > label > span{color: #777;padding-left: 10px;} .pts_whiteboard_inputinfo_box font{padding-top:8px;vertical-align: middle;} .pts_whiteboard_inputinfo_box {background: #f5f5f5;overflow: hidden;padding:5px 10px;margin-bottom: 10px;} .pts_whiteboard_inputinfo_box > label{margin-bottom:0;width:100%;} .pts_whiteboard_inputinfo_box > label span:not('.multiselect span'){color: #777;} .pts_whiteboard_inputinfo_box .dateCalendar span {line-height: 30px !important;} .pts_whiteboard_inputinfo_box *:not('.multiselect'), .pts_whiteboard_inputinfo_box input:not('.multiselect input'){height: 30px !important} .new-whiteboard_info label{font-size: 17px;border-right: 1px solid #ccc;padding-right:15px;} .new-whiteboard_info{background-color: #ddd;margin-bottom:0px;} .common_modal{transform: translateX(-50%) translateY(-50%) !important;top: 50%;left: 50%;margin: 0;} .common_modal .modal-content {border-bottom: none;} #set_total_count,#instruments_total_count {text-align: center;color: #999;font-size: 15px;font-weight: 400;} .toggleSwitch{-webkit-appearance: none;-moz-appearance:none;appearance:none;width: 40px;height: 22px;background-color: grey;border-radius: 15px;position: relative;transition: all 0.2s; outline: 0;} .toggleSwitch:before{width: 18px;height: 18px;border-radius: 100%;content: "";margin:2px;left: 0;position: absolute;background-color: white;transition: all 0.2s;} .toggleSwitch:checked{background-color: #3c8dbc;} .toggleSwitch:checked:before{left: 18px;} #UDSetStoretemp table.allInstrumentView,#UDSetStoretemp table.allInstrumentView table{table-layout: fixed;} #SurgicalHome #wizard_tabs-4 table.allInstrumentView,#SurgicalHome #wizard_tabs-4 table.allInstrumentView table{table-layout: fixed;} .allInstrumentView tbody table thead th{padding: 0 8px !important;vertical-align: top !important;border-width: 0;} .allInstrumentView tbody table thead th span {height: 0;overflow: hidden;display: block;font-size: 14px;} .allInstrumentView tbody table {border-top:none;min-width: 100%;margin-bottom: 0 !important;background-color: transparent !important;} .allInstrumentView td{padding: 8px;vertical-align: top;} .allInstrumentView tbody tr td[colspan="8"],.allInstrumentView tbody tr td[colspan="10"],.allInstrumentView tbody tr td[colspan="9"],.allInstrumentView tbody tr td[colspan="7"],.allInstrumentView tbody tr td[colspan="5"],.allInstrumentView tbody tr td[colspan="4"]{padding: 0 !important;border:none!important;} .custom_footer_wizard {width: calc(100% - 222px);position: fixed;align-items:center;bottom: 28px;right: 6px;background-color: #f5f5f5;border-top: 1px solid #ddd;transition: all .3s linear;-webkit-transition: all .3s linear;-moz-transition: all .3s linear;-o-transition: all .3s linear;display: flex;z-index:2;} .custom_footer_wizard>button{order: 3} .custom_footer_wizard>div{order: 1;} .customPagination{display: flex;width: 100%;order: 2;counter-reset: my-sec-counter;margin: 0;padding:0;position: relative;align-items: center;} .customPagination:after{position: absolute;height: 1px;width: 100%;background: #e67e22;top: 0;left: 0;margin: auto;content: "";bottom: 0;} .customPagination li{width: 100%;position: relative;z-index: 1;list-style: none;} .customPagination li a{display: inline-flex;min-height: 30px;text-align: left;padding-left: 35px;position: relative;align-items: center;color: #333;background-color: #f5f5f5;font-size: 16px;padding-right: 15px;line-height: 14px;text-decoration: none;} .customPagination li a:before{width: 30px;height: 30px;border-radius: 100%;left: 0;position: absolute;display: flex;justify-content: center;align-items: center;background-color: #777777;color: #fff;counter-increment: my-sec-counter;content: ""counter(my-sec-counter)"";} .customPagination li.active a:before{background-color: #e67e22;width: 35px;height: 35px;} .customPagination li.active a{min-height: 35px;padding-left: 40px;} .customPagination li:first-child:after,.customPagination li:last-child:before{content: "";background-color: #f5f5f5;width: 40%;height: 100%;position: absolute;left: 0;z-index: -1;} .customPagination li:last-child:before{right:0;left:unset;width:5%;} .custom_footer_wizard button:not(.btn-info),.custom_footer_wizard button:hover:not(.btn-info){box-shadow:none;background-color: transparent;} .custom_footer_wizard button .fa{color:#999;} .custom_footer_wizard button:hover .fa{color:#333;} .custom_footer_wizard .customPagination.nav-tabs{border:none;} .custom_footer_wizard .customPagination.nav-tabs>li.active>a, .custom_footer_wizard .customPagination.nav-tabs>li.active>a:focus, .custom_footer_wizard .customPagination.nav-tabs>li.active>a:hover, .custom_footer_wizard .customPagination.nav-tabs>li>a, .custom_footer_wizard .customPagination.nav-tabs>li>a:focus, .custom_footer_wizard .customPagination.nav-tabs>li>a:hover{color: #333;cursor: pointer;background-color: #f5f5f5 !important;border: 1px solid transparent !important;border-bottom-color: transparent;} .item + .item:before {content: ", ";} .imp-info-div{margin-left:15px;position: absolute;top: 0;z-index:99;} .comment_div {background: #fff;padding: 10px;display: block;font-size:12px;color:#000;line-height: 16px;white-space:nowrap;box-shadow:0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19)} .pointer_div {border: solid 10px transparent;border-right-color: #fff;position: absolute;margin: 5px 0 0 -20px;z-index: 999;} #addInstrument .comment_div, #updateInstrument .comment_div{max-width:90px;} .srno-width {max-width: 24px;width: 100%;display: inline-block;float: left;} .diff_whitebg,.diff_redbg{background-color: #fff;color: #999;font-size: 10px;border: 2px solid #999;padding: 0 5px;} .diff_redbg{color: #dd4b39 !important;border: 2px solid #dd4b39 !important;} .login_outer1 label{color: #333;font-size: 13px;font-weight: 700} .login_outer1 form input[type="email"] {border: 1px solid #d2d6de;box-shadow: none } .login_outer,.login_outer1{text-transform: capitalize;max-width: 550px;width: 100%;margin: 80px auto;background-color:#fafafa;border: 1px solid #ebebeb;box-shadow: rgba(0, 0, 0, 0.14902) 0px 1px 1px 0px, rgba(0, 0, 0, 0.09804) 0px 1px 2px 0px;font-family: "Helvetica Neue", Roboto, Arial, "Droid Sans", sans-serif;} .login_logo{background-color: #367fa9;padding:15px;text-align: center;} .login_logo img{max-width: 150px;color:#fff;} .login_outer .group{position: relative;margin-bottom: 15px;} .btn-info.logInBtn{font-size:16px;margin: 10px 0 5px 0;border-radius: 4px;background-color: #5bc0de;border: 1px solid transparent;} .btn-info.logInBtn:hover{background-color: #31b0d5;border-color: #269abc;} .login_outer input:not(.remembcheck){font-size: 18px;padding: 10px 10px 10px 5px;-webkit-appearance: none;display: block;background: #fafafa;color: #636363;width: 100%;border: none;border-radius: 0;border-bottom: 1px solid #d2d6de;} .login_outer label {color: #333;font-size: 16px;font-weight: normal;position: absolute;pointer-events: none;left: 5px;top: 10px;-webkit-transition: all 0.2s ease;transition: all 0.2s ease;} .login_outer #password {background-position: 10px -53px !important;} .login_outer #email,.login_outer #password {text-transform: none !important;} .login_outer input:focus ~ label,.login_outer input.used ~ label{top: -10px;-webkit-transform: scale(.75);transform: scale(.75);left: -2px;color: #000;font-weight: 600;font-size: 18px;} .lost_pw_link{color: #5A738E;} .lost_pw_link:hover{text-decoration: none} .login_outer .help-block.PasswrdErr {font-size: 13px !important;text-transform: none;} .bulk_imperr{position:absolute; right:0px; padding-right:10px;} .table.table-bordered,.table.table-bordered > thead > tr > th,.table.table-bordered > tbody > tr > td{border-color:#f4f4f4;} .swatch{width:46px;height:46px;border-radius:5px;border: 1px solid #666;margin: 0px;} div.group-color > ul.dropdown-menu{box-shadow: 0;padding: 0;left: -280px;width: 320px;} .panel{margin-bottom: 0;padding: 0;} ul.list-inline li{padding:0;margin: 0;} .swatch-clickable:hover{border: 2px solid #111;cursor: pointer;} .btn-box{margin:0;padding-top: 3px;padding-bottom: 3px;} .pa{margin: 0;padding: 0;font-size: 25px;} .pivot-disable {cursor: not-allowed;} .pivot-hide {display: none;} .jfk-butterBar-shown {border-width: 1px;height: auto;min-height: 14px;opacity: 1;padding: 6px 16px;transition: opacity 0.218s ease 0s;visibility: visible;} .jfk-butterBar-warning {background-color: #dd4b39;border-color: #602019;color: #fff;} .jfk-butterBar {border-radius: 2px;border-style: solid;border-width: 0;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);font-size: 11px;height: 0;opacity: 1;overflow: hidden; padding: 0;text-align: center;transition: all 0s linear 1s, opacity 1s ease 0s;box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);border: 1px solid #999;padding: 10px 10px 25px;} .docs-butterbar-container {font-weight: bold;height: 0;position: absolute;text-align: center;top: 23px;width: 100%;z-index: 9999;left: 2%;} .docs-butterbar-wrap {display: inline-block;padding-bottom: 5px;} [v-cloak] .v-cloak--inline {display: inline;} [v-cloak] .v-cloak--hidden {display: none;} .main_container { min-height: 100vh !important;background: #f7f7f7;} .multi-media_left {position: relative;} .multi-media_left input#myfile {opacity: 0;position: absolute;top: 0;right: 20px; padding: 3px;z-index: 999;width: 100px;margin-right: 0;} .multi-media_left .browse_insicon {position: absolute;top: 2px;right: 22px;background: rgba(0,0,0,.6);border-radius: 50%;cursor: pointer;} .multi-media_left .browse_insicon i {line-height: 24px;width: 25px;height: 25px;text-align: center;} .mediaimg_Loading.Loading,.upload_outer_div .Loading{top:45px !important;height:unset;} .modal-dialog .Loading{top:0px;} .intl-tel-input.allow-dropdown input, .intl-tel-input.allow-dropdown input[type="tel"], .intl-tel-input.allow-dropdown input[type="text"], .intl-tel-input.separate-dial-code input, .intl-tel-input.separate-dial-code input[type="tel"], .intl-tel-input.separate-dial-code input[type="text"]{padding-right: 6px;padding-left: 90px;margin-left: 0;} .intl-tel-input{vertical-align: middle;position: relative;display: inline-block;width: 100%;} .intl-tel-input.allow-dropdown .flag-container, .intl-tel-input.separate-dial-code .flag-container {right: auto;left: 0;} .intl-tel-input .flag-container {position: absolute;top: 0;bottom: 0;right: 0;padding: 1px;} .intl-tel-input.allow-dropdown .selected-flag, .intl-tel-input.separate-dial-code .selected-flag {width: 90px;} .intl-tel-input.allow-dropdown .selected-flag .selected-dial-code{position: absolute;left: 35px;top: 7px;} .intl-tel-input .selected-flag {z-index: 0;position: relative;width: 36px;height: 100%;padding: 0 0 0 8px;} .intl-tel-input .selected-flag .iti-flag {position: absolute;top: 0;bottom: 0;margin: auto;} .intl-tel-input .selected-flag .iti-arrow {position: absolute;top: 50%;margin-top: -2px;right: 6px;width: 0;height: 0;border-left: 3px solid transparent;border-right: 3px solid transparent;border-top: 4px solid #555;} .intl-tel-input .country-list{position: absolute;z-index: 5;list-style: none;text-align: left;padding: 0;margin: 0 0 0 -1px;box-shadow: 1px 1px 4px rgba(0,0,0,.2);background-color: #fff;border: 1px solid #ccc;white-space: nowrap;max-height: 200px;overflow-y: scroll;max-width: 310px;} .intl-tel-input .country-list .country {padding: 5px 10px;} .intl-tel-input.allow-dropdown .flag-container:hover {cursor: pointer;} .intl-tel-input.allow-dropdown .flag-container:hover .selected-flag {background-color: rgba(0,0,0,.05);} .intl-tel-input .country-list .country.highlight {background-color: rgba(0,0,0,.05);} .intl-tel-input .country-list .country {padding: 5px 10px;} .intl-tel-input .country-list .country-name,.intl-tel-input .country-list .flag-box {margin-right: 6px;vertical-align: middle;} .intl-tel-input .country-list .dial-code{vertical-align: middle;color:#999;} .intl-tel-input .country-list .flag-box {display: inline-block;width: 20px;} .intl-tel-input .country-list {list-style: none;text-align: left;white-space: nowrap;} .intl-tel-input .country-list .divider {padding-bottom: 5px;margin-bottom: 5px;border-bottom: 1px solid #ccc;} .iti-flag.be {width:18px} .iti-flag.ch {width:15px} .iti-flag.mc {width:19px} .iti-flag.ne {width:18px} .iti-flag.np {width:13px} .iti-flag.va {width:15px} @media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) { .iti-flag {background-size:5630px 15px}} .iti-flag.ac {height:10px;background-position:0 0} .iti-flag.ad {height:14px;background-position:-22px 0} .iti-flag.ae {height:10px;background-position:-44px 0} .iti-flag.af {height:14px;background-position:-66px 0} .iti-flag.ag {height:14px;background-position:-88px 0} .iti-flag.ai {height:10px;background-position:-110px 0} .iti-flag.al {height:15px;background-position:-132px 0} .iti-flag.am {height:10px;background-position:-154px 0} .iti-flag.ao {height:14px;background-position:-176px 0} .iti-flag.aq {height:14px;background-position:-198px 0} .iti-flag.ar {height:13px;background-position:-220px 0} .iti-flag.as {height:10px;background-position:-242px 0} .iti-flag.at {height:14px;background-position:-264px 0} .iti-flag.au {height:10px;background-position:-286px 0} .iti-flag.aw {height:14px;background-position:-308px 0} .iti-flag.ax {height:13px;background-position:-330px 0} .iti-flag.az {height:10px;background-position:-352px 0} .iti-flag.ba {height:10px;background-position:-374px 0} .iti-flag.bb {height:14px;background-position:-396px 0} .iti-flag.bd {height:12px;background-position:-418px 0} .iti-flag.be {height:15px;background-position:-440px 0} .iti-flag.bf {height:14px;background-position:-460px 0} .iti-flag.bg {height:12px;background-position:-482px 0} .iti-flag.bh {height:12px;background-position:-504px 0} .iti-flag.bi {height:12px;background-position:-526px 0} .iti-flag.bj {height:14px;background-position:-548px 0} .iti-flag.bl {height:14px;background-position:-570px 0} .iti-flag.bm {height:10px;background-position:-592px 0} .iti-flag.bn {height:10px;background-position:-614px 0} .iti-flag.bo {height:14px;background-position:-636px 0} .iti-flag.bq {height:14px;background-position:-658px 0} .iti-flag.br {height:14px;background-position:-680px 0} .iti-flag.bs {height:10px;background-position:-702px 0} .iti-flag.bt {height:14px;background-position:-724px 0} .iti-flag.bv {height:15px;background-position:-746px 0} .iti-flag.bw {height:14px;background-position:-768px 0} .iti-flag.by {height:10px;background-position:-790px 0} .iti-flag.bz {height:14px;background-position:-812px 0} .iti-flag.ca {height:10px;background-position:-834px 0} .iti-flag.cc {height:10px;background-position:-856px 0} .iti-flag.cd {height:15px;background-position:-878px 0} .iti-flag.cf {height:14px;background-position:-900px 0} .iti-flag.cg {height:14px;background-position:-922px 0} .iti-flag.ch {height:15px;background-position:-944px 0} .iti-flag.ci {height:14px;background-position:-961px 0} .iti-flag.ck {height:10px;background-position:-983px 0} .iti-flag.cl {height:14px;background-position:-1005px 0} .iti-flag.cm {height:14px;background-position:-1027px 0} .iti-flag.cn {height:14px;background-position:-1049px 0} .iti-flag.co {height:14px;background-position:-1071px 0} .iti-flag.cp {height:14px;background-position:-1093px 0} .iti-flag.cr {height:12px;background-position:-1115px 0} .iti-flag.cu {height:10px;background-position:-1137px 0} .iti-flag.cv {height:12px;background-position:-1159px 0} .iti-flag.cw {height:14px;background-position:-1181px 0} .iti-flag.cx {height:10px;background-position:-1203px 0} .iti-flag.cy {height:13px;background-position:-1225px 0} .iti-flag.cz {height:14px;background-position:-1247px 0} .iti-flag.de {height:12px;background-position:-1269px 0} .iti-flag.dg {height:10px;background-position:-1291px 0} .iti-flag.dj {height:14px;background-position:-1313px 0} .iti-flag.dk {height:15px;background-position:-1335px 0} .iti-flag.dm {height:10px;background-position:-1357px 0} .iti-flag.do {height:13px;background-position:-1379px 0} .iti-flag.dz {height:14px;background-position:-1401px 0} .iti-flag.ea {height:14px;background-position:-1423px 0} .iti-flag.ec {height:14px;background-position:-1445px 0} .iti-flag.ee {height:13px;background-position:-1467px 0} .iti-flag.eg {height:14px;background-position:-1489px 0} .iti-flag.eh {height:10px;background-position:-1511px 0} .iti-flag.er {height:10px;background-position:-1533px 0} .iti-flag.es {height:14px;background-position:-1555px 0} .iti-flag.et {height:10px;background-position:-1577px 0} .iti-flag.eu {height:14px;background-position:-1599px 0} .iti-flag.fi {height:12px;background-position:-1621px 0} .iti-flag.fj {height:10px;background-position:-1643px 0} .iti-flag.fk {height:10px;background-position:-1665px 0} .iti-flag.fm {height:11px;background-position:-1687px 0} .iti-flag.fo {height:15px;background-position:-1709px 0} .iti-flag.fr {height:14px;background-position:-1731px 0} .iti-flag.ga {height:15px;background-position:-1753px 0} .iti-flag.gb {height:10px;background-position:-1775px 0} .iti-flag.gd {height:12px;background-position:-1797px 0} .iti-flag.ge {height:14px;background-position:-1819px 0} .iti-flag.gf {height:14px;background-position:-1841px 0} .iti-flag.gg {height:14px;background-position:-1863px 0} .iti-flag.gh {height:14px;background-position:-1885px 0} .iti-flag.gi {height:10px;background-position:-1907px 0} .iti-flag.gl {height:14px;background-position:-1929px 0} .iti-flag.gm {height:14px;background-position:-1951px 0} .iti-flag.gn {height:14px;background-position:-1973px 0} .iti-flag.gp {height:14px;background-position:-1995px 0} .iti-flag.gq {height:14px;background-position:-2017px 0} .iti-flag.gr {height:14px;background-position:-2039px 0} .iti-flag.gs {height:10px;background-position:-2061px 0} .iti-flag.gt {height:13px;background-position:-2083px 0} .iti-flag.gu {height:11px;background-position:-2105px 0} .iti-flag.gw {height:10px;background-position:-2127px 0} .iti-flag.gy {height:12px;background-position:-2149px 0} .iti-flag.hk {height:14px;background-position:-2171px 0} .iti-flag.hm {height:10px;background-position:-2193px 0} .iti-flag.hn {height:10px;background-position:-2215px 0} .iti-flag.hr {height:10px;background-position:-2237px 0} .iti-flag.ht {height:12px;background-position:-2259px 0} .iti-flag.hu {height:10px;background-position:-2281px 0} .iti-flag.ic {height:14px;background-position:-2303px 0} .iti-flag.id {height:14px;background-position:-2325px 0} .iti-flag.ie {height:10px;background-position:-2347px 0} .iti-flag.il {height:15px;background-position:-2369px 0} .iti-flag.im {height:10px;background-position:-2391px 0} .iti-flag.in {height:14px;background-position:-2413px 0} .iti-flag.io {height:10px;background-position:-2435px 0} .iti-flag.iq {height:14px;background-position:-2457px 0} .iti-flag.ir {height:12px;background-position:-2479px 0} .iti-flag.is {height:15px;background-position:-2501px 0} .iti-flag.it {height:14px;background-position:-2523px 0} .iti-flag.je {height:12px;background-position:-2545px 0} .iti-flag.jm {height:10px;background-position:-2567px 0} .iti-flag.jo {height:10px;background-position:-2589px 0} .iti-flag.jp {height:14px;background-position:-2611px 0} .iti-flag.ke {height:14px;background-position:-2633px 0} .iti-flag.kg {height:12px;background-position:-2655px 0} .iti-flag.kh {height:13px;background-position:-2677px 0} .iti-flag.ki {height:10px;background-position:-2699px 0} .iti-flag.km {height:12px;background-position:-2721px 0} .iti-flag.kn {height:14px;background-position:-2743px 0} .iti-flag.kp {height:10px;background-position:-2765px 0} .iti-flag.kr {height:14px;background-position:-2787px 0} .iti-flag.kw {height:10px;background-position:-2809px 0} .iti-flag.ky {height:10px;background-position:-2831px 0} .iti-flag.kz {height:10px;background-position:-2853px 0} .iti-flag.la {height:14px;background-position:-2875px 0} .iti-flag.lb {height:14px;background-position:-2897px 0} .iti-flag.lc {height:10px;background-position:-2919px 0} .iti-flag.li {height:12px;background-position:-2941px 0} .iti-flag.lk {height:10px;background-position:-2963px 0} .iti-flag.lr {height:11px;background-position:-2985px 0} .iti-flag.ls {height:14px;background-position:-3007px 0} .iti-flag.lt {height:12px;background-position:-3029px 0} .iti-flag.lu {height:12px;background-position:-3051px 0} .iti-flag.lv {height:10px;background-position:-3073px 0} .iti-flag.ly {height:10px;background-position:-3095px 0} .iti-flag.ma {height:14px;background-position:-3117px 0} .iti-flag.mc {height:15px;background-position:-3139px 0} .iti-flag.md {height:10px;background-position:-3160px 0} .iti-flag.me {height:10px;background-position:-3182px 0} .iti-flag.mf {height:14px;background-position:-3204px 0} .iti-flag.mg {height:14px;background-position:-3226px 0} .iti-flag.mh {height:11px;background-position:-3248px 0} .iti-flag.mk {height:10px;background-position:-3270px 0} .iti-flag.ml {height:14px;background-position:-3292px 0} .iti-flag.mm {height:14px;background-position:-3314px 0} .iti-flag.mn {height:10px;background-position:-3336px 0} .iti-flag.mo {height:14px;background-position:-3358px 0} .iti-flag.mp {height:10px;background-position:-3380px 0} .iti-flag.mq {height:14px;background-position:-3402px 0} .iti-flag.mr {height:14px;background-position:-3424px 0} .iti-flag.ms {height:10px;background-position:-3446px 0} .iti-flag.mt {height:14px;background-position:-3468px 0} .iti-flag.mu {height:14px;background-position:-3490px 0} .iti-flag.mv {height:14px;background-position:-3512px 0} .iti-flag.mw {height:14px;background-position:-3534px 0} .iti-flag.mx {height:12px;background-position:-3556px 0} .iti-flag.my {height:10px;background-position:-3578px 0} .iti-flag.mz {height:14px;background-position:-3600px 0} .iti-flag.na {height:14px;background-position:-3622px 0} .iti-flag.nc {height:10px;background-position:-3644px 0} .iti-flag.ne {height:15px;background-position:-3666px 0} .iti-flag.nf {height:10px;background-position:-3686px 0} .iti-flag.ng {height:10px;background-position:-3708px 0} .iti-flag.ni {height:12px;background-position:-3730px 0} .iti-flag.nl {height:14px;background-position:-3752px 0} .iti-flag.no {height:15px;background-position:-3774px 0} .iti-flag.np {height:15px;background-position:-3796px 0} .iti-flag.nr {height:10px;background-position:-3811px 0} .iti-flag.nu {height:10px;background-position:-3833px 0} .iti-flag.nz {height:10px;background-position:-3855px 0} .iti-flag.om {height:10px;background-position:-3877px 0} .iti-flag.pa {height:14px;background-position:-3899px 0} .iti-flag.pe {height:14px;background-position:-3921px 0} .iti-flag.pf {height:14px;background-position:-3943px 0} .iti-flag.pg {height:15px;background-position:-3965px 0} .iti-flag.ph {height:10px;background-position:-3987px 0} .iti-flag.pk {height:14px;background-position:-4009px 0} .iti-flag.pl {height:13px;background-position:-4031px 0} .iti-flag.pm {height:14px;background-position:-4053px 0} .iti-flag.pn {height:10px;background-position:-4075px 0} .iti-flag.pr {height:14px;background-position:-4097px 0} .iti-flag.ps {height:10px;background-position:-4119px 0} .iti-flag.pt {height:14px;background-position:-4141px 0} .iti-flag.pw {height:13px;background-position:-4163px 0} .iti-flag.py {height:11px;background-position:-4185px 0} .iti-flag.qa {height:8px;background-position:-4207px 0} .iti-flag.re {height:14px;background-position:-4229px 0} .iti-flag.ro {height:14px;background-position:-4251px 0} .iti-flag.rs {height:14px;background-position:-4273px 0} .iti-flag.ru {height:14px;background-position:-4295px 0} .iti-flag.rw {height:14px;background-position:-4317px 0} .iti-flag.sa {height:14px;background-position:-4339px 0} .iti-flag.sb {height:10px;background-position:-4361px 0} .iti-flag.sc {height:10px;background-position:-4383px 0} .iti-flag.sd {height:10px;background-position:-4405px 0} .iti-flag.se {height:13px;background-position:-4427px 0} .iti-flag.sg {height:14px;background-position:-4449px 0} .iti-flag.sh {height:10px;background-position:-4471px 0} .iti-flag.si {height:10px;background-position:-4493px 0} .iti-flag.sj {height:15px;background-position:-4515px 0} .iti-flag.sk {height:14px;background-position:-4537px 0} .iti-flag.sl {height:14px;background-position:-4559px 0} .iti-flag.sm {height:15px;background-position:-4581px 0} .iti-flag.sn {height:14px;background-position:-4603px 0} .iti-flag.so {height:14px;background-position:-4625px 0} .iti-flag.sr {height:14px;background-position:-4647px 0} .iti-flag.ss {height:10px;background-position:-4669px 0} .iti-flag.st {height:10px;background-position:-4691px 0} .iti-flag.sv {height:12px;background-position:-4713px 0} .iti-flag.sx {height:14px;background-position:-4735px 0} .iti-flag.sy {height:14px;background-position:-4757px 0} .iti-flag.sz {height:14px;background-position:-4779px 0} .iti-flag.ta {height:10px;background-position:-4801px 0} .iti-flag.tc {height:10px;background-position:-4823px 0} .iti-flag.td {height:14px;background-position:-4845px 0} .iti-flag.tf {height:14px;background-position:-4867px 0} .iti-flag.tg {height:13px;background-position:-4889px 0} .iti-flag.th {height:14px;background-position:-4911px 0} .iti-flag.tj {height:10px;background-position:-4933px 0} .iti-flag.tk {height:10px;background-position:-4955px 0} .iti-flag.tl {height:10px;background-position:-4977px 0} .iti-flag.tm {height:14px;background-position:-4999px 0} .iti-flag.tn {height:14px;background-position:-5021px 0} .iti-flag.to {height:10px;background-position:-5043px 0} .iti-flag.tr {height:14px;background-position:-5065px 0} .iti-flag.tt {height:12px;background-position:-5087px 0} .iti-flag.tv {height:10px;background-position:-5109px 0} .iti-flag.tw {height:14px;background-position:-5131px 0} .iti-flag.tz {height:14px;background-position:-5153px 0} .iti-flag.ua {height:14px;background-position:-5175px 0} .iti-flag.ug {height:14px;background-position:-5197px 0} .iti-flag.um {height:11px;background-position:-5219px 0} .iti-flag.us {height:11px;background-position:-5241px 0} .iti-flag.uy {height:14px;background-position:-5263px 0} .iti-flag.uz {height:10px;background-position:-5285px 0} .iti-flag.va {height:15px;background-position:-5307px 0} .iti-flag.vc {height:14px;background-position:-5324px 0} .iti-flag.ve {height:14px;background-position:-5346px 0} .iti-flag.vg {height:10px;background-position:-5368px 0} .iti-flag.vi {height:14px;background-position:-5390px 0} .iti-flag.vn {height:14px;background-position:-5412px 0} .iti-flag.vu {height:12px;background-position:-5434px 0} .iti-flag.wf {height:14px;background-position:-5456px 0} .iti-flag.ws {height:10px;background-position:-5478px 0} .iti-flag.xk {height:15px;background-position:-5500px 0} .iti-flag.ye {height:14px;background-position:-5522px 0} .iti-flag.yt {height:14px;background-position:-5544px 0} .iti-flag.za {height:14px;background-position:-5566px 0} .iti-flag.zm {height:14px;background-position:-5588px 0} .iti-flag.zw {height:10px;background-position:-5610px 0} .iti-flag {width:20px;height:15px;box-shadow:0 0 1px 0 #888;background-image:url(../images/flags.png);background-repeat:no-repeat;background-color:#dbdbdb;background-position:20px 0} .not_availmsg{display: none} .partition_border_half,.partition_border{min-height:30vh;border-right: 1px solid #d7d7d7;} .partition_border{min-height:100vh !important} .modal.bs-example-modal-sm{z-index:9999;} .error_popup .modal-body.text-center {overflow: auto;max-height: 200px;word-break: break-word;} .multiselect.action_select .multiselect__content li.multiselect__element >span {text-transform: uppercase;} .fixed_succesmsg{position: absolute;width: 100%;left: 0;top: 35PX;font-size: 13px;text-align: center;} .resort_btn {display: flex;flex-flow: column;margin-right: 15px;} .resort_btn a[disabled="disabled"] {opacity: 0.5;} .tb_resort_btn {display: flex;flex-flow: column;margin-right: 0px;} .tb_resort_btn a{color: #000;line-height: 0px;cursor: pointer;} .tb_resort_btn a i{line-height: 0px;font-size: 18px;} .tb_resort_btn a[disabled="disabled"] {opacity: 0.5;cursor: auto} .badge_width {display: flex;} .badge_width a.badge-width {margin: 0 5px;} .flex-btn {display: flex;align-items: center;} #InventoryHome .filtersListed .multiselect,#pack_loose_instrument .filtersListed .multiselect{min-width: 110px;} #pack_loose_instrument .filtersListed .multiselect .multiselect__placeholder {white-space: nowrap;max-width: 100%;overflow: hidden;text-overflow: ellipsis;} #SearchWhat .table-responsive,#UDSetStoretemp .tab3 .table-responsive{max-height: calc(100vh - 310px);margin-bottom: 10px;} #PackSet #first_div .table-responsive,#PackSet #second_div .table-responsive.max_h{max-height: calc(100vh - 255px) !important;min-height: calc(100vh - 255px) !important;margin-bottom: 10px;} #setViewTemplate #tab_11 .table-responsive{max-height: calc(100vh - 345px);} #setViewTemplate #tab_22 .table-responsive,#instrumentviewTemplate #tab2 .table-responsive{max-height: calc(100vh - 320px);} /* original line css 1459 is been commented and added a new line just below it to change table height and remove the blank space 08-04-2021 */ /* #SetActivity .table-responsive{max-height: calc(100vh - 330px);margin-bottom: 10px;} */ #SetActivity .table-responsive{max-height: calc(100vh - 300px);margin-bottom: 10px;} #SurgicalHome #wizard_tabs-2 .table-responsive{max-height: calc(100vh - 300px);} #SurgicalHome #wizard_tabs-3 .table-responsive,#SurgicalHome #wizard_tabs-4 .table-responsive{max-height: calc(100vh - 304px);} #SurgicalHome #wizard_tabs-3 th:last-child{width: 12.66666667% !important;} #SurgicalHome #wizard_tabs-3 th:nth-child(6){width: 12.66666667% !important;} #SurgicalHome #wizard_tabs-4 th:nth-child(7){width: 140px !important;} .formOpt_outer{background-color: #f7f7f7;margin-bottom:15px;} .formOpt_outer h4{margin:0;padding:10px;} .opt_fields_outer .opt_inner:last-child .right_fields{margin-bottom: 0 !important} .Opt_panel_header{color:#333;background-color:#f5f5f5;border:1px solid #ddd;padding: 10px 15px;margin-bottom: 5px;} #InventoryApprovalHome .nav-tabs > li.active > a, #InventoryApprovalHome .nav-tabs > li.active > a:focus, #InventoryApprovalHome .nav-tabs > li.active > a:hover{background: transparent !important;} #case_schedule .bootstrap-datetimepicker-widget, #SurgicalHome #add-patient .bootstrap-datetimepicker-widget, #SurgicalConsumption .modal .bootstrap-datetimepicker-widget { bottom: 43px !important; top: unset !important; max-height: 280px !important; } #case_schedule .bootstrap-datetimepicker-widget.dropdown-menu.top::before, #SurgicalHome #add-patient .bootstrap-datetimepicker-widget.dropdown-menu.top::before, #SurgicalConsumption .modal .bootstrap-datetimepicker-widget.dropdown-menu.top::before {top: unset;bottom: -7px !important;border-bottom: none !important;} #case_schedule .bootstrap-datetimepicker-widget .picker-switch td span, #SurgicalHome #add-patient .bootstrap-datetimepicker-widget .picker-switch td span, #SurgicalConsumption .modal .bootstrap-datetimepicker-widget .picker-switch td span, #addTestCycle .bootstrap-datetimepicker-widget .picker-switch td span, #updateTestCycle .bootstrap-datetimepicker-widget .picker-switch td span { height: unset !important; line-height: unset !important; margin: 0 !important; } #addTestCycle .bootstrap-datetimepicker-widget,#updateTestCycle .bootstrap-datetimepicker-widget{max-height: 280px !important;} table.table.allInstrumentView,table.table{position: relative;} table.table.allInstrumentView >thead >tr >th{position: sticky;top:0;background-color: #fff;z-index: 1} table.table >thead.fix_thead >tr >th{position: sticky;top:0;background-color: #fff;z-index: 1} #PackSet #second_div .filtersListed .data_metrix +.fa_success, #PackSet #first_div .filtersListed .data_metrix +.fa_success, #SurgicalHome #wizard_tabs-4 .filtersListed .data_metrix +.fa_success, #CssdSetStore #sterile .filtersListed .data_metrix +.fa_success, #CssdSetStore #incominginventory .filtersListed .data_metrix +.fa_success, #SurgicalHome .filtersListed .data_metrix +.fa_success {position: absolute;width: 100%;top: 100%;left: 0px;z-index: 2;} .alert.notify_alert {position: absolute; margin-bottom:0;z-index: 9;left: 50%;transform: translateX(-50%);top: 5px;padding: 0;} .alert.notify_alert .flash__wrapper .flash__message {max-width:600px;padding:14px 18px !important;background: #eee;min-width: 350px;margin-bottom: 0;box-shadow: 0 0 10px 0px #ccc;border: 1px solid #ccc;} .alert.notify_alert .flash__wrapper .flash__message img{margin-top:1px;width:20px;height: 20px;object-fit: scale-down;margin-right: 10px} .alert.notify_alert .flash__wrapper .flash__message .flash__close-button {display: none;} .alert.notify_alert .flash__wrapper .flash__message .flash__message-content {display: flex;align-items: flex-start;} .alert.notify_alert .flash__wrapper .flash__message .flash__message-content>span{line-height: 16px;font-weight: 600;} /*----calender UI CSS----*/ #calendar .fc-toolbar {text-align: unset;display: flex;align-items: center;justify-content: space-between;} #calendar .fc-toolbar .fc-left,#calendar .fc-toolbar .fc-right {float: none;} #calendar .fc-toolbar .fc-center h2 {font-size: 18px;} #calendar .fc-toolbar .fc-clear {display: none;} #calendar table .fc-head .fc-head-container .fc-widget-header th,#calendar table .fc-head .fc-head-container{border: none;} #calendar table .fc-head .fc-head-container{padding:10px 0;} #calendar table .fc-head .fc-head-container .fc-widget-header {border-right: none;} #calendar .fc-toolbar .fc-state-active {background-color: #00c0ef;border-color: #00acd6;color: #fff;} #calendar .fc-toolbar button{padding: 5px 10px;height: auto;font-size: 16px;} #calendar table .fc-head .fc-head-container .fc-widget-header th span {font-size: 16px;font-weight: 500;color: #000;} #calendar td.fc-today{background: #3c8dbc54 !important} #calendar .fc-month-view table .fc-body .fc-row.fc-week .fc-bg table td {text-align: center;vertical-align: middle;font-size: 13px;color: #000;font-weight: 500;} #calendar .fc-month-view table .fc-body .fc-row.fc-week .fc-bg td.fc-sun {background: #eee;} #getReceiveItems .second_tab .filtersListed .controls #search_drop-info {margin-right: 0;margin-left: 0 !important} #getReceiveItems .second_tab .filtersListed .controls .qr-code.m_l_10 {margin-left:5px !important;margin-right: 0 !important;} #getReceiveItems .second_tab .filtersListed .m_l_10, #PackSet .filtersListed .m_l_10{margin-left:5px !important;} #PackSet .filtersListed .multiselect, #PackSet .filtersListed .input-group .multiselect{min-width: 125px !important} .popover.fade.in {z-index: 9;} .pass_with_popover{display: flex;align-items: center;flex-wrap: unset;position: relative;} .pass_with_popover .fa-info-circle{position: absolute;right: -25px;} .pass_with_popover .input-append.input-group {width: 100%;} #updateSet .popover.fade.in {z-index: 999;} /*--------------*/ #case_schedule .filtersListed .multiselect{min-width: 100px} #case_schedule .filtersListed .input-group-btn a{padding-left: 6px !important;padding-right: 6px !important;} #PackSet #second_div table.allInstrumentView th.wf_status{width: 11% !important;} #PackSet #second_div table.allInstrumentView th.check_th{width: 4.33333333% !important;} #PackSet #second_div table.allInstrumentView th.action_th{width: 12.66666667% !important;} #create-hospital-user .multiselect .multiselect__content{max-height: 100px;} /*#BatchFinalise .table-responsive.max_h {max-height: calc(100vh - 425px);min-height: calc(100vh - 425px)} */ /* Sony Phat id 3941 changes 30-04-2021 */ #BatchFinalise .table-responsive.max_h {max-height: calc(100vh - 472px);min-height: calc(100vh - 472px)} #BatchFinalise .main_footer{padding-bottom: 0 !important;} #PackSet .controls span.help-block.help-block-position{position: absolute;width: auto;top: 100%;left: 0px;z-index: 2;font-size: 13px;display: inline-block;margin:3px 0 0;} #addTestCycle .pts_whiteboard_inputinfo_box,#updateTestCycle .pts_whiteboard_inputinfo_box{overflow: unset;height: 46px !important;} #addTestCycle .multiselect span.multiselect__placeholder,#updateTestCycle .multiselect span.multiselect__placeholder{font-weight: 400 !important;} #addTestCycle .multiselect.multiselect--active input.multiselect__input::placeholder,#updateTestCycle .multiselect.multiselect--active input.multiselect__input::placeholder{color: #adadad;font-weight: 400;} #addTestCycle .multiselect .multiselect__single,#updateTestCycle .multiselect .multiselect__single{color: #000;font-weight: 400;} #addTestCycle .multiselect.multiselect--active .multiselect__tags,#updateTestCycle .multiselect.multiselect--active .multiselect__tags{color: #000;font-weight: 400;} #addTestCycle .multiselect__option span,#updateTestCycle .multiselect__option span{font-weight: 400 !important} #addTestCycle textarea,#updateTestCycle textarea{font-weight: 400;} #addTestCycle .pts_whiteboard_inputinfo_box .help-block,#updateTestCycle .pts_whiteboard_inputinfo_box .help-block{position: absolute;z-index: 0;font-size: 14px;top: 36px;} #UDSetStoretemp .tab2 table td .column_flex .min_w_70{display: flex;align-items: center;min-width: 90px;} #UDSetStoretemp .tab2 table td .column_flex .min_w_70 i{margin-right: 5px;} .multiple_instb{max-height: calc(100vh - 350px);min-height: calc(100vh - 350px)} .multiple_instb thead th{white-space: nowrap;} #CycleMasterAdd .reason_field .multiselect__tags,#CycleMasterUpdate .reason_field .multiselect__tags{max-height: 90px;overflow-y: auto;} .slimScrollBar{background:rgba(255,255,255,0.6) !important;} /*-------------*/ @media screen and (max-width:1280px){ .filtersListed .data_metrix + .fa_success {z-index: 3 !important;} #getReceiveItems .second_tab .filtersListed, #pack_loose_instrument .filtersListed,#InventoryHome .filtersListed,#SetActivity .filtersListed, #InventoryApprovalHome .filtersListed,#SurgicalHome .filtersListed, #case_schedule .filtersListed{flex-wrap: wrap;justify-content: center;} #getReceiveItems .second_tab .filtersListed .controls, #pack_loose_instrument .filtersListed .controls, #InventoryHome .filtersListed .controls,#SetActivity .filtersListed .controls, #InventoryApprovalHome .filtersListed .controls,#SurgicalHome .filtersListed .controls, #case_schedule .filtersListed .controls{justify-content: center;} #getReceiveItems .second_tab .filtersListed .controls>*, #pack_loose_instrument .filtersListed .controls>*,#InventoryHome .filtersListed .controls>*, #SetActivity .filtersListed .controls>*,#InventoryApprovalHome .filtersListed .controls>*, #SurgicalHome .filtersListed .controls>*, #case_schedule .filtersListed .controls>*{margin-bottom: 5px;} #pack_loose_instrument .filtersListed> :not(.controls),#SetActivity .filtersListed> :not(.controls),#InventoryApprovalHome .filtersListed> :not(.controls){margin-bottom: 5px} #InventoryHome .filtersListed > :not(.controls), #SetActivity .filtersListed > :not(.controls),#InventoryApprovalHome .filtersListed > :not(.controls), #SurgicalHome .filtersListed > :not(.controls), #case_schedule .filtersListed> :not(.controls){margin: auto !important;margin-bottom: 5px} #SetActivity .filtersListed .multiselect,#InventoryApprovalHome .filtersListed .multiselect, #SurgicalHome .filtersListed .multiselect,#CssdSetStore .filtersListed .multiselect{min-width: 125px !important} #CssdSetStore .filtersListed .m_r_10,#UDSetStoretemp .filtersListed .m_r_10{margin-right: 5px !important} #CssdSetStore .filtersListed .width-230{width:170px} #CssdSetStore .filtersListed .qr-code.m_l_10,#UDSetStoretemp .filtersListed .qr-code.m_l_10, #UDSetStoretemp .filtersListed .m_l_10,#case_schedule .filtersListed .m_l_10{margin-left: 5px !important} #UDSetStoretemp .filtersListed .btn-default.btn-flat{margin-left:5px !important;} #UDSetStoretemp .filtersListed{flex-wrap: wrap;justify-content: center;} #UDSetStoretemp .filtersListed .controls {justify-content: center;margin-bottom: 5px;flex-wrap: wrap;} #UDSetStoretemp .filtersListed > :not(.controls),#UDSetStoretemp .filtersListed .controls > *{margin-bottom: 5px;} .filtersListed .multiselect.multiselect--active{z-index: 4 !important} #PackedSetsList .filtersListed .header_search input {width: 130px !important;} #PackedSetsList .filtersListed .header_search {width: 183px !important;} } @media screen and (min-width:768px) and (max-width:1215px){ .filtersListed.leftbulkac > .controls > div {float: left;margin-bottom: 5px;} .filtersListed.leftbulkac {width: 100%;display: block;} /* New Code added 12-03-21 start */ .skin-blue.sidebar-mini .sidebar-menu .treeview.active .treeview-menu{display: block !important;padding-left: 0;} .skin-blue .sidebar-menu .treeview:hover .treeview-menu{width: 100% !important;left: unset !important;top: unset !important;} .skin-blue .sidebar-menu > .treeview:hover > .treeview-menu{width: 100%;left: 50px!important;} /* New Code added 12-03-21 end */ } @media screen and (max-width:1199px){ /*---april 2020 new ui css--*/ /*#PackSet #second_div .filtersListed .btn-group >.btn{padding:6px 5px;}*/ #PackSet #second_div table td .srno-width{width:auto;} .sidebar-mini.sidebar-collapse #PackSet #second_div .filtersListed{flex-wrap: wrap !important;} .sidebar-mini.sidebar-collapse #PackSet #second_div .filtersListed .controls{justify-content: center !important;margin-bottom: 5px;} .custom_footer_wizard{width:calc(100% - 62px) !important} .table-responsive td .column_flex .pull-left:last-of-type h6,.table-responsive th{white-space: nowrap;} .table-responsive td .column_flex .pull-left.min_w_70{min-width:80px !important;} #PackSet .filtersListed{flex-wrap: unset;} #PackSet .filtersListed .controls{justify-content: flex-start;margin-bottom: 0} .responsive_actcollapse{display: inline-block;} .filtersListed .act_hide_resp{display: none;} header > .navbar > .navbar-nav {margin: 0;} .sidebar-mini .main-sidebar{-webkit-transform: translate(0px,0);-ms-transform: translate(0px,0);-o-transform: translate(0px,0);transform: translate(0px,0);width:50px;} .sidebar-mini .sidebar-menu > li a span{display: none;-webkit-transform: translateZ(0);} .sidebar-mini.sidebar-open .main-sidebar {-webkit-transform: translate(0,0);-ms-transform: translate(0,0);-o-transform: translate(0,0); transform: translate(0,0);} .sidebar-open .content-wrapper,.sidebar-open .main-footer{transition:all 0.3s ease-in-out;-webkit-transform: translate(210px,0);-ms-transform: translate(210px,0);-o-transform: translate(210px,0);transform: translate(210px,0);} header > .navbar > .navbar-nav > .user-menu > a.dropdown-toggle{z-index:9;padding: 14px 15px} .sidebar-mini .content-wrapper, .sidebar-mini .main-footer{margin-left: 50px;transition:all 0.3s ease-in-out;} .main-header .navbar{width:100%;float:none;margin-left: 0 !important;background-color: #357ca5 !important} .main-header .logo{width: 50px} .sidebar-mini .main-header .logo > .logo-mini{display: block;} .sidebar-mini .main-header .logo > .logo-lg{display: none;} .sidebar-mini .main-header .navbar{margin-left: 50px !important;width: auto;} .sidebar-mini.sidebar-collapse .main-header .logo > .logo-mini{display: none;} .sidebar-mini.sidebar-collapse .main-header .logo > .logo-lg{display: block;} .sidebar-mini.sidebar-collapse .main-header .navbar{margin-left: 210px !important} .sidebar-mini.sidebar-collapse .content-wrapper, .sidebar-mini.sidebar-collapse .main-footer{transition:all 0.3s ease-in-out;margin-left: 210px} body.sidebar-mini.sidebar-collapse .custom_footer_wizard{width: calc(100% - 222px) !important;} .sidebar-mini.sidebar-collapse .main-header .logo{width: 210px} .sidebar-mini.sidebar-collapse .main-sidebar{-webkit-transform: translate(0px,0);-ms-transform: translate(0px,0);-o-transform: translate(0px,0);transform: translate(0px,0);width:210px !important;-webkit-transition: -webkit-transform .3s ease-in-out,width .3s ease-in-out;-moz-transition: -moz-transform .3s ease-in-out,width .3s ease-in-out;-o-transition: -o-transform .3s ease-in-out,width .3s ease-in-out;transition: transform .3s ease-in-out,width .3s ease-in-out;} .sidebar-mini.sidebar-collapse .sidebar-menu > li a span{display: inline;-webkit-transform: translateZ(0);} /*-------------------------------*/ #PackedSetsList .filtersListed .header_search{width:270px;} .pass_with_popover .fa-info-circle{position: static;} .pass_with_popover{flex-wrap: wrap;} .pass_with_popover .input-append.input-group{margin-bottom: 5px !important;} #CssdSetStore .filtersListed .controls > * {margin-bottom: 5px !important;} .custom_footer_wizard{z-index: 999 !important} #setNewOrderList table td .min_w_70{min-width: 80px;} #setNewOrderList table th:nth-child(3){min-width: 200px !important;} #HospitalUserList .filtersListed,#HospitalRoleList .filtersListed{flex-wrap: unset;} #HospitalUserList .filtersListed .controls,#HospitalRoleList .filtersListed .controls{justify-content: flex-start;} #optional_field .filtersListed .controls{justify-content: flex-start;} #create_user .col-sm-8 >.flexnalign ,#adminUpdateUser .col-sm-8 >.flexnalign {flex-wrap: wrap;} #UserList .filtersListed{flex-wrap: unset;} #UserList .filtersListed .controls{justify-content: flex-start;} #cssddashboardAlert .filtersListed,#uddashboardAlert .filtersListed{flex-wrap: unset;} body #IncidentDataView .filtersListed.my_filtersListed > .controls > *{width: auto !important} body #IncidentDataView .filtersListed.my_filtersListed > :not(.controls) {margin-bottom: 5px !important;width: auto !important;display: flex !important;} body #IncidentDataView .filtersListed.my_filtersListed >.controls{display: flex !important;} #IncidentDataView .main_header > .main_tools .text-right{text-align: center;} #IncidentDataView .filtersListed > .controls > .red_countbox {width: auto !important;} #SurgicalViewPage .filtersListed .controls{justify-content: flex-start;} #SurgicalConsumption .tab2 .filtersListed > .controls > .label.diff_whitebg, .filtersListed > .controls > .label.diff_whitebg{width: auto !important;} #SurgicalConsumption .tab2 .filtersListed > .controls > * , #SurgicalViewPage .filtersListed > .controls>*{width: auto !important;margin: 0;} #SurgicalHome .filtersListed > :not(.controls), #consumption_tracking .filtersListed> :not(.controls){width: 100% !important} #NonInstrumentItems .filtersListed{flex-wrap: unset;} #NonInstrumentItems .filtersListed .controls,#case_schedule .filtersListed .controls{justify-content: flex-start;} .table-responsive-visible{overflow-x: auto !important} #mainResultDiv .input-group.p-50{padding-left: 10px;padding-right: 10px} #SearchWhat #tab1 .panel_left_img.pull-left{float: none !important;margin-bottom: 15px;width:180px;} #SearchWhat #tab1 .panel_detail_right.p-l-15{float: none;width:100%;padding-left: 0} #SearchWhat #tab1 .col-lg-6.p-l-0{padding-left: 15px;margin-top:15px;} .fieldsetting .col-lg-2 > .pull-right{float: none !important} .fieldsetting .vue-input-tag-wrapper{margin-bottom: 10px !important} #hospital_alltabs .nav-tabs.custom_navtabs.vsm_font > li.active > a{font-size: 14px !important;line-height: 19px;} #InventoryHome .filtersListed.leftbulkac > .controls > *, #SetActivity .filtersListed > .controls > *, #InventoryApprovalHome .filtersListed > .controls > *, #SurgicalHome .filtersListed> .controls > *, #SurgicalConsumption .filtersListed> .controls > *, #case_schedule .filtersListed> .controls > *, #consumption_tracking .filtersListed> .controls > *, #IncidentDataView .filtersListed> .controls > *{width: calc(50% - 5px) !important;float:left;margin-bottom:5px;} #InventoryHome .filtersListed.leftbulkac > *,#SetActivity .filtersListed > *, #InventoryApprovalHome .filtersListed> *, #SurgicalConsumption .filtersListed> *, #case_schedule .filtersListed>*, #IncidentDataView .filtersListed>*{margin: 0 !important;width: 100% !important;display: table !important;} #InventoryHome .filtersListed.leftbulkac > .controls > .btn-info, #case_schedule .filtersListed > .controls > .btn-info{margin-bottom: 0 !important} #InventoryApprovalHome .filtersListed > .controls > .btn-info, #setNewOrderList .filtersListed,#setView .filtersListed,#createStrBatch .filtersListed, #CssdSetStore .filtersListed{flex-wrap: wrap;justify-content: center;} #setNewOrderList .filtersListed .controls,#setView .filtersListed .controls, #createStrBatch .filtersListed .controls,#CssdSetStore .filtersListed .controls{justify-content: center;margin-bottom: 5px;flex-wrap: wrap;} #setNewOrderList .filtersListed .controls > .multiselect, #createStrBatch .filtersListed .controls > .multiselect, #CssdSetStore .filtersListed .controls > .multiselect{margin-bottom: 5px;} #setNewOrderList .filtersListed .controls .qr-code,#setNewOrderList .filtersListed .controls .label{margin-left: 5px !important} #SurgicalHome .filtersListed .controls{justify-content: flex-start;} .filtersListed{flex-wrap: wrap;justify-content: center;} .filtersListed .controls{justify-content: center;margin-bottom: 5px;flex-wrap: wrap;} .filtersListed .controls > .multiselect{margin-bottom: 5px;} .filtersListed .controls .qr-code {margin-left: 5px !important} #PackedSetsList .filtersListed .controls.width-250 {margin-bottom: 5px;} #PackedSetsList .filtersListed .controls.width-250 > .multiselect{margin-bottom: 0;width:100% !important;} #PackedSetsList .filtersListed > :not(.controls){margin-bottom: 5px;} #IncidentDataView .filtersListed > :not(.controls){margin-bottom: 5px;} #hospital_alltabs .filtersListed{flex-wrap: unset;justify-content: flex-start;} #hospital_alltabs .filtersListed .controls{justify-content: flex-start;flex-wrap: unset;} #hospital_alltabs .filtersListed .input-group{width: 200px} #department-master .filtersListed{justify-content: flex-end;} #addInstrument .filtersListed,#add_set .filtersListed,#BulkInventoryApprovalHome .filtersListed{flex-wrap: unset;} #UDSetStoretemp table.allInstrumentView, #UDSetStoretemp table.allInstrumentView table{table-layout: auto !important} #case_schedule .filtersListed .input-group input[type="text"], #IncidentDataView .filtersListed .input-group input[type="text"]{width:100% !important;} #IncidentDataView .filtersListed > .bg_white{width: auto !important;display: flex !important;margin-right: 5px !important;} } @media screen and (max-width:991px){ /*-----april,2020 new ui css---------*/ #PackSet #second_div .filtersListed{flex-wrap: wrap !important;} #PackSet #second_div .filtersListed .controls{justify-content: center !important;margin-bottom: 5px;} /*-----------------*/ #CssdSetStore .filtersListed > :not(.controls) {margin-top: 0 !important;} .modal-dialog.senddispatch_finalise .form-group {margin-bottom: 8px !important;} .modal-dialog.senddispatch_finalise .modal-body{padding-bottom: 0px !important;padding-top: 0 !important;} .modal-dialog.senddispatch_finalise .modal-footer{padding-top: 8px !important;padding-bottom: 8px !important;} #CssdSetStore table td{white-space: nowrap;} #CssdSetStore table span.label{min-width: 70px !important;} .nav-tabs.custom_navtabs > li > a{border-bottom: 1px solid transparent !important} #hospital_alltabs .nav-tabs.custom_navtabs.vsm_font > li > a{line-height:19px !important;} #hospital_alltabs .nav-tabs.custom_navtabs.vsm_font > li.active > a{line-height:19px !important;} .partition_border_half, .partition_border{border-right:none;} #create_user .upload_outer_div,#adminUpdateUser .upload_outer_div{display: flex;align-items: center;flex-direction: column;} #create_user .upload_outer_div img,#adminUpdateUser .upload_outer_div img{margin-bottom: 10px} #create_user .partition_border,#adminUpdateUser .partition_border{min-height: 100px !important} #create_user .space_between,#adminUpdateUser .space_between{margin-top:70px !important} #IncidentDataView .main_header > .main_title{width: 100%;text-align: center;margin-bottom: 5px} #IncidentDataView .main_header > .main_tools{float:none;text-align: center;} .modal .col-md-5.p-0 .confirmpin-btn{margin-top:10px;margin-left: 15px;} #bar-chart.chartjs-render-monitor{ max-height: 283px !important; max-width: 650px!important; margin:0 auto !important; } .customPagination li a{font-size: 13px !important} .upload_outer_div{margin-bottom: 40px} .vertLine{display: none} .small_device_col {margin-bottom: 5px;} #mainResultDiv .m_t_150{margin-top:70px;} .custom_footer_wizard{z-index: 9999999999} .dataTables_info,.dataTables_paginate{text-align:center !important;} .pagination{float: none !important;margin-top:5px !important;} .filtersListed.leftbulkac > .controls > :first-child {margin-bottom: 4px;} .filtersListed.leftbulkac > :not(.controls){width: calc(50% - 5px);margin-bottom: 5px !important;} .filtersListed {width: 100%;display: block;} .filtersListed.leftbulkac > .controls > * {width: calc(50% - 5px);margin-bottom: 5px;float:left;} .filtersListed.leftbulkac > * {margin: 0 !important;width: 100%;display: table;} .filtersListed.rgbulkac .m_l_10:not(.controls){margin-left: 0 !important;margin-bottom: 5px} .filtersListed.rgbulkac > :not(.controls){display: table;margin-left: 0 !important;width: 100%;} .filtersListed.rgbulkac >.form-control.width-150{width: 100% !important} .filtersListed{width: 100%;display: flex;align-items: center;} .wizard-nav-pills .wizard-icon-circle.tab_shape{min-width:200px !important;} #SterBatchList .filtersListed{flex-wrap: wrap;justify-content: center;} #SterBatchList .filtersListed .controls{justify-content: center;margin-bottom: 5px} #SterBatchList .filtersListed > :not(.controls), #CssdSetStore .filtersListed > :not(.controls){margin-bottom: 5px} #BatchViewPage #modal-default .col-sm-8.small_device_col .form-group{display: flex;} #CssdSetStore .custom_navtabs{display: flex;} #CssdSetStore .custom_navtabs li{white-space: nowrap;} #getReceiveItems .filtersListed .controls>*{margin-bottom: 5px;} #getReceiveItems .filtersListed > :not(.controls){margin-bottom: 5px;} #getReceiveItems #printPDF .care_label_left{display: block;margin-bottom: 5px} #getReceiveItems #printPDF .care_label_left label{padding-bottom: 0px} #PackSet .main_footer .col-md-5.p-0 .confirmpin-btn{margin-left: 15px;margin-top:10px;} #PackSet #modal-default{z-index:99999999999 !important;} #UDSetStoretemp .customPagination li a{padding-right: 4px !important;} } @media screen and (max-width:850px){ #CssdSetStore .custom_navtabs{display: block !important;} #CssdSetStore .custom_navtabs li{white-space: unset !important;width: 100% !important;text-align: center !important;} } @media screen and (max-width:767px){ /*-----new ui css april 2020-----*/ .sidebar-mini .main-header .navbar{margin-left: 0 !important} .sidebar-mini.sidebar-open .main-sidebar{width: 210px;} .sidebar-mini.sidebar-open .sidebar-menu > li a span{display: inline;} .sidebar-mini .main-header .logo > .logo-lg{display: inline-block;} .sidebar-mini .main-header .logo > .logo-mini{display: none;} /*----*/ #updateAdminProfile .popover.fade.in, #adminUpdateUser .popover.fade.in, #admin_create_user .popover.fade.in, #create-hospital-user .popover.fade.in, #hospital-profile .popover.fade.in, #update_hospital_user .popover.fade.in{left:unset !important;right: 57%;} #updateAdminProfile .popover.left > .arrow, #adminUpdateUser .popover.left > .arrow, #admin_create_user .popover.left > .arrow, #create-hospital-user .popover.left > .arrow, #hospital-profile .popover.left > .arrow, #update_hospital_user .popover.left > .arrow{right: unset;left: -10px;border-left-color: transparent !important;} #updateAdminProfile .popover.left > .arrow::after, #adminUpdateUser .popover.left > .arrow::after, #admin_create_user .popover.left > .arrow::after, #create-hospital-user .popover.left > .arrow::after, #hospital-profile .popover.left > .arrow::after, #update_hospital_user .popover.left > .arrow::after{transform: rotate(180deg);} #createStrBatch .filtersListed .m_l_5{margin-left: 0 !important} .table-responsive{overflow-y:auto !important;} .filtersListed .multiselect.multiselect--active{z-index: 4 !important} #DepartmentTypeList .filtersListed >.controls >.btn-info, #ReaderModelList .filtersListed >.controls >.btn-info, #HospitalUserList .filtersListed >.controls >.btn-info , #HospitalRoleList .filtersListed >.controls >.btn-info{width: 100% !important} #DepartmentTypeList .filtersListed .input-group >.input-group-btn, #ReaderModelList .filtersListed .input-group >.input-group-btn, #HospitalUserList .filtersListed .input-group >.input-group-btn, #HospitalRoleList .filtersListed .input-group >.input-group-btn{width: auto !important} #create_user .col-sm-8 >.flexnalign ,#adminUpdateUser .col-sm-8 >.flexnalign {display: block;} #create_user .col-sm-8 > .flexnalign .flexnalign, #adminUpdateUser .col-sm-8 > .flexnalign .flexnalign{display: block;} #UserList .filtersListed .controls > * {width: 100% !important;margin-left: 0 !important;margin-right: 0 !important;} #UserList .filtersListed .input-group-btn {width: auto !important;} #cssddashboardAlert .filtersListed .input-group-btn, #uddashboardAlert .filtersListed .input-group-btn{width: auto !important;} #cssddashboardAlert .filtersListed .m_l_10, #uddashboardAlert .filtersListed .m_l_10{margin-left: 0 !important} #cssddashboardAlert .filtersListed > :not(.controls), #uddashboardAlert .filtersListed > :not(.controls){margin-bottom: 0 !important;} #cssddashboardAlert .filtersListed .toggle-btn.pull-right, #uddashboardAlert .filtersListed .toggle-btn.pull-right{float: none !important;margin-left: 0 !important;width:100% !important;} #SterBatchList .filtersListed .m_l_10,#dispatchBatchList .filtersListed .m_l_10{margin-left: 0 !important} #case_schedule .filtersListed > .controls > .btn-info{margin-bottom: 5px !important} table td .column_flex .pull-left.p-r-5 {display: flex;align-items: flex-start;} #instrumentView .panel_left_img{margin:10px auto;float: none !important;min-width: 170px;} #instrumentView .panel_detail_right{float: none !important;width:100%;padding:0;} #instrumentView .row.m_15_topbtm .col-lg-6.p-l-0{padding-left:15px !important;margin-top:15px;} #InventoryHome .filtersListed .input-group,#SetActivity .filtersListed .input-group, #SurgicalHome .filtersListed .input-group,#SurgicalConsumption .filtersListed .input-group, #SurgicalConsumption .filtersListed .input-group, #case_schedule .filtersListed .input-group, #consumption_tracking .filtersListed .input-group{display: flex !important;} #InventoryHome .filtersListed .input-group-btn,#SetActivity .filtersListed .input-group-btn, #SurgicalHome .filtersListed .input-group-btn,#SurgicalConsumption .filtersListed .input-group-btn, #SurgicalConsumption .filtersListed .input-group-btn, #case_schedule .filtersListed .input-group-btn, #consumption_tracking .filtersListed .input-group-btn{width: auto !important;} .filtersListed .dateCalendar .input-group-addon {width: 35px !important;} .controls:before, .controls:after{clear: both;content: "";display: block;} .action_collapse{margin-bottom: 10px;display: block !important;} .action_collapse.active > a >i{transform: rotate(-180deg);} .filtersListed{display: none;} .filtersListed.leftbulkac > .controls {width: 100%;display: block;} .filtersListed.leftbulkac > .controls > * {width: 100%;margin-bottom: 5px;} .filtersListed.leftbulkac > * {margin: 0 !important;width: 100%;} .filtersListed.leftbulkac > :not(.controls){width: 100%;margin-bottom: 5px !important;} .filtersListed{text-align: center;} .filtersListed > :not(.controls){text-align: center;margin-top:5px;width:auto !important;} .filtersListed > .controls{justify-content: center;} .filtersListed .d_flex{display: inline-block !important} textarea.form-control{width:100%;} .inputxs_p_l_0{padding-left: 0; } .small_device_col::after {clear: both;content: "";display: block;margin-bottom: 0;} .wiz_sum_detail .care_label_left{display: block !important;margin-bottom: 5px;} .wiz_sum_detail .care_label_left:last-child{margin-bottom: 0px;} .wiz_sum_detail .care_label_left > label{padding-bottom: 0;} .action_collapse~.controls~.input-group{position: absolute;right: 9px;width: 130px !important;top: 9px;} header .navbar-nav > li.user-menu {display: block;} header .navbar-nav > li,.main-header .logo .logo-mini {display: none;} .main-header .navbar{width:100%;float:none;margin-left: 0 !important;background-color: #357ca5 !important} .main-header .sidebar-toggle {position: absolute;top: 0;left: 0;} header > .navbar > .navbar-nav {margin: 0;} .skin-blue .main-header .logo {position: absolute;z-index: 9;left: 0;right: 0;margin: 0 auto;background-color: #357ca5 !important;width:160px;} .sidebar-mini .main-sidebar{-webkit-transform: translate(-210px,0);-ms-transform: translate(-210px,0);-o-transform: translate(-210px,0);transform: translate(-210px,0);} .sidebar-mini.sidebar-open .main-sidebar {-webkit-transform: translate(0,0);-ms-transform: translate(0,0);-o-transform: translate(0,0); transform: translate(0,0);} .sidebar-open .content-wrapper,.sidebar-open .main-footer{-webkit-transform: translate(210px,0);-ms-transform: translate(210px,0);-o-transform: translate(210px,0);transform: translate(210px,0);} header > .navbar > .navbar-nav > .user-menu > a.dropdown-toggle{z-index:9;padding: 14px 15px} .sidebar-mini .content-wrapper, .sidebar-mini .main-footer{margin-left: 0} .skin-blue .main-header .logo {position: absolute;z-index: 9;left: 0;right: 0;margin: 0 auto;background-color: #357ca5 !important;width:160px;} .main-header .sidebar-toggle {position: absolute;top: 0;left: 0;} .main_title h3 {font-size: 21px !important;} .custom_footer_wizard{width: 100% !important;bottom:25px !important;right:0 !important;overflow-x: scroll;padding: 0 10px !important;} .navbar-nav .open .dropdown-menu{background-color: #fff !important} footer.main-footer{font-size: 12px !important} .nav-tabs.custom_navtabs > li{width: 50%} #hospital_alltabs .tab-content .nav-tabs.custom_navtabs > li {width: auto;} .custom_footer_wizard {width: calc(100% - 23px) !important;} .not_availmsg{display:block !important;color:#999;font-size: 20px;font-weight: 500;padding:15px;text-align: center;border: 1px solid #f4f4f4;} .small-table-hidden{display: none} .img_viewmodal #img_preview, .img_viewmodal .modal-body img{width: 200px;height: 200px} .tb_upload_imgouter{width:60px;} .wizard-nav-pills .wizard-icon-circle.tab_shape{min-width:200px !important;} #InventoryHome .filtersListed.leftbulkac > .controls > *, #SetActivity .filtersListed > .controls > *, #InventoryApprovalHome .filtersListed > .controls > *, #SurgicalHome .filtersListed > .controls > *, #SurgicalConsumption .filtersListed > .controls > *, #case_schedule .filtersListed > .controls > *, #consumption_tracking .filtersListed > .controls > *{width:100% !important;} #InventoryHome .filtersListed.leftbulkac > .controls > .btn-info, #SurgicalHome .filtersListed > .controls > .btn-info{margin-bottom: 5px !important;} #SetActivity .filtersListed > .controls > .input-group.dateCalendar .input-group-addon, #InventoryApprovalHome .filtersListed > .controls > .input-group.dateCalendar .input-group-addon, #PackedSetsList .filtersListed .input-group.date .input-group-addon{width:35px !important;} #PackedSetsList .filtersListed .controls > *{margin-right: 0 !important} #dispatchBatchList .filtersListed .toggled2.pull-right {width: 100% !important;margin: 5px 0px 0 0px !important; float: none !important;} #dispatchBatchList .filtersListed .toggled2.pull-right .multiselect {width: 100% !important;} #dispatchBatchList .filtersListed .input-group{margin-left: 0 !important;width: 100% !important;} #setNewOrderList .filtersListed .input-group input{width:100% !important;} #dispatchBatchList .filtersListed .input-group .input-group-btn{width: auto !important;} #setNewOrderList .filtersListed .multiselect{margin-right: 0 !important} #setNewOrderList .controls{flex-wrap: wrap;} #setNewOrderList .controls>*{margin-bottom: 5px;} #setNewOrderList .filtersListed .input-group-btn{width: auto !important;} #setNewOrderList .controls .multiselect {width: 100% !important;margin-left: 0 !important;} #setNewOrderList .controls .data_metrix,#setNewOrderList .controls .data_metrix input{max-width: 100% !important;width: 100%;} #setView .action_collapse +.filtersListed{display: flex !important;} #setView .action_collapse.active +.filtersListed{display: none !important;} #DispatchViewPage .filtersListed .input-group input{float: right;} #DispatchViewPage .filtersListed .input-group-btn{width: auto !important} #SterBatchList .filtersListed .input-group{display: flex;justify-content: center;} #SterBatchList .filtersListed .input-group>*, #SterBatchList .filtersListed .input-group .multiselect, #createStrBatch .filtersListed .multiselect,#CssdSetStore .filtersListed .multiselect {width:100% !important;} #createStrBatch .filtersListed .input-group .input-group-btn{width:auto !important;} #SterBatchList .filtersListed .pull-right.toggled{float: none !important} #SterBatchList .filtersListed .pull-right.toggled .multiselect{margin-left: 0 !important} #BatchViewPage .filtersListed > .controls{justify-content: flex-start;} #CssdSetStore .custom_navtabs{flex-direction: column;align-items: center;text-align: center;} #CssdSetStore .filtersListed .multiselect{margin-top: 5px;margin-right: 0;margin-left: 0} #CssdSetStore #incominginventory .input-group.pull-right{float: none !important;margin-left: 0 !important} #CssdSetStore .filtersListed > :not(.controls){justify-content: center;} #CssdSetStore .filtersListed .qr-code{margin-top: 5px} #CssdSetStore .filtersListed .input-group-btn,#InventoryApprovalHome .filtersListed .input-group-btn{width:auto !important;} .filtersListed .pull-right.toggled{float: none !important} .filtersListed .pull-right.toggled .multiselect{margin-left: 0 !important} .filtersListed > .controls{justify-content: center;} .custom_navtabs{flex-direction: column;align-items: center;text-align: center;} .filtersListed .multiselect{margin-top: 5px;margin-right: 0;margin-left: 0;width:100% !important;text-align: left !important;} .filtersListed .input-group.pull-right{float: none !important;margin-left: 0 !important} .filtersListed > :not(.controls){justify-content: center;} .filtersListed .qr-code{margin-top: 5px} .filtersListed button,.filtersListed .qr-code button, .filtersListed label{width:auto !important;} .filtersListed .input-group>*{width:100% !important;} .filtersListed .input-group{display: flex;justify-content: center;} .filtersListed .input-group input.pull-left{float: right;} .filtersListed .input-group-btn .multiselect{margin-top: 0 !important} #SearchWhat .tab-content .main_header > .main_tools {flex-direction: row-reverse;float: none;text-align: center;display: flex;flex-wrap: wrap;justify-content: center;} #SearchWhat .tab-content .main_header > .main_tools>*{margin: 0 0 5px 0;} #SearchWhat .tab-content .main_header > .main_tools>.input-group{margin-left: 5px;} #SearchWhat .tab-content .filtersListed .togg>.pull-right.togg{margin-left:0 !important;float: none !important;width:100% !important;} #PackedSetsList .filtersListed .controls.width-250{width: 100%} #PackedSetsList .filtersListed .controls.width-250 > .multiselect{margin-left: 0 !important} #PackedSetsList .filtersListed .input-group-btn, #repairListPage .filtersListed .input-group-btn{width:auto !important} #repairListPage .filtersListed .toggled2.pull-right,#InventoryMasterHome .filtersListed .toggle-btn2.pull-right, #repairListPage .filtersListed .toggle-btn2.pull-right{float: none !important} #PackedSetsList .filtersListed .m_l_10,#InventoryMasterHome .filtersListed .m_l_10{margin-left:0 !important} #hospital_alltabs .filtersListed .controls {justify-content: center;flex-wrap: wrap;} #hospital_alltabs .filtersListed .controls > .btn-info, #NonInstrumentItems .filtersListed .controls > .btn-info{width:100%;margin-right: 0 !important;margin-left: 0 !important;margin-bottom: 5px} #hospital_alltabs .filtersListed .controls > .btn-info:last-of-type{margin-bottom: 0px !important} #hospital_alltabs .filtersListed .input-group,#PackedSetsList .filtersListed .controls > *, #PackedSetsList .filtersListed > :not(.controls), #SterBatchList .filtersListed >.controls>*, #SterBatchList .filtersListed > :not(.controls){width: 100% !important} #PackedSetsList .filtersListed .m_l_5,#PackedSetsList .filtersListed .m_r_5{margin-right: 0 !important;margin-left: 0 !important} #hospital_alltabs .filtersListed .input-group > .input-group-btn {width: auto !important;} #department-master .filtersListed{justify-content: center;} #department-master .filtersListed form .width-150,#DepartMentLocationList,#InventoryMasterHome .filtersListed .btn-info{width: 100% !important} #department-master .filtersListed form .input-group-btn{width: auto !important} #DepartMentLocationList .filtersListed > *, #DepartMentLocationList .filtersListed .controls > * ,#vendorList .filtersListed .controls > *, #dispatchBatchList .filtersListed > *,#dispatchBatchList .filtersListed >.controls> *{width: 100% !important;margin-left: 0;margin-right: 0} #DepartMentLocationList .filtersListed .input-group-btn,#addInstrument .filtersListed .input-group-btn, #BulkInventoryApprovalHome .filtersListed .input-group-btn,#vendorList .filtersListed .input-group-btn, #InventoryMasterHome .filtersListed .input-group-btn,#NonInstrumentItems .filtersListed .input-group-btn{width: auto !important;} #InventoryApprovalHome .filtersListed .input-group{display: flex !important;} #InventoryApprovalHome .filtersListed .multiselect{margin-top:0 !important;} #vendorList .filtersListed >*,#InventoryMasterHome .filtersListed .toggle-btn2{width: 100% !important} #vendorList .filtersListed > .input-group{margin-bottom:5px !important;} #vendorList .filtersListed > .btn{margin: 0 0 5px 0 !important;} #InventoryMasterHome .main_header .main_title{width:100%;text-align: center;margin-bottom: 5px} #InventoryMasterHome .main_header .pull-right{text-align: center;float: none !important} #NonInstrumentItems .filtersListed .controls{justify-content: center;} #SurgicalConsumption .filtersListed > .controls > *, #consumption_tracking .filtersListed > .controls > *{margin-bottom: 0} #SurgicalConsumption .filtersListed > :not(.controls) {margin-top: 5px !important;} form .main_footer, form .main_footer > div {padding-left: 0 !important;padding-right: 0 !important;} #PackedSetsList .filtersListed .header_search input{width: 100% !important} } @media screen and (max-width:420px){ #SetActivity .main_header .main_title,#SetActivity .main_header .main_tools{float: none;text-align: center;} #SetActivity .main_header .main_tools .multiselect{width:100% !important;} #uddashboardPage h3 i, #cssddashboardPage h3 i { margin-top: 2px;} #uddashboardPage h3,#cssddashboardPage h3{font-size: 20px;display: flex;align-items: flex-start;} #InventoryHome .filtersListed.leftbulkac > .controls > *:nth-child(even){width:100% !important;margin-right: 0;} .nav-tabs.custom_navtabs li{width: 100%;text-align:center;} #hospital_alltabs .d_flex{display: block !important} #hospital_alltabs .d_flex > .btn-info.m_l_10{margin-left:0 !important;margin-top:10px;} .breadcrumb > li,.breadcrumb > li.active{font-size: 12px !important} .pagination > li > a, .pagination > li > span{padding:6px !important;font-size: 12px !important;} #hospital_alltabs #tab_content_5 #tab_12 .multiselect{width:200px;} .wiz_sum_detail{width: 100%;} .wiz_sum_detail .care_label_left{display: block !important;} .wiz_sum_detail .care_label_left > label{vertical-align: top;padding-bottom: 5px;} #printPDF .panel-body .col-sm-12{width: 100%} #printPDF .panel-body .care_label_left{margin-bottom:5px;} #printPDF .panel-body .care_label_left > label{margin:0;padding:0;width:100%;} #printPDF .panel-heading h4 {font-size: 16px !important;line-height: 22px;} #hospital_alltabs #tab_3 .main_header .main_title{float: none !important} #hospital_alltabs #tab_3 .main_header .main_title h4.flexnalign{flex-direction: column;} #hospital_alltabs #tab_3 .main_header .main_title h4.flexnalign >label{margin-bottom: 10px !important;text-align: center;} #hospital_alltabs #tab_content_4 .custom_navtabs li{width:100%;} } @media screen and (max-width:380px){ .custom_footer_wizard{bottom:40px !important;} .pagination{margin-bottom: 10px} } .show_treeassembly{display: table-row !important} .loading_txt{position: relative;font-size: 14px;vertical-align: text-bottom;} .loading_txt:before { content: attr(data-text); position: absolute; overflow: hidden; max-width: 130px; white-space: nowrap; color: #000; animation: loading 4s linear infinite; top:-1px; } @keyframes loading {0% { max-width: 0;}} #cssddashboardPage .tbmainloader:before,#uddashboardPage .tbmainloader:before{z-index: 99 !important} #cssddashboardPage .tbmainloader:after,#uddashboardPage .tbmainloader:after{z-index: 9 !important; background: rgba(255,255,255,0.3);} .blue_box_outer{margin-top:20px !important;display: flex;align-items: center;margin-bottom: 15px} .blue_box{box-shadow: 0 8px 16px 0 rgba(0,0,0,0.20);position:relative;text-align:center;background-color: #fff;color: #444;min-height: 105px;width:100%;min-width: 150px;margin-right: 20px} .blue_box:last-of-type{margin-right: 0px !important} .blue_box .box_maincount{position: relative;height: 65px;width:90px;margin:0 auto;} .blue_box .box_maincount h1{font-size:32px;color: #fff;min-width: 40px;max-width: 100%;height: 58px;margin: 0 auto;line-height: 45px;margin-top: -20px !important;} .blue_box .box_maincount h1.blue{background-color:#00c0ef} .blue_box .box_maincount h1.red{background-color:#dd4b39} .blue_box .box_maincount h1.gray{background-color:#999} .blue_box .box_maincount h1.green{background-color:#00a65a} .blue_box .box_maincount font{font-weight: 600;font-size: 16px;top: 35px;right: 15px;position:absolute;color: #fff;} .blue_box hr{background:#ccc} .indicator_outerblock{border:1px dotted #ccc; position: relative;margin-bottom:10px;padding:10px;} .indicator_outerblock .form-group:last-child{margin-bottom: 0} .indicator_outerblock .deleteindi{position: absolute;right: 5px;top:1px;z-index:9;cursor:pointer} .ellipse_field{display: inline-block;width: 250px !important;white-space: nowrap !important;overflow: hidden !important;text-overflow: ellipsis !important;} .edit_ellipse_field{display: inline-block;width: 180px !important;white-space: nowrap !important;overflow: hidden !important;text-overflow: ellipsis !important;} .headname_truncate{display: inline-block;max-width: 130px !important;white-space: nowrap !important;overflow: hidden !important;text-overflow: ellipsis !important;} .disabled_btn{pointer-events: none} .disabled_bg{background-color: #eee !important;pointer-events:none;} .data_metrix{max-width: 93px} /* Added new css for single and multiple DM Code custom inputs by sony 30-03-2021 */ .dmcode-container{display: flex;align-items: center;} .dmcode-container .data_metrix{width: 0;float: left;left: 8%;} .dmcode-multiple-container input{height: 37px !important;} .dmcode-container .minus-icon{position: absolute;width: 35px;height: 35px;background: #cccccc;} .dmcode-container .inner-container{display: flex;align-items:center;} .dmcode-container .minus-icon .fa-icon-holder{display: flex;align-items:center;justify-content:center;width:100%;height:100%;} .dmcode-multiple-container .text-or{width: 30px;height: 37px;display: flex;align-items: center;justify-content: center;margin: 0 10px;} /* custom input css end here */ .data_metrix input[type="text"]{border: 1px solid #d2d6de !important;border-left-color: rgb(210, 214, 222);border-left-style: solid;border-left-width: 1px;border-left: none !important;min-height: 35px !important;box-shadow: none !important;} @media print{ /*----------------*/ /*@page{size: 194px 80px;page-break-after: auto;margin:7px;}*/ /*@page{size: 208px 94px;page-break-after: always;margin:7px;} .print_margin1{margin-left: 0px !important;} .print_margin1 h6 label{font-size: 8px !important;display: block;} .print_margin1.font_12{font-size: 8px !important;} .print_margin1 h6 span.font_10{font-size: 8px !important;} .print_margin1 .width-20{width: 10px !important} .print_margin1 .width-18{width: 8px !important} .packprint .no-border.p-b-10 {padding-bottom: 0 !important;page-break-inside:avoid; page-break-after:always} .print_margin1 .print_head_outer{padding-top:15px;} .print_margin1 .qrcode_container.m_t_5{margin-top:0px;margin-right: 5px} .page-break {page-break-after: always;}*/ /*---------------*/ /* New Code 11-04-2022 */ *{font-family:sans-serif;} body{float: left;width: 100%;display: block;font-family:sans-serif;position: relative;} .wrapper {float: left;display: block;margin: 0 auto;width: 100%;} table.floor_table {border-spacing: 0;border-collapse: unset; width: auto;margin-top: 0px;overflow: hidden;page-break-inside:avoid} table.floor_table img {max-width: 100px;} table.floor_table td,table.floor_table th{text-align:center;width:auto;border: none;border-spacing: unset;margin: 0 auto;padding: 0px;} table.floor_table th{background: #eee;} table.floor_table tr{page-break-inside:avoid; page-break-after:auto} .page-break {page-break-after: always;} @page{size: 2.3622in 1.573228346in;margin: 15px 0 15px 0;padding: 0;} .labelcss_01{ display: block; margin-bottom: 0px; margin-top: 0px; text-align:center; overflow:hidden; width:288px; position: relative; } .labelcss_02{ display: inline-block; min-width:230px; vertical-align: middle; padding:10px 0px 0px 15px; text-align: left; float: left; } .labelcss_03{ margin: 0px 0px 5px; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; max-width:191px; min-height: 60px; } .labelcss_03_copy{ margin: 0px 0px 5px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; max-width:191px; min-height: 30px; } .labelcss_04{ font-size:12px; font-weight:700; } .labelcss_05{ margin:27px 0 10px; font-size: 13px; } .labelcss_06{ margin:0 0 5px 0; font-size: 13px; padding-right: 20px; } .labelcss_07{ display:inline-block; vertical-align: middle; float: right; padding-top:8px; position: absolute; right: 20px; top:0; } body {margin:0;padding:0;} /* End */ .max_h{max-height: unset !important} .border_b_orange{border-bottom:1px solid #f39c12 !important;} body{-webkit-print-color-adjust: exact;} .pts_whiteboard_info_box{background-color:#f5f5f5 !important;} .pts_whiteboard_info_box > label span{color:#777 !important;} .label,.badge{color: #fff !important;border:none;font-size:7px !important;} .color_white {color: #fff !important;} .color_green,.fa_success{color: #00a65a !important;} .color_red,.fa_danger{color: #dd4b39 !important;} .print_logo_size{padding-top:10px !important} .print_logo_size,.hospital_logo_size{ max-width:50px !important;width:50px !important;margin: 0 !important} .print_margin{margin-left: 20px !important;} .empty_div{display: none !important;} .color_gray{color:#999 !important;} .uploaded_image_box,.uploaded_image_box_inpopup{margin-bottom: 20px !important;} .custom_footer_wizard{display: none !important;} .panel-print{margin-left:-30px !important;} .label-print-head{margin-left:-15px !important;} .print_hide_div{display: none !important;} .diff_whitebg, .diff_redbg{font-size: 6px !important;padding:0 2px !important;line-height: normal;} .diff_whitebg{background-color: #fff !important;color: #999 !important;border: 1px solid #999 !important;} .panel-heading{background-color: #f5f5f5 !important;} .fa_danger{color: #dd4b39 !important;} .mainbox.bg_lgyellow,.mainbox.bg_lgyellow .nav-tabs > li.active > a, .mainbox.bg_lgyellow .nav-tabs > li.active > a:focus, .mainbox.bg_lgyellow .nav-tabs > li.active > a:hover,.mainbox.bg_lgyellow .nav-tabs.custom_navtabs > li.active > a:focus{background-color: #f7efe1 !important;} .bg_lightestgrey{background-color: #F7F7F7 !important;} .tree td.treeChild{position: relative !important;padding-left: 30px !important;} .tree td.treeChild:after{width: 2px !important;height: 100% !important;top: 0px !important;position: absolute !important;background: #ccc !important;content: "" !important;left: 8px !important;} .tree:not(:first-of-type) td.treeChild:after{height: calc(100% + 2px) !important;top: -1px !important;} .tree td.treeChild:before{width: 15px !important;height: 2px !important;content: "" !important;position: absolute !important;top: 0 !important;bottom: 0 !important;left: 8px !important;margin: auto !important;background: #ccc !important;} .tree:last-of-type td.treeChild:after{height: 50% !important;} table.allInstrumentView tbody table thead th {padding: 0 8px !important;vertical-align: top !important;border-width: 0 !important;border-bottom: none !important} table.allInstrumentView tbody table thead tr {border-width: 0 !important;border-bottom: none !important} table.allInstrumentView tbody table {min-width: 100% !important;margin-bottom: 0 !important;background-color: transparent !important;} table.allInstrumentView tbody table thead th span {height: 0 !important;overflow: hidden !important;display: block !important;} .panel-body,.panel-heading{padding: 5px !important;font-size: 11px !important;} .panel-heading h4{font-size: 11px !important;} table.allInstrumentView thead th{font-size:10px !important;} table.allInstrumentView tbody td,table.allInstrumentView tbody td h6{font-size:9px !important;} .print_textarea{height: 30px !important;max-height: 30px !important;} .content{margin-left:0mm !important;margin-right:0mm !important;} table.allInstrumentView td{padding: 0px 8px !important;} .care_label_left{font-size: 9px !important;} .panel-body .width-18{width: 8px !important;} img.top_align{vertical-align: baseline !important;} h3{font-size: 14px !important} h4{font-size: 13px !important} .color_gray{color:#000 !important;} table.allInstrumentView>thead>tr>th{border-bottom:none !important;border-collapse: collapse !important;} table.allInstrumentView > tbody>tr> td{border:none !important;} .truncate_field{ width: 60px !important;white-space: nowrap !important;overflow: hidden !important;text-overflow: ellipsis !important;} .ellipse_field{display: inline-block !important;width: 200px !important;white-space: nowrap !important;overflow: hidden !important;text-overflow: ellipsis !important;} table.allInstrumentView:last-of-type {page-break-after: auto !important;} table tbody td h6{font-size:9px !important;} table td{padding: 0px 8px !important;font-size:9px !important;} table>thead>tr>th{border-bottom:none !important;border-collapse: collapse !important;font-size:10px !important;} table> tbody>tr>td{border:none !important;} .badge.bg-blue{font-size: 6px !important;padding: 2px 3px !important;} /* fix phat id 2427 by sony 30-04-2021 */ .wiz_sum_detail{padding-left: 20px !important;} .wiz_sum_detail .care_label_left{display: table-header-group;overflow: visible;position: relative;} /* end */ } /* Sony CSS for fix phat id 4174 add discard modal box */ #consumedModal .modal-header .header-row{display: flex; align-items: center;} #consumedModal .modal-body .small_device_col .form-group > div{ padding: 0; } #consumedModal .modal-body .pin_input{ margin-top: 10px; } #consumedModal .modal-footer button{ margin-top: 20px; margin-bottom: 20px; } #consumedModal .modal-body .confirmpin-btn{ margin-left: 15px !important; } /* added css for fix 4306 dot icon on profile image by gagan 16-07-2021 */ #profile_tab .dotonicon { border-radius: 100%; position: absolute; right: 4px; top: -5px; } .word-break-class{ word-break: break-word; } i.fa-clean {height: 20px;padding-bottom: 0;padding-top: 0;vertical-align: middle;width: 20px;background-image: url(../images/clean99.png);background-repeat: no-repeat;} i.fa-clean-black {height: 20px;padding-bottom: 0;padding-top: 0;vertical-align: middle;width: 20px;background-image: url(../images/clean2.png);background-repeat: no-repeat;} #pack_loose_instrument .max_h{max-height: calc(100vh - 276px); min-height: calc(100vh - 276px);}