@charset "UTF-8"; :root { --primary: #3c3554; --secondary: #3c35547e; --black: #4a4e56; --td-hover: #FBF7D0; --blue: #155DFC; --blue-hover: #0056b3; --white-hover: #f3f3f5; --input-background: #FFFFFF; --danger: #E7000B; --success: #00a63e; --default: #94A6B5; --card-background: #ffffff; --ai-background: #9810FA; } .admin-panel .suitepicon, .admin-panel .button-toggle-expanded span, .button-toggle-expanded .admin-panel span, .admin-panel .button-toggle-collapsed span, .button-toggle-collapsed .admin-panel span, .admin-panel .panel-heading a.collapsed, .panel-heading .admin-panel a.collapsed, .admin-panel .panel-heading a, .panel-heading .admin-panel a { color: #F08377 } html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100% } body { margin: 0 } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block } audio, canvas, progress, video { display: inline-block; vertical-align: baseline } audio:not([controls]) { display: none; height: 0 } [hidden], template { display: none } a { background-color: transparent } a:active, a:hover { outline: 0 } abbr[title] { border-bottom: 1px dotted } b, strong { font-weight: 500 } dfn { font-style: italic } h1 { font-size: 2em; margin: 0.67em 0 } mark { background: #ff0; color: #000 } small { font-size: 80% } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline } sup { top: -0.5em } sub { bottom: -0.25em } img { border: 0 } svg:not(:root) { overflow: hidden } figure { margin: 1em 40px } hr { box-sizing: content-box; height: 0 } pre { overflow: auto } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0 } button { overflow: visible } button, select { text-transform: none } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer } button[disabled], html input[disabled] { cursor: default } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0 } input { line-height: normal } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0 } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto } input[type="search"] { -webkit-appearance: textfield; box-sizing: content-box } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em } legend { border: 0; padding: 0 } textarea { overflow: auto } optgroup { font-weight: bold } table { border-collapse: collapse; border-spacing: 0 } td, th { padding: 0 } @media print { *, *:before, *:after { background: transparent !important; color: #000 !important; box-shadow: none !important; text-shadow: none !important } a, a:visited { text-decoration: underline } a[href]:after { content: " (" attr(href) ")" } abbr[title]:after { content: " (" attr(title) ")" } a[href^="#"]:after, a[href^="javascript:"]:after { content: "" } pre, blockquote { border: 1px solid #999; page-break-inside: avoid } thead { display: table-header-group } tr, img { page-break-inside: avoid } img { max-width: 100% !important } p, h2, h3 { orphans: 3; widows: 3 } h2, h3 { page-break-after: avoid } .navbar { display: none } .btn>.caret, .dropup>.btn>.caret { border-top-color: #000 !important } .label { border: 1px solid #000 } .table { border-collapse: collapse !important } .table td, .table th { background-color: #fff !important } .table-bordered th, .table-bordered td { border: 1px solid #ddd !important } } @font-face { font-family: "Glyphicons Halflings"; src: url("../../../../../themes/SuiteP/fonts/glyphicons-halflings-regular.eot"); src: url("../../../../../themes/SuiteP/fonts/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("../../../../../themes/SuiteP/fonts/glyphicons-halflings-regular.woff2") format("woff2"), url("../../../../../themes/SuiteP/fonts/glyphicons-halflings-regular.woff") format("woff"), url("../../../../../themes/SuiteP/fonts/glyphicons-halflings-regular.ttf") format("truetype"), url("../../../../../themes/SuiteP/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular") format("svg") } .glyphicon { position: relative; top: 1px; display: inline-block; font-family: "Glyphicons Halflings"; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .glyphicon-asterisk:before { content: "*" } .glyphicon-plus:before { content: "+" } .glyphicon-euro:before, .glyphicon-eur:before { content: "€" } .glyphicon-minus:before { content: "−" } .glyphicon-cloud:before { content: "☁" } .glyphicon-envelope:before { content: "✉" } .glyphicon-pencil:before { content: "✏" } .glyphicon-glass:before { content: "" } .glyphicon-music:before { content: "" } .glyphicon-search:before { content: "" } .glyphicon-heart:before { content: "" } .glyphicon-star:before { content: "" } .glyphicon-star-empty:before { content: "" } .glyphicon-user:before { content: "" } .glyphicon-film:before { content: "" } .glyphicon-th-large:before { content: "" } .glyphicon-th:before { content: "" } .glyphicon-th-list:before { content: "" } .glyphicon-ok:before { content: "" } .glyphicon-remove:before { content: "" } .glyphicon-zoom-in:before { content: "" } .glyphicon-zoom-out:before { content: "" } .glyphicon-off:before { content: "" } .glyphicon-signal:before { content: "" } .glyphicon-cog:before { content: "" } .glyphicon-trash:before { content: "" } .glyphicon-home:before { content: "" } .glyphicon-file:before { content: "" } .glyphicon-time:before { content: "" } .glyphicon-road:before { content: "" } .glyphicon-download-alt:before { content: "" } .glyphicon-download:before { content: "" } .glyphicon-upload:before { content: "" } .glyphicon-inbox:before { content: "" } .glyphicon-play-circle:before { content: "" } .glyphicon-repeat:before { content: "" } .glyphicon-refresh:before { content: "" } .glyphicon-list-alt:before { content: "" } .glyphicon-lock:before { content: "" } .glyphicon-flag:before { content: "" } .glyphicon-headphones:before { content: "" } .glyphicon-volume-off:before { content: "" } .glyphicon-volume-down:before { content: "" } .glyphicon-volume-up:before { content: "" } .glyphicon-qrcode:before { content: "" } .glyphicon-barcode:before { content: "" } .glyphicon-tag:before { content: "" } .glyphicon-tags:before { content: "" } .glyphicon-book:before { content: "" } .glyphicon-bookmark:before { content: "" } .glyphicon-print:before { content: "" } .glyphicon-camera:before { content: "" } .glyphicon-font:before { content: "" } .glyphicon-bold:before { content: "" } .glyphicon-italic:before { content: "" } .glyphicon-text-height:before { content: "" } .glyphicon-text-width:before { content: "" } .glyphicon-align-left:before { content: "" } .glyphicon-align-center:before { content: "" } .glyphicon-align-right:before { content: "" } .glyphicon-align-justify:before { content: "" } .glyphicon-list:before { content: "" } .glyphicon-indent-left:before { content: "" } .glyphicon-indent-right:before { content: "" } .glyphicon-facetime-video:before { content: "" } .glyphicon-picture:before { content: "" } .glyphicon-map-marker:before { content: "" } .glyphicon-adjust:before { content: "" } .glyphicon-tint:before { content: "" } .glyphicon-edit:before { content: "" } .glyphicon-share:before { content: "" } .glyphicon-check:before { content: "" } .glyphicon-move:before { content: "" } .glyphicon-step-backward:before { content: "" } .glyphicon-fast-backward:before { content: "" } .glyphicon-backward:before { content: "" } .glyphicon-play:before { content: "" } .glyphicon-pause:before { content: "" } .glyphicon-stop:before { content: "" } .glyphicon-forward:before { content: "" } .glyphicon-fast-forward:before { content: "" } .glyphicon-step-forward:before { content: "" } .glyphicon-eject:before { content: "" } .glyphicon-chevron-left:before { content: "" } .glyphicon-chevron-right:before { content: "" } .glyphicon-plus-sign:before { content: "" } .glyphicon-minus-sign:before { content: "" } .glyphicon-remove-sign:before { content: "" } .glyphicon-ok-sign:before { content: "" } .glyphicon-question-sign:before { content: "" } .glyphicon-info-sign:before { content: "" } .glyphicon-screenshot:before { content: "" } .glyphicon-remove-circle:before { content: "" } .glyphicon-ok-circle:before { content: "" } .glyphicon-ban-circle:before { content: "" } .glyphicon-arrow-left:before { content: "" } .glyphicon-arrow-right:before { content: "" } .glyphicon-arrow-up:before { content: "" } .glyphicon-arrow-down:before { content: "" } .glyphicon-share-alt:before { content: "" } .glyphicon-resize-full:before { content: "" } .glyphicon-resize-small:before { content: "" } .glyphicon-exclamation-sign:before { content: "" } .glyphicon-gift:before { content: "" } .glyphicon-leaf:before { content: "" } .glyphicon-fire:before { content: "" } .glyphicon-eye-open:before { content: "" } .glyphicon-eye-close:before { content: "" } .glyphicon-warning-sign:before { content: "" } .glyphicon-plane:before { content: "" } .glyphicon-calendar:before { content: "" } .glyphicon-random:before { content: "" } .glyphicon-comment:before { content: "" } .glyphicon-magnet:before { content: "" } .glyphicon-chevron-up:before { content: "" } .glyphicon-chevron-down:before { content: "" } .glyphicon-retweet:before { content: "" } .glyphicon-shopping-cart:before { content: "" } .glyphicon-folder-close:before { content: "" } .glyphicon-folder-open:before { content: "" } .glyphicon-resize-vertical:before { content: "" } .glyphicon-resize-horizontal:before { content: "" } .glyphicon-hdd:before { content: "" } .glyphicon-bullhorn:before { content: "" } .glyphicon-bell:before { content: "" } .glyphicon-certificate:before { content: "" } .glyphicon-thumbs-up:before { content: "" } .glyphicon-thumbs-down:before { content: "" } .glyphicon-hand-right:before { content: "" } .glyphicon-hand-left:before { content: "" } .glyphicon-hand-up:before { content: "" } .glyphicon-hand-down:before { content: "" } .glyphicon-circle-arrow-right:before { content: "" } .glyphicon-circle-arrow-left:before { content: "" } .glyphicon-circle-arrow-up:before { content: "" } .glyphicon-circle-arrow-down:before { content: "" } .glyphicon-globe:before { content: "" } .glyphicon-wrench:before { content: "" } .glyphicon-tasks:before { content: "" } .glyphicon-filter:before { content: "" } .glyphicon-briefcase:before { content: "" } .glyphicon-fullscreen:before { content: "" } .glyphicon-dashboard:before { content: "" } .glyphicon-paperclip:before { content: "" } .glyphicon-heart-empty:before { content: "" } .glyphicon-link:before { content: "" } .glyphicon-phone:before { content: "" } .glyphicon-pushpin:before { content: "" } .glyphicon-usd:before { content: "" } .glyphicon-gbp:before { content: "" } .glyphicon-sort:before { content: "" } .glyphicon-sort-by-alphabet:before { content: "" } .glyphicon-sort-by-alphabet-alt:before { content: "" } .glyphicon-sort-by-order:before { content: "" } .glyphicon-sort-by-order-alt:before { content: "" } .glyphicon-sort-by-attributes:before { content: "" } .glyphicon-sort-by-attributes-alt:before { content: "" } .glyphicon-unchecked:before { content: "" } .glyphicon-expand:before { content: "" } .glyphicon-collapse-down:before { content: "" } .glyphicon-collapse-up:before { content: "" } .glyphicon-log-in:before { content: "" } .glyphicon-flash:before { content: "" } .glyphicon-log-out:before { content: "" } .glyphicon-new-window:before { content: "" } .glyphicon-record:before { content: "" } .glyphicon-save:before { content: "" } .glyphicon-open:before { content: "" } .glyphicon-saved:before { content: "" } .glyphicon-import:before { content: "" } .glyphicon-export:before { content: "" } .glyphicon-send:before { content: "" } .glyphicon-floppy-disk:before { content: "" } .glyphicon-floppy-saved:before { content: "" } .glyphicon-floppy-remove:before { content: "" } .glyphicon-floppy-save:before { content: "" } .glyphicon-floppy-open:before { content: "" } .glyphicon-credit-card:before { content: "" } .glyphicon-transfer:before { content: "" } .glyphicon-cutlery:before { content: "" } .glyphicon-header:before { content: "" } .glyphicon-compressed:before { content: "" } .glyphicon-earphone:before { content: "" } .glyphicon-phone-alt:before { content: "" } .glyphicon-tower:before { content: "" } .glyphicon-stats:before { content: "" } .glyphicon-sd-video:before { content: "" } .glyphicon-hd-video:before { content: "" } .glyphicon-subtitles:before { content: "" } .glyphicon-sound-stereo:before { content: "" } .glyphicon-sound-dolby:before { content: "" } .glyphicon-sound-5-1:before { content: "" } .glyphicon-sound-6-1:before { content: "" } .glyphicon-sound-7-1:before { content: "" } .glyphicon-copyright-mark:before { content: "" } .glyphicon-registration-mark:before { content: "" } .glyphicon-cloud-download:before { content: "" } .glyphicon-cloud-upload:before { content: "" } .glyphicon-tree-conifer:before { content: "" } .glyphicon-tree-deciduous:before { content: "" } .glyphicon-cd:before { content: "" } .glyphicon-save-file:before { content: "" } .glyphicon-open-file:before { content: "" } .glyphicon-level-up:before { content: "" } .glyphicon-copy:before { content: "" } .glyphicon-paste:before { content: "" } .glyphicon-alert:before { content: "" } .glyphicon-equalizer:before { content: "" } .glyphicon-king:before { content: "" } .glyphicon-queen:before { content: "" } .glyphicon-pawn:before { content: "" } .glyphicon-bishop:before { content: "" } .glyphicon-knight:before { content: "" } .glyphicon-baby-formula:before { content: "" } .glyphicon-tent:before { content: "⛺" } .glyphicon-blackboard:before { content: "" } .glyphicon-bed:before { content: "" } .glyphicon-apple:before { content: "" } .glyphicon-erase:before { content: "" } .glyphicon-hourglass:before { content: "⌛" } .glyphicon-lamp:before { content: "" } .glyphicon-duplicate:before { content: "" } .glyphicon-piggy-bank:before { content: "" } .glyphicon-scissors:before { content: "" } .glyphicon-bitcoin:before { content: "" } .glyphicon-btc:before { content: "" } .glyphicon-xbt:before { content: "" } .glyphicon-yen:before { content: "¥" } .glyphicon-jpy:before { content: "¥" } .glyphicon-ruble:before { content: "₽" } .glyphicon-rub:before { content: "₽" } .glyphicon-scale:before { content: "" } .glyphicon-ice-lolly:before { content: "" } .glyphicon-ice-lolly-tasted:before { content: "" } .glyphicon-education:before { content: "" } .glyphicon-option-horizontal:before { content: "" } .glyphicon-option-vertical:before { content: "" } .glyphicon-menu-hamburger:before { content: "" } .glyphicon-modal-window:before { content: "" } .glyphicon-oil:before { content: "" } .glyphicon-grain:before { content: "" } .glyphicon-sunglasses:before { content: "" } .glyphicon-text-size:before { content: "" } .glyphicon-text-color:before { content: "" } .glyphicon-text-background:before { content: "" } .glyphicon-object-align-top:before { content: "" } .glyphicon-object-align-bottom:before { content: "" } .glyphicon-object-align-horizontal:before { content: "" } .glyphicon-object-align-left:before { content: "" } .glyphicon-object-align-vertical:before { content: "" } .glyphicon-object-align-right:before { content: "" } .glyphicon-triangle-right:before { content: "" } .glyphicon-triangle-left:before { content: "" } .glyphicon-triangle-bottom:before { content: "" } .glyphicon-triangle-top:before { content: "" } .glyphicon-console:before { content: "" } .glyphicon-superscript:before { content: "" } .glyphicon-subscript:before { content: "" } .glyphicon-menu-left:before { content: "" } .glyphicon-menu-right:before { content: "" } .glyphicon-menu-down:before { content: "" } .glyphicon-menu-up:before { content: "" } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } html { font-size: 10px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0) } body { font-family: "Inter", sans-serif; font-optical-sizing: auto; font-weight: 200; font-style: normal; font-size: 14px; line-height: 1.428571429; color: #333; background-color: #FFFFFF } input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit } a { color: #F08377; text-decoration: none } a:hover, a:focus { color: #545f68; text-decoration: underline } a:focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px } figure { margin: 0 } img { vertical-align: middle } .img-responsive { display: block; max-width: 100%; height: auto } .img-rounded { border-radius: 6px } .img-thumbnail { padding: 4px; line-height: 1.428571429; background-color: #FFFFFF; border: 1px solid #DDDDDD; border-radius: 4px; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; display: inline-block; max-width: 100%; height: auto } .img-circle { border-radius: 50% } hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eee } .sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0 } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto } [role="button"] { cursor: pointer } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: inherit; font-weight: 500; line-height: 1.1; color: inherit } h1 small, h1 .small, h2 small, h2 .small, h3 small, h3 .small, h4 small, h4 .small, h5 small, h5 .small, h6 small, h6 .small, .h1 small, .h1 .small, .h2 small, .h2 .small, .h3 small, .h3 .small, .h4 small, .h4 .small, .h5 small, .h5 .small, .h6 small, .h6 .small { font-weight: normal; line-height: 1; color: #777 } h1, .h1, h2, .h2, h3, .h3 { margin-top: 20px; margin-bottom: 10px } h1 small, h1 .small, .h1 small, .h1 .small, h2 small, h2 .small, .h2 small, .h2 .small, h3 small, h3 .small, .h3 small, .h3 .small { font-size: 65% } h4, .h4, h5, .h5, h6, .h6 { margin-top: 10px; margin-bottom: 10px } h4 small, h4 .small, .h4 small, .h4 .small, h5 small, h5 .small, .h5 small, .h5 .small, h6 small, h6 .small, .h6 small, .h6 .small { font-size: 75% } h1, .h1 { font-size: 30px } h2, .h2 { font-size: 24px } h3, .h3 { font-size: 19px } h4, .h4 { font-size: 16px } h5, .h5 { font-size: 14px } h6, .h6 { font-size: 12px } p { margin: 0 0 10px } .lead { margin-bottom: 20px; font-size: 16px; font-weight: 300; line-height: 1.4 } @media (min-width: 768px) { .lead { font-size: 21px } } small, .small { font-size: 85% } mark, .mark { background-color: #FCF8E3; padding: 0.2em } .text-left { text-align: left } .text-right { text-align: right } .text-center { text-align: center } .text-justify { text-align: justify } .text-nowrap { white-space: nowrap } .text-lowercase { text-transform: lowercase } .text-uppercase, .initialism { text-transform: uppercase } .text-capitalize { text-transform: capitalize } .text-muted { color: #6A7282 } .text-primary { color: #778591 } a.text-primary:hover, a.text-primary:focus { color: #5f6b76 } .text-success { color: #3C763D } a.text-success:hover, a.text-success:focus { color: #2b542c } .text-info { color: #31708F } a.text-info:hover, a.text-info:focus { color: #245269 } .text-warning { color: #8A6D3B } a.text-warning:hover, a.text-warning:focus { color: #66512c } .text-danger { color: var(--danger) } a.text-danger:hover, a.text-danger:focus { color: #843534 } .bg-primary { color: #fff } .bg-primary { background-color: #778591 } a.bg-primary:hover, a.bg-primary:focus { background-color: #5f6b76 } .bg-success { background-color: #DFF0D8 } a.bg-success:hover, a.bg-success:focus { background-color: #c1e2b3 } .bg-info { background-color: #D9EDF7 } a.bg-info:hover, a.bg-info:focus { background-color: #afd9ee } .bg-warning { background-color: #FCF8E3 } a.bg-warning:hover, a.bg-warning:focus { background-color: #f7ecb5 } .bg-danger { background-color: #F2DEDE } a.bg-danger:hover, a.bg-danger:focus { background-color: #e4b9b9 } .page-header { padding-bottom: 9px; margin: 40px 0 20px; border-bottom: 1px solid #eee } ul, ol { margin-top: 0; margin-bottom: 10px } ul ul, ul ol, ol ul, ol ol { margin-bottom: 0 } .list-unstyled { padding-left: 0; list-style: none } .list-inline { padding-left: 0; list-style: none; margin-left: -5px } .list-inline>li { display: inline-block; padding-left: 5px; padding-right: 5px } dl { margin-top: 0; margin-bottom: 20px } dt, dd { line-height: 1.428571429 } dt { font-weight: bold } dd { margin-left: 0 } .dl-horizontal dd:before, .dl-horizontal dd:after { content: " "; display: table } .dl-horizontal dd:after { clear: both } @media (min-width: 768px) { .dl-horizontal dt { float: left; width: 160px; clear: left; text-align: right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .dl-horizontal dd { margin-left: 180px } } abbr[title], abbr[data-original-title] { cursor: help; border-bottom: 1px dotted #777 } .initialism { font-size: 90% } blockquote { padding: 10px 20px; margin: 0 0 20px; font-size: 17.5px; border-left: 5px solid #eee } blockquote p:last-child, blockquote ul:last-child, blockquote ol:last-child { margin-bottom: 0 } blockquote footer, blockquote small, blockquote .small { display: block; font-size: 80%; line-height: 1.428571429; color: #777 } blockquote footer:before, blockquote small:before, blockquote .small:before { content: "— " } .blockquote-reverse, blockquote.pull-right { padding-right: 15px; padding-left: 0; border-right: 5px solid #eee; border-left: 0; text-align: right } .blockquote-reverse footer:before, .blockquote-reverse small:before, .blockquote-reverse .small:before, blockquote.pull-right footer:before, blockquote.pull-right small:before, blockquote.pull-right .small:before { content: "" } .blockquote-reverse footer:after, .blockquote-reverse small:after, .blockquote-reverse .small:after, blockquote.pull-right footer:after, blockquote.pull-right small:after, blockquote.pull-right .small:after { content: " —" } address { margin-bottom: 20px; font-style: normal; line-height: 1.428571429 } code, kbd, pre, samp { font-family: Menlo, Monaco, Consolas, "Courier New", monospace } code { padding: 2px 4px; font-size: 90%; color: #C7254E; background-color: #F9F2F4; border-radius: 4px } kbd { padding: 2px 4px; font-size: 90%; color: #FFFFFF; background-color: #333333; border-radius: 3px; box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25) } kbd kbd { padding: 0; font-size: 100%; font-weight: bold; box-shadow: none } pre { display: block; padding: 9.5px; margin: 0 0 10px; font-size: 13px; line-height: 1.428571429; word-break: break-all; word-wrap: break-word; color: #333; background-color: #F5F5F5; border: 1px solid #CCCCCC; border-radius: 4px } pre code { padding: 0; font-size: inherit; color: inherit; white-space: pre-wrap; background-color: transparent; border-radius: 0 } .pre-scrollable { max-height: 340px; overflow-y: scroll } .container { margin-right: auto; margin-left: auto; padding-left: 2px; padding-right: 3px } .container:before, .container:after { content: " "; display: table } .container:after { clear: both } @media (min-width: 768px) { .container { width: 725px } } @media (min-width: 992px) { .container { width: 945px } } @media (min-width: 1250px) { .dg-panel input.form-control, .dg-panel select.form-control { height: 36px !important; } .container { width: 1145px; } .dg-panel select { background-color: #ffffff !important; border: 1px solid #d0d0d0 !important; border-radius: 4px !important; padding: 6px 10px !important; box-shadow: none !important; color: #222 !important; -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important; background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12'><path d='M2 4l4 4 4-4' stroke='%23666' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/></svg>") !important; background-repeat: no-repeat !important; background-position: right 10px center !important; background-size: 12px !important; padding-right: 34px !important; height: 36px !important; } } .dg-panel .filters-section .row { margin-bottom: 8px; } .dg-panel .filters-section .form-control { width: 100% !important; background-color: #ffffff !important; border: 1px solid #d0d0d0 !important; border-radius: 4px !important; padding: 6px 10px !important; box-shadow: none !important; color: #222 !important; -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important; height: 36px !important; box-sizing: border-box !important; } .dg-panel .filters-section select.form-control { background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12'><path d='M2 4l4 4 4-4' stroke='%23666' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/></svg>") !important; background-repeat: no-repeat !important; background-position: right 10px center !important; background-size: 12px !important; padding-right: 34px !important; } .dg-panel .filters-section textarea.form-control { min-height: 80px !important; height: auto !important; } .dg-panel .filters-section .btn { height: 36px !important; } @media (max-width: 575px) { .dg-panel .filters-section .col-xs-6, .dg-panel .filters-section .col-xs-12 { width: 100% !important; padding-left: 0 !important; padding-right: 0 !important; } } .dg-panel .filters-section { clear: both; } .dg-panel .filters-section .col-sm-6 { width: 100% !important; float: none !important; display: block !important; padding-left: 0 !important; padding-right: 0 !important; } .dg-panel .filters-section .dg-field { margin-bottom: 12px !important; } .dg-panel .filters-section .dg-field label { display: block !important; margin-bottom: 6px !important; font-weight: 500 !important; color: #333 !important; } .dg-panel .filters-section .dg-filter-input>* { width: 100% !important; background-color: #ffffff !important; border: 1px solid #d0d0d0 !important; border-radius: 4px !important; padding: 6px 10px !important; box-shadow: none !important; color: #222 !important; -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important; height: 36px !important; box-sizing: border-box !important; } .dg-panel .filters-section .dg-filter-input select, .dg-panel .filters-section .dg-filter-input>select { background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12'><path d='M2 4l4 4 4-4' stroke='%23666' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/></svg>") !important; background-repeat: no-repeat !important; background-position: right 10px center !important; background-size: 12px !important; padding-right: 34px !important; } .dg-panel .filters-section .dg-filter-input textarea, .dg-panel .filters-section .dg-filter-input>textarea { min-height: 80px !important; height: auto !important; padding: 8px 10px !important; } .dg-panel .filters-section .dg-checkbox label { display: inline-block !important; font-weight: 400 !important; } .dg-panel .dg-actions { padding-top: 8px; padding-bottom: 8px; } .dg-panel .dg-actions-right { text-align: right; } .container-fluid { margin-right: auto; margin-left: auto; padding-left: 2px; padding-right: 3px } .container-fluid:before, .container-fluid:after { content: " "; display: table } .container-fluid:after { clear: both } .row { margin-left: -2px; margin-right: -3px } .row:before, .row:after { content: " "; display: table } .row:after { clear: both } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-left: 3px; padding-right: 2px } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left } .col-xs-1 { width: 8.3333333333% } .col-xs-2 { width: 16.6666666667% } .col-xs-3 { width: 25% } .col-xs-4 { width: 33.3333333333% } .col-xs-5 { width: 41.6666666667% } .col-xs-6 { width: 50% } .col-xs-7 { width: 58.3333333333% } .col-xs-8 { width: 66.6666666667% } .col-xs-9 { width: 75% } .col-xs-10 { width: 83.3333333333% } .col-xs-11 { width: 91.6666666667% } .col-xs-12 { width: 100% } .col-xs-pull-0 { right: auto } .col-xs-pull-1 { right: 8.3333333333% } .col-xs-pull-2 { right: 16.6666666667% } .col-xs-pull-3 { right: 25% } .col-xs-pull-4 { right: 33.3333333333% } .col-xs-pull-5 { right: 41.6666666667% } .col-xs-pull-6 { right: 50% } .col-xs-pull-7 { right: 58.3333333333% } .col-xs-pull-8 { right: 66.6666666667% } .col-xs-pull-9 { right: 75% } .col-xs-pull-10 { right: 83.3333333333% } .col-xs-pull-11 { right: 91.6666666667% } .col-xs-pull-12 { right: 100% } .col-xs-push-0 { left: auto } .col-xs-push-1 { left: 8.3333333333% } .col-xs-push-2 { left: 16.6666666667% } .col-xs-push-3 { left: 25% } .col-xs-push-4 { left: 33.3333333333% } .col-xs-push-5 { left: 41.6666666667% } .col-xs-push-6 { left: 50% } .col-xs-push-7 { left: 58.3333333333% } .col-xs-push-8 { left: 66.6666666667% } .col-xs-push-9 { left: 75% } .col-xs-push-10 { left: 83.3333333333% } .col-xs-push-11 { left: 91.6666666667% } .col-xs-push-12 { left: 100% } .col-xs-offset-0 { margin-left: 0% } .col-xs-offset-1 { margin-left: 8.3333333333% } .col-xs-offset-2 { margin-left: 16.6666666667% } .col-xs-offset-3 { margin-left: 25% } .col-xs-offset-4 { margin-left: 33.3333333333% } .col-xs-offset-5 { margin-left: 41.6666666667% } .col-xs-offset-6 { margin-left: 50% } .col-xs-offset-7 { margin-left: 58.3333333333% } .col-xs-offset-8 { margin-left: 66.6666666667% } .col-xs-offset-9 { margin-left: 75% } .col-xs-offset-10 { margin-left: 83.3333333333% } .col-xs-offset-11 { margin-left: 91.6666666667% } .col-xs-offset-12 { margin-left: 100% } @media (min-width: 768px) { .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 { float: left } .col-sm-1 { width: 8.3333333333% } .col-sm-2 { width: 16.6666666667% } .col-sm-3 { width: 25% } .col-sm-4 { width: 33.3333333333% } .col-sm-5 { width: 41.6666666667% } .col-sm-6 { width: 50% } .col-sm-7 { width: 58.3333333333% } .col-sm-8 { width: 66.6666666667% } .col-sm-9 { width: 75% } .col-sm-10 { width: 83.3333333333% } .col-sm-11 { width: 91.6666666667% } .col-sm-12 { width: 100% } .col-sm-pull-0 { right: auto } .col-sm-pull-1 { right: 8.3333333333% } .col-sm-pull-2 { right: 16.6666666667% } .col-sm-pull-3 { right: 25% } .col-sm-pull-4 { right: 33.3333333333% } .col-sm-pull-5 { right: 41.6666666667% } .col-sm-pull-6 { right: 50% } .col-sm-pull-7 { right: 58.3333333333% } .col-sm-pull-8 { right: 66.6666666667% } .col-sm-pull-9 { right: 75% } .col-sm-pull-10 { right: 83.3333333333% } .col-sm-pull-11 { right: 91.6666666667% } .col-sm-pull-12 { right: 100% } .col-sm-push-0 { left: auto } .col-sm-push-1 { left: 8.3333333333% } .col-sm-push-2 { left: 16.6666666667% } .col-sm-push-3 { left: 25% } .col-sm-push-4 { left: 33.3333333333% } .col-sm-push-5 { left: 41.6666666667% } .col-sm-push-6 { left: 50% } .col-sm-push-7 { left: 58.3333333333% } .col-sm-push-8 { left: 66.6666666667% } .col-sm-push-9 { left: 75% } .col-sm-push-10 { left: 83.3333333333% } .col-sm-push-11 { left: 91.6666666667% } .col-sm-push-12 { left: 100% } .col-sm-offset-0 { margin-left: 0% } .col-sm-offset-1 { margin-left: 8.3333333333% } .col-sm-offset-2 { margin-left: 16.6666666667% } .col-sm-offset-3 { margin-left: 25% } .col-sm-offset-4 { margin-left: 33.3333333333% } .col-sm-offset-5 { margin-left: 41.6666666667% } .col-sm-offset-6 { margin-left: 50% } .col-sm-offset-7 { margin-left: 58.3333333333% } .col-sm-offset-8 { margin-left: 66.6666666667% } .col-sm-offset-9 { margin-left: 75% } .col-sm-offset-10 { margin-left: 83.3333333333% } .col-sm-offset-11 { margin-left: 91.6666666667% } .col-sm-offset-12 { margin-left: 100% } } @media (min-width: 992px) { .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 { float: left } .col-md-1 { width: 8.3333333333% } .col-md-2 { width: 16.6666666667% } .col-md-3 { width: 25% } .col-md-4 { width: 33.3333333333% } .col-md-5 { width: 41.6666666667% } .col-md-6 { width: 50% } .col-md-7 { width: 58.3333333333% } .col-md-8 { width: 66.6666666667% } .col-md-9 { width: 75% } .col-md-10 { width: 83.3333333333% } .col-md-11 { width: 91.6666666667% } .col-md-12 { width: 100% } .col-md-pull-0 { right: auto } .col-md-pull-1 { right: 8.3333333333% } .col-md-pull-2 { right: 16.6666666667% } .col-md-pull-3 { right: 25% } .col-md-pull-4 { right: 33.3333333333% } .col-md-pull-5 { right: 41.6666666667% } .col-md-pull-6 { right: 50% } .col-md-pull-7 { right: 58.3333333333% } .col-md-pull-8 { right: 66.6666666667% } .col-md-pull-9 { right: 75% } .col-md-pull-10 { right: 83.3333333333% } .col-md-pull-11 { right: 91.6666666667% } .col-md-pull-12 { right: 100% } .col-md-push-0 { left: auto } .col-md-push-1 { left: 8.3333333333% } .col-md-push-2 { left: 16.6666666667% } .col-md-push-3 { left: 25% } .col-md-push-4 { left: 33.3333333333% } .col-md-push-5 { left: 41.6666666667% } .col-md-push-6 { left: 50% } .col-md-push-7 { left: 58.3333333333% } .col-md-push-8 { left: 66.6666666667% } .col-md-push-9 { left: 75% } .col-md-push-10 { left: 83.3333333333% } .col-md-push-11 { left: 91.6666666667% } .col-md-push-12 { left: 100% } .col-md-offset-0 { margin-left: 0% } .col-md-offset-1 { margin-left: 8.3333333333% } .col-md-offset-2 { margin-left: 16.6666666667% } .col-md-offset-3 { margin-left: 25% } .col-md-offset-4 { margin-left: 33.3333333333% } .col-md-offset-5 { margin-left: 41.6666666667% } .col-md-offset-6 { margin-left: 50% } .col-md-offset-7 { margin-left: 58.3333333333% } .col-md-offset-8 { margin-left: 66.6666666667% } .col-md-offset-9 { margin-left: 75% } .col-md-offset-10 { margin-left: 83.3333333333% } .col-md-offset-11 { margin-left: 91.6666666667% } .col-md-offset-12 { margin-left: 100% } } @media (min-width: 1250px) { .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 { float: left } .col-lg-1 { width: 8.3333333333% } .col-lg-2 { width: 16.6666666667% } .col-lg-3 { width: 25% } .col-lg-4 { width: 33.3333333333% } .col-lg-5 { width: 41.6666666667% } .col-lg-6 { width: 50% } .col-lg-7 { width: 58.3333333333% } .col-lg-8 { width: 66.6666666667% } .col-lg-9 { width: 75% } .col-lg-10 { width: 83.3333333333% } .col-lg-11 { width: 91.6666666667% } .col-lg-12 { width: 100% } .col-lg-pull-0 { right: auto } .col-lg-pull-1 { right: 8.3333333333% } .col-lg-pull-2 { right: 16.6666666667% } .col-lg-pull-3 { right: 25% } .col-lg-pull-4 { right: 33.3333333333% } .col-lg-pull-5 { right: 41.6666666667% } .col-lg-pull-6 { right: 50% } .col-lg-pull-7 { right: 58.3333333333% } .col-lg-pull-8 { right: 66.6666666667% } .col-lg-pull-9 { right: 75% } .col-lg-pull-10 { right: 83.3333333333% } .col-lg-pull-11 { right: 91.6666666667% } .col-lg-pull-12 { right: 100% } .col-lg-push-0 { left: auto } .col-lg-push-1 { left: 8.3333333333% } .col-lg-push-2 { left: 16.6666666667% } .col-lg-push-3 { left: 25% } .col-lg-push-4 { left: 33.3333333333% } .col-lg-push-5 { left: 41.6666666667% } .col-lg-push-6 { left: 50% } .col-lg-push-7 { left: 58.3333333333% } .col-lg-push-8 { left: 66.6666666667% } .col-lg-push-9 { left: 75% } .col-lg-push-10 { left: 83.3333333333% } .col-lg-push-11 { left: 91.6666666667% } .col-lg-push-12 { left: 100% } .col-lg-offset-0 { margin-left: 0% } .col-lg-offset-1 { margin-left: 8.3333333333% } .col-lg-offset-2 { margin-left: 16.6666666667% } .col-lg-offset-3 { margin-left: 25% } .col-lg-offset-4 { margin-left: 33.3333333333% } .col-lg-offset-5 { margin-left: 41.6666666667% } .col-lg-offset-6 { margin-left: 50% } .col-lg-offset-7 { margin-left: 58.3333333333% } .col-lg-offset-8 { margin-left: 66.6666666667% } .col-lg-offset-9 { margin-left: 75% } .col-lg-offset-10 { margin-left: 83.3333333333% } .col-lg-offset-11 { margin-left: 91.6666666667% } .col-lg-offset-12 { margin-left: 100% } } table { background-color: transparent } caption { padding-top: 8px; padding-bottom: 8px; color: #777; text-align: left } th { text-align: left } .table { width: 100%; max-width: 100%; margin-bottom: 20px } .table>thead>tr>th, .table>thead>tr>td, .table>tbody>tr>th, .table>tbody>tr>td, .table>tfoot>tr>th, .table>tfoot>tr>td { padding: 8px; line-height: 1.428571429; vertical-align: top; border-top: 1px solid #DDDDDD } .table>thead>tr>th { vertical-align: bottom; border-bottom: 2px solid #DDDDDD } .table>caption+thead>tr:first-child>th, .table>caption+thead>tr:first-child>td, .table>colgroup+thead>tr:first-child>th, .table>colgroup+thead>tr:first-child>td, .table>thead:first-child>tr:first-child>th, .table>thead:first-child>tr:first-child>td { border-top: 0 } .table>tbody+tbody { border-top: 2px solid #DDDDDD } .table .table { background-color: #FFFFFF } .table-condensed>thead>tr>th, .table-condensed>thead>tr>td, .table-condensed>tbody>tr>th, .table-condensed>tbody>tr>td, .table-condensed>tfoot>tr>th, .table-condensed>tfoot>tr>td { padding: 5px } .table-bordered { border: 1px solid #DDDDDD } .table-bordered>thead>tr>th, .table-bordered>thead>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tbody>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>tfoot>tr>td { border: 1px solid #DDDDDD } .table-bordered>thead>tr>th, .table-bordered>thead>tr>td { border-bottom-width: 2px } .table-striped>tbody>tr:nth-of-type(odd) { background-color: #F9F9F9 } .table-hover>tbody>tr:hover { background-color: #F5F5F5 } table col[class*="col-"] { position: static; float: none; display: table-column } table td[class*="col-"], table th[class*="col-"] { position: static; float: none; display: table-cell } .table>thead>tr>td.active, .table>thead>tr>th.active, .table>thead>tr.active>td, .table>thead>tr.active>th, .table>tbody>tr>td.active, .table>tbody>tr>th.active, .table>tbody>tr.active>td, .table>tbody>tr.active>th, .table>tfoot>tr>td.active, .table>tfoot>tr>th.active, .table>tfoot>tr.active>td, .table>tfoot>tr.active>th { background-color: #F5F5F5 } .table-hover>tbody>tr>td.active:hover, .table-hover>tbody>tr>th.active:hover, .table-hover>tbody>tr.active:hover>td, .table-hover>tbody>tr:hover>.active, .table-hover>tbody>tr.active:hover>th { background-color: #e8e8e8 } .table>thead>tr>td.success, .table>thead>tr>th.success, .table>thead>tr.success>td, .table>thead>tr.success>th, .table>tbody>tr>td.success, .table>tbody>tr>th.success, .table>tbody>tr.success>td, .table>tbody>tr.success>th, .table>tfoot>tr>td.success, .table>tfoot>tr>th.success, .table>tfoot>tr.success>td, .table>tfoot>tr.success>th { background-color: #DFF0D8 } .table-hover>tbody>tr>td.success:hover, .table-hover>tbody>tr>th.success:hover, .table-hover>tbody>tr.success:hover>td, .table-hover>tbody>tr:hover>.success, .table-hover>tbody>tr.success:hover>th { background-color: #d0e9c6 } .table>thead>tr>td.info, .table>thead>tr>th.info, .table>thead>tr.info>td, .table>thead>tr.info>th, .table>tbody>tr>td.info, .table>tbody>tr>th.info, .table>tbody>tr.info>td, .table>tbody>tr.info>th, .table>tfoot>tr>td.info, .table>tfoot>tr>th.info, .table>tfoot>tr.info>td, .table>tfoot>tr.info>th { background-color: #D9EDF7 } .table-hover>tbody>tr>td.info:hover, .table-hover>tbody>tr>th.info:hover, .table-hover>tbody>tr.info:hover>td, .table-hover>tbody>tr:hover>.info, .table-hover>tbody>tr.info:hover>th { background-color: #c4e3f3 } .table>thead>tr>td.warning, .table>thead>tr>th.warning, .table>thead>tr.warning>td, .table>thead>tr.warning>th, .table>tbody>tr>td.warning, .table>tbody>tr>th.warning, .table>tbody>tr.warning>td, .table>tbody>tr.warning>th, .table>tfoot>tr>td.warning, .table>tfoot>tr>th.warning, .table>tfoot>tr.warning>td, .table>tfoot>tr.warning>th { background-color: #FCF8E3 } .table-hover>tbody>tr>td.warning:hover, .table-hover>tbody>tr>th.warning:hover, .table-hover>tbody>tr.warning:hover>td, .table-hover>tbody>tr:hover>.warning, .table-hover>tbody>tr.warning:hover>th { background-color: #faf2cc } .table>thead>tr>td.danger, .table>thead>tr>th.danger, .table>thead>tr.danger>td, .table>thead>tr.danger>th, .table>tbody>tr>td.danger, .table>tbody>tr>th.danger, .table>tbody>tr.danger>td, .table>tbody>tr.danger>th, .table>tfoot>tr>td.danger, .table>tfoot>tr>th.danger, .table>tfoot>tr.danger>td, .table>tfoot>tr.danger>th { background-color: #F2DEDE } .table-hover>tbody>tr>td.danger:hover, .table-hover>tbody>tr>th.danger:hover, .table-hover>tbody>tr.danger:hover>td, .table-hover>tbody>tr:hover>.danger, .table-hover>tbody>tr.danger:hover>th { background-color: #ebcccc } .table-responsive { overflow-x: auto; min-height: 0.01% } @media screen and (max-width: 767px) { .table-responsive { width: 100%; margin-bottom: 15px; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #DDDDDD } .table-responsive>.table { margin-bottom: 0 } .table-responsive>.table>thead>tr>th, .table-responsive>.table>thead>tr>td, .table-responsive>.table>tbody>tr>th, .table-responsive>.table>tbody>tr>td, .table-responsive>.table>tfoot>tr>th, .table-responsive>.table>tfoot>tr>td { white-space: nowrap } .table-responsive>.table-bordered { border: 0 } .table-responsive>.table-bordered>thead>tr>th:first-child, .table-responsive>.table-bordered>thead>tr>td:first-child, .table-responsive>.table-bordered>tbody>tr>th:first-child, .table-responsive>.table-bordered>tbody>tr>td:first-child, .table-responsive>.table-bordered>tfoot>tr>th:first-child, .table-responsive>.table-bordered>tfoot>tr>td:first-child { border-left: 0 } .table-responsive>.table-bordered>thead>tr>th:last-child, .table-responsive>.table-bordered>thead>tr>td:last-child, .table-responsive>.table-bordered>tbody>tr>th:last-child, .table-responsive>.table-bordered>tbody>tr>td:last-child, .table-responsive>.table-bordered>tfoot>tr>th:last-child, .table-responsive>.table-bordered>tfoot>tr>td:last-child { border-right: 0 } .table-responsive>.table-bordered>tbody>tr:last-child>th, .table-responsive>.table-bordered>tbody>tr:last-child>td, .table-responsive>.table-bordered>tfoot>tr:last-child>th, .table-responsive>.table-bordered>tfoot>tr:last-child>td { border-bottom: 0 } } fieldset { padding: 0; margin: 0; border: 0; min-width: 0 } legend { display: block; width: 100%; padding: 0; margin-bottom: 20px; font-size: 21px; line-height: inherit; color: #333; border: 0; border-bottom: 1px solid #E5E5E5 } label { display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: 500; } input[type="search"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } input[type="radio"], input[type="checkbox"] { margin: 4px 0 0; margin-top: 1px \9; line-height: normal } input[type="file"] { display: block } input[type="range"] { display: block; width: 100% } select[multiple], select[size] { height: auto } input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px } output { display: block; padding-top: 7px; font-size: 14px; line-height: 1.428571429; color: #555 } .form-control { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.428571429; color: #555; background-image: none; border-radius: 8px !important; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s } .form-control:focus { border-color: #A5E8D6; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(165, 232, 214, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(165, 232, 214, 0.6) } .form-control::-moz-placeholder { color: #999999; opacity: 1 } .form-control:-ms-input-placeholder { color: #999999 } .form-control::-webkit-input-placeholder { color: #999999 } .form-control::-ms-expand { border: 0; background-color: transparent } .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { background-color: #eee; opacity: 1 } .form-control[disabled], fieldset[disabled] .form-control { cursor: not-allowed } textarea.form-control { height: auto } input[type="search"] { -webkit-appearance: none } @media screen and (-webkit-min-device-pixel-ratio: 0) { input[type="date"].form-control, input[type="time"].form-control, input[type="datetime-local"].form-control, input[type="month"].form-control { line-height: 34px } input[type="date"].input-sm, .input-group-sm>input.form-control[type="date"], .input-group-sm>input.input-group-addon[type="date"], .input-group-sm>.input-group-btn>input.btn[type="date"], .input-group-sm input[type="date"], input[type="time"].input-sm, .input-group-sm>input.form-control[type="time"], .input-group-sm>input.input-group-addon[type="time"], .input-group-sm>.input-group-btn>input.btn[type="time"], .input-group-sm input[type="time"], input[type="datetime-local"].input-sm, .input-group-sm>input.form-control[type="datetime-local"], .input-group-sm>input.input-group-addon[type="datetime-local"], .input-group-sm>.input-group-btn>input.btn[type="datetime-local"], .input-group-sm input[type="datetime-local"], input[type="month"].input-sm, .input-group-sm>input.form-control[type="month"], .input-group-sm>input.input-group-addon[type="month"], .input-group-sm>.input-group-btn>input.btn[type="month"], .input-group-sm input[type="month"] { line-height: 30px } input[type="date"].input-lg, .input-group-lg>input.form-control[type="date"], .input-group-lg>input.input-group-addon[type="date"], .input-group-lg>.input-group-btn>input.btn[type="date"], .input-group-lg input[type="date"], input[type="time"].input-lg, .input-group-lg>input.form-control[type="time"], .input-group-lg>input.input-group-addon[type="time"], .input-group-lg>.input-group-btn>input.btn[type="time"], .input-group-lg input[type="time"], input[type="datetime-local"].input-lg, .input-group-lg>input.form-control[type="datetime-local"], .input-group-lg>input.input-group-addon[type="datetime-local"], .input-group-lg>.input-group-btn>input.btn[type="datetime-local"], .input-group-lg input[type="datetime-local"], input[type="month"].input-lg, .input-group-lg>input.form-control[type="month"], .input-group-lg>input.input-group-addon[type="month"], .input-group-lg>.input-group-btn>input.btn[type="month"], .input-group-lg input[type="month"] { line-height: 46px } } .form-group { margin-bottom: 15px; width: 100%; } .radio, .checkbox { position: relative; display: block; margin-top: 10px; margin-bottom: 10px } .radio label, .checkbox label { min-height: 20px; padding-left: 20px; margin-bottom: 0; font-weight: normal; cursor: pointer } .radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] { position: absolute; margin-left: -20px; margin-top: 4px \9 } .radio+.radio, .checkbox+.checkbox { margin-top: -5px } .radio-inline, .checkbox-inline { position: relative; display: inline-block; padding-left: 20px; margin-bottom: 0; vertical-align: middle; font-weight: normal; cursor: pointer } .radio-inline+.radio-inline, .checkbox-inline+.checkbox-inline { margin-top: 0; margin-left: 10px } input[type="radio"][disabled], input[type="radio"].disabled, fieldset[disabled] input[type="radio"], input[type="checkbox"][disabled], input[type="checkbox"].disabled, fieldset[disabled] input[type="checkbox"] { cursor: not-allowed } .radio-inline.disabled, fieldset[disabled] .radio-inline, .checkbox-inline.disabled, fieldset[disabled] .checkbox-inline { cursor: not-allowed } .radio.disabled label, fieldset[disabled] .radio label, .checkbox.disabled label, fieldset[disabled] .checkbox label { cursor: not-allowed } .form-control-static { padding-top: 7px; padding-bottom: 7px; margin-bottom: 0; min-height: 34px } .form-control-static.input-lg, .input-group-lg>.form-control-static.form-control, .input-group-lg>.form-control-static.input-group-addon, .input-group-lg>.input-group-btn>.form-control-static.btn, .form-control-static.input-sm, .input-group-sm>.form-control-static.form-control, .input-group-sm>.form-control-static.input-group-addon, .input-group-sm>.input-group-btn>.form-control-static.btn { padding-left: 0; padding-right: 0 } .input-sm, .input-group-sm>.form-control, .input-group-sm>.input-group-addon, .input-group-sm>.input-group-btn>.btn { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px } select.input-sm, .input-group-sm>select.form-control, .input-group-sm>select.input-group-addon, .input-group-sm>.input-group-btn>select.btn { height: 30px; line-height: 30px } textarea.input-sm, .input-group-sm>textarea.form-control, .input-group-sm>textarea.input-group-addon, .input-group-sm>.input-group-btn>textarea.btn, select[multiple].input-sm, .input-group-sm>select.form-control[multiple], .input-group-sm>select.input-group-addon[multiple], .input-group-sm>.input-group-btn>select.btn[multiple] { height: auto } .form-group-sm .form-control { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px } .form-group-sm select.form-control { height: 30px; line-height: 30px } .form-group-sm textarea.form-control, .form-group-sm select[multiple].form-control { height: auto } .form-group-sm .form-control-static { height: 30px; min-height: 32px; padding: 6px 10px; font-size: 12px; line-height: 1.5 } .input-lg, .input-group-lg>.form-control, .input-group-lg>.input-group-addon, .input-group-lg>.input-group-btn>.btn { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px } select.input-lg, .input-group-lg>select.form-control, .input-group-lg>select.input-group-addon, .input-group-lg>.input-group-btn>select.btn { height: 46px; line-height: 46px } textarea.input-lg, .input-group-lg>textarea.form-control, .input-group-lg>textarea.input-group-addon, .input-group-lg>.input-group-btn>textarea.btn, select[multiple].input-lg, .input-group-lg>select.form-control[multiple], .input-group-lg>select.input-group-addon[multiple], .input-group-lg>.input-group-btn>select.btn[multiple] { height: auto } .form-group-lg .form-control { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px } .form-group-lg select.form-control { height: 46px; line-height: 46px } .form-group-lg textarea.form-control, .form-group-lg select[multiple].form-control { height: auto } .form-group-lg .form-control-static { height: 46px; min-height: 38px; padding: 11px 16px; font-size: 18px; line-height: 1.3333333 } .has-feedback { position: relative } .has-feedback .form-control { padding-right: 42.5px } .form-control-feedback { position: absolute; top: 0; right: 0; z-index: 2; display: block; width: 34px; height: 34px; line-height: 34px; text-align: center; pointer-events: none } .input-lg+.form-control-feedback, .input-group-lg>.form-control+.form-control-feedback, .input-group-lg>.input-group-addon+.form-control-feedback, .input-group-lg>.input-group-btn>.btn+.form-control-feedback, .input-group-lg+.form-control-feedback, .form-group-lg .form-control+.form-control-feedback { width: 46px; height: 46px; line-height: 46px } .input-sm+.form-control-feedback, .input-group-sm>.form-control+.form-control-feedback, .input-group-sm>.input-group-addon+.form-control-feedback, .input-group-sm>.input-group-btn>.btn+.form-control-feedback, .input-group-sm+.form-control-feedback, .form-group-sm .form-control+.form-control-feedback { width: 30px; height: 30px; line-height: 30px } .has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline, .has-success.radio label, .has-success.checkbox label, .has-success.radio-inline label, .has-success.checkbox-inline label { color: #3C763D } .has-success .form-control { border-color: #3C763D; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) } .has-success .form-control:focus { border-color: #2b542c; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168 } .has-success .input-group-addon { color: #3C763D; border-color: #3C763D; background-color: #DFF0D8 } .has-success .form-control-feedback { color: #3C763D } .has-warning .help-block, .has-warning .control-label, .has-warning .radio, .has-warning .checkbox, .has-warning .radio-inline, .has-warning .checkbox-inline, .has-warning.radio label, .has-warning.checkbox label, .has-warning.radio-inline label, .has-warning.checkbox-inline label { color: #8A6D3B } .has-warning .form-control { border-color: #8A6D3B; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) } .has-warning .form-control:focus { border-color: #66512c; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b } .has-warning .input-group-addon { color: #8A6D3B; border-color: #8A6D3B; background-color: #FCF8E3 } .has-warning .form-control-feedback { color: #8A6D3B } .has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label { color: #A94442 } .has-error .form-control { border-color: #A94442; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) } .has-error .form-control:focus { border-color: #843534; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483 } .has-error .input-group-addon { color: #A94442; border-color: #A94442; background-color: #F2DEDE } .has-error .form-control-feedback { color: #A94442 } .has-feedback label~.form-control-feedback { top: 25px } .has-feedback label.sr-only~.form-control-feedback { top: 0 } .help-block { display: block; margin-top: 5px; margin-bottom: 10px; color: #737373 } @media (min-width: 768px) { .form-inline .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle } .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle } .form-inline .form-control-static { display: inline-block } .form-inline .input-group { display: inline-table; vertical-align: middle } .form-inline .input-group .input-group-addon, .form-inline .input-group .input-group-btn, .form-inline .input-group .form-control { width: auto } .form-inline .input-group>.form-control { width: 100% } .form-inline .control-label { margin-bottom: 0; vertical-align: middle } .form-inline .radio, .form-inline .checkbox { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle } .form-inline .radio label, .form-inline .checkbox label { padding-left: 0 } .form-inline .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"] { position: relative; margin-left: 0 } .form-inline .has-feedback .form-control-feedback { top: 0 } } .form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline { margin-top: 0; margin-bottom: 0; padding-top: 7px } .form-horizontal .radio, .form-horizontal .checkbox { min-height: 27px } .form-horizontal .form-group { margin-left: -2px; margin-right: -3px; margin: 10px; } .form-horizontal .form-group:before, .form-horizontal .form-group:after { content: " "; display: table } .form-horizontal .form-group:after { clear: both } @media (min-width: 768px) { .form-horizontal .control-label { text-align: right; margin-bottom: 10px; padding-top: 7px; color: #364153; } } .form-horizontal .has-feedback .form-control-feedback { right: 2px } @media (min-width: 768px) { .form-horizontal .form-group-lg .control-label { padding-top: 11px; font-size: 18px } } @media (min-width: 768px) { .form-horizontal .form-group-sm .control-label { padding-top: 6px; font-size: 12px } } .btn { margin-bottom: 0; font-weight: normal; text-align: center; vertical-align: middle; touch-action: manipulation; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 8px 16px; font-size: 14px; line-height: 1.428571429; border-radius: 8px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: flex; align-items: flex-start; gap: 5px; } .btn:focus, .btn.focus, .btn:active:focus, .btn:active.focus, .btn.active:focus, .btn.active.focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px } .btn:hover, .btn:focus, .btn.focus { text-decoration: none } .btn:active, .btn.active { outline: 0; background-image: none; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) } .btn.disabled, .btn[disabled], fieldset[disabled] .btn { cursor: not-allowed; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none } a.btn.disabled, fieldset[disabled] a.btn { pointer-events: none } .btn-default { color: #F5F5F5; background-color: var(--default); border-color: var(--default); } .btn-default:focus, .btn-default.focus { color: #F5F5F5; background-color: #768da0; border-color: #526677 } .btn-default:hover { color: #F5F5F5; background-color: #768da0; border-color: #70889c } .btn-default:active, .btn-default.active, .open>.btn-default.dropdown-toggle { color: #F5F5F5; background-color: #768da0; border-color: #70889c } .btn-default:active:hover, .btn-default:active:focus, .btn-default:active.focus, .btn-default.active:hover, .btn-default.active:focus, .btn-default.active.focus, .open>.btn-default.dropdown-toggle:hover, .open>.btn-default.dropdown-toggle:focus, .open>.btn-default.dropdown-toggle.focus { color: #F5F5F5; background-color: #637b8f; border-color: #526677 } .btn-default:active, .btn-default.active, .open>.btn-default.dropdown-toggle { background-image: none } .btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled.focus, .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled].focus, fieldset[disabled] .btn-default:hover, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default.focus { background-color: #94A6B5; border-color: #94A6B5 } .btn-default .badge { color: #94A6B5; background-color: #F5F5F5 } .btn-default-o { color: #0A0A0A; background-color: var(--input-background); border-color: var(--default); } .btn-default-o:hover { color: var(--input-background); background-color: var(--default); border-color: var(--default); transition: background; } .btn-primary:focus, .btn-primary.focus { color: #FFFFFF; background-color: #5f6b76; border-color: #3d454b } .btn-primary:active, .btn-primary.active, .open>.btn-primary.dropdown-toggle { color: #FFFFFF; background-color: #5f6b76; border-color: #5b6670 } .btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus, .open>.btn-primary.dropdown-toggle:hover, .open>.btn-primary.dropdown-toggle:focus, .open>.btn-primary.dropdown-toggle.focus { color: #FFFFFF; background-color: #4f5962; border-color: #3d454b } .btn-primary:active, .btn-primary.active, .open>.btn-primary.dropdown-toggle { background-image: none } .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary.focus { background-color: #778591; border-color: #778591 } .btn-primary .badge { color: #778591; background-color: #FFFFFF } .btn-success { color: #FFFFFF; background-color: #5CB85C; border-color: #5CB85C } .btn-success-light { font-size: 14px !important; font-weight: 500 !important; line-height: 1.45; letter-spacing: -0.15px !important; color: #ffffff; padding: 8px 15px !important; border: 1px solid rgba(0, 0, 0, .1) !important; background-color: var(--success); border-radius: 8px !important; cursor: pointer; text-decoration: none !important; } .btn-success:focus, .btn-success.focus { color: #FFFFFF; background-color: #449d44; border-color: #2d672d } .btn-success:hover { color: #FFFFFF; background-color: #449d44; border-color: #419641 } .btn-success:active, .btn-success.active, .open>.btn-success.dropdown-toggle { color: #FFFFFF; background-color: #449d44; border-color: #419641 } .btn-success:active:hover, .btn-success:active:focus, .btn-success:active.focus, .btn-success.active:hover, .btn-success.active:focus, .btn-success.active.focus, .open>.btn-success.dropdown-toggle:hover, .open>.btn-success.dropdown-toggle:focus, .open>.btn-success.dropdown-toggle.focus { color: #FFFFFF; background-color: #398439; border-color: #2d672d } .btn-success:active, .btn-success.active, .open>.btn-success.dropdown-toggle { background-image: none } .btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled.focus, .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled].focus, fieldset[disabled] .btn-success:hover, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success.focus { background-color: #5CB85C; border-color: #5CB85C } .btn-success .badge { color: #5CB85C; background-color: #FFFFFF } .btn-info { color: #FFFFFF; background-color: #AA9DCC; border-color: #AA9DCC } .btn-info:focus, .btn-info.focus { color: #FFFFFF; background-color: #8d7bbb; border-color: #64509a } .btn-info:hover { color: #FFFFFF; background-color: #8d7bbb; border-color: #8775b7 } .btn-info:active, .btn-info.active, .open>.btn-info.dropdown-toggle { color: #FFFFFF; background-color: #8d7bbb; border-color: #8775b7 } .btn-info:active:hover, .btn-info:active:focus, .btn-info:active.focus, .btn-info.active:hover, .btn-info.active:focus, .btn-info.active.focus, .open>.btn-info.dropdown-toggle:hover, .open>.btn-info.dropdown-toggle:focus, .open>.btn-info.dropdown-toggle.focus { color: #FFFFFF; background-color: #7964ae; border-color: #64509a } .btn-info:active, .btn-info.active, .open>.btn-info.dropdown-toggle { background-image: none } .btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled.focus, .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled].focus, fieldset[disabled] .btn-info:hover, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info.focus { background-color: #AA9DCC; border-color: #AA9DCC } .btn-info .badge { color: #AA9DCC; background-color: #FFFFFF } .btn-warning { color: #FFFFFF; background-color: #E6D5A5; border-color: #E6D5A5 } .btn-warning:focus, .btn-warning.focus { color: #FFFFFF; background-color: #dbc27d; border-color: #caa641 } .btn-warning:hover { color: #FFFFFF; background-color: #dbc27d; border-color: #d9bf75 } .btn-warning:active, .btn-warning.active, .open>.btn-warning.dropdown-toggle { color: #FFFFFF; background-color: #dbc27d; border-color: #d9bf75 } .btn-warning:active:hover, .btn-warning:active:focus, .btn-warning:active.focus, .btn-warning.active:hover, .btn-warning.active:focus, .btn-warning.active.focus, .open>.btn-warning.dropdown-toggle:hover, .open>.btn-warning.dropdown-toggle:focus, .open>.btn-warning.dropdown-toggle.focus { color: #FFFFFF; background-color: #d3b561; border-color: #caa641 } .btn-warning:active, .btn-warning.active, .open>.btn-warning.dropdown-toggle { background-image: none } .btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled.focus, .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled].focus, fieldset[disabled] .btn-warning:hover, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning.focus { background-color: #E6D5A5; border-color: #E6D5A5 } .btn-warning .badge { color: #E6D5A5; background-color: #FFFFFF } .btn-danger { color: #FFFFFF; background-color: var(--danger); border-color: #F08377 } .btn-danger:focus, .btn-danger.focus { color: #FFFFFF; background-color: #eb5949; border-color: #d12917 } .btn-danger:hover { color: #FFFFFF; background-color: #eb5949; border-color: #ea5140 } .btn-danger:active, .btn-danger.active, .open>.btn-danger.dropdown-toggle { color: #FFFFFF; background-color: #eb5949; border-color: #ea5140 } .btn-danger:active:hover, .btn-danger:active:focus, .btn-danger:active.focus, .btn-danger.active:hover, .btn-danger.active:focus, .btn-danger.active.focus, .open>.btn-danger.dropdown-toggle:hover, .open>.btn-danger.dropdown-toggle:focus, .open>.btn-danger.dropdown-toggle.focus { color: #FFFFFF; background-color: #e73c29; border-color: #d12917 } .btn-danger:active, .btn-danger.active, .open>.btn-danger.dropdown-toggle { background-image: none } .btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled.focus, .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled].focus, fieldset[disabled] .btn-danger:hover, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger.focus { background-color: #F08377; border-color: #F08377 } .btn-danger .badge { color: #F08377; background-color: #FFFFFF } .btn-danger-o { color: var(--danger); background-color: var(--input-background); border-color: 1px solid var(--danger) !important; } .btn-danger-o:hover { color: var(--input-background); background-color: var(--danger); border-color: 1px solid var(--danger) !important; transition: background-color .25s; } .btn-link { color: #F08377; font-weight: normal; border-radius: 0 } .btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled], fieldset[disabled] .btn-link { background-color: transparent; -webkit-box-shadow: none; box-shadow: none } .btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active { border-color: transparent } .btn-link:hover, .btn-link:focus { color: #545f68; text-decoration: underline; background-color: transparent } .btn-link[disabled]:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:hover, fieldset[disabled] .btn-link:focus { color: #777; text-decoration: none } .btn-lg, .btn-group-lg>.btn { padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px } .btn-sm, .btn-group-sm>.btn { padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px } .btn-xs, .btn-group-xs>.btn { padding: 1px 5px; font-size: 12px; line-height: 1.5; border-radius: 3px } .btn-block { display: block; width: 100% } .btn-block+.btn-block { margin-top: 5px } input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { width: 100% } .fade { opacity: 0; -webkit-transition: opacity 0.15s linear; -o-transition: opacity 0.15s linear; transition: opacity 0.15s linear } .fade.in { opacity: 1 } .collapse { display: none } .collapse.in { display: block } tr.collapse.in { display: table-row } tbody.collapse.in { display: table-row-group } .collapsing { position: relative; height: 0; overflow: hidden; -webkit-transition-property: height, visibility; transition-property: height, visibility; -webkit-transition-duration: 0.35s; transition-duration: 0.35s; -webkit-transition-timing-function: ease; transition-timing-function: ease } .caret { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px dashed; border-top: 4px solid \9; border-right: 4px solid transparent; border-left: 4px solid transparent } .dropup, .dropdown { position: relative } .dropdown-toggle:focus { outline: 0 } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; list-style: none; font-size: 14px; text-align: left; background-color: #FFFFFF; border: 1px solid #CCCCCC; border: 1px solid transparent; border-radius: 4px; background-clip: padding-box } .dropdown-menu.pull-right { right: 0; left: auto } .dropdown-menu .divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #E5E5E5 } .dropdown-menu>li>a { display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 1.428571429; color: #333; white-space: nowrap } .dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { text-decoration: none; color: #262626; background-color: #F5F5F5 } .dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus { color: #FFFFFF; text-decoration: none; outline: 0; background-color: #778591 } .dropdown-menu>.disabled>a, .dropdown-menu>.disabled>a:hover, .dropdown-menu>.disabled>a:focus { color: #777 } .dropdown-menu>.disabled>a:hover, .dropdown-menu>.disabled>a:focus { text-decoration: none; background-color: transparent; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); cursor: not-allowed } .open>.dropdown-menu { display: block } .open>a { outline: 0 } .dropdown-menu-right { left: auto; right: 0 } .dropdown-menu-left { left: 0; right: auto } .dropdown-header { display: block; padding: 3px 20px; font-size: 12px; line-height: 1.428571429; color: #777; white-space: nowrap } .dropdown-backdrop { position: fixed; left: 0; right: 0; bottom: 0; top: 0; z-index: 990 } .pull-right>.dropdown-menu { right: 0; left: auto } .dropup .caret, .navbar-fixed-bottom .dropdown .caret { border-top: 0; border-bottom: 4px dashed; border-bottom: 4px solid \9; content: "" } .dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 2px } @media (min-width: 768px) { .navbar-right .dropdown-menu { right: 0; left: auto } .navbar-right .dropdown-menu-left { left: 0; right: auto } } .btn-group, .btn-group-vertical { position: relative; display: inline-block; vertical-align: middle } .btn-group>.btn, .btn-group-vertical>.btn { position: relative; float: left } .btn-group>.btn:hover, .btn-group>.btn:focus, .btn-group>.btn:active, .btn-group>.btn.active, .btn-group-vertical>.btn:hover, .btn-group-vertical>.btn:focus, .btn-group-vertical>.btn:active, .btn-group-vertical>.btn.active { z-index: 2 } .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 { margin-left: -5px } .btn-toolbar:before, .btn-toolbar:after { content: " "; display: table } .btn-toolbar:after { clear: both } .btn-toolbar .btn, .btn-toolbar .btn-group, .btn-toolbar .input-group { float: left } .btn-toolbar>.btn, .btn-toolbar>.btn-group, .btn-toolbar>.input-group { margin-left: 5px } .btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { border-radius: 0 } .btn-group>.btn:first-child { margin-left: 0 } .btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) { border-bottom-right-radius: 0; border-top-right-radius: 0 } .btn-group>.btn:last-child:not(:first-child), .btn-group>.dropdown-toggle:not(:first-child) { border-bottom-left-radius: 0; border-top-left-radius: 0 } .btn-group>.btn-group { float: left } .btn-group>.btn-group:not(:first-child):not(:last-child)>.btn { border-radius: 0 } .btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child, .btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle { border-bottom-right-radius: 0; border-top-right-radius: 0 } .btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child { border-bottom-left-radius: 0; border-top-left-radius: 0 } .btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle { outline: 0 } .btn-group>.btn+.dropdown-toggle { padding-left: 8px; padding-right: 8px } .btn-group>.btn-lg+.dropdown-toggle, .btn-group-lg.btn-group>.btn+.dropdown-toggle { padding-left: 12px; padding-right: 12px } .btn-group.open .dropdown-toggle { -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) } .btn-group.open .dropdown-toggle.btn-link { -webkit-box-shadow: none; box-shadow: none } .btn .caret { margin-left: 0 } .btn-lg .caret, .btn-group-lg>.btn .caret { border-width: 5px 5px 0; border-bottom-width: 0 } .dropup .btn-lg .caret, .dropup .btn-group-lg>.btn .caret { border-width: 0 5px 5px } .btn-group-vertical>.btn, .btn-group-vertical>.btn-group, .btn-group-vertical>.btn-group>.btn { display: block; float: none; width: 100%; max-width: 100% } .btn-group-vertical>.btn-group:before, .btn-group-vertical>.btn-group:after { content: " "; display: table } .btn-group-vertical>.btn-group:after { clear: both } .btn-group-vertical>.btn-group>.btn { float: none } .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-vertical>.btn:not(:first-child):not(:last-child) { border-radius: 0 } .btn-group-vertical>.btn:first-child:not(:last-child) { border-top-right-radius: 4px; border-top-left-radius: 4px; border-bottom-right-radius: 0; border-bottom-left-radius: 0 } .btn-group-vertical>.btn:last-child:not(:first-child) { border-top-right-radius: 0; border-top-left-radius: 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px } .btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn { border-radius: 0 } .btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child, .btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle { border-bottom-right-radius: 0; border-bottom-left-radius: 0 } .btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child { border-top-right-radius: 0; border-top-left-radius: 0 } .btn-group-justified { display: table; width: 100%; table-layout: fixed; border-collapse: separate } .btn-group-justified>.btn, .btn-group-justified>.btn-group { float: none; display: table-cell; width: 1% } .btn-group-justified>.btn-group .btn { width: 100% } .btn-group-justified>.btn-group .dropdown-menu { left: auto } [data-toggle="buttons"]>.btn input[type="radio"], [data-toggle="buttons"]>.btn input[type="checkbox"], [data-toggle="buttons"]>.btn-group>.btn input[type="radio"], [data-toggle="buttons"]>.btn-group>.btn input[type="checkbox"] { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none } .input-group { position: relative; display: table; border-collapse: separate; margin-left: 19px; margin-bottom: 10px; margin: 0px 0px 10px 19px; display: inline-flex !important; } .input-group[class*="col-"] { float: none; padding-left: 0; padding-right: 0 } .input-group .form-control { position: relative; z-index: 2; float: left; width: 100%; margin-bottom: 0 } .input-group .form-control:focus { z-index: 3 } .input-group-addon, .input-group-btn, .input-group .form-control { display: table-cell } .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child), .input-group .form-control:not(:first-child):not(:last-child) { border-radius: 0 } .input-group-addon, .input-group-btn { width: 1%; white-space: nowrap; vertical-align: middle } .input-group-addon { padding: 6px 12px; font-size: 14px; font-weight: normal; line-height: 1; color: #555; text-align: center; background-color: #eee; border: 1px solid #CCCCCC; border-radius: 4px } .input-group-addon.input-sm, .input-group-sm>.input-group-addon.form-control, .input-group-sm>.input-group-addon, .input-group-sm>.input-group-btn>.input-group-addon.btn { padding: 5px 10px; font-size: 12px; border-radius: 3px } .input-group-addon.input-lg, .input-group-lg>.input-group-addon.form-control, .input-group-lg>.input-group-addon, .input-group-lg>.input-group-btn>.input-group-addon.btn { padding: 10px 16px; font-size: 18px; border-radius: 6px } .input-group-addon input[type="radio"], .input-group-addon input[type="checkbox"] { margin-top: 0 } .input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child>.btn, .input-group-btn:first-child>.btn-group>.btn, .input-group-btn:first-child>.dropdown-toggle, .input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child>.btn-group:not(:last-child)>.btn { border-bottom-right-radius: 0; border-top-right-radius: 0 } .input-group-addon:first-child { border-right: 0 } .input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group>.btn, .input-group-btn:last-child>.dropdown-toggle, .input-group-btn:first-child>.btn:not(:first-child), .input-group-btn:first-child>.btn-group:not(:first-child)>.btn { border-bottom-left-radius: 0; border-top-left-radius: 0 } .input-group-addon:last-child { border-left: 0 } .input-group-btn { position: relative; font-size: 0; white-space: nowrap } .input-group-btn>.btn { position: relative } .input-group-btn>.btn+.btn { margin-left: -1px } .input-group-btn>.btn:hover, .input-group-btn>.btn:focus, .input-group-btn>.btn:active { z-index: 2 } .input-group-btn:first-child>.btn, .input-group-btn:first-child>.btn-group { margin-right: -1px } .input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group { z-index: 2; margin-left: -1px } .nav { margin-bottom: 0; padding-left: 0; list-style: none } .nav:before, .nav:after { content: " "; display: table } .nav:after { clear: both } .nav>li { position: relative; display: block } .nav>li>a { position: relative; display: block; padding: 10px 15px } .nav>li>a:hover, .nav>li>a:focus { text-decoration: none; background-color: #eee } .nav>li.disabled>a { color: #777 } .nav>li.disabled>a:hover, .nav>li.disabled>a:focus { color: #777; text-decoration: none; background-color: transparent; cursor: not-allowed } .nav .open>a, .nav .open>a:hover, .nav .open>a:focus { background-color: #eee; border-color: #F08377 } .nav .nav-divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5 } .nav>li>a>img { max-width: none } .nav-tabs { border-bottom: 1px solid #DDDDDD; } .nav-tabs>li { float: left; margin-bottom: -1px } .nav-tabs>li>a { margin-right: 2px; line-height: 1.428571429; border: 1px solid transparent; border-radius: 0px 0px 0 0 } .nav-tabs>li>a:hover { border-color: #eee #eee #DDDDDD } .nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus { color: #555; background-color: #FFFFFF; border: 1px solid #DDDDDD; border-bottom-color: transparent; cursor: default } .nav-pills>li { float: left } .nav-pills>li>a { border-radius: 4px } .nav-pills>li+li { margin-left: 2px } .nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus { color: #FFFFFF; background-color: #778591 } .nav-stacked>li { float: none } .nav-stacked>li+li { margin-top: 2px; margin-left: 0 } .nav-justified, .nav-tabs.nav-justified { width: 100% } .nav-justified>li, .nav-tabs.nav-justified>li { float: none } .nav-justified>li>a, .nav-tabs.nav-justified>li>a { text-align: center; margin-bottom: 5px } .nav-justified>.dropdown .dropdown-menu, .nav-tabs.nav-justified>.dropdown .dropdown-menu { top: auto; left: auto } @media (min-width: 768px) { .nav-justified>li, .nav-tabs.nav-justified>li { display: table-cell; width: 1% } .nav-justified>li>a, .nav-tabs.nav-justified>li>a { margin-bottom: 0 } } .nav-tabs-justified, .nav-tabs.nav-justified { border-bottom: 0 } .nav-tabs-justified>li>a, .nav-tabs.nav-justified>li>a { margin-right: 0; border-radius: 4px } .nav-tabs-justified>.active>a, .nav-tabs.nav-justified>.active>a, .nav-tabs-justified>.active>a:hover, .nav-tabs.nav-justified>.active>a:hover, .nav-tabs-justified>.active>a:focus, .nav-tabs.nav-justified>.active>a:focus { border: 1px solid #DDDDDD } @media (min-width: 768px) { .nav-tabs-justified>li>a, .nav-tabs.nav-justified>li>a { border-bottom: 1px solid #DDDDDD; border-radius: 4px 4px 0 0 } .nav-tabs-justified>.active>a, .nav-tabs.nav-justified>.active>a, .nav-tabs-justified>.active>a:hover, .nav-tabs.nav-justified>.active>a:hover, .nav-tabs-justified>.active>a:focus, .nav-tabs.nav-justified>.active>a:focus { border-bottom-color: #FFFFFF } } .tab-content>.tab-pane { display: none } .tab-content>.active { display: block } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-right-radius: 0; border-top-left-radius: 0 } .navbar { position: relative; min-height: 60px; margin-bottom: 20px; border: 1px solid transparent } .navbar:before, .navbar:after { content: " "; display: table } .navbar:after { clear: both } @media (min-width: 768px) { .navbar { border-radius: 4px } } .navbar-header:before, .navbar-header:after { content: " "; display: table } .navbar-header:after { clear: both } .navbar-collapse { overflow-x: visible; padding-right: 2px; padding-left: 2px; border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); -webkit-overflow-scrolling: touch } .navbar-collapse:before, .navbar-collapse:after { content: " "; display: table } .navbar-collapse:after { clear: both } .navbar-collapse.in { overflow-y: auto } @media (min-width: 768px) { .navbar-collapse { width: auto; border-top: 0; box-shadow: none } .navbar-collapse.collapse { display: block !important; height: auto !important; padding-bottom: 0; overflow: visible !important } .navbar-collapse.in { overflow-y: visible } .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { padding-left: 0; padding-right: 0 } } .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { max-height: 340px } @media (max-device-width: 480px) and (orientation: landscape) { .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { max-height: 200px } } .container>.navbar-header, .container>.navbar-collapse, .container-fluid>.navbar-header, .container-fluid>.navbar-collapse { margin-right: -2px; margin-left: -2px } @media (min-width: 768px) { .container>.navbar-header, .container>.navbar-collapse, .container-fluid>.navbar-header, .container-fluid>.navbar-collapse { margin-right: 0; margin-left: 0 } } .navbar-static-top { z-index: 1000; border-width: 0 0 1px } @media (min-width: 768px) { .navbar-static-top { border-radius: 0 } } .navbar-fixed-top, .navbar-fixed-bottom { position: fixed; right: 0; left: 0; z-index: 1030 } @media (min-width: 768px) { .navbar-fixed-top, .navbar-fixed-bottom { border-radius: 0 } } .navbar-fixed-top { top: 0; border-width: 0 0 1px } .navbar-fixed-bottom { bottom: 0; margin-bottom: 0; border-width: 1px 0 0 } .navbar-brand { float: left; padding: 15px 2px; font-size: 18px; line-height: 20px; height: 60px } .navbar-brand:hover, .navbar-brand:focus { text-decoration: none } .navbar-brand>img { display: block } @media (min-width: 768px) { .navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand { margin-left: -2px } } .navbar-toggle { position: relative; float: right; margin-right: 2px; padding: 9px 10px; margin-top: 13px; margin-bottom: 13px; background-color: transparent; background-image: none; border: 1px solid transparent; border-radius: 4px } .navbar-toggle:focus { outline: 0 } .navbar-toggle .icon-bar { display: block; width: 22px; height: 2px; border-radius: 1px } .navbar-toggle .icon-bar+.icon-bar { margin-top: 4px } @media (min-width: 768px) { .navbar-toggle { display: none } } .navbar-nav { margin: 7.5px 2px } .navbar-nav>li>a { padding-top: 10px; padding-bottom: 10px; line-height: 20px } @media (max-width: 767px) { .navbar-nav .open .dropdown-menu { position: static; float: none; width: auto; margin-top: 0; background-color: transparent; border: 0; box-shadow: none } .navbar-nav .open .dropdown-menu>li>a, .navbar-nav .open .dropdown-menu .dropdown-header { padding: 5px 15px 5px 25px } .navbar-nav .open .dropdown-menu>li>a { line-height: 20px } .navbar-nav .open .dropdown-menu>li>a:hover, .navbar-nav .open .dropdown-menu>li>a:focus { background-image: none } } @media (min-width: 768px) { .navbar-nav { margin: 0 } .navbar-nav>li>a { padding-top: 15px; padding-bottom: 15px } } .navbar-form { margin-top: 0; margin-bottom: 0; margin-left: -2px; margin-right: -2px; padding: 10px 2px; border-top: 1px solid transparent; border-bottom: 1px solid transparent; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); margin-top: 13px; margin-bottom: 13px } @media (min-width: 768px) { .navbar-form .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle } .navbar-form .form-control { display: inline-block; width: auto; vertical-align: middle } .navbar-form .form-control-static { display: inline-block } .navbar-form .input-group { display: inline-table; vertical-align: middle } .navbar-form .input-group .input-group-addon, .navbar-form .input-group .input-group-btn, .navbar-form .input-group .form-control { width: auto } .navbar-form .input-group>.form-control { width: 100% } .navbar-form .control-label { margin-bottom: 0; vertical-align: middle } .navbar-form .radio, .navbar-form .checkbox { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle } .navbar-form .radio label, .navbar-form .checkbox label { padding-left: 0 } .navbar-form .radio input[type="radio"], .navbar-form .checkbox input[type="checkbox"] { position: relative; margin-left: 0 } .navbar-form .has-feedback .form-control-feedback { top: 0 } } @media (max-width: 767px) { .navbar-form .form-group { margin-bottom: 5px } .navbar-form .form-group:last-child { margin-bottom: 0 } } @media (min-width: 768px) { .navbar-form { width: auto; border: 0; margin-left: 0; margin-right: 0; padding-top: 0; padding-bottom: 0; -webkit-box-shadow: none; box-shadow: none } } .navbar-nav>li>.dropdown-menu { margin-top: 0; border-top-right-radius: 0; border-top-left-radius: 0 } .navbar-fixed-bottom .navbar-nav>li>.dropdown-menu { margin-bottom: 0; border-top-right-radius: 4px; border-top-left-radius: 4px; border-bottom-right-radius: 0; border-bottom-left-radius: 0 } .navbar-btn { margin-top: 13px; margin-bottom: 13px } .navbar-btn.btn-sm, .btn-group-sm>.navbar-btn.btn { margin-top: 15px; margin-bottom: 15px } .navbar-btn.btn-xs, .btn-group-xs>.navbar-btn.btn { margin-top: 19px; margin-bottom: 19px } .navbar-text { margin-top: 20px; margin-bottom: 20px } @media (min-width: 768px) { .navbar-text { float: left; margin-left: 2px; margin-right: 2px } } @media (min-width: 768px) { .navbar-left { float: left !important } .navbar-right { float: right !important; margin-right: -2px } .navbar-right~.navbar-right { margin-right: 0 } } .navbar-default { background-color: #F8F8F8; border-color: #e7e7e7 } .navbar-default .navbar-brand { color: #777777 } .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus { color: #5e5e5e; background-color: transparent } .navbar-default .navbar-text { color: #777777 } .navbar-default .navbar-nav>li>a { color: #777777 } .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus { color: #333333; background-color: transparent } .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus { color: #555555; background-color: #e7e7e7 } .navbar-default .navbar-nav>.disabled>a, .navbar-default .navbar-nav>.disabled>a:hover, .navbar-default .navbar-nav>.disabled>a:focus { color: #CCCCCC; background-color: transparent } .navbar-default .navbar-toggle { border-color: #DDDDDD } .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: #DDDDDD } .navbar-default .navbar-toggle .icon-bar { background-color: #888888 } .navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color: #e7e7e7 } .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus { background-color: #e7e7e7; color: #555555 } @media (max-width: 767px) { .navbar-default .navbar-nav .open .dropdown-menu>li>a { color: #777777 } .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover, .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus { color: #333333; background-color: transparent } .navbar-default .navbar-nav .open .dropdown-menu>.active>a, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus { color: #555555; background-color: #e7e7e7 } .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a, .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover, .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus { color: #CCCCCC; background-color: transparent } } .navbar-default .navbar-link { color: #777777 } .navbar-default .navbar-link:hover { color: #333333 } .navbar-default .btn-link { color: #777777 } .navbar-default .btn-link:hover, .navbar-default .btn-link:focus { color: #333333 } .navbar-default .btn-link[disabled]:hover, .navbar-default .btn-link[disabled]:focus, fieldset[disabled] .navbar-default .btn-link:hover, fieldset[disabled] .navbar-default .btn-link:focus { color: #CCCCCC } .navbar-inverse { background-color: #534D64; border-color: #3b3747 } .navbar-inverse .navbar-brand { color: #9d9d9d } .navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus { color: #FFFFFF; background-color: transparent } .navbar-inverse .navbar-text { color: #9d9d9d } .navbar-inverse .navbar-nav>li>a { color: #9d9d9d } .navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus { color: #FFFFFF; background-color: transparent } .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus { color: #FFFFFF; background-color: #3b3747 } .navbar-inverse .navbar-nav>.disabled>a, .navbar-inverse .navbar-nav>.disabled>a:hover, .navbar-inverse .navbar-nav>.disabled>a:focus { color: #444444; background-color: transparent } .navbar-inverse .navbar-toggle { border-color: #333333 } .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus { background-color: #333333 } .navbar-inverse .navbar-toggle .icon-bar { background-color: #FFFFFF } .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border-color: #423d50 } .navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus { background-color: #3b3747; color: #FFFFFF } @media (max-width: 767px) { .navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header { border-color: #3b3747 } .navbar-inverse .navbar-nav .open .dropdown-menu .divider { background-color: #3b3747 } .navbar-inverse .navbar-nav .open .dropdown-menu>li>a { color: #9d9d9d } .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus { color: #FFFFFF; background-color: transparent } .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a, .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus { color: #FFFFFF; background-color: #3b3747 } .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a, .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus { color: #444444; background-color: transparent } } .navbar-inverse .navbar-link { color: #9d9d9d } .navbar-inverse .navbar-link:hover { color: #FFFFFF } .navbar-inverse .btn-link { color: #9d9d9d } .navbar-inverse .btn-link:hover, .navbar-inverse .btn-link:focus { color: #FFFFFF } .navbar-inverse .btn-link[disabled]:hover, .navbar-inverse .btn-link[disabled]:focus, fieldset[disabled] .navbar-inverse .btn-link:hover, fieldset[disabled] .navbar-inverse .btn-link:focus { color: #444444 } .breadcrumb { padding: 8px 15px; margin-bottom: 20px; list-style: none; background-color: #F5F5F5; border-radius: 4px } .breadcrumb>li { display: inline-block } .breadcrumb>li+li:before { content: "/ "; padding: 0 5px; color: #CCCCCC } .breadcrumb>.active { color: #777 } .pager { padding-left: 0; margin: 20px 0; list-style: none; text-align: center } .pager:before, .pager:after { content: " "; display: table } .pager:after { clear: both } .pager li { display: inline } .pager li>a, .pager li>span { display: inline-block; padding: 5px 14px; background-color: #FFFFFF; border: 1px solid #DDDDDD; border-radius: 15px } .pager li>a:hover, .pager li>a:focus { text-decoration: none; background-color: #eee } .pager .next>a, .pager .next>span { float: right } .pager .previous>a, .pager .previous>span { float: left } .pager .disabled>a, .pager .disabled>a:hover, .pager .disabled>a:focus, .pager .disabled>span { color: #777; background-color: #FFFFFF; cursor: not-allowed } .label { display: inline; padding: 0.2em 0.6em 0.3em; font-size: 75%; font-weight: bold; line-height: 1; color: #FFFFFF; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 0.25em } .label:empty { display: none } .btn .label { position: relative; top: -1px } a.label:hover, a.label:focus { color: #FFFFFF; text-decoration: none; cursor: pointer } .label-default { background-color: #777 !important; } .label-default[href]:hover, .label-default[href]:focus { background-color: #5e5e5e } .label-primary { background-color: #2b7fff !important; } .label-success { background-color: #5CB85C !important; } .label-success[href]:hover, .label-success[href]:focus { background-color: #449d44 } .label-info { background-color: #AD46FF !important; } .label-info[href]:hover, .label-info[href]:focus { background-color: #8d7bbb } .label-warning { background-color: #f0b100 !important; } .label-warning[href]:hover, .label-warning[href]:focus { background-color: #dbc27d } .label-danger { background-color: #ff6900 !important; } .label-danger-outline { background-color: #ffffff !important; border: 1px solid #ff6900 !important; color: #ff6900 !important; } .label-danger[href]:hover, .label-danger[href]:focus { background-color: #eb5949 } .badge { display: inline-block; min-width: 10px; padding: 3px 7px; font-size: 12px; color: #FFFFFF; line-height: 1; vertical-align: middle; white-space: nowrap; text-align: center; border-radius: 10px } .badge:empty { display: none } .btn .badge { position: relative; top: -1px } .btn-xs .badge, .btn-group-xs>.btn .badge { top: 0; padding: 1px 5px } .list-group-item.active>.badge, .nav-pills>.active>a>.badge { color: #778591; background-color: #FFFFFF } .list-group-item>.badge { float: right } .list-group-item>.badge+.badge { margin-right: 5px } .nav-pills>li>a>.badge { margin-left: 3px } a.badge:hover, a.badge:focus { color: #FFFFFF; text-decoration: none; cursor: pointer } .jumbotron { padding-top: 30px; padding-bottom: 30px; margin-bottom: 30px; color: inherit; background-color: #eee } .jumbotron h1, .jumbotron .h1 { color: inherit } .jumbotron p { margin-bottom: 15px; font-size: 21px; font-weight: 200 } .jumbotron>hr { border-top-color: #d5d5d5 } .container .jumbotron, .container-fluid .jumbotron { border-radius: 6px; padding-left: 2.5px; padding-right: 2.5px } .jumbotron .container { max-width: 100% } @media screen and (min-width: 768px) { .jumbotron { padding-top: 48px; padding-bottom: 48px } .container .jumbotron, .container-fluid .jumbotron { padding-left: 60px; padding-right: 60px } .jumbotron h1, .jumbotron .h1 { font-size: 63px } } .thumbnail { display: block; padding: 4px; margin-bottom: 20px; line-height: 1.428571429; background-color: #FFFFFF; border: 1px solid #DDDDDD; border-radius: 4px; -webkit-transition: border 0.2s ease-in-out; -o-transition: border 0.2s ease-in-out; transition: border 0.2s ease-in-out } .thumbnail>img, .thumbnail a>img { display: block; max-width: 100%; height: auto; margin-left: auto; margin-right: auto } .thumbnail .caption { padding: 9px; color: #333 } a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active { border-color: #F08377 } .alert { padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px } .alert h4 { margin-top: 0; color: inherit } .alert .alert-link { font-weight: bold } .alert>p, .alert>ul { margin-bottom: 0 } .alert>p+p { margin-top: 5px } .alert-dismissable, .alert-dismissible { padding-right: 35px } .alert-dismissable .close, .alert-dismissible .close { position: relative; top: -2px; right: -21px; color: inherit } .alert-success { background-color: #DCFCE7; border-color: #DCFCE7; color: #016630 } .alert-success hr { border-top-color: #c9e2b3 } .alert-success .alert-link { color: #2b542c } .alert-info { background-color: #D9EDF7; border-color: #bce8f1; color: #31708F } .alert-info hr { border-top-color: #a6e1ec } .alert-info .alert-link { color: #245269 } .alert-warning { background-color: #FCF8E3; border-color: #faebcc; color: #8A6D3B } .alert-warning hr { border-top-color: #f7e1b5 } .alert-warning .alert-link { color: #66512c } .alert-danger { background-color: #F2DEDE; border-color: #ebccd1; color: #A94442 } .alert-danger hr { border-top-color: #e4b9c0 } .alert-danger .alert-link { color: #843534 } @-webkit-keyframes progress-bar-stripes { from { background-position: 40px 0 } to { background-position: 0 0 } } @keyframes progress-bar-stripes { from { background-position: 40px 0 } to { background-position: 0 0 } } .progress { overflow: hidden; height: 20px; margin-bottom: 20px; background-color: #F5F5F5; border-radius: 4px; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1) } .progress-bar { float: left; width: 0%; height: 100%; font-size: 12px; line-height: 20px; color: #FFFFFF; text-align: center; background-color: #778591; -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); -webkit-transition: width 0.6s ease; -o-transition: width 0.6s ease; transition: width 0.6s ease } .progress-striped .progress-bar, .progress-bar-striped { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: 40px 40px } .progress.active .progress-bar, .progress-bar.active { -webkit-animation: progress-bar-stripes 2s linear infinite; -o-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite } .progress-bar-success { background-color: #5CB85C } .progress-striped .progress-bar-success { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) } .progress-bar-info { background-color: #AA9DCC } .progress-striped .progress-bar-info { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) } .progress-bar-warning { background-color: #E6D5A5 } .progress-striped .progress-bar-warning { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) } .progress-bar-danger { background-color: #F08377 } .progress-striped .progress-bar-danger { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) } .media { margin-top: 15px } .media:first-child { margin-top: 0 } .media, .media-body { zoom: 1; overflow: hidden } .media-body { width: 10000px } .media-object { display: block } .media-object.img-thumbnail { max-width: none } .media-right, .media>.pull-right { padding-left: 10px } .media-left, .media>.pull-left { padding-right: 10px } .media-left, .media-right, .media-body { display: table-cell; vertical-align: top } .media-middle { vertical-align: middle } .media-bottom { vertical-align: bottom } .media-heading { margin-top: 0; margin-bottom: 5px } .media-list { padding-left: 0; list-style: none } .list-group { margin-bottom: 20px; padding-left: 0 } .list-group-item { position: relative; display: block; padding: 10px 15px; margin-bottom: -1px; background-color: #FFFFFF; border: 1px solid #DDDDDD } .list-group-item:first-child { border-top-right-radius: 4px; border-top-left-radius: 4px } .list-group-item:last-child { margin-bottom: 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px } a.list-group-item, button.list-group-item { color: #555555 } a.list-group-item .list-group-item-heading, button.list-group-item .list-group-item-heading { color: #333333 } a.list-group-item:hover, a.list-group-item:focus, button.list-group-item:hover, button.list-group-item:focus { text-decoration: none; color: #555555; background-color: #F5F5F5 } button.list-group-item { width: 100%; text-align: left } .list-group-item.disabled, .list-group-item.disabled:hover, .list-group-item.disabled:focus { background-color: #eee; color: #777; cursor: not-allowed } .list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading { color: inherit } .list-group-item.disabled .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text { color: #777 } .list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus { z-index: 2; color: #FFFFFF; background-color: #778591; border-color: #778591 } .list-group-item.active .list-group-item-heading, .list-group-item.active .list-group-item-heading>small, .list-group-item.active .list-group-item-heading>.small, .list-group-item.active:hover .list-group-item-heading, .list-group-item.active:hover .list-group-item-heading>small, .list-group-item.active:hover .list-group-item-heading>.small, .list-group-item.active:focus .list-group-item-heading, .list-group-item.active:focus .list-group-item-heading>small, .list-group-item.active:focus .list-group-item-heading>.small { color: inherit } .list-group-item.active .list-group-item-text, .list-group-item.active:hover .list-group-item-text, .list-group-item.active:focus .list-group-item-text { color: #e8eaec } .list-group-item-success { color: #3C763D; background-color: #DFF0D8 } a.list-group-item-success, button.list-group-item-success { color: #3C763D } a.list-group-item-success .list-group-item-heading, button.list-group-item-success .list-group-item-heading { color: inherit } a.list-group-item-success:hover, a.list-group-item-success:focus, button.list-group-item-success:hover, button.list-group-item-success:focus { color: #3C763D; background-color: #d0e9c6 } a.list-group-item-success.active, a.list-group-item-success.active:hover, a.list-group-item-success.active:focus, button.list-group-item-success.active, button.list-group-item-success.active:hover, button.list-group-item-success.active:focus { color: #fff; background-color: #3C763D; border-color: #3C763D } .list-group-item-info { color: #31708F; background-color: #D9EDF7 } a.list-group-item-info, button.list-group-item-info { color: #31708F } a.list-group-item-info .list-group-item-heading, button.list-group-item-info .list-group-item-heading { color: inherit } a.list-group-item-info:hover, a.list-group-item-info:focus, button.list-group-item-info:hover, button.list-group-item-info:focus { color: #31708F; background-color: #c4e3f3 } a.list-group-item-info.active, a.list-group-item-info.active:hover, a.list-group-item-info.active:focus, button.list-group-item-info.active, button.list-group-item-info.active:hover, button.list-group-item-info.active:focus { color: #fff; background-color: #31708F; border-color: #31708F } .list-group-item-warning { color: #8A6D3B; background-color: #FCF8E3 } a.list-group-item-warning, button.list-group-item-warning { color: #8A6D3B } a.list-group-item-warning .list-group-item-heading, button.list-group-item-warning .list-group-item-heading { color: inherit } a.list-group-item-warning:hover, a.list-group-item-warning:focus, button.list-group-item-warning:hover, button.list-group-item-warning:focus { color: #8A6D3B; background-color: #faf2cc } a.list-group-item-warning.active, a.list-group-item-warning.active:hover, a.list-group-item-warning.active:focus, button.list-group-item-warning.active, button.list-group-item-warning.active:hover, button.list-group-item-warning.active:focus { color: #fff; background-color: #8A6D3B; border-color: #8A6D3B } .list-group-item-danger { color: #A94442; background-color: #F2DEDE } a.list-group-item-danger, button.list-group-item-danger { color: #A94442 } a.list-group-item-danger .list-group-item-heading, button.list-group-item-danger .list-group-item-heading { color: inherit } a.list-group-item-danger:hover, a.list-group-item-danger:focus, button.list-group-item-danger:hover, button.list-group-item-danger:focus { color: #A94442; background-color: #ebcccc } a.list-group-item-danger.active, a.list-group-item-danger.active:hover, a.list-group-item-danger.active:focus, button.list-group-item-danger.active, button.list-group-item-danger.active:hover, button.list-group-item-danger.active:focus { color: #fff; background-color: #A94442; border-color: #A94442 } .list-group-item-heading { margin-top: 0; margin-bottom: 5px } .list-group-item-text { margin-bottom: 0; line-height: 1.3 } .panel { margin-bottom: 20px; background-color: #FFFFFF; border: 0px solid transparent; border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) } .panel-body { padding: 15px } .panel-body:before, .panel-body:after { content: " "; display: table } .panel-body:after { clear: both } .panel-heading { padding: 10px 15px; border-bottom: 1px solid transparent; border-top-right-radius: 3px; border-top-left-radius: 3px } .panel-heading>.dropdown .dropdown-toggle { color: inherit } .panel-title { margin-top: 0; margin-bottom: 0; font-size: 16px; color: inherit } .panel-title>a, .panel-title>small, .panel-title>.small, .panel-title>small>a, .panel-title>.small>a { color: inherit } .panel-footer { padding: 10px 15px; background-color: #F5F5F5; border-top: 1px solid #DDDDDD; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px } .panel>.list-group, .panel>.panel-collapse>.list-group { margin-bottom: 0 } .panel>.list-group .list-group-item, .panel>.panel-collapse>.list-group .list-group-item { border: 1px solid #cbcbcb !important; } .list-group+.panel-footer { border-top-width: 0 } .panel>.table, .panel>.table-responsive>.table, .panel>.panel-collapse>.table { margin-bottom: 0 } .panel>.table caption, .panel>.table-responsive>.table caption, .panel>.panel-collapse>.table caption { padding-left: 15px; padding-right: 15px } .panel>.table:first-child, .panel>.table-responsive:first-child>.table:first-child { border-top-right-radius: 3px; border-top-left-radius: 3px } .panel>.table:first-child>thead:first-child>tr:first-child, .panel>.table:first-child>tbody:first-child>tr:first-child, .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child, .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child { border-top-left-radius: 3px; border-top-right-radius: 3px } .panel>.table:first-child>thead:first-child>tr:first-child td:first-child, .panel>.table:first-child>thead:first-child>tr:first-child th:first-child, .panel>.table:first-child>tbody:first-child>tr:first-child td:first-child, .panel>.table:first-child>tbody:first-child>tr:first-child th:first-child, .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child, .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child, .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child, .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child { border-top-left-radius: 3px } .panel>.table:first-child>thead:first-child>tr:first-child td:last-child, .panel>.table:first-child>thead:first-child>tr:first-child th:last-child, .panel>.table:first-child>tbody:first-child>tr:first-child td:last-child, .panel>.table:first-child>tbody:first-child>tr:first-child th:last-child, .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child, .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child, .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child, .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child { border-top-right-radius: 3px } .panel>.table:last-child, .panel>.table-responsive:last-child>.table:last-child { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px } .panel>.table:last-child>tbody:last-child>tr:last-child, .panel>.table:last-child>tfoot:last-child>tr:last-child, .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child, .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px } .panel>.table:last-child>tbody:last-child>tr:last-child td:first-child, .panel>.table:last-child>tbody:last-child>tr:last-child th:first-child, .panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child, .panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child, .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child, .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child, .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child, .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child { border-bottom-left-radius: 3px } .panel>.table:last-child>tbody:last-child>tr:last-child td:last-child, .panel>.table:last-child>tbody:last-child>tr:last-child th:last-child, .panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child, .panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child, .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child, .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child, .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child, .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child { border-bottom-right-radius: 3px } .panel>.panel-body+.table, .panel>.panel-body+.table-responsive, .panel>.table+.panel-body, .panel>.table-responsive+.panel-body { border-top: 1px solid #DDDDDD } .panel>.table>tbody:first-child>tr:first-child th, .panel>.table>tbody:first-child>tr:first-child td { border-top: 0 } .panel>.table-bordered, .panel>.table-responsive>.table-bordered { border: 0 } .panel>.table-bordered>thead>tr>th:first-child, .panel>.table-bordered>thead>tr>td:first-child, .panel>.table-bordered>tbody>tr>th:first-child, .panel>.table-bordered>tbody>tr>td:first-child, .panel>.table-bordered>tfoot>tr>th:first-child, .panel>.table-bordered>tfoot>tr>td:first-child, .panel>.table-responsive>.table-bordered>thead>tr>th:first-child, .panel>.table-responsive>.table-bordered>thead>tr>td:first-child, .panel>.table-responsive>.table-bordered>tbody>tr>th:first-child, .panel>.table-responsive>.table-bordered>tbody>tr>td:first-child, .panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child, .panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child { border-left: 0 } .panel>.table-bordered>thead>tr>th:last-child, .panel>.table-bordered>thead>tr>td:last-child, .panel>.table-bordered>tbody>tr>th:last-child, .panel>.table-bordered>tbody>tr>td:last-child, .panel>.table-bordered>tfoot>tr>th:last-child, .panel>.table-bordered>tfoot>tr>td:last-child, .panel>.table-responsive>.table-bordered>thead>tr>th:last-child, .panel>.table-responsive>.table-bordered>thead>tr>td:last-child, .panel>.table-responsive>.table-bordered>tbody>tr>th:last-child, .panel>.table-responsive>.table-bordered>tbody>tr>td:last-child, .panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child, .panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child { border-right: 0 } .panel>.table-bordered>thead>tr:first-child>td, .panel>.table-bordered>thead>tr:first-child>th, .panel>.table-bordered>tbody>tr:first-child>td, .panel>.table-bordered>tbody>tr:first-child>th, .panel>.table-responsive>.table-bordered>thead>tr:first-child>td, .panel>.table-responsive>.table-bordered>thead>tr:first-child>th, .panel>.table-responsive>.table-bordered>tbody>tr:first-child>td, .panel>.table-responsive>.table-bordered>tbody>tr:first-child>th { border-bottom: 0 } .panel>.table-bordered>tbody>tr:last-child>td, .panel>.table-bordered>tbody>tr:last-child>th, .panel>.table-bordered>tfoot>tr:last-child>td, .panel>.table-bordered>tfoot>tr:last-child>th, .panel>.table-responsive>.table-bordered>tbody>tr:last-child>td, .panel>.table-responsive>.table-bordered>tbody>tr:last-child>th, .panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td, .panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th { border-bottom: 0 } .panel>.table-responsive { border: 0; margin-bottom: 0 } .panel-group { margin-bottom: 20px } .panel-group .panel { margin-bottom: 0; border-radius: 4px } .panel-group .panel+.panel { margin-top: 5px } .panel-group .panel-heading { border-bottom: 0 } .panel-group .panel-heading+.panel-collapse>.panel-body, .panel-group .panel-heading+.panel-collapse>.list-group { border-top: 10px solid #DDDDDD } .panel-group .panel-footer { border-top: 0 } .panel-group .panel-footer+.panel-collapse .panel-body { border-bottom: 1px solid #DDDDDD } .panel-default { border-color: #CBCBCB } .panel-default>.panel-heading { color: #333; border-color: #CBCBCB } .panel-default>.panel-heading+.panel-collapse>.panel-body { border-top-color: #CBCBCB; border: 1px; } .panel-default>.panel-heading .badge { color: #F5F5F5; background-color: #333 } .panel-default>.panel-footer+.panel-collapse>.panel-body { border-bottom-color: #CBCBCB } .panel-primary { border-color: #778591 } .panel-primary>.panel-heading { color: #FFFFFF; background-color: #778591; border-color: #778591 } .panel-primary>.panel-heading+.panel-collapse>.panel-body { border-top-color: #778591 } .panel-primary>.panel-heading .badge { color: #778591; background-color: #FFFFFF } .panel-primary>.panel-footer+.panel-collapse>.panel-body { border-bottom-color: #778591 } .panel-success { border-color: #d6e9c6 } .panel-success>.panel-heading { color: #3C763D; background-color: #DFF0D8; border-color: #d6e9c6 } .panel-success>.panel-heading+.panel-collapse>.panel-body { border-top-color: #d6e9c6 } .panel-success>.panel-heading .badge { color: #DFF0D8; background-color: #3C763D } .panel-success>.panel-footer+.panel-collapse>.panel-body { border-bottom-color: #d6e9c6 } .panel-info { border-color: #bce8f1 } .panel-info>.panel-heading { color: #31708F; background-color: #D9EDF7; border-color: #bce8f1 } .panel-info>.panel-heading+.panel-collapse>.panel-body { border-top-color: #bce8f1 } .panel-info>.panel-heading .badge { color: #D9EDF7; background-color: #31708F } .panel-info>.panel-footer+.panel-collapse>.panel-body { border-bottom-color: #bce8f1 } .panel-warning { border-color: #faebcc } .panel-warning>.panel-heading { color: #8A6D3B; background-color: #FCF8E3; border-color: #faebcc } .panel-warning>.panel-heading+.panel-collapse>.panel-body { border-top-color: #faebcc } .panel-warning>.panel-heading .badge { color: #FCF8E3; background-color: #8A6D3B } .panel-warning>.panel-footer+.panel-collapse>.panel-body { border-bottom-color: #faebcc } .panel-danger { border-color: #ebccd1 } .panel-danger>.panel-heading { color: #A94442; background-color: #F2DEDE; border-color: #ebccd1 } .panel-danger>.panel-heading+.panel-collapse>.panel-body { border-top-color: #ebccd1 } .panel-danger>.panel-heading .badge { color: #F2DEDE; background-color: #A94442 } .panel-danger>.panel-footer+.panel-collapse>.panel-body { border-bottom-color: #ebccd1 } .embed-responsive { position: relative; display: block; height: 0; padding: 0; overflow: hidden } .embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; left: 0; bottom: 0; height: 100%; width: 100%; border: 0 } .embed-responsive-16by9 { padding-bottom: 56.25% } .embed-responsive-4by3 { padding-bottom: 75% } .well { min-height: 20px; padding: 19px; margin-bottom: 20px; background-color: #F5F5F5; border: 1px solid #e3e3e3; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05) } .well blockquote { border-color: #ddd; border-color: rgba(0, 0, 0, 0.15) } .well-lg { padding: 24px; border-radius: 6px } .well-sm { padding: 9px; border-radius: 3px } .close { float: right; font-size: 21px; font-weight: bold; line-height: 1; color: #000000; text-shadow: 0 1px 0 #FFFFFF; opacity: 0.2; filter: alpha(opacity=20) } .close:hover, .close:focus { color: #000000; text-decoration: none; cursor: pointer; opacity: 0.5; filter: alpha(opacity=50) } button.close { padding: 0; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none } .modal-open { overflow: hidden } .modal { display: none; overflow: hidden; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; -webkit-overflow-scrolling: touch; outline: 0 } .modal.fade .modal-dialog { -webkit-transform: translate(0, -25%); -ms-transform: translate(0, -25%); -o-transform: translate(0, -25%); transform: translate(0, -25%); -webkit-transition: -webkit-transform 0.3s ease-out; -moz-transition: -moz-transform 0.3s ease-out; -o-transition: -o-transform 0.3s ease-out; transition: transform 0.3s ease-out } .modal.in .modal-dialog { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0) } .modal-open .modal { overflow-x: hidden; overflow-y: auto } .modal-dialog { position: relative; width: auto; margin: 10px } .modal-content { position: relative; background-color: #FFFFFF; border: 1px solid #999999; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); background-clip: padding-box; outline: 0 } .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000000 } .modal-backdrop.fade { opacity: 0; filter: alpha(opacity=0) } .modal-backdrop.in { opacity: 0.5; filter: alpha(opacity=50) } .modal-header { padding: 15px; border-bottom: 1px solid #E5E5E5 } .modal-header:before, .modal-header:after { content: " "; display: table } .modal-header:after { clear: both } .modal-header .close { margin-top: -2px } .modal-title { margin: 0; line-height: 1.428571429 } .modal-body { position: relative; padding: 15px } .modal-footer { padding: 15px; text-align: right; border-top: 1px solid #E5E5E5 } .modal-footer:before, .modal-footer:after { content: " "; display: table } .modal-footer:after { clear: both } .modal-footer .btn+.btn { margin-left: 5px; margin-bottom: 0 } .modal-footer .btn-group .btn+.btn { margin-left: -1px } .modal-footer .btn-block+.btn-block { margin-left: 0 } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll } @media (min-width: 768px) { .modal-dialog { width: 600px; margin: 30px auto } .modal-content { -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5) } .modal-sm { width: 300px } } @media (min-width: 992px) { .modal-lg { width: 900px } } .tooltip { position: absolute; z-index: 1070; display: block; font-family: "Lato", Lato, Arial, sans-serif; font-style: normal; font-weight: normal; letter-spacing: normal; line-break: auto; line-height: 1.428571429; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; white-space: normal; word-break: normal; word-spacing: normal; word-wrap: normal; font-size: 12px; opacity: 0; filter: alpha(opacity=0) } .tooltip.in { opacity: 0.9; filter: alpha(opacity=90) } .tooltip.top { margin-top: -3px; padding: 5px 0 } .tooltip.right { margin-left: 3px; padding: 0 5px } .tooltip.bottom { margin-top: 3px; padding: 5px 0 } .tooltip.left { margin-left: -3px; padding: 0 5px } .tooltip-inner { max-width: 200px; padding: 3px 8px; color: #FFFFFF; text-align: center; background-color: #000000; border-radius: 4px } .tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid } .tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #000000 } .tooltip.top-left .tooltip-arrow { bottom: 0; right: 5px; margin-bottom: -5px; border-width: 5px 5px 0; border-top-color: #000000 } .tooltip.top-right .tooltip-arrow { bottom: 0; left: 5px; margin-bottom: -5px; border-width: 5px 5px 0; border-top-color: #000000 } .tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; border-right-color: #000000 } .tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: #000000 } .tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-width: 0 5px 5px; border-bottom-color: #000000 } .tooltip.bottom-left .tooltip-arrow { top: 0; right: 5px; margin-top: -5px; border-width: 0 5px 5px; border-bottom-color: #000000 } .tooltip.bottom-right .tooltip-arrow { top: 0; left: 5px; margin-top: -5px; border-width: 0 5px 5px; border-bottom-color: #000000 } .popover { position: absolute; top: 0; left: 0; z-index: 1060; display: none; max-width: 276px; padding: 1px; font-family: "Lato", Lato, Arial, sans-serif; font-style: normal; font-weight: normal; letter-spacing: normal; line-break: auto; line-height: 1.428571429; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; white-space: normal; word-break: normal; word-spacing: normal; word-wrap: normal; font-size: 14px; background-color: #FFFFFF; background-clip: padding-box; border: 1px solid #CCCCCC; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px } .popover.top { margin-top: -10px } .popover.right { margin-left: 10px } .popover.bottom { margin-top: 10px } .popover.left { margin-left: -10px } .popover-title { margin: 0; padding: 8px 14px; font-size: 14px; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-radius: 5px 5px 0 0 } .popover-content { padding: 9px 14px } .popover>.arrow, .popover>.arrow:after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid } .popover>.arrow { border-width: 11px } .popover>.arrow:after { border-width: 10px; content: "" } .popover.top>.arrow { left: 50%; margin-left: -11px; border-bottom-width: 0; border-top-color: #999; border-top-color: rgba(0, 0, 0, 0.25); bottom: -11px } .popover.top>.arrow:after { content: " "; bottom: 1px; margin-left: -10px; border-bottom-width: 0; border-top-color: #FFFFFF } .popover.right>.arrow { top: 50%; left: -11px; margin-top: -11px; border-left-width: 0; border-right-color: #999; border-right-color: rgba(0, 0, 0, 0.25) } .popover.right>.arrow:after { content: " "; left: 1px; bottom: -10px; border-left-width: 0; border-right-color: #FFFFFF } .popover.bottom>.arrow { left: 50%; margin-left: -11px; border-top-width: 0; border-bottom-color: #999; border-bottom-color: rgba(0, 0, 0, 0.25); top: -11px } .popover.bottom>.arrow:after { content: " "; top: 1px; margin-left: -10px; border-top-width: 0; border-bottom-color: #FFFFFF } .popover.left>.arrow { top: 50%; right: -11px; margin-top: -11px; border-right-width: 0; border-left-color: #999; border-left-color: rgba(0, 0, 0, 0.25) } .popover.left>.arrow:after { content: " "; right: 1px; border-right-width: 0; border-left-color: #FFFFFF; bottom: -10px } .carousel { position: relative } .carousel-inner { position: relative; overflow: hidden; width: 100% } .carousel-inner>.item { display: none; position: relative; -webkit-transition: 0.6s ease-in-out left; -o-transition: 0.6s ease-in-out left; transition: 0.6s ease-in-out left } .carousel-inner>.item>img, .carousel-inner>.item>a>img { display: block; max-width: 100%; height: auto; line-height: 1 } @media (transform-3d), (-webkit-transform-3d) { .carousel-inner>.item { -webkit-transition: -webkit-transform 0.6s ease-in-out; -moz-transition: -moz-transform 0.6s ease-in-out; -o-transition: -o-transform 0.6s ease-in-out; transition: transform 0.6s ease-in-out; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000px; -moz-perspective: 1000px; perspective: 1000px } .carousel-inner>.item.next, .carousel-inner>.item.active.right { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); left: 0 } .carousel-inner>.item.prev, .carousel-inner>.item.active.left { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); left: 0 } .carousel-inner>.item.next.left, .carousel-inner>.item.prev.right, .carousel-inner>.item.active { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); left: 0 } } .carousel-inner>.active, .carousel-inner>.next, .carousel-inner>.prev { display: block } .carousel-inner>.active { left: 0 } .carousel-inner>.next, .carousel-inner>.prev { position: absolute; top: 0; width: 100% } .carousel-inner>.next { left: 100% } .carousel-inner>.prev { left: -100% } .carousel-inner>.next.left, .carousel-inner>.prev.right { left: 0 } .carousel-inner>.active.left { left: -100% } .carousel-inner>.active.right { left: 100% } .carousel-control { position: absolute; top: 0; left: 0; bottom: 0; width: 15%; opacity: 0.5; filter: alpha(opacity=50); font-size: 20px; color: #FFFFFF; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); background-color: rgba(0, 0, 0, 0) } .carousel-control.left { background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#80000000", endColorstr="#00000000", GradientType=1) } .carousel-control.right { left: auto; right: 0; background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000", endColorstr="#80000000", GradientType=1) } .carousel-control:hover, .carousel-control:focus { outline: 0; color: #FFFFFF; text-decoration: none; opacity: 0.9; filter: alpha(opacity=90) } .carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right { position: absolute; top: 50%; margin-top: -10px; z-index: 5; display: inline-block } .carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left { left: 50%; margin-left: -10px } .carousel-control .icon-next, .carousel-control .glyphicon-chevron-right { right: 50%; margin-right: -10px } .carousel-control .icon-prev, .carousel-control .icon-next { width: 20px; height: 20px; line-height: 1; font-family: serif } .carousel-control .icon-prev:before { content: "‹" } .carousel-control .icon-next:before { content: "›" } .carousel-indicators { position: absolute; bottom: 10px; left: 50%; z-index: 15; width: 60%; margin-left: -30%; padding-left: 0; list-style: none; text-align: center } .carousel-indicators li { display: inline-block; width: 10px; height: 10px; margin: 1px; text-indent: -999px; border: 1px solid #FFFFFF; border-radius: 10px; cursor: pointer; background-color: #000 \9; background-color: rgba(0, 0, 0, 0) } .carousel-indicators .active { margin: 0; width: 12px; height: 12px; background-color: #FFFFFF } .carousel-caption { position: absolute; left: 15%; right: 15%; bottom: 20px; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #FFFFFF; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6) } .carousel-caption .btn { text-shadow: none } @media screen and (min-width: 768px) { .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next { width: 30px; height: 30px; margin-top: -10px; font-size: 30px } .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev { margin-left: -10px } .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next { margin-right: -10px } .carousel-caption { left: 20%; right: 20%; padding-bottom: 30px } .carousel-indicators { bottom: 20px } } .clearfix:before, .clearfix:after { content: " "; display: table } .clearfix:after { clear: both } .center-block { display: block; margin-left: auto; margin-right: auto } .pull-right { float: right !important } .pull-left { float: left !important } .hide { display: none !important } .show { display: block !important } .invisible { visibility: hidden } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0 } .hidden { display: none !important } .affix { position: fixed } .visible-xs { display: none !important } .visible-sm { display: none !important } .visible-md { display: none !important } .visible-lg { display: none !important } .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block { display: none !important } @media (max-width: 767px) { .visible-xs { display: block !important } table.visible-xs { display: table !important } tr.visible-xs { display: table-row !important } th.visible-xs, td.visible-xs { display: table-cell !important } } @media (max-width: 767px) { .visible-xs-block { display: block !important } } @media (max-width: 767px) { .visible-xs-inline { display: inline !important } } @media (max-width: 767px) { .visible-xs-inline-block { display: inline-block !important } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm { display: block !important } table.visible-sm { display: table !important } tr.visible-sm { display: table-row !important } th.visible-sm, td.visible-sm { display: table-cell !important } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-block { display: block !important } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline { display: inline !important } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline-block { display: inline-block !important } } @media (min-width: 992px) and (max-width: 1249px) { .visible-md { display: block !important } table.visible-md { display: table !important } tr.visible-md { display: table-row !important } th.visible-md, td.visible-md { display: table-cell !important } } @media (min-width: 992px) and (max-width: 1249px) { .visible-md-block { display: block !important } } @media (min-width: 992px) and (max-width: 1249px) { .visible-md-inline { display: inline !important } } @media (min-width: 992px) and (max-width: 1249px) { .visible-md-inline-block { display: inline-block !important } } @media (min-width: 1250px) { .visible-lg { display: block !important } table.visible-lg { display: table !important } tr.visible-lg { display: table-row !important } th.visible-lg, td.visible-lg { display: table-cell !important } } @media (min-width: 1250px) { .visible-lg-block { display: block !important } } @media (min-width: 1250px) { .visible-lg-inline { display: inline !important } } @media (min-width: 1250px) { .visible-lg-inline-block { display: inline-block !important } } @media (max-width: 767px) { .hidden-xs { display: none !important } } @media (min-width: 768px) and (max-width: 991px) { .hidden-sm { display: none !important } } @media (min-width: 992px) and (max-width: 1249px) { .hidden-md { display: none !important } } @media (min-width: 1251px) and (max-width: 1300px) { .hidden-mdlg { display: none !important } } @media (min-width: 1250px) { .hidden-lg { display: none !important } } .visible-print { display: none !important } @media print { .visible-print { display: block !important } table.visible-print { display: table !important } tr.visible-print { display: table-row !important } th.visible-print, td.visible-print { display: table-cell !important } } .visible-print-block { display: none !important } @media print { .visible-print-block { display: block !important } } .visible-print-inline { display: none !important } @media print { .visible-print-inline { display: inline !important } } .visible-print-inline-block { display: none !important } @media print { .visible-print-inline-block { display: inline-block !important } } @media print { .hidden-print { display: none !important } } .suitepicon-action-above:before { content: "" } .suitepicon-action-add:before, .suitepicon-action-create:before { content: "" } .suitepicon-action-alerts-small:before, .suitepicon-module-sugarfeed:before, .suitepicon-dashlet-sugarfeeddashlet:before { content: "" } .suitepicon-action-back:before { content: "" } .suitepicon-action-below:before, .jstree-default .jstree-open>.jstree-ocl:before { content: "" } .suitepicon-action-caret:before { content: "" } .suitepicon-action-clear:before { content: "" } .suitepicon-action-confirm:before { content: "" } .suitepicon-action-create-contact-vcard:before, .suitepicon-action-create-lead-vcard:before { content: "" } .suitepicon-action-create-group-user:before { content: "" } .suitepicon-action-create-person-form:before { content: "" } .suitepicon-action-create-security-group:before { content: "" } .suitepicon-action-delete:before { content: "" } .suitepicon-action-down:before { content: "" } .suitepicon-action-edit:before { content: "" } .suitepicon-action-empty-action:before, .suitepicon-action-:before { content: "" } .suitepicon-action-first:before { content: "" } .suitepicon-action-forward:before, .jstree-default .jstree-closed>.jstree-ocl:before { content: "" } .suitepicon-action-home:before { content: "" } .suitepicon-action-import-line-item:before { content: "" } .suitepicon-action-import:before { content: "" } .suitepicon-action-info:before { content: "" } .suitepicon-action-invade:before, .suitepicon-dashlet-invadersdashlet:before { content: "" } .suitepicon-action-last:before { content: "" } .suitepicon-action-left:before { content: "" } .suitepicon-action-list-maps:before { content: "" } .suitepicon-action-megaphone:before { content: "" } .suitepicon-action-minus:before { content: "" } .suitepicon-action-move-down:before { content: "" } .suitepicon-action-move-left:before { content: "" } .suitepicon-action-move-right:before { content: "" } .suitepicon-action-move-up:before { content: "" } .suitepicon-action-plus:before, .panel-heading a.collapsed:before { content: "" } .suitepicon-action-quick-radius-map:before { content: "" } .suitepicon-action-reload:before { content: "" } .suitepicon-action-resource-chart:before { content: "" } .suitepicon-action-right:before { content: "" } .suitepicon-action-role-management:before { content: "" } .suitepicon-action-schedule-call:before { content: "" } .suitepicon-action-schedule-meeting:before { content: "" } .suitepicon-action-schedule:before { content: "" } .suitepicon-action-search:before { content: "" } .suitepicon-action-security-groups:before { content: "" } .suitepicon-action-security-suite-settings:before { content: "" } .suitepicon-action-select:before { content: "" } .suitepicon-action-setup-email:before { content: "" } .suitepicon-action-sorting-ascending:before { content: "" } .suitepicon-action-sorting-descending:before { content: "" } .suitepicon-action-sorting-none:before { content: "" } .suitepicon-action-subtract:before { content: "" } .suitepicon-action-today:before { content: "" } .suitepicon-action-up:before { content: "" } .suitepicon-action-user-small:before { content: "" } .suitepicon-action-user:before { content: "" } .suitepicon-action-vcard:before { content: "" } .suitepicon-action-view-create-email-templates:before { content: "" } .suitepicon-action-view-diagnostics:before { content: "" } .suitepicon-action-view-email-templates:before { content: "" } .suitepicon-action-view-process-audit:before { content: "" } .suitepicon-action-view-project-tasks:before { content: "" } .suitepicon-action-view-record:before { content: "" } .suitepicon-action-view:before, .suitepicon-action-list:before { content: "" } .suitepicon-admin-activity-streams:before { content: "" } .suitepicon-admin-address-cache:before { content: "" } .suitepicon-admin-aobh-businesshours:before { content: "" } .suitepicon-admin-aod-settings:before { content: "" } .suitepicon-admin-aop-settings:before { content: "" } .suitepicon-admin-aos-settings:before { content: "" } .suitepicon-admin-backups:before { content: "" } .suitepicon-admin-campaign-email-settings:before { content: "" } .suitepicon-admin-configure-module-menu-filters:before { content: "" } .suitepicon-admin-connectors:before { content: "" } .suitepicon-admin-currencies:before { content: "" } .suitepicon-admin-diagnostic:before { content: "" } .suitepicon-admin-display-modules-and-subpanels:before { content: "" } .suitepicon-admin-donate:before { content: "" } .suitepicon-admin-dropdown-editor:before { content: "" } .suitepicon-admin-email-queue:before { content: "" } .suitepicon-admin-email-settings:before { content: "" } .suitepicon-admin-geocode-addresses:before { content: "" } .suitepicon-admin-geocoded-counts:before { content: "" } .suitepicon-admin-geocoding-test:before { content: "" } .suitepicon-admin-global-search:before { content: "" } .suitepicon-admin-google-maps-settings:before { content: "" } .suitepicon-admin-history-subpanel:before { content: "" } .suitepicon-admin-import:before { content: "" } .suitepicon-admin-inbound-email:before { content: "" } .suitepicon-admin-languages:before { content: "" } .suitepicon-admin-locale:before { content: "" } .suitepicon-admin-module-builder:before { content: "" } .suitepicon-admin-module-loader:before { content: "" } .suitepicon-admin-oauth2:before { content: "" } .suitepicon-admin-oauth-keys:before { content: "" } .suitepicon-admin-outbound-email:before { content: "" } .suitepicon-admin-password:before, .suitepicon-admin-:before { content: "" } .suitepicon-admin-pdf-settings:before { content: "" } .suitepicon-admin-rebuild:before { content: "" } .suitepicon-admin-releases:before { content: "" } .suitepicon-admin-rename-modules:before { content: "" } .suitepicon-admin-repair:before { content: "" } .suitepicon-admin-roles:before { content: "" } .suitepicon-admin-scheduler:before { content: "" } .suitepicon-admin-security-suite-group-management:before { content: "" } .suitepicon-admin-security:before { content: "" } .suitepicon-admin-studio:before { content: "" } .suitepicon-admin-system-settings:before { content: "" } .suitepicon-admin-themes:before { content: "" } .suitepicon-admin-upgrade-wizard:before { content: "" } .suitepicon-admin-user-management:before { content: "" } .suitepicon-admin-workflow:before { content: "" } .suitepicon-dashlet-charts-funnel:before, .suitepicon-module-mypipelinebysalesstagedashlet:before, .suitepicon-module-pipelinebysalesstagedashlet:before { content: "" } .suitepicon-dashlet-charts-groupby:before, .suitepicon-module-campaignroichartdashlet:before { content: "" } .suitepicon-dashlet-charts-horizontal:before, .suitepicon-module-opportunitiesbyleadsourcebyoutcomedashlet:before, .suitepicon-action-view-status:before { content: "" } .suitepicon-dashlet-charts-pie:before, .suitepicon-module-opportunitiesbyleadsourcedashlet:before { content: "" } .suitepicon-dashlet-charts-vertical:before, .suitepicon-module-outcomebymonthdashlet:before { content: "" } .suitepicon-dashlet-jotpad:before, .suitepicon-dashlet-jotpaddashlet:before { content: "" } .suitepicon-dashlet-sugarnews:before, .suitepicon-dashlet-sugarnewsdashlet:before, .suitepicon-action-view-news:before { content: "" } .suitepicon-display-folder-closed:before { content: "" } .suitepicon-display-folder-open:before, .jstree-anchor>.jstree-themeicon:before { content: "" } .suitepicon-favorite-star-outline:before { content: "" } .suitepicon-favorite-star:before { content: "" } .suitepicon-mimetype-tab:before { content: "" } .suitepicon-module-accounts:before { content: "" } .suitepicon-module-aclroles:before { content: "" } .suitepicon-module-activities:before { content: "" } .suitepicon-module-am-tasktemplates:before { content: "" } .suitepicon-module-aok-knowledge-base-categories:before { content: "" } .suitepicon-module-aok-knowledgebase:before { content: "" } .suitepicon-module-aor-reports:before { content: "" } .suitepicon-module-aos-contracts-signature:before { content: "" } .suitepicon-module-aos-contracts:before { content: "" } .suitepicon-module-aos-invoices:before { content: "" } .suitepicon-module-aos-pdf-templates:before { content: "" } .suitepicon-module-aos-product-categories:before { content: "" } .suitepicon-module-aos-quotes:before { content: "" } .suitepicon-module-aow-workflow:before { content: "" } .suitepicon-module-areas-maps:before, .suitepicon-module-jjwg-areas:before { content: "" } .suitepicon-module-basic:before { content: "" } .suitepicon-module-bugs:before { content: "" } .suitepicon-module-calendar:before { content: "" } .suitepicon-module-calls:before { content: "" } .suitepicon-module-campaigns:before, .suitepicon-module-campaignlog:before { content: "" } .suitepicon-module-campaigntrackers:before { content: "" } .suitepicon-module-cases:before { content: "" } .suitepicon-module-case-updates:before { content: "" } .suitepicon-module-company:before { content: "" } .suitepicon-module-contacts:before, .suitepicon-module-contact:before { content: "" } .suitepicon-module-default:before, .suitepicon-module-:before, .suitepicon-module-outboundemailaccounts:before { content: "" } .suitepicon-module-detailview:before { content: "" } .suitepicon-module-direct-reports:before { content: "" } .suitepicon-module-document-revisions:before { content: "" } .suitepicon-module-documents:before { content: "" } .suitepicon-module-editview:before { content: "" } .suitepicon-module-email-marketing2:before { content: "" } .suitepicon-module-email-marketing:before { content: "" } .suitepicon-module-emails:before { content: "" } .suitepicon-module-existing-package:before { content: "" } .suitepicon-module-fields:before { content: "" } .suitepicon-module-file:before { content: "" } .suitepicon-module-filter:before { content: "" } .suitepicon-module-fp-event-locations:before { content: "" } .suitepicon-module-fp-events:before { content: "" } .suitepicon-module-history:before { content: "" } .suitepicon-module-issue:before { content: "" } .suitepicon-module-jjwg-maps:before { content: "" } .suitepicon-module-jjwg-markers:before { content: "" } .suitepicon-module-labels:before { content: "" } .suitepicon-module-layouts:before { content: "" } .suitepicon-module-leads:before, .suitepicon-module-lead:before { content: "" } .suitepicon-module-listview:before { content: "" } .suitepicon-module-meetings:before { content: "" } .suitepicon-module-new-module:before { content: "" } .suitepicon-module-new-package:before { content: "" } .suitepicon-module-notes:before { content: "" } .suitepicon-module-opportunities:before { content: "" } .suitepicon-module-other:before { content: "" } .suitepicon-module-overview:before { content: "" } .suitepicon-module-person:before { content: "" } .suitepicon-module-popupview:before { content: "" } .suitepicon-module-process:before, .suitepicon-module-aow-processed:before { content: "" } .suitepicon-module-products:before, .suitepicon-module-aos-products:before, .suitepicon-module-aos-products-quotes:before { content: "" } .suitepicon-module-project-tasks:before, .suitepicon-module-projecttask:before, .suitepicon-module-project:before, .suitepicon-module-am-projecttemplates:before { content: "" } .suitepicon-module-prospectlists:before { content: "" } .suitepicon-module-quickcreate:before { content: "" } .suitepicon-module-relationships:before { content: "" } .suitepicon-module-sale:before { content: "" } .suitepicon-module-securitygroups:before { content: "" } .suitepicon-module-spots:before, .suitepicon-dashlet-spotsdashlet:before { content: "" } .suitepicon-module-subpanels:before { content: "" } .suitepicon-module-survey-responses:before { content: "" } .suitepicon-module-surveys:before, .suitepicon-module-surveyquestionoptions:before, .suitepicon-module-surveyquestionresponses:before, .suitepicon-module-surveyresponses:before, .suitepicon-module-surveyquestions:before { content: "" } .suitepicon-module-targets:before { content: "" } .suitepicon-module-tasks:before { content: "" } .suitepicon-module-users:before, .suitepicon-module-user:before { content: "" } .suitepicon-template-company:before { content: "" } .suitepicon-template-file:before { content: "" } .suitepicon-template-issue:before { content: "" } @font-face { font-family: "suitepicon"; src: url("../../../../../themes/SuiteP/css/suitep-base/suitepicon.eot#iefix") format("embedded-opentype"), url("../../../../../themes/SuiteP/css/suitep-base/suitepicon.woff2") format("woff2"), url("../../../../../themes/SuiteP/css/suitep-base/suitepicon.woff") format("woff"), url("../../../../../themes/SuiteP/css/suitep-base/suitepicon.ttf") format("truetype"), url("../../../../../themes/SuiteP/css/suitep-base/suitepicon.svg#suitepicon") format("svg") } .suitepicon, .button-toggle-expanded span, .button-toggle-collapsed span, .panel-heading a.collapsed, .panel-heading a { line-height: 1; vertical-align: middle } .suitepicon:before, .button-toggle-expanded span:before, .button-toggle-collapsed span:before, .panel-heading a.collapsed:before, .panel-heading a:before { font-family: suitepicon !important; font-style: normal; font-weight: normal !important; } .button-toggle-expanded span { line-height: 30px; margin-left: 4px } .button-toggle-collapsed span { line-height: 30px; margin-left: 7px } html { height: 100% } body { font-family: "Inter", sans-serif; font-optical-sizing: auto; font-weight: 200; font-style: normal; font-size: 14px; background: #F5F5F5; color: #534D64; margin: 0; overflow: auto; height: 100% } img, svg { image-rendering: auto } h3 { font-size: 18px; } a { color: var(--black) } a:hover { color: #F08377 } h4 { padding-left: 4px; margin-bottom: 2px } h5 { padding-left: 4px; margin-bottom: 2px } hr { background-color: #CBCBCB; color: #CBCBCB; border: 0; border-top: 1px solid #CBCBCB; clear: both; height: 1px } a:link { text-decoration: none; color: var(--PB_color-primary); } .feed-content a:link { text-decoration: none; color: var(--PB_color-primary); } a:visited { text-decoration: underline } a:hover { text-decoration: underline } .studiolink svg, .studiolink img { width: 30px; height: auto } #ajaxHeader { float: left } .bootstrap-container.col-sm-offset-3 { background-color: #F5F5F5; margin-top: 80px } .bootstrap-container { background-color: #F5F5F5; margin-top: 80px } .bootstrap-container .dropdown-menu em { padding: 0 10px 0 10px } .bootstrap-container .dropdown-menu em a { color: #F08377 } .mask { z-index: 2 !important } #ajaxloading_c { z-index: 11 !important } ::selection { background: #F08377; color: var(--black) } ::-moz-selection { background: #F08377; color: var(--black) } @media (max-width: 750px) { .bootstrap-container.col-sm-offset-3 { margin-top: 80px } .bootstrap-container { margin-top: 80px } } @media (max-width: 1130px) { .bootstrap-container.col-md-offset-2 { margin-left: 0 } .col-md-10, .bootstrap-container { width: 100% } } .content { margin: 0 0 0 0 } @media (max-width: 750px) { .content { margin: 0 0 0 0; width: 100% } } .aor-tab-content { background-color: #FFFFFF } #report-editview-footer { width: 100% } #detailpanel_fields_select { border-right: 2px solid #E6E6E6; display: inline-block; padding: 8px; width: 20% } #detailpanel_fields_display { display: inline-block; padding: 8px; width: 75% } .aor_dragbox { overflow: scroll; height: 250px } #report-editview-footer .tab-togglers { margin-left: 20% } #report-editview-footer .tab-toggler.active .button { background-color: #F08377 } #report-editview-footer .parentheses-btn { display: block } #report-editview-footer .condition-sortable-handle { cursor: move } #report-editview-footer .parenthesis-line strong { font-size: 18px } #report-editview-footer .drop-area.highlighted { background-color: #F7F7F7 } .noGraphDataPoints { padding: 10px } .rgraph_chart_tooltips_css { font-family: "Lato", Arial } .aor-tab-content #group_display_table { margin-bottom: 8px } .aor-tab-content #fieldLines_head td, .aor-tab-content #aor_conditionLines_head td, .aor-tab-content #chartHead td { background-color: #778591; color: #FFFFFF; height: 32px; font-weight: 700 } .aor-tab-content #fieldLines_head td:first-of-type, .aor-tab-content #aor_conditionLines_head td:first-of-type, .aor-tab-content #chartHead td:first-of-type { border-top-left-radius: 4px } .aor-tab-content #fieldLines_head td:last-of-type, .aor-tab-content #aor_conditionLines_head td:last-of-type, .aor-tab-content #chartHead td:last-of-type { border-top-right-radius: 4px } .aor-tab-content #fieldLines tbody tr { height: 64px } .aor-tab-content #fieldLines tbody tr td { background-color: #FFFFFF } .aor-tab-content #fieldLines tbody tr td [type=text] { margin-right: 4px } .aor-tab-content #fieldLines tbody tr td:first-of-type { padding-left: 4px } .aor-tab-content #fieldLines tbody tr td:first-of-type .button { padding: 6px 6px 18px 6px; line-height: 10px; height: 0px; font-size: 32px } .aor-tab-content #fieldLines tbody:nth-of-type(2n) tr td { background-color: #F5F5F5 } .aor-tab-content #aor_conditionLines .logic-select { margin-right: 4px } .aor-tab-content #aor_conditionLines tbody tr { height: 64px } .aor-tab-content #aor_conditionLines tbody tr td { background-color: #FFFFFF } .aor-tab-content #aor_conditionLines tbody tr td [type=text] { margin-right: 4px } .aor-tab-content #aor_conditionLines tbody tr td:first-of-type { padding-left: 4px } .aor-tab-content #aor_conditionLines tbody tr td:first-of-type .button { padding: 6px 6px 18px 6px; line-height: 10px; height: 0px; font-size: 32px } .aor-tab-content #aor_conditionLines tbody tr:nth-of-type(2n) td { background-color: #F5F5F5 } .aor-tab-content #aor_conditionLines #aor_conditionLines_head td:nth-of-type(2), .aor-tab-content #aor_conditionLines #aor_conditionLines_head td:last-of-type { padding-right: 8px } .aor-tab-content #detailpanel_charts tbody tr { height: 64px } .aor-tab-content #detailpanel_charts tbody tr td { background-color: #FFFFFF } .aor-tab-content #detailpanel_charts tbody tr td [type=text] { margin-right: 4px } .aor-tab-content #detailpanel_charts tbody tr td select { margin-right: 4px } .aor-tab-content #detailpanel_charts tbody tr td:first-of-type { padding-left: 4px } .aor-tab-content #detailpanel_charts tbody tr td:first-of-type .removeChartButton { margin-right: 4px; padding: 6px 6px 18px 6px; line-height: 10px; height: 0px; font-size: 32px } .aor-tab-content #detailpanel_charts tbody tr:nth-of-type(2n) td { background-color: #F5F5F5 } #aor_condition_parenthesis_table { border: none; border: none; margin-bottom: 8px } #aor_condition_parenthesis_table tbody { border: none; border: none } #aor_condition_parenthesis_table tbody tr { border: none; border: none } #aor_condition_parenthesis_table #aor_condition_parenthesis_btn { font-weight: 700 } .parentheses-btn { border: 1px solid transparent; border-radius: 4px; background-color: #AA9DCC; color: #F5F5F5; font-weight: 700 } .parentheses-btn:hover { background-color: #9589B3; cursor: grab } .parentheses-btn .condition-sortable-handle { padding: 5px 10px 5px 10px } .jqtree-tree .jqtree-title { color: #F08377 } #detailpanel_report .list-view-rounded-corners { margin: 0px } #detailpanel_report .list-view-rounded-corners>table th:first-of-type { border-top-left-radius: 0 } #detailpanel_report .list-view-rounded-corners>table th:last-of-type { border-top-right-radius: 0 } #detailpanel_report .table-responsive { border-collapse: collapse } #detailpanel_report .totalReportRow { border-top: 1px solid #778591; border-bottom: 1px solid #778591 } #detailpanel_report .totalReportRow td { padding: 5px 5px; font-size: 13px; font-weight: bold; background-color: #F5F5F5 } #condition_lines_span { display: block } #aow_conditionLines { display: block } #aow_conditionLines>thead { display: block } #aow_conditionLines>thead td { background-color: #BFCAD3; padding: 8px 3px 8px 2px; color: #FFFFFF; font-weight: bold; font-size: 13px } .detail-view-field #aow_conditionLines thead td:first-of-type { border-top-left-radius: 4px; height: 32px } .edit-view-field #aow_conditionLines thead td:first-of-type { border-top-left-radius: 4px; height: 34px; width: 42px } #aow_conditionLines thead td:last-of-type { border-top-right-radius: 4px; padding-left: 8px; width: 26% } #aow_conditionLines>thead>tr { border-top-left-radius: 4px; border-top-right-radius: 4px; background-color: #BFCAD3; display: block } #aow_conditionLines>tbody { display: block } #aow_conditionLines>tbody>tr { display: block; background-color: #F5F5F5; border-bottom: 1px #FFFFFF solid } #aow_conditionLines>tbody>tr>td { vertical-align: top } #aow_conditionLines td:first-of-type { display: inline-block } #aow_conditionLines td:not(:first-of-type) { display: inline-block; width: 16.67% } #aow_conditionLines tbody td { background-color: #F5F5F5; margin-top: 2px; margin-bottom: 2px; min-height: 32px } #aow_conditionLines tbody td:first-of-type { padding-left: 8px; border-top-left-radius: 4px; border-bottom-left-radius: 4px } #aow_conditionLines tbody td:last-of-type { padding-left: 8px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; width: 26% } #aow_conditionLines td:first-of-type button { margin-top: 6px; line-height: 30px } #aow_conditionLines input { margin-top: 8px } #aow_conditionLines input.sqsEnabled { width: 62.5% } #aow_conditionLines input[type=checkbox] { margin-top: 24px } #aow_conditionLines textarea { margin-top: 8px; width: 95% } #aow_conditionLines select { width: 95%; margin-top: 8px } #aow_conditionLines>tbody>tr>td>table.dateTime { display: inline-block; background-color: #F5F5F5 } #aow_conditionLines>tbody>tr>td>table.dateTime .dateTimeComboColumn { display: inline-block } @media (max-width: 1800px) { #aow_conditionLines select[id$="][0]"] { width: 45%; margin-bottom: 4px } #aow_conditionLines select[id$="][1]"] { width: 45%; margin-bottom: 4px } #aow_conditionLines input[id$="][2]"] { width: 45%; margin-bottom: 4px } #aow_conditionLines select[id$="][3]"] { width: 45%; margin-bottom: 4px } } @media (min-width: 1800px) { #aow_conditionLines select[id$="][0]"] { width: 24% } #aow_conditionLines select[id$="][1]"] { width: 24% } #aow_conditionLines input[id$="][2]"] { width: 24% } #aow_conditionLines select[id$="][3]"] { width: 24% } } [field="action_lines"] { display: block; width: 100% } #aow_conditionLines [type="button"] { background-color: #F08377; padding: 7px; margin-right: 4px; border: 1px solid #F08377; border-radius: 4px } #actionLines [type="button"] { background-color: #F08377; padding: 0; margin-right: 4px; border: 1px solid #F08377; border-radius: 4px } #actionLines { display: block } #actionLines>tr { display: block } #actionLines>tr>td { display: block } #actionLines td[field] label { margin-right: 8px } #actionLines>tr>td { border: 1px solid #BFCAD3; border-radius: 4px; margin-bottom: 4px } #actionLines .action-table { display: block; width: 100% } #actionLines .action-table tbody { display: block; width: 100% } #actionLines .action-table tr { display: block; width: 100% } [data-workflow-action-parameter] input.sqsEnabled { margin-top: 0px; width: 50% } .col-sm-12 .col-sm-8.edit-view-field [data-workflow-action-parameter] [data-workflow-action="create-record"] input.sqsEnabled { width: 65% } .col-sm-12 .col-sm-8.edit-view-field [data-workflow-action-parameter] [data-workflow-action="modify-record"] input.sqsEnabled { width: 65% } .col-sm-12 .col-sm-8.edit-view-field [data-workflow-action-parameter] [data-workflow-action="send-email"] input.sqsEnabled { width: 10% } .col-sm-12 .col-sm-8.edit-view-field [data-workflow-action-parameter] [data-workflow-action="send-email"] .id-ff.multiple>button { margin-left: 0 } #actionLines .action-table td { display: inline-block } #actionLines .action-table>tbody>tr:first-of-type>td:first-of-type { padding-left: 8px } #actionLines .action-table>tbody>tr:first-of-type>td { border-bottom: 1px solid #BFCAD3; padding-top: 4px } #actionLines td[field=action] { width: 65%; height: 64px } #actionLines td[field=action] select { margin-left: 20px } #actionLines td[field=name] { width: 30%; height: 64px } #actionLines td[field=name] input[type=text] { width: 80% } #actionLines td[field=delete] { width: 5%; height: 64px } #actionLines td[field=delete] .delete-btn { float: right } #actionLines td[field=delete] .delete-btn .btn { padding: 0 0 0 0 } .edit tr td [data-workflow-action] td { vertical-align: middle } [data-workflow-action-line] { vertical-align: top } [data-workflow-action-line] td:first-of-type { width: 48px } [data-workflow-action-line] td:nth-of-type(3) select { width: auto } [data-workflow-action-line] select[id$="][0]"] { width: 45%; margin-bottom: 4px } [data-workflow-action-line] select[id$="][1]"] { width: 45%; margin-bottom: 4px } .col-sm-12 .edit-view-field [data-workflow-action-line] input[id$="][2]"] { width: 45%; margin-bottom: 4px } .col-sm-12 .edit-view-field [data-workflow-action-line] input[id$="][2]"][type=checkbox] { width: 16px } [data-workflow-action-line] select[id$="][3]"] { width: 45%; margin-bottom: 4px } [data-workflow-action="send-email"]>tbody>tr>td { line-height: 20px } [data-workflow-action="send-email"]>tbody>tr:nth-of-type(1)>td { width: 20% } [data-workflow-action="send-email"]>tbody>tr:nth-of-type(2)>td:nth-of-type(2) { width: 100% } [data-workflow-action="send-email"]>tbody>tr:nth-of-type(2)>td:nth-of-type(2) td:nth-of-type(1) { padding-left: 4px } [data-workflow-action="send-email"]>tbody>tr:nth-of-type(2)>td:nth-of-type(2) td { padding-bottom: 8px; padding-top: 8px; width: 100% } [data-workflow-action="send-email"]>tbody>tr:nth-of-type(2)>td:nth-of-type(2) td input[type=text] { width: auto } #relate_label { line-height: 20px } #deleteGroup img { background-color: #F08377; padding: 0; margin-right: 4px; border: 1px solid #F08377; border-radius: 4px } .btn-danger { background-color: var(--danger) } .btn-danger:hover { background-color: #D66C60 } .btn-danger:active { background-color: #F08377 } .btn-danger:focus { background-color: #F08377 } [data-workflow-action] .lines tbody>tr>td { margin-bottom: 4px; min-height: 64px; padding-left: 8px; padding-right: 8px } [data-workflow-action] .relationship tbody>tr>td { padding-left: 8px; padding-right: 8px; min-height: 64px } [data-workflow-action] .email-line tbody>tr>td { padding-left: 8px; padding-right: 8px } [data-workflow-action] .email-line tbody>tr>td select { margin-left: 8px; margin-right: 8px } [data-workflow-action] .email-line tbody>tr>td button { margin-left: 8px; margin-right: 8px } [data-workflow-action] .email-line tbody>tr>td input { margin-left: 8px; margin-right: 8px } [data-workflow-action] .name_label { width: 70% } [data-workflow-action] .name_label { width: 30% } [data-workflow-action] .lines tbody>tr>td { margin-bottom: 4px; min-height: 64px } [data-workflow-action] .lines tbody>tr>td:first-of-type button { margin-top: 8px; line-height: 30px } [data-workflow-action] .lines select { margin-top: 8px } [data-workflow-action] .lines tbody>tr>td input { margin-top: 8px } [data-workflow-action] .lines tbody>tr>td input.sqsEnabled { width: 62.5% } [data-workflow-action] .lines tbody>tr>td input[type=checkbox] { margin-top: 24px } [data-workflow-action] .lines tbody>tr>td textarea { margin-top: 8px; width: 95% } [data-workflow-action-parameter] [colspan="4"] { display: block; width: 100% } [data-workflow-action-parameter]>td { display: block; width: 100% } .sidebar { display: block; position: fixed; top: 0; bottom: 0; left: 0; background: linear-gradient(180deg, #4367B0 0%, #4C70BA 50%, #3A5A9A 100%); overflow-x: hidden; overflow-y: auto; z-index: 1031; padding: 0px 15px; border-radius: 0px 7px 7px 0px; } .sidebar .actionMenuSidebar { margin-bottom: 10px } .sidebar .actionMenuSidebar_top { display: none } .sidebar .actionMenuSidebar .recent_h3 { display: none } .sidebar .actionMenuSidebar ul { list-style-type: none } .sidebar .actionMenuSidebar li a .side-bar-action-icon .suitepicon, .sidebar .actionMenuSidebar li a .side-bar-action-icon .button-toggle-expanded span, .button-toggle-expanded .sidebar .actionMenuSidebar li a .side-bar-action-icon span, .sidebar .actionMenuSidebar li a .side-bar-action-icon .button-toggle-collapsed span, .button-toggle-collapsed .sidebar .actionMenuSidebar li a .side-bar-action-icon span, .sidebar .actionMenuSidebar li a .side-bar-action-icon .panel-heading a.collapsed, .panel-heading .sidebar .actionMenuSidebar li a .side-bar-action-icon a.collapsed, .sidebar .actionMenuSidebar li a .side-bar-action-icon .panel-heading a, .panel-heading .sidebar .actionMenuSidebar li a .side-bar-action-icon a { display: inline-block; font-size: 30px; line-height: 48px; position: relative } .sidebar .actionMenuSidebar li a { display: block; font-size: 13px; background-color: var(--primary); color: #FFFFFF; margin: 0 0 1px 0; clear: both } .sidebar .actionMenuSidebar ul li a:hover { background-color: #8499AB; color: #FFFFFF } .sidebar .actionMenuSidebar li a div { display: block; text-wrap: normal } .sidebar .actionMenuSidebar li a .actionmenulink { padding: 10px 8px 10px 0; line-height: 24px; width: 100%; min-height: 48px } .sidebar .recentlyViewedSidebar { margin-bottom: 12px; float: left; width: 100% } .sidebar .recently_viewed_link_container_sidebar { font-size: 13px } .sidebar .side-bar-action-icon { background-position: 0 8px; background-repeat: no-repeat; background-size: 32px; margin-left: 12px; float: left; width: 40px; height: 48px; vertical-align: middle } .sidebar .favoritelinks { width: 100% } .sidebar .recentlinks { width: 100% } .sidebar .favoritelinks img { margin-right: 7px } .sidebar .recentlinks img { margin-right: 7px } a.buttontoggle, a.buttontoggle:link { color: #F5F5F5; text-decoration: none } a.buttontoggle:hover { color: #F5F5F5; text-decoration: none } .button-toggle-collapsed { left: 0 } .button-toggle-collapsed { border-top-right-radius: 3px; border-bottom-right-radius: 3px; width: 30px; height: 30px; z-index: 1000; cursor: pointer } .button-toggle-expanded { border-top-right-radius: 3px; border-bottom-right-radius: 3px; width: 30px; height: 30px; z-index: 1000; cursor: pointer } @media (max-width: 1200px) { .sidebar { width: 0; visibility: collapse } .button-toggle-expanded { width: 0; visibility: collapse } .button-toggle-collapsed { width: 0; visibility: collapse } .bootstrap-container.col-md-offset-2 { margin-left: 0 } .col-md-10 { width: 100% } footer.expandedSidebar { width: 100% } footer.collapsedSidebar { width: 100% } #userlinks_head { display: none } } .button-toggle-collapsed { left: 0 } .favoritesSidebar { float: left; width: 100% } .PB__sidebar .favoritesSidebar .new, .PB__sidebar .favoritesSidebar .new * { width: auto; height: auto; visibility: visible; overflow: visible; } #favoritesSidebar li a { width: auto !important; } .recentlyViewedSidebar li a { color: #F5F5F5; padding-top: 12px; padding-bottom: 12px } .favoritesSidebar li a { color: #F5F5F5; padding-top: 12px; padding-bottom: 12px } .recentlyViewedSidebar .recent-links-detail { display: inline-block; width: 85% } .favoritesSidebar .favorite-links-detail { display: inline-block; width: 85% } .recentlyViewedSidebar .recent-links-edit { display: inline-block; width: 20px; height: 20px } .favoritesSidebar .favorite-links-edit { display: inline-block; width: 20px; height: 20px } .recentlyViewedSidebar li:hover { background-color: #677785 } .recentlyViewedSidebar .recent-links-detail .suitepicon, .recentlyViewedSidebar .recent-links-detail .button-toggle-expanded span, .button-toggle-expanded .recentlyViewedSidebar .recent-links-detail span, .recentlyViewedSidebar .recent-links-detail .button-toggle-collapsed span, .button-toggle-collapsed .recentlyViewedSidebar .recent-links-detail span, .recentlyViewedSidebar .recent-links-detail .panel-heading a.collapsed, .panel-heading .recentlyViewedSidebar .recent-links-detail a.collapsed, .recentlyViewedSidebar .recent-links-detail .panel-heading a, .panel-heading .recentlyViewedSidebar .recent-links-detail a { display: inline-block; font-size: 18px; line-height: 18px; margin-right: 4px; position: relative } .recentlyViewedSidebar .recent_h3 { font-size: 16px; font-weight: bold; color: #F5F5F5; margin: 0 0 5px 0 } .favoritesSidebar .recent_h3 { margin: 0 0 5px 0; font-size: 14px; font-weight: 600; color: rgba(255, 255, 255, .5); } footer { bottom: 0; background-color: #DDDDDD; margin: 0 0 0 0; border-radius: 4px; line-height: 38px; width: 100%; display: inline-block } footer.expandedSidebar { float: right } footer.collapsedSidebar { float: right } .footer_left { display: inline-block } @media (min-width: 1200px) { .sidebar { width: 20% } .bootstrap-container.col-md-offset-2 { margin-left: 20% } .button-toggle-expanded { left: 20% } .col-md-10 { width: 80% } footer.expandedSidebar { width: 80% } footer.collapsedSidebar { width: 100% } .recentlyViewedSidebar .recent-links-detail { padding: 5px 1% 5px 7% } .favoritesSidebar .favorite-links-detail { padding: 5px 1% 5px 7% } .recentlyViewedSidebar .recent_h3 { padding: 0 1% 0 7% } .favoritesSidebar .recent_h3 { padding: 0 1% 0 7% } } @media (min-width: 1230px) { .sidebar { width: 18% } .bootstrap-container.col-md-offset-2 { margin-left: 18% } .button-toggle-expanded { left: 18% } .col-md-10 { width: 82% } footer.expandedSidebar { width: 82% } } @media (min-width: 1300px) { .sidebar { width: 17% } .bootstrap-container.col-md-offset-2 { margin-left: 17% } .button-toggle-expanded { left: 17% } .col-md-10 { width: 83% } footer.expandedSidebar { width: 83% } } @media (min-width: 1400px) { .sidebar { width: 15.8% } .bootstrap-container.col-md-offset-2 { margin-left: 15.8% } .button-toggle-expanded { left: 15.8% } .col-md-10 { width: 84.2% } footer.expandedSidebar { width: 84.2% } } @media (min-width: 1500px) { .sidebar { width: 14.8% } .bootstrap-container.col-md-offset-2 { margin-left: 14.8% } .button-toggle-expanded { left: 14.8% } .col-md-10 { width: 85.2% } footer.expandedSidebar { width: 85.2% } } @media (min-width: 1600px) { #search { visibility: collapse } .sidebar { width: 13.8% } .bootstrap-container.col-md-offset-2 { margin-left: 13.8% } .button-toggle-expanded { left: 13.8% } .col-md-10 { width: 86.2% } footer.expandedSidebar { width: 86.2% } } @media (min-width: 1800px) { .sidebar { width: 12.8% } .bootstrap-container.col-md-offset-2 { margin-left: 12.8% } .button-toggle-expanded { left: 12.8% } .col-md-10 { width: 87.2% } footer.expandedSidebar { width: 87.2% } } @media (min-width: 1900px) { .sidebar { width: 12.8% } .bootstrap-container.col-md-offset-2 { margin-left: 11.8% } .button-toggle-expanded { left: 12.8% } .col-md-10 { width: 88.2% } footer.expandedSidebar { width: 88.2% } } @media (min-width: 2100px) { .sidebar { width: 10.8% } .bootstrap-container.col-md-offset-2 { margin-left: 10.8% } .button-toggle-expanded { left: 10.8% } .col-md-10 { width: 89.2% } footer.expandedSidebar { width: 89.2% } } @media (min-width: 2300px) { .sidebar { width: 10% } .bootstrap-container.col-md-offset-2 { margin-left: 10% } .button-toggle-expanded { left: 10% } .col-md-10 { width: 90% } footer.expandedSidebar { width: 90% } } @media print { .navbar-inverse { display: none } .sidebar { display: none } } .navbar .query_string::selection { background-color: #FFFFFF !important; color: #534D64 !important } .navbar .query_string::-moz-selection { background-color: #FFFFFF !important; color: #534D64 !important } .navbar-left { float: left !important } .navbar-right { float: right !important; } .navbar-right~.navbar-right { margin-right: 0 } .navbar-inverse { background: #fff; } .navbar-inverse .navbar-brand, .navbar-inverse .navbar-nav>li>a.with-home-icon { display: inline-block; color: #FFFFFF; padding: 0; line-height: 40px; font-size: 20px } .navbar-inverse .navbar-nav>li>a.with-home-icon:hover { color: #F08377 } .navbar-inverse .navbar-toggle .icon-bar { background-color: #FFFFFF } .navbar-inverse .navbar-toggle .icon-bar:hover { color: #F08377 } .navbar-inverse .with-home-icon .suitepicon-action-home { line-height: 35px } .navbar-inverse .dropdown-menu>li>a { line-height: normal } .navbar-inverse .dropdown-menu { font-size: 10px; background: #5D5670; padding: 4px 10px 4px 10px; margin-top: 0; border-top-left-radius: 0; border-top-right-radius: 0; overflow-y: auto; min-width: 185px } .navbar-inverse .dropdown-menu li { padding: 0; margin: 0 } .navbar-inverse .dropdown-menu li a { display: block; font-size: 14px; background-color: #5D5670; color: #FFFFFF; padding: 7px 10px 7px 10px; margin: 0; border-bottom: 1px solid #757083; letter-spacing: 0; text-decoration: none; text-transform: none } .navbar-inverse .dropdown-menu li a:hover { background: #5D5670; color: #F08377; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out } .navbar-inverse .dropdown-menu .action-links-title a:hover { color: #F5F5F5 } .navbar-inverse .dropdown-menu .recentlinks { width: 100% } .navbar-inverse .dropdown-menu .recentlinks img { margin-right: 5px } .navbar-inverse .dropdown-menu .recentlinks a:hover { color: #F5F5F5 } .navbar-inverse .dropdown-menu .favoritelinks { width: 100% } .navbar-inverse .dropdown-menu .favoritelinks img { margin-right: 5px } .navbar-inverse .dropdown-menu .favoritelinks a:hover { color: #F5F5F5 } .navbar-inverse .nav { display: inline-block } .navbar-inverse .nav>.topnav { margin: 0; font-size: 12px; height: 60px; letter-spacing: 2px; line-height: 60px; padding: 0 7px 0 7px; text-transform: uppercase } .navbar-inverse .nav>.topnav>span.notCurrentTab>a { display: inline-block; border-top: 3px solid transparent } .navbar-inverse .nav>.topnav>span.notCurrentTab>a:hover { background-color: #5D5670; border-top: 3px solid #F08377 } .navbar-inverse .nav>.topnav>span.currentTab>a { display: inline-block; border-top: 3px solid #F08377 } .navbar-inverse .nav>.topnav .currentTab a { color: #F08377 } .navbar-inverse .nav>.topnav .currentTab a, .navbar-inverse .nav>.topnav .dropdown-toggle { font-size: 13px } .navbar-inverse .nav>.topnav.with-actions { margin: 0; font-size: 13px; height: 60px; letter-spacing: 2px; line-height: 60px; padding: 0 0 0 0; text-transform: uppercase; clear: both } .navbar-inverse .nav>.topnav.with-actions>span.notCurrentTab>a { display: inline-block; border-top: 3px solid transparent; padding-top: 0; padding-bottom: 0; height: 60px } .navbar-inverse .nav>.topnav.with-actions>span.notCurrentTab>a:hover { background-color: #5D5670; border-top: 3px solid #F08377 } .navbar-inverse .nav>.topnav.with-actions>span.currentTab>a { display: inline-block; border-top: 3px solid #F08377; padding-top: 0; padding-bottom: 0; height: 60px } .navbar-inverse .nav>.topnav.with-actions .currentTab a, .navbar-inverse .nav>.topnav.with-actions .dropdown-toggle { font-size: 13px } .navbar-inverse .navbar-inverse .nav>.topnav>span.notCurrentTab>a:hover { color: #FFFFFF } .navbar-inverse .navbar-inverse .nav>.topnav>span.currentModule.notCurrentTab>a { background-color: #FFFFFF; color: #FFFFFF; padding-left: 5px; padding-right: 5px } .navbar-inverse .navbar-inverse .nav>.topnav>span.currentModule.notCurrentTab>a:hover { background-color: #FFFFFF; color: #FFFFFF } .navbar-inverse .navbar-right .dropdown-menu { border-top-left-radius: 3px } .navbar-inverse .btn-default { background-color: transparent; border-color: transparent } .navbar-inverse .btn-default:hover { background-color: transparent; border-color: transparent } .navbar-inverse .btn-default:active { background-color: transparent; border-color: transparent } .navbar-inverse .btn-default:focus { background-color: transparent; border-color: transparent } .navbar-inverse .headerlinks a:link { color: #FFFFFF; padding: 0; width: 100% } .navbar-inverse .headerlinks a:visited { color: #FFFFFF; padding: 0; width: 100% } .navbar-nav>li { float: none; display: inline-block } .navbar { max-height: 60px; min-height: 60px } .recent_h3 { color: #F5F5F5; line-height: 42px } .recent_h3>strong { text-transform: none } .recently_viewed_link_container { margin-bottom: 16px; float: left; overflow: hidden; width: 100% } .topnav>ul>li>ul>li a span.topnav-fake-icon { display: inline; height: 20px } .topnav .dropdown-menu li { line-height: normal } .dropdown-menu li.action-links-title a:hover { color: #F5F5F5 } .dropdown-menu li.recent-links-title a:hover { color: #F5F5F5 } .dropdown-menu li.favorite-links-title a:hover { color: #F5F5F5 } .with-actions span { display: inline-block } .with-actions .dropdown-menu { padding: 0 10px 0 10px; width: 200px } .with-actions .dropdown-menu li { line-height: normal } .mobileheader .dropdown-menu { width: 200px } .mobileheader .dropdown-menu li { line-height: normal } .mobileheader .dropdown-menu ul li.recentlinks:last-of-type { border-bottom: none } .mobileheader .dropdown-menu ul li.favoritelinks:last-of-type { border-bottom: none } .mobileheader .dropdown-menu ul li.recentlinks:only-child { border-bottom: none } .mobileheader .dropdown-menu ul li.favoritelinks:only-child { border-bottom: none } .mobileheader .dropdown-menu li:last-of-type a { border-bottom: none } .mobileheader .dropdown-menu li.recent-links-title a { padding: 12px 10px 5px 10px } .mobileheader .dropdown-menu li.favorite-links-title a { padding: 12px 10px 5px 10px } .topnav .dropdown-menu li.recentlinks:last-of-type { border-bottom: none } .topnav .dropdown-menu li.favoritelinks:last-of-type { border-bottom: none } .topnav .dropdown-menu li.recentlinks:only-child { border-bottom: none } .topnav .dropdown-menu li.favoritelinks:only-child { border-bottom: none } .with-actions .dropdown-menu li.recentlinks:last-of-type { border-bottom: none } .with-actions .dropdown-menu li.favoritelinks:last-of-type { border-bottom: none } .with-actions .dropdown-menu li.recentlinks:only-child { border-bottom: none } .with-actions .dropdown-menu li.favoritelinks:only-child { border-bottom: none } .mobileheader .dropdown-menu li.recentlinks { border-bottom: 1px solid #757083 } .mobileheader .dropdown-menu li.favoritelinks { border-bottom: 1px solid #757083 } .topnav .dropdown-menu li.recentlinks { border-bottom: 1px solid #757083 } .topnav .dropdown-menu li.favoritelinks { border-bottom: 1px solid #757083 } .with-actions .dropdown-menu li.recentlinks { border-bottom: 1px solid #757083 } .with-actions .dropdown-menu li.favoritelinks { border-bottom: 1px solid #757083 } .mobileheader .dropdown-menu ul li a.recent-links-detail { padding-top: 12px; padding-bottom: 12px } .mobileheader .dropdown-menu ul li a.favorite-links-detail { padding-top: 12px; padding-bottom: 12px } .mobileheader .dropdown-menu ul li a.recent-links-edit { padding-top: 12px; padding-bottom: 12px } .mobileheader .dropdown-menu ul li a.favorite-links-edit { padding-top: 12px; padding-bottom: 12px } .mobileheader .dropdown-menu ul li a.recent-links-detail { display: inline-block; border: none; width: 80% } .mobileheader .dropdown-menu ul li a.favorite-links-detail { display: inline-block; border: none; width: 80% } .topnav .dropdown-menu li a.recent-links-detail { display: inline-block; border: none; width: 75% } .topnav .dropdown-menu li a.favorite-links-detail { display: inline-block; border: none; width: 75% } .with-actions .recent-links-detail { display: inline-block; border: none; width: 75% } .with-actions .favorite-links-detail { display: inline-block; border: none; width: 75% } .navbar-inverse .dropdown-menu li a.recent-links-edit { padding-right: 0 } .navbar-inverse .dropdown-menu li a.favorite-links-edit { padding-right: 0 } .navbar-inverse .dropdown-menu li a.recent-links-detail { padding-right: 0 } .navbar-inverse .dropdown-menu li a.favorite-links-detail { padding-right: 0 } .mobileheader .dropdown-menu ul li a.recent-links-edit { display: inline-block; border: none; width: 20px; height: 20px } .mobileheader .dropdown-menu ul li a.favorite-links-edit { display: inline-block; border: none; width: 20px; height: 20px } .topnav .dropdown-menu li a.recent-links-edit { display: inline-block; border: none; width: 20px; height: 20px } .topnav .dropdown-menu li a.favorite-links-edit { display: inline-block; border: none; width: 20px; height: 20px } .with-actions .dropdown-menu li a.recent-links-edit { display: inline-block; border: none; width: 20px; height: 20px } .with-actions .dropdown-menu li a.favorite-links-edit { display: inline-block; border: none; width: 20px; height: 20px } .topnav a { color: #FFFFFF } .topnav:hover { background-color: #5D5670; color: #F08377 } .topnav a:hover { color: #F08377 } .topnav .dropdown-menu li:last-child a { border-bottom: 0 } .navbar-right .dropdown-menu li:last-child a { border-bottom: 0 } .moremenu ul { overflow-y: auto; max-height: 525px } .dropdown-menu { overflow-y: auto; max-height: 525px } .moremenu a { font-size: 1.2em; color: #F5F5F5; cursor: pointer; padding: 8px 0 0 0; margin: 0 } .moremenu ul { top: 49px; margin: 0 } .moremenu ul li a { display: block; font-size: 1.2em; color: #F08377; cursor: pointer; padding: 5px } .moremenu ul li:hover { border-radius: 0 } .moremenu ul li a:hover { background: none; background: #F08377; color: #F5F5F5; cursor: pointer; padding: 5px } .mobile_menu { border-top: none } .mobile_menu { padding: 4px 10px } .mobile_menu a .glyphicon-plus { float: right; text-align: center; width: 28px; height: 28px } .mobile_menu a:hover .glyphicon-plus { color: #FFFFFF } .usermenu a { font-size: 14px; background-color: #534D64; padding-top: 0; padding-bottom: 0; padding-left: 0; padding-right: 0 } .usermenu a:hover { color: #FFFFFF } .globalLinks-desktop { color: #FFFFFF } .globalLinks-desktop .user-dropdown li a { color: #FFFFFF } .globalLinks-desktop .user-dropdown li a:hover { color: #F08377 } .navbar-inverse .globalLinks-desktop>li>a { color: #F5F5F5 } .globalLinks-desktop ul li a { color: #FFFFFF } .globalLinks-desktop ul li a:hover { color: #F08377 } .globalLinks-desktop ul li { padding: 0 } .globalLinks-desktop .suitepicon-action-caret { line-height: 45px; font-size: 0.6em } .usermenu a .caret { margin-left: 10px; border: 0; width: 10px; height: 10px } .globalLinks-desktop .user-menu-button { background-color: white; border: none; box-shadow: none; margin: 0; padding: 0; vertical-align: middle } .user-menu li:last-of-type a { border-bottom: none } .globalLinks-desktop .suitepicon-action-current-user { font-size: 16px; font-weight: 400; position: relative; top: -3px; color: var(--black); background-color: #E5E7EB; width: 36px; height: 36px; border-radius: 26px; display: inline-flex; align-items: center; justify-content: center; } .globalLinks-desktop:hover { color: #F08377 } .usermenucollapsed { margin: 0; padding: 0; height: 48px; width: 48px; line-height: 20px } .usermenucollapsed.btn-default:hover { border: none } .usermenucollapsed.btn-default-mobile { display: none; margin: 0 0 0 5px } .searchbutton { display: none } .searchmobile { display: none; margin-top: 8px } .searchform { margin-right: -10px; margin-right: 3px } .search_form label { font-weight: normal; color: #AFAABF } .searchformdropdown .form-control:focus { border-color: transparent } .searchform .form-control:focus { border-color: transparent } .mobileheader .modulename a { vertical-align: middle } .mobileheader .suitepicon-action-caret { display: inline-block; margin-left: 4px } .searchform.navbar-form { padding: 0; margin-top: 0; margin-bottom: 0 } .searchform .query_string { font-size: 13px; color: #6A7282; padding: 4px 12px 4px 36px; border-radius: 10px !important; letter-spacing: 1px; line-height: normal; width: 200px; min-height: 40px; border: 1px solid #E5E7EB; background: #F9FAFB; min-width: 373px; } .searchform .query_string::placeholder { color: #6A7282; } .searchform #search-icon { position: relative; bottom: 0px; right: 364px; z-index: 3; } .searchform .query_string:-webkit-autofill { font-size: 13px; background-color: #504a64; color: #A2A5AF; padding: 12px 12px 12px 12px; border: 3px solid #65697A; border-radius: 3px; float: left; letter-spacing: 1px; line-height: normal; width: 200px; min-height: 40px; -webkit-text-fill-color: #AFAABF; -webkit-box-shadow: 0 0 0 1000px #504a64 inset } .searchform button { display: block; font-size: 20px; color: #FFFFFF; padding: 10px 10px 10px 10px; border: none; border-radius: 0 3px 3px 0; float: left; height: auto } .searchform button:hover { color: #F08377 } .globalLinks-desktop ul li a { text-decoration: none } .globalLinks-desktop .user-dropdown { top: 100%; left: auto; right: -30px } .dropdown-menu { top: 100% } #mobilegloballinks { display: inline } .navbar-fixed-top { border: 0 } #userlinks { margin: 0 0 15px 10px } #userlinks a { font-size: 1.1em; padding: 5px 10px 5px 10px } .navbar-toggle { float: left; margin-top: 0; margin-bottom: 0 } #quickcreateplus { padding: 0 0 0 10px } #quickcreatelinks { font-size: 1.1em; margin: 0 0 15px 12px } .navbar-fixed-top .recentlinks_top { margin-left: 2px; float: left; line-height: 32px; overflow: hidden; width: 75%; height: auto } .navbar-fixed-top .recentlinks_topedit, .navbar-fixed-top li.recentlinks_topedit>a { line-height: 32px; height: auto } .navbar-fixed-top .recentlinks_topedit>a { padding: 0 15px 0 15px } .navbar-fixed-top .recentlinks_top>a { padding: 0 15px 0 15px; line-height: 32px; width: auto; height: auto } .navbar-fixed-top .recentlinks_topedit { float: right; width: 20% } .navbar-fixed-top .recentlinks_topedit a:focus { color: #FFFFFF } .navbar-fixed-top .recentlinks_top a { width: 100%; height: 100% } .navbar-fixed-top .recentlinks { display: block } .navbar-fixed-top .favoritelinks { display: block } .modulename a { color: #FFFFFF } .grouptab:visited { background: none } .grouptab:active { background: none } .moremenu { padding: 8px 10px 8px 10px } .nav .open>a { background: none } .nav .open>a:hover { background: none } .nav .open>a:focus { background: none } .navbar-inverse .navbar-toggle { border: none } .navbar-inverse .navbar-toggle:hover { background: none } .navbar-inverse .navbar-toggle:focus { background: none } .navbar-inverse .navbar-nav>.open>a { background: none; color: #FFFFFF } .navbar-inverse .navbar-nav>.open>a:hover { background: none; color: #FFFFFF } .navbar-inverse .navbar-nav>.open>a:focus { background: none; color: #FFFFFF } .mobileheader .modulelinks ul li a { font-size: 14px } .modulelinks { color: #FFFFFF; display: inline-block } .navbar-right~.navbar-right { margin-right: 15px } .quickcreatetop .dropdown-toggle { display: inline-block; font-size: 13px; color: #FFFFFF; padding: 8px 8px 8px 10px; border-radius: 3px; letter-spacing: 2px; text-align: center; text-decoration: none; cursor: pointer } .quickcreatetop .suitepicon-action-caret { line-height: inherit; font-size: 10px; margin-left: 8px } .create.quickcreatetop .dropdown-toggle { line-height: 37px; padding-top: 0; padding-bottom: 0 } .quickcreatetop .dropdown-toggle:hover { text-decoration: none; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px } .quickcreatetop .dropdown-menu li a:hover { background-color: #A2B2BF; cursor: pointer; border-bottom-left-radius: 0; border-bottom-right-radius: 0; text-decoration: none } .quickcreatetop .dropdown-menu { background-color: #A2B2BF; border-radius: 3px; border-top-right-radius: 0; text-decoration: none } .quickcreatetop .dropdown-menu:hover { text-decoration: none } .quickcreatetop ul li { padding: 0; margin: 0 } .quickcreatetop .dropdown-menu li a { display: block; font-size: 14px; background-color: #A2B2BF; background-image: none; padding: 10px; margin: 0; border-bottom: 1px solid #778591; border-radius: 0; letter-spacing: 0; text-align: left; width: 100%; text-transform: none } .quickcreatetop .dropdown-menu .last a { border-bottom: none } .quickcreatetop .dropdown-menu li a:hover { color: #FFFFFF; background-color: #8499aa } .quickcreatetop .dropdown-menu { margin-top: -2px } .quickcreatetop .dropdown-menu li a { opacity: 1; color: #FFFFFF } .quickcreatetop .dropdown-menu li a:hover { opacity: 1 } .desktop_notifications>.dropdown-menu { left: auto } .desktop_notifications a { cursor: pointer } .desktop_notifications ul li { padding: 0; margin: 0 } .desktop_notifications ul li a { padding: 0 3px 0 3px; margin: 0; line-height: 35px } .desktop_notifications .alertsButton { background-color: #534D64; border: none; box-shadow: none; color: var(--black); font-size: 40px; background-color: transparent; margin-top: 0; border: none } .desktop_notifications .alert_count { display: block; position: relative; top: 6px; left: -14px; font-size: 0px; background-color: #FB2C36; color: #FFFFFF; border-radius: 30px; float: left; line-height: 20px; width: 10px; height: 10px; z-index: 200 } .desktop_notifications .alert { margin-bottom: 8px } .desktop_notifications .close { font-weight: normal; color: #534D64; filter: none; line-height: 1; opacity: 1; text-shadow: none } .desktop_notifications .alert { font-weight: normal; color: #534D64; filter: none; line-height: 1; opacity: 1; text-shadow: none } .desktop_notifications .close { position: relative; top: 0; right: 0; color: inherit } .desktop_notifications .close span { color: #FFFFFF; margin-bottom: 0; margin-right: 0 } .desktop_notifications .dropdown-menu { font-size: 12px; background-color: #F08377; color: #F5F5F5; padding: 8px; margin: 0; border-radius: 0 } .desktop_notifications .has-alerts { background-color: #5D5670; border-radius: 2px } .desktop_notifications .has-alerts .alert-info { background-color: #F5F5F5; color: #FFFFFF; padding: 0; border: 1px solid #757083; border-radius: 2px } .desktop_notifications .has-alerts .text-info { color: #FFFFFF } .desktop_notifications .has-alerts p { font-size: 12px; background-color: #F5F5F5; color: #534D64; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; line-height: 20px; max-width: 256px; min-height: 20px } .desktop_notifications .has-alerts .alert-header { padding: 8px 15px 8px 15px; margin: 0 } .desktop_notifications .has-alerts p { padding: 8px 15px 8px 15px; margin: 0 } .desktop_notifications .has-alerts .alert-header { font-size: 14px; font-weight: bold; background-color: #5D5670; color: #534D64; border-top-left-radius: 2px; border-top-right-radius: 2px; line-height: 20px } .desktop_notifications .has-alerts .alert-header img { width: 16px; height: 16px } .modulelinks>.dropdown-menu { left: 50px } .mobileheader { display: inline-block } .globalLinks-desktop .btn-default.active, .globalLinks-desktop .btn-default:active, .globalLinks-desktop .open>.dropdown-toggle.btn-default { background-color: #534D64 } .headerlinks { display: inline-block } .navbar-inverse .dropdown-menu.mobile_menu li:last-of-type a { border-bottom: none } @media (max-width: 375px) { .navbar-search>.dropdown-menu { top: -52px; bottom: auto; left: auto; right: -50px; clear: both; width: auto } } @media (min-width: 375px) and (max-width: 750px) { .navbar-search>.dropdown-menu { top: -52px; bottom: auto; left: auto; right: 0; clear: both; width: auto; overflow: visible } } @media (max-width: 750px) { .navbar-fixed-top { position: absolute } .mobile-bar>.toolbar>.navbar-nav { margin: 0 } .mobile-bar>.toolbar>.navbar-nav .btn { margin-bottom: 0; margin-right: 0 } .modulelinks .dropdown-menu { top: 50px } .desktop_notifications .has-alerts { background-color: #A2B2BF } .desktop_notifications .has-alerts .alert-header { background-color: #5D5670; line-height: 20px } .mobile-bar .user-dropdown { top: 28px; left: -140px } .mobile-bar .desktop_notifications { margin-right: 4px } .mobile-bar .desktop_notifications .alert_count { top: -12px; left: 24px } .mobile-bar .desktop_notifications .dropdown-menu.has-alerts { left: auto; right: 0 } .mobile-bar .desktop_notifications .dropdown-menu .has-alerts p { width: 100% } .modulename { line-height: 60px } .navbar-toggle { height: 60px; margin-top: 0; margin-bottom: 0 } .mobile_menu { top: 60px; left: 20px; z-index: 65530 } .quickcreatetop .dropdown-toggle { background-color: #A2B2BF; padding: 5px 5px 5px 12px; text-decoration: none } .quickcreatetop .suitepicon-action-caret { line-height: 8px; font-size: 10px; margin-left: 8px } .create.quickcreatetop .dropdown-toggle { height: auto; line-height: 100%; padding: 5px 32px 5px 12px } .quickcreatetop .dropdown-toggle:hover { text-decoration: none; cursor: default } .navbar-search { position: relative; min-height: 28px } .navbar-search .dropdown-menu { width: 100% } .navbar-search .searchformdropdown .input-group { width: 100% } .navbar-search .query_string { top: 0; bottom: auto; left: 0; right: 0; padding-top: 0; padding-bottom: 0; padding-left: 4px; margin: 0; width: 80% } .query_string { background-color: #504a64; margin: 0; border: none; border-radius: 3px } .navbar-search .searchbutton { padding: 0; border: none; width: 28px; color: #FFFFFF; line-height: 40px; font-size: 20px } .navbar-search.open .searchbutton.btn { margin-bottom: 0 } .navbar-search .dropdown-menu { width: 300px } .searchformdropdown .btn { background-color: #65697A; font-size: 20px } .searchformdropdown .btn:hover { background-color: #829EB5 } .globalLinks-mobile .btn-default.active.focus, .globalLinks-mobile .btn-default.active:focus, .globalLinks-mobile .btn-default.active:hover, .globalLinks-mobile .btn-default:active.focus, .globalLinks-mobile .btn-default:active:focus, .globalLinks-mobile .btn-default:active:hover, .globalLinks-mobile.open>.dropdown-toggle.btn-default.focus, .globalLinks-mobile.open>.dropdown-toggle.btn-default:focus, .globalLinks-mobile.open>.dropdown-toggle.btn-default:hover { color: #F5F5F5; background-color: transparent; border-color: transparent } .open.globalLinks>.btn-default:active { margin-top: 0; border: none; border-radius: 0; width: 28px; height: 28px } .open.globalLinks>.btn-default:active:hover { margin-top: 0; border: none; border-radius: 0; width: 28px; height: 28px } .open.globalLinks>.btn-default.focus:active { margin-top: 0; border: none; border-radius: 0; width: 28px; height: 28px } .globalLinks-mobile>.btn-default.usermenucollapsed { border: none; border-radius: 0; width: 28px; height: 28px; background-color: #A2B2BF; line-height: 40px; font-size: 20px; color: #FFFFFF } .desktop_notifications>button { background-color: #A2B2BF; border: none } .desktop_notifications>button:hover { background-color: #A2B2BF; border: none; box-shadow: none; color: #FFFFFF; font-size: 30px } .open>.dropdown-toggle.alertsButton.btn-danger:active { background-color: #A2B2BF; border: none; box-shadow: none; color: #FFFFFF; font-size: 30px } .open>.dropdown-toggle.alertsButton.btn-danger:focus { background-color: #A2B2BF; border: none; box-shadow: none; color: #FFFFFF; font-size: 30px } .open>.dropdown-toggle.alertsButton.btn-danger:hover { background-color: #A2B2BF; border: none; box-shadow: none; color: #FFFFFF; font-size: 30px } .desktop_notifications .alertsButton { background-color: #A2B2BF; border: none; box-shadow: none; color: #FFFFFF; font-size: 30px } .desktop_notifications .btn-success:focus, .desktop_notifications .btn-success.active, .desktop_notifications .btn-success:active, .desktop_notifications.open>.dropdown-toggle.btn-success { background-color: #A2B2BF; border: none; box-shadow: none; color: #FFFFFF; font-size: 30px; border: none } .navbar-inverse .mobile-bar .navbar-search .dropdown-menu { padding: 0 } .navbar-search .query_string { width: 150px } .tablet-bar { display: none; visibility: collapse } .navbar .container-fluid { padding-left: 0; padding-right: 0 } .navbar .container-fluid .navbar-header { padding-left: 20px; padding-right: 20px; height: 60px } .mobile-bar { background-color: #A2B2BF; padding: 0 20px 0 0; margin-top: 0; width: 100% } .mobile-bar ul { float: right } .navbar { min-height: 60px } .navbar-inverse { max-height: 60px } .navbar-fixed-top { height: 60px } .modulename { line-height: 60px; width: 100%; height: 60px } .searchmobile { position: absolute; left: 60px; float: left; width: 70%; z-index: 50 } .searchmobile .query_string { box-shadow: none; border: none; border-radius: 0; float: left; outline: 0; width: 75%; -webkit-appearance: none } .searchmobile { position: absolute; left: 60px; float: left; width: 80%; z-index: 50 } .searchmobile .query_string { box-shadow: none; color: #FFFFFF; border: none; border-radius: 0; float: left; outline: 0; width: 80%; -webkit-appearance: none } } @media (min-width: 751px) { .navbar-toggle { height: 60px; margin-top: 0; margin-bottom: 0 } .mobile-bar { visibility: collapse; display: none } .tablet-bar { display: inline-block; visibility: visible; width: 49%; text-align: right; line-height: 60px } .tablet-bar>.toolbar { display: inline-block } .tablet-bar>.toolbar>li { display: inline-block; line-height: normal } .tablet-bar>.toolbar>li>.btn { margin: 0; height: 40px; width: 40px; padding: 0; line-height: normal; background-size: 40px auto } .tablet-bar>.toolbar>li>.btn.searchbutton { background-size: 25px auto } .tablet-bar>.toolbar>li>a { line-height: normal } .navbar-inverse .mobile-bar .nav { display: inline-block } .modulename { line-height: 60px } .mobile_menu { left: 10px; -webkit-overflow-scrolling: touch } .tablet-bar .navbar-inverse .nav { display: inline-block } .tablet-bar .navbar-inverse .nav.navbar-search { display: inline-block } .tablet-bar .user-dropdown { top: 40px; left: -140px } .tablet-bar>.dropdown-menu { position: absolute; top: 60px; bottom: auto; left: -224px; right: 0; background: transparent } .navbar-search .dropdown-menu { width: 100% } .quickcreatetop .suitepicon-action-caret { line-height: 30px; font-size: 10px; margin-left: 8px } .navbar-search .searchformdropdown .input-group { width: 100% } .navbar-search .query_string { top: 0; left: 0; margin-top: 0; line-height: 38px; min-height: 38px } .navbar-search .input-group-btn { top: 0; background: #504a64; border-top-right-radius: 2px; border-bottom-right-radius: 2px } .quickcreatetop .dropdown-menu { background-position: 80px 2px; padding: 0px 0px 0px 0px } .quickcreatetop .dropdown-menu:hover { text-decoration: none } .quickcreatetop .dropdown-menu { left: 0; right: auto } .usermenucollapsed.btn-default { margin-left: 0; border: none; width: 42px; height: 42px } .usermenucollapsed.btn-default { background-position: 0 0; border: none; border-radius: 0 } .open.globalLinks>.btn-default:active { margin-top: 0; border: none; border-radius: 0; width: 28px; height: 28px } .open.globalLinks>.btn-default:active:hover { margin-top: 0; border: none; border-radius: 0; width: 42px; height: 42px } .open.globalLinks>.btn-default.focus:active { margin-top: 0; border: none; border-radius: 0; width: 28px; height: 28px } .globalLinks-mobile>.btn-default.usermenucollapsed { margin-top: 0; border: none; border-radius: 0; width: 42px; height: 42px } .globalLinks-mobile .suitepicon-action-current-user { font-size: 40px; line-height: 0 } .navbar-search { margin-right: 0px } #Icon_5_ { fill: #FFFFFF } .navbar-search .searchbutton { padding: 0; border: none; color: #FFFFFF; font-size: 24px; width: 40px; height: 40px } .navbar-search .btn-default.searchbutton { width: 40px; height: 40px; color: #FFFFFF } .navbar-search .btn-default.searchbutton:active { padding: 0; border: none; width: 40px; height: 40px; color: #FFFFFF } .navbar-search .btn-default.searchbutton:hover { padding: 0; border: none; width: 40px; height: 40px; color: #F08377 } .desktop-bar .navbar-search.open .dropdown-menu { top: 2px; right: 40px; left: auto; background-color: #534D64; height: 40px; overflow: visible; width: auto } .navbar-search .input-group-btn>.btn-default:hover { border: none } .navbar-search.open .searchbutton { background-color: transparent; background-position: 0 0 } .navbar-search.open .searchformdropdown button { font-size: 20px; height: 38px; width: 38px } .tablet-bar .navbar-search.open .dropdown-menu { top: 0; right: 40px; bottom: auto; left: auto; background-color: #534D64; min-width: 480px; min-height: 40px; height: 40px; overflow: visible; padding: 0 } .tablet-bar>.toolbar>li.open .searchbutton { border: none; width: 40px } .tablet-bar>.toolbar>li.open .searchbutton:hover { border: none; overflow: hidden; width: 40px } .tablet-bar>.toolbar>li.open .searchbutton:before { content: "" } .desktop_notifications .btn-danger:hover { background-color: #534D64; border: none; box-shadow: none; color: #FFFFFF; font-size: 40px } .desktop_notifications .btn-danger:focus { background-color: #534D64; border: none; box-shadow: none; color: #FFFFFF; font-size: 40px } .desktop_notifications .btn-danger:active { background-color: #534D64; border: none; box-shadow: none; color: #FFFFFF; font-size: 40px } .open>.dropdown-toggle.alertsButton.btn-danger:active { background-color: #534D64; border: none; box-shadow: none; color: #FFFFFF; font-size: 40px } .open>.dropdown-toggle.alertsButton.btn-danger:focus { background-color: #534D64; border: none; box-shadow: none; color: #FFFFFF; font-size: 40px } .open>.dropdown-toggle.alertsButton.btn-danger:hover { background-color: #534D64; border: none; box-shadow: none; color: #FFFFFF; font-size: 40px } .navbar-header { width: 49%; display: inline-block } #desktop_notifications .btn-success.active.focus, #desktop_notifications .btn-success.active:focus, #desktop_notifications .btn-success.active:hover, #desktop_notifications .btn-success:active.focus, #desktop_notifications .btn-success:active:focus, #desktop_notifications .btn-success:active:hover { background-color: #534D64; border: none; box-shadow: none; color: #FFFFFF; font-size: 40px } #desktop_notifications.open>.dropdown-toggle.btn-success, #desktop_notifications.open>.dropdown-toggle.btn-success.active, #desktop_notifications.open>.dropdown-toggle.btn-success:active, #desktop_notifications.open>.dropdown-toggle.btn-success.focus, #desktop_notifications.open>.dropdown-toggle.btn-success:focus, #desktop_notifications.open>.dropdown-toggle.btn-success:hover { background-color: #534D64; border: none; box-shadow: none; color: #FFFFFF; font-size: 40px } .desktop_notifications>.btn-success { background-color: #534D64; border: none; box-shadow: none; color: #FFFFFF; font-size: 40px } .desktop_notifications>.btn-success:hover { background-color: #534D64; color: #F08377; border: none } .desktop_notifications>.btn-success:active { background-color: #534D64; border: none; box-shadow: none; color: #FFFFFF; font-size: 40px } .desktop_notifications>.btn-success:focus { background-color: #534D64; border: none; box-shadow: none; color: #FFFFFF; font-size: 40px } } @media (max-width: 980px) { ul.navbar-nav li a { color: #FFFFFF } .navbar-inverse .navbar-nav .open .dropdown-menu>li>a { color: #FFFFFF } } @media (min-width: 1024px) { .navbar-nav>li:hover ul { display: block } .globalLinks-desktop:hover .dropdown-menu { display: block } .quickcreatetop:hover .dropdown-menu { display: block } a.menu:after { content: none } .dropdown-toggle:after { content: none } } @media (max-width: 1200px) { .desktop-bar { display: none; visibility: hidden } .desktop-toolbar { display: none; visibility: hidden } .usermenu { display: none } .navbar-toggle { display: inline-block } .mobile_menu { position: absolute; background: #5D5670; padding: 4px 10px 4px 10px; margin: 0; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; float: left; overflow-x: hidden; overflow-y: scroll; width: 256px } .mobile_menu li { list-style: none } .mobile_menu a { display: block; font-size: 14px; color: #FFFFFF; padding: 12px 15px } .mobile_menu a:hover { color: #F08377; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out } .navbar-inverse .nav.globalLinks-mobile { display: inline-block } .quickcreatetop { display: inline-block } .desktop_notifications { display: inline-block } .mobile-bar { margin-top: 0; height: 45px; line-height: 40px } .mobile-bar li { line-height: normal; display: inline-block } .mobile-bar .globalLinks-mobile .dropdown-menu li { display: block } .mobile-bar .quickcreatetop .dropdown-menu li { display: block } .mobile-bar .searchbutton.btn-default:hover { border: none; color: #FFFFFF; background-color: #A2B2BF } .tablet-bar .input-group-btn>.btn { margin-left: 0 } .navbar-inverse .nav>.topnav { padding: 0 0 0 0 } } @media (min-width: 1201px) { .navbar-fixed-top>.container-fluid { padding-left: 0; padding-right: 0 } .mobileheader { display: none; visibility: hidden } .desktop-toolbar { width: 70% } .desktop-bar { display: inline-block; visibility: visible; text-align: right; width: 30%; float: right; padding-right: 0.5%; margin-top: 4px } .desktop-toolbar .navbar-brand-container { margin-left: 10px } .navbar-brand { height: 30px; top: 4px } .desktop-bar>.toolbar { display: flex; align-items: center; } .desktop-bar>.toolbar>li { display: inline-block } .desktop-bar>.toolbar>li>.btn { height: 40px; width: 40px; padding: 0 } .desktop-bar>.toolbar>li>.btn.searchbutton { font-size: 20px } .globalLinks-mobile .dropdown-toggle { background-color: transparent; background-image: none, url("../../../../../themes/SuiteP/images/p_user_icon.svg"), url("../../../../../themes/SuiteP/images/p_user_icon.png"); background-position: 0 0; background-repeat: no-repeat; margin-left: 0; border: none; width: 42px; height: 42px } .tablet-bar { display: none; visibility: collapse } .navbar-form { display: inline-block } .navbar-header { display: none; visibility: collapse; float: none } .desktop-toolbar { display: inline-block } .desktop-bar>.toolbar>li.navbar-search.open .dropdown-menu { top: 4px; right: 40px; bottom: auto; left: auto; background-color: #534D64; min-width: 480px; min-height: 40px; height: 40px; overflow: visible; padding: 0 } .desktop-bar>.toolbar>li.navbar-search.open .btn-default.searchbutton { border: none; width: 40px } .desktop-bar>.toolbar>li.navbar-search.open .btn-default.searchbutton:hover { border: none; width: 40px } .desktop-bar>.toolbar>li.navbar-search.open .btn-default.searchbutton:before { content: "" } .usermenucollapsed.btn-default { display: inline-block; margin: 0 0 0 5px } .globalLinks-desktop .btn-default.active.focus, .globalLinks-desktop .btn-default.active:focus, .globalLinks-desktop .btn-default.active:hover, .globalLinks-desktop .btn-default:active.focus, .globalLinks-desktop .btn-default:active:focus, .globalLinks-desktop .btn-default:active:hover, .globalLinks-desktop.open>.dropdown-toggle.btn-default.focus, .globalLinks-desktop.open>.dropdown-toggle.btn-default:focus, .globalLinks-desktop.open>.dropdown-toggle.btn-default:hover { color: #F5F5F5 } } .topnav #overflow-menu>li.with-actions .dropdown-menu { display: none; visibility: collapse } .topnav #overflow-menu>li.with-actions>span>a { padding: 7px 10px; display: block; border-bottom: none } .topnav #overflow-menu>li.with-actions { border-bottom: 1px solid #757083 } .topnav #overflow-menu>li.with-actions .notCurrentTabLeft { display: none; visibility: collapse } @media (min-width: 1250px) { .desktop-bar { display: inline-block; visibility: visible; text-align: right } } @media (max-width: 1399px) { .navbar-inverse .nav>.topnav { padding: 0 0 0 0 } .usermenu { display: none } .searchform { display: none } .globalLinks-mobile { padding: 0; border: none } .navbar-form .form-control { margin: 8px 0 0 0 } .usermenucollapsed.btn-default { display: inline } .usermenucollapsed.btn-default-mobile { display: inline } .searchbutton { display: inline } .navbar-search .dropdown-menu { background-color: transparent } .navbar-search .query_string { font-size: 14px; background-color: #504a64; color: #A2A5AF; border: none; border-radius: 3px; letter-spacing: 1px; height: auto } } @media (max-width: 1560px) { .modulename { font-size: 14px; margin: 0 auto 0 15px; letter-spacing: 2px; text-align: left; text-transform: uppercase; visibility: visible } .navbar-fixed-top { height: 60px; max-height: 60px } .searchform { display: none } .navbar-form .form-control { margin: 8px 0 0 0 } .searchbutton { display: inline } .desktop_notifications .dropdown-menu { left: -140px } .topnav .dropdown-menu { left: 0 } .navbar-search .dropdown-menu button:active { display: block; color: #FFFFFF; border: none } .searchformdropdown .btn { background-color: #65697A } .searchformdropdown .btn:hover { background-color: #829EB5 } .searchformdropdown button:focus { display: block; color: #FFFFFF; border: none; float: left } .searchformdropdown button { margin: 0; display: block; color: #FFFFFF; padding: 0; border: none; float: left; height: 38px; width: 38px } .searchformdropdown .btn-group button:hover { padding: 0 } .navbar-search>.dropdown-menu { background-color: transparent; width: 200px } .navbar-search .query_string { font-size: 14px; background-color: #504a64; color: #A2A5AF; padding: 0 4px 0 4px; border: none; border-radius: 3px; letter-spacing: 1px; width: 200px; min-height: 38px; line-height: 38px } } .globallabel-user { max-width: 100px; overflow: hidden; text-overflow: ellipsis; display: inline-block; vertical-align: sub; margin-left: 0.2em; margin-right: 0.2em; white-space: nowrap; color: black; } @media (min-width: 1561px) { .searchform button { display: block; font-size: 20px; color: #FFFFFF; padding: 10px 10px 10px 10px; border: none; border-radius: 0 3px 3px 0; float: left; height: auto } .searchform button:hover { color: #F08377 } .desktop-toolbar { width: 60% } .desktop-bar { width: 39% } .navbar-form.searchform .input-group-btn { } .navbar-form.searchform .input-group-btn .btn { padding: 0 10px; height: 36px } .navbar-form.searchform .input-group-btn .btn:hover { border: none; border-width: 0 } } @media (max-width: 1600px) { .globalLinks-desktop .with-label { display: none; visibility: collapse } } @media (min-width: 1600px) { .globalLinks-desktop .with-label { display: inline-block; visibility: visible; background-color: #534D64; border: none; color: #FFFFFF; padding-left: 0 } .usermenucollapsed .caret { display: inline-block; visibility: visible; color: #FFFFFF } } .modulelinks>ul { height: 200px; max-height: 200px } .mobileheader.dropdown-menu ul { height: 200px; max-height: 200px } .mobile_menu { height: 200px; max-height: 200px } .mobile_menu .create-module-record { display: inline-block } .navbar-fixed-top .navbar-header .dropdown-menu { height: 200px; max-height: 200px } .navbar-fixed-top .with-actions>.dropdown-menu { height: 200px; max-height: 200px } .navbar-fixed-top .moremenu ul { height: 200px; max-height: 200px } .navbar-fixed-top .dropdown-menu { height: 200px; max-height: 200px } .navbar-fixed-top .dropdown-menu.has-alerts { width: auto } .navbar-fixed-top .navbar-fixed-bottom .navbar-collapse { height: 200px; max-height: 200px } .navbar-fixed-top .navbar-collapse { height: 200px; max-height: 200px } .navbar-fixed-bottom .navbar-collapse { overflow-y: scroll; height: 200px; max-height: 200px } .navbar-fixed-top .navbar-collapse { overflow-y: scroll; height: 200px; max-height: 200px } @media (min-height: 380px) { .navbar-fixed-top .navbar-header .dropdown-menu { height: auto; max-height: 200px } .navbar-fixed-top .topnav .dropdown-menu { height: auto; max-height: 200px } .navbar-fixed-top .with-actions>.dropdown-menu { height: auto; max-height: 200px } .navbar-fixed-top .moremenu ul { height: auto; max-height: 200px } .navbar-fixed-top .dropdown-menu { height: auto; max-height: 200px } .navbar-fixed-top .modulelinks>ul { height: 280px; max-height: 280px } .navbar-fixed-top .mobileheader ul.dropdown-menu { height: 280px; max-height: 280px } .navbar-fixed-top .mobile_menu { height: 280px; max-height: 280px } .navbar-fixed-bottom .navbar-collapse { height: 280px; max-height: 280px } .navbar-fixed-top .navbar-collapse { height: 280px; max-height: 280px } } @media (min-height: 480px) { .navbar-fixed-top .navbar-header .dropdown-menu { height: auto; max-height: 380px } .navbar-fixed-top .topnav .dropdown-menu { height: auto; max-height: 380px } .navbar-fixed-top .with-actions>.dropdown-menu { height: auto; max-height: 380px } .navbar-fixed-top .moremenu ul { height: auto; max-height: 380px } .navbar-fixed-top .dropdown-menu { height: auto; max-height: 380px } .navbar-fixed-top .modulelinks>ul { height: auto; max-height: 380px } .navbar-fixed-top .mobileheader ul.dropdown-menu { height: auto; max-height: 380px } .navbar-fixed-top .mobile_menu { height: auto; max-height: 380px } .navbar-fixed-bottom .navbar-collapse { height: 380px; max-height: 380px } .navbar-fixed-top .navbar-collapse { height: 380px; max-height: 380px } } @media (min-width: 768px) and (min-height: 381px) { .mobile-bar .globalLinks-mobile { height: 60px } } @media (min-width: 768px) and (min-height: 381px) { .mobile-bar .globalLinks-mobile { height: 60px } } @media (min-height: 700px) { .navbar-fixed-top .navbar-header .dropdown-menu { height: auto; max-height: 620px } .navbar-fixed-top .topnav .dropdown-menu { height: auto; max-height: 620px } .navbar-fixed-top .with-actions>.dropdown-menu { height: auto; max-height: 620px } .navbar-fixed-top .moremenu ul { height: auto; max-height: 620px } .navbar-fixed-top .dropdown-menu { height: auto; max-height: 620px } .navbar-fixed-top .modulelinks>ul { max-height: 620px } .navbar-fixed-top .mobileheader ul.dropdown-menu { max-height: 620px } .navbar-fixed-top .mobile_menu { max-height: 620px } .navbar-fixed-bottom .navbar-collapse { height: 620px; max-height: 620px } .navbar-fixed-top .navbar-collapse { height: 620px; max-height: 620px } } @media (min-height: 820px) { .navbar-fixed-top .navbar-header .dropdown-menu { overflow-y: auto; height: auto; max-height: 700px } .navbar-fixed-top .topnav .dropdown-menu { overflow-y: auto; height: auto; max-height: 700px } .navbar-fixed-top .with-actions>.dropdown-menu { overflow-y: auto; height: auto; max-height: 700px } .navbar-fixed-top .moremenu ul { overflow-y: auto; height: auto; max-height: 700px } .navbar-fixed-top .dropdown-menu { overflow-y: auto; height: auto; max-height: 700px } .navbar-fixed-bottom .navbar-collapse { overflow-y: auto; height: 620px; max-height: 620px } .navbar-fixed-top .navbar-collapse { overflow-y: auto; height: 620px; max-height: 620px } } @media (min-height: 920px) { .navbar-header .dropdown-menu { height: auto; max-height: 820px } .topnav .dropdown-menu { height: auto; max-height: 820px } .with-actions>.dropdown-menu { height: auto; max-height: 820px } .moremenu ul { height: auto; max-height: 820px } .dropdown-menu { height: auto; max-height: 820px } } @media (min-height: 1080px) { .navbar-header .dropdown-menu { height: auto; max-height: inherit } .topnav .dropdown-menu { height: auto; max-height: inherit } .with-actions>.dropdown-menu { height: auto; max-height: inherit } .moremenu ul { height: auto; max-height: inherit } .dropdown-menu { height: auto; max-height: inherit } } .login { padding: 10px 6px 12px 10px } .login .login_more { text-align: right } div.p_login { background-color: #F5F5F5; height: 100% } div.p_login .p_login_top { background-color: #534D64; padding: 10px 2% 10px 2%; float: left; width: 100% } div.p_login .error { border-radius: 0 } div.p_login .p_login_top a { display: block; background-image: none, url("../../../../../themes/SuiteP/images/p_login_logo.svg"), url("../../../../../themes/SuiteP/images/p_login_logo.png"); background-position: 0 0; background-repeat: no-repeat; overflow: hidden; width: 170px; height: 40px; text-indent: -9999px } div.p_login .p_login_middle { background-color: #F5F5F5; float: left; width: 100% } div.p_login .p_login_bottom { bottom: 0; left: 0; background-color: #DDDDDD; padding: 15px 2% 15px 2%; float: left; width: 100% } .login-language-chooser { margin-bottom: 10px } @media (min-height: 400px) { div.p_login .p_login_bottom { position: absolute } } div.p_login .p_login_bottom a#powered_by { margin-left: 20px } div.p_login #loginform { padding: 15px; margin: 8% auto 0 auto; text-align: center; max-width: 400px } div.p_login #loginform .input-group { font-size: 19px; color: #C4C3C7; width: 100%; border-radius: 2px } div.p_login #loginform .input-group input { background-color: #FFFFFF; color: #C4C3C7; padding: 0 2% 0 50px; border: none; border-radius: 3px; line-height: 40px; height: 40px; min-height: 0px } div.p_login #loginform .input-group input#fp_user_name, div.p_login #loginform .input-group input#user_name, #user_name:-webkit-autofill, div.p_login #loginform .input-group input#username_password { background-image: none, url("../../../../../themes/SuiteP/images/login_bg.svg"), url("../../../../../themes/SuiteP/images/login_bg.png"); background-repeat: no-repeat } div.p_login #loginform .input-group input#fp_user_name, div.p_login #loginform .input-group input#user_name { background-image: none, url("../../../../../themes/SuiteP/images/login_bg.svg"); background-position: 5px 3px; background-repeat: no-repeat } div.p_login #loginform .input-group input#username_password { background-image: none, url("../../../../../themes/SuiteP/images/login_bg.png"); background-position: 5px -57px; background-repeat: no-repeat } div.p_login #loginform .input-group input#fp_user_mail { background-image: none, url("../../../../../themes/SuiteP/images/p_icon_email_address_32.svg"); background-position: 14px; background-repeat: no-repeat; background-size: 32px 32px } div.p_login #loginform .glyphicon { top: 0 } div.p_login br { height: 10px } div.p_login #loginform span.error { display: block; background-color: transparent; color: #F08377; padding: 0; margin-top: 20px; margin-bottom: 0; line-height: 140% } div.p_login #loginform #bigbutton { font-size: 16px; padding: 0; border-radius: 3px; letter-spacing: 3px; line-height: 40px; height: 40px } div.p_login #loginform #bigbutton:hover { background-color: #D66C60; border: none } #recaptcha_image { margin-top: 10px; margin-left: auto !important; margin-right: auto !important; margin-bottom: 10px } #forgot_password_dialog a { margin-bottom: 10px; display: inline-block } @media (max-width: 750px) { div.p_login .p_login_top { padding: 10px 3% 10px 3% } div.p_login .p_login_top a { background-image: none, url("../../../../../themes/SuiteP/images/p_login_logo.svg"), url("../../../../../themes/SuiteP/images/p_login_logo.png"); background-position: 0 -70px; width: 170px; height: 30px } div.p_login .p_login_bottom { padding: 10px 3% 10px 3%; padding-top: 10px } div.p_login .p_login_bottom a#powered_by, div.p_login .p_login_bottom a#admin_options { display: block; font-size: 10px; margin-left: 0; text-align: center } div.p_login .p_login_bottom a#admin_options { margin-bottom: 5px } } fieldset { margin-bottom: 0 } table { margin-bottom: 0 } pre { margin-bottom: 0 } p { font-size: 14px; margin-top: 0; margin-bottom: 0 } form { margin: 0 } textarea { font-family: "Lato", Lato, Arial, sans-serif } .checkbox { display: inline-block; background: url("../../../../../themes/SuiteP/images/forms/check.png") no-repeat; padding: 0; margin: 0; overflow: hidden; width: 16px; height: 16px; vertical-align: middle; visibility: visible } input[type=checkbox] {} input[type=radio] { display: inline-block; background: url("../../../../../themes/SuiteP/images/forms/radio.png") no-repeat; padding: 0; margin: 0; width: 16px; height: 16px; vertical-align: middle; visibility: visible } input[type=checkbox]:focus { outline: 0 } input[type=radio]:focus { outline: 0 } input[type=checkbox] { background-position: 0 0 } input[type=checkbox]:checked { background-position: -18px 0 } input[type=checkbox]:disabled { background-position: -36px 0 } input[type=checkbox]:disabled:checked { background-position: -54px 0 } input[type=checkbox]:checked:disabled { background-position: -54px 0 } input[type=radio] { background-position: 0 0 } input[type=radio]:checked { background-position: -18px 0 } input[type=radio]:disabled { background-position: -36px 0 } input[type=radio]:disabled:checked { background-position: -54px 0 } input[type=radio]:checked:disabled { background-position: -54px 0 } td.nowrap input[type=checkbox] { margin-top: 3px } input[type=text]:disabled { background: #F8F8F8; border: 1px solid #E2E7EB } div.input-group input { margin: 0 auto; max-width: 100%; min-width: 100% } .button-primary:active { background-image: none } .button-primary.active { background-image: none } .open>.dropdown-toggle.btn-primary { background-image: none } .button-primary.disabled { background-color: #808F9C; border-color: #808F9C } .button-primary[disabled] { background-color: #808F9C; border-color: #808F9C } fieldset[disabled] .btn-primary { background-color: #808F9C; border-color: #808F9C } .button-primary.disabled:hover { background-color: #808F9C; border-color: #808F9C } .button-primary[disabled]:hover { background-color: #808F9C; border-color: #808F9C } fieldset[disabled] .btn-primary:hover { background-color: #808F9C; border-color: #808F9C } .button-primary.disabled:focus { background-color: #808F9C; border-color: #808F9C } .button-primary[disabled]:focus { background-color: #808F9C; border-color: #808F9C } fieldset[disabled] .btn-primary:focus { background-color: #808F9C; border-color: #808F9C } .button-primary.disabled.focus { background-color: #808F9C; border-color: #808F9C } .button-primary[disabled].focus { background-color: #808F9C; border-color: #808F9C } fieldset[disabled] .btn-primary.focus { background-color: #808F9C; border-color: #808F9C } .button-primary.disabled:active { background-color: #808F9C; border-color: #808F9C } .button-primary[disabled]:active { background-color: #808F9C; border-color: #808F9C } fieldset[disabled] .btn-primary:active { background-color: #808F9C; border-color: #808F9C } .button-primary.disabled.active { background-color: #808F9C; border-color: #808F9C } .button-primary[disabled].active { background-color: #808F9C; border-color: #808F9C } fieldset[disabled] .btn-primary.active { background-color: #808F9C; border-color: #808F9C } .button-primary .badge { background-color: #FFFFFF; color: #F08377; padding: 5px } .error { background-color: #ff00ff } #EditView_tabs .edit .button { background-color: #F08377; margin-right: 4px; border: 1px solid #F08377; border-radius: 4px } #ConvertLead .edit .button { background-color: #F08377; padding: 0; margin-right: 4px; border: 1px solid #F08377; border-radius: 4px } #EditView_tabs .id-ff-remove { background-color: #F08377; padding: 0; margin-right: 4px; border: 1px solid #F08377; border-radius: 4px } #ConvertLead .id-ff-remove { background-color: #F08377; padding: 0; margin-right: 4px; border: 1px solid #F08377; border-radius: 4px } #EditView_tabs .edit [type="button"] { background-color: #F08377; margin-right: 4px; border: 1px solid #F08377; border-radius: 4px } .edit-view-row [data-label=LBL_CONDITION_LINES].label { display: none } .edit-view-row [data-label=LBL_ACTION_LINES].label { display: none } [field="condition_lines"].col-sm-8 { display: block; width: 100% } [field="condition_lines"].col-sm-10 { display: block; width: 100%; background-color: #FFFFFF } #conditionLines { display: block } #conditionLines>thead { display: block } #conditionLines>thead td { background-color: #BFCAD3; padding-top: 8px; padding-bottom: 8px; padding-left: 4px; padding-right: 4px; color: #534D64; font-weight: bold; font-size: 13px } .detail-view-field #conditionLines thead td:first-of-type { height: 36px } #conditionLines thead td:first-of-type { height: 32px; border-top-left-radius: 4px } #conditionLines thead td:last-of-type { padding-left: 8px; border-top-right-radius: 4px; width: 26% } #conditionLines>thead>tr { display: block } #conditionLines>tbody { display: block } #conditionLines>tbody>tr { display: block; background-color: #F5F5F5; border-bottom: 5px #FFFFFF solid } #conditionLines>tbody>tr>td { vertical-align: top } #conditionLines td:first-of-type { display: inline-block; width: 48px } #conditionLines td:not(:first-of-type) { display: inline-block; width: 16.667% } #conditionLines tbody td { background-color: #F5F5F5; margin-bottom: 4px; min-height: 64px } #conditionLines tbody td:first-of-type { padding-left: 8px; border-top-left-radius: 4px; border-bottom-left-radius: 4px } #conditionLines tbody td:last-of-type { padding-left: 8px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; width: 26% } #conditionLines td:first-of-type button { margin-top: 8px; height: 48px } #conditionLines input { margin-top: 8px } #conditionLines input.sqsEnabled { width: 62.5% } #conditionLines input[type=checkbox] { margin-top: 24px } #conditionLines textarea { margin-top: 8px; width: 95% } #conditionLines select { width: 95%; margin-top: 8px } @media (max-width: 1800px) { #conditionLines select[id$="][0]"] { width: 45%; margin-bottom: 4px } #conditionLines select[id$="][1]"] { width: 45%; margin-bottom: 4px } #conditionLines input[id$="][2]"] { width: 45%; margin-bottom: 4px } #conditionLines select[id$="][3]"] { width: 45%; margin-bottom: 4px } } @media (min-width: 1800px) { #conditionLines select[id$="][0]"] { width: 24% } #conditionLines select[id$="][1]"] { width: 24% } #conditionLines input[id$="][2]"] { width: 24% } #conditionLines select[id$="][3]"] { width: 24% } } [field="action_lines"] { display: block; width: 100% } #conditionLines [type="button"] { background-color: #F08377; padding: 0; margin-right: 4px; border: 1px solid #F08377; border-radius: 4px } #actionLines [type="button"] { background-color: #F08377; padding: 0; margin-right: 4px; border: 1px solid #F08377; border-radius: 4px } #actionLines { display: block } #actionLines>tr { display: block } #actionLines>tr>td { display: block } #actionLines td[field] label { margin-right: 8px } #actionLines>tr>td { border: 1px solid #BFCAD3; border-radius: 4px; margin-bottom: 4px } #actionLines .action-table { display: block; width: 100% } #actionLines .action-table tbody { display: block; width: 100% } #actionLines .action-table tr { display: block; width: 100% } [data-workflow-action-parameter] input.sqsEnabled { margin-top: 0px; width: 50% } .col-sm-12 .col-sm-8.edit-view-field [data-workflow-action-parameter] [data-workflow-action="create-record"] input.sqsEnabled { width: 65% } .col-sm-12 .col-sm-8.edit-view-field [data-workflow-action-parameter] [data-workflow-action="modify-record"] input.sqsEnabled { width: 65% } .col-sm-12 .col-sm-8.edit-view-field [data-workflow-action-parameter] [data-workflow-action="send-email"] input.sqsEnabled { width: 10% } .col-sm-12 .col-sm-8.edit-view-field [data-workflow-action-parameter] [data-workflow-action="send-email"] .id-ff.multiple>button { margin-left: 0 } #actionLines .action-table td { display: inline-block } #actionLines .action-table>tbody>tr:first-of-type>td:first-of-type { padding-left: 8px } #actionLines .action-table>tbody>tr:first-of-type>td { border-bottom: 1px solid #BFCAD3; padding-top: 4px } #actionLines td[field=action] { width: 65%; height: 64px } #actionLines td[field=action] select { margin-left: 20px } #actionLines td[field=name] { width: 30%; height: 64px } #actionLines td[field=name] input[type=text] { width: 80% } #actionLines td[field=delete] { width: 5%; height: 64px } #actionLines td[field=delete] .delete-btn { float: right } #actionLines td[field=delete] .delete-btn .btn { padding: 0 0 0 0 } .edit tr td [data-workflow-action] td { vertical-align: middle } [data-workflow-action-line] { vertical-align: top } [data-workflow-action-line] td:first-of-type { width: 48px } [data-workflow-action-line] td:nth-of-type(3) select { width: auto } [data-workflow-action-line] select[id$="][0]"] { width: 45%; margin-bottom: 4px } [data-workflow-action-line] select[id$="][1]"] { width: 45%; margin-bottom: 4px } .col-sm-12 .edit-view-field [data-workflow-action-line] input[id$="][2]"] { width: 45%; margin-bottom: 4px } .col-sm-12 .edit-view-field [data-workflow-action-line] input[id$="][2]"][type=checkbox] { width: 16px } [data-workflow-action-line] select[id$="][3]"] { width: 45%; margin-bottom: 4px } [data-workflow-action="send-email"]>tbody>tr>td { line-height: 20px } [data-workflow-action="send-email"]>tbody>tr:nth-of-type(1)>td { width: 20% } [data-workflow-action="send-email"]>tbody>tr:nth-of-type(2)>td:nth-of-type(2) { width: 100% } [data-workflow-action="send-email"]>tbody>tr:nth-of-type(2)>td:nth-of-type(2) td:nth-of-type(1) { padding-left: 4px } [data-workflow-action="send-email"]>tbody>tr:nth-of-type(2)>td:nth-of-type(2) td { padding-bottom: 8px; padding-top: 8px; width: 100% } [data-workflow-action="send-email"]>tbody>tr:nth-of-type(2)>td:nth-of-type(2) td input[type=text] { width: auto } #relate_label { line-height: 20px } #deleteGroup img { background-color: #F08377; padding: 0; margin-right: 4px; border: 1px solid #F08377; border-radius: 4px } .btn-danger { background-color: var(--danger) } .btn-danger:hover { background-color: #D66C60 } .btn-danger:active { background-color: #F08377 } .btn-danger:focus { background-color: #F08377 } [data-workflow-action] .lines tbody>tr>td { margin-bottom: 4px; min-height: 64px; padding-left: 8px; padding-right: 8px } [data-workflow-action] .relationship tbody>tr>td { padding-left: 8px; padding-right: 8px; min-height: 64px } [data-workflow-action] .email-line tbody>tr>td { padding-left: 8px; padding-right: 8px } [data-workflow-action] .email-line tbody>tr>td select { margin-left: 8px; margin-right: 8px } [data-workflow-action] .email-line tbody>tr>td button { margin-left: 8px; margin-right: 8px } [data-workflow-action] .email-line tbody>tr>td input { margin-left: 8px; margin-right: 8px } [data-workflow-action] .name_label { width: 70% } [data-workflow-action] .name_label { width: 30% } [data-workflow-action] .lines tbody>tr>td { margin-bottom: 4px; min-height: 64px } [data-workflow-action] .lines tbody>tr>td:first-of-type button { margin-top: 8px } [data-workflow-action] .lines select { width: auto; margin-top: 8px } [data-workflow-action] .lines tbody>tr>td input { margin-top: 8px } [data-workflow-action] .lines tbody>tr>td input.sqsEnabled { width: 62.5% } [data-workflow-action] .lines tbody>tr>td input[type=checkbox] { margin-top: 24px } [data-workflow-action] .lines tbody>tr>td textarea { margin-top: 8px; width: 95% } [data-workflow-action-parameter] [colspan="4"] { display: block; width: 100% } [data-workflow-action-parameter]>td { display: block; width: 100% } .buttons .button { background-color: #fff; color: var(--black) } .buttons .button:hover { background-color: #fff; color: var(--black) } .buttons .primary { background-color: var(--blue); color: #fff } .buttons .primary:hover { background-color: var(--blue-hover); color: #fff } .btn-blue { background-color: var(--blue) !important; color: #fff; font-size: 13px; font-weight: 500; padding: 0px 20px 0px 20px; margin: 0 0 0 0; border: none; border-radius: 9px; letter-spacing: 1px; line-height: 32px; } .removeFileButton { font-size: 13px; font-weight: 500; cursor: pointer; padding: 0 20px 0 20px; border-style: none; border-radius: 4px; letter-spacing: 1px; line-height: 20px; height: 20px; text-transform: uppercase } .removeFileButton { background-color: #F08377; color: #F5F5F5 } .removeFileButton:hover { background-color: #D66C60 } .buttonOn { font-size: 13px; font-weight: 500; cursor: pointer; padding: 0 20px 0 20px; border-radius: 4px; letter-spacing: 1px; line-height: 20px; height: 20px; text-transform: uppercase } .btn .btn:hover { font-size: 13px; font-weight: 500; cursor: pointer; padding: 0 20px 0 20px; border-radius: 4px; letter-spacing: 1px; line-height: 20px; height: 20px; text-transform: uppercase } .btn-default { background-color: #94A6B5; color: #F5F5F5; border: 1px solid #94A6B5 } .btn-default:hover { background-color: #94A6B5; color: #F5F5F5; border: 1px solid #94A6B5 } .btn-default:active { background-color: #94A6B5; color: #F5F5F5; border: 1px solid #94A6B5 } .btn-default:focus { background-color: #94A6B5; color: #F5F5F5; border: 1px solid #94A6B5 } .btn-primary, .button.primary { background-color: #155DFC !important; color: #FFFFFF !important; border: 1px solid #778591 !important; } .btn-primary-light { font-size: 14px !important; font-weight: 500 !important; line-height: 1.45; letter-spacing: -0.15px !important; color: #ffffff; padding: 8px 15px !important; border: 1px solid rgba(0, 0, 0, .1) !important; background-color: var(--blue); border-radius: 8px !important; cursor: pointer; text-decoration: none !important; } .btn-primary .activity-primary-btn { padding: 100px; } .btn-primary:hover, .button.primary:hover { background-color: #155DFCCC !important; color: #FFFFFF !important; } .btn-primary:active, .button.primary:active { background-color: #778591 !important; color: #F5F5F5 !important; border: 1px solid #778591 } .btn-primary:hover, .button.primary:hover { background-color: #155DFCCC !important; color: #FFFFFF !important; } .btn-primary:active, .button.primary:active { background-color: #778591 !important; color: #F5F5F5 !important; border: 1px solid #778591 } .btn-primary:focus, .button.primary:focus { background-color: #778591; color: #F5F5F5; border: 1px solid #778591 } .btn-info { background-color: #AA9DCC; color: #F5F5F5; border: 1px solid #AA9DCC } input[type=button].btn-info { background-color: #AA9DCC; color: #F5F5F5; border: 1px solid #AA9DCC } .btn-info:hover { background-color: #9589B3; color: #F5F5F5; border: 1px solid #9589B3 } .btn-info:active { background-color: #9589B3; color: #F5F5F5; border: 1px solid #9589B3 } .btn-info:focus { background-color: #9589B3; color: #F5F5F5; border: 1px solid #9589B3 } input[type=button].btn-info:hover { background-color: #9589B3; color: #F5F5F5; border: 1px solid #9589B3 } input[type=button].btn-info:active { background-color: #9589B3; color: #F5F5F5; border: 1px solid #9589B3 } input[type=button].btn-info:focus { background-color: #9589B3; color: #F5F5F5; border: 1px solid #9589B3 } .btn-success { background-color: #3C763D; color: #F5F5F5; border: 1px solid #3C763D } .btn-success:hover { background-color: #364153; color: #ffffff; } .btn-success:active { background-color: #3C763D; color: #F5F5F5; border: 1px solid #3C763D } .btn-success:focus { background-color: #3C763D; color: #F5F5F5; border: 1px solid #3C763D } .btn-danger { background-color: var(--danger); color: #F5F5F5; border: 1px solid #F08377; } .btn-danger:hover { background-color: #F08377; color: #F5F5F5; border: 1px solid #F08377 } .btn-danger:active { background-color: #F08377; color: #F5F5F5; border: 1px solid #F08377 } .btn-danger:focus { background-color: #F08377; color: #F5F5F5; border: 1px solid #F08377 } .button { font-size: 13px; font-weight: 500; background: var(--primary); color: #F5F5F5; cursor: pointer; padding: 10px 20px; margin: 0 0 0 0; border: none; letter-spacing: 1px; line-height: 32px; text-transform: uppercase; border-radius: 8px; } input[type=submit].button:hover { background: var(--blue-hover) } input[type=submit] { font-size: 13px; font-weight: 500; background: var(--blue); color: #F5F5F5; cursor: pointer; padding: 5px 20px 5px 20px; margin: 0 0 0 0; border: none; border-radius: 9px; letter-spacing: 1px; line-height: 32px; text-transform: uppercase } input[type=button] { font-size: 13px; font-weight: 500; color: #ffffff; cursor: pointer; padding: 0 20px 0 20px; margin: 0 0 0 0; border: none; border-radius: 3px; letter-spacing: 1px; line-height: 32px; text-transform: uppercase } input[type=reset] { font-size: 13px; font-weight: 500; background: #F08377; color: #F5F5F5; cursor: pointer; padding: 0 20px 0 20px; margin: 0 0 0 0; border: none; border-radius: 3px; letter-spacing: 1px; line-height: 32px; height: 32px; text-transform: uppercase } .btn { margin-bottom: 4px } button { margin-bottom: 4px; margin-right: 4px } html input[type=button] { margin-bottom: 4px; margin-right: 4px } input[type=reset] { margin-bottom: 4px; margin-right: 4px } input[type=submit] { margin-bottom: 0px; margin-right: 0px } .button { margin-bottom: 4px } input[type=button] { margin-bottom: 4px } input[type=reset] { margin-bottom: 4px } input[type=submit]:hover, input[type=button]:hover, input[type=reset]:hover { font-size: 13px; color: #F5F5F5; cursor: pointer } input[type=submit]:active, input[type=button]:active, input[type=reset]:active { font-size: 13px; color: #F5F5F5; cursor: pointer } input[type=submit]:focus, input[type=button] { font-size: 13px; color: #F5F5F5; cursor: pointer } .moremenu a { font-size: 13px; color: #F5F5F5; cursor: pointer; margin: 0 } .moremenu ul { top: 49px; margin: 0 } .moremenu ul li a { display: block; font-size: 13px; color: #F08377; cursor: pointer; padding: 5px } .moremenu ul li:hover { border-radius: 0 } .moremenu ul li a:hover { background: none; background: #D66C60; color: #F5F5F5; cursor: pointer; padding: 5px } [button]:focus, input[type=reset]:focus { background: #D66C60 } #tab-actions .button { text-transform: none } #tab-actions input[type=submit] { text-transform: none } #tab-actions input[type=button] { text-transform: none } #tab-actions input[type=reset] { text-transform: none } #tab-actions>a { padding-right: 5px } form[name=DetailView] .button { margin: 0 4px 4px 0; float: left } form[name=DetailView] input[type=submit] { margin: 0 4px 4px 0; float: left } form[name=DetailView] input[type=button] { margin: 0 4px 4px 0; float: left } form[name=DetailView] input[type=reset] { margin: 0 4px 4px 0; float: left } td.submitButtons .button:hover { background-color: #D66C60 } button[disabled] { font-size: 13px; font-weight: 500; background-color: #777777; color: #808F9C; cursor: pointer; margin: 0 0 0 0; border: none; border-radius: 3px; letter-spacing: 1px; line-height: 32px; height: 32px; text-transform: uppercase } input[type="submit"][disabled] { font-size: 13px; font-weight: 500; background-color: #777777; color: #F5F5F5; cursor: pointer; margin: 0 0 0 0; border: none; border-radius: 3px; letter-spacing: 1px; line-height: 20px; height: 20px; text-transform: uppercase } input[type="reset"][disabled] { font-size: 13px; font-weight: 500; background-color: #777777; color: #F5F5F5; cursor: pointer; margin: 0 0 0 0; border: none; border-radius: 3px; letter-spacing: 1px; line-height: 20px; height: 20px; text-transform: uppercase } input[type="button"][disabled] { font-size: 13px; font-weight: 500; background-color: #777777; color: #F5F5F5; cursor: pointer; margin: 0 0 0 0; border: none; border-radius: 3px; letter-spacing: 1px; line-height: 20px; height: 20px; text-transform: uppercase } [field="billing_address_street"].detail-view-field { padding: 16px 16px 32px 16px } [field="shipping_address_street"].detail-view-field { padding: 16px 16px 32px 16px } [field="shipping_address_street"].detail-view-field .button { background-color: #AA9DCC } [field="billing_address_street"].detail-view-field .button { background-color: #AA9DCC } [field="shipping_address_street"].detail-view-field .button:hover { background-color: #9589B3 } [field="billing_address_street"].detail-view-field .button:hover { background-color: #9589B3 } .buttons input#btn_view_change_log { background-color: var(--primary); color: #fff; } #btn_view_change_log.btn-secondary { background-image: none !important; } .buttons input#btn_view_change_log:hover { background-color: var(--primary) } .button:hover { background-color: #808F9C; color: #F5F5F5; border-color: #808F9C } .button:focus { background-color: #808F9C; color: #F5F5F5; border-color: #808F9C } .button.focus { background-color: #808F9C; color: #F5F5F5; border-color: #808F9C } .button:active { background-color: #808F9C; color: #F5F5F5; border-color: #808F9C } .button.active { background-color: #808F9C; color: #F5F5F5; border-color: #808F9C } .open>.dropdown-toggle.btn-primary { background-color: #808F9C; color: #F5F5F5; border-color: #808F9C } .button:active { background-image: none } .button.active { background-image: none } .open>.dropdown-toggle.btn-primary { background-image: none } .button .badge { background-color: #F5F5F5; color: #F08377 } .yui-layout-hd .button { font-size: 13px } .yui-layout-hd input[type=submit] { font-size: 13px } .yui-layout-hd input[type=button] { font-size: 13px } .form-control:focus { box-shadow: none; border: 1px solid #A5E8D6; border-radius: 4px } input[type=text] { background: white; padding: 5px; border-radius: 4px; height: 38px; } input[type=number] { background: #D8F5EE; padding: 5px; border: 1px solid #A5E8D6; border-radius: 4px } input[type=password] { background: #D8F5EE; padding: 5px; border: 1px solid #A5E8D6; border-radius: 4px } input[type=email] { background: #D8F5EE; padding: 5px; border: 1px solid #A5E8D6; border-radius: 4px } input:not([type]) { background: #D8F5EE; padding: 5px; border: 1px solid #A5E8D6; border-radius: 4px } textarea { background: var(--input-background); padding: 5px; border: 1px solid var(--input-background); border-radius: 4px } input[type=text] { line-height: 20px; min-height: 20px; padding: 8px 12px; } input[type=number] { line-height: 20px; min-height: 20px } input[type=password] { line-height: 20px; min-height: 28px } input[type=email] { line-height: 20px; min-height: 28px } input:not([type]) { line-height: 20px; min-height: 28px } textarea { width: 50% } select[size] { background-color: var(--input-background); background-size: 52px 52px; overflow-y: hidden; color: #534D64; padding: 0 52px 0 5px; border-color: #A5E8D6; border-style: solid; border-radius: 4px; line-height: 28px; outline: 0; height: 27px; border-size: 1px; -moz-appearance: none } select.form-control { background-color: #FFFFFF; background-size: 52px 52px; color: #534D64; padding: 0 52px 0 5px; border-style: solid; border-radius: 5px; line-height: 28px; outline: 0; height: 38px; font: 14px; scrollbar-base-color: #A5E8D6; scrollbar-arrow-color: #A5E8D6; border-size: 1px; } select { background-color: var(--input-background); background-size: 52px 52px; color: #534D64; padding: 5px 52px 5px 5px; border-color: #A5E8D6; border-style: solid; border-radius: 4px; line-height: 28px; outline: 0; scrollbar-base-color: #A5E8D6; scrollbar-arrow-color: #A5E8D6; border-size: 1px; } select:focus { border-color: var(--primary); border-style: solid; border-radius: 4px; -moz-appearance: none; -webkit-appearance: none; appearance: none; border-size: 1px } select::selection { border-color: var(--primary); border-style: solid; border-radius: 4px; border-size: 1px } select#user_theme_picker { background-image: none } select:checked { background: var(--primary); color: var(--black) } option:checked { background: var(--blue) !important; background-color: var(--blue) !important; color: #fff } .saved_search_select { background: url("../../../../../themes/SuiteP/css/Dawn/select.ico") no-repeat right #FFFFFF; background-color: #FFFFFF; background-size: 52px 52px; padding: 16px 55px 16px 5px; border-color: #A5E8D6; border-style: solid; border-radius: 4px; border-size: 1px; -moz-appearance: none; -webkit-appearance: none; appearance: none } select[multiple] { background-image: none !important; overflow: auto !important; vertical-align: text-top } select.ui-widget-content { background: url("../../../../../themes/SuiteP/css/Dawn/select.ico") no-repeat right #FFFFFF; background-color: #FFFFFF; background-size: 52px 52px; color: #534D64; padding: 0 52px 0 5px; border-color: #A5E8D6; border-style: solid; border-radius: 4px; line-height: 28px; outline: 0; height: 28px; -webkit-appearance: none; appearance: none; scrollbar-base-color: #A5E8D6; scrollbar-arrow-color: #A5E8D6; border-size: 1px; -moz-appearance: none } .form-control { box-shadow: none } #email1_span { display: block } #email1_span table { display: block } #email1_span tbody { display: block } #email1_span tr { display: block } #email1_span td { display: block; overflow: hidden } #email1_span tr { margin-bottom: 8px } div.col-sm-12 #email1_span td.email-address-input { width: 25% } div.col-sm-6 #email1_span td.email-address-input { width: 50% } #email1_span td.email-address-input { display: inline-block } .edit-view-field .email-address-input input[type=text] { width: 100% } #email1_span td.email-address-remove-button { display: inline-block; line-height: 28px; width: 32px; height: 32px } #email1_span td.email-address-primary { display: inline-block; line-height: 28px; width: 32px; height: 32px } #email1_span td.email-address-opt-out { display: inline-block; line-height: 28px; width: 32px; height: 32px } #email1_span td.email-address-invalid { display: inline-block; line-height: 28px; width: 32px; height: 32px } div.col-sm-12 #email1_span td.email-address-add-button { width: 25% } div.col-sm-6 #email1_span td.email-address-add-button { width: 50% } #email1_span td.email-address-add-button { display: inline-block } #email1_span td.email-address-title { display: inline-block; font-size: 10px; padding-top: 42px; width: 52px } .email-address-add-line-container .suitepicon, .email-address-add-line-container .button-toggle-expanded span, .button-toggle-expanded .email-address-add-line-container span, .email-address-add-line-container .button-toggle-collapsed span, .button-toggle-collapsed .email-address-add-line-container span, .email-address-add-line-container .panel-heading a.collapsed, .panel-heading .email-address-add-line-container a.collapsed, .email-address-add-line-container .panel-heading a, .panel-heading .email-address-add-line-container a { line-height: inherit } .emailaddresses button { width: 32px; height: 32px; padding: 0 } .emailaddresses button { background-color: var(--blue); border: 0px solid transparent; border-radius: 4px } .emailaddresses button .suitepicon, .emailaddresses button .button-toggle-expanded span, .button-toggle-expanded .emailaddresses button span, .emailaddresses button .button-toggle-collapsed span, .button-toggle-collapsed .emailaddresses button span, .emailaddresses button .panel-heading a.collapsed, .panel-heading .emailaddresses button a.collapsed, .emailaddresses button .panel-heading a, .panel-heading .emailaddresses button a { line-height: inherit } .emailaddresses button:hover { background-color: #D66C60 } .email-address-add-button .suitepicon-action-plus, .email-address-add-button .panel-heading a.collapsed, .panel-heading .email-address-add-button a.collapsed { padding-left: 4px; font-size: 24px } #email1_span i.error { background: inherit; color: #534D64 } .email-address-line-container { margin-bottom: 8px } .email-address-input-group { background: #D8F5EE; border: 1px solid #A5E8D6; border-radius: 4px } .email-address-input-group input[type=email].form-control { display: inline-block; font-size: 14px; border: none; line-height: 40px } .email-address-input-group .form-control:focus { box-shadow: none; border-color: #A5E8D6; outline: 0; -webkit-box-shadow: none } .email-address-input-group .form-control { box-shadow: none; border-color: #A5E8D6; outline: 0; -webkit-box-shadow: none } .email-address-add-line-container .email-address-add-button { padding: 0 } .email-address-add-line-container .email-address-add-button:focus { background-color: #F08377; border: 1px solid #F08377 } .email-address-add-line-container .email-address-add-button:hover { background-color: #D66C60; border: 0px solid #D66C60 } .email-address-input-group .input-group .form-control:last-child, .email-address-input-group .input-group-addon:last-child, .email-address-input-group .input-group-btn:first-child>.btn-group:not(:first-child)>.btn, .email-address-input-group .input-group-btn:first-child>.btn:not(:first-child), .email-address-input-group .input-group-btn:last-child>.btn, .email-address-input-group .input-group-btn:last-child>.btn-group>.btn, .email-address-input-group .input-group-btn:last-child>.dropdown-toggle { border-top-left-radius: 4px; border-bottom-left-radius: 4px } .email-address-input-group .email-address-remove-button { margin-left: 4px } .email-address-input-group button[disabled].email-address-remove-button { font-size: 14px; padding: 0; line-height: 20px; width: 36px; height: 36px } .email-address-option label { font-size: 10px; font-weight: 600 } .email-address-option input { margin-top: 4px } .email-address-input-group .validation-message { display: inline-block } .email-address-users-profile { width: 248px } div.email-address-line-container:not(:nth-of-type(2)) div.email-address-option label { visibility: collapse } .col-sm-6 #email1_span div.col-xs-12.col-sm-6.email-address-input-container { width: 60% } .col-sm-6 #email1_span div.col-xs-12.col-sm-6.email-address-options-container { width: 40% } .col-sm-6 #email1_span .email-address-option { width: 33.33% } #settingsDialog_c { z-index: 20 } #testOutboundDialog_c { z-index: 20 } font[color=red] { color: #F08377 } @media (max-width: 768px) { .email-address-options-container { margin: 16px 0 16px 0; width: 100%; height: 32px } div.email-address-line-container:not(:nth-of-type(2)) div.email-address-option label { visibility: visible } .email-address-users-profile { width: 100% } .edit-view-row-item { clear: both; float: none; width: 100% } .col-sm-8.edit-view-field { width: 66.6666667% } .edit-view-field select { margin-bottom: 8px } .edit-view-field textarea { margin-bottom: 8px; width: 100% } .edit-view-field input[type="text"] { margin-bottom: 8px; width: 100% } .edit-view-row-item .col-sm-2 { width: 33.333333% } .dateTime input[type="text"] { width: 400px } } @media (max-width: 1600px) { .col-sm-6 #email1_span div.col-xs-12.col-sm-6.email-address-input-container { width: 62.5% } .col-sm-6 #email1_span div.col-xs-12.col-sm-6.email-address-options-container { margin-top: 8px; width: 100% } .col-sm-6 #email1_span .email-address-option { width: 20% } .col-sm-6 #email1_span .email-address-option label { display: block; visibility: visible } } @media (max-width: 1400px) { .email-address-option { width: 33% } .col-sm-6 #email1_span div.col-xs-12.col-sm-6.email-address-input-container { width: 65% } } @media (max-width: 1130px) { .col-sm-6 #email1_span .email-address-option { width: 33% } } @media (min-width: 768px) { .email-address-options-container { width: 50% } .email-address-input-group { background: transparent; border: none; border-radius: 4px } .email-address-input-group input[type=email].form-control { background: var(--input-background); border-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px } .input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group { margin-left: 8px } .email-address-input-group .email-address-remove-button { margin-left: 8px } } .modal-add-dashlet div.modal-content { width: 80% } .dashletcontainer.col-33 { width: 33.333% } .dashletcontainer { min-height: 132px } .drop-location { min-height: 132px } #pageContainer .dashletcontainer .hd { background-color: #66727D; padding: 0; margin: 0; border-top-left-radius: 4px; border-top-right-radius: 4px } .yui-module .hd { background: #66727D } .yui-panel .hd { background: #66727D } #pageContainer .dashletcontainer .pagination td { background-color: #BFCAD3 } #pageContainer .dashletcontainer .pagination span { display: inline-block } #pageContainer .dashletcontainer .pagination td button { background-color: #94A6B5; padding: 2px; border-radius: 3px; width: auto; height: auto } #pageContainer .dashletcontainer .pagination td button:disabled { background-color: #777777; color: #808F9C } #pageContainer .dashletcontainer .aor_reports .pagination h3 { margin: 0 } #pageContainer .dashletcontainer .aor_reports .pagination button { height: 16px; line-height: 16px; padding: 0 2px } .dashletcontainer button[disabled], .dashletcontainer input[type="submit"][disabled], .dashletcontainer input[type="reset"][disabled], .dashletcontainer input[type="button"][disabled] { line-height: 100% } .dashletcontainer .button, .dashletcontainer input[type="submit"], .dashletcontainer input[type="button"] { line-height: 100% } #pageContainer .dashletcontainer .footable-visible a { padding-right: 20px } #pageContainer .dashletcontainer .hd .icon { fill: #FFFFFF } .dashletPanel thead { background-color: #ebebeb } #moduleDashlets h3 { display: none; visibility: collapse } #chartDashlets h3 { display: none; visibility: collapse } #webDashlets h3 { display: none; visibility: collapse } #toolsDashlets h3 { display: none; visibility: collapse } #searchDashlets h3 { display: none; visibility: collapse } ul.subpanelTablist li { margin: 0 0 0 3px; list-style: none; padding: 0 } #dashletCategories { display: block; font-size: 13px; border-bottom-color: #778591; height: 28px } #dashletCategories .suitepicon, #dashletCategories .button-toggle-expanded span, .button-toggle-expanded #dashletCategories span, #dashletCategories .button-toggle-collapsed span, .button-toggle-collapsed #dashletCategories span, #dashletCategories .panel-heading a.collapsed, .panel-heading #dashletCategories a.collapsed, #dashletCategories .panel-heading a, .panel-heading #dashletCategories a { margin: 0 4px 0 4px } #dashletCategories>li { display: inline-block; font-size: 13px } #dashletCategories>li a { font-weight: 400; background-color: #BFCAD3; color: #FFFFFF; padding: 10px 20px 10px 10px; border: 1px solid transparent; border-top-left-radius: 4px; border-top-right-radius: 4px; text-transform: uppercase } #dashletCategories>li a:link { font-weight: 400; background-color: #BFCAD3; color: #FFFFFF; padding: 10px 20px 10px 10px; border: 1px solid transparent; border-top-left-radius: 4px; border-top-right-radius: 4px; text-transform: uppercase } #dashletCategories>li a:hover { font-weight: 400; background-color: #BFCAD3; color: #FFFFFF; padding: 10px 20px 10px 10px; border: 1px solid transparent; border-top-left-radius: 4px; border-top-right-radius: 4px; text-transform: uppercase } #dashletCategories>li a:visited { font-weight: 400; background-color: #BFCAD3; color: #FFFFFF; padding: 10px 20px 10px 10px; border: 1px solid transparent; border-top-left-radius: 4px; border-top-right-radius: 4px; text-transform: uppercase } #dashletCategories>li a:active { font-weight: 400; background-color: #BFCAD3; color: #FFFFFF; padding: 10px 20px 10px 10px; border: 1px solid transparent; border-top-left-radius: 4px; border-top-right-radius: 4px; text-transform: uppercase } #dashletCategories>li a:focus { font-weight: 400; background-color: #BFCAD3; color: #FFFFFF; padding: 10px 20px 10px 10px; border: 1px solid transparent; border-top-left-radius: 4px; border-top-right-radius: 4px; text-transform: uppercase } #dashletCategories>li.active a { background-color: #778591; color: #FFFFFF } #dashletCategories>li.active a:link { background-color: #778591; color: #FFFFFF } #dashletCategories>li.active a:hover { background-color: #778591; color: #FFFFFF } #dashletCategories>li.active a:visited { background-color: #778591; color: #FFFFFF } #dashletCategories>li.active a:active { background-color: #778591; color: #FFFFFF } #dashletCategories>li.active a:focus { background-color: #778591; color: #FFFFFF } #dashletCtrls { float: right } #moduleDashlets h3, #chartDashlets h3, #toolsDashlets h3 { margin-top: 13px } #dashletSearch table tr td input[type=button] { vertical-align: top } .sugarFeedDashlet { } .sugarFeedDashlet td.list th { display: none } .sugarFeedDashlet td.list td[scope=col] { display: none } .sugarFeedDashlet tr { height: auto } .sugarFeedDashlet .byLineBox { width: 100%; position: relative; overflow: hidden; font-size: 13px } .sugarFeedDashlet blockquote { width: 100%; position: relative; overflow: hidden; font-size: 13px } .sugarFeedDashlet blockquote img { width: 30px; height: 30px } .sugarFeedDashlet .byLineBox .byLineLeft { float: left } .sugarFeedDashlet .byLineBox .byLineRight { display: inline; font-size: 79%; float: right } .dashletPanel .hd .hd-center .dashletToolSet a { font-size: 18px; color: black; padding: 0 2px; line-height: 18px } .dashletPanel .hd .hd-center .dashletToolSet a:last-child { padding-right: 0 } .dashletPanelMenu.wizard.import .bd .screen { display: block; background-color: #fff; padding: 20px; border: 0 none; overflow-x: hidden; overflow-y: auto; width: auto; height: 487px } div#chartDashlets { overflow-y: auto } .dashletPanel { padding: 0; margin: 15px 15px 15px 0; border: 1px solid #e5e7eb; border-radius: 15px; box-shadow: 0px 1px 3px 1px #0000001A; overflow: hidden; } .dashletTable { table-layout: fixed } .hd-center { padding: 0; margin: 0 } .bd { padding: 0; margin: 0 } #moduleDashletsList { height: auto } #dashletsList { overflow: hidden; max-height: 500px } #dashletsDialog_c { margin-top: -50px; margin-left: -125px } td.dashlet-title { line-height: 30px; height: 34px } td.dashlet-title>h3>span { margin-left: 8px } .dashlet-title .suitepicon, .dashlet-title .button-toggle-expanded span, .button-toggle-expanded .dashlet-title span, .dashlet-title .button-toggle-collapsed span, .button-toggle-collapsed .dashlet-title span, .dashlet-title .panel-heading a.collapsed, .panel-heading .dashlet-title a.collapsed, .dashlet-title .panel-heading a, .panel-heading .dashlet-title a { font-size: 13px } #moduleDashletsList>table>tbody>tr>td { padding: 10px } #basicChartDashletsList>table>tbody>tr>td { padding: 10px } #toolsDashletsList>table>tbody>tr>td { padding: 10px } #webDashletsList>table>tbody>tr>td { padding: 10px } #moduleDashletsList a { color: #F08377; margin: 5px } #basicChartDashletsList a { color: #F08377; margin: 5px } #toolsDashletsList a { color: #F08377; margin: 5px } #webDashletsList a { color: #F08377; margin: 5px } #moduleDashletsList a span { margin-left: 10px } #basicChartDashletsList a span { margin-left: 10px } #toolsDashletsList a span { margin-left: 10px } #webDashletsList a span { margin-left: 10px } #moduleDashletsList { padding: 10px; max-height: 375px; border: 1px solid transparent; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px } #basicChartDashletsList { padding: 10px; max-height: 375px; border: 1px solid transparent; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px } #toolsDashletsList { padding: 10px; max-height: 375px; border: 1px solid transparent; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px } #webDashletsList { padding: 10px; max-height: 375px; border: 1px solid transparent; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px } #dashletsDialog_mask { display: none; visibility: collapse } #dashletsDialog { display: none; visibility: collapse } @media (max-width: 980px) { .dashletNonTable { display: none } .dashletcontainer { position: relative; padding: 0; margin: 0; float: left; width: 100% } } .dashletPanel .list tr th a:link { padding-right: 0 } .dashletPanel .list tr th { padding-top: 16px; padding-bottom: 16px; padding-left: 5px; padding-right: 5px; padding-top: 5px; padding-bottom: 5px } .bd .dashletPanel .list-view-data-icon { color: #534D64; font-size: 18px; line-height: 18px; margin: 0 2px 0 2px } .bd .dashletPanel .list-view-data-icon:hover { text-decoration: none } .dashletPanel .h3Row { background-color: white; color: #F5F5F5; border-top-left-radius: 3px; border-top-right-radius: 3px } .h3Row { padding: 5px 10px 5px 10px; margin: 5px 0 5px 0 } .dashletPanel .h3Row h3 { font-size: 13px; font-weight: bold; color: black; margin: 0 0 0 10px; letter-spacing: 1px; text-transform: uppercase } .dashletPanel .h3Row h3 span { font-weight: normal } #dashletbuttons { color: #FFFFFF; margin: 0 2px 0 2px } #dashletbuttons:hover { opacity: 0.8 } .dashletToolSet { margin: 0 10px 0 0 } @media (max-width: 750px) { .dashletcontainer { float: left } .dashletPanel { overflow: auto } .dashboardTabList { display: none } } .yui-skin-sam.masked #dlg.SuiteP-configureDashlet.yui-module.yui-overlay.yui-panel { top: initial; left: 0; right: auto; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); margin: 0 auto; border: none; max-width: 900px } .yui-skin-sam.masked #dlg.SuiteP-configureDashlet.yui-module.yui-overlay.yui-panel .container-close { top: 15px; right: 10px; color: #aaa; width: initial; text-indent: initial } .yui-skin-sam.masked #dlg.SuiteP-configureDashlet.yui-module.yui-overlay.yui-panel .hd { font-family: Lato, Lato, Arial, sans-serif; font-size: 18px; font-weight: 400; background: #FFFFFF; color: #534D64; padding: 20px 15px 42px 19px; margin: 0; border-bottom: solid 1px #ddd; border-top-left-radius: 6px; border-top-right-radius: 6px; line-height: 25.7143px; height: 25px } .yui-skin-sam.masked #dlg.SuiteP-configureDashlet.yui-module.yui-overlay.yui-panel .bd { border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; overflow: auto; max-height: 650px } .yui-skin-sam.masked #dlg.SuiteP-configureDashlet.yui-module.yui-overlay.yui-panel .bd form {} .yui-skin-sam.masked #dlg.SuiteP-configureDashlet.yui-module.yui-overlay.yui-panel .bd form table td input[type="checkbox"] { margin-top: 10px; height: 30px } .yui-skin-sam.masked #dlg.SuiteP-configureDashlet.yui-module.yui-overlay.yui-panel .bd form table.edit tr { display: flex; border-bottom: none; float: none; width: auto } .yui-skin-sam.masked #dlg.SuiteP-configureDashlet.yui-module.yui-overlay.yui-panel .bd form table.view td tr { display: block; border-bottom: none; float: none; width: auto } .yui-skin-sam.masked #dlg.SuiteP-configureDashlet.yui-module.yui-overlay.yui-panel .bd form table.edit tr td[scope=row] { display: block; list-style: none; float: left; width: auto } .yui-skin-sam.masked #dlg.SuiteP-configureDashlet.yui-module.yui-overlay.yui-panel .bd form table.view td tr td { display: block; float: left; width: auto } .yui-skin-sam.masked #dlg.SuiteP-configureDashlet.yui-module.yui-overlay.yui-panel .bd form table.edit tr td[scope=row] { width: 30% } .yui-skin-sam.masked #dlg.SuiteP-configureDashlet.yui-module.yui-overlay.yui-panel .bd form table tr td[scope=row][colspan="4"] { float: none } .yui-skin-sam.masked #dlg.SuiteP-configureDashlet.yui-module.yui-overlay.yui-panel .bd form table tr td[scope=row][colspan="4"] br { display: none } .yui-skin-sam.masked #dlg.SuiteP-configureDashlet.yui-module.yui-overlay.yui-panel .bd form table.edit tr td table tbody { display: table-row-group; border-color: inherit; float: initial; vertical-align: middle } .yui-skin-sam.masked #dlg.SuiteP-configureDashlet.yui-module.yui-overlay.yui-panel .bd form table.edit tr td table tbody tr { display: table-row; border-color: inherit; float: initial; vertical-align: inherit } .yui-skin-sam.masked #dlg.SuiteP-configureDashlet.yui-module.yui-overlay.yui-panel .bd form table.edit tr td table tbody tr td { display: table-cell; float: initial; vertical-align: inherit } @media (min-width: 800px) { .yui-skin-sam.masked #dlg.SuiteP-configureDashlet.yui-module.yui-overlay.yui-panel .bd form table.edit tr td[scope=row] { width: 20% } .yui-skin-sam.masked #dlg.SuiteP-configureDashlet.yui-module.yui-overlay.yui-panel .bd form table.edit tr td[valign=top] { float: left; width: 25% } .yui-skin-sam.masked #dlg.SuiteP-configureDashlet.yui-module.yui-overlay.yui-panel .bd form table.edit tr:last-child { clear: both } .yui-skin-sam.masked #dlg.SuiteP-configureDashlet.yui-module.yui-overlay.yui-panel .bd form table.edit { position: relative } .yui-skin-sam.masked #dlg.SuiteP-configureDashlet.yui-module.yui-overlay.yui-panel .bd form table.edit #edit_tabs { position: absolute; top: 20px; right: 40px } } .dashletNonTable { padding: 10px 5px 10px 10px } #add_dashlets { display: none } #dashletresponsive { float: left } .edit-dashboard-tabs .suitepicon, .edit-dashboard-tabs .button-toggle-expanded span, .button-toggle-expanded .edit-dashboard-tabs span, .edit-dashboard-tabs .button-toggle-collapsed span, .button-toggle-collapsed .edit-dashboard-tabs span, .edit-dashboard-tabs .panel-heading a.collapsed, .panel-heading .edit-dashboard-tabs a.collapsed, .edit-dashboard-tabs .panel-heading a, .panel-heading .edit-dashboard-tabs a { font-size: 18px; line-height: 18px } .dashboardTbList { max-width: 90% } @media (max-width: 999px) and (max-height: 1024px) { #dashletsDialog_c { margin-top: 25px; margin-bottom: 25px; margin-left: 0; overflow: scroll; height: 70% } } @media (max-width: 1024px) { .dashletcontainer.col-50 { width: 100% } table td[class*=col-] { display: block; clear: both; float: none; width: 100% } table th[class*=col-] { display: block; clear: both; float: none; width: 100% } .dashletcontainer { display: block; clear: both; float: none; width: 100% } } @media (min-width: 1025px) { .dashletcontainer.col-50 { width: 50% } } .list { padding: 0; margin-bottom: 10px } .list .pagination { padding: 0; margin: 0; border: 0 } tr#pagination { background: #F5F5F5 } .list .pagination td { padding: 0; margin: 0; border: 0 } .list .pagination td table { padding: 0; margin: 0; border: 0 } .list #pagination td { padding: 0 } .list #pagination td .paginationTable tr { padding: 0 } .list #pagination td .paginationTable tr td:first-of-type { padding-left: 5px } .list #pagination td .paginationTable tr td:last-of-type { padding-right: 5px } .list #pagination td .paginationTable .paginationActionButtons { background-color: #f9fafc; padding: 5px 0 5px 0 } .list #pagination td .paginationTable .paginationChangeButtons { background-color: #f9fafc; padding: 5px 5px 5px 0 } .list #pagination td .paginationTable .pageNumbers { position: static; font-weight: bold; color: var(--black); padding: 0 8px 0 0; margin: 0 0 0 0 } #listViewStartButton_top { margin-right: 2px } #listViewStartButton_bottom { margin-right: 2px } #listViewStartButton_top[disabled] { cursor: default; opacity: 0.5 } #listViewPrevButton_top[disabled] { cursor: default; opacity: 0.5 } #listViewNextButton_top[disabled] { cursor: default; opacity: 0.5 } #listViewEndButton_top[disabled] { cursor: default; opacity: 0.5 } #listViewStartButton_bottom[disabled] { cursor: default; opacity: 0.5 } #listViewPrevButton_bottom[disabled] { cursor: default; opacity: 0.5 } #listViewNextButton_bottom[disabled] { cursor: default; opacity: 0.5 } #listViewEndButton_bottom[disabled] { cursor: default; opacity: 0.5 } #listViewStartButton_top img { display: none } #listViewStartButton_bottom img { display: none } #listViewPrevButton_top { width: 26px } #listViewPrevButton_bottom { width: 26px } #listViewPrevButton_top img { display: none } #listViewPrevButton_bottom img { display: none } #listViewNextButton_top img { display: none } #listViewNextButton_bottom img { display: none } #listViewEndButton_top { margin-left: 2px } #listViewEndButton_bottom { margin-left: 2px } #listViewEndButton_top img { display: none } #listViewEndButton_bottom img { display: none } .list .pagination td table td { padding: 3px 7px 3px 5px; background: #BFCAD3 none repeat scroll 0 0 } .list .pagination td table td button { width: 25px } .list .pagination td table td a:link { font-weight: normal; padding: 2px 0 3px 0; text-decoration: none; color: #F5F5F5 } .list .pagination td table td a:visited { font-weight: bold; padding: 2px 0 3px 0; text-decoration: none; color: #F5F5F5 } .reportGroupByDataChildTablelistViewThS1 a:link { font-weight: bold; padding: 2px 0 3px 0; text-decoration: none; color: #F5F5F5 } .reportGroupByDataChildTablelistViewThS1 a:visited { font-weight: bold; padding: 2px 0 3px 0; text-decoration: none; color: #F5F5F5 } .list .pagination td table td a:hover { text-decoration: none } .reportGroupByDataChildTablelistViewThS1 a:hover { text-decoration: underline } .list .pagination .buttons { padding: 2px 2px 2px 0 } .list .pagination #selectCountTop { width: 5em } .selectedRecords { display: inline-block; padding: 0; margin: 0; position: relative } .selectedRecords.label { color: #FFFFFF; padding-top: 5px } .selectedRecords.value { margin-right: 8px } @media (max-width: 480px) { .selectedRecords.label { display: none } } .td_alt { font-size: 13px; font-weight: 800; padding: 16px 10px 16px 10px; border-left: none; border-right: none; text-align: left; white-space: nowrap } .list tr th { font-size: 13px; padding: 13px 10px; border-left: none; border-right: none; text-align: left; white-space: nowrap; font-weight: 700; color: #FFFFFF } .list tr td[scope=col] { font-size: 13px; font-weight: 800; padding: 10px 10px 10px 10px; border-left: none; border-right: none; text-align: left; white-space: nowrap } .edit .list tr th { font-size: 13px; font-weight: 800; padding: 13px 10px; border-left: none; border-right: none; text-align: left; white-space: nowrap } .edit .list tr td[scope=col] { font-size: 13px; font-weight: 800; padding: 10px 10px 10px 10px; border-left: none; border-right: none; text-align: left; white-space: nowrap } .list tr td { padding: 3px 8px 5px 5px; vertical-align: middle } .list .pagination button[disabled] { height: 26px } .list tr .odd { padding: 3px 8px 5px 5px; vertical-align: middle } .list th a:link { font-weight: bold; text-decoration: none } .list th a:visited { font-weight: bold; text-decoration: none } .list td[scope=col] a:link { font-weight: bold; text-decoration: none } .list td[scope=col] a:visited { font-weight: bold; text-decoration: none } .list th a:hover { text-decoration: underline } .list td[scope=col] a:hover { text-decoration: underline } .list .oddListRowS1 td { white-space: normal; word-wrap: break-word } .list .evenListRowS1 td { white-space: normal; word-wrap: break-word } .list thead { background-color: #f9fafc } .list .oddListRowS1 td[nowrap] { white-space: nowrap; word-wrap: normal } .list .evenListRowS1 td[nowrap] { white-space: nowrap; word-wrap: normal } a.listViewTdToolsS1 { padding: 4px } .list td a.listViewTdToolsS1 { white-space: nowrap; word-wrap: normal; text-align: left } .list tr .nowrap { white-space: nowrap; word-wrap: normal } .inlineButtons .clickMenu>li>span { position: absolute; right: 0 } .list .inlineButtons { text-align: right; min-width: 75px } .list .pagination .buttons .clickMenu:hover>li>a:link { color: #FFFFFF } .list .pagination .buttons .clickMenu:hover>li>a { color: #FFFFFF } .list tr th a:link, .list tr th { font-size: 16px; font-weight: 600; padding-right: 10px; color: var(--black) } .list { font-size: 16px } .list-view-rounded-corners { margin: 16px 0 16px 0 } .list-view-rounded-corners>table { border-spacing: 0; border-collapse: separate } #pagination:nth-of-type(2) { border-spacing: 0; border-collapse: separate } .SugarActionMenuIESub li a { border: 1px solid transparent; overflow: hidden } .clickMenu li a { border: 1px solid transparent; overflow: hidden } .list .pagination .buttons .clickMenu>li>a:link { border: 1px solid transparent; overflow: hidden } .list .pagination .buttons .clickMenu>li>a { border: 1px solid transparent; overflow: hidden } .list-view-rounded-corners>table>thead>th { border: 1px solid transparent; overflow: hidden } .pagination-bottom { border: 1px solid transparent; overflow: hidden } .list-view-rounded-corners>table th:first-of-type { border-top-left-radius: 4px } .list-view-rounded-corners>table th:last-of-type { border-top-right-radius: 4px } .pagination-bottom .paginationTable td:first-of-type { border-bottom-left-radius: 4px } .pagination-bottom .paginationTable td:last-of-type { border-bottom-right-radius: 4px } #history_search table td { width: auto } #history_search table td:nth-of-type(2) select[multiple] { height: 48px } #history_search table td:nth-of-type(2) select[size] { height: 48px } #history_search table td:nth-of-type(8) div { display: inline-block } .col-advanced-search { margin-bottom: 16px } .col-advanced-search label { font-weight: 700 } .table-responsive.list>tbody>tr>td { padding-top: 15px; padding-bottom: 12px; padding-left: 10px; padding-right: 10px } .table-responsive.list>tbody>tr>td>a { color: var(--blue-hover); border-bottom-style: none; } .table-responsive.list>tbody>tr>td svg { width: 20px } .table-responsive.list>tbody>tr>td a:hover { color: #fff; border-bottom-color: #D66C60 } .table-responsive.list>tbody>tr>td .edit-link { border-bottom: none } .table-responsive.list>tbody>tr>td .suitepicon, .table-responsive.list>tbody>tr>td .button-toggle-expanded span, .button-toggle-expanded .table-responsive.list>tbody>tr>td span, .table-responsive.list>tbody>tr>td .button-toggle-collapsed span, .button-toggle-collapsed .table-responsive.list>tbody>tr>td span, .table-responsive.list>tbody>tr>td .panel-heading a.collapsed, .panel-heading .table-responsive.list>tbody>tr>td a.collapsed, .table-responsive.list>tbody>tr>td .panel-heading a, .panel-heading .table-responsive.list>tbody>tr>td a { font-size: 18px; line-height: 18px; color: #534D64 } .paginationActionButtons .clickMenu .massall { margin: 2px 0 0 4px; float: left } #selectLink.clickMenu .massall { margin: 2px 0 0 4px; float: left } .selectCol .massall { margin: 2px 0 0 4px; float: left } .paginationActionButtons .selectmenu>li>a { padding: 0 } .selectCol .selectmenu>li>a { padding: 0 } #selectLink.clickMenu>li>a { padding: 0 } .clickMenu.showLess .moreOverflow { display: none } .clickMenu.showLess .moduleMenuOverFlowLess { display: none } .clickMenu.showMore .moduleMenuOverFlowMore { display: none } #selectLink.clickMenu { height: 17px; min-width: 20px; background-image: none } .single a { background-color: #94A6B5; padding: 0; border: 1px solid transparent; border-radius: 4px } .single>a { background-color: #94A6B5; border: 1px solid transparent; border-radius: 4px; padding: 0 } #actionLinkTop .sugar_action_button { padding: 0 4px 0 0; border: 1px solid transparent; border-radius: 4px; min-width: 32px; background-color: #778591 } .action-link-top .sugar_action_button { padding: 0 4px 0 0; border: 1px solid transparent; border-radius: 4px; min-width: 32px; background-color: #778591 } #actionLinkBottom .sugar_action_button { padding: 0 4px 0 0; border: 1px solid transparent; border-radius: 4px; min-width: 32px; background-color: #778591 } .action-link-bottom .sugar_action_button { padding: 0 4px 0 0; border: 1px solid transparent; border-radius: 4px; min-width: 32px; background-color: #778591 } .paginationActionButtons .clickMenu #massall { margin: 1px 4px; float: left } #selectLink.clickMenu #massall { margin: 1px 4px; float: left } .list tr th a:visited { color: #FFFFFF } .list tr td[scope=col] a:link { color: #F5F5F5 } .list tr td[scope=col] a:visited { color: #F5F5F5 } .list .pagination td table td span.pageNumbers { color: #FFFFFF } .list tr.pagination td.buttons ul.clickMenu>li>a:link { display: block; color: #F5F5F5; float: left; text-decoration: none } .list tr.pagination td.buttons ul.clickMenu>li>a { display: block; color: #F5F5F5; float: left; text-decoration: none } #massassign_form table { float: left; width: auto } #massassign_form table td { float: left; width: auto; line-height: 45px } .listViewButtons .button:hover { background-color: #D66C60 } #massassign_form h3 { font-size: 14px; font-weight: normal; color: #AFAABF; margin: 14px 20px 0 0 } #massassign_form h3 span { color: #534D64 } #massassign_form .button { margin-right: 10px } #massassign_form .button input { height: 25px; line-height: 25px } #massassign_form .tabForm { background-color: transparent; margin-bottom: 0px } #mass_update_table { color: #AFAABF } #mass_update_table td { padding-left: 15px; line-height: 40px } #mass_update_table.tabForm td { color: #534D64 } #mass_update_table td select { border-radius: 3px } #selectLinkTop { min-height: 16px; position: relative; margin-right: 5px; min-width: 32px; margin-left: 0 } #actionLinkBottom { position: relative; min-height: 16px; font-size: 14px; line-height: 0 } .action-link-bottom { position: relative; font-size: 14px; left: -1px; min-height: 16px; line-height: 0; padding: 1px } #selectLinkTop input[type=checkbox] { margin-top: 5px } #selectLinkBottom input[type=checkbox] { margin-top: 5px } #actionLinkBottom input[type=checkbox] { margin-top: 5px } .action-link-bottom input[type=checkbox] { margin-top: 5px } #actionLinkTop { position: relative; font-size: 14px; line-height: 11px; min-height: 16px } .action-link-top { position: relative; font-size: 14px; line-height: 11px; min-height: 16px } #detail_header_action_menu .sugar_action_button a#edit_button { margin: 5px 10px 5px 9px } #userEditActions .sugar_action_button a { margin: 5px 10px 5px 9px } #actionLinkTop .sugar_action_button a { margin: 5px 10px 5px 9px } .action-link-top .sugar_action_button a { margin: 5px 10px 5px 9px } #actionLinkBottom .sugar_action_button a { margin: 5px 10px 5px 9px } .action-link-bottom .sugar_action_button a { margin: 5px 10px 5px 9px } .buttonOn { min-width: 32px } #detail_header_action_menu .sugar_action_button { min-width: 32px; background-color: #F08377; padding: 5px 20px } #userEditActions .sugar_action_button { min-width: 32px; background-color: #F08377; padding: 5px 20px } #select_actions_disabled_top { padding: 4px 6px 4px 10px; position: relative; height: 27px; margin-right: 5px } #select_actions_disabled_bottom { position: relative; padding: 4px 6px 4px 10px; height: 27px; margin-right: 5px } #detail_header_action_menu>.sugar_action_button>.subnav { left: 0; right: auto; color: #F5F5F5; line-height: 24px; width: 100%; background-color: #F08377 } #userEditActions>.sugar_action_button>.subnav { left: 0; right: auto; color: #F5F5F5; line-height: 24px; width: 100%; background-color: #F08377 } #selectLinkTop>.sugar_action_button>.subnav { left: 0; right: auto; background-color: #778591; color: #F5F5F5; line-height: 24px; padding: 0; width: auto } #selectLinkBottom>.sugar_action_button>.subnav { left: 0; right: auto; background-color: #778591; color: #F5F5F5; line-height: 24px; padding: 0; width: auto } .list .SugarActionMenu .sugar_action_button>.subnav a { border-bottom: 1px solid #93A0AB } .list .SugarActionMenu .sugar_action_button>.subnav li:last-of-type a:last-of-type { border-bottom: none } .list .SugarActionMenu .sugar_action_button .subnav { padding: 4px 10px } #detail_header_action_menu>.sugar_action_button>.subnav li { color: #F5F5F5; line-height: 24px; width: 100%; background-color: #F08377 } #detail_header_action_menu>.sugar_action_button>.subnav a { color: #F5F5F5; line-height: 24px; width: 100%; background-color: #F08377 } #userEditActions>.sugar_action_button>.subnav li { color: #F5F5F5; line-height: 24px; width: 100%; background-color: #F08377 } #userEditActions>.sugar_action_button>.subnav a { color: #F5F5F5; line-height: 24px; width: 100%; background-color: #F08377 } #userEditActions .clickMenu li .subnav { background-color: #778591; color: #F5F5F5; line-height: 24px; width: 100% } #selectLinkTop>.sugar_action_button>.subnav li { background-color: #fff; color: var(--black); line-height: 24px; width: 100%; padding: 0 } #selectLinkTop>.sugar_action_button>.subnav a { background-color: #fff; color: var(--black); line-height: 24px; width: 100% } #actionLinkTop .clickMenu li .subnav { background-color: #778591; color: #F5F5F5; line-height: 24px; width: 100% } .action-link-top .clickMenu li .subnav { background-color: #778591; color: #F5F5F5; line-height: 24px; width: 100% } #actionLinkTop>.sugar_action_button>.subnav { background-color: #778591; color: #F5F5F5; line-height: 24px; width: auto } .action-link-top>.sugar_action_button>.subnav { background-color: #778591; color: #F5F5F5; line-height: 24px; width: auto } #actionLinkTop>.sugar_action_button>.subnav li { background-color: #778591; color: #F5F5F5; line-height: 24px; width: 100% } .action-link-top>.sugar_action_button>.subnav li { background-color: #fff; color: var(--black); line-height: 24px; width: 100% } #actionLinkTop>.sugar_action_button>.subnav a { background-color: #778591; color: #F5F5F5; line-height: 24px; width: 100% } .action-link-top>.sugar_action_button>.subnav a { background-color: #fff; color: var(--black); line-height: 24px; width: 100% } #selectLinkBottom>.sugar_action_button>.subnav li { background-color: #778591; color: #F5F5F5; line-height: 24px; width: 100%; padding: 0 } #selectLinkBottom>.sugar_action_button>.subnav a { background-color: #778591; color: #FFFFFF; line-height: 24px; width: 100% } #actionLinkBottom .clickMenu li .subnav { background-color: #778591; color: #F5F5F5; line-height: 24px; width: 100% } .action-link-bottom .clickMenu li .subnav { background-color: #778591; color: #F5F5F5; line-height: 24px; width: 100% } #actionLinkBottom>.sugar_action_button>.subnav { background-color: #778591; color: #F5F5F5; line-height: 24px; width: auto } .action-link-bottom>.sugar_action_button>.subnav { background-color: #778591; color: #F5F5F5; line-height: 24px; width: auto } #actionLinkBottom>.sugar_action_button>.subnav li { background-color: #778591; color: #F5F5F5; line-height: 24px; width: 100% } .action-link-bottom>.sugar_action_button>.subnav li { background-color: #778591; color: #F5F5F5; line-height: 24px; width: 100% } #actionLinkBottom>.sugar_action_button>.subnav a { background-color: #778591; line-height: 24px; color: #F5F5F5; width: 100% } .action-link-bottom>.sugar_action_button>.subnav a { background-color: #778591; color: #F5F5F5; line-height: 24px; width: 100% } #actionLinkTop .menuItem { background-color: #778591; color: #F5F5F5; line-height: 24px; width: 100%; padding: 0 } .action-link-top .menuItem { background-color: #778591; color: #F5F5F5; line-height: 24px; width: 100%; padding: 0 } #actionLinkBottom .menuItem { background-color: #778591; color: #F5F5F5; line-height: 24px; width: 100%; padding: 0 } .action-link-bottom .menuItem { background-color: #778591; color: #F5F5F5; line-height: 24px; width: 100%; padding: 0 } #actionLinkTop .sugar_action_button .subnav.ddopen a { display: block; color: #FFFFFF; float: none } .action-link-top .sugar_action_button .subnav.ddopen a { display: block; color: var(--black); float: none } #actionLinkTop .sugar_action_button .subnav.ddopen a:hover { display: block; color: #FFFFFF; float: none; background-color: #677785; width: 100% } .action-link-top .sugar_action_button .subnav.ddopen a:hover { display: block; color: #FFFFFF; float: none; background-color: var(--primary); width: 100% } #actionLinkBottom .sugar_action_button .subnav.ddopen a { display: block; color: #FFFFFF; float: none } .action-link-bottom .sugar_action_button .subnav.ddopen a { display: block; color: #F5F5F5; float: none } #actionLinkBottom .sugar_action_button .subnav.ddopen a:hover { display: block; color: #FFFFFF; float: none; background-color: #677785; width: 100% } .action-link-bottom .sugar_action_button .subnav.ddopen a:hover { display: block; color: #FFFFFF; float: none; background-color: #677785; width: 100% } #actionLinkTop .sugar_action_button .subnav.ddopen li a.menuItemHilite { background-color: #677785; width: 100% } .action-link-top .sugar_action_button .subnav.ddopen li a.menuItemHilite { background-color: #677785; width: 100% } #actionLinkBottom .sugar_action_button .subnav.ddopen li a.menuItemHilite { background-color: #677785; width: 100% } .action-link-bottom .sugar_action_button .subnav.ddopen li a.menuItemHilite { background-color: #677785; width: 100% } #actionLinkTop .sugar_action_button .subnav.ddopen { padding: 0; margin: 0; border: 0 } .action-link-top .sugar_action_button .subnav.ddopen { padding: 0; margin: 0; border: 0 } #actionLinkBottom .sugar_action_button .subnav.ddopen { padding: 0; margin: 0; border: 0 } .action-link-bottom .sugar_action_button .subnav.ddopen { padding: 0; margin: 0; border: 0 } #actionLinkTop .sugar_action_button .subnav.ddopen li { padding: 0; margin: 0; border: 0 } .action-link-top .sugar_action_button .subnav.ddopen li { padding: 0; margin: 0; border: 0 } #actionLinkBottom .sugar_action_button .subnav.ddopen li { padding: 0; margin: 0; border: 0 } .action-link-bottom .sugar_action_button .subnav.ddopen li { padding: 0; margin: 0; border: 0 } #actionLinkTop .sugar_action_button .subnav.ddopen li a { margin: 0; padding: 5px 15px } .action-link-top .sugar_action_button .subnav.ddopen li a { margin: 0; padding: 5px 15px } #actionLinkBottom .sugar_action_button .subnav.ddopen li a { margin: 0; padding: 5px 15px } .action-link-bottom .sugar_action_button .subnav.ddopen li a { margin: 0; padding: 5px 15px } #actionLinkTop .sugar_action_button .subnav li a { padding: 5px 15px } .action-link-top .sugar_action_button .subnav li a { padding: 5px 15px } #actionLinkBottom .sugar_action_button .subnav li a { padding: 5px 15px } .action-link-bottom .sugar_action_button .subnav li a { padding: 5px 15px } #actionLinkBottom>.sugar_action_button>.subnav a:hover { background-color: #778591 } .action-link-bottom>.sugar_action_button>.subnav a:hover { background-color: #778591 } #actionLinkTop .menuItemHilite { background-color: #778591 } .action-link-top .menuItemHilite { background-color: #778591 } #actionLinkBottom .menuItemHilite { background-color: #778591 } .action-link-bottom .menuItemHilite { background-color: #778591 } #selectLinkTop>.sugar_action_button>.subnav a:hover { background-color: var(--primary); color: #fff; } #selectLinkBottom>.sugar_action_button>.subnav a:hover { background-color: #677785 } #detail_header_action_menu>.sugar_action_button>.subnav a:hover { background-color: #F08377 } #userEditActions>.sugar_action_button>.subnav a:hover { background-color: #F08377 } .list .sugar_action_button>.subnav a { padding: 5px 20px } .list .sugar_action_button>.subnav { border-radius: 4px } form#MassAssign_SecurityGroups { background-color: #F5F5F5; padding: 0px 20px 0px 20px; margin: 10px 0 20px 0; border-radius: 3px; float: left; width: 100% } #massupdate_form { margin-top: 20px; color: #534D64 } #massupdate_form .buttons { padding-bottom: 2px } #mass_update_table tbody tr td { padding-bottom: 0px } .search { padding: 10px 6px 12px 10px; margin: 0 0 4px 0 } .search>table { padding: 0; margin: 0 } .search td span { color: #444444 } .submitButtons { padding-left: 20px } .submitButtons input { margin-bottom: 10px } .search td input[type=text] { border: none; border-radius: 3px; line-height: 40px; width: 260px; height: 40px } .search td input[type=password] { border: none; border-radius: 3px; line-height: 40px; width: 260px; height: 40px } .search td select { border: none; border-radius: 3px; line-height: 40px; width: 260px; height: 40px } .search_form { margin-bottom: 20px; overflow: visible; text-align: left } .search_form .view { width: 100%; margin: 0; background-color: #E6E6E6; border-radius: 3px; font-size: 13px; padding: 5px 20px 0px 20px } select#saved_search_select { border: none; border-radius: 3px } .search_form input[type=text] { background: #FFFFFF } .search_form textarea { background: #FFFFFF } .search_fields_basic { line-height: 48px } .search_fields_basic select[multiple] { display: block; width: 100% } .search_fields_basic:nth-of-type(3n+1) { clear: both } .search_name_basic input { width: 75% } .search_fields_basic .dateTimeRangeChoice { display: inline-block } .search_fields_basic .dateTimeRangeChoice+div { display: inline-block } a#advanced_search_link { display: inline-block; font-size: 13px; font-weight: 500; background-color: #AA9DCC; background-image: none, url("/index.php?entryPoint=getImage&themeName=SuiteCustom&themeName=SuiteP&imageName=p_create_arrow.svg"), url("/index.php?entryPoint=getImage&themeName=SuiteCustom&themeName=SuiteP&imageName=p_create_arrow.png"); background-position: 173px 2px; background-repeat: no-repeat; color: #fff; cursor: pointer; padding: 0 40px 0 20px; margin: 4px 0 4px 0; border: none; border-radius: 3px; letter-spacing: 1px; line-height: 40px; height: 40px; text-transform: uppercase } a#advanced_search_link:hover { background-color: #9589B3 } a#basic_search_link { display: inline-block; font-size: 13px; font-weight: 500; background-color: #AA9DCC; background-image: none, url("/index.php?entryPoint=getImage&themeName=SuiteCustom&themeName=SuiteP&imageName=p_create_arrow.svg"), url("/index.php?entryPoint=getImage&themeName=SuiteCustom&themeName=SuiteP&imageName=p_up_arrow.png"); background-position: 136px 13px; background-repeat: no-repeat; color: #fff; cursor: pointer; padding: 0 40px 0 20px; margin: 0 0 0 0; border: none; border-radius: 3px; letter-spacing: 1px; line-height: 40px; height: 40px; text-transform: uppercase } a#basic_search_link:hover { background-color: #D66C60 } div#search_form>.advanced input.button { background-color: #AA9DCC; color: #F5F5F5 } div#search_form>.advanced input.button:hover { background-color: #D66C60 } .listViewEmpty { background-color: transparent } .pagination button [title="Return to List"]:hover { background-image: none; color: #fff } .paginationTable .list-view-pagination-button { border: none; border-radius: 4px; background-color: var(--primary); color: #FFFFFF; margin: 0 2px 0 2px; padding: 0; line-height: 26px; height: 26px; width: 26px } .paginationTable .list-view-pagination-button .suitepicon, .paginationTable .list-view-pagination-button .button-toggle-expanded span, .button-toggle-expanded .paginationTable .list-view-pagination-button span, .paginationTable .list-view-pagination-button .button-toggle-collapsed span, .button-toggle-collapsed .paginationTable .list-view-pagination-button span, .paginationTable .list-view-pagination-button .panel-heading a.collapsed, .panel-heading .paginationTable .list-view-pagination-button a.collapsed, .paginationTable .list-view-pagination-button .panel-heading a, .panel-heading .paginationTable .list-view-pagination-button a { line-height: 26px } .paginationTable input[type=submit] { background-color: #94A6B5; color: #FFFFFF; padding: 0 10px 0 10px } .paginationTable input[type=button] { background-color: #94A6B5; color: #FFFFFF; padding: 0 10px 0 10px; line-height: 26px; height: 26px } .paginationChangeButtons button[type=submit] { background-color: #94A6B5; color: #FFFFFF; padding: 0 10px 0 10px; line-height: 26px; height: 26px } .paginationTable button[disabled] { background-color: #777777; color: #fff; padding: 0 10px 0 10px; line-height: 26px; height: 26px } .paginationTable input[type="submit"][disabled] { background-color: #777777; color: #808F9C; padding: 0 10px 0 10px; line-height: 26px; height: 26px } .paginationTable input[type="reset"][disabled] { background-color: #777777; color: #808F9C; padding: 0 10px 0 10px; line-height: 26px; height: 26px } .paginationTable input[type="button"][disabled] { background-color: #777777; color: #808F9C; padding: 0 10px 0 10px; line-height: 26px; height: 26px } .paginationChangeButtons button[type=submit][disabled] { background-color: #777777; color: #808F9C; padding: 0 10px 0 10px; line-height: 26px; height: 26px } label.hidden-mobile.selected-actions-label { margin-bottom: initial; font-size: 10.2px; letter-spacing: 1.2px; line-height: 12px } label.hidden-desktop.selected-actions-label { margin-bottom: initial; font-size: 10.2px; letter-spacing: 1.2px; line-height: 12px } label.selected-actions-label { cursor: pointer } @media (min-width: 480px) { label.hidden-desktop.selected-actions-label { display: block } label.hidden-mobile.selected-actions-label { display: none } } @media (max-width: 480px) { label.hidden-desktop.selected-actions-label { display: none } label.hidden-mobile.selected-actions-label { display: block } } div.modal-content { margin: 0 auto; max-width: 100% } .modal-search div.modal-content { width: initial } div.modal-header>h4 { font-size: 19px; color: #534D64; text-transform: uppercase; letter-spacing: 2px; font-weight: 300 } #columnsFilterList>div>h1 { font-size: 12.5px; text-transform: uppercase; letter-spacing: 1.2px } ul.chooserList { list-style-type: none; min-height: 60px } ul.chooserList>li { padding: 10px; margin-bottom: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px } ul.chooserList.green.ui-sortable>li { background-color: #CCE8E2 } ul.chooserList.red.ui-sortable>li { background-color: #FFAFA6 } div.modal-header { padding: 25px } #columnsFilterList { padding: 30px } ul.chooserList.green.ui-sortable { margin-bottom: 30px } div.modal-footer>button.btn.button.purple.btn-default { background-color: #AA9DCC } div.modal-footer>button.btn.button.purple.btn-default:hover { background-color: #9589B3 } div.modal-footer .btn-primary { color: #FFFFFF } ul.clickMenu.selectmenu.SugarActionMenu.columnsFilterLink.listViewLinkButton { top: -1px } ul.clickMenu.selectmenu.SugarActionMenu.columnsFilterLink.listViewLinkButton>li>a { margin: 0; padding: 5px 8px 7px 7px; top: -1px } .preloading { background-image: url("../../../../../themes/SuiteP/images/loading.gif"); width: 48px; height: 48px } #columnsFilterDialog div.modal-content { width: 450px } ul.clickMenu>li>span.searchAppliedAlert { background-color: #F08377; position: absolute; line-height: 20px; color: #F5F5F5; height: 20px; width: 20px; border-radius: 30px; left: 14px; top: -16px; background-image: none; text-align: center } div.qtip.qtip-default { border: none } .dateTimeRangeChoice select { width: 125px } .dateRangeInput { width: 90px } .templateGroupChooser { width: 150px } .modal-content .search_form .view { background-color: initial } .modal:not(.advanced__filters-modal) #search_form label { font-weight: bold; line-height: 1.428571429 } .modal:not(.advanced__filters-modal) .modal-content #search_form label { color: #534D64 } .modal:not(.advanced__filters-modal) .modal-content .search_form .view input[type="text"], .modal:not(.advanced__filters-modal) .modal-content .search_form .view textarea { border: 1px solid #bbbfc4; } .modal:not(.advanced__filters-modal) .search_form .view select, .modal:not(.advanced__filters-modal) .search_form .view select#saved_search_select { padding: initial } .modal-content .search_form .view select { border: 1px solid #bbbfc4; padding-left: 12px; } .modal-content .search_form .view select:not([multiple]) { padding: 4px 35px 4px 5px; width: auto } .search_form .view .dateTimeRangeChoice { display: block; float: left } .search_form .view .dateTimeRangeChoice select { width: 130px; margin-right: 4px } .search_form .view .dateTimeRangeChoiceClear { display: block } .search_form .view .col-lg-8 { width: initial } .search_form .view div.search_fields_basic { line-height: 22px; padding-top: 10px } .search_form .view .col-xs-12 { padding-right: 30px; min-height: initial } .search_form .view .col-xs-12 input[type="text"], .search_form .view .col-xs-12 textarea { width: 80% } .search_form .view .templateGroupChooser { width: 100% } .search_form .view .search_fields_basic .col-lg-8 { float: none; padding: initial } .search_form .view #inlineSavedSearch>table>tbody>tr>td { width: 100%; display: block; float: none } .search_form.non-popup input[type="text"], .search_form.non-popup select, .search_form.non-popup textarea { border: none; height: 20px; min-height: 20px; padding: 5px; line-height: 20px } .search_form.non-popup select[multiple], .search_form.non-popup textarea { min-height: 80px } .search_form.non-popup .view { padding: 10px 0 10px 30px } .search_form.non-popup .view .modal-preload-hidden { min-height: 100px; background-image: url("../../../../../themes/SuiteP/images/loading.gif"); background-position: center; background-repeat: no-repeat } .search_form.non-popup .view search-clear { display: none; clear: both } @media (min-width: 992px) { .search_form.non-popup .view .modal-search .modal-lg { width: 600px } } @media (max-width: 594px) { .search_form.non-popup .view .modal-search .col-xs-12.col-sm-12.col-md-12.col-lg-8 { width: 100% } .search_form.non-popup .view .modal-search .form-item { width: 100% } } .search_form.non-popup .view .list tr.pagination-unique td { padding: 0px } ul.clickMenu.selectmenu.SugarActionMenu.listViewLinkButton>li.desktopOnly { display: none !important; } ul.clickMenu.selectmenu.SugarActionMenu.listViewLinkButton>li.mobileOnly { display: none !important; } ul.clickMenu.selectmenu.SugarActionMenu.listViewLinkButton>li>a.glyphicon-remove { background-color: #F08377 !important; } ul.clickMenu.selectmenu.SugarActionMenu.listViewLinkButton>li.desktopOnly>a.glyphicon-remove { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; padding: 0px 1px 3px 1px; line-height: 0.8 } ul.clickMenu.selectmenu.SugarActionMenu.listViewLinkButton>li.desktopOnly>a.glyphicon-remove:before { content: "" } @media (min-width: 768px) { ul.clickMenu.selectmenu.SugarActionMenu.listViewLinkButton>li.desktopOnly { display: block !important; } ul.clickMenu.selectmenu.SugarActionMenu.listViewLinkButton>li>a.glyphicon-remove { background-color: #F08377; padding: 0; position: absolute; right: -8px; top: -5px } } @media (max-width: 768px) { ul.clickMenu.selectmenu.SugarActionMenu.listViewLinkButton>li.mobileOnly { display: block } ul.clickMenu.selectmenu.SugarActionMenu.listViewLinkButton>li>a.glyphicon-remove { background-color: #F08377; border-top-right-radius: 3px; border-bottom-right-radius: 3px; left: 6px; width: 26px; height: 27px; top: -1px; padding: 6px } ul.clickMenu.selectmenu.SugarActionMenu.listViewLinkButton>li>a.glyphicon-list-alt { left: 2px; height: 24px } } .modal-content .search_form .view input[type="text"], .modal-content .search_form .view textarea { background-color: #D4F1EA } .search_form .view select, .search_form .view select#saved_search_select { padding: initial } .modal-content .search_form .view select, .modal-content .search_form .view select#saved_search_select { border: 1px solid #e7eaed } .search_form .view .col-xs-12 input[type="text"], .search_form .view .col-xs-12 textarea { width: 80% } .search_form.non-popup input[type="text"], .search_form.non-popup select, .search_form.non-popup textarea { border: none; height: 20px; min-height: 20px; padding: 5px; line-height: 20px } .search_form.non-popup select[multiple], .search_form.non-popup textarea { min-height: 80px } .popupBody { padding: 0; margin: 10px } .popupBody input[type=text] { width: 95% } .popupBody textarea { width: 95% } .popupBody .list.view { font-size: 12px; margin-bottom: 20px; overflow: scroll; width: 95% } .popupBody .list.view>thead>tr>th { border: 1px solid transparent; border-bottom-color: #778591 } .popupBody .list.view>thead>tr>th:first-of-type { border-top-left-radius: 4px } .popupBody .list.view>thead>tr>th:last-of-type { border-top-right-radius: 4px } #popup_query_form .row { margin-left: 15px; margin-right: 15px } .popupBody .list.view .pagination .button { background-color: #94A6B5; color: #F5F5F5; line-height: 26px; height: 26px } .popupBody .list.view .pagination input[type=submit] { background-color: #94A6B5; color: #F5F5F5; line-height: 26px; height: 26px } .popupBody .list.view .pagination input[type=button] { background-color: #94A6B5; color: #F5F5F5; line-height: 26px; height: 26px } .popupBody .list.view .paginationChangeButtons button[type=submit] { background-color: #94A6B5; color: #F5F5F5; line-height: 26px; height: 26px } .popupBody .list.view .pagination button[disabled] { background-color: #94A6B5; color: #808F9C; line-height: 26px; height: 26px } .popupBody .list.view .pagination input[type="submit"][disabled] { background-color: #94A6B5; color: #808F9C; line-height: 26px; height: 26px } .popupBody .list.view .pagination input[type="reset"][disabled] { background-color: #94A6B5; color: #808F9C; line-height: 26px; height: 26px } .popupBody .list.view .pagination input[type="button"][disabled] { background-color: #94A6B5; color: #808F9C; padding: 0 10px 0 10px; line-height: 26px; height: 26px } .popupBody .sugar_action_button { background-color: #94A6B5; padding: 0; padding-right: 4px; border: 1px solid transparent; border-radius: 4px; min-width: 32px } .popupBody .list.view .paginationChangeButtons button[type=submit][disabled] { background-color: #94A6B5; color: #808F9C; line-height: 26px; height: 26px } .popupBody .list .pagination #select_link { display: none; visibility: hidden } .popupBody .list tbody>tr>td a { font-size: 12px; font-weight: bold; color: #E56455; border-bottom-color: #E56455; border-bottom-style: dashed; border-bottom-width: 1px } .popupBody .list tbody>tr>td a:hover { color: #D66C60; border-bottom-color: #D66C60 } .popupBody .list .pagination td table td a:link { font-size: 13px; font-weight: normal; width: 100% } .popupBody .list .pagination a:hover { color: #FFFFFF; border-bottom-color: #D66C60 } .popupBody .list tbody>tr>td { padding-top: 15px; padding-bottom: 12px; padding-left: 10px; padding-right: 10px; vertical-align: middle } .popupBody .list .pagination tbody>tr>td { padding: 5px } .popupBody .checkbox .popupBody input[type=checkbox] { display: block; margin-top: 0px; float: left } .popupBody input[type=checkbox] { display: block; margin-top: 0px; margin-top: 5px; margin-left: 4px; float: left } .popupBody .list .sugar_action_button>span { margin-left: 4px } .popupBody .list .subnav { left: 0; right: auto; padding: 4px 10px; background-color: #778591; color: #F5F5F5; line-height: 24px; width: auto } .popupBody .list .subnav a { border-bottom: 1px solid #93A0AB } .popupBody .list .subnav li:last-of-type a:last-of-type { border-bottom: none } .popupBody input { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; -webkit-appearance: none; border-radius: 0 } .popupBody .list th { white-space: normal; word-wrap: break-word } .popupBody .list td { white-space: normal; word-wrap: break-word } .popupBody .paginationActionButtons { height: 40px; max-height: 40px } .inbound-email { padding: 0; margin: 10px } .inbound-email input[type=text] { width: 95% } .inbound-email textarea { width: 95% } .inbound-email .list.view { font-size: 12px; margin-bottom: 20px; overflow: scroll; width: 95% } .inbound-email .list.view>thead>tr>th { border: 1px solid transparent; border-bottom-color: #778591 } .inbound-email .list.view>thead>tr>th:first-of-type { border-top-left-radius: 4px } .inbound-email .list.view>thead>tr>th:last-of-type { border-top-right-radius: 4px } .inbound-email .list.view .pagination .button { background-color: #94A6B5; color: #F5F5F5; padding: 0 10px 0 10px; line-height: 26px; height: 26px } .inbound-email .list.view .pagination td { color: #F5F5F5 } .inbound-email .list.view .pagination #delete_button { background-color: #94A6B5; color: #F5F5F5; padding: 0 10px 0 10px; border: 1px solid transparent; border-radius: 4px; line-height: 26px; height: 26px } .inbound-email .list.view .pagination input[type=button] { background-color: #94A6B5; color: #F5F5F5; color: #FFFFFF; padding: 0 10px 0 10px; line-height: 26px; height: 26px } .inbound-email #delete_button { background-color: #94A6B5; color: #F5F5F5; padding: 0 10px 0 10px; line-height: 26px; height: 26px } .inbound-email .listViewTdToolsS1 { border-bottom: none } .inbound-email .list.view .paginationChangeButtons button[type=submit] { background-color: #94A6B5; color: #F5F5F5; padding: 0 10px 0 10px; line-height: 26px; height: 26px } .inbound-email .list.view .pagination button[disabled] { background-color: #94A6B5; color: #808F9C; padding: 0 10px 0 10px; line-height: 26px; height: 26px } .inbound-email .list.view .pagination input[type="submit"][disabled] { background-color: #94A6B5; color: #808F9C; padding: 0 10px 0 10px; line-height: 26px; height: 26px } .inbound-email .list.view .pagination input[type="reset"][disabled] { background-color: #94A6B5; color: #808F9C; padding: 0 10px 0 10px; line-height: 26px; height: 26px } .inbound-email .list.view .pagination input[type="button"][disabled] { background-color: #94A6B5; color: #808F9C; padding: 0 10px 0 10px; line-height: 26px; height: 26px } .inbound-email .sugar_action_button { background-color: #94A6B5; padding: 0; padding-right: 4px; border: 1px solid transparent; border-radius: 4px; min-width: 32px } .inbound-email .SugarActionMenu { clear: both; float: left } .inbound-email #selectLink.clickMenu #massall { margin-top: 4px } .inbound-email .list.view .paginationChangeButtons button[type=submit][disabled] { background-color: #94A6B5; color: #808F9C; padding: 0 10px 0 10px; line-height: 26px; height: 26px } .inbound-email .pagination input[type=text] { line-height: normal; min-height: 0 } .inbound-email .list tbody>tr>td a { font-size: 12px; font-weight: bold; color: #E56455; border-bottom-color: #E56455; border-bottom-style: dashed; border-bottom-width: 1px } .inbound-email .list tbody>tr>td a:hover { color: #D66C60; border-bottom-color: #D66C60 } .inbound-email .list .pagination td table td a:link { font-size: 13px; font-weight: normal; width: 100% } .inbound-email .list .pagination a:hover { color: #FFFFFF; border-bottom-color: #D66C60 } .inbound-email .list tbody>tr>td { padding-top: 15px; padding-bottom: 12px; padding-left: 10px; padding-right: 10px; vertical-align: middle } .inbound-email .list .pagination tbody>tr>td { padding: 5px } .inbound-email .checkbox .inbound-email input[type=checkbox] { display: block; margin-top: 0px; float: left } .inbound-email input[type=checkbox] { display: block; margin-top: 0px; margin-top: 5px; margin-left: 4px; float: left } .inbound-email .list .sugar_action_button>span { margin-left: 4px } .inbound-email #selectLink.clickMenu { background-color: #778591 } .inbound-email .subnav { left: 0; right: auto; background-color: #778591 } .inbound-email .list .subnav a { border-bottom: 1px solid #93A0AB } .inbound-email .list .subnav li:last-of-type a:last-of-type { border-bottom: none } .inbound-email .list .subnav { padding: 4px 10px; background-color: #778591; color: #F5F5F5; line-height: 24px; width: auto } .inbound-email input { font-size: 100%; margin: 0; vertical-align: baseline; vertical-align: middle; -webkit-appearance: none } .inbound-email .list th { white-space: normal; word-wrap: break-word } .inbound-email .list td { white-space: normal; word-wrap: break-word } .inbound-email .paginationActionButtons { height: 40px; max-height: 40px } .inbound-email .menuItemHilite { font-weight: normal; background-color: #778591; color: #F5F5F5; line-height: 24px; width: 100% } .inbound-email .menuItem { font-weight: normal; background-color: #778591; color: #F5F5F5; line-height: 24px; width: 100% } @media (max-width: 769px) { .search_name_basic img { margin: 0 8px 0 8px } .search_name_basic input { width: 90% } .search_buttons_basic { margin: 0 8px 0 42px } } .popupBody .list tfoot>.pagination table tr td:first-of-type { border-bottom-left-radius: 4px } .popupBody .list tfoot>.pagination table tr td:last-of-type { border-bottom-right-radius: 4px } @media (min-width: 768px) and (max-width: 991px) { .search_name_basic img { margin: 0 8px 0 8px } .search_name_basic input { width: 94% } .search_buttons_basic { margin: 0 8px 0 42px } } @media (min-width: 768px) and (max-width: 991px) and (min-width: 992px) and (max-width: 1199px) { .search_buttons_basic { margin: 0 8px 0 42px; position: absolute; right: 0 } .search_name_basic img { margin: 0 8px 0 8px } .search_name_basic input { width: 90% } form[name="wizform"] div.wizard-unique-elem { width: 900px } } @media (min-width: 768px) and (max-width: 991px) and (min-width: 1180px) and (max-width: 1199px) { .search_buttons_basic { width: auto } form[name="wizform"] div.wizard-unique-elem { width: 1000px } } @media (min-width: 768px) and (max-width: 991px) and (min-width: 1260px) { li.topnav { padding: 0 5px 0 5px } } @media (min-width: 768px) and (max-width: 991px) and (min-width: 1200px) { .search_name_basic img { margin: 0 8px 0 8px } .search_buttons_basic { margin: 4px 8px 0 8px } .search_fields_basic .col-lg-3 { width: 100% } form[name="wizform"] div.wizard-unique-elem { width: 1100px } } @media (min-width: 768px) and (max-width: 991px) and (min-width: 1600px) { .search_fields_basic .col-lg-3 { width: 25% } } @media (min-width: 320px) and (max-width: 978px) { .search_fields_basic.col-sm-3 { display: block } } @media (max-width: 750px) { #massassign_form table { float: left; width: 100% } #massassign_form table td { float: left; width: 100%; text-align: center } #massassign_form h3 { margin-right: 0; text-align: center } #massassign_form table { text-align: center } #mass_update_table td { padding-left: 0; line-height: 30px } .paginationChangeButtons { max-width: 125px } .paginationActionButtons { padding: 30px } #listViewStartButton_top { padding: 2px 5px 2px 5px; margin: 0 } #listViewPrevButton_top { padding: 2px 5px 2px 5px; margin: 0 } #listViewNextButton_top { padding: 2px 5px 2px 5px; margin: 0 } #listViewEndButton_top { padding: 2px 5px 2px 5px; margin: 0 } #listViewStartButton_bottom { padding: 2px 5px 2px 5px; margin: 0 } #listViewPrevButton_bottom { padding: 2px 5px 2px 5px; margin: 0 } #listViewNextButton_bottom { padding: 2px 5px 2px 5px; margin: 0 } #listViewEndButton_bottom { padding: 2px 5px 2px 5px; margin: 0 } #listViewStartButton_ { padding: 2px 5px 2px 5px; margin: 0 } #listViewPrevButton_ { padding: 2px 5px 2px 5px; margin: 0 } #listViewNextButton_ { padding: 2px 5px 2px 5px; margin: 0 } #listViewEndButton_ { padding: 2px 5px 2px 5px; margin: 0 } .pageNumbers { font-size: 10px } } .edit { padding: 0 6px 12px 10px } .list tr.pagination-unique td { padding: 0px } .list tr.pagination-unique td table.paginationTable tr { padding: 0px } .list tr.pagination-unique td table.paginationTable td.paginationActionButtons { background-color: #BFCAD3; padding: 5px 0px 5px 0px } .list tr.pagination-unique td table.paginationTable td.paginationChangeButtons { background-color: #BFCAD3; padding: 5px 5px 5px 0px } listViewLinkButton { min-height: 16px; line-height: 0px; position: relative; padding: 1px } .listViewLinkButton input[type=checkbox] { margin-top: 5px } #detail_header_action_menu li.sugar_action_button a#edit_button { margin: 5px 10px 5px 9px } #userEditActions li.sugar_action_button a { margin: 5px 10px 5px 9px } #actionLinkTop li.sugar_action_button a { margin: 5px 10px 5px 9px } .action-link-top li.sugar_action_button a { margin: 5px 10px 5px 9px } #actionLinkBottom li.sugar_action_button a { margin: 5px 10px 5px 9px } .action-link-bottom li.sugar_action_button a { margin: 5px 10px 5px 9px; line-height: 11px } .buttonOn, #detail_header_action_menu li.sugar_action_button, #userEditActions li.sugar_action_button, #actionLinkTop li.sugar_action_button, #actionLinkBottom li.sugar_action_button { min-width: 32px } .action-link-top li.sugar_action_button, .action-link-bottom li.sugar_action_button { min-width: 32px; padding: 11px 10px 12px 10px } #detail_header_action_menu>.sugar_action_button>ul.subnav { left: 0; right: auto; background-color: #778591 } #userEditActions>.sugar_action_button>ul.subnav { left: 0; right: auto; background-color: #778591 } .listViewLinkButton>.sugar_action_button>ul.subnav { left: 0; right: auto; background-color: #778591 } #selectLinkTop>.sugar_action_button>ul.subnav { left: 0; right: auto; background-color: #778591 } #selectLinkBottom>.sugar_action_button>ul.subnav { left: 0; right: auto; background-color: #778591 } ul.clickMenu { list-style: none; padding: 0; margin: 0; vertical-align: bottom; color: #F5F5F5; display: inline-block; border-radius: 3px } .listViewLinkButton { min-width: 32px; margin-left: 0px } .listViewLinkButton .sugar_action_button { min-width: 32px; margin-left: 0px } .listViewLinkButton .selectActionsDisabled { min-width: 32px; margin-left: 0px } ul.clickMenu li ul.subnav { list-style: none; position: absolute; top: 20px; margin: 0; display: none; float: left; width: auto; border: 1px solid transparent; border-radius: 4px; padding: 8px 0; z-index: 10; overflow: hidden } ul.clickMenu ul.subnav-sub { list-style: none; position: absolute; top: 20px; margin: 0; display: none; float: left; width: auto; border: 1px solid transparent; border-radius: 4px; padding: 8px 0; z-index: 10; overflow: hidden } ul.SugarActionMenuIESub { list-style: none; position: absolute; top: 20px; margin: 0; display: none; float: left; width: auto; border: 1px solid transparent; border-radius: 4px; padding: 8px 0; z-index: 10; overflow: hidden } td.paginationActionButtons ul.selectmenu>li>a { padding: 0 } td.selectCol ul.selectmenu>li>a { padding: 0 } ul#selectLink.clickMenu>li>a { padding: 0 } .selectActionsDisabled a { float: left; display: inline-block; text-decoration: none; color: #eee; padding: 2px; padding: 1px; font-weight: normal; position: relative } #selectActionsDisabled a:hover { float: left; display: inline-block; text-decoration: none; color: #808F9C; padding: 2px; padding: 1px; font-weight: normal; position: relative } .selectActionsDisabled a.parent-dropdown-handler { top: 2px } #select_actions_disabled_top>a.parent-dropdown-handler { font-size: 14px } #select_actions_disabled_bottom>a.parent-dropdown-handler { font-size: 14px } .sugar_action_button>.parent-dropdown-action-handler { font-size: 13px; line-height: 13px; font-weight: normal } .clickMenu.SugarActionMenu>li>ul>li { font-weight: normal } .list tr.oddListRowS1 td { padding: 5px } .list tr.evenListRowS1 td { padding: 5px } div.list-view-rounded-corners>table { border-collapse: separate; border-spacing: 0 } tr.pagination-unique:nth-of-type(2) { border-collapse: separate; border-spacing: 0 } div.list-view-rounded-corners>table, tr.pagination-unique { background: #F5F5F5 } .sugar_action_button { height: 27px } .clickMenu.subpanel.records.button.SugarActionMenu .sugar_action_button { height: 100% } table.subpanel-table ul.subpanel>a { padding: 0px; background-color: #94A6B5; border: 1px solid transparent; border-radius: 4px } #actionLinkTop li.sugar_action_button { padding: 0px; background-color: #94A6B5; border: 1px solid transparent; border-radius: 4px } .action-link-top li.sugar_action_button { padding: 0px; background-color: #94A6B5; border: 1px solid transparent; border-radius: 4px } #actionLinkBottom li.sugar_action_button { padding: 0px; background-color: #94A6B5; border: 1px solid transparent; border-radius: 4px } .action-link-bottom li.sugar_action_button { padding: 0px; background-color: #94A6B5; border: 1px solid transparent; border-radius: 4px } table.subpanel-table li.sugar_action_button { padding: 0px; background-color: var(--blue); border: 1px solid transparent; border-radius: 4px; color: #fff; } .listViewLinkButton li.sugar_action_button { padding: 0px; background-color: var(--primary); border: 1px solid transparent; border-radius: 4px } table.subpanel-table .pagination .sugar_action_button { padding: 0px; background-color: #94A6B5; border: 1px solid transparent; border-radius: 4px } table.subpanel-table .pagination li.sugar_action_button>form>a { padding: 0; background-color: #94A6B5; border: 1px solid transparent; border-radius: 4px } table.subpanel-table .pagination .sugar_action_button>form>a { padding: 0; background-color: #94A6B5; border: 1px solid transparent; border-radius: 4px } #actionLinkTop li.sugar_action_button:hover { background-color: #778591 } .action-link-top li.sugar_action_button:hover { background-color: #778591 } #actionLinkBottom li.sugar_action_button:hover { background-color: #778591 } .action-link-bottom li.sugar_action_button:hover { background-color: #778591 } table.subpanel-table li.sugar_action_button:hover { background-color: var(--blue-hover) } .listViewLinkButton li.sugar_action_button:hover { background-color: #778591 } #selectLinkTop li.sugar_action_button:hover { background-color: #778591 } #selectLinkBottom li.sugar_action_button:hover { background-color: #778591 } table.subpanel-table .pagination .sugar_action_button:hover { background-color: #778591; color: #FFFFFF } table.subpanel-table .pagination li.sugar_action_button:hover>form>a { background-color: #778591; color: #FFFFFF } table.subpanel-table .pagination .sugar_action_button:hover>form>a { background-color: #778591; color: #FFFFFF } table.subpanel-table ul.subpanel a:hover { background-color: #778591 } table.subpanel-table .pagination a { background-color: #778591 } .subpanel-table ul.subnav { background-color: #778591 } #actionLinkTop li.sugar_action_button.hover { background-color: #778591 } .action-link-top li.sugar_action_button.hover { background-color: #778591 } #actionLinkBottom li.sugar_action_button.hover { background-color: #778591 } .action-link-bottom li.sugar_action_button.hover { background-color: #778591 } table.subpanel-table li.sugar_action_button.hover { background-color: #778591 } .listViewLinkButton li.sugar_action_button.hover { background-color: #778591 } #selectLinkTop li.sugar_action_button.hover { background-color: #778591 } #selectLinkBottom li.sugar_action_button.hover { background-color: #778591 } table.subpanel-table .pagination .sugar_action_button.hover { background-color: #778591 } table.subpanel-table .pagination li.sugar_action_button.hover>form>a { background-color: #778591 } table.subpanel-table .pagination .sugar_action_button.hover>form>a { background-color: #778591 } ul#selectLink.clickMenu.selectmenu.SugarActionMenu { line-height: 0px; padding: 1px; vertical-align: top } ul#selectLink.clickMenu.selectmenu.SugarActionMenu li.sugar_action_button { padding: 0px; background-color: #94A6B5; border: 1px solid transparent; border-radius: 4px; padding-right: 4px; min-width: 32px } ul#selectLink.clickMenu.selectmenu.SugarActionMenu li.sugar_action_button:hover { background-color: #778591 } ul#selectLink.clickMenu.selectmenu.SugarActionMenu li.sugar_action_button.hover { background-color: #778591 } ul#selectLink.clickMenu.selectmenu.SugarActionMenu li.sugar_action_button input#massall.checkbox.massall { float: left; margin: 5px 0 0 4px } ul#selectLink.clickMenu.selectmenu.SugarActionMenu li.sugar_action_button a#select_link { padding: 0; border: 1px solid transparent; overflow: hidden; display: block; text-decoration: none; float: left; margin: 0 5px 0 0; color: #FFFFFF } ul#selectLink.clickMenu.selectmenu.SugarActionMenu li.sugar_action_button ul.subnav { padding: 0; width: auto; background-color: #778591; line-height: 24px; color: #FFFFFF; left: 0; right: auto } ul#selectLink.clickMenu.selectmenu.SugarActionMenu li.sugar_action_button ul.subnav li { padding: 0; background-color: #778591; width: 100%; line-height: 24px; color: #FFFFFF } ul#selectLink.clickMenu.selectmenu.SugarActionMenu li.sugar_action_button ul.subnav li a.menuItem { color: #FFFFFF; width: 100%; background-color: #778591; line-height: 24px; padding: 0 5px 0 7px; font-weight: normal } ul#selectLink.clickMenu.selectmenu.SugarActionMenu li.sugar_action_button ul.subnav li a.menuItemHilite { padding: 0 5px 0 7px; font-weight: normal } ul#selectLink.clickMenu.selectmenu.SugarActionMenu li.sugar_action_button span { height: 15px } div#content div#pagecontent form#MassUpdate table.list.view tbody tr td { font-weight: 500 } .list tr.oddListRowS1 td.inline-email-td { padding-top: 0; padding-bottom: 0 } .list tr.evenListRowS1 td.inline-email-td { padding-top: 0; padding-bottom: 0 } .listViewEmpty label.selected-actions-label { margin: 3px 3px 3px 5px } #selectLink>li>label { margin-bottom: initial; margin-right: 4px } #selectLinkTop>li>label { margin-bottom: initial; margin-right: 4px } #selectLinkBottom>li>label { margin-bottom: initial; margin-right: 4px } #selectLink>li>label.disabled { color: #777777 } #selectLinkTop>li>label.disabled { color: #777777 } #selectLinkBottom>li>label.disabled { color: #777777 } .bootstrap-checkbox-hidden { display: none } #actionLinkTop li.sugar_action_button ul.subnav.ddopen>li:last-child a { border-bottom: none } .action-link-top li.sugar_action_button ul.subnav.ddopen>li:last-child a { border-bottom: none } #actionLinkBottom li.sugar_action_button ul.subnav.ddopen>li:last-child a { border-bottom: none } .action-link-bottom li.sugar_action_button ul.subnav.ddopen>li:last-child a { border-bottom: none } li.sugar_action_button.hover.opened { position: relative; height: 40px; top: 13px; margin-top: -13px } ul.clickMenu.selectmenu.SugarActionMenu li.sugar_action_button label.glyphicon.bootstrap-checkbox { margin-left: 4px } ul.clickMenu.selectmenu.SugarActionMenu.searchLink.listViewLinkButton { top: -1px } ul.clickMenu.selectmenu.SugarActionMenu.searchLink.listViewLinkButton>li>a { margin: 0; padding: 5px 8px 7px 7px; top: -1px } ul.clickMenu>li>span.searchAppliedAlert { background-color: #F08377; position: absolute; line-height: 20px; color: #fff; height: 20px; width: 20px; border-radius: 30px; left: 40px; top: -16px; background-image: none; text-align: center } .modal-preload-hidden { min-height: 100px; background-image: url("../../../../../themes/SuiteP/images/loading.gif"); background-position: center; background-repeat: no-repeat } .list-view-action-buttons { margin-right: 5px } .list-view-action-buttons>li { background-color: transparent; display: inline-block; padding: 0 2px 0 2px } .list-view-action-buttons>li .btn { background-color: #94A6B5; border: 0; color: #F5F5F5; font-size: 13px; margin: 0 0 0 0; padding: 5px 8px 4px 8px } .modal-content .search_form .view input[type="text"] { background-color: #fff } .modal-content .search_form .view textarea { background-color: #D8F5EE } .search_form .view select { padding: initial } .search_form .view select#saved_search_select { padding: initial } .modal-content .search_form .view select { border: 1px solid #bbbfc4; } .modal-content .search_form .view select#saved_search_select {} .search_form .view .col-xs-12 input[type="text"] { width: 80% } .search_form .view .col-xs-12 textarea { width: 80% } .search_form.non-popup input[type="text"] { border: none; height: 28px; min-height: 20px; padding: 5px; line-height: 20px } .search_form.non-popup select { border: none; height: 28px; min-height: 20px; padding: 5px; line-height: 20px; width: 150px } .search_form.non-popup textarea { border: none; height: 40px; padding: 5px; line-height: 20px; min-height: 80px } .search_form.non-popup select[multiple] { min-height: 80px } .search-clear { display: none; clear: both } .modal-search .search-clear { display: block } .modal-search .col-xs-12.col-sm-4.col-md-4.col-lg-4 { float: none } .modal-search .col-xs-12.col-sm-12.col-md-12.col-lg-4 { float: left } .modal-search .col-xs-12.col-sm-12.col-md-12.col-lg-8 { float: left; width: 70% } @media (min-width: 992px) { .modal-search .modal-lg { width: 639px } } @media (max-width: 594px) { .modal-search .col-xs-12.col-sm-12.col-md-12.col-lg-8 { width: 100% } .modal-search .form-item { width: 100% } } .modal-search .row { margin-bottom: 30px } .modal-search .row .submitButtons { float: right } .modal-search .col-xs-12 { width: 100%; float: left } .modal-search .col-sm-6 { width: 100%; float: left } .modal-search .col-md-4 { width: 100%; float: left } .modal-search .col-lg-4 { width: 100%; float: left } .modal-search .search_fields_basic .col-xs-12 { width: 30% } .modal-search .col-advanced-search .col-xs-12 { width: 100% } .modal-search .form-item { float: left; width: 100% } .modal-search .form-item.radios>div { margin-bottom: 10px } @media (max-width: 460px) { .modal-search .nav-tabs>li.active { display: none } .searchTabHeader.active { display: block } } .content .modal-search .nav-tabs { margin: 16px 0 28px 0 } .list .pagination-unique td table.paginationTable td.paginationActionButtons:first-child { padding-right: 60px } .paginationActionButtons>ul { float: left; height: 30px } .selectActionsDisabled { float: left; height: 30px } .paginationActionButtons .selectActionsDisabled { margin: 0 3px 3px 0 } .searchTabHeader { display: none } .listViewEmpty .clearSearchIcon { margin: 3px 0px 0px 8px } .emptyResults { font-size: 16px; padding: 1em } .filterContainer { padding: 10px; font-size: 14px } @media (max-width: 750px) { .list #pagination td .paginationTable .pageNumbers { display: none } .parent-dropdown-handler { margin-left: 0; margin-right: 0 } [name=listViewStartButton] { display: none } [name=listViewEndButton] { display: none } } @media (max-width: 1024px) { .selected-actions-label-text { display: none } .selected-actions-label .glyphicon { display: inline-block } } @media (min-width: 1024px) { .selected-actions-label .glyphicon { display: none } .selected-actions-label-text { display: inline-block } } .favorite_icon_fill svg { height: 28px; width: 28px } .favorite_icon_outline svg { height: 28px; width: 28px } .vcard { font-size: inherit; border: none; color: #534D64 } .vcard .suitepicon, .vcard .button-toggle-expanded span, .button-toggle-expanded .vcard span, .vcard .button-toggle-collapsed span, .button-toggle-collapsed .vcard span, .vcard .panel-heading a.collapsed, .panel-heading .vcard a.collapsed, .vcard .panel-heading a, .panel-heading .vcard a { font-size: 18px } p.msg { padding: 10px } .moduleTitle .module-title-text { height: auto; line-height: 36px; margin-bottom: 12px; width: 100%; } .nav-tabs>li.tab-inline-pagination { float: right; line-height: 10px } .nav-tabs>li.tab-inline-pagination .btn-pagination[disabled], .nav-tabs>li.tab-inline-pagination .btn-pagination[disabled]:hover { background-color: #777777; text-decoration: none; cursor: default } .btn-pagination .suitepicon, .btn-pagination .button-toggle-expanded span, .button-toggle-expanded .btn-pagination span, .btn-pagination .button-toggle-collapsed span, .button-toggle-collapsed .btn-pagination span, .btn-pagination .panel-heading a.collapsed, .panel-heading .btn-pagination a.collapsed, .btn-pagination .panel-heading a, .panel-heading .btn-pagination a { line-height: inherit } .buttons .pagination .btn-pagination { height: 28px; line-height: 18px; font-size: 10px; padding: 0 10px 0 10px; background-color: #94A6B5; font-weight: 600 } .nav-tabs>li.tab-inline-pagination .btn-pagination { background-color: #94A6B5; font-size: 10px; font-weight: 600; height: 28px; line-height: 18px; padding: 5px 10px 0 10px; display: inline-block } .buttons .pagination .btn-pagination:hover { height: 28px; line-height: 18px; font-size: 10px; padding: 0 10px 0 10px; background-color: #94A6B5; font-weight: 600 } .nav-tabs>li.tab-inline-pagination .btn-pagination:hover { background-color: #94A6B5 } .nav-tabs>li.tab-inline-pagination .glyphicon-chevron-left { margin-right: 4px } .nav-tabs>li.tab-inline-pagination .glyphicon-chevron-right { margin-left: 4px } .pagination-range-label { color: #534D64; font-size: 13px; font-weight: bold } .mobile-pagination { display: none; line-height: 10px; visibility: collapse } .mobile-pagination .btn-pagination[disabled] { background-color: #777777 } .mobile-pagination .btn-pagination { background-color: #94A6B5; font-size: 10px; font-weight: 600; height: 28px; line-height: 14px; padding: 2px 10px 2px 10px } .mobile-pagination .btn-pagination:hover { background-color: #94A6B5 } .mobile-pagination .glyphicon-chevron-left { margin-right: 0px } .mobile-pagination .glyphicon-chevron-right { margin-left: 0px } @media (max-width: 750px) { .moduleTitle { display: inline-block; text-align: center; width: 100% } .favorite { padding: 0 0; display: inline-block; float: none !important; width: 32px; height: 32px; padding: 0 0; width: 32px } .nav-tabs>li.tab-inline-pagination { display: none; visibility: collapse } .nav-tabs>.mobile-pagination { display: none; visibility: collapse } .mobile-pagination { display: block; visibility: visible } .mobile-pagination>table { margin-left: auto; margin-right: auto; width: 100px } .mobile-pagination .pagination-range-label { font-size: 10px } .moduleTitle .module-title-text { font-size: 18px; float: none; margin-bottom: 0; display: inline-block } .tab-inline-pagination .pagination-range-label { display: none; visibility: hidden } .pointer { font-size: 32px } .buttons .pagination { visibility: collapse; display: none } } @media (max-width: 1200px) { .pagination-label { display: none; visibility: collapse } .nav-tabs>li.tab-inline-pagination .glyphicon-chevron-left { margin-right: 0px } .nav-tabs>li.tab-inline-pagination .glyphicon-chevron-right { margin-left: 0px } .mobile-pagination .glyphicon-chevron-left { margin-right: 0px } .mobile-pagination .glyphicon-chevron-right { margin-left: 0px } } #list_subpanel_activities .evenListRowS1 td:nth-of-type(2) a { border-bottom: none } #list_subpanel_activities .oddListRowS1 td:nth-of-type(2) a { border-bottom: none } #subpanel_history .evenListRowS1 td:nth-of-type(2) a { border-bottom: none } #subpanel_history .oddListRowS1 td:nth-of-type(2) a { border-bottom: none } .subpanel-table .SugarActionMenu .sugar_action_button {} .subpanel-table .SugarActionMenu .single a { min-height: 32px; line-height: 32px } @media print { .bootstrap-container { margin: 0 } .bootstrap-container.col-sm-offset-3 { margin-top: 0 } .btn { display: none; visibility: collapse } .button { display: none; visibility: collapse } .content { padding: 0 } .detail-view-row .label { border: none; display: inline-block; padding: 0 } .detail-view-row .detail-view-field { display: inline-block; padding: 0 } .detail-view-row .sugar_field:empty { line-height: 0; height: 0; visibility: collapse; display: none } .detail-view-row>.col-sm-6 { display: inline-block; width: 50% } .detail-view-row>.col-sm-6 .col-sm-4 { display: inline-block; width: 40%; line-height: 24px } .detail-view-row>.col-sm-6 .col-sm-8 { display: inline-block; width: 50%; line-height: 24px } .detail-view-row [field="description"] { display: inline-block; width: 100% } .detail-view-row [field="description_html"] { display: inline-block; width: 100% } .detail-view-row [field="billing_address_street"] { display: inline-block; width: 100% } .detail-view-row [field="shipping_address_street"] { display: inline-block; width: 100% } .detail-view-row [field="email1"] { display: inline-block; width: 100% } .favorite { display: none; visibility: collapse } .module-title-text { display: none; visibility: collapse } .nav.nav-tabs { display: none; visibility: collapse } .mobile-pagination { display: none; visibility: collapse } #subpanel_list { display: none; visibility: collapse } .tab-inline-pagination { display: none; visibility: collapse } .tab-content>.active.tab-pane-NOBOOTSTRAPTOGGLER { display: block !important; opacity: 1 !important; visibility: visible !important } .tab-content>.fade.tab-pane-NOBOOTSTRAPTOGGLER { display: block !important; opacity: 1 !important; visibility: visible !important } .tab-content>.in.tab-pane-NOBOOTSTRAPTOGGLER { display: block !important; opacity: 1 !important; visibility: visible !important } .tab-content .tab-pane-NOBOOTSTRAPTOGGLER:not(.active) { display: block !important; opacity: 1 !important; visibility: visible !important } footer { display: none; visibility: collapse } } .email-link { display: block; float: left } .confirm-opt-in-tick { float: right; padding: 0 10px } .email-opt-in { font-size: 14px } .email-opt-in-not-sent, .table-responsive.list>tbody>tr>td .email-opt-in-not-sent .suitepicon, .table-responsive.list>tbody>tr>td .email-opt-in-not-sent .button-toggle-expanded span, .button-toggle-expanded .table-responsive.list>tbody>tr>td .email-opt-in-not-sent span, .table-responsive.list>tbody>tr>td .email-opt-in-not-sent .button-toggle-collapsed span, .button-toggle-collapsed .table-responsive.list>tbody>tr>td .email-opt-in-not-sent span, .table-responsive.list>tbody>tr>td .email-opt-in-not-sent .panel-heading a.collapsed, .panel-heading .table-responsive.list>tbody>tr>td .email-opt-in-not-sent a.collapsed, .table-responsive.list>tbody>tr>td .email-opt-in-not-sent .panel-heading a, .panel-heading .table-responsive.list>tbody>tr>td .email-opt-in-not-sent a { color: #AA9DCC } .email-opt-in-failed, .table-responsive.list>tbody>tr>td .email-opt-in-failed .suitepicon, .table-responsive.list>tbody>tr>td .email-opt-in-failed .button-toggle-expanded span, .button-toggle-expanded .table-responsive.list>tbody>tr>td .email-opt-in-failed span, .table-responsive.list>tbody>tr>td .email-opt-in-failed .button-toggle-collapsed span, .button-toggle-collapsed .table-responsive.list>tbody>tr>td .email-opt-in-failed span, .table-responsive.list>tbody>tr>td .email-opt-in-failed .panel-heading a.collapsed, .panel-heading .table-responsive.list>tbody>tr>td .email-opt-in-failed a.collapsed, .table-responsive.list>tbody>tr>td .email-opt-in-failed .panel-heading a, .panel-heading .table-responsive.list>tbody>tr>td .email-opt-in-failed a { color: #FF0000 } .email-opt-in-sent, .table-responsive.list>tbody>tr>td .email-opt-in-sent .suitepicon, .table-responsive.list>tbody>tr>td .email-opt-in-sent .button-toggle-expanded span, .button-toggle-expanded .table-responsive.list>tbody>tr>td .email-opt-in-sent span, .table-responsive.list>tbody>tr>td .email-opt-in-sent .button-toggle-collapsed span, .button-toggle-collapsed .table-responsive.list>tbody>tr>td .email-opt-in-sent span, .table-responsive.list>tbody>tr>td .email-opt-in-sent .panel-heading a.collapsed, .panel-heading .table-responsive.list>tbody>tr>td .email-opt-in-sent a.collapsed, .table-responsive.list>tbody>tr>td .email-opt-in-sent .panel-heading a, .panel-heading .table-responsive.list>tbody>tr>td .email-opt-in-sent a { color: #AA9DCC } .email-opt-in-confirmed, .table-responsive.list>tbody>tr>td .email-opt-in-confirmed .suitepicon, .table-responsive.list>tbody>tr>td .email-opt-in-confirmed .button-toggle-expanded span, .button-toggle-expanded .table-responsive.list>tbody>tr>td .email-opt-in-confirmed span, .table-responsive.list>tbody>tr>td .email-opt-in-confirmed .button-toggle-collapsed span, .button-toggle-collapsed .table-responsive.list>tbody>tr>td .email-opt-in-confirmed span, .table-responsive.list>tbody>tr>td .email-opt-in-confirmed .panel-heading a.collapsed, .panel-heading .table-responsive.list>tbody>tr>td .email-opt-in-confirmed a.collapsed, .table-responsive.list>tbody>tr>td .email-opt-in-confirmed .panel-heading a, .panel-heading .table-responsive.list>tbody>tr>td .email-opt-in-confirmed a { color: #6EA674 } .email-line-through { text-decoration: line-through } .table-responsive.list>tbody>tr>td .email-opt-in .suitepicon, .table-responsive.list>tbody>tr>td .email-opt-in .button-toggle-expanded span, .button-toggle-expanded .table-responsive.list>tbody>tr>td .email-opt-in span, .table-responsive.list>tbody>tr>td .email-opt-in .button-toggle-collapsed span, .button-toggle-collapsed .table-responsive.list>tbody>tr>td .email-opt-in span, .table-responsive.list>tbody>tr>td .email-opt-in .panel-heading a.collapsed, .panel-heading .table-responsive.list>tbody>tr>td .email-opt-in a.collapsed, .table-responsive.list>tbody>tr>td .email-opt-in .panel-heading a, .panel-heading .table-responsive.list>tbody>tr>td .email-opt-in a { font-size: 13px } .email-opt-in .suitepicon, .email-opt-in .button-toggle-expanded span, .button-toggle-expanded .email-opt-in span, .email-opt-in .button-toggle-collapsed span, .button-toggle-collapsed .email-opt-in span, .email-opt-in .panel-heading a.collapsed, .panel-heading .email-opt-in a.collapsed, .email-opt-in .panel-heading a, .panel-heading .email-opt-in a { line-height: inherit } table.subpanel-table .pagination .action_buttons a:hover, table.subpanel-table .pagination .SugarActionMenu li.single a:hover, table.subpanel-table .pagination .action_buttons .button:hover { background-color: #778591; color: #BFCAD3 } table.subpanel-table .pagination li.sugar_action_button { border: 1px solid; border-color: #778591; border-radius: 3px; line-height: initial; height: initial } table.subpanel-table .pagination li.sugar_action_button>form>a { font-size: 13px; padding: 2px 13px; line-height: initial; height: initial; min-height: auto } .import-vcard { background-color: #FFFFFF; padding: 16px; border-radius: 4px } .import-vcard #vcard_file { margin-top: 10px; margin-buttom: 10px } .import-vcard .button { margin-top: 10px; margin-buttom: 10px } div#searchResults { padding-bottom: 50px; overflow-y: auto } #EditView #reminder_view input[type="button"].add-btn { padding: 0px 20px 20px 32px } #EditView #reminder_view input[type="button"].remove-btn { padding: 0px 32px 20px 20px } #EditView #reminders input[type="button"]#reminder_add_btn { padding: 0px 20px 20px 32px } #scheduler { margin-top: 5px } #scheduler .schedulerDiv { background-color: #FFFFFF; color: #534D64; padding: 20px 20px 10px 20px; border: 1px solid #E6E6E6; border-radius: 4px; text-align: left; width: 100%; border-collapse: collapse } #scheduler .schedulerDiv table { width: 100%; border-collapse: collapse } #scheduler .schedulerDiv table tr td { border: 1px solid #dddddd; height: 18px } #scheduler .schedulerDiv table tr.schedulerTimeRow td { border-left: 0 } #scheduler .schedulerDiv table tr.schedulerTimeRow th[scope=col] { padding-left: 4px; border-left: 1px solid #CBCBCB } #scheduler .schedulerDiv table tr.schedulerAttendeeRow td { background-color: #eee; width: 15px } #scheduler .schedulerDiv table tr.schedulerAttendeeRow td[scope=row] { background: transparent; padding-left: 4px; border-left: 0; overflow: hidden; width: 125px } #scheduler .schedulerDiv table tr.schedulerAttendeeRow td.schedulerSlotCellStartTime.free { border-left: 4px solid #79996A } #scheduler .schedulerDiv table tr.schedulerAttendeeRow td.schedulerSlotCellStartTime.busy { border-left: 4px solid #79996A } #scheduler .schedulerDiv table tr.schedulerAttendeeRow td.schedulerSlotCellStartTime { background-color: #F5F5F5; border-left: 4px solid #79996A } #scheduler .schedulerDiv table tr.schedulerAttendeeRow td.schedulerSlotCellEndTime { border-left: 4px solid #99534D } #scheduler .schedulerDiv table tr.schedulerAttendeeRow td.schedulerSlotCellEndTime.free { border-left: 4px solid #99534D } #scheduler .schedulerDiv table tr.schedulerAttendeeRow td.schedulerSlotCellEndTime.busy { border-left: 4px solid #99534D } #scheduler .schedulerDiv table tr.schedulerAttendeeRow td.schedulerAttendeeDeleteCell { background: transparent; padding-left: 4px; border-left: 1px solid #dddddd } #scheduler .schedulerInvitees .tabForm { margin-bottom: 0 } #scheduler .schedulerDiv table tr.schedulerAttendeeRow td.free { background-color: #6A80E6; border-color: #FFFFFF } #scheduler .schedulerDiv table tr.schedulerAttendeeRow td.busy { background-color: #E67C73; border-color: #FFFFFF } #create-invitees { background-color: #FFFFFF; color: #534D64; padding: 20px 20px 10px 20px; margin-top: 5px; border: 1px solid #E6E6E6; border-radius: 4px; text-align: left; width: 100%; border-collapse: collapse } .schedulerInvitees { background-color: #FFFFFF; color: #534D64; padding: 20px 20px 10px 20px; margin-top: 5px; border: 1px solid #E6E6E6; border-radius: 4px; text-align: left; width: 100%; border-collapse: collapse } #create_invitee_as_lead { font-size: 13px; background-color: #F08377; color: #F5F5F5; padding: 0 10px; margin: 4px; border: 1px solid transparent; border-radius: 4px; line-height: 32px; height: 32px; text-transform: uppercase } #create_invitee_as_contact { font-size: 13px; background-color: #F08377; color: #F5F5F5; padding: 0 10px; margin: 4px; border: 1px solid transparent; border-radius: 4px; line-height: 32px; height: 32px; text-transform: uppercase } #create-invitee-edit td { padding-bottom: 8px; line-height: 20px } #create-invitee-edit button { font-size: 13px; background-color: #F08377; color: #F5F5F5; padding: 0 10px; margin: 4px; border: 1px solid transparent; border-radius: 4px; line-height: 32px; height: 32px; text-transform: uppercase } #EditView .edit input[type=submit]#invitees_search { font-size: 13px; background-color: #F08377; color: #F5F5F5; padding: 0 10px; margin: 4px; border: 1px solid transparent; border-radius: 4px; line-height: 32px; height: 32px; text-transform: uppercase } #list_div_win { background-color: #FFFFFF; color: #534D64; padding: 20px 20px 10px 20px; margin-top: 5px; border: 1px solid #E6E6E6; border-radius: 4px; text-align: left; width: 100%; border-collapse: collapse } #list_div_win .list tr th { color: #534D64 } #ygddfdiv { background: #AA9DCC; padding: 8px; opacity: 1 } div.noBullet li, .nobullet { list-style-type: none } #p_wrap { position: relative; padding-left: 215px; float: left; width: 100% } .content { padding: 20px 3% 40px 3%; width: 100% } @media (max-width: 750px) { .content { padding-top: 50px } } .pagecontent:after { clear: both } a#powered_by { margin-left: 4% } a#admin_options { font-size: 12px; color: #534D64; cursor: pointer } a#powered_by { font-size: 12px; color: #534D64; cursor: pointer } a#admin_options:hover { color: #D66C60; text-decoration: none } a#powered_by:hover { color: #D66C60; text-decoration: none } #copyright_data { padding-left: 1%; display: inline-block; vertical-align: top } .footer_right { padding-right: 1%; float: right; text-align: right; width: 47%; text-transform: uppercase } .footer_right a { font-size: 12px; background-image: none, url("../../../../index.php?entryPoint=getImage&themeName=SuiteCustom&imageName=p_icon_back_to_top.svg"), url("../../../../index.php?entryPoint=getImage&themeName=SuiteCustom&imageName=p_icon_back_to_top.png"); background-position: right 3px; background-repeat: no-repeat; color: #333; padding-right: 20px; letter-spacing: 1px; vertical-align: middle; line-height: 38px } .footer_right a:hover { background-position: right -15px; color: #D66C60 } .footer_right .suitepicon, .footer_right .button-toggle-expanded span, .button-toggle-expanded .footer_right span, .footer_right .button-toggle-collapsed span, .button-toggle-collapsed .footer_right span, .footer_right .panel-heading a.collapsed, .panel-heading .footer_right a.collapsed, .footer_right .panel-heading a, .panel-heading .footer_right a { line-height: inherit; margin: 0 4px 0 4px } .subDmenu { display: none; position: absolute; visibility: hidden } .menu { display: none; position: absolute; background-color: #FFFFFF; border: #CBCBCB solid 1px; filter: alpha(opacity=90); opacity: 0.9; visibility: hidden; z-index: 2; -moz-opacity: 0.9 } div.clear { clear: both; height: 0; visibility: hidden } th { padding: 0; border: none } td { padding: 0; border: none } #case_updates textarea { resize: both } textarea { resize: vertical } #header ul li { display: inline } #unified_search_advanced_img { cursor: pointer } #unified_search_advanced_div { position: relative; padding-top: 5px; overflow: hidden; width: 21em; height: 1px } #unified_search_advanced_div .edit.view { padding: 6px 6px 6px 4px } #unified_search_advanced_div .edit.view td { padding: 0 0.5em } #themeColors img { margin-bottom: 0 } #themeFonts img { margin-bottom: 0 } #HideHandle { cursor: pointer; padding-top: 5px } #HideMenu { position: absolute; visibility: hidden; z-index: 100 } #leftHandle { float: left } #newRecord form { padding: 8px 8px 5px 8px } #newRecord form input { margin-top: 2px; margin-bottom: 4px; max-width: 140px } #newRecord form select { margin-top: 2px; margin-bottom: 4px; max-width: 140px } #newRecord form textarea { margin-top: 2px; margin-bottom: 4px; max-width: 140px } #newRecord form button { padding-top: 0; vertical-align: bottom } #newRecord form input[type=button] { padding-top: 0; vertical-align: bottom } #newRecord form input[type=submit] { padding-top: 0; vertical-align: bottom } #newRecord form input[type=reset] { padding-top: 0; vertical-align: bottom } #newRecord form .dataLabel { padding-top: 3px; padding-bottom: 2px; padding-left: 0; vertical-align: bottom } #newRecord form .dataField { padding-bottom: 3px } #newRecord form #jscal_trigger { margin-top: 2px; margin-bottom: 4px; vertical-align: bottom } #newRecord form a:link { padding-left: 0; border-bottom: 0; text-decoration: underline } #newRecord form a:visited { padding-left: 0; border-bottom: 0; text-decoration: underline } #newRecord form a:hover { padding-left: 0; border-bottom: 0; text-decoration: underline } .sqsSelectedSmartInputItem { background-color: #DEEFFF } .view { padding: 20px 16px 22px 30px; margin-top: 3px; margin-bottom: 3px; width: 100% } table.view { padding: 20px 16px 22px 30px; margin-top: 3px; margin-bottom: 3px; width: 100% } [field=number] { vertical-align: middle; line-height: 20px; height: 20px } .view tr td input[type=checkbox] { vertical-align: middle } #search_form>div tr td input[type=checkbox] { vertical-align: middle } .basic textarea { width: 100%; height: 48px } .detail h4 { font-size: 1.2em; font-weight: bold; padding-top: 6px; padding-bottom: 6px; padding-left: 0; margin: 0; border: none; text-align: left } .detail-view-row { margin: 0 0 2px 0; margin: 0; min-width: 48px } .detail-view-row-item { margin: 0; min-width: 48px; min-height: 30px } .edit-view-row { margin: 0 0 8px 0; min-width: 48px; min-height: 30px } .edit-view-row-item { margin: 0 0 8px 0; min-width: 48px; min-height: 30px } .detail-view-row .label { display: inline; font-size: 15px; font-weight: 500; color: rgb(108 116 129); padding: 0 0 10px 8px; text-align: left; vertical-align: baseline; white-space: pre-wrap } .edit-view-row .label { display: inline; font-size: 14px; font-weight: 500; color: #534D64; padding: 0; text-align: left; vertical-align: baseline; white-space: pre-wrap; line-height: 10px; margin: 0px 0px 10px 0px; } #lineItems { display: inline; font-size: 11px; font-weight: 700; color: #534D64; padding: 0 0 0 8px; text-align: left; vertical-align: baseline; white-space: nowrap } slot { font-size: 14px; font-weight: 700; color: #534D64; line-height: 48px; text-align: left; vertical-align: baseline; white-space: nowrap } #lead_queries_Div td { font-size: 14px; font-weight: 700; color: #534D64; line-height: 30px; text-align: left; vertical-align: baseline } #html_div { white-space: normal; background-color: #778591 } .dataField { line-height: 30px; min-height: 30px } .detail-view-field { display: inline; font-size: 16px; font-weight: 600; color: #534D64; padding: 10px 10px; border: 1px solid transparent; border-radius: 4px; text-align: left; min-height: 38px; vertical-align: baseline; white-space: inherit } .detail-view-field span { line-height: normal; display: inline-block; vertical-align: middle } .detail-view-field a { font-weight: 700 } .edit-view-field textarea { padding-top: 14px; line-height: 24px } .inline_edit_field textarea { padding-top: 14px; line-height: 24px } #no-tab-actions>ul>li { margin: 8px 8px 8px 0 } .detail tr td { padding: 5px 6px 5px 6px; border: none; text-align: left; vertical-align: top; vertical-align: top } .detail tr td[scope=row] { margin-top: 2px; margin-bottom: 10px; text-align: right; white-space: nowrap } .detail tr td>li { margin-left: 1.5em } #EditView>table { margin-bottom: 0; overflow: auto } #EditView_tabs.yui-navset.yui-navset-top .nav.nav-tabs { margin-top: 15px } #EditView_tabs .nav.nav-tabs { margin: 0 } #EditView_tabs .tab-content { margin: 0 } #EditView .edit tr td { font-weight: 700; color: #534D64 } #EditView .edit input:not([type=button]) { font-weight: normal; color: #534D64 } #EditView .edit textarea { font-weight: normal; color: #534D64 } #EditView .edit select { font-weight: normal; color: #534D64 } #EditView .edit option { font-weight: normal; color: #534D64 } select { font-weight: normal; color: #534D64; } option[selected] { font-weight: normal; color: #fff; background: var(--blue) } .sqsEnabled { font-weight: normal; color: #534D64 } .edit { padding: 0 6px 12px 10px } .label { font-size: 14px; color: #534D64; padding: 7px 14px; border-radius: 11px; } .edit>table { padding: 3px 3px 3px 10px; margin-bottom: 0 } .edit h4 { padding-top: 0; padding-left: 0; margin-top: 10px; text-align: left } .edit tr td { font-weight: normal; vertical-align: top } .edit tr td[scope=row] { padding: 0 10px 0 0; line-height: 40px; text-align: left; height: 40px; vertical-align: top } .edit tr th { padding: 5px 5px 5px 7px } #EditView input[type="button"]:not([type="button"]) { padding: 10px 10px; margin: 4px } fieldset { margin-top: 32px } fieldset legend { font-size: 16px; font-weight: 500; padding-left: 33.33333333%; border: none } fieldset table { background: none } fieldset>table tr>td:first-of-type { width: 33.33333333% } fieldset tr { border: none } fieldset td { border: none } fieldset label { font-size: 14px; font-weight: 500; color: #534D64; border: none } .validation-message { margin: 4px; border: 1px solid transparent; border-radius: 4px } table#tabFormPagination td { margin-bottom: 0; border-bottom: none } #tabFormPagination { margin-bottom: 0; border-bottom: none } #EditView>table#tabFormPagination.detail.view { margin-bottom: 0; border-bottom: none } .edit tr td table { padding: 3px 3px 3px 0 } .edit tr td table tr td { padding: 3px 3px 3px 0 } .edit .list { padding: 0; margin-bottom: 10px } #map_listview_top { clear: both; float: none } #export_listview_top { clear: both; float: none } .detail.view { padding: 0; width: 100% } .detail table { padding: 0; width: 100% } table.detail { padding: 0; width: 100% } .detail tr.pagination td { padding-top: 4px; text-align: right; vertical-align: middle } .detail table tr.pagination td { padding-bottom: 4px } .detail td>table tr td { border: none } .sugar_field { text-wrap: normal; white-space: normal } #description * { text-wrap: normal; white-space: normal } .caseUpdate { text-wrap: normal; white-space: normal } .small { width: 100% } .small table { width: auto } .small tr td table { background-color: transparent } .small tr td[scope=row] table tr td { background-color: transparent } .small tr td[scope=row] table tr th { background-color: transparent } .small tr td table tr th { border-bottom: none; text-align: left } #sitemap { display: none; top: 10%; left: 30%; clear: both; width: 650px; z-index: 9999 } #sitemap .edit.view { padding: 6px 6px 6px 16px; border: 2px solid } #sitemap a:link { text-decoration: none } #sitemap a:visited { text-decoration: none } #sitemap a:hover { text-decoration: underline } #sitemap h4 a:hover { text-decoration: underline } #sitemap ul { margin-top: 5px; margin-left: 5px } #sitemap ul li { display: list-item; margin-bottom: 5px } #sitemapLink a { cursor: pointer; margin: 0 0 0 18px } #sitemapLink span img { cursor: pointer; margin-left: 2px } #bottomLinks { padding: 0 25px; float: right } div#responseTime { font-size: 12px; color: #888888; width: 50% } #themePicker { margin-bottom: 0.5em; text-align: center } #langPicker { margin-bottom: 0.5em; text-align: center } div.row.monthHeader { margin-left: 0; margin-right: 0; border-bottom: none } .olCapFontClass A { color: #F08377 } .olFgClass td { background-color: #FFFFFF; padding: 5px 7px 7px 10px; line-height: 18px } #forecastsWorksheet .olBgClass td.olFgClass { background-color: #FFFFFF; padding: 5px 7px 7px 10px; line-height: 18px } .olCgClass td { background-color: #FFFFFF; padding: 5px 3px 3px 10px; border-bottom: 2px solid #CBCBCB } #forecastsWorksheet .olBgClass td.olCgClass { background-color: #FFFFFF; padding: 5px 3px 3px 10px; border-bottom: 2px solid #CBCBCB } .olCgClass { padding: 0; border: 0 } .olBgClass { background-color: #FFFFFF; padding: 2px } #forecastsWorksheet .olBgClass td { padding: 0 } .olCloseFontClass { background-color: #FFFFFF; padding-bottom: 1px; text-align: right } .aclAll { font-weight: bold; color: #3C763D } .aclOwner { font-weight: bold; color: #000000 } .aclNone { font-weight: bold; color: #31708F } .aclEnabled { font-weight: bold; color: #3C763D } .aclDisabled { font-weight: bold; color: #31708F } .aclAdmin { font-weight: bold; color: #8A6D3B } .aclNormal { font-weight: bold; color: #3C763D } .aclGroup { font-weight: bold; color: #31708F } ul.noBullet { padding-left: 0; margin-left: 0; list-style-type: none } li.noBullet:first-child { min-height: initial } li.noBullet { padding: 0; margin: 0; min-height: initial; list-style-type: none } #MorePanelHandle { display: inline; background: url("../../../../index.php?entryPoint=getImage&themeName=SuiteCustom&imageName=more.gif") no-repeat bottom left; cursor: pointer; margin-bottom: 2px; margin-left: 2px; text-align: center } .sqsFloater { display: none; position: absolute; bottom: 0; right: 0; padding: 0; z-index: 2 } .sqsFloater td { color: black; border: 1px inset } .sqsMatchedSmartInputItem { cursor: pointer; padding: 2px 5px 2px 5px; margin: 0 } .sqsSelectedSmartInputItem { background-color: #FFFFFF } #sqsSmartInputResults { padding: 0; margin: 0 } .sqsNoMatch { font-weight: bold; background-color: #FFFFFF; color: #31708F; padding: 2px 5px 2px 5px } .todaysTask { color: #8A6D3B } .overdueTask { color: #31708F } .product_group .required { position: absolute; padding: 0; margin: 0; line-height: 32px } .required { background-color: transparent; color: #FF0000; border: 1px solid transparent; border-radius: 4px } .error { background-color: #F08377; color: #F5F5F5; padding: 7px 10px; font-size: 12px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px } span.error.nonPaddedError { padding: 0 } div#generate_success.error { padding: 0 } p.error { margin: 0 } .error { border: none; color: #FFFFFF; background: #F08377 } .error:empty { padding: 0 } div.content p.error { margin: 0 0 20px 0; border-radius: 3px } .required a:link { font-weight: 600; color: #FFFFFF; text-decoration: underline } .error a { font-weight: 600; color: #FFFFFF; text-decoration: underline } .error a:link { font-weight: 600; text-decoration: underline } .required a:hover { color: #F08377 } .error a:hover { color: #F08377 } .success { color: #3C763D } .rssItemDate { color: #778591 } .date { font-size: 13px; font-weight: bold; padding-right: 10px; border-bottom: 1px solid } table.dateTime { width: 100% } .dateTime td { display: inline-block } .dateFormat { font-style: italic; font-weight: normal } #parent_name { display: inline-block; margin-top: 8px; margin-right: 8px; clear: both } input.sqsEnabled { display: inline-block; margin-right: 8px; clear: both } .pageNumbers { position: static; font-weight: bold; color: #F5F5F5; padding: 0 8px 0 8px; margin: 0 0 0 0 } .contentBox { padding: 0 10px 0 0; margin: 10px 0 10px 0; border-top: 1px solid #CBCBCB; border-bottom: 1px solid #CBCBCB } .contentBox td { padding-top: 0 } .teamNoticeBox { background: #FFFFFF; padding: 0; border: 1px solid; width: 100% } .teamNoticeText { padding: 0 10px 0 10px } .mceToolbarTop { border-bottom: 1px solid #CBCBCB } .x-dlg-btns button.x-btn-text:hover { color: #534D64 } .x-dlg-btns .x-btn-focus button.x-btn-text { color: #534D64 } td.edit.view td { text-align: left } td.edit.view td[align=right] { text-align: right } #forecastsWorksheet tbody tr td { padding: 3px 0 5px 0 } #forecastsWorksheet tr td { padding: 3px 0 5px 0 } #forecastsWorksheet tr.pagination td { padding: 0 } #forecastsWorksheet tr.pagination td table td { padding: 3px 7px 3px 5px } #forecastsWorksheet>tbody>tr>td { padding: 0; vertical-align: top } #forecastsWorksheet>tr>td { padding: 0; vertical-align: top } #forecastsWorksheet #activetimeperiods tr td { padding: 0; vertical-align: top } #tab_general>form>table { border: 0 } #tab_general>form>table.detail th { border: 0 } #tab_accounts>table { border: 0 } #tab_accounts>table.detail th { border: 0 } #tab_accounts .detail.view .edit.view { margin-top: 0 } #tab_accounts #ieSelect>table { padding: 0pt; border-collapse: collapse } #ieAccount>table { padding: 0pt; border-collapse: collapse } #ieAccount>table td table { padding: 0pt; border-collapse: collapse } #importDialogContent { overflow: hidden } #importDialogContent #importDiv { margin-top: 0 } .detail td.subdetail { padding: 0; border-bottom: medium none } .detail td.subdetail table tr td { padding: 5px 6px } #importOptions td { padding: 5px 6px } #importOptions table { border-collapse: collapse } #importOptions #chooser_choose_index_text { background: #FFFFFF; border: 0; text-align: left } #importOptions #chooser_ignore_index { background: #FFFFFF; border: 0; text-align: left } .login table tr td { padding: 0; text-align: left } #lastviewicon { display: none } #newrecordicon { display: none } #shortcuts_img { display: none } #lastviewicon_1 { display: none } #newrecordicon_1 { display: none } #shortcuts_img_1 { display: none } #popup_query_form { padding-left: 0; padding-right: 0 } #container_upload { margin-top: 7px } .subTabs td { padding: 0 0.25em } iframe.teamNoticeBox { padding: 0; width: 99% } .loading-indicator { background-image: url("../default/ext/resources/images/default/grid/loading.gif"); background-position: left; background-repeat: no-repeat; padding-left: 20px; margin: 3px; line-height: 16px } .x-sqs-list { background: #FFFFFF; border: 1px solid #CBCBCB; overflow: hidden } .x-sqs-list-inner { position: relative; background: #FFFFFF; overflow: auto; overflow-x: hidden } .x-sqs-list-item { font: normal 12px "Lato", Lato, Arial, sans-serif; padding: 1px; border: 1px solid #CBCBCB; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .x-sqs-list .x-sqs-selected { background: #F08377; cursor: pointer; border: 1px dotted #CBCBCB } embed { background: transparent } #selected_directory_children { padding: 3px; border-left: 1px solid } #goto_date_trigger_div { padding: 0; border: none } .yui-panel-container { } div.confirmTable { position: relative; margin-bottom: 20px; overflow: auto; width: 1056px } #html_div p { margin: 12px 0 } #html_div p:first-child { margin: 0 0 12px 0 } .h3Row { background-position: top; background-repeat: repeat-x; margin-top: 10px; vertical-align: middle } .h3Row td { padding: 0 } .buttonSlide { border: 0 } .buttonSlide .yui-hd { background-color: transparent; padding: 0; border: 0 } .buttonSlide.yui-module .yui-hd .toggle em { display: inline; background-image: url("../../../../index.php?entryPoint=getImage&themeName=SuiteCustom&imageName=slider_button_more.png"); background-repeat: no-repeat; float: right; overflow: hidden; text-align: right; width: 14px; height: 14px; text-indent: 9999px } .buttonSlide.yui-module.yui-closed .yui-hd .toggle em { background-image: url("../../../../index.php?entryPoint=getImage&themeName=SuiteCustom&imageName=slider_button_less.png") } .view { border-top: 2px solid; border-bottom: 1px solid } .td_alt { border-left: none; border-right: none } .list tr th { border-left: none; border-right: none } .list tr td[scope=col] { border-left: none; border-right: none } .edit .list tr th { border-left: none; border-right: none } .edit .list tr td[scope=col] { border-left: none; border-right: none } .moduleTitle span.utils { display: none } .moduleTitle>h2>img { display: none } .moduleTitle h2 { display: block; font-size: 18px; font-weight: 400; color: #101828; margin: 0 0 12px 0; float: left; line-height: 24px; font-style: Regular; } .moduleTitle>h2>img { display: none } .moduleTitle h2 span.pointer { font-size: 32px; padding: 0 8px; line-height: 36px } ul.subTabs { font: 12px "Lato", Arial, Verdana, Helvetica, sans-serif; padding: 4px 0; margin: 0; border: none } ul.subTabs li { display: inline; margin: 0; list-style: none } .activeSubTab { font-weight: bold } ul.subTabs li a.activeSubTab:link { font-weight: bold } ul.subTabs li a.activeSubTab:visited { font-weight: bold } ul.subTabs li a.activeSubTab:hover { font-weight: bold } ul.subTabs li a { padding: 0 8px 0 8px; margin: 0; border-bottom: none; border-right: 1px solid; text-decoration: none } ul.subTabs li a:link { text-decoration: none } ul.subTabs li a:visited { text-decoration: none } .subTabMore { padding-top: 3px; text-decoration: none } #newRecord form { border-bottom: 1px solid } a.utilsLink:link { font-weight: normal; padding-bottom: 3px; text-decoration: underline } a.utilsLink:visited { font-weight: normal; padding-bottom: 3px; text-decoration: underline } a.tabFormAdvLink:link { margin-right: 2px; line-height: 20px; text-decoration: none } a.tabFormAdvLink:visited { margin-right: 2px; line-height: 20px; text-decoration: none } a.tabFormAdvLink:hover { margin-right: 2px; line-height: 20px; text-decoration: none } #themepickerLinkSpan a { color: #444444 } #colorPicker { padding: 8px 4px 4px 0; margin-right: 1px; border-right: 2px solid #DDDDDD } #colorPicker span { color: #cccccc } #colorPicker #themepickerLinkSpan { font-size: 12px; font-weight: 400; color: #444444; text-decoration: underline } #colorPicker #themepickerLinkSpan:hover { color: #0B578F } .ygrid-row { font-size: 8pt } .ygrid-hd { font-size: 8pt } .ygrid-hd-body { font-size: 8pt } .ygrid-hd-body span { font-size: 8pt } .teamNoticeBox { color: #444444; border-color: #abc3d7 } #search input[name=query_string] { background-color: #f6fafd; border-color: #6fb0e4; line-height: 20px; min-height: 44px } #newRecord form a:link { color: #666666 } #newRecord form a:visited { color: #666666 } #newRecord form a:hover { color: #444444 } .evenListRowS1 td, .oddListRowS1 td { color: #534D64 } .oddListRowS1 td { background: #fff } .evenListRowS1:hover td { background: var(--td-hover) } .oddListRowS1:hover td { background: var(--td-hover) } .detail table { background-color: #cbdae6 } table.detail { background-color: #cbdae6 } .detail tr td[scope="row"] { background-color: #FFFFFF; color: #534D64; border-color: #CBCBCB } .detail h4 { color: #444444 } .detail tr th { border-color: #CBCBCB } .detail tr td { background-color: #FFFFFF; border-color: #CBCBCB; color: #534D64 } .detail tr td a:link { color: #F08377 } .detail tr td a:visited { color: #F08377 } .detail tr td a:hover { color: #F08377 } .edit td[scope=row] { color: #534D64 } #EditView hr { border-color: #CBCBCB } .edit { background-color: #FFFFFF; border-color: #CBCBCB } .detail .edit td { background-color: #FFFFFF; border-color: #CBCBCB; border-bottom: 0 } .other { background-color: #FFFFFF; border-color: #CBCBCB } .other td { background-color: #FFFFFF; color: #534D64; border-left-color: #CBCBCB } .other td[scope=row] { background-color: #FFFFFF; color: #534D64 } .other td.edit { background-color: #FFFFFF; color: #534D64 } a.tabFormAdvLink:link { color: #F08377; padding-top: 32px; padding-right: 32px; float: left } a.tabFormAdvLink:visited { color: #F08377; padding-top: 32px; padding-right: 32px; float: left } #change_layout { border: 0 } #basic_search_link { margin-left: 6px } #ajaxStatusDiv { position: fixed; top: 7px; background: #FFFFFF; color: #F08377; padding: 5px; border: 1px solid #CBCBCB; filter: alpha(opacity=80); opacity: 0.8; z-index: 20 } .detail508 tr td[scope="col"] { background-color: #FFFFFF; color: #534D64; border-color: #CBCBCB; text-align: right; white-space: nowrap } td.teamset-row { padding: 5px } .edit tr td.teamset-row { padding: 5px } .edit tr td table tr td.teamset-row { padding: 5px } span#selectedRecordsTop { color: #F5F5F5 } ul.clickMenu { display: inline-block; color: #F5F5F5; padding: 0; margin: 0; border-radius: 3px; vertical-align: bottom; list-style: none } ul.clickMenu form { display: block; float: left } ul.clickMenu li.sugar_action_button>form:first-child { padding: 0 15px } ul.clickMenu.SugarActionMenu li.sugar_action_button ul.subnav.ddopen li form { width: 100% } ul.clickMenu.SugarActionMenu li.sugar_action_button ul.subnav.ddopen li form a { width: 100% } ul.clickMenu li ul.subnav li a:hover { background-color: #E4EBFE; text-align: left; width: 100% } ul.clickMenu li ul.subnav li input:hover { background-color: #677785; text-align: left; width: 100% } ul.clickMenu.subpanel.records li ul.subnav li a:hover { background-color: #E4EBFE; text-align: left; width: 100% } ul.clickMenu ul.subnav-sub li a:hover { background-color: #E4EBFE; text-align: left; width: 100% } ul.clickMenu>li { position: relative; color: #FFFFFF; cursor: pointer; padding: 5px; margin: 0 5px 0 0; border-radius: 3px; float: left; list-style: none } ul.SugarActionMenuIESub li { position: relative; color: #FFFFFF; cursor: pointer; padding: 5px; margin: 0; border-radius: 3px; float: left; list-style: none } ul.SugarActionMenuIESub li { display: block; color: #FFFFFF; margin: 0 5px 0 0; float: left; text-decoration: none } ul.clickMenu li a { display: block; color: #FFFFFF; margin: 0 0 0 4px; display: inline-block; text-decoration: none } .subpanel-table .clickMenu>.sugar_action_button>.suitepicon, .subpanel-table .button-toggle-expanded .clickMenu>.sugar_action_button>span, .button-toggle-expanded .subpanel-table .clickMenu>.sugar_action_button>span, .subpanel-table .button-toggle-collapsed .clickMenu>.sugar_action_button>span, .button-toggle-collapsed .subpanel-table .clickMenu>.sugar_action_button>span, .subpanel-table .panel-heading .clickMenu>.sugar_action_button>a.collapsed, .panel-heading .subpanel-table .clickMenu>.sugar_action_button>a.collapsed, .subpanel-table .panel-heading .clickMenu>.sugar_action_button>a, .panel-heading .subpanel-table .clickMenu>.sugar_action_button>a { font-size: inherit; line-height: inherit; color: #FFFFFF; display: inline; margin: 0 4px 0 0 } .subpanel-table .clickMenu>.sugar_action_button:hover>.suitepicon, .subpanel-table .button-toggle-expanded .clickMenu>.sugar_action_button:hover>span, .button-toggle-expanded .subpanel-table .clickMenu>.sugar_action_button:hover>span, .subpanel-table .button-toggle-collapsed .clickMenu>.sugar_action_button:hover>span, .button-toggle-collapsed .subpanel-table .clickMenu>.sugar_action_button:hover>span, .subpanel-table .panel-heading .clickMenu>.sugar_action_button:hover>a.collapsed, .panel-heading .subpanel-table .clickMenu>.sugar_action_button:hover>a.collapsed, .subpanel-table .panel-heading .clickMenu>.sugar_action_button:hover>a, .panel-heading .subpanel-table .clickMenu>.sugar_action_button:hover>a { color: #FFFFFF } ul.clickMenu li a.clearSearchIcon { margin: 3px 0px 0px 8px } ul.clickMenu li.single a { padding-right: 8px } ul.clickMenu li a:hover { text-decoration: none } ul.clickMenu>li>span { display: inline-block; background-position: 0% 0%; background-repeat: no-repeat; background-size: 12px auto; cursor: pointer; width: 16px; height: 16px } .panel ul.clickMenu>li>span:not(.suitepicon) { margin-top: 9px; background-image: none, url("/themes/SuiteP/images/p_pag_tools.svg"), url("/themes/SuiteP/images/p_pag_tools.png") } @-moz-document url-prefix() { ul.clickMenu:first-child>li>span { margin-right: 0 } } .inlineButtons ul.clickMenu>li>span { margin-top: 13px; height: 13px } .inlineButtons ul.clickMenu.SugarActionMenu li.sugar_action_button ul.subnav.ddopen li a { padding: 4px; text-align: left; width: 100% } .selectActions.clickMenu { display: none } ul.clickMenu.show { display: inline-block } ul#selectLink.clickMenu>li>a { padding-left: 0 } ul#selectLink.clickMenu li span { height: 17px } ul#detailViewActions.clickMenu { margin-top: 2px } #selectActions.clickMenu { display: none } .selectActionsDisabled { display: inline-block; background-color: #a2b2bf; border-radius: 3px; vertical-align: bottom } .selectActionsDisabled span { background-position: 9px 7px; background-repeat: no-repeat; background-size: 12px auto; float: left; opacity: 0.4; width: 19px; height: 17px } .selectActionsDisabled span.ab { padding-left: 5px; margin: -1px 1px 0 1px } .selectActionsDisabled a { display: inline-block; position: relative; top: -1px; font-size: 14px; font-weight: normal; color: #fff; padding: 2px; padding: 1px; float: left; text-decoration: none } #selectActionsDisabled a:hover { display: inline-block; position: relative; top: -1px; font-size: 14px; font-weight: normal; color: #808F9C; padding: 2px; padding: 1px; float: left; text-decoration: none } ul.clickMenu.SugarActionMenu li.single a { background-color: var(--blue); padding: 0 8px } ul.clickMenu.SugarActionMenu li.single a:hover { background-color: var(--blue-hover); } .view { border: none } table.view td { border-bottom: 1px solid var(--td-hover); } #ajaxHeader { float: left } .selectActionsDisabled { font-size: 13px; cursor: pointer; padding: 4px 8px 5px 8px; margin: 0 3px 0 0 } a:link { text-decoration: none } .iconed { padding: 5px 5px 2px 0; margin-left: 5px; float: left } .view { background: #FFFFFF; padding: 0; margin: 0 } table.view { background: #FFFFFF; padding: 0; margin: 0; } .evenListRowS1 { background: #F9FAFB; } .toggler { margin: 10px } .detail h4 { font-weight: bold; margin: 10px; border: none; text-align: left } #dialog { padding: 25px; overflow: hidden; text-align: center; z-index: 1; zoom: 1; background-opacity: 0.6 } #overlay { display: none; position: fixed; top: 0; left: 0; background-color: #FFFFFF; width: 100%; height: 100% } .module_icon { width: 32px; height: auto } .iconed_dull { opacity: 0.6 } a.crumbLink { font-size: 14px } span.crumbLink { font-size: 14px } #settingsDialog table.view { padding: 10px; margin: 5px 0 5px 0 } .view tr { padding: 5px 0 5px 0 } #mbfooter .yui-layout-hd td { background: none } .chartContainer table tr td { padding: 3px } .tabForm { background: #ffffff; border: none } #create_image { display: none } a#delete_listview_top:hover { font-size: 14px; color: #F5F5F5 } a#delete_listview_bottom:hover { font-size: 14px; color: #F5F5F5 } .about_suite { padding: 0 25px 0 0; float: left; max-width: 550px } .about_suite h3 { font-size: 18px; font-weight: normal } .about_suite ul li { font-size: 14px; color: #777777; margin-bottom: 10px } #about_menu { padding-left: 0; margin-top: 10px; margin-bottom: 20px } #about_table { width: 100% } #about_header { padding: 10px 15px 20px 15px } #about_menu li { list-style-type: square } #featuring { font-size: 14px; color: #777777; padding: 10px 0 0 0 } .wrapper { display: inline-block; position: relative; border: 1px solid #000 } .wrapper input, .wrapper button { background-color: transparent; border: 0 } .wrapper button { position: absolute; top: 0; right: 0 } .wrapper input { padding-right: 30px } input[type=text].cstm_code { width: 200px; height: 200px; resize: both } .themePicker { padding-top: 1em } .themePicker td { padding: 0 } .themePicker>table>tbody>tr>td { text-align: left; width: 100%; vertical-align: top } .themePicker hr { margin: 0 } #themepickerLinkSpan { cursor: pointer } #colorPicker { padding: 8px 5px 0 7px } #colorPicker ul { padding: 3px 0 0 0; margin: 0 0 0 10px; border: none } #colorPicker ul li { display: inline; cursor: pointer; padding: 0; margin: 0; list-style-type: none } #themeName { font-weight: bold } #leftColumn { position: absolute; left: 10px; float: left; width: 14.5em } #color_menu { padding: 0; margin: 0; width: 200px; height: 15px } #font_menu { padding: 0; margin: 0; width: 200px; height: 15px } #color_menu li { float: left; width: 15px; height: 15px } #font_menu li { float: left; width: 15px; height: 15px } #themepickerDialog div[class="ft"] { display: none } #stylepicker { padding: 0; margin: 0; border-width: 1px; width: auto } #themepickerDialog_c { top: 3em; right: 2em } .headerlinks a:link { color: #FFFFFF; padding: 14px 5px 14px 0; width: 100% } .headerlinks a:visited { color: #FFFFFF; padding: 14px 5px 14px 0; width: 100% } .headerlinks a:hover { color: #F08377 } .nav-pills li { display: inline-block } ol { margin: 0 } ul { margin: 0 } dl { margin: 0 } .form-signin img { max-width: 95% } .form-signin .form-signin-heading { margin-bottom: 10px } .form-signin .checkbox { margin-bottom: 10px } .form-signin .checkbox { font-weight: normal } .form-signin .form-control { box-sizing: border-box; position: relative; font-size: 16px; padding: 10px; height: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box } #ConvertLead .label { text-align: left } #EditView_tabs .id-ff-remove { margin-top: 8px } #EditView_tabs .edit [type="radio"] { margin-top: 8px } #EditView_tabs .edit [type="radio"] { margin-top: 8px } #EditView_tabs .edit [type="checkbox"] { margin-top: 20px } #EditView_tabs .id-ff-remove img { content: url("/index.php?entryPoint=getImage&themeName=SuiteCustom&themeName=SuiteP&imageName=id-ff-remove-nobg.png"); width: 32px; height: 32px } #EditView_tabs .edit [type="button"] img { content: url("/index.php?entryPoint=getImage&themeName=SuiteCustom&themeName=SuiteP&imageName=id-ff-remove-nobg.png"); width: 32px; height: 32px } #conditionLines [type="button"] img { content: url("/index.php?entryPoint=getImage&themeName=SuiteCustom&themeName=SuiteP&imageName=id-ff-remove-nobg.png"); width: 32px; height: 32px } #actionLines [type="button"] img { content: url("/index.php?entryPoint=getImage&themeName=SuiteCustom&themeName=SuiteP&imageName=id-ff-remove-nobg.png"); width: 32px; height: 32px } #actionLines tr td table tbody tr td div table tbody tr td button[type="button"] img { content: none } #actionLines tr td table tbody tr td div table tbody tr td table tbody tr td button[type="button"] img { content: url("../../../../index.php?entryPoint=getImage&themeName=SuiteCustom&themeName=SuiteP&themeName=SuiteP&imageName=id-ff-remove-nobg.png") } #search_form span.id-ff.multiple { position: relative; top: 10px } .search .col-xs-12 label { margin-bottom: 0; line-height: 30px } #EditView_tabs span.id-ff.multiple [type="button"] img { content: none } #conditionLines span.id-ff.multiple [type="button"] img { content: none } input#btn_ConditionLine.button[type="button"] { color: white; padding: 0 10px } input#btn_ActionLine.button[type="button"] { color: white; padding: 0 10px } #deleteGroup img { content: url("/index.php?entryPoint=getImage&themeName=SuiteCustom&themeName=SuiteP&imageName=id-ff-clear.png"); width: 32px; height: 32px } #EditView_tabs .edit input { margin-top: 5px; margin-bottom: 5px } #EditView_tabs .edit textarea { margin-top: 5px; margin-bottom: 5px } .edit-view-field #duration_hours { margin-right: 8px; width: 80px } .col-sm-6 .edit-view-field input[type="text"].datetimecombo_date { width: 84px } .col-sm-6 .edit-view-field .datetimecombo_time_section { display: inline-block } #billing_address_street { height: 100px } #shipping_address_street { height: 100px } #primary_address_street { height: 100px } #alt_address_street { height: 100px } #primary_address_street, #alt_address_street { width: 60% } .edit-view-row-item table { background-color: #FFFFFF } .edit-view-row-item table { background-color: #FFFFFF } #conditionLines_head { background: none } #fieldLines_head { background: none } #actionLines { border: 1px solid transparent } #actionLines table { border: 1px solid transparent } #actionLines tr { border: 1px solid transparent } #actionLines td { border: 1px solid transparent } #actionLines { border-radius: 4px; clear: both; width: 100% } #actionLines table { border-radius: 4px; clear: both; width: 100% } #lineItems #service_head { background: none } #lineItems #product_head { background: none } #lineItems table>thead:nth-child(1)>tr>td:nth-child(1) [type="text"] { width: 50% } #lineItems table { font-size: 10px } [field=line_items] { float: none; width: 100%; clear: both } [field=line_items] { display: block } #line_items_span { display: block } table#lineItems { display: block } #line_items_span { width: 100%; white-space: normal } table#lineItems tr td table tfoot tr td span { width: 20% } #lineItems .totals { float: right; width: 256px; margin-top: 5px; margin-bottom: 5px } #lineItems .totals label { width: 50%; line-height: 20px } #lineItems .totals input { width: 50% } #lineItems #shipping_tax_amt {} #lineItems #shipping_tax {} #lineItems .group { width: 100% } #lineItems .group_body { display: block; padding: 2px; border: 1px solid transparent; border-radius: 4px; width: 100% } #lineItems .group_body>td { display: block; padding: 2px; border: 1px solid transparent; border-radius: 4px; width: 100% } #lineItems .group>thead { display: block; padding: 2px; border: 1px solid transparent; border-radius: 4px; width: 100% } #lineItems .group>thead>tr { display: block; padding: 2px; border: 1px solid transparent; border-radius: 4px; width: 100% } #lineItems .group>thead { background-color: #F5F5F5; min-height: 52px } #lineItems .group>thead>tr { background-color: #F5F5F5; min-height: 52px } #lineItems .group>thead>tr>td { background-color: #F5F5F5; min-height: 52px } #lineItems .group>thead>tr>td:nth-of-type(1) { display: inline-block; width: 80% } #lineItems .group>thead>tr>td:nth-of-type(2) { display: inline-block; width: 20% } #lineItems .group>thead>tr>td[colspan="100"] { width: 100% } #lineItems .group button { padding: 0; line-height: 0; width: 32px; height: 32px } #lineItems .alignedLabel { display: none; visibility: collapse } #lineItems #product_head td { padding: 0; border-bottom: 1px solid #F5F5F5 } #lineItems .product_group { background: none } #lineItems .product_group thead { background: none } #lineItems .product_group tr { background: none } #lineItems .product_group td { background: none } #lineItems #product_head>td:nth-of-type(1) { width: 40px } #lineItems .product_group { width: 100% } #lineItems .product_group>tbody>tr:nth-of-type(2)>td { padding-bottom: 32px; border-bottom: 1px solid #F5F5F5 } #lineItems .product_qty { margin: 0 5px 0 0; width: 40px } #lineItems .product_name { margin: 0 5px 0 0; width: 98% } #lineItems .product_part_number { margin: 0 5px 0 0; width: 100% } #lineItems .product_part_number_button { margin: 0 15px 0 5px } #lineItems .product_list_price { margin: 0 5px 0 0; width: 40px } #lineItems .product_discount_text { margin: 0 5px 0 0; width: 40px } #lineItems .product_discount_amount_select { margin: 0 5px 0 0 } #lineItems .product_unit_price { margin: 0 5px 0 0; width: 40px } #lineItems .product_vat_amt_text { margin: 0 5px 0 0; width: 40px } #lineItems .product_vat_amt_select { margin: 0 5px 0 0 } #lineItems .product_total_price { margin: 0 5px 0 0; width: 40px } #lineItems .product_delete_line { margin: 0 15px 0 5px } #lineItems .product_item_description_label { display: block } #lineItems .product_item_description { width: 95%; height: 50px } #lineItems .product_description_label { display: block } #lineItems .product_description { width: 95%; height: 50px } #lineItems #service_head td { padding: 0; border-bottom: 1px solid #F5F5F5 } #lineItems .service_group>tbody>tr>td { padding-bottom: 32px; border-bottom: 1px solid #F5F5F5 } #lineItems .service_group { background: none } #lineItems .service_group thead { background: none } #lineItems .service_group tr { background: none } #lineItems .service_group td { background: none } #lineItems .service_group { width: 100% } #lineItems .service_name { margin: 0 5px 0 0; width: 95%; height: 50px } #lineItems .service_list_price { margin: 0 5px 0 0; width: 40px } #lineItems .service_discount_text { margin: 0 5px 0 0; width: 40px } #lineItems .service_discount_select { margin: 0 5px 0 0 } #lineItems .service_unit_price { margin: 0 5px 0 0; width: 40px } #lineItems .service_vat_text { width: 40px } #lineItems .service_vat_select { margin: 0 5px 0 5px } #lineItems .service_total_price { margin: 0 5px 0 0; width: 40px } #lineItems .service_delete_line { margin: 0 5px 0 0 } #lineItems select { line-height: 18px } #EditView #total_amt { width: 40%; max-width: 40% } #EditView #discount_amount { width: 40%; max-width: 40% } #EditView #subtotal_amount { width: 40%; max-width: 40% } #EditView #shipping_amount { width: 40%; max-width: 40% } #EditView #shipping_tax_amt { width: 40%; max-width: 40% } #EditView #tax_amount { width: 40%; max-width: 40% } #EditView #total_amount { width: 40%; max-width: 40% } #EditView #shipping_tax { margin-left: 8px } @media (min-width: 1350px) { #lineItems { font-size: 13px } #lineItems table { font-size: 13px } #lineItems #product_head>td:nth-of-type(1) { width: 80px } #lineItems .product_qty { width: 80px } #lineItems .product_list_price { width: 80px } #lineItems .product_discount_text { width: 80px } #lineItems .product_unit_price { width: 80px } #lineItems .product_vat_amt_text { width: 80px } #lineItems .product_total_price { width: 80px } #lineItems .service_list_price { width: 80px } #lineItems .service_discount_text { width: 80px } #lineItems .service_unit_price { width: 80px } #lineItems .service_vat_text { width: 80px } #lineItems .service_total_price { width: 80px } } .row { margin-top: 1rem; margin-bottom: 1rem; display: flex; flex-wrap: wrap; } #btn_vCardButton { background: none; margin: 0 } #btn_vCardButton, #btn_vCardButton img { width: auto; height: 14px } .hr { background: #FFFFFF; color: #757083; height: 1px } .converted_account { border: 1px solid transparent; border-radius: 4px } .converted_account td { background-color: #BFCAD3 } .converted_account>tbody>tr>td { padding: 10px; border-radius: 4px } .modal { z-index: 1100 } .detail-view-row .label.col-2-label { padding-left: 32px } .edit h4 { font-size: 21px; padding: 0 0 10px 0; margin: 0 0 10px 0; border-bottom: 1px solid #dddddd } #addbuttons { margin: 0 5px 0 5px; float: right } .btn-success { background: var(--success); border: none; border-radius: 8px; padding: 10px 16px 6px 16px; white-space: nowrap; font-size: 15px; line-height: 26px; transition: background-color .15s ease, border-color .15s ease, color .15s ease, box-shadow .15s ease, transform .02s ease; } .headerlinks a:hover { color: #F08377 } table { font-size: 13px } table legend { font-size: 1.2em } .edit h4 { font-size: 1.2em } #tabs { border: none } #tabs ul li { list-style: none } .ui-widget-header { background: #ffffff; color: #565656; border: none } .ui-tabs .ui-tabs-nav li a { font-size: 0.9em; padding: 5px } .ui-state-default { background: #eeeeee } .ui-widget-content .ui-state-default { background: #eeeeee } .ui-widget-header .ui-state-default { background: #eeeeee } .ui-state-active a { font-weight: bold } .ui-state-active a:link { font-weight: bold } .ui-state-default a:hover { font-weight: bold } .ui-widget-content a { color: #F08377 } .ui-widget-content a:hover { color: #D66C60 } .ui-tabs ul li a { padding: 5px; margin: 0 } .ui-tabs ul li a h3 { padding: 5px; margin: 0 } #admincontainer { display: table } #adminrow { display: table-row } #adminsection { display: table-cell } .detail table, .table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th { border: 1px solid #dddddd } .table-responsive>tbody>tr>td { padding: 4px } span.id-ff button { padding: 0; margin: 5px 5px 5px 0; line-height: 0; width: 32px; height: 32px } span.id-ff button:hover { background-color: #ffffff; color: var(--black); border: 1px solid var(--black); } span.id-ff button img { padding: 0; margin: 0; width: 32px; height: 32px } span.id-ff button:first-of-type img { content: src("/index.php?entryPoint=getImage&themeName=SuiteCustom&themeName=SuiteP&imageName=id-ff-select.png") } span.id-ff button:last-of-type img { content: src("/index.php?entryPoint=getImage&themeName=SuiteCustom&themeName=SuiteP&imageName=id-ff-select.png") } a.tabFormAdvLink { text-transform: uppercase } select#display_tabs { height: auto } select#hide_tabs { height: auto } select#account_type_advanced { height: auto } select#industry_advanced { height: auto } select#assigned_user_id_advanced { height: 28px } select#status_advanced { height: 28px } select#lead_source_advanced { height: auto } select#sales_stage_advanced { height: auto } @media (max-width: 768px) { #BILLING_address_fieldset table tr { border-bottom: none } #SHIPPING_address_fieldset table tr { border-bottom: none } #BILLING_address_fieldset input[type=text] { width: 100% } #SHIPPING_address_fieldset input[type=text] { width: 100% } textarea#billing_address_street { width: 100% } textarea#shipping_address_street { width: 100% } textarea#primary_address_street { width: 100% } textarea#alt_address_street { width: 100% } textarea#description { width: 100% } .detail-view-row .label.col-2-label { padding-left: 8px } .col-xs-12 [field=first_name].edit-view-field input[type="text"]#first_name { width: 100% } .col-xs-6 [field=first_name].edit-view-field input[type="text"]#first_name { width: 100% } .col-sm-12 .col-sm-8.edit-view-field input.sqsEnabled { width: 100% } .col-sm-6 .col-sm-8.edit-view-field input.sqsEnabled { width: 100% } .col-sm-8 .edit-view-field input[type="text"] { width: 100% } .col-sm-6 .edit-view-field input[type="text"] { width: 100% } [type="date"] img { margin-left: 8px } .col-sm-12 .edit-view-field[type="date"] input[type="text"] { width: 92% } .col-sm-6 .edit-view-field[type="date"] input[type="text"] { width: 92% } .col-sm-6 .edit-view-field[type="date"] input[type="text"].date_input { width: auto } } @media (min-width: 768px) { #BILLING_address_fieldset input[type=text] { width: 100% } #SHIPPING_address_fieldset input[type=text] { width: 100% } textarea#billing_address_street { width: 100% } textarea#shipping_address_street { width: 100% } textarea#primary_address_street { width: 100% } textarea#alt_address_street { width: 100% } textarea#description { width: 100% } .col-xs-6 input[type="text"]#first_name { width: 48.5% } .col-sm-6 input[type="text"]#first_name { width: 48.5% } .col-sm-6 [type=bool] { line-height: 20px } .col-sm-6 .edit-view-field textarea { width: 90% } .col-sm-12 .col-sm-8.edit-view-field textarea#description { width: 100% } .col-sm-12 .col-sm-8.edit-view-field textarea { width: 120% } [field=bool].col-sm-8.edit-view-field { height: 32px; line-height: 32px } .col-sm-12 .col-sm-8.edit-view-field input.sqsEnabled { width: 80% } .col-sm-6 .col-sm-8.edit-view-field input.sqsEnabled { width: 80% } .col-sm-12 [field=first_name].edit-view-field select { width: 30% } .col-sm-6 [field=first_name].edit-view-field select { width: 30% } .col-sm-12 [field=first_name].edit-view-field input[type="text"]#first_name { width: 68% } .col-sm-6 [field=first_name].edit-view-field input[type="text"]#first_name { width: 58% } .col-sm-8 .edit-view-field input[type="text"] { width: 100% } .col-sm-6 .edit-view-field input[type="text"] { width: 100% } .email-address-options-container { margin-top: 0 } [type="date"] input[type="text"] { width: 90% } [type="date"] img { margin-left: 8px } } @media (min-width: 769px) { #BILLING_address_fieldset input[type=text] { width: 90% } #SHIPPING_address_fieldset input[type=text] { width: 90% } textarea#billing_address_street { width: 90% } textarea#shipping_address_street { width: 90% } textarea#primary_address_street { width: 90% } textarea#alt_address_street { width: 90% } textarea#description { width: 90% } .col-xs-6 input[type="text"]#first_name { width: 48.5% } .col-sm-6 input[type="text"]#first_name { width: 48.5% } .col-sm-6 [type=bool] { line-height: 20px } .col-sm-6 .edit-view-field textarea { width: 90% } .col-sm-12 .col-sm-8.edit-view-field textarea#description { width: 100% } .col-sm-12 .col-sm-8.edit-view-field textarea { width: 120% } [field=bool].col-sm-8.edit-view-field { height: 32px; line-height: 32px } .col-sm-12 .col-sm-8.edit-view-field input.sqsEnabled { width: 45% } .col-sm-6 .col-sm-8.edit-view-field input.sqsEnabled { width: 90% } .col-sm-12 [type=name].col-sm-8.edit-view-field input[type="text"] { width: 45% } .col-sm-12 [type=url].col-sm-8.edit-view-field input[type="text"] { width: 45% } .col-sm-12 [type=varchar].col-sm-8.edit-view-field input[type="text"] { width: 45% } .col-sm-12 [type=phone].col-sm-8.edit-view-field input[type="text"] { width: 45% } .col-sm-12 .col-sm-8 .edit-view-field input[type="text"] { width: 85% } .col-sm-6 .edit-view-field input[type="text"] { width: 90% } .email-address-options-container { margin-top: 0 } [type="date"] input[type="text"] { width: 90% } [type="date"] img { margin-left: 8px } .col-xs-12 [field=first_name].edit-view-field select { width: 15% } .col-xs-12 [field=first_name].edit-view-field input[type="text"]#first_name { width: 29% } .col-sm-6 [field=first_name].edit-view-field select { width: 30% } .col-sm-6 [field=first_name].edit-view-field input[type="text"]#first_name { width: 58% } } @media (min-width: 1024px) { .col-sm-12 .col-sm-8.edit-view-field input.sqsEnabled { width: 31% } .col-sm-6 .col-sm-8.edit-view-field input.sqsEnabled { width: 62.75% } .col-sm-12 [type=varchar].col-sm-8.edit-view-field input[type="text"] { width: 45% } .col-sm-12 .edit-view-field input[type="text"] { width: 90% } .col-sm-6 .edit-view-field input[type="text"] { width: 90% } #BILLING_address_fieldset input[type=text] { width: 90% } #SHIPPING_address_fieldset input[type=text] { width: 90% } textarea#billing_address_street { width: 90% } textarea#shipping_address_street { width: 90% } textarea#primary_address_street { width: 90% } textarea#alt_address_street { width: 90% } .col-sm-12 .col-sm-8.edit-view-field textarea#description { width: 120% } #EditView_tabs .edit [type="checkbox"][name=alt_checkbox] { margin-top: 15px } .edit-view-field [name=alt_checkbox] { margin-top: 15px } .edit-view-row-item [field=internal] { height: 32px; line-height: 32px } } @media (min-width: 1600px) { .col-sm-12 .col-sm-8.edit-view-field input.sqsEnabled { width: 36% } .col-sm-6 .col-sm-8.edit-view-field input.sqsEnabled { width: 72.25% } .col-sm-12 [type=varchar].col-sm-8.edit-view-field input[type="text"] { width: 45% } .col-sm-6 .edit-view-field input[type="text"] { width: 90%; height: 35px; } #BILLING_address_fieldset input[type=text] { width: 90% } #SHIPPING_address_fieldset input[type=text] { width: 90% } textarea#billing_address_street { width: 90% } textarea#shipping_address_street { width: 90% } textarea#primary_address_street { width: 90% } textarea#alt_address_street { width: 90% } .col-sm-12 .col-sm-8.edit-view-field textarea#description { width: 120% } #EditView_tabs .edit [type="checkbox"][name=alt_checkbox] { margin-top: 15px } .edit-view-field [name=alt_checkbox] { margin-top: 15px } .edit-view-row-item [field=internal] { height: 32px; line-height: 32px } .col-xs-12 [field=first_name].edit-view-field select { width: 30% } .col-xs-6 [field=first_name].edit-view-field select { width: 30% } .col-xs-12 [field=first_name].edit-view-field input[type="text"]#first_name { width: 58% } .col-xs-6 [field=first_name].edit-view-field input[type="text"]#first_name { width: 58% } .col-sm-6 .col-sm-8.edit-view-field input.sqsEnabled { width: 72.25% } .col-sm-12 [field=first_name].edit-view-field select { width: 15% } .col-sm-6 [field=first_name].edit-view-field select { width: 30% } .col-sm-12 [field=first_name].edit-view-field input[type="text"]#first_name { width: 29.5% } .col-sm-6 [field=first_name].edit-view-field input[type="text"]#first_name { width: 59% } } .sub-header { padding-bottom: 10px; border-bottom: 1px solid #eee } .main .page-header { margin-top: 0 } .placeholders { margin-bottom: 30px; text-align: center } .placeholders h4 { margin-bottom: 0 } .placeholder { margin-bottom: 20px } .placeholder img { display: inline-block; border-radius: 50% } .edit img#company_logo_image { margin-top: 50px; max-width: 250px } .chartContainer .label { font-size: 1em; font-weight: normal; color: #333333 } .serverstats { padding: 0; padding-left: 20px; margin: 0; display: inline-block } .dashboardTabList li a span { cursor: pointer } .View { border: 1px solid #cccccc } #fieldChoices .field { padding: 0; margin: 0 } #fieldChoices #fieldcontainer { background-color: transparent } #fieldChoices .field-list { display: inline-block; background-color: #F5F5F5; padding: 8px; margin-right: 1%; border: 1px solid transparent; border-radius: 4px; width: 30%; min-height: 240px } #fieldChoices .field-list input { display: block; clear: both; float: none; width: 100% } .field-list textarea { display: block; clear: both; float: none; width: 100% } #fieldChoices .field-list input { height: 30px } .recent-links-edit-button { display: inline-block } .favorite-links-edit-button { display: inline-block } #fieldChoices .field-header { display: inherit; font-size: 14px; background-clip: padding-box; background-color: #BFCAD3; color: #F5F5F5; padding: 8px; border: 1px solid transparent; border-radius: 4px; line-height: 32px; height: 48px } #fieldChoices .required>.field-header { background-color: #F08377; color: #F5F5F5; padding: 8px; margin: 0; border: 1px solid transparent } #fieldChoices .field-type { float: none } #fieldChoices .field-list input[type="button"] { width: 100px } #fieldChoices .field>.field-header { font-weight: bold } #fieldChoices .field-container { overflow-x: hidden; overflow-y: auto; height: 300px; max-height: 300px; min-height: 300px } #fieldChoices .optionButtonsHolder { margin-top: 5px } #fieldChoices .title { display: inline-block; font-size: 20px; font-weight: 300; color: #F08377; padding-bottom: 8px; text-align: center; width: 30% } #fieldChoices #personTypeSelect { margin-bottom: 20px } .ui-state-highlight { background: #E6E6E6; border: 1px solid #778591; border-radius: 4px; height: 30px } hr { border: none } .pagecontent>table td { padding: 8px } #fieldChoices { background: #FFFFFF; padding: 16px 8px 8px 8px; border: 1px solid transparent; border-radius: 4px } .ui-dialog { z-index: 16000 } @media (max-width: 768px) { .View { border: 1px solid #cccccc } #month-tab { display: none } #year-tab { display: none } #share-tab { display: none } } .table>thead>tr>th { border: none } .table>thead>tr>th { border: none } .home_h3 span { margin: 0 5px 0 5px } @media (min-width: 641px) and (max-width: 978px) { #cal-edit { margin: 0 0 0 50px; overflow: scroll; max-width: 55%; max-height: 50% } } @media (min-width: 999px) and (max-width: 1279px) { #cal-edit { margin: 0 0 0 250px; overflow: scroll; max-width: 55%; max-height: 50% } } .teamNoticeBox { border: none } #copyright_data a { color: #333; margin: 0 5px 0 5px } #copyright_data a:hover { cursor: pointer; text-decoration: none } #links a:hover { cursor: pointer; text-decoration: none } img.info { opacity: 0.6 } img.info:hover { cursor: pointer; opacity: 1 } tr:hover img.info { cursor: pointer; opacity: 1 } .helpIcon { display: none } .paginationWrapper { padding: 0; margin: 0; float: right } #EditView .paginationWrapper { padding-top: 4px } .paginationWrapper span { padding: 0; margin: 0 } .paginationWrapper span { padding: 0; margin: 0 } #EditView div.action_buttons .button { background-color: #F08377 } #save_and_continue.button { background-color: #F08377 } #EditView div.action_buttons .button:hover, #save_and_continue.button:hover { background-color: #D66C60 } .paginationWrapper { float: right } .yui-layout .yui-layout-clip-right .collapse { display: block; visibility: visible } .yui-layout-hd .collapse { display: block; visibility: visible } .yui-layout .yui-layout-clip-left .collapse { display: block; visibility: visible } .table>thead>tr>th { border-top: none } .table>tbody>tr>th { border-top: none } .table>tfoot>tr>th { border-top: none } .table>thead>tr>td { border-top: none } .table>tbody>tr>td { border-top: none } .table>tfoot>tr>td { border-top: none } h3 span { font-weight: bold } #dlg { top: 75px; left: 300px } #themePreview { width: 250px } .icon { fill: #F08377; pointer-events: none; fill: #F08377; pointer-events: none } .inlineEdit { cursor: pointer } .fix-inlineEdit-textarea { word-wrap: break-word; white-space: pre-wrap } .inlineEditIcon { color: #F08377; padding-left: 3px; float: right; width: 15px; height: 10px } .inlineEditIcon .suitepicon, .inlineEditIcon .button-toggle-expanded span, .button-toggle-expanded .inlineEditIcon span, .inlineEditIcon .button-toggle-collapsed span, .button-toggle-collapsed .inlineEditIcon span, .inlineEditIcon .panel-heading a.collapsed, .panel-heading .inlineEditIcon a.collapsed, .inlineEditIcon .panel-heading a, .panel-heading .inlineEditIcon a { line-height: inherit } .inlineEditIcon svg { display: none; fill: #F08377 } .inlineEdit:hover .inlineEditIcon svg { display: inline; cursor: pointer } td.inlineEditActive { background-color: #cccccc } #inlineEditSaveButton { display: inline; float: right } .inlineEdit .suitepicon-action-edit { display: none } .inlineEdit:hover .suitepicon-action-edit { display: inline-block } #inlineEditSaveButton .suitepicon, #inlineEditSaveButton .button-toggle-expanded span, .button-toggle-expanded #inlineEditSaveButton span, #inlineEditSaveButton .button-toggle-collapsed span, .button-toggle-collapsed #inlineEditSaveButton span, #inlineEditSaveButton .panel-heading a.collapsed, .panel-heading #inlineEditSaveButton a.collapsed, #inlineEditSaveButton .panel-heading a, .panel-heading #inlineEditSaveButton a { text-decoration: none; line-height: inherit } #inlineEditSaveButton .suitepicon, #inlineEditSaveButton .button-toggle-expanded span, .button-toggle-expanded #inlineEditSaveButton span, #inlineEditSaveButton .button-toggle-collapsed span, .button-toggle-collapsed #inlineEditSaveButton span, #inlineEditSaveButton .panel-heading a.collapsed, .panel-heading #inlineEditSaveButton a.collapsed, #inlineEditSaveButton .panel-heading a, .panel-heading #inlineEditSaveButton a { text-decoration: none } #inline_edit_field { padding-right: 5px; float: left; width: 80% } #editAccountDialogue { overflow: auto; height: 90% } #settingsDialog .yui-content { overflow-y: auto } #settingsDialog_c { top: 120px; z-index: 20000 } .edit-view-pagination .btn-pagination[disabled], .edit-view-pagination .btn-pagination[disabled]:hover { background-color: #777777; text-decoration: none; cursor: default } .edit-view-pagination .btn-pagination { background-color: #94A6B5; font-size: 10px; font-weight: 600; height: 28px; line-height: 18px; padding: 5px 10px 0 10px; display: inline-block } .edit-view-pagination .btn-pagination:hover { background-color: #94A6B5 } .edit-view-pagination.glyphicon-chevron-left { margin-right: 4px } .edit-view-pagination .glyphicon-chevron-right { margin-left: 4px } @media (max-width: 1200px) { .pagination-label { display: none; visibility: collapse } .edit-view-pagination .btn-pagination.button { margin-left: 0px; margin-right: 0px } .edit-view-pagination .glyphicon-chevron-left { margin-right: 0px } .edit-view-pagination.glyphicon-chevron-right { margin-left: 0px } .edit-view-pagination .glyphicon-chevron-left { margin-right: 0px } .edit-view-pagination .glyphicon-chevron-right { margin-left: 0px } } @media (max-width: 992px) { #settingsDialog_c { left: 1% } #settingsDialog .yui-content { height: 320px } } @media (min-width: 993px) { #settingsDialog_c { left: 22.5% } #settingsDialog .yui-content { height: 384px } } .yui-overlay-hidden * { display: none; height: 0; visibility: collapse } object { pointer-events: none } .favorite { margin-left: 5px; float: left; color: #F08377 } @media (min-width: 751px) { .favorite .suitepicon, .favorite .button-toggle-expanded span, .button-toggle-expanded .favorite span, .favorite .button-toggle-collapsed span, .button-toggle-collapsed .favorite span, .favorite .panel-heading a.collapsed, .panel-heading .favorite a.collapsed, .favorite .panel-heading a, .panel-heading .favorite a { font-size: 26px } } .favorite:hover { cursor: pointer } #suggestion_box table { color: #337ab7; padding: 0; border: 1px solid #cccccc; border-spacing: 0; width: 100%; max-width: 400px } #suggestion_box table tr { border-bottom: 1px solid #cccccc } #suggestion_box table tr:hover { background-color: #dfeffe; cursor: pointer } #suggestion_box table tr th { background-color: #f0f0ee; color: #333333; padding: 4px; text-align: left } #suggestion_box table tr td { margin: 0; border: none } #tool-tip-separator { margin-top: 10px; margin-bottom: 10px } .tool-tip-title { display: inline-block; margin-bottom: 3px } #use_resolution { padding: 8px; margin-top: 4px } #additional_info_p { margin-bottom: 4px } .transfer { border: 2px dotted gray } #reminders .clear { clear: both } #reminders .remove-reminder-btn { float: right } #reminders #reminder_view { padding: 0; margin: 0; border: none; list-style-type: none } #reminders #reminder_view .reminder_item { padding: 10px; margin: 10px 0; border: 1px solid lightgray; list-style-type: none } #reminders #reminder_view .reminder_item .invitees_list { display: block; padding: 0; margin: 0; border: none; list-style-type: none } #reminders #reminder_view .reminder_item .invitees_list .invitees_item { padding: 0; margin: 0; border: none; float: left; list-style-type: none } #reminders #reminder_view .reminder_item .invitees_list .invitees_item .invitee_btn { margin: 4px } #reminders .add-btn { background-image: url(../../../../themes/SuiteP/images/id-ff-add.png); background-position: 5px center; background-repeat: no-repeat; padding-left: 32px } #reminders .remove-btn { background-image: url(../../../../themes/SuiteP/images/id-ff-clear.png); background-position: right 5px center; background-repeat: no-repeat; padding-right: 32px } #reminders .invitee_btn { background-image: url(../../../../themes/default/images/id-ff-clear.png); background-position: right 5px center; background-repeat: no-repeat; padding: 4px 25px 4px 10px; border: 1px solid lightgrey } #reminders input[type="checkbox"] { margin-right: 5px } #reminders #reminder_view .reminder_item.reminder-error { background-color: #fff8f8; border: 1px solid #F08377 } #reminders #reminder_view .reminder_item .error-msg { font-weight: bold; color: #F08377 } #report-editview-footer { float: left; width: 100% } #detailpanel_fields, #detailpanel_conditions, #detailpanel_charts { border-top: 1px solid lightgray } #detailpanel_fields_select { margin-right: 20px; float: left; overflow-y: auto; width: 20%; height: 640px } @media (max-width: 767px) { .col-sm-8.edit-view-field { width: 100% } .edit table, .edit thead, .edit tbody, .edit th, .edit td, .edit tr, .popupBody .edit table, .popupBody .edit thead, .popupBody .edit tbody, .popupBody .edit th, .popupBody .edit td, .popupBody .edit tr { display: block; background: none; width: 100% } } .aor_dragbox { overflow: scroll; height: 250px } #report-editview-footer .tab-togglers { width: 80% } #report-editview-footer .tab-toggler { display: block; padding: 0 4px; float: left } #report-editview-footer .tab-toggler.active .button { background-color: #F08377 } #report-editview-footer .parentheses-btn { display: block; border: 1px solid lightgray; width: 100%; min-height: 30px } #report-editview-footer .condition-sortable-handle { cursor: move } #report-editview-footer .parenthesis-line strong { font-size: 18px } #report-editview-footer .drop-area.highlighted { background-color: #f7f7f7 } .noGraphDataPoints { padding: 10px } .rgraph_chart_tooltips_css { font-family: "Lato", Arial } @media (min-width: 320px) and (max-width: 978px) { .col-sm-offset-3 { margin: 0 } .col-sm-9 { width: 99% } } @media (max-width: 350px) { .footer_left a#admin_options { display: block } .footer_left a#powered_by { display: block } .footer_left a#admin_options { padding-bottom: 10px } } @media only screen and (max-width: 750px) { .detail table { display: block; background: none } .detail thead { display: block; background: none } .detail tbody { display: block; background: none } .detail th { display: block; background: none } .detail td { display: block; background: none } .detail tr { display: block; background: none } .detail tr { background: none; border: none } .detail tr td[scope="col"] { background: none; border: none } .table>thead>tr>th { background: none; border: none } .table>tbody>tr>th { background: none; border: none } .table>tfoot>tr>th { background: none; border: none } .table>thead>tr>td { background: none; border: none } .table>tbody>tr>td { background: none; border: none } .table>tfoot>tr>td { background: none; border: none } .detail tr td { background: none; border: none } .detail table { background: none; border: none } table.detail { background: none; border: none } .detail h4 { font-size: 1.2em; background: #eeeeee; padding: 8px; margin: 10px 0 0 0; border: 1px solid #cccccc } .detail508 tr td[scope="col"] { font-weight: bold } .detail tr { padding: 0; margin: 0 } .detail tr:last-child { border: none } .buttons input.button[type=submit]:hover, input.button[type=button]:hover, input.button[type=reset]:hover { font-size: 10px } } @media (min-width: 751px) { .edit-view-pagination-mobile-container { display: none; visibility: collapse } } @media (max-width: 750px) { .edit-view-mobile-pagination { font-size: 8px } .edit-view-mobile-pagination .btn-pagination.button { font-size: 8px; margin-left: 0px; margin-right: 0px } .edit-view-pagination-mobile-container { text-align: center } #EditView .buttons { width: 100% } #EditView .dcQuickEdit>tbody { display: block; width: 100% } #EditView .dcQuickEdit tr { display: block; width: 100% } #EditView .dcQuickEdit td { display: block; width: 100% } .edit-view-mobile-pagination { display: inline-block; width: auto } .edit-view-pagination-mobile>table { display: inline-block; width: auto } #EditView table.dcQuickEdit tr td.edit-view-pagination-desktop-container { visibility: collapse; display: none } .edit-view-pagination-desktop { display: none; visibility: collapse } .buttons .button { width: 45%; padding-left: 0; padding-right: 0; margin: 4px; font-size: 10px } .edit tr { font-size: 1em; background: none } .edit tr td[scope="col"] { font-size: 1em; background: none } .table>thead>tr>th { font-size: 1em; background: none } .table>tbody>tr>th { font-size: 1em; background: none } .table>tfoot>tr>th { font-size: 1em; background: none } .table>thead>tr>td { font-size: 1em; background: none } .table>tbody>tr>td { font-size: 1em; background: none } .table>tfoot>tr>td { font-size: 1em; background: none } .detail tr td { font-size: 1em; background: none } .detail table table.detail { font-size: 1em; background: none } .edit h4 { font-size: 1.2em; background: #eeeeee; padding: 8px 0 8px 0; margin: 10px 0 0 0; border: 1px solid #cccccc } .edit tr td[scope="col"] { font-weight: bold } td textarea { width: 95% } .edit tr { border-bottom: 1px solid #cccccc } .edit tr:last-child { border: none } .edit input[type=text] { font-size: 1em } #pageContainer { margin: 0 0 0 0; width: 100% } #suggestion_box table { border: none } #suggestion_box table tbody tr { display: table-row; padding: 0; border: 1px solid #ccc } #suggestion_box table tbody tr th { display: table-cell; width: auto } #suggestion_box table tbody tr td { display: table-cell; width: auto } #cal-edit { top: 10px; overflow: scroll; max-width: 300px; max-height: 400px } #settings_dialog { top: 10px; overflow: scroll; max-width: 300px; max-height: 400px } #settings_dialog form { top: 10px; overflow: scroll; max-width: 300px; max-height: 400px } #container1 { top: 10px; overflow: scroll; max-width: 300px; max-height: 400px } } @media (max-width: 750px) { .footer_left, .footer_right, .serverstats { padding: 0; text-align: center; width: 100% } } @media (min-width: 768px) and (max-width: 1000px) { a#advanced_search_link { width: auto; min-width: 200px } #search_form>div.basic>table>tbody>tr>td.submitButtons { display: table-cell; width: auto; min-width: 200px } } @media only screen and (max-width: 959px) { table.mceLayout { width: 100% } textarea.tinyMCE { width: 100% } .mceToolbar td { display: table-row; float: left } .mceToolbar td:nth-of-type(11) { clear: left } table.mceLayout { overflow: scroll; width: 90% } textarea.richEditor { overflow: scroll; width: 90% } .mceToolbar td { display: table-cell; float: none } .mceToolbar td:nth-of-type(11) { clear: none } .defaultSkin .mceToolbar { height: auto } } @media only screen and (min-device-width: 480px) and (max-device-width: 980px) { .detail table { display: block; background: none } .detail thead { display: block; background: none } .detail tbody { display: block; background: none } .detail th { display: block; background: none } .detail td { display: block; background: none } .detail tr { display: block; background: none } .detail tr { background: none; border: none } .detail tr td[scope="col"] { background: none; border: none } .table>thead>tr>th { background: none; border: none } .table>tbody>tr>th { background: none; border: none } .table>tfoot>tr>th { background: none; border: none } .table>thead>tr>td { background: none; border: none } .table>tbody>tr>td { background: none; border: none } .table>tfoot>tr>td { background: none; border: none } .detail tr td { background: none; border: none } .detail table { background: none; border: none } table.detail { background: none; border: none } .detail h4 { font-size: 1em; background: #eeeeee; padding: 8px; margin: 10px 0 0 0; border: 1px solid #cccccc } .detail508 tr td[scope="col"], .edit tr td[scope="col"] { font-weight: bold; margin: 0; text-align: left; max-width: 10% } .detail tr { border-bottom: 1px solid #cccccc } .detail tr:last-child { border: none } .detail td { display: inline-block; font-size: 1em; padding: 0; margin: 0 5px 0 25px; border: none; width: auto; min-width: 35% } #DEFAULT td { display: inline-block; font-size: 1em; padding: 0; margin: 0 5px 0 25px; border: none; width: auto; min-width: 35% } } @media (min-width: 980px) { #dialog1_c { z-index: 5; margin-top: 100px; margin-left: 40% } #dlg { left: 40% } #dlg_c { left: 50% } } @media (max-width: 1023px) { .quickcreate { padding: 5px 7px 5px 7px; margin: 0 } } @media (min-width: 1024px) { form[name="wizform"] div.wizard-unique-elem { width: 1000px } } @media (min-width: 1280px) { #cal-edit { margin: 0 0 0 200px } } @media (max-width: 1360px) { #dlg { top: 50px } #dlg .bd { overflow-y: scroll; max-height: 500px } } @media (max-width: 1399px) { #tiptip_holder { display: none; position: absolute; top: 0; left: 0; z-index: 99999 } #tiptip_holder.tip_top { padding-bottom: 5px } #tiptip_holder.tip_bottom { padding-top: 5px } #tiptip_holder.tip_right { padding-left: 5px } #tiptip_holder.tip_left { padding-right: 5px } #tiptip_content { font-size: 11px; background-color: rgba(25, 25, 25, 0.92); background-color: #191919; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000)); box-shadow: 0 0 3px #555; color: #fff; padding: 4px 8px; border: 1px solid rgba(255, 255, 255, 0.25); border-radius: 3px; text-shadow: 0 0 2px #000; -webkit-border-radius: 3px; -moz-border-radius: 3px; -webkit-box-shadow: 0 0 3px #555; -moz-box-shadow: 0 0 3px #555 } #tiptip_arrow { position: absolute; border-width: 6px; border-color: transparent; border-style: solid; width: 0; height: 0 } #tiptip_arrow_inner { position: absolute; border-width: 6px; border-color: transparent; border-style: solid; width: 0; height: 0 } #tiptip_holder.tip_top #tiptip_arrow { border-top-color: #fff; border-top-color: rgba(255, 255, 255, 0.35) } #tiptip_holder.tip_bottom #tiptip_arrow { border-bottom-color: #fff; border-bottom-color: rgba(255, 255, 255, 0.35) } #tiptip_holder.tip_right #tiptip_arrow { border-right-color: #fff; border-right-color: rgba(255, 255, 255, 0.35) } #tiptip_holder.tip_left #tiptip_arrow { border-left-color: #fff; border-left-color: rgba(255, 255, 255, 0.35) } #tiptip_holder.tip_top #tiptip_arrow_inner { margin-top: -7px; margin-left: -6px; border-top-color: #191919; border-top-color: rgba(25, 25, 25, 0.92) } #tiptip_holder.tip_bottom #tiptip_arrow_inner { margin-top: -5px; margin-left: -6px; border-bottom-color: #191919; border-bottom-color: rgba(25, 25, 25, 0.92) } #tiptip_holder.tip_right #tiptip_arrow_inner { margin-top: -6px; margin-left: -5px; border-right-color: #191919; border-right-color: rgba(25, 25, 25, 0.92) } #tiptip_holder.tip_left #tiptip_arrow_inner { margin-top: -6px; margin-left: -7px; border-left-color: #191919; border-left-color: rgba(25, 25, 25, 0.92) } } @media screen and (max-width: 1399px) and (-webkit-min-device-pixel-ratio: 0) { #tiptip_content { background-color: rgba(45, 45, 45, 0.88); padding: 4px 8px 5px 8px } #tiptip_holder.tip_bottom #tiptip_arrow_inner { border-bottom-color: rgba(45, 45, 45, 0.88) } #tiptip_holder.tip_top #tiptip_arrow_inner { border-top-color: rgba(20, 20, 20, 0.92) } } table tr#delegates_search { background: #FAFAFA } @media (max-width: 1700px) { table#lineItems table tr td table tbody tr td span.hidden.alignedLabel { display: inline } } .masked .yui-simple-dialog { z-index: 16000 } body.yui-skin-sam.masked .yui-panel-container.yui-dialog.yui-simple-dialog.shadow#dlg_c { top: 100px; padding: 20px; width: 100% } body.yui-skin-sam.masked .yui-panel-container.yui-dialog.yui-simple-dialog.shadow[id="container_pbss_date_start_trigger_c"] { z-index: 103200 } body.yui-skin-sam.masked .yui-panel-container.yui-dialog.yui-simple-dialog.shadow[id="container_pbss_date_end_trigger_c"] { z-index: 103200 } body.yui-skin-sam.masked .yui-panel-container.yui-dialog.yui-simple-dialog.shadow[id="container_mypbss_date_start_trigger_c"] { z-index: 103200 } body.yui-skin-sam.masked .yui-panel-container.yui-dialog.yui-simple-dialog.shadow[id="container_mypbss_date_end_trigger_c"] { z-index: 103200 } @media (max-width: 750px) { #EditView table.dcQuickEdit { display: block; float: left } #EditView table.dcQuickEdit tr { display: block; float: left } #EditView table.dcQuickEdit tr td { display: block; float: left } #EditView table.dcQuickEdit tr td[align="right"] table { display: block; float: left } #EditView table.dcQuickEdit tr td[align="right"] table tr { display: block; float: left } #EditView table.dcQuickEdit tr td[align="right"] table tr td.paginationWrapper { display: block; float: left } #EditView table.dcQuickEdit tr td[align="right"] table tr td.paginationWrapper span.pagination { float: right } } div.content div.pagecontent form#EditView div.edit.view table tbody tr td { padding-top: 5px; padding-bottom: 5px } div.content div.pagecontent form#EditView div.edit.view table tbody tr td span { display: block; float: none } div.content div.pagecontent form#EditView div.edit.view table tbody tr td span input[type="text"] { width: 90% } div.content div.pagecontent form#EditView div.edit.view table tbody tr td span input[name="filter_domain"] { width: 90% } div.content div.pagecontent form#EditView div.edit.view table tbody tr td span input[name="email_num_autoreplies_24_hours"] { width: 90% } div.content div.pagecontent form#EditView div.edit.view table tbody tr td span input[type="text"][name="mailbox"]#mailbox { width: 70% } div.content div.pagecontent form#EditView div.edit.view table tbody tr td span input[type="text"][name="trashFolder"]#trashFolder { width: 70% } div.content div.pagecontent form#EditView div.edit.view table tbody tr td span input[type="text"][name="sentFolder"]#sentFolder { width: 70% } div.content div.pagecontent form#EditView div.edit.view table tbody tr td span input[type="button"]#subscribeFolderButton.button { width: 18%; min-width: 71px } div.content div.pagecontent form#EditView div.edit.view table tbody tr td span input[type="button"]#trashFolderButton.button { width: 18%; min-width: 71px } div.content div.pagecontent form#EditView div.edit.view table tbody tr td span input[type="button"]#sentFolderButton.button { width: 18%; min-width: 71px } div.content div.pagecontent form#EditView div.edit.view table tbody tr td span input.button { color: white } div.content div.pagecontent form#EditView div.edit.view table tbody tr td select { border: 3px solid #A5E8D6 } div.content div.pagecontent form#EditView div.edit.view table tbody tr td span input[name="from_name"]#from_name { width: 80% } div.content div.pagecontent form#EditView div.edit.view table tbody tr td span input[name="from_addr"]#from_addr { width: 80% } div.content div.pagecontent form#EditView div.edit.view table tbody tr td input[name="reply_to_name"] { width: 80% } div.content div.pagecontent form#EditView div.edit.view table tbody tr td input[name="reply_to_addr"] { width: 80% } @media (max-width: 767px) { div.content div.pagecontent form#EditView div.edit.view table tbody tr { padding: 0; border: none } div.content div.pagecontent form#EditView div.edit.view table tbody tr td { height: 60px } div.content div.pagecontent form#EditView div.edit.view table tbody tr td[scope="row"] { display: block; float: left; width: 28% } div.content div.pagecontent form#EditView div.edit.view table tbody tr td span { display: block; float: left; line-height: 16px; width: 72%; white-space: initial } div.content div.pagecontent form#EditView div.edit.view table tbody tr td span input[type="text"] { width: 96% } div.content div.pagecontent form#EditView div.edit.view table tbody tr td span input[name="filter_domain"] { width: 96% } div.content div.pagecontent form#EditView div.edit.view table tbody tr td span input[name="email_num_autoreplies_24_hours"] { width: 96% } div.content div.pagecontent form#EditView div.edit.view table tbody tr td input[name="reply_to_name"] { width: 58% } div.content div.pagecontent form#EditView div.edit.view table tbody tr td input[name="reply_to_addr"] { width: 58% } div.content div.pagecontent form#EditView div.edit.view table tbody tr th h4 { background-color: #FEFEFE; border: none } } @media (max-width: 600px) { div.content div.pagecontent form#EditView div.edit.view table { clear: both } div.content div.pagecontent form#EditView div.edit.view table tbody tr td { padding: 15px 0 5px 0; width: 100%; height: initial } div.content div.pagecontent form#EditView div.edit.view table tbody tr td[scope="row"] { padding: 15px 0 5px 0; width: 100%; height: initial } div.content div.pagecontent form#EditView div.edit.view table tbody tr td span { width: 100% } } @media (max-width: 380px) { div.content div.pagecontent form#EditView div.edit.view table tbody tr td span input { font-size: 12px; line-height: initial; height: 40px; min-height: 40px } div.content div.pagecontent form#EditView div.edit.view table tbody tr td span select { font-size: 12px; line-height: initial; height: 40px; min-height: 40px } div.content div.pagecontent form#EditView div.edit.view table tbody tr td input[name="reply_to_name"] { font-size: 12px; line-height: initial; height: 40px; min-height: 40px } div.content div.pagecontent form#EditView div.edit.view table tbody tr td input[name="reply_to_addr"] { font-size: 12px; line-height: initial; height: 40px; min-height: 40px } div.content div.pagecontent form#EditView table tbody tr td { display: block; float: left } div.content div.pagecontent form#EditView div.edit.view table tbody tr td { padding: 0 0 15px 0; width: 100%; height: initial } div.content div.pagecontent form#EditView div.edit.view table tbody tr td[scope="row"] { padding: 0 0 15px 0; width: 100%; height: initial } } select, input, textarea, button, select[size], input[type=text], input:not([type]), input[type=password] { border: 1px solid #e5e6eb; } textarea { font-weight: 400; } table.subpanel-table .pagination .action_buttons a, table.subpanel-table .pagination .SugarActionMenu li.single a, table.subpanel-table .pagination .action_buttons .button { border: 1px solid; border-color: #e5e7eb; background-color: #fff !important; border-radius: 3px; font-size: 13px; padding: 2px 13px; line-height: initial; height: initial; min-height: auto; color: var(--black) } table.subpanel-table .pagination .action_buttons a:hover, table.subpanel-table .pagination .SugarActionMenu li.single a:hover, table.subpanel-table .pagination .action_buttons .button:hover { background-color: var(--black) !important; color: #fff } table.subpanel-table .pagination li.sugar_action_button { border: 1px solid; border-color: #778591; border-radius: 3px; line-height: initial; height: initial } table.subpanel-table .pagination li.sugar_action_button>form>a { font-size: 13px; padding: 2px 13px; line-height: initial; height: initial; min-height: auto } body.popupBody input { border-radius: 4px } body.popupBody .button { border-radius: 4px } .content {} .content .nav-tabs { border: hidden } .content .dropdown-menu { padding: 4px 10px 4px 10px; overflow: visible; min-width: 200px } .content .dropdown-menu>li { overflow: visible; width: 100% } .content #tab-actions .dropdown-menu>li>input[type=button], .content .dropdown-menu>li>a { font-size: 13px; font-weight: normal; cursor: pointer; margin: 0; letter-spacing: normal; line-height: 10px } .content .modal:not(.advanced__filters-modal) .nav-tabs>li>a, .content .modal:not(.advanced__filters-modal) .nav-tabs>li>a:focus, .content .modal:not(.advanced__filters-modal) .nav-tabs>li>a:hover { font-size: 13px; font-weight: 400; color: #4367B0; cursor: pointer; margin: 0 2px 0 2px; border-color: transparent; letter-spacing: 2px; line-height: 10px; border-radius: 22px; padding: 18px 20px; border-radius: 6px; } .content .modal:not(.advanced__filters-modal) .nav-tabs>li.active>a, .content .modal:not(.advanced__filters-modal) .nav-tabs>li.active>a:focus, .content .modal:not(.advanced__filters-modal) .nav-tabs>li.active>a:hover { font-size: 13px; font-weight: 400; background-color: #ffffff; color: #4367B0; cursor: pointer; margin-top: 0; margin-bottom: 0; margin-left: 2px; margin-right: 2px; border-color: transparent; letter-spacing: 2px; line-height: 10px; border-radius: 6px; } .content .modal:not(.advanced__filters-modal) .nav-tabs>li.active:nth-of-type(1)>a, .content .modal:not(.advanced__filters-modal) .nav-tabs>li:nth-of-type(1)>a { margin-left: 0 } .content #overflow-menu>li>span.notCurrentTabLeft, .content #overflow-menu>li>span.notCurrentTabRight { display: none; visibility: collapse } .content #overflow-menu>li { line-height: normal; height: auto } .content #overflow-menu>li a { font-size: 14px; font-weight: normal; padding: 12px 15px 12px 15px; margin: 0; clear: both } .content #overflow-menu>li>ul { display: none; padding: 0; margin: 0; height: 0; visibility: collapse } .content #overflow-menu>li>ul>li { display: none; padding: 0; margin: 0; height: 0; visibility: collapse } .content .nav>li>a.first-tab-xs { background-repeat: no-repeat; padding-right: 10px; border-bottom: none } .content #first-tab-menu-xs.dropdown-menu>li>a { border-bottom: 1px solid #93A0AB } .content #first-tab-menu-xs.dropdown-menu>li:last-of-type>a { border-bottom: none } .content #first-tab-menu-xs.dropdown-menu { border-top-right-radius: 4px } .content #first-tab-menu-xs.dropdown-menu { background-color: #778591 } .content #first-tab-menu-xs.dropdown-menu>li { background-color: #778591 } .content #first-tab-menu-xs.dropdown-menu>li>a { background-color: #778591 } .content .dropdown-menu>li>a, .content .dropdown-menu>li>a:focus, .content .dropdown-menu>li>a:hover { background-color: #F08377; color: #FFFFFF; text-decoration: none } .content #tab-actions>a { background-color: var(--primary); color: #FFFFFF; cursor: pointer; border-color: var(--primary); } .content #tab-actions>a .suitepicon-action-caret { line-height: 4px; font-size: 10px; margin-left: 8px } .content #tab-actions>a:hover { background-color: #F08377; border-color: #F08377; color: #FFFFFF; cursor: pointer } .content #tab-actions:only-child>.dropdown-menu { left: 0; right: auto } .content #tab-actions>.dropdown-menu { left: auto; right: 0; background-color: #F08377; margin-right: 2px; border-top-left-radius: 4px; border-top-right-radius: 0; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px } .content #tab-actions>.dropdown-menu li { background-color: #F08377; border-bottom: 1px solid #FA988D } .content #tab-actions>.dropdown-menu li:last-of-type { border-bottom: none } .content #tab-actions>.dropdown-menu input { text-align: left; width: 100% } .content #tab-actions>.dropdown-menu a { background-color: #F08377 } .content #tab-actions>.dropdown-menu .button { background-color: #F08377 } .content #tab-actions>.dropdown-menu .button:hover { background-color: #F08377 } .content #tab-actions>.dropdown-menu .button:focus { background-color: #F08377 } .content #tab-actions>.dropdown-menu .button:active { background-color: #F08377 } .content #tab-actions>.dropdown-menu .open>.dropdown-toggle.btn-primary { background-color: #F08377 } .content #tab-actions>.dropdown-menu li:last-of-type a { background-color: #F08377; border: none } .content #EditView_tabs .tab-content { background-color: #FFFFFF; padding: 24px; margin: 20px 0px; border: 1px solid #f5f5f5; border-radius: 10px; } .content .detail-view .tab-content { background-color: #FFFFFF; padding: 0px; margin: 20px 0px; border-radius: 10px; } #table_actions_upsheets { background: white; border-radius: 11px; } #table_actions_upsheets td { padding: 8px 15px 6px; } .dashboard .tab-content { margin-bottom: 30px; border: 1px solid transparent; border-top-right-radius: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px } .tab-content .tab-pane-NOBOOTSTRAPTOGGLER:not(.active) { display: none } .panel { margin-bottom: 0px } .panel-body { padding: 0 } .panel-template { visibility: collapse } .panel-default>.panel-heading { color: #FFFFFF; padding: 0; height: 32px; border-color: #FFFFFF } .panel-default>.panel-heading>div { font-weight: 500; vertical-align: middle } .panel-default>.panel-body { padding: 18px 24px 18px 24px } .collapse, .collapsing, .collapse.in { transition: none; -webkit-transition: none } .panel-default>.panel-heading { display: block; text-transform: uppercase } .panel-default>.panel-heading>a { display: block; font-weight: 500; color: #FFFFFF; padding: 0 10px 0 10px; border-top-left-radius: 4px; border-top-right-radius: 4px; text-decoration: none } .sub-panel>.panel-heading { line-height: 32px; border-bottom-width: 0px; margin-bottom: 20px; } .subpanel-icon { margin: 0 4px 0 4px; line-height: 32px } .panel-default.sub-panel>.panel-heading>a { display: block; font-size: 14px; font-weight: 500; color: #FFFFFF; padding: 0 10px 0 10px; border-top-left-radius: 4px; border-top-right-radius: 4px; height: 32px; text-decoration: none } .panel-default>.panel-heading>a:not(.panel-heading a div) { background-color: #fff; color: var(--black) } .sub-panel div.tab-content { padding: 0; border: none } .panel-default>.panel-heading>a img { margin-right: 15px } .panel-default>.panel-body { 15890 padding: 12px; border-top: 1px solid #ebebeb; } .panel-heading a.collapsed { background-color: #BFCAD3 } div.panel-heading a.collapsed-override { background-color: #66727D } .panel-heading a.collapsed { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; vertical-align: middle; margin: 0 } .panel-heading a { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; vertical-align: middle; margin: 0 } .panel-heading a:before { line-height: 32px } .panel-heading a div { line-height: 28px } .sub-panel>.panel-body>.tab-content>div { border: none } .sub-panel>.panel-body>.tab-content>div tr:last-child { margin-bottom: 25px; border-bottom: none } .h3Row { padding: 0; margin: 0 } div.action_buttons form { float: left } div.action_buttons .button { background-color: #F08377 } div.action_buttons .button:hover { background-color: #D66C60 } #subpanel_list .tab-content .list.view.subpanel-table .pagination div.action_buttons .button { padding: 5px 13px; line-height: initial; height: initial; text-transform: capitalize } div.sub-panel { margin-bottom: 4px } .subpanel-table tr:last-of-type td { border-bottom: 0px solid transparent } .subpanel-table { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px } .table-responsive.list .pagination, .table-responsive.list .pagination tr, .table-responsive.list .pagination td, .table-responsive.list .pagination th { border: 0; background-color: #fff; } .sub-panel tbody tr td .sugar_action_button>a:link { border-bottom: none; color: #FFFFFF; padding-top: 0; padding-bottom: 0 } .sub-panel .sugar_action_button>a:hover { border-bottom: none; color: #FFFFFF } .sub-panel .table-responsive.list>tbody>tr>td ul.subnav a { color: #FFFFFF; width: 100% } .sub-panel .table-responsive.list>tbody>tr>td ul.subnav a:hover { color: #FFFFFF; width: 100% } .footable-details.table-responsive.list th { font-weight: bold; color: #534D64 } .footable-details.table-responsive.list th a:link { font-weight: bold; color: #534D64; border-bottom: none } .subpanel-table .clickMenu>li, .SugarActionMenuIESub li { padding: 0; line-height: 24px; white-space: nowrap } .subpanel-table ul.subpanel { background: none; background-color: transparent; border: none; border-color: transparent } .sugar_action_button { color: black !important; } .sugar_action_button .subnav { background: rgb(249 249 249) !important; box-shadow: black 0px 0px 1px 0px; } .sub-panel .sugar_action_button>a:hover { border-bottom: 1px solid rgba(229, 231, 235, 0.40) !important; } .subpanel-table .pagination li.sugar_action_button>form>a { width: 100% } .subpanel-table ul.subpanel>a { background-color: #94A6B5; padding: 0; padding-right: 4px; border: 1px solid transparent; border-radius: 4px } .subpanel-table li.sugar_action_button { background-color: #94A6B5; padding: 0; padding-right: 4px; border: 1px solid transparent; border-radius: 4px } .subpanel-table .pagination .sugar_action_button { background-color: #94A6B5; padding: 0; padding-right: 4px; border: 1px solid transparent; border-radius: 4px } .subpanel-table .pagination li.sugar_action_button>form>a { background-color: #94A6B5; padding: 0; padding-right: 4px; border: 1px solid transparent; border-radius: 4px } .subpanel-table .pagination .sugar_action_button>form>a { background-color: #94A6B5; padding: 0; padding-right: 4px; border: 1px solid transparent; border-radius: 4px } .subpanel-table .pagination .sugar_action_button>form>a { background-color: #94A6B5; padding: 0; padding-right: 4px; border: 1px solid transparent; border-radius: 4px } .calcell>a { background-color: #FFFFFF } .subpanel-table.list tr.pagination span.pageNumbers { position: relative; bottom: 0.5em } .subpanel-table.list tr.pagination button.button[name="listViewStartButton"] img, .subpanel-table.list tr.pagination button.button[name="listViewPrevButton"] img, .subpanel-table.list tr.pagination button.button[name="listViewNextButton"] img, .subpanel-table.list tr.pagination button.button[name="listViewEndButton"] img { display: none } .subpanel-table.list tr.pagination button.button[name="listViewStartButton"], .subpanel-table.list tr.pagination button.button[name="listViewPrevButton"], .subpanel-table.list tr.pagination button.button[name="listViewNextButton"], .subpanel-table.list tr.pagination button.button[name="listViewEndButton"] { padding: 0; margin: 0; width: 26px; height: 26px } .subpanel-table.list tr.pagination button.button[name="listViewStartButton"]:hover, .subpanel-table.list tr.pagination button.button[name="listViewPrevButton"]:hover, .subpanel-table.list tr.pagination button.button[name="listViewEndButton"]:hover { cursor: pointer; } .subpanel-table.list tr.pagination button.button[name="listViewStartButton"][disabled], .subpanel-table.list tr.pagination button.button[name="listViewPrevButton"][disabled], .subpanel-table.list tr.pagination button.button[name="listViewNextButton"][disabled], .subpanel-table.list tr.pagination button.button[name="listViewEndButton"][disabled] { cursor: default; background-color: unset; color: #fff; } .subpanel-table.list tr.pagination button.button[name="listViewStartButton"], .subpanel-table.list tr.pagination button.button[name="listViewPrevButton"], .subpanel-table.list tr.pagination button.button[name="listViewNextButton"], .subpanel-table.list tr.pagination button.button[name="listViewEndButton"], .subpanel-table.list tr.pagination button.button[name="listViewStartButton"][disabled]:hover, .subpanel-table.list tr.pagination button.button[name="listViewPrevButton"][disabled]:hover, .subpanel-table.list tr.pagination button.button[name="listViewNextButton"][disabled]:hover, .subpanel-table.list tr.pagination button.button[name="listViewEndButton"][disabled]:hover { background-color: unset; color: #fff; } .subpanel-table .pagination button .button-toggle-expanded span, .button-toggle-expanded .subpanel-table .pagination button span, .subpanel-table .pagination button .button-toggle-collapsed span, .button-toggle-collapsed .subpanel-table .pagination button span, .subpanel-table .pagination button .panel-heading a.collapsed, .panel-heading .subpanel-table .pagination button a.collapsed, .subpanel-table .pagination button .panel-heading a, .panel-heading .subpanel-table .pagination button a { line-height: 22px } .subpanel-table .pagination button .suitepicon { } #actionLinkTop li.sugar_action_button:hover, #actionLinkBottom li.sugar_action_button:hover, .action-link-top li.sugar_action_button:hover, .action-link-bottom li.sugar_action_button:hover, .subpanel-table li.sugar_action_button:hover, #selectLinkTop li.sugar_action_button:hover, #selectLinkBottom li.sugar_action_button:hover, .subpanel-table .pagination .sugar_action_button:hover, .subpanel-table .pagination li.sugar_action_button:hover>form>a, .subpanel-table .pagination .sugar_action_button:hover>form>a, .subpanel-table ul.subpanel a:hover, .subpanel-table .pagination a, .subpanel-table .subnav { background-color: #778591 } .subpanel-table .pagination a { padding-left: 8px; padding-right: 8px } .subpanel-table .pagination .clickMenu li span { margin-left: 0; margin-right: 5px; display: inline-block } .subpanelTablist #addPageItem a, .subpanelTablist #addPageItem a:hover { background: transparent; border: none; text-decoration: none } .tablist li a:link, .tablist li a:visited, .subpanelTablist li a:link, .subpanelTablist li a:visited { text-decoration: none } .subpanelTabForm td { padding: 15px 0 } table.subpanelTabForm td { padding-top: 0; padding-bottom: 2px } .subpanelTabForm p { margin-bottom: 0 } .subpanelTabForm h3 { padding-left: 3px } .subpanelTabForm .h3Row { padding-top: 2px; margin-top: 0 } .subpanelTabForm { margin-bottom: 10px } #groupTabs { margin-top: 20px } #groupTabs li, #searchTabs li { margin: 0 -3px 0 0 } table.subpanelTabForm { margin-bottom: 4px; border-top: 0 none } .collapsed .panelContainer, .collapsed .collapseLink, .expanded .expandLink { display: none } .oddListRowS1:hover td ul.clickMenu.subpanel.records li span, .evenListRowS1:hover td ul.clickMenu.subpanel.records li span { opacity: 1 } @media (max-width: 767px) { .panel-heading a div { width: 94.66% } } @media (min-width: 768px) { .panel-heading a div { width: 97.66% } } .clickMenu li span.subhover { cursor: pointer } .clickMenu li .subnav, .clickMenu .subnav-sub, .SugarActionMenuIESub { display: none; position: absolute; top: 20px; padding: 8px 0; margin: 0; border: 1px solid transparent; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; float: left; overflow: hidden; width: auto; z-index: 10; list-style: none } .clickMenu .subnav-sub, .SugarActionMenuIESub { right: 0 } .clickMenu li .subnav { right: auto; margin-top: 4px; min-width: 128px } .clickMenu li .subnav li, .clickMenu .subnav-sub li, .SugarActionMenuIESub li { padding: 0; margin: 0; clear: both; width: 100%; white-space: nowrap } .clickMenu.subpanel.records li .subnav li a span { background-image: none; width: 0; height: 0 } .clickMenu.button li span.ab:hover { background-position: 50% 0 } .clickMenu.button li>span a { padding: 0 } .clickMenu.button span { padding-right: 5px } .clickMenu.button li .subnav { width: auto } .clickMenu li a.disabled { color: #808F9C; cursor: default } .admin-panel h3 { font-size: 14px; font-weight: bold } .admin-panel .other { margin-top: 20px } .admin-panel .suitepicon, .admin-panel .button-toggle-expanded span, .button-toggle-expanded .admin-panel span, .admin-panel .button-toggle-collapsed span, .button-toggle-collapsed .admin-panel span, .admin-panel .panel-heading a.collapsed, .panel-heading .admin-panel a.collapsed, .admin-panel .panel-heading a, .panel-heading .admin-panel a { font-size: 26px; position: relative; top: 2px } .admin-panel .suitepicon:before, .admin-panel .button-toggle-expanded span:before, .button-toggle-expanded .admin-panel span:before, .admin-panel .button-toggle-collapsed span:before, .button-toggle-collapsed .admin-panel span:before, .admin-panel .panel-heading a.collapsed:before, .panel-heading .admin-panel a.collapsed:before, .admin-panel .panel-heading a:before, .panel-heading .admin-panel a:before { vertical-align: baseline } #search-icon-big { margin: 79px 10px 21px; } .other { padding: 0; margin-top: 20px; margin-bottom: 20px; border: none; width: 100% } .other td { font-weight: normal; padding: 4px 10px 4px 6px; vertical-align: middle } .other td[scope=row] { padding: 4px 6px 4px 6px; white-space: nowrap } .other .edit td { background: transparent } .other .edit { margin-top: 0 } .other td.edit div.wizard-unique-elem td { background: transparent } .other td.edit div.wizard-unique-elem .header-4 { padding-left: 0; margin-top: 0 } .other.view td { line-height: 48px; height: 48px } .other.view img, .other.view svg { display: inline-block; font-weight: 700; margin: 5px 0 0 5px; float: left; width: 32px; height: 32px } .other.view a { display: inline-block; position: relative; font-weight: 700; margin: 0 0 0 10px } .other.view td:nth-of-type(1) { display: block; background-color: #FFFFFF; float: left; width: 100%; text-wrap: normal } .other.view td:nth-of-type(2) { display: block; background-color: #FFFFFF; padding-bottom: 10px; padding-left: 52px; float: right; line-height: 24px; width: 100%; height: auto } .other.view td:nth-of-type(2):after { clear: both } .other.view td:nth-of-type(3) { display: block; background-color: #F5F5F5; float: left; width: 100% } .other.view td:nth-of-type(4) { display: block; background-color: #F5F5F5; padding-bottom: 10px; padding-left: 52px; float: right; line-height: 24px; width: 100%; height: auto } @media (min-width: 1250px) { .other.view td a { line-height: 100%; height: 100%; white-space: normal } .other.view td:nth-of-type(1) { display: block; float: left; width: 25% } .other.view td:nth-of-type(3) { display: block; float: left; width: 25% } .other.view td:nth-of-type(2) { display: block; float: right; line-height: 48px; width: 75%; height: 48px } .other.view td:nth-of-type(4) { display: block; float: right; line-height: 48px; width: 75%; height: 48px } } #edittabs table:nth-of-type(2), #edittabs table:nth-of-type(2)>tbody, #edittabs table:nth-of-type(2) tbody>tr { width: 100% } #edittabs table:nth-of-type(2) tbody>tr>td { display: inline-block } #edittabs .edit { display: inline-block; margin: 0 16px 0 0; border: 1px solid transparent; border-radius: 4px; width: 16% } #edittabs table:nth-of-type(2) tbody>tr>td:nth-of-type(2) { width: 80% } #s_field_delete>tbody>tr>td, #trash, #trashcan, #trashcan table, #trashcan table>tbody, #trashcan table>tbody>tr { width: 100% } #edittabs h2 { font-size: 13px; font-weight: bold } #edittabs #trash { overflow: visible; height: 64px } #edittabs .listContainer { overflow-y: auto; height: 384px } #edittabs .listContainer li span { display: block; font-size: 13px; font-weight: 700; background: #F5F5F5; padding: 8px 0 8px 8px; margin-bottom: 4px; border: 1px solid transparent; border-radius: 4px; width: 98% } #edittabs #groupTable, #edittabs #groupTable>tbody, #edittabs #groupTable>tbody>tr { width: 100% } #edittabs #groupTable { background: #FFFFFF; border: 1px solid transparent; border-radius: 4px } #edittabs #groupTable * { border: none } #edittabs #groupTable .tdContainer { display: inline-block; width: 15% } .slotB { border-width: 0; cursor: move } span.error:empty { padding: 0; border: 0 } #groupTable>tbody>tr:nth-child(1)>td { margin: 0 8px 8px 16px } #edittabs #groupTable .tdContainer h2 { margin: 16px 0 8px 0 } #edittabs #groupTable .tdContainer h2>span:nth-of-type(1) { display: inline-block; width: 80% } #edittabs #groupTable .tdContainer h2>span:nth-of-type(2) { display: inline-block; width: 10% } div#rollover { float: left; margin: 0; position: relative; text-decoration: none } div#rollover a:hover { padding: 0; text-decoration: none } div#rollover a span { display: none } div#rollover a:hover span { background-color: #FFFFFF; display: block; color: #333; font-size: 12px; margin-left: 5px; margin-top: 5px; padding: 10px; position: absolute; border: 1px solid #94A6B5; text-decoration: none; width: 250px; z-index: 1000 } .email table [class*=col-] { display: table-cell } div.wizard-unique-elem td { white-space: normal; word-wrap: break-word } @media (min-width: 922px) { form[name="wizform"] div.wizard-unique-elem { width: 900px } } @media (min-width: 768px) and (max-width: 991px) { form[name="wizform"] div.wizard-unique-elem { width: 700px } } @media (min-width: 992px) and (max-width: 1199px) { form[name="wizform"] div.wizard-unique-elem { width: 900px } } @media (min-width: 1180px) and (max-width: 1199px) { form[name="wizform"] div.wizard-unique-elem { width: 1000px } } @media (min-width: 1200px) { form[name="wizform"] div.wizard-unique-elem { width: 1100px } } @media (min-width: 768px) { form[name="wizform"] div.wizard-unique-elem { width: 700px } } @media (min-width: 641px) and (max-width: 978px) { form[name="wizform"] div.wizard-unique-elem { width: 600px } } @media (min-width: 999px) and (max-width: 1279px) { form[name="wizform"] div.wizard-unique-elem { width: 900px } } @media (min-width: 0) and (max-height: 320px) { form[name="wizform"] div.wizard-unique-elem { min-width: 300px } } @media (min-width: 480px) and (max-height: 320px) { form[name="wizform"] div.wizard-unique-elem { width: 400px } } @media (min-width: 768px) and (min-height: 381px) { form[name="wizform"] div.wizard-unique-elem { width: 700px } } @media (min-width: 768px) and (min-height: 381px) { form[name="wizform"] div.wizard-unique-elem { width: 700px } } @media (max-width: 767px) { form[name="wizform"] div.wizard-unique-elem { width: 700px } } @media (min-width: 768px) { form[name="wizform"] div.wizard-unique-elem { width: 700px } } .wizard-box { display: block; position: relative; background-color: #FFFFFF; color: #534D64; padding: 20px; margin: 20px; border: 1px solid #CBCBCB; float: left; width: 350px; min-width: 300px; min-height: 150px } .wizard-box label { margin-bottom: 15px } .wizard-box input { width: 100% } .wizard-box span.helpmsg { position: absolute; bottom: 15px } div.step2 table { min-width: 300px } div.step2 table th td { width: 60px } div.step2 .target-list-table { min-width: 570px } .wizard-summary-left { display: block; padding: 0; margin: 0 20px 0 0; border: none; float: left; width: 450px } .wizard-summary-left .box { display: block; background-repeat: no-repeat; padding: 20px 20px 20px 80px; margin: 0 0 20px 0; border: 1px solid lightgrey; float: none; background-position-x: 10px; background-position-y: center } .wizard-summary-right .box { display: block; background-repeat: no-repeat; padding: 20px 20px 20px 80px; margin: 0 0 20px 0; border: 1px solid lightgrey; float: none; background-position-x: 10px; background-position-y: center } .wizard-summary-left .box.button.disabled { background-color: #f3f3f3 } .wizard-summary-right .box.button.disabled { color: gray } .wizard-summary-left .box.button.disabled a { color: gray } .wizard-summary-right .box.button.disabled a { color: gray } .wizard-summary-left .box.ok { background-image: url(../../../../themes/default/images/green_camp.gif) } .wizard-summary-left .box.fail { background-image: url(../../../../themes/default/images/red_camp.gif) } .wizard-summary-left .box.small { display: table-cell; padding-left: 55px; padding-right: 5px; float: none; width: 210px; height: 80px; vertical-align: middle } .wizard-summary-left .box.button a, .wizard-summary-right .box.button a { color: white } .wizard-summary-left .space { display: table-cell; float: none; width: 28px; height: 80px } .wizard-summary-right { display: block; padding: 20px; margin: 0; border: 1px solid lightgrey; float: left; width: 280px } .wizard-summary-right .box { display: table-cell; background-position: top 10px right 10px; padding: 0; margin-left: 20px; float: none; text-align: center; width: 260px; height: 180px; vertical-align: middle } .wizard-summary-right .send { background-image: url(../../../../themes/default/images/cmpwzrd/email167.png) } .wizard-summary-right .schedule { background-image: url(../../../../themes/default/images/cmpwzrd/wallclock.png) } .wizard-summary-right .test { background-image: url(../../../../themes/default/images/cmpwzrd/email167.png); background-position-y: -7px } .wizard-summary-right .disabled { color: gray } .wizard-summary-right .space { height: 20px } ul.target-list { display: block; padding: 10px; margin: 0; border: 1px solid lightgray; overflow: scroll; max-height: 300px; list-style-type: none } ul.target-list li { padding: 0; margin: 5px 0 } div.target-list-create { padding: 10px; margin: 10px 0 0 0; border: 1px solid lightgray } div.target-list-table { padding: 10px; margin: 0 0 0 10px; border: 1px solid lightgray; min-height: 490px } .icon-btn-lst { padding: 0; margin: 0; list-style-type: none } .icon-btn-lst .icon-btn a { display: block; background-color: #F08377; margin: 10px; border: none; float: left; text-align: center; width: 150px; min-height: 150px; list-style-type: none } .icon-btn-lst .icon-btn .suitepicon, .icon-btn-lst .icon-btn .button-toggle-expanded span, .button-toggle-expanded .icon-btn-lst .icon-btn span, .icon-btn-lst .icon-btn .button-toggle-collapsed span, .button-toggle-collapsed .icon-btn-lst .icon-btn span, .icon-btn-lst .icon-btn .panel-heading a.collapsed, .panel-heading .icon-btn-lst .icon-btn a.collapsed, .icon-btn-lst .icon-btn .panel-heading a, .panel-heading .icon-btn-lst .icon-btn a { font-size: 64px } .icon-btn-lst .icon-btn { display: block; background-color: #F08377; margin: 10px; border: none; float: left; text-align: center; width: 150px; min-height: 150px; list-style-type: none } .icon-btn-lst .icon-btn:hover { background-color: #808F9C } .icon-btn-lst .icon-btn a:hover { background-color: #808F9C } .icon-btn-lst .icon-btn img { margin-top: 10px; margin-bottom: 20px } .icon-btn-lst .icon-btn a { display: block; color: #FFFFFF; padding: 10px; width: 100%; height: 100% } @media (min-width: 750px) { form[name="wizform"] div.wizard-unique-elem { width: 500px } } @media (max-width: 1130px) { form[name="wizform"] div.wizard-unique-elem { width: 300px } } @media (min-width: 768px) and (max-width: 1000px) { form[name="wizform"] div.wizard-unique-elem { width: 700px } } @media only screen and (min-device-width: 480px) and (max-device-width: 980px) { form[name="wizform"] div.wizard-unique-elem { width: 400px } } @media (min-width: 980px) { form[name="wizform"] div.wizard-unique-elem { width: 900px } } @media (min-width: 999px) and (max-width: 1024px) { form[name="wizform"] div.wizard-unique-elem { width: 900px } } @media (min-width: 1024px) { form[name="wizform"] div.wizard-unique-elem { width: 1000px } } @media (min-width: 1280px) { #cal-edit { margin: 0 0 0 200px } form[name="wizform"] div.wizard-unique-elem { width: 1200px } } form[name="wizform"] .other.view { background: none } form[name="wizform"] .other.view .edit.view { width: 100% } form[name="wizform"] .other.view td:nth-of-type(1) { display: table-cell; background: none; float: none; width: auto } form[name="wizform"] .other.view td:nth-of-type(2) { display: table-cell; background: none; float: none; width: auto } form[name="wizform"] .other.view td { display: table-cell; background: none; float: none; width: auto } form[name="wizform"] .other.view td { height: auto } form[name="wizform"] fieldset legend { padding: 0 } .progression-container { margin: 0 0 8px 0; padding: 0 } ul.progression { margin: 0; padding: 0 } .progression li { color: #FFFFFF; border-radius: 0px; display: inline-block; padding: 5px 20px 5px 20px; margin-right: 16px; width: auto; margin-top: 4px } .progression li:nth-child(1)::before { border: none transparent } .progression li::before, .progression li::after { border: solid transparent; content: " "; height: 0; width: 0; position: absolute; border-color: transparent; border-radius: 0px } .progression li::before { border-width: 16px; margin-top: -7px; margin-left: -20px } .progression li::after { border-width: 14px; margin-top: -5px; margin-left: 20px } .progression li:hover { cursor: pointer } .progression li:last-child::after { border-left-color: transparent } .progression li div, .progression li div * { text-decoration: none; padding-left: 8px; display: inline } .wizard-summary-right .test, .wizard-summary-right .schedule { background-position: center center; text-align: center; vertical-align: bottom; padding: 8px } .wizard-step-info { margin-bottom: 12px } form[name="wizform"] .icon-btn-lst .icon-btn a { margin: 0; line-height: 20px; text-align: center } form[name="wizform"] .icon-btn-lst .icon-btn a img { float: none } form[name="wizform"] .icon-btn-lst .icon-btn a br { display: block; clear: both; float: none } form[name="wizform"] .progression-container .progression .nav-steps { background-color: #F08377 } form[name="wizform"] .progression-container .progression .nav-steps:hover { background-color: #808F9C; color: #FFFFFF } form[name="wizform"] .selected { background-color: #808F9C } .progression .nav-steps:hover { background-color: #808F9C } form[name="wizform"] .progression-container .progression .nav-steps.selected { background-color: #808F9C } form[name="wizform"] .progression li.selected::after { border-left-color: #808F9C } form[name="wizform"] .progression li:hover { border-left-color: #808F9C } form[name="wizform"] .progression li:hover::after { border-left-color: #808F9C } form[name="wizform"] .progression li::after { border-left-color: #F08377 } form[name="wizform"] .progression li::after { border-left-color: #F08377 } form[name="wizform"] .progression li::before { border-left-color: #F5F5F5 } form[name="wizform"] input[type="button"] { margin-left: 10px; margin-right: 10px } form[name="wizform"] input[type="submit"] { margin-left: 10px; margin-right: 10px } form[name="wizform"] td { margin-bottom: 24px } form[name="wizform"] .emptyField { display: none } form[name="wizform"] tr.emptyRow { display: none } form[name="wizform"] .template-container-full div.row { padding: 5px 20px } form[name="wizform"] .other.view img, .other.view svg { width: initial; height: initial } form[name="wizform"] .input-sm, form[name="wizform"] .input-group-sm>.form-control, form[name="wizform"] .input-group-sm>.input-group-addon, form[name="wizform"] .input-group-sm>.input-group-btn>.btn { height: 42px } form[name="wizform"] div.target-list-create br { display: none } form[name="wizform"] div.target-list-create input[type="button"] { margin-top: 16px } div.wizard-unique-elem .header-2 { font-size: 13px; font-weight: bold } #email_template_editor .mozaik-thumbnail.ui-draggable.ui-draggable-handle * { float: none } #email_template_editor ul.mozaik-thumbs li.mozaik-thumbnail { padding: 0 } #email_template_editor .mozaik-thumbnail.ui-draggable.ui-draggable-handle * { margin: 5px } #email_template_editor ul.mozaik-list { background-color: #778591 } div.step2 table tr td, div.step2 table th td { width: 80% } form[name="wizform"] .other.view div.step2 table.edit.view tr:first-child td:first-child { width: 100% } form[name="wizform"] .wizard-box span.helpmsg { bottom: -36px } form[name="wizform"] .target_message br, form[name="wizform"] .alert_messages br { display: none } form[name="wizform"] .diagnose_messages td { margin-bottom: 0 } form[name="wizform"] br.emptyRow { display: none } form[name="wizform"] div.step3 .button-group a.btn img { margin-top: 0 } .li-tick .suitepicon, .li-tick .button-toggle-expanded span, .button-toggle-expanded .li-tick span, .li-tick .button-toggle-collapsed span, .button-toggle-collapsed .li-tick span, .li-tick .panel-heading a.collapsed, .panel-heading .li-tick a.collapsed, .li-tick .panel-heading a, .panel-heading .li-tick a { line-height: 48px; font-size: 24px } .li-tick .suitepicon-action-confirm { color: #3C763D } .li-tick .suitepicon-action-clear { color: #A94442 } form[name="wizform"] div.wizard-unique-elem div.step2 .other.view td:nth-of-type(1) { display: table-cell; float: none } form[name="wizform"] div.wizard-unique-elem div.step2 .other.view td:nth-of-type(2) { display: table-cell; float: none } form[name="wizform"] div.wizard-unique-elem div.step2 table tr td { display: table-cell; float: none; width: auto } @media (max-width: 1024px) { form[name="wizform"] table.other.view tr td.edit.view table tr td input { max-width: 355px } form[name="wizform"] table.other.view tr td.edit.view table tr td textarea { max-width: 355px } } @media (max-width: 1024px) and (max-width: 980px) { form[name="wizform"] table.other.view tr td.edit.view table tr td { display: block; float: left } form[name="wizform"] table.other.view tr td.edit.view table tr td:nth-of-type(odd) { width: 300px; max-width: 300px; min-width: 300px } form[name="wizform"] table.other.view tr td.edit.view table tr td:nth-of-type(even) { width: 500px; max-width: 500px; min-width: 500px } form[name="wizform"] .edit tr { border-bottom: none } form[name="wizform"] div.wizard-unique-elem div.step2 table tr td { float: left } form[name="wizform"] div.wizard-unique-elem div.step2 table tr td .header-4 { max-width: 255px } form[name="wizform"] table.other.view tr td div.wizard-unique-elem div.step2 table { background: none } form[name="wizform"] table.other.view tr td div.wizard-unique-elem div.step2 table.edit.view tr td { display: block; float: left } form[name="wizform"] table.other.view tr td div.wizard-unique-elem div.step2 table.edit.view tr td:nth-of-type(odd) { width: 300px; max-width: 300px; min-width: 300px } form[name="wizform"] table.other.view tr td div.wizard-unique-elem div.step2 table.edit.view tr td:nth-of-type(even) { width: 500px; max-width: 500px; min-width: 500px } form[name="wizform"] table.other.view tr td.edit.view div.wizard-unique-elem div.step2 .row .col-xs-12.col-sm-4 { width: auto } form[name="wizform"] table.other.view tr td.edit.view div.wizard-unique-elem div.step2 table.detail.view tr td table tr.detail.view td { float: left } form[name="wizform"] table.other.view tr td.edit.view div.wizard-unique-elem div.step2 table.detail.view tr td table tr.detail.view th { float: left } form[name="wizform"] table.other.view tr td.edit.view div.wizard-unique-elem div.step2 .target-list-table { min-width: 335px } } @media (max-width: 1024px) and (max-width: 980px) and (max-width: 480px) { form[name="wizform"] table.other.view tr td.edit.view table tr td input { max-width: 255px } form[name="wizform"] table.other.view tr td.edit.view table tr td textarea { max-width: 255px } form[name="wizform"] .wizard-box { width: auto; min-width: 0 } form[name="wizform"] table.other.view tr td.edit.view div.wizard-unique-elem div.step2 .target-list-table { min-width: 255px } } .mozaik-inner { background-color: #FAFAFA } .panel-toolbar, #wizform>table>tbody>tr>td, .template-panel-container { background-color: #FFFFFF !important } .template-panel { background-color: #FFFFFF !important } .button-group-separator { border-right: #CBCBCB } .target-list, .target-list-create, .target-list-table { background-color: #FFFFFF !important } .yui-ac { position: relative; font-family: "Lato", Lato, Arial, sans-serif; font-size: 100% } .yui-ac-container { float: left; width: 100% } @media (min-width: 1024px) { .col-sm-12 .col-sm-8 .yui-ac-container { float: left; width: 45% } .col-sm-12 .col-sm-6 .yui-ac-container { float: left; width: 90% } .yui-ac-container { float: left; width: 90% } } .yui-ac-content { position: absolute; background: #FFFFFF; border: 1px solid #CBCBCB; overflow: hidden; width: 100%; z-index: 9050 } .sqs-ac-wrap { position: relative; flex: 1; min-width: 0; } .sqs-ac-wrap .yui-ac-container { position: absolute; left: 0; right: auto; width: 100%; top: 100%; margin-top: 2px; float: none; } .sqs-ac-wrap .yui-ac-content { width: 100%; max-height: 240px; overflow-x: hidden; overflow-y: auto; } .sqs-ac-wrap .yui-ac-content ul { margin: 0; padding: 0; list-style: none; } .sqs-ac-wrap .yui-ac-content li { padding: 6px 10px; cursor: pointer; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .yui-ac-shadow { position: absolute; background: #000000; margin: 0.3em; filter: alpha(opacity=10); opacity: 0.1; width: 100%; z-index: 9049; -moz-opacity: 0.1 } .yui-ac iframe { padding-bottom: 0.3em; padding-right: 0.3em; filter: alpha(opacity=0); opacity: 0 } .yui-ac-content ul { padding: 0; margin: 0; width: 100% } .yui-ac-content li { cursor: default; padding: 2px 5px; margin: 0; white-space: nowrap; list-style: none; zoom: 1 } .yui-ac-content li.yui-ac-prehighlight { background: #F08377 } .yui-ac-content li.yui-ac-highlight { background: #F08377; color: #FFFFFF } .yui-calcontainer { position: relative; float: left; overflow: hidden } .yui-calcontainer iframe { position: absolute; top: 0; left: 0; padding: 0; margin: 0; border: none; width: 100%; height: 100%; z-index: 0 } .yui-calcontainer iframe.fixedsize { top: -1px; left: -1px; width: 50em; height: 50em } .yui-calcontainer.multi .groupcal { position: relative; float: left; z-index: 1 } .yui-calcontainer .title { position: relative; z-index: 1 } .yui-calcontainer .close-icon { position: absolute; overflow: hidden; z-index: 1; text-indent: -10000em } .yui-calendar { position: relative } .yui-calendar .calnavleft { position: absolute; overflow: hidden; z-index: 1; text-indent: -10000em } .yui-calendar .calnavright { position: absolute; overflow: hidden; z-index: 1; text-indent: -10000em } .yui-calendar .calheader { position: relative; text-align: center; width: 100% } .yui-calcontainer .yui-cal-nav-mask { position: absolute; padding: 0; margin: 0; width: 100%; height: 100%; z-index: 2; width: 0; _height: 0; left: 0; top: 0; display: none } .yui-calcontainer .yui-cal-nav { display: none; position: absolute; top: 0; z-index: 3 } .yui-calcontainer .yui-cal-nav .yui-cal-nav-btn { display: -moz-inline-box; display: inline-block } .yui-calcontainer .yui-cal-nav .yui-cal-nav-btn button { display: block; display: inline-block; background-color: #F08377; cursor: pointer; border: none; border-radius: 3px; overflow: visible } .yui-calendar .calbody a:hover { background: #D66C60; color: #F5F5F5 } p#clear { padding-top: 10px; clear: left } .yui-calcontainer { background-color: #FFFFFF; padding: 10px; border: 1px solid #999999 } .yui-calcontainer.multi { padding: 0 5px 0 5px } .yui-calcontainer.multi .groupcal { background-color: transparent; padding: 10px 5px 10px 5px; margin: 0; border: none } .yui-calcontainer .title { top: 0; left: 0; font: 100% sans-serif; font-weight: bold; color: #534D64; padding: 0.4em; margin: 0 -10px 10px -10px; border-bottom: 1px solid #B3C0C7; text-align: left; height: auto } .yui-calcontainer.multi .title { margin: 0 -5px 0 -5px } .yui-calcontainer.withtitle { padding-top: 0 } .yui-calcontainer .calclose { top: 0.4em; right: 0.4em; cursor: pointer; width: 25px; height: 15px } .yui-calendar { font: 100% sans-serif; margin: 0; border-spacing: 0; text-align: center; border-collapse: collapse } .yui-calendar .calhead { background: transparent; padding: 0; border: none; vertical-align: middle } .yui-calendar .calheader { font-weight: bold; background: transparent; padding: 0 0 0.6em 0; text-align: center } .yui-calendar .calheader img { border: none } .yui-calendar .calnavleft { top: 0; bottom: 0; left: -10px; background: url("../../../../../include/javascript/yui/build/assets/skins/sam/sprite.png") repeat scroll 0 -450px transparent; cursor: pointer; margin-left: 0.4em; width: 25px; height: 15px } .yui-calendar .calnavright { top: 0; bottom: 0; right: -10px; background: url("../../../../../include/javascript/yui/build/assets/skins/sam/sprite.png") repeat scroll 0 -500px transparent; cursor: pointer; margin-right: 0.4em; width: 25px; height: 15px } .yui-calendar .calweekdayrow { background-color: #BFCAD3; height: 2em } .yui-calendar .calweekdayrow th { padding: 0; border: none } .yui-calendar .calweekdaycell { font-weight: bold; color: #444444; text-align: center; width: 2em } .yui-calendar .calfoot { background-color: #FFFFFF } .yui-calendar .calrowhead, .yui-calendar .calrowfoot { color: #F08377; font-size: 85%; font-style: normal; font-weight: normal; border: none } .yui-calendar .calrowhead { padding: 0 2px 0 0; text-align: right } .yui-calendar .calrowfoot { padding: 0 0 0 2px; text-align: left } .yui-calendar td.calcell { background: #FFFFFF; padding: 1px; border: 1px solid #DDDDDD; line-height: 1.6em; text-align: center; height: 1.6em; white-space: nowrap } .yui-calendar td.calcell a { display: block; color: #F08377; height: 100%; text-decoration: none } .yui-calendar td.calcell.today { background-color: #FCF8E3 } .yui-calendar td.calcell.today a { background-color: #FCF8E3 } .yui-calendar td.calcell.oom { background-color: #BFCAD3; color: #666666; cursor: default } .yui-calendar td.calcell.selected { background-color: #F08377; color: #F5F5F5 } .yui-calendar td.calcell.selected a { background-color: #F08377; color: #F5F5F5 } .yui-calendar td.calcell.calcellhover { background-color: #D66C60; color: #F5F5F5; cursor: pointer } .yui-calendar td.calcell.calcellhover a { background-color: #D66C60; color: #F5F5F5 } .yui-calendar td.calcell.previous { color: #e0e0e0 } .yui-calendar td.calcell.restricted { text-decoration: line-through } .yui-calendar td.calcell.highlight1 { background-color: #ccff99 } .yui-calendar td.calcell.highlight2 { background-color: #99ccff } .yui-calendar td.calcell.highlight3 { background-color: #ffcccc } .yui-calendar td.calcell.highlight4 { background-color: #ccff99 } .yui-calendar a.calnav { color: #000; padding: 0 4px; border: 1px solid #f2f2f2; zoom: 1 } .yui-calendar a.calnav:hover { cursor: pointer; border-color: #A0A0A0 } .yui-calcontainer .yui-cal-nav-mask { background-color: #000000; filter: alpha(opacity=25); opacity: 0.25 } .yui-calcontainer .yui-cal-nav { top: 2.5em; left: 50%; font-family: "Lato", Lato, Arial, sans-serif; font-size: 93%; background-color: #FFFFFF; padding: 0; margin-left: -7em; border: 1px solid #999999; width: 14em } .yui-calcontainer.withtitle .yui-cal-nav { top: 4.5em } .yui-calcontainer.multi .yui-cal-nav { margin-left: -8em; width: 16em } .yui-calcontainer .yui-cal-nav-y, .yui-calcontainer .yui-cal-nav-m, .yui-calcontainer .yui-cal-nav-b { padding: 5px 10px 5px 10px } .yui-calcontainer .yui-cal-nav-b { text-align: center } .yui-calcontainer .yui-cal-nav-e { display: none; background-color: #FFFFFF; padding: 5px; margin-top: 5px; border-top: 1px solid #999999 } .yui-calcontainer .yui-cal-nav label { display: block; font-weight: bold } .yui-calcontainer .yui-cal-nav-mc { width: 100%; width: auto } .yui-calcontainer .yui-cal-nav-y input.yui-invalid { background-color: #E6D5A5; border: 1px solid #FFFFFF } .yui-calcontainer .yui-cal-nav-yc { width: 4em } .yui-calcontainer .yui-cal-nav .yui-cal-nav-btn { background-color: #ccc; margin: auto 0.15em; border: 1px solid #F08377 } .yui-calcontainer .yui-cal-nav .yui-cal-nav-btn button { font-size: 93%; color: #F5F5F5; padding: 0 8px; line-height: 2; line-height: 1.7; min-height: 2em; min-height: auto } .yui-calcontainer .yui-cal-nav .yui-cal-nav-btn.yui-default { background-color: #F08377; border: 1px solid #F08377; -moz-border-radius: 4px 4px 4px 4px; border-radius: 4px } .yui-calcontainer .yui-cal-nav .yui-cal-nav-btn.yui-default button { background-color: #F08377; color: #F5F5F5; text-shadow: -1px -1px #F08377 } .yui-carousel { position: relative; overflow: hidden; visibility: hidden } .yui-carousel.yui-carousel-visible { visibility: visible } .yui-carousel-content { position: relative; overflow: hidden } .yui-carousel-element { position: relative; padding: 0; margin: 5px 0; overflow: hidden; width: 32000px; z-index: 1 } .yui-carousel-vertical .yui-carousel-element { margin: 0 5px } .yui-carousel-element li { display: inline; display: inline-block; padding: 0; margin: 1px; border: 1px solid #999999; float: left; float: none; overflow: hidden; text-align: center; list-style: none; zoom: 1 } .yui-carousel .yui-carousel-item-selected { margin: 1px; border: 1px dashed #999999 } .yui-carousel-vertical { margin: 0 5px; width: auto; height: 32000px } .yui-carousel-vertical .yui-carousel-element li { display: block; float: none } .yui-log .carousel { background: #E6D5A5 } .yui-carousel-nav { zoom: 1 } .yui-carousel-nav:after { content: ""; display: block; clear: both } .yui-carousel-button-focus { outline: 1px dotted #000 } .yui-carousel, .yui-carousel-vertical { border: 1px solid #CBCBCB } .yui-carousel-nav { padding: 3px; text-align: right } .yui-carousel-button { margin: 5px; float: right; overflow: hidden; width: 40px; height: 19px } .yui-carousel-vertical .yui-carousel-button { background-position: 0 -800px } .yui-carousel-button-disabled { background-position: 0 -2000px } .yui-carousel-vertical .yui-carousel-button-disabled { background-position: 0 -2100px } .yui-carousel-button input { display: block; background-color: transparent; cursor: pointer; padding: 0 0 0 50px; margin: -2px 0 0 -2px; border: 0; height: 44px } span.yui-carousel-first-button { background-position: 0 -550px; margin: 5px 5px 5px -90px; margin-left: -100px; margin-right: 50px } .yui-carousel-vertical span.yui-carousel-first-button { background-position: 0 -750px } span.yui-carousel-first-button-disabled { background-position: 0 -1950px } .yui-carousel-vertical span.yui-carousel-first-button-disabled { background-position: 0 -2050px } .yui-carousel-nav ul { padding: 0; margin: 0; margin-left: -220px; margin-left: -160px; margin-right: 100px; margin-right: 0; float: right } .yui-carousel-nav select { position: relative; top: 4px; right: 50px } .yui-carousel-vertical .yui-carousel-nav ul, .yui-carousel-vertical .yui-carousel-nav select { float: none; margin: 0; zoom: 1 } .yui-carousel-nav ul li { float: left; height: 19px; list-style: none } .yui-carousel-nav ul:after { content: ""; display: block; clear: both } .yui-carousel-nav ul li a { display: block; margin: 10px 0 0 5px; overflow: hidden; width: 9px; height: 9px } .yui-carousel-nav ul li a em { position: absolute; left: -10000px } .yui-carousel-nav ul li.yui-carousel-nav-page-selected a { background-position: 0 -700px } .yui-picker-panel { background: #E3E3E3; border-color: #888888 } .yui-picker-panel .hd { font-size: 100%; font-weight: bold; background-color: #CCCCCC; color: #000000; padding: 6px; border: 1px solid #E3E3E3; line-height: 100%; overflow: hidden } .yui-picker-panel .bd { background: #E3E3E3; color: #000000; margin: 1px; height: 200px } .yui-picker-panel .ft { background: #E3E3E3; padding: 1px; margin: 1px } .yui-picker { position: relative } .yui-picker-hue-thumb { position: absolute; top: -8px; left: -2px; cursor: default; width: 18px; height: 18px; z-index: 9 } .yui-picker-hue-bg { position: absolute; top: 4px; left: 200px; background: url(hue_bg.png) no-repeat; outline: 0 none; width: 14px; height: 183px; -moz-outline: none } .yui-picker-bg { position: absolute; top: 4px; left: 4px; background-color: #FF0000; background-image: url(picker_mask.png); outline: 0 none; width: 182px; height: 182px; -moz-outline: none } * html .yui-picker-bg { background-image: none } .yui-picker-mask { position: absolute; top: 0; left: 0; z-index: 1 } .yui-picker-thumb { position: absolute; top: -4px; left: -4px; cursor: default; width: 11px; height: 11px; z-index: 9 } .yui-picker-swatch { position: absolute; top: 4px; left: 240px; border: 1px solid #888888; width: 55px; height: 60px } .yui-picker-websafe-swatch { position: absolute; top: 4px; left: 304px; border: 1px solid #888888; width: 24px; height: 24px } .yui-picker-controls { position: absolute; top: 72px; left: 226px; font: 1em monospace } .yui-picker-controls .hd { background: transparent; border-width: 0 } .yui-picker-controls .bd { border-width: 0; height: 100px } .yui-picker-controls ul { padding: 0 2px 0 0; margin: 0; float: left } .yui-picker-controls li { padding: 2px; margin: 0; list-style: none } .yui-picker-controls input { font-size: 0.85em; width: 2.4em } .yui-picker-hex-controls { padding: 2px; clear: both } .yui-picker-hex-controls input { width: 4.6em } .yui-picker-controls a { display: block; display: inline-block; font: 1em arial, helvetica, clean, sans-serif; color: #000000; padding: 0 } .yui-overlay, .yui-panel-container { position: absolute; visibility: hidden; z-index: 2 } .yui-panel-container form { margin: 0 } .mask { display: none; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1 } .mask.block-scrollbars { overflow: auto } .masked select, .drag select, .hide-select select { _visibility: hidden } .yui-panel-container select { _visibility: inherit } .hide-scrollbars, .hide-scrollbars * { overflow: hidden } .hide-scrollbars select { display: none } .show-scrollbars { overflow: auto } .yui-panel-container.show-scrollbars, .yui-tt.show-scrollbars { overflow: visible } .yui-panel-container.show-scrollbars .underlay, .yui-tt.show-scrollbars .yui-tt-shadow { overflow: auto } .yui-panel-container.shadow .underlay.yui-force-redraw { padding-bottom: 1px } .yui-effect-fade .underlay { display: none } .yui-tt-shadow { position: absolute } .yui-override-padding { padding: 0 } .yui-panel-container .container-close { overflow: hidden; text-decoration: none; text-indent: -10000em } .mask { background-color: #000000; filter: alpha(opacity=25); opacity: 0.25 } .yui-panel-container { padding: 0 1px; padding: 2px } .yui-panel { position: relative; top: 0; left: 0; border-width: 1px 0; border-width: 1px; border-color: #888888; border-style: solid; z-index: 1; zoom: 1; _zoom: normal } .yui-module .hd, .yui-panel .hd, .yui-panel .bd, .yui-panel .ft { margin: 0 -1px; margin: 0; border: 0 } .yui-module { border: 1px solid rgba(0, 0, 0, 0.2) } .yui-module .hd, .yui-panel .hd { border-bottom: solid 1px #E5E5E5; padding: 10px 0 10px 0 } .yui-module .bd, .yui-panel .bd, .yui-panel .ft { background-color: #FFFFFF } .container-close { margin: 4px 0 0 0 } .yui-module .hd, .yui-panel .hd { font-size: 15px; font-weight: bold; background: #778591 none repeat scroll 0 0; background-color: #fff; color: var(--black); padding: 10px 30px; line-height: 2; line-height: 1.8 } .yui-panel .bd { padding: 10px } .yui-panel .ft { font-size: 77%; padding: 5px 10px; border-top: solid 1px 1px solid #E3E3E3 } .container-close { position: absolute; top: 4px; right: 2px; width: 25px; height: 15px; cursor: pointer; color:transparent !important; background: transparent url("/index.php?entryPoint=getImage&themeName=SuiteCustom&themeName=SuiteCustom&imageName=dashletclose.png") no-repeat } .yui-panel-container .underlay { left: -1px; right: -1px } .yui-panel-container.matte { background-color: #FFFFFF; padding: 9px 10px } .yui-panel-container.shadow { padding: 2px 4px 0 2px } .yui-dialog .ft { font-size: 100%; padding: 0 10px 10px 10px; border-top: none } .yui-dialog .ft .button-group { display: block; clear: both; text-align: right } .yui-dialog .ft button.default { font-weight: bold } .yui-dialog .ft span.default { background-position: 0 -1400px; border-color: #304369 } .yui-dialog .ft span.default .first-child { border-color: #304369 } .yui-dialog .ft span.yui-button-disabled { background-position: 0pt -1500px; border-color: #94A6B5 } .yui-dialog .ft span.yui-button-disabled .first-child { border-color: #94A6B5 } .yui-dialog .ft span.yui-button-disabled button { color: #F5F5F5 } .yui-simple-dialog .bd .yui-icon { margin-right: 10px; float: left; width: 16px; height: 16px } .yui-simple-dialog .bd span.blckicon { background-position: 0 -1100px } .yui-simple-dialog .bd span.alrticon { background-position: 0 -1050px } .yui-simple-dialog .bd span.hlpicon { background-position: 0 -1150px } .yui-simple-dialog .bd span.infoicon { background-position: 0 -1200px } .yui-simple-dialog .bd span.warnicon { background-position: 0 -1900px } .yui-simple-dialog .bd span.tipicon { background-position: 0 -1250px } .yui-tt .bd { position: relative; top: 0; left: 0; background-color: #000000; color: #FFFFFF; padding: 2px 5px; border-width: 1px; border-color: rgba(0, 0, 0, 0.2); border-style: solid; z-index: 1 } .yui-tt.show-scrollbars .bd { overflow: auto } .yui-tt-shadow { top: 2px; bottom: -3px; left: -3px; right: -3px; background-color: #000000 } .yui-tt-shadow-visible { filter: alpha(opacity=12); opacity: 0.12 } .yui-dt-mask { position: absolute; z-index: 9500 } .yui-dt-tmp { position: absolute; left: -9000px } .yui-dt-scrollable .yui-dt-bd { overflow: auto } .yui-dt-scrollable .yui-dt-hd { position: relative; overflow: hidden } .yui-dt-scrollable .yui-dt-bd thead tr, .yui-dt-scrollable .yui-dt-bd thead th { position: absolute; left: -1500px } .yui-dt-scrollable tbody { -moz-outline: none } .yui-dt-draggable { cursor: move } .yui-dt-coltarget { position: absolute; z-index: 999 } .yui-dt-hd { zoom: 1 } th.yui-dt-resizeable .yui-dt-resizerliner { position: relative } .yui-dt-resizer { position: absolute; bottom: 0; right: 0; background-color: #eee; cursor: e-resize; cursor: col-resize; filter: alpha(opacity=0); opacity: 0; height: 100% } .yui-dt-resizerproxy { position: absolute; visibility: hidden; z-index: 9000 } th.yui-dt-hidden .yui-dt-liner, td.yui-dt-hidden .yui-dt-liner, th.yui-dt-hidden .yui-dt-resizer { display: none } .yui-dt-editor { position: absolute; z-index: 9000 } .yui-dt table { font-family: "Lato", Lato, Arial, sans-serif; font-size: inherit; padding: 0; margin: 0; border: 1px solid #CBCBCB; border-spacing: 0; border-collapse: separate; border-collapse: collapse } .yui-dt thead { border-spacing: 0 } .yui-dt caption { font-size: 85%; font-style: italic; font-weight: normal; color: #000000; padding: 1em 0pt; line-height: 1; text-align: center } .yui-dt th, .yui-dt th a { font-weight: normal; color: #000; text-decoration: none; vertical-align: bottom } .yui-dt th { padding: 0; margin: 0; border: none; } .yui-dt tr.yui-dt-first td { border-top: 1px solid #CBCBCB } .yui-dt th .yui-dt-liner { background: var(--input-background) none repeat scroll 0 0; white-space: nowrap } .yui-dt-liner { padding: 0; padding: 2px 2px; margin: 0; white-space: nowrap; font-weight: 500; } .yui-dt-coltarget { background-color: #F08377; width: 5px } .yui-dt td { padding: 0; margin: 0; border: none; border-right: 1px solid #CBCBCB; border-color: #CBCBCB; border-bottom: 1px solid #E7E7E7; text-align: left } .yui-dt-list td { border-right: none } th.yui-dt-hidden, td.yui-dt-hidden { border: none; visibility: hidden } .yui-dt-resizer { width: 6px } .yui-dt-mask { background-color: #000000; filter: alpha(opacity=25); opacity: 0.25 } .yui-dt-message { background-color: #FFF } .yui-dt-scrollable table { border: none } .yui-dt-scrollable .yui-dt-hd { border-top: 1px solid #e5e7eb; border-left: 1px solid #e5e7eb; border-right: 1px solid #e5e7eb; border-radius: 16px 16px 0px 0px; box-shadow: 0px 1px 2px -1px #0000001A; } .yui-dt-scrollable .yui-dt-bd { background-color: #FFFFFF; border-bottom: 1px solid #e5e7eb; border-left: 1px solid #e5e7eb; border-right: 1px solid #e5e7eb; box-shadow: 0px 1px 2px -1px #0000001A; border-radius: 0px 0px 16px 16px; } thead .yui-dt-sortable { cursor: pointer } th.yui-dt-sortable .yui-dt-label { margin-right: 10px } th.yui-dt-asc .yui-dt-liner { background: url("../../../../index.php?entryPoint=getImage&themeName=SuiteCustom&imageName=arrow_up.gif") no-repeat right } th.yui-dt-desc .yui-dt-liner { background: url("../../../../index.php?entryPoint=getImage&themeName=SuiteCustom&imageName=arrow_down.gif") no-repeat right } tbody .yui-dt-editable { cursor: pointer } .yui-dt-editor { background-color: #FFFFFF; padding: 6px; border: 1px solid #CBCBCB; text-align: left } .yui-dt-editor label { padding-left: 4px; padding-right: 6px } .yui-dt-editor .yui-dt-button { padding-top: 6px; text-align: right } .yui-dt-editor .yui-dt-button button { margin-left: 6px; border: 1px solid #999; width: 4em; height: 1.8em } .yui-dt-editor .yui-dt-button button.yui-dt-default { background-color: #94A6B5; color: #FFF; border: 1px solid #94A6B5 } .yui-dt-editor .yui-dt-button button:hover { color: #000 } .yui-dt-editor .yui-dt-button button:active { color: #F5F5F5 } tr.yui-dt-even { background-color: #FFFFFF } tr.yui-dt-odd {} tr.yui-dt-even td.yui-dt-asc, tr.yui-dt-even td.yui-dt-desc {} tr.yui-dt-odd td.yui-dt-asc, tr.yui-dt-odd td.yui-dt-desc {} .yui-dt-list tr.yui-dt-even { background-color: #FFFFFF } .yui-dt-list tr.yui-dt-odd { background-color: #F5F5F5 } .yui-dt-list tr.yui-dt-even td.yui-dt-asc, .yui-dt-list tr.yui-dt-even td.yui-dt-desc { background-color: #FFFFFF } .yui-dt-list tr.yui-dt-odd td.yui-dt-asc, .yui-dt-list tr.yui-dt-odd td.yui-dt-desc { background-color: #FFFFFF } th.yui-dt-highlighted, th.yui-dt-highlighted a { background-color: #F08377 } tr.yui-dt-highlighted, tr.yui-dt-highlighted td.yui-dt-asc, tr.yui-dt-highlighted td.yui-dt-desc, tr.yui-dt-even td.yui-dt-highlighted, tr.yui-dt-odd td.yui-dt-highlighted { cursor: pointer; background-color: #FFFFFF } .yui-dt-list th.yui-dt-highlighted, .yui-dt-list th.yui-dt-highlighted a { background-color: #FFFFFF } .yui-dt-list tr.yui-dt-highlighted, .yui-dt-list tr.yui-dt-highlighted td.yui-dt-asc, .yui-dt-list tr.yui-dt-highlighted td.yui-dt-desc, .yui-dt-list tr.yui-dt-even td.yui-dt-highlighted, .yui-dt-list tr.yui-dt-odd td.yui-dt-highlighted { cursor: pointer; background-color: #FFFFFF } th.yui-dt-selected, th.yui-dt-selected a { background-color: #F08377 } tr.yui-dt-selected td, tr.yui-dt-selected td.yui-dt-asc, tr.yui-dt-selected td.yui-dt-desc { background-color: #C4DDF4 } tr.yui-dt-even td.yui-dt-selected, tr.yui-dt-odd td.yui-dt-selected { background-color: #F08377; color: #FFF } .yui-dt-list th.yui-dt-selected, .yui-dt-list th.yui-dt-selected a { background-color: #F08377 } .yui-dt-list tr.yui-dt-selected td, .yui-dt-list tr.yui-dt-selected td.yui-dt-asc, .yui-dt-list tr.yui-dt-selected td.yui-dt-desc { background-color: #F08377; color: #FFF } .yui-dt-list tr.yui-dt-even td.yui-dt-selected, .yui-dt-list tr.yui-dt-odd td.yui-dt-selected { background-color: #F08377; color: #FFF } .yui-dt-paginator { display: block; margin: 6px 0; white-space: nowrap } .yui-dt-paginator .yui-dt-first, .yui-dt-paginator .yui-dt-last, .yui-dt-paginator .yui-dt-selected { padding: 2px 6px } .yui-dt-paginator a.yui-dt-first, .yui-dt-paginator a.yui-dt-last { text-decoration: none } .yui-dt-paginator .yui-dt-previous, .yui-dt-paginator .yui-dt-next { display: none } a.yui-dt-page { background-color: #FFFFFF; padding: 2px 6px; border: 1px solid #CBCBCB; text-decoration: none } .yui-dt-selected { background-color: #F08377; border: 1px solid #F08377 } .yui-busy { cursor: wait } .yui-toolbar-container fieldset { padding: 0; margin: 0; border: 0 } .yui-toolbar-container legend { display: none } .yui-toolbar-container .yui-toolbar-subcont { padding: 0.25em 0; zoom: 1 } .yui-toolbar-container-collapsed .yui-toolbar-subcont { display: none } .yui-toolbar-container .yui-toolbar-subcont:after { content: "."; display: block; clear: both; height: 0; visibility: hidden } .yui-toolbar-container span.yui-toolbar-draghandle { display: block; cursor: move; margin: 0 0 0 0.2em; border-left: 1px solid #CBCBCB; border-right: 1px solid #CBCBCB; clear: none; float: left; overflow: hidden; width: 2px; height: 20px; text-indent: 77777px } .yui-toolbar-container .yui-toolbar-titlebar.draggable { cursor: move } .yui-toolbar-container .yui-toolbar-titlebar { position: relative } .yui-toolbar-container .yui-toolbar-titlebar h2 { font-weight: bold; color: #000; padding: 0.2em; margin: 0; border: none; letter-spacing: 0 } .yui-toolbar-container .yui-toolbar-titlebar h2 a { color: #000; cursor: default; text-decoration: none } .yui-toolbar-container.yui-toolbar-grouped span.yui-toolbar-draghandle { height: 40px } .yui-toolbar-container .yui-toolbar-group { margin-right: 0.5em; float: left; zoom: 1 } .yui-toolbar-container .yui-toolbar-group:after { content: "."; display: block; clear: both; height: 0; visibility: hidden } .yui-toolbar-container .yui-toolbar-group h3 { font-size: 75%; padding: 0 0 0 0.25em; margin: 0 } .yui-toolbar-container span.yui-toolbar-separator { display: none; padding: 0; margin: 0.2em 0 0.2em 0.1em; float: left; width: 2px; height: 18px } .yui-toolbar-container.yui-toolbar-grouped span.yui-toolbar-separator { height: 45px; height: 50px } .yui-toolbar-container.yui-toolbar-grouped .yui-toolbar-group span.yui-toolbar-separator { height: 18px; display: block } .yui-toolbar-container ul li { padding: 0; margin: 0; list-style-type: none } .yui-toolbar-container .yui-toolbar-nogrouplabels h3 { display: none } .yui-toolbar-container .yui-push-button, .yui-toolbar-container .yui-color-button, .yui-toolbar-container .yui-menu-button { position: relative; cursor: pointer } .yui-toolbar-container .yui-button .first-child, .yui-toolbar-container .yui-button .first-child a { height: 100%; width: 100%; overflow: hidden; font-size: 0 } .yui-toolbar-container .yui-button-disabled { cursor: default } .yui-toolbar-container .yui-button-disabled .yui-toolbar-icon { filter: alpha(opacity=50); opacity: 0.5 } .yui-toolbar-container .yui-button-disabled .up, .yui-toolbar-container .yui-button-disabled .down { opacity: 0.5; filter: alpha(opacity=50) } .yui-toolbar-container .yui-button a { overflow: hidden } .yui-toolbar-container .yui-toolbar-select .first-child a { cursor: pointer } .yui-toolbar-fontname-arial { font-family: Arial } .yui-toolbar-fontname-arial-black { font-family: Arial Black } .yui-toolbar-fontname-comic-sans-ms { font-family: Comic Sans MS } .yui-toolbar-fontname-courier-new { font-family: Courier New } .yui-toolbar-fontname-times-new-roman { font-family: Times New Roman } .yui-toolbar-fontname-verdana { font-family: Verdana } .yui-toolbar-fontname-impact { font-family: Impact } .yui-toolbar-fontname-lucida-console { font-family: Lucida Console } .yui-toolbar-fontname-tahoma { font-family: Tahoma } .yui-toolbar-fontname-trebuchet-ms { font-family: Trebuchet MS } .yui-toolbar-container .yui-toolbar-spinbutton { position: relative } .yui-toolbar-container .yui-toolbar-spinbutton .first-child a { opacity: 1; z-index: 0 } .yui-toolbar-container .yui-toolbar-spinbutton a.up, .yui-toolbar-container .yui-toolbar-spinbutton a.down { position: absolute; display: block; cursor: pointer; z-index: 1; padding: 0; margin: 0 } .yui-toolbar-container .yui-overlay { position: absolute } .yui-toolbar-container .yui-overlay ul li { margin: 0; list-style-type: none } .yui-toolbar-container { z-index: 1 } .yui-editor-container .yui-editor-editable-container { position: relative; width: 100%; z-index: 0 } .yui-editor-container .yui-editor-masked { background-color: #CBCBCB } .yui-editor-container iframe { display: block; padding: 0; margin: 0; border: 0; zoom: 1 } .yui-editor-container .yui-editor-editable { padding: 0; margin: 0 } .yui-editor-container .dompath { font-size: 85% } .yui-editor-panel .hd { position: relative; text-align: left } .yui-editor-panel .hd h3 { font-weight: bold; padding: 0.25em 0pt 0.25em 0.25em; margin: 0 } .yui-editor-panel .bd { position: relative; width: 100%; zoom: 1 } .yui-editor-panel .bd div.yui-editor-body-cont { padding: 0.25em 0.1em; zoom: 1 } .yui-editor-panel .bd .gecko form { overflow: auto } .yui-editor-panel .bd div.yui-editor-body-cont:after { content: "."; display: block; clear: both; height: 0; visibility: hidden } .yui-editor-panel .ft { clear: both; float: left; text-align: right; width: 99% } .yui-editor-panel .ft span.tip { display: block; position: relative; padding: 0.5em 0.5em 0.5em 23px; text-align: left; zoom: 1 } .yui-editor-panel label { padding: 0; clear: both; float: left; text-align: left; width: 100%; zoom: 1 } .yui-editor-panel .gecko label { overflow: auto } .yui-editor-panel label strong { float: left; width: 6em } .yui-editor-panel .removeLink { text-align: right; width: 80% } .yui-editor-panel label input { margin-left: 0.25em; float: left } .yui-editor-panel .yui-toolbar-group { margin-bottom: 0.75em } .yui-editor-panel .height-width { float: left } .yui-editor-panel .height-width span { display: block; font-style: italic; float: left; overflow: visible } .yui-editor-panel .height-width span.info { font-size: 70%; margin-top: 3px } .yui-editor-panel .yui-toolbar-bordersize, .yui-editor-panel .yui-toolbar-bordertype { font-size: 75% } .yui-editor-panel .yui-toolbar-container span.yui-toolbar-separator { border: none } .yui-editor-panel .yui-toolbar-bordersize span a span, .yui-editor-panel .yui-toolbar-bordertype span a span { display: block; height: 8px; left: 4px; position: absolute; top: 3px; _top: -5px; width: 24px; text-indent: 52px; font-size: 0 } .yui-editor-panel .yui-toolbar-bordertype span a span.yui-toolbar-bordertype-solid { border-bottom: 1px solid black } .yui-editor-panel .yui-toolbar-bordertype span a span.yui-toolbar-bordertype-dotted { border-bottom: 1px dotted black } .yui-editor-panel .yui-toolbar-bordertype span a span.yui-toolbar-bordertype-dashed { border-bottom: 1px dashed black } .yui-editor-panel .yui-toolbar-bordersize span a span.yui-toolbar-bordersize-0 { top: 0; text-indent: 0; font-size: 75% } .yui-editor-panel .yui-toolbar-bordersize span a span.yui-toolbar-bordersize-1 { border-bottom: 1px solid black } .yui-editor-panel .yui-toolbar-bordersize span a span.yui-toolbar-bordersize-2 { border-bottom: 2px solid black } .yui-editor-panel .yui-toolbar-bordersize span a span.yui-toolbar-bordersize-3 { top: 2px; top: -5px; border-bottom: 3px solid black } .yui-editor-panel .yui-toolbar-bordersize span a span.yui-toolbar-bordersize-4 { top: 1px; top: -5px; border-bottom: 4px solid black } .yui-editor-panel .yui-toolbar-bordersize span a span.yui-toolbar-bordersize-5 { top: 1px; top: -5px; border-bottom: 5px solid black } .yui-toolbar-container .yui-toolbar-bordersize-menu, .yui-toolbar-container .yui-toolbar-bordertype-menu { width: 95px } .yui-toolbar-bordersize-menu .yuimenuitemlabel, .yui-toolbar-bordertype-menu .yuimenuitemlabel, .yui-toolbar-bordertype-menu .yuimenuitemlabel:hover { margin: 0 3px 7px 17px } .yui-toolbar-bordersize-menu .yuimenuitemlabel .checkedindicator, .yui-toolbar-bordertype-menu .yuimenuitemlabel .checkedindicator { position: absolute; left: -12px; top: 14px; left: 0 } .yui-toolbar-bordersize-menu li.yui-toolbar-bordersize-1 a { border-bottom: 1px solid black; height: 14px } .yui-toolbar-bordersize-menu li.yui-toolbar-bordersize-2 a { border-bottom: 2px solid black; height: 14px } .yui-toolbar-bordersize-menu li.yui-toolbar-bordersize-3 a { border-bottom: 3px solid black; height: 14px } .yui-toolbar-bordersize-menu li.yui-toolbar-bordersize-4 a { border-bottom: 4px solid black; height: 14px } .yui-toolbar-bordersize-menu li.yui-toolbar-bordersize-5 a { border-bottom: 5px solid black; height: 14px } .yui-toolbar-bordertype-menu li.yui-toolbar-bordertype-solid a { border-bottom: 1px solid black; height: 14px } .yui-toolbar-bordertype-menu li.yui-toolbar-bordertype-dashed a { border-bottom: 1px dashed black; height: 14px } .yui-toolbar-bordertype-menu li.yui-toolbar-bordertype-dotted a { border-bottom: 1px dotted black; height: 14px } h2.yui-editor-skipheader, h3.yui-editor-skipheader { position: absolute; padding: 0; margin: 0; border: none; overflow: hidden; width: 0; height: 0 } .yui-toolbar-colors { display: none; overflow: hidden; width: 133px; z-index: 100; zoom: 1 } .yui-toolbar-colors:after { content: "."; display: block; clear: both; height: 0; visibility: hidden } .yui-toolbar-colors a { display: block; cursor: pointer; margin: 0; border: 1px solid #CBCBCB; float: left; overflow: hidden; width: 9px; height: 9px; text-indent: 999px } .yui-toolbar-colors a:hover { border: 1px solid black } .yui-color-button-menu { background-color: transparent; overflow: visible } .yui-toolbar-colors span { display: block; position: relative; padding: 3px; float: left; overflow: hidden; width: 100%; zoom: 1 } .yui-toolbar-colors span:after { content: "."; display: block; clear: both; height: 0; visibility: hidden } .yui-toolbar-colors span em { display: block; margin: 0.75px; border: 1px solid black; float: left; overflow: hidden; width: 30px; height: 35px; text-indent: 999px } .yui-toolbar-colors span strong { display: block; font-size: 85%; font-weight: normal; padding-left: 3px; float: left; width: 65% } .yui-toolbar-group-undoredo h3, .yui-toolbar-group-insertitem h3, .yui-toolbar-group-indentlist h3 { width: 68px } .yui-toolbar-group-indentlist2 h3 { width: 122px } .yui-toolbar-group-alignment h3 { width: 130px } .yui-editor-container { border: 1px solid #CBCBCB } .yui-toolbar-container { zoom: 1 } .yui-toolbar-container .yui-toolbar-titlebar { position: relative } .yui-editor-container .draggable .yui-toolbar-titlebar { cursor: move } .yui-toolbar-container .yui-toolbar-titlebar h2 { font-size: 100%; font-weight: bold; color: #534D64; padding: 0.3em 1em; margin: 0; text-align: left } .yui-toolbar-container .yui-toolbar-group h3 { font-size: 75%; color: #534D64; padding-bottom: 0; padding-left: 0.25em; margin: 1em 0 0; text-align: left } .yui-toolbar-container span.yui-toolbar-separator { margin: 0 0.25em; border: none; overflow: hidden; text-indent: 33px } .yui-toolbar-container { background-color: #FFFFFF } .yui-toolbar-container .yui-toolbar-subcont { padding: 0 1em 0.35em; border-bottom: 1px solid #CBCBCB } .yui-toolbar-container-collapsed .yui-toolbar-titlebar { border-bottom: 1px solid #CBCBCB } .yui-editor-container .visible .yui-menu-shadow, .yui-editor-panel .visible .yui-menu-shadow { display: none } .yui-editor-container ul { padding: 0; margin: 0; list-style-type: none } .yui-editor-container ul li { padding: 0; margin: 0; list-style-type: none } .yui-toolbar-group ul li.yui-toolbar-groupitem { float: left } .yui-editor-container .dompath { background-color: #F2F2F2; color: #999; padding: 0.25em; border-top: 1px solid #808080; text-align: left } .yui-toolbar-container .yui-toolbar-titlebar span.collapse { cursor: pointer; position: absolute; top: 4px; right: 2px; display: block; overflow: hidden; height: 15px; width: 15px; text-indent: 9999px } .yui-toolbar-container .yui-push-button, .yui-toolbar-container .yui-color-button, .yui-toolbar-container .yui-menu-button { position: relative; display: block; height: 22px; width: 30px; _font-size: 0; margin: 0; border-color: #94A6B5; color: #F5F5F5; border-style: solid; border-width: 1px 0; zoom: 1 } .yui-toolbar-container .yui-push-button a, .yui-toolbar-container .yui-color-button a, .yui-toolbar-container .yui-menu-button a { padding-left: 35px; height: 20px; text-decoration: none; font-size: 0; line-height: 2; display: block; color: #F5F5F5; overflow: hidden; white-space: nowrap } .yui-toolbar-container .yui-toolbar-spinbutton a, .yui-toolbar-container .yui-toolbar-select a { font-size: 12px } .yui-toolbar-container .yui-push-button .first-child, .yui-toolbar-container .yui-color-button .first-child, .yui-toolbar-container .yui-menu-button .first-child { border-color: #94A6B5; border-style: solid; border-width: 0 1px; margin: 0 -1px; display: block; position: relative } .yui-toolbar-container .yui-push-button-disabled .first-child, .yui-toolbar-container .yui-color-button-disabled .first-child, .yui-toolbar-container .yui-menu-button-disabled .first-child { border-color: #94A6B5 } .yui-toolbar-container .yui-push-button-disabled a, .yui-toolbar-container .yui-color-button-disabled a, .yui-toolbar-container .yui-menu-button-disabled a { color: #94A6B5; cursor: default } .yui-toolbar-container .yui-push-button-disabled, .yui-toolbar-container .yui-color-button-disabled, .yui-toolbar-container .yui-menu-button-disabled { border-color: #94A6B5 } .yui-toolbar-container .yui-button .first-child { left: 0 } .yui-toolbar-container .yui-toolbar-fontname { width: 135px } .yui-toolbar-container .yui-toolbar-heading { width: 92px } .yui-toolbar-container .yui-button-hover { border-color: #94A6B5 } .yui-toolbar-container .yui-button-selected { border-color: #94A6B5 } .yui-toolbar-container .yui-toolbar-nogrouplabels h3 { display: none } .yui-toolbar-container .yui-toolbar-nogrouplabels .yui-toolbar-group { margin-top: 0.75em } .yui-toolbar-container .yui-push-button span.yui-toolbar-icon, .yui-toolbar-container .yui-color-button span.yui-toolbar-icon, .yui-toolbar-container .yui-menu-button span.yui-toolbar-icon { display: block; position: absolute; top: 2px; height: 18px; width: 18px; overflow: hidden; background: url(editor-sprite.gif) no-repeat 30px 30px } .yui-toolbar-container .yui-button-selected span.yui-toolbar-icon, .yui-toolbar-container .yui-button-hover span.yui-toolbar-icon { background-image: url(editor-sprite-active.gif) } .yui-toolbar-container .visible .yuimenuitemlabel { position: relative; color: #000; cursor: pointer } .yui-toolbar-container .yui-button-menu { background-color: #FFFFFF } .yui-toolbar-container .yui-button-menu .yui-menu-body-scrolled { position: relative } div.yuimenu li.selected { background-color: #F08377 } div.yuimenu li.selected a.selected { color: #FFFFFF } .yui-toolbar-container .yui-toolbar-bold span.yui-toolbar-icon { background-position: 0 0; left: 5px } .yui-toolbar-container .yui-toolbar-strikethrough span.yui-toolbar-icon { background-position: 0 -108px; left: 5px } .yui-toolbar-container .yui-toolbar-italic span.yui-toolbar-icon { background-position: 0 -36px; left: 5px } .yui-toolbar-container .yui-toolbar-undo span.yui-toolbar-icon { background-position: 0 -1326px; left: 5px } .yui-toolbar-container .yui-toolbar-redo span.yui-toolbar-icon { background-position: 0 -1355px; left: 5px } .yui-toolbar-container .yui-toolbar-underline span.yui-toolbar-icon { background-position: 0 -72px; left: 5px } .yui-toolbar-container .yui-toolbar-subscript span.yui-toolbar-icon { background-position: 0 -180px; left: 5px } .yui-toolbar-container .yui-toolbar-superscript span.yui-toolbar-icon { background-position: 0 -144px; left: 5px } .yui-toolbar-container .yui-toolbar-forecolor span.yui-toolbar-icon { background-position: 0 -216px; left: 5px } .yui-toolbar-container .yui-toolbar-backcolor span.yui-toolbar-icon { background-position: 0 -288px; left: 5px } .yui-toolbar-container .yui-toolbar-justifyleft span.yui-toolbar-icon { background-position: 0 -324px; left: 5px } .yui-toolbar-container .yui-toolbar-justifycenter span.yui-toolbar-icon { background-position: 0 -360px; left: 5px } .yui-toolbar-container .yui-toolbar-justifyright span.yui-toolbar-icon { background-position: 0 -396px; left: 5px } .yui-toolbar-container .yui-toolbar-justifyfull span.yui-toolbar-icon { background-position: 0 -432px; left: 5px } .yui-toolbar-container .yui-toolbar-indent span.yui-toolbar-icon { background-position: 0 -720px; left: 5px } .yui-toolbar-container .yui-toolbar-outdent span.yui-toolbar-icon { background-position: 0 -684px; left: 5px } .yui-toolbar-container .yui-toolbar-createlink span.yui-toolbar-icon { background-position: 0 -792px; left: 5px } .yui-toolbar-container .yui-toolbar-insertimage span.yui-toolbar-icon { background-position: 1px -756px; left: 5px } .yui-toolbar-container .yui-toolbar-left span.yui-toolbar-icon { background-position: 0 -972px; left: 5px } .yui-toolbar-container .yui-toolbar-right span.yui-toolbar-icon { background-position: 0 -936px; left: 5px } .yui-toolbar-container .yui-toolbar-inline span.yui-toolbar-icon { background-position: 0 -900px; left: 5px } .yui-toolbar-container .yui-toolbar-block span.yui-toolbar-icon { background-position: 0 -864px; left: 5px } .yui-toolbar-container .yui-toolbar-bordercolor span.yui-toolbar-icon { background-position: 0 -252px; left: 5px } .yui-toolbar-container .yui-toolbar-removeformat span.yui-toolbar-icon { background-position: 0 -1080px; left: 5px } .yui-toolbar-container .yui-toolbar-hiddenelements span.yui-toolbar-icon { background-position: 0 -1044px; left: 5px } .yui-toolbar-container .yui-toolbar-insertunorderedlist span.yui-toolbar-icon { background-position: 0 -468px; left: 5px } .yui-toolbar-container .yui-toolbar-insertorderedlist span.yui-toolbar-icon { background-position: 0 -504px; left: 5px } .yui-toolbar-container .yui-toolbar-spinbutton, .yui-toolbar-container .yui-toolbar-spinbutton .first-child { width: 35px } .yui-toolbar-container .yui-toolbar-spinbutton .first-child a { padding-left: 2px; text-align: left } .yui-toolbar-container .yui-toolbar-spinbutton span.yui-toolbar-icon { display: none } .yui-toolbar-container .yui-toolbar-spinbutton a.up, .yui-toolbar-container .yui-toolbar-spinbutton a.down { right: 2px; background: url(editor-sprite.gif) no-repeat 0 -1222px; overflow: hidden; height: 6px; width: 7px; min-height: 0; padding: 0 } .yui-toolbar-container .yui-toolbar-spinbutton a.up { top: 2px; background-position: 0 -1222px } .yui-toolbar-container .yui-toolbar-spinbutton a.down { bottom: 2px; background-position: 0 -1187px } .yui-toolbar-container select { border: 1px solid #808080; height: 22px } .yui-toolbar-container .yui-toolbar-select .first-child a { padding-left: 5px; text-align: left } .yui-toolbar-container .yui-toolbar-select span.yui-toolbar-icon { background: url(editor-sprite.gif) no-repeat 0 -1144px; overflow: hidden; right: -2px; top: 0; height: 20px } .yui-editor-panel .yui-color-button-menu .bd { background-color: transparent; border: none; width: 135px } .yui-color-button-menu .yui-toolbar-colors { border: 1px solid #CBCBCB } .yui-editor-panel { position: absolute; background-color: transparent; padding: 0; margin: 0; border: none; overflow: visible } .yui-editor-panel .hd { padding: 0; margin: 10px 0 0; border: none } .yui-editor-panel .hd h3 { position: relative; font-size: 93%; color: #534D64; padding: 3px 0 0 0; margin: 0; border: 1px solid #CBCBCB; width: 99%; height: 20px; text-indent: 5px } .yui-editor-panel .bd { background-color: #FFFFFF; padding: 0; margin: 0; border-left: 1px solid #CBCBCB; border-right: 1px solid #CBCBCB; overflow: visible; width: 99% } .yui-editor-panel ul { padding: 0; margin: 0; list-style-type: none } .yui-editor-panel ul li { padding: 0; margin: 0 } .yui-editor-panel .yui-toolbar-container .yui-toolbar-subcont { padding: 0; border: none; margin-top: 0.35em } .yui-editor-panel .yui-toolbar-bordersize, .yui-editor-panel .yui-toolbar-bordertype { width: 50px } .yui-editor-panel label { display: block; padding: 4px 0; margin-bottom: 7px; float: none } .yui-editor-panel label strong { font-size: 93%; font-weight: normal; padding-top: 2px; text-align: right } .yui-editor-panel label input { width: 75% } .yui-editor-panel .createlink_target, .yui-editor-panel .insertimage_target { width: auto; margin-right: 5px } .yui-editor-panel .removeLink { width: 98% } .yui-editor-panel label input.warning { background-color: #E6D5A5 } .yui-editor-panel .yui-toolbar-group h3 { font-size: 93%; font-weight: normal; color: #534D64; padding: 0 3px 0 0; margin: 5px 0 0 0; float: left; text-align: right } .yui-editor-panel .height-width h3 { margin: 3px 0 0 10px } .yui-editor-panel .height-width { margin: 3px 0 0 35px; margin-left: 14px; width: 42%; width: 44% } .yui-editor-panel .yui-toolbar-group-border { width: 190px } .yui-editor-panel .no-button .yui-toolbar-group-border { width: 210px } .yui-editor-panel .yui-toolbar-group-padding { width: 198px } .yui-editor-panel .no-button .yui-toolbar-group-padding { width: 172px } .yui-editor-panel .yui-toolbar-group-padding h3 { margin-left: 12px } .yui-editor-panel .yui-toolbar-group-textflow { width: 182px } .yui-editor-panel .hd { background: none } .yui-editor-panel .ft { background-color: #FFFFFF; padding: 0; margin: 0 0 2px 0; border: 1px solid #CBCBCB; border-top: none } .yui-editor-panel .hd span.close { display: block; position: absolute; top: 2px; right: 5px; cursor: pointer; overflow: hidden; width: 26px; height: 16px; text-indent: 500px } .yui-editor-panel .ft span.tip { font-size: 85%; background-color: #FFFFFF; border-top: 1px solid #CBCBCB } .yui-editor-panel .ft span.tip strong { display: block; margin: 0 2px 8px 0; float: left } .yui-editor-panel .ft span.tip span.icon { display: block; position: absolute; top: 8px; left: 2px; background: url(editor-sprite.gif) no-repeat 0 -1260px; width: 20px; height: 20px } .yui-editor-panel .ft span.tip span.icon-info { background-position: 2px -1260px } .yui-editor-panel .ft span.tip span.icon-warn { background-position: 2px -1296px } .yui-editor-panel .hd span.knob { position: absolute; top: -10px; left: 25px; background: url(editor-knob.gif) no-repeat 0 0; overflow: hidden; width: 28px; height: 10px; text-indent: 9999px } .yui-editor-panel .yui-toolbar-container { background-image: none; border: none; float: left; width: 100% } .yui-editor-panel .yui-toolbar-container .bd { background-color: #FFFFFF } .yui-editor-blankimage { background-image: url(blankimage.png) } .yui-editor-container .yui-resize-handle-br { background-color: transparent; background-position: -20px -60px; width: 11px; height: 11px } .yui-crop { position: relative } .yui-crop .yui-crop-mask { position: absolute; top: 0; left: 0; width: 100%; height: 100% } .yui-crop .yui-resize { position: absolute; top: 10px; left: 10px; border: 0 } .yui-crop .yui-crop-resize-mask { position: absolute; top: 0; left: 0; background-position: -10px -10px; overflow: hidden; width: 100%; height: 100% } .yui-crop .yui-crop-mask { background-color: #000; filter: alpha(opacity=50); opacity: 0.5 } .yui-crop .yui-resize { border: 1px dashed #CBCBCB } .yui-layout-loading { visibility: hidden } body.yui-layout { position: relative; padding: 0; margin: 0; overflow: hidden } .yui-layout-doc { position: relative; padding: 0; margin: 0; overflow: visible; height: 100% } .yui-layout-unit { padding: 0; margin: 0; float: none; width: 50px; height: 50px; z-index: 0 } .yui-layout-unit-top { position: absolute; top: 0; left: 0; width: 100% } .yui-layout-unit-left { position: absolute; top: 0; left: 0 } .yui-layout-unit-right { position: absolute; top: 0; right: 0 } .yui-layout-unit-right.yui-resize .yui-layout-wrap { margin-left: 5px } .yui-layout-unit-bottom { position: absolute; bottom: 0; left: 0; width: 100% } .yui-layout-unit-center { position: absolute; top: 0; left: 0; width: 100% } .yui-layout div.yui-layout-hd { position: absolute; top: 0; left: 0; background: var(--input-background); width: 100%; zoom: 1; } div.yui-layout-hd h2 { padding: 10px 0 10px 0 } .yui-layout-unit { height: 50px } .yui-layout div.yui-layout-bd { position: absolute; top: 0; left: 0; width: 100%; zoom: 1 } .yui-layout .yui-layout-noscroll div.yui-layout-bd { overflow: hidden } .yui-layout .yui-layout-scroll div.yui-layout-bd { overflow: auto } .yui-layout div.yui-layout-ft { position: absolute; bottom: 0; left: 0; width: 100%; zoom: 1 } .yui-layout .yui-layout-unit div.yui-layout-hd h2 { font-size: 12px; text-align: left } .yui-layout .yui-layout-unit div.yui-layout-hd .collapse { position: absolute; top: 5px; font-size: 0; cursor: pointer; width: 11px; height: 11px; display: none; } .yui-layout .yui-layout-unit div.yui-layout-hd .close { position: absolute; top: 2px; right: 2px; font-size: 0; cursor: pointer; width: 17px; height: 13px } .yui-layout .yui-layout-unit div.yui-layout-hd .collapse-close { right: 25px } .yui-layout .yui-layout-clip { display: none; position: absolute; background-color: #eee; height: 20px } .yui-layout .yui-layout-clip .collapse { position: absolute; top: 5px; right: 6px; font-size: 0; cursor: pointer; width: 11px; height: 11px } .yui-layout .yui-layout-wrap { position: absolute; left: 0; width: 100%; height: 100% } .yui-layout .yui-resize-proxy { font-size: 0; padding: 0; margin: 0; border: none } .yui-layout .yui-resize-resizing .yui-resize-handle { visibility: hidden } .yui-layout .yui-resize-proxy div { position: absolute; background-color: #FFFFFF; border: 1px solid #CBCBCB } .yui-layout .yui-resize-proxy .yui-layout-handle-l { top: 0; left: 0; width: 5px; height: 100% } .yui-layout .yui-resize-proxy .yui-layout-handle-r { position: absolute; top: 0; right: 0; width: 5px; height: 100%; zoom: 1 } .yui-layout .yui-resize-proxy .yui-layout-handle-b { bottom: 0; left: 0; width: 100%; height: 5px } .yui-layout .yui-resize-proxy .yui-layout-handle-t { top: 0; left: 0; width: 100%; height: 5px } .yui-layout .yui-layout-unit-left div.yui-layout-hd .collapse { background: transparent url("../../../../../index.php?entryPoint=getImage&themeName=SuiteCustom&imageName=sugar-yui-sprites-grey.png") no-repeat 0 -110px; right: 10px } .yui-layout .yui-layout-unit-left div.yui-layout-hd .collapse:hover { top: 4px; right: 9px; border: 1px solid #666 } .yui-layout .yui-layout-clip-left .collapse { background: transparent url("../../../../../index.php?entryPoint=getImage&themeName=SuiteCustom&imageName=sugar-yui-sprites-grey.png") no-repeat 0 -90px } .yui-layout .yui-layout-clip-left .collapse:hover, .yui-layout .yui-layout-clip-right .collapse { top: 4px; right: 5px; border: 1px solid #666 } .yui-layout .yui-layout-unit-right div.yui-layout-hd .collapse { left: 5px; background: transparent url("../../../../../index.php?entryPoint=getImage&themeName=SuiteCustom&imageName=sugar-yui-sprites-grey.png") no-repeat 0 -90px } .yui-layout .yui-layout-unit-right div.yui-layout-hd .collapse:hover { top: 4px; left: 4px; border: 1px solid #CBCBCB } .yui-layout .yui-layout-clip-right .collapse { background: transparent url("../../../../../index.php?entryPoint=getImage&themeName=SuiteCustom&imageName=sugar-yui-sprites-grey.png") no-repeat 0 -110px } .yui-layout .yui-layout-unit-top div.yui-layout-hd .collapse { background: transparent url("../../../../../index.php?entryPoint=getImage&themeName=SuiteCustom&imageName=sugar-yui-sprites-grey.png") no-repeat -20px -220px; border: 1px solid #CBCBCB } .yui-layout .yui-layout-clip-top .collapse { background: transparent url("../../../../../index.php?entryPoint=getImage&themeName=SuiteCustom&imageName=sugar-yui-sprites-grey.png") no-repeat -20px -240px; border: 1px solid #CBCBCB } .yui-layout .yui-layout-unit-bottom div.yui-layout-hd .collapse { background: transparent url("../../../../../index.php?entryPoint=getImage&themeName=SuiteCustom&imageName=sugar-yui-sprites-grey.png") no-repeat 0 -90px; right: 5px } .yui-layout .yui-layout-clip-bottom .collapse { background: transparent url("../../../../../index.php?entryPoint=getImage&themeName=SuiteCustom&imageName=sugar-yui-sprites-grey.png") no-repeat -20px -180px; border: 1px solid #CBCBCB } .yui-layout .yui-layout-hd { background-color: var(--input-background); } .yui-layout .yui-layout-unit div.yui-layout-hd h2 { font-weight: 100; color: var(--black); padding: 3px; font-size: 16px; margin-left: 9px; } .yui-layout .yui-layout-unit-right div.yui-layout-hd h2 { text-align: right; margin-right: 5px } .yui-layout .yui-layout-unit div.yui-layout-bd { background-color: #FFFFFF; border-top: none; border-top-width: 0; border-bottom: none; border-bottom-width: 0; text-align: left } .yui-layout .yui-layout-unit div.yui-layout-bd-nohd { border-top: 1px solid #CBCBCB } .yui-layout .yui-layout-clip { display: none; position: absolute; background-color: #FFFFFF; border: 1px solid #CBCBCB; height: 20px } .yui-layout div.yui-layout-ft { background-color: #FFFFFF; border: 1px solid #CBCBCB; border-top: none; border-top-width: 0 } .yui-layout-unit .yui-resize-handle { background-color: transparent } .yui-layout-unit .yui-resize-handle-r { top: 0; right: 0; background-image: none } .yui-layout-unit .yui-resize-handle-l { top: 0; left: 0; background-image: none } .yui-layout-unit .yui-resize-handle-b { bottom: 0; right: 0; background-image: none } .yui-layout-unit .yui-resize-handle-t { top: 0; right: 0; background-image: none } .yui-layout-unit .yui-resize-handle-r .yui-layout-resize-knob, .yui-layout-unit .yui-resize-handle-l .yui-layout-resize-knob { position: absolute; height: 16px; width: 6px; top: 45%; left: 0; background: transparent url("../../../../../index.php?entryPoint=getImage&themeName=SuiteCustom&imageName=layout_sprite.png") no-repeat 0 -5px } .yui-layout-unit .yui-resize-handle-t .yui-layout-resize-knob, .yui-layout-unit .yui-resize-handle-b .yui-layout-resize-knob { position: absolute; height: 6px; width: 16px; left: 45%; background: transparent url("../../../../../index.php?entryPoint=getImage&themeName=SuiteCustom&imageName=layout_sprite.png") no-repeat -20px 0 } .yui-log { font-family: monospace; font-size: 77%; background-color: #D9EDF7; color: #31708F; padding: 1em; border: 1px solid #bce8f1; text-align: left; width: 31em; z-index: 9000 } .yui-log-container { position: absolute; top: 1em; right: 1em } .yui-log input { font-family: "Lato", Lato, Arial, sans-serif; font-size: 100%; font-weight: normal; padding: 0; margin: 0 } .yui-log .yui-log-btns { position: relative; bottom: 0.25em; float: right } .yui-log .yui-log-hd { background-color: #575757; padding: 0.5em; margin-top: 1em } .yui-log .yui-log-hd h4 { font-size: 108%; font-weight: bold; color: #31708F; padding: 0; margin: 0 } .yui-log .yui-log-bd { background-color: #D9EDF7; border: 1px solid #bce8f1; overflow: auto; width: 100%; height: 20em } .yui-log p { padding: 0.1em; margin: 1px } .yui-log pre { padding: 0; margin: 0 } .yui-log pre.yui-log-verbose { white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word } .yui-log .yui-log-ft { margin-top: 0.5em } .yui-log .yui-log-ft .yui-log-sourcefilters { padding-top: 0.75em; margin-top: 0.75em; border-top: 1px solid #575757; width: 100% } .yui-log .yui-log-filtergrp { margin-right: 0.5em } .yui-log .info { background-color: #AA9DCC } .yui-log .warn { background-color: #E6D5A5 } .yui-log .error { background-color: #F08377 } .yui-log .time { background-color: #3C763D } .yui-log .window { background-color: #FFFFFF } .yuimenu { top: -999em; left: -999em } .yuimenubar { position: static } .yuimenu .yuimenu, .yuimenubar .yuimenu { position: absolute } .yuimenubar li, .yuimenu li { list-style-type: none } .yuimenubar ul, .yuimenu ul, .yuimenubar li, .yuimenu li, .yuimenu h6, .yuimenubar h6 { margin: 0; padding: 0; background-color: #FFFFFF } .yuimenuitemlabel, .yuimenubaritemlabel { text-align: left; white-space: nowrap } .yuimenubar ul { zoom: 1 } .yuimenubar .yuimenu ul { zoom: normal } .yuimenubar>.bd>ul:after { content: "."; display: block; clear: both; line-height: 0; height: 0; visibility: hidden } .yuimenubaritem { float: left } .yuimenubaritemlabel, .yuimenuitemlabel { display: block } .yuimenuitemlabel .helptext { display: block; font-style: normal; margin: -1em 0 0 10em } .yui-menu-shadow { position: absolute; visibility: hidden; z-index: -1 } .yui-menu-shadow-visible { top: 2px; bottom: -3px; left: -3px; right: -3px; visibility: visible } .hide-scrollbars * { overflow: hidden } .hide-scrollbars select { display: none } .yuimenu.show-scrollbars, .yuimenubar.show-scrollbars { overflow: visible } .yuimenu.hide-scrollbars .yui-menu-shadow, .yuimenubar.hide-scrollbars .yui-menu-shadow { overflow: hidden } .yuimenu.show-scrollbars .yui-menu-shadow, .yuimenubar.show-scrollbars .yui-menu-shadow { overflow: auto } .yuimenubar { font-size: 93%; border: solid 1px #CBCBCB; line-height: 2; line-height: 1.9 } .yuimenubarnav .yuimenubaritem { border-right: solid 1px #CBCBCB } .yuimenubaritemlabel { position: relative; color: #534D64; cursor: default; padding: 0 10px; margin: -1px 0; border-width: 1px 0; border-color: #CBCBCB; border-style: solid; text-decoration: none } .yuimenubarnav .yuimenubaritemlabel { display: inline-block; padding-right: 20px } .yuimenubarnav .yuimenubaritemlabel-hassubmenu { background: url(menubaritem_submenuindicator.png) right center no-repeat } .yuimenubaritemlabel-selected { border-color: #F08377 } .yuimenubarnav .yuimenubaritemlabel-selected { left: -1px; margin-left: -1px; border-left-width: 1px } .yuimenubaritemlabel-disabled { color: #F5F5F5; cursor: default } .yuimenubarnav .yuimenubaritemlabel-hassubmenu-disabled { background-image: url(menubaritem_submenuindicator_disabled.png) } .yuimenu { font-size: 93%; line-height: 1.5; line-height: 1.45 } .yuimenubar .yuimenu, .yuimenu .yuimenu { font-size: 100% } .yuimenu .bd { zoom: 1; _zoom: normal; border: solid 1px #CBCBCB; background-color: #FFFFFF } .yuimenu .yuimenu .bd { zoom: normal } .yuimenu ul { border-width: 1px 0 0 0; border-color: #CBCBCB; border-style: solid } .yuimenu ul.first-of-type { border-width: 0 } .yuimenu h6 { font-weight: bold; color: #534D64; padding: 3px 10px 0 10px; border-width: 1px 0 0 0; border-color: #E6E6E6; border-style: solid } .yuimenu ul.hastitle, .yuimenu h6.first-of-type { border-width: 0 } .yuimenu .yui-menu-body-scrolled { border-color: #CBCBCB; overflow: hidden } .yuimenu .topscrollbar, .yuimenu .bottomscrollbar { height: 16px; border: solid 1px #CBCBCB } .yuimenu .topscrollbar { background-position: center -950px; border-bottom-width: 0 } .yuimenu .topscrollbar_disabled { background-position: center -975px } .yuimenu .bottomscrollbar { background-position: center -850px; border-top-width: 0 } .yuimenu .bottomscrollbar_disabled { background-position: center -875px } .yuimenuitem { _border-bottom: solid 1px #CBCBCB } .yuimenuitem.first-of-type a, .yuimenuitem.first-of-type img { padding-top: 3px } .yuimenuitemlabel, a.yuimenuitemlabel, a.yuimenuitemlabel:link, a.yuimenuitemlabel:visited { background-color: #FFFFFF; border-left: 1px solid #CBCBCB; color: #534D64; cursor: default; margin: 0 0 0 20px; padding: 0 5px; text-decoration: none } a.yuimenuitemlabel:hover { background-color: #e6e6e6 } .yuimenuitemlabel img { border: none; vertical-align: middle; left: 3px; position: absolute } .yuimenuitemlabel .helptext { margin-top: -1.5em; margin-top: -1.45em } .yuimenuitem-hassubmenu>a { background-image: url(../../../../index.php?entryPoint=getImage&themeName=SuiteCustom&imageName=sugar-yui-sprites-grey.png); background-position: right -126px; background-repeat: no-repeat } .yuimenuitem-checked { background-image: url(menuitem_checkbox.png); background-position: left center; background-repeat: no-repeat } .yui-menu-shadow-visible { background-color: #000000; filter: alpha(opacity=12); opacity: 0.12 } .yuimenuitem-selected { background-color: #F08377 } .yuimenuitem-disabled .yuimenuitemlabel-disabled, .yuimenuitem-disabled a.yuimenuitemlabel-disabled, .yuimenuitem-disabled a.yuimenuitemlabel-disabled:hover { background-color: #FFFFFF; color: #534D64; cursor: default } .yuimenuitem-hassubmenu-disabled { background-image: url(menuitem_submenuindicator_disabled.png) } .yuimenuitem-checked-disabled { background-image: url(menuitem_checkbox_disabled.png) } .yui-pg-container { background: #FFFFFF none repeat scroll 0 0; color: #534D64; display: block; white-space: nowrap } .yui-pg-first, .yui-pg-previous, .yui-pg-next, .yui-pg-last, .yui-pg-current, .yui-pg-pages, .yui-pg-page { display: inline-block; font-family: "Lato", Lato, Arial, sans-serif; padding: 3px 6px; zoom: 1 } .yui-pg-pages { padding: 0 } .yui-pg-current { padding: 3px 0 } .yui-pg-page { background-color: #FFFFFF; padding: 2px 6px; border: 1px solid #CBCBCB; text-decoration: none } .yui-pg-current-page { font-weight: bold; background-color: transparent; padding: 3px 6px; border: none } .yui-pg-page { margin-left: 1px; margin-right: 1px } .yui-pg-first, .yui-pg-previous { padding-left: 0 } .yui-pg-next, .yui-pg-last { padding-right: 0 } .yui-pg-current, .yui-pg-rpp-options { margin-left: 1em; margin-right: 1em } .yui-pv { position: relative; font: arial; background-color: #FFFFFF; margin-bottom: 1em; overflow: hidden; width: 99%; z-index: 1000 } .yui-pv .hd { background: url(header_background.png) repeat-x; padding: 2px 0; overflow: hidden; min-height: 30px; zoom: 1 } .yui-pv .hd h4 { font: bold 14px arial; color: #534D64; padding: 8px 10px; margin: 0 } .yui-pv .hd a { display: block; font: bold 11px arial; background: #F08377; color: #F5F5F5; cursor: pointer; padding: 4px; margin: 3px 10px 0 0; border: 1px solid #F5F5F5; float: right } .yui-pv .hd span { display: none } .yui-pv .hd span.yui-pv-busy { display: block; background: url(wait.gif) no-repeat; margin: 4px 10px 0 0; float: right; overflow: hidden; width: 18px; height: 18px } .yui-pv .hd:after, .yui-pv .bd:after, .yui-pv-chartlegend dl:after { content: "."; visibility: hidden; clear: left; height: 0; display: block } .yui-pv .bd { position: relative; overflow-x: auto; overflow-y: hidden; zoom: 1 } .yui-pv .yui-pv-table { padding: 0 10px; margin: 5px 0 10px 0 } .yui-pv .yui-pv-table .yui-dt-bd td { font: 12px arial; color: #FFFFFF } .yui-pv .yui-pv-table tr.yui-dt-odd { background: #FFFFFF } .yui-pv .yui-pv-table tr.yui-dt-even { background: #F5F5F5 } .yui-pv .yui-pv-table tr.yui-dt-even td.yui-dt-asc, .yui-pv .yui-pv-table tr.yui-dt-even td.yui-dt-desc { background: #F5F5F5 } .yui-pv .yui-pv-table tr.yui-dt-odd td.yui-dt-asc, .yui-pv .yui-pv-table tr.yui-dt-odd td.yui-dt-desc { background: #FFFFFF } .yui-pv .yui-pv-table .yui-dt-hd th { background: #778591; background-image: none } .yui-pv th.yui-dt-asc .yui-dt-liner { background: transparent url(asc.gif) no-repeat scroll right center } .yui-pv th.yui-dt-desc .yui-dt-liner { background: transparent url(desc.gif) no-repeat scroll right center } .yui-pv .yui-pv-table .yui-dt-hd th a { font: bold 12px arial; color: #333333 } .yui-pv .yui-pv-table .yui-dt-hd th.yui-dt-asc, .yui-pv .yui-pv-table .yui-dt-hd th.yui-dt-desc { background: #778591 } .yui-pv-chartcontainer { padding: 0 10px } .yui-pv-chart { color: #FFFFFF; margin: 5px 0 0 0; clear: right; height: 250px } .yui-pv-chartlegend div { margin: 0 0 0 10px; float: right; width: 250px } .yui-pv-chartlegend dl { padding: 0.2em 0 0.2em 0.5em; margin: 5px 0; border: 1px solid #CBCBCB; zoom: 1 } .yui-pv-chartlegend dt { display: block; padding: 0; float: left; width: 0.7em; height: 0.7em } .yui-pv-chartlegend dd { display: block; font: 11px arial; color: #534D64; padding: 0; margin: 0 1em 0 0.5em; float: left } .yui-pv-minimized { height: 35px } .yui-pv-minimized .bd { top: -3000px } .yui-pv-minimized .hd a.yui-pv-refresh { display: none } .yui-resize { position: relative; z-index: 0; zoom: 1 } .yui-resize-wrap { zoom: 1 } .yui-draggable { cursor: move } .yui-resize .yui-resize-handle { position: absolute; font-size: 0; padding: 0; margin: 0; width: 1px; height: 1px; z-index: 1; zoom: 1 } .yui-resize .yui-resize-handle-br { bottom: 0; right: 0; cursor: se-resize; width: 5px; height: 5px; z-index: 2; zoom: 1 } .yui-resize .yui-resize-handle-bl { bottom: 0; left: 0; cursor: sw-resize; width: 5px; height: 5px; z-index: 2; zoom: 1 } .yui-resize .yui-resize-handle-tl { top: 0; left: 0; cursor: nw-resize; width: 5px; height: 5px; z-index: 2; zoom: 1 } .yui-resize .yui-resize-handle-tr { top: 0; right: 0; cursor: ne-resize; width: 5px; height: 5px; z-index: 2; zoom: 1 } .yui-resize .yui-resize-handle-r { border-color: #CBCBCB; border-style: none solid; border-width: thin; width: 5px; height: 100%; top: 0; right: 0; cursor: e-resize; zoom: 1; display: none; } .yui-resize .yui-resize-handle-l { top: 0; left: 0; cursor: w-resize; width: 5px; height: 100%; zoom: 1 } .yui-resize .yui-resize-handle-b { bottom: 0; right: 0; cursor: s-resize; width: 100%; height: 5px; zoom: 1 } .yui-resize .yui-resize-handle-t { top: 0; right: 0; cursor: n-resize; width: 100%; height: 5px; zoom: 1; border-color: #CBCBCB; border-style: solid none; border-width: thin; display: none; } .yui-resize-proxy { position: absolute; border: 1px dashed #CBCBCB; visibility: hidden; z-index: 1000 } .yui-resize-hover .yui-resize-handle, .yui-resize-hidden .yui-resize-handle { opacity: 0; filter: alpha(opacity=0) } .yui-resize-ghost { filter: alpha(opacity=50); opacity: 0.5 } .yui-resize-knob .yui-resize-handle { width: 6px; height: 6px } .yui-resize-knob .yui-resize-handle-tr { top: -3px; right: -3px } .yui-resize-knob .yui-resize-handle-tl { top: -3px; left: -3px } .yui-resize-knob .yui-resize-handle-bl { bottom: -3px; left: -3px } .yui-resize-knob .yui-resize-handle-br { bottom: -3px; right: -3px } .yui-resize-knob .yui-resize-handle-t { top: -3px; left: 45% } .yui-resize-knob .yui-resize-handle-r { top: 45%; right: -3px } .yui-resize-knob .yui-resize-handle-l { top: 45%; left: -3px } .yui-resize-knob .yui-resize-handle-b { bottom: -3px; left: 45% } .yui-resize-status { display: none; position: absolute; top: -999px; left: -999px; font-size: 80%; padding: 2px; z-index: 9999; zoom: 1 } .yui-resize-status strong, .yui-resize-status em { font-style: normal; font-weight: normal; padding: 1px; zoom: 1 } .yui-resize .yui-resize-handle-active { zoom: 1 } .yui-resize .yui-resize-handle-l, .yui-resize .yui-resize-handle-r, .yui-resize .yui-resize-handle-l-active, .yui-resize .yui-resize-handle-r-active { height: 100% } .yui-resize-knob .yui-resize-handle { border: 1px solid #CBCBCB } .yui-resize-hover .yui-resize-handle-active { filter: alpha(opacity=100); opacity: 1 } .yui-resize-proxy { border: 1px dashed #F08377 } .yui-resize-status { background-color: #D9EDF7; color: #31708F; border: 1px solid #D9EDF7; border-top: 1px solid #D9EDF7 } .yui-resize-status strong, .yui-resize-status em { float: left; display: block; clear: both; padding: 1px; text-align: center } .yui-resize .yui-resize-handle-inner-r, .yui-resize .yui-resize-handle-inner-l { background: transparent url("../../../../../index.php?entryPoint=getImage&themeName=SuiteCustom&imageName=layout_sprite.png") no-repeat 0 -5px; height: 16px; width: 5px; position: absolute; top: 45% } .yui-resize .yui-resize-handle-inner-t, .yui-resize .yui-resize-handle-inner-b { background: transparent url("../../../../../index.php?entryPoint=getImage&themeName=SuiteCustom&imageName=layout_sprite.png") no-repeat -20px 0; height: 5px; width: 16px; position: absolute; left: 50% } .yui-resize .yui-resize-handle-br { background-image: url("../../../../../index.php?entryPoint=getImage&themeName=SuiteCustom&imageName=layout_sprite.png"); background-position: -22px -62px; background-repeat: no-repeat } .yui-resize .yui-resize-handle-tr { background-image: url("../../../../../index.php?entryPoint=getImage&themeName=SuiteCustom&imageName=layout_sprite.png"); background-position: -22px -42px; background-repeat: no-repeat } .yui-resize .yui-resize-handle-tl { background-image: url("../../../../../index.php?entryPoint=getImage&themeName=SuiteCustom&imageName=layout_sprite.png"); background-position: -22px -82px; background-repeat: no-repeat } .yui-resize .yui-resize-handle-bl { background-image: url("../../../../../index.php?entryPoint=getImage&themeName=SuiteCustom&imageName=layout_sprite.png"); background-position: -22px -23px; background-repeat: no-repeat } .yui-resize-knob .yui-resize-handle-t, .yui-resize-knob .yui-resize-handle-r, .yui-resize-knob .yui-resize-handle-b, .yui-resize-knob .yui-resize-handle-l, .yui-resize-knob .yui-resize-handle-tl, .yui-resize-knob .yui-resize-handle-tr, .yui-resize-knob .yui-resize-handle-bl, .yui-resize-knob .yui-resize-handle-br, .yui-resize-knob .yui-resize-handle-inner-t, .yui-resize-knob .yui-resize-handle-inner-r, .yui-resize-knob .yui-resize-handle-inner-b, .yui-resize-knob .yui-resize-handle-inner-l, .yui-resize-knob .yui-resize-handle-inner-tl, .yui-resize-knob .yui-resize-handle-inner-tr, .yui-resize-knob .yui-resize-handle-inner-bl, .yui-resize-knob .yui-resize-handle-inner-br { background-image: none } .yui-resize-knob .yui-resize-handle-l, .yui-resize-knob .yui-resize-handle-r, .yui-resize-knob .yui-resize-handle-l-active, .yui-resize-knob .yui-resize-handle-r-active { height: 6px; width: 6px } .yui-busy { cursor: wait } .yui-toolbar-container fieldset { padding: 0; margin: 0; border: 0 } .yui-toolbar-container legend { display: none } .yui-toolbar-container .yui-toolbar-subcont { padding: 0.25em 0; zoom: 1 } .yui-toolbar-container-collapsed .yui-toolbar-subcont { display: none } .yui-toolbar-container .yui-toolbar-subcont:after { content: "."; display: block; clear: both; height: 0; visibility: hidden } .yui-toolbar-container span.yui-toolbar-draghandle { display: block; cursor: move; margin: 0 0 0 0.2em; border-left: 1px solid #CBCBCB; border-right: 1px solid #CBCBCB; clear: none; float: left; overflow: hidden; width: 2px; height: 20px; text-indent: 77777px } .yui-toolbar-container .yui-toolbar-titlebar.draggable { cursor: move } .yui-toolbar-container .yui-toolbar-titlebar { position: relative } .yui-toolbar-container .yui-toolbar-titlebar h2 { font-weight: bold; color: #534D64; padding: 0.2em; margin: 0; border: none; letter-spacing: 0 } .yui-toolbar-container .yui-toolbar-titlebar h2 a { color: #534D64; cursor: default; text-decoration: none } .yui-toolbar-container.yui-toolbar-grouped span.yui-toolbar-draghandle { height: 40px } .yui-toolbar-container .yui-toolbar-group { margin-right: 0.5em; float: left; zoom: 1 } .yui-toolbar-container .yui-toolbar-group:after { content: "."; display: block; clear: both; height: 0; visibility: hidden } .yui-toolbar-container .yui-toolbar-group h3 { font-size: 75%; padding: 0 0 0 0.25em; margin: 0 } .yui-toolbar-container span.yui-toolbar-separator { display: none; padding: 0; margin: 0.2em 0 0.2em 0.1em; float: left; width: 2px; height: 18px } .yui-toolbar-container.yui-toolbar-grouped span.yui-toolbar-separator { height: 50px } .yui-toolbar-container.yui-toolbar-grouped .yui-toolbar-group span.yui-toolbar-separator { height: 18px; display: block } .yui-toolbar-container ul li { padding: 0; margin: 0; list-style-type: none } .yui-toolbar-container .yui-toolbar-nogrouplabels h3 { display: none } .yui-toolbar-container .yui-push-button, .yui-toolbar-container .yui-color-button, .yui-toolbar-container .yui-menu-button { position: relative; cursor: pointer } .yui-toolbar-container .yui-button .first-child, .yui-toolbar-container .yui-button .first-child a { height: 100%; width: 100%; overflow: hidden; font-size: 0 } .yui-toolbar-container .yui-button-disabled { cursor: default } .yui-toolbar-container .yui-button-disabled .yui-toolbar-icon { filter: alpha(opacity=50); opacity: 0.5 } .yui-toolbar-container .yui-button-disabled .up, .yui-toolbar-container .yui-button-disabled .down { opacity: 0.5; filter: alpha(opacity=50) } .yui-toolbar-container .yui-button a { overflow: hidden } .yui-toolbar-container .yui-toolbar-select .first-child a { cursor: pointer } .yui-toolbar-fontname-arial { font-family: Arial } .yui-toolbar-fontname-arial-black { font-family: Arial Black } .yui-toolbar-fontname-comic-sans-ms { font-family: Comic Sans MS } .yui-toolbar-fontname-courier-new { font-family: Courier New } .yui-toolbar-fontname-times-new-roman { font-family: Times New Roman } .yui-toolbar-fontname-verdana { font-family: Verdana } .yui-toolbar-fontname-impact { font-family: Impact } .yui-toolbar-fontname-lucida-console { font-family: Lucida Console } .yui-toolbar-fontname-tahoma { font-family: Tahoma } .yui-toolbar-fontname-trebuchet-ms { font-family: Trebuchet MS } .yui-toolbar-container .yui-toolbar-spinbutton { position: relative } .yui-toolbar-container .yui-toolbar-spinbutton .first-child a { opacity: 1; z-index: 0 } .yui-toolbar-container .yui-toolbar-spinbutton a.up, .yui-toolbar-container .yui-toolbar-spinbutton a.down { position: absolute; display: block; cursor: pointer; z-index: 1; padding: 0; margin: 0 } .yui-toolbar-container .yui-overlay { position: absolute } .yui-toolbar-container .yui-overlay ul li { margin: 0; list-style-type: none } .yui-toolbar-container { z-index: 1 } .yui-editor-container .yui-editor-editable-container { position: relative; width: 100%; z-index: 0 } .yui-editor-container .yui-editor-masked { background-color: #CBCBCB } .yui-editor-container iframe { display: block; padding: 0; margin: 0; border: 0; zoom: 1 } .yui-editor-container .yui-editor-editable { padding: 0; margin: 0 } .yui-editor-container .dompath { font-size: 85% } .yui-editor-panel .hd { position: relative; text-align: left } .yui-editor-panel .hd h3 { font-weight: bold; padding: 0.25em 0pt 0.25em 0.25em; margin: 0 } .yui-editor-panel .bd { position: relative; width: 100%; zoom: 1 } .yui-editor-panel .bd div.yui-editor-body-cont { padding: 0.25em 0.1em; zoom: 1 } .yui-editor-panel .bd .gecko form { overflow: auto } .yui-editor-panel .bd div.yui-editor-body-cont:after { content: "."; display: block; clear: both; height: 0; visibility: hidden } .yui-editor-panel .ft { clear: both; float: left; text-align: right; width: 99% } .yui-editor-panel .ft span.tip { display: block; position: relative; padding: 0.5em 0.5em 0.5em 23px; text-align: left; zoom: 1 } .yui-editor-panel label { padding: 0; clear: both; float: left; text-align: left; width: 100%; zoom: 1 } .yui-editor-panel .gecko label { overflow: auto } .yui-editor-panel label strong { float: left; width: 6em } .yui-editor-panel .removeLink { text-align: right; width: 80% } .yui-editor-panel label input { margin-left: 0.25em; float: left } .yui-editor-panel .yui-toolbar-group { margin-bottom: 0.75em } .yui-editor-panel .height-width { float: left } .yui-editor-panel .height-width span { display: block; font-style: italic; float: left; overflow: visible } .yui-editor-panel .height-width span.info { font-size: 70%; margin-top: 3px } .yui-editor-panel .yui-toolbar-bordersize, .yui-editor-panel .yui-toolbar-bordertype { font-size: 75% } .yui-editor-panel .yui-toolbar-container span.yui-toolbar-separator { border: none } .yui-editor-panel .yui-toolbar-bordersize span a span, .yui-editor-panel .yui-toolbar-bordertype span a span { display: block; height: 8px; left: 4px; position: absolute; top: 3px; _top: -5px; width: 24px; text-indent: 52px; font-size: 0 } .yui-editor-panel .yui-toolbar-bordertype span a span.yui-toolbar-bordertype-solid { border-bottom: 1px solid #CBCBCB } .yui-editor-panel .yui-toolbar-bordertype span a span.yui-toolbar-bordertype-dotted { border-bottom: 1px dotted #CBCBCB } .yui-editor-panel .yui-toolbar-bordertype span a span.yui-toolbar-bordertype-dashed { border-bottom: 1px dashed #CBCBCB } .yui-editor-panel .yui-toolbar-bordersize span a span.yui-toolbar-bordersize-0 { top: 0; text-indent: 0; font-size: 75% } .yui-editor-panel .yui-toolbar-bordersize span a span.yui-toolbar-bordersize-1 { border-bottom: 1px solid #CBCBCB } .yui-editor-panel .yui-toolbar-bordersize span a span.yui-toolbar-bordersize-2 { border-bottom: 2px solid #CBCBCB } .yui-editor-panel .yui-toolbar-bordersize span a span.yui-toolbar-bordersize-3 { top: 2px; top: -5px; border-bottom: 3px solid #CBCBCB } .yui-editor-panel .yui-toolbar-bordersize span a span.yui-toolbar-bordersize-4 { top: 1px; top: -5px; border-bottom: 4px solid #CBCBCB } .yui-editor-panel .yui-toolbar-bordersize span a span.yui-toolbar-bordersize-5 { top: 1px; top: -5px; border-bottom: 5px solid #CBCBCB } .yui-toolbar-container .yui-toolbar-bordersize-menu, .yui-toolbar-container .yui-toolbar-bordertype-menu { width: 95px } .yui-toolbar-bordersize-menu .yuimenuitemlabel, .yui-toolbar-bordertype-menu .yuimenuitemlabel, .yui-toolbar-bordertype-menu .yuimenuitemlabel:hover { margin: 0 3px 7px 17px } .yui-toolbar-bordersize-menu .yuimenuitemlabel .checkedindicator, .yui-toolbar-bordertype-menu .yuimenuitemlabel .checkedindicator { position: absolute; top: 14px; left: 0 } .yui-toolbar-bordersize-menu li.yui-toolbar-bordersize-1 a { border-bottom: 1px solid #CBCBCB; height: 14px } .yui-toolbar-bordersize-menu li.yui-toolbar-bordersize-2 a { border-bottom: 2px solid #CBCBCB; height: 14px } .yui-toolbar-bordersize-menu li.yui-toolbar-bordersize-3 a { border-bottom: 3px solid #CBCBCB; height: 14px } .yui-toolbar-bordersize-menu li.yui-toolbar-bordersize-4 a { border-bottom: 4px solid #CBCBCB; height: 14px } .yui-toolbar-bordersize-menu li.yui-toolbar-bordersize-5 a { border-bottom: 5px solid #CBCBCB; height: 14px } .yui-toolbar-bordertype-menu li.yui-toolbar-bordertype-solid a { border-bottom: 1px solid #CBCBCB; height: 14px } .yui-toolbar-bordertype-menu li.yui-toolbar-bordertype-dashed a { border-bottom: 1px dashed #CBCBCB; height: 14px } .yui-toolbar-bordertype-menu li.yui-toolbar-bordertype-dotted a { border-bottom: 1px dotted #CBCBCB; height: 14px } h2.yui-editor-skipheader, h3.yui-editor-skipheader { position: absolute; padding: 0; margin: 0; border: none; overflow: hidden; width: 0; height: 0 } .yui-toolbar-colors { display: none; overflow: hidden; width: 133px; z-index: 100; zoom: 1 } .yui-toolbar-colors:after { content: "."; display: block; clear: both; height: 0; visibility: hidden } .yui-toolbar-colors a { display: block; cursor: pointer; margin: 0; border: 1px solid #CBCBCB; float: left; overflow: hidden; width: 9px; height: 9px; text-indent: 999px } .yui-toolbar-colors a:hover { border: 1px solid #F08377 } .yui-color-button-menu { background-color: transparent; overflow: visible } .yui-toolbar-colors span { display: block; position: relative; padding: 3px; float: left; overflow: hidden; width: 100%; zoom: 1 } .yui-toolbar-colors span:after { content: "."; display: block; clear: both; height: 0; visibility: hidden } .yui-toolbar-colors span em { display: block; margin: 0.75px; border: 1px solid #CBCBCB; float: left; overflow: hidden; width: 30px; height: 35px; text-indent: 999px } .yui-toolbar-colors span strong { display: block; font-size: 85%; font-weight: normal; padding-left: 3px; float: left; width: 65% } .yui-toolbar-group-undoredo h3, .yui-toolbar-group-insertitem h3, .yui-toolbar-group-indentlist h3 { width: 68px } .yui-toolbar-group-indentlist2 h3 { width: 122px } .yui-toolbar-group-alignment h3 { width: 130px } .yui-editor-container { border: 1px solid #CBCBCB } .yui-toolbar-container { zoom: 1 } .yui-toolbar-container .yui-toolbar-titlebar { position: relative } .yui-editor-container .draggable .yui-toolbar-titlebar { cursor: move } .yui-toolbar-container .yui-toolbar-titlebar h2 { font-size: 100%; font-weight: bold; color: #534D64; padding: 0.3em 1em; margin: 0; text-align: left } .yui-toolbar-container .yui-toolbar-group h3 { font-size: 75%; color: #534D64; padding-bottom: 0; padding-left: 0.25em; margin: 1em 0 0; text-align: left } .yui-toolbar-container span.yui-toolbar-separator { margin: 0 0.25em; border: none; overflow: hidden; text-indent: 33px } .yui-toolbar-container { background-color: #CBCBCB } .yui-toolbar-container .yui-toolbar-subcont { padding: 0 1em 0.35em; border-bottom: 1px solid #CBCBCB } .yui-toolbar-container-collapsed .yui-toolbar-titlebar { border-bottom: 1px solid #CBCBCB } .yui-editor-container .visible .yui-menu-shadow, .yui-editor-panel .visible .yui-menu-shadow { display: none } .yui-editor-container ul { padding: 0; margin: 0; list-style-type: none } .yui-editor-container ul li { padding: 0; margin: 0; list-style-type: none } .yui-toolbar-group ul li.yui-toolbar-groupitem { float: left } .yui-editor-container .dompath { background-color: #FFFFFF; color: #534D64; padding: 0.25em; border-top: 1px solid #CBCBCB; text-align: left } .yui-toolbar-container .yui-toolbar-titlebar span.collapse { cursor: pointer; position: absolute; top: 4px; right: 2px; display: block; overflow: hidden; height: 15px; width: 15px; text-indent: 9999px } .yui-toolbar-container .yui-push-button, .yui-toolbar-container .yui-color-button, .yui-toolbar-container .yui-menu-button { position: relative; display: block; height: 22px; width: 30px; _font-size: 0; margin: 0; border-color: #CBCBCB; color: #534D64; border-style: solid; border-width: 1px 0; zoom: 1 } .yui-toolbar-container .yui-push-button a, .yui-toolbar-container .yui-color-button a, .yui-toolbar-container .yui-menu-button a { padding-left: 35px; height: 20px; text-decoration: none; font-size: 0; line-height: 2; display: block; color: #534D64; overflow: hidden; white-space: nowrap } .yui-toolbar-container .yui-toolbar-spinbutton a, .yui-toolbar-container .yui-toolbar-select a { font-size: 12px } .yui-toolbar-container .yui-push-button .first-child, .yui-toolbar-container .yui-color-button .first-child, .yui-toolbar-container .yui-menu-button .first-child { border-color: #CBCBCB; border-style: solid; border-width: 0 1px; margin: 0 -1px; display: block; position: relative } .yui-toolbar-container .yui-push-button-disabled .first-child, .yui-toolbar-container .yui-color-button-disabled .first-child, .yui-toolbar-container .yui-menu-button-disabled .first-child { border-color: #CBCBCB } .yui-toolbar-container .yui-push-button-disabled a, .yui-toolbar-container .yui-color-button-disabled a, .yui-toolbar-container .yui-menu-button-disabled a { color: #534D64; cursor: default } .yui-toolbar-container .yui-push-button-disabled, .yui-toolbar-container .yui-color-button-disabled, .yui-toolbar-container .yui-menu-button-disabled { border-color: #CBCBCB } .yui-toolbar-container .yui-button .first-child { left: 0 } .yui-toolbar-container .yui-toolbar-fontname { width: 135px } .yui-toolbar-container .yui-toolbar-heading { width: 92px } .yui-toolbar-container .yui-button-hover { border-color: #CBCBCB } .yui-toolbar-container .yui-button-selected { border-color: #CBCBCB } .yui-toolbar-container .yui-toolbar-nogrouplabels h3 { display: none } .yui-toolbar-container .yui-toolbar-nogrouplabels .yui-toolbar-group { margin-top: 0.75em } .yui-toolbar-container .yui-push-button span.yui-toolbar-icon, .yui-toolbar-container .yui-color-button span.yui-toolbar-icon, .yui-toolbar-container .yui-menu-button span.yui-toolbar-icon { display: block; position: absolute; top: 2px; height: 18px; width: 18px; overflow: hidden; background: url(editor-sprite.gif) no-repeat 30px 30px } .yui-toolbar-container .yui-button-selected span.yui-toolbar-icon, .yui-toolbar-container .yui-button-hover span.yui-toolbar-icon { background-image: url(editor-sprite-active.gif) } .yui-toolbar-container .visible .yuimenuitemlabel { position: relative; color: #534D64; cursor: pointer } .yui-toolbar-container .yui-button-menu { background-color: #FFFFFF } .yui-toolbar-container .yui-button-menu .yui-menu-body-scrolled { position: relative } div.yuimenu li.selected { background-color: #F08377 } div.yuimenu li.selected a.selected { color: #FFFFFF } .yui-toolbar-container .yui-toolbar-bold span.yui-toolbar-icon { background-position: 0 0; left: 5px } .yui-toolbar-container .yui-toolbar-strikethrough span.yui-toolbar-icon { background-position: 0 -108px; left: 5px } .yui-toolbar-container .yui-toolbar-italic span.yui-toolbar-icon { background-position: 0 -36px; left: 5px } .yui-toolbar-container .yui-toolbar-undo span.yui-toolbar-icon { background-position: 0 -1326px; left: 5px } .yui-toolbar-container .yui-toolbar-redo span.yui-toolbar-icon { background-position: 0 -1355px; left: 5px } .yui-toolbar-container .yui-toolbar-underline span.yui-toolbar-icon { background-position: 0 -72px; left: 5px } .yui-toolbar-container .yui-toolbar-subscript span.yui-toolbar-icon { background-position: 0 -180px; left: 5px } .yui-toolbar-container .yui-toolbar-superscript span.yui-toolbar-icon { background-position: 0 -144px; left: 5px } .yui-toolbar-container .yui-toolbar-forecolor span.yui-toolbar-icon { background-position: 0 -216px; left: 5px } .yui-toolbar-container .yui-toolbar-backcolor span.yui-toolbar-icon { background-position: 0 -288px; left: 5px } .yui-toolbar-container .yui-toolbar-justifyleft span.yui-toolbar-icon { background-position: 0 -324px; left: 5px } .yui-toolbar-container .yui-toolbar-justifycenter span.yui-toolbar-icon { background-position: 0 -360px; left: 5px } .yui-toolbar-container .yui-toolbar-justifyright span.yui-toolbar-icon { background-position: 0 -396px; left: 5px } .yui-toolbar-container .yui-toolbar-justifyfull span.yui-toolbar-icon { background-position: 0 -432px; left: 5px } .yui-toolbar-container .yui-toolbar-indent span.yui-toolbar-icon { background-position: 0 -720px; left: 5px } .yui-toolbar-container .yui-toolbar-outdent span.yui-toolbar-icon { background-position: 0 -684px; left: 5px } .yui-toolbar-container .yui-toolbar-createlink span.yui-toolbar-icon { background-position: 0 -792px; left: 5px } .yui-toolbar-container .yui-toolbar-insertimage span.yui-toolbar-icon { background-position: 1px -756px; left: 5px } .yui-toolbar-container .yui-toolbar-left span.yui-toolbar-icon { background-position: 0 -972px; left: 5px } .yui-toolbar-container .yui-toolbar-right span.yui-toolbar-icon { background-position: 0 -936px; left: 5px } .yui-toolbar-container .yui-toolbar-inline span.yui-toolbar-icon { background-position: 0 -900px; left: 5px } .yui-toolbar-container .yui-toolbar-block span.yui-toolbar-icon { background-position: 0 -864px; left: 5px } .yui-toolbar-container .yui-toolbar-bordercolor span.yui-toolbar-icon { background-position: 0 -252px; left: 5px } .yui-toolbar-container .yui-toolbar-removeformat span.yui-toolbar-icon { background-position: 0 -1080px; left: 5px } .yui-toolbar-container .yui-toolbar-hiddenelements span.yui-toolbar-icon { background-position: 0 -1044px; left: 5px } .yui-toolbar-container .yui-toolbar-insertunorderedlist span.yui-toolbar-icon { background-position: 0 -468px; left: 5px } .yui-toolbar-container .yui-toolbar-insertorderedlist span.yui-toolbar-icon { background-position: 0 -504px; left: 5px } .yui-toolbar-container .yui-toolbar-spinbutton, .yui-toolbar-container .yui-toolbar-spinbutton .first-child { width: 35px } .yui-toolbar-container .yui-toolbar-spinbutton .first-child a { padding-left: 2px; text-align: left } .yui-toolbar-container .yui-toolbar-spinbutton span.yui-toolbar-icon { display: none } .yui-toolbar-container .yui-toolbar-spinbutton a.up, .yui-toolbar-container .yui-toolbar-spinbutton a.down { right: 2px; background: url(editor-sprite.gif) no-repeat 0 -1222px; overflow: hidden; height: 6px; width: 7px; min-height: 0; padding: 0 } .yui-toolbar-container .yui-toolbar-spinbutton a.up { top: 2px; background-position: 0 -1222px } .yui-toolbar-container .yui-toolbar-spinbutton a.down { bottom: 2px; background-position: 0 -1187px } .yui-toolbar-container select { border: 1px solid #CBCBCB; height: 22px } .yui-toolbar-container .yui-toolbar-select .first-child a { padding-left: 5px; text-align: left } .yui-toolbar-container .yui-toolbar-select span.yui-toolbar-icon { background: url(editor-sprite.gif) no-repeat 0 -1144px; overflow: hidden; right: -2px; top: 0; height: 20px } .yui-editor-panel .yui-color-button-menu .bd { background-color: transparent; border: none; width: 135px } .yui-color-button-menu .yui-toolbar-colors { border: 1px solid #CBCBCB } .yui-editor-panel { position: absolute; background-color: transparent; padding: 0; margin: 0; border: none; overflow: visible } .yui-editor-panel .hd { padding: 0; margin: 10px 0 0; border: none } .yui-editor-panel .hd h3 { position: relative; font-size: 93%; color: #534D64; padding: 3px 0 0 0; margin: 0; border: 1px solid #CBCBCB; width: 99%; height: 20px; text-indent: 5px } .yui-editor-panel .bd { background-color: #FFFFFF; padding: 0; margin: 0; border-left: 1px solid #CBCBCB; border-right: 1px solid #CBCBCB; overflow: visible; width: 99% } .yui-editor-panel ul { padding: 0; margin: 0; list-style-type: none } .yui-editor-panel ul li { padding: 0; margin: 0 } .yui-editor-panel .yui-toolbar-container .yui-toolbar-subcont { padding: 0; border: none; margin-top: 0.35em } .yui-editor-panel .yui-toolbar-bordersize, .yui-editor-panel .yui-toolbar-bordertype { width: 50px } .yui-editor-panel label { display: block; padding: 4px 0; margin-bottom: 7px; float: none } .yui-editor-panel label strong { font-size: 93%; font-weight: normal; padding-top: 2px; text-align: right } .yui-editor-panel label input { width: 75% } .yui-editor-panel .createlink_target, .yui-editor-panel .insertimage_target { width: auto; margin-right: 5px } .yui-editor-panel .removeLink { width: 98% } .yui-editor-panel label input.warning { background-color: #E6D5A5 } .yui-editor-panel .yui-toolbar-group h3 { font-size: 93%; font-weight: normal; color: #534D64; padding: 0 3px 0 0; margin: 5px 0 0 0; float: left; text-align: right } .yui-editor-panel .height-width h3 { margin: 3px 0 0 10px } .yui-editor-panel .height-width { margin: 3px 0 0 35px; margin-left: 14px; width: 44% } .yui-editor-panel .yui-toolbar-group-border { width: 190px } .yui-editor-panel .no-button .yui-toolbar-group-border { width: 210px } .yui-editor-panel .yui-toolbar-group-padding { width: 198px } .yui-editor-panel .no-button .yui-toolbar-group-padding { width: 172px } .yui-editor-panel .yui-toolbar-group-padding h3 { margin-left: 12px } .yui-editor-panel .yui-toolbar-group-textflow { width: 182px } .yui-editor-panel .hd { background: none } .yui-editor-panel .ft { background-color: #FFFFFF; padding: 0; margin: 0 0 2px 0; border: 1px solid #CBCBCB; border-top: none } .yui-editor-panel .hd span.close { display: block; position: absolute; top: 2px; right: 5px; cursor: pointer; overflow: hidden; width: 26px; height: 16px; text-indent: 500px } .yui-editor-panel .ft span.tip { font-size: 85%; background-color: #FFFFFF; border-top: 1px solid #CBCBCB } .yui-editor-panel .ft span.tip strong { display: block; margin: 0 2px 8px 0; float: left } .yui-editor-panel .ft span.tip span.icon { display: block; position: absolute; top: 8px; left: 2px; background: url(editor-sprite.gif) no-repeat 0 -1260px; width: 20px; height: 20px } .yui-editor-panel .ft span.tip span.icon-info { background-position: 2px -1260px } .yui-editor-panel .ft span.tip span.icon-warn { background-position: 2px -1296px } .yui-editor-panel .hd span.knob { position: absolute; top: -10px; left: 25px; background: url(editor-knob.gif) no-repeat 0 0; overflow: hidden; width: 28px; height: 10px; text-indent: 9999px } .yui-editor-panel .yui-toolbar-container { background-image: none; border: none; float: left; width: 100% } .yui-editor-panel .yui-toolbar-container .bd { background-color: #534D64 } .yui-editor-blankimage { background-image: url(blankimage.png) } .yui-editor-container .yui-resize-handle-br { background-color: transparent; background-position: -20px -60px; width: 11px; height: 11px } .yui-h-slider, .yui-v-slider { position: relative } .yui-h-slider .yui-slider-thumb, .yui-v-slider .yui-slider-thumb { position: absolute; cursor: default } .yui-h-slider { background: url(../../bg-h.gif) no-repeat 5px 0; width: 228px; height: 28px } .yui-h-slider .yui-slider-thumb { top: 4px } .yui-v-slider { background: url(../../bg-v.gif) no-repeat 12px 0; width: 48px; height: 228px } .yui-navset .yui-nav li, .yui-navset .yui-navset-top .yui-nav li, .yui-navset .yui-navset-bottom .yui-nav li { margin: 0 0.5em 0 0 } .yui-navset-left .yui-nav li, .yui-navset-right .yui-nav li { margin: 0 0 0.5em } .yui-hidden, .yui-navset .yui-content .yui-hidden { display: none } .yui-navset .yui-navset-left .yui-nav, .yui-navset .yui-navset-right .yui-nav, .yui-navset-left .yui-nav, .yui-navset-right .yui-nav { width: 6em } .yui-navset-top .yui-nav, .yui-navset-bottom .yui-nav { padding-top: 4px; width: auto } .yui-navset .yui-navset-left, .yui-navset-left { padding: 0 0 0 6em } .yui-navset-right { padding: 0 6em 0 0 } .yui-navset-top, .yui-navset-bottom { padding: auto } .yui-nav, .yui-nav li, .yui-navset .yui-nav li { padding: 0; margin: 0; padding-top: 0; list-style: none } .yui-navset li em { font-size: 11px; font-style: normal; font-weight: bold; color: #534D64 } .yui-navset { position: relative; overflow-y: visible; height: 100%; zoom: 1 } .yui-navset .yui-content { background: #FFFFFF; color: #534D64; zoom: 1 } .yui-navset .yui-nav li, .yui-navset .yui-navset-top .yui-nav li, .yui-navset .yui-navset-bottom .yui-nav li { display: inline-block; display: -moz-inline-stack; display: inline; vertical-align: bottom; cursor: pointer; zoom: 1 } [id^="htmleditordiv"] .yui-navset .yui-nav li, [id^="htmleditordiv"] .yui-navset .yui-navset-top .yui-nav li { display: inline-block; } .yui-navset-left .yui-nav li, .yui-navset-right .yui-nav li { display: block } .yui-navset .yui-nav a { position: relative } .yui-navset .yui-nav li a, .yui-navset-top .yui-nav li a, .yui-navset-bottom .yui-nav li a { display: inline; display: inline-block; display: -moz-inline-stack; vertical-align: bottom; zoom: 1 } .yui-navset-left .yui-nav li a, .yui-navset-right .yui-nav li a { display: block } .yui-navset-bottom .yui-nav li a { vertical-align: text-top } .yui-navset .yui-nav li a em, .yui-navset-top .yui-nav li a em, .yui-navset-bottom .yui-nav li a em { display: block } .yui-navset .yui-navset-left .yui-nav, .yui-navset .yui-navset-right .yui-nav, .yui-navset-left .yui-nav, .yui-navset-right .yui-nav { position: absolute; z-index: 1 } .yui-navset-top .yui-nav, .yui-navset-bottom .yui-nav { position: static } .yui-navset .yui-navset-left .yui-nav, .yui-navset-left .yui-nav { left: 0; right: auto } .yui-navset .yui-navset-right .yui-nav, .yui-navset-right .yui-nav { left: auto; right: 0 } .yui-navset .yui-nav, .yui-navset .yui-navset-top .yui-nav { zoom: 1; white-space: nowrap; overflow-x: hidden; white-space: nowrap } .yui-navset .yui-nav li, .yui-navset .yui-navset-top .yui-nav li { margin: 0 1px 0 0; overflow: hidden; zoom: 1 } .yui-navset .yui-navset-top .yui-nav a { background: var(--input-background); border: solid #e5e7eb; border-width: 1px 0px; color: #FFFFFF; position: relative; text-decoration: none; height: 30px; border-radius: 10px 10px 0px 0px; } .yui-navset .yui-nav a { background: #fff; border: solid #e5e7eb; border-width: 1px 1px; color: #000; position: relative; text-decoration: none; height: 30px; border-radius: 10px 10px 0px 0px; } .yui-navset .yui-navset-top .yui-nav a em { background: var(--input-background); cursor: pointer; padding: 8px 26px; left: 0; right: 0; bottom: 0; top: -1px; position: relative } .yui-navset .yui-nav .selected a, .yui-navset .yui-nav .selected a:focus, .yui-navset .yui-nav .selected a:hover { color: #534D64 } .yui-navset .yui-nav a:hover, .yui-navset .yui-nav a:focus { outline: 0 } .yui-navset .yui-nav li a em { padding: 8px 16px; } .yui-nav a em { padding: 5px } div.bodywrapper { padding: 10px } .yui-navset .yui-nav { margin-left: 10px } .yui-navset .yui-content, .yui-navset .yui-navset-top .yui-content { border-top-width: 0; padding: 0.2em 0.5em } .yui-layout-unit-center .yui-navset .yui-content, .yui-layout .yui-layout-unit.yui-layout-unit-center div.yui-layout-bd { border-style: none } .yui-navset-left .yui-nav, .yui-navset .yui-navset-left .yui-nav, .yui-navset .yui-navset-right .yui-nav, .yui-navset-right .yui-nav { border-width: 0 5px 0 0; Xposition: absolute; top: 0; bottom: 0 } .yui-navset .yui-navset-right .yui-nav, .yui-navset-right .yui-nav { border-width: 0 0 0 5px } .yui-navset-left .yui-nav li, .yui-navset .yui-navset-left .yui-nav li, .yui-navset-right .yui-nav li { margin: 0 0 0.16em; padding: 0 0 0 1px } .yui-navset-right .yui-nav li { padding: 0 1px 0 0 } .yui-navset-left .yui-nav .selected, .yui-navset .yui-navset-left .yui-nav .selected { margin: 0 -1px 0.16em 0 } .yui-navset-right .yui-nav .selected { margin: 0 0 0.16em -1px } .yui-navset-left .yui-nav a, .yui-navset-right .yui-nav a { border-width: 1px 0 } .yui-navset-left .yui-nav a em, .yui-navset .yui-navset-left .yui-nav a em, .yui-navset-right .yui-nav a em { border-width: 0 0 0 1px; padding: 0.2em 0.75em; top: auto; left: -1px; background: #FFFFFF } .yui-navset-right .yui-nav a em { left: auto; right: -1px; background: #FFFFFF } .yui-navset-left .yui-nav a, .yui-navset-left .yui-nav .selected a, .yui-navset-left .yui-nav a:hover, .yui-navset-right .yui-nav a, .yui-navset-right .yui-nav .selected a, .yui-navset-right .yui-nav a:hover, .yui-navset-bottom .yui-nav a, .yui-navset-bottom .yui-nav .selected a, .yui-navset-bottom .yui-nav a:hover { background-image: none } .yui-navset-left .yui-content { border: 1px solid #CBCBCB; border-left-color: #CBCBCB } .yui-navset-bottom .yui-nav, .yui-navset .yui-navset-bottom .yui-nav { border-width: 5px 0 0 } .yui-navset .yui-navset-bottom .yui-nav .selected, .yui-navset-bottom .yui-nav .selected { margin: -1px 0.16em 0 0 } .yui-navset .yui-navset-bottom .yui-nav li, .yui-navset-bottom .yui-nav li { padding: 0 0 1px 0; vertical-align: top } .yui-navset .yui-navset-bottom .yui-nav a em, .yui-navset-bottom .yui-nav a em { border-width: 0 0 1px; top: auto; bottom: -1px; background: #FFFFFF } .yui-navset-bottom .yui-content, .yui-navset .yui-navset-bottom .yui-content { border: 1px solid #CBCBCB; border-bottom-color: #CBCBCB } .ygtvitem table { margin-bottom: 0; border: none } .ygtvrow td { padding: 0; border: none } .ygtvrow td a { text-decoration: none } .ygtvtn { width: 18px; height: 22px } .ygtvtm { cursor: pointer; width: 18px; height: 22px } .ygtvtmh, .ygtvtmhh { cursor: pointer; width: 18px; height: 22px } .ygtvtp { cursor: pointer; width: 18px; height: 22px } .ygtvtph, .ygtvtphh { cursor: pointer; width: 18px; height: 22px } .ygtvln { width: 18px; height: 22px } .ygtvlm { cursor: pointer; width: 18px; height: 22px } .ygtvlmh, .ygtvlmhh { cursor: pointer; width: 18px; height: 22px } .ygtvlp { cursor: pointer; width: 18px; height: 22px } .ygtvlph, .ygtvlphh { cursor: pointer; width: 18px; height: 22px } .ygtvloading { background: url(treeview-loading.gif) 0 0 no-repeat; width: 18px; height: 22px } .ygtvdepthcell { width: 18px; height: 22px } .ygtvblankdepthcell { width: 18px; height: 22px } * html .ygtvchildren { height: 2% } .ygtvlabel, .ygtvlabel:link, .ygtvlabel:visited, .ygtvlabel:hover { background-color: white; cursor: pointer; margin-left: 2px; text-decoration: none } .ygtvcontent, .ygtvcontent a:link, .ygtvcontent a:visited { color: #444444 } .ygtvspacer { width: 12px; height: 22px } .ygtv-highlight1 { background-color: #F08377 } .ygtv-highlight1 .ygtvcontent { border: thin dashed #F08377 } .ygtvok { width: 18px; height: 22px } .ygtvcancel { width: 18px; height: 22px } .ygtv-label-editor { display: none; position: absolute; background-color: #FFFFFF; margin: auto; border: 1px solid #CBCBCB; overflow: hidden; z-index: 9000 } .ygtv-edit-TextNode { width: 190px } .ygtv-edit-TextNode .ygtvcancel, .ygtv-edit-TextNode .ygtvok { border: none } .ygtv-edit-TextNode .ygtv-button-container { float: right } .ygtv-edit-TextNode .ygtv-input input { width: 140px } .ygtv-edit-DateNode .ygtvcancel { border: none } .ygtv-edit-DateNode .ygtvok { display: none } .ygtv-edit-DateNode .ygtv-button-container { margin: auto; text-align: right } .ydlg-bd { background-color: #FFFFFF; padding: 5px } .sugar-progress-wrap { background-color: #F5F5F5; border: 1px solid #CBCBCB; height: 16px; width: 100% } .sugar-progress-bar { background: #778591 url("../../../../../index.php?entryPoint=getImage&themeName=SuiteCustom&imageName=sugar-yui-sprites-grey.png") repeat-x scroll 0 -50px; height: 16px; width: 0 } a.sugar-tab-close, .yui-navset .yui-nav a.sugar-tab-close, .yui-navset .yui-nav .selected a.sugar-tab-close { height: 9px; left: 6px; position: relative; top: -3px; width: 9px; background: transparent url("../../../../../index.php?entryPoint=getImage&themeName=SuiteCustom&imageName=sugar-yui-sprites-grey.png") no-repeat scroll 0 -70px } .sugar-message-prompt { margin-left: 5px } .sugar-subpanel-header-row { background-color: #FFFFFF; border-bottom: 1px solid #CBCBCB; height: 21px } #tagstree { width: auto; margin-top: 0; margin-bottom: 0 } .ygtvlabel, .ygtvlp, .ygtvlm { background-color: transparent } .yui-layout-unit-right.yui-resize .yui-layout-wrap .yui-layout-hd { padding: 10px 0 10px 0 } .yui-layout-unit-left.yui-resize .yui-layout-wrap .yui-layout-hd { padding: 10px 0 10px 0 } .yui-layout .yui-layout-unit div.yui-layout-hd .collapse { margin: 10px 0 10px 0 } .bodywrapper div { padding: 0 10px 0 10px } .yui-layout .yui-layout-clip { padding: 10px 0 0 0 } #caseStyleUser { background: #BBE6A5; color: #534D64; padding: 10px; margin: 10px; border: 1px solid transparent; border-radius: 4px } #caseStyleContact { background: #E6D5A5; color: #534D64; padding: 10px; margin: 10px; border: 1px solid transparent; border-radius: 4px } #caseStyleInternal { background: #A5E6E6; color: #534D64; padding: 10px; margin: 10px 60px 10px 10px; border: 1px solid transparent; border-radius: 4px } .caseUpdateImage { margin: 0 5px 0 0 } #aop_case_updates_threaded_span>a:first-of-type { margin-left: 10px } #aop_case_updates_threaded_span>a { display: inline-block; font-size: 13px; font-size: 13px; font-weight: 500; background-color: #F08377; color: #F5F5F5; cursor: pointer; cursor: pointer; padding: 0 20px 0 20px; margin-bottom: 4px; margin-right: 4px; border: 1px solid transparent; border-radius: 4px; letter-spacing: 1px; line-height: 32px; height: 32px; text-transform: uppercase } #case_updates label { margin-left: 10px } #case_updates textarea { margin-left: 10px } #case_updates input[type=button] { margin-top: 10px; margin-left: 10px } .caseUpdate { margin: 5px 0 0 15px } #extramargin { margin: 0 50px 0 50px } #lessmargin { margin: 0 50px 0 0 } .yui-calcontainer .yui-cal-nav .yui-cal-nav-btn { background-color: #F08377; border: none; border-radius: 4px } button#goto_date_trigger_div_nav_cancel { font-size: 13px; font-weight: 500; background-color: #F08377; color: #F5F5F5; cursor: pointer; padding: 0 10px 0 10px; margin: 0 0 0 0; border: 1px solid transparent; border-radius: 4px; letter-spacing: 1px; line-height: 40px; height: 40px; text-transform: uppercase } button#goto_date_trigger_div_nav_submit { font-size: 13px; font-weight: 500; background-color: #F08377; color: #F5F5F5; cursor: pointer; padding: 0 10px 0 10px; margin: 0 0 0 0; border: 1px solid transparent; border-radius: 4px; letter-spacing: 1px; line-height: 40px; height: 40px; text-shadow: none; text-transform: uppercase } table#goto_date_trigger_div_t thead { background: #B3C0C7 } .yui-calendar .calweekdaycell { font-weight: normal } .yui-calendar .calhead { background: #66727D; border-top-left-radius: 4px; border-top-right-radius: 4px } .yui-calendar a.calnav { font-weight: normal; background-color: #66727D; color: #F5F5F5; padding: 8px; border: 1px solid #66727D; border-radius: 4px; width: auto; height: auto; text-transform: uppercase } .yui-calendar a.calnavleft { color: #F5F5F5; background-color: #AA9DCC; border: 1px solid #AA9DCC; padding: 0; border-radius: 4px; text-transform: uppercase; font-weight: normal; height: 32px; width: 32px; display: inline-block; margin-top: 10px; background-origin: padding-box; background-position: 0 0 } .yui-calendar a.calnavright { display: inline-block; font-weight: normal; background-color: #AA9DCC; background-origin: padding-box; background-position: 0 0; color: #FFFFFF; padding: 0; margin-top: 10px; border: 1px solid #AA9DCC; border-radius: 4px; width: 32px; height: 32px; text-transform: uppercase } .yui-calendar .calheader { padding: 4px; line-height: 48px; height: 48px } .yui-calendar .calnavleft { left: 0; background-image: url("../../../../../themes/SuiteP/images/p_left.svg") } .yui-calendar .calnavright { right: 0; background-image: url("../../../../../themes/SuiteP/images/p_right.svg") } .yui-module .hd { border-top-left-radius: 4px; border-top-right-radius: 4px } .yui-module .ft { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px } .yui-module.yui-overlay.yui-panel.cal_panel { border-radius: 4px } .yui-panel .bd { display: block; padding: 0 10px 0 10px } .yui-calendar .calbody td { background: #FFFFFF } .yui-calendar td.calcell a { background: #FFFFFF; color: #F08377; line-height: 32px; width: 32px; height: 32px } .yui-calendar td.calcell.selected { background: #F08377; color: #F08377 } .yui-calendar td.calcell.selected a { background: #F08377; color: #F5F5F5 } .yui-calendar td.calcell a:hover { background: #F5F5F5; color: #F5F5F5 } .yui-calendar td.calcell.calcellhover { background: #FFFFFF; color: #F08377 } .yui-calendar td.calcell.calcellhover a { background: #FFFFFF; color: #F08377 } .yui-calendar .calweekdaycell { color: #F5F5F5 } .yui-calendar a.calnav { background-color: #F08377; border: 1px solid transparent; border-radius: 4px } .yui-calendar a.calnav:hover { background-color: #F08377; color: #F5F5F5; border: 1px solid transparent; border-radius: 4px } a#callnav_today { clear: both; line-height: 40px; display: block } .monthHeader { background: #778591; color: #F5F5F5; padding-left: 8px; padding-right: 8px; margin-top: 10px; border: none; border: 1px solid transparent; border-top-left-radius: 4px; border-top-right-radius: 4px; line-height: 48px; height: 48px; vertical-align: middle } .monthHeader h3 { margin-top: 0; line-height: 48px; height: 48px } .monthCalBody { background-color: #ABC3D7 } .monthCalBody h5 { font-size: 13px; font-weight: bold; padding: 0; text-align: center; clear: both } h5.calSharedUser { line-height: 40px; height: 40px } .fc-unthemed thead { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box } .fc-view-container .monthCalBody * { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box } .fc-view-container .monthCalBody:before { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box } .fc-view-container .monthCalBody:after { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box } .fc-view-container .monthCalBody { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box } div.monthFooter { background-color: #BFCAD3; line-height: 32px } .monthCalBody td { background-color: #FFFFFF; color: #444444 } .monthCalBody th a { color: #eee } .yearCalBody { border: none } .yearCalBodyMonth { background-color: #FFFFFF; border-top: 2px solid #F08377; border-bottom: 2px solid #FFFFFF } .yearCalBody .monthHeader { border: none } .yearCalBodyMonth #daily_cal_table { border-top: #BFCAD3 } .yearCalBodyMonth #daily_cal_table .monthCalBodyTHDay { border-color: #BFCAD3 } .yearCalBodyMonth>a { color: #F08377 } h5.calSharedUser { color: #778591 } .olCgClass td { border-bottom-color: #BFCAD3 } .olBgClass { background-color: #BFCAD3 } .yui-navset .yui-nav { border-bottom: 1px solid #e5e7eb } .yui-navset .yui-navset-top .yui-nav { border-bottom: 1px solid #BFCAD3 } .yui-layout .yui-layout-hd {} .yui-layout .yui-layout-unit div.yui-layout-bd { border-color: #BFCAD3 } .yui-navset .yui-content { border-color: #BFCAD3 } .yui-navset .yui-navset-top .yui-content { border-color: #BFCAD3 } .yui-navset .yui-nav .selected a { border-color: #BFCAD3 } .yui-navset .yui-nav .selected a em { border-color: #BFCAD3 } .yui-navset .yui-nav a { border-color: #BFCAD3 } .yui-navset .yui-nav a em { border-color: #BFCAD3 } .yui-navset .yui-nav a { border-color: #BFCAD3 } .yui-navset .yui-navset-top .yui-nav a { border-color: #BFCAD3 } a.sugar-tab-close { background: transparent url("/index.php?entryPoint=getImage&themeName=SuiteCustom&themeName=SuiteP&imageName=sugar-yui-sprites.png") no-repeat scroll 0 -70px } .yui-navset .yui-nav a.sugar-tab-close { background: transparent url("/index.php?entryPoint=getImage&themeName=SuiteCustom&themeName=SuiteP&imageName=sugar-yui-sprites.png") no-repeat scroll 0 -70px } .yui-navset .yui-nav .selected a.sugar-tab-close { background: transparent url("/index.php?entryPoint=getImage&themeName=SuiteCustom&themeName=SuiteP&imageName=sugar-yui-sprites.png") no-repeat scroll 0 -70px } .yui-nav { overflow-y: hidden } ul.yui-nav li.selected { border-bottom: 1px solid var(--blue); background-color: #fff; } #settingsTabDiv li { width: 50%; display: inline-block; background-color: #fff; height: 46px; text-align: center; } #settingsTabDiv li.selected { border-bottom: 2px solid var(--blue); background-color: var(--input-background); } #settingsTabDiv li a { border: none; margin-top: 6px; } #settingsTabDiv li.selected a em { background-color: var(--input-background); border: none; color: var(--black); font-size: 12px; } #settingsTabDiv li a em { background-color: #fff; border: none; color: var(--black); font-size: 12px; } .qtip-content { overflow-y: auto; max-height: 450px } .qtip-content .title { font-weight: bold } .qtip { font-family: "Lato", Lato, Arial, sans-serif; font-size: 12px; border: none; border-radius: 4px; -webkit-border-radius: 4px } .qtip-titlebar { border-top-left-radius: 2px; border-top-right-radius: 2px } .qtip-titlebar { padding: 5px 24px 5px 10px } .qtip-title-text { display: block; color: #F5F5F5; float: left; line-height: 18px; width: 128px } .qtip-title-buttons { display: inline-block; padding: 0 0 0 4px; float: right; vertical-align: middle } .qtip-title-buttons a:first-of-type { margin: 0 0 0 4px } .qtip-title-buttons a { color: #F5F5F5; padding: 0 4px; margin: 0 } .qtip-title-buttons a:hover { color: #B29EB5 } .qtip-default .qtip-titlebar { background-color: #5D5670 } .qtip-default .qtip-icon { top: 16px; background-color: transparent; border: none } .qtip-default .qtip-titlebar .qtip-close { font-size: 22px; color: #F5F5F5 } .qtip-default .qtip-titlebar .qtip-close:hover { font-size: 22px; font-weight: bold; color: #B29EB5 } .qtip-content { line-height: 16px } .qtip-content { background-color: #65697A; color: #F5F5F5; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px } .qtip .qtip-tip { display: none } .qtip-content a { font-weight: bold; color: #F08377 } .qtip-content a:hover { color: #F08377 } td.fc-widget-header { background-color: #BFCAD3; padding: 0; border: none } td.fc-widget-header table>thead { background-color: #BFCAD3; padding: 0; border: none } td.fc-widget-header table>thead>tr>th { background-color: #BFCAD3; padding: 0; border: none } td.fc-day-top.fc-other-month { background-color: #B3C0C7; opacity: 1 } .fc-title { font-size: 13px; line-height: 24px } .fc-day-header a { color: #F5F5F5 } .fc-day-header a:hover { color: #F5F5F5 } td.fc-day-top.fc-today { background: #778591; cursor: pointer } .fc-day-top { background: #778591; cursor: pointer } .fc-unthemed th, .fc-unthemed td, .fc-unthemed thead, .fc-unthemed tbody, .fc-unthemed .fc-divider, .fc-unthemed .fc-row, .fc-unthemed .fc-content, .fc-unthemed .fc-popover, .fc-unthemed .fc-list-view, .fc-unthemed .fc-list-heading td { border-color: #999999 !important } .fc-unthemed .fc-divider, .fc-unthemed .fc-popover .fc-header, .fc-unthemed .fc-list-heading td { border-color: #999999 !important } .fc-unthemed .fc-divider, .fc-unthemed .fc-popover .fc-header, .fc-unthemed .fc-list-heading td { border-color: #999999 !important } .monthFooter td { padding-top: 3px; padding-bottom: 5px; padding-left: 7px; padding-right: 7px; border-top: 1px solid; border-bottom: 2px solid } .pagecontent>div.row.monthHeader>div>a { color: #F5F5F5 } .pagecontent>div.row.monthHeader { margin-bottom: 0 } .monthHeader td { padding-left: 5px } .monthViewDayHeight { height: 100px } .monthViewDayHeight td[scope=row] { padding: 5px; text-align: center } .monthViewDayHeight td { padding: 3px; text-align: right; vertical-align: top } .yearViewDayHeight { height: 40px } .monthCalBodyDayItem { padding: 5px 0 8px 0; margin: 7px 0 7px 0; border-top: 1px solid } .monthCalBodyDayItem td { vertical-align: top } .monthCalBodyDayItem td img { padding-right: 3px; vertical-align: top } .monthCalBody th { font-weight: normal; padding: 7px; height: 20px; vertical-align: top } .monthCalBodyTH th { font-weight: bold; padding: 5px; border-bottom: 1px solid } .monthCalBody td { padding: 5px; text-align: left } .monthCalBody td div table td { text-align: left } .monthCalBody { padding: 0 } .monthCalBody td.yearCalBody { padding: 0; margin: 0 } .yearCalBodyMonth { padding: 5px 0 0 0; text-align: center } .yearCalBodyMonth #daily_cal_table { margin-top: 5px } .yearCalBodyMonth>a { font-weight: bold; padding: 5px; margin: 0; width: 100%; text-decoration: none } .yearCalBodyMonth>a:hover { text-decoration: underline } .calSharedUser { padding-top: 5px; padding-left: 8px; margin-top: 0; margin-bottom: 0; border-top: 1px; height: 20px } .fc-toolbar { display: none; height: 0; visibility: collapse } .monthCalBody>.calSharedUser { color: #F5F5F5 } thead.fc-head { background: #778591; color: #F5F5F5 } thead.fc-head tr td { padding: 8px } a.fc-day-number { color: #F5F5F5; text-decoration: none } a.fc-day-number:hover { color: #F08377; text-decoration: none } .calendar { border: 1px solid #999999 } .calendar .button { border-color: #CBCBCB; background-image: none } .calendar .combo { background: #eee; padding: 0 } .calendar .combo .active { background: #eee } .calendar .combo .hilite { background: #FFFFFF; padding: 1px 4px 1px 4px; border-color: #CBCBCB; border-top: 1px solid; border-bottom: 1px solid } .calendar .combo .label { padding: 2px 4px 2px 4px; text-align: left } .calendar .combo .label-IEfix { padding: 2px 4px 2px 4px; text-align: left } .calendar .nav { background: transparent no-repeat 100% 100% } .calendar table { background: #FFFFFF } .calendar table .wn { background: #FFFFFF; border-right: 1px solid #CBCBCB } .calendar tbody .day { background: #FFFFFF; padding: 2px 4px 2px 2px; text-align: right } .calendar tbody .day.othermonth.oweekend { color: #666 } .calendar tbody .emptycell { display: none } .calendar tbody .rowhilite td, .calendar tbody .rowhilite td.weekend { background: #FFFFFF } .calendar tbody .rowhilite td.wn { background: #FFFFFF } .calendar tbody td.hilite, .calendar tbody td.weekend.hilite { background: #FFFFFF; border-color: #CBCBCB } .calendar tbody td.selected { background: #FFFFFF; border-color: #CBCBCB } .calendar tbody td.today a, .calendar tbody td.today { background-color: #FCF8E3; color: #F5F5F5 } .calendar tbody td.weekend { background: #BFCAD3; color: #666666 } .calendar tfoot .ttip { background: #DFDFDF; color: #534D64; border-top: 1px solid #CBCBCB; border-bottom: 1px solid #CBCBCB } .calendar thead .hilite { border-top: 1px solid #CBCBCB } .calendar thead .name { background: #FFFFFF; border-color: #CBCBCB } .calendar thead .title { background: #778591; color: #F5F5F5; padding: 3px; border-top: 1px solid #eee; border-bottom: 1px solid #eee } .calendar thead .weekend { font-weight: bold; color: #666666 } .fc-bg table>tbody>tr .fc-today { background-color: #FCF8E3 } div.fc-basic-view .fc-body .fc-row { min-height: 52px } .modal-calendar-user-list table.edit { margin-top: 8px; width: 256px } .modal-calendar-user-list table.edit tr td:first-of-type { width: 192px } .modal-calendar-user-list #shared_ids_td { width: 128px } .modal-calendar-user-list select[size]#shared_ids { height: 200px } iframe.teamNoticeBox { overflow: auto; width: 100% } .modal-cal-edit .modal-content { width: 95% } .modal-cal-edit .modal-lg { width: 90% } .modal-calendar-user-list .modal-content { width: 95% } .modal-calendar-settings .modal-content { width: 95% } .modal-calendar-user-list .modal-content select { color: #534D64 } @media (min-width: 1350px) { .modal-cal-edit .modal-content { width: 90% } .modal-cal-edit .modal-lg { width: 80% } .modal-calendar-user-list .modal-content { width: 900px } .modal-calendar-settings .modal-content { width: 900px } } .email-indicator { text-align: center; float: right } .email-indicator>span, .email-indicator>div { display: inline-block; font-size: 14px; font-weight: bold; height: 24px; width: 24px; line-height: 24px; margin-left: 10px } .email-indicator .email-flagged { background-color: #F08377; border-radius: 28px; color: #F5F5F5; font-size: 18px } .email-indicator .email-new { height: 0; width: 0 } .email-indicator .email-imported { background-color: #AA9DCC; color: #F5F5F5; border-radius: 4px } .email-new-record.oddListRowS1:hover td { background-color: var(--td-hover) } .email-new-record.evenListRowS1:hover td { background-color: var(--td-hover) } .email-new-record.oddListRowS1 td { background-color: #ECE9F5; font-weight: 900 } .email-new-record.evenListRowS1 td { background-color: #E0DDEB; font-weight: 900 } .panel-email-compose { margin: 5px 0 0 0; background-color: #B3C0C7; color: #FFFFFF; line-height: 24px } .panel-email-compose .panel-body :focus { border: none; border-image-width: 0; border-color: transparent; outline: none; outline-width: 0 } .panel-email-compose .panel-body button { background-color: transparent; border: none; border-image-width: 0; border-color: transparent; color: #FFFFFF; margin: 6px 6px; padding: 4px; line-height: 18px; min-height: 18px; outline: none } .panel-email-compose .panel-body .btn { background-color: transparent; border: none; border-image-width: 0; border-color: transparent; color: #FFFFFF; margin: 6px 6px; padding: 4px; line-height: 18px; min-height: 18px; outline: none } .panel-email-compose .panel-body .btn:hover { background-color: transparent; border: none; border-image-width: 0; border-color: transparent; color: #FFFFFF; margin: 6px 6px; padding: 4px; line-height: 18px; min-height: 18px; outline: none } .panel-email-compose .panel-body .btn:visited { background-color: transparent; border: none; border-image-width: 0; border-color: transparent; color: #FFFFFF; margin: 6px 6px; padding: 4px; line-height: 18px; min-height: 18px; outline: none } .panel-email-compose .panel-body .btn:link { background-color: transparent; border: none; border-image-width: 0; border-color: transparent; color: #FFFFFF; margin: 6px 6px; padding: 4px; line-height: 18px; min-height: 18px; outline: none } .panel-email-compose .panel-body .btn:active { background-color: transparent; border: none; border-image-width: 0; border-color: transparent; color: #FFFFFF; margin: 6px 6px; padding: 4px; line-height: 18px; min-height: 18px; outline: none } .panel-email-compose .panel-body .btn:focus { background-color: transparent; border: none; border-image-width: 0; border-color: transparent; color: #FFFFFF; margin: 6px 6px; padding: 4px; line-height: 18px; min-height: 18px; outline: none } .panel-email-compose .panel-body input[type=reset] { background-color: transparent; border: none; border-image-width: 0; color: #FFFFFF; border-color: transparent; margin: 0; outline: none; padding: 0 } .panel-email-compose .panel-body input[type=submit] { background-color: transparent; border: none; border-image-width: 0; color: #FFFFFF; border-color: transparent; margin: 0; outline: none; padding: 0 } .panel-email-compose .panel-body input[type=button] { background-color: transparent; border: none; border-image-width: 0; color: #FFFFFF; border-color: transparent; margin: 0; outline: none; padding: 0 } .panel-email-compose .panel-body .btn.btn-image { height: 18px; font-size: 18px; padding-top: 0; padding-bottom: 0 } .panel-email-compose .panel-body .btn.btn-image img { display: inline-block; width: 18px; height: 18px } .panel-email-compose .panel-body .glyphicon { font-size: 18px } .panel-email-compose .panel-body .glyphicon:focus { border: none; border-image-width: 0; border-color: transparent; outline: none } .panel-email-compose .panel-body .vertical-seperator { background-color: transparent; border-bottom: none; border-left: 1px solid #FFFFFF; border-right: none; border-top: none; color: #FFFFFF; cursor: default; font-size: 18px; margin: 6px 6px; padding: 4px; outline: none; height: 18px } .panel-email-compose .panel-body .vertical-separator { background-color: transparent; border-bottom: none; border-left: 1px solid #FFFFFF; border-right: none; border-top: none; color: #FFFFFF; cursor: default; font-size: 18px; margin: 6px 6px; padding: 4px; outline: none; height: 18px } .panel-email-compose .panel-body .custom-buttons { display: inline-block } .compose-view .panel .col-sm-6 [type].col-sm-8.edit-view-field input[type=text]#emails_email_templates_name { width: 72.25% } .compose-view .panel .col-sm-6 [type].col-sm-8.edit-view-field input[type=text]#parent_name { width: 45% } .compose-view .panel .col-sm-12 [type].col-sm-8.edit-view-field input[type=text] { width: 100% } .compose-view .panel .col-sm-12 .col-sm-8.edit-view-field textarea#description { width: 100% } .compose-view .panel .col-sm-8[type=parent] { width: 100% } .compose-view .panel .col-sm-8 { width: 83.33% } .compose-view .panel .edit-view-row-item.empty { display: none; height: 0; margin: 0 0 0 0; min-height: 0; min-width: 0; visibility: collapse } .compose-view .panel .compose-from-email-account { display: flex; flex-wrap: wrap; justify-content: start } .compose-view .panel .compose-from-email-account .compose-from-email-address-name { margin-right: 0.5rem } .compose-view .panel .compose-from-email-account .compose-from-email-address-from { color: #555 } .compose-view .panel .ui-selectmenu-button.ui-button { width: auto; min-width: 50%; background: inherit } .compose-view .panel .ui-selectmenu-button.ui-button:hover { background: inherit } .compose-view .panel .ui-selectmenu-menu.ui-front.ui-selectmenu-open .ui-menu-item-wrapper.ui-state-active { border: 1px solid transparent; background: #eee 50% 50% repeat-x } .compose-view .btn-send-email .send-email-label { float: right; padding-left: 5px } .email-in-progress { text-align: center } .emails-qtip { z-index: 32000 !important } .file-attachments:empty { display: none } .file-attachments { background: #FFFFFF; border: 1px solid #DDDDDD; border-radius: 4px; line-height: 26px; margin: 5px 0; min-height: 26px } .file-attachments label { border-radius: 4px; color: #EDEBF5; cursor: pointer; display: inline-block; font-size: 13px; line-height: 26px; margin-bottom: 0; min-height: 26px } .file-attachments label * { pointer-events: none } .file-attachments input[type=file] { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; visibility: hidden; z-index: -1 } .file-attachments .attachment-group-container { background-color: #B29EB5; border-radius: 4px; display: inline-block; line-height: 26px; min-height: 26px; margin: 5px } .file-attachments .attachment-file-container { background-color: #5D5670; border-radius: 4px; color: #EDEBF5; font-size: 13px; display: inline-block; min-height: 26px; line-height: 26px; margin: 5px } .file-attachments .attachment-type { margin: 0 2px 0 0; padding: 4px } .file-attachments .attachment-name { font-weight: normal; margin: 0 2px 0 0; padding: 4px } .file-attachments .attachment-size { font-weight: normal; margin: 0 5px 0 0; padding: 4px } .file-attachments .attachment-remove { background-color: #B29EB5; border-radius: 4px; cursor: pointer; margin: 0 5px 0 0; padding: 4px } .file-attachments .attachment-remove .glyphicon { cursor: pointer } .file-attachments a.attachment-remove { color: #FFFFFF } .file-attachments .attachment-blank { background-color: #5D5670; padding: 4px 8px; line-height: 26px } .file-attachments .attachment-blank .glyphicon { top: 0; bottom: 0; cursor: pointer } .bean-attachments:empty { display: none } .bean-attachments { background: #FFFFFF; border: 1px solid #DDDDDD; border-radius: 4px; line-height: 26px; margin: 5px 0; min-height: 26px } .bean-attachments label { border-radius: 4px; color: #EDEBF5; cursor: pointer; display: inline-block; font-size: 13px; line-height: 26px; margin-bottom: 0; min-height: 26px } .bean-attachments label * { pointer-events: none } .bean-attachments input[type=file] { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; visibility: hidden; z-index: -1 } .bean-attachments .bean-attachment-group-container { background-color: #B29EB5; border-radius: 4px; display: inline-block; line-height: 26px; min-height: 26px; margin: 5px } .bean-attachments .bean-attachment-file-container { background-color: #5D5670; border-radius: 4px; color: #EDEBF5; font-size: 13px; display: inline-block; min-height: 26px; line-height: 26px; margin: 5px } .bean-attachments .bean-attachment-type { margin: 0 2px 0 0; padding: 4px } .bean-attachments .bean-attachment-name { font-weight: normal; margin: 0 2px 0 0; padding: 4px } .bean-attachments .bean-attachment-size { font-weight: normal; margin: 0 5px 0 0; padding: 4px } .bean-attachments .bean-attachment-remove { background-color: #B29EB5; border-radius: 4px; cursor: pointer; margin: 0 5px 0 0; padding: 4px } .bean-attachments .bean-attachment-remove .glyphicon { cursor: pointer } .bean-attachments a.bean-attachment-remove { color: #FFFFFF } .bean-attachments .bean-attachment-blank { background-color: #5D5670; padding: 4px 8px; line-height: 26px } .bean-attachments .bean-attachment-blank .glyphicon { top: 0; bottom: 0; cursor: pointer } .document-attachments:empty { display: none } .document-attachments { background: #FFFFFF; border: 1px solid #DDDDDD; border-radius: 4px; line-height: 26px; margin: 5px 0; min-height: 26px } .document-attachments label { border-radius: 4px; color: #EDEBF5; cursor: pointer; display: inline-block; font-size: 13px; line-height: 26px; margin-bottom: 0; min-height: 26px } .document-attachments label * { pointer-events: none } .document-attachments input[type=file] { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; visibility: hidden; z-index: -1 } .document-attachments .attachment-group-container { background-color: #B29EB5; border-radius: 4px; display: inline-block; line-height: 26px; min-height: 26px; margin: 5px } .document-attachments .attachment-group-container img { height: auto; width: 13px } .document-attachments .attachment-file-container { background-color: #5D5670; border-radius: 4px; color: #EDEBF5; font-size: 13px; display: inline-block; min-height: 26px; line-height: 26px; margin: 5px } .document-attachments .attachment-type { margin: 0 2px 0 0; padding: 4px } .document-attachments .attachment-name { font-weight: normal; margin: 0 2px 0 0; padding: 4px } .document-attachments .attachment-size { font-weight: normal; margin: 0 5px 0 0; padding: 4px } .document-attachments .attachment-remove { background-color: #B29EB5; border-radius: 4px; cursor: pointer; margin: 0 5px 0 0; padding: 4px } .document-attachments .attachment-remove .glyphicon { cursor: pointer } .document-attachments a.attachment-remove { color: #FFFFFF } .document-attachments .attachment-blank { background-color: #5D5670; padding: 4px 8px; line-height: 26px } .document-attachments .attachment-blank .glyphicon { top: 0; bottom: 0; cursor: pointer } #settingsDialog #userFolders { width: 100%; background-color: var(--input-background); } .emails-list-view-toolbar-header { text-align: right } @media (max-width: 768px) { .compose-view .panel .col-sm-12 [type].col-sm-8.edit-view-field input[type=text] { width: 100% } .compose-view .panel .col-sm-8 { width: 100% } .compose-view .panel .ui-selectmenu-button.ui-button { width: 100% } } @media (min-width: 1024px) { .compose-view .panel .col-sm-12 [type].col-sm-8.edit-view-field input[type=text] { width: 100% } .compose-view .panel .col-sm-8 { width: 83.33% } .modal compose-vew .panel .panel-heading a div { width: 96.66% } } @media (min-width: 768px) { .modal .compose-view .col-sm-6 [field="emails_email_templates_name"] input[type=text].sqsEnabled { margin-top: 0 } .compose-view .col-sm-12 [type].col-sm-8.edit-view-field input[type=text].sqsEnabled { width: calc(100% - 96px) } .compose-view .col-sm-6 [type].col-sm-8.edit-view-field input[type=text].sqsEnabled { width: calc(100%) } } .modal .panel .panel-heading a div { width: 93.66% } .modal .close { opacity: 1 } @media (min-width: 1024px) { .modal .panel .panel-heading a div { width: 96.66% } } .popupBody .list tr th { padding: 10px } .popupBody .list tr th a:link { padding-right: 0 } .popupBody .list.view .pagination .button { padding: 0 } .popupBody .list.view .selectedRecords { line-height: 26px; margin: 0 4px 0 4px } .popupBody .list.view .pagination .button .suitepicon, .popupBody .list.view .pagination .button .button-toggle-expanded span, .button-toggle-expanded .popupBody .list.view .pagination .button span, .popupBody .list.view .pagination .button .button-toggle-collapsed span, .button-toggle-collapsed .popupBody .list.view .pagination .button span, .popupBody .list.view .pagination .button .panel-heading a.collapsed, .panel-heading .popupBody .list.view .pagination .button a.collapsed, .popupBody .list.view .pagination .button .panel-heading a, .panel-heading .popupBody .list.view .pagination .button a { line-height: 26px } .popupBody .list.view .sugar_action_button { line-height: 26px } .popup .nav-tabs { margin-top: 0; margin-bottom: 0 } .popup .nav-tabs>li, .popup .nav-tabs>li:hover { margin-bottom: 0 } .popup .nav-tabs>li a, .popup .nav-tabs>li:hover a { border: hidden } .popup .nav-tabs>li a:hover, .popup .nav-tabs>li:hover a:hover { border: hidden } .popup .nav-tabs>li a:active, .popup .nav-tabs>li:hover a:active { border: hidden } .popup .nav-tabs>li a:focus, .popup .nav-tabs>li:hover a:focus { border: hidden } .popup .list tr th:first-child { width: 2% } .popup .list tr th:nth-child(2) { width: 28% } .popup .list tr th:nth-child(3) { width: 20% } .popup .list tr th:nth-child(4) { width: 25% } .popup .list tr th:last-child { width: 25%; border-top-right-radius: 4px } .popup .glyph-print { font-size: 20px; color: #778591; font-weight: normal; text-align: right } .popup .print { font-weight: normal; padding: 0 30px 0 0; text-decoration: underline } .popup .moduleTitle h2 { display: block; font-size: 26px; font-weight: 300; color: #534D64; margin: 0 0 0 0; float: left; letter-spacing: 2px; text-transform: uppercase; padding: 0 0 0 30px } .popup .h1 { margin-top: 10px; margin-bottom: 10px } .popup .h2 { margin-top: 10px; margin-bottom: 10px } .popup .h3 { margin-top: 10px; margin-bottom: 10px } .popup h1 { margin-top: 10px; margin-bottom: 10px } .popup h2 { margin-top: 10px; margin-bottom: 10px } .popup h3 { margin-top: 10px; margin-bottom: 10px } .popup .blank-space { width: 1px; height: 1px } .popup .icon { width: 30px; height: 30px } .popup .content { padding: 0 3% 0 3%; width: 100% } #testSettingsDiv { margin-top: 100px } #delete img { width: 32px; height: 32px } #exportcustom h3 { font-size: 14px; font-weight: bold; padding-left: 0px; margin: 3px } #layoutEditor h4 { font-size: 14px; font-weight: bold; padding-left: 0px; margin: 3px } #layoutEditor h3 { font-size: 14px; font-weight: bold; padding-left: 0px; margin: 3px } #layoutEditor h2 { font-size: 14px; font-weight: bold; padding-left: 0px; margin: 3px } #layoutEditor h1 { font-size: 14px; font-weight: bold; padding-left: 0px; margin: 3px } .panel_name { font-size: 14px; font-weight: bold; padding-left: 0px; margin: 3px } .panel_name { font-weight: bold; color: #565656; margin: 5px; float: left } #toolbox { background: #FFFFFF; padding: 5px; border: 1px solid #CBCBCB; border-radius: 4px; float: left; overflow-y: scroll; width: 192px } #panels { position: inherit; padding: 5px; border: 1px solid #CBCBCB; border-radius: 4px; float: right; width: 100% } .le_panel { background: #BFCAD3; border: 1px solid transparent; border-radius: 4px } .le_row { background: #94A6B5; border: 1px solid transparent; border-radius: 4px } #toolbox .special:nth-of-type(2) { background: #94A6B5; color: #F5F5F5; padding: 5px; margin: 2px 3px; border: 1px solid transparent; border-radius: 4px; float: left; overflow: hidden; width: 150px } #toolbox .special:nth-of-type(3) { background: #BFCAD3; color: #F5F5F5; padding: 5px; margin: 2px 3px; border: 1px solid transparent; border-radius: 4px; float: left; overflow: hidden; width: 150px } #layoutEditor .le_panel { padding: 5px 15px 15px 15px; margin: 2px 2px 10px 2px } #layoutEditor .le_panel .le_row { padding: 5px 0px 5px 15px; margin: 5px 5px; clear: both } #panels>.le_panel>.le_row { line-height: 48px; height: 48px } #panels>.le_panel>.le_row>.le_field { line-height: 18px } #panels>.le_panel>.panel_label { margin-bottom: 20px; text-align: center } #panels span { margin-bottom: 5px } body>.le_panel .le_edit, #toolbox .le_panel .le_edit { display: none } #toolbox .le_row, .le_field { padding: 5px; margin: 2px 3px; border: 1px solid transparent; border-radius: 4px; float: left; overflow: hidden; width: 150px } .le_field { background: #F5F5F5 } #toolbox .le_panel img, #toolbox .le_row img, .le_field img { margin: 0 } #delete { background: #F08377; padding-top: 5px; padding-bottom: 10px; margin: 5px; border: 1px solid transparent; border-radius: 4px; width: 150px } #delete span { color: #F5F5F5 } #panels .le_row .le_field, #availablefields .le_field, #layoutPreview .le_row .le_field { display: block } .le_row .le_field { display: none } .field_tabindex, .field_label, .field_name, .panel_id { display: none } #availablefields .le_field { clear: both } #availablefields { margin-top: 20px } #layoutEditorButtons div { float: left } .le_edit { cursor: pointer; float: right } .deleteme { font-weight: normal } #delete { text-align: center } #exportcustom>table>tbody>tr>.mbLBL { line-height: 20px } #popup_form_id>table>tbody>tr>.mbLBL .relform td { padding-bottom: 8px; padding-left: 8px } #editlabels td { padding-bottom: 8px; padding-left: 8px } #exportcustom>table>tbody>tr>td { padding-bottom: 8px; padding-left: 8px } #popup_form_id>table>tbody>tr>td { padding-bottom: 8px; padding-left: 8px } .studiolink .suitepicon, .studiolink .button-toggle-expanded span, .button-toggle-expanded .studiolink span, .studiolink .button-toggle-collapsed span, .button-toggle-collapsed .studiolink span, .studiolink .panel-heading a.collapsed, .panel-heading .studiolink a.collapsed, .studiolink .panel-heading a, .panel-heading .studiolink a, #package_modules .suitepicon, #package_modules .button-toggle-expanded span, .button-toggle-expanded #package_modules span, #package_modules .button-toggle-collapsed span, .button-toggle-collapsed #package_modules span, #package_modules .panel-heading a.collapsed, .panel-heading #package_modules a.collapsed, #package_modules .panel-heading a, .panel-heading #package_modules a, #factory-module .suitepicon, #factory-module .button-toggle-expanded span, .button-toggle-expanded #factory-module span, #factory-module .button-toggle-collapsed span, .button-toggle-collapsed #factory-module span, #factory-module .panel-heading a.collapsed, .panel-heading #factory-module a.collapsed, #factory-module .panel-heading a, .panel-heading #factory-module a { display: inline-block; font-size: 22px; padding: 6px 0 } #factory-module td table { margin: 0 7px; border: 1px solid transparent } #factory-module table.wizardButtonDown { border: 1px solid #E56455 } .tox-tinymce { border-radius: 4px !important } .tox .tox-tbtn--bespoke .tox-tbtn__select-label { width: auto !important; min-width: 5em; max-width: 7em } .jstree-node, .jstree-children, .jstree-container-ul { display: block; margin: 0; padding: 0; list-style-type: none; list-style-image: none } .jstree-node { white-space: nowrap } .jstree-anchor { display: inline-block; color: black; white-space: nowrap; padding: 0 4px 0 1px; margin: 0; vertical-align: top } .jstree-anchor:focus { outline: 0 } .jstree-anchor, .jstree-anchor:link, .jstree-anchor:visited, .jstree-anchor:hover, .jstree-anchor:active { text-decoration: none; color: inherit } .jstree-icon { display: inline-block; text-decoration: none; margin: 0; padding: 0; vertical-align: top; text-align: center; font-family: "suitepicon" !important; color: #5D5670; font-style: normal } .jstree-icon:empty { display: inline-block; text-decoration: none; margin: 0; padding: 0; vertical-align: top; text-align: center } .jstree-ocl { cursor: pointer } .jstree-leaf>.jstree-ocl { cursor: default } .jstree .jstree-open>.jstree-children { display: block } .jstree .jstree-closed>.jstree-children, .jstree .jstree-leaf>.jstree-children { display: none } .jstree-anchor>.jstree-themeicon { margin-right: 2px; font-size: 24px } .jstree-no-icons .jstree-themeicon, .jstree-anchor>.jstree-themeicon-hidden { display: none } .jstree-hidden, .jstree-node.jstree-hidden { display: none } .jstree-rtl .jstree-anchor { padding: 0 1px 0 4px } .jstree-rtl .jstree-anchor>.jstree-themeicon { margin-left: 2px; margin-right: 0 } .jstree-rtl .jstree-node { margin-left: 0 } .jstree-rtl .jstree-container-ul>.jstree-node { margin-right: 0 } .jstree-wholerow-ul { position: relative; display: inline-block; min-width: 100% } .jstree-wholerow-ul .jstree-leaf>.jstree-ocl { cursor: pointer } .jstree-wholerow-ul .jstree-anchor, .jstree-wholerow-ul .jstree-icon { position: relative } .jstree-wholerow-ul .jstree-wholerow { width: 100%; cursor: pointer; position: absolute; left: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .jstree-contextmenu .jstree-anchor { -webkit-user-select: none; -webkit-touch-callout: none } .vakata-context { display: none } .vakata-context, .vakata-context ul { margin: 0; padding: 2px; position: absolute } .vakata-context ul { list-style: none; left: 100%; margin-top: -2.7em; margin-left: -4px } .vakata-context .vakata-context-right ul { left: auto; right: 100%; margin-left: auto; margin-right: -4px } .vakata-context li { list-style: none } .vakata-context li>a { display: block; padding: 0 2em 0 2em; text-decoration: none; width: auto; color: black; white-space: nowrap; line-height: 2.4em; text-shadow: 1px 1px 0 white; border-radius: 1px } .vakata-context li>a:hover { position: relative } .vakata-context li>a.vakata-context-parent { background-image: url("data:image/gif;base64,R0lGODlhCwAHAIAAACgoKP///yH5BAEAAAEALAAAAAALAAcAAAIORI4JlrqN1oMSnmmZDQUAOw=="); background-position: right center; background-repeat: no-repeat } .vakata-context li>a:focus { outline: 0 } .vakata-context .vakata-context-hover>a { position: relative } .vakata-context .vakata-context-separator>a, .vakata-context .vakata-context-separator>a:hover { border: 0; height: 1px; min-height: 1px; max-height: 1px; padding: 0; margin: 0 0 0 2.4em; text-shadow: 0 0 0 transparent; box-shadow: 0 0 0 transparent; border-radius: 0 } .vakata-context .vakata-contextmenu-disabled a, .vakata-context .vakata-contextmenu-disabled a:hover { background-color: transparent; border: 0; box-shadow: 0 0 0 } .vakata-context li>a>i { text-decoration: none; display: inline-block; width: 2.4em; height: 2.4em; background: transparent; margin: 0 0 0 -2em; vertical-align: top; text-align: center; line-height: 2.4em } .vakata-context li>a>i:empty { width: 2.4em; line-height: 2.4em } .vakata-context li>a .vakata-contextmenu-sep { display: inline-block; width: 1px; height: 2.4em; background: #FFFFFF; margin: 0 0.5em 0 0; border-left: 1px solid #CBCBCB } .vakata-context .vakata-contextmenu-shortcut { font-size: 0.8em; opacity: 0.5; display: none } .vakata-context-rtl ul { left: auto; right: 100%; margin-left: auto; margin-right: -4px } .vakata-context-rtl li>a.vakata-context-parent { background-image: url("data:image/gif;base64,R0lGODlhCwAHAIAAACgoKP///yH5BAEAAAEALAAAAAALAAcAAAINjI+AC7rWHIsPtmoxLAA7"); background-position: left center; background-repeat: no-repeat } .vakata-context-rtl .vakata-context-separator>a { margin: 0 2.4em 0 0; border-left: 0 } .vakata-context-rtl .vakata-context-left ul { right: auto; left: 100%; margin-left: -4px; margin-right: auto } .vakata-context-rtl li>a>i { margin: 0 -2em 0 0 } .vakata-context-rtl li>a .vakata-contextmenu-sep { margin: 0 0 0 0.5em } #jstree-marker { position: absolute; top: 0; left: 0; margin: -5px 0 0 0; padding: 0; border-right: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid; width: 0; height: 0; font-size: 0; line-height: 0 } #jstree-dnd { line-height: 16px; margin: 0; padding: 4px } #jstree-dnd .jstree-icon, #jstree-dnd .jstree-copy { display: inline-block; text-decoration: none; margin: 0 2px 0 0; padding: 0; width: 16px; height: 16px } #jstree-dnd .jstree-ok { background: #3C763D } #jstree-dnd .jstree-er { background: #F08377 } #jstree-dnd .jstree-copy { margin: 0 2px 0 2px } .jstree-default .jstree-node, .jstree-default .jstree-icon { background-repeat: no-repeat; background-color: transparent } .jstree-default .jstree-anchor, .jstree-default .jstree-animated, .jstree-default .jstree-wholerow { transition: background-color 0.15s, box-shadow 0.15s } .jstree-default .jstree-hovered { background: #FA988D; border-radius: 4px } .jstree-default .jstree-context { background: #FA988D; border-radius: 4px } .jstree-default .jstree-clicked { background: #FA988D; border-radius: 4px } .jstree-default .jstree-no-icons .jstree-anchor>.jstree-themeicon { display: none } .jstree-default .jstree-disabled { background: transparent; color: #F8F8F8 } .jstree-default .jstree-disabled.jstree-hovered { background: transparent; box-shadow: none } .jstree-default .jstree-disabled>.jstree-icon { opacity: 0.8 } .jstree-default .jstree-search { font-style: italic; font-weight: bold } .jstree-default .jstree-no-checkboxes .jstree-checkbox { display: none !important } .jstree-default.jstree-checkbox-no-clicked .jstree-clicked { background: transparent; box-shadow: none } .jstree-default.jstree-checkbox-no-clicked .jstree-clicked.jstree-hovered { background: #FA988D } .jstree-default.jstree-checkbox-no-clicked>.jstree-wholerow-ul .jstree-wholerow-clicked { background: transparent } .jstree-default.jstree-checkbox-no-clicked>.jstree-wholerow-ul .jstree-wholerow-clicked.jstree-wholerow-hovered { background: #FA988D } .jstree-default>.jstree-striped { min-width: 100%; display: inline-block } .jstree-default>.jstree-wholerow-ul .jstree-hovered, .jstree-default>.jstree-wholerow-ul .jstree-clicked { background: transparent; box-shadow: none; border-radius: 0 } .jstree-default .jstree-wholerow { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box } .jstree-default .jstree-wholerow-hovered { background: #FA988D } .jstree-default .jstree-wholerow-clicked { background: #FA988D; background: -webkit-linear-gradient(top, #FA988D 0%, #FA988D 100%); background: linear-gradient(to bottom, #FA988D 0%, #FA988D 100%) } .jstree-default .jstree-node { min-height: 24px; line-height: 24px; margin-left: 24px; min-width: 24px } .jstree-default .jstree-anchor { line-height: 24px; height: 24px } .jstree-default .jstree-icon { width: 24px; height: 24px; line-height: 24px } .jstree-default .jstree-icon:empty { width: 24px; height: 24px; line-height: 24px } .jstree-default.jstree-rtl .jstree-node { margin-right: 24px } .jstree-default .jstree-wholerow { height: 24px } .jstree-default .jstree-node { background-position: -292px -4px; background-repeat: repeat-y } .jstree-default .jstree-last { background: transparent } .jstree-default .jstree-checkbox-disabled { opacity: 0.8 } .jstree-default>.jstree-container-ul .jstree-loading>.jstree-ocl { background: url("../../../../../themes/SuiteP/images/loading.gif") center center no-repeat } .jstree-default>.jstree-container-ul>.jstree-node { margin-left: 0; margin-right: 0 } #jstree-dnd.jstree-default { line-height: 24px; padding: 0 4px } #jstree-dnd.jstree-default i { background: transparent; width: 24px; height: 24px; line-height: 24px } .jstree-default .jstree-ellipsis { overflow: hidden } .jstree-default .jstree-ellipsis .jstree-anchor { width: calc(100% - 29px); text-overflow: ellipsis; overflow: hidden } .jstree-default .jstree-ellipsis.jstree-no-icons .jstree-anchor { width: calc(100% - 5px) } .jstree-default.jstree-rtl .jstree-last { background: transparent } .jstree-default-small .jstree-node { min-height: 18px; line-height: 18px; margin-left: 18px; min-width: 18px } .jstree-default-small .jstree-anchor { line-height: 18px; height: 18px } .jstree-default-small .jstree-icon { width: 18px; height: 18px; line-height: 18px } .jstree-default-small .jstree-icon:empty { width: 18px; height: 18px; line-height: 18px } .jstree-default-small.jstree-rtl .jstree-node { margin-right: 18px } .jstree-default-small .jstree-wholerow { height: 18px } .jstree-default-small .jstree-checkbox-disabled { opacity: 0.8 } .jstree-default-small .jstree-themeicon-custom { background-color: transparent; background-image: none; background-position: 0 0 } .jstree-default-small>.jstree-container-ul .jstree-loading>.jstree-ocl { background: url("../../../../../themes/SuiteP/imges/loading.gif") center center no-repeat } .jstree-default-small>.jstree-container-ul>.jstree-node { margin-left: 0; margin-right: 0 } #jstree-dnd.jstree-default-small { line-height: 18px; padding: 0 4px } #jstree-dnd.jstree-default-small i { background: transparent; width: 18px; height: 18px; line-height: 18px } #jstree-dnd.jstree-default-small .jstree-ok { background-position: -7px -71px } #jstree-dnd.jstree-default-small .jstree-er { background-position: -39px -71px } .jstree-default-small .jstree-ellipsis { overflow: hidden } .jstree-default-small .jstree-ellipsis .jstree-anchor { width: calc(100% - 23px); text-overflow: ellipsis; overflow: hidden } .jstree-default-small .jstree-ellipsis.jstree-no-icons .jstree-anchor { width: calc(100% - 5px) } .jstree-default-small.jstree-rtl .jstree-last { background: transparent } .jstree-default-large .jstree-node { min-height: 32px; line-height: 32px; margin-left: 32px; min-width: 32px } .jstree-default-large .jstree-anchor { line-height: 32px; height: 32px } .jstree-default-large .jstree-icon { width: 32px; height: 32px; line-height: 32px } .jstree-default-large .jstree-icon:empty { width: 32px; height: 32px; line-height: 32px } .jstree-default-large.jstree-rtl .jstree-node { margin-right: 32px } .jstree-default-large .jstree-wholerow { height: 32px } .jstree-default-large>.jstree-container-ul>.jstree-node { margin-left: 0; margin-right: 0 } #jstree-dnd.jstree-default-large { line-height: 32px; padding: 0 4px } #jstree-dnd.jstree-default-large i { background: transparent; width: 32px; height: 32px; line-height: 32px } #jstree-dnd.jstree-default-large .jstree-ok { background-position: 0px -64px } #jstree-dnd.jstree-default-large .jstree-er { background-position: -32px -64px } .jstree-default-large .jstree-ellipsis { overflow: hidden } .jstree-default-large .jstree-ellipsis .jstree-anchor { width: calc(100% - 37px); text-overflow: ellipsis; overflow: hidden } .jstree-default-large .jstree-ellipsis.jstree-no-icons .jstree-anchor { width: calc(100% - 5px) } #SearchSettings .modules-container { max-height: 300px; overflow-x: auto; column-count: 3; margin-top: 10px } #search-time { margin-top: 20px } .td-container { padding: 10px } .settings-buttons { margin-top: 10px } .search-module-selector { position: relative } .search-module-selector .yui-dt-hd, .search-module-selector .yui-dt-bd { width: 50% !important; min-width: 300px !important } .search-module-selector .yui-dt-hd table, .search-module-selector .yui-dt-bd table { width: 100% !important } .search-module-selector .yui-dt-hd *, .search-module-selector .yui-dt-hd { background-color: transparent !important; text-align: center; font-size: 16px } .search-module-selector .yui-dt-bd { overflow-x: auto; overflow-y: scroll } .search-module-selector .edit tr td table tr td { padding: 10px; margin-right: 0 } .search-module-selector .view tr { padding: 0 } .search-module-selector .yui-dt0-col-label .yui-dt-liner { overflow: auto } #GlobalSearchSettings { background-color: transparent } #GlobalSearchSettings * { border: none } .sidebar ul { list-style: none; padding: 0; margin: 0; } .sidebar ul li a { display: block; padding: 12px 20px; margin: 5px 0px; color: #FFFFFFCC; text-decoration: none; font-size: 14px; font-weight: 400; line-height: 24px; letter-spacing: -0.31px; } .sidebar ul li a:hover, .sidebar ul li.active>a { background: #FFFFFF33; color: var(--black); border-radius: 23px; } .sidebar ul ul { display: none; } .sidebar ul ul li a { padding-left: 40px; font-size: 13px; } .mr-5 { margin-right: 5px; } .ml-5 { margin-left: 5px; } .text-white { color: #fff; } .logo-stl { font-size: 16px; font-weight: 400; padding: 10px 0; margin: 6px 0px 10px 21px; } .caret.pull-right { display: inline-block; width: 8px; height: 8px; border: 0; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(316deg); margin-left: 6px; opacity: .9; transition: opacity .15s ease; } .caret.pull-right:hover { opacity: 1; } a[aria-expanded="true"]>.caret.pull-right { transform: rotate(46deg); } a.dropdown-toggle[aria-expanded="true"] .suitepicon-action-caret, .dropdown.open .suitepicon-action-caret { display: inline-block; transform: rotate(180deg); transition: transform .2s ease; } .pb-actionbar, #table_actions_upsheets .buttons { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; } .pb-actionbar input.button, .pb-actionbar a, #table_actions_upsheets .buttons input.button, #table_actions_upsheets .buttons a { -webkit-appearance: none; appearance: none; border-radius: 5px; border: 1px solid #e5e7eb; background-color: #ffffff; color: var(--black); padding: 7px 14px; line-height: 1.25; font-weight: 600; box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05); transition: background-color .15s ease, border-color .15s ease, color .15s ease, box-shadow .15s ease, transform .02s ease; text-decoration: none !important; cursor: pointer; } .pb-actionbar input.button:hover, .pb-actionbar a:hover, #table_actions_upsheets .buttons input.button:hover, #table_actions_upsheets .buttons a:hover { background-color: #f9fafb; border-color: #d1d5db; box-shadow: 0 2px 4px rgba(16, 24, 40, 0.08); } .pb-actionbar input.button:active, .pb-actionbar a:active, #table_actions_upsheets .buttons input.button:active, #table_actions_upsheets .buttons a:active { transform: translateY(1px); } .pb-actionbar .primary, #table_actions_upsheets .buttons .primary { background-color: #1a73e8; border-color: #1a73e8; color: #fff; } .pb-actionbar .primary:hover, #table_actions_upsheets .buttons .primary:hover { background-color: #1669d2; border-color: #1669d2; color: #fff; } .pb-actionbar #delete_button, #table_actions_upsheets .buttons #delete_button { color: #d93025; background-color: #fff; border-color: #f1b5b1; } .pb-actionbar #delete_button:hover, #table_actions_upsheets .buttons #delete_button:hover { background-color: #fef2f2; border-color: #ef9a95; } .pb-actionbar #duplicate_button, .pb-actionbar #merge_duplicate_button, .pb-actionbar #btn_view_change_log, #table_actions_upsheets .buttons #duplicate_button, #table_actions_upsheets .buttons #merge_duplicate_button { color: #374151; } #table_actions_upsheets .buttons #btn_view_change_log { color: #fff; background-color: var(--primary); } .pb-actionbar input.button, .pb-actionbar a, #table_actions_upsheets .buttons input.button, #table_actions_upsheets .buttons a { background-repeat: no-repeat; background-position: 12px center; padding-left: 34px; } .pb-actionbar #edit_button, #table_actions_upsheets .buttons #edit_button { background-color: var(--blue); color: #fff; } .pb-actionbar #edit_button:not(.primary), #table_actions_upsheets .buttons #edit_button:not(.primary):not(.btn-primary) { background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 20 20' fill='none' stroke='%23374151' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M12.3 4.3l3.4 3.4M3 14.5l2.8-.6L14.9 4.8a1.5 1.5 0 0 0-2.1-2.1L3.7 11.8l-.7 2.7z'/></svg>"); } .pb-actionbar #edit_button.primary, #table_actions_upsheets .buttons #edit_button.primary { background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 20 20' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M12.3 4.3l3.4 3.4M3 14.5l2.8-.6L14.9 4.8a1.5 1.5 0 0 0-2.1-2.1L3.7 11.8l-.7 2.7z'/></svg>"); } #table_actions_upsheets .buttons #edit_button.primary, #table_actions_upsheets .buttons #edit_button.btn-primary, .pb-actionbar #delete_button, #table_actions_upsheets .buttons #delete_button.btn-danger, .pb-actionbar #duplicate_button, #table_actions_upsheets .buttons #duplicate_button.btn-outline-light, .pb-actionbar #merge_duplicate_button, #table_actions_upsheets .buttons #merge_duplicate_button.btn-outline-light, #table_actions_upsheets .buttons #btn_view_change_log.btn-outline-light { background-image: none !important; } .pb-actionbar #delete_button, #table_actions_upsheets .buttons #delete_button { background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23d93025' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='3 6 5 6 21 6'/><path d='M19 6l-1 14a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2L5 6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2'/><line x1='10' y1='11' x2='10' y2='17'/><line x1='14' y1='11' x2='14' y2='17'/></svg>"); } .pb-actionbar #duplicate_button, #table_actions_upsheets .buttons #duplicate_button { background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23374151' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect x='9' y='9' width='13' height='13' rx='2' ry='2'/><path d='M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1'/></svg>"); } .pb-actionbar #merge_duplicate_button, #table_actions_upsheets .buttons #merge_duplicate_button { background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23374151' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='11' cy='11' r='7'/><line x1='21' y1='21' x2='16.65' y2='16.65'/></svg>"); } .pb-actionbar #btn_view_change_log { background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23374151' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='9'/><polyline points='12 7 12 12 15 15'/></svg>"); } #table_actions_upsheets .buttons #btn_view_change_log { background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='9'/><polyline points='12 7 12 12 15 15'/></svg>"); } #table_actions_upsheets .pb-actionbar { margin: 0; } #show_gmtv_lead { background-color: var(--primary) !important; color: #fff !important; } .mt-10 { margin-top: 10px !important; } .card { border: 1px solid #e5e6eb; padding: 20px 25px; border-radius: 15px; height: 100%; background-color: var(--card-background); box-shadow: 0px 1px 3px 1px #0000001A; } .card-header { padding: 0.75rem 1.25rem; margin-bottom: 0; background-color: rgba(0, 0, 0, 0.03); border-bottom: 1px solid rgba(0, 0, 0, 0.125); font-weight: 600; padding-top: 10px; padding-bottom: 10px; background-color: #E4EBFE; } .card-body { flex: 1 1 auto; padding: 1.25rem; } .card-footer { padding: 0.75rem 1.25rem; background-color: rgba(0, 0, 0, 0.03); border-top: 1px solid rgba(0, 0, 0, 0.125); } .card-title { margin-bottom: 0.75rem; font-size: 1.25rem; font-weight: 500; } .card-text { margin-bottom: 1rem; } .justify-content-center { justify-content: center !important; } .justify-content-end { justify-content: end !important; } .d-flex { display: flex !important; } #leadsFilters .col-sm-2 { width: 20% !important; } .justify-content-between { justify-content: space-between !important; } #statusFilter select::selection { background: yellow !important; color: var(--black) !important } .mb-20 { margin-bottom: 20px !important; } .mb-10 { margin-bottom: 10px !important; } .submitButtonsAdvanced .btn-secondary { font-size: 13px; font-weight: 500; background: #ffffff; color: var(--black); cursor: pointer; padding: 0 20px 0 20px; margin: 0 0 0 0; border: 1px solid #e5e7eb; border-radius: 9px; letter-spacing: 1px; line-height: 32px; text-transform: capitalize; } #search_form_clear { font-size: 13px; font-weight: 500; background: #ffffff; color: var(--black); cursor: pointer; padding: 5px 20px 5px 20px; margin: 0 0 0 0; border: 1px solid #e5e7eb; border-radius: 9px; letter-spacing: 1px; line-height: 32px; text-transform: capitalize; } .submitButtonsAdvanced .btn-secondary:hover { background-color: var(--black); color: #fff; } .form-item .btn-danger { background-color: #fff; color: var(--black); border: 1px solid #e5e7eb; } #saved-search-container .button { background-color: white; color: var(--black); border: 1px solid #e5e7eb; } .form-item .firstChild, .form-item .lastChild { background: #cbced4 } #Leadsadvanced_searchSearchForm #saved_search_select { width: 100% !important; display: block; padding: 8px; } #leadsFilters #saved_search_select { width: 100% !important; } #subpanel_list .noBullet { padding: 10px 20px 30px 20px; background-color: #fff; border-radius: 10px; margin-bottom: 30px; } .btn-secondary { font-size: 13px; font-weight: 500; background: #ffffff; color: var(--black); cursor: pointer; padding: 0 20px 0 20px; margin: 0 0 0 0; border: 1px solid #e5e7eb; border-radius: 9px; letter-spacing: 1px; line-height: 32px; text-transform: capitalize; } .btn-secondary:hover { background-color: var(--black); color: #fff; } #emailFooterButtons { margin-top: 10px; } #emailFooterButtons .btn-success { background: var(--success); border: none; border-radius: 5px; padding: 4px 26px; white-space: nowrap; font-size: 15px; line-height: 26px; } .select1 { width: -webkit-fill-available; background: var(--input-background); height: 32px; border-radius: 5px; } [id^="composeHeaderTable"] { padding: 2px 24px; } [id^="composeHeaderTable"] label { font-weight: 500; } [id^="composeHeaderTable"] .button { background-color: transparent; } select.ac_input { background-color: var(--input-background); width: 100%; height: 27px } [id^="composeHeaderTable"] input[type="text"] { width: 100%; font-weight: 300; } [id^="cc_span"] a, [id^="bcc_span"] a { color: var(--blue); } [id^="move_to_bcc_span"] a { font-weight: 300; } #send_later_datetime_c_date { width: 95%; } #send_later_datetime_c_meridiem { width: 63%; } #schedulerDiv { background-color: var(--input-background); } #schedulerDiv select, #schedulerDiv input { background-color: #e7e5e5cf; height: 27px; } .p-5 { padding: 5px; } .p-10 { padding: 10px; } #scheduleSendButton { font-size: 13px; font-weight: 500; background: #f54900; color: #fff; cursor: pointer; padding: 0 20px 0 20px; margin: 0 0 0 0; border: none; border-radius: 9px; letter-spacing: 1px; line-height: 32px; } #Leadsadvanced_searchSearchForm select { background-color: white; } .ml-25 { margin-left: 25px; } .w-auto { width: auto !important; } .mt-7 { margin-top: 7px; } #convert_lead_button, #accutrade_button, #Manheim_button, #relatedupsheets_007 { padding-left: 13px !important; } .listCheckBox { opacity: 1 !important; margin-left: 10px !important; } #yui-gen40 { font-weight: 400; } .yui-dt-last th { padding: 5px 0px; } #addrSearchGrid .yui-dt-hd { border-radius: 6px; } #addrSearchGrid .yui-dt-bd { border-radius: 0px 0px 7px 7px; overflow-x: hidden; } #addrSearchGrid { margin-left: 15px; } #yui-dt7-th-bean_module-liner { width: 48px; } #addrSearchGrid tbody td { padding: 10px 0px; } #addrSearchGrid .yui-dt-col-bean_module { padding-right: 23px; } #addrSearchResultGrid { margin-right: 14px; } #yui-gen33 { margin-left: 5px; } #selectedAddresses textarea { background-color: #fff; width: 100%; padding: 5px; border: 1px solid #ccc; font-size: 12px; font-weight: 500; border-radius: 10px; } #selectedAddresses label { font-weight: 400; display: block; margin-bottom: 5px; } #selectedAddresses { background-color: var(--input-background); padding: 20px; position: absolute; bottom: 98px; height: 441px; right: 13px; border-radius: 5px; } .w-100 { width: 100%; } #signatureDiv .button { background-color: #fff; border: 1px solid #e5e7eb; color: var(--black) } #settingsDialog .yui-content { height: 465px; } #settingsTabDiv #addButton, #settingsTabDiv #outbound_email_add_button { background-color: #fff; color: var(--black); border: 1px solid #e5e7eb; text-transform: none; } #inboundAccountsTable thead tr { background-color: var(--input-background); } #inboundAccountsTable th { padding: 5px 20px; } #inboundAccountsTable th span { font-weight: 600; } #outboundAccountsTable thead tr { background-color: var(--input-background); } #outboundAccountsTable th { padding: 5px 21px; } #outboundAccountsTable th span { font-weight: 600; } #outboundAccountsTable tbody td { border-right: none; } #lefttabs { background-color: var(--input-background); } #lefttabs .yui-content { background-color: var(--input-background); } #listViewDiv .yui-dt td { border: none; } #emailGrid .yui-dt-hd, #emailGrid .yui-dt-bd { width: auto !important; } #listViewDiv .yui-layout-bd-noft { width: auto !important; } #listViewDiv .yui-resize { top: 300px !important; } #emailGrid .yui-dt-sortable { text-transform: uppercase; font-weight: 600; } #emailtree span[data-label="Email"] { background-image: url("/themes/SuiteCustom/images/email-icon.png"); background-repeat: no-repeat; background-position: left center; padding-left: 32px; } #emailtree span[data-label="Drafts"] { background-image: url("/themes/SuiteCustom/images/draft-icon.png"); background-repeat: no-repeat; background-position: left center; padding-left: 32px; } #emailtree span[data-label="Sent Email"] { background-image: url("/themes/SuiteCustom/images/sent-icon.png"); background-repeat: no-repeat; background-position: left center; padding-left: 32px; } #emailtree span[data-label="Archived Emails"] { background-image: url("/themes/SuiteCustom/images/archived-icon.png"); background-repeat: no-repeat; background-position: left center; padding-left: 32px; } .mb-15 { margin-bottom: 15px; } #lefttabs .yui-nav { display: none; } .ygtvtable.active { background-color: #fff; } #emailtree table { width: 100%; } .mb-0 { margin-bottom: 0px !important; } #emailGrid .yui-dt-label h2 { margin: 0px; } #listViewDiv .yui-layout-wrap { margin-left: 20px; } #emailGrid span.yui-dt-label { text-transform: uppercase; font-weight: 600; } #emailGrid .yui-dt-col-to_addrs .yui-dt-liner { width: auto; } #container .yui-layout-unit-left .yui-layout-wrap { border-right: 1px solid #e5e7eb; width: 210px !important; } #composeEmailContent { height: 100%; width: 100%; overflow-y: auto; overflow-x: hidden; } [id^="htmleditordiv"] .yui-layout-hd { display: none; } #composeRightTabs0 .yui-nav a em { background: var(--input-background); cursor: pointer; padding: 8px 26px; left: 0; right: 0; bottom: 0; top: -1px; position: relative; } #composeRightTabs0 .yui-nav a { border: 0px solid #e5e7eb; border-radius: 0px; } #composeRightTabs0 .yui-navset .yui-nav li a em { padding: 8px 27px; } .composeRightTabs .yui-nav li.selected a em { background-color: #fff !important; } .composeRightTabs .yui-content { background-color: var(--input-background); } .composeRightTabs { background-color: #F9FAFB; ; } .ft .button-group button:first-child { background-color: #fff; color: var(--black); border: 1px solid #e5e7eb; padding: 8px 16px; border-radius: 8px; } .ft .button-group button:last-child { background-color: var(--blue); color: #fff; padding: 8px 16px; border-radius: 8px; } .ft .button-group>span:first-child button { background-color: #fff; color: var(--black); border: 1px solid #e5e7eb; padding: 8px 16px; border-radius: 8px; } .ft .button-group>span:last-child button { background-color: var(--blue); color: #fff; padding: 8px 16px; border-radius: 8px; } li#globalLinks { border-left: 1px solid #e5e7eb } a#buttontoggle { display: inline; } a#button-toggle-collapsed:hover { background: none; } input#delete_button:not(.btn-danger) { padding-top: 0px; padding-bottom: 0px; border-radius: 3px; } .suitepicon-action-alerts::before { content: url("/index.php?entryPoint=getImage&themeName=SuiteCustom&themeName=SuiteCustom&imageName=bell_icon.png"); display: inline-block; width: 24px; height: 24px; } #desktop_notifications .suitepicon-action-alerts { margin-bottom: 12px; } .button-toggle-expanded { position: fixed; top: 20px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; width: 30px; height: 30px; z-index: 1032; cursor: pointer; right: 0px; left: 198px; } .button-toggle-expanded span { background-image: url("/index.php?entryPoint=getImage&themeName=SuiteCustom&themeName=SuiteCustom&imageName=expand_collapse_icon.png"); background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; width: 20px; height: 20px; display: inline-block; } .button-toggle-collapsed { position: fixed; top: 15px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; width: 30px; height: 26px; z-index: 1032; cursor: pointer; right: 0px; left: 27px; } .button-toggle-collapsed span { background-image: url("/index.php?entryPoint=getImage&themeName=SuiteCustom&themeName=SuiteCustom&imageName=expand_collapse_icon.png"); background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; width: 20px; height: 20px; display: inline-block; transform: rotate(180deg); } .d-none { display: none !important; } .composeRightTabs select { background: #ececec; } #desktop_notifications .suitepicon-action-alerts { display: inline-flex; align-content: center; justify-content: center; margin-bottom: 0 !important; } .suitepicon-action-alerts::before { content: ""; display: block; width: 24px; height: 24px; margin: auto; background-image: url("/index.php?entryPoint=getImage&themeName=SuiteCustom&themeName=SuiteCustom&themeName=SuiteCustom&imageName=bell_icon.png"); background-repeat: no-repeat; background-position: center; } .with-label { margin-top: 8px; } .quickcreate .buttons .button { border: 1px solid #e5e7eb; padding: 0px 17px; font-size: 13px; font-weight: 500; line-height: 32px; text-transform: capitalize; border-radius: 9px; cursor: pointer; background-color: #fff; color: var(--black); margin-right: 10px; } .quickcreate .buttons .button:hover { background-color: var(--black); color: #fff; } .table-container { border: 1px solid #e5e7eb; border-radius: 8px; overflow: hidden; background-color: #fff; } .table-container .table { border-collapse: separate; width: 100%; margin-bottom: 0; } .table-striped>tbody>tr:nth-of-type(even) td { background-color: #e5e7eb; } .table-striped>tbody>tr:hover td { background-color: #d0d0d0; } .table-container .table td, .table-container .table th { border-bottom: 1px solid #ccc; } .table-container .table tbody tr:last-child td { border-bottom: none; } .table-container .table tbody td { padding: 15px !important; } td.tdHeader { background-color: #e5e7eb; font-size: 14px; font-weight: bold; padding: 11px; } .header-icons { margin-left: auto; } .header-icons i { margin-left: 10px; cursor: pointer; } .header-cell { display: flex; align-items: center; justify-content: space-between; padding-top: 10px; padding-bottom: 10px; } .dashlet-title>h3 { font-size: 16px; font-weight: 100; margin: 0; } .dashlet-title { padding-top: 10px; padding-bottom: 10px; } .dashlet { border-radius: 8px; overflow: hidden; border: none !important; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); width: 100% !important; box-sizing: border-box !important; display: flex !important; flex-direction: column !important; } .dashlet-header { background: #f7f7f7 !important; padding: 10px !important; display: flex !important; align-items: center !important; justify-content: space-between !important; flex-wrap: nowrap !important; cursor: move !important; border-radius: 8px 8px 0 0 !important; } .dashlet-title { display: flex !important; align-items: center !important; flex-shrink: 1 !important; min-width: 0 !important; } .dashlet-title h3 { margin: 0 0 0 5px !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } .dashlet-controls { display: flex !important; align-items: center !important; flex-shrink: 0 !important; margin-left: auto !important; } .dashlet-controls a { margin-left: 10px; cursor: pointer; } .dashlet-controls i { font-size: 16px; } .dashlet table { margin: 0; border-collapse: separate; border-spacing: 0; width: 100% !important; box-sizing: border-box !important; border: 1px solid #ddd !important; border-radius: 0 0 8px 8px !important; } .dashlet table th { background: #f0f0f0; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 11px !important; } .dashlet table th:last-child { border-right: none; } .dashlet table td { border-right: 1px solid #eee; border-bottom: 1px solid #eee; padding: 14px !important; } .dashlet table td:last-child { border-right: none; } .dashlet table tbody tr:last-child td { border-bottom: none; } tr>.dashlet-row { cursor: pointer !important; transition: background-color 0.2s ease !important; padding: 10px !important; } .dg-panel input.form-control, .dg-panel input[type="text"], .dg-panel input[type="search"], .dg-panel input[type="number"], .dg-panel input[type="email"], .dg-panel textarea.form-control, .dg-panel textarea, .dg-panel select { background-color: #ffffff !important; color: #222 !important; border-color: #d0d0d0 !important; } .dg-panel .form-control[disabled], .dg-panel .form-control[readonly], .dg-panel input[disabled], .dg-panel input[readonly], .dg-panel select[disabled], .dg-panel select[readonly] { background-color: #f7f7f7 !important; color: #888 !important; } .dg-panel input.form-control, .dg-panel select, .dg-panel textarea { border: 1px solid #d0d0d0 !important; box-shadow: none !important; } .dg-panel input.form-control:hover, .dg-panel select:hover, .dg-panel textarea:hover, .dg-panel input.form-control:focus, .dg-panel select:focus, .dg-panel textarea:focus { border-color: #c7ccd1 !important; outline: none !important; box-shadow: 0 0 0 3px rgba(11, 99, 255, 0.06) !important; } hr.dg-divider { margin-top: 8px; } .bs5-checkbox label { position: relative; padding-left: 28px; cursor: pointer; font-weight: 400; display: inline-block; user-select: none; } .bs5-checkbox input[type="checkbox"] { position: absolute; opacity: 0; cursor: pointer; } .bs5-checkbox .checkmark { position: absolute; left: 0; top: 0; height: 18px; width: 18px; background-color: #fff; border: 1px solid #ced4da; border-radius: 4px; transition: all 0.15s ease-in-out; } .bs5-checkbox input:checked+.checkmark::after { content: ""; position: absolute; left: 5px; top: 2px; width: 5px; height: 10px; border: solid #0d6efd; border-width: 0 2px 2px 0; transform: rotate(45deg); } .bs5-checkbox input:focus+.checkmark { box-shadow: 0 0 0 0.2rem rgb } body .gmtv__sidebar { padding: 20px 16px; width: 240px !important; transition: 0.3s all ease-in-out; } body.sidebar-active .gmtv__sidebar { width: 240px !important; transition: 0.3s all ease-in-out; } .gmtv__sidebar .logo-stl { display: flex; align-items: center; justify-self: space-between; margin: 0 0 16px 0; padding: 0; } .gmtv__sidebar .logo-stl>div { display: flex; align-items: center; gap: 10px; } .gmtv__sidebar ul li a { padding: 9px 16px; display: flex; align-items: center; gap: 12px; } .gmtv__sidebar ul li a img { margin-right: 0; } .gmtv__sidebar ul li a:hover, .gmtv__sidebar ul li.active>a { color: #FFFFFFCC; } .gmtv__sidebar ul li a:hover img, .gmtv__sidebar ul li.active>a img { } .navbar-form .input-group { margin: 0; } .gmtv__sidebar .navbar-form .input-group>.form-control { border-top: 1px solid #FFFFFF33; background: #FFFFFF1A; font-family: "Inter", sans-serif; font-weight: 400; font-size: 14px; line-height: 100%; letter-spacing: -0.15px; } .gmtv__sidebar .caret.pull-right { margin: 0 0 0 auto; } .gmtv__sidebar .sidebarToggle { margin: 0 0 0 auto; transform: rotate(0deg); transition: 0.3s all ease-in-out; cursor: pointer; } body .gmtv__sidebar:not(.active) { width: 64px !important; padding-left: 8px; padding-right: 8px; } .gmtv__sidebar:not(.active) .logo-stl>div:not(.sidebarToggle) { display: none; } .gmtv__sidebar:not(.active) ul li a img { margin: 0 auto !important; } .gmtv__sidebar:not(.active) .sidebarToggle { margin: 0 auto; transform: rotate(180deg); } .gmtv__sidebar:not(.active) .searchform .input-group input { border: none; background: transparent; opacity: 1; } .gmtv__sidebar:not(.active) ul li a { border-radius: 15px; padding: 12px 14px; } .gmtv__sidebar:not(.active) ul li a:hover { background-color: #FFFFFF33; color: #FFFFFFCC; } .gmtv__sidebar:not(.active) ul li a:hover img, .gmtv__sidebar:not(.active) ul li.active>a img { filter: initial; } .gmtv__sidebar:not(.active) ul li.active>a { background-color: rgba(255, 255, 255, 0.1); color: #fff; } .gmtv__sidebar:not(.active) ul li a span { display: none; } .gmtv__sidebar:not(.active) ul li a[data-target="#sidebar_group_3"] { display: none; } .gmtv__sidebar .nav li a:focus { background: #fff; color: var(--black); border-radius: 23px; } .gmtv__sidebar:not(.active) .recent__dropdown { display: none; } body .gmtv__sidebar:not(.active) { overflow: visible; } .gmtv__sidebar:not(.active) .sidebar-flyout { display: none; position: absolute; left: 100%; top: 0; } .gmtv__sidebar:not(.active) .sidebar-flyout__content { margin-left: 16px; min-width: 215px; background: #3A5A9A; border-radius: 15px; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25); padding: 0; z-index: 1040; border: none; list-style: none; position: relative; } .gmtv__sidebar:not(.active) .sidebar__item--has-flyout { position: relative; } .gmtv__sidebar:not(.active) .sidebar__item--has-flyout:hover .sidebar-flyout { display: block; } .gmtv__sidebar:not(.active) .sidebar-flyout__content::before { content: ""; position: absolute; left: -6px; top: 19px; border-width: 6px 6px 6px 0; border-style: solid; border-color: transparent #3A5A9A transparent transparent; } html body .sidebar .sidebar-flyout__title { font-size: 11px; font-weight: 700; letter-spacing: 0.05em; color: #fff; padding: 15px 20px; border-bottom: 1px solid rgba(255, 255, 255, 0.12); margin-bottom: 0; text-transform: uppercase; } html body .sidebar .sidebar-flyout__list { list-style: none !important; margin: 0 !important; padding: 4px 6px !important; display: block !important; } html body .sidebar .sidebar-flyout__list li { margin: 0; } html body .sidebar .sidebar-flyout__list li a { display: block; padding: 8px 15px; color: #fff; font-size: 14px; font-weight: 500; text-decoration: none; border-radius: 10px; background: transparent; white-space: nowrap; margin: 0; } html body .sidebar .sidebar-flyout__list li a:hover { background: rgba(255, 255, 255, 0.12); color: #fff; } .gmtv__sidebar.active .sidebar-flyout { display: none !important; } .gmtv__sidebar:not(.active) .sidebar__item--has-flyout .nav.collapse { display: none !important; } body .navbar { margin-left: 60px !important; transition: 0.3s all ease-in-out; } body.sidebar-active .navbar { padding-left: 200px !important; transition: 0.3s all ease-in-out; } .navbar { padding: 0; } .navbar #theme-mode { margin: 0; padding-block: 4px; margin: 0; width: 25%; display: inline-block; vertical-align: middle; } .navbar #theme-mode li { display: inline-block; vertical-align: middle; } .navbar #theme-mode button { margin: 0; } body:not(.sidebar-active) .navbar #theme-mode { padding-left: 20px; } .feed-timestamp { margin-top: 3px; } .surgarFeedReply { margin-right: 15px; margin-left: 4px; } .table>tbody>tr>td, .table>thead>tr>th { padding: 16px 16px; } .table>tbody>tr>td, .table>thead>tr>th { padding: 16px 16px; } label .control-label { font-weight: 100 !important; font-size: 14px; color: #364153; } button.btn-default-outline { background-color: white !important; border-color: #e5e6eb; color: #364153; padding: 10px 20px; border-radius: 4px; } button.btn.btn-primary.post { background-color: #9590a6 !important; color: white !important; } .bidsTab .panel-heading { margin-bottom: 0; } .bidsTab .titleBar { background-color: #E4EBFE; display: flex; justify-content: space-between; align-items: center; padding: 13px 20px; height: 61px; font-size: 18px; color: #101828; } .bidsTab .panel-body { margin-top: 24px; } .bidsTab .bid-btn { padding: 8px 12px; border-radius: 8px; display: inline-flex; align-items: center; gap: 5px; font-size: 13px; font-weight: 500; font-family: inherit; line-height: 1; letter-spacing: -0.15px; border: 1px solid rgba(0, 0, 0, .1); background-color: #fff; color: #0A0A0A; transition: background-color 0.2s; } .bidsTab .bid-btn:hover { background-color: #f5f5f5; } .bidsTab .bid-btn-primary { background-color: #155DFC; border-color: #155DFC; color: #fff; } .bidsTab .bid-btn-primary:hover { background-color: #0056b3; } .bidsTab #leads_aos_quotes_1_create_button { display: none; } .bidsTab table.view { box-shadow: none; } .bidsTab tbody tr td.buttons { display: none; } .bidsTab .table-responsive.list>tbody>tr>td { padding: 0 10px; } .bidsTab .table-responsive.list>tbody>tr>td a:hover { text-decoration: underline; } .bidsTab .table-responsive.list>tbody>tr>td a {} .bidsTab { border-radius: 4px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); } .bidsTab #securitygroups_leads_select_button, .bidsTab #rolus_sms_log_leads_1_select_button, .bidsTab #gmtv_options_leads_create_button, .bidsTab #gmtv_options_leads_select_button, .bidsTab #documents_leads_1_create_button, .bidsTab #documents_leads_1_select_button, .bidsTab #gmtv_photos_leads_1_create_button, .bidsTab #gmtv_photos_leads_1_select_button, .bidsTab #gmtv_photos_leads_1__button, .bidsTab #delete-photos, .bidsTab #History_createnoteorattachment_button, .bidsTab #ArchiveEmail_button, .bidsTab #summary_button, .bidsTab #History__button, .bidsTab #Activities_createtask_button, .bidsTab #Activities_schedulemeeting_button, .bidsTab #Activities_logcall_button, .bidsTab #Activities_composeemail_button, .bidsTab a.button { display: none; } .bidsTab .SubPanel__chevron.SubPanel__chevron-rotated { transform: rotate(180deg); } .bidsTab #EditView_tabs { margin-top: 50px } .bidsTab .quickcreate { padding: 35px 25px; } .mb-40 { margin-bottom: 40px !important; } .btn-outline-danger { background-color: #FFFFFF; } .btn-outline-danger:hover { background-color: #E7000B; color: #fff; } .btn-danger { background-color: #E7000B; color: #FFFFFF; border: 1px solid #E7000B; } .btn-danger:hover { background-color: #E7000B; color: #FFFFFF; border: 1px solid #E7000B; } .action__bar .btn-outline-danger:hover img { filter: brightness(0) invert(1); } .right__side { display: flex; gap: 10px; } #vehicle-information-header { margin-top: -27px; } #sidebarToggle:hover { background-color: #617BAE; border-radius: 10px; padding: 7px; } .desktop-bar>.toolbar { display: flex; align-items: center; justify-content: flex-end; } .navbar .searchform.navbar-form { padding: 0; margin-top: 0; margin-bottom: 0; position: relative; } .navbar .searchform #search-icon { position: absolute; bottom: 0px; z-index: 3; left: 10px; right: auto; top: 50%; transform: translateY(-50%); } .globalLinks-desktop .user-menu-button { display: flex; align-items: center; padding: 5px; border: none !important; } .desktop_notifications .alertsButton { border: none !important; } .globalLinks-desktop .suitepicon-action-caret { line-height: 1; } .globalLinks-desktop .suitepicon-action-current-user { top: 0; } body .navbar .globallabel-user { display: block !important; } body .navbar .searchform { display: block !important; } .navbar-form .input-group>.form-control { margin-top: 0; } .list_view_table { background-color: #ffffff; border-radius: 10px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); overflow: hidden; font-family: "Inter", sans-serif; margin-bottom: 20px; } .list_view_table_container { max-height: 577px; overflow-y: auto; overflow-x: auto; } .list_view_table table { width: 100%; border-collapse: collapse; } .list_view_table thead { background-color: #f8f9fa; } .list_view_table th { padding: 12px 16px; text-align: left; font-size: 12px; font-weight: 700; color: #4A5565; text-transform: uppercase; letter-spacing: 0.5px; border-bottom: none; } .list_view_table td { padding: 14px 16px; border-bottom: 1px solid #e0e0e0; font-size: 14px; color: #4A5565; } .list_view_table tbody tr:hover { background-color: #f8f9fa; } .list_view_table .type-cell { display: flex; align-items: center; gap: 8px; } .list_view_table .type-icon { width: 20px; height: 20px; flex: 0 0 20px; display: flex; align-items: center; justify-content: center; border-radius: 3px; } .list_view_table .icon-call { color: #1976d2; } .list_view_table .icon-email { color: #7b1fa2; } .list_view_table .icon-text { color: #388e3c; } .list_view_table .icon-note { color: #616161; } .list_view_table .type-text { font-weight: 500; width: 80px; } .list_view_table .status { padding: 0; display: inline-block; } .list_view_table .status-completed, .list_view_table .status-sent, .list_view_table .status-delivered, .list_view_table .status-logged { color: #00A63E; } .list_view_table .status-received { color: #155DFC; } .list_view_table .subject { max-width: 600px; display: block; color: #101828; } .list_view_table .SubPanel__pagination { display: flex; justify-content: flex-end; align-items: center; padding: 0; background-color: transparent; gap: 12px; } .list_view_table .pagination-info { font-size: 12px; color: #6A7282; font-weight: 400; line-height: 1; margin-right: 8px; } .list_view_table .pagination-btn { width: 25px; height: 25px; border-radius: 4px; border: none; background-color: #ffffff; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: background-color 0.2s; margin: 0; } .list_view_table .pagination-btn:hover { background-color: #f5f5f5; } .list_view_table .pagination-btn.disabled { opacity: 0.4; cursor: not-allowed; background-color: transparent; } .list_view_table .arrow-icon { width: 24px; height: 24px; color: #4A5565; } .list_view_table .type-email { color: #a735fa; } .list_view_table .type-call { color: #2367fc; } .list_view_table .type-sms { color: #35b866; } .list_view_table .priority { font-weight: 400; font-size: 14px; line-height: 20px; letter-spacing: -0.15px; } .list_view_table .priority-High { color: #E7000B; } .list_view_table .priority-Medium { color: #D08700; } .list_view_table .priority-Low { color: #D08700; } .list_view_table .bid-status { font-weight: 500; font-style: Medium; font-size: 12px; line-height: 16px; letter-spacing: 0px; } .list_view_table .bid-status-approved { background-color: #DCFCE7; color: #008236; } .list_view_table .bid-status-rejected { background-color: #FEE2E2; color: #A65F00; } .list_view_table .bid-status-review { background-color: #FEF9C2; color: #A65F00; } .list_view_table #top-bid-amount { color: #00A63E; } .list_view_table .bid-amount { font-weight: 600; font-style: Semi Bold; font-size: 14px; line-height: 20px; letter-spacing: -0.15px; } .list_view_table .direction { font-weight: 500; font-style: Medium; font-size: 14px; line-height: 20px; letter-spacing: -0.15px; } .list_view_table .direction-incoming { color: #155DFC; } .list_view_table .direction-outgoing { color: #9810FA; } .list_view_table .message-status { font-weight: 400; font-style: Regular; font-size: 14px; line-height: 20px; letter-spacing: -0.15px; } .list_view_table .message-status-delivered { color: #00A63E; } .list_view_table .message-status-failed { color: #155DFC; } .list_view_table table td .bid-display { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 160px !important; display: inline-block; border: none; align-items: center; } .button:hover:not(#delete_button, .primary) { background-color: #E6E8EC !important; color: #364153 !important; } .button:focus:not(#delete_button, .primary) { background-color: #E6E8EC !important; color: #364153 !important; } .btn-outline-primary:hover { background-color: #155DFCCC !important; color: #ffffff !important; } .filters__form-row option { background-color: #FFF; } .filters__form-row option:hover { background: #E6E8EC; } .card-col-spacing { padding-left: 24px; } tr.clickable-row { cursor: pointer; } tr.clickable-row:hover { background-color: #fbf7d0 !important; } .link, .td__wrapper a, .subpanel-table a:not(.listViewThLinkS1, .listViewTdToolsS1) { color: #155DFC !important; } .link:hover, .td__wrapper a:hover, .subpanel-table a:hover:not(.listViewThLinkS1, .listViewTdToolsS1) { color: #155DFCB2 !important; text-decoration: underline !important; } .p-0 { padding: 0 !important; } .advanced__filters-modal .modal-content { border-radius: 10px; border-bottom: 1px solid rgba(0, 0, 0, .1); padding: 0; box-shadow: none; max-width: 1003px; overflow-y: hidden; } .advanced__filters-modal .modal-header .close { position: absolute; right: 15px; top: 8px; opacity: 1; width: 16px; height: 16px; display: flex; align-items: center; justify-content: center; border: none !important; margin: 0 !important; } .advanced__filters-modal .modal-header { display: flex; justify-content: space-between; align-items: flex-start; gap: 10px; padding: 25px; border-bottom: none; } .advanced__filters-modal .modal-header:before, .advanced__filters-modal .modal-header:after, .advanced__filters-modal .modal-footer:before, .advanced__filters-modal .modal-footer:after { content: none; } .advanced__filters-modal .modal-header h4 { font-size: 18px; font-weight: 600; letter-spacing: -0.44px; color: #101828; font-family: "Inter", sans-serif; margin: 0; padding: 0 !important; } .advanced__filters-modal .modal-header p { font-size: 14px; font-weight: 400; letter-spacing: -0.15px; color: #6A7282; font-family: "Inter", sans-serif; margin: 0; } .advanced__filters-modal .filters__reset-btn { padding: 0; border: none !important; cursor: pointer; color: #155DFC; font-size: 14px; font-weight: 400; letter-spacing: -0.15px; font-family: "Inter", sans-serif; margin: 0; background-color: transparent !important; text-align: right; } .advanced__filters-modal .modal-body { padding: 0; max-height: 700px; overflow: auto; } body .filters__modal-box { border: 1px solid #E5E7EB; padding: 20px; border-radius: 10px; } body .filters__modal-box+.filters__modal-box { margin-top: 24px; } .advanced__filters-modal .form-group { margin: 0 !important; } .advanced__filters-modal .form-group+.form-group { margin-top: 15px !important; } .advanced__filters-modal select, .advanced__filters-modal input:not([type="checkbox"]):not([type="radio"]) { width: 100% !important; } .checkbox label { margin-bottom: 0; color: #364153; font-weight: 400; } .controls__row { display: flex; gap: 12px; } .controls__row input, .controls__row select { width: 100%; } .filters__modal-box h5 { font-size: 16px; font-weight: 500; font-family: "Inter", sans-serif; color: #101828; letter-spacing: -0.31px; line-height: 1.4; margin: 0 0 15px 0 !important; padding: 0 !important; } body .switch_btn { display: flex; align-items: center; justify-content: space-between; cursor: pointer; } body .switch_btn input { position: absolute; opacity: 0; pointer-events: none; } body .switch_btn .slider { position: relative; width: 32px; height: 18px; background-color: #CBCED4; border-radius: 999px; margin-left: auto; flex-shrink: 0; transition: 0.25s ease; } body .switch_btn .slider::before { content: ""; position: absolute; top: 1px; left: 1px; width: 16px; height: 16px; background: #FFF; border-radius: 50%; transition: 0.25s ease; } body .switch_btn input:checked+.slider::before { transform: translateX(14px); } body .switch_btn input:checked+.slider { background-color: #155DFC; } body .save_filter { display: flex; align-items: center; justify-content: space-between; gap: 10px; } .advanced__filters-modal .modal-body>.row { margin-right: -12px; margin-left: -12px; } .advanced__filters-modal .modal-body>.row>[class*="col"] { padding-right: 12px; padding-left: 12px; } .advanced__filters-modal .modal-footer { background-color: #FFF; display: flex; justify-content: space-between; align-items: flex-start; gap: 10px; padding: 25px; border-top: 1px solid #E5E7EB; } body .save__filters-wrap { padding: 0 25px 25px; } body .save__filters-box { padding: 15px; background-color: #EFF6FF; border-radius: 10px; border: 1px solid #DBEAFE; } body .save__filters-box>label { margin-bottom: 10px; font-size: 15px; font-weight: 600; letter-spacing: -0.23px; font-family: "Inter", sans-serif; } body .save__filters-row { display: flex; align-items: center; gap: 12px; } body .save__filters-box span { font-size: 13px; font-weight: 500; color: #2563EB; font-family: "Inter", sans-serif; line-height: 1.4; display: block; margin-top: 6px; } body .filters_tabs { border-top: 1px solid #E5E7EB; display: flex; } body .filters_tabs .nav-tabs { background-color: #F9FAFB; padding: 14px 8px; width: 40%; border: none; } body .filters_tabs .nav-tabs { display: flex; flex-direction: column; } body .filters_tabs .nav-tabs li { border: none; padding: 0; border-radius: 0; width: 100%; } body .filters_tabs .nav-tabs li+li { margin-top: 2px; } body .filters_tabs .nav-tabs a { padding: 10px 16px; font-size: 14px; font-weight: 500; color: #364153; font-family: "Inter", sans-serif; text-decoration: none; transition: 0.35s all ease-in-out; border: none !important; border-radius: 8px; } body .filters_tabs .nav-tabs a:hover, body .filters_tabs .nav-tabs li.active a { background-color: #FFF; color: #155DFC !important; border: none !important; box-shadow: 0px 1px 3px 0px #0000001A !important; } body .filters_tabs .tab-content { padding: 25px; width: 70%; } body .filters_tabs .filters__modal-box { padding: 0 !important; border: none !important; } body .campaign_row_filter { display: flex; align-items: center; gap: 10px; } .campaign_row_filter .form-group { width: 100%; margin-bottom: 0; } body .btn_filter_light { padding: 6px; border-radius: 8px; background-color: #FFF; display: flex; align-items: center; justify-content: center; text-decoration: none; margin: 0 !important; border: none !important; } .advanced__filters-modal .btn { border: none !important; } .advanced__filters-modal .btn-default { border: none !important; background-color: transparent !important; color: #364153; } .advanced__filters-modal .yui-ac, #EditView_tabs .yui-ac, #EditView_tabs .date-range-container-wrapper, .advanced__filters-modal .date-range-container-wrapper, .advanced__filters-modal .date-range-container-wrapper>div, #EditView_tabs .date-range-container-wrapper>div { display: flex; flex-wrap: wrap; align-items: center; } #EditView_tabs .yui-ac { flex-wrap: nowrap !important; } .advanced__filters-modal .yui-ac label, #EditView_tabs .yui-ac label { width: 100%; } html body .content .advanced__filters-modal .yui-ac input, html body .content #EditView_tabs .yui-ac input { width: 60% !important; } .advanced__filters-modal .yui-ac button, #EditView_tabs .yui-ac button { margin: 0 7px !important; box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.1) !important; color: #4367B0 !important; background-color: #FFF !important; border: none !important; } .advanced__filters-modal .yui-ac button:nth-child(2), #EditView_tabs .yui-ac button:nth-child(2) { color: #E7000B !important; } .advanced__filters-modal #search_form span.id-ff.multiple, #EditView_tabs #search_form span.id-ff.multiple { top: 0; width: 26%; } .advanced__filters-modal .yui-ac .yui-ac-container, #EditView_tabs .yui-ac .yui-ac-container { order: 12; } #EditView_tabs .yui-ac .yui-ac-container { width: 100% !important; } .advanced__filters-modal .date-range-container-wrapper, .advanced__filters-modal .date-range-container-wrapper>div, #EditView_tabs .date-range-container-wrapper, #EditView_tabs .date-range-container-wrapper>div { gap: 10px; display: flex; align-items: center; flex-wrap: nowrap; } .advanced__filters-modal .date-range-container-wrapper .btn, #EditView_tabs .date-range-container-wrapper .btn { border: 1px solid #E5E7EB !important; padding: 12px !important; font-family: "Inter", sans-serif !important; font-weight: 400 !important; font-size: 14px !important; line-height: 1 !important; letter-spacing: -0.15px !important; height: auto !important; color: #0A0A0A !important; border-radius: 8px !important; background-color: #FFF !important; margin: 0 !important; } #EditView_tabs .yui-ac .multiple { display: flex !important; } .leads_editview { padding: 15px 25px; background-color: #fff; margin: 10px 0px; box-shadow: 5px 0 10px -5px rgba(0, 0, 0, 0.3), -5px 0 10px -5px rgba(0, 0, 0, 0.3); border-radius: 10px; } .leads_editview .right__side { margin-top: 12px; } .edit-view-row { padding: 17px; } html body #EditView_tabs input:not([type="checkbox"]):not([type="radio"]):not([type="button"]), html body #EditView_tabs select, html body #EditView_tabs textarea { background-color: #F3F3F5 !important; border-color: #F3F3F5 !important; box-sizing: border-box !important; width: 100% !important; } html body #EditView_tabs input:not([type="checkbox"]):not([type="radio"])+input:not([type="checkbox"]):not([type="radio"]), html body #EditView_tabs input:not([type="checkbox"]):not([type="radio"])+select, html body #EditView_tabs input:not([type="checkbox"]):not([type="radio"])+textarea, html body #EditView_tabs select+input:not([type="checkbox"]):not([type="radio"]) { margin-top: 15px; } #EditView_tabs .row { padding: 2px 10px; } #EditView_tabs .row [class^="col-"], #EditView_tabs .row [class*=" col-"] { padding: 0 12px; } .seller-info-edit .seller-info-col { padding-right: 24px; } .seller-info-edit .form-group { margin-bottom: 1rem; } .seller-info-edit .edit-view-label { display: block; color: #555; font-weight: normal; margin-bottom: 4px; } .seller-info-edit .form-control { display: block; width: 100%; padding: 8px 12px; background: #f5f5f5; border: 1px solid #ddd; border-radius: 4px; } .seller-info-edit .address-section-title { margin: 0 0 1rem 0; font-size: 1rem; color: #333; } .seller-info-edit .address-fieldset { border: none; padding: 0; margin: 0; } .card .deals-card { padding: 0px !important; } .card .card-body .row .deals-field { padding: 10px 0px } .card .card-body .row .deals-field .label { padding: 0px; } .card .card-body .row .deals-field .label, .card .card-body .row .deals-field .value { font-size: 16px; } .card .card-body .row .deals-field .value { font-weight: 400; margin-top: 10px; } .deals-field .value span.status-lable { color: #ffffff !important; padding: 4px !important; text-transform: capitalize; font-weight: 100; font-size: 12px !important; border-radius: 8px !important; } .card .card-body .row .deals-field { min-height: 72px !important; } .card .card-body .activities { padding: 0px !important; } .card-body.activities table tbody tr { border-top: 1px solid #e5e6eb; } .table>tbody>tr.activities-table>td { padding-top: 10px !important; padding-bottom: 10px !important; border-top: 1px solid #e5e6eb; } .table>thead>tr>th { background-color: #f9fafb !important; padding-top: 10px !important; padding-bottom: 10px !important; } .clickable-header { display: flex; align-items: center; gap: 0.5rem; cursor: pointer; } .clickable-header h4 { margin: 0; font-weight: 600; } .more-info-section .more-info-col { padding-right: 24px; } .more-info-section .form-group { margin-bottom: 1rem; } .more-info-section .more-info-label { display: block; color: #555; font-weight: normal; margin-bottom: 4px; } .more-info-section .more-info-label-inline { display: inline-block; color: #555; font-weight: normal; margin-inline: 7px; ; } .more-info-section .form-control { display: block; width: 100%; padding: 8px 12px; background: #f5f5f5; border: 1px solid #ddd; border-radius: 4px; } .more-info-section .sugar_field { display: flex; padding: 8px 12px; background: #f5f5f5; border: 1px solid #ddd; border-radius: 4px; min-height: 20px; justify-content: space-between; } .more-info-section select.form-control { background: #f5f5f5; } .more-info-section .dateTime input.datetimecombo_date { background: #f5f5f5; border: 1px solid #ddd; border-radius: 4px; padding: 8px 12px; } .more-info-section span { } .std-section .std-col { padding-right: 24px; } .std-section .form-group { margin-bottom: 1rem; } .std-section .std-label { display: block; color: #555; font-weight: normal; margin-bottom: 4px; } .std-section .std-label-inline { display: inline-block; color: #555; font-weight: normal; margin-left: 8px; vertical-align: middle; } .std-section .edit-view-field .form-control { display: block; width: 100%; padding: 8px 12px; background: #f5f5f5; border: 1px solid #ddd; border-radius: 4px; } .std-section select.form-control { background: #f5f5f5; } .std-section textarea.form-control { min-height: 80px; } .std-section .std-checkbox { vertical-align: middle; width: auto; } .std-section .edit-view-field { display: flex; align-items: baseline; } .detail-mobile-icon { color: #337ab7; margin-left: 8px; text-decoration: none; width: 24px; height: 24px; border: none; } .detail-mobile-icon:hover { opacity: 0.8; transition: opacity 0.3s ease; } .advance-search-save-filter-checkbox { display: flex; align-items: flex-start; gap: 10px; } .align-items-center { align-items: center; } .align-items-start { align-items: start; } .align-items-end { align-items: end; } .align-items-baseline { align-items: baseline; } .align-items-stretch { align-items: stretch; } .justify-content-center { justify-content: center; } .justify-content-start { justify-content: start; } .justify-content-end { justify-content: end; } .justify-content-between { justify-content: space-between; } .justify-content-around { justify-content: space-around; } .justify-content-evenly { justify-content: space-evenly; } .justify-content-stretch { justify-content: stretch; } .email-address-lines-container { display: flex; flex-direction: column; gap: 10px; } .email-address-widget-wrap .email-address-row { display: flex; align-items: center; gap: 5px; margin: 0 !important; } .email-address-widget-wrap .email-address-row input { width: auto !important; flex: auto; display: block; min-width: auto; } .email-address-widget-wrap .email-address-row .btn svg { width: 15px; height: 15px; fill: #fff; } #EditView_tabs input[type="checkbox"] { width: 16px; height: 17px; } .dcQuickEdit td.buttons { display: none; } body.PB__sidebar-inactive .sidebar__recent-box { display: none !important; } #favoritesSidebar.sidebar__recent-box .sidebar__recent-list { list-style: none; padding: 10px 5px; margin: 0; border: 1px solid rgba(255, 255, 255, .05); border-radius: 14px; max-height: 220px; overflow: auto; margin-top: 12px; background: rgba(255, 255, 255, .05); } #favoritesSidebar .sidebar__recent-list .recently_viewed_link_container_sidebar { display: flex; align-items: center; margin: 0 0 4px 0; padding: 0; border-radius: 5px; min-height: 0; } #favoritesSidebar .sidebar__recent-list .recently_viewed_link_container_sidebar:last-child { margin-bottom: 0; } #favoritesSidebar .sidebar__recent-list .recently_viewed_link_container_sidebar li { margin: 0; padding: 0; list-style: none; border: none; } #favoritesSidebar .sidebar__recent-list a.recentlinks_edit { display: flex; align-items: center; justify-content: center; padding: 8px; color: rgba(255, 255, 255, .7) !important; text-decoration: none !important; flex: 0 0 auto; } #favoritesSidebar .sidebar__recent-list a.recentlinks { display: flex; align-items: center; gap: 5px; font-size: 12px; font-weight: 500; color: rgba(255, 255, 255, .7) !important; padding: 8px; flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; text-decoration: none !important; border-radius: 5px; } #favoritesSidebar .sidebar__recent-list a.recentlinks:hover, #favoritesSidebar .sidebar__recent-list a.recentlinks_edit:hover { background: rgba(255, 255, 255, .2); color: #fff !important; } #favoritesSidebar .sidebar__recent-list a.recentlinks svg, #favoritesSidebar .sidebar__recent-list a.recentlinks img { width: 16px; height: 16px; flex: 0 0 16px; object-fit: contain; } #emailGrid .yui-dt-col-from { min-width: 150px !important; width: auto !important; } #emailGrid .yui-dt-col-from .yui-dt-liner { min-width: 150px !important; width: auto !important; } #emailGrid .yui-dt-col-flagged, #emailGrid .yui-dt-col-flagged .yui-dt-liner { width: 0 !important; min-width: 0 !important; max-width: 0 !important; padding: 0 !important; border: none !important; overflow: hidden !important; color: transparent !important; } #emailGrid .yui-dt-col-from .yui-dt-liner { padding-right: 16px !important; padding-left: 2px !important; } #emailGrid .yui-dt-col-subject .yui-dt-liner { padding-left: 32px !important; padding-right: 2px !important; } #emailGrid .yui-dt-col-date .yui-dt-liner { padding-left: 16px !important; padding-right: 2px !important; } #emailGrid .yui-dt-col-to_addrs .yui-dt-liner { padding-left: 16px !important; padding-right: 2px !important; } #emailGrid thead th.yui-dt-col-subject .yui-dt-liner { padding-left: 40px !important; padding-right: 2px !important; } #emailGrid thead th.yui-dt-col-date .yui-dt-liner { padding-left: 20px !important; padding-right: 2px !important; } #emailGrid thead th.yui-dt-col-to_addrs .yui-dt-liner { padding-left: 20px !important; padding-right: 2px !important; } #emailGrid .yui-dt-resizer { display: none !important; width: 0 !important; min-width: 0 !important; max-width: 0 !important; height: 0 !important; padding: 0 !important; margin: 0 !important; visibility: hidden !important; opacity: 0 !important; pointer-events: none !important; } #emailGrid thead th.yui-dt-col-hasAttach img, #emailGrid thead th.yui-dt-col-status img { display: none !important; visibility: hidden !important; width: 0 !important; height: 0 !important; } #emailGrid .yui-dt-data tr { border-bottom: 1px solid #e5e7eb !important; } #emailGrid .yui-dt-data tr td { border-bottom: 1px solid #e5e7eb !important; } #emailGrid .yui-dt-data tr:last-child td { border-bottom: none !important; } #emailGrid .yui-dt-bd { height: auto !important; overflow-y: auto; } #emailGrid .yui-dt-data tr td { padding-top: 16px !important; padding-bottom: 16px !important; min-height: 48px !important; } #emailGrid .yui-dt-data tr td .yui-dt-liner { padding-top: 4px !important; padding-bottom: 4px !important; min-height: 40px !important; line-height: 1.5 !important; } #emailGrid .yui-dt-hd { background-color: #F9FAFB !important; background: #F9FAFB !important; } #emailGrid .yui-dt-hd table, #emailGrid .yui-dt-hd thead, #emailGrid .yui-dt-hd th { background-color: #F9FAFB !important; background: #F9FAFB !important; } #emailGrid .yui-dt-hd th .yui-dt-liner { background-color: #F9FAFB !important; background: #F9FAFB !important; } ul.chooserList.blue.ui-sortable>li { background-color: lightblue !important; } ul.chooserList.gray.ui-sortable>li { background-color: #a7a7a7 !important; color: white !important; } .btn-ai { --bs-btn-bg: var(--ai-background, #9810FA); --bs-btn-border-color: var(--ai-background, #9810FA); --bs-btn-color: #fff; --bs-btn-hover-bg: #7b0ccc; --bs-btn-hover-border-color: #7b0ccc; --bs-btn-focus-shadow-rgb: 152,16,250; --bs-btn-active-bg: #610bb5; --bs-btn-active-border-color: #610bb5; --bs-btn-disabled-bg: #9810fa80; --bs-btn-disabled-border-color: #9810fa80; color: var(--bs-btn-color); background-color: var(--bs-btn-bg); border: 1px solid var(--bs-btn-border-color); transition: all 0.15s ease-in-out; } .btn-ai:hover { background-color: var(--bs-btn-hover-bg); border-color: var(--bs-btn-hover-border-color); color: #fff; } .btn-ai:focus, .btn-ai:focus-visible { box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), 0.5); outline: none; } .btn-ai:active, .btn-ai.active { background-color: var(--bs-btn-active-bg); border-color: var(--bs-btn-active-border-color); } .btn-ai:disabled, .btn-ai.disabled { background-color: var(--bs-btn-disabled-bg); border-color: var(--bs-btn-disabled-border-color); opacity: 0.65; pointer-events: none; } .btn-ai-outline { color: var(--bs-btn-bg); background-color: transparent; border: 1px solid var(--bs-btn-bg); } .btn-ai-outline:hover { background-color: var(--bs-btn-bg); color: #fff; } .btn-ai-outline:focus, .btn-ai-outline:focus-visible { box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), 0.5); } .btn-ai-outline:active, .btn-ai-outline.active { background-color: var(--bs-btn-active-bg); border-color: var(--bs-btn-active-border-color); color: #fff; } .btn-ai-outline:disabled, .btn-ai-outline.disabled { color: var(--bs-btn-disabled-bg); border-color: var(--bs-btn-disabled-border-color); pointer-events: none; } .compose-view .panel.panel-default>.panel-heading { background-color: transparent; border-bottom: 1px solid #e0e0e0; border-top-left-radius: 0; border-top-right-radius: 0; box-shadow: none; } .compose-view .panel.panel-default { border: none; } .modal-body .compose-view .panel.panel-default { margin-top: -30px; } .modal-body .compose-view .panel.panel-default>.panel-heading { margin-left: -15px; margin-right: -15px; padding-left: 15px; padding-right: 15px; } .modal-body .compose-view .panel.panel-default>.panel-heading { border-bottom: 1px solid #e0e0e0; } .modal-body .compose-view .panel.panel-default>.panel-body, .modal-body .compose-view .panel.panel-default>#detailpanel_-1 { border-top: none; } .compose-header { position: relative; padding-right: 32px; } .compose-header .compose-header-close { position: absolute; top: 50%; right: 20px; transform: translateY(-50%); font-size: 18px; font-weight: 400; color: #6b7280; background: transparent; border: none; padding: 0; margin: 0; box-shadow: none; border-radius: 0; cursor: pointer; line-height: 1; } .bootstrap-container:has(#pagecontent > .email), .bootstrap-container.col-sm-offset-3:has(#pagecontent > .email) { background-color: transparent; margin-top: 31px; } body .main.bootstrap-container:has(#pagecontent > .email) { margin-left: 24px !important; width: calc(100% - 40px); box-sizing: border-box; } body.sidebar-active .main.bootstrap-container:has(#pagecontent > .email) { margin-left: 204px !important; width: calc(100% - 204px); box-sizing: border-box; } #bootstrap-container #content #pagecontent .email #container #lefttabs, #bootstrap-container #content #pagecontent .email #container #lefttabs .yui-content { background-color: #F9FAFB !important; } #bootstrap-container #content #pagecontent .email #container .yui-layout-doc #yui-gen3 .yui-layout-hd { background-color: #F9FAFB !important; } #bootstrap-container #content #pagecontent .email #container #mbfooter .yui-layout-hd { background-color: #ffffff !important; } #bootstrap-container #content #pagecontent .email #container #mbfooter, #bootstrap-container #content #pagecontent .email #container #mbfooter .yui-layout-hd { background-color: #ffffff !important; } #bootstrap-container #content #pagecontent .email #container .yui-layout-doc #yui-gen3 { margin-left: 0 !important; padding-left: 0 !important; border-left: none !important; } #bootstrap-container #content #pagecontent .email #container #lefttabs { margin-left: 0 !important; padding-left: 0 !important; border-left: none !important; } #bootstrap-container #content #pagecontent .email #container #mbfooter { display: none !important; } .border { border: 1px solid #e5e6eb !important; border-radius: 4px !important; }