html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; } table { border-collapse: collapse; border-spacing: 0; } html { position: relative; min-height: 100%; } body { font-size: 14px; line-height: 1; background-color: #F3F6F9; font-family: "Roboto", sans-serif; color: #000; line-height: 22px; margin-bottom: 60px; margin-bottom: 60px; } input, textarea, select { font-family: "Roboto", sans-serif; outline: none; } h1, h2, h3, h4, h5, h6 { font-weight: 600; font-family: "Roboto", sans-serif; color: #4e4e4e; } h1 { font-size: 36px; color: #fff; } h2 { font-size: 20px; } p { font-size: 14px; line-height: 24px; } h3 { font-size: 16px; color: #787878; font-weight: 400; } h4 { font-size: 16px; } a { color: #337ab7; -webkit-transition: color 300ms, background-color 300ms; -moz-transition: color 300ms, background-color 300ms; -o-transition: color 300ms, background-color 300ms; transition: color 300ms, background-color 300ms; cursor: pointer; } a:hover, a:focus { color: #000; } hr { border-top: 1px solid #e5e5e5; border-bottom: 1px solid #fff; } .center { text-align: center; } fieldset { float: left; width: 90%; padding-top: 40px; padding-bottom: 40px; background-color: #FFF; border: 2px solid #fff; color: #333; text-align: center; margin-right: 5%; margin-left: 5%; margin-bottom: 50px; margin-top: 20px; font-size: 18px; line-height: 24px; } fieldset p { font-size: 18px; color: #333333; padding: 10px 0 0 0; margin: 0; } .is-sticky { z-index: 9999; position: relative; } .hidden2 { display: none !important; } .marginTop { margin-top: 20px; } .marginTopDouble { margin-top: 40px; } .marginBottomDoubleD { margin-bottom: 80px; } .marginTopDoubleD { margin-top: 80px; } .marginBottom { margin-bottom: 20px; } .marginBottomDouble { margin-bottom: 40px; } .green_border { border: 2px solid #337ab7 !important; } .red_border { border: 2px solid #e44f4b !important; } .paddingTop { padding-top: 20px; } .paddingTopDouble { padding-top: 40px; } .paddingBottom { padding-bottom: 20px; } .paddingBottomDouble { padding-bottom: 40px; } .no_row_margin { margin-left: 0px; margin-right: 0px; } .white_bg { background-color: #fff; } .cursor, .personControls .fa, .supplierSpecCreate .addAnotherButt, .fishBoneModal .fbImage .fbClose, .audit_standard .audit_calendar_table .table tr td.selectable_qas, .audit_gmp_aduit .audit_calendar_table .table tr td.selectable_qas, .audit_metal .audit_calendar_table .table tr td.selectable_qas, .audit_temperature .audit_calendar_table .table tr td.selectable_qas, .audit_bulk_pork .audit_calendar_table .table tr td.selectable_qas, .audit_info_box .audit_calendar_table .table tr td.selectable_qas, .audit_efficency .audit_calendar_table .table tr td.selectable_qas, .audit_efficency2 .audit_calendar_table .table tr td.selectable_qas, .audit_calendar .audit_calendar_table .fa, .audit_standard .audit_calendar_table .fa, .audit_gmp_aduit .audit_calendar_table .fa, .audit_metal .audit_calendar_table .fa, .audit_temperature .audit_calendar_table .fa, .audit_bulk_pork .audit_calendar_table .fa, .audit_info_box .audit_calendar_table .fa, .audit_efficency .audit_calendar_table .fa, .audit_efficency2 .audit_calendar_table .fa { cursor: pointer; } .uppercase { text-transform: uppercase; } .title { font-size: 40px; color: #385b93; } .border_green_line { padding-bottom: 20px; margin-bottom: 10px; margin-top: 20px; } .grey_bg { margin-bottom: 60px; margin-top: 20px; } .mobile_impact { display: none !important; } .mobile_icon { display: none; } .noindent { margin-left: 0px !important; } .well { line-height: 24px !important; } .modal { top: 80px; } .red_text { color: #da1f26; } .icon_inline { transition: all 1s ease-out; -webkit-filter: grayscale(0%); filter: grayscale(0%); cursor: pointer; margin-left: 5px; font-size: 15px; } .image_margin { margin-left: 0px; margin-right: 0px; margin-bottom: -5px; } .nowrap { white-space: nowrap; } .icon_inline:hover { -webkit-filter: grayscale(100%); filter: grayscale(100%); } .content { margin-left: 0px; } .image_space { margin-bottom: -5px; margin-right: 8px; width: 15px; height: auto; } .fancy_check_wrap { line-height: 26px; padding-top: 7px; font-size: 12px; white-space: nowrap; } .nomarginbottom { margin-bottom: 0px !important; } .nomargintop { margin-top: 0px !important; } .marginbottom { margin-bottom: 20px; } .strike { text-decoration: line-through; } .popover-title, #popover_data { color: #231F20; } .cursor, .personControls .fa, .supplierSpecCreate .addAnotherButt, .fishBoneModal .fbImage .fbClose, .audit_standard .audit_calendar_table .table tr td.selectable_qas, .audit_gmp_aduit .audit_calendar_table .table tr td.selectable_qas, .audit_metal .audit_calendar_table .table tr td.selectable_qas, .audit_temperature .audit_calendar_table .table tr td.selectable_qas, .audit_bulk_pork .audit_calendar_table .table tr td.selectable_qas, .audit_info_box .audit_calendar_table .table tr td.selectable_qas, .audit_efficency .audit_calendar_table .table tr td.selectable_qas, .audit_efficency2 .audit_calendar_table .table tr td.selectable_qas, .audit_calendar .audit_calendar_table .fa, .audit_standard .audit_calendar_table .fa, .audit_gmp_aduit .audit_calendar_table .fa, .audit_metal .audit_calendar_table .fa, .audit_temperature .audit_calendar_table .fa, .audit_bulk_pork .audit_calendar_table .fa, .audit_info_box .audit_calendar_table .fa, .audit_efficency .audit_calendar_table .fa, .audit_efficency2 .audit_calendar_table .fa, .archive_item { cursor: pointer; } .archive_item, .unarchive_item { font-size: 18px; margin-left: 5px; } .alignleft { text-align: left; } hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #ccc; } .element_live_content { width: 100%; float: left; transition: all 1s ease-out; } ol li { list-style-type: lower-alpha; list-style-position: inside; } img.item { width: 100%; height: auto; } ol, ul { list-style: none; } .fullwidth { width: 100%; } .mleft { margin-left: 10px; } .spacetopnone { margin-top: 0px; } .nospacebottom, .spacebottomnone { margin-bottom: 0px; } .spacetop { margin-top: 20px; } .spacebottom { margin-bottom: 20px; } form .element label { margin-left: 10px; font-weight: normal; font-size: 18px; } .table-striped > tbody > tr:nth-of-type(odd) { background-color: #f9f9f9; } .seeMe { font-size: 14px; font-weight: bold; color: #555 !important; line-height: 24px; text-rendering: optimizeLegibility; width: 99%; background-color: #ececec; border: 1px #ccc solid; padding: 10px; margin-left: 0px !important; margin-right: 5px; min-height: 44px; } .seeMe.notice { color: #856404 !important; background-color: #fff3cd !important; border: 2px solid #ffeeba !important; text-align: center; font-size: 14px; font-weight: bold; padding: 20px 0px; } .product_row .seeMe { padding: 0px; min-height: 20px; background-color: transparent; } .errorRed { color: #cf2121 !important; } .notlink { text-decoration: none !important; cursor: default !important; } .fade_me { opacity: 0.2; } .label { display: inline; padding: 0.2em 0.3em 0.2em 0.3em; font-size: 100%; font-size: 11px; text-transform: uppercase; font-weight: normal; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 0.25em; } .pdfCustomer { color: #a10909; } .pdfInternal { color: #187926; } .pdfSupplier { color: #183a79; } .brandGreen { color: #385b93; } .brandGreen.mostUsed { font-size: 22px; font-weight: 700; } .brandGreen.numheStat { font-size: 32px; } .brandBlue { color: #337ab7; } .brandGreenDark { color: #24292e; } .element_table { background-color: #FFFFFF; float: left; width: 100%; border: 1px solid #E7EFF3; text-align: center; padding-top: 10px; padding-bottom: 1%; padding-left: 1%; padding-right: 1%; overflow: visible; } .element_table.width98 { width: 98%; } .element_table.height_match { width: 100%; } .element_full .element_table { width: 100%; padding-left: 1%; padding-right: 1%; } .table { border: 1px solid #E7EFF3; margin-bottom: 0px; } .table tr.unread td { background-color: #F7D77D !important; color: #000 !important; font-weight: bold; } .table tr th { color: #FFFFFF; font-size: 14px; line-height: 17px; vertical-align: middle; background-color: #3f4448; text-align: center; border-left-color: #3f4448; border-right-color: #3f4448; } .table tr td { color: #000000; font-size: 13px; vertical-align: middle; transition: all 0.4s ease-out; text-align: center; vertical-align: middle !important; } .table tr td img { vertical-align: middle; } .table tr .red-highlight_row td { background-color: #E44F4B; color: #fff; } .table tr .your_highlight_row td { background-color: #E1E6B9; color: #fff; } .table tr .grey_highlight_row td { background-color: #E3E3E3; opacity: 0.6; } .element_table table tr:hover td, .element_table table tr.highlight_row td, .highlight_row { background-color: #d7dca8; } @-webkit-keyframes greyflash { from { -webkit-filter: grayscale(0%); filter: grayscale(0%); } 50% { -webkit-filter: grayscale(100%); filter: grayscale(100%); } to { -webkit-filter: grayscale(0%); filter: grayscale(0%); } } @-webkit-keyframes highlight { from { -webkit-filter: brightness(0%); filter: brightness(0%); } 50% { -webkit-filter: brightness(100%); filter: brightness(100%); } to { -webkit-filter: brightness(0%); filter: brightness(0%); } } @-webkit-keyframes spin { from { -webkit-transform: rotate(0deg); } 70% { opacity: 1; -webkit-transform: rotate(180deg); } to { -webkit-transform: rotate(360deg); } } @-webkit-keyframes simplespin { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } } .grey { -webkit-filter: grayscale(100%); filter: grayscale(100%); } .flash, .flash_incoming { -webkit-animation: greyflash 1s linear infinite; -moz-animation: greyflash 1s linear infinite; animation: greyflash 1s linear infinite; z-index: 9999; } .element_buttonGroup, .audit_calendar .section_buttonGroup, .audit_standard .section_buttonGroup, .audit_gmp_aduit .section_buttonGroup, .audit_metal .section_buttonGroup, .audit_temperature .section_buttonGroup, .audit_bulk_pork .section_buttonGroup, .audit_info_box .section_buttonGroup, .audit_efficency .section_buttonGroup, .audit_efficency2 .section_buttonGroup { float: left; margin-top: 20px; width: 100%; } .element_buttonGroup .button, .element_buttonGroup .audit_calendar .audit_calendar_table .table tr.section_head.section_foot .section_button, .element_buttonGroup .audit_standard .audit_calendar_table .table tr.section_head.section_foot .section_button, .element_buttonGroup .audit_gmp_aduit .audit_calendar_table .table tr.section_head.section_foot .section_button, .element_buttonGroup .audit_metal .audit_calendar_table .table tr.section_head.section_foot .section_button, .element_buttonGroup .audit_temperature .audit_calendar_table .table tr.section_head.section_foot .section_button, .element_buttonGroup .audit_bulk_pork .audit_calendar_table .table tr.section_head.section_foot .section_button, .element_buttonGroup .audit_info_box .audit_calendar_table .table tr.section_head.section_foot .section_button, .element_buttonGroup .audit_efficency .audit_calendar_table .table tr.section_head.section_foot .section_button, .element_buttonGroup .audit_efficency2 .audit_calendar_table .table tr.section_head.section_foot .section_button, .audit_calendar .audit_calendar_table .table tr.section_head.section_foot .element_buttonGroup .section_button, .audit_standard .audit_calendar_table .table tr.section_head.section_foot .element_buttonGroup .section_button, .audit_gmp_aduit .audit_calendar_table .table tr.section_head.section_foot .element_buttonGroup .section_button, .audit_metal .audit_calendar_table .table tr.section_head.section_foot .element_buttonGroup .section_button, .audit_temperature .audit_calendar_table .table tr.section_head.section_foot .element_buttonGroup .section_button, .audit_bulk_pork .audit_calendar_table .table tr.section_head.section_foot .element_buttonGroup .section_button, .audit_info_box .audit_calendar_table .table tr.section_head.section_foot .element_buttonGroup .section_button, .audit_efficency .audit_calendar_table .table tr.section_head.section_foot .element_buttonGroup .section_button, .audit_efficency2 .audit_calendar_table .table tr.section_head.section_foot .element_buttonGroup .section_button, .audit_calendar .section_buttonGroup .button, .audit_standard .section_buttonGroup .button, .audit_gmp_aduit .section_buttonGroup .button, .audit_metal .section_buttonGroup .button, .audit_temperature .section_buttonGroup .button, .audit_bulk_pork .section_buttonGroup .button, .audit_info_box .section_buttonGroup .button, .audit_efficency .section_buttonGroup .button, .audit_efficency2 .section_buttonGroup .button, .audit_calendar .section_buttonGroup .audit_calendar_table .table tr.section_head.section_foot .section_button, .audit_standard .section_buttonGroup .audit_calendar_table .table tr.section_head.section_foot .section_button, .audit_gmp_aduit .section_buttonGroup .audit_calendar_table .table tr.section_head.section_foot .section_button, .audit_metal .section_buttonGroup .audit_calendar_table .table tr.section_head.section_foot .section_button, .audit_temperature .section_buttonGroup .audit_calendar_table .table tr.section_head.section_foot .section_button, .audit_bulk_pork .section_buttonGroup .audit_calendar_table .table tr.section_head.section_foot .section_button, .audit_info_box .section_buttonGroup .audit_calendar_table .table tr.section_head.section_foot .section_button, .audit_efficency .section_buttonGroup .audit_calendar_table .table tr.section_head.section_foot .section_button, .audit_efficency2 .section_buttonGroup .audit_calendar_table .table tr.section_head.section_foot .section_button, .audit_calendar .audit_calendar_table .table tr.section_head.section_foot .section_buttonGroup .section_button, .audit_standard .audit_calendar_table .table tr.section_head.section_foot .section_buttonGroup .section_button, .audit_gmp_aduit .audit_calendar_table .table tr.section_head.section_foot .section_buttonGroup .section_button, .audit_metal .audit_calendar_table .table tr.section_head.section_foot .section_buttonGroup .section_button, .audit_temperature .audit_calendar_table .table tr.section_head.section_foot .section_buttonGroup .section_button, .audit_bulk_pork .audit_calendar_table .table tr.section_head.section_foot .section_buttonGroup .section_button, .audit_info_box .audit_calendar_table .table tr.section_head.section_foot .section_buttonGroup .section_button, .audit_efficency .audit_calendar_table .table tr.section_head.section_foot .section_buttonGroup .section_button, .audit_efficency2 .audit_calendar_table .table tr.section_head.section_foot .section_buttonGroup .section_button, .audit_calendar .section_buttonGroup .section_button, .audit_standard .section_buttonGroup .section_button, .audit_gmp_aduit .section_buttonGroup .section_button, .audit_metal .section_buttonGroup .section_button, .audit_temperature .section_buttonGroup .section_button, .audit_bulk_pork .section_buttonGroup .section_button, .audit_info_box .section_buttonGroup .section_button, .audit_efficency .section_buttonGroup .section_button, .audit_efficency2 .section_buttonGroup .section_button { margin-right: 10px; } .element_buttonGroup.small, .audit_calendar .small.section_buttonGroup, .audit_standard .small.section_buttonGroup, .audit_gmp_aduit .small.section_buttonGroup, .audit_metal .small.section_buttonGroup, .audit_temperature .small.section_buttonGroup, .audit_bulk_pork .small.section_buttonGroup, .audit_info_box .small.section_buttonGroup, .audit_efficency .small.section_buttonGroup, .audit_efficency2 .small.section_buttonGroup { float: left; margin-top: 0px; margin-bottom: 20px; width: 100%; } .inlineSettings .element_action .fa { color: #fff !important; } .element_action { border: 1px solid #385b93; min-width: 60px; max-width: 100%; border-radius: 5px; height: 24px; background-color: #385b93; color: #fff; font-size: 11px !important; font-weight: normal; line-height: 17.657px; transition: all 0.3s ease-out; background-repeat: no-repeat; background-position: center center; text-transform: uppercase; padding-left: 10px; padding-right: 10px; } .element_action.inactive { border: 1px solid #000; background-color: #000; color: #fff; } .element_action.positive { border: 1px solid #337ab7; background-color: #337ab7; color: #fff; } .element_action.positive:hover { color: #fff; } .element_action.red { background-color: #cf2121; color: #fff; } .element_action.condense { min-width: 60px; } .element_action:hover { border: 1px solid #000; background-color: #000; color: #fff; } .element_action.width_auto { width: auto; padding-left: 10px; padding-right: 10px; } .element_action.confirm_button { border: 1px solid #337ab7; background-color: #337ab7; color: #fff; } .element_action.confirm_button:hover { border: 1px solid #000; background-color: #000; } .element_action.reject_button { border: 1px solid #cf2121; background-color: #cf2121; color: #fff; } .element_action.reject_button:hover { border: 1px solid #000; background-color: #000; } .link_button { cursor: pointer; } .element_action.loading, .element_action.loading:hover { background-color: #24292e; background-image: url(../../interface/assets/images/icons/load.gif); padding-top: 0px !important; } .zynk_input { display: inline-block; border-top-left-radius: 10px; border-top-right-radius: 10px; background-color: #fff; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; border-bottom: 6px solid #3FC0E6; display: inline-block; border-top-style: none; border-right-style: none; border-left-style: none; width: 300px; line-height: 77px; height: 80px; text-align: center; background-image: url(../../interface/assets/images/logos/zynk.png); background-repeat: no-repeat; background-position: center center; } .btn-primary { color: #fff !important; background-color: #385b93; border-color: #385b93; } .btn-primary.focus, .btn-primary:focus { color: #000; background-color: #385b93; border-color: #385b93; } .button, .audit_calendar .audit_calendar_table .table tr.section_head.section_foot .section_button, .audit_standard .audit_calendar_table .table tr.section_head.section_foot .section_button, .audit_gmp_aduit .audit_calendar_table .table tr.section_head.section_foot .section_button, .audit_metal .audit_calendar_table .table tr.section_head.section_foot .section_button, .audit_temperature .audit_calendar_table .table tr.section_head.section_foot .section_button, .audit_bulk_pork .audit_calendar_table .table tr.section_head.section_foot .section_button, .audit_info_box .audit_calendar_table .table tr.section_head.section_foot .section_button, .audit_efficency .audit_calendar_table .table tr.section_head.section_foot .section_button, .audit_efficency2 .audit_calendar_table .table tr.section_head.section_foot .section_button, .audit_calendar .section_buttonGroup .section_button, .audit_standard .section_buttonGroup .section_button, .audit_gmp_aduit .section_buttonGroup .section_button, .audit_metal .section_buttonGroup .section_button, .audit_temperature .section_buttonGroup .section_button, .audit_bulk_pork .section_buttonGroup .section_button, .audit_info_box .section_buttonGroup .section_button, .audit_efficency .section_buttonGroup .section_button, .audit_efficency2 .section_buttonGroup .section_button { color: #fff; border-radius: 10px; background-color: #385b93; box-shadow: 0.5px 0.866px 2px 0px rgba(0, 0, 0, 0.18); display: inline-block; text-transform: uppercase; font-weight: bold; font-size: 14px; padding-left: 30px; padding-right: 30px; border-top-style: none; border-right-style: none; border-left-style: none; transition: background-color 0.5s ease-out, border 0.5s ease-out, width 0.5s ease-out; line-height: 54px; height: 54px; min-width: 220px; } .button:hover, .audit_calendar .audit_calendar_table .table tr.section_head.section_foot .section_button:hover, .audit_standard .audit_calendar_table .table tr.section_head.section_foot .section_button:hover, .audit_gmp_aduit .audit_calendar_table .table tr.section_head.section_foot .section_button:hover, .audit_metal .audit_calendar_table .table tr.section_head.section_foot .section_button:hover, .audit_temperature .audit_calendar_table .table tr.section_head.section_foot .section_button:hover, .audit_bulk_pork .audit_calendar_table .table tr.section_head.section_foot .section_button:hover, .audit_info_box .audit_calendar_table .table tr.section_head.section_foot .section_button:hover, .audit_efficency .audit_calendar_table .table tr.section_head.section_foot .section_button:hover, .audit_efficency2 .audit_calendar_table .table tr.section_head.section_foot .section_button:hover, .audit_calendar .section_buttonGroup .section_button:hover, .audit_standard .section_buttonGroup .section_button:hover, .audit_gmp_aduit .section_buttonGroup .section_button:hover, .audit_metal .section_buttonGroup .section_button:hover, .audit_temperature .section_buttonGroup .section_button:hover, .audit_bulk_pork .section_buttonGroup .section_button:hover, .audit_info_box .section_buttonGroup .section_button:hover, .audit_efficency .section_buttonGroup .section_button:hover, .audit_efficency2 .section_buttonGroup .section_button:hover { background-color: #24292e; border-bottom: 6px solid #231F20; } .button.small, .audit_calendar .audit_calendar_table .table tr.section_head.section_foot .small.section_button, .audit_standard .audit_calendar_table .table tr.section_head.section_foot .small.section_button, .audit_gmp_aduit .audit_calendar_table .table tr.section_head.section_foot .small.section_button, .audit_metal .audit_calendar_table .table tr.section_head.section_foot .small.section_button, .audit_temperature .audit_calendar_table .table tr.section_head.section_foot .small.section_button, .audit_bulk_pork .audit_calendar_table .table tr.section_head.section_foot .small.section_button, .audit_info_box .audit_calendar_table .table tr.section_head.section_foot .small.section_button, .audit_efficency .audit_calendar_table .table tr.section_head.section_foot .small.section_button, .audit_efficency2 .audit_calendar_table .table tr.section_head.section_foot .small.section_button, .audit_calendar .section_buttonGroup .small.section_button, .audit_standard .section_buttonGroup .small.section_button, .audit_gmp_aduit .section_buttonGroup .small.section_button, .audit_metal .section_buttonGroup .small.section_button, .audit_temperature .section_buttonGroup .small.section_button, .audit_bulk_pork .section_buttonGroup .small.section_button, .audit_info_box .section_buttonGroup .small.section_button, .audit_efficency .section_buttonGroup .small.section_button, .audit_efficency2 .section_buttonGroup .small.section_button { border-top-left-radius: 10px; border-top-right-radius: 10px; background-color: #385b93; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; border-bottom: 4px solid #24292e; display: inline-block; text-transform: uppercase; font-weight: bold; font-size: 14px; padding-left: 30px; padding-right: 30px; border-top-style: none; border-right-style: none; border-left-style: none; transition: background-color 0.5s ease-out, border 0.5s ease-out, width 0.5s ease-out; width: 200px; line-height: 40px; height: 43px; } .button.small:hover, .audit_calendar .audit_calendar_table .table tr.section_head.section_foot .small.section_button:hover, .audit_standard .audit_calendar_table .table tr.section_head.section_foot .small.section_button:hover, .audit_gmp_aduit .audit_calendar_table .table tr.section_head.section_foot .small.section_button:hover, .audit_metal .audit_calendar_table .table tr.section_head.section_foot .small.section_button:hover, .audit_temperature .audit_calendar_table .table tr.section_head.section_foot .small.section_button:hover, .audit_bulk_pork .audit_calendar_table .table tr.section_head.section_foot .small.section_button:hover, .audit_info_box .audit_calendar_table .table tr.section_head.section_foot .small.section_button:hover, .audit_efficency .audit_calendar_table .table tr.section_head.section_foot .small.section_button:hover, .audit_efficency2 .audit_calendar_table .table tr.section_head.section_foot .small.section_button:hover, .audit_calendar .section_buttonGroup .small.section_button:hover, .audit_standard .section_buttonGroup .small.section_button:hover, .audit_gmp_aduit .section_buttonGroup .small.section_button:hover, .audit_metal .section_buttonGroup .small.section_button:hover, .audit_temperature .section_buttonGroup .small.section_button:hover, .audit_bulk_pork .section_buttonGroup .small.section_button:hover, .audit_info_box .section_buttonGroup .small.section_button:hover, .audit_efficency .section_buttonGroup .small.section_button:hover, .audit_efficency2 .section_buttonGroup .small.section_button:hover { background-color: #24292e; border-bottom: 4px solid #231F20; } .button.confirm_button, .audit_calendar .audit_calendar_table .table tr.section_head.section_foot .confirm_button.section_button, .audit_standard .audit_calendar_table .table tr.section_head.section_foot .confirm_button.section_button, .audit_gmp_aduit .audit_calendar_table .table tr.section_head.section_foot .confirm_button.section_button, .audit_metal .audit_calendar_table .table tr.section_head.section_foot .confirm_button.section_button, .audit_temperature .audit_calendar_table .table tr.section_head.section_foot .confirm_button.section_button, .audit_bulk_pork .audit_calendar_table .table tr.section_head.section_foot .confirm_button.section_button, .audit_info_box .audit_calendar_table .table tr.section_head.section_foot .confirm_button.section_button, .audit_efficency .audit_calendar_table .table tr.section_head.section_foot .confirm_button.section_button, .audit_efficency2 .audit_calendar_table .table tr.section_head.section_foot .confirm_button.section_button, .audit_calendar .section_buttonGroup .confirm_button.section_button, .audit_standard .section_buttonGroup .confirm_button.section_button, .audit_gmp_aduit .section_buttonGroup .confirm_button.section_button, .audit_metal .section_buttonGroup .confirm_button.section_button, .audit_temperature .section_buttonGroup .confirm_button.section_button, .audit_bulk_pork .section_buttonGroup .confirm_button.section_button, .audit_info_box .section_buttonGroup .confirm_button.section_button, .audit_efficency .section_buttonGroup .confirm_button.section_button, .audit_efficency2 .section_buttonGroup .confirm_button.section_button { background-color: #f7d77d; color: #333; border-bottom: 6px solid #f7d77d; } .button.confirm_button:hover, .audit_calendar .audit_calendar_table .table tr.section_head.section_foot .confirm_button.section_button:hover, .audit_standard .audit_calendar_table .table tr.section_head.section_foot .confirm_button.section_button:hover, .audit_gmp_aduit .audit_calendar_table .table tr.section_head.section_foot .confirm_button.section_button:hover, .audit_metal .audit_calendar_table .table tr.section_head.section_foot .confirm_button.section_button:hover, .audit_temperature .audit_calendar_table .table tr.section_head.section_foot .confirm_button.section_button:hover, .audit_bulk_pork .audit_calendar_table .table tr.section_head.section_foot .confirm_button.section_button:hover, .audit_info_box .audit_calendar_table .table tr.section_head.section_foot .confirm_button.section_button:hover, .audit_efficency .audit_calendar_table .table tr.section_head.section_foot .confirm_button.section_button:hover, .audit_efficency2 .audit_calendar_table .table tr.section_head.section_foot .confirm_button.section_button:hover, .audit_calendar .section_buttonGroup .confirm_button.section_button:hover, .audit_standard .section_buttonGroup .confirm_button.section_button:hover, .audit_gmp_aduit .section_buttonGroup .confirm_button.section_button:hover, .audit_metal .section_buttonGroup .confirm_button.section_button:hover, .audit_temperature .section_buttonGroup .confirm_button.section_button:hover, .audit_bulk_pork .section_buttonGroup .confirm_button.section_button:hover, .audit_info_box .section_buttonGroup .confirm_button.section_button:hover, .audit_efficency .section_buttonGroup .confirm_button.section_button:hover, .audit_efficency2 .section_buttonGroup .confirm_button.section_button:hover { background-color: #24292e; border-bottom: 6px solid #000; } .button.request_info_silver_full_width, .audit_calendar .audit_calendar_table .table tr.section_head.section_foot .request_info_silver_full_width.section_button, .audit_standard .audit_calendar_table .table tr.section_head.section_foot .request_info_silver_full_width.section_button, .audit_gmp_aduit .audit_calendar_table .table tr.section_head.section_foot .request_info_silver_full_width.section_button, .audit_metal .audit_calendar_table .table tr.section_head.section_foot .request_info_silver_full_width.section_button, .audit_temperature .audit_calendar_table .table tr.section_head.section_foot .request_info_silver_full_width.section_button, .audit_bulk_pork .audit_calendar_table .table tr.section_head.section_foot .request_info_silver_full_width.section_button, .audit_info_box .audit_calendar_table .table tr.section_head.section_foot .request_info_silver_full_width.section_button, .audit_efficency .audit_calendar_table .table tr.section_head.section_foot .request_info_silver_full_width.section_button, .audit_efficency2 .audit_calendar_table .table tr.section_head.section_foot .request_info_silver_full_width.section_button, .audit_calendar .section_buttonGroup .request_info_silver_full_width.section_button, .audit_standard .section_buttonGroup .request_info_silver_full_width.section_button, .audit_gmp_aduit .section_buttonGroup .request_info_silver_full_width.section_button, .audit_metal .section_buttonGroup .request_info_silver_full_width.section_button, .audit_temperature .section_buttonGroup .request_info_silver_full_width.section_button, .audit_bulk_pork .section_buttonGroup .request_info_silver_full_width.section_button, .audit_info_box .section_buttonGroup .request_info_silver_full_width.section_button, .audit_efficency .section_buttonGroup .request_info_silver_full_width.section_button, .audit_efficency2 .section_buttonGroup .request_info_silver_full_width.section_button { width: 100%; background-color: #687282; } .button.vsmall, .audit_calendar .audit_calendar_table .table tr.section_head.section_foot .vsmall.section_button, .audit_standard .audit_calendar_table .table tr.section_head.section_foot .vsmall.section_button, .audit_gmp_aduit .audit_calendar_table .table tr.section_head.section_foot .vsmall.section_button, .audit_metal .audit_calendar_table .table tr.section_head.section_foot .vsmall.section_button, .audit_temperature .audit_calendar_table .table tr.section_head.section_foot .vsmall.section_button, .audit_bulk_pork .audit_calendar_table .table tr.section_head.section_foot .vsmall.section_button, .audit_info_box .audit_calendar_table .table tr.section_head.section_foot .vsmall.section_button, .audit_efficency .audit_calendar_table .table tr.section_head.section_foot .vsmall.section_button, .audit_efficency2 .audit_calendar_table .table tr.section_head.section_foot .vsmall.section_button, .audit_calendar .section_buttonGroup .vsmall.section_button, .audit_standard .section_buttonGroup .vsmall.section_button, .audit_gmp_aduit .section_buttonGroup .vsmall.section_button, .audit_metal .section_buttonGroup .vsmall.section_button, .audit_temperature .section_buttonGroup .vsmall.section_button, .audit_bulk_pork .section_buttonGroup .vsmall.section_button, .audit_info_box .section_buttonGroup .vsmall.section_button, .audit_efficency .section_buttonGroup .vsmall.section_button, .audit_efficency2 .section_buttonGroup .vsmall.section_button { padding-left: 10px; padding-right: 10px; height: 30px; line-height: 30px; width: 139px; min-width: 100px; font-size: 12px; } .button.width50, .audit_calendar .audit_calendar_table .table tr.section_head.section_foot .width50.section_button, .audit_standard .audit_calendar_table .table tr.section_head.section_foot .width50.section_button, .audit_gmp_aduit .audit_calendar_table .table tr.section_head.section_foot .width50.section_button, .audit_metal .audit_calendar_table .table tr.section_head.section_foot .width50.section_button, .audit_temperature .audit_calendar_table .table tr.section_head.section_foot .width50.section_button, .audit_bulk_pork .audit_calendar_table .table tr.section_head.section_foot .width50.section_button, .audit_info_box .audit_calendar_table .table tr.section_head.section_foot .width50.section_button, .audit_efficency .audit_calendar_table .table tr.section_head.section_foot .width50.section_button, .audit_efficency2 .audit_calendar_table .table tr.section_head.section_foot .width50.section_button, .audit_calendar .section_buttonGroup .width50.section_button, .audit_standard .section_buttonGroup .width50.section_button, .audit_gmp_aduit .section_buttonGroup .width50.section_button, .audit_metal .section_buttonGroup .width50.section_button, .audit_temperature .section_buttonGroup .width50.section_button, .audit_bulk_pork .section_buttonGroup .width50.section_button, .audit_info_box .section_buttonGroup .width50.section_button, .audit_efficency .section_buttonGroup .width50.section_button, .audit_efficency2 .section_buttonGroup .width50.section_button { width: 49%; } .button.width50:first-child, .audit_calendar .audit_calendar_table .table tr.section_head.section_foot .width50.section_button:first-child, .audit_standard .audit_calendar_table .table tr.section_head.section_foot .width50.section_button:first-child, .audit_gmp_aduit .audit_calendar_table .table tr.section_head.section_foot .width50.section_button:first-child, .audit_metal .audit_calendar_table .table tr.section_head.section_foot .width50.section_button:first-child, .audit_temperature .audit_calendar_table .table tr.section_head.section_foot .width50.section_button:first-child, .audit_bulk_pork .audit_calendar_table .table tr.section_head.section_foot .width50.section_button:first-child, .audit_info_box .audit_calendar_table .table tr.section_head.section_foot .width50.section_button:first-child, .audit_efficency .audit_calendar_table .table tr.section_head.section_foot .width50.section_button:first-child, .audit_efficency2 .audit_calendar_table .table tr.section_head.section_foot .width50.section_button:first-child, .audit_calendar .section_buttonGroup .width50.section_button:first-child, .audit_standard .section_buttonGroup .width50.section_button:first-child, .audit_gmp_aduit .section_buttonGroup .width50.section_button:first-child, .audit_metal .section_buttonGroup .width50.section_button:first-child, .audit_temperature .section_buttonGroup .width50.section_button:first-child, .audit_bulk_pork .section_buttonGroup .width50.section_button:first-child, .audit_info_box .section_buttonGroup .width50.section_button:first-child, .audit_efficency .section_buttonGroup .width50.section_button:first-child, .audit_efficency2 .section_buttonGroup .width50.section_button:first-child { margin-right: 1%; } .button.reject_button, .audit_calendar .audit_calendar_table .table tr.section_head.section_foot .reject_button.section_button, .audit_standard .audit_calendar_table .table tr.section_head.section_foot .reject_button.section_button, .audit_gmp_aduit .audit_calendar_table .table tr.section_head.section_foot .reject_button.section_button, .audit_metal .audit_calendar_table .table tr.section_head.section_foot .reject_button.section_button, .audit_temperature .audit_calendar_table .table tr.section_head.section_foot .reject_button.section_button, .audit_bulk_pork .audit_calendar_table .table tr.section_head.section_foot .reject_button.section_button, .audit_info_box .audit_calendar_table .table tr.section_head.section_foot .reject_button.section_button, .audit_efficency .audit_calendar_table .table tr.section_head.section_foot .reject_button.section_button, .audit_efficency2 .audit_calendar_table .table tr.section_head.section_foot .reject_button.section_button, .audit_calendar .section_buttonGroup .reject_button.section_button, .audit_standard .section_buttonGroup .reject_button.section_button, .audit_gmp_aduit .section_buttonGroup .reject_button.section_button, .audit_metal .section_buttonGroup .reject_button.section_button, .audit_temperature .section_buttonGroup .reject_button.section_button, .audit_bulk_pork .section_buttonGroup .reject_button.section_button, .audit_info_box .section_buttonGroup .reject_button.section_button, .audit_efficency .section_buttonGroup .reject_button.section_button, .audit_efficency2 .section_buttonGroup .reject_button.section_button { background-color: #cf2121; color: #fff; } .button.reject_button:hover, .audit_calendar .audit_calendar_table .table tr.section_head.section_foot .reject_button.section_button:hover, .audit_standard .audit_calendar_table .table tr.section_head.section_foot .reject_button.section_button:hover, .audit_gmp_aduit .audit_calendar_table .table tr.section_head.section_foot .reject_button.section_button:hover, .audit_metal .audit_calendar_table .table tr.section_head.section_foot .reject_button.section_button:hover, .audit_temperature .audit_calendar_table .table tr.section_head.section_foot .reject_button.section_button:hover, .audit_bulk_pork .audit_calendar_table .table tr.section_head.section_foot .reject_button.section_button:hover, .audit_info_box .audit_calendar_table .table tr.section_head.section_foot .reject_button.section_button:hover, .audit_efficency .audit_calendar_table .table tr.section_head.section_foot .reject_button.section_button:hover, .audit_efficency2 .audit_calendar_table .table tr.section_head.section_foot .reject_button.section_button:hover, .audit_calendar .section_buttonGroup .reject_button.section_button:hover, .audit_standard .section_buttonGroup .reject_button.section_button:hover, .audit_gmp_aduit .section_buttonGroup .reject_button.section_button:hover, .audit_metal .section_buttonGroup .reject_button.section_button:hover, .audit_temperature .section_buttonGroup .reject_button.section_button:hover, .audit_bulk_pork .section_buttonGroup .reject_button.section_button:hover, .audit_info_box .section_buttonGroup .reject_button.section_button:hover, .audit_efficency .section_buttonGroup .reject_button.section_button:hover, .audit_efficency2 .section_buttonGroup .reject_button.section_button:hover { background-color: #24292e; border-bottom: 6px solid #000; } .button.grey, .audit_calendar .audit_calendar_table .table tr.section_head.section_foot .grey.section_button, .audit_standard .audit_calendar_table .table tr.section_head.section_foot .grey.section_button, .audit_gmp_aduit .audit_calendar_table .table tr.section_head.section_foot .grey.section_button, .audit_metal .audit_calendar_table .table tr.section_head.section_foot .grey.section_button, .audit_temperature .audit_calendar_table .table tr.section_head.section_foot .grey.section_button, .audit_bulk_pork .audit_calendar_table .table tr.section_head.section_foot .grey.section_button, .audit_info_box .audit_calendar_table .table tr.section_head.section_foot .grey.section_button, .audit_efficency .audit_calendar_table .table tr.section_head.section_foot .grey.section_button, .audit_efficency2 .audit_calendar_table .table tr.section_head.section_foot .grey.section_button, .audit_calendar .section_buttonGroup .grey.section_button, .audit_standard .section_buttonGroup .grey.section_button, .audit_gmp_aduit .section_buttonGroup .grey.section_button, .audit_metal .section_buttonGroup .grey.section_button, .audit_temperature .section_buttonGroup .grey.section_button, .audit_bulk_pork .section_buttonGroup .grey.section_button, .audit_info_box .section_buttonGroup .grey.section_button, .audit_efficency .section_buttonGroup .grey.section_button, .audit_efficency2 .section_buttonGroup .grey.section_button { background-color: #dfe1e2; border-bottom: 6px solid #b8b8b8; color: #000; } .button.grey:hover, .audit_calendar .audit_calendar_table .table tr.section_head.section_foot .grey.section_button:hover, .audit_standard .audit_calendar_table .table tr.section_head.section_foot .grey.section_button:hover, .audit_gmp_aduit .audit_calendar_table .table tr.section_head.section_foot .grey.section_button:hover, .audit_metal .audit_calendar_table .table tr.section_head.section_foot .grey.section_button:hover, .audit_temperature .audit_calendar_table .table tr.section_head.section_foot .grey.section_button:hover, .audit_bulk_pork .audit_calendar_table .table tr.section_head.section_foot .grey.section_button:hover, .audit_info_box .audit_calendar_table .table tr.section_head.section_foot .grey.section_button:hover, .audit_efficency .audit_calendar_table .table tr.section_head.section_foot .grey.section_button:hover, .audit_efficency2 .audit_calendar_table .table tr.section_head.section_foot .grey.section_button:hover, .audit_calendar .section_buttonGroup .grey.section_button:hover, .audit_standard .section_buttonGroup .grey.section_button:hover, .audit_gmp_aduit .section_buttonGroup .grey.section_button:hover, .audit_metal .section_buttonGroup .grey.section_button:hover, .audit_temperature .section_buttonGroup .grey.section_button:hover, .audit_bulk_pork .section_buttonGroup .grey.section_button:hover, .audit_info_box .section_buttonGroup .grey.section_button:hover, .audit_efficency .section_buttonGroup .grey.section_button:hover, .audit_efficency2 .section_buttonGroup .grey.section_button:hover { background-color: #b8b8b8; border-bottom: 6px solid #000; } .button.success, .audit_calendar .audit_calendar_table .table tr.section_head.section_foot .success.section_button, .audit_standard .audit_calendar_table .table tr.section_head.section_foot .success.section_button, .audit_gmp_aduit .audit_calendar_table .table tr.section_head.section_foot .success.section_button, .audit_metal .audit_calendar_table .table tr.section_head.section_foot .success.section_button, .audit_temperature .audit_calendar_table .table tr.section_head.section_foot .success.section_button, .audit_bulk_pork .audit_calendar_table .table tr.section_head.section_foot .success.section_button, .audit_info_box .audit_calendar_table .table tr.section_head.section_foot .success.section_button, .audit_efficency .audit_calendar_table .table tr.section_head.section_foot .success.section_button, .audit_efficency2 .audit_calendar_table .table tr.section_head.section_foot .success.section_button, .audit_calendar .section_buttonGroup .success.section_button, .audit_standard .section_buttonGroup .success.section_button, .audit_gmp_aduit .section_buttonGroup .success.section_button, .audit_metal .section_buttonGroup .success.section_button, .audit_temperature .section_buttonGroup .success.section_button, .audit_bulk_pork .section_buttonGroup .success.section_button, .audit_info_box .section_buttonGroup .success.section_button, .audit_efficency .section_buttonGroup .success.section_button, .audit_efficency2 .section_buttonGroup .success.section_button { background-color: #90cad4; border-bottom: 6px solid #616b7b; min-width: 150px; background-image: url(../../interface/assets/images/icons/tick_green.png); background-repeat: no-repeat; background-position: center center; } .button.loading, .audit_calendar .audit_calendar_table .table tr.section_head.section_foot .loading.section_button, .audit_standard .audit_calendar_table .table tr.section_head.section_foot .loading.section_button, .audit_gmp_aduit .audit_calendar_table .table tr.section_head.section_foot .loading.section_button, .audit_metal .audit_calendar_table .table tr.section_head.section_foot .loading.section_button, .audit_temperature .audit_calendar_table .table tr.section_head.section_foot .loading.section_button, .audit_bulk_pork .audit_calendar_table .table tr.section_head.section_foot .loading.section_button, .audit_info_box .audit_calendar_table .table tr.section_head.section_foot .loading.section_button, .audit_efficency .audit_calendar_table .table tr.section_head.section_foot .loading.section_button, .audit_efficency2 .audit_calendar_table .table tr.section_head.section_foot .loading.section_button, .audit_calendar .section_buttonGroup .loading.section_button, .audit_standard .section_buttonGroup .loading.section_button, .audit_gmp_aduit .section_buttonGroup .loading.section_button, .audit_metal .section_buttonGroup .loading.section_button, .audit_temperature .section_buttonGroup .loading.section_button, .audit_bulk_pork .section_buttonGroup .loading.section_button, .audit_info_box .section_buttonGroup .loading.section_button, .audit_efficency .section_buttonGroup .loading.section_button, .audit_efficency2 .section_buttonGroup .loading.section_button { background-color: #24292e; border-bottom: 6px solid #231F20; background-image: url(../../interface/assets/images/icons/load.gif); background-repeat: no-repeat; background-position: center center; padding-top: 0px; } .element_form { width: 100%; float: left; margin-bottom: 20px; } .element_input_wrap.leftcheck { width: 70%; float: left; } .element_input_wrap.rightcheck { width: 30%; float: left; } .checkpad { padding-left: 20px; padding-top: 40px; } .element_input_wrap { width: 100%; position: relative; float: left; } .element_input_wrap p { float: left; margin-top: 0px; margin-bottom: 0px; color: #838383; margin-left: 15px; text-align: left; font-weight: normal; } .element_input_wrap .inlineSettings { margin-top: 10px; } .element_input_wrap label { float: left; width: 100%; line-height: 22px; text-align: left; font-size: 14px !important; color: #385b93; font-family: "Roboto", sans-serif; font-style: normal; font-weight: 300; } .element_input_wrap .form-control.element_form_text { width: 100%; border: 1px solid #ccc; } .element_input_wrap .form-control.element_form_text.date_height { line-height: 42px; height: 42px; } .element_input_wrap .element_form_file { width: 98%; height: 54px; border: 1px solid #DFE1E2; padding-left: 15px; line-height: 0px; padding-top: 15px; background-color: #fff; } .element_input_wrap .element_form_text { width: 98%; color: #000; height: 54px; line-height: 54px; border: 1px solid #DFE1E2; padding-left: 15px; } .element_input_wrap .element_form_text.smaller { width: auto; border: 1px solid #DFE1E2; padding-left: 0px; margin-left: 0px; text-align: center; } .element_input_wrap .element_form_text.required { border: 1px solid #FF1C1C; } .element_input_wrap .element_form_text.textarea { color: #000; width: 98%; height: 180px; line-height: 24px; border: 1px solid #DFE1E2; padding-top: 10px; padding-bottom: 10px; font-size: 14px; transition: all 0.3s ease-out; float: left; } .element_input_wrap .element_form_text.textarea.approved { border: 2px solid #5fa384; color: #5fa384; background-color: #f4fffa; } .element_input_wrap .element_form_text.textarea.rejected { border: 2px solid #a35f5f; color: #a35f5f; background-color: #f6eeee; } .element_input_wrap .element_form_text.textarea.expanded { height: 400px !important; } .element_input_wrap .element_form_text.textarea.reduced { width: 98%; height: 100px; line-height: 24px; border: 1px solid #DFE1E2; padding-top: 10px; padding-bottom: 10px; } .element_form .element_form_77 { float: left; width: 77%; } .element_form .element_form_50 { float: left; width: 50%; } .element_form .element_form_66 { float: left; width: 66%; } .element_form .element_form_33 { float: left; width: 33%; } .element_form .element_form_25 { float: left; width: 25%; } .form-control { height: 33px; } .element_filter { float: left; width: 49%; margin-right: 1%; height: 45px; line-height: 40px; overflow: hidden; background-repeat: no-repeat; background-position: 98%; background-image: url(../../interface/assets/images/icons/droparrow.png); background-color: #FFFFFF; border-radius: 5px; border: 1px solid #D0D0D0; } .element_filter select { border-radius: 5px; height: 45px; background-color: #FFF; border: 1px solid #FFF; line-height: 40px; background: transparent; width: 100%; padding-left: 5px; font-size: 14px; -webkit-appearance: none; } .elementTitle, .side_title { width: 100%; font-size: 16px; line-height: 24px; color: #385b93; padding-bottom: 10px; font-family: "Roboto", sans-serif; font-style: normal; font-weight: bold; position: relative; float: left; } .elementTitle .smallerPlease, .side_title .smallerPlease { font-size: 70%; } .elementTitle .taskAdd, .side_title .taskAdd { position: absolute; right: 0px; top: -6px; cursor: pointer; font-size: 28px; } .elementTitle .taskAdd img, .side_title .taskAdd img { transition: all 1s ease-out; transform: scale(1); } .elementTitle .taskAdd img:hover, .side_title .taskAdd img:hover { -webkit-animation: spin 5s linear infinite; -moz-animation: spin 5s linear infinite; animation: spin 5s linear infinite; } .element_bar { width: 100%; float: left; margin-bottom: 2px; padding-top: 10px; padding-bottom: 7px; background-color: #EAECEF; } .input_search, .newHeaderStyle .input_search_date { border-radius: 5px; height: 53px; background-color: #FFF; width: 70%; border: 1px solid #D0D0D0; padding-left: 5%; line-height: 42px; } .input_search.small, .newHeaderStyle .small.input_search_date { width: 40%; } .element_selectButton { float: left; width: 100%; text-align: center; } .element_selectButton .selectButton { float: left; width: 32%; background-color: #FFFFFF; border: 1px solid #E7EFF3; height: 98px; margin-right: 2%; transition: all 0.4s ease-out; } .element_selectButton .selectButton h3 { color: #24292e; font-size: 28px; line-height: 47px; margin-top: 13px; } .element_selectButton .selectButton p { font-size: 16px; } .element_selectButton .selectButton.four { float: left; width: 23%; height: 98px; margin-right: 2%; } .element_selectButton .selectButton:hover { cursor: pointer; background-color: #d7dca8; color: #000; } .element_selectButton .selectButton:hover .brandGreen { transition: all 1s ease-out; color: #000; } .element_selectButton .selectButton.selected { cursor: pointer; background-color: #24292e; color: #fff; } .element_selectButton .selectButton.selected .brandGreen { transition: all 1s ease-out; color: #fff !important; } .element_selectButton .selectButton:last-child { margin-right: 0%; } .element_search_options { float: left; width: 100%; text-align: right; line-height: 42px; position: relative; } .highlighted_selection { background-color: #616b7b; line-height: 35px; font-size: 14px; padding-left: 10px; padding-right: 10px; padding-bottom: 5px; padding-top: 5px; border-radius: 5px; margin-left: 10px; } .highlighted_selection a { color: #fff; padding-left: 10px; padding-right: 10px; cursor: pointer; } .highlighted_selection a.selected { color: #616b7b; } .table-striped > tbody > tr:nth-of-type(odd) { background-color: #ececec; } .quor_logo_space { float: left; margin-left: -15px; } .quor_logo { float: left; margin-top: 2px; width: 80px; text-align: center; } .alerts_space { text-align: right; margin-right: -15px; } .element_common { float: left; margin-bottom: 20px; } .element_full { width: 100%; } .element_calendar { width: 100%; } .element_half { width: 49%; } .element_half:last-child { float: right; } .element_wrap { float: left; width: 100%; } .element_calculation { text-align: center; width: 100%; font-size: 18px; line-height: 60px; color: #fff; margin-bottom: 10px; position: relative; background-color: #fa7d00; } .element_graph { background-color: #FFFFFF; float: left; width: 100%; border: 1px solid #E7EFF3; text-align: center; padding-top: 15px; padding-bottom: 15px; } .box { margin-right: 15px; margin-left: 15px; margin-top: 58px; } .box .row.head { background-color: #231F20; color: #FFFFFF; border-bottom: 6px solid #385b93; } .inlineSettings { display: inline; cursor: pointer; transition: all 1s ease-out; opacity: 1; } .inlineSettings .fa { color: #586069 !important; font-size: 16px; } .inlineSettings .fa:hover { color: #000 !important; } .inlineSettings a { color: #231F20; text-decoration: none; } .inlineSettings:hover img.cog { -webkit-animation: simplespin 2s linear infinite; -moz-animation: simplespin 2s linear infinite; animation: simplespin 2s linear infinite; } .largeContent { padding-left: 0%; padding-right: 0%; width: 100%; float: left; margin-top: 20px; margin-bottom: 40px; } .floating_settings { position: absolute; right: 20px; top: -29px; background-color: #616b7b; padding-top: 5px; padding-left: 7px; padding-right: 7px; padding-bottom: 2px; border-top-right-radius: 5px; border-top-left-radius: 5px; z-index: 500; } .side_box_sub { background-color: #f8f8f8; box-shadow: 0.5px 0.866px 2px 0px rgba(0, 0, 0, 0.18); height: 31px; color: #999999; font-size: 14px; float: left; width: 100%; text-align: center; line-height: 31px; cursor: pointer; margin-bottom: 30px; } .stat_sub { background-color: #f8f8f8; box-shadow: 0.5px 0.866px 2px 0px rgba(0, 0, 0, 0.18); height: 31px; color: #999999; font-size: 14px; float: left; width: 100%; text-align: center; line-height: 31px; cursor: pointer; } .stat_wrap { float: left; width: 25%; height: 129px; transition: all 1s ease-out; } .stat_wrap.three { width: 33%; } .stat_wrap.three:first-child { width: 34%; } .profile_dropdown { height: 40px; float: right; padding-top: 10px; padding-bottom: 10px; display: inline-block; background-color: #385b93; padding-left: 20px; padding-right: 50px; background-image: url(../../interface/assets/images/head/arrow_down.png); background-repeat: no-repeat; background-position: 85% center; color: #fff; cursor: pointer; transition: all 1s ease-out; } .profile_dropdown:hover { background-color: #000; } .search_inline_select { margin-right: 0px; margin-top: 5px; } .search_inline_select .element_form_text { /*height: 66px !important;*/ } .thirdleft { margin-left: -10px; margin-right: 0px; } .thirdright { margin-left: -15px; float: right; } .right_add_box { float: right; width: auto; white-space: nowrap; font-size: 12px; color: #484848; background-image: url(../../interface/assets/images/icons_quor/add.png); background-repeat: no-repeat; background-position: left center; padding-left: 20px; padding-right: 12px; } .elementLink { width: 100%; padding-bottom: 30px; float: left; } .elementLink a { font-size: 18px; text-decoration: underline; } .elementLink a:hover { text-decoration: none; } .email_link { background-image: url(../../interface/assets/images/icons/email.png); background-repeat: no-repeat; background-position: left center; padding-left: 35px; } .pdf_link { background-image: url(../../interface/assets/images/icons/pdf_small.png); background-repeat: no-repeat; background-position: left center; padding-left: 35px; } .pdf_link.green { background-image: url(../../interface/assets/images/icons/pdf_small_green.png); } .pdf_link.blue { background-image: url(../../interface/assets/images/icons/pdf_small_blue.png); } .pdf_link.search_mode { padding-left: 15px; padding-right: 15px; background-position: center center; } .pdf_link_inline { background-image: url(../../interface/assets/images/icons/pdf_small.png); background-repeat: no-repeat; background-position: left center; width: 15px; height: 19px; margin-left: 5px; margin-right: 5px; margin-bottom: -4px; display: inline-block; } .labelCheckPopup { width: 98%; max-width: 800px; margin-top: 1%; left: 1%; position: fixed; padding: 1%; text-align: center; border-radius: 5px; z-index: 999999; background-color: #F8F8F8; border: 1px solid #ABABAB; top: 0px; } .labelCheckPopup .saveLabelCheckMarkerButton { background-color: #385B93; border-radius: 4px; color: #fff; margin-top: 10px; border: none; width: 100%; padding: 14px 3px; } .labelCheckPopup .saveLabelCheckMarkerButton:hover { background-color: #000; } .CircleMarker { color: #ffffff; font-size: 22px; width: 36px; text-align: center; font-weight: bold; padding: 7px !important; position: absolute; background-color: #385b93 !important; border: none; border-radius: 26px; padding: 6px; background-color: white; opacity: 0.5; } .greyButtons .qas_tag { opacity: 0.4; } .sticky { position: fixed; top: 47px; width: 100%; } .paddingBottomDoubleTrip { margin-bottom: 110px; } .advancedFilters { text-align: center; } .advancedFilters .advancedTitle { font-size: 18px; color: #1A1A1A; } .advancedFilters .summaryArea { border: 1px solid #BCBCBC; padding: 15px 3px; border-radius: 5px; margin-top: 10px; } .advancedFilters .summaryArea span { font-weight: 600; color: #1A1A1A; } .advancedFilters .addAnother { width: 100%; background-color: #e1e1e1; color: #403D3D; padding: 15px; text-align: center; border: none; margin-top: 25px; border-radius: 6px; } .advancedFilters .loadingArea { margin-top: 20px; height: 50px; } .advancedFilters .loadingArea select { max-width: 150px; padding: 17px 5px; width: 100%; text-align-last: center; float: left; border-radius: 8px; } .advancedFilters .loadingArea select option { width: 150px; text-align: center; } .advancedFilters .loadingArea .equala { float: left; font-size: 40px; margin: 11px 25px; margin-top: 15px; } .advancedFilters .loadingArea .loadedFilters { float: left; width: 100%; border: 1px solid #BCBCBC; padding: 17px 12px; border-radius: 5px; text-align: left; max-width: 615px; } .advancedFilters .loadingArea .loadedFilters .addNew { background-color: #fff !important; color: #403D3D !important; } .advancedFilters .loadingArea .loadedFilters .addNew i { color: #403D3D; } .advancedFilters .loadingArea .loadedFilters span { background-color: #92C9D6; color: #fff; padding: 8px 18px; font-size: 15px; border-radius: 7px; box-shadow: 2px 2px 6px 0px rgba(0, 0, 0, 0.35); margin: 0 5px; } .advancedFilters .loadingArea .loadedFilters span i { color: red; margin-left: 15px; font-weight: 700; } .redAst { color: #E44F4B; font-size: 14px; font-weight: bold; } .filledWhiteSummary { display: none; } .troggerPopup { float: right; margin-right: 10px; } .complaintsSOSec .RTU-uploadContainer { width: 64% !important; min-height: 60px; display: inline-block; min-width: unset; } .complaintsSOSec .element_input_wrap .element_form_text.textarea { width: 100%; } .complaintsSOSec .investigation_detail { float: right; width: 55%; text-align: right; } .complaintsSOSec .investigation_buttons { margin-top: -63px; width: 40%; float: right; } .popupCheckBox .checkboxslide ul { -moz-column-count: 2; -moz-column-gap: 20px; -webkit-column-count: 2; -webkit-column-gap: 20px; column-count: 2; column-gap: 5px; background-color: #f5f5f5; } .contaiCheck input:checked ~ .checkmark { background-color: #385b93 !important; } .checkboxslide ul { -moz-column-count: 2; -moz-column-gap: 20px; -webkit-column-count: 2; -webkit-column-gap: 20px; column-count: 2; column-gap: 5px; background-color: #f5f5f5; } .checkboxslide ul li .contaiCheck { background-color: #d1dfe2; width: 100%; display: inline-block; padding-top: 0px; padding: 0px; margin: 0px; } .checkboxslide ul li .contaiCheck.fadedRow { background-color: #dde0e5; color: #777; } .checkboxslide ul li .contaiCheck p { font-size: 12px; margin-left: 51px !important; margin-top: 14px !important; margin-bottom: -16px !important; } .checkboxslide ul li .contaiCheck .checkmark { border: solid 1px #ccc; position: absolute; top: 13px; left: 15px; height: 20px; width: 20px; background-color: #eee; } .checkboxslide ul li ul { -moz-column-count: 2; -moz-column-gap: 20px; -webkit-column-count: 2; -webkit-column-gap: 20px; column-count: 2; column-gap: 5px; background-color: #f5f5f5; } .checkboxslide ul li ul li .contaiCheck { background-color: #f5f5f5; width: 100%; display: inline-block; padding-top: 0px; padding: 0px; margin: 0px; } .checkboxslide ul li ul li .contaiCheck.fadedRow { background-color: #dde0e5; color: #777; } .checkboxslide ul li ul li .contaiCheck p { margin-left: 51px !important; margin-top: 7px !important; font-size: 11px; margin-bottom: -17px !important; } .checkboxslide ul li ul li .contaiCheck .checkmark { border: solid 1px #ccc; position: absolute; top: 8px; left: 15px; height: 20px; width: 20px; background-color: #eee; } .newLayoutChecks { padding-bottom: 49px; } .newLayoutChecks li { display: inline-block; width: 100%; } .innerChecks { column-count: 1 !important; } .innerChecks li { margin: 0; -webkit-column-break-inside: avoid; } .accordion { background-color: #F5F5F5; color: #444; cursor: pointer; padding: 10px 23px; width: 100%; border: none; text-align: left; outline: none; font-size: 15px; margin-top: 12px; transition: 0.4s; } .accordion .contaiCheck i { float: left; color: #92c9d6; margin-top: 5px; margin-right: 15px; } .accordion .titleCheck { float: left; margin-left: 0px !important; color: #232323; font-weight: 600 !important; font-size: 15px; } .accordion .titleCheck svg { color: #89BDC9; } .accordion .selectdAmout { opacity: 0.8; float: right; margin-left: 0px !important; color: #707070; } .active1, .accordion:hover { background-color: #F5F5F5; } /*.panel { padding: 0 12px; display: none; background-color: white; overflow: hidden; margin: 0; -webkit-column-break-inside: avoid; li{ margin-top: 10px; } }*/ .modalSmfBG { display: none; z-index: 9999999999; position: fixed; left: 0; top: 0; width: 100%; height: 10000px; background-color: black; background-color: rgba(0, 0, 0, 0.4); } .modalSmf { display: none; position: absolute; z-index: 9999999999; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; } .modal-contentSmf { background-color: #fefefe; margin: auto; padding: 20px; border: 1px solid #888; width: 90%; } .modal-contentSmf .RTU-uploadLabel { min-width: unset; font-size: 12px !important; text-align: center; padding: 1px 2px; width: 87%; height: 41px; border-radius: 7px; margin-top: 3px; } .modal-contentSmf .fileSpace { display: none; } .modal-contentSmf .complaintsSOSec .investigation_buttons { margin-top: 8px; width: 100%; float: right; } .sideContentResultTech { background-color: #E4E9F2; width: 100%; position: relative; border: 1px solid #D3D0D0; padding: 17px; border-radius: 3px; display: inline-block; } .sideContentResultTech .techTitle { font-size: 16px; } .sideContentResultTech .techTitle i { margin-right: 10px; } .sideContentResultTech .copycontentresult { background-color: #fff; padding: 15px; margin: 14px -12px -14px; max-height: 368px; overflow: scroll; } .copybutton, .copybutton_ca { font-size: 28px; text-align: center; color: #385B93; margin-top: calc(100% - 165px); cursor: pointer; } .copybutton:hover, .copybutton_ca:hover { color: #000; } .tabsQuickFillerLayout { background-color: #ECECEC; margin-top: 15px; border: 1px solid #D3D0D0; padding: 17px; border-radius: 3px; } .tabsQuickFillerLayout .copycontent { background-color: #fff; padding: 15px; margin: 14px -12px -14px; } .tabsQuickFillerLayout .copycontent p { font-size: 14px; line-height: 30px; } .tabsQuickFillerLayout .topDetails .editbuton { float: right; margin-top: -20px; color: #385B93; font-size: 17px; } .tabsQuickFillerLayout .topDetails .dDetails { color: #4B4B4B; font-size: 15px; } .tabsQuickFillerLayout .topDetails .dDetails i { margin-right: 8px; } .tabsQuickFillerLayout .topDetails .departmentNTitle { float: left; margin-right: 25px; font-size: 16px; } .tabsQuickFillerLayout .topDetails .departmentNTitle i { margin-right: 15px; } .modaButton { background-color: #687282; color: #fff; border: none; padding: 10px 49px; border-radius: 5px; } .mpTitle { text-align: center; font-size: 22px; margin: 6px 12px; } .closeButtong { font-size: 24px; position: absolute; right: -44px; top: -4px; color: #385B93; border: none; background: none; } .navTabActiveMegaphone { background-color: transparent !important; border: none !important; position: absolute !important; top: 0 !important; right: 28px !important; } .filledWhiteSummary { color: #fff; margin-left: 15px; font-size: 14px; } .complaintsSNEw .RTU-uploadLabel { min-width: unset; font-size: 12px !important; text-align: center; padding: 1px 2px; width: 87%; height: 41px; border-radius: 7px; margin-top: 3px; } .complaintsSNEw .element_input_wrap .element_form_text.textarea { width: 100%; } .complaintsSNEw .megRemind { font-size: 14px; float: right; color: #000; margin-top: 3px; margin-right: 12px !important; } .complaintsSNEw .megRemind.expanD { margin-left: 12px; color: #385B93; } .complaintsSNEw .navChev { font-size: 17px; float: right; color: #385B93; } .complaintsSNEw .nav-pills > li.active > a { background-color: #e0e0e0; color: #000; } .complaintsSNEw .nav-pills > li.active > a .navChev { transform: rotate(-180deg); } .complaintsSNEw .nav-pills > li > a { background-color: #e0e0e0; color: #000; border-radius: 4px !important; font-size: 15px; border: 1px solid #D3D0D0; padding: 11px 15px; color: #000; } .complaintsSNEw .nav-pills > li > a i { margin-right: 5px; } .complaintsSNEw .nav-pills > li > a.greenCoM { background-color: #5fa384; color: #fff; } .complaintsSNEw .nav-pills > li > a.greenCoM i { color: #fff !important; } .complaintsSNEw .nav-pills > li > a.greenCoM .filledWhiteSummary { display: initial; } .complaintsSNEw .nav-pills > li > a.warningReD { background-color: #E44F4B; color: #fff; } .complaintsSNEw .nav-pills > li > a.warningReD i { color: #fff !important; } .complaintsSNEw .nav-pills > li { float: none; margin: 0; } @media only screen and (max-width: 500px) { .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-left: 0px; padding-right: 0px; } .blueSummary .summarySpace, .redSummary .summarySpace { display: inline-block !important; width: 100% !important; color: #fff !important; } .nav-tabs > li { margin-top: 48px; } .newheaderbuttons { position: absolute; right: unset; left: 1px; } .row { margin-left: 0px; margin-right: 0px; } } @media only screen and (max-width: 767px) { .trendingModLanding .choieText { margin-top: -20px !important; } .element_common { margin-bottom: 0px !important; } .resetTrendingSessions { float: unset !important; width: 100% !important; margin-left: 0px !important; margin-top: 10px !important; } .dateButtton input { width: 100% !important; float: unset !important; max-width: none !important; margin-left: 0px !important; margin-top: 22px !important; } .involved { width: 100%; position: initial !important; } .involved i { color: #000; } .popupCheckBox ul { column-count: 1 !important; } .graphListFlexy { flex-wrap: wrap; } .graphList .flexyasbutton { padding: 15px 5px !important; margin-left: 5px; flex: auto !important; width: 100% !important; margin-top: 10px; } .buttonsSelector .tabButtonsd { width: 100%; flex: none !important; margin-bottom: 35px !important; } .buttonsSelector { flex-wrap: wrap; } .complaintsInner { margin-top: 10px !important; margin-bottom: -5px; } .box { margin-right: 0px; margin-left: 0px; } .complaintsInvestigate .complaintsSNEw .nav-pills > li.active > a { text-align: center; margin-top: 25px; display: flow-root; } .complaintsInvestigate .complaintsSNEw .nav-pills > li.active > a i { display: none !important; } .complaintsInvestigate .complaintsSOSec .investigation_detail { float: unset; width: 100%; } .complaintsInvestigate #exapndButton { width: 100% !important; } .complaintsInvestigate .floatSectionTitle { width: 100%; } .complaintsInvestigate .section_title { height: auto !important; width: 100% !important; display: inline-block !important; padding-left: 0px; } .complaintsInvestigate .titleDepartmentStatus { margin-top: 4px !important; padding: 8px 0 !important; margin-right: 1% px; width: 24%; } .complaintsInvestigate .complaintsSOSec .investigation_buttons { width: 100%; margin-top: -12px; } .complaintsInvestigate .complaintsSOSec .RTU-uploadContainer { width: 100% !important; } } @media only screen and (max-width: 992px) { .headinnerarea .titleA { font-size: 20px; text-align: center; } .auditMode .rightSide { display: none; } .auditMode .inlineSettings { display: none; } .section_buttonGroup { width: 100% !important; } .auditMode .leftSide .elementTitle, .auditMode .leftSide .side_title { text-align: center !important; } .auditMode .dropdownLi { width: 100%; text-align-last: center; margin-left: 22px; margin-top: -31px; margin-bottom: -15px; } } .auditMode { text-align: center; } .auditMode .bottomFuill { text-align: left; margin-left: -8px; } .auditMode .dropdownLi { width: 100%; } .auditMode .editAS { margin-top: 10px; } .auditMode .leftSide .elementTitle, .auditMode .leftSide .side_title { text-align: left; } .auditMode .rightSide .elementTitle, .auditMode .rightSide .side_title { text-align: right; } .auditMode .rightSide .nav-pills > li { float: right; margin-left: 3px; } .jsgrid { font-size: 12px; overflow: visible; float: left; width: 100%; margin-bottom: 20px; } .jsgrid-grid-header { overflow: hidden; } .jsgrid-grid-body { overflow: auto; } .jsgrid-header-cell { background-color: #3f4448 !important; color: #fff; text-align: center; } .jsgrid-cell { font-size: 13px; } .dashboardCounter { border-radius: 20px; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; width: 100%; right: 0; height: 100%; background-color: #92c9d6; } .dashboardCounter i { font-size: 14px !important; position: absolute; right: 0px; top: 0px; } .dashboardCounter .centralContent { color: #fff; text-align: center; bottom: 0; height: 52%; left: 0; margin: auto; position: absolute; top: 0; right: 0; width: 80%; } .dashboardCounter .centralContent h2 { color: #fff; font-size: 90px; font-weight: bold; margin-top: -20px; } .dashboardCounter .centralContent h3 { color: #fff; font-weight: normal; font-size: 22px; text-align: center; line-height: 30px; margin-top: -10px; } .dashboardCounter .centralContent p { font-weight: normal; font-size: 18px; text-align: center; line-height: 24px; color: #e6e6e6; } .highcharts { height: 100%; width: 100%; } .panel-body { height: 100%; width: 100%; } .newHead { width: 100%; position: relative; top: -8px; } .newHead button { margin-right: 15px; width: 100%; max-width: 208px; text-align: center; float: right; padding: 7px 26px; } .newHead button.keftHead { float: left; margin-left: 25px; background-color: #EBEBEB; color: #707070; } .newHead .quojrTitle { font-size: 22px; margin-left: 72px; float: left; margin-top: 7px; margin-bottom: 15px; } .ms-container .ms-list { height: 159px !important; } .flexButtonsOverveiw { margin-bottom: 80px; margin-top: 50px; } .flexButtonsOverveiw .flex { display: flex; } .flexButtonsOverveiw .auditTitle { font-size: 21px; margin-right: 20px; float: left; margin-top: 20px; } .flexButtonsOverveiw .flexBoxN { position: relative; border-radius: 10px; width: 100%; min-width: 110px; text-align: center; padding: 21px 15px; flex: 1; font-size: 16px; background-color: #EFEFEF; margin: 0px 8px; color: #686868; } .flexButtonsOverveiw .flexBoxN.activeBlue { background-color: #92C9D6; color: #fff; } .flexButtonsOverveiw .flexBoxN.activeBlue .buttonTotal { background-color: #EFEFEF; color: #1A1A1A; } .flexButtonsOverveiw .flexBoxN.warningRed { background-color: #FF4848; color: #fff; } .flexButtonsOverveiw .flexBoxN.warningRed .buttonTotal { background-color: #EFEFEF; color: #1A1A1A; } .flexButtonsOverveiw .flexBoxN.greenComplete { background-color: #6ac463; color: #fff; } .flexButtonsOverveiw .flexBoxN.greenComplete .buttonTotal { background-color: #EFEFEF; color: #1A1A1A; } .flexButtonsOverveiw .flexBoxN .buttonTotal { background-color: #A9B1BF; border-radius: 8px; font-size: 17px; padding: 3px; margin-top: 8px; margin-left: 8%; color: #fff; margin-right: 8%; } .buttonsdCorner { text-align: right; margin-right: -10px; } .newButtonStyle { border: 1px solid #DEDEDE; border-radius: 5px; background-color: #fff; margin: 5px 5px 2px 5px; padding: 11px 30px; } .newButtonStyle i { margin-right: 12px; color: #95D4E3; } .newButtonStyle.createButtonblue { background-color: #009AFF; color: #fff; font-size: 15px; margin-left: -8px; } .newButtonStyle.createButtonblue i { color: #fff; } .newSEarchIco { float: right; margin-left: -31px; margin-right: 14px; z-index: 9999; font-size: 17px; position: relative; margin-top: 15px; } .searcBar { width: 65%; float: right; padding: 8px 18px; border-radius: 3px; margin-top: 5px; border: 1px solid #DEDEDE; } .container-flex.marginAdder { margin: 3px 65px; } .footerPerm { background-color: #95D4E3; height: 20px; width: 100%; position: absolute; bottom: 0px; } .dashbaordNew { margin: 40px 25px 20px 68px; } .dashbaordNew .quorTitle { font-size: 22px; } .bigButton { background-color: #7BB5EC; color: #fff; text-align: center; border-radius: 25px; height: 100%; padding: 42px 40px; } .bigButton.xsOt { margin-bottom: 12px; padding: 42px 19px; background-color: #FAFAFA; border: 1px solid #C6C6C6; border-radius: 3px; color: #707070; } .bigButton.xsOt .totalSub { margin-top: 0px; font-size: 18px; } .bigButton.xsOt .totalSub i { margin-bottom: 5px; color: #8FCDD4; } .bigButton.filledStat { background-color: #7BB5EC; color: #fff; border-radius: 11px; padding: 37px 17px; } .bigButton.filledStat .totalSub { margin-top: 10px; } .bigButton.filledStat .totalSub .numberStat { font-size: 54px; } .bigButton.filledStat .totalSub .subStat { margin-top: 16px; font-size: 18px; } .bigButton.outlinedk { background-color: #FAFAFA; border: 1px solid #C6C6C6; border-radius: 3px; color: #707070; } .bigButton.outlinedk i { color: #8FCDD4; margin-right: 10px; } .bigButton.outlinedk .totalSub { font-size: 20px; margin-top: 20px; } .bigButton .numbeRstat { font-size: 42px; margin-top: 3px; } .bigButton .totalSub { font-size: 18px; margin-top: 15px; } .dashTMargin { margin-top: 60px; } .shuffle-button { display: none; background-color: #F7F7F7; border-radius: 3px; border: none; padding: 6px 35px; margin-top: 7px; } .shuffle-button i { margin-right: 5px; margin-left: -3px; } .tirpleButtonsRow { text-align: right; } .tirpleButtonsRow .tripleButto { border: 1px solid #D0D5DD; font-size: 17px; background-color: #fff; padding: 8px 20px; margin-left: 10px; } .tirpleButtonsRow .tripleButto i { color: #8FCDD4; margin-right: 12px; } #dashArea { transition: margin-left 0.5s; padding: 16px; } .newDashHead { padding-top: 12px; padding-bottom: 12px; } .newDashHead .roatedOpening { width: 155px !important; position: absolute; transform: rotate(90deg); color: #1A1A1A; opacity: 0.7; left: -51px; top: 155px; } .newDashHead .right { text-align: right; } .newDashHead img { width: 48px; height: auto; } .newDashHead .addModuleButton { background-color: #68B7F1; border: none; border-radius: 3px; color: #fff; padding: 10px 40px; margin-right: 20px; } .newDashHead .chevRonSpanClose { display: none; color: #fff !important; position: relative; font-size: 30px !important; left: 72px; } .newDashHead .sideNavHead { background-color: #90CAD2; position: relative; padding-top: 20px; padding-bottom: 20px; } .newDashHead .sideNavHead.regularsmall { position: relative; padding-top: 20px; padding-bottom: 20px; } .newDashHead .sideNavHead .chevRonSpan { color: #fff; font-size: 30px; cursor: pointer; margin-left: 20%; } .newDashHead .sidenav { height: 100%; top: 46px; width: 50px; position: fixed; z-index: 1; left: 0; background-color: #F8F8F8; overflow-x: hidden; transition: 0.2s; } .newDashHead .buttonDashList { padding: 14px; display: none; } .newDashHead .buttonDashList .collapsible { background-color: #FFFFFF; color: #000; cursor: pointer; padding: 18px; width: 100%; border-radius: 3px; border: 1px solid #F2F2F2; text-align: center; outline: none; font-size: 17px; margin-bottom: 10px; } .newDashHead .buttonDashList .active, .newDashHead .buttonDashList .collapsible:hover { background-color: #90CAD2; color: #fff; } .newDashHead .buttonDashList .innerButton { width: 100%; margin-bottom: 10px; background-color: #c6d9dc; color: #000; cursor: pointer; padding: 15px; width: 100%; border-radius: 3px; border: 1px solid #F2F2F2; text-align: center; outline: none; font-size: 15px; } .newDashHead .buttonDashList .content { max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out; background-color: #F5F5F5; } .newDashHead .sidenav a { padding: 8px 8px 8px 32px; text-decoration: none; font-size: 25px; color: #818181; display: none; transition: 0.3s; } .newDashHead .sidenav a:hover { color: #f1f1f1; } .newDashHead .sidenav .closebtn { position: absolute; top: 0; right: 25px; font-size: 36px; margin-left: 50px; } @media screen and (max-height: 450px) { .newDashHead .sidenav { padding-top: 15px; } .newDashHead .sidenav a { font-size: 18px; } } /* The Modal (background) */ .modalPopDash { display: none; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 1; /* Sit on top */ padding-top: 100px; /* Location of the box */ left: 0; top: 0; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: auto; /* Enable scroll if needed */ background-color: black; /* Fallback color */ background-color: rgba(0, 0, 0, 0.4); /* Black w/ opacity */ /* Modal Content */ /* The Close Button */ } .modalPopDash .modalPopDashContent { background-color: RGB(255, 255, 255, 0.83); margin: auto; padding: 20px; border: 1px solid #888; width: 60%; border-radius: 12px; } .modalPopDash .closePop { color: #000; float: right; font-size: 24px; font-weight: bold; margin-right: 5px; margin-left: 10px; } .modalPopDash .closePop:hover, .modalPopDash .closePop:focus { color: #000; text-decoration: none; cursor: pointer; } .modalPopDash .topGraphArea .grasphTitle { float: left; font-size: 18px; margin-top: 7px; margin-left: 15px; } .modalPopDash .topGraphArea .grasphTitle i { margin-left: 8px; } .modalPopDash .topGraphArea .greyRowButton { background-color: #385b93; border: none; border-radius: 3px; float: right; padding: 8px 50px; color: #fff; margin-right: 10px; } .modalPopDash .labelNew { float: left; margin-top: 8px; width: 100%; line-height: 30px; text-align: left; margin-bottom: -6px; font-size: 14px !important; color: #385b93; font-family: arial; font-style: normal; font-weight: 300; } .modalPopDash .buttonContentArea { margin-top: 50px; } .modalPopDash .buttonContentArea button { background-color: #fff; color: #000; border: none; margin: 3px; border-radius: 4px; padding: 18px 12px; width: 100%; margin-top: 10px; } .modalPopDash .buttonContentArea select { width: 98%; color: #000; height: 54px; line-height: 54px; border: 1px solid #DFE1E2; padding-left: 15px; margin-top: 10px; background-color: #fff; } .modalPopDash .buttonContentArea .saveAra { margin-left: 10px; margin-top: 15px; } .modalPopDash .buttonContentArea .saveAra .saveAreaButton { width: 15%; background-color: #c8c8c8; padding: 10px; } .modalPopDash .buttonContentArea .saveAra .saveAreaButton i { margin-right: 8px; } .modalPopDash .buttonContentArea .groupbYCheck { margin-left: 10px; } .modalPopDash .buttonContentArea .groupbYCheck .groupSe { width: 36%; } .modalPopDash .buttonContentArea .groupbYCheck .groupSe i { margin-left: 10px; } .modalPopDash .buttonContentArea .groupbYCheck .checkBoxA { float: right; width: 25%; margin-top: 14px; } .modalPopDash .buttonContentArea .groupbYCheck .checkBoxA .checkAre { display: inline-flex; width: 100%; margin-top: 5px; } .modalPopDash .buttonContentArea .groupbYCheck .checkBoxA .checkAre label { font-size: 16px; } .modalPopDash .buttonContentArea .groupbYCheck .checkBoxA .checkAre input { font-size: 22px; color: #fff; margin-bottom: 8px; margin-right: 10px; } .modalPopDash .buttonContentArea .graphChooser { margin-left: 10px; } .modalPopDash .buttonContentArea .graphChooser .miniGraphChooserButton { width: 23.85%; border: 1px solid #DFE1E2; } .modalPopDash .buttonContentArea .graphChooser .miniGraphChooserButton.selectedGreen { background-color: #73DB83; } .modalPopDash .buttonContentArea .dateBCArea { margin-left: 10px; } .modalPopDash .buttonContentArea .dateBCArea .fixtedDateDropdown { width: 60%; } .modalPopDash .buttonContentArea .dateBCArea .fixtedDateDropdown i { margin-left: 12px; font-size: 16px; } .modalPopDash .buttonContentArea .dateBCArea .fixtedDateDropdown.calendarDropdown { width: 37%; } .modalPopDash .buttonContentArea .dateBCArea .fixtedDateDropdown.calendarDropdown i { margin-right: 12px; } .newTL { margin-top: 25px; } .newTL .elementTitle, .newTL .side_title { float: none; font-size: 15px; display: inline-block; width: 100%; } .newTasks .element_bar { background-color: #fff; } .newTasks .whitwrap { background-color: #fff; min-height: 105px; display: inline-block; width: 100%; } .newTasksLayout { padding: 15px; } .newTasksLayout .openButton { background-color: #385B93; color: #fff; border-radius: 5px; border: none; padding: 1px 20px; font-size: 11px; } .newTasksLayout table { border-collapse: collapse; border-spacing: 0; width: 100%; border: 1px solid #fff; overflow-x: auto; } .newTasksLayout tbody { width: 100%; display: table; } .newTasksLayout th, .newTasksLayout td { text-align: center; padding: 8px; } .newTasksLayout tr { border-bottom: 1px solid #CCCCCC; } .newTasksLayout tr td { text-align: center; padding: 12px 10px; font-size: 12px; } .underline { text-decoration: underline; } .controlFlow { transition: all 0.5s ease-in; width: 200px; float: left; white-space: nowrap; display: inline-block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .controlFlow.fullWidth { width: 100%; } .controlFlow:hover { text-overflow: none; white-space: initial; overflow: hidden; } .inlineFA { transition: all ease-in 0.5s; color: #385B93; font-size: 16px; } .inlineFA.red { color: #D32608; } .inlineFA.green { color: #38937d; } .inlineFA.spaceright { margin-right: 5px; } .inlineFA:hover { color: #000 !important; } .miniBannerButton { background-color: #9EA4AF; color: #fff; padding: 1px 0px; border-radius: 5px; display: inline-block; width: 80px; font-size: 12px; text-align: center; } .miniBannerButton.redOne { background-color: #D32608; } .miniBannerButton.blueOne { background-color: #089CD3; } .miniBannerButton.greenOne { background-color: #08D382; } .miniBannerButton.purpleOne { background-color: #924EC7; } .miniBannerButton.yellowOne { background-color: #D38F08; } .miniBannerButton.orangeOne { background-color: #F47A40; } .showMETabbers { display: none; } @media only screen and (max-width: 1350px) { .col-lg-9 { width: 100%; } .col-lg-3 { width: 100%; } .hideMETabbers { display: none; } .showMETabbers { display: block; } .newTasks .whitwrap { min-height: unset; } } @media only screen and (max-width: 1450px) { .newTasksLayout table { display: block; overflow-x: auto; } } .greenText { color: green; font-weight: bold; } .imagery { display: flex; flex-wrap: wrap; } .select2-dropdown { /* width:100% !important;*/ /*min-width: 300px;*/ } .dolavSelect { width: 100%; display: inline-block; } .dolavImgs { flex: 1; text-align: center; } .redText { color: red; font-weight: bold; } .pdfDownload { font-size: 12px; margin-left: 20px; text-decoration: underline; color: #385B93; pointer: cursor; } .dolavTopSEction { background-color: #fff; border: 1px solid #707070; border-radius: 20px; margin-top: 25px; padding: 0px 0px 70px; } .dolavTopSEction .topTitle { font-size: 24px; text-align: center; color: #434343; } .dolavTopSEction .completeGreenBigCheck { width: 100%; border: none; border-radius: 8px; background-color: #167200; color: #fff; padding: 20px; font-size: 17px; margin-top: 18px; font-weight: bold; } .dolavTopSEction .blueStatbuttons .flexrow .flexBxes { background-color: #385B93 !important; color: #fff !important; position: relative; } .rightPaddingRemover { padding-right: 0; } .dolavManager { margin-top: 50px; background-color: #F3F6F9; } .dolavManager .buttonTotal { position: relative !important; } .dolavManager .buttonTotal .select2-dropdown { width: 250px !important; left: 0px !important; } .dolavManager .buttonTotal .select selection { width: 100%; } .dolavManager .dolavCountInout { text-align: center; background-color: transparent; border: none; outline: none; box-shadow: none; } .dolavManager .select2-container--default .select2-selection--single { border: none !important; background-color: transparent !important; } .dolavManager .select2-container--open .select2-dropdown { /* min-width: 188px !important;*/ } .dolavManager .select2-container--default .select2-selection--multiple { background-color: transparent; border: none !important; border-radius: 4px; cursor: text; } .dolavManager .select2-dropdown { /* width: 200px !important;*/ } .dolavManager .select2-selection__arrow { /* display: none !important;*/ } .dolavManager .container { /* width: 1700px;*/ } .dolavManager .dolavChecker { margin-top: 50px; } .dolavManager .dolavChecker .titleDole { font-size: 20px; margin-bottom: 15px; } .dolavManager .dolavChecker .dolavArea table { border-collapse: collapse; border-spacing: 0; width: 100%; border: 1px solid #ddd; } .dolavManager .dolavChecker .dolavArea .circleFirst { background-color: #385B93; color: #fff; text-align: center; border-radius: 26px; margin: 0px -35px 0px 5px; font-size: 16px; width: 33px; padding: 5px; } .dolavManager .dolavChecker .dolavArea th { background-color: #535353; color: #fff; } .dolavManager .dolavChecker .dolavArea th, .dolavManager .dolavChecker .dolavArea td { text-align: center; padding: 16px; } .dolavManager .dolavChecker .dolavArea tr:nth-child(even) { background-color: #f2f2f2; } .dolavManager .breadcrumb { background-color: #F3F6F9; font-size: 15px; padding-left: 0px; padding-bottom: 0px; margin-top: 9px; margin-bottom: 15px; } .dolavManager .foodtitleclass { font-size: 24px; } .dolavManager .largeTextArea { margin-top: 120px; text-align: center; } .dolavManager .largeTextArea .larexTe { font-size: 28px; color: #585858; } .dolavManager .largeTextArea .larheBaclBittpm { background-color: #24292E; color: #fff; padding: 20px; margin-top: 20px; font-size: 18px; width: 33%; border-radius: 8px; } .dolavManager .largeTextArea .larheBaclBittpm.green { background-color: #6ac45e; } .dolavManager .largeTextArea .larheBaclBittpm.red { background-color: #e44f4b; } .dolavManager .blueStatbuttons .flexrow .flexBxes { min-width: 240px; background-color: #DCDDDE; color: #000; opacity: 1; } .dolavManager .blueStatbuttons .flexrow .flexBxes.activeBlueB { background-color: #92C9D6; color: #fff; opacity: 1; } .dolavManager .blueStatbuttons .flexrow .flexBxes.invalidInputB { background-color: #e44f4b; color: #fff; opacity: 1; } .dolavManager .blueStatbuttons .flexrow .flexBxes .buttonTotal { background-color: #EFEFEF; color: #454545; position: relative; } .dolavManager .blueStatbuttons .flexrow .flexBxes .buttonTotal select { border: none; background: transparent; text-align: center; -webkit-appearance: none; -moz-appearance: none; text-indent: 1px; text-overflow: ""; } .dolavManager .blueStatbuttons .flexrow .flexBxes .buttonTotal select::-ms-expand { display: none; } .dolavManager .blueStatbuttons .flexrow .flexBxes .buttonTotal input { background-color: #EFEFEF; border: none; } .dolavManager .meatexample { background-color: #fff; margin-top: 25px; border-radius: 5px; } .dolavManager .meatexample img { height: auto; width: 100%; padding-right: 14px; background-color: white; padding: 10px; } .dolavManager .greyButtonbotom { border: 1px solid #fff; background-color: #DCDDDE; width: 49%; margin-left: 5px; font-size: 15px; margin-top: 7px; border-radius: 6px; padding: 15px 5px; } .dolavManager .greyButtonbotom i { margin-right: 7px; } .dolavManager .miniCols { padding: 0px; } .dolavManager .miniCols .col-lg-6 { padding: 0px; padding-right: 5px; } .dolavManager .miniCols .col-lg-6.rightONe { padding-right: 0px; padding-left: 6px; } .dolavManager .bigleftbutton { background-color: #fff; width: 100%; padding: 15px 5px; margin-top: 19px; font-size: 16px; color: #FF2C2C; background-color: #fff; border: 2px solid #FF2C2C; border-radius: 7px; } .dolavManager .bigleftbutton i { margin-right: 7px; } .dolavManager .bigleftbutton.righSie { border: 2px solid #385B93; background-color: #385B93; margin-right: 8px; color: #fff; } .dolavManager .modalPopupDolav { display: none; position: fixed; z-index: 99999; padding-top: 100px; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: black; background-color: rgba(0, 0, 0, 0.4); } .dolavManager .modalPopupDolavContent { background-color: #fefefe; margin: auto; padding: 20px; border: 1px solid #888; width: 60%; } .dolavManager .modalPopupDolavContent.videoOne { padding: 20px 0px; } .dolavManager .moalvArea { width: 100%; display: flex; min-height: 350px; } .dolavManager .moalvArea .closeButon { float: left; font-size: 22px; margin-left: 18px; opacity: 0.4; margin-right: -30px; } .dolavManager .moalvArea .tailVLSideText { width: 48%; text-align: center; } .dolavManager .moalvArea .tailVLSideText .titelTop { font-size: 22px; color: #385B93; margin-top: 77px; } .dolavManager .moalvArea .tailVLSideText .titelTopSmall { font-size: 16px; color: #385B93; margin-top: 10px; } .dolavManager .moalvArea .tailVLSideText input { width: 75%; margin-top: 15px; padding: 10px; text-align: center; } .dolavManager .moalvArea .tailVLSideText select { width: 75%; margin-top: 15px; padding: 10px; text-align: center; } .dolavManager .moalvArea .tailVLSideText .percentside { background-color: #D6D6D6; border: none; padding: 12px 15px; border-radius: 0px 5px 5px 0px; margin-left: -17px; margin-left: -30px; line-height: 25px; height: 40px; } .dolavManager .moalvArea .tailVLSideText .subitArek { background-color: #385B93; color: #fff; border: none; border-radius: 5px; padding: 11px 15px; margin-top: 20px; width: 52%; } .dolavManager .moalvArea .tailVLSideText .absemtBut { outline: none; background-color: #167200; border: 5px solid #fff; border-radius: 5px; width: 37%; color: #fff; margin: 15px 3px; padding: 11px; } .dolavManager .moalvArea .tailVLSideText .absemtBut.presentbut { background-color: #E44F4B; } .dolavManager .moalvArea .videoAReaVL { width: 52%; background-color: #eaeaea; margin-top: -20px; margin-bottom: -20px; padding: 10px 16px; } .dolavManager .moalvArea .videoAReaVL iframe { padding: 10px 3px; width: 100%; height: 85%; } .dolavManager .moalvArea .videoAReaVL .videoTitle { font-size: 20px; text-align: center; color: #000; margin-top: 15px; margin-bottom: 5px; } .dolavManager .closeButon { float: right; font-size: 22px; opacity: 0.4; margin-right: 2px; } .dolavManager .texArea { text-align: center; margin-top: 30px; } .dolavManager .texArea .bolTitle { color: #CC2727; font-size: 22px; font-weight: bold; } .dolavManager .texArea .subbolTitle { font-size: 18px; margin-top: 3px; opacity: 0.6; } .dolavManager .texArea input { width: 75%; padding: 20px 18px; padding-bottom: 80px; margin-top: 20px; } .dolavManager .texArea .bolButtonT { width: 40%; background-color: #CC2727; color: #fff; padding: 14px; border: none; border-radius: 5px; margin-top: 18px; font-size: 15px; margin-bottom: 30px; } .select2-container--default .select2-selection--multiple .select2-selection__choice { width: 100%; white-space: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 14px; } .largeTextArea .larheBaclBittpm { min-width: 360px; } .nobottom { margin-bottom: 0px !important; } .menuIconNew i { font-size: 20px; } .mobileMenuNew { position: relative; left: 0px; top: 0px; z-index: 9998; display: none; width: 100%; } .mobileMenuNew a { cursor: pointer; } .mobileMenuNew .accountSection { margin-top: 20px; margin-bottom: 20px; } .mobileMenuNew .accountSection .accoutnBars { background-color: #CECECE; text-align: center; width: 88%; margin-top: 10px; padding: 11px; border-radius: 4px; } .mobileMenuNew .accountSection .accoutnBars i { font-size: 14px; margin: 0 5px; } .mobileMenuNew .accountSection .accoutnBars.firstone { margin-top: 20px; } .mobileMenuNew .accountSection .user_circle { border-radius: 50%; background-color: #586069; width: 30px; height: 30px; line-height: 29px; text-align: center; float: left; margin-top: -3px; font-size: 16px; color: #fff; font-weight: bold; } .mobileMenuNew .accountSection .usersName { font-weight: bold; color: #3F4448; margin-left: 50px; margin-top: -8px; } .mobileMenuNew .newModules .dashTitle { font-size: 17px; margin-top: 20px; margin-bottom: 15px; } .mobileMenuNew .newModules .flexyRow { display: flex; flex-wrap: wrap; } .mobileMenuNew .newModules .flexyRow a { padding: 0px; width: 28%; margin-right: 6px; } .mobileMenuNew .newModules .flexyRow .menu_item { border-radius: 5px; background-color: #3f4448; width: 100%; height: 70px; z-index: 46; float: left; text-align: center; padding-top: 0px; margin: 4px; margin-bottom: 5px; position: relative; } .mobileMenuNew .newModules .flexyRow .menu_item .icon { margin-top: 12px; width: 100%; height: 30px; overflow: hidden; color: #90cad4; } .mobileMenuNew .newModules .flexyRow .menu_item .menu_label { color: #fff; margin-bottom: 2px; bottom: 0px; font-size: 12px; text-align: center; width: 100%; } .mobileMenuNew .trendingReds { margin-top: 20px; } .mobileMenuNew .trendingReds .menuBadge { width: 30%; margin-right: 1%; float: none; } .mobileMenuNew .trendingReds .menuBadge .progress { width: 58%; margin-left: 15px; margin-top: 5px; } .mobileMenuNew .trendingReds .menuBadge.dailyCheck { width: 55%; display: inline-flex; } .mobileMenuNew .trendingReds .menuBadge i { font-size: 19px; margin-top: 5px; } .mobileMenuNew .trendingReds .longWdth .longmobfi { width: 42.5%; } .mobileMenuNew .trendingReds .longWdth .longmobfi i { color: #fff; } .mobileMenuNew .overlay { height: 100%; width: 0; position: fixed; z-index: 1; top: 0; left: 0; background-color: #E6E6E6; overflow-x: hidden; transition: 0.5s; } .mobileMenuNew .overlay-content { position: relative; top: 0%; width: 100%; margin-top: 30px; left: 7%; } .mobileMenuNew .overlay a { padding: 8px; text-decoration: none; font-size: 36px; color: #818181; display: block; transition: 0.3s; } .mobileMenuNew .overlay a:hover, .mobileMenuNew .overlay a:focus { color: #f1f1f1; } .mobileMenuNew .overlay .closebtn { position: absolute; top: 20px; right: 15px; font-size: 40px; z-index: 99999999; } @media screen and (max-height: 450px) { .mobileMenuNew .overlay a { font-size: 20px; } .mobileMenuNew .overlay .closebtn { font-size: 40px; top: 15px; right: 35px; } } .topGreyHead { height: 47px; background-color: #3F4448; } .topGreyHead .row.marginRemove { margin: 0px; } .topGreyHead .topgreyhadtext { padding: 12px 12px 5px; color: #fff; font-size: 16px; float: left; cursor: pointer; } .topGreyHead .topgreyhadtext i { margin-right: 8px; } .midBarHead { background-color: #F8F8F8; padding: 15px; } .midBarHead i { color: #3F4448; font-size: 25px; } .midBarHead .threeButtons { width: 100%; display: inline-flex; } .midBarHead .threeButtons a { width: 100%; margin-right: 5px; } .midBarHead .threeButtons .headerButtons { border-radius: 4px; border: none; background-color: #808898; text-align: center; padding: 6px; width: 100%; margin: 0px 5px; } .midBarHead .threeButtons .headerButtons.greensec { background-color: #468A99; } .midBarHead .threeButtons .headerButtons.bluesec { background-color: #93C6D8; } .midBarHead .threeButtons .headerButtons i { color: #fff; font-size: 14px; } @media only screen and (max-width: 992px) { .box { margin-top: 10px; } .menu_v2 { display: none !important; } .mobileMenuNew { display: block !important; } } @media only screen and (max-width: 400px) { .topGreyHead .topgreyhadtext { font-size: 14px; padding: 12px 10px 5px; } } .dragableDashNew { margin-left: 65px; /* clear fix */ /* ---- .grid-item ---- */ } .dragableDashNew .grid { background: #DDD; max-width: 1200px; } .dragableDashNew .grid:after { content: ""; display: block; clear: both; } .dragableDashNew .grid-item { float: left; width: 100px; height: 100px; background: #0D8; border: 2px solid #333; border-color: rgba(0, 0, 0, 0.7); } .dragableDashNew .grid-item--width2 { width: 220px; } .dragableDashNew .grid-item--height2 { height: 220px; } .poupAllReports .modal { display: none; position: fixed; z-index: 1; padding-top: 100px; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: black; background-color: rgba(0, 0, 0, 0.4); } .poupAllReports .modal-content { background-color: #fefefe; margin: auto; padding: 20px; border: 1px solid #888; width: 80%; } .poupAllReports .close { color: #aaaaaa; float: right; font-size: 28px; font-weight: bold; } .poupAllReports .close:hover, .poupAllReports .close:focus { color: #000; text-decoration: none; cursor: pointer; } @media only screen and (max-width: 400px) { .menu_v2 .popup_menu .menu_container { max-width: 340px; } } .dragableDash { margin-left: 60px; } .dragableDash .grid:after { content: ""; display: block; clear: both; } .dragableDash .grid-item:hover { border-color: rgba(255, 255, 255, 0.5); cursor: move; } .dragableDash .grid-item.is-dragging, .dragableDash .grid-item.is-positioning-post-drag { background: #C90; z-index: 2; } .dragableDash .packery-drop-placeholder { outline: 3px dashed rgba(0, 0, 0, 0.5); outline-offset: -6px; -webkit-transition: -webkit-transform 0.2s; transition: transform 0.2s; } .dragableDash .grid-item { background: #68B7F1; border: 1Px solid rgba(0, 0, 0, 0.3); } .dragableDash .grid-item--longthick { width: 755px; height: 320px; } .dragableDash .grid-item--widex { width: 755px; height: 150px; } .dragableDash .grid-item--s { width: 364px; height: 150px; } .dragableDash .grid-item--halflongthick { width: 364px; height: 320px; } .dragableDash .grid-item--xs { width: 169px; height: 150px; } @media only screen and (max-width: 400px) { .menu_v2 .popup_menu .menu_container { max-width: 340px !important; } } @media only screen and (max-width: 600px) { .menu_v2 .popup_menu .menu_container { max-width: 400px; } .element_form_33 { width: 100% !important; } .ms-container .ms-selectable, .ms-container .ms-selection { width: 100% !important; margin-bottom: 30px; } .element_form_50 .form_button { width: 100%; } .ms-container { background: transparent url(../../interface/assets/images/switchalt.png) no-repeat 50% 50% !important; } } @media only screen and (max-width: 992px) { .trendingHead { padding: 0px !important; } .element_form .element_form_50 { width: 100%; } .section_title { text-align: center; } .element_full .element_table { overflow: scroll; } .tableFloatingHeaderOriginal th { width: 120px; } } .headerSpace { margin-top: 75px; } .elementTitleSection { width: 100%; font-size: 22px; font-weight: normal; color: #333333; padding-bottom: 15px; margin-bottom: 20px; border-bottom: 1px solid #ccc; } .calendarFloaticon { position: absolute; left: 20px; top: 20px; } .element_search { position: relative; } .marginLeftDouble { margin-left: 40px; } .popupRelavent { position: fixed; z-index: 1; padding-top: 100px; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: black; background-color: rgba(0, 0, 0, 0.4); } .popupRelavent ul { -moz-column-count: 2; -moz-column-gap: 20px; -webkit-column-count: 2; -webkit-column-gap: 20px; column-count: 3; column-gap: 20px; } .popupRelavent ul li ul { margin-top: 10px; font-size: 10px; -moz-column-count: 1; -moz-column-gap: normal; -webkit-column-count: 1; -webkit-column-gap: 0px; column-count: 1; column-gap: 0px; } .popupRelavent ul li ul li .checkmark { position: absolute; top: 0; left: 0; height: 25px; width: 25px; background-color: #eee; } .popupRelavent .popupChecks { margin-bottom: 15px; } .popupRelavent .popupChecks .contaiCheck { position: relative; } .popupRelavent .popupChecks .contaiCheck p { font-weight: 200; margin-left: 37px; } .bottomButton { width: 100%; margin-top: 20px; } .bottomButton .selectedButtton { background-color: #385B93; color: #fff; border: none; border-radius: 4px; padding: 7px 15px; width: 100%; max-width: 220px; } .selectTitle { width: 100%; margin-top: 3px; text-align: left; font-size: 20px; margin-bottom: 22px; } .popupRelaventContent { background-color: #fefefe; margin: auto; padding: 20px; border: 1px solid #888; width: 50%; } .closeTimes { color: #aaaaaa; float: right; font-size: 28px; font-weight: bold; } .newheaderbuttons { position: absolute; right: 18px; z-index: 99999999; } .newheaderbuttons .newheaderbuttonsCreate { background-color: #385B93; color: #fff; padding: 5px 36px; border: none; border-radius: 6px; } .newheaderbuttons.noTopLayout { text-align: right; margin-top: -16px; position: inherit; margin-bottom: 33px; } .newHeaderStyle { background-color: #fff; margin-top: 20px; padding: 10px 10px; position: relative; } .newHeaderStyle.searchLauouts { margin-top: -20px; } .newHeaderStyle.searchLauouts .input_search, .newHeaderStyle.searchLauouts .input_search_date { width: 30%; } .newHeaderStyle .searchLine { position: absolute; left: 20px; top: 25px; } .newHeaderStyle .input_search, .newHeaderStyle .input_search_date { border-radius: 5px; height: 44px; background-color: #FFF; width: 12%; border: 1px solid #D0D0D0; padding-left: 35px; line-height: 42px; } .headerNewOneDropdown.mandsside { display: flex; } .headerNewOneDropdown.mandsside .headerwhiteButton { margin-top: -8px; padding: 6px; } .headerNewOneDropdown input { outline: none; border: none; } .headerNewOneDropdown .dropdown-item { display: block; width: 100%; padding: 0.25rem 1.5rem; clear: both; font-weight: 400; color: #212529; text-align: inherit; white-space: nowrap; background-color: transparent; border: 0; } .headerNewOneDropdown .dropdown-menu { min-width: 207px; } .headerNewOneDropdown .dropdown-divider { height: 0; margin: 0.5rem 0; overflow: hidden; border-top: 1px solid #e9ecef; } .headerwhiteButton { background-color: #fff; color: #3F4448; padding: 10px 0px; border: none; outline: none; margin-left: 5px; border-radius: 5px; font-size: 14px; } .headerwhiteButton.activeButton { background-color: #385B93; color: #fff; } .headerwhiteButton.activeButton i { color: #fff; } .headerwhiteButton .customerCount { background-color: #385B93; color: #fff; padding: 5px 10px; border-radius: 5px; margin-left: 4px; } .headerwhiteButton .greenCount { background-color: #5fa384; color: #fff; padding: 5px 10px; border-radius: 5px; margin-left: 4px; } .headerwhiteButton .redCount { background-color: #d9534f; color: #fff; padding: 5px 10px; border-radius: 5px; margin-left: 4px; } .headerwhiteButton i { margin-right: 12px; } .headerwhiteButton .chevronsSide { color: #385B93; margin-left: 12px; } .kpiSelection { float: right; margin-right: 5px; margin-left: 0px; color: #385B93; } .kpiSelection i { margin-left: 3px; } .rightCount { float: right; } .rightCount .fancy_check_wrap { line-height: 22px; padding-top: 6px; font-size: 12px; color: #fff; border-radius: 6px; background-color: #385B93; padding: 5px 18px; margin-top: 4px; margin-right: 6px; font-weight: 500; } .rightCount .normal_checkbox { margin-right: 6px; position: absolute; top: 3px; left: 0; height: 15px; width: 15px; background-color: #eee; } .hideMePriTab { display: none; } .hideMePriTab.searchLine { position: relative; top: 28px; left: 22px; } .hideMePriTab.input_search, .newHeaderStyle .hideMePriTab.input_search_date { width: 48%; float: left; margin-left: 10px; } .prirFlex { display: inline-block; } @media only screen and (max-width: 1290px) { .prirFlex { display: flex; flex-wrap: wrap; flex-direction: row; } .hideMePriTab { display: block; } .headerNewOneDropdown { flex: 1 auto; } .headerwhiteButton { text-align: left; flex: 1 auto; padding: 10px; } .popupRelaventContent { width: 50%; } .hideMePri { display: none; } .newHeaderStyle { padding-bottom: 64px; padding-left: 8px; } } @media only screen and (max-width: 767px) { .popupRelaventContent { width: 99%; } .headerwhiteButton { text-align: left; } .newHeaderStyle { padding-bottom: 20px; } .hideMePriTab.input_search, .newHeaderStyle .hideMePriTab.input_search_date { width: 95%; float: left; margin-bottom: 15px; margin-left: 10px; } .rightCount { float: initial; width: 100%; padding: 0 12px; } .newHeaderStyle.searchLauouts .input_search, .newHeaderStyle.searchLauouts .input_search_date { width: 97%; } .newHeaderStyle.searchLauouts { margin-top: -20px; width: 100%; display: inline-flex; padding-bottom: 0px; } .newHeaderStyle.searchLauouts .searchLine { position: relative; top: 15px; left: 34px; } } @media only screen and (max-width: 992px) { .jsgrid-grid-header { background: #f9f9f9; overflow: hidden !important; } .popupRelavent ul { column-count: 2; } .jsgrid-table { overflow: scroll; } .hideMePriTab.input_search, .newHeaderStyle .hideMePriTab.input_search_date { width: 100%; } .hideMeTab { display: none; } .kpiSelection { width: 100%; text-align: center; float: none; margin-right: 5px; margin-left: 0px; color: #385B93; } .popupRelaventContent { width: 95%; } } @media only screen and (max-width: 400px) { .popupRelavent ul { column-count: 1; } } .safteyStartUp .suST { color: #1A1A1A; } .safteyStartUp .sectionTitle { font-size: 18px; color: #787878; margin-bottom: 4px !important; float: unset !important; width: 100%; margin-top: 22px; font-weight: 400; } .labelImage { width: 100%; text-align: center; display: inline-block; } .labelImage img { width: 100%; /* float: left; */ height: auto; text-align: center; } .actionClickPopup { height: 500px; overflow-y: scroll; overflow-x: hidden; float: left; } .imageLabelPreview { /* float: left; */ /* height: auto !important; width: auto !important; text-align: center !important;*/ } .marginTen { margin-top: 10px !important; } .bigStatRow { display: flex; flex-wrap: wrap; } .bigStatRow .statBoxx { flex: 1 0 30%; background-color: #F6F6F6; border: 1px solid #707070; padding: 50px 15px; text-align: center; margin: 8px; border-radius: 8px; } .bigStatRow .statBoxx.bluePerc { background-color: #E2EDFF; border: 1px solid #385B93; } .bigStatRow .statBoxx .stattitle { color: #404040; font-size: 20px; font-weight: bold; } .bigStatRow .statBoxx .statresult { color: #385B93; font-size: 22px; font-weight: bold; } .newAccordianChecks { margin-top: 20px; } .newAccordianChecks .accordion { background-color: #E1E1E1; color: #1A1A1A; cursor: pointer; padding: 15px; width: 100%; border: none; text-align: left; outline: none; font-size: 15px; transition: 0.4s; position: relative; } .newAccordianChecks .accordion.completedcheck { background-color: #D6FFC8; } .newAccordianChecks .accordion.inProgres { background-color: #FFEFBA; } .newAccordianChecks .accordion.inProgres span { font-weight: bold; color: #C48200; font-size: 14px; font-style: inherit; margin-left: 8px; text-transform: uppercase; } .newAccordianChecks .accordion.inProgres i { color: #C48200; } .newAccordianChecks .accordion.expandedBlue { background-color: #385b93; color: #fff; } .newAccordianChecks .accordion span { font-size: 13px; font-style: italic; margin-left: 8px; } .newAccordianChecks .accordion i { position: absolute; right: 18px; top: 18px; font-size: 20px; color: #385b93; } .newAccordianChecks .active { background-color: #385B93 !important; color: #fff !important; } .newAccordianChecks .panel { background-color: white; overflow: hidden; } .newAccordianChecks .panel .errorInfoSpace { float: left; width: 100%; background-color: #f9bcbc; padding: 5px 10px; } .newAccordianChecks .panel .errorInfoSpace a { color: #000; text-decoration: underline; } .newAccordianChecks .panel .errorInfoSpace a:hover { color: #666; } .newAccordianChecks .labelTitle { margin-bottom: 14px; font-size: 13px; font-weight: 500; color: #353535; } .newAccordianChecks .radioBoxes { position: relative; padding: 18px 3px; margin-top: 6px; } .newAccordianChecks .radioBoxes .camera { position: absolute; top: 12px; right: 2px; } .newAccordianChecks .radioBoxes input { position: initial !important; margin-right: 14px; transform: scale(1.5); } .lineImg { margin-top: 4px; margin-bottom: 28px; } .lineInterfaction { border: 1px solid #B4B4B4; border-radius: 5px; margin-top: 30px; text-align: center; padding: 15px; } .lineInterfaction .lineTitleS .yopLine { font-size: 16px; font-weight: 600; color: #1A1A1A; margin-top: 15px; } .lineInterfaction .lineTitleS .yopLine span { background-color: #385b93; color: #fff; border-radius: 25px; padding: 3px 10px; margin-right: 12px; } .lineInterfaction .lineTitleS .checkCount { color: #385B93; font-size: 17px; font-weight: 800; margin-top: 9px; margin-bottom: -12px; } .lineInterfaction .lineImg img { width: 100%; max-width: 500px; border-radius: 5px; margin-top: 12px; } .passFaiLine :hover { background-color: #ccc; transition: 0.5s; } .passFaiLine { padding: 17px 10px; width: 40%; margin: 18px 5px; border-radius: 10px; border: none; color: #fff; } .passFaiLine:hover { background-color: #ccc; transition: 0.5s; } .passFaiLine.passL { background-color: #5FA384; } .passFaiLine.failL { background-color: #CF2121; } .lineFailPopup { display: none; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 1; /* Sit on top */ padding-top: 100px; /* Location of the box */ left: 0; top: 0; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: auto; /* Enable scroll if needed */ background-color: black; /* Fallback color */ background-color: rgba(0, 0, 0, 0.4); /* Black w/ opacity */ } .lineFailPopup .modal-content { background-color: #fefefe; margin: auto; padding: 20px; border: 1px solid #888; width: 60%; text-align: center; padding-bottom: 40px; } .lineFailPopup .close { color: #aaaaaa; float: right; font-size: 28px; font-weight: bold; } .lineFailPopup .close:hover, .lineFailPopup .close:focus { color: #000; text-decoration: none; cursor: pointer; } .lineFailPopup .lineFailTitle { color: #1A1A1A; font-weight: bold; font-size: 22px; } .lineFailPopup .modalsta { color: #1A1A1A; font-weight: 500; font-size: 20px; margin-top: 15px; } .lineFailPopup .selectOption { width: 80%; padding: 15px; margin-top: 20px; font-size: 16px; border-radius: 5px; } .lineFailPopup .actionBlue { background-color: #385B93; color: #fff; border-radius: 5px; border: none; padding: 15px; margin-top: 15px; width: 50%; } .blueBackgoundButton { background-color: #385b93; color: #fff; padding: 12px 15px; border: none; border-radius: 5px; font-size: 14px; width: 230px; float: right; margin-left: 24px; } .videoSection img { width: 100%; height: auto; } .documentsection { border: 1px solid #707070; border-radius: 5px; padding: 20px 38px; margin-top: 31px; text-align: center; padding-bottom: 30px; } .documentsection p { height: 100%; max-height: 500px; opacity: 0.8; margin-bottom: 22px; } .sectionlT { color: #24292E; font-size: 20px; text-transform: uppercase; font-weight: 700; margin-top: 10px; } .blackfull { background-color: #020102; color: #fff; padding: 10px 25px; border-radius: 5px; } .beginTestsButton { width: 100%; background: #385B93; color: #fff; margin-top: 25px; padding: 16px 15px; border: none; border-radius: 4px; } .testPassFail { display: flex; width: 100%; } .testPassFail .standardBpx { flex: 1 auto; border: 1px solid #BFBFBF; text-align: center; } .testPassFail .standardBpx .passFaiLine { width: 80%; } .testPassFail .standardBpx p { text-align: center; margin-top: 7%; } .styleRow { display: inline-flex; width: 100%; } .styleRow.gasAna label { position: relative; font-size: 15px !important; font-weight: 700 !important; width: 100%; } .styleRow.gasAna label span { color: #385B93; position: absolute; right: 0; font-size: 14px !important; font-weight: 600 !important; } .styleRow.gasAna input { text-align-last: center; padding: 16px 5px !important; } .styleRow .styledInputs { width: 50%; margin-right: 10px; } .styleRow .styledInputs.smallfifty select { padding: 17px 12px; } .styleRow .styledInputs.smallfifty .passFaiLine { padding: 16px 10px; width: 45%; margin: 8px -8px 0px 14px; border-radius: 10px; border: none; color: #fff; } .packtestcount { text-align: center; } .packtestcount p { color: #787878; font-size: 18px; margin-top: 40px; } .packtestcount .startNewTest { background-color: #CECECE; color: #fff; text-align: center; padding: 15px; margin-top: 20px; font-size: 15px; } .startNewTest { background-color: #F6F6F6; color: #385B93; text-align: center; padding: 15px; margin-top: 50px; } .startNewTest i { margin-right: 15px; } .blackTable { width: 97%; margin-top: 20px; } .blackTable table { margin-top: 15px; width: 100%; } .blackTable .blacktoprow { background-color: #24292E; color: #fff; height: 40px; } .blackTable tr { border: 1px solid #CCCCCC; line-height: 42px; } .blackTable td { text-align: center; } .blackTable th { text-align: center; } .blackTable .resultButton { background-color: #C71111; color: #fff; } .blackTable .resultButton.pass { background-color: #59C711; } .blackTable .resultButton.fail { background-color: #C71111; } .buttonComplete { background-color: #385B93; color: #fff; padding: 15px; text-align: center; margin-top: 60px; border-radius: 8px; width: 100%; border: none; } .buttonComplete.secondBC { margin-top: 30px; width: 97%; } .faultOnly { margin-top: 40px; border: 2px solid #CF2121; padding: 3px 40px 42px; width: 103%; margin-left: -34px; } .checkRow .greyRow { background-color: #E2DFDF; color: #4A4141; font-weight: bold; padding: 15px; margin-top: 25px; } .checkRow .passfailrow .startBox { text-align: center; background-color: #385B93; color: #fff; } .checkRow .passfailrow .startBox.endSift { background-color: #707377 !important; } .checkRow .passfailrow .testPassFail .standardBpx { margin: 10px 5px -2px; } .checkRow .passfailrow .testPassFail .standardBpx.stBox { width: 15px; margin: 11px 10px 0px 0px; border-radius: 5px; } .checkRow .passfailrow .testPassFail .standardBpx .startBox { text-align: center; background-color: #385B93; color: #fff; height: 100%; padding-top: 25px; font-weight: 800; font-size: 15px; } .checkRow .passfailrow .testPassFail .standardBpx .passFaiLine { margin: 10px 5px; } .styledInputs.fullWidthT { width: 100%; } .smallCircle span { background-color: #385B93; color: #fff; padding: 8px 12px; border-radius: 23px; font-weight: 800; } .doubleResult { background-color: #fff; display: inline-flex; width: 100%; } .doubleResult .yes { background-color: #59C711; color: #fff; margin: 5px; } .doubleResult .no { background-color: #C71111; color: #fff; margin: 5px; } .doubleResult div { width: 50%; font-weight: bold; border: 5px; } .tareCheck td { border: 1px solid #CCCCCC; padding: 6px 0; } .tareCheck .passLayout { width: 100%; display: flex; } .tareCheck .passLayout div { flex: 1 auto; } .tareCheck .passLayout .passL { background-color: #5FA384; color: #fff; border-radius: 10px; border: none; font-weight: bold; margin: 5px -2px; margin-left: 12px; } .tareCheck .passLayout .failL { background-color: #CF2121; color: #fff; border-radius: 10px; border: none; font-weight: bold; margin: 5px 10px; } .tareCheck .boxSet { position: relative; } .tareCheck .boxSet span { color: #477F9B; font-weight: bold; border: 1px solid #707070; border-radius: 20px; padding: 0px 15px; font-size: 16px; position: absolute; left: 10px; } .greymiddle { background-color: #E7E7E8; color: #4D4D4D; } .greymiddle i { color: #385B93; margin-right: 10px; } .greymiddle td { font-size: 12px; font-weight: bold; padding: 5px 0; } .labelPhoto { background-color: #E9E9E9; color: #385B93; font-size: 18px; margin-top: 30px; padding: 150px 5px; text-align: center; } .labelPhoto i { font-size: 32px; margin-bottom: 8px; } .greyInputSection { margin-top: 30px; display: inline-block; width: 100%; padding-bottom: 70px !important; background-color: #F8F8F8; border: 1px solid #ABABAB; border-radius: 5px; padding: 5px 15px; } .greyInputSection .gisTitle { color: #1A1A1A; font-weight: 600; margin-top: -10px; margin-bottom: 10px; } .checkfinal p { color: #385b93; font-weight: bold; float: left; font-size: 15px; margin-top: 15px; } .checkfinal .checkLab { position: relative; margin: 0 26px; float: right; margin-top: 17px; } .checkfinal .checkLab input { position: absolute; left: -22px; transform: scale(1.4); } .checksSection .labelTitle { font-weight: 600; color: #4a4a4a; } .checksSection .radioBoxes { padding: 18px 3px; margin-top: 6px; padding-bottom: 20px !important; } .checksSection .radioBoxes .radio-inline { display: inline-flex !important; } .checksSection .radioBoxes input { position: initial !important; margin-right: 12px; transform: scale(1.5); margin-left: 5px; } .commentsectoin { margin-bottom: 10px; } .commentsectoin textarea { width: 100%; padding: 20px; height: 140px; margin-top: 30px; } .newLogin { background-color: #fff; } .newLogin .container-flex { display: flex; width: unset !important; padding: 0px; } .newLogin .container-flex .row { width: 100%; margin: 0px; } .newLogin .container-flex .row .col-lg-8 { min-height: unset; } .newLogin .container-flex .row .col-lg-4 { min-height: unset; } .newLogin .verifyMeText { line-height: 22px; margin-top: 4px; color: #777777; display: none; } .newLogin .verifyMe { display: none; } .newLogin .loginForm { text-align: center; width: 100%; /* -webkit-animation: loginForm 1s ease backwards;*/ padding: 0 8%; } .newLogin .loginForm img { width: 100px; height: auto; margin-top: 90px; } .newLogin .loginForm form { margin-top: 0px; } .newLogin .loginForm form .login-element { border: 1px solid #d8d8d8; width: 100%; line-height: 40px; border-radius: 8px; height: 60px; background-color: #fff; color: #231f20; font-size: 15px; font-weight: 400; text-align: left; margin-top: 18px; padding: 0 25px; } .newLogin .loginForm form .form_button { background-color: #6AB8BE; box-shadow: none; border: none; width: 100%; margin-top: 20px; } .newLogin .resendCode { margin-top: -40px; color: #536d6d; margin-right: 20px; font-size: 13px; margin-bottom: 14px; } .newLogin .resendCode i { margin-right: 5px; } .newLogin .rememberMe { text-align: left; margin-top: 20px; } .newLogin .rememberMe label { font-size: 15px; color: #585858; } .newLogin .fyld { float: right; margin-top: -23px; font-size: 14px; } .newLogin .fyld.help { margin-right: 16px; } .newLogin .loinSet { margin-top: 60px; } .newLogin .loinSet .loginG { margin-top: 16px; font-weight: 800; color: #6D7686; font-size: 15px; } .newLogin .loinSet .accountlikn { float: right; margin-top: 16px; font-size: 15px; color: #6D7686; } .newLogin .loinSet .accountlikn a { font-weight: 800; color: #6D7686; } .newLogin .allrgihts { text-align: center; margin-top: 95px; color: #707070; } .newLogin .allrgihts .tagline { color: #707070; font-weight: 800; } .newLogin .mainImg { background-image: url(../../interface/assets/images/whousescreen4.jpg); background-size: cover; height: 950px; background-position: center; } .newLogin .mainImg2 { background-image: url(../../interface/assets/images/whousescreen4.jpg); background-size: cover; height: 950px; background-position: center; } /* @-webkit-keyframes loginForm { from { width: 0%; } to { width: 100%; } }*/ @media only screen and (max-width: 1450px) { .newLogin .loginForm { padding: 0 4%; } } @media only screen and (max-width: 1200px) { .newLogin .mainImg { background-image: url(../../interface/assets/images/whousescreen4.jpg); height: 821px; background-position: left; } .newLogin .loginForm img { margin-top: 80px; } .newLogin .allrgihts { margin-top: 20px; } } @media only screen and (max-width: 1315px) { .newLogin .fyld { float: none; margin-top: 5px; } .newLogin .rememberMe { margin-top: 20px; text-align: center; margin-left: -15px; } .newLogin .loinSet { margin-top: 40px; } } @media only screen and (max-width: 767px) { .hideMeSmall { display: none !important; } .newLogin { border-top: 30px solid #6ab8be; padding-top: 12px; } } @media only screen and (max-width: 997px) { .newLogin .mainImg { height: 820px; } .newLogin .loinSet { margin-top: 30px; } } @media only screen and (max-width: 500px) { .newLogin .loinSet .loginG { font-size: 14px; } .newLogin .loinSet .accountlikn { font-size: 14px; } } .popupInlineInfo { border-radius: 10px; position: absolute; width: 450px; padding: 10px; background-color: #fff; border: 1px solid #ccc; left: 300px; z-index: 9999999999; } .popupInlineInfo .table th { font-size: 10px; text-align: left; } .popupInlineInfo .table .serious { background-color: #f7d77d; color: #000; } .popupInlineInfo .table .critical { background-color: #e44f4b; } .popupInlineInfo .table .critical td { color: #fff; } .popupInlineInfo .table td { font-size: 12px; text-align: left; } @media (max-width: 1599px) { .popupInlineInfo { position: absolute; width: 450px; padding: 10px; background-color: #fff; border: 1px solid #ccc; top: 83px; left: 0px; z-index: 9999999999; } } .site_improvement_wrap { width: 100%; display: inline-block; padding: 10px; border-radius: 5px; background-color: #ececec; border: 1px solid #ccc; margin-bottom: 10px; } .site_improvement_wrap .element_input_wrap p.seeMe { background-color: #f4fffa; } .infoBubble { display: inline-block; padding: 3px 5px; background-color: #000; color: #fff; font-size: 11px; border-radius: 4px; text-transform: uppercase; } .infoBubble.grey { background-color: #898c91; } .infoBubble.blue { background-color: #14aee5; } .infoBubble.red { background-color: #ee2c33; } .infoBubble.yellow { background-color: #fec448; } .infoBubble.orange { background-color: #f37735; } .infoBubble.green { background-color: #71be40; } .v_split { width: 100%; float: left; } .v_split_side { width: 50%; float: left; height: 1000px; text-align: left; } .split_summary { width: 70%; margin-left: 15%; margin-right: 15%; margin-top: 150px; } .split_summary h2 { margin-bottom: 25px; line-height: 24px; font-size: 24px; font-weight: bold; } .split_summary p { margin-bottom: 25px; line-height: 24px; font-size: 15px; } .split_summary li { margin-bottom: 10px; line-height: 28px; font-size: 15px; } .split_summary img { width: 100%; height: auto; max-width: 380px; } .v_split .right { background-image: url(../../interface/assets/images/bg/how-we-do-home-1024x583.jpg); background-size: cover; } .login-element { border: 1px solid #5b5b5b; width: 100%; line-height: 80px; height: 80px; background-color: #cccccc; color: #231f20; font-size: 16px; font-weight: 400; text-align: center; } .login-box { padding-top: 15%; padding-right: 15px; padding-left: 15px; padding-bottom: 40px; text-align: center; width: 100%; margin-left: auto; margin-right: auto; max-width: 430px; } .login-box h7 { font-size: 40px; color: #c3cf21; line-height: 0.75; text-align: center; margin-bottom: 20px; float: left; width: 100%; } .login-box p { color: #fff; font-size: 12px; } .login-box .element { font-size: 14px; padding-bottom: 15px; padding-top: 5px; } .login-box .logo { margin-bottom: 20px; } form .element label { margin-left: 10px; } form .element #cookie { margin-bottom: -5px; } .grid-stack .panel-body { height: 100%; width: 100%; overflow: hidden; } .grid-stack > .grid-stack-item > .grid-stack-item-content { border-color: #ffffff00; } .grid-stack > .grid-stack-item > .grid-stack-item-content.COUNTER { background-color: transparent !important; border: 1px solid transparent !important; box-shadow: none; } .wellActionArea .deleteModule, .previewMode .deleteModule { display: none; } .wellActionArea .editModule, .previewMode .editModule { display: block; } .wellActionArea.editingNow, .editingNow.previewMode { background-color: #efe4ca !important; } .wellActionArea.editingNow .editModule, .editingNow.previewMode .editModule { display: none; } .wellActionArea.editingNow .deleteModule, .editingNow.previewMode .deleteModule { display: block; } .previewMode .graphContent { min-height: 300px; } .previewMode .dashboardCounter { height: 85%; width: 90%; margin-left: 5%; margin-top: 30px; margin-bottom: 30px; } .previewMode .editModule { display: none; } .graphTitle i, .graphOptions i { font-size: 14px; color: #92c9d6; } .dashboardCounter i { top: 10px; color: #ececec; } .dashboardCounter i.fa-edit { top: 10px; right: 15px; } .dashboardCounter i.fa-times { right: 10px; } .dashboardCounter i.fa-info-circle { right: 49%; } .dashboardCounter i.fa-bolt { margin-right: 30px; right: 49%; } .well ul li { list-style-type: circle; margin-left: 20px; } .subRowColour { background-color: #c8c8c8 !important; } .veryactive { border-top-left-radius: 5px; border-top-right-radius: 5px; background-color: #385b93 !important; color: #fff !important; } .veryactive a { color: #fff !important; } .flexyColumsRow { display: flex; margin-top: 0px; } .flexyColumsRow.show { display: block; } .flexyColumsRow .flexyColum { flex: 1; background-color: #F4F4F4; border-radius: 5px; font-size: 12px; padding: 10px 15px; text-align: center; margin: 6px 6px; cursor: pointer; } .trendingBoxes .element_live_content { float: none; } .trendingHead { background-color: #292929; padding: 6px 28px; } .trendingHead.dashTrend .right_section { margin-right: 15px; } .trendingHead.dashTrend .right_section .blueSabe { display: block !important; } .trendingHead.dashTrend .right_section .blueSabe.reset { position: absolute; top: 0; right: 11%; background-color: #F7F7F7; border-radius: 3px; border: none; padding: 6px 13px; margin-top: 7px; max-width: 150px; color: darkslategrey; } .trendingHead.dashBoard .right_section { margin-right: 15px; } .trendingHead.dashBoard .right_section .addModuleButton { display: block !important; background-color: #68B7F1; border: none; border-radius: 3px; color: #fff; padding: 6px 32px; margin-right: 20px; margin-top: 6px; } .shuffle-button { display: block !important; } .titleWhite { font-size: 20px; color: #fff; text-align: center; padding-top: 10px; } .module_icon { /* display: none;*/ } .modalcomp { display: none; position: fixed; z-index: 1; padding-top: 100px; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: black; background-color: rgba(0, 0, 0, 0.4); } .modalcomp .comparePopup { position: relative; background-color: #fff; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; padding: 10px 20px; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); background-clip: padding-box; outline: 0; text-align: center; } .modalcomp .comparePopup .greyButton { background-color: #E3E3E3; border-radius: 4px; border: none; padding: 11px 22px; border: none; margin-top: 20px; } .modalcomp .comparePopup .greyButton i { color: #888888; margin-right: 10px; } .modalcomp .comparePopup .titlePart { text-align: center; font-size: 22px; margin-top: 25px; } .modalcomp .comparePopup .titlePart.subT { font-size: 17px; margin-top: 3px; } .comparehere .buttonsSelector { margin-top: 40px; } .comparehere .buttonsSelector .tabButtonsd { border: 2px dashed #92C9D6; } .searchBar input { border: 1px solid #cac9c9; width: 100%; padding: 12px; opacity: 0.8; margin-top: -3px; margin-bottom: 14px; border-radius: 4px; } #exapndButton { background-color: #d6d6d6; border: solid #d3d0d0 1px; border-bottom: none; color: #7b7b7b; padding: 5px 17px; /* border: none; */ float: right; font-size: 13px; margin-top: 5px; border-top-right-radius: 7px; border-top-left-radius: 7px; } .expandButtonCorner { background-color: #d6d6d6; border: solid #d3d0d0 1px; border-bottom: none; color: #7b7b7b; padding: 5px 17px; float: right; font-size: 13px; margin-bottom: -8px; border-radius: 5px; } .trendingModLanding { margin-top: 50px; } .trendingModLanding .savebut { text-align: right; margin-bottom: -34px; } .trendingModLanding .choieText { font-size: 18px; margin-top: 30px; opacity: 0.6; text-align: center; } .flexrow { display: flex; margin-top: 20px; flex-wrap: wrap; } .flexrow .flexBxes { cursor: pointer; position: relative; border-radius: 10px; width: 100%; min-width: 210px; text-align: center; padding: 25px 15px; flex: 1; opacity: 0.4; background-color: #EFEFEF; margin: 5px 5px; color: #686868; } .flexrow .flexBxes.activeBlueB { background-color: #92C9D6; color: #fff; opacity: 1; } .flexrow .flexBxes.activeBlueB .buttonTotal { background-color: #EFEFEF; color: #454545; } .flexrow .flexBxes:focus { background-color: #92C9D6; color: #fff; } .flexrow .flexBxes:focus .buttonTotal { background-color: #EFEFEF; color: #454545; } .flexrow .flexBxes:selected { background-color: #92C9D6; color: #fff; } .flexrow .flexBxes:selected .buttonTotal { background-color: #EFEFEF; color: #454545; } .flexrow .flexBxes .catTitle { font-size: 16px; padding: 0px 5px 5px 5px; } .flexrow .flexBxes .buttonTotal { background-color: #A9B1BF; border-radius: 10px; font-size: 17px; padding: 5px; margin-left: 8%; color: #fff; margin-top: 7px; margin-right: 8%; } .headinnerarea { margin-top: 40px; } .headinnerarea .titleA { font-size: 20px; } .checkboxslide ul ul { /* background-color: #dde0e5; padding: 15px; font-size: 12px; margin-bottom: 10px;*/ } .checkboxslide ul ul .marginLeftDouble { margin-left: 12px; } .checkboxslide ul ul ul { background-color: #9cd4e0 !important; } .checkboxslide ul ul ul li { background-color: #9cd4e0 !important; width: 100% !important; } .checkboxslide ul ul ul li .contaiCheck { background-color: #9cd4e0 !important; } .checkboxslide ul ul ul .marginLeftDouble { margin-left: 12px; } .dateButtton i { float: right; position: relative; left: 45px; font-size: 18px; color: #8FCDD4; top: -14px; } .dateButtton input { border: 1px solid #CECECE; padding: 10px 39px; float: right; border-radius: 4px; text-align: center; width: 49%; font-size: 14px; background-color: #fff; margin-left: 11px; margin-top: -34px; } .popupCheckBox { border: 1px solid #DEDEDE; margin-top: 17px; padding: 25px 22px 5px; display: none; /* Hide the browser's default checkbox */ /* Create a custom checkbox */ } .popupCheckBox.checkCat { display: none; } .popupCheckBox.checkCat.show { display: block; } .popupCheckBox.checkboxcat { display: none; } .popupCheckBox.checkboxcat.show { display: block; } .popupCheckBox.checkboxslide { display: none; } .popupCheckBox.checkboxslide.show { display: block; } .popupCheckBox [type=checkbox]:not(:checked), .popupCheckBox [type=checkbox]:checked { position: relative; left: 0; } .popupCheckBox ul { -moz-column-count: 2; -moz-column-gap: 20px; -webkit-column-count: 2; -webkit-column-gap: 20px; column-count: 2; column-gap: 20px; } .popupCheckBox .contaiCheck input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .popupCheckBox .contaiCheck { position: relative; } .popupCheckBox .contaiCheck p { font-size: 13px; font-weight: 200; margin-left: 37px; } .checkmark { position: absolute; top: 0; left: 0; height: 25px; width: 25px; background-color: #eee; } /* On mouse-over, add a grey background color */ .contaiCheck:hover input ~ .checkmark { background-color: #ccc; } /* When the checkbox is checked, add a blue background */ .contaiCheck input:checked ~ .checkmark { background-color: #385b93; } /* Create the checkmark/indicator (hidden when not checked) */ .checkmark:after { content: ""; position: absolute; display: none; } /* Show the checkmark when checked */ .contaiCheck input:checked ~ .checkmark:after { display: block; } /* Style the checkmark/indicator */ .contaiCheck .checkmark:after { left: 7px; top: 4px; width: 5px; height: 10px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .graphList { margin: 8px 5px; } .graphList .graphListFlexy { display: flex; } .graphList .flexyasbutton { flex: 1; background-color: #fff; border: 1px solid #DEDEDE; padding: 10px 5px; margin-left: 5px; } .graphList .flexyasbutton:hover { border: 1px solid #92c9d6; background-color: #92c9d6; color: #fff; } .graphList .flexyasbutton:hover i { color: #fff; } .graphList .flexyasbutton:active { border: 1px solid #92c9d6; background-color: #92c9d6; color: #fff; } .graphList .flexyasbutton:active i { color: #fff; } .graphList .flexyasbutton.active { border: 1px solid #92c9d6; background-color: #92c9d6; color: #fff; } .graphList .flexyasbutton.active i { color: #fff; } .graphList .flexyasbutton:focus { border: 1px solid #92c9d6; background-color: #92c9d6; color: #fff; } .graphList .flexyasbutton:focus i { color: #fff; } .graphList .flexyasbutton i { color: #92c9d6; margin-right: 8px; } .selectionItems { padding-top: 20px; } .selectionItems .selec { font-size: 16px; margin-top: 8px; } .selectionItems .selec span { color: #686868; } .buttonsSelector { display: flex; margin-top: 48px; } .buttonsSelector .tabButtonsd { border: 1px solid #CECECE; padding: 12px 20px; border-radius: 4px; font-size: 14px; background-color: #fff; margin-right: 10px; flex: 1; margin-top: -25px; } .buttonsSelector .tabButtonsd:hover { border: 1px solid #92c9d6; background-color: #92c9d6; color: #fff; } .buttonsSelector .tabButtonsd:hover i { color: #fff; } .buttonsSelector .tabButtonsd:active { border: 1px solid #92c9d6; background-color: #92c9d6; color: #fff; } .buttonsSelector .tabButtonsd:active i { color: #fff; } .buttonsSelector .tabButtonsd.active { border: 1px solid #92c9d6; background-color: #92c9d6; color: #fff; } .buttonsSelector .tabButtonsd.active i { color: #fff; } .buttonsSelector .tabButtonsd:focus { border: 1px solid #92c9d6; background-color: #92c9d6; color: #fff; } .buttonsSelector .tabButtonsd:focus i { color: #fff; } .buttonsSelector .tabButtonsd:last-child { margin-right: 0px; } .buttonsSelector .tabButtonsd i { color: #8FCDD4; margin-right: 8px; } .skinntbutton { border: 1px solid #CECECE; padding: 10px 20px; border-radius: 4px; font-size: 16px; background-color: #fff; margin-left: 0px; margin-bottom: -20px; margin-top: 15px; width: 49%; } .skinntbutton i { color: #8FCDD4; margin-right: 8px; } .skinntbutton.greyj { background-color: #E3E3E3; padding: 8px 35px; } .skinntbutton.greyj i { color: #888888; } .right { text-align: right; } .blueSabe { background-color: #92C9D6; border: none; color: #fff; border-radius: 4px; width: 100%; max-width: 234px; text-align: center; padding: 7px 38px; margin-top: 2px; } .blueSabe i { margin-right: 10px; } .greenSabe { background-color: #90CAD2; border: none; color: #fff; border-radius: 4px; width: 100%; max-width: 234px; text-align: center; padding: 7px 38px; margin-top: 5px; } .greenSabe i { margin-right: 10px; } .systemCountBx { margin-top: 40px; height: auto; background-color: #fff; color: #000; padding: 120px 0px 50px; margin-left: 5px; text-align: center; margin-right: 5px; border: 1px solid #DEDEDE; } .systemCountBx .countAmount { font-size: 80px; } .systemCountBx .itemsin { font-size: 18px; margin-top: 40px; } .systemCountBx.condenseMore { margin-top: 53px; padding: 20px 0px; } .systemCountBx.condenseMore .countAmount { font-size: 40px; } .systemCountBx.condenseMore .itemsin { font-size: 18px; margin-top: 11px; } .sendDeviceOverlay { position: fixed; z-index: 9999; background-color: rgba(62, 70, 83, 0.8); width: 100%; left: 0px; top: 0px; height: 1000px; display: none; } .sendDevice { position: fixed; z-index: 9999; border-radius: 20px; width: 100%; max-width: 600px; left: 0px; right: 0px; margin-left: auto; margin-right: auto; top: 50px; padding: 20px; display: none; } .sendDevice .title { position: relative; font-size: 20px; margin-bottom: 20px; border-bottom: 1px solid #ccc; padding-bottom: 13px; color: #f5f5f5; } .sendDevice .title .closeButton { color: #fff; font-size: 18px; position: absolute; top: 0px; right: 10px; cursor: pointer; } .sendDevice .device { float: left; width: 100%; background-color: #f5f5f5; padding-top: 20px; border-radius: 20px; margin-bottom: 20px; cursor: pointer; border: solid 2px #000; } .sendDevice .device .stat_load { padding-top: 0px; padding-bottom: 20px; color: #fff; font-weight: bold; font-size: 18px; } .sendDevice .device:hover, .sendDevice .device.sendingRequest { background-color: #337ab7; } .sendDevice .device:hover .title, .sendDevice .device.sendingRequest .title { color: #fff; } .sendDevice .device .image { float: left; width: 30%; text-align: center; } .sendDevice .device .image img { width: 50px; height: auto; margin-top: 20px; } .sendDevice .device .title { color: #385b93; font-size: 16px; float: left; width: 70%; border-bottom: none; } .sendDevice .device .title p { font-size: 15px; line-height: 25px; } .titleDepartmentStatus { line-height: 22px; padding: 0px 6px; margin-top: 18px; margin-right: 5px; display: inline-block; float: left; } .floatSectionTitle { float: left; margin-right: 10px; } .alert-bar { position: fixed; width: 100%; text-align: center; top: 47px; transition: top 1s ease-out; z-index: 9997; } .alert-bar.peek { top: -100px; } .screen_also { width: 100%; text-align: center; color: #434343; background-color: #ECF0BC; padding-top: 20px; padding-bottom: 20px; line-height: 24px; margin-top: 47px; margin-bottom: -50px; display: none !important; } .badgeIcon { position: absolute; right: 3%; width: 20%; text-align: center; line-height: 25px; height: 25px; color: #fff; margin-top: 8px; font-size: 13px; } .badgeIcon.grey { border-radius: 5px; background-color: #C6C6C9; } .badgeIcon img { margin-top: 4px; } .badgeIcon.green { border-radius: 5px; background-color: #337ab7; } .badgeIcon.red { border-radius: 5px; background-color: #e44f4b; } /* Base for label styling */ [type=checkbox]:not(:checked), [type=checkbox]:checked { position: absolute; left: -9999px; } [type=checkbox]:not(:checked) + label, [type=checkbox]:checked + label { position: relative; padding-left: 25px; cursor: pointer; } /* checkbox aspect */ [type=checkbox]:not(:checked) + label:before, [type=checkbox]:checked + label:before { content: ""; position: absolute; left: 0; top: 4px; width: 17px; height: 17px; border: 1px solid #aaa; background: #f8f8f8; border-radius: 3px; box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3); } /* checked mark aspect */ [type=checkbox]:not(:checked) + label:after, [type=checkbox]:checked + label:after { content: "x"; position: absolute; top: -2px; left: 5px; font-size: 14px; color: #09ad7e; transition: all 0.2s; } /* checked mark aspect changes */ [type=checkbox]:not(:checked) + label:after { opacity: 0; transform: scale(0); } [type=checkbox]:checked + label:after { opacity: 1; transform: scale(1.8); font-weight: bold; } /* disabled checkbox */ [type=checkbox]:disabled:not(:checked) + label:before, [type=checkbox]:disabled:checked + label:before { box-shadow: none; border-color: #bbb; background-color: #ddd; } [type=checkbox]:disabled:checked + label:after { color: #999; } [type=checkbox]:disabled + label { color: #aaa; } /* hover style just for information */ label:hover:before { border: 1px solid #4778d9 !important; } .normal_checkbox { position: relative !important; left: auto !important; } .normal_checkbox.margin-right { position: relative !important; left: auto !important; margin-right: 5px; margin-left: 15px; } footer { position: absolute; bottom: 0; width: 100%; background-color: #231F20; border-top: 4px solid #385b93; color: #FFFFFF; padding-top: 10px; padding-bottom: 4px; text-align: center; } footer ul { display: inline-block; padding-left: 10px; padding-right: 10px; padding-bottom: 10px; padding-top: 5px; } footer ul li { display: inline; margin-left: 20px; margin-right: 20px; list-style-type: none; } .highlight_scheduled { background-color: #ECEFC7 !important; } .highlight_me { background-color: #c1c1c1; color: #000000; text-align: center; padding-top: 2px; padding-bottom: 2px; padding-left: 0px; padding-right: 0px; border-radius: 5px; font-size: 10px; text-transform: uppercase; font-weight: bold; position: relative; white-space: nowrap; display: inline-block; width: 100%; } .highlight_me.warning { background-color: #F7D77D; } .highlight_me.danger { background-color: #CF2121; color: #fff; } .highlight_me.success { background-color: #a2cf56; } .highlight_me.purple { color: #fff; background-color: #924EC7; } .highlight_me.completed { color: #fff; background-color: #009fe0; } .highlight_me.failed { background-color: #e44f4b; color: #fff; } .highlight_me img { margin-top: -3px; margin-left: 5px; margin-right: 5px; } .history .item { cursor: pointer; float: left; width: 24%; border-top-left-radius: 5px; border-top-right-radius: 5px; background-color: #666666; color: #b3b3b3; font-size: 13px; font-weight: 400; line-height: 40px; height: 40px; padding-top: 1px; margin-top: 20px; padding-left: 0%; transition: all 0.3s ease-in; margin-right: 1%; } .item .img { opacity: 0.2; } .info_icon { width: 15px; height: 15px; margin-top: 12px; margin-left: 15px; margin-right: 10px; float: left; background-repeat: no-repeat; background-position: left center; opacity: 0.5; transition: all 1s ease-out; } .user_icon { background-image: url(../../interface/assets/images/elements_top/user.png); } .watch_icon { background-image: url(../../interface/assets/images/elements_top/watch.png); } .history .item:hover .info_icon, .history .item:hover .closeCross { opacity: 1; } .history .item .closeCross:hover { -webkit-filter: saturate(3); } .history .item:hover { cursor: pointer; background-color: #24292e; color: #fff; } .history .item.animate.active { cursor: pointer; background-color: #24292e; color: #fff; } .history .item .closeCross { float: right; width: 10px; height: 10px; padding-top: 2px; padding-right: 25px; opacity: 0.5; transition: all 1s ease-out; } .history .item.animate.active.finances { background-color: #37903F; } .box .row.head.finances { border-bottom: 6px solid #37903F; } .history .item.animate.active.cases { background-color: #C72E88; } .box .row.head.cases { border-bottom: 6px solid #C72E88; } .history .item.animate.active.logistics { background-color: #B80909; } .box .row.head.logistics { border-bottom: 6px solid #B80909; } .history .item.animate.active.orders { background-color: #7D1CBD; } .box .row.head.orders { border-bottom: 6px solid #7D1CBD; } .history .item.animate.active.products { background-color: #0975B8; } .box .row.head.products { border-bottom: 6px solid #0975B8; } .history .item.animate.active.warehouse { background-color: #F26E22; } .box .row.head.warehouse { border-bottom: 6px solid #F26E22; } .imagery_list { float: left; width: 100%; padding-top: 10px; } .imagery_list li { width: 15%; display: inline-block; padding: 5px; border: 1px #000 solid; background-color: #fff; } .imagery_list li img { max-width: 100%; height: auto; } /*OrkaUploader fix*/ .clone_item { display: none !important; } .alertMessageBox { margin-top: -1px; margin-bottom: 10px; float: left; width: 100%; } .alertMessageBox .alertMessageBoxItem { padding: 5px 2%; font-size: 11px; color: #707070; border: 1px solid #E1E1E1; border-bottom: none; background-color: #FCF8E3; width: 100%; float: left; } .alertMessageBox .alertMessageBoxItem:last-child { border-bottom: 1px solid #E1E1E1; } .alertMessageBox .alertMessageBoxItem .amb_icon { width: 30%; float: left; } .alertMessageBox .alertMessageBoxItem .amb_who { width: 30%; float: left; } .alertMessageBox .alertMessageBoxItem .amb_message { width: 40%; float: left; white-space: nowrap; display: inline-block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .alertMessageBox .alertMessageBoxItem .amb_message:hover { text-overflow: none; white-space: initial; overflow: hidden; } .investigation_buttons { width: 95%; float: left; margin-top: -65px; position: relative; margin: -65px 5px 5px 15px; } .investigation_buttons .highlight_me { margin-bottom: 10px; } .investigation_button { width: 100%; float: left; margin-bottom: 10px; font-size: 14px; text-align: center; border-radius: 10px; height: 41px; line-height: 38px; background-color: #687282; border: 1px solid #687282; color: #fff; text-transform: uppercase; font-weight: bold; } .investigation_button.approve { background-color: #5fa384; border: 1px solid #5fa384; } .investigation_button.reject { background-color: #a35f5f; border: 1px solid #a35f5f; } .investigation_button.loading { background-color: #c1c1c1; background-image: url(../../interface/assets/images/icons/load.gif); background-repeat: no-repeat; background-position: center center; } .investigation_detail { font-size: 12px; width: 100%; float: left; text-align: center; color: #999; } .involved { position: absolute; top: 9px; right: 27px; } .involved .stat_load { padding-top: 0px; margin-top: 14px; padding-right: 4px; } .involved a { width: 40px; height: 40px; float: left; margin-left: 5px; text-align: center; font-size: 19px; line-height: 36px; color: #fff; border-radius: 100px; } .involved img { width: 40px; height: auto; border-radius: 0px; margin-left: 0px; border: #fff solid 1px; } .stepwizard-step p { margin-top: 10px; } .stepwizard-row { display: table-row; } .stepwizard { display: table; width: 100%; position: relative; margin-bottom: 40px; } .stepwizard-step button[disabled] { opacity: 1 !important; filter: alpha(opacity=100) !important; } .stepwizard-row:before { top: 14px; bottom: 0; position: absolute; content: " "; width: 100%; height: 1px; background-color: #ccc; z-order: 0; } .stepwizard-step { display: table-cell; text-align: center; position: relative; } .btn-circle { width: 30px; height: 30px; text-align: center; padding: 6px 0; font-size: 12px; line-height: 1.428571429; border-radius: 15px; } .outcome_box { float: left; width: 100%; padding: 20px; text-align: center; background-color: #000; border: 1px solid transparent; border-radius: 4px; color: #fff; margin-bottom: 10px; } .outcome_box.confirm { color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; } .outcome_box.reject { color: #a94442; background-color: #f2dede; border-color: #ebccd1; } .outcome_box img { margin-bottom: -5px; margin-right: 10px; } .pathway_item_wrap { width: 100%; float: left; border-top: 1px solid #d8d8d8; } .pathway_space { width: 100%; float: left; border-top: 4px solid #d8d8d8; } .pathway_item { float: left; width: 100%; border-left-color: #d8d8d8; border-right-color: #d8d8d8; border-bottom-color: #d8d8d8; border-style: none solid solid; border-left-width: 1px; border-right-width: 1px; border-bottom-width: 1px; background-color: #e7eff2; transition: all 1s linear; } .pathway_item.qc.complete0 { background-color: #e44f4b; } .pathway_item.qc.complete0 .pathway_title { color: #fff; } .pathway_item.qc.complete1 { background-color: #337ab7; } .pathway_item.qc.complete1 .pathway_title { color: #fff; } .pathway_item.stage.animate { background-color: #ecf0bc; } .pathway_item.qc .pathway_icon { line-height: 76px; height: 60px; } .pathway_item.qc .pathway_title { padding-top: 20px; line-height: 21px; font-size: 16px; width: 60%; } .pathway_item.qc .pathway_note { background-color: #ecf0bc; padding-top: 15px; padding-bottom: 15px; line-height: 21px; font-size: 16px; width: 100%; text-align: left; padding-left: 5%; padding-right: 5%; } .pathway_item.qc .pathway_stamp { padding-top: 5px; width: 25%; line-height: 24px; color: #fff; margin-right: 1%; text-align: center; float: right; } .pathway_item.qc .pathway_stamp .fa { font-size: 50px; color: #fff; } .pathway_item.qc .pathway_icons { padding-top: 10px; width: 25%; line-height: 24px; color: #fff; } .pathway_item.qc .pathway_icons img { margin-left: 15px; margin-right: 0px; } .pathway_item.qc .pathway_icon img { margin-left: 15px; margin-right: 0px; } .pathway_item.skipped.animate { opacity: 0.5; } .pathway_item.completed.animate { background-color: #337ab7; } .pathway_item.completed .pathway_title { color: #fff; } .pathway_item.completed .pathway_title .brandBlue { color: #fff; } .pathway_icon { transition: all 1s linear; float: left; max-width: 58px; width: 10%; line-height: 50px; height: 41px; background-image: -webkit-linear-gradient(90deg, #d7d7d7 0%, #ffffff 100%); background-image: -moz-linear-gradient(90deg, #d7d7d7 0%, #ffffff 100%); background-image: -o-linear-gradient(90deg, #d7d7d7 0%, #ffffff 100%); background-image: linear-gradient(0deg, #d7d7d7 0%, #ffffff 100%); } .pathway_item.stage .pathway_icon, .pathway_item.completed .pathway_icon, .pathway_item.skipped .pathway_icon { opacity: 0; } .pathway_item.animate .pathway_icon { opacity: 1; } .pathway_icon.number { font-weight: bold; font-size: 22px; line-height: 38px; } .pathway_item.stage .pathway_icon, .pathway_item.completed .pathway_icon, .pathway_item.skipped .pathway_icon { background-image: none; } .pathway_icons img { margin-left: 3px; margin-right: 3px; } .pathway_buttons { padding-top: 5px; padding-bottom: 5px; width: 15%; float: right; margin-right: 1%; text-align: center; color: #fff; } .pathway_title { width: 70%; float: left; margin-left: 2%; padding-top: 10px; padding-bottom: 10px; line-height: 21px; font-size: 13px; text-align: left; } .pathway_title.question { width: auto; font-weight: bold; width: 45%; padding-right: 2%; border-right: 1px solid #ccc; } .pathway_title.answer { border-right: 1px solid #ccc; width: auto; padding-left: 0%; width: 45%; } .pathway_title.extraspace { width: 85%; float: left; margin-left: 2%; padding-top: 10px; padding-bottom: 10px; line-height: 21px; font-size: 13px; text-align: left; } .countdown { font-size: 18px; font-weight: bold; color: #337ab7; } .pathway_icons { padding-top: 12px; width: 15%; float: right; margin-right: 1%; text-align: center; } .pathway_stats { float: left; width: 100%; font-size: 16px; line-height: 24px; padding-bottom: 10px; } .popover { z-index: 90000; font-family: "Roboto", sans-serif; } .element-popover { width: 100%; margin-bottom: 10px; } .element-popover label { width: 100%; } .element-popover .textarea { border-radius: 5px; height: 100px; background-color: #FFF; border: 1px solid #DFE1E2; line-height: 20px; width: 100%; padding-left: 5px; font-size: 16px; } .element-popover a:hover { color: #000 !important; } .tableWrap td { padding-bottom: 10px; line-height: 22px; } .element-popover select, .textlineFull { border-radius: 5px; height: 45px; background-color: #FFF; border: 1px solid #DFE1E2; line-height: 45px; width: 100%; padding-left: 5px; font-size: 16px; } .popup_buttongroup { width: 100%; } .popover_button { background-color: #24292e; border: 1px solid #385b93; font-size: 14px; padding-left: 20px; padding-right: 20px; padding-top: 5px; padding-bottom: 5px; color: #FFFFFF; transition: all 0.4s ease-out; } .popover_button.complete_button { float: right; background-color: #0975B8; } .popover_button.delete_button { float: right; background-color: #e44f4b; } .popover_button.saveButton { margin-right: 10px; } .popover_button.loading { background-color: #24292e; width: 80px; background-image: url(../../interface/assets/images/icons/load.gif); background-repeat: no-repeat; background-position: center center; } .popover_button.white { color: #000; background-color: #FFF; border: 1px solid #DFE1E2; } .popover_button:hover { background-color: #231F20; color: #FFFFFF; } .popover_custom_container { text-align: center; width: 100%; } #popover_data { width: 100%; } .popover-content { width: 272px; } .smaller_alerts_radios { font-size: 13px; margin-left: 10px; float: left; width: 100%; margin-bottom: 10px; } .smaller_alerts_radios label { float: none !important; width: auto !important; line-height: 28px; text-align: left; display: inline-block; } .smaller_alerts_radios input { position: relative !important; left: 0px !important; } .smaller_alerts_radios input[type=checkbox], input[type=radio] { margin-left: 5px; } .side_box { border: 1px solid #EAECEF; width: 100%; padding: 2%; background-color: #fff; float: left; } .side_box #dailyPickCalendar { width: 100%; } .side_box #dailyPickCalendar .ui-datepicker-inline { width: 100%; float: left; } .is-sticky .side_box { padding: 3px; } .side_box_issue { width: 100%; float: left; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #e5e5e5; } .side_box_issue:last-child { border-bottom: none; padding-bottom: 0px; } .last_update_tag { font-size: 12px; font-style: italic; color: #666666; padding-top: 5px; } .side_box_issue_button { float: right; margin-top: 10px; } .side_box_issue_guide_text { float: left; width: 100%; font-size: 14px; text-align: left; margin-top: 10px; } .side_box_issue_content { float: left; margin-top: 10px; line-height: 20px; } .side_box_summary_section { border-bottom: 1px solid #ccc; /* border-top: 1px solid #ccc; */ width: 100%; float: left; padding-top: 0px; padding-bottom: 15px; } .side_box_affected { width: 100%; float: left; padding-top: 15px; padding-bottom: 15px; line-height: 24px; font-size: 14px; border-bottom: 1px solid #ccc; margin-bottom: 15px; } .side_box_affected:last-child { margin-bottom: 0px; border-bottom: none; } .side_box_action_buttons { border-bottom: 1px solid #ccc; width: 100%; float: left; padding-top: 15px; padding-bottom: 15px; } .side_box_action_buttons .button, .side_box_action_buttons .audit_calendar .audit_calendar_table .table tr.section_head.section_foot .section_button, .side_box_action_buttons .audit_standard .audit_calendar_table .table tr.section_head.section_foot .section_button, .side_box_action_buttons .audit_gmp_aduit .audit_calendar_table .table tr.section_head.section_foot .section_button, .side_box_action_buttons .audit_metal .audit_calendar_table .table tr.section_head.section_foot .section_button, .side_box_action_buttons .audit_temperature .audit_calendar_table .table tr.section_head.section_foot .section_button, .side_box_action_buttons .audit_bulk_pork .audit_calendar_table .table tr.section_head.section_foot .section_button, .side_box_action_buttons .audit_info_box .audit_calendar_table .table tr.section_head.section_foot .section_button, .side_box_action_buttons .audit_efficency .audit_calendar_table .table tr.section_head.section_foot .section_button, .side_box_action_buttons .audit_efficency2 .audit_calendar_table .table tr.section_head.section_foot .section_button, .audit_calendar .audit_calendar_table .table tr.section_head.section_foot .side_box_action_buttons .section_button, .audit_standard .audit_calendar_table .table tr.section_head.section_foot .side_box_action_buttons .section_button, .audit_gmp_aduit .audit_calendar_table .table tr.section_head.section_foot .side_box_action_buttons .section_button, .audit_metal .audit_calendar_table .table tr.section_head.section_foot .side_box_action_buttons .section_button, .audit_temperature .audit_calendar_table .table tr.section_head.section_foot .side_box_action_buttons .section_button, .audit_bulk_pork .audit_calendar_table .table tr.section_head.section_foot .side_box_action_buttons .section_button, .audit_info_box .audit_calendar_table .table tr.section_head.section_foot .side_box_action_buttons .section_button, .audit_efficency .audit_calendar_table .table tr.section_head.section_foot .side_box_action_buttons .section_button, .audit_efficency2 .audit_calendar_table .table tr.section_head.section_foot .side_box_action_buttons .section_button, .side_box_action_buttons .audit_calendar .section_buttonGroup .section_button, .side_box_action_buttons .audit_standard .section_buttonGroup .section_button, .side_box_action_buttons .audit_gmp_aduit .section_buttonGroup .section_button, .side_box_action_buttons .audit_metal .section_buttonGroup .section_button, .side_box_action_buttons .audit_temperature .section_buttonGroup .section_button, .side_box_action_buttons .audit_bulk_pork .section_buttonGroup .section_button, .side_box_action_buttons .audit_info_box .section_buttonGroup .section_button, .side_box_action_buttons .audit_efficency .section_buttonGroup .section_button, .side_box_action_buttons .audit_efficency2 .section_buttonGroup .section_button, .audit_calendar .section_buttonGroup .side_box_action_buttons .section_button, .audit_standard .section_buttonGroup .side_box_action_buttons .section_button, .audit_gmp_aduit .section_buttonGroup .side_box_action_buttons .section_button, .audit_metal .section_buttonGroup .side_box_action_buttons .section_button, .audit_temperature .section_buttonGroup .side_box_action_buttons .section_button, .audit_bulk_pork .section_buttonGroup .side_box_action_buttons .section_button, .audit_info_box .section_buttonGroup .side_box_action_buttons .section_button, .audit_efficency .section_buttonGroup .side_box_action_buttons .section_button, .audit_efficency2 .section_buttonGroup .side_box_action_buttons .section_button { float: left; margin-right: 10px; min-width: 80px; padding-left: 15px; padding-right: 15px; } .side_box_summary_section ul { width: 100%; float: left; } .side_box_summary_section ul li { font-size: 14px; line-height: 20px; } .side_box_summary_section ul.split { width: 48%; padding-right: 2%; } .noBottom { margin-bottom: 0px !important; } .element_statistics { background-color: #FFFFFF; float: left; width: 100%; border: 1px solid #E7EFF3; border-top: 1px solid #fff; text-align: center; margin-bottom: 30px; position: relative; } .element_statistics .stat { float: left; width: 100%; border-right: 1px solid #E7EFF3; height: 98px; transition: all 1s ease-out; } .element_statistics .stat.rightside { float: left; width: 50%; border-right: 1px solid #E7EFF3; } .element_statistics .stat h3 { color: #385b93; font-size: 36px; line-height: 47px; margin-top: 13px; } .element_statistics .stat p { font-size: 16px; color: #434343; } .element_statistics .stat .statOption { padding-left: 10%; margin-top: 20px; display: inline; width: 90%; float: left; font-size: 15px; line-height: 18px; } .statOptions { text-align: left; height: auto; padding-top: 20px; line-height: 28px; font-size: 20px; } .element_total { text-align: center; padding-top: 21px; color: #3f3e42; font-family: "Roboto", sans-serif; font-style: normal; font-weight: 500; font-size: 16px; } .refreshing { opacity: 0.8 !important; } .stat_load { float: left; width: 100%; padding-top: 40px; text-align: center; } .product_row.complete td { background-color: #337ab7; color: #fff; } .product_row.complete td a, .product_row.complete td .brandBlue { color: #fff; } .product_row.stock_loaded td { background-color: #c3cf21; } .smaller_alerts_radios { font-size: 13px; margin-left: 10px; float: left; width: 100%; margin-bottom: 10px; } .smaller_alerts_radios label { float: none !important; width: auto !important; line-height: 28px; text-align: left; display: inline-block; } .smaller_alerts_radios input { position: relative !important; left: 0px !important; } .smaller_alerts_radios input[type=checkbox], input[type=radio] { margin-left: 5px; } .progress { margin-bottom: 0px; background-color: #b4b4b4; } .section_title { background-color: #385b93; height: 59px; color: #fff; line-height: 60px; font-size: 18px; font-family: "Roboto", sans-serif; font-style: normal; font-weight: 300; padding-left: 20px; margin-bottom: 10px; width: 100%; display: inline-block; } .section_title.completed { background-color: #5fa384; } .section_title.pending { background-color: #e6d674; color: #000; } .section_title.quarantined { background-color: #cf2121; font-size: 24px; } .section_title.editing { background-color: #86a9e2; } .circleLogoAppear { transition: all 0.9s ease-in; width: 150px; height: 150px; background-image: url(../../interface/assets/images/retailers/circle.png); background-repeat: no-repeat; display: inline-block; margin-bottom: 20px; } .circleLogoAppear img { transition: all 1s ease-in; opacity: 0; } .circleLogoAppear.reveal img { opacity: 1; } .comparisionItem { display: inline-block; color: #fff; background-color: #7393c8; padding: 1px 10px; font-size: 12px; width: 94%; text-align: center; margin-left: 3%; } .complaintTimeAverage { float: right; margin-top: 5px; margin-right: 5px; padding: 3px 8px; line-height: 14px; font-size: 11px; } .reportsCransStyle .reportTableStyle th { text-align: center; background-color: #3474CA; color: #fff; border-left: 1px solid; } .reportsCransStyle .reportTableStyle .ytdStyle { background-color: #E9EBF6; } .reportsCransStyle .reportTableStyle td { text-align: center; border-left: 1px solid #fff; } .reportsCransStyle .reportTableStyle td.redStlE { background-color: #FF0000; color: #fff; } .reportsCransStyle .reportTableStyle td.greenStlE { background-color: #7DD230; color: #fff; } .reportsCransStyle .complaintsList h2 { font-size: 20px; margin-bottom: 15px; color: #3474CA; margin-top: 30px; } .reportsCransStyle .complaintsList h2.topMarginRemove { margin-top: 40px; } .reportsCransStyle .complaintsList span { color: red; } /*.popupAddModule { position: fixed; width: 80%; height: 80%; margin: 3% auto; Will not center vertically and won't work in IE6/7. left: 0; right: 0; z-index: 1; background-color: white; border: solid black 2px; border-radius: 10px; }*/ .zeroValue { background-color: #d2eef4 !important; width: 100%; margin-top: 0%; margin-left: 0%; padding-bottom: 0%; } .complaintsReport { overflow-x: scroll; } .complaintsReport .table { border: 0px solid #E7EFF3; } .complaintsReport .table thead > tr > th { vertical-align: inherit; padding: 22px 8px; font-size: 12px; font-weight: normal; min-width: 94px; padding: 0px; } .complaintsReport .table thead > tr > th div { transform: rotate(90deg); } .complaintsReport .table thead > tr.subheader > td { background-color: #92c8d7; border: 1px solid #92c8d7; } .rotate { transform: rotate(90deg); } .escalationStage { width: 100%; font-size: 12px; margin-top: -16px; margin-bottom: 16px; position: relative; padding: 8px 10px 7px 10px; border-bottom: 1px solid #b9b9b9; } .escalationStage .escalationNumber { float: left; margin-top: 2px; margin-right: 10px; font-size: 15px; font-weight: bold; border-radius: 3px; line-height: 18px; height: 18px; width: 18px; text-align: center; background-color: #fff; color: #000; } .escalationStage.next { color: #f4fffa; background-color: #687282; } .escalationStage.next .escalationNumber { background-color: #fff; color: #000; } .escalationStage.active { color: #4a4a4a; background-color: #fbefcd; } .escalationStage.active .escalationNumber { background-color: #fff; color: #000; } .escalationStage.escalated { color: #4a4a4a; background-color: #fbefcd; } .escalationStage.escalated .escalationNumber { background-color: #f00; color: #fff; } .escalationStage.completed { background-color: #5cb85c; color: #fff; } .escalationStage.completed .escalationNumber { background-color: #5cb85c; color: #fff; } .fabtitle { color: #1A1A1A; font-size: 20px; padding-top: 15px; } .fabButton { float: right; padding: 12px; width: 100%; max-width: 240px; border: none; border-radius: 5px; color: #fff; background-color: #385B93; } .fabAudit { margin-right: 35px; margin-left: 35px; margin-top: 72px; } .fabAudit .element_statistics { margin-top: 30px; } .headFA { background-color: #373737 !important; color: #fff; } .fabricAuditTable { width: 100%; border-collapse: collapse; border-spacing: 0; } .fabricAuditTable tr:nth-child(odd) { background-color: #f2f2f2; } .fabricAuditTable .viewPhotos { padding: 11px 12px; } .fabricAuditTable .viewPhotos button { background-color: #385B93; color: #fff; padding: 6px 14px; border: none; border-radius: 5px; } .fabricAuditTable .accessThisRisk { clear: left; padding: 11px 12px; background-color: #4372BC; color: #fff; padding: 6px 20px; border: none; border-radius: 5px; } .fabricAuditTable .riskResult { margin-top: 5px; clear: left; width: 100%; float: left; text-align: center; background-color: #E60303; color: #fff; padding: 6px 4px; border: none; border-radius: 5px; font-size: 16px; font-weight: 700; } .fabricAuditTable .addCorrectiveAction { padding: 11px 12px; } .fabricAuditTable .addCorrectiveAction button { background-color: #4372BC; color: #fff; padding: 6px 20px; border: none; border-radius: 5px; } .fabStanModal { display: none; position: fixed; z-index: 1; padding-top: 100px; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: black; background-color: rgba(0, 0, 0, 0.4); } .fabStanModal .modal-content { background-color: #fefefe; margin: auto; padding: 20px; border: 1px solid #888; width: 40%; } .fabStanModal .close { color: #000000; float: right; font-size: 28px; font-weight: bold; } .fabStanModal .close:hover, .fabStanModal .close:focus { color: #000; text-decoration: none; cursor: pointer; } .fabStanModal .ratitle { color: #707070; font-size: 20px; text-align: center; margin-top: 9px; margin-left: 46px; } .fabStanModal .riskAseesmentCalculatorform .questionRow { display: flex; flex-wrap: wrap; width: 100%; } .fabStanModal .riskAseesmentCalculatorform .questionRow .qRQuest { flex: 1 0 100%; margin-top: 15px; margin-bottom: 8px; } .fabStanModal .riskAseesmentCalculatorform .questionRow .yesAnswer { flex: 1 0 40%; width: 100%; border: 1px solid #A7A7A7; border-radius: 5px; background-color: #E9E9E9; color: #464646; padding: 12px 5px; margin-right: 10px; } .fabStanModal .riskAseesmentCalculatorform .questionRow .noAnswer { flex: 1 0 40%; width: 100%; border: 1px solid #A7A7A7; border-radius: 5px; background-color: #E9E9E9; color: #464646; padding: 12px 5px; margin-right: 10px; } .fabStanModal .riskAseesmentCalculatorform .questionRow .loie { flex: 1 0 82%; width: 100%; border: 1px solid #A7A7A7; border-radius: 5px; background-color: #FFFFFF; color: #464646; padding: 12px 5px; margin-right: 10px; } .fabStanModal .riskAseesmentCalculatorform .questionRow .scoreSection { flex: 1 0 15%; border: 1px solid #A7A7A7; color: #464646; padding: 12px 5px; width: 100%; text-align: center; border-radius: 5px; } .fabStanModal .riskAseesmentCalculatorform .questionRow .loietext { flex: 1 0 82%; width: 100%; border: 1px solid #A7A7A7; border-radius: 5px; background-color: #FFFFFF; color: #464646; padding: 12px 17px; margin-right: 10px; font-size: 13px; } .fabStanModal .riskAseesmentCalculatorform .questionRow .loiefile { flex: 1 0 82%; width: 100%; border: 1px solid #A7A7A7; border-radius: 5px; background-color: #FFFFFF; color: #464646; padding: 12px 17px; margin-right: 10px; font-size: 13px; } .fabStanModal .riskAseesmentCalculatorform .questionRow .selectedItemScore { background-color: #385B93; color: #fff; } .fabStanModal .riskAseesmentCalculatorform .questionRow .addcomment { flex: 1 0 82%; margin-right: 10px; } .fabStanModal .riskAseesmentCalculatorform .questionRow .finalscroe { flex: 1 0 15%; } .fabStanModal .riskAseesmentCalculatorform .questionRow .finalScoreSection { background-color: #E6EDF5; font-size: 40px; color: #464646; text-align: center; } .fabStanModal .riskAseesmentCalculatorform .bigSaveButton { background-color: #385B93; border: 1px solid #B1B1B1; border-radius: 5px; padding: 15px 8px; margin-top: 20px; width: 100%; max-width: 300px; color: #fff; margin-top: 20px; font-size: 16px; } .riskTitle { font-size: 20px; color: #1A1A1A; } .bluBut { float: right; background-color: #385B93; color: #fff; padding: 12px 25px; border: none; border-radius: 5px; } .inpuAudittForm { display: flex; padding: 14px 20px 25px 20px; } .inpuAudittForm .forminput { flex: 1 0 70%; display: flex; flex-wrap: wrap; padding-right: 20px; } .inpuAudittForm .forminput label { flex: 1 0 25%; margin-right: 15px; margin-top: 15px; color: #717171; font-size: 14px; font-weight: 500; } .inpuAudittForm .forminput label select { width: 100%; border: 1px solid #cfcfcf; border-radius: 5px; padding: 10px 7px; margin-top: 7px; } .inpuAudittForm .forminput label input { width: 100%; border: 1px solid #cfcfcf; border-radius: 5px; padding: 7px; margin-top: 7px; } .inpuAudittForm .forminput label textarea { width: 100%; border: 1px solid #cfcfcf; border-radius: 5px; padding: 7px; margin-top: 7px; } .inpuAudittForm .rightSideT { flex: 1 0 28%; } .inpuAudittForm .rightSideT .bigBlueButton { background-color: #385B93; color: #fff; font-size: 16px; padding: 21px 12px; margin-top: 19px; border: none; border-radius: 5px; width: 100%; } .inpuAudittForm .rightSideT .photoClicker { background-color: #F6F6F6; border: 1px solid #A79F9F; border-radius: 6px; padding: 45px 15px; text-align: center; color: #848484; margin-top: 43px; } .inpuAudittForm .rightSideT .photoClicker i { color: #848484; font-size: 20px; } .inpuAudittForm .rightSideT .photoClicker p { color: #848484; font-size: 18px; } .incTitle { font-size: 16px; margin-left: 15px; margin-top: 14px; margin-bottom: -8px; } .innerContentAudits { background-color: #fff; border: 1px solid #D2D2D2; margin-top: 25px; padding: 15px; } .innerContentAudits .topBoxes { display: flex; } .innerContentAudits .topBoxes .boxStat1 { flex: 1 auto; background-color: #F6F6F6; color: #707070; margin: 0 10px; text-align: center; padding: 18px 15px; border: 1px solid #707070; border-radius: 4px; } .innerContentAudits .topBoxes .boxStat1 .topTitlea { color: #404040; font-size: 20px; font-weight: bold; } .innerContentAudits .topBoxes .boxStat1 .blueBottom { color: #385B93; font-size: 20px; font-weight: bold; } .filtersection { background-color: #F3F3F3; margin: 17px 9px 10px 9px; padding: 15px; display: flex; } .filtersection .fschecks { flex: 1 auto; color: #6B6B6B; font-size: 16px; font-weight: 600; padding-top: 8px; } .filtersection .searchFilter { flex: 1 auto; position: relative; margin: 0 12px; } .filtersection .searchFilter .fa-search { position: absolute; right: 14px; top: 10px; color: #3d3d3d; } .filtersection .searchFilter input { width: 100%; padding: 6px 16px; border: 1px solid #b9b9b9; border-radius: 5px; } .filtersection .searchFilter select { width: 100%; padding: 8px 16px; border: 1px solid #b9b9b9; border-radius: 5px; } .tabhead { background-color: #373737; color: #fff; text-align: center; } .glassplast { width: 99%; margin: -10px 10px 0 10px; } .glassplast tr { text-align: center; } .glassplast th { text-align: center; padding: 12px 5px; } .glassplast td { text-align: center; padding: 12px 5px; } .glassplast td i { color: #385B93; margin-right: 5px; } .glassplast tr:nth-child(even) { background-color: #f2f2f2; } .glassplast .riskLayer { color: #959595; display: grid; } .glassplast .riskLayer i { color: #959595; } .glassplast .typeDiuv { background-color: #FBECA4; color: #373737; padding: 4px 2px; border-radius: 10px; max-width: 105px; margin: auto; } .glassplast .intact { background-color: #0E840E !important; } .glassplast .mediumRisk i { color: #FF8737; } .glassplast .highRisk i { color: #E60303; } .glassplast .plasticType { background-color: #FBECA4; } .glassplast .glassType { background-color: #B8A4FB; } .glassplast .colorType { background-color: #FFC081; } .glassplast .ceramicType { background-color: #93D2CA; } .glassplast .statusop { background-color: #E60303; color: #fff; padding: 4px 2px; border-radius: 10px; } .glassplast .statusop.complete { background-color: #5fa384; } .glassplast .awaitingWO { background-color: #FBECA4; color: #373737; padding: 4px 2px; border-radius: 10px; max-width: 115px; margin: auto; } .glassplast .editbuttle { background-color: #474748; color: #fff; border: none; padding: 4px 2px; border-radius: 5px; } .starttbuttle { background-color: #385B93; color: #fff; border: none; padding: 4px 2px; border-radius: 5px; } .risktitl { font-size: 16px; margin-bottom: 24px; margin-top: 25px; margin-left: 20px; } .secondSection { background-color: #FCFCFC; border: 1px solid #C2C2C2; margin: 0 20px; border-radius: 5px; margin-bottom: 42px; display: flex; padding: 18px; } .secondSection .leftSection { display: flex; flex-wrap: wrap; margin-right: 20px; flex: 1 0 70%; } .secondSection .leftSection .auditChoices { flex: 1 0 48%; margin: 3px 8px 10px 8px; background-color: #fff; text-align: center; border: 1px solid #9B9B9B; border-radius: 5px; padding: 8px 10px 6px 10px; } .secondSection .leftSection .auditChoices p { font-size: 14px; line-height: 21px; margin-top: 12px; margin-bottom: 5px; } .secondSection .leftSection .auditChoices .resultAction { background-color: #fff; display: flex; } .secondSection .leftSection .auditChoices .resultAction button { background-color: #8D8D8D; color: #fff; border: none; border-radius: 8px; flex: 1 0 45%; margin: 10px 5px; padding: 12px 5px; } .secondSection .rightSection { flex: 1 0 28%; } .secondSection .rightSection .totalScore { background-color: #E9E9E9; padding: 28px 12px; border: 1px solid #385B93; text-align: center; border-radius: 6px; margin-top: 8px; } .secondSection .rightSection .totalScore .totalScoreTitle { color: #404040; font-size: 22px; font-weight: bold; margin-top: 6px; } .secondSection .rightSection .totalScore .scoreNumber { font-size: 32px; font-weight: bold; margin-top: 10px; margin-bottom: 7px; color: #737373; } .secondSection .rightSection .checkFreiquency { margin-top: 15px; background-color: #F6F6F6; border: 1px solid #000; border-radius: 5px; padding: 17px 5px; text-align: center; } .secondSection .rightSection .completeRisk { background-color: #385B93; color: #fff; margin-top: 12px; border-radius: 4px; padding: 14px 5px; border: none; width: 100%; } .secondSection .rightSection .addAnotherrisk { background-color: #4A4A4A; color: #fff; margin-top: 12px; border-radius: 4px; border: none; padding: 14px 5px; width: 100%; } .auditList .auditItemRow { width: 100%; margin-top: 22px; border: 1px solid #B2B2B2; border-radius: 0 0 5px 5px; background-color: #F2F2F2; } .auditList .auditItemRow .headerinfo { background-color: #343434; color: #fff; border: none; display: flex; border-radius: 5px 5px 0 0; padding: 10px 22px; } .auditList .auditItemRow .headerinfo .auditNumber { flex: 1 auto; } .auditList .auditItemRow .headerinfo .auditTit { flex: 1 auto; text-align: center; } .auditList .auditItemRow .headerinfo .areaType { flex: 1 auto; text-align: right; } .auditList .auditItemRow .centralText { background-color: #fff; border: 1px solid #B2B2B2; border-radius: 5px; margin: 18px; display: flex; padding: 15px 18px; } .auditList .auditItemRow .leftCalendarAlt { background-color: #3C7BDF; color: #fff; border-radius: 7px; text-align: center; flex: 1 auto; padding: 9px 8px; margin: auto; } .auditList .auditItemRow .leftCalendarAlt i { margin-right: 5px; } .auditList .auditItemRow .theBigQuestion { flex: 1 0 62%; text-align: center; margin: 0 34px; } .auditList .auditItemRow .theBigQuestion p { font-size: 16px; margin-bottom: 8px; margin-top: 2px; } .auditList .auditItemRow .theBigQuestion .decisionButton { display: flex; } .auditList .auditItemRow .theBigQuestion .decisionButton button { background-color: #8D8D8D; color: #fff; border: none; border-radius: 5px; padding: 10px 5px; width: 100%; flex: 1 0 48%; margin: 0 5px; } .auditList .auditItemRow .imageItemView { background-color: #385B93; color: #fff; border-radius: 7px; text-align: center; flex: 1 auto; padding: 16px 5px; padding-top: 20px; margin: auto; } .auditList .auditItemRow .imageItemView i { margin-right: 5px; } .approvedD { background-color: #2B7B22 !important; color: #fff !important; } .failedD { background-color: #933838 !important; color: #fff !important; } .auditResults { width: 100%; text-align: center; margin-top: 20px; } .auditResults button { background-color: #385B93; color: #fff; font-size: 15px; width: 100%; max-width: 350px; border: none; padding: 20px 8px; border-radius: 4px; margin-top: 15px; margin-bottom: 10px; } .auditResults p { margin-top: 5px; color: #3f3f3f; } .auditResults p i { margin-right: 8px; } .correctiveActionAction { flex: 1 0 65%; border: 1px solid #C1B8B8; border-radius: 5px; margin-top: 40px; padding: 30px; text-align: center; } .correctiveActionAction .caatitle { color: #787878; font-size: 20px; margin-top: 28px; } .correctiveActionAction .actionMid { display: flex; margin-top: 12px; padding: 0 60px; } .correctiveActionAction .actionMid button { flex: 1 0 45%; margin: 10px 5px; } .correctiveActionAction .actionow { background-color: #385B93; color: #fff; padding: 17px 12px; margin-top: 15px; border: none; border-radius: 5px; } .correctiveActionAction .actionowRaise { background-color: #4A4A4A; color: #fff; padding: 17px 12px; margin-top: 15px; border: none; border-radius: 5px; } .actionNowSection { display: none; flex-wrap: wrap; } .actionNowSection .isD { text-align: left; color: #787878; font-size: 18px; width: 100%; margin-bottom: 18px; } .actionNowSection .fullD { width: 100%; text-align: left; margin-top: 15px; } .actionNowSection .fullD p { color: #6D6C6C; } .actionNowSection .fullD button { background-color: #385B93; color: #fff; margin-top: 8px; margin-right: 10px; border: none; border-radius: 5px; padding: 12px 25px; } .actionNowSection .fullD .nocorrective { background-color: #8D8D8D; } .actionNowSection label { flex: 1 auto; text-align: left; margin-right: 15px; margin-top: 15px; color: #717171; font-size: 12px; font-weight: 500; } .actionNowSection label textarea { width: 100%; border: 1px solid #cfcfcf; border-radius: 5px; padding: 7px; margin-top: 7px; } .actionNowSection label input { width: 100%; border: 1px solid #cfcfcf; border-radius: 5px; padding: 7px; margin-top: 7px; } .actionNowSection label select { width: 100%; border: 1px solid #cfcfcf; border-radius: 5px; padding: 10px 7px; margin-top: 7px; } .engineerAssess { flex: 1 0 28% !important; } .engineerAssess .makefull { flex: 1 0 97% !important; } .engineerAssess label { flex: 1 0 45% !important; } .engineerAssess .photoClicker { background-color: #F6F6F6; border: 1px solid #A79F9F; border-radius: 6px; padding: 45px 15px; text-align: center; color: #848484; margin-top: 22px; width: 97%; } .engineerAssess .photoClicker i { color: #848484; font-size: 20px; } .engineerAssess .photoClicker p { color: #848484; font-size: 18px; } .selectedItemprotet { background-color: #385B93 !important; color: #fff; } .selectedUNItemprotet { background-color: #c94c4c !important; color: #fff; } @media only screen and (max-width: 778px) { .auditList { margin-top: 68px; } } @media only screen and (max-width: 655px) { .auditList { margin-top: 68px; } } .escalationStage { width: 100%; font-size: 12px; margin-top: -16px; margin-bottom: 16px; position: relative; padding: 8px 10px 7px 10px; border-bottom: 1px solid #b9b9b9; } .escalationStage .escalationNumber { float: left; margin-top: 2px; margin-right: 10px; font-size: 15px; font-weight: bold; border-radius: 3px; line-height: 18px; height: 18px; width: 18px; text-align: center; background-color: #fff; color: #000; } .escalationStage.next { color: #f4fffa; background-color: #687282; } .escalationStage.next .escalationNumber { background-color: #fff; color: #000; } .escalationStage.active { color: #4a4a4a; background-color: #fbefcd; } .escalationStage.active .escalationNumber { background-color: #fff; color: #000; } .escalationStage.escalated { color: #4a4a4a; background-color: #fbefcd; } .escalationStage.escalated .escalationNumber { background-color: #f00; color: #fff; } .escalationStage.completed { background-color: #5cb85c; color: #fff; } .escalationStage.completed .escalationNumber { background-color: #5cb85c; color: #fff; } .rag_textarea { width: 90%; border: 1px solid #333; background-color: white; height: 75px; font-size: 14px; height: 95px; padding: 5px; margin: 2%; margin-bottom: 0px; } .rag_textarea.splitSpace { height: 60px; float: left; margin-bottom: 5px; } .rag_select { width: 90%; border: 1px solid #333; background-color: white; height: 75px; font-size: 14px; height: 25px; line-height: 23px; padding: 5px; margin: 2%; } .rag_select.splitSpace { float: left; height: 30px; margin-bottom: 0px; } .ragLayout { width: 100%; display: inline-block; } .ragLayout .ragBox, .ragLayout .ragQtyBox { border: 1px solid #333; background-color: white; height: 75px; width: 31%; margin: 1%; display: inline-block; float: left; font-size: 17px; font-weight: bold; line-height: 71px; cursor: pointer; transition: 0.5s ease-in all; } .ragLayout .ragBox.green, .ragLayout .green.ragQtyBox { color: #67a789; background-color: #eeffeb; } .ragLayout .ragBox.green:hover, .ragLayout .green.ragQtyBox:hover { color: #fff; background-color: #2fa41a; } .ragLayout .ragBox.green.selected, .ragLayout .green.selected.ragQtyBox { color: #fff; background-color: #2fa41a; } .ragLayout .ragBox.amber, .ragLayout .amber.ragQtyBox { color: #e8b153; background-color: #fff6e9; } .ragLayout .ragBox.amber:hover, .ragLayout .amber.ragQtyBox:hover { color: #fff; background-color: #ebb966; } .ragLayout .ragBox.amber.selected, .ragLayout .amber.selected.ragQtyBox { color: #fff; background-color: #ebb966; } .ragLayout .ragBox.red, .ragLayout .red.ragQtyBox { color: #cf2121; background-color: #ffe6e6; } .ragLayout .ragBox.red:hover, .ragLayout .red.ragQtyBox:hover { color: #fff; background-color: #cf2121; } .ragLayout .ragBox.red.selected, .ragLayout .red.selected.ragQtyBox { color: #fff; background-color: #cf2121; } .ragLayout .ragQtyBox { color: #878383; padding-top: 20px; line-height: 20px; } .ragLayout .ragQtyBox:hover { color: #878383; background-color: white; } .supplierTitleSection { margin: 20px 25px 0 25px; width: 100%; } .supply_chain_black_tabs { margin-top: 30px; } .stTitle { font-size: 21px; font-weight: bold; color: #1c1c1c; float: left; } .supplierEdit { background-color: #6B6B6B; padding: 3px 12px; border: none; border-radius: 5px; margin-left: 18px; color: #fff; font-size: 12px; margin-top: -6px; margin-bottom: 8px; } .stStats { width: 100%; } .stStats p { margin-right: 25px; color: #363030; font-size: 16px; float: left; } .stStats i { color: #385B93; margin-right: 8px; } .supplierStat { background-color: #0E840E; color: #fff; border-radius: 5px; padding: 12px 5px; border: none; float: right; margin-right: 60px; width: 100%; max-width: 200px; } .supplierStat i { margin-right: 8px; } .supply_chain_black_tabs { margin: 60px 20px; margin-bottom: 0px; } .supply_chain_black_tabs .flexinner { display: flex; flex-wrap: wrap; width: 100%; margin-top: 0px; } .supply_chain_black_tabs .blackBox { line-height: 32px; flex: 1 0 15%; margin-right: 13px; margin-bottom: 12px; background-color: #231F20; color: #fff !important; text-align: center; border-radius: 12px; font-size: 17px; padding: 20px 15px; } .supply_chain_black_tabs .blackBox i { font-size: 24px; color: #fff; } .supply_chain_black_tabs .blackBox.activeTab { background-color: #385B93 !important; color: #fff; transition: 0.3s; } .supply_chain_black_tabs .blackBox:hover { background-color: #385B93; color: #fff; transition: 0.3s; } .greyuploadtab, .blueuploadtab { flex: 1 0 32%; margin-right: 12px; color: #1A1A1A; background-color: #F6F6F6; border: 1px solid #A79F9F; border-radius: 5px; padding: 1%; text-align: center; font-size: 14px; line-height: 22px; } .greyuploadtab.noflex, .noflex.blueuploadtab { flex: none; } .greyuploadtab i, .blueuploadtab i { font-size: 17px; margin-bottom: 1px; margin-top: 0px; color: #3b3b3b; } .greyuploadtab.fullLength, .fullLength.blueuploadtab { width: 98%; float: left; } .greyuploadtab.halfLength, .halfLength.blueuploadtab { width: 55%; float: left; } .greyuploadtab .fsUploader, .blueuploadtab .fsUploader { cursor: pointer; font-weight: bold; color: #000; } .greyuploadtab .fsUploader:hover, .blueuploadtab .fsUploader:hover { color: #003266; } .greyuploadtab .fsUploader i, .blueuploadtab .fsUploader i { color: #000; } .greyuploadtab .fsUploader i:hover, .blueuploadtab .fsUploader i:hover { color: #003266; } .fsFileLine { width: 100%; font-size: 12px; padding: 3px; padding-left: 5px; padding-right: 5px; border-bottom: 1px solid #ccc; background-color: #fff; text-align: left; } .fsFileLine .fsDeleteFileAction { float: right; margin-top: 2px; } .fsFileLine i { color: #B20F0F; } .fsFileLine:first-child { margin-top: 10px; } .blueuploadtab { color: #ffffff; background-color: #6789bf; border: 1px solid #6789bf; margin-top: 5px; } .blueuploadtab i { font-size: 17px; margin-bottom: 1px; margin-top: 0px; color: #ffffff; } .blueuploadtab .fsFileLine i { color: #B20F0F; } .blueuploadtab .fsUploader { font-weight: bold; color: #fff; font-size: 12px; } .blueuploadtab .fsUploader i { color: #fff; padding-right: 10px; font-size: 12px; } .spec_delete { padding-top: 12px; width: 6%; height: 41px; float: right; margin-right: 0%; text-align: center; background-color: rgba(196, 208, 36, 0.6); } .alert_item { text-align: center; background-color: #434343; padding-left: 18px; padding-right: 18px; display: inline-block; border-radius: 5px; float: right; margin-top: 8px; color: #cac9cd; font-size: 11px; line-height: 25px; margin-right: 5px; text-transform: uppercase; cursor: pointer; transition: all 1s ease-out; font-family: "Roboto", sans-serif; } .alert_item:hover { background-color: #7d7d7d; } .alert_item.yellow, .badgeIcon.yellow { border-radius: 5px; background-color: #F7D77D; color: #a0a0a0; } .alert_item.yellow:hover, .badgeIcon.yellow:hover { color: #fff; background-color: #dead23; } .alert_item.grey, .badgeIcon.grey { border-radius: 5px; background-color: #3f4448; } .alert_item.grey:hover, .badgeIcon.grey:hover { background-color: #7d7d7d; } .alert_item.green, .badgeIcon.green { border-radius: 5px; background-color: #33b77a; color: #fff; } .alert_item.green:hover, .badgeIcon.green:hover { background-color: #348d4f; } .alert_item.red, .badgeIcon.red { border-radius: 5px; background-color: #e44f4b; color: #fff; } .alert_item.red:hover, .badgeIcon.red:hover { background-color: #9e403d; } .alert_item.blue, .badgeIcon.blue { border-radius: 5px; background-color: #385b93; color: #fff; } .alert_item.blue:hover, .badgeIcon.blue:hover { background-color: #1d365d; } .alert_item.purple, .badgeIcon.purple { border-radius: 5px; background-color: #924EC7; color: #fff; } .alert_item.purple:hover, .badgeIcon.purple:hover { background-color: #56227f; } .module_icon .checkWrapTop { float: left; margin-right: 5px; } .module_icon .progress { margin-top: 3px; width: 50px; text-align: center; } .module_icon .alert_item.red .fa { color: #fff; } .module_icon .alert_item.red .fa:hover { color: #a0a0a0; } .module_icon .alert_item:hover .fa { color: #fff; } .module_icon .alert_item .fa { color: #a0a0a0; } .module_icon .alert_item .fa:hover { color: #fff; } .module_icon .fa { color: #000; } .module_icon .fa:hover { color: #fff; } .module_icon a { display: inline-block; } .module_icon a:hover { color: #fff; } .module_icon .badgeIcon { position: relative; width: 70px; right: 0px; margin-top: 4px; } .menu_v2 { background-color: #24292e; position: fixed; left: 0px; top: 0px; width: 100%; height: 47px; z-index: 999999999; } .menu_v2 .popup_menu { position: absolute; top: 0px; left: 0px; background-color: #24292e; z-index: 9999; display: none; } .menu_v2 .popup_menu .close_button { height: 47px; width: 61px; padding-top: 4px; float: left; padding-right: 5px; padding-left: 7px; background-color: #24292e; cursor: pointer; text-align: center; } .menu_v2 .popup_menu .close_button img { margin-top: 14px; } .menu_v2 .popup_menu .menu_container { width: 595px; position: absolute; top: 47px; background-color: #24292e; padding-top: 10px; padding-left: 10px; padding-right: 10px; padding-bottom: 10px; border-bottom-right-radius: 15px; } .menu_v2 .popup_menu .menu_container .search_bar { margin-top: 5px; float: left; } .menu_v2 .popup_menu .menu_container .search_bar button { height: 30px; } .menu_v2 .popup_menu .menu_container .search_bar .select2-container { width: 175px !important; float: left; margin-right: 4px; } .menu_v2 .popup_menu .menu_container .search_bar input { border: 1px solid #eff0f2; background-color: #eff0f2; width: 172px; height: 28px; margin-top: 5px; margin-left: 8px; font-size: 12px; padding-left: 14px; } .menu_v2 .popup_menu .menu_container a.hover { opacity: 0.9; } .menu_v2 .popup_menu .menu_container .opening_links { float: left; width: 100%; padding-bottom: 2px; font-size: 12px; border-bottom: 1px solid #ccc; margin-bottom: 5px; color: #cfd0d1; } .menu_v2 .popup_menu .menu_container .opening_links a { color: #cfd0d1; padding-left: 10px; padding-right: 10px; } .menu_v2 .popup_menu .menu_container .opening_links a:hover { color: #CCC; } .menu_v2 .popup_menu .menu_container .opening_links a.disabled { color: #CCC; } .menu_v2 .popup_menu .menu_container .menu_item { border-radius: 5px; background-color: #3f4448; width: 105px; height: 70px; z-index: 46; float: left; text-align: center; padding-top: 0px; margin: 5px; margin-bottom: 15px; position: relative; } .menu_v2 .popup_menu .menu_container .menu_item .badgeIcon { position: relative; width: 88%; margin-left: 9%; margin-top: 5%; } .menu_v2 .popup_menu .menu_container .menu_item .menu_label { color: #fff; margin-bottom: 2px; position: absolute; bottom: 5px; font-size: 12px; text-align: center; width: 100%; } .menu_v2 .popup_menu .menu_container .menu_item .icon { margin-top: 18px; width: 100%; height: 30px; overflow: hidden; color: #90cad4; } .menu_v2 .popup_menu .menu_container .menu_item .icon .fa { color: #90cad4; font-size: 20px; } .menu_v2 .push_logo { width: 35px; height: 35px; padding-left: 0px; padding-top: 0px; transition: all 0.5s ease; } .menu_v2 .push_logo.spin { transform: rotate(360deg); transform-origin: 50% 50%; } .menu_v2 .core_search { padding-left: 16px; float: left; width: 30%; margin-top: 7px; } .menu_v2 .right_section { position: absolute; right: -78px; } .menu_v2 .module_icon { height: 47px; padding-top: 13px; padding-left: 10px; padding-right: 10px; padding-bottom: 10px; float: right; cursor: pointer; position: relative; color: #fff; } .menu_v2 .module_icon .status_bar { position: absolute; width: 100%; height: 3px; top: 0px; left: 0px; } .menu_v2 .module_icon .status_bar.green { background-color: #337ab7; } .menu_v2 .module_icon .status_bar.red { background-color: #e44f4b; } .menu_v2 .module_icon .user_circle { border-radius: 50%; background-color: #000; width: 30px; height: 30px; line-height: 29px; text-align: center; margin-top: -3px; font-size: 16px; color: #fff; font-weight: bold; } .menu_v2 .push_button { height: 47px; width: 61px; float: left; padding-right: 5px; padding-left: 10px; background-color: #24292e; cursor: pointer; padding-top: 5px; } .menu_v2 .push_button .module_square { display: inline-block; padding: 0px; height: 7px; width: 7px; float: left; margin-right: 2px; margin-bottom: 2px; position: relative; } .ui-widget-content { border: 1px solid #e7eff2; background: #f9f9f9; color: #333; padding: 5px; z-index: 999999999 !important; } .ui-autocomplete-category { font-weight: bold; padding: 0.2em 0.4em; margin: 0.8em 0 0.2em; line-height: 1.5; } .ui-menu .ui-menu-item { position: relative; margin: 0; padding: 4px 1em 4px 6px; font-size: 13px; cursor: pointer; min-height: 0; line-height: 16px; /* list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7); */ } .ui-autocomplete { max-height: 500px; overflow-y: auto; /* prevent horizontal scrollbar */ overflow-x: hidden; } /* IE 6 doesn't support max-height * we use height instead, but this forces the menu to always be this tall */ * html .ui-autocomplete { height: 500px; } .core_search .input-group .form-control { background-color: #3f4448; border: 1px solid #3f4448; border-left-color: #24292e; color: #ccc; } .input-group-btn > .btn { background-color: #3f4448; border: 1px solid #3f4448; color: rgba(255, 255, 255, 0.75); } @media only screen and (max-width: 992px) { .search_inline_select { padding-left: 4px; padding-right: 6px; } .input_search.search_large, .newHeaderStyle .search_large.input_search_date { width: 100%; } .menu_v2 .core_search { display: none; } .stat_sub { height: 32px; margin-top: 10px; } .element_buttonGroup .link_button, .audit_calendar .section_buttonGroup .link_button, .audit_standard .section_buttonGroup .link_button, .audit_gmp_aduit .section_buttonGroup .link_button, .audit_metal .section_buttonGroup .link_button, .audit_temperature .section_buttonGroup .link_button, .audit_bulk_pork .section_buttonGroup .link_button, .audit_info_box .section_buttonGroup .link_button, .audit_efficency .section_buttonGroup .link_button, .audit_efficency2 .section_buttonGroup .link_button { width: 100%; margin-top: 10px; } .element_total { width: 100%; } .elementTitle, .side_title { font-family: "Roboto", sans-serif; font-size: 18px; line-height: 25px; margin-top: 15px; text-align: center; margin-bottom: 0px; } } @media only screen and (max-width: 767px) { .element_input_wrap { margin-top: 10px; } .menu_v2 .module_icon { padding-left: 14px; font-size: 22px; } .menu_v2 .right_section { right: -25px; } .redFlashingSec { display: none; } .rightSec { position: absolute; right: 30px; } .thirdleft input { width: 100%; margin-top: 15px; } } .caption_head { width: 100%; background-color: #337ab7; text-align: center; font-size: 12px; color: #fff; line-height: 18px; } .calendar__div { width: 100%; position: relative; } .calendar { border-top: 1px solid #CCC; border-left: 1px solid #CCC; font-family: Tahoma, Geneva, sans-serif; position: relative; width: 100%; } .calendar div.cal-entry-wrap { margin: auto; position: relative; padding: 4px; } .calendar div.cal-entry-header { min-height: 18px; text-align: right; font-weight: normal; position: relative; font-size: 14px; } .calendar div.cal-entry-body { min-height: 70px; } .calendar div.cal-entry-body p { font-size: 12px; margin: 0px; margin-top: 6px; } .calendar div.cal-entry-body li { margin-bottom: 3px; font-size: 10px; padding: 3px; list-style: none; cursor: move; z-index: 999; } .calendar th { vertical-align: top; font-size: 14px; padding-top: 8px; padding-bottom: 8px; font-weight: bold; color: #FFF; background-color: #24292e; border-top-style: none; border-left-style: none; border-right-width: 1px; border-bottom-width: 3px; border-right-style: solid; border-bottom-style: solid; border-right-color: #24292e; text-align: center; } .calendar td { vertical-align: top; font-size: 14px; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; background-color: #FFF; border-top-style: none; border-left-style: none; position: relative; } .nodrag { cursor: pointer !important; } .subtext { font-size: 10px; font-weight: normal; color: #777; line-height: 130%; } .subtext a { color: #5081C4; text-decoration: none; } .subtext a:hover { color: #000; text-decoration: none; } .calendar__div .calendar__whole { position: relative; min-width: 980px; margin-right: 25px; margin-bottom: 25px; margin-left: 25px; background-color: #FFF; } .cal-entry-header .task-control { float: left; display: none; } .highlight { background-color: #444; font-size: 11px; padding: 3px 5px; color: white; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; display: inline-block; line-height: 1.5em; width: 50%; text-align: center; } .cat_expand_full_wdith { width: 100%; } .cat_colour_2600 { background-color: #337ab7; } .highlightName { background-color: #AAA; font-size: 11px; padding: 3px 5px; color: white; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; display: inline-block; line-height: 1.5em; width: 48%; text-align: center; margin-left: 1%; } .calendar td.outofmonth { color: #AAA; background-color: #F0F0F0; } img.linkImage { margin-right: 4px; margin-top: 0px; margin-bottom: -3px; } .cal-entry-header a { color: #231F20; } .calendar tr .hover:hover { background-color: #F5F5F5; } ul.formActions { display: block; margin: 8px 0 14px 0; padding: 0; list-style-type: none; } ul.formActions li { margin: 0; padding: 0 7px 0 0; display: inline-block; zoom: 1; *display: inline; vertical-align: middle; } ul.formActions li.right { float: right; line-height: 26px; margin-top: -2px; } ul.separated li { border-right: 1px solid #E3E3E3; padding-right: 10px; margin-right: 10px; } ul.compact { margin-top: 5px; margin-bottom: 5px; margin-left: 5px; } ul.compact h2 { font-size: 22px; } .thisIsToday { background-color: #f8d77d !important; } .droparea { background-color: #d7dca8 !important; } .calendar div.cal-entry-body span.nodrag { float: right; display: none; position: absolute; right: 0px; top: 8px; } div#pageNavWrapper { margin-left: 25px; margin-right: 35px; height: 27px; } div#pageNav { margin-top: -1px; border-bottom: 1px solid #E3E3E3; background-color: #FFFFFF; } ul.pageNav { list-style-type: none; margin: 0; padding: 0; height: 30px; float: left; width: 600px; } ul.pageNav li a { margin: 5px 16px; display: block; font-size: 12px; font-weight: bold; } ul.pageNav li.selected { background-color: white; border: 1px solid #E3E3E3; border-bottom: none; } ul.pageNav li { float: left; padding: 0; } ul.pageActions { margin-top: 0px; list-style-type: none; float: right; } ul.pageActions .item, ul.pageActions .menu { position: relative; float: left; background-color: #FFF; border-top-width: 1px; border-right-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-left-style: solid; border-top-color: #E3E3E3; border-right-color: #E3E3E3; border-left-color: #E3E3E3; } ul.pageActions .item > span, ul.pageActions .menu > span, ul.pageActions .item > a, ul.pageActions .menu > a { margin: 5px 16px; display: block; font-size: 12px; font-weight: bold; } .loadingScreenBlackOut { text-align: center; width: 100%; border-style: none; position: absolute; background-color: #FFF; opacity: 0.8; margin: auto; height: 100%; z-index: 9999; padding-top: 150px; font-size: 28px; font-weight: bold; display: none; } div.gridsection { clear: both; min-height: 20px; border: 1px solid #E3E3E3; margin-top: 5px; margin-bottom: 10px; padding: 10px 10px 5px 10px; } div.gridsection { padding-bottom: 8px; } div.gridsection .gridtitle { float: left; width: 100%; display: block; margin-top: 0px; margin-bottom: 8px; text-align: right; } table.recordList { width: 100%; clear: both; margin-top: 5px; } .label-overdue { background-color: #FF7F7F; } .label-overdue, .label-today, .label-tomorrow, .label-name { font-size: 10px; margin-right: 4px; color: white; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; } .label-name { background-color: #3399cc; color: #FFF; padding-right: 5px; padding-left: 5px; } .label-tomorrow { background-color: #AAA; } .label-today { background-color: #FFA97F; } .label-overdue, .label-today, .label-tomorrow { font-size: 10px; padding: 2px; margin-right: 4px; color: white; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } table.recordList { width: 100%; margin-top: 5px; margin-bottom: 10px; } table.recordList td { padding: 4px 5px 4px 5px; border-bottom: 1px solid #E3E3E3; font-size: 12px; } table.recordList tr:last-child td { border-bottom-color: #fff; } table.recordList .recordDate { background-color: #888; padding: 2px 5px; margin-left: 5px; color: #FFF; } table.recordList th { border-bottom: 1px solid #E3E3E3; border-top: 1px solid #EEE; padding: 5px 5px 4px 5px; white-space: nowrap; } table.recordList img.recordImage { float: left; margin: 0 10px 0 0; } table.compactList td { padding: 0 7px 3px 0; border-bottom: none; } table.compactList img { padding: 0; margin: 0; } table.recordListTop { width: 100%; clear: both; } table.recordListTop td { vertical-align: top; padding: 4px 5px 4px 5px; border-bottom: 1px solid #E3E3E3; } .task-title a { color: #333 !important; font-weight: bold; font-size: 11px; } .nowraptext { white-space: nowrap; } div.gridsection .gridtitle .gridtitleheading { float: left; margin: 0; padding: 0 3px; left: -3px; background-color: white; } div.gridsection .gridtitle .gridtitleComplete { font-size: 12px; text-align: center; width: 191px; border: 1px solid #E3E3E3; padding: 3px; background-color: white; } div.gridsection .gridtitle .gridtitleComplete:hover { background-color: #E3E3E3; } #calendarWrap { position: relative; padding-top: 20px; padding-bottom: 10px; padding-left: 20px; font-size: 12px; clear: left; } #calendarWrap select { margin-right: 5px; margin-left: 5px; } .leftControl { float: left; width: 190px; } .cancelSmall { float: left; width: 60px; text-align: left; padding-left: 5px; padding-top: 10px; } .gridtitleComplete a, .gridtitleheading a { color: #3399cc; } .gridtitleComplete a:hover, .gridtitleheading a:hover { color: #333; text-decoration: none; } div.left3Quarters { width: 74%; float: left; margin-right: 1%; } .noteSlot { width: 98%; padding-top: 5px; padding-right: 1%; padding-bottom: 5px; padding-left: 1%; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #E9ECF1; font-size: 10px; margin-bottom: 5px; display: none; } a .noteSlot:hover { color: #E52326; } .noteAction { width: 100%; padding-top: 2px; padding-bottom: 2px; font-size: 10px; overflow: hidden; margin-bottom: 5px; text-align: center; background-color: #EAEAEA; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } .noteAction.activeNote { background-color: #E52326 !important; color: #fff !important; } .noteAction.activeNote a { color: #fff !important; } .colourcompleted, .calendarAuditCompleted, .calendarAudit { background-color: #3F4B09 !important; background-image: url(../images/icons/tick_green-12x12.png); background-repeat: no-repeat; background-position: 5% center; } .calendarAudit { background-image: url(../images/icons/world.png); } .calendarAuditCompleted { background-color: #492c90; } .inlineSettings.left_arrow { padding-right: 15px; } .inlineSettings.calendar-next { padding-left: 15px; } @media only screen and (max-width: 600px) { .table > thead > tr > th { vertical-align: inherit; } .calendar td { width: 100%; } .calendar-row { display: flex; width: 100%; flex-flow: column; } #caldayrow { display: none; } .element_full .element_table { overflow: scroll; } .element_full .element_table .table { width: 100%; table-layout: unset; border-collapse: collapse; border-spacing: 0; } .element_full .element_table .table td { width: 105px; } } #colorbox, #cboxOverlay, #cboxWrapper { position: absolute; top: 0; left: 0; z-index: 9999; overflow: hidden; } #cboxWrapper { max-width: none; } #cboxOverlay { position: fixed; width: 100%; height: 100%; } #cboxMiddleLeft, #cboxBottomLeft { clear: left; } #cboxContent { position: relative; } #cboxLoadedContent { overflow: auto; -webkit-overflow-scrolling: touch; } #cboxTitle { margin: 0; } #cboxLoadingOverlay, #cboxLoadingGraphic { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow { cursor: pointer; } .cboxPhoto { float: left; margin: auto; border: 0; display: block; max-width: none; -ms-interpolation-mode: bicubic; } .cboxIframe { width: 100%; height: 100%; display: block; border: 0; padding: 0; margin: 0; } #colorbox, #cboxContent, #cboxLoadedContent { box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; } /* User Style: Change the following styles to modify the appearance of Colorbox. They are ordered & tabbed in a way that represents the nesting of the generated HTML. */ #cboxOverlay { background: #fff; opacity: 0.9; filter: alpha(opacity=90); } #colorbox { outline: 0; } #cboxTopLeft { width: 25px; height: 25px; background: url(images/border1.png) no-repeat 0 0; } #cboxTopCenter { height: 25px; background: url(images/border1.png) repeat-x 0 -50px; } #cboxTopRight { width: 25px; height: 25px; background: url(images/border1.png) no-repeat -25px 0; } #cboxBottomLeft { width: 25px; height: 25px; background: url(images/border1.png) no-repeat 0 -25px; } #cboxBottomCenter { height: 25px; background: url(images/border1.png) repeat-x 0 -75px; } #cboxBottomRight { width: 25px; height: 25px; background: url(images/border1.png) no-repeat -25px -25px; } #cboxMiddleLeft { width: 25px; background: url(images/border2.png) repeat-y 0 0; } #cboxMiddleRight { width: 25px; background: url(images/border2.png) repeat-y -25px 0; } #cboxContent { background: #fff; overflow: hidden; } .cboxIframe { background: #fff; } #cboxError { padding: 50px; border: 1px solid #ccc; } #cboxLoadedContent { margin-bottom: 20px; } #cboxTitle { position: absolute; bottom: 0px; left: 0; text-align: center; width: 100%; color: #999; } #cboxCurrent { position: absolute; bottom: 0px; left: 100px; color: #999; } #cboxLoadingOverlay { background: #fff url(images/loading.gif) no-repeat 5px 5px; } /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */ #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose { border: 0; padding: 0; margin: 0; overflow: visible; width: auto; background: none; } /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */ #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active { outline: 0; } #cboxSlideshow { position: absolute; bottom: 0px; right: 42px; color: #444; } #cboxPrevious { position: absolute; bottom: 0px; left: 0; color: #444; } #cboxNext { position: absolute; bottom: 0px; left: 63px; color: #444; } #cboxClose { position: absolute; bottom: 0; right: 0; display: block; color: #444; } /* The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill when an alpha filter (opacity change) is set on the element or ancestor element. This style is not applied to or needed in IE9. See: http://jacklmoore.com/notes/ie-transparency-problems/ */ .cboxIE #cboxTopLeft, .cboxIE #cboxTopCenter, .cboxIE #cboxTopRight, .cboxIE #cboxBottomLeft, .cboxIE #cboxBottomCenter, .cboxIE #cboxBottomRight, .cboxIE #cboxMiddleLeft, .cboxIE #cboxMiddleRight { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); } .colourBox { width: 35px; height: 35px; float: left; display: inline-block; margin-right: 3px; margin-bottom: 3px; border: 3px solid #CCC; transition: all 0.4s ease-out; cursor: pointer; background-repeat: no-repeat; background-position: center center; } .colourBox.small { width: 15px; height: 15px; margin-bottom: -3px; margin-left: 3px; display: inline-block; float: none; border: 1px solid #CCC; } .colourBox:hover { border: 4px solid #000; } .colourBox.selected { border: 4px solid #000; background-image: url(../images/icons/cross-white.png); } .html5fileupload { font-size: 12px; margin-top: 0px; margin-bottom: 4px; background-color: #3f9559; padding: 2%; width: 98%; border: 1px solid #fff; float: left; } .html5fileupload input[type=file] { display: block; color: #fff; } .html5fileupload.approved { display: none; } .infinite-loading { border-bottom: 10px !important; border-bottom-color: #337ab7 !important; border-bottom-style: solid !important; } .sleeping_mode { background-color: rgba(255, 255, 255, 0.9); background-image: url(../../interface/assets/images/icons/sleep.png); background-repeat: no-repeat; background-position: center center; z-index: 999999; position: fixed; top: 0%; height: 100%; width: 100%; } .select2-container { box-sizing: border-box; display: inline-block; margin: 0; position: relative; vertical-align: middle; z-index: 999; } .select2-container .select2-selection--single { box-sizing: border-box; cursor: pointer; display: block; height: 48px; user-select: none; -webkit-user-select: none; } .select2-container .select2-selection--single .select2-selection__rendered { display: block; padding-left: 8px; padding-right: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .select2-container .select2-selection--single .select2-selection__clear { position: relative; } .select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered { padding-right: 8px; padding-left: 20px; } .select2-container .select2-selection--multiple { box-sizing: border-box; cursor: pointer; display: block; min-height: 32px; user-select: none; -webkit-user-select: none; } .select2-container .select2-selection--multiple .select2-selection__rendered { display: inline-block; overflow: hidden; padding-left: 8px; text-overflow: ellipsis; white-space: nowrap; } .select2-container .select2-search--inline { float: left; } .select2-container .select2-search--inline .select2-search__field { box-sizing: border-box; border: none; font-size: 100%; margin-top: 5px; padding: 0; } .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; } .select2-dropdown { background-color: white; border: 1px solid #aaa; border-radius: 4px; box-sizing: border-box; display: block; position: absolute; left: -100000px; width: 100%; z-index: 1051; } .select2-results { display: block; } .select2-results__options { list-style: none; margin: 0; padding: 0; } .select2-results__option { padding: 6px; user-select: none; -webkit-user-select: none; } .select2-results__option[aria-selected] { cursor: pointer; } .select2-container--open { z-index: 9999999999; } .select2-container--open .select2-dropdown { left: 0; } .select2-container--open .select2-dropdown--above { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-container--open .select2-dropdown--below { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; } .select2-search--dropdown { display: block; padding: 4px; } .select2-search--dropdown .select2-search__field { padding: 4px; width: 100%; box-sizing: border-box; } .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; } .select2-search--dropdown.select2-search--hide { display: none; } .select2-close-mask { border: 0; margin: 0; padding: 0; display: block; position: fixed; left: 0; top: 0; min-height: 100%; min-width: 100%; height: auto; width: auto; opacity: 0; z-index: 99; background-color: #fff; filter: alpha(opacity=0); } .select2-hidden-accessible { border: 0 !important; clip: rect(0 0 0 0) !important; height: 1px !important; margin: -1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; } .select2-container--default .select2-selection--single { background-color: #fff; border: 1px solid #aaa; border-radius: 4px; } .select2-container--default .select2-selection--single .select2-selection__rendered { color: #444; line-height: 48px; } .select2-container--default .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; } .select2-container--default .select2-selection--single .select2-selection__placeholder { color: #999; } .select2-container--default .select2-selection--single .select2-selection__arrow { height: 48px; position: absolute; top: 1px; right: 1px; width: 20px; } .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #888 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0; } .select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear { float: left; } .select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow { left: 1px; right: auto; } .select2-container--default.select2-container--disabled .select2-selection--single { background-color: #eee; cursor: default; } .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear { display: none; } .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888 transparent; border-width: 0 4px 5px 4px; } .select2-container--default .select2-selection--multiple { background-color: white; border: 1px solid #aaa; border-radius: 4px; cursor: text; } .select2-container--default .select2-selection--multiple .select2-selection__rendered { box-sizing: border-box; list-style: none; margin: 0; padding: 0 5px; width: 100%; } .select2-container--default .select2-selection--multiple .select2-selection__rendered li { list-style: none; } .select2-container--default .select2-selection--multiple .select2-selection__placeholder { color: #999; margin-top: 5px; float: left; } .select2-container--default .select2-selection--multiple .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; margin-top: 5px; margin-right: 10px; } .select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #e4e4e4; border: 1px solid #aaa; border-radius: 4px; cursor: default; float: left; margin-right: 5px; margin-top: 5px; padding: 0 5px; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { color: #999; cursor: pointer; display: inline-block; font-weight: bold; margin-right: 2px; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { color: #333; } .select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__placeholder, .select2-container--default[dir=rtl] .select2-selection--multiple .select2-search--inline { float: right; } .select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice { margin-left: 5px; margin-right: auto; } .select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove { margin-left: 2px; margin-right: auto; } .select2-container--default.select2-container--focus .select2-selection--multiple { border: solid black 1px; outline: 0; } .select2-container--default.select2-container--disabled .select2-selection--multiple { background-color: #eee; cursor: default; } .select2-container--default.select2-container--disabled .select2-selection__choice__remove { display: none; } .select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple { border-top-left-radius: 0; border-top-right-radius: 0; } .select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-container--default .select2-search--dropdown .select2-search__field { border: 1px solid #aaa; } .select2-container--default .select2-search--inline .select2-search__field { background: transparent; border: none; outline: 0; box-shadow: none; -webkit-appearance: textfield; } .select2-container--default .select2-results > .select2-results__options { max-height: 200px; overflow-y: auto; } .select2-container--default .select2-results__option[role=group] { padding: 0; } .select2-container--default .select2-results__option[aria-disabled=true] { color: #999; } .select2-container--default .select2-results__option[aria-selected=true] { background-color: #ddd; } .select2-container--default .select2-results__option .select2-results__option { padding-left: 1em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__group { padding-left: 0; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option { margin-left: -1em; padding-left: 2em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -2em; padding-left: 3em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -3em; padding-left: 4em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -4em; padding-left: 5em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -5em; padding-left: 6em; } .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #5897fb; color: white; } .select2-container--default .select2-results__group { cursor: default; display: block; padding: 6px; } .select2-container--classic .select2-selection--single { background-color: #f7f7f7; border: 1px solid #aaa; border-radius: 4px; outline: 0; background-image: -webkit-linear-gradient(top, white 50%, #eeeeee 100%); background-image: -o-linear-gradient(top, white 50%, #eeeeee 100%); background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0); } .select2-container--classic .select2-selection--single:focus { border: 1px solid #5897fb; } .select2-container--classic .select2-selection--single .select2-selection__rendered { color: #444; line-height: 48px; } .select2-container--classic .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; margin-right: 10px; } .select2-container--classic .select2-selection--single .select2-selection__placeholder { color: #999; } .select2-container--classic .select2-selection--single .select2-selection__arrow { background-color: #ddd; border: none; border-left: 1px solid #aaa; border-top-right-radius: 4px; border-bottom-right-radius: 4px; height: 48px; position: absolute; top: 1px; right: 1px; width: 20px; background-image: -webkit-linear-gradient(top, #eeeeee 50%, #cccccc 100%); background-image: -o-linear-gradient(top, #eeeeee 50%, #cccccc 100%); background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFCCCCCC", GradientType=0); } .select2-container--classic .select2-selection--single .select2-selection__arrow b { border-color: #888 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0; } .select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear { float: left; } .select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow { border: none; border-right: 1px solid #aaa; border-radius: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; left: 1px; right: auto; } .select2-container--classic.select2-container--open .select2-selection--single { border: 1px solid #5897fb; } .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow { background: transparent; border: none; } .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888 transparent; border-width: 0 4px 5px 4px; } .select2-container--classic.select2-container--open.select2-container--above .select2-selection--single { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; background-image: -webkit-linear-gradient(top, white 0%, #eeeeee 50%); background-image: -o-linear-gradient(top, white 0%, #eeeeee 50%); background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0); } .select2-container--classic.select2-container--open.select2-container--below .select2-selection--single { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; background-image: -webkit-linear-gradient(top, #eeeeee 50%, white 100%); background-image: -o-linear-gradient(top, #eeeeee 50%, white 100%); background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFFFFFFF", GradientType=0); } .select2-container--classic .select2-selection--multiple { background-color: white; border: 1px solid #aaa; border-radius: 4px; cursor: text; outline: 0; } .select2-container--classic .select2-selection--multiple:focus { border: 1px solid #5897fb; } .select2-container--classic .select2-selection--multiple .select2-selection__rendered { list-style: none; margin: 0; padding: 0 5px; } .select2-container--classic .select2-selection--multiple .select2-selection__clear { display: none; } .select2-container--classic .select2-selection--multiple .select2-selection__choice { background-color: #e4e4e4; border: 1px solid #aaa; border-radius: 4px; cursor: default; float: left; margin-right: 5px; margin-top: 5px; padding: 0 5px; } .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove { color: #888; cursor: pointer; display: inline-block; font-weight: bold; margin-right: 2px; } .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover { color: #555; } .select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice { float: right; } .select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice { margin-left: 5px; margin-right: auto; } .select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove { margin-left: 2px; margin-right: auto; } .select2-container--classic.select2-container--open .select2-selection--multiple { border: 1px solid #5897fb; } .select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; } .select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-container--classic .select2-search--dropdown .select2-search__field { border: 1px solid #aaa; outline: 0; } .select2-container--classic .select2-search--inline .select2-search__field { outline: 0; box-shadow: none; } .select2-container--classic .select2-dropdown { background-color: white; border: 1px solid transparent; } .select2-container--classic .select2-dropdown--above { border-bottom: none; } .select2-container--classic .select2-dropdown--below { border-top: none; } .select2-container--classic .select2-results > .select2-results__options { max-height: 200px; overflow-y: auto; } .select2-container--classic .select2-results__option[role=group] { padding: 0; } .select2-container--classic .select2-results__option[aria-disabled=true] { color: grey; } .select2-container--classic .select2-results__option--highlighted[aria-selected] { background-color: #3875d7; color: white; } .select2-container--classic .select2-results__group { cursor: default; display: block; padding: 6px; } .select2-container--classic.select2-container--open .select2-dropdown { border-color: #5897fb; } /** * Menu overview. */ .c-menu { position: fixed; z-index: 200; background-color: #616b7b; transition: transform 0.3s; } .c-menu__items { list-style: none; margin: 0; padding: 0; } /** * Close button resets. */ .c-menu__close { color: #fff; background-color: #333; font-size: 14px; border: none; box-shadow: none; border-radius: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; background-image: url(../../../interface/assets/images/icons/mobile_sm.png); background-repeat: no-repeat; background-position: 90% center; } /** * Close button resets. */ .c-menu__close:focus { outline: none; } /** * Body states. * * When a menu is active, we want to hide the overflows on the body to prevent * awkward document scrolling. */ body.has-active-menu { overflow: hidden; } /** * Mask component */ .c-mask { position: fixed; z-index: 100; top: 0; left: 0; overflow: hidden; width: 0; height: 0; background-color: #fff; opacity: 0; transition: opacity 0.3s, width 0s 0.3s, height 0s 0.3s; } .c-mask.is-active { width: 100%; height: 100%; opacity: 0.7; transition: opacity 0.3s; } .c-menu--slide-left, .c-menu--slide-right, .c-menu--push-left, .c-menu--push-right { width: 100%; height: 100%; overflow-y: auto; } @media all and (min-width: 320px) { .c-menu--slide-left, .c-menu--slide-right, .c-menu--push-left, .c-menu--push-right { width: 300px; margin: 0px; padding: 0px; } } .c-menu--slide-left .c-menu__item, .c-menu--slide-right .c-menu__item, .c-menu--push-left .c-menu__item, .c-menu--push-right .c-menu__item { display: block; text-align: center; border-top: solid 1px #b5dbe9; border-bottom: solid 1px #3184a1; } .c-menu--slide-left .c-menu__item:first-child, .c-menu--slide-right .c-menu__item:first-child, .c-menu--push-left .c-menu__item:first-child, .c-menu--push-right .c-menu__item:first-child { border-top: none; } .c-menu--slide-left .c-menu__item:last-child, .c-menu--slide-right .c-menu__item:last-child, .c-menu--push-left .c-menu__item:last-child, .c-menu--push-right .c-menu__item:last-child { border-bottom: none; } .c-menu--slide-left .c-menu__link, .c-menu--slide-right .c-menu__link, .c-menu--push-left .c-menu__link, .c-menu--push-right .c-menu__link { display: block; padding: 12px 24px; color: #fff; } .c-menu--slide-left .c-menu__close, .c-menu--slide-right .c-menu__close, .c-menu--push-left .c-menu__close, .c-menu--push-right .c-menu__close { display: block; padding: 12px 24px; width: 100%; } .c-menu--slide-left, .c-menu--push-left { top: 0; left: 0; transform: translateX(-100%); } @media all and (min-width: 320px) { .c-menu--slide-left, .c-menu--push-left { transform: translateX(-220px); } } .c-menu--slide-left.is-active, .c-menu--push-left.is-active { transform: translateX(0); } .c-menu--push-left.is-active .c-menu__close { background-image: none; } .c-menu--push-left.is-active.menu ul { margin-left: 0px; margin-right: 0px; } @media all and (min-width: 320px) { .box.has-push-left { transform: translateX(300px); margin-left: 15px; } } .box.has-push-right { transform: translateX(-100%); } @media all and (min-width: 320px) { .box.has-push-right { transform: translateX(-300px); } } .ms-container { background: transparent url("../../interface/assets/img/switch.png") no-repeat 50% 50%; width: 98%; } .ms-container:after { content: "."; display: block; height: 0; line-height: 0; font-size: 0; clear: both; min-height: 0; visibility: hidden; } .ms-container .ms-selectable, .ms-container .ms-selection { background: #fff; color: #555555; float: left; width: 45%; } .ms-container .ms-selection { float: right; } .ms-container .ms-list { -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border linear 0.2s, box-shadow linear 0.2s; -moz-transition: border linear 0.2s, box-shadow linear 0.2s; -ms-transition: border linear 0.2s, box-shadow linear 0.2s; -o-transition: border linear 0.2s, box-shadow linear 0.2s; transition: border linear 0.2s, box-shadow linear 0.2s; border: 1px solid #ccc; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; position: relative; height: 200px; padding: 0; overflow-y: auto; } .ms-container .ms-list.ms-focus { border-color: rgba(82, 168, 236, 0.8); -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); outline: 0; outline: thin dotted \9 ; } .ms-container ul { margin: 0; list-style-type: none; padding: 0; } .ms-container .ms-optgroup-container { width: 100%; } .ms-container .ms-optgroup-label { margin: 0; padding: 5px 0px 0px 5px; cursor: pointer; color: #999; } .ms-container .ms-selectable li.ms-elem-selectable, .ms-container .ms-selection li.ms-elem-selection { border-bottom: 1px #eee solid; padding: 2px 10px; color: #555; font-size: 14px; } .ms-container .ms-selectable li.ms-hover, .ms-container .ms-selection li.ms-hover { cursor: pointer; color: #fff; text-decoration: none; background-color: #08c; } .ms-container .ms-selectable li.disabled, .ms-container .ms-selection li.disabled { background-color: #eee; color: #aaa; cursor: text; } /*! jQuery UI - v1.11.4 - 2015-09-07 * http://jqueryui.com * Includes: core.css, draggable.css, resizable.css, selectable.css, sortable.css, accordion.css, autocomplete.css, button.css, datepicker.css, dialog.css, menu.css, progressbar.css, selectmenu.css, slider.css, spinner.css, tabs.css, tooltip.css, theme.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=%22Helvetica%20Neue%22%2CHelvetica%2CArial%2Csans-serif&fwDefault=normal&fsDefault=12px&cornerRadius=0&bgColorHeader=%23e7eff2&bgTextureHeader=gloss_wave&bgImgOpacityHeader=35&borderColorHeader=%23e7eff2&fcHeader=%233ca995&iconColorHeader=%23C4D024&bgColorContent=%23e7eff2&bgTextureContent=highlight_soft&bgImgOpacityContent=100&borderColorContent=%23e7eff2&fcContent=%23333333&iconColorContent=%23222222&bgColorDefault=%23f6f6f6&bgTextureDefault=glass&bgImgOpacityDefault=100&borderColorDefault=%23cccccc&fcDefault=%233ca995&iconColorDefault=%23ecf0bc&bgColorHover=%23fdf5ce&bgTextureHover=glass&bgImgOpacityHover=100&borderColorHover=%23cccccc&fcHover=%233ca995&iconColorHover=%233ca995&bgColorActive=%23ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=%23C4D024&fcActive=%233ca995&iconColorActive=%23C4D024&bgColorHighlight=%23ffe45c&bgTextureHighlight=highlight_soft&bgImgOpacityHighlight=75&borderColorHighlight=%23fed22f&fcHighlight=%23363636&iconColorHighlight=%23228ef1&bgColorError=%23b81900&bgTextureError=diagonals_thick&bgImgOpacityError=18&borderColorError=%23cd0a0a&fcError=%23ffffff&iconColorError=%23ffd27a&bgColorOverlay=%23666666&bgTextureOverlay=diagonals_thick&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=%23000000&bgTextureShadow=flat&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px * Copyright 2015 jQuery Foundation and other contributors; Licensed MIT */ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse; } .ui-helper-clearfix:after { clear: both; } .ui-helper-clearfix { min-height: 0; } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter: Alpha(Opacity=0); } .ui-front { z-index: 100; } .ui-state-disabled { cursor: default !important; } .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .ui-draggable-handle { -ms-touch-action: none; touch-action: none; } .ui-resizable { position: relative; } .ui-resizable-handle { position: absolute; font-size: 0.1px; display: block; -ms-touch-action: none; touch-action: none; } .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px; } .ui-selectable { -ms-touch-action: none; touch-action: none; } .ui-selectable-helper { position: absolute; z-index: 100; border: 1px dotted black; } .ui-sortable-handle { -ms-touch-action: none; touch-action: none; } .ui-accordion .ui-accordion-header { display: block; cursor: pointer; position: relative; margin: 2px 0 0 0; padding: 0.5em 0.5em 0.5em 0.7em; min-height: 0; font-size: 100%; } .ui-accordion .ui-accordion-icons { padding-left: 2.2em; } .ui-accordion .ui-accordion-icons .ui-accordion-icons { padding-left: 2.2em; } .ui-accordion .ui-accordion-header .ui-accordion-header-icon { position: absolute; left: 0.5em; top: 50%; margin-top: -8px; } .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; overflow: auto; } .ui-autocomplete { position: absolute; top: 0; left: 0; cursor: default; } .ui-button { display: inline-block; position: relative; padding: 0; line-height: normal; margin-right: 0.1em; cursor: pointer; vertical-align: middle; text-align: center; overflow: visible; } .ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active { text-decoration: none; } .ui-button-icon-only { width: 2.2em; } button.ui-button-icon-only { width: 2.4em; } .ui-button-icons-only { width: 3.4em; } button.ui-button-icons-only { width: 3.7em; } .ui-button .ui-button-text { display: block; line-height: normal; } .ui-button-text-only .ui-button-text { padding: 0.4em 1em; } .ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: 0.4em; text-indent: -9999999px; } .ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: 0.4em 1em 0.4em 2.1em; } .ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: 0.4em 2.1em 0.4em 1em; } .ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; } input.ui-button { padding: 0.4em 1em; } .ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; } .ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; } .ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: 0.5em; } .ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: 0.5em; } .ui-buttonset { margin-right: 7px; } .ui-buttonset .ui-button { margin-left: 0; margin-right: -0.3em; } input.ui-button::-moz-focus-inner, button.ui-button::-moz-focus-inner { border: 0; padding: 0; } .ui-datepicker { width: 17em; padding: 0.2em 0.2em 0; display: none; } .ui-datepicker .ui-datepicker-header { position: relative; padding: 0.2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } .ui-datepicker .ui-datepicker-prev { left: 2px; } .ui-datepicker .ui-datepicker-next { right: 2px; } .ui-datepicker .ui-datepicker-prev-hover { left: 1px; } .ui-datepicker .ui-datepicker-next-hover { right: 1px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0; } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 45%; } .ui-datepicker table { width: 100%; font-size: 0.9em; border-collapse: collapse; margin: 0 0 0.4em; } .ui-datepicker th { padding: 0.7em 0.3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: 0.2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: 0.7em 0 0 0; padding: 0 0.2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: 0.5em 0.2em 0.4em; cursor: pointer; padding: 0.2em 0.6em 0.3em 0.6em; width: auto; overflow: visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; } .ui-datepicker.ui-datepicker-multi { width: auto; } .ui-datepicker-multi .ui-datepicker-group { float: left; } .ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0 auto 0.4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width: 50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width: 25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear: left; } .ui-datepicker-row-break { clear: both; width: 100%; font-size: 0; } .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group { float: right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width: 0; border-left-width: 1px; } .ui-dialog { overflow: hidden; position: absolute; top: 0; left: 0; padding: 0.2em; outline: 0; } .ui-dialog .ui-dialog-titlebar { padding: 0.4em 1em; position: relative; } .ui-dialog .ui-dialog-title { float: left; margin: 0.1em 0; white-space: nowrap; width: 90%; overflow: hidden; text-overflow: ellipsis; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: 0.3em; top: 50%; width: 20px; margin: -10px 0 0 0; padding: 1px; height: 20px; } .ui-dialog .ui-dialog-content { position: relative; border: 0; padding: 0.5em 1em; background: none; overflow: auto; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin-top: 0.5em; padding: 0.3em 1em 0.5em 0.4em; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; } .ui-dialog .ui-dialog-buttonpane button { margin: 0.5em 0.4em 0.5em 0; cursor: pointer; } .ui-dialog .ui-resizable-se { width: 12px; height: 12px; right: -5px; bottom: -5px; background-position: 16px 16px; } .ui-draggable .ui-dialog-titlebar { cursor: move; } .ui-menu { list-style: none; padding: 0; margin: 0; display: block; outline: none; } .ui-menu .ui-menu { position: absolute; } .ui-menu .ui-menu-item { position: relative; margin: 0; padding: 3px 1em 3px 0.4em; cursor: pointer; min-height: 0; list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"); } .ui-menu .ui-menu-divider { margin: 5px 0; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0; } .ui-menu .ui-state-focus, .ui-menu .ui-state-active { margin: -1px; } .ui-menu-icons { position: relative; } .ui-menu-icons .ui-menu-item { padding-left: 2em; } .ui-menu .ui-icon { position: absolute; top: 0; bottom: 0; left: 0.2em; margin: auto 0; } .ui-menu .ui-menu-icon { left: auto; right: 0; } .ui-progressbar { height: 2em; text-align: left; overflow: hidden; } .ui-progressbar .ui-progressbar-value { margin: -1px; height: 100%; } .ui-progressbar .ui-progressbar-overlay { background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw=="); height: 100%; filter: alpha(opacity=25); opacity: 0.25; } .ui-progressbar-indeterminate .ui-progressbar-value { background-image: none; } .ui-selectmenu-menu { padding: 0; margin: 0; position: absolute; top: 0; left: 0; display: none; } .ui-selectmenu-menu .ui-menu { overflow: auto; overflow-x: hidden; padding-bottom: 1px; } .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup { font-size: 1em; font-weight: bold; line-height: 1.5; padding: 2px 0.4em; margin: 0.5em 0 0 0; height: auto; border: 0; } .ui-selectmenu-open { display: block; } .ui-selectmenu-button { display: inline-block; overflow: hidden; position: relative; text-decoration: none; cursor: pointer; } .ui-selectmenu-button span.ui-icon { right: 0.5em; left: auto; margin-top: -8px; position: absolute; top: 50%; } .ui-selectmenu-button span.ui-selectmenu-text { text-align: left; padding: 0.4em 2.1em 0.4em 1em; display: block; line-height: 1.4; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; -ms-touch-action: none; touch-action: none; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: 0.7em; display: block; border: 0; background-position: 0 0; } .ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range { filter: inherit; } .ui-slider-horizontal { height: 0.8em; } .ui-slider-horizontal .ui-slider-handle { top: -0.3em; margin-left: -0.6em; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: 0.8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -0.3em; margin-left: 0; margin-bottom: -0.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; } .ui-spinner { position: relative; display: inline-block; overflow: hidden; padding: 0; vertical-align: middle; } .ui-spinner-input { border: none; background: none; color: inherit; padding: 0; margin: 0.2em 0; vertical-align: middle; margin-left: 0.4em; margin-right: 22px; } .ui-spinner-button { width: 16px; height: 50%; font-size: 0.5em; padding: 0; margin: 0; text-align: center; position: absolute; cursor: default; display: block; overflow: hidden; right: 0; } .ui-spinner a.ui-spinner-button { border-top: none; border-bottom: none; border-right: none; } .ui-spinner .ui-icon { position: absolute; margin-top: -8px; top: 50%; left: 0; } .ui-spinner-up { top: 0; } .ui-spinner-down { bottom: 0; } .ui-spinner .ui-icon-triangle-1-s { background-position: -65px -16px; } .ui-tabs { position: relative; padding: 0.2em; } .ui-tabs .ui-tabs-nav { margin: 0; padding: 0.2em 0.2em 0; } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0; margin: 1px 0.2em 0 0; border-bottom-width: 0; padding: 0; white-space: nowrap; } .ui-tabs .ui-tabs-nav .ui-tabs-anchor { float: left; padding: 0.5em 1em; text-decoration: none; } .ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -1px; padding-bottom: 1px; } .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor { cursor: text; } .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor { cursor: pointer; } .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; } .ui-tooltip { padding: 8px; position: absolute; z-index: 9999; max-width: 300px; -webkit-box-shadow: 0 0 5px #aaa; box-shadow: 0 0 5px #aaa; } body .ui-tooltip { border-width: 2px; } .ui-widget { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 1em; } .ui-widget-content { border: 1px solid #e7eff2; background: #e7eff2 url("images/ui-bg_highlight-soft_100_e7eff2_1x100.png") 50% top repeat-x; color: #333; } .ui-widget-content a { color: #333; } .ui-widget-header { border: 1px solid #e7eff2; background: #e7eff2 url("images/ui-bg_gloss-wave_35_e7eff2_500x100.png") 50% 50% repeat-x; color: #3ca995; font-weight: bold; } .ui-widget-header a { color: #3ca995; } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #ccc; background: #f6f6f6 url("images/ui-bg_glass_100_f6f6f6_1x400.png") 50% 50% repeat-x; font-weight: normal; color: #3ca995; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #3ca995; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #ccc; background: #fdf5ce url("images/ui-bg_glass_100_fdf5ce_1x400.png") 50% 50% repeat-x; font-weight: normal; color: #3ca995; } .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited { color: #3ca995; text-decoration: none; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #616b7b; background: #fff url("images/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x; font-weight: normal; color: #3ca995; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #3ca995; text-decoration: none; } .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #fed22f; background: #ffe45c url("images/ui-bg_highlight-soft_75_ffe45c_1x100.png") 50% top repeat-x; color: #363636; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: #363636; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid #cd0a0a; background: #b81900 url("images/ui-bg_diagonals-thick_18_b81900_40x40.png") 50% 50% repeat; color: #fff; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #fff; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #fff; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: 0.7; filter: Alpha(Opacity=70); font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: 0.35; filter: Alpha(Opacity=35); background-image: none; } .ui-state-disabled .ui-icon { filter: Alpha(Opacity=35); } .ui-icon { width: 16px; height: 16px; } .ui-icon, .ui-widget-content .ui-icon { background-image: url("images/ui-icons_222222_256x240.png"); } .ui-widget-header .ui-icon { background-image: url("images/ui-icons_C4D024_256x240.png"); } .ui-state-default .ui-icon { background-image: url("images/ui-icons_ecf0bc_256x240.png"); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon { background-image: url("images/ui-icons_3ca995_256x240.png"); } .ui-state-active .ui-icon { background-image: url("images/ui-icons_C4D024_256x240.png"); } .ui-state-highlight .ui-icon { background-image: url("images/ui-icons_228ef1_256x240.png"); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background-image: url("images/ui-icons_ffd27a_256x240.png"); } .ui-icon-blank { background-position: 16px 16px; } .ui-icon-carat-1-n { background-position: 0 0; } .ui-icon-carat-1-ne { background-position: -16px 0; } .ui-icon-carat-1-e { background-position: -32px 0; } .ui-icon-carat-1-se { background-position: -48px 0; } .ui-icon-carat-1-s { background-position: -64px 0; } .ui-icon-carat-1-sw { background-position: -80px 0; } .ui-icon-carat-1-w { background-position: -96px 0; } .ui-icon-carat-1-nw { background-position: -112px 0; } .ui-icon-carat-2-n-s { background-position: -128px 0; } .ui-icon-carat-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -64px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -64px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 0 -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-on { background-position: -96px -144px; } .ui-icon-radio-off { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-start { background-position: -80px -160px; } .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 0; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 0; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 0; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 0; } .ui-widget-overlay { background: #666 url("images/ui-bg_diagonals-thick_20_666666_40x40.png") 50% 50% repeat; opacity: 0.5; filter: Alpha(Opacity=50); } .ui-widget-shadow { margin: -5px 0 0 -5px; padding: 5px; background: #000 url("images/ui-bg_flat_10_000000_40x100.png") 50% 50% repeat-x; opacity: 0.2; filter: Alpha(Opacity=20); border-radius: 5px; } .gannt_chart { width: 100%; float: left; } .RTU-uploadLabel { background-color: #6789bf !important; border: 4px dashed #6789bf !important; } .technicalJustification { width: 100%; display: inline-block; padding: 3px 10px; border: 1px solid #ccc; font-size: 12px; margin-top: -1px; } .quarantineLink { padding-bottom: 15px; margin-bottom: 11px; border-bottom: 1px solid #ccc; } .statusBox { width: 19%; margin-right: 1%; float: left; height: 28px; cursor: pointer; border-radius: 5px; transition: 0.5s all ease-in; background-color: #ccc; } .statusBox.active { background-color: #f7d77d; } .statusBox.active:hover { background-color: #385b93; } .statusBox.activeRed { background-color: #d9534f; } .statusBox.activeRed:hover { background-color: #385b93; } .statusBox.complete { background-color: #5fa384; } .statusBox.complete:hover { background-color: #385b93; } .statusBox:hover { background-color: #385b93; } .colour1 { background-color: #94147A !important; } .colour2 { background-color: #990000 !important; } .colour3 { background-color: #E97F02 !important; } .colour4 { background-color: #F8CA00 !important; } .colour5 { background-color: #8A9B0F !important; } .colour6 { background-color: #336633 !important; } .colour7 { background-color: #036564 !important; } .colour8 { background-color: #0066FF !important; } .colour9 { background-color: #999999 !important; } .colour10 { background-color: #181818 !important; } .colour11 { background-color: #D3CE3D !important; } .colour12 { background-color: #FF3D7F !important; } .colour13 { background-color: #00DFFC !important; } .colour14 { background-color: #FFCC99 !important; } .colour15 { background-color: #8C2318 !important; } .submenu_power { margin-left: 20px; font-size: 16px; } .sub_text_box { width: 100%; margin-top: 10px; text-align: center; } .superpower { text-align: center; line-height: 25px; height: 25px; color: #fff; margin-top: 8px; font-size: 10px; text-transform: uppercase; border-radius: 5px; background-color: #e44f4b; padding-top: 2px; padding-bottom: 2px; padding-left: 6px; padding-right: 6px; margin-top: -2px; } .superpower.section { background-color: #385b93; } .quarantine_notice { margin-bottom: 10px; width: 31%; margin-right: 2%; text-align: center; float: left; } .quarantine_notice.small_quarantine { width: 19%; margin-right: 1%; } .qn_title { background-color: #a2cf56; line-height: 30px; color: #fff; text-transform: uppercase; font-size: 14px; font-weight: bold; } .qn_title.qn_medium { background-color: #FFBF00; } .qn_title.qn_high { background-color: #CF2121; } .qn_content { border: 1px solid #E7EFF3; background-color: #fff; font-size: 18px; line-height: 28px; } .qn_date { margin-top: 15px; margin-bottom: 7px; } .qn_desc { margin-bottom: 7px; } .qn_reason { margin-bottom: 20px; font-size: 14px; color: #cf2121; font-weight: bold; } .qn_sub { background-color: #f8f8f8; box-shadow: 0.5px 0.866px 2px 0px rgba(0, 0, 0, 0.18); height: 31px; color: #999999; font-size: 14px; float: left; width: 100%; text-align: center; line-height: 31px; cursor: pointer; } .small_quarantine .qn_title { line-height: 24px; color: #fff; font-size: 12px; } .small_quarantine .qn_content { font-size: 12px; line-height: 20px; } .small_quarantine .qn_date { margin-top: 10px; margin-bottom: 5px; } .small_quarantine .qn_desc { margin-bottom: 5px; } .small_quarantine .qn_reason { margin-bottom: 10px; font-size: 12px; color: #cf2121; font-weight: bold; } .small_quarantine .qn_sub { height: 20px; color: #999999; font-size: 12px; float: left; width: 100%; text-align: center; line-height: 18px; cursor: pointer; } .bootbox-body { font-size: 14px; line-height: 28px; } .modal-body { position: relative; padding: 15px; display: inline-block; width: 100%; } .well { width: 100%; float: left; line-height: 24px; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #616b7b; background: #385b93; font-weight: normal; color: #ffffff; } .audit_calendar_table table tr td { height: 60px !important; } .audit_calendar, .audit_standard, .audit_gmp_aduit, .audit_metal, .audit_temperature, .audit_bulk_pork, .audit_info_box, .audit_efficency, .audit_efficency2 { min-height: 600px; } .audit_calendar .wrapper1, .audit_standard .wrapper1, .audit_gmp_aduit .wrapper1, .audit_metal .wrapper1, .audit_temperature .wrapper1, .audit_bulk_pork .wrapper1, .audit_info_box .wrapper1, .audit_efficency .wrapper1, .audit_efficency2 .wrapper1 { width: 100%; height: 20px; overflow-x: scroll; overflow-y: hidden; } .audit_calendar .wrapper1 .div1, .audit_standard .wrapper1 .div1, .audit_gmp_aduit .wrapper1 .div1, .audit_metal .wrapper1 .div1, .audit_temperature .wrapper1 .div1, .audit_bulk_pork .wrapper1 .div1, .audit_info_box .wrapper1 .div1, .audit_efficency .wrapper1 .div1, .audit_efficency2 .wrapper1 .div1 { width: 4800px; height: 20px; } .audit_calendar .audit_calendar_table, .audit_standard .audit_calendar_table, .audit_gmp_aduit .audit_calendar_table, .audit_metal .audit_calendar_table, .audit_temperature .audit_calendar_table, .audit_bulk_pork .audit_calendar_table, .audit_info_box .audit_calendar_table, .audit_efficency .audit_calendar_table, .audit_efficency2 .audit_calendar_table { width: 100%; /* overflow-x: auto;*/ } .audit_calendar .pillText, .audit_standard .pillText, .audit_gmp_aduit .pillText, .audit_metal .pillText, .audit_temperature .pillText, .audit_bulk_pork .pillText, .audit_info_box .pillText, .audit_efficency .pillText, .audit_efficency2 .pillText { padding-top: 10px; color: #757575; } .audit_calendar .auditScheduleDropDown, .audit_standard .auditScheduleDropDown, .audit_gmp_aduit .auditScheduleDropDown, .audit_metal .auditScheduleDropDown, .audit_temperature .auditScheduleDropDown, .audit_bulk_pork .auditScheduleDropDown, .audit_info_box .auditScheduleDropDown, .audit_efficency .auditScheduleDropDown, .audit_efficency2 .auditScheduleDropDown { margin-left: 10px; height: 42px; line-height: 40px; width: 338px; border-radius: 5px; } .audit_calendar .saving, .audit_standard .saving, .audit_gmp_aduit .saving, .audit_metal .saving, .audit_temperature .saving, .audit_bulk_pork .saving, .audit_info_box .saving, .audit_efficency .saving, .audit_efficency2 .saving { margin-left: 10px; } .audit_calendar .element_common, .audit_standard .element_common, .audit_gmp_aduit .element_common, .audit_metal .element_common, .audit_temperature .element_common, .audit_bulk_pork .element_common, .audit_info_box .element_common, .audit_efficency .element_common, .audit_efficency2 .element_common { margin-bottom: 0px; } .audit_calendar .elementTitle, .audit_standard .elementTitle, .audit_gmp_aduit .elementTitle, .audit_metal .elementTitle, .audit_temperature .elementTitle, .audit_bulk_pork .elementTitle, .audit_info_box .elementTitle, .audit_efficency .elementTitle, .audit_efficency2 .elementTitle, .audit_calendar .side_title, .audit_standard .side_title, .audit_gmp_aduit .side_title, .audit_metal .side_title, .audit_temperature .side_title, .audit_bulk_pork .side_title, .audit_info_box .side_title, .audit_efficency .side_title, .audit_efficency2 .side_title { padding-bottom: 10px; } .audit_calendar .section_buttonGroup .section_button, .audit_standard .section_buttonGroup .section_button, .audit_gmp_aduit .section_buttonGroup .section_button, .audit_metal .section_buttonGroup .section_button, .audit_temperature .section_buttonGroup .section_button, .audit_bulk_pork .section_buttonGroup .section_button, .audit_info_box .section_buttonGroup .section_button, .audit_efficency .section_buttonGroup .section_button, .audit_efficency2 .section_buttonGroup .section_button { background-color: #616b7b; box-shadow: none; font-size: 13px; line-height: 37px; height: 42px; min-width: auto; border-bottom: none; } .audit_calendar .section_buttonGroup .section_button .fa, .audit_standard .section_buttonGroup .section_button .fa, .audit_gmp_aduit .section_buttonGroup .section_button .fa, .audit_metal .section_buttonGroup .section_button .fa, .audit_temperature .section_buttonGroup .section_button .fa, .audit_bulk_pork .section_buttonGroup .section_button .fa, .audit_info_box .section_buttonGroup .section_button .fa, .audit_efficency .section_buttonGroup .section_button .fa, .audit_efficency2 .section_buttonGroup .section_button .fa { margin-right: 5px; } .audit_calendar .section_buttonGroup .section_button.greyBackgound, .audit_standard .section_buttonGroup .section_button.greyBackgound, .audit_gmp_aduit .section_buttonGroup .section_button.greyBackgound, .audit_metal .section_buttonGroup .section_button.greyBackgound, .audit_temperature .section_buttonGroup .section_button.greyBackgound, .audit_bulk_pork .section_buttonGroup .section_button.greyBackgound, .audit_info_box .section_buttonGroup .section_button.greyBackgound, .audit_efficency .section_buttonGroup .section_button.greyBackgound, .audit_efficency2 .section_buttonGroup .section_button.greyBackgound { background-color: #616b7b; } .audit_calendar .section_buttonGroup .section_button.blueBackgound, .audit_standard .section_buttonGroup .section_button.blueBackgound, .audit_gmp_aduit .section_buttonGroup .section_button.blueBackgound, .audit_metal .section_buttonGroup .section_button.blueBackgound, .audit_temperature .section_buttonGroup .section_button.blueBackgound, .audit_bulk_pork .section_buttonGroup .section_button.blueBackgound, .audit_info_box .section_buttonGroup .section_button.blueBackgound, .audit_efficency .section_buttonGroup .section_button.blueBackgound, .audit_efficency2 .section_buttonGroup .section_button.blueBackgound { background-color: #385b93; } .audit_calendar .section_buttonGroup .section_button.greenBackgound, .audit_standard .section_buttonGroup .section_button.greenBackgound, .audit_gmp_aduit .section_buttonGroup .section_button.greenBackgound, .audit_metal .section_buttonGroup .section_button.greenBackgound, .audit_temperature .section_buttonGroup .section_button.greenBackgound, .audit_bulk_pork .section_buttonGroup .section_button.greenBackgound, .audit_info_box .section_buttonGroup .section_button.greenBackgound, .audit_efficency .section_buttonGroup .section_button.greenBackgound, .audit_efficency2 .section_buttonGroup .section_button.greenBackgound { background-color: #b0d490; } .audit_calendar .section_buttonGroup .section_button.redBackgound, .audit_standard .section_buttonGroup .section_button.redBackgound, .audit_gmp_aduit .section_buttonGroup .section_button.redBackgound, .audit_metal .section_buttonGroup .section_button.redBackgound, .audit_temperature .section_buttonGroup .section_button.redBackgound, .audit_bulk_pork .section_buttonGroup .section_button.redBackgound, .audit_info_box .section_buttonGroup .section_button.redBackgound, .audit_efficency .section_buttonGroup .section_button.redBackgound, .audit_efficency2 .section_buttonGroup .section_button.redBackgound { background-color: #e44f4b; } .audit_calendar .section_buttonGroup .section_button.yellowBackgound, .audit_standard .section_buttonGroup .section_button.yellowBackgound, .audit_gmp_aduit .section_buttonGroup .section_button.yellowBackgound, .audit_metal .section_buttonGroup .section_button.yellowBackgound, .audit_temperature .section_buttonGroup .section_button.yellowBackgound, .audit_bulk_pork .section_buttonGroup .section_button.yellowBackgound, .audit_info_box .section_buttonGroup .section_button.yellowBackgound, .audit_efficency .section_buttonGroup .section_button.yellowBackgound, .audit_efficency2 .section_buttonGroup .section_button.yellowBackgound { background-color: #d08315; } .audit_calendar .section_buttonGroup .section_button:hover, .audit_standard .section_buttonGroup .section_button:hover, .audit_gmp_aduit .section_buttonGroup .section_button:hover, .audit_metal .section_buttonGroup .section_button:hover, .audit_temperature .section_buttonGroup .section_button:hover, .audit_bulk_pork .section_buttonGroup .section_button:hover, .audit_info_box .section_buttonGroup .section_button:hover, .audit_efficency .section_buttonGroup .section_button:hover, .audit_efficency2 .section_buttonGroup .section_button:hover { border-bottom: none; opacity: 0.9; } .audit_calendar .audit_calendar_table .table tr th, .audit_standard .audit_calendar_table .table tr th, .audit_gmp_aduit .audit_calendar_table .table tr th, .audit_metal .audit_calendar_table .table tr th, .audit_temperature .audit_calendar_table .table tr th, .audit_bulk_pork .audit_calendar_table .table tr th, .audit_info_box .audit_calendar_table .table tr th, .audit_efficency .audit_calendar_table .table tr th, .audit_efficency2 .audit_calendar_table .table tr th { border: 1px solid #ccc; } .audit_calendar .audit_calendar_table .table tr th p, .audit_standard .audit_calendar_table .table tr th p, .audit_gmp_aduit .audit_calendar_table .table tr th p, .audit_metal .audit_calendar_table .table tr th p, .audit_temperature .audit_calendar_table .table tr th p, .audit_bulk_pork .audit_calendar_table .table tr th p, .audit_info_box .audit_calendar_table .table tr th p, .audit_efficency .audit_calendar_table .table tr th p, .audit_efficency2 .audit_calendar_table .table tr th p { font-size: 14px; line-height: 18px; padding-left: 5px; padding-top: 4px; padding-right: 5px; padding-bottom: 5px; } .audit_calendar .audit_calendar_table .table tr th.text-left, .audit_standard .audit_calendar_table .table tr th.text-left, .audit_gmp_aduit .audit_calendar_table .table tr th.text-left, .audit_metal .audit_calendar_table .table tr th.text-left, .audit_temperature .audit_calendar_table .table tr th.text-left, .audit_bulk_pork .audit_calendar_table .table tr th.text-left, .audit_info_box .audit_calendar_table .table tr th.text-left, .audit_efficency .audit_calendar_table .table tr th.text-left, .audit_efficency2 .audit_calendar_table .table tr th.text-left { text-align: left !important; } .audit_calendar .audit_calendar_table .table tr.spaceLine, .audit_standard .audit_calendar_table .table tr.spaceLine, .audit_gmp_aduit .audit_calendar_table .table tr.spaceLine, .audit_metal .audit_calendar_table .table tr.spaceLine, .audit_temperature .audit_calendar_table .table tr.spaceLine, .audit_bulk_pork .audit_calendar_table .table tr.spaceLine, .audit_info_box .audit_calendar_table .table tr.spaceLine, .audit_efficency .audit_calendar_table .table tr.spaceLine, .audit_efficency2 .audit_calendar_table .table tr.spaceLine, .audit_calendar .audit_calendar_table .table tr.spaceLinedouble, .audit_standard .audit_calendar_table .table tr.spaceLinedouble, .audit_gmp_aduit .audit_calendar_table .table tr.spaceLinedouble, .audit_metal .audit_calendar_table .table tr.spaceLinedouble, .audit_temperature .audit_calendar_table .table tr.spaceLinedouble, .audit_bulk_pork .audit_calendar_table .table tr.spaceLinedouble, .audit_info_box .audit_calendar_table .table tr.spaceLinedouble, .audit_efficency .audit_calendar_table .table tr.spaceLinedouble, .audit_efficency2 .audit_calendar_table .table tr.spaceLinedouble { border: none; } .audit_calendar .audit_calendar_table .table tr.spaceLine th, .audit_standard .audit_calendar_table .table tr.spaceLine th, .audit_gmp_aduit .audit_calendar_table .table tr.spaceLine th, .audit_metal .audit_calendar_table .table tr.spaceLine th, .audit_temperature .audit_calendar_table .table tr.spaceLine th, .audit_bulk_pork .audit_calendar_table .table tr.spaceLine th, .audit_info_box .audit_calendar_table .table tr.spaceLine th, .audit_efficency .audit_calendar_table .table tr.spaceLine th, .audit_efficency2 .audit_calendar_table .table tr.spaceLine th, .audit_calendar .audit_calendar_table .table tr.spaceLinedouble th, .audit_standard .audit_calendar_table .table tr.spaceLinedouble th, .audit_gmp_aduit .audit_calendar_table .table tr.spaceLinedouble th, .audit_metal .audit_calendar_table .table tr.spaceLinedouble th, .audit_temperature .audit_calendar_table .table tr.spaceLinedouble th, .audit_bulk_pork .audit_calendar_table .table tr.spaceLinedouble th, .audit_info_box .audit_calendar_table .table tr.spaceLinedouble th, .audit_efficency .audit_calendar_table .table tr.spaceLinedouble th, .audit_efficency2 .audit_calendar_table .table tr.spaceLinedouble th { border: none; background-color: #f3f6f9; height: 11px; overflow: hidden; padding: 0px; line-height: 0px; } .audit_calendar .audit_calendar_table .table tr.spaceLinedouble th, .audit_standard .audit_calendar_table .table tr.spaceLinedouble th, .audit_gmp_aduit .audit_calendar_table .table tr.spaceLinedouble th, .audit_metal .audit_calendar_table .table tr.spaceLinedouble th, .audit_temperature .audit_calendar_table .table tr.spaceLinedouble th, .audit_bulk_pork .audit_calendar_table .table tr.spaceLinedouble th, .audit_info_box .audit_calendar_table .table tr.spaceLinedouble th, .audit_efficency .audit_calendar_table .table tr.spaceLinedouble th, .audit_efficency2 .audit_calendar_table .table tr.spaceLinedouble th { height: 30px; } .audit_calendar .audit_calendar_table .table tr.section_head th, .audit_standard .audit_calendar_table .table tr.section_head th, .audit_gmp_aduit .audit_calendar_table .table tr.section_head th, .audit_metal .audit_calendar_table .table tr.section_head th, .audit_temperature .audit_calendar_table .table tr.section_head th, .audit_bulk_pork .audit_calendar_table .table tr.section_head th, .audit_info_box .audit_calendar_table .table tr.section_head th, .audit_efficency .audit_calendar_table .table tr.section_head th, .audit_efficency2 .audit_calendar_table .table tr.section_head th { background-color: #385b93; text-transform: uppercase; text-align: center; border: 1px solid #385b93; min-width: 105px; } .audit_calendar .audit_calendar_table .table tr.section_head th .section_title, .audit_standard .audit_calendar_table .table tr.section_head th .section_title, .audit_gmp_aduit .audit_calendar_table .table tr.section_head th .section_title, .audit_metal .audit_calendar_table .table tr.section_head th .section_title, .audit_temperature .audit_calendar_table .table tr.section_head th .section_title, .audit_bulk_pork .audit_calendar_table .table tr.section_head th .section_title, .audit_info_box .audit_calendar_table .table tr.section_head th .section_title, .audit_efficency .audit_calendar_table .table tr.section_head th .section_title, .audit_efficency2 .audit_calendar_table .table tr.section_head th .section_title { padding: 8px; } .audit_calendar .audit_calendar_table .table tr.section_head.sub_section_head th, .audit_standard .audit_calendar_table .table tr.section_head.sub_section_head th, .audit_gmp_aduit .audit_calendar_table .table tr.section_head.sub_section_head th, .audit_metal .audit_calendar_table .table tr.section_head.sub_section_head th, .audit_temperature .audit_calendar_table .table tr.section_head.sub_section_head th, .audit_bulk_pork .audit_calendar_table .table tr.section_head.sub_section_head th, .audit_info_box .audit_calendar_table .table tr.section_head.sub_section_head th, .audit_efficency .audit_calendar_table .table tr.section_head.sub_section_head th, .audit_efficency2 .audit_calendar_table .table tr.section_head.sub_section_head th { color: #000000; background-color: #dedede; text-transform: none; border: 1px solid #ccc; } .audit_calendar .audit_calendar_table .table tr.section_head.section_foot, .audit_standard .audit_calendar_table .table tr.section_head.section_foot, .audit_gmp_aduit .audit_calendar_table .table tr.section_head.section_foot, .audit_metal .audit_calendar_table .table tr.section_head.section_foot, .audit_temperature .audit_calendar_table .table tr.section_head.section_foot, .audit_bulk_pork .audit_calendar_table .table tr.section_head.section_foot, .audit_info_box .audit_calendar_table .table tr.section_head.section_foot, .audit_efficency .audit_calendar_table .table tr.section_head.section_foot, .audit_efficency2 .audit_calendar_table .table tr.section_head.section_foot { border: 1px solid #ccc; } .audit_calendar .audit_calendar_table .table tr.section_head.section_foot th, .audit_standard .audit_calendar_table .table tr.section_head.section_foot th, .audit_gmp_aduit .audit_calendar_table .table tr.section_head.section_foot th, .audit_metal .audit_calendar_table .table tr.section_head.section_foot th, .audit_temperature .audit_calendar_table .table tr.section_head.section_foot th, .audit_bulk_pork .audit_calendar_table .table tr.section_head.section_foot th, .audit_info_box .audit_calendar_table .table tr.section_head.section_foot th, .audit_efficency .audit_calendar_table .table tr.section_head.section_foot th, .audit_efficency2 .audit_calendar_table .table tr.section_head.section_foot th { padding-top: 10px; } .audit_calendar .audit_calendar_table .table tr.section_head.section_foot .section_button, .audit_standard .audit_calendar_table .table tr.section_head.section_foot .section_button, .audit_gmp_aduit .audit_calendar_table .table tr.section_head.section_foot .section_button, .audit_metal .audit_calendar_table .table tr.section_head.section_foot .section_button, .audit_temperature .audit_calendar_table .table tr.section_head.section_foot .section_button, .audit_bulk_pork .audit_calendar_table .table tr.section_head.section_foot .section_button, .audit_info_box .audit_calendar_table .table tr.section_head.section_foot .section_button, .audit_efficency .audit_calendar_table .table tr.section_head.section_foot .section_button, .audit_efficency2 .audit_calendar_table .table tr.section_head.section_foot .section_button { background-color: #616b7b; box-shadow: none; font-size: 12px; line-height: 22px; height: 24px; min-width: auto; padding-left: 10px; border-bottom: none; padding-right: 10px; font-weight: normal; border-radius: 6px; } .audit_calendar .audit_calendar_table .table tr.section_head.section_foot .section_button .fa, .audit_standard .audit_calendar_table .table tr.section_head.section_foot .section_button .fa, .audit_gmp_aduit .audit_calendar_table .table tr.section_head.section_foot .section_button .fa, .audit_metal .audit_calendar_table .table tr.section_head.section_foot .section_button .fa, .audit_temperature .audit_calendar_table .table tr.section_head.section_foot .section_button .fa, .audit_bulk_pork .audit_calendar_table .table tr.section_head.section_foot .section_button .fa, .audit_info_box .audit_calendar_table .table tr.section_head.section_foot .section_button .fa, .audit_efficency .audit_calendar_table .table tr.section_head.section_foot .section_button .fa, .audit_efficency2 .audit_calendar_table .table tr.section_head.section_foot .section_button .fa { margin-right: 3px; font-size: 10px; } .audit_calendar .audit_calendar_table .table tr.section_head.section_foot .section_button.greyBackgound, .audit_standard .audit_calendar_table .table tr.section_head.section_foot .section_button.greyBackgound, .audit_gmp_aduit .audit_calendar_table .table tr.section_head.section_foot .section_button.greyBackgound, .audit_metal .audit_calendar_table .table tr.section_head.section_foot .section_button.greyBackgound, .audit_temperature .audit_calendar_table .table tr.section_head.section_foot .section_button.greyBackgound, .audit_bulk_pork .audit_calendar_table .table tr.section_head.section_foot .section_button.greyBackgound, .audit_info_box .audit_calendar_table .table tr.section_head.section_foot .section_button.greyBackgound, .audit_efficency .audit_calendar_table .table tr.section_head.section_foot .section_button.greyBackgound, .audit_efficency2 .audit_calendar_table .table tr.section_head.section_foot .section_button.greyBackgound { background-color: #616b7b; } .audit_calendar .audit_calendar_table .table tr.section_head.section_foot .section_button.blueBackgound, .audit_standard .audit_calendar_table .table tr.section_head.section_foot .section_button.blueBackgound, .audit_gmp_aduit .audit_calendar_table .table tr.section_head.section_foot .section_button.blueBackgound, .audit_metal .audit_calendar_table .table tr.section_head.section_foot .section_button.blueBackgound, .audit_temperature .audit_calendar_table .table tr.section_head.section_foot .section_button.blueBackgound, .audit_bulk_pork .audit_calendar_table .table tr.section_head.section_foot .section_button.blueBackgound, .audit_info_box .audit_calendar_table .table tr.section_head.section_foot .section_button.blueBackgound, .audit_efficency .audit_calendar_table .table tr.section_head.section_foot .section_button.blueBackgound, .audit_efficency2 .audit_calendar_table .table tr.section_head.section_foot .section_button.blueBackgound { background-color: #385b93; } .audit_calendar .audit_calendar_table .table tr.section_head.section_foot .section_button.yellowBackgound, .audit_standard .audit_calendar_table .table tr.section_head.section_foot .section_button.yellowBackgound, .audit_gmp_aduit .audit_calendar_table .table tr.section_head.section_foot .section_button.yellowBackgound, .audit_metal .audit_calendar_table .table tr.section_head.section_foot .section_button.yellowBackgound, .audit_temperature .audit_calendar_table .table tr.section_head.section_foot .section_button.yellowBackgound, .audit_bulk_pork .audit_calendar_table .table tr.section_head.section_foot .section_button.yellowBackgound, .audit_info_box .audit_calendar_table .table tr.section_head.section_foot .section_button.yellowBackgound, .audit_efficency .audit_calendar_table .table tr.section_head.section_foot .section_button.yellowBackgound, .audit_efficency2 .audit_calendar_table .table tr.section_head.section_foot .section_button.yellowBackgound { background-color: #d08315; } .audit_calendar .audit_calendar_table .table tr.section_head.section_foot .section_button:hover, .audit_standard .audit_calendar_table .table tr.section_head.section_foot .section_button:hover, .audit_gmp_aduit .audit_calendar_table .table tr.section_head.section_foot .section_button:hover, .audit_metal .audit_calendar_table .table tr.section_head.section_foot .section_button:hover, .audit_temperature .audit_calendar_table .table tr.section_head.section_foot .section_button:hover, .audit_bulk_pork .audit_calendar_table .table tr.section_head.section_foot .section_button:hover, .audit_info_box .audit_calendar_table .table tr.section_head.section_foot .section_button:hover, .audit_efficency .audit_calendar_table .table tr.section_head.section_foot .section_button:hover, .audit_efficency2 .audit_calendar_table .table tr.section_head.section_foot .section_button:hover { border-bottom: none; opacity: 0.9; } .audit_calendar .audit_calendar_table .table tr.section_head.section_foot th, .audit_standard .audit_calendar_table .table tr.section_head.section_foot th, .audit_gmp_aduit .audit_calendar_table .table tr.section_head.section_foot th, .audit_metal .audit_calendar_table .table tr.section_head.section_foot th, .audit_temperature .audit_calendar_table .table tr.section_head.section_foot th, .audit_bulk_pork .audit_calendar_table .table tr.section_head.section_foot th, .audit_info_box .audit_calendar_table .table tr.section_head.section_foot th, .audit_efficency .audit_calendar_table .table tr.section_head.section_foot th, .audit_efficency2 .audit_calendar_table .table tr.section_head.section_foot th { color: #000000; background-color: #fff; text-transform: none; font-weight: bold; border: none; } .audit_calendar .audit_calendar_table .table tr td, .audit_standard .audit_calendar_table .table tr td, .audit_gmp_aduit .audit_calendar_table .table tr td, .audit_metal .audit_calendar_table .table tr td, .audit_temperature .audit_calendar_table .table tr td, .audit_bulk_pork .audit_calendar_table .table tr td, .audit_info_box .audit_calendar_table .table tr td, .audit_efficency .audit_calendar_table .table tr td, .audit_efficency2 .audit_calendar_table .table tr td { border: 1px solid #ccc; color: #385b93; padding: 0px; position: relative; min-height: 50px; vertical-align: middle; } .audit_calendar .audit_calendar_table .table tr td p, .audit_standard .audit_calendar_table .table tr td p, .audit_gmp_aduit .audit_calendar_table .table tr td p, .audit_metal .audit_calendar_table .table tr td p, .audit_temperature .audit_calendar_table .table tr td p, .audit_bulk_pork .audit_calendar_table .table tr td p, .audit_info_box .audit_calendar_table .table tr td p, .audit_efficency .audit_calendar_table .table tr td p, .audit_efficency2 .audit_calendar_table .table tr td p { font-size: 14px; line-height: 18px; padding-left: 12px; padding-top: 12px; padding-right: 8px; padding-bottom: 12px; } .audit_calendar .audit_calendar_table .table tr td .statusBar, .audit_standard .audit_calendar_table .table tr td .statusBar, .audit_gmp_aduit .audit_calendar_table .table tr td .statusBar, .audit_metal .audit_calendar_table .table tr td .statusBar, .audit_temperature .audit_calendar_table .table tr td .statusBar, .audit_bulk_pork .audit_calendar_table .table tr td .statusBar, .audit_info_box .audit_calendar_table .table tr td .statusBar, .audit_efficency .audit_calendar_table .table tr td .statusBar, .audit_efficency2 .audit_calendar_table .table tr td .statusBar { display: inline-block; height: auto; width: 10px; position: absolute; top: 0px; bottom: 0px; left: 0px; min-height: 50px; } .audit_calendar .audit_calendar_table .table tr td .statusBar.scheduled, .audit_standard .audit_calendar_table .table tr td .statusBar.scheduled, .audit_gmp_aduit .audit_calendar_table .table tr td .statusBar.scheduled, .audit_metal .audit_calendar_table .table tr td .statusBar.scheduled, .audit_temperature .audit_calendar_table .table tr td .statusBar.scheduled, .audit_bulk_pork .audit_calendar_table .table tr td .statusBar.scheduled, .audit_info_box .audit_calendar_table .table tr td .statusBar.scheduled, .audit_efficency .audit_calendar_table .table tr td .statusBar.scheduled, .audit_efficency2 .audit_calendar_table .table tr td .statusBar.scheduled { background-color: #90cad4; } .audit_calendar .audit_calendar_table .table tr td .statusBar.overdue, .audit_standard .audit_calendar_table .table tr td .statusBar.overdue, .audit_gmp_aduit .audit_calendar_table .table tr td .statusBar.overdue, .audit_metal .audit_calendar_table .table tr td .statusBar.overdue, .audit_temperature .audit_calendar_table .table tr td .statusBar.overdue, .audit_bulk_pork .audit_calendar_table .table tr td .statusBar.overdue, .audit_info_box .audit_calendar_table .table tr td .statusBar.overdue, .audit_efficency .audit_calendar_table .table tr td .statusBar.overdue, .audit_efficency2 .audit_calendar_table .table tr td .statusBar.overdue { background-color: #e44f4b; } .audit_calendar .audit_calendar_table .table tr td .statusBar.completed, .audit_standard .audit_calendar_table .table tr td .statusBar.completed, .audit_gmp_aduit .audit_calendar_table .table tr td .statusBar.completed, .audit_metal .audit_calendar_table .table tr td .statusBar.completed, .audit_temperature .audit_calendar_table .table tr td .statusBar.completed, .audit_bulk_pork .audit_calendar_table .table tr td .statusBar.completed, .audit_info_box .audit_calendar_table .table tr td .statusBar.completed, .audit_efficency .audit_calendar_table .table tr td .statusBar.completed, .audit_efficency2 .audit_calendar_table .table tr td .statusBar.completed { background-color: #b0d490; } .audit_calendar .audit_calendar_table .table tr td .statusBar.unbooked, .audit_standard .audit_calendar_table .table tr td .statusBar.unbooked, .audit_gmp_aduit .audit_calendar_table .table tr td .statusBar.unbooked, .audit_metal .audit_calendar_table .table tr td .statusBar.unbooked, .audit_temperature .audit_calendar_table .table tr td .statusBar.unbooked, .audit_bulk_pork .audit_calendar_table .table tr td .statusBar.unbooked, .audit_info_box .audit_calendar_table .table tr td .statusBar.unbooked, .audit_efficency .audit_calendar_table .table tr td .statusBar.unbooked, .audit_efficency2 .audit_calendar_table .table tr td .statusBar.unbooked { background-color: #d4cd90; } .audit_calendar .audit_calendar_table .table tr td .auditBlock, .audit_standard .audit_calendar_table .table tr td .auditBlock, .audit_gmp_aduit .audit_calendar_table .table tr td .auditBlock, .audit_metal .audit_calendar_table .table tr td .auditBlock, .audit_temperature .audit_calendar_table .table tr td .auditBlock, .audit_bulk_pork .audit_calendar_table .table tr td .auditBlock, .audit_info_box .audit_calendar_table .table tr td .auditBlock, .audit_efficency .audit_calendar_table .table tr td .auditBlock, .audit_efficency2 .audit_calendar_table .table tr td .auditBlock { display: inline-block; width: 100%; height: auto; min-width: 100px; min-height: 50px; position: absolute; top: 0px; bottom: 0px; z-index: 9996; left: 0px; cursor: move; } .audit_calendar .audit_calendar_table .table tr td .auditBlock.auditMovementRequested, .audit_standard .audit_calendar_table .table tr td .auditBlock.auditMovementRequested, .audit_gmp_aduit .audit_calendar_table .table tr td .auditBlock.auditMovementRequested, .audit_metal .audit_calendar_table .table tr td .auditBlock.auditMovementRequested, .audit_temperature .audit_calendar_table .table tr td .auditBlock.auditMovementRequested, .audit_bulk_pork .audit_calendar_table .table tr td .auditBlock.auditMovementRequested, .audit_info_box .audit_calendar_table .table tr td .auditBlock.auditMovementRequested, .audit_efficency .audit_calendar_table .table tr td .auditBlock.auditMovementRequested, .audit_efficency2 .audit_calendar_table .table tr td .auditBlock.auditMovementRequested { line-height: 14px !important; color: #000 !important; font-weight: bold !important; padding: 5px !important; background-color: #ccc !important; border: 2px solid #e44f4b !important; } .audit_calendar .audit_calendar_table .table tr td .auditBlock .inner, .audit_standard .audit_calendar_table .table tr td .auditBlock .inner, .audit_gmp_aduit .audit_calendar_table .table tr td .auditBlock .inner, .audit_metal .audit_calendar_table .table tr td .auditBlock .inner, .audit_temperature .audit_calendar_table .table tr td .auditBlock .inner, .audit_bulk_pork .audit_calendar_table .table tr td .auditBlock .inner, .audit_info_box .audit_calendar_table .table tr td .auditBlock .inner, .audit_efficency .audit_calendar_table .table tr td .auditBlock .inner, .audit_efficency2 .audit_calendar_table .table tr td .auditBlock .inner { width: 80%; left: 10%; position: absolute; top: 20%; bottom: 20%; border: 1px solid #fff; color: #fff; line-height: 12px; padding-top: 5px; font-size: 12px; border-radius: 10px; } .audit_calendar .audit_calendar_table .table tr td .auditBlock .inner .fa, .audit_standard .audit_calendar_table .table tr td .auditBlock .inner .fa, .audit_gmp_aduit .audit_calendar_table .table tr td .auditBlock .inner .fa, .audit_metal .audit_calendar_table .table tr td .auditBlock .inner .fa, .audit_temperature .audit_calendar_table .table tr td .auditBlock .inner .fa, .audit_bulk_pork .audit_calendar_table .table tr td .auditBlock .inner .fa, .audit_info_box .audit_calendar_table .table tr td .auditBlock .inner .fa, .audit_efficency .audit_calendar_table .table tr td .auditBlock .inner .fa, .audit_efficency2 .audit_calendar_table .table tr td .auditBlock .inner .fa { cursor: pointer; font-size: 10px; } .audit_calendar .audit_calendar_table .table tr td .auditBlock .inner.scheduled, .audit_standard .audit_calendar_table .table tr td .auditBlock .inner.scheduled, .audit_gmp_aduit .audit_calendar_table .table tr td .auditBlock .inner.scheduled, .audit_metal .audit_calendar_table .table tr td .auditBlock .inner.scheduled, .audit_temperature .audit_calendar_table .table tr td .auditBlock .inner.scheduled, .audit_bulk_pork .audit_calendar_table .table tr td .auditBlock .inner.scheduled, .audit_info_box .audit_calendar_table .table tr td .auditBlock .inner.scheduled, .audit_efficency .audit_calendar_table .table tr td .auditBlock .inner.scheduled, .audit_efficency2 .audit_calendar_table .table tr td .auditBlock .inner.scheduled { background-color: #5f6979 !important; } .audit_calendar .audit_calendar_table .table tr td .auditBlock .inner.overdue, .audit_standard .audit_calendar_table .table tr td .auditBlock .inner.overdue, .audit_gmp_aduit .audit_calendar_table .table tr td .auditBlock .inner.overdue, .audit_metal .audit_calendar_table .table tr td .auditBlock .inner.overdue, .audit_temperature .audit_calendar_table .table tr td .auditBlock .inner.overdue, .audit_bulk_pork .audit_calendar_table .table tr td .auditBlock .inner.overdue, .audit_info_box .audit_calendar_table .table tr td .auditBlock .inner.overdue, .audit_efficency .audit_calendar_table .table tr td .auditBlock .inner.overdue, .audit_efficency2 .audit_calendar_table .table tr td .auditBlock .inner.overdue { background-color: #cf2121 !important; } .audit_calendar .audit_calendar_table .table tr td .auditBlock .inner.completed, .audit_standard .audit_calendar_table .table tr td .auditBlock .inner.completed, .audit_gmp_aduit .audit_calendar_table .table tr td .auditBlock .inner.completed, .audit_metal .audit_calendar_table .table tr td .auditBlock .inner.completed, .audit_temperature .audit_calendar_table .table tr td .auditBlock .inner.completed, .audit_bulk_pork .audit_calendar_table .table tr td .auditBlock .inner.completed, .audit_info_box .audit_calendar_table .table tr td .auditBlock .inner.completed, .audit_efficency .audit_calendar_table .table tr td .auditBlock .inner.completed, .audit_efficency2 .audit_calendar_table .table tr td .auditBlock .inner.completed { background-color: #4ba63e !important; } .audit_calendar .audit_calendar_table .table tr td .auditBlock .inner.unbooked, .audit_standard .audit_calendar_table .table tr td .auditBlock .inner.unbooked, .audit_gmp_aduit .audit_calendar_table .table tr td .auditBlock .inner.unbooked, .audit_metal .audit_calendar_table .table tr td .auditBlock .inner.unbooked, .audit_temperature .audit_calendar_table .table tr td .auditBlock .inner.unbooked, .audit_bulk_pork .audit_calendar_table .table tr td .auditBlock .inner.unbooked, .audit_info_box .audit_calendar_table .table tr td .auditBlock .inner.unbooked, .audit_efficency .audit_calendar_table .table tr td .auditBlock .inner.unbooked, .audit_efficency2 .audit_calendar_table .table tr td .auditBlock .inner.unbooked { background-color: #aba14e !important; } .audit_calendar .audit_calendar_table .table tr td .auditBlock .inner.warning, .audit_standard .audit_calendar_table .table tr td .auditBlock .inner.warning, .audit_gmp_aduit .audit_calendar_table .table tr td .auditBlock .inner.warning, .audit_metal .audit_calendar_table .table tr td .auditBlock .inner.warning, .audit_temperature .audit_calendar_table .table tr td .auditBlock .inner.warning, .audit_bulk_pork .audit_calendar_table .table tr td .auditBlock .inner.warning, .audit_info_box .audit_calendar_table .table tr td .auditBlock .inner.warning, .audit_efficency .audit_calendar_table .table tr td .auditBlock .inner.warning, .audit_efficency2 .audit_calendar_table .table tr td .auditBlock .inner.warning { background-color: #f0ad4e !important; } .audit_calendar .audit_calendar_table .table tr td .auditBlock.scheduled, .audit_standard .audit_calendar_table .table tr td .auditBlock.scheduled, .audit_gmp_aduit .audit_calendar_table .table tr td .auditBlock.scheduled, .audit_metal .audit_calendar_table .table tr td .auditBlock.scheduled, .audit_temperature .audit_calendar_table .table tr td .auditBlock.scheduled, .audit_bulk_pork .audit_calendar_table .table tr td .auditBlock.scheduled, .audit_info_box .audit_calendar_table .table tr td .auditBlock.scheduled, .audit_efficency .audit_calendar_table .table tr td .auditBlock.scheduled, .audit_efficency2 .audit_calendar_table .table tr td .auditBlock.scheduled { background-color: #90cad4; } .audit_calendar .audit_calendar_table .table tr td .auditBlock.scheduled .fa, .audit_standard .audit_calendar_table .table tr td .auditBlock.scheduled .fa, .audit_gmp_aduit .audit_calendar_table .table tr td .auditBlock.scheduled .fa, .audit_metal .audit_calendar_table .table tr td .auditBlock.scheduled .fa, .audit_temperature .audit_calendar_table .table tr td .auditBlock.scheduled .fa, .audit_bulk_pork .audit_calendar_table .table tr td .auditBlock.scheduled .fa, .audit_info_box .audit_calendar_table .table tr td .auditBlock.scheduled .fa, .audit_efficency .audit_calendar_table .table tr td .auditBlock.scheduled .fa, .audit_efficency2 .audit_calendar_table .table tr td .auditBlock.scheduled .fa { color: #fff; } .audit_calendar .audit_calendar_table .table tr td .auditBlock.scheduled .inner, .audit_standard .audit_calendar_table .table tr td .auditBlock.scheduled .inner, .audit_gmp_aduit .audit_calendar_table .table tr td .auditBlock.scheduled .inner, .audit_metal .audit_calendar_table .table tr td .auditBlock.scheduled .inner, .audit_temperature .audit_calendar_table .table tr td .auditBlock.scheduled .inner, .audit_bulk_pork .audit_calendar_table .table tr td .auditBlock.scheduled .inner, .audit_info_box .audit_calendar_table .table tr td .auditBlock.scheduled .inner, .audit_efficency .audit_calendar_table .table tr td .auditBlock.scheduled .inner, .audit_efficency2 .audit_calendar_table .table tr td .auditBlock.scheduled .inner { background-color: #5f6979; } .audit_calendar .audit_calendar_table .table tr td .auditBlock.overdue, .audit_standard .audit_calendar_table .table tr td .auditBlock.overdue, .audit_gmp_aduit .audit_calendar_table .table tr td .auditBlock.overdue, .audit_metal .audit_calendar_table .table tr td .auditBlock.overdue, .audit_temperature .audit_calendar_table .table tr td .auditBlock.overdue, .audit_bulk_pork .audit_calendar_table .table tr td .auditBlock.overdue, .audit_info_box .audit_calendar_table .table tr td .auditBlock.overdue, .audit_efficency .audit_calendar_table .table tr td .auditBlock.overdue, .audit_efficency2 .audit_calendar_table .table tr td .auditBlock.overdue { background-color: #e44f4b; } .audit_calendar .audit_calendar_table .table tr td .auditBlock.overdue .fa, .audit_standard .audit_calendar_table .table tr td .auditBlock.overdue .fa, .audit_gmp_aduit .audit_calendar_table .table tr td .auditBlock.overdue .fa, .audit_metal .audit_calendar_table .table tr td .auditBlock.overdue .fa, .audit_temperature .audit_calendar_table .table tr td .auditBlock.overdue .fa, .audit_bulk_pork .audit_calendar_table .table tr td .auditBlock.overdue .fa, .audit_info_box .audit_calendar_table .table tr td .auditBlock.overdue .fa, .audit_efficency .audit_calendar_table .table tr td .auditBlock.overdue .fa, .audit_efficency2 .audit_calendar_table .table tr td .auditBlock.overdue .fa { color: #fff; } .audit_calendar .audit_calendar_table .table tr td .auditBlock.overdue .inner, .audit_standard .audit_calendar_table .table tr td .auditBlock.overdue .inner, .audit_gmp_aduit .audit_calendar_table .table tr td .auditBlock.overdue .inner, .audit_metal .audit_calendar_table .table tr td .auditBlock.overdue .inner, .audit_temperature .audit_calendar_table .table tr td .auditBlock.overdue .inner, .audit_bulk_pork .audit_calendar_table .table tr td .auditBlock.overdue .inner, .audit_info_box .audit_calendar_table .table tr td .auditBlock.overdue .inner, .audit_efficency .audit_calendar_table .table tr td .auditBlock.overdue .inner, .audit_efficency2 .audit_calendar_table .table tr td .auditBlock.overdue .inner { background-color: #cf2121; } .audit_calendar .audit_calendar_table .table tr td .auditBlock.completed, .audit_standard .audit_calendar_table .table tr td .auditBlock.completed, .audit_gmp_aduit .audit_calendar_table .table tr td .auditBlock.completed, .audit_metal .audit_calendar_table .table tr td .auditBlock.completed, .audit_temperature .audit_calendar_table .table tr td .auditBlock.completed, .audit_bulk_pork .audit_calendar_table .table tr td .auditBlock.completed, .audit_info_box .audit_calendar_table .table tr td .auditBlock.completed, .audit_efficency .audit_calendar_table .table tr td .auditBlock.completed, .audit_efficency2 .audit_calendar_table .table tr td .auditBlock.completed { background-color: #b0d490; } .audit_calendar .audit_calendar_table .table tr td .auditBlock.completed .fa, .audit_standard .audit_calendar_table .table tr td .auditBlock.completed .fa, .audit_gmp_aduit .audit_calendar_table .table tr td .auditBlock.completed .fa, .audit_metal .audit_calendar_table .table tr td .auditBlock.completed .fa, .audit_temperature .audit_calendar_table .table tr td .auditBlock.completed .fa, .audit_bulk_pork .audit_calendar_table .table tr td .auditBlock.completed .fa, .audit_info_box .audit_calendar_table .table tr td .auditBlock.completed .fa, .audit_efficency .audit_calendar_table .table tr td .auditBlock.completed .fa, .audit_efficency2 .audit_calendar_table .table tr td .auditBlock.completed .fa { color: #fff; } .audit_calendar .audit_calendar_table .table tr td .auditBlock.completed .inner, .audit_standard .audit_calendar_table .table tr td .auditBlock.completed .inner, .audit_gmp_aduit .audit_calendar_table .table tr td .auditBlock.completed .inner, .audit_metal .audit_calendar_table .table tr td .auditBlock.completed .inner, .audit_temperature .audit_calendar_table .table tr td .auditBlock.completed .inner, .audit_bulk_pork .audit_calendar_table .table tr td .auditBlock.completed .inner, .audit_info_box .audit_calendar_table .table tr td .auditBlock.completed .inner, .audit_efficency .audit_calendar_table .table tr td .auditBlock.completed .inner, .audit_efficency2 .audit_calendar_table .table tr td .auditBlock.completed .inner { background-color: #4ba63e; } .audit_calendar .audit_calendar_table .table tr td .auditBlock.unbooked, .audit_standard .audit_calendar_table .table tr td .auditBlock.unbooked, .audit_gmp_aduit .audit_calendar_table .table tr td .auditBlock.unbooked, .audit_metal .audit_calendar_table .table tr td .auditBlock.unbooked, .audit_temperature .audit_calendar_table .table tr td .auditBlock.unbooked, .audit_bulk_pork .audit_calendar_table .table tr td .auditBlock.unbooked, .audit_info_box .audit_calendar_table .table tr td .auditBlock.unbooked, .audit_efficency .audit_calendar_table .table tr td .auditBlock.unbooked, .audit_efficency2 .audit_calendar_table .table tr td .auditBlock.unbooked { background-color: #d4cd90; } .audit_calendar .audit_calendar_table .table tr td .auditBlock.unbooked .fa, .audit_standard .audit_calendar_table .table tr td .auditBlock.unbooked .fa, .audit_gmp_aduit .audit_calendar_table .table tr td .auditBlock.unbooked .fa, .audit_metal .audit_calendar_table .table tr td .auditBlock.unbooked .fa, .audit_temperature .audit_calendar_table .table tr td .auditBlock.unbooked .fa, .audit_bulk_pork .audit_calendar_table .table tr td .auditBlock.unbooked .fa, .audit_info_box .audit_calendar_table .table tr td .auditBlock.unbooked .fa, .audit_efficency .audit_calendar_table .table tr td .auditBlock.unbooked .fa, .audit_efficency2 .audit_calendar_table .table tr td .auditBlock.unbooked .fa { color: #fff; } .audit_calendar .audit_calendar_table .table tr td .auditBlock.unbooked .inner, .audit_standard .audit_calendar_table .table tr td .auditBlock.unbooked .inner, .audit_gmp_aduit .audit_calendar_table .table tr td .auditBlock.unbooked .inner, .audit_metal .audit_calendar_table .table tr td .auditBlock.unbooked .inner, .audit_temperature .audit_calendar_table .table tr td .auditBlock.unbooked .inner, .audit_bulk_pork .audit_calendar_table .table tr td .auditBlock.unbooked .inner, .audit_info_box .audit_calendar_table .table tr td .auditBlock.unbooked .inner, .audit_efficency .audit_calendar_table .table tr td .auditBlock.unbooked .inner, .audit_efficency2 .audit_calendar_table .table tr td .auditBlock.unbooked .inner { background-color: #aba14e; } .audit_calendar .audit_calendar_table .table tr td.auditCell .fa, .audit_standard .audit_calendar_table .table tr td.auditCell .fa, .audit_gmp_aduit .audit_calendar_table .table tr td.auditCell .fa, .audit_metal .audit_calendar_table .table tr td.auditCell .fa, .audit_temperature .audit_calendar_table .table tr td.auditCell .fa, .audit_bulk_pork .audit_calendar_table .table tr td.auditCell .fa, .audit_info_box .audit_calendar_table .table tr td.auditCell .fa, .audit_efficency .audit_calendar_table .table tr td.auditCell .fa, .audit_efficency2 .audit_calendar_table .table tr td.auditCell .fa { margin-right: 3px; font-size: 10px; position: absolute; z-index: 9997; left: 4px; top: 4px; color: #fff; } .audit_calendar .audit_calendar_table .table tr td.freq, .audit_standard .audit_calendar_table .table tr td.freq, .audit_gmp_aduit .audit_calendar_table .table tr td.freq, .audit_metal .audit_calendar_table .table tr td.freq, .audit_temperature .audit_calendar_table .table tr td.freq, .audit_bulk_pork .audit_calendar_table .table tr td.freq, .audit_info_box .audit_calendar_table .table tr td.freq, .audit_efficency .audit_calendar_table .table tr td.freq, .audit_efficency2 .audit_calendar_table .table tr td.freq { text-transform: uppercase; font-weight: bold; padding: 8px; padding-top: 13px; padding-bottom: 13px; } .audit_calendar .audit_calendar_table .table tr td.stickLeft, .audit_standard .audit_calendar_table .table tr td.stickLeft, .audit_gmp_aduit .audit_calendar_table .table tr td.stickLeft, .audit_metal .audit_calendar_table .table tr td.stickLeft, .audit_temperature .audit_calendar_table .table tr td.stickLeft, .audit_bulk_pork .audit_calendar_table .table tr td.stickLeft, .audit_info_box .audit_calendar_table .table tr td.stickLeft, .audit_efficency .audit_calendar_table .table tr td.stickLeft, .audit_efficency2 .audit_calendar_table .table tr td.stickLeft { background-color: #dedede; z-index: 999; } .audit_calendar .audit_calendar_table .table tr td.clause, .audit_standard .audit_calendar_table .table tr td.clause, .audit_gmp_aduit .audit_calendar_table .table tr td.clause, .audit_metal .audit_calendar_table .table tr td.clause, .audit_temperature .audit_calendar_table .table tr td.clause, .audit_bulk_pork .audit_calendar_table .table tr td.clause, .audit_info_box .audit_calendar_table .table tr td.clause, .audit_efficency .audit_calendar_table .table tr td.clause, .audit_efficency2 .audit_calendar_table .table tr td.clause { font-weight: bold; } .audit_calendar .audit_calendar_table .table tr td.clause .p, .audit_standard .audit_calendar_table .table tr td.clause .p, .audit_gmp_aduit .audit_calendar_table .table tr td.clause .p, .audit_metal .audit_calendar_table .table tr td.clause .p, .audit_temperature .audit_calendar_table .table tr td.clause .p, .audit_bulk_pork .audit_calendar_table .table tr td.clause .p, .audit_info_box .audit_calendar_table .table tr td.clause .p, .audit_efficency .audit_calendar_table .table tr td.clause .p, .audit_efficency2 .audit_calendar_table .table tr td.clause .p { padding: 8px; padding-top: 15px; } .audit_calendar .audit_calendar_table .table tr td.text-left, .audit_standard .audit_calendar_table .table tr td.text-left, .audit_gmp_aduit .audit_calendar_table .table tr td.text-left, .audit_metal .audit_calendar_table .table tr td.text-left, .audit_temperature .audit_calendar_table .table tr td.text-left, .audit_bulk_pork .audit_calendar_table .table tr td.text-left, .audit_info_box .audit_calendar_table .table tr td.text-left, .audit_efficency .audit_calendar_table .table tr td.text-left, .audit_efficency2 .audit_calendar_table .table tr td.text-left { text-align: left !important; } @media only screen and (max-width: 992px) { .audit_calendar .nav-pills > li.active, .audit_standard .nav-pills > li.active, .audit_gmp_aduit .nav-pills > li.active, .audit_metal .nav-pills > li.active, .audit_temperature .nav-pills > li.active, .audit_bulk_pork .nav-pills > li.active, .audit_info_box .nav-pills > li.active, .audit_efficency .nav-pills > li.active, .audit_efficency2 .nav-pills > li.active { display: none; } .audit_calendar .auditScheduleDropDown, .audit_standard .auditScheduleDropDown, .audit_gmp_aduit .auditScheduleDropDown, .audit_metal .auditScheduleDropDown, .audit_temperature .auditScheduleDropDown, .audit_bulk_pork .auditScheduleDropDown, .audit_info_box .auditScheduleDropDown, .audit_efficency .auditScheduleDropDown, .audit_efficency2 .auditScheduleDropDown { margin-bottom: 5px; width: 100%; margin-left: 0px; } } .highlightDailyCheck { background-color: #ffaeae !important; } .audit_standard .score, .audit_gmp_aduit .score, .audit_metal .score, .audit_temperature .score, .audit_bulk_pork .score, .audit_info_box .score, .audit_efficency .score, .audit_efficency2 .score { font-size: 55px; font-weight: bold; display: inline-block; width: 100%; text-align: left; padding: 0px 0px 15px 0px; line-height: 52px; } .audit_standard .score.blue, .audit_gmp_aduit .score.blue, .audit_metal .score.blue, .audit_temperature .score.blue, .audit_bulk_pork .score.blue, .audit_info_box .score.blue, .audit_efficency .score.blue, .audit_efficency2 .score.blue { color: #337ab7; } .audit_standard .score.red, .audit_gmp_aduit .score.red, .audit_metal .score.red, .audit_temperature .score.red, .audit_bulk_pork .score.red, .audit_info_box .score.red, .audit_efficency .score.red, .audit_efficency2 .score.red { color: #d9534f; } .audit_standard .score.yellow, .audit_gmp_aduit .score.yellow, .audit_metal .score.yellow, .audit_temperature .score.yellow, .audit_bulk_pork .score.yellow, .audit_info_box .score.yellow, .audit_efficency .score.yellow, .audit_efficency2 .score.yellow { color: #f0ad4e; } .audit_standard .score.green, .audit_gmp_aduit .score.green, .audit_metal .score.green, .audit_temperature .score.green, .audit_bulk_pork .score.green, .audit_info_box .score.green, .audit_efficency .score.green, .audit_efficency2 .score.green { color: #5cb85c; } .audit_standard .qas_tag, .audit_gmp_aduit .qas_tag, .audit_metal .qas_tag, .audit_temperature .qas_tag, .audit_bulk_pork .qas_tag, .audit_info_box .qas_tag, .audit_efficency .qas_tag, .audit_efficency2 .qas_tag { border-style: solid; border-width: 1px; border-color: #d6d6d6; border-radius: 10px; background-color: #5fa384; width: 90%; margin-left: 5%; margin-right: 5%; float: left; height: 50px; font-size: 18px; color: #f3f6f9; font-weight: bold; text-align: center; padding: 10px 10px 10px 10px; margin-top: 10px; margin-bottom: 20px; } .audit_standard .qas_tag.wrong, .audit_gmp_aduit .qas_tag.wrong, .audit_metal .qas_tag.wrong, .audit_temperature .qas_tag.wrong, .audit_bulk_pork .qas_tag.wrong, .audit_info_box .qas_tag.wrong, .audit_efficency .qas_tag.wrong, .audit_efficency2 .qas_tag.wrong { background-color: #cf2121; } .audit_standard .qas_tag.notapplicable, .audit_gmp_aduit .qas_tag.notapplicable, .audit_metal .qas_tag.notapplicable, .audit_temperature .qas_tag.notapplicable, .audit_bulk_pork .qas_tag.notapplicable, .audit_info_box .qas_tag.notapplicable, .audit_efficency .qas_tag.notapplicable, .audit_efficency2 .qas_tag.notapplicable { background-color: #f0ad4e; } .audit_standard .qas_tag.action, .audit_gmp_aduit .qas_tag.action, .audit_metal .qas_tag.action, .audit_temperature .qas_tag.action, .audit_bulk_pork .qas_tag.action, .audit_info_box .qas_tag.action, .audit_efficency .qas_tag.action, .audit_efficency2 .qas_tag.action { background-color: #7c945c; } .audit_standard .qas_photo img, .audit_gmp_aduit .qas_photo img, .audit_metal .qas_photo img, .audit_temperature .qas_photo img, .audit_bulk_pork .qas_photo img, .audit_info_box .qas_photo img, .audit_efficency .qas_photo img, .audit_efficency2 .qas_photo img { width: 250px; height: auto; margin-bottom: 10px; } .audit_standard .qas_note, .audit_gmp_aduit .qas_note, .audit_metal .qas_note, .audit_temperature .qas_note, .audit_bulk_pork .qas_note, .audit_info_box .qas_note, .audit_efficency .qas_note, .audit_efficency2 .qas_note { width: 90%; margin-left: 5%; margin-right: 5%; font-size: 16px; float: left; margin-bottom: 20px; min-height: 50px; } .audit_standard .element_head_items, .audit_gmp_aduit .element_head_items, .audit_metal .element_head_items, .audit_temperature .element_head_items, .audit_bulk_pork .element_head_items, .audit_info_box .element_head_items, .audit_efficency .element_head_items, .audit_efficency2 .element_head_items { width: 100%; display: inline-block; margin-bottom: 20px; } .audit_standard .element_head_items .head_item, .audit_gmp_aduit .element_head_items .head_item, .audit_metal .element_head_items .head_item, .audit_temperature .element_head_items .head_item, .audit_bulk_pork .element_head_items .head_item, .audit_info_box .element_head_items .head_item, .audit_efficency .element_head_items .head_item, .audit_efficency2 .element_head_items .head_item { float: left; background-color: #fff; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; } .audit_standard .element_head_items .head_item.fixed_item p, .audit_gmp_aduit .element_head_items .head_item.fixed_item p, .audit_metal .element_head_items .head_item.fixed_item p, .audit_temperature .element_head_items .head_item.fixed_item p, .audit_bulk_pork .element_head_items .head_item.fixed_item p, .audit_info_box .element_head_items .head_item.fixed_item p, .audit_efficency .element_head_items .head_item.fixed_item p, .audit_efficency2 .element_head_items .head_item.fixed_item p { padding: 8px 20px 4px 20px; } .audit_standard .element_head_items .head_item:first-child, .audit_gmp_aduit .element_head_items .head_item:first-child, .audit_metal .element_head_items .head_item:first-child, .audit_temperature .element_head_items .head_item:first-child, .audit_bulk_pork .element_head_items .head_item:first-child, .audit_info_box .element_head_items .head_item:first-child, .audit_efficency .element_head_items .head_item:first-child, .audit_efficency2 .element_head_items .head_item:first-child { border-left: 1px solid #ccc; } .audit_standard .element_head_items .head_item p, .audit_gmp_aduit .element_head_items .head_item p, .audit_metal .element_head_items .head_item p, .audit_temperature .element_head_items .head_item p, .audit_bulk_pork .element_head_items .head_item p, .audit_info_box .element_head_items .head_item p, .audit_efficency .element_head_items .head_item p, .audit_efficency2 .element_head_items .head_item p { font-size: 14px; line-height: 22px; padding-left: 25px; padding-top: 12px; padding-right: 25px; padding-bottom: 10px; } .audit_standard .element_head_items .head_item p span, .audit_gmp_aduit .element_head_items .head_item p span, .audit_metal .element_head_items .head_item p span, .audit_temperature .element_head_items .head_item p span, .audit_bulk_pork .element_head_items .head_item p span, .audit_info_box .element_head_items .head_item p span, .audit_efficency .element_head_items .head_item p span, .audit_efficency2 .element_head_items .head_item p span { /* font-weight: bold; margin-left: 5px; display: inline-block;*/ } .audit_standard .element_head_items .head_item select, .audit_gmp_aduit .element_head_items .head_item select, .audit_metal .element_head_items .head_item select, .audit_temperature .element_head_items .head_item select, .audit_bulk_pork .element_head_items .head_item select, .audit_info_box .element_head_items .head_item select, .audit_efficency .element_head_items .head_item select, .audit_efficency2 .element_head_items .head_item select { /* border: 1px #ccc solid; color: #333; padding: 3px 5px 3px 5px;*/ } .audit_standard .audit_calendar_table .table tr th, .audit_gmp_aduit .audit_calendar_table .table tr th, .audit_metal .audit_calendar_table .table tr th, .audit_temperature .audit_calendar_table .table tr th, .audit_bulk_pork .audit_calendar_table .table tr th, .audit_info_box .audit_calendar_table .table tr th, .audit_efficency .audit_calendar_table .table tr th, .audit_efficency2 .audit_calendar_table .table tr th { border: 1px solid #ccc; text-align: left !important; padding-left: 15px; padding-top: 10px; padding-right: 5px; padding-bottom: 10px; text-transform: none; } .audit_standard .audit_calendar_table .table tr th p, .audit_gmp_aduit .audit_calendar_table .table tr th p, .audit_metal .audit_calendar_table .table tr th p, .audit_temperature .audit_calendar_table .table tr th p, .audit_bulk_pork .audit_calendar_table .table tr th p, .audit_info_box .audit_calendar_table .table tr th p, .audit_efficency .audit_calendar_table .table tr th p, .audit_efficency2 .audit_calendar_table .table tr th p { font-size: 13px; line-height: 18px; padding-left: 5px; padding-top: 4px; padding-right: 5px; padding-bottom: 5px; } .audit_standard .audit_calendar_table .table tr th.text-left, .audit_gmp_aduit .audit_calendar_table .table tr th.text-left, .audit_metal .audit_calendar_table .table tr th.text-left, .audit_temperature .audit_calendar_table .table tr th.text-left, .audit_bulk_pork .audit_calendar_table .table tr th.text-left, .audit_info_box .audit_calendar_table .table tr th.text-left, .audit_efficency .audit_calendar_table .table tr th.text-left, .audit_efficency2 .audit_calendar_table .table tr th.text-left { text-align: left !important; } .audit_standard .audit_calendar_table .table tr.section_head th, .audit_gmp_aduit .audit_calendar_table .table tr.section_head th, .audit_metal .audit_calendar_table .table tr.section_head th, .audit_temperature .audit_calendar_table .table tr.section_head th, .audit_bulk_pork .audit_calendar_table .table tr.section_head th, .audit_info_box .audit_calendar_table .table tr.section_head th, .audit_efficency .audit_calendar_table .table tr.section_head th, .audit_efficency2 .audit_calendar_table .table tr.section_head th { text-transform: none; text-align: center; border: 1px solid #ccc; padding-top: 10px; padding-top: 14px; padding-bottom: 14px; } .audit_standard .audit_calendar_table .table tr td.selectable_qas, .audit_gmp_aduit .audit_calendar_table .table tr td.selectable_qas, .audit_metal .audit_calendar_table .table tr td.selectable_qas, .audit_temperature .audit_calendar_table .table tr td.selectable_qas, .audit_bulk_pork .audit_calendar_table .table tr td.selectable_qas, .audit_info_box .audit_calendar_table .table tr td.selectable_qas, .audit_efficency .audit_calendar_table .table tr td.selectable_qas, .audit_efficency2 .audit_calendar_table .table tr td.selectable_qas { vertical-align: top !important; transition: all 1s ease-out; } .audit_standard .audit_calendar_table .table tr td.selectable_qas.faded, .audit_gmp_aduit .audit_calendar_table .table tr td.selectable_qas.faded, .audit_metal .audit_calendar_table .table tr td.selectable_qas.faded, .audit_temperature .audit_calendar_table .table tr td.selectable_qas.faded, .audit_bulk_pork .audit_calendar_table .table tr td.selectable_qas.faded, .audit_info_box .audit_calendar_table .table tr td.selectable_qas.faded, .audit_efficency .audit_calendar_table .table tr td.selectable_qas.faded, .audit_efficency2 .audit_calendar_table .table tr td.selectable_qas.faded { opacity: 0.4; -webkit-filter: grayscale(100%); filter: grayscale(100%); } .audit_standard .audit_calendar_table .table tr td.selectable_qas.selected, .audit_gmp_aduit .audit_calendar_table .table tr td.selectable_qas.selected, .audit_metal .audit_calendar_table .table tr td.selectable_qas.selected, .audit_temperature .audit_calendar_table .table tr td.selectable_qas.selected, .audit_bulk_pork .audit_calendar_table .table tr td.selectable_qas.selected, .audit_info_box .audit_calendar_table .table tr td.selectable_qas.selected, .audit_efficency .audit_calendar_table .table tr td.selectable_qas.selected, .audit_efficency2 .audit_calendar_table .table tr td.selectable_qas.selected { background-color: #d4cd90; } .audit_standard .audit_calendar_table .table tr td.selectable_qas:hover, .audit_gmp_aduit .audit_calendar_table .table tr td.selectable_qas:hover, .audit_metal .audit_calendar_table .table tr td.selectable_qas:hover, .audit_temperature .audit_calendar_table .table tr td.selectable_qas:hover, .audit_bulk_pork .audit_calendar_table .table tr td.selectable_qas:hover, .audit_info_box .audit_calendar_table .table tr td.selectable_qas:hover, .audit_efficency .audit_calendar_table .table tr td.selectable_qas:hover, .audit_efficency2 .audit_calendar_table .table tr td.selectable_qas:hover { background-color: #d4cd90; } .audit_standard .audit_calendar_table .table tr td p, .audit_gmp_aduit .audit_calendar_table .table tr td p, .audit_metal .audit_calendar_table .table tr td p, .audit_temperature .audit_calendar_table .table tr td p, .audit_bulk_pork .audit_calendar_table .table tr td p, .audit_info_box .audit_calendar_table .table tr td p, .audit_efficency .audit_calendar_table .table tr td p, .audit_efficency2 .audit_calendar_table .table tr td p { font-size: 14px; line-height: 22px; padding-left: 25px; padding-top: 15px; padding-right: 25px; padding-bottom: 15px; } .audit_standard .audit_calendar_table .table tr td p.qas_title, .audit_gmp_aduit .audit_calendar_table .table tr td p.qas_title, .audit_metal .audit_calendar_table .table tr td p.qas_title, .audit_temperature .audit_calendar_table .table tr td p.qas_title, .audit_bulk_pork .audit_calendar_table .table tr td p.qas_title, .audit_info_box .audit_calendar_table .table tr td p.qas_title, .audit_efficency .audit_calendar_table .table tr td p.qas_title, .audit_efficency2 .audit_calendar_table .table tr td p.qas_title { font-size: 16px; color: #000; } .audit_standard .audit_calendar_table .table tr td.stickLeft, .audit_gmp_aduit .audit_calendar_table .table tr td.stickLeft, .audit_metal .audit_calendar_table .table tr td.stickLeft, .audit_temperature .audit_calendar_table .table tr td.stickLeft, .audit_bulk_pork .audit_calendar_table .table tr td.stickLeft, .audit_info_box .audit_calendar_table .table tr td.stickLeft, .audit_efficency .audit_calendar_table .table tr td.stickLeft, .audit_efficency2 .audit_calendar_table .table tr td.stickLeft { background-color: #dedede; z-index: 999; } .audit_standard .audit_calendar_table .table tr td.clause p, .audit_gmp_aduit .audit_calendar_table .table tr td.clause p, .audit_metal .audit_calendar_table .table tr td.clause p, .audit_temperature .audit_calendar_table .table tr td.clause p, .audit_bulk_pork .audit_calendar_table .table tr td.clause p, .audit_info_box .audit_calendar_table .table tr td.clause p, .audit_efficency .audit_calendar_table .table tr td.clause p, .audit_efficency2 .audit_calendar_table .table tr td.clause p { font-size: 18px; } .audit_efficency .section_buttonGroup, .audit_efficency2 .section_buttonGroup { float: left; margin-top: 0px; width: 100%; } .audit_efficency .section_buttonGroup .section_button, .audit_efficency2 .section_buttonGroup .section_button { box-shadow: none; font-size: 25px; line-height: 37px; height: 80px; padding-left: 60px; padding-right: 60px; min-width: auto; border-bottom: none; } .audit_efficency .audit_calendar_table, .audit_efficency2 .audit_calendar_table { float: left; width: 100%; } .audit_efficency .audit_calendar_table .table tr th, .audit_efficency2 .audit_calendar_table .table tr th { border: 1px solid #ccc; text-align: center !important; padding-left: 15px; padding-top: 10px; padding-right: 5px; padding-bottom: 10px; text-transform: none; } .audit_efficency .audit_calendar_table .table tr th p, .audit_efficency2 .audit_calendar_table .table tr th p { font-size: 13px; line-height: 18px; padding-left: 5px; padding-top: 4px; padding-right: 5px; padding-bottom: 5px; } .audit_efficency .audit_calendar_table .table tr th.text-left, .audit_efficency2 .audit_calendar_table .table tr th.text-left { text-align: left !important; } .audit_efficency .audit_calendar_table .table tr.section_head th, .audit_efficency2 .audit_calendar_table .table tr.section_head th { text-transform: none; text-align: center; border: 1px solid #ccc; padding-top: 9px; padding-left: 0px; padding-bottom: 9px; font-size: 12px; } .audit_efficency .audit_calendar_table .table tr td .timer, .audit_efficency2 .audit_calendar_table .table tr td .timer { font-size: 120px; font-weight: normal; color: #000; line-height: 100px; padding-top: 76px; padding-bottom: 30px; } .audit_efficency .audit_calendar_table .table tr td p, .audit_efficency2 .audit_calendar_table .table tr td p { font-size: 14px; line-height: 22px; padding-left: 25px; padding-top: 15px; padding-right: 25px; padding-bottom: 15px; } .audit_efficency .audit_calendar_table .table tr td.clause p, .audit_efficency2 .audit_calendar_table .table tr td.clause p { font-size: 18px; } .efficencyModalBG { background-color: rgba(255, 255, 255, 0.75); position: absolute; height: 2000px; width: 100%; top: 0px; left: 0px; z-index: 9999; } .efficencyModal { z-index: 99999; text-align: center; font-size: 16px; position: absolute; top: 100px; width: 94%; margin-left: 3%; border: 1px solid #dddddd; padding: 70px 20px; background-color: #fff; border-radius: 15px; } .efficencyModal .pigMarker { color: #227cff; font-size: 18px; font-size: 40px; position: absolute; } .efficencyModal .closeModalIcon { cursor: pointer; position: absolute; top: -20px; right: -20px; font-size: 40px; color: #E44F4B; } .efficencyModal .emTitle { color: #385B93; font-weight: bold; font-size: 18px; margin-bottom: 20px; } .efficencyModal .embSide { border: 1px #ddd solid; width: 49%; float: left; } .efficencyModal .embSide .actionIcon { margin-top: -45px; font-size: 30px; } .efficencyModal .embSide .pigPhoto { position: relative; padding: 10px; height: 650px; width: 100%; } .efficencyModal .embSide .pigPhoto.leftIn { background-image: url(/interface/assets/images/carcass/sidea_inside.jpg); background-repeat: no-repeat; background-size: 94%; background-position: center; } .efficencyModal .embSide .pigPhoto.rightIn { background-image: url(/interface/assets/images/carcass/sideb_inside.jpg); background-repeat: no-repeat; background-size: 94%; background-position: center; } .efficencyModal .embSide .pigPhoto.leftOut { background-image: url(/interface/assets/images/carcass/sidea_outside.jpg); background-repeat: no-repeat; background-size: 94%; background-position: center; } .efficencyModal .embSide .pigPhoto.rightOut { background-image: url(/interface/assets/images/carcass/sideb_outside.jpg); background-repeat: no-repeat; background-size: 94%; background-position: center; } .efficencyModal .embSide .sideLabel { text-align: left; margin-top: -25px; font-size: 14px; font-weight: bold; color: #000; } .efficencyModal .embSide.embRightSide { float: right; } .efficencyModal .embSide.embRightSide .sideLabel { text-align: right; } .efficencyModal .emButtons button { height: 60px; line-height: 60px; width: 100%; box-shadow: none; font-size: 22px; padding-left: 40px; padding-right: 40px; min-width: auto; border-bottom: none; border: 1px solid #92C9D6; outline: none; color: #fff; margin-bottom: 45px; border-radius: 20px; } .efficencyModal .emButtons button.embBlue { background-color: #92C9D6; } .efficencyModal .emButtons button.embGreen { background-color: #59DE6B; } .efficencyModal .emButtons button.embRed { background-color: #E44F4B; } .efficencyModal .emButtons button.active { background-color: #478391; } .efficencyModal .emButtons button:hover { background-color: #478391; } .audit_efficency2 .hideStopped { display: none !important; } .audit_efficency2.borderSplit { padding-bottom: 10px; border-bottom: 1px #dddddd solid; } .audit_efficency2 .timerHeader { font-size: 50px; font-weight: bold; color: #000; line-height: 50px; padding-top: 0px; } .audit_efficency2 .section_buttonGroup { float: left; margin-top: 0px; width: 100%; } .audit_efficency2 .section_buttonGroup .section_button { box-shadow: none; font-size: 18px; line-height: 37px; height: 50px; padding-left: 40px; padding-right: 40px; min-width: auto; border-bottom: none; } .audit_efficency2 .flexrow { margin-top: 0px; } .audit_efficency2 .flexrow .flexBxes { background-color: #dedede; } .audit_efficency2 .flexrow .flexBxes.activeBlueB { background-color: #92C9D6; color: #fff; opacity: 1; } .audit_efficency2 .flexrow .flexBxes.activeYellowB { background-color: #E9AB40; color: #fff; opacity: 1; } .audit_efficency2 .flexrow .flexBxes.activeYellowB .buttonTotal1 { background-color: #ccc; color: #333; } .audit_efficency2 .flexrow .flexBxes.activeRedB { background-color: #E44F4B; color: #fff; opacity: 1; } .audit_efficency2 .flexrow .flexBxes.activeRedB .buttonTotal1 { background-color: #ccc; color: #333; } .audit_efficency2 .flexrow .flexBxes.activeGreenB { background-color: #7DC286; color: #fff; opacity: 1; } .audit_efficency2 .flexrow .flexBxes.activeGreenB .buttonTotal1 { background-color: #ccc; color: #333; } .audit_efficency2 .efficencyPassFail { float: left; width: 100%; margin: 20px 0px; } .audit_efficency2 .efficencyPassFail .performanceSides { margin-top: 40px; } .audit_efficency2 .efficencyPassFail .performanceSides .flexrow { margin-top: 0px; } .audit_efficency2 .efficencyPassFail .performanceSides .flexrow .flexBxes { background-color: #dedede; } .audit_efficency2 .efficencyPassFail .performanceSides .flexrow .flexBxes:first-child { margin-bottom: 10px; } .audit_efficency2 .efficencyPassFail .passFailArea { margin-top: 8px; border-radius: 10px; width: 100%; padding: 50px 20px; background-color: #fff; float: left; } .audit_efficency2 .efficencyPassFail .passFailArea .section_buttonGroup { float: left; margin-top: 0px; width: auto; } .audit_efficency2 .efficencyPassFail .passFailArea .section_buttonGroup.failButton { margin: 60px 0px; float: left; width: 30%; } .audit_efficency2 .efficencyPassFail .passFailArea .section_buttonGroup.failButton button { margin-right: 0px; margin-left: 20px; width: 90%; height: 100px; color: #fff; font-size: 40px; } .audit_efficency2 .efficencyPassFail .passFailArea .section_buttonGroup.passButton { text-align: right; margin: 60px 0px; float: left; width: 30%; } .audit_efficency2 .efficencyPassFail .passFailArea .section_buttonGroup.passButton button { margin-right: 20px; width: 90%; height: 100px; color: #fff; font-size: 40px; } .audit_efficency2 .efficencyPassFail .passFailArea .largeCarcassCount { float: left; width: 40%; text-align: center; margin-top: 63px; } .audit_efficency2 .efficencyPassFail .passFailArea .largeCarcassCount .countTitle { line-height: 40px; width: 100%; font-size: 20px; margin-top: -27px; margin-bottom: 29px; } .audit_efficency2 .efficencyPassFail .passFailArea .largeCarcassCount .carcassCounter { width: 100%; font-size: 85px; font-weight: bold; color: #48699C; } .audit_bulk_pork .qas_note { margin-bottom: 0px; display: none; } .audit_bulk_pork .audit_calendar_table .table tr td .highlight_me { margin-left: 5%; margin-right: 5%; width: 90%; } .audit_bulk_pork .audit_calendar_table .table tr td p { font-size: 14px; line-height: 22px; padding-left: 25px; padding-top: 5px; padding-right: 25px; padding-bottom: 5px; } .audit_bulk_pork .audit_calendar_table .table tr td p.qas_title { font-size: 16px; } .audit_temperature .qas_note { margin-top: 5px; margin-bottom: 5px; } .audit_temperature .audit_calendar_table .table tr td input.temperature_box { height: 50px; text-align: center; line-height: 50px; font-size: 14px; font-weight: bold; } .audit_temperature .audit_calendar_table .table tr td input.temperature_box.wrong { background-color: #CF2121; color: #fff; } .audit_temperature .audit_calendar_table .table tr td input.temperature_box.upperLimit { background-color: #F7D77D; color: #333; } .audit_temperature .audit_calendar_table .table tr td input.temperature_box.right { background-color: #5cb85c; color: #fff; } .audit_temperature .audit_calendar_table .table tr td p { font-size: 14px; line-height: 22px; padding-left: 25px; padding-top: 5px; padding-right: 25px; padding-bottom: 5px; } .audit_temperature .audit_calendar_table .table tr td p.qas_title { font-size: 18px; } .audit_metal .qas_note { margin-top: 10px; margin-bottom: 10px; line-height: 26px; } .audit_metal .qas_note span { font-size: 28px; font-weight: normal; } .audit_metal .audit_calendar_table .table tr td input { height: 50px; text-align: center; line-height: 50px; font-size: 14px; font-weight: bold; } .audit_metal .audit_calendar_table .table tr td input.element_action { height: 48px; line-height: 44px; } .audit_metal .audit_calendar_table .table tr td p { font-size: 14px; line-height: 22px; padding-left: 25px; padding-top: 5px; padding-right: 25px; padding-bottom: 5px; } .audit_metal .audit_calendar_table .table tr td p.qas_title { font-size: 18px; } .audit_gmp_aduit .qas_note { margin-bottom: 0px; display: none; } .audit_gmp_aduit .audit_calendar_table .table tr td .highlight_me { margin-left: 10px; margin-right: 10px; } .audit_gmp_aduit .audit_calendar_table .table tr td p { font-size: 14px; line-height: 22px; padding-left: 25px; padding-top: 5px; padding-right: 25px; padding-bottom: 5px; } .audit_gmp_aduit .audit_calendar_table .table tr td p.qas_title { font-size: 16px; text-align: left; line-height: 25px; } .focused_integrator_wrap { background-color: #e6e6e6; float: left; width: 100%; border: 1px solid #ccc; padding: 12px; margin-bottom: 10px; } .focused_integrator_wrap .element_form { margin-bottom: 0px; } .fishBoneModal { position: fixed; background-color: rgba(0, 0, 0, 0.45); width: 100%; margin: auto; top: 0px; text-align: center; left: 0px; height: 1000px; z-index: 1; } .fishBoneModal .fbImage { margin-top: 100px; position: relative; width: 100%; max-width: 900px; background-color: #fff; padding: 20px; border: 2px #ccc solid; display: inline-block; border-radius: 10px; } .fishBoneModal .fbImage .fbClose { font-size: 24px; position: absolute; top: 10px; right: 10px; color: #c11717; } .fishBoneModal .fbImage img { max-width: 800px; width: 100%; height: auto; } .graphSpace { width: 100%; } .graphSpace .element_graph { min-height: 350px; } .graphContent { width: 100%; min-height: 200px; position: relative; } .graphTitle, .graphOptions { width: 98%; display: inline-block; padding: 0px 10px; margin-left: 1%; margin-right: 1%; text-align: left; padding-bottom: 15px; margin-bottom: 5px; border-bottom: 1px solid #ccc; } .graphTitle h2, .graphOptions h2 { font-size: 18px; margin-bottom: 5px; font-weight: normal; color: #000000; } .graphTitle p, .graphOptions p { color: #333333; font-size: 14px; } .graphOptions { text-align: left; padding-bottom: 6px; margin-bottom: 0px; font-size: 12px; } .graphOptions input { margin-top: 6px; } .graphOptions label { font-weight: normal; margin-right: 10px; } .well .split { width: 100%; float: left; position: relative; } .well .split .countAmount { position: absolute; top: 35px; right: 10%; text-align: right; font-size: 60px; line-height: 30px; color: #000; } .well .split .countAmount span { margin-left: 0px; font-size: 24px; } @media only screen and (max-width: 600px) { .elementTitleSection { width: 100%; font-size: 18px; } .headerSpace { margin-top: 15px; } .well .split .countAmount { margin-top: 20px; position: relative; top: auto; right: auto; text-align: center; font-size: 30px; line-height: 24px; color: #000; } .well .split .countAmount span { margin-left: 5px; font-size: 20px; } } .modal-5ys { background-color: #fefefe; margin: 0px 25%; padding: 20px; border: 1px solid #888; width: 50%; position: absolute; top: 10px; z-index: 999999999999999; } .modal-5ys .closeButtong { font-size: 24px; position: absolute; right: 0px; top: -4px; color: #385B93; border: none; background: none; } .question_5ys_wrap { width: 100%; display: inline-block; margin-bottom: 10px; } .question_5ys_wrap .question_5ys_question_wrap { width: 100%; display: inline-block; border: 1px solid #8fcbd3; margin-bottom: -1px; } .question_5ys_wrap .question_5ys_question_wrap .question_5ys_question { background-color: #8fcbd3; color: #333; font-weight: bold; border-bottom: 1px solid #8fcbd3; padding: 5px 10px; font-size: 12px; } .question_5ys_wrap .question_5ys_question_wrap .question_5ys_answer { padding: 5px 10px; font-size: 14px; } /* * CSS file with Bootstrap grid classes for screens bigger than 1600px. Just add this file after the Bootstrap CSS file and you will be able to juse col-xl, col-xl-push, hidden-xl, etc. * * Author: Marc van Nieuwenhuijzen * Company: WebVakman * Site: WebVakman.nl * */ @media (min-width: 1200px) and (max-width: 1599px) { .hidden-lg { display: none !important; } } .visible-xl-block, .visible-xl-inline, .visible-xl-inline-block, .visible-xl { display: none !important; } @media (min-width: 1600px) { .container { width: 1570px; } .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 { float: left; } .col-xl-12 { width: 100%; } .col-xl-11 { width: 91.66666667%; } .col-xl-10 { width: 83.33333333%; } .col-xl-9 { width: 75%; } .col-xl-8 { width: 66.66666667%; } .col-xl-7 { width: 58.33333333%; } .col-xl-6 { width: 50%; } .col-xl-5 { width: 41.66666667%; } .col-xl-4 { width: 33.33333333%; } .col-xl-3 { width: 25%; } .col-xl-2 { width: 16.66666667%; } .col-xl-1 { width: 8.33333333%; } .col-xl-pull-12 { right: 100%; } .col-xl-pull-11 { right: 91.66666667%; } .col-xl-pull-10 { right: 83.33333333%; } .col-xl-pull-9 { right: 75%; } .col-xl-pull-8 { right: 66.66666667%; } .col-xl-pull-7 { right: 58.33333333%; } .col-xl-pull-6 { right: 50%; } .col-xl-pull-5 { right: 41.66666667%; } .col-xl-pull-4 { right: 33.33333333%; } .col-xl-pull-3 { right: 25%; } .col-xl-pull-2 { right: 16.66666667%; } .col-xl-pull-1 { right: 8.33333333%; } .col-xl-pull-0 { right: auto; } .col-xl-push-12 { left: 100%; } .col-xl-push-11 { left: 91.66666667%; } .col-xl-push-10 { left: 83.33333333%; } .col-xl-push-9 { left: 75%; } .col-xl-push-8 { left: 66.66666667%; } .col-xl-push-7 { left: 58.33333333%; } .col-xl-push-6 { left: 50%; } .col-xl-push-5 { left: 41.66666667%; } .col-xl-push-4 { left: 33.33333333%; } .col-xl-push-3 { left: 25%; } .col-xl-push-2 { left: 16.66666667%; } .col-xl-push-1 { left: 8.33333333%; } .col-xl-push-0 { left: auto; } .col-xl-offset-12 { margin-left: 100%; } .col-xl-offset-11 { margin-left: 91.66666667%; } .col-xl-offset-10 { margin-left: 83.33333333%; } .col-xl-offset-9 { margin-left: 75%; } .col-xl-offset-8 { margin-left: 66.66666667%; } .col-xl-offset-7 { margin-left: 58.33333333%; } .col-xl-offset-6 { margin-left: 50%; } .col-xl-offset-5 { margin-left: 41.66666667%; } .col-xl-offset-4 { margin-left: 33.33333333%; } .col-xl-offset-3 { margin-left: 25%; } .col-xl-offset-2 { margin-left: 16.66666667%; } .col-xl-offset-1 { margin-left: 8.33333333%; } .col-xl-offset-0 { margin-left: 0; } .visible-xl { display: block !important; } table.visible-xl { display: table; } tr.visible-xl { display: table-row !important; } th.visible-xl, td.visible-xl { display: table-cell !important; } .visible-xl-block { display: block !important; } .visible-xl-inline { display: inline !important; } .visible-xl-inline-block { display: inline-block !important; } .hidden-xl { display: none !important; } } @media only screen and (max-width: 1100px) { .row.head .clock { display: none; } .highlight_me { white-space: nowrap; } .input_search, .newHeaderStyle .input_search_date { width: 100%; } .element_input_wrap .element_form_text { font-size: 14px; } } @media only screen and (max-width: 1250px) { #search_results { margin-bottom: 20px; } .button, .audit_calendar .section_buttonGroup .section_button, .audit_calendar .audit_calendar_table .table tr.section_head.section_foot .section_button, .audit_standard .section_buttonGroup .section_button, .audit_standard .audit_calendar_table .table tr.section_head.section_foot .section_button, .audit_efficency .section_buttonGroup .section_button, .audit_efficency .audit_calendar_table .table tr.section_head.section_foot .section_button, .audit_efficency2 .section_buttonGroup .section_button, .audit_efficency2 .audit_calendar_table .table tr.section_head.section_foot .section_button, .audit_info_box .section_buttonGroup .section_button, .audit_info_box .audit_calendar_table .table tr.section_head.section_foot .section_button, .audit_bulk_pork .section_buttonGroup .section_button, .audit_bulk_pork .audit_calendar_table .table tr.section_head.section_foot .section_button, .audit_temperature .section_buttonGroup .section_button, .audit_temperature .audit_calendar_table .table tr.section_head.section_foot .section_button, .audit_metal .section_buttonGroup .section_button, .audit_metal .audit_calendar_table .table tr.section_head.section_foot .section_button, .audit_gmp_aduit .section_buttonGroup .section_button, .audit_gmp_aduit .audit_calendar_table .table tr.section_head.section_foot .section_button { min-width: 150px; } .thirdleft { margin-left: 0px; width: 100%; } .thirdright { width: 100%; margin-left: 0px; float: right; margin-top: 20px; } } @media only screen and (max-width: 1024px) { .jsgrid-header-cell { width: 100px !important; } .jsgrid-cell { width: 100px !important; } .element_statistics .stat h3 { color: #007a3e; font-size: 18px; line-height: 47px; margin-top: 13px; } .element_selectButton .selectButton h3 { color: #006132; font-size: 18px; line-height: 47px; margin-top: 13px; } .pathway_item.qc .pathway_title { padding-top: 20px; line-height: 21px; font-size: 16px; width: 55%; } .pathway_item.qc .pathway_icons { padding-top: 10px; width: 30%; line-height: 24px; color: #fff; } .corner-loading .icon { display: none; } .corner-loading .brandGreen { padding-right: 10px; } .corner-loading { float: right; } .clock { display: none; } .date_fields { width: 70% !important; } .history { width: auto; display: none; } .thirdleft { width: 100%; } .element_warehouse_view1 .rowsList { padding-right: 0px; } .warehouse_content .wh_space { width: 36px; height: 36px; } .warehouse_row .wh_space.double { width: 76px; height: 36px; } .element_warehouse_view1 .warehouse_west { float: left; width: 100%; min-width: auto; } .element_warehouse_view1 .warehouse_east { float: left; width: 100%; min-width: auto; } .element_half { width: 100%; } .row.head .clock { text-align: center; height: auto; margin-left: 0px; margin-right: 0px; margin-top: 0px; width: auto; } .spec_image2 { width: 25%; } .element_route .route_item_content { width: 55%; } .element_action { height: 40px; } .menu { transition: all 0.3s ease-out; position: absolute; z-index: 999; width: 100%; left: -100%; } .menu.expanded { left: 0%; } .content.expanded { transition: all 1s ease-out; opacity: 0.2; } .mobile_icon { cursor: pointer; text-align: center; width: 100%; display: block; margin-top: 10px; } .row.head .clock p { display: none; } .corner-loading .icon { margin-right: 15px; } .row.head .bar { margin-left: -15px; margin-right: -15px; } .largeContent { padding-left: 0%; padding-right: 0%; width: 100%; float: left; } .thirdleft { margin-left: 0px; margin-right: 0px; padding-left: 0px; padding-right: 0px; } .thirdright { margin-top: 50px; } .history .item { width: 32%; } } @media only screen and (max-width: 1000px) { #timeline div.panel { width: 100% !important; } } @media only screen and (max-width: 960px) { .tablet_hide { display: none; } .quarantine_notice { width: 100%; } } @media only screen and (max-width: 600px) { .mobile_hide { display: none; } .stat_wrap { width: 100% !important; margin-top: 16px; } } @media only screen and (max-width: 1100px) { .stat_wrap { width: 50%; margin-top: 16px; } } body.loginBG { background-image: url(../../interface/assets/images/bg/portal_bg.jpg); background-size: cover; } body.loginBG.greencore { background-image: url(../../interface/assets/images/bg/greencore_portal_bg.jpg); } .v_split { width: 100%; float: left; } .v_split_side { width: 50%; float: left; height: 1000px; text-align: left; } .v_split_side.fullwidth { width: 100%; height: 100%; } .split_summary { width: 70%; margin-left: 15%; margin-right: 15%; margin-top: 150px; } .split_summary h2 { margin-bottom: 25px; line-height: 24px; font-size: 24px; font-weight: bold; } .split_summary p { margin-bottom: 25px; line-height: 24px; font-size: 15px; } .split_summary li { margin-bottom: 10px; line-height: 28px; font-size: 15px; } .split_summary img { width: 100%; height: auto; max-width: 380px; } .login-element { border: 1px solid #5b5b5b; width: 100%; line-height: 80px; height: 80px; background-color: #cccccc; color: #231f20; font-size: 16px; font-weight: 400; text-align: center; } .login-box { border-radius: 10px; padding-top: 1%; padding-right: 15px; padding-left: 15px; padding-bottom: 40px; text-align: center; width: 100%; margin-left: auto; margin-right: auto; max-width: 430px; margin-top: 60px; background-color: rgba(36, 41, 46, 0.8); } .login-box.greencore { background-color: rgba(68, 53, 63, 0.6); } .login-box h7 { font-size: 40px; color: #c3cf21; line-height: 0.75; text-align: center; margin-bottom: 20px; float: left; width: 100%; } .login-box p { color: #fff; font-size: 12px; } .login-box .element { font-size: 14px; padding-bottom: 15px; padding-top: 5px; } .login-box .logo { margin-bottom: 20px; } form .element label { margin-left: 10px; } form .element #cookie { margin-bottom: -5px; } .score { width: 100%; float: left; margin-bottom: 20px; } .score .scoreCircle { float: left; font-size: 26px; width: 80px; height: 80px; padding: 23px 0; border: 7px solid #d68915; border-radius: 75px; color: #d68915; font-weight: bold; text-align: center; } .score .scoreCircle.red { color: #b81900; border: 7px solid #b81900; } .score .scoreCircle.green { color: #006600; border: 7px solid #006600; } .score .scoreCircle.blue { color: #337ab7; } .score .scoreDescription { float: left; width: 74%; margin-left: 10px; line-height: 30px; padding-top: 7px; font-size: 20px; } .daterangepicker { position: absolute; color: inherit; background-color: #fff; border-radius: 4px; border: 1px solid #ddd; width: 278px; max-width: none; padding: 0; margin-top: 7px; top: 100px; left: 20px; z-index: 3001; display: none; font-family: arial; font-size: 15px; line-height: 1em; } .daterangepicker:before, .daterangepicker:after { position: absolute; display: inline-block; border-bottom-color: rgba(0, 0, 0, 0.2); content: ""; } .daterangepicker:before { top: -7px; border-right: 7px solid transparent; border-left: 7px solid transparent; border-bottom: 7px solid #ccc; } .daterangepicker:after { top: -6px; border-right: 6px solid transparent; border-bottom: 6px solid #fff; border-left: 6px solid transparent; } .daterangepicker.opensleft:before { right: 9px; } .daterangepicker.opensleft:after { right: 10px; } .daterangepicker.openscenter:before { left: 0; right: 0; width: 0; margin-left: auto; margin-right: auto; } .daterangepicker.openscenter:after { left: 0; right: 0; width: 0; margin-left: auto; margin-right: auto; } .daterangepicker.opensright:before { left: 9px; } .daterangepicker.opensright:after { left: 10px; } .daterangepicker.drop-up { margin-top: -7px; } .daterangepicker.drop-up:before { top: initial; bottom: -7px; border-bottom: initial; border-top: 7px solid #ccc; } .daterangepicker.drop-up:after { top: initial; bottom: -6px; border-bottom: initial; border-top: 6px solid #fff; } .daterangepicker.single .daterangepicker .ranges, .daterangepicker.single .drp-calendar { float: none; } .daterangepicker.single .drp-selected { display: none; } .daterangepicker.show-calendar .drp-calendar { display: block; } .daterangepicker.show-calendar .drp-buttons { display: block; } .daterangepicker.auto-apply .drp-buttons { display: none; } .daterangepicker .drp-calendar { display: none; max-width: 270px; } .daterangepicker .drp-calendar.left { padding: 8px 0 8px 8px; } .daterangepicker .drp-calendar.right { padding: 8px; } .daterangepicker .drp-calendar.single .calendar-table { border: none; } .daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span { color: #fff; border: solid black; border-width: 0 2px 2px 0; border-radius: 0; display: inline-block; padding: 3px; } .daterangepicker .calendar-table .next span { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } .daterangepicker .calendar-table .prev span { transform: rotate(135deg); -webkit-transform: rotate(135deg); } .daterangepicker .calendar-table th, .daterangepicker .calendar-table td { white-space: nowrap; text-align: center; vertical-align: middle; min-width: 32px; width: 32px; height: 24px; line-height: 24px; font-size: 12px; border-radius: 4px; border: 1px solid transparent; white-space: nowrap; cursor: pointer; } .daterangepicker .calendar-table { border: 1px solid #fff; border-radius: 4px; background-color: #fff; } .daterangepicker .calendar-table table { width: 100%; margin: 0; border-spacing: 0; border-collapse: collapse; } .daterangepicker td.available:hover, .daterangepicker th.available:hover { background-color: #eee; border-color: transparent; color: inherit; } .daterangepicker td.week, .daterangepicker th.week { font-size: 80%; color: #ccc; } .daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date { background-color: #fff; border-color: transparent; color: #999; } .daterangepicker td.in-range { background-color: #ebf4f8; border-color: transparent; color: #000; border-radius: 0; } .daterangepicker td.start-date { border-radius: 4px 0 0 4px; } .daterangepicker td.end-date { border-radius: 0 4px 4px 0; } .daterangepicker td.start-date.end-date { border-radius: 4px; } .daterangepicker td.active, .daterangepicker td.active:hover { background-color: #357ebd; border-color: transparent; color: #fff; } .daterangepicker th.month { width: auto; } .daterangepicker td.disabled, .daterangepicker option.disabled { color: #999; cursor: not-allowed; text-decoration: line-through; } .daterangepicker select.monthselect, .daterangepicker select.yearselect { font-size: 12px; padding: 1px; height: auto; margin: 0; cursor: default; } .daterangepicker select.monthselect { margin-right: 2%; width: 56%; } .daterangepicker select.yearselect { width: 40%; } .daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect { width: 50px; margin: 0 auto; background: #eee; border: 1px solid #eee; padding: 2px; outline: 0; font-size: 12px; } .daterangepicker .calendar-time { text-align: center; margin: 4px auto 0 auto; line-height: 30px; position: relative; } .daterangepicker .calendar-time select.disabled { color: #ccc; cursor: not-allowed; } .daterangepicker .drp-buttons { clear: both; text-align: right; padding: 8px; border-top: 1px solid #ddd; display: none; line-height: 12px; vertical-align: middle; } .daterangepicker .drp-selected { display: inline-block; font-size: 12px; padding-right: 8px; } .daterangepicker .drp-buttons .btn { margin-left: 8px; font-size: 12px; font-weight: bold; padding: 4px 8px; } .daterangepicker.show-ranges.single.rtl .drp-calendar.left { border-right: 1px solid #ddd; } .daterangepicker.show-ranges.single.ltr .drp-calendar.left { border-left: 1px solid #ddd; } .daterangepicker.show-ranges.rtl .drp-calendar.right { border-right: 1px solid #ddd; } .daterangepicker.show-ranges.ltr .drp-calendar.left { border-left: 1px solid #ddd; } .daterangepicker .ranges { float: none; text-align: left; margin: 0; } .daterangepicker.show-calendar .ranges { margin-top: 8px; } .daterangepicker .ranges ul { list-style: none; margin: 0 auto; padding: 0; width: 100%; } .daterangepicker .ranges li { font-size: 12px; padding: 8px 12px; cursor: pointer; } .daterangepicker .ranges li:hover { background-color: #eee; } .daterangepicker .ranges li.active { background-color: #08c; color: #fff; } /* Larger Screen Styling */ @media (min-width: 564px) { .daterangepicker { width: auto; } .daterangepicker .ranges ul { width: 140px; } .daterangepicker.single .ranges ul { width: 100%; } .daterangepicker.single .drp-calendar.left { clear: none; } .daterangepicker.single .ranges, .daterangepicker.single .drp-calendar { float: left; } .daterangepicker { direction: ltr; text-align: left; } .daterangepicker .drp-calendar.left { clear: left; margin-right: 0; } .daterangepicker .drp-calendar.left .calendar-table { border-right: none; border-top-right-radius: 0; border-bottom-right-radius: 0; } .daterangepicker .drp-calendar.right { margin-left: 0; } .daterangepicker .drp-calendar.right .calendar-table { border-left: none; border-top-left-radius: 0; border-bottom-left-radius: 0; } .daterangepicker .drp-calendar.left .calendar-table { padding-right: 8px; } .daterangepicker .ranges, .daterangepicker .drp-calendar { float: left; } } @media (min-width: 730px) { .daterangepicker .ranges { width: auto; } .daterangepicker .ranges { float: left; } .daterangepicker.rtl .ranges { float: right; } .daterangepicker .drp-calendar.left { clear: none !important; } } .docPreview { width: 100%; position: fixed; height: 100%; border: none; z-index: 9999999999; } .docPreview .docBanner { position: absolute; top: -57px; width: 100%; padding: 10px 0px; background-color: #000; z-index: 9999999999; height: 57px; } .docPreview .docBanner .docPreviewClose { cursor: pointer; color: #fff; font-size: 20px; text-align: center; line-height: 37px; } .docPreview iframe { width: 100%; position: absolute; height: 94%; border: none; z-index: 999999999; } .documentViewer { position: absolute; top: 80px; width: 90%; margin-left: 5%; padding: 20px; background-color: #fff; border: 1px solid #ccc; } .documentViewer .documentViewerClose { font-size: 40px; position: absolute; top: -18px; right: -17px; color: #385b93; cursor: pointer; } .documentViewer iframe { width: 100%; height: 800px; } UL.jqueryFileTree LI { width: 96%; padding-left: 2%; background-color: #eee; padding-top: 6px; float: left; font-size: 14px; padding-left: 10px; } UL.jqueryFileTree LI .littlespace { margin-top: 5px; display: inline-block; } UL.jqueryFileTree LI .label { margin-top: 8px; display: inline-block; } UL.jqueryFileTree LI.awaiting_approval { background-color: #fe8; } UL.jqueryFileTree LI .col-lg-6 { padding-left: 0px; } UL.jqueryFileTree LI .col-lg-3 { padding-left: 0px; } UL.jqueryFileTree LI .fa { cursor: pointer; } UL.jqueryFileTree LI .fa:hover { color: #000; } UL.jqueryFileTree LI A:hover { background-color: auto; } .pigMarker { color: #227cff; font-size: 18px; font-size: 40px; position: absolute; } .labelImage { position: relative; } .supplierSpecCreate .styledInputs input.required { border: red 1px solid; } .labelWrap { display: inline-block; padding: 20px; width: 100%; } .labelWrap .labelItem { text-align: center; background-color: #fff; border: 1px solid #ccc; margin: 1%; width: 30%; padding: 10px 0px; font-weight: bold; float: left; } .labelWrap .labelItem p { font-size: 20px; width: 100%; padding-bottom: 4px; margin-bottom: 0px; border-bottom: 1px solid #ccc; } .labelWrap .labelItem p .fas { font-size: 14px; } .labelWrap .labelItem img { width: 100%; height: auto; } .nutritionalTable th { font-size: 12px !important; color: #333 !important; text-align: left !important; background-color: #eeeeee !important; } .nutritionalTable th.text-left { text-align: left !important; } .nutritionalTable th.text-right { text-align: right !important; } .nutritionalTable th.text-center { text-align: center !important; } .nutritionalTable td { text-align: left !important; } .nutritionalTable td.text-left { text-align: left !important; } .nutritionalTable td.text-right { text-align: right !important; } .nutritionalTable td.text-center { text-align: center !important; } .nutritionalTable td input { width: 100%; } .nutritionalTable td select { width: 100%; } .statementLine { font-weight: bold; font-size: 12px; } .white_table td { background-color: #fff; } .approvalSection { float: right; font-size: 16px; margin-top: -14px; } .approvalSection p { float: right; margin-top: 10px; } .approvalSection .approveButton, .approvalSection .audioButton { background-color: #385B93; border-radius: 4px; color: #fff; font-size: 14px; border: none; width: unset; float: right; padding: 13px 25px; margin-left: 20px; } .approvalSection .approveButton:hover, .approvalSection .audioButton:hover { background-color: #24292e; } .approvalSection .approveButton.greenButton, .approvalSection .greenButton.audioButton { background-color: #5cb85c !important; } .approvalSection .approveButton.redButton, .approvalSection .redButton.audioButton { background-color: #e44f4b !important; } .approvalSection .approveButton.silverButton, .approvalSection .silverButton.audioButton { background-color: #ccc !important; color: #333 !important; } .supplierSpecCreate { background-color: #F6F6F6; margin: 100px 70px 25px 70px; font-family: "Open Sans", sans-serif; font-style: normal; } .supplierSpecCreate .autofill { background-color: #eee; border: 1px dashed #000 !important; } .supplierSpecCreate .thumbPreview { width: 130px; height: auto; } .supplierSpecCreate .blankTable { width: 100%; } .supplierSpecCreate .blankTable tr { border: 1px solid #f6f6f6 !important; } .supplierSpecCreate .blankTable tr td { padding: 5px 0px; background-color: #f6f6f6; color: #999; font-style: italic; } .supplierSpecCreate .topLeftTitle { font-size: 20px; float: left; margin-top: 0px; } .supplierSpecCreate .approvalSection { float: right; font-size: 16px; margin-top: -14px; } .supplierSpecCreate .approvalSection p { float: right; margin-top: 10px; } .supplierSpecCreate .approvalSection .approveButton, .supplierSpecCreate .approvalSection .audioButton { background-color: #385B93; border-radius: 4px; color: #fff; font-size: 14px; border: none; width: unset; float: right; padding: 13px 25px; margin-left: 20px; } .supplierSpecCreate .tabbyC { margin-top: 30px; display: flex; width: 100%; flex-wrap: wrap; } .supplierSpecCreate .tabbyC .flexyCat { flex: 1; background-color: #D2D2D2; border-radius: 10px 10px 0px 0px; margin: 0px 10px -5px 0; color: #000; text-align: center; padding: 0px 8px 0px; position: relative; } .supplierSpecCreate .tabbyC .flexyCat.completedTab { background-color: #5FA274; } .supplierSpecCreate .tabbyC .flexyCat.completedTab a p { color: #fff !important; } .supplierSpecCreate .tabbyC .flexyCat.selectedPu { background-color: #385B93; color: #fff; transition: 0.2s; } .supplierSpecCreate .tabbyC .flexyCat.selectedPu i { display: none; } .supplierSpecCreate .tabbyC .flexyCat.selectedPu a { color: #fff; text-decoration: none; } .supplierSpecCreate .tabbyC .flexyCat i { color: #385B93; position: absolute; right: 15px; top: 16px; font-size: 15px; } .supplierSpecCreate .tabbyC .flexyCat.lastOneNoRight { margin-right: 0px; } .supplierSpecCreate .tabbyC .flexyCat a { padding: 12px 8px 17px; text-decoration: none; width: 100%; display: inline-block; } .supplierSpecCreate .tabbyC .flexyCat a:hover { color: #fff; text-decoration: none !important; } .supplierSpecCreate .tabbyC .flexyCat .fa-exclamation-triangle { display: none; } .supplierSpecCreate .tabbyC .flexyCat .fa-check-circle { display: none; } .supplierSpecCreate .tabbyC .flexyCat.firstLoad { opacity: 0.5; } .supplierSpecCreate .tabbyC .flexyCat.firstLoad:hover { background-color: #D2D2D2; } .supplierSpecCreate .tabbyC .flexyCat.firstLoad a { color: #333; } .supplierSpecCreate .tabbyC .flexyCat.firstLoad a:hover { color: #333; text-decoration: none !important; } .supplierSpecCreate .tabbyC .flexyCat.firstLoad i { display: none; } .supplierSpecCreate .tabbyC .flexyCat.selectedPu i { display: none; } .supplierSpecCreate .tabbyC .flexyCat.completeD i.fa-check-circle { display: block; } .supplierSpecCreate .tabbyC .flexyCat.incompleteD i { color: #E44F4B; } .supplierSpecCreate .tabbyC .flexyCat.incompleteD i.fa-exclamation-triangle { display: block; } .supplierSpecCreate .tabbyC .flexyCat:hover { background-color: #385B93; color: #fff; transition: 0.3s; } .supplierSpecCreate .mainWhiteBox { background-color: #fff; min-height: 1000px; padding: 30px 50px 50px 50px; display: inline-block; width: 100%; } .supplierSpecCreate .mainWhiteBox .sectionTitle { padding: 10px 10px 0px 0px; } .supplierSpecCreate .sectionTitle { font-size: 18px; color: #787878; margin-bottom: 15px !important; width: 100%; } .supplierSpecCreate .sectionTitle i { color: #385B93; margin-left: 10px; } .supplierSpecCreate .sectionTitle.midRowTitle { width: 100%; float: left; font-size: 16px; color: #787878; margin-bottom: 0px; margin-top: 0px; /* margin-top: 24px;*/ } .supplierSpecCreate .inputstate input { text-align: center; } .supplierSpecCreate .inputstate textarea { min-height: 46px !important; } .supplierSpecCreate .styledInputs { display: inline-block; width: 100%; margin-bottom: 10px; } .supplierSpecCreate .styledInputs.underYesNoSpace { margin-top: 0px; background-color: #eeeeee; padding: 10px; } .supplierSpecCreate .styledInputs .subtextsI { font-size: 13px; color: #385b93; font-weight: 700; line-height: 21px; } .supplierSpecCreate .styledInputs input { width: 100%; border: 1px solid #CCCCCC; padding: 11px 12px; margin-top: 1px; border-radius: 3px; } .supplierSpecCreate .styledInputs input.keyfield { border: 1px #385B93 solid; } .supplierSpecCreate .styledInputs select { height: 47px; width: 100%; border: 1px solid #CCCCCC; padding: 11px 12px; margin-top: 1px; border-radius: 3px; } .supplierSpecCreate .styledInputs select.keyfield { border: 1px #385B93 solid; } .supplierSpecCreate .styledInputs .floatRight { float: right; } .supplierSpecCreate .styledInputs .preFilled { background-color: #F6F6F6; } .supplierSpecCreate .styledInputs .fiftyWidth { width: 48.8%; float: left; margin-bottom: 7px; margin-right: 1.2%; } .supplierSpecCreate .styledInputs .fiftyWidth.rightRemove { margin-right: 0px; } .supplierSpecCreate .styledInputs .fullWidth { width: 100%; float: left; margin-bottom: 7px; margin-right: 2px; } .supplierSpecCreate .styledInputs .fullWidth.rightRemove { margin-right: 0px; } .supplierSpecCreate .styledInputs .thirdyWidth { width: 32.8%; float: left; margin-bottom: 7px; margin-right: 2px; } .supplierSpecCreate .styledInputs .thirdyWidth.rightRemove { margin-right: 0px; } .supplierSpecCreate .styledInputs label { color: #1A1A1A; font-weight: 600; font-size: 13px; } .supplierSpecCreate .styledInputs label i { color: #385B93; margin-left: 10px; } .supplierSpecCreate .styledInputs textarea { width: 100%; border: 1px solid #CCCCCC; padding: 11px 12px; margin-top: 1px; border-radius: 3px; min-height: 105px; } .supplierSpecCreate #popup_form .styledInputs { margin-top: 10px; width: 48%; margin-right: 1%; display: inline-block; } .supplierSpecCreate .greyTableWithRows { border: 1px solid #CECECE; background-color: #F6F6F6; width: 100%; margin-top: 7px; border-radius: 3px; padding: 14px 12px 14px; } .supplierSpecCreate .greyTableWithRows table { width: 100%; font-size: 13px; } .supplierSpecCreate .greyTableWithRows .numbertd { color: #385B93; font-size: 13px; font-weight: 700; } .supplierSpecCreate .greyTableWithRows tr { border: 1px solid #CCCCCC; } .supplierSpecCreate .greyTableWithRows .spacer { border: none; height: 12px; } .supplierSpecCreate .greyTableWithRows td { font-weight: 600; padding: 11px 8px; text-align: center; background-color: #fff; } .supplierSpecCreate .greyTableWithRows td i { color: #385B93; } .supplierSpecCreate .uploadButton { width: 100%; border: 1px solid #CCCCCC; padding: 11px 12px; margin-top: 7px; border-radius: 3px; } .supplierSpecCreate .popupEditAdd { display: none; position: fixed; z-index: 999; padding-top: 100px; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: black; background-color: rgba(0, 0, 0, 0.4); } .supplierSpecCreate .popupEditAdd .titleDiv { text-align: left; margin-top: 6px; font-size: 18px; } .supplierSpecCreate .popupEditAdd .editAddContent { background-color: #fefefe; margin: auto; padding: 20px; border-radius: 9px; max-width: 700px; border: none; position: relative; } .supplierSpecCreate .popupEditAdd .topPX { position: absolute; right: 14px; font-size: 18px; color: dimgrey; top: 18px; } .supplierSpecCreate .certificatePD span .completedPDF { color: #E44F4B; } .supplierSpecCreate .certificatePD span .completedUpload { color: #22CE22; } .supplierSpecCreate .certificatePD span .requestUpload { color: #385B93; } .supplierSpecCreate .certificatePD span i { padding: 0 5px; font-size: 16px; } .supplierSpecCreate .leftAlign { text-align: left !important; padding-left: 15px !important; } .supplierSpecCreate .bottomS { text-align: right; margin-top: 25px; } .supplierSpecCreate .bottomS .saveButtonS { background-color: #385B93; border: none; border-radius: 3px; width: 100%; max-width: 200px; padding: 9px; margin-right: 8px; color: #fff; } .supplierSpecCreate .bottomS .dismissButton { background-color: #5b5b5b; border: none; border-radius: 3px; width: 100%; max-width: 95px; padding: 9px; margin-right: 8px; color: #fff; } .supplierSpecCreate .bottomS .deleteButton { background-color: #d21d1d; border: none; border-radius: 3px; width: 100%; max-width: 95px; padding: 9px; margin-right: 8px; color: #fff; float: left; } .supplierSpecCreate .draggableTable { width: 100%; border: 1px solid #e2e1e1; margin-top: 6px; } .supplierSpecCreate .draggableTable .uuploadicon { color: #385b93; font-size: 18px; } .supplierSpecCreate .draggableTable .topBlak { background-color: #24292E; color: #fff; } .supplierSpecCreate .draggableTable .topBlak.sAStyle { background-color: #dadada; color: #595555; } .supplierSpecCreate .draggableTable td { padding: 10px 7px; font-size: 12px; font-weight: 500; text-align: center; } .supplierSpecCreate .draggableTable .draggableSe { font-size: 16px; width: 35px; } .supplierSpecCreate .draggableTable .draggableSe .fa-edit { margin-top: -1px; color: #385B93; font-size: 14px; display: inline; float: left; } .supplierSpecCreate .draggableTable .meatExample img { width: 130px; } .supplierSpecCreate .draggableTable .makeLefT { text-align: left !important; } .supplierSpecCreate .draggableTable .allergyPresent { color: #385B93; font-weight: 800; font-size: 11px; } .supplierSpecCreate .draggableTable img { width: 32px; } .supplierSpecCreate .draggableTable tr { padding: 10px 0; border: 1px solid #d2d2d2; } .supplierSpecCreate .draggableTable th { padding: 10px 0; font-size: 12px; font-weight: 500; text-align: center; } .supplierSpecCreate .infoSpace { color: #333; background-color: #eeeeee; border: 1px solid #ccc; width: 100%; padding: 10px 10px; font-size: 14px; line-height: 24px; } .supplierSpecCreate .nextStepButton { background-color: #385B93; border-radius: 4px; color: #fff; margin-top: 35px; border: none; width: 100%; padding: 14px 3px; } .supplierSpecCreate .nextStepButton.loading { background-color: #24292e; border-bottom: 6px solid #231F20; background-image: url(../../interface/assets/images/icons/load.gif); background-repeat: no-repeat; background-position: center center; padding-top: 0px; } .supplierSpecCreate .nextStepButton.success { background-color: #90cad4; border-bottom: 6px solid #616b7b; min-width: 150px; background-image: url(../../interface/assets/images/icons/tick_green.png); background-repeat: no-repeat; background-position: center center; } .supplierSpecCreate .addAnotherButt { background-color: #ededed; color: #385B93; padding: 12px 5px; border: none; border-radius: 4px; margin-top: 18px; text-align: center; } .supplierSpecCreate .addAnotherButt i { margin-right: 7px; } .supplierSpecCreate .completedPDF { color: #E44F4B !important; margin-right: 5px; } .supplierSpecCreate .checkBoxes, .supplierSpecCreate .radioBoxes { display: flex; border-bottom: 1px solid #c1c1c1; padding-bottom: 7px; padding-top: 10px; padding-right: 10px; } .supplierSpecCreate .checkBoxes p, .supplierSpecCreate .radioBoxes p { font-size: 13px; flex: 1; } .supplierSpecCreate .checkBoxes .checkBoxBit, .supplierSpecCreate .radioBoxes .checkBoxBit { flex: 1; position: relative; text-align: right; max-width: 124px; } .supplierSpecCreate .checkBoxes .checkBoxBit p, .supplierSpecCreate .radioBoxes .checkBoxBit p { display: block; float: right; width: 24px; } .supplierSpecCreate .checkBoxes .checkBoxBit span, .supplierSpecCreate .radioBoxes .checkBoxBit span { width: 100px; } .supplierSpecCreate .checkBoxes .checkBoxBit input[type=checkbox]:before, .supplierSpecCreate .radioBoxes .checkBoxBit input[type=checkbox]:before { content: ""; display: block; width: 18px; height: 18px; top: 1px; left: 0px; border: 2px solid #385b93; border-radius: 3px; background-color: white; } .supplierSpecCreate .checkBoxes .checkBoxBit input[type=checkbox]:checked:after, .supplierSpecCreate .radioBoxes .checkBoxBit input[type=checkbox]:checked:after { content: ""; width: 6px; height: 11px; border: 7px solid #000000; border-width: 0px 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 6px; right: 37px; } .supplierSpecCreate .checkBoxes .checkBoxBit input[type=checkbox], .supplierSpecCreate .radioBoxes .checkBoxBit input[type=checkbox] { margin-right: 12px; opacity: 0.8; position: initial; cursor: pointer; } .supplierSpecCreate .radioBoxes { display: inline-block; width: 100%; } .supplierSpecCreate .radioBoxes .labelTitle { float: left; width: 70%; } .supplierSpecCreate .radioBoxes .radio-inline { float: left; width: 15%; padding: 0px; display: inline; margin: 0px; padding-left: 20px; } .supplierSpecCreate .radioBoxes .radio-inline:input { margin-left: 0px; } .supplierSpecCreate .addNewSection { background-color: #D2D2D2; border: none; color: #385B93; border-radius: 4px; padding: 12px 5px; margin-top: 15px; width: 100%; max-width: 300px; } .supplierSpecCreate .addNewSection i { margin-right: 5px; } .supplierSpecCreate .packingRow { display: flex; margin-top: 12px; } .supplierSpecCreate .packingRow .flexBoxGrey { text-align: center; flex: 1; position: relative; border: 1px solid #CCCCCC; padding-bottom: 16px; } .supplierSpecCreate .packingRow .flexBoxGrey .togglePopup i { color: #385B93; } .supplierSpecCreate .packingRow .flexBoxGrey.leftOneFir { text-align: left; } .supplierSpecCreate .packingRow .flexBoxGrey img { margin: 15px; } .supplierSpecCreate .packingRow .flexBoxGrey .greenTop { text-align: center; padding: 6px 0; background-color: #5FA384; color: #fff; } .supplierSpecCreate .packingRow .flexBoxGrey .greenTop.secondOp { background-color: #7C945C; } .supplierSpecCreate .packingRow .flexBoxGrey .greenTop.thirdOp { background-color: #CF2121; } .supplierSpecCreate .packingRow .flexBoxGrey .greenTop span { position: absolute; right: 0; top: 1px; } .supplierSpecCreate .packingRow .flexBoxGrey .greenTop span i { margin: 8px 12px 7px 5px; } .supplierSpecCreate .packingRow .flexBoxGrey .leftSieMid { display: inline-flex; width: 100%; margin-top: 32%; margin-left: 8%; font-size: 12px; } .supplierSpecCreate .packingRow .flexBoxGrey .leftSieMid .elipse { font-size: 19px; } .supplierSpecCreate .packingRow .flexBoxGrey .leftSieMid .outerLeft { font-size: 16px; margin: 0 14%; } .supplierSpecCreate .tulipRed { color: red; } .supplierSpecCreate .shelfLife { width: 100%; } .supplierSpecCreate .shelfLife input { width: 105px; margin: 5px 0; padding: 6px; text-align: center; } .supplierSpecCreate .shelfLife input.makeWide { width: 95%; } .supplierSpecCreate .shelfLife select { width: 105px; margin: 5px 0; padding: 6px; text-align: center; } .supplierSpecCreate .shelfLife select.makeWide { width: 95%; } .supplierSpecCreate .shelfLife tr { text-align: center; } .supplierSpecCreate .shelfLife td { text-align: center; } .supplierSpecCreate .shelfLife th { text-align: center; } .supplierSpecCreate .shelfLife .leftSide { text-align: left !important; } .supplierSpecCreate .attachdocument { background-color: #e4e4e4; padding: 12px 24px; border: none; border-radius: 3px; color: #484848; } .supplierSpecCreate .attachdocument i { margin-left: 7px; } .supplierSpecCreate .redInfoText { color: red; text-align: center; font-weight: 800; margin-top: -10px; font-size: 13px; } .supplierSpecCreate .sectionSkip { margin-bottom: 35px; background-color: #969696; border: none; padding: 7px 48px; border-radius: 4px; font-size: 13px; margin-top: 4px; color: #fff; font-weight: 600; } .inlineCheckbox { margin-right: 12px !important; opacity: 0.8 !important; position: initial !important; float: left !important; cursor: pointer !important; padding: 0px !important; margin: 0px !important; width: 34px !important; margin-top: 4px !important; } .metalComplaint { background-color: #ffff; } .metalComplaint .titleAre { background-color: #F5F5F5; margin-top: -12px; padding: 27px 44px; } .metalComplaint .titleAre .metalTitle { color: #4D4D4D; font-size: 18px; } .horotable { padding: 27px 44px; overflow: hidden; overflow-x: auto; clear: both; width: 100%; /* width: 100px; overflow-x: scroll; white-space: nowrap;*/ } .horotable .reviewTable { min-width: 5000px !important; } .horotable .reviewTable .topdh th { background-color: #A8C3F9; color: #000; text-align: center; border: 10px solid #FFF; padding: 5px; font-size: 12px; position: inherit; } .horotable .reviewTable .yellowREdNote { background-color: #FFFAD1; color: #FF0000; } .horotable .reviewTable .blueText { color: #009bad; } .horotable .reviewTable .remoteGreen { background-color: #D2F2D2; } .horotable .reviewTable .remoteGreen.likely { background-color: #F24645; color: #fff; } .horotable .reviewTable th { background-color: #4A72AD; color: white; text-align: center; padding: 12px 5px; border: 10px solid #FFF; font-size: 12px; position: sticky; left: -45px; } .horotable .reviewTable td { background-color: #f5f5f5; text-align: center; padding: 3px 11px; border: 10px solid #FFF; font-size: 12px; width: 220px; line-height: 18px; } .witnessSpace { display: inline-block; width: 100%; } .witnessSpace h4 { float: right; color: #385b93; } .witnessSpace h2 { display: inline-block; font-weight: bold; font-size: 16px; margin: 0px; padding: 0px; color: #000; margin-bottom: 5px; } .witnessSpace h2 .green { color: green; } .witnessSpace .styledInputs { margin-top: 0px; } .witnessSpace .styledInputs label { color: #1A1A1A; font-weight: bold; font-size: 13px; } .witnessSpace hr { margin-top: 12px; margin-bottom: 12px; } p.logText { font-size: 12px; } .trainingItem { width: 100%; padding: 10px 10px; color: #fff; background-color: #389356; border-radius: 5px; margin-bottom: 5px; } .trainingItem .tiTitle { display: inline-block; } .trainingItem .tiIcon { float: right; } .witnessBox { width: 100%; padding: 10px 10px; border: 1px solid #CECECE; background-color: #F6F6F6; border-radius: 5px; font-size: 13px; margin-bottom: 5px; margin-bottom: 20px; } .personBox { width: 100%; position: relative; } .personBox img { width: 100%; height: auto; } .personBox img.thumbPreview { width: 100%; height: auto; } .audioButton { background-color: #FF9147 !important; } .personControls { float: right; padding-right: 30px; font-size: 24px; } .personControls.active { color: #385b93; } .personControls .fa { margin-left: 15px; } .personControls .fa:hover { color: #385b93; } .injuries .injuryBox { margin-bottom: 15px; width: 100%; border: 1px solid #eccc; font-size: 13px; } .injuries .injuryBox .injuryBoxHead { width: 100%; padding: 15px 10px; background-color: #CDD9EC; color: #000; } .injuries .injuryBox .injuryBoxHead h3 { color: #000; font-weight: bold; font-size: 14px; } .injuries .injuryBox .injuryBoxHead p { float: right; padding: 0px; margin: 0px; line-height: 18px; } .injuries .injuryBox .injuryBoxBody { width: 100%; background-color: #eeeeee; padding: 10px; display: inline-block; } .injuries .injuryBox .injuryBoxBody .leftSpace { float: left; width: 50%; display: inline-block; } .injuries .injuryBox .injuryBoxBody .leftSpace p { font-size: 14px; margin-top: 0px; line-height: 18px; margin-bottom: 10px; } .injuries .injuryBox .injuryBoxBody .leftSpace textarea { width: 90%; min-height: 70px; padding: 6px; border: 1px solid #ccc; border-radius: 5px; } .injuries .injuryBox .injuryBoxBody .rightSpace { width: 50%; display: inline-block; } .injuries .injuryBox .injuryBoxBody .rightSpace .photo { width: 100%; height: auto; min-height: 127px; text-align: center; border: 1px solid #ccc; background-color: #fff; } .injuries .injuryBox .injuryBoxBody .rightSpace .photo .fa-upload { margin-top: 40px; font-size: 24px; } .injuries .injuryBox .injuryBoxBody .rightSpace .photo img.thumbPreview { width: 100%; height: auto; } /*
Security Check
Vehicle Check
Meat Intake
Outbound Check
*/ .ondemandwrap { width: 100%; display: flex; margin: 5px 0px; flex-wrap: wrap; } .ondemandwrap .ondemandItem { background-color: #f1f1f1; flex-grow: 1; text-align: center; padding: 40px 20px; margin: 12px; border: 1px solid #ccc; border-radius: 20px; transition: 0.5s all ease-in; cursor: pointer; } .ondemandwrap .ondemandItem:hover { background-color: #ccc; } .ondemandwrap .ondemandItem .icon { font-size: 40px; color: #385b93; } .ondemandwrap .ondemandItem .title { font-size: 28px; margin-top: 20px; color: #385b93; } .ondemandwrap .ondemandItem .start { margin-top: 10px; font-size: 16px; font-weight: bold; color: #000; text-transform: uppercase; } [type=checkbox]:not(:checked) + label:before, [type=checkbox]:checked + label:before { top: 0px; } .audit_calendar_table .checkImageInline { width: auto; height: auto; border: 2px solid #ccc; max-width: 250px; max-height: 250px; margin: 10px; } .audit_calendar_table .check_input_box { margin: 10px 0px; width: 250px; height: 40px; line-height: 20px; font-size: 14px; padding: 10px 5px; outline: none; border-radius: 10px; display: inline-block; text-align: center; border: 1px solid #385b93; background-color: #fff; } .audit_calendar_table .check_input_box.wrong { background-color: #CF2121; color: #fff; } .audit_calendar_table .check_input_box.upperLimit { background-color: #F7D77D; color: #333; } .audit_calendar_table .check_input_box.right { background-color: #5fa384; color: #fff; } .audit_calendar_table .saveCheckInputButton { height: 40px; line-height: 20px; font-size: 14px; padding: 10px 5px; width: 100px; max-width: 100px; } .newSectionTitle input { width: 300px; float: left; font-size: 20px; color: #000; font-weight: bold; margin-top: -6px; } .buttonFormActions { font-size: 16px; } .buttonFormActions button { background-color: #385B93; border-radius: 4px; color: #fff; font-size: 14px; border: none; padding: 13px 25px; margin-left: 0px; margin-bottom: 5px; } .buttonFormActions button:hover { background-color: #000; } .buttonFormActions button.dangerButton { background-color: #e44f4b; color: #fff; } .buttonFormActions button.dangerButton:hover { background-color: #000; } .lineUpForm .hrme { width: 100%; float: left; margin: 20px 0px; } .lineUpForm .sectionTitleText { font-size: 20px; font-weight: bold; } .lineUpForm .sectionTitleInput { width: 300px; float: left; font-size: 20px; color: #000; font-weight: bold; margin-top: -6px; } .lineUpForm a.spaceme { margin-right: 10px; margin-left: 10px; } .lineUpForm .fiftyWidth { float: left; width: 50%; } .rwWrap { width: 100%; float: left; } .rwWrap span { width: 100%; text-align: center; font-size: 14px; line-height: 20px; float: left; display: inline-block; padding-top: 10px; } .rwWrap .rwLatest { width: 30%; margin-right: 1%; float: left; } .rwWrap .rwLatest span { font-size: 18px; } .rwWrap .rwLastGallery { width: 69%; float: left; } .rwWrap .rwLastGallery .ravenWoodPacks { width: 25%; } .ravenWoodPacks { width: 100%; border: solid 1px #ccc; border-radius: 5px; padding: 10px; margin: 10px 0px; float: left; } .ravenWoodPacks img { float: left; width: 100%; height: auto; } .ravenwoodSplit { width: 50%; display: inline-block; float: left; } .machineWrap { width: 100%; display: inline-block; margin-bottom: 20px; } .machineWrap .machineTitle { margin-bottom: 5px; font-size: 28px; font-weight: bold; float: left; width: 100%; } .machineWrap .machineTitle .mainName { text-align: left; width: 40%; float: left; font-size: 20px; } .machineWrap .machineTitle .subName { text-align: center; width: 30%; float: left; font-weight: bold; font-size: 16px; } .machineWrap .machineTitle .subName:last-child { width: 29%; } .machineWrap .machineContent { width: 100%; border: 1px solid #ccc; border-radius: 10px; padding: 10px; float: left; line-height: 24px; } .machineWrap .machineContent .mainName { text-align: left; width: 40%; float: left; font-size: 12px; } .machineWrap .machineContent .subName { text-align: center; width: 30%; float: left; font-weight: bold; font-size: 18px; } .fourBoxes { margin-top: 0px; margin-bottom: 5px; background-color: #272d33; border-radius: 14px; padding: 92px 0px 60px; text-align: center; } .fourBoxes.first { background-color: #385b93; } .fourBoxes .bigTitle { font-size: 68px; color: #fff; /* font-family: 'Rubik', sans-serif;*/ } .fourBoxes .bigTitleSub { font-size: 20px; color: #fff; margin-top: 34px; } .disclaimer { width: 100%; float: left; text-align: center; margin: 5px 0px 15px 0px; } .blueSummary, .redSummary { width: 100%; font-size: 12px; margin-top: 10px; margin-bottom: 0px; position: relative; padding: 10px 10px 10px 10px; border-radius: 5px; border-bottom: 1px solid #b9b9b9; background-color: #385b93; display: inline-block; } .blueSummary .summarySpace, .redSummary .summarySpace { display: inline-block; width: 24%; color: #fff; } .blueSummary .summarySpace p, .redSummary .summarySpace p { margin: 5px 0px; line-height: 20px; font-size: 14px; } .blueSummary.next, .next.redSummary { color: #f4fffa; background-color: #687282; } .blueSummary.next .escalationNumber, .next.redSummary .escalationNumber { background-color: #fff; color: #000; } .blueSummary.active, .active.redSummary { color: #4a4a4a; background-color: #fbefcd; } .blueSummary.active .escalationNumber, .active.redSummary .escalationNumber { background-color: #fff; color: #000; } .blueSummary.escalated, .escalated.redSummary { color: #4a4a4a; background-color: #fbefcd; } .blueSummary.escalated .escalationNumber, .escalated.redSummary .escalationNumber { background-color: #f00; color: #fff; } .blueSummary.completed, .completed.redSummary { background-color: #5cb85c; color: #fff; } .blueSummary.completed .escalationNumber, .completed.redSummary .escalationNumber { background-color: #5cb85c; color: #fff; } .redSummary { border-bottom: 1px solid #b9b9b9; background-color: #e44f4b; } .redSummary .summarySpace { width: 100%; } .trace-report header { background: #ddd; border: solid 2px #999; padding: 2em 2em; margin: 1px 1px 10px 1px; } .trace-report header h3, .trace-report header p { margin: 0; padding: 0; } .trace-report header h3 { font-size: 1.5em; color: #666; } .trace-report header p { color: #333; font-size: 14px; margin-top: 0.25em; } .trace-report table { border-collapse: collapse; width: 100%; margin-bottom: 1em; } .trace-report table thead tr th, .trace-report table tbody tr td { border: solid 1px #fff; padding: 0.5em; text-align: center; } .trace-report table thead tr th { background: #3f4448; color: #fff; } .trace-report table thead tr th.left, .trace-report table tbody tr td.left { text-align: left; } .trace-report table tbody tr td { vertical-align: top; } .trace-report table tbody tr td img { max-width: 150px; max-height: 150px; padding: 4px; border: solid 1px #ddd; border-radius: 4px; background: #fff; } .trace-report table tbody tr td .status { border-radius: 4px; padding: 3px 3em; } .trace-report table tbody tr td .status.pass { background: #6F6; color: #030; } .trace-report table tbody tr td .status.fail { background: #F66; color: #300; } .trace-report table tbody tr:hover td { background: #a1c5e2; } .trace-report table thead tr th:nth-child(2), .trace-report table thead tr th:nth-child(3), .trace-report table thead tr th:nth-child(4), .trace-report table thead tr th:nth-child(5) { width: 250px; } .trace-report .pager { display: flex; justify-content: space-between; } #trace-report-scrim { background: #000; opacity: 0.5; position: fixed; z-index: 100; display: none; inset: 0; } #trace-report-container { position: fixed; z-index: 110; display: flex; inset: 4em; align-items: center; justify-content: center; } #trace-report-image { z-index: 120; border: solid 10px #fff; border-radius: 10px; max-width: 100%; max-height: 100%; } .ms-container { width: 100%; } .contactScrollingContent::-webkit-scrollbar { width: 12px !important; } .contactScrollingContent::-webkit-scrollbar-track { box-shadow: inset 0 0 5px grey !important; border-radius: 10px !important; } .contactScrollingContent::-webkit-scrollbar-thumb { background: #747474 !important; border-radius: 10px !important; } .contactScrollingContent::-webkit-scrollbar-thumb:hover { background: #385B93 !important; } .supplierContactInformation { display: flex; width: 100%; padding: 5px 20px; flex-wrap: wrap; } .contactTab { flex: 1 0 23%; margin-right: 15px; width: 100%; margin-bottom: 15px; } .contactHeader { background-color: #D1D1D1; border: 1px solid #CFCFCF; border-radius: 5px; text-align: center; padding: 15px 10px; font-weight: bold; } .contactHeader p { font-weight: bold; } .contactScrollingContent { height: 100%; /*max-height: 250px;*/ max-height: 216px; min-height: 216px; overflow-y: scroll; margin-top: 12px; } .contactInformationRect { padding: 21px 22px; margin-bottom: 10px; background-color: #FBFBFB; border: 1px solid #CFCFCF; border-radius: 5px; } .addnewcontact { background-color: #DCEAFF; color: #535353; width: 100%; border-radius: 5px; border: 1px solid #9F9D9D; padding: 10px; text-align: center; margin-top: 15px; } .addnewcontact:hover { background-color: #b6b6b6; transition: 0.3s; } .contactInformationRect:nth-child(even) { background-color: #EFEFEF; } .contactInformationRect:nth-child(even) .infoRow { color: #535353; } .contactInformationRect:nth-child(even) .infoRow i { margin-right: 8px; } /*# sourceMappingURL=quor.2.2.2.css.map */