/* * * Elements * */ a { color: #000000; } li { height: 50px; } iframe { border: none; } /* * * Generated Rules from DTs * */ .primary-background { background-color: #000000; } .secondary-background { background-color: #e9e9e9; } .tertiary-background { background-color: #ffffff; } .quaternary-background { background-color: #000000; } .primary-background-hover:hover { background-color: #000000;} .secondary-background-hover:hover { background-color: #e9e9e9; } .tertiary-background-hover:hover { background-color: #ffffff; } .quaternary-background-hover:hover { background-color: #000000; } .primary-color { color: #000000; } .secondary-color { color: #e9e9e9; } .tertiary-color { color: #ffffff; } .quaternary-color { color: #000000; } .primary-color-hover:hover { color: #000000; } .secondary-color-hover:hover { color: #e9e9e9; } .tertiary-color-hover:hover { color: #ffffff; } .quaternary-color-hover:hover { color: #000000; } .primary-border { border: 1px solid #000000; } .secondary-border { border: 1px solid #e9e9e9; } .tertiary-border { border: 1px solid #ffffff; } .quaternary-border { border: 1px solid #000000; } .primary-border-hover:hover { border: 1px solid #000000; } .secondary-border-hover:hover { border: 1px solid #e9e9e9; } .tertiary-border-hover:hover { border: 1px solid #ffffff; } .quaternary-border-hover:hover { border: 1px solid #000000; } .primary-accent-background { background-color: ; } .secondary-accent-background { background-color: ; } .tertiary-accent-background { background-color: ; } .quaternary-accent-background { background-color: ; } .primary-accent-background-hover:hover { background-color: ; } .secondary-accent-background-hover:hover { background-color: ; } .tertiary-accent-background-hover:hover { background-color: ; } .quaternary-accent-background-hover:hover { background-color: ; } .primary-accent-color { color: ; } .secondary-accent-color { color: ; } .tertiary-accent-color { color: ; } .quaternary-accent-color { color: ; } .primary-accent-color-hover:hover { color: ; } .secondary-accent-color-hover:hover { color: ; } .tertiary-accent-color-hover:hover { color: ; } .quaternary-accent-color-hover:hover { color: ; } .primary-accent-border { border: 1px solid ; } .secondary-accent-border { border: 1px solid ; } .tertiary-accent-border { border: 1px solid ; } .quaternary-accent-border { border: 1px solid ; } .primary-accent-border-hover:hover { border: 1px solid ; } .secondary-accent-border-hover:hover { border: 1px solid ; } .tertiary-accent-border-hover:hover { border: 1px solid ; } .quaternary-accent-border-hover:hover { border: 1px solid ; } .primary-border-top { border-top: 1px solid #000000; } .primary-border-right { border-right: 1px solid #000000; } .primary-border-bottom { border-bottom: 1px solid #000000; } .primary-border-left { border-left: 1px solid #000000; } .secondary-border-top { border-top: 1px solid #e9e9e9; } .secondary-border-right { border-right: 1px solid #e9e9e9; } .secondary-border-bottom { border-bottom: 1px solid #e9e9e9; } .secondary-border-left { border-left: 1px solid #e9e9e9; } .tertiary-border-top { border-top: 1px solid #ffffff; } .tertiary-border-right { border-right: 1px solid #ffffff; } .tertiary-border-bottom { border-bottom: 1px solid #ffffff; } .tertiary-border-left { border-left: 1px solid #ffffff; } .quaternary-border-top { border-top: 1px solid #000000; } .quaternary-border-right { border-right: 1px solid #000000; } .quaternary-border-bottom { border-bottom: 1px solid #000000; } .quaternary-border-left { border-left: 1px solid #000000; } .primary-accent-border-top { border-top: 1px solid ; } .primary-accent-border-right { border-right: 1px solid ; } .primary-accent-border-bottom { border-bottom: 1px solid ; } .primary-accent-border-left { border-left: 1px solid ; } .secondary-accent-border-top { border-top: 1px solid ; } .secondary-accent-border-right { border-right: 1px solid ; } .secondary-accent-border-bottom { border-bottom: 1px solid ; } .secondary-accent-border-left { border-left: 1px solid ; } .tertiary-accent-border-top { border-top: 1px solid ; } .tertiary-accent-border-right { border-right: 1px solid ; } .tertiary-accent-border-bottom { border-bottom: 1px solid ; } .tertiary-accent-border-left { border-left: 1px solid ; } .quaternary-accent-border-top { border-top: 1px solid ; } .quaternary-accent-border-right { border-right: 1px solid ; } .quaternary-accent-border-bottom { border-bottom: 1px solid ; } .quaternary-accent-border-left { border-left: 1px solid ; } /* base page defaults */ /* Mayur Dubey(SP): 9/16/2019, 4:07:55 PM - Added below css for wraping url from Error Modal */ @charset "UTF-8"; @media print { *, *:before, *:after { text-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; } a, a:visited { text-decoration: underline; } abbr[title]:after { content: " (" attr(title) ")"; } 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; } nav, .menu { display: none; } button > .caret, .button > .caret, .dropup > button > .caret, .dropup > .button > .caret { border-top-color: #000 !important; } table, .table { border-collapse: collapse !important; } table td, table th, .table td, .table th { background-color: #fff !important; } table.bordered th, table.bordered td, .table.bordered th, .table-bordered td { border: 1px solid #ddd !important; } @page { size: auto; margin: 5mm; } .card-container .card .back.-printpage{display :none;} #main .Main-Left{display:none;} html,body {overflow: visible !important;} #Main-Container {overflow: visible !important;height:auto !important;flex:none;} #Main-Container .cloud {overflow: visible !important;} #Main-Container .cloud .cloud__content {overflow: visible !important;} #Main-Container .cloud .cloud__items {overflow: visible !important;} #Main-Container .grid > .-vertical-scroll-col, .grid > .-vertical-scroll-row {overflow-y: visible !important;} .table-container.table-items {overflow: visible !important;} .Table-Container-div [data-selector="secondTable"] {display: none !important;} .Table-Container-div [data-selector="firstTable"] {overflow: visible !important;height:auto !important;} .cloud .cloud__top {height:auto !important;} #Main-Content .-functionality-buttons {display:none !important;} #Main-Content .quicksettings {display:none !important;} .-control-toggle-buttons {display:none !important;} #Header-Login-Status {display:none !important;} #Main-Content .quick-share {display:none !important;} #Main-Content #MediaWallContainer .MediaWallContainer.item:hover .quick-share, #MediaWallContainer .MediaWallContainer.item.active .quick-share {display: none !important;} .-control-toggle-buttons + span {display: none !important;} #Main-Content #BoardContainer {overflow: visible !important;} #Main-Content #MediaBoard {flex-direction:row;} #Main-Content .mediaboard_item_container {position: unset; float: left; left: unset !important; top: unset !important; margin: 5px;} } @-moz-viewport { width: device-width; } @-ms-viewport { width: device-width; } @-webkit-viewport { width: device-width; } @viewport { width: device-width; } @at-root { @-moz-viewport { width: device-width; } @-ms-viewport { width: device-width; } @-o-viewport { width: device-width; } @-webkit-viewport { width: device-width; } @viewport { width: device-width; } } html, body { height: 100%; width: 100%; overflow: hidden; overscroll-behavior-y: contain; padding:0; margin:0; } html { -webkit-box-sizing: inherit; box-sizing: border-box; font-family: arial, sans-serif; font-size: 14px; font-weight: 300; -webkit-tap-highlight-color: transparent; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -ms-overflow-style: -ms-autohiding-scrollbar; } *, *:before, *:after { -webkit-box-sizing: inherit; box-sizing: inherit; min-height: 0px; min-width: 0px; } body { font-size: 1rem; margin: 0; padding: 0; line-height: 1.5; color: #565656; background-color: #FFFFFF; } /* webfont loader class used to avoid missing text while web font is downloaded */ .wf-opensans-n4-active { font-family: "Open Sans", "Helvetica Neue", Helvetica, Roboto, Arial, san-serif; } /* grid */ .grid { padding: 0 .5rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .grid.-inline { display: inline-flex; } .grid.-left-to-right { flex-direction: row; } .grid.-top-to-bottom { flex-direction: column; -webkit-flex-direction: column; } .grid.-top-aligned { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .grid.-center-aligned { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .grid.-middle-aligned { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .grid.-bottom-aligned { -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } .grid.-left-aligned { justify-content: flex-start; } .grid.-right-aligned { justify-content: flex-end; } .grid.-equal-spacing { justify-content: space-between; } .grid.-top-to-bottom.-middle-left-aligned { justify-content: space-around; align-items: flex-start; } .grid.-top-to-bottom.-middle-right-aligned { justify-content: space-around; align-items: flex-end; } .grid.-nowrap { flex-wrap: nowrap; -webkit-flex-wrap: nowrap; } .grid > .-vertical-scroll-col, .grid > .-vertical-scroll-row { flex: 1 1 auto; height: auto; max-height: 100%; overflow-y: auto; } .grid > .grid__column, .grid > .grid__row { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; } .grid__column.-shrink, .grid__row.-shrink { -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; } .grid__column.-grow, .grid__row.-grow { -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; } .grid__column.-resize, .grid__row.-resize { -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; } .input-container.col, .input-container-cols { align-self: center; } .grid.-left-to-right > .-zero-xs-cols, .grid.-left-to-right > .grid__column.-zero-xs, .grid.-left-to-right.-zero-xs-columns > .grid__column, .grid.-top-to-bottom > .-zero-xs-cols-wide, .grid.-top-to-bottom > .grid__row.-zero-xs-columns-wide, .grid.-top-to-bottom.-zero-xs-columns > .grid__row { width: 0%; } .grid.-left-to-right > .-one-xs-col, .grid.-left-to-right > .grid__column.-one-xs, .grid.-left-to-right.-one-xs-column > .grid__column, .grid.-top-to-bottom > .-one-xs-col-wide, .grid.-top-to-bottom > .grid__row.-one-xs-column-wide, .grid.-top-to-bottom.-one-xs-column > .grid__row { width: 8.333333%; } .grid.-left-to-right > .-two-xs-cols, .grid.-left-to-right > .grid__column.-two-xs, .grid.-left-to-right.-two-xs-columns > .grid__column, .grid.-top-to-bottom > .-two-xs-cols-wide, .grid.-top-to-bottom > .grid__row.-two-xs-columns-wide, .grid.-top-to-bottom.-two-xs-columns > .grid__row { width: 16.666667%; } .grid.-left-to-right > .-three-xs-cols, .grid.-left-to-right > .grid__column.-three-xs, .grid.-left-to-right.-three-xs-columns > .grid__column, .grid.-top-to-bottom > .-three-xs-cols-wide, .grid.-top-to-bottom > .grid__row.-three-xs-columns-wide, .grid.-top-to-bottom.-three-xs-columns > .grid__row { width: 25%; } .grid.-left-to-right > .-four-xs-cols, .grid.-left-to-right > .grid__column.-four-xs, .grid.-left-to-right.-four-xs-columns > .grid__column, .grid.-top-to-bottom > .-four-xs-cols-wide, .grid.-top-to-bottom > .grid__row.-four-xs-columns-wide, .grid.-top-to-bottom.-four-xs-columns > .grid__row { width: 33.333333%; } .grid.-left-to-right > .-five-xs-cols, .grid.-left-to-right > .grid__column.-five-xs, .grid.-left-to-right.-five-xs-columns > .grid__column, .grid.-top-to-bottom > .-five-xs-cols-wide, .grid.-top-to-bottom > .grid__row.-five-xs-columns-wide, .grid.-top-to-bottom.-five-xs-columns > .grid__row { width: 41.666667%; } .grid.-left-to-right > .-six-xs-cols, .grid.-left-to-right > .grid__column.-six-xs, .grid.-left-to-right.-six-xs-columns > .grid__column, .grid.-top-to-bottom > .-six-xs-cols-wide, .grid.-top-to-bottom > .grid__row.-six-xs-columns-wide, .grid.-top-to-bottom.-six-xs-columns > .grid__row { width: 50%; } .grid.-left-to-right > .-seven-xs-cols, .grid.-left-to-right > .grid__column.-seven-xs, .grid.-left-to-right.-seven-xs-columns > .grid__column, .grid.-top-to-bottom > .-seven-xs-cols-wide, .grid.-top-to-bottom > .grid__row.-seven-xs-columns-wide, .grid.-top-to-bottom.-seven-xs-columns > .grid__row { width: 58.333333%; } .grid.-left-to-right > .-eight-xs-cols, .grid.-left-to-right > .grid__column.-eight-xs, .grid.-left-to-right.-eight-xs-columns > .grid__column, .grid.-top-to-bottom > .-eight-xs-cols-wide, .grid.-top-to-bottom > .grid__row.-eight-xs-columns-wide, .grid.-top-to-bottom.-eight-xs-columns > .grid__row { width: 66.666667%; } .grid.-left-to-right > .-nine-xs-cols, .grid.-left-to-right > .grid__column.-nine-xs, .grid.-left-to-right.-nine-xs-columns > .grid__column, .grid.-top-to-bottom > .-nine-xs-cols-wide, .grid.-top-to-bottom > .grid__row.-nine-xs-columns-wide, .grid.-top-to-bottom.-nine-xs-columns > .grid__row { width: 75%; } .grid.-left-to-right > .-ten-xs-cols, .grid.-left-to-right > .grid__column.-ten-xs, .grid.-left-to-right.-ten-xs-columns > .grid__column, .grid.-top-to-bottom > .-ten-xs-cols-wide, .grid.-top-to-bottom > .grid__row.-ten-xs-columns-wide, .grid.-top-to-bottom.-ten-xs-columns > .grid__row { width: 83.333333%; } .grid.-left-to-right > .-eleven-xs-cols, .grid.-left-to-right > .grid__column.-eleven-xs, .grid.-left-to-right.-eleven-xs-columns > .grid__column, .grid.-top-to-bottom > .-eleven-xs-cols-wide, .grid.-top-to-bottom > .grid__row.-eleven-xs-columns-wide, .grid.-top-to-bottom.-eleven-xs-columns > .grid__row { width: 91.666667%; } .grid.-left-to-right > .-twelve-xs-cols, .grid.-left-to-right > .grid__column.-twelve-xs, .grid.-left-to-right.-twelve-xs-columns > .grid__column, .grid.-top-to-bottom > .-twelve-xs-cols-wide, .grid.-top-to-bottom > .grid__row.-twelve-xs-columns-wide, .grid.-top-to-bottom.-twelve-xs-columns > .grid__row { width: 100%; } /* alignment classes */ .grid__column.-first-xs, .grid__row.-first-xs { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; -webkit-order: -1; order: -1; } .grid__column.-last-xs, .grid__row.-last-xs { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; -webkit-order: 1; order: 1; } .grid__column.-top-aligned-xs, .grid__row.-top-aligned-xs { -ms-flex-item-align: start; -webkit-align-self: flex-start; align-self: flex-start; } .grid__column.-middle-aligned-xs, .grid__row.-middle-aligned-xs { -ms-flex-item-align: center; -webkit-align-self: center; align-self: center; } .grid__column.-bottom-aligned-xs, .grid__row.-bottom-aligned-xs { -ms-flex-item-align: end; -webkit-align-self: flex-end; align-self: flex-end; } @media (min-width: 34em) { .grid.-left-to-right > .-zero-sm-cols, .grid.-left-to-right > .grid__column.-zero-sm, .grid.-left-to-right.-zero-sm-columns > .grid__column, .grid.-top-to-bottom > .-zero-sm-cols-wide, .grid.-top-to-bottom > .grid__row.-zero-sm-columns-wide, .grid.-top-to-bottom.-zero-sm-columns > .grid__row { width: 0%; } .grid.-left-to-right > .-one-sm-col, .grid.-left-to-right > .grid__column.-one-sm, .grid.-left-to-right.-one-sm-column > .grid__column, .grid.-top-to-bottom > .-one-sm-col-wide, .grid.-top-to-bottom > .grid__row.-one-sm-column-wide, .grid.-top-to-bottom.-one-sm-column > .grid__row { width: 8.333333%; } .grid.-left-to-right > .-two-sm-cols, .grid.-left-to-right > .grid__column.-two-sm, .grid.-left-to-right.-two-sm-columns > .grid__column, .grid.-top-to-bottom > .-two-sm-cols-wide, .grid.-top-to-bottom > .grid__row.-two-sm-columns-wide, .grid.-top-to-bottom.-two-sm-columns > .grid__row { width: 16.666667%; } .grid.-left-to-right > .-three-sm-cols, .grid.-left-to-right > .grid__column.-three-sm, .grid.-left-to-right.-three-sm-columns > .grid__column, .grid.-top-to-bottom > .-three-sm-cols-wide, .grid.-top-to-bottom > .grid__row.-three-sm-columns-wide, .grid.-top-to-bottom.-three-sm-columns > .grid__row { width: 25%; } .grid.-left-to-right > .-four-sm-cols, .grid.-left-to-right > .grid__column.-four-sm, .grid.-left-to-right.-four-sm-columns > .grid__column, .grid.-top-to-bottom > .-four-sm-cols-wide, .grid.-top-to-bottom > .grid__row.-four-sm-columns-wide, .grid.-top-to-bottom.-four-sm-columns > .grid__row { width: 33.333333%; } .grid.-left-to-right > .-five-sm-cols, .grid.-left-to-right > .grid__column.-five-sm, .grid.-left-to-right.-five-sm-columns > .grid__column, .grid.-top-to-bottom > .-five-sm-cols-wide, .grid.-top-to-bottom > .grid__row.-five-sm-columns-wide, .grid.-top-to-bottom.-five-sm-columns > .grid__row { width: 41.666667%; } .grid.-left-to-right > .-six-sm-cols, .grid.-left-to-right > .grid__column.-six-sm, .grid.-left-to-right.-six-sm-columns > .grid__column, .grid.-top-to-bottom > .-six-sm-cols-wide, .grid.-top-to-bottom > .grid__row.-six-sm-columns-wide, .grid.-top-to-bottom.-six-sm-columns > .grid__row { width: 50%; } .grid.-left-to-right > .-seven-sm-cols, .grid.-left-to-right > .grid__column.-seven-sm, .grid.-left-to-right.-seven-sm-columns > .grid__column, .grid.-top-to-bottom > .-seven-sm-cols-wide, .grid.-top-to-bottom > .grid__row.-seven-sm-columns-wide, .grid.-top-to-bottom.-seven-sm-columns > .grid__row { width: 58.333333%; } .grid.-left-to-right > .-eight-sm-cols, .grid.-left-to-right > .grid__column.-eight-sm, .grid.-left-to-right.-eight-sm-columns > .grid__column, .grid.-top-to-bottom > .-eight-sm-cols-wide, .grid.-top-to-bottom > .grid__row.-eight-sm-columns-wide, .grid.-top-to-bottom.-eight-sm-columns > .grid__row { width: 66.666667%; } .grid.-left-to-right > .-nine-sm-cols, .grid.-left-to-right > .grid__column.-nine-sm, .grid.-left-to-right.-nine-sm-columns > .grid__column, .grid.-top-to-bottom > .-nine-sm-cols-wide, .grid.-top-to-bottom > .grid__row.-nine-sm-columns-wide, .grid.-top-to-bottom.-nine-sm-columns > .grid__row { width: 75%; } .grid.-left-to-right > .-ten-sm-cols, .grid.-left-to-right > .grid__column.-ten-sm, .grid.-left-to-right.-ten-sm-columns > .grid__column, .grid.-top-to-bottom > .-ten-sm-cols-wide, .grid.-top-to-bottom > .grid__row.-ten-sm-columns-wide, .grid.-top-to-bottom.-ten-sm-columns > .grid__row { width: 83.333333%; } .grid.-left-to-right > .-eleven-sm-cols, .grid.-left-to-right > .grid__column.-eleven-sm, .grid.-left-to-right.-eleven-sm-columns > .grid__column, .grid.-top-to-bottom > .-eleven-sm-cols-wide, .grid.-top-to-bottom > .grid__row.-eleven-sm-columns-wide, .grid.-top-to-bottom.-eleven-sm-columns > .grid__row { width: 91.666667%; } .grid.-left-to-right > .-twelve-sm-cols, .grid.-left-to-right > .grid__column.-twelve-sm, .grid.-left-to-right.-twelve-sm-columns > .grid__column, .grid.-top-to-bottom > .-twelve-sm-cols-wide, .grid.-top-to-bottom > .grid__row.-twelve-sm-columns-wide, .grid.-top-to-bottom.-twelve-sm-columns > .grid__row { width: 100%; } /* alignment classes */ .grid__column.-first-sm, .grid__row.-first-sm { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; -webkit-order: -1; order: -1; } .grid__column.-last-sm, .grid__row.-last-sm { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; -webkit-order: 1; order: 1; } .grid__column.-top-aligned-sm, .grid__row.-top-aligned-sm { -ms-flex-item-align: start; -webkit-align-self: flex-start; align-self: flex-start; } .grid__column.-middle-aligned-sm, .grid__row.-middle-aligned-sm { -ms-flex-item-align: center; -webkit-align-self: center; align-self: center; } .grid__column.-bottom-aligned-sm, .grid__row.-bottom-aligned-sm { -ms-flex-item-align: end; -webkit-align-self: flex-end; align-self: flex-end; } } @media (min-width: 48em) { .grid.-left-to-right > .-zero-md-cols, .grid.-left-to-right > .grid__column.-zero-md, .grid.-left-to-right.-zero-md-columns > .grid__column, .grid.-top-to-bottom > .-zero-md-cols-wide, .grid.-top-to-bottom > .grid__row.-zero-md-columns-wide, .grid.-top-to-bottom.-zero-md-columns > .grid__row { width: 0%; } .grid.-left-to-right > .-one-md-col, .grid.-left-to-right > .grid__column.-one-md, .grid.-left-to-right.-one-md-column > .grid__column, .grid.-top-to-bottom > .-one-md-col-wide, .grid.-top-to-bottom > .grid__row.-one-md-column-wide, .grid.-top-to-bottom.-one-md-column > .grid__row { width: 8.333333%; } .grid.-left-to-right > .-two-md-cols, .grid.-left-to-right > .grid__column.-two-md, .grid.-left-to-right.-two-md-columns > .grid__column, .grid.-top-to-bottom > .-two-md-cols-wide, .grid.-top-to-bottom > .grid__row.-two-md-columns-wide, .grid.-top-to-bottom.-two-md-columns > .grid__row { width: 16.666667%; } .grid.-left-to-right > .-three-md-cols, .grid.-left-to-right > .grid__column.-three-md, .grid.-left-to-right.-three-md-columns > .grid__column, .grid.-top-to-bottom > .-three-md-cols-wide, .grid.-top-to-bottom > .grid__row.-three-md-columns-wide, .grid.-top-to-bottom.-three-md-columns > .grid__row { width: 25%; } .grid.-left-to-right > .-four-md-cols, .grid.-left-to-right > .grid__column.-four-md, .grid.-left-to-right.-four-md-columns > .grid__column, .grid.-top-to-bottom > .-four-md-cols-wide, .grid.-top-to-bottom > .grid__row.-four-md-columns-wide, .grid.-top-to-bottom.-four-md-columns > .grid__row { width: 33.333333%; } .grid.-left-to-right > .-five-md-cols, .grid.-left-to-right > .grid__column.-five-md, .grid.-left-to-right.-five-md-columns > .grid__column, .grid.-top-to-bottom > .-five-md-cols-wide, .grid.-top-to-bottom > .grid__row.-five-md-columns-wide, .grid.-top-to-bottom.-five-md-columns > .grid__row { width: 41.666667%; } .grid.-left-to-right > .-six-md-cols, .grid.-left-to-right > .grid__column.-six-md, .grid.-left-to-right.-six-md-columns > .grid__column, .grid.-top-to-bottom > .-six-md-cols-wide, .grid.-top-to-bottom > .grid__row.-six-md-columns-wide, .grid.-top-to-bottom.-six-md-columns > .grid__row { width: 50%; } .grid.-left-to-right > .-seven-md-cols, .grid.-left-to-right > .grid__column.-seven-md, .grid.-left-to-right.-seven-md-columns > .grid__column, .grid.-top-to-bottom > .-seven-md-cols-wide, .grid.-top-to-bottom > .grid__row.-seven-md-columns-wide, .grid.-top-to-bottom.-seven-md-columns > .grid__row { width: 58.333333%; } .grid.-left-to-right > .-eight-md-cols, .grid.-left-to-right > .grid__column.-eight-md, .grid.-left-to-right.-eight-md-columns > .grid__column, .grid.-top-to-bottom > .-eight-md-cols-wide, .grid.-top-to-bottom > .grid__row.-eight-md-columns-wide, .grid.-top-to-bottom.-eight-md-columns > .grid__row { width: 66.666667%; } .grid.-left-to-right > .-nine-md-cols, .grid.-left-to-right > .grid__column.-nine-md, .grid.-left-to-right.-nine-md-columns > .grid__column, .grid.-top-to-bottom > .-nine-md-cols-wide, .grid.-top-to-bottom > .grid__row.-nine-md-columns-wide, .grid.-top-to-bottom.-nine-md-columns > .grid__row { width: 75%; } .grid.-left-to-right > .-ten-md-cols, .grid.-left-to-right > .grid__column.-ten-md, .grid.-left-to-right.-ten-md-columns > .grid__column, .grid.-top-to-bottom > .-ten-md-cols-wide, .grid.-top-to-bottom > .grid__row.-ten-md-columns-wide, .grid.-top-to-bottom.-ten-md-columns > .grid__row { width: 83.333333%; } .grid.-left-to-right > .-eleven-md-cols, .grid.-left-to-right > .grid__column.-eleven-md, .grid.-left-to-right.-eleven-md-columns > .grid__column, .grid.-top-to-bottom > .-eleven-md-cols-wide, .grid.-top-to-bottom > .grid__row.-eleven-md-columns-wide, .grid.-top-to-bottom.-eleven-md-columns > .grid__row { width: 91.666667%; } .grid.-left-to-right > .-twelve-md-cols, .grid.-left-to-right > .grid__column.-twelve-md, .grid.-left-to-right.-twelve-md-columns > .grid__column, .grid.-top-to-bottom > .-twelve-md-cols-wide, .grid.-top-to-bottom > .grid__row.-twelve-md-columns-wide, .grid.-top-to-bottom.-twelve-md-columns > .grid__row { width: 100%; } /* alignment classes */ .grid__column.-first-md, .grid__row.-first-md { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; -webkit-order: -1; order: -1; } .grid__column.-last-md, .grid__row.-last-md { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; -webkit-order: 1; order: 1; } .grid__column.-top-aligned-md, .grid__row.-top-aligned-md { -ms-flex-item-align: start; -webkit-align-self: flex-start; align-self: flex-start; } .grid__column.-middle-aligned-md, .grid__row.-middle-aligned-md { -ms-flex-item-align: center; -webkit-align-self: center; align-self: center; } .grid__column.-bottom-aligned-md, .grid__row.-bottom-aligned-md { -ms-flex-item-align: end; -webkit-align-self: flex-end; align-self: flex-end; } } @media (min-width: 64em) { .grid.-left-to-right > .-zero-lg-cols, .grid.-left-to-right > .grid__column.-zero-lg, .grid.-left-to-right.-zero-lg-columns > .grid__column, .grid.-top-to-bottom > .-zero-lg-cols-wide, .grid.-top-to-bottom > .grid__row.-zero-lg-columns-wide, .grid.-top-to-bottom.-zero-lg-columns > .grid__row { width: 0%; } .grid.-left-to-right > .-one-lg-col, .grid.-left-to-right > .grid__column.-one-lg, .grid.-left-to-right.-one-lg-column > .grid__column, .grid.-top-to-bottom > .-one-lg-col-wide, .grid.-top-to-bottom > .grid__row.-one-lg-column-wide, .grid.-top-to-bottom.-one-lg-column > .grid__row { width: 8.333333%; } .grid.-left-to-right > .-two-lg-cols, .grid.-left-to-right > .grid__column.-two-lg, .grid.-left-to-right.-two-lg-columns > .grid__column, .grid.-top-to-bottom > .-two-lg-cols-wide, .grid.-top-to-bottom > .grid__row.-two-lg-columns-wide, .grid.-top-to-bottom.-two-lg-columns > .grid__row { width: 16.666667%; } .grid.-left-to-right > .-three-lg-cols, .grid.-left-to-right > .grid__column.-three-lg, .grid.-left-to-right.-three-lg-columns > .grid__column, .grid.-top-to-bottom > .-three-lg-cols-wide, .grid.-top-to-bottom > .grid__row.-three-lg-columns-wide, .grid.-top-to-bottom.-three-lg-columns > .grid__row { width: 25%; } .grid.-left-to-right > .-four-lg-cols, .grid.-left-to-right > .grid__column.-four-lg, .grid.-left-to-right.-four-lg-columns > .grid__column, .grid.-top-to-bottom > .-four-lg-cols-wide, .grid.-top-to-bottom > .grid__row.-four-lg-columns-wide, .grid.-top-to-bottom.-four-lg-columns > .grid__row { width: 33.333333%; } .grid.-left-to-right > .-five-lg-cols, .grid.-left-to-right > .grid__column.-five-lg, .grid.-left-to-right.-five-lg-columns > .grid__column, .grid.-top-to-bottom > .-five-lg-cols-wide, .grid.-top-to-bottom > .grid__row.-five-lg-columns-wide, .grid.-top-to-bottom.-five-lg-columns > .grid__row { width: 41.666667%; } .grid.-left-to-right > .-six-lg-cols, .grid.-left-to-right > .grid__column.-six-lg, .grid.-left-to-right.-six-lg-columns > .grid__column, .grid.-top-to-bottom > .-six-lg-cols-wide, .grid.-top-to-bottom > .grid__row.-six-lg-columns-wide, .grid.-top-to-bottom.-six-lg-columns > .grid__row { width: 50%; } .grid.-left-to-right > .-seven-lg-cols, .grid.-left-to-right > .grid__column.-seven-lg, .grid.-left-to-right.-seven-lg-columns > .grid__column, .grid.-top-to-bottom > .-seven-lg-cols-wide, .grid.-top-to-bottom > .grid__row.-seven-lg-columns-wide, .grid.-top-to-bottom.-seven-lg-columns > .grid__row { width: 58.333333%; } .grid.-left-to-right > .-eight-lg-cols, .grid.-left-to-right > .grid__column.-eight-lg, .grid.-left-to-right.-eight-lg-columns > .grid__column, .grid.-top-to-bottom > .-eight-lg-cols-wide, .grid.-top-to-bottom > .grid__row.-eight-lg-columns-wide, .grid.-top-to-bottom.-eight-lg-columns > .grid__row { width: 66.666667%; } .grid.-left-to-right > .-nine-lg-cols, .grid.-left-to-right > .grid__column.-nine-lg, .grid.-left-to-right.-nine-lg-columns > .grid__column, .grid.-top-to-bottom > .-nine-lg-cols-wide, .grid.-top-to-bottom > .grid__row.-nine-lg-columns-wide, .grid.-top-to-bottom.-nine-lg-columns > .grid__row { width: 75%; } .grid.-left-to-right > .-ten-lg-cols, .grid.-left-to-right > .grid__column.-ten-lg, .grid.-left-to-right.-ten-lg-columns > .grid__column, .grid.-top-to-bottom > .-ten-lg-cols-wide, .grid.-top-to-bottom > .grid__row.-ten-lg-columns-wide, .grid.-top-to-bottom.-ten-lg-columns > .grid__row { width: 83.333333%; } .grid.-left-to-right > .-eleven-lg-cols, .grid.-left-to-right > .grid__column.-eleven-lg, .grid.-left-to-right.-eleven-lg-columns > .grid__column, .grid.-top-to-bottom > .-eleven-lg-cols-wide, .grid.-top-to-bottom > .grid__row.-eleven-lg-columns-wide, .grid.-top-to-bottom.-eleven-lg-columns > .grid__row { width: 91.666667%; } .grid.-left-to-right > .-twelve-lg-cols, .grid.-left-to-right > .grid__column.-twelve-lg, .grid.-left-to-right.-twelve-lg-columns > .grid__column, .grid.-top-to-bottom > .-twelve-lg-cols-wide, .grid.-top-to-bottom > .grid__row.-twelve-lg-columns-wide, .grid.-top-to-bottom.-twelve-lg-columns > .grid__row { width: 100%; } /* alignment classes */ .grid__column.-first-lg, .grid__row.-first-lg { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; -webkit-order: -1; order: -1; } .grid__column.-last-lg, .grid__row.-last-lg { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; -webkit-order: 1; order: 1; } .grid__column.-top-aligned-lg, .grid__row.-top-aligned-lg { -ms-flex-item-align: start; -webkit-align-self: flex-start; align-self: flex-start; } .grid__column.-middle-aligned-lg, .grid__row.-middle-aligned-lg { -ms-flex-item-align: center; -webkit-align-self: center; align-self: center; } .grid__column.-bottom-aligned-lg, .grid__row.-bottom-aligned-lg { -ms-flex-item-align: end; -webkit-align-self: flex-end; align-self: flex-end; } } @media (min-width: 80em) { .grid.-left-to-right > .-zero-xl-cols, .grid.-left-to-right > .grid__column.-zero-xl, .grid.-left-to-right.-zero-xl-columns > .grid__column, .grid.-top-to-bottom > .-zero-xl-cols-wide, .grid.-top-to-bottom > .grid__row.-zero-xl-columns-wide, .grid.-top-to-bottom.-zero-xl-columns > .grid__row { width: 0%; } .grid.-left-to-right > .-one-xl-col, .grid.-left-to-right > .grid__column.-one-xl, .grid.-left-to-right.-one-xl-column > .grid__column, .grid.-top-to-bottom > .-one-xl-col-wide, .grid.-top-to-bottom > .grid__row.-one-xl-column-wide, .grid.-top-to-bottom.-one-xl-column > .grid__row { width: 8.333333%; } .grid.-left-to-right > .-two-xl-cols, .grid.-left-to-right > .grid__column.-two-xl, .grid.-left-to-right.-two-xl-columns > .grid__column, .grid.-top-to-bottom > .-two-xl-cols-wide, .grid.-top-to-bottom > .grid__row.-two-xl-columns-wide, .grid.-top-to-bottom.-two-xl-columns > .grid__row { width: 16.666667%; } .grid.-left-to-right > .-three-xl-cols, .grid.-left-to-right > .grid__column.-three-xl, .grid.-left-to-right.-three-xl-columns > .grid__column, .grid.-top-to-bottom > .-three-xl-cols-wide, .grid.-top-to-bottom > .grid__row.-three-xl-columns-wide, .grid.-top-to-bottom.-three-xl-columns > .grid__row { width: 25%; } .grid.-left-to-right > .-four-xl-cols, .grid.-left-to-right > .grid__column.-four-xl, .grid.-left-to-right.-four-xl-columns > .grid__column, .grid.-top-to-bottom > .-four-xl-cols-wide, .grid.-top-to-bottom > .grid__row.-four-xl-columns-wide, .grid.-top-to-bottom.-four-xl-columns > .grid__row { width: 33.333333%; } .grid.-left-to-right > .-five-xl-cols, .grid.-left-to-right > .grid__column.-five-xl, .grid.-left-to-right.-five-xl-columns > .grid__column, .grid.-top-to-bottom > .-five-xl-cols-wide, .grid.-top-to-bottom > .grid__row.-five-xl-columns-wide, .grid.-top-to-bottom.-five-xl-columns > .grid__row { width: 41.666667%; } .grid.-left-to-right > .-six-xl-cols, .grid.-left-to-right > .grid__column.-six-xl, .grid.-left-to-right.-six-xl-columns > .grid__column, .grid.-top-to-bottom > .-six-xl-cols-wide, .grid.-top-to-bottom > .grid__row.-six-xl-columns-wide, .grid.-top-to-bottom.-six-xl-columns > .grid__row { width: 50%; } .grid.-left-to-right > .-seven-xl-cols, .grid.-left-to-right > .grid__column.-seven-xl, .grid.-left-to-right.-seven-xl-columns > .grid__column, .grid.-top-to-bottom > .-seven-xl-cols-wide, .grid.-top-to-bottom > .grid__row.-seven-xl-columns-wide, .grid.-top-to-bottom.-seven-xl-columns > .grid__row { width: 58.333333%; } .grid.-left-to-right > .-eight-xl-cols, .grid.-left-to-right > .grid__column.-eight-xl, .grid.-left-to-right.-eight-xl-columns > .grid__column, .grid.-top-to-bottom > .-eight-xl-cols-wide, .grid.-top-to-bottom > .grid__row.-eight-xl-columns-wide, .grid.-top-to-bottom.-eight-xl-columns > .grid__row { width: 66.666667%; } .grid.-left-to-right > .-nine-xl-cols, .grid.-left-to-right > .grid__column.-nine-xl, .grid.-left-to-right.-nine-xl-columns > .grid__column, .grid.-top-to-bottom > .-nine-xl-cols-wide, .grid.-top-to-bottom > .grid__row.-nine-xl-columns-wide, .grid.-top-to-bottom.-nine-xl-columns > .grid__row { width: 75%; } .grid.-left-to-right > .-ten-xl-cols, .grid.-left-to-right > .grid__column.-ten-xl, .grid.-left-to-right.-ten-xl-columns > .grid__column, .grid.-top-to-bottom > .-ten-xl-cols-wide, .grid.-top-to-bottom > .grid__row.-ten-xl-columns-wide, .grid.-top-to-bottom.-ten-xl-columns > .grid__row { width: 83.333333%; } .grid.-left-to-right > .-eleven-xl-cols, .grid.-left-to-right > .grid__column.-eleven-xl, .grid.-left-to-right.-eleven-xl-columns > .grid__column, .grid.-top-to-bottom > .-eleven-xl-cols-wide, .grid.-top-to-bottom > .grid__row.-eleven-xl-columns-wide, .grid.-top-to-bottom.-eleven-xl-columns > .grid__row { width: 91.666667%; } .grid.-left-to-right > .-twelve-xl-cols, .grid.-left-to-right > .grid__column.-twelve-xl, .grid.-left-to-right.-twelve-xl-columns > .grid__column, .grid.-top-to-bottom > .-twelve-xl-cols-wide, .grid.-top-to-bottom > .grid__row.-twelve-xl-columns-wide, .grid.-top-to-bottom.-twelve-xl-columns > .grid__row { width: 100%; } /* alignment classes */ .grid__column.-first-xl, .grid__row.-first-xl { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; -webkit-order: -1; order: -1; } .grid__column.-last-xl, .grid__row.-last-xl { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; -webkit-order: 1; order: 1; } .grid__column.-top-aligned-xl, .grid__row.-top-aligned-xl { -ms-flex-item-align: start; -webkit-align-self: flex-start; align-self: flex-start; } .grid__column.-middle-aligned-xl, .grid__row.-middle-aligned-xl { -ms-flex-item-align: center; -webkit-align-self: center; align-self: center; } .grid__column.-bottom-aligned-xl, .grid__row.-bottom-aligned-xl { -ms-flex-item-align: end; -webkit-align-self: flex-end; align-self: flex-end; } } /* general alignment classes */ .grid__column.-first, .grid__row.-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; -webkit-order: -1; order: -1; } .grid__column.-last, .grid__row.-last { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; -webkit-order: 1; order: 1; } .grid__column.-top-aligned, .grid__row.-top-aligned { -ms-flex-item-align: start; -webkit-align-self: flex-start; align-self: flex-start; } .grid__column.-middle-aligned, .grid__row.-middle-aligned { -ms-flex-item-align: center; -webkit-align-self: center; align-self: center; } .grid__column.-bottom-aligned, .grid__row.-bottom-aligned { -ms-flex-item-align: end; -webkit-align-self: flex-end; align-self: flex-end; } /* typography */ h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { margin: 0 0 .5rem; font-family: inherit; font-weight: 500; color: inherit; } h1, .h1 { font-size: 2.5rem; } h2, .h2 { font-size: 2rem; } h3, .h3 { font-size: 1.75rem; } h4, .h4 { font-size: 1.5rem; } h5, .h5 { font-size: 1.25rem; } h6, .h6 { font-size: 1rem; } /* content */ /* content elements */ article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { display: block; } address, article, blockquote, figure, p, pre, section { margin: 0 0 1rem; padding: .3rem 0; } big, small, sub, sup { line-height: 0; } sub, sup { font-size: 75%; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } code, kbd, pre, samp { font-family: Monaco, Consolas, Menlo, "Andale Mono", "DejaVu Sans Mono", monospace; font-size: 1em; } code, kbd { line-height: 140%; white-space: pre; white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -o-pre-wrap; background-color: rgba(245, 217, 149, 0.3); padding: .2rem .4rem; } kbd kbd { padding: 0; font-size: 100%; font-weight: bold; } pre { display: block; margin: 0 0 1rem; line-height: 1.5; overflow: auto; } pre code { padding: 0; font-size: inherit; color: inherit; background-color: transparent; border-radius: 0; } address { font-style: normal; line-height: inherit; } blockquote, .blockquote { padding: .5rem 1rem; margin-bottom: 1rem; font-size: 1.25rem; font-style: italic; border-left: .25rem solid #eceeef; } blockquote cite, .blockquote cite { display: block; font-style: normal; } abbr, abbr[title], abbr[data-original-title], acronym { cursor: help; border-bottom: 1px dotted #ffffff; } /* abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted; } */ small, .small { font-size: 80%; font-weight: normal; } mark, .mark { padding: .2em; background-color: #fcf8e3; } b, strong { font-weight: inherit; } b, strong { font-weight: bold; } dfn { font-style: italic; } /* content classes */ .main { padding: 0 .9375rem; } .example { padding: 1rem; border: .1rem solid #ffffff; overflow: hidden; } .content.-hide { font: "0/0" a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .content.-left-align { text-align: left; } .content.-right-align { text-align: right; } .content.-center-align { text-align: center; } .content.-justify { text-align: justify; } .content.-nowrap { white-space: nowrap; } .content.-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .content.-uppercase { font-size: 90%; text-transform: uppercase; } .content.-lowercase { text-transform: lowercase; } .content.-capitalize { text-transform: capitalize; } .content.-underline { text-decoration: underline; } .content.-clamp-2 { text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .content.-clamp-3 { text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } .content.-clamp-4 { text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; } .content.-clamp-5 { text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; } .content.-clamp-10 { text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 10; -webkit-box-orient: vertical; overflow: hidden; } .title { color: #000000; font-weight: bold; } /* TODO: Test whether or not these classes should be integrated into default styling */ .blockquote p:last-child, .blockquote ul:last-child, .blockquote ol:last-child { margin-bottom: 0; } .blockquote footer { display: block; font-size: 80%; line-height: 1.5; color: #818a91; } .blockquote footer:before { content: "\2014 \00A0"; } .blockquote-reverse { padding-right: 1rem; padding-left: 0; text-align: right; border-right: .25rem solid #eceeef; border-left: 0; } .blockquote-reverse footer:before { content: ""; } .blockquote-reverse footer:after { content: "\00A0 \2014"; } .figure { display: inline-block; } .figure > img { margin-bottom: .5rem; line-height: 1; } .figure-caption { font-size: 90%; color: #818a91; } .-italic { font-style: italic; } /* images */ img, .img { display: inline-block; height: auto; max-width: 100%; vertical-align: middle; border-style: none; } img.-circle, .img.-circle { border-radius: 50%; } img.-rounded, .img.-rounded { border-radius: .3rem; } /* TODO: Test whether or not these classes should be integrated into default styling */ .img.-responsive, .figure > img, .carousel__inner > .carousel__item > img, .carousel__inner > .carousel__item > a > img { display: block; max-width: 100%; height: auto; } img.-thumbnail, .img.-thumbnail { padding: .25rem; line-height: 1.5; background-color: #FFFFFF; border: 1px solid #ffffff; border-radius: .25rem; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } /* links */ a { text-decoration: none; background-color: transparent; color: #000000; } /*a:focus,*/ a:hover { text-decoration: underline; } a:active, a:hover { outline-width: 0; } /*a:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }*/ /* lists */ ol, ul, dl { margin: 0 0 1rem; padding-left: 1.5rem; } ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; } dt { font-weight: bold; } dd { margin-bottom: .5rem; margin-left: 0; } ol.unstyled, ul.unstyled, dl.unstyled { padding-left: 0; list-style: none; } ol.inline, ul.inline, dl.inline { padding-left: 0; margin-left: -5px; list-style: none; } ol.inline > li, ul.inline > li, dl.inline > dt, dl.inline > dd { display: inline-block; padding-right: 5px; padding-left: 5px; } dl.horizontal { margin-right: -1.875rem; margin-left: -1.875rem; } dl.horizontal:before, dl.horizontal:after { display: table; content: " "; } dl.horizontal:after { clear: both; } ol.border, ul.border, dl.border { border: 1px solid #ffffff; } ol.border > li, ul.border > li, dl.border > dt, dl.border > dd { border-bottom: 1px solid #ffffff; } ol.striped > li:nth-of-type(odd), ul.striped > li:nth-of-type(odd) { background-color: #f9f9f9; } ol.hover > li:hover, ul.hover > li:hover, dl.hover > dt:hover, dl.hover > dd:hover { background-color: #f5f5f5; } ol.number, ul.bullet { list-style-position: inside; } ol.number { list-style-type: decimal; } ul.bullet { list-style-type: disc; } ol.number > li, ul.bullet > li { display: list-item; } /* tables */ /* Mayur Dubey(SP): 4/30/2019, 11:46:12 AM - Commented below code and updated it to overflow hidden */ /* NOTE: tables are designed mobile-first, so by default headers disappear and are filled in on the left of each row */ /* base table styles */ table, .table { background-color: transparent; display: table; width: 100%; max-width: 100%; margin-bottom: 1rem; border-spacing: 0; border-collapse: collapse; } caption, .caption { padding-top: .75rem; padding-bottom: .75rem; color: #818A91; text-align: left; caption-side: top; display: table-caption; } tr, .table__row { border-bottom: 2px solid #000000; } table.-border tr, table.-border .table__row, .table.-border tr, .table.-border .table__row { border-bottom: 1px solid #000000; } th { text-align: left; } th, td { overflow: hidden; padding: .75rem; vertical-align: top; } td:after { float: left; content: attr(data-title); font-weight: 600; } /* extra styling classes */ /* wrapper class for properly responsive tables */ .table-container { display: block; /*DD 06/16/2016: comment width to fix issue of horizontal scroll. width: 100%;*/ min-width: 100%; /* Mayur Dubey(SP): 4/30/2019, 11:46:12 AM - Commented below code and updated it to overflow hidden */ /* overflow-x: auto; */ overflow: hidden; } /* classes for a bordered table */ table.-border, .table.-border { border: none; border-collapse: separate; border-spacing: 4px; background-color: white; } table.-border thead, table.-border .table__header, .table.-border thead, .table.-border .table__header, table.-edit thead, table.-edit .table__header, .table.-edit thead, .table.-edit .table__header { background-color: #e9e9e9; } table.-border th, .table.-border th { text-align: center; border-bottom-width: 2px; } /* class to apply alternating striped rows to a table */ table.-striped tbody tr:nth-of-type(odd), .table.-striped tbody tr:nth-of-type(odd) { background-color: #f9f9f9; } /* class to apply a hover state to each row in a table */ table.-hover tbody tr:hover, .table.-hover tbody tr:hover { background-color: #f5f5f5; } td > input, td > select { width: 50%; float: right; } table.-edit td:after, .table.-edit td:after { -webkit-transform: translateY(25%); -moz-transform: translateY(25%); -ms-transform: translateY(25%); transform: translateY(25%); } /* media query for larger screens to draw grid-like tables */ thead, .table__header { display: table-header-group; } tr, .table__row { border-bottom: none; } th { border-bottom: 2px solid #000000; } td { text-align: left; display: table-cell; border-top: 1px solid #000000; } td:after { display: none; } table.-border tr, table.-border .table__row, .table.-border tr, .table.-border .table__row { border-bottom: none; } table.-border th, table.-border td, .table.-border th, .table.-border td { border: 1px solid #e9e9e9; } table.-border tr.active td, table.-border .table__row.active td, .table.-border tr.active td, .table.-border .table__row.active td { border: 1px solid #000000; } table.-edit td, .table.-edit td { border: none; padding: .25rem; } td > input, td > select { width: 100%; float: none; } table.-edit td:after, .table.-edit td:after { -webkit-transform: none; -moz-transform: none; -ms-transform: none; transform: none; } @media (min-width: 75em) { table, .table { margin-bottom: 1.5rem; } } .-progress-percentage:before {color:#fff;} .item td .-item-container .-progress-bar-blue {height: 15px;} .item td .-outer-progress-message {font-size: 12px;font-style: italic;margin-right: 5px; max-width: 200px;} .item td .-inner-progress-message {right: 5px;top: 7px;left:85px;font-size: 12px;font-style: italic; max-width: 200px;} .item td .-progress-count {top:0px;right:25px; line-height: 16px;} .item td .-progress-percentage {top:0px;left: 25px; line-height: 16px;} .item td .back-dis {border-color: #eceeef;background-color: #eceeef;} /* buttons */ button:not(.ag-charts-proxy-elem), .button:not(.ag-charts-proxy-elem) { color: #FFFFFF; background-color: #000000; border: 1px solid #000000; border-radius: .125rem; display: inline-block; margin: 0.4rem; padding: 0.5rem 1rem; cursor: pointer; font: inherit; text-align: center; text-decoration: none; text-transform: none; overflow: visible; vertical-align: middle; white-space: nowrap; zoom: 1; -webkit-appearance: none; -webkit-user-drag: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateZ(0px); transform: translateZ(0px); -webkit-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-property: background-color; transition-property: background-color; } .mce-primary button { background-color: #000000 !important; } button:not(.ag-charts-proxy-elem)::-moz-focus-inner, .button:not(.ag-charts-proxy-elem)::-moz-focus-inner { padding: 0; border: 0; } button:not(.ag-charts-proxy-elem):-moz-focusring, .button:not(.ag-charts-proxy-elem):-moz-focusring { outline: 1px dotted ButtonText; } [role="button"] { cursor: pointer; } button:not(.ag-charts-proxy-elem):hover, button:not(.ag-charts-proxy-elem):focus, button:not(.ag-charts-proxy-elem).-hover, .button:not(.ag-charts-proxy-elem):hover, .button:not(.ag-charts-proxy-elem):focus, .button.-hover:not(.ag-charts-proxy-elem) { background-color: #000000; ;>> text-decoration: none; } button:not(.ag-charts-proxy-elem):active, button.-active:not(.ag-charts-proxy-elem), .button:not(.ag-charts-proxy-elem):active, .button.-active:not(.ag-charts-proxy-elem) { background-color: #e9e9e9; border: 1px solid #e9e9e9; } button:not(.ag-charts-proxy-elem):disabled, button.-disabled:not(.ag-charts-proxy-elem), .button:not(.ag-charts-proxy-elem):disabled, .button.-disabled:not(.ag-charts-proxy-elem) { background-color: #CCCCCC; border: 1px solid #CCCCCC; cursor: not-allowed; pointer-events: none; } a.button.-disabled { pointer-events: none; } button.-standard, .button.-standard { width: 120px; } button.-wide, .button.-wide { width: 180px; } button.-outline, .button.-outline { background-color: #FFFFFF; color: #000000; -webkit-transition-property: border, color; transition-property: border, color; } button.-outline:hover, button.-outline:focus, button.-outline.-hover, .button.-outline:hover, .button.-outline:focus, .button.-outline.-hover { background-color: #FFFFFF; border: 1px solid #e9e9e9; color: #e9e9e9; } button.-outline:active, button.-outline.-active, .button.-outline:active, .button.-outline.-active { background-color: #FFFFFF; border: 1px solid #000000; color: #000000; } button.-outline:disabled, button.-outline.-disabled, .button.-outline:disabled, .button.-outline.-disabled { background-color: #FFFFFF; border: 1px solid #CCCCCC; color: #CCCCCC; } button.-close, .button.-close, button.mce-close { float: right; font-size: 1.5rem; font-weight: bold; line-height: 1; height: 3rem; color: #000000; text-shadow: 0 1px 0 #FFFFFF; opacity: .2; -webkit-appearance: none; padding: 0; cursor: pointer; background: transparent; border: 0; } button.-close:after, .button.-close:after, button.mce-close:after { position:relative; content:"\d7"; font-weight:bold; } button.-close:focus, button.-close:hover, button.-close.-hover, .button.-close:focus, .button.-close:hover, .button.-close.-hover, button.mce-close:hover { color: #000000; text-decoration: none; cursor: pointer; opacity: .5; } button.-danger:focus, button.-danger:hover, button.-danger.-hover, .button.-danger:focus, .button.-danger:hover, .button.-danger.-hover { background-color: #EBCCCC; border-color: #C89A9A; color: #843534; } button.-success, button[disabled].-success, .button.-success, .button.disabled.-success { color: #3C763D; background-color: #DFF0D8; border: 1px solid #DFF0D8; } .button-font-color {color: #000000} .button-color {background-color: #e9e9e9} button.-secondary-button, .button.-secondary-button { border-radius: 0; padding: 5px 10px; border:0; } /* forms */ /* section titles */ form > section > h4, form > section > .title { padding-left: .5rem; } fieldset, .form-group { overflow: hidden; min-width: 0; max-width: 100%; padding: 0; margin: 0; border: 0; margin-bottom: 1rem; align-items: center; } @-moz-document url-prefix() { fieldset { display: table-cell; } } fieldset .-static, .form-group .-static { min-height: 2.25rem; padding-top: .375rem; padding-bottom: .375rem; margin-bottom: 0; } legend, .legend { box-sizing: border-box; display: table; max-width: 100%; border: 0; color: inherit; padding: 0; white-space: normal; margin-bottom: .5rem; font-size: 1.5rem; font-weight: bold; line-height: inherit; } label, .label { text-align: right; display: inline-block; align-self: center; padding: 0 .75rem; margin-bottom: 0; font-weight: normal; } label.-hidden, .label.-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0; visibility: hidden; display: inline; } input, optgroup, select, textarea, .field { font: inherit; margin: 0; } input, select, textarea, .field { display: block; max-width: 100%; padding: .35rem; border: 1px solid #000000; color: #55595c; background-color: #FFFFFF; background-image: none; border-radius: .15rem; } textarea.-1-row-tall, textarea.-one-row-tall, .field.-1-row-tall, .field.-one-row-tall { height: 2.5rem; max-height: 2.5rem; } textarea.-2-rows-tall, textarea.-two-rows-tall, .field.-2-rows-tall, .field.-two-rows-tall { height: 4rem; max-height: 4rem; } textarea.-3-rows-tall, textarea.-three-rows-tall, .field.-3-rows-tall, .field.-three-rows-tall { height: 5.5rem; max-height: 5.5rem; } textarea.-4-rows-tall, textarea.-four-rows-tall, .field.-4-rows-tall, .field.-four-rows-tall { height: 7rem; max-height: 7rem; } textarea.-5-rows-tall, textarea.-five-rows-tall, .field.-5-rows-tall, .field.-five-rows-tall { height: 8.5rem; max-height: 8.5rem; } textarea.-6-rows-tall, textarea.-six-rows-tall, .field.-6-rows-tall, .field.-six-rows-tall { height: 10rem; max-height: 10rem; } textarea.-7-rows-tall, textarea.-seven-rows-tall, .field.-7-rows-tall, .field.-seven-rows-tall { height: 11.5rem; max-height: 11.5rem; } textarea.-8-rows-tall, textarea.-eight-rows-tall, .field.-8-rows-tall, .field.-eight-rows-tall { height: 13rem; max-height: 13rem; } textarea.-9-rows-tall, textarea.-nine-rows-tall, .field.-9-rows-tall, .field.-nine-rows-tall { height: 14.5rem; max-height: 14.5rem; } textarea.-10-rows-tall, textarea.-ten-rows-tall, .field.-10-rows-tall, .field.-ten-rows-tall { height: 16rem; max-height: 16rem; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #999999; opacity: 0.8; } input::-moz-placeholder, textarea::-moz-placeholder { color: #999999; opacity: 0.8; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #999999; opacity: 0.8; } input::-ms-input-placeholder, textarea::-ms-input-placeholder { color: #999999; opacity: 0.8; } input::placeholder, textarea::placeholder, select option[default] { color: #999999; opacity: 0.8; } select option[default] { display: none; } input.focus, input:focus, select.focus, select:focus, textarea.focus, textarea:focus { border-color: #000000 !important; outline: none; color : inherit !important; } input.-disabled, input:disabled, input[disabled], fieldset.-disabled input, .form-group.-disabled input, fieldset[disabled] input, select.-disabled, select:disabled, select[disabled], fieldset.-disabled select, .form-group.-disabled select, fieldset[disabled] select, textarea.-disabled, textarea:disabled, textarea[disabled], fieldset.-disabled textarea, .form-group.-disabled textarea, fieldset[disabled] textarea, .field.-disabled, .field:disabled, .field[disabled], fieldset.-disabled .field, .form-group.-disabled .field, fieldset[disabled] .field { background-color: #eceeef; opacity: 1; cursor: not-allowed; border-color: #eceeef; } input, input.field { height: 2.5rem; line-height: inherit; -webkit-border-radius: 0; border-radius: 0; padding-right: 2.1rem; } input[type="checkbox"] { height: inherit; } input[type="search"] { -webkit-appearance: textfield; background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiBoZWlnaHQ9IjE2cHgiIHdpZHRoPSIxNnB4IiB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTEyIDUxMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxnPjxwYXRoIHN0eWxlPSJmaWxsOnJnYigwLDcxLDEzMyk7IiBkPSJNMjIxLjgsNDQxLjlDMTAwLjcsNDQxLjksMiwzNDMsMiwyMjEuNUMyLDk5LjksMTAwLjcsMSwyMjEuOSwxYzEyMS4yLDAsMjE5LjgsOTguOSwyMTkuOSwyMjAuNUM0NDEuOCwzNDMsMzQzLjEsNDQxLjksMjIxLjgsNDQxLjlMMjIxLjgsNDQxLjl6IE0yMjEuOSw1NS40Yy04OC41LDAtMTYwLjQsNzQuNS0xNjAuNSwxNjYuMWMwLDkxLjUsNzIsMTY2LDE2MC40LDE2NmM4OC41LDAsMTYwLjUtNzQuNSwxNjAuNS0xNjZDMzgyLjMsMTI5LjksMzEwLjMsNTUuNCwyMjEuOSw1NS40TDIyMS45LDU1LjR6Ii8+PC9nPjxnPjxwYXRoIHN0eWxlPSJmaWxsOnJnYigwLDcxLDEzMyk7IiBkPSJNNDc4LjcsNTExYy04LDAtMTUuOS0zLTIyLTguOUwzMzguOCwzODcuN2MtMTIuMi0xMS45LTEyLjItMzEuMy0wLjEtNDMuM2MxMi4xLTEyLDMxLjgtMTIsNDMuOS0wLjFsMTE3LjksMTE0LjNjMTIuMiwxMS45LDEyLjIsMzEuMywwLjEsNDMuM0M0OTQuNSw1MDgsNDg2LjYsNTExLDQ3OC43LDUxMUw0NzguNyw1MTF6Ii8+PC9nPjwvZz48L3N2Zz4=); background-position: right 10px center; background-repeat: no-repeat; background-size: 16px 16px; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } input[type="range"] { border: none; } input[type="number"] { -moz-appearance: textfield; text-align: right; } input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; height: auto; margin: 0; } input[data-widget="spinner"] { text-align: right; min-width: 0; } input[type="color"] { flex: 0 1 auto; height: 1.6rem; padding: .2rem 0; cursor: pointer; border: none; } input[type="file"], input[type="range"] { display: block; box-sizing: border-box; padding: 0; } html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } input::-moz-focus-inner { border: 0; padding: 0; } input:-moz-focusring { outline: 1px dotted ButtonText; } .-stnumber { padding-right: 30px; } select, select.field { -webkit-appearance: none; -moz-appearance: none; appearance: none; padding : .33rem .35rem; text-indent: 0.01px; text-overflow: ''; text-transform: none; outline: medium none; background-color: #FFFFFF; background-position: 99% 60%; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMTZweCIgd2lkdGg9IjE2cHgiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBzdHlsZT0iZmlsbDpyZ2IoMCwgNzEsIDEzMyk7IiBkPSJNMjU2LDM2Ny42Yy04LjksMC0xOC0zLjMtMjQuNy05LjlsLTE2MS0xNTQuOGMtMTMuNy0xMy4xLTEzLjctMzQuNSwwLTQ3LjdjMTMuNi0xMy4yLDM1LjgtMTMuMiw0OS41LDBsMTM2LjMsMTMxbDEzNi4zLTEzMWMxMy42LTEzLjEsMzUuOC0xMy4xLDQ5LjUsMGMxMy43LDEzLjEsMTMuNywzNC41LDAsNDcuN2wtMTYxLDE1NC44QzI3My45LDM2NC4zLDI2NC45LDM2Ny42LDI1NiwzNjcuNkwyNTYsMzY3LjZ6Ii8+PC9zdmc+); background-size:20px 20px; background-repeat: no-repeat; width: 99.8%; } select[multiple], select.field[multiple] { background: none; } select::-ms-expand { background-color: transparent; border: 0; display: none; } select::-ms-value { color: currentColor; } textarea, textarea.field { height: 8rem; resize: vertical; overflow: auto; } textarea:disabled { padding: 1px; color: #999999; } optgroup { font-weight: bold; } .input-container { display: inline-flex; position: relative; } .input-container > input, .input-container > select, .input-container > textarea, .input-container__field { flex: 1 1 auto; width: 100%; } .input-container > input:not(:first-child):not(:last-child), .input-container > select:not(:first-child):not(:last-child), .input-container > textarea:not(:first-child):not(:last-child), .input-container__addon:not(:first-child):not(:last-child), .input-container__field:not(:first-child):not(:last-child) { border-radius: 0; } .input-container > button, .input-container__button, .input-container__addon { flex: 0 0 2.5em; min-width: 1%; font-size: 1rem; font-weight: normal; line-height: 1.5; text-align: center; white-space: nowrap; border: 1px solid #000000; border-radius: .15rem; color: #55595c; background-color: #000000; } .input-container__addon { padding: .375rem 1rem; } .input-container > button, .input-container__button { display: flex; align-items: center; align-content: center; justify-content: center; margin: 0; padding: 0; -webkit-transform: translateZ(0px); transform: translateZ(0px); -webkit-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-property: background-color; transition-property: background-color; } .input-container > button:hover, .input-container__button:hover { background-color: #ffffff; } .input-container > input:first-child, .input-container > select:first-child, .input-container > textarea:first-child, .input-container__field:first-child, .input-container > button:first-child, .input-container__button:first-child, .input-container__addon:first-child { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-container > button:first-child, .input-container__button:first-child, .input-container__addon:first-child { border-right: 0; } .input-container > input:last-child, .input-container > select:last-child, .input-container > textarea:last-child, .input-container__field:last-child, .input-container > button:last-child, .input-container__button:last-child, .input-container__addon:last-child { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-container > button:last-child, .input-container__button:last-child, .input-container__addon:last-child { border-left: 0; } .input-container > input:only-child, .input-container > select:only-child, .input-container > textarea:only-child, .input-container__field:only-child { } .input-container > input[type="search"] { -webkit-appearance: none; } .input-container > input[type="file"], .input-container > input[type="range"] { display: block; box-sizing: border-box; padding: 0; } .input-container > input[type="color"] { flex: 0 1 auto; height: 1.6rem; padding: .2rem 0; cursor: pointer; border: none; } .input-container > input[type="range"] { border: none; } .input-container > input[data-widget="spinner"] { text-align: right; margin: 0; } input[data-widget='spinner']{ width: 18.4rem !important; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { input[data-widget='spinner']{ width: 6rem !important; } } .input-container__addon.-vertical-spinner { flex: 0 0 auto; flex-direction: column; -webkit-flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding: 0; margin: 0; } .input-container__addon.-vertical-spinner > button, .input-container__addon.-vertical-spinner > .button { display: block; width: 100%; padding: 0 .25rem; margin: 0; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; border: none; border-top-left-radius: 0; border-bottom-left-radius: 0; background: unset !important; min-width: 10px !important; border-style: initial !important; } .input-container__addon.-vertical-spinner > button > .icon, .input-container__addon.-vertical-spinner > .button > .icon { display: block; } .input-container__addon.-vertical-spinner > button:first-child, .input-container__addon.-vertical-spinner > .button:first-child { border-bottom-right-radius: 0; } .input-container__addon.-vertical-spinner > button:last-child, .input-container__addon.-vertical-spinner > .button:last-child { border-top-right-radius: 0; } .input-container__clear { position: absolute; cursor: pointer; z-index: 3; top: 50%; right: 10px; transform: translate(0, -50%); display: flex; align-items: center; background: #FFF; } .-radio, .-checkbox { position: relative; } .-radio.-inline, .-checkbox.-inline { position: relative; display: inline; padding-left: 1.25rem; margin-bottom: 0; font-weight: normal; vertical-align: middle; cursor: pointer; } .-radio label, .-radio .label, .-checkbox label, .-checkbox .label { display: inline-block; position: relative; margin-bottom: 0; font-weight: normal; cursor: pointer; } fieldset label > input[type="radio"], fieldset .label > input[type="radio"], .form-group label > input[type="radio"], .form-group .label > input[type="radio"], fieldset label > input[type="checkbox"], fieldset .label > input[type="checkbox"], .form-group label > input[type="checkbox"], .form-group .label > input[type="checkbox"] { display: inline; position: absolute; margin-top: .25rem; margin-left: -1.25rem; z-index: -1; opacity: 0; } .-checkbox label > span, .-checkbox .label > span, .-radio label > span, .-radio .label > span { position: absolute; left: 0; display: block; width: 1.2rem; height: 1.2rem; margin-right: 0.5rem; font-size: 70%; line-height: 1rem; border: 1px solid #000000; background-color: #FFFFFF; background-repeat: no-repeat; background-position: center center; color: #FFFFFF; text-align: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-background-size: 70% 70%; background-size: 70% 70%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } div[data-widget="toggletoset"] .-checkbox label > span, div[data-widget="toggletoset"] .-checkbox .label > span, div[data-widget="toggletoset"] .-radio label > span, div[data-widget="toggletoset"] .-radio .label > span { top:3px; } div[data-fieldtype="dropdownsearch"] .-checkbox label > span, div[data-fieldtype="dropdownsearch"] .-checkbox .label > span, div[data-fieldtype="dropdownsearch"] .-radio label > span, div[data-fieldtype="dropdownsearch"] .-radio .label > span { top:17px; } .-renderassearchandselect .-checkbox label > span, .-renderassearchandselect .-checkbox .label > span, .-renderassearchandselect .-radio label > span, .-renderassearchandselect .-radio .label > span { top:17px; } .-checkbox input:checked ~ span, .-radio input:checked ~ span { } .-checkbox input:active ~ span, .-radio input:active ~ span { } .-checkbox:disabled input ~ span, .-checkbox[disabled] input ~ span, .-checkbox.-disabled input ~ span, .-checkbox input:disabled ~ span, .-checkbox input[disabled] ~ span, .-checkbox input.-disabled ~ span, .-radio:disabled input ~ span, .-radio[disabled] input ~ span, .-radio.-disabled input ~ span, .-radio input:disabled ~ span, .-radio input[disabled] ~ span, .-radio input.-disabled ~ span { background-color: #555555; opacity: .5; border: 1px solid #555555; } .-checkbox div > label > span, .-checkbox div > .label > span { } .-checkbox input:checked ~ span { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgOCA4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA4IDgiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZmlsbD0iIzAwNDc4NSIgZD0iTTYuNCwxTDUuNywxLjdMMi45LDQuNUwyLjEsMy43TDEuNCwzTDAsNC40bDAuNywwLjdsMS41LDEuNWwwLjcsMC43bDAuNy0wLjdsMy41LTMuNWwwLjctMC43TDYuNCwxTDYuNCwxeiIgLz4NCjwvc3ZnPg==); } .-checkbox:disabled input:checked ~ span, .-checkbox[disabled] input:checked ~ span, .-checkbox.-disabled input:checked ~ span, .-checkbox input:checked:disabled ~ span, .-checkbox input:checked.-disabled ~ span { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgOCA4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA4IDgiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTYuNCwxTDUuNywxLjdMMi45LDQuNUwyLjEsMy43TDEuNCwzTDAsNC40bDAuNywwLjdsMS41LDEuNWwwLjcsMC43bDAuNy0wLjdsMy41LTMuNWwwLjctMC43TDYuNCwxTDYuNCwxeiINCgkvPg0KPC9zdmc+DQo=); } .-checkbox input:indeterminate ~ span { background-color: #0074d9; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iOHB4IiBoZWlnaHQ9IjhweCIgdmlld0JveD0iMCAwIDggOCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgOCA4IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0wLDN2Mmg4VjNIMHoiLz4NCjwvc3ZnPg0K); } .-checkbox .input-container { height: 2.4rem; } .-checkbox .input-container.-label-placement-right { padding-left: 0.75rem; } .-radio div > label > span, .-radio div > .label > span { border-radius: 50%; } .-radio input:checked ~ span { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KICAgdmlld0JveD0iMCAwIDggOCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgOCA4IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiMwMDQ3ODUiIGQ9Ik00LDFDMi4zLDEsMSwyLjMsMSw0czEuMywzLDMsM3MzLTEuMywzLTNTNS43LDEsNCwxeiIvPg0KPC9zdmc+); } .-radio:disabled input:checked ~ span, .-radio[disabled] input:checked ~ span, .-radio.-disabled input:checked ~ span, .-radio input:checked:disabled ~ span, .-radio input:checked.-disabled ~ span { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgOCA4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA4IDgiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTQsMUMyLjMsMSwxLDIuMywxLDRzMS4zLDMsMywzczMtMS4zLDMtM1M1LjcsMSw0LDF6Ii8+DQo8L3N2Zz4NCg==); } fieldset.-inline + fieldset.-inline, .form-group.-inline + .form-group.-inline { margin-top: 0; margin-left: .75rem; } fieldset.-small .-static, .form-group.-small .-static, fieldset.-large .-static, .form-group.-large .-static { padding-right: 0; padding-left: 0; } fieldset.-small input, .form-group.-small input, fieldset.-small select, .form-group.-small select, fieldset.-small textarea, .form-group.-small textarea, fieldset.-small .-static, .form-group.-small .-static, fieldset.-small .input-container__addon, .form-group.-small .input-container__addon, fieldset.-small .input.button > button, .form-group.-small .input.button > button, fieldset.-small .input.button > .button, .form-group.-small .input.button > .button { padding: .275rem .75rem; font-size: .85rem; line-height: 1.5; border-radius: .2rem; } fieldset.-large input, .form-group.-large input, fieldset.-large select, .form-group.-large select, fieldset.-large textarea, .form-group.-large textarea, fieldset.-large .-static, .form-group.-large .-static, fieldset.-large .input-container__addon, .form-group.-large .input-container__addon, fieldset.-large .input.button > button, .form-group.-large .input.button > button, fieldset.-large .input.button > .button, .form-group.-large .input.button > .button { padding: .75rem 1.25rem; font-size: 1.25rem; line-height: 1.333333; border-radius: .3rem; } fieldset:disabled label, fieldset:disabled .label, fieldset[disabled] label, fieldset[disabled] .label, fieldset.-disabled label, fieldset.-disabled .label, .form-group.-disabled label, .form-group.-disabled .label, fieldset label.-disabled, fieldset .label.-disabled, .form-group label.-disabled, .form-group .label.-disabled { color: #555555; opacity: .5; cursor: not-allowed; } @media screen and (-webkit-min-device-pixel-ratio: 0) { input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] { line-height: 2.25rem; } input[type="date"], fieldset.-small input[type="date"], .form-group.-small input[type="date"], input[type="time"].-small, fieldset.-small input[type="time"], .form-group.-small input[type="time"], input[type="datetime-local"].-small, fieldset.-small input[type="datetime-local"], .form-group.-small input[type="datetime-local"], input[type="month"].-small, fieldset.-small input[type="month"], .form-group.-small input[type="month"] { line-height: 0.825rem; } input[type="date"].-large, fieldset.-large input[type="date"], .form-group.-large input[type="date"], input[type="time"].-large, fieldset.-large input[type="time"], .form-group.-large input[type="time"], input[type="datetime-local"].-large, fieldset.-large input[type="datetime-local"], .form-group.-large input[type="datetime-local"], input[type="month"].-large, fieldset.-large input[type="month"], .form-group.-large input[type="month"] { line-height: 3.166667rem; } } @media (min-width: 34em) { form.-inline fieldset, form.-inline .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; } form.-inline input, form.-inline select, form.-inline textarea { display: inline-block; width: auto; vertical-align: middle; } form.-inline .-static { display: inline-block; } form.-inline .input-container { display: inline-table; vertical-align: middle; } form.-inline input, form.-inline select, form.-inline textarea, form.-inline .input-container__addon, form.-inline .input.button { width: auto; } form.-inline label, form.-inline .label { margin-bottom: 0; vertical-align: middle; } form.-inline .-has-feedback .form-control-feedback { top: 0; } } @media (max-width: 34em) { label, .label { text-align: left; padding-left: 0; } } /* file drag and drop */ [data-fieldtype].-dropzone, [data-fieldtype] .-dropzone { border: 2px dashed #000000; } /* keywords */ .keywords .grid__column:first-child { padding: .5rem 0 .5rem .5rem; } .keywords .keywords__keyword { border: 1px solid #000000; padding: .5rem; margin: .5rem; } .keywords .keywords__container { padding: 0; } .keywords .keywords__keyword .icon { margin-left: .5rem; } /* popup */ [data-fieldtype="Popup"] > .input-container { padding-right:5px; } /* search */ .search-field { padding: 0; position: relative; } .search-field > .form-group { overflow: visible; } .search-field .input-container { position: relative; } .search-field__results-container { padding: 0; position: absolute; width: 99.55%; left:0; top: 31px; margin-right: 0px; z-index: 6; min-width: 200px; } .search-field__results { background-color: #FFFFFF; border: 1px solid #000000; padding: 0; } .search-field__result { cursor: pointer; padding: .25rem; width: 100%; margin-left:5px; } .search-field__result:hover { background-color: #000000; color: #FFFFFF; } .search-field.-stacked .search-field__results { position: static; min-height: 251px; max-height: 251px; margin-top: 1rem; overflow: auto; } .search-field__results-container .search-field__result .-checkbox label { text-align: left; padding-left: 1.5rem; } ul li .multiselectoption { white-space: pre; } /* calendar */ .hide-text { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .input-block-level { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .date-field { padding: 0; position: relative; } .date-field > .form-group { overflow: visible; } .date-field .input-container { position: relative; } .date-field .input-container .calendericon { position: absolute; top:5px; right:5px; } .date-field > [data-fieldtype="date"] > .input-container > .field, .date-field > [data-fieldtype="datetime"] > .input-container > .field, .date-field > [data-fieldtype="datetime-local"] > .input-container > .field { padding-right: 34px; text-align: right; } .date-field > [data-fieldtype="time"] > .input-container > .field{ background-position: right 8px center; background-repeat: no-repeat; background-size: 20px 20px; cursor: pointer; text-align: right; padding-right: 2.5rem; } .date-field > [data-fieldtype="date"] > .input-container > .calendericon, .date-field > [data-fieldtype="datetime"] > .input-container > .calendericon, .date-field > [data-fieldtype="datetime-local"] > .input-container > .calendericon { top: 7px; right: 7px; position: absolute; } .date-field > [data-fieldtype="date"] > .input-container > .calendericon .icon, .date-field > [data-fieldtype="datetime"] > .input-container > .calendericon .icon { height: 20px; width: 20px; } .date-field__calendar-container { padding: 0; position: fixed; z-index: 12; } .date-field__calendar-container.-top { top: auto; bottom: 50px; } .calendar { margin-top: 1px; z-index: 3000; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 0; } .calendar.pull-right:before { left: auto; right: 6px; } .calendar.pull-right:after { left: auto; right: 7px; } .calendar > ul { list-style-type: none; margin: 0; } .calendar .timepicker-hour, .calendar .timepicker-minute, .calendar .timepicker-second { width: 100%; font-weight: bold; font-size: 1.2em; } .calendar table[data-hour-format="12"] .separator { width: 4px; padding: 0; margin: 0; } .calendar .datepicker > div { display: none; } .calendar .picker-switch { text-align: center; } .calendar table { width: 100%; margin: 0; right: 0px; background-color: #FFFFFF; border: 1px solid #000000; width: auto; max-width:fit-content; padding: 0.2rem; } .calendar tr td, .calendar th { text-align: center; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 0; padding: 0.2rem; } .calendar td { border-top: none; } .calendar tr.daysrow td.emptycell, .calendar tr.daysrow td.day, .calendar th { width: 20px; height: 20px; } .calendar td.day:hover { background: #eee; color: inherit; cursor: pointer; } .calendar td.day.name:hover { background: #fff; cursor: default; } .calendar td.old, .calendar td.new { color: #999; } .calendar td.active, .calendar td.active:hover { color: #fff; background-color: #006dcc; background-image: -moz-linear-gradient(top, #08c, #04c); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#04c)); background-image: -webkit-linear-gradient(top, #08c, #04c); background-image: -o-linear-gradient(top, #08c, #04c); background-image: linear-gradient(to bottom, #08c, #04c); background-repeat: repeat-x; filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0); border-color: #04c #04c #002a80; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #04c; filter: progid: DXImageTransform.Microsoft.gradient(enabled=false); color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .calendar td.active:hover, .calendar td.active:hover:hover, .calendar td.active:active, .calendar td.active:hover:active, .calendar td.active.active, .calendar td.active:hover.active, .calendar td.active.disabled, .calendar td.active:hover.disabled, .calendar td.active[disabled], .calendar td.active:hover[disabled] { color: #fff; background-color: #04c; *background-color: #003bb3; } .calendar td.active:active, .calendar td.active:hover:active, .calendar td.active.active, .calendar td.active:hover.active { background-color: #039 \9; } .calendar td.disabled, .calendar td.disabled:hover { background: 0; color: #999; cursor: not-allowed; } .calendar td span { display: block; width: 47px; height: 54px; line-height: 54px; float: left; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .calendar .day:hover { cursor: pointer; background: #eee; } .calendar .day.active { color: #fff; background-color: #006dcc; background-image: -moz-linear-gradient(top, #08c, #04c); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#04c)); background-image: -webkit-linear-gradient(top, #08c, #04c); background-image: -o-linear-gradient(top, #08c, #04c); background-image: linear-gradient(to bottom, #08c, #04c); background-repeat: repeat-x; filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0); border-color: #04c #04c #002a80; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #04c; filter: progid: DXImageTransform.Microsoft.gradient(enabled=false); color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .calendar .day.active:hover, .calendar .day.active:active, .calendar .day.active.active, .calendar .day.active.disabled, .calendar .day.active[disabled] { color: #fff; background-color: #04c; } .calendar .day.active:active, .calendar .day.active.active { background-color: #039 \9; } .calendar .day.old { color: #999; } .calendar .day.disabled, .calendar .day.disabled:hover { background: 0; color: #999; cursor: not-allowed; } .calendar th.switch { width: 145px; } .calendar th.next, .calendar th.prev { font-size: 21px; } .calendar th.disabled, .calendar th.disabled:hover { background: 0; color: #999; cursor: not-allowed; } .calendar tbody td.-selected { /* Cell showing today date */ font-weight: bold; background: #000000; color: #e9e9e9; } .calendar tbody td.-today { /* Cell showing selected date */ font-weight: bold; } .calendar thead tr:first-child th { cursor: pointer; } .calendar thead tr:first-child th:hover { background: #eee; } .calendar .button { display: table-cell; min-width: 50px !important; } .calendar [data-fieldtype="dropdownsearch"] { padding: 0; } .calendar .button:hover { border: 0px; } .calendar table thead { display: table-header-group; } .input-append.date .add-on i, .input-prepend.date .add-on i { display: block; cursor: pointer; width: 16px; height: 16px } .calendar.left-oriented:before { left: auto; right: 6px; } .calendar.left-oriented:after { left: auto; right: 7px; } .calendar tr.time { } .-label-message { font-size:12px; font-style:italic; margin: 0; } .max-char-message-popup { max-width:400px; text-align:center; } .max-char-message-popup .max-char-message-text { margin-bottom:30px; } .input-container__clear.-popup-field-cross { right:28px; } .cloudandobject .input-container, .cloudandobject .search-field__results-container { padding-left: 10px; } .renderAs[data-interaction="Hidden"], .-UIContainer-table-td[data-interaction="Hidden"] { display:none; } .renderAs[data-interaction="Editable"], .-UIContainer-table-td[data-interaction="Editable"] { display:block; } label[data-interaction="Hidden"] { display:none; } label[data-interaction="Editable"] { display:block; } .workflow_search-field__results { max-height: 180px; overflow-y: auto; overflow-x: hidden; background-color: #FFFFFF; padding: 0; width:100%; } .workflow_search-field__results-container { padding: 0; position: absolute; width: 100%; left:0; top: 34px; margin-right: 1px; z-index: 13; } .workflow_search-field__results-container.-drop-up { bottom: 17px; top: unset; } .-renderascolorselector .input-container .colorSelectorField { width: calc(100% - 65px); border-right: 0px; } .-color-preview { width: 65px; } .colorSelectorDropDown { z-index: 111; box-shadow: 0px 2px 5px -1px; padding: 5px; } .colorSelectorDropDown .-main-color-selector-area { padding: 0; } .-UIContainer .-UIContainer-table-td.-half-width.-hs-custom .colorSelectorDropDown { width: 98.5%; } .-UIContainer .-UIContainer-table-td:not(.-half-width) .colorSelectorDropDown { width: 65%; right: 0; } .-UIContainer .-UIContainer-table-td .form-group .-color-picker-widget ._k3m { width: 49px; } .-UIContainer .-UIContainer-table-td .form-group .-color-picker-widget ._Myn { width: calc(100% - 49px); } .-UIContainer .-UIContainer-table-td.-half-width .form-group .-color-picker-widget ._k3m { width: 38px; } .-UIContainer .-UIContainer-table-td.-half-width .form-group .-color-picker-widget ._Myn { width: calc(100% - 38px); } .field-file .-dropbox-corner, .-main-image-container .-dropbox-corner, .multiple-files .-dropbox-corner{ font-size: 18px; color: white; line-height: 0; } .field-file .-dropbox-corner .-left-corner, .-main-image-container .-dropbox-corner .-left-corner, .multiple-files .-dropbox-corner .-left-corner{ left: 0; } .field-file .-dropbox-corner .-top-corner, .-main-image-container .-dropbox-corner .-top-corner, .multiple-files .-dropbox-corner .-top-corner{ top: 8px } .field-file .-dropbox-corner .-right-corner, .-main-image-container .-dropbox-corner .-right-corner, .multiple-files .-dropbox-corner .-right-corner{ right: 0; } .field-file .-dropbox-corner .-bottom-corner, .-main-image-container .-dropbox-corner .-bottom-corner, .multiple-files .-dropbox-corner .-bottom-corner{ bottom: 8px; } .field-file .innerbox, .-main-image-container .innerbox, .multiple-files .innerbox{ background: rgba(129, 138, 145, 0.39); height: 100%; width: 100%; top: 0; left: 0; position: absolute; padding: 10px; transition: opacity .5s; display: grid; opacity:0; z-index: 11; } /* Shubham Prajapat: 6/12/2020, 3:17:53 PM - commenting below line */ /* .field-file .innerbox, */ .-main-image-container[data-allowonhover="N"] .innerbox, .multiple-files .innerbox{ opacity:1; } .field-file .innerbox .-uploader-text, .-main-image-container .innerbox .-uploader-text, .multiple-files .innerbox .-uploader-text{ display: table-cell; vertical-align:middle; text-align: center; font-size: 18px; padding: 5px; color: #fff; transform: translate(-50%, -50%); top: 50%; left: 50%; position: absolute; width: 100%; } .-UIContainer-table-td.-half-width .form-group .input-container .innerbox .-uploader-text, .-renderasmultiplefiles.-half-width .form-group .innerbox .-uploader-text { font-size: 13px; } .LocalValueTooltip { position: absolute; right:-2%; box-shadow: 2px 2px 4px 0; border: 1px solid; padding: 0 12px 0 12px; text-align: center; top: 30px; display: none; } .-renderastextfield:hover .LocalValueTooltip{ display: block; z-index: 1; background-color: white; } .input-container__addon.-vertical-spinner > button:focus { background-color: white; } .input-container__addon.-vertical-spinner > button:active { background-color: #004789; } .-renderasdateandtimefield .input-container__field, .-renderasnumberfield .input-container__field { text-align: right; } .search-field .-addButton { justify-content: flex-end; } .cloud .cloud__container .-card-active { box-shadow: 0px 0px 4px 2px #000000; } @media screen\0 { .cloud .cloud__container .-card-active { box-shadow: 0px 0px 0px 0px #000000; outline: 2px solid #000000; } } #Items-Container[data-appearance="Timeline"] .item.-active-border { border: 1px solid #004785; background: aliceblue; } #Items-Container[data-appearance="List"] .item.-active-border { border: 1px solid #004785; background: aliceblue; } .calendar tr td { word-break: keep-all; } .input-container .-on-blank-fallback-message, [data-fieldtype="SearchAndSelect"] .-load-collectiondata-search .-on-blank-fallback-message{top:0;left:0;width:100%;height:100%;background:#FFF;opacity:0.5;z-index: 11;padding:0.4rem;text-align:center;} [data-fieldtype="SearchAndSelect"] .-load-collectiondata-search {position:relative;} .input-container.-no-label-padding {padding-left: 0.75rem;} .-formbuilder-render .-render-field-columns, .renderform .-render-field-columns{display: flex;flex-flow: column;padding-right:1rem;} .-formbuilder-render .-render-field-columns, .renderform .-render-field-columns:last-child{padding-right:0;} .-formbuilder-render .-render-field-columns .-field-flow-column, .renderform .-render-field-columns .-field-flow-column {flex-grow:1;} .-formbuilder-render .-render-field-columns .-field-flow-column [data-fieldflow="Column"] .input-container, .renderform .-render-field-columns .-field-flow-column [data-fieldflow="Column"] .input-container {height: 100% !important;} .-formbuilder-render .-render-field-columns .-field-flow-column [data-fieldflow="Column"] .input-container .input-container__field, .renderform .-render-field-columns .-field-flow-column [data-fieldflow="Column"] .input-container .input-container__field {height: 100% !important;} .-formbuilder-render .-render-field-columns .-field-flow-column [data-fieldflow="Column"] .input-container label, .renderform .-render-field-columns .-field-flow-column [data-fieldflow="Column"] .input-container label {height: 100% !important;} .-formbuilder-render .-render-field-columns .-field-flow-column [data-fieldflow="Column"] .input-container input, .renderform .-render-field-columns .-field-flow-column [data-fieldflow="Column"] .input-container input {height: 100% !important;} .-formbuilder-render .-render-field-columns [data-fieldflow="Column"], .renderform .-render-field-columns [data-fieldflow="Column"] {height: 100% !important;} .-formbuilder-render .-render-field-columns .-field-flow-column + div.renderAs, .renderform .-render-field-columns .-field-flow-column + div.renderAs {margin-top:1rem;} .-formbuilder-render .-field-flow-area-parent, .renderform .-field-flow-area-parent {flex-grow:1;} .-formbuilder-render .-field-flow-area-parent ~ div.-render-field-columns, .renderform .-field-flow-area-parent ~ div.-render-field-columns {display:none;} .-common-button-container .button.-common-field-button {min-width: 98px;height:35px;line-height: 35px;padding:0 0.5rem;width:100%;margin-left:0.5rem;} .-common-button-container {padding-left:0.5rem;} .-formbuilder-render .-field-flow-area, .renderform .-field-flow-area{height:100% !important;} .-formbuilder-render .-render-field-columns .-field-flow-area [data-fieldflow="Area"] .input-container, .renderform .-render-field-columns .-field-flow-area [data-fieldflow="Area"] .input-container {height: 100% !important;} .-formbuilder-render .-render-field-columns .-field-flow-area [data-fieldflow="Area"] .input-container .input-container__field, .renderform .-render-field-columns .-field-flow-area [data-fieldflow="Area"] .input-container .input-container__field {height: 100% !important;} .-formbuilder-render .-render-field-columns .-field-flow-area [data-fieldflow="Area"] .input-container label, .renderform .-render-field-columns .-field-flow-area [data-fieldflow="Area"] .input-container label {height: 100% !important;} .-formbuilder-render .-render-field-columns .-field-flow-area [data-fieldflow="Area"] .input-container input, .renderform .-render-field-columns .-field-flow-area [data-fieldflow="Area"] .input-container input {height: 100% !important;} .-formbuilder-render .-render-field-columns [data-fieldflow="Area"], .renderform .-render-field-columns [data-fieldflow="Area"] {height: 100% !important;} .input-container .-link-from { right:5px; } .input-container .-format-value { right:5px; top:35px; } .modal-container.field-popup .modal > section > .modal__body {padding:0 !important;} .input-container .-format-value, .input-container .-link-from, .input-container .-field-icon { display: none; } .input-container:hover .-format-value, .input-container:hover .-link-from, .input-container:hover > .-field-icon { display: block; } .calendar .input-container > input[data-widget='spinner'] { padding-right : 5px !important; } .calendar .time .input-container { width : 100% !important; } .field-file .input-container .file_icons{ position: absolute; right: 5px; background: #fff; box-shadow: 0px 2px 4px 0px; padding: 5px 5px 0px 5px; border-radius: 0 0 5px 5px; top: -50px; z-index: 111; display: flex; } .field-file .input-container .file_icons svg { z-index: 12; position: relative; margin-right: 5px; width: 24px; height: 24px; } .field-file .input-container:hover .file_icons { top: 0px; } .-render-as-percentage-slider-field .form-group.-not-allowed .-slider-container, .-render-as-sliders-field .form-group.-not-allowed .-item-container { opacity: 0.5; cursor: not-allowed; } .-render-as-percentage-slider-field .-main-input-container { min-width: 60px; } .-render-as-percentage-slider-field .input-container input { padding:5px; } .-render-as-percentage-slider-field .-slider-container { padding:5px 5px 5px 0; } .-render-as-percentage-slider-field .-slider-bar { height:1rem; border-radius:1rem; top:50%; transform:translateY(-50%); width:calc(100% - 12px); } .-render-as-percentage-slider-field .-slider-handle { width: calc(1rem + 10px); height: calc(1rem + 10px); top: 50%; transform: translateY(-50%); border-radius: 100%; border-width: 2px; } .-render-as-percentage-slider-field .-slider-container .-range-slider-input, .-render-as-sliders-field .-slider-input { -webkit-appearance: none; appearance: none; width: 100% !important; cursor: pointer; outline: none; overflow: hidden; border-radius: 15px !important; height: 20px !important; padding: 0 !important; border-top: 1px solid #000000; border-bottom: 1px solid #000000; } .-render-as-percentage-slider-field .-slider-container .-range-slider-input::-webkit-slider-runnable-track, .-render-as-sliders-field .-slider-input::-webkit-slider-runnable-track { height: 20px; background: #FFF; border-radius: 16px; border: 1px solid #000000; } .-render-as-percentage-slider-field .-slider-container .-range-slider-input::-moz-range-track, .-render-as-sliders-field .-slider-input::-moz-range-track { height: 20px; background: #FFF; border-radius: 1rem; border: 1px solid #000000; } .-render-as-percentage-slider-field .-slider-container .-range-slider-input::-webkit-slider-thumb, .-render-as-sliders-field .-slider-input::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; height: 18px; width: 18px; background-color: #fff; border-radius: 50%; border: 2px solid #000000; box-shadow: -407px 0 0 400px #000000; } .-render-as-percentage-slider-field .-slider-container .-range-slider-input::-moz-range-thumb, .-render-as-sliders-field .-slider-input::-moz-range-thumb { height: 18px; width: 18px; background-color: #fff; border-radius: 50%; border: 2px solid #000000; box-shadow: -407px 0 0 400px #000000; } .-render-as-percentage-slider-field .-slider-container .-range-slider-input[disabled], .-render-as-sliders-field .-slider-input[disabled] { border-color: #eceeef; cursor: not-allowed; } .-render-as-percentage-slider-field .-slider-container .-range-slider-input[disabled]::-webkit-slider-runnable-track, .-render-as-sliders-field .-slider-input[disabled]::-webkit-slider-runnable-track { border-color: #eceeef; } .-render-as-percentage-slider-field .-slider-container .-range-slider-input[disabled]::-moz-range-track, .-render-as-sliders-field .-slider-input[disabled]::-moz-range-track { border-color: #eceeef; } .-render-as-percentage-slider-field .-slider-container .-range-slider-input[disabled]::-webkit-slider-thumb, .-render-as-sliders-field .-slider-input[disabled]::-webkit-slider-thumb { border-color: #eceeef; } .-render-as-percentage-slider-field .-slider-container .-range-slider-input[disabled]::-moz-range-thumb, .-render-as-sliders-field .-slider-input[disabled]::-moz-range-thumb { border-color: #eceeef; } .-render-as-percentage-slider-field .-slider-container .-range-slider-input[disabled]::-webkit-slider-thumb, .-render-as-sliders-field .-slider-input[disabled]::-webkit-slider-thumb { box-shadow: -407px 0 0 400px #eceeef; } .-render-as-percentage-slider-field .-slider-container .-range-slider-input[disabled]::-moz-range-thumb, .-render-as-sliders-field .-slider-input[disabled]::-moz-range-thumb { box-shadow: -407px 0 0 400px #eceeef; } .renderAs[data-quantityfield="Y"] .input-container input { text-align: center; padding: 0; border-radius: 0 !important; } .renderAs[data-quantityfield="Y"] .input-container .-quantity-button { width: 50px; font-size: 25px; font-weight: bold; padding: 4px; line-height: 1rem; } .renderAs[data-quantityfield="Y"] .input-container .-plus { margin-left: -1px; } .renderAs[data-quantityfield="Y"] .input-container .-minus { margin-right: -1px; } .renderAs[data-quantityfield="Y"] .input-container .-remove { margin-right: -1px; } .renderAs.-render-as-slots-field .-slots-container .-slot-name { font-size: 14px; } .renderAs.-render-as-slots-field .-slots-container .-slot-part:not(:last-child) { border-right-width: 0px; } .renderAs.-render-as-slots-field .-slots-container .-slot-part { height: 50px; } .renderAs.-render-as-slots-field .-slots-container .-slot-part .-booked-slot { width: 100%; height: 100%; left: 0; top: 0; border-left: 3px solid #000000; border-right: 3px solid #000000; } .renderAs.-render-as-slots-field .-slots-container .-main-slots-container .-booked.-first-booked:not(.-last-booked) { border-right-color: #FFFFFF; } .renderAs.-render-as-slots-field .-slots-container .-main-slots-container .-booked:not(.-first-booked):not(.-last-booked){ border-left-color: #FFFFFF; border-right-color: #FFFFFF; } .renderAs.-render-as-slots-field .-slots-container .-main-slots-container .-booked.-last-booked:not(.-first-booked) { border-left-color: #FFFFFF; } .renderAs.-render-as-slots-field .-slots-container .-main-slots-container .-booked.-first-booked:not(.-last-booked) .-booked-slot { border-right: none; } .renderAs.-render-as-slots-field .-slots-container .-main-slots-container .-booked:not(.-first-booked):not(.-last-booked) .-booked-slot { border-left: none; border-right: none; } .renderAs.-render-as-slots-field .-slots-container .-main-slots-container .-booked.-last-booked:not(.-first-booked) .-booked-slot { border-left: none; } .renderAs.-render-as-slots-field .input-container.-no-label-padding { padding-left: 0; } .renderAs.-render-as-slots-field .-slot-part .-slot-part-val { font-size: 12px; position: relative; z-index: 2; } .renderAs .input-container .-field-icons { position: absolute; right: 5px; background: #fff; box-shadow: 0px 2px 4px 0px; padding: 5px 5px 0px 5px; border-radius: 0 0 5px 5px; top: -50px; z-index: 111; display: flex; } .renderAs .input-container .-field-icons .-ai-button { margin: 0; } .renderAs .input-container .-field-icons svg { z-index: 12; position: relative; margin-right: 5px; width: 21px; height: 21px; } .renderAs .input-container:hover .-field-icons { top: 1px; } .renderAs.-renderasselectionfield .form-group .-field-ai-button { position: absolute; right: 25px; top: 5px; z-index: 111; display: none; } .renderAs.-renderasselectionfield .form-group:hover .-field-ai-button { display: flex; } .-render-as-sliders-field .-cloud-area .-slider-item:first-child { margin-top: 0; } .-render-as-sliders-field .-cloud-area .-slider-item .-show-field { margin-right: 1rem; width: 15%; min-width: 50px; } .-render-as-sliders-field .-cloud-area .-slider-item .-show-field.-name { width: 20%; min-width: 50px; } .-render-as-sliders-field .-cloud-area .-slider-item .-use-value, .-render-as-sliders-field .-cloud-area .-slider-item .-use-percentages-value { width: 10%; min-width: 100px; max-width: 130px; } .-render-as-sliders-field .-cloud-area .-slider-item .-use-value input.-use-value-field, .-render-as-sliders-field .-cloud-area .-slider-item .-use-percentages-value input.-use-percentages-value-field { min-height: 30px !important; } .-render-as-sliders-field .-cloud-area .-slider-item .-lock-unlock .-lock-button, .-render-as-sliders-field .-cloud-area .-slider-item .-lock-unlock[data-locked="Y"] .-unlock-button { display: none; } .-render-as-sliders-field .-cloud-area .-slider-item .-lock-unlock[data-locked="Y"] .-lock-button { display: block; } .-render-as-sliders-field .-cloud-area .-slider-item .-lock-unlock .-unlock-button svg { fill : #f2f2f2 !important; } .-render-as-sliders-field .-cloud-area .-slider-item .-use-value-field, .-render-as-sliders-field .-cloud-area .-slider-item .-use-percentages-value-field { max-width: 100px; padding-right: 5px; width: 100%; } .-render-as-sliders-field .-cloud-area .-slider-item .-use-percentage-field { min-width: 80px; } .-render-as-sliders-field .-cloud-area .-slider-item .-use-value-field[data-fieldtype="Currency"], .-render-as-sliders-field .-cloud-area .-slider-item .-use-value-field[data-fieldtype="Number"], .-render-as-sliders-field .-cloud-area .-slider-item .-use-value-field[data-fieldtype="Formatted Number"], .-render-as-sliders-field .-cloud-area .-slider-item .-use-value-field[data-fieldtype="Date"], .-render-as-sliders-field .-cloud-area .-slider-item .-use-value-field[data-fieldtype="Time"], .-render-as-sliders-field .-cloud-area .-slider-item .-use-value-field[data-fieldtype="Percentage"], .-render-as-sliders-field .-cloud-area .-slider-item .-use-value-field[data-fieldtype="Mass"], .-render-as-sliders-field .-cloud-area .-slider-item .-use-value-field[data-fieldtype="Date and Time"], .-render-as-sliders-field .-cloud-area .-slider-item .-use-value-field, .-render-as-sliders-field .-cloud-area .-slider-item .-use-percentages-value-field { text-align: right; } .-render-as-sliders-field .-menu { width: 25px; height: 25px; border-radius: 100%; box-shadow: 0px 0px 5px 0px; cursor: pointer; margin: 5px; visibility: hidden; } .-render-as-sliders-field:hover .-menu, .-render-as-sliders-field .-menu.-active { visibility: visible; } .-render-as-sliders-field .-menu svg { width: 90%; height: 60%; } .-render-as-sliders-field .form-group .-search-container { margin: 0 0.5rem 0.5rem 0.5rem; } .-render-as-sliders-field .form-group .-search-container input.-search-input { max-height: 35px !important; min-height: 35px !important; max-width: 340px; } .-render-as-sliders-field .form-group[data-show="Percentages"] .-cloud-area .-slider-item .-use-value, .-render-as-sliders-field .form-group[data-show="Values"] .-cloud-area .-slider-item .-use-percentages-value { display: none; } .-render-as-sliders-field .-progress-container { height: 50px; margin-bottom: 0.5rem; } .-render-as-sliders-field .form-group .-ghost-drop-container { width: 100%; height: 100%; } .-render-as-sliders-field .form-group label { min-height: 28px; margin-top: 0; } .-render-as-sliders-field .form-group .-slider-item .-allow-selection-checkbox { min-width: 21px; } .-render-as-sliders-field .form-group .-slider-item .-allow-selection-checkbox label span { top: 14px; } .-render-as-sliders-field .form-group .-slider-item .-allow-selection-checkbox label input[type="checkbox"] { visibility: hidden; } .-render-as-sliders-field .form-group .-slider-item .-allow-selection-checkbox + .-not-allowed { width: calc(100% - 20px); height: 100%; background: #fff; opacity: 0.5; z-index: 111; cursor: not-allowed; top: 0; left: 20px; } .-render-as-sliders-field .form-group .-slider-item .-allow-selection-checkbox[data-checked="Y"] + .-not-allowed { display: none; } .-render-as-sliders-field .-total-percetnage.-total { display: flex; align-items: end; } .-render-as-sliders-field .-total-value.-total { min-width: 100px; display: flex; align-items: end; justify-content: flex-end; } /*Range Input CSS - Start*/ .-renderFieldAsRangeInput .-field-container .-field-icon { width: 32px; height: 100%; background-color: #ffffff !important; top: 0 !important; right: 0 !important; min-width: 32px; min-height: 100%; transform: unset !important; } .-renderFieldAsRangeInput .-field-container.-has-icon .field { padding-right: 35px; } .-renderFieldAsRangeInput .-dropdown { width: 100%; min-height: 100px; z-index: 111; background: #fff; box-shadow: 0px 2px 5px -1px; align-self: flex-end; } .-renderFieldAsRangeInput .-dropdown[data-fieldtype="Date"], .-renderFieldAsRangeInput .-dropdown[data-fieldtype="Date and Time"], .-renderFieldAsRangeInput .-dropdown[data-fieldtype="Formatted Date"], .-renderFieldAsRangeInput .-dropdown[data-fieldtype="Formatted DateTime"] { min-width: 705px; } .-renderFieldAsRangeInput .-dropdown[data-fieldtype="Date"] .-range-filter-field-container, .-renderFieldAsRangeInput .-dropdown[data-fieldtype="Date and Time"] .-range-filter-field-container, .-renderFieldAsRangeInput .-dropdown[data-fieldtype="Formatted Date"] .-range-filter-field-container, .-renderFieldAsRangeInput .-dropdown[data-fieldtype="Formatted DateTime"] .-range-filter-field-container { min-width: 280px; max-width: 45%; } .-renderFieldAsRangeInput .-buttons-container { padding: 0.5rem; } .-renderFieldAsRangeInput .-buttons-container .button { margin-left: 0.5rem; } .-renderFieldAsRangeInput .-dropdown .-quick-ranges .-quick-range { cursor: pointer; margin: 5px 5px 5px 0; padding: 0 0 0 5px; } .-renderFieldAsRangeInput .-dropdown .calendar { display: block !important; } .-renderFieldAsRangeInput .-dropdown .date-field__calendar-container { position: unset; width: 100%; } .-renderFieldAsRangeInput .-dropdown[data-fieldtype="Date"] .input-container .field.-range-filter-field, .-renderFieldAsRangeInput .-dropdown[data-fieldtype="Date and Time"] .input-container .field.-range-filter-field, .-renderFieldAsRangeInput .-dropdown[data-fieldtype="Formatted Date"] .input-container .field.-range-filter-field, .-renderFieldAsRangeInput .-dropdown[data-fieldtype="Formatted DateTime"] .input-container .field.-range-filter-field { display: none !important; } .-renderFieldAsRangeInput .-dropdown .calendar table { width: 100%; max-width: initial; position: relative; padding:0.5rem; border:0 none; } .-renderFieldAsRangeInput .-dropdown .-quick-ranges .-quick-range.-selected { background-color: #000000; color : #FFF; } /*Range Input CSS - Start*/ /*Color Picker New CSS - Start*/ .-color-picker .color-box { width: 40px; height: 36px; cursor: pointer; border-left: 0; } .-color-picker .palette { margin-top: -1px; z-index: 1006; background: #fff; width: 100%; } .-color-picker .swatch-row { display: flex; align-items: center; gap: 10px; width: 100%; padding: 5px; } .-color-picker .swatch-label { font-size: 13px; min-width: 55px; } .-color-picker .swatch { width: 60px; height: 30px; border: 1px solid #999; border-radius: 4px; cursor: pointer; } .-color-picker .remove-btn { cursor: pointer; color: red; font-weight: bold; margin-left: 8px; } .-color-picker .add-btn { margin-left: auto; width: 25px; height: 25px; display: flex; justify-content: center; align-items: center; cursor: pointer; } .-color-picker .hidden-color { visibility: hidden; width: 100%; min-width: 100% !important; height: 100% !important; min-height: 100% !important; margin: 0; padding: 0; } .-selectorwithbutton-container .button-container .button { padding: 0; margin: 0; } /* modal */ .modal-container { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; display: none; z-index: 1005; } .modal { pointer-events: none; height: 100%; width: 100%; padding: 0; } .-error-field-modal{z-index: 1007;} .modal > section { background-color: #FFFFFF; pointer-events: auto; outline: 0; z-index: 101; display: flex; flex-direction: column; padding: 0; margin: 0; height: 100%; width: 100%; } @media (min-width: 48em) { .modal-container { position: fixed; background-color: rgba(0, 0, 0, 0.5); } .modal { width: auto; } .modal > section { box-shadow: 1px 1px 1.5em 0 rgba(0, 0, 0, 0.4); -webkit-background-clip: padding-box; background-clip: padding-box; z-index: 101; /* height: auto; max-height: 98vh; width: auto; */ max-width: 96vw; height: 80%; width:400px; background-image: url(https://assets0.livecache.net/L6/3/IOGLO/1009976054/261844303/DoubleClouds-Flipped.png); background-position: right bottom; background-repeat: no-repeat; background-size: 26rem; } } .modal > section.-lg-popup{ width: 80%; height: 80%; background-size: 40%; } .modal > section.-md-popup{ width: 80%; height: 400px; } .modal > section.-sm-popup{ width: 400px; height: 200px; } .modal > section.-auto-height{ height: auto; } .modal > section.-auto-width{ width: auto; } .modal > section .-buttonsgroup { /* margin: 5px auto;*/ margin: 5px; display: flex; } /*.modal > section .-buttonsgroup .-confirmIt > svg{ margin-left: 5px; }*/ .-fade .modal-container { -webkit-transition: -webkit-transform .3s ease-out; -o-transition: -o-transform .3s ease-out; transition: transform .3s ease-out; -webkit-transform: translate(0, -25%); -ms-transform: translate(0, -25%); -o-transform: translate(0, -25%); transform: translate(0, -25%); } .-in .modal-container { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } .-no-scroll .modal-container { overflow-x: hidden; overflow-y: auto; } /*MP(KSC) : 08/24/2017 12:05 PM Updated the below css for reducing padding on modal header*/ .modal > section > header { padding: 0.1rem 0.5rem 0.1rem 1rem; border-bottom: 1px solid #000000; cursor:move;//VV 11012017: added cursor for drag } .modal > section > header > h4 { margin: 0; padding-right: 1rem; } /*MP(KSC) : 08/24/2017 12:05 PM Added the below class for modal header*/ .-modal-header { font-size: 1rem; } .modal > section > header > button.-close { height: 2rem; } .modal > section > .modal__body { padding: 1rem; max-height: 100%; max-width: 100%; flex-direction: column; } /** remove bottom padding from forms used as the modal body **/ .modal > section > form.modal__body { padding-bottom: 0; } .modal > section > footer { padding: 0.5rem 1rem; text-align: right; border-top: 1px solid #000000; } /** cater for previwing images, ensure they never grow too large vertically. 160px should cater for header and footer, can be adjusted **/ .modal img { max-height: calc(100vh - 160px); } @media (min-width: 34em) { .modal.-sm { width: 300px; } } @media (min-width: 48em) { .modal.-lg { width: 900px; } } /*MD : 06/07/2016 Added the below css for AddToIt.html*/ #addToModal .-add-to-it { width: 900px; } /* utility classes */ /* Mayur Dubey(SP): 8/6/2019, 7:13:20 PM - Added .primary-accent-border-l/r/t/b */ .-right-aligned { float: right; } .-left-aligned { float: left; } .-centered { display: block; margin-right: auto; margin-left: auto; } .-no-border { border: 0 !important; } .-no-scroll { overflow: hidden; } .-no-padding { padding: 0; } .-no-margin { margin: 0; } .-padding-half { padding: .5rem; } .-padding-one { padding: 1rem; } .-padding-half-vertical { padding: 0 .5rem; } .-padding-half-horizontal { padding: .5rem 0; } .-padding-one-vertical { padding: 0 1rem; } /*AB 04/15/2016: added css for -padding-four-vertical*/ .-padding-four-vertical { padding: 0 4rem; } .-padding-one-horizontal { padding: 1rem 0; } .-margin-half { margin: .5rem; } .-margin-one { margin: 1rem; } .-margin-half-vertical { margin: 0 .5rem; } .-margin-half-horizontal { margin: .5rem 0; } .-margin-one-vertical { margin: 0 1rem; } .-margin-one-horizontal { margin: 1rem 0; } .-full-width { width: 100%; } .-half-width { width: 50%; } .-full-height { min-height: 100%; } .-height-100 { height: 100%; } .-color.-primary, .primary-color { color: #000000; } .-color.-secondary, .secondary-color { color: #e9e9e9; } .-color.-tertiary, .tertiary-color { color: #ffffff; } .-color.-quaternary, .quaternary-color { color: #000000; } .-color.-black { color: #000000; } .-color.-white { color: #FFFFFF; } .-border.-primary, .primary-border { border: 1px solid #000000; } .-border.-secondary, .secondary-border { border: 1px solid #e9e9e9; } .-border.-tertiary, .tertiary-border { border: 1px solid #ffffff; } .-border.-black { border: 1px solid #000000; } .-border.-white { border: 1px solid #FFFFFF; } .-border.-large { border: 5px solid #000000; } /* Mayur Dubey(SP): 8/6/2019, 7:13:20 PM - Added .primary-accent-border-l/r/t/b */ .primary-accent-border-right { border-right: 1px solid #000000; } .primary-accent-border-left { border-left: 1px solid #000000; } .primary-accent-border-top { border-top: 1px solid #000000; } .primary-accent-border-bottom { border-bottom: 1px solid #000000; } .-border.-right { border: 0; border-right: 1px solid #000000; } .-border.-left { border: 0; border-left: 1px solid #000000; } .-border.-top { border: 0; border-top: 1px solid #000000; } .-border.-bottom { border: 0; border-bottom: 1px solid #000000; } .primary-border-left { border-left: 1px solid #000000; } .primary-border-top { border-top: 1px solid #000000; } .primary-border-right { border-right: 1px solid #000000; } .primary-border-bottom { border-bottom: 1px solid #000000; } .-noborder { border: 0; } .-background-color.-primary, .primary-background { background-color: #000000; } .-background-color.-secondary, .secondary-background { background-color: #e9e9e9; } .-background-color.-tertiary, .tertiary-background { background-color: #ffffff; } .-background-color.-black { background-color: #000000; } .-background-color.-white { background-color: #FFFFFF; } .-fade-out { opacity: 0; -webkit-transition: opacity .15s linear; -o-transition: opacity .15s linear; transition: opacity .15s linear; } .-fade-in { opacity: 1; } .-collapse { display: none; } .-collapse-in { display: block; } .-collapsing { position: relative; height: 0; overflow: hidden; -webkit-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; -webkit-transition-duration: .35s; -o-transition-duration: .35s; transition-duration: .35s; -webkit-transition-property: height; -o-transition-property: height; transition-property: height; } .-draggable { border: 2px dashed #000000; padding-top: 1rem; margin-bottom: .5rem; cursor: move; position: relative; z-index: 1; } .-draggable:hover { border: 2px dashed #e9e9e9; background-color: #EFEFEF; } .-draggable > .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; } .-hide-above-xs { display: none !important; } @media (max-width: 33.999em) { .-hide-below-xs { display: none !important; } } @media (min-width: 34em) { .-hide-above-sm { display: none !important; } } @media (max-width: 47.999em) { .-hide-below-sm { display: none !important; } } @media (min-width: 48em) { .-hide-above-md { display: none !important; } } @media (max-width: 61.999em) { .-hide-below-md { display: none !important; } } @media (min-width: 62em) { .-hide-above-lg { display: none !important; } } @media (max-width: 74.999em) { .-hide-below-lg { display: none !important; } } @media (min-width: 75em) { .-hide-above-xl { display: none !important; } } .-hide-below-xl { display: none !important; } /* hide template as well as it's not supported very well */ template, .-hidden, [hidden] { display: none !important; } .-show { display: block !important; } .-show-grid { display: flex !important; } .-invisible { visibility: hidden; } /* .icon's container should be display:flex and set to center the icon vertically and horizontally */ .icon { display: inline-block; height: 24px; width: 24px; fill: #000000; } .icon.-inverted { fill: #FFFFFF; } .icon.-small { height: 16px; width: 16px; } .icon.-large { height: 32px; width: 32px; } .icon.-large64{ width:64px; height:64px; } .icon.-large128{ width:128px; height:128px; } .icon.-large256{ width:256px; height:256px; } .icon.-large512{ width:512px; height:512px; } .-fill-primary { fill: #000000; } .-fill-secondary { fill: #e9e9e9; } .-fill-tertiary { fill: #ffffff; } .-fill-quaternary { fill: #000000; } .-fill-white { fill: #FFFFFF; } .-fill-black { fill: #000000; } .-fill-grey, .icon.-inactive { fill: #CCCCCC; } .icon.-inactive:hover { fill: #000000; } .icon.-disabled{ fill: #CCCCCC; pointer-events: none; } .-fill-red { fill: #E2383F; } .-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; 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; } .-border { border: 1px solid #ffffff; } .success, .info, .warning, .danger { display: flex; align-items: center; padding: 1rem; margin-top: 1rem; } .success:first-child, .info:first-child, .warning:first-child, .danger:first-child { margin: 0 1rem; width: 16px; } .success { color: #3C763D; background-color: #DFF0D8; border: 1px solid #D0E9C6; } .success svg { fill: #3C763D; width: 20px; } .success .message > a { color: #2B542C; } .info { color: #31708F; background-color: #D9EDF7; border: 1px solid #BCDFF1; } .info svg { fill: #31708F; width: 20px; } .info .message > a { color: #245269; } .warning { color: #8A6D3B; background-color: #FCF8E3; border: 1px solid #FAF2CC; } .warning svg { fill: #8A6D3B; width: 20px; } .warning .message > a { color: #66512C; } .danger { color: #A94442; background-color: #F2DEDE; border: 1px solid #EBCCCC; } .danger svg { fill: #A94442; width: 20px; } .danger .message > a { color: #843534; } .message { padding: 0 1rem; } .message > a { font-weight: 700; } .spinner { width: 2rem; height: 2rem; position: relative; margin: 0 auto; } .bounce { width: 100%; height: 100%; border-radius: 50%; background-color: #000000; opacity: 0.6; position: absolute; top: 0; left: 0; -webkit-animation: bounce-loader 2.0s infinite ease-in-out; animation: bounce-loader 2.0s infinite ease-in-out; } .second.bounce { -webkit-animation-delay: -1.0s; animation-delay: -1.0s; } @-webkit-keyframes bounce-loader { 0%, 100% { -webkit-transform: scale(0.0) } 50% { -webkit-transform: scale(1.0) } } @keyframes bounce-loader { 0%, 100% { transform: scale(0.0); -webkit-transform: scale(0.0); } 50% { transform: scale(1.0); -webkit-transform: scale(1.0); } } /** Dragula CSS Styles **/ .gu-mirror{position:fixed!important;margin:0!important;z-index:9999!important;opacity:.8;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter:alpha(opacity=80)}.gu-hide{display:none!important}.gu-unselectable{-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important}.gu-transit{opacity:.2;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";filter:alpha(opacity=20)} /* from Interface.css */ .-absolute { position: absolute; } .-click { cursor: pointer; } .-fill { height: 100%; width: 100%; } .-flip{ -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH"; } .-inherit-hover-color:hover { color:inherit; } .-text-overflow { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .-vertical-align { position: relative; top: 50%; transform: translateY(-50%); } .loader { position: absolute; top:0; left:0; height:100%; width: 100%; } .loader__spinner { top: 0; left: 0; width: 100%; height: 100%; background-position: center; position: absolute; background-image: url('LS_Loader.gif'); background-repeat: no-repeat; z-index: 110; } .loader__overlay { background-color: black; height: 100%; width: 100%; top: 0; left: 0; position: absolute; opacity: .5; z-index: 110; } .-shadow { position:absolute !important; opacity: 0.5; } li.-shadow { display: block; } /*Loader css*/ .loader__body { height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 9999; } .loader__content { align-self: center; max-width: 200px; min-width: 22vh; padding: 0.5rem 0; z-index: 111; } .loader__container { height:inherit; width:inherit; } .loader__spinner_alone{ background-image: url('LS_Loader.gif'); background-repeat: no-repeat; width:40px; height:40px; background-size:contain; z-index:111; } .loader__spinner_element{ background-image: url('LS_Loader.gif'); background-repeat: no-repeat; /* jxenos 6/5/17, messing up centering of spinner width:30%; height:100%;*/ height: 20px; width: 20px; background-size:contain; background-position:center; z-index:111; } .loader__spin{background-image: url('LS_Loader.gif'); background-repeat: no-repeat; width:30px; height:30px; background-size:contain; } .loader__body_element { height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1010; } .-relative { position:relative; } .loader__message{padding-right:0.5rem;padding-left:0.35rem;overflow:hidden;} .-radio-width{ min-width:25px; } .primary-accent-color{ color:#565656; } .primary-accent-background{ background-color:#565656; } .-ie-cover { z-index: -1; position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; border: none; display: block; overflow: hidden; } .collection__tabs .-selected .selected-arrow::before { border-color: rgba(0, 71, 133, 0) rgba(0, 71, 133, 0) #000000; border-width: 7px; margin-left: -10px; } .collection__tabs .-selected .selected-arrow::after { border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) #FFFFFF; border-width: 5px !important; margin-left: -8px !important; } .primary-background-hover:hover { background-color: #000000;} .secondary-background-hover:hover { background-color: #e9e9e9; } .tertiary-background-hover:hover { background-color: #ffffff; } .quaternary-background-hover:hover { background-color: #000000; } .gradient-border { border-width: 10px !important; border-style: solid !important; border-image: linear-gradient(to right, #c7c7c7, #f2f2f2) 1 100% !important; } .gradient-border-left { border-width: 10px !important; border-style: solid !important; border-image: linear-gradient(to right, #c7c7c7, #f2f2f2) 1 100% !important; border-right: 0 !important; border-top: 0 !important; border-bottom: 0 !important; } .gradient-border-right { border-width: 10px !important; border-style: solid !important; border-image: linear-gradient(to right, #c7c7c7, #f2f2f2) 1 100% !important; border-left: 0 !important; border-top: 0 !important; border-bottom: 0 !important; } .gradient-border-top { border-width: 10px !important; border-style: solid !important; border-image: linear-gradient(to right, #c7c7c7, #f2f2f2) 1 100% !important; border-left: 0 !important; border-right: 0 !important; border-bottom: 0 !important; } .gradient-border-bottom { border-width: 10px !important; border-style: solid !important; border-image: linear-gradient(to right, #c7c7c7, #f2f2f2) 1 100% !important; border-left: 0 !important; border-right: 0 !important; border-top: 0 !important; } /* accessibility classes */ /* specify the progress cursor of updating elements */ [aria-busy="true"] { cursor: progress; } /* specify the pointer cursor of trigger elements */ [aria-controls] { cursor: pointer; } /* specify the unstyled cursor of disabled, not-editable, or otherwise inoperable elements */ [aria-disabled] { cursor: default; } /* specify the style of visually hidden yet accessible elements */ [hidden][aria-hidden="false"] { display: inherit; position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } [hidden][aria-hidden="false"]:focus, [hidden][aria-hidden="false"]:active { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; } /* cloud classes */ /* Shubham Prajapat: 5/15/2020, 12:11:30 PM - Commenting below line and updating it to 3px from 4px */ /*Prashant Jain(SP): 12/5/2019, 3:52:51 PM - commented padding below */ /* Mayur Dubey(SJ): 11/15/2019, 6:11:43 PM -Added z-index for remove cross icon*/ /* Prashant Jain(SP): 10/24/2019, 1:54:26 PM - Added Below min-width to proper align with resizing */ /*Prashant Jain(SJ): 9/20/2019, 2:52:42 PM -Udated below height for srollbar*/ /* Mayur Dubey(SP): 8/2/2019, 6:19:12 PM -Adding Below css For New Widgets TagImage */ /* MD(SP): 4/16/2019, 12:53:25 PM - Addded css related to IE issue*/ /* Shubham Prajapat: 4/4/2019, 7:34:42 PM -Added Css for List appearance here. */ #Embedded-Context-Overlay { z-index: 10; } /* .secondary-background { background-color: #ffffff; } */ .cloud { padding: 0; position: relative; overflow: hidden; } /* RB: 05/02/2016 - Add css for shaow shareit popup in cloud content*/ .cloud .cloud__content { max-height: 100%; overflow: hidden; position: relative; z-index: 1; } /* MD(SP): 4/16/2019, 12:53:25 PM - Addded css related to IE issue*/ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .cloud .cloud__content { height: 100%; } } .cloud .cloud__container { min-height: 100px; max-height: 100%; padding: 0; position: relative; user-select:none; -moz-user-select:none; -webkit-user-select:none; } /*Ab 08/27/2016: updated the padding for filter*/ .cloud .cloud__filters { flex: 0 0 auto; //padding: 0 0 .75rem 1rem; padding:0.5rem; border-bottom: 1px solid #000000; } .cloud .cloud__filters.-no-filter-toshow { padding:0rem; border-bottom: 0px; } .cloud .cloud__top { padding: 0 0 .75rem; } .cloud .cloud__items { padding: 0; background-color: #FFFFFF; overflow: hidden; max-height: 100%; /* z-index: 42; /* Mayur Dubey(SJ): 11/15/2019, 6:11:43 PM -Added z-index for remove cross icon*/ */ } .login__main .login__form .login__referredby{ overflow: visible; } .cloud .cloud__collection { height:auto; padding: 0; border-left: 1px solid #000000; max-height: 100%; overflow: hidden; } .cloud section.cloud__collection { height: 100%; } .cloud .cloud__title { padding: .5rem; } .filter { height: 46px; /*overflow: hidden;*/ overflow: visible; padding: 0; } .filter .filter__container { /*margin-right: 1rem;*/ margin-right: 0.5rem; } .filter .filter__control { height: 36px; /*padding: 0 .5rem;*/ padding: 0rem; margin: .3rem .5rem .3rem 0; width: 99.8%; } /* SKM : 07/19/2017 commented belwo css .expand { height: 40px; padding-right: 1rem; padding-top: 4px; } .expand .expand__icon { height: 16px; width: 16px; } */ .expand .expand__text { margin-top: -1px; width: 100%; } .activeLine .-padding-half-horizontal{ text-decoration: underline; } /* * * From CloudItems-List * */ .items { margin:0px; padding:0px; } [data-appearance="List"] > .items .item { overflow: inherit; padding: inherit; } [data-appearance="List"] > .items .item .multiselectoption{ margin-top: 0px !important; height: 100%; } [data-appearance="List"] > .items .item .-tickbox svg{ top: 44%; height: 70%; } [data-appearance="List"] > .items .item:hover { background-color: inherit; cursor: inherit; } [data-appearance="List"] > .items .item.-putheight { height: 28px; display: block; overflow: hidden; width: 100%; text-overflow: ellipsis; white-space: nowrap; } [data-appearance="List"] > .items .item.active { background-color: inherit; border: none; } /* .item, [data-appearance="List"] > .items .item > div { overflow:hidden; padding: .5rem .5rem 0 .5rem; } */ /* Prashant Jain(SP): 12/5/2019, 3:52:51 PM - commented padding below */ .item, [data-appearance="List"] > .items .item > div { overflow:hidden; /* padding: .5rem .5rem 0 .5rem; */ user-select: none; -moz-user-select: none; } .item.-liitem, [data-appearance="List"] > .items .item.-liitem{ padding:0px; } .item.-liitem > div:first-child{ padding: .5rem .5rem 0 .5rem; } .item:hover, [data-appearance="List"] > .items .item > div:hover { background-color: #e9e9e9; cursor: pointer; } //VV 10162017: Added css for the active items font should be display in primary color. .item.active, [data-appearance="List"] > .items .item.active > div { background-color: #e9e9e9; border-top: 1px solid #000000; border-bottom: 1px solid #000000; color: #000000; } /*BJ 12/16/2016: Added CSS for No Action appearance */ .-noaction .item:hover, .-noaction [data-appearance="List"] > .items .item > div:hover{ background-color: transparent; cursor: default; } .-noaction #MediaWallContainer .item:hover .item__overlay { display: none; } .-noaction .card-container .card:hover .flipArrow { display:none; } .-noaction .card-container .card{ cursor: default; } .item .item__content { max-height:34px; overflow: hidden; text-overflow: ellipsis; line-height:17px; /*display: inline-block;*/ } .item .item__content_tag { max-height:34px; overflow: hidden; text-overflow: ellipsis; line-height:17px; } .item .item__title { font-weight: 700; color: #000000; } /* span.item__content.grid__column.-resize.-relative { width: 100%; } */ span.item__content.grid__column.-resize.-relative { width: 100%; margin: auto; } li.grid.item.-nowrap.-itemcontainer.Embed .-radio { bottom: 6px; width: 24px; } /* * * Banner and Items * */ .appearance-top { position:relative; /* min-height:250px; */ /* height: 33vh; */ height: 38vh; } .category-search-items { margin-top:-5px; margin-left:-5px; margin-right:-5px; padding-left:4px; padding-top:4px; line-height: normal; } .cloud-row { height: 18px; overflow:hidden; width: 100%; } .cloud-row-item { float:left; height: 18px; line-height: 18px; text-align: center; width: 100px; } .collection { padding: 1rem 0 0; overflow: visible; } .collection.collection__overlay { padding: 0; min-height: 32px; background-color: #FFFFFF; color: #000000; margin: 0; } .collection.collection__overlay .collection__tab > span::after { border-bottom: 10px solid transparent; border-left: 6px solid transparent; border-right: 6px solid transparent; content: " "; display: block; height: 0; left: 44%; position: relative; width: 0; bottom: -2px; border-width: 10px; margin-left: 8px; } .collection.collection__overlay .collection__tab > span::before { border-bottom: 10px solid transparent; border-left: 6px solid transparent; border-right: 6px solid transparent; bottom: -3px; content: " "; height: 0; left: 53%; position: relative; height: 0; width: 0; border-width: 10px; margin-left: 2px; } .collection__tabs .collection__tab span{display: inline-table;padding-left: 6px;} .collection.collection__overlay .collection__tab.-selected > span::before { border-color: rgba(0, 71, 133, 0) rgba(0, 71, 133, 0) #000000; } .collection.collection__overlay .moretabs .collection__tab > span::after { content : none; } .collection.collection__overlay .moretabs .collection__tab > span::before { content : none; } .collection.collection__overlay .collection__tab.-selected > span::after { border-color:rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) #FFFFFF; } .collection .collection__tabs { margin: 0; } .collection__overlay .collection__tabs { margin:0 auto; max-width: 100%; width: 100% } .collection.collection__standard { padding: 0; background-color: #FFFFFF; margin: 0; } .collection.collection__standard .collection__tabs { width: 100%; min-height: 43px; margin: 0 auto; background-color: #FFFFFF; border-bottom: 1px solid #000000; height: 43px; } .collection.collection__standard .collection__tabs .collection__tab { color: #000000; } .collection .collection__tab { padding-right: 2rem; display: flex; align-items: center; cursor: pointer; margin-top: 11px; } .collection .collection__tab.-more-tab:hover{ color: #FFFFFF; background-color: #84B8E6; } .collection .collection__tab > img { padding-right: .5rem; } .collection.collection__standard .collection__tab.-selected .up-arrow { position: relative; background: #FFFFFF none repeat scroll 0 0; border: 0 solid #FFFFFF; right: 30%; top: 31px; } .collection.collection__standard .collection__tab.-selected > span::before { border-color: rgba(0, 71, 133, 0) rgba(0, 71, 133, 0) #000000; } .collection.collection__standard .collection__tab > span::before { border-bottom: 10px solid transparent; border-left: 6px solid transparent; border-right: 6px solid transparent; bottom: -3px; content: " "; left: 44%; position: relative; height: 0; width: 0; border-width: 10px; margin-left: 2px; } .collection.collection__standard .collection__tab.-selected > span::after { border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) #FFFFFF; } .collection.collection__standard .collection__tab > span::after { border-bottom: 10px solid transparent; border-left: 6px solid transparent; border-right: 6px solid transparent; content: " "; display: block; left: 44%; position: relative; width: 0; bottom: -2px; border-width: 10px; margin-left: 8px; } .collection.collection__standard .collection__tab.-selected .up-arrow::before, .collection.collection__standard .collection__tab.-selected .up-arrow::after { border: medium solid transparent; bottom: -4px; content: " "; height: 0; left: 50%; pointer-events: none; position: absolute; width: 0; } .collection.collection__standard .collection__tab > .up-arrow::after { border-bottom: 10px solid transparent; border-left: 6px solid transparent; border-right: 6px solid transparent; content: " "; display: block; height: 0; left: 40%; position: relative; width: 0; } .collection.collection__standard .collection__tab.-selected > .up-arrow::after { border-bottom: 10px solid #FFFFFF; } .collection__content { overflow: auto; display: flex; height: -webkit-fill-available; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .collection__content { overflow: auto; display: flex; height: 100%; } } @media screen and (max-width: 800px) and (max-height: 480px) { .collection__content { overflow: auto; display: flex; height: 320px; } } @media screen and (max-width: 900px) and (max-height: 400px) { .collection__content { overflow: auto; display: flex; height: 240px; } } .collection__content > .grid { padding: 0; } .collection__content > .-show-grid { width: 100%; height: 100%; /*flex-direction: row;*/ padding: 0; } .collection.collection__overlay .collection__close { cursor: pointer; } .collection__close__embed{position:absolute;top:25px;right:5px;} .item__extlink { padding-top:.5rem; } .item__extlink > img { align-self: center; } /* Add To Modal */ .addtocloud { width: 400px; } .addtocloud__cloudcontainer { height: 200px; overflow-y: auto; } .addtocloud__cloudcontainer, .create__item { border: 1px solid #000000; margin-top: 5px; } .addtocloud__container .cloud__label { padding-top: 7px; } .addtocloud > .create__container, .addtocloud__cloudcontainer > div { height: 50px; line-height: 50px; } .cloud__item > .cloud__name, .create__item > .create__name { width: 290px; text-align: center; } .addtocloud__cloudcontainer > .item { padding: 0; } .addtocloud__title, .addtocloud__createtitle { color: #000000; margin-bottom:0px; margin-top:15px; } .create__container { margin-bottom: 10px; } .addtocloud__labelcontainer > div, .addtocloud__fieldcontainer > div { margin-top: 10px; } .labelcontainer > div, .fieldcontainer > div { height:37px; line-height:37px; } .roundsubmit { background-image: url('/Icons/RoundCheck_Light/Icon32x32.png'); background-repeat: no-repeat; height:32px; width:32px; margin-top:10px; } /* addto in bottom right */ .cloud__addtoit { height:48px; width:48px; align-self:flex-end; position: absolute; right: 28px; bottom: 16px; Z-index:10; } /* ZA 08032018 - added bottom:60 css to manage expanded advanced filter, as + button shifted - lprj://TaskManager/0/LIVET000030000100003000CI/1027913122/Link*/ .cloud__addtoit.filter__expanded{ bottom: 60px; } /* SG(SKM): 08/03/2016 updated the css for trashIt icon */ .cloud__trash{ height:48px; width:48px; align-self:flex-end; position: absolute; left: 28px; bottom: 16px; Z-index:3; } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { .cloud__addtoit {display: block ! important}; } @media only screen and (max-device-width: 900px) { .cloud__addtoit {display: block ! important}; } /* Mdubey : Added the css for share button*/ /* SKM : 07/19/2017 commented below css .cloud__Share { height:48px; width:48px; align-self:flex-end; position: absolute; bottom: 16px; left:28px; Z-index:3; } */ /*DD : 11/24/2016 Added the css for menu button*/ .cloud__Multiselect { height:48px; width:48px; align-self:flex-end; position: absolute; right: 28px; bottom: 16px; Z-index:10; } .cloud__Multiselect .circle { background-color: rgb(255, 0, 0); border: 1px solid #ffffff; border-radius: 50%; box-sizing: border-box; color: rgb(255, 255, 255); font-size: 10pt; height: 32px; line-height: 29px; position: absolute; right: -10px; text-align: center; top: -15px; width: 32px; } .-multiselect-full{ width: 100%; height: 100%; z-index: 10; /*Updated from 1001 to 10*/ opacity:0.55; } .-multiselect-full.-multiselect-cards{ width: 100%; height: 100%; } .-checkbox.multiselectoption label{ display: block; } .-multiselect-full label { width: 100%; height: 100%; position: absolute; opacity: 0; } .-multiselect-full.-absolute label span { width: 100%; height: 100%; border-radius: 0; transform:inherit; } .-tickbox.-absolute { width:100%; height:100%; z-index:10; } .box { background-color: #000000; opacity: .4; cursor:pointer; height: 96px; width: 96px; color: #fff; padding-top:72px; margin-left:.5rem; margin-right:.5rem; text-align:center; background-repeat: no-repeat; background-position: center .5rem; } .addto > .options > .webpage { background-image: url('/Icons/Web/Icon64x64.png') } .addto > .options > .file { background-image: url('/Icons/File/Icon64x64.png') } /* Share Modal */ .share .share__private { display: inline-block; max-width: 320px; padding: 1rem; text-align: center; } .share .share__button { background-color: #000000; color: #FFFFFF; padding: 0.5rem 1rem 0; margin-right: 1rem; cursor: pointer; } .share .share__button:last-child { margin-right: 0; } /* msg modal */ .msgmodal { padding-bottom: 15px; } /* active entities. top right in livestuff when logged in */ /* Changes made by SG(BJ): Uncommented ; Reason: active entities takes the padding of .grid class {padding:0 0.5rem} if padding:0 is not specified. */ /*updated value of z-index:5 by SG(MP) 08242016*/ .activeEntities { width: 200px; position:fixed; top:29px; right:0px; background-color: #fff; border: 1px solid #000000; padding:0; /* Mithlesh Navlakhe(BR): 4/21/2020, 11:41:11 AM - Increase z index below from 11 to 13*/ z-index:13; } /* Changes made by SG(BJ): updated {padding:0.5rem 0;} ; Reason: active entities subitems are sticking to the right of container with padding 0px of right.*/ .activeEntities > div { text-align:right; padding: .5rem; } .activeEntities > .activelabel { color: #000000; } .activeEntities > .item { color: #333; } /*SG(BJ) 06/07/2016 Added this style for external link icon. */ /*SG(BJ) 06/07/2016 Added this style for external link icon. */ .activefield > .activeExtLink { height: 16px; width: 16px; margin-left: .5rem; margin-top: 0.2rem; margin-right: .5rem; } .activeEntities .activeuserentity { padding:0rem; } .activeEntities .activeuserentity > div { text-align:right; padding: .5rem; } .activeEntities .searchcrossicons { margin-top:4px; right:4px; } /*(BJ)SN 12/22/2017: updated below css height with max-height*/ .tenusersheight { max-height: 385px; overflow: hidden; } .activeuserentity .searchuseraccess { height: 25px; padding: 0 5px; } /* file upload modal */ .fileupload > .fieldcontainer > *, .fileupload > .labelcontainer > * { margin-top: .5rem; } /* dragMenu from LO.showDragMenu */ .dragMenu { border: 1px solid #000000; background-color: #FFFFFF; position: fixed; padding: .5rem 0; width: 125px; z-index: 5; } .dragMenu > .item { padding: 0 .5rem; } .dragMenu > .dragMenu__title { color: #000000; padding-left: .5rem; } .dragMenu.-vertical > .dragMenu__arrow { left: -20px; position: absolute; top: 0; height: 20px; width: 20px; overflow: hidden; } .dragMenu.-vertical > .dragMenu__arrow:after { height: 100%; width: 100%; position: relative; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); content: ''; position: absolute; left: 65%; background-color: #ffffff; border: 1px solid #004785; } .dragMenu.-horizontal > .dragMenu__arrow { left: 4px; position: absolute; top: 95px; height: 20px; width: 20px; overflow: hidden; } .dragMenu.-horizontal > .dragMenu__arrow:after { height: 100%; width: 100%; position: relative; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); content: ''; position: absolute; left: 0; top: -10px; background-color: #ffffff; border: 1px solid #004785; } .drag__msg { opacity: 1; -webkit-opacity: 1; -moz-opacity: 1; color: red; transition-delay: 2s; position: relative; } .drag__msg.-fade { opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; -webkit-transition: opacity 3s linear; -moz-transition: opacity 3s linear; -ms-transition: opacity 3s linear; -o-transition: opacity 3s linear; transition: opacity 3s linear; } .search-icon{ /*background-image: url('/Icons/SearchBlue/Icon.png');*/ background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiBoZWlnaHQ9IjE2cHgiIHdpZHRoPSIxNnB4IiB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTEyIDUxMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxnPjxwYXRoIHN0eWxlPSJmaWxsOnJnYigwLDcxLDEzMyk7IiBkPSJNMjIxLjgsNDQxLjlDMTAwLjcsNDQxLjksMiwzNDMsMiwyMjEuNUMyLDk5LjksMTAwLjcsMSwyMjEuOSwxYzEyMS4yLDAsMjE5LjgsOTguOSwyMTkuOSwyMjAuNUM0NDEuOCwzNDMsMzQzLjEsNDQxLjksMjIxLjgsNDQxLjlMMjIxLjgsNDQxLjl6IE0yMjEuOSw1NS40Yy04OC41LDAtMTYwLjQsNzQuNS0xNjAuNSwxNjYuMWMwLDkxLjUsNzIsMTY2LDE2MC40LDE2NmM4OC41LDAsMTYwLjUtNzQuNSwxNjAuNS0xNjZDMzgyLjMsMTI5LjksMzEwLjMsNTUuNCwyMjEuOSw1NS40TDIyMS45LDU1LjR6Ii8+PC9nPjxnPjxwYXRoIHN0eWxlPSJmaWxsOnJnYigwLDcxLDEzMyk7IiBkPSJNNDc4LjcsNTExYy04LDAtMTUuOS0zLTIyLTguOUwzMzguOCwzODcuN2MtMTIuMi0xMS45LTEyLjItMzEuMy0wLjEtNDMuM2MxMi4xLTEyLDMxLjgtMTIsNDMuOS0wLjFsMTE3LjksMTE0LjNjMTIuMiwxMS45LDEyLjIsMzEuMywwLjEsNDMuM0M0OTQuNSw1MDgsNDg2LjYsNTExLDQ3OC43LDUxMUw0NzguNyw1MTF6Ii8+PC9nPjwvZz48L3N2Zz4=); background-position: right 10px center; background-size: 16px 16px; background-repeat: no-repeat; padding-left: 5px; padding-right: 25px; } .-search-grey{ background-image: url('/Icons/Search_Grey/Icon.png'); background-position: right 10px center; background-repeat: no-repeat; background-size: 16px 16px; padding-left: 5px; padding-right: 25px; } .-clearfilter { background-image: url("/Icons/Close_red/Icon32x32.png"); background-size: 16px; } .activeEntities.grid.-top-to-bottom { width: auto; } .edit__component > .edit__text { height: 400px; width: 100%; } .boxHeader { margin-top: -1em;} .archive__msg {padding-top: 15px;} .borderDiv {margin-left: -21px; margin-right: -21px;} .msgitem{word-wrap:break-word;} #removebtn{ padding: 5px 30px; position: relative; left: 6px;} #cancelbtn{ padding: 5px 33px; position: relative; right:6px;} .cancel_btn {padding: 5px 30px; position: relative; right: 6px} .remove_btn {padding: 5px 30px; position: relative; left: 6px} .reusable__components { height: 200px; overflow: auto; } .drag__overlay { position: fixed; background: #000; z-index: 5; opacity: .5; bottom:30px; border: 5px dotted #FFF; } .drag__text { position: fixed; z-index: 1; } #Items-Container .bullet { border: 1px solid; border-radius: 10px; height: 4px; width: 4px; margin :15px 0.5rem; } #sharecloudmodal .modal__body{width:345px;} #sharecloudmodal header h4{font-size:1rem;margin-top:0.5rem;} select.find__field option { color: #55595c; } select.find__field { color: #b6b6b6; } .legal > .legal__body { width: 400px; max-height: 500px; overflow-y: auto; padding:5px; } .item .item__play { left:50%; top:50%; transform:translate(-50%, -50%); z-index:10; } .modal__body .preview-container {width:580px;text-align:center;} .modal__body .preview-container iframe{height:500px;width:100%} .modal__body .preview-container img{max-height:100%;max-width:100%} .items .item .-hasitems .-drill-down{display:none;} .items .item:hover .-drill-down{display:block;} .-main-image-container { position: absolute; height: 100%; width: 100%; top: 0; left: 0; } .-main-image-container .image-full { width: 100%; height: 100%; background: url() no-repeat; background-size: cover; background-position: center center; } /* .-main-image-container .-dropbox-corner { font-size: 18px; color: white; line-height: 0; } .-main-image-container .-dropbox-corner .-left-corner { left: 0; } .-main-image-container .-dropbox-corner .-top-corner { top: 8px } .-main-image-container .-dropbox-corner .-right-corner { right: 0; } .-main-image-container .-dropbox-corner .-bottom-corner { bottom: 15px; } .-main-image-container .-drop-img-box { height: 100%; width: 100%; padding: 5px; position: relative; } .-main-image-container .innerbox { background: rgba(129, 138, 145, 0.39); height: 100%; width: 100%; top: 0; left: 0; position: absolute; padding: 10px; transition: opacity .5s; display: table; opacity:0; } .-main-image-container .innerbox .-uploader-text { display: table-cell; vertical-align:middle; text-align: center; font-size: 18px; padding: 5px; color: #fff; transform: translate(-50%, -50%); top: 50%; left: 50%; position: absolute; width: 100%; } .-main-image-container .innerbox p { display:table; height:88%; width:100%; font-size: 20px; padding:5px; color: #fff; line-height: 137px; font-family: 'arial'; text-align: center; cursor: pointer; } .-main-image-container .innerbox p span { display:table-cell; vertical-align: middle; } */ /* VV 10272017: Do not open this code without my permission - VV 10162017: Added style for the common active item functionality for Timeline - .timeline-li.active .single-item,.timeline-li.active .item-date,.timeline-li.active .single-item .item-title { color: #000000; } .timeline-li.active .line { background-color: #000000; z-index: 10; position: absolute; } */ .MediaWallBannerContainer .active{ border: 1px solid #000000; } /* */ /* .table-container.table-items .item.active td:first-child:hover:before { border-top: 7px solid transparent; border-bottom: 7px solid transparent; /* border-left: 7px solid #84B8E6; border-left: 7px solid #000000; } .table-container.table-items .item.active td:first-child:before { /* border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-left: 7px solid #000000; float: left; height: 0; width: 0; content: ''; left: 0; top:0.95rem; position: absolute; } */ .timeline-li.active .single-item,.timeline-li.active .item-date,.timeline-li.active .single-item .item-title { color: #000000; } .timeline-li.active .line { background-color: #000000; z-index: 10; position: absolute; } /* Mayur Dubey: 6/25/2018, 3:44:32 PM - Added below css to align the checkbox correctly */ .-select-all.-checkbox label > span, .-select-all.-checkbox .label > span {top:0px;} /* Shivkumar Mourya(PS): 6/28/2018, 7:42:51 PM - added css to make link icon aligned on header */ /* Prashant Jain(PS): 7/9/2018, 4:03:43 PM - Added css to aligned right icon in edit mode */ /* Shivkumar Mourya(PS): 9/11/2018, 3:34:51 PM - commented below css as not longer needed */ /* .-buttonsgroup .-link-cloud-div, .-buttonsgroup .-done-button-container{position: relative; bottom: 1px;} */ /* Mayur Dubey: 8/14/2018, 6:58:12 PM - Added below css for control toggle*/ .-controlToggle { border-radius: 5px; margin-top: 0.2rem; line-height: 15px; width:83px; height:24px; } /* Shivkumar Mourya(RG): 9/27/2018, 11:18:16 AM - Addedd height below to align control toggle */ .-controlToggle .-box { float: left; padding: 3px 5px 0px 5px; border-radius: 5px; height: -webkit-fill-available; } /* Prashant Jain(SP): 10/24/2019, 1:54:26 PM - Added Below min-width to proper align with resizing */ .-control-toggle-buttons { min-width:86px; } .-border.-leftright{border:0;border-left:1px solid #000000;border-right:1px solid #000000;} .-control-toggle-buttons {margin-right:5px;} /* Mayur Dubey: 9/27/2018, 2:21:03 PM - Added below for fix link */ .cloud .cloud__content .-fix-it{font-style: italic;text-decoration: underline;} .cloud .cloud__top .cloud__top__dragtoresize[data-placement="Top"]{position: absolute;width: 100%;height: 5px;left: 0;bottom: 10px;cursor: n-resize;} .cloud .cloud__top .cloud__top__dragtoresize[data-placement="Left"] {position: absolute;width: 5px;height: 100%;right: 0;top: 0;cursor: e-resize;} .conversation_rightSide:before{ border-color: transparent #004785 transparent transparent; } /*Prashant Jain(SJ): 9/20/2019, 2:52:42 PM -Udated below height for srollbar*/ #-details-popup .-workflow-container {min-height:70vh;height:80vh;} .renderform .-render-half .renderAs.-first-half .input-container { /* Shubham Prajapat: 5/15/2020, 12:11:30 PM - Commenting below line and updating it to 3px from 4px */ /* padding-right: 4px; */ padding-right: 3px; } .renderform .-render-half .renderAs.-first-half + div { padding-left: 4px; } .renderform .-render-half .renderAs.-first-half-checkbox .-label-message { padding-right: 8px; } .renderform .-render-half .renderAs.-first-half-checkbox .-first-half-checkbox-label { width: 80%; } .renderform .-render-half .renderAs .-second-half-checkbox-label { padding-right: 0; width: calc(100% - 30px); } .renderform .-render-half .renderAs .-second-half-checkbox-label + div.input-container { width: 30px; } .renderform .-render-half .renderAs.-first-half + div .-checkbox label > span{ left: unset; right: 0px; margin: 0px; } .renderform .-render-half .renderAs.-first-half-checkbox + div .-checkbox label > span{ left: 13px; margin: 0px; } /* Mayur Dubey(SP): 8/2/2019, 6:19:12 PM -Adding Below css For New Widgets TagImage */ .-pinicon { height: 24px; width: 24px; z-index: 1009;} .-lstagicon {border: 2px dashed; cursor: move; left: 0; top: 0; z-index:10;} .-lstagicon .-lsline-w {width: 10px; height: 100%; left: -5px; cursor: w-resize; } .-lstagicon .-lsline-n {width: 100%; height: 10px; top: -5px; cursor: n-resize; } .-lstagicon .-lsline-e {width: 10px; height: 100%; right: -5px; cursor: e-resize; } .-lstagicon .-lsline-s {width: 100%; height: 10px; bottom: -5px; cursor: s-resize; } .-media-gallery-items .-play-icon {top:50%;left:50%;transform: translate(-50%, -50%);width:50px;height:50px;cursor:pointer;z-index: 5;} .modal-container.-modal-ellipsis.field-popup {z-index: 1006;} .cloud .cloud__items [data-dri="/AddItemPlaceHolder"] { background-color: #80808047; } .cloud .cloud__items [data-dri="/AddItemPlaceHolder"] .-frontone, .cloud .cloud__items [data-dri="/AddItemPlaceHolder"] .flipArrow { display: none !important; } .cloud .cloud__items [data-dri="/AddItemPlaceHolder"] .-add-item-placeholder { top:0; left:0; width:100%; height:100%; opacity:0.6; } .cloud .cloud__items [data-dri="/AddItemPlaceHolder"] .-add-item-placeholder svg { width:40px; height:40px; } .cloud__addtoit.-display-none-imp, .cloud__clone.-display-none-imp { display:none !important; } .-refresh-bar-container { z-index: 5; top:0; left:0; } /* login classes */ .login { align-self:center; background-color: #fff; overflow-y:auto; position: relative; padding: 0 !important; max-width: 420px; margin-left: auto; margin-right: auto; } .login__checkbox { min-width: 0; margin-right: .4rem; margin-left: 2rem; } .login__controls { height: 44px; padding:0; } .login__controls > fieldset { width:100%; margin: .4rem .4rem .4rem 0; } .login__controls > .-checkbox > .grid { padding: 0; } .login__legal { text-align: right; } .login__options { padding: 0; margin-bottom:1rem; justify-content:space-between;-webkit-justify-content: space-between;}.login__header > img { width: 78px; margin: .5rem 0 .5rem .5rem; } .login__main { padding-left: 1rem; padding-right: 1rem; } .login__options > div, .login__newaccount { padding:10px 0px; cursor:pointer; height: 82px; width: 30%; color: #000000; text-align:center; background-repeat: no-repeat; background-position: center .5rem; background-size: 56px; font-size: .9rem; } .login__options > div.active { background-color: #e9e9e9; border-bottom : 1px solid #e9e9e9; position: relative; } .login__options > div.active:after { content: ""; position: absolute; z-index: 0; width: 75.4px; height: 83.4px; -webkit-transform: scaleY(0.3774) rotate(-45deg); -ms-transform: scaleY(0.3774) rotate(-45deg); transform: scaleY(0.3774) rotate(-45deg); background-color: inherit; left: 17px; } .login__options > div.active:after { bottom: -43px; border-bottom: solid 1.5px #000000; border-left: solid 1.5px #000000; } .login__options > div.active > span { position:relative; z-index:10; } .login__options > .login__newaccount { width: 100%; margin-top: 1.4rem; } .login__options > div.login__newaccount:after { border-bottom: solid 3.5px #000000; border-left: solid 3.5px #000000; width: 257px; height: 272px; left: 57px; bottom: -137px; transform: scaleY(0.200) rotate(-45deg); } @media (max-width: 375px) { .login__options > div.active:after{ width: 74px; height: 74px; left: 14px; bottom: -38px; } /*.login__options > div.login__newaccount:after { width: 247px; height: 247px; left: 49px; bottom: -125px; }*/ .login__options > div.login__newaccount:after{ width: 246.4px; height: 246.4px; left: 49.5px; bottom: -123.5px; } } @media (max-width: 360px) { .login__options > div.active:after{ width: 71px; height: 71px; left: 13px; bottom: -36px; } .login__options > div.login__newaccount:after { width: 236px; height: 236px; left: 47px; bottom: -119px; } } @media (max-width: 320px) { .login__options > div.active:after{ width: 64px; height: 61px; left: 11px; bottom: -31px; } .login__options > div.login__newaccount:after { width: 208px; height: 208px; left: 41px; bottom: -105px; } } .login__or { text-align: center; height: 3rem; padding-top: .6rem; } .login__passfield { margin-top: 1rem; } .login__refferal { margin-bottom: 1rem; } /*.modal-container .login__forgotpasslink{padding-right: 7.7rem;}*/ .modal-container .login__forgotpasslink{padding-right: 6rem;} /*.modal-container .login__links {position: absolute; bottom: 45px;}*/ .modal-container .login__links {height: 75px;} .login__forgotpasslink, .login__legal { margin-top:1rem; text-decoration: underline; font-size: 80%; } .login__additionalcontrols { padding-bottom: .5rem; width: 100%; } .login__newaccount { width: 100%; } .login__links { padding: .5rem; /*position: absolute; bottom: 45px;*/} .login__form { padding:0;} .login__form > input {height: 2.5rem; align-self:center; width: 100%; } /* .login__form > input {padding-bottom: .5rem; align-self:center; width: 100%; } */ .loginfooter__livestuff { font-size: 80%; text-align: center; height: 45px; padding: 4px; bottom: 0; position: absolute;} .login__button__cont { margin-top: 0.5rem; } .login__button__cont .login__button { margin-top:0; width: 100%; } .first__resetform {padding: 0 1rem;} .first__resetform .login__userfield {width: 100%;} .first__resetform .login__resetcont .login__reset {min-width: 75px;} .first__resetform .login__forgotmsgtwo {padding: 0 0 5px 0;} .first__resetform .login__confirmpassword {margin-top:1rem;} .login__header .reset__cont{height: 32px;} .login__button { margin-right: 0;} .login__keepmeloggedin { margin-right: 20px; } .button__margin {margin:10px 0 0 0;} #resetpassmesg .okbutton {margin-top: 5px; margin-left: 75%;margin-right: auto;width: 80px;/*width: 75px;height: 37px;*/} .login__error{height:2rem;} .login__error__msg{color:#e9322d;vertical-align: middle;} #mainContent > .login__settings { padding: 1rem; } #loginMethodModal .item { padding: 1rem; } #loginMethodModal ul { padding:0; width: 100%; } td.grid { padding:.75rem; } input:required:invalid { outline: none; } input:required:invalid { box-shadow:none; } .login__form .login__referredby .search-field__results-container{width:100% !important;} .login__main .login__form .login__typeofperson{overflow: visible;} .login__form .-account-creation-form .renderform{padding:0;} .login__form .-account-creation-form .renderform label{padding-left:0;} .login__form .login__controls .-keep-me-logged-in {padding:0;} #loginModal .-liveretail-login-page .-login-option.-active svg { fill : #000000; } .login__form .-account-creation-form .renderform .-formbuilder-render .-render-field-columns, .login__form .-account-creation-form .renderform .-render-field-columns {padding-right:0;} .login__form .-account-creation-form .renderform .renderAs label { text-align: left; padding-left: 0; } /* template builder classes */ .templatebuilder__container { width: 100%; padding: 0; } .templatebuilder { width: 100%; height: 100%; padding:0; min-width: 1260px; } .templatebuilder > .components__container { min-width: 350px; max-width: 350px; border-right: 1px solid #000000; margin-bottom:92px; } .templatebuilder .components { min-width: 350px; max-width: 350px; border-right: 1px solid #000000; border-bottom: 1px solid #000000; } .templatebuilder .componentbody { margin: 0 0 10px 0; } .templatebuilder .component:hover { background-color: #e9e9e9;} .components__container > .components__header { background-color: #e9e9e9; height: 50px; line-height: 50px; text-align:center; } .components__container > .components__filter { background-color: #e9e9e9; padding: 5px; } .components__list { padding-right: 0; } .components__list .component { padding:15px; background-color:#ffffff; } .templatebuilder > .canvas { height: 90%; width: 80%; padding: 0 20%; } .canvas__container, .components__container { padding:0; } .canvas__container { width: 100%; overflow: auto; } .templatebuilder > .canvas__container { overflow: inherit; } .canvas { height: 90%; margin-top:10px; overflow-y:auto; } .canvas__components { margin-bottom: 10px; } .canvas > .canvas__empty, .canvas > .canvas__components { text-align: center; align-self:center; border: 5px dotted #000000; } .canvas > .canvas__empty { min-height:100%; } .canvas > .canvas__empty > div { padding-top:40%; } .canvas .topbar { padding-bottom: 5px; } .canvas__container > .canvas__controls { height: 50px; background-color: #e9e9e9; } .components__list, .canvas__components { padding: 0 10px; } .components__list > .component { margin: 10px 0; border: 1px solid #000000; } .canvas__components > .component { text-align: center; border: 1px dotted #000000; border-top: none; } .canvas__components li.objectselector { min-height: 120px; } .canvas__components li.objectselector .component__objectselector { min-height: 100px; } .canvas__components li.objectselector .objectselector__options { margin-top: -50px; right:385px; position:fixed; z-index:100; } .canvas__components li.objectselector .objectselector__puzzle { height: 64px; width: 64px; position:fixed; } .canvas__components li.objectselector:hover .component__objectselector { opacity:0.8; } .canvas__components li.objectselector:hover .objectselector__puzzle { opacity:0.8; } .-shadow.component { text-align: center; border: 1px dotted #000000; } .component__image.-left-aligned { padding-top: 20%; padding-bottom: 20%; padding-right: 1rem; } .templatebuilder__trash, .templatebuilder__refresh { position: absolute; cursor: pointer; } .componentbody .editimage { border:1px solid #000; text-align: center; height: 95px; padding-top: 35px; } .componentbody image[data-editable="Y"] { max-height: 95px; } .componentbody .edittext { text-align: left; overflow:hidden; } .component__lf-image-title-copy .editimage, .component__lf-image-title-copy img { height:95px; width: 95px; float:left; } .componentbody td { border: none; padding: 0; } table.componentbody { margin:0; } .tactics__preview .customize__components, .campaign__right .customize__components { border: 5px solid #000000; } /* component css */ .-email__background { background-color:#ededed; } .componentbody .title { color: #84B8E6; font-weight: bold; } .primarycolor{color:#eeb227;} .primarybackground{background-color:#eeb227;} .bold{ font-weight: bold;} .colorbackground{background-color:#fdf6e4;} .componentbody th, .componentbody td { vertical-align: middle; } .editlink:hover { text-decoration: none; } .editlink { color:#565656;text-decoration: none; } .componentbody a {color: #0000EE; text-decoration: underline;} /* flexible asset customizer */ .customize { width: 100%; } .customize__components { clear: both; } .customize [data-editable="Y"]:hover, .-editable { border: 1px dotted #000000; } .customize .customize__components { text-align: center; height:90%; width:860px; align-self:center;} .customize .customize__controls { align-self: center; width:860px; margin-top: 10px; margin-bottom: -5px; padding: 0;} .customize .customize__controls > .grid__column, .customize__controls > .-checkbox > div { padding:0; } .customize .components__content { min-height: 100%; border: 5px solid #000000; padding: 0 10px; margin-bottom: 10px;} .customize__components .component td { border-top:none; } .tmce__toolbar { padding: 5px 0 0 0; } .tmce__toolbar .icon:not([data-type="Backcolor"]) { fill: #FFFFFF; } .tmce__toolbar .icon { height: 16px; width 16px; margin:2.5px; cursor: pointer; } .mce-tinymce { width: 100%; } .floatingmenu { position: absolute; } .tmce__menu { background-color: #000000; border: 1px solid #000000; padding: 0 0 5px 0; } .tmce__toolbar > .icon:not([data-type="Backcolor"]) { fill: white; } .floatingmenu__dropdown { width: 260px; border: 1px solid #000000; min-height:40px; background-color: #FFFFFF; z-index:1005;} .floatingmenu__dropdown > .item { width: 100%;} .mce-modal-body > .code__textarea { height: 400px; width: 600px; } .rte__modal .rte__target { height: 400px; width: 600px} table.tmce__table td { border: inherit; border-width:inherit; border-style: solid;} /* live ad maker */ .liveadmaker{ width: 100%; } .liveadmaker .lam__left { width: 530px; border-right: 1px solid #000000; overflow-y: auto } .liveadmaker > .lam__left > .left__container { margin-bottom:100%; padding-bottom:30px; } .liveadmaker .lam__right { padding-top: 10px; padding-bottom: 20px; flex-grow: 1; } .liveadmaker .lam__right > .lam__preview { width: 860px; margin:0px auto 0 auto; border:5px solid #000000; align-self:center; } .liveadmaker .lam__previewmessage { cursor: pointer; font-size:2rem; text-align: center;} .liveadmaker .lam__previewmessage > .previewmessage__overlay { top:-10px; width: 100%; opacity: 0.6; background-color: black; position: absolute; height: 165px; } .liveadmaker .lam__previewmessage > .previewmessage__text { position:absolute; left:530px; right: 0%; color:white; padding-top: 2rem; } .liveadmaker__preview { min-width: 500px; } .templatefield input.-width, .templatefield input.-height { min-width: 85px; } /*Common-Loader css*/ -moz-keyframes uilsquare { 0% ,100% { background-color: #000000;} 62.5% {background-color: #FFFFFF;} } @-ms-keyframes uilsquare { 0% ,100% { background-color: #000000;} 62.5% {background-color: #FFFFFF;} } @-o-keyframes uilsquare { 0% ,100% { background-color: #000000;} 62.5% { background-color: #FFFFFF;} } @-webkit-keyframes uilsquare { 0% ,100% { background-color: #000000;} 62.5% {background-color: #FFFFFF;} } @keyframes uilsquare { 0% ,100% { background-color: #000000;} 62.5% {background-color: #FFFFFF;} } .loader__spinner_alone { background-image:none; } .loader__spin { background-image:none; } .loader__spinner_element { background-image:none; /* jxenos 6/5/17: messing up centering of spinner height:50%;*/ } .loader__body .loader__container .loader__squares div { position: absolute; z-index: 1; background-color: white; } .loader__body .loader__container .loader__spinner_alone .loader__squares { position: relative; float: left; transform: scale(1); } .loader__body .loader__container .loader__spinner_alone .loader__squares div > div { width: 12px; height: 12px; position: absolute; top: 0; left: 0; -webkit-animation: uilsquare 0.7s infinite; -webkit-animation-direction:alternate-reverse; animation: uilsquare 0.7s infinite; animation-fill-mode: forwards; animation-direction: alternate-reverse; animation-timing-function:step-start; -webkit-transition-timing-function: ease; transition-timing-function: ease-in-out; -ms-animation: uilsquare 1s infinite; -webkit-animation-timing-function: step-start; } .loader__body .loader__container .loader__spinner_alone .loader__squares > div:nth-of-type(1) { top: 0px; left: 0px; } .loader__body .loader__container .loader__spinner_alone .loader__squares > div:nth-of-type(2) { top: 0px; left: 14px;//VV 08242017: Change left 13.5 } .loader__body .loader__container .loader__spinner_alone .loader__squares > div:nth-of-type(3) { top: 0px; left: 28px;//VV 08242017: Change left 27 } .loader__body .loader__container .loader__spinner_alone .loader__squares > div:nth-of-type(4) { top: 14px; left: 28px;//VV 08242017: Change left 27 } .loader__body .loader__container .loader__spinner_alone .loader__squares > div:nth-of-type(5) { top: 28px; left: 28px;//VV 08242017: Change left 27 } .loader__body .loader__container .loader__spinner_alone .loader__squares > div:nth-of-type(6) { top: 28px; left: 14px;//VV 08242017: Change left 13.5 } .loader__body .loader__container .loader__spinner_alone .loader__squares > div:nth-of-type(7) { top: 28px; left: 0px; } .loader__body .loader__container .loader__spinner_alone .loader__squares > div:nth-of-type(8) { top: 14px; left: 0px; } .loader__body .loader__container .loader__spinner_message .loader__squares { position: relative; float: left; } .loader__body .loader__container .loader__spinner_message .loader__squares div > div { width: 10px; height: 10px; position: absolute; top: 0; left: 0; -webkit-animation: uilsquare 0.7s infinite; -webkit-animation-direction:alternate-reverse; animation: uilsquare 0.7s infinite; animation-fill-mode: forwards; animation-direction: alternate-reverse; animation-timing-function:step-start; -webkit-transition-timing-function: ease; transition-timing-function: ease-in-out; -ms-animation: uilsquare 1s infinite; -webkit-animation-timing-function: step-start; } .loader__body .loader__container .loader__spinner_message .loader__squares > div:nth-of-type(1) { top: 0px; left: 0px; } .loader__body .loader__container .loader__spinner_message .loader__squares > div:nth-of-type(2) { top: 0px; left: 12px;//VV 08242017: Change 11 } .loader__body .loader__container .loader__spinner_message .loader__squares > div:nth-of-type(3) { top: 0px; left: 24px; } .loader__body .loader__container .loader__spinner_message .loader__squares > div:nth-of-type(4) { top: 12px; left: 24px;//VV 08242017: Change 22 } .loader__body .loader__container .loader__spinner_message .loader__squares > div:nth-of-type(5) { top: 24px; left: 24px;//VV 08242017: Change 22 } .loader__body .loader__container .loader__spinner_message .loader__squares > div:nth-of-type(6) { top: 24px; left: 12px;//VV 08242017: Change 11 } .loader__body .loader__container .loader__spinner_message .loader__squares > div:nth-of-type(7) { top: 24px; left: 0px; } .loader__body .loader__container .loader__spinner_message .loader__squares > div:nth-of-type(8) { top: 12px; left: 0px; } .loader__body .loader__container .loader__squares > div:nth-of-type(1) div { -ms-animation-delay: 0s; -moz-animation-delay: 0s; -webkit-animation-delay: 0s; -o-animation-delay: 0s; animation-delay: 0s; } .loader__body .loader__container .loader__squares > div:nth-of-type(2) div { -ms-animation-delay: 0.1s; -moz-animation-delay: 0.1s; -webkit-animation-delay: 0.1s; -o-animation-delay: 0.1s; animation-delay: 0.1s; } .loader__body .loader__container .loader__squares > div:nth-of-type(3) div { -ms-animation-delay: 0.2s; -moz-animation-delay: 0.2s; -webkit-animation-delay: 0.2s; -o-animation-delay: 0.2s; animation-delay: 0.2s; } .loader__body .loader__container .loader__squares > div:nth-of-type(4) div { -ms-animation-delay: 0.3s; -moz-animation-delay: 0.3s; -webkit-animation-delay: 0.3s; -o-animation-delay: 0.3s; animation-delay: 0.3s; } .loader__body .loader__container .loader__squares > div:nth-of-type(5) div { -ms-animation-delay: 0.4s; -moz-animation-delay: 0.4s; -webkit-animation-delay: 0.4s; -o-animation-delay: 0.4s; animation-delay: 0.4s; } .loader__body .loader__container .loader__squares > div:nth-of-type(6) div { -ms-animation-delay: 0.5s; -moz-animation-delay: 0.5s; -webkit-animation-delay: 0.5s; -o-animation-delay: 0.5s; animation-delay: 0.5s; } .loader__body .loader__container .loader__squares > div:nth-of-type(7) div { -ms-animation-delay: 0.5s; -moz-animation-delay: 0.5s; -webkit-animation-delay: 0.5s; -o-animation-delay: 0.5s; animation-delay: 0.5s; } .loader__body .loader__container .loader__squares > div:nth-of-type(8) div { -ms-animation-delay: 0.6s; -moz-animation-delay: 0.6s; -webkit-animation-delay: 0.6s; -o-animation-delay: 0.6s; animation-delay: 0.6s; } .loader__body_element .loader__container .loader__squares div { position: absolute; z-index: 1; background-color: white; } .loader__body_element .loader__container .loader__spinner_element .loader__squares { position: relative; float: left; } .loader__body_element .loader__container .loader__spinner_element .loader__squares div > div { width: 5.5px; height: 5.5px; position: absolute; top: 0;left: 0; -webkit-animation: uilsquare 0.7s infinite; -webkit-animation-direction:alternate-reverse; animation: uilsquare 0.7s infinite;animation-fill-mode: forwards; animation-direction: alternate-reverse; animation-timing-function:step-start; -webkit-transition-timing-function: ease; transition-timing-function: ease-in-out; -ms-animation: uilsquare 1s infinite; -webkit-animation-timing-function: step-start; } .loader__body_element .loader__container .loader__spinner_element .loader__squares > div:nth-of-type(1) { top: 0px; left: 0px; } .loader__body_element .loader__container .loader__spinner_element .loader__squares > div:nth-of-type(2) { top: 0px; left: 7px; } .loader__body_element .loader__container .loader__spinner_element .loader__squares > div:nth-of-type(3) { top: 0px; left: 14px; } .loader__body_element .loader__container .loader__spinner_element .loader__squares > div:nth-of-type(4) { top: 7px; left: 14px; } .loader__body_element .loader__container .loader__spinner_element .loader__squares > div:nth-of-type(5) { top: 14px; left: 14px; } .loader__body_element .loader__container .loader__spinner_element .loader__squares > div:nth-of-type(6) { top: 14px; left: 7px; } .loader__body_element .loader__container .loader__spinner_element .loader__squares > div:nth-of-type(7) { top: 14px; left: 0px; } .loader__body_element .loader__container .loader__spinner_element .loader__squares > div:nth-of-type(8) { top: 7px; left: 0px; } .loader__body_element .loader__container .loader__spinner_message .loader__squares { position: relative; float: left; } .loader__body_element .loader__container .loader__spinner_message .loader__squares div > div { width: 10px; height: 10px; position: absolute; top: 0; left: 0; -webkit-animation: uilsquare 0.7s infinite; -webkit-animation-direction:alternate-reverse; animation: uilsquare 0.7s infinite; animation-fill-mode: forwards; animation-direction: alternate-reverse; animation-timing-function:step-start; -webkit-transition-timing-function: ease; transition-timing-function: ease-in-out; -ms-animation: uilsquare 1s infinite; -webkit-animation-timing-function: step-start; } .loader__body_element .loader__container .loader__spinner_message .loader__squares > div:nth-of-type(1) { top: 0px; left: 0px; } .loader__body_element .loader__container .loader__spinner_message .loader__squares > div:nth-of-type(2) { top: 0px; left: 11px; } .loader__body_element .loader__container .loader__spinner_message .loader__squares > div:nth-of-type(3) { top: 0px; left: 22px; } .loader__body_element .loader__container .loader__spinner_message .loader__squares > div:nth-of-type(4) { top: 12px; left: 22px; } .loader__body_element .loader__container .loader__spinner_message .loader__squares > div:nth-of-type(5) { top: 24px; left: 22px; } .loader__body_element .loader__container .loader__spinner_message .loader__squares > div:nth-of-type(6) { top: 24px; left: 11px; } .loader__body_element .loader__container .loader__spinner_message .loader__squares > div:nth-of-type(7) { top: 24px; left: 0px; } .loader__body_element .loader__container .loader__spinner_message .loader__squares > div:nth-of-type(8) { top: 12px; left: 0px; } .loader__body_element .loader__container .loader__squares > div:nth-of-type(1) > div { -ms-animation-delay: 0s; -moz-animation-delay: 0s; -webkit-animation-delay: 0s; -o-animation-delay: 0s; animation-delay: 0s; } .loader__body_element .loader__container .loader__squares > div:nth-of-type(2) > div { -ms-animation-delay: 0.1s; -moz-animation-delay: 0.1s; -webkit-animation-delay: 0.1s; -o-animation-delay: 0.1s; animation-delay: 0.1s; } .loader__body_element .loader__container .loader__squares > div:nth-of-type(3) > div { -ms-animation-delay: 0.2s; -moz-animation-delay: 0.2s; -webkit-animation-delay: 0.2s; -o-animation-delay: 0.2s; animation-delay: 0.2s; } .loader__body_element .loader__container .loader__squares > div:nth-of-type(4) > div { -ms-animation-delay: 0.3s; -moz-animation-delay: 0.3s; -webkit-animation-delay: 0.3s; -o-animation-delay: 0.3s; animation-delay: 0.3s; } .loader__body_element .loader__container .loader__squares > div:nth-of-type(5) > div { -ms-animation-delay: 0.4s; -moz-animation-delay: 0.4s; -webkit-animation-delay: 0.4s; -o-animation-delay: 0.4s; animation-delay: 0.4s; } .loader__body_element .loader__container .loader__squares > div:nth-of-type(6) > div { -ms-animation-delay: 0.5s; -moz-animation-delay: 0.5s; -webkit-animation-delay: 0.5s; -o-animation-delay: 0.5s; animation-delay: 0.5s; } .loader__body_element .loader__container .loader__squares > div:nth-of-type(7) > div { -ms-animation-delay: 0.5s; -moz-animation-delay: 0.5s; -webkit-animation-delay: 0.5s; -o-animation-delay: 0.5s; animation-delay: 0.5s; } .loader__body_element .loader__container .loader__squares > div:nth-of-type(8) > div { -ms-animation-delay: 0.6s; -moz-animation-delay: 0.6s; -webkit-animation-delay: 0.6s; -o-animation-delay: 0.6s; animation-delay: 0.6s; } @media only screen and (max-width: 600px) { .loader__message { padding-left: 1.5rem; } } /* Common-Filter css for Filter.htm */ .-filterwidget .searchcontainer__search { margin-bottom:0px; } .-filterwidget .filter__searchcontainer { background-color:white; border: 1px solid #000000; } .-filterwidget .searchcontainer__search .field { border: 0; background-color:inherit; } .-filterwidget .-divider { border-right: 1px solid #000000; } .-filterwidget .searchcontainer__dropdown, .templatebuilder .searchcontainer__go { padding: 5px 0px; } .-filterwidget .searchcontainer__dropdown .icon { margin: 3px 5px 0px 5px; } .-filterwidget .searchcontainer__go .go { margin-left: 5px; } .-filterwidget.-vertical .filter__container { padding-top: 5px; } .-filterwidget.-horizontal { height: 46px; } .-filterwidget.-horizontal .search { margin-right:10px; } /* CreativeAssetPreview css for Creative Asset Preview */ .-creative-asset-preview { display: flex; flex-direction: column; flex-wrap: nowrap; width: 100%; height:auto; position: relative; z-index: 1; } .-creative-asset-preview .-fb-preview-header { height:56px; width:100%; background-color: #FFFFFF; position: fixed; top: 0; left: 0; box-shadow: 0px 0px 5px 0px; display: flex; flex-direction: row; align-items: center; justify-content: space-between; padding: 0px 10px; z-index: 5; } .-creative-asset-preview .-fb-preview-content { flex-grow: 1; display: flex; width: 100%; height: 100%; } .-creative-asset-preview .p361ku9c { fill:#FFFFFF; } .-creative-asset-preview .-column-one { display: flex; flex:1 1 auto; } .-creative-asset-preview .-column-two { display: flex; flex:1 1 auto; justify-content: space-around; height:auto; } .-creative-asset-preview .-column-three { display: flex; flex:1 1 auto; } .-creative-asset-preview .-column-two svg { fill:#65676b; } .-creative-asset-preview .-icon { width: 75px; height: 91%; display: flex; justify-content: center; align-items: center; } .-creative-asset-preview .-icon.-active { border-bottom: 5px solid #1877f2; } .-creative-asset-preview .-icon.-active svg { fill:#1877f2; } .-creative-asset-preview .-fb-preview-content .-column-two { flex: unset; margin: auto; flex-direction: column; flex-wrap: nowrap; justify-content: flex-start; padding: 0; min-height: 300px; max-height: 800px; min-width: 325px; max-width: 680px; } .-creative-asset-preview .-fb-preview-content .-column-one { flex-direction: column; } .-creative-asset-preview .-fb-preview-content .-dummy-div { width: 100%; height: 50px; display: flex; align-items: center; position:relative; } .-creative-asset-preview .-fb-preview-content .-dummy-circle { width: 40px; background-color: #c7c7c7; height: 40px; border-radius: 100%; margin-left: 5px; } .-creative-asset-preview .-fb-preview-content .-dummy-box { height: 15px; flex-grow: 1; background-color: #c7c7c7; margin-left: 5px; border-radius: 5px; max-width: 200px; } .-creative-asset-preview .-fb-preview-content .-column-three { flex-direction: column; padding: 5px; } .-creative-asset-preview .-fb-preview-content .-column-three .-white-box{ width: 100%; background: #fff; border-radius: 5px; max-width: 200px; align-self: flex-end; } .-creative-asset-preview .-fb-preview-content .-column-three .-white-box.-big { height:150px; } .-creative-asset-preview .-fb-preview-content .-column-three .-white-box.-small { height:50px; margin-top: 10px; } .-creative-asset-preview .-fb-preview-content .-column-two .-white-box.-middle-box { background-color: #fff; height: 90px; width: 100%; border-radius: 5px; } .-creative-asset-preview .-fb-preview-content .-column-two .-white-box.-middle-box.-ad-area { height: auto; overflow: hidden; margin: 0px auto; position: relative; user-select: none; min-width: 325px; min-height: 300px; } .-creative-asset-preview .slidesContainer img[data-index="1"] { margin:0; } .-creative-asset-preview .image, .-creative-asset-preview .-video-container { padding: 0px; position: relative; display: block; image-rendering: optimizequality; image-rendering: -webkit-optimize-contrast; border-radius: 5px 5px 0 0; } .-creative-asset-preview .-headline { font-family: Arial; padding: 4px 16px 4px 16px; font-size: 15px; } .-creative-asset-preview .slidesContainer { display: flex; align-items: center; padding: 0 10px; transition-timing-function : ease-in-out; transition-duration: 0.15s; transition-property : transform; height:365px; min-width: 302px; user-select: none; } .-creative-asset-preview .mainSlider { position: relative; height:100%; } .-creative-asset-preview .slidesContainer .-img-cont { display: flex; flex-direction: column; flex-wrap: nowrap; margin-right: 5px; position: relative; z-index: 1; border: 1px solid #c7c7c7; border-radius: 5px; min-width: auto; } .-creative-asset-preview .slidesContainer .-img-cont .-image { width : 302px; height: 302px; position: relative; } .-creative-asset-preview .subheadline { font-weight: bold; font-family: Arial; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 36px; width: calc(100% - 120px); display: flex; align-items: center; padding:10px; } .-creative-asset-preview .-fb-call-action-button { padding: 10px; } .-creative-asset-preview .-footer-div { padding:15px 10px; display: flex; justify-content: space-between; align-items: center; flex-wrap: nowrap; flex-direction: column; background-color: white; user-select: none; } .-creative-asset-preview[data-embedded="Y"] .-footer-div { padding: 0 15px; } .-creative-asset-preview .-loading { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 20px; } .-creative-asset-preview .-slider-icon { background-image:url("https://assets2.livecache.net/L6/3/IOGLO/874582242/213541351/CirclePointerRight_SVG.svg"); position: absolute; top: 50%; z-index: 5; width: 30px; height: 30px; transform: translateY(-50%); right: 5px; background-color: white; border-radius: 100%; cursor:pointer; user-select: none; } .-creative-asset-preview .-slider-icon-left { background-image:url("http://assets0-stage.livecache.net/L6/3/IOGLO/874582202/213541330/CirclePointerLeft_SVG.svg"); position: absolute; top: 50%; z-index: 5; width: 30px; height: 30px; transform: translateY(-50%); left: 5px; background-color: white; border-radius: 100%; cursor:pointer; display: none; user-select: none; } .-creative-asset-preview .image, .-creative-asset-preview .-video-container { -webkit-transition-property: all; -webkit-transition-duration: .5s; -moz-transition-property: all; -moz-transition-duration: .5s; -ms-transition-property: all; -ms-transition-duration: .5s; transition-property: all; transition-duration: 1s; opacity: 1; max-width:100%; max-height: 100%; } .-creative-asset-preview .-call-to-action-button { width: auto; float: right; border: 1px solid #e4e6eb; padding: 5px 15px; background: #e4e6eb; font-family: sans-serif; font-size: 12px; font-weight: bold; color: #4b4f56; line-height: 26px; cursor: pointer; text-decoration: none; min-width:65px; border-radius: 6px; } .-creative-asset-preview .-call-to-action-button:hover { background: #ebedf0; } .-creative-asset-preview .-upper-part { display: flex; justify-content: space-between; align-items: center; font-size: 12px; } .-creative-asset-preview .-vector-icon { display: inline-block; opacity: 0.5; color:#65676b; font-size: 18px; } .-creative-asset-preview .-comment-icon { background-position: 0 -111px; } .-creative-asset-preview .-share-icon { background-position: 0 -320px; } .-creative-asset-preview .-lower-part { display: flex; justify-content: space-between; align-items: center; width: 80%; padding: 10px 5px; color: #65676b; font-weight: 500; font-size: .9375rem; } .-creative-asset-preview[data-scale="Y"] .-lower-part { width: 100%; } .-creative-asset-preview[data-embedded="Y"] .-lower-part { padding: 10px 0 0; } .-creative-asset-preview .-hidden { display : none !important; } .-creative-asset-preview .-video, .-creative-asset-preview .-video-container { width:100%; height:100%; } .-creative-asset-preview .-video-container { position: relative !important; } .-creative-asset-preview .-video-cont { width: 100%; height: 100%; } .-creative-asset-preview .-video-cont svg { width: 50px; height: 50px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); cursor: pointer; fill: #84B8E6; } .-creative-asset-preview .-video-cont .-video { background-color: #000; } .-creative-asset-preview .-hidden { display: none !important; } .-creative-asset-preview .-vector-icon-cont { float:left; } .-creative-asset-preview .-vector-icon-cont svg { width:20px; height:20px; } .-creative-asset-preview .-icon-label { float:left; margin-left: 5px; } .-creative-asset-preview .-hashtags { padding:4px; color:#1876f2; font-weight: 400; font-size: 15px; } .-creative-asset-preview .-image-ad-error { display: flex; align-items: center; } .-creative-asset-preview .-column-two svg.-pfi { fill:#1196f5; } .-creative-asset-preview .-column-two .-platform-icon { position:absolute; top:10px; right:10px; } .-creative-asset-preview .image.-pdf-ad { width: 100%; height: 100%; position: relative; max-width: initial; max-height: initial; border:0 none; } .-creative-asset-preview.-only-pdf { height: 100%; } .-creative-asset-preview.-only-pdf .-fb-preview-content .-column-two { width: 100% !important; padding:0 !important; max-width: 100% !important; } .-creative-asset-preview.-only-pdf .-fb-preview-content .-dummy-div, .-creative-asset-preview.-only-pdf .-headline, .-creative-asset-preview.-only-pdf .-hashtags, .-creative-asset-preview.-only-pdf .-footer-div { display: none; } .-creative-asset-preview.-only-pdf .-fb-preview-content .-column-two .-white-box.-middle-box.-ad-area, .-creative-asset-preview.-only-pdf .-fb-preview-content .-column-two, .-creative-asset-preview.-only-pdf .-fb-preview-content .slidesContainer { height : 100% !important; padding: 0; } .-creative-asset-preview .-fb-preview-content .-column-one, .-creative-asset-preview .-fb-preview-content .-column-three { visibility: hidden; } .-creative-asset-preview[data-embedded="Y"] .-fb-preview-content .-column-one, .-creative-asset-preview[data-embedded="Y"] .-fb-preview-content .-column-three { visibility: hidden; display: none; } .-creative-asset-preview.-no-frame .-fb-preview-content .-column-two .-white-box.-middle-box.-ad-area { min-height:300px; } .-creative-asset-preview.-no-frame .slidesContainer { padding:0; } .-creative-asset-preview.-no-frame.-single-item .slidesContainer { padding:0;height:100%; } .-creative-asset-preview.-no-frame.-single-item .slidesContainer .-img-cont { margin:0; padding:0; border-radius: 0; border:0 none; } .-creative-asset-preview.-no-frame.-single-item .slidesContainer .-img-cont .-image { width:100%; height:100%; } .-creative-asset-preview.-no-frame.-single-item .-upper-part { display: none; } .-creative-asset-preview.-single-item .slidesContainer { align-items: center !important; max-height:auto !important; height:auto !important; } .-creative-asset-preview.-single-item .slidesContainer img[data-index="1"] { max-width: 100% !important; max-height: 100% !important; position: unset; } .-creative-asset-preview.-single-item .-slider-icon { display: none !important; } .-creative-asset-preview.-single-item .-slider-icon-left { display: none !important; } .-creative-asset-preview.-single-item .slidesContainer { justify-content: center; } .-creative-asset-preview.-single-item .-video-cont, .-creative-asset-preview.-single-item .-video-cont video { max-width: 100%; max-height: 100%; } .-creative-asset-preview.-single-item .slidesContainer .-img-cont.-video-cont .-image { width:100%; height:auto; } .-creative-asset-preview.-single-item .slidesContainer .-img-cont { margin: 0; } @media (max-width: 34em) { .-fb-preview-content .-column-two .-white-box.-middle-box.-ad-area { width : 100%; } .-creative-asset-preview .-fb-preview-content .-column-two {padding : 0;} } @media (max-width: 1099px) { .-creative-asset-preview .-fb-preview-content .-column-one, .-fb-preview-content .-column-three { display: none; } } /* HTML Builder css for HTML Builder */ /* etc */ hr { width: 90%; margin-bottom: 1.5rem; border: 0; border-top: .0625rem solid #000000; color: none; box-sizing: content-box; height: 0; overflow: visible; } svg:not(:root) { overflow: hidden; } .-currentlocation-first { background-color: rgb(255, 255, 255) !important; border: none !important; outline: none; width: 40px; height: 28px; border-radius: 2px; box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px; cursor: pointer; margin-right: 10px; padding: 0px; } .-currentlocation-second { margin: 5px; margin-left: 11px; width: 18px; height: 18px; background-image: url(https://maps.gstatic.com/tactile/mylocation/mylocation-sprite-2x.png); background-size: 180px 18px; background-position: 0px 0px; background-repeat: no-repeat; } /* Mayur Dubey(SP): 9/16/2019, 4:07:55 PM - Added below css for wraping url from Error Modal */ .-error-url{ white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */ white-space: -webkit-pre-wrap; /*Chrome & Safari */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ white-space: pre-wrap; /* CSS3 */ word-wrap: break-word; /* Internet Explorer 5.5+ */ word-break: break-all; white-space: normal } .-lsv2-debugger { position: absolute; width:28px; height:28px; z-index: 1010; bottom:5px; right:5px; } .-lsv2-debugger.-for-field { top:5px; right:30px; } .-lsv2-debugger.-small-version { width:22px; height:22px; bottom:0px; } .-lsv2-debugger-menu { position: fixed; min-width: 200px; width: 260px; min-height: 200px; z-index: 1011; box-shadow:3px 3px 10px 0px; } .-lsv2-debugger-menu > span.-menu-title:first-child::before { border-bottom: 15px solid transparent; border-left: 11px solid transparent; border-right: 11px solid transparent; bottom: 11px; content: " "; height: 0; left: 3px; position: relative; width: 0; border-width: 10px; margin-left: 2px; display: block; border-color: rgba(0, 71, 133, 0) rgba(0, 71, 133, 0) #000000; } .-lsv2-debugger-menu > span.-menu-title:first-child::after { border-bottom: 15px solid transparent; border-left: 11px solid transparent; border-right: 11px solid transparent; content: " "; display: block; height: 0; left: -3px; position: relative; width: 0; bottom: 41px; border-width: 10px; margin-left: 8px; border-color:rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) #FFFFFF; } .-lsv2-debugger-menu > span.-menu-title.-show-right:first-child::before { left: 230px; } .-lsv2-debugger-menu > span.-menu-title.-show-right:first-child::after { left: 224px; } .-lsv2-debugger-menu > span.-menu-title.-show-bottom:first-child::before { transform: rotate(180deg); bottom: -278px; } .-lsv2-debugger-menu > span.-menu-title.-show-bottom:first-child::after { transform: rotate(180deg); bottom:-246px; } .-lsv2-debugger-menu .-lsv2-debugger-menu-item.-menu-title {font-weight:bold;display: block;} .-lsv2-debugger-menu .-lsv2-debugger-menu-item.-menu-item {display: block;height: auto;line-height: 25px;padding: 0 0 0 1.5rem;word-break: break-all;} .-lsv2-debugger-menu > span.-menu-title.-debug-in {padding:0 0 0 0.5rem;} .-lsv2-debugger-menu .-lsv2-debugger-user-select-all {user-select: all;} .-lsv2-debugger-menu .-lsv2-debugger-get-value-text{float:left;line-height: 32px;} .-lsv2-debugger-menu .-lsv2-debugger-input {float:left;width: 85px;margin:0 0 0 5px;} .-lsv2-debugger-menu .-lsv2-debugger-button {float:left;margin:0 0 5px 5px;height:35px;padding:5px 10px;} .-lsv2-debugger-menu .-lsv2-debugger-result-div {float:left;width:100%;} .-lsv2-debugger-menu .-padding-left-half {padding:0 0 0 0.5rem;} .-download-zips .-zip-element {min-width: 115px;height: 115px;margin:5px 0;} .-download-zips .-zip-element .-download-zip-svg-div {width:100%;height: 70%;} .-download-zips .-zip-element .-download-zip-svg-div svg {width:100%;height:100%;} .-download-zips .-zip-element .-zip-name{margin-top:5px;} .-download-zips .-download-all-div{margin:0.5rem 0.5rem 0 0;} .-matrix-elements .-matrix-element {min-width: 108px;height: 108px;margin:0.5rem;} .-matrix-elements .-matrix-element .-matrix-element-svg-div {width:100%;height: 75%;padding:1rem 1rem 0rem 1rem;} .-matrix-elements .-matrix-element .-matrix-element-svg-div svg {width:100%;height:100%;} .-functionality-button { height:32px; width:32px; align-self:flex-end; position: absolute; Z-index:10; } .-functionality-button.-functionality-share { top:0; } .-functionality-addtoit{ right: 20px; bottom: 20px; } .-functionality-cloneit{ right: 20px; bottom: 10px; } .-functionality-addtoit.-item{ right: 5px; } .-functionality-trash.-item{ left: 3px; } .-functionality-trash{ left: 20px; bottom: 10px; } .-functionality-button svg {width:100%;height:100%;} .-access-functionality-buttons.-mobile {width:100%;} .mobile-maincontainer .parent-wrapper .-access-functionality-share {width:30px;margin: 0.5rem 0.5rem 0rem;} .mobile-maincontainer .parent-wrapper .-functionality-button {width:25px;height:25px} .mobile-maincontainer .parent-wrapper .-functionality-button.-mobile-button-add {width:45px;height:45px;right:10px;} .mobile-maincontainer .parent-wrapper .-functionality-button.-mobile-button-multiselect {width:45px;height:45px;right:10px;bottom:10px;} .mobile-maincontainer .-matrix-elements .-matrix-element {min-width: 99px;height: 99px;width:99px !important;} .-mobile-button-multiselect .circle { background-color: rgb(255, 0, 0); border: 1px solid #ffffff; border-radius: 50%; box-sizing: border-box; color: rgb(255, 255, 255); font-size: 10pt; height: 32px; line-height: 29px; position: absolute; right: -10px; text-align: center; top: -15px; width: 32px; } /* For Breadcrumb */ .breadcrumb_div {margin-left: 8px;} body { margin:0; padding:0; } body.-read-only { pointer-events: none; } input:not([type="checkbox"]):not([type="range"]), input.field:not([type="checkbox"]):not([type="range"]) { min-height: 36px; } .-cart-item-count { background-color: #000000 !important; } #main .-map-box Button {min-width:auto !important;} .cloud .cloud__container, .cloud .-items-container-embedded { position: relative; } .cloud .cloud__container.-drop-zone .-ghost-drop-container, .cloud .-items-container-embedded.-drop-zone .-ghost-drop-container, .-render-as-sliders-field .form-group.-drop-zone .-ghost-drop-container { z-index: 113; opacity: 1; display: block; } .cloud .cloud__top{ padding:0 !important; max-height:40vh; min-height:70px; } .-main-inner-container{ height:100%; } .cloud__items__inner { height:100%; width:100%; } .-shadow.-fixed { position : fixed !important; } .cloud .cloud__top[data-area="None"] { display:none; } .cloud .-main-cloud-content[data-itemarea="None"] .cloud__top { flex-grow: 1; max-height: 100%; } .cloud .-main-cloud-content[data-ontouch="None"] .cloud__top .item, .cloud .-main-cloud-content[data-ontouch="None"] .cloud__items .item, .cloud .-main-cloud-content[data-ontouch="None"] .cloud__top .item a, .cloud .-main-cloud-content[data-ontouch="None"] .cloud__items .item a { cursor : default; } .cloud .-main-cloud-content .item[data-uivisibility="Hidden"] { display: none !important; } .cloud .cloud__items[data-area="None"] { display:none; } .cloud .-dragger{ width:100%; height:3px; margin:5px 0; cursor:n-resize; } .cloud .cloud__content .-cloud-warning-message .-close-warning { top:5px; right:5px; } .cloud .-dragger[data-toparea="None"] { display: none; } .cloud .-dragger[data-itemarea="None"] { display: none; } .cloud .cloud__items { flex-grow: 1; z-index: 2; } .cloud .cloud__items [data-appearance="Items"] { min-height:100%; height:auto; } .cloud_items_container{ align-content: flex-start; } .cloud_items_container .item { -webkit-perspective: 800px; -moz-perspective: 800px; -o-perspective: 800px; perspective: 800px; } .cloud_items_container .item .-inner-container { width:100%; height:100%; transition: transform 1s; -webkit-transition: -webkit-transform 1s; -moz-transition: -moz-transform 0.9s; -o-transition: -o-transform 1s; transform-style: preserve-3d; -webkit-transform-style: preserve-3d; -o-transform-style: preserve-3d; -moz-transform-style: initial; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; } .cloud_items_container .item .-inner-container .-front-container { width:100%; height: 100%; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; z-index: 2; position:relative; } .cloud_items_container .item .-flip-button { width: 38px; height: 38px; opacity: 0.5; right: -1px; border-right: 0; top: 50%; z-index: 3; display: none; background: white; transform: translate(0, -50%); } .cloud_items_container .item .-flip-button .icon { margin-left: 6px; margin-top: 6px; } .cloud_items_container .item .-inner-container .-front-container .-front-container-data { width:100%; height:100%; } .cloud_items_container .item .-inner-container .-front-container .-front-fields { bottom: 0; left: 0; max-height: 55px; height: auto; opacity: 0.7; padding: 0 0.5rem; background: white; width:100%; } .cloud_items_container .item .-inner-container .-back-container { -webkit-transform: rotateY( 180deg ); display: -ms-grid; -moz-transform: rotateY( 180deg ); -o-transform: rotateY( 180deg ); transform: rotateY( 180deg ); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; position:absolute; width:100%; height:100%; overflow-y: auto; overflow: hidden; top:0; left:0; } .cloud_items_container .item:hover .-flip-button { display:block; } .cloud_items_container .item .-inner-container .-front-container .-image-container, .item .-image-container { background-repeat: no-repeat; background-size: contain; background-position: center; width:100%; height: 100%; } .cloud_items_container .item .-flipped { -webkit-transform: rotateY( -180deg ) translateZ(1px); -moz-transform: rotateY( -180deg ); -o-transform: rotateY( -180deg ); transform: rotateY( -180deg ); } .cloud_items_container .item .-inner-container .-back-container .-show-field { width:100%; display: block; } .cloud_items_container .item .-inner-container .-back-container .-back-container-data { width:100%; height:100%; padding: 0.2rem; } .item .Title { font-size:23pt; line-height:28pt; font-family:arial, Helvetica, sans-serif; font-style:italic; } .item .SubTitle { font-size:29pt; line-height:32pt; font-family:arial, Helvetica, sans-serif; font-style:normal; font-weight:bold; color:#000000; } .item .Body { font-size:18pt; font-family:arial, Helvetica, sans-serif; font-style:normal; } .item .Headline { font-size:1.625rem; line-height: 2.2rem; } .item .Description { font-size:1.1875rem; } .item .More { font-size:1.1875rem; color:#000000; background:transparent; text-align:right; } .item .More:hover { text-decoration: underline; } .item .-select-preview-overlay, .item .-multiselect-preview-overlay { top:0; left:0; width:100%; height:100%; z-index: 2; } .-main-cloud-content[data-selectiontype="Invert Selection"] .item .-multiselect-preview-overlay svg { display : none; } .-main-cloud-content[data-selectiontype="Invert Selection"] .item .-invert-selection-menu { background-color: #fff; bottom: -40px; z-index: 6; border-radius: 100%; width: 35px; height: 35px; justify-content: center; align-items: center; display: flex; box-shadow: 1px 1px 5px 0; right: 5px; } .-main-cloud-content[data-selectiontype="Invert Selection"] .item .-invert-selection-menu svg { display: none; width: 50%; height: 50%; } .-main-cloud-content[data-selectiontype="Invert Selection"] .item[data-selected="Y"] .-multiselect-preview-overlay { display: block !important; z-index: 5; } .-main-cloud-content[data-selectiontype="Invert Selection"] .item[data-selected="Y"] .-multiselect-preview-overlay .-grey-part { background-color: #424242; opacity: 0.7; } .-main-cloud-content[data-selectiontype="Invert Selection"] .item[data-selected="Y"] .-invert-selection-menu .-selected { display: flex; } .-main-cloud-content[data-selectiontype="Invert Selection"] .item[data-selected="N"] .-invert-selection-menu .-not-selected { display: flex; } .-main-cloud-content[data-selectiontype="Invert Selection"] .item .-multiselect-sash { display: none; } .-main-cloud-content[data-selectiontype="Invert Selection"] .item:hover .-invert-selection-menu { bottom: 5px; } .item .-select-preview-overlay .-button { width:60%; } .item .-multiselect-preview-overlay .-grey-part, .item .-select-preview-overlay .-grey-part{ top:0; left:0; width:100%; height:100%; opacity: 0.5; } .item .-multiselect-preview-overlay.-checkmark svg { width: 50%; height: 50%; left: 50%; top: 50%; transform: translate(-50%, -50%); } .cloud .-cloud-error-div .-cloud-error-overlay-div { top:0; left:0; opacity:0.3; } .cloud .item .-play-button { top:50%; left:50%; transform:translate(-50%,-50%); width:20%; height:20%; min-width: 55px; min-height: 55px; cursor : pointer; } .cloud .item .-play-button svg.icon { width:100%; height:100%; fill:#ff0000; } .cloud .item .-play-button svg.icon.-circle-play { fill:#000000; } .cloud .item video.-pip-video { width:100%; height:100%; } a { text-decoration: none; background-color: transparent; color: inherit; } .cloud .-main-cloud-content .-summary-placement .-summary-value { float:right; margin-right:5px; } .cloud .-main-cloud-content .-empty-cloud-placeholder svg { width:50%; height:50%; opacity: 0.5; } .cloud .-main-cloud-content .-empty-cloud-placeholder .-empty-cloud-message { opacity: 0.5; } .cloud .-main-cloud-content .-empty-cloud-placeholder .-empty-cloud-message a { text-decoration: underline !important; } .cloud .-main-cloud-content .-empty-cloud-placeholder:hover .-empty-cloud-message { visibility:visible; } .cloud .-main-cloud-content[data-mobilepage="Y"] .-empty-cloud-placeholder .-empty-cloud-message { visibility: visible; } .cloud .-main-cloud-content .item .-not-available-container { top:0; left:0; width:100%; height:100%; z-index: 3; cursor: not-allowed; } .cloud .-main-cloud-content .item .-not-available-container .-not-available { width: 100%; height: 20%; max-height: 60px; } .cloud .-main-cloud-content .item .-not-available-container .-not-available .-not-available-overlay { width:100%; height:100%; opacity:0.5; } .cloud .-main-cloud-content .item .-not-available-container .-not-available .-not-available-message { top: 50%; left: 0; transform: translate(0,-50%); text-align: center; width: 100%; } .item .-more-less { bottom: 0; right: 0; background: white; cursor: pointer; font-weight: bold; padding-left: 5px; } .item .-more-less::after { content:"Read More"; font-weight: normal; text-decoration: underline; color: inherit; font-family: inherit; } .item .-more-less.-expanded::after { content:"Read Less"; font-weight: normal; text-decoration: underline; color: inherit; font-family: inherit; } .item:hover, .item:hover .-more-less { background-color: #e9e9e9; cursor: pointer; } .-main-title-container .-title { margin-top:0.5rem; } .item > a { width:100%; height:100%; display: flex; justify-content: space-between; text-decoration : none !important; user-drag: none; user-select: none; -moz-user-select: none; -webkit-user-drag: none; -webkit-user-select: none; -ms-user-select: none; } .item > a:active, .item > a:hover { outline-width: 0; text-decoration : none !important; } .-media-gallery-modal-new .modal > section { width: 90%; height:90%; } .-media-gallery-modal-new .modal > section .-inner-container { height : 100%; } .-media-gallery-modal-new.-allow-scroll .modal > section .-inner-container { overflow: auto; } .-media-gallery-modal-new.-allow-scroll .modal > section .-asset-holder img.-main-asset { width: 100%; max-width: initial; max-height: initial; } .-media-gallery-modal-new .modal > section .modal__body { padding : 0; } .-media-gallery-modal-new .modal > section .-asset-holder video.-main-asset { width: 100%; height: 100%; max-height: 100%; } .-media-gallery-modal-new .modal > section .-asset-holder img.-main-asset { max-width: 100%; max-height: 100%; } .-media-gallery-modal-new .modal > section .-asset-holder audio.-main-asset { width: 80%; max-height: 100%; } .-media-gallery-modal-new .modal > section .-asset-holder iframe.-main-asset { width: 100%; height: 100%; } .-media-gallery-modal-new .modal > section .-asset-holder .-navigate-arrow { position: absolute; top: 50%; transform: translate(0,-50%); width: 40px; height: 40px; display: none; z-index: 5; cursor: pointer; user-select: none; } .-media-gallery-modal-new .modal > section .-asset-holder .-navigate-arrow svg { width: 100%; height: 100%; } .-media-gallery-modal-new .modal > section .-asset-holder .-navigate-arrow.-next { right: -10px; } .-media-gallery-modal-new .modal > section .-asset-holder .-navigate-arrow.-prev { left: -10px; } .-media-gallery-modal-new .modal > section .-asset-holder .icon.-play-icon { display: inline-block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 2; cursor: pointer; width:10%; height:10%; min-width: 75px; min-height: 75px; } .-media-gallery-modal-new .modal > section .-asset-holder .icon.-play-icon:hover { width : 11%; height : 11%; min-width: 80px; min-height: 80px; } @media (max-width: 33.999em) { .cloud_items_container .item .-flip-button { display: block !important; } .-media-gallery-modal-new .modal > section { width: 100%; height:100%; } } .-build-or-preview .-ad-brand-logo {max-height: 70px;padding:10px;} .-build-or-preview .-small-text {font-size: 12px;width:100%;font-weight: bold;} .-build-or-preview .-margin-left-5 {margin-left: 5px;} .-build-or-preview .-loading-svg {height:20px;text-align: center;} .-build-or-preview img {max-width: 100%;max-height: 100%;} .cloud .cloud__items .-item-placeholder { background-color: #80808030; } .item.-placeholder-item:hover, .item.-placeholder-item:hover .-more-less { background: none; cursor: pointer; } .-main-progress-container[data-type="Bar"] { opacity: 1; background-color: transparent; text-align: center; } .-main-progress-container { top: 0; left: 0; width: 100%; height: 100%; z-index: 1006; background-color: #ffffff; opacity: 0.9; } .-main-progress-container .-progress-overlay { top: 0; left: 0; width: 100%; height: 100%; opacity: 0.3; z-index: 1098; background-color: #ffffff; } .-main-progress-container[data-type="Bar"] .-progress-canvas { position: relative; z-index: 1099; } .-main-progress-container[data-type="Wheel"] .-progress-percent { font-weight: bold; font-size: 250%; } .-main-progress-container[data-type="Wheel"] .-progress-msg { width: 100%; text-align: center; font-weight: bold; font-size: 75%; } .-main-progress-container[data-type="Wheel"] .-progress-msg-and-cog-container{ top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; } .-main-progress-container[data-type="Bar"] .-batch-event-menu { right: 0; top: 40%; transform: translate(-50%, -50%); position: absolute; } .-main-progress-container[data-type="Wheel"] .-batch-event-menu { width: 25px; height: 25px; margin-top:10px; } .-main-progress-container[data-type="Bar"] .-progress-percent, .-main-progress-container[data-type="Bar"] .-progress-msg { font-weight: bold; font-size: 90%; width: 100%; padding: 0 0.5rem; } .-main-progress-container[data-type="Bar"] .-progress-msg-and-cog-container{ top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1111; width: 100%; } .-main-progress-container .-progress-bar-main-container { padding: 0; position: absolute; width: 100%; bottom: 30px; left: 0; cursor:move; user-select: none; } .-main-progress-container .-progress-bar-main-container .-progress-bar-container { padding: 20px; margin: 0 auto; width: 95%; box-shadow: 0px 0px 4px 2px; } .-main-progress-container .-progress-bar-main-container .-progress-bar-container .-progress-bar { width: 100%; height: 40px; } .-main-progress-container .-progress-bar-main-container .-progress-bar-container .-inner-progress-bar { width: 0%; height: 100%; top: 0; left: 0; } .-main-progress-container .-progress-bar-main-container .-progress-bar-container .-progress-bar-text { z-index: 1; margin: 0; user-select: none; } .-main-progress-container .-progress-bar-main-container .-progress-bar-container .-progress-bar-message { text-align: center; margin: 5px; } .cloud .-functionality-addtoit.-cloud, .cloud .-functionality-trash.-cloud, .cloud .-functionality-cloneit.-cloud, .cloud .-functionality-multiselect.-cloud { width:45px; height:45px; right:20px; bottom:5px; } .cloud .cloud__items .-front-container-data { position:relative; } .cloud .cloud__items .-front-container-data .-button-fields { bottom:0; left:0; } .cloud .-cloud-name { margin-bottom: 5px; } .cloud .-cloud-help-icon { top:0; right:0; width:20px; height:20px; } .cloud .-cloud-help-icon svg { width:100%; height:100%; } .cloud .cloud__addtoit.-display-none-imp, .cloud .cloud__clone.-display-none-imp, .cloud .-functionality-addtoit.-display-none-imp, .cloud .-functionality-cloneit.-display-none-imp { display:none !important; } .cloud .-item-overlay { width:100%; height:100%; z-index: 15; } .cloud .-item-overlay .-inner-item-overlay { box-shadow: 0px 0px 5px 0px; border-radius: 5px; height : calc(100% - 15px); } .cloud .-item-overlay .-inner-item-overlay .-item-overlay-content { height : calc(100% - 60px); } .cloud .-grouped-by-row .-group-title { } .cloud .-filters-and-quicksettings .-select-all-multiselect .-checkbox > label > span { top : 8px; } .cloud .-filters-and-quicksettings .fieldset, .cloud .-filters-and-quicksettings .form-group, .cloud .-advanced-filters-container .fieldset, .cloud .-advanced-filters-container .form-group { margin:0; } .cloud .-main-cloud-content .-advanced-filters-container .filter__container { margin-bottom : 0.5rem !important; } .cloud .-filters-and-quicksettings .-switch-appearance-buttons { margin-left:0.5rem; border-radius: 0.5rem; } .cloud .-filters-and-quicksettings .-switch-appearance-buttons .-switch-area.-active { border-radius : 10px 0 0 10px; } .cloud .-filters-and-quicksettings .-quick-setting-button { margin-left:0.5rem; } .cloud .-filters-and-quicksettings .filter__container .-searchFilter, .cloud .-filters-and-quicksettings .filter__container .-clearFilter, .cloud .-advanced-filters-container .filter__container .-searchFilter, .cloud .-advanced-filters-container .filter__container .-clearFilter { top:50%; right:6px; transform:translate(0, -50%); display: flex; align-items: center; background: #FFF; z-index: 1; width: 16px; height: 16px; } .cloud .-filters-and-quicksettings .filter__container .-clearFilter.-shift-more-right, .cloud .-advanced-filters-container .filter__container .-clearFilter.-shift-more-right { right: 30px; } .cloud .-filters-and-quicksettings .filter__container .-clearFilter, .cloud .-advanced-filters-container .filter__container .-clearFilter { z-index: 2; } .cloud .-filters-and-quicksettings .filter__container .-cloud-search-field .-searchFilter, .cloud .-filters-and-quicksettings .filter__container .-cloud-search-field .-clearFilter, .cloud .-advanced-filters-container .filter__container .-searchFilter, .cloud .-advanced-filters-container .filter__container .-clearFilter { right:10px !important; } .cloud .-filters-and-quicksettings .filter__container, .cloud .-advanced-filters-container .filter__container { margin-right: 0.5rem; margin-bottom: 0.5rem; } .cloud .-filters-and-quicksettings .filter__container .input-container, .cloud .-advanced-filters-container .filter__container .input-container { width : 100% !important; } .cloud .-filters-and-quicksettings .filter__container .search-field .search-field__results, .cloud .-advanced-filters-container .filter__container .search-field .search-field__results { width: inherit; position: relative !important; bottom: 0 !important; } .cloud .-filters-and-quicksettings .-filters { max-height:35px; } .cloud .-filters-quicksettings-share.-expanded > .-cloud-filters > .-filters-and-quicksettings > .-filters { max-height:max-content; } .cloud .-filters-quicksettings-share.-expanded > .-cloud-filters > .-filters-and-quicksettings > .-filters .filter__container { margin-bottom: 0.5rem !important; } .cloud .-filters-quicksettings-share.-expanded > .-cloud-filters > .-filters-and-quicksettings .-advanced-filter, .cloud .-filters-quicksettings-share.-expanded > .-quick-setting-button { align-self: flex-start; margin-top: 2px; } .cloud .-filters-quicksettings-share.-expanded > .-cloud-filters > .-filters-and-quicksettings > .-filters .filter__container:last-child { margin-right: 0.5rem; } .cloud .-filters-and-quicksettings .-back-button { margin-right : 0.5rem; } .cloud .-filters-and-quicksettings .-filters .filter__container:last-child { margin-right: 0; } .cloud .-advanced-filters-container { right: -10px; top: 42px; min-height: 250px; z-index: 5; box-shadow: 0px 5px 5px 3px; padding: 0.5rem; width: 230px; max-height: 50vh; } .cloud .-advanced-filters-container .-arrow { right:0; top:0px; } .cloud .-advanced-filters-container .-arrow::before { border-bottom: 0px solid transparent; border-left: 0px solid transparent; border-right: 0px solid transparent; top: -15px; content: " "; right: 10px; position: absolute; height: 0; width: 0; border-width: 15px; margin-left: 0px; border-color: rgba(0, 71, 133, 0) rgba(0, 71, 133, 0) #56565647; z-index: 7; } .cloud .-advanced-filters-container .-arrow::after { border-bottom: 0px solid transparent; border-left: 0px solid transparent; border-right: 0px solid transparent; content: " "; display: block; height: 0; right: 10px; position: absolute; width: 0; top: -13px; border-width: 15px; margin-left: 0px; border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) #FFFFFF; z-index: 7; } .cloud .-advanced-filters-container .filter__container { flex:0 0 auto; padding-right: 0; } .cloud .-filters-and-quicksettings .-advanced-filter { z-index: 8; padding-left: 0.5rem; } .cloud .cloud__items .item .-background-process_icon, .cloud .cloud__top .item .-background-process_icon { width: 32px; height: 32px; right: 5px; top: 10px; z-index: 2; } .cloud .-main-cloud-content .-grouped-by-row .-list-cards-row { margin:0; padding-bottom:0; display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); } .cloud .-main-cloud-content .-grouped-by-row .-grouped-by-item-container.-list-cards-row .-cards-item.item { min-width: 150px !important; aspect-ratio: 1 / 1 !important; min-height: 150px !important; width: auto !important; } .cloud .-main-cloud-content .-grouped-by-row { margin-bottom:0.5rem; border-radius: 5px; } .cloud .-main-cloud-content .-grouped-by-item-container ul:first-child { padding-top:0.5rem; } .cloud .-main-cloud-content .-grouped-by-item-container { overflow: hidden; } .cloud .-main-cloud-content .-grouped-by-row.-slide-up .-grouped-by-item-container { height:0 !important; padding:0; } .cloud .-main-cloud-content .-grouped-by-row.-slide-up .-slide-dropdown-arrow { transform: rotate(-90deg); } .cloud .-main-cloud-content .-entity-selector.-collapsed { width:30px !important; } .cloud .-main-cloud-content .-entity-selector .-inner-entity-selector { width: calc(100% - 20px); height: calc(100% - 10px); box-shadow: 2px 2px 5px 0px; border-radius: 0px 5px 5px 0; overflow: hidden; } .cloud .-main-cloud-content .-entity-selector .-selector-handle { width: 20px; height: 50px; top: calc(50% - 10px); right: 0px; z-index: 1; box-shadow: 3px 1px 5px 0px; background: white; border-radius: 0 5px 5px 0; transform: translate(0, calc(-50% + 10px)); } .cloud .-main-cloud-content .-entity-selector .-entity-selector-overlay { z-index: -1; width: calc(100% - 20px); height: calc(100% - 10px); opacity: 0; top:0; left:0; border-radius: 0px 5px 5px 0; } .cloud .-main-cloud-content .-entity-selector.-collapsed .-entity-selector-overlay { opacity: 1; z-index: 1010; } .-transform-all-500ms { -webkit-transition-property: all; -webkit-transition-duration: .5s; -moz-transition-property: all; -moz-transition-duration: .5s; -ms-transition-property: all; -ms-transition-duration: .5s; transition-property: all; transition-duration: .5s; } .-transform-bounce-from-bottom-200ms { -webkit-transition-property: bottom; -webkit-transition-duration: .2s; -moz-transition-property: bottom; -moz-transition-duration: .2s; -ms-transition-property: bottom; -ms-transition-duration: .2s; transition-property: bottom; transition-duration: .2s; transition-timing-function: cubic-bezier(.47,1.64,.41,.8); } .cloud .-main-cloud-content .-multiselect-checkbox { width:25px; min-width:25px; } .cloud .-main-cloud-content .-multiselect-checkbox.-checkbox > label > span { top:7px; } .cloud .-main-cloud-content .item .-options-menu { width: 32px; height: 32px; top: 5px; right: 5px; border-radius: 100%; box-shadow: 1px 1px 5px 0px; z-index: 5; cursor: pointer; } .-options-menu-container.-navigation-options-menu { max-height: 80vh; } .-options-menu-container { position: fixed; z-index: 1115; min-width: 220px; min-height: 100px; box-shadow: 1px 1px 5px 0px; border-radius: 5px; max-width: 275px; height: auto; max-height: 80vh; } .-options-menu-container .-arrow { top:0; left:0; } .-options-menu-container.-navigation-options-menu .-arrow::before { top: 9px; left: 50%; transform: translateX(-50%) rotate(0deg); } .-options-menu-container.-navigation-options-menu .-arrow::after { top: 10px; left: 50%; transform: translateX(-50%) rotate(0deg); } .-options-menu-container.-navigation-options-menu.-user-menu .-arrow::before { top: -17px; left: 146px; transform: rotate(0deg); } .-options-menu-container.-navigation-options-menu.-user-menu .-arrow::after { top: -16px; left: 146px; transform: rotate(0deg); } .-options-menu-container.-navigation-options-menu .-option-menu-item { text-decoration: none !important; } .-options-menu-container.-navigation-options-menu .-option-menu-item.-active-nav .-option-menu-item-label { text-decoration: underline; color:#000000; } .-options-menu-container .-arrow::before { border-bottom: 20px solid transparent; border-left: 13px solid transparent; border-right: 12px solid transparent; top: 26px; content: " "; left: -25px; position: absolute; height: 0; width: 0; border-width: 16px; margin-left: 0px; border-color: rgba(0, 71, 133, 0) rgba(0, 71, 133, 0) #9c9c9c; transform: rotate(270deg); } .-options-menu-container .-arrow::after { border-bottom: 20px solid transparent; border-left: 12px solid transparent; border-right: 12px solid transparent; content: " "; display: block; height: 0; left: -23px; position: absolute; width: 0; top: 25px; border-width: 16px; margin-left: 0; border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) #FFFFFF; transform: rotate(270deg); } .-options-menu-container .-option-menu-item { padding: 5px; padding-left: 20px; } .-options-menu-container .-option-menu-item .-checkbox { width: 21px; height:21px; } .-options-menu-container .-option-menu-item .-checkbox > label { padding: 0; width: 100%; height: 100%; position: relative; } .-options-menu-container .-option-menu-item .-checkbox > label > input[type="checkbox"]{ visibility: hidden; } .-options-menu-container .-option-menu-item .-checkbox > label > span { width: 100%; height: 100%; margin: 0; top: 10px; left: unset; right: 10px; } .-options-menu-container .-option-menu-item .-radio-group .-radio > label:not(.-option-menu-item-label) { padding: 0; position: relative; width: 21px; height:21px; } .-options-menu-container .-option-menu-item .-radio-group .-radio > label > span { width: 100%; height: 100%; margin: 0; top: 10px; left: 0; right: unset; border-radius: 100%; } .-options-menu-container .-option-menu-item .-radio-group .-radio > label.-option-menu-item-label { font-weight: normal; } .-options-menu-container .-option-menu-item .-radio-group .-radio > label > input[type="radio"] { min-height: inherit !important; height: inherit !important; visibility: hidden; } .-options-menu-container .-option-menu-item.-radio-group-menu { padding-bottom: 0px; } .-options-menu-container .-option-menu-item.-radio-group-menu .-radio-group { padding-top: 0px; } .-options-menu-container .-option-menu-item.-radio-group-menu .-radio-group .-radio { padding: 0.5rem; } .-account-options { position: fixed; width: 170px; min-height: 20px; top: 50px; right: 5px; z-index: 1010; background: #fff; border-radius: 5px; height: auto; opacity: 1; box-shadow: 1px 1px 3px 0px; } .-account-options .-arrow { top : 0; right : -15px; } .-account-options .-arrow:before { border-bottom: 10px solid transparent; border-left: 6px solid transparent; border-right: 6px solid transparent; top: -10px; content: " "; right: 21px; position: absolute; height: 0; width: 0; border-width: 10px; margin-left: 2px; border-color: rgba(0, 71, 133, 0) rgba(0, 71, 133, 0) #84B8E6; } .-account-options .-arrow:after { border-bottom: 10px solid transparent; border-left: 6px solid transparent; border-right: 6px solid transparent; content: " "; display: block; right: 21px; position: absolute; width: 0; top: -8px; border-width: 10px; border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) #FFFFFF; } .modal-container.-action-modal {z-index: 1010;} .cloud .-main-cloud-content .-active-bubble[data-inline="N"] { position:relative; z-index: 5; width: 95%; max-width: 95%; height: 625px; margin: 10px auto; margin-top: 5px; } .cloud .-main-cloud-content .-active-bubble[data-position="Right"] { position:absolute; z-index: 5; width: 78%; max-width: 95%; height: 95%; margin: 0; margin-top: 0px; top:0px; right:5px; } .cloud .-main-cloud-content .-active-bubble[data-inline="N"][data-position="Right"] .-arrow { transform: rotate(180deg); left: -30px; transform: rotate(180deg); top: 20px; right:unset; } .cloud .-main-cloud-content .-active-bubble { height: 100%; width: 375px; margin-right: 20px; margin-left: 20px; margin-top: 0px; box-shadow: 2px 2px 6px -1px; min-width: 275px; max-width: 375px; position:relative; } .cloud .-main-cloud-content .-active-bubble[data-inline="N"] .-arrow { top: -29px; left: 50px; right:unset; transform: rotate(270deg); } .cloud .-main-cloud-content .-active-bubble .-arrow { top: 20%; right: -30px; transform: translate(0, -20%); } .cloud .-main-cloud-content .-active-bubble .-arrow::before { border-bottom: 20px solid transparent; border-left: 20px solid transparent; border-right: 20px solid transparent; top: 0; content: " "; right: -1px; position: absolute; height: 0; width: 0; border-width: 20px; margin-left: 0px; border-color: rgba(0, 71, 133, 0) rgba(0, 71, 133, 0) #84b8e6; transform: translateY(-50%) rotate( 90deg); z-index: 1001; } .cloud .-main-cloud-content .-active-bubble .-close-bubble { top:3px; right:3px; cursor: pointer; width:25px; height:25px; } .cloud .-main-cloud-content .-active-bubble.-expanded { position: fixed; top: 2.5px; width: calc(100% - 5px) !important; max-width: 100%; margin: 0; left: 2.5px; height: calc(100% - 5px) !important; max-height: 100% !important; z-index: 1111; } .cloud .-main-cloud-content .-active-bubble.-expanded .-arrow { display: none; } .cloud .-main-cloud-content .-active-bubble .-expand-bubble { top:5px; right:33px; cursor: pointer; width:22px; height:22px; } .cloud .-main-cloud-content .-active-bubble .-arrow::after { border-bottom: 20px solid transparent; border-left: 20px solid transparent; border-right: 20px solid transparent; content: " "; display: block; right: 0px; position: absolute; width: 0; top: 0px; border-width: 20px; margin-left: 0; border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) #FFFFFF; z-index: 1002; transform: translateY(-50%) rotate(90deg); } .cloud .-main-cloud-content .-active-bubble .-content label {padding-left: 0px;text-align: left;} .cloud .-main-cloud-content .item .-item-overlay { width:100%; height:100%; } .cloud .-main-cloud-content .item .-item-overlay iframe { transform: scale(0.45); transform-origin: 0 0; width:222%; height:222%; min-width:222%; min-height:222%; pointer-events: none; } .cloud .-main-cloud-content .item .-item-overlay iframe html, .cloud .-main-cloud-content .item .-item-overlay iframe body{ background-color : #fff !important; } .cloud .-main-cloud-content .item .-multiselect-sash { width:60px; height:60px; bottom:0; right:0; z-index: 5; } .cloud .-main-cloud-content .item .-multiselect-sash .-sash-svg-icon { position: absolute; fill:#FFFFFF; width: 20px; height: 20px; bottom:7px; right:7px; } .cloud .-main-cloud-content .item .-multiselect-sash .-sash-svg { width:100%; height:100%; fill:#000000; fill-opacity:0.9; } .cloud .-main-cloud-content .-embed-item .-embed-area-arrow { top:0; left:-43px; } .cloud .-main-cloud-content .-embed-item .-embed-area-arrow::before { border-bottom: 10px solid transparent; border-left: 10px solid transparent; border-right: 10px solid transparent; content: " "; display: block; left: 3px; position: absolute; width: 0; top: 0px; border-width: 30px 18px; margin-left: 8px; border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) #FFFFFF; transform: rotate(270deg); z-index: 1005; } .cloud .-main-cloud-content .-embed-item .-embed-area-arrow::after { border-bottom: 10px solid transparent; border-left: 10px solid transparent; border-right: 10px solid transparent; content: " "; display: block; left: 1px; position: absolute; width: 0; top: 0; border-width: 30px 18px; margin-left: 8px; border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) #000000; transform: rotate(270deg); z-index: 1004; } .cloud .-filters-and-quicksettings .-cloud-pagging .-per-page-container .search-field__results-container > .search-field__results .search-field__result { text-align: right; padding: 0 0.5rem; } .cloud .-filters-and-quicksettings .-cloud-pagging .-pagging-container .-pages { min-width: 180px; max-width: 225px; } .cloud .-filters-and-quicksettings .-cloud-pagging .-pagging-container .-pages .-page { margin-right:0.5rem; margin-top:0; margin-left:0; margin-bottom: 0; min-width: 20px; -webkit-transition-property: all; -webkit-transition-duration: .5s; -moz-transition-property: all; -moz-transition-duration: .5s; -ms-transition-property: all; -ms-transition-duration: .5s; transition-property: all; transition-duration: .5s; color:lightgrey; } .cloud .-filters-and-quicksettings .-cloud-pagging .-pagging-container .-remaining-page-container { overflow: hidden; max-width: 100px; } .cloud .-filters-and-quicksettings .-cloud-pagging .-pagging-container .-pages .-page.-active { color : #000000; } .cloud .-filters-and-quicksettings .-cloud-pagging .-per-page-container label .redtext {display: none;} .cloud .-filters-and-quicksettings .-cloud-switcher .-cloud-switcher-cloud { opacity : 0.5; border-radius :5px; } .cloud .-filters-and-quicksettings .-cloud-switcher .-cloud-switcher-cloud.-active { background-color: #e9e9e9; opacity : 1; border: 1px solid #000000; margin: -1px; margin-top: -1px; height: calc(100% + 2px); } .cloud .-main-cloud-content .item .-show-button { width: 35px; height: 35px; background: #fff; border-radius: 100%; transition: all 200ms cubic-bezier(.47,1.64,.41,.8); } .cloud .-main-cloud-content .item .-show-button svg { width:100%; height: 100%; } .cloud .-main-cloud-content .item .-event-item-banner { width: 100%; top: 50%; left: 0; transform: translateY(-50%); height: 40px; opacity: 1; } .cloud .-main-cloud-content .item .-event-item-banner .-event-item-banner-inner { width: 100%; height : 100%; } .cloud .-main-cloud-content .item .-event-item-banner .-event-item-banner-inner .-event-item-banner-overlay { width: 100%; height: 100%; top: 0; left: 0; background: #fff; opacity: 0.9; z-index: 1; } .cloud .-main-cloud-content .item.-item-already-in-cart .-list-card-title { color: #000000; } .cloud .-main-cloud-content .item.-item-already-in-cart .-tile-item-name { background-color: #000000; color : #FFF; } .cloud .-main-cloud-content .item .-standard-tile-item .-tile-item-icon { width:100%; height:100%; top:0; left:0; } .cloud .-main-cloud-content .item.-active .-standard-tile-item .-tile-item-name-container, .cloud .-main-cloud-content .item.-tile-active .-standard-tile-item .-tile-item-name-container, .cloud .-main-cloud-content .item.-ad-active .-standard-tile-item .-tile-item-name-container, .cloud .-main-cloud-content .item.-item-active .-standard-tile-item .-tile-item-name-container { bottom:1px; } .cloud .-main-cloud-content .item .-standard-tile-item .-tile-item-name-container { bottom:5px; } .cloud .-main-cloud-content .item .-standard-tile-item .-tile-item-name-container .-tile-item-name { box-shadow:0px 0px 5px 1px; padding:2px 5px 2px 5px; width:fit-content; max-width:95%; font-size:80%; } .cloud.-filter-placement-use-field-cloud .-main-cloud-content[data-orientation="Square"] .cloud__items .-cards-items .-cards-row { justify-content: center; } .cloud.-filter-placement-use-field-cloud .-main-cloud-content[data-orientation="Square"] .cloud__items .-cards-items .item.-cloud-item { max-width: 180px !important; width: 180px !important; min-width: 120px !important } .cloud.-filter-placement-use-field-cloud .-main-cloud-content[data-orientation="Square"] .cloud__items .-cards-items { flex-wrap: nowrap !important; justify-content: center; } .cloud.-filter-placement-use-field-cloud { max-width: 100%; } .cloud.-filter-placement-use-field-cloud .-main-cloud-content[data-orientation="Square"] .cloud__items__inner.-vertical-scroll-col { overflow-x: auto; -ms-overflow-style: none; scrollbar-width: none; scroll-behavior: smooth; } .cloud.-filter-placement-use-field-cloud .-main-cloud-content[data-orientation="Square"] .cloud__items__inner.-vertical-scroll-col::-webkit-scrollbar { display: none; } #main .cloud .-main-cloud-content .cloud__items .item.-item-active .-inner-container { border-width: 5px !important; } #main .cloud .-main-cloud-content[data-orientation="Square"] .cloud__items .item.-item-active:after { padding-bottom: calc(100% - 10px) !important; } .cloud .-main-cloud-content.-has-folders.-folders-active .cloud__items { flex-direction: row; flex-wrap: nowrap; } .cloud .-main-cloud-content.-has-folders.-folders-active .cloud__items .-folders { width : 250px; height : 100%; padding-left : 1.1rem; position: relative; } .cloud .-main-cloud-content.-has-folders.-folders-active .cloud__items .-folders .-folder-item.-active-folder { color : #000000; font-weight : bold; } .cloud .-main-cloud-content.-has-folders.-folders-active .cloud__items .-folders .-folder-item { margin-top:0.5rem; } .cloud .-main-cloud-content.-has-folders.-folders-active .cloud__items .-folders .-folder-item .-folder-name { text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .cloud .-main-cloud-content.-has-folders.-folders-active .cloud__items .-folders + .cloud__items__inner { width : calc(100% - 250px); } .cloud .-main-cloud-content.-has-folders .-items-container-embedded, .cloud .-main-cloud-content.-has-folders .-embed-item { width : 50%; min-width: 50%; } .modal-container.-media-gallery-modal-new.-full-screen-view { width : 100%; height : 100%; } .modal-container.-media-gallery-modal-new.-full-screen-view .modal > section { background : #000; max-width : 100%; max-height : 100%; width : 100%; height : 100%; } .modal-container.-media-gallery-modal-new.-full-screen-view section > header .-back-button { width: 50px; height: 50px; border-radius: 100%; background: #423f3f; position: absolute; top: 10px; z-index: 1; } .modal-container.-media-gallery-modal-new.-full-screen-view .modal > section > header{ border: none; } .modal-container.-media-gallery-modal-new.-full-screen-view .modal > section .-asset-holder .-navigate-arrow svg{ fill: #fff; background: #423f3f; padding: 10px; border-radius: 100%; width: 46px; height: 47px; } .modal-container.-media-gallery-modal-new.-full-screen-view .modal > section .-asset-holder .-navigate-arrow.-prev{ left: 15px; } .modal-container.-media-gallery-modal-new.-full-screen-view .modal > section .-asset-holder .-navigate-arrow.-next{ right: 15px; } @media (min-width: 33.999em) { .cloud > .-main-cloud-content[data-bannerplacement="Left"] > .cloud__content > .cloud__container { flex-direction: row; } .cloud > .-main-cloud-content[data-bannerplacement="Left"] > .cloud__content > .cloud__container > .cloud__top { width:25%; height:100%; min-height:100%; } .cloud > .-main-cloud-content[data-bannerplacement="Left"] > .cloud__content > .cloud__container > .-dragger { width:3px; height:100%; cursor:e-resize; margin:0 5px; } } @media (max-width: 47.999em) { .cloud .cloud__top {height:25%;} .cloud .-main-cloud-content .item .-show-button, .cloud .-main-cloud-content .item .-options-menu { display: none !important; } .cloud.-filter-placement-use-field-cloud .-main-cloud-content[data-orientation="Square"] .cloud__items .-cards-items { justify-content: unset; } .cloud .-main-cloud-content .-active-bubble[data-inline="N"] { width: 100%; max-width: 100%; } } .cloud .-main-cloud-content[data-hidearea="Top Area"] .cloud__top {display: none;} .cloud .-main-cloud-content[data-hidearea="Item Area"] .cloud__items {display: none;} .cloud .-main-cloud-content[data-hidearea="Top Area"] .-dragger, .cloud .-main-cloud-content[data-hidearea="Item Area"] .-dragger { display: none; } .cloud .-collection-container { top: 0; left: 0; z-index: 1001; width:100%; height: 100%; } .cloud .-collection-container .collection__content { height:calc(100% - 47px) !important; } .cloud .-collection-container .collection.collection__overlay .collection__tab > span::before { left: 53%; } .cloud .-main-cloud-content .-simpletable-items .item.-simpletable-item.-active td, .cloud .-main-cloud-content .-simpletable-items .item.-simpletable-item.-selected td { border-color: #000000} .cloud .-main-cloud-content .item.-tab-item-active { background-color: #e9e9e9; box-shadow: none; position: relative; } .cloud .-main-cloud-content .cloud__items__inner { scroll-behavior: smooth; } .cloud .-main-cloud-content .item.-tab-item-active .-embed-area-arrow { top:10px; right:40px; } .cloud .-main-cloud-content .item.-tab-item-active .-embed-area-arrow::before { border-bottom: 10px solid transparent; border-left: 10px solid transparent; border-right: 10px solid transparent; content: " "; display: block; left: 0px; position: absolute; width: 0; top: 0px; border-width: 30px 25px; margin-left: 0px; border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) #FFFFFF; transform: rotate(270deg); z-index: 1005; } .cloud .-main-cloud-content .item.-tab-item-active .-embed-area-arrow::after { border-bottom: 10px solid transparent; border-left: 10px solid transparent; border-right: 10px solid transparent; content: " "; display: block; left: -1px; position: absolute; width: 0; top: 0; border-width: 30px 25px; margin-left: 0px; border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) #84B8E6; transform: rotate(270deg); z-index: 1004; } .cloud .-main-cloud-content .-ghost-drop-container, .-render-as-sliders-field .-ghost-drop-container { width: calc(100% - 10px); height: calc(100% - 10px); left: 50%; top: 50%; transform: translate(-50%, -50%); border: 2px dashed #000000; opacity: 0; display: none; } .cloud .-main-cloud-content .-ghost-drop-container .-ghost-drop-container-overlay, .-render-as-sliders-field .-ghost-drop-container-overlay { background: #e9e9e9; width: 100%; height: 100%; opacity: 0.5; } .cloud .-main-cloud-content .-ghost-drop-container .-ghost-drop-container-message, .-render-as-sliders-field .-ghost-drop-container .-ghost-drop-container-message { top: 50%; left: 50%; transform: translate(-50%, -50%); margin:0; } .cloud > .-main-cloud-content > .cloud__content > .cloud__container .-items-container-embedded > .-embed-area-dragger, .cloud > .-main-cloud-content > .cloud__content > .cloud__container .-items-container-embedded .-folders .-folders-area-dragger { width:3px; height:100%; cursor:e-resize; margin:0; position: absolute; right : 0; z-index: 5; } .cloud .cloud__content .-quicksettings-and-share, .-matrix-wizard .-quicksettings-and-share { right: -100%; top: -1px; min-width: 220px; min-height: 110px; max-height: calc(100vh - 220px); overflow-y: auto; background: #fff; z-index: 0; box-shadow: 0px 0px 5px 0px; } .cloud .cloud__content .-quicksettings-and-share.-show-border, .-matrix-wizard .-quicksettings-and-share.-show-border { top: 0; } .cloud .cloud__content .-quicksettings-and-share.-toggle-menu, .-matrix-wizard .-quicksettings-and-share.-toggle-menu { right : 0px; z-index: 1006; } .cloud .cloud__content .-quicksettings-and-share .-quick-settings-and-share-container .title, .-matrix-wizard .-quicksettings-and-share .-quick-settings-and-share-container .title { padding-bottom: 0; } .cloud .cloud__content .-quicksettings-and-share .-quick-settings-and-share-container .-views .-view-item .-view-icon, .-matrix-wizard .-quicksettings-and-share .-quick-settings-and-share-container .-views .-view-item .-view-icon { width: 24px; height: 24px; } .cloud .cloud__content .-quicksettings-and-share .-quick-settings-and-share-container .-views .-customized-appearances .-appearance-list, .-matrix-wizard .-quicksettings-and-share .-quick-settings-and-share-container .-views .-customized-appearances .-appearance-list { padding : 0 !important; } .cloud .cloud__content .-quicksettings-and-share .-quick-settings-and-share-container .-views .-customized-appearances .cloud__items__inner, .-matrix-wizard .-quicksettings-and-share .-quick-settings-and-share-container .-views .-customized-appearances .cloud__items__inner { overflow: hidden !important; } .cloud > .-main-cloud-content .cloud__content .-quicksettings-and-share .-quick-settings-and-share-container .-views .-customized-appearances.cloud .-appearance-list .-list-items .-list-item.item, .-matrix-wizard .-quicksettings-and-share .-quick-settings-and-share-container .-views .-customized-appearances.cloud .-appearance-list .-list-items .-list-item.item { height: auto !important; box-shadow: none !important; border: 0 none !important; width: 100% !important; min-height: inherit !important; min-width: inherit !important; } .cloud .cloud__content .-quicksettings-and-share .-quick-settings-and-share-container .-access-functionality-buttons, .-matrix-wizard .-quicksettings-and-share .-quick-settings-and-share-container .-access-functionality-buttons { display: none !important; } .cloud .-filters-quicksettings-share .-functionality-addtoit.-cloud { position: unset; display: block !important; width: auto; height: auto; align-self: center; } .cloud .-main-cloud-content .filter__container { min-width: 150px; } .cloud .-main-cloud-content .-main-cart-area .-list-items li.-cart-item-active .AdName-txt .-actual-name, .cloud .-main-cloud-content .-main-cart-area .-list-items li.-cart-item-active .Name .-actual-name { color: #000000; } .cloud > .-main-cloud-content[data-showfrontfields="On Mouse Over"] > .cloud__content > .cloud__container > .cloud__items > .cloud__items__inner .cloud_items_container .item .-front-fields { visibility: hidden; } .cloud > .-main-cloud-content[data-showfrontfields="On Mouse Over"] > .cloud__content > .cloud__container > .cloud__items > .cloud__items__inner .cloud_items_container .item:hover .-front-fields { visibility: visible; } .modal-container.-common-Error-Modal { z-index: 1111; } .cloud .-main-cloud-content .cloud__items .item .-info-icon-container { visibility: hidden; } .cloud .-main-cloud-content .cloud__items .item:hover .-info-icon-container { visibility: visible; } .cloud .cloud__container .item .-not-allowed-overlay { position: absolute; width: 100%; opacity: 0.5; cursor: not-allowed; height:100%; z-index: 1; background: #FFF; top: 0; left: 0; } .cloud .cloud__container .item .-not-allowed-overlay.-not-table { width : calc(100% - 15px); left : 20px; } .-appearance-clouds .-tabs-main-container[data-tabsplacement="Left"] > .-tabs-container-outer > .-tabs-container .-tab.-active { color:#000000; } .-matrix-wizard .cloud:not(.-personalize-cloud):not(.-personalizations) .-main-cloud-content .cloud__items .item.-cloud-item.-item-active, .-matrix-wizard .-container-one .-item-active, .-matrix-wizard .-container-two .-item-active { border : 10px solid #000000 !important; } .-matrix-wizard .cloud:not(.-personalize-cloud):not(.-personalizations) .-main-cloud-content .cloud__items .item.-cloud-item.-item-active::before, .-matrix-wizard .-container-one .-item-active::before, .-matrix-wizard .-container-two .-item-active::before { border-color: rgba(0, 71, 133, 0) rgba(0, 71, 133, 0) #000000 !important; } .-appearance-clouds .-tabs-main-container[data-tabsplacement="Left"] > .-tabs-container-outer > .-tabs-container .-tab.-active::after { border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) #000000 !important; } .-preview-and-customize-liveasset .-preview-and-customize-area .-customize-area .-arrow::after { border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) #000000 !important; } .cloud .cloud__container > .-item-embed-container.-has-split > .-items-container-embedded { width: 100%; } .cloud .cloud__container > .-item-embed-container.-split-on > .-items-container-embedded { width: 250px; min-width: 250px; } .-appearance-clouds .-tabs-main-container .-more-tabs-container .-extra-tabs-container .-tab.item.-active, .-appearance-clouds .-tabs-main-container .-more-tabs-container .-extra-tabs-container .-tab-more.item.-active { background-color: #000000 !important; } .-options-menu-container .-group-container .-grouped-menu-container { height: 0; overflow: hidden; } .-options-menu-container .-group-container.-expand .-grouped-menu-container { height:auto; } .-options-menu-container .-group-container.-expand .-grouped-menu-svg { transform: rotate(180deg); } .modal-container.-common-campaign-functionality-modal .modal > section { width:450px; height:auto; min-height: 450px; max-height: 95vh; background: #fff; } .modal-container.-common-campaign-functionality-modal .modal > section .modal__body { padding: 0; } .-subscribe-to-social-media .-autoposter-media-channels .-label-container .label { padding-left:0; text-align: left; } .-subscribe-to-social-media .-autoposter-media-channels .cloud .-cloud-filters, .-link-social-media .-social-media-channels-cloud.cloud .-cloud-filters { display: none; } .-subscribe-to-social-media .-autoposter-media-channels .-render-as-fast-cloud-field {width:100%;padding:0;margin-bottom:0;} .-subscribe-to-social-media .-autoposter-media-channels { min-height: 150px; margin-bottom: 1rem; } .-subscribe-to-social-media .-autoposter-media-channels .cloud [data-area="Table"], .-subscribe-to-social-media .-autoposter-media-channels .cloud [data-area="List"], .-link-social-media .-social-media-channels-cloud.cloud [data-area="Table"], .-link-social-media .-social-media-channels-cloud.cloud [data-area="List"] { padding:0; } .-subscribe-to-social-media .-autoposter-media-channels .cloud .-connect .button, .-link-social-media .-social-media-channels-cloud.cloud [data-area="Table"] .-connect .button, .-link-social-media .-social-media-channels-cloud.cloud [data-area="List"] .-connect .button { height: 35px !important; padding: 4px; max-width: 110px !important; width: 110px !important; min-width: 110px !important; } .-subscribe-to-social-media .-autoposter-media-channels .cloud .-connect .-renderasbuttonfield .form-group, .-link-social-media .-social-media-channels-cloud.cloud [data-area="List"] .-connect .-renderasbuttonfield .form-group { margin-bottom: 0; } .-subscribe-to-social-media .-autoposter-media-channels .cloud .-main-cloud-content .cloud__items .item.-cloud-item, .-link-social-media .-social-media-channels-cloud.cloud .-main-cloud-content .cloud__items .item.-cloud-item { margin-bottom: 1rem !important; } .-subscribe-to-social-media .-autoposter-media-channels .cloud .-main-cloud-content .cloud__items .item.-cloud-item:hover, .-link-social-media .-social-media-channels-cloud.cloud .-main-cloud-content .cloud__items .item.-cloud-item:hover { background-color: transparent; } .-connect-and-traffic .-renderasbuttonfield .buttonfield.form-group, .-linked-media-channel .-renderasbuttonfield .buttonfield.form-group { margin:0; } .-connect-and-traffic .-renderasbuttonfield .buttonfield.form-group .input-container, .-linked-media-channel .-renderasbuttonfield .buttonfield.form-group .input-container { padding:0; } .-order-media-channels .-list-items li.-list-item { margin-bottom: 0.5rem; } .-order-media-channels .-list-items li.-list-item:hover { background-color: transparent; } .-order-media-channels .-list-items li.-list-item .buttonfield .button, .-linked-media-channel .buttonfield .button { height:auto !important; min-height: 68px !important; margin-left: 0.5rem; justify-content: center; display: flex; align-items: center; width: auto; } .-order-media-channels .-list-items li.-list-item .-connect-missing-entity-pages-button .buttonfield .button { min-height: 35px !important; min-width: auto !important; padding: 3px !important; } .-UIContainer .-UIContainer-Content { overflow: auto; max-height: 74vh; height:100%; padding: 10px 0; -ms-overflow-x: hidden; } .button_div .-UIContainer-table-td, .quick_btn .-UIContainer-table-td{ border-top: none; padding: 0 0 0 .5rem; position: relative; } .-buttonsgroup, .-buttonsgroup .-icon-img-div, .create_div .-icon-img-div{ height:32px; } .button_div svg.icon, .create_div svg.icon, .check_btn svg.icon, .quick_btn svg.icon, .-link-cloud-div svg.icon, .-done-button-container svg.icon{ display: inherit; } .create_div .-UIContainer-table-td{ padding: 0 .5rem; border:none; } .-UIContainer-header .-buttoncontainer, .-UIContainer-header .create_div{ position: absolute;right: 5px;display: flex; } .-quickpopup-shift{ width: 55%; pointer-events: none; } .-quickbutton-shift{ width: 61%; pointer-events: none; } @media only screen and (max-width: 768px) { .-UIContainer .-UIContainer-Content {max-height: 90vh;} } .-UIContainer .-UIContainer-close{ position: unset; float: left; background-repeat: no-repeat;background-size:contain;background-position: center;align-self: center; } .-UIContainer th, .-UIContainer td { display: table-cell;vertical-align: middle;text-align:unset;border:0 none; } .-UIContainer-header .check_btn .-UIContainer-table-td{ padding: 0 .5rem; } .-UIContainer-header .check_btn{ float: right; } .-UIContainer table{ border-collapse:inherit;margin:0 0 0.5rem; } .-UIContainer .-UIContainer-area-forms[form-name="Matrix Form"] .-UIContainer-area-row .-UIContainer-table-td{ float:left; left: 1px; } .-UIContainer .-UIContainer-area-row{ width:100%; } .-UIContainer div.-UIContainer-table-td{ width:100%;position:relative;margin:0 0 1rem; } .-UIContainer .-UIContainer-table-td .-UIContainer-row-column-label{ width:35%;float:left;text-align:left;padding-left:0;padding-top: 0.5rem; } .-UIContainer .-UIContainer-table-td .-UIContainer-row-column-input{ width:100%;float:left;box-shadow:none;min-width:5px; } .-UIContainer .openFileBrowser { position: absolute; left: 0; top: 0; } .-UIContainer .-UIContainer-row-column-cross{ float: right;height: 16px;width: 16px; background-position: center center;margin-top:0.5rem; } .-UIContainer .-UIContainer-header{ padding: 0.5rem; } .-UIContainer .-UIContainer-header-logo-div{ margin-left: 5px; } .-UIContainer .-UIContainer-header-logo-div img { max-height:35px; } .-UIContainer .-background-icon{ background-size: 25px 25px; } .-UIContainer .-UIContainer-row-column-input-div{ position:relative;float:left;width:65%;padding:0; } .-UIContainer .dropdown-option-div { max-height: 153px;overflow: auto;position: absolute;top: 31px;width: 100%;z-index: 999; } .-UIContainer .dropdown-option-ul{ list-style: outside none none;margin: 0;padding: 0;overflow:hidden; } .-UIContainer .-UIContainer-row-column-input-div.-onlyfield{ width:100%; } .-UIContainer .dropdown-option-ul .dropdown-option-li{ height: 30px;line-height: 30px; } .-UIContainer .dropdown-option-ul .dropdown-option-li:hover{ background-color:#ebf2f9; } .-UIContainer .-only-label{ padding:0;margin:0 0 5px; } .-UIContainer .dropdown-option-ul .dropdown-option-li .dropdown-option-li-name{ width: 100%;float:left; } .-UIContainer .dropdown-option-ul .dropdown-option-li .dropdown-option-ul .dropdown-option-li .dropdown-option-li-name{ float:left; width:90% } .-UIContainer .dropdown-option-ul .dropdown-option-li .dropdown-option-li-name-refine{ width: 58%;float:left;margin-left: 5px; } .-UIContainer .dropdown-option-div-refine .dropdown-option-li .dropdown-option-div-refine .dropdown-option-li .dropdown-option-li-name{ margin-left:30px;width: 80%; } .-UIContainer .dropdown-option-div-refine .dropdown-option-li .dropdown-option-div-refine .dropdown-option-li .dropdown-option-li-name-refine{ margin-left:30px;width: 50%; } .-UIContainer .item { padding:0; } .-UIContainer .dropdown-option-ul .dropdown-option-li .dropdown-option-li-name{ margin-left: 5px; } .-UIContainer .-icon-img-div{ height: inherit;text-align: center;width: inherit; } .-UIContainer .-icon-matrix-div{ padding: 0.8rem 0 1.5rem; } .-UIContainer .-UIContainer-row-column-img{ max-width:100%;max-height:100%; } .-UIContainer .dropdown-option-li-refine { border-radius: 5px;float: right;height: 25px;line-height: 25px;margin: 3px;padding: 0 5px;width: 30%;text-align:center;max-width:70px;margin-top:2px; } .-UIContainer .-selected-option{ background:#ebf2f9; } .-UIContainer .-UIContainer-table-td .-checkbox span{ border-radius: 0px; } tr.-UIContainer-table-tr td.-UIContainer-table-td .-checkbox .input-container span{ top: 10px; } .-UIContainer div.-UIContainer-table-td.-only-label-div{ margin:0; } .-UIContainer .-UIContainer-table-td .-UIContainer-row-column-input.-uploader { border: 1px dotted;height: 130px;border-color:#000000; } .-UIContainer .-UIContainer-row-column-upload { height: 100%;opacity: 0.8;text-align: center;vertical-align: middle;width: 100%; } .-UIContainer .-uploader-container.-onlyfield{ width:100%; } .-UIContainer .-item-counter{ color:#5cb85c;margin-top:0.1rem;width:100%;text-align: right; } .-UIContainer .-UIContainer-row-column-upload-label{ width:100%;height:100%;text-align:center; } .-UIContainer .-upload-figure .-figure-span{ display: block;height: 100%;width: 100%; } .-UIContainer .-upload-figure{ width: 100px; margin: 0px; height: 100px; } .-UIContainer .dropdown-option-div-refine{ float:left;width:100%; } .-UIContainer .dropdown-option-div-refine .dropdown-option-li .dropdown-option-li-name{ margin-left:15px; } .-UIContainer .dropdown-option-div-refine .dropdown-option-li .dropdown-option-li-name-refine{ margin-left:15px; } .-UIContainer .-error-msg-div{ color:#e9322d;margin-top:0.3rem; } .-error-page .-error-overlay { background: #000;height: 100%;left: 0;opacity: 0.5;position: absolute;top: 0;width: 100%;z-index: 1006; } .-error-page .-error-message{ left: 25%;padding: 1rem;position: fixed;top: 40%;width: 15rem;z-index: 1007; } .-UIContainer .-UIContainer-row-column-input-div .-input-icons{ position: absolute;right: 3px;width: 24px;text-align:center;padding:0;max-height:40px;top:10px; } .-UIContainer .-UIContainer-row-column-input-div .-input-with-icon{ padding-right:28px; } .-UIContainer .-UIContainer-row-column-input-div .icon{ width:16px; height:16px; } .-UIContainer table.-row-border{ border:1px solid;border-color:#000000; } .-UIContainer .-transform180{ transform:rotate(180deg); } .-UIContainer .-UIContainer-row-column-cross .icon{ width:16px;height:100%; } .-UIContainer .-date-splitter{ text-align:center; } .-UIContainer .-text-align-right{ text-align:right;width: 9rem; } .-UIContainer .-UIContainer-row-column-input-div .icon.-cross-icon{ width:16px; } .-UIContainer .-UIContainer-area-forms .-UIContainer-area-forms{ padding:0; } .-UIContainer .-text-align-right{ text-align:right; } .-UIContainer .-text-align-left{ text-align:left; } .-UIContainer .-text-align-center{ text-align:center; } .-UIContainer .map_canvas_address{ overflow:hidden;transform:translateZ(0px);background-color:rgb(229, 227, 223);height:180px;margin-bottom:0.5rem;top:0.5rem;width:100%;z-index:5;position:relative } .-UIContainer .-link-button{ cursor:pointer;border-radius:3px;padding:0.35rem; } .-UIContainer .-u-Generator-Info-u-{ padding:0.35rem 0 0.35rem 0; } #mainContent .-UIContainer-header { display:none; } #mainContent .-UIContainer-Content, #assetCloudModal .-UIContainer-Content { padding-top:1rem;padding-bottom:1rem; } .More-Field-Button{ padding:0.75rem 0 0.75rem 0.75rem } .-UIContainer input.-UIContainer-row-column-input{ padding-right:28px; } .-UIContainer input[data-inputtype=Date].-UIContainer-row-column-input{ padding-right:0px !important; } .-UIContainer .ratingWidget{ margin:0 0 0.5rem 0; } @media screen\0 { .-UIContainer .-UIContainer-close{ position: static; } label, .label{ padding:0.175rem .75rem } .-UIContainer th, .-UIContainer td { text-align:left; } .-UIContainer-header .-buttoncontainer,.-UIContainer-header .create_div{ top: 8px; } .-UIContainer .-UIContainer-table-td .form-group{ overflow: inherit !important; } .clouditemedit-container #Info-Container .social-data-info-container .edit-field-text { margin-left: 0; width: 66.6%; } } @media \0screen\,screen\9 { .-UIContainer div.-UIContainer-table-td { height:2.27rem; } } .-UIContainer select, select.field{ padding-right:28px; } .-UIContainer .date-field .date-field__calendar-container .calendar select, select.field{ padding-right:0px;min-width: 50px !important; } .-checkbox > label > span{ border-radius: 0px; } .-UIContainer .-UIContainer-table-td .form-group { margin:0px; } .-UIContainer .-UIContainer-table-td .form-group label,.-UIContainer .-UIContainer-table-td .form-group .label{ padding: 0; text-align: left; width: 35% !important; min-height:20px; align-self: center; } UIContainer .-UIContainer-table-td .form-group .grid__column.-top-aligned, .-UIContainer .-UIContainer-table-td .form-group .grid__column.-top-aligned { -ms-flex-item-align: start; -webkit-align-self: flex-start; align-self: flex-start; padding-top:0.5rem; } .-UIContainer .-UIContainer-table-td .form-group input[type="checkbox"] { height: max-content ; margin-top:0rem; } .-checkbox.multiselectoption label input[type="checkbox"] { margin-top: -1rem !important; } .-UIContainer div.-UIContainer-table-td .-checkbox .input-container label{ min-height:inherit; } .-UIContainer .-UIContainer-table-td .form-group .input-container { width:65%; } .-UIparent { position:relative; user-select: none; } .-UIparent .resize{ cursor: ew-resize; width: 5px; height: 100%; position: absolute; right: 0; } .-UIparent .resize-vertical{ cursor: ns-resize; width: 100%; height: 5px; position: absolute; bottom: 0; } @media screen and (max-width: 300px) { .-UIContainer .dropdown-option-ul .dropdown-option-li .dropdown-option-li-name-refine,.-UIContainer .dropdown-option-div-refine .dropdown-option-li .dropdown-option-div-refine .dropdown-option-li .dropdown-option-li-name-refine { width: 40%; } } .-UIContainer .Image .-UIContainer-row-column-input-div { float: none; display: inline-block; } @media screen and (max-width: 400px) { .-UIContainer .-icon-matrix-div { width:100%; } } .-checkbox.multiselectoption label{ display:inline; } .-checkbox.multiselectoption { padding:0 0 0 0.5rem !important; } .-UIContainer .-UIContainer-table-td .form-group .-checkbox.multiselectoption label{ padding-left: 1.5rem; } .search-field__result .dropdown-option-li-refine { border-radius: 5px; float: right; height: 25px; line-height: 25px; margin: 3px; padding: 0 5px; width: 30%; text-align: center; max-width: 70px; margin-top: -1px; color: #373A3C; } .search-field .search-field__results-container{ width : 100%; z-index: 1006; } .-UIContainer .search-field .search-field__results-container { min-width: auto; } .-first-half .search-field .search-field__results-container{ padding: 0 4px; } .specification-data .search-field .search-field__results-container, .-edit-main-container .search-field .search-field__results-container{ width:99.9%; } .search-field__results-container > .search-field__results { max-height:150px; overflow-y:auto; overflow-x:hidden; min-height:25px; } .input-container__clear { z-index: 1; } .input-container__clear.popupclear { margin: 0.15rem 2rem; } .search-field-refinebutton{ border-radius: 5px; float: right; height: 25px; line-height: 23px; margin: 3px; padding: 0 5px; width: 45%; text-align: center; max-width: 70px; margin-top: 2px; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .search-field-refinebutton{ margin: 3px 17px 3px 3px !important; position: relative; } } .search-field-title{ margin-left:5px; float: left; } .search-field-title{ width: 95%; } @media screen and (max-width: 1350px) and (min-width: 1200px) { .search-field-maincont .search-field-title.-width-half { width: 61%; } } @media screen and (max-width: 1200px) and (min-width: 1020px) { .search-field-maincont .search-field-title.-width-half { width: 61%; } } @media screen and (max-width: 1000px) and (min-width: 800px) { .search-field-maincont .search-field-title.-width-half { width: 61%; } } @media screen and (max-width: 1280px) and (min-width:400px) and (max-height: 800px) and (min-height: 400px) { .search-field-maincont .search-field-title.-width-half { width: 61%; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .search-field-maincont .search-field-title.-width-half { width: 61%; } } } .search-field-title.-width-half{ width: 61%; } .dropdown-option-div-refine .search-field-title{ margin-left: 15px; width: 89%; } .dropdown-option-div-refine .search-field-title.-width-half{ width: 36%; } .dropdown-option-div-refine .dropdown-option-div-refine .search-field-title{ margin-left: 30px; width: 81%; } .dropdown-option-div-refine .dropdown-option-div-refine .search-field-title.-width-half{ width:25%; } .dropdown-option-div-refine .dropdown-option-div-refine .dropdown-option-div-refine .search-field-title{ margin-left: 45px; width: 70%; } .dropdown-option-div-refine .dropdown-option-div-refine .dropdown-option-div-refine .search-field-title.-width-half{ width:18%; } .dropdown-option-div-refine .dropdown-option-div-refine .dropdown-option-div-refine .dropdown-option-div-refine .search-field-title{ margin-left: 60px; width: 60%; } .dropdown-option-div-refine .dropdown-option-div-refine .dropdown-option-div-refine .dropdown-option-div-refine .search-field-title.-width-half{ width: 35%; } .search-field__results .search-field__result { height: auto; } .search-field__result { line-height:30px; padding: 0; height: auto; display: block; margin-left:0px; } .modal__body .dropdown-option-div-refine .search-field-title.-width-half{ width:50% ; } .modal__body .dropdown-option-div-refine .dropdown-option-div-refine .search-field-title.-width-half{ width: 35%; } .search-field__result .lichildelem { padding-left:5px; } .search-field__result .search-field__results { border: none; } .search-field__result:hover{ background-color: inherit; color: inherit; } .-selected-option{ background:#ebf2f9; } .search-field-maincont.item{ display: table; vertical-align: middle; width: 100%; padding:0; } } .-result{ text-align: end; } .-circleicon{ float: right; margin-left: 10px; } .-UIContainer-table-tr .-UIContainer-table-td.Create, .-UIContainer-table-tr .-UIContainer-table-td.Cancel { padding-right:0;padding-left:0; } .-select-all.-checkbox { min-width: 31px; } input::-ms-clear{ display:none; } .-no-search-result { padding: 10px; } .-no-content { padding: 15px; } .-border-chrome-fix-by-margin{ margin-right : 2px; } .-UIContainer .allow-add-icon { padding: 0.3rem ; margin-right:0.3rem; } .-UIContainer .addnewitemname{ float: left; overflow: hidden; text-overflow: ellipsis; width: 82%; } .-stuff-popup { z-index: 10006; } .filter select:focus { outline: none; } .readonlyfield { cursor: not-allowed; border: 0 !important; } .-UIContainer-header:hover { cursor:move; } .-UIContainer-drop { position: absolute; background: white; } .-UIContainer .-multiselect-options-container .dropdown-option-ul .dropdown-option-li .-multiselect-option { float:left;padding:0 0px 0 6px; } .-UIContainer .-multiselect-options-container .dropdown-option-ul .dropdown-option-li .-multiselect-option label{ padding:10px; } .-UIContainer .-multiselect-options-container .dropdown-option-ul .dropdown-option-li .dropdown-option-li-div { float:left;width:85%; } .-UIContainer .map-address { width:100%; height:180px; } .-UIContainer .address-input { padding-right : 25px; } .-UIContainer .-padding-to-text { padding-right : 10%; } .-UIContainer-table-td.Address [type="Address"].content { padding-right: 25px; } .-UIContainer .map-icon { right: 1px; top: 6px; cursor:pointer; } .floatingmenu { z-index: 1005; } .-UIContainer .-UIContainer-table-td .-widget-cao .form-group .input-container { width:100%; } .-UIContainer .-UIContainer-table-td .-widget-cao .form-group .input-container input { min-width:auto; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .-UIContainer .-UIContainer-table-td .-widget-cao .form-group .input-container input { min-width:1px; } .-UIContainer .-UIContainer-area-forms .-half-width .colorSelectorField { width: 100% !important; } .-UIContainer .-UIContainer-area-forms .-half-width.-hs-custom input { width: 50%; } .-UIContainer .-UIContainer-area-forms .-half-width.-left-half-space input { width: 100%; } } .-UIContainer .-UIContainer-area-forms .-half-width[field-widget="Checkbox"] .input-container{ height: 1.5rem; } .-UIContainer .-UIContainer-table-td .form-group label.field-file-container,label.field-file-container { width:100% !important; } .field-file-container .drop-img-box , .renderAs .field-file-container #upload-profile-img-box { position: unset; } .field-file .preview { height: 99px; } .field-file .preview .image{ max-width: 100%; max-height: 100%; } .field-file-container .drop-img-box .imagepreview { max-height: 100%; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 10; } .field-file-container .drop-img-box ._imgprev_video { width:100%; height:auto; } .field-file #upload-profile-img-box .open-selector-text{ min-width: 120px; border: none; } .field-file .input-container .field-file-container .baseimage{ max-height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); padding: 5px !important; } .field.-min-height{ min-height:32px; } .-UIContainer .-UIContainer-table-td .-checkbox .grid.-left-to-right{ padding: 3px 0px; } .-UIContainer .-UIContainer-table-td .form-group .quickaddcopy { width:100%; } .redtext { color: red; } .-UIContainer .-UIContainer-area-forms .-half-width { width:68%; float: left; } .-UIContainer .-UIContainer-area-forms .-half-width.-hs-custom label { width: 51% !important; margin-right: 0.1rem; } .-UIContainer .-UIContainer-area-forms .-half-width.-hs-custom label.field-file-container { width: 100% !important; } .-UIContainer .-UIContainer-area-forms .-half-width.-hs-custom .input-container{ width:47%; } .-UIContainer .-UIContainer-area-forms .-half-width.-left-half-space { width:32%; } .-UIContainer .-UIContainer-area-forms .-half-width.-left-half-space .input-container { width:100% } .-UIContainer .-UIContainer-area-forms .-half-width input { min-width: auto; } .-UIparent .-add-brand-popup { height: auto; width:410px; } .-UIparent .-add-brand-popup .-icon-container { height: 35px; text-align: right; padding: 0 .5rem; } .-UIparent .-add-brand-popup .-icon-container svg { width: 12px; height: 12px; fill:#ccc; cursor: pointer; } .modal > section{ -ms-overflow-style: scrollbar; overflow-y: auto; } .modal > section > .modal__body{ overflow: -webkit-paged-x; overflow: hidden; } .title__container .grid{ padding-top: 3px; padding-left: 0px; } .-UIparent .-arrow-container:before { content: ''; width: 0px; height: 0px; border-style: solid; border-width: 8px 10px 8px 0px; border-color: transparent #000000 transparent transparent; display: inline-block; vertical-align: middle; position: absolute; left: -11px; top: 40%; } .-UIparent .-arrow-container:after { content: ''; width: 0px; height: 0px; border-style: solid; border-width: 8px 10px 8px 2px; border-color: transparent #ffffff transparent transparent; display: inline-block; vertical-align: middle; position: absolute; left: -11px; top: 40%; } .-UIparent .cloudsearchselector-field__results { max-height: 390px; margin-bottom: 0px; margin-top: 5px; } .-UIparent .cloudsearchselector-field__results .search-field__result { margin-bottom: 5px; line-height: 20px; display: inline-block; background-color: #fff; } .-UIparent div[data-fieldtype="cloudsearchselector"] .search-field__results-container { overflow: auto; } .-UIparent .cloudsearchselector-field__results .search-field-title { width: 100%; padding-top: 5px; margin-left:0px; } .-UIparent .-add-brand-popup .-UIContainer { height: 98%; } .-renderasmultiplefiles .-item-container, .-UIContainer-table-td .-item-container { position: relative; height: 7rem; } .-renderasmultiplefiles .-item-container .-main-image-container .-image-editcontainer, .-UIContainer-table-td .-item-container .-main-image-container .-image-editcontainer { height: 100%; } .-renderasmultiplefiles .-item-container .-main-image-container .-image-editcontainer > div, .-UIContainer-table-td .-item-container .-main-image-container .-image-editcontainer > div { align-self: center; } .-renderasmultiplefiles .-item-container .-main-image-container .-image-editcontainer .-cloud-items, .-UIContainer-table-td .-item-container .-main-image-container .-image-editcontainer .-cloud-items { object-fit: contain; height: 100%; } .-renderasmultiplefiles .-item-container .-add-item, .-UIContainer-table-td .-item-container .-add-item { width: 24px; height: 24px; position: absolute; right: 5px; bottom: 5px; z-index: 10; } .-renderasmultiplefiles .-item-container .-add-item > input, .-UIContainer-table-td .-item-container .-add-item > input { left: 0; opacity: 0; top: 0; position: absolute; } .cloud__content{ position: relative; } .taxonomy .calendar table { top: 5px; right: 5.1rem; } .input-container > input[data-widget='spinner']{ width: 5rem; width: -webkit-fill-available; width: -moz-available; } #-cloud-settings { z-index: 1004; } #-cloud-settings .collection { border: none; } #-cloud-settings > .modal > section > .modal__body{ height: -webkit-fill-available; } .-UIContainer-table-td .search-field .selectorbuttongroup .selectorbuttoncontainer.grid__column{ width:65%; } .-UIContainer-table-td .search-field .selectorbuttongroup .selectorbuttoncontainer .selectorcontainer{ width:60% } .-UIContainer-table-td .search-field .selectorbuttongroup .selectorbuttoncontainer .button-container{ width:40% } #createCollection .modal__body { padding: 0rem; } .-tabstrip-container .search-field__results-container { z-index:11;position:relative;top:0; } .-tabstrip-container .-areasettings-fields .search-field__results-container { position: absolute; } .-tabstrip-container .-source-selection .search-field__results-container { z-index:13;position:absolute; } .-tabstrip-container .search-field__results-container > .search-field__resultembed, .-tabstrip-container .search-field__results-container > .select-field__resultembed { height: 150px; overflow-y: auto; overflow-x: hidden; padding: 0; } .-tabstrip-container .search-field__results-container > .select-field__resultembed { height: 185px; } .-tabstrip-container .-load-collectiondata-search .search-field__results-container { border-top: none; } .-tabstrip-container .-load-collectiondata-search .search-field__results-container > .search-field__resultembed { border-top: none; } .-tabstrip-container .-load-collectiondata-select .search-field__results-container { border-top: none; } .-tabstrip-container .-load-collectiondata-select .search-field__results-container .select-field__resultembed { border-top: none; } .-tabstrip-container .-load-collectiondata-search .field { border-top: none; } .-tabstrip-container .search-field__result .-checkbox.multiselectoption label{ width:100% !important; } .-tabstrip-container .-load-collectiondata .-load-collectiondata-search .input-container { width:100%; } .-tabstrip-container .-embed-setfield .search-field__results-container ul li .multiselectoption{ white-space:unset; } .-tabstrip-container .-embed-setfield .search-field__results-container{ position:unset; top:unset; z-index:10; } .-tabstrip-container .search-field_embedtype{ z-index:11; } .-tabstrip-container .-tab-strip{ min-width:78px; height:35px; } .-tabstrip-container .-single-tabstrip { padding: 0rem 0rem 1.29rem 0rem; display: inline-block; text-align: center; align-items: center; cursor: pointer; } .-tabstrip-container .-single-tabstrip .-item-selected { padding:0 4px; } .-tabstrip-container .-tab-strip .-single-tabstrip { border-top:0px; border-bottom:0px; position: relative; } .-tabstrip-container .-tab-strip .-single-tabstrip .icon { margin-right: 3px; vertical-align: middle; } .-tabstrip-container .-tab-strip [data-tabname="-load-collectiondata-invite"]{ text-align:left; } .-tabstrip-container .-tabstrip-dropdown { padding-right: 10px; position: absolute;right: 40px; } .-tabstrip-container .-collection-list{ width:150px; top:27px; right:0px; z-index:13; } .-tabstrip-container .-load-collectiondata { Min-height:202px; } .-UIContainer-table-td[field-widget="Search and select"] .-tabstrip-container .-load-collectiondata { Min-height:185px; } .-tabstrip-container .openlist{ transform:rotate(180deg); } .-tabstrip-container .-tabstrip-arrow{ height:15px; } .-tabstrip-container .uncheckmark:before{ content: ''; display: block; width: 5px; float: left; height: 12px; margin-right: 15px; border: solid #FFF; border-width: 0 2px 2px 0; transform: rotate(45deg); } .-tabstrip-container .checkmark:before{ content: ''; display: block; width: 5px; float: left; height: 12px; margin-right: 15px; border: solid #565656; border-width: 0 2px 2px 0; transform: rotate(45deg); } .-tabstrip-container .addtoit__cloud { height: 30px; width: 34px; align-self: flex-end; position: absolute; right: 12px; top: 0; Z-index: 10; margin-top:6px; } .-tabstrip-container .-tab-strip:hover .addtoit__cloud { display:block !important; } .-tabstrip-container .-tab-strip .-single-tabstrip > div { display: none; } .jdwow_app .-tabstrip-container .-tab-strip .-single-tabstrip.-selected > div { bottom: -5px; } .-tabstrip-container .-tab-strip .-single-tabstrip.-selected > div { position: absolute; margin: auto; left: 0; right: 0; bottom: 0px; width: 10px; height: 10px; transform: rotate(45deg); -webkit-transform: rotate(225deg); -moz-transform: rotate(225deg); -o-transform: rotate(45deg); -ms-transform: rotate(225deg); border-left: 0; border-top: 0; background: #fff; display: block; } .-checkbox.multiselectoption label { display: block; } .cloud__sendinvite { height: 48px; width: 48px; align-self: flex-end; position: absolute; right: 28px; bottom: 27px; Z-index: 12; } .cloudsearchselector-field__results .search-field-title div{ align-self: center; } .-UIContainer-table-td .-checkbox label > span, .-UIContainer-table-td .-checkbox .label > span, .-UIContainer-table-td .-radio label > span, .-UIContainer-table-td .-radio .label > span { top:0; } .-UIContainer-table-td .-checkbox.multiselectoption label > span, .-UIContainer-table-td .-checkbox.multiselectoption .label > span, .-UIContainer-table-td .-radio label > span, .-UIContainer-table-td .-radio .label > span { top:15px; } .-confirmation-modal .-checkbox label > span { top: 3px; } #Info-Container .social-data-info-container .-edit-main-container { margin-top: 10px; } #Info-Container .social-data-info-container #btnSociallinks { margin-top: 3%; } .list-content-load-container{ margin-bottom: 10px; } .-UIContainer{ height:100%; } #Info-Container .social-data-info-container .edit-field-text { margin-left: 2px; width: 67.5%; } .-UIContainer .-UIContainer-Content .-UIContainer-table-td.-half-width[field-widget="Digital Asset"] .message-container, .-UIContainer .-UIContainer-Content .-UIContainer-table-td.-half-width[field-widget="File"] .message-container { width: 129px !important; } .detailsform .-arrow-container:before { content: ''; width: 0px; height: 0px; border-style: solid; border-width: 8px 10px 8px 0px; border-color: transparent #004785 transparent transparent; display: inline-block; vertical-align: middle; position: absolute; left: -10px; top: 50px; } .detailsform .-arrow-container:after { content: ''; width: 0px; height: 0px; border-style: solid; border-width: 8px 10px 8px 2px; border-color: transparent #ffffff transparent transparent; display: inline-block; vertical-align: middle; position: absolute; left: -10px; top: 50px; } .-details-container .detailsform .-add-brand-popup{ width: 410px; } .-bulk-update-container.-relative { min-width: 0; } .bulk_update .modal__body { display: block; } .Tabs-Form div.-UIContainer-table-td .selected-arrow > span::before { border-bottom: 10px solid #000000; border-left: 6px solid transparent; border-right: 6px solid transparent; top: -28px; content: ""; position: relative; left: 44%; width: 0; height: 0; border-width: 10px; } .Tabs-Form div.-UIContainer-table-td .selected-arrow > span::after { border-bottom: 10px solid #ffffff; border-left: 6px solid transparent; border-right: 6px solid transparent; top: -27px; content: ""; position: relative; left: 32%; width: 0; height: 0; border-width: 10px; margin-left: 1px; } .Tabs-Form div.-UIContainer-table-td table { margin: 0px; } .-UIparent .cloudbrowser-field__results { max-height: 390px; overflow-y: auto; margin-bottom: 0px; margin-top: 5px; position: inherit; display: unset; } .-UIparent .cloudbrowser-field__results .search-field__result { margin-bottom: 5px; line-height: 20px; background-color: #fff; } .-UIparent .cloudbrowser-field__results .search-field-title { width: 100%; padding-top: 5px; margin-left:0px; } .-confirm-options .-checkbox .input-container { height:auto; } @-moz-document url-prefix() { .-confirm-options .-checkbox .input-container { bottom: 3px; } } @media screen and (-webkit-min-device-pixel-ratio:0) { .-confirm-options .-checkbox .input-container { bottom:3px; } } .-icon-matrix-div{ line-height: 1rem; } .modal-container[aria-labelledby="-details-popupModalLabel"] { z-index: 1004; } @-moz-document url-prefix() { .-UIContainer .-UIContainer-area-forms .-half-width .colorSelectorField { min-width: inherit; } } .-UIparent .itembrowser-field__results { max-height: 390px; overflow-y: auto; margin-bottom: 0px; margin-top: 5px; position: inherit; display: unset; } .-UIparent .itembrowser-field__results .search-field__result { margin-bottom: 5px; line-height: 20px; background-color: #fff; } .-UIparent .itembrowser-field__results .search-field-title { width: 100%; padding-top: 5px; margin-left:0px; } .-UIparent .itembrowser-field__results .search-field-maincont.item { display: inline; } .-UIContainer .-UIContainer-table.Buttons { margin:0; } .-UIContainer .-UIContainer-table.Buttons .-UIContainer-table-td { padding:0; } .-UIContainer .-UIContainer-area-forms .-left-half-space .-checkbox .input-container{ width:15%; } .-UIContainer .-UIContainer-area-forms .-left-half-space .-checkbox label { width:83%!important; } .-UIContainer .-UIContainer-area-forms .-half-width .-checkbox .-truncate{ width: 98%!important; } .-UIContainer .-UIContainer-area-forms .-half-width[field-widget="Checkbox"] input{ display:none; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .search-field__results-container .search-field__results{ display: block; } } .-UIContainer-table-td .search-field .-show-refine-filter .-refine-item { padding-left: 0 !important; margin: 0; } .-UIContainer-table-td .search-field .-show-refine-filter .-refine-item .dropdown-option-div-refine { padding-left: 25px; margin: 0; } .-UIContainer-table-td .search-field .-show-refine-filter .search-field-title { width: calc(100% - 25px); padding-left: 0; margin: 0; } .-UIContainer-table-td .search-field .-show-refine-filter .search-field__result { padding-left: 25px; margin: 0; } .-UIContainer-table-td .search-field .-show-refine-filter .search-field__result:hover { background-color: inherit; } .-UIContainer-table-td .search-field .-show-refine-filter .search-field__result:hover .dropdown-option-div-refine .search-field__results { /* background-color: #EAF2F8; */ } .-UIContainer-table-td .search-field .-show-refine-filter .search-field__result .search-field-refinebutton { width: 25px; margin: 0; padding: 8px 0; float: left; } .-UIContainer .-UIContainer-Content .-UIContainer-table-td[field-widget="Toggle to Set"] .upperone .one label {min-height: inherit}; #main {height: 100vh;width: 100%;} #main {height: 100vh;width: 100%;} #Main-Footer { bottom: 0; float:left; position: absolute; width: 100%;} #Footer-Copyright { font-size:12px; padding-right:5px; } #Main-Container {flex-grow: 1;overflow: hidden;padding: 0;} #Main-Content {height: inherit;} #Footer-Logo {height: 30px;width: 72px;margin-right: 5px;} #Footer-Tagline {display: inline-block;} #Main-Left {height:100%;padding-right: 0;width: 245px;} #Main-Left-ImageContainer{text-align:center;width:100%;max-height:175px;overflow:hidden;padding:0.5rem 0.5rem 0 0;} #Main-Left-Image{height:100%;width:100%;background-repeat: no-repeat;background-position: center;} #Main-Left-ImageContainer[data-fillmode="Fill"] img{ max-width: unset; max-height: under; } #Main-Left-Clouds .-cloud-filters { padding:0.5rem 0.5rem 0.5rem 0; } #Main-Left .cloud .cloud__items [data-appearance="Items"] { padding : 0; } .main-interface-page .header, .main-interface-page .footer { height: 30px; line-height: 30px; padding-left:5px;} .main-interface-page .footer .Gif-Logo {height: 30px;width: 72px;margin-right: 5px;} .main-interface-page .-main-left .-show-entity {bottom: 6px;height: 40px;right: 4px;width: 80px;} .main-interface-page .-main-left .-show-entity .-entity-image {padding-left: 5px; padding-right: 5px; height:100%;} ul { list-style-type: none; padding: 0; } #Main-Left-Clouds { background-image: url(https://assets0.livecache.net/L6/3/IOGLO/872719627/211957138/DoubleClouds.png); background-position: center bottom; background-repeat: no-repeat; background-size: contain; -ms-overflow-style: scrollbar; } #Main-Left-Clouds .item .Name { font-weight: normal; } @media (max-width: 33.999em) { .main-interface-page .header, .main-interface-page .footer { font-size:8pt;} }