/* For IE8 and CSS3 compatibility, using: Google Fonts (Open Sans) And https://www.fontsquirrel.com/fonts/open-sans */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300; src: url('../fonts/OpenSans-Light-webfont.eot'); src: url('../fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'), url(https://themes.googleusercontent.com/static/fonts/opensans/v8/DXI1ORHCpsQm3Vp6mXoaTXhCUOGz7vYGh680lGh-uXM.woff) format('woff'); } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: url('../fonts/OpenSans-Regular-webfont.eot'); src: url('../fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), url(https://themes.googleusercontent.com/static/fonts/opensans/v8/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff'); } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; src: url('../fonts/OpenSans-Semibold-webfont.eot'); src: url('../fonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'), url(https://themes.googleusercontent.com/static/fonts/opensans/v8/MTP_ySUJH_bn48VBG8sNSnhCUOGz7vYGh680lGh-uXM.woff) format('woff'); } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: url('../fonts/OpenSans-Bold-webfont.eot'); src: url('../fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'), url(https://themes.googleusercontent.com/static/fonts/opensans/v8/k3k702ZOKiLJc3WVjuplzHhCUOGz7vYGh680lGh-uXM.woff) format('woff'); } @font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 200; src: url('../fonts/SourceSansPro-ExtraLight.eot'); src: url('../fonts/SourceSansPro-ExtraLight.eot?#iefix') format('embedded-opentype'), url('https://themes.googleusercontent.com/static/fonts/sourcesanspro/v7/toadOcfmlt9b38dHJxOBGMa9awK0IKUjIWABZIchFI8.woff') format('woff'); } @font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 300; src: url('../fonts/SourceSansPro-Light.eot'); src: url('../fonts/SourceSansPro-Light.eot?#iefix') format('embedded-opentype'), url('https://themes.googleusercontent.com/static/fonts/sourcesanspro/v7/toadOcfmlt9b38dHJxOBGNbE_oMaV8t2eFeISPpzbdE.woff') format('woff'); } @font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 400; src: url('../fonts/SourceSansPro-Regular.eot'); src: url('../fonts/SourceSansPro-Regular.eot?#iefix') format('embedded-opentype'), url('https://themes.googleusercontent.com/static/fonts/sourcesanspro/v7/ODelI1aHBYDBqgeIAH2zlBM0YzuT7MdOe03otPbuUS0.woff') format('woff'); } @font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 600; src: url('../fonts/SourceSansPro-Semibold.eot'); src: url('../fonts/SourceSansPro-Semibold.eot?#iefix') format('embedded-opentype'), url('https://themes.googleusercontent.com/static/fonts/sourcesanspro/v7/toadOcfmlt9b38dHJxOBGJ6-ys_j0H4QL65VLqzI3wI.woff') format('woff'); } @font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 700; src: url('../fonts/SourceSansPro-Bold.eot'); src: url('../fonts/SourceSansPro-Bold.eot') format('embedded-opentype'), url('https://themes.googleusercontent.com/static/fonts/sourcesanspro/v7/toadOcfmlt9b38dHJxOBGFkQc6VGVFSmCnC_l7QZG60.woff') format('woff'); } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 100; src: url('../fonts/Roboto-Thin-webfont.eot'); src: url('../fonts/Roboto-Thin-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-Thin-webfont.woff') format('woff'); } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: url('../fonts/Roboto-Light-webfont.eot'); src: url('../fonts/Roboto-Light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-Light-webfont.woff') format('woff'); } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: url('../fonts/Roboto-Regular-webfont.eot'); src: url('../fonts/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-Regular-webfont.woff') format('woff'); } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; src: url('../fonts/Roboto-Medium-webfont.eot'); src: url('../fonts/Roboto-Medium-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-Medium-webfont.woff') format('woff'); } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: url('../fonts/Roboto-Bold-webfont.eot'); src: url('../fonts/Roboto-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-Bold-webfont.woff') format('woff'); } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 900; src: url('../fonts/Roboto-Black-webfont.eot'); src: url('../fonts/Roboto-Black-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-Black-webfont.woff') format('woff'); } /*! * Font Awesome 4.0.3 by @davegandy - https://fontawesome.io - @fontawesome * License - https://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */@font-face{font-family:'FontAwesome';src:url('https://netdna.bootstrapcdn.com/font-awesome/4.0.3/fonts/fontawesome-webfont.eot?v=4.0.3');src:url('https://netdna.bootstrapcdn.com/font-awesome/4.0.3/fonts/fontawesome-webfont.eot?#iefix&v=4.0.3') format('embedded-opentype'),url('https://netdna.bootstrapcdn.com/font-awesome/4.0.3/fonts/fontawesome-webfont.woff?v=4.0.3') format('woff'),url('https://netdna.bootstrapcdn.com/font-awesome/4.0.3/fonts/fontawesome-webfont.ttf?v=4.0.3') format('truetype'),url('https://netdna.bootstrapcdn.com/font-awesome/4.0.3/fonts/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:normal;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.3333333333333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.2857142857142858em;text-align:center}.fa-ul{padding-left:0;margin-left:2.142857142857143em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.142857142857143em;width:2.142857142857143em;top:.14285714285714285em;text-align:center}.fa-li.fa-lg{left:-1.8571428571428572em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:spin 2s infinite linear;-moz-animation:spin 2s infinite linear;-o-animation:spin 2s infinite linear;animation:spin 2s infinite linear}@-moz-keyframes spin{0%{-moz-transform:rotate(0deg)}100%{-moz-transform:rotate(359deg)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg)}}@-o-keyframes spin{0%{-o-transform:rotate(0deg)}100%{-o-transform:rotate(359deg)}}@-ms-keyframes spin{0%{-ms-transform:rotate(0deg)}100%{-ms-transform:rotate(359deg)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0,mirror=1);-webkit-transform:scale(-1,1);-moz-transform:scale(-1,1);-ms-transform:scale(-1,1);-o-transform:scale(-1,1);transform:scale(-1,1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2,mirror=1);-webkit-transform:scale(1,-1);-moz-transform:scale(1,-1);-ms-transform:scale(1,-1);-o-transform:scale(1,-1);transform:scale(1,-1)}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-asc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-desc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-reply-all:before{content:"\f122"}.fa-mail-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"} html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; font-family: 'Roboto'; font-weight: 300; line-height: 1.3em; vertical-align: baseline; } hr { color:#888; background-color:#888; border:none; height:1px; margin-bottom: 0; margin-top: 0; } .table { display: table; } .tableRow { display: table-row; } .tableCell { display: table-cell; } .displayNone { display: none !important; } .bold { font-weight: 700; } .semibold { font-weight: 600; } .medium { font-weight: 500; } .regular { font-weight: 400; } .light { font-weight: 300; } .thin { font-weight: 100; } .italic { font-style: italic; } .left { float: left; } .right { float: right; } .textLeft { text-align: left; } .textRight { text-align: right; } .clear { clear: both; } .center { text-align: center; } .middle { vertical-align: middle; } .absolute { position: absolute; } .relative { position: relative; } .inlineBlock { display: inline-block; } .top { vertical-align: top; } .nodecoration { text-decoration: none; } .nopadding { padding: 0 !important; } .cursorPointer { cursor: pointer; } .horizontalContainer { margin: 0 auto; max-width: 61em; position: relative; } .horizontalFullWidth { width: 100%; } .horizontalHalfWidth { width: 50%; } .horizontal22Width { width: 22.5%; } .horizontal45Width { width: 45%; } .horizontal55Width { width: 55%; } .paddingHorizontal { padding-left: 1.5em; padding-right: 1.5em; } .paddingVertical { padding-bottom: 1em; padding-top: 1em; } .paddingVertical2 { padding-bottom: 2em; padding-top: 2em; } .paddingVertical3 { padding-bottom: 3em; padding-top: 3em; } .paddingVerticalHalf { padding-bottom: 0.5em; padding-top: 0.5em; } .starGrey { color: #aaa; } /* Keep over starOrange, important! */ .starOrange { color: #ffaa00; } .globalCircleLetter { background-color: #aaa; border-radius: 2.25em; display: inline-block; color: #fff; font-size: 1em; font-weight: 400; height: 1.5em; line-height: 1.5em; text-align: center; vertical-align: middle; width: 1.5em; } .globalOrange { color: #ffaa00; } .globalRed { color: #d9413e; } .globalGrey { color: #444; } .globalBlue { color: #008bb3; } .globalGreen { color: #15b300; } .globalBorderRed { border-color: #b00 !important; } .globalBorderGreen { border-color: #b00; } .globalBackOrange { background-color: #ffaa00; } .globalBackBlue { background-color: #008bb3; } .globalBackDarkGrey { background-color: #7a7a7a; } .globalLink { color: #006c90; font-weight: 400; } .globalLink:hover { color: #009fd4; } .globalLinkSmall { font-size: 0.9em; } .globalFontSmall { font-size: 0.9em; } .globalLogoPrime { width: 18px; height: 18px; vertical-align: middle; } .globalTitle { color: #ffaa00; font-weight: 400; font-size: 2.5em; } .globalTitleBlack { color: #000000; font-weight: 400; font-size: 2.5em; } .globalSubtitleBlack { color: #000000; font-weight: 400; font-size: 2em; } .globalSubtitleGrey { color: #888888; font-weight: 400; font-size: 2em; } .globalTitlePadding { font-size: 1em; padding: 1em 3em; } .globalParagraph { color: #333; font-size: 1em; padding: 0.5em 0; } .globalContainerLeft { display: table-cell; vertical-align: top; padding-right: 1.8em; } .globalContainerADs { display: table-cell; text-align: right; vertical-align: top; padding-top: 0.5em; width: 305px; } .globalContainerADsItem { border-color: #ddd; border-style: solid; border-width: 1px; margin-bottom: 1.5em; } .globalButtonBlue { background-color: #005a7c; border-color: #005a7c; border-radius: 0.5em; border-style: solid; border-width: 0.15em; color: #fff; cursor: pointer; font-weight: 600; font-size: 1.1em; padding: 0.25em 0.5em; } .showOnPhone { display: none; } .showOnTablet { display: none; } /* CSS Datepicker */ .col-md-6 { width: 37%; } .input-group { border-collapse: separate; display: table; position: relative; } .col-md-6 p { margin: 0 0 10px; } .col-md-6 * { box-sizing: border-box; } .col-md-6 .row:before, .col-md-6 .row:after { } .col-md-6 *:before, .col-md-6 *:after { box-sizing: border-box; } .input-group .form-control { float: left; margin-bottom: 0; position: relative; width: 100%; z-index: 2; } .input-group-addon, .input-group-btn, .input-group .form-control { display: table-cell; } .form-control { background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; color: #555; display: block; font-size: 14px; height: 36px; line-height: 1.42857; padding: 6px 12px; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; width: 100%; } .form-control:focus { border-color: #66afe9; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6); outline: 0 none; } .dropdown-menu { background-clip: padding-box; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 4px; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176); display: none; float: left; font-size: 14px; left: 0; list-style: none outside none; margin: 2px 0 0; min-width: 294px; padding: 5px 0; position: absolute; text-align: left; top: 100%; z-index: 1000; } .col-md-6 table { background-color: transparent; } .col-md-6 table { border-collapse: collapse; border-spacing: 0; width: 291px; } .pull-left { float: left !important; } .btn-block { display: block; width: 100%; } .pull-right { float: right !important; } .btn { -moz-user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px; cursor: pointer; /*display: inline-block;*/ font-size: 14px; font-weight: 400; line-height: 1.42857; margin-bottom: 0; padding: 6px 12px; text-align: center; vertical-align: middle; white-space: nowrap; margin-top:0; margin-right: 0; } .btn-default { background-color: #fff; border-color: #ccc; color: #333; height: 36px; } .btn-sm, .btn-group-sm > .btn { border-radius: 3px; font-size: 12px; line-height: 1.5; padding: 5px 10px; } .pull-left { float: left; } .col-md-6 th { text-align: left; vertical-align: top; } .col-md-6 td, th { padding: 0; } .col-md-6 strong { font-weight: 700; } .col-md-6 .h6 { font-size: 12px; margin-bottom: 10px; margin-top: 10px; color: inherit; font-family: inherit; font-weight: 500; line-height: 1.1; } .text-center { text-align: center; } .btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default, .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled:active, .btn-default[disabled]:active, fieldset[disabled] .btn-default:active, .btn-default.disabled.active, .btn-default.active[disabled], fieldset[disabled] .btn-default.active { background-color: #fff; border-color: #ccc; } .btn.disabled, .btn[disabled], fieldset[disabled] .btn { box-shadow: none; cursor: not-allowed; opacity: 0.65; pointer-events: none; } .text-muted { color: #777; } .input-group-btn { font-size: 0; position: relative; white-space: nowrap; } .input-group-addon, .input-group-btn { vertical-align: middle; white-space: nowrap; width: 1%; } .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group { margin-left: -1px; } .input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:first-child > .btn-group:not(:first-child) > .btn { border-bottom-left-radius: 0; border-top-left-radius: 0; } .input-group-btn > .btn { position: relative; } .input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child > .btn-group:not(:last-child) > .btn { border-bottom-right-radius: 0; border-top-right-radius: 0; } /* CSS Popover */ .popover { background-clip: padding-box; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); display: none; left: 0; max-width: 276px; padding: 1px; position: absolute; text-align: left; top: 0; white-space: normal; z-index: 1060; } .fade { opacity:0; -webkit-transition:opacity .15s linear; -o-transition:opacity .15s linear; transition:opacity .15s linear } .fade.in { opacity:1 } .popover.top { margin-top:-10px; } .popover.right { margin-left:10px; } .popover.bottom { margin-top:10px; } .popover.left { margin-left:-10px; } .popover-title { font-size:14px; font-weight:400; line-height:18px; background-color:#f7f7f7; border-bottom:1px solid #ebebeb; border-radius:5px 5px 0 0; margin:0; padding:8px 14px; } .popover-content { padding:9px 14px; } .popover>.arrow,.popover>.arrow:after { position:absolute; display:block; width:0; height:0; border-color:transparent; border-style:solid; } .popover>.arrow { border-width:11px; } .popover>.arrow:after { content:""; border-width:10px; } .popover.top>.arrow { bottom:-11px; left:50%; margin-left:-11px; border-top-color:rgba(0,0,0,.25); border-bottom-width:0; } .popover.top>.arrow:after { bottom:1px; margin-left:-10px; content:" "; border-top-color:#fff; border-bottom-width:0; } .popover.right>.arrow { top:50%; left:-11px; margin-top:-11px; border-right-color:rgba(0,0,0,.25); border-left-width:0; } .popover.right>.arrow:after { bottom:-10px; left:1px; content:" "; border-right-color:#fff; border-left-width:0; } .popover.bottom>.arrow { top:-11px; left:50%; margin-left:-11px; border-top-width:0; border-bottom-color:rgba(0,0,0,.25); } .popover.bottom>.arrow:after { top:1px; margin-left:-10px; content:" "; border-top-width:0; border-bottom-color:#fff; } .popover.left>.arrow { top:50%; right:-11px; margin-top:-11px; border-right-width:0; border-left-color:rgba(0,0,0,.25); } .popover.left>.arrow:after { right:1px; bottom:-10px; content:" "; border-right-width:0; border-left-color:#fff; } .normalColor { color: #444; } @media screen and (min-width: 37.5em) and (max-width: 49em) { /* medium / tablet */ .showOnTablet { display: block !important; } .hideOnTablet { display: none !important; } .globalContainerLeft { padding-right: 0; } } @media screen and (max-width: 37.5em) { /* small / phone */ .showOnPhone { display: block !important; } .hideOnPhone { display: none !important; } .globalContainerLeft { padding-right: 0; } } .directiveModalOverlay { background-color: #111; background-color: rgba(20, 20, 20, 0.85); height:100%; left:0; position:fixed; top:0; width:100%; z-index: 9999; } .directiveModalCenter { left: 50%; position: relative; top: 50%; height: 50%; width: 50%; } .directiveModalDialog { background-color: #fff; box-shadow: 4px 4px 80px #000; height: 160%; position: absolute; left: -80%; top: -80%; width: 160%; z-index: 10000; } .directiveModalDialogCloseOverlay { background-color: rgba(20, 20, 20, 0.85); box-shadow: 4px 4px 80px #000; height: 170%; position: absolute; left: -80%; top: -90%; width: 160%; z-index: 11000; } .directiveModalDialogCloseAlert { background-color: #FFF; border: 2px solid black; position: absolute; top: 15%; z-index: 11000; padding: 1em; width: 50%; margin-left: -25%; left: 50%; } .directiveModalDialogContent{ height: 100%; overflow-x: hidden; overflow-y: auto; text-align: left; } .directiveModalDialogClose { color: #fff; cursor: pointer; display: inline-block; font-family: 'arial', 'sans-serif'; font-size: 1.2em; font-weight: bold; padding: 5px; position: absolute; right: -5px; top: -30px; } .headerContainer { background-color: #000; } .headerMenuOrangeLine { background-color: #ffa901; text-align: center; width: 100%; } .headerMenuOrangeLine div { padding-bottom: 5px; padding-top: 5px; } .headerLogo { padding-bottom: 0.3em; padding-top: 0.5em; width: 12em; } .headerLogoImage { width: 150px; } .headerMenu { vertical-align: middle; padding-top: 0.3em; } .headerMenuLink { color: #8f9490; font-size: 1em; font-weight: 300; text-decoration: none; padding-left: 0.5em; padding-right: 0.5em; } .headerMenuLink:hover { color: #ddd; } .headerMenuLinkSel { color: #fff; } .headerMenuUser { width: 12em; } .headerMenuUserLink { color: #ffa901; border-right-style: none; padding-right: 1.5em; } .headerMenuUserLink:hover { color: #ffcc11; } .headerMenuUserLinkLast { padding-right: 0; } .headerMenuUserOut { cursor: pointer; padding-right: 1.5em; } .headerMenuPhone { display: none; } .headerLogin { background-color: #000; height: 2.8em; left: 12em; position: absolute; right: 0; top: -3em; -moz-transition: top 0.25s ease; -o-transition: top 0.25s ease; -webkit-transition: top 0.25s ease; } .headerLoginShow { top: 0; } .headerLoginText { color: #fff; font-size: 0.8em; font-weight: 400; padding-left: 1.5em; } .headerLoginInput { background-color: #ebebeb; border-color: #888; border-style: solid; border-radius: 0.5em; border-width: 1px; font-size: 0.8em; font-weight: 400; padding: 0.4em 0.5em 0.4em 0.5em; margin-top: 0.7em; max-width: 10em; min-width: 10em; } .headerLoginButton { background-color: #ebebeb; border-color: #888; border-style: solid; border-radius: 0.5em; border-width: 1px; cursor: pointer; font-size: 0.8em; font-weight: 400; padding: 0.4em 0.5em 0.4em 0.5em; margin-top: 0.7em; margin-left: 1.5em } .headerLoginHide { color: #fff; cursor: pointer; margin-left: 1.5em; } .headerLoginHint { color: #fff; padding-top: 0.75em; } .mainContent { min-height: 35em; } .footerBlack { background-color: #000; padding-top: 1em; } .footerColumn { color: #888; display: inline-block; font-size: 1.1em; font-weight: 400; padding: 2em 1.5em; text-decoration: none; text-align: left; vertical-align: top; } .footerLinkMain { color: #ff9900; font-weight: 300; text-decoration: none; } .footerLinkMain:visited { color: #ff9900; } .footerLinkMain:hover { color: #fff; } .footerLinkCategory { color: #888; font-size: 0.85em; text-decoration: none; } .footerLinkCategory:visited { color: #888; } .footerLinkCategory:hover { color: #fff; } .footerLanguage { font-size: 0.9em; margin-top: 1.3em; } .footerLanguage:hover { color: #fff; } .footerSocialMargin { margin-top: 4.75em; } .footerSocial { color: #888; font-size: 1.5em; padding-left: 0.25em; text-decoration: none; } .footerSocial:visited { color: #888; } .footerSocial:hover { color: #fff; } .footerSocialFirst { padding-left: 0; } .mainLoading { background-color: #fff; color: #fff; height: 25em; /* IE8 */ height: 100vh; filter:alpha(opacity=50); /* IE8 */ opacity: 0.5; position: fixed; top: 0; width: 100%; z-index: 10; } .mainVisualBidsModalShadow { display: table; height: 100%; width: 100%; } .mainVisualBidsModalTitle { color: #ffaa00; font-weight: 400; font-size: 2.25em; margin-bottom: 0.4em; margin-top: 0.4em; text-align: center; } .mainVisualBidsModalSelect { background-color: #fff; border-color: #aaa; border-radius: 0.5em; border-style: solid; border-width: 1px; box-sizing: border-box; padding: 0.5em 1em; width: 340px; } .mainVisualBidsModalInput { background-color: #fff; border-color: #aaa; border-radius: 0.5em; border-style: solid; border-width: 1px; box-sizing: border-box; padding: 0.5em 1em; width: 340px; } .mainVisualBidsModalInput100{ width: 100px; } input.inputVisualBidsBuget { width: 15.4em; } .mainVisualBidsModalArea { background-color: #fff; border-color: #aaa; border-radius: 0.5em; border-style: solid; border-width: 1px; box-sizing: border-box; margin-top: 1em; padding: 0.5em 1em; width: 340px; } .mainVisualBidsModalArea.helpSide { margin-top: 8px; margin-right: 5px;; } .mainVisualbidsModalPadding { padding-right: 1em; padding-top: 0.75em; color:gray;} .mainVisualbidsModalButton { background-color: #008bb3; border-color: #008bb3; border-radius: 0.5em; border-style: solid; border-width: 0.15em; color: #fff; cursor: pointer; display:inline-block; left: -10em; margin-top: 1.5em; min-width: 8em; min-height: 2em; padding-bottom: 0.2em; padding-left: 0.75em; padding-right: 0.75em; padding-top: 0.025em; text-align: center; top: -1.5em; z-index: 1; } #closeDialog .mainVisualbidsModalButton { margin: 2%; min-width: 23%; min-height: 3em; } .buttons { margin: 5% 0; text-align:center; } #closeDialog > h1 { font-size: 2em; margin-top: 2em; text-align: center; } .mainVisualbidsModalButton.grayBg { background-color: #ccc; border-color: #ccc; } .mainVisualbidsModalSave { background-color: #cdcdcd; border-color: #b5b5b5; border-radius: 0.5em; border-style: solid; border-width: 0.15em; color: #fff; cursor: pointer; display:inline-block; left: -10em; margin-top: 1.5em; min-width: 8em; min-height: 2em; padding-bottom: 0.2em; padding-left: 0.75em; padding-right: 0.75em; padding-top: 0.025em; text-align: center; top: -1.5em; z-index: 1; } .mainVisualbidsModalMarginRight{margin-right: 1em; } .mainVisualbidsModalButtonText {margin-top: 0.3em; font-weight: 400; font-size: 1.2em; } #closeDialog .mainVisualbidsModalButtonText {margin-top: 0.7em;} .mainVisualbidsModalSaveText{ color: #4b4b4b; margin-top: 0.3em; font-weight: 400; font-size: 1.2em; text-shadow: 0px 1px #fff; } .mainVisualbidsModalNext { width: 340px; } .mainVisualBidsModalTable340{ width: 340px; } .headerMenuText { display: inline-block; } .headerMenuButtonBlue { background-color: #005a7c; border-color: #005a7c; border-radius: 0.5em; border-style: solid; border-width: 0.05em; color: #fff; cursor: pointer; display: inline-block; font-weight: 600; font-size: 0.9em; margin: 0 0.5em; padding: 0.25em 0.5em; } .mainVisualBidsModalHowItWorksTitle { color: black; font-weight: 400; font-size: 2.25em; margin-bottom: 0em; margin-top: 0.6em; text-align: center; } .mainVisualBidsModalHowItWorksSubtitle { color: #777; font-weight: 400; font-size: 1.50em; margin-bottom: 0em; margin-top: 0em; text-align: center; } .mainVisualBidsModalHowItWorksThirdtitle { color: black; font-weight: bold; font-size: 1.5em; margin-bottom: 0.4em; margin-top: 0.4em; text-align: center; } .mainVisualBidsModalHowItWorksContent { color: black; font-weight: 400; font-size: 1em; margin-bottom: 0.3em; margin-top: 0.4em; text-align: center; } .mainVisualBidsModalHowItWorksTabs { margin-bottom: 0.4em; margin-top: 0.9em; text-align: center; } .mainVisualBidsModalHowItWorksTabs .HowItWorksTab { display: inline-block; width: 30%; vertical-align: top; } .mainVisualBidsModalHowItWorksStep { font-size: 2.25em; color: white; width: 60px; height: 60px; display: inline-block; font-weight: bold; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } .mainVisualBidsModalHowItWorksStep .stepNumber { display: inline-block; padding-top: 4px; width: 98%; height: 100%; font-weight: bold; vertical-align: middle; } .mainVisualBidsModalHowItWorksStep .stepValign { display: inline-block; width: 1px; height: 100%; vertical-align: middle; } .mainVisualBidsModalHowItWorksStep.blue { background-color: #008bb3; } .mainVisualBidsModalHowItWorksStep.gray { background-color: #777; } .mainVisualBidsModalHowItWorksStep.orange { background-color: #febb64; } .headerMenuButtonOrange { background-color: #febb64; border-color: #fff; border-radius: 0.5em; border-style: solid; border-width: 0.05em; color: #fff; cursor: pointer; display: inline-block; font-weight: 600; font-size: 0.9em; margin: 0 0.5em; padding: 0.25em 0.5em; } .help { display: inline-block; background-color:#AAAAAA; border-radius: 50%; width:0.6em; height:0.6em; padding: 0.5em; padding-bottom: 0.55em; cursor: pointer; vertical-align: text-bottom; } .help .help_content { display: inline-block; font-weight: bold; color: white; line-height: 12px; padding-left: 0.07em; width:98%; vertical-align: top; } .help .valign { display: inline-block; width:1px; height:100%; vertical-align: text-bottom; } .help.textarea { position:absolute; top:5px; left: 344px; } .help.date { position:absolute; bottom:15px; left: 9.5em; } .helpBox { display: none; position:absolute; bottom: 3em; left: 15em; background-color: #DCDEE0; border-radius: 0.5em; padding: 0.5em; font-size: 0.90em; width:40% } .helpBox.textarea { bottom: 11em; left: 15em; } .helpBox.date { top: 3em; bottom: 0; left: 5em; position:relative; width: 60%; } .helpBox .title { font-weight: bold; } .field { position:relative; } .fieldText { font-size: 14px; } .incorrectField { border-color:red; } .signUpInput.signUpSelect.incorrectField { border-color:red; } .signUpInput.signUpSelect.inputCurrency{ max-width:3.7em; min-width:3.7em; } .requestSentCenter { height: 50%; left: 50%; position: relative; top: 50%; width: 50%; } .requestSentCenter .requestSentAlert { background-color: #fff; border: 2px solid black; left: -32%; position: absolute; top: -36%; width: auto; padding: 1em; z-index: 11000; font-size: 2em; text-align: center; padding-top: 3%; } .requestButton { background-color: #008bb3; border-color: #008bb3; border-radius: 0.5em; border-style: solid; border-width: 0.15em; color: #fff; cursor: pointer; display:inline-block; left: -10em; margin: 2%; min-width: 23%; min-height: 1em; padding-bottom: 0.2em; padding-left: 0.75em; padding-right: 0.75em; padding-top: 0.025em; text-align: center; top: -1.5em; z-index: 1; } .requestSentCenter a { text-decoration:none; } .requestSentCenter .requestButton .grayBg { background-color: #ccc; border-color: #ccc; } .requestSentCenter .requestButtonText { margin-top: 0.2em; font-weight: 400; font-size: 0.7em; } a.forgot.header { color: #fff; display: inline-block; font-size: 0.8em; font-weight: 400; margin-left:1.5em; } /* .textarea-container { position: relative; width: 50%; } .textareaResizable, .textarea-size { min-height: 50px; overflow: hidden; } textareaResizable { height: 100%; position: absolute; resize:none; white-space: normal; } .textarea-size { visibility: hidden; white-space: pre-wrap; word-wrap: break-word; overflow-wrap: break-word; } */ @media screen and (max-width: 37.5em) { /* small / phone */ .headerContainer { background-color: #000; min-width: inherit; width: 100%; } .headerPhoneMenuButton { padding-right: 1em; position: absolute; right: 0.5em; top: 0.5em; } .headerPhoneMenuButton i { color: #fff; cursor: pointer; font-size: 2em; margin-left: 0.8em; } .headerPhoneMenu { height: 0; overflow: hidden; transition: height 0.5s; } .headerPhoneMenu ul li { border-bottom: solid 1px #555; display: block; padding: 0.5em 0; } .headerPhoneMenuLink { display: block; } .headerPhoneMenuLogin { text-align: center; } .footerBlack { padding-top: 0; } .footerColumn { padding: 1em 0.5em; } } @media screen and (min-width: 37.5em) and (max-width: 49em) { /* medium / tablet */ .headerContainer { background-color: #000; min-width: 39em; width: 100%; } .headerLogo { padding-bottom: 0.3em; padding-top: 0.5em; width: 9em; } .headerLogoImage { width: 100px; } .headerMenuLink { font-size: 0.9em; } .headerMenuUser { width: 10em; } .headerLogin { height: 2.2em; left: 8em; } .headerLoginInput { margin-top: 0.3em; min-width: 5em; max-width: 5em; } .headerLoginButton { margin-top: 0.3em; } .headerLoginHide { margin-left: 1.5em; } .headerLoginHint { padding-top: 0.5em; } } .aboutusBBackgroundWhite { background-color: #fff; } .aboutusBBackgroundGrey { background-color: #e4e4e4; } .aboutusBoxATitle { color: #000; font-weight: 400; font-size: 2.1em; } .aboutusBoxASubtitle { color: #6a6a6a; font-weight: 500; font-size: 1.5em; padding-top: 0.4em; } .aboutusAText { color: #444; line-height: 1.3em; padding-top: 1em; } .aboutusPicture { float: left; padding-right: 1em; padding-top: 0.3em; } @media screen and (min-width: 37.5em) and (max-width: 49em) { /* medium / tablet */ } @media screen and (max-width: 37.5em) { /* small / phone */ } .communitySubtitlePaddingTop { font-weight: 300; padding-top: 0.75em; } .communityTextarea { background-color: #fff; border-color: #aaa; border-radius: 0.5em; border-style: solid; border-width: 1px; height: 7em; width: 100%; margin: 0; padding: 1em; -moz-box-sizing: padding-box; -webkit-box-sizing: padding-box; box-sizing: border-box; } .communitySelect { background-color: #fff; border-color: #aaa; border-radius: 0.5em; border-style: solid; border-width: 1px; box-sizing: border-box; margin-top: 0.75em; padding: 0.25em 1em; } .contactusPicture { padding: 1em 1em 1em 0; } .width37 { width: 37%; } .width37.es { width: 40%; } .loginInput.forgot { min-width:22.5em; max-width:22.5em; } .loginButton.forgot { background-color: #006D8F; color:#FFF; font-weight:600; } .es .resetLabel { width:64%; } .resetLabel { width:61%; } .forgotWarning { padding-top: 1em; } .homeBoxTopBackground { height: 1000px; overflow: hidden; position: absolute; width: 100%; z-index: -1; } .homeBoxTopBackgroundHalf { height: 1000px; left: 50%; position: absolute; width: 50%; } .homeBoxTopBackgroundSize { background-color: #003647; background: radial-gradient(ellipse at bottom, #003647 0%,#004d65 100%); height: 1000px; left: -1000px; position: absolute; width: 2000px; } .homeTopRight { float: right; width: 49%; } .homeTopTitle { color: #fff; font-weight: 300; font-size: 3.3em; padding-right: 0.5em; -webkit-font-smoothing: antialiased; /* Well, Quartz composer and bold fonts */ -moz-osx-font-smoothing: grayscale; } .homeTopButton { background-color: #ffaa01; border-color: #fff; border-radius: 0.5em; border-style: solid; border-width: 0.15em; cursor: pointer; font-weight: 400; font-size: 1.2em; margin-top: 1.5em; min-width: 18em; min-height: 2.75em; text-align: center; } .homeTopButtonText { margin-top: 0.75em; } .homeTopParagraph { color: #fff; font-weight: 400; font-size: 1.1em; line-height: 1.4em; padding-top: 1.5em; padding-right: 1em; -webkit-font-smoothing: antialiased; /* Well, Quartz composer and bold fonts */ -moz-osx-font-smoothing: grayscale; } .homeTopParagraph ul { margin-left: 0.25em; margin-top: 1em; padding-left: 1em; } .homeTopParagraph ul li { font-size: 0.85em; font-weight: 400; } .homeBoxPictureFile { box-shadow: 0 2px 10px #888; } .homeBoxAPictureCam { margin-top: -0.75em; margin-right: 3.5em; } .homeBoxAPicture { padding-right: 4em; padding-top: 0.25em; } .homeBoxATitle { color: #fe9c05; font-weight: 400; font-size: 2.1em; } .homeBoxASubtitle { color: #40454b; font-weight: 500; font-size: 1.5em; padding-top: 0.4em; } .homeBoxAText { color: #6a6a6a; float: left; font-weight: 400; font-size: 1em; line-height: 1.3em; max-width: 35em; padding-top: 1em; } .homeBoxAText ul { color: #000; margin-left: 0.25em; padding: 1em 0 0 1em; } .homeBoxAText ul li { font-size: 0.85em; } .homeBoxBBackgroundWhite { background-color: #fff; } .homeBoxBBackgroundGrey { background-color: #e4e4e4; } .homeBoxBText { color: #6a6a6a; float: left; font-weight: 400; font-size: 1em; line-height: 1.3em; max-width: 35em; padding-top: 1em; } .homeBoxBText ul { color: #000; margin-left: 0.25em; padding: 1em 0 0 1em; } .homeBoxBText ul li { font-size: 0.85em; } .homeBoxBLink { color: #006c90; text-decoration: none; } .homeBoxBLink:visited { color: #006c90; text-decoration: none; } .footerContainerLogosIntro { color: #888; font-size: 1.5em; font-weight: 400; } .footerLogo { padding-left: 1em; text-align: center; vertical-align: middle; } #imageheader { display: none; } @media screen and (min-width: 37.5em) and (max-width: 49em) { /* medium / tablet */ .homeTopButton { font-size: 1em; max-width: 12em; } .homeBoxAText { max-width: 18em; } .homeBoxBText { max-width: 18em; } #imageheader { display: block; } #videoheader { display: none; } } @media screen and (max-width: 37.5em) { /* small / phone */ .homeBoxTopBackgroundSize { height: 1000px; left: -500px; width: 1000px; } .homeTopRight { float: inherit; margin: auto; text-align: center; } .homeTopTitle { font-size: 2.3em; padding-right: 0; } .homeTopButton { margin-left: auto; margin-right: auto; min-width: 9em; } .homeBoxATitle { text-align: center; } .homeBoxASubtitle { text-align: center; } #imageheader { display: block; } #videoheader { display: none; } } .kpiButton { background-color: #008bb3; border-color: #008bb3; border-radius: 0.5em; border-style: solid; border-width: 0.15em; cursor: pointer; display: inline-block; font-weight: 400; margin-top: 0.5em; min-width: 5em; text-align: center; vertical-align: middle; } .kpiButton div { color: #fff; font-size: 1em; font-weight: 400; } .kpiInput { background-color: #fff; border-color: #888; border-style: solid; border-radius: 0.5em; border-width: 1px; font-size: 0.8em; font-weight: 400; padding: 0.4em 0.5em 0.4em 0.5em; max-width: 15em; min-width: 15em; } @media screen and (min-width: 37.5em) and (max-width: 49em) { /* medium / tablet */ } @media screen and (max-width: 37.5em) { /* small / phone */ } .legalBox { min-height: 35em; } .legalParagraph { text-align: justify; } .legalList ul { padding-left: 1em; } .legalList ol { padding-left: 1em; } .legalList ul li { margin-left: 2em; padding-bottom: 1em; text-align: justify; } .legalList ol li { margin-left: 2em; padding-bottom: 1em; text-align: justify; } .legalPaddingLeft { padding-left: 1em; } .legalPaddingLeft2 { padding-left: 2em; } .listingConnectionsTool { height: 50px; margin-bottom: 1em; width: 100%; } .listingConnectionsToolHr { margin-bottom: 0.5em; margin-top: 0.5em; } .listingCircle { margin-left: 0.75em; margin-right: 0.75em; } .listingCircleFirst { margin-left: 0; } .listingDescription { display: inline-block; margin-bottom: 1em; margin-top: 1em; width: 100%; } .listingDescription strong { font-weight:bold; } .listingDescriptionLogo { margin-right: 1em; float: left; } .listingDescriptionLogo img { max-width: 100px; } .listingDescriptionButton { background-color: #006c90; border-color: #fff; border-radius: 0.5em; border-style: solid; border-width: 0; color: #fff; cursor: pointer; font-weight: 400; font-size: 1em; margin: 0; padding: 0.5em 1em; } .listingProductions { display: inline-block; vertical-align: top; width: 100%; } .listingSection { display: inline-block; width: 100%; } .listingDescriptionPrime { width: 35em; } .listingProductionsPrime { width: 24em; } .listingSectionPrime { width: 35em; } .listingSectionTitle { color: #000; font-weight: 400; padding-bottom: 0.25em; padding-top: 1.25em; text-align: left; } .listingSectionContents { padding-top: 0.5em; padding-bottom: 0.5em; } .listingList { color: #444; } .listingList ul li { list-style-type: none; } .listingTablePaddingRight { padding-right: 1em; } .listingSectionContactMap { padding-top: 0.2em; } .listingSectionContactMap a img { width: 100%; } @media screen and (max-width: 61em) { /* desktops */ .listingDescriptionPrime { width: 100%; } .listingProductionsPrime { width: 100%; } .listingSectionPrime { width: 100%; } } @media screen and (max-width: 37.5em) { /* small / phone */ } @media screen and (min-width: 37.5em) and (max-width: 49em) { /* medium / tablet */ } .listingEditTopSeparator { padding-top: 2em; } .listingEditInputCheck { margin-bottom: 0.75em; margin-right: 1em; } .listingEditRight { padding-right: 1em; } .listingEditPadding { padding-right: 1em; padding-top: 0.5em; } .listingEditWithArea { padding-right: 1em; padding-top: 0.5em; width: 5em; } .listingEditButton { background-color: #888; border-color: #888; border-style: solid; border-radius: 0.5em; border-width: 1px; color: #fff; cursor: pointer; font-size: 0.8em; font-weight: 400; padding: 0.4em; margin-top: 0.7em; } .listingEditInput { background-color: #ebebeb; border-color: #888; border-style: solid; border-radius: 0.5em; border-width: 1px; font-size: 0.8em; font-weight: 400; max-width: 15em; padding: 0.4em 0.5em 0.4em 0.5em; } .listingEditTableIcons { padding-bottom: 0.5em; padding-right: 1em; } .listingEditLink { padding-right: 0.5em; } .listingEditLinkRed { color: #8d8d8d; cursor: pointer; font-weight: 400; } .listingEditLinkRed:hover { color: #d60101; } .listingEditLinkGold { color: #8d8d8d; cursor: pointer; font-weight: 400; } .listingEditLinkGold:hover { color: #ffaa00; } .listingEditLinkGold.Gold { color: #ffaa00; } @media screen and (max-width: 61em) { /* desktops */ } @media screen and (max-width: 37.5em) { /* small / phone */ } @media screen and (min-width: 37.5em) and (max-width: 49em) { /* medium / tablet */ } .loginBox { min-height: 35em; } .loginPaddingHalf { padding-left: 50% } .loginMargin40 { margin-left: 40%; } .loginPadding { padding-right: 1em; padding-top: 0.5em; } .loginButton { background-color: #ebebeb; border-color: #888; border-style: solid; border-radius: 0.5em; border-width: 1px; cursor: pointer; font-size: 0.8em; font-weight: 400; padding: 0.4em; margin-top: 0.7em; } .loginInput { background-color: #ebebeb; border-color: #888; border-style: solid; border-radius: 0.5em; border-width: 1px; font-size: 0.8em; font-weight: 400; padding: 0.4em 0.5em 0.4em 0.5em; max-width: 10em; min-width: 10em; } a.forgot { color: #000; } .searchInputBig { background-color: #ebebeb; border-color: #888; border-style: solid; border-radius: 0.5em; border-width: 1px; font-size: 1em; font-weight: 400; padding: 0.4em 0.5em 0.4em 0.5em; max-width: 12em; min-width: 12em; } .searchButtonBig { background-color: #888; border-color: #888; border-style: solid; border-radius: 0.5em; border-width: 1px; color: #fff; cursor: pointer; font-size: 1em; padding: 0.4em 0.5em 0.4em 0.5em; } .searchButtonCell { margin-top: 0.5em; vertical-align: middle; } .searchButtonCellPosFix { position: relative; } .searchInputHints { background-color: #fff; border-color: #ccc; border-width: 1px; border-style: solid; box-shadow: 0 3px 15px #aaa; overflow: hidden; position: absolute; right: 0; text-align: left; transition: height 0.25s; width: 15.75em; z-index: 10; } .searchInputHints ul li { overflow: hidden; height: 2em; position: relative; } .searchInputHints ul li a { color: #006c90; height: 100%; left: 0; overflow: hidden; padding: 0.5em 1em 0.2em 1em; position: absolute; text-decoration: none; text-overflow: ellipsis; top: 0; white-space:nowrap; width: 14em; } .searchInputHints ul li a:hover { background-color: #eee; color: #009fd4; } .searchBox { padding-left: 0.2em; padding-right: 0.2em; } .searchFullTable { width: 100%; } .searchHalfColumn { width: 50%; } .searchHalfColumnLeft { padding-right: 1em; } .searchHalfColumnRight { padding-left: 1em; } .searchResultsCounterMargin { margin-bottom: 1em; margin-top: 3em; } .searchResultsCounter { font-size: 1.5em; font-weight: 400; margin-bottom: 0.25em; } .searchResultsBox:hover { background-color: #eee; } .searchResultsLink { color: #000; display: block; text-decoration: none; } .searchResultsLocation { color: #5d5e58; font-size: 1.5em; font-weight: 400; } .searchResultsItemName { font-size: 1.1em; font-weight: 400; margin-top: 0.35em; } .searchResultsItemLocation { color: #ffaa00; font-weight: 400; margin: 0.35em 0; } .searchResultsItemText { font-weight: 300; margin-bottom: 1em; text-align: justify; } .searchResultsCategoryName { float: left; font-size: 1.1em; font-weight: 400; margin-top: 0.85em; } .searchResultsCategoryCount { float: right; color: #ffaa00; font-weight: 400; margin: 0.85em 0 0.35em 0; } .searchResultsRegion { font-size: 1.75em; font-weight: 400; margin-bottom: 0.25em; } .searchResultsPrimeCell { padding-left: 1em; } .searchLoading { font-weight: 400; font-size: 1em; margin-top: 1.2em; min-width: 15em; min-height: 2.5em; } .searchMoreButton { background-color: #d6d6d6; border-color: #6c6c6c; border-radius: 0.5em; border-style: solid; border-width: 1px; color: #6c6c6c; cursor: pointer; font-weight: 400; font-size: 1em; margin-top: 1.2em; min-width: 15em; min-height: 2.5em; } @media screen and (max-width: 37.5em) { } @media screen and (min-width: 37.5em) and (max-width: 49em) { } /* .directoryContainer { background-color: #000; } .directoryADs { background-color: #ccc; float: right; height: 100vh; width: 400px; } .directoryProfile { background-color: #fff; padding: 0.75em 420px 1.25em 1em; } .directoryProfileBread { color: #79787E; font-family: Arial; font-size: 0.9em; font-weight: bold; } .directoryProfileTitle { color: #fe9c05; font-family: Arial; font-size: 2em; font-weight: bold; padding: 0.75em 0 0.5em 0; } .directoryProfileDesc { color: #79787E; font-family: Arial; font-size: 1em; font-weight: bold; padding: 0.75em 0 1.5em 0; } .directoryProfileButton { color: #fff; background-color: #006c90; border-color: #006c90; border-style: solid; border-radius: 0.5em; border-width: 0 1px 1px 1px; cursor: pointer; font-size: 1em; font-family: Arial; font-weight: bold; margin-left: 0; min-width: 8.8em; padding: 0.5em 1em; } .directoryProfileAction { color: #000; float: right; font-family: 'open_sanslight', sans-serif; font-size: 0.8em; font-weight: bold; padding-left: 1.25em; padding-top: 1em; text-decoration: none; } .directoryProfileActionCircle { background-color: #0189b9; border-radius: 5em; color: #fff; font-family: Arial; font-size: 1.2em; font-weight: bold; margin-right: 0.25em; padding: 0.25em 0.5em; } .directoryProfileActionCircleF { background-color: #7d7b7c; } .directoryProfileActionCircleE { background-color: #a3a7aa; } .directoryProfileActionCircleR { background-color: #fe9c05; } .directoryProfileSection { color: #000; font-family: Arial; font-size: 1em; font-weight: bold; padding: 2em 0 0 0; } .directoryProfileText1 { color: #79787E; font-family: Arial; font-size: 0.85em; font-weight: bold; padding: 1em 0 0 0; } .directoryProfileText2 { color: #79787E; font-family: 'open_sanslight', sans-serif; font-size: 0.8em; font-weight: bold; padding: 0.5em 0 0 0; } .directoryProfileText3 { color: #000; } .directoryProfileRemove { color: #79787E; cursor: pointer; float: right; font-size: 0.85em; font-weight: bold; padding: 1em 0 0 0; } .directoryProfileEdit { text-align: right; } .directoryProfileSelect { background-color: #fff; border-color: #000; border-radius: 0.75em; font-family: Arial; margin-right: 0; margin-top: 1em; min-width: 20em; max-width: 20em; padding: 0.5em 0.5em 0.75em 0.5em; } .directoryProfileButtonSave { background-color: #006c90; border-color: #006c90; border-style: solid; border-radius: 0.5em; border-width: 0 1px 1px 1px; cursor: pointer; color: #fff; font-size: 1em; font-family: Arial; font-weight: bold; margin-top: 0.75em; padding: 0.35em 0.5em 0.25em 0.5em; } .directoryProfileLoading { color: #79787E; font-family: 'open_sanslight', sans-serif; font-size: 1em; padding: 0.5em 0 0 0; } .directoryProfileLine { background: #bbb; border: 0; height: 1px; } .directoryADItem { background-color: #eee; height: 250px; width: 300px; } @media screen and (max-width: 37.5em) { .directoryProfile { background-color: #fff; padding: 0.75em 1em 1.25em 1em; } .directoryADs { display: none; } } @media screen and (min-width: 37.5em) and (max-width: 49em) { .directoryProfile { background-color: #fff; padding: 0.75em 1em 1.25em 1em; } .directoryADs { display: none; } } */ .signupBox { min-height: 35em; } .signUpMargin25 { margin-left: 25%; } .signUpHr { margin-bottom: 1em; margin-left: 25%; margin-right: 25%; } .signUpPaddingHalf { padding-left: 50% } .signUpPadding { padding-right: 1em; padding-top: 0.5em; } .signUpButton { background-color: #008bb3; border-color: #008bb3; border-radius: 0.5em; border-style: solid; border-width: 0.15em; cursor: pointer; display: inline-block; font-weight: 400; margin-top: -0.25em; min-width: 9em; min-height: 1.5em; text-align: center; vertical-align: middle; } .signUpButton div { color: #fff; font-size: 1.5em; font-weight: 400; } .signUpInput { background-color: #fff; border-color: #888; border-style: solid; border-radius: 0.5em; border-width: 1px; font-size: 0.8em; font-weight: 400; padding: 0.4em 0.5em 0.4em 0.5em; max-width: 15em; min-width: 15em; } .signUpSelect { max-width: 16.1em; min-width: 16.1em; } .signUpInputHints { background-color: #fff; border-color: #ccc; border-width: 1px; border-style: solid; box-shadow: 0 3px 15px #aaa; overflow: hidden; position: absolute; text-align: left; transition: height 0.25s; width: 15.75em; z-index: 10; } .signUpInputHints ul li { overflow: hidden; height: 2em; position: relative; } .signUpInputHints ul li a { color: #006c90; cursor: pointer; height: 100%; left: 0; overflow: hidden; padding: 0.5em 1em 0.2em 1em; position: absolute; text-decoration: none; text-overflow: ellipsis; top: 0; white-space:nowrap; width: 14em; } .signUpInputHints ul li a:hover { background-color: #eee; color: #009fd4; } @media screen and (max-width: 61em) { /* desktops */ } @media screen and (max-width: 37.5em) { /* small / phone */ .signUpInput { min-width: 10em; max-width: 10em; } .signUpSelect { max-width: 11.1em; min-width: 11.1em; } .signUpMargin25 { margin-left: 0; } .signUpHr { margin-left: 0; margin-right: 0; } } @media screen and (min-width: 37.5em) and (max-width: 49em) { /* medium / tablet */ .signUpMargin25 { margin-left: 15%; } .signUpHr { margin-left: 15%; margin-right: 15%; } } .legalBox { min-height: 35em; } .legalParagraph { text-align: justify; } .legalList ul { padding-left: 1em; } .legalList ol { padding-left: 1em; } .legalList ul li { margin-left: 2em; padding-bottom: 1em; text-align: justify; } .legalList ol li { margin-left: 2em; padding-bottom: 1em; text-align: justify; } .legalPaddingLeft { padding-left: 1em; } .legalPaddingLeft2 { padding-left: 2em; } .contactusPicture { padding: 1em 1em 1em 0; } .headerMenuOrangeLine.show { height: 6px; } .vbHeaderContainer { background-color: #444444; height: 3em; } .vbHeaderContainer .headerMenuLink { line-height: 2em; } .vbHeaderContainer .headerMenuLink i { display: none; position: absolute; bottom: -22px; left: 0px; width: 100%; font-size: 2em; } .vbHeaderContainer .headerMenuLink:hover i { color: white !important; } .vbHeaderContainer .headerMenuLink i.show { display: inline; } .vbContent header { margin: 1em 0; clear:both; } .vbContent header h1 { display: inline; font-size: 24.86px; font-weight: bold; float: left; text-transform: uppercase; color: #444; } .vbContent header .h1 { display: inline-block; min-width:600px; font-size: 24.86px; font-weight: bold; float: left; text-transform: uppercase; color: #444; } .vbContent header .h1 .details { font-size: 0.563em; font-weight: 500; color: #444; } .vbContent header .rightarea { display: inline; float: right; } .vbContent .globalBackOrange { background-color: #ffaa00; border-color: #ffaa00; } .vbContent .globalGrey { font-size: 2em; } .vbDashboard { padding: 2em 0; clear: both; } .vbMarkers { font-size: 1.25em; width: 32%; color: #777; } .vbMarkersSeparator { background-color: #ddd; height: 5em; width: 1px; } .vbMarkers span { font-size: 1.5em; } .vbPerformance { font-size: 1.5em; margin-top: 25px; max-width: 800px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .width16 { width: 16%; } .vbQuoteTitle { font-size: 1.33em; margin-top: 15px; margin-bottom: 25px; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-transform: uppercase; font-weight: bold; color: #444; } .vbProjectSettings { margin-top: 15px; margin-right: 5px; margin-left: 7px; display:inline-block; font-size:0.55em; } .vbProjectSettings .fa { color: #a6aaa9; font-size: 2em; cursor: pointer; } .vbBlueButton { background-color: #00627e; border-color: #fff; border-radius: 0.5em; border-style: solid; border-width: 0.15em; color: #fff; cursor: pointer; font-weight: 400; font-size: 0.9em; left: -10em; margin-top: 1em; min-width: 8em; min-height: 2em; padding-left: 1em; padding-right: 1em; padding-top: 0.75em; text-align: center; top: -1.5em; z-index: 1; } .vbBlueButton a { color: white; text-decoration: none; font-weight: 400; } .vbOrangeButton { background-color: #FFA901; color: #fff; cursor: pointer; font-weight: 400; font-size: 0.9em; margin-top: 1.8em; min-height: 28px; padding-left: 1em; padding-right: 1em; padding-top: 0.75em; text-align: center; z-index: 1; border: 0; } .vbOrangeButton:hover { opacity:0.5; } .vbOrangeButton.viewProject { right: 0; top: 0.5em; position: absolute; } .vbOrangeButton.light { font-size: 14px; padding: 10px 28px; background-color: #fcc56a; } .vbOrangeButton a { color: white; text-decoration: none; font-weight: 400; } .vbGrayButton { background-color: #AAA; border-color: #fff; border-radius: 0.5em; border-style: solid; border-width: 0.15em; color: #fff; cursor: pointer; font-weight: 400; font-size: 0.7em; min-width: 3em; min-height: 1em; padding-left: 0.25em; padding-right: 0.25em; padding-top: 0.25em; padding-bottom: 0.25em; margin-bottom: 1em; text-align: center; z-index: 1; } .vbGrayButton.big { font-size: 0.9em; padding: 0.5em 2em; } .vbGrayButton.save { background-color: #15B300; } .vbGrayButton a { color: white; text-decoration: none; font-weight: 400; } .vbBlackButton { background-color: #444; border-color: #fff; border-style: solid; border-width: 0.15em; color: #fff; cursor: pointer; font-weight: 400; font-size: 0.7em; min-width: 3em; min-height: 1em; padding-left: 0.25em; padding-right: 0.25em; padding-top: 0.25em; padding-bottom: 0.25em; margin-bottom: 1em; text-align: center; z-index: 1; } .vbBlackButton:hover { opacity: 0.5; } .vbBlackButton.big { font-size: 0.9em; padding: 0.6em 2em; } .vbBlackButton.save { background-color: #15B300; } .vbBlackButton a { color: white; text-decoration: none; font-weight: 400; } .marginTop {margin-top:0.5em;} .vbQuoteAccel { width: 300px; min-height: 200px; display: inline-block; } .vbQuoteDonut { width: 175px; min-height: 175px; } .vbListTitle { max-width: 200px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; height: 40px; line-height: 40px; color: #444; position:relative; } .vbListTitle .projectName { max-width: 200px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; height: 40px; line-height: 40px; color: #444; padding-left:1.5em; } .vbListTitle.expanded { color: #444; } .vbListExpandedSeparator { border-bottom: solid 1px #cacaca; box-shadow: rgba(0,0,0,0.25) 0px 2px 9px 2px; } .vbQuoteListContainer { height: 35px; } .vbRequestListContainer { height: 35px; } .vbQuoteListMainContainer:nth-child(odd) .vbQuoteListContainer > div { background-color: #f6f6f6; } .vbQuoteListContainer .vbListTitle .fa { position: absolute; font-size:0.6em; margin-right: 0.2em; top:42%; } .vbQuoteListMainContainer:nth-child(even) .vbQuoteListContainer > div { background-color: #eee; } .vbProducerListMainContainer:nth-child(odd) .vbQuoteListContainer > div { background-color: white; } .vbRequestListMainContainer:nth-child(odd) .vbRequestListContainer > div { background-color: white; } .vbRequestListMainContainer:nth-child(even) .vbRequestListContainer > div { background-color: #eee; } .vbProducerListMainContainer:nth-child(even) .vbQuoteListContainer > div { background-color: #eee; } .vbProducerListMainContainer .vbTitle { border-bottom: 1px solid #CCCCCC; color: #777777; font-size: 1.5em; margin-bottom: 1em; padding-bottom: 0.5em; padding-top: 2em; height: 1.5em; line-height: 1.5em; } .vbProducerListMainContainer .producerInfoEditable { min-height: 260px; } .vbProducerListMainContainer .producerInfoNotEditable { min-height: 260px; } .vbProducerListMainContainer .vbProducersList > div { margin-bottom: 1em; } .vbProducerListMainContainer .vbProducersList { font-weight: 400; } .vbProducerListMainContainer .vbProducersList > div > div { font-weight: bold; color: black; width: 15em; margin-right: 1em; vertical-align: top; } .vbProducerListMainContainer .vbProducersList > div > div.globalLightGrey { font-weight: normal; width: 10em; color: #777777; vertical-align: middle; } .vbProducerListMainContainer .vbProducersList > div > div input { background-color: #FFF; border: solid 1px #AAA; outline: none; padding: 5px; color: #444; font-weight: bold; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-bottom: 0.3em; } .vbProducerListMainContainer .producersGraph .budgetCompliance { width: 33em; } .vbProducerListMainContainer .producersGraph .budgetCompliance .producerChart { width: 40%; } .vbProducerListMainContainer .producersGraph .budgetCompliance .producerChartExplained { margin-left: 5%; width: 54%; } .vbProducerListMainContainer .producersGraph .budgetCompliance .producerChartExplained > div { padding-top: 1em; padding-bottom: 1em; } .vbProducerListMainContainer .producersGraph .budgetCompliance .producerChartExplained > div.borderBottom { border-bottom: 1px solid #CCCCCC; padding-top: 0em; } .vbProducerListMainContainer .producersGraph .budgetCompliance .producerChartExplained h2.explainedTitle { margin-bottom: 0.5em; color: #333; } .vbProducerListMainContainer .producersGraph .budgetCompliance .producerChartExplained h3 { margin-bottom: 0.3em; } .vbProducerListMainContainer .producersGraph .budgetCompliance .producerChartExplained h3.darkGray { color: #777; } .vbProducerListMainContainer .producersGraph .budgetCompliance .producerChartExplained h3.lightGray { color: #AAA; } .vbProducerListMainContainer .producersGraph .budgetCompliance .producerChartExplained h3 .darkGray { color: #777; } .vbProducerListMainContainer .producersGraph .activeProjects { margin-left: 1em; width: 23.8em; } .vbProducerListMainContainer .producersGraph .activeProjects .project { width: 80%; margin-top: 0.5em; } .vbProducerListMainContainer .producersGraph .activeProjects .project .vbProjectTitle { color: black; font-weight: bold; } .vbProducerListMainContainer .vbProducersList > div > div a { color: #00A3D7; text-decoration: none; font-weight: bold; } .vbQuoteListContainer > div { height: 40px; line-height: 40px; border-right: 3px solid white; width: 16.6667% !important; padding-left: 1.5%; padding-right: 1.5%; box-sizing: border-box; float: left; display: block; margin: 0; } .vbQuoteListContainer.withoutProject > div { width: 20% !important; } .vbQuoteListContainer:not(.withoutProject) > div:first-child { /* width: 16.5% !important; max-width: 16.5% !important; */ padding-left: 1px; padding-right: 1.5%; } .vbQuoteListContainer > div:first-child.producerName { width: 50% !important; max-width: 50% !important; padding-right: 3% !important; } .vbQuoteListContainer > div.activeProjects { width: 19.9% !important; max-width: 19.9% !important; } .vbQuoteListContainer > div.completeProjects { width: 20% !important; max-width: 20% !important; } .vbQuoteListMainContainer:nth-child(odd) .vbQuoteListContainer > div:last-child { border-right: none; } .vbQuoteListMainContainer:nth-child(even) .vbQuoteListContainer > div:last-child { border-right: none; } .vbQuoteListContainer > div i { color: #999; } .vbQuoteListText { font-size: 0.9em !important; max-width: 200px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .vbQuoteListText.date { font-size: 0.8em !important; } .vbQuoteListHeader { background-color: #FFA901; padding: 15px 0 15px; } .vbQuoteListHeader > div { width: 13.5%; max-width: 13.5%; background-color: #FFA901; padding-left: 1.5%; padding-right: 1.5%; border-top: 1px solid #FFA901; border-bottom: 1px solid #FFA901; margin-right: 1px; color: white; } .vbQuoteListHeader > div.selected { color: #444; } .vbQuoteListHeader.withoutProject > div { width: 16.88%; max-width: 16.88%; } .vbQuoteListHeader > div.producerName { width: 50%; max-width: 50%; } .vbQuoteListHeader > div.activeProjects { width: 19.9%; max-width: 19.9%; } .vbQuoteListHeader > div.completedProjects { width: 20%; max-width: 20%; } .vbQuoteListHeader > div:first-child { border-left: 1px solid #FFA901; } .vbQuoteListHeader > div:last-child { margin-right: 0px; border-right: 1px solid #FFA901; } .vbQuoteStatus { padding-top: 0.3em; } .vbQuoteStatus .bar { line-height: 0.5em; width: 100%; min-height: 14px; } .vbQuoteStatusText { line-height: 0.5em; } .vbQuoteStatusText span { color: #444444; font-size: 0.75em; min-width: 0.35em; display: inline-block; } .vbQuoteStatusText span.active { font-weight: bold; color: black; } .vbTipContainer .vbTipText span { font-size: 0.9em; color: #777; margin-right: 0.5em; } .vbTipContainer .vbTipText .regular { font-size: 0.9em; color: #444; } .vbTabs { margin: 2.5em -1.5em; color: #FFF; } .vbTabs .vbTab:first-child { width:35%; margin-left: 0%; } .vbTabbable { margin-top:2em; } .vbTabs .vbTab { padding: 2em 1em; background-color: #DBDBDB; width: 32%; text-align:center; text-transform: uppercase; font-weight: 400; cursor: pointer; box-sizing: border-box; margin-left: 0.5%; } .safari .vbTabs .vbTab:not(:first-child) { width: 32.1%; } .vbTabs .vbTab.selectedTab { background-color: #FFA901; position: relative; cursor: default; } .vbTabs .vbTab:not(.selectedTab):hover { opacity: 0.5; } .vbTabs .vbTab.selectedTab .outerCircle { background-color: #f6f6f6; border-radius: 71px; bottom: -13px; height: 26px; left: 46%; position: absolute; width: 8%; } .vbTabs .vbTab.selectedTab .outerCircle .innerCircle { background-color: #ffa901; border-radius: 86px; bottom: 9px; height: 11px; left: 31%; position: absolute; width: 40%; } /* .vbTabbable { -webkit-transition: margin-left 1s; -moz-transition: margin-left 1s; -o-transition: margin-left 1s; transition: margin-left 1s; margin-left:0; } .vbTabbable.ng-hide { margin-left:925px; } */ .vbCostBars { background-color: #FFF; padding: 3em 2em; margin-top: 2em; } .vbCostBars.subBars { padding-top: 1em; } .vbCostBars .subBar { margin-top:2em; padding: 0 1em; width:50%; box-sizing: padding-box; vertical-align: top; } .percentageBar .portion { position: relative; height: 20px; } .percentageBar .portion .percentage { position: absolute; left:0; right:0; margin-left:auto; margin-right:auto; top: -23px; font-weight: bold; } .vbCostBars .categories { margin-top: 1em; } .vbPerformanceIndicator { width: 28%; margin-right: 5%; display: inline-block; vertical-align: top; } .vbPerformanceIndicator.last { margin-right: 0%; } .vbPerformanceIndicatorWide { width: 40%; display: inline-block; vertical-align: top; } .vbPerformanceAnalysis { width: 38%; margin-right: 0%; } .vbPerformanceUpperText { font-size: 1.4em; text-align: center; } .vbPerformanceBottomText { color: #777; font-size: 0.93em; } .vbPerformanceBottomText.globalOrange { color: #ffaa00; } .vbHighlightsContainer { color: #777; margin-top: 1em; padding: 0em 1em 2em 1em; } .vbHighlightsContainer.first { margin-top: 0em; border-bottom: 1px solid #777; } .vbHighlightsContainer .left { width: 40%; } .vbHighlightsContainer .left span { font-size: 4em; font-weight: 300; line-height: 1em; } .vbHighlightsContainer .right { margin-top: 0.8em; margin-left: 9%; width: 50%; } .vbHighlightsAnalysis { width: 59%; } .vbHighlightsAnalysis .donutsDirective { /*display: inline;*/ margin-left: 125px; margin-top: 25px; } .vbHighlightsAnalysis .donutsContainer { position: relative; } .vbHighlightsAnalysis .donutsInnerText { position: absolute; top: 50px; left: 170px; } .vbHighlightsAnalysis .donutsInnerText .donutsText1 { font-size: 2em; } .vbHighlightsAnalysis .donutsInnerText .donutsText2 { font-size: 0.9em; color: #777777; } .vbProjectAnalysis { margin-top: 2em; min-height: 300px; } .vbPerformanceTable { color: #444; font-size: 1.5em; } .vbCostTitle { color: #444; font-size: 1.5em; border-bottom: 1px solid #ccc; margin-top: 1em; padding-bottom: 0.5em; } .vbPerformanceTable table { width: 100%; font-size: 0.6em; margin-top: 1em; color: #444; border-spacing: 0; } .vbPerformanceTable table tr th { color: white; background-color: #FCC56A; padding: 15px 10px 15px 22px; } .vbPerformanceTable table tr td { border: 1px solid #EBEBEB; padding: 12px 10px 12px 15px; text-transform: uppercase; background-color: #FFF; } .vbPerformanceTable .categorieName .fa { position: absolute; font-size:0.7em; top:42%; left: 21px; } .vbPerformanceTable table tr td.normalColor { color: #444; } .vbPerformanceTable table tr.category { cursor:pointer; position:relative; } .vbPerformanceTable table tr.category.selected { background-color: #FEF5E4; } .vbPerformanceTable table tr.category.selected td { background-color: inherit; border-top: 1px solid #FCC56B; border-bottom: 1px solid #FCC56B; } .vbPerformanceTable table tr.category td.categorieName { padding-left: 2.4em; position:relative; } .vbPerformanceTable table tr.category.selected td:first-child { border-left: 1px solid #FCC56B; } .vbPerformanceTable table tr.category.selected td:last-child { border-right: 1px solid #FCC56B; } .vbPerformanceTable table tr.category td, .vbPerformanceTable table tr.performance td { background-color: #fff; } .vbPerformanceTable table tr.activity td, .vbPerformanceTable table tr.quote td{ background-color: #F6F6F6; } .vbPerformanceTable table tr.activity td.categorieName { padding-left: 2.4em; } .vbPerformanceTable table tr.quote td.categorieName { padding-left: 5em; max-width:10em; } .vbPerformanceTable table tr.total td { background-color: #FEF5E4; } .vbPerformanceTable tfoot.iterate { display:none; } .vbTipContainer { padding-left: 5em; padding-right: 5em; } .vbTipContainer .vbTipText { text-align: center; } .vbCostBreakDown { /* margin-top: 1em; */ } .vbCostBreakDown .vbCostTitle { padding-top: 1em; font-size: 1.5em; color: #777; padding-bottom: 0.5em; border-bottom: 1px solid #ccc; margin-bottom: 1em; margin-top: 0; } .vbCostBreakDown .vbCostTableContainer { margin-top: 1em; text-transform: uppercase; } .quotedetail .vbCostBreakDown .vbCostTableContainer { margin-top: 0; } .vbCostBreakDown .vbCostTableContainer table { width: 100%; margin-top: 1em; color: #444; /* border: 1px solid #ccc; */ border-collapse: collapse; font-size: 0.8em; } .quotedetail .vbCostBreakDown .vbCostTableContainer table { margin-top: 0; } .quotedetail { font-size:1.2em; } .vbCostBreakDown .vbCostTableContainer table tr th { background-color: #fcc56a; color: white; padding: 15px 10px 15px 22px; } .vbCostBreakDown .vbCostTableContainer table tr th.center { padding: 15px 0 15px 0; } .vbCostBreakDown .vbCostTableContainer table tr td { border: 1px solid #ccc; padding: 12px 0.3em 12px 0.3em; } .vbCostBreakDown .vbCostTableContainer table tr td.quotedetail:first-child { border: 0; padding:0; } .vbCostBreakDown .vbCostTableContainer table tr td.date { text-transform: initial; font-size: 0.94em; } .vbCostBreakDown .vbCostTableContainer table tfoot tr td { border: 0 solid rgba(0, 0, 0, 0); height: 0; padding: 0 !important; } .vbCostBreakDown .vbCostTableContainer table tfoot { height: 0px; display: none; } .vbCostBreakDown .vbCostTableContainer table tr td.normalColor { color: #444; } .vbCostBreakDown .vbCostTableContainer table tr th.normalColor { color: #444; } .vbCostBreakDown .vbCostTableContainer table tr.backgroundGrey td { background-color: #f6f6f6; } .vbCostBreakDown .vbCostTableContainer table tr.backgroundWhite td { background-color: white; } .vbCostBreakDown .vbCostTableContainer table tr td:first-child { padding-left: 2em; border-left:0; } .vbCostBreakDown .vbCostTableContainer table tr td:last-child { border-right: 0.000001em solid } .vbCostBreakDown .vbCostTableContainer table tr td.description { padding: 1em 1em 1em 2em; } .vbCostBreakDown .vbCostTableContainer table tr.highlight td { background-color: #F6F6F6; border-bottom: 2px solid #fda829; border-top: 2px solid #fda829; } .vbCostBreakDown .vbCostTableContainer table tr.highlight td:first-child { border-left: 4px solid #fda829; } .vbCostBreakDown .vbCostTableContainer table tr.highlight td:last-child { border-right: 3px solid #fda829; } .vbCostBreakDown .vbCostTableContainer table tr td.paddedLeft { padding-left: 3em; } .vbCostBreakDown .vbCostTableContainer table tr td.textBlack { color: #444; font-weight: 400; } .vbCostBreakDown .vbCostTableContainer table tr td.textBlack a { color: #444; text-decoration: none; } .vbCostBreakDown .blue { color: #65b5c4 !important; text-decoration: none; } .vbCostBreakDown .darkblue { color: #7380c8 !important; text-decoration: none; } .vbCostBreakDown .orange { color: #ff9900 !important; text-decoration: none; } .vbCostBreakDown .green { color: #00882b !important; text-decoration: none; } .vbCostBreakDown .brown { color: #7c5312 !important; text-decoration: none; } .vbCostBreakDown .yellow { color: #A8AC29 !important; text-decoration: none; } .vbCostBreakDown .red { color: #EE2222 !important; text-decoration: none; } .vbCostBreakDown .purple { color: #b96dc4 !important; text-decoration: none; } .vbCostBreakDown .background-purple { background-color: #5F317C !important; } .vbCostBreakDown .background-white { background-color: white !important; } .vbCostBreakDown .background-orange { background-color: #ff9900 !important; } .vbCostBreakDown .background-red { background-color: red !important; } .vbCostBreakDown .background-gray { background-color: #e9e9eb !important; } .vbCostBreakDown .background-gray-middle { background-color: #aaaaaa !important; } .vbCostBreakDown .background-gray-dark { background-color: #777 !important; } .vbCostBreakDown .button { border:none; color:white; padding: 0.3em 3em; cursor: pointer; /*para Firefox*/ -moz-border-radius: 7px 7px 7px 7px; /*para Safari y Chrome*/ -webkit-border-radius: 7px 7px 7px 7px; /* para Opera */ border-radius: 7px 7px 7px 7px; } .vbCostBreakDown a { color: #898989; text-decoration: none; } .positiveText { color: #73b74c; } .negativeText { color: #d74343; } #vbShadowDivider > .vbRequestManager { background-color: #F6F6F6; padding-bottom:5em; } .quotedetail #vbShadowDivider > .vbRequestManager { background-color: #F6F6F6; padding-bottom:0; } #vbShadowDivider .group { background-color: #F6F6F6; padding-bottom:2em; padding-left: 1.5em; padding-right: 1.5em; padding-top: 2.5em; } .borderTitle { border-top: 1px solid #ccc; color: #000; font-size: 0.6em; font-weight: bold; margin-top: 3em; padding-top: 1.5em; text-transform: uppercase; position: relative; } .groupTitle span.title { position: absolute; top: 135%; font-weight: bold; font-size: 1.09em; } .groupTitle .fa { background-color: #d0d0d0; color: #fff; float: right; font-size: 2em; margin-right: 5px; padding: 0.1em 0.3em; } .vbRequestManager .detail { clear:both; } .vbRequestManager .detail .detailName { float:left; width:40%; } .vbRequestManager .detail .detailValue { margin-left:20px; } .vbRequestManager .chosenProvider { background-color: #fff; border: 1px solid #fda829; box-sizing: border-box; float: right; padding: 2em 3em; width: 100%; } .vbRequestManager .priceName { border-bottom:dashed; float:right; padding-bottom:0.5em; padding-left:1em; } .vbRequestManager .price { margin-left:2em; } .vbRequestManager .proposals tr:nth-child(even) { background-color: #e9e9eb; } .vbRequestManager .finalPriceName { clear:both; float:right; padding:0.2em 0.5em; /* background-color:#ffff99; */ } .vbRequestManager .finalPrice { margin-left:2em; } .vbRequestManager .terms { margin-top:5em; } .vbRequestManager .buttons { margin-top:8em; } .backgroundLabel { width: 0.6em; height: 0.6em; border-radius: 12px; display: inline-block; margin-bottom: 0.05em; } .backgroundLabel.blue { background-color: #00a3d7; } .backgroundLabel.darkblue { background-color: #6170c9; } .backgroundLabel.orange { background-color: #ff9900; } .backgroundLabel.green { background-color: #00882b; } .backgroundLabel.brown { background-color: #785700; } .backgroundLabel.yellow { background-color: #A8AC29; } .backgroundLabel.red { background-color: #EE2222; } .backgroundLabel.purple { background-color: #E132FF; } .categorieName.blue { color: #07abc9; } .categorieName.darkblue { color: #6170c9; } .categorieName.orange { color: #ff9900; } .categorieName.green { color: #00882b; } .categorieName.brown { color: #7c5312; } .categorieName.yellow { color: #A8AC29; } .categorieName.red { color: #EE2222; } .categorieName.purple { color: #b049bf; } /* .vbCostGraphs > div > div { margin-right: 15%; vertical-align: top; width: 110px; margin-bottom: 2em; } */ .vbCostGraphs > div > div { margin-right: 0%; vertical-align: top; width: 298px; margin-bottom: 2em; } .vbCostGraphs > div.main { width: auto; margin-top: 0px; } .vbBack { font-size: 0.875em; font-weight: 400; padding: 0.6em 1em; text-decoration: none; text-transform: uppercase; } .vbBack:hover { opacity:0.5; } .circleExpand { background-color: #fff; border-radius: 187px; bottom: -36px; left: 47%; padding: 1.9em; position: absolute; } .circleExpand .fa { color: #adadad; font-size: 29px; left: 21px; position: absolute; top: 2px; } .vbListExpandedSeparator.noshadow { box-shadow: none; } .vbRequestListHeader { } td.description { width: 57%; } .vbRequestListHeader > div { width: 25%; max-width: 25%; background-color: #006d8f; padding-left: 1.5%; padding-right: 1.5%; border-top: 1px solid #4796ae; border-bottom: 1px solid #4796ae; margin-right: 1px; color: white; } .vbRequestListHeader > div.date { width: 40.5%; max-width: 40.5%; } .vbRequestListHeader > div:first-child { border-left: 1px solid #4796ae; } .vbRequestListHeader > div:last-child { margin-right: 0px; border-right: 1px solid #4796ae; } .vbRequestListContainer > div { height: 35px; line-height: 35px; border-right: 1px solid white; width: 26.5%; max-width: 26.5%; padding-left: 1.5%; padding-right: 1.5%; } .vbRequestListContainer > div:first-child { padding-left: 1px; padding-right: 1.5%; } .vbRequestListContainer > div.date { width: 40.5%; max-width: 40.5%; } .vbRequestListContainer > div.status { width: 25%; max-width: 25%; } .vbBidsListHeader { } .vbBidsListHeader > div { box-sizing: border-box; width: 25%; max-width: 25%; background-color: #006d8f; padding-left: 1.5%; padding-right: 1.5%; border-top: 1px solid #4796ae; border-bottom: 1px solid #4796ae; border-right: 1px solid white; color: white; } .vbBidsListHeader > div.date { width: 40.5%; max-width: 40.5%; } .vbBidsListHeader > div:first-child { border-left: 1px solid #4796ae; } .vbBidsListHeader > div:last-child { margin-right: 0px; border-right: 1px solid #4796ae; } .vbBidsListContainer > div { box-sizing: border-box; height: 35px; line-height: 35px; border-right: 1px solid white; width: 25%; max-width: 25%; padding-left: 1.5%; padding-right: 1.5%; border-bottom: 4px solid #DCDEE0; } .vbBidsListContainer > div:first-child { padding-left: 1px; padding-right: 1.5%; } .table.bids:nth-child(odd) { background-color: #EBEEF4; } .table.bids:nth-child(even) { background-color: #FFFFFF; } .vbCostTableContainer .proposal .proposalSent { margin-bottom: 0.5em; box-sizing: border-box; } .vbCostTableContainer .proposal .proposalSent:first-child { border-right: 4px solid #000; } .vbCostTableContainer .proposal .proposalSent:not(:first-child) { padding-left: 2em; } .vbCostTableContainer .fa.angle { background-color: #d0d0d0; color: #fff; font-size: 1.2em; margin-right: 5px; padding: 0.1em 0.3em; } .proposalSent .title { display: block; font-weight: bold; font-size: 1.05em; text-align: left; } .proposalSent .text { display: block; font-size: 2em; font-weight: 400; text-align: center; } .proposal .form { width: 50%; max-width: 50%; float:left; margin-bottom: 2em; } .proposal .field label { font-weight: bold; display: inline-block; float: left; clear: both; width: 27%; text-align: right; margin:1em 2em 0 0; } .proposal .field input,.proposal .field textarea { display: inline-block; float: left; margin:1em 2em 0 0; resize:none; width:55%; background-color: #fff; border: 1px solid #aaa; border-radius: 5px; color: #444; font-weight: bold; margin-bottom: 0.3em; outline: medium none; padding: 5px; } .proposal .field input[readonly],.proposal .field textarea[readonly] { background-color:#DCDEE0; } .proposal .field > span { display: inline-block; float: left; margin:1em 2em 0 0; resize:none; width:55%; text-align: left; } .proposal.submit .attach { position: relative; float:right; font-size:80%; font-weight: bold; margin: 0 2em 0 0; } .proposal.submit .attach input { position: relative; bottom: 5px; margin-left: 1em; } .proposal.submit .terms { clear:both; margin-top:3em; } .proposal.submit .buttons { clear:both; margin-top:6em; } .proposal.tip { float:left; margin-top: 2em; margin-left: 1em; width: 45%; } .proposal.tip strong { font-weight: bold; } .linkRow { display:table-row; } .incorrectField { border-color:red !important; } .vbRequestManager .proposal.submit { margin-top:2em; margin-right:3em; float:right; width: 40%; } .vbRequestListMainContainer:nth-child(odd) .vbRequestListContainer > div:last-child { border-right: 1px solid white; } .vbRequestListMainContainer:nth-child(even) .vbRequestListContainer > div:last-child { border-right: 1px solid #EEEEEE; } .vbRequestListContainer > div i { color: #999; } #bidSent { height:100%; left:0; position:fixed; top:0; width:100%; z-index:9999; background-color: rgba(20, 20, 20, 0.85); } #bidSent .bidSentCenter { height: 50%; left: 50%; position: relative; top: 50%; width: 50%; } #bidSent .bidSentCenter .bidSentAlert { background-color: #fff; border: 2px solid black; left: -32%; position: absolute; top: -36%; z-index: 11000; font-size: 2em; text-align: center; padding-top: 3%; } #bidSent .bidButton { background-color: #008bb3; border-color: #008bb3; border-radius: 0.5em; border-style: solid; border-width: 0.15em; color: #fff; cursor: pointer; display:inline-block; left: -10em; margin: 2%; min-width: 23%; min-height: 1em; padding-bottom: 0.2em; padding-left: 0.75em; padding-right: 0.75em; padding-top: 0.025em; text-align: center; top: -1.5em; z-index: 1; } #bidSent a { text-decoration:none; } #bidSent .bidButton .grayBg { background-color: #ccc; border-color: #ccc; } #bidSent .bidButtonText { margin-top: 0.2em; font-weight: 400; font-size: 0.7em; } .popover .title { font-size: 1.5em; } /* .popover.left.am-flip-x { top: 6.5px !important; } .popover.left > .arrow { margin-top: -40px; } */ .popover.bottom > .arrow { margin-left: 38px; } ul.settings { list-style-type: none; } .settingsLink { color: #777; text-decoration: none; } .vbPeople a { text-decoration: none; } .vbPeople .common a { color: #444; text-decoration: underline; font-style: justify; } .vbPeople .vbPeopleTitle, .vbInvitations .vbInvitationsTitle { border-bottom: 1px solid #ccc; color: #000; font-size: 1.5em; margin-top: 1em; margin-bottom: 1em; } .vbPeople table, .vbInvitations table { width: 100%; border-spacing: 0; border-collapse: collapse; font-size:0.95em; } .vbPeople th, .vbInvitations th { background-color: #ffa901; color: #FFF; height:2.5em; text-transform: uppercase; vertical-align: middle; font-size: 1em; } .vbPeople th.company, .vbPeople th.name, .vbPeople th.role { width: 20%; } .vbPeople th.projects { width: 40%; } .vbPeople tbody tr, .vbInvitations tr { background-color: #EEE; color: #000; height:2.5em; } .vbPeople tbody tr:nth-child(even), .vbInvitations tbody tr:nth-child(even) { background-color: #F6F6F6; } .vbPeople tbody tr:last-child, .vbInvitations tbody tr:last-child{ /* border-bottom: 1px solid #DCDEE0; */ } .vbPeople tbody tr td, .vbInvitations tbody tr td{ vertical-align: middle; } .vbPeople tbody tr td:first-child, .vbInvitations tbody tr td:first-child{ padding-left: 0.5em; } .vbPeople tbody tr td:not(:last-child), .vbInvitations tbody tr td:not(:last-child) { border-right: 3px solid #FFF; } .vbPeople tbody tr:nth-child(even) td:not(:last-child), .vbInvitations tbody tr:nth-child(even) td:not(:last-child) { border-right: 3px solid #FFF; } .vbPeople .buttons { margin: 2% 0; } .vbInvitationModal { padding: 0 1em; } .vbInvitationModal h1 { font-size: 1.5em; text-align: left; text-decoration: none; margin-bottom: 20px; } .vbInvitationModal div.invite { float:left; } .vbInvitationModal div.invite.manually { width:35%; margin-right: 5%; } .vbInvitationModal div.invite.search { width:60%; } .vbInvitationModal div.invite h1 { border-left: 5px solid #FFAA00; padding-left: 5px; } .vbInvitationModal div.invite div.content { padding:0.5em 1em; background-color: #F6F6F6; border-radius: 5px; -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, .1); box-shadow: 1px 2px 1px rgba(0, 0, 0, .1); } .vbInvitationModal div.invite .content h2 { font-size: 17px; font-weight: 400; text-align: left; margin-bottom: 10px; } .vbInvitationModal div.invite .content p { font-size: 15px; font-weight: 400; margin-bottom: 25px; text-align: left; } .vbInvitationModal .invite.manually .content textarea { resize: none; width: 100%; margin-bottom: 20px; } .vbInvitationModal .invite .content span.send { background-color: #fff; border: 1px solid #a6aaa9; display: inline-block; float: right; font-weight: 400; padding: 0.3em 0.7em; cursor: pointer; } .vbInvitationModal .invite.search .content span.send { margin-top: 15px; } .vbInvitationModal .invite.search .searchButtonCell { margin-top: 0; width:100%; } .vbInvitationModal .invite.search .searchButtonCell form{ display:block; text-align: left; } .vbInvitationModal .invite.search .searchInputBig { border-radius: 0; background-color: #FFF; height: 15px; font-size: 15px; border-color: #A6AAA9; width:65%; min-width: initial; max-width: initial; } .vbInvitationModal .invite.search .searchButtonBig { border-radius: 0; background-color: #FFF; color: #000; font-size: 0.82em; border-color: #A6AAA9; } .vbInvitationModal .invite.search .searchInputHints { right:initial; left:123px; width: 22em; } .vbInvitationModal .invite.search .searchInputHints li { cursor: pointer; } .vbInvitationModal .invite.search .searchInputHints li:hover { background-color: #FFAA00; } .vbInvitationModal .invite.search label { font-weight: 400; } .vbInvitationModal .invite.search ul.invitedList { list-style-type: none; text-align: left; } .vbInvitationModal .invite.search ul.invitedList div.investor a,.vbInvitationModal .invite.search ul.invitedList div.investor span { display: inline-block; } .vbInvitationModal .invite.search ul.invitedList div.investor .visualweb { width: 40%; } .vbInvitationModal .invite.search ul.invitedList div.investor .name { width: 33%; } .vbInvitationModal .invite.search ul.invitedList div.investor .location { width: 20%; } .vbInvitationModal .invite.search ul.invitedList div.investor .check { width: 3%; } .invitedList { margin-top: 15px; } .invitedList li:not(:last-child) { border-bottom: 2px solid darkgray; margin-bottom: 4px; padding-bottom: 4px; } .invitedList .investor .ng-binding { font-weight: 400; } .vbInvitationSent h1, .vbNewInvitations h1 { text-align:center; text-decoration:none; font-size:20px; margin-bottom: 30px; } .vbInvitationSent .modal-dialog, .vbNewInvitations .modal-dialog { width: 500px; } .vbInvitations .accept { display: inline-block; background-color: #FFF; border: 1px solid #a6aaa9; padding: 0.3em 0.7em; cursor: pointer; } .vbNewInvitations .buttons { margin: 2% 0; } .bid.modal-header { border-bottom:0; min-height: initial; } .bid.ng-hide-add.ng-hide-add-active, .bid.ng-hide-remove.ng-hide-remove-active { -webkit-transition:all linear 0.5s; transition:all linear 0.5s; } .vbCostBreakDown tr.bid td.bidDetail{ padding-right: 2em; } .bidDetail { background-color: #FFF; position: relative; } .bidDetail .clear { border-bottom: 1px solid #afafaf; } .bidDetail .titleWrapper { text-align: center; } .bidDetail h1.title { border-bottom: 1px solid #afafaf; display: inline-block; font-size: 1em; font-weight: 500; margin: 0 auto 2em; padding: 0 4em 0.8em; text-align: center; } .bidDetail .title .name{ color: #777; } .bidDetail .title a{ color: #777; font-weight: 500; margin-right: 0.5em; text-decoration: none; } .bidDetail .data { height: auto; } .bidDetail .data .left{ float:left; width:40%; height:100%; box-sizing: border-box; } .bidDetail .data .field{ margin-bottom: 10px; } .bidDetail .data .field .title{ color: #606060; text-align: left; display: inline-block; box-sizing: border-box; font-weight: bold; vertical-align: top; } .bidDetail .data .field .text{ display: inline-block; color: #929292; font-weight: bold; } .bidDetail .data .field .text.normal{ font-weight: normal; font-style: italic; } .bidDetail .data .left .field .title { padding-right: 15px; width: 45%; } .bidDetail .data .left .field .text { width: 55%; } .bidDetail .data .right{ float:left; width:60%; height:100%; box-sizing: border-box; } .bidDetail .data .right .field .title { padding-right: 15px; width: 25%; } .bidDetail .data .right .field .text { width: 75%; box-sizing: border-box; padding-right: 20px; } .bidDetail .price { height:100px; width:870px; margin: 20px auto; } .bidDetail .closeBid { color: #afafaf; font-size: 2em; position: absolute; right: 1em; top: 0.2em; cursor: pointer; } .bidDetail .buttons { margin: 3%; text-align: right; } .close { float: right; font-size: 21px; font-weight: bold; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; filter: alpha(opacity=20); opacity: .2; } .close:hover, .close:focus { color: #000; text-decoration: none; cursor: pointer; filter: alpha(opacity=50); opacity: .5; } button.close { -webkit-appearance: none; padding: 0; cursor: pointer; background: transparent; border: 0; } .modal-open { overflow: hidden; } .modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; display: none; overflow: hidden; -webkit-overflow-scrolling: touch; outline: 0; } .modal.fade .modal-dialog { -webkit-transition: -webkit-transform .3s ease-out; -o-transition: -o-transform .3s ease-out; transition: transform .3s ease-out; -webkit-transform: translate3d(0, -25%, 0); -o-transform: translate3d(0, -25%, 0); transform: translate3d(0, -25%, 0); } .modal.in .modal-dialog { -webkit-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .modal-dialog { position: relative; width: auto; margin: 10px; } .modal-content { position: relative; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, .2); /*border-radius: 6px;*/ outline: 0; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5); box-shadow: 0 3px 9px rgba(0, 0, 0, .5); } .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000; } .modal-backdrop.fade { filter: alpha(opacity=0); opacity: 0; } .modal-backdrop.in { filter: alpha(opacity=50); opacity: .5; } .modal-header { min-height: 16.42857143px; padding: 15px; border-bottom: 1px solid #e5e5e5; } .modal-header .close { margin-top: -2px; } .modal-title { margin: 0; line-height: 1.42857143; } .modal-body { position: relative; padding: 15px; } .modal-footer { margin-top:10px; padding: 15px; text-align: center; border-top: 1px solid #e5e5e5; } .modal-footer .btn + .btn { margin-bottom: 0; margin-left: 5px; } .modal-footer .btn-group .btn + .btn { margin-left: -1px; } .modal-footer .btn-block + .btn-block { margin-left: 0; } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } .modal-backdrop.am-fade { opacity: .5; transition: opacity .15s linear; } .modal-backdrop.am-fade.ng-leave { opacity:0; z-index:-1; } /* path.slice:hover { opacity: 0.5; } */ text.sliceText:hover { cursor: default; } .vbCostGraphs .hoverCategory { margin-right: 0; width: auto; /* white-space: nowrap; */ } /* .vbCostGraphs .hoverCategory.subCategory { margin-left:-30px; } */ .vbCostGraphs .hoverCategory.subCategory { margin-left:28px; } text.sliceText { font-weight: bold; } .sortable { cursor: pointer; } .sortable .fa { /* float:right; */ margin-top: 2px; margin-left: 10px; } td .globalLogoPrime { float: right; } .textgray { color: #898989 !important; } .vbCostBreakDown .vbCostTableContainer .quote.selected td:first-child { background-color: #FFF; border-bottom:0; } .vbCostBreakDown .vbCostTableContainer .quotedetail table tr th { background-color: #FFF; color: #444; } .analysisDirectiveCategoryText { font-size:12px; } @media (min-width: 768px) { .modal-dialog { width: 950px; margin: 30px auto; } .modal-content { -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5); box-shadow: 0 5px 15px rgba(0, 0, 0, .5); } .modal-sm { width: 300px; } } @media (min-width: 992px) { .modal-lg { width: 1000px; } } @media screen and (max-width: 960px) { .vbTabs .vbTab { font-size: 1.6vw; } .vbPerformanceUpperText { font-size: 2.1vw; } .analysisDirectiveCategoryText { font-size:1.3vw; } .analysisDirectiveCategoryText.littleColumns { font-size:1vw; } } /* @media screen and (-webkit-min-device-pixel-ratio:0) { #vbShadowDivider { width: 98.6% !important; } } */ .walkthroughBBackgroundWhite{ background-color: #fff; } .walkthroughBBackgroundGrey { background-color: #e4e4e4; } .walkthroughBoxTop { background-color: #003647; background: radial-gradient(ellipse at bottom, #002a38 0%,#005874 100%); } .walkthroughBoxAPictureCam { margin-top: -0.75em; margin-right: 3.5em; } .walkthroughBoxPictureCamF { width: 350px; } .walkthroughBoxAPicture { padding-right: 2em; padding-top: 0.25em; } .walkthroughBoxPictureFile { box-shadow: 0 2px 10px #888; } .walkthroughBoxBPicture { margin-left: 0.5em; } .walkthroughTop { padding-left: 1em; padding-right: 1em; padding-top: 2em; text-align: center; } .walkthroughBoxAText { color: #6a6a6a; float: left; font-weight: 400; font-size: 1em; line-height: 1.3em; max-width: 35em; padding-top: 1em; } .walkthroughBoxAText ul { color: #000; margin-left: 0.25em; padding: 1em 0 0 1em; } .walkthroughBoxAText ul li { font-size: 0.85em; line-height: 1.4em; } .walkthroughBoxBText { color: #6a6a6a; float: left; font-weight: 400; font-size: 1em; line-height: 1.3em; max-width: 35em; padding-top: 1em; } .walkthroughBoxBText ul { color: #000; margin-left: 0.25em; padding: 1em 0 0 1em; } .walkthroughBoxBText ul li { font-size: 0.85em; line-height: 1.5em; } .walkthroughBoxABottom { color: #000; font-size: 0.85em; font-weight: 300; } .walkthroughTopTitle { color: #fff; font-weight: 300; font-size: 2.1em; line-height: 1.5em; } .walkthroughTopImage { display: block; margin-left: auto; margin-right: auto; } .walkthroughTopButtonCenter { position: absolute; left: 50%; } .walkthroughTopButtonLeft { left: -10em; } .walkthroughTopButton { background-color: #ffaa01; border-color: #fff; border-radius: 0.5em; border-style: solid; border-width: 0.15em; cursor: pointer; font-weight: 400; font-size: 1.2em; left: -10em; min-width: 20em; min-height: 2.75em; position: absolute; text-align: center; top: -1.5em; z-index: 1; } .walkthroughTopButtonText { margin-top: 0.7em; } .walkthroughFirstBox { padding-bottom: 2em; padding-top: 3.5em; } .walkthroughWorld { float: right; margin-top: 3em; } .walkthroughBoxATitle { color: #000; font-weight: 400; font-size: 1.8em; } .walkthroughBoxASubtitle { color: #6a6a6a; font-weight: 500; font-size: 1.4em; padding-top: 0.4em; } .walkthroughNumbers3 { display: inline-block; max-width: 15em; margin-right: 2em; margin-left: 2em; margin-top: 1em; text-align: center; vertical-align: top; } .walkthroughNumbers4 { display: inline-block; max-width: 10em; margin-right: 2em; margin-left: 2em; margin-top: 1em; text-align: center; vertical-align: top; } .walkthroughNumbersCircle { font-size: 2.25em; margin-bottom: 0.5em; margin-top: 0.5em; } .walkthroughLegals2 { display: inline-block; max-width: 40%; margin-right: 2em; margin-left: 2em; margin-top: 1em; text-align: left; vertical-align: top; } .walkthroughReady { background-color: #666; padding-bottom: 1em; padding-top: 1em; text-align: center; } .walkthroughReadyText { color: #fff; display: inline-block; font-size: 2.5em; vertical-align: middle; } .walkthroughReadyButton { background-color: #ffaa01; border-color: #fff; border-radius: 0.5em; border-style: solid; border-width: 0.15em; cursor: pointer; display: inline-block; font-weight: 400; font-size: 1.2em; min-width: 15em; min-height: 2.5em; text-align: center; vertical-align: middle; } .walkthroughReadyButtonText { margin-top: 0.65em; } .walkthroughDemoShadowBox { display: table; height: 100%; width: 100%; } .walkthroughDemoShadow { display: table-cell; text-align: center; vertical-align: middle; } .walkthroughDemoShadow img { max-width: 100%;max-height: 100%; } @media screen and (min-width: 37.5em) and (max-width: 49em) { /* medium / tablet */ .walkthroughBoxAText { padding-top: 0; max-width: 18em; } .walkthroughBoxBText { max-width: 20em; } .walkthroughWorld { margin-top: 0; } } @media screen and (max-width: 37.5em) { /* small / phone */ .walkthroughTopImage { width: 300px; } .walkthroughTopButton { left: -7em; min-width: 14em; } .walkthroughLegals2 { max-width: 100%; margin-right: 1em; margin-left: 1em; } }