diff options
Diffstat (limited to 'app/styles/sdc.less')
-rw-r--r-- | app/styles/sdc.less | 18385 |
1 files changed, 18385 insertions, 0 deletions
diff --git a/app/styles/sdc.less b/app/styles/sdc.less new file mode 100644 index 0000000..b26b834 --- /dev/null +++ b/app/styles/sdc.less @@ -0,0 +1,18385 @@ +@charset "UTF-8"; + +.dcae-main-container { + + /* Colors */ + .sdc-bc-blue { + background-color: #009fdb; } + + .sdc-bc-dark-blue { + background-color: #0568ae; } + + .sdc-bc-light-blue { + background-color: #71c5e8; } + + .sdc-bc-green { + background-color: #4ca90c; } + + .sdc-bc-dark-green { + background-color: #007a3e; } + + .sdc-bc-light-green { + background-color: #b5bd00; } + + .sdc-bc-orange { + background-color: #ea7400; } + + .sdc-bc-yellow { + background-color: #ffb81c; } + + .sdc-bc-dark-purple { + background-color: #702f8a; } + + .sdc-bc-purple { + background-color: #9063cd; } + + .sdc-bc-light-purple { + background-color: #caa2dd; } + + .sdc-bc-black { + background-color: #000000; } + + .sdc-bc-dark-gray { + background-color: #5a5a5a; } + + .sdc-bc-gray { + background-color: #959595; } + + .sdc-bc-light-gray { + background-color: #d2d2d2; } + + .sdc-bc-white { + background-color: #ffffff; } + + /* Prefix */ + /* Value Prefix*/ + /* Box sizing */ + /* Borders & Shadows */ + /* Opacity */ + /* Ellipsis */ + /* Vertical placement of multuple lines of text */ + /* transform-rotate */ + /* transform-translate */ + /* transform-scale */ + /**/ + /**/ + /*body {*/ + /*-webkit-touch-callout: none;*/ + /*-webkit-user-select: none;*/ + /*-moz-user-select: none;*/ + /*-ms-user-select: none;*/ + /*user-select: none; }*/ + + html { + font-size: 100%; + height: 100%; } + + body { + /* scrollbar styling for Internet Explorer */ + scrollbar-face-color: #191919; + scrollbar-track-color: #191919; + height: 100%; } + + /* scrollbar styling for Google Chrome | Safari | Opera */ + ::-webkit-scrollbar { + width: 8px; + height: 8px; } + + ::-webkit-scrollbar-track { + background-color: transparent; + border-radius: 10px; } + + ::-webkit-scrollbar-thumb { + border-radius: 10px; + background-color: #d2d2d2; + border-right: 2px solid #ffffff; } + + /* Mozilla Firefox currently doesn't support scrollbar styling */ + ul { + list-style: none; } + + h1, h2, h3, h4, h5, h6, ul { + margin: 0; + padding: 0; } + + .disabled { + opacity: 0.7 !important; } + + fieldset { + border: none; } + + fieldset label { + display: inline-block; } + + .nav-tabs > li > a:focus, + .btn:focus, + .btn:active:focus, + .btn.active:focus { + outline: none; } + + /* Fonts */ + .text-lowercase { + text-transform: lowercase; } + + .text-uppercase, .heading-3-light, .heading-3, .heading-3-medium { + text-transform: uppercase; } + + .text-capitalize { + text-transform: capitalize; } + + .heading-1 { + font-weight: 300; + font-size: 36px; } + + .heading-2 { + font-weight: 300; + font-size: 24px; } + + .heading-3-light { + font-weight: 300; + font-size: 20px; } + + .heading-3 { + font-weight: 400; + font-size: 20px; } + + .heading-3-medium { + font-weight: 600; + font-size: 20px; } + + .heading-4 { + font-weight: 400; + font-size: 18px; } + + .heading-4-medium { + font-weight: 600; + font-size: 18px; } + + .heading-5 { + font-weight: 400; + font-size: 16px; } + + .heading-5-medium, .catalog-tile .catalog-tile-top .catalog-tile-item-name, .sdc-tile-catalog .sdc-tile-content .sdc-tile-content-info .sdc-tile-content-info-item-name { + font-weight: 400; + line-height: 16px; + font-size: 16px; } + + .body-1 { + font-weight: 400; + font-size: 14px; } + + .body-1-medium { + font-weight: 600; + font-size: 14px; } + + .body-1-light { + font-weight: 300; + font-size: 14px; } + + .body-2, .catalog-tile .catalog-tile-top .catalog-tile-entity-details .catalog-tile-version-info .catalog-tile-item-version, .catalog-tile .catalog-tile-content .catalog-tile-locking-user-name, .sdc-tile-catalog .sdc-tile-content .sdc-tile-content-info .sdc-tile-content-info-version-info .sdc-tile-content-info-version-info-text, .sdc-tile-catalog .sdc-tile-footer .sdc-tile-footer-text { + font-weight: 400; + font-size: 13px; } + + .body-2-medium, .catalog-tile .catalog-tile-content { + font-weight: 600; + font-size: 13px; } + + .body-3 { + font-weight: 400; + font-size: 12px; } + + .body-3-medium, .catalog-tile .catalog-tile-top .catalog-tile-entity-details .catalog-tile-vendor-name, .catalog-tile.vendor-type .catalog-tile-top .catalog-tile-vsp-count, .sdc-tile-catalog .sdc-tile-content .sdc-tile-content-info .sdc-tile-content-info-vendor-name { + font-weight: 600; + font-size: 12px; } + + .body-3-light { + font-weight: 300; + font-size: 12px; } + + .circle-icon-text { + font-weight: 600; + font-size: 14px; } + + .sdc-icon { + display: inline-block; + text-rendering: auto; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + width: 16px; + height: 16px; } + + .sdc-icon-locked { + background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='11' height='15' viewBox='0 0 11 15' id='locked_icon'> <metadata><?xpacket begin='' id='W5M0MpCehiHzreSzNTczkc9d'?><x:xmpmeta xmlns:x='adobe:ns:meta/' x:xmptk='Adobe XMP Core 5.6-c138 79.159824, 2016/09/14-01:09:01 '> <rdf:RDF xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns#'> <rdf:Description rdf:about=''/> </rdf:RDF></x:xmpmeta><?xpacket end='w'?></metadata><defs> <style> .cls-1 { fill: #959595; fill-rule: evenodd; } </style> </defs> <path id='Shape_77_copy_10' data-name='Shape 77 copy 10' class='cls-1' d='M445,359a16.71,16.71,0,0,0-2.1-.009c-1.945.045-3.195,0.049-3.9,0.009v-5a1.743,1.743,0,0,1,2-2h1a1.743,1.743,0,0,1,2,2v5c0.474,0.063.343-.073,1,0,0.266,0.029,0,.279,0,0v-5a2.726,2.726,0,0,0-3-3h-1.142c-1.72-.125-2.715,1.562-2.858,3,0.088,0.009,0,7.338,0,5h0a1.891,1.891,0,0,0-2,1.689v3.461A1.823,1.823,0,0,0,437.775,366h7.448A1.823,1.823,0,0,0,447,364.15v-3.461A2.018,2.018,0,0,0,445,359Z' transform='translate(-436 -351)'/></svg>"); + background-repeat: no-repeat; } + + .sdc-icon-plus { + background-image: url("data:image/svg+xml;utf8,<?xml version='1.0' encoding='utf-8'?><!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --><svg version='1.1' id='plus_icon' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 19 19' style='enable-background:new 0 0 19 19;' xml:space='preserve'><g><rect y='8' width='19' height='3'/><path id='Rectangle_2139_copy' d='M8,19V0h3v19H8z'/></g></svg>"); + background-repeat: no-repeat; } + + .sdc-icon-unlocked { + background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='11' height='18' viewBox='0 0 11 18' id='unlocked_icon'> <metadata><?xpacket begin='' id='W5M0MpCehiHzreSzNTczkc9d'?><x:xmpmeta xmlns:x='adobe:ns:meta/' x:xmptk='Adobe XMP Core 5.6-c138 79.159824, 2016/09/14-01:09:01 '> <rdf:RDF xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns#'> <rdf:Description rdf:about=''/> </rdf:RDF></x:xmpmeta><?xpacket end='w'?></metadata><defs> <style> .cls-1 { fill: #959595; fill-rule: evenodd; } </style> </defs> <path id='Shape_77_copy_16' data-name='Shape 77 copy 16' class='cls-1' d='M663,358a16.723,16.723,0,0,0-2.1-.009c-1.944.045-3.194,0.049-3.9,0.009v-7a1.743,1.743,0,0,1,2-2h1a1.743,1.743,0,0,1,2,2v2c0.474,0.064.343-.073,1,0,0.266,0.029,0,.279,0,0v-2a2.726,2.726,0,0,0-3-3h-1.142c-1.72-.125-2.715,1.562-2.858,3,0.088,0.009,0,9.338,0,7h0a1.891,1.891,0,0,0-2,1.689v4.461a1.823,1.823,0,0,0,1.775,1.85h7.448A1.823,1.823,0,0,0,665,364.15v-4.461A2.018,2.018,0,0,0,663,358Zm1.05,6.15a0.827,0.827,0,0,1-.8.836H655.8a0.827,0.827,0,0,1-.8-0.836l0-4.15a1.164,1.164,0,0,1,.8-1.147h7.448A1.129,1.129,0,0,1,664,360Z' transform='translate(-654 -348)'/></svg>"); + background-repeat: no-repeat; } + + .sdc-icon-vendor { + background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 53 47' id='vendor_icon'><title>vendor</title><g id='Layer_2' data-name='Layer 2'><g id='vlm_icon' data-name='vlm icon'><path d='M49,7,38.5,7V5.92A5.92,5.92,0,0,0,32.58,0H20.42A5.92,5.92,0,0,0,14.5,5.92V7.15L4,7.2a3.8,3.8,0,0,0-4,3.5V43.5C0,45.4,2,47,4.2,47L49,46.8a3.8,3.8,0,0,0,4-3.5V10.5A3.8,3.8,0,0,0,49,7ZM16.5,5.92A3.92,3.92,0,0,1,20.42,2H32.58A3.92,3.92,0,0,1,36.5,5.92V7.06l-20,.09ZM2,10.8A1.9,1.9,0,0,1,4,9l45-.2a1.9,1.9,0,0,1,2,1.8v8.87L32.94,24.18a6.49,6.49,0,0,0-12.89,0L2,19.51V10.8ZM31,25a4.5,4.5,0,1,1-4.5-4.5A4.5,4.5,0,0,1,31,25ZM49,45,4,45.2A1.9,1.9,0,0,1,2,43.4V21.57l18.13,4.73a6.5,6.5,0,0,0,12.74,0L51,21.53V43.21A1.9,1.9,0,0,1,49,45Z'/></g></g></svg>"); + background-repeat: no-repeat; } + + .sdc-icon-vlm { + background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 45 53'><title>vlm_new_icon</title><g id='Layer_2' data-name='Layer 2'><g id='vlm_icon' data-name='vlm icon'><path d='M41,2a2,2,0,0,1,2,2l.19,45a2,2,0,0,1-2,2H4a2,2,0,0,1-2-2L1.81,4a2,2,0,0,1,2-2H41m-.15-2H4A4.2,4.2,0,0,0,0,4.24L.19,49a4,4,0,0,0,4,4H41a4,4,0,0,0,4-4L44.81,4a4,4,0,0,0-4-4Z'/><rect x='14' y='11' width='17' height='2'/><rect x='14' y='18' width='10' height='2'/><polygon points='20.56 38.85 13.87 33.14 15.16 31.62 20.39 36.08 29.08 26.63 30.55 27.98 20.56 38.85'/></g></g></svg>"); + background-repeat: no-repeat; } + + .sdc-icon-vsp { + background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 59.5 40' id='vsp_icon'><title>vsp_new_icon</title><g id='Layer_2' data-name='Layer 2'><g id='vlm_icon' data-name='vlm icon'><path d='M58.28,30.74c-1.49-1.82-3-2.7-4.67-2.74a8.5,8.5,0,0,0-16.22-2.44,6.93,6.93,0,0,0-4.06.66A7.23,7.23,0,0,0,36.42,40H53.5a6,6,0,0,0,6-6A5.18,5.18,0,0,0,58.28,30.74ZM53.5,38H36.42a5.25,5.25,0,0,1-5.21-5.91,5.32,5.32,0,0,1,3-4.06,5,5,0,0,1,2.21-.53,5.25,5.25,0,0,1,1.35.18l.92.24L39,27A6.5,6.5,0,0,1,51.67,29v1.3l1.17-.2c1-.17,2.17-.17,3.91,2a3.18,3.18,0,0,1,.76,2A4,4,0,0,1,53.5,38Z'/><path d='M49,0,4,.17A3.79,3.79,0,0,0,0,3.69V7.94H0v2H0V36.31C0,38.35,2,40,4.25,40l20.84-.08a1,1,0,0,0,0-1.92L4,38.08a1.89,1.89,0,0,1-2-1.76V10H51v7a1,1,0,0,0,2,0V3.53A3.79,3.79,0,0,0,49,0ZM2,8V3.76A1.89,1.89,0,0,1,4,2l45-.16a1.89,1.89,0,0,1,2,1.76V8Z'/></g></g></svg>"); + background-repeat: no-repeat; } + + .svg-icon.purple { + fill: #9063cd; } + + .svg-icon.purple-hover { + fill: #9063cd; } + .svg-icon.purple-hover:hover { + fill: #caa2dd; } + + .svg-icon.blue { + fill: #009fdb; } + + .svg-icon.blue-hover { + fill: #009fdb; } + .svg-icon.blue-hover:hover { + fill: #71c5e8; } + + .svg-icon.gray { + fill: #959595; } + + .svg-icon.gray-hover { + fill: #000000; } + .svg-icon.gray-hover:hover { + fill: #d2d2d2; } + + .svg-icon.black { + fill: #000000; } + + .svg-icon.black-hover { + fill: #000000; } + .svg-icon.black-hover:hover { + fill: #d2d2d2; } + + .sdc-tile, .sdc-tile-catalog { + box-sizing: border-box; + background-color: #ffffff; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + padding: 10px; + cursor: pointer; + border: 1px solid #eaeaea; + box-shadow: 0.5px 0.8px 4px 0 rgba(24, 24, 25, 0.05); } + .sdc-tile:active, .sdc-tile-catalog:active { + border: 1px solid #71c5e8; } + .sdc-tile:hover, .sdc-tile-catalog:hover { + box-shadow: 0.3px 5px 12.8px 1.3px rgba(24, 24, 25, 0.15); + border: 1px solid #d2d2d2; } + .sdc-tile .sdc-tile-header, .sdc-tile-catalog .sdc-tile-header { + position: relative; + -ms-flex-negative: 0; + flex-shrink: 0; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: start; + -ms-flex-align: start; + align-items: flex-start; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; } + .sdc-tile .sdc-tile-content, .sdc-tile-catalog .sdc-tile-content { + position: relative; + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: start; + -ms-flex-align: start; + align-items: flex-start; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + overflow: auto; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; } + .sdc-tile .sdc-tile-footer, .sdc-tile-catalog .sdc-tile-footer { + position: relative; + -ms-flex-negative: 0; + flex-shrink: 0; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: start; + -ms-flex-align: start; + align-items: flex-start; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; } + + .sdc-tile-catalog { + width: 204px; + height: 200px; } + .sdc-tile-catalog .sdc-tile-header { + line-height: 16px; } + .sdc-tile-catalog .sdc-tile-header .sdc-tile-header-type { + font-size: 16px; + text-transform: uppercase; } + .sdc-tile-catalog .sdc-tile-header .sdc-tile-header-type.purple { + color: #9063cd; } + .sdc-tile-catalog .sdc-tile-header .sdc-tile-header-type.blue { + color: #009fdb; } + .sdc-tile-catalog .sdc-tile-content .sdc-tile-content-icon { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + width: 100%; + padding-top: 25px; } + .sdc-tile-catalog .sdc-tile-content .sdc-tile-content-icon svg { + width: 60px; + height: 40px; } + .sdc-tile-catalog .sdc-tile-content .sdc-tile-content-info { + padding-bottom: 4px; + width: 180px; + overflow: hidden; + text-overflow: ellipsis; + width: auto; + white-space: nowrap; + display: inline-block; + max-width: 178px; } + .sdc-tile-catalog .sdc-tile-content .sdc-tile-content-info .sdc-tile-content-info-vendor-name { + color: #959595; + line-height: 12px; } + .sdc-tile-catalog .sdc-tile-content .sdc-tile-content-info .sdc-tile-content-info-item-name { + color: #191919; } + .sdc-tile-catalog .sdc-tile-content .sdc-tile-content-info .sdc-tile-content-info-version-info { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; } + .sdc-tile-catalog .sdc-tile-footer { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; + border-top: 1px solid #eaeaea; + padding: 0; + width: 180px; + height: 20px; } + .sdc-tile-catalog .sdc-tile-footer .sdc-tile-footer-text { + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1; + padding-top: 5px; + overflow: hidden; + text-overflow: ellipsis; + width: auto; + white-space: nowrap; + display: inline-block; + max-width: 164px; } + .sdc-tile-catalog .sdc-tile-footer .sdc-tile-footer-icon { + -ms-flex-negative: 1; + flex-shrink: 1; + overflow: hidden; + padding-top: 5px; } + .sdc-tile-catalog .sdc-tile-footer .sdc-tile-footer-icon svg { + width: 16px; + height: 20px; } + + /* You can add global styles to this file, and also import other style files */ + .sdc-main-container { + width: 100%; + height: 100%; + } + /* Fonts */ + /*---------------------------------------------- General ----------------------------------------------*/ + /* Main Colors */ + /* Functional Colors */ + /* Tlv Colors */ + /*---------------------------------------------- Parameters ----------------------------------------------*/ + /*---------------------------------------------- General ----------------------------------------------*/ + /* Colors */ + /* Color hover */ + /* to check if can delete */ + /* Fonts */ + .f-color .a { + color: #009fdb; + } + .f-color .b { + color: #056bae; + } + .f-color .c { + color: #71c5eb; + } + .f-color .d { + color: #4ca90c; + } + .f-color .e { + color: #007a3e; + } + .f-color .f { + color: #b5bd00; + } + .f-color .g { + color: #ea7499; + } + .f-color .h { + color: #ffb81c; + } + .f-color .i { + color: #702f8a; + } + .f-color .j { + color: #9063cd; + } + .f-color .k { + color: #caa2dd; + } + .f-color .l { + color: #000000; + } + .f-color .m { + color: #5a5a5a; + } + .f-color .n { + color: #959595; + } + .f-color .o { + color: #d2d2d2; + } + .f-color .p { + color: #ffffff; + } + .f-color .q { + color: #cf2a2a; + } + .f-color .r { + color: #f2f2f2; + } + .f-color .s { + color: #191919; + } + .f-color .t { + color: #f8f8f8; + } + .f-color .u { + color: #eaeaea; + } + .f-color .v { + color: #e6f6fb; + } + .f-type ._36 { + font-family: omnes-light, sans-serif; + font-size: 36px; + } + .f-type ._24 { + font-family: omnes-light, sans-serif; + font-size: 24px; + } + .f-type ._18_r { + font-family: omnes-regular, sans-serif; + font-size: 18px; + } + .f-type ._18_m { + font-family: omnes-medium, sans-serif; + font-size: 18px; + } + .f-type ._16_r { + font-family: omnes-regular, sans-serif; + font-size: 16px; + } + .f-type ._16_m { + font-family: omnes-medium, sans-serif; + font-size: 16px; + } + .f-type ._14_r { + font-family: omnes-regular, sans-serif; + font-size: 14px; + } + .f-type ._14_m { + font-family: omnes-medium, sans-serif; + font-size: 14px; + } + .f-type ._14_i { + font-family: omnes-medium-italic, sans-serif; + font-size: 14px; + } + .f-type ._13_r { + font-family: omnes-regular, sans-serif; + font-size: 13px; + } + .f-type ._13_m { + font-family: omnes-medium, sans-serif; + font-size: 13px; + } + .f-type ._13_i { + font-family: omnes-medium-italic, sans-serif; + font-size: 13px; + } + .f-type ._12_r { + font-family: omnes-regular, sans-serif; + font-size: 12px; + } + .f-type ._12_m { + font-family: omnes-medium, sans-serif; + font-size: 12px; + } + .f-type ._12_i { + font-family: omnes-medium-italic, sans-serif; + font-size: 12px; + } + .a_36 { + color: #009fdb; + font-family: omnes-light, sans-serif; + font-size: 36px; + } + .a_24 { + color: #009fdb; + font-family: omnes-light, sans-serif; + font-size: 24px; + } + .a_18_r { + color: #009fdb; + font-family: omnes-regular, sans-serif; + font-size: 18px; + } + .a_18_m { + color: #009fdb; + font-family: omnes-medium, sans-serif; + font-size: 18px; + } + .a_16_r { + color: #009fdb; + font-family: omnes-regular, sans-serif; + font-size: 16px; + } + .a_16_m { + color: #009fdb; + font-family: omnes-medium, sans-serif; + font-size: 16px; + } + .a_14_r { + color: #009fdb; + font-family: omnes-regular, sans-serif; + font-size: 14px; + } + .a_14_m { + color: #009fdb; + font-family: omnes-medium, sans-serif; + font-size: 14px; + } + .a_14_i { + color: #009fdb; + font-family: omnes-medium-italic, sans-serif; + font-size: 14px; + } + .a_13_r { + color: #009fdb; + font-family: omnes-regular, sans-serif; + font-size: 13px; + } + .a_13_m { + color: #009fdb; + font-family: omnes-medium, sans-serif; + font-size: 13px; + } + .a_13_i { + color: #009fdb; + font-family: omnes-medium-italic, sans-serif; + font-size: 13px; + } + .a_12_r { + color: #009fdb; + font-family: omnes-regular, sans-serif; + font-size: 12px; + } + .a_12_m { + color: #009fdb; + font-family: omnes-medium, sans-serif; + font-size: 12px; + } + .a_12_i { + color: #009fdb; + font-family: omnes-medium-italic, sans-serif; + font-size: 12px; + } + .b_36 { + color: #056bae; + font-family: omnes-light, sans-serif; + font-size: 36px; + } + .b_24 { + color: #056bae; + font-family: omnes-light, sans-serif; + font-size: 24px; + } + .b_18_r { + color: #056bae; + font-family: omnes-regular, sans-serif; + font-size: 18px; + } + .b_18_m { + color: #056bae; + font-family: omnes-medium, sans-serif; + font-size: 18px; + } + .b_16_r { + color: #056bae; + font-family: omnes-regular, sans-serif; + font-size: 16px; + } + .b_16_m { + color: #056bae; + font-family: omnes-medium, sans-serif; + font-size: 16px; + } + .b_14_r { + color: #056bae; + font-family: omnes-regular, sans-serif; + font-size: 14px; + } + .b_14_m { + color: #056bae; + font-family: omnes-medium, sans-serif; + font-size: 14px; + } + .b_14_i { + color: #056bae; + font-family: omnes-medium-italic, sans-serif; + font-size: 14px; + } + .b_13_r { + color: #056bae; + font-family: omnes-regular, sans-serif; + font-size: 13px; + } + .b_13_m { + color: #056bae; + font-family: omnes-medium, sans-serif; + font-size: 13px; + } + .b_13_i { + color: #056bae; + font-family: omnes-medium-italic, sans-serif; + font-size: 13px; + } + .b_12_r { + color: #056bae; + font-family: omnes-regular, sans-serif; + font-size: 12px; + } + .b_12_m { + color: #056bae; + font-family: omnes-medium, sans-serif; + font-size: 12px; + } + .b_12_i { + color: #056bae; + font-family: omnes-medium-italic, sans-serif; + font-size: 12px; + } + .c_36 { + color: #71c5eb; + font-family: omnes-light, sans-serif; + font-size: 36px; + } + .c_24 { + color: #71c5eb; + font-family: omnes-light, sans-serif; + font-size: 24px; + } + .c_18_r { + color: #71c5eb; + font-family: omnes-regular, sans-serif; + font-size: 18px; + } + .c_18_m { + color: #71c5eb; + font-family: omnes-medium, sans-serif; + font-size: 18px; + } + .c_16_r { + color: #71c5eb; + font-family: omnes-regular, sans-serif; + font-size: 16px; + } + .c_16_m { + color: #71c5eb; + font-family: omnes-medium, sans-serif; + font-size: 16px; + } + .c_14_r { + color: #71c5eb; + font-family: omnes-regular, sans-serif; + font-size: 14px; + } + .c_14_m { + color: #71c5eb; + font-family: omnes-medium, sans-serif; + font-size: 14px; + } + .c_14_i { + color: #71c5eb; + font-family: omnes-medium-italic, sans-serif; + font-size: 14px; + } + .c_13_r { + color: #71c5eb; + font-family: omnes-regular, sans-serif; + font-size: 13px; + } + .c_13_m { + color: #71c5eb; + font-family: omnes-medium, sans-serif; + font-size: 13px; + } + .c_13_i { + color: #71c5eb; + font-family: omnes-medium-italic, sans-serif; + font-size: 13px; + } + .c_12_r { + color: #71c5eb; + font-family: omnes-regular, sans-serif; + font-size: 12px; + } + .c_12_m { + color: #71c5eb; + font-family: omnes-medium, sans-serif; + font-size: 12px; + } + .c_12_i { + color: #71c5eb; + font-family: omnes-medium-italic, sans-serif; + font-size: 12px; + } + .d_36 { + color: #4ca90c; + font-family: omnes-light, sans-serif; + font-size: 36px; + } + .d_24 { + color: #4ca90c; + font-family: omnes-light, sans-serif; + font-size: 24px; + } + .d_18_r { + color: #4ca90c; + font-family: omnes-regular, sans-serif; + font-size: 18px; + } + .d_18_m { + color: #4ca90c; + font-family: omnes-medium, sans-serif; + font-size: 18px; + } + .d_16_r { + color: #4ca90c; + font-family: omnes-regular, sans-serif; + font-size: 16px; + } + .d_16_m { + color: #4ca90c; + font-family: omnes-medium, sans-serif; + font-size: 16px; + } + .d_14_r { + color: #4ca90c; + font-family: omnes-regular, sans-serif; + font-size: 14px; + } + .d_14_m { + color: #4ca90c; + font-family: omnes-medium, sans-serif; + font-size: 14px; + } + .d_14_i { + color: #4ca90c; + font-family: omnes-medium-italic, sans-serif; + font-size: 14px; + } + .d_13_r { + color: #4ca90c; + font-family: omnes-regular, sans-serif; + font-size: 13px; + } + .d_13_m { + color: #4ca90c; + font-family: omnes-medium, sans-serif; + font-size: 13px; + } + .d_13_i { + color: #4ca90c; + font-family: omnes-medium-italic, sans-serif; + font-size: 13px; + } + .d_12_r { + color: #4ca90c; + font-family: omnes-regular, sans-serif; + font-size: 12px; + } + .d_12_m { + color: #4ca90c; + font-family: omnes-medium, sans-serif; + font-size: 12px; + } + .d_12_i { + color: #4ca90c; + font-family: omnes-medium-italic, sans-serif; + font-size: 12px; + } + .e_36 { + color: #007a3e; + font-family: omnes-light, sans-serif; + font-size: 36px; + } + .e_24 { + color: #007a3e; + font-family: omnes-light, sans-serif; + font-size: 24px; + } + .e_18_r { + color: #007a3e; + font-family: omnes-regular, sans-serif; + font-size: 18px; + } + .e_18_m { + color: #007a3e; + font-family: omnes-medium, sans-serif; + font-size: 18px; + } + .e_16_r { + color: #007a3e; + font-family: omnes-regular, sans-serif; + font-size: 16px; + } + .e_16_m { + color: #007a3e; + font-family: omnes-medium, sans-serif; + font-size: 16px; + } + .e_14_r { + color: #007a3e; + font-family: omnes-regular, sans-serif; + font-size: 14px; + } + .e_14_m { + color: #007a3e; + font-family: omnes-medium, sans-serif; + font-size: 14px; + } + .e_14_i { + color: #007a3e; + font-family: omnes-medium-italic, sans-serif; + font-size: 14px; + } + .e_13_r { + color: #007a3e; + font-family: omnes-regular, sans-serif; + font-size: 13px; + } + .e_13_m { + color: #007a3e; + font-family: omnes-medium, sans-serif; + font-size: 13px; + } + .e_13_i { + color: #007a3e; + font-family: omnes-medium-italic, sans-serif; + font-size: 13px; + } + .e_12_r { + color: #007a3e; + font-family: omnes-regular, sans-serif; + font-size: 12px; + } + .e_12_m { + color: #007a3e; + font-family: omnes-medium, sans-serif; + font-size: 12px; + } + .e_12_i { + color: #007a3e; + font-family: omnes-medium-italic, sans-serif; + font-size: 12px; + } + .f_36 { + color: #b5bd00; + font-family: omnes-light, sans-serif; + font-size: 36px; + } + .f_24 { + color: #b5bd00; + font-family: omnes-light, sans-serif; + font-size: 24px; + } + .f_18_r { + color: #b5bd00; + font-family: omnes-regular, sans-serif; + font-size: 18px; + } + .f_18_m { + color: #b5bd00; + font-family: omnes-medium, sans-serif; + font-size: 18px; + } + .f_16_r { + color: #b5bd00; + font-family: omnes-regular, sans-serif; + font-size: 16px; + } + .f_16_m { + color: #b5bd00; + font-family: omnes-medium, sans-serif; + font-size: 16px; + } + .f_14_r { + color: #b5bd00; + font-family: omnes-regular, sans-serif; + font-size: 14px; + } + .f_14_m { + color: #b5bd00; + font-family: omnes-medium, sans-serif; + font-size: 14px; + } + .f_14_i { + color: #b5bd00; + font-family: omnes-medium-italic, sans-serif; + font-size: 14px; + } + .f_13_r { + color: #b5bd00; + font-family: omnes-regular, sans-serif; + font-size: 13px; + } + .f_13_m { + color: #b5bd00; + font-family: omnes-medium, sans-serif; + font-size: 13px; + } + .f_13_i { + color: #b5bd00; + font-family: omnes-medium-italic, sans-serif; + font-size: 13px; + } + .f_12_r { + color: #b5bd00; + font-family: omnes-regular, sans-serif; + font-size: 12px; + } + .f_12_m { + color: #b5bd00; + font-family: omnes-medium, sans-serif; + font-size: 12px; + } + .f_12_i { + color: #b5bd00; + font-family: omnes-medium-italic, sans-serif; + font-size: 12px; + } + .g_36 { + color: #ea7499; + font-family: omnes-light, sans-serif; + font-size: 36px; + } + .g_24 { + color: #ea7499; + font-family: omnes-light, sans-serif; + font-size: 24px; + } + .g_18_r { + color: #ea7499; + font-family: omnes-regular, sans-serif; + font-size: 18px; + } + .g_18_m { + color: #ea7499; + font-family: omnes-medium, sans-serif; + font-size: 18px; + } + .g_16_r { + color: #ea7499; + font-family: omnes-regular, sans-serif; + font-size: 16px; + } + .g_16_m { + color: #ea7499; + font-family: omnes-medium, sans-serif; + font-size: 16px; + } + .g_14_r { + color: #ea7499; + font-family: omnes-regular, sans-serif; + font-size: 14px; + } + .g_14_m { + color: #ea7499; + font-family: omnes-medium, sans-serif; + font-size: 14px; + } + .g_14_i { + color: #ea7499; + font-family: omnes-medium-italic, sans-serif; + font-size: 14px; + } + .g_13_r { + color: #ea7499; + font-family: omnes-regular, sans-serif; + font-size: 13px; + } + .g_13_m { + color: #ea7499; + font-family: omnes-medium, sans-serif; + font-size: 13px; + } + .g_13_i { + color: #ea7499; + font-family: omnes-medium-italic, sans-serif; + font-size: 13px; + } + .g_12_r { + color: #ea7499; + font-family: omnes-regular, sans-serif; + font-size: 12px; + } + .g_12_m { + color: #ea7499; + font-family: omnes-medium, sans-serif; + font-size: 12px; + } + .g_12_i { + color: #ea7499; + font-family: omnes-medium-italic, sans-serif; + font-size: 12px; + } + .h_36 { + color: #ffb81c; + font-family: omnes-light, sans-serif; + font-size: 36px; + } + .h_24 { + color: #ffb81c; + font-family: omnes-light, sans-serif; + font-size: 24px; + } + .h_18_r { + color: #ffb81c; + font-family: omnes-regular, sans-serif; + font-size: 18px; + } + .h_18_m { + color: #ffb81c; + font-family: omnes-medium, sans-serif; + font-size: 18px; + } + .h_16_r { + color: #ffb81c; + font-family: omnes-regular, sans-serif; + font-size: 16px; + } + .h_16_m { + color: #ffb81c; + font-family: omnes-medium, sans-serif; + font-size: 16px; + } + .h_14_r { + color: #ffb81c; + font-family: omnes-regular, sans-serif; + font-size: 14px; + } + .h_14_m { + color: #ffb81c; + font-family: omnes-medium, sans-serif; + font-size: 14px; + } + .h_14_i { + color: #ffb81c; + font-family: omnes-medium-italic, sans-serif; + font-size: 14px; + } + .h_13_r { + color: #ffb81c; + font-family: omnes-regular, sans-serif; + font-size: 13px; + } + .h_13_m { + color: #ffb81c; + font-family: omnes-medium, sans-serif; + font-size: 13px; + } + .h_13_i { + color: #ffb81c; + font-family: omnes-medium-italic, sans-serif; + font-size: 13px; + } + .h_12_r { + color: #ffb81c; + font-family: omnes-regular, sans-serif; + font-size: 12px; + } + .h_12_m { + color: #ffb81c; + font-family: omnes-medium, sans-serif; + font-size: 12px; + } + .h_12_i { + color: #ffb81c; + font-family: omnes-medium-italic, sans-serif; + font-size: 12px; + } + .i_36 { + color: #702f8a; + font-family: omnes-light, sans-serif; + font-size: 36px; + } + .i_24 { + color: #702f8a; + font-family: omnes-light, sans-serif; + font-size: 24px; + } + .i_18_r { + color: #702f8a; + font-family: omnes-regular, sans-serif; + font-size: 18px; + } + .i_18_m { + color: #702f8a; + font-family: omnes-medium, sans-serif; + font-size: 18px; + } + .i_16_r { + color: #702f8a; + font-family: omnes-regular, sans-serif; + font-size: 16px; + } + .i_16_m { + color: #702f8a; + font-family: omnes-medium, sans-serif; + font-size: 16px; + } + .i_14_r { + color: #702f8a; + font-family: omnes-regular, sans-serif; + font-size: 14px; + } + .i_14_m { + color: #702f8a; + font-family: omnes-medium, sans-serif; + font-size: 14px; + } + .i_14_i { + color: #702f8a; + font-family: omnes-medium-italic, sans-serif; + font-size: 14px; + } + .i_13_r { + color: #702f8a; + font-family: omnes-regular, sans-serif; + font-size: 13px; + } + .i_13_m { + color: #702f8a; + font-family: omnes-medium, sans-serif; + font-size: 13px; + } + .i_13_i { + color: #702f8a; + font-family: omnes-medium-italic, sans-serif; + font-size: 13px; + } + .i_12_r { + color: #702f8a; + font-family: omnes-regular, sans-serif; + font-size: 12px; + } + .i_12_m { + color: #702f8a; + font-family: omnes-medium, sans-serif; + font-size: 12px; + } + .i_12_i { + color: #702f8a; + font-family: omnes-medium-italic, sans-serif; + font-size: 12px; + } + .j_36 { + color: #9063cd; + font-family: omnes-light, sans-serif; + font-size: 36px; + } + .j_24 { + color: #9063cd; + font-family: omnes-light, sans-serif; + font-size: 24px; + } + .j_18_r { + color: #9063cd; + font-family: omnes-regular, sans-serif; + font-size: 18px; + } + .j_18_m { + color: #9063cd; + font-family: omnes-medium, sans-serif; + font-size: 18px; + } + .j_16_r { + color: #9063cd; + font-family: omnes-regular, sans-serif; + font-size: 16px; + } + .j_16_m { + color: #9063cd; + font-family: omnes-medium, sans-serif; + font-size: 16px; + } + .j_14_r { + color: #9063cd; + font-family: omnes-regular, sans-serif; + font-size: 14px; + } + .j_14_m { + color: #9063cd; + font-family: omnes-medium, sans-serif; + font-size: 14px; + } + .j_14_i { + color: #9063cd; + font-family: omnes-medium-italic, sans-serif; + font-size: 14px; + } + .j_13_r { + color: #9063cd; + font-family: omnes-regular, sans-serif; + font-size: 13px; + } + .j_13_m { + color: #9063cd; + font-family: omnes-medium, sans-serif; + font-size: 13px; + } + .j_13_i { + color: #9063cd; + font-family: omnes-medium-italic, sans-serif; + font-size: 13px; + } + .j_12_r { + color: #9063cd; + font-family: omnes-regular, sans-serif; + font-size: 12px; + } + .j_12_m { + color: #9063cd; + font-family: omnes-medium, sans-serif; + font-size: 12px; + } + .j_12_i { + color: #9063cd; + font-family: omnes-medium-italic, sans-serif; + font-size: 12px; + } + .k_36 { + color: #caa2dd; + font-family: omnes-light, sans-serif; + font-size: 36px; + } + .k_24 { + color: #caa2dd; + font-family: omnes-light, sans-serif; + font-size: 24px; + } + .k_18_r { + color: #caa2dd; + font-family: omnes-regular, sans-serif; + font-size: 18px; + } + .k_18_m { + color: #caa2dd; + font-family: omnes-medium, sans-serif; + font-size: 18px; + } + .k_16_r { + color: #caa2dd; + font-family: omnes-regular, sans-serif; + font-size: 16px; + } + .k_16_m { + color: #caa2dd; + font-family: omnes-medium, sans-serif; + font-size: 16px; + } + .k_14_r { + color: #caa2dd; + font-family: omnes-regular, sans-serif; + font-size: 14px; + } + .k_14_m { + color: #caa2dd; + font-family: omnes-medium, sans-serif; + font-size: 14px; + } + .k_14_i { + color: #caa2dd; + font-family: omnes-medium-italic, sans-serif; + font-size: 14px; + } + .k_13_r { + color: #caa2dd; + font-family: omnes-regular, sans-serif; + font-size: 13px; + } + .k_13_m { + color: #caa2dd; + font-family: omnes-medium, sans-serif; + font-size: 13px; + } + .k_13_i { + color: #caa2dd; + font-family: omnes-medium-italic, sans-serif; + font-size: 13px; + } + .k_12_r { + color: #caa2dd; + font-family: omnes-regular, sans-serif; + font-size: 12px; + } + .k_12_m { + color: #caa2dd; + font-family: omnes-medium, sans-serif; + font-size: 12px; + } + .k_12_i { + color: #caa2dd; + font-family: omnes-medium-italic, sans-serif; + font-size: 12px; + } + .l_36 { + color: #000000; + font-family: omnes-light, sans-serif; + font-size: 36px; + } + .l_24 { + color: #000000; + font-family: omnes-light, sans-serif; + font-size: 24px; + } + .l_18_r { + color: #000000; + font-family: omnes-regular, sans-serif; + font-size: 18px; + } + .l_18_m { + color: #000000; + font-family: omnes-medium, sans-serif; + font-size: 18px; + } + .l_16_r { + color: #000000; + font-family: omnes-regular, sans-serif; + font-size: 16px; + } + .l_16_m { + color: #000000; + font-family: omnes-medium, sans-serif; + font-size: 16px; + } + .l_14_r { + color: #000000; + font-family: omnes-regular, sans-serif; + font-size: 14px; + } + .l_14_m { + color: #000000; + font-family: omnes-medium, sans-serif; + font-size: 14px; + } + .l_14_i { + color: #000000; + font-family: omnes-medium-italic, sans-serif; + font-size: 14px; + } + .l_13_r { + color: #000000; + font-family: omnes-regular, sans-serif; + font-size: 13px; + } + .l_13_m { + color: #000000; + font-family: omnes-medium, sans-serif; + font-size: 13px; + } + .l_13_i { + color: #000000; + font-family: omnes-medium-italic, sans-serif; + font-size: 13px; + } + .l_12_r { + color: #000000; + font-family: omnes-regular, sans-serif; + font-size: 12px; + } + .l_12_m { + color: #000000; + font-family: omnes-medium, sans-serif; + font-size: 12px; + } + .l_12_i { + color: #000000; + font-family: omnes-medium-italic, sans-serif; + font-size: 12px; + } + .m_36 { + color: #5a5a5a; + font-family: omnes-light, sans-serif; + font-size: 36px; + } + .m_24 { + color: #5a5a5a; + font-family: omnes-light, sans-serif; + font-size: 24px; + } + .m_18_r { + color: #5a5a5a; + font-family: omnes-regular, sans-serif; + font-size: 18px; + } + .m_18_m { + color: #5a5a5a; + font-family: omnes-medium, sans-serif; + font-size: 18px; + } + .m_16_r { + color: #5a5a5a; + font-family: omnes-regular, sans-serif; + font-size: 16px; + } + .m_16_m { + color: #5a5a5a; + font-family: omnes-medium, sans-serif; + font-size: 16px; + } + .m_14_r { + color: #5a5a5a; + font-family: omnes-regular, sans-serif; + font-size: 14px; + } + .m_14_m { + color: #5a5a5a; + font-family: omnes-medium, sans-serif; + font-size: 14px; + } + .m_14_i { + color: #5a5a5a; + font-family: omnes-medium-italic, sans-serif; + font-size: 14px; + } + .m_13_r { + color: #5a5a5a; + font-family: omnes-regular, sans-serif; + font-size: 13px; + } + .m_13_m { + color: #5a5a5a; + font-family: omnes-medium, sans-serif; + font-size: 13px; + } + .m_13_i { + color: #5a5a5a; + font-family: omnes-medium-italic, sans-serif; + font-size: 13px; + } + .m_12_r { + color: #5a5a5a; + font-family: omnes-regular, sans-serif; + font-size: 12px; + } + .m_12_m { + color: #5a5a5a; + font-family: omnes-medium, sans-serif; + font-size: 12px; + } + .m_12_i { + color: #5a5a5a; + font-family: omnes-medium-italic, sans-serif; + font-size: 12px; + } + .n_36 { + color: #959595; + font-family: omnes-light, sans-serif; + font-size: 36px; + } + .n_24 { + color: #959595; + font-family: omnes-light, sans-serif; + font-size: 24px; + } + .n_18_r { + color: #959595; + font-family: omnes-regular, sans-serif; + font-size: 18px; + } + .n_18_m { + color: #959595; + font-family: omnes-medium, sans-serif; + font-size: 18px; + } + .n_16_r { + color: #959595; + font-family: omnes-regular, sans-serif; + font-size: 16px; + } + .n_16_m { + color: #959595; + font-family: omnes-medium, sans-serif; + font-size: 16px; + } + .n_14_r { + color: #959595; + font-family: omnes-regular, sans-serif; + font-size: 14px; + } + .n_14_m { + color: #959595; + font-family: omnes-medium, sans-serif; + font-size: 14px; + } + .n_14_i { + color: #959595; + font-family: omnes-medium-italic, sans-serif; + font-size: 14px; + } + .n_13_r { + color: #959595; + font-family: omnes-regular, sans-serif; + font-size: 13px; + } + .n_13_m { + color: #959595; + font-family: omnes-medium, sans-serif; + font-size: 13px; + } + .n_13_i { + color: #959595; + font-family: omnes-medium-italic, sans-serif; + font-size: 13px; + } + .n_12_r { + color: #959595; + font-family: omnes-regular, sans-serif; + font-size: 12px; + } + .n_12_m { + color: #959595; + font-family: omnes-medium, sans-serif; + font-size: 12px; + } + .n_12_i { + color: #959595; + font-family: omnes-medium-italic, sans-serif; + font-size: 12px; + } + .o_36 { + color: #d2d2d2; + font-family: omnes-light, sans-serif; + font-size: 36px; + } + .o_24 { + color: #d2d2d2; + font-family: omnes-light, sans-serif; + font-size: 24px; + } + .o_18_r { + color: #d2d2d2; + font-family: omnes-regular, sans-serif; + font-size: 18px; + } + .o_18_m { + color: #d2d2d2; + font-family: omnes-medium, sans-serif; + font-size: 18px; + } + .o_16_r { + color: #d2d2d2; + font-family: omnes-regular, sans-serif; + font-size: 16px; + } + .o_16_m { + color: #d2d2d2; + font-family: omnes-medium, sans-serif; + font-size: 16px; + } + .o_14_r { + color: #d2d2d2; + font-family: omnes-regular, sans-serif; + font-size: 14px; + } + .o_14_m { + color: #d2d2d2; + font-family: omnes-medium, sans-serif; + font-size: 14px; + } + .o_14_i { + color: #d2d2d2; + font-family: omnes-medium-italic, sans-serif; + font-size: 14px; + } + .o_13_r { + color: #d2d2d2; + font-family: omnes-regular, sans-serif; + font-size: 13px; + } + .o_13_m { + color: #d2d2d2; + font-family: omnes-medium, sans-serif; + font-size: 13px; + } + .o_13_i { + color: #d2d2d2; + font-family: omnes-medium-italic, sans-serif; + font-size: 13px; + } + .o_12_r { + color: #d2d2d2; + font-family: omnes-regular, sans-serif; + font-size: 12px; + } + .o_12_m { + color: #d2d2d2; + font-family: omnes-medium, sans-serif; + font-size: 12px; + } + .o_12_i { + color: #d2d2d2; + font-family: omnes-medium-italic, sans-serif; + font-size: 12px; + } + .p_36 { + color: #ffffff; + font-family: omnes-light, sans-serif; + font-size: 36px; + } + .p_24 { + color: #ffffff; + font-family: omnes-light, sans-serif; + font-size: 24px; + } + .p_18_r { + color: #ffffff; + font-family: omnes-regular, sans-serif; + font-size: 18px; + } + .p_18_m { + color: #ffffff; + font-family: omnes-medium, sans-serif; + font-size: 18px; + } + .p_16_r { + color: #ffffff; + font-family: omnes-regular, sans-serif; + font-size: 16px; + } + .p_16_m { + color: #ffffff; + font-family: omnes-medium, sans-serif; + font-size: 16px; + } + .p_14_r { + color: #ffffff; + font-family: omnes-regular, sans-serif; + font-size: 14px; + } + .p_14_m { + color: #ffffff; + font-family: omnes-medium, sans-serif; + font-size: 14px; + } + .p_14_i { + color: #ffffff; + font-family: omnes-medium-italic, sans-serif; + font-size: 14px; + } + .p_13_r { + color: #ffffff; + font-family: omnes-regular, sans-serif; + font-size: 13px; + } + .p_13_m { + color: #ffffff; + font-family: omnes-medium, sans-serif; + font-size: 13px; + } + .p_13_i { + color: #ffffff; + font-family: omnes-medium-italic, sans-serif; + font-size: 13px; + } + .p_12_r { + color: #ffffff; + font-family: omnes-regular, sans-serif; + font-size: 12px; + } + .p_12_m { + color: #ffffff; + font-family: omnes-medium, sans-serif; + font-size: 12px; + } + .p_12_i { + color: #ffffff; + font-family: omnes-medium-italic, sans-serif; + font-size: 12px; + } + .q_36 { + color: #cf2a2a; + font-family: omnes-light, sans-serif; + font-size: 36px; + } + .q_24 { + color: #cf2a2a; + font-family: omnes-light, sans-serif; + font-size: 24px; + } + .q_18_r { + color: #cf2a2a; + font-family: omnes-regular, sans-serif; + font-size: 18px; + } + .q_18_m { + color: #cf2a2a; + font-family: omnes-medium, sans-serif; + font-size: 18px; + } + .q_16_r { + color: #cf2a2a; + font-family: omnes-regular, sans-serif; + font-size: 16px; + } + .q_16_m { + color: #cf2a2a; + font-family: omnes-medium, sans-serif; + font-size: 16px; + } + .q_14_r { + color: #cf2a2a; + font-family: omnes-regular, sans-serif; + font-size: 14px; + } + .q_14_m { + color: #cf2a2a; + font-family: omnes-medium, sans-serif; + font-size: 14px; + } + .q_14_i { + color: #cf2a2a; + font-family: omnes-medium-italic, sans-serif; + font-size: 14px; + } + .q_13_r { + color: #cf2a2a; + font-family: omnes-regular, sans-serif; + font-size: 13px; + } + .q_13_m { + color: #cf2a2a; + font-family: omnes-medium, sans-serif; + font-size: 13px; + } + .q_13_i { + color: #cf2a2a; + font-family: omnes-medium-italic, sans-serif; + font-size: 13px; + } + .q_12_r { + color: #cf2a2a; + font-family: omnes-regular, sans-serif; + font-size: 12px; + } + .q_12_m { + color: #cf2a2a; + font-family: omnes-medium, sans-serif; + font-size: 12px; + } + .q_12_i { + color: #cf2a2a; + font-family: omnes-medium-italic, sans-serif; + font-size: 12px; + } + .r_36 { + color: #f2f2f2; + font-family: omnes-light, sans-serif; + font-size: 36px; + } + .r_24 { + color: #f2f2f2; + font-family: omnes-light, sans-serif; + font-size: 24px; + } + .r_18_r { + color: #f2f2f2; + font-family: omnes-regular, sans-serif; + font-size: 18px; + } + .r_18_m { + color: #f2f2f2; + font-family: omnes-medium, sans-serif; + font-size: 18px; + } + .r_16_r { + color: #f2f2f2; + font-family: omnes-regular, sans-serif; + font-size: 16px; + } + .r_16_m { + color: #f2f2f2; + font-family: omnes-medium, sans-serif; + font-size: 16px; + } + .r_14_r { + color: #f2f2f2; + font-family: omnes-regular, sans-serif; + font-size: 14px; + } + .r_14_m { + color: #f2f2f2; + font-family: omnes-medium, sans-serif; + font-size: 14px; + } + .r_14_i { + color: #f2f2f2; + font-family: omnes-medium-italic, sans-serif; + font-size: 14px; + } + .r_13_r { + color: #f2f2f2; + font-family: omnes-regular, sans-serif; + font-size: 13px; + } + .r_13_m { + color: #f2f2f2; + font-family: omnes-medium, sans-serif; + font-size: 13px; + } + .r_13_i { + color: #f2f2f2; + font-family: omnes-medium-italic, sans-serif; + font-size: 13px; + } + .r_12_r { + color: #f2f2f2; + font-family: omnes-regular, sans-serif; + font-size: 12px; + } + .r_12_m { + color: #f2f2f2; + font-family: omnes-medium, sans-serif; + font-size: 12px; + } + .r_12_i { + color: #f2f2f2; + font-family: omnes-medium-italic, sans-serif; + font-size: 12px; + } + .s_36 { + color: #191919; + font-family: omnes-light, sans-serif; + font-size: 36px; + } + .s_24 { + color: #191919; + font-family: omnes-light, sans-serif; + font-size: 24px; + } + .s_18_r { + color: #191919; + font-family: omnes-regular, sans-serif; + font-size: 18px; + } + .s_18_m { + color: #191919; + font-family: omnes-medium, sans-serif; + font-size: 18px; + } + .s_16_r { + color: #191919; + font-family: omnes-regular, sans-serif; + font-size: 16px; + } + .s_16_m { + color: #191919; + font-family: omnes-medium, sans-serif; + font-size: 16px; + } + .s_14_r { + color: #191919; + font-family: omnes-regular, sans-serif; + font-size: 14px; + } + .s_14_m { + color: #191919; + font-family: omnes-medium, sans-serif; + font-size: 14px; + } + .s_14_i { + color: #191919; + font-family: omnes-medium-italic, sans-serif; + font-size: 14px; + } + .s_13_r { + color: #191919; + font-family: omnes-regular, sans-serif; + font-size: 13px; + } + .s_13_m { + color: #191919; + font-family: omnes-medium, sans-serif; + font-size: 13px; + } + .s_13_i { + color: #191919; + font-family: omnes-medium-italic, sans-serif; + font-size: 13px; + } + .s_12_r { + color: #191919; + font-family: omnes-regular, sans-serif; + font-size: 12px; + } + .s_12_m { + color: #191919; + font-family: omnes-medium, sans-serif; + font-size: 12px; + } + .s_12_i { + color: #191919; + font-family: omnes-medium-italic, sans-serif; + font-size: 12px; + } + .t_36 { + color: #f8f8f8; + font-family: omnes-light, sans-serif; + font-size: 36px; + } + .t_24 { + color: #f8f8f8; + font-family: omnes-light, sans-serif; + font-size: 24px; + } + .t_18_r { + color: #f8f8f8; + font-family: omnes-regular, sans-serif; + font-size: 18px; + } + .t_18_m { + color: #f8f8f8; + font-family: omnes-medium, sans-serif; + font-size: 18px; + } + .t_16_r { + color: #f8f8f8; + font-family: omnes-regular, sans-serif; + font-size: 16px; + } + .t_16_m { + color: #f8f8f8; + font-family: omnes-medium, sans-serif; + font-size: 16px; + } + .t_14_r { + color: #f8f8f8; + font-family: omnes-regular, sans-serif; + font-size: 14px; + } + .t_14_m { + color: #f8f8f8; + font-family: omnes-medium, sans-serif; + font-size: 14px; + } + .t_14_i { + color: #f8f8f8; + font-family: omnes-medium-italic, sans-serif; + font-size: 14px; + } + .t_13_r { + color: #f8f8f8; + font-family: omnes-regular, sans-serif; + font-size: 13px; + } + .t_13_m { + color: #f8f8f8; + font-family: omnes-medium, sans-serif; + font-size: 13px; + } + .t_13_i { + color: #f8f8f8; + font-family: omnes-medium-italic, sans-serif; + font-size: 13px; + } + .t_12_r { + color: #f8f8f8; + font-family: omnes-regular, sans-serif; + font-size: 12px; + } + .t_12_m { + color: #f8f8f8; + font-family: omnes-medium, sans-serif; + font-size: 12px; + } + .t_12_i { + color: #f8f8f8; + font-family: omnes-medium-italic, sans-serif; + font-size: 12px; + } + .u_36 { + color: #eaeaea; + font-family: omnes-light, sans-serif; + font-size: 36px; + } + .u_24 { + color: #eaeaea; + font-family: omnes-light, sans-serif; + font-size: 24px; + } + .u_18_r { + color: #eaeaea; + font-family: omnes-regular, sans-serif; + font-size: 18px; + } + .u_18_m { + color: #eaeaea; + font-family: omnes-medium, sans-serif; + font-size: 18px; + } + .u_16_r { + color: #eaeaea; + font-family: omnes-regular, sans-serif; + font-size: 16px; + } + .u_16_m { + color: #eaeaea; + font-family: omnes-medium, sans-serif; + font-size: 16px; + } + .u_14_r { + color: #eaeaea; + font-family: omnes-regular, sans-serif; + font-size: 14px; + } + .u_14_m { + color: #eaeaea; + font-family: omnes-medium, sans-serif; + font-size: 14px; + } + .u_14_i { + color: #eaeaea; + font-family: omnes-medium-italic, sans-serif; + font-size: 14px; + } + .u_13_r { + color: #eaeaea; + font-family: omnes-regular, sans-serif; + font-size: 13px; + } + .u_13_m { + color: #eaeaea; + font-family: omnes-medium, sans-serif; + font-size: 13px; + } + .u_13_i { + color: #eaeaea; + font-family: omnes-medium-italic, sans-serif; + font-size: 13px; + } + .u_12_r { + color: #eaeaea; + font-family: omnes-regular, sans-serif; + font-size: 12px; + } + .u_12_m { + color: #eaeaea; + font-family: omnes-medium, sans-serif; + font-size: 12px; + } + .u_12_i { + color: #eaeaea; + font-family: omnes-medium-italic, sans-serif; + font-size: 12px; + } + .v_36 { + color: #e6f6fb; + font-family: omnes-light, sans-serif; + font-size: 36px; + } + .v_24 { + color: #e6f6fb; + font-family: omnes-light, sans-serif; + font-size: 24px; + } + .v_18_r { + color: #e6f6fb; + font-family: omnes-regular, sans-serif; + font-size: 18px; + } + .v_18_m { + color: #e6f6fb; + font-family: omnes-medium, sans-serif; + font-size: 18px; + } + .v_16_r { + color: #e6f6fb; + font-family: omnes-regular, sans-serif; + font-size: 16px; + } + .v_16_m { + color: #e6f6fb; + font-family: omnes-medium, sans-serif; + font-size: 16px; + } + .v_14_r { + color: #e6f6fb; + font-family: omnes-regular, sans-serif; + font-size: 14px; + } + .v_14_m { + color: #e6f6fb; + font-family: omnes-medium, sans-serif; + font-size: 14px; + } + .v_14_i { + color: #e6f6fb; + font-family: omnes-medium-italic, sans-serif; + font-size: 14px; + } + .v_13_r { + color: #e6f6fb; + font-family: omnes-regular, sans-serif; + font-size: 13px; + } + .v_13_m { + color: #e6f6fb; + font-family: omnes-medium, sans-serif; + font-size: 13px; + } + .v_13_i { + color: #e6f6fb; + font-family: omnes-medium-italic, sans-serif; + font-size: 13px; + } + .v_12_r { + color: #e6f6fb; + font-family: omnes-regular, sans-serif; + font-size: 12px; + } + .v_12_m { + color: #e6f6fb; + font-family: omnes-medium, sans-serif; + font-size: 12px; + } + .v_12_i { + color: #e6f6fb; + font-family: omnes-medium-italic, sans-serif; + font-size: 12px; + } + .disabled { + opacity: 0.4 !important; + cursor: auto; + background-color: transparent; + pointer-events: none; + } + /* I'm not using hidden name, can not override bower_components/bootstrap/dist/css/less/responsive-utilities.less */ + .hideme { + visibility: hidden; + } + .view-mode { + opacity: 1; + border: solid 1px #d2d2d2; + background-color: #f8f8f8; + cursor: auto; + } + .view-mode + .view-mode:not(.icons-text), + .view-mode.no-border-top { + border-top: none; + } + .no-pointer-events { + pointer-events: none; + } + .unselectable { + -moz-user-select: -moz-none; + -webkit-user-select: none; + -ms-user-select: none; + user-select: none; + } + .selectable { + -moz-user-select: text; + -webkit-user-select: text; + -ms-user-select: text; + user-select: text; + } + .font-color .a { + color: #3b7b9b; + } + .font-color .b { + color: #666666; + } + .font-color .c { + color: #ffffff; + } + .font-color .d { + color: #1d9a95; + } + .font-color .e { + color: #cdcdcd; + } + .font-color .f { + color: #506472; + } + .font-color .g { + color: #263d4d; + } + .font-color .h { + color: #da1f3d; + } + .font-color .i { + color: #445663; + } + .font-color .j { + color: #D3DBE0; + } + .font-color .k { + color: #e1e7ec; + } + .font-color .l { + color: #1e9a33; + } + .font-color .m { + color: #a8b3b9; + } + .font-color .n { + color: #ECEFF3; + } + .font-color .o { + color: #798996; + } + .font-color .p { + color: #8c8c8c; + } + .font-color .q { + color: #b5b5b5; + } + .font-color .r { + color: #e85858; + } + .font-color .s { + color: #000000; + } + .font-color .t { + color: #3196c9; + } + .font-color .u { + color: #3196c9; + } + .font-color .v { + color: #3196c9; + } + .font-color .w { + color: #3196c9; + } + .font-color .x { + color: #3196c9; + } + .font-color .y { + color: #3196c9; + } + .font-color .z { + color: #28bd6e; + } + .font-color .zz { + color: #93deb6; + } + .font-color .hover .a { + color: #2d5e76; + } + .font-color .hover .b { + color: #4d4d4d; + } + .font-color .hover .c { + color: #e6e6e6; + } + .font-color .hover .d { + color: #156f6b; + } + .font-color .hover .e { + color: #b4b4b4; + } + .font-color .hover .f { + color: #3b4a54; + } + .font-color .hover .g { + color: #15222b; + } + .font-color .hover .h { + color: #ad1931; + } + .font-color .hover .i { + color: #2f3c45; + } + .font-color .hover .j { + color: #b5c3cb; + } + .font-color .hover .k { + color: #c2ced8; + } + .font-color .hover .l { + color: #166f25; + } + .font-color .hover .m { + color: #8c9aa2; + } + .font-color .hover .n { + color: #cdd5df; + } + .font-color .hover .o { + color: #616f7b; + } + .font-color .hover .p { + color: #737373; + } + .font-color .hover .q { + color: #9c9c9c; + } + .font-color .hover .r { + color: #e22b2b; + } + .font-color .hover .s { + color: #000000; + } + .font-color .hover .t { + color: #2777a0; + } + .font-color .hover .u { + color: #1a804a; + } + .font-color .hover .v { + color: #115b58; + } + .font-color .hover .w { + color: #232d34; + } + .font-color .hover .x { + color: #9c172c; + } + .font-color .hover .y { + color: #53606a; + } + .font-color .hover .z { + color: #1f9356; + } + .font-color .hover .zz { + color: #6cd29c; + } + .font-type ._1 { + font-family: omnes-regular, sans-serif; + font-size: 14px; + } + .font-type ._2 { + font-family: omnes-regular, sans-serif; + font-size: 20px; + } + .font-type ._3 { + font-family: omnes-regular, sans-serif; + font-size: 12px; + } + .font-type ._4 { + font-family: omnes-regular, sans-serif; + font-size: 16px; + } + .font-type ._5 { + font-family: omnes-medium, sans-serif; + font-size: 30px; + } + .font-type ._6 { + font-family: omnes-medium, sans-serif; + font-size: 16px; + } + .font-type ._7 { + font-family: omnes-medium, sans-serif; + font-size: 14px; + } + .font-type ._8 { + font-family: omnes-regular, sans-serif; + font-size: 11px; + } + .font-type ._9 { + font-family: omnes-regular, sans-serif; + font-size: 13px; + } + .font-type ._10 { + font-family: omnes-regular, sans-serif; + font-size: 18px; + } + .font-type ._11 { + font-family: omnes-medium, sans-serif; + font-size: 20px; + } + .font-type ._12 { + font-family: omnes-medium, sans-serif; + font-size: 17px; + } + .font-type ._13 { + font-family: omnes-medium, sans-serif; + font-size: 12px; + } + .font-type ._14 { + font-family: omnes-medium, sans-serif; + font-size: 11px; + } + .font-type ._15 { + font-family: omnes-medium, sans-serif; + font-size: 24px; + } + .font-type ._16 { + font-family: omnes-regular, sans-serif; + font-size: 10px; + } + .font-type ._17 { + font-family: omnes-medium, sans-serif; + font-size: 15px; + } + .font-type ._18 { + font-family: omnes-regular, sans-serif; + font-size: 15px; + } + .font-type ._19 { + font-family: omnes-medium, sans-serif; + font-size: 18px; + } + .a_1 { + color: #3b7b9b; + font-family: omnes-regular, sans-serif; + font-size: 14px; + } + .a_2 { + color: #3b7b9b; + font-family: omnes-regular, sans-serif; + font-size: 20px; + } + .a_3 { + color: #3b7b9b; + font-family: omnes-regular, sans-serif; + font-size: 12px; + } + .a_4 { + color: #3b7b9b; + font-family: omnes-regular, sans-serif; + font-size: 16px; + } + .a_5 { + color: #3b7b9b; + font-family: omnes-medium, sans-serif; + font-size: 30px; + } + .a_6 { + color: #3b7b9b; + font-family: omnes-medium, sans-serif; + font-size: 16px; + } + .a_7 { + color: #3b7b9b; + font-family: omnes-medium, sans-serif; + font-size: 14px; + } + .a_8 { + color: #3b7b9b; + font-family: omnes-regular, sans-serif; + font-size: 11px; + } + .a_9 { + color: #3b7b9b; + font-family: omnes-regular, sans-serif; + font-size: 13px; + } + .a_10 { + color: #3b7b9b; + font-family: omnes-regular, sans-serif; + font-size: 18px; + } + .a_15 { + color: #3b7b9b; + font-family: omnes-medium, sans-serif; + font-size: 24px; + } + .b_1 { + color: #666666; + font-family: omnes-regular, sans-serif; + font-size: 14px; + } + .b_3 { + color: #666666; + font-family: omnes-regular, sans-serif; + font-size: 12px; + } + .b_4 { + color: #666666; + font-family: omnes-regular, sans-serif; + font-size: 16px; + } + .b_5 { + color: #666666; + font-family: omnes-medium, sans-serif; + font-size: 30px; + } + .b_6 { + color: #666666; + font-family: omnes-medium, sans-serif; + font-size: 16px; + } + .b_7 { + color: #666666; + font-family: omnes-medium, sans-serif; + font-size: 14px; + } + .b_9 { + color: #666666; + font-family: omnes-regular, sans-serif; + font-size: 13px; + } + .b_10 { + color: #666666; + font-family: omnes-regular, sans-serif; + font-size: 18px; + } + .b_11 { + color: #666666; + font-family: omnes-medium, sans-serif; + font-size: 20px; + } + .b_13 { + color: #666666; + font-family: omnes-medium, sans-serif; + font-size: 12px; + } + .b_15 { + color: #666666; + font-family: omnes-medium, sans-serif; + font-size: 24px; + } + .b_17 { + color: #666666; + font-family: omnes-medium, sans-serif; + font-size: 15px; + } + .b_19 { + color: #666666; + font-family: omnes-medium, sans-serif; + font-size: 18px; + } + .c_1 { + color: #ffffff; + font-family: omnes-regular, sans-serif; + font-size: 14px; + } + .c_2 { + color: #ffffff; + font-family: omnes-regular, sans-serif; + font-size: 20px; + } + .c_3 { + color: #ffffff; + font-family: omnes-regular, sans-serif; + font-size: 12px; + } + .c_4 { + color: #ffffff; + font-family: omnes-regular, sans-serif; + font-size: 16px; + } + .c_5 { + color: #ffffff; + font-family: omnes-medium, sans-serif; + font-size: 30px; + } + .c_6 { + color: #ffffff; + font-family: omnes-medium, sans-serif; + font-size: 16px; + } + .c_7 { + color: #ffffff; + font-family: omnes-medium, sans-serif; + font-size: 14px; + } + .c_8 { + color: #ffffff; + font-family: omnes-regular, sans-serif; + font-size: 11px; + } + .c_9 { + color: #ffffff; + font-family: omnes-regular, sans-serif; + font-size: 13px; + } + .c_10 { + color: #ffffff; + font-family: omnes-regular, sans-serif; + font-size: 18px; + } + .c_11 { + color: #ffffff; + font-family: omnes-medium, sans-serif; + font-size: 20px; + } + .c_15 { + color: #ffffff; + font-family: omnes-medium, sans-serif; + font-size: 24px; + } + .c_16 { + color: #ffffff; + font-family: omnes-regular, sans-serif; + font-size: 10px; + } + .c_17 { + color: #ffffff; + font-family: omnes-medium, sans-serif; + font-size: 15px; + } + .c_18 { + color: #ffffff; + font-family: omnes-regular, sans-serif; + font-size: 15px; + } + .d_1 { + color: #1d9a95; + font-family: omnes-regular, sans-serif; + font-size: 14px; + } + .d_2 { + color: #1d9a95; + font-family: omnes-regular, sans-serif; + font-size: 20px; + } + .d_3 { + color: #1d9a95; + font-family: omnes-regular, sans-serif; + font-size: 12px; + } + .d_4 { + color: #1d9a95; + font-family: omnes-regular, sans-serif; + font-size: 16px; + } + .d_5 { + color: #1d9a95; + font-family: omnes-medium, sans-serif; + font-size: 30px; + } + .d_6 { + color: #1d9a95; + font-family: omnes-medium, sans-serif; + font-size: 16px; + } + .d_12 { + color: #1d9a95; + font-family: omnes-medium, sans-serif; + font-size: 17px; + } + .e_1 { + color: #cdcdcd; + font-family: omnes-regular, sans-serif; + font-size: 14px; + } + .e_2 { + color: #cdcdcd; + font-family: omnes-regular, sans-serif; + font-size: 20px; + } + .e_3 { + color: #cdcdcd; + font-family: omnes-regular, sans-serif; + font-size: 12px; + } + .e_4 { + color: #cdcdcd; + font-family: omnes-regular, sans-serif; + font-size: 16px; + } + .e_5 { + color: #cdcdcd; + font-family: omnes-medium, sans-serif; + font-size: 30px; + } + .e_6 { + color: #cdcdcd; + font-family: omnes-medium, sans-serif; + font-size: 16px; + } + .e_7 { + color: #cdcdcd; + font-family: omnes-medium, sans-serif; + font-size: 14px; + } + .f_1 { + color: #506472; + font-family: omnes-regular, sans-serif; + font-size: 14px; + } + .f_2 { + color: #506472; + font-family: omnes-regular, sans-serif; + font-size: 20px; + } + .g_1 { + color: #263d4d; + font-family: omnes-regular, sans-serif; + font-size: 14px; + } + .g_2 { + color: #263d4d; + font-family: omnes-regular, sans-serif; + font-size: 20px; + } + .g_3 { + color: #263d4d; + font-family: omnes-regular, sans-serif; + font-size: 12px; + } + .g_4 { + color: #263d4d; + font-family: omnes-regular, sans-serif; + font-size: 16px; + } + .g_5 { + color: #263d4d; + font-family: omnes-medium, sans-serif; + font-size: 30px; + } + .g_6 { + color: #263d4d; + font-family: omnes-medium, sans-serif; + font-size: 16px; + } + .g_7 { + color: #263d4d; + font-family: omnes-medium, sans-serif; + font-size: 14px; + } + .g_8 { + color: #263d4d; + font-family: omnes-regular, sans-serif; + font-size: 11px; + } + .g_9 { + color: #263d4d; + font-family: omnes-regular, sans-serif; + font-size: 13px; + } + .g_10 { + color: #263d4d; + font-family: omnes-regular, sans-serif; + font-size: 18px; + } + .g_13 { + color: #263d4d; + font-family: omnes-medium, sans-serif; + font-size: 12px; + } + .g_14 { + color: #263d4d; + font-family: omnes-medium, sans-serif; + font-size: 11px; + } + .h_1 { + color: #da1f3d; + font-family: omnes-regular, sans-serif; + font-size: 14px; + } + .h_7 { + color: #da1f3d; + font-family: omnes-medium, sans-serif; + font-size: 14px; + } + .h_9 { + color: #da1f3d; + font-family: omnes-regular, sans-serif; + font-size: 13px; + } + .i_1 { + color: #445663; + font-family: omnes-regular, sans-serif; + font-size: 14px; + } + .i_6 { + color: #445663; + font-family: omnes-medium, sans-serif; + font-size: 16px; + } + .i_11 { + color: #445663; + font-family: omnes-medium, sans-serif; + font-size: 20px; + } + .i_17 { + color: #445663; + font-family: omnes-medium, sans-serif; + font-size: 15px; + } + .l_1 { + color: #1e9a33; + font-family: omnes-regular, sans-serif; + font-size: 14px; + } + .l_9 { + color: #1e9a33; + font-family: omnes-regular, sans-serif; + font-size: 13px; + } + .m_4 { + color: #a8b3b9; + font-family: omnes-regular, sans-serif; + font-size: 16px; + } + .m_7 { + color: #a8b3b9; + font-family: omnes-medium, sans-serif; + font-size: 14px; + } + .p_1 { + color: #8c8c8c; + font-family: omnes-regular, sans-serif; + font-size: 14px; + } + .p_3 { + color: #8c8c8c; + font-family: omnes-regular, sans-serif; + font-size: 12px; + } + .p_9 { + color: #8c8c8c; + font-family: omnes-regular, sans-serif; + font-size: 13px; + } + .q_7 { + color: #b5b5b5; + font-family: omnes-medium, sans-serif; + font-size: 14px; + } + .q_9 { + color: #b5b5b5; + font-family: omnes-regular, sans-serif; + font-size: 13px; + } + .q_11 { + color: #b5b5b5; + font-family: omnes-medium, sans-serif; + font-size: 20px; + } + .r_12 { + color: #e85858; + font-family: omnes-medium, sans-serif; + font-size: 17px; + } + .t_1 { + color: #3196c9; + font-family: omnes-regular, sans-serif; + font-size: 14px; + } + .t_7 { + color: #3196c9; + font-family: omnes-medium, sans-serif; + font-size: 14px; + } + .t_15 { + color: #3196c9; + font-family: omnes-medium, sans-serif; + font-size: 24px; + } + /* Added by ikram - */ + .s_12 { + color: #000000; + font-family: omnes-medium, sans-serif; + font-size: 17px; + } + .z_9 { + color: #28bd6e; + font-family: omnes-regular, sans-serif; + font-size: 13px; + } + .backgroundColor .a { + background-color: #3b7b9b; + } + .backgroundColor .b { + background-color: #666666; + } + .backgroundColor .c { + background-color: #ffffff; + } + .backgroundColor .d { + background-color: #1d9a95; + } + .backgroundColor .e { + background-color: #cdcdcd; + } + .backgroundColor .f { + background-color: #506472; + } + .backgroundColor .g { + background-color: #263d4d; + } + .backgroundColor .h { + background-color: #da1f3d; + } + .backgroundColor .i { + background-color: #445663; + } + .backgroundColor .j { + background-color: #D3DBE0; + } + .backgroundColor .k { + background-color: #e1e7ec; + } + .backgroundColor .l { + background-color: #1e9a33; + } + .backgroundColor .m { + background-color: #a8b3b9; + } + .backgroundColor .n { + background-color: #ECEFF3; + } + .backgroundColor .o { + background-color: #798996; + } + .backgroundColor .p { + background-color: #8c8c8c; + } + .backgroundColor .q { + background-color: #b5b5b5; + } + .backgroundColor .r { + background-color: #e85858; + } + .backgroundColor .s { + background-color: #000000; + } + .backgroundColor .t { + background-color: #3196c9; + } + .backgroundColor .u { + background-color: #23aa63; + } + .backgroundColor .v { + background-color: #198682; + } + .backgroundColor .w { + background-color: #384752; + } + .backgroundColor .x { + background-color: #c91d39; + } + .backgroundColor .y { + background-color: #697a87; + } + .backgroundColor .z { + background-color: #28bd6e; + } + .backgroundColor .zz { + background-color: #93deb6; + } + .backgroundColor .hover .a { + background-color: #2d5e76; + } + .backgroundColor .hover .b { + background-color: #4d4d4d; + } + .backgroundColor .hover .c { + background-color: #e6e6e6; + } + .backgroundColor .hover .d { + background-color: #156f6b; + } + .backgroundColor .hover .e { + background-color: #b4b4b4; + } + .backgroundColor .hover .f { + background-color: #3b4a54; + } + .backgroundColor .hover .g { + background-color: #15222b; + } + .backgroundColor .hover .h { + background-color: #ad1931; + } + .backgroundColor .hover .i { + background-color: #2f3c45; + } + .backgroundColor .hover .j { + background-color: #b5c3cb; + } + .backgroundColor .hover .k { + background-color: #c2ced8; + } + .backgroundColor .hover .l { + background-color: #166f25; + } + .backgroundColor .hover .m { + background-color: #8c9aa2; + } + .backgroundColor .hover .n { + background-color: #cdd5df; + } + .backgroundColor .hover .o { + background-color: #616f7b; + } + .backgroundColor .hover .p { + background-color: #737373; + } + .backgroundColor .hover .q { + background-color: #9c9c9c; + } + .backgroundColor .hover .r { + background-color: #e22b2b; + } + .backgroundColor .hover .s { + background-color: #000000; + } + .backgroundColor .hover .t { + background-color: #2777a0; + } + .backgroundColor .hover .u { + background-color: #1a804a; + } + .backgroundColor .hover .v { + background-color: #115b58; + } + .backgroundColor .hover .w { + background-color: #232d34; + } + .backgroundColor .hover .x { + background-color: #9c172c; + } + .backgroundColor .hover .y { + background-color: #53606a; + } + .backgroundColor .hover .z { + background-color: #1f9356; + } + .backgroundColor .hover .zz { + background-color: #6cd29c; + } + .bg_a { + background-color: #3b7b9b; + } + .bg_b { + background-color: #666666; + } + .bg_c { + background-color: #ffffff; + } + .bg_d { + background-color: #1d9a95; + } + .bg_e { + background-color: #cdcdcd; + } + .bg_f { + background-color: #506472; + } + .bg_g { + background-color: #263d4d; + } + .bg_h { + background-color: #da1f3d; + } + .bg_i { + background-color: #445663; + } + .bg_j { + background-color: #D3DBE0; + } + .bg_k { + background-color: #e1e7ec; + } + .bg_l { + background-color: #1e9a33; + } + .bg_m { + background-color: #a8b3b9; + } + .bg_n { + background-color: #ECEFF3; + } + .bg_o { + background-color: #798996; + } + .bg_p { + background-color: #8c8c8c; + } + .bg_q { + background-color: #b5b5b5; + } + .bg_r { + background-color: #e85858; + } + .bg_s { + background-color: #000000; + } + .bg_t { + background-color: #3196c9; + } + .bg_u { + background-color: #23aa63; + } + .bg_v { + background-color: #198682; + } + .bg_w { + background-color: #384752; + } + .bg_x { + background-color: #c91d39; + } + .bg_y { + background-color: #697a87; + } + .bg_z { + background-color: #28bd6e; + } + .bg_zz { + background-color: #93deb6; + } + .bg_a_hover { + background-color: #2d5e76; + } + .bg_b_hover { + background-color: #4d4d4d; + } + .bg_c_hover { + background-color: #e6e6e6; + } + .bg_d_hover { + background-color: #156f6b; + } + .bg_e_hover { + background-color: #b4b4b4; + } + .bg_f_hover { + background-color: #3b4a54; + } + .bg_g_hover { + background-color: #15222b; + } + .bg_h_hover { + background-color: #ad1931; + } + .bg_i_hover { + background-color: #2f3c45; + } + .bg_j_hover { + background-color: #b5c3cb; + } + .bg_l_hover { + background-color: #166f25; + } + .bg_m_hover { + background-color: #8c9aa2; + } + .bg_n_hover { + background-color: #cdd5df; + } + .bg_o_hover { + background-color: #616f7b; + } + .bg_p_hover { + background-color: #737373; + } + .bg_q_hover { + background-color: #9c9c9c; + } + .bg_r_hover { + background-color: #e22b2b; + } + .bg_s_hover { + background-color: #000000; + } + .bg_t_hover { + background-color: #2777a0; + } + .bg_u_hover { + background-color: #1a804a; + } + .bg_v_hover { + background-color: #115b58; + } + .bg_w_hover { + background-color: #232d34; + } + .bg_x_hover { + background-color: #9c172c; + } + .bg_y_hover { + background-color: #53606a; + } + .bg_z_hover { + background-color: #1f9356; + } + .bg_zz_hover { + background-color: #6cd29c; + } + .center { + margin: 0 auto; + } + .vcenter { + display: table-cell; + vertical-align: middle; + } + .left { + float: left; + } + .right { + float: right; + } + .hand { + cursor: pointer; + } + .default-pointer { + cursor: default; + } + .text-center { + text-align: center; + } + .display-none { + display: none; + } + .nowrap { + white-space: nowrap; + } + .bold { + font-weight: bold; + } + .full-height { + height: 100%; + } + .uppercase { + text-transform: uppercase; + } + .capitalize { + text-transform: capitalize; + } + .selfClear:after { + content: "."; + display: block; + height: 0px; + clear: both; + visibility: hidden; + } + .selfClear { + display: inline-block; + } + .clearfix:after { + content: "."; + display: block; + clear: both; + visibility: hidden; + line-height: 0; + height: 0; + } + .clearfix { + display: inline-block; + clear: both; + } + .hyphenate { + -ms-word-break: break-all; + word-break: break-all; + word-break: break-word; + -webkit-hyphens: auto; + -ms-hyphens: auto; + hyphens: auto; + } + .perfect-scrollbar { + position: relative; + overflow: hidden; + } + .noselect { + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + } + .sdc-ellipsis { + text-overflow: ellipsis; + overflow: hidden; + display: inline-block; + white-space: nowrap; + } + html { + height: 100%; + } + body { + color: #666666; + font-family: omnes-medium, sans-serif; + font-size: 14px; + height: 100%; + margin: auto; + position: relative; + } + * { + box-sizing: border-box; + margin: 0; + } + html, + body { + height: 100%; + overflow: hidden; + } + a { + text-decoration: none; + } + canvas { + outline: none; + } + .download-artifact { + cursor: pointer; + } + html .w-sdc-resource-container { + padding: 20px 0; + } + html .ui-notification.clickable:hover { + opacity: 1; + } + .sprite { + background-image: url(/sdc1/scripts/images/sprite-global-old.36e32171fc7d958da86b.png); + display: inline-block; + } + .sprite.logo { + background-position: -50px -100px; + width: 39px; + height: 32px; + } + .sprite.white-arrow-down { + background-position: -50px -200px; + width: 15px; + height: 9px; + } + .sprite.white-arrow-up { + background-position: -100px -200px; + width: 15px; + height: 9px; + } + .arrow-left { + background-position: -262px -4041px; + width: 11px; + height: 10px; + } + .sprite.tab-info { + background-position: -50px -300px; + width: 18px; + height: 20px; + } + .sprite.edit { + background-position: -51px -689px; + width: 31px; + height: 30px; + } + .sprite.details { + background-position: -50px -900px; + width: 19px; + height: 19px; + } + .sprite.structure { + background-position: -212px -3880px; + width: 23px; + height: 21px; + } + .sprite.artifacts { + background-position: -50px -1098px; + width: 20px; + height: 20px; + } + .sprite.menu { + background-position: -50px -1200px; + width: 17px; + height: 14px; + } + .sprite.catalog { + background-position: -53px -1303px; + width: 20px; + height: 20px; + } + .sprite.distribution { + background-position: -50px -1400px; + width: 24px; + height: 14px; + } + .sprite.support { + background-position: -50px -1500px; + width: 22px; + height: 22px; + } + .sprite.filter { + background-position: -50px -1600px; + width: 15px; + height: 16px; + } + .sprite.card-menu { + background-position: -50px -2000px; + width: 4px; + height: 16px; + } + .sprite.relationships { + background-position: -50px -2097px; + width: 26px; + height: 19px; + } + .sprite.lifecycle { + background-position: -50px -2200px; + width: 20px; + height: 20px; + } + .sprite.properties { + background-position: -50px -2300px; + width: 19px; + height: 19px; + } + .sprite.e-sdc-small-icon-delete { + background-position: -64px -2771px; + width: 11px; + height: 13px; + } + .sprite.magnification-glass { + background-position: -49px -3138px; + width: 12px; + height: 12px; + } + .sprite.clear-text { + background-position: -104px -4040px; + width: 10px; + height: 11px; + } + /*new tabs icons*/ + .sprite.info { + background-position: -105px -3583px; + width: 18px; + height: 18px; + } + .sprite.information-artifacts { + background-position: -105px -3632px; + width: 20px; + height: 21px; + } + .sprite.deployment-artifacts { + background-position: -105px -3682px; + width: 19px; + height: 19px; + } + .sprite.properties { + background-position: -105px -3733px; + width: 18px; + height: 18px; + } + .sprite.relations { + background-position: -105px -3781px; + width: 20px; + height: 20px; + } + .sprite.inputs { + background-position: -104px -3887px; + width: 18px; + height: 14px; + } + .sprite.api { + background-position: -104px -3930px; + width: 25px; + height: 21px; + } + .sprite.NOT_CERTIFIED_CHECKOUT { + background-position: -54px -2887px; + width: 13px; + height: 13px; + } + .sprite.CERTIFICATION_IN_PROGRESS { + background-position: -54px -2934px; + width: 13px; + height: 16px; + } + .sprite.NOT_CERTIFIED_CHECKIN { + background-position: -54px -2985px; + width: 13px; + height: 15px; + } + .sprite.CERTIFIED { + background-position: -54px -3034px; + width: 13px; + height: 16px; + } + .sprite.READY_FOR_CERTIFICATION { + background-position: -49px -3087px; + width: 23px; + height: 16px; + } + .message-DEBUG { + background-position: -51px -3187px; + width: 47px; + height: 47px; + } + .message-INFO { + background-position: -51px -3187px; + width: 47px; + height: 47px; + } + .message-WARNING { + background-position: -51px -3187px; + width: 47px; + height: 47px; + } + .message-ERROR { + background-position: -51px -3187px; + width: 47px; + height: 47px; + } + .e-sdc-small-icon-eye { + background-position: -60px -2722px; + width: 20px; + height: 20px; + } + .e-sdc-small-icon-pencil { + background-position: -51px -3339px; + width: 12px; + height: 12px; + } + .e-sdc-small-icon-pad { + background-position: -157px -2772px; + width: 15px; + height: 12px; + } + .sprite.e-sdc-small-icon-trash { + background-position: -48px -300px; + width: 20px; + height: 20px; + } + .sprite.e-sdc-small-check { + background-position: -48px -399px; + width: 20px; + height: 20px; + } + .sprite.e-sdc-small-clone { + background-position: -49px -501px; + width: 20px; + height: 20px; + } + .sprite.e-sdc-small-print-screen { + background-position: -49px -351px; + width: 19px; + height: 20px; + } + .sprite.e-sdc-small-certification { + background-position: -48px -602px; + width: 20px; + height: 20px; + } + .sprite.e-sdc-small-download { + background-position: -51px -3390px; + width: 12px; + height: 11px; + } + .sprite.e-sdc-cloud { + background-position: -51px -3278px; + width: 24px; + height: 23px; + } + .sprite.e-sdc-pencil { + background-position: -53px -2404px; + width: 16px; + height: 16px; + } + .sprite.e-sdc-green-save { + background-position: -157px -4089px; + width: 12px; + height: 12px; + } + /* canvas items non-certified indicator */ + .s-sdc-state-non-certified { + background-position: -157px -3386px; + width: 15px; + height: 15px; + } + /* dashboard card main icons */ + .s-sdc-service { + background-position: -60px -2654px; + width: 14px; + height: 17px; + } + .s-sdc-resource { + background-position: -54px -2585px; + width: 16px; + height: 16px; + } + /* dashboard card statuses icons */ + .s-sdc-state.NOT_CERTIFIED_CHECKIN { + background-position: -47px -2839px; + width: 20px; + height: 19px; + } + .s-sdc-state.NOT_CERTIFIED_CHECKIN.green { + background-position: -70px -2839px; + } + .s-sdc-state.NOT_CERTIFIED_CHECKIN.red { + background-position: -93px -2839px; + } + .s-sdc-state.NOT_CERTIFIED_CHECKOUT { + background-position: -53px -2889px; + width: 14px; + height: 14px; + } + .s-sdc-state.NOT_CERTIFIED_CHECKOUT.green { + background-position: -76px -2889px; + } + .s-sdc-state.NOT_CERTIFIED_CHECKOUT.red { + background-position: -99px -2889px; + } + .s-sdc-state.CERTIFIED { + background-position: -53px -3034px; + width: 14px; + height: 16px; + } + .s-sdc-state.CERTIFIED.green { + background-position: -76px -3034px; + } + .s-sdc-state.CERTIFIED.red { + background-position: -99px -3034px; + } + .s-sdc-state.READY_FOR_CERTIFICATION { + background-position: -53px -2985px; + width: 14px; + height: 16px; + } + .s-sdc-state.READY_FOR_CERTIFICATION.green { + background-position: -76px -2985px; + } + .s-sdc-state.READY_FOR_CERTIFICATION.red { + background-position: -99px -2985px; + } + .s-sdc-state.CERTIFICATION_IN_PROGRESS { + background-position: -53px -2934px; + width: 14px; + height: 16px; + } + .s-sdc-state.CERTIFICATION_IN_PROGRESS.green { + background-position: -76px -2934px; + } + .s-sdc-state.CERTIFICATION_IN_PROGRESS.red { + background-position: -99px -2934px; + } + .s-sdc-state.DISTRIBUTED { + background-position: -43px -3087px; + width: 24px; + height: 14px; + } + .s-sdc-state.DISTRIBUTED.green { + background-position: -76px -3087px; + } + .s-sdc-state.DISTRIBUTED.red { + background-position: -113px -3087px; + } + .sprite.e-sdc-small-blue-down-arrow { + background-position: -51px -3262px; + width: 10px; + height: 7px; + } + .sprite.e-sdc-small-blue-up-arrow { + background-position: -111px -3262px; + width: 10px; + height: 7px; + } + .e-checkbox-unchecked { + background-position: -51px -3490px; + width: 12px; + height: 11px; + } + .e-checkbox-checked { + background-position: -103px -3490px; + width: 12px; + height: 11px; + } + .e-checkbox-unchecked-disabled { + background-position: -265px -3490px; + width: 12px; + height: 11px; + } + /* viewer modal */ + .sprite.x-btn { + background-position: -50px -3438px; + width: 14px; + height: 13px; + } + .sprite.x-btn:hover { + background-position: -103px -3438px; + width: 14px; + height: 13px; + } + .sprite.x-btn-white { + background-position: -157px -3437px; + width: 14px; + height: 13px; + } + .sprite.x-btn-white:hover { + background-position: -211px -3438px; + width: 14px; + height: 13px; + } + .sprite.x-btn-black { + background-position: -52px -4041px; + width: 10px; + height: 11px; + } + .sprite.x-btn-black:hover { + background-position: -104px -4041px; + width: 10px; + height: 11px; + } + .sprite.small-x-btn-black { + background-position: -157px -4044px; + width: 8px; + height: 8px; + } + .sprite.small-x-btn-black:hover { + background-position: -211px -4044px; + width: 8px; + height: 8px; + } + /* input file upload icons */ + .sprite.upload-icon { + background-position: -51px -3286px; + width: 16px; + height: 15px; + } + .sprite.upload-icon-hover { + background-position: -104px -3286px; + } + .sprite.uploaded { + background-position: -143px -3283px; + width: 18px; + height: 18px; + } + .sprite.change-file { + background-position: -261px -3285px; + width: 22px; + height: 16px; + } + .sprite.change-file-hover { + background-position: -211px -3285px; + } + .sprite.e-sdc-small-icon-upload { + background-position: -104px -4188px; + width: 12px; + height: 13px; + } + /* error messages icons */ + .exclamation-mark-white-icon { + background-position: -51px -3990px; + width: 13px; + height: 11px; + } + .exclamation-mark-red-icon { + background-position: -212px -3990px; + width: 13px; + height: 11px; + } + .question-message-icon-gray { + background-position: -104px -3987px; + width: 14px; + height: 14px; + } + .question-message-icon-white { + background-position: -158px -3987px; + width: 14px; + height: 14px; + } + /* wizard icons */ + .sprite.table-arrow { + background-position: -57px -4241px; + width: 7px; + height: 10px; + } + .sprite.table-arrow.opened { + background-position: -54px -4295px; + width: 10px; + height: 6px; + } + .sprite-green-tick { + background-position: -157px -3290px; + width: 15px; + height: 11px; + } + /* tags category relation icon*/ + .sprite.relation-icon { + background-position: -100px -4351px; + width: 24px; + height: 24px; + } + .sprite.relation-icon-hover { + background-position: -52px -4351px; + width: 24px; + height: 24px; + } + .sprite-new { + background-image: url(/sdc1/scripts/images/sprite-global.8f8166754d12e1088a25.png); + display: inline-block; + } + .add-icon { + background-position: -50px -77px; + width: 23px; + height: 23px; + } + .add-icon-hover { + background-position: -150px -77px; + width: 23px; + height: 23px; + } + .import-icon { + background-position: -100px -81px; + width: 23px; + height: 23px; + } + .add-icon-blue { + background-position: -350px -125px; + width: 18px; + height: 18px; + } + .add-icon-blue-hover { + background-position: -400px -125px; + width: 18px; + height: 18px; + } + .video-icon { + background-position: -54px -113px; + width: 33px; + height: 26px; + } + .video-icon_1 { + background-position: -104px -113px; + width: 33px; + height: 26px; + } + .video-icon_2 { + background-position: -154px -113px; + width: 33px; + height: 26px; + } + .video-icon_disabled { + background-position: -204px -113px; + width: 33px; + height: 26px; + } + .video-icon_focus { + background-position: -250px -111px; + width: 41px; + height: 32px; + } + .vsp-list-icon { + background-position: -54px -143px; + width: 26px; + height: 29px; + } + .vsp-list-icon-active { + background-position: -104px -143px; + width: 26px; + height: 29px; + } + .vsp-list-icon:active:not(.disable) { + background-position: -104px -143px; + width: 26px; + height: 29px; + } + .vsp-list-icon-hover { + background-position: -154px -143px; + width: 26px; + height: 29px; + } + .vsp-list-icon:hover:not(.disable) { + background-position: -154px -143px; + width: 26px; + height: 29px; + } + .vsp-list-icon.disable { + background-position: -204px -143px; + width: 26px; + height: 29px; + } + .info-icon { + background-position: -50px -179px; + width: 14px; + height: 14px; + } + .info-icon_1 { + background-position: -100px -179px; + width: 14px; + height: 14px; + } + .plus-icon { + background-position: -50px -231px; + width: 12px; + height: 12px; + } + .plus-icon-hover { + background-position: -100px -231px; + width: 12px; + height: 12px; + } + .delete-icon { + background-position: -675px -231px; + width: 11px; + height: 13px; + } + .delete-icon-hover { + background-position: -702px -231px; + width: 11px; + height: 13px; + } + .arrow-up { + background-position: -350px -236px; + width: 12px; + height: 7px; + } + .arrow-up-hover { + background-position: -400px -236px; + width: 12px; + height: 7px; + } + .arrow-up-small { + background-position: -250px -237px; + width: 12px; + height: 6px; + } + .arrow-up-small-hover { + background-position: -300px -237px; + width: 12px; + height: 6px; + } + .sort-arrows { + background-position: -450px -231px; + width: 8px; + height: 12px; + } + .sort-arrows-hover { + background-position: -500px -231px; + width: 8px; + height: 12px; + } + .arrow-right { + background-position: -550px -235px; + width: 5px; + height: 8px; + } + .arrow-right-hover { + background-position: -600px -235px; + width: 5px; + height: 8px; + } + .menu-open-left { + background-position: -350px -283px; + width: 6px; + height: 10px; + } + .menu-open-right { + background-position: -400px -283px; + width: 6px; + height: 10px; + } + .private-status-icon { + background-position: -50px -326px; + width: 21px; + height: 17px; + } + .in-design-status-icon { + background-position: -307px -327px; + width: 16px; + height: 16px; + } + .checkout-editable-status-icon { + background-position: -100px -326px; + width: 24px; + height: 17px; + } + .checkin-status-icon { + background-position: -200px -326px; + width: 24px; + height: 17px; + } + .checkout-not-editable-status-icon { + background-position: -150px -326px; + width: 24px; + height: 17px; + } + .x-btn { + background-position: -50px -419px; + width: 24px; + height: 24px; + } + .x-btn:hover { + background-position: -50px -447px; + width: 24px; + height: 24px; + } + .x-btn:active { + background-position: -50px -479px; + width: 24px; + height: 24px; + } + .delete-btn { + background-position: -140px -419px; + width: 24px; + height: 24px; + } + .delete-btn:hover:not(.disable) { + background-position: -140px -447px; + width: 24px; + height: 24px; + } + .delete-btn:active:not(.disable) { + background-position: -140px -479px; + width: 24px; + height: 24px; + } + .delete-btn.disable { + background-position: -140px -539px; + width: 24px; + height: 24px; + } + .save-btn { + background-position: -230px -419px; + width: 24px; + height: 24px; + } + .save-btn:hover:not(.disable) { + background-position: -230px -447px; + width: 24px; + height: 24px; + } + .save-btn:active:not(.disable) { + background-position: -230px -479px; + width: 24px; + height: 24px; + } + .save-btn.disable { + background-position: -230px -539px; + width: 24px; + height: 24px; + } + .revert-btn { + background-position: -200px -419px; + width: 24px; + height: 24px; + } + .revert-btn:hover:not(.disable) { + background-position: -200px -447px; + width: 24px; + height: 24px; + } + .revert-btn:active:not(.disable) { + background-position: -200px -479px; + width: 24px; + height: 24px; + } + .revert-btn.disable { + background-position: -200px -539px; + width: 24px; + height: 24px; + } + .success-circle { + background-position: -50px -703px; + width: 20px; + height: 20px; + } + .success-circle-small { + background-position: -170px -706px; + width: 12px; + height: 12px; + } + .sdc-success { + background-position: -101px -707px; + width: 10px; + height: 10px; + } + .sdc-error { + background-position: -151px -707px; + width: 10px; + height: 10px; + } + .print-screen-btn { + background-position: -259px -419px; + width: 24px; + height: 24px; + } + .print-screen-btn:hover:not(.disable) { + background-position: -259px -447px; + width: 24px; + height: 24px; + } + .print-screen-btn:active:not(.disable) { + background-position: -259px -479px; + width: 24px; + height: 24px; + } + .print-screen-btn.disable { + background-position: -259px -539px; + width: 24px; + height: 24px; + } + .url-btn { + background-position: -636px -424px; + width: 19px; + height: 19px; + } + .url-btn:hover { + background-position: -636px -424px; + width: 19px; + height: 19px; + } + .url-btn:active { + background-position: -636px -482px; + width: 19px; + height: 19px; + } + /*new tabs icons*/ + .sprite-new.info { + background-position: -51px -631px; + width: 18px; + height: 18px; + } + .sprite-new.info:active { + background-position: -51px -669px; + width: 18px; + height: 18px; + } + .active > .sprite-new.info { + background-position: -51px -669px; + width: 18px; + height: 18px; + } + .sprite-new.structure { + background-position: -101px -630px; + width: 18px; + height: 17px; + } + .sprite-new.structure:active { + background-position: -101px -668px; + width: 18px; + height: 17px; + } + .active > .sprite-new.structure { + background-position: -101px -668px; + width: 18px; + height: 17px; + } + .sprite-new.deployment-artifacts { + background-position: -150px -629px; + width: 17px; + height: 19px; + } + .sprite-new.deployment-artifacts:active { + background-position: -150px -667px; + width: 17px; + height: 19px; + } + .active > .deployment-artifacts { + background-position: -150px -667px; + width: 17px; + height: 19px; + } + .sprite-new.inputs { + background-position: -200px -634px; + width: 20px; + height: 12px; + } + .sprite-new.inputs:active { + background-position: -200px -672px; + width: 20px; + height: 12px; + } + .active > .sprite-new.inputs { + background-position: -200px -672px; + width: 20px; + height: 12px; + } + .sprite-new.information-artifacts { + background-position: -250px -631px; + width: 17px; + height: 19px; + } + .sprite-new.information-artifacts:active { + background-position: -250px -669px; + width: 17px; + height: 19px; + } + .active > .sprite-new.information-artifacts { + background-position: -250px -669px; + width: 17px; + height: 19px; + } + .sprite-new.relations { + background-position: -300px -632px; + width: 20px; + height: 20px; + } + .sprite-new.relations:active { + background-position: -300px -632px; + width: 20px; + height: 20px; + } + .active > .sprite-new.relations { + background-position: -300px -632px; + width: 20px; + height: 20px; + } + .sprite-new.api { + background-position: -400px -631px; + width: 23px; + height: 19px; + } + .sprite-new.api:active { + background-position: -400px -671px; + width: 23px; + height: 19px; + } + .active > .sprite-new.api { + background-position: -400px -671px; + width: 23px; + height: 19px; + } + .sprite-new.properties { + background-position: -350px -631px; + width: 19px; + height: 19px; + } + .sprite-new.properties:active { + background-position: -350px -671px; + width: 19px; + height: 19px; + } + .active > .sprite-new.properties { + background-position: -350px -671px; + width: 19px; + height: 19px; + } + .sprite-new.distribution-bth { + background-position: -399px -716px; + width: 55px; + height: 21px; + } + .sprite-new.distribution-bth.disable { + background-position: -464px -716px; + width: 55px; + height: 21px; + } + .Distributed { + background-position: -547px -718px; + width: 16px; + height: 16px; + } + .Deployed { + background-position: -573px -718px; + width: 16px; + height: 16px; + } + .error-icon { + background-position: -51px -751px; + width: 13px; + height: 11px; + } + .asdc-warning { + background-position: -100px -748px; + width: 17px; + height: 15px; + } + .link-btn { + background-position: -636px -424px; + width: 19px; + height: 19px; + } + .link-btn:hover { + background-position: -636px -453px; + width: 19px; + height: 19px; + } + .link-btn:active { + background-position: -636px -482px; + width: 19px; + height: 19px; + } + .refresh-btn { + background-position: -293px -419px; + width: 24px; + height: 24px; + } + .refresh-btn:hover:not(.disable) { + background-position: -293px -447px; + width: 24px; + height: 24px; + } + .refresh-btn:active:not(.disable) { + background-position: -293px -479px; + width: 24px; + height: 24px; + } + .refresh-btn.focus { + background-position: -293px -508px; + width: 24px; + height: 24px; + } + .refresh-btn.disable { + background-position: -293px -539px; + width: 24px; + height: 24px; + } + .download-btn { + background-position: -530px -419px; + width: 24px; + height: 24px; + } + .download-btn:hover:not(.disable) { + background-position: -530px -448px; + width: 24px; + height: 24px; + } + .download-btn:active:not(.disable) { + background-position: -530px -479px; + width: 24px; + height: 24px; + } + .download-btn.focus { + background-position: -530px -508px; + width: 24px; + height: 24px; + } + .download-btn.disable { + background-position: -530px -539px; + width: 24px; + height: 24px; + } + .expand-collapse-plus-icon { + background-position: -334px -888px; + width: 14px; + height: 14px; + } + .expand-collapse-plus-icon:hover { + background-position: -422px -888px; + width: 14px; + height: 14px; + } + .expand-collapse-minus-icon { + background-position: -378px -888px; + width: 14px; + height: 14px; + } + .expand-collapse-minus-icon:hover { + background-position: -466px -888px; + width: 14px; + height: 14px; + } + .close-open-left-arrow { + background-position: -507px -942px; + width: 6px; + height: 10px; + } + .close-open-right-arrow { + background-position: -506px -922px; + width: 6px; + height: 10px; + } + .hierarchy { + background-position: -560px -887px; + width: 21px; + height: 15px; + } + .hierarchy.hover { + background-position: -500px -887px; + width: 21px; + height: 15px; + } + .hierarchy.disable { + background-position: -531px -887px; + width: 21px; + height: 15px; + } + .hierarchy.selected { + background-position: -500px -887px; + width: 21px; + height: 15px; + } + .refresh-small-btn { + background-position: -598px -419px; + width: 24px; + height: 24px; + } + .refresh-small-btn:hover:not(.disable) { + background-position: -598px -448px; + width: 24px; + height: 24px; + } + .refresh-small-btn:active:not(.disable) { + background-position: -598px -479px; + width: 24px; + height: 24px; + } + .refresh-small-btn.focus { + background-position: -598px -508px; + width: 24px; + height: 24px; + } + .refresh-small-btn.disable { + background-position: -598px -539px; + width: 24px; + height: 24px; + } + .download-file-btn { + background-position: -673px -419px; + width: 24px; + height: 24px; + } + .download-file-btn:hover:not(.disable) { + background-position: -673px -448px; + width: 24px; + height: 24px; + } + .download-file-btn:active:not(.disable) { + background-position: -673px -479px; + width: 24px; + height: 24px; + } + .download-file-btn.focus { + background-position: -673px -508px; + width: 24px; + height: 24px; + } + .download-file-btn.disable { + background-position: -673px -539px; + width: 24px; + height: 24px; + } + .refresh-file-btn { + background-position: -707px -419px; + width: 24px; + height: 24px; + } + .refresh-file-btn:hover:not(.disable) { + background-position: -707px -448px; + width: 24px; + height: 24px; + } + .refresh-file-btn:active:not(.disable) { + background-position: -707px -479px; + width: 24px; + height: 24px; + } + .refresh-file-btn.focus { + background-position: -707px -508px; + width: 24px; + height: 24px; + } + .refresh-file-btn.disable { + background-position: -707px -539px; + width: 24px; + height: 24px; + } + .import-file-btn { + background-position: -745px -419px; + width: 24px; + height: 24px; + } + .import-file-btn:hover:not(.disable) { + background-position: -745px -448px; + width: 24px; + height: 24px; + } + .import-file-btn:active:not(.disable) { + background-position: -745px -479px; + width: 24px; + height: 24px; + } + .import-file-btn.focus { + background-position: -745px -508px; + width: 24px; + height: 24px; + } + .import-file-btn.disable { + background-position: -745px -539px; + width: 24px; + height: 24px; + } + .left-arrow { + background-position: -590px -876px; + width: 26px; + height: 26px; + } + .left-arrow:hover { + background-position: -662px -876px; + width: 26px; + height: 26px; + } + .right-arrow { + background-position: -626px -876px; + width: 26px; + height: 26px; + } + .right-arrow:hover { + background-position: -698px -876px; + width: 26px; + height: 26px; + } + .search-white-icon { + background-position: -434px -128px; + width: 14px; + height: 14px; + } + .blue-right-arrow-circle { + background-position: -650px -619px; + width: 29px; + height: 29px; + } + .blue-right-arrow-circle:hover { + background-position: -689px -619px; + width: 29px; + height: 29px; + } + .small-x-button { + background-position: -190px -282px; + width: 11px; + height: 11px; + } + .small-x-button:hover { + background-position: -210px -283px; + width: 11px; + height: 11px; + } + .close-info-tooltip-button { + background-position: -190px -282px; + width: 11px; + height: 11px; + } + .close-info-tooltip-button:hover { + background-position: -230px -283px; + width: 11px; + height: 11px; + } + .expand-all { + background-position: -500px -420px; + width: 20px; + height: 22px; + } + .expand-all:hover { + background-position: -500px -449px; + width: 20px; + height: 22px; + } + .collapse-all { + background-position: -465px -420px; + width: 20px; + height: 22px; + } + .collapse-all:hover { + background-position: -465px -449px; + width: 20px; + height: 22px; + } + .delete-param:hover { + background-position: -702px -231px; + width: 12px; + height: 13px; + } + .delete-param { + background-position: -675px -231px; + width: 12px; + height: 13px; + } + .revert-param:hover { + background-position: -700px -48px; + width: 12px; + height: 11px; + } + .revert-param { + background-position: -676px -48px; + width: 12px; + height: 11px; + } + .show-desc:hover { + background-position: -635px -75px; + width: 13px; + height: 14px; + } + .show-desc { + background-position: -599px -75px; + width: 13px; + height: 14px; + } + .expand-list { + background-position: -812px -66px; + width: 21px; + height: 21px; + } + .expand-list:hover { + background-position: -812px -96px; + width: 21px; + height: 21px; + } + .expand-list.open { + background-position: -853px -66px; + width: 21px; + height: 21px; + } + .expand-list.open:hover { + background-position: -853px -96px; + width: 21px; + height: 21px; + } + .search-icon:hover, + .search-icon.selected { + background-position: -894px -101px; + width: 14px; + height: 14px; + } + .search-icon { + background-position: -894px -71px; + width: 14px; + height: 14px; + } + .asc { + background-position: -924px -71px; + width: 8px; + height: 12px; + } + .desc { + background-position: -924px -101px; + width: 8px; + height: 12px; + } + .delete-item-icon { + background-position: -140px -1119px; + width: 11px; + height: 15px; + } + .delete-item-icon:hover { + background-position: -167px -1119px; + width: 11px; + height: 15px; + } + .filter-icon { + background-position: -48px -1040px; + width: 19px; + height: 20px; + } + .filter-icon:hover { + background-position: -99px -1040px; + width: 19px; + height: 20px; + } + .filled-checkbox-icon { + background-position: -100px -1079px; + width: 14px; + height: 14px; + } + .round-checked-icon { + background-position: -50px -1157px; + width: 16px; + height: 18px; + } + .round-checked-icon.disabled { + background-position: -100px -1157px; + width: 16px; + height: 18px; + } + .round-expand-icon { + background-position: -50px -1188px; + width: 15px; + height: 15px; + } + .round-expand-icon:hover { + background-position: -100px -1188px; + width: 15px; + height: 15px; + } + .round-expand-icon.open { + background-position: -50px -1216px; + width: 15px; + height: 15px; + } + .round-expand-icon.open:hover { + background-position: -100px -1216px; + width: 15px; + height: 15px; + } + /* + .sprite-new.expand-asset-icon { background-position: -740px -590px; width: 40px; height: 40px; } + .sprite-new.view-info-icon { background-position: -739px -621px; width: 40px; height: 40px; } + .sprite-new.cp-icon { background-position: -741px -652px; width: 40px; height: 40px; } + .sprite-new.vl-icon { background-position: -740px -682px; width: 40px; height:40px; } + .sprite-new.trash-icon { background-position: -740px -712px; width: 40px; height: 40px; } + + .sprite-new.expand-asset-icon:hover { background-position: -780px -590px; } + .sprite-new.view-info-icon:hover { background-position: -779px -621px; } + .sprite-new.cp-icon:hover { background-position: -781px -652px; } + .sprite-new.vl-icon:hover { background-position: -780px -682px; } + .sprite-new.trash-icon:hover { background-position: -780px -712px; } + + .sprite-new.expand-asset-icon:active, .sprite-new.expand-asset-icon.disabled-icon { background-position: -820px -590px;} + .sprite-new.view-info-icon:active, .sprite-new.view-info-icon.disabled-icon { background-position: -819px -621px; } + .sprite-new.cp-icon:active, .sprite-new.cp-icon.disabled-icon { background-position: -821px -652px; } + .sprite-new.vl-icon:active, .sprite-new.vl-icon.disabled-icon { background-position: -820px -682px; } + .sprite-new.trash-icon:active, .sprite-new.trash-icon.disabled-icon { background-position: -820px -712px; } + */ + .sprite-product-icons { + background-image: url(/sdc1/scripts/images/sprite-product-icons.b8058459efff5dc1dca7.png); + display: inline-block; + } + .sprite-product-icons.disable { + opacity: 0.5; + } + .sprite-product-icons.setting { + background-position: -291px -102px; + width: 61px; + height: 67px; + } + .sprite-product-icons.setting.small { + background-position: -217px -142px; + width: 29px; + height: 28px; + } + .sprite-product-icons.setting.medium { + background-position: -148px -130px; + width: 41px; + height: 40px; + } + .sprite-product-icons.setting.large { + background-position: -77px -110px; + width: 60px; + height: 60px; + } + .sprite-product-icons.cloud { + background-position: -290px -215px; + width: 64px; + height: 43px; + } + .sprite-product-icons.cloud.small { + background-position: -217px -232px; + width: 29px; + height: 28px; + } + .sprite-product-icons.cloud.medium { + background-position: -148px -220px; + width: 41px; + height: 40px; + } + .sprite-product-icons.cloud.large { + background-position: -77px -200px; + width: 60px; + height: 60px; + } + .sprite-product-icons.security { + background-position: -289px -293px; + width: 50px; + height: 57px; + } + .sprite-product-icons.security.small { + background-position: -217px -321px; + width: 29px; + height: 28px; + } + .sprite-product-icons.security.medium { + background-position: -148px -310px; + width: 41px; + height: 40px; + } + .sprite-product-icons.security.large { + background-position: -77px -290px; + width: 60px; + height: 60px; + } + .sprite-product-icons.network { + background-position: -290px -383px; + width: 56px; + height: 57px; + } + .sprite-product-icons.network.small { + background-position: -217px -411px; + width: 29px; + height: 29px; + } + .sprite-product-icons.network.medium { + background-position: -148px -399px; + width: 41px; + height: 41px; + } + .sprite-product-icons.network.large { + background-position: -77px -380px; + width: 60px; + height: 60px; + } + .sprite-product-icons.orphan { + background-position: -290px -478px; + width: 52px; + height: 52px; + } + .sprite-product-icons.orphan.small { + background-position: -217px -500px; + width: 29px; + height: 29px; + } + .sprite-product-icons.orphan.medium { + background-position: -148px -488px; + width: 41px; + height: 41px; + } + .sprite-product-icons.orphan.large { + background-position: -77px -470px; + width: 60px; + height: 60px; + } + .sprite-product-icons.defaulticon { + background-position: -290px -478px; + width: 52px; + height: 52px; + } + .sprite-product-icons.defaulticon.small { + background-position: -217px -500px; + width: 29px; + height: 29px; + } + .sprite-product-icons.defaulticon.medium { + background-position: -148px -488px; + width: 41px; + height: 41px; + } + .sprite-product-icons.defaulticon.large { + background-position: -77px -470px; + width: 60px; + height: 60px; + } + .sprite-product-icons.vfw { + background-position: -289px -548px; + width: 73px; + height: 73px; + } + .sprite-product-icons.vfw.small { + background-position: -217px -591px; + width: 29px; + height: 29px; + } + .sprite-product-icons.vfw.medium { + background-position: -148px -580px; + width: 41px; + height: 41px; + } + .sprite-product-icons.vfw.large { + background-position: -77px -560px; + width: 60px; + height: 61px; + } + .sprite-product-icons.wanx { + background-position: -290px -664px; + width: 59px; + height: 47px; + } + .sprite-product-icons.wanx.small { + background-position: -217px -681px; + width: 30px; + height: 30px; + } + .sprite-product-icons.wanx.medium { + background-position: -148px -670px; + width: 41px; + height: 41px; + } + .sprite-product-icons.wanx.large { + background-position: -77px -651px; + width: 60px; + height: 60px; + } + .sprite-product-icons.vrouter { + background-position: -289px -758px; + width: 69px; + height: 43px; + } + .sprite-product-icons.vrouter.small { + background-position: -217px -772px; + width: 29px; + height: 29px; + } + .sprite-product-icons.vrouter.medium { + background-position: -148px -760px; + width: 41px; + height: 41px; + } + .sprite-product-icons.vrouter.large { + background-position: -77px -741px; + width: 60px; + height: 60px; + } + .sprite-product-icons.ucpe { + background-position: -289px -832px; + width: 59px; + height: 60px; + } + .sprite-product-icons.ucpe.small { + background-position: -217px -862px; + width: 28px; + height: 29px; + } + .sprite-product-icons.ucpe.medium { + background-position: -148px -849px; + width: 41px; + height: 41px; + } + .sprite-product-icons.ucpe.large { + background-position: -77px -831px; + width: 60px; + height: 61px; + } + .sprite-product-icons.mobility { + background-position: -288px -919px; + width: 64px; + height: 62px; + } + .sprite-product-icons.mobility.small { + background-position: -216px -952px; + width: 29px; + height: 29px; + } + .sprite-product-icons.mobility.medium { + background-position: -147px -940px; + width: 41px; + height: 41px; + } + .sprite-product-icons.mobility.large { + background-position: -76px -921px; + width: 60px; + height: 60px; + } + .sprite-product-icons.wanx_customer_managed { + background-position: -290px -1024px; + width: 58px; + height: 62px; + } + .sprite-product-icons.wanx.small_customer_managed { + background-position: -217px -1041px; + width: 30px; + height: 38px; + } + .sprite-product-icons.wanx.medium_customer_managed { + background-position: -148px -1030px; + width: 42px; + height: 47px; + } + .sprite-product-icons.wanx.large_customer_managed { + background-position: -77px -1011px; + width: 61px; + height: 66px; + } + .sprite-product-icons.wanx_attr_managed { + background-position: -290px -1114px; + width: 59px; + height: 62px; + } + .sprite-product-icons.wanx.small_att_managed { + background-position: -218px -1131px; + width: 31px; + height: 36px; + } + .sprite-product-icons.wanx.medium_att_managed { + background-position: -149px -1120px; + width: 42px; + height: 47px; + } + .sprite-product-icons.wanx.large_att_managed { + background-position: -77px -1101px; + width: 60px; + height: 67px; + } + .sprite-resource-icons { + background-image: url(/sdc1/scripts/images/sprite-resource-icons.96bcf003ae43a918aab0.png); + display: inline-block; + } + .sprite-resource-icons.disable { + opacity: 0.5; + } + .sprite-resource-icons.borderElement { + background-position: -282px -41px; + width: 66px; + height: 58px; + } + .sprite-resource-icons.borderElement.small { + background-position: -210px -71px; + width: 28px; + height: 28px; + } + .sprite-resource-icons.borderElement.medium { + background-position: -140px -59px; + width: 40px; + height: 40px; + } + .sprite-resource-icons.borderElement.large { + background-position: -70px -39px; + width: 60px; + height: 60px; + } + .sprite-resource-icons.router { + background-position: -282px -109px; + width: 60px; + height: 60px; + } + .sprite-resource-icons.router.small { + background-position: -210px -141px; + width: 28px; + height: 28px; + } + .sprite-resource-icons.router.medium { + background-position: -140px -129px; + width: 40px; + height: 40px; + } + .sprite-resource-icons.router.large { + background-position: -70px -109px; + width: 60px; + height: 60px; + } + .sprite-resource-icons.database { + background-position: -282px -180px; + width: 63px; + height: 56px; + } + .sprite-resource-icons.database.small { + background-position: -210px -211px; + width: 28px; + height: 28px; + } + .sprite-resource-icons.database.medium { + background-position: -140px -199px; + width: 40px; + height: 40px; + } + .sprite-resource-icons.database.large { + background-position: -70px -179px; + width: 60px; + height: 60px; + } + .sprite-resource-icons.network { + background-position: -282px -252px; + width: 57px; + height: 57px; + } + .sprite-resource-icons.network.small { + background-position: -210px -281px; + width: 28px; + height: 28px; + } + .sprite-resource-icons.network.medium { + background-position: -140px -269px; + width: 40px; + height: 40px; + } + .sprite-resource-icons.network.large { + background-position: -70px -249px; + width: 60px; + height: 60px; + } + .sprite-resource-icons.applicationServer { + background-position: -282px -327px; + width: 37px; + height: 51px; + } + .sprite-resource-icons.applicationServer.small { + background-position: -210px -351px; + width: 28px; + height: 28px; + } + .sprite-resource-icons.applicationServer.medium { + background-position: -140px -339px; + width: 40px; + height: 40px; + } + .sprite-resource-icons.applicationServer.large { + background-position: -70px -319px; + width: 60px; + height: 60px; + } + .sprite-resource-icons.server { + background-position: -282px -398px; + width: 31px; + height: 51px; + } + .sprite-resource-icons.server.small { + background-position: -210px -421px; + width: 28px; + height: 28px; + } + .sprite-resource-icons.server.medium { + background-position: -140px -409px; + width: 40px; + height: 40px; + } + .sprite-resource-icons.server.large { + background-position: -70px -389px; + width: 60px; + height: 60px; + } + .sprite-resource-icons.port { + background-position: -281px -484px; + width: 41px; + height: 35px; + } + .sprite-resource-icons.port.small { + background-position: -210px -491px; + width: 28px; + height: 28px; + } + .sprite-resource-icons.port.medium { + background-position: -140px -479px; + width: 40px; + height: 40px; + } + .sprite-resource-icons.port.large { + background-position: -70px -459px; + width: 60px; + height: 60px; + } + .sprite-resource-icons.loadBalancer { + background-position: -282px -539px; + width: 45px; + height: 49px; + } + .sprite-resource-icons.loadBalancer.small { + background-position: -210px -561px; + width: 28px; + height: 28px; + } + .sprite-resource-icons.loadBalancer.medium { + background-position: -140px -549px; + width: 40px; + height: 40px; + } + .sprite-resource-icons.loadBalancer.large { + background-position: -70px -529px; + width: 60px; + height: 60px; + } + .sprite-resource-icons.objectStorage { + background-position: -282px -611px; + width: 50px; + height: 47px; + } + .sprite-resource-icons.objectStorage.small { + background-position: -210px -631px; + width: 28px; + height: 28px; + } + .sprite-resource-icons.objectStorage.medium { + background-position: -140px -619px; + width: 40px; + height: 40px; + } + .sprite-resource-icons.objectStorage.large { + background-position: -70px -599px; + width: 60px; + height: 60px; + } + .sprite-resource-icons.compute { + background-position: -282px -683px; + width: 45px; + height: 45px; + } + .sprite-resource-icons.compute.small { + background-position: -210px -701px; + width: 28px; + height: 28px; + } + .sprite-resource-icons.compute.medium { + background-position: -141px -688px; + width: 40px; + height: 40px; + } + .sprite-resource-icons.compute.large { + background-position: -70px -669px; + width: 60px; + height: 60px; + } + .sprite-resource-icons.gateway { + background-position: -282px -758px; + width: 45px; + height: 41px; + } + .sprite-resource-icons.gateway.small { + background-position: -210px -772px; + width: 28px; + height: 27px; + } + .sprite-resource-icons.gateway.medium { + background-position: -140px -759px; + width: 40px; + height: 40px; + } + .sprite-resource-icons.gateway.large { + background-position: -70px -739px; + width: 60px; + height: 60px; + } + .sprite-resource-icons.connector { + background-position: -282px -830px; + width: 44px; + height: 38px; + } + .sprite-resource-icons.connector.small { + background-position: -210px -842px; + width: 28px; + height: 27px; + } + .sprite-resource-icons.connector.medium { + background-position: -140px -829px; + width: 40px; + height: 40px; + } + .sprite-resource-icons.connector.large { + background-position: -70px -809px; + width: 60px; + height: 60px; + } + .sprite-resource-icons.brocade { + background-position: -282px -922px; + width: 91px; + height: 16px; + } + .sprite-resource-icons.brocade.small { + background-position: -210px -911px; + width: 28px; + height: 28px; + } + .sprite-resource-icons.brocade.medium { + background-position: -140px -899px; + width: 40px; + height: 40px; + } + .sprite-resource-icons.brocade.large { + background-position: -70px -879px; + width: 60px; + height: 60px; + } + .sprite-resource-icons.cisco { + background-position: -282px -975px; + width: 63px; + height: 33px; + } + .sprite-resource-icons.cisco.small { + background-position: -210px -981px; + width: 28px; + height: 28px; + } + .sprite-resource-icons.cisco.medium { + background-position: -140px -969px; + width: 40px; + height: 40px; + } + .sprite-resource-icons.cisco.large { + background-position: -70px -949px; + width: 60px; + height: 60px; + } + .sprite-resource-icons.ericsson { + background-position: -282px -1059px; + width: 101px; + height: 20px; + } + .sprite-resource-icons.ericsson.small { + background-position: -210px -1051px; + width: 28px; + height: 28px; + } + .sprite-resource-icons.ericsson.medium { + background-position: -140px -1039px; + width: 40px; + height: 40px; + } + .sprite-resource-icons.ericsson.large { + background-position: -70px -1019px; + width: 60px; + height: 60px; + } + .sprite-resource-icons.tropo { + background-position: -282px -1109px; + width: 48px; + height: 39px; + } + .sprite-resource-icons.tropo.small { + background-position: -210px -1121px; + width: 28px; + height: 28px; + } + .sprite-resource-icons.tropo.medium { + background-position: -140px -1109px; + width: 40px; + height: 40px; + } + .sprite-resource-icons.tropo.large { + background-position: -70px -1089px; + width: 60px; + height: 60px; + } + .sprite-resource-icons.mySql { + background-position: -282px -1172px; + width: 89px; + height: 46px; + } + .sprite-resource-icons.mySql.small { + background-position: -210px -1191px; + width: 28px; + height: 28px; + } + .sprite-resource-icons.mySql.medium { + background-position: -140px -1179px; + width: 40px; + height: 40px; + } + .sprite-resource-icons.mySql.large { + background-position: -70px -1159px; + width: 60px; + height: 60px; + } + .sprite-resource-icons.oracle { + background-position: -282px -1277px; + width: 97px; + height: 11px; + } + .sprite-resource-icons.oracle.small { + background-position: -210px -1261px; + width: 28px; + height: 28px; + } + .sprite-resource-icons.oracle.medium { + background-position: -140px -1249px; + width: 40px; + height: 40px; + } + .sprite-resource-icons.oracle.large { + background-position: -70px -1229px; + width: 60px; + height: 60px; + } + .sprite-resource-icons.defaulticon { + background-position: -282px -2069px; + width: 60px; + height: 60px; + } + .sprite-resource-icons.defaulticon.small { + background-position: -210px -2101px; + width: 28px; + height: 28px; + } + .sprite-resource-icons.defaulticon.medium { + background-position: -141px -2089px; + width: 40px; + height: 40px; + } + .sprite-resource-icons.defaulticon.large { + background-position: -70px -2069px; + width: 60px; + height: 60px; + } + .sprite-resource-icons.fortinet { + background-position: -282px -1419px; + width: 94px; + height: 10px; + } + .sprite-resource-icons.fortinet.small { + background-position: -210px -1401px; + width: 28px; + height: 28px; + } + .sprite-resource-icons.fortinet.medium { + background-position: -140px -1389px; + width: 40px; + height: 40px; + } + .sprite-resource-icons.fortinet.large { + background-position: -70px -1369px; + width: 60px; + height: 60px; + } + .sprite-resource-icons.nokia_siemens { + background-position: -281px -1474px; + width: 89px; + height: 25px; + } + .sprite-resource-icons.nokia_siemens.small { + background-position: -210px -1471px; + width: 28px; + height: 28px; + } + .sprite-resource-icons.nokia_siemens.medium { + background-position: -140px -1459px; + width: 40px; + height: 40px; + } + .sprite-resource-icons.nokia_siemens.large { + background-position: -70px -1439px; + width: 60px; + height: 60px; + } + .sprite-resource-icons.att { + background-position: -281px -1538px; + width: 77px; + height: 31px; + } + .sprite-resource-icons.att.small { + background-position: -210px -1541px; + width: 28px; + height: 28px; + } + .sprite-resource-icons.att.medium { + background-position: -140px -1529px; + width: 40px; + height: 40px; + } + .sprite-resource-icons.att.large { + background-position: -70px -1509px; + width: 60px; + height: 60px; + } + .sprite-resource-icons.juniper { + background-position: -281px -1609px; + width: 93px; + height: 31px; + } + .sprite-resource-icons.juniper.small { + background-position: -210px -1611px; + width: 28px; + height: 28px; + } + .sprite-resource-icons.juniper.medium { + background-position: -140px -1599px; + width: 40px; + height: 40px; + } + .sprite-resource-icons.juniper.large { + background-position: -70px -1579px; + width: 60px; + height: 60px; + } + .sprite-resource-icons.cloud { + background-position: -281px -1664px; + width: 44px; + height: 45px; + } + .sprite-resource-icons.cloud.small { + background-position: -210px -1681px; + width: 28px; + height: 28px; + } + .sprite-resource-icons.cloud.medium { + background-position: -140px -1669px; + width: 40px; + height: 40px; + } + .sprite-resource-icons.cloud.large { + background-position: -70px -1649px; + width: 60px; + height: 60px; + } + .sprite-resource-icons.call_controll { + background-position: -278px -1739px; + width: 35px; + height: 40px; + } + .sprite-resource-icons.call_controll.small { + background-position: -210px -1751px; + width: 28px; + height: 28px; + } + .sprite-resource-icons.call_controll.medium { + background-position: -140px -1739px; + width: 40px; + height: 40px; + } + .sprite-resource-icons.call_controll.large { + background-position: -70px -1719px; + width: 60px; + height: 60px; + } + .sprite-resource-icons.broadsoft { + background-position: -282px -1824px; + width: 108px; + height: 22px; + } + .sprite-resource-icons.broadsoft.small { + background-position: -210px -1821px; + width: 28px; + height: 28px; + } + .sprite-resource-icons.broadsoft.medium { + background-position: -140px -1809px; + width: 40px; + height: 40px; + } + .sprite-resource-icons.broadsoft.large { + background-position: -70px -1789px; + width: 60px; + height: 60px; + } + .sprite-resource-icons.alcatelLucent { + background-position: -281px -1901px; + width: 118px; + height: 25px; + } + .sprite-resource-icons.alcatelLucent.small { + background-position: -210px -1891px; + width: 28px; + height: 28px; + } + .sprite-resource-icons.alcatelLucent.medium { + background-position: -140px -1879px; + width: 40px; + height: 40px; + } + .sprite-resource-icons.alcatelLucent.large { + background-position: -70px -1859px; + width: 60px; + height: 60px; + } + .sprite-resource-icons.metaswitch { + background-position: -282px -1961px; + width: 115px; + height: 27px; + } + .sprite-resource-icons.metaswitch.small { + background-position: -210px -1961px; + width: 28px; + height: 28px; + } + .sprite-resource-icons.metaswitch.medium { + background-position: -140px -1949px; + width: 40px; + height: 40px; + } + .sprite-resource-icons.metaswitch.large { + background-position: -70px -1929px; + width: 61px; + height: 60px; + } + .sprite-resource-icons.aricent { + background-position: -282px -2046px; + width: 93px; + height: 13px; + } + .sprite-resource-icons.aricent.small { + background-position: -210px -2031px; + width: 28px; + height: 28px; + } + .sprite-resource-icons.aricent.medium { + background-position: -140px -2019px; + width: 40px; + height: 40px; + } + .sprite-resource-icons.aricent.large { + background-position: -70px -1999px; + width: 60px; + height: 60px; + } + .sprite-resource-icons.cp { + background-position: -90px -4038px; + width: 21px; + height: 21px; + } + .sprite-resource-icons.cp.small { + background-position: -90px -4038px; + width: 21px; + height: 21px; + } + .sprite-resource-icons.cp.medium { + background-position: -151px -4048px; + width: 21px; + height: 21px; + } + .sprite-resource-icons.cp.large { + background-position: -194px -4034px; + width: 60px; + height: 60px; + } + .sprite-resource-icons.vl { + background-position: -210px -2591px; + width: 28px; + height: 28px; + } + .sprite-resource-icons.vl.small { + background-position: -210px -2591px; + width: 28px; + height: 28px; + } + .sprite-resource-icons.vl.medium { + background-position: -141px -2579px; + width: 40px; + height: 40px; + } + .sprite-resource-icons.vl.large { + background-position: -70px -2560px; + width: 60px; + height: 60px; + } + .sprite-resource-icons.cloudep { + background-position: -282px -2225px; + width: 63px; + height: 43px; + } + .sprite-resource-icons.cloudep.small { + background-position: -209px -2241px; + width: 28px; + height: 28px; + } + .sprite-resource-icons.cloudep.medium { + background-position: -141px -2229px; + width: 40px; + height: 40px; + } + .sprite-resource-icons.cloudep.large { + background-position: -70px -2209px; + width: 60px; + height: 60px; + } + .sprite-resource-icons.personep { + background-position: -282px -2292px; + width: 47px; + height: 47px; + } + .sprite-resource-icons.personep.small { + background-position: -210px -2311px; + width: 28px; + height: 28px; + } + .sprite-resource-icons.personep.medium { + background-position: -141px -2299px; + width: 40px; + height: 40px; + } + .sprite-resource-icons.personep.large { + background-position: -70px -2279px; + width: 60px; + height: 60px; + } + .sprite-resource-icons.premisesep { + background-position: -281px -2360px; + width: 41px; + height: 50px; + } + .sprite-resource-icons.premisesep.small { + background-position: -210px -2380px; + width: 28px; + height: 28px; + } + .sprite-resource-icons.premisesep.medium { + background-position: -141px -2368px; + width: 40px; + height: 40px; + } + .sprite-resource-icons.premisesep.large { + background-position: -70px -2349px; + width: 60px; + height: 60px; + } + .sprite-resource-icons.ossep { + background-position: -281px -2420px; + width: 67px; + height: 59px; + } + .sprite-resource-icons.ossep.small { + background-position: -210px -2451px; + width: 28px; + height: 28px; + } + .sprite-resource-icons.ossep.medium { + background-position: -141px -2439px; + width: 40px; + height: 40px; + } + .sprite-resource-icons.ossep.large { + background-position: -70px -2419px; + width: 60px; + height: 60px; + } + .sprite-resource-icons.firewall { + background-position: -282px -3257px; + width: 73px; + height: 74px; + } + .sprite-resource-icons.firewall.small { + background-position: -210px -3301px; + width: 29px; + height: 29px; + } + .sprite-resource-icons.firewall.medium { + background-position: -141px -3289px; + width: 41px; + height: 41px; + } + .sprite-resource-icons.firewall.large { + background-position: -70px -3270px; + width: 60px; + height: 60px; + } + .sprite-resource-icons.vfw { + background-position: -282px -3257px; + width: 73px; + height: 74px; + } + .sprite-resource-icons.vfw.small { + background-position: -210px -3301px; + width: 29px; + height: 29px; + } + .sprite-resource-icons.vfw.medium { + background-position: -141px -3289px; + width: 41px; + height: 41px; + } + .sprite-resource-icons.vfw.large { + background-position: -70px -3270px; + width: 60px; + height: 60px; + } + .sprite-resource-icons.ucpe { + background-position: -282px -3120px; + width: 59px; + height: 60px; + } + .sprite-resource-icons.ucpe.small { + background-position: -210px -3150px; + width: 28px; + height: 28px; + } + .sprite-resource-icons.ucpe.medium { + background-position: -141px -3137px; + width: 41px; + height: 41px; + } + .sprite-resource-icons.ucpe.large { + background-position: -70px -3119px; + width: 60px; + height: 60px; + } + .sprite-resource-icons.vrouter { + background-position: -282px -3066px; + width: 69px; + height: 43px; + } + .sprite-resource-icons.vrouter.small { + background-position: -210px -3080px; + width: 29px; + height: 29px; + } + .sprite-resource-icons.vrouter.medium { + background-position: -141px -3068px; + width: 41px; + height: 41px; + } + .sprite-resource-icons.vrouter.large { + background-position: -70px -3049px; + width: 60px; + height: 60px; + } + .sprite-resource-icons.wanx { + background-position: -283px -2992px; + width: 58px; + height: 47px; + } + .sprite-resource-icons.wanx.small { + background-position: -210px -3009px; + width: 30px; + height: 30px; + } + .sprite-resource-icons.wanx.medium { + background-position: -141px -2998px; + width: 41px; + height: 41px; + } + .sprite-resource-icons.wanx.large { + background-position: -70px -2979px; + width: 60px; + height: 60px; + } + .sprite-resource-icons.networkrules { + background-position: -282px -4731px; + width: 49px; + height: 58px; + } + .sprite-resource-icons.networkrules.small { + background-position: -210px -4749px; + width: 31px; + height: 36px; + } + .sprite-resource-icons.networkrules.medium { + background-position: -141px -4737px; + width: 42px; + height: 47px; + } + .sprite-resource-icons.networkrules.large { + background-position: -70px -4718px; + width: 60px; + height: 67px; + } + .sprite-resource-icons.securityrules { + background-position: -282px -4651px; + width: 49px; + height: 58px; + } + .sprite-resource-icons.securityrules.small { + background-position: -210px -4669px; + width: 31px; + height: 36px; + } + .sprite-resource-icons.securityrules.medium { + background-position: -141px -4657px; + width: 42px; + height: 47px; + } + .sprite-resource-icons.securityrules.large { + background-position: -70px -4638px; + width: 60px; + height: 67px; + } + .sprite-resource-icons.dcae_source { + background-position: -282px -4563px; + width: 60px; + height: 60px; + } + .sprite-resource-icons.dcae_source.small { + background-position: -210px -4588px; + width: 29px; + height: 29px; + } + .sprite-resource-icons.dcae_source.medium { + background-position: -141px -4576px; + width: 41px; + height: 41px; + } + .sprite-resource-icons.dcae_source.large { + background-position: -70px -4558px; + width: 60px; + height: 60px; + } + .sprite-resource-icons.dcae_collector { + background-position: -280px -4500px; + width: 60px; + height: 60px; + } + .sprite-resource-icons.dcae_collector.small { + background-position: -210px -4508px; + width: 29px; + height: 29px; + } + .sprite-resource-icons.dcae_collector.medium { + background-position: -141px -4496px; + width: 41px; + height: 41px; + } + .sprite-resource-icons.dcae_collector.large { + background-position: -69px -4477px; + width: 60px; + height: 60px; + } + .sprite-resource-icons.dcae_utilty { + background-position: -283px -4246px; + width: 60px; + height: 60px; + } + .sprite-resource-icons.dcae_utilty.small { + background-position: -210px -4268px; + width: 29px; + height: 29px; + } + .sprite-resource-icons.dcae_utilty.medium { + background-position: -141px -4256px; + width: 41px; + height: 41px; + } + .sprite-resource-icons.dcae_utilty.large { + background-position: -70px -4238px; + width: 60px; + height: 60px; + } + .sprite-resource-icons.dcae_microservice { + background-position: -281px -4167px; + width: 60px; + height: 60px; + } + .sprite-resource-icons.dcae_microservice.small { + background-position: -210px -4188px; + width: 28px; + height: 28px; + } + .sprite-resource-icons.dcae_microservice.medium { + background-position: -140px -4176px; + width: 41px; + height: 41px; + } + .sprite-resource-icons.dcae_microservice.large { + background-position: -71px -4157px; + width: 60px; + height: 60px; + } + .sprite-resource-icons.dcae_analytics { + background-position: -282px -4409px; + width: 60px; + height: 60px; + } + .sprite-resource-icons.dcae_analytics.small { + background-position: -210px -4424px; + width: 29px; + height: 29px; + } + .sprite-resource-icons.dcae_analytics.medium { + background-position: -141px -4413px; + width: 41px; + height: 41px; + } + .sprite-resource-icons.dcae_analytics.large { + background-position: -70px -4394px; + width: 60px; + height: 60px; + } + .sprite-resource-icons.dcae_database { + background-position: -282px -180px; + width: 63px; + height: 56px; + } + .sprite-resource-icons.dcae_database.small { + background-position: -210px -211px; + width: 29px; + height: 29px; + } + .sprite-resource-icons.dcae_database.medium { + background-position: -140px -199px; + width: 40px; + height: 40px; + } + .sprite-resource-icons.dcae_database.large { + background-position: -70px -179px; + width: 60px; + height: 60px; + } + .sprite-resource-icons.dcae_policy { + background-position: -282px -4332px; + width: 60px; + height: 60px; + } + .sprite-resource-icons.dcae_policy.small { + background-position: -210px -4348px; + width: 29px; + height: 29px; + } + .sprite-resource-icons.dcae_policy.medium { + background-position: -141px -4336px; + width: 41px; + height: 41px; + } + .sprite-resource-icons.dcae_policy.large { + background-position: -70px -4317px; + width: 60px; + height: 60px; + } + .sprite-resource-icons.monitoring_template { + background-position: -283px -4824px; + width: 54px; + height: 36px; + } + .sprite-resource-icons.monitoring_template.small { + background-position: -211px -4831px; + width: 29px; + height: 29px; + } + .sprite-resource-icons.monitoring_template.medium { + background-position: -142px -4819px; + width: 41px; + height: 41px; + } + .sprite-resource-icons.monitoring_template.large { + background-position: -71px -4800px; + width: 60px; + height: 60px; + } + .sprite-resource-icons.allotted_resource { + background-position: -283px -4896px; + width: 44px; + height: 44px; + } + .sprite-resource-icons.allotted_resource.small { + background-position: -210px -4910px; + width: 29px; + height: 29px; + } + .sprite-resource-icons.allotted_resource.medium { + background-position: -141px -4898px; + width: 41px; + height: 41px; + } + .sprite-resource-icons.allotted_resource.large { + background-position: -70px -4879px; + width: 60px; + height: 60px; + } + .sprite-services-icons { + background-image: url(/sdc1/scripts/images/sprite-services-icons.638019588f5319701849.png); + display: inline-block; + } + .sprite-services-icons.disable { + opacity: 0.5; + } + .sprite-services-icons.compute { + background-position: -282px -46px; + width: 55px; + height: 53px; + } + .sprite-services-icons.compute.small { + background-position: -210px -71px; + width: 29px; + height: 28px; + } + .sprite-services-icons.compute.medium { + background-position: -140px -59px; + width: 41px; + height: 40px; + } + .sprite-services-icons.compute.large { + background-position: -70px -41px; + width: 61px; + height: 60px; + } + .sprite-services-icons.platform { + background-position: -282px -122px; + width: 55px; + height: 45px; + } + .sprite-services-icons.platform.small { + background-position: -210px -140px; + width: 29px; + height: 29px; + } + .sprite-services-icons.platform.medium { + background-position: -140px -128px; + width: 41px; + height: 41px; + } + .sprite-services-icons.platform.large { + background-position: -70px -109px; + width: 61px; + height: 60px; + } + .sprite-services-icons.storage { + background-position: -282px -194px; + width: 55px; + height: 44px; + } + .sprite-services-icons.storage.small { + background-position: -210px -210px; + width: 29px; + height: 29px; + } + .sprite-services-icons.storage.medium { + background-position: -140px -198px; + width: 41px; + height: 41px; + } + .sprite-services-icons.storage.large { + background-position: -70px -178px; + width: 61px; + height: 61px; + } + .sprite-services-icons.call_controll { + background-position: -282px -268px; + width: 36px; + height: 41px; + } + .sprite-services-icons.call_controll.small { + background-position: -210px -280px; + width: 29px; + height: 29px; + } + .sprite-services-icons.call_controll.medium { + background-position: -140px -268px; + width: 41px; + height: 41px; + } + .sprite-services-icons.call_controll.large { + background-position: -70px -248px; + width: 61px; + height: 61px; + } + .sprite-services-icons.collaboration { + background-position: -282px -335px; + width: 43px; + height: 44px; + } + .sprite-services-icons.collaboration.small { + background-position: -210px -350px; + width: 29px; + height: 29px; + } + .sprite-services-icons.collaboration.medium { + background-position: -140px -338px; + width: 41px; + height: 41px; + } + .sprite-services-icons.collaboration.large { + background-position: -70px -318px; + width: 61px; + height: 61px; + } + .sprite-services-icons.collaboration1 { + background-position: -280px -417px; + width: 49px; + height: 32px; + } + .sprite-services-icons.collaboration1.small { + background-position: -209px -419px; + width: 29px; + height: 29px; + } + .sprite-services-icons.collaboration1.medium { + background-position: -140px -408px; + width: 41px; + height: 41px; + } + .sprite-services-icons.collaboration1.large { + background-position: -70px -388px; + width: 61px; + height: 61px; + } + .sprite-services-icons.messaging { + background-position: -282px -482px; + width: 43px; + height: 40px; + } + .sprite-services-icons.messaging.small { + background-position: -210px -491px; + width: 28px; + height: 28px; + } + .sprite-services-icons.messaging.medium { + background-position: -140px -478px; + width: 41px; + height: 41px; + } + .sprite-services-icons.messaging.large { + background-position: -70px -458px; + width: 61px; + height: 61px; + } + .sprite-services-icons.notification { + background-position: -282px -538px; + width: 43px; + height: 52px; + } + .sprite-services-icons.notification.small { + background-position: -210px -561px; + width: 28px; + height: 28px; + } + .sprite-services-icons.notification.medium { + background-position: -140px -548px; + width: 41px; + height: 41px; + } + .sprite-services-icons.notification.large { + background-position: -70px -528px; + width: 60px; + height: 60px; + } + .sprite-services-icons.mobility { + background-position: -282px -598px; + width: 64px; + height: 62px; + } + .sprite-services-icons.mobility.small { + background-position: -210px -630px; + width: 29px; + height: 29px; + } + .sprite-services-icons.mobility.medium { + background-position: -140px -618px; + width: 41px; + height: 41px; + } + .sprite-services-icons.mobility.large { + background-position: -70px -601px; + width: 60px; + height: 60px; + } + .sprite-services-icons.network_l_1-3 { + background-position: -282px -672px; + width: 63px; + height: 57px; + } + .sprite-services-icons.network_l_1-3.small { + background-position: -210px -701px; + width: 28px; + height: 28px; + } + .sprite-services-icons.network_l_1-3.medium { + background-position: -139px -688px; + width: 41px; + height: 41px; + } + .sprite-services-icons.network_l_1-3.large { + background-position: -70px -671px; + width: 60px; + height: 60px; + } + .sprite-services-icons.network_l_4 { + background-position: -286px -744px; + width: 63px; + height: 57px; + } + .sprite-services-icons.network_l_4.small { + background-position: -210px -771px; + width: 28px; + height: 28px; + } + .sprite-services-icons.network_l_4.medium { + background-position: -140px -758px; + width: 41px; + height: 41px; + } + .sprite-services-icons.network_l_4.large { + background-position: -70px -740px; + width: 61px; + height: 61px; + } + .sprite-services-icons.defaulticon { + background-position: -270px -810px; + width: 60px; + height: 60px; + } + .sprite-services-icons.defaulticon.small { + background-position: -220px -842px; + width: 28px; + height: 28px; + } + .sprite-services-icons.defaulticon.medium { + background-position: -169px -830px; + width: 40px; + height: 40px; + } + .sprite-services-icons.defaulticon.large { + background-position: -70px -809px; + width: 60px; + height: 60px; + } + /* ============ flash ============ */ + @-webkit-keyframes flash { + 0% { + opacity: 1; + } + 20% { + opacity: 1; + } + 50% { + opacity: 0; + } + 80% { + opacity: 1; + } + 100% { + opacity: 1; + } + } + /* Safari, Chrome and Opera > 12.1 */ + /* Firefox < 16 */ + /* Opera < 12.1 */ + /* Internet Explorer */ + @keyframes flash { + 0% { + opacity: 1; + } + 20% { + opacity: 1; + } + 50% { + opacity: 0; + } + 80% { + opacity: 1; + } + 100% { + opacity: 1; + } + } + /* ============ fadein ============ */ + @-webkit-keyframes fadein { + from { + opacity: 0; + } + to { + opacity: 1; + } + } + /* Safari, Chrome and Opera > 12.1 */ + /* Firefox < 16 */ + /* Opera < 12.1 */ + /* Internet Explorer */ + @keyframes fadein { + from { + opacity: 0; + } + to { + opacity: 1; + } + } + /* ============ fadeout ============ */ + @-webkit-keyframes fadeout { + from { + opacity: 1; + } + to { + opacity: 0; + } + } + /* Safari, Chrome and Opera > 12.1 */ + /* Firefox < 16 */ + /* Opera < 12.1 */ + /* Internet Explorer */ + @keyframes fadeout { + from { + opacity: 1; + } + to { + opacity: 0; + } + } + .w-sdc-btn { + color: #ffffff; + font-family: omnes-regular, sans-serif; + font-size: 16px; + cursor: pointer; + border-radius: 5px; + border: 0; + height: 38px; + line-height: 38px; + width: 195px; + margin: 0 6px; + padding: 0; + vertical-align: middle; + outline: none; + } + .w-sdc-btn:disabled { + background-color: #cdcdcd; + } + .w-sdc-btn-small { + color: #ffffff; + font-family: omnes-regular, sans-serif; + font-size: 13px; + cursor: pointer; + border-radius: 5px; + border: 0; + height: 30px; + line-height: 30px; + width: 71px; + margin: 0 6px; + padding: 0; + outline: none; + vertical-align: middle; + position: relative; + } + .w-sdc-btn-small:disabled { + background-color: #cdcdcd; + } + .w-sdc-btn-red-small { + color: #ffffff; + font-family: omnes-regular, sans-serif; + font-size: 13px; + cursor: pointer; + border-radius: 5px; + border: 0; + height: 30px; + line-height: 30px; + width: 71px; + margin: 0 6px; + padding: 0; + outline: none; + vertical-align: middle; + position: relative; + background-color: #da1f3d; + padding-left: 15px; + } + .w-sdc-btn-red-small:disabled { + background-color: #cdcdcd; + } + .w-sdc-btn-red-small:hover:enabled { + background-color: #ad1931; + } + .w-sdc-btn-red-small span { + position: absolute; + top: 7px; + left: 10px; + } + .w-sdc-btn-green-small { + color: #ffffff; + font-family: omnes-regular, sans-serif; + font-size: 13px; + cursor: pointer; + border-radius: 5px; + border: 0; + height: 30px; + line-height: 30px; + width: 71px; + margin: 0 6px; + padding: 0; + outline: none; + vertical-align: middle; + position: relative; + background-color: #28bd6e; + } + .w-sdc-btn-green-small:disabled { + background-color: #cdcdcd; + } + .w-sdc-btn-green-small:hover:enabled { + background-color: #1f9356; + } + .w-sdc-btn-light-green { + color: #ffffff; + font-family: omnes-regular, sans-serif; + font-size: 16px; + cursor: pointer; + border-radius: 5px; + border: 0; + height: 38px; + line-height: 38px; + width: 195px; + margin: 0 6px; + padding: 0; + vertical-align: middle; + outline: none; + background-color: #28bd6e; + } + .w-sdc-btn-light-green:disabled { + background-color: #cdcdcd; + } + .w-sdc-btn-light-green:hover:enabled { + background-color: #1f9356; + } + .w-sdc-btn-green { + color: #ffffff; + font-family: omnes-regular, sans-serif; + font-size: 16px; + cursor: pointer; + border-radius: 5px; + border: 0; + height: 38px; + line-height: 38px; + width: 195px; + margin: 0 6px; + padding: 0; + vertical-align: middle; + outline: none; + background-color: #1d9a95; + } + .w-sdc-btn-green:disabled { + background-color: #cdcdcd; + } + .w-sdc-btn-green:hover:enabled { + background-color: #156f6b; + } + .w-sdc-btn-blue { + color: #ffffff; + font-family: omnes-regular, sans-serif; + font-size: 16px; + cursor: pointer; + border-radius: 5px; + border: 0; + height: 38px; + line-height: 38px; + width: 195px; + margin: 0 6px; + padding: 0; + vertical-align: middle; + outline: none; + background-color: #3b7b9b; + } + .w-sdc-btn-blue:disabled { + background-color: #cdcdcd; + } + .w-sdc-btn-blue:hover:enabled { + background-color: #2d5e76; + } + .w-sdc-btn-dark-gray { + color: #ffffff; + font-family: omnes-regular, sans-serif; + font-size: 16px; + cursor: pointer; + border-radius: 5px; + border: 0; + height: 38px; + line-height: 38px; + width: 195px; + margin: 0 6px; + padding: 0; + vertical-align: middle; + outline: none; + background-color: #445663; + } + .w-sdc-btn-dark-gray:disabled { + background-color: #cdcdcd; + } + .w-sdc-btn-dark-gray:hover:enabled { + background-color: #2f3c45; + } + .w-sdc-form-action { + color: #ffffff; + font-family: omnes-medium, sans-serif; + font-size: 16px; + background-color: #28bd6e; + border-radius: 5px; + cursor: pointer; + border: 0; + height: 38px; + line-height: 38px; + width: 264px; + } + .w-sdc-form-action:hover { + background-color: #23aa63; + } + .w-sdc-form-action:disabled { + background-color: #93deb6; + } + /* + CLASSIC BUTTON + Examples: + ------------------------------------------------------------------- + <button class="w-sdc-classic-btn blue">Text 1</button> + <button class="w-sdc-classic-btn green">Text 1</button> + <button class="w-sdc-classic-btn gray">Text 1</button> + <button class="w-sdc-classic-btn white">Text 1</button> + <button class="w-sdc-classic-btn blue disabled">Text 5</button> + */ + .w-sdc-classic-btn { + color: #ffffff; + font-family: omnes-medium, sans-serif; + font-size: 14px; + text-align: center; + border-radius: 2px; + border-style: solid; + border-width: 1px; + width: 94px; + height: 30px; + display: block; + vertical-align: middle; + line-height: 30px; + cursor: pointer; + text-decoration: none; + box-sizing: border-box; + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + position: relative; + } + .w-sdc-classic-btn:focus, + .w-sdc-classic-btn:active:focus { + outline: 0 none; + } + .w-sdc-classic-btn.primary { + border-color: #056bae; + background-color: #009fdb; + color: #ffffff; + } + .w-sdc-classic-btn.primary:hover { + background-color: #1ec2ff; + } + .w-sdc-classic-btn.blue { + color: #ffffff; + font-family: omnes-medium, sans-serif; + font-size: 14px; + border-color: #036698; + background-color: #3b7b9b; + box-shadow: 0px 1px 0.99px 0.01px #023c59; + } + .w-sdc-classic-btn.blue:hover { + border-color: #036698; + background-color: #458eb2; + box-shadow: 0px 1px 0.99px 0.01px #023c59; + } + .w-sdc-classic-btn.blue:active { + border-color: #036698; + background-color: #336c88; + box-shadow: 0px 1px 0.99px 0.01px #023c59; + } + .w-sdc-classic-btn.blue:focus:before { + content: " "; + position: absolute; + top: 0px; + left: 0px; + right: 0px; + bottom: -1px; + border: 1px solid #ffffff; + z-index: 1; + border-radius: 2px; + } + .w-sdc-classic-btn.blue:disabled, + .w-sdc-classic-btn.blue.disabled { + color: #ffffff; + font-family: omnes-medium, sans-serif; + font-size: 14px; + opacity: 0.3; + border-color: #036698; + background-color: #3b7b9b; + box-shadow: 0px 1px 0.99px 0.01px #023c59; + } + .w-sdc-classic-btn.green { + color: #ffffff; + font-family: omnes-medium, sans-serif; + font-size: 14px; + border-color: #25a762; + background-color: #28bd6e; + box-shadow: 0px 1px 0.99px 0.01px #235600; + } + .w-sdc-classic-btn.green:hover { + border-color: #25a762; + background-color: #2bcd77; + box-shadow: 0px 1px 0.99px 0.01px #235600; + } + .w-sdc-classic-btn.green:active { + border-color: #45a006; + background-color: #24a862; + box-shadow: 0px 1px 0.99px 0.01px #235600; + } + .w-sdc-classic-btn.green:focus:before { + content: " "; + position: absolute; + top: 0px; + left: 0px; + right: 0px; + bottom: -1px; + border: 1px solid #ffffff; + z-index: 1; + border-radius: 2px; + } + .w-sdc-classic-btn.green:disabled, + .w-sdc-classic-btn.green.disabled { + color: #ffffff; + font-family: omnes-medium, sans-serif; + font-size: 14px; + opacity: 0.3; + border-color: #45a006; + background-color: #28bd6e; + box-shadow: 0px 1px 0.99px 0.01px #235600; + } + .w-sdc-classic-btn.gray { + color: #666666; + font-family: omnes-medium, sans-serif; + font-size: 14px; + border-color: #d8d8d8; + background-color: #f6f6f6; + box-shadow: 0px 1px 0.99px 0.01px #aaaaaa; + } + .w-sdc-classic-btn.gray:hover { + border-color: #d8d8d8; + background-color: #ececec; + box-shadow: 0px 1px 0.99px 0.01px #aaaaaa; + } + .w-sdc-classic-btn.gray:active { + border-color: #d8d8d8; + background-color: #d7d7d7; + box-shadow: 0px 1px 0.99px 0.01px #aaaaaa; + } + .w-sdc-classic-btn.gray:focus:before { + content: " "; + position: absolute; + top: -1px; + left: -1px; + right: -1px; + bottom: -2px; + border: 1px solid #666666; + z-index: 1; + border-radius: 2px; + } + .w-sdc-classic-btn.gray:disabled, + .w-sdc-classic-btn.gray.disabled { + color: #666666; + font-family: omnes-medium, sans-serif; + font-size: 14px; + opacity: 0.3; + border-color: #d8d8d8; + background-color: #f6f6f6; + box-shadow: 0px 1px 0.99px 0.01px #aaaaaa; + } + .w-sdc-classic-btn.white { + color: #666666; + font-family: omnes-medium, sans-serif; + font-size: 14px; + border-color: #d8d8d8; + background-color: #ffffff; + box-shadow: 0px 1px 0.99px 0.01px #aaaaaa; + } + .w-sdc-classic-btn.white:hover { + border-color: #d8d8d8; + background-color: #f6f6f6; + box-shadow: 0px 1px 0.99px 0.01px #aaaaaa; + } + .w-sdc-classic-btn.white:active { + border-color: #d8d8d8; + background-color: #ececec; + box-shadow: 0px 1px 0.99px 0.01px #aaaaaa; + } + .w-sdc-classic-btn.white:focus:before { + content: " "; + position: absolute; + top: -1px; + left: -1px; + right: -1px; + bottom: -2px; + border: 1px solid #666666; + z-index: 1; + border-radius: 2px; + } + .w-sdc-classic-btn.white:disabled, + .w-sdc-classic-btn.white.disabled { + color: #666666; + font-family: omnes-medium, sans-serif; + font-size: 14px; + opacity: 0.3; + border-color: #d8d8d8; + background-color: #ffffff; + box-shadow: 0px 1px 0.99px 0.01px #aaaaaa; + } + /* + WIZARD STEP CIRCLE BUTTON + Examples: + ------------------------------------------------------------------- + <button class="w-sdc-wizard-step-btn">1</button> + <button class="w-sdc-wizard-step-btn selected">2</button> + <button class="w-sdc-wizard-step-btn valid">3</button> + <button class="w-sdc-wizard-step-btn">4</button> + <button class="w-sdc-wizard-step-btn disabled">5</button> + */ + .w-sdc-wizard-step-btn { + background-color: #f6f6f6; + border-radius: 50%; + color: #ffffff; + content: ''; + height: 36px; + width: 36px; + text-align: center; + display: block; + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + outline: 0 none; + position: relative; + vertical-align: top; + cursor: pointer; + vertical-align: middle; + border: none; + box-shadow: inset 0px 0px 0px 1px #d8d8d8; + color: #666666; + font-family: omnes-medium, sans-serif; + font-size: 15px; + } + .w-sdc-wizard-step-btn:active { + box-shadow: none; + background-color: #eaeaea; + } + .w-sdc-wizard-step-btn.disabled { + color: #a8b3b9; + cursor: default; + } + .w-sdc-wizard-step-btn.disabled:active { + box-shadow: inset 0px 0px 0px 1px #d8d8d8; + background-color: #f6f6f6; + } + .w-sdc-wizard-step-btn.valid { + background-color: #ffffff; + border-radius: 50%; + color: #ffffff; + content: ''; + height: 36px; + width: 36px; + text-align: center; + display: block; + box-shadow: inset 0px 0px 0px 2px #28bd6e; + color: #666666; + font-family: omnes-medium, sans-serif; + font-size: 15px; + } + .w-sdc-wizard-step-btn.selected { + color: #ffffff; + font-family: omnes-medium, sans-serif; + font-size: 15px; + background-color: #3b7b9b; + box-shadow: none; + } + .w-sdc-wizard-step-btn.selected:active { + background-color: #336c88; + } + .w-sdc-dark-header { + color: #ffffff; + font-family: omnes-medium, sans-serif; + font-size: 20px; + background-color: #445663; + height: 94px; + width: 100%; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + } + .w-sdc-dark-header .w-sdc-dark-header-logo { + cursor: pointer; + height: 92px; + width: 240px; + padding: 28px 28px 28px 60px; + -ms-flex-preferred-size: 240px; + flex-basis: 240px; + -webkit-box-flex: 0; + -ms-flex-positive: 0; + flex-grow: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + } + .w-sdc-dark-header .w-sdc-dark-header-logo .w-sdc-dark-header-logo-icon { + display: inline-block; + margin-right: 8px; + vertical-align: -6px; + } + .w-sdc-dark-header .w-sdc-dark-header-logo a.w-sdc-dark-header-logo-link { + color: #ffffff; + font-family: omnes-medium, sans-serif; + font-size: 30px; + text-decoration: none; + } + .w-sdc-dark-header .w-sdc-dark-header-logo .w-sdc-dark-header-version { + color: #ffffff; + font-family: omnes-regular, sans-serif; + font-size: 10px; + -moz-opacity: 0.6; + -khtml-opacity: 0.6; + -webkit-opacity: 0.6; + opacity: 0.6; + } + .w-sdc-dark-header .i-sdc-dark-header-caption { + min-width: 175px; + text-align: left; + cursor: default; + text-overflow: ellipsis; + overflow: hidden; + -webkit-box-flex: 10; + -ms-flex-positive: 10; + flex-grow: 10; + padding-left: 27px; + white-space: nowrap; + } + .w-sdc-dark-header .i-sdc-dark-header-caption .i-sdc-dark-header-caption-text { + text-overflow: ellipsis; + overflow: hidden; + } + .w-sdc-dark-header .w-sdc-header-user-container { + color: #ffffff; + font-family: omnes-medium, sans-serif; + font-size: 14px; + } + @font-face { + font-family: omnes-italic; + src: url(/sdc1/scripts/fonts/Omnes_ATTW02Italic.92ae9d8d38675c8ce81b.eot); + src: url(/sdc1/scripts/fonts/Omnes_ATTW02Italic.92ae9d8d38675c8ce81b.eot?#iefix) format('embedded-opentype'), url(/sdc1/scripts/images/Omnes_ATTW02Italic.71faeb25a3e646f1f582.ttf); + } + @font-face { + font-family: omnes-light; + src: url(/sdc1/scripts/fonts/Omnes_ATTW02Light.266078b8b4f60ce325d6.eot); + src: url(/sdc1/scripts/fonts/Omnes_ATTW02Light.266078b8b4f60ce325d6.eot?#iefix) format('embedded-opentype'), url(/sdc1/scripts/images/Omnes_ATTW02Light.2e91f88ec67c43a8d74e.ttf); + } + @font-face { + font-family: omnes-light-italic; + src: url(/sdc1/scripts/fonts/Omnes_ATTW02LightItalic.466b2c6938e44a0493d4.eot); + src: url(/sdc1/scripts/fonts/Omnes_ATTW02LightItalic.466b2c6938e44a0493d4.eot?#iefix) format('embedded-opentype'), url(/sdc1/scripts/images/Omnes_ATTW02LightItalic.ad98ee7578e718507898.ttf); + } + @font-face { + font-family: omnes-medium; + src: url(/sdc1/scripts/fonts/Omnes_ATTW02Medium.0009fcca5ac8f2cec489.eot); + src: url(/sdc1/scripts/fonts/Omnes_ATTW02Medium.0009fcca5ac8f2cec489.eot?#iefix) format('embedded-opentype'), url(/sdc1/scripts/images/Omnes_ATTW02Medium.ca4734481095ac177dfb.ttf); + } + @font-face { + font-family: omnes-medium-italic; + src: url(/sdc1/scripts/fonts/Omnes_ATTW02MediumItalic.2677fce2a36bc2e3affd.eot); + src: url(/sdc1/scripts/fonts/Omnes_ATTW02MediumItalic.2677fce2a36bc2e3affd.eot?#iefix) format('embedded-opentype'), url(/sdc1/scripts/images/Omnes_ATTW02MediumItalic.763cd1721c06205c692c.ttf); + } + @font-face { + font-family: omnes-regular; + src: url(/sdc1/scripts/fonts/Omnes_ATTW02.6272f8a5338048798717.eot); + src: url(/sdc1/scripts/fonts/Omnes_ATTW02.6272f8a5338048798717.eot?#iefix) format('embedded-opentype'), url(/sdc1/scripts/images/Omnes_ATTW02.2e3bc36d7f8cc45d419b.ttf); + } + @font-face { + font-family: omnes-bold; + src: url(/sdc1/scripts/fonts/Omnes_ATTW02Bold.1a6357a3b57418a36cc9.eot); + src: url(/sdc1/scripts/fonts/Omnes_ATTW02Bold.1a6357a3b57418a36cc9.eot?#iefix) format('embedded-opentype'), url(/sdc1/scripts/images/Omnes_ATTW02Bold.4640921ff47586654de8.ttf); + } + @font-face { + font-family: omnes-bold-italic; + src: url(/sdc1/scripts/fonts/OmnesATTW02BoldItalic.f3f71dc7a8f1c8a49547.eot); + src: url(/sdc1/scripts/fonts/OmnesATTW02BoldItalic.f3f71dc7a8f1c8a49547.eot?#iefix) format('embedded-opentype'), url(/sdc1/scripts/images/OmnesATTW02BoldItalic.3e6fb2d2d79bfbc4282a.ttf); + } + @font-face { + font-family: clearview-book; + src: url(/sdc1/scripts/fonts/ClearviewATT-Bk.607c223b4dd673a27e94.eot); + src: url(/sdc1/scripts/fonts/ClearviewATT-Bk.607c223b4dd673a27e94.eot?#iefix) format('embedded-opentype'), url(/sdc1/scripts/images/ClearviewATT-Bk.5fcd57f750c5e22fdf43.ttf); + } + .w-sdc-form { + padding: 0; + } + .w-sdc-form .w-sdc-form-actions-container { + margin: 20px auto; + width: 100%; + } + .w-sdc-form .w-sdc-form-columns-wrapper { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + } + .w-sdc-form .w-sdc-form-columns-wrapper .w-sdc-form-column { + width: 100%; + margin: 0; + padding: 0 6% 0 0; + text-align: left; + } + .w-sdc-form .w-sdc-form-columns-wrapper .w-sdc-form-column:last-child { + padding: 0; + } + .w-sdc-form .i-sdc-form-item { + margin-bottom: 10px; + position: relative; + text-align: left; + } + .w-sdc-form .i-sdc-form-item.error input[type="text"], + .w-sdc-form .i-sdc-form-item.error input[type="url"], + .w-sdc-form .i-sdc-form-item.error input[type="number"], + .w-sdc-form .i-sdc-form-item.error input[type="password"], + .w-sdc-form .i-sdc-form-item.error select, + .w-sdc-form .i-sdc-form-item.error textarea { + color: #da1f3d; + font-family: omnes-regular, sans-serif; + font-size: 14px; + border-color: #ea7499; + outline: none; + box-sizing: border-box; + } + .w-sdc-form .i-sdc-form-item.error input[type="text"]:hover, + .w-sdc-form .i-sdc-form-item.error input[type="url"]:hover, + .w-sdc-form .i-sdc-form-item.error input[type="number"]:hover, + .w-sdc-form .i-sdc-form-item.error input[type="password"]:hover, + .w-sdc-form .i-sdc-form-item.error select:hover, + .w-sdc-form .i-sdc-form-item.error textarea:hover { + color: #da1f3d; + font-family: omnes-regular, sans-serif; + font-size: 14px; + border-color: #ea7499; + } + .w-sdc-form .i-sdc-form-item.error label { + color: #5a5a5a; + font-family: omnes-medium, sans-serif; + font-size: 14px; + } + .w-sdc-form .i-sdc-form-item label { + color: #5a5a5a; + font-family: omnes-medium, sans-serif; + font-size: 14px; + margin: 0 0 2px 0; + padding: 0; + display: block; + } + .w-sdc-form .i-sdc-form-item label.required::before { + color: #f33; + content: '*'; + margin: 0 4px 0 0; + } + .w-sdc-form .i-sdc-form-item input[type="text"], + .w-sdc-form .i-sdc-form-item input[type="url"], + .w-sdc-form .i-sdc-form-item input[type="number"], + .w-sdc-form .i-sdc-form-item input[type="password"], + .w-sdc-form .i-sdc-form-item select, + .w-sdc-form .i-sdc-form-item textarea { + color: #5a5a5a; + font-family: omnes-regular, sans-serif; + font-size: 14px; + background-color: #ffffff; + border-radius: 2px; + margin: 0; + padding: 0; + border: solid 1px #d2d2d2; + height: 30px; + width: 100%; + display: block; + /* Safari, Chrome and Opera */ + /* Firefox 18- */ + /* Firefox 19+ */ + /* IE 10+ */ + /* Edge */ + } + .w-sdc-form .i-sdc-form-item input[type="text"]::-webkit-input-placeholder, + .w-sdc-form .i-sdc-form-item input[type="url"]::-webkit-input-placeholder, + .w-sdc-form .i-sdc-form-item input[type="number"]::-webkit-input-placeholder, + .w-sdc-form .i-sdc-form-item input[type="password"]::-webkit-input-placeholder, + .w-sdc-form .i-sdc-form-item select::-webkit-input-placeholder, + .w-sdc-form .i-sdc-form-item textarea::-webkit-input-placeholder { + font-style: italic; + } + .w-sdc-form .i-sdc-form-item input[type="text"]:-moz-placeholder, + .w-sdc-form .i-sdc-form-item input[type="url"]:-moz-placeholder, + .w-sdc-form .i-sdc-form-item input[type="number"]:-moz-placeholder, + .w-sdc-form .i-sdc-form-item input[type="password"]:-moz-placeholder, + .w-sdc-form .i-sdc-form-item select:-moz-placeholder, + .w-sdc-form .i-sdc-form-item textarea:-moz-placeholder { + font-style: italic; + } + .w-sdc-form .i-sdc-form-item input[type="text"]::-moz-placeholder, + .w-sdc-form .i-sdc-form-item input[type="url"]::-moz-placeholder, + .w-sdc-form .i-sdc-form-item input[type="number"]::-moz-placeholder, + .w-sdc-form .i-sdc-form-item input[type="password"]::-moz-placeholder, + .w-sdc-form .i-sdc-form-item select::-moz-placeholder, + .w-sdc-form .i-sdc-form-item textarea::-moz-placeholder { + font-style: italic; + } + .w-sdc-form .i-sdc-form-item input[type="text"]:-ms-input-placeholder, + .w-sdc-form .i-sdc-form-item input[type="url"]:-ms-input-placeholder, + .w-sdc-form .i-sdc-form-item input[type="number"]:-ms-input-placeholder, + .w-sdc-form .i-sdc-form-item input[type="password"]:-ms-input-placeholder, + .w-sdc-form .i-sdc-form-item select:-ms-input-placeholder, + .w-sdc-form .i-sdc-form-item textarea:-ms-input-placeholder { + font-style: italic; + } + .w-sdc-form .i-sdc-form-item input[type="text"]:-ms-input-placeholder, + .w-sdc-form .i-sdc-form-item input[type="url"]:-ms-input-placeholder, + .w-sdc-form .i-sdc-form-item input[type="number"]:-ms-input-placeholder, + .w-sdc-form .i-sdc-form-item input[type="password"]:-ms-input-placeholder, + .w-sdc-form .i-sdc-form-item select:-ms-input-placeholder, + .w-sdc-form .i-sdc-form-item textarea:-ms-input-placeholder { + font-style: italic; + } + .w-sdc-form .i-sdc-form-item input[type="text"]:disabled, + .w-sdc-form .i-sdc-form-item input[type="url"]:disabled, + .w-sdc-form .i-sdc-form-item input[type="number"]:disabled, + .w-sdc-form .i-sdc-form-item input[type="password"]:disabled, + .w-sdc-form .i-sdc-form-item select:disabled, + .w-sdc-form .i-sdc-form-item textarea:disabled { + opacity: 0.4; + } + .w-sdc-form .i-sdc-form-item input[type="text"].view-mode, + .w-sdc-form .i-sdc-form-item input[type="url"].view-mode, + .w-sdc-form .i-sdc-form-item input[type="number"].view-mode, + .w-sdc-form .i-sdc-form-item input[type="password"].view-mode, + .w-sdc-form .i-sdc-form-item select.view-mode, + .w-sdc-form .i-sdc-form-item textarea.view-mode { + opacity: 1; + border: solid 1px #d2d2d2; + background-color: #f8f8f8 !important; + pointer-events: none; + cursor: auto; + } + .w-sdc-form .i-sdc-form-item input[type="text"], + .w-sdc-form .i-sdc-form-item input[type="url"], + .w-sdc-form .i-sdc-form-item input[type="number"], + .w-sdc-form .i-sdc-form-item input[type="password"] { + padding: 4px 10px; + } + .w-sdc-form .i-sdc-form-item select { + padding: 4px 7px; + } + .w-sdc-form .i-sdc-form-item textarea { + padding: 6px 10px; + } + .w-sdc-form .i-sdc-form-item select optgroup { + color: #3b7b9b; + } + .w-sdc-form .i-sdc-form-item select optgroup option { + color: #666666; + } + .w-sdc-form .i-sdc-form-item textarea { + min-height: 110px; + resize: none; + } + .w-sdc-form .i-sdc-form-item-error-icon { + background-image: url(/sdc1/scripts/images/sprite-global-old.36e32171fc7d958da86b.png); + display: inline-block; + background-position: -212px -3990px; + width: 13px; + height: 11px; + position: absolute; + } + .w-sdc-form .i-sdc-form-item-error-icon .i-sdc-form-item-error-message { + background-color: #da1f3d; + color: #ffffff; + font-family: omnes-regular, sans-serif; + font-size: 12px; + cursor: default; + position: absolute; + top: -10px; + left: -8px; + height: 30px; + padding: 6px 10px 6px 30px; + z-index: 999; + text-align: left; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + box-shadow: 0px 1px 1px 0px rgba(24, 24, 25, 0.43); + } + .w-sdc-form .i-sdc-form-item-error-icon .i-sdc-form-item-error-message:before { + content: ''; + position: absolute; + top: 50%; + right: 100%; + margin-top: -5px; + width: 0; + height: 0; + border-right: 5px solid #da1f3d; + border-top: 5px solid transparent; + border-bottom: 5px solid transparent; + } + .w-sdc-form .i-sdc-form-item-error-icon .i-sdc-form-item-error-message span { + white-space: nowrap; + } + .w-sdc-form .i-sdc-form-item-error-icon .i-sdc-form-item-error-message span.error { + background-image: url(/sdc1/scripts/images/sprite-global-old.36e32171fc7d958da86b.png); + display: inline-block; + background-position: -212px -3990px; + width: 13px; + height: 11px; + position: absolute; + top: 9px; + left: 8px; + } + .w-sdc-form .i-sdc-form-item-error-icon .i-sdc-form-item-error-message span.ok { + color: #ffffff; + font-family: omnes-regular, sans-serif; + font-size: 12px; + cursor: pointer; + position: absolute; + right: 10px; + text-decoration: underline; + } + .w-sdc-form .i-sdc-form-item-error-icon .i-sdc-form-item-error-message .i-sdc-form-item-error-icon-open { + background-image: url(/sdc1/scripts/images/sprite-global-old.36e32171fc7d958da86b.png); + display: inline-block; + background-position: -51px -3990px; + width: 13px; + height: 11px; + position: absolute; + top: 9px; + left: 8px; + } + .w-sdc-form .input-error { + color: #cf2a2a; + font-family: omnes-medium, sans-serif; + font-size: 12px; + text-align: left; + } + .w-sdc-form .input-error-file-upload { + color: #cf2a2a; + font-family: omnes-medium, sans-serif; + font-size: 12px; + text-align: left; + margin-top: -10px; + margin-bottom: 10px; + } + .w-sdc-header { + background-color: #D3DBE0; + border-bottom: 1px solid #C1CDD5; + height: 94px; + width: 100%; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + } + .w-sdc-header-logo { + background-color: #445663; + cursor: pointer; + border-bottom: 1px solid #1D3A52; + height: 94px; + width: 240px; + padding: 28px; + -ms-flex-preferred-size: 240px; + flex-basis: 240px; + -webkit-box-flex: 0; + -ms-flex-positive: 0; + flex-grow: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + z-index: 1020; + } + .w-sdc-header-logo-icon { + display: inline-block; + margin-right: 8px; + vertical-align: -6px; + } + a.w-sdc-header-logo-link { + color: #ffffff; + font-family: omnes-medium, sans-serif; + font-size: 30px; + text-decoration: none; + } + .w-sdc-header-version { + color: #ffffff; + font-family: omnes-regular, sans-serif; + font-size: 10px; + -moz-opacity: 0.6; + -khtml-opacity: 0.6; + -webkit-opacity: 0.6; + opacity: 0.6; + } + .i-sdc-header-caption { + min-width: 175px; + text-align: left; + cursor: default; + text-overflow: ellipsis; + overflow: hidden; + -webkit-box-flex: 10; + -ms-flex-positive: 10; + flex-grow: 10; + padding-left: 27px; + white-space: nowrap; + } + .i-sdc-header-caption .i-sdc-header-caption-text { + color: #445663; + font-family: omnes-medium, sans-serif; + font-size: 20px; + text-overflow: ellipsis; + overflow: hidden; + } + .i-sdc-header-caption .i-sdc-header-help { + color: #445663; + font-family: omnes-regular, sans-serif; + font-size: 14px; + cursor: pointer; + margin-left: 26px; + position: relative; + display: inline-block; + } + .i-sdc-header-caption .i-sdc-header-help::before { + background-color: #3b7b9b; + border-radius: 50%; + color: #ffffff; + content: '?'; + display: block; + height: 20px; + position: absolute; + left: -26px; + text-align: center; + width: 20px; + } + .sdc-error-403-container-title { + color: #666666; + font-family: omnes-medium, sans-serif; + font-size: 20px; + } + .full-height { + height: 100%; + background-color: #000000; + } + .w-sdc-main-container { + position: absolute; + top: 50px; + left: 0; + right: 0; + bottom: 89px; + } + .w-sdc-main-container .w-sdc-main-right-container { + background-color: #ECEFF3; + bottom: 0; + padding: 22px 12px; + position: absolute; + left: 240px; + right: 0; + top: 0; + overflow: hidden; + } + .w-sdc-main-container .w-sdc-main-right-container > div:first-child { + padding-bottom: 80px; + } + .w-sdc-main-container .w-sdc-main-right-container .sdc-tile-catalog { + margin: 10px; + } + .w-sdc-row-flex-items { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; + } + .sdc-loading-page { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + position: absolute; + height: 100%; + width: 100%; + } + .sdc-loading-page .caption1 { + color: #ffffff; + font-family: omnes-light, sans-serif; + font-size: 24px; + text-align: center; + } + .sdc-loading-page .caption2 { + color: #ffffff; + font-family: omnes-medium, sans-serif; + font-size: 16px; + display: block; + } + .main-loader .loader { + position: relative; + margin: 0px auto; + width: 80px; + } + .main-loader .loader:before { + content: ''; + display: block; + padding-top: 100%; + } + .main-loader .circular { + -webkit-animation: rotate 2s linear infinite; + animation: rotate 2s linear infinite; + height: 100%; + -webkit-transform-origin: center center; + transform-origin: center center; + width: 100%; + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; + margin: auto; + } + .main-loader .path { + stroke-dasharray: 1,200; + stroke-dashoffset: 0; + -webkit-animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite; + animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite; + stroke-linecap: round; + } + @-webkit-keyframes rotate { + 100% { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } + } + @keyframes rotate { + 100% { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } + } + @-webkit-keyframes dash { + 0% { + stroke-dasharray: 1,200; + stroke-dashoffset: 0; + } + 50% { + stroke-dasharray: 89,200; + stroke-dashoffset: -35px; + } + 100% { + stroke-dasharray: 89,200; + stroke-dashoffset: -124px; + } + } + @keyframes dash { + 0% { + stroke-dasharray: 1,200; + stroke-dashoffset: 0; + } + 50% { + stroke-dasharray: 89,200; + stroke-dashoffset: -35px; + } + 100% { + stroke-dasharray: 89,200; + stroke-dashoffset: -124px; + } + } + @-webkit-keyframes color { + 100%, + 0% { + stroke: #eeeeee; + } + 40% { + stroke: #dddddd; + } + 66% { + stroke: #cccccc; + } + 80%, + 90% { + stroke: #bbbbbb; + } + } + @keyframes color { + 100%, + 0% { + stroke: #eeeeee; + } + 40% { + stroke: #dddddd; + } + 66% { + stroke: #cccccc; + } + 80%, + 90% { + stroke: #bbbbbb; + } + } + .w-sdc-left-sidebar { + width: 242px; + overflow: hidden; + background-color: #ffffff; + box-shadow: 1px 0px 4px 0px rgba(24, 24, 25, 0.17); + position: absolute; + left: 0; + top: 0; + bottom: 0; + padding: 12px 18px; + z-index: 1; + } + .w-sdc-left-sidebar-menu { + margin: 0; + padding: 0; + } + .w-sdc-left-sidebar-menu ul { + margin: 0; + padding: 0; + } + /* Catalog */ + .i-sdc-left-sidebar-nav-item { + color: #ffffff; + font-family: omnes-medium, sans-serif; + font-size: 16px; + cursor: pointer; + border-radius: 4px; + width: 220px; + height: 60px; + line-height: 19px; + margin: 0 auto 10px; + padding: 20px 10px 20px 60px; + box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.3); + text-align: left; + } + .i-sdc-left-sidebar-nav-item::before { + background-image: url(/sdc1/scripts/images/sprite-global-old.36e32171fc7d958da86b.png); + display: inline-block; + content: ''; + position: absolute; + left: 50px; + top: 18px; + } + .i-sdc-left-sidebar-nav-item.catalog { + color: #ffffff; + font-family: omnes-regular, sans-serif; + font-size: 16px; + background-color: #3b7b9b; + text-transform: uppercase; + position: relative; + text-indent: 20px; + } + .i-sdc-left-sidebar-nav-item.catalog:hover { + background-color: #2d5e76; + } + .i-sdc-left-sidebar-nav-item.catalog::before { + background-position: -53px -1303px; + width: 20px; + height: 20px; + } + .i-sdc-left-sidebar-nav-item.distribution { + background-color: #798996; + display: none; + position: relative; + } + .i-sdc-left-sidebar-nav-item.distribution::before { + background-position: -50px -1400px; + width: 24px; + height: 14px; + } + .i-sdc-left-sidebar-nav-item.support { + background-color: #3b7b9b; + position: relative; + } + .i-sdc-left-sidebar-nav-item.support::before { + background-position: -50px -1500px; + width: 22px; + height: 22px; + } + /* */ + .i-sdc-left-sidebar-nav-item-hierachy { + color: #ffffff; + font-family: omnes-medium, sans-serif; + font-size: 16px; + cursor: pointer; + border-radius: 4px; + width: 220px; + height: 60px; + line-height: 19px; + margin: 0 auto 10px; + padding: 20px 10px 20px 60px; + box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.3); + text-align: left; + } + .i-sdc-left-sidebar-nav-item-hierachy::before { + background-image: url(/sdc1/scripts/images/sprite-global-old.36e32171fc7d958da86b.png); + display: inline-block; + content: ''; + position: absolute; + left: 50px; + top: 18px; + } + .i-sdc-left-sidebar-nav-item-hierachy.catalog { + color: #ffffff; + font-family: omnes-regular, sans-serif; + font-size: 16px; + background-color: #3b7b9b; + text-transform: uppercase; + position: relative; + text-indent: 20px; + } + .i-sdc-left-sidebar-nav-item-hierachy.catalog:hover { + background-color: #2d5e76; + } + .i-sdc-left-sidebar-nav-item-hierachy.catalog::before { + background-position: -53px -1303px; + width: 20px; + height: 20px; + } + .i-sdc-left-sidebar-nav-item-hierachy.distribution { + background-color: #798996; + display: none; + position: relative; + } + .i-sdc-left-sidebar-nav-item-hierachy.distribution::before { + background-position: -50px -1400px; + width: 24px; + height: 14px; + } + .i-sdc-left-sidebar-nav-item-hierachy.support { + background-color: #3b7b9b; + position: relative; + } + .i-sdc-left-sidebar-nav-item-hierachy.support::before { + background-position: -50px -1500px; + width: 22px; + height: 22px; + } + /* Dashboard (Non Catalog) */ + .i-sdc-left-sidebar-item { + list-style: none; + color: #5a5a5a; + font-family: omnes-regular, sans-serif; + font-size: 14px; + line-height: 24px; + /*&.selectedLink { + .c_7; + }*/ + } + .i-sdc-left-sidebar-item.category-title { + text-transform: uppercase; + color: #000000; + font-family: omnes-medium, sans-serif; + font-size: 14px; + line-height: 30px; + } + .i-sdc-left-sidebar-item input[type="checkbox"] { + margin-right: 10px; + vertical-align: sub; + } + .i-sdc-left-sidebar-item .i-sdc-left-sidebar-item-state-count { + float: right; + } + .i-sdc-left-sidebar-item .sdc-element-checkbox { + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + } + .i-sdc-left-sidebar-item-seperator { + border-bottom: solid 1px #f2f2f2; + width: 208px; + } + /* ----------------------------------------------------- + OVERRIDE BOOTSTRAP TO CENTER MODAL VERTICALLY. + ----------------------------------------------------- */ + .modal { + text-align: center; + padding: 0!important; + } + .modal:before { + content: ''; + display: inline-block; + height: 100%; + vertical-align: middle; + margin-right: -4px; + } + /* ----------------------------------------------------- + MODAL SIZES + ----------------------------------------------------- */ + .modal-dialog.modal-sdc-xl { + width: 1200px; + } + .modal-dialog.modal-sdc-l { + width: 875px; + } + .modal-dialog.modal-sdc-md { + width: 650px; + } + .modal-dialog.modal-sdc-sm { + width: 552px; + } + .modal-dialog.modal-sdc-xsm { + width: 432px; + } + /* ----------------------------------------------------- + MODAL WRAPPER + ----------------------------------------------------- */ + .modal-dialog { + /* + margin-top: 110px; + width: 1000px; + */ + display: inline-block; + text-align: left; + vertical-align: middle; + } + .modal-content { + /*.border-radius(4px); + background-color: #ffffff; + box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.5); + min-height: 200px;*/ + } + .modal-backdrop { + background-color: #111922; + } + /* ----------------------------------------------------- + PREVIOUS MODAL + ----------------------------------------------------- */ + /*.w-sdc-modal, + .modal-dialog, + .w-sdc-modal-confirmation { + + .w-sdc-modal-head { + .s_18_r; + height: 48px; + line-height: 48px; + text-align: center; + } + + .w-sdc-modal-body { + height: auto; + padding: 20px 40px 20px 40px; + border-bottom: solid 1px @color_a; + position: relative; + } + + .w-sdc-modal-body-content { + .b_1; + padding: 10px 0 0 0; + } + + .w-sdc-modal-icon { + display: inline-block; + } + + .w-sdc-modal-icon-DEBUG { .sprite; .message-DEBUG;} + .w-sdc-modal-icon-INFO { .sprite; .message-INFO;} + .w-sdc-modal-icon-WARNING { .sprite; .message-WARNING;} + .w-sdc-modal-icon-ERROR { .sprite; .message-ERROR;} + + .w-sdc-modal-caption { + .a_6; + display: inline-block; + padding: 0 0 0 25px; + vertical-align: top; + } + + .w-sdc-modal-action { + height: 99px; + text-align: center; + vertical-align: middle; + line-height: 105px; + } + + .sdc-resource-viewer-modal-head { + .c_2; + border-radius: 6px 6px 0 0; + height: 30px; + line-height: 30px; + text-align: center; + } + + .w-sdc-modal-close { + background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAANCAYAAACdKY9CAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkZDQUM1MUVFMDg1NDExRTVBMzdBQ0IxMzM2OTYwNjM2IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkZDQUM1MUVGMDg1NDExRTVBMzdBQ0IxMzM2OTYwNjM2Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RkNBQzUxRUMwODU0MTFFNUEzN0FDQjEzMzY5NjA2MzYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RkNBQzUxRUQwODU0MTFFNUEzN0FDQjEzMzY5NjA2MzYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4EGRD0AAAAhElEQVR42mL8/+8fAxAIAvF7BvwArIYJSKQB8V0gNsajGKEGaMMZIP4PxO+A2BhkIxpOg8qDcAdIQBCPJmTFM8HOh0pg04ShGFkDNk0YitE1wDTdRVK8Ct1P+DyINSAY8HgQa0DgDA1coYdLMc7QQ464mVgiDV0TPOLKcShG1gRWAxBgACObyGI1tr+eAAAAAElFTkSuQmCC'); + color: #3499F7; //TODO: Replace the color, should be sprite + .hand; + position: absolute; + right: 20px; + top: 20px; + display: block; + height: 13px; + width: 12px; + border-radius: 50%; + } + + .w-sdc-resource-viewer-modal-close { + color: #3499F7; //TODO: Replace the color, should be sprite + .hand; + position: absolute; + right: 20px; + top: 5px; + display: block; + line-height: normal; + font-size: 18px; + font-weight: bold; + } + + }*/ + /* ----------------------------------------------------- + NEW DESIGN MODAL + ----------------------------------------------------- */ + .modal-type-standard.w-sdc-classic-modal .w-sdc-modal-head { + border-bottom: solid 3px #009fdb; + } + .modal-type-error.w-sdc-classic-modal .w-sdc-modal-head { + border-bottom: solid 3px #cf2a2a; + } + .modal-type-alert.w-sdc-classic-modal .w-sdc-modal-head { + border-bottom: solid 3px #ffb81c; + } + .w-sdc-classic-modal { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + border-radius: 4px; + background-color: #ffffff; + box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.5); + min-height: 165px; + min-width: 430px; + word-wrap: break-word; + } + .w-sdc-classic-modal .w-sdc-modal-head { + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + color: #191919; + font-family: omnes-medium, sans-serif; + font-size: 18px; + height: 48px; + line-height: 48px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + text-align: left; + border-bottom: solid 3px #009fdb; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + } + .w-sdc-classic-modal .w-sdc-modal-head .w-sdc-modal-head-text { + color: #191919; + font-family: omnes-medium, sans-serif; + font-size: 18px; + -webkit-box-flex: 999; + -ms-flex-positive: 999; + flex-grow: 999; + } + .w-sdc-classic-modal .w-sdc-modal-head .w-sdc-modal-close { + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + background-image: url(/sdc1/scripts/images/sprite-global-old.36e32171fc7d958da86b.png); + display: inline-block; + background-position: -52px -4041px; + width: 10px; + height: 11px; + cursor: pointer; + } + .w-sdc-classic-modal .w-sdc-modal-body { + -webkit-box-flex: 999; + -ms-flex-positive: 999; + flex-grow: 999; + color: #5a5a5a; + font-family: omnes-regular, sans-serif; + font-size: 14px; + padding-top: 20px; + position: relative; + border-bottom: none; + } + .w-sdc-classic-modal .w-sdc-modal-footer { + clear: both; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: end; + -ms-flex-pack: end; + justify-content: flex-end; + border-radius: 6px; + background-color: #f8f8f8; + } + .w-sdc-classic-modal .w-sdc-modal-footer button { + display: block; + margin-right: 11px; + } + .w-sdc-classic-modal .w-sdc-modal-footer button:last-child { + margin-right: 0; + } + .w-sdc-classic-top-line-modal { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + background-color: #ffffff; + box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.5); + min-height: 165px; + min-width: 430px; + border-top: solid 3px #009fdb; + } + .w-sdc-classic-top-line-modal .w-sdc-modal-head { + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + color: #191919; + font-family: omnes-regular, sans-serif; + font-size: 18px; + height: 48px; + line-height: 48px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + text-align: left; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + } + .w-sdc-classic-top-line-modal .w-sdc-modal-head .w-sdc-modal-head-text { + color: #191919; + font-family: omnes-medium, sans-serif; + font-size: 18px; + -webkit-box-flex: 999; + -ms-flex-positive: 999; + flex-grow: 999; + } + .w-sdc-classic-top-line-modal .w-sdc-modal-head .w-sdc-modal-close { + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + background-image: url(/sdc1/scripts/images/sprite-global-old.36e32171fc7d958da86b.png); + display: inline-block; + background-position: -52px -4041px; + width: 10px; + height: 11px; + cursor: pointer; + } + .w-sdc-classic-top-line-modal .w-sdc-modal-body { + -webkit-box-flex: 999; + -ms-flex-positive: 999; + flex-grow: 999; + color: #5a5a5a; + font-family: omnes-regular, sans-serif; + font-size: 14px; + padding-top: 10px; + position: relative; + border-bottom: none; + } + .w-sdc-classic-top-line-modal .w-sdc-modal-footer { + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: end; + -ms-flex-pack: end; + justify-content: flex-end; + } + .w-sdc-classic-top-line-modal .w-sdc-modal-footer button { + display: block; + margin-right: 11px; + } + .w-sdc-classic-top-line-modal .w-sdc-modal-footer button:last-child { + margin-right: 0; + } + .modal-sdc-xl .w-sdc-classic-modal { + padding: 0 40px; + } + .modal-sdc-xl .w-sdc-classic-modal .w-sdc-modal-head { + color: #666666; + font-family: omnes-medium, sans-serif; + font-size: 24px; + height: 60px; + line-height: 60px; + } + .modal-sdc-xl .w-sdc-classic-modal .w-sdc-modal-head .w-sdc-modal-head-text { + -webkit-box-flex: 999; + -ms-flex-positive: 999; + flex-grow: 999; + } + .modal-sdc-xl .w-sdc-classic-modal .w-sdc-modal-head .w-sdc-modal-close { + top: 27px; + right: 41px; + } + .modal-sdc-xl .w-sdc-classic-modal .w-sdc-modal-footer { + height: 80px; + margin: 0 -40px; + padding: 0 40px; + background-color: #f2f2f2; + } + .modal-sdc-xl .w-sdc-classic-top-line-modal, + .modal-sdc-l .w-sdc-classic-top-line-modal, + .modal-sdc-md .w-sdc-classic-top-line-modal, + .modal-sdc-sm .w-sdc-classic-top-line-modal, + .modal-sdc-xsm .w-sdc-classic-top-line-modal { + padding: 0 30px; + } + .modal-sdc-xl .w-sdc-classic-top-line-modal .w-sdc-modal-footer, + .modal-sdc-l .w-sdc-classic-top-line-modal .w-sdc-modal-footer, + .modal-sdc-md .w-sdc-classic-top-line-modal .w-sdc-modal-footer, + .modal-sdc-sm .w-sdc-classic-top-line-modal .w-sdc-modal-footer, + .modal-sdc-xsm .w-sdc-classic-top-line-modal .w-sdc-modal-footer { + margin: 0 -30px; + padding: 17px 30px; + } + .modal-sdc-xl .w-sdc-classic-modal, + .modal-sdc-l .w-sdc-classic-modal, + .modal-sdc-md .w-sdc-classic-modal, + .modal-sdc-sm .w-sdc-classic-modal, + .modal-sdc-xsm .w-sdc-classic-modal { + padding: 0 30px; + } + .modal-sdc-xl .w-sdc-classic-modal .w-sdc-modal-head, + .modal-sdc-l .w-sdc-classic-modal .w-sdc-modal-head, + .modal-sdc-md .w-sdc-classic-modal .w-sdc-modal-head, + .modal-sdc-sm .w-sdc-classic-modal .w-sdc-modal-head, + .modal-sdc-xsm .w-sdc-classic-modal .w-sdc-modal-head { + color: #666666; + font-family: omnes-medium, sans-serif; + font-size: 18px; + height: 50px; + line-height: 50px; + } + .modal-sdc-xl .w-sdc-classic-modal .w-sdc-modal-head .w-sdc-modal-close, + .modal-sdc-l .w-sdc-classic-modal .w-sdc-modal-head .w-sdc-modal-close, + .modal-sdc-md .w-sdc-classic-modal .w-sdc-modal-head .w-sdc-modal-close, + .modal-sdc-sm .w-sdc-classic-modal .w-sdc-modal-head .w-sdc-modal-close, + .modal-sdc-xsm .w-sdc-classic-modal .w-sdc-modal-head .w-sdc-modal-close { + top: 21px; + right: 30px; + } + .modal-sdc-xl .w-sdc-classic-modal .w-sdc-modal-footer, + .modal-sdc-l .w-sdc-classic-modal .w-sdc-modal-footer, + .modal-sdc-md .w-sdc-classic-modal .w-sdc-modal-footer, + .modal-sdc-sm .w-sdc-classic-modal .w-sdc-modal-footer, + .modal-sdc-xsm .w-sdc-classic-modal .w-sdc-modal-footer { + margin: 0 -30px; + padding: 17px 30px; + } + .first-level { + background-color: #eaeaea; + padding: 8px 20px 8px 8px !important; + border-bottom: 1px solid rgba(0, 0, 0, 0.1); + box-shadow: inset 0px -1px 0px 0px rgba(255, 255, 255, 0.7); + height: 40px; + } + .second-level { + background-color: #f8f8f8; + padding: 4px 20px 4px 37px !important; + border-bottom: 1px solid #d2d2d2; + height: 30px; + } + .expand-collapse-title-icon, + .expand-collapse-title-text { + vertical-align: middle; + } + .expanded .first-level, + .expanded .second-level { + background-color: #e6f6fb; + border-left: solid #009fdb 4px; + box-shadow: 0 0px 3px -1px rgba(0, 0, 0, 0.3); + margin-bottom: 2px; + } + .expanded .first-level { + padding-left: 4px !important; + } + .expanded .second-level { + padding-left: 33px !important; + } + .ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y { + background-color: #666666; + border-radius: 0px; + opacity: 1; + width: 6px; + margin: 0 2px; + } + .ps-container > .ps-scrollbar-y-rail { + border-radius: 0px; + width: 10px ; + background-color: rgba(255, 255, 255, 0.5); + z-index: 1000; + } + .table-container-flex { + /* height: 650px; */ + margin-top: 35px; + clear: both; + } + .table-container-flex .table { + width: 100%; + border: 1px solid #d8d8d8; + } + .table-container-flex .table .head { + background-color: #eaeaea; + } + .table-container-flex .table .head .head-row { + color: #333333; + font-weight: bold; + text-align: center; + border-right: 1px solid rgba(120, 136, 148, 0.26); + padding: 8px 15px; + } + .table-container-flex .table .head .head-row:last-child { + border-right: none; + } + .table-container-flex .table .head .head-row .table-header-sort-arrow { + display: inline-block; + background-color: transparent; + border: none; + color: #AAA; + margin: 8px 0 0 5px; + } + .table-container-flex .table .head .head-row .table-header-sort-arrow.up { + border-left: 5px solid transparent; + border-right: 5px solid transparent; + border-bottom: 5px solid; + } + .table-container-flex .table .head .head-row .table-header-sort-arrow.down { + border-left: 5px solid transparent; + border-right: 5px solid transparent; + border-top: 5px solid; + } + .table-container-flex .table .body { + color: #666666; + font-family: omnes-regular, sans-serif; + font-size: 13px; + } + .table-container-flex .table .body .scrollbar-container { + max-height: 430px; + position: relative; + overflow: hidden; + } + .table-container-flex .table .body .data-row { + border-bottom: 1px solid rgba(120, 136, 148, 0.26); + } + .table-container-flex .table .body .data-row div { + border-right: 1px solid rgba(120, 136, 148, 0.26); + } + .table-container-flex .table .body .data-row div:last-child { + border-right: none; + } + .table-container-flex .table .body .data-row div .table-role-select { + background-color: transparent; + border: 0; + width: 100%; + } + .table-container-flex .table .body .data-row div .table-role-label { + margin-left: 4px; + } + .table-container-flex .table .body .data-row.selected { + background-color: #e6f6fb; + } + .table-container-flex .table .body .data-row + div.item-opened { + border-bottom: 1px solid rgba(120, 136, 148, 0.26); + padding: 10px 23px; + text-align: left; + word-break: break-all; + } + .table-container-flex .table .body .data-row:hover { + background-color: #D3DBE0; + } + .table-container-flex .table .body button.add-button { + margin: 10px auto; + display: block; + border: 1px solid #eaeaea; + background-color: #f2f2f2; + box-shadow: 0px 1px 1px 0px rgba(24, 24, 25, 0.05); + width: 297px; + height: 39px; + color: #666666; + font-size: 14px; + font-weight: bold; + } + .table-container-flex .table .body button.add-button:before { + background-image: url(/sdc1/scripts/images/sprite-global.8f8166754d12e1088a25.png); + display: inline-block; + background-position: -350px -125px; + width: 18px; + height: 18px; + float: left; + margin-left: 5px; + content: ""; + } + .table-container-flex .table .no-row-text { + text-align: center; + margin-top: 25px; + } + .table-container-flex .table .no-row-text a { + cursor: pointer; + } + .table-container-flex .table .table-btn-col { + line-height: 0px; + text-align: center; + } + .table-container-flex .table .table-btn-col .table-delete-btn { + background-color: transparent; + border: none; + background-image: url(/sdc1/scripts/images/sprite-global-old.36e32171fc7d958da86b.png); + display: inline-block; + background-position: -64px -2771px; + width: 11px; + height: 13px; + opacity: 0.8; + } + .table-container-flex .table .table-btn-col .table-edit-btn { + background-color: transparent; + border: none; + background-image: url(/sdc1/scripts/images/sprite-global-old.36e32171fc7d958da86b.png); + display: inline-block; + background-position: -51px -3339px; + width: 12px; + height: 12px; + opacity: 0.8; + margin-right: 10px; + } + .table-container-flex .table .table-btn-col .table-save-btn { + background-color: transparent; + border: none; + background-image: url(/sdc1/scripts/images/sprite-global-old.36e32171fc7d958da86b.png); + display: inline-block; + background-position: -157px -4089px; + width: 12px; + height: 12px; + } + .table-container-flex .table .table-btn-col .table-download-btn { + background-color: transparent; + border: none; + cursor: pointer; + margin-left: 10px; + opacity: 0.8; + background-image: url(/sdc1/scripts/images/sprite-global-old.36e32171fc7d958da86b.png); + display: inline-block; + background-position: -51px -3390px; + width: 12px; + height: 11px; + } + .table-container-flex .no-row-text { + text-align: center; + font-size: 15px; + border-bottom: 1px solid #d8d8d8; + width: 300px; + margin: 26px auto; + padding-bottom: 22px; + } + .table-container-flex .flex-container { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + } + .table-container-flex .flex-item { + width: 10px; + line-height: 25px; + padding: 5px 15px; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + text-align: left; + } + .tlv-btn { + border-radius: 2px; + cursor: pointer; + display: inline-block; + font-family: omnes-medium, Sans-Serif; + height: 32px; + min-width: 96px; + line-height: 30px; + padding: 0 16px; + text-align: center; + vertical-align: middle; + font-size: 14px; + } + .tlv-btn:disabled { + opacity: .4; + pointer-events: none; + } + .tlv-btn.blue { + background-color: #009fdb; + border: 1px solid #0091c8; + color: #fff; + } + .tlv-btn.blue:hover { + background-color: #1ec2ff; + } + .tlv-btn.blue:active { + background-color: #0091c7; + border: 1px solid #006186; + outline: none; + } + .tlv-btn.blue:focus { + border-color: #009fdb; + box-shadow: inset 0 0 0 1px #fff; + outline: none; + } + .tlv-btn.white { + background-color: #fff; + border: 1px solid #d8d8d8; + color: #959595; + } + .tlv-btn.white:hover { + border-color: #959595; + } + .tlv-btn.white:active { + background-color: #f2f2f2; + border: 1px solid #595959; + outline: none; + } + .tlv-btn.white:focus { + border-color: #959595; + box-shadow: inset 0 0 0 1px #fff, inset 0 0 0 2px #959595; + outline: none; + } + .tlv-btn.grey { + background-color: #f8f8f8; + border: 1px solid #d8d8d8; + color: #000; + } + .tlv-btn.grey:hover { + border-color: #959595; + } + .tlv-btn.grey:active { + background-color: #d7d7d7; + border: 1px solid #595959; + outline: none; + } + .tlv-btn.grey:focus { + background-color: #f8f8f8; + border-color: #959595; + box-shadow: inset 0 0 0 1px #ffffff, inset 0 0 0 2px #959595; + outline: none; + } + .tlv-btn.green { + background-color: #4ca90c; + border: 1px solid #45a006; + color: #fff; + } + .tlv-btn.green:hover { + background-color: #5ec616; + } + .tlv-btn.green:active { + background-color: #3f8c0a; + border: 1px solid #2c6604; + outline: none; + } + .tlv-btn.green:focus { + box-shadow: inset 0 0 0 1px #fff; + outline: none; + } + .tlv-btn.red { + background-color: #fc2727; + border: 1px solid #a01a1a; + color: #fff; + } + .tlv-btn.red:hover { + background-color: #fc2727; + } + .tlv-btn.red:active { + background-color: #a01a1a; + border: 1px solid #730202; + outline: none; + } + .tlv-btn.red:focus { + box-shadow: inset 0 0 0 1px #ffffff; + outline: none; + } + .tlv-btn.outline.blue { + background-color: #fff; + border: 1px solid #009fdb; + color: #009fdb; + } + .tlv-btn.outline.blue:hover { + background-color: #e5f5fb; + } + .tlv-btn.outline.blue:active { + background-color: #b2e2f4; + border: 1px solid #009fdb; + outline: none; + } + .tlv-btn.outline.blue:focus { + background-color: #fff; + border-color: #009fdb; + box-shadow: inset 0 0 0 1px #fff, inset 0 0 0 2px #009fdb; + outline: none; + } + .tlv-btn.outline.grey { + background-color: #ffffff; + border: 1px solid #959595; + color: #5a5a5a; + } + .tlv-btn.outline.grey:hover { + background-color: #f4f4f4; + border-color: #959595; + } + .tlv-btn.outline.grey:active { + background-color: #dfdfdf; + border: 1px solid #959595; + outline: none; + } + .tlv-btn.outline.grey:focus { + background-color: #fff; + border-color: #959595; + box-shadow: inset 0 0 0 1px #fff, inset 0 0 0 2px #959595; + outline: none; + } + .tlv-btn.outline.green { + background-color: #ffffff; + border: 1px solid #4ca90c; + color: #4ca90c; + } + .tlv-btn.outline.green:hover { + background-color: #edf6e6; + border-color: #4ca90c; + } + .tlv-btn.outline.green:active { + background-color: #c9e5b6; + border: 1px solid #4ca90c; + outline: none; + } + .tlv-btn.outline.green:focus { + background-color: #fff; + border-color: #4ca90c; + box-shadow: inset 0 0 0 1px #fff, inset 0 0 0 2px #4ca90c; + outline: none; + } + .tlv-btn.outline.red { + background-color: #ffffff; + border: 1px solid #cf2a2a; + color: #cf2a2a; + } + .tlv-btn.outline.red:hover { + background-color: #fae9e9; + border-color: #cf2a2a; + } + .tlv-btn.outline.red:active { + background-color: #c9e5b6; + border: 1px solid #cf2a2a; + outline: none; + } + .tlv-btn.outline.red:focus { + background-color: #fff; + border-color: #cf2a2a; + box-shadow: inset 0 0 0 1px #fff, inset 0 0 0 2px #cf2a2a; + outline: none; + } + .tlv-checkbox { + font-family: clearview-book, Sans-Serif; + font-size: 14px; + display: inline-block; + } + .tlv-checkbox .tlv-checkbox-i { + height: 0; + /*visibility: hidden;*/ + display: none; + width: 0; + } + .tlv-checkbox .tlv-checkbox-i:checked ~ .tlv-checkbox-label::before, + .tlv-checkbox .tlv-checkbox-i:checked:hover ~ .tlv-checkbox-label::before { + background-image: url(/sdc1/scripts/images/tlv-sprite.068743809b588c3fce24.png); + display: inline-block; + vertical-align: middle; + background-position: -10px -120px; + width: 14px; + height: 14px; + } + .tlv-checkbox .tlv-checkbox-i:checked ~ .tlv-checkbox-label::before.logo-blue, + .tlv-checkbox .tlv-checkbox-i:checked:hover ~ .tlv-checkbox-label::before.logo-blue { + background-position: -10px -20px; + width: 28px; + height: 28px; + } + .tlv-checkbox .tlv-checkbox-i:checked ~ .tlv-checkbox-label::before.user, + .tlv-checkbox .tlv-checkbox-i:checked:hover ~ .tlv-checkbox-label::before.user { + background-position: -50px -20px; + width: 15px; + height: 20px; + } + .tlv-checkbox .tlv-checkbox-i:checked ~ .tlv-checkbox-label::before .facebook, + .tlv-checkbox .tlv-checkbox-i:checked:hover ~ .tlv-checkbox-label::before .facebook { + background-position: -10px -260px; + width: 36px; + height: 36px; + } + .tlv-checkbox .tlv-checkbox-i:checked ~ .tlv-checkbox-label::before .facebook-hover, + .tlv-checkbox .tlv-checkbox-i:checked:hover ~ .tlv-checkbox-label::before .facebook-hover { + background-position: -10px -300px; + width: 36px; + height: 36px; + } + .tlv-checkbox .tlv-checkbox-i:checked ~ .tlv-checkbox-label::before .twitter, + .tlv-checkbox .tlv-checkbox-i:checked:hover ~ .tlv-checkbox-label::before .twitter { + background-position: -50px -260px; + width: 36px; + height: 36px; + } + .tlv-checkbox .tlv-checkbox-i:checked ~ .tlv-checkbox-label::before .twitter-hover, + .tlv-checkbox .tlv-checkbox-i:checked:hover ~ .tlv-checkbox-label::before .twitter-hover { + background-position: -50px -300px; + width: 36px; + height: 36px; + } + .tlv-checkbox .tlv-checkbox-i:checked ~ .tlv-checkbox-label::before .linkedin, + .tlv-checkbox .tlv-checkbox-i:checked:hover ~ .tlv-checkbox-label::before .linkedin { + background-position: -89px -260px; + width: 36px; + height: 36px; + } + .tlv-checkbox .tlv-checkbox-i:checked ~ .tlv-checkbox-label::before .linkedin-hover, + .tlv-checkbox .tlv-checkbox-i:checked:hover ~ .tlv-checkbox-label::before .linkedin-hover { + background-position: -89px -300px; + width: 36px; + height: 36px; + } + .tlv-checkbox .tlv-checkbox-i:checked ~ .tlv-checkbox-label::before .youtube, + .tlv-checkbox .tlv-checkbox-i:checked:hover ~ .tlv-checkbox-label::before .youtube { + background-position: -130px -260px; + width: 36px; + height: 36px; + } + .tlv-checkbox .tlv-checkbox-i:checked ~ .tlv-checkbox-label::before .youtube-hover, + .tlv-checkbox .tlv-checkbox-i:checked:hover ~ .tlv-checkbox-label::before .youtube-hover { + background-position: -130px -300px; + width: 36px; + height: 36px; + } + .tlv-checkbox .tlv-checkbox-i:checked ~ .tlv-checkbox-label::before .footer-open, + .tlv-checkbox .tlv-checkbox-i:checked:hover ~ .tlv-checkbox-label::before .footer-open { + background-position: -250px -59px; + width: 14px; + height: 10px; + } + .tlv-checkbox .tlv-checkbox-i:checked ~ .tlv-checkbox-label::before .footer-open-hover, + .tlv-checkbox .tlv-checkbox-i:checked:hover ~ .tlv-checkbox-label::before .footer-open-hover { + background-position: -250px -79px; + width: 14px; + height: 10px; + } + .tlv-checkbox .tlv-checkbox-i:checked ~ .tlv-checkbox-label::before .footer-close, + .tlv-checkbox .tlv-checkbox-i:checked:hover ~ .tlv-checkbox-label::before .footer-close { + background-position: -230px -59px; + width: 14px; + height: 10px; + } + .tlv-checkbox .tlv-checkbox-i:checked ~ .tlv-checkbox-label::before .footer-close-hover, + .tlv-checkbox .tlv-checkbox-i:checked:hover ~ .tlv-checkbox-label::before .footer-close-hover { + background-position: -230px -79px; + width: 14px; + height: 10px; + } + .tlv-checkbox .tlv-checkbox-i:checked ~ .tlv-checkbox-label::before .checkbox-disadbled, + .tlv-checkbox .tlv-checkbox-i:checked:hover ~ .tlv-checkbox-label::before .checkbox-disadbled { + background-position: -10px -60px; + width: 14px; + height: 14px; + } + .tlv-checkbox .tlv-checkbox-i:checked ~ .tlv-checkbox-label::before .checkbox, + .tlv-checkbox .tlv-checkbox-i:checked:hover ~ .tlv-checkbox-label::before .checkbox { + background-position: -10px -60px; + width: 14px; + height: 14px; + } + .tlv-checkbox .tlv-checkbox-i:checked ~ .tlv-checkbox-label::before .checkbox-hover, + .tlv-checkbox .tlv-checkbox-i:checked:hover ~ .tlv-checkbox-label::before .checkbox-hover { + background-position: -10px -100px; + width: 14px; + height: 14px; + } + .tlv-checkbox .tlv-checkbox-i:checked ~ .tlv-checkbox-label::before .checkbox-checked, + .tlv-checkbox .tlv-checkbox-i:checked:hover ~ .tlv-checkbox-label::before .checkbox-checked { + background-position: -10px -120px; + width: 14px; + height: 14px; + } + .tlv-checkbox .tlv-checkbox-i:checked ~ .tlv-checkbox-label::before .radio-disabled, + .tlv-checkbox .tlv-checkbox-i:checked:hover ~ .tlv-checkbox-label::before .radio-disabled { + background-position: -50px -60px; + width: 14px; + height: 14px; + } + .tlv-checkbox .tlv-checkbox-i:checked ~ .tlv-checkbox-label::before .radio, + .tlv-checkbox .tlv-checkbox-i:checked:hover ~ .tlv-checkbox-label::before .radio { + background-position: -50px -80px; + width: 14px; + height: 14px; + } + .tlv-checkbox .tlv-checkbox-i:checked ~ .tlv-checkbox-label::before .radio-checked, + .tlv-checkbox .tlv-checkbox-i:checked:hover ~ .tlv-checkbox-label::before .radio-checked { + background-position: -50px -120px; + width: 14px; + height: 14px; + } + .tlv-checkbox .tlv-checkbox-i:disabled ~ .tlv-checkbox-label { + pointer-events: none; + } + .tlv-checkbox .tlv-checkbox-i:hover ~ .tlv-checkbox-label::before { + background-image: url(/sdc1/scripts/images/tlv-sprite.068743809b588c3fce24.png); + display: inline-block; + vertical-align: middle; + background-position: -10px -100px; + width: 14px; + height: 14px; + } + .tlv-checkbox .tlv-checkbox-i:hover ~ .tlv-checkbox-label::before.logo-blue { + background-position: -10px -20px; + width: 28px; + height: 28px; + } + .tlv-checkbox .tlv-checkbox-i:hover ~ .tlv-checkbox-label::before.user { + background-position: -50px -20px; + width: 15px; + height: 20px; + } + .tlv-checkbox .tlv-checkbox-i:hover ~ .tlv-checkbox-label::before .facebook { + background-position: -10px -260px; + width: 36px; + height: 36px; + } + .tlv-checkbox .tlv-checkbox-i:hover ~ .tlv-checkbox-label::before .facebook-hover { + background-position: -10px -300px; + width: 36px; + height: 36px; + } + .tlv-checkbox .tlv-checkbox-i:hover ~ .tlv-checkbox-label::before .twitter { + background-position: -50px -260px; + width: 36px; + height: 36px; + } + .tlv-checkbox .tlv-checkbox-i:hover ~ .tlv-checkbox-label::before .twitter-hover { + background-position: -50px -300px; + width: 36px; + height: 36px; + } + .tlv-checkbox .tlv-checkbox-i:hover ~ .tlv-checkbox-label::before .linkedin { + background-position: -89px -260px; + width: 36px; + height: 36px; + } + .tlv-checkbox .tlv-checkbox-i:hover ~ .tlv-checkbox-label::before .linkedin-hover { + background-position: -89px -300px; + width: 36px; + height: 36px; + } + .tlv-checkbox .tlv-checkbox-i:hover ~ .tlv-checkbox-label::before .youtube { + background-position: -130px -260px; + width: 36px; + height: 36px; + } + .tlv-checkbox .tlv-checkbox-i:hover ~ .tlv-checkbox-label::before .youtube-hover { + background-position: -130px -300px; + width: 36px; + height: 36px; + } + .tlv-checkbox .tlv-checkbox-i:hover ~ .tlv-checkbox-label::before .footer-open { + background-position: -250px -59px; + width: 14px; + height: 10px; + } + .tlv-checkbox .tlv-checkbox-i:hover ~ .tlv-checkbox-label::before .footer-open-hover { + background-position: -250px -79px; + width: 14px; + height: 10px; + } + .tlv-checkbox .tlv-checkbox-i:hover ~ .tlv-checkbox-label::before .footer-close { + background-position: -230px -59px; + width: 14px; + height: 10px; + } + .tlv-checkbox .tlv-checkbox-i:hover ~ .tlv-checkbox-label::before .footer-close-hover { + background-position: -230px -79px; + width: 14px; + height: 10px; + } + .tlv-checkbox .tlv-checkbox-i:hover ~ .tlv-checkbox-label::before .checkbox-disadbled { + background-position: -10px -60px; + width: 14px; + height: 14px; + } + .tlv-checkbox .tlv-checkbox-i:hover ~ .tlv-checkbox-label::before .checkbox { + background-position: -10px -60px; + width: 14px; + height: 14px; + } + .tlv-checkbox .tlv-checkbox-i:hover ~ .tlv-checkbox-label::before .checkbox-hover { + background-position: -10px -100px; + width: 14px; + height: 14px; + } + .tlv-checkbox .tlv-checkbox-i:hover ~ .tlv-checkbox-label::before .checkbox-checked { + background-position: -10px -120px; + width: 14px; + height: 14px; + } + .tlv-checkbox .tlv-checkbox-i:hover ~ .tlv-checkbox-label::before .radio-disabled { + background-position: -50px -60px; + width: 14px; + height: 14px; + } + .tlv-checkbox .tlv-checkbox-i:hover ~ .tlv-checkbox-label::before .radio { + background-position: -50px -80px; + width: 14px; + height: 14px; + } + .tlv-checkbox .tlv-checkbox-i:hover ~ .tlv-checkbox-label::before .radio-checked { + background-position: -50px -120px; + width: 14px; + height: 14px; + } + .tlv-checkbox .tlv-checkbox-label { + /*display: inline-block;*/ + display: block; + vertical-align: middle; + } + .tlv-checkbox .tlv-checkbox-label::before { + background-image: url(/sdc1/scripts/images/tlv-sprite.068743809b588c3fce24.png); + background-position: -10px -60px; + width: 14px; + height: 14px; + content: ''; + display: inline-block; + margin-right: 4px; + margin-top: -2px; + vertical-align: middle; + } + .tlv-checkbox .tlv-checkbox-label::before.logo-blue { + background-position: -10px -20px; + width: 28px; + height: 28px; + } + .tlv-checkbox .tlv-checkbox-label::before.user { + background-position: -50px -20px; + width: 15px; + height: 20px; + } + .tlv-checkbox .tlv-checkbox-label::before .facebook { + background-position: -10px -260px; + width: 36px; + height: 36px; + } + .tlv-checkbox .tlv-checkbox-label::before .facebook-hover { + background-position: -10px -300px; + width: 36px; + height: 36px; + } + .tlv-checkbox .tlv-checkbox-label::before .twitter { + background-position: -50px -260px; + width: 36px; + height: 36px; + } + .tlv-checkbox .tlv-checkbox-label::before .twitter-hover { + background-position: -50px -300px; + width: 36px; + height: 36px; + } + .tlv-checkbox .tlv-checkbox-label::before .linkedin { + background-position: -89px -260px; + width: 36px; + height: 36px; + } + .tlv-checkbox .tlv-checkbox-label::before .linkedin-hover { + background-position: -89px -300px; + width: 36px; + height: 36px; + } + .tlv-checkbox .tlv-checkbox-label::before .youtube { + background-position: -130px -260px; + width: 36px; + height: 36px; + } + .tlv-checkbox .tlv-checkbox-label::before .youtube-hover { + background-position: -130px -300px; + width: 36px; + height: 36px; + } + .tlv-checkbox .tlv-checkbox-label::before .footer-open { + background-position: -250px -59px; + width: 14px; + height: 10px; + } + .tlv-checkbox .tlv-checkbox-label::before .footer-open-hover { + background-position: -250px -79px; + width: 14px; + height: 10px; + } + .tlv-checkbox .tlv-checkbox-label::before .footer-close { + background-position: -230px -59px; + width: 14px; + height: 10px; + } + .tlv-checkbox .tlv-checkbox-label::before .footer-close-hover { + background-position: -230px -79px; + width: 14px; + height: 10px; + } + .tlv-checkbox .tlv-checkbox-label::before .checkbox-disadbled { + background-position: -10px -60px; + width: 14px; + height: 14px; + } + .tlv-checkbox .tlv-checkbox-label::before .checkbox { + background-position: -10px -60px; + width: 14px; + height: 14px; + } + .tlv-checkbox .tlv-checkbox-label::before .checkbox-hover { + background-position: -10px -100px; + width: 14px; + height: 14px; + } + .tlv-checkbox .tlv-checkbox-label::before .checkbox-checked { + background-position: -10px -120px; + width: 14px; + height: 14px; + } + .tlv-checkbox .tlv-checkbox-label::before .radio-disabled { + background-position: -50px -60px; + width: 14px; + height: 14px; + } + .tlv-checkbox .tlv-checkbox-label::before .radio { + background-position: -50px -80px; + width: 14px; + height: 14px; + } + .tlv-checkbox .tlv-checkbox-label::before .radio-checked { + background-position: -50px -120px; + width: 14px; + height: 14px; + } + .tlv-radio { + font-size: 14px; + display: inline-block; + } + .tlv-radio .tlv-radio-i { + height: 0; + visibility: hidden; + width: 0; + } + .tlv-radio .tlv-radio-i:checked ~ .tlv-radio-label::before { + background-image: url(/sdc1/scripts/images/tlv-sprite.068743809b588c3fce24.png); + display: inline-block; + vertical-align: middle; + background-position: -50px -120px; + width: 14px; + height: 14px; + } + .tlv-radio .tlv-radio-i:checked ~ .tlv-radio-label::before.logo-blue { + background-position: -10px -20px; + width: 28px; + height: 28px; + } + .tlv-radio .tlv-radio-i:checked ~ .tlv-radio-label::before.user { + background-position: -50px -20px; + width: 15px; + height: 20px; + } + .tlv-radio .tlv-radio-i:checked ~ .tlv-radio-label::before .facebook { + background-position: -10px -260px; + width: 36px; + height: 36px; + } + .tlv-radio .tlv-radio-i:checked ~ .tlv-radio-label::before .facebook-hover { + background-position: -10px -300px; + width: 36px; + height: 36px; + } + .tlv-radio .tlv-radio-i:checked ~ .tlv-radio-label::before .twitter { + background-position: -50px -260px; + width: 36px; + height: 36px; + } + .tlv-radio .tlv-radio-i:checked ~ .tlv-radio-label::before .twitter-hover { + background-position: -50px -300px; + width: 36px; + height: 36px; + } + .tlv-radio .tlv-radio-i:checked ~ .tlv-radio-label::before .linkedin { + background-position: -89px -260px; + width: 36px; + height: 36px; + } + .tlv-radio .tlv-radio-i:checked ~ .tlv-radio-label::before .linkedin-hover { + background-position: -89px -300px; + width: 36px; + height: 36px; + } + .tlv-radio .tlv-radio-i:checked ~ .tlv-radio-label::before .youtube { + background-position: -130px -260px; + width: 36px; + height: 36px; + } + .tlv-radio .tlv-radio-i:checked ~ .tlv-radio-label::before .youtube-hover { + background-position: -130px -300px; + width: 36px; + height: 36px; + } + .tlv-radio .tlv-radio-i:checked ~ .tlv-radio-label::before .footer-open { + background-position: -250px -59px; + width: 14px; + height: 10px; + } + .tlv-radio .tlv-radio-i:checked ~ .tlv-radio-label::before .footer-open-hover { + background-position: -250px -79px; + width: 14px; + height: 10px; + } + .tlv-radio .tlv-radio-i:checked ~ .tlv-radio-label::before .footer-close { + background-position: -230px -59px; + width: 14px; + height: 10px; + } + .tlv-radio .tlv-radio-i:checked ~ .tlv-radio-label::before .footer-close-hover { + background-position: -230px -79px; + width: 14px; + height: 10px; + } + .tlv-radio .tlv-radio-i:checked ~ .tlv-radio-label::before .checkbox-disadbled { + background-position: -10px -60px; + width: 14px; + height: 14px; + } + .tlv-radio .tlv-radio-i:checked ~ .tlv-radio-label::before .checkbox { + background-position: -10px -60px; + width: 14px; + height: 14px; + } + .tlv-radio .tlv-radio-i:checked ~ .tlv-radio-label::before .checkbox-hover { + background-position: -10px -100px; + width: 14px; + height: 14px; + } + .tlv-radio .tlv-radio-i:checked ~ .tlv-radio-label::before .checkbox-checked { + background-position: -10px -120px; + width: 14px; + height: 14px; + } + .tlv-radio .tlv-radio-i:checked ~ .tlv-radio-label::before .radio-disabled { + background-position: -50px -60px; + width: 14px; + height: 14px; + } + .tlv-radio .tlv-radio-i:checked ~ .tlv-radio-label::before .radio { + background-position: -50px -80px; + width: 14px; + height: 14px; + } + .tlv-radio .tlv-radio-i:checked ~ .tlv-radio-label::before .radio-checked { + background-position: -50px -120px; + width: 14px; + height: 14px; + } + .tlv-radio .tlv-radio-i:disabled ~ .tlv-radio-label { + opacity: .6; + } + .tlv-radio .tlv-radio-label { + display: inline-block; + vertical-align: middle; + margin-bottom: 0; + } + .tlv-radio .tlv-radio-label::before { + background-image: url(/sdc1/scripts/images/tlv-sprite.068743809b588c3fce24.png); + background-position: -50px -80px; + width: 14px; + height: 14px; + content: ''; + display: inline-block; + margin-right: 4px; + margin-top: -2px; + vertical-align: middle; + } + .tlv-radio .tlv-radio-label::before.logo-blue { + background-position: -10px -20px; + width: 28px; + height: 28px; + } + .tlv-radio .tlv-radio-label::before.user { + background-position: -50px -20px; + width: 15px; + height: 20px; + } + .tlv-radio .tlv-radio-label::before .facebook { + background-position: -10px -260px; + width: 36px; + height: 36px; + } + .tlv-radio .tlv-radio-label::before .facebook-hover { + background-position: -10px -300px; + width: 36px; + height: 36px; + } + .tlv-radio .tlv-radio-label::before .twitter { + background-position: -50px -260px; + width: 36px; + height: 36px; + } + .tlv-radio .tlv-radio-label::before .twitter-hover { + background-position: -50px -300px; + width: 36px; + height: 36px; + } + .tlv-radio .tlv-radio-label::before .linkedin { + background-position: -89px -260px; + width: 36px; + height: 36px; + } + .tlv-radio .tlv-radio-label::before .linkedin-hover { + background-position: -89px -300px; + width: 36px; + height: 36px; + } + .tlv-radio .tlv-radio-label::before .youtube { + background-position: -130px -260px; + width: 36px; + height: 36px; + } + .tlv-radio .tlv-radio-label::before .youtube-hover { + background-position: -130px -300px; + width: 36px; + height: 36px; + } + .tlv-radio .tlv-radio-label::before .footer-open { + background-position: -250px -59px; + width: 14px; + height: 10px; + } + .tlv-radio .tlv-radio-label::before .footer-open-hover { + background-position: -250px -79px; + width: 14px; + height: 10px; + } + .tlv-radio .tlv-radio-label::before .footer-close { + background-position: -230px -59px; + width: 14px; + height: 10px; + } + .tlv-radio .tlv-radio-label::before .footer-close-hover { + background-position: -230px -79px; + width: 14px; + height: 10px; + } + .tlv-radio .tlv-radio-label::before .checkbox-disadbled { + background-position: -10px -60px; + width: 14px; + height: 14px; + } + .tlv-radio .tlv-radio-label::before .checkbox { + background-position: -10px -60px; + width: 14px; + height: 14px; + } + .tlv-radio .tlv-radio-label::before .checkbox-hover { + background-position: -10px -100px; + width: 14px; + height: 14px; + } + .tlv-radio .tlv-radio-label::before .checkbox-checked { + background-position: -10px -120px; + width: 14px; + height: 14px; + } + .tlv-radio .tlv-radio-label::before .radio-disabled { + background-position: -50px -60px; + width: 14px; + height: 14px; + } + .tlv-radio .tlv-radio-label::before .radio { + background-position: -50px -80px; + width: 14px; + height: 14px; + } + .tlv-radio .tlv-radio-label::before .radio-checked { + background-position: -50px -120px; + width: 14px; + height: 14px; + } + .tlv-loader { + height: 63px; + width: 63px; + position: absolute; + top: 50%; + left: 50%; + } + .tlv-loader.small { + -webkit-transform: scale(0.26); + transform: scale(0.26); + margin-top: -36.5px; + margin-left: -36.5px; + } + .tlv-loader.medium { + -webkit-transform: scale(0.5); + transform: scale(0.5); + margin-top: -26.5px; + margin-left: -26.5px; + } + .tlv-loader.large { + -webkit-transform: scale(1); + transform: scale(1); + margin-top: -10.5px; + margin-left: -10.5px; + } + .tlv-loader::before { + background-color: #eaeaea; + border-radius: 50%; + box-shadow: 21px 21px 0px 0px #eaeaea, 0px 42px 0px 0px #eaeaea, -21px 21px 0px 0px #eaeaea; + content: ''; + display: block; + height: 21px; + width: 21px; + position: absolute; + left: 50%; + margin-left: -10.5px; + } + .tlv-loader::after { + border-radius: 50%; + content: ''; + display: block; + position: absolute; + height: 21px; + width: 21px; + -webkit-animation: dot-move-2 4.5s infinite ease-in; + animation: dot-move-2 4.5s infinite ease-in; + } + @-webkit-keyframes dot-move { + 0% { + background-color: #3bb2df; + left: 21px; + top: 0; + } + 25% { + background-color: #ffb81c; + left: 42px; + top: 21px; + } + 50% { + background-color: #caa2dd; + left: 21px; + top: 42px; + } + 75% { + background-color: #d9e51c; + left: 0; + top: 21px; + } + 100% { + background-color: #3bb2df; + left: 21px; + top: 0; + } + } + @keyframes dot-move { + 0% { + background-color: #3bb2df; + left: 21px; + top: 0; + } + 25% { + background-color: #ffb81c; + left: 42px; + top: 21px; + } + 50% { + background-color: #caa2dd; + left: 21px; + top: 42px; + } + 75% { + background-color: #d9e51c; + left: 0; + top: 21px; + } + 100% { + background-color: #3bb2df; + left: 21px; + top: 0; + } + } + @-webkit-keyframes dot-move-2 { + 0% { + background-color: #3bb2df; + left: 21px; + top: 0; + } + 6.25% { + background-color: #3bb2df; + left: 42px; + top: 21px; + } + 12.5% { + background-color: #3bb2df; + left: 21px; + top: 42px; + } + 18.75% { + background-color: #3bb2df; + left: 0; + top: 21px; + } + 25% { + background-color: #ffb81c; + left: 21px; + top: 0; + } + 31.25% { + background-color: #ffb81c; + left: 42px; + top: 21px; + } + 37.5% { + background-color: #ffb81c; + left: 21px; + top: 42px; + } + 43.75% { + background-color: #ffb81c; + left: 0; + top: 21px; + } + 50% { + background-color: #caa2dd; + left: 21px; + top: 0; + } + 56.25% { + background-color: #caa2dd; + left: 42px; + top: 21px; + } + 62.5% { + background-color: #caa2dd; + left: 21px; + top: 42px; + } + 68.75% { + background-color: #caa2dd; + left: 0; + top: 21px; + } + 75% { + background-color: #d9e51c; + left: 21px; + top: 0; + } + 81.25% { + background-color: #d9e51c; + left: 42px; + top: 21px; + } + 87.5% { + background-color: #d9e51c; + left: 21px; + top: 42px; + } + 93.75% { + background-color: #d9e51c; + left: 0; + top: 21px; + } + 100% { + background-color: #3bb2df; + left: 21px; + top: 0; + } + } + @keyframes dot-move-2 { + 0% { + background-color: #3bb2df; + left: 21px; + top: 0; + } + 6.25% { + background-color: #3bb2df; + left: 42px; + top: 21px; + } + 12.5% { + background-color: #3bb2df; + left: 21px; + top: 42px; + } + 18.75% { + background-color: #3bb2df; + left: 0; + top: 21px; + } + 25% { + background-color: #ffb81c; + left: 21px; + top: 0; + } + 31.25% { + background-color: #ffb81c; + left: 42px; + top: 21px; + } + 37.5% { + background-color: #ffb81c; + left: 21px; + top: 42px; + } + 43.75% { + background-color: #ffb81c; + left: 0; + top: 21px; + } + 50% { + background-color: #caa2dd; + left: 21px; + top: 0; + } + 56.25% { + background-color: #caa2dd; + left: 42px; + top: 21px; + } + 62.5% { + background-color: #caa2dd; + left: 21px; + top: 42px; + } + 68.75% { + background-color: #caa2dd; + left: 0; + top: 21px; + } + 75% { + background-color: #d9e51c; + left: 21px; + top: 0; + } + 81.25% { + background-color: #d9e51c; + left: 42px; + top: 21px; + } + 87.5% { + background-color: #d9e51c; + left: 21px; + top: 42px; + } + 93.75% { + background-color: #d9e51c; + left: 0; + top: 21px; + } + 100% { + background-color: #3bb2df; + left: 21px; + top: 0; + } + } + .tlv-sprite { + background-image: url(/sdc1/scripts/images/tlv-sprite.068743809b588c3fce24.png); + display: inline-block; + vertical-align: middle; + } + .tlv-sprite.logo-blue { + background-position: -10px -20px; + width: 28px; + height: 28px; + } + .tlv-sprite.user { + background-position: -50px -20px; + width: 15px; + height: 20px; + } + .tlv-sprite .facebook { + background-position: -10px -260px; + width: 36px; + height: 36px; + } + .tlv-sprite .facebook-hover { + background-position: -10px -300px; + width: 36px; + height: 36px; + } + .tlv-sprite .twitter { + background-position: -50px -260px; + width: 36px; + height: 36px; + } + .tlv-sprite .twitter-hover { + background-position: -50px -300px; + width: 36px; + height: 36px; + } + .tlv-sprite .linkedin { + background-position: -89px -260px; + width: 36px; + height: 36px; + } + .tlv-sprite .linkedin-hover { + background-position: -89px -300px; + width: 36px; + height: 36px; + } + .tlv-sprite .youtube { + background-position: -130px -260px; + width: 36px; + height: 36px; + } + .tlv-sprite .youtube-hover { + background-position: -130px -300px; + width: 36px; + height: 36px; + } + .tlv-sprite .footer-open { + background-position: -250px -59px; + width: 14px; + height: 10px; + } + .tlv-sprite .footer-open-hover { + background-position: -250px -79px; + width: 14px; + height: 10px; + } + .tlv-sprite .footer-close { + background-position: -230px -59px; + width: 14px; + height: 10px; + } + .tlv-sprite .footer-close-hover { + background-position: -230px -79px; + width: 14px; + height: 10px; + } + .tlv-sprite .checkbox-disadbled { + background-position: -10px -60px; + width: 14px; + height: 14px; + } + .tlv-sprite .checkbox { + background-position: -10px -60px; + width: 14px; + height: 14px; + } + .tlv-sprite .checkbox-hover { + background-position: -10px -100px; + width: 14px; + height: 14px; + } + .tlv-sprite .checkbox-checked { + background-position: -10px -120px; + width: 14px; + height: 14px; + } + .tlv-sprite .radio-disabled { + background-position: -50px -60px; + width: 14px; + height: 14px; + } + .tlv-sprite .radio { + background-position: -50px -80px; + width: 14px; + height: 14px; + } + .tlv-sprite .radio-checked { + background-position: -50px -120px; + width: 14px; + height: 14px; + } + .tlv-x-btn, + .tlv-x-btn:hover { + background-position: -17px -147px; + width: 10px; + height: 10px; + } + div.tooltips { + position: relative; + display: inline; + float: right; + z-index: 1; + top: 30px; + left: 85px; + } + div.tooltips span { + background-color: #000000; + position: absolute; + width: 230px; + color: #ffffff; + height: 30px; + line-height: 30px; + text-align: center; + border-radius: 6px; + visibility: hidden; + } + div.tooltips span:after { + content: ''; + position: absolute; + top: 50%; + right: 100%; + margin-top: -8px; + width: 0; + height: 0; + border-right: 8px solid #000000; + border-top: 8px solid transparent; + border-bottom: 8px solid transparent; + } + .w-sdc-canvas-tooltip { + position: absolute; + z-index: 100; + } + .w-sdc-canvas-tooltip .w-sdc-custom-tooltip { + color: #ffffff; + font-family: omnes-regular, sans-serif; + font-size: 14px; + position: relative; + color: white; + padding: 10px; + height: 25px; + min-width: 100px; + background-color: rgba(80, 99, 113, 0.9); + border-radius: 2px; + line-height: 2px; + text-align: center; + } + .w-sdc-canvas-tooltip .w-sdc-custom-tooltip .w-sdc-tooltip-arrow { + position: absolute; + bottom: 25px; + right: 20px; + width: 0; + height: 0; + border-left: 5px solid transparent; + border-right: 5px solid transparent; + border-bottom: 5px solid rgba(80, 99, 113, 0.9); + border-top: transparent; + border-width: 7px; + border-style: solid; + } + .qtip-custom { + border-radius: 2px; + background-color: #506371; + border-color: #506371; + color: white; + font-size: 13px; + } + .tooltip-custom { + background-color: rgba(80, 99, 113, 0.9); + z-index: 1100; + border-radius: 2px; + max-width: 280px; + text-align: center; + word-break: normal; + word-wrap: break-word; + padding-right: 10px; + padding-left: 10px; + } + ._720kb-tooltip-caret:before { + border: 6px solid rgba(80, 99, 113, 0.9); + } + .tooltip-rightside { + right: 2px; + left: initial !important; + } + .tooltip-rightside ._720kb-tooltip-caret:before { + right: 21px; + left: initial; + } + .tab-tooltip { + max-width: 220px; + white-space: nowrap; + } + .break-word-tooltip { + word-break: break-all; + margin-right: 2px; + } + .icon-tooltip { + margin-left: 12px; + right: initial !important; + } + .icon-tooltip ._720kb-tooltip-caret:before { + left: 44px; + right: initial; + } + .uib-custom-tooltip { + z-index: 999999; + } + .uib-custom-tooltip .tooltip-inner { + background-color: rgba(80, 99, 113, 0.9); + padding: 5px 10px 5px 10px; + border-radius: 2px; + } + .tooltip { + /* &.right { + white-space: nowrap; + max-width: none; + .tooltip-arrow { + border-right-color: rgba(80, 99, 113, 0.9); + } + } + &.left { + white-space:nowrap; + max-width:none; + .tooltip-arrow { + border-left-color: rgba(80, 99, 113, 0.9); + } + }*/ + } + .tooltip.bottom .tooltip-arrow { + margin-left: -6px !important; + border-width: 0 6px 6px !important; + border-bottom-color: rgba(80, 99, 113, 0.9) !important; + } + .sprite-welcome { + background-image: url(/sdc1/scripts/images/sprite.4ac353404a50a330a3e4.png); + display: inline-block; + vertical-align: middle; + } + .sprite-welcome.logo { + background-position: 0 0; + width: 149px; + height: 47px; + position: absolute; + top: 25px; + left: 20px; + } + .sprite-welcome.play { + background-position: 0 -60px; + width: 120px; + height: 120px; + } + .sprite-welcome.close { + background-position: -166px -11px; + width: 25px; + height: 25px; + } + .sprite-welcome.close_white { + background-position: -166px -37px; + width: 25px; + height: 25px; + } + .sprite-welcome.recycle { + background-position: -125px -60px; + width: 24px; + height: 24px; + } + .sprite-welcome.idea { + background-position: -159px -57px; + width: 23px; + height: 25px; + } + .sprite-welcome.jigsaw { + background-position: -125px -94px; + width: 25px; + height: 25px; + } + .sprite-welcome.ball { + background-position: -159px -95px; + width: 23px; + height: 23px; + } + html, + body { + height: 100%; + } + * { + box-sizing: border-box; + } + .sdc-welcome-new-page { + opacity: 0; + height: 100%; + background-color: #ffffff; + } + .sdc-welcome-new-page .sdc-welcome-close { + position: absolute; + right: 38px; + top: 30px; + z-index: 101; + cursor: pointer; + background-image: url(/sdc1/scripts/images/sprite.4ac353404a50a330a3e4.png); + display: inline-block; + vertical-align: middle; + background-position: -166px -11px; + width: 25px; + height: 25px; + } + .sdc-welcome-new-page .sdc-welcome-close.logo { + background-position: 0 0; + width: 149px; + height: 47px; + position: absolute; + top: 25px; + left: 20px; + } + .sdc-welcome-new-page .sdc-welcome-close.play { + background-position: 0 -60px; + width: 120px; + height: 120px; + } + .sdc-welcome-new-page .sdc-welcome-close.close { + background-position: -166px -11px; + width: 25px; + height: 25px; + } + .sdc-welcome-new-page .sdc-welcome-close.close_white { + background-position: -166px -37px; + width: 25px; + height: 25px; + } + .sdc-welcome-new-page .sdc-welcome-close.recycle { + background-position: -125px -60px; + width: 24px; + height: 24px; + } + .sdc-welcome-new-page .sdc-welcome-close.idea { + background-position: -159px -57px; + width: 23px; + height: 25px; + } + .sdc-welcome-new-page .sdc-welcome-close.jigsaw { + background-position: -125px -94px; + width: 25px; + height: 25px; + } + .sdc-welcome-new-page .sdc-welcome-close.ball { + background-position: -159px -95px; + width: 23px; + height: 23px; + } + .sdc-welcome-new-page .sdc-welcome-close:hover { + background-position: -166px -37px; + width: 25px; + height: 25px; + } + .sdc-welcome-new-page .sdc-welcome-wrapper { + height: 100vh; + width: 100%; + background-size: cover; + position: relative; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + background-image: url(/sdc1/scripts/images/002.0e8b873c6341b047550f.png); + } + .sdc-welcome-new-page .sdc-welcome-main { + text-align: center; + position: absolute; + bottom: 40%; + z-index: 1; + color: #fff; + left: 0; + width: 100%; + } + .sdc-welcome-new-page .sdc-welcome-cover { + position: absolute; + top: 0px; + right: 0; + left: 0; + bottom: 0; + background-color: rgba(14, 13, 12, 0.8); + z-index: 0; + } + .footer-wrapper { + position: fixed; + bottom: 0px; + left: 0px; + width: 100%; + background-color: #222222; + color: #ffffff; + font-family: "Arial"; + font-size: 11px; + height: 89px; + } + .footer-wrapper a { + color: #ffffff; + margin: 0; + padding: 0; + text-decoration: underline; + } + .divider-footer-bottom { + margin: 0 auto; + width: 1020px; + } + .footer-copyright-text { + display: inline-block; + width: 612px; + margin-top: 18px; + margin-left: 50px; + text-align: left; + vertical-align: top; + } + .footer-logo1 { + display: inline-block; + margin-top: 20px; + margin-left: 124px; + } + .footer-logo2 { + margin-top: 22px; + margin-left: 9px; + display: inline-block; + font-size: 24px; + vertical-align: top; + } + .sdc-header-wrapper { + position: absolute; + top: 0; + right: 0; + left: 0; + z-index: 999; + /* LEVEL 1 */ + /* LEVEL 2 */ + /* LEVEL 3 */ + /* LEVEL 4 */ + } + .sdc-header-wrapper ul { + margin: 0; + padding: 0; + } + .sdc-header-wrapper .sdc-header { + background-color: #067ab4; + height: 60px; + line-height: 60px; + vertical-align: middle; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; + padding: 0 20px; + } + .sdc-header-wrapper .sdc-header .sdc-menu { + -webkit-box-flex: 98; + -ms-flex-positive: 98; + flex-grow: 98; + } + .sdc-header-wrapper .sdc-menu-top-level { + list-style: none; + } + .sdc-header-wrapper .sdc-menu-top-level .sdc-menu-top-level-item:first-child { + margin-left: 0; + } + .sdc-header-wrapper .sdc-menu-top-level .sdc-menu-top-level-item { + display: inline-block; + margin: 0 20px; + position: relative; + } + .sdc-header-wrapper .sdc-menu-top-level .sdc-menu-top-level-item a { + color: #ffffff; + font-family: omnes-medium, sans-serif; + font-size: 14px; + text-decoration: none; + } + .sdc-header-wrapper .sdc-menu-top-level .sdc-menu-top-level-item span.selected { + position: absolute; + bottom: 0; + width: 0; + height: 0; + border-left: 15px solid transparent; + border-right: 15px solid transparent; + border-bottom: 15px solid #f8f8f8; + } + .sdc-header-wrapper .sdc-menu-second-level { + background-color: #f8f8f8; + box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.33); + height: 60px; + list-style: none; + line-height: 60px; + vertical-align: middle; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; + padding: 0 20px; + position: fixed; + left: 0; + right: 0; + } + .sdc-header-wrapper .sdc-menu-second-level .sdc-menu-second-level-item:first-child { + margin-left: 0; + } + .sdc-header-wrapper .sdc-menu-second-level .sdc-menu-second-level-item { + display: inline-block; + height: 60px; + line-height: 60px; + } + .sdc-header-wrapper .sdc-menu-second-level .sdc-menu-second-level-item.sdc-menu-item-hover { + border-bottom: 4px solid #067ab4; + } + .sdc-header-wrapper .sdc-menu-second-level .sdc-menu-second-level-item a { + color: #5a5a5a; + font-family: omnes-regular, sans-serif; + font-size: 14px; + text-decoration: none; + text-align: center; + padding: 0 20px; + display: block; + /* fix jump when hovering text */ + } + .sdc-header-wrapper .sdc-menu-second-level .sdc-menu-second-level-item a:hover { + color: #191919; + font-family: omnes-regular, sans-serif; + font-size: 14px; + font-weight: bold; + } + .sdc-header-wrapper .sdc-menu-second-level .sdc-menu-second-level-item a:active { + font-weight: bold; + } + .sdc-header-wrapper .sdc-menu-second-level .sdc-menu-second-level-item a:after { + display: block; + content: attr(title); + font-weight: bold; + height: 1px; + color: transparent; + overflow: hidden; + visibility: hidden; + } + .sdc-header-wrapper ul.sdc-menu-third-level { + background-color: #ffffff; + box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1); + min-height: 370px; + list-style: none; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; + /*flex-wrap: wrap;*/ + position: fixed; + top: 120px; + left: 0; + right: 0; + padding: 0 40px; + } + .sdc-header-wrapper ul.sdc-menu-third-level li.sdc-menu-third-level-item { + height: 40px; + line-height: 40px; + position: relative; + /*width: @max-item-width;*/ + max-width: 250px; + } + .sdc-header-wrapper ul.sdc-menu-third-level li.sdc-menu-third-level-item .sdc-menu-third-level-title { + color: #5a5a5a; + font-family: omnes-medium, sans-serif; + font-size: 14px; + text-decoration: none; + text-align: left; + display: block; + padding: 0 20px; + line-height: 20px; + margin-top: 20px; + font-weight: bold; + cursor: pointer; + } + .sdc-header-wrapper ul.sdc-menu-third-level li.sdc-menu-third-level-item .sdc-menu-four-level-seperator { + position: absolute; + border-right: solid 1px #e5e5e5; + height: 350px; + top: 10px; + } + .sdc-header-wrapper ul.sdc-menu-third-level li.sdc-menu-third-level-item:first-child .sdc-menu-four-level-seperator { + border: none; + } + .sdc-header-wrapper ul.sdc-menu-four-level { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + margin-top: 10px; + } + .sdc-header-wrapper ul.sdc-menu-four-level li.sdc-menu-four-level-item { + display: block; + /*width: @max-item-width;*/ + max-width: 250px; + line-height: 20px; + } + .sdc-header-wrapper ul.sdc-menu-four-level li.sdc-menu-four-level-item a { + color: #5a5a5a; + font-family: omnes-regular, sans-serif; + font-size: 14px; + text-decoration: none; + text-align: left; + display: block; + } + .sdc-header-wrapper ul.sdc-menu-four-level li.sdc-menu-four-level-item a:hover { + color: #191919; + font-family: omnes-regular, sans-serif; + font-size: 14px; + font-weight: bold; + } + .sdc-logo-wrapper { + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + color: #ffffff; + font-family: omnes-medium, sans-serif; + font-size: 18px; + white-space: nowrap; + min-width: 210px; + text-align: left; + position: relative; + } + .sdc-logo-wrapper .sdc-logo { + background-image: url("/assets/styles/images/att_logo_white.png"); + background-repeat: no-repeat; + display: inline-block; + vertical-align: middle; + width: 55px; + height: 55px; + } + .sdc-logo-wrapper .sdc-header-version { + color: #ffffff; + font-family: omnes-regular, sans-serif; + font-size: 10px; + -moz-opacity: 0.8; + -khtml-opacity: 0.8; + -webkit-opacity: 0.8; + opacity: 0.8; + position: absolute; + top: 34px; + line-height: 20px; + left: 56px; + } + .sdc-logo-wrapper a.sdc-header-title { + color: #ffffff; + font-family: omnes-light, sans-serif; + font-size: 24px; + text-decoration: none; + } + .sdc-user-wrapper { + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + color: #ffffff; + font-family: omnes-medium, sans-serif; + font-size: 14px; + white-space: nowrap; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + height: 60px; + } + .sdc-user-wrapper .sdc-user-icon { + margin-right: 20px; + background-image: url(/sdc1/scripts/images/tlv-sprite.068743809b588c3fce24.png); + display: inline-block; + vertical-align: middle; + background-position: -50px -20px; + width: 15px; + height: 20px; + } + .sdc-user-wrapper .sdc-user-icon.logo-blue { + background-position: -10px -20px; + width: 28px; + height: 28px; + } + .sdc-user-wrapper .sdc-user-icon.user { + background-position: -50px -20px; + width: 15px; + height: 20px; + } + .sdc-user-wrapper .sdc-user-icon .facebook { + background-position: -10px -260px; + width: 36px; + height: 36px; + } + .sdc-user-wrapper .sdc-user-icon .facebook-hover { + background-position: -10px -300px; + width: 36px; + height: 36px; + } + .sdc-user-wrapper .sdc-user-icon .twitter { + background-position: -50px -260px; + width: 36px; + height: 36px; + } + .sdc-user-wrapper .sdc-user-icon .twitter-hover { + background-position: -50px -300px; + width: 36px; + height: 36px; + } + .sdc-user-wrapper .sdc-user-icon .linkedin { + background-position: -89px -260px; + width: 36px; + height: 36px; + } + .sdc-user-wrapper .sdc-user-icon .linkedin-hover { + background-position: -89px -300px; + width: 36px; + height: 36px; + } + .sdc-user-wrapper .sdc-user-icon .youtube { + background-position: -130px -260px; + width: 36px; + height: 36px; + } + .sdc-user-wrapper .sdc-user-icon .youtube-hover { + background-position: -130px -300px; + width: 36px; + height: 36px; + } + .sdc-user-wrapper .sdc-user-icon .footer-open { + background-position: -250px -59px; + width: 14px; + height: 10px; + } + .sdc-user-wrapper .sdc-user-icon .footer-open-hover { + background-position: -250px -79px; + width: 14px; + height: 10px; + } + .sdc-user-wrapper .sdc-user-icon .footer-close { + background-position: -230px -59px; + width: 14px; + height: 10px; + } + .sdc-user-wrapper .sdc-user-icon .footer-close-hover { + background-position: -230px -79px; + width: 14px; + height: 10px; + } + .sdc-user-wrapper .sdc-user-icon .checkbox-disadbled { + background-position: -10px -60px; + width: 14px; + height: 14px; + } + .sdc-user-wrapper .sdc-user-icon .checkbox { + background-position: -10px -60px; + width: 14px; + height: 14px; + } + .sdc-user-wrapper .sdc-user-icon .checkbox-hover { + background-position: -10px -100px; + width: 14px; + height: 14px; + } + .sdc-user-wrapper .sdc-user-icon .checkbox-checked { + background-position: -10px -120px; + width: 14px; + height: 14px; + } + .sdc-user-wrapper .sdc-user-icon .radio-disabled { + background-position: -50px -60px; + width: 14px; + height: 14px; + } + .sdc-user-wrapper .sdc-user-icon .radio { + background-position: -50px -80px; + width: 14px; + height: 14px; + } + .sdc-user-wrapper .sdc-user-icon .radio-checked { + background-position: -50px -120px; + width: 14px; + height: 14px; + } + .sdc-user-wrapper .sdc-user-details { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + } + .sdc-user-wrapper .sdc-user-details-name-role { + line-height: 20px; + } + .sdc-user-wrapper .sdc-user-details-name-role .sdc-user-details-name { + max-width: 160px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + vertical-align: bottom; + font-weight: bold; + display: inline-block; + } + .sdc-user-wrapper .sdc-user-details-name-role .sdc-user-details-role { + font-weight: bold; + display: inline-block; + margin-left: 6px; + } + .sdc-user-wrapper .sdc-user-details-name-role .sdc-user-details-role:before { + content: ''; + margin-right: 8px; + border-left: 1px solid #a8b3b9; + } + .sdc-user-wrapper .sdc-user-details-last-login { + font-family: omnes-regular, sans-serif; + font-size: 12px; + display: block; + line-height: 20px; + height: 20px; + } + .edit-name-popover { + max-width: none; + width: 310px; + left: initial !important; + right: 10px; + z-index: 100; + } + .edit-name-popover .arrow { + left: 95% !important; + border-width: 7px; + bottom: -8px !important; + } + .popover { + border-radius: 0; + } + .popover .top > .arrow { + bottom: -8px !important; + } + .popover .popover-title { + background-color: transparent; + border-bottom: 2px solid #40b7e4; + margin-left: 20px; + margin-right: 20px; + padding: 8px 14px 8px 0px; + font-family: omnes-medium, sans-serif; + font-weight: bold; + } + .popover .popover-content { + width: inherit; + padding: 9px 20px; + } + .popover .form-group { + margin-top: 9px; + } + .popover .popover-btn { + float: right; + margin-left: 10px; + margin-bottom: 20px; + } + .popover .close-popover-btn { + position: absolute; + top: 11px; + right: 25px; + } + .popover .close-popover-btn:hover { + cursor: pointer; + } + .popover .popover-input { + height: 47px; + margin-bottom: 5px; + } + .popover .popover-label { + text-overflow: ellipsis; + display: block; + white-space: nowrap; + margin-bottom: 10px; + font-family: omnes-medium, sans-serif; + color: #000000; + } + .popover .w-sdc-form .i-sdc-form-item { + margin-bottom: 0px; + } + label.tlv-checkbox { + font-weight: normal; + } + /* + input[type="checkbox"] { + display:none; + } + + input[type="checkbox"] + label span { + margin-right: 6px; + vertical-align: text-bottom; + .sprite-new; + .checkbox_unchecked; + cursor:pointer; + } + + input[type="checkbox"]:checked + label span { + vertical-align: text-bottom; + .sprite-new; + .checkbox_checked; + } + + input[type="checkbox"]:focus + label span { + vertical-align: text-bottom; + .sprite-new; + .checkbox_focus; + } + + input[type="checkbox"][disabled] + label{ + vertical-align: text-bottom; + .sprite-new; + .checkbox_disabled; + } + */ + .ellipsis-directive-more-less { + color: #3b7b9b; + font-family: omnes-regular, sans-serif; + font-size: 13px; + font-weight: bold; + cursor: pointer; + float: right; + margin-right: 17px; + line-height: 23px; + text-decoration: underline; + text-align: left; + } + .i-sdc-form-file-upload { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + margin-top: 0; + width: 100%; + color: #8c8c8c; + font-family: omnes-regular, sans-serif; + font-size: 14px; + background-color: #ffffff; + border-radius: 2px; + border: solid 1px #cfcfcf; + height: 30px; + } + .i-sdc-form-file-upload input[type="file"] { + cursor: inherit; + display: block; + filter: alpha(opacity=0); + width: 100px; + height: 30px; + opacity: 0; + position: absolute; + right: 0; + text-align: right; + top: 0; + } + .i-sdc-form-file-upload .i-sdc-form-file-name { + -webkit-box-flex: 999; + -ms-flex-positive: 999; + flex-grow: 999; + text-align: left; + padding: 3px 10px; + opacity: 0.6; + width: 80%; + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; + } + .i-sdc-form-file-upload .i-sdc-form-file-upload-x-btn { + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + background-image: url(/sdc1/scripts/images/sprite-global-old.36e32171fc7d958da86b.png); + display: inline-block; + background-position: -157px -4044px; + width: 8px; + height: 8px; + cursor: pointer; + top: 10px; + right: 9px; + width: 10px; + position: relative; + } + .i-sdc-form-file-upload .i-sdc-form-file-upload-label { + float: right; + width: 100px; + height: 100%; + background-color: #ECEFF3; + color: #666666; + font-family: omnes-regular, sans-serif; + font-size: 13px; + } + .i-sdc-form-file-upload .i-sdc-form-file-upload-label .file-upload-browse-btn { + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + padding: 4px 6px; + cursor: pointer; + z-index: 999; + position: absolute; + width: 100px; + height: 28px; + text-align: center; + } + .i-sdc-form-file-upload .i-sdc-form-file-upload-label .file-upload-browse-btn.disabled { + cursor: default; + } + .i-sdc-form-file-upload.error { + border-color: #da1f3d; + outline: none; + box-sizing: border-box; + } + composition-graph { + display: block; + height: 100%; + width: 100%; + } + composition-graph .sdc-composition-graph-wrapper { + height: 100%; + width: 100%; + } + composition-graph .view-only { + background-color: #f8f8f8; + } + deployment-graph { + display: block; + height: 100%; + width: 100%; + } + deployment-graph .sdc-deployment-graph-wrapper { + height: 100%; + width: 100%; + } + deployment-graph .view-only { + background-color: #f8f8f8; + } + .drag-icon-border { + border: 7px solid red; + border-radius: 500px; + -webkit-border-radius: 500px; + -moz-border-radius: 500px; + width: 53px; + height: 53px; + } + .drag-icon-circle { + width: 60px; + height: 60px; + border-radius: 50%; + position: relative; + } + .drag-icon-circle .sprite-resource-icons { + position: absolute; + top: 10px; + left: 10px; + } + .drag-icon-circle.red { + background: rgba(218, 31, 61, 0.3); + } + .drag-icon-circle.green { + background: rgba(29, 154, 149, 0.3); + } + .node-substitute { + display: none; + position: absolute; + z-index: 9999; + height: 80px; + width: 80px; + border-radius: 50%; + text-align: center; + } + .node-substitute span { + display: inline-block; + vertical-align: middle; + height: 100%; + } + .node-substitute img { + height: 40px; + width: 40px; + box-shadow: 0 0 0 10px rgba(29, 154, 149, 0.3); + border-radius: 50%; + -webkit-user-drag: none; + -moz-user-drag: none; + user-drag: none; + } + .node-substitute.red img { + box-shadow: 0 0 0 10px rgba(218, 31, 61, 0.3); + } + .node-substitute.bounce img { + -webkit-animation: bounceOut 0.3s linear; + animation: bounceOut 0.3s linear; + } + @keyframes bounceOut { + 0% { + box-shadow: 0 0 0 10px rgba(29, 154, 149, 0.3); + width: 40px; + height: 40px; + } + 60% { + box-shadow: 0 0 0 0px rgba(29, 154, 149, 0.3); + width: 60px; + height: 60px; + } + 85% { + box-shadow: 0 0 0 0px rgba(29, 154, 149, 0.3); + width: 75px; + height: 75px; + } + 100% { + box-shadow: 0 0 0 0px rgba(29, 154, 149, 0.3); + width: 60px; + height: 60px; + } + } + @-webkit-keyframes bounceOut { + 0% { + box-shadow: 0 0 0 10px rgba(29, 154, 149, 0.3); + width: 40px; + height: 40px; + } + 60% { + box-shadow: 0 0 0 0px rgba(29, 154, 149, 0.3); + width: 60px; + height: 60px; + } + 85% { + box-shadow: 0 0 0 0px rgba(29, 154, 149, 0.3); + width: 75px; + height: 75px; + } + 100% { + box-shadow: 0 0 0 0px rgba(29, 154, 149, 0.3); + width: 60px; + height: 60px; + } + } + .link-menu-open { + display: block !important; + color: #5a5a5a; + font-size: 14px; + position: absolute; + z-index: 99999; + border-radius: 2px; + background-color: #ffffff; + box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.5); + width: 460px; + height: 418px; + } + .link-menu-open h4 { + width: 50%; + float: left; + background-color: #eaeaea; + font-size: 14px; + font-weight: bold; + line-height: 36px; + margin: 0; + padding: 0 15px; + } + .link-menu-open h4 + h4 { + border-left: #d8d8d8 1px solid; + } + .link-menu-open p { + clear: both; + text-indent: 15px; + border-bottom: #d8d8d8 1px solid; + line-height: 34px; + margin: 0; + color: #191919; + } + .link-menu-open .scrollbar-container { + height: 232px; + width: 50%; + float: left; + margin-bottom: 5px; + position: relative; + overflow: hidden; + } + .link-menu-open .scrollbar-container + .scrollbar-container { + border-left: #d8d8d8 1px solid; + } + .link-menu-open .scrollbar-container .inner-title { + width: 189px; + margin: 5px auto 3px auto; + color: #191919; + text-transform: uppercase; + font-weight: bold; + } + .link-menu-open .scrollbar-container .link-item { + padding: 0 10px; + line-height: 23px; + height: 23px; + text-indent: 5px; + cursor: pointer; + } + .link-menu-open .scrollbar-container .link-item.selected { + background-color: #e6f6fb; + } + .link-menu-open .vl-type { + height: 33px; + border-top: #d8d8d8 solid 1px; + clear: both; + padding: 0 10px; + line-height: 32px; + color: #5a5a5a; + } + .link-menu-open .vl-type.disabled { + background-color: #f2f2f2; + color: #a8b3b9; + } + .link-menu-open .vl-type .info-icon { + float: right; + margin-top: 9px; + } + .link-menu-open .vl-type .tlv-radio { + margin-right: 10px; + } + .link-menu-open .result { + background-color: #5a5a5a; + line-height: 29px; + color: #ffffff; + padding: 0 15px; + } + .link-menu-open button { + float: right; + margin-top: 9px; + margin-right: 10px; + } + .link-menu-item { + cursor: pointer; + line-height: 24px; + padding: 0 10px; + } + .link-menu-item:hover { + color: #3b7b9b; + } + .link-menu::before { + right: inherit !important; + left: 50px; + } + .i-sdc-designer-sidebar-capabilities-requirements { + color: #666666; + font-family: omnes-medium, sans-serif; + font-size: 14px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + } + .i-sdc-designer-sidebar-capabilities-requirements.description { + margin-top: 28px; + white-space: normal; + word-wrap: break-word; + } + .i-sdc-designer-sidebar-capabilities-requirements .i-sdc-designer-sidebar-section-content-item-relations { + border-bottom: 1px solid #cdcdcd; + padding: 10px 10px 10px 18px; + position: relative; + cursor: default; + } + .i-sdc-designer-sidebar-capabilities-requirements .i-sdc-designer-sidebar-section-content-item-relations .i-sdc-designer-sidebar-section-content-item-button { + top: 15px; + line-height: 10px; + } + .i-sdc-designer-sidebar-capabilities-requirements .i-sdc-designer-sidebar-section-content-item-relations:hover { + background-color: #ffffff; + } + .i-sdc-designer-sidebar-capabilities-requirements .i-sdc-designer-sidebar-section-content-item-relations:hover .i-sdc-designer-sidebar-section-content-item-button { + display: block; + } + .i-sdc-designer-sidebar-capabilities-requirements .w-sdc-designer-sidebar-section-relations:not(:last-child) .i-sdc-designer-sidebar-section-content-item-relations-group:last-child .i-sdc-designer-sidebar-section-content-item-relations:last-child { + border-bottom: none; + } + .i-sdc-designer-sidebar-capabilities-requirements .i-sdc-designer-sidebar-section-content-item-relations.hand { + cursor: pointer; + } + .i-sdc-designer-sidebar-capabilities-requirements .i-sdc-designer-sidebar-section-content-item-relations-details { + display: inline-block; + margin-left: 5px; + vertical-align: middle; + } + .i-sdc-designer-sidebar-capabilities-requirements .i-sdc-designer-sidebar-section-content-item-relations-details-name { + color: #666666; + font-family: omnes-regular, sans-serif; + font-size: 14px; + font-weight: bold; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + text-transform: capitalize; + max-width: 240px; + display: inline-block; + } + .i-sdc-designer-sidebar-capabilities-requirements .i-sdc-designer-sidebar-section-content-item-relations-details-ownerName { + color: #666666; + font-family: omnes-medium, sans-serif; + font-size: 12px; + font-weight: 400; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + } + .i-sdc-designer-sidebar-capabilities-requirements .i-sdc-designer-sidebar-section-content-item-relations-details-ownerName:before { + background-image: url(/sdc1/scripts/images/sprite-global-old.36e32171fc7d958da86b.png); + display: inline-block; + background-position: -262px -4041px; + width: 11px; + height: 10px; + content: ''; + } + .i-sdc-designer-sidebar-capabilities-requirements .i-sdc-designer-sidebar-section-content-item-relations-details-desc { + color: #8c8c8c; + font-family: omnes-regular, sans-serif; + font-size: 14px; + line-height: 14px; + word-wrap: break-word; + white-space: normal; + max-width: 265px; + } + .i-sdc-designer-sidebar-capabilities-requirements .i-sdc-designer-sidebar-section-content-item-relations-details-desc .i-sdc-designer-sidebar-section-content-item-relations-details-indent-box { + border-left: 1px #848586 solid; + height: 40px; + margin-left: 2px; + margin-top: 5px; + border-bottom: 1px #848586 solid; + width: 25px; + float: left; + } + .i-sdc-designer-sidebar-capabilities-requirements .i-sdc-designer-sidebar-section-content-item-relations-details-desc .i-sdc-designer-sidebar-section-content-item-relations-details-child { + margin-top: 30px; + float: left; + padding-left: 10px; + max-width: 230px; + } + .i-sdc-designer-sidebar-capabilities-requirements .i-sdc-designer-sidebar-section-content-item-relations-details-desc-label { + font-family: omnes-medium, sans-serif; + } + .i-sdc-designer-sidebar-capabilities-requirements .i-sdc-designer-sidebar-section-content-item-relations-view { + position: absolute; + right: 0; + top: 22px; + display: none; + } + .info-tooltip { + position: fixed; + z-index: 1070; + display: block; + width: 250px; + } + .info-tooltip .info-tooltip-arrow { + width: 0; + height: 0; + border-style: solid; + border-width: 0 5px 5px 5px; + border-color: transparent transparent #009fdb transparent; + position: relative; + left: 2px; + } + .info-tooltip .info-tooltip-content { + box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.5); + border: 1px solid #d2d2d2; + border-radius: 3px; + border-top: 3px solid #009fdb; + position: relative; + background-color: white; + } + .info-tooltip .info-tooltip-content.right { + left: -13px; + } + .info-tooltip .info-tooltip-content.left { + left: -223px; + } + .info-tooltip .info-tooltip-content .close-tooltip { + float: right; + margin: 5px; + } + .info-tooltip .info-tooltip-content .info-tooltip-message { + margin: 15px; + word-break: normal; + font-size: 14px; + font-weight: normal; + text-align: left; + line-height: normal; + } + .expanded .input-row { + background-color: #e6f6fb; + } + .input-row { + padding-left: 45px; + background: #f8f8f8; + border: #d2d2d2 solid 1px; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + cursor: pointer; + margin: 1px 0px 1px 0px; + } + .input-row.selected { + background-color: #e6f6fb; + } + .input-row .flex-item { + min-height: 60px; + padding: 0 15px; + } + .input-row .input-check-box { + padding-right: 10px; + margin-top: 9px; + } + .input-row > .title-text { + text-align: start; + padding: 4px 35px 0 35px; + } + .input-row .expand-collapse-inputs-table-icon { + margin-top: 15px; + } + .input-row .delete { + width: 50px; + padding: 0; + position: relative; + } + .input-row .remove-input-icon { + position: absolute; + top: 12px; + right: 18px; + } + .input-row .remove-input-icon:hover { + background-position: -702px -231px; + width: 11px; + height: 13px; + } + .input-row:hover { + background-color: #D3DBE0; + } + .property-row { + border-bottom: 1px solid rgba(120, 136, 148, 0.26); + padding-left: 10px; + } + .property-row .property-name-container { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-flex: 3; + -ms-flex-positive: 3; + flex-grow: 3; + } + .property-row .type-schema-container { + -webkit-box-flex: 2; + -ms-flex-positive: 2; + flex-grow: 2; + border-left: 1px solid rgba(120, 136, 148, 0.26); + text-align: left; + line-height: 30px; + text-transform: capitalize; + width: 10px; + } + .property-row .property-check-box { + padding-right: 10px; + margin-top: 9px; + } + .property-row:hover { + background-color: #f2f2f2; + } + .expanded .flex-container .expand-collapse-inputs-table-icon { + -webkit-transform: rotate(180deg); + transform: rotate(180deg); + left: 0px; + } + .top-nav { + position: fixed; + top: 0px; + background-color: #ffffff; + box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.33); + width: 100%; + height: 50px; + line-height: 50px; + z-index: 10; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + } + .top-nav .asdc-app-title-wrapper { + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + line-height: 16px; + margin: 0 20px; + } + .top-nav .asdc-app-title-wrapper a.asdc-app-title { + color: #5a5a5a; + font-family: omnes-regular, sans-serif; + font-size: 18px; + text-decoration: none; + } + .top-nav .asdc-app-title-wrapper .asdc-version { + color: #5a5a5a; + font-family: omnes-regular, sans-serif; + font-size: 12px; + -moz-opacity: 0.8; + -khtml-opacity: 0.8; + -webkit-opacity: 0.8; + opacity: 0.8; + line-height: 14px; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + } + .top-nav ul.top-menu { + list-style-type: none; + margin: 0 0 0 20px; + padding: 0; + -webkit-box-flex: 999; + -ms-flex-positive: 999; + flex-grow: 999; + } + .top-nav ul.top-menu > li { + float: left; + cursor: pointer; + line-height: 50px; + height: 50px; + padding: 0 20px; + /*&:hover { + border-bottom: solid 4px @main_color_a; + }*/ + } + .top-nav ul.top-menu > li.selected { + border-bottom: solid 4px #009fdb; + } + .top-nav ul.top-menu > li.selected a { + color: #191919; + } + .top-nav ul.top-menu > li a { + font-family: omnes-medium, sans-serif; + color: #5a5a5a; + font-size: 18px; + display: block; + text-align: center; + text-decoration: none; + } + .top-nav ul.top-menu > li.triangle-dropdown { + padding: 0; + position: relative; + } + .top-nav ul.top-menu > li.triangle-dropdown div.triangle { + margin-top: 15px; + border-radius: 2px; + width: 17px; + height: 18px; + line-height: 18px; + text-align: center; + font-size: 10px; + } + .top-nav ul.top-menu > li.triangle-dropdown div.triangle:hover { + background-color: rgba(156, 156, 156, 0.2); + } + .top-nav ul.top-menu > li.triangle-dropdown div.triangle:hover span { + background-position: -600px -235px; + width: 5px; + height: 8px; + } + .top-nav ul.top-menu > li.triangle-dropdown + li a { + font-size: 16px; + } + .top-nav ul.top-menu > li.triangle-dropdown .ps-container { + position: relative; + position: absolute; + left: 0; + top: 40px; + z-index: 1; + overflow: hidden; + max-height: 0; + transition: max-height 200ms ease-in; + } + .top-nav ul.top-menu > li.triangle-dropdown .ps-container div ul { + padding: 0; + background-color: white; + } + .top-nav ul.top-menu > li.triangle-dropdown .ps-container div ul li { + height: 35px; + background-color: white; + font-size: 13px; + width: 150px; + line-height: 35px; + padding: 0 10px; + } + .top-nav ul.top-menu > li.triangle-dropdown .ps-container div ul li.disabled { + opacity: 1; + } + .top-nav ul.top-menu > li.triangle-dropdown .ps-container div ul li.selected { + background-color: #e6f6fb; + font-weight: bold; + } + .top-nav ul.top-menu > li.triangle-dropdown .ps-container div ul li:hover { + color: #009fdb; + } + .top-nav ul.top-menu > li.triangle-dropdown .ps-container div ul li span { + height: 35px; + width: 130px; + display: inline-block; + } + .top-nav ul.top-menu > li.triangle-dropdown.item-click:hover .ps-container, + .top-nav ul.top-menu > li.triangle-dropdown.item-click:active .ps-container { + max-height: 500px; + border: 1px solid #0568ae; + border-radius: 2px; + box-shadow: 0px 2px 2px 0px rgba(24, 24, 25, 0.1); + } + .top-nav .top-search { + position: relative; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + padding: 0 20px; + } + .top-nav .top-search input.search-text { + border-radius: 2px; + width: 245px; + height: 32px; + line-height: 32px; + border: 1px solid #d2d2d2; + outline: none; + text-indent: 10px; + /* Safari, Chrome and Opera */ + /* Firefox 18- */ + /* Firefox 19+ */ + /* IE 10+ */ + /* Edge */ + /* font-style: italic; + }*/ + /* Firefox 18- */ + /* Firefox 19+ */ + /* IE 10+ */ + /* Edge */ + } + .top-nav .top-search input.search-text::-webkit-input-placeholder { + font-style: italic; + } + .top-nav .top-search input.search-text:-moz-placeholder { + font-style: italic; + } + .top-nav .top-search input.search-text::-moz-placeholder { + font-style: italic; + } + .top-nav .top-search input.search-text:-ms-input-placeholder { + font-style: italic; + } + .top-nav .top-search input.search-text:-ms-input-placeholder { + font-style: italic; + } + .top-nav .top-search input.search-text::-moz-placeholder { + font-style: italic; + } + .top-nav .top-search input.search-text:-ms-input-placeholder { + font-style: italic; + } + .top-nav .top-search input.search-text:-ms-input-placeholder { + font-style: italic; + } + .top-nav .top-search .magnification { + position: absolute; + top: 19px; + right: 26px; + } + .top-nav .notification-icon { + cursor: pointer; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + margin: 0 10px 6px 0; + background-image: url(/sdc1/scripts/images/sprite-global.8f8166754d12e1088a25.png); + display: inline-block; + background-position: -54px -143px; + width: 26px; + height: 29px; + } + .top-nav .notification-icon:hover { + background-position: -154px -143px; + width: 26px; + height: 29px; + } + .top-nav .notification-icon:active { + background-position: -104px -143px; + width: 26px; + height: 29px; + } + .top-progress { + text-align: left; + } + .top-progress .sdc-progress-title { + color: #959595; + font-family: omnes-regular, sans-serif; + font-size: 12px; + height: 17px; + display: block; + } + .top-progress .sdc-progress-title .progress-percentage { + float: right; + } + .top-progress .sdc-progress { + position: relative; + display: block; + height: 6px; + background-color: #d2d2d2; + border-radius: 3px; + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); + } + .top-progress .sdc-progress .progress-bar { + border-radius: 3px; + background-color: #009fdb; + } + .top-progress .sdc-progress-success-wrapper { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: end; + -ms-flex-align: end; + align-items: flex-end; + } + .top-progress .sdc-progress-success-wrapper .sdc-progress-success-title { + color: #4ca90c; + font-family: omnes-regular, sans-serif; + font-size: 12px; + margin-left: 10px; + } + .top-progress .sdc-progress-success-wrapper .sdc-progress-success { + background-image: url(/sdc1/scripts/images/sprite-global.8f8166754d12e1088a25.png); + display: inline-block; + background-position: -50px -703px; + width: 20px; + height: 20px; + } + .top-progress .sdc-progress-error-wrapper { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: end; + -ms-flex-align: end; + align-items: flex-end; + } + .top-progress .sdc-progress-error-wrapper .sdc-progress-error-title { + color: #cf2a2a; + font-family: omnes-regular, sans-serif; + font-size: 12px; + margin-left: 10px; + } + .top-progress .sdc-progress-error-wrapper .sdc-progress-error { + background-image: url(/sdc1/scripts/images/sprite-global.8f8166754d12e1088a25.png); + display: inline-block; + background-position: -51px -751px; + width: 13px; + height: 11px; + } + .tlv-loader-back { + background-color: #ffffff; + position: fixed; + top: 50px; + left: 0; + right: 0; + bottom: 0; + z-index: 9999; + opacity: 0.5; + } + .tlv-loader-relative { + position: absolute; + top: 0; + } + .tlv-loader { + z-index: 10002; + } + @keyframes fadein { + from { + opacity: 0; + } + to { + opacity: 0.8; + } + } + /* Firefox < 16 */ + /* Safari, Chrome and Opera > 12.1 */ + @-webkit-keyframes fadein { + from { + opacity: 0; + } + to { + opacity: 0.8; + } + } + /* Internet Explorer */ + /* Opera < 12.1 */ + @keyframes fadeout { + from { + opacity: 0.8; + } + to { + opacity: 0; + } + } + /* Firefox < 16 */ + /* Safari, Chrome and Opera > 12.1 */ + @-webkit-keyframes fadeout { + from { + opacity: 0.8; + } + to { + opacity: 0; + } + } + /* Internet Explorer */ + /* Opera < 12.1 */ + .ellipsis-directive-more-less { + color: #3b7b9b; + font-family: omnes-regular, sans-serif; + font-size: 13px; + font-weight: bold; + cursor: pointer; + float: right; + margin-right: 17px; + line-height: 23px; + text-decoration: underline; + text-align: left; + } + .data-type-fields-structure { + background-color: #e6f6fb; + padding: 10px; + display: table-caption; + } + .data-type-fields-structure .open-close { + position: relative; + } + .data-type-fields-structure .open-close .open-close-button { + position: absolute; + top: 50%; + margin-top: -7px; + } + .data-type-fields-structure .open-close .open-close-button.expand { + background-image: url(/sdc1/scripts/images/sprite-global.8f8166754d12e1088a25.png); + display: inline-block; + background-position: -378px -888px; + width: 14px; + height: 14px; + } + .data-type-fields-structure .open-close .open-close-button.collapse { + background-image: url(/sdc1/scripts/images/sprite-global.8f8166754d12e1088a25.png); + display: inline-block; + background-position: -334px -888px; + width: 14px; + height: 14px; + } + .data-type-fields-structure .data-type-name { + color: #5a5a5a; + font-family: omnes-medium, sans-serif; + font-size: 16px; + margin-left: 22px; + } + .data-type-fields-structure .i-sdc-form-input:disabled { + opacity: 0.4 !important; + cursor: auto; + background-color: transparent; + pointer-events: none; + } + .data-type-fields-structure .property { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + min-width: 365px; + min-height: 46px; + } + .data-type-fields-structure .property input[type="text"], + .data-type-fields-structure .property select { + width: 170px; + } + .data-type-fields-structure .property .property-name { + float: left; + margin-top: 8px; + } + .data-type-fields-structure .property .primitive-value-field { + float: right; + margin-top: 8px; + margin-left: 10px; + } + .data-type-fields-structure .property .inner-structure { + display: -webkit-box; + } + .data-type-fields-structure [ng-switch-when="map"] { + margin-top: 8px; + margin-left: 10px; + } + .data-type-fields-structure [ng-switch-when="map"] .map-item { + border: solid 1px #d2d2d2; + min-width: 401px; + min-height: 69px; + float: none !important; + } + .data-type-fields-structure [ng-switch-when="map"] .add-map-item { + width: auto; + float: none; + } + .data-type-fields-structure [ng-switch-when="map"] .add-map-item:nth-child(1) { + position: relative; + top: 6px; + } + .data-type-fields-structure [ng-switch-when="map"] .add-map-item .add-btn { + float: none; + } + .data-type-fields-structure [ng-switch-when="list"] { + float: left; + margin-top: 8px; + margin-left: 10px; + min-width: 280px; + } + .data-type-fields-structure [ng-switch-when="list"] .dt-list-item { + border: solid 1px #d2d2d2; + } + .data-type-fields-structure [ng-switch-when="list"] .list-value-items { + width: 280px; + } + .list-new-item { + float: left; + width: 50%; + min-width: 221px; + margin-right: 15px; + } + .list-new-item input { + min-width: 221px; + } + .list-value-items { + border-radius: 2px; + border: 1px solid #d2d2d2; + padding-bottom: 10px; + min-height: 100px; + clear: both; + background-color: white; + } + .list-value-items .list-value-item { + display: inline-block; + background-color: #e6f6fb; + margin: 10px 0 0 10px; + padding: 0 8px; + } + .list-value-items .list-value-item .delete-list-item { + margin: 0 0 0 2px; + cursor: pointer; + } + .add-btn { + color: #009fdb; + font-family: omnes-medium, sans-serif; + font-size: 14px; + cursor: pointer; + } + .add-btn.add-list-item { + float: left; + margin-top: 5px; + width: 44px; + } + .add-btn:before { + background-image: url(/sdc1/scripts/images/sprite-global.8f8166754d12e1088a25.png); + display: inline-block; + background-position: -50px -231px; + width: 12px; + height: 12px; + margin-right: 5px; + content: ""; + } + .add-btn:hover { + color: #056bae; + } + .add-btn:hover:before { + background-image: url(/sdc1/scripts/images/sprite-global.8f8166754d12e1088a25.png); + display: inline-block; + background-position: -100px -231px; + width: 12px; + height: 12px; + } + .dt-list { + display: table-caption; + } + .dt-list .dt-list-item { + border-radius: 3px; + background-color: #e6f6fb; + display: inline-block; + } + .dt-list .dt-list-item .delete-dt-list-item { + float: right; + position: relative; + top: 5px; + right: 5px; + background-image: url(/sdc1/scripts/images/sprite-global.8f8166754d12e1088a25.png); + display: inline-block; + background-position: -675px -231px; + width: 11px; + height: 13px; + } + .dt-list .dt-list-item .delete-dt-list-item:hover { + background-position: -702px -231px; + width: 11px; + height: 13px; + } + .dt-list .dt-list-item .data-type-name { + margin-right: 16px; + } + .dt-list > .add-list-item { + float: none; + } + .add-map-item { + width: 400px; + } + .add-map-item:nth-child(odd) { + float: right; + } + .add-map-item:nth-child(1) { + float: none; + } + .add-map-item:nth-child(1) .add-btn { + float: none; + } + .add-map-item .add-btn { + width: 44px; + float: right; + } + .add-map-item.schema-data-type { + float: none; + } + .add-map-item.schema-data-type .add-btn { + float: none; + } + .add-btn { + color: #009fdb; + font-family: omnes-medium, sans-serif; + font-size: 14px; + cursor: pointer; + } + .add-btn:before { + background-image: url(/sdc1/scripts/images/sprite-global.8f8166754d12e1088a25.png); + display: inline-block; + background-position: -50px -231px; + width: 12px; + height: 12px; + margin-right: 5px; + content: ""; + } + .add-btn:hover { + color: #056bae; + } + .add-btn:hover:before { + background-image: url(/sdc1/scripts/images/sprite-global.8f8166754d12e1088a25.png); + display: inline-block; + background-position: -100px -231px; + width: 12px; + height: 12px; + } + .map-item { + min-width: 389px; + min-height: 65px; + background-color: #e6f6fb; + border-radius: 3px; + margin-bottom: 8px; + float: left; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + } + .map-item:nth-child(even).primitive-value-map { + float: right; + } + .map-item .delete-map-item { + float: right; + position: relative; + top: 5px; + right: 5px; + background-image: url(/sdc1/scripts/images/sprite-global.8f8166754d12e1088a25.png); + display: inline-block; + background-position: -675px -231px; + width: 11px; + height: 13px; + } + .map-item .delete-map-item:hover { + background-position: -702px -231px; + width: 11px; + height: 13px; + } + .map-item .map-item-field { + margin: 7px 12px !important; + float: left; + min-width: 170px; + min-height: 50px; + } + .map-item .map-item-field select { + width: 171px; + } + .map-item .map-item-field input[type="text"] { + width: 170px; + } + .map-item .map-item-field > .data-type-fields-structure { + padding: 0; + } + .sdc-tabs-body { + height: 100%; + width: 330px; + } + .sdc-tabs-body .sdc-tabs { + display: inline-block; + width: 40px; + vertical-align: top; + position: relative; + z-index: 99; + } + .sdc-tabs-body .sdc-tabs .sdc-tab-arrow { + cursor: pointer; + width: 40px; + height: 20px; + background-color: #eaeaea; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.17); + text-align: center; + padding: 1px 4px 0px 0px; + } + .sdc-tabs-body .sdc-tabs .sdc-tab-arrow:hover { + background-color: #d2d2d2; + } + .sdc-tabs-body .sdc-tabs .sdc-tab { + cursor: pointer; + width: 40px; + height: 43px; + background-color: #eaeaea; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.17); + text-align: center; + } + .sdc-tabs-body .sdc-tabs .sdc-tab .sdc-tab-icon { + margin-top: 12px; + } + .sdc-tabs-body .sdc-tabs .selected { + background-color: #f8f8f8; + } + .sdc-tabs-body .sdc-tabs .last-tab { + border-bottom-left-radius: 12px; + } + .sdc-tabs-body .not-active { + position: absolute; + right: 0px; + } + .sdc-tabs-body .sdc-single-tab-content { + padding: 15px 0px 0px 0px; + width: 290px; + background-color: #f8f8f8; + height: 100%; + display: inline-block; + bottom: 0; + top: 0; + position: absolute; + box-shadow: 0.3px 1px 3px rgba(24, 24, 25, 0.42); + } + .sdc-tabs-body .sdc-single-tab-content .sdc-single-tab-content-body { + height: 100%; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + } + .selectPropertyType .tlv-radio-label { + margin-top: -7px; + } + .data-type-fields-structure { + background-color: #e6f6fb; + padding: 10px; + display: table-caption; + } + .data-type-fields-structure .open-close { + position: relative; + } + .data-type-fields-structure .open-close .open-close-button { + position: absolute; + top: 50%; + margin-top: -7px; + } + .data-type-fields-structure .open-close .open-close-button.expand { + background-image: url(/sdc1/scripts/images/sprite-global.8f8166754d12e1088a25.png); + display: inline-block; + background-position: -378px -888px; + width: 14px; + height: 14px; + } + .data-type-fields-structure .open-close .open-close-button.collapse { + background-image: url(/sdc1/scripts/images/sprite-global.8f8166754d12e1088a25.png); + display: inline-block; + background-position: -334px -888px; + width: 14px; + height: 14px; + } + .data-type-fields-structure .existInputContainer { + height: 30px; + width: 20px; + position: relative; + } + .data-type-fields-structure .existInput { + background-image: url(/sdc1/scripts/images/sprite-global.8f8166754d12e1088a25.png); + display: inline-block; + background-position: -101px -707px; + width: 10px; + height: 10px; + position: absolute; + top: 18px; + left: 3px; + } + .data-type-fields-structure .data-type-name { + color: #5a5a5a; + font-family: omnes-medium, sans-serif; + font-size: 16px; + margin-left: 22px; + } + .data-type-fields-structure .i-sdc-form-input:disabled { + opacity: 0.4 !important; + cursor: auto; + background-color: transparent; + pointer-events: none; + } + .data-type-fields-structure .i-sdc-form-input:disabled[type="text"] { + opacity: 1 !important; + background-color: #f8f8f8; + color: black; + } + .data-type-fields-structure .property { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + min-width: 365px; + min-height: 46px; + } + .data-type-fields-structure .property input[type="text"], + .data-type-fields-structure .property select { + width: 170px; + } + .data-type-fields-structure .property .property-name { + float: left; + margin-top: 8px; + } + .data-type-fields-structure .property .primitive-value-field { + float: right; + margin-top: 8px; + margin-left: 10px; + } + .data-type-fields-structure .property .inner-structure { + display: -webkit-box; + } + .data-type-fields-structure [ng-switch-when="map"] { + margin-top: 8px; + margin-left: 10px; + } + .data-type-fields-structure [ng-switch-when="map"] .map-item { + border: solid 1px #d2d2d2; + min-width: 401px; + min-height: 69px; + float: none !important; + } + .data-type-fields-structure [ng-switch-when="map"] .add-map-item { + width: auto; + float: none; + } + .data-type-fields-structure [ng-switch-when="map"] .add-map-item:nth-child(1) { + position: relative; + top: 6px; + } + .data-type-fields-structure [ng-switch-when="map"] .add-map-item .add-btn { + float: none; + } + .data-type-fields-structure [ng-switch-when="list"] { + float: left; + margin-top: 8px; + margin-left: 10px; + min-width: 280px; + } + .data-type-fields-structure [ng-switch-when="list"] .dt-list-item { + border: solid 1px #d2d2d2; + } + .data-type-fields-structure [ng-switch-when="list"] .list-value-items { + width: 280px; + } + .list-new-item { + float: left; + width: 50%; + min-width: 221px; + margin-right: 15px; + } + .list-new-item input { + min-width: 221px; + } + .list-value-items { + border-radius: 2px; + border: 1px solid #d2d2d2; + padding-bottom: 10px; + min-height: 100px; + clear: both; + background-color: white; + } + .list-value-items .list-value-item { + display: inline-block; + background-color: #e6f6fb; + margin: 10px 0 0 10px; + padding: 0 8px; + } + .list-value-items .list-value-item .delete-list-item { + margin: 0 0 0 2px; + cursor: pointer; + } + .add-btn { + color: #009fdb; + font-family: omnes-medium, sans-serif; + font-size: 14px; + cursor: pointer; + } + .add-btn.add-list-item { + float: left; + margin-top: 5px; + width: 44px; + } + .add-btn:before { + background-image: url(/sdc1/scripts/images/sprite-global.8f8166754d12e1088a25.png); + display: inline-block; + background-position: -50px -231px; + width: 12px; + height: 12px; + margin-right: 5px; + content: ""; + } + .add-btn:hover { + color: #056bae; + } + .add-btn:hover:before { + background-image: url(/sdc1/scripts/images/sprite-global.8f8166754d12e1088a25.png); + display: inline-block; + background-position: -100px -231px; + width: 12px; + height: 12px; + } + .dt-list { + display: table-caption; + } + .dt-list .dt-list-item { + border-radius: 3px; + background-color: #e6f6fb; + display: inline-block; + } + .dt-list .dt-list-item .delete-dt-list-item { + float: right; + position: relative; + top: 5px; + right: 5px; + background-image: url(/sdc1/scripts/images/sprite-global.8f8166754d12e1088a25.png); + display: inline-block; + background-position: -675px -231px; + width: 11px; + height: 13px; + } + .dt-list .dt-list-item .delete-dt-list-item:hover { + background-position: -702px -231px; + width: 11px; + height: 13px; + } + .dt-list .dt-list-item .data-type-name { + margin-right: 16px; + } + .dt-list > .add-list-item { + float: none; + } + .add-map-item { + width: 400px; + } + .add-map-item:nth-child(odd) { + float: right; + } + .add-map-item:nth-child(1) { + float: none; + } + .add-map-item:nth-child(1) .add-btn { + float: none; + } + .add-map-item .add-btn { + width: 44px; + float: right; + } + .add-map-item.schema-data-type { + float: none; + } + .add-map-item.schema-data-type .add-btn { + float: none; + } + .add-btn { + color: #009fdb; + font-family: omnes-medium, sans-serif; + font-size: 14px; + cursor: pointer; + } + .add-btn:before { + background-image: url(/sdc1/scripts/images/sprite-global.8f8166754d12e1088a25.png); + display: inline-block; + background-position: -50px -231px; + width: 12px; + height: 12px; + margin-right: 5px; + content: ""; + } + .add-btn:hover { + color: #056bae; + } + .add-btn:hover:before { + background-image: url(/sdc1/scripts/images/sprite-global.8f8166754d12e1088a25.png); + display: inline-block; + background-position: -100px -231px; + width: 12px; + height: 12px; + } + .map-item { + min-width: 389px; + min-height: 65px; + background-color: #e6f6fb; + border-radius: 3px; + margin-bottom: 8px; + float: left; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + } + .map-item:nth-child(even).primitive-value-map { + float: right; + } + .map-item .delete-map-item { + float: right; + position: relative; + top: 5px; + right: 5px; + background-image: url(/sdc1/scripts/images/sprite-global.8f8166754d12e1088a25.png); + display: inline-block; + background-position: -675px -231px; + width: 11px; + height: 13px; + } + .map-item .delete-map-item:hover { + background-position: -702px -231px; + width: 11px; + height: 13px; + } + .map-item .map-item-field { + margin: 7px 12px !important; + float: left; + min-width: 170px; + min-height: 50px; + } + .map-item .map-item-field select { + width: 171px; + } + .map-item .map-item-field input[type="text"] { + width: 170px; + } + .map-item .map-item-field > .data-type-fields-structure { + padding: 0; + } + .structure-tree { + padding: 9px 0px 10px 30px; + position: relative; + } + .structure-tree ul { + position: relative; + list-style: none; + padding-left: 25px; + } + .structure-tree ul ::before { + content: ""; + position: absolute; + left: -27px; + } + .structure-tree ul ::after { + content: ""; + position: absolute; + left: -27px; + } + .structure-tree ul li { + position: relative; + } + .structure-tree ul li::before { + border-top: 1px solid #666666; + top: 20px; + width: 10px; + height: 0; + } + .structure-tree ul li::after { + border-left: 1px solid #666666; + height: 100%; + width: 0px; + top: -2px; + } + .structure-tree ul li:last-child::after { + height: 23px; + } + .structure-tree .component-container { + display: inline-block; + margin: 6px 0px 0px -16px; + } + .structure-tree .component-container-icon { + display: inline-block; + } + .structure-tree .component-container-text { + padding-left: 8px; + float: right; + text-overflow: ellipsis; + max-width: 120px; + display: inline-block; + white-space: nowrap; + font-size: 13px; + color: #666666; + overflow: hidden; + line-height: 28px; + float: none; + } + .structure-tree .non-certified { + position: relative; + left: 18px; + bottom: 8px; + background-image: url(/sdc1/scripts/images/sprite-global-old.36e32171fc7d958da86b.png); + display: inline-block; + background-position: -157px -3386px; + width: 15px; + height: 15px; + display: block; + } + .sdc-tag { + background-color: #F2F2F2 ; + border-radius: 4px; + min-width: 150px; + height: 30px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + padding: 0 10px; + margin: 2px; + } + .sdc-tag .tag { + display: inline-block; + } + .sdc-tag .category { + margin-right: 4px; + margin-left: 25px; + width: 25px; + } + .sdc-tag .relation-categoty-icon { + background-image: url(/sdc1/scripts/images/sprite-global-old.36e32171fc7d958da86b.png); + display: inline-block; + background-position: -100px -4351px; + width: 24px; + height: 24px; + cursor: pointer; + vertical-align: middle; + } + .sdc-tag .relation-categoty-icon:hover { + background-image: url(/sdc1/scripts/images/sprite-global-old.36e32171fc7d958da86b.png); + display: inline-block; + background-position: -52px -4351px; + width: 24px; + height: 24px; + } + .sdc-tag .delete-icon { + background-image: url(/sdc1/scripts/images/sprite-global-old.36e32171fc7d958da86b.png); + display: inline-block; + background-position: -52px -4041px; + width: 10px; + height: 11px; + cursor: pointer; + vertical-align: middle; + } + .tag-tooltip-wrap { + background-color: rgba(80, 99, 113, 0.9); + position: relative; + display: inline-block; + margin: -5px -14px 0px -14px; + } + .w-sdc-header-user-container { + color: #666666; + font-family: omnes-medium, sans-serif; + font-size: 14px; + width: 400px; + -ms-flex-preferred-size: 400px; + flex-basis: 400px; + -webkit-box-flex: 0; + -ms-flex-positive: 0; + flex-grow: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + padding: 0 23px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: end; + -ms-flex-pack: end; + justify-content: flex-end; + } + .w-sdc-header-user-icon { + background: no-repeat url('/assets/styles/images/anonymous.jpg'); + border-radius: 50%; + height: 47px; + width: 47px; + background-size: cover; + border: solid 2px #a8b3b9; + -ms-flex-preferred-size: 47px; + flex-basis: 47px; + -webkit-box-flex: 0; + -ms-flex-positive: 0; + flex-grow: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + } + .w-sdc-header-user-details { + padding: 4px 4px 4px 14px; + display: table-cell; + vertical-align: middle; + } + .w-sdc-header-user-name { + max-width: 160px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + vertical-align: bottom; + font-weight: bold; + display: inline-block; + } + .w-sdc-header-user-role { + font-weight: bold; + display: inline-block; + margin-left: 6px; + } + .w-sdc-header-user-role:before { + content: ''; + margin-right: 8px; + border-left: 1px solid #a8b3b9; + } + .w-sdc-header-user-last-login { + font-family: omnes-regular, sans-serif; + font-size: 12px; + display: block; + } + .w-sdc-header-logout-icon { + background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAUCAYAAACAl21KAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjE5RjgxM0QxMDgzQTExRTVBQzA2OTg5ODlFNDVBNTZDIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjE5RjgxM0QyMDgzQTExRTVBQzA2OTg5ODlFNDVBNTZDIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTlGODEzQ0YwODNBMTFFNUFDMDY5ODk4OUU0NUE1NkMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTlGODEzRDAwODNBMTFFNUFDMDY5ODk4OUU0NUE1NkMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6Riq1bAAAA20lEQVR42mJ0CUv+z0Aa+AvEertXzrmGLMgCpZcD8S4iDfoDxHfQBWEGnQLasICBAsDEQCUwcAa5hqeEAHEKNVykB8SzgYZVUGpQPRDPAOJ2oGHNZBsEjF1QussC4mlAXAM0rAM5+tHDwQJIVRBh7m0gLgeql6ZarLHgcP4JIBWAJ+YYgdQUIPYH4k6g+gpyop8RGj6gcGoGGYLTRQRAIxBnAHEl0JAOvF4jAC4BcSrQkDkEw4hA9K8ZGpkW5jUzYGwkkFCwrQJ68Rc2gyKhmNii9hwQoxS1AAEGAO5PP/+ClIDAAAAAAElFTkSuQmCC'); + height: 20px; + width: 18px; + position: absolute; + right: 20px; + top: 29px; + } + .main-wrap { + text-align: center; + } + .main-wrap .header { + background-color: #c6e6f2; + height: 42px; + border-bottom: 1px solid rgba(0, 159, 219, 0.6); + border-top: 1px solid rgba(0, 159, 219, 0.6); + } + .main-wrap .header .title { + font-family: omnes-medium, sans-serif; + font-size: 14px; + color: #000000; + font-weight: 400; + line-height: 42px; + padding-left: 18px; + float: left; + } + .main-wrap .header .buttons { + float: right; + padding-right: 11px; + line-height: 42px; + } + .main-wrap .header .buttons span { + vertical-align: middle; + } + .main-wrap .header .buttons .search, + .main-wrap .header .buttons .order-by { + margin-right: 5px; + } + .main-wrap .header .buttons .search { + display: none; + } + .main-wrap .search-box { + border-radius: 2px; + height: 30px; + width: 275px; + border: 1px #067ab4 solid; + margin: 8px 0; + padding: 0 5px; + } + .expand-collapse-menu-box { + line-height: 20px; + background-color: #f8f8f8; + } + .expand-collapse-menu-box .expand-collapse-header { + border-bottom: 1px solid #d2d2d2; + height: 53px; + background-color: #ffffff; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + } + .expand-collapse-menu-box .expand-collapse-menu-box-title { + font-family: omnes-medium, sans-serif; + font-size: 18px; + color: #009fdb; + cursor: pointer; + } + .expand-collapse-menu-box .expand-collapse-menu-box-title .w-sdc-designer-sidebar-section-title-text { + max-width: 185px; + overflow: hidden; + text-overflow: ellipsis; + display: inline-block; + white-space: nowrap; + padding: 8px 0; + } + .expand-collapse-menu-box .expand-collapse-menu-box-title.expanded .expand-collapse-menu-box-title-icon { + -webkit-transform: rotate(180deg); + transform: rotate(180deg); + } + .expand-collapse-menu-box .expand-collapse-menu-box-title-icon { + cursor: pointer; + background-image: url(/sdc1/scripts/images/sprite-global.8f8166754d12e1088a25.png); + display: inline-block; + background-position: -350px -236px; + width: 12px; + height: 7px; + margin-right: 6px; + transition: .3s all; + position: relative; + vertical-align: text-top; + margin-left: 14px; + vertical-align: 14px; + } + .expand-collapse-menu-box .w-sdc-designer-sidebar-section-content { + overflow: hidden; + } + .expand-collapse-menu-box .w-sdc-designer-sidebar-section-content .expand-collapse-menu-box-item { + cursor: pointer; + padding-left: 14px; + font-family: omnes-medium, sans-serif; + color: #5a5a5a; + line-height: 18px; + } + .expand-collapse-menu-box .w-sdc-designer-sidebar-section-content .expand-collapse-menu-box-item.selected { + background-color: #009fdb; + color: #ffffff; + } + .ellipsis-directive-more-less { + color: #3b7b9b; + font-family: omnes-regular, sans-serif; + font-size: 13px; + font-weight: bold; + cursor: pointer; + float: right; + margin-right: 10px; + line-height: 23px; + text-decoration: underline; + text-align: left; + } + .tags-box { + height: 116px; + background-color: #ffffff; + } + .tags-box .perfect-scrollbar { + height: 85px; + } + .tags-box .new-tag-input { + display: block; + border-bottom-left-radius: 0 !important; + border-bottom-right-radius: 0 !important; + border: solid 1px #d8d8d8; + width: 100%; + height: 30px; + line-height: 30px; + padding: 2px 10px; + outline: none; + } + .tags-box .tags-wrapper { + padding: 10px; + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; + border: solid 1px #d8d8d8; + border-top: none; + } + .tags-box .tags-wrapper .group-tag { + display: inline-block; + } + .tags-box .tags-wrapper .group-tag .sdc-tag { + border: solid 1px #959595; + background-color: #ffffff; + min-width: auto; + } + .tags-box .tags-wrapper .group-tag .sdc-tag .tag { + margin-right: 10px; + } + .tags-box .tags-wrapper.view-mode .group-tag { + opacity: 1; + background-color: #f8f8f8 !important; + } + .tags-box .tags-wrapper.view-mode .group-tag .sdc-tag { + background: none; + border-color: #d2d2d2; + } + .sdc-admin-container { + height: 100%; + } + .sdc-admin-container .sdc-admin-top-bar-menu { + background-color: #e1e7ec; + height: 44px; + padding-left: 260px; + box-shadow: -1px 0px 3px 0px rgba(0, 0, 0, 0.33); + position: absolute; + top: 0px; + left: 0; + right: 0; + z-index: 2; + } + .sdc-admin-container .sdc-admin-top-bar-menu .sdc-admin-top-bar-menu-tab { + color: #666666; + font-family: omnes-medium, sans-serif; + font-size: 15px; + cursor: pointer; + height: 44px; + background-color: transparent; + position: relative; + padding: 0px 10px 0px 10px; + border: none; + outline: none; + margin-right: 15px; + } + .sdc-admin-container .sdc-admin-top-bar-menu .sdc-admin-top-bar-menu-tab.selected { + outline: none; + border-bottom: solid 4px #3196c9; + } + .sdc-admin-container .sdc-admin-top-bar-menu .sdc-admin-top-bar-menu-monitor-btn { + background-color: #3b7b9b; + color: #ffffff; + font-family: omnes-medium, sans-serif; + font-size: 16px; + float: right; + border: none; + position: relative; + padding: 11px 24px; + } + .sdc-admin-container .sdc-admin-body { + background-color: #ECEFF3; + padding: 40px 260px 60px 260px; + position: absolute; + top: 44px; + left: 0; + right: 0; + bottom: 0; + } + .category-management .row { + display: table; + width: 70%; + min-width: 800px; + margin: auto; + } + .category-management .row [class*="col-"] { + float: none; + display: table-cell; + vertical-align: top; + background-color: white; + border: 1px solid #c1c1c1; + padding: 0; + } + .category-management .row [class*="col-"]:not(:last-child) { + border-right: none; + } + .category-management .row [class*="col-"] h4 { + float: left; + color: white; + background-color: #9ba8b0; + margin: 0; + padding: 0px 0px 0px 16px; + width: 100%; + height: 31px; + font-size: 15px; + } + .category-management .row [class*="col-"] h4 span { + display: inline-block; + line-height: 30px; + margin-right: 5px; + padding: 0 7px; + } + .category-management .row [class*="col-"] h4 span.selected { + border-bottom: 2px #067ab4 solid; + } + .category-management .row [class*="col-"] h4 + span { + cursor: pointer; + float: right; + display: inline-block; + background-color: #3b7c9c; + text-align: center; + padding: 5.5px 0px; + width: 60px; + position: absolute; + top: 0; + right: 0; + z-index: 1; + color: white; + } + .category-management .row [class*="col-"] .perfect-scrollbar { + width: 100%; + height: 500px; + margin-top: 40px; + margin-bottom: 15px; + } + .category-management .row [class*="col-"] ul { + clear: both; + margin: 5px 0 10px 0; + list-style-type: none; + padding: 0; + position: relative; + } + .category-management .row [class*="col-"] ul li { + cursor: pointer; + padding: 0 8px; + text-indent: 9px; + font-size: 13px; + line-height: 25px; + border: 1px solid white; + border-right: none; + border-left: none; + margin-right: 5px; + } + .category-management .row [class*="col-"] ul li button { + background-color: transparent; + border: none; + float: right; + margin: 5px 3px; + display: none; + } + .category-management .row [class*="col-"] ul li:hover { + background-color: #d9e6ec; + color: #3b7b9b; + border-color: #d9e6ec; + } + .category-management .row [class*="col-"] ul li:hover button { + display: inline-block; + } + .category-management .row [class*="col-"] ul li.selected { + background-color: #dbe6ec; + color: #3b7b9b; + border-color: rgba(59, 123, 155, 0.42); + } + .category-management .row [class*="col-"] ul li.selected.gray { + background-color: rgba(155, 168, 176, 0.09); + border-color: white; + } + .sdc-user-management-top-bar { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + width: 100%; + } + .sdc-user-management-top-bar label { + color: #445663; + font-family: omnes-medium, sans-serif; + font-size: 15px; + } + .sdc-user-management-top-bar .sdc-user-management-top-bar-form-input, + .sdc-user-management-top-bar .sdc-user-management-top-bar-form-select { + font-family: omnes-regular, sans-serif; + font-size: 13px; + color: #666666; + height: 28px; + padding-left: 10px; + border-radius: 2px; + border: 1px solid #cfcfcf; + } + .sdc-user-management-top-bar .sdc-user-management-top-bar-search-container { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + position: relative; + width: 400px; + } + .sdc-user-management-top-bar .sdc-user-management-top-bar-search-container label { + margin-bottom: 20px; + } + .sdc-user-management-top-bar .sdc-user-management-top-bar-search-container .w-sdc-search-icon { + right: 11px; + top: 49px; + } + .sdc-user-management-top-bar .vertical-border-container { + min-width: 50px; + margin: 0px auto; + } + .sdc-user-management-top-bar .vertical-border-container .vertical-border { + width: 1px; + height: 70px; + background-color: #cdcdcd; + display: table; + margin: 0 auto; + } + .sdc-user-management-top-bar .sdc-user-management-top-bar-wrapper { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + } + .sdc-user-management-top-bar .sdc-user-management-top-bar-title { + color: #445663; + font-family: omnes-medium, sans-serif; + font-size: 15px; + font-weight: bold; + } + .sdc-user-management-top-bar .sdc-user-management-top-bar-create-user-container { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + position: relative; + float: right; + padding-top: 0px; + text-align: left; + width: 650px; + } + .sdc-user-management-top-bar .sdc-user-management-top-bar-create-user-container label { + margin-bottom: 20px; + } + .sdc-user-management-top-bar .sdc-user-management-top-bar-create-user-container .sdc-user-management-top-bar-form-container { + width: 233px; + margin-right: 35px; + } + .sdc-user-management-top-bar .sdc-user-management-top-bar-create-user-container .sdc-user-management-top-bar-create-btn { + color: #ffffff; + font-family: omnes-regular, sans-serif; + font-size: 16px; + cursor: pointer; + border-radius: 5px; + border: 0; + height: 38px; + line-height: 38px; + width: 195px; + margin: 0 6px; + padding: 0; + vertical-align: middle; + outline: none; + background-color: #28bd6e; + height: 30px; + width: 100px; + line-height: 0px; + padding-bottom: 3px; + margin-right: 0px; + } + .sdc-user-management-top-bar .sdc-user-management-top-bar-create-user-container .sdc-user-management-top-bar-create-btn:disabled { + background-color: #cdcdcd; + } + .sdc-user-management-top-bar .sdc-user-management-top-bar-create-user-container .sdc-user-management-top-bar-create-btn:hover:enabled { + background-color: #1f9356; + } + .sdc-user-management-table-container-flex { + height: 650px; + margin-top: 35px; + } + .sdc-user-management-table-container-flex .sdc-user-management-table { + width: 100%; + border: 1px solid #a8b3b9; + } + .sdc-user-management-table-container-flex .sdc-user-management-table .head { + background-color: #a8b3b9; + } + .sdc-user-management-table-container-flex .sdc-user-management-table .head .head-row { + color: #ffffff; + font-family: omnes-regular, sans-serif; + font-size: 15px; + font-weight: bold; + border-right: 1px solid rgba(120, 136, 148, 0.26); + } + .sdc-user-management-table-container-flex .sdc-user-management-table .head .head-row .sdc-user-management-table-header-sort-arrow { + display: inline-block; + background-color: transparent; + border: none; + color: #ffffff; + font-family: omnes-regular, sans-serif; + font-size: 13px; + width: 0; + height: 0; + float: right; + margin: 8px 8px 0px 0px; + } + .sdc-user-management-table-container-flex .sdc-user-management-table .head .head-row .sdc-user-management-table-header-sort-arrow.up { + border-left: 5px solid transparent; + border-right: 5px solid transparent; + border-bottom: 5px solid; + } + .sdc-user-management-table-container-flex .sdc-user-management-table .head .head-row .sdc-user-management-table-header-sort-arrow.down { + border-left: 5px solid transparent; + border-right: 5px solid transparent; + border-top: 5px solid; + } + .sdc-user-management-table-container-flex .sdc-user-management-table .head .sdc-user-management-table-header:hover { + background-color: #D3DBE0; + } + .sdc-user-management-table-container-flex .sdc-user-management-table .body { + color: #666666; + font-family: omnes-regular, sans-serif; + font-size: 13px; + } + .sdc-user-management-table-container-flex .sdc-user-management-table .body .scrollbar-container { + max-height: 421px; + position: relative; + overflow: hidden; + } + .sdc-user-management-table-container-flex .sdc-user-management-table .body .data-row:nth-of-type(odd) { + background-color: #ffffff; + } + .sdc-user-management-table-container-flex .sdc-user-management-table .body .data-row.sdc-user-management-table-new-user-row { + -webkit-animation: change 7s step-end both; + animation: change 7s step-end both; + } + @-webkit-keyframes change { + from { + color: #28bd6e; + } + to { + color: #666666; + } + } + @keyframes change { + from { + color: #28bd6e; + } + to { + color: #666666; + } + } + .sdc-user-management-table-container-flex .sdc-user-management-table .body .data-row.sdc-user-management-table-row-edit-mode { + background-color: #D3DBE0; + } + .sdc-user-management-table-container-flex .sdc-user-management-table .body .data-row div { + border-right: 1px solid rgba(120, 136, 148, 0.26); + } + .sdc-user-management-table-container-flex .sdc-user-management-table .body .data-row div:last-child { + border-right: none; + } + .sdc-user-management-table-container-flex .sdc-user-management-table .body .data-row div .sdc-user-management-table-role-select { + background-color: transparent; + border: 0; + width: 100%; + } + .sdc-user-management-table-container-flex .sdc-user-management-table .body .data-row div .sdc-user-management-table-role-label { + margin-left: 4px; + } + .sdc-user-management-table-container-flex .sdc-user-management-table .body .data-row:hover { + background-color: #D3DBE0; + } + .sdc-user-management-table-container-flex .sdc-user-management-table .sdc-user-management-table-btn-col { + line-height: 0px; + text-align: center; + } + .sdc-user-management-table-container-flex .sdc-user-management-table .sdc-user-management-table-btn-col .sdc-user-management-table-delete-btn { + background-color: transparent; + border: none; + background-image: url(/sdc1/scripts/images/sprite-global-old.36e32171fc7d958da86b.png); + display: inline-block; + background-position: -64px -2771px; + width: 11px; + height: 13px; + opacity: 0.7; + } + .sdc-user-management-table-container-flex .sdc-user-management-table .sdc-user-management-table-btn-col .sdc-user-management-table-edit-btn { + background-color: transparent; + border: none; + background-image: url(/sdc1/scripts/images/sprite-global-old.36e32171fc7d958da86b.png); + display: inline-block; + background-position: -51px -3339px; + width: 12px; + height: 12px; + opacity: 0.7; + } + .sdc-user-management-table-container-flex .sdc-user-management-table .sdc-user-management-table-btn-col .sdc-user-management-table-save-btn { + background-color: transparent; + border: none; + background-image: url(/sdc1/scripts/images/sprite-global-old.36e32171fc7d958da86b.png); + display: inline-block; + background-position: -157px -4089px; + width: 12px; + height: 12px; + } + .sdc-user-management-table-container-flex .sdc-user-management-flex-container { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + } + .sdc-user-management-table-container-flex .sdc-user-management-flex-item { + width: 10px; + padding: 5px; + text-align: center; + } + .sdc-user-management-table-container-flex .sdc-user-management-flex-item:nth-child(1) { + -webkit-box-flex: 5; + -ms-flex-positive: 5; + flex-grow: 5; + } + .sdc-user-management-table-container-flex .sdc-user-management-flex-item:nth-child(2) { + -webkit-box-flex: 7; + -ms-flex-positive: 7; + flex-grow: 7; + } + .sdc-user-management-table-container-flex .sdc-user-management-flex-item:nth-child(3) { + -webkit-box-flex: 4; + -ms-flex-positive: 4; + flex-grow: 4; + } + .sdc-user-management-table-container-flex .sdc-user-management-flex-item:nth-child(4) { + -webkit-box-flex: 8; + -ms-flex-positive: 8; + flex-grow: 8; + } + .sdc-user-management-table-container-flex .sdc-user-management-flex-item:nth-child(5) { + -webkit-box-flex: 8; + -ms-flex-positive: 8; + flex-grow: 8; + } + .sdc-user-management-table-container-flex .sdc-user-management-flex-item:nth-child(6) { + -webkit-box-flex: 8; + -ms-flex-positive: 8; + flex-grow: 8; + } + .sdc-user-management-table-container-flex .sdc-user-management-flex-item:nth-child(7) { + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + } + .sdc-user-management-table-container-flex .sdc-user-management-flex-item:nth-child(8) { + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + } + .sdc-catalog-container { + /*Added by - Ikram */ + } + .sdc-catalog-container .i-sdc-categories-list-item { + font-weight: normal; + } + .sdc-catalog-container .i-sdc-designer-leftbar-section-content-ul { + padding: 0; + margin: 0; + } + .sdc-catalog-container .i-sdc-designer-leftbar-section-content-ul .i-sdc-catalog-subcategories-checkbox { + padding: 0 0 0 20px; + margin: 0; + } + .sdc-catalog-container .i-sdc-designer-leftbar-section-content-ul .i-sdc-catalog-subcategories-checkbox .i-sdc-catalog-grouping-checkbox { + padding: 0 0 0 20px; + margin: 0; + } + .sdc-catalog-container .i-sdc-designer-leftbar-section-content-li:last-child .i-sdc-categories-list-item { + margin: 0; + } + .sdc-catalog-container .i-sdc-categories-list-item { + display: block; + vertical-align: top; + font-weight: bold; + } + .sdc-catalog-container .i-sdc-subcategories-list-item { + display: block; + vertical-align: top; + font-weight: normal; + margin: 0; + } + .sdc-catalog-container .i-sdc-product-input, + .sdc-catalog-container .i-sdc-product-select { + border: 1px solid #cfcfcf; + min-height: 30px; + padding: 0; + width: 100%; + margin: 1px 0; + background-color: #F2F2F2; + outline: none; + } + .sdc-catalog-container .i-sdc-product-input:disabled, + .sdc-catalog-container .i-sdc-product-select:disabled { + opacity: 0.4 !important; + cursor: auto; + background-color: transparent; + pointer-events: none; + } + .sdc-catalog-container .i-sdc-product-input optgroup, + .sdc-catalog-container .i-sdc-product-select optgroup { + color: #23aa63; + } + .sdc-catalog-container .i-sdc-product-input optgroup option, + .sdc-catalog-container .i-sdc-product-select optgroup option { + color: #666666; + } + .sdc-catalog-container .i-sdc-categories-list-item-icon { + display: inline-block; + float: right; + position: relative; + right: -8px; + top: 6px; + } + .sdc-catalog-container .i-sdc-categories-list-item { + margin-top: 7px; + } + .sdc-catalog-container .i-sdc-categories-list-item.NOT_CERTIFIED_CHECKOUT .i-sdc-categories-list-item-icon, + .sdc-catalog-container .i-sdc-categories-list-item.NOT_CERTIFIED_CHECKIN .i-sdc-categories-list-item-icon { + background: url('/assets/styles/images/sprites/sprite-global-old.png') no-repeat -53px -2889px; + width: 14px; + height: 14px; + } + .sdc-catalog-container .i-sdc-categories-list-item.CERTIFIED .i-sdc-categories-list-item-icon { + background: url('/assets/styles/images/sprites/sprite-global-old.png') no-repeat -53px -3034px; + width: 14px; + height: 16px; + } + .sdc-catalog-container .i-sdc-categories-list-item.READY_FOR_CERTIFICATION .i-sdc-categories-list-item-icon { + background: url('/assets/styles/images/sprites/sprite-global-old.png') no-repeat -53px -2985px; + width: 14px; + height: 16px; + } + .sdc-catalog-container .i-sdc-categories-list-item.CERTIFICATION_IN_PROGRESS .i-sdc-categories-list-item-icon { + background: url('/assets/styles/images/sprites/sprite-global-old.png') no-repeat -53px -2934px; + width: 14px; + height: 16px; + } + .sdc-catalog-container .i-sdc-categories-list-item.DISTRIBUTED .i-sdc-categories-list-item-icon, + .sdc-catalog-container .i-sdc-categories-list-item.TBD .i-sdc-categories-list-item-icon { + background: url('/assets/styles/images/sprites/sprite-global-old.png') no-repeat -43px -3087px; + width: 24px; + height: 14px; + } + .sdc-catalog-container .i-sdc-categories-list-input { + margin: 8px; + } + .sdc-catalog-container .i-sdc-subcategories-list-input { + margin: 8px; + } + .sdc-catalog-container .i-sdc-subcategories-list-input-container { + margin: 0px 0px 0px 20px; + padding: 2px; + } + .sdc-catalog-container .w-sdc-header-catalog-search-container { + display: table; + padding: 21px 0; + position: relative; + } + .sdc-catalog-container .w-sdc-header-catalog-search-container .w-sdc-designer-leftbar-search-input { + color: #000; + width: 300px; + } + .sdc-catalog-container .w-sdc-catalog-main { + padding: 10px 12px; + } + .sdc-catalog-container .w-sdc-dashboard-catalog-header { + color: #666666; + font-family: omnes-regular, sans-serif; + font-size: 13px; + display: inline-block; + font-style: italic; + font-weight: bold; + padding-left: 10px; + } + .sdc-catalog-container .w-sdc-dashboard-catalog-header-order { + color: #666666; + font-family: omnes-regular, sans-serif; + font-size: 13px; + font-weight: 800; + } + .sdc-catalog-container .w-sdc-dashboard-catalog-sort { + color: #666666; + font-family: omnes-regular, sans-serif; + font-size: 13px; + font-weight: bold; + white-space: pre; + } + .sdc-catalog-container .w-sdc-dashboard-catalog-sort:hover { + cursor: pointer; + text-decoration: none; + color: #3b7b9b; + font-family: omnes-regular, sans-serif; + font-size: 13px; + } + .sdc-catalog-container .w-sdc-dashboard-catalog-sort.blue { + color: #3b7b9b; + font-family: omnes-regular, sans-serif; + font-size: 13px; + } + .sdc-catalog-container .w-sdc-catalog-sort-arrow { + display: inline-block; + } + .sdc-catalog-container .w-sdc-catalog-sort-arrow.up { + color: #666666; + font-family: omnes-regular, sans-serif; + font-size: 13px; + width: 0; + height: 0; + border-left: 5px solid transparent; + border-right: 5px solid transparent; + border-bottom: 5px solid ; + } + .sdc-catalog-container .w-sdc-catalog-sort-arrow.down { + color: #666666; + font-family: omnes-regular, sans-serif; + font-size: 13px; + width: 0; + height: 0; + border-left: 5px solid transparent; + border-right: 5px solid transparent; + border-top: 5px solid; + } + .sdc-catalog-container .w-sdc-dashboard-catalog-header-right { + float: right; + display: inline-block; + padding-right: 34px; + } + .sdc-catalog-container .w-sdc-header-catalog-search-input { + width: 420px; + display: table-cell; + padding: 0 25px 1px 10px; + border: 1px solid #bcbcbc; + border-radius: 10px; + height: 30px; + margin: 10px 30px; + outline: none; + } + .sdc-catalog-container .sdc-catalog-type-filter-container { + margin-top: -1px; + } + .sdc-catalog-container .i-sdc-designer-leftbar-section-title { + text-transform: uppercase; + color: #000000; + font-family: omnes-medium, sans-serif; + font-size: 14px; + line-height: 30px; + } + .sdc-catalog-container .i-sdc-designer-leftbar-section-title-icon { + cursor: pointer; + background-image: url(/sdc1/scripts/images/tlv-sprite.068743809b588c3fce24.png); + display: inline-block; + vertical-align: middle; + background-position: -230px -59px; + width: 14px; + height: 10px; + transition: .3s all; + margin-top: -4px; + } + .sdc-catalog-container .i-sdc-designer-leftbar-section-title-icon.logo-blue { + background-position: -10px -20px; + width: 28px; + height: 28px; + } + .sdc-catalog-container .i-sdc-designer-leftbar-section-title-icon.user { + background-position: -50px -20px; + width: 15px; + height: 20px; + } + .sdc-catalog-container .i-sdc-designer-leftbar-section-title-icon .facebook { + background-position: -10px -260px; + width: 36px; + height: 36px; + } + .sdc-catalog-container .i-sdc-designer-leftbar-section-title-icon .facebook-hover { + background-position: -10px -300px; + width: 36px; + height: 36px; + } + .sdc-catalog-container .i-sdc-designer-leftbar-section-title-icon .twitter { + background-position: -50px -260px; + width: 36px; + height: 36px; + } + .sdc-catalog-container .i-sdc-designer-leftbar-section-title-icon .twitter-hover { + background-position: -50px -300px; + width: 36px; + height: 36px; + } + .sdc-catalog-container .i-sdc-designer-leftbar-section-title-icon .linkedin { + background-position: -89px -260px; + width: 36px; + height: 36px; + } + .sdc-catalog-container .i-sdc-designer-leftbar-section-title-icon .linkedin-hover { + background-position: -89px -300px; + width: 36px; + height: 36px; + } + .sdc-catalog-container .i-sdc-designer-leftbar-section-title-icon .youtube { + background-position: -130px -260px; + width: 36px; + height: 36px; + } + .sdc-catalog-container .i-sdc-designer-leftbar-section-title-icon .youtube-hover { + background-position: -130px -300px; + width: 36px; + height: 36px; + } + .sdc-catalog-container .i-sdc-designer-leftbar-section-title-icon .footer-open { + background-position: -250px -59px; + width: 14px; + height: 10px; + } + .sdc-catalog-container .i-sdc-designer-leftbar-section-title-icon .footer-open-hover { + background-position: -250px -79px; + width: 14px; + height: 10px; + } + .sdc-catalog-container .i-sdc-designer-leftbar-section-title-icon .footer-close { + background-position: -230px -59px; + width: 14px; + height: 10px; + } + .sdc-catalog-container .i-sdc-designer-leftbar-section-title-icon .footer-close-hover { + background-position: -230px -79px; + width: 14px; + height: 10px; + } + .sdc-catalog-container .i-sdc-designer-leftbar-section-title-icon .checkbox-disadbled { + background-position: -10px -60px; + width: 14px; + height: 14px; + } + .sdc-catalog-container .i-sdc-designer-leftbar-section-title-icon .checkbox { + background-position: -10px -60px; + width: 14px; + height: 14px; + } + .sdc-catalog-container .i-sdc-designer-leftbar-section-title-icon .checkbox-hover { + background-position: -10px -100px; + width: 14px; + height: 14px; + } + .sdc-catalog-container .i-sdc-designer-leftbar-section-title-icon .checkbox-checked { + background-position: -10px -120px; + width: 14px; + height: 14px; + } + .sdc-catalog-container .i-sdc-designer-leftbar-section-title-icon .radio-disabled { + background-position: -50px -60px; + width: 14px; + height: 14px; + } + .sdc-catalog-container .i-sdc-designer-leftbar-section-title-icon .radio { + background-position: -50px -80px; + width: 14px; + height: 14px; + } + .sdc-catalog-container .i-sdc-designer-leftbar-section-title-icon .radio-checked { + background-position: -50px -120px; + width: 14px; + height: 14px; + } + .sdc-catalog-container .i-sdc-designer-leftbar-section-title-text { + margin-left: 20px; + } + .sdc-catalog-container .seperator-left, + .sdc-catalog-container .seperator-right { + border-right: solid 1px #a8b3b9; + display: table-cell; + width: 2px; + } + .sdc-catalog-container .i-sdc-designer-leftbar-section-title.expanded .i-sdc-designer-leftbar-section-title-icon { + -webkit-transform: rotate(180deg); + transform: rotate(180deg); + } + .sdc-catalog-container .i-sdc-designer-leftbar-section-title + .i-sdc-designer-leftbar-section-content { + max-height: 0px; + margin: 0 auto; + transition: all .3s; + overflow: hidden; + padding: 0 10px 0 18px; + } + .sdc-catalog-container .i-sdc-designer-leftbar-section-title.expanded + .i-sdc-designer-leftbar-section-content { + max-height: 9999px; + margin: 0 auto 1px; + transition: all .3s; + padding: 10px 18px 10px 18px; + overflow: hidden; + } + .w-sdc-search-icon { + position: absolute; + right: 40px; + top: 40px; + } + .w-sdc-search-icon.leftbar { + top: 19px; + right: 18px; + } + .w-sdc-search-icon.magnification { + background-image: url(/sdc1/scripts/images/sprite-global-old.36e32171fc7d958da86b.png); + display: inline-block; + background-position: -49px -3138px; + width: 12px; + height: 12px; + cursor: pointer; + } + .w-sdc-search-icon.cancel { + background-image: url(/sdc1/scripts/images/sprite-global-old.36e32171fc7d958da86b.png); + display: inline-block; + background-position: -104px -4040px; + width: 10px; + height: 11px; + cursor: pointer; + } + .sdc-dashboard-container .tlv-loader { + top: -110px; + left: 80px; + } + .sdc-dashboard-container .sdc-hide-popover .popover { + display: none !important; + } + .w-sdc-left-sidebar-nav { + margin-top: 46px; + } + .w-sdc-main-right-container-element { + float: left; + height: 217px; + width: 217px; + margin: 10px; + position: relative; + } + .w-sdc-main-right-container-element-details-container { + position: absolute; + top: 165px; + left: 50px; + } + .w-sdc-main-right-container-element-name { + font-weight: bold; + } + .w-sdc-dashboard-card-new { + border: 2px dashed #a8b3b9; + border-radius: 2px; + cursor: pointer; + display: inline-block; + height: 198px; + margin: 11px; + position: relative; + vertical-align: middle; + width: 202px; + } + .w-sdc-dashboard-card-new-content { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + height: 100%; + } + .w-sdc-dashboard-card-new-content-plus { + background-image: url(/sdc1/scripts/images/sprite-global.8f8166754d12e1088a25.png); + display: inline-block; + background-position: -50px -77px; + width: 23px; + height: 23px; + position: relative; + margin-bottom: 20px; + } + .w-sdc-dashboard-card-new-content-plus:after { + color: #959595; + font-family: omnes-medium, sans-serif; + font-size: 14px; + content: 'ADD'; + position: absolute; + top: 25px; + left: -3px; + vertical-align: -50%; + } + .w-sdc-dashboard-card-import-content-plus { + background-image: url(/sdc1/scripts/images/sprite-global.8f8166754d12e1088a25.png); + display: inline-block; + background-position: -100px -81px; + width: 23px; + height: 23px; + position: relative; + margin-bottom: 20px; + } + .w-sdc-dashboard-card-import-content-plus:after { + color: #959595; + font-family: omnes-medium, sans-serif; + font-size: 14px; + content: 'IMPORT'; + position: absolute; + top: 25px; + left: -16px; + vertical-align: -50%; + } + .sdc-dashboard-create-element-container, + .sdc-dashboard-import-element-container { + width: 140px; + } + .sdc-dashboard-create-element-container .tlv-btn.import-dcae, + .sdc-dashboard-import-element-container .tlv-btn.import-dcae { + padding: 0; + } + .sdc-dashboard-create-element-container .tlv-btn, + .sdc-dashboard-import-element-container .tlv-btn { + position: relative; + width: 100%; + margin-bottom: 10px; + } + .sdc-dashboard-create-element-container .tlv-btn:last-child, + .sdc-dashboard-import-element-container .tlv-btn:last-child { + margin-bottom: 0; + } + .sdc-dashboard-create-element-container input[type="file"], + .sdc-dashboard-import-element-container input[type="file"] { + cursor: inherit; + filter: alpha(opacity=0); + opacity: 0; + position: absolute; + top: 0; + left: 0; + width: 138px; + height: 30px; + } + .w-sdc-dashboard-card { + width: 204px; + height: 200px; + background-color: #ffffff; + border-radius: 2px; + box-shadow: 0px 2px 2px 0px rgba(24, 24, 25, 0.05); + display: inline-block; + margin: 10px; + position: relative; + vertical-align: middle; + border: solid 1px #ffffff; + } + .w-sdc-dashboard-card:hover { + border: solid 1px #d2d2d2; + box-shadow: 3px 3px 2px 0px rgba(24, 24, 25, 0.05); + } + .w-sdc-dashboard-card:active { + border: solid 1px #71c5eb; + box-shadow: 3px 3px 2px 0px rgba(24, 24, 25, 0.05); + } + .w-sdc-dashboard-card-body { + cursor: pointer; + border-bottom: 1px solid #D3DBE0; + height: 155px; + position: relative; + text-align: center; + } + .w-sdc-dashboard-card-description { + color: #ffffff; + font-family: omnes-regular, sans-serif; + font-size: 12px; + cursor: pointer; + background-color: rgba(57, 73, 84, 0.9); + border-radius: 4px 4px 0 0; + bottom: 0; + left: 0; + opacity: 0; + padding: 10px; + position: absolute; + right: 0; + text-align: left; + top: 0; + word-wrap: break-word; + z-index: 4; + min-height: 100px; + overflow: hidden; + } + .w-sdc-dashboard-card-schema { + margin-top: 30px; + } + .w-sdc-dashboard-card-edit { + cursor: pointer; + position: absolute; + right: 13px; + top: 15px; + z-index: 2; + } + .w-sdc-dashboard-card-footer { + padding: 3px 12px 10px 12px; + position: relative; + } + .w-sdc-dashboard-card-avatar { + text-transform: uppercase; + border-radius: 50%; + display: inline-block; + position: absolute; + left: -6px; + text-align: center; + top: -6px; + } + .w-sdc-dashboard-card-avatar span { + background-color: #ffffff; + border-radius: 15px; + color: #ffffff; + content: ''; + height: 30px; + text-align: center; + display: block; + border: solid 2px #ECEFF3; + padding: 3px 10px 2px 10px; + } + .w-sdc-dashboard-card-avatar span.VF { + color: #9063cd; + font-family: omnes-medium, sans-serif; + font-size: 14px; + } + .w-sdc-dashboard-card-avatar span.VF::before { + content: 'VF'; + } + .w-sdc-dashboard-card-avatar span.VFC { + color: #9063cd; + font-family: omnes-medium, sans-serif; + font-size: 14px; + } + .w-sdc-dashboard-card-avatar span.VFC::before { + content: 'VFC'; + } + .w-sdc-dashboard-card-avatar span.CP { + color: #9063cd; + font-family: omnes-medium, sans-serif; + font-size: 14px; + } + .w-sdc-dashboard-card-avatar span.CP::before { + content: 'CP'; + } + .w-sdc-dashboard-card-avatar span.VL { + color: #9063cd; + font-family: omnes-medium, sans-serif; + font-size: 14px; + } + .w-sdc-dashboard-card-avatar span.VL::before { + content: 'VL'; + } + .w-sdc-dashboard-card-avatar span.SERVICE { + color: #71c5eb; + font-family: omnes-medium, sans-serif; + font-size: 14px; + } + .w-sdc-dashboard-card-avatar span.SERVICE::before { + content: 'S'; + } + .w-sdc-dashboard-card-avatar span.PRODUCT { + color: #056bae; + font-family: omnes-medium, sans-serif; + font-size: 14px; + } + .w-sdc-dashboard-card-avatar span.PRODUCT::before { + content: 'P'; + } + .w-sdc-dashboard-card-avatar span.green { + color: #1d9a95; + font-family: omnes-medium, sans-serif; + font-size: 17px; + } + .w-sdc-dashboard-card-avatar span.green::before { + content: 'R'; + } + .w-sdc-dashboard-card-avatar span.red { + color: #e85858; + font-family: omnes-medium, sans-serif; + font-size: 17px; + } + .w-sdc-dashboard-card-avatar span.red::before { + content: 'S'; + } + .w-sdc-dashboard-card-avatar span.dblack { + color: #000000; + font-family: omnes-medium, sans-serif; + font-size: 17px; + } + .w-sdc-dashboard-card-avatar span.dblack::before { + content: 'P'; + } + .w-sdc-dashboard-card-info { + display: inline-block; + vertical-align: middle; + max-width: 165px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + } + .w-sdc-dashboard-card-info-name-container { + position: absolute; + bottom: 0; + left: 0; + margin: 0 0 2px 10px; + } + .w-sdc-dashboard-card-info-name { + color: #5a5a5a; + font-family: omnes-medium, sans-serif; + font-size: 14px; + display: inline-block; + vertical-align: middle; + max-width: 165px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + } + .w-sdc-dashboard-card-info-lifecycleState { + color: #5a5a5a; + font-family: omnes-medium, sans-serif; + font-size: 13px; + display: inline-block; + vertical-align: middle; + max-width: 165px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + } + .w-sdc-dashboard-card-info-user { + color: #959595; + font-family: omnes-regular, sans-serif; + font-size: 13px; + line-height: 18px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + width: 100%; + } + .w-sdc-dashboard-card-menu-button { + display: inline-block; + padding: 12px 0 0 10px; + position: absolute; + right: 12px; + top: 8px; + border-left: solid 1px #e1e7ec; + height: 42px; + } + .w-sdc-dashboard-card-menu-button:hover .w-sdc-dashboard-card-menu { + display: block; + } + .w-sdc-dashboard-card-menu { + background-color: #ffffff; + border-radius: 0 0 4px 4px; + border-top: 3px solid #3b7b9b; + box-shadow: 0 2px 2px 0px rgba(0, 0, 0, 0.2); + color: #000000; + display: none; + min-height: 30px; + padding: 9px 0; + position: absolute; + right: -27px; + width: 208px; + z-index: 9; + max-height: 164px; + } + .w-sdc-dashboard-card-menu::before { + background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAFCAYAAAB4ka1VAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkE1OTIzNDI1MENFQjExRTU4ODRERTI1MDM2REZCOUYzIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkE1OTIzNDI2MENFQjExRTU4ODRERTI1MDM2REZCOUYzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QTU5MjM0MjMwQ0VCMTFFNTg4NERFMjUwMzZERkI5RjMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QTU5MjM0MjQwQ0VCMTFFNTg4NERFMjUwMzZERkI5RjMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4gBXTlAAAAOElEQVR42mK0rp7NgASMgZgFiE/CBJjQJPcA8U4gNkdXAJMUAGJ+ZEVMaJIwAFfEhEUSRRFAgAEAVtgJyiLAPWAAAAAASUVORK5CYII='); + content: ''; + display: block; + height: 21px; + position: absolute; + right: 24px; + top: -24px; + width: 184px; + background-repeat: no-repeat; + background-position: 175px 16px; + } + .i-sdc-dashboard-card-menu-item { + cursor: pointer; + line-height: 24px; + padding: 0 10px; + } + .i-sdc-dashboard-card-menu-item:hover { + color: #3b7b9b; + font-family: omnes-medium, sans-serif; + font-size: 14px; + } + .w-sdc-dashboard-card-info-lifecycleState-icon { + position: absolute; + bottom: 18px; + right: 10px; + } + .w-sdc-dashboard-card-schema-image { + position: absolute; + top: 41%; + height: 45px; + width: 53px; + background-repeat: no-repeat; + margin: auto; + left: 0; + right: 0; + top: -10px; + bottom: 0; + } + /* dashboard card main icons */ + .w-sdc-dashboard-card-schema-image.service { + background-position: -60px -2654px; + width: 14px; + height: 17px; + } + .w-sdc-dashboard-card-schema-image.resource { + background-position: -54px -2585px; + width: 16px; + height: 16px; + } + /* dashboard card statuses icons */ + .w-sdc-dashboard-card-edit.NOT_CERTIFIED_CHECKIN { + background-image: url(/sdc1/scripts/images/sprite-global-old.36e32171fc7d958da86b.png); + display: inline-block; + background-position: -47px -2839px; + width: 20px; + height: 19px; + } + .w-sdc-dashboard-card-edit.NOT_CERTIFIED_CHECKOUT { + background-image: url(/sdc1/scripts/images/sprite-global-old.36e32171fc7d958da86b.png); + display: inline-block; + background-position: -53px -2889px; + width: 14px; + height: 14px; + } + .w-sdc-dashboard-card-edit.CERTIFIED { + background-image: url(/sdc1/scripts/images/sprite-global-old.36e32171fc7d958da86b.png); + display: inline-block; + background-position: -53px -3034px; + width: 14px; + height: 16px; + } + .w-sdc-dashboard-card-edit.READY_FOR_CERTIFICATION { + background-image: url(/sdc1/scripts/images/sprite-global-old.36e32171fc7d958da86b.png); + display: inline-block; + background-position: -53px -2985px; + width: 14px; + height: 16px; + } + .w-sdc-dashboard-card-edit.CERTIFICATION_IN_PROGRESS { + background-image: url(/sdc1/scripts/images/sprite-global-old.36e32171fc7d958da86b.png); + display: inline-block; + background-position: -53px -2934px; + width: 14px; + height: 16px; + } + .w-sdc-dashboard-card-edit.DISTRIBUTED { + background-image: url(/sdc1/scripts/images/sprite-global-old.36e32171fc7d958da86b.png); + display: inline-block; + background-position: -43px -3087px; + width: 24px; + height: 14px; + } + .w-sdc-dashboard-card-avatar.green + .w-sdc-dashboard-card-edit.NOT_CERTIFIED_CHECKIN { + background-image: url(/sdc1/scripts/images/sprite-global-old.36e32171fc7d958da86b.png); + display: inline-block; + background-position: -70px -2839px; + } + .w-sdc-dashboard-card-avatar.green + .w-sdc-dashboard-card-edit.NOT_CERTIFIED_CHECKOUT { + background-image: url(/sdc1/scripts/images/sprite-global-old.36e32171fc7d958da86b.png); + display: inline-block; + background-position: -76px -2889px; + } + .w-sdc-dashboard-card-avatar.green + .w-sdc-dashboard-card-edit.CERTIFIED { + background-image: url(/sdc1/scripts/images/sprite-global-old.36e32171fc7d958da86b.png); + display: inline-block; + background-position: -76px -3034px; + } + .w-sdc-dashboard-card-avatar.green + .w-sdc-dashboard-card-edit.READY_FOR_CERTIFICATION { + background-image: url(/sdc1/scripts/images/sprite-global-old.36e32171fc7d958da86b.png); + display: inline-block; + background-position: -76px -2985px; + } + .w-sdc-dashboard-card-avatar.green + .w-sdc-dashboard-card-edit.CERTIFICATION_IN_PROGRESS { + background-image: url(/sdc1/scripts/images/sprite-global-old.36e32171fc7d958da86b.png); + display: inline-block; + background-position: -76px -2934px; + } + .w-sdc-dashboard-card-avatar.green + .w-sdc-dashboard-card-edit.DISTRIBUTED { + background-image: url(/sdc1/scripts/images/sprite-global-old.36e32171fc7d958da86b.png); + display: inline-block; + background-position: -76px -3087px; + } + .w-sdc-dashboard-card-avatar.red + .w-sdc-dashboard-card-edit.NOT_CERTIFIED_CHECKIN { + background-image: url(/sdc1/scripts/images/sprite-global-old.36e32171fc7d958da86b.png); + display: inline-block; + background-position: -93px -2839px; + } + .w-sdc-dashboard-card-avatar.red + .w-sdc-dashboard-card-edit.NOT_CERTIFIED_CHECKOUT { + background-image: url(/sdc1/scripts/images/sprite-global-old.36e32171fc7d958da86b.png); + display: inline-block; + background-position: -99px -2889px; + } + .w-sdc-dashboard-card-avatar.red + .w-sdc-dashboard-card-edit.CERTIFIED { + background-image: url(/sdc1/scripts/images/sprite-global-old.36e32171fc7d958da86b.png); + display: inline-block; + background-position: -99px -3034px; + } + .w-sdc-dashboard-card-avatar.red + .w-sdc-dashboard-card-edit.READY_FOR_CERTIFICATION { + background-image: url(/sdc1/scripts/images/sprite-global-old.36e32171fc7d958da86b.png); + display: inline-block; + background-position: -99px -2985px; + } + .w-sdc-dashboard-card-avatar.red + .w-sdc-dashboard-card-edit.CERTIFICATION_IN_PROGRESS { + background-image: url(/sdc1/scripts/images/sprite-global-old.36e32171fc7d958da86b.png); + display: inline-block; + background-position: -99px -2934px; + } + .w-sdc-dashboard-card-avatar.red + .w-sdc-dashboard-card-edit.DISTRIBUTED { + background-image: url(/sdc1/scripts/images/sprite-global-old.36e32171fc7d958da86b.png); + display: inline-block; + background-position: -113px -3087px; + } + .sdc-catalog-container { + /*Added by - Ikram */ + } + .sdc-catalog-container .i-sdc-categories-list-item { + font-weight: normal; + } + .sdc-catalog-container .i-sdc-designer-leftbar-section-content-ul { + padding: 0; + margin: 0; + } + .sdc-catalog-container .i-sdc-designer-leftbar-section-content-ul .i-sdc-catalog-subcategories-checkbox { + padding: 0 0 0 20px; + margin: 0; + } + .sdc-catalog-container .i-sdc-designer-leftbar-section-content-ul .i-sdc-catalog-subcategories-checkbox .i-sdc-catalog-grouping-checkbox { + padding: 0 0 0 20px; + margin: 0; + } + .sdc-catalog-container .i-sdc-designer-leftbar-section-content-li:last-child .i-sdc-categories-list-item { + margin: 0; + } + .sdc-catalog-container .i-sdc-categories-list-item { + display: block; + vertical-align: top; + font-weight: bold; + } + .sdc-catalog-container .i-sdc-subcategories-list-item { + display: block; + vertical-align: top; + font-weight: normal; + margin: 0; + } + .sdc-catalog-container .i-sdc-product-input, + .sdc-catalog-container .i-sdc-product-select { + border: 1px solid #cfcfcf; + min-height: 30px; + padding: 0; + width: 100%; + margin: 1px 0; + background-color: #F2F2F2; + outline: none; + } + .sdc-catalog-container .i-sdc-product-input:disabled, + .sdc-catalog-container .i-sdc-product-select:disabled { + opacity: 0.4 !important; + cursor: auto; + background-color: transparent; + pointer-events: none; + } + .sdc-catalog-container .i-sdc-product-input optgroup, + .sdc-catalog-container .i-sdc-product-select optgroup { + color: #23aa63; + } + .sdc-catalog-container .i-sdc-product-input optgroup option, + .sdc-catalog-container .i-sdc-product-select optgroup option { + color: #666666; + } + .sdc-catalog-container .i-sdc-categories-list-item-icon { + display: inline-block; + float: right; + position: relative; + right: -8px; + top: 6px; + } + .sdc-catalog-container .i-sdc-categories-list-item { + margin-top: 7px; + } + .sdc-catalog-container .i-sdc-categories-list-item.NOT_CERTIFIED_CHECKOUT .i-sdc-categories-list-item-icon, + .sdc-catalog-container .i-sdc-categories-list-item.NOT_CERTIFIED_CHECKIN .i-sdc-categories-list-item-icon { + background: url('/assets/styles/images/sprites/sprite-global-old.png') no-repeat -53px -2889px; + width: 14px; + height: 14px; + } + .sdc-catalog-container .i-sdc-categories-list-item.CERTIFIED .i-sdc-categories-list-item-icon { + background: url('/assets/styles/images/sprites/sprite-global-old.png') no-repeat -53px -3034px; + width: 14px; + height: 16px; + } + .sdc-catalog-container .i-sdc-categories-list-item.READY_FOR_CERTIFICATION .i-sdc-categories-list-item-icon { + background: url('/assets/styles/images/sprites/sprite-global-old.png') no-repeat -53px -2985px; + width: 14px; + height: 16px; + } + .sdc-catalog-container .i-sdc-categories-list-item.CERTIFICATION_IN_PROGRESS .i-sdc-categories-list-item-icon { + background: url('/assets/styles/images/sprites/sprite-global-old.png') no-repeat -53px -2934px; + width: 14px; + height: 16px; + } + .sdc-catalog-container .i-sdc-categories-list-item.DISTRIBUTED .i-sdc-categories-list-item-icon, + .sdc-catalog-container .i-sdc-categories-list-item.TBD .i-sdc-categories-list-item-icon { + background: url('/assets/styles/images/sprites/sprite-global-old.png') no-repeat -43px -3087px; + width: 24px; + height: 14px; + } + .sdc-catalog-container .i-sdc-categories-list-input { + margin: 8px; + } + .sdc-catalog-container .i-sdc-subcategories-list-input { + margin: 8px; + } + .sdc-catalog-container .i-sdc-subcategories-list-input-container { + margin: 0px 0px 0px 20px; + padding: 2px; + } + .sdc-catalog-container .w-sdc-header-catalog-search-container { + display: table; + padding: 21px 0; + position: relative; + } + .sdc-catalog-container .w-sdc-header-catalog-search-container .w-sdc-designer-leftbar-search-input { + color: #000; + width: 300px; + } + .sdc-catalog-container .w-sdc-catalog-main { + padding: 10px 12px; + } + .sdc-catalog-container .w-sdc-dashboard-catalog-header { + color: #666666; + font-family: omnes-regular, sans-serif; + font-size: 13px; + display: inline-block; + font-style: italic; + font-weight: bold; + padding-left: 10px; + } + .sdc-catalog-container .w-sdc-dashboard-catalog-header-order { + color: #666666; + font-family: omnes-regular, sans-serif; + font-size: 13px; + font-weight: 800; + } + .sdc-catalog-container .w-sdc-dashboard-catalog-sort { + color: #666666; + font-family: omnes-regular, sans-serif; + font-size: 13px; + font-weight: bold; + white-space: pre; + } + .sdc-catalog-container .w-sdc-dashboard-catalog-sort:hover { + cursor: pointer; + text-decoration: none; + color: #3b7b9b; + font-family: omnes-regular, sans-serif; + font-size: 13px; + } + .sdc-catalog-container .w-sdc-dashboard-catalog-sort.blue { + color: #3b7b9b; + font-family: omnes-regular, sans-serif; + font-size: 13px; + } + .sdc-catalog-container .w-sdc-catalog-sort-arrow { + display: inline-block; + } + .sdc-catalog-container .w-sdc-catalog-sort-arrow.up { + color: #666666; + font-family: omnes-regular, sans-serif; + font-size: 13px; + width: 0; + height: 0; + border-left: 5px solid transparent; + border-right: 5px solid transparent; + border-bottom: 5px solid ; + } + .sdc-catalog-container .w-sdc-catalog-sort-arrow.down { + color: #666666; + font-family: omnes-regular, sans-serif; + font-size: 13px; + width: 0; + height: 0; + border-left: 5px solid transparent; + border-right: 5px solid transparent; + border-top: 5px solid; + } + .sdc-catalog-container .w-sdc-dashboard-catalog-header-right { + float: right; + display: inline-block; + padding-right: 34px; + } + .sdc-catalog-container .w-sdc-header-catalog-search-input { + width: 420px; + display: table-cell; + padding: 0 25px 1px 10px; + border: 1px solid #bcbcbc; + border-radius: 10px; + height: 30px; + margin: 10px 30px; + outline: none; + } + .sdc-catalog-container .sdc-catalog-type-filter-container { + margin-top: -1px; + } + .sdc-catalog-container .i-sdc-designer-leftbar-section-title { + text-transform: uppercase; + color: #000000; + font-family: omnes-medium, sans-serif; + font-size: 14px; + line-height: 30px; + } + .sdc-catalog-container .i-sdc-designer-leftbar-section-title-icon { + cursor: pointer; + background-image: url(/sdc1/scripts/images/tlv-sprite.068743809b588c3fce24.png); + display: inline-block; + vertical-align: middle; + background-position: -230px -59px; + width: 14px; + height: 10px; + transition: .3s all; + margin-top: -4px; + } + .sdc-catalog-container .i-sdc-designer-leftbar-section-title-icon.logo-blue { + background-position: -10px -20px; + width: 28px; + height: 28px; + } + .sdc-catalog-container .i-sdc-designer-leftbar-section-title-icon.user { + background-position: -50px -20px; + width: 15px; + height: 20px; + } + .sdc-catalog-container .i-sdc-designer-leftbar-section-title-icon .facebook { + background-position: -10px -260px; + width: 36px; + height: 36px; + } + .sdc-catalog-container .i-sdc-designer-leftbar-section-title-icon .facebook-hover { + background-position: -10px -300px; + width: 36px; + height: 36px; + } + .sdc-catalog-container .i-sdc-designer-leftbar-section-title-icon .twitter { + background-position: -50px -260px; + width: 36px; + height: 36px; + } + .sdc-catalog-container .i-sdc-designer-leftbar-section-title-icon .twitter-hover { + background-position: -50px -300px; + width: 36px; + height: 36px; + } + .sdc-catalog-container .i-sdc-designer-leftbar-section-title-icon .linkedin { + background-position: -89px -260px; + width: 36px; + height: 36px; + } + .sdc-catalog-container .i-sdc-designer-leftbar-section-title-icon .linkedin-hover { + background-position: -89px -300px; + width: 36px; + height: 36px; + } + .sdc-catalog-container .i-sdc-designer-leftbar-section-title-icon .youtube { + background-position: -130px -260px; + width: 36px; + height: 36px; + } + .sdc-catalog-container .i-sdc-designer-leftbar-section-title-icon .youtube-hover { + background-position: -130px -300px; + width: 36px; + height: 36px; + } + .sdc-catalog-container .i-sdc-designer-leftbar-section-title-icon .footer-open { + background-position: -250px -59px; + width: 14px; + height: 10px; + } + .sdc-catalog-container .i-sdc-designer-leftbar-section-title-icon .footer-open-hover { + background-position: -250px -79px; + width: 14px; + height: 10px; + } + .sdc-catalog-container .i-sdc-designer-leftbar-section-title-icon .footer-close { + background-position: -230px -59px; + width: 14px; + height: 10px; + } + .sdc-catalog-container .i-sdc-designer-leftbar-section-title-icon .footer-close-hover { + background-position: -230px -79px; + width: 14px; + height: 10px; + } + .sdc-catalog-container .i-sdc-designer-leftbar-section-title-icon .checkbox-disadbled { + background-position: -10px -60px; + width: 14px; + height: 14px; + } + .sdc-catalog-container .i-sdc-designer-leftbar-section-title-icon .checkbox { + background-position: -10px -60px; + width: 14px; + height: 14px; + } + .sdc-catalog-container .i-sdc-designer-leftbar-section-title-icon .checkbox-hover { + background-position: -10px -100px; + width: 14px; + height: 14px; + } + .sdc-catalog-container .i-sdc-designer-leftbar-section-title-icon .checkbox-checked { + background-position: -10px -120px; + width: 14px; + height: 14px; + } + .sdc-catalog-container .i-sdc-designer-leftbar-section-title-icon .radio-disabled { + background-position: -50px -60px; + width: 14px; + height: 14px; + } + .sdc-catalog-container .i-sdc-designer-leftbar-section-title-icon .radio { + background-position: -50px -80px; + width: 14px; + height: 14px; + } + .sdc-catalog-container .i-sdc-designer-leftbar-section-title-icon .radio-checked { + background-position: -50px -120px; + width: 14px; + height: 14px; + } + .sdc-catalog-container .i-sdc-designer-leftbar-section-title-text { + margin-left: 20px; + } + .sdc-catalog-container .seperator-left, + .sdc-catalog-container .seperator-right { + border-right: solid 1px #a8b3b9; + display: table-cell; + width: 2px; + } + .sdc-catalog-container .i-sdc-designer-leftbar-section-title.expanded .i-sdc-designer-leftbar-section-title-icon { + -webkit-transform: rotate(180deg); + transform: rotate(180deg); + } + .sdc-catalog-container .i-sdc-designer-leftbar-section-title + .i-sdc-designer-leftbar-section-content { + max-height: 0px; + margin: 0 auto; + transition: all .3s; + overflow: hidden; + padding: 0 10px 0 18px; + } + .sdc-catalog-container .i-sdc-designer-leftbar-section-title.expanded + .i-sdc-designer-leftbar-section-content { + max-height: 9999px; + margin: 0 auto 1px; + transition: all .3s; + padding: 10px 18px 10px 18px; + overflow: hidden; + } + .w-sdc-search-icon { + position: absolute; + right: 40px; + top: 40px; + } + .w-sdc-search-icon.leftbar { + top: 19px; + right: 18px; + } + .w-sdc-search-icon.magnification { + background-image: url(/sdc1/scripts/images/sprite-global-old.36e32171fc7d958da86b.png); + display: inline-block; + background-position: -49px -3138px; + width: 12px; + height: 12px; + cursor: pointer; + } + .w-sdc-search-icon.cancel { + background-image: url(/sdc1/scripts/images/sprite-global-old.36e32171fc7d958da86b.png); + display: inline-block; + background-position: -104px -4040px; + width: 10px; + height: 11px; + cursor: pointer; + } + .sdc-edit-artifact-form-container .w-sdc-form-note { + color: #da1f3d; + font-family: omnes-regular, sans-serif; + font-size: 13px; + display: block; + position: relative; + top: 13px; + } + .sdc-edit-artifact-form-container .i-sdc-form-textarea { + min-height: 95px; + } + .sdc-edit-artifact-form-container .i-sdc-form-url { + padding-bottom: 0px; + } + .sdc-edit-artifact-form-container.mandatory-artifact .w-sdc-form-column { + width: 100%; + padding: 0; + min-height: initial; + } + .sdc-edit-artifact-form-container .w-sdc-form .i-sdc-form-item.upload input[type="file"] { + display: none; + } + .sdc-edit-artifact-form-container .artifact-info { + text-align: left; + color: #8c8c8c; + font-size: 13px; + margin-top: -10px; + margin-bottom: 5px; + width: 100%; + min-height: initial; + } + .sdc-edit-artifact-form-container .artifact-info span { + color: #666666; + padding-left: 4px; + } + .sdc-env-form-container .w-sdc-modal-body { + padding: 20px 10px 2px 10px; + } + .sdc-env-form-container .w-sdc-modal-body-content { + color: #666666; + font-family: omnes-medium, sans-serif; + font-size: 16px; + display: block; + } + .sdc-env-form-container .env-file-generation-label { + color: #8c8c8c; + font-family: omnes-regular, sans-serif; + font-size: 13px; + font-weight: bold; + margin-bottom: 20px; + } + .w-sdc-env-form-container { + height: 650px; + } + .w-sdc-env-form-container .w-sdc-env-search { + padding: 10px 20px 20px 0; + white-space: nowrap; + position: relative; + width: 60%; + height: 64px; + } + .w-sdc-env-form-container .w-sdc-env-search .env-search-icon { + top: 9px; + right: 11px; + } + .w-sdc-env-form-container .w-sdc-env-search .magnification-white { + background-image: url(/sdc1/scripts/images/sprite-global.8f8166754d12e1088a25.png); + display: inline-block; + background-position: -434px -128px; + width: 14px; + height: 14px; + cursor: pointer; + } + .w-sdc-env-form-container .w-sdc-env-search .search-icon-container { + width: 35px; + height: 30px; + background-color: #009fdb; + white-space: nowrap; + float: right; + position: relative; + bottom: 31px; + right: 1px; + border-radius: 0px 4px 4px 0px; + cursor: pointer; + } + .w-sdc-env-form-container .w-sdc-env-search .w-sdc-env-search-input { + border: 1px solid #cdcdcd; + border-radius: 4px; + height: 32px; + margin: 0; + padding: 0px 28px 3px 10px; + vertical-align: 4px; + width: 100%; + outline: none; + font-style: italic; + } + .w-sdc-env-form-container .table-container-flex { + height: 570px; + } + .w-sdc-env-form-container .table-container-flex .table { + height: 100%; + } + .w-sdc-env-form-container .table-container-flex .table .flex-item:nth-child(1) { + -webkit-box-flex: 20; + -ms-flex-positive: 20; + flex-grow: 20; + } + .w-sdc-env-form-container .table-container-flex .table .flex-item:nth-child(1) .show-desc { + float: right; + top: 10px; + position: relative; + } + .w-sdc-env-form-container .table-container-flex .table .flex-item:nth-child(2) { + -webkit-box-flex: 10; + -ms-flex-positive: 10; + flex-grow: 10; + } + .w-sdc-env-form-container .table-container-flex .table .flex-item:nth-child(3) { + -webkit-box-flex: 10; + -ms-flex-positive: 10; + flex-grow: 10; + } + .w-sdc-env-form-container .table-container-flex .table .scrollbar-container { + max-height: 527px; + } + .w-sdc-env-form-container .table-container-flex .table .left-column-container .required-symbol { + color: #5a5a5a; + font-family: omnes-medium, sans-serif; + font-size: 14px; + color: #f33; + display: none; + position: relative; + left: -4px; + top: 3px; + } + .w-sdc-env-form-container .table-container-flex .table .left-column-container .i-sdc-form-item { + border-right: none; + margin: 0px; + } + .w-sdc-env-form-container .table-container-flex .table .left-column-container .i-sdc-form-item .input-parameter { + border: none; + height: 30px; + width: 254px; + float: right; + } + .w-sdc-env-form-container .table-container-flex .table .left-column-container .i-sdc-form-item .input-parameter input { + color: #5a5a5a; + font-family: omnes-medium, sans-serif; + font-size: 13px; + width: 100%; + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + padding-right: 33px; + } + .w-sdc-env-form-container .table-container-flex .table .left-column-container .i-sdc-form-item .input-parameter .action-button { + border-left: solid 1px #d2d2d2; + position: relative; + height: 20px; + width: 25px; + top: -25px; + left: 228px; + padding-left: 6px; + background-color: #ffffff; + } + .w-sdc-env-form-container .table-container-flex .table .left-column-container .i-sdc-form-item .input-parameter .action-button div:not(.disable) { + cursor: pointer; + } + .w-sdc-env-form-container .table-container-flex .table .left-column-container .i-sdc-form-item.required .required-symbol { + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + } + .w-sdc-env-form-container .table-container-flex .table .left-column-container .i-sdc-form-item.required .input-parameter { + width: 250px; + } + .w-sdc-env-form-container .table-container-flex .table .left-column-container .i-sdc-form-item.required .action-button { + left: 224px; + } + .w-sdc-env-form-container .table-container-flex .text { + overflow: hidden; + text-overflow: ellipsis; + display: inline-block; + white-space: nowrap; + } + .w-sdc-env-form-container .parameter-description { + background-color: #f2f2f2; + border-left: 4px solid #009fdb; + padding: 10px 30px; + } + .header-info { + float: right; + } + .parameter-description-popover { + z-index: 1100; + min-width: 210px; + } + .parameter-description-popover .arrow { + left: 20px !important; + border-width: 7px; + bottom: -8px !important; + } + .parameter-description-popover .popover-content { + font-family: omnes-medium, sans-serif; + font-size: 13px; + } + .sdc-edit-property-container .scrollbar-container { + height: 415px; + width: 830px; + position: relative; + overflow: hidden; + } + .sdc-edit-property-container form { + width: 813px; + } + .sdc-edit-property-container form [name="description"] { + min-height: 50px; + } + .sdc-edit-property-container .sdc-modal-top-bar { + height: 40px; + } + .sdc-edit-property-container .sdc-modal-top-bar .sdc-modal-top-bar-buttons { + float: right; + } + .sdc-edit-property-container .sdc-modal-top-bar .sdc-modal-top-bar-buttons > span:not(.delimiter) { + vertical-align: middle; + cursor: pointer; + } + .sdc-edit-property-container .sdc-modal-top-bar .sdc-modal-top-bar-buttons > span:not(.delimiter).sprite-new { + text-indent: 100%; + } + .sdc-edit-property-container .sdc-modal-top-bar .sdc-modal-top-bar-buttons > span:not(.delimiter).disabled, + .sdc-edit-property-container .sdc-modal-top-bar .sdc-modal-top-bar-buttons > span:not(.delimiter):hover.disabled { + pointer-events: none; + } + .sdc-edit-property-container .sdc-modal-top-bar .sdc-modal-top-bar-buttons .delete-btn { + margin-right: 6px; + } + .sdc-edit-property-container .sdc-modal-top-bar .sdc-modal-top-bar-buttons .left-arrow { + margin-right: 8px; + } + .sdc-edit-property-container .sdc-modal-top-bar .sdc-modal-top-bar-buttons .delimiter { + height: 20px; + width: 1px; + background-color: #959595; + display: inline-block; + vertical-align: middle; + margin-right: 10px; + } + .sdc-edit-property-container .w-sdc-form-note { + color: #da1f3d; + font-family: omnes-regular, sans-serif; + font-size: 13px; + display: block; + position: relative; + top: 13px; + } + .sdc-edit-property-container .default-value-section { + border-top: solid 1px #009fdb; + padding-top: 15px; + margin-top: 15px; + } + .sdc-edit-property-container .scrollbar-container { + height: 415px; + width: 830px; + position: relative; + overflow: hidden; + } + .sdc-edit-property-container form { + width: 813px; + } + .sdc-edit-property-container form [name="description"] { + min-height: 50px; + } + .sdc-edit-property-container .sdc-modal-top-bar { + height: 40px; + } + .sdc-edit-property-container .sdc-modal-top-bar .sdc-modal-top-bar-buttons { + float: right; + } + .sdc-edit-property-container .sdc-modal-top-bar .sdc-modal-top-bar-buttons > span:not(.delimiter) { + vertical-align: middle; + cursor: pointer; + } + .sdc-edit-property-container .sdc-modal-top-bar .sdc-modal-top-bar-buttons > span:not(.delimiter).sprite-new { + text-indent: 100%; + } + .sdc-edit-property-container .sdc-modal-top-bar .sdc-modal-top-bar-buttons > span:not(.delimiter).disabled, + .sdc-edit-property-container .sdc-modal-top-bar .sdc-modal-top-bar-buttons > span:not(.delimiter):hover.disabled { + pointer-events: none; + } + .sdc-edit-property-container .sdc-modal-top-bar .sdc-modal-top-bar-buttons .delete-btn { + margin-right: 6px; + } + .sdc-edit-property-container .sdc-modal-top-bar .sdc-modal-top-bar-buttons .left-arrow { + margin-right: 8px; + } + .sdc-edit-property-container .sdc-modal-top-bar .sdc-modal-top-bar-buttons .delimiter { + height: 20px; + width: 1px; + background-color: #959595; + display: inline-block; + vertical-align: middle; + margin-right: 10px; + } + .sdc-edit-property-container .w-sdc-form-note { + color: #da1f3d; + font-family: omnes-regular, sans-serif; + font-size: 13px; + display: block; + position: relative; + top: 13px; + } + .sdc-edit-property-container .default-value-section { + border-top: solid 1px #009fdb; + padding-top: 15px; + margin-top: 15px; + } + .w-sdc-modal-resource-instance-name .w-sdc-modal-body { + overflow: visible; + } + .w-sdc-modal-resource-instance-name .w-sdc-modal-action { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + } + .w-sdc-modal-resource-instance-name .w-sdc-modal-resource-instance-input { + color: #8c8c8c; + font-family: omnes-regular, sans-serif; + font-size: 14px; + border: solid 1px #8c8c8c; + height: 45px; + padding: 0 20px; + margin: 0 auto 0 auto; + display: block; + } + .w-sdc-modal-resource-instance-name .w-sdc-modal-body { + border-bottom: none; + } + .w-sdc-modal-resource-instance-name .w-sdc-form .i-sdc-form-item.error::after { + top: 13px; + } + .w-sdc-modal-confirmation form.w-sdc-form { + padding: 0; + } + .w-sdc-modal-confirmation .w-sdc-modal-body-content { + color: #666666; + font-family: omnes-medium, sans-serif; + font-size: 16px; + word-break: break-word; + } + .w-sdc-modal-confirmation .w-sdc-modal-body { + height: auto; + /* padding: 47px 60px 20px 60px; */ + border-bottom: none; + } + .w-sdc-modal-confirmation .w-sdc-modal-body-content { + padding: 0; + } + .w-sdc-modal-confirmation .w-sdc-modal-body-comment { + width: 430px; + height: 127px; + border: solid 1px #cdcdcd; + margin: 20px 0 0 0; + padding: 15px; + } + .w-sdc-modal-confirmation .w-sdc-modal-label { + color: #5a5a5a; + font-family: omnes-regular, sans-serif; + font-size: 14px; + text-align: left; + } + .w-sdc-modal-email .w-sdc-modal-body { + border-bottom: none; + } + .w-sdc-modal-email form.w-sdc-form { + padding: 0; + /* I made the subject and to fields as input (for future use), but for now they look like labels: */ + } + .w-sdc-modal-email form.w-sdc-form .i-sdc-form-item { + clear: both; + } + .w-sdc-modal-email form.w-sdc-form .i-sdc-form-item label { + min-height: 30px; + padding-top: 4px; + } + .w-sdc-modal-email form.w-sdc-form .i-sdc-form-item .col-sm-10 { + padding-right: 0; + } + .w-sdc-modal-email form.w-sdc-form .w-sdc-modal-body-email { + border-style: solid; + border-width: 1px; + border-color: #cdcdcd; + box-sizing: border-box; + width: 100%; + height: 127px; + margin-bottom: 20px; + } + .w-sdc-modal-email form.w-sdc-form label { + color: #5a5a5a; + font-family: omnes-medium, sans-serif; + font-size: 14px; + text-align: left; + } + .w-sdc-modal-email form.w-sdc-form input { + color: #5a5a5a; + font-family: omnes-regular, sans-serif; + font-size: 14px; + } + .w-sdc-modal-email form.w-sdc-form textarea { + color: #5a5a5a; + font-family: omnes-regular, sans-serif; + font-size: 14px; + } + .w-sdc-modal-email form.w-sdc-form input:disabled { + background-color: #ffffff; + border: none; + } + .w-sdc-modal-email .w-sdc-modal-action { + background-color: #ffffff; + padding: 0 13px 0 0; + height: 90px; + line-height: 65px; + } + .w-sdc-modal-email .w-sdc-modal-action button { + width: 174px; + } + .w-sdc-modal-email .w-sdc-form .i-sdc-form-item label.required::before { + position: absolute; + left: -13px; + } + .sdc-error-403-container { + background-color: #ECEFF3; + width: 700px; + height: 400px; + margin: auto; + margin-top: 196px; + } + .sdc-error-403-container .w-sdc-error-403-text { + color: #b5b5b5; + font-family: omnes-medium, sans-serif; + font-size: 20px; + margin-top: 20px; + } + .w-sdc-modal-onboarding { + width: 100%; + display: inline-block; + } + .w-sdc-modal-onboarding .general-info-button { + position: relative; + top: -40px; + left: 86px; + float: left; + } + .w-sdc-modal-onboarding .title-wrapper { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: end; + -ms-flex-align: end; + align-items: flex-end; + } + .w-sdc-modal-onboarding .title-wrapper .sub-title { + color: #5a5a5a; + font-family: omnes-regular, sans-serif; + font-size: 14px; + float: left; + } + .w-sdc-modal-onboarding .w-sdc-classic-btn { + float: right; + margin-bottom: 10px; + } + .w-sdc-modal-onboarding .table { + height: 472px; + margin-bottom: 0; + } + .w-sdc-modal-onboarding .table-container-flex { + margin-top: 10px; + } + .w-sdc-modal-onboarding .table-container-flex .table .body .data-row + div.item-opened { + word-wrap: break-word; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + padding: 10px 0; + } + .w-sdc-modal-onboarding .table-container-flex .table .body .data-row + div.item-opened .item-opened-description-title, + .w-sdc-modal-onboarding .table-container-flex .table .body .data-row + div.item-opened .item-opened-metadata-title { + color: #5a5a5a; + font-family: omnes-medium, sans-serif; + font-size: 14px; + } + .w-sdc-modal-onboarding .table-container-flex .table .body .data-row + div.item-opened .item-opened-description, + .w-sdc-modal-onboarding .table-container-flex .table .body .data-row + div.item-opened .item-opened-metadata1, + .w-sdc-modal-onboarding .table-container-flex .table .body .data-row + div.item-opened .item-opened-metadata2, + .w-sdc-modal-onboarding .table-container-flex .table .body .data-row + div.item-opened .item-opened-metadata3 { + -ms-flex-preferred-size: 0; + flex-basis: 0; + overflow: hidden; + padding: 5px 15px; + } + .w-sdc-modal-onboarding .table-container-flex .table .body .data-row + div.item-opened .item-opened-description .th, + .w-sdc-modal-onboarding .table-container-flex .table .body .data-row + div.item-opened .item-opened-metadata1 .th, + .w-sdc-modal-onboarding .table-container-flex .table .body .data-row + div.item-opened .item-opened-metadata2 .th, + .w-sdc-modal-onboarding .table-container-flex .table .body .data-row + div.item-opened .item-opened-metadata3 .th { + color: #5a5a5a; + font-family: omnes-medium, sans-serif; + font-size: 14px; + } + .w-sdc-modal-onboarding .table-container-flex .table .body .data-row + div.item-opened .item-opened-description, + .w-sdc-modal-onboarding .table-container-flex .table .body .data-row + div.item-opened .item-opened-metadata3 { + border-right: 1px solid #d2d2d2; + } + .w-sdc-modal-onboarding .table-container-flex .table .body .data-row + div.item-opened .item-opened-metadata2 { + word-break: break-word; + } + .w-sdc-modal-onboarding .table-container-flex .table .body .data-row + div.item-opened .item-opened-metadata2 .note { + color: #cf2a2a; + } + .w-sdc-modal-onboarding .table-container-flex .table .body .data-row + div.item-opened .item-opened-icon { + -ms-flex-preferred-size: 0; + flex-basis: 0; + overflow: hidden; + padding: 5px 15px; + -ms-flex-item-align: center; + -ms-grid-row-align: center; + align-self: center; + } + .w-sdc-modal-onboarding .table-container-flex .table .body .data-row + div.item-opened .item-opened-description { + -webkit-box-flex: 25; + -ms-flex-positive: 25; + flex-grow: 25; + } + .w-sdc-modal-onboarding .table-container-flex .table .body .data-row + div.item-opened .item-opened-metadata1 { + -webkit-box-flex: 25; + -ms-flex-positive: 25; + flex-grow: 25; + } + .w-sdc-modal-onboarding .table-container-flex .table .body .data-row + div.item-opened .item-opened-metadata2 { + -webkit-box-flex: 30; + -ms-flex-positive: 30; + flex-grow: 30; + } + .w-sdc-modal-onboarding .table-container-flex .table .body .data-row + div.item-opened .item-opened-metadata3 { + -webkit-box-flex: 10; + -ms-flex-positive: 10; + flex-grow: 10; + } + .w-sdc-modal-onboarding .table-container-flex .table .body .data-row + div.item-opened .item-opened-metadata3 .info-button { + float: right; + } + .w-sdc-modal-onboarding .table-container-flex .table .body .data-row + div.item-opened .item-opened-icon { + -webkit-box-flex: 10; + -ms-flex-positive: 10; + flex-grow: 10; + } + .w-sdc-modal-onboarding .table-container-flex .flex-item:nth-child(1) { + -webkit-box-flex: 25; + -ms-flex-positive: 25; + flex-grow: 25; + cursor: pointer; + } + .w-sdc-modal-onboarding .table-container-flex .flex-item:nth-child(1) span.table-arrow { + margin-right: 7px; + } + .w-sdc-modal-onboarding .table-container-flex .flex-item:nth-child(2) { + -webkit-box-flex: 25; + -ms-flex-positive: 25; + flex-grow: 25; + } + .w-sdc-modal-onboarding .table-container-flex .flex-item:nth-child(3) { + -webkit-box-flex: 30; + -ms-flex-positive: 30; + flex-grow: 30; + } + .w-sdc-modal-onboarding .table-container-flex .flex-item:nth-child(4) { + -webkit-box-flex: 10; + -ms-flex-positive: 10; + flex-grow: 10; + text-align: center; + } + .w-sdc-modal-onboarding .table-container-flex .flex-item:nth-child(5) { + -webkit-box-flex: 10; + -ms-flex-positive: 10; + flex-grow: 10; + } + .w-sdc-modal-onboarding .download-file-btn { + cursor: pointer; + margin-left: 4px; + } + .w-sdc-modal-onboarding .refresh-file-btn, + .w-sdc-modal-onboarding .import-file-btn { + cursor: pointer; + margin-left: 20px; + } + .w-sdc-modal-onboarding .top-search { + float: right; + position: relative; + } + .w-sdc-modal-onboarding .top-search input.search-text { + border-radius: 2px; + width: 245px; + height: 32px; + line-height: 32px; + border: 1px solid #d2d2d2; + margin: 0; + outline: none; + text-indent: 10px; + /* Safari, Chrome and Opera */ + /* Firefox 18- */ + /* Firefox 19+ */ + /* IE 10+ */ + /* Edge */ + } + .w-sdc-modal-onboarding .top-search input.search-text::-webkit-input-placeholder { + font-style: italic; + } + .w-sdc-modal-onboarding .top-search input.search-text:-moz-placeholder { + font-style: italic; + } + .w-sdc-modal-onboarding .top-search input.search-text::-moz-placeholder { + font-style: italic; + } + .w-sdc-modal-onboarding .top-search input.search-text:-ms-input-placeholder { + font-style: italic; + } + .w-sdc-modal-onboarding .top-search input.search-text:-ms-input-placeholder { + font-style: italic; + } + .w-sdc-modal-onboarding .top-search .magnification { + position: absolute; + top: 10px; + right: 10px; + } + .sdc-catalog-container { + /*Added by - Ikram */ + } + .sdc-catalog-container .i-sdc-categories-list-item { + font-weight: normal; + } + .sdc-catalog-container .i-sdc-designer-leftbar-section-content-ul { + padding: 0; + margin: 0; + } + .sdc-catalog-container .i-sdc-designer-leftbar-section-content-ul .i-sdc-catalog-subcategories-checkbox { + padding: 0 0 0 20px; + margin: 0; + } + .sdc-catalog-container .i-sdc-designer-leftbar-section-content-ul .i-sdc-catalog-subcategories-checkbox .i-sdc-catalog-grouping-checkbox { + padding: 0 0 0 20px; + margin: 0; + } + .sdc-catalog-container .i-sdc-designer-leftbar-section-content-li:last-child .i-sdc-categories-list-item { + margin: 0; + } + .sdc-catalog-container .i-sdc-categories-list-item { + display: block; + vertical-align: top; + font-weight: bold; + } + .sdc-catalog-container .i-sdc-subcategories-list-item { + display: block; + vertical-align: top; + font-weight: normal; + margin: 0; + } + .sdc-catalog-container .i-sdc-product-input, + .sdc-catalog-container .i-sdc-product-select { + border: 1px solid #cfcfcf; + min-height: 30px; + padding: 0; + width: 100%; + margin: 1px 0; + background-color: #F2F2F2; + outline: none; + } + .sdc-catalog-container .i-sdc-product-input:disabled, + .sdc-catalog-container .i-sdc-product-select:disabled { + opacity: 0.4 !important; + cursor: auto; + background-color: transparent; + pointer-events: none; + } + .sdc-catalog-container .i-sdc-product-input optgroup, + .sdc-catalog-container .i-sdc-product-select optgroup { + color: #23aa63; + } + .sdc-catalog-container .i-sdc-product-input optgroup option, + .sdc-catalog-container .i-sdc-product-select optgroup option { + color: #666666; + } + .sdc-catalog-container .i-sdc-categories-list-item-icon { + display: inline-block; + float: right; + position: relative; + right: -8px; + top: 6px; + } + .sdc-catalog-container .i-sdc-categories-list-item { + margin-top: 7px; + } + .sdc-catalog-container .i-sdc-categories-list-item.NOT_CERTIFIED_CHECKOUT .i-sdc-categories-list-item-icon, + .sdc-catalog-container .i-sdc-categories-list-item.NOT_CERTIFIED_CHECKIN .i-sdc-categories-list-item-icon { + background: url('/assets/styles/images/sprites/sprite-global-old.png') no-repeat -53px -2889px; + width: 14px; + height: 14px; + } + .sdc-catalog-container .i-sdc-categories-list-item.CERTIFIED .i-sdc-categories-list-item-icon { + background: url('/assets/styles/images/sprites/sprite-global-old.png') no-repeat -53px -3034px; + width: 14px; + height: 16px; + } + .sdc-catalog-container .i-sdc-categories-list-item.READY_FOR_CERTIFICATION .i-sdc-categories-list-item-icon { + background: url('/assets/styles/images/sprites/sprite-global-old.png') no-repeat -53px -2985px; + width: 14px; + height: 16px; + } + .sdc-catalog-container .i-sdc-categories-list-item.CERTIFICATION_IN_PROGRESS .i-sdc-categories-list-item-icon { + background: url('/assets/styles/images/sprites/sprite-global-old.png') no-repeat -53px -2934px; + width: 14px; + height: 16px; + } + .sdc-catalog-container .i-sdc-categories-list-item.DISTRIBUTED .i-sdc-categories-list-item-icon, + .sdc-catalog-container .i-sdc-categories-list-item.TBD .i-sdc-categories-list-item-icon { + background: url('/assets/styles/images/sprites/sprite-global-old.png') no-repeat -43px -3087px; + width: 24px; + height: 14px; + } + .sdc-catalog-container .i-sdc-categories-list-input { + margin: 8px; + } + .sdc-catalog-container .i-sdc-subcategories-list-input { + margin: 8px; + } + .sdc-catalog-container .i-sdc-subcategories-list-input-container { + margin: 0px 0px 0px 20px; + padding: 2px; + } + .sdc-catalog-container .w-sdc-header-catalog-search-container { + display: table; + padding: 21px 0; + position: relative; + } + .sdc-catalog-container .w-sdc-header-catalog-search-container .w-sdc-designer-leftbar-search-input { + color: #000; + width: 300px; + } + .sdc-catalog-container .w-sdc-catalog-main { + padding: 10px 12px; + } + .sdc-catalog-container .w-sdc-dashboard-catalog-header { + color: #666666; + font-family: omnes-regular, sans-serif; + font-size: 13px; + display: inline-block; + font-style: italic; + font-weight: bold; + padding-left: 10px; + } + .sdc-catalog-container .w-sdc-dashboard-catalog-header-order { + color: #666666; + font-family: omnes-regular, sans-serif; + font-size: 13px; + font-weight: 800; + } + .sdc-catalog-container .w-sdc-dashboard-catalog-sort { + color: #666666; + font-family: omnes-regular, sans-serif; + font-size: 13px; + font-weight: bold; + white-space: pre; + } + .sdc-catalog-container .w-sdc-dashboard-catalog-sort:hover { + cursor: pointer; + text-decoration: none; + color: #3b7b9b; + font-family: omnes-regular, sans-serif; + font-size: 13px; + } + .sdc-catalog-container .w-sdc-dashboard-catalog-sort.blue { + color: #3b7b9b; + font-family: omnes-regular, sans-serif; + font-size: 13px; + } + .sdc-catalog-container .w-sdc-catalog-sort-arrow { + display: inline-block; + } + .sdc-catalog-container .w-sdc-catalog-sort-arrow.up { + color: #666666; + font-family: omnes-regular, sans-serif; + font-size: 13px; + width: 0; + height: 0; + border-left: 5px solid transparent; + border-right: 5px solid transparent; + border-bottom: 5px solid ; + } + .sdc-catalog-container .w-sdc-catalog-sort-arrow.down { + color: #666666; + font-family: omnes-regular, sans-serif; + font-size: 13px; + width: 0; + height: 0; + border-left: 5px solid transparent; + border-right: 5px solid transparent; + border-top: 5px solid; + } + .sdc-catalog-container .w-sdc-dashboard-catalog-header-right { + float: right; + display: inline-block; + padding-right: 34px; + } + .sdc-catalog-container .w-sdc-header-catalog-search-input { + width: 420px; + display: table-cell; + padding: 0 25px 1px 10px; + border: 1px solid #bcbcbc; + border-radius: 10px; + height: 30px; + margin: 10px 30px; + outline: none; + } + .sdc-catalog-container .sdc-catalog-type-filter-container { + margin-top: -1px; + } + .sdc-catalog-container .i-sdc-designer-leftbar-section-title { + text-transform: uppercase; + color: #000000; + font-family: omnes-medium, sans-serif; + font-size: 14px; + line-height: 30px; + } + .sdc-catalog-container .i-sdc-designer-leftbar-section-title-icon { + cursor: pointer; + background-image: url(/sdc1/scripts/images/tlv-sprite.068743809b588c3fce24.png); + display: inline-block; + vertical-align: middle; + background-position: -230px -59px; + width: 14px; + height: 10px; + transition: .3s all; + margin-top: -4px; + } + .sdc-catalog-container .i-sdc-designer-leftbar-section-title-icon.logo-blue { + background-position: -10px -20px; + width: 28px; + height: 28px; + } + .sdc-catalog-container .i-sdc-designer-leftbar-section-title-icon.user { + background-position: -50px -20px; + width: 15px; + height: 20px; + } + .sdc-catalog-container .i-sdc-designer-leftbar-section-title-icon .facebook { + background-position: -10px -260px; + width: 36px; + height: 36px; + } + .sdc-catalog-container .i-sdc-designer-leftbar-section-title-icon .facebook-hover { + background-position: -10px -300px; + width: 36px; + height: 36px; + } + .sdc-catalog-container .i-sdc-designer-leftbar-section-title-icon .twitter { + background-position: -50px -260px; + width: 36px; + height: 36px; + } + .sdc-catalog-container .i-sdc-designer-leftbar-section-title-icon .twitter-hover { + background-position: -50px -300px; + width: 36px; + height: 36px; + } + .sdc-catalog-container .i-sdc-designer-leftbar-section-title-icon .linkedin { + background-position: -89px -260px; + width: 36px; + height: 36px; + } + .sdc-catalog-container .i-sdc-designer-leftbar-section-title-icon .linkedin-hover { + background-position: -89px -300px; + width: 36px; + height: 36px; + } + .sdc-catalog-container .i-sdc-designer-leftbar-section-title-icon .youtube { + background-position: -130px -260px; + width: 36px; + height: 36px; + } + .sdc-catalog-container .i-sdc-designer-leftbar-section-title-icon .youtube-hover { + background-position: -130px -300px; + width: 36px; + height: 36px; + } + .sdc-catalog-container .i-sdc-designer-leftbar-section-title-icon .footer-open { + background-position: -250px -59px; + width: 14px; + height: 10px; + } + .sdc-catalog-container .i-sdc-designer-leftbar-section-title-icon .footer-open-hover { + background-position: -250px -79px; + width: 14px; + height: 10px; + } + .sdc-catalog-container .i-sdc-designer-leftbar-section-title-icon .footer-close { + background-position: -230px -59px; + width: 14px; + height: 10px; + } + .sdc-catalog-container .i-sdc-designer-leftbar-section-title-icon .footer-close-hover { + background-position: -230px -79px; + width: 14px; + height: 10px; + } + .sdc-catalog-container .i-sdc-designer-leftbar-section-title-icon .checkbox-disadbled { + background-position: -10px -60px; + width: 14px; + height: 14px; + } + .sdc-catalog-container .i-sdc-designer-leftbar-section-title-icon .checkbox { + background-position: -10px -60px; + width: 14px; + height: 14px; + } + .sdc-catalog-container .i-sdc-designer-leftbar-section-title-icon .checkbox-hover { + background-position: -10px -100px; + width: 14px; + height: 14px; + } + .sdc-catalog-container .i-sdc-designer-leftbar-section-title-icon .checkbox-checked { + background-position: -10px -120px; + width: 14px; + height: 14px; + } + .sdc-catalog-container .i-sdc-designer-leftbar-section-title-icon .radio-disabled { + background-position: -50px -60px; + width: 14px; + height: 14px; + } + .sdc-catalog-container .i-sdc-designer-leftbar-section-title-icon .radio { + background-position: -50px -80px; + width: 14px; + height: 14px; + } + .sdc-catalog-container .i-sdc-designer-leftbar-section-title-icon .radio-checked { + background-position: -50px -120px; + width: 14px; + height: 14px; + } + .sdc-catalog-container .i-sdc-designer-leftbar-section-title-text { + margin-left: 20px; + } + .sdc-catalog-container .seperator-left, + .sdc-catalog-container .seperator-right { + border-right: solid 1px #a8b3b9; + display: table-cell; + width: 2px; + } + .sdc-catalog-container .i-sdc-designer-leftbar-section-title.expanded .i-sdc-designer-leftbar-section-title-icon { + -webkit-transform: rotate(180deg); + transform: rotate(180deg); + } + .sdc-catalog-container .i-sdc-designer-leftbar-section-title + .i-sdc-designer-leftbar-section-content { + max-height: 0px; + margin: 0 auto; + transition: all .3s; + overflow: hidden; + padding: 0 10px 0 18px; + } + .sdc-catalog-container .i-sdc-designer-leftbar-section-title.expanded + .i-sdc-designer-leftbar-section-content { + max-height: 9999px; + margin: 0 auto 1px; + transition: all .3s; + padding: 10px 18px 10px 18px; + overflow: hidden; + } + .w-sdc-search-icon { + position: absolute; + right: 40px; + top: 40px; + } + .w-sdc-search-icon.leftbar { + top: 19px; + right: 18px; + } + .w-sdc-search-icon.magnification { + background-image: url(/sdc1/scripts/images/sprite-global-old.36e32171fc7d958da86b.png); + display: inline-block; + background-position: -49px -3138px; + width: 12px; + height: 12px; + cursor: pointer; + } + .w-sdc-search-icon.cancel { + background-image: url(/sdc1/scripts/images/sprite-global-old.36e32171fc7d958da86b.png); + display: inline-block; + background-position: -104px -4040px; + width: 10px; + height: 11px; + cursor: pointer; + } + .w-sdc-left-sidebar-in-progress, + .w-sdc-left-sidebar-following { + color: #666666; + font-family: omnes-medium, sans-serif; + font-size: 14px; + } + .w-sdc-left-sidebar-following { + padding: 13px 0; + } + .sdc-general-tab { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + min-height: 100%; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-flow: column; + flex-flow: column; + } + .sdc-general-tab .sdc-edit-icon { + background-image: url(/sdc1/scripts/images/sprite-global-old.36e32171fc7d958da86b.png); + display: inline-block; + background-position: -51px -3339px; + width: 12px; + height: 12px; + } + .sdc-general-tab .sdc-general-tab-title { + color: #009fdb; + font-family: omnes-medium, sans-serif; + font-size: 14px; + padding: 0px 0px 15px 20px; + border-bottom: 1px solid #d2d2d2; + } + .sdc-general-tab .sdc-general-tab-sub-title { + color: #009fdb; + font-family: omnes-medium, sans-serif; + font-size: 14px; + padding: 15px 20px 15px 20px; + } + .sdc-general-tab .general-tab-scrollbar-container { + position: relative; + overflow: hidden; + width: 100%; + } + .sdc-general-tab .general-tab-expand-collapse.expanded .expand-collapse-title .expand-collapse-title-icon { + background-position: -378px -888px; + width: 14px; + height: 14px; + } + .sdc-general-tab .general-tab-expand-collapse .expand-collapse-title { + padding: 8px 20px 4px 20px; + cursor: pointer; + } + .sdc-general-tab .general-tab-expand-collapse .expand-collapse-title:hover { + background-color: #d2d2d2; + } + .sdc-general-tab .general-tab-expand-collapse .expand-collapse-title .expand-collapse-title-icon { + cursor: pointer; + background-image: url(/sdc1/scripts/images/sprite-global.8f8166754d12e1088a25.png); + display: inline-block; + background-position: -334px -888px; + width: 14px; + height: 14px; + } + .sdc-general-tab .general-tab-expand-collapse .expand-collapse-title .expand-collapse-title-text { + max-width: 225px; + display: inline-block; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + padding-left: 10px; + line-height: 15px; + } + .sdc-general-tab .general-tab-expand-collapse .selected { + background-color: #009fdb; + color: #ffffff; + } + .sdc-general-tab .expand-collapse-sub-title { + max-width: 190px; + display: inline-block; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + padding: 10px 0 0 43px; + } + .sdc-general-tab .resizable-container { + -webkit-box-flex: 1; + -ms-flex: 1 1 auto; + flex: 1 1 auto; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + height: 90%; + } + .sdc-general-tab .resizable-container .resizable-section { + min-height: 50px; + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-flow: column; + flex-flow: column; + } + .sdc-general-tab .resizable-container .resizable-section.resizable { + -webkit-box-flex: 0; + -ms-flex: 0 0 300px; + flex: 0 0 300px; + } + .sdc-general-tab .resizable-container .rg-top span { + margin-top: -5px; + border-top: 1px dotted #5a5a5a; + border-bottom: 1px dotted #5a5a5a; + width: 39px; + height: 4px; + } + .sdc-general-tab .resizable-container .rg-top span:before { + border-top: 1px dotted #5a5a5a; + content: ''; + display: inline-block; + width: 39px; + height: 6px; + } + .hierarchy-tab { + width: 100%; + } + .hierarchy-tab .hierarchy-module-list-container { + padding: 0px 20px 0px 20px; + } + .hierarchy-tab .module-data-container { + width: 100%; + height: 100%; + background-color: #e6f6fb; + border: 1px solid #009fdb; + border-top: 4px solid #009fdb; + box-shadow: 0.3px 1px 2px rgba(24, 24, 25, 0.32); + } + .hierarchy-tab .module-data-container .module-data { + -moz-user-select: text; + -webkit-user-select: text; + -ms-user-select: text; + user-select: text; + font-family: omnes-regular, sans-serif; + font-size: 14px; + color: #009fdb; + padding: 10px 0px 10px 0px; + margin: 0px 20px 0px 20px; + } + .hierarchy-tab .module-data-container .module-data .module-name { + font-family: omnes-medium, sans-serif; + font-size: 14px; + width: 87%; + } + .hierarchy-tab .module-data-container .module-data .small-font { + font-size: 12px; + } + .hierarchy-tab .module-data-container .list-item { + padding: 10px 0px 10px 0px; + margin: 0px 20px 0px 20px; + } + .hierarchy-tab .module-data-container .list-item:not(.last) { + border-bottom: 1px solid rgba(0, 159, 219, 0.6); + } + .hierarchy-tab .module-data-container .artifact-data { + -moz-user-select: text; + -webkit-user-select: text; + -ms-user-select: text; + user-select: text; + font-family: omnes-regular, sans-serif; + font-size: 12px; + color: #5a5a5a; + } + .hierarchy-tab .module-data-container .artifact-data .artifact-name { + font-family: omnes-regular, sans-serif; + font-size: 14px; + font-weight: bold; + } + .hierarchy-tab .module-data-container .property-data .property-name { + width: 100%; + font-family: omnes-medium, sans-serif; + font-size: 14px; + font-weight: 400; + color: #009fdb; + } + .hierarchy-tab .module-data-container .property-data .property-info { + color: #191919; + font-family: omnes-regular, sans-serif; + font-size: 14px; + width: 100%; + } + .hierarchy-tab .module-data-container .module-text-overflow { + max-width: 240px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + } + .hierarchy-tab .hierarchy-modules-list .expand-collapse-title .expand-collapse-title-text { + max-width: 202px; + } + .hierarchy-tab .hierarchy-module-member-list { + overflow: hidden; + background-color: #ffffff; + } + .hierarchy-tab .edit-name-container { + float: right; + border-left: 1px solid #5cc1e7; + height: 20px; + width: 12%; + } + .hierarchy-tab .edit-name-container .sdc-edit-icon { + float: right; + cursor: pointer; + position: relative; + top: 4px; + right: 5px; + } + .sdc-tutorial-end-page { + background-color: #000000; + width: 100%; + height: 100%; + position: absolute; + top: 0; + left: 0; + z-index: 999; + -moz-opacity: 0.8; + -khtml-opacity: 0.8; + -webkit-opacity: 0.8; + opacity: 0.8; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-image: url('/assets/styles/images/welcome.png'); + background-repeat: no-repeat; + background-position: bottom left; + } + .sdc-tutorial-end-page .sdc-tutorial-end-page-main { + width: 600px; + height: 400px; + margin: 100px auto 100px auto; + padding: 80px; + } + .sdc-tutorial-end-page h2 { + color: #3196c9; + font-family: omnes-medium, sans-serif; + font-size: 24px; + margin: 0; + } + .sdc-tutorial-end-page .sdc-tutorial-end-page-description1 { + color: #ffffff; + font-family: omnes-regular, sans-serif; + font-size: 20px; + -moz-opacity: 0.8; + -khtml-opacity: 0.8; + -webkit-opacity: 0.8; + opacity: 0.8; + margin-top: 10px; + line-height: 22px; + } + .sdc-tutorial-end-page .w-sdc-btn-blue { + margin: 40px 10px 0 0; + } + .activity-log { + margin-top: 30px; + } + .activity-log .title-wrapper { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: end; + -ms-flex-pack: end; + justify-content: flex-end; + } + .activity-log .table-container-flex .table .body .scrollbar-container { + max-height: 448px; + } + .activity-log .view-mode { + background-color: #ffffff; + } + .activity-log .table { + height: 490px; + margin-bottom: 0; + } + .activity-log .table-container-flex { + margin-top: 10px; + } + .activity-log .table-container-flex .flex-item:nth-child(1) { + width: 200px; + } + .activity-log .table-container-flex .flex-item:nth-child(2) { + -webkit-box-flex: 20; + -ms-flex-positive: 20; + flex-grow: 20; + } + .activity-log .table-container-flex .flex-item:nth-child(3) { + -webkit-box-flex: 30; + -ms-flex-positive: 30; + flex-grow: 30; + } + .activity-log .table-container-flex .flex-item:nth-child(4) { + -webkit-box-flex: 20; + -ms-flex-positive: 20; + flex-grow: 20; + } + .activity-log .table-container-flex .flex-item:nth-child(5) { + width: 80px; + } + .activity-log .table-container-flex .success { + position: absolute; + top: 11px; + right: 20px; + background-image: url(/sdc1/scripts/images/sprite-global.8f8166754d12e1088a25.png); + display: inline-block; + background-position: -101px -707px; + width: 10px; + height: 10px; + } + .activity-log .table-container-flex .error { + position: absolute; + top: 11px; + right: 20px; + background-image: url(/sdc1/scripts/images/sprite-global.8f8166754d12e1088a25.png); + display: inline-block; + background-position: -151px -707px; + width: 10px; + height: 10px; + } + .activity-log .data-row { + position: relative; + } + .activity-log .top-search { + float: right; + position: relative; + } + .activity-log .top-search input.search-text { + border-radius: 2px; + width: 245px; + height: 32px; + line-height: 32px; + border: 1px solid #d2d2d2; + margin: 0; + outline: none; + text-indent: 10px; + /* Safari, Chrome and Opera */ + /* Firefox 18- */ + /* Firefox 19+ */ + /* IE 10+ */ + /* Edge */ + } + .activity-log .top-search input.search-text::-webkit-input-placeholder { + font-style: italic; + } + .activity-log .top-search input.search-text:-moz-placeholder { + font-style: italic; + } + .activity-log .top-search input.search-text::-moz-placeholder { + font-style: italic; + } + .activity-log .top-search input.search-text:-ms-input-placeholder { + font-style: italic; + } + .activity-log .top-search input.search-text:-ms-input-placeholder { + font-style: italic; + } + .activity-log .top-search .magnification { + position: absolute; + top: 10px; + right: 10px; + } + .workspace-attributes { + width: 93%; + display: inline-block; + } + .workspace-attributes .w-sdc-classic-btn { + float: right; + margin-bottom: 10px; + } + .workspace-attributes .table { + height: 490px; + margin-bottom: 0; + } + .workspace-attributes .table-container-flex { + margin-top: 27px; + } + .workspace-attributes .table-container-flex .text { + overflow: hidden; + text-overflow: ellipsis; + display: inline-block; + white-space: nowrap; + } + .workspace-attributes .table-container-flex .flex-item:nth-child(1) { + -webkit-box-flex: 15; + -ms-flex-positive: 15; + flex-grow: 15; + cursor: pointer; + } + .workspace-attributes .table-container-flex .flex-item:nth-child(1) span.table-arrow { + margin-right: 7px; + } + .workspace-attributes .table-container-flex .flex-item:nth-child(2) { + -webkit-box-flex: 6; + -ms-flex-positive: 6; + flex-grow: 6; + } + .workspace-attributes .table-container-flex .flex-item:nth-child(3) { + -webkit-box-flex: 9; + -ms-flex-positive: 9; + flex-grow: 9; + } + .workspace-attributes .table-container-flex .flex-item:nth-child(4) { + -webkit-box-flex: 3; + -ms-flex-positive: 3; + flex-grow: 3; + padding-top: 10px; + } + .workspace-attributes .table-container-flex .flex-item:nth-child(5) { + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + } + .composition .sdc-workspace-container .w-sdc-main-container .w-sdc-main-right-container { + left: 0; + } + .composition .sdc-workspace-container .w-sdc-main-container .w-sdc-main-right-container .sdc-workspace-top-bar { + padding-left: 295px; + } + .composition .sdc-workspace-container .w-sdc-main-container .w-sdc-main-right-container .sdc-workspace-top-bar .not-latest { + left: 270px; + } + .composition .sdc-workspace-container .w-sdc-main-container .w-sdc-main-right-container .w-sdc-main-container-body-content { + padding: 0 0 0 247px; + } + .composition .sdc-workspace-container .w-sdc-main-container .w-sdc-main-right-container > div:first-child { + padding: 0; + } + .workspace-composition { + height: 100%; + display: block; + text-align: left; + -webkit-box-align: left; + -ms-flex-align: left; + align-items: left; + padding: 0; + /* + .i-sdc-composition-leftbar-section-content-item-icon { + background-image: url('../../../styles/images/resource-icons/default.png'); + // position: absolute; + right: 20px; + top: 10px; + height: 40px; + width: 40px; + background-size: 40px; + } + */ + } + .workspace-composition .w-sdc-designer-sidebar-toggle { + background-color: #ffffff; + border-left: 1px solid #d2d2d2; + border-bottom: 1px solid #d2d2d2; + height: 21px; + position: absolute; + right: 0; + top: 53px; + width: 17px; + transition: right 0.2s; + z-index: 10; + box-shadow: -1px 1px 3px 0 #959595; + } + .workspace-composition .w-sdc-designer-sidebar-toggle.active { + right: 302px; + } + .workspace-composition .w-sdc-designer-sidebar-toggle.active .w-sdc-designer-sidebar-toggle-icon { + -webkit-transform: rotate(180deg); + transform: rotate(180deg); + } + .workspace-composition .w-sdc-designer-sidebar-toggle-icon { + margin-left: 6px; + margin-top: 6px; + } + .workspace-composition .w-sdc-designer-sidebar { + background-color: #ffffff; + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + bottom: 89px; + position: fixed; + right: -302px; + width: 302px; + top: 102px; + transition: right 0.2s; + z-index: 9; + box-shadow: -7px -3px 6px -8px #959595; + } + .workspace-composition .w-sdc-designer-sidebar-toggle.active + .w-sdc-designer-sidebar { + right: 0; + } + .workspace-composition .w-sdc-designer-sidebar-head { + padding: 36px 30px 30px 30px; + height: 120px; + } + .workspace-composition .w-sdc-designer-sidebar-logo-ph { + display: inline-block; + vertical-align: middle; + line-height: 48px; + height: 48px; + } + .workspace-composition .w-sdc-designer-sidebar-logo { + color: #263d4d; + font-family: omnes-medium, sans-serif; + font-size: 16px; + display: inline-block; + margin-left: 10px; + font-weight: 500; + } + .workspace-composition .w-sdc-designer-sidebar-logo-title { + color: #191919; + font-family: omnes-regular, sans-serif; + font-size: 16px; + -moz-user-select: text; + -webkit-user-select: text; + -ms-user-select: text; + user-select: text; + vertical-align: middle; + text-overflow: ellipsis; + max-width: 167px; + display: inline-block; + white-space: nowrap; + overflow: hidden; + } + .workspace-composition .w-sdc-designer-update-resource-icon { + cursor: pointer; + position: absolute; + right: 20px; + top: 10px; + } + .workspace-composition .w-sdc-designer-delete-resource-icon { + cursor: pointer; + position: absolute; + right: 40px; + top: 10px; + } + .workspace-composition .w-sdc-designer-sidebar-tabs { + background-color: #cdcdcd; + } + .workspace-composition .w-sdc-designer-sidebar-tabs::after { + clear: both; + content: ''; + display: table; + } + .workspace-composition .i-sdc-designer-sidebar-tab { + background-color: #ffffff; + border: 1px solid #eaeaea; + border-left: none; + display: inline-block; + float: left; + height: 36px; + padding-top: 9px; + text-align: center; + width: 60px; + cursor: pointer; + /*for tooltip on disabled buttons*/ + } + .workspace-composition .i-sdc-designer-sidebar-tab:focus { + outline: none; + } + .workspace-composition .i-sdc-designer-sidebar-tab.tab-disabled { + /* .disabled; */ + } + .workspace-composition .i-sdc-designer-sidebar-tab.active, + .workspace-composition .i-sdc-designer-sidebar-tab:hover:enabled { + background-color: #eaeaea; + } + .workspace-composition .i-sdc-designer-sidebar-tab.active .i-sdc-designer-sidebar-tab-icon, + .workspace-composition .i-sdc-designer-sidebar-tab:hover:enabled .i-sdc-designer-sidebar-tab-icon { + opacity: 1; + } + div.workspace-composition .i-sdc-designer-sidebar-tab { + padding-top: 0; + } + .workspace-composition .i-sdc-designer-sidebar-tab-icon { + margin-top: 5px ; + } + .workspace-composition .w-sdc-designer-sidebar-tab-content { + position: relative; + overflow: hidden; + height: 100%; + } + .workspace-composition .w-sdc-designer-sidebar-tab-content-view { + position: absolute; + top: 156px; + bottom: 0; + width: 100%; + padding-bottom: 10px; + } + .workspace-composition .w-sdc-designer-sidebar-section-title { + color: #5a5a5a; + font-family: omnes-medium, sans-serif; + font-size: 14px; + background-color: #eaeaea; + cursor: pointer; + clear: both; + height: 32px; + line-height: 32px; + margin-top: 1px; + padding: 0 40px 0 20px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + position: relative; + width: 100%; + display: block; + } + .workspace-composition .w-sdc-designer-sidebar-section-title.expanded .w-sdc-designer-sidebar-section-title-icon { + -webkit-transform: rotate(180deg); + transform: rotate(180deg); + } + .workspace-composition .w-sdc-designer-sidebar-section-title-text { + max-width: 240px; + display: inline-block; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + position: relative; + } + .workspace-composition .w-sdc-designer-sidebar-section-title-icon { + cursor: pointer; + background-image: url(/sdc1/scripts/images/sprite-global.8f8166754d12e1088a25.png); + display: inline-block; + background-position: -350px -236px; + width: 12px; + height: 7px; + right: 16px; + top: 10px; + transition: .3s all; + position: absolute; + } + .workspace-composition .w-sdc-designer-sidebar-section-content { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + } + .workspace-composition .w-sdc-designer-sidebar-section-title + .w-sdc-designer-sidebar-section-content { + margin: 0 auto; + } + .workspace-composition .w-sdc-designer-sidebar-section-title.expanded + .w-sdc-designer-sidebar-section-content { + margin: 0 auto 1px; + } + .workspace-composition .i-sdc-designer-sidebar-section-content-item { + color: #666666; + font-family: omnes-medium, sans-serif; + font-size: 14px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + } + .workspace-composition .i-sdc-designer-sidebar-section-content-item.description { + margin-top: 28px; + white-space: normal; + word-wrap: break-word; + } + .workspace-composition .i-sdc-designer-sidebar-section-content-item-tag { + color: #263d4d; + font-family: omnes-medium, sans-serif; + font-size: 14px; + background-color: #ffffff; + border-radius: 4px; + display: inline-block; + line-height: 25px; + margin: 0 4px 6px 0; + min-width: 50px; + padding: 0 9px; + text-align: center; + max-width: 280px; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + } + .workspace-composition .w-sdc-designer-sidebar-section-footer { + margin-top: 10px; + text-align: center; + width: 100%; + } + .workspace-composition .w-sdc-designer-sidebar-section-footer-action { + width: 180px; + margin-top: 10px; + } + .workspace-composition .w-sdc-designer-sidebar-section-requirements { + border-bottom: 1px solid #cdcdcd; + margin: 0 13px 20px 13px; + padding: 15px 0 0; + } + .workspace-composition .w-sdc-designer-sidebar-section-requirements-item { + margin-bottom: 20px; + } + .workspace-composition .w-sdc-designer-sidebar-section-requirements-label { + display: inline-block; + overflow: hidden; + text-overflow: ellipsis; + vertical-align: middle; + white-space: nowrap; + width: 102px; + } + .workspace-composition .w-sdc-designer-sidebar-section-requirements-select { + border: 1px solid #cdcdcd; + min-height: 30px; + padding: 4px 13px; + width: 168px; + } + .workspace-composition .i-sdc-designer-sidebar-section-content-item-property-and-attribute { + color: #666666; + font-family: omnes-medium, sans-serif; + font-size: 14px; + border-bottom: 1px solid #cdcdcd; + min-height: 72px; + padding: 15px 10px 10px 18px; + position: relative; + } + .workspace-composition .i-sdc-designer-sidebar-section-content-item-property-and-attribute:hover { + background-color: #ffffff; + transition: all .3s; + } + .workspace-composition .i-sdc-designer-sidebar-section-content-item-property-and-attribute:hover .i-sdc-designer-sidebar-section-content-item-button { + display: block; + } + .workspace-composition .i-sdc-designer-sidebar-section-content-item-property-and-attribute-label { + overflow: hidden; + text-overflow: ellipsis; + max-width: 200px; + white-space: nowrap; + display: inline-block; + } + .workspace-composition .i-sdc-designer-sidebar-section-content-item-property-and-attribute-label:hover { + color: #3b7b9b; + font-family: omnes-medium, sans-serif; + font-size: 14px; + } + .workspace-composition .i-sdc-designer-sidebar-section-content-item-property-value { + overflow: hidden; + text-overflow: ellipsis; + max-width: 200px; + display: inline-block; + white-space: nowrap; + } + .workspace-composition .i-sdc-designer-sidebar-section-content-item-button { + display: none; + position: absolute; + top: 25px; + } + .workspace-composition .i-sdc-designer-sidebar-section-content-item-button.update { + background-color: transparent; + border: 0; + right: 60px; + } + .workspace-composition .i-sdc-designer-sidebar-section-content-item-button.delete { + background-color: transparent; + border: 0; + right: 13px; + } + .workspace-composition .i-sdc-designer-sidebar-section-content-item-button.download { + background-color: transparent; + border: 0; + right: 35px; + } + .workspace-composition .i-sdc-designer-sidebar-section-content-item-button.download-env { + background-color: transparent; + border: 0; + right: 35px; + margin-top: 65px; + } + .workspace-composition .i-sdc-designer-sidebar-section-content-item-button.update-env { + background-color: transparent; + border: 0; + right: 15px; + margin-top: 65px; + } + .workspace-composition .i-sdc-designer-sidebar-section-content-item-button.attach { + background-color: transparent; + border: 0; + right: 15px; + } + .workspace-composition .w-sdc-designer-canvas { + height: 100%; + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + background-color: #ffffff; + bottom: 0; + } + .workspace-composition .w-sdc-designer-canvas .view-mode { + background-color: #f8f8f8; + border: 0; + } + .workspace-composition .w-sdc-designer-element { + cursor: pointer; + width: 200px; + height: 100px; + position: absolute; + text-align: center; + top: 50%; + margin-top: -200px; + left: 50%; + margin-left: -50px; + } + .workspace-composition .w-sdc-designer-resource-label { + color: #b5b5b5; + font-family: omnes-medium, sans-serif; + font-size: 14px; + } + .workspace-composition .w-sdc-designer-resource-label-indicator { + background-color: #b5b5b5; + border-radius: 50%; + display: inline-block; + height: 10px; + margin-right: 6px; + vertical-align: middle; + width: 10px; + } + .workspace-composition .w-sdc-designer-resource-label-indicator.valid { + background-color: #1e9a33; + } + .workspace-composition .w-sdc-designer-resource-label-indicator.invalid { + background-color: #da1f3d; + } + .workspace-composition .w-sdc-designer-leftbar { + background-color: #ffffff; + bottom: 0; + left: 0; + overflow-y: scroll; + overflow-x: hidden; + position: absolute; + top: 0; + width: 244px; + box-shadow: 7px -3px 6px -8px #959595; + } + .workspace-composition .w-sdc-designer-leftbar-title { + color: #ffffff; + font-family: omnes-medium, sans-serif; + font-size: 16px; + background-color: #959595; + line-height: 40px; + padding: 0 17px; + } + .workspace-composition .w-sdc-designer-leftbar-title-count { + float: right; + } + .workspace-composition .w-sdc-designer-leftbar-search { + background-color: #eaeaea; + padding: 10px; + white-space: nowrap; + position: relative; + } + .workspace-composition .w-sdc-designer-leftbar-search-input { + border: 1px solid #cdcdcd; + border-radius: 4px; + height: 30px; + margin: 0; + padding: 0px 28px 3px 10px; + vertical-align: 4px; + width: 100%; + outline: none; + font-style: italic; + } + .workspace-composition .i-sdc-designer-leftbar-section { + cursor: pointer; + } + .workspace-composition .i-sdc-designer-leftbar-section-title { + color: #5a5a5a; + font-family: omnes-medium, sans-serif; + font-size: 14px; + background-color: #eaeaea; + cursor: pointer; + clear: both; + height: 40px; + line-height: 40px; + margin-top: 1px; + padding: 0 10px; + position: relative; + text-transform: uppercase; + font-weight: bold; + } + .workspace-composition .i-sdc-designer-leftbar-section-title-icon { + cursor: pointer; + background-image: url(/sdc1/scripts/images/sprite-global.8f8166754d12e1088a25.png); + display: inline-block; + background-position: -350px -236px; + width: 12px; + height: 7px; + width: 15px; + height: 9px; + position: absolute; + right: 13px; + top: 18px; + transition: .3s all; + } + .workspace-composition .i-sdc-designer-leftbar-section.expanded .i-sdc-designer-leftbar-section-title-icon { + -webkit-transform: rotate(180deg); + transform: rotate(180deg); + margin-right: 2px; + } + .workspace-composition .i-sdc-designer-leftbar-section-content { + background-color: #d2d2d2; + } + .workspace-composition .i-sdc-designer-leftbar-section-content-item { + background-color: #ffffff; + overflow: hidden; + } + .workspace-composition .i-sdc-designer-leftbar-section-content-item:hover { + background-color: #ffffff; + } + .workspace-composition .i-sdc-designer-leftbar-section-content-item .cp { + margin: 6px; + } + .workspace-composition .i-sdc-designer-leftbar-section-content-item .vl { + margin: 6px; + } + .workspace-composition .i-sdc-designer-leftbar-section-content-subcat { + color: #5a5a5a; + font-family: omnes-medium, sans-serif; + font-size: 14px; + background-color: #f8f8f8; + line-height: 35px; + padding: 0 10px; + cursor: default; + } + .workspace-composition .i-sdc-designer-leftbar-section-content-subcat:hover { + background-color: #f2f2f2; + } + .workspace-composition .i-sdc-designer-leftbar-section .i-sdc-designer-leftbar-section-content .i-sdc-designer-leftbar-section-content-item { + max-height: 0px; + margin: 0 auto; + transition: all .3s; + } + .workspace-composition .i-sdc-designer-leftbar-section.expanded .i-sdc-designer-leftbar-section-content .i-sdc-designer-leftbar-section-content-item { + max-height: 64px; + margin: 0 auto 1px auto; + } + .workspace-composition .i-sdc-designer-leftbar-section.expanded .i-sdc-designer-leftbar-section-content .i-sdc-designer-leftbar-section-content-subcat { + margin: 0; + } + .workspace-composition .i-sdc-designer-leftbar-section-content-item-icon-ph { + display: inline-block; + margin: 12px 0 12px 10px; + pointer-events: auto; + } + .workspace-composition .i-sdc-designer-leftbar-section-content-item-icon-ph .non-certified { + position: relative; + left: 27px; + bottom: 6px; + background-image: url(/sdc1/scripts/images/sprite-global-old.36e32171fc7d958da86b.png); + display: inline-block; + background-position: -157px -3386px; + width: 15px; + height: 15px; + display: block; + } + .workspace-composition .i-sdc-designer-leftbar-section-content-item-icon-ph .non-certified.smaller-icon { + bottom: 6px; + left: 13px; + } + .workspace-composition .non-certified { + position: relative; + left: 43px; + bottom: 3px; + background-image: url(/sdc1/scripts/images/sprite-global-old.36e32171fc7d958da86b.png); + display: inline-block; + background-position: -157px -3386px; + width: 15px; + height: 15px; + display: block; + } + .workspace-composition .non-certified.smaller-icon { + left: 35px; + bottom: -14px; + } + .workspace-composition .i-sdc-designer-leftbar-section-content-item-info { + display: inline-block; + width: 160px; + padding: 0 0 0 10px; + } + .workspace-composition .i-sdc-designer-leftbar-section-content-item-info-title { + color: #5a5a5a; + font-family: omnes-medium, sans-serif; + font-size: 14px; + line-height: 14px; + overflow: hidden; + text-overflow: ellipsis; + text-transform: uppercase; + max-width: 120px; + display: inline-block; + white-space: nowrap; + vertical-align: bottom; + } + .workspace-composition .i-sdc-designer-leftbar-section-content-item-info-text { + color: #8c8c8c; + font-family: omnes-regular, sans-serif; + font-size: 12px; + line-height: 15px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + } + .workspace-composition .i-sdc-designer-leftbar-section-content-item-info-text-link { + color: #000000; + text-decoration: underline; + float: right; + position: absolute; + right: 17px; + } + .workspace-composition .w-sdc-form-actions-container.add-property { + text-align: center; + width: 100%; + margin-top: 2px; + margin-bottom: 12px; + } + .workspace-composition .w-sdc-form-actions-container.add-property .w-sdc-form-action { + width: 245px; + } + .workspace-composition .w-sdc-form-actions-container.add-property .w-sdc-form-action.add-property-add-another { + background-color: #3b7b9b; + margin-left: 35px; + } + .workspace-composition .w-sdc-form-actions-container.add-property .w-sdc-form-action.add-property-done { + margin-left: 312px; + } + .workspace-composition .w-sdc-form-actions-container.add-property .w-sdc-form-action.save { + margin-left: 327px; + margin-bottom: 30px; + } + .workspace-composition .w-sdc-header-menu { + padding: 25px 0; + text-align: center; + white-space: nowrap; + } + .workspace-composition .i-sdc-header-menu-item { + cursor: pointer; + display: inline-block; + height: 43px; + min-width: 93px; + padding: 0 38px; + position: relative; + vertical-align: middle; + } + .workspace-composition .i-sdc-header-menu-item::after { + border-right: 1px solid #a8b3b9; + content: ''; + display: block; + height: 43px; + right: 0; + position: absolute; + top: 0; + width: 2px; + } + .workspace-composition .i-sdc-header-menu-item:first-child::before { + border-right: 1px solid #a8b3b9; + content: ''; + display: block; + height: 43px; + left: 0; + position: absolute; + top: 0; + width: 2px; + } + .workspace-composition .i-sdc-header-menu-item-icon { + display: inline-block; + height: 20px; + width: 28px; + } + .workspace-composition .i-sdc-header-menu-item-label { + color: #263d4d; + font-family: omnes-regular, sans-serif; + font-size: 14px; + line-height: 18px; + } + .workspace-composition .w-sdc-canvas-menu { + position: fixed; + z-index: 100; + border-style: solid; + border-width: 1px; + border-color: #d8d8d8; + box-sizing: border-box; + background-color: #ffffff; + box-shadow: 0px 2px 2px 0px rgba(24, 24, 25, 0.1); + width: 91px; + /* &.vl-type-select{ + width: 173px; + } + */ + } + .workspace-composition .w-sdc-canvas-menu h3 { + color: #191919; + font-size: 14px; + font-weight: bold; + margin: 0; + padding: 7px 11px; + border-bottom: 1px solid #e5e5e5; + } + .workspace-composition .w-sdc-canvas-menu .w-sdc-canvas-menu-content { + padding: 5px 5px; + } + .workspace-composition .w-sdc-canvas-menu .w-sdc-canvas-menu-content.vl-select { + border-bottom: #d8d8d8 solid 1px; + line-height: 15px; + } + .workspace-composition .w-sdc-canvas-menu .w-sdc-canvas-menu-content.vl-select .tlv-radio { + padding: 3px 0px; + } + .workspace-composition .w-sdc-canvas-menu .w-sdc-canvas-menu-content.vl-select .tlv-radio .tlv-radio-label { + padding: 3px 0px; + } + .workspace-composition .w-sdc-canvas-menu .w-sdc-canvas-menu-content.vl-select .tlv-radio .tlv-radio-label::before { + margin-right: 10px; + } + .workspace-composition .w-sdc-canvas-menu .w-sdc-canvas-menu-content .w-sdc-canvas-menu-content-update-button { + background-image: url(/sdc1/scripts/images/sprite-global-old.36e32171fc7d958da86b.png); + display: inline-block; + background-position: -64px -2771px; + width: 11px; + height: 13px; + cursor: pointer; + position: absolute; + top: 15px; + right: 10px; + } + .workspace-composition .w-sdc-canvas-menu .w-sdc-canvas-menu-content .w-sdc-canvas-menu-content-delete-button { + background-image: url(/sdc1/scripts/images/sprite-global-old.36e32171fc7d958da86b.png); + display: inline-block; + background-position: -64px -2771px; + width: 11px; + height: 13px; + cursor: pointer; + margin: 0 8px 0 6px; + } + .workspace-composition .w-sdc-canvas-menu .w-sdc-canvas-menu-arrow { + background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAFCAYAAAB4ka1VAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkE1OTIzNDI1MENFQjExRTU4ODRERTI1MDM2REZCOUYzIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkE1OTIzNDI2MENFQjExRTU4ODRERTI1MDM2REZCOUYzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QTU5MjM0MjMwQ0VCMTFFNTg4NERFMjUwMzZERkI5RjMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QTU5MjM0MjQwQ0VCMTFFNTg4NERFMjUwMzZERkI5RjMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4gBXTlAAAAOElEQVR42mK0rp7NgASMgZgFiE/CBJjQJPcA8U4gNkdXAJMUAGJ+ZEVMaJIwAFfEhEUSRRFAgAEAVtgJyiLAPWAAAAAASUVORK5CYII='); + content: ''; + display: block; + height: 21px; + position: absolute; + right: 12px; + top: -24px; + width: 184px; + background-repeat: no-repeat; + background-position: 175px 16px; + } + /*.right-tab-loader { + border: 16px solid #f3f3f3; !* Light grey *! + border-top: 16px solid #3498db; !* Blue *! + border-radius: 50%; + width: 120px; + height: 120px; + animation: spin 2s linear infinite; + }*/ + @-webkit-keyframes spin { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + 100% { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } + } + @keyframes spin { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + 100% { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } + } + .w-sdc-designer-sidebar-tab-content.artifacts .i-sdc-designer-sidebar-section-content-item-artifact.hand { + cursor: pointer; + } + .w-sdc-designer-sidebar-tab-content.artifacts .w-sdc-designer-sidebar-section-content { + padding: 0; + } + .w-sdc-designer-sidebar-tab-content.artifacts .w-sdc-designer-sidebar-section-title.expanded { + margin-bottom: 0; + } + .w-sdc-designer-sidebar-tab-content.artifacts .i-sdc-designer-sidebar-section-content-item-artifact-details { + display: inline-block; + margin-left: 5px; + vertical-align: middle; + width: 180px; + } + .w-sdc-designer-sidebar-tab-content.artifacts .i-sdc-designer-sidebar-section-content-item-artifact-details.heat { + line-height: 18px; + width: 250px; + } + .w-sdc-designer-sidebar-tab-content.artifacts .i-sdc-designer-sidebar-section-content-item-artifact-details-name { + color: #263d4d; + font-family: omnes-medium, sans-serif; + font-size: 14px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + max-width: 220px; + display: inline-block; + } + .w-sdc-designer-sidebar-tab-content.artifacts .i-sdc-designer-sidebar-section-content-item-artifact-details-name.enabled:hover { + color: #3b7b9b; + font-family: omnes-medium, sans-serif; + font-size: 14px; + } + .w-sdc-designer-sidebar-tab-content.artifacts .i-sdc-designer-sidebar-section-content-item-artifact-heat-env { + color: #263d4d; + font-family: omnes-medium, sans-serif; + font-size: 14px; + margin-top: 6px; + line-height: 42px; + padding-top: 10px; + border-top: 1px solid #c8cdd1; + } + .w-sdc-designer-sidebar-tab-content.artifacts .i-sdc-designer-sidebar-section-content-item-artifact-heat-env .enabled:hover { + cursor: pointer; + color: #3b7b9b; + font-family: omnes-medium, sans-serif; + font-size: 14px; + } + .w-sdc-designer-sidebar-tab-content.artifacts .i-sdc-designer-sidebar-section-content-item-artifact-filename { + color: #263d4d; + font-family: omnes-medium, sans-serif; + font-size: 14px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + max-width: 225px; + display: inline-block; + font-weight: bold; + } + .w-sdc-designer-sidebar-tab-content.artifacts .i-sdc-designer-sidebar-section-content-item-artifact-filename.enabled:hover { + color: #3b7b9b; + font-family: omnes-medium, sans-serif; + font-size: 14px; + } + .w-sdc-designer-sidebar-tab-content.artifacts .i-sdc-designer-sidebar-section-content-item-file-link { + border-left: 1px #848586 solid; + height: 58px; + margin-left: -11px; + margin-top: 11px; + border-top: 1px #848586 solid; + border-bottom: 1px #848586 solid; + width: 12px; + float: left; + } + .w-sdc-designer-sidebar-tab-content.artifacts .i-sdc-designer-sidebar-section-content-item-artifact-details-desc { + display: none; + line-height: 16px; + word-wrap: break-word; + white-space: normal; + } + .w-sdc-designer-sidebar-tab-content.artifacts .i-sdc-designer-sidebar-section-content-item-artifact-details-desc-label { + color: #666666; + font-family: omnes-regular, sans-serif; + font-size: 12px; + } + .w-sdc-designer-sidebar-tab-content.artifacts .i-sdc-designer-sidebar-section-content-item-artifact { + border-bottom: 1px solid #c8cdd1; + padding: 5px 10px 5px 18px; + position: relative; + min-height: 61px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + } + .w-sdc-designer-sidebar-tab-content.artifacts .i-sdc-designer-sidebar-section-content-item-artifact .i-sdc-designer-sidebar-section-content-item-button { + top: 20px; + line-height: 10px; + } + .w-sdc-designer-sidebar-tab-content.artifacts .i-sdc-designer-sidebar-section-content-item-artifact:hover { + background-color: #ffffff; + transition: all .3s; + } + .w-sdc-designer-sidebar-tab-content.artifacts .i-sdc-designer-sidebar-section-content-item-artifact:hover .i-sdc-designer-sidebar-section-content-item-button { + display: block; + } + .i-sdc-designer-sidebar-section-content-item-lm { + color: #666666; + font-family: omnes-medium, sans-serif; + font-size: 14px; + border-bottom: 1px solid #cdcdcd; + cursor: pointer; + height: 65px; + padding: 22px 0; + position: relative; + } + .i-sdc-designer-sidebar-section-content-item-lm:hover { + background-color: #e6e6e6; + margin-left: -10px; + margin-right: -10px; + padding: 22px 10px; + } + .i-sdc-designer-sidebar-section-content-item-lm:hover .i-sdc-designer-sidebar-section-content-item-lm-icon { + right: 16px; + } + .i-sdc-designer-sidebar-section-content-item-lm:first-child { + margin-top: -18px; + } + .i-sdc-designer-sidebar-section-content-item-lm-icon { + position: absolute; + right: 6px; + } + .i-sdc-designer-sidebar-section-content-item-lm-icon.icon-view { + background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAJCAYAAAACTR1pAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjdGMDNBRUJDMDkxNjExRTVCMjRBOEI5QzMxQTlBQjY4IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjdGMDNBRUJEMDkxNjExRTVCMjRBOEI5QzMxQTlBQjY4Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6N0YwM0FFQkEwOTE2MTFFNUIyNEE4QjlDMzFBOUFCNjgiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6N0YwM0FFQkIwOTE2MTFFNUIyNEE4QjlDMzFBOUFCNjgiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4U2decAAABRUlEQVR42pyRPUvDUBSG39t2UyyaBgvWQZMqKoFq4lBH0U0UqXSxKPaPieCoWPAPKIgdjG1ohaghOrSR1iaLKMXpmnMhQVfPcLmc8zxwPhjnHFE4rx3eMO/w4rr4+vwQuZHRMcwqClaMVeRnplnEskg8O7/g96YJSZLgBz5+R0bKIAgC6IaBvdKukBP0HJ+cctu2cVCtQsrIUFUVlcp+LE6EItWIIVaIV9c3/PnRRqlcxkJeYV2vi+/hEO/9QSx6b56oEUMsOal6/TacQcXinCpaGE+n0QnljufFIuUoiAlZTk6iWFyD6zpoWi3RwvrmBlLJZCzRn3IUxBBLjlgO9e06T9ja3sGyrqPX66NtWQLWCgVks5Owmg1c1mpQ8vM4OqywP1s1w1PkpnJY0jTIsizy/sDHQ7sFmt0ITxJtlf33jj8CDADhB52tEX6ifAAAAABJRU5ErkJggg=='); + height: 9px; + top: 29px; + width: 14px; + } + .i-sdc-designer-sidebar-section-content-item-lm-icon.icon-alert { + background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAANCAYAAAB2HjRBAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjhBM0YxQTBCMDkyMDExRTVBNzlCQUYxNEYwMDUwOTQ5IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjhBM0YxQTBDMDkyMDExRTVBNzlCQUYxNEYwMDUwOTQ5Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OEEzRjFBMDkwOTIwMTFFNUE3OUJBRjE0RjAwNTA5NDkiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OEEzRjFBMEEwOTIwMTFFNUE3OUJBRjE0RjAwNTA5NDkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7exgceAAAB5klEQVR42oySy2tTQRTGfzN3cpvbpFTaUlzUjeCuVFyJf4DuCl34wL/CrbpUunLnwpUuFFy48IFiwYWhpYuW+gCLrbWKBQumaRIba5ub3MccJ5WECCV44MDMme873/lmBhGhnZulcn/3/sfrO7J/45R017pT0xUS2bC93vy2LAOLt5DfCeUn14RD4h/ysbHRDii/8pyo7DmFiP7VZ4Rbu9KT3I7i+qJklp7ibQt2J6HeNOhXV/gv8tDcbaLtXYLJKeTcZfxqSPPzvGu6ID3J1Q8z0ny/hIkM5swF8qenUFUfwixHCtd7Kwez04jOgEmc+hq6tuZ8N9E6xG5U+Pn2kRxKLs7eE7tRc0XlToRM2sD+2sGmDiY+kWsSFG528Kr1Xgfjfn0n5uElvFrrzVqVDHqkiTKjxCsV9LBx08QkgcY/eZH+89Oqo+x9eumkwQaQaoPEKWpsHHN8ArItgLt5UdiG6736mFLxixyQt+bviik8QPuaNFRIkjqQRZ2YJDo6QWydjTRtOcGPPdJKgnlxFfN9fVmGNhecR4U3mLrL6nPTRTQHXZO5+4jyyI4Iqs99GJvgBiKjcySlj3897y6/kbreI4w0QS7ASxrsa4/cXkxkIzK5PKmNqRMw7NfdeczA+Fn1R4ABAPnMAeCjkgf5AAAAAElFTkSuQmCC'); + height: 13px; + top: 27px; + width: 15px; + } + .w-sdc-designer-sidebar-tab-content.details .w-sdc-designer-sidebar-section-title + .w-sdc-designer-sidebar-section-content { + padding: 0 10px 0 18px; + } + .w-sdc-designer-sidebar-tab-content.details .w-sdc-designer-sidebar-section-title.expanded + .w-sdc-designer-sidebar-section-content { + padding: 10px 10px 10px 18px; + } + .w-sdc-designer-sidebar-tab-content.details .i-sdc-designer-sidebar-section-content-item-label { + font-weight: bold; + } + .w-sdc-designer-sidebar-tab-content.details .i-sdc-designer-sidebar-section-content-item-label.additional-information { + max-width: 100px; + display: inline-block; + text-overflow: ellipsis; + overflow: hidden; + vertical-align: bottom; + } + .w-sdc-designer-sidebar-tab-content.details .i-sdc-designer-sidebar-section-content-item-value { + padding-left: 10px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + display: inline-block; + max-width: 160px; + vertical-align: bottom; + font-weight: normal; + } + .w-sdc-designer-sidebar-tab-content.details .i-sdc-designer-sidebar-section-content-item-value.vendor-model-number { + max-width: 110px; + } + .w-sdc-designer-sidebar-tab-content.details .i-sdc-designer-sidebar-section-content-item-value.additional-information { + max-width: 160px; + display: inline-block; + } + .w-sdc-designer-sidebar-tab-content.details .i-sdc-designer-sidebar-section-content-item-value.i-sdc-form-select { + color: #666666; + font-family: omnes-regular, sans-serif; + font-size: 14px; + border: 1px solid #cfcfcf; + width: 210px; + max-width: 210px; + padding-left: 4px; + } + .w-sdc-designer-sidebar-tab-content.details .i-sdc-designer-sidebar-section-content-item-value.i-sdc-form-select .select-instance-version { + color: #666666; + font-family: omnes-regular, sans-serif; + font-size: 14px; + } + .w-sdc-designer-sidebar-tab-content.details .i-sdc-designer-sidebar-section-content-item-value.i-sdc-form-select .select-instance-version.minor { + color: #da1f3d; + font-family: omnes-regular, sans-serif; + font-size: 14px; + } + .w-sdc-designer-sidebar-tab-content.details .i-sdc-designer-sidebar-section-content-item-value.minor { + color: #da1f3d; + font-family: omnes-regular, sans-serif; + font-size: 14px; + } + .w-sdc-designer-sidebar-tab-content.details .i-sdc-designer-sidebar-section-content-description-item-value { + max-width: none; + font-weight: normal; + } + .w-sdc-designer-sidebar-tab-content.details .customization-uuid { + font-family: omnes-medium, sans-serif; + font-size: 12px; + } + .w-sdc-designer-sidebar-tab-content.details .w-sdc-designer-sidebar-section.tags .i-sdc-designer-sidebar-section-content-item { + white-space: normal; + } + .w-sdc-designer-sidebar-tab-content.properties .i-sdc-designer-sidebar-section-content-item-property-and-attribute-label { + font-weight: bold; + } + .w-sdc-designer-sidebar-tab-content.properties .i-sdc-designer-sidebar-section-content-item-button.update { + right: 17px; + } + .w-sdc-designer-sidebar-tab-content.properties .i-sdc-designer-sidebar-section-content-item-button.delete { + right: 35px; + } + .w-sdc-designer-sidebar-tab-content.properties .w-sdc-designer-sidebar-properties-disabled { + color: #191919; + font-family: omnes-medium, sans-serif; + font-size: 14px; + padding: 20px 20px; + } + .w-sdc-designer-sidebar-tab-content.properties .vfci-properties-group { + background-color: #f2f2f2; + } + .w-sdc-designer-sidebar-tab-content.properties .expand-collapse-title-icon { + cursor: pointer; + background-image: url(/sdc1/scripts/images/sprite-global.8f8166754d12e1088a25.png); + display: inline-block; + background-position: -334px -888px; + width: 14px; + height: 14px; + vertical-align: middle; + margin: 0 6px; + } + .w-sdc-designer-sidebar-tab-content.properties .expanded .expand-collapse-title-icon { + background-position: -378px -888px; + width: 14px; + height: 14px; + } + .w-sdc-designer-sidebar-tab-content.properties .w-sdc-designer-sidebar-section-title-text { + vertical-align: middle; + } + .w-sdc-designer-sidebar-tab-content.relations .w-sdc-designer-sidebar-section-content { + padding: 0; + } + .w-sdc-designer-sidebar-tab-content.relations .w-sdc-designer-sidebar-section-title.expanded { + margin-bottom: 0; + } + .workspace-deployment-artifact { + width: 93%; + display: inline-block; + } + .workspace-deployment-artifact .table-container-flex .table .body .data-row + div.item-opened { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + padding: 10px 40px 10px 30px; + } + .workspace-deployment-artifact .w-sdc-classic-btn { + float: right; + margin-bottom: 10px; + } + .workspace-deployment-artifact .heat-env-connect-container { + background-color: white; + position: absolute; + height: 70px; + width: 20px; + left: 0; + top: 0; + } + .workspace-deployment-artifact .heat-env-connect-container-view-mode { + background-color: #f8f8f8; + } + .workspace-deployment-artifact .heat-env-connect { + border-left: 1px #848586 solid; + height: 50px; + margin-left: 10px; + margin-top: 10px; + border-top: 1px #848586 solid; + border-bottom: 1px #848586 solid; + width: 11px; + float: left; + } + .workspace-deployment-artifact .artifact-name { + width: 85%; + } + .workspace-deployment-artifact .table-container-flex .table .body .data-row div .heat-env-connect-container { + border-right: none; + } + .workspace-deployment-artifact .i-sdc-designer-sidebar-section-content-item-file-link::before { + content: ""; + background-color: white; + width: 12px; + } + .workspace-deployment-artifact .table { + height: 490px; + margin-bottom: 0; + } + .workspace-deployment-artifact .parameter-description { + background-color: #8c8c8c; + border-radius: 50%; + color: #ffffff; + content: ''; + height: 18px; + width: 18px; + text-align: center; + display: block; + content: '?'; + line-height: 18px; + vertical-align: middle; + margin-left: 5px; + cursor: default; + display: inline-block; + position: absolute; + top: 16px; + } + .workspace-deployment-artifact .table-container-flex { + margin-top: 27px; + } + .workspace-deployment-artifact .table-container-flex .text { + overflow: hidden; + text-overflow: ellipsis; + display: inline-block; + white-space: nowrap; + } + .workspace-deployment-artifact .table-container-flex .flex-item:nth-child(1) { + -webkit-box-flex: 15; + -ms-flex-positive: 15; + flex-grow: 15; + cursor: pointer; + padding-left: 30px; + position: relative; + } + .workspace-deployment-artifact .table-container-flex .flex-item:nth-child(1) span.table-arrow { + margin-right: 7px; + } + .workspace-deployment-artifact .table-container-flex .flex-item:nth-child(1) .description-popover-icon { + float: right; + margin-top: 6px; + } + .workspace-deployment-artifact .table-container-flex .flex-item:nth-child(2) { + -webkit-box-flex: 6; + -ms-flex-positive: 6; + flex-grow: 6; + } + .workspace-deployment-artifact .table-container-flex .flex-item:nth-child(3) { + -webkit-box-flex: 9; + -ms-flex-positive: 9; + flex-grow: 9; + } + .workspace-deployment-artifact .table-container-flex .flex-item:nth-child(4) { + -webkit-box-flex: 3; + -ms-flex-positive: 3; + flex-grow: 3; + } + .workspace-deployment-artifact .table-container-flex .flex-item:nth-child(5) { + -webkit-box-flex: 20; + -ms-flex-positive: 20; + flex-grow: 20; + } + .workspace-deployment-artifact .table-container-flex .flex-item:nth-child(6) { + -webkit-box-flex: 5; + -ms-flex-positive: 5; + flex-grow: 5; + } + .workspace-deployment-artifact .table-container-flex .flex-item:nth-child(6).table-btn-col { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + } + .workspace-deployment-artifact .table-container-flex .flex-item:nth-child(6).table-btn-col button { + -webkit-box-flex: 0; + -ms-flex: 0 1 auto; + flex: 0 1 auto; + background-color: transparent; + border: 0; + margin: 0; + } + .workspace-deployment-artifact .table-container-flex .flex-item:nth-child(6).table-btn-col .edit-paramtes-button { + -webkit-box-ordinal-group: 0; + -ms-flex-order: -1; + order: -1; + } + .workspace-deployment-artifact .w-sdc-form { + text-align: left; + } + .workspace-deployment-artifact .w-sdc-form .w-sdc-env-params { + border-top: 1px solid #cdcdcd; + margin: 25px 0 10px 0; + } + .workspace-deployment-artifact .w-sdc-form .i-sdc-form-textarea { + border: 1px solid #cdcdcd; + min-height: 60px; + padding: 10px 13px; + width: 100%; + resize: none; + } + .workspace-deployment-artifact .w-sdc-form .w-sdc-form-item.error .i-sdc-form-input, + .workspace-deployment-artifact .w-sdc-form .w-sdc-form-item.error .i-sdc-form-select, + .workspace-deployment-artifact .w-sdc-form .w-sdc-form-item.error .i-sdc-form-textarea { + border-color: #da1f3d; + outline: none; + box-sizing: border-box; + } + .workspace-deployment-artifact .w-sdc-form .i-sdc-env-form-label { + font-family: omnes-medium, sans-serif; + color: #5a5a5a; + overflow: hidden; + max-width: 450px; + text-overflow: ellipsis; + display: inline-block; + white-space: nowrap; + margin-top: 14px; + } + .workspace-deployment-artifact .w-sdc-form .i-sdc-env-form-label.required::before { + color: #f33; + content: '*'; + margin-right: 4px; + } + .table-container-flex .table .body .scrollbar-container { + overflow-x: auto !important; + } + .parameter-description-popover.deployment-artifact-view { + margin-left: -22px; + z-index: 1040; + min-width: 300px; + } + .parameter-description-popover.deployment-artifact-view .input-error { + color: #cf2a2a; + font-family: omnes-medium, sans-serif; + font-size: 12px; + } + .parameter-description-popover.deployment-artifact-view .error textarea { + border-color: #ea7499; + color: #da1f3d; + outline: none; + } + .parameter-description-popover.deployment-artifact-view .popover-content textarea { + width: 100%; + } + .deployment-view { + display: inline-block; + text-align: left; + -webkit-box-align: left; + -ms-flex-align: left; + align-items: left; + padding: 0; + width: 100%; + height: 100%; + } + .deployment-view .w-sdc-deployment-canvas { + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + background-color: #ffffff; + bottom: 0; + width: 100%; + height: 100%; + } + .deployment-view .w-sdc-deployment-canvas .view-mode { + background-color: #f8f8f8; + border: 0; + } + .deployment-view .w-sdc-deployment-right-bar { + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + bottom: 0; + position: absolute; + right: 0px; + transition: right 0.2s; + z-index: 10000; + top: 53px; + } + .w-sdc-classic-top-line-modal .w-sdc-distribution-view .actions-buttons { + height: 29px; + padding: 0 25px 0 0px; + } + .w-sdc-classic-top-line-modal .w-sdc-distribution-view .actions-buttons span { + float: right; + } + .w-sdc-classic-top-line-modal .w-sdc-distribution-view .w-sdc-distribution-view-content { + height: 500px; + } + .w-sdc-classic-top-line-modal .w-sdc-distribution-view .w-sdc-distribution-view-content-section .w-sdc-distribute-parent-block .w-sdc-distribute-components-block .omf-component-row .w-sdc-distribute-status-block { + margin-left: 0; + } + .w-sdc-classic-top-line-modal .w-sdc-distribution-view .w-sdc-distribution-view-content-section .w-sdc-distribute-parent-block .w-sdc-distribute-components-block div { + padding-left: 0; + } + .w-sdc-distribution-view { + text-align: left; + color: #263d4d; + font-family: omnes-regular, sans-serif; + font-size: 14px; + min-height: 500px; + background-color: #ffffff; + vertical-align: top; + padding: 30px 10px; + width: 100%; + } + .w-sdc-distribution-view .w-sdc-distribution-view-distributed-green-text { + color: #1e9a33; + font-family: omnes-regular, sans-serif; + font-size: 13px; + font-weight: bold; + } + .w-sdc-distribution-view .w-sdc-distribution-view-distributed-error-red-text { + color: #da1f3d; + font-family: omnes-regular, sans-serif; + font-size: 13px; + font-weight: bold; + } + .w-sdc-distribution-view .w-sdc-distribution-view-header { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-justify-content: space-between; + margin: 0 25px 5px 40px; + } + .w-sdc-distribution-view .w-sdc-distribution-view-header .header-spacer { + -webkit-box-flex: 5; + -ms-flex-positive: 5; + flex-grow: 5; + } + .w-sdc-distribution-view .top-search { + position: relative; + } + .w-sdc-distribution-view .top-search input.search-text { + height: 26px; + line-height: 26px; + margin: 0 18px 4px 20px; + padding-right: 25px; + } + .w-sdc-distribution-view .top-search .magnification { + top: 8px; + right: 25px; + } + .w-sdc-distribution-view .w-sdc-distribution-view-content { + padding: 0 25px 0 0px; + margin-bottom: 25px; + height: 700px; + overflow: hidden; + position: relative; + } + .w-sdc-distribution-view .w-sdc-distribution-view-title { + color: #191919; + font-family: omnes-regular, sans-serif; + font-size: 14px; + line-height: 30px; + } + .w-sdc-distribution-view .w-sdc-distribution-view-title span { + padding-left: 5px; + } + .w-sdc-distribution-view .blue-font { + color: #009fdb; + font-family: omnes-medium, sans-serif; + font-size: 14px; + } + .w-sdc-distribution-view .red-font { + color: #cf2a2a; + font-family: omnes-medium, sans-serif; + font-size: 14px; + } + .w-sdc-distribution-view .w-sdc-distribution-view-block div { + display: inline-block; + } + .w-sdc-distribution-view .w-sdc-distribution-view-content-section ul { + list-style-type: none; + } + .w-sdc-distribution-view .w-sdc-distribution-view-content-section .distribution-bth { + cursor: pointer; + } + .w-sdc-distribution-view .w-sdc-distribution-view-content-section .distribution-bth.disabled { + cursor: none; + } + .w-sdc-distribution-view .w-sdc-distribution-view-content-section .copy-link { + padding-right: 19px; + margin-left: 8px; + cursor: pointer; + } + .w-sdc-distribution-view .w-sdc-distribution-view-content-section .w-sdc-distribute-row-extends { + border-Left: solid 4px transparent; + } + .w-sdc-distribution-view .w-sdc-distribution-view-content-section .w-sdc-distribute-row-extends.extends { + border-left: solid 4px #71c5eb; + border-bottom: 1px solid #cfcfcf; + margin-bottom: 10px; + } + .w-sdc-distribution-view .w-sdc-distribution-view-content-section .w-sdc-distribute-parent-block { + border: 1px solid #d2d2d2; + width: 100%; + margin-bottom: 6px; + } + .w-sdc-distribution-view .w-sdc-distribution-view-content-section .w-sdc-distribute-parent-block .status-icon { + vertical-align: middle; + margin-bottom: 4px; + } + .w-sdc-distribution-view .w-sdc-distribution-view-content-section .w-sdc-distribute-parent-block.extends { + background-color: #f8f8f8; + } + .w-sdc-distribution-view .w-sdc-distribution-view-content-section .w-sdc-distribute-parent-block :not(.disable-hover):hover { + background-color: #eaeaea; + } + .w-sdc-distribution-view .w-sdc-distribution-view-content-section .w-sdc-distribute-parent-block .title-section { + display: inline-block; + margin-right: 10px; + -ms-flex-preferred-size: 0; + flex-basis: 0; + } + .w-sdc-distribution-view .w-sdc-distribution-view-content-section .w-sdc-distribute-parent-block .title { + color: #000000; + font-family: omnes-medium, sans-serif; + font-size: 12px; + font-weight: bold; + } + .w-sdc-distribution-view .w-sdc-distribution-view-content-section .w-sdc-distribute-parent-block .w-sdc-distribute-content { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + margin-left: 10px; + } + .w-sdc-distribution-view .w-sdc-distribution-view-content-section .w-sdc-distribute-parent-block .w-sdc-distribution-arrow-btn { + background-image: url(/sdc1/scripts/images/sprite-global.8f8166754d12e1088a25.png); + display: inline-block; + background-position: -250px -237px; + width: 12px; + height: 6px; + margin: 0 6px; + display: inline-table; + } + .w-sdc-distribution-view .w-sdc-distribution-view-content-section .w-sdc-distribute-parent-block .extends.w-sdc-distribution-arrow-btn { + -webkit-transform: rotate(180deg); + transform: rotate(180deg); + } + .w-sdc-distribution-view .w-sdc-distribution-view-content-section .w-sdc-distribute-parent-block .w-sdc-distribute-row { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + } + .w-sdc-distribution-view .w-sdc-distribution-view-content-section .w-sdc-distribute-parent-block .w-sdc-distribute-row .w-sdc-distribute-row-content { + margin: 15px 31px 10px 0; + width: 100%; + } + .w-sdc-distribution-view .w-sdc-distribution-view-content-section .w-sdc-distribute-parent-block .w-sdc-distribute-row .w-sdc-distribute-row-content .w-sdc-distribute-status-block { + border-top: solid 1px #d2d2d2; + } + .w-sdc-distribution-view .w-sdc-distribution-view-content-section .w-sdc-distribute-parent-block .w-sdc-distribute-row .w-sdc-distribute-row-content .item-1 { + -webkit-box-flex: 2; + -ms-flex-positive: 2; + flex-grow: 2; + } + .w-sdc-distribution-view .w-sdc-distribution-view-content-section .w-sdc-distribute-parent-block .w-sdc-distribute-row .w-sdc-distribute-row-content .item-2 { + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + } + .w-sdc-distribution-view .w-sdc-distribution-view-content-section .w-sdc-distribute-parent-block .w-sdc-distribute-row .w-sdc-distribute-row-content .item-3 { + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + } + .w-sdc-distribution-view .w-sdc-distribution-view-content-section .w-sdc-distribute-parent-block .w-sdc-distribute-row .w-sdc-distribute-row-content .item-4 { + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + } + .w-sdc-distribution-view .w-sdc-distribution-view-content-section .w-sdc-distribute-parent-block .w-sdc-distribute-row .w-sdc-distribute-row-content .item-5 { + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + } + .w-sdc-distribution-view .w-sdc-distribution-view-content-section .w-sdc-distribute-parent-block .w-sdc-distribute-status-block { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + margin: 10px 5px 0 5px; + padding: 5px 5px 0 5px; + width: 100%; + } + .w-sdc-distribution-view .w-sdc-distribution-view-content-section .w-sdc-distribute-parent-block .w-sdc-distribute-status-block div { + border-left: 1px solid #d2d2d2; + padding: 0 12px; + } + .w-sdc-distribution-view .w-sdc-distribution-view-content-section .w-sdc-distribute-parent-block .w-sdc-distribute-status-block .link { + color: #009fdb; + font-family: omnes-medium, sans-serif; + font-size: 14px; + cursor: pointer; + } + .w-sdc-distribution-view .w-sdc-distribution-view-content-section .w-sdc-distribute-parent-block .w-sdc-distribute-status-block .link:hover { + text-decoration: underline; + color: #056bae; + font-family: omnes-medium, sans-serif; + font-size: 14px; + } + .w-sdc-distribution-view .w-sdc-distribution-view-content-section .w-sdc-distribute-parent-block .w-sdc-distribute-status-block span { + padding: 2px; + } + .w-sdc-distribution-view .w-sdc-distribution-view-content-section .w-sdc-distribute-parent-block .w-sdc-distribute-status-block .deployed { + margin-left: 10px; + background-image: url(/sdc1/scripts/images/sprite-global.8f8166754d12e1088a25.png); + display: inline-block; + background-position: -170px -706px; + width: 12px; + height: 12px; + } + .w-sdc-distribution-view .w-sdc-distribution-view-content-section .w-sdc-distribute-parent-block .w-sdc-distribute-status-block .error { + color: #cf2a2a; + font-family: omnes-medium, sans-serif; + font-size: 14px; + margin-left: 10px; + background-image: url(/sdc1/scripts/images/sprite-global.8f8166754d12e1088a25.png); + display: inline-block; + background-position: -51px -751px; + width: 13px; + height: 11px; + } + .w-sdc-distribution-view .w-sdc-distribution-view-content-section .w-sdc-distribute-parent-block .w-sdc-distribute-status-block .status-item-1 { + border-left: 0; + } + .w-sdc-distribution-view .w-sdc-distribution-view-content-section .w-sdc-distribute-parent-block .w-sdc-distribute-status-block .status-item-6 { + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + border-left: none; + text-align: right; + } + .w-sdc-distribution-view .w-sdc-distribution-view-content-section .w-sdc-distribute-parent-block .w-sdc-distribute-components-block { + padding: 0; + padding-bottom: 5px; + list-style-type: none; + } + .w-sdc-distribution-view .w-sdc-distribution-view-content-section .w-sdc-distribute-parent-block .w-sdc-distribute-components-block li { + margin: 5px 2px; + } + .w-sdc-distribution-view .w-sdc-distribution-view-content-section .w-sdc-distribute-parent-block .w-sdc-distribute-components-block .omf-component-row { + border: 1px solid #cfcfcf; + padding-left: 3px; + background-color: white; + margin: 0 30px; + } + .w-sdc-distribution-view .w-sdc-distribution-view-content-section .w-sdc-distribute-parent-block .w-sdc-distribute-components-block .omf-component-row.extends { + padding-left: 0; + border-Left: solid 4px #71c5eb; + } + .w-sdc-distribution-view .w-sdc-distribution-view-content-section .w-sdc-distribute-parent-block .w-sdc-distribute-components-block .omf-component-row .w-sdc-distribute-status-block { + margin: 5px; + padding: 5px; + } + .w-sdc-distribution-view .w-sdc-distribution-view-content-section .w-sdc-distribute-parent-block .w-sdc-distribute-components-block .omf-component-row .blue-font { + color: #009fdb; + font-family: omnes-medium, sans-serif; + font-size: 16px; + } + .w-sdc-distribution-view .w-sdc-distribution-view-content-section .w-sdc-distribute-parent-block .w-sdc-distribute-components-block .omf-component-row:hover { + background-color: #eaeaea; + } + .w-sdc-distribution-view .w-sdc-distribution-view-content-section .w-sdc-distribute-parent-block .w-sdc-distribute-omfComponent-block { + background-color: white; + margin: 0 30px; + padding: 8px 10px; + border: 1px solid #cfcfcf; + } + .w-sdc-distribution-view .w-sdc-distribution-view-content-section .w-sdc-distribute-parent-block .w-sdc-distribute-omfComponent-block .omfComponent-table-head { + margin-bottom: 5px; + background-color: #eaeaea; + } + .w-sdc-distribution-view .w-sdc-distribution-view-content-section .w-sdc-distribute-parent-block .w-sdc-distribute-omfComponent-block .omfComponent-table-head .title { + padding: 6px 10px; + border-left: 1px solid #cfcfcf; + } + .w-sdc-distribution-view .w-sdc-distribution-view-content-section .w-sdc-distribute-parent-block .w-sdc-distribute-omfComponent-block .omfComponent-table-head .title:first-child { + border: none; + } + .w-sdc-distribution-view .w-sdc-distribution-view-content-section .w-sdc-distribute-parent-block .w-sdc-distribute-omfComponent-block .omfComponent-table-row { + border-bottom: 1px solid #cfcfcf; + } + .w-sdc-distribution-view .w-sdc-distribution-view-content-section .w-sdc-distribute-parent-block .w-sdc-distribute-omfComponent-block .omfComponent-table-row.row-0 { + border-top: 1px solid #cfcfcf; + } + .w-sdc-distribution-view .w-sdc-distribution-view-content-section .w-sdc-distribute-parent-block .w-sdc-distribute-omfComponent-block .omfComponent-table-row .w-sdc-distribute-cell { + padding: 10px; + border-left: 1px solid #cfcfcf; + } + .w-sdc-distribution-view .w-sdc-distribution-view-content-section .w-sdc-distribute-parent-block .w-sdc-distribute-omfComponent-block .omfComponent-table-row .w-sdc-distribute-cell:last-child { + border-right: 1px solid #cfcfcf; + } + .w-sdc-distribution-view .w-sdc-distribution-view-content-section .w-sdc-distribute-parent-block .w-sdc-distribute-omfComponent-block .omfComponent-table-row .w-sdc-distribute-cell.item-5 { + color: #5a5a5a; + font-family: omnes-medium, sans-serif; + font-size: 14px; + } + .w-sdc-distribution-view .w-sdc-distribution-view-content-section .w-sdc-distribute-parent-block .w-sdc-distribute-omfComponent-block .w-sdc-distribute-row.extends { + border-Left: solid 4px #71c5eb; + } + .w-sdc-distribution-view .w-sdc-distribution-view-content-section .w-sdc-distribute-parent-block .w-sdc-distribute-omfComponent-block .w-sdc-distribute-row.extends .item-1 { + border: none; + } + .w-sdc-distribution-view .w-sdc-distribution-view-content-section .w-sdc-distribute-parent-block .w-sdc-distribute-omfComponent-block .item-1 { + width: 20%; + } + .w-sdc-distribution-view .w-sdc-distribution-view-content-section .w-sdc-distribute-parent-block .w-sdc-distribute-omfComponent-block .item-2 { + width: 20%; + } + .w-sdc-distribution-view .w-sdc-distribution-view-content-section .w-sdc-distribute-parent-block .w-sdc-distribute-omfComponent-block .item-3 { + width: 24%; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + } + .w-sdc-distribution-view .w-sdc-distribution-view-content-section .w-sdc-distribute-parent-block .w-sdc-distribute-omfComponent-block .item-4 { + width: 18%; + } + .w-sdc-distribution-view .w-sdc-distribution-view-content-section .w-sdc-distribute-parent-block .w-sdc-distribute-omfComponent-block .item-5 { + width: 18%; + } + .w-sdc-distribution-view .w-sdc-distribution-view-content-section .w-sdc-distribute-parent-block .w-sdc-distribute-url-block { + padding: 10px 15px; + border: none; + border-right: 1px solid #cfcfcf; + border-bottom: 1px solid #cfcfcf; + width: 100%; + } + .w-sdc-distribution-view .w-sdc-distribution-view-content-section .w-sdc-distribute-parent-block .w-sdc-distribute-url-block li { + border: none; + } + .w-sdc-distribution-view .w-sdc-distribution-view-content-section .w-sdc-distribute-parent-block .w-sdc-distribute-url-block li span { + padding-right: 30px; + color: #5a5a5a; + font-family: omnes-regular, sans-serif; + font-size: 12px; + } + .sdc-workspace-general-step { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + } + .sdc-workspace-general-step .w-sdc-form { + padding: 0; + -webkit-box-flex: 10; + -ms-flex-positive: 10; + flex-grow: 10; + } + .sdc-workspace-general-step .w-sdc-form .i-sdc-form-file-upload input[type="button"] { + cursor: pointer; + display: block; + filter: alpha(opacity=0); + width: 100px; + height: 30px; + opacity: 0; + position: absolute; + right: 0; + text-align: right; + top: 0; + } + .sdc-workspace-general-step .w-sdc-form .i-sdc-form-file-upload .file-upload-browse-btn { + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + background-color: #ECEFF3; + padding: 4px 6px; + cursor: pointer; + z-index: 999; + width: 100px; + height: 28px; + text-align: center; + } + .sdc-workspace-general-step .w-sdc-form .i-sdc-form-file-upload .file-upload-browse-btn.disabled { + cursor: default; + } + .sdc-workspace-general-step .w-sdc-form .description { + height: 116px; + } + .sdc-workspace-general-step .w-sdc-form .w-sdc-form-section-container { + text-align: center; + } + .sdc-workspace-general-step .w-sdc-form .i-sdc-form-item { + margin-bottom: 15px; + } + .sdc-workspace-general-step .w-sdc-form .i-sdc-form-item.upload { + margin-top: 0; + width: auto; + padding: 10px; + } + .sdc-workspace-general-step .w-sdc-form .template-desc { + border: 1px dashed #cfcfcf; + height: 130px; + overflow: hidden; + padding: 10px 6px 6px 6px; + margin-top: 10px; + } + .sdc-workspace-general-step .w-sdc-form .sdc-tag .tag { + max-width: 225px; + } + .sdc-workspace-general-step .meta-data { + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + padding-left: 6%; + text-align: left; + margin-top: 20px; + } + .sdc-workspace-general-step .meta-data .meta-data-item-value { + padding-bottom: 20px; + } + .workspace-icons { + width: 89%; + display: inline-block; + text-align: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + } + .workspace-icons .w-sdc-form { + padding-top: 0px; + padding-bottom: 0px; + } + .workspace-icons .w-sdc-form .selected-icon-container { + text-align: left; + border: 1px solid #cfcfcf; + clear: both; + margin-bottom: 30px; + padding: 2px 0px 5px 5px; + } + .workspace-icons .w-sdc-form .selected-icon-container .selected-icon { + margin: 8px 5px 0px 6px; + } + .workspace-icons .w-sdc-form .suggested-icons-container { + text-align: left; + border: 1px solid #cfcfcf; + clear: both; + padding: 2px 0px 5px 5px; + height: 340px; + margin-bottom: 0px; + } + .workspace-icons .w-sdc-form .suggested-icons-container .suggested-icon-wrapper { + margin: 8px 5px 0px 6px; + display: inline-block; + } + .workspace-icons .w-sdc-form .suggested-icons-container .suggested-icon-wrapper.selected { + border: 2px solid #009fdb; + border-radius: 35px; + display: inline-block; + line-height: 0px; + padding: 3px; + } + .workspace-icons .w-sdc-form .suggested-icons-container .suggested-icon { + display: inline-block; + } + .workspace-icons .w-sdc-form .suggested-icons-container .suggested-icon.disable { + opacity: 0.4; + } + .workspace-icons .w-sdc-form .icons-label { + float: left; + } + .workspace-icons .w-sdc-form .icons-text { + text-align: left; + line-height: 32px; + padding-left: 10px; + width: 100%; + border: 1px solid #cfcfcf; + border-bottom: none; + } + .workspace-information-artifact { + width: 93%; + display: inline-block; + } + .workspace-information-artifact .w-sdc-classic-btn { + float: right; + margin-bottom: 10px; + } + .workspace-information-artifact .table { + height: 490px; + margin-bottom: 0; + } + .workspace-information-artifact .table-container-flex { + margin-top: 27px; + } + .workspace-information-artifact .table-container-flex .item-opened { + word-wrap: break-word; + } + .workspace-information-artifact .table-container-flex .text { + overflow: hidden; + text-overflow: ellipsis; + display: inline-block; + white-space: nowrap; + } + .workspace-information-artifact .table-container-flex .flex-item:nth-child(1) { + -webkit-box-flex: 15; + -ms-flex-positive: 15; + flex-grow: 15; + cursor: pointer; + } + .workspace-information-artifact .table-container-flex .flex-item:nth-child(1) span.table-arrow { + margin-right: 7px; + } + .workspace-information-artifact .table-container-flex .flex-item:nth-child(2) { + -webkit-box-flex: 6; + -ms-flex-positive: 6; + flex-grow: 6; + } + .workspace-information-artifact .table-container-flex .flex-item:nth-child(3) { + -webkit-box-flex: 3; + -ms-flex-positive: 3; + flex-grow: 3; + } + .workspace-information-artifact .table-container-flex .flex-item:nth-child(4) { + -webkit-box-flex: 20; + -ms-flex-positive: 20; + flex-grow: 20; + } + .workspace-information-artifact .table-container-flex .flex-item:nth-child(5) { + -webkit-box-flex: 5; + -ms-flex-positive: 5; + flex-grow: 5; + padding-top: 10px; + } + .workspace-inputs { + width: 100%; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + } + .workspace-inputs .sdc-workspace-container .w-sdc-main-right-container .w-sdc-main-container-body-content { + padding: 25px 8% 25px 8%; + } + .workspace-inputs .w-sdc-main-container .w-sdc-main-right-container > div:first-child { + /* scroll fix */ + padding-bottom: 0px; + } + .workspace-inputs .text { + padding-left: 15px; + text-overflow: ellipsis; + overflow: hidden; + white-space: nowrap; + } + .workspace-inputs .title-text { + color: #5a5a5a; + font-family: omnes-medium, sans-serif; + font-size: 13px; + font-weight: bold; + text-overflow: ellipsis; + overflow: hidden; + } + .workspace-inputs .no-overflow { + text-overflow: ellipsis; + overflow: hidden; + white-space: nowrap; + } + .workspace-inputs .title-blue-text { + color: #009fdb; + font-family: omnes-medium, sans-serif; + font-size: 13px; + } + .workspace-inputs .title-blue-text.property-name-text { + padding-right: 13px; + border-right: 1px solid rgba(120, 136, 148, 0.26); + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + text-overflow: ellipsis; + overflow: hidden; + white-space: nowrap; + } + .workspace-inputs .instance-name-text { + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + } + .workspace-inputs ng-include { + width: 45%; + } + .workspace-inputs .w-sdc-inputs-search { + padding: 10px 20px 20px 0; + white-space: nowrap; + position: relative; + width: 60%; + height: 64px; + } + .workspace-inputs .w-sdc-inputs-search .inputs-search-icon { + top: 9px; + right: 11px; + } + .workspace-inputs .w-sdc-inputs-search .magnification-white { + background-image: url(/sdc1/scripts/images/sprite-global.8f8166754d12e1088a25.png); + display: inline-block; + background-position: -434px -128px; + width: 14px; + height: 14px; + cursor: pointer; + } + .workspace-inputs .w-sdc-inputs-search .search-icon-container { + width: 35px; + height: 30px; + background-color: #009fdb; + white-space: nowrap; + float: right; + position: relative; + bottom: 31px; + right: 1px; + border-radius: 0px 4px 4px 0px; + cursor: pointer; + } + .workspace-inputs .total-inputs-count { + width: 100%; + font-weight: bold; + text-align: left; + } + .workspace-inputs .new-input-button { + margin: 9px 0 0 0; + } + .workspace-inputs .w-sdc-inputs-search-input { + border: 1px solid #cdcdcd; + border-radius: 4px; + height: 32px; + margin: 0; + padding: 0px 28px 3px 10px; + vertical-align: 4px; + width: 100%; + outline: none; + font-style: italic; + } + .workspace-inputs .w-sdc-classic-btn { + float: right; + margin-bottom: 10px; + } + .workspace-inputs .prop-to-input-button { + position: absolute; + top: 50%; + margin-right: -20px; + margin-bottom: -10px; + } + .workspace-inputs .table-container-flex .flex-item { + line-height: 22px; + } + .workspace-inputs .table-container-flex .expand-collapse-table-row .data-row { + background: #eaeaea; + cursor: pointer; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + padding: 0 12px; + margin: 1px 0px 1px 0px; + min-height: 40px; + } + .workspace-inputs .table-container-flex .expand-collapse-table-row .data-row:hover { + background-color: #D3DBE0; + } + .workspace-inputs .table { + height: 640px; + margin-bottom: 0; + clear: both; + } + .workspace-inputs .table .empty-row { + padding: 3px; + } + .workspace-inputs .table .flex-item { + line-height: 22px; + } + .workspace-inputs .table .table-header { + line-height: 14px; + background-color: #009fdb; + color: #ffffff; + text-align: left; + padding: 7px 5px 7px 10px; + font-family: omnes-medium, sans-serif; + font-size: 14px; + } + .workspace-inputs .table .head { + background-color: #e6e6e6; + } + .workspace-inputs .table .body .scrollbar-container { + position: relative; + overflow: hidden; + max-height: 610px; + } + .workspace-inputs .table .body .expand-collapse-inputs-table-icon { + cursor: pointer; + background-image: url(/sdc1/scripts/images/sprite-global.8f8166754d12e1088a25.png); + display: inline-block; + background-position: -350px -236px; + width: 12px; + height: 7px; + transition: .3s all; + position: relative; + left: 8px; + border: none !important; + padding: 0px 10px 0px 10px; + } + .workspace-inputs .table .body .table-col-text { + margin-left: 14px; + } + .workspace-inputs .inputs-header { + width: 100%; + position: relative; + bottom: 31px; + } + .workspace-inputs .inputs-tables-container { + width: 100%; + min-width: 100%; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + } + .workspace-inputs .inputs-button-container { + width: 8%; + min-width: 8%; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + } + .workspace-inputs .inputs-button-container .right-arrow-btn { + background-image: url(/sdc1/scripts/images/sprite-global.8f8166754d12e1088a25.png); + display: inline-block; + background-position: -650px -619px; + width: 29px; + height: 29px; + margin: auto; + cursor: pointer; + } + .workspace-inputs .table-container-flex { + margin-top: 27px; + width: 46%; + min-width: 46%; + display: inline-block; + float: left; + } + .workspace-inputs .property-row .input-check-box { + text-align: center; + } + .workspace-inputs .service-inputs-view .table-container-flex { + width: 100% !important; + } + .workspace-inputs .service-inputs-view .table-loader { + position: relative; + top: 215px; + } + .workspace-inputs .infinite-scroll { + overflow-y: scroll; + overflow-x: hidden; + max-height: 400px; + } + .workspace-inputs .class_with_css_props_leading_to_a_scroll { + height: 100%; + overflow-y: auto; + } + .workspace-inputs .table-container-flex .expand-collapse-table-row .service-input-row { + padding-left: 15px; + border: none; + border-bottom: rgba(120, 136, 148, 0.26) solid 1px; + } + .workspace-inputs .table-container-flex .expand-collapse-table-row .service-input-row.service-input-row { + background: #eaeaea; + } + .workspace-inputs .table-container-flex .expand-collapse-table-row .service-input-row.service-input-row.new-input { + background: #e6f6fb; + } + .workspace-hierarchy { + display: inline-block; + width: 93%; + } + .workspace-hierarchy .scrollbar-container { + max-height: 400px; + position: relative; + overflow: hidden; + } + .workspace-hierarchy .dropdown-container { + position: relative; + display: inline-block; + width: 100%; + } + .workspace-hierarchy .dropdown-container:after { + top: 47%; + right: 1%; + border: solid transparent; + content: " "; + height: 0; + width: 0; + position: absolute; + pointer-events: none; + border-color: rgba(0, 0, 0, 0); + border-top-color: black; + border-width: 4px; + margin-left: -4px; + } + .workspace-hierarchy .dropdown-container .dropdown-input-text { + width: 100%; + padding: 4px 10px; + } + .workspace-hierarchy .dropdown-container .dropdown-content { + position: relative; + border: 1px solid #d8d8d8; + display: none; + position: absolute; + overflow: hidden; + width: 100%; + background-color: #ffffff; + max-height: 400px; + z-index: 999999; + } + .workspace-hierarchy .dropdown-container .dropdown-content .dropdown-option { + border-bottom: 1px solid #d8d8d8; + display: inline-block; + width: 100%; + } + .workspace-hierarchy .dropdown-container .dropdown-content .category-container { + width: 250px; + float: left; + padding-left: 5px; + } + .workspace-hierarchy .dropdown-container .dropdown-content .category-container .category { + font-weight: bold; + padding: 3px 3px 2px 3px; + } + .workspace-hierarchy .dropdown-container .dropdown-content .category-container .category:after { + background-image: url(/sdc1/scripts/images/sprite-global-old.36e32171fc7d958da86b.png); + display: inline-block; + background-position: -262px -4041px; + width: 11px; + height: 10px; + content: ''; + margin-left: 5px; + -webkit-transform: rotate(180deg); + transform: rotate(180deg); + } + .workspace-hierarchy .dropdown-container .dropdown-content .category-container .subcategory { + padding-left: 3px; + } + .workspace-hierarchy .dropdown-container .dropdown-content .groupings-container { + display: inline-block; + width: 424px; + border-left: 1px solid #d8d8d8; + min-height: 55px; + } + .workspace-hierarchy .dropdown-container .dropdown-content .groupings-container .group { + padding: 3px 3px 3px 10px; + } + .workspace-hierarchy .dropdown-container .dropdown-content .groupings-container .group:hover { + cursor: pointer; + background-color: #ECEFF3; + } + .workspace-hierarchy .dropdown-container .dropdown-content .groupings-container .group.disabled-group { + opacity: 0.5; + } + .workspace-hierarchy .dropdown-container .dropdown-content .groupings-container .group.disabled-group:hover { + cursor: auto; + background-color: #ffffff; + } + .workspace-hierarchy .dropdown-container .dropdown-content .seperator { + height: 1px; + width: 100%; + background-color: #D3DBE0; + margin: 5px 0px; + } + .workspace-hierarchy .dropdown-container .show { + display: block; + } + .workspace-hierarchy .hierarchy-groups-container { + color: #666666; + font-family: omnes-regular, sans-serif; + font-size: 13px; + width: 100%; + border: 1px solid #d8d8d8; + height: 425px; + padding: 15px; + text-align: center; + } + .workspace-hierarchy .hierarchy-groups-container .scrollbar-container { + z-index: 0; + } + .workspace-hierarchy .hierarchy-groups-container .no-group-text { + text-align: center; + margin-top: 25px; + } + .workspace-hierarchy .hierarchy-groups-container .no-group-text a { + cursor: pointer; + } + .workspace-hierarchy .hierarchy-groups-container .group-tag { + display: inline-block; + float: left; + } + .workspace-properties { + width: 93%; + display: inline-block; + } + .workspace-properties #left-top-bar { + float: left; + width: 155px; + } + .workspace-properties #left-top-bar ::-webkit-input-placeholder { + font-style: italic; + } + .workspace-properties #left-top-bar :-moz-placeholder { + font-style: italic; + } + .workspace-properties #left-top-bar ::-moz-placeholder { + font-style: italic; + } + .workspace-properties #left-top-bar :-ms-input-placeholder { + font-style: italic; + } + .workspace-properties #left-top-bar #properties-count { + font-weight: bold; + float: left; + } + .workspace-properties #left-top-bar #search-by-name { + border-radius: 2px; + width: 245px; + height: 32px; + line-height: 32px; + border: 1px solid #d2d2d2; + text-indent: 10px; + } + .workspace-properties #left-top-bar .search-button { + cursor: pointer; + float: right; + position: relative; + top: -22px; + right: -80px; + } + .workspace-properties .add-btn { + margin: 36px 0 0 0; + } + .workspace-properties .delete-col-header { + background-image: url(/sdc1/scripts/images/sprite-global-old.36e32171fc7d958da86b.png); + display: inline-block; + background-position: -64px -2771px; + width: 11px; + height: 13px; + } + .workspace-properties .w-sdc-classic-btn { + float: right; + margin-bottom: 10px; + } + .workspace-properties .table { + height: 490px; + margin-bottom: 0; + } + .workspace-properties .data-row .table-delete-btn { + display: none !important; + } + .workspace-properties .data-row:hover .table-delete-btn { + display: inline-block !important; + } + .workspace-properties .table-container-flex { + margin-top: 27px; + } + .workspace-properties .table-container-flex .text { + overflow: hidden; + text-overflow: ellipsis; + display: inline-block; + white-space: nowrap; + } + .workspace-properties .table-container-flex .flex-item:nth-child(1) { + -webkit-box-flex: 15; + -ms-flex-positive: 15; + flex-grow: 15; + } + .workspace-properties .table-container-flex .flex-item:nth-child(1) a { + cursor: pointer; + } + .workspace-properties .table-container-flex .flex-item:nth-child(2) { + -webkit-box-flex: 6; + -ms-flex-positive: 6; + flex-grow: 6; + } + .workspace-properties .table-container-flex .flex-item:nth-child(3) { + -webkit-box-flex: 6; + -ms-flex-positive: 6; + flex-grow: 6; + } + .workspace-properties .table-container-flex .flex-item:nth-child(4) { + -webkit-box-flex: 20; + -ms-flex-positive: 20; + flex-grow: 20; + } + .workspace-properties .table-container-flex .flex-item:nth-child(5) { + -webkit-box-flex: 3; + -ms-flex-positive: 3; + flex-grow: 3; + padding-top: 10px; + } + .workspace-req-and-cap { + width: 93%; + display: inline-block; + } + .workspace-req-and-cap .tabs { + float: left; + position: relative; + top: 6px; + } + .workspace-req-and-cap .tabs button { + float: left; + width: 233px; + height: 38px; + background-color: #f8f8f8; + border: 1px solid #d2d2d2; + color: black; + } + .workspace-req-and-cap .tabs button:nth-child(1) { + border-radius: 10px 0 0 0; + } + .workspace-req-and-cap .tabs button:nth-child(2) { + border-radius: 0 10px 0 0; + } + .workspace-req-and-cap .tabs button.selected { + background-color: #009fdb; + border: 1px solid #009fdb; + color: white; + } + .workspace-req-and-cap .search { + margin-bottom: 12px; + float: right; + } + .workspace-req-and-cap .search ::-webkit-input-placeholder { + font-style: italic; + } + .workspace-req-and-cap .search :-moz-placeholder { + font-style: italic; + } + .workspace-req-and-cap .search ::-moz-placeholder { + font-style: italic; + } + .workspace-req-and-cap .search :-ms-input-placeholder { + font-style: italic; + } + .workspace-req-and-cap .search #search-box { + border-radius: 2px 0 0 2px; + width: 213px; + height: 32px; + line-height: 32px; + border: 1px solid #d2d2d2; + text-indent: 10px; + float: left; + } + .workspace-req-and-cap .search .search-icon-container { + background-color: #009fdb; + height: 32px; + width: 32px; + border-radius: 0 2px 2px 0; + float: left; + } + .workspace-req-and-cap .search .search-icon-container .search-icon { + position: relative; + top: 9px; + } + .workspace-req-and-cap .expand-collapse-buttons { + float: right; + width: 44px; + margin-left: 11px; + margin-top: 10px; + } + .workspace-req-and-cap .expand-collapse-buttons span { + vertical-align: bottom; + cursor: pointer; + } + .workspace-req-and-cap .table { + height: 490px; + margin-bottom: 0; + } + .workspace-req-and-cap .arrow-up-small.opened { + background-position: -300px -237px; + width: 12px; + height: 6px; + } + .workspace-req-and-cap .item-opened { + background-color: #f8f8f8; + } + .workspace-req-and-cap .properties-title { + margin: 0; + font-weight: bold; + } + .workspace-req-and-cap .table-container-flex { + margin-top: 10px; + } + .workspace-req-and-cap .table-container-flex .text { + overflow: hidden; + text-overflow: ellipsis; + display: inline-block; + white-space: nowrap; + } + .workspace-req-and-cap .table-container-flex.requirements-table { + border-top: 4px solid #009fdb; + } + .workspace-req-and-cap .table-container-flex.requirements-table .flex-item:nth-child(1) { + -webkit-box-flex: 20; + -ms-flex-positive: 20; + flex-grow: 20; + } + .workspace-req-and-cap .table-container-flex.requirements-table .flex-item:nth-child(2) { + -webkit-box-flex: 20; + -ms-flex-positive: 20; + flex-grow: 20; + } + .workspace-req-and-cap .table-container-flex.requirements-table .flex-item:nth-child(3) { + -webkit-box-flex: 20; + -ms-flex-positive: 20; + flex-grow: 20; + } + .workspace-req-and-cap .table-container-flex.requirements-table .flex-item:nth-child(4) { + -webkit-box-flex: 20; + -ms-flex-positive: 20; + flex-grow: 20; + } + .workspace-req-and-cap .table-container-flex.requirements-table .flex-item:nth-child(5) { + -webkit-box-flex: 20; + -ms-flex-positive: 20; + flex-grow: 20; + } + .workspace-req-and-cap .table-container-flex.requirements-table .flex-item:nth-child(6) { + -webkit-box-flex: 20; + -ms-flex-positive: 20; + flex-grow: 20; + } + .workspace-req-and-cap .table-container-flex.capabilities-table { + border-top: 4px solid #009fdb; + } + .workspace-req-and-cap .table-container-flex.capabilities-table .selected .flex-item:nth-child(1) { + border-left: 4px solid #009fdb; + padding-right: 11px; + } + .workspace-req-and-cap .table-container-flex.capabilities-table .flex-item:nth-child(1) { + -webkit-box-flex: 10; + -ms-flex-positive: 10; + flex-grow: 10; + } + .workspace-req-and-cap .table-container-flex.capabilities-table .flex-item:nth-child(2) { + -webkit-box-flex: 10; + -ms-flex-positive: 10; + flex-grow: 10; + } + .workspace-req-and-cap .table-container-flex.capabilities-table .flex-item:nth-child(3) { + -webkit-box-flex: 10; + -ms-flex-positive: 10; + flex-grow: 10; + } + .workspace-req-and-cap .table-container-flex.capabilities-table .flex-item:nth-child(4) { + -webkit-box-flex: 10; + -ms-flex-positive: 10; + flex-grow: 10; + } + .workspace-req-and-cap .table-container-flex.capabilities-table .flex-item:nth-child(5) { + -webkit-box-flex: 10; + -ms-flex-positive: 10; + flex-grow: 10; + } + .workspace-req-and-cap .table-container-flex.properties-table .table { + height: auto; + } + .workspace-req-and-cap .table-container-flex.properties-table .flex-item:nth-child(1) { + -webkit-box-flex: 15; + -ms-flex-positive: 15; + flex-grow: 15; + } + .workspace-req-and-cap .table-container-flex.properties-table .flex-item:nth-child(1) a { + cursor: pointer; + } + .workspace-req-and-cap .table-container-flex.properties-table .flex-item:nth-child(2) { + -webkit-box-flex: 6; + -ms-flex-positive: 6; + flex-grow: 6; + } + .workspace-req-and-cap .table-container-flex.properties-table .flex-item:nth-child(3) { + -webkit-box-flex: 6; + -ms-flex-positive: 6; + flex-grow: 6; + } + .workspace-req-and-cap .table-container-flex.properties-table .flex-item:nth-child(4) { + -webkit-box-flex: 20; + -ms-flex-positive: 20; + flex-grow: 20; + } + .workspace-tosca-artifact { + width: 93%; + display: inline-block; + } + .workspace-tosca-artifact .w-sdc-classic-btn { + float: right; + margin-bottom: 10px; + } + .workspace-tosca-artifact .details-title { + font-weight: bold; + margin-right: 5px; + } + .workspace-tosca-artifact .table { + height: 490px; + margin-bottom: 0; + } + .workspace-tosca-artifact .table-container-flex { + margin-top: 27px; + } + .workspace-tosca-artifact .table-container-flex .item-opened { + word-wrap: break-word; + } + .workspace-tosca-artifact .table-container-flex .flex-item:nth-child(1) { + -webkit-box-flex: 15; + -ms-flex-positive: 15; + flex-grow: 15; + cursor: pointer; + } + .workspace-tosca-artifact .table-container-flex .flex-item:nth-child(1) span.table-arrow { + margin-right: 7px; + } + .workspace-tosca-artifact .table-container-flex .flex-item:nth-child(2) { + -webkit-box-flex: 6; + -ms-flex-positive: 6; + flex-grow: 6; + } + .workspace-tosca-artifact .table-container-flex .flex-item:nth-child(3) { + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + } + .workspace-tosca-artifact .table-container-flex .flex-item:nth-child(4) { + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + } + .workspace-tosca-artifact .table-container-flex .table-download-btn.tosca { + margin-left: 0; + margin-top: 8px; + } + .workspace-tosca-artifact .table-container-flex .download-icon-container { + position: relative; + } + .workspace-tosca-artifact .table-container-flex .download-icon-container .loader { + left: 60%; + top: 45px; + border: none; + background-color: transparent; + height: 0px; + width: 63px; + outline: none; + } + .sdc-workspace-container { + background-color: #8c8c8c; + } + .sdc-workspace-container .add-btn { + color: #009fdb; + font-family: omnes-medium, sans-serif; + font-size: 12px; + cursor: pointer; + float: right; + margin-bottom: 15px; + } + .sdc-workspace-container .add-btn:before { + background-image: url(/sdc1/scripts/images/sprite-global.8f8166754d12e1088a25.png); + display: inline-block; + background-position: -50px -231px; + width: 12px; + height: 12px; + margin-right: 5px; + content: ""; + } + .sdc-workspace-container .add-btn:hover { + color: #056bae; + } + .sdc-workspace-container .add-btn:hover:before { + background-image: url(/sdc1/scripts/images/sprite-global.8f8166754d12e1088a25.png); + display: inline-block; + background-position: -100px -231px; + width: 12px; + height: 12px; + } + .sdc-workspace-container .w-sdc-left-sidebar { + padding: 3px 3px 0px 0px; + background-color: #ffffff; + box-shadow: 7px -3px 6px -8px #959595; + z-index: 2; + } + .sdc-workspace-container .sdc-asset-creation-info { + color: #959595; + font-family: omnes-regular, sans-serif; + font-size: 12px; + float: right; + margin: 8px 20px 0 0; + } + .sdc-workspace-container .w-sdc-main-right-container { + padding: 0px 0px 0px 0px; + background-color: #ffffff; + z-index: 1; + } + .sdc-workspace-container .w-sdc-main-right-container .sdc-workspace-top-bar { + height: 53px; + padding: 12px 10px 0px 50px; + border-bottom: 1px solid #d2d2d2; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + } + .sdc-workspace-container .w-sdc-main-right-container .sdc-workspace-top-bar .progress-container { + -webkit-box-flex: 4; + -ms-flex-positive: 4; + flex-grow: 4; + z-index: 10000000; + } + .sdc-workspace-container .w-sdc-main-right-container .sdc-workspace-top-bar .progress-container .general-view-top-progress { + width: 30%; + margin: 0 auto; + min-width: 200px; + } + .sdc-workspace-container .w-sdc-main-right-container .sdc-workspace-top-bar .not-latest { + position: absolute; + left: 24px; + top: 20px; + background-image: url(/sdc1/scripts/images/sprite-global.8f8166754d12e1088a25.png); + display: inline-block; + background-position: -100px -748px; + width: 17px; + height: 15px; + } + .sdc-workspace-container .w-sdc-main-right-container .sdc-workspace-top-bar .sdc-workspace-top-bar-buttons > button, + .sdc-workspace-container .w-sdc-main-right-container .sdc-workspace-top-bar .sdc-workspace-top-bar-buttons > span:not(.delimiter) { + margin-right: 10px; + vertical-align: middle; + cursor: pointer; + } + .sdc-workspace-container .w-sdc-main-right-container .sdc-workspace-top-bar .sdc-workspace-top-bar-buttons > button.sprite-new, + .sdc-workspace-container .w-sdc-main-right-container .sdc-workspace-top-bar .sdc-workspace-top-bar-buttons > span:not(.delimiter).sprite-new { + text-indent: 100%; + } + .sdc-workspace-container .w-sdc-main-right-container .sdc-workspace-top-bar .sdc-workspace-top-bar-buttons > button.disabled, + .sdc-workspace-container .w-sdc-main-right-container .sdc-workspace-top-bar .sdc-workspace-top-bar-buttons > span:not(.delimiter).disabled, + .sdc-workspace-container .w-sdc-main-right-container .sdc-workspace-top-bar .sdc-workspace-top-bar-buttons > button:hover.disabled, + .sdc-workspace-container .w-sdc-main-right-container .sdc-workspace-top-bar .sdc-workspace-top-bar-buttons > span:not(.delimiter):hover.disabled { + pointer-events: none; + } + .sdc-workspace-container .w-sdc-main-right-container .sdc-workspace-top-bar .sdc-workspace-top-bar-buttons .delimiter { + height: 32px; + width: 1px; + background-color: #959595; + display: inline-block; + vertical-align: middle; + margin-right: 20px; + } + .sdc-workspace-container .w-sdc-main-right-container .sdc-workspace-top-bar .lifecycle-state { + padding: 7px 0 0 10px; + margin: 2px 0 7px 10px; + border-left: 1px solid #d2d2d2; + line-height: 15px; + font-family: omnes-medium, sans-serif; + color: #5a5a5a; + } + .sdc-workspace-container .w-sdc-main-right-container .sdc-workspace-top-bar .lifecycle-state .lifecycle-state-icon { + background-image: url(/sdc1/scripts/images/sprite-global.8f8166754d12e1088a25.png); + display: inline-block; + } + .sdc-workspace-container .w-sdc-main-right-container .sdc-workspace-top-bar .lifecycle-state .lifecycle-state-text { + font-weight: bold; + text-transform: uppercase; + vertical-align: top; + padding: 3px; + } + .sdc-workspace-container .w-sdc-main-right-container .sdc-workspace-top-bar .version-selector { + background-color: transparent; + border: none; + margin-top: 6px; + } + .sdc-workspace-container .w-sdc-main-right-container .w-sdc-main-container-body-content { + height: calc(100% - 53px); + text-align: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + padding: 40px 14% 20px 14%; + } + .sdc-workspace-container .w-sdc-main-right-container .w-sdc-main-container-body-content.third-party { + text-align: left; + padding: 0; + position: absolute; + top: 53px; + left: 0; + right: 0; + bottom: 0; + } + .properties-assignment .sdc-workspace-container .w-sdc-main-right-container .w-sdc-main-container-body-content { + padding: 80px 2% 40px 2%; + } + @charset "UTF-8"; + /* Colors */ + .sdc-bc-blue { + background-color: #009fdb; } + + .sdc-bc-dark-blue { + background-color: #0568ae; } + + .sdc-bc-light-blue { + background-color: #71c5e8; } + + .sdc-bc-green { + background-color: #4ca90c; } + + .sdc-bc-dark-green { + background-color: #007a3e; } + + .sdc-bc-light-green { + background-color: #b5bd00; } + + .sdc-bc-orange { + background-color: #ea7400; } + + .sdc-bc-yellow { + background-color: #ffb81c; } + + .sdc-bc-dark-purple { + background-color: #702f8a; } + + .sdc-bc-purple { + background-color: #9063cd; } + + .sdc-bc-light-purple { + background-color: #caa2dd; } + + .sdc-bc-black { + background-color: #000000; } + + .sdc-bc-dark-gray { + background-color: #5a5a5a; } + + .sdc-bc-gray { + background-color: #959595; } + + .sdc-bc-light-gray { + background-color: #d2d2d2; } + + .sdc-bc-white { + background-color: #ffffff; } + + /* Prefix */ + /* Value Prefix*/ + /* Box sizing */ + /* Borders & Shadows */ + /* Opacity */ + /* Ellipsis */ + /* Vertical placement of multuple lines of text */ + /* transform-rotate */ + /* transform-translate */ + /* transform-scale */ + /**/ + /**/ + /*body {*/ + /*-webkit-touch-callout: none;*/ + /*-webkit-user-select: none;*/ + /*-moz-user-select: none;*/ + /*-ms-user-select: none;*/ + /*user-select: none; }*/ + + html { + font-size: 100%; + height: 100%; } + + body { + /* scrollbar styling for Internet Explorer */ + scrollbar-face-color: #191919; + scrollbar-track-color: #191919; + height: 100%; } + + /* scrollbar styling for Google Chrome | Safari | Opera */ + ::-webkit-scrollbar { + width: 8px; + height: 8px; } + + ::-webkit-scrollbar-track { + background-color: transparent; + border-radius: 10px; } + + ::-webkit-scrollbar-thumb { + border-radius: 10px; + background-color: #d2d2d2; + border-right: 2px solid #ffffff; } + + /* Mozilla Firefox currently doesn't support scrollbar styling */ + ul { + list-style: none; } + + h1, h2, h3, h4, h5, h6, ul { + margin: 0; + padding: 0; } + + .disabled { + opacity: 0.7 !important; } + + fieldset { + border: none; } + + fieldset label { + display: inline-block; } + + .nav-tabs > li > a:focus, + .btn:focus, + .btn:active:focus, + .btn.active:focus { + outline: none; } + + /* Fonts */ + .text-lowercase { + text-transform: lowercase; } + + .text-uppercase, .heading-3-light, .heading-3, .heading-3-medium { + text-transform: uppercase; } + + .text-capitalize { + text-transform: capitalize; } + + .heading-1 { + font-weight: 300; + font-size: 36px; } + + .heading-2 { + font-weight: 300; + font-size: 24px; } + + .heading-3-light { + font-weight: 300; + font-size: 20px; } + + .heading-3 { + font-weight: 400; + font-size: 20px; } + + .heading-3-medium { + font-weight: 600; + font-size: 20px; } + + .heading-4 { + font-weight: 400; + font-size: 18px; } + + .heading-4-medium { + font-weight: 600; + font-size: 18px; } + + .heading-5 { + font-weight: 400; + font-size: 16px; } + + .heading-5-medium, .catalog-tile .catalog-tile-top .catalog-tile-item-name, .sdc-tile-catalog .sdc-tile-content .sdc-tile-content-info .sdc-tile-content-info-item-name { + font-weight: 400; + line-height: 16px; + font-size: 16px; } + + .body-1 { + font-weight: 400; + font-size: 14px; } + + .body-1-medium { + font-weight: 600; + font-size: 14px; } + + .body-1-light { + font-weight: 300; + font-size: 14px; } + + .body-2, .catalog-tile .catalog-tile-top .catalog-tile-entity-details .catalog-tile-version-info .catalog-tile-item-version, .catalog-tile .catalog-tile-content .catalog-tile-locking-user-name, .sdc-tile-catalog .sdc-tile-content .sdc-tile-content-info .sdc-tile-content-info-version-info .sdc-tile-content-info-version-info-text, .sdc-tile-catalog .sdc-tile-footer .sdc-tile-footer-text { + font-weight: 400; + font-size: 13px; } + + .body-2-medium, .catalog-tile .catalog-tile-content { + font-weight: 600; + font-size: 13px; } + + .body-3 { + font-weight: 400; + font-size: 12px; } + + .body-3-medium, .catalog-tile .catalog-tile-top .catalog-tile-entity-details .catalog-tile-vendor-name, .catalog-tile.vendor-type .catalog-tile-top .catalog-tile-vsp-count, .sdc-tile-catalog .sdc-tile-content .sdc-tile-content-info .sdc-tile-content-info-vendor-name { + font-weight: 600; + font-size: 12px; } + + .body-3-light { + font-weight: 300; + font-size: 12px; } + + .circle-icon-text { + font-weight: 600; + font-size: 14px; } + + .sdc-icon { + display: inline-block; + text-rendering: auto; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + width: 16px; + height: 16px; } + + .sdc-icon-locked { + background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='11' height='15' viewBox='0 0 11 15' id='locked_icon'> <metadata><?xpacket begin='' id='W5M0MpCehiHzreSzNTczkc9d'?><x:xmpmeta xmlns:x='adobe:ns:meta/' x:xmptk='Adobe XMP Core 5.6-c138 79.159824, 2016/09/14-01:09:01 '> <rdf:RDF xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns#'> <rdf:Description rdf:about=''/> </rdf:RDF></x:xmpmeta><?xpacket end='w'?></metadata><defs> <style> .cls-1 { fill: #959595; fill-rule: evenodd; } </style> </defs> <path id='Shape_77_copy_10' data-name='Shape 77 copy 10' class='cls-1' d='M445,359a16.71,16.71,0,0,0-2.1-.009c-1.945.045-3.195,0.049-3.9,0.009v-5a1.743,1.743,0,0,1,2-2h1a1.743,1.743,0,0,1,2,2v5c0.474,0.063.343-.073,1,0,0.266,0.029,0,.279,0,0v-5a2.726,2.726,0,0,0-3-3h-1.142c-1.72-.125-2.715,1.562-2.858,3,0.088,0.009,0,7.338,0,5h0a1.891,1.891,0,0,0-2,1.689v3.461A1.823,1.823,0,0,0,437.775,366h7.448A1.823,1.823,0,0,0,447,364.15v-3.461A2.018,2.018,0,0,0,445,359Z' transform='translate(-436 -351)'/></svg>"); + background-repeat: no-repeat; } + + .sdc-icon-plus { + background-image: url("data:image/svg+xml;utf8,<?xml version='1.0' encoding='utf-8'?><!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --><svg version='1.1' id='plus_icon' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 19 19' style='enable-background:new 0 0 19 19;' xml:space='preserve'><g><rect y='8' width='19' height='3'/><path id='Rectangle_2139_copy' d='M8,19V0h3v19H8z'/></g></svg>"); + background-repeat: no-repeat; } + + .sdc-icon-unlocked { + background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='11' height='18' viewBox='0 0 11 18' id='unlocked_icon'> <metadata><?xpacket begin='' id='W5M0MpCehiHzreSzNTczkc9d'?><x:xmpmeta xmlns:x='adobe:ns:meta/' x:xmptk='Adobe XMP Core 5.6-c138 79.159824, 2016/09/14-01:09:01 '> <rdf:RDF xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns#'> <rdf:Description rdf:about=''/> </rdf:RDF></x:xmpmeta><?xpacket end='w'?></metadata><defs> <style> .cls-1 { fill: #959595; fill-rule: evenodd; } </style> </defs> <path id='Shape_77_copy_16' data-name='Shape 77 copy 16' class='cls-1' d='M663,358a16.723,16.723,0,0,0-2.1-.009c-1.944.045-3.194,0.049-3.9,0.009v-7a1.743,1.743,0,0,1,2-2h1a1.743,1.743,0,0,1,2,2v2c0.474,0.064.343-.073,1,0,0.266,0.029,0,.279,0,0v-2a2.726,2.726,0,0,0-3-3h-1.142c-1.72-.125-2.715,1.562-2.858,3,0.088,0.009,0,9.338,0,7h0a1.891,1.891,0,0,0-2,1.689v4.461a1.823,1.823,0,0,0,1.775,1.85h7.448A1.823,1.823,0,0,0,665,364.15v-4.461A2.018,2.018,0,0,0,663,358Zm1.05,6.15a0.827,0.827,0,0,1-.8.836H655.8a0.827,0.827,0,0,1-.8-0.836l0-4.15a1.164,1.164,0,0,1,.8-1.147h7.448A1.129,1.129,0,0,1,664,360Z' transform='translate(-654 -348)'/></svg>"); + background-repeat: no-repeat; } + + .sdc-icon-vendor { + background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 53 47' id='vendor_icon'><title>vendor</title><g id='Layer_2' data-name='Layer 2'><g id='vlm_icon' data-name='vlm icon'><path d='M49,7,38.5,7V5.92A5.92,5.92,0,0,0,32.58,0H20.42A5.92,5.92,0,0,0,14.5,5.92V7.15L4,7.2a3.8,3.8,0,0,0-4,3.5V43.5C0,45.4,2,47,4.2,47L49,46.8a3.8,3.8,0,0,0,4-3.5V10.5A3.8,3.8,0,0,0,49,7ZM16.5,5.92A3.92,3.92,0,0,1,20.42,2H32.58A3.92,3.92,0,0,1,36.5,5.92V7.06l-20,.09ZM2,10.8A1.9,1.9,0,0,1,4,9l45-.2a1.9,1.9,0,0,1,2,1.8v8.87L32.94,24.18a6.49,6.49,0,0,0-12.89,0L2,19.51V10.8ZM31,25a4.5,4.5,0,1,1-4.5-4.5A4.5,4.5,0,0,1,31,25ZM49,45,4,45.2A1.9,1.9,0,0,1,2,43.4V21.57l18.13,4.73a6.5,6.5,0,0,0,12.74,0L51,21.53V43.21A1.9,1.9,0,0,1,49,45Z'/></g></g></svg>"); + background-repeat: no-repeat; } + + .sdc-icon-vlm { + background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 45 53'><title>vlm_new_icon</title><g id='Layer_2' data-name='Layer 2'><g id='vlm_icon' data-name='vlm icon'><path d='M41,2a2,2,0,0,1,2,2l.19,45a2,2,0,0,1-2,2H4a2,2,0,0,1-2-2L1.81,4a2,2,0,0,1,2-2H41m-.15-2H4A4.2,4.2,0,0,0,0,4.24L.19,49a4,4,0,0,0,4,4H41a4,4,0,0,0,4-4L44.81,4a4,4,0,0,0-4-4Z'/><rect x='14' y='11' width='17' height='2'/><rect x='14' y='18' width='10' height='2'/><polygon points='20.56 38.85 13.87 33.14 15.16 31.62 20.39 36.08 29.08 26.63 30.55 27.98 20.56 38.85'/></g></g></svg>"); + background-repeat: no-repeat; } + + .sdc-icon-vsp { + background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 59.5 40' id='vsp_icon'><title>vsp_new_icon</title><g id='Layer_2' data-name='Layer 2'><g id='vlm_icon' data-name='vlm icon'><path d='M58.28,30.74c-1.49-1.82-3-2.7-4.67-2.74a8.5,8.5,0,0,0-16.22-2.44,6.93,6.93,0,0,0-4.06.66A7.23,7.23,0,0,0,36.42,40H53.5a6,6,0,0,0,6-6A5.18,5.18,0,0,0,58.28,30.74ZM53.5,38H36.42a5.25,5.25,0,0,1-5.21-5.91,5.32,5.32,0,0,1,3-4.06,5,5,0,0,1,2.21-.53,5.25,5.25,0,0,1,1.35.18l.92.24L39,27A6.5,6.5,0,0,1,51.67,29v1.3l1.17-.2c1-.17,2.17-.17,3.91,2a3.18,3.18,0,0,1,.76,2A4,4,0,0,1,53.5,38Z'/><path d='M49,0,4,.17A3.79,3.79,0,0,0,0,3.69V7.94H0v2H0V36.31C0,38.35,2,40,4.25,40l20.84-.08a1,1,0,0,0,0-1.92L4,38.08a1.89,1.89,0,0,1-2-1.76V10H51v7a1,1,0,0,0,2,0V3.53A3.79,3.79,0,0,0,49,0ZM2,8V3.76A1.89,1.89,0,0,1,4,2l45-.16a1.89,1.89,0,0,1,2,1.76V8Z'/></g></g></svg>"); + background-repeat: no-repeat; } + + .svg-icon.purple { + fill: #9063cd; } + + .svg-icon.purple-hover { + fill: #9063cd; } + .svg-icon.purple-hover:hover { + fill: #caa2dd; } + + .svg-icon.blue { + fill: #009fdb; } + + .svg-icon.blue-hover { + fill: #009fdb; } + .svg-icon.blue-hover:hover { + fill: #71c5e8; } + + .svg-icon.gray { + fill: #959595; } + + .svg-icon.gray-hover { + fill: #000000; } + .svg-icon.gray-hover:hover { + fill: #d2d2d2; } + + .svg-icon.black { + fill: #000000; } + + .svg-icon.black-hover { + fill: #000000; } + .svg-icon.black-hover:hover { + fill: #d2d2d2; } + + .sdc-tile, .sdc-tile-catalog { + box-sizing: border-box; + background-color: #ffffff; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + padding: 10px; + cursor: pointer; + border: 1px solid #eaeaea; + box-shadow: 0.5px 0.8px 4px 0 rgba(24, 24, 25, 0.05); } + .sdc-tile:active, .sdc-tile-catalog:active { + border: 1px solid #71c5e8; } + .sdc-tile:hover, .sdc-tile-catalog:hover { + box-shadow: 0.3px 5px 12.8px 1.3px rgba(24, 24, 25, 0.15); + border: 1px solid #d2d2d2; } + .sdc-tile .sdc-tile-header, .sdc-tile-catalog .sdc-tile-header { + position: relative; + -ms-flex-negative: 0; + flex-shrink: 0; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: start; + -ms-flex-align: start; + align-items: flex-start; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; } + .sdc-tile .sdc-tile-content, .sdc-tile-catalog .sdc-tile-content { + position: relative; + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: start; + -ms-flex-align: start; + align-items: flex-start; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + overflow: auto; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; } + .sdc-tile .sdc-tile-footer, .sdc-tile-catalog .sdc-tile-footer { + position: relative; + -ms-flex-negative: 0; + flex-shrink: 0; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: start; + -ms-flex-align: start; + align-items: flex-start; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; } + + .sdc-tile-catalog { + width: 204px; + height: 200px; } + .sdc-tile-catalog .sdc-tile-header { + line-height: 16px; } + .sdc-tile-catalog .sdc-tile-header .sdc-tile-header-type { + font-size: 16px; + text-transform: uppercase; } + .sdc-tile-catalog .sdc-tile-header .sdc-tile-header-type.purple { + color: #9063cd; } + .sdc-tile-catalog .sdc-tile-header .sdc-tile-header-type.blue { + color: #009fdb; } + .sdc-tile-catalog .sdc-tile-content .sdc-tile-content-icon { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + width: 100%; + padding-top: 25px; } + .sdc-tile-catalog .sdc-tile-content .sdc-tile-content-icon svg { + width: 60px; + height: 40px; } + .sdc-tile-catalog .sdc-tile-content .sdc-tile-content-info { + padding-bottom: 4px; + width: 180px; + overflow: hidden; + text-overflow: ellipsis; + width: auto; + white-space: nowrap; + display: inline-block; + max-width: 178px; } + .sdc-tile-catalog .sdc-tile-content .sdc-tile-content-info .sdc-tile-content-info-vendor-name { + color: #959595; + line-height: 12px; } + .sdc-tile-catalog .sdc-tile-content .sdc-tile-content-info .sdc-tile-content-info-item-name { + color: #191919; } + .sdc-tile-catalog .sdc-tile-content .sdc-tile-content-info .sdc-tile-content-info-version-info { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; } + .sdc-tile-catalog .sdc-tile-footer { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; + border-top: 1px solid #eaeaea; + padding: 0; + width: 180px; + height: 20px; } + .sdc-tile-catalog .sdc-tile-footer .sdc-tile-footer-text { + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1; + padding-top: 5px; + overflow: hidden; + text-overflow: ellipsis; + width: auto; + white-space: nowrap; + display: inline-block; + max-width: 164px; } + .sdc-tile-catalog .sdc-tile-footer .sdc-tile-footer-icon { + -ms-flex-negative: 1; + flex-shrink: 1; + overflow: hidden; + padding-top: 5px; } + .sdc-tile-catalog .sdc-tile-footer .sdc-tile-footer-icon svg { + width: 16px; + height: 20px; } +} |