@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,400i,600,700&subset=latin-ext); @import url(https://fonts.googleapis.com/icon?family=Material+Icons); @-webkit-keyframes passing-through { 0% { opacity: 0; -webkit-transform: translateY(40px); -moz-transform: translateY(40px); -ms-transform: translateY(40px); -o-transform: translateY(40px); transform: translateY(40px) } 30%, 70% { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px) } 100% { opacity: 0; -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); -ms-transform: translateY(-40px); -o-transform: translateY(-40px); transform: translateY(-40px) } } @-moz-keyframes passing-through { 0% { opacity: 0; -webkit-transform: translateY(40px); -moz-transform: translateY(40px); -ms-transform: translateY(40px); -o-transform: translateY(40px); transform: translateY(40px) } 30%, 70% { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px) } 100% { opacity: 0; -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); -ms-transform: translateY(-40px); -o-transform: translateY(-40px); transform: translateY(-40px) } } @keyframes passing-through { 0% { opacity: 0; -webkit-transform: translateY(40px); -moz-transform: translateY(40px); -ms-transform: translateY(40px); -o-transform: translateY(40px); transform: translateY(40px) } 30%, 70% { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px) } 100% { opacity: 0; -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); -ms-transform: translateY(-40px); -o-transform: translateY(-40px); transform: translateY(-40px) } } @-webkit-keyframes slide-in { 0% { opacity: 0; -webkit-transform: translateY(40px); -moz-transform: translateY(40px); -ms-transform: translateY(40px); -o-transform: translateY(40px); transform: translateY(40px) } 30% { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px) } } @-moz-keyframes slide-in { 0% { opacity: 0; -webkit-transform: translateY(40px); -moz-transform: translateY(40px); -ms-transform: translateY(40px); -o-transform: translateY(40px); transform: translateY(40px) } 30% { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px) } } @keyframes slide-in { 0% { opacity: 0; -webkit-transform: translateY(40px); -moz-transform: translateY(40px); -ms-transform: translateY(40px); -o-transform: translateY(40px); transform: translateY(40px) } 30% { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px) } } @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1) } 10% { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1) } 20% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1) } } @-moz-keyframes pulse { 0% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1) } 10% { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1) } 20% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1) } } @keyframes pulse { 0% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1) } 10% { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1) } 20% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1) } } .dropzone, .dropzone * { box-sizing: border-box } .dropzone { min-height: 150px; border: 2px solid rgba(0, 0, 0, 0.3); background: white; padding: 20px 20px } .dropzone.dz-clickable { cursor: pointer } .dropzone.dz-clickable * { cursor: default } .dropzone.dz-clickable .dz-message, .dropzone.dz-clickable .dz-message * { cursor: pointer } .dropzone.dz-started .dz-message { display: none } .dropzone.dz-drag-hover { border-style: solid } .dropzone.dz-drag-hover .dz-message { opacity: 0.5 } .dropzone .dz-message { text-align: center; margin: 2em 0 } .dropzone .dz-preview { position: relative; display: inline-block; vertical-align: top; margin: 16px; min-height: 100px } .dropzone .dz-preview:hover { z-index: 1000 } .dropzone .dz-preview:hover .dz-details { opacity: 1 } .dropzone .dz-preview.dz-file-preview .dz-image { border-radius: 20px; background: #999; background: linear-gradient(to bottom, #eee, #ddd) } .dropzone .dz-preview.dz-file-preview .dz-details { opacity: 1 } .dropzone .dz-preview.dz-image-preview { background: white } .dropzone .dz-preview.dz-image-preview .dz-details { -webkit-transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear; -ms-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear; transition: opacity 0.2s linear } .dropzone .dz-preview .dz-remove { font-size: 14px; text-align: center; display: block; cursor: pointer; border: none } .dropzone .dz-preview .dz-remove:hover { text-decoration: underline } .dropzone .dz-preview:hover .dz-details { opacity: 1 } .dropzone .dz-preview .dz-details { z-index: 20; position: absolute; top: 0; left: 0; opacity: 0; font-size: 13px; min-width: 100%; max-width: 100%; padding: 2em 1em; text-align: center; color: rgba(0, 0, 0, 0.9); line-height: 150% } .dropzone .dz-preview .dz-details .dz-size { margin-bottom: 1em; font-size: 16px } .dropzone .dz-preview .dz-details .dz-filename { white-space: nowrap } .dropzone .dz-preview .dz-details .dz-filename:hover span { border: 1px solid rgba(200, 200, 200, 0.8); background-color: rgba(255, 255, 255, 0.8) } .dropzone .dz-preview .dz-details .dz-filename:not(:hover) { overflow: hidden; text-overflow: ellipsis } .dropzone .dz-preview .dz-details .dz-filename:not(:hover) span { border: 1px solid transparent } .dropzone .dz-preview .dz-details .dz-filename span, .dropzone .dz-preview .dz-details .dz-size span { background-color: rgba(255, 255, 255, 0.4); padding: 0 0.4em; border-radius: 3px } .dropzone .dz-preview:hover .dz-image img { -webkit-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05); -webkit-filter: blur(8px); filter: blur(8px) } .dropzone .dz-preview .dz-image { border-radius: 20px; overflow: hidden; width: 120px; height: 120px; position: relative; display: block; z-index: 10 } .dropzone .dz-preview .dz-image img { display: block } .dropzone .dz-preview.dz-success .dz-success-mark { -webkit-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); -moz-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); -ms-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); -o-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1) } .dropzone .dz-preview.dz-error .dz-error-mark { opacity: 1; -webkit-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); -moz-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); -ms-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); -o-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1) } .dropzone .dz-preview .dz-success-mark, .dropzone .dz-preview .dz-error-mark { pointer-events: none; opacity: 0; z-index: 500; position: absolute; display: block; top: 50%; left: 50%; margin-left: -27px; margin-top: -27px } .dropzone .dz-preview .dz-success-mark svg, .dropzone .dz-preview .dz-error-mark svg { display: block; width: 54px; height: 54px } .dropzone .dz-preview.dz-processing .dz-progress { opacity: 1; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear } .dropzone .dz-preview.dz-complete .dz-progress { opacity: 0; -webkit-transition: opacity 0.4s ease-in; -moz-transition: opacity 0.4s ease-in; -ms-transition: opacity 0.4s ease-in; -o-transition: opacity 0.4s ease-in; transition: opacity 0.4s ease-in } .dropzone .dz-preview:not(.dz-processing) .dz-progress { -webkit-animation: pulse 6s ease infinite; -moz-animation: pulse 6s ease infinite; -ms-animation: pulse 6s ease infinite; -o-animation: pulse 6s ease infinite; animation: pulse 6s ease infinite } .dropzone .dz-preview .dz-progress { opacity: 1; z-index: 1000; pointer-events: none; position: absolute; height: 16px; left: 50%; top: 50%; margin-top: -8px; width: 80px; margin-left: -40px; background: rgba(255, 255, 255, 0.9); -webkit-transform: scale(1); border-radius: 8px; overflow: hidden } .dropzone .dz-preview .dz-progress .dz-upload { background: #333; background: linear-gradient(to bottom, #666, #444); position: absolute; top: 0; left: 0; bottom: 0; width: 0; -webkit-transition: width 300ms ease-in-out; -moz-transition: width 300ms ease-in-out; -ms-transition: width 300ms ease-in-out; -o-transition: width 300ms ease-in-out; transition: width 300ms ease-in-out } .dropzone .dz-preview.dz-error .dz-error-message { display: block } .dropzone .dz-preview.dz-error:hover .dz-error-message { opacity: 1; pointer-events: auto } .dropzone .dz-preview .dz-error-message { pointer-events: none; z-index: 1000; position: absolute; display: block; display: none; opacity: 0; -webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; -ms-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; border-radius: 8px; font-size: 13px; top: 130px; left: -10px; width: 140px; background: #be2626; background: linear-gradient(to bottom, #be2626, #a92222); padding: 0.5em 1.2em; color: white } .dropzone .dz-preview .dz-error-message:after { content: ''; position: absolute; top: -6px; left: 64px; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #be2626 } /* Magnific Popup CSS */ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #CCC; } .mfp-preloader a:hover { color: #FFF; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; box-shadow: none; touch-action: manipulation; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; } .mfp-arrow { position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; } .mfp-arrow:before, .mfp-arrow:after { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after { border-right: 17px solid #FFF; margin-left: 31px; } .mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3F3F3F; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after { border-left: 17px solid #FFF; margin-left: 39px; } .mfp-arrow-right:before { border-left: 27px solid #3F3F3F; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; } .mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } /*! * Datetimepicker for Bootstrap 3 * version : 4.17.47 * https://github.com/Eonasdan/bootstrap-datetimepicker/ */ .bootstrap-datetimepicker-widget { list-style: none } .bootstrap-datetimepicker-widget.dropdown-menu { display: block; margin: 2px 0; padding: 4px; width: 19em } @media (min-width:768px) { .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs { width: 38em } } @media (min-width:992px) { .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs { width: 38em } } @media (min-width:1200px) { .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs { width: 38em } } .bootstrap-datetimepicker-widget.dropdown-menu:after, .bootstrap-datetimepicker-widget.dropdown-menu:before { content: ""; display: inline-block; position: absolute } .bootstrap-datetimepicker-widget.dropdown-menu.bottom:before { border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-bottom-color: rgba(0, 0, 0, .2); top: -7px; left: 7px } .bootstrap-datetimepicker-widget.dropdown-menu.bottom:after { border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #fff; top: -6px; left: 8px } .bootstrap-datetimepicker-widget.dropdown-menu.top:before { border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 7px solid #ccc; border-top-color: rgba(0, 0, 0, .2); bottom: -7px; left: 6px } .bootstrap-datetimepicker-widget.dropdown-menu.top:after { border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #fff; bottom: -6px; left: 7px } .bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before { left: auto; right: 6px } .bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after { left: auto; right: 7px } .bootstrap-datetimepicker-widget .list-unstyled { margin: 0 } .bootstrap-datetimepicker-widget a[data-action] { padding: 6px 0 } .bootstrap-datetimepicker-widget a[data-action]:active { box-shadow: none } .bootstrap-datetimepicker-widget .timepicker-hour, .bootstrap-datetimepicker-widget .timepicker-minute, .bootstrap-datetimepicker-widget .timepicker-second { width: 54px; font-weight: 700; font-size: 1.2em; margin: 0 } .bootstrap-datetimepicker-widget button[data-action] { padding: 6px } .bootstrap-datetimepicker-widget .btn[data-action=incrementHours]:after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; content: "Increment Hours" } .bootstrap-datetimepicker-widget .btn[data-action=incrementMinutes]:after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; content: "Increment Minutes" } .bootstrap-datetimepicker-widget .btn[data-action=decrementHours]:after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; content: "Decrement Hours" } .bootstrap-datetimepicker-widget .btn[data-action=decrementMinutes]:after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; content: "Decrement Minutes" } .bootstrap-datetimepicker-widget .btn[data-action=showHours]:after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; content: "Show Hours" } .bootstrap-datetimepicker-widget .btn[data-action=showMinutes]:after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; content: "Show Minutes" } .bootstrap-datetimepicker-widget .btn[data-action=togglePeriod]:after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; content: "Toggle AM/PM" } .bootstrap-datetimepicker-widget .btn[data-action=clear]:after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; content: "Clear the picker" } .bootstrap-datetimepicker-widget .btn[data-action=today]:after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; content: "Set the date to today" } .bootstrap-datetimepicker-widget .picker-switch { text-align: center } .bootstrap-datetimepicker-widget .picker-switch:after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; content: "Toggle Date and Time Screens" } .bootstrap-datetimepicker-widget .picker-switch td { padding: 0; margin: 0; height: auto; width: auto; line-height: inherit } .bootstrap-datetimepicker-widget .picker-switch td span { line-height: 2.5; height: 2.5em; width: 100% } .bootstrap-datetimepicker-widget table { width: 100%; margin: 0 } .bootstrap-datetimepicker-widget table td, .bootstrap-datetimepicker-widget table th { text-align: center; border-radius: 4px } .bootstrap-datetimepicker-widget table th { height: 20px; line-height: 20px; width: 20px } .bootstrap-datetimepicker-widget table th.picker-switch { width: 145px } .bootstrap-datetimepicker-widget table th.disabled, .bootstrap-datetimepicker-widget table th.disabled:hover { background: none; color: #777; cursor: not-allowed } .bootstrap-datetimepicker-widget table th.prev:after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; content: "Previous Month" } .bootstrap-datetimepicker-widget table th.next:after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; content: "Next Month" } .bootstrap-datetimepicker-widget table thead tr:first-child th { cursor: pointer } .bootstrap-datetimepicker-widget table thead tr:first-child th:hover { background: #eee } .bootstrap-datetimepicker-widget table td { height: 54px; line-height: 54px; width: 54px } .bootstrap-datetimepicker-widget table td.cw { font-size: .8em; height: 20px; line-height: 20px; color: #777 } .bootstrap-datetimepicker-widget table td.day { height: 20px; line-height: 20px; width: 20px } .bootstrap-datetimepicker-widget table td.day:hover, .bootstrap-datetimepicker-widget table td.hour:hover, .bootstrap-datetimepicker-widget table td.minute:hover, .bootstrap-datetimepicker-widget table td.second:hover { background: #eee; cursor: pointer } .bootstrap-datetimepicker-widget table td.new, .bootstrap-datetimepicker-widget table td.old { color: #777 } .bootstrap-datetimepicker-widget table td.today { position: relative } .bootstrap-datetimepicker-widget table td.today:before { content: ""; display: inline-block; border: solid transparent; border-width: 0 0 7px 7px; border-bottom-color: #337ab7; border-top-color: rgba(0, 0, 0, .2); position: absolute; bottom: 4px; right: 4px } .bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover { background-color: #337ab7; color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, .25) } .bootstrap-datetimepicker-widget table td.active.today:before { border-bottom-color: #fff } .bootstrap-datetimepicker-widget table td.disabled, .bootstrap-datetimepicker-widget table td.disabled:hover { background: none; color: #777; cursor: not-allowed } .bootstrap-datetimepicker-widget table td span { display: inline-block; width: 54px; height: 54px; line-height: 54px; margin: 2px 1.5px; cursor: pointer; border-radius: 4px } .bootstrap-datetimepicker-widget table td span:hover { background: #eee } .bootstrap-datetimepicker-widget table td span.active { background-color: #337ab7; color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, .25) } .bootstrap-datetimepicker-widget table td span.old { color: #777 } .bootstrap-datetimepicker-widget table td span.disabled, .bootstrap-datetimepicker-widget table td span.disabled:hover { background: none; color: #777; cursor: not-allowed } .bootstrap-datetimepicker-widget.usetwentyfour td.hour { height: 27px; line-height: 27px } .bootstrap-datetimepicker-widget.wider { width: 21em } .bootstrap-datetimepicker-widget .datepicker-decades .decade { line-height: 1.8em !important } .input-group.date .input-group-addon { cursor: pointer } .sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0 } #right-sidebar { background: #fff; float: right; position: fixed; display: block; top: 136px; bottom: 0; z-index: 1000; overflow: auto; right: -3em; padding: 0 3em 0 0; box-shadow: 0 0 12px rgba(0, 0, 0, .8) } .sidebar.sidebar-right.sidebar-xs-show { right: 0; -webkit-transform: translate(0); -ms-transform: translate(0); -o-transform: translate(0); -moz-transform: translate(0); transform: translate(0) } @media (min-width:768px) { .sidebar.sidebar-right.sidebar-sm-show { right: 0; -webkit-transform: translate(0); -ms-transform: translate(0); -o-transform: translate(0); -moz-transform: translate(0); transform: translate(0) } } @media (min-width:992px) { .sidebar.sidebar-right.sidebar-md-show { right: 0; -webkit-transform: translate(0); -ms-transform: translate(0); -o-transform: translate(0); -moz-transform: translate(0); transform: translate(0) } } @media (min-width:1170px) { .sidebar.sidebar-right.sidebar-lg-show { right: 0; -webkit-transform: translate(0); -moz-transform: translate(0); -ms-transform: translate(0); -o-transform: translate(0); transform: translate(0) } } .sidebar-animate { -webkit-transition: -webkit-transform .3s ease; -moz-transition: -moz-transform .3s ease; -o-transition: transform .3s ease; transition: transform .3s ease } .sidebar.sidebar-right { -webkit-transform: translate(100%); -moz-transform: translate(100%); -ms-transform: translate(100%); -o-transform: translate(100%); transform: translate(100%) } .sidebar.sidebar-right.sidebar-open { -webkit-transform: translate(0); -moz-transform: translate(0); -ms-transform: translate(0); -o-transform: translate(0); transform: translate(0) } #right-sidebar .quicknav-container { height: 100% } .sidebar.sidebar-right .quicknav-fixed-bottom { bottom: 0; margin-bottom: 0; position: fixed; left: 0; right: 3em; height: 50px } .sidebar.sidebar-right .quicknav-fixed-bottom ul.pagination { margin-top: .5em; margin-bottom: .5em } .sidebar.sidebar-right .quicknav-fixed-bottom input { outline-style: none; text-align: center } .sidebar.sidebar-right .quicknav-header { background: #363a41; color: #fff; padding: 1.2em; height: 50px } .sidebar.sidebar-right .quicknav-header h2 { color: #fff; margin-bottom: 0 } .sidebar.sidebar-right .quicknav-scroller { overflow: auto; height: calc(100% - 50px - 50px) } .sidebar.sidebar-right .quicknav-scroller table { margin-bottom: 0 } .modal-content { padding: 1% } #growls-bc, #growls-bl, #growls-br, #growls-cc, #growls-cl, #growls-cr, #growls-default, #growls-tc, #growls-tl, #growls-tr, .ontop { z-index: 50000; position: fixed } #growls-default { top: 10px; right: 10px } #growls-tl { top: 10px; left: 10px } #growls-tr { top: 10px; right: 10px } #growls-bl { bottom: 10px; left: 10px } #growls-br { bottom: 10px; right: 10px } #growls-tc { top: 10px; right: 10px; left: 10px } #growls-bc { bottom: 10px; right: 10px; left: 10px } #growls-cc { top: 50%; left: 50%; margin-left: -125px } #growls-cl { top: 50%; left: 10px } #growls-cr { top: 50%; right: 10px } #growls-bc .growl, #growls-tc .growl { margin-left: auto; margin-right: auto } .growl { opacity: .8; filter: alpha(opacity=80); position: relative; border-radius: 4px; transition: all .4s ease-in-out } .growl.growl-incoming, .growl.growl-outgoing { opacity: 0; filter: alpha(opacity=0) } .growl.growl-small { width: 200px; padding: 5px; margin: 5px } .growl.growl-medium { width: 250px; padding: 10px; margin: 10px } .growl.growl-large { width: 300px; padding: 15px; margin: 15px } .growl.growl-default { color: #fff; background: #7f8c8d } .growl.growl-error { color: #fff; background: #c0392b } .growl.growl-notice { color: #fff; background: #2ecc71 } .growl.growl-warning { color: #fff; background: #f39c12 } .growl .growl-close { cursor: pointer; float: right; font-size: 14px; line-height: 18px; font-weight: 400; font-family: helvetica, verdana, sans-serif } .growl .growl-title { font-size: 18px; line-height: 24px } .growl .growl-message { font-size: 14px; line-height: 18px } /*! * Bootstrap v4.0.0 (https://getbootstrap.com) * Copyright 2011-2018 The Bootstrap Authors * Copyright 2011-2018 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ *, :after, :before { box-sizing: border-box } html { font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -ms-overflow-style: scrollbar; -webkit-tap-highlight-color: transparent } @-ms-viewport { width: device-width } article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section { display: block } body { margin: 0; font-family: Open Sans, Helvetica, Arial, sans-serif; font-size: 14px; font-size: .875rem; font-weight: 400; line-height: 1.5; color: #363a41; text-align: left; background-color: #fff } [tabindex="-1"]:focus { outline: 0 !important } hr { box-sizing: content-box; height: 0; overflow: visible } .modal-title, h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 15px; margin-bottom: .9375rem } p { margin-top: 0; margin-bottom: 16px; margin-bottom: 1rem } abbr[data-original-title], abbr[title] { text-decoration: underline; text-decoration: underline dotted; cursor: help; border-bottom: 0 } address { font-style: normal; line-height: inherit } address, dl, ol, ul { margin-bottom: 16px; margin-bottom: 1rem } dl, ol, ul { margin-top: 0 } ol ol, ol ul, ul ol, ul ul { margin-bottom: 0 } dt { font-weight: 700 } dd { margin-bottom: 8px; margin-bottom: .5rem; margin-left: 0 } blockquote { margin: 0 0 16px; margin: 0 0 1rem } dfn { font-style: italic } b, strong { font-weight: bolder } small { font-size: 80% } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline } sub { bottom: -.25em } sup { top: -.5em } a { color: #25b9d7; text-decoration: none; background-color: transparent; -webkit-text-decoration-skip: objects } .breadcrumb li>a:hover, a:hover { color: #25b9d7; text-decoration: underline } a:not([href]):not([tabindex]), a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover { color: inherit; text-decoration: none } a:not([href]):not([tabindex]):focus { outline: 0 } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em } pre { margin-top: 0; margin-bottom: 16px; margin-bottom: 1rem; overflow: auto; -ms-overflow-style: scrollbar } figure { margin: 0 0 16px; margin: 0 0 1rem } img { vertical-align: middle; border-style: none } svg:not(:root) { overflow: hidden } table { border-collapse: collapse } caption { padding-top: 6.4px; padding-top: .4rem; padding-bottom: 6.4px; padding-bottom: .4rem; color: #6c868e; text-align: left; caption-side: bottom } th { text-align: inherit } label { display: inline-block; margin-bottom: 8px; margin-bottom: .5rem } button { border-radius: 0 } button:focus { outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color } button, input, optgroup, select, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit } button, input { overflow: visible } button, select { text-transform: none } [type=reset], [type=submit], button, html [type=button] { -webkit-appearance: button } [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner { padding: 0; border-style: none } input[type=checkbox], input[type=radio] { box-sizing: border-box; padding: 0 } input[type=date], input[type=datetime-local], input[type=month], input[type=time] { -webkit-appearance: listbox } textarea { overflow: auto; resize: vertical } fieldset { min-width: 0; padding: 0; margin: 0; border: 0 } legend { display: block; width: 100%; max-width: 100%; padding: 0; margin-bottom: 8px; margin-bottom: .5rem; font-size: 24px; font-size: 1.5rem; line-height: inherit; color: inherit; white-space: normal } progress { vertical-align: baseline } [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto } [type=search] { outline-offset: -2px; -webkit-appearance: none } [type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration { -webkit-appearance: none } ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button } output { display: inline-block } summary { display: list-item; cursor: pointer } template { display: none } [hidden] { display: none !important } .h1, .h2, .h3, .h4, .h5, .h6, .modal-title, h1, h2, h3, h4, h5, h6 { margin-bottom: 15px; margin-bottom: .9375rem; font-family: Open Sans, Helvetica, Arial, sans-serif; font-weight: 700; line-height: 1.2; color: #363a41 } .h1, h1 { font-size: 24px; font-size: 1.5rem } .h2, .modal-title, h2 { font-size: 18px; font-size: 1.125rem } .h3, h3 { font-size: 16px; font-size: 1rem } .h4, h4 { font-size: 14px; font-size: .875rem } .h5, h5 { font-size: 12px; font-size: .75rem } .h6, h6 { font-size: 10px; font-size: .625rem } .lead { font-size: 17.5px; font-size: 1.09375rem; font-weight: 300 } .display-1 { font-size: 96px; font-size: 6rem } .display-1, .display-2 { font-weight: 300; line-height: 1.2 } .display-2 { font-size: 88px; font-size: 5.5rem } .display-3 { font-size: 72px; font-size: 4.5rem } .display-3, .display-4 { font-weight: 300; line-height: 1.2 } .display-4 { font-size: 56px; font-size: 3.5rem } hr { margin-top: 30px; margin-top: 1.875rem; margin-bottom: 30px; margin-bottom: 1.875rem; border: 0; border-top: 1px solid #bbcdd2 } .small, small { font-size: 80%; font-weight: 400 } .mark, mark { padding: .2em; background-color: #fcf8e3 } .list-inline, .list-unstyled { padding-left: 0; list-style: none } .list-inline-item { display: inline-block } .list-inline-item:not(:last-child) { margin-right: 8px; margin-right: .5rem } .initialism { font-size: 90%; text-transform: uppercase } .blockquote { margin-bottom: 30px; margin-bottom: 1.875rem; font-size: 17.5px; font-size: 1.09375rem } .blockquote-footer { display: block; font-size: 80%; color: #6c868e } .blockquote-footer:before { content: "\2014 \A0" } .img-fluid, .img-thumbnail { max-width: 100%; height: auto } .img-thumbnail { padding: 0; background-color: #fff; border: 1px solid #bbcdd2; box-shadow: none } .figure { display: inline-block } .figure-img { margin-bottom: 15px; margin-bottom: .9375rem; line-height: 1 } .figure-caption { font-size: 90%; color: #6c868e } code, kbd, pre, samp { font-family: SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace } code { font-size: 87.5%; color: #363a41; word-break: break-word } a>code { color: inherit } kbd { padding: 3.2px 6.4px; padding: .2rem .4rem; font-size: 87.5%; color: #fff; background-color: #282b30; box-shadow: inset 0 -.1rem 0 rgba(0, 0, 0, .25) } kbd kbd { padding: 0; font-size: 100%; font-weight: 700; box-shadow: none } pre { display: block; font-size: 87.5%; color: #363a41 } pre code { font-size: inherit; color: inherit; word-break: normal } .pre-scrollable { max-height: 340px; overflow-y: scroll } .container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto } @media (min-width:544px) { .container { max-width: 576px } } @media (min-width:768px) { .container { max-width: 720px } } @media (min-width:1024px) { .container { max-width: 972px } } @media (min-width:1300px) { .container { max-width: 1240px } } .container-fluid { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto } .row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px } .no-gutters { margin-right: 0; margin-left: 0 } .no-gutters>.col, .no-gutters>[class*=col-] { padding-right: 0; padding-left: 0 } .col, .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-auto, .col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-auto, .col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md-auto, .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-auto, .col-xl, .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, .col-xl-auto, .col-xxl, .col-xxl-1, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xxl-10, .col-xxl-11, .col-xxl-12, .col-xxl-auto, .form-horizontal .card-text, .form-horizontal .form-group.row>.form-control-label:first-of-type:not(.label-on-top) { position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px } .col { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100% } .col-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none } .col-1, .col-auto { -webkit-box-flex: 0 } .col-1 { -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333% } .col-2 { -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667% } .col-2, .col-3 { -webkit-box-flex: 0 } .col-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% } .col-4 { -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333% } .col-4, .col-5 { -webkit-box-flex: 0 } .col-5 { -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667% } .col-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } .col-6, .col-7 { -webkit-box-flex: 0 } .col-7 { -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333% } .col-8 { -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667% } .col-8, .col-9 { -webkit-box-flex: 0 } .col-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75% } .col-10 { -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333% } .col-10, .col-11 { -webkit-box-flex: 0 } .col-11 { -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667% } .col-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } .order-first { -ms-flex-order: -1; order: -1 } .order-last { -ms-flex-order: 13; order: 13 } .order-0 { -ms-flex-order: 0; order: 0 } .order-1 { -ms-flex-order: 1; order: 1 } .order-2 { -ms-flex-order: 2; order: 2 } .order-3 { -ms-flex-order: 3; order: 3 } .order-4 { -ms-flex-order: 4; order: 4 } .order-5 { -ms-flex-order: 5; order: 5 } .order-6 { -ms-flex-order: 6; order: 6 } .order-7 { -ms-flex-order: 7; order: 7 } .order-8 { -ms-flex-order: 8; order: 8 } .order-9 { -ms-flex-order: 9; order: 9 } .order-10 { -ms-flex-order: 10; order: 10 } .order-11 { -ms-flex-order: 11; order: 11 } .order-12 { -ms-flex-order: 12; order: 12 } .offset-1 { margin-left: 8.33333% } .offset-2 { margin-left: 16.66667% } .offset-3 { margin-left: 25% } .offset-4 { margin-left: 33.33333% } .offset-5 { margin-left: 41.66667% } .offset-6 { margin-left: 50% } .offset-7 { margin-left: 58.33333% } .offset-8 { margin-left: 66.66667% } .offset-9 { margin-left: 75% } .offset-10 { margin-left: 83.33333% } .offset-11 { margin-left: 91.66667% } @media (min-width:544px) { .col-sm { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100% } .col-sm-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none } .col-sm-1 { -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333% } .col-sm-2 { -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667% } .col-sm-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% } .col-sm-4, .form-horizontal .form-group.row>.form-control-label:first-of-type:not(.label-on-top) { -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333% } .col-sm-5 { -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667% } .col-sm-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } .col-sm-7 { -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333% } .col-sm-8 { -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667% } .col-sm-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75% } .col-sm-10, .form-horizontal .card-text { -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333% } .col-sm-11 { -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667% } .col-sm-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } .order-sm-first { -ms-flex-order: -1; order: -1 } .order-sm-last { -ms-flex-order: 13; order: 13 } .order-sm-0 { -ms-flex-order: 0; order: 0 } .order-sm-1 { -ms-flex-order: 1; order: 1 } .order-sm-2 { -ms-flex-order: 2; order: 2 } .order-sm-3 { -ms-flex-order: 3; order: 3 } .order-sm-4 { -ms-flex-order: 4; order: 4 } .order-sm-5 { -ms-flex-order: 5; order: 5 } .order-sm-6 { -ms-flex-order: 6; order: 6 } .order-sm-7 { -ms-flex-order: 7; order: 7 } .order-sm-8 { -ms-flex-order: 8; order: 8 } .order-sm-9 { -ms-flex-order: 9; order: 9 } .order-sm-10 { -ms-flex-order: 10; order: 10 } .order-sm-11 { -ms-flex-order: 11; order: 11 } .order-sm-12 { -ms-flex-order: 12; order: 12 } .offset-sm-0 { margin-left: 0 } .offset-sm-1 { margin-left: 8.33333% } .offset-sm-2 { margin-left: 16.66667% } .offset-sm-3 { margin-left: 25% } .offset-sm-4 { margin-left: 33.33333% } .offset-sm-5 { margin-left: 41.66667% } .offset-sm-6 { margin-left: 50% } .offset-sm-7 { margin-left: 58.33333% } .offset-sm-8 { margin-left: 66.66667% } .offset-sm-9 { margin-left: 75% } .offset-sm-10 { margin-left: 83.33333% } .offset-sm-11 { margin-left: 91.66667% } } @media (min-width:768px) { .col-md { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100% } .col-md-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none } .col-md-1 { -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333% } .col-md-2 { -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667% } .col-md-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% } .col-md-4 { -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333% } .col-md-5 { -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667% } .col-md-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } .col-md-7 { -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333% } .col-md-8 { -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667% } .col-md-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75% } .col-md-10 { -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333% } .col-md-11 { -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667% } .col-md-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } .order-md-first { -ms-flex-order: -1; order: -1 } .order-md-last { -ms-flex-order: 13; order: 13 } .order-md-0 { -ms-flex-order: 0; order: 0 } .order-md-1 { -ms-flex-order: 1; order: 1 } .order-md-2 { -ms-flex-order: 2; order: 2 } .order-md-3 { -ms-flex-order: 3; order: 3 } .order-md-4 { -ms-flex-order: 4; order: 4 } .order-md-5 { -ms-flex-order: 5; order: 5 } .order-md-6 { -ms-flex-order: 6; order: 6 } .order-md-7 { -ms-flex-order: 7; order: 7 } .order-md-8 { -ms-flex-order: 8; order: 8 } .order-md-9 { -ms-flex-order: 9; order: 9 } .order-md-10 { -ms-flex-order: 10; order: 10 } .order-md-11 { -ms-flex-order: 11; order: 11 } .order-md-12 { -ms-flex-order: 12; order: 12 } .offset-md-0 { margin-left: 0 } .offset-md-1 { margin-left: 8.33333% } .offset-md-2 { margin-left: 16.66667% } .offset-md-3 { margin-left: 25% } .offset-md-4 { margin-left: 33.33333% } .offset-md-5 { margin-left: 41.66667% } .offset-md-6 { margin-left: 50% } .offset-md-7 { margin-left: 58.33333% } .offset-md-8 { margin-left: 66.66667% } .offset-md-9 { margin-left: 75% } .offset-md-10 { margin-left: 83.33333% } .offset-md-11 { margin-left: 91.66667% } } @media (min-width:1024px) { .col-lg { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100% } .col-lg-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none } .col-lg-1 { -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333% } .col-lg-2 { -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667% } .col-lg-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% } .col-lg-4 { -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333% } .col-lg-5 { -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667% } .col-lg-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } .col-lg-7 { -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333% } .col-lg-8 { -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667% } .col-lg-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75% } .col-lg-10 { -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333% } .col-lg-11 { -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667% } .col-lg-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } .order-lg-first { -ms-flex-order: -1; order: -1 } .order-lg-last { -ms-flex-order: 13; order: 13 } .order-lg-0 { -ms-flex-order: 0; order: 0 } .order-lg-1 { -ms-flex-order: 1; order: 1 } .order-lg-2 { -ms-flex-order: 2; order: 2 } .order-lg-3 { -ms-flex-order: 3; order: 3 } .order-lg-4 { -ms-flex-order: 4; order: 4 } .order-lg-5 { -ms-flex-order: 5; order: 5 } .order-lg-6 { -ms-flex-order: 6; order: 6 } .order-lg-7 { -ms-flex-order: 7; order: 7 } .order-lg-8 { -ms-flex-order: 8; order: 8 } .order-lg-9 { -ms-flex-order: 9; order: 9 } .order-lg-10 { -ms-flex-order: 10; order: 10 } .order-lg-11 { -ms-flex-order: 11; order: 11 } .order-lg-12 { -ms-flex-order: 12; order: 12 } .offset-lg-0 { margin-left: 0 } .offset-lg-1 { margin-left: 8.33333% } .offset-lg-2 { margin-left: 16.66667% } .offset-lg-3 { margin-left: 25% } .offset-lg-4 { margin-left: 33.33333% } .offset-lg-5 { margin-left: 41.66667% } .offset-lg-6 { margin-left: 50% } .offset-lg-7 { margin-left: 58.33333% } .offset-lg-8 { margin-left: 66.66667% } .offset-lg-9 { margin-left: 75% } .offset-lg-10 { margin-left: 83.33333% } .offset-lg-11 { margin-left: 91.66667% } } @media (min-width:1300px) { .col-xl { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100% } .col-xl-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none } .col-xl-1 { -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333% } .col-xl-2 { -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667% } .col-xl-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% } .col-xl-4 { -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333% } .col-xl-5 { -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667% } .col-xl-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } .col-xl-7 { -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333% } .col-xl-8 { -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667% } .col-xl-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75% } .col-xl-10 { -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333% } .col-xl-11 { -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667% } .col-xl-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } .order-xl-first { -ms-flex-order: -1; order: -1 } .order-xl-last { -ms-flex-order: 13; order: 13 } .order-xl-0 { -ms-flex-order: 0; order: 0 } .order-xl-1 { -ms-flex-order: 1; order: 1 } .order-xl-2 { -ms-flex-order: 2; order: 2 } .order-xl-3 { -ms-flex-order: 3; order: 3 } .order-xl-4 { -ms-flex-order: 4; order: 4 } .order-xl-5 { -ms-flex-order: 5; order: 5 } .order-xl-6 { -ms-flex-order: 6; order: 6 } .order-xl-7 { -ms-flex-order: 7; order: 7 } .order-xl-8 { -ms-flex-order: 8; order: 8 } .order-xl-9 { -ms-flex-order: 9; order: 9 } .order-xl-10 { -ms-flex-order: 10; order: 10 } .order-xl-11 { -ms-flex-order: 11; order: 11 } .order-xl-12 { -ms-flex-order: 12; order: 12 } .offset-xl-0 { margin-left: 0 } .offset-xl-1 { margin-left: 8.33333% } .offset-xl-2 { margin-left: 16.66667% } .offset-xl-3 { margin-left: 25% } .offset-xl-4 { margin-left: 33.33333% } .offset-xl-5 { margin-left: 41.66667% } .offset-xl-6 { margin-left: 50% } .offset-xl-7 { margin-left: 58.33333% } .offset-xl-8 { margin-left: 66.66667% } .offset-xl-9 { margin-left: 75% } .offset-xl-10 { margin-left: 83.33333% } .offset-xl-11 { margin-left: 91.66667% } } @media (min-width:1600px) { .col-xxl { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100% } .col-xxl-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none } .col-xxl-1 { -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333% } .col-xxl-2 { -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667% } .col-xxl-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% } .col-xxl-4 { -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333% } .col-xxl-5 { -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667% } .col-xxl-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } .col-xxl-7 { -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333% } .col-xxl-8 { -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667% } .col-xxl-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75% } .col-xxl-10 { -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333% } .col-xxl-11 { -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667% } .col-xxl-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } .order-xxl-first { -ms-flex-order: -1; order: -1 } .order-xxl-last { -ms-flex-order: 13; order: 13 } .order-xxl-0 { -ms-flex-order: 0; order: 0 } .order-xxl-1 { -ms-flex-order: 1; order: 1 } .order-xxl-2 { -ms-flex-order: 2; order: 2 } .order-xxl-3 { -ms-flex-order: 3; order: 3 } .order-xxl-4 { -ms-flex-order: 4; order: 4 } .order-xxl-5 { -ms-flex-order: 5; order: 5 } .order-xxl-6 { -ms-flex-order: 6; order: 6 } .order-xxl-7 { -ms-flex-order: 7; order: 7 } .order-xxl-8 { -ms-flex-order: 8; order: 8 } .order-xxl-9 { -ms-flex-order: 9; order: 9 } .order-xxl-10 { -ms-flex-order: 10; order: 10 } .order-xxl-11 { -ms-flex-order: 11; order: 11 } .order-xxl-12 { -ms-flex-order: 12; order: 12 } .offset-xxl-0 { margin-left: 0 } .offset-xxl-1 { margin-left: 8.33333% } .offset-xxl-2 { margin-left: 16.66667% } .offset-xxl-3 { margin-left: 25% } .offset-xxl-4 { margin-left: 33.33333% } .offset-xxl-5 { margin-left: 41.66667% } .offset-xxl-6 { margin-left: 50% } .offset-xxl-7 { margin-left: 58.33333% } .offset-xxl-8 { margin-left: 66.66667% } .offset-xxl-9 { margin-left: 75% } .offset-xxl-10 { margin-left: 83.33333% } .offset-xxl-11 { margin-left: 91.66667% } } .table { width: 100%; max-width: 100%; margin-bottom: 30px; margin-bottom: 1.875rem; background-color: transparent } .table td, .table th { padding: 6.4px; padding: .4rem; vertical-align: top; border-top: 1px solid #bbcdd2 } .table thead th { vertical-align: bottom; border-bottom: 2px solid #bbcdd2 } .table tbody+tbody { border-top: 2px solid #bbcdd2 } .table .table { background-color: #fff } .table-sm td, .table-sm th { padding: 4px; padding: .25rem } .table-bordered, .table-bordered td, .table-bordered th { border: 1px solid #bbcdd2 } .table-bordered thead td, .table-bordered thead th { border-bottom-width: 2px } .table-striped tbody tr:nth-of-type(odd) { background-color: #eff1f2 } .table-hover tbody tr:hover { background-color: #3ed2f0 } .table-primary, .table-primary>td, .table-primary>th { background-color: #c2ebf4 } .table-hover .table-primary:hover, .table-hover .table-primary:hover>td, .table-hover .table-primary:hover>th { background-color: #ace4f0 } .table-secondary, .table-secondary>td, .table-secondary>th { background-color: #d6dddf } .table-hover .table-secondary:hover, .table-hover .table-secondary:hover>td, .table-hover .table-secondary:hover>th { background-color: #c8d1d4 } .table-success, .table-success>td, .table-success>th { background-color: #d7eadb } .table-hover .table-success:hover, .table-hover .table-success:hover>td, .table-hover .table-success:hover>th { background-color: #c6e1cc } .table-info, .table-info>td, .table-info>th { background-color: #c2ebf4 } .table-hover .table-info:hover, .table-hover .table-info:hover>td, .table-hover .table-info:hover>th { background-color: #ace4f0 } .table-warning, .table-warning>td, .table-warning>th { background-color: #f1e1c1 } .table-hover .table-warning:hover, .table-hover .table-warning:hover>td, .table-hover .table-warning:hover>th { background-color: #ecd7ac } .table-danger, .table-danger>td, .table-danger>th { background-color: #edd1d4 } .table-hover .table-danger:hover, .table-hover .table-danger:hover>td, .table-hover .table-danger:hover>th { background-color: #e6bfc3 } .table-light, .table-light>td, .table-light>th { background-color: #fefefe } .table-hover .table-light:hover, .table-hover .table-light:hover>td, .table-hover .table-light:hover>th { background-color: #f1f1f1 } .table-dark, .table-dark>td, .table-dark>th { background-color: #c7c8ca } .table-hover .table-dark:hover, .table-hover .table-dark:hover>td, .table-hover .table-dark:hover>th { background-color: #babbbe } .table-active, .table-active>td, .table-active>th { background-color: #3ed2f0 } .table-hover .table-active:hover, .table-hover .table-active:hover>td, .table-hover .table-active:hover>th { background-color: #26ccee } .table .thead-dark th { color: #fff; background-color: #363a41; border-color: #6c868e } .table .thead-light th { color: #363a41; background-color: #eff1f2; border-color: #bbcdd2 } .table-dark { color: #fff; background-color: #363a41 } .table-dark td, .table-dark th, .table-dark thead th { border-color: #6c868e } .table-dark.table-bordered { border: 0 } .table-dark.table-striped tbody tr:nth-of-type(odd) { background-color: #282b30 } .table-dark.table-hover tbody tr:hover { background-color: #3ed2f0 } @media (max-width:543.98px) { .table-responsive-sm { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar } .table-responsive-sm>.table-bordered { border: 0 } } @media (max-width:767.98px) { .table-responsive-md { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar } .table-responsive-md>.table-bordered { border: 0 } } @media (max-width:1023.98px) { .table-responsive-lg { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar } .table-responsive-lg>.table-bordered { border: 0 } } @media (max-width:1299.98px) { .table-responsive-xl { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar } .table-responsive-xl>.table-bordered { border: 0 } } @media (max-width:1599.98px) { .table-responsive-xxl { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar } .table-responsive-xxl>.table-bordered { border: 0 } } .table-responsive { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar } .table-responsive>.table-bordered { border: 0 } .form-control, .pagination .jump-to-page, .pstaggerAddTagInput, .pstaggerWrapper, .tags-input { display: block; width: 100%; font-size: 14px; font-size: .875rem; line-height: 1.5; color: #363a41; background-color: #fff; background-clip: padding-box; border: 1px solid #bbcdd2; border-radius: 0; box-shadow: none; transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out } .form-control::-ms-expand, .pagination .jump-to-page::-ms-expand, .pstaggerAddTagInput::-ms-expand, .pstaggerWrapper::-ms-expand, .tags-input::-ms-expand { background-color: transparent; border: 0 } .form-control:focus, .pagination .jump-to-page:focus, .pstaggerAddTagInput:focus, .pstaggerWrapper:focus, .tags-input:focus { color: #363a41; background-color: #fff; border-color: #3ed2f0; outline: 0; box-shadow: none, none } .form-control:-ms-input-placeholder, .pagination .jump-to-page:-ms-input-placeholder, .pstaggerAddTagInput:-ms-input-placeholder, .pstaggerWrapper:-ms-input-placeholder, .tags-input:-ms-input-placeholder { color: #6c868e; opacity: 1 } .form-control::placeholder, .pagination .jump-to-page::placeholder, .pstaggerAddTagInput::placeholder, .pstaggerWrapper::placeholder, .tags-input::placeholder { color: #6c868e; opacity: 1 } .form-control:disabled, .form-control[readonly], .pagination .jump-to-page:disabled, .pagination .jump-to-page[readonly], .pstaggerAddTagInput:disabled, .pstaggerAddTagInput[readonly], .pstaggerWrapper:disabled, .pstaggerWrapper[readonly], .tags-input:disabled, .tags-input[readonly] { background-color: #eceeef; opacity: 1 } .pagination select.jump-to-page:not([size]):not([multiple]), select.form-control:not([size]):not([multiple]), select.pstaggerAddTagInput:not([size]):not([multiple]), select.pstaggerWrapper:not([size]):not([multiple]), select.tags-input:not([size]):not([multiple]) { height: 35.008px; height: 2.188rem } .pagination select.jump-to-page:focus::-ms-value, select.form-control:focus::-ms-value, select.pstaggerAddTagInput:focus::-ms-value, select.pstaggerWrapper:focus::-ms-value, select.tags-input:focus::-ms-value { color: #363a41; background-color: #fff } .form-control-file, .form-control-range { display: block; width: 100% } .col-form-label, .form-horizontal .form-group.row>.form-control-label:first-of-type:not(.label-on-top) { padding-top: calc(.375rem + 1px); padding-bottom: calc(.375rem + 1px); margin-bottom: 0; font-size: inherit; line-height: 1.5 } .col-form-label-lg { padding-top: calc(.438rem + 1px); padding-bottom: calc(.438rem + 1px); font-size: 16px; font-size: 1rem; line-height: 1.5 } .col-form-label-sm { padding-top: calc(.313rem + 1px); padding-bottom: calc(.313rem + 1px); font-size: 12px; font-size: .75rem; line-height: 1.5 } .form-control-plaintext { display: block; width: 100%; padding-top: 6px; padding-top: .375rem; padding-bottom: 6px; padding-bottom: .375rem; margin-bottom: 0; line-height: 1.5; background-color: transparent; border: solid transparent; border-width: 1px 0 } .form-control-plaintext.form-control-lg, .form-control-plaintext.form-control-sm, .input-group-lg>.form-control-plaintext.form-control, .input-group-lg>.form-control-plaintext.pstaggerAddTagInput, .input-group-lg>.form-control-plaintext.pstaggerWrapper, .input-group-lg>.form-control-plaintext.tags-input, .input-group-lg>.input-group-append>.form-control-plaintext.btn, .input-group-lg>.input-group-append>.form-control-plaintext.input-group-text, .input-group-lg>.input-group-prepend>.form-control-plaintext.btn, .input-group-lg>.input-group-prepend>.form-control-plaintext.input-group-text, .input-group-sm>.form-control-plaintext.form-control, .input-group-sm>.form-control-plaintext.pstaggerAddTagInput, .input-group-sm>.form-control-plaintext.pstaggerWrapper, .input-group-sm>.form-control-plaintext.tags-input, .input-group-sm>.input-group-append>.form-control-plaintext.btn, .input-group-sm>.input-group-append>.form-control-plaintext.input-group-text, .input-group-sm>.input-group-prepend>.form-control-plaintext.btn, .input-group-sm>.input-group-prepend>.form-control-plaintext.input-group-text, .pagination .input-group-lg>.form-control-plaintext.jump-to-page, .pagination .input-group-sm>.form-control-plaintext.jump-to-page { padding-right: 0; padding-left: 0 } .form-control-sm, .input-group-sm>.form-control, .input-group-sm>.input-group-append>.btn, .input-group-sm>.input-group-append>.input-group-text, .input-group-sm>.input-group-prepend>.btn, .input-group-sm>.input-group-prepend>.input-group-text, .input-group-sm>.pstaggerAddTagInput, .input-group-sm>.pstaggerWrapper, .input-group-sm>.tags-input, .pagination .input-group-sm>.jump-to-page { padding: 5.008px 10px; padding: .313rem .625rem; font-size: 12px; font-size: .75rem; line-height: 1.5 } .input-group-sm>.input-group-append>select.btn:not([size]):not([multiple]), .input-group-sm>.input-group-append>select.input-group-text:not([size]):not([multiple]), .input-group-sm>.input-group-prepend>select.btn:not([size]):not([multiple]), .input-group-sm>.input-group-prepend>select.input-group-text:not([size]):not([multiple]), .input-group-sm>select.form-control:not([size]):not([multiple]), .input-group-sm>select.pstaggerAddTagInput:not([size]):not([multiple]), .input-group-sm>select.pstaggerWrapper:not([size]):not([multiple]), .input-group-sm>select.tags-input:not([size]):not([multiple]), .pagination .input-group-sm>select.jump-to-page:not([size]):not([multiple]), select.form-control-sm:not([size]):not([multiple]) { height: calc(1.751rem + 2px) } .form-control-lg, .input-group-lg>.form-control, .input-group-lg>.input-group-append>.btn, .input-group-lg>.input-group-append>.input-group-text, .input-group-lg>.input-group-prepend>.btn, .input-group-lg>.input-group-prepend>.input-group-text, .input-group-lg>.pstaggerAddTagInput, .input-group-lg>.pstaggerWrapper, .input-group-lg>.tags-input, .pagination .input-group-lg>.jump-to-page { padding: 7.008px 13.408px; padding: .438rem .838rem; font-size: 16px; font-size: 1rem; line-height: 1.5 } .input-group-lg>.input-group-append>select.btn:not([size]):not([multiple]), .input-group-lg>.input-group-append>select.input-group-text:not([size]):not([multiple]), .input-group-lg>.input-group-prepend>select.btn:not([size]):not([multiple]), .input-group-lg>.input-group-prepend>select.input-group-text:not([size]):not([multiple]), .input-group-lg>select.form-control:not([size]):not([multiple]), .input-group-lg>select.pstaggerAddTagInput:not([size]):not([multiple]), .input-group-lg>select.pstaggerWrapper:not([size]):not([multiple]), .input-group-lg>select.tags-input:not([size]):not([multiple]), .pagination .input-group-lg>select.jump-to-page:not([size]):not([multiple]), select.form-control-lg:not([size]):not([multiple]) { height: 35.008px; height: 2.188rem } .form-group { margin-bottom: 16px; margin-bottom: 1rem } .form-text { display: block; margin-top: 4px; margin-top: .25rem } .form-row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -5px; margin-left: -5px } .form-row>.col, .form-row>[class*=col-] { padding-right: 5px; padding-left: 5px } .form-check { position: relative; display: block; padding-left: 20px; padding-left: 1.25rem } .form-check-input { position: absolute; margin-top: 4.8px; margin-top: .3rem; margin-left: -20px; margin-left: -1.25rem } .form-check-input:disabled~.form-check-label { color: #6c868e } .form-check-label { margin-bottom: 0 } .form-check-inline { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; padding-left: 0; margin-right: 12px; margin-right: .75rem } .form-check-inline .form-check-input { position: static; margin-top: 0; margin-right: 5px; margin-right: .3125rem; margin-left: 0 } .valid-feedback { display: none; width: 100%; margin-top: 4px; margin-top: .25rem; font-size: 80% } .valid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 8px; padding: .5rem; margin-top: 1.6px; margin-top: .1rem; font-size: 14px; font-size: .875rem; line-height: 1; color: #fff; background-color: rgba(112, 181, 128, .8); border-radius: .2rem } .custom-select.is-valid, .form-control.is-valid, .is-valid.pstaggerAddTagInput, .is-valid.pstaggerWrapper, .is-valid.tags-input, .pagination .is-valid.jump-to-page, .pagination .was-validated .jump-to-page:valid, .was-validated .custom-select:valid, .was-validated .form-control:valid, .was-validated .pagination .jump-to-page:valid, .was-validated .pstaggerAddTagInput:valid, .was-validated .pstaggerWrapper:valid, .was-validated .tags-input:valid { border-color: #70b580 } .custom-select.is-valid:focus, .form-control.is-valid:focus, .is-valid.pstaggerAddTagInput:focus, .is-valid.pstaggerWrapper:focus, .is-valid.tags-input:focus, .pagination .is-valid.jump-to-page:focus, .pagination .was-validated .jump-to-page:valid:focus, .was-validated .custom-select:valid:focus, .was-validated .form-control:valid:focus, .was-validated .pagination .jump-to-page:valid:focus, .was-validated .pstaggerAddTagInput:valid:focus, .was-validated .pstaggerWrapper:valid:focus, .was-validated .tags-input:valid:focus { border-color: #70b580; box-shadow: 0 0 0 .2rem rgba(112, 181, 128, .25) } .custom-select.is-valid~.valid-feedback, .custom-select.is-valid~.valid-tooltip, .form-control.is-valid~.valid-feedback, .form-control.is-valid~.valid-tooltip, .is-valid.pstaggerAddTagInput~.valid-feedback, .is-valid.pstaggerAddTagInput~.valid-tooltip, .is-valid.pstaggerWrapper~.valid-feedback, .is-valid.pstaggerWrapper~.valid-tooltip, .is-valid.tags-input~.valid-feedback, .is-valid.tags-input~.valid-tooltip, .pagination .is-valid.jump-to-page~.valid-feedback, .pagination .is-valid.jump-to-page~.valid-tooltip, .pagination .was-validated .jump-to-page:valid~.valid-feedback, .pagination .was-validated .jump-to-page:valid~.valid-tooltip, .was-validated .custom-select:valid~.valid-feedback, .was-validated .custom-select:valid~.valid-tooltip, .was-validated .form-control:valid~.valid-feedback, .was-validated .form-control:valid~.valid-tooltip, .was-validated .pagination .jump-to-page:valid~.valid-feedback, .was-validated .pagination .jump-to-page:valid~.valid-tooltip, .was-validated .pstaggerAddTagInput:valid~.valid-feedback, .was-validated .pstaggerAddTagInput:valid~.valid-tooltip, .was-validated .pstaggerWrapper:valid~.valid-feedback, .was-validated .pstaggerWrapper:valid~.valid-tooltip, .was-validated .tags-input:valid~.valid-feedback, .was-validated .tags-input:valid~.valid-tooltip { display: block } .form-check-input.is-valid~.form-check-label, .was-validated .form-check-input:valid~.form-check-label { color: #70b580 } .form-check-input.is-valid~.valid-feedback, .form-check-input.is-valid~.valid-tooltip, .was-validated .form-check-input:valid~.valid-feedback, .was-validated .form-check-input:valid~.valid-tooltip { display: block } .custom-control-input.is-valid~.custom-control-label, .was-validated .custom-control-input:valid~.custom-control-label { color: #70b580 } .custom-control-input.is-valid~.custom-control-label:before, .was-validated .custom-control-input:valid~.custom-control-label:before { background-color: #c4e0cb } .custom-control-input.is-valid~.valid-feedback, .custom-control-input.is-valid~.valid-tooltip, .was-validated .custom-control-input:valid~.valid-feedback, .was-validated .custom-control-input:valid~.valid-tooltip { display: block } .custom-control-input.is-valid:checked~.custom-control-label:before, .was-validated .custom-control-input:valid:checked~.custom-control-label:before { background-color: #92c69e } .custom-control-input.is-valid:focus~.custom-control-label:before, .was-validated .custom-control-input:valid:focus~.custom-control-label:before { box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(112, 181, 128, .25) } .custom-file-input.is-valid~.custom-file-label, .was-validated .custom-file-input:valid~.custom-file-label { border-color: #70b580 } .custom-file-input.is-valid~.custom-file-label:before, .was-validated .custom-file-input:valid~.custom-file-label:before { border-color: inherit } .custom-file-input.is-valid~.valid-feedback, .custom-file-input.is-valid~.valid-tooltip, .was-validated .custom-file-input:valid~.valid-feedback, .was-validated .custom-file-input:valid~.valid-tooltip { display: block } .custom-file-input.is-valid:focus~.custom-file-label, .was-validated .custom-file-input:valid:focus~.custom-file-label { box-shadow: 0 0 0 .2rem rgba(112, 181, 128, .25) } .invalid-feedback { display: none; width: 100%; margin-top: 4px; margin-top: .25rem; font-size: 80% } .invalid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 8px; padding: .5rem; margin-top: 1.6px; margin-top: .1rem; font-size: 14px; font-size: .875rem; line-height: 1; color: #fff; background-color: rgba(192, 92, 103, .8); border-radius: .2rem } .custom-select.is-invalid, .form-control.is-invalid, .is-invalid.pstaggerAddTagInput, .is-invalid.pstaggerWrapper, .is-invalid.tags-input, .pagination .is-invalid.jump-to-page, .pagination .was-validated .jump-to-page:invalid, .was-validated .custom-select:invalid, .was-validated .form-control:invalid, .was-validated .pagination .jump-to-page:invalid, .was-validated .pstaggerAddTagInput:invalid, .was-validated .pstaggerWrapper:invalid, .was-validated .tags-input:invalid { border-color: #c05c67 } .custom-select.is-invalid:focus, .form-control.is-invalid:focus, .is-invalid.pstaggerAddTagInput:focus, .is-invalid.pstaggerWrapper:focus, .is-invalid.tags-input:focus, .pagination .is-invalid.jump-to-page:focus, .pagination .was-validated .jump-to-page:invalid:focus, .was-validated .custom-select:invalid:focus, .was-validated .form-control:invalid:focus, .was-validated .pagination .jump-to-page:invalid:focus, .was-validated .pstaggerAddTagInput:invalid:focus, .was-validated .pstaggerWrapper:invalid:focus, .was-validated .tags-input:invalid:focus { border-color: #c05c67; box-shadow: 0 0 0 .2rem rgba(192, 92, 103, .25) } .custom-select.is-invalid~.invalid-feedback, .custom-select.is-invalid~.invalid-tooltip, .form-control.is-invalid~.invalid-feedback, .form-control.is-invalid~.invalid-tooltip, .is-invalid.pstaggerAddTagInput~.invalid-feedback, .is-invalid.pstaggerAddTagInput~.invalid-tooltip, .is-invalid.pstaggerWrapper~.invalid-feedback, .is-invalid.pstaggerWrapper~.invalid-tooltip, .is-invalid.tags-input~.invalid-feedback, .is-invalid.tags-input~.invalid-tooltip, .pagination .is-invalid.jump-to-page~.invalid-feedback, .pagination .is-invalid.jump-to-page~.invalid-tooltip, .pagination .was-validated .jump-to-page:invalid~.invalid-feedback, .pagination .was-validated .jump-to-page:invalid~.invalid-tooltip, .was-validated .custom-select:invalid~.invalid-feedback, .was-validated .custom-select:invalid~.invalid-tooltip, .was-validated .form-control:invalid~.invalid-feedback, .was-validated .form-control:invalid~.invalid-tooltip, .was-validated .pagination .jump-to-page:invalid~.invalid-feedback, .was-validated .pagination .jump-to-page:invalid~.invalid-tooltip, .was-validated .pstaggerAddTagInput:invalid~.invalid-feedback, .was-validated .pstaggerAddTagInput:invalid~.invalid-tooltip, .was-validated .pstaggerWrapper:invalid~.invalid-feedback, .was-validated .pstaggerWrapper:invalid~.invalid-tooltip, .was-validated .tags-input:invalid~.invalid-feedback, .was-validated .tags-input:invalid~.invalid-tooltip { display: block } .form-check-input.is-invalid~.form-check-label, .was-validated .form-check-input:invalid~.form-check-label { color: #c05c67 } .form-check-input.is-invalid~.invalid-feedback, .form-check-input.is-invalid~.invalid-tooltip, .was-validated .form-check-input:invalid~.invalid-feedback, .was-validated .form-check-input:invalid~.invalid-tooltip { display: block } .custom-control-input.is-invalid~.custom-control-label, .was-validated .custom-control-input:invalid~.custom-control-label { color: #c05c67 } .custom-control-input.is-invalid~.custom-control-label:before, .was-validated .custom-control-input:invalid~.custom-control-label:before { background-color: #e4b8bd } .custom-control-input.is-invalid~.invalid-feedback, .custom-control-input.is-invalid~.invalid-tooltip, .was-validated .custom-control-input:invalid~.invalid-feedback, .was-validated .custom-control-input:invalid~.invalid-tooltip { display: block } .custom-control-input.is-invalid:checked~.custom-control-label:before, .was-validated .custom-control-input:invalid:checked~.custom-control-label:before { background-color: #ce8189 } .custom-control-input.is-invalid:focus~.custom-control-label:before, .was-validated .custom-control-input:invalid:focus~.custom-control-label:before { box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(192, 92, 103, .25) } .custom-file-input.is-invalid~.custom-file-label, .was-validated .custom-file-input:invalid~.custom-file-label { border-color: #c05c67 } .custom-file-input.is-invalid~.custom-file-label:before, .was-validated .custom-file-input:invalid~.custom-file-label:before { border-color: inherit } .custom-file-input.is-invalid~.invalid-feedback, .custom-file-input.is-invalid~.invalid-tooltip, .was-validated .custom-file-input:invalid~.invalid-feedback, .was-validated .custom-file-input:invalid~.invalid-tooltip { display: block } .custom-file-input.is-invalid:focus~.custom-file-label, .was-validated .custom-file-input:invalid:focus~.custom-file-label { box-shadow: 0 0 0 .2rem rgba(192, 92, 103, .25) } .form-inline { display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; -ms-flex-align: center; align-items: center } .form-inline .form-check { width: 100% } @media (min-width:544px) { .form-inline label { -ms-flex-align: center; -ms-flex-pack: center; justify-content: center } .form-inline .form-group, .form-inline label { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; margin-bottom: 0 } .form-inline .form-group { -ms-flex: 0 0 auto; flex: 0 0 auto; -ms-flex-flow: row wrap; flex-flow: row wrap; -ms-flex-align: center } .form-inline .form-control, .form-inline .pagination .jump-to-page, .form-inline .pstaggerAddTagInput, .form-inline .pstaggerWrapper, .form-inline .tags-input, .pagination .form-inline .jump-to-page { display: inline-block; width: auto; vertical-align: middle } .form-inline .form-control-plaintext { display: inline-block } .form-inline .input-group { width: auto } .form-inline .form-check { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; width: auto; padding-left: 0 } .form-inline .form-check-input { position: relative; margin-top: 0; margin-right: .25rem; margin-left: 0 } .form-inline .custom-control { -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center } .form-inline .custom-control-label { margin-bottom: 0 } } .btn { display: inline-block; text-align: center; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 1px solid transparent; padding: 6px 13.408px; padding: .375rem .838rem; font-size: 14px; font-size: .875rem; line-height: 1.5; border-radius: 0; transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out } .btn:focus, .btn:hover { text-decoration: none } .btn.focus, .btn:focus { outline: 0; box-shadow: none } .btn.disabled, .btn:disabled { opacity: .65; box-shadow: none } .btn:not(:disabled):not(.disabled) { cursor: pointer } .btn:not(:disabled):not(.disabled).active, .btn:not(:disabled):not(.disabled):active { background-image: none; box-shadow: none } .btn:not(:disabled):not(.disabled).active:focus, .btn:not(:disabled):not(.disabled):active:focus { box-shadow: none, none } a.btn.disabled, fieldset:disabled a.btn { pointer-events: none } .btn-primary:hover { background-color: #1f9db6; border-color: #1e94ab } .btn-primary.focus, .btn-primary:focus { box-shadow: none, 0 0 0 .2rem rgba(37, 185, 215, .5) } .btn-primary.disabled, .btn-primary:disabled, .custom-file .custom-file-input.disabled~.custom-file-label:after, .custom-file .custom-file-input :disabled~.custom-file-label:after { color: #fff; background-color: #25b9d7; border-color: #25b9d7 } .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle { color: #fff; background-color: #1e94ab; border-color: #1c8aa1 } .btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus { box-shadow: none, 0 0 0 .2rem rgba(37, 185, 215, .5) } .btn-secondary:hover { background-color: #5b7178; border-color: #566b71 } .btn-secondary.focus, .btn-secondary:focus { box-shadow: none, 0 0 0 .2rem rgba(108, 134, 142, .5) } .btn-secondary.disabled, .btn-secondary:disabled { color: #fff; background-color: #6c868e; border-color: #6c868e } .btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle { color: #fff; background-color: #566b71; border-color: #50646a } .btn-secondary:not(:disabled):not(.disabled).active:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus, .show>.btn-secondary.dropdown-toggle:focus { box-shadow: none, 0 0 0 .2rem rgba(108, 134, 142, .5) } .btn-success { color: #282b30 } .btn-success:hover { background-color: #57a86a; border-color: #539f64 } .btn-success.focus, .btn-success:focus { box-shadow: none, 0 0 0 .2rem rgba(112, 181, 128, .5) } .btn-success.disabled, .btn-success:disabled { color: #282b30; background-color: #70b580; border-color: #70b580 } .btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, .show>.btn-success.dropdown-toggle { color: #fff; background-color: #539f64; border-color: #4e975f } .btn-success:not(:disabled):not(.disabled).active:focus, .btn-success:not(:disabled):not(.disabled):active:focus, .show>.btn-success.dropdown-toggle:focus { box-shadow: none, 0 0 0 .2rem rgba(112, 181, 128, .5) } .btn-info:hover { background-color: #1f9db6; border-color: #1e94ab } .btn-info.focus, .btn-info:focus { box-shadow: none, 0 0 0 .2rem rgba(37, 185, 215, .5) } .btn-info.disabled, .btn-info:disabled { color: #fff; background-color: #25b9d7; border-color: #25b9d7 } .btn-info:not(:disabled):not(.disabled).active, .btn-info:not(:disabled):not(.disabled):active, .show>.btn-info.dropdown-toggle { color: #fff; background-color: #1e94ab; border-color: #1c8aa1 } .btn-info:not(:disabled):not(.disabled).active:focus, .btn-info:not(:disabled):not(.disabled):active:focus, .show>.btn-info.dropdown-toggle:focus { box-shadow: none, 0 0 0 .2rem rgba(37, 185, 215, .5) } .btn-warning { color: #282b30 } .btn-warning:hover { background-color: #ac7b1c; border-color: #a1741a } .btn-warning.focus, .btn-warning:focus { box-shadow: none, 0 0 0 .2rem rgba(205, 147, 33, .5) } .btn-warning.disabled, .btn-warning:disabled { color: #282b30; background-color: #cd9321; border-color: #cd9321 } .btn-warning:not(:disabled):not(.disabled).active, .btn-warning:not(:disabled):not(.disabled):active, .show>.btn-warning.dropdown-toggle { color: #fff; background-color: #a1741a; border-color: #966c18 } .btn-warning:not(:disabled):not(.disabled).active:focus, .btn-warning:not(:disabled):not(.disabled):active:focus, .show>.btn-warning.dropdown-toggle:focus { box-shadow: none, 0 0 0 .2rem rgba(205, 147, 33, .5) } .btn-danger:hover { background-color: #b14550; border-color: #a8414c } .btn-danger.focus, .btn-danger:focus { box-shadow: none, 0 0 0 .2rem rgba(192, 92, 103, .5) } .btn-danger.disabled, .btn-danger:disabled { color: #fff; background-color: #c05c67; border-color: #c05c67 } .btn-danger:not(:disabled):not(.disabled).active, .btn-danger:not(:disabled):not(.disabled):active, .show>.btn-danger.dropdown-toggle { color: #fff; background-color: #a8414c; border-color: #9f3d48 } .btn-danger:not(:disabled):not(.disabled).active:focus, .btn-danger:not(:disabled):not(.disabled):active:focus, .show>.btn-danger.dropdown-toggle:focus { box-shadow: none, 0 0 0 .2rem rgba(192, 92, 103, .5) } .btn-light { color: #282b30 } .btn-light:hover { color: #282b30; background-color: #e2e8ee; border-color: #dae2e9 } .btn-light.focus, .btn-light:focus { box-shadow: none, 0 0 0 .2rem rgba(250, 251, 252, .5) } .btn-light.disabled, .btn-light:disabled { color: #282b30; background-color: #fafbfc; border-color: #fafbfc } .btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show>.btn-light.dropdown-toggle { color: #282b30; background-color: #dae2e9; border-color: #d2dbe4 } .btn-light:not(:disabled):not(.disabled).active:focus, .btn-light:not(:disabled):not(.disabled):active:focus, .show>.btn-light.dropdown-toggle:focus { box-shadow: none, 0 0 0 .2rem rgba(250, 251, 252, .5) } .btn-dark:hover { background-color: #25272c; border-color: #1f2125 } .btn-dark.focus, .btn-dark:focus { box-shadow: none, 0 0 0 .2rem rgba(54, 58, 65, .5) } .btn-dark.disabled, .btn-dark:disabled { color: #fff; background-color: #363a41; border-color: #363a41 } .btn-dark:not(:disabled):not(.disabled).active, .btn-dark:not(:disabled):not(.disabled):active, .show>.btn-dark.dropdown-toggle { color: #fff; background-color: #1f2125; border-color: #191b1e } .btn-dark:not(:disabled):not(.disabled).active:focus, .btn-dark:not(:disabled):not(.disabled):active:focus, .show>.btn-dark.dropdown-toggle:focus { box-shadow: none, 0 0 0 .2rem rgba(54, 58, 65, .5) } .btn-outline-primary:hover { background-color: #25b9d7; border-color: #25b9d7 } .btn-outline-primary.focus, .btn-outline-primary:focus { box-shadow: 0 0 0 .2rem rgba(37, 185, 215, .5) } .btn-outline-primary.disabled, .btn-outline-primary:disabled { color: #25b9d7 } .btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show>.btn-outline-primary.dropdown-toggle { color: #fff; background-color: #25b9d7; border-color: #25b9d7 } .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-primary.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(37, 185, 215, .5) } .btn-outline-secondary:hover { background-color: #6c868e; border-color: #6c868e } .btn-outline-secondary.focus, .btn-outline-secondary:focus { box-shadow: 0 0 0 .2rem rgba(108, 134, 142, .5) } .btn-outline-secondary.disabled, .btn-outline-secondary:disabled { color: #6c868e } .btn-outline-secondary:not(:disabled):not(.disabled).active, .btn-outline-secondary:not(:disabled):not(.disabled):active, .show>.btn-outline-secondary.dropdown-toggle { color: #fff; background-color: #6c868e; border-color: #6c868e } .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(108, 134, 142, .5) } .btn-outline-success:hover { color: #282b30; background-color: #70b580; border-color: #70b580 } .btn-outline-success.focus, .btn-outline-success:focus { box-shadow: 0 0 0 .2rem rgba(112, 181, 128, .5) } .btn-outline-success.disabled, .btn-outline-success:disabled { color: #70b580 } .btn-outline-success:not(:disabled):not(.disabled).active, .btn-outline-success:not(:disabled):not(.disabled):active, .show>.btn-outline-success.dropdown-toggle { color: #282b30; background-color: #70b580; border-color: #70b580 } .btn-outline-success:not(:disabled):not(.disabled).active:focus, .btn-outline-success:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-success.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(112, 181, 128, .5) } .btn-outline-info:hover { background-color: #25b9d7; border-color: #25b9d7 } .btn-outline-info.focus, .btn-outline-info:focus { box-shadow: 0 0 0 .2rem rgba(37, 185, 215, .5) } .btn-outline-info.disabled, .btn-outline-info:disabled { color: #25b9d7 } .btn-outline-info:not(:disabled):not(.disabled).active, .btn-outline-info:not(:disabled):not(.disabled):active, .show>.btn-outline-info.dropdown-toggle { color: #fff; background-color: #25b9d7; border-color: #25b9d7 } .btn-outline-info:not(:disabled):not(.disabled).active:focus, .btn-outline-info:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-info.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(37, 185, 215, .5) } .btn-outline-warning:hover { color: #282b30; background-color: #cd9321; border-color: #cd9321 } .btn-outline-warning.focus, .btn-outline-warning:focus { box-shadow: 0 0 0 .2rem rgba(205, 147, 33, .5) } .btn-outline-warning.disabled, .btn-outline-warning:disabled { color: #cd9321 } .btn-outline-warning:not(:disabled):not(.disabled).active, .btn-outline-warning:not(:disabled):not(.disabled):active, .show>.btn-outline-warning.dropdown-toggle { color: #282b30; background-color: #cd9321; border-color: #cd9321 } .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-warning.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(205, 147, 33, .5) } .btn-outline-danger:hover { background-color: #c05c67; border-color: #c05c67 } .btn-outline-danger.focus, .btn-outline-danger:focus { box-shadow: 0 0 0 .2rem rgba(192, 92, 103, .5) } .btn-outline-danger.disabled, .btn-outline-danger:disabled { color: #c05c67 } .btn-outline-danger:not(:disabled):not(.disabled).active, .btn-outline-danger:not(:disabled):not(.disabled):active, .show>.btn-outline-danger.dropdown-toggle { color: #fff; background-color: #c05c67; border-color: #c05c67 } .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-danger.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(192, 92, 103, .5) } .btn-outline-light:hover { color: #282b30; background-color: #fafbfc; border-color: #fafbfc } .btn-outline-light.focus, .btn-outline-light:focus { box-shadow: 0 0 0 .2rem rgba(250, 251, 252, .5) } .btn-outline-light.disabled, .btn-outline-light:disabled { color: #fafbfc } .btn-outline-light:not(:disabled):not(.disabled).active, .btn-outline-light:not(:disabled):not(.disabled):active, .show>.btn-outline-light.dropdown-toggle { color: #282b30; background-color: #fafbfc; border-color: #fafbfc } .btn-outline-light:not(:disabled):not(.disabled).active:focus, .btn-outline-light:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-light.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(250, 251, 252, .5) } .btn-outline-dark:hover { background-color: #363a41; border-color: #363a41 } .btn-outline-dark.focus, .btn-outline-dark:focus { box-shadow: 0 0 0 .2rem rgba(54, 58, 65, .5) } .btn-outline-dark.disabled, .btn-outline-dark:disabled { color: #363a41 } .btn-outline-dark:not(:disabled):not(.disabled).active, .btn-outline-dark:not(:disabled):not(.disabled):active, .show>.btn-outline-dark.dropdown-toggle { color: #fff; background-color: #363a41; border-color: #363a41 } .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-dark.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(54, 58, 65, .5) } .btn-link { font-weight: 400 } .btn-link, .btn-link:hover { color: #25b9d7; background-color: transparent } .btn-link.focus, .btn-link:focus, .btn-link:hover { text-decoration: underline; border-color: transparent } .btn-link.focus, .btn-link:focus { box-shadow: none } .btn-link.disabled, .btn-link:disabled { color: #6c868e } .btn-group-lg>.btn, .btn-lg { padding: 7.008px 13.408px; padding: .438rem .838rem; font-size: 16px; font-size: 1rem; line-height: 1.5; border-radius: 0 } .btn-group-sm>.btn, .btn-sm { padding: 5.008px 10px; padding: .313rem .625rem; font-size: 12px; font-size: .75rem; line-height: 1.5; border-radius: 0 } .btn-block { display: block; width: 100% } .btn-block+.btn-block { margin-top: 8px; margin-top: .5rem } input[type=button].btn-block, input[type=reset].btn-block, input[type=submit].btn-block { width: 100% } .fade { opacity: 0; transition: opacity .15s linear } .fade.show { opacity: 1 } .collapse { display: none } .collapse.show { display: block } tr.collapse.show { display: table-row } tbody.collapse.show { display: table-row-group } .collapsing { height: 0; overflow: hidden; transition: height .35s ease } .collapsing, .dropdown, .dropup { position: relative } .dropdown-toggle:after { display: inline-block; width: 0; height: 0; margin-left: 3.4px; margin-left: .2125rem; vertical-align: 3.4px; vertical-align: .2125rem; content: ""; border-top: 4px solid; border-top: .25rem solid; border-right: 4px solid transparent; border-right: .25rem solid transparent; border-bottom: 0; border-left: 4px solid transparent; border-left: .25rem solid transparent } .dropdown-toggle:empty:after { margin-left: 0 } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; min-width: 10rem; padding: 0; margin: 2px 0 0; margin: .125rem 0 0; font-size: 14px; font-size: .875rem; color: #363a41; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .175) } .dropup .dropdown-menu { margin-top: 0; margin-bottom: 2px; margin-bottom: .125rem } .dropup .dropdown-toggle:after { display: inline-block; width: 0; height: 0; margin-left: 3.4px; margin-left: .2125rem; vertical-align: 3.4px; vertical-align: .2125rem; content: ""; border-top: 0; border-right: 4px solid transparent; border-right: .25rem solid transparent; border-bottom: 4px solid; border-bottom: .25rem solid; border-left: 4px solid transparent; border-left: .25rem solid transparent } .dropup .dropdown-toggle:empty:after { margin-left: 0 } .dropright .dropdown-menu { margin-top: 0; margin-left: 2px; margin-left: .125rem } .dropright .dropdown-toggle:after { display: inline-block; width: 0; height: 0; margin-left: 3.4px; margin-left: .2125rem; vertical-align: 3.4px; vertical-align: .2125rem; content: ""; border-top: 4px solid transparent; border-top: .25rem solid transparent; border-bottom: 4px solid transparent; border-bottom: .25rem solid transparent; border-left: 4px solid; border-left: .25rem solid } .dropright .dropdown-toggle:empty:after { margin-left: 0 } .dropright .dropdown-toggle:after { vertical-align: 0 } .dropleft .dropdown-menu { margin-top: 0; margin-right: 2px; margin-right: .125rem } .dropleft .dropdown-toggle:after { display: inline-block; margin-left: 3.4px; margin-left: .2125rem; display: none } .dropleft .dropdown-toggle:after, .dropleft .dropdown-toggle:before { width: 0; height: 0; vertical-align: 3.4px; vertical-align: .2125rem; content: "" } .dropleft .dropdown-toggle:before { display: inline-block; margin-right: 3.4px; margin-right: .2125rem; border-top: 4px solid transparent; border-top: .25rem solid transparent; border-right: 4px solid; border-right: .25rem solid; border-bottom: 4px solid transparent; border-bottom: .25rem solid transparent } .dropleft .dropdown-toggle:empty:after { margin-left: 0 } .dropleft .dropdown-toggle:before { vertical-align: 0 } .dropdown-divider { height: 0; margin: 15px 0; margin: .9375rem 0; overflow: hidden; border-top: 1px solid #bbcdd2 } .dropdown-item { display: block; width: 100%; padding: 5px; padding: .3125rem; clear: both; font-weight: 400; color: #6c868e; text-align: inherit; white-space: nowrap; background-color: transparent; border: 0 } .dropdown-item:focus, .dropdown-item:hover { color: #25b9d7; text-decoration: none; background-color: #fff } .dropdown-item.active, .dropdown-item:active { color: #fff; text-decoration: none; background-color: #25b9d7 } .dropdown-item.disabled, .dropdown-item:disabled { color: #6c868e; background-color: transparent } .dropdown-menu.show { display: block } .dropdown-header { display: block; padding: 0 5px; padding: 0 .3125rem; margin-bottom: 0; font-size: 12px; font-size: .75rem; color: #6c868e; white-space: nowrap } .btn-group, .btn-group-vertical { position: relative; display: -ms-inline-flexbox; display: inline-flex; vertical-align: middle } .btn-group-vertical>.btn, .btn-group>.btn { position: relative; -ms-flex: 0 1 auto; flex: 0 1 auto } .btn-group-vertical>.btn.active, .btn-group-vertical>.btn:active, .btn-group-vertical>.btn:focus, .btn-group-vertical>.btn:hover, .btn-group>.btn.active, .btn-group>.btn:active, .btn-group>.btn:focus, .btn-group>.btn:hover { z-index: 1 } .btn-group-vertical .btn+.btn, .btn-group-vertical .btn+.btn-group, .btn-group-vertical .btn-group+.btn, .btn-group-vertical .btn-group+.btn-group, .btn-group .btn+.btn, .btn-group .btn+.btn-group, .btn-group .btn-group+.btn, .btn-group .btn-group+.btn-group { margin-left: -1px } .btn-toolbar { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: start; justify-content: flex-start } .btn-toolbar .input-group { width: auto } .btn-group>.btn:first-child { margin-left: 0 } .btn-group .btn.dropdown-toggle-split, .dropdown-toggle-split { padding-right: 10.056px; padding-right: .6285rem; padding-left: 10.056px; padding-left: .6285rem } .btn-group .btn.dropdown-toggle-split:after, .dropdown-toggle-split:after { margin-left: 0 } .btn-group-sm>.btn+.dropdown-toggle-split, .btn-group .btn-group-sm>.btn+.btn.dropdown-toggle-split, .btn-group .btn-sm+.btn.dropdown-toggle-split, .btn-sm+.dropdown-toggle-split { padding-right: 7.5px; padding-right: .46875rem; padding-left: 7.5px; padding-left: .46875rem } .btn-group-lg>.btn+.dropdown-toggle-split, .btn-group .btn-group-lg>.btn+.btn.dropdown-toggle-split, .btn-group .btn-lg+.btn.dropdown-toggle-split, .btn-lg+.dropdown-toggle-split { padding-right: 10.056px; padding-right: .6285rem; padding-left: 10.056px; padding-left: .6285rem } .btn-group.show .dropdown-toggle, .btn-group.show .dropdown-toggle.btn-link { box-shadow: none } .btn-group-vertical { -ms-flex-direction: column; flex-direction: column; -ms-flex-align: start; align-items: flex-start; -ms-flex-pack: center; justify-content: center } .btn-group-vertical .btn, .btn-group-vertical .btn-group { width: 100% } .btn-group-vertical>.btn+.btn, .btn-group-vertical>.btn+.btn-group, .btn-group-vertical>.btn-group+.btn, .btn-group-vertical>.btn-group+.btn-group { margin-top: -1px; margin-left: 0 } .btn-group-toggle>.btn, .btn-group-toggle>.btn-group>.btn { margin-bottom: 0 } .btn-group-toggle>.btn-group>.btn input[type=checkbox], .btn-group-toggle>.btn-group>.btn input[type=radio], .btn-group-toggle>.btn input[type=checkbox], .btn-group-toggle>.btn input[type=radio] { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none } .input-group { position: relative; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: stretch; align-items: stretch; width: 100% } .input-group>.custom-file, .input-group>.custom-select, .input-group>.form-control, .input-group>.pstaggerAddTagInput, .input-group>.pstaggerWrapper, .input-group>.tags-input, .pagination .input-group>.jump-to-page { position: relative; -ms-flex: 1 1 auto; flex: 1 1 auto; width: 1%; margin-bottom: 0 } .input-group>.custom-file:focus, .input-group>.custom-select:focus, .input-group>.form-control:focus, .input-group>.pstaggerAddTagInput:focus, .input-group>.pstaggerWrapper:focus, .input-group>.tags-input:focus, .pagination .input-group>.jump-to-page:focus { z-index: 3 } .input-group>.custom-file+.custom-file, .input-group>.custom-file+.custom-select, .input-group>.custom-file+.form-control, .input-group>.custom-file+.pstaggerAddTagInput, .input-group>.custom-file+.pstaggerWrapper, .input-group>.custom-file+.tags-input, .input-group>.custom-select+.custom-file, .input-group>.custom-select+.custom-select, .input-group>.custom-select+.form-control, .input-group>.custom-select+.pstaggerAddTagInput, .input-group>.custom-select+.pstaggerWrapper, .input-group>.custom-select+.tags-input, .input-group>.form-control+.custom-file, .input-group>.form-control+.custom-select, .input-group>.form-control+.form-control, .input-group>.form-control+.pstaggerAddTagInput, .input-group>.form-control+.pstaggerWrapper, .input-group>.form-control+.tags-input, .input-group>.pstaggerAddTagInput+.custom-file, .input-group>.pstaggerAddTagInput+.custom-select, .input-group>.pstaggerAddTagInput+.form-control, .input-group>.pstaggerAddTagInput+.pstaggerAddTagInput, .input-group>.pstaggerAddTagInput+.pstaggerWrapper, .input-group>.pstaggerAddTagInput+.tags-input, .input-group>.pstaggerWrapper+.custom-file, .input-group>.pstaggerWrapper+.custom-select, .input-group>.pstaggerWrapper+.form-control, .input-group>.pstaggerWrapper+.pstaggerAddTagInput, .input-group>.pstaggerWrapper+.pstaggerWrapper, .input-group>.pstaggerWrapper+.tags-input, .input-group>.tags-input+.custom-file, .input-group>.tags-input+.custom-select, .input-group>.tags-input+.form-control, .input-group>.tags-input+.pstaggerAddTagInput, .input-group>.tags-input+.pstaggerWrapper, .input-group>.tags-input+.tags-input, .pagination .input-group>.custom-file+.jump-to-page, .pagination .input-group>.custom-select+.jump-to-page, .pagination .input-group>.form-control+.jump-to-page, .pagination .input-group>.jump-to-page+.custom-file, .pagination .input-group>.jump-to-page+.custom-select, .pagination .input-group>.jump-to-page+.form-control, .pagination .input-group>.jump-to-page+.jump-to-page, .pagination .input-group>.jump-to-page+.pstaggerAddTagInput, .pagination .input-group>.jump-to-page+.pstaggerWrapper, .pagination .input-group>.jump-to-page+.tags-input, .pagination .input-group>.pstaggerAddTagInput+.jump-to-page, .pagination .input-group>.pstaggerWrapper+.jump-to-page, .pagination .input-group>.tags-input+.jump-to-page { margin-left: -1px } .input-group>.custom-file { -ms-flex-align: center; align-items: center } .input-group-append, .input-group-prepend, .input-group>.custom-file { display: -ms-flexbox; display: flex } .input-group-append .btn, .input-group-prepend .btn { position: relative; z-index: 2 } .input-group-append .btn+.btn, .input-group-append .btn+.input-group-text, .input-group-append .input-group-text+.btn, .input-group-append .input-group-text+.input-group-text, .input-group-prepend .btn+.btn, .input-group-prepend .btn+.input-group-text, .input-group-prepend .input-group-text+.btn, .input-group-prepend .input-group-text+.input-group-text { margin-left: -1px } .input-group-prepend { margin-right: -1px } .input-group-append { margin-left: -1px } .input-group-text { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; padding: 6px 7px; padding: .375rem .4375rem; margin-bottom: 0; font-weight: 400; line-height: 1.5; color: #363a41; text-align: center; white-space: nowrap; background-color: #fafbfc; border: 1px solid #bbcdd2 } .input-group-text input[type=checkbox], .input-group-text input[type=radio] { margin-top: 0 } .custom-control { position: relative; display: block; min-height: 24px; min-height: 1.5rem; padding-left: 24px; padding-left: 1.5rem } .custom-control-inline { display: -ms-inline-flexbox; display: inline-flex; margin-right: 16px; margin-right: 1rem } .custom-control-input { position: absolute; z-index: -1; opacity: 0 } .custom-control-input:checked~.custom-control-label:before { color: #fff; background-color: #25b9d7; box-shadow: none } .custom-control-input:focus~.custom-control-label:before { box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(37, 185, 215, .25) } .custom-control-input:active~.custom-control-label:before { color: #fff; background-color: #bbeaf3; box-shadow: none } .custom-control-input:disabled~.custom-control-label { color: #6c868e } .custom-control-input:disabled~.custom-control-label:before { background-color: #fafbfc } .custom-control-label { margin-bottom: 0 } .custom-control-label:before { pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: #bbcdd2; box-shadow: inset 0 .25rem .25rem rgba(0, 0, 0, .1) } .custom-control-label:after, .custom-control-label:before { position: absolute; top: 4px; top: .25rem; left: 0; display: block; width: 16px; width: 1rem; height: 16px; height: 1rem; content: "" } .custom-control-label:after { background-repeat: no-repeat; background-position: 50%; background-size: 50% 50% } .custom-checkbox .custom-control-input:checked~.custom-control-label:before { background-color: #25b9d7 } .custom-checkbox .custom-control-input:checked~.custom-control-label:after { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") } .custom-checkbox .custom-control-input:indeterminate~.custom-control-label:before { background-color: #25b9d7; box-shadow: none } .custom-checkbox .custom-control-input:indeterminate~.custom-control-label:after { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E") } .custom-checkbox .custom-control-input:disabled:checked~.custom-control-label:before { background-color: rgba(37, 185, 215, .5) } .custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label:before { background-color: rgba(37, 185, 215, .5) } .custom-radio .custom-control-label:before { border-radius: 50% } .custom-radio .custom-control-input:checked~.custom-control-label:before { background-color: #25b9d7 } .custom-radio .custom-control-input:checked~.custom-control-label:after { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E") } .custom-radio .custom-control-input:disabled:checked~.custom-control-label:before { background-color: rgba(37, 185, 215, .5) } .custom-select { display: inline-block; width: 100%; height: 35.008px; height: 2.188rem; padding: 6px 28px 6px 12px; padding: .375rem 1.75rem .375rem .75rem; line-height: 1.5; color: #363a41; vertical-align: middle; background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23363a41' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 12px center; background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23363a41' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .75rem center; background-size: 8px 10px; border: 1px solid #bbcdd2; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none } .custom-select:focus { border-color: #3ed2f0; outline: 0; box-shadow: none } .custom-select:focus::-ms-value { color: #363a41; background-color: #fff } .custom-select[multiple], .custom-select[size]:not([size="1"]) { height: auto; padding-right: 12px; padding-right: .75rem; background-image: none } .custom-select:disabled { color: #6c868e; background-color: #eceeef } .custom-select::-ms-expand { opacity: 0 } .custom-select-sm { height: calc(1.751rem + 2px); font-size: 75% } .custom-select-lg, .custom-select-sm { padding-top: 6px; padding-top: .375rem; padding-bottom: 6px; padding-bottom: .375rem } .custom-select-lg { height: 35.008px; height: 2.188rem; font-size: 125% } .custom-file { display: inline-block; margin-bottom: 0 } .custom-file, .custom-file-input { position: relative; width: 100%; height: 35.008px; height: 2.188rem } .custom-file-input { z-index: 2; margin: 0; opacity: 0 } .custom-file-input:focus~.custom-file-control { border-color: #3ed2f0; box-shadow: none } .custom-file-input:focus~.custom-file-control:before { border-color: #3ed2f0 } .custom-file-input:lang(en)~.custom-file-label:after { content: "Browse" } .custom-file-label { left: 0; z-index: 1; height: 35.008px; height: 2.188rem; background-color: #fff; border: 1px solid #bbcdd2; box-shadow: none } .custom-file-label, .custom-file-label:after { position: absolute; top: 0; right: 0; padding: 6px 13.408px; padding: .375rem .838rem; line-height: 1.5; color: #363a41 } .custom-file-label:after { bottom: 0; z-index: 3; display: block; height: calc(2.188rem - 1px * 2); content: "Browse"; background-color: #fafbfc; border-left: 1px solid #bbcdd2 } .nav { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none } .nav-link { display: block; padding: 15px 20px; padding: .9375rem 1.25rem } .nav-link:focus, .nav-link:hover { text-decoration: none } .nav-link.disabled { color: #bbcdd2 } .nav-tabs { border-bottom: 1px solid #fff } .nav-tabs .nav-item { margin-bottom: -1px } .nav-tabs .nav-link { border: 1px solid transparent } .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover { border-color: #25b9d7 } .nav-tabs .nav-link.disabled { color: #bbcdd2; background-color: transparent; border-color: transparent } .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { color: #363a41; background-color: #fff; border-color: #25b9d7 } .nav-tabs .dropdown-menu { margin-top: -1px } .nav-pills .nav-link.active, .nav-pills .show>.nav-link { color: #363a41; background-color: #f4f9fb } .nav-fill .nav-item { -ms-flex: 1 1 auto; flex: 1 1 auto; text-align: center } .nav-justified .nav-item { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; text-align: center } .tab-content>.tab-pane { display: none } .tab-content>.active { display: block } .navbar { position: relative; padding: 15px 30px; padding: .9375rem 1.875rem } .navbar, .navbar>.container, .navbar>.container-fluid { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between } .navbar-brand { display: inline-block; padding-top: 13.5px; padding-top: .84375rem; padding-bottom: 13.5px; padding-bottom: .84375rem; margin-right: 30px; margin-right: 1.875rem; font-size: 16px; font-size: 1rem; line-height: inherit; white-space: nowrap } .navbar-brand:focus, .navbar-brand:hover { text-decoration: none } .navbar-nav { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; padding-left: 0; margin-bottom: 0; list-style: none } .navbar-nav .nav-link { padding-right: 0; padding-left: 0 } .navbar-nav .dropdown-menu { position: static; float: none } .navbar-text { display: inline-block; padding-top: 15px; padding-top: .9375rem; padding-bottom: 15px; padding-bottom: .9375rem } .navbar-collapse { -ms-flex-preferred-size: 100%; flex-basis: 100%; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-align: center; align-items: center } .navbar-toggler { padding: 4px 12px; padding: .25rem .75rem; font-size: 16px; font-size: 1rem; line-height: 1; background-color: transparent; border: 1px solid transparent } .navbar-toggler:focus, .navbar-toggler:hover { text-decoration: none } .navbar-toggler:not(:disabled):not(.disabled) { cursor: pointer } .navbar-toggler-icon { display: inline-block; width: 1.5em; height: 1.5em; vertical-align: middle; content: ""; background: no-repeat 50%; background-size: 100% 100% } @media (max-width:543.98px) { .navbar-expand-sm>.container, .navbar-expand-sm>.container-fluid { padding-right: 0; padding-left: 0 } } @media (min-width:544px) { .navbar-expand-sm { -ms-flex-flow: row nowrap; flex-flow: row nowrap; -ms-flex-pack: start; justify-content: flex-start } .navbar-expand-sm .navbar-nav { -ms-flex-direction: row; flex-direction: row } .navbar-expand-sm .navbar-nav .dropdown-menu { position: absolute } .navbar-expand-sm .navbar-nav .dropdown-menu-right { right: 0; left: auto } .navbar-expand-sm .navbar-nav .nav-link { padding-right: .5rem; padding-left: .5rem } .navbar-expand-sm>.container, .navbar-expand-sm>.container-fluid { -ms-flex-wrap: nowrap; flex-wrap: nowrap } .navbar-expand-sm .navbar-collapse { display: -ms-flexbox !important; display: flex !important; -ms-flex-preferred-size: auto; flex-basis: auto } .navbar-expand-sm .navbar-toggler { display: none } .navbar-expand-sm .dropup .dropdown-menu { top: auto; bottom: 100% } } @media (max-width:767.98px) { .navbar-expand-md>.container, .navbar-expand-md>.container-fluid { padding-right: 0; padding-left: 0 } } @media (min-width:768px) { .navbar-expand-md { -ms-flex-flow: row nowrap; flex-flow: row nowrap; -ms-flex-pack: start; justify-content: flex-start } .navbar-expand-md .navbar-nav { -ms-flex-direction: row; flex-direction: row } .navbar-expand-md .navbar-nav .dropdown-menu { position: absolute } .navbar-expand-md .navbar-nav .dropdown-menu-right { right: 0; left: auto } .navbar-expand-md .navbar-nav .nav-link { padding-right: .5rem; padding-left: .5rem } .navbar-expand-md>.container, .navbar-expand-md>.container-fluid { -ms-flex-wrap: nowrap; flex-wrap: nowrap } .navbar-expand-md .navbar-collapse { display: -ms-flexbox !important; display: flex !important; -ms-flex-preferred-size: auto; flex-basis: auto } .navbar-expand-md .navbar-toggler { display: none } .navbar-expand-md .dropup .dropdown-menu { top: auto; bottom: 100% } } @media (max-width:1023.98px) { .navbar-expand-lg>.container, .navbar-expand-lg>.container-fluid { padding-right: 0; padding-left: 0 } } @media (min-width:1024px) { .navbar-expand-lg { -ms-flex-flow: row nowrap; flex-flow: row nowrap; -ms-flex-pack: start; justify-content: flex-start } .navbar-expand-lg .navbar-nav { -ms-flex-direction: row; flex-direction: row } .navbar-expand-lg .navbar-nav .dropdown-menu { position: absolute } .navbar-expand-lg .navbar-nav .dropdown-menu-right { right: 0; left: auto } .navbar-expand-lg .navbar-nav .nav-link { padding-right: .5rem; padding-left: .5rem } .navbar-expand-lg>.container, .navbar-expand-lg>.container-fluid { -ms-flex-wrap: nowrap; flex-wrap: nowrap } .navbar-expand-lg .navbar-collapse { display: -ms-flexbox !important; display: flex !important; -ms-flex-preferred-size: auto; flex-basis: auto } .navbar-expand-lg .navbar-toggler { display: none } .navbar-expand-lg .dropup .dropdown-menu { top: auto; bottom: 100% } } @media (max-width:1299.98px) { .navbar-expand-xl>.container, .navbar-expand-xl>.container-fluid { padding-right: 0; padding-left: 0 } } @media (min-width:1300px) { .navbar-expand-xl { -ms-flex-flow: row nowrap; flex-flow: row nowrap; -ms-flex-pack: start; justify-content: flex-start } .navbar-expand-xl .navbar-nav { -ms-flex-direction: row; flex-direction: row } .navbar-expand-xl .navbar-nav .dropdown-menu { position: absolute } .navbar-expand-xl .navbar-nav .dropdown-menu-right { right: 0; left: auto } .navbar-expand-xl .navbar-nav .nav-link { padding-right: .5rem; padding-left: .5rem } .navbar-expand-xl>.container, .navbar-expand-xl>.container-fluid { -ms-flex-wrap: nowrap; flex-wrap: nowrap } .navbar-expand-xl .navbar-collapse { display: -ms-flexbox !important; display: flex !important; -ms-flex-preferred-size: auto; flex-basis: auto } .navbar-expand-xl .navbar-toggler { display: none } .navbar-expand-xl .dropup .dropdown-menu { top: auto; bottom: 100% } } @media (max-width:1599.98px) { .navbar-expand-xxl>.container, .navbar-expand-xxl>.container-fluid { padding-right: 0; padding-left: 0 } } @media (min-width:1600px) { .navbar-expand-xxl { -ms-flex-flow: row nowrap; flex-flow: row nowrap; -ms-flex-pack: start; justify-content: flex-start } .navbar-expand-xxl .navbar-nav { -ms-flex-direction: row; flex-direction: row } .navbar-expand-xxl .navbar-nav .dropdown-menu { position: absolute } .navbar-expand-xxl .navbar-nav .dropdown-menu-right { right: 0; left: auto } .navbar-expand-xxl .navbar-nav .nav-link { padding-right: .5rem; padding-left: .5rem } .navbar-expand-xxl>.container, .navbar-expand-xxl>.container-fluid { -ms-flex-wrap: nowrap; flex-wrap: nowrap } .navbar-expand-xxl .navbar-collapse { display: -ms-flexbox !important; display: flex !important; -ms-flex-preferred-size: auto; flex-basis: auto } .navbar-expand-xxl .navbar-toggler { display: none } .navbar-expand-xxl .dropup .dropdown-menu { top: auto; bottom: 100% } } .navbar-expand { -ms-flex-flow: row nowrap; flex-flow: row nowrap; -ms-flex-pack: start; justify-content: flex-start } .navbar-expand>.container, .navbar-expand>.container-fluid { padding-right: 0; padding-left: 0 } .navbar-expand .navbar-nav { -ms-flex-direction: row; flex-direction: row } .navbar-expand .navbar-nav .dropdown-menu { position: absolute } .navbar-expand .navbar-nav .dropdown-menu-right { right: 0; left: auto } .navbar-expand .navbar-nav .nav-link { padding-right: 8px; padding-right: .5rem; padding-left: 8px; padding-left: .5rem } .navbar-expand>.container, .navbar-expand>.container-fluid { -ms-flex-wrap: nowrap; flex-wrap: nowrap } .navbar-expand .navbar-collapse { display: -ms-flexbox !important; display: flex !important; -ms-flex-preferred-size: auto; flex-basis: auto } .navbar-expand .navbar-toggler { display: none } .navbar-expand .dropup .dropdown-menu { top: auto; bottom: 100% } .navbar-light .navbar-brand, .navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover { color: rgba(0, 0, 0, .9) } .navbar-light .navbar-nav .nav-link { color: rgba(0, 0, 0, .5) } .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover { color: rgba(0, 0, 0, .7) } .navbar-light .navbar-nav .nav-link.disabled { color: rgba(0, 0, 0, .3) } .navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link { color: rgba(0, 0, 0, .9) } .navbar-light .navbar-toggler { color: rgba(0, 0, 0, .5); border-color: rgba(0, 0, 0, .1) } .navbar-light .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E") } .navbar-light .navbar-text { color: rgba(0, 0, 0, .5) } .navbar-light .navbar-text a, .navbar-light .navbar-text a:focus, .navbar-light .navbar-text a:hover { color: rgba(0, 0, 0, .9) } .navbar-dark .navbar-brand, .navbar-dark .navbar-brand:focus, .navbar-dark .navbar-brand:hover { color: #fff } .navbar-dark .navbar-nav .nav-link { color: hsla(0, 0%, 100%, .5) } .navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover { color: hsla(0, 0%, 100%, .75) } .navbar-dark .navbar-nav .nav-link.disabled { color: hsla(0, 0%, 100%, .25) } .navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show>.nav-link { color: #fff } .navbar-dark .navbar-toggler { color: hsla(0, 0%, 100%, .5); border-color: hsla(0, 0%, 100%, .1) } .navbar-dark .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E") } .navbar-dark .navbar-text { color: hsla(0, 0%, 100%, .5) } .navbar-dark .navbar-text a, .navbar-dark .navbar-text a:focus, .navbar-dark .navbar-text a:hover { color: #fff } .card, .module-addons-item-grid .module-addons-item-wrapper-grid, .module-item-wrapper-grid, .module-placeholders-wrapper .timeline-item-wrapper { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; min-width: 0; word-wrap: break-word; background-clip: border-box; border: 1px solid #bbcdd2 } .card>hr, .module-addons-item-grid .module-addons-item-wrapper-grid>hr, .module-item-wrapper-grid>hr, .module-placeholders-wrapper .timeline-item-wrapper>hr { margin-right: 0; margin-left: 0 } .card-body { -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 20px; padding: 1.25rem } .card-title, .module-addons-item-grid .module-addons-item-wrapper-grid .module-item-heading-grid .module-name-grid, .module-addons-item-grid .module-addons-item-wrapper-grid .module-item-heading-grid .module-version-author-grid, .module-item-wrapper-grid .module-item-heading-grid .module-name-grid, .module-item-wrapper-grid .module-item-heading-grid .module-version-author-grid, .module-placeholders-wrapper .timeline-item-wrapper .module-item-heading-grid .module-name-grid, .module-placeholders-wrapper .timeline-item-wrapper .module-item-heading-grid .module-version-author-grid { margin-bottom: 12px; margin-bottom: .75rem } .card-subtitle { margin-top: -6px; margin-top: -.375rem } .card-subtitle, .card-text:last-child { margin-bottom: 0 } .card-link:hover { text-decoration: none } .card-link+.card-link { margin-left: 20px; margin-left: 1.25rem } .card-header { padding: 12px 20px; padding: .75rem 1.25rem; margin-bottom: 0; background-color: rgba(0, 0, 0, .03); border-bottom: 1px solid #bbcdd2 } .card-header+.list-group .list-group-item:first-child { border-top: 0 } .card-footer { padding: 12px 20px; padding: .75rem 1.25rem; background-color: rgba(0, 0, 0, .03); border-top: 1px solid #bbcdd2 } .card-header-tabs { margin-bottom: -12px; margin-bottom: -.75rem; border-bottom: 0 } .card-header-pills, .card-header-tabs { margin-right: -10px; margin-right: -.625rem; margin-left: -10px; margin-left: -.625rem } .card-img, .card-img-bottom, .card-img-top { width: 100% } .card-deck { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column } .card-deck .card, .card-deck .module-addons-item-grid .module-addons-item-wrapper-grid, .card-deck .module-item-wrapper-grid, .card-deck .module-placeholders-wrapper .timeline-item-wrapper, .module-addons-item-grid .card-deck .module-addons-item-wrapper-grid, .module-placeholders-wrapper .card-deck .timeline-item-wrapper { margin-bottom: 15px } @media (min-width:544px) { .card-deck { -ms-flex-flow: row wrap; flex-flow: row wrap; margin-right: -15px; margin-left: -15px } .card-deck .card, .card-deck .module-addons-item-grid .module-addons-item-wrapper-grid, .card-deck .module-item-wrapper-grid, .card-deck .module-placeholders-wrapper .timeline-item-wrapper, .module-addons-item-grid .card-deck .module-addons-item-wrapper-grid, .module-placeholders-wrapper .card-deck .timeline-item-wrapper { display: -ms-flexbox; display: flex; -ms-flex: 1 0 0%; flex: 1 0 0%; -ms-flex-direction: column; flex-direction: column; margin-right: 15px; margin-bottom: 0; margin-left: 15px } } .card-group { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column } .card-group>.card, .card-group>.module-item-wrapper-grid, .module-addons-item-grid .card-group>.module-addons-item-wrapper-grid, .module-placeholders-wrapper .card-group>.timeline-item-wrapper { margin-bottom: 15px } @media (min-width:544px) { .card-group { -ms-flex-flow: row wrap; flex-flow: row wrap } .card-group>.card, .card-group>.module-item-wrapper-grid, .module-addons-item-grid .card-group>.module-addons-item-wrapper-grid, .module-placeholders-wrapper .card-group>.timeline-item-wrapper { -ms-flex: 1 0 0%; flex: 1 0 0%; margin-bottom: 0 } .card-group>.card+.card, .card-group>.card+.module-item-wrapper-grid, .card-group>.module-item-wrapper-grid+.card, .card-group>.module-item-wrapper-grid+.module-item-wrapper-grid, .module-addons-item-grid .card-group>.card+.module-addons-item-wrapper-grid, .module-addons-item-grid .card-group>.module-addons-item-wrapper-grid+.card, .module-addons-item-grid .card-group>.module-addons-item-wrapper-grid+.module-addons-item-wrapper-grid, .module-addons-item-grid .card-group>.module-addons-item-wrapper-grid+.module-item-wrapper-grid, .module-addons-item-grid .card-group>.module-item-wrapper-grid+.module-addons-item-wrapper-grid, .module-addons-item-grid .module-placeholders-wrapper .card-group>.module-addons-item-wrapper-grid+.timeline-item-wrapper, .module-addons-item-grid .module-placeholders-wrapper .card-group>.timeline-item-wrapper+.module-addons-item-wrapper-grid, .module-placeholders-wrapper .card-group>.card+.timeline-item-wrapper, .module-placeholders-wrapper .card-group>.module-item-wrapper-grid+.timeline-item-wrapper, .module-placeholders-wrapper .card-group>.timeline-item-wrapper+.card, .module-placeholders-wrapper .card-group>.timeline-item-wrapper+.module-item-wrapper-grid, .module-placeholders-wrapper .card-group>.timeline-item-wrapper+.timeline-item-wrapper, .module-placeholders-wrapper .module-addons-item-grid .card-group>.module-addons-item-wrapper-grid+.timeline-item-wrapper, .module-placeholders-wrapper .module-addons-item-grid .card-group>.timeline-item-wrapper+.module-addons-item-wrapper-grid { margin-left: 0; border-left: 0 } } .card-columns .card, .card-columns .module-addons-item-grid .module-addons-item-wrapper-grid, .card-columns .module-item-wrapper-grid, .card-columns .module-placeholders-wrapper .timeline-item-wrapper, .module-addons-item-grid .card-columns .module-addons-item-wrapper-grid, .module-placeholders-wrapper .card-columns .timeline-item-wrapper { margin-bottom: 12px; margin-bottom: .75rem } .breadcrumb { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 5px; padding: .3125rem; margin-bottom: 0; list-style: none; background-color: none } .breadcrumb-item+.breadcrumb-item:before { display: inline-block; padding-right: 4.8px; padding-right: .3rem; padding-left: 4.8px; padding-left: .3rem; color: #363a41; content: "/" } .breadcrumb-item+.breadcrumb-item:hover:before { text-decoration: underline; text-decoration: none } .breadcrumb-item.active { color: #282b30 } .pagination { display: -ms-flexbox; display: flex; padding-left: 0; list-style: none } .page-link { position: relative; display: block; padding: 10.4px 8px; padding: .65rem .5rem; margin-left: -1px; line-height: 1.25; border: 1px solid #fff } .page-link, .page-link:hover { color: #6c868e; background-color: #fff } .page-link:hover { text-decoration: none; border-color: #fff } .page-link:focus { z-index: 2; outline: 0; box-shadow: 0 0 0 .2rem rgba(37, 185, 215, .25) } .page-link:not(:disabled):not(.disabled) { cursor: pointer } .page-item:first-child .page-link { margin-left: 0 } .page-item.active .page-link { z-index: 1; color: #25b9d7; background-color: #fff; border-color: #fff } .page-item.disabled .page-link { color: #bbcdd2; pointer-events: none; cursor: auto; background-color: #fff; border-color: #fff } .pagination-lg .page-link { padding: 12px 24px; padding: .75rem 1.5rem; font-size: 16px; font-size: 1rem; line-height: 1.5 } .pagination-sm .page-link { padding: 4px 8px; padding: .25rem .5rem; font-size: 12px; font-size: .75rem; line-height: 1.5 } .badge { display: inline-block; padding: 6.4px; padding: .4rem; font-size: 75%; font-weight: 700; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline } .badge:empty { display: none } .btn .badge { position: relative; top: -1px } .badge-pill { padding-right: .6em; padding-left: .6em } .jumbotron { padding: 32px 16px; padding: 2rem 1rem; margin-bottom: 32px; margin-bottom: 2rem; background-color: #fafbfc } @media (min-width:544px) { .jumbotron { padding: 4rem 2rem } } .jumbotron-fluid { padding-right: 0; padding-left: 0 } .alert { padding: 12px 10px; padding: .75rem .625rem; margin-bottom: 16px; margin-bottom: 1rem; border: 2px solid transparent; border: .125rem solid transparent } .alert-heading { color: inherit } .alert-link { font-weight: 700 } .alert-dismissible { padding-right: 41px; padding-right: 2.5625rem } .alert-dismissible .alert.expandable-alert .read-more, .alert-dismissible .close, .alert.expandable-alert .alert-dismissible .read-more { position: absolute; top: 0; right: 0; padding: 12px 10px; padding: .75rem .625rem; color: inherit } .alert-primary { color: #136070; background-color: #d3f1f7; border-color: #c2ebf4 } .alert-primary hr { border-top-color: #ace4f0 } .alert-primary .alert-link { color: #0c3b44 } .alert-secondary { color: #38464a; background-color: #e2e7e8; border-color: #d6dddf } .alert-secondary hr { border-top-color: #c8d1d4 } .alert-secondary .alert-link { color: #222b2d } .alert-success { color: #3a5e43; background-color: #e2f0e6; border-color: #d7eadb } .alert-success hr { border-top-color: #c6e1cc } .alert-success .alert-link { color: #273e2d } .alert-info { color: #136070; background-color: #d3f1f7; border-color: #c2ebf4 } .alert-info hr { border-top-color: #ace4f0 } .alert-info .alert-link { color: #0c3b44 } .alert-warning { color: #6b4c11; background-color: #f5e9d3; border-color: #f1e1c1 } .alert-warning hr { border-top-color: #ecd7ac } .alert-warning .alert-link { color: #3f2d0a } .alert-danger { color: #643036; background-color: #f2dee1; border-color: #edd1d4 } .alert-danger hr { border-top-color: #e6bfc3 } .alert-danger .alert-link { color: #421f23 } .alert-light { color: #828383; background-color: #fefefe; border-color: #fefefe } .alert-light hr { border-top-color: #f1f1f1 } .alert-light .alert-link { color: dimgray } .alert-dark { color: #1c1e22; background-color: #d7d8d9; border-color: #c7c8ca } .alert-dark hr { border-top-color: #babbbe } .alert-dark .alert-link { color: #050506 } @keyframes progress-bar-stripes { 0% { background-position: 1rem 0 } to { background-position: 0 0 } } .progress { height: 16px; height: 1rem; overflow: hidden; font-size: 10.5px; font-size: .65625rem; background-color: #fafbfc; box-shadow: inset 0 .1rem .1rem rgba(0, 0, 0, .1) } .progress, .progress-bar { display: -ms-flexbox; display: flex } .progress-bar { -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; color: #fff; text-align: center; background-color: #25b9d7; transition: width .6s ease } .progress-bar-striped { background-image: linear-gradient(45deg, hsla(0, 0%, 100%, .15) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, .15) 0, hsla(0, 0%, 100%, .15) 75%, transparent 0, transparent); background-size: 1rem 1rem } .progress-bar-animated { animation: progress-bar-stripes 1s linear infinite } .media { display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start } .media-body { -ms-flex: 1; flex: 1 } .list-group { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; padding-left: 0; margin-bottom: 0 } .list-group-item-action { width: 100%; color: #363a41; text-align: inherit } .list-group-item-action:focus, .list-group-item-action:hover { color: #fff; text-decoration: none; background-color: #3ed2f0 } .list-group-item-action:active { color: #363a41; background-color: #fafbfc } .list-group-item { position: relative; display: block; padding: 6px 7px; padding: .375rem .4375rem; margin-bottom: -1px; background-color: #fff; border: 1px solid #bbcdd2 } .list-group-item:last-child { margin-bottom: 0 } .list-group-item:focus, .list-group-item:hover { z-index: 1; text-decoration: none } .list-group-item.disabled, .list-group-item:disabled { color: #bbcdd2; background-color: #fff } .list-group-item.active { z-index: 2; color: #fff; background-color: #3ed2f0; border-color: #3ed2f0 } .list-group-flush .list-group-item { border-right: 0; border-left: 0 } .list-group-flush:first-child .list-group-item:first-child { border-top: 0 } .list-group-flush:last-child .list-group-item:last-child { border-bottom: 0 } .list-group-item-primary { color: #136070; background-color: #c2ebf4 } .list-group-item-primary.list-group-item-action:focus, .list-group-item-primary.list-group-item-action:hover { color: #136070; background-color: #ace4f0 } .list-group-item-primary.list-group-item-action.active { color: #fff; background-color: #136070; border-color: #136070 } .list-group-item-secondary { color: #38464a; background-color: #d6dddf } .list-group-item-secondary.list-group-item-action:focus, .list-group-item-secondary.list-group-item-action:hover { color: #38464a; background-color: #c8d1d4 } .list-group-item-secondary.list-group-item-action.active { color: #fff; background-color: #38464a; border-color: #38464a } .list-group-item-success { color: #3a5e43; background-color: #d7eadb } .list-group-item-success.list-group-item-action:focus, .list-group-item-success.list-group-item-action:hover { color: #3a5e43; background-color: #c6e1cc } .list-group-item-success.list-group-item-action.active { color: #fff; background-color: #3a5e43; border-color: #3a5e43 } .list-group-item-info { color: #136070; background-color: #c2ebf4 } .list-group-item-info.list-group-item-action:focus, .list-group-item-info.list-group-item-action:hover { color: #136070; background-color: #ace4f0 } .list-group-item-info.list-group-item-action.active { color: #fff; background-color: #136070; border-color: #136070 } .list-group-item-warning { color: #6b4c11; background-color: #f1e1c1 } .list-group-item-warning.list-group-item-action:focus, .list-group-item-warning.list-group-item-action:hover { color: #6b4c11; background-color: #ecd7ac } .list-group-item-warning.list-group-item-action.active { color: #fff; background-color: #6b4c11; border-color: #6b4c11 } .list-group-item-danger { color: #643036; background-color: #edd1d4 } .list-group-item-danger.list-group-item-action:focus, .list-group-item-danger.list-group-item-action:hover { color: #643036; background-color: #e6bfc3 } .list-group-item-danger.list-group-item-action.active { color: #fff; background-color: #643036; border-color: #643036 } .list-group-item-light { color: #828383; background-color: #fefefe } .list-group-item-light.list-group-item-action:focus, .list-group-item-light.list-group-item-action:hover { color: #828383; background-color: #f1f1f1 } .list-group-item-light.list-group-item-action.active { color: #fff; background-color: #828383; border-color: #828383 } .list-group-item-dark { color: #1c1e22; background-color: #c7c8ca } .list-group-item-dark.list-group-item-action:focus, .list-group-item-dark.list-group-item-action:hover { color: #1c1e22; background-color: #babbbe } .list-group-item-dark.list-group-item-action.active { color: #fff; background-color: #1c1e22; border-color: #1c1e22 } .alert.expandable-alert .read-more, .close { float: right; font-size: 21px; font-size: 1.3125rem; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: .5 } .alert.expandable-alert .read-more:focus, .alert.expandable-alert .read-more:hover, .close:focus, .close:hover { color: #000; text-decoration: none; opacity: .75 } .alert.expandable-alert .read-more:not(:disabled):not(.disabled), .close:not(:disabled):not(.disabled) { cursor: pointer } .alert.expandable-alert button.read-more, button.close { padding: 0; background-color: transparent; border: 0; -webkit-appearance: none } .modal, .modal-open { overflow: hidden } .modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; display: none; outline: 0 } .modal-open .modal { overflow-x: hidden; overflow-y: auto } .modal-dialog { position: relative; width: auto; margin: 8px; margin: .5rem; pointer-events: none } .modal.fade .modal-dialog { transition: transform .3s ease-out; transform: translateY(-25%) } .modal.show .modal-dialog { transform: translate(0) } .modal-dialog-centered { -ms-flex-align: center; align-items: center; min-height: calc(100% - 1rem) } .modal-content, .modal-dialog-centered { display: -ms-flexbox; display: flex } .modal-content { position: relative; -ms-flex-direction: column; flex-direction: column; width: 100%; pointer-events: auto; background-color: #fff; background-clip: padding-box; border: 1px none; box-shadow: 1px 2px 3px 0 rgba(108, 134, 142, .3); outline: 0 } .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000 } .modal-backdrop.fade { opacity: 0 } .modal-backdrop.show { opacity: .5 } .modal-header { display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; -ms-flex-pack: justify; justify-content: space-between; padding: 30px; padding: 1.875rem; border-bottom: 1px none } .alert.expandable-alert .modal-header .read-more, .modal-header .alert.expandable-alert .read-more, .modal-header .close { padding: 30px; padding: 1.875rem; margin: -30px -30px -30px auto; margin: -1.875rem -1.875rem -1.875rem auto } .modal-title { line-height: 1.5 } .modal-body { position: relative; -ms-flex: 1 1 auto; flex: 1 1 auto } .modal-body, .modal-footer { padding: 30px; padding: 1.875rem } .modal-footer { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: end; justify-content: flex-end; border-top: 1px none } .modal-footer>:not(:first-child) { margin-left: 4px; margin-left: .25rem } .modal-footer>:not(:last-child) { margin-right: 4px; margin-right: .25rem } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll } @media (min-width:544px) { .modal-dialog { max-width: 680px; margin: 1.75rem auto } .modal-dialog-centered { min-height: calc(100% - 3.5rem) } .modal-content { box-shadow: 1px 2px 3px 0 rgba(108, 134, 142, .3) } .modal-sm { max-width: 400px } } @media (min-width:1024px) { .modal-lg { max-width: 900px } } .tooltip { position: absolute; z-index: 1070; display: block; margin: 0; font-family: Open Sans, Helvetica, Arial, sans-serif; font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: 12px; font-size: .75rem; word-wrap: break-word; opacity: 0 } .tooltip.show { opacity: .9 } .tooltip .arrow { position: absolute; display: block; width: 12.8px; width: .8rem; height: 6.4px; height: .4rem } .tooltip .arrow:before { position: absolute; content: ""; border-color: transparent; border-style: solid } .bs-tooltip-auto[x-placement^=top], .bs-tooltip-top { padding: 6.4px 0; padding: .4rem 0 } .bs-tooltip-auto[x-placement^=top] .arrow, .bs-tooltip-top .arrow { bottom: 0 } .bs-tooltip-auto[x-placement^=top] .arrow:before, .bs-tooltip-top .arrow:before { top: 0; border-width: 6.4px 6.4px 0; border-width: .4rem .4rem 0; border-top-color: #6c868e } .bs-tooltip-auto[x-placement^=right], .bs-tooltip-right { padding: 0 6.4px; padding: 0 .4rem } .bs-tooltip-auto[x-placement^=right] .arrow, .bs-tooltip-right .arrow { left: 0; width: 6.4px; width: .4rem; height: 12.8px; height: .8rem } .bs-tooltip-auto[x-placement^=right] .arrow:before, .bs-tooltip-right .arrow:before { right: 0; border-width: 6.4px 6.4px 6.4px 0; border-width: .4rem .4rem .4rem 0; border-right-color: #6c868e } .bs-tooltip-auto[x-placement^=bottom], .bs-tooltip-bottom { padding: 6.4px 0; padding: .4rem 0 } .bs-tooltip-auto[x-placement^=bottom] .arrow, .bs-tooltip-bottom .arrow { top: 0 } .bs-tooltip-auto[x-placement^=bottom] .arrow:before, .bs-tooltip-bottom .arrow:before { bottom: 0; border-width: 0 6.4px 6.4px; border-width: 0 .4rem .4rem; border-bottom-color: #6c868e } .bs-tooltip-auto[x-placement^=left], .bs-tooltip-left { padding: 0 6.4px; padding: 0 .4rem } .bs-tooltip-auto[x-placement^=left] .arrow, .bs-tooltip-left .arrow { right: 0; width: 6.4px; width: .4rem; height: 12.8px; height: .8rem } .bs-tooltip-auto[x-placement^=left] .arrow:before, .bs-tooltip-left .arrow:before { left: 0; border-width: 6.4px 0 6.4px 6.4px; border-width: .4rem 0 .4rem .4rem; border-left-color: #6c868e } .tooltip-inner { max-width: 200px; padding: 10px 20px; padding: .625rem 1.25rem; color: #fff; text-align: center; background-color: #6c868e } .popover { top: 0; left: 0; z-index: 1060; max-width: 276px; font-family: Open Sans, Helvetica, Arial, sans-serif; font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: 12px; font-size: .75rem; word-wrap: break-word; background-color: #fff; background-clip: padding-box; border: 1px solid #bbcdd2; box-shadow: none } .popover, .popover .arrow { position: absolute; display: block } .popover .arrow { width: 16px; width: 1rem; height: 8px; height: .5rem; margin: 0 4.8px; margin: 0 .3rem } .popover .arrow:after, .popover .arrow:before { position: absolute; display: block; content: ""; border-color: transparent; border-style: solid } .bs-popover-auto[x-placement^=top], .bs-popover-top { margin-bottom: 8px; margin-bottom: .5rem } .bs-popover-auto[x-placement^=top] .arrow, .bs-popover-top .arrow { bottom: calc((.5rem + 1px) * -1) } .bs-popover-auto[x-placement^=top] .arrow:after, .bs-popover-auto[x-placement^=top] .arrow:before, .bs-popover-top .arrow:after, .bs-popover-top .arrow:before { border-width: 8px 8px 0; border-width: .5rem .5rem 0 } .bs-popover-auto[x-placement^=top] .arrow:before, .bs-popover-top .arrow:before { bottom: 0; border-top-color: #bbcdd2 } .bs-popover-auto[x-placement^=top] .arrow:after, .bs-popover-top .arrow:after { bottom: 1px; border-top-color: #fff } .bs-popover-auto[x-placement^=right], .bs-popover-right { margin-left: 8px; margin-left: .5rem } .bs-popover-auto[x-placement^=right] .arrow, .bs-popover-right .arrow { left: calc((.5rem + 1px) * -1); width: 8px; width: .5rem; height: 16px; height: 1rem; margin: 4.8px 0; margin: .3rem 0 } .bs-popover-auto[x-placement^=right] .arrow:after, .bs-popover-auto[x-placement^=right] .arrow:before, .bs-popover-right .arrow:after, .bs-popover-right .arrow:before { border-width: 8px 8px 8px 0; border-width: .5rem .5rem .5rem 0 } .bs-popover-auto[x-placement^=right] .arrow:before, .bs-popover-right .arrow:before { left: 0; border-right-color: #bbcdd2 } .bs-popover-auto[x-placement^=right] .arrow:after, .bs-popover-right .arrow:after { left: 1px; border-right-color: #fff } .bs-popover-auto[x-placement^=bottom], .bs-popover-bottom { margin-top: 8px; margin-top: .5rem } .bs-popover-auto[x-placement^=bottom] .arrow, .bs-popover-bottom .arrow { top: calc((.5rem + 1px) * -1) } .bs-popover-auto[x-placement^=bottom] .arrow:after, .bs-popover-auto[x-placement^=bottom] .arrow:before, .bs-popover-bottom .arrow:after, .bs-popover-bottom .arrow:before { border-width: 0 8px 8px; border-width: 0 .5rem .5rem } .bs-popover-auto[x-placement^=bottom] .arrow:before, .bs-popover-bottom .arrow:before { top: 0; border-bottom-color: #bbcdd2 } .bs-popover-auto[x-placement^=bottom] .arrow:after, .bs-popover-bottom .arrow:after { top: 1px; border-bottom-color: #fff } .bs-popover-auto[x-placement^=bottom] .popover-header:before, .bs-popover-bottom .popover-header:before { position: absolute; top: 0; left: 50%; display: block; width: 16px; width: 1rem; margin-left: -8px; margin-left: -.5rem; content: ""; border-bottom: 1px solid #fafbfc } .bs-popover-auto[x-placement^=left], .bs-popover-left { margin-right: 8px; margin-right: .5rem } .bs-popover-auto[x-placement^=left] .arrow, .bs-popover-left .arrow { right: calc((.5rem + 1px) * -1); width: 8px; width: .5rem; height: 16px; height: 1rem; margin: 4.8px 0; margin: .3rem 0 } .bs-popover-auto[x-placement^=left] .arrow:after, .bs-popover-auto[x-placement^=left] .arrow:before, .bs-popover-left .arrow:after, .bs-popover-left .arrow:before { border-width: 8px 0 8px 8px; border-width: .5rem 0 .5rem .5rem } .bs-popover-auto[x-placement^=left] .arrow:before, .bs-popover-left .arrow:before { right: 0; border-left-color: #bbcdd2 } .bs-popover-auto[x-placement^=left] .arrow:after, .bs-popover-left .arrow:after { right: 1px; border-left-color: #fff } .popover-header { padding: 10px 20px; padding: .625rem 1.25rem; margin-bottom: 0; font-size: 14px; font-size: .875rem; color: #363a41; background-color: #fafbfc; border-bottom: 1px solid #eaeef2 } .popover-header:empty { display: none } .popover-body { padding: 10px 20px; padding: .625rem 1.25rem; color: #363a41 } .carousel { position: relative } .carousel-inner { position: relative; width: 100%; overflow: hidden } .carousel-item { position: relative; display: none; -ms-flex-align: center; align-items: center; width: 100%; transition: transform .6s ease; -webkit-backface-visibility: hidden; backface-visibility: hidden; perspective: 1000px } .carousel-item-next, .carousel-item-prev, .carousel-item.active { display: block } .carousel-item-next, .carousel-item-prev { position: absolute; top: 0 } .carousel-item-next.carousel-item-left, .carousel-item-prev.carousel-item-right { transform: translateX(0) } @supports (transform-style:preserve-3d) { .carousel-item-next.carousel-item-left, .carousel-item-prev.carousel-item-right { transform: translateZ(0) } } .active.carousel-item-right, .carousel-item-next { transform: translateX(100%) } @supports (transform-style:preserve-3d) { .active.carousel-item-right, .carousel-item-next { transform: translate3d(100%, 0, 0) } } .active.carousel-item-left, .carousel-item-prev { transform: translateX(-100%) } @supports (transform-style:preserve-3d) { .active.carousel-item-left, .carousel-item-prev { transform: translate3d(-100%, 0, 0) } } .carousel-control-next, .carousel-control-prev { position: absolute; top: 0; bottom: 0; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; width: 15%; color: #fff; text-align: center; opacity: .5 } .carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover { color: #fff; text-decoration: none; outline: 0; opacity: .9 } .carousel-control-prev { left: 0 } .carousel-control-next { right: 0 } .carousel-control-next-icon, .carousel-control-prev-icon { display: inline-block; width: 20px; height: 20px; background: transparent no-repeat 50%; background-size: 100% 100% } .carousel-control-prev-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E") } .carousel-control-next-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E") } .carousel-indicators { position: absolute; right: 0; bottom: 10px; left: 0; z-index: 15; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; padding-left: 0; margin-right: 15%; margin-left: 15%; list-style: none } .carousel-indicators li { position: relative; -ms-flex: 0 1 auto; flex: 0 1 auto; width: 30px; height: 3px; margin-right: 3px; margin-left: 3px; text-indent: -999px; background-color: hsla(0, 0%, 100%, .5) } .carousel-indicators li:before { top: -10px } .carousel-indicators li:after, .carousel-indicators li:before { position: absolute; left: 0; display: inline-block; width: 100%; height: 10px; content: "" } .carousel-indicators li:after { bottom: -10px } .carousel-indicators .active { background-color: #fff } .carousel-caption { position: absolute; right: 15%; bottom: 20px; left: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center } .align-baseline { vertical-align: baseline !important } .align-top { vertical-align: top !important } .align-middle { vertical-align: middle !important } .align-bottom { vertical-align: bottom !important } .align-text-bottom { vertical-align: text-bottom !important } .align-text-top { vertical-align: text-top !important } .bg-primary { background-color: #25b9d7 !important } .breadcrumb li>a.bg-primary:hover, a.bg-primary:focus, a.bg-primary:hover, button.bg-primary:focus, button.bg-primary:hover { background-color: #1e94ab !important } .bg-secondary { background-color: #6c868e !important } .breadcrumb li>a.bg-secondary:hover, a.bg-secondary:focus, a.bg-secondary:hover, button.bg-secondary:focus, button.bg-secondary:hover { background-color: #566b71 !important } .bg-success { background-color: #70b580 !important } .breadcrumb li>a.bg-success:hover, a.bg-success:focus, a.bg-success:hover, button.bg-success:focus, button.bg-success:hover { background-color: #539f64 !important } .bg-info { background-color: #25b9d7 !important } .breadcrumb li>a.bg-info:hover, a.bg-info:focus, a.bg-info:hover, button.bg-info:focus, button.bg-info:hover { background-color: #1e94ab !important } .bg-warning { background-color: #cd9321 !important } .breadcrumb li>a.bg-warning:hover, a.bg-warning:focus, a.bg-warning:hover, button.bg-warning:focus, button.bg-warning:hover { background-color: #a1741a !important } .bg-danger { background-color: #c05c67 !important } .breadcrumb li>a.bg-danger:hover, a.bg-danger:focus, a.bg-danger:hover, button.bg-danger:focus, button.bg-danger:hover { background-color: #a8414c !important } .bg-light { background-color: #fafbfc !important } .breadcrumb li>a.bg-light:hover, a.bg-light:focus, a.bg-light:hover, button.bg-light:focus, button.bg-light:hover { background-color: #dae2e9 !important } .bg-dark { background-color: #363a41 !important } .breadcrumb li>a.bg-dark:hover, a.bg-dark:focus, a.bg-dark:hover, button.bg-dark:focus, button.bg-dark:hover { background-color: #1f2125 !important } .bg-white { background-color: #fff !important } .bg-transparent { background-color: transparent !important } .border { border: 1px solid #bbcdd2 !important } .border-top { border-top: 1px solid #bbcdd2 !important } .border-right { border-right: 1px solid #bbcdd2 !important } .border-bottom { border-bottom: 1px solid #bbcdd2 !important } .border-left { border-left: 1px solid #bbcdd2 !important } .border-0 { border: 0 !important } .border-top-0 { border-top: 0 !important } .border-right-0 { border-right: 0 !important } .border-bottom-0 { border-bottom: 0 !important } .border-left-0 { border-left: 0 !important } .border-primary { border-color: #25b9d7 !important } .border-secondary { border-color: #6c868e !important } .border-success { border-color: #70b580 !important } .border-info { border-color: #25b9d7 !important } .border-warning { border-color: #cd9321 !important } .border-danger { border-color: #c05c67 !important } .border-light { border-color: #fafbfc !important } .border-dark { border-color: #363a41 !important } .border-white { border-color: #fff !important } .rounded { border-radius: .25rem !important } .rounded-top { border-top-left-radius: 4px !important; border-top-left-radius: .25rem !important } .rounded-right, .rounded-top { border-top-right-radius: 4px !important; border-top-right-radius: .25rem !important } .rounded-bottom, .rounded-right { border-bottom-right-radius: 4px !important; border-bottom-right-radius: .25rem !important } .rounded-bottom, .rounded-left { border-bottom-left-radius: 4px !important; border-bottom-left-radius: .25rem !important } .rounded-left { border-top-left-radius: 4px !important; border-top-left-radius: .25rem !important } .rounded-circle { border-radius: 50% !important } .rounded-0 { border-radius: 0 !important } .clearfix:after { display: block; clear: both; content: "" } .d-none { display: none !important } .d-inline { display: inline !important } .d-inline-block { display: inline-block !important } .d-block { display: block !important } .d-table { display: table !important } .d-table-row { display: table-row !important } .d-table-cell { display: table-cell !important } #id-product-redirected .typeahead-list li, #related-product .typeahead-list li, .d-flex { display: -ms-flexbox !important; display: flex !important } .d-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important } @media (min-width:544px) { .d-sm-none { display: none !important } .d-sm-inline { display: inline !important } .d-sm-inline-block { display: inline-block !important } .d-sm-block { display: block !important } .d-sm-table { display: table !important } .d-sm-table-row { display: table-row !important } .d-sm-table-cell { display: table-cell !important } .d-sm-flex { display: -ms-flexbox !important; display: flex !important } .d-sm-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important } } @media (min-width:768px) { .d-md-none { display: none !important } .d-md-inline { display: inline !important } .d-md-inline-block { display: inline-block !important } .d-md-block { display: block !important } .d-md-table { display: table !important } .d-md-table-row { display: table-row !important } .d-md-table-cell { display: table-cell !important } .d-md-flex { display: -ms-flexbox !important; display: flex !important } .d-md-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important } } @media (min-width:1024px) { .d-lg-none { display: none !important } .d-lg-inline { display: inline !important } .d-lg-inline-block { display: inline-block !important } .d-lg-block { display: block !important } .d-lg-table { display: table !important } .d-lg-table-row { display: table-row !important } .d-lg-table-cell { display: table-cell !important } .d-lg-flex { display: -ms-flexbox !important; display: flex !important } .d-lg-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important } } @media (min-width:1300px) { .d-xl-none { display: none !important } .d-xl-inline { display: inline !important } .d-xl-inline-block { display: inline-block !important } .d-xl-block { display: block !important } .d-xl-table { display: table !important } .d-xl-table-row { display: table-row !important } .d-xl-table-cell { display: table-cell !important } .d-xl-flex { display: -ms-flexbox !important; display: flex !important } .d-xl-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important } } @media (min-width:1600px) { .d-xxl-none { display: none !important } .d-xxl-inline { display: inline !important } .d-xxl-inline-block { display: inline-block !important } .d-xxl-block { display: block !important } .d-xxl-table { display: table !important } .d-xxl-table-row { display: table-row !important } .d-xxl-table-cell { display: table-cell !important } .d-xxl-flex { display: -ms-flexbox !important; display: flex !important } .d-xxl-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important } } @media print { .d-print-none { display: none !important } .d-print-inline { display: inline !important } .d-print-inline-block { display: inline-block !important } .d-print-block { display: block !important } .d-print-table { display: table !important } .d-print-table-row { display: table-row !important } .d-print-table-cell { display: table-cell !important } .d-print-flex { display: -ms-flexbox !important; display: flex !important } .d-print-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important } } .embed-responsive { position: relative; display: block; width: 100%; padding: 0; overflow: hidden } .embed-responsive:before { display: block; content: "" } .embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0 } .embed-responsive-21by9:before { padding-top: 42.85714% } .embed-responsive-16by9:before { padding-top: 56.25% } .embed-responsive-4by3:before { padding-top: 75% } .embed-responsive-1by1:before { padding-top: 100% } .flex-row { -ms-flex-direction: row !important; flex-direction: row !important } .flex-column { -ms-flex-direction: column !important; flex-direction: column !important } .flex-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important } .flex-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important } .flex-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important } .flex-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important } .flex-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important } .justify-content-start { -ms-flex-pack: start !important; justify-content: flex-start !important } .justify-content-end { -ms-flex-pack: end !important; justify-content: flex-end !important } .justify-content-center { -ms-flex-pack: center !important; justify-content: center !important } .justify-content-between { -ms-flex-pack: justify !important; justify-content: space-between !important } .justify-content-around { -ms-flex-pack: distribute !important; justify-content: space-around !important } .align-items-start { -ms-flex-align: start !important; align-items: flex-start !important } .align-items-end { -ms-flex-align: end !important; align-items: flex-end !important } #id-product-redirected .typeahead-list li, #related-product .typeahead-list li, .align-items-center { -ms-flex-align: center !important; align-items: center !important } .align-items-baseline { -ms-flex-align: baseline !important; align-items: baseline !important } .align-items-stretch { -ms-flex-align: stretch !important; align-items: stretch !important } .align-content-start { -ms-flex-line-pack: start !important; align-content: flex-start !important } .align-content-end { -ms-flex-line-pack: end !important; align-content: flex-end !important } .align-content-center { -ms-flex-line-pack: center !important; align-content: center !important } .align-content-between { -ms-flex-line-pack: justify !important; align-content: space-between !important } .align-content-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important } .align-content-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important } .align-self-auto { -ms-flex-item-align: auto !important; -ms-grid-row-align: auto !important; align-self: auto !important } .align-self-start { -ms-flex-item-align: start !important; align-self: flex-start !important } .align-self-end { -ms-flex-item-align: end !important; align-self: flex-end !important } .align-self-center { -ms-flex-item-align: center !important; -ms-grid-row-align: center !important; align-self: center !important } .align-self-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important } .align-self-stretch { -ms-flex-item-align: stretch !important; -ms-grid-row-align: stretch !important; align-self: stretch !important } @media (min-width:544px) { .flex-sm-row { -ms-flex-direction: row !important; flex-direction: row !important } .flex-sm-column { -ms-flex-direction: column !important; flex-direction: column !important } .flex-sm-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important } .flex-sm-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important } .flex-sm-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important } .flex-sm-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important } .flex-sm-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important } .justify-content-sm-start { -ms-flex-pack: start !important; justify-content: flex-start !important } .justify-content-sm-end { -ms-flex-pack: end !important; justify-content: flex-end !important } .justify-content-sm-center { -ms-flex-pack: center !important; justify-content: center !important } .justify-content-sm-between { -ms-flex-pack: justify !important; justify-content: space-between !important } .justify-content-sm-around { -ms-flex-pack: distribute !important; justify-content: space-around !important } .align-items-sm-start { -ms-flex-align: start !important; align-items: flex-start !important } .align-items-sm-end { -ms-flex-align: end !important; align-items: flex-end !important } .align-items-sm-center { -ms-flex-align: center !important; align-items: center !important } .align-items-sm-baseline { -ms-flex-align: baseline !important; align-items: baseline !important } .align-items-sm-stretch { -ms-flex-align: stretch !important; align-items: stretch !important } .align-content-sm-start { -ms-flex-line-pack: start !important; align-content: flex-start !important } .align-content-sm-end { -ms-flex-line-pack: end !important; align-content: flex-end !important } .align-content-sm-center { -ms-flex-line-pack: center !important; align-content: center !important } .align-content-sm-between { -ms-flex-line-pack: justify !important; align-content: space-between !important } .align-content-sm-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important } .align-content-sm-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important } .align-self-sm-auto { -ms-flex-item-align: auto !important; -ms-grid-row-align: auto !important; align-self: auto !important } .align-self-sm-start { -ms-flex-item-align: start !important; align-self: flex-start !important } .align-self-sm-end { -ms-flex-item-align: end !important; align-self: flex-end !important } .align-self-sm-center { -ms-flex-item-align: center !important; -ms-grid-row-align: center !important; align-self: center !important } .align-self-sm-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important } .align-self-sm-stretch { -ms-flex-item-align: stretch !important; -ms-grid-row-align: stretch !important; align-self: stretch !important } } @media (min-width:768px) { .flex-md-row { -ms-flex-direction: row !important; flex-direction: row !important } .flex-md-column { -ms-flex-direction: column !important; flex-direction: column !important } .flex-md-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important } .flex-md-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important } .flex-md-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important } .flex-md-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important } .flex-md-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important } .justify-content-md-start { -ms-flex-pack: start !important; justify-content: flex-start !important } .justify-content-md-end { -ms-flex-pack: end !important; justify-content: flex-end !important } .justify-content-md-center { -ms-flex-pack: center !important; justify-content: center !important } .justify-content-md-between { -ms-flex-pack: justify !important; justify-content: space-between !important } .justify-content-md-around { -ms-flex-pack: distribute !important; justify-content: space-around !important } .align-items-md-start { -ms-flex-align: start !important; align-items: flex-start !important } .align-items-md-end { -ms-flex-align: end !important; align-items: flex-end !important } .align-items-md-center { -ms-flex-align: center !important; align-items: center !important } .align-items-md-baseline { -ms-flex-align: baseline !important; align-items: baseline !important } .align-items-md-stretch { -ms-flex-align: stretch !important; align-items: stretch !important } .align-content-md-start { -ms-flex-line-pack: start !important; align-content: flex-start !important } .align-content-md-end { -ms-flex-line-pack: end !important; align-content: flex-end !important } .align-content-md-center { -ms-flex-line-pack: center !important; align-content: center !important } .align-content-md-between { -ms-flex-line-pack: justify !important; align-content: space-between !important } .align-content-md-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important } .align-content-md-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important } .align-self-md-auto { -ms-flex-item-align: auto !important; -ms-grid-row-align: auto !important; align-self: auto !important } .align-self-md-start { -ms-flex-item-align: start !important; align-self: flex-start !important } .align-self-md-end { -ms-flex-item-align: end !important; align-self: flex-end !important } .align-self-md-center { -ms-flex-item-align: center !important; -ms-grid-row-align: center !important; align-self: center !important } .align-self-md-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important } .align-self-md-stretch { -ms-flex-item-align: stretch !important; -ms-grid-row-align: stretch !important; align-self: stretch !important } } @media (min-width:1024px) { .flex-lg-row { -ms-flex-direction: row !important; flex-direction: row !important } .flex-lg-column { -ms-flex-direction: column !important; flex-direction: column !important } .flex-lg-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important } .flex-lg-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important } .flex-lg-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important } .flex-lg-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important } .flex-lg-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important } .justify-content-lg-start { -ms-flex-pack: start !important; justify-content: flex-start !important } .justify-content-lg-end { -ms-flex-pack: end !important; justify-content: flex-end !important } .justify-content-lg-center { -ms-flex-pack: center !important; justify-content: center !important } .justify-content-lg-between { -ms-flex-pack: justify !important; justify-content: space-between !important } .justify-content-lg-around { -ms-flex-pack: distribute !important; justify-content: space-around !important } .align-items-lg-start { -ms-flex-align: start !important; align-items: flex-start !important } .align-items-lg-end { -ms-flex-align: end !important; align-items: flex-end !important } .align-items-lg-center { -ms-flex-align: center !important; align-items: center !important } .align-items-lg-baseline { -ms-flex-align: baseline !important; align-items: baseline !important } .align-items-lg-stretch { -ms-flex-align: stretch !important; align-items: stretch !important } .align-content-lg-start { -ms-flex-line-pack: start !important; align-content: flex-start !important } .align-content-lg-end { -ms-flex-line-pack: end !important; align-content: flex-end !important } .align-content-lg-center { -ms-flex-line-pack: center !important; align-content: center !important } .align-content-lg-between { -ms-flex-line-pack: justify !important; align-content: space-between !important } .align-content-lg-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important } .align-content-lg-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important } .align-self-lg-auto { -ms-flex-item-align: auto !important; -ms-grid-row-align: auto !important; align-self: auto !important } .align-self-lg-start { -ms-flex-item-align: start !important; align-self: flex-start !important } .align-self-lg-end { -ms-flex-item-align: end !important; align-self: flex-end !important } .align-self-lg-center { -ms-flex-item-align: center !important; -ms-grid-row-align: center !important; align-self: center !important } .align-self-lg-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important } .align-self-lg-stretch { -ms-flex-item-align: stretch !important; -ms-grid-row-align: stretch !important; align-self: stretch !important } } @media (min-width:1300px) { .flex-xl-row { -ms-flex-direction: row !important; flex-direction: row !important } .flex-xl-column { -ms-flex-direction: column !important; flex-direction: column !important } .flex-xl-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important } .flex-xl-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important } .flex-xl-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important } .flex-xl-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important } .flex-xl-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important } .justify-content-xl-start { -ms-flex-pack: start !important; justify-content: flex-start !important } .justify-content-xl-end { -ms-flex-pack: end !important; justify-content: flex-end !important } .justify-content-xl-center { -ms-flex-pack: center !important; justify-content: center !important } .justify-content-xl-between { -ms-flex-pack: justify !important; justify-content: space-between !important } .justify-content-xl-around { -ms-flex-pack: distribute !important; justify-content: space-around !important } .align-items-xl-start { -ms-flex-align: start !important; align-items: flex-start !important } .align-items-xl-end { -ms-flex-align: end !important; align-items: flex-end !important } .align-items-xl-center { -ms-flex-align: center !important; align-items: center !important } .align-items-xl-baseline { -ms-flex-align: baseline !important; align-items: baseline !important } .align-items-xl-stretch { -ms-flex-align: stretch !important; align-items: stretch !important } .align-content-xl-start { -ms-flex-line-pack: start !important; align-content: flex-start !important } .align-content-xl-end { -ms-flex-line-pack: end !important; align-content: flex-end !important } .align-content-xl-center { -ms-flex-line-pack: center !important; align-content: center !important } .align-content-xl-between { -ms-flex-line-pack: justify !important; align-content: space-between !important } .align-content-xl-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important } .align-content-xl-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important } .align-self-xl-auto { -ms-flex-item-align: auto !important; -ms-grid-row-align: auto !important; align-self: auto !important } .align-self-xl-start { -ms-flex-item-align: start !important; align-self: flex-start !important } .align-self-xl-end { -ms-flex-item-align: end !important; align-self: flex-end !important } .align-self-xl-center { -ms-flex-item-align: center !important; -ms-grid-row-align: center !important; align-self: center !important } .align-self-xl-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important } .align-self-xl-stretch { -ms-flex-item-align: stretch !important; -ms-grid-row-align: stretch !important; align-self: stretch !important } } @media (min-width:1600px) { .flex-xxl-row { -ms-flex-direction: row !important; flex-direction: row !important } .flex-xxl-column { -ms-flex-direction: column !important; flex-direction: column !important } .flex-xxl-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important } .flex-xxl-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important } .flex-xxl-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important } .flex-xxl-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important } .flex-xxl-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important } .justify-content-xxl-start { -ms-flex-pack: start !important; justify-content: flex-start !important } .justify-content-xxl-end { -ms-flex-pack: end !important; justify-content: flex-end !important } .justify-content-xxl-center { -ms-flex-pack: center !important; justify-content: center !important } .justify-content-xxl-between { -ms-flex-pack: justify !important; justify-content: space-between !important } .justify-content-xxl-around { -ms-flex-pack: distribute !important; justify-content: space-around !important } .align-items-xxl-start { -ms-flex-align: start !important; align-items: flex-start !important } .align-items-xxl-end { -ms-flex-align: end !important; align-items: flex-end !important } .align-items-xxl-center { -ms-flex-align: center !important; align-items: center !important } .align-items-xxl-baseline { -ms-flex-align: baseline !important; align-items: baseline !important } .align-items-xxl-stretch { -ms-flex-align: stretch !important; align-items: stretch !important } .align-content-xxl-start { -ms-flex-line-pack: start !important; align-content: flex-start !important } .align-content-xxl-end { -ms-flex-line-pack: end !important; align-content: flex-end !important } .align-content-xxl-center { -ms-flex-line-pack: center !important; align-content: center !important } .align-content-xxl-between { -ms-flex-line-pack: justify !important; align-content: space-between !important } .align-content-xxl-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important } .align-content-xxl-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important } .align-self-xxl-auto { -ms-flex-item-align: auto !important; -ms-grid-row-align: auto !important; align-self: auto !important } .align-self-xxl-start { -ms-flex-item-align: start !important; align-self: flex-start !important } .align-self-xxl-end { -ms-flex-item-align: end !important; align-self: flex-end !important } .align-self-xxl-center { -ms-flex-item-align: center !important; -ms-grid-row-align: center !important; align-self: center !important } .align-self-xxl-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important } .align-self-xxl-stretch { -ms-flex-item-align: stretch !important; -ms-grid-row-align: stretch !important; align-self: stretch !important } } .float-left { float: left !important } .float-right { float: right !important } .float-none { float: none !important } @media (min-width:544px) { .float-sm-left { float: left !important } .float-sm-right { float: right !important } .float-sm-none { float: none !important } } @media (min-width:768px) { .float-md-left { float: left !important } .float-md-right { float: right !important } .float-md-none { float: none !important } } @media (min-width:1024px) { .float-lg-left { float: left !important } .float-lg-right { float: right !important } .float-lg-none { float: none !important } } @media (min-width:1300px) { .float-xl-left { float: left !important } .float-xl-right { float: right !important } .float-xl-none { float: none !important } } @media (min-width:1600px) { .float-xxl-left { float: left !important } .float-xxl-right { float: right !important } .float-xxl-none { float: none !important } } .position-static { position: static !important } .position-relative { position: relative !important } .position-absolute { position: absolute !important } .position-fixed { position: fixed !important } .position-sticky { position: -webkit-sticky !important; position: sticky !important } .fixed-top { top: 0 } .fixed-bottom, .fixed-top { position: fixed; right: 0; left: 0; z-index: 1030 } .fixed-bottom { bottom: 0 } @supports ((position:-webkit-sticky) or (position:sticky)) { .sticky-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020 } } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; -webkit-clip-path: inset(50%); clip-path: inset(50%); border: 0 } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; overflow: visible; clip: auto; white-space: normal; -webkit-clip-path: none; clip-path: none } .w-25 { width: 25% !important } .w-50 { width: 50% !important } .w-75 { width: 75% !important } .w-100 { width: 100% !important } .h-25 { height: 25% !important } .h-50 { height: 50% !important } .h-75 { height: 75% !important } .h-100 { height: 100% !important } .mw-100 { max-width: 100% !important } .mh-100 { max-height: 100% !important } .m-0 { margin: 0 !important } .mt-0, .my-0 { margin-top: 0 !important } .mr-0, .mx-0 { margin-right: 0 !important } .mb-0, .my-0 { margin-bottom: 0 !important } .ml-0, .mx-0 { margin-left: 0 !important } .m-1 { margin: 5px !important; margin: .3125rem !important } #id-product-redirected .typeahead-list li, #related-product .typeahead-list li, .mt-1, .my-1 { margin-top: 5px !important; margin-top: .3125rem !important } #id-product-redirected .typeahead-list li>.media-body .label, #related-product .typeahead-list li>.media-body .label, .mr-1, .mx-1 { margin-right: 5px !important; margin-right: .3125rem !important } .mb-1, .my-1 { margin-bottom: 5px !important; margin-bottom: .3125rem !important } #id-product-redirected .typeahead-list li>.media-body .label, #related-product .typeahead-list li>.media-body .label, .ml-1, .mx-1 { margin-left: 5px !important; margin-left: .3125rem !important } .m-2 { margin: 10px !important; margin: .625rem !important } .mt-2, .my-2 { margin-top: 10px !important; margin-top: .625rem !important } .mr-2, .mx-2 { margin-right: 10px !important; margin-right: .625rem !important } .mb-2, .my-2 { margin-bottom: 10px !important; margin-bottom: .625rem !important } .ml-2, .mx-2 { margin-left: 10px !important; margin-left: .625rem !important } .m-3 { margin: 15px !important; margin: .9375rem !important } .mt-3, .my-3 { margin-top: 15px !important; margin-top: .9375rem !important } .mr-3, .mx-3 { margin-right: 15px !important; margin-right: .9375rem !important } .mb-3, .my-3 { margin-bottom: 15px !important; margin-bottom: .9375rem !important } .ml-3, .mx-3 { margin-left: 15px !important; margin-left: .9375rem !important } .m-4 { margin: 30px !important; margin: 1.875rem !important } .mt-4, .my-4 { margin-top: 30px !important; margin-top: 1.875rem !important } .mr-4, .mx-4 { margin-right: 30px !important; margin-right: 1.875rem !important } .mb-4, .my-4 { margin-bottom: 30px !important; margin-bottom: 1.875rem !important } .ml-4, .mx-4 { margin-left: 30px !important; margin-left: 1.875rem !important } .m-5 { margin: 60px !important; margin: 3.75rem !important } .mt-5, .my-5 { margin-top: 60px !important; margin-top: 3.75rem !important } .mr-5, .mx-5 { margin-right: 60px !important; margin-right: 3.75rem !important } .mb-5, .my-5 { margin-bottom: 60px !important; margin-bottom: 3.75rem !important } .ml-5, .mx-5 { margin-left: 60px !important; margin-left: 3.75rem !important } .p-0 { padding: 0 !important } .pt-0, .py-0 { padding-top: 0 !important } .pr-0, .px-0 { padding-right: 0 !important } .pb-0, .py-0 { padding-bottom: 0 !important } .pl-0, .px-0 { padding-left: 0 !important } #id-product-redirected .typeahead-list li, #related-product .typeahead-list li, .p-1 { padding: 5px !important; padding: .3125rem !important } .pt-1, .py-1 { padding-top: 5px !important; padding-top: .3125rem !important } .pr-1, .px-1 { padding-right: 5px !important; padding-right: .3125rem !important } .pb-1, .py-1 { padding-bottom: 5px !important; padding-bottom: .3125rem !important } .pl-1, .px-1 { padding-left: 5px !important; padding-left: .3125rem !important } .p-2 { padding: 10px !important; padding: .625rem !important } .product-page #bulk-combinations-container #bulk-combinations-container-fields>div, .pt-2, .py-2 { padding-top: 10px !important; padding-top: .625rem !important } .pr-2, .px-2 { padding-right: 10px !important; padding-right: .625rem !important } .pb-2, .product-page #bulk-combinations-container #bulk-combinations-container-fields>div, .py-2 { padding-bottom: 10px !important; padding-bottom: .625rem !important } .pl-2, .px-2 { padding-left: 10px !important; padding-left: .625rem !important } .p-3 { padding: 15px !important; padding: .9375rem !important } .pt-3, .py-3 { padding-top: 15px !important; padding-top: .9375rem !important } .pr-3, .product-page #bulk-combinations-container #bulk-combinations-container-fields>div, .px-3 { padding-right: 15px !important; padding-right: .9375rem !important } .pb-3, .py-3 { padding-bottom: 15px !important; padding-bottom: .9375rem !important } .pl-3, .product-page #bulk-combinations-container #bulk-combinations-container-fields>div, .px-3 { padding-left: 15px !important; padding-left: .9375rem !important } .p-4 { padding: 30px !important; padding: 1.875rem !important } .pt-4, .py-4 { padding-top: 30px !important; padding-top: 1.875rem !important } .pr-4, .px-4 { padding-right: 30px !important; padding-right: 1.875rem !important } .pb-4, .py-4 { padding-bottom: 30px !important; padding-bottom: 1.875rem !important } .pl-4, .px-4 { padding-left: 30px !important; padding-left: 1.875rem !important } .p-5 { padding: 60px !important; padding: 3.75rem !important } .pt-5, .py-5 { padding-top: 60px !important; padding-top: 3.75rem !important } .pr-5, .px-5 { padding-right: 60px !important; padding-right: 3.75rem !important } .pb-5, .py-5 { padding-bottom: 60px !important; padding-bottom: 3.75rem !important } .pl-5, .px-5 { padding-left: 60px !important; padding-left: 3.75rem !important } .m-auto { margin: auto !important } .mt-auto, .my-auto { margin-top: auto !important } .mr-auto, .mx-auto { margin-right: auto !important } .mb-auto, .my-auto { margin-bottom: auto !important } .ml-auto, .mx-auto { margin-left: auto !important } @media (min-width:544px) { .m-sm-0 { margin: 0 !important } .mt-sm-0, .my-sm-0 { margin-top: 0 !important } .mr-sm-0, .mx-sm-0 { margin-right: 0 !important } .mb-sm-0, .my-sm-0 { margin-bottom: 0 !important } .ml-sm-0, .mx-sm-0 { margin-left: 0 !important } .m-sm-1 { margin: .3125rem !important } .mt-sm-1, .my-sm-1 { margin-top: .3125rem !important } .mr-sm-1, .mx-sm-1 { margin-right: .3125rem !important } .mb-sm-1, .my-sm-1 { margin-bottom: .3125rem !important } .ml-sm-1, .mx-sm-1 { margin-left: .3125rem !important } .m-sm-2 { margin: .625rem !important } .mt-sm-2, .my-sm-2 { margin-top: .625rem !important } .mr-sm-2, .mx-sm-2 { margin-right: .625rem !important } .mb-sm-2, .my-sm-2 { margin-bottom: .625rem !important } .ml-sm-2, .mx-sm-2 { margin-left: .625rem !important } .m-sm-3 { margin: .9375rem !important } .mt-sm-3, .my-sm-3 { margin-top: .9375rem !important } .mr-sm-3, .mx-sm-3 { margin-right: .9375rem !important } .mb-sm-3, .my-sm-3 { margin-bottom: .9375rem !important } .ml-sm-3, .mx-sm-3 { margin-left: .9375rem !important } .m-sm-4 { margin: 1.875rem !important } .mt-sm-4, .my-sm-4 { margin-top: 1.875rem !important } .mr-sm-4, .mx-sm-4 { margin-right: 1.875rem !important } .mb-sm-4, .my-sm-4 { margin-bottom: 1.875rem !important } .ml-sm-4, .mx-sm-4 { margin-left: 1.875rem !important } .m-sm-5 { margin: 3.75rem !important } .mt-sm-5, .my-sm-5 { margin-top: 3.75rem !important } .mr-sm-5, .mx-sm-5 { margin-right: 3.75rem !important } .mb-sm-5, .my-sm-5 { margin-bottom: 3.75rem !important } .ml-sm-5, .mx-sm-5 { margin-left: 3.75rem !important } .p-sm-0 { padding: 0 !important } .pt-sm-0, .py-sm-0 { padding-top: 0 !important } .pr-sm-0, .px-sm-0 { padding-right: 0 !important } .pb-sm-0, .py-sm-0 { padding-bottom: 0 !important } .pl-sm-0, .px-sm-0 { padding-left: 0 !important } .p-sm-1 { padding: .3125rem !important } .pt-sm-1, .py-sm-1 { padding-top: .3125rem !important } .pr-sm-1, .px-sm-1 { padding-right: .3125rem !important } .pb-sm-1, .py-sm-1 { padding-bottom: .3125rem !important } .pl-sm-1, .px-sm-1 { padding-left: .3125rem !important } .p-sm-2 { padding: .625rem !important } .pt-sm-2, .py-sm-2 { padding-top: .625rem !important } .pr-sm-2, .px-sm-2 { padding-right: .625rem !important } .pb-sm-2, .py-sm-2 { padding-bottom: .625rem !important } .pl-sm-2, .px-sm-2 { padding-left: .625rem !important } .p-sm-3 { padding: .9375rem !important } .pt-sm-3, .py-sm-3 { padding-top: .9375rem !important } .pr-sm-3, .px-sm-3 { padding-right: .9375rem !important } .pb-sm-3, .py-sm-3 { padding-bottom: .9375rem !important } .pl-sm-3, .px-sm-3 { padding-left: .9375rem !important } .p-sm-4 { padding: 1.875rem !important } .pt-sm-4, .py-sm-4 { padding-top: 1.875rem !important } .pr-sm-4, .px-sm-4 { padding-right: 1.875rem !important } .pb-sm-4, .py-sm-4 { padding-bottom: 1.875rem !important } .pl-sm-4, .px-sm-4 { padding-left: 1.875rem !important } .p-sm-5 { padding: 3.75rem !important } .pt-sm-5, .py-sm-5 { padding-top: 3.75rem !important } .pr-sm-5, .px-sm-5 { padding-right: 3.75rem !important } .pb-sm-5, .py-sm-5 { padding-bottom: 3.75rem !important } .pl-sm-5, .px-sm-5 { padding-left: 3.75rem !important } .m-sm-auto { margin: auto !important } .mt-sm-auto, .my-sm-auto { margin-top: auto !important } .mr-sm-auto, .mx-sm-auto { margin-right: auto !important } .mb-sm-auto, .my-sm-auto { margin-bottom: auto !important } .ml-sm-auto, .mx-sm-auto { margin-left: auto !important } } @media (min-width:768px) { .m-md-0 { margin: 0 !important } .mt-md-0, .my-md-0 { margin-top: 0 !important } .mr-md-0, .mx-md-0 { margin-right: 0 !important } .mb-md-0, .my-md-0 { margin-bottom: 0 !important } .ml-md-0, .mx-md-0 { margin-left: 0 !important } .m-md-1 { margin: .3125rem !important } .mt-md-1, .my-md-1 { margin-top: .3125rem !important } .mr-md-1, .mx-md-1 { margin-right: .3125rem !important } .mb-md-1, .my-md-1 { margin-bottom: .3125rem !important } .ml-md-1, .mx-md-1 { margin-left: .3125rem !important } .m-md-2 { margin: .625rem !important } .mt-md-2, .my-md-2 { margin-top: .625rem !important } .mr-md-2, .mx-md-2 { margin-right: .625rem !important } .mb-md-2, .my-md-2 { margin-bottom: .625rem !important } .ml-md-2, .mx-md-2 { margin-left: .625rem !important } .m-md-3 { margin: .9375rem !important } .mt-md-3, .my-md-3 { margin-top: .9375rem !important } .mr-md-3, .mx-md-3 { margin-right: .9375rem !important } .mb-md-3, .my-md-3 { margin-bottom: .9375rem !important } .ml-md-3, .mx-md-3 { margin-left: .9375rem !important } .m-md-4 { margin: 1.875rem !important } .mt-md-4, .my-md-4 { margin-top: 1.875rem !important } .mr-md-4, .mx-md-4 { margin-right: 1.875rem !important } .mb-md-4, .my-md-4 { margin-bottom: 1.875rem !important } .ml-md-4, .mx-md-4 { margin-left: 1.875rem !important } .m-md-5 { margin: 3.75rem !important } .mt-md-5, .my-md-5 { margin-top: 3.75rem !important } .mr-md-5, .mx-md-5 { margin-right: 3.75rem !important } .mb-md-5, .my-md-5 { margin-bottom: 3.75rem !important } .ml-md-5, .mx-md-5 { margin-left: 3.75rem !important } .p-md-0 { padding: 0 !important } .pt-md-0, .py-md-0 { padding-top: 0 !important } .pr-md-0, .px-md-0 { padding-right: 0 !important } .pb-md-0, .py-md-0 { padding-bottom: 0 !important } .pl-md-0, .px-md-0 { padding-left: 0 !important } .p-md-1 { padding: .3125rem !important } .pt-md-1, .py-md-1 { padding-top: .3125rem !important } .pr-md-1, .px-md-1 { padding-right: .3125rem !important } .pb-md-1, .py-md-1 { padding-bottom: .3125rem !important } .pl-md-1, .px-md-1 { padding-left: .3125rem !important } .p-md-2 { padding: .625rem !important } .pt-md-2, .py-md-2 { padding-top: .625rem !important } .pr-md-2, .px-md-2 { padding-right: .625rem !important } .pb-md-2, .py-md-2 { padding-bottom: .625rem !important } .pl-md-2, .px-md-2 { padding-left: .625rem !important } .p-md-3 { padding: .9375rem !important } .pt-md-3, .py-md-3 { padding-top: .9375rem !important } .pr-md-3, .px-md-3 { padding-right: .9375rem !important } .pb-md-3, .py-md-3 { padding-bottom: .9375rem !important } .pl-md-3, .px-md-3 { padding-left: .9375rem !important } .p-md-4 { padding: 1.875rem !important } .pt-md-4, .py-md-4 { padding-top: 1.875rem !important } .pr-md-4, .px-md-4 { padding-right: 1.875rem !important } .pb-md-4, .py-md-4 { padding-bottom: 1.875rem !important } .pl-md-4, .px-md-4 { padding-left: 1.875rem !important } .p-md-5 { padding: 3.75rem !important } .pt-md-5, .py-md-5 { padding-top: 3.75rem !important } .pr-md-5, .px-md-5 { padding-right: 3.75rem !important } .pb-md-5, .py-md-5 { padding-bottom: 3.75rem !important } .pl-md-5, .px-md-5 { padding-left: 3.75rem !important } .m-md-auto { margin: auto !important } .mt-md-auto, .my-md-auto { margin-top: auto !important } .mr-md-auto, .mx-md-auto { margin-right: auto !important } .mb-md-auto, .my-md-auto { margin-bottom: auto !important } .ml-md-auto, .mx-md-auto { margin-left: auto !important } } @media (min-width:1024px) { .m-lg-0 { margin: 0 !important } .mt-lg-0, .my-lg-0 { margin-top: 0 !important } .mr-lg-0, .mx-lg-0 { margin-right: 0 !important } .mb-lg-0, .my-lg-0 { margin-bottom: 0 !important } .ml-lg-0, .mx-lg-0 { margin-left: 0 !important } .m-lg-1 { margin: .3125rem !important } .mt-lg-1, .my-lg-1 { margin-top: .3125rem !important } .mr-lg-1, .mx-lg-1 { margin-right: .3125rem !important } .mb-lg-1, .my-lg-1 { margin-bottom: .3125rem !important } .ml-lg-1, .mx-lg-1 { margin-left: .3125rem !important } .m-lg-2 { margin: .625rem !important } .mt-lg-2, .my-lg-2 { margin-top: .625rem !important } .mr-lg-2, .mx-lg-2 { margin-right: .625rem !important } .mb-lg-2, .my-lg-2 { margin-bottom: .625rem !important } .ml-lg-2, .mx-lg-2 { margin-left: .625rem !important } .m-lg-3 { margin: .9375rem !important } .mt-lg-3, .my-lg-3 { margin-top: .9375rem !important } .mr-lg-3, .mx-lg-3 { margin-right: .9375rem !important } .mb-lg-3, .my-lg-3 { margin-bottom: .9375rem !important } .ml-lg-3, .mx-lg-3 { margin-left: .9375rem !important } .m-lg-4 { margin: 1.875rem !important } .mt-lg-4, .my-lg-4 { margin-top: 1.875rem !important } .mr-lg-4, .mx-lg-4 { margin-right: 1.875rem !important } .mb-lg-4, .my-lg-4 { margin-bottom: 1.875rem !important } .ml-lg-4, .mx-lg-4 { margin-left: 1.875rem !important } .m-lg-5 { margin: 3.75rem !important } .mt-lg-5, .my-lg-5 { margin-top: 3.75rem !important } .mr-lg-5, .mx-lg-5 { margin-right: 3.75rem !important } .mb-lg-5, .my-lg-5 { margin-bottom: 3.75rem !important } .ml-lg-5, .mx-lg-5 { margin-left: 3.75rem !important } .p-lg-0 { padding: 0 !important } .pt-lg-0, .py-lg-0 { padding-top: 0 !important } .pr-lg-0, .px-lg-0 { padding-right: 0 !important } .pb-lg-0, .py-lg-0 { padding-bottom: 0 !important } .pl-lg-0, .px-lg-0 { padding-left: 0 !important } .p-lg-1 { padding: .3125rem !important } .pt-lg-1, .py-lg-1 { padding-top: .3125rem !important } .pr-lg-1, .px-lg-1 { padding-right: .3125rem !important } .pb-lg-1, .py-lg-1 { padding-bottom: .3125rem !important } .pl-lg-1, .px-lg-1 { padding-left: .3125rem !important } .p-lg-2 { padding: .625rem !important } .pt-lg-2, .py-lg-2 { padding-top: .625rem !important } .pr-lg-2, .px-lg-2 { padding-right: .625rem !important } .pb-lg-2, .py-lg-2 { padding-bottom: .625rem !important } .pl-lg-2, .px-lg-2 { padding-left: .625rem !important } .p-lg-3 { padding: .9375rem !important } .pt-lg-3, .py-lg-3 { padding-top: .9375rem !important } .pr-lg-3, .px-lg-3 { padding-right: .9375rem !important } .pb-lg-3, .py-lg-3 { padding-bottom: .9375rem !important } .pl-lg-3, .px-lg-3 { padding-left: .9375rem !important } .p-lg-4 { padding: 1.875rem !important } .pt-lg-4, .py-lg-4 { padding-top: 1.875rem !important } .pr-lg-4, .px-lg-4 { padding-right: 1.875rem !important } .pb-lg-4, .py-lg-4 { padding-bottom: 1.875rem !important } .pl-lg-4, .px-lg-4 { padding-left: 1.875rem !important } .p-lg-5 { padding: 3.75rem !important } .pt-lg-5, .py-lg-5 { padding-top: 3.75rem !important } .pr-lg-5, .px-lg-5 { padding-right: 3.75rem !important } .pb-lg-5, .py-lg-5 { padding-bottom: 3.75rem !important } .pl-lg-5, .px-lg-5 { padding-left: 3.75rem !important } .m-lg-auto { margin: auto !important } .mt-lg-auto, .my-lg-auto { margin-top: auto !important } .mr-lg-auto, .mx-lg-auto { margin-right: auto !important } .mb-lg-auto, .my-lg-auto { margin-bottom: auto !important } .ml-lg-auto, .mx-lg-auto { margin-left: auto !important } } @media (min-width:1300px) { .m-xl-0 { margin: 0 !important } .mt-xl-0, .my-xl-0 { margin-top: 0 !important } .mr-xl-0, .mx-xl-0 { margin-right: 0 !important } .mb-xl-0, .my-xl-0 { margin-bottom: 0 !important } .ml-xl-0, .mx-xl-0 { margin-left: 0 !important } .m-xl-1 { margin: .3125rem !important } .mt-xl-1, .my-xl-1 { margin-top: .3125rem !important } .mr-xl-1, .mx-xl-1 { margin-right: .3125rem !important } .mb-xl-1, .my-xl-1 { margin-bottom: .3125rem !important } .ml-xl-1, .mx-xl-1 { margin-left: .3125rem !important } .m-xl-2 { margin: .625rem !important } .mt-xl-2, .my-xl-2 { margin-top: .625rem !important } .mr-xl-2, .mx-xl-2 { margin-right: .625rem !important } .mb-xl-2, .my-xl-2 { margin-bottom: .625rem !important } .ml-xl-2, .mx-xl-2 { margin-left: .625rem !important } .m-xl-3 { margin: .9375rem !important } .mt-xl-3, .my-xl-3 { margin-top: .9375rem !important } .mr-xl-3, .mx-xl-3 { margin-right: .9375rem !important } .mb-xl-3, .my-xl-3 { margin-bottom: .9375rem !important } .ml-xl-3, .mx-xl-3 { margin-left: .9375rem !important } .m-xl-4 { margin: 1.875rem !important } .mt-xl-4, .my-xl-4 { margin-top: 1.875rem !important } .mr-xl-4, .mx-xl-4 { margin-right: 1.875rem !important } .mb-xl-4, .my-xl-4 { margin-bottom: 1.875rem !important } .ml-xl-4, .mx-xl-4 { margin-left: 1.875rem !important } .m-xl-5 { margin: 3.75rem !important } .mt-xl-5, .my-xl-5 { margin-top: 3.75rem !important } .mr-xl-5, .mx-xl-5 { margin-right: 3.75rem !important } .mb-xl-5, .my-xl-5 { margin-bottom: 3.75rem !important } .ml-xl-5, .mx-xl-5 { margin-left: 3.75rem !important } .p-xl-0 { padding: 0 !important } .pt-xl-0, .py-xl-0 { padding-top: 0 !important } .pr-xl-0, .px-xl-0 { padding-right: 0 !important } .pb-xl-0, .py-xl-0 { padding-bottom: 0 !important } .pl-xl-0, .px-xl-0 { padding-left: 0 !important } .p-xl-1 { padding: .3125rem !important } .pt-xl-1, .py-xl-1 { padding-top: .3125rem !important } .pr-xl-1, .px-xl-1 { padding-right: .3125rem !important } .pb-xl-1, .py-xl-1 { padding-bottom: .3125rem !important } .pl-xl-1, .px-xl-1 { padding-left: .3125rem !important } .p-xl-2 { padding: .625rem !important } .pt-xl-2, .py-xl-2 { padding-top: .625rem !important } .pr-xl-2, .px-xl-2 { padding-right: .625rem !important } .pb-xl-2, .py-xl-2 { padding-bottom: .625rem !important } .pl-xl-2, .px-xl-2 { padding-left: .625rem !important } .p-xl-3 { padding: .9375rem !important } .pt-xl-3, .py-xl-3 { padding-top: .9375rem !important } .pr-xl-3, .px-xl-3 { padding-right: .9375rem !important } .pb-xl-3, .py-xl-3 { padding-bottom: .9375rem !important } .pl-xl-3, .px-xl-3 { padding-left: .9375rem !important } .p-xl-4 { padding: 1.875rem !important } .pt-xl-4, .py-xl-4 { padding-top: 1.875rem !important } .pr-xl-4, .px-xl-4 { padding-right: 1.875rem !important } .pb-xl-4, .py-xl-4 { padding-bottom: 1.875rem !important } .pl-xl-4, .px-xl-4 { padding-left: 1.875rem !important } .p-xl-5 { padding: 3.75rem !important } .pt-xl-5, .py-xl-5 { padding-top: 3.75rem !important } .pr-xl-5, .px-xl-5 { padding-right: 3.75rem !important } .pb-xl-5, .py-xl-5 { padding-bottom: 3.75rem !important } .pl-xl-5, .px-xl-5 { padding-left: 3.75rem !important } .m-xl-auto { margin: auto !important } .mt-xl-auto, .my-xl-auto { margin-top: auto !important } .mr-xl-auto, .mx-xl-auto { margin-right: auto !important } .mb-xl-auto, .my-xl-auto { margin-bottom: auto !important } .ml-xl-auto, .mx-xl-auto { margin-left: auto !important } } @media (min-width:1600px) { .m-xxl-0 { margin: 0 !important } .mt-xxl-0, .my-xxl-0 { margin-top: 0 !important } .mr-xxl-0, .mx-xxl-0 { margin-right: 0 !important } .mb-xxl-0, .my-xxl-0 { margin-bottom: 0 !important } .ml-xxl-0, .mx-xxl-0 { margin-left: 0 !important } .m-xxl-1 { margin: .3125rem !important } .mt-xxl-1, .my-xxl-1 { margin-top: .3125rem !important } .mr-xxl-1, .mx-xxl-1 { margin-right: .3125rem !important } .mb-xxl-1, .my-xxl-1 { margin-bottom: .3125rem !important } .ml-xxl-1, .mx-xxl-1 { margin-left: .3125rem !important } .m-xxl-2 { margin: .625rem !important } .mt-xxl-2, .my-xxl-2 { margin-top: .625rem !important } .mr-xxl-2, .mx-xxl-2 { margin-right: .625rem !important } .mb-xxl-2, .my-xxl-2 { margin-bottom: .625rem !important } .ml-xxl-2, .mx-xxl-2 { margin-left: .625rem !important } .m-xxl-3 { margin: .9375rem !important } .mt-xxl-3, .my-xxl-3 { margin-top: .9375rem !important } .mr-xxl-3, .mx-xxl-3 { margin-right: .9375rem !important } .mb-xxl-3, .my-xxl-3 { margin-bottom: .9375rem !important } .ml-xxl-3, .mx-xxl-3 { margin-left: .9375rem !important } .m-xxl-4 { margin: 1.875rem !important } .mt-xxl-4, .my-xxl-4 { margin-top: 1.875rem !important } .mr-xxl-4, .mx-xxl-4 { margin-right: 1.875rem !important } .mb-xxl-4, .my-xxl-4 { margin-bottom: 1.875rem !important } .ml-xxl-4, .mx-xxl-4 { margin-left: 1.875rem !important } .m-xxl-5 { margin: 3.75rem !important } .mt-xxl-5, .my-xxl-5 { margin-top: 3.75rem !important } .mr-xxl-5, .mx-xxl-5 { margin-right: 3.75rem !important } .mb-xxl-5, .my-xxl-5 { margin-bottom: 3.75rem !important } .ml-xxl-5, .mx-xxl-5 { margin-left: 3.75rem !important } .p-xxl-0 { padding: 0 !important } .pt-xxl-0, .py-xxl-0 { padding-top: 0 !important } .pr-xxl-0, .px-xxl-0 { padding-right: 0 !important } .pb-xxl-0, .py-xxl-0 { padding-bottom: 0 !important } .pl-xxl-0, .px-xxl-0 { padding-left: 0 !important } .p-xxl-1 { padding: .3125rem !important } .pt-xxl-1, .py-xxl-1 { padding-top: .3125rem !important } .pr-xxl-1, .px-xxl-1 { padding-right: .3125rem !important } .pb-xxl-1, .py-xxl-1 { padding-bottom: .3125rem !important } .pl-xxl-1, .px-xxl-1 { padding-left: .3125rem !important } .p-xxl-2 { padding: .625rem !important } .pt-xxl-2, .py-xxl-2 { padding-top: .625rem !important } .pr-xxl-2, .px-xxl-2 { padding-right: .625rem !important } .pb-xxl-2, .py-xxl-2 { padding-bottom: .625rem !important } .pl-xxl-2, .px-xxl-2 { padding-left: .625rem !important } .p-xxl-3 { padding: .9375rem !important } .pt-xxl-3, .py-xxl-3 { padding-top: .9375rem !important } .pr-xxl-3, .px-xxl-3 { padding-right: .9375rem !important } .pb-xxl-3, .py-xxl-3 { padding-bottom: .9375rem !important } .pl-xxl-3, .px-xxl-3 { padding-left: .9375rem !important } .p-xxl-4 { padding: 1.875rem !important } .pt-xxl-4, .py-xxl-4 { padding-top: 1.875rem !important } .pr-xxl-4, .px-xxl-4 { padding-right: 1.875rem !important } .pb-xxl-4, .py-xxl-4 { padding-bottom: 1.875rem !important } .pl-xxl-4, .px-xxl-4 { padding-left: 1.875rem !important } .p-xxl-5 { padding: 3.75rem !important } .pt-xxl-5, .py-xxl-5 { padding-top: 3.75rem !important } .pr-xxl-5, .px-xxl-5 { padding-right: 3.75rem !important } .pb-xxl-5, .py-xxl-5 { padding-bottom: 3.75rem !important } .pl-xxl-5, .px-xxl-5 { padding-left: 3.75rem !important } .m-xxl-auto { margin: auto !important } .mt-xxl-auto, .my-xxl-auto { margin-top: auto !important } .mr-xxl-auto, .mx-xxl-auto { margin-right: auto !important } .mb-xxl-auto, .my-xxl-auto { margin-bottom: auto !important } .ml-xxl-auto, .mx-xxl-auto { margin-left: auto !important } } .text-justify { text-align: justify !important } .text-nowrap { white-space: nowrap !important } .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .text-left { text-align: left !important } .text-right { text-align: right !important } .text-center { text-align: center !important } @media (min-width:544px) { .text-sm-left { text-align: left !important } .text-sm-right { text-align: right !important } .text-sm-center { text-align: center !important } } @media (min-width:768px) { .text-md-left { text-align: left !important } .text-md-right { text-align: right !important } .text-md-center { text-align: center !important } } @media (min-width:1024px) { .text-lg-left { text-align: left !important } .text-lg-right { text-align: right !important } .text-lg-center { text-align: center !important } } @media (min-width:1300px) { .text-xl-left { text-align: left !important } .text-xl-right { text-align: right !important } .text-xl-center { text-align: center !important } } @media (min-width:1600px) { .text-xxl-left { text-align: left !important } .text-xxl-right { text-align: right !important } .text-xxl-center { text-align: center !important } } .text-lowercase { text-transform: lowercase !important } .text-uppercase { text-transform: uppercase !important } .text-capitalize { text-transform: capitalize !important } .font-weight-light { font-weight: 300 !important } .font-weight-normal { font-weight: 400 !important } .font-weight-bold { font-weight: 700 !important } .font-italic { font-style: italic !important } .text-white { color: #fff !important } .text-primary { color: #25b9d7 !important } .breadcrumb li>a.text-primary:hover, a.text-primary:focus, a.text-primary:hover { color: #1e94ab !important } .text-secondary { color: #6c868e !important } .breadcrumb li>a.text-secondary:hover, a.text-secondary:focus, a.text-secondary:hover { color: #566b71 !important } .text-success { color: #70b580 !important } .breadcrumb li>a.text-success:hover, a.text-success:focus, a.text-success:hover { color: #539f64 !important } .text-info { color: #25b9d7 !important } .breadcrumb li>a.text-info:hover, a.text-info:focus, a.text-info:hover { color: #1e94ab !important } .text-warning { color: #cd9321 !important } .breadcrumb li>a.text-warning:hover, a.text-warning:focus, a.text-warning:hover { color: #a1741a !important } .text-danger { color: #c05c67 !important } .breadcrumb li>a.text-danger:hover, a.text-danger:focus, a.text-danger:hover { color: #a8414c !important } .text-light { color: #fafbfc !important } .breadcrumb li>a.text-light:hover, a.text-light:focus, a.text-light:hover { color: #dae2e9 !important } .text-dark { color: #363a41 !important } .breadcrumb li>a.text-dark:hover, a.text-dark:focus, a.text-dark:hover { color: #1f2125 !important } .hook-panel .hook-panel-header .hook_description, .hook-panel .hook-panel-header .hook_title, .text-muted { color: #6c868e !important } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0 } .visible { visibility: visible !important } .invisible { visibility: hidden !important } @media print { *, :after, :before { text-shadow: none !important; box-shadow: none !important } a:not(.btn) { text-decoration: underline } abbr[title]:after { content: " ("attr(title) ")" } pre { white-space: pre-wrap !important } blockquote, pre { border: 1px solid #999; page-break-inside: avoid } thead { display: table-header-group } img, tr { page-break-inside: avoid } .modal-title, h2, h3, p { orphans: 3; widows: 3 } .modal-title, h2, h3 { page-break-after: avoid } @page { size: a3 } .container, body { min-width: 1024px !important } .navbar { display: none } .badge { border: 1px solid #000 } .table { border-collapse: collapse !important } .table td, .table th { background-color: #fff !important } .table-bordered td, .table-bordered th { border: 1px solid #ddd !important } } .main-header #header-search-container .input-group:before, .material-icons, .ps-tree-items .tree-name button:before { font-family: Material Icons; font-weight: 400; font-style: normal; font-size: 24px; font-size: 1.5rem; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; -webkit-font-feature-settings: "liga"; font-feature-settings: "liga" } .main-header #header-search-container .input-group:before, .material-icons, .ps-tree-items .tree-name button:before, .select2-container { display: inline-block; vertical-align: middle } .select2-container { box-sizing: border-box; margin: 0; position: relative } .select2-container .select2-selection--single { box-sizing: border-box; cursor: pointer; display: block; height: 28px; -moz-user-select: none; -ms-user-select: none; 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; -moz-user-select: none; -ms-user-select: none; 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: #fff; 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; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-select: none } .select2-results__option[aria-selected] { cursor: pointer } .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: 28px } .select2-container--default .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: 700 } .select2-container--default .select2-selection--single .select2-selection__placeholder { color: #999 } .select2-container--default .select2-selection--single .select2-selection__arrow { height: 26px; position: absolute; top: 1px; right: 1px; width: 20px } .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #888 transparent transparent; border-style: solid; border-width: 5px 4px 0; 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; border-width: 0 4px 5px } .select2-container--default .select2-selection--multiple { background-color: #fff; 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: 700; 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: 700; 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-search--inline, .select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__placeholder { 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: 1px solid #000; 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--multiple, .select2-container--default.select2-container--open.select2-container--above .select2-selection--single { border-top-left-radius: 0; border-top-right-radius: 0 } .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple, .select2-container--default.select2-container--open.select2-container--below .select2-selection--single { 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: #fff } .select2-container--default .select2-results__group { cursor: default; display: block; padding: 6px } .select2-container--classic .select2-selection--single { background-color: #f7f7f7; border: 1px solid #bbcdd2; border-radius: .25rem; outline: 0; background-image: linear-gradient(180deg, #fff 50%, #eee); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="rgba(255, 255, 255, 1)", endColorstr="rgba(255, 238, 238, 0.93333)", 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: 28px } .select2-container--classic .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: 700; 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 #bbcdd2; border-top-right-radius: 4px; border-top-right-radius: .25rem; border-bottom-right-radius: 4px; border-bottom-right-radius: .25rem; height: 26px; position: absolute; top: 1px; right: 1px; width: 20px; background-image: linear-gradient(180deg, #eee 50%, #ccc); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="rgba(255, 238, 238, 0.93333)", endColorstr="rgba(255, 204, 204, 0.8)", GradientType=0) } .select2-container--classic .select2-selection--single .select2-selection__arrow b { border-color: #888 transparent transparent; border-style: solid; border-width: 5px 4px 0; 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 #bbcdd2; border-radius: 0; border-top-left-radius: 4px; border-top-left-radius: .25rem; border-bottom-left-radius: 4px; border-bottom-left-radius: .25rem; 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; border-width: 0 4px 5px } .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: linear-gradient(180deg, #fff, #eee 50%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="rgba(255, 255, 255, 1)", endColorstr="rgba(255, 238, 238, 0.93333)", 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: linear-gradient(180deg, #eee 50%, #fff); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="rgba(255, 238, 238, 0.93333)", endColorstr="rgba(255, 255, 255, 1)", GradientType=0) } .select2-container--classic .select2-selection--multiple { background-color: #fff; border: 1px solid #bbcdd2; border-radius: .25rem; 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 #bbcdd2; border-radius: .25rem; 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: 700; 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; 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 #bbcdd2; outline: 0 } .select2-container--classic .select2-search--inline .select2-search__field { outline: 0; box-shadow: none } .select2-container--classic .select2-dropdown { background-color: #fff; 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: #fff } .select2-container--classic .select2-results__group { cursor: default; display: block; padding: 6px } .select2-container--classic.select2-container--open .select2-dropdown { border-color: #5897fb } .main-header #header-search-container a.tooltip-link>.input-group:before, .ps-tree-items .tree-name a.tooltip-link>button:before, a.tooltip-link>.material-icons { color: #6c868e; vertical-align: middle } .main-header #header-search-container a.tooltip-link>.input-group:hover:before, .ps-tree-items .tree-name a.tooltip-link>button:hover:before, a.tooltip-link>.material-icons:hover { color: #25b9d7 } a.external-link:before { font-family: Material Icons; font-style: normal; font-size: 24px; font-size: 1.5rem; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; -webkit-font-feature-settings: "liga"; font-feature-settings: "liga"; content: "\E89E"; font-size: 19.2px; font-size: 1.2rem; font-weight: 400; margin-right: 2px; margin-right: .125rem; display: inline-block; vertical-align: middle; text-decoration: none } .small-text { font-size: 12px; font-size: .75rem } .xsmall-text { font-size: 10px; font-size: .625rem } .alert { padding: 12px 0 12px 46px; padding: .75rem 0 .75rem 2.875rem; background-color: #fff; position: relative; color: #363a41 } .alert:before { font-family: Material Icons; font-weight: 400; font-style: normal; font-size: 24px; font-size: 1.5rem; display: inline-block; line-height: 1; text-transform: none; letter-spacing: normal; vertical-align: middle; word-wrap: normal; white-space: nowrap; direction: ltr; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; -webkit-font-feature-settings: "liga"; font-feature-settings: "liga"; position: absolute; top: 0; bottom: 0; left: 0; width: 46px; width: 2.875rem; height: 100%; text-align: center; font-size: 25.008px; font-size: 1.563rem; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-direction: column; flex-direction: column } .alert p, .alert ul { font-size: 14px; font-size: .875rem; margin: 0 } .alert>* { padding: 0 10px; padding: 0 .625rem } .alert>ol, .alert>ul { margin-left: 24px; margin-left: 1.5rem } .alert .close, .alert.expandable-alert .read-more { color: #6c868e; margin-right: 10px; margin-right: .625rem; opacity: 1; cursor: pointer } .alert .close .main-header #header-search-container .input-group:before, .alert .close .material-icons, .alert .close .ps-tree-items .tree-name button:before, .alert.expandable-alert .read-more .main-header #header-search-container .input-group:before, .alert.expandable-alert .read-more .material-icons, .alert.expandable-alert .read-more .ps-tree-items .tree-name button:before, .main-header #header-search-container .alert .close .input-group:before, .main-header #header-search-container .alert.expandable-alert .read-more .input-group:before, .ps-tree-items .tree-name .alert .close button:before, .ps-tree-items .tree-name .alert.expandable-alert .read-more button:before { font-size: 18px; font-size: 1.125rem; vertical-align: middle } .alert.medium-alert p { font-size: 12px; font-size: .75rem } .alert.expandable-alert .read-more { font-size: 14px; font-size: .875rem; line-height: 22px; line-height: 1.375rem } .alert.expandable-alert .read-more:hover { opacity: 1 } .alert.expandable-alert .read-more:focus { outline: none } .alert.expandable-alert .alert-more { color: #6c868e; padding-top: 22px; padding-top: 1.375rem; padding-bottom: 12px; padding-bottom: .75rem } .alert.expandable-alert .alert-more p { color: inherit; font-size: 12px; font-size: .75rem } .alert-info { border-color: #25b9d7 } .alert-info:before { content: "\E88F"; background-color: #dff5f9; color: #25b9d7 } .alert-info .alert.expandable-alert .read-more, .alert-info .close, .alert-info.expandable-alert .read-more, .alert-info.expandable-alert .read-more:focus, .alert-info.expandable-alert .read-more:hover, .alert.expandable-alert .alert-info .read-more { color: #25b9d7 } .alert-success { border-color: #70b580 } .alert-success:before { content: "\E5CA"; background-color: #d6f0d8; color: #70b580 } .alert-success .alert.expandable-alert .read-more, .alert-success .close, .alert-success.expandable-alert .read-more, .alert-success.expandable-alert .read-more:focus, .alert-success.expandable-alert .read-more:hover, .alert.expandable-alert .alert-success .read-more { color: #70b580 } .alert-warning { border-color: #cd9321 } .alert-warning:before { content: "\E001"; background-color: #fde7bb; color: #cd9321 } .alert-warning .alert.expandable-alert .read-more, .alert-warning .close, .alert-warning.expandable-alert .read-more, .alert-warning.expandable-alert .read-more:focus, .alert-warning.expandable-alert .read-more:hover, .alert.expandable-alert .alert-warning .read-more { color: #cd9321 } .alert-danger { border-color: #c05c67 } .alert-danger:before { content: "\E001"; background-color: #fde1e1; color: #c05c67 } .alert-danger .alert.expandable-alert .read-more, .alert-danger .close, .alert-danger.expandable-alert .read-more, .alert-danger.expandable-alert .read-more:focus, .alert-danger.expandable-alert .read-more:hover, .alert.expandable-alert .alert-danger .read-more { color: #c05c67 } .badge-primary { background-color: #25b9d7 } .badge-primary[href]:focus, .badge-primary[href]:hover { color: #fff; text-decoration: none; background-color: #1e94ab } .badge-secondary { background-color: #6c868e } .badge-secondary[href]:focus, .badge-secondary[href]:hover { color: #fff; text-decoration: none; background-color: #566b71 } .badge-success { color: #282b30; background-color: #70b580 } .badge-success[href]:focus, .badge-success[href]:hover { color: #282b30; text-decoration: none; background-color: #539f64 } .badge-info { background-color: #25b9d7 } .badge-info[href]:focus, .badge-info[href]:hover { color: #fff; text-decoration: none; background-color: #1e94ab } .badge-warning { color: #282b30; background-color: #cd9321 } .badge-warning[href]:focus, .badge-warning[href]:hover { color: #282b30; text-decoration: none; background-color: #a1741a } .badge-danger { background-color: #c05c67 } .badge-danger[href]:focus, .badge-danger[href]:hover { color: #fff; text-decoration: none; background-color: #a8414c } .badge-light { color: #282b30; background-color: #fafbfc } .badge-light[href]:focus, .badge-light[href]:hover { color: #282b30; text-decoration: none; background-color: #dae2e9 } .badge-dark { background-color: #363a41 } .badge-dark[href]:focus, .badge-dark[href]:hover { color: #fff; text-decoration: none; background-color: #1f2125 } .badge-primary-hover { color: #282b30; background-color: #3ed2f0 } .badge-primary-hover[href]:focus, .badge-primary-hover[href]:hover { color: #282b30; text-decoration: none; background-color: #12c5e9 } .badge-secondary-hover { background-color: #363a41 } .badge-secondary-hover[href]:focus, .badge-secondary-hover[href]:hover { color: #fff; text-decoration: none; background-color: #1f2125 } .badge-success-hover { color: #282b30; background-color: #78d07d } .badge-success-hover[href]:focus, .badge-success-hover[href]:hover { color: #282b30; text-decoration: none; background-color: #52c359 } .badge-info-hover { color: #282b30; background-color: #3ed2f0 } .badge-info-hover[href]:focus, .badge-info-hover[href]:hover { color: #282b30; text-decoration: none; background-color: #12c5e9 } .badge-warning-hover { color: #282b30; background-color: #f1b746 } .badge-warning-hover[href]:focus, .badge-warning-hover[href]:hover { color: #282b30; text-decoration: none; background-color: #eda517 } .badge-danger-hover { background-color: #e76d7a } .badge-danger-hover[href]:focus, .badge-danger-hover[href]:hover { color: #fff; text-decoration: none; background-color: #e04152 } .badge-light-hover { background-color: #363a41 } .badge-light-hover[href]:focus, .badge-light-hover[href]:hover { color: #fff; text-decoration: none; background-color: #1f2125 } .badge-dark-hover { color: #282b30; background-color: #fafbfc } .badge-dark-hover[href]:focus, .badge-dark-hover[href]:hover { color: #282b30; text-decoration: none; background-color: #dae2e9 } .badge-danger, .badge-danger-hover, .badge-danger-hover[href], .badge-danger[href], .badge-dark, .badge-dark-hover, .badge-dark-hover[href], .badge-dark[href], .badge-info, .badge-info-hover, .badge-info-hover[href], .badge-info[href], .badge-light, .badge-light-hover, .badge-light-hover[href], .badge-light[href], .badge-primary, .badge-primary-hover, .badge-primary-hover[href], .badge-primary[href], .badge-secondary, .badge-secondary-hover, .badge-secondary-hover[href], .badge-secondary[href], .badge-success, .badge-success-hover, .badge-success-hover[href], .badge-success[href], .badge-warning, .badge-warning-hover, .badge-warning-hover[href], .badge-warning[href] { color: #fff } .btn { border-width: 1px; font-weight: 600; border-radius: .063rem; white-space: nowrap } .btn:focus, .btn:hover { cursor: pointer } .btn.disabled, .btn:disabled { opacity: 1; cursor: not-allowed } .btn>.material-icons, .main-header #header-search-container .btn>.input-group:before, .ps-tree-items .tree-name .btn>button:before { font-size: 1.4em; margin-top: -.083em } .btn-primary { color: #fff; background-color: #25b9d7; border-color: #25b9d7; box-shadow: none } .btn-primary:hover { color: #fff; background-color: #3ed2f0; border-color: #3ed2f0 } .btn-primary.focus, .btn-primary:focus { box-shadow: none } .btn-primary.disabled, .btn-primary:disabled, .custom-file .custom-file-input.disabled~.custom-file-label:after, .custom-file .custom-file-input :disabled~.custom-file-label:after { background-color: #bbcdd2; border-color: #bbcdd2 } .btn-primary:not([disabled]):not(.disabled).active, .btn-primary:not([disabled]):not(.disabled):active, .show>.btn-primary.dropdown-toggle { background-color: #19a9c6; border-color: #19a9c6; box-shadow: none } .btn-secondary { color: #fff; background-color: #6c868e; border-color: #6c868e; box-shadow: none } .btn-secondary:hover { color: #fff; background-color: #363a41; border-color: #363a41 } .btn-secondary.focus, .btn-secondary:focus { box-shadow: none } .btn-secondary.disabled, .btn-secondary:disabled { background-color: #bbcdd2; border-color: #bbcdd2 } .btn-secondary:not([disabled]):not(.disabled).active, .btn-secondary:not([disabled]):not(.disabled):active, .show>.btn-secondary.dropdown-toggle { background-color: #282b30; border-color: #282b30; box-shadow: none } .btn-success { color: #fff; background-color: #70b580; border-color: #70b580; box-shadow: none } .btn-success:hover { color: #fff; background-color: #78d07d; border-color: #78d07d } .btn-success.focus, .btn-success:focus { box-shadow: none } .btn-success.disabled, .btn-success:disabled { background-color: #bbcdd2; border-color: #bbcdd2 } .btn-success:not([disabled]):not(.disabled).active, .btn-success:not([disabled]):not(.disabled):active, .show>.btn-success.dropdown-toggle { background-color: #539f64; border-color: #539f64; box-shadow: none } .btn-info { color: #fff; background-color: #25b9d7; border-color: #25b9d7; box-shadow: none } .btn-info:hover { color: #fff; background-color: #3ed2f0; border-color: #3ed2f0 } .btn-info.focus, .btn-info:focus { box-shadow: none } .btn-info.disabled, .btn-info:disabled { background-color: #bbcdd2; border-color: #bbcdd2 } .btn-info:not([disabled]):not(.disabled).active, .btn-info:not([disabled]):not(.disabled):active, .show>.btn-info.dropdown-toggle { background-color: #1e94ab; border-color: #1e94ab; box-shadow: none } .btn-warning { color: #fff; background-color: #cd9321; border-color: #cd9321; box-shadow: none } .btn-warning:hover { color: #fff; background-color: #f1b746; border-color: #f1b746 } .btn-warning.focus, .btn-warning:focus { box-shadow: none } .btn-warning.disabled, .btn-warning:disabled { background-color: #bbcdd2; border-color: #bbcdd2 } .btn-warning:not([disabled]):not(.disabled).active, .btn-warning:not([disabled]):not(.disabled):active, .show>.btn-warning.dropdown-toggle { background-color: #a1741a; border-color: #a1741a; box-shadow: none } .btn-danger { color: #fff; background-color: #c05c67; border-color: #c05c67; box-shadow: none } .btn-danger:hover { color: #fff; background-color: #e76d7a; border-color: #e76d7a } .btn-danger.focus, .btn-danger:focus { box-shadow: none } .btn-danger.disabled, .btn-danger:disabled { background-color: #bbcdd2; border-color: #bbcdd2 } .btn-danger:not([disabled]):not(.disabled).active, .btn-danger:not([disabled]):not(.disabled):active, .show>.btn-danger.dropdown-toggle { background-color: #a8414c; border-color: #a8414c; box-shadow: none } .btn-light { color: #fff; background-color: #fafbfc; border-color: #fafbfc; box-shadow: none } .btn-light:hover { color: #fff; background-color: #363a41; border-color: #363a41 } .btn-light.focus, .btn-light:focus { box-shadow: none } .btn-light.disabled, .btn-light:disabled { background-color: #bbcdd2; border-color: #bbcdd2 } .btn-light:not([disabled]):not(.disabled).active, .btn-light:not([disabled]):not(.disabled):active, .show>.btn-light.dropdown-toggle { background-color: #dae2e9; border-color: #dae2e9; box-shadow: none } .btn-dark { color: #fff; background-color: #363a41; border-color: #363a41; box-shadow: none } .btn-dark:hover { color: #fff; background-color: #fafbfc; border-color: #fafbfc } .btn-dark.focus, .btn-dark:focus { box-shadow: none } .btn-dark.disabled, .btn-dark:disabled { background-color: #bbcdd2; border-color: #bbcdd2 } .btn-dark:not([disabled]):not(.disabled).active, .btn-dark:not([disabled]):not(.disabled):active, .show>.btn-dark.dropdown-toggle { background-color: #1f2125; border-color: #1f2125; box-shadow: none } .btn-outline-primary { color: #25b9d7; background-color: transparent; background-image: none; border-color: #25b9d7 } .btn-outline-primary:hover { color: #fff; background-color: #3ed2f0; border-color: #3ed2f0 } .btn-outline-primary.focus, .btn-outline-primary:focus { box-shadow: none } .btn-outline-primary.disabled, .btn-outline-primary:disabled { color: #bbcdd2; background-color: transparent; border-color: #bbcdd2 } .btn-outline-primary:not([disabled]):not(.disabled).active, .btn-outline-primary:not([disabled]):not(.disabled):active, .show>.btn-outline-primary.dropdown-toggle { color: #fff; background-color: #19a9c6; border-color: #19a9c6; box-shadow: none } .btn-outline-secondary { color: #6c868e; background-color: transparent; background-image: none; border-color: #6c868e } .btn-outline-secondary:hover { color: #fff; background-color: #363a41; border-color: #363a41 } .btn-outline-secondary.focus, .btn-outline-secondary:focus { box-shadow: none } .btn-outline-secondary.disabled, .btn-outline-secondary:disabled { color: #bbcdd2; background-color: transparent; border-color: #bbcdd2 } .btn-outline-secondary:not([disabled]):not(.disabled).active, .btn-outline-secondary:not([disabled]):not(.disabled):active, .show>.btn-outline-secondary.dropdown-toggle { color: #fff; background-color: #282b30; border-color: #282b30; box-shadow: none } .btn-outline-success { color: #70b580; background-color: transparent; background-image: none; border-color: #70b580 } .btn-outline-success:hover { color: #fff; background-color: #78d07d; border-color: #78d07d } .btn-outline-success.focus, .btn-outline-success:focus { box-shadow: none } .btn-outline-success.disabled, .btn-outline-success:disabled { color: #bbcdd2; background-color: transparent; border-color: #bbcdd2 } .btn-outline-success:not([disabled]):not(.disabled).active, .btn-outline-success:not([disabled]):not(.disabled):active, .show>.btn-outline-success.dropdown-toggle { color: #fff; background-color: #539f64; border-color: #539f64; box-shadow: none } .btn-outline-info { color: #25b9d7; background-color: transparent; background-image: none; border-color: #25b9d7 } .btn-outline-info:hover { color: #fff; background-color: #3ed2f0; border-color: #3ed2f0 } .btn-outline-info.focus, .btn-outline-info:focus { box-shadow: none } .btn-outline-info.disabled, .btn-outline-info:disabled { color: #bbcdd2; background-color: transparent; border-color: #bbcdd2 } .btn-outline-info:not([disabled]):not(.disabled).active, .btn-outline-info:not([disabled]):not(.disabled):active, .show>.btn-outline-info.dropdown-toggle { color: #fff; background-color: #1e94ab; border-color: #1e94ab; box-shadow: none } .btn-outline-warning { color: #cd9321; background-color: transparent; background-image: none; border-color: #cd9321 } .btn-outline-warning:hover { color: #fff; background-color: #f1b746; border-color: #f1b746 } .btn-outline-warning.focus, .btn-outline-warning:focus { box-shadow: none } .btn-outline-warning.disabled, .btn-outline-warning:disabled { color: #bbcdd2; background-color: transparent; border-color: #bbcdd2 } .btn-outline-warning:not([disabled]):not(.disabled).active, .btn-outline-warning:not([disabled]):not(.disabled):active, .show>.btn-outline-warning.dropdown-toggle { color: #fff; background-color: #a1741a; border-color: #a1741a; box-shadow: none } .btn-outline-danger { color: #c05c67; background-color: transparent; background-image: none; border-color: #c05c67 } .btn-outline-danger:hover { color: #fff; background-color: #e76d7a; border-color: #e76d7a } .btn-outline-danger.focus, .btn-outline-danger:focus { box-shadow: none } .btn-outline-danger.disabled, .btn-outline-danger:disabled { color: #bbcdd2; background-color: transparent; border-color: #bbcdd2 } .btn-outline-danger:not([disabled]):not(.disabled).active, .btn-outline-danger:not([disabled]):not(.disabled):active, .show>.btn-outline-danger.dropdown-toggle { color: #fff; background-color: #a8414c; border-color: #a8414c; box-shadow: none } .btn-outline-light { color: #fafbfc; background-color: transparent; background-image: none; border-color: #fafbfc } .btn-outline-light:hover { color: #fff; background-color: #363a41; border-color: #363a41 } .btn-outline-light.focus, .btn-outline-light:focus { box-shadow: none } .btn-outline-light.disabled, .btn-outline-light:disabled { color: #bbcdd2; background-color: transparent; border-color: #bbcdd2 } .btn-outline-light:not([disabled]):not(.disabled).active, .btn-outline-light:not([disabled]):not(.disabled):active, .show>.btn-outline-light.dropdown-toggle { color: #fff; background-color: #dae2e9; border-color: #dae2e9; box-shadow: none } .btn-outline-dark { color: #363a41; background-color: transparent; background-image: none; border-color: #363a41 } .btn-outline-dark:hover { color: #fff; background-color: #fafbfc; border-color: #fafbfc } .btn-outline-dark.focus, .btn-outline-dark:focus { box-shadow: none } .btn-outline-dark.disabled, .btn-outline-dark:disabled { color: #bbcdd2; background-color: transparent; border-color: #bbcdd2 } .btn-outline-dark:not([disabled]):not(.disabled).active, .btn-outline-dark:not([disabled]):not(.disabled):active, .show>.btn-outline-dark.dropdown-toggle { color: #fff; background-color: #1f2125; border-color: #1f2125; box-shadow: none } .btn-outline-secondary:not([disabled]):not(.disabled).hover, .btn-outline-secondary:not([disabled]):not(.disabled):hover { color: #25b9d7; background-color: #fff; border-color: #25b9d7 } .btn-outline-secondary:not([disabled]):not(.disabled).active, .btn-outline-secondary:not([disabled]):not(.disabled):active, .show>.btn-outline-secondary.dropdown-toggle { color: #19a9c6; background-color: #f6fdff; border-color: #3ed2f0 } .btn-group .btn.dropdown-toggle-split:not([class*=outline]) { margin-left: 1px } .btn-group .btn-group-lg>.btn.dropdown-toggle-split, .btn-group .btn.btn-lg.dropdown-toggle-split { padding-right: 9.008px; padding-right: .563rem; padding-left: 9.008px; padding-left: .563rem } .btn-group .btn.dropdown-toggle-split[class*=outline] { margin-left: -1px } .breadcrumb { margin: 0; font-size: 12px; font-size: .75rem } .breadcrumb li+li:before { padding-right: 0; padding-left: 3px; padding-left: .1875rem } .breadcrumb li>a { color: #363a41 } .breadcrumb-item { color: #363a41; font-weight: 400 } .toolbar-button { color: #6c868e; text-align: center; display: inline-block; margin: 0 5px; margin: 0 .3125rem } .main-header #header-search-container .toolbar-button>.input-group:before, .ps-tree-items .tree-name .toolbar-button>button:before, .toolbar-button>.material-icons { font-size: 24px; font-size: 1.5rem } .toolbar-button>.title { font-size: 12px; font-size: .75rem; color: #6c868e; display: block } .toolbar-button:hover { text-decoration: none } .card .list-group-item, .module-addons-item-grid .module-addons-item-wrapper-grid .list-group-item, .module-item-wrapper-grid .list-group-item, .module-placeholders-wrapper .timeline-item-wrapper .list-group-item { padding: 12px 20px; padding: .75rem 1.25rem } .custom-file, .custom-select { width: 100% } .custom-file, .custom-file .custom-file-input, .custom-select { height: 35.008px; height: 2.188rem } .custom-file .custom-file-input:focus~.custom-file-label { border-color: #3ed2f0 } .custom-file .custom-file-input.disabled, .custom-file .custom-file-input :disabled { cursor: not-allowed } .custom-file .custom-file-input.disabled~.custom-file-label, .custom-file .custom-file-input :disabled~.custom-file-label { color: #6c868e; cursor: not-allowed; background-color: #eceeef } .custom-file .custom-file-label:after { font-weight: 600; color: #fff; background-color: #25b9d7; border-color: #25b9d7; box-shadow: none; top: -1px; right: -1px; bottom: -1px; height: auto } .custom-file .custom-file-label:after:focus, .custom-file .custom-file-label:after:hover { cursor: pointer } .custom-file .custom-file-label:after:hover { color: #fff } .custom-file .custom-file-label:after.focus, .custom-file .custom-file-label:after:focus { box-shadow: none } .custom-file .custom-file-label:after.disabled, .custom-file .custom-file-label:after:disabled { background-color: #bbcdd2; border-color: #bbcdd2 } .custom-file .custom-file-label:after:not([disabled]):not(.disabled).active, .custom-file .custom-file-label:after:not([disabled]):not(.disabled):active, .show>.custom-file .custom-file-label:after.dropdown-toggle { box-shadow: none } .form-select { position: relative } .dropdown-toggle, .dropup .dropdown-toggle { padding-right: 10.056px; padding-right: .6285rem } .dropdown-toggle:after, .dropup .dropdown-toggle:after { font-family: Material Icons; font-weight: 400; font-style: normal; font-size: 24px; font-size: 1.5rem; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; -webkit-font-feature-settings: "liga"; font-feature-settings: "liga"; content: "expand_more"; border: none; display: inline-block; vertical-align: middle; width: auto; line-height: 0 } .dropup .dropdown-toggle:after { content: "expand_less" } .dropdown-toggle:not(.dropdown-toggle-split):after { margin-left: 10px; margin-left: .625rem } .dropdown-menu { border: 1px solid #bbcdd2; box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, .3); color: #576c72; padding: 5.008px 0; padding: .313rem 0; min-width: 250px; min-width: 15.625rem } .dropdown-menu .main-header #header-search-container .input-group:before, .dropdown-menu .material-icons, .dropdown-menu .ps-tree-items .tree-name button:before, .main-header #header-search-container .dropdown-menu .input-group:before, .ps-tree-items .tree-name .dropdown-menu button:before { color: #6c868e; font-size: 18px; font-size: 1.125rem; vertical-align: text-bottom; padding-right: 8px; padding-right: .5rem } .dropdown-menu>.dropdown-item { color: inherit; line-height: normal; border-bottom: 0; padding: 6px 15.008px; padding: .375rem .938rem; padding-right: 24px; padding-right: 1.5rem } .dropdown-menu>.dropdown-item:hover { color: #fff; background-color: #25b9d7 } .dropdown-menu>.dropdown-item:hover .main-header #header-search-container .input-group:before, .dropdown-menu>.dropdown-item:hover .material-icons, .dropdown-menu>.dropdown-item:hover .ps-tree-items .tree-name button:before, .main-header #header-search-container .dropdown-menu>.dropdown-item:hover .input-group:before, .ps-tree-items .tree-name .dropdown-menu>.dropdown-item:hover button:before { color: #fff } .dropdown-menu>.dropdown-divider { margin: 5.008px 0; margin: .313rem 0 } .form.form-background { background-color: #eff1f2; padding: 32px; padding: 2rem } .form-control-label { margin-bottom: 5px; margin-bottom: .3125rem; color: #363a41 } .form-text { color: #6c868e; font-size: 12px; font-size: .75rem } label+.form-text { float: right } .form-control, .pagination .jump-to-page, .pstaggerAddTagInput, .pstaggerWrapper, .tags-input { padding: 6px 7px; padding: .375rem .4375rem } .disabled.pstaggerAddTagInput, .disabled.pstaggerWrapper, .disabled.tags-input, .form-control.disabled, .form-control :disabled, .pagination .disabled.jump-to-page, .pagination .jump-to-page :disabled, .pstaggerAddTagInput :disabled, .pstaggerWrapper :disabled, .tags-input :disabled { color: #6c868e; cursor: not-allowed } .form-control-lg, .input-group-lg>.form-control, .input-group-lg>.input-group-append>.btn, .input-group-lg>.input-group-append>.input-group-text, .input-group-lg>.input-group-prepend>.btn, .input-group-lg>.input-group-prepend>.input-group-text, .input-group-lg>.pstaggerAddTagInput, .input-group-lg>.pstaggerWrapper, .input-group-lg>.tags-input, .pagination .input-group-lg>.jump-to-page { padding: 6px 13.408px; padding: .375rem .838rem } .has-danger, .has-success, .has-warning { position: relative } .has-danger .form-control-label, .has-success .form-control-label, .has-warning .form-control-label { color: #363a41 } .has-danger .form-control, .has-danger .pagination .jump-to-page, .has-danger .pstaggerAddTagInput, .has-danger .pstaggerWrapper, .has-danger .tags-input, .has-success .form-control, .has-success .pagination .jump-to-page, .has-success .pstaggerAddTagInput, .has-success .pstaggerWrapper, .has-success .tags-input, .has-warning .form-control, .has-warning .pagination .jump-to-page, .has-warning .pstaggerAddTagInput, .has-warning .pstaggerWrapper, .has-warning .tags-input, .pagination .has-danger .jump-to-page, .pagination .has-success .jump-to-page, .pagination .has-warning .jump-to-page { background-image: none; padding-right: 25px; padding-right: 1.5625rem } .has-danger:after, .has-success:after, .has-warning:after { font-family: Material Icons; font-style: normal; font-size: 24px; font-size: 1.5rem; display: inline-block; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; -webkit-font-feature-settings: "liga"; font-feature-settings: "liga"; content: "\E876"; font-size: 23.008px; font-size: 1.438rem; font-weight: 400; position: absolute; right: 5px; right: .3125rem; bottom: 29.008px; bottom: 1.813rem; vertical-align: middle } .has-danger.form-group-lg:after, .has-success.form-group-lg:after, .has-warning.form-group-lg:after { bottom: 30px; bottom: 1.875rem } .has-success:after { content: "\E876"; color: #70b580 } .has-warning:after { content: "\E001"; color: #cd9321 } .has-danger:after { content: "\E001"; color: #c05c67 } .form-check.disabled .form-check-label, .form-check :disabled .form-check-label { color: #6c868e } .form-control.is-valid, .is-valid, .is-valid.pstaggerAddTagInput, .is-valid.pstaggerWrapper, .is-valid.tags-input, .pagination .is-valid.jump-to-page { border-color: #70b580 } .form-control.is-valid:focus, .is-valid.pstaggerAddTagInput:focus, .is-valid.pstaggerWrapper:focus, .is-valid.tags-input:focus, .is-valid:focus, .pagination .is-valid.jump-to-page:focus { box-shadow: none } .valid-feedback { font-size: 12px; font-size: .75rem; font-weight: 700; color: #70b580; margin-top: 5px; margin-top: .3125rem } .form-control.is-invalid, .is-invalid, .is-invalid.pstaggerAddTagInput, .is-invalid.pstaggerWrapper, .is-invalid.tags-input, .pagination .is-invalid.jump-to-page { border-color: #c05c67 } .form-control.is-invalid:focus, .is-invalid.pstaggerAddTagInput:focus, .is-invalid.pstaggerWrapper:focus, .is-invalid.tags-input:focus, .is-invalid:focus, .pagination .is-invalid.jump-to-page:focus { box-shadow: none } .invalid-feedback { font-size: 12px; font-size: .75rem; font-weight: 700; color: #c05c67; margin-top: 5px; margin-top: .3125rem } .form-control.is-warning, .is-warning, .is-warning.pstaggerAddTagInput, .is-warning.pstaggerWrapper, .is-warning.tags-input, .pagination .is-warning.jump-to-page { border-color: #cd9321 } .form-control.is-warning:focus, .is-warning.pstaggerAddTagInput:focus, .is-warning.pstaggerWrapper:focus, .is-warning.tags-input:focus, .is-warning:focus, .pagination .is-warning.jump-to-page:focus { box-shadow: none } .warning-feedback { font-size: 12px; font-size: .75rem; font-weight: 700; color: #cd9321; margin-top: 5px; margin-top: .3125rem } .switch-input { height: 20px; width: 40px; position: relative; cursor: pointer; display: inline-block; vertical-align: middle; margin: -2px 4px 0 0 } .switch-input, .switch-input:after { background: #fff; border: 2px solid #bbcdd2; border-radius: 20px; box-sizing: border-box; color: #6c868e; transition: all .5s } .switch-input { background: #fde7bb } .switch-input>input { display: none } .switch-input:after { font-family: Material Icons; font-weight: 400; font-style: normal; font-size: 24px; font-size: 1.5rem; display: inline-block; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; -webkit-font-feature-settings: "liga"; font-feature-settings: "liga"; content: "close"; display: block; height: 24px; width: 24px; position: absolute; top: -4px; left: -4px; transform: rotate(-180deg); line-height: 20px; vertical-align: middle; text-align: center; font-size: 16px } .switch-input.-checked { background: #25b9d7 } .switch-input.-checked:after { content: "check"; left: 16px; color: #25b9d7; transform: rotate(0deg) } .switch-input.switch-input-lg { height: 30px; width: 60px; position: relative; cursor: pointer; display: inline-block; vertical-align: middle; margin: -2px 5px 0 0 } .switch-input.switch-input-lg, .switch-input.switch-input-lg:after { background: #fff; border: 2px solid #bbcdd2; border-radius: 30px; box-sizing: border-box; color: #6c868e; transition: all .5s } .switch-input.switch-input-lg { background: #fde7bb } .switch-input.switch-input-lg>input { display: none } .switch-input.switch-input-lg:after { font-family: Material Icons; font-weight: 400; font-style: normal; font-size: 1.5rem; display: inline-block; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; -webkit-font-feature-settings: "liga"; font-feature-settings: "liga"; content: "close"; display: block; height: 36px; width: 36px; position: absolute; top: -5px; left: -5px; transform: rotate(-180deg); line-height: 32px; vertical-align: middle; text-align: center; font-size: 24px } .switch-input.switch-input-lg.-checked { background: #25b9d7 } .switch-input.switch-input-lg.-checked:after { content: "check"; left: 25px; color: #25b9d7; transform: rotate(0deg) } .switch-input.switch-input-sm { height: 16px; width: 28px; position: relative; cursor: pointer; display: inline-block; vertical-align: middle; margin: -2px 3px 0 0 } .switch-input.switch-input-sm, .switch-input.switch-input-sm:after { background: #fff; border: 2px solid #bbcdd2; border-radius: 16px; box-sizing: border-box; color: #6c868e; transition: all .5s } .switch-input.switch-input-sm { background: #fde7bb } .switch-input.switch-input-sm>input { display: none } .switch-input.switch-input-sm:after { font-family: Material Icons; font-weight: 400; font-style: normal; font-size: 24px; font-size: 1.5rem; display: inline-block; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; -webkit-font-feature-settings: "liga"; font-feature-settings: "liga"; content: "close"; display: block; height: 18px; width: 18px; position: absolute; top: -3px; left: -3px; transform: rotate(-180deg); line-height: 14px; vertical-align: middle; text-align: center; font-size: 12px } .switch-input.switch-input-sm.-checked { background: #25b9d7 } .switch-input.switch-input-sm.-checked:after { content: "check"; left: 9px; color: #25b9d7; transform: rotate(0deg) } .search input:-ms-input-placeholder { font-style: italic } .search input::placeholder { font-style: italic } .search.search-with-icon { position: relative } .search.search-with-icon input[type=text] { padding-right: 25.6px; padding-right: 1.6rem } .search.search-with-icon:after { font-family: Material Icons; font-style: normal; font-size: 24px; font-size: 1.5rem; display: inline-block; line-height: 1; text-transform: none; letter-spacing: normal; vertical-align: middle; word-wrap: normal; white-space: nowrap; direction: ltr; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; -webkit-font-feature-settings: "liga"; font-feature-settings: "liga"; content: "\E8B6"; color: #6c868e; font-size: 22px; font-size: 1.375rem; font-weight: 400; position: absolute; right: 5px; right: .3125rem; top: 50%; margin-top: -11px; margin-top: -.6875rem } .input-group-text { padding: 6px 10px; padding: .375rem .625rem; color: #6c868e } .input-group-text, .input-group-text .main-header #header-search-container .input-group:before, .input-group-text .material-icons, .input-group-text .ps-tree-items .tree-name button:before, .main-header #header-search-container .input-group-text .input-group:before, .ps-tree-items .tree-name .input-group-text button:before { font-size: 14px; font-size: .875rem } .input-group-text+.input-group-text { margin-left: -1px } .list-group-item-action:active { color: #fff; background-color: #3ed2f0; box-shadow: 0 0 1px 0 rgba(0, 0, 0, .5), inset 1px 1px 3px 0 #25b9d7; border-top-color: #25b9d7; border-left-color: #25b9d7 } .list-group-item-action .badge { float: right } .list-group-item-action.active .badge, .list-group-item-action:hover .badge { background: #fafbfc; color: #363a41 } .modal-body, .modal-header { padding-bottom: 0 } .modal-body p:last-child, .modal-header p:last-child { margin-bottom: 0 } .alert.expandable-alert .modal-header .read-more, .modal-header .alert.expandable-alert .read-more, .modal-header .close { cursor: pointer; font-size: 32px; font-size: 2rem } .modal-title { margin-bottom: 0 } .nav-link { color: #6c868e } .nav-tabs, .nav-tabs .nav-link { border: none } .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { border-top: 3px solid #25b9d7; border-top: .1875rem solid #25b9d7 } .nav-pills { border-top: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf } .nav-pills .nav-link.active, .show>.nav-pills .nav-link { border-bottom: 3px solid #25b9d7; border-bottom: .1875rem solid #25b9d7 } .tab-content { background-color: #fff; padding: 15px; padding: .9375rem } .page-item.next .page-link, .page-item.previous .page-link { padding: 0 } .page-item.next .page-link:after, .page-item.previous .page-link:after { font-family: Material Icons; font-weight: 400; font-style: normal; font-size: 24px; font-size: 1.5rem; display: inline-block; line-height: 1; text-transform: none; letter-spacing: normal; vertical-align: middle; word-wrap: normal; white-space: nowrap; direction: ltr; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; -webkit-font-feature-settings: "liga"; font-feature-settings: "liga"; line-height: 38px; line-height: 2.375rem } .page-item.next .page-link:hover, .page-item.previous .page-link:hover { text-decoration: underline } .page-item.next.previous .page-link:after, .page-item.previous.previous .page-link:after { content: "\E314" } .page-item.next.next .page-link:after, .page-item.previous.next .page-link:after { content: "\E315" } .page-item.active .page-link { font-weight: 700 } .page-link { font-weight: 400 } .page-link:focus, .page-link:hover { text-decoration: underline } .pagination .jump-to-page { color: #25b9d7; font-weight: 700; width: 48px; width: 3rem; margin-right: 1px; margin-top: 2px } .pagination .jump-to-page:focus { font-weight: 400 } .pstaggerWrapper { border: 0; padding: 0 } .pstaggerTagsWrapper { display: none; position: relative; padding: 6.4px; padding: .4rem; padding-bottom: 0; border: 1px solid #bbcdd2; background: #fff; width: 100% } .pstaggerAddTagWrapper { width: 100%; height: 100% } .pstaggerTag { font-size: 12px; font-size: .75rem; display: inline-block; padding: 3.2px 6.4px; padding: .2rem .4rem; margin: 0 6.4px 6.4px 0; margin: 0 .4rem .4rem 0; color: #25b9d7; text-align: center; white-space: nowrap; vertical-align: baseline; color: #fff; background-color: #25b9d7 } .pstaggerTag[href]:focus, .pstaggerTag[href]:hover { color: #fff; text-decoration: none; background-color: #1e94ab } .pstaggerTag .pstaggerClosingCross { margin: 0 0 0 6.4px; margin: 0 0 0 .4rem; color: #363a41; text-decoration: none; font-size: 0 } .pstaggerTag .pstaggerClosingCross:after { font-family: Material Icons; font-weight: 400; font-style: normal; font-size: 24px; font-size: 1.5rem; display: inline-block; line-height: 1; text-transform: none; letter-spacing: normal; vertical-align: middle; word-wrap: normal; white-space: nowrap; direction: ltr; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; -webkit-font-feature-settings: "liga"; font-feature-settings: "liga"; content: "\E5CD"; font-size: 17.008px; font-size: 1.063rem; vertical-align: bottom } .pstaggerTag .pstaggerClosingCross:hover { color: #363a41 } .pstaggerAddTagInput { height: 100% } .input-group .pstaggerAddTagInput { display: block; width: 100% } .tags-input { padding: 0; border: 1px solid #bbcdd2; background-color: #fff } .tags-input:focus-within { border-color: #3ed2f0 } .tags-input .tags-wrapper { font-size: 0 } .tags-input .tags-wrapper:not(:empty) { padding: 6.4px; padding: .4rem; padding-right: 0 } .tags-input .tag { font-size: 12px; font-size: .75rem; display: inline-block; padding: 3.2px 6.4px; padding: .2rem .4rem; margin: 0 6.4px 0 0; margin: 0 .4rem 0 0; color: #25b9d7; text-align: center; white-space: nowrap; vertical-align: baseline; color: #fff; background-color: #25b9d7 } .tags-input .tag[href]:focus, .tags-input .tag[href]:hover { color: #fff; text-decoration: none; background-color: #1e94ab } .tags-input .tag:last-child { margin-right: 0 } .main-header #header-search-container .tags-input .tag>.input-group:before, .ps-tree-items .tree-name .tags-input .tag>button:before, .tags-input .main-header #header-search-container .tag>.input-group:before, .tags-input .ps-tree-items .tree-name .tag>button:before, .tags-input .tag>.material-icons { margin: 0 0 0 6.4px; margin: 0 0 0 .4rem; color: #363a41; cursor: pointer; font-size: 17.008px; font-size: 1.063rem } .tags-input input[type=text] { border: none; min-width: 75px; -ms-flex-positive: 1; flex-grow: 1; width: auto } .ps-switch { position: relative; display: inline-block; min-width: 130px; min-width: 8.125rem; margin-top: 3px; font-size: 13.008px; font-size: .813rem; background-color: #eff1f2; border-radius: 1px; text-align: center } .ps-switch input { position: absolute; opacity: 0 } .ps-switch input:disabled+label { cursor: not-allowed } .ps-switch input:disabled:checked+label { background-color: #bbcdd2 } .ps-switch label { position: relative; z-index: 2; float: left; width: 50%; height: 100%; padding: .231em .769em; margin: 0; vertical-align: middle; text-align: center; text-transform: uppercase; color: #bbcdd2; font-weight: 400; cursor: pointer; transition: color .2s ease-out } .ps-switch input:checked+label { color: #fff } .ps-switch>.slide-button { position: absolute; top: 0; left: 0; padding: 0; z-index: 1; width: 50%; height: 100%; color: #fff; background-color: #c05c67; transition: all .3s ease-out } .ps-switch input:last-of-type:checked~.slide-button { background-color: #2eacce; left: 50% } .ps-switch.ps-switch-sm { min-width: 100px; min-width: 6.25rem; font-size: 12px; font-size: .75rem } .ps-switch.ps-switch-lg { font-size: 16px; font-size: 1rem } .ps-sortable-column { display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap } .ps-sortable-column [role=columnheader] { text-overflow: ellipsis } .ps-sortable-column .ps-sort { font-family: Material Icons; font-weight: 400; font-style: normal; font-size: 24px; font-size: 1.5rem; display: inline-block; line-height: 1; text-transform: none; letter-spacing: normal; vertical-align: middle; word-wrap: normal; white-space: nowrap; direction: ltr; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; -webkit-font-feature-settings: "liga"; font-feature-settings: "liga"; -ms-flex-item-align: end; align-self: flex-end; margin-left: 8px; margin-left: .5rem; margin-bottom: 2px; margin-bottom: .125rem; opacity: 0; color: #6c868e; transition: all .2s; font-size: 16px; font-size: 1rem; transform: rotate(90deg) } .ps-sortable-column .ps-sort:before { content: "code" } .ps-sortable-column[data-sort-is-current] .ps-sort { opacity: 1; color: #25b9d7; transform: rotate(0deg); font-weight: 700 } .ps-sortable-column[data-sort-is-current][data-sort-direction=asc] .ps-sort:before { content: "keyboard_arrow_up" } .ps-sortable-column[data-sort-is-current][data-sort-direction=desc] .ps-sort:before { content: "keyboard_arrow_down" } .ps-sortable-column:hover { cursor: pointer } .ps-sortable-column:not([data-sort-is-current=true]):hover .ps-sort { width: auto; opacity: 1 } .text-center>.ps-sortable-column:not([data-sort-is-current=true])>.ps-sort, .text-right>.ps-sortable-column:not([data-sort-is-current=true])>.ps-sort { width: 0; margin-left: 0; overflow: hidden } .text-center>.ps-sortable-column:not([data-sort-is-current=true]):hover>.ps-sort, .text-right>.ps-sortable-column:not([data-sort-is-current=true]):hover>.ps-sort { height: auto; width: auto; margin-left: 8px; margin-left: .5rem } .text-center>.ps-sortable-column { -ms-flex-pack: center; justify-content: center } .text-right>.ps-sortable-column { -ms-flex-pack: end; justify-content: flex-end } .table { border-bottom: 1px solid #bbcdd2 } .table thead th { border-bottom: 2px solid #25b9d7; border-bottom: .125rem solid #25b9d7; border-top: none } .main-header #header-search-container .table thead th>.input-group:before, .ps-tree-items .tree-name .table thead th>button:before, .table thead .main-header #header-search-container th>.input-group:before, .table thead .ps-tree-items .tree-name th>button:before, .table thead th>.material-icons { color: #6c868e; margin-top: -8px; margin-top: -.5rem } .table thead tr.column-filters { background: #fafbfc } .table thead tr.column-filters th { border-bottom: none; vertical-align: top; padding-top: 16px; padding-top: 1rem; padding-bottom: 16px; padding-bottom: 1rem } .table thead.with-filters+tbody>tr:first-of-type td, .table thead.with-filters+tbody>tr:first-of-type th { border-top: none } .table td, .table th, .table tr { vertical-align: middle } .table td.form-group, .table th.form-group, .table tr.form-group { text-align: center } .table td.form-group .form-check, .table th.form-group .form-check, .table tr.form-group .form-check { display: inherit; margin-bottom: 0 } .table-form tbody tr:nth-of-type(odd) { background-color: #dff5f9 } .table-hover tbody tr:hover { color: #fff; cursor: pointer } .thead-dark th { background-color: #282b30 } .table-dark.table-form tbody tr:nth-of-type(odd) { background-color: #dff5f9 } .spinner { color: #fff; background-color: #fff; width: 40px; width: 2.5rem; height: 40px; height: 2.5rem; border-radius: 2.5rem; border-right-color: #25b9d7; border-bottom-color: #25b9d7; border-width: 3px; border-width: .1875rem; border-style: solid; font-size: 0; outline: none; display: inline-block; border-left-color: #bbcdd2; border-top-color: #bbcdd2; animation: rotating 2s linear infinite } .spinner-primary { border-right-color: #3ed2f0; border-bottom-color: #3ed2f0 } .spinner-secondary { border-right-color: #363a41; border-bottom-color: #363a41 } .spinner-success { border-right-color: #78d07d; border-bottom-color: #78d07d } .spinner-info { border-right-color: #3ed2f0; border-bottom-color: #3ed2f0 } .spinner-warning { border-right-color: #f1b746; border-bottom-color: #f1b746 } .spinner-danger { border-right-color: #e76d7a; border-bottom-color: #e76d7a } .spinner-light { border-right-color: #363a41; border-bottom-color: #363a41 } .spinner-dark { border-right-color: #fafbfc; border-bottom-color: #fafbfc } @keyframes rotating { 0% { transform: rotate(0deg) } to { transform: rotate(1turn) } } .md-checkbox { position: relative; margin: 0; margin: initial; text-align: left } .md-checkbox.md-checkbox-inline { display: inline-block } .md-checkbox.disabled { color: #6c868e } .md-checkbox label { margin-bottom: 0; padding-left: 25px } .md-checkbox i.md-checkbox-control { cursor: pointer } .md-checkbox i.md-checkbox-control:after, .md-checkbox i.md-checkbox-control:before { content: ""; position: absolute; left: 0; top: 0 } .md-checkbox i.md-checkbox-control:before { width: 20px; height: 20px; background: #fff; border: 2px solid #bbcdd2; border-radius: 2px; cursor: pointer; transition: background .3s } .md-checkbox input[type=checkbox] { outline: 0; display: none } .md-checkbox input[type=checkbox].indeterminate+i.md-checkbox-control:before, .md-checkbox input[type=checkbox]:checked+i.md-checkbox-control:before { background: #25b9d7; border: none } .md-checkbox input[type=checkbox].indeterminate+i.md-checkbox-control:after, .md-checkbox input[type=checkbox]:checked+i.md-checkbox-control:after { transform: rotate(-45deg); top: 4.5px; left: 3px; width: 14px; height: 7px; border: 2px solid #fff; border-top-style: none; /*! @noflip */ border-right-style: none } .md-checkbox input[type=checkbox].indeterminate+i.md-checkbox-control:after { transform: rotate(0); height: 0; top: 9px } .md-checkbox input[type=checkbox]:disabled+i.md-checkbox-control { cursor: not-allowed; opacity: .5 } .md-checkbox input[type=checkbox]:disabled+i.md-checkbox-control:before { cursor: not-allowed } .select2-container--bootstrap { display: block } .select2-container--bootstrap .select2-selection { box-shadow: none; background-color: #fff; border: 1px solid #bbcdd2; border-radius: 0; color: #363a41; font-size: 14px; font-size: .875rem; outline: 0 } .pagination .select2-container--bootstrap .select2-selection.jump-to-page, .select2-container--bootstrap .pagination .select2-selection.jump-to-page, .select2-container--bootstrap .select2-selection.form-control, .select2-container--bootstrap .select2-selection.pstaggerAddTagInput, .select2-container--bootstrap .select2-selection.pstaggerWrapper, .select2-container--bootstrap .select2-selection.tags-input { border-radius: 0 } .select2-container--bootstrap .select2-search--dropdown .select2-search__field { box-shadow: none; background-color: #fff; border: 1px solid #bbcdd2; border-radius: 0; color: #363a41; font-size: 14px; font-size: .875rem } .select2-container--bootstrap .select2-search__field { outline: 0 } .select2-container--bootstrap .select2-search__field::-webkit-input-placeholder { color: #6c868e } .select2-container--bootstrap .select2-search__field:-moz-placeholder { color: #6c868e } .select2-container--bootstrap .select2-search__field::-moz-placeholder { color: #6c868e; opacity: 1 } .select2-container--bootstrap .select2-search__field:-ms-input-placeholder { color: #6c868e } .select2-container--bootstrap .select2-results__option { padding: 6px 10px; padding: .375rem .625rem } .select2-container--bootstrap .select2-results__option[role=group] { padding: 0 } .select2-container--bootstrap .select2-results__option[aria-disabled=true] { color: #6c868e; cursor: not-allowed } .select2-container--bootstrap .select2-results__option[aria-selected=true] { background-color: #fff; color: #25b9d7 } .select2-container--bootstrap .select2-results__option--highlighted[aria-selected] { background-color: #25b9d7; color: #fff } .select2-container--bootstrap .select2-results__option .select2-results__option { padding: 6px 10px; padding: .375rem .625rem } .select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__group { padding-left: 0 } .select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option { margin-left: -10px; margin-left: -.625rem; padding-left: 20px; padding-left: 1.25rem } .select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -20px; margin-left: -1.25rem; padding-left: 30px; padding-left: 1.875rem } .select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -30px; margin-left: -1.875rem; padding-left: 40px; padding-left: 2.5rem } .select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -40px; margin-left: -2.5rem; padding-left: 50px; padding-left: 3.125rem } .select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -50px; margin-left: -3.125rem; padding-left: 60px; padding-left: 3.75rem } .select2-container--bootstrap .select2-results__group { color: #6c868e; display: block; padding: 6px 10px; padding: .375rem .625rem; font-size: 12px; font-size: .75rem; line-height: 1.5; white-space: nowrap } .select2-container--bootstrap.select2-container--focus .select2-selection, .select2-container--bootstrap.select2-container--open .select2-selection { box-shadow: none; transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; border-color: #3ed2f0 } .select2-container--bootstrap.select2-container--open .select2-selection .select2-selection__arrow b { border-color: transparent transparent #6c868e; border-width: 0 4px 4px; border-width: 0 .25rem .25rem } .select2-container--bootstrap.select2-container--open.select2-container--below .select2-selection { border-bottom-color: transparent } .select2-container--bootstrap.select2-container--open.select2-container--above .select2-selection { border-top-color: transparent } .select2-container--bootstrap .select2-selection__clear { color: #6c868e; cursor: pointer; float: right; font-weight: 700; margin-right: 10px } .select2-container--bootstrap .select2-selection__clear:hover { color: #25b9d7 } .select2-container--bootstrap.select2-container--disabled .select2-selection { border-color: #bbcdd2; box-shadow: none } .select2-container--bootstrap.select2-container--disabled .select2-search__field, .select2-container--bootstrap.select2-container--disabled .select2-selection { cursor: not-allowed } .select2-container--bootstrap.select2-container--disabled .select2-selection, .select2-container--bootstrap.select2-container--disabled .select2-selection--multiple .select2-selection__choice { background-color: #eceeef } .select2-container--bootstrap.select2-container--disabled .select2-selection--multiple .select2-selection__choice__remove, .select2-container--bootstrap.select2-container--disabled .select2-selection__clear { display: none } .select2-container--bootstrap .select2-dropdown { box-shadow: none; border-color: #3ed2f0; overflow-x: hidden; margin-top: -1px } .select2-container--bootstrap .select2-dropdown--above { box-shadow: none; margin-top: 1px } .select2-container--bootstrap .select2-results>.select2-results__options { max-height: 200px; overflow-y: auto } .select2-container--bootstrap .select2-selection--single { line-height: 1.5; padding: 6px 22px 6px 10px; padding: .375rem 1.375rem .375rem .625rem } .select2-container--bootstrap .select2-selection--single .select2-selection__arrow { position: absolute; bottom: 0; right: 10px; right: .625rem; top: 0; width: 4px; width: .25rem } .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b { border-color: #6c868e transparent transparent; border-style: solid; border-width: 4px 4px 0; border-width: .25rem .25rem 0; height: 0; left: 0; margin-left: -4px; margin-left: -.25rem; margin-top: -2px; margin-top: -.125rem; position: absolute; top: 50%; width: 0 } .select2-container--bootstrap .select2-selection--single .select2-selection__rendered { color: #363a41; padding: 0 } .select2-container--bootstrap .select2-selection--single .select2-selection__placeholder { color: #6c868e } .select2-container--bootstrap .select2-selection--multiple { min-height: 35.008px; min-height: 2.188rem; padding: 0; height: auto } .select2-container--bootstrap .select2-selection--multiple .select2-selection__rendered { box-sizing: border-box; display: block; line-height: 1.5; list-style: none; margin: 0; overflow: hidden; padding: 0; width: 100%; text-overflow: ellipsis; white-space: nowrap } .select2-container--bootstrap .select2-selection--multiple .select2-selection__placeholder { color: #6c868e; float: left; margin-top: 5px } .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice { color: #363a41; background: #dff5f9; border: 1px solid #bbcdd2; border-radius: 0; cursor: default; float: left; margin: -10px 0 0 5px; margin: -.625rem 0 0 .3125rem; padding: 0 6px; padding: 0 .375rem } .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field { background: transparent; padding: 0 10px; padding: 0 .625rem; height: 3.008px; height: .188rem; line-height: 1.5; margin-top: 0; min-width: 5em } .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice__remove { color: #6c868e; cursor: pointer; display: inline-block; font-weight: 700; margin-right: 3px; margin-right: .1875rem } .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice__remove:hover { color: #25b9d7 } .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear { margin-top: 6px; margin-top: .375rem } .form-group-sm .select2-container--bootstrap .select2-selection--single, .input-group-sm .select2-container--bootstrap .select2-selection--single, .select2-container--bootstrap .select2-selection--single.input-sm { border-radius: 0; font-size: 12px; font-size: .75rem; height: calc(1.751rem + 2px); line-height: 1.5; padding: 5.008px 22px 5.008px 10px; padding: .313rem 1.375rem .313rem .625rem } .form-group-sm .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b, .input-group-sm .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b, .select2-container--bootstrap .select2-selection--single.input-sm .select2-selection__arrow b { margin-left: -5.008px; margin-left: -.313rem } .form-group-sm .select2-container--bootstrap .select2-selection--multiple, .input-group-sm .select2-container--bootstrap .select2-selection--multiple, .select2-container--bootstrap .select2-selection--multiple.input-sm { min-height: calc(1.751rem + 2px); border-radius: 0 } .form-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice, .input-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice, .select2-container--bootstrap .select2-selection--multiple.input-sm .select2-selection__choice { font-size: 12px; font-size: .75rem; line-height: 1.5; margin: -10.992px 0 0 5px; margin: -.687rem 0 0 .3125rem; padding: 0 5.008px; padding: 0 .313rem } .form-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field, .input-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field, .select2-container--bootstrap .select2-selection--multiple.input-sm .select2-search--inline .select2-search__field { padding: 0 10px; padding: 0 .625rem; font-size: 12px; font-size: .75rem; height: calc(1.751rem + 2px)-2; line-height: 1.5 } .form-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear, .input-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear, .select2-container--bootstrap .select2-selection--multiple.input-sm .select2-selection__clear { margin-top: 5.008px; margin-top: .313rem } .form-group-lg .select2-container--bootstrap .select2-selection--single, .input-group-lg .select2-container--bootstrap .select2-selection--single, .select2-container--bootstrap .select2-selection--single.input-lg { border-radius: 0; font-size: 16px; font-size: 1rem; height: 35.008px; height: 2.188rem; line-height: 1.5; padding: 7.008px 25.408px 7.008px 13.408px; padding: .438rem 1.588rem .438rem .838rem } .form-group-lg .select2-container--bootstrap .select2-selection--single .select2-selection__arrow, .input-group-lg .select2-container--bootstrap .select2-selection--single .select2-selection__arrow, .select2-container--bootstrap .select2-selection--single.input-lg .select2-selection__arrow { width: 4px; width: .25rem } .form-group-lg .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b, .input-group-lg .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b, .select2-container--bootstrap .select2-selection--single.input-lg .select2-selection__arrow b { border-width: 4px 4px 0; border-width: .25rem .25rem 0; margin-left: -4px; margin-left: -.25rem; margin-left: -7.008px; margin-left: -.438rem; margin-top: -2px; margin-top: -.125rem } .form-group-lg .select2-container--bootstrap .select2-selection--multiple, .input-group-lg .select2-container--bootstrap .select2-selection--multiple, .select2-container--bootstrap .select2-selection--multiple.input-lg { min-height: 35.008px; min-height: 2.188rem; border-radius: 0 } .form-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice, .input-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice, .select2-container--bootstrap .select2-selection--multiple.input-lg .select2-selection__choice { font-size: 16px; font-size: 1rem; line-height: 1.5; border-radius: 0; margin: -8.992px 0 0 6.704px; margin: -.562rem 0 0 .419rem; padding: 0 7.008px; padding: 0 .438rem } .form-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field, .input-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field, .select2-container--bootstrap .select2-selection--multiple.input-lg .select2-search--inline .select2-search__field { padding: 0 13.408px; padding: 0 .838rem; font-size: 16px; font-size: 1rem; height: 3.008px; height: .188rem; line-height: 1.5 } .form-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear, .input-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear, .select2-container--bootstrap .select2-selection--multiple.input-lg .select2-selection__clear { margin-top: 7.008px; margin-top: .438rem } .input-group-lg .select2-container--bootstrap .select2-selection.select2-container--open .select2-selection--single .select2-selection__arrow b, .select2-container--bootstrap .select2-selection.input-lg.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #6c868e; border-width: 0 4px 4px; border-width: 0 .25rem .25rem } .select2-container--bootstrap[dir=rtl] .select2-selection--single { padding-left: 22px; padding-left: 1.375rem; padding-right: 10px; padding-right: .625rem } .select2-container--bootstrap[dir=rtl] .select2-selection--single .select2-selection__rendered { padding-right: 0; padding-left: 0; text-align: right } .select2-container--bootstrap[dir=rtl] .select2-selection--single .select2-selection__clear { float: left } .select2-container--bootstrap[dir=rtl] .select2-selection--single .select2-selection__arrow { left: 10px; left: .625rem; right: auto } .select2-container--bootstrap[dir=rtl] .select2-selection--single .select2-selection__arrow b { margin-left: 0 } .select2-container--bootstrap[dir=rtl] .select2-selection--multiple .select2-search--inline, .select2-container--bootstrap[dir=rtl] .select2-selection--multiple .select2-selection__choice, .select2-container--bootstrap[dir=rtl] .select2-selection--multiple .select2-selection__placeholder { float: right } .select2-container--bootstrap[dir=rtl] .select2-selection--multiple .select2-selection__choice { margin-left: 0; margin-right: 5px; margin-right: .3125rem } .select2-container--bootstrap[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove { margin-left: 2px; margin-right: auto } .has-warning .select2-dropdown, .has-warning .select2-selection { border-color: #cd9321 } .has-warning .select2-container--focus .select2-selection, .has-warning .select2-container--open .select2-selection { box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #e7be6d; border-color: #a1741a } .has-warning.select2-drop-active { border-color: #a1741a } .has-warning.select2-drop-active.select2-drop.select2-drop-above { border-top-color: #a1741a } .has-error .select2-dropdown, .has-error .select2-selection { border-color: #c05c67 } .has-error .select2-container--focus .select2-selection, .has-error .select2-container--open .select2-selection { box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #dca6ac; border-color: #a8414c } .has-error.select2-drop-active { border-color: #a8414c } .has-error.select2-drop-active.select2-drop.select2-drop-above { border-top-color: #a8414c } .has-success .select2-dropdown, .has-success .select2-selection { border-color: #70b580 } .has-success .select2-container--focus .select2-selection, .has-success .select2-container--open .select2-selection { box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #b3d8bc; border-color: #539f64 } .has-success.select2-drop-active { border-color: #539f64 } .has-success.select2-drop-active.select2-drop.select2-drop-above { border-top-color: #539f64 } .input-group>.select2-hidden-accessible:not(:first-child)+.select2-container--bootstrap:not(:last-child)>.selection>.select2-selection, .input-group>.select2-hidden-accessible:not(:first-child)+.select2-container--bootstrap:not(:last-child)>.selection>.select2-selection.form-control, .input-group>.select2-hidden-accessible:not(:first-child)+.select2-container--bootstrap:not(:last-child)>.selection>.select2-selection.pstaggerAddTagInput, .input-group>.select2-hidden-accessible:not(:first-child)+.select2-container--bootstrap:not(:last-child)>.selection>.select2-selection.pstaggerWrapper, .input-group>.select2-hidden-accessible:not(:first-child)+.select2-container--bootstrap:not(:last-child)>.selection>.select2-selection.tags-input, .pagination .input-group>.select2-hidden-accessible:not(:first-child)+.select2-container--bootstrap:not(:last-child)>.selection>.select2-selection.jump-to-page { border-radius: 0 } .input-group>.select2-container--bootstrap { display: table; table-layout: fixed; position: relative; z-index: 2; width: 100%; margin-bottom: 0 } .input-group>.select2-container--bootstrap>.selection>.select2-selection.form-control, .input-group>.select2-container--bootstrap>.selection>.select2-selection.pstaggerAddTagInput, .input-group>.select2-container--bootstrap>.selection>.select2-selection.pstaggerWrapper, .input-group>.select2-container--bootstrap>.selection>.select2-selection.tags-input, .pagination .input-group>.select2-container--bootstrap>.selection>.select2-selection.jump-to-page { float: none } .input-group>.select2-container--bootstrap.select2-container--focus, .input-group>.select2-container--bootstrap.select2-container--open { z-index: 3 } .input-group>.select2-container--bootstrap, .input-group>.select2-container--bootstrap .input-group-btn, .input-group>.select2-container--bootstrap .input-group-btn .btn { vertical-align: top } .form-control.select2-hidden-accessible, .pagination .select2-hidden-accessible.jump-to-page, .select2-hidden-accessible.pstaggerAddTagInput, .select2-hidden-accessible.pstaggerWrapper, .select2-hidden-accessible.tags-input { position: absolute !important; width: 1px !important } @media (min-width:544px) { .form-inline .select2-container--bootstrap { display: inline-block } } .select2-container--bootstrap .select2-dropdown { padding: 7px 6px; padding: .4375rem .375rem; border-radius: 0 } .select2-container--bootstrap .select2-search--dropdown { padding: 0; margin-bottom: 7px; margin-bottom: .4375rem } .select2-container--bootstrap .select2-selection--single { padding: 7px 6px; padding: .4375rem .375rem; height: 35.008px; height: 2.188rem; cursor: default } .select2-container--bootstrap .select2-selection--single .select2-selection__arrow { margin-right: 10px; margin-right: .625rem } .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b { right: 10px; right: .625rem } .select2-container--bootstrap .select2-selection--single .select2-selection__rendered { line-height: 18px; line-height: 1.125rem; padding: 0 6px; padding: 0 .375rem } .select2-container--bootstrap .select2-results { padding: 0 } @keyframes showcase-img-appearance { 0% { transform: translate(-20px); opacity: 0 } to { transform: translate(0); opacity: 1 } } .content-div { padding-left: 225.08px; padding: 8.7505rem .9375rem .9375rem 14.0675rem; padding-right: 15px; padding-top: 140.008px; padding-bottom: 15px; transition: padding .5s ease } @media (max-width:1023.98px) { .content-div { padding-left: .9375rem } } @media (max-width:767.98px) { .content-div { padding-top: 10.4rem; padding-left: 0; padding-right: 0 } body:not(.adminproducts) .content-div .row { margin-left: 0; margin-right: 0 } body:not(.adminproducts) .content-div .row [class*=col-] { padding-left: 0; padding-right: 0 } } .content-div.-notoolbar { padding-top: 55px; padding-top: 3.4375rem } .content-div.with-tabs { padding-top: 195.008px; padding-top: 12.188rem } .page-sidebar-closed:not(.mobile) .content-div { padding-left: 65px; padding-left: 4.0625rem } .header-toolbar { position: fixed; background: #fff; top: 40px; top: 2.5rem; left: 210.08px; left: 13.13rem; right: 0; z-index: 990; border-bottom: 1px solid #dfdfdf; border-bottom: .0625rem solid #dfdfdf; transition: left .5s ease } .mobile .header-toolbar { top: 60px; top: 3.75rem } @media (max-width:1023.98px) { .header-toolbar { left: 0 } } @media (max-width:767.98px) { .header-toolbar { padding-top: .3rem; top: 3.5rem } } .header-toolbar .title { padding: 5px; padding: .3125rem; padding-left: 0; font-size: 26px; font-size: 1.625rem; font-weight: 400; margin-bottom: 0; float: left } @media (max-width:767.98px) { .header-toolbar .title { float: none } } .header-toolbar nav>ol { padding-left: 0 } @media (max-width:767.98px) { .header-toolbar .toolbar-icons { overflow-x: auto; float: none } } .header-toolbar .toolbar-icons>.wrapper { display: -ms-flexbox; display: flex; -ms-flex-pack: end; justify-content: flex-end; -ms-flex-align: start; align-items: flex-start } @media (max-width:767.98px) { .header-toolbar .toolbar-icons>.wrapper { -ms-flex-pack: start; justify-content: flex-start } } .header-toolbar .toolbar-icons>.wrapper a+a { margin-left: 15px; margin-left: .9375rem } .header-toolbar .title-row { margin-bottom: 15px; margin-bottom: .9375rem } .header-toolbar .title-row:after { clear: both; content: ""; display: table } .page-head-tabs { background: #fff } .page-head-tabs>ul { border-bottom: 0 } .page-head-tabs .tab { position: relative } .page-head-tabs .tab .notification-container { line-height: 24px; line-height: 1.5rem; height: 24px; height: 1.5rem; vertical-align: middle; cursor: pointer; color: #6c868e; position: relative; position: absolute; bottom: -5px; right: 15px } .page-head-tabs .tab .notification-container .notification-counter { display: inline-block; position: absolute; top: 4px; top: .25rem; right: 0; color: #fff; background: #f1b746; font-size: 10px; font-size: .625rem; line-height: 12px; line-height: .75rem; padding: 0 3px; padding: 0 .1875rem; border-radius: 1rem; border: 2px solid #fff; border: .125rem solid #fff; top: -28px; top: -1.75rem; right: -15px; right: -.9375rem } .page-head-tabs .tab .notification-container .notification-counter:empty { border: none } .page-sidebar-closed:not(.mobile) .header-toolbar { left: 50px; left: 3.125rem } .kpi-container { position: relative; background: #fff; padding-top: 15px; padding-top: .9375rem; padding-bottom: 15px; padding-bottom: .9375rem; text-align: center; display: block } .kpi-container, .kpi-container:hover { text-decoration: none } .kpi-refresh { position: absolute; z-index: 1; top: 0; right: 0 } .kpi-content { position: relative; text-align: left; padding-left: 40px } .kpi-content>.material-icons, .main-header #header-search-container .kpi-content>.input-group:before, .ps-tree-items .tree-name .kpi-content>button:before { position: absolute; top: 0; left: 0; font-size: 36px; font-size: 2.25rem; color: #25b9d7 } .kpi-content.-color2 .value, .kpi-content.-color2>.material-icons, .main-header #header-search-container .kpi-content.-color2>.input-group:before, .ps-tree-items .tree-name .kpi-content.-color2>button:before { color: #c05c67 } .kpi-content.-color3 .value, .kpi-content.-color3>.material-icons, .main-header #header-search-container .kpi-content.-color3>.input-group:before, .ps-tree-items .tree-name .kpi-content.-color3>button:before { color: #78d07d } .kpi-content .subtitle, .kpi-content .title, .kpi-content .value { font-size: 12px; font-size: .75rem; padding-left: 2px; padding-left: .125rem; color: #363a41 } .kpi-content .title { display: inline-block } .kpi-content .subtitle { text-transform: uppercase; color: #6c868e; display: block } .kpi-content .value { font-size: 20px; font-size: 1.25rem; color: #25b9d7; display: block } .orders-kpi .kpi-content .kpi-description { display: -ms-flexbox; display: flex; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -ms-flex-align: center; align-items: center; -ms-flex-pack: end; justify-content: flex-end } .orders-kpi .kpi-content .kpi-description .value { color: #363a41; padding-right: 10px } .container-fluid>.kpi-container { padding-left: 16px; padding-left: 1rem; padding-right: 16px; padding-right: 1rem } .main-header { position: fixed; z-index: 1040; background: #fff; height: 40px; height: 2.5rem; width: 100%; display: -ms-flexbox; display: flex; -ms-flex-align: stretch; align-items: stretch; color: #4e6167; font-size: 13px; font-size: .8125rem } .main-header #header-search-container .input-group:before, .main-header .material-icons, .main-header .ps-tree-items .tree-name button:before, .ps-tree-items .tree-name .main-header button:before { position: relative } .mobile .main-header { padding: 10px 0; padding: .625rem 0; height: 60px; height: 3.75rem } .mobile .main-header>.component { margin-right: 0 } .mobile .main-header .notification-center .dropdown-menu { margin-top: 5px; margin-top: .3125rem } .main-header #header-search-container .mobile .main-header>.input-group:not(.js-mobile-menu):before, .mobile .main-header #header-search-container .main-header>.input-group:not(.js-mobile-menu):before, .mobile .main-header>.material-icons:not(.js-mobile-menu), .mobile .ps-tree-items .tree-name .main-header>button:not(.js-mobile-menu):before, .ps-tree-items .tree-name .mobile .main-header>button:not(.js-mobile-menu):before { padding-top: 10px; padding-top: .625rem; font-size: 21.008px; font-size: 1.313rem } .main-header>.logo { height: 100%; background: url(fbc2a379fdad6d5a1b10c881644bc5dd.png) no-repeat 0; width: 210.08px; width: 13.13rem } .mobile .main-header>.logo { margin-left: -15px; min-width: 172px; width: 0; -ms-flex-positive: 1; flex-grow: 1 } .main-header #shop_version { font-size: 10px; font-size: .625rem; position: absolute; left: 180px; left: 11.25rem; top: 15px; top: .9375rem } @media (max-width:1023.98px) { .main-header #shop_version { display: none } } .main-header .ajax-spinner { position: absolute; left: 0; margin-left: 0; top: 5px; width: 30px; height: 30px } .main-header #quick-access-container { height: 100% } @media (max-width:1023.98px) { .main-header #quick-access-container { display: none } } .main-header #quick-access-container #quick_select, .main-header #quick-access-container #quick_select:hover { color: #4e6167; height: 100%; font-weight: 400; font-size: 13px; font-size: .8125rem; text-decoration: none; letter-spacing: normal } .main-header #quick-access-container #quick_select:hover { color: #25b9d7 } .main-header #quick-access-container #quick_select:after, .main-header #quick-access-container #quick_select:hover:after { margin-left: -5.008px; margin-left: -.313rem } .main-header #header-search-container { padding-left: 0; -ms-flex-positive: 1; flex-grow: 1 } @media (max-width:767.98px) { .main-header #header-search-container { display: none } } .main-header #header-search-container form { height: 30px; height: 1.875rem; width: 100%; transition: width .5s ease-in-out } .main-header #header-search-container form .btn { opacity: 1; transition: all .5s } .main-header #header-search-container form.collapsed { width: 250px; width: 15.625rem } .main-header #header-search-container form.collapsed input#bo_query { border-radius: .983rem; padding-left: 32px; padding-left: 2rem } .main-header #header-search-container form.collapsed .input-group:before { opacity: 1; font-size: 20px; font-size: 1.25rem; margin-top: -10px; margin-top: -.625rem } .main-header #header-search-container form.collapsed .btn { opacity: 0; padding: 0; border: 0; width: 0; overflow: hidden } .main-header #header-search-container input#bo_query { font-size: 12px; font-size: .75rem; border: 1px solid #bbcdd2; border-top-left-radius: 15.728px; border-top-left-radius: .983rem; border-bottom-left-radius: 15.728px; border-bottom-left-radius: .983rem; padding-top: 6px; padding-top: .375rem; padding-bottom: 6px; padding-bottom: .375rem; transition: padding-left .5s } .main-header #header-search-container input#bo_query:-ms-input-placeholder { font-style: italic; color: #6c868e !important } .main-header #header-search-container input#bo_query::placeholder { font-style: italic; color: #6c868e !important } .main-header #header-search-container .input-group:before { font-size: 0; opacity: 0; content: "search"; position: absolute; z-index: 5; top: 50%; left: 9.008px; left: .563rem; transition: all .5s } .main-header #header-search-container .input-group button:not(:first-of-type) { margin-left: -1px } .main-header #header-search-container .btn, .main-header #header-search-container .btn-primary { font-size: 12px; font-size: .75rem; font-weight: 400; color: #6c868e; background-color: #fafbfc; border: 1px solid #bbcdd2; text-transform: none; letter-spacing: normal; padding: 5.008px 10px; padding: .313rem .625rem } .main-header #header-search-container .btn-primary:hover, .main-header #header-search-container .btn:hover { background-color: #eff1f2 } .main-header #header-search-container .btn-primary:active, .main-header #header-search-container .btn-primary:focus, .main-header #header-search-container .btn:active, .main-header #header-search-container .btn:focus { box-shadow: none } .main-header #header-search-container .btn-primary { border-top-right-radius: 15.728px; border-top-right-radius: .983rem; border-bottom-right-radius: 15.728px; border-bottom-right-radius: .983rem; padding-left: 16px; padding-left: 1rem; padding-right: 16px; padding-right: 1rem } .main-header #header-search-container .show>.btn-outline-secondary.dropdown-toggle { box-shadow: none } .main-header #header-search-container .dropdown-toggle:after, .main-header #quick-access-container .dropdown-toggle:after { content: "arrow_drop_down"; font-size: 1.6em } .main-header #header-search-container .dropdown-menu, .main-header #quick-access-container .dropdown-menu { font-size: 12px; font-size: .75rem; color: #363a41; padding: 5.008px 0; padding: .313rem 0; min-width: 250px; min-width: 15.625rem } .main-header #header-search-container #quick-access-container .dropdown-menu .input-group:before, .main-header #header-search-container .dropdown-menu .input-group:before, .main-header #header-search-container .dropdown-menu .material-icons, .main-header #header-search-container .dropdown-menu .ps-tree-items .tree-name button:before, .main-header #quick-access-container .dropdown-menu #header-search-container .input-group:before, .main-header #quick-access-container .dropdown-menu .material-icons, .main-header #quick-access-container .dropdown-menu .ps-tree-items .tree-name button:before, .ps-tree-items .tree-name .main-header #header-search-container .dropdown-menu button:before, .ps-tree-items .tree-name .main-header #quick-access-container .dropdown-menu button:before { color: #6c868e; vertical-align: text-bottom; padding-right: 8px; padding-right: .5rem } .main-header #header-search-container .dropdown-menu>a, .main-header #quick-access-container .dropdown-menu>a { color: inherit; border-bottom: 0; padding: 7.008px 15.008px; padding: .438rem .938rem; padding-right: 24px; padding-right: 1.5rem } .main-header #header-search-container .dropdown-menu>a:hover, .main-header #quick-access-container .dropdown-menu>a:hover { color: #fff; background-color: #25b9d7 } .main-header #header-search-container #quick-access-container .dropdown-menu>a:hover .input-group:before, .main-header #header-search-container .dropdown-menu>a:hover .input-group:before, .main-header #header-search-container .dropdown-menu>a:hover .material-icons, .main-header #header-search-container .dropdown-menu>a:hover .ps-tree-items .tree-name button:before, .main-header #quick-access-container .dropdown-menu>a:hover #header-search-container .input-group:before, .main-header #quick-access-container .dropdown-menu>a:hover .material-icons, .main-header #quick-access-container .dropdown-menu>a:hover .ps-tree-items .tree-name button:before, .ps-tree-items .tree-name .main-header #header-search-container .dropdown-menu>a:hover button:before, .ps-tree-items .tree-name .main-header #quick-access-container .dropdown-menu>a:hover button:before { color: #fff } .main-header #header-search-container .dropdown-menu>.dropdown-divider, .main-header #quick-access-container .dropdown-menu>.dropdown-divider { margin: 5.008px 0; margin: .313rem 0 } .main-header>.component { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; margin-left: 8px; margin-left: .5rem; margin-right: 8px; margin-right: .5rem } @media (max-width:767.98px) { .main-header>.component.hide-mobile-sm { display: none } } .main-header>.component.gamification-component, .main-header>.component.header-right-component { margin-left: 5px; margin-left: .3125rem; margin-right: 5px; margin-right: .3125rem } .main-header>.component>.stores .ps-dropdown-menu { left: auto; right: 0 } .main-header .shop-list>.link, .main-header .shop-state { height: 100%; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; color: #4e6167; font-size: 13px; font-size: .8125rem; white-space: nowrap } .main-header .shop-list>.link:hover, .main-header .shop-state:hover { text-decoration: none; color: #25b9d7 } .main-header #header-search-container .shop-state .input-group:before, .main-header .shop-state #header-search-container .input-group:before, .main-header .shop-state .material-icons, .main-header .shop-state .ps-tree-items .tree-name button:before, .ps-tree-items .tree-name .main-header .shop-state button:before { color: #6c868e; font-size: 20px; font-size: 1.25rem; padding-right: 5px; padding-right: .3125rem } @media (max-width:1299.98px) { .main-header .shop-state span { display: none } } .main-header #header-search-container .shop-list>.link>.input-group:before, .main-header .ps-tree-items .tree-name .shop-list>.link>button:before, .main-header .shop-list>.link>.material-icons, .ps-tree-items .tree-name .main-header .shop-list>.link>button:before { color: #25b9d7; font-size: 20px; font-size: 1.25rem; padding-right: 5px; padding-right: .3125rem } .main-header #header-employee-container { margin-right: 5px; margin-right: .3125rem } .mobile .main-header #header-employee-container { display: none } .main-header #header-notification-container { min-width: 40px; min-width: 2.5rem } #shop-list>.btn { color: #4e6167; padding: 0; font-weight: 400; text-decoration: none !important } #shop-list>.btn:hover { color: #25b9d7 } #shop-list>.btn .selected-item { font-size: 13px; font-size: .8125rem; line-height: 17px } #shop-list>.btn .selected-item .main-header #header-search-container .input-group:before, #shop-list>.btn .selected-item .material-icons, #shop-list>.btn .selected-item .ps-tree-items .tree-name button:before, .main-header #header-search-container #shop-list>.btn .selected-item .input-group:before, .ps-tree-items .tree-name #shop-list>.btn .selected-item button:before { font-size: 20px; font-size: 1.25rem; top: -1px } #shop-list.show .selected-item, #shop-list>.btn .selected-item .main-header #header-search-container .visibility.input-group:before, #shop-list>.btn .selected-item .material-icons.visibility, #shop-list>.btn .selected-item .ps-tree-items .tree-name button.visibility:before, .main-header #header-search-container #shop-list>.btn .selected-item .visibility.input-group:before, .ps-tree-items .tree-name #shop-list>.btn .selected-item button.visibility:before { color: #25b9d7 } #shop-list .dropdown-menu { margin: 0; padding: 0; border-radius: 0; min-width: 284px !important; min-width: 17.75rem !important; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .1); border: 1px solid #bbcdd2; font-size: 13px } #shop-list .dropdown-menu .items-list { list-style: none; padding-left: 0; overflow-y: auto; max-height: 500px; margin: 20px } #shop-list .dropdown-menu .items-list a { color: #4e6167 } #shop-list .dropdown-menu .items-list li:first-child a { color: #5bc0de !important; font-size: 14px !important; font-size: .875rem !important; font-weight: 700; padding-left: 0 } #shop-list .dropdown-menu .items-list li:first-child a:hover { cursor: pointer } #shop-list .dropdown-menu .items-list li:not(:first-child) { line-height: 32px } #shop-list .dropdown-menu .items-list li:not(:first-child) a:not(.link-shop) { padding-top: 5px; padding-top: .3125rem; padding-bottom: 5px; padding-bottom: .3125rem; display: inline-block; width: inherit } #shop-list .dropdown-menu .items-list .group a { padding-left: 10px; padding-left: .625rem } #shop-list .dropdown-menu .items-list .shop { display: -ms-flexbox; display: flex } #shop-list .dropdown-menu .items-list .shop a { padding-left: 25px; padding-left: 1.5625rem; -ms-flex-pack: justify; justify-content: space-between; font-weight: 600 } #shop-list .dropdown-menu .items-list .shop a.disabled { cursor: not-allowed } #shop-list .dropdown-menu .items-list .shop a.link-shop { text-decoration: none; float: right; margin-left: auto; padding-left: inherit; padding-right: 10px; padding-top: 3px } #shop-list .dropdown-menu .items-list .shop a.link-shop .main-header #header-search-container i.input-group:before, #shop-list .dropdown-menu .items-list .shop a.link-shop i.material-icons, .main-header #header-search-container #shop-list .dropdown-menu .items-list .shop a.link-shop i.input-group:before { cursor: pointer; color: #6c868e; border: 1px solid #bbcdd2; border-radius: .0625rem; padding: 2px .625em; padding: .125rem .625em; font-size: 20px; font-size: 1.25rem; width: inherit; height: inherit } #shop-list .dropdown-menu .items-list .main-header #header-search-container .input-group:before, #shop-list .dropdown-menu .items-list .material-icons, #shop-list .dropdown-menu .items-list .ps-tree-items .tree-name button:before, .main-header #header-search-container #shop-list .dropdown-menu .items-list .input-group:before, .ps-tree-items .tree-name #shop-list .dropdown-menu .items-list button:before { vertical-align: middle; margin-right: 10px; margin-right: .625rem } #shop-list .dropdown-menu .items-list li.active a, #shop-list .dropdown-menu .items-list li:hover a { color: #4e6167 !important; background: none !important } #shop-list .dropdown-menu .items-list li.active .main-header #header-search-container i.input-group:before, #shop-list .dropdown-menu .items-list li.active i.material-icons, #shop-list .dropdown-menu .items-list li:hover .main-header #header-search-container i.input-group:before, #shop-list .dropdown-menu .items-list li:hover i.material-icons, .main-header #header-search-container #shop-list .dropdown-menu .items-list li.active i.input-group:before, .main-header #header-search-container #shop-list .dropdown-menu .items-list li:hover i.input-group:before { color: #5bc0de !important; border: 1px solid #5bc0de !important } #shop-list .selected-item { cursor: pointer; vertical-align: middle } #shop-list .selected-item .main-header #header-search-container .input-group:before, #shop-list .selected-item .material-icons, #shop-list .selected-item .ps-tree-items .tree-name button:before, .main-header #header-search-container #shop-list .selected-item .input-group:before, .ps-tree-items .tree-name #shop-list .selected-item button:before { vertical-align: middle } #shop-list .selected-item .arrow-down { top: 0; left: 0; font-size: 20px; font-size: 1.25rem } #shop-list .dropdown-item { margin: 0; -ms-flex-pack: start; justify-content: flex-start } .employee-dropdown>.person { margin-right: 10px; margin-right: .625rem; cursor: pointer } .employee-dropdown>.person .main-header #header-search-container .input-group:before, .employee-dropdown>.person .material-icons, .employee-dropdown>.person .ps-tree-items .tree-name button:before, .main-header #header-search-container .employee-dropdown>.person .input-group:before, .ps-tree-items .tree-name .employee-dropdown>.person button:before { font-size: 24px; font-size: 1.5rem; color: #6c868e; vertical-align: bottom } .employee-dropdown .dropdown-menu { top: 14.4px !important; top: .9rem !important; left: 4.8px !important; left: .3rem !important; margin: 0; min-width: 280px; min-width: 17.5rem } .employee-dropdown .dropdown-menu hr { border-top-width: 2px } .employee-dropdown .dropdown-menu .divider { border: 1px solid #eee; clear: both; margin: 5px auto; width: 90% } .employee-dropdown .dropdown-menu a.dropdown-item { margin: 10px 0 } .employee-dropdown .dropdown-menu a.admin-link { border: 1px solid #899ea5; border-radius: 1px; color: #576c72; background-color: inherit } .employee-dropdown .dropdown-menu a.admin-link:hover { border-color: #25b9d7; color: #25b9d7 } .employee-dropdown .dropdown-menu a.admin-link:hover .main-header #header-search-container .input-group:before, .employee-dropdown .dropdown-menu a.admin-link:hover .material-icons, .employee-dropdown .dropdown-menu a.admin-link:hover .ps-tree-items .tree-name button:before, .main-header #header-search-container .employee-dropdown .dropdown-menu a.admin-link:hover .input-group:before, .ps-tree-items .tree-name .employee-dropdown .dropdown-menu a.admin-link:hover button:before { color: #25b9d7 } .employee-dropdown .dropdown-menu a:hover .main-header #header-search-container .input-group:before, .employee-dropdown .dropdown-menu a:hover .material-icons, .employee-dropdown .dropdown-menu a:hover .ps-tree-items .tree-name button:before, .main-header #header-search-container .employee-dropdown .dropdown-menu a:hover .input-group:before, .ps-tree-items .tree-name .employee-dropdown .dropdown-menu a:hover button:before { color: #fff } .employee-dropdown .dropdown-menu .employee_avatar { text-align: center; padding: 10.992px 0 16px; padding: .687rem 0 1rem; margin-bottom: 7.5px; margin-bottom: .46875rem; font-weight: 600 } .employee-dropdown .dropdown-menu .profile-link { margin: 0 auto !important; border: 1px solid #899ea5; border-radius: 1px; color: #576c72; min-width: 130px; width: auto; display: table } .employee-dropdown .dropdown-menu .profile-link:hover { border-color: #25b9d7; color: #25b9d7 } .employee-dropdown .dropdown-menu .profile-link:hover .main-header #header-search-container .input-group:before, .employee-dropdown .dropdown-menu .profile-link:hover .material-icons, .employee-dropdown .dropdown-menu .profile-link:hover .ps-tree-items .tree-name button:before, .main-header #header-search-container .employee-dropdown .dropdown-menu .profile-link:hover .input-group:before, .ps-tree-items .tree-name .employee-dropdown .dropdown-menu .profile-link:hover button:before { color: #25b9d7 } .employee-dropdown .dropdown-menu .employee_profile { display: inline-block; max-width: 120px; text-align: left; margin-left: 20px; font-weight: 600 } .employee-dropdown .dropdown-menu .employee-wrapper-avatar { float: left; margin: 20px } .employee-dropdown .dropdown-menu .employee-wrapper-profile { max-width: 130px; text-align: right; display: inline-block; margin: 0 0 12.5px } .employee-dropdown .dropdown-menu:after { position: absolute; top: -6px; right: 10px; display: inline-block; border-right: 6px solid transparent; border-bottom: 6px solid #fff; border-left: 6px solid transparent; content: "" } .employee-dropdown .dropdown-menu:before { position: absolute; top: -7px; right: 9px; display: inline-block; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-left: 7px solid transparent; border-bottom-color: rgba(0, 0, 0, .2); content: "" } .employee-dropdown .dropdown-menu .avatar { cursor: pointer; width: 60.8px; width: 3.8rem; height: 60.8px; height: 3.8rem; margin-bottom: 5px; margin-bottom: .3125rem } .employee-dropdown .dropdown-menu .main-header #header-search-container .input-group:before, .employee-dropdown .dropdown-menu .material-icons, .employee-dropdown .dropdown-menu .ps-tree-items .tree-name button:before, .main-header #header-search-container .employee-dropdown .dropdown-menu .input-group:before, .ps-tree-items .tree-name .employee-dropdown .dropdown-menu button:before { color: #6c868e; font-size: 24px; font-size: 1.5rem; vertical-align: middle } .employee-dropdown .dropdown-menu .employee-link#header_logout { color: #6c868e; margin: 10px 0 } .employee-dropdown .dropdown-menu .employee-link#header_logout:hover { background-color: inherit; color: #25b9d7 } .js-mobile-menu { display: none; float: left; cursor: pointer; padding-top: 0; margin-left: 9.6px; margin-left: .6rem; margin-right: 9.6px; margin-right: .6rem; font-size: 28.8px; font-size: 1.8rem; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center } @media (max-width:1023.98px) { .js-mobile-menu { display: -ms-inline-flexbox; display: inline-flex } } .nav-bar { position: fixed; top: 0; bottom: 0; z-index: 502; background: #363a41; width: 210.08px; width: 13.13rem; margin-top: 40px; margin-top: 2.5rem; height: 100%; transition: all .5s ease-out } .nav-bar-overflow { overflow: hidden; height: 100% } .main-header #header-search-container .nav-bar .input-group:before, .nav-bar .main-header #header-search-container .input-group:before, .nav-bar .material-icons, .nav-bar .ps-tree-items .tree-name button:before, .ps-tree-items .tree-name .nav-bar button:before { color: #fff; font-size: 19.008px; font-size: 1.188rem; line-height: inherit } .nav-bar.mobile-nav { margin-left: -100%; margin-top: 60px; margin-top: 3.75rem; width: 70% } @media (min-width:544px) and (max-width:767.98px) { .nav-bar.mobile-nav { width: 60% } } @media (min-width:768px) and (max-width:1023.98px) { .nav-bar.mobile-nav { width: 40% } } .nav-bar.mobile-nav.expanded { display: block; margin-left: 0 } .nav-bar.mobile-nav .onboarding-navbar { display: none } .nav-bar.mobile-nav .panel-collapse { padding-left: 0 } .nav-bar.mobile-nav .panel-collapse .link-leveltwo .link { padding-left: 12px; padding-left: .75rem } .nav-bar.mobile-nav .employee_avatar { text-decoration: none; text-align: center; padding-top: 16px; padding-top: 1rem } .main-header #header-search-container .nav-bar.mobile-nav .employee_avatar .input-group:before, .nav-bar.mobile-nav .employee_avatar .main-header #header-search-container .input-group:before, .nav-bar.mobile-nav .employee_avatar .material-icons, .nav-bar.mobile-nav .employee_avatar .ps-tree-items .tree-name button:before, .ps-tree-items .tree-name .nav-bar.mobile-nav .employee_avatar button:before { line-height: 60px; line-height: 3.75rem; font-size: 60px; font-size: 3.75rem } @media (max-width:1023.98px) { .main-header #header-search-container .nav-bar.mobile-nav .employee_avatar .input-group:before, .nav-bar.mobile-nav .employee_avatar .main-header #header-search-container .input-group:before, .nav-bar.mobile-nav .employee_avatar .material-icons, .nav-bar.mobile-nav .employee_avatar .ps-tree-items .tree-name button:before, .ps-tree-items .tree-name .nav-bar.mobile-nav .employee_avatar button:before { line-height: 4.6875rem; font-size: 4.6875rem } } .nav-bar.mobile-nav .employee_avatar span { color: #fff; display: block; margin-bottom: 10px; margin-bottom: .625rem } @media (max-width:1023.98px) { .nav-bar.mobile-nav .employee_avatar span { font-size: 1.09375rem } } .nav-bar.mobile-nav .employee_avatar img { width: 60px; width: 3.75rem; height: 60px; height: 3.75rem; margin-bottom: 10px; margin-bottom: .625rem } .nav-bar.mobile-nav .employee_avatar img.img-thumbnail { border-radius: 36px } .nav-bar.mobile-nav .shop-list { padding-bottom: 16px; padding-bottom: 1rem; text-align: center; font-weight: 700 } @media (max-width:1023.98px) { .nav-bar.mobile-nav .shop-list a { font-size: 1.09375rem } } .nav-bar.mobile-nav .main-menu { margin-top: 10px; margin-top: .625rem } .nav-bar.mobile-nav .main-menu>li:first-child { padding-bottom: 16px; padding-bottom: 1rem } .nav-bar.mobile-nav .shop-list-title { color: #25b9d7; text-transform: uppercase; font-size: 16px; font-size: 1rem; text-align: center; margin-bottom: 15px; margin-bottom: .9375rem } .nav-bar.mobile-nav .shop-list-title:after { font-family: Material Icons; content: "\E313"; font-size: 20px; font-size: 1.25rem; line-height: 22px; line-height: 1.375rem; margin-left: 10px; margin-left: .625rem; vertical-align: bottom } .nav-bar.mobile-nav .items-list { padding-left: 0 } .nav-bar.mobile-nav .items-list a:focus { background-color: transparent } .nav-bar.mobile-nav .items-list li { background-color: #fff; border-bottom: 1px solid #bbcdd2 } .nav-bar.mobile-nav .items-list li.group a { padding: 15px 40px; padding: .9375rem 2.5rem; font-weight: 700 } .nav-bar.mobile-nav .items-list li.shop { padding: 15px 15px 15px 40px; padding: .9375rem .9375rem .9375rem 2.5rem } .nav-bar.mobile-nav .items-list li.shop a { display: inline-block; width: auto } .nav-bar.mobile-nav .items-list li.shop a.link-shop { float: right } .main-header #header-search-container .nav-bar.mobile-nav .items-list li.shop a.link-shop .input-group:before, .nav-bar.mobile-nav .items-list li.shop a.link-shop .main-header #header-search-container .input-group:before, .nav-bar.mobile-nav .items-list li.shop a.link-shop .material-icons, .nav-bar.mobile-nav .items-list li.shop a.link-shop .ps-tree-items .tree-name button:before, .ps-tree-items .tree-name .nav-bar.mobile-nav .items-list li.shop a.link-shop button:before { font-size: 20px; font-size: 1.25rem; color: #6c868e } .nav-bar.mobile-nav .items-list li:first-child a { color: #25b9d7; text-transform: uppercase; font-size: 15px; font-size: .9375rem; padding: 15px 20px; padding: .9375rem 1.25rem } .main-menu { padding: 0 0 85.008px; padding: 0 0 5.313rem; margin: 0 } .main-menu .category-title>.title { text-transform: uppercase } .main-menu .link-levelone, .main-menu .link-leveltwo { display: block } @media (max-width:1023.98px) { .main-menu .link-levelone[data-submenu] a.link, .main-menu .link-leveltwo[data-submenu] a.link { font-size: 1.25rem; padding-top: 1.25rem; padding-bottom: 1.25rem; line-height: inherit } .main-header #header-search-container .main-menu .link-levelone[data-submenu] a.link .input-group:before, .main-header #header-search-container .main-menu .link-leveltwo[data-submenu] a.link .input-group:before, .main-menu .link-levelone[data-submenu] a.link .main-header #header-search-container .input-group:before, .main-menu .link-levelone[data-submenu] a.link .material-icons, .main-menu .link-levelone[data-submenu] a.link .ps-tree-items .tree-name button:before, .main-menu .link-leveltwo[data-submenu] a.link .main-header #header-search-container .input-group:before, .main-menu .link-leveltwo[data-submenu] a.link .material-icons, .main-menu .link-leveltwo[data-submenu] a.link .ps-tree-items .tree-name button:before, .ps-tree-items .tree-name .main-menu .link-levelone[data-submenu] a.link button:before, .ps-tree-items .tree-name .main-menu .link-leveltwo[data-submenu] a.link button:before { font-size: 2rem; line-height: 2rem } .main-header #header-search-container .main-menu .link-levelone[data-submenu] a.link .sub-tabs-arrow.input-group:before, .main-header #header-search-container .main-menu .link-leveltwo[data-submenu] a.link .sub-tabs-arrow.input-group:before, .main-menu .link-levelone[data-submenu] a.link .main-header #header-search-container .sub-tabs-arrow.input-group:before, .main-menu .link-levelone[data-submenu] a.link .material-icons.sub-tabs-arrow, .main-menu .link-levelone[data-submenu] a.link .ps-tree-items .tree-name button.sub-tabs-arrow:before, .main-menu .link-leveltwo[data-submenu] a.link .main-header #header-search-container .sub-tabs-arrow.input-group:before, .main-menu .link-leveltwo[data-submenu] a.link .material-icons.sub-tabs-arrow, .main-menu .link-leveltwo[data-submenu] a.link .ps-tree-items .tree-name button.sub-tabs-arrow:before, .ps-tree-items .tree-name .main-menu .link-levelone[data-submenu] a.link button.sub-tabs-arrow:before, .ps-tree-items .tree-name .main-menu .link-leveltwo[data-submenu] a.link button.sub-tabs-arrow:before { padding-right: 1.2rem } } @media (max-width:1023.98px) { .main-menu .link-levelone[data-submenu].has_submenu .sub-tabs-arrow, .main-menu .link-leveltwo[data-submenu].has_submenu .sub-tabs-arrow { visibility: visible } } @media (max-width:1023.98px) { .main-menu .-active.link-leveltwo, .main-menu .link-levelone.-active { border-right: none } } .main-menu .-active.link-leveltwo>.link, .main-menu .link-levelone.-active>.link { border-left: 4px solid #25b9d7; border-left: .25rem solid #25b9d7; padding-left: 10.208px; padding-left: .638rem } .main-header #header-search-container .main-menu .-active.link-leveltwo>.link .input-group:first-child:before, .main-header #header-search-container .main-menu .link-levelone.-active>.link .input-group:first-child:before, .main-menu .-active.link-leveltwo>.link .main-header #header-search-container .input-group:first-child:before, .main-menu .-active.link-leveltwo>.link .material-icons:first-child, .main-menu .-active.link-leveltwo>.link .ps-tree-items .tree-name button:first-child:before, .main-menu .link-levelone.-active>.link .main-header #header-search-container .input-group:first-child:before, .main-menu .link-levelone.-active>.link .material-icons:first-child, .main-menu .link-levelone.-active>.link .ps-tree-items .tree-name button:first-child:before, .ps-tree-items .tree-name .main-menu .-active.link-leveltwo>.link button:first-child:before, .ps-tree-items .tree-name .main-menu .link-levelone.-active>.link button:first-child:before { color: #25b9d7 } .main-header #header-search-container .main-menu .link-levelone:not(#subtab-AdminParentModulesSf) i.mi-extension.input-group:before, .main-header #header-search-container .main-menu .link-leveltwo:not(#subtab-AdminParentModulesSf) i.mi-extension.input-group:before, .main-menu .link-levelone:not(#subtab-AdminParentModulesSf) .main-header #header-search-container i.mi-extension.input-group:before, .main-menu .link-levelone:not(#subtab-AdminParentModulesSf) i.material-icons.mi-extension, .main-menu .link-leveltwo:not(#subtab-AdminParentModulesSf) .main-header #header-search-container i.mi-extension.input-group:before, .main-menu .link-leveltwo:not(#subtab-AdminParentModulesSf) i.material-icons.mi-extension { color: #6c868e } .main-menu .link-levelone>.link, .main-menu .link-leveltwo>.link { font-size: 12px; font-size: .75rem; display: -ms-flexbox; display: flex; height: auto; line-height: 16px; line-height: 1rem; -ms-flex-align: end; align-items: end; color: #bebebe; text-decoration: none; padding: 8px 5px 8px 15.008px; padding: .5rem .3125rem .5rem .938rem; word-break: break-word; white-space: normal; text-overflow: clip; overflow: hidden } @media (max-width:1023.98px) { .main-menu .link-levelone>.link, .main-menu .link-leveltwo>.link { font-size: 1rem } } .main-menu .link-levelone>.link span, .main-menu .link-leveltwo>.link span { padding-left: 10px; padding-left: .625rem } .main-menu .link-levelone>.link .sub-tabs-arrow, .main-menu .link-leveltwo>.link .sub-tabs-arrow { margin-left: auto; visibility: hidden; color: #6c868e; vertical-align: middle; line-height: inherit } .main-menu .-active.link-leveltwo>.link, .main-menu .-hover.link-leveltwo>.link, .main-menu .link-levelone.-active>.link, .main-menu .link-levelone.-hover>.link, .main-menu .link-levelone.ul-open>.link, .main-menu .ul-open.link-leveltwo>.link { background: #202226; color: #fff; transition: background .3s ease } @media (max-width:1023.98px) { .main-menu .-active.link-leveltwo>.link, .main-menu .-hover.link-leveltwo>.link, .main-menu .link-levelone.-active>.link, .main-menu .link-levelone.-hover>.link, .main-menu .link-levelone.ul-open>.link, .main-menu .ul-open.link-leveltwo>.link { background: #363a41 } } .main-menu .-active.has_submenu.link-leveltwo .link .sub-tabs-arrow, .main-menu .-hover.has_submenu.link-leveltwo .link .sub-tabs-arrow, .main-menu .link-levelone.-active.has_submenu .link .sub-tabs-arrow, .main-menu .link-levelone.-hover.has_submenu .link .sub-tabs-arrow, .main-menu .link-levelone.ul-open.has_submenu .link .sub-tabs-arrow, .main-menu .ul-open.has_submenu.link-leveltwo .link .sub-tabs-arrow { visibility: visible } .main-menu .link-levelone>.submenu, .main-menu .link-leveltwo>.submenu { list-style: none; background: #202226; display: none; white-space: nowrap; padding-left: 44px; padding-left: 2.75rem } @media (max-width:1023.98px) { .main-menu .link-levelone>.submenu>li a.link, .main-menu .link-leveltwo>.submenu>li a.link { padding-top: .75rem; padding-bottom: .75rem } } .main-menu .link-levelone>.submenu>li:first-of-type, .main-menu .link-leveltwo>.submenu>li:first-of-type { padding-top: 10px; padding-top: .625rem } @media (max-width:1023.98px) { .main-menu .link-levelone>.submenu>li:first-of-type, .main-menu .link-leveltwo>.submenu>li:first-of-type { padding-top: 0 } } .main-menu .link-levelone>.submenu>li:last-of-type, .main-menu .link-leveltwo>.submenu>li:last-of-type { padding-bottom: 12px; padding-bottom: .75rem } @media (max-width:1023.98px) { .main-menu .link-levelone>.submenu>li:last-of-type, .main-menu .link-leveltwo>.submenu>li:last-of-type { padding-bottom: 0 } .main-menu .link-levelone>.submenu>li:last-of-type a.link, .main-menu .link-leveltwo>.submenu>li:last-of-type a.link { padding-bottom: 1.5rem } } .main-menu .-active.link-leveltwo .link, .main-menu .link-levelone.-active .link, .main-menu .link-levelone.ul-open .link, .main-menu .ul-open.link-leveltwo .link { background: #202226 } .main-menu .link-levelone.open>.submenu, .main-menu .open.link-leveltwo>.submenu { display: block } .main-menu .link-leveltwo.-active>.link { padding-left: 0; border-left: none; color: #fff } .main-menu .link-leveltwo>.link { height: auto; line-height: 14.4px; line-height: .9rem; padding: 5px 4.8px 5px 0; padding: .3125rem .3rem .3125rem 0 } @media (max-width:1023.98px) { .main-menu .link-leveltwo>.link { padding-top: 1.4rem; padding-bottom: 1.4rem; line-height: 1.6rem } } .main-menu .link-leveltwo>.link:hover { color: #fff } .category-title { display: block; font-weight: 700; font-size: 12px; font-size: .75rem; border-top: 1px solid #bbcdd2; margin: 29.008px 0 0 15.008px; margin: 1.813rem 0 0 .938rem; padding: 14px 0 12px; padding: .875rem 0 .75rem } @media (max-width:1023.98px) { .category-title { display: none } } .category-title>.title { color: #fff; background: #363a41 } .menu-collapse { height: 13.008px; height: .813rem; font-size: 32px; font-size: 2rem; display: block; cursor: pointer; text-align: right; padding: 11.008px 15.008px 35.008px 0; padding: .688rem .938rem 2.188rem 0; line-height: 13.008px; line-height: .813rem; color: #bebebe } @media (max-width:1023.98px) { .menu-collapse { display: none; padding-bottom: 1rem } } .main-header #header-search-container .menu-collapse .input-group:before, .menu-collapse .main-header #header-search-container .input-group:before, .menu-collapse .material-icons, .menu-collapse .ps-tree-items .tree-name button:before, .ps-tree-items .tree-name .menu-collapse button:before { color: #bebebe } .main-header #header-search-container .menu-collapse .input-group:last-child:before, .menu-collapse .main-header #header-search-container .input-group:last-child:before, .menu-collapse .material-icons:last-child, .menu-collapse .ps-tree-items .tree-name button:last-child:before, .ps-tree-items .tree-name .menu-collapse button:last-child:before { margin-left: -21.008px; margin-left: -1.313rem } .page-sidebar-closed:not(.mobile) .menu-collapse { transform: rotate(180deg); padding-right: 12.8px; padding-right: .8rem } .page-sidebar-closed:not(.mobile) .nav-bar { width: 50px; width: 3.125rem } .page-sidebar-closed:not(.mobile) .nav-bar .main-menu { overflow: hidden } .page-sidebar-closed:not(.mobile) .nav-bar .main-menu .category-title>.title, .page-sidebar-closed:not(.mobile) .nav-bar .main-menu .link-levelone span, .page-sidebar-closed:not(.mobile) .nav-bar .main-menu .link-leveltwo span { display: none } .page-sidebar-closed:not(.mobile) .nav-bar .main-menu .sub-tabs-arrow { display: none !important } .page-sidebar-closed:not(.mobile) .nav-bar .main-menu .category-title { margin-top: 12.8px; margin-top: .8rem; padding-bottom: 0 } .page-sidebar-closed:not(.mobile) .nav-bar .main-menu .link-levelone .link, .page-sidebar-closed:not(.mobile) .nav-bar .main-menu .link-leveltwo .link { line-height: normal } .page-sidebar-closed:not(.mobile) .nav-bar .main-menu .link-levelone:first-of-type, .page-sidebar-closed:not(.mobile) .nav-bar .main-menu .link-leveltwo:first-of-type { margin-bottom: 0 } .page-sidebar-closed:not(.mobile) .nav-bar .main-menu .link-levelone.ul-open>.link, .page-sidebar-closed:not(.mobile) .nav-bar .main-menu .ul-open.link-leveltwo>.link { transition: all 0s ease 0s; width: 250px } .page-sidebar-closed:not(.mobile) .nav-bar .main-menu .link-levelone.ul-open>.link>span, .page-sidebar-closed:not(.mobile) .nav-bar .main-menu .ul-open.link-leveltwo>.link>span { display: inline-block; padding-left: 25.008px; padding-left: 1.563rem } .page-sidebar-closed:not(.mobile) .nav-bar .main-menu .link-levelone.ul-open ul.submenu, .page-sidebar-closed:not(.mobile) .nav-bar .main-menu .ul-open.link-leveltwo ul.submenu { position: absolute !important; display: block !important; width: 200px !important; left: 50px; padding-left: 5px } .page-sidebar-closed:not(.mobile) .nav-bar .main-menu .link-levelone .link-leveltwo:first-of-type, .page-sidebar-closed:not(.mobile) .nav-bar .main-menu .link-leveltwo .link-leveltwo:first-of-type { padding-top: 0 !important; margin-top: 3.2px; margin-top: .2rem } .page-sidebar-closed:not(.mobile) .nav-bar .main-menu .link-levelone .link-leveltwo:last-of-type, .page-sidebar-closed:not(.mobile) .nav-bar .main-menu .link-leveltwo .link-leveltwo:last-of-type { padding-bottom: 0 !important; margin-bottom: 16px; margin-bottom: 1rem } .page-sidebar-closed:not(.mobile) .nav-bar .main-menu .link-levelone .link-leveltwo .link, .page-sidebar-closed:not(.mobile) .nav-bar .main-menu .link-leveltwo .link-leveltwo .link { padding-left: 24px; padding-left: 1.5rem } @media (max-height:870px) { .page-sidebar-closed:not(.mobile) .nav-bar #subtab-AdminAdvancedParameters.ul-open ul.submenu, .page-sidebar-closed:not(.mobile) .nav-bar #subtab-ShopParameters.ul-open ul.submenu { display: -ms-flexbox !important; display: flex !important; -ms-flex-direction: column-reverse; flex-direction: column-reverse; transform: rotate(180deg); transform-origin: top; margin-top: 35px } .page-sidebar-closed:not(.mobile) .nav-bar #subtab-AdminAdvancedParameters.ul-open ul.submenu li, .page-sidebar-closed:not(.mobile) .nav-bar #subtab-ShopParameters.ul-open ul.submenu li { transform: rotate(180deg) } .page-sidebar-closed:not(.mobile) .nav-bar #subtab-AdminAdvancedParameters.ul-open ul.submenu li:last-of-type, .page-sidebar-closed:not(.mobile) .nav-bar #subtab-ShopParameters.ul-open ul.submenu li:last-of-type { margin-bottom: 0 } } .mobile-layer { display: none; transition: all .2s ease-in-out; position: fixed; background: rgba(0, 0, 0, .7); width: 100%; height: 100%; z-index: 501; top: 0; left: 0 } .mobile-layer.expanded { display: block } #non-responsive { display: none; position: fixed; background: #363a41; width: 100%; height: 100%; z-index: 501; top: 55.008px; top: 3.438rem; left: 2px; left: .125rem; color: #fff; padding: 70px 40px 0; padding: 4.375rem 2.5rem 0; font-size: 17.008px; font-size: 1.063rem } #non-responsive h1 { color: #fff; font-size: 30px; font-size: 1.875rem; font-weight: 400 } .card, .module-addons-item-grid .module-addons-item-wrapper-grid, .module-item-wrapper-grid, .module-placeholders-wrapper .timeline-item-wrapper { position: relative; display: block; margin-bottom: 10px; margin-bottom: .625rem; background-color: #fff; border: 1px solid #dbe6e9; border-radius: 5px; box-shadow: 0 0 4px 0 rgba(0, 0, 0, .06) } .card-block, .module-addons-item-grid .module-addons-item-wrapper-grid, .module-item-wrapper-grid, .module-placeholders-wrapper .timeline-item-wrapper { padding: 10px; padding: .625rem } .card-title, .module-addons-item-grid .module-addons-item-wrapper-grid .module-item-heading-grid .module-name-grid, .module-addons-item-grid .module-addons-item-wrapper-grid .module-item-heading-grid .module-version-author-grid, .module-item-wrapper-grid .module-item-heading-grid .module-name-grid, .module-item-wrapper-grid .module-item-heading-grid .module-version-author-grid, .module-placeholders-wrapper .timeline-item-wrapper .module-item-heading-grid .module-name-grid, .module-placeholders-wrapper .timeline-item-wrapper .module-item-heading-grid .module-version-author-grid { margin-bottom: 10px; margin-bottom: .625rem } .card-subtitle { margin-top: -5px; margin-top: -.3125rem } .card-subtitle, .card-text:last-child { margin-bottom: 0 } @media (hover:hover) { .card-link:hover { text-decoration: none } } .card-link+.card-link { margin-left: 10px; margin-left: .625rem } .card>.list-group:first-child .list-group-item:first-child, .module-addons-item-grid .module-addons-item-wrapper-grid>.list-group:first-child .list-group-item:first-child, .module-item-wrapper-grid>.list-group:first-child .list-group-item:first-child, .module-placeholders-wrapper .timeline-item-wrapper>.list-group:first-child .list-group-item:first-child { border-radius: 5px 5px 0 0 } .card>.list-group:last-child .list-group-item:last-child, .module-addons-item-grid .module-addons-item-wrapper-grid>.list-group:last-child .list-group-item:last-child, .module-item-wrapper-grid>.list-group:last-child .list-group-item:last-child, .module-placeholders-wrapper .timeline-item-wrapper>.list-group:last-child .list-group-item:last-child { border-radius: 0 0 5px 5px } .card-header { padding: 10px; padding: .625rem; background-color: #fafbfc; border-bottom: 1px solid #dbe6e9 } .card-header, .card-header .card-header-title { font-weight: 600; line-height: 24px; line-height: 1.5rem } .card-header:first-child { border-radius: 5px 5px 0 0 } .card-header .main-header #header-search-container .input-group:before, .card-header .material-icons, .card-header .ps-tree-items .tree-name button:before, .main-header #header-search-container .card-header .input-group:before, .ps-tree-items .tree-name .card-header button:before { vertical-align: text-bottom; color: #6c868e; margin-right: 5px } .card-header h3 { margin-bottom: 0 } .card-header .btn-toolbar .btn { padding: 0 2px; padding: 0 .125rem } .card-footer { padding: 10px 15px; padding: .625rem .9375rem; background-color: #fafbfc; border-top: 1px solid #dbe6e9 } .card-footer:last-child { border-radius: 0 0 5px 5px } .card-primary { background-color: #25b9d7; border-color: #25b9d7 } .card-success { background-color: #78d07d; border-color: #78d07d } .card-info { background-color: #5bc0de; border-color: #5bc0de } .card-warning { background-color: #f0ad4e; border-color: #f0ad4e } .card-danger { background-color: #c05c67; border-color: #c05c67 } .card-primary-outline { background-color: transparent; border-color: #3ed2f0 } .card-secondary-outline { background-color: transparent; border-color: #000 } .card-info-outline { background-color: transparent; border-color: #5bc0de } .card-success-outline { background-color: transparent; border-color: #78d07d } .card-warning-outline { background-color: transparent; border-color: #f0ad4e } .card-danger-outline { background-color: transparent; border-color: #c05c67 } .card-inverse .card-footer, .card-inverse .card-header { border-bottom: 1px solid hsla(0, 0%, 100%, .2) } .card-inverse .card-blockquote, .card-inverse .card-footer, .card-inverse .card-header, .card-inverse .card-title, .card-inverse .module-addons-item-grid .module-addons-item-wrapper-grid .module-item-heading-grid .module-name-grid, .card-inverse .module-addons-item-grid .module-addons-item-wrapper-grid .module-item-heading-grid .module-version-author-grid, .card-inverse .module-item-wrapper-grid .module-item-heading-grid .module-name-grid, .card-inverse .module-item-wrapper-grid .module-item-heading-grid .module-version-author-grid, .card-inverse .module-placeholders-wrapper .timeline-item-wrapper .module-item-heading-grid .module-name-grid, .card-inverse .module-placeholders-wrapper .timeline-item-wrapper .module-item-heading-grid .module-version-author-grid, .module-addons-item-grid .module-addons-item-wrapper-grid .module-item-heading-grid .card-inverse .module-name-grid, .module-addons-item-grid .module-addons-item-wrapper-grid .module-item-heading-grid .card-inverse .module-version-author-grid, .module-item-wrapper-grid .module-item-heading-grid .card-inverse .module-name-grid, .module-item-wrapper-grid .module-item-heading-grid .card-inverse .module-version-author-grid, .module-placeholders-wrapper .timeline-item-wrapper .module-item-heading-grid .card-inverse .module-name-grid, .module-placeholders-wrapper .timeline-item-wrapper .module-item-heading-grid .card-inverse .module-version-author-grid { color: #fff } .card-inverse .card-blockquote>footer, .card-inverse .card-link, .card-inverse .card-text { color: hsla(0, 0%, 100%, .65) } .card-inverse .card-link:focus { color: #fff } @media (hover:hover) { .card-inverse .card-link:hover { color: #fff } } .card-blockquote { padding: 0; margin-bottom: 0; border-left: 0 } .card-img { border-radius: .25rem } .card-img-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 20px; padding: 1.25rem } .card-img-top { border-radius: 5px 5px 0 0 } .card-img-bottom { border-radius: 0 0 5px 5px } @media (min-width:544px) { .card-deck { display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; margin-right: -.625rem; margin-left: -.625rem } .card-deck .card, .card-deck .module-addons-item-grid .module-addons-item-wrapper-grid, .card-deck .module-item-wrapper-grid, .card-deck .module-placeholders-wrapper .timeline-item-wrapper, .module-addons-item-grid .card-deck .module-addons-item-wrapper-grid, .module-placeholders-wrapper .card-deck .timeline-item-wrapper { -ms-flex: 1 0 0px; flex: 1 0 0; margin-right: .625rem; margin-left: .625rem } } @media (min-width:544px) { .card-group { display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap } .card-group .card, .card-group .module-addons-item-grid .module-addons-item-wrapper-grid, .card-group .module-item-wrapper-grid, .card-group .module-placeholders-wrapper .timeline-item-wrapper, .module-addons-item-grid .card-group .module-addons-item-wrapper-grid, .module-placeholders-wrapper .card-group .timeline-item-wrapper { -ms-flex: 1 0 0px; flex: 1 0 0 } .card-group .card+.card, .card-group .card+.module-item-wrapper-grid, .card-group .module-addons-item-grid .card+.module-addons-item-wrapper-grid, .card-group .module-addons-item-grid .module-addons-item-wrapper-grid+.card, .card-group .module-addons-item-grid .module-addons-item-wrapper-grid+.module-addons-item-wrapper-grid, .card-group .module-addons-item-grid .module-addons-item-wrapper-grid+.module-item-wrapper-grid, .card-group .module-addons-item-grid .module-item-wrapper-grid+.module-addons-item-wrapper-grid, .card-group .module-addons-item-grid .module-placeholders-wrapper .module-addons-item-wrapper-grid+.timeline-item-wrapper, .card-group .module-item-wrapper-grid+.card, .card-group .module-item-wrapper-grid+.module-item-wrapper-grid, .card-group .module-placeholders-wrapper .card+.timeline-item-wrapper, .card-group .module-placeholders-wrapper .module-addons-item-grid .timeline-item-wrapper+.module-addons-item-wrapper-grid, .card-group .module-placeholders-wrapper .module-item-wrapper-grid+.timeline-item-wrapper, .card-group .module-placeholders-wrapper .timeline-item-wrapper+.card, .card-group .module-placeholders-wrapper .timeline-item-wrapper+.module-item-wrapper-grid, .card-group .module-placeholders-wrapper .timeline-item-wrapper+.timeline-item-wrapper, .module-addons-item-grid .card-group .card+.module-addons-item-wrapper-grid, .module-addons-item-grid .card-group .module-addons-item-wrapper-grid+.card, .module-addons-item-grid .card-group .module-addons-item-wrapper-grid+.module-addons-item-wrapper-grid, .module-addons-item-grid .card-group .module-addons-item-wrapper-grid+.module-item-wrapper-grid, .module-addons-item-grid .card-group .module-item-wrapper-grid+.module-addons-item-wrapper-grid, .module-addons-item-grid .card-group .module-placeholders-wrapper .module-addons-item-wrapper-grid+.timeline-item-wrapper, .module-addons-item-grid .card-group .module-placeholders-wrapper .timeline-item-wrapper+.module-addons-item-wrapper-grid, .module-addons-item-grid .module-placeholders-wrapper .card-group .timeline-item-wrapper+.module-addons-item-wrapper-grid, .module-placeholders-wrapper .card-group .card+.timeline-item-wrapper, .module-placeholders-wrapper .card-group .module-addons-item-grid .module-addons-item-wrapper-grid+.timeline-item-wrapper, .module-placeholders-wrapper .card-group .module-addons-item-grid .timeline-item-wrapper+.module-addons-item-wrapper-grid, .module-placeholders-wrapper .card-group .module-item-wrapper-grid+.timeline-item-wrapper, .module-placeholders-wrapper .card-group .timeline-item-wrapper+.card, .module-placeholders-wrapper .card-group .timeline-item-wrapper+.module-item-wrapper-grid, .module-placeholders-wrapper .card-group .timeline-item-wrapper+.timeline-item-wrapper, .module-placeholders-wrapper .module-addons-item-grid .card-group .module-addons-item-wrapper-grid+.timeline-item-wrapper { margin-left: 0; border-left: 0 } .card-group .card:first-child, .card-group .module-addons-item-grid .module-addons-item-wrapper-grid:first-child, .card-group .module-item-wrapper-grid:first-child, .card-group .module-placeholders-wrapper .timeline-item-wrapper:first-child, .module-addons-item-grid .card-group .module-addons-item-wrapper-grid:first-child, .module-placeholders-wrapper .card-group .timeline-item-wrapper:first-child { border-bottom-right-radius: 0; border-top-right-radius: 0 } .card-group .card:first-child .card-img-top, .card-group .module-addons-item-grid .module-addons-item-wrapper-grid:first-child .card-img-top, .card-group .module-item-wrapper-grid:first-child .card-img-top, .card-group .module-placeholders-wrapper .timeline-item-wrapper:first-child .card-img-top, .module-addons-item-grid .card-group .module-addons-item-wrapper-grid:first-child .card-img-top, .module-placeholders-wrapper .card-group .timeline-item-wrapper:first-child .card-img-top { border-top-right-radius: 0 } .card-group .card:first-child .card-img-bottom, .card-group .module-addons-item-grid .module-addons-item-wrapper-grid:first-child .card-img-bottom, .card-group .module-item-wrapper-grid:first-child .card-img-bottom, .card-group .module-placeholders-wrapper .timeline-item-wrapper:first-child .card-img-bottom, .module-addons-item-grid .card-group .module-addons-item-wrapper-grid:first-child .card-img-bottom, .module-placeholders-wrapper .card-group .timeline-item-wrapper:first-child .card-img-bottom { border-bottom-right-radius: 0 } .card-group .card:last-child, .card-group .module-addons-item-grid .module-addons-item-wrapper-grid:last-child, .card-group .module-item-wrapper-grid:last-child, .card-group .module-placeholders-wrapper .timeline-item-wrapper:last-child, .module-addons-item-grid .card-group .module-addons-item-wrapper-grid:last-child, .module-placeholders-wrapper .card-group .timeline-item-wrapper:last-child { border-bottom-left-radius: 0; border-top-left-radius: 0 } .card-group .card:last-child .card-img-top, .card-group .module-addons-item-grid .module-addons-item-wrapper-grid:last-child .card-img-top, .card-group .module-item-wrapper-grid:last-child .card-img-top, .card-group .module-placeholders-wrapper .timeline-item-wrapper:last-child .card-img-top, .module-addons-item-grid .card-group .module-addons-item-wrapper-grid:last-child .card-img-top, .module-placeholders-wrapper .card-group .timeline-item-wrapper:last-child .card-img-top { border-top-left-radius: 0 } .card-group .card:last-child .card-img-bottom, .card-group .module-addons-item-grid .module-addons-item-wrapper-grid:last-child .card-img-bottom, .card-group .module-item-wrapper-grid:last-child .card-img-bottom, .card-group .module-placeholders-wrapper .timeline-item-wrapper:last-child .card-img-bottom, .module-addons-item-grid .card-group .module-addons-item-wrapper-grid:last-child .card-img-bottom, .module-placeholders-wrapper .card-group .timeline-item-wrapper:last-child .card-img-bottom { border-bottom-left-radius: 0 } .card-group .card:not(:first-child):not(:last-child), .card-group .card:not(:first-child):not(:last-child) .card-img-bottom, .card-group .card:not(:first-child):not(:last-child) .card-img-top, .card-group .module-addons-item-grid .module-addons-item-wrapper-grid:not(:first-child):not(:last-child), .card-group .module-addons-item-grid .module-addons-item-wrapper-grid:not(:first-child):not(:last-child) .card-img-bottom, .card-group .module-addons-item-grid .module-addons-item-wrapper-grid:not(:first-child):not(:last-child) .card-img-top, .card-group .module-item-wrapper-grid:not(:first-child):not(:last-child), .card-group .module-item-wrapper-grid:not(:first-child):not(:last-child) .card-img-bottom, .card-group .module-item-wrapper-grid:not(:first-child):not(:last-child) .card-img-top, .card-group .module-placeholders-wrapper .timeline-item-wrapper:not(:first-child):not(:last-child), .card-group .module-placeholders-wrapper .timeline-item-wrapper:not(:first-child):not(:last-child) .card-img-bottom, .card-group .module-placeholders-wrapper .timeline-item-wrapper:not(:first-child):not(:last-child) .card-img-top, .module-addons-item-grid .card-group .module-addons-item-wrapper-grid:not(:first-child):not(:last-child), .module-addons-item-grid .card-group .module-addons-item-wrapper-grid:not(:first-child):not(:last-child) .card-img-bottom, .module-addons-item-grid .card-group .module-addons-item-wrapper-grid:not(:first-child):not(:last-child) .card-img-top, .module-placeholders-wrapper .card-group .timeline-item-wrapper:not(:first-child):not(:last-child), .module-placeholders-wrapper .card-group .timeline-item-wrapper:not(:first-child):not(:last-child) .card-img-bottom, .module-placeholders-wrapper .card-group .timeline-item-wrapper:not(:first-child):not(:last-child) .card-img-top { border-radius: 0 } } @media (min-width:544px) { .card-columns { column-count: 3; column-gap: 1.25rem } .card-columns .card, .card-columns .module-addons-item-grid .module-addons-item-wrapper-grid, .card-columns .module-item-wrapper-grid, .card-columns .module-placeholders-wrapper .timeline-item-wrapper, .module-addons-item-grid .card-columns .module-addons-item-wrapper-grid, .module-placeholders-wrapper .card-columns .timeline-item-wrapper { display: inline-block; width: 100% } } ul.category-tree { padding: 0 } ul.category-tree .less, ul.category-tree .more { background: none; position: relative } ul.category-tree .less>.checkbox, ul.category-tree .less>.radio, ul.category-tree .more>.checkbox, ul.category-tree .more>.radio { cursor: pointer } ul.category-tree .less>.checkbox:before, ul.category-tree .less>.radio:before, ul.category-tree .more>.checkbox:before, ul.category-tree .more>.radio:before { position: absolute; font-family: Material Icons; cursor: pointer; font-size: 20px; font-size: 1.25rem; color: #6c868e; top: -4px; top: -.25rem; left: -1.6px; left: -.1rem } ul.category-tree .less>.checkbox:before, ul.category-tree .less>.radio:before { content: "\E313" } ul.category-tree .more>.checkbox:before, ul.category-tree .more>.radio:before { content: "\E5CC" } ul.category-tree .category-label { display: block; padding-left: 0; position: relative } ul.category-tree .category-label .category { cursor: pointer; position: absolute; top: .4em; right: .4em } ul.category-tree ul { padding-left: 25.008px; padding-left: 1.563rem } ul.category-tree li { list-style: none; background-repeat: no-repeat; background-size: 12px 12px; background-position: 0 3px } ul.category-tree li .checkbox, ul.category-tree li .radio { padding-left: 20px; padding-top: 0 } #tree-categories { padding: 10px; padding: .625rem } #tree-categories .categories-tree-actions { border-bottom: 1.008px solid #bbcdd2; border-bottom: .063rem solid #bbcdd2; margin-bottom: 10px; margin-bottom: .625rem; white-space: nowrap } #tree-categories .categories-tree-actions>a { display: inline-block; margin-bottom: 10px; margin-bottom: .625rem; color: #6c868e } #tree-categories .categories-tree-actions>a+a { margin-left: 15px; margin-left: .9375rem } #tree-categories .categories-tree-actions>a:hover { text-decoration: none } #tree-categories .categories-tree-actions>a .main-header #header-search-container i.input-group:before, #tree-categories .categories-tree-actions>a i.material-icons, .main-header #header-search-container #tree-categories .categories-tree-actions>a i.input-group:before { font-size: 20px; font-size: 1.25rem; vertical-align: bottom } #tree-categories label.form-control-label { color: #6c868e; width: 100%; padding-left: 15px; padding-right: 15px } #tree-categories #choice_tree .category-tree { margin-bottom: 0 } .dropzone .dz-preview .dz-progress { height: 10px; background: none; background-color: #363a41 } .dropzone .dz-preview .dz-progress>.dz-upload { background: none; background-color: #25b9d7 } .module-addons-item-grid .module-addons-item-wrapper-grid, .module-item-wrapper-grid, .module-placeholders-wrapper .timeline-item-wrapper { border: none; border-radius: 0; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .1); min-height: 415px } .module-addons-item-grid .module-addons-item-wrapper-grid .module-item-heading-grid, .module-item-wrapper-grid .module-item-heading-grid, .module-placeholders-wrapper .timeline-item-wrapper .module-item-heading-grid { position: relative; text-align: center } .module-addons-item-grid .module-addons-item-wrapper-grid .module-item-heading-grid .module-logo-thumb-grid, .module-item-wrapper-grid .module-item-heading-grid .module-logo-thumb-grid, .module-placeholders-wrapper .timeline-item-wrapper .module-item-heading-grid .module-logo-thumb-grid { width: 100%; width: 45px; height: 45px; text-align: center; margin: 0 auto; border-radius: 0 } .module-addons-item-grid .module-addons-item-wrapper-grid .module-item-heading-grid .module-logo-thumb-grid>img, .module-item-wrapper-grid .module-item-heading-grid .module-logo-thumb-grid>img, .module-placeholders-wrapper .timeline-item-wrapper .module-item-heading-grid .module-logo-thumb-grid>img { max-width: 45px; max-height: 45px } .module-addons-item-grid .module-addons-item-wrapper-grid .module-item-heading-grid .module-name-grid, .module-item-wrapper-grid .module-item-heading-grid .module-name-grid, .module-placeholders-wrapper .timeline-item-wrapper .module-item-heading-grid .module-name-grid { position: relative; text-align: center; font-weight: bolder; margin: 16px 0 8px; margin: 1rem 0 .5rem; min-height: 40px } .module-addons-item-grid .module-addons-item-wrapper-grid .module-item-heading-grid .module-version-author-grid, .module-item-wrapper-grid .module-item-heading-grid .module-version-author-grid, .module-placeholders-wrapper .timeline-item-wrapper .module-item-heading-grid .module-version-author-grid { text-align: center; font-weight: lighter; color: #6c868e; white-space: nowrap; text-overflow: ellipsis; overflow: hidden } .module-addons-item-grid .module-addons-item-wrapper-grid .module-item-heading-grid .module-version-author-grid b, .module-item-wrapper-grid .module-item-heading-grid .module-version-author-grid b, .module-placeholders-wrapper .timeline-item-wrapper .module-item-heading-grid .module-version-author-grid b { font-weight: lighter } .module-addons-item-grid .module-addons-item-wrapper-grid .module-container, .module-item-wrapper-grid .module-container, .module-placeholders-wrapper .timeline-item-wrapper .module-container { text-align: center } .module-addons-item-grid .module-addons-item-wrapper-grid .module-star-ranking-grid-0, .module-item-wrapper-grid .module-star-ranking-grid-0, .module-placeholders-wrapper .timeline-item-wrapper .module-star-ranking-grid-0 { display: inline-block; position: absolute; color: #6c868e; text-align: right; left: 90px; bottom: 50px } .module-addons-item-grid .module-addons-item-wrapper-grid .module-star-ranking-grid-0:before, .module-item-wrapper-grid .module-star-ranking-grid-0:before, .module-placeholders-wrapper .timeline-item-wrapper .module-star-ranking-grid-0:before { font-family: Material Icons; content: "\E838\E838\E838\E838\E838"; color: #bbcdd2; float: left; font-size: 1.1em; margin-right: .5em; position: absolute; left: -70px; top: 0 } .module-addons-item-grid .module-addons-item-wrapper-grid .module-star-ranking-grid-0:after, .module-item-wrapper-grid .module-star-ranking-grid-0:after, .module-placeholders-wrapper .timeline-item-wrapper .module-star-ranking-grid-0:after { position: absolute; font-family: Material Icons; content: "\E839"; color: #ffd100; font-size: 1.1em; left: -70px; top: 0 } .module-addons-item-grid .module-addons-item-wrapper-grid .module-star-ranking-grid-05, .module-item-wrapper-grid .module-star-ranking-grid-05, .module-placeholders-wrapper .timeline-item-wrapper .module-star-ranking-grid-05 { display: inline-block; position: absolute; color: #6c868e; text-align: right; left: 90px; bottom: 50px } .module-addons-item-grid .module-addons-item-wrapper-grid .module-star-ranking-grid-05:before, .module-item-wrapper-grid .module-star-ranking-grid-05:before, .module-placeholders-wrapper .timeline-item-wrapper .module-star-ranking-grid-05:before { font-family: Material Icons; content: "\E838\E838\E838\E838\E838"; color: #bbcdd2; float: left; font-size: 1.1em; margin-right: .5em; position: absolute; left: -70px; top: 0 } .module-addons-item-grid .module-addons-item-wrapper-grid .module-star-ranking-grid-05:after, .module-item-wrapper-grid .module-star-ranking-grid-05:after, .module-placeholders-wrapper .timeline-item-wrapper .module-star-ranking-grid-05:after { position: absolute; font-family: Material Icons; content: "\E839"; color: #ffd100; font-size: 1.1em; left: -70px; top: 0 } .module-addons-item-grid .module-addons-item-wrapper-grid .module-star-ranking-grid-1, .module-item-wrapper-grid .module-star-ranking-grid-1, .module-placeholders-wrapper .timeline-item-wrapper .module-star-ranking-grid-1 { display: inline-block; position: absolute; color: #6c868e; text-align: right; left: 90px; bottom: 50px } .module-addons-item-grid .module-addons-item-wrapper-grid .module-star-ranking-grid-1:before, .module-item-wrapper-grid .module-star-ranking-grid-1:before, .module-placeholders-wrapper .timeline-item-wrapper .module-star-ranking-grid-1:before { font-family: Material Icons; content: "\E838\E838\E838\E838\E838"; color: #bbcdd2; float: left; font-size: 1.1em; margin-right: .5em; position: absolute; left: -70px; top: 0 } .module-addons-item-grid .module-addons-item-wrapper-grid .module-star-ranking-grid-1:after, .module-item-wrapper-grid .module-star-ranking-grid-1:after, .module-placeholders-wrapper .timeline-item-wrapper .module-star-ranking-grid-1:after { position: absolute; font-family: Material Icons; content: "\E838"; color: #ffd100; font-size: 1.1em; left: -70px; top: 0 } .module-addons-item-grid .module-addons-item-wrapper-grid .module-star-ranking-grid-15, .module-item-wrapper-grid .module-star-ranking-grid-15, .module-placeholders-wrapper .timeline-item-wrapper .module-star-ranking-grid-15 { display: inline-block; position: absolute; color: #6c868e; text-align: right; left: 90px; bottom: 50px } .module-addons-item-grid .module-addons-item-wrapper-grid .module-star-ranking-grid-15:before, .module-item-wrapper-grid .module-star-ranking-grid-15:before, .module-placeholders-wrapper .timeline-item-wrapper .module-star-ranking-grid-15:before { font-family: Material Icons; content: "\E838\E838\E838\E838\E838"; color: #bbcdd2; float: left; font-size: 1.1em; margin-right: .5em; position: absolute; left: -70px; top: 0 } .module-addons-item-grid .module-addons-item-wrapper-grid .module-star-ranking-grid-15:after, .module-item-wrapper-grid .module-star-ranking-grid-15:after, .module-placeholders-wrapper .timeline-item-wrapper .module-star-ranking-grid-15:after { position: absolute; font-family: Material Icons; content: "\E838\E839"; color: #ffd100; font-size: 1.1em; left: -70px; top: 0 } .module-addons-item-grid .module-addons-item-wrapper-grid .module-star-ranking-grid-2, .module-item-wrapper-grid .module-star-ranking-grid-2, .module-placeholders-wrapper .timeline-item-wrapper .module-star-ranking-grid-2 { display: inline-block; position: absolute; color: #6c868e; text-align: right; left: 90px; bottom: 50px } .module-addons-item-grid .module-addons-item-wrapper-grid .module-star-ranking-grid-2:before, .module-item-wrapper-grid .module-star-ranking-grid-2:before, .module-placeholders-wrapper .timeline-item-wrapper .module-star-ranking-grid-2:before { font-family: Material Icons; content: "\E838\E838\E838\E838\E838"; color: #bbcdd2; float: left; font-size: 1.1em; margin-right: .5em; position: absolute; left: -70px; top: 0 } .module-addons-item-grid .module-addons-item-wrapper-grid .module-star-ranking-grid-2:after, .module-item-wrapper-grid .module-star-ranking-grid-2:after, .module-placeholders-wrapper .timeline-item-wrapper .module-star-ranking-grid-2:after { position: absolute; font-family: Material Icons; content: "\E838\E838"; color: #ffd100; font-size: 1.1em; left: -70px; top: 0 } .module-addons-item-grid .module-addons-item-wrapper-grid .module-star-ranking-grid-25, .module-item-wrapper-grid .module-star-ranking-grid-25, .module-placeholders-wrapper .timeline-item-wrapper .module-star-ranking-grid-25 { display: inline-block; position: absolute; color: #6c868e; text-align: right; left: 90px; bottom: 50px } .module-addons-item-grid .module-addons-item-wrapper-grid .module-star-ranking-grid-25:before, .module-item-wrapper-grid .module-star-ranking-grid-25:before, .module-placeholders-wrapper .timeline-item-wrapper .module-star-ranking-grid-25:before { font-family: Material Icons; content: "\E838\E838\E838\E838\E838"; color: #bbcdd2; float: left; font-size: 1.1em; margin-right: .5em; position: absolute; left: -70px; top: 0 } .module-addons-item-grid .module-addons-item-wrapper-grid .module-star-ranking-grid-25:after, .module-item-wrapper-grid .module-star-ranking-grid-25:after, .module-placeholders-wrapper .timeline-item-wrapper .module-star-ranking-grid-25:after { position: absolute; font-family: Material Icons; content: "\E838\E838\E839"; color: #ffd100; font-size: 1.1em; left: -70px; top: 0 } .module-addons-item-grid .module-addons-item-wrapper-grid .module-star-ranking-grid-3, .module-item-wrapper-grid .module-star-ranking-grid-3, .module-placeholders-wrapper .timeline-item-wrapper .module-star-ranking-grid-3 { display: inline-block; position: absolute; color: #6c868e; text-align: right; left: 90px; bottom: 50px } .module-addons-item-grid .module-addons-item-wrapper-grid .module-star-ranking-grid-3:before, .module-item-wrapper-grid .module-star-ranking-grid-3:before, .module-placeholders-wrapper .timeline-item-wrapper .module-star-ranking-grid-3:before { font-family: Material Icons; content: "\E838\E838\E838\E838\E838"; color: #bbcdd2; float: left; font-size: 1.1em; margin-right: .5em; position: absolute; left: -70px; top: 0 } .module-addons-item-grid .module-addons-item-wrapper-grid .module-star-ranking-grid-3:after, .module-item-wrapper-grid .module-star-ranking-grid-3:after, .module-placeholders-wrapper .timeline-item-wrapper .module-star-ranking-grid-3:after { position: absolute; font-family: Material Icons; content: "\E838\E838\E838"; color: #ffd100; font-size: 1.1em; left: -70px; top: 0 } .module-addons-item-grid .module-addons-item-wrapper-grid .module-star-ranking-grid-35, .module-item-wrapper-grid .module-star-ranking-grid-35, .module-placeholders-wrapper .timeline-item-wrapper .module-star-ranking-grid-35 { display: inline-block; position: absolute; color: #6c868e; text-align: right; left: 90px; bottom: 50px } .module-addons-item-grid .module-addons-item-wrapper-grid .module-star-ranking-grid-35:before, .module-item-wrapper-grid .module-star-ranking-grid-35:before, .module-placeholders-wrapper .timeline-item-wrapper .module-star-ranking-grid-35:before { font-family: Material Icons; content: "\E838\E838\E838\E838\E838"; color: #bbcdd2; float: left; font-size: 1.1em; margin-right: .5em; position: absolute; left: -70px; top: 0 } .module-addons-item-grid .module-addons-item-wrapper-grid .module-star-ranking-grid-35:after, .module-item-wrapper-grid .module-star-ranking-grid-35:after, .module-placeholders-wrapper .timeline-item-wrapper .module-star-ranking-grid-35:after { position: absolute; font-family: Material Icons; content: "\E838\E838\E838\E838"; color: #ffd100; font-size: 1.1em; left: -70px; top: 0 } .module-addons-item-grid .module-addons-item-wrapper-grid .module-star-ranking-grid-4, .module-item-wrapper-grid .module-star-ranking-grid-4, .module-placeholders-wrapper .timeline-item-wrapper .module-star-ranking-grid-4 { display: inline-block; position: absolute; color: #6c868e; text-align: right; left: 90px; bottom: 50px } .module-addons-item-grid .module-addons-item-wrapper-grid .module-star-ranking-grid-4:before, .module-item-wrapper-grid .module-star-ranking-grid-4:before, .module-placeholders-wrapper .timeline-item-wrapper .module-star-ranking-grid-4:before { font-family: Material Icons; content: "\E838\E838\E838\E838\E838"; color: #bbcdd2; float: left; font-size: 1.1em; margin-right: .5em; position: absolute; left: -70px; top: 0 } .module-addons-item-grid .module-addons-item-wrapper-grid .module-star-ranking-grid-4:after, .module-item-wrapper-grid .module-star-ranking-grid-4:after, .module-placeholders-wrapper .timeline-item-wrapper .module-star-ranking-grid-4:after { position: absolute; font-family: Material Icons; content: "\E838\E838\E838\E838"; color: #ffd100; font-size: 1.1em; left: -70px; top: 0 } .module-addons-item-grid .module-addons-item-wrapper-grid .module-star-ranking-grid-45, .module-item-wrapper-grid .module-star-ranking-grid-45, .module-placeholders-wrapper .timeline-item-wrapper .module-star-ranking-grid-45 { display: inline-block; position: absolute; color: #6c868e; text-align: right; left: 90px; bottom: 50px } .module-addons-item-grid .module-addons-item-wrapper-grid .module-star-ranking-grid-45:before, .module-item-wrapper-grid .module-star-ranking-grid-45:before, .module-placeholders-wrapper .timeline-item-wrapper .module-star-ranking-grid-45:before { font-family: Material Icons; content: "\E838\E838\E838\E838\E838"; color: #bbcdd2; float: left; font-size: 1.1em; margin-right: .5em; position: absolute; left: -70px; top: 0 } .module-addons-item-grid .module-addons-item-wrapper-grid .module-star-ranking-grid-45:after, .module-item-wrapper-grid .module-star-ranking-grid-45:after, .module-placeholders-wrapper .timeline-item-wrapper .module-star-ranking-grid-45:after { position: absolute; font-family: Material Icons; content: "\E838\E838\E838\E838\E839"; color: #ffd100; font-size: 1.1em; left: -70px; top: 0 } .module-addons-item-grid .module-addons-item-wrapper-grid .module-star-ranking-grid-5, .module-item-wrapper-grid .module-star-ranking-grid-5, .module-placeholders-wrapper .timeline-item-wrapper .module-star-ranking-grid-5 { display: inline-block; position: absolute; color: #6c868e; text-align: right; left: 90px; bottom: 50px } .module-addons-item-grid .module-addons-item-wrapper-grid .module-star-ranking-grid-5:before, .module-item-wrapper-grid .module-star-ranking-grid-5:before, .module-placeholders-wrapper .timeline-item-wrapper .module-star-ranking-grid-5:before { font-family: Material Icons; content: "\E838\E838\E838\E838\E838"; color: #bbcdd2; float: left; font-size: 1.1em; margin-right: .5em; position: absolute; left: -70px; top: 0 } .module-addons-item-grid .module-addons-item-wrapper-grid .module-star-ranking-grid-5:after, .module-item-wrapper-grid .module-star-ranking-grid-5:after, .module-placeholders-wrapper .timeline-item-wrapper .module-star-ranking-grid-5:after { position: absolute; font-family: Material Icons; content: "\E838\E838\E838\E838\E838"; color: #ffd100; font-size: 1.1em; left: -70px; top: 0 } .module-addons-item-grid .module-addons-item-wrapper-grid .module-quick-action-grid, .module-item-wrapper-grid .module-quick-action-grid, .module-placeholders-wrapper .timeline-item-wrapper .module-quick-action-grid { display: inline; color: #363a41 } .module-addons-item-grid .module-addons-item-wrapper-grid .module-quick-action-grid .module-actions, .module-item-wrapper-grid .module-quick-action-grid .module-actions, .module-placeholders-wrapper .timeline-item-wrapper .module-quick-action-grid .module-actions { position: absolute; bottom: 10px; width: 100%; left: 0 } .module-addons-item-grid .module-addons-item-wrapper-grid .module-quick-action-grid .light-button, .module-item-wrapper-grid .module-quick-action-grid .light-button, .module-placeholders-wrapper .timeline-item-wrapper .module-quick-action-grid .light-button { height: 32px; font-size: 10px; font-size: .625rem; padding: 8px; padding: .5rem; width: 92%; float: none; margin: 0 auto } .module-addons-item-grid .module-addons-item-wrapper-grid .module-quick-action-grid .onclick, .module-item-wrapper-grid .module-quick-action-grid .onclick, .module-placeholders-wrapper .timeline-item-wrapper .module-quick-action-grid .onclick { margin-bottom: -7px } .module-addons-item-grid .module-addons-item-wrapper-grid .module-quick-description-grid, .module-item-wrapper-grid .module-quick-description-grid, .module-placeholders-wrapper .timeline-item-wrapper .module-quick-description-grid { margin: 15px 0; text-align: center; min-height: 100px } .module-addons-item-grid .module-addons-item-wrapper-grid .module-quick-description-grid .module-read-more-grid, .module-item-wrapper-grid .module-quick-description-grid .module-read-more-grid, .module-placeholders-wrapper .timeline-item-wrapper .module-quick-description-grid .module-read-more-grid { display: inline-block } .module-addons-item-grid .module-addons-item-wrapper-grid .module-quick-description-grid .module-read-more-grid .module-read-more-grid-btn, .module-item-wrapper-grid .module-quick-description-grid .module-read-more-grid .module-read-more-grid-btn, .module-placeholders-wrapper .timeline-item-wrapper .module-quick-description-grid .module-read-more-grid .module-read-more-grid-btn { font-weight: 700 } .module-addons-item-grid { height: 258px; margin-bottom: 12px; margin-bottom: .75rem; display: none; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer } .module-addons-item-grid .module-addons-item-wrapper-grid { height: 100%; vertical-align: middle; text-align: center; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center } .module-addons-item-grid .module-addons-item-wrapper-grid .module-icon-addons-exit-grid { display: block; padding-bottom: 20px } @keyframes placeHolderShimmer { 0% { background-position: -468px 0 } to { background-position: 468px 0 } } .module-placeholders-wrapper .timeline-item-wrapper { height: 250px } .module-placeholders-wrapper .timeline-item-wrapper .animated-background { animation-duration: 1.75s; animation-fill-mode: forwards; animation-iteration-count: infinite; animation-name: placeHolderShimmer; animation-timing-function: linear; background: #f6f7f8; background: #eee; background: linear-gradient(90deg, #eee 8%, #ddd 18%, #eee 33%); background-size: 800px 104px; height: 96px; position: relative } .module-placeholders-wrapper .timeline-item-wrapper .animated-background .background-masker { background: #fff; position: absolute; box-sizing: border-box } .outlined .background-masker { border: 1px solid #ddd } .outlined:hover .background-masker { border: none } .outlined:hover .background-masker:hover { border: 1px solid #ccc; z-index: 1 } .background-masker.header-bottom, .background-masker.header-top, .background-masker.subheader-bottom { top: 0; left: 40px; right: 0; height: 10px } .background-masker.header-left, .background-masker.header-right, .background-masker.subheader-left, .background-masker.subheader-right { top: 10px; left: 40px; height: 8px; width: 10px } .background-masker.header-bottom { top: 18px; height: 6px } .background-masker.subheader-left, .background-masker.subheader-right { top: 24px; height: 6px } .background-masker.header-right, .background-masker.subheader-right { width: auto; left: 300px; right: 0 } .background-masker.subheader-right { left: 230px } .background-masker.subheader-bottom { top: 30px; height: 10px } .background-masker.content-first-end, .background-masker.content-second-end, .background-masker.content-second-line, .background-masker.content-third-end, .background-masker.content-third-line, .background-masker.content-top { top: 40px; left: 0; right: 0; height: 6px } .background-masker.content-top { height: 20px } .background-masker.content-first-end, .background-masker.content-second-end, .background-masker.content-third-end { width: auto; left: 380px; right: 0; top: 60px; height: 8px } .background-masker.content-second-line { top: 68px } .background-masker.content-second-end { left: 420px; top: 74px } .background-masker.content-third-line { top: 82px } .background-masker.content-third-end { left: 300px; top: 88px } .module-placeholders-wrapper { margin-top: 76px } .modal-read-more .modal-dialog { max-width: none } .module-modal-footer { display: block } .notification-center>.notification { padding: 9px 5px; border: none; color: #6c868e; background: transparent } .main-header #header-search-container .notification-center>.notification>.input-group:before, .notification-center>.notification>.material-icons, .ps-tree-items .tree-name .notification-center>.notification>button:before { font-size: 22px; font-size: 1.375rem; line-height: 22px; line-height: 1.375rem; vertical-align: middle } .notification-center>.notification>.count { display: inline-block; position: absolute; top: 4px; top: .25rem; right: 0; color: #fff; background: #f1b746; font-size: 10px; font-size: .625rem; line-height: 12px; line-height: .75rem; padding: 0 3px; padding: 0 .1875rem; border-radius: 1rem; border: 2px solid #fff; border: .125rem solid #fff } .notification-center>.notification:after, .notification-center>.notification>.count.hide { display: none } .notification-center .dropdown-menu, .notification-center .notifications { margin: 0; padding: 0; border-radius: 0; min-width: 400px; min-width: 25rem } .notification-center .notifications { font-size: 14px; font-size: .875rem; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .1); top: 42px; right: 5px !important } .notification-center .notifications:after, .notification-center .notifications:before { bottom: 100%; right: 9px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none } .notification-center .notifications:after { border-color: transparent; border-bottom-color: #fff; border-width: 7px; margin-right: 1px } .notification-center .notifications:before { border-color: transparent; border-bottom-color: #bbcdd2; border-width: 8px; margin-left: -8px } .notification-center .notifications .nav .nav-item { margin-left: 0; width: 33%; text-align: center } .notification-center .notifications .nav .nav-link { color: #6c868e; font-weight: 400; padding: 15px 15px 10px; padding: .9375rem .9375rem .625rem } .notification-center .notifications .nav .nav-link.active { border-top: 0; border-bottom: 2px solid #25b9d7; color: #363a41 } .notification-center .notifications .nav .nav-link:hover { color: #25b9d7 } .notification-center .notifications .tab-content { border-top: 2px solid #bbcdd2; border-top: .125rem solid #bbcdd2; padding: 0; margin-top: -1px; margin-top: -.0625rem } .notification-center .notifications .tab-content>.tab-pane { height: 190.08px; height: 11.88rem; overflow-y: auto } .notification-center .notifications .tab-content>.tab-pane .no-notification { display: none } .notification-center .notifications .tab-content>.tab-pane.empty { color: #6c868e; text-align: center } .notification-center .notifications .tab-content>.tab-pane.empty:after { content: "\E7F5"; font-family: Material Icons; opacity: .7; font-size: 90px; font-size: 5.625rem; color: #bbcdd2 } .notification-center .notifications .tab-content>.tab-pane.empty>.no-notification { position: absolute; bottom: 0; width: 100%; display: block } .mobile .notification-center .notifications .tab-content>.tab-pane.empty>.no-notification { bottom: 50px; bottom: 3.125rem } .notification-center .notifications .tab-content .notif { display: block; padding: 10px 15px; padding: .625rem .9375rem; color: #6c868e } .main-header #header-search-container .notification-center .notifications .tab-content .notif .input-group:before, .notification-center .notifications .tab-content .notif .main-header #header-search-container .input-group:before, .notification-center .notifications .tab-content .notif .material-icons, .notification-center .notifications .tab-content .notif .ps-tree-items .tree-name button:before, .ps-tree-items .tree-name .notification-center .notifications .tab-content .notif button:before { vertical-align: top } .notification-center .notifications .tab-content .notif .message-notification-status.open { color: #78d07d } .notification-center .notifications .tab-content .notif .message-notification-status.closed { color: #c05c67 } .notification-center .notifications .tab-content .notif .message-notification-status.pending1, .notification-center .notifications .tab-content .notif .message-notification-status.pending2 { color: #6c868e } .notification-center .notifications .tab-content .notif strong { color: #363a41 } .notification-center .notifications .tab-content .notif:hover { background-color: #fff; color: #25b9d7; text-decoration: none } .notification-center .notifications .tab-content .notif:hover strong { color: #25b9d7 } .mobile .notification-center .nav-link:before { font-family: Material Icons; display: block; font-size: 30px; color: #363a41 } .mobile .notification-center #orders-tab:before { content: "\E8CB" } .mobile .notification-center #customers-tab:before { content: "\E7FE" } .mobile .notification-center #messages-tab:before { content: "\E0BE" } .mobile .notification-center .no-notification { top: 220px; top: 13.75rem } .bootstrap-datetimepicker-widget .date:before, .bootstrap-datetimepicker-widget .down:before, .bootstrap-datetimepicker-widget .next span:before, .bootstrap-datetimepicker-widget .prev span:before, .bootstrap-datetimepicker-widget .time:before, .bootstrap-datetimepicker-widget .up:before { font-family: Material Icons } .bootstrap-datetimepicker-widget .prev span:before { content: "\E314" } .bootstrap-datetimepicker-widget .next span:before { content: "\E315" } .bootstrap-datetimepicker-widget .up:before { content: "\E316" } .bootstrap-datetimepicker-widget .down:before { content: "\E313" } .bootstrap-datetimepicker-widget .date:before { content: "\E916" } .bootstrap-datetimepicker-widget .time:before { content: "\E192" } .help-box { display: inline-block; box-sizing: border-box; color: #25b9d7; background-color: #dff5f9; height: 16px; height: 1rem; width: 16px; width: 1rem; font-weight: 700; font-size: 10px; line-height: 12px; vertical-align: middle; text-align: center; border: 2px solid #25b9d7; cursor: pointer; padding: 0; margin: 0 5px 2px } .help-box:after { content: "?" } .help-box:focus { outline: none } .ps-dropdown { font-size: 1em; padding: .188em 0; background: #fff; width: 100%; line-height: 2.286em; cursor: pointer } .ps-dropdown.bordered { border: 1px solid #bbcdd2 } .ps-dropdown .dropdown-label { padding: 0 .5em; -ms-flex-positive: 1; flex-grow: 1 } .ps-dropdown .arrow-down { font-size: 1.8em; position: relative; cursor: pointer; color: #6c868e; line-height: 32px; line-height: 2rem } .ps-dropdown>.ps-dropdown-menu { z-index: 1; width: 100%; border-radius: 0; min-width: 300px; margin-top: 4px; padding: 0 } .ps-dropdown>.ps-dropdown-menu .dropdown-item { cursor: pointer; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center } .ps-dropdown>.ps-dropdown-menu .items-list { list-style-type: none; padding: 0; line-height: 12px; line-height: .75rem; margin: 0 } .ps-dropdown>.ps-dropdown-menu .items-list .dropdown-item { padding: 10px } .ps-dropdown>.ps-dropdown-menu .items-list .dropdown-item.selected, .ps-dropdown>.ps-dropdown-menu .items-list .dropdown-item.selected span { color: #bbcdd2 } .ps-dropdown>.ps-dropdown-menu .items-list .dropdown-item:hover { background-color: #25b9d7; color: #fff } .ps-dropdown>.ps-dropdown-menu .items-list .dropdown-item:hover span { color: #fff } .ps-dropdown>.ps-dropdown-menu .items-list .dropdown-item span { color: #aeaeae; font-size: 12px; font-size: .75rem; padding: 4px; padding: .25rem } .ps-number { position: relative; display: inline-block } .ps-number input[type=number]::-webkit-inner-spin-button, .ps-number input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; -moz-appearance: none; appearance: none } .ps-number input[type=number] { -moz-appearance: textfield } .ps-number .danger { border: 1px solid #c05c67; background-color: #fff; color: #363a41 } .ps-number .danger:focus { outline: none } .ps-number .ps-number-spinner { position: absolute; top: 1px; -ms-flex-direction: column; flex-direction: column; right: 0; cursor: pointer; line-height: 17px } .ps-number.hover-buttons .ps-number-spinner { display: none; opacity: 0 } .ps-number.hover-buttons:hover .ps-number-spinner { opacity: 1; display: inline-block } .ps-number .ps-number-up:before { content: "\E5C7" } .ps-number .ps-number-down:before, .ps-number .ps-number-up:before { font-family: Material Icons; font-size: 20px; color: #363a41; position: relative } .ps-number .ps-number-down:before { content: "\E5C5"; bottom: 6px } .ps-radio [type=radio] { position: absolute; left: -9999px } .ps-radio [type=radio]+label { position: relative; padding-left: 28px; cursor: pointer; line-height: 20px; display: inline-block; color: #363a41 } .ps-radio [type=radio]+label:before { content: ""; position: absolute; left: 0; top: 0; width: 18px; height: 18px; border: 2px solid #6c868e; border-radius: 100%; background: #fff } .ps-radio [type=radio]+label:after { content: ""; width: 10px; height: 10px; background: #25b9d7; position: absolute; top: 4px; left: 4px; border-radius: 100%; transition: all .2s ease } .ps-radio [type=radio]:checked+label:before { border: 2px solid #25b9d7 } .ps-radio [type=radio]:checked+label:after { opacity: 1; transform: scale(1) } .ps-radio [type=radio]:not(:checked)+label:after { opacity: 0; transform: scale(0) } .ps-spinner { color: #fff; background-color: #fff; width: 40px; height: 40px; border-radius: 40px; font-size: 0; outline: none; border: 3px solid #bbcdd2; border-left-color: #25b9d7; animation: rotating 2s linear infinite; margin: 50px auto } .ps-tree ul { list-style-type: none; cursor: pointer; padding: 0; margin: 0 } .ps-tree .tree-header { border-bottom: 1px solid #bbcdd2 } .ps-tree .tree-header button { color: #6c868e; font-size: 10.4px; font-size: .65rem; font-weight: 700; height: 25.008px; height: 1.563rem } .ps-tree-items .tree-name { -ms-flex-align: center; align-items: center } .ps-tree-items .tree-name button:before { font-size: 20px; font-size: 1.25rem } .ps-tree-items .tree-name button.open:before { content: "keyboard_arrow_down" } .ps-tree-items .tree-name button.closed:before { content: "keyboard_arrow_right" } .ps-tree-items .tree { padding: 0 0 0 20px } .ps-tree-items .tree .tree-item { margin: 5px 0; list-style-type: none } .ps-tree-items .tree-label { margin-left: 5px } .ps-tree-items .warning { color: #c05c67; background: none } .ps-tree-items .hidden { visibility: hidden } .ps-tree-items .disable { display: none } .locale-input-group .dropdown { margin-left: .625em } .locale-input-group .dropdown button.dropdown-toggle { border-color: #bbcdd2 } .locale-input-group .dropdown .dropdown-menu { min-width: auto } .locale-input-group .dropdown .dropdown-menu .dropdown-item { cursor: pointer } .choice-table { max-height: 300px; overflow-y: auto } /*! * 2007-2020 PrestaShop and Contributors * * NOTICE OF LICENSE * * This source file is subject to the Open Software License (OSL 3.0) * that is bundled with this package in the file LICENSE.txt. * It is also available through the world-wide-web at this URL: * https://opensource.org/licenses/OSL-3.0 * If you did not receive a copy of the license and are unable to * obtain it through the world-wide-web, please send an email * to license@prestashop.com so we can send you a copy immediately. * * DISCLAIMER * * Do not edit or add to this file if you wish to upgrade PrestaShop to newer * versions in the future. If you wish to customize PrestaShop for your * needs please refer to http://www.prestashop.com for more information. * * @author PrestaShop SA * @copyright 2007-2020 PrestaShop SA and Contributors * @license https://opensource.org/licenses/OSL-3.0 Open Software License (OSL 3.0) * International Registered Trademark & Property of PrestaShop SA * */ .form-horizontal .card-block, .form-horizontal .module-addons-item-grid .module-addons-item-wrapper-grid, .form-horizontal .module-item-wrapper-grid, .form-horizontal .module-placeholders-wrapper .timeline-item-wrapper, .module-addons-item-grid .form-horizontal .module-addons-item-wrapper-grid, .module-placeholders-wrapper .form-horizontal .timeline-item-wrapper { -ms-flex-pack: center; justify-content: center; padding: 30px 10px; padding: 1.875rem .625rem } .form-horizontal .card-block.row, .form-horizontal .module-addons-item-grid .row.module-addons-item-wrapper-grid, .form-horizontal .module-placeholders-wrapper .row.timeline-item-wrapper, .form-horizontal .row.module-item-wrapper-grid, .module-addons-item-grid .form-horizontal .row.module-addons-item-wrapper-grid, .module-placeholders-wrapper .form-horizontal .row.timeline-item-wrapper { margin: 0 } .form-horizontal .form-group.row { margin-bottom: 19.2px; margin-bottom: 1.2rem } @media (min-width:544px) { .form-horizontal .form-group.row>.form-control-label:first-of-type:not(.label-on-top) { text-align: right; padding-right: 25px } } .form-horizontal .form-group.row.type-hidden { display: none } @media (min-width:544px) { .form-horizontal .ps-switch:not(.ps-switch-lg) { margin-top: 5px } } .form-horizontal .size-small { width: 150px } .form-horizontal .custom-file input { outline: none } .grid-toggler-icon-valid { color: #78d07d; cursor: pointer } .grid-toggler-icon-not-valid { color: #c05c67; cursor: pointer } table.grid-ordering-column tr { transition-property: all; transition-duration: .2s; transition-timing-function: ease-out } table.grid-ordering-column tr.hover { background-color: #fafbfc } table.grid-ordering-column tr:hover .position-drag-handle { visibility: visible } table.grid-ordering-column tr.position-row-while-drag { box-shadow: 3px 3px 8px 0 rgba(0, 0, 0, .2); color: #fff; transform: translate(5px, 10px); background: none } table.grid-ordering-column tr.position-row-while-drag td { background-color: #6c868e } table.grid-ordering-column tr.position-row-while-drag td:first-child { border-top-left-radius: 3px; border-bottom-left-radius: 3px } table.grid-ordering-column tr.position-row-while-drag td:last-child { border-top-right-radius: 3px; border-bottom-right-radius: 3px } .main-header #header-search-container table.grid-ordering-column tr.position-row-while-drag .btn .input-group:before, .ps-tree-items .tree-name table.grid-ordering-column tr.position-row-while-drag .btn button:before, table.grid-ordering-column tr.position-row-while-drag .btn, table.grid-ordering-column tr.position-row-while-drag .btn .main-header #header-search-container .input-group:before, table.grid-ordering-column tr.position-row-while-drag .btn .material-icons, table.grid-ordering-column tr.position-row-while-drag .btn .ps-tree-items .tree-name button:before, table.grid-ordering-column tr.position-row-while-drag .btn:after, table.grid-ordering-column tr.position-row-while-drag .position-drag-handle, table.grid-ordering-column tr.position-row-while-drag .position-drag-handle:hover { color: #fff } .js-drag-handle { cursor: move } .position-drag-handle { color: #6c868e; visibility: hidden } .position-drag-handle:hover { color: #25b9d7 } .btn-group-action .dropdown-toggle, .btn-group-action a.dropdown-toggle, .btn-group-action button.dropdown-toggle { color: #6c868e } .btn-group-action .dropdown-toggle:after, .btn-group-action a.dropdown-toggle:after, .btn-group-action button.dropdown-toggle:after { content: "more_vert" } .btn-group-action .dropdown-toggle:hover, .btn-group-action a.dropdown-toggle:hover, .btn-group-action button.dropdown-toggle:hover { color: #25b9d7 } table .thead-default .column-headers th:last-child .grid-actions-header-text { float: right } table .thead-default .column-headers th:last-child .grid-actions-header-text span { padding-right: 14px } table .column-filters td:last-child .grid-reset-button, table .column-filters td:last-child .grid-search-button { float: right } .grid table.grid-table thead tr td .max-field, .grid table.grid-table thead tr td .min-field { display: inline-block; width: 60px } .grid table.grid-table thead tr td .md-checkbox:not(:last-child) { display: inline-block } .grid table.grid-table thead tr td .md-checkbox~.form-control { display: inline-block; width: calc(100% - 29px) } .grid table.grid-table tbody tr:hover { background: #fafbfc } .grid table.grid-table tbody tr.empty_row, .grid table.grid-table tbody tr.preview-row { background: inherit } .grid table.grid-table tbody tr.preview-open { background-color: #e9f8fb } .grid table.grid-table tbody tr.dragging-row { background: #fafbfc; cursor: move } .grid table.grid-table tbody tr.dragging-row td { background: #67868e; color: #fff; transform: translate(5px, 10px) } .grid table.grid-table tbody tr.dragging-row td .main-header #header-search-container i.input-group:before, .grid table.grid-table tbody tr.dragging-row td a, .grid table.grid-table tbody tr.dragging-row td a:after, .grid table.grid-table tbody tr.dragging-row td i.grid-toggler-icon-not-valid, .grid table.grid-table tbody tr.dragging-row td i.grid-toggler-icon-valid, .grid table.grid-table tbody tr.dragging-row td i.material-icons, .main-header #header-search-container .grid table.grid-table tbody tr.dragging-row td i.input-group:before { color: #fff } .grid table.grid-table tbody tr td { word-break: break-word } .grid table.grid-table tbody tr td.draggable-type .draggable-column { color: transparent; cursor: move } .grid table.grid-table tbody tr:hover .draggable-column { color: #15b7d7 !important } .grid table.grid-table tbody tr td.choice-type .dropdown .dropdown-toggle { margin-right: 20px; transition: .2s ease-out } .grid table.grid-table tbody tr td.choice-type .dropdown .dropdown-toggle:hover { margin-right: 0 } .grid table.grid-table tbody tr td.choice-type .dropdown.show .dropdown-toggle { margin-right: 20px; transition: .2s ease-out } .grid table.grid-table tbody tr td.choice-type .dropdown.show .dropdown-toggle:hover { margin-right: 0 } .grid table.grid-table tbody tr td.choice-type .dropdown.show .dropdown-toggle:after { visibility: visible; width: 20px } .grid table.grid-table tbody tr td.choice-type .dropdown .dropdown-toggle { padding: 0 5px } .grid table.grid-table tbody tr td.choice-type .dropdown .dropdown-toggle.coloured { border: 0 } .grid table.grid-table tbody tr td.choice-type .dropdown .dropdown-toggle:after { visibility: hidden; width: 0; transition: .2s ease-out } .grid table.grid-table tbody tr td.choice-type .dropdown .dropdown-toggle:hover:after { visibility: visible; width: 20px } .grid table.grid-table tbody tr td.choice-type .dropdown .dropdown-menu .dropdown-item { cursor: pointer } .grid table.grid-table tbody tr td.action-type .inline-dropdown-item { width: inherit } .grid table.grid-table tbody tr td.action-type .inline-dropdown-item:only-child { margin-left: auto } .grid table.grid-table tbody tr td.action-type .btn-group>.dropdown-item:focus, .grid table.grid-table tbody tr td.action-type .btn-group>.dropdown-item:hover { background-color: transparent } .grid table.grid-table tbody tr td.order_price-type .badge { font-size: 100%; font-weight: 600; padding: 5px } .grid table.grid-table tbody tr td.date_time-type { word-break: normal } .grid .table-responsive .row { margin: 0 } .grid .preview-toggle i:hover { cursor: pointer } .helper-card, .showcase-card { box-shadow: 0 0 10px 0 rgba(0, 0, 0, .06); max-width: 810px; position: relative; margin: auto; margin-bottom: 17px; display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row } .helper-card__left, .helper-card__right, .showcase-card__left, .showcase-card__right { height: 100%; text-align: center; display: inline-block; vertical-align: top } .helper-card__customer, .helper-card__team, .showcase-card__customer, .showcase-card__team { background-image: url(5c7041c0b060b51529618b06b629ec58.png) } .helper-card__attribute, .helper-card__monitoring, .showcase-card__attribute, .showcase-card__monitoring { background-image: url(21297f5598e307f9171a5704655be9f8.png) } .helper-card__category, .showcase-card__category { background-image: url(21297f5598e307f9171a5704655be9f8.png) } .helper-card__left, .showcase-card__left { width: 320px; animation: showcase-img-appearance 1s } @media (max-width:1023.98px) { .helper-card__left, .showcase-card__left { display: none } } .helper-card__left img, .showcase-card__left img { animation: showcase-img-appearance 1.5s; padding: 40px; width: 100% } .helper-card__left.shape-one, .showcase-card__left.shape-one { background-repeat: no-repeat; background-size: contain } .helper-card__right, .showcase-card__right { width: 480px; padding: 45px 55px 0 20px; font-size: 14px } @media (max-width:1023.98px) { .helper-card__right, .showcase-card__right { padding: 3.438rem 1.25rem } } .helper-card__right h2, .showcase-card__right h2 { font-size: 18px; font-family: Open Sans; font-weight: 600; color: #363a41 } .helper-card__right p, .showcase-card__right p { margin: 22px 0; text-align: left } .helper-card__right>a.btn-outline-secondary, .showcase-card__right>a.btn-outline-secondary { margin-right: 15.2px; margin-right: .95rem } .helper-card__right button, .showcase-card__right button { background-color: #fff; border: 1px solid #899ea5; padding: 7px 15px; color: #576c72; font-weight: 600; outline: 0 } @media (max-width:1023.98px) { .helper-card__right, .showcase-card__right { width: inherit; text-align: center } } .helper-card__monitoring img, .showcase-card__monitoring img { padding: 35px 60px 0 } .helper-card__close, .showcase-card__close { position: absolute; top: 20px; right: 20px; cursor: pointer } .showcase-list-card__header { color: #363a41; opacity: .7; font-size: 20px; font-weight: 600 } .showcase-list-card__message { max-width: 540px; font-size: 14px; line-height: 1.43; color: #6c868e } .material-choice-tree-container { padding: 10px; padding: .625rem; border: 1px solid #bbcdd2 } .material-choice-tree-container .choice-tree-actions { border-bottom: 1.008px solid #bbcdd2; border-bottom: .063rem solid #bbcdd2; margin-bottom: 10px } .material-choice-tree-container ul.choice-tree { padding: 0; margin: 0 } .material-choice-tree-container ul.choice-tree li { list-style: none; background-size: 12px 12px; background: no-repeat 0 3px } .material-choice-tree-container ul.choice-tree li .checkbox, .material-choice-tree-container ul.choice-tree li .radio { padding-left: 20px; padding-top: 0 } .material-choice-tree-container ul.choice-tree li .checkbox i.md-checkbox-control:before { width: 16px; height: 16px; margin-top: 3px } .material-choice-tree-container ul.choice-tree li .checkbox input[type=checkbox]:checked+i.md-checkbox-control:after, .material-choice-tree-container ul.choice-tree li .checkbox input[type=checkbox]:indeterminate+i.md-checkbox-control:after { top: 5px; left: 3px; width: 11px; height: 7px } .material-choice-tree-container ul.choice-tree li ul { padding-left: 16px; padding-left: 1rem } .material-choice-tree-container ul.choice-tree .collapsed, .material-choice-tree-container ul.choice-tree .expanded { background: none; position: relative } .material-choice-tree-container ul.choice-tree .collapsed>.checkbox, .material-choice-tree-container ul.choice-tree .collapsed>.radio, .material-choice-tree-container ul.choice-tree .expanded>.checkbox, .material-choice-tree-container ul.choice-tree .expanded>.radio { cursor: pointer } .material-choice-tree-container ul.choice-tree .collapsed>.checkbox:before, .material-choice-tree-container ul.choice-tree .collapsed>.radio:before, .material-choice-tree-container ul.choice-tree .expanded>.checkbox:before, .material-choice-tree-container ul.choice-tree .expanded>.radio:before { position: absolute; font-family: Material Icons; cursor: pointer; font-size: 20px; font-size: 1.25rem; color: #6c868e; top: -4px; top: -.25rem; left: -1.6px; left: -.1rem } .material-choice-tree-container ul.choice-tree .expanded>.checkbox:before, .material-choice-tree-container ul.choice-tree .expanded>.radio:before { content: "\E313" } .material-choice-tree-container ul.choice-tree .collapsed>ul { display: none } .material-choice-tree-container ul.choice-tree .collapsed>.checkbox:before, .material-choice-tree-container ul.choice-tree .collapsed>.radio:before { content: "\E5CC" } .dropdown-toggle.dropdown-toggle-dots:after { color: #6c868e; content: "more_vert" } .cursor-pointer { cursor: pointer } .tokenfield { height: auto } .tokenfield input.token-input[type=text] { display: inline-block; border: 0; outline: none; background-color: transparent; max-width: 100% } .tokenfield .token { display: inline-block; padding: 6.4px; padding: .4rem; margin: 1.6px; margin: .1rem; line-height: 1; color: #fff; text-align: center; vertical-align: baseline; background-color: #25b9d7 } .tokenfield .token>.token-label { white-space: nowrap } .tokenfield .token .close { margin: 0 6.4px; margin: 0 .4rem; color: #363a41; text-decoration: none; font-size: 14px; font-size: .875rem; font-weight: 400; text-shadow: none } .tokenfield .token .close:hover { color: #363a41 } .tokenfield .token-input { width: auto !important } .locale-input-group .js-taggable-field { width: 80% } .form-group [class^=popover-error-container] .popover { max-width: inherit !important; border: inherit !important; border-radius: 5px; box-shadow: 0 1px 10px #d3d3d3 } .form-group [class^=popover-error-container] .popover .popover-body { padding: 15px } .form-group [class^=popover-error-container] .popover .popover-error-list ul { padding-left: 18px; margin-bottom: 0 } .form-group [class^=popover-error-container] .popover .popover-error-list li { font-family: Open Sans, Helvetica, Arial, sans-serif; font-size: 14px; font-size: .875rem; font-weight: 400; line-height: 1.5 } .btn.btn-action { color: #576c72; background-color: #fff; border-radius: 4px; box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1) } .btn.btn-action.disabled, .btn.btn-action:disabled { color: #fff; background-color: #ddd; box-shadow: none } .font-size-100 { font-size: 100% } .font-16 { font-size: 16px } .timeline { border-collapse: collapse; border-spacing: 0; display: table; position: relative; table-layout: fixed; width: 100% } .timeline:before { background-color: #ddd; bottom: 30px; content: ""; left: 50%; margin-left: -4px; position: absolute; top: 0; width: 6px; z-index: 0 } .timeline .timeline-item { display: table-row } .timeline .timeline-item.alt { text-align: right } .timeline .timeline-item.alt:before { display: none } .timeline .timeline-item.alt .timeline-panel { margin-right: 42px; margin-left: 0 } .timeline .timeline-item.alt .timeline-icon { left: auto !important; right: -60px } .timeline .timeline-item.alt .timeline-date { left: auto !important; right: -220px; text-align: left } .timeline .timeline-item.alt:after, .timeline .timeline-item:before { content: ""; display: block; width: 50% } .timeline .timeline-item .timeline-caption { display: table-cell; vertical-align: top; width: 50% } .timeline .timeline-item .timeline-caption .timeline-panel { border: 1px solid #ddd; background-color: #fff; border-radius: 5px; margin-bottom: 20px; padding: 20px; position: relative; display: inline-block; margin-left: 42px; text-align: left } .timeline .timeline-item .timeline-caption .timeline-panel .timeline-icon { background-color: #666; border: 2px solid #fff; border-radius: 40px; height: 40px; left: -62px; line-height: 40px; position: absolute; text-align: center; top: -2px; width: 40px } .timeline .timeline-item .timeline-caption .timeline-panel .timeline-date { left: -270px; position: absolute; text-align: right; top: 10px; width: 200px } .timeline .arrow:after, .timeline .arrow:before { border-color: transparent; border-style: solid; content: ""; display: inline-block; position: absolute } .timeline .arrow-left:before { border-right-color: #d1d4d7; border-width: 7px 7px 7px 0; left: 0; margin-left: -7px; top: 6px } .timeline .arrow-right:before { border-left-color: #d1d4d7; border-width: 7px 0 7px 7px; margin-right: -7px; right: 0; top: 6px } .product-page { padding-bottom: 80px } .product-page .widget-radio-inline div.radio { display: inline } .product-page .widget-radio-inline label { display: inline-block } .product-page .widget-radio-inline a.btn { height: 29px; display: inline } .product-page h2 { padding-top: 20px } .product-page .widget-checkbox-inline div.checkbox, .product-page .widget-checkbox-inline label { display: inline } .product-page .table-fixed { table-layout: fixed; border: 0 } .product-page .table-fixed thead { width: 90%; border: 0 } .product-page .table-fixed thead th { border: 0 } .product-page .table-fixed tbody { height: 130px; overflow-y: auto; width: 100% } .product-page .table-fixed tbody td, .product-page .table-fixed thead>tr>th { border-bottom-width: 0 } .product-page .table-fixed tr { clear: both } .product-page .table-fixed td span { word-break: break-all; word-wrap: break-word } .product-page:before { content: ""; display: block; position: fixed; top: 39px; top: 2.4375rem; left: 0; right: 0; box-shadow: 0 0 10px #363a41; z-index: 400; height: 1px } .product-page ul.nostyle { list-style: none; padding: 0 } .product-page .tab-content { padding: 0 } .product-page .tab-content .bordered { margin-top: -1px } .product-page .product-header { background: #fff; margin-top: -15px; margin-top: -.9375rem; margin-bottom: 15px; margin-bottom: .9375rem; padding-top: 20px; padding-top: 1.25rem; padding-bottom: 20px; padding-bottom: 1.25rem } .product-page .product-header .edit { background-size: 4% } .product-page .product-header .help-box { margin-left: 10px; margin-left: .625rem; margin-top: 10px; margin-top: .625rem } .product-page .product-header .form_step1_type_product, .product-page .product-header .form_switch_language, .product-page .product-header .toolbar { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center } .product-page .big-input .form-control { font-size: 24px; font-size: 1.5rem } .product-page .bulk-action { cursor: pointer } .product-page #bulk-combinations-container { margin: -17.008px 0 15px; margin: -1.063rem 0 .9375rem; padding: 0 15px; padding: 0 .9375rem; width: 97%; font-size: 12px; font-size: .75rem; font-weight: 600 } .product-page .product-footer { box-shadow: 0 0 10px #363a41; position: fixed; padding-top: 15px; padding-top: .9375rem; padding-bottom: 15px; padding-bottom: .9375rem; z-index: 10; background: #fff; bottom: 0; left: 210.08px; left: 13.13rem; right: 0; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center } .product-page .product-footer .for-switch { display: inline-block; margin-left: 20px; margin-left: 1.25rem; margin-right: 4px; margin-right: .25rem; font-size: 14px; font-size: .875rem } @media (max-width:1023.98px) { .product-page .product-footer { left: 0 } } .product-page .help-box { cursor: pointer; min-width: 16px; min-width: 1rem } .product-page .form-contenttab { padding-top: 15px; padding-top: .9375rem; padding-bottom: 15px; padding-bottom: .9375rem } .product-page .form-group .title { margin-bottom: 20px; margin-bottom: 1.25rem } .product-page .hide { display: none } .product-page .summary-description-container, .product-page .summary-description-container .nav-tabs { overflow: hidden } .product-page .summary-description-container .nav-tabs.bordered .nav-link.active { border-left: 1px solid #bbcdd2; border-right: 1px solid #bbcdd2 } .product-page .summary-description-container .tab-content.bordered { border: 1px solid #bbcdd2 } .product-page .product-feature { -ms-flex-align: end; align-items: flex-end; margin-bottom: 16px; margin-bottom: 1rem } .product-page #accordion_combinations td.img img { max-width: 50px } .product-page #accordion_combinations .combination td.img .fake-img { background: #6c868e; width: 50px; height: 50px } .product-page .product-combination-image { display: inline-block; border: 1px solid #bbcdd2; outline: 4px solid #fff; margin: 0 10px 0 0; margin: 0 .625rem 0 0; border-radius: .1875rem } .product-page .product-combination-image.img-highlight { border: 2px solid #25b9d7 } .product-page .product-combination-image input { display: none } .product-page .combination-form .nav { -ms-flex-pack: justify; justify-content: space-between } .product-page .combination-form .combination-label { color: #6c868e } .product-page .combination-form .combination-label.vcenter { line-height: 90px; line-height: 5.625rem } .product-page .combination-form .title { font-size: 15px; font-size: .9375rem; clear: both; margin-bottom: 10px; margin-bottom: .625rem } .product-page .combination-form .next, .product-page .combination-form .prev { cursor: pointer; display: inline-block; margin-bottom: 10px; margin-bottom: .625rem } .product-page .combination-form .next { margin-left: auto } .product-page .combination-form .panel { background: #fff } .product-page #product-images-dropzone { border: none; padding: 5px; margin-bottom: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; overflow-y: hidden; transition: width .5s ease-out, margin .5s ease-out; z-index: 1 } .product-page #product-images-dropzone.col-md-8 { border-right: 1px solid #bbcdd2; min-height: 200px } .product-page #product-images-dropzone.dropzone .dz-preview { width: 130px; height: 130px; border: 1px solid #bbcdd2 } .product-page #product-images-dropzone.dropzone .dz-preview.active, .product-page #product-images-dropzone.dropzone .dz-preview:hover { border: 3px solid #25b9d7; border-radius: 3px } .product-page #product-images-dropzone.dropzone .dz-preview.openfilemanager { text-align: center; color: #bbcdd2 } .product-page #product-images-dropzone.dropzone .dz-preview.openfilemanager div { display: inline-block; width: 50px; height: 50px; border-radius: 100%; border: 5px solid #bbcdd2; position: relative; top: 50%; transform: translateY(-50%) } .product-page #product-images-dropzone.dropzone .dz-preview.openfilemanager div span { text-align: center; display: inline-block; line-height: 40px; height: 50px; font-size: 30px; font-weight: 700 } .product-page #product-images-dropzone.dropzone .dz-preview .dz-image { border-radius: 0; line-height: 130px; width: 100%; height: 100% } .product-page #product-images-dropzone.dropzone .dz-preview .dz-image.bg { background-size: cover; background-repeat: no-repeat; background-position: 50% } .product-page #product-images-dropzone.dropzone .dz-preview .dz-image img { max-width: 130px; max-height: 130px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; filter: none } .product-page #product-images-dropzone.dropzone .dz-preview .dz-image:hover { cursor: pointer } .product-page #product-images-dropzone.dropzone .dz-preview .iscover { background: #6c868e; font-size: 12px; color: #fff; text-align: center; padding: 5px; position: absolute; z-index: 10; bottom: 0; width: 100% } .product-page #product-images-dropzone.dropzone .dz-preview.dz-image-preview .dz-details .dz-filename, .product-page #product-images-dropzone.dropzone .dz-preview.dz-image-preview .dz-details .dz-size, .product-page #product-images-dropzone.dropzone .dz-preview.dz-image-preview .dz-error-mark, .product-page #product-images-dropzone.dropzone .dz-preview.dz-image-preview .dz-error-message, .product-page #product-images-dropzone.dropzone .dz-preview.dz-image-preview .dz-remove, .product-page #product-images-dropzone.dropzone .dz-preview.dz-image-preview .dz-success-mark { display: none } .product-page #product-images-dropzone.dropzone .dz-preview:hover .dz-image img { transform: none; filter: none } .product-page #product-images-dropzone.dropzone.dz-clickable * { cursor: pointer } .product-page #product-images-dropzone .dz-default.dz-message { padding: 2em 0; margin: 0; height: 100% } .product-page #product-images-dropzone .dz-default.dz-message a { font-weight: 700 } .product-page #product-images-dropzone .dz-default.dz-message i { font-size: 60px; color: #bbcdd2; opacity: .5; filter: alpha(opacity=50) } .product-page #product-images-dropzone .dz-default.dz-message small { font-size: 12px; font-style: italic; color: #6c868e } .product-page .nav-tabs .nav-item.has-error .nav-link { border-top: 3px solid #c45c67; color: #c45c67 } .product-page #product-images-form-container { min-height: 200px; top: 0; right: 0; cursor: default !important; margin: 10px 0 5px 5px; float: left; position: absolute; z-index: 0 } .product-page #product-images-form-container .close { position: absolute; right: .5em; top: 0; z-index: 1 } .product-page #product-images-form-container .actions { padding-top: 15px } .product-page #product-images-container { border: 1px solid #bbcdd2; display: inline-block; width: 100%; position: relative } .product-page #product-images-container .dropzone-expander { font-weight: 700; font-size: 12px; color: #6c868e; padding: 5px 0; cursor: pointer; display: none; border-top: 1px solid #bbcdd2 } .product-page #product-images-container .dropzone-expander span { display: none } .product-page #product-images-container .dropzone-expander.compress span.compress, .product-page #product-images-container .dropzone-expander.expand span.expand { display: block } .product-page .twitter-typeahead .tt-menu { width: 100%; border: 1px solid #6c868e; background: #fff; padding: 5px 0; padding: .3125rem 0; max-height: 312px; max-height: 19.5rem; overflow: auto } .product-page .twitter-typeahead .tt-suggestion { cursor: pointer; padding: 5px 10px; padding: .3125rem .625rem; color: #6c868e } .product-page .twitter-typeahead .tt-suggestion:hover { background-color: #3ed2f0; color: #fff } .product-page .pack-product { position: relative; border: 1px solid #bbcdd2; border: .0625rem solid #bbcdd2; border-radius: 0 } .product-page .pack-product>.cover { width: 100% } .product-page .pack-product>.btn-danger { opacity: 0; visibility: hidden; position: absolute; top: 1px; top: .0625rem; right: 1px; right: .0625rem } .product-page .pack-product:hover { border: 2px solid #25b9d7 } .product-page .pack-product:hover>.btn-danger { opacity: 1; visibility: visible } .product-page .pack-product .ref, .product-page .pack-product h4 { padding: 10px; padding: .625rem } .product-page .pack-product h4 { color: #000; font-weight: 400; margin: 0; line-height: 20px; line-height: 1.25rem } .product-page .pack-product .ref { color: #6c868e } .product-page .pack-product .delete { background: #fff; border: none } .main-header #header-search-container .product-page .pack-product .delete .input-group:before, .product-page .pack-product .delete .main-header #header-search-container .input-group:before, .product-page .pack-product .delete .material-icons, .product-page .pack-product .delete .ps-tree-items .tree-name button:before, .ps-tree-items .tree-name .product-page .pack-product .delete button:before { color: #bbcdd2 } .product-page #add-categories { margin-top: 40px; margin-top: 2.5rem } .product-page #categories-tree { clear: both } .product-page .ui-widget>.form-control-label { font-size: 10px; font-size: .625rem; font-weight: 600 } .product-page .ui-widget>.ui-autocomplete-input:-moz-placeholder, .product-page .ui-widget>.ui-autocomplete-input:-ms-input-placeholder, .product-page .ui-widget>.ui-autocomplete-input::-moz-placeholder, .product-page .ui-widget>.ui-autocomplete-input::-webkit-input-placeholder { font-size: 12px; font-size: .75rem } .product-page .category-tree-overflow { white-space: nowrap; overflow: auto } .product-page .category-tree-overflow ul.category-tree { display: inline-block; min-width: 100%; padding-top: 10px; padding-top: .625rem } .product-page .category-tree-overflow ul.category-tree .main-category { font-size: 10px; font-size: .625rem; font-weight: 600 } .product-page .category-tree-overflow ul.category-tree label { position: relative; padding-right: 24px; padding-right: 1.5rem; max-width: 100%; width: 100%; margin-bottom: 0 } .product-page .category-tree-overflow ul.category-tree label .default-category { position: absolute; top: 5px; right: 3px } .product-page .category-tree-overflow ul.category-tree ul { padding-left: 12px; padding-left: .75rem } .product-page .categories-tree { padding: 10px; padding: .625rem; border: 1px solid #bbcdd2; border-radius: .1875rem } .product-page .categories-tree .categories-tree-actions { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; text-transform: uppercase; font-size: 10px; font-size: .625rem; font-weight: 600; border-bottom: 1.008px solid #bbcdd2; border-bottom: .063rem solid #bbcdd2 } .product-page .categories-tree .categories-tree-actions [data-action=expand], .product-page .categories-tree .categories-tree-actions [data-action=reduce] { cursor: pointer } .product-page .categories-tree .categories-tree-actions>hr { margin-top: 10px; margin-top: .625rem } .product-page .categories-tree .categories-tree-actions .form-control-label { padding-top: 5px; padding-top: .3125rem } .main-header #header-search-container .product-page .categories-tree .categories-tree-actions .input-group:before, .product-page .categories-tree .categories-tree-actions .main-header #header-search-container .input-group:before, .product-page .categories-tree .categories-tree-actions .material-icons, .product-page .categories-tree .categories-tree-actions .ps-tree-items .tree-name button:before, .ps-tree-items .tree-name .product-page .categories-tree .categories-tree-actions button:before { font-size: 20px; font-size: 1.25rem; vertical-align: middle } .product-page .categories-tree .categories-tree-actions #categories-tree-expand { display: none } .product-page .categories-tree .categories-tree-actions #categories-tree-expand, .product-page .categories-tree .categories-tree-actions #categories-tree-reduce { cursor: pointer } .product-page .subtitle { color: #6c868e } .product-page .external-link { font-weight: 600 } .main-header #header-search-container .product-page .external-link .input-group:before, .product-page .external-link .main-header #header-search-container .input-group:before, .product-page .external-link .material-icons, .product-page .external-link .ps-tree-items .tree-name button:before, .ps-tree-items .tree-name .product-page .external-link button:before { vertical-align: middle } .product-page .btn-action { text-transform: none } .product-page .btn-action.focus, .product-page .btn-action:focus { color: #25b9d7 } .product-page .customFieldCollection .delete { color: #6c868e } .main-header #header-search-container .product-page .customFieldCollection .delete .input-group:before, .product-page .customFieldCollection .delete .main-header #header-search-container .input-group:before, .product-page .customFieldCollection .delete .material-icons, .product-page .customFieldCollection .delete .ps-tree-items .tree-name button:before, .ps-tree-items .tree-name .product-page .customFieldCollection .delete button:before { font-size: 20px; font-size: 1.25rem } .product-page .maxLength { float: right; font-size: 12px; font-style: italic; color: #6c868e } .product-page textarea.autoload_rte+.maxLength { margin-top: 15px } .product-page #form_step5_meta_description_1 { resize: none; height: 140px; height: 8.75rem } .product-page #product-attachment-file { margin: 0 } .product-page #product-attachment-file tbody { max-height: 450px; overflow-y: auto } .product-page #product-attachment-file .checkbox, .product-page #product-attachment-file .checkbox>label { margin: 0 } .product-page #product-attachment-file td.file-name { white-space: nowrap; overflow-x: hidden; text-overflow: ellipsis } .product-page #combinations-bulk-form { transition: opacity 1s ease-in-out } .product-page #combinations-bulk-form.inactive { cursor: progress; opacity: .3 } .product-page #combinations-bulk-form.inactive>* { pointer-events: none } .product-page .combinations-list th { font-size: 10px; font-size: .625rem } .product-page .combinations-list .combination.loaded { display: none } .product-page .combinations-list .combination .timeline-item, .product-page .combinations-list .combination.timeline-wrapper { background-color: transparent; border-radius: 0 } .product-page .combinations-list .combination .animated-background { height: 50px; height: 3.125rem } .product-page .combinations-list .combination .img { width: 8% } .product-page .combinations-list .combination .attribute-price, .product-page .combinations-list .combination .attribute-quantity { width: 15% } .product-page .combinations-list .combination .attribute-finalprice { width: 10%; font-size: 13px; font-size: .8125rem } .product-page .combinations-list .combination .attribute-actions { text-align: right; line-height: 14px; line-height: .875rem } .product-page .combinations-list .combination .attribute-actions .btn-sm { padding: 0 } .product-page .combinations-list .combination .attribute-actions .btn-sm:hover { background-color: transparent; border-color: transparent } .product-page .form-control-static { display: inline-block; margin-top: 25.008px; margin-top: 1.563rem } .product-page #hooks.form-contenttab .top-logo { max-width: 45px; max-height: 45px; float: left; margin-right: 20px; margin-bottom: 20px } .product-page #hooks.form-contenttab .module-version-author-grid, .product-page #hooks.form-contenttab .text-ellipsis.module-version { color: #bbcdd2; font-weight: 400 } .product-page #hooks.form-contenttab .text-ellipsis.module-version { margin-top: -10px; margin-bottom: 10px } .module-addons-item-grid .product-page #hooks.form-contenttab .module-addons-item-wrapper-grid, .module-placeholders-wrapper .product-page #hooks.form-contenttab .timeline-item-wrapper, .product-page #hooks.form-contenttab .module-addons-item-grid .module-addons-item-wrapper-grid, .product-page #hooks.form-contenttab .module-item-wrapper-grid, .product-page #hooks.form-contenttab .module-placeholders-wrapper .timeline-item-wrapper { box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .25) } .product-page #hooks.form-contenttab .module-render-container { margin-bottom: 30px; margin-bottom: 1.875rem } .product-page #hooks.form-contenttab .module-render-container>.name { margin-bottom: 15px; margin-bottom: .9375rem } .product-page #custom_fields .required-custom-field { padding: 6px 16px; padding: .375rem 1rem } .product-page #form_step3_tags .token-input, .product-page #form_step6_tags .token-input { min-width: 768px } .page-sidebar-closed:not(.mobile) .product-page .product-footer { left: 50px; left: 3.125rem } .popover-title { display: none } .ui-autocomplete { max-width: 290.08px; max-width: 18.13rem; position: absolute; z-index: 1000; cursor: default; padding: 0; margin-top: 2px; list-style: none; background-color: #fff; border: 1px solid #ccc; border-radius: 5px; box-shadow: 0 5px 10px rgba(0, 0, 0, .2) } @media screen and (max-width:1450px) { .ui-autocomplete { max-width: 12.31rem } } .ui-autocomplete>li { padding: 3px 20px } .ui-autocomplete>li:hover { background: #3ed2f0; cursor: pointer } .ui-autocomplete>li:hover a { color: #fff; text-decoration: none } .ui-autocomplete>li.ui-state-focus { background-color: #ddd } .ui-autocomplete a { color: #6c868e } #attributes-list .attribute-group { border: 1px solid #bbcdd2; border: .0625rem solid #bbcdd2; border-bottom-width: 0 } #attributes-list .attribute-group:last-child { border-bottom-width: 1px; border-bottom-width: .0625rem } #attributes-list .attribute-group .attribute-group-name { display: block; font-weight: 600; color: #363a41; padding: 7px; padding: .4375rem } #attributes-list .attribute-group .attribute-group-name:hover { text-decoration: none } #attributes-list .attribute-group .attribute-group-name:after { content: "\E316"; font-family: Material Icons; float: right } #attributes-list .attribute-group .attribute-group-name.collapsed:after { content: "\E313" } #attributes-list .attribute-group .attributes { border-top: 2px solid #bbcdd2; padding: 7px; padding: .4375rem; height: 162.08px; height: 10.13rem; overflow-x: hidden } #attributes-list .attribute-group .attributes .two-columns { columns: 2 } #attributes-list .attribute-group .attributes .attribute .js-attribute-checkbox { display: none } #attributes-list .attribute-group .attributes .attribute .js-attribute-checkbox+.attribute-label { display: inline-block; font-size: 14px; font-size: .875rem; color: #bbcdd2; margin: 0 } #attributes-list .attribute-group .attributes .attribute .js-attribute-checkbox+.attribute-label .pretty-checkbox { content: ""; float: left; height: 16px; height: 1rem; width: 16px; width: 1rem; margin-right: 7px; margin-right: .4375rem; border: 1px solid #bbcdd2; border: .0625rem solid #bbcdd2 } #attributes-list .attribute-group .attributes .attribute .js-attribute-checkbox+.attribute-label .pretty-checkbox.not-color:before { color: #fff; display: block; text-align: center; line-height: 16px; line-height: 1rem } #attributes-list .attribute-group .attributes .attribute .js-attribute-checkbox:checked+.attribute-label { font-weight: 600; color: #6c868e } #attributes-list .attribute-group .attributes .attribute .js-attribute-checkbox:checked+.attribute-label .pretty-checkbox.not-color:before { content: "\E5CA"; font-family: Material Icons; background: #25b9d7 } .table th { padding-top: 10px; padding-top: .625rem; padding-bottom: 10px; padding-bottom: .625rem } .table td { vertical-align: middle } #product_reference_field { margin-top: 7px } #id-product-redirected .typeahead-list li, #related-product .typeahead-list li { border: 1px solid #bbcdd2 } #id-product-redirected .typeahead-list li>.media-left img, #related-product .typeahead-list li>.media-left img { max-width: 50px; max-height: 50px } #id-product-redirected .typeahead-list li>.media-body i.delete, #related-product .typeahead-list li>.media-body i.delete { cursor: pointer; float: right; color: #6c868e } @media only screen and (min-width:320px) and (max-width:1450px) { .product-page .product-header .edit { background-size: 3% } .product-page .product-header .big-input { width: 100%; margin-bottom: .9375rem } .product-page .product-header .big-input input[type=text] { height: 3.125rem } .product-page .product-header .form_step1_type_product, .product-page .product-header .form_switch_language { width: 20% } .product-page .product-header .toolbar { width: 60% } .product-page .tabs { overflow: hidden; width: auto } .main-header #header-search-container .product-page .tabs .input-group:before, .product-page .tabs .main-header #header-search-container .input-group:before, .product-page .tabs .material-icons, .product-page .tabs .ps-tree-items .tree-name button:before, .ps-tree-items .tree-name .product-page .tabs button:before { display: inline-block } .product-page .tabs .arrow { padding: .9375rem .3125rem; background: #fff; height: 3rem; z-index: 2; background: #25b9d7; color: #fff; position: absolute; left: 15px; top: 0; cursor: pointer } .product-page .tabs .arrow.visible { visibility: visible } .product-page .tabs .right-arrow { right: 15px; left: auto } .product-page .nav-tabs { height: 3.125rem; width: 125rem; position: relative; left: 35px } .product-page .right-column { width: 30% } .product-page .left-column { width: 70% } .product-page .ui-helper-hidden-accessible { margin-bottom: .9375rem; display: inline-block } .product-page .combination-form { padding: 0 1.25rem } .product-page #accordion_combinations .attribute-finalprice, .product-page #accordion_combinations .attribute-price, .product-page #combinations_thead th:nth-child(4), .product-page #combinations_thead th:nth-child(5), .product-page #form-nav[style*="display:none"]~.arrow { display: none } .product-page #bulk-combinations-container { width: 95% } .product-page #bulk-combinations-container #delete-combinations { float: right } .product-page #bulk-combinations-container div.row:first-child .form-control-label { min-height: auto } .product-page #bulk-combinations-container .btn-block { width: auto; float: right } .product-page .checkbox label { max-width: 80% } .product-page .product-footer .hidden-xs, .product-page .product-footer input.save { display: none } .product-page .product-footer button.save { background: #25b9d7 } .product-page .product-footer .spinner { margin-top: -.3125rem } .product-page .product-footer .dropdown { display: block; margin-top: .625rem } .product-page .product-footer .dropdown .dropdown-menu { top: -7.5rem } } @media (min-width:1300px) and (max-width:1750px) { #bulk-combinations-container .custom-width { width: 33% } } #description #form_step1_description_1_ifr, #description_short #form_step1_description_short_1_ifr { min-height: 80px } .products-catalog>.content { background: #fff; padding-top: 15px; padding-top: .9375rem; padding-bottom: 15px; padding-bottom: .9375rem; margin-bottom: 20px } .products-catalog>.content .row { -ms-flex-align: center; align-items: center } .products-catalog>.content:last-child { margin-bottom: 0 } .products-catalog #catalog-actions { -ms-flex-align: start; align-items: start } .products-catalog #catalog-actions .row+.row { padding-top: 15px; padding-top: .9375rem } .products-catalog .icon-caret { font-size: 10px; font-size: .625rem; vertical-align: 1px; vertical-align: .0625rem; cursor: pointer; display: inline-block } .products-catalog .icon-caret.-current { color: #25b9d7 } .products-catalog table .form-control, .products-catalog table .select2 { font-weight: 400 } .products-catalog table .form-min-max { display: inline-block; width: 48% } .products-catalog table .action-enabled { color: #78d07d } .products-catalog table .action-disabled { color: #c05c67 } .products-catalog .bulk-catalog .dropdown-item { border: 0 } .products-catalog .dropdown-toggle.product-edit { color: #6c868e } .products-catalog .dropdown-toggle.product-edit:after { content: "more_vert" } .emptycatalog-icon>.material-icons, .main-header #header-search-container .emptycatalog-icon>.input-group:before, .ps-tree-items .tree-name .emptycatalog-icon>button:before { color: #bbcdd2; font-size: 192px; font-size: 12rem } .domains-tree .alerts, .search-translation .alerts { margin-top: 16px; margin-top: 1rem } .domains-tree .col-offset, .search-translation .col-offset { margin-left: 16px; margin-left: 1rem } .domains-tree .hide, .search-translation .hide { display: none } .breadcrumb small { color: #6c868e } .total-remaining-translations { color: #c05c67 } .search-translation { margin-bottom: 20px; margin-bottom: 1.25rem } .search-translation .summary { font-size: 14px; font-size: .875rem; color: #363a41 } .search-translation .search { width: 100%; margin-top: 1px } .search-translation .search-button { margin-right: 10px; margin-right: .625rem } .search-translation .alert { float: left; margin-top: 30px; margin-top: 1.875rem; width: 682.08px; width: 42.63rem; height: 55.008px; height: 3.438rem } .search-translation .alert i, .search-translation .alert span { float: left } .search-translation .alert span { margin-left: 40px; margin-left: 2.5rem } .domains-tree { float: left } .domains-tree hr { clear: both; height: 2px; height: .125rem; border-top: 1px solid #bbcdd2; margin-top: 0 } .domains-tree .btn-expand, .domains-tree .btn-reduce { cursor: pointer; height: 14px; height: .875rem; -o-object-fit: contain; object-fit: contain; font-size: 10px; font-size: .625rem; font-weight: 700; font-style: normal; font-stretch: normal; margin-bottom: 15px; margin-bottom: .9375rem; text-transform: uppercase; color: #70848b } .domains-tree .btn-expand i, .domains-tree .btn-reduce i { float: left; font-size: 25px } .domains-tree .btn-expand span, .domains-tree .btn-reduce span { float: left; line-height: 25.008px; line-height: 1.563rem } .domains-tree .btn-expand { margin-left: -5px; margin-left: -.3125rem; margin-top: 15px; margin-top: .9375rem } .domains-tree .btn-reduce { float: right } .domains-tree .card, .domains-tree .module-addons-item-grid .module-addons-item-wrapper-grid, .domains-tree .module-item-wrapper-grid, .domains-tree .module-placeholders-wrapper .timeline-item-wrapper, .module-addons-item-grid .domains-tree .module-addons-item-wrapper-grid, .module-placeholders-wrapper .domains-tree .timeline-item-wrapper { padding: 15px 15px 0; padding: .9375rem .9375rem 0; border-radius: 0 } .domains-tree .domain-first-part, .domains-tree .domain-part { width: 100%; height: 22px; height: 1.375rem; -o-object-fit: contain; object-fit: contain; font-size: 14px; font-size: .875rem; font-weight: 400; font-style: normal; font-stretch: normal; margin-left: -5px; margin-left: -.3125rem; margin-bottom: 15px; margin-bottom: .9375rem; overflow: hidden; text-align: left; color: #363a41 } .domains-tree .domain-first-part i, .domains-tree .domain-part i { color: #70848b; float: left; font-size: 25.008px; font-size: 1.563rem; font-weight: 400 } .domains-tree .domain-first-part i.expanded, .domains-tree .domain-part i.expanded { transform: rotate(90deg) } .domains-tree .domain-first-part span, .domains-tree .domain-part span { float: left; line-height: 25.008px; line-height: 1.563rem; cursor: pointer } .domains-tree .domain-first-part span .missing-translations, .domains-tree .domain-part span .missing-translations { color: #c05c67 } .domains-tree .domain-first-part:hover, .domains-tree .domain-part:hover { color: #25b9d7 } .domains-tree .domain-first-part .missing-translations, .domains-tree .domain-part .missing-translations { line-height: 25.008px; line-height: 1.563rem; color: #c05c67 } .domains-tree .domain-first-part.active { font-weight: 600 } .domains-tree .domain-first-part .main-header #header-search-container .input-group:before, .domains-tree .domain-first-part .material-icons, .domains-tree .domain-first-part .ps-tree-items .tree-name button:before, .main-header #header-search-container .domains-tree .domain-first-part .input-group:before, .ps-tree-items .tree-name .domains-tree .domain-first-part button:before { cursor: pointer } .domains-tree .domain-part { margin-left: 20px; margin-left: 1.25rem } .domains-tree .translation-domain .btn { display: none } .domains-tree .domain-actions { margin-left: 10px; margin-left: .625rem; margin-bottom: 15px; margin-bottom: .9375rem; width: 100% } .domains-tree .domain-actions i { cursor: pointer; float: left; color: #25b9d7; line-height: 25.008px; line-height: 1.563rem } .domains-tree .domain-actions .btn-hide-messages, .domains-tree .domain-actions .btn-show-messages { cursor: pointer; float: left; height: 14px; height: .875rem; line-height: 25.008px; line-height: 1.563rem; font-size: 10px; font-size: .625rem; font-weight: 600; font-style: normal; font-stretch: normal; text-align: center; color: #25b9d7 } .domains-tree .domain-actions .missing-translations { color: #c05c67; text-transform: uppercase; margin-right: 15px; margin-right: .9375rem; font-size: 10px; font-size: .625rem } .translation-domains { background-color: #fff; float: left; min-height: 800px; min-height: 50rem } .translation-domains h1 { width: auto; height: 22px; height: 1.375rem; -o-object-fit: contain; object-fit: contain; font-size: 24px; font-size: 1.5rem; font-weight: 600; font-style: normal; font-stretch: normal; text-align: left; color: #363a41; margin-top: 15px; margin-top: .9375rem } .translation-domains .hide { display: none } .translation-domains .navbar-container { position: absolute; top: -10px; top: -.625rem; right: 0 } .translation-domains .navbar-container.relative-position { position: relative } .translation-domains .forms-container+.navbar-container { position: relative; bottom: 0; right: 0 } .translation-domains .form-control-warning { background-image: none; border-color: #c05c67 } .translation-domains .reset-translation-value { margin-right: 5px; margin-right: .3125rem } .translation-domains form { margin-top: 10px; margin-top: .625rem; float: left; width: 100% } .translation-domains form p { margin-bottom: 5px; margin-bottom: .3125rem } .translation-domains .form-group { margin-bottom: 10px; margin-bottom: .625rem } .translation-domains .missing-translations, .translation-domains .missing-translations-paragraph { color: #c05c67 } .translations-results { display: none; margin-top: 50px; margin-top: 3.125rem; padding-top: 15px; padding-top: .9375rem; padding-left: 15px; padding-left: .9375rem; margin-left: 15px; margin-left: .9375rem } #id-product-redirected .typeahead-list li.tree-name.disable, #related-product .typeahead-list li.tree-name.disable, .d-flex.tree-name.disable { opacity: .3 } #jetsContent form { margin-bottom: 50px; margin-bottom: 3.125rem; margin-top: 20px; margin-top: 1.25rem; width: 100% } #jetsContent form .form-group { margin-bottom: 10px; margin-bottom: .625rem } #jetsContent form .form-control-warning { border-color: #c05c67 } #jetsContent p { margin-bottom: 5px; margin-bottom: .3125rem } #jetsContent .buttons .reset-translation-value { margin-right: 5px; margin-right: .3125rem } .stock-app { padding: 0 } .stock-app .table td:first-child p { margin-bottom: 0 } .stock-app #search .search-input { box-shadow: none; border: 1px solid #bbcdd2; background-color: #fff; min-height: 35px; outline: none; border-radius: 0 } .stock-app #search .alert-box { padding-top: 28px; position: fixed; right: 5px; top: 40px; z-index: 1000 } .stock-app #search .fade-enter-active, .stock-app #search .fade-leave-active { transition: opacity .5s } .stock-app #search .fade-enter, .stock-app #search .fade-leave-to { opacity: 0 } .stock-app #filters-container .collapse-button { width: 100%; text-align: left } .main-header #header-search-container .stock-app #filters-container .collapse-button .input-group:before, .ps-tree-items .tree-name .stock-app #filters-container .collapse-button button:before, .stock-app #filters-container .collapse-button .main-header #header-search-container .input-group:before, .stock-app #filters-container .collapse-button .material-icons, .stock-app #filters-container .collapse-button .ps-tree-items .tree-name button:before { vertical-align: bottom; font-size: 20px; color: #6c868e } .stock-app #filters-container .filter-container { border: 1px solid #bbcdd2; padding: 10px } .stock-app #filters-container .filter-container.filter-suppliers .item { margin-bottom: 5px } .stock-app #filters-container .filter-container.filter-suppliers ul { list-style: none; padding-left: 0; margin-bottom: 0 } .stock-app .low-filter-label { cursor: pointer } .stock-app #filters { background: #fff; border-radius: 2px; box-shadow: 1px 2px 3px 0 rgba(108, 134, 142, .3); border: 1px solid #b9cdd2; width: 150% } .stock-app #filters .row { padding: 10px; padding: .625rem } .stock-app form.qty { position: relative; display: inline-block; width: 112px; width: 7rem } .stock-app form.qty.active input[type=number], .stock-app form.qty:hover input[type=number] { padding-right: 34px } .stock-app form.qty.active .ps-number-spinner, .stock-app form.qty:hover .ps-number-spinner { right: 34px } .stock-app form.qty .check-button { outline: none; opacity: 0; position: absolute; top: 1px; right: 1px; border: none; height: 33px; width: 33px; background: #25b9d7; z-index: 2; padding: 0; cursor: pointer } .main-header #header-search-container .stock-app form.qty .check-button .input-group:before, .ps-tree-items .tree-name .stock-app form.qty .check-button button:before, .stock-app form.qty .check-button .main-header #header-search-container .input-group:before, .stock-app form.qty .check-button .material-icons, .stock-app form.qty .check-button .ps-tree-items .tree-name button:before { color: #fff; vertical-align: middle } .stock-app form.qty .check-button:hover { background: #3ed2f0 } .stock-app form.qty.active .check-button { opacity: 1; cursor: pointer } .stock-app form.qty.disabled .check-button { background: #bbcdd2; cursor: default } .stock-app .pagination { -ms-flex-pack: center; justify-content: center } .stock-app .stock-movements .qty-number { padding: 2px 5px; background-color: #363a41; display: inline-block; min-width: 50px; color: #fff } .stock-app .stock-movements .qty-number.is-positive { background-color: #25b9d7 } .stock-app .stock-overview .table { table-layout: fixed } .stock-app .stock-overview .table thead th.product-title { padding-left: 96px; padding-left: 6rem } .stock-app .stock-overview .table thead th:last-child { white-space: nowrap; overflow: hidden; text-overflow: ellipsis } .main-header #header-search-container .stock-app .stock-overview .table thead th:last-child .input-group:before, .ps-tree-items .tree-name .stock-app .stock-overview .table thead th:last-child button:before, .stock-app .stock-overview .table thead th:last-child .main-header #header-search-container .input-group:before, .stock-app .stock-overview .table thead th:last-child .material-icons, .stock-app .stock-overview .table thead th:last-child .ps-tree-items .tree-name button:before { margin-right: 5px } .stock-app .stock-overview .table .qty-update { color: #25b9d7 } .main-header #header-search-container .stock-app .stock-overview .table .qty-update .input-group:before, .ps-tree-items .tree-name .stock-app .stock-overview .table .qty-update button:before, .stock-app .stock-overview .table .qty-update .main-header #header-search-container .input-group:before, .stock-app .stock-overview .table .qty-update .material-icons, .stock-app .stock-overview .table .qty-update .ps-tree-items .tree-name button:before { vertical-align: middle } .stock-app .stock-overview .table .enable { color: #78d07d } .stock-app .stock-overview .table .disable { color: #c05c67 } .stock-app .stock-overview .table .low-stock { background: #fde1e1 } .stock-app .stock-overview .table .low-stock .stock-warning { color: #c05c67; font-weight: 700 } .stock-app .stock-overview .table .low-stock .stock-warning.ico { border: 1px solid #c05c67; background: #ebcace; padding: 0 5px; cursor: pointer } .stock-app .stock-overview .product-actions small { display: block } .stock-app .stock-overview .product-actions .bulk-qty { max-width: 100px } .stock-app .stock-overview .product-actions .update-qty { color: #fff; transition: background-color .2s ease } .stock-app .stock-overview .product-actions .qty { padding-left: 20px } #by-status-block .badge { margin-top: 1px; height: 19px; padding: 4.8px 6.4px; padding: .3rem .4rem; vertical-align: top } .helper-card__meta-background { background-image: url(21297f5598e307f9171a5704655be9f8.png) } #import_progress_modal .modal-body { overflow: auto; max-height: 65vh } #currency_grid_panel #currency_iso_code { max-width: 120px } .grid table.grid-table tr td .unofficial { color: #6c868e; font-size: 20px } .admincurrencies .card-currency .card-footer { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap } .admincurrencies .card-currency-reset { margin-left: 10px; margin-left: .625rem } @media (max-width:767.98px) { .admincurrencies .card-currency .card-footer-left, .admincurrencies .card-currency .card-footer-left .btn { width: 100% } .admincurrencies .card-currency .card-footer-left .btn { margin-bottom: .625rem } .admincurrencies .card-currency .card-footer>.btn { width: 100% } .admincurrencies .card-currency-reset { width: 100%; margin-left: 0 } } #themes-logo-page .logo-configuration-card-body { padding: inherit } #themes-logo-page .logo-configuration-card-body .logo-card { border-radius: 0; border: 0 } #themes-logo-page .logo-configuration-card-body .logo-card .logo-card-title { font-size: 16px; font-size: 1rem; font-weight: 600; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: -.3px; letter-spacing: -.01875rem; text-align: center; color: #4a4a4a } #themes-logo-page .logo-configuration-card-body .logo-card .nav-pills { border-top: 0; border-bottom: 0 } #themes-logo-page .logo-configuration-card-body .logo-card .nav-pills .nav-item { padding-right: 20px; padding-right: 1.25rem } #themes-logo-page .logo-configuration-card-body .logo-card .nav-pills .nav-link { color: #afbbbe; height: 26.4px; height: 1.65rem; padding-top: 0; padding-left: 0; padding-right: 0 } #themes-logo-page .logo-configuration-card-body .logo-card .nav-pills .nav-link.active { color: #363a41; background-color: inherit } #themes-logo-page .logo-configuration-card-body .logo-card .tab-content { padding: 0 } #themes-logo-page .logo-configuration-card-body .logo-card .tab-content .input-in-tab { margin-top: -2px } #themes-logo-page .logo-configuration-card-body .logo-card .logo-card-description { font-size: 12px; font-size: .75rem; font-weight: 400; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: -.2px; letter-spacing: -.0125rem; color: #6c868e; margin-top: 20px; height: 34px } #themes-logo-page .logo-configuration-card-body .logo-card .logo-image-container { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; height: 106px; height: 6.625rem; margin-top: 32px; margin-top: 2rem; margin-bottom: 27px; margin-bottom: 1.6875rem } #themes-logo-page .logo-configuration-card-body .logo-card .logo-image-container .email-logo, #themes-logo-page .logo-configuration-card-body .logo-card .logo-image-container .header-logo, #themes-logo-page .logo-configuration-card-body .logo-card .logo-image-container .invoice-logo { max-width: 100px; max-width: 6.25rem; max-height: 106px; max-height: 6.625rem } #themes-logo-page .logo-configuration-card-body .logo-card .logo-image-container .favicon-logo { width: 38.7px; width: 2.41875rem; height: 38.7px; height: 2.41875rem; box-shadow: 0 0 6px 0 rgba(0, 0, 0, .3); border: 1px solid transparent } #themes-logo-page .logo-configuration-card-body .logo-card:not(:last-child) { border-right: 1px solid #dedede; border-right: .0625rem solid #dedede } #themes-logo-page .theme-card-container .theme-card { position: relative; height: 242px; height: 15.125rem; max-width: 387px; max-width: 24.1875rem; overflow-y: hidden; border-radius: .25rem } #themes-logo-page .theme-card-container .theme-card .active-card-overlay { display: none; width: 100%; height: 100%; position: absolute; background-color: #000; opacity: .25 } #themes-logo-page .theme-card-container .theme-card .active-card-overlay.active { display: block } #themes-logo-page .theme-card-container .theme-card .actions-container { display: none } #themes-logo-page .theme-card-container .theme-card .actions-container.active { display: block } @media (max-width:767.98px) { #themes-logo-page .theme-card-container .theme-card { max-width: 100% } } #themes-logo-page .theme-card-container .theme-card img { max-width: 100%; height: auto } #themes-logo-page .theme-card-container .theme-card .actions-container { width: 100%; text-align: center; position: absolute; top: 80%; left: 50%; transform: translate(-50%, -80%) } #themes-logo-page .theme-card-container .theme-card .actions-container .action-button { height: 40px; height: 2.5rem; border-radius: 1.65rem; background-color: #fff; font-weight: 400; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: -.2px; letter-spacing: -.0125rem; text-align: center; color: #363a41 } #themes-logo-page .theme-card-container .theme-card .actions-container .action-button .icon-current-theme { color: #25b9d7 } #themes-logo-page .theme-card-container .theme-card .actions-container .action-button:disabled i, #themes-logo-page .theme-card-container .theme-card .actions-container .action-button:disabled span { opacity: .5 } #themes-logo-page .theme-card-container .theme-card .actions-container .delete-button { height: 40px; height: 2.5rem; border-radius: 1.65rem; background-color: #fff; position: relative; width: 40px; width: 2.5rem } #themes-logo-page .theme-card-container .theme-card .actions-container .delete-button i { position: absolute; bottom: 25%; right: 25% } #themes-logo-page .theme-card-container .theme-card .actions-container .action-button:not(:first-child):not(:disabled):hover, #themes-logo-page .theme-card-container .theme-card .actions-container .delete-button:hover { box-shadow: 0 0 .9375rem 0 rgba(0, 0, 0, .2); background-color: #3ed1f0; color: #fff } #themes-logo-page .theme-card-container .theme-card-description { max-width: 387px; max-width: 24.1875rem } @media (max-width:767.98px) { #themes-logo-page .theme-card-container .theme-card-description { max-width: 100% } } #themes-logo-page .theme-card-container .theme-name { font-weight: 700 } #themes-logo-page .theme-card-container .theme-name, #themes-logo-page .theme-card-container .theme-version { font-size: 16px; font-size: 1rem; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: -.3px; letter-spacing: -.01875rem; text-align: center; color: #363a41 } #themes-logo-page .theme-card-container .theme-author { font-size: 13px; font-size: .8125rem; font-weight: 400; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: -.3px; letter-spacing: -.01875rem; text-align: center; color: #618596; padding-bottom: 27px; padding-bottom: 1.6875rem } #themes-logo-page .theme-card-container .theme-catalog-card { background-color: #f8f8f8 } #themes-logo-page .theme-card-container .theme-catalog-card .catalog-image { padding-top: 59.2px; padding-top: 3.7rem } #themes-logo-page .theme-card-container .theme-catalog-card .catalog-description { padding-top: 15.6px; padding-top: .975rem } #themes-logo-page .theme-card:hover .actions-container, #themes-logo-page .theme-card:hover .active-card-overlay { display: block } #themes-logo-page #adapt_theme_to_rtl_languages_theme_to_adapt { width: 300px; width: 18.75rem } #themes-logo-page .btn-tertiary { border-radius: 2px; background-color: #6c868e; color: #fff } #themes-logo-page .btn-tertiary, #themes-logo-page .btn-tertiary-outline { font-weight: 600; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: -.2px; text-align: center } #themes-logo-page .btn-tertiary-outline { color: #363a41; border: 1px solid #6c858c; background-color: transparent } #themes-logo-page .btn-tertiary:hover { background-color: #363a41 } #themes-logo-page .layout-configuration .inner-content { padding: 15px; padding: .9375rem; background-color: #f8f8f8; border-radius: .25rem } #themes-logo-page .layout-configuration .inner-content .title { font-size: 14px; font-weight: 600; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; color: #4a4a4a } #themes-logo-page .layout-configuration .inner-content .description { font-size: 12px; font-weight: 400; font-style: normal; font-stretch: normal; line-height: 1.33; letter-spacing: normal; color: #6c868e } #themes-logo-page .layout-configuration .layout-logo { vertical-align: text-bottom; padding-right: 16px; padding-right: 1rem } #themes-logo-page .layout-configuration .choose-layouts-button { margin-right: 15px; margin-right: .9375rem } .helper-card__cms-pages-background { background-image: url(21297f5598e307f9171a5704655be9f8.png) } .clickable-avatar { width: 100px; height: 100px } .error-header { font-size: 24px; font-size: 1.5rem } #order_grid { position: relative } #order_grid #order_filter_form .dropdown { position: inherit } #order_grid .column-shop_name { word-break: normal } #order_grid .order-preview-content .details td, #order_grid .order-preview-content .details th, #order_grid .order-preview-content .product td, #order_grid .order-preview-content .product th { border: none; padding-top: 3.2px; padding-bottom: 3.2px } #order_grid .order-preview-content .details td, #order_grid .order-preview-content .product td { padding-top: 0; padding-bottom: 0 } #order_grid .order-preview-content .product th { background-color: #f8f8f8 } #order_grid .order-preview-content .details td { padding-left: 34px } #orderProductsPanel .btn-product-pack-modal { color: #25b9d7; cursor: pointer } #orderProductsPanel input[type=number] { width: 80px } #orderProductsPanel .order-product-pagination { display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-pack: start; justify-content: flex-start } #addProductTableRow div.form-control-label, .editProductRow div.form-control-label { display: none } #addProductTableRow .addProductInvoice>.form-group, .editProductRow .addProductInvoice>.form-group { margin-bottom: 0; margin-top: 23px } #addProductTableRow #addProductAvailable, #addProductTableRow #addProductTotalPrice, .editProductRow #addProductAvailable, .editProductRow #addProductTotalPrice { padding-top: calc(.4rem + 24px) } #addProductTableRow .cellProductInvoice>.form-group:last-child, #addProductTableRow .cellProductQuantity>.form-group:last-child, #addProductTableRow .cellProductTaxes>.form-group:last-child, #addProductTableRow .editProductActions-container>.form-group, .editProductRow .cellProductInvoice>.form-group:last-child, .editProductRow .cellProductQuantity>.form-group:last-child, .editProductRow .cellProductTaxes>.form-group:last-child, .editProductRow .editProductActions-container>.form-group { margin-bottom: 0 } #addProductNewInvoiceInfo h4 { margin-top: 8px } .info-block { background-color: #f8f8f8; padding: 18px 18px 16px } .info-block .info-block-col>.row { -ms-flex-wrap: nowrap; flex-wrap: nowrap } #order-creation-container .found-cart-rule:hover { cursor: pointer; color: #25b9d7 } #order-creation-container #search-cart-rules-result-box { z-index: 10 } #order-creation-container #summary-block .badge { font-size: 100% } #order-creation-container #customer-tab-content-container-toggler .material-icons:before { content: "keyboard_arrow_up" } #order-creation-container #customer-tab-content-container-toggler[aria-expanded=false] .material-icons:before { content: "keyboard_arrow_down" } .messages-block { background-color: #f8f8f8 } .messages-block .message { padding: 10px; border-radius: 5px } .messages-block .message.customer-message { background-color: #fff } .messages-block .message.employee-message { background-color: #d3f1f7 } .messages-block .message.employee-message--private { background-color: #7a8a8f; color: #fff } .messages-block .employee-icon { color: #36b9d7 } .messages-block .employee-icon:before { font-family: Material Icons; content: "account_circle" } .messages-block .employee-icon--private { color: #7a8a8f } .messages-block .employee-icon--private:before { font-family: Material Icons; content: "visibility_off" } .messages-block { padding: 48px 0; padding: 3rem 0 } .messages-block#all-messages-list { height: 80vh; overflow-y: scroll } .messages-block li.messages-block-employee { padding-left: 59.2px; padding-left: 3.7rem } .messages-block li.messages-block-employee .row { -ms-flex-pack: end; justify-content: flex-end } .messages-block li.messages-block-customer { padding-right: 59.2px; padding-right: 3.7rem } .messages-block li .row { -ms-flex-wrap: nowrap; flex-wrap: nowrap } .messages-block li .row .messages-block-icon { text-align: center; width: 100%; max-width: 59.2px; max-width: 3.7rem } .messages-block li .row .messages-block-content { width: 100% } .messages-block li .row .messages-block-content .message { box-shadow: 0 6px 12px 0 #eaebec; padding: 11.2px; padding: .7rem } .hook-panel .hook-panel-header .messages-block li .row .hook_description, .hook-panel .hook-panel-header .messages-block li .row .hook_title, .messages-block li .row .hook-panel .hook-panel-header .hook_description, .messages-block li .row .hook-panel .hook-panel-header .hook_title, .messages-block li .row .text-muted { margin-top: 9.6px; margin-top: .6rem } #view_all_messages_modal .modal-content { background-color: inherit; padding: 0 } #view_all_messages_modal .modal-body { padding: 0 } td .editProductInvoice { min-width: 130px } @media only screen and (max-width:1600px) { .messages-block li .row .messages-block-icon { width: 100%; max-width: 2.5rem } .messages-block li.messages-block-customer { padding-right: 2rem } .messages-block li.messages-block-employee { padding-left: 2rem } } .shipping-price { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center } .shipping-price .cancel-product-element { margin-top: 10px } .shipping-refund-amount { margin-left: 10px } .shipping-refund .form-group { display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-align: end; align-items: flex-end } .shipping-refund .form-group .shipping-refund-amount { margin-left: 5px } .cancel-product-amount, .cancel-product-element, .cancel-product-selector { display: none } .cancel-product-element.form-submit { width: 100%; margin-right: 20px; margin-top: -10px } .refund-checkboxes-container { display: none; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin: 16px auto } .refund-checkboxes-container .form-group { width: -webkit-max-content; width: -moz-max-content; width: max-content } td.cancel-product-element, th.cancel-product-element { max-width: 420px } .attributes-color-container { width: 40px; height: 25px; display: block; border: 1px solid #000 } .thread-customer-icon { font-size: 68px } .thread-message-icon { font-size: 48px } .thread-message-employee-image { width: 48px; height: 48px } .thread-message { border-left: 2px solid #ccc } .order-navigation { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; margin-left: auto } .order-navigation .order-navigation-left, .order-navigation .order-navigation-right { margin: 0 7px } .order-navigation a { padding: 6px 7.2px; padding: .375rem .45rem } @media (max-width:767.98px) { #order-view-page .order-navigation { -ms-flex-pack: justify; justify-content: space-between } #order-view-page .order-navigation-left, #order-view-page .order-navigation-right { margin: 0; width: calc(50% - 7px) } #order-view-page .order-navigation-left a, #order-view-page .order-navigation-right a { display: block; width: 100% } #order-view-page .order-navigation-right .btn { text-align: right } } #order-view-page #historyTabContent .badge { font-size: 14px; font-size: .875rem; line-height: 1.5; padding: 0 5px; font-weight: 600 } #order-view-page .order-actions { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } #order-view-page .add-product-inputs { margin-top: 24px; min-width: 120px } #order-view-page .add-product-buttons .form-group, #order-view-page .add-product-quantity .form-group { margin-bottom: 0; margin-top: 24px } #order-view-page #view_order_payments_block .table-head-invoice { min-width: 200px } #order-view-page #view_order_payments_block #order_payment_id_currency { -ms-flex: inherit; flex: inherit; min-width: 75px } #order-view-page .card, #order-view-page .module-addons-item-grid .module-addons-item-wrapper-grid, #order-view-page .module-item-wrapper-grid, #order-view-page .module-placeholders-wrapper .timeline-item-wrapper, #order-view-page .product-row .tab-content, .module-addons-item-grid #order-view-page .module-addons-item-wrapper-grid, .module-placeholders-wrapper #order-view-page .timeline-item-wrapper { margin-bottom: 30px; margin-bottom: 1.875rem } #order-view-page .product-row .nav-tabs { position: relative; z-index: 5; margin-bottom: -2px; padding-left: 1px } #order-view-page .product-row .tab-content { border: 1px solid #dbe6e9; border-radius: 5px; box-shadow: 0 0 4px 0 rgba(0, 0, 0, .06) } #order-view-page .select-status { position: relative; background: #fff; color: #fff; border-radius: 4px; border: none; max-width: 280px; box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1); transition: .2s ease-out } #order-view-page .select-status .select-status-colored { background: none; border: none; color: #fff } #order-view-page .select-status .select-status-colored option { color: #000; color: initial; background: inherit } #order-view-page .select-status:after { content: "keyboard_arrow_down"; position: absolute; font-family: Material Icons; cursor: pointer; font-size: 20px; font-size: 1.25rem; color: #fff; top: 50%; transform: translateY(-50%); right: 10px; pointer-events: none } #order-view-page .select-status.is-bright .select-status-colored, #order-view-page .select-status.is-bright:after { color: #383838 } #order-view-page #orderProductsPanel .btn-product-pack-modal { margin-top: 5px; display: block } #order-view-page #orderProductsPanel .cellProductTaxes .input-group>input { min-width: 60px } #order-view-page #orderProductsPanel .info-block .col-sm:not(:last-child) .hook-panel .hook-panel-header .hook_description, #order-view-page #orderProductsPanel .info-block .col-sm:not(:last-child) .hook-panel .hook-panel-header .hook_title, #order-view-page #orderProductsPanel .info-block .col-sm:not(:last-child) .text-muted, .hook-panel .hook-panel-header #order-view-page #orderProductsPanel .info-block .col-sm:not(:last-child) .hook_description, .hook-panel .hook-panel-header #order-view-page #orderProductsPanel .info-block .col-sm:not(:last-child) .hook_title { margin-bottom: 4px !important } @media (max-width:1554px) { #order-view-page #orderProductsPanel .discount-action, #order-view-page #orderProductsPanel .order-product-pagination { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } } #order-view-page .configure-link { display: block; margin-top: 5px } #order-view-page #product-pack-modal-table .cell-product-quantity .badge { font-size: 100%; min-width: 26px; border-radius: 1000px !important } #order-view-page .customer .badge-dark { font-size: 100% } #order-view-page .order-actions>* { margin-bottom: 15px; margin-bottom: .9375rem } #order-view-page .order-actions>:not(:last-child) { margin-right: 10px; margin-right: .625rem } #order-view-page .order-actions>* a, #order-view-page .order-actions>* button, #order-view-page .order-actions>* select { transition: .2s ease-out } #order-view-page .order-actions>* a:not(:disabled), #order-view-page .order-actions>* button:not(:disabled), #order-view-page .order-actions>* select:not(:disabled) { cursor: pointer } #order-view-page .order-actions>* a:not(:disabled):hover, #order-view-page .order-actions>* button:not(:disabled):hover, #order-view-page .order-actions>* select:not(:disabled):hover { opacity: .7 } #order-view-page #orderProductsOriginalPosition .cellProductQuantity .rounded-circle { border-radius: 100px !important; min-width: 21px } @media not print { #order-view-page .card-details { border: none; box-shadow: none } #order-view-page .card-details .card-body { padding: 0 } } @media print { #order-view-page>.row:not(.d-print-none) { display: block !important } } @media print { #order-view-page button, #order-view-page select { display: none } #order-view-page a { text-decoration: none; color: #000 } #order-view-page .left-column, #order-view-page .right-column { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; width: 100% } #order-view-page .left-column .card, #order-view-page .left-column .module-addons-item-grid .module-addons-item-wrapper-grid, #order-view-page .left-column .module-item-wrapper-grid, #order-view-page .left-column .module-placeholders-wrapper .timeline-item-wrapper, #order-view-page .left-column .tab-pane, #order-view-page .right-column .card, #order-view-page .right-column .module-addons-item-grid .module-addons-item-wrapper-grid, #order-view-page .right-column .module-item-wrapper-grid, #order-view-page .right-column .module-placeholders-wrapper .timeline-item-wrapper, #order-view-page .right-column .tab-pane, .module-addons-item-grid #order-view-page .left-column .module-addons-item-wrapper-grid, .module-addons-item-grid #order-view-page .right-column .module-addons-item-wrapper-grid, .module-placeholders-wrapper #order-view-page .left-column .timeline-item-wrapper, .module-placeholders-wrapper #order-view-page .right-column .timeline-item-wrapper { page-break-inside: avoid } #order-view-page .tab-content { padding: 0; background-color: inherit } #order-view-page .tab-content .tab-pane { opacity: 1 } #order-view-page .print-title .print-title-id { color: #8a8a8a } #order-view-page .badge-dark, #order-view-page .badge-secondary { color: #000; background-color: #fff } #order-view-page .badge-print-light { color: #000 !important; background-color: #fff !important; font-weight: 400 } } .adminorders .alert .alert-text ol { margin-top: 5px; margin-bottom: 0 } @media print { .adminorders { display: block } .adminorders .header-toolbar { position: static } .adminorders #main-div .content-div { padding-top: 0 !important } .adminorders .toolbar-icons { display: none } .adminorders .content-div>.row { display: block } } @media (max-width:1299.98px) { .partial-refund .cancel-product-cell .cancel-product-cell-elements { -ms-flex-direction: column; flex-direction: column; -ms-flex-align: end; align-items: flex-end } .partial-refund .cancel-product-cell .cancel-product-cell-elements .cancel-product-quantity { margin-bottom: 10px } #order-view-page .table { display: block } } @media (max-width:767.98px) { .adminorders .header-toolbar h1 { font-size: 1.2rem } .adminorders .header-toolbar .lead { font-size: 1rem } .adminorders .header-toolbar .toolbar-icons { margin-top: 5px } #order-view-page { padding: 0 10px } #order-view-page .card-details-form { width: 100% } #order-view-page .card-details-actions { width: 100%; display: -ms-flexbox; display: flex } #order-view-page .product-row>div:first-child { -ms-flex-order: 1; order: 1 } #order-view-page .product-row>div:last-child { -ms-flex-order: 2; order: 2 } #order-view-page .product-row .nav-tabs { display: -ms-flexbox; display: flex; overflow-y: scroll; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-align: end; align-items: flex-end } #order-view-page .product-row .nav-tabs .nav-item { min-width: 165px } #order-view-page .cancel-product-element { margin-top: 10px } #order-view-page .cancel-product-element p { margin-bottom: 0 } #order-view-page .order-actions #update_order_status_action_form .select-status { margin-bottom: .9375rem } #order-view-page .order-actions .select-status { max-width: inherit; width: 100% } #order-view-page .order-actions .select-status .select-status-colored { margin-right: 0 !important; max-width: inherit } #order-view-page .order-actions>:not(:last-child) { margin-right: 0 } #order-view-page .order-actions>*, #order-view-page .order-actions>* a, #order-view-page .order-actions>* button { width: 100%; margin-left: 0 !important } #order-view-page .order-actions a, #order-view-page .order-actions button { text-align: left } #order-view-page .order-actions a i, #order-view-page .order-actions button i { margin-right: 20px } #order-view-page #orderProductsPanel .cellProductName { min-width: 130px } #order-view-page #orderProductsPanel .info-block .row>:not(:last-child) { margin-bottom: 10px } #order-view-page #orderProductsPanel .discount-action { margin-bottom: 10px; width: 100%; max-width: 100% } #order-view-page #orderProductsPanel .discount-action button { width: 100% } #order-view-page #orderProductsPanel .discount-action button:not(:last-child) { margin-bottom: 10px } } .cancel-product-cell { margin-right: 0; padding-right: 0; max-width: 400px } .cancel-product-cell .cancel-product-cell-elements { display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: center; align-items: center } .cancel-product-cell .cancel-product-cell-elements .cancel-product-selector { width: 30px; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center } .cancel-product-cell .cancel-product-cell-elements .form-group { display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; margin-bottom: 0; padding: 0 5px } .cancel-product-cell .cancel-product-cell-elements .form-group .form-control-label { -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; padding: 0; margin-bottom: 0; font-weight: 700 } .cancel-product-cell .cancel-product-cell-elements .form-group .input-group { min-width: 90px; max-width: 110px } .cancel-product-cell .cancel-product-cell-elements .form-group .input-group .form-control { height: 35px; min-width: 30px; max-width: 76px } .cancel-product-cell .cancel-product-cell-elements .form-group .input-group .input-group-append { height: 35px } .cancel-product-cell .cancel-product-cell-elements .form-group .input-group .max-refund { -ms-flex-preferred-size: 100%; flex-basis: 100%; padding-left: 10px } .cancel-product-cell .cancel-product-cell-elements .form-group.cancel-product-amount .input-group { margin-top: 12px; min-width: 125px } .voucher-refund-type-negative-error { color: #c05c67; display: none } input.refund-quantity { max-width: 160px; margin-left: 10px } input#partial_refund_shipping, input.refund-amount { max-width: 80px; margin-left: 10px } .cellProductActions .btn, .discountList .btn { background-color: transparent; color: #6c868e } .cellProductActions .btn:hover, .discountList .btn:hover { color: #25b9d7 } #order-creation-container .custom-fields-container { padding-bottom: 15px; padding-bottom: .9375rem } #order-creation-container .custom-fields-container .custom-file { text-overflow: ellipsis; white-space: nowrap; overflow: hidden } .module-modal-title { display: inline-block; vertical-align: top } .module-modal-title>h4 { color: #1e2024 !important; font-family: Open Sans, Helvetica, Arial, sans-serif !important; font-weight: 700 !important; font-size: 14px } .module-badges-display { display: inline-block } .module-modal-header .read-more-stars { bottom: 82px; left: 120px } .module-modal-header .read-more-stars:after, .module-modal-header .read-more-stars:before { left: -80px } .module-modal-header button.close { width: auto; margin-top: -8px } .main-header #header-search-container .module-modal-header button.close .input-group:before, .module-modal-header button.close .main-header #header-search-container .input-group:before, .module-modal-header button.close .material-icons, .module-modal-header button.close .ps-tree-items .tree-name button:before, .ps-tree-items .tree-name .module-modal-header button.close button:before { font-size: 30px } .module-modal-footer .module-badges-action { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center } .module-modal-footer .module-price { position: relative; right: auto; bottom: auto } .module-modal-footer .module-stars-price { padding: 0 0 10px } .module-big-cover { height: 240px; overflow: hidden; margin-top: -15px; text-align: center } .module-big-cover>img { max-width: 100%; max-height: 100%; height: auto; padding: 4px } .module-menu-readmore { margin-top: 2px } .module-readmore-tab-content { text-align: justify; padding: 5px 15px; line-height: 20px; margin-bottom: 61px !important } .module-menu-readmore>.tab-content { margin-top: 5px; color: #000; text-align: justify } .module-modal-badges { margin-top: 1em } .module-modal-badges>img { margin-right: 1em } .module-modal-dialog { height: 85%; width: 50% } .module-modal-content { border: none; box-shadow: none } .module-modal-close { width: auto !important; margin-right: 5px } .module-short-list { margin: 2em 0 } .module-short-list .module-list-empty { background: hsla(0, 0%, 100%, .4); border-radius: 3px; padding: 20px; border: 1px dashed #696969 } .module-short-list .module-list-empty p { margin: 0; padding: 0 } .module-item-list .container-fluid { padding-top: 15px; padding-top: .9375rem; padding-bottom: 15px; padding-bottom: .9375rem; background-color: #fff } .module-item-list+:nth-child(2n) .container-fluid { background-color: #f5f8f9 !important } @media (max-width:33.9em) { .module-item-list .module-item-wrapper-list { text-align: center } } .module-item-list .module-item-wrapper-list .module-logo-thumb-list { height: 64px; max-width: 64px; margin: 0 auto } @media (max-width:33.9em) { .module-item-list .module-item-wrapper-list .module-logo-thumb-list { height: auto; max-height: 64px } } .module-item-list .module-item-wrapper-list .module-logo-thumb-list img { width: 100%; max-width: 40px; margin-bottom: .5em } .module-item-list .module-item-wrapper-list .module-name-list { font-weight: bolder; color: #363a41; margin: 0 } .module-item-list .module-item-wrapper-list .module-version-author-list { font-weight: 700; color: #6c868e; white-space: nowrap; text-overflow: ellipsis; overflow: hidden } .module-item-list .module-item-wrapper-list .module-version-author-list b { font-weight: 700; color: #363a41 } .module-item-list .module-item-wrapper-list .module-quick-action-list>[class^=module-star-ranking-] { display: none } .badges-container { min-height: 30px; font-size: 14.4px; font-size: .9rem; line-height: 50% } .module-price { position: absolute; right: 15px; bottom: 50px } .module-addons-item-grid .module-addons-item-wrapper-grid .module-quick-action-grid .spinner, .module-item-wrapper-grid .module-quick-action-grid .spinner, .module-placeholders-wrapper .timeline-item-wrapper .module-quick-action-grid .spinner { position: absolute; bottom: 10px; left: 50%; margin-left: -20px } .module-addons-item-grid .module-addons-item-wrapper-grid .module-quick-action-grid .module-actions, .module-item-wrapper-grid .module-quick-action-grid .module-actions, .module-placeholders-wrapper .timeline-item-wrapper .module-quick-action-grid .module-actions { display: -ms-flexbox; display: flex; -ms-flex-pack: end; justify-content: flex-end } .module-addons-item-grid .module-addons-item-wrapper-grid .module-quick-action-grid .module-actions .dropdown-menu, .module-item-wrapper-grid .module-quick-action-grid .module-actions .dropdown-menu, .module-placeholders-wrapper .timeline-item-wrapper .module-quick-action-grid .module-actions .dropdown-menu { right: 10px; left: 10px } .module-addons-item-grid .module-addons-item-wrapper-grid .module-quick-action-grid .module-actions .btn, .module-addons-item-grid .module-addons-item-wrapper-grid .module-quick-action-grid .module-actions .btn-group, .module-item-wrapper-grid .module-quick-action-grid .module-actions .btn, .module-item-wrapper-grid .module-quick-action-grid .module-actions .btn-group, .module-placeholders-wrapper .timeline-item-wrapper .module-quick-action-grid .module-actions .btn, .module-placeholders-wrapper .timeline-item-wrapper .module-quick-action-grid .module-actions .btn-group { width: 100% } @media (min-width:1300px) and (max-width:1550px) { .module-item-grid { width: 33.333333% } } .module-addons-item-list { display: none; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer } .module-addons-item-list .module-addons-item-wrapper-list { vertical-align: middle; text-align: center } .module-addons-item-list .module-addons-item-wrapper-list>.module-icon-addons-exit-list>img { height: 3em } .module-placeholders-failure { display: none } .module-placeholders-failure .module-placeholders-failure-wrapper { text-align: center; margin-top: 40px } .module-placeholders-failure .module-placeholders-failure-msg { color: red } .module-placeholders-failure #module-placeholders-failure-retry { margin-top: 10px } #module-modal-bulk-confirm-action-name { font-weight: 700 } .module-checkbox-bulk-list { position: absolute; right: 7px; top: 7px } .module-checkbox-bulk-list.md-checkbox label { padding: 0 } .module-search-bar { height: 50px !important; border: 0 !important; background-color: #fff !important } .module-search-block { background: #fff; width: 100% } .module-search-block .search-button { border-radius: 0; position: absolute; top: 0; right: 0; height: 35px } .module-sorting-menu { margin-bottom: 30px } .module-sorting { margin-left: 35px } .module-sorting .select2-selection { border-radius: 0; min-width: 175px } .module-sorting .select2-selection .select2-selection__arrow b { display: none } .module-sorting .select2-selection .select2-selection__arrow:before { content: "\E313"; font-family: Material Icons; font-size: 24px; font-size: 1.5rem; position: relative; color: #6c868e; right: 20px } .module-sorting i { margin-left: 10px; cursor: pointer; font-size: 26px } .module-sort-active { color: #a6b9c0 !important } .module-sort-switch { color: #c7d6db } .module-search-result-title { color: #1e2024 !important; font-size: 18px; margin-bottom: 20px; display: inline-block } .module-addons-search, .module-search-result-title { font-family: Open Sans, Helvetica, Arial, sans-serif !important; font-weight: 700 } .module-addons-search { font-size: 14px; display: none } .module-category-recently-used a { text-align: center; border-bottom: 1px solid #e7e8e8 } .module-category-reset, .module-status-reset { display: none } .module-category-reset a, .module-status-reset a { color: #2eacce !important; text-align: center; border-bottom: 1px solid #e7e8e8 } .module-category-reset a:hover, .module-status-reset a:hover { color: #fff !important; background-color: #2eacce !important; text-align: center; border-bottom: 1px solid #e7e8e8 } .module-notification-kpis { margin: auto } .module-kpi { margin-right: 15px; display: inline; display: initial } .main-header #header-search-container .module-kpi .input-group:before, .module-kpi .main-header #header-search-container .input-group:before, .module-kpi .material-icons, .module-kpi .ps-tree-items .tree-name button:before, .ps-tree-items .tree-name .module-kpi button:before { font-size: 30px; font-size: 1.875rem; vertical-align: middle } .module-kpi-number { margin: auto; font-size: 30px; font-weight: 700 } .module-top-menu { min-height: 74px } .module-top-menu .module-top-menu-item.disabled { opacity: .5; pointer-events: none } .module-top-menu .module-top-menu-item h3 { margin-top: 30px; font-size: 14px } .toolbar-icons .btn-primary { border-radius: 0 } #modules-categories-grid { display: none } .module-category-item { display: table; padding-bottom: 10px; cursor: pointer } .module-category-item-wrapper { background: #fff; padding: 20px; margin-bottom: 10px; box-shadow: 0 1px 0 #c7d6db; height: 247px; max-height: 247px; display: table-cell; vertical-align: middle; text-align: center; font-size: 15px; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .module-import-processing { display: none; text-align: center } .module-import-processing .btn { margin: 25px } .module-import-processing-footer-text { font-size: smaller; font-style: italic; color: #cecccc } .module-import-success { display: none; text-align: center } .module-import-success-icon { color: #1c8ca3; font-size: 70px } .module-import-failure { display: none; text-align: center } .module-import-failure-icon { color: #c45c67; font-size: 70px } .module-import-failure-msg { font-weight: 700; margin-bottom: 0 } .module-import-failure-details-action { display: block; cursor: pointer !important } .module-import-failure-details { word-wrap: break-word; font-size: small; overflow: auto; overflow-y: hidden; margin: 35px 5px 20px; text-align: justify; display: none } .module-import-start-icon { font-size: 70px; color: #cecccc } .module-import-start-select-manual { cursor: pointer !important } .module-import-start-select-manual:hover { text-decoration: none } .module-import-start-footer-text { font-size: smaller; font-style: italic; color: #cecccc } form#importDropzone { border: 2px dashed #6c868e } .dropzone.dz-clickable { cursor: auto !important } .module-import-start { text-align: center } .module-import-failure-retry { margin-top: 15px } .module-import-success-configure { display: none } #pstrust-img { max-height: 64px; max-width: 64px } #position-filters input[type=checkbox] { display: none } #position-filters input[type=checkbox]:checked~label { background-color: #25b9d7; border-color: #25b9d7 } #position-filters input[type=checkbox]:checked~label .done { opacity: 1 } #position-filters .selectbox { width: 20px; height: 20px; border: 2px solid #bbcdd2; border-radius: 2px; vertical-align: middle; margin: 0 8px 0 0; position: relative } #position-filters .selectbox .done { opacity: 0; color: #fff; margin-top: -7px; font-size: 1.6em; margin-left: -4px } #modules-position-selection-panel { position: relative; display: none } #modules-position-selection-panel .btn { white-space: normal } .hook-panel { margin-bottom: 10px !important; padding: 10px 10px 5px } .hook-panel .highlight { background-color: #f7e69f !important } .hook-panel .hook-panel-header { margin: 0 -10px; padding: 0 10px 10px } .hook-panel .hook-panel-header .hook-name { font-size: 1.4em; color: #25b9d7; background-color: #fff; padding: 0 4px; border-radius: 3px } .hook-panel .hook-panel-header .hook_description { padding: 3px 0 0 3px } .hook-panel .hook-panel-header .badge { background-color: #f4f4f4; border-radius: 4px; color: #363a41 } .hook-panel .hook-panel-header .badge .selectbox i { line-height: 1.5 } .hook-panel .hook-panel-header .badge .selectbox i.done { margin-top: -5px; margin-left: -2px } .hook-panel input[type=checkbox] { display: none } .hook-panel input[type=checkbox]:checked~label { background-color: #25b9d7; border-color: #25b9d7 } .hook-panel input[type=checkbox]:checked~label .done { opacity: 1 } .hook-panel .selectbox { width: 20px; height: 20px; border: 2px solid #bbcdd2; border-radius: 2px; vertical-align: middle; margin: 0 8px 0 0; position: relative } .hook-panel .selectbox .done { opacity: 0; color: #fff; margin-top: -7px; font-size: 1.6em; margin-left: -4px } .modules_list_container_tab img { max-width: 66px } .module-list .module-item { width: 100%; padding: 5px 0; border-bottom: 1px solid #bbcdd2; background: #fff } .module-list .module-item:hover { background-color: #fafbfc } .module-list .module-item:hover .drag_indicator { color: #15b7d7; opacity: 1 } .module-list .module-item:focus { outline: none } .module-list .module-item.ui-sortable-helper { border-radius: 3px; box-shadow: 3px 3px 8px 0 rgba(0, 0, 0, .2); background-color: #6c868e } .module-list .module-item.ui-sortable-helper .module-column-position, .module-list .module-item.ui-sortable-helper .module-description, .module-list .module-item.ui-sortable-helper .module-name { color: #fff } .hook-panel .hook-panel-header .module-list .module-item.ui-sortable-helper .module-column-position .hook_description, .hook-panel .hook-panel-header .module-list .module-item.ui-sortable-helper .module-column-position .hook_title, .hook-panel .hook-panel-header .module-list .module-item.ui-sortable-helper .module-description .hook_description, .hook-panel .hook-panel-header .module-list .module-item.ui-sortable-helper .module-description .hook_title, .hook-panel .hook-panel-header .module-list .module-item.ui-sortable-helper .module-name .hook_description, .hook-panel .hook-panel-header .module-list .module-item.ui-sortable-helper .module-name .hook_title, .module-list .module-item.ui-sortable-helper .module-column-position .hook-panel .hook-panel-header .hook_description, .module-list .module-item.ui-sortable-helper .module-column-position .hook-panel .hook-panel-header .hook_title, .module-list .module-item.ui-sortable-helper .module-column-position .text-muted, .module-list .module-item.ui-sortable-helper .module-description .hook-panel .hook-panel-header .hook_description, .module-list .module-item.ui-sortable-helper .module-description .hook-panel .hook-panel-header .hook_title, .module-list .module-item.ui-sortable-helper .module-description .text-muted, .module-list .module-item.ui-sortable-helper .module-name .hook-panel .hook-panel-header .hook_description, .module-list .module-item.ui-sortable-helper .module-name .hook-panel .hook-panel-header .hook_title, .module-list .module-item.ui-sortable-helper .module-name .text-muted { color: #fff !important } .module-list .module-item.ui-sortable-helper .module-column-actions .dropdown-toggle.dropdown-toggle-dots:after, .module-list .module-item.ui-sortable-helper .module-column-actions i { color: #fff } .module-list .module-item.ui-sortable-helper .drag_indicator { color: #fff; opacity: 1 } .module-list .module-item.ui-sortable-helper .selectbox { border-color: #fff } .module-list .module-item.draggable { cursor: all-scroll } .module-list .module-column-select { display: table-cell; width: 90px; min-height: 35px; vertical-align: middle; padding: 0 10px } .module-list .module-column-select .drag_indicator { opacity: 0 } .module-list .module-column-position { display: table-cell; width: 80px; vertical-align: middle; text-align: right } .module-list .module-column-position .index-position { padding: 0 5px; font-size: 1em; width: 40px } .module-list .module-column-icon { display: table-cell; width: 75px; text-align: center; vertical-align: middle } .module-list .module-column-icon img { max-width: 2.85em } .module-list .module-column-description, .module-list .module-column-infos { display: table-cell; height: 50px; vertical-align: middle; font-size: .95em } .module-list .module-column-description .module-name, .module-list .module-column-infos .module-name { color: #25b9d7 } .module-list .module-column-description .module-description, .module-list .module-column-infos .module-description { color: #363a41 } .module-list .module-column-infos { width: 200px; padding: 0 4px } .module-list .module-column-description { width: 679px } .module-list .module-column-description.hasColumnPosition { width: 600px } .module-list .module-column-actions { display: table-cell; padding: 0 10px; vertical-align: middle; text-align: right } .module-list .module-column-actions .btn-group { text-align: right } .module-list .module-column-actions .btn-group .btn-outline-primary { border: none; color: #6c868e } .module-list .module-column-actions .dropdown-toggle.dropdown-toggle-dots:hover:after { color: #25b9d7 } .module-list .dropdown-menu { min-width: auto } #unhook-button-position-bottom { display: none } .module-actions .dropdown-toggle-split-text { color: #aeaeae; border-color: #aeaeae; margin-left: 10px !important } .module-actions .dropdown-toggle-split-text:hover { background-color: #aeaeae; color: #fff } .mce-container, .mce-container *, .mce-widget, .mce-widget * { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: top; background: transparent; text-decoration: none; color: #333; font-size: 12px; float: none; position: static; width: auto; height: auto; white-space: nowrap; cursor: inherit; -webkit-tap-highlight-color: transparent; line-height: normal; font-weight: 400; box-sizing: content-box; text-align: left; direction: ltr } .mce-widget button { box-sizing: border-box } .mce-container [unselectable] { -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none } .mce-fade { opacity: 0; transition: opacity .15s linear } .mce-fade.mce-in { opacity: 1 } .mce-tinymce { visibility: visible !important; position: relative } .mce-fullscreen { z-index: 100 } div.mce-fullscreen { width: 100%; height: auto } .mce-tinymce { display: block; border-radius: 2px } .mce-wordcount { position: absolute; top: 0; padding: 8px; right: 0 } div.mce-edit-area { background: #fff; filter: none; padding: 1px; max-height: 400px; overflow: auto } .mce-statusbar, .mce-statusbar .mce-container-body { position: relative } .mce-fullscreen .mce-resizehandle { display: none } .mce-charmap { border-collapse: collapse } .mce-charmap td { cursor: default; border: 1px solid #9e9e9e; width: 20px; height: 20px; line-height: 20px; vertical-align: middle; padding: 2px } .mce-charmap td, .mce-charmap td div { text-align: center } .mce-charmap td:hover { background: #d9d9d9 } .mce-grid td div { border: 1px solid #d6d6d6; width: 12px; height: 12px; margin: 2px; cursor: pointer; border-spacing: 2px; border-collapse: separate } .mce-grid a { display: block; border: 1px solid transparent } .mce-grid a:hover { border-color: #a1a1a1 } .mce-grid-border { margin: 0 4px } .mce-grid-border a { border-color: #d6d6d6; width: 13px; height: 13px } .mce-grid-border a.mce-active, .mce-grid-border a:hover { border-color: #a1a1a1; background: #dff5f9 } .mce-text-center { text-align: center } div.mce-tinymce-inline { width: 100%; box-shadow: none } .mce-toolbar-grp .mce-flow-layout-item { margin-bottom: 0 } .mce-container, .mce-container-body { display: block } .mce-autoscroll { overflow: hidden } .mce-scrollbar { position: absolute; width: 7px; height: 100%; top: 2px; opacity: .4; filter: alpha(opacity=40); zoom: 1; right: 2px } .mce-scrollbar-h { top: auto; bottom: 2px; width: 100%; height: 7px; right: auto; left: 2px } .mce-scrollbar-thumb { position: absolute; background-color: #000; border: 1px solid rgba(85, 85, 85, .6); width: 5px; height: 100%; border-radius: 7px } .mce-scrollbar-h .mce-scrollbar-thumb { width: 100%; height: 5px } .mce-scrollbar.mce-active, .mce-scrollbar:hover { background-color: #aaa; opacity: .6; filter: alpha(opacity=60); zoom: 1; border-radius: 7px } .mce-scroll { position: relative } .mce-panel { border: 0 solid #ccc } .mce-floatpanel { position: absolute; box-shadow: 0 5px 10px rgba(0, 0, 0, .2) } .mce-floatpanel.mce-fixed { position: fixed } .mce-floatpanel .mce-arrow { position: absolute; display: block; width: 0; height: 0; border-width: 11px } .mce-floatpanel .mce-arrow:after { position: absolute; display: block; width: 0; height: 0; border-width: 10px; content: "" } .mce-floatpanel.mce-popover { top: 0; background: #fff; border: 1px solid rgba(0, 0, 0, .25); border-radius: 6px; left: 0 } .mce-floatpanel.mce-popover.mce-bottom { margin-top: 10px; *margin-top: 0 } .mce-floatpanel.mce-popover.mce-bottom>.mce-arrow { border-top-width: 0; border-bottom-color: #9e9e9e; border-bottom-color: rgba(0, 0, 0, .25); top: -11px; left: 50%; margin-left: -11px } .mce-floatpanel.mce-popover.mce-bottom>.mce-arrow:after { top: 1px; border-top-width: 0; border-bottom-color: #fff; margin-left: -10px } .mce-floatpanel.mce-popover.mce-bottom.mce-start { margin-left: -22px } .mce-floatpanel.mce-popover.mce-bottom.mce-start>.mce-arrow { left: 20px } .mce-floatpanel.mce-popover.mce-bottom.mce-end { margin-left: 22px } .mce-floatpanel.mce-popover.mce-bottom.mce-end>.mce-arrow { right: 10px; left: auto } .mce-fullscreen { border: 0; padding: 0; margin: 0; overflow: hidden; background: #fff; height: 100% } #mce-modal-block, div.mce-fullscreen { position: fixed; top: 0; left: 0 } #mce-modal-block { opacity: 0; filter: alpha(opacity=0); zoom: 1; width: 100%; height: 100%; background: #000 } #mce-modal-block.mce-in { opacity: .3; filter: alpha(opacity=30); zoom: 1 } .mce-window-move { cursor: move } .mce-window { background: #fff; position: fixed; top: 0; opacity: 0; transition: opacity .15s ease-in; left: 0; border-radius: 6px } .mce-window.mce-in { opacity: 1 } .mce-window-head { padding: 9px 15px; border-bottom: 1px solid #c5c5c5; position: relative } .mce-window-head .mce-close { position: absolute; top: 9px; font-size: 18px; font-weight: 700; line-height: 20px; color: #858585; cursor: pointer; height: 20px; overflow: hidden; right: 15px } .mce-close:hover { color: #adadad } .mce-window-head .mce-title { line-height: 20px; font-size: 14px; font-weight: 400; text-rendering: optimizelegibility; padding-right: 10px } .mce-foot, .mce-window .mce-container-body { display: block } .mce-foot { background-color: #fff; border-top: 1px solid #c5c5c5; border-radius: 0 0 6px 6px } .mce-window-head .mce-dragh { position: absolute; top: 0; cursor: move; width: 90%; height: 100%; left: 0 } .mce-window iframe { width: 100%; height: 100% } .mce-window.mce-fullscreen, .mce-window.mce-fullscreen .mce-foot { border-radius: 0 } .mce-abs-layout { position: relative } .mce-abs-end, body .mce-abs-layout-item { position: absolute } .mce-abs-end { width: 1px; height: 1px } .mce-container-body.mce-abs-layout { overflow: hidden } .mce-tooltip { position: absolute; padding: 5px; zoom: 1 } .mce-tooltip-inner { font-size: 12px; background-color: #000; color: #fff; max-width: 200px; text-align: center; white-space: normal; border-radius: 3px; padding: 5px 8px 4px } .mce-tooltip-arrow { position: absolute; width: 0; height: 0; line-height: 0; border: 5px dashed #000 } .mce-tooltip-arrow-n { border-bottom-color: #000 } .mce-tooltip-arrow-s { border-top-color: #000 } .mce-tooltip-arrow-e, .mce-tooltip-arrow-w { border-left-color: #000 } .mce-tooltip-nw, .mce-tooltip-sw { margin-left: -14px } .mce-tooltip-n .mce-tooltip-arrow { left: 50%; margin-left: -5px } .mce-tooltip-n .mce-tooltip-arrow, .mce-tooltip-nw .mce-tooltip-arrow { top: 0; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent } .mce-tooltip-nw .mce-tooltip-arrow { left: 10px } .mce-tooltip-ne .mce-tooltip-arrow { top: 0; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent; right: 10px } .mce-tooltip-s .mce-tooltip-arrow { left: 50%; margin-left: -5px } .mce-tooltip-s .mce-tooltip-arrow, .mce-tooltip-sw .mce-tooltip-arrow { bottom: 0; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent } .mce-tooltip-sw .mce-tooltip-arrow { left: 10px } .mce-tooltip-se .mce-tooltip-arrow { bottom: 0; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; right: 10px } .mce-tooltip-e .mce-tooltip-arrow { border-left-style: solid; border-right: none; right: 0 } .mce-tooltip-e .mce-tooltip-arrow, .mce-tooltip-w .mce-tooltip-arrow { top: 50%; margin-top: -5px; border-top-color: transparent; border-bottom-color: transparent } .mce-tooltip-w .mce-tooltip-arrow { left: 0 } .mce-btn { position: relative; display: inline-block; *display: inline; *zoom: 1; background-color: #fff } .mce-btn:focus, .mce-btn:hover { color: #eee; background-color: #eee } .mce-btn.mce-disabled:hover button, .mce-btn.mce-disabled button { cursor: default; box-shadow: none; opacity: .4; filter: alpha(opacity=40); zoom: 1 } .mce-btn.mce-active, .mce-btn.mce-active:hover, .mce-btn:not(.mce-disabled):active { background-color: #d6d6d6 } .mce-btn button { padding: 2px 6px; font-size: 12px; cursor: pointer; color: #333; text-align: center; overflow: visible; -webkit-appearance: none } .mce-btn button::-moz-focus-inner { border: 0; padding: 0 } .mce-primary { min-width: 50px; color: #fff; border: 1px solid #b1b1b1; border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25) rgba(0, 0, 0, .25); background-color: #006dcc } .mce-primary:focus, .mce-primary:hover { background-color: #005fb3 } .mce-primary.mce-disabled:hover button, .mce-primary.mce-disabled button { cursor: default; opacity: .4; filter: alpha(opacity=40); zoom: 1 } .mce-primary.mce-active, .mce-primary.mce-active:hover, .mce-primary:not(.mce-disabled):active { background-color: #005299 } .mce-primary button, .mce-primary button i { color: #fff } .mce-btn-large button { padding: 9px 14px; font-size: 12px; line-height: normal; border-radius: 5px } .mce-btn-large i { margin-top: 2px } .mce-btn-small button { padding: 1px 5px; font-size: 12px; *padding-bottom: 2px } .mce-btn-small i { line-height: 20px; vertical-align: top; *line-height: 18px } .mce-btn-small .mce-caret, .mce-btn .mce-caret { margin-top: 8px; margin-left: 0 } .mce-caret { display: inline-block; *display: inline; *zoom: 1; width: 0; height: 0; vertical-align: top; border-top: 4px solid #333; border-right: 4px solid transparent; border-left: 4px solid transparent; content: "" } .mce-disabled .mce-caret { border-top-color: #aaa } .mce-caret.mce-up { border-bottom: 4px solid #333; border-top: 0 } .mce-btn-group .mce-btn { border: 1px solid #ccc; border-radius: 0; border-right: none } .mce-btn-group .mce-first { border-radius: 3px 0 0 3px } .mce-btn-group .mce-last { border-right: 1px solid #ccc; border-radius: 0 3px 3px 0 } .mce-btn-group .mce-first.mce-last { border-radius: 3px } .mce-btn-group .mce-btn.mce-flow-layout-item { margin: 0 } .mce-checkbox { cursor: pointer } i.mce-i-checkbox { border: 1px solid #c5c5c5; border-radius: 3px; background-color: #f0f0f0; text-indent: -10em; *font-size: 0; *line-height: 0; *text-indent: 0; overflow: hidden; width: 14px; height: 14px; text-align: center; display: inline-block; margin: 0 3px 0 0 } .mce-checked i.mce-i-checkbox { color: #333; font-size: 12px; line-height: 16px; text-indent: 0 } .mce-checkbox.mce-focus i.mce-i-checkbox, .mce-checkbox:focus i.mce-i-checkbox { border: 1px solid rgba(82, 168, 236, .8) } .mce-checkbox.mce-disabled .mce-label, .mce-checkbox.mce-disabled i.mce-i-checkbox { color: #acacac } .mce-colorbutton .mce-ico { position: relative } .mce-colorbutton-grid { margin: 4px } .mce-colorbutton button { padding-right: 4px } .mce-colorbutton .mce-preview { display: block; position: absolute; top: 50%; margin-top: 7px; background: gray; width: 13px; height: 2px; overflow: hidden; margin-left: -14px; left: 50%; padding-right: 3px } .mce-colorbutton.mce-btn-small .mce-preview { width: 16px; padding-right: 0; margin-left: -16px } .mce-colorbutton .mce-open { border-left: 1px solid transparent; border-right: 1px solid transparent; padding-left: 4px } .mce-colorbutton:hover .mce-open { border-left-color: #bdbdbd; border-right-color: #bdbdbd } .mce-colorbutton.mce-btn-small .mce-open { padding: 0 3px } .mce-combobox { display: inline-block; *display: inline; *zoom: 1; *height: 32px } .mce-combobox input { border: 1px solid #c5c5c5; height: 28px } .mce-combobox.mce-disabled input { color: #adadad } .mce-combobox.mce-has-open input { border-radius: 4px 0 0 4px } .mce-combobox .mce-btn { border-left: 0; border-radius: 0 4px 4px 0; background-color: #c5c5c5 } .mce-combobox button { height: 26px } .mce-combobox.mce-disabled .mce-btn button { cursor: default; box-shadow: none; opacity: .4; filter: alpha(opacity=40); zoom: 1 } .mce-path { display: inline-block; *display: inline; *zoom: 1; padding: 8px; white-space: normal } .mce-path .mce-txt { padding-right: 3px } .mce-path .mce-path-body, .mce-path .mce-txt { display: inline-block } .mce-path-item { display: inline-block; *display: inline; *zoom: 1; cursor: pointer; color: #333 } .mce-path-item:hover { text-decoration: underline } .mce-path-item:focus { background: #666; color: #fff } .mce-path .mce-divider { display: inline } .mce-disabled .mce-path-item { color: #aaa } .mce-fieldset { border: 0 solid #9e9e9e; border-radius: 3px } .mce-fieldset>.mce-container-body { margin-top: -15px } .mce-fieldset-title { margin-left: 5px; padding: 0 5px } .mce-fit-layout { display: inline-block; *display: inline; *zoom: 1 } .mce-fit-layout-item { position: absolute } .mce-flow-layout-item { display: inline-block; *display: inline; *zoom: 1; margin: 2px 0 2px 2px } .mce-flow-layout-item.mce-last { margin-right: 2px } .mce-flow-layout { white-space: normal } .mce-tinymce-inline .mce-flow-layout { white-space: nowrap } .mce-iframe { border: 0 solid #9e9e9e; width: 100%; height: 100% } .mce-label { display: inline-block; *display: inline; *zoom: 1; border: 0; overflow: hidden } .mce-label.mce-autoscroll { overflow: auto } .mce-label.mce-disabled { color: #aaa } .mce-label.mce-multiline { white-space: pre-wrap } .mce-menubar { border: 1px solid #eee } .mce-menubar .mce-menubtn { border-color: transparent; background: transparent; border-radius: 0; box-shadow: none; filter: none } .mce-menubar .mce-menubtn button span { color: #333 } .mce-menubar .mce-caret { border-top-color: #333 } .mce-menubar .mce-menubtn.mce-active, .mce-menubar .mce-menubtn:focus, .mce-menubar .mce-menubtn:hover { border-color: transparent; background: #e6e6e6; filter: none; box-shadow: none } .mce-menubtn.mce-disabled span { color: #aaa } .mce-menubtn span { color: #333; margin-right: 2px; line-height: 20px; *line-height: 16px } .mce-menubtn.mce-btn-small span { font-size: 12px } .mce-menubtn.mce-fixed-width span { display: inline-block; overflow-x: hidden; text-overflow: ellipsis } .mce-menubtn.mce-fixed-width.mce-btn-small span { width: 70px } .mce-menubtn .mce-caret { *margin-top: 6px } .mce-listbox button { text-align: left; padding-right: 20px; position: relative } .mce-listbox .mce-caret { position: absolute; margin-top: -2px; right: 8px; top: 50% } .mce-menu-item { display: block; padding: 6px 15px 6px 12px; clear: both; font-weight: 400; color: #333; white-space: nowrap; cursor: pointer; line-height: normal; border-left: 4px solid transparent; margin-bottom: 1px } .mce-menu-item .mce-ico, .mce-menu-item .mce-text { color: #333 } .mce-menu-item.mce-disabled .mce-ico, .mce-menu-item.mce-disabled .mce-text { color: #adadad } .mce-menu-item.mce-selected .mce-text .mce-menu-item:hover .mce-ico .mce-menu-item.mce-selected .mce-ico .mce-menu-item:focus .mce-ico, .mce-menu-item:hover .mce-text { color: #fff } .mce-menu-item.mce-disabled:hover { background: #ccc } .mce-menu-shortcut { display: inline-block; color: #adadad; padding: 0 15px 0 20px } .mce-menu-item.mce-selected .mce-menu-shortcut, .mce-menu-item:focus .mce-menu-shortcut, .mce-menu-item:hover .mce-menu-shortcut { color: #fff } .mce-menu-item .mce-caret { margin-top: 4px; *margin-top: 3px; margin-right: 6px; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 4px solid #333 } .mce-menu-item.mce-selected .mce-caret, .mce-menu-item:focus .mce-caret, .mce-menu-item:hover .mce-caret { border-left-color: #fff } .mce-menu-align .mce-menu-shortcut { *margin-top: -2px; position: absolute; right: 0 } .mce-menu-align .mce-caret { position: absolute; right: 0 } .mce-menu-item.mce-active i { visibility: visible } .mce-menu-item-normal.mce-active { background-color: #dff5f9 } .mce-menu-item-preview.mce-active { border-left: 5px solid #aaa } .mce-menu-item-normal.mce-active .mce-text { color: #333 } .mce-menu-item-normal.mce-active:hover .mce-ico, .mce-menu-item-normal.mce-active:hover .mce-text { color: #fff } .mce-menu-item.mce-selected, .mce-menu-item:focus, .mce-menu-item:hover { text-decoration: none; color: #fff; background-color: #3ed2f0 } .mce-menu-item-sep:hover, div.mce-menu .mce-menu-item-sep { border: 0; padding: 0; height: 1px; margin: 9px 1px; overflow: hidden; background: #cbcbcb; border-bottom: 1px solid #fff; cursor: default; filter: none } .mce-menu { position: absolute; left: 0; top: 0; z-index: 1000; padding: 5px 0; margin: 2px 0 0; min-width: 160px; background: #fff; border: 1px solid #989898; border-radius: 6px; box-shadow: 0 5px 10px rgba(0, 0, 0, .2); max-height: 400px; overflow: auto; overflow-x: hidden } .mce-menu i { display: none } .mce-menu-has-icons i { display: inline-block; *display: inline } .mce-menu-sub-tr-tl { margin: -6px 0 0 -1px } .mce-menu-sub-br-bl { margin: 6px 0 0 -1px } .mce-menu-sub-tl-tr { margin: -6px 0 0 1px } .mce-menu-sub-bl-br { margin: 6px 0 0 1px } .mce-container-body .mce-resizehandle { position: absolute; right: 0; bottom: 0; width: 16px; height: 16px; visibility: visible; cursor: s-resize; margin: 0 } .mce-container-body .mce-resizehandle-both { cursor: se-resize } i.mce-i-resize { color: #333 } .mce-spacer { visibility: hidden } .mce-splitbtn .mce-open { border-left: 1px solid transparent; border-right: 1px solid transparent } .mce-splitbtn button { padding-right: 4px } .mce-splitbtn .mce-open { padding-left: 4px } .mce-splitbtn .mce-open.mce-active { box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05) } .mce-splitbtn.mce-btn-small .mce-open { padding: 0 3px } .mce-stack-layout-item, .mce-tabs { display: block } .mce-tabs { border-bottom: 1px solid #c5c5c5 } .mce-tab { display: inline-block; *display: inline; *zoom: 1; border: 1px solid #c5c5c5; background: #e3e3e3; padding: 8px; height: 13px; cursor: pointer } .mce-tab:hover { background: #fdfdfd } .mce-tab.mce-active { background: #fdfdfd; border-bottom-color: transparent; margin-bottom: -1px; height: 14px } .mce-textbox { background: #fff; border: 1px solid #c5c5c5; border-radius: 3px; display: inline-block; transition: border .2s linear, box-shadow .2s linear; height: 28px; resize: none; padding: 0 4px; white-space: pre-wrap; *white-space: pre; color: #333 } .mce-textbox.mce-focus, .mce-textbox:focus { border-color: rgba(82, 168, 236, .8) } .mce-placeholder .mce-textbox { color: #aaa } .mce-textbox.mce-multiline { padding: 4px } .mce-textbox.mce-disabled { color: #adadad } .mce-throbber { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: .6; filter: alpha(opacity=60); zoom: 1; background: #fff no-repeat 50% } .mce-i-none { width: 16px; height: 16px; margin: 2px 0 } .mce-ico { font-size: 16px; line-height: 20px } .mce-i-save:before { content: "\F0C7" } .mce-i-newdocument:before { content: "\F016" } .mce-i-fullpage:before { content: "\F065" } .mce-i-alignleft:before { content: "\F036" } .mce-i-aligncenter:before { content: "\F037" } .mce-i-alignright:before { content: "\F038" } .mce-i-alignjustify:before { content: "\F039" } .mce-i-cut:before { content: "\F0C4" } .mce-i-paste:before { content: "\F0EA" } .mce-i-searchreplace:before { content: "\E009" } .mce-i-bullist:before { content: "\F0CA" } .mce-i-numlist:before { content: "\F0CB" } .mce-i-indent:before { content: "\F03C" } .mce-i-outdent:before { content: "\F03B" } .mce-i-blockquote:before { content: "\F10E" } .mce-i-undo:before { content: "\F112" } .mce-i-redo:before { content: "\F064" } .mce-i-link:before { content: "\F0C1" } .mce-i-unlink:before { content: "\F127" } .mce-i-anchor:before { content: "\F13D" } .mce-i-image:before { content: "\F03E" } .mce-i-media:before { content: "\F008" } .mce-i-help:before { content: "\F059" } .mce-i-code:before { content: "\F121" } .mce-i-inserttime:before { content: "\F017" } .mce-i-preview:before { content: "\F06E" } .mce-i-backcolor:before, .mce-i-forecolor:before { content: "" } .mce-i-table:before { content: "\F0CE" } .mce-i-hr:before, .mce-i-removeformat:before { content: "" } .mce-i-subscript:before { content: "\F12C" } .mce-i-superscript:before { content: "\F12B" } .mce-i-charmap:before { content: "" } .mce-i-emoticons:before { content: "\F11A" } .mce-i-print:before { content: "\F02F" } .mce-i-fullscreen:before { content: "\F065" } .mce-i-nonbreaking:before, .mce-i-pagebreak:before, .mce-i-restoredraft:before, .mce-i-spellchecker:before, .mce-i-template:before, .mce-i-untitled:before { content: "" } .mce-i-bold:before { content: "\F032" } .mce-i-italic:before { content: "\F033" } .mce-i-underline:before { content: "\F0CD" } .mce-i-strikethrough:before { content: "\F0CC" } .mce-i-ltr:before, .mce-i-visualblocks:before, .mce-i-visualchars:before { content: "" } .mce-i-rtl:before { content: "\E030" } .mce-i-copy:before { content: "\F0C5" } .mce-i-resize:before { content: "\F07D" } .mce-i-browse:before { content: "\F07C" } .mce-i-pastetext:before { content: "" } .mce-i-checkbox:before { content: "\F00C" } .mce-i-selected { visibility: hidden } .mce-i-selected:before { content: "\F00C" } i.mce-i-backcolor { background: #bbb } .mce-rtl i.mce-i-checkbox { direction: rtl } .tab-content.translationsFields { padding: 0 } .tab-content.translationsFields .mce-tinymce { border-bottom: 1px solid #dfdfdf !important; border-left: 1px solid #dfdfdf !important; border-right: 1px solid #dfdfdf !important } .tab-content.translationsFields .mce-container-body .mce-flow-layout { padding-top: 5px; padding-bottom: 5px } .nav-pills.translationsLocales { border-left: 1px solid #dfdfdf; border-right: 1px solid #dfdfdf } body { direction: ltr; background: #eaebec } ._fullspace { width: 100%; height: 100% } .bordered>.panel { border: 0 } .bordered>.nav-item>.nav-link.active { border-bottom: 1px solid #fff } #product_filter_column_active .select2 { min-width: 70px; min-width: 4.375rem } span.twitter-typeahead { display: block !important; width: 100% !important } span.twitter-typeahead input.tt-input { width: 100% !important } .btn.btn-text { cursor: pointer; padding: 0; background: transparent } .btn.btn-text:focus { box-shadow: none } .dropdown-toggle.tool-button:after { content: "settings"; font-size: 22px; font-size: 1.375rem; color: #6c868e } .translation-field { display: none } .translation-field.visible { display: block } table.table { font-size: 12.8px; font-size: .8rem } .translations-app .modal-header { display: inline; display: initial } /* * Container style */ .ps { overflow: hidden !important; overflow-anchor: none; -ms-overflow-style: none; touch-action: auto; -ms-touch-action: auto; } /* * Scrollbar rail styles */ .ps__rail-x { display: none; opacity: 0; transition: background-color .2s linear, opacity .2s linear; -webkit-transition: background-color .2s linear, opacity .2s linear; height: 15px; /* there must be 'bottom' or 'top' for ps__rail-x */ bottom: 0px; /* please don't change 'position' */ position: absolute; } .ps__rail-y { display: none; opacity: 0; transition: background-color .2s linear, opacity .2s linear; -webkit-transition: background-color .2s linear, opacity .2s linear; width: 15px; /* there must be 'right' or 'left' for ps__rail-y */ right: 0; /* please don't change 'position' */ position: absolute; } .ps--active-x>.ps__rail-x, .ps--active-y>.ps__rail-y { display: block; background-color: transparent; } .ps:hover>.ps__rail-x, .ps:hover>.ps__rail-y, .ps--focus>.ps__rail-x, .ps--focus>.ps__rail-y, .ps--scrolling-x>.ps__rail-x, .ps--scrolling-y>.ps__rail-y { opacity: 0.6; } .ps .ps__rail-x:hover, .ps .ps__rail-y:hover, .ps .ps__rail-x:focus, .ps .ps__rail-y:focus, .ps .ps__rail-x.ps--clicking, .ps .ps__rail-y.ps--clicking { background-color: #eee; opacity: 0.9; } /* * Scrollbar thumb styles */ .ps__thumb-x { background-color: #aaa; border-radius: 6px; transition: background-color .2s linear, height .2s ease-in-out; -webkit-transition: background-color .2s linear, height .2s ease-in-out; height: 6px; /* there must be 'bottom' for ps__thumb-x */ bottom: 2px; /* please don't change 'position' */ position: absolute; } .ps__thumb-y { background-color: #aaa; border-radius: 6px; transition: background-color .2s linear, width .2s ease-in-out; -webkit-transition: background-color .2s linear, width .2s ease-in-out; width: 6px; /* there must be 'right' for ps__thumb-y */ right: 2px; /* please don't change 'position' */ position: absolute; } .ps__rail-x:hover>.ps__thumb-x, .ps__rail-x:focus>.ps__thumb-x, .ps__rail-x.ps--clicking .ps__thumb-x { background-color: #999; height: 11px; } .ps__rail-y:hover>.ps__thumb-y, .ps__rail-y:focus>.ps__thumb-y, .ps__rail-y.ps--clicking .ps__thumb-y { background-color: #999; width: 11px; } /* MS supports */ @supports (-ms-overflow-style: none) { .ps { overflow: auto !important; } } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .ps { overflow: auto !important; } }