/* Minification failed. Returning unminified contents. (588,1): run-time error CSS1019: Unexpected token, found '@import' (588,9): run-time error CSS1019: Unexpected token, found 'url('https://fonts.googleapis.com/css2?family=Barlow:wght@500&display=swap')' (1661,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (1662,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (1670,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (1671,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (1679,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (1680,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (1689,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (1690,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (1699,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (1700,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (1715,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (1716,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (1731,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (1732,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (1747,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (1748,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (1763,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (1764,8): run-time error CSS1035: Expected colon, found '{' (1771,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (1772,8): run-time error CSS1035: Expected colon, found '{' (1783,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (1784,8): run-time error CSS1035: Expected colon, found '{' (1795,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (1796,8): run-time error CSS1035: Expected colon, found '{' (1807,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (1808,8): run-time error CSS1035: Expected colon, found '{' (1819,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (1820,8): run-time error CSS1035: Expected colon, found '{' (1843,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (1844,8): run-time error CSS1035: Expected colon, found '{' (1851,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (1852,8): run-time error CSS1035: Expected colon, found '{' (1861,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (1862,8): run-time error CSS1035: Expected colon, found '{' (1871,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (1872,8): run-time error CSS1035: Expected colon, found '{' (1881,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (1882,8): run-time error CSS1035: Expected colon, found '{' (1891,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (1892,8): run-time error CSS1035: Expected colon, found '{' (1907,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (1908,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (1916,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (1917,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (1934,1): run-time error CSS1019: Unexpected token, found '@keyframes' (1935,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (1943,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (1944,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (1953,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (1954,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (1973,1): run-time error CSS1019: Unexpected token, found '@keyframes' (1974,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (1983,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (1984,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (1999,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (2000,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2031,1): run-time error CSS1019: Unexpected token, found '@keyframes' (2032,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2047,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (2048,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2063,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (2064,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2095,1): run-time error CSS1019: Unexpected token, found '@keyframes' (2096,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2111,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (2112,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2127,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (2128,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2159,1): run-time error CSS1019: Unexpected token, found '@keyframes' (2160,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2175,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (2176,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2191,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (2192,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2223,1): run-time error CSS1019: Unexpected token, found '@keyframes' (2224,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2239,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (2240,8): run-time error CSS1035: Expected colon, found '{' (2247,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (2248,8): run-time error CSS1035: Expected colon, found '{' (2263,1): run-time error CSS1019: Unexpected token, found '@keyframes' (2264,8): run-time error CSS1035: Expected colon, found '{' (2271,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (2272,8): run-time error CSS1035: Expected colon, found '{' (2283,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (2284,8): run-time error CSS1035: Expected colon, found '{' (2307,1): run-time error CSS1019: Unexpected token, found '@keyframes' (2308,8): run-time error CSS1035: Expected colon, found '{' (2319,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (2320,8): run-time error CSS1035: Expected colon, found '{' (2331,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (2332,8): run-time error CSS1035: Expected colon, found '{' (2355,1): run-time error CSS1019: Unexpected token, found '@keyframes' (2356,8): run-time error CSS1035: Expected colon, found '{' (2367,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (2368,8): run-time error CSS1035: Expected colon, found '{' (2379,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (2380,8): run-time error CSS1035: Expected colon, found '{' (2403,1): run-time error CSS1019: Unexpected token, found '@keyframes' (2404,8): run-time error CSS1035: Expected colon, found '{' (2415,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (2416,8): run-time error CSS1035: Expected colon, found '{' (2427,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (2428,8): run-time error CSS1035: Expected colon, found '{' (2451,1): run-time error CSS1019: Unexpected token, found '@keyframes' (2452,8): run-time error CSS1035: Expected colon, found '{' (2463,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (2464,8): run-time error CSS1035: Expected colon, found '{' (2487,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (2488,8): run-time error CSS1035: Expected colon, found '{' (2535,1): run-time error CSS1019: Unexpected token, found '@keyframes' (2536,8): run-time error CSS1035: Expected colon, found '{' (2559,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (2560,8): run-time error CSS1035: Expected colon, found '{' (2567,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (2568,8): run-time error CSS1035: Expected colon, found '{' (2583,1): run-time error CSS1019: Unexpected token, found '@keyframes' (2584,8): run-time error CSS1035: Expected colon, found '{' (2591,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (2592,8): run-time error CSS1035: Expected colon, found '{' (2601,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (2602,8): run-time error CSS1035: Expected colon, found '{' (2621,1): run-time error CSS1019: Unexpected token, found '@keyframes' (2622,8): run-time error CSS1035: Expected colon, found '{' (2631,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (2632,8): run-time error CSS1035: Expected colon, found '{' (2641,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (2642,8): run-time error CSS1035: Expected colon, found '{' (2661,1): run-time error CSS1019: Unexpected token, found '@keyframes' (2662,8): run-time error CSS1035: Expected colon, found '{' (2671,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (2672,8): run-time error CSS1035: Expected colon, found '{' (2681,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (2682,8): run-time error CSS1035: Expected colon, found '{' (2701,1): run-time error CSS1019: Unexpected token, found '@keyframes' (2702,8): run-time error CSS1035: Expected colon, found '{' (2711,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (2712,8): run-time error CSS1035: Expected colon, found '{' (2721,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (2722,8): run-time error CSS1035: Expected colon, found '{' (2741,1): run-time error CSS1019: Unexpected token, found '@keyframes' (2742,8): run-time error CSS1035: Expected colon, found '{' (2751,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (2752,8): run-time error CSS1035: Expected colon, found '{' (2767,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (2768,8): run-time error CSS1035: Expected colon, found '{' (2799,1): run-time error CSS1019: Unexpected token, found '@keyframes' (2800,8): run-time error CSS1035: Expected colon, found '{' */ /* HTML entities */ body { background-image: url(../Content/images/body_bg.png); background-repeat: repeat-x; background-color: #e6e6e6; color: #505050; } a { color: #505050; } a.grey { color: #7d7d7d !important; } a:visited { color: #909090; } input[type=submit] { background-color: #c0d174; color: #fff; } input[type=submit]:hover { background-color: #344444; } a.default-button { background-color: #c0d174; color: #fff; white-space: pre-wrap; display: inline-block; text-align: center; } a.default-button:hover, span.default-button:hover, a.requestbuild-button:hover { background-color: #344444; } a.requestbuild-button { background-color: #FFC000; color: #fff; white-space: pre-wrap; display: inline-block; text-align: center; } a.unsubscribe { background-color: #999; background-image: url(../Content/images/bg_button_disabled.png); background-position: top left; background-repeat: repeat-x; color: #fff; } input[type=submit][disabled=disabled] { background-color: #999; background-image: url(../Content/images/bg_button_disabled.png); background-position: top left; background-repeat: repeat-x; color: #fff; } #box div#contentbox form[method=post] ul li { background-image: none; margin-left: -1em; } /* End HTML entities */ /* 'Masterpage' layout stylings */ #box { /* Background */ background-color: #fff; color: #505050; } #box div#topbar div#languagebox { /* background */ background-color: #fff; background-image: url(../Content/images/arrow_down.gif); background-repeat: no-repeat; background-position: 80px 25px; } #box div#topbar div#languagebox ul { background-color: inherit; } #box div#header div#topbar div#user-box div.logged-in div.clicked ul li a { background-image: url(../Content/images/breadcrumb_double_arrows.png); background-position: left -.9em; background-repeat: no-repeat; padding-left: 1.5em; } #box div#navbar { /* Background */ /*background-image: url(../Content/images/navbar_bg.jpg);*/ /*background-color: #344444;*/ background-color: #444B53; } #box div#navbar ul li:hover, #box div#navbar ul li.active { background-color: #c0d174; } #box div#navbar ul li:hover span { filter:alpha(opacity=100); /* CSS3 standard */ opacity:1; } #box div#navbar ul li a { color: #fff; } #box div#breadcrumb { /* Text */ color: #909090; } #box div#breadcrumb ul li { /* background */ background-image: url(../Content/images/breadcrumb_double_arrows.png); background-position: 10px; background-repeat: no-repeat; } #box div#contentbox div#left h2 { background: inherit; } #box div#contentbox h2, #box div#topbar div.account h2, #box .box h2 { /* background */ background-image: url(../Content/images/breadcrumb_double_arrows.png); background-position: 0 -6px; background-repeat: no-repeat; } #box div#contentbox div#right div#products-overview div.product-dvd h2 { /* background */ background-image: url(../Content/images/breadcrumb_double_arrows.png); background-position: left 0; background-repeat: no-repeat; } #box div#contentbox div#downloads div.download div.summary h3 { /* background */ background-image: url(../Content/images/breadcrumb_double_arrows.png); background-position: 0 -6px; background-repeat: no-repeat; } #box div#contentbox div#downloads div.download div.summary p.more a, #box div.home-box-content div.more a, html.js body div#box div#contentbox div#right div.myproducts div#products-overview div.product-dvd div.content p.more a{ /* Background */ background-image: url(../Content/images/breadcrumb_double_arrows.png); background-position: 0px -10px; background-repeat: no-repeat; } #box div#contentbox div#right div#details a{ /* Text */ color: #c0d174; } #box div#contentbox div#right div#details a.default-button, #box div#contentbox div#right div#details a.requestbuild-button { color: #fff; } #box div#contentbox div#right div#details a.requestbuildagain-button { color: #000; } #box div#contentbox div#right div#details ul#downloads a,#box div#contentbox div#right div#details ul#download-all a { color: #505050; } #box div#contentbox div#right div#details ul#downloads a:visited,#box div#contentbox div#right div#details ul#download-all a:visited { color: #909090; } #box div#breadcrumb ul li.home { /* background */ background-image: none; } #box div#contentbox ul li { background-image: url(../Content/images/single_arrow.gif); background-position: 0 5px; background-repeat: no-repeat; } #box div#contentbox h1{ color: #c0d174; } div.overlay { background-color: #FFF; filter:alpha(opacity=70); /* CSS3 standard */ opacity:0.7; } div.overlay div { background-image: url(../Content/images/loader.gif); background-position: center; background-repeat: no-repeat; filter:alpha(opacity=100); /* CSS3 standard */ opacity:1; } #box div#contentbox div#left div#hotfix-info-box p { color: #909090; } #box div#contentbox div#right div#faq-container h2 { /* background */ background-image: url(../Content/images/breadcrumb_double_arrows.png); background-position: 0 -8px; background-repeat: no-repeat; } /* End 'Masterpage' layout stylings*/ /* '_HotfixFilters' layout stylings */ /* End '_HotfixFilters' layout stylings*/ /* 'Disqus-box' color stylings */ #box div#contentbox div#right div#disqus_thread li { background: none; } /* 'FAQ-Page' stylings */ #box div#faq-container h2{ color: #c0d174; } #box div#contentbox div#right div#faq-container h2 a { color: #505050; } #box div#contentbox div#right div#faq-container h2 a:visited { color: #909090; } #box div#contentbox div#right div#faq-container a { color: #505050; } #box div#contentbox div#right div#faq-container a:visited { color: #909090; } .infoheaderblock-box-link { color: #555; text-decoration: none; } /* 'Account User Box' stylings */ #box div#topbar div#user-box div.logged-in { background: #fff; } #box div#topbar div#user-box div.logged-in div.accountname { background-image: url(../Content/images/arrow_down.gif); background-repeat: no-repeat; background-position:right 25px; } #box div#topbar div#user-box div.not-logged-in div.buttons li, #box div#topbar div#user-box div.logged-in div.buttons li { background-image: url(../Content/images/user_box/bg_pre_button.png); background-repeat: no-repeat; background-position: left; } #box div#topbar div#user-box div.not-logged-in div.buttons li a, #box div#topbar div#user-box div.logged-in div.buttons li a { background-image: url(../Content/images/user_box/bg_post_button.png); background-repeat: no-repeat; background-position: right; color: #fff; display:block; } /* 'Account-pages' stylings */ #box div#contentbox div#right div.account div.form-buttons span.button-tool-tip { color: #909090; } div#box div#contentbox div#left div#account-side-menu ul { width: 100%; } div#box div#contentbox div#left div#account-side-menu ul li { background-image: url(../Content/images/bg_submenu.png); background-position: right bottom; } div#box div#contentbox div#left div#account-side-menu ul li a { color: #505050; } div#box div#contentbox div#full div#new-account-steps ul li { background: inherit; } /* 'box' stylings */ #box div#contentbox div.box, #box div.box { } #box div#contentbox div.box div.box-header, #box div.box div.box-header { background-color: #c0d174; background-image: none; /*background-color: #8F9F0B; background-image: url(../Content/images/bg_box_header.png); background-position: center; background-repeat: no-repeat;*/ } #box div#contentbox div.box div.box-content, #box div.box div.box-content { background-color: #FAFAFA; } div.home-box div.home-box-content, div#contentbox.home div#full div#home div.home-box form div#login-box.box div.box-content { background-color: #fff; } #box div#contentbox div.box div.box-error,#box div.box div.box-error { color: #f00; } #box div#contentbox div.box div.box-error li,#box div.box div.box-error li { background: inherit; } #box div#contentbox div.box ul.options li, #box div.box ul.options li { background: inherit; } #box div#contentbox div.box ul.options li a, #box div.box ul.options li a { /* background */ background-image: url(../Content/images/breadcrumb_double_arrows.png); background-position: 10px; background-repeat: no-repeat; } /* 'Pop-up box' styling */ div.update-message-container { } div.update-message { background-color: #ededed; background-image: url(../Content/images/bg_dialog.png); background-repeat: repeat-x; } div.update-message h1,#box div#contentbox div#right div.update-message h1,#box div#contentbox div#full div.update-message h1 { background-image: url(../Content/images/breadcrumb_double_arrows.png); background-position: 0 -8px; background-repeat: no-repeat; color: inherit; } div#box div#contentbox div#right div.box-container div.overview-box div.header, div.home-box div.header{ background-color: #c0d174; background-image: none; /*background-color: #8F9F0B; background-image: url("../Content/images/bg_box_header.png"); background-position: center center; background-repeat: no-repeat;*/ } div.box-container div.overview-box div.content h2 { background-image: url("../Content/images/breadcrumb_double_arrows.png"); background-position: left -5px; background-repeat: no-repeat; color: #505050; } div#products-overview div.mac { background-image: url("../Content/images/fileicon_macintosch.png"); background-position: 11px 0px; background-repeat: no-repeat; } div#products-overview div.windows { background-image: url("../Content/images/fileicon_windows.png"); background-position: 11px 0px; background-repeat: no-repeat; } div#products-overview p.mac, html.js body div#box div#contentbox div#right div#details div#content p.mac { background-image: url("../Content/images/fileicon_macintosch.png"); background-repeat: no-repeat; background-position: center; } div#products-overview p.windows, html.js body div#box div#contentbox div#right div#details div#content p.windows { background-image: url("../Content/images/fileicon_windows.png"); background-repeat: no-repeat; background-position: center; } div#box div#contentbox div#left div#products-side-menu ul li { background:none; } div.suite-logo { background-image: url("../Content/Icons/Suite12_32x32.png"); background-repeat: no-repeat; background-position: 120px 2px; } div#box div#contentbox.home { /*background-image: url("../Content/images/header-waves.png");*/ } #box div.home-box-text div.hotfix div.summary p { color: #c0d174; } #box div#contentbox div#right div.type.recommended { background-image: url("../Content/images/user_box/red_post_button.png"); background-position: right center; background-repeat: no-repeat; color: #FFFFFF; } #box div#contentbox div#right div.type.recommended span{ background-image: url("../Content/images/user_box/red_pre_button.png"); background-position: left center; background-repeat: no-repeat; color: #FFFFFF; } #box div#contentbox div#right div#downloads-result div#downloads div.download div.hotfixright div.date { color: #909090; } #box div#contentbox div#right div.myproducts div#products-overview div.product-dvd span.date { color: #909090; } .deactivateButton { pointer-events:none; background-color:#B3B6B7 !important; } .contact-support-instruction-wrapper { padding: 0 20px; max-height: 0; overflow: hidden; transition: 0.2s ease-out; background-color: #fafafa; } .contact-support-instruction-body { padding: 20px 0px 20px 0px; } #enterprise-box { background-image: url("../Content/images/arrow_down.gif"); background-position: right 25px; background-repeat: no-repeat; } #enterprise-box-drop-down { padding-right: 1.5em; cursor: pointer; } #enterprise-sites-box-overlay { background-image: url(../Content/images/loader.gif); background-position: center center; background-repeat: no-repeat; } #enterprise-sites-context-switch { margin-left: 2em; color: #505050; background: #eee; border: 1px solid #ddd; text-transform: none; border-radius: .5em; display: none; } #enterprise-sites-context-switch:hover { background: #fcfcfc; } #enterprise-sites-box { position: fixed; z-index: 105; font-size: .85em; } #box #enterprise-sites-box.box { width: 760px; /*600px; before 20%*/ top: 50%; margin-top: -200px; } #enterprise-sites-box .buttons { text-align: right; } #enterprise-sites-box #enterprise-sites-box-countries { background: #fff; height: 300px; overflow: auto; width: 24%; position: relative; float: left; border: 1px solid #c0d174; } #enterprise-sites-box #enterprise-sites-box-countries ul, #enterprise-sites-box .country-box-sites ul { margin: 0; padding: 0; } #enterprise-sites-box #enterprise-sites-box-countries ul li, #enterprise-sites-box .country-box-sites ul li { margin: 0; padding: .5em; border-bottom: 1px dotted #c0d174; line-height: 1em; text-transform:capitalize; cursor:pointer; } #enterprise-sites-box #enterprise-sites-box-countries ul li:hover, #enterprise-sites-box .country-box-sites ul li:hover { background: #eee; } #enterprise-sites-box #enterprise-sites-box-countries ul li.active, #enterprise-sites-box .country-box-sites ul li.active { background: #c0d174; color: #fff; } #enterprise-sites-box #enterprise-sites-box-sites { background: #fff; height: 300px; overflow: auto; width: 74%; position: relative; float: right; border: 1px solid #c0d174; } /*@import url(https://fonts.googleapis.com/css?family=Open+Sans:300&subset=latin,latin-ext,cyrillic,cyrillic-ext,greek-ext,greek);*/ /*@import url('https://fonts.googleapis.com/css2?family=Barlow&display=swap');*/ @import url('https://fonts.googleapis.com/css2?family=Barlow:wght@500&display=swap'); /* HTML entities */ body,html,p,select,button, input, textarea { /*font-family: "Arial" , "Helvetica" , sans-serif;*/ font-family: 'Barlow', "Helvetica Neue", "Helvetica", "hiragino kaku gothic pro", "ms pgothic", "Arial", sans-serif; } input[type=submit] { /*font-family: 'open sans', sans-serif;*/ text-transform: uppercase; text-decoration: none; } a.default-button { font-size: 1em; text-transform: uppercase; text-decoration: none; font-family: Barlow, Helvetica Neue, Helvetica, hiragino kaku gothic pro, ms pgothic, Arial, sans-serif; } span.default-button { /*font-family: 'open sans', sans-serif;*/ } /* End HTML entities */ /* 'Masterpage' layout stylings */ #box div#topbar div#languagebox { font-size: 11px; } #box div#header div#topbar div#user-box div.logged-in div.clicked ul li a{ text-decoration: none; color:#505050; } #box div#topbar div#user-box div.logged-in div.textclickedbold { font-weight: bold; } #box div#navbar #mysoftware-title { font-family: Barlow, Helvetica Neue, Helvetica, hiragino kaku gothic pro, ms pgothic, Arial, sans-serif; } #box div#navbar #mysoftware-title a { color: #fff; text-decoration: none; font-weight: 300; font-size: 1.5em; } #box div#navbar ul li a { font-size: 11px; text-transform: uppercase; text-decoration: none; } #box div#footer { font-size: 11px; } #box div#breadcrumb ul li { font-size: 11px; } #box div#contentbox { font-size: 12px; } #box div#contentbox h1 { font-size: 2.5em; font-weight: normal; line-height: 1.2em; font-family: Barlow, Helvetica Neue, Helvetica, hiragino kaku gothic pro, ms pgothic, Arial, sans-serif; } #box div#contentbox div#left h2, #box div#contentbox div#right h2, #box div#contentbox div#full h2, #box div#topbar div.account h2, #box .box h2, html.js body div#box div#contentbox div#right div#account-information.account div.notificationrow div.notificationinfo-name { font-size: 1.1em; text-transform: uppercase; font-weight: bold; } #box div#contentbox div#right div#downloads div.download div.summary h3 { font-size: 1.2em; font-weight: bold; } #box div.home-box-text div.summary h3 { font-weight: normal; } #box div#contentbox div#right div#downloads div.download div.summary h3 span, h2 span{ font-weight: normal; } #box div#contentbox div#downloads div.download div.summary a, #box div.home-box-content a, html.js body div#box div#contentbox div#right div.myproducts div#products-overview div.product-dvd div.content p.more a { text-decoration: none; } #box div#contentbox div#downloads div.download div.summary h3 a:hover { text-decoration: none; } #box div#contentbox div#downloads div.download div.summary p.more a, #box div.home-box-content div.more a, html.js body div#box div#contentbox div#right div.myproducts div#products-overview div.product-dvd div.content p.more a{ text-transform: uppercase; font-size: .8em; font-weight: bold; } #box div#contentbox div#right div#faq-container h2 { font-size: 1.63em; font-weight: normal; text-transform: none; } #box div#contentbox div#right div.myproducts div#products-overview div.product-dvd div.content h2 { text-transform: none; } /* End 'Masterpage' layout stylings*/ /* '_HotfixFilters' layout stylings */ #box div#contentbox div#left div#hotfix-filter-box select { font-family: Barlow, Helvetica Neue, Helvetica, hiragino kaku gothic pro, ms pgothic, Arial, sans-serif; font-size: .9em; line-height: 1.5em; } #box div#contentbox div#left div#hotfix-info-box p { font-size: 0.9em; } /* 'FAQ-Page' stylings */ #box div#contentbox div#right div#faq-container h2 a { font-weight: normal; font-size: 0.9em; } /* FAQ-Page side bar styling*/ .infoheaderblock-box-link { color: #555; text-decoration: none; } .infoheaderblock-box-text-title { font-weight: bold; } /* 'Account User Box' stylings */ #box div#topbar div#user-box { font-size: 11px; } #box div#topbar div#user-box div.not-logged-in div.buttons li a, #box div#topbar div#user-box div.logged-in div.buttons li a, #box div#contentbox div#right div.type.recommended { font-size: .9em; font-weight: normal; text-transform: uppercase; text-decoration: none; padding-right: 0.5em; } /* 'Account-pages' stylings */ #box div#contentbox div#right div.account { } #box div#contentbox div#right div.account div.form-buttons span.button-tool-tip { font-size: .9em; } div#box div#contentbox div#left div#account-side-menu ul li a{ text-decoration: none; } div#box div#contentbox div#left div#account-side-menu ul li.active a { font-weight: bold; } /* 'Pop-up box' styling */ div.update-message-container { } div.update-message { } div.update-message h1,#box div#contentbox div#right div.update-message h1, #box div#contentbox div#full div.update-message h1 { font-size: 1.1em; text-transform: uppercase; font-weight: bold; } div#box div#topbar div#user-box div.account { font-size: 12px; } #box div#contentbox div#right div.overview-box div.content h2 { font-size: 1.3em; font-weight: bold; text-transform: uppercase; } #box div#home div.slogan { font-weight: 600; font-family: Barlow, Helvetica Neue, Helvetica, hiragino kaku gothic pro, ms pgothic, Arial, sans-serif; } #box div#contentbox div#right div#downloads-result div#downloads div.download div.hotfixright div.date { text-transform: uppercase; font-size: 0.8em; text-align: center; } #box div#contentbox div#right div.myproducts div#products-overview div.product-dvd span.date { text-transform: uppercase; font-size: 0.8em; text-align: center; } #box div#contentbox div#right div.myproducts div.downloadinfo h3 { font-weight: bold; font-size: 12px; } #box div#contentbox div#right div.myproducts div.technical div.size{ font-size: 10px; } #box div#contentbox div#right div.myproducts div.technical div.ostype { font-size: 10px; font-weight: bold; } html.js body div#box div#contentbox div#right div.myproducts div#products-overview div.product-dvd div.content div.showhide { text-decoration:underline; cursor: hand; cursor: pointer; } .capitalize { text-transform: capitalize; } .configure-icon { background-image: url(../content/images/icons/configure.png); } .remove-icon { background-image: url(../content/images/icons/remove.png); } .user-icon { background-image: url(../content/images/icons/user.png); } .create-icon { background-image: url(../content/images/icons/create.png); } .search-icon { background-image: url(../content/images/icons/search.png); } .warning-icon { background-image: url(../content/images/icons/warning.png); } .reinstall-icon { background-image: url(../content/images/icons/reinstall.png); } .download-icon { background-image: url(../content/images/icons/download.png); } .obsolete-icon { background-image: url(../content/images/icons/obsolete.png); } .move-icon { background-image: url(../content/images/icons/move.png); } .view-icon { background-image: url(../content/images/icons/view.png); } .select-icon { background-image: url(../content/images/icons/select.png); } .configure-icon, .remove-icon, .user-icon, .create-icon, .search-icon, .warning-icon, .reinstall-icon, .download-icon, .obsolete-icon, .view-icon, .select-icon, .move-icon { padding: .25em .5em .25em 1.75em; background-color: #fff; background-position: .25em center; background-repeat: no-repeat; border: .1em solid #ccc; text-decoration: none; color: #505050; } .configure-icon:hover, .remove-icon:hover, .user-icon:hover, .create-icon:hover, .search-icon:hover, .warning-icon:hover, .reinstall-icon:hover, .download-icon:hover, .obsolete-icon:hover, .move-icon:hover, .select-icon:hover, .view-icon:hover { background-color: #f5f5f5; } .download-icon:hover { background-color: #ffd; } .configure-icon:hover, .search-icon:hover, .user-icon:hover { background-color: #ffd; } .create-icon:hover { background-color: #cd3; } .remove-icon:hover, .reinstall-icon:hover, .obsolete-icon:hover { background-color: #fdd; } .warning-icon { background-color: #fbee9d; } .pure { height: 1em; border: 0; padding: .25em .5em .25em 1.25em; } .round-icon { border-radius: .5em; border-color:transparent; } input.search-icon { padding: .2em .5em .15em 1.75em; position: relative; top: -1px; } .searching { background-color: #ff9; } .no-border { border: 0; } .collapsible { background-color: #a0a5a9; color: white; cursor: pointer; padding: 10px; width: 100%; border: none; text-align: left; outline: none; font-size: 12px; font-stretch: expanded; text-transform: uppercase; } .collapsible:after { content: '\25bc'; color: white; font-weight: bold; float: right; margin-left: 5px; } .activated:after { content: "\25b6"; } .Instruction-wrapper { padding: 0 20px; max-height: 0; overflow: hidden; transition: 0.2s ease-out; background-color: #fafafa; text-align: center; } .dot { height: 30px; width: 30px; background-color: white; border-color: #9e9e9e; border-radius: 50%; border-width: 2px; border-style: solid; display: inline-block; line-height: 30px; font-size: 15px; font-weight: bold; } .line { height: 2px; width: 200px; background-color: #9e9e9e; display: inline-block; margin-top: 15px; } .dot.green, .line.green{ background-color: #c0d174; border-color: #c0d174; } .Instruction-text { position: relative; display: block; text-transform: uppercase; padding-top: 5px; font-size: 12px; font-family: Barlow, Helvetica Neue, Helvetica, hiragino kaku gothic pro, ms pgothic, Arial, sans-serif; } .Instruction-text.green { color: #c0d174; } .Instruction-icon { border: none; outline: none; background-color: transparent; cursor: pointer; width: 80px; } .instruction-content { text-align: left; } .Instruction-body { padding: 20px 0px 20px 0px; display: inline-flex; } .upgrade-Instruction-body { padding: 20px 0px 20px 0px; display: inline-flex; } /* * iziToast | v1.4.0 * http://izitoast.marcelodolce.com * by Marcelo Dolce. */ .iziToast-capsule { font-size: 0; height: 0; width: 100%; transform: translateZ(0); backface-visibility: hidden; transition: transform 0.5s cubic-bezier(0.25, 0.8, 0.25, 1), height 0.5s cubic-bezier(0.25, 0.8, 0.25, 1); } .iziToast-capsule, .iziToast-capsule * { box-sizing: border-box; } .iziToast-overlay { display: block; position: fixed; top: -100px; left: 0; right: 0; bottom: -100px; z-index: 997; } .iziToast { display: inline-block; clear: both; position: relative; font-family: 'Lato', Tahoma, Arial; font-size: 14px; padding: 8px 45px 9px 0; background: rgba(238,238,238,0.9); border-color: rgba(238,238,238,0.9); width: 100%; pointer-events: all; cursor: default; transform: translateX(0); -webkit-touch-callout: none /* iOS Safari */; -webkit-user-select: none /* Chrome/Safari/Opera */; -khtml-user-select: none /* Konqueror */; -moz-user-select: none /* Firefox */; -ms-user-select: none /* Internet Explorer/Edge */; user-select: none; min-height: 54px; } .iziToast > .iziToast-progressbar { position: absolute; left: 0; bottom: 0; width: 100%; z-index: 1; background: rgba(255,255,255,0.2); } .iziToast > .iziToast-progressbar > div { height: 2px; width: 100%; background: rgba(0,0,0,0.3); border-radius: 0 0 3px 3px; } .iziToast.iziToast-balloon:before { content: ''; position: absolute; right: 8px; left: auto; width: 0px; height: 0px; top: 100%; border-right: 0px solid transparent; border-left: 15px solid transparent; border-top: 10px solid #000; border-top-color: inherit; border-radius: 0; } .iziToast.iziToast-balloon .iziToast-progressbar { top: 0; bottom: auto; } .iziToast.iziToast-balloon > div { border-radius: 0 0 0 3px; } .iziToast > .iziToast-cover { position: absolute; left: 0; top: 0; bottom: 0; height: 100%; margin: 0; background-size: 100%; background-position: 50% 50%; background-repeat: no-repeat; background-color: rgba(0,0,0,0.1); } .iziToast > .iziToast-close { position: absolute; right: 0; top: 0; border: 0; padding: 0; opacity: 0.6; width: 42px; height: 100%; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAJPAAACTwBcGfW0QAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAD3SURBVFiF1ZdtDoMgDEBfdi4PwAX8vLFn0qT7wxantojKupmQmCi8R4tSACpgjC2ICCUbEBa8ingjsU1AXRBeR8aLN64FiknswN8CYefBBDQ3whuFESy7WyQMeC0ipEI0A+0FeBvHUFN8xPaUhAH/iKoWsnXHGegy4J0yxialOfaHJAz4bhRzQzgDvdGnz4GbAonZbCQMuBm1K/kcFu8Mp1N2cFFpsxsMuJqqbIGExGl4loARajU1twskJLLhIsID7+tvUoDnIjTg5T9DPH9EBrz8rxjPzciAl9+O8SxI8CzJ8CxKFfh3ynK8Dyb8wNHM/XDqejx/AtNyPO87tNybAAAAAElFTkSuQmCC") no-repeat 50% 50%; background-size: 8px; cursor: pointer; outline: none; } .iziToast > .iziToast-close:hover { opacity: 1; } .iziToast > .iziToast-body { position: relative; padding: 0 0 0 10px; height: auto; min-height: 36px; margin: 0 0 0 15px; text-align: left; } .iziToast > .iziToast-body:after { content: ""; display: table; clear: both; } .iziToast > .iziToast-body .iziToast-texts { margin: 10px 0 0 0; padding-right: 2px; display: inline-block; float: left; } .iziToast > .iziToast-body .iziToast-inputs { min-height: 19px; float: left; margin: 3px -2px; } .iziToast > .iziToast-body .iziToast-inputs > input:not([type=checkbox]):not([type=radio]), .iziToast > .iziToast-body .iziToast-inputs > select { position: relative; display: inline-block; margin: 2px; border-radius: 2px; border: 0; padding: 4px 7px; font-size: 13px; letter-spacing: 0.02em; background: rgba(0,0,0,0.1); color: #000; box-shadow: 0 0 0 1px rgba(0,0,0,0.2); min-height: 26px; } .iziToast > .iziToast-body .iziToast-inputs > input:not([type=checkbox]):not([type=radio]):focus, .iziToast > .iziToast-body .iziToast-inputs > select:focus { box-shadow: 0 0 0 1px rgba(0,0,0,0.6); } .iziToast > .iziToast-body .iziToast-buttons { min-height: 17px; float: left; margin: 4px -2px; } .iziToast > .iziToast-body .iziToast-buttons > a, .iziToast > .iziToast-body .iziToast-buttons > button, .iziToast > .iziToast-body .iziToast-buttons > input:not([type=checkbox]):not([type=radio]) { position: relative; display: inline-block; margin: 2px; border-radius: 2px; border: 0; padding: 5px 10px; font-size: 12px; letter-spacing: 0.02em; cursor: pointer; background: rgba(0,0,0,0.1); color: #000; } .iziToast > .iziToast-body .iziToast-buttons > a:hover, .iziToast > .iziToast-body .iziToast-buttons > button:hover, .iziToast > .iziToast-body .iziToast-buttons > input:not([type=checkbox]):not([type=radio]):hover { background: rgba(0,0,0,0.2); } .iziToast > .iziToast-body .iziToast-buttons > a:focus, .iziToast > .iziToast-body .iziToast-buttons > button:focus, .iziToast > .iziToast-body .iziToast-buttons > input:not([type=checkbox]):not([type=radio]):focus { box-shadow: 0 0 0 1px rgba(0,0,0,0.6); } .iziToast > .iziToast-body .iziToast-buttons > a:active, .iziToast > .iziToast-body .iziToast-buttons > button:active, .iziToast > .iziToast-body .iziToast-buttons > input:not([type=checkbox]):not([type=radio]):active { top: 1px; } .iziToast > .iziToast-body .iziToast-icon { height: 100%; position: absolute; left: 0; top: 50%; display: table; font-size: 23px; line-height: 24px; margin-top: -12px; color: #000; width: 24px; height: 24px; } .iziToast > .iziToast-body .iziToast-icon.ico-info { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAflBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACCtoPsAAAAKXRSTlMA6PsIvDob+OapavVhWRYPrIry2MxGQ97czsOzpJaMcE0qJQOwVtKjfxCVFeIAAAI3SURBVFjDlJPZsoIwEETnCiGyb8q+qmjl/3/wFmGKwjBROS9QWbtnOqDDGPq4MdMkSc0m7gcDDhF4NRdv8NoL4EcMpzoJglPl/KTDz4WW3IdvXEvxkfIKn7BMZb1bFK4yZFqghZ03jk0nG8N5NBwzx9xU5cxAg8fXi20/hDdC316lcA8o7t16eRuQvW1XGd2d2P8QSHQDDbdIII/9CR3lUF+lbucfJy4WfMS64EJPORnrZxtfc2pjJdnbuags3l04TTtJMXrdTph4Pyg4XAjugAJqMDf5Rf+oXx2/qi4u6nipakIi7CsgiuMSEF9IGKg8heQJKkxIfFSUU/egWSwNrS1fPDtLfon8sZOcYUQml1Qv9a3kfwsEUyJEMgFBKzdV8o3Iw9yAjg1jdLQCV4qbd3no8yD2GugaC3oMbF0NYHCpJYSDhNI5N2DAWB4F4z9Aj/04Cna/x7eVAQ17vRjQZPh+G/kddYv0h49yY4NWNDWMMOMUIRYvlTECmrN8pUAjo5RCMn8KoPmbJ/+Appgnk//Sy90GYBCGgm7IAskQ7D9hFKW4ApB1ei3FSYD9PjGAKygAV+ARFYBH5BsVgG9kkBSAQWKUFYBRZpkUgGVinRWAdUZQDABBQdIcAElDVBUAUUXWHQBZx1gMAGMprM0AsLbVXHsA5trZe93/wp3svQ0YNb/jWV3AIOLsMtlznSNOH7JqjOpDVh7z8qCZR10ftvO4nxeOvPLkpSuvfXnxzKtvXr7j+v8C5ii0e71At7cAAAAASUVORK5CYII=") no-repeat 50% 50%; background-size: 85%; } .iziToast > .iziToast-body .iziToast-icon.ico-warning { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAABECAMAAAAPzWOAAAAAkFBMVEUAAAAAAAABAAIAAAABAAIAAAMAAAABAAIBAAIBAAIAAAIAAAABAAIAAAABAAICAAICAAIAAAIAAAAAAAAAAAABAAIBAAIAAAMAAAABAAIBAAMBAAECAAIAAAIAAAIAAAABAAIBAAIBAAMBAAIBAAEAAAIAAAMAAAAAAAABAAECAAICAAIAAAIAAAMAAAQAAAE05yNAAAAAL3RSTlMAB+kD7V8Q+PXicwv7I9iYhkAzJxnx01IV5cmnk2xmHfzexsK4eEw5L7Gei39aRw640awAAAHQSURBVFjD7ZfJdoJAEEWJgCiI4oDiPM8m7///LidErRO7sHrY5u7YXLr7vKqu9kTC0HPmo9n8cJbEQOzqqAdAUHeUZACQuTkGDQBoDJwkHZR0XBz9FkpafXuHP0SJ09mGeJLZ5wwlTmcbA0THPmdEK7XPGTG1zxmInn3OiJ19zkB0jSVTKExMHT0wjAwlWzC0fSPHF1gWRpIhWMYm7fYTFcQGlbemf4dFfdTGg0B/KXM8qBU/3wntbq7rSGqvJ9kla6IpueFJet8fxfem5yhykjyOgNaWF1qSGd5JMNNxpNF7SZQaVh5JzLrTCZIEJ1GyEyVyd+pClMjdaSJK5O40giSRu5PfFiVyd1pAksjdKRnrSsbVdbiHrgT7yss315fkVQPLFQrL+4FHeOXKO5YRFEKv5AiFaMlKLlBpJuVCJlC5sJfvCgztru/3NmBYccPgGTxRAzxn1XGEMUf58pXZvjoOsOCgjL08+b53mtfAM/SVsZcjKLtysQZPqIy9HPP3m/3zKItRwT0LyQo8sTr26tcO83DIUMWIJjierHLsJda/tbNBFY0BP/bKtcM8HNIWCK3aYR4OMzgxo5w5EFLOLKDExXAm9gI4E3iAO94/Ct/lKWuM2LMGbgAAAABJRU5ErkJggg==") no-repeat 50% 50%; background-size: 85%; } .iziToast > .iziToast-body .iziToast-icon.ico-error { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAeFBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAVyEiIAAAAJ3RSTlMA3BsB98QV8uSyWVUFz7+kcWMM2LuZioBpTUVBNcq2qaibj4d1azLZZYABAAACZElEQVRYw7WX25KCMAyGAxUoFDkpiohnV97/DXeGBtoOUprZ2dyo1K82fxKbwJJVp+KQZ7so2mX5oThVQLKwjDe9YZu4DF3ptAn6rxY0qQPOEq9fNC9ha3y77a22ba24v+9Xbe8v8x03dPOC2/NdvB6xeSreLfGJpnx0TyotKqLm2s7Jd/WO6ivXNp0tCy02R/aFz5VQ5wUPlUL5fIfj5KIlVGU0nWHm/5QtoTVMWY8mzIVu1K9O7XH2JiU/xnOOT39gnUfj+lFHddx4tFjL3/H8jjzaFCy2Rf0c/fdQyQszI8BDR973IyMSKa4krjxAiW/lkRvMP+bKK9WbYS1ASQg8dKjaUGlYPwRe/WoIkz8tiQchH5QAEMv6T0k8MD4mUyWr4E7jAWqZ+xWcMIYkXvlwggJ3IvFK+wIOcpXAo8n8P0COAaXyKH4OsjBuZB4ew0IGu+H1SebhNazsQBbWm8yj+hFuUJB5eMsN0IUXmYendAFFfJB5uEkRMYwxmcd6zDGRtmQePEykAgubymMRFmMxCSIPCRbTuFNN5OGORTjmNGc0Po0m8Uv0gcCry6xUhR2QeLii9tofbEfhz/qvNti+OfPqNm2Mq6105FUMvdT4GPmufMiV8PqBMkc+DdT1bjYYbjzU/ew23VP4n3mLAz4n8Jtv/Ui3ceTT2mzz5o1mZt0gnBpmsdjqRqVlmplcPdqa7X23kL9brdm2t/uBYDPn2+tyu48mtIGD10JTuUrukVrbCFiwDzcHrPjxKt7PW+AZQyT/WESO+1WL7f3o+WLHL2dYMSZsg6dg/z360ofvP4//v1NPzgs28WlWAAAAAElFTkSuQmCC") no-repeat 50% 50%; background-size: 80%; } .iziToast > .iziToast-body .iziToast-icon.ico-success { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABABAMAAABYR2ztAAAAIVBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABt0UjBAAAACnRSTlMApAPhIFn82wgGv8mVtwAAAKVJREFUSMft0LEJAkEARNFFFEw1NFJb8CKjAy1AEOzAxNw+bEEEg6nyFjbY4LOzcBwX7S/gwUxoTdIn+Jbv4Lv8bx446+kB6VsBtK0B+wbMCKxrwL33wOrVeeChX28n7KTOTjgoEu6DRSYAgAAAAkAmAIAAAAIACQIkMkACAAgAIACAyECBKAOJuCagTJwSUCaUAEMAABEBRwAAEQFLbCJgO4bW+AZKGnktR+jAFAAAAABJRU5ErkJggg==") no-repeat 50% 50%; background-size: 85%; } .iziToast > .iziToast-body .iziToast-icon.ico-question { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAQAAAAAYLlVAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAADdcAAA3XAUIom3gAAAAHdElNRQfhCQkUEhFovxTxAAAEDklEQVRo3s2ZTWgTQRTHf03ipTRUqghNSgsRjHgQrFUQC6JgD1Kak3gQUUoPqRdBglf1oBehBws9Cn4cGk+1SOmh2upBxAYVoeJHrR9tgq0i1Cq0lqYeks7MbpPdmU00/c8hm9n33v/t7Nt5M2+qMEWQI0QIibZKRrQpHvLL2KI2wnQzzBKrDm2RIeKEy01dTYKUI7G1ZRknQXV5yP10kTYgly1NF/5S6duZ8ES+1iZodyaocrjXxE0OFeifYYgp0mRIkwFChAkRJsIxGgrIP+I0n82fvZW5dc/zkss0O2o1c5mX6/TmaDWl77RFe5YkUW3tKEmyFv0lOvXJ/fTYnmCEFuMRbGHEZqVHLyT9DFjUJmkzJl9DG5MWWwM6Llif/gF1nukB6nhgGwUXdFrE+wiURA8QoM9i0zEWWpXQW+ZsyeRrOMuyEo5Fv4gmy4dXPvqcC+pH2VRYaMwy+OWG+iLGCgm0W0Kv9HdvR8ASjmKCXpuK/bxiV/76A/v5UdDIZuKcJGjrnec5KZ7wwsWFOp6xPX/9mt2sqDe7FO+Kf/fXHBPPDWpdXGhTpLvUG9VKwh1xMDDjkvu+cNDFBTk7ptX1QkKZ850m3duu6fcrWxwdaFFyREJ2j4vOpKP6Du6z4uJCv8sYJIVkCnJBGGZaBONO3roY2EqNrSfIPi7SKP4fdXyNUd6I6wbSAHEl33tFLe+FlSsusnK90A0+oEPcuufZgXnOi+u9LrKSJQZQw6LwqBnv2CKsfHORbFbyQhA6xN/pEuihSdj56Co7LWRjPiKie6gkB2LiKuUqK5kiPkLiz1QJ9K1cNXBAMoUCigNpQ9IqDtMI1HKA4/jyvUsaoSyZLA5kjOjDPFZen8Ql5TsvBskUgjciIPSX3QAXC86DT7VWvlEh/xZ+ij9BDVWJ0QL0SbZq6QaFxoLPcXPmBLveLCc4wXdDK6s+6/vwhCSniFLPXW0NJe5UB8zKCsviqpc7vGPVQFcyZbyPwGD+d5ZnxmNWlhG4xSBZZjivjIWHEQgoDkSMjMwTo54569JSE5IpA7EyJSMTyGTUAUFlO1ZKOtaHTMeL1PhYYFTcihmY2cQ5+ullj7EDkiVfVez2sCTz8yiv84djhg7IJVk81xFWJlPdfHBG0flkRC/zQFZ+DSllNtfDdUsOMCliyGX5uOzU3ZhIXFDof4m1gDuKbEx0t2YS25gVGpcMnr/I1kx3c6piB8P8ZoqEwfMX3ZyCXynJTmq/U7NUXqfUzCbWL1wqVKBQUeESzQYoUlW8TAcVL1RCxUu1G6BYXfFyfQ4VPbDI4T8d2WzgQ6sc/vmxnTsqfHCZQzUJxm1h5dxS5Tu6lQgTZ0ipqRVqSwzTbbLHMt+c19iO76tsx/cLZub+Ali+tYC93olEAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE3LTA5LTA5VDIwOjE4OjE3KzAyOjAwjKtfjgAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxNy0wOS0wOVQyMDoxODoxNyswMjowMP325zIAAAAZdEVYdFNvZnR3YXJlAHd3dy5pbmtzY2FwZS5vcmeb7jwaAAAAAElFTkSuQmCC") no-repeat 50% 50%; background-size: 85%; } .iziToast > .iziToast-body .iziToast-title { padding: 0; margin: 0; line-height: 16px; font-size: 14px; text-align: left; float: left; color: #000; white-space: normal; } .iziToast > .iziToast-body .iziToast-message { padding: 0; margin: 0 0 10px 0; font-size: 14px; line-height: 16px; text-align: left; float: left; color: rgba(0,0,0,0.6); white-space: normal; } .iziToast.iziToast-animateInside .iziToast-title, .iziToast.iziToast-animateInside .iziToast-message, .iziToast.iziToast-animateInside .iziToast-icon, .iziToast.iziToast-animateInside .iziToast-buttons-child, .iziToast.iziToast-animateInside .iziToast-inputs-child { opacity: 0; } .iziToast-target { position: relative; width: 100%; margin: 0 auto; } .iziToast-target .iziToast-capsule { overflow: hidden; } .iziToast-target .iziToast-capsule:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .iziToast-target .iziToast-capsule .iziToast { width: 100%; float: left; } .iziToast-wrapper { z-index: 99999; position: fixed; width: 100%; pointer-events: none; display: flex; flex-direction: column; } .iziToast-wrapper .iziToast.iziToast-balloon:before { border-right: 0 solid transparent; border-left: 15px solid transparent; border-top: 10px solid #000; border-top-color: inherit; right: 8px; left: auto; } .iziToast-wrapper-bottomLeft { left: 0; bottom: 0; text-align: left; } .iziToast-wrapper-bottomLeft .iziToast.iziToast-balloon:before { border-right: 15px solid transparent; border-left: 0 solid transparent; right: auto; left: 8px; } .iziToast-wrapper-bottomRight { right: 0; bottom: 0; text-align: right; } .iziToast-wrapper-topLeft { left: 0; top: 0; text-align: left; } .iziToast-wrapper-topLeft .iziToast.iziToast-balloon:before { border-right: 15px solid transparent; border-left: 0 solid transparent; right: auto; left: 8px; } .iziToast-wrapper-topRight { top: 0; right: 0; text-align: right; } .iziToast-wrapper-topCenter { top: 0; left: 0; right: 0; text-align: center; } .iziToast-wrapper-bottomCenter { bottom: 0; left: 0; right: 0; text-align: center; } .iziToast-wrapper-center { top: 0; bottom: 0; left: 0; right: 0; text-align: center; justify-content: center; flex-flow: column; align-items: center; } .iziToast-rtl { direction: rtl; padding: 8px 0 9px 45px; font-family: Tahoma, 'Lato', Arial; } .iziToast-rtl .iziToast-cover { left: auto; right: 0; } .iziToast-rtl .iziToast-close { right: auto; left: 0; } .iziToast-rtl .iziToast-body { padding: 0 10px 0 0; margin: 0 16px 0 0; text-align: right; } .iziToast-rtl .iziToast-body .iziToast-buttons, .iziToast-rtl .iziToast-body .iziToast-inputs, .iziToast-rtl .iziToast-body .iziToast-texts, .iziToast-rtl .iziToast-body .iziToast-title, .iziToast-rtl .iziToast-body .iziToast-message { float: right; text-align: right; } .iziToast-rtl .iziToast-body .iziToast-icon { left: auto; right: 0; } @media only screen and (min-width: 568px) { .iziToast-wrapper { padding: 10px 15px; } .iziToast { margin: 5px 0; border-radius: 3px; width: auto; } .iziToast:after { content: ''; z-index: -1; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 3px; box-shadow: inset 0 -10px 20px -10px rgba(0,0,0,0.2), inset 0 0 5px rgba(0,0,0,0.1), 0 8px 8px -5px rgba(0,0,0,0.25); } .iziToast:not(.iziToast-rtl) .iziToast-cover { border-radius: 3px 0 0 3px; } .iziToast.iziToast-rtl .iziToast-cover { border-radius: 0 3px 3px 0; } .iziToast.iziToast-color-dark:after { box-shadow: inset 0 -10px 20px -10px rgba(255,255,255,0.3), 0 10px 10px -5px rgba(0,0,0,0.25); } .iziToast.iziToast-balloon .iziToast-progressbar { background: transparent; } .iziToast.iziToast-balloon:after { box-shadow: 0 10px 10px -5px rgba(0,0,0,0.25), inset 0 10px 20px -5px rgba(0,0,0,0.25); } .iziToast-target .iziToast:after { box-shadow: inset 0 -10px 20px -10px rgba(0,0,0,0.2), inset 0 0 5px rgba(0,0,0,0.1); } } .iziToast.iziToast-theme-dark { background: #565c70; border-color: #565c70; } .iziToast.iziToast-theme-dark .iziToast-title { color: #fff; } .iziToast.iziToast-theme-dark .iziToast-message { color: rgba(255,255,255,0.7); font-weight: 300; } .iziToast.iziToast-theme-dark .iziToast-close { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAADdcAAA3XAUIom3gAAAAHdElNRQfgCR4OIQIPSao6AAAAwElEQVRIx72VUQ6EIAwFmz2XB+AConhjzqTJ7JeGKhLYlyx/BGdoBVpjIpMJNjgIZDKTkQHYmYfwmR2AfAqGFBcO2QjXZCd24bEggvd1KBx+xlwoDpYmvnBUUy68DYXD77ESr8WDtYqvxRex7a8oHP4Wo1Mkt5I68Mc+qYqv1h5OsZmZsQ3gj/02h6cO/KEYx29hu3R+VTTwz6D3TymIP1E8RvEiiVdZfEzicxYLiljSxKIqlnW5seitTW6uYnv/Aqh4whX3mEUrAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE2LTA5LTMwVDE0OjMzOjAyKzAyOjAwl6RMVgAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxNi0wOS0zMFQxNDozMzowMiswMjowMOb59OoAAAAZdEVYdFNvZnR3YXJlAHd3dy5pbmtzY2FwZS5vcmeb7jwaAAAAAElFTkSuQmCC") no-repeat 50% 50%; background-size: 8px; } .iziToast.iziToast-theme-dark .iziToast-icon { color: #fff; } .iziToast.iziToast-theme-dark .iziToast-icon.ico-info { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAflBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////vroaSAAAAKXRSTlMA6PsIvDob+OapavVhWRYPrIry2MxGQ97czsOzpJaMcE0qJQOwVtKjfxCVFeIAAAI3SURBVFjDlJPZsoIwEETnCiGyb8q+qmjl/3/wFmGKwjBROS9QWbtnOqDDGPq4MdMkSc0m7gcDDhF4NRdv8NoL4EcMpzoJglPl/KTDz4WW3IdvXEvxkfIKn7BMZb1bFK4yZFqghZ03jk0nG8N5NBwzx9xU5cxAg8fXi20/hDdC316lcA8o7t16eRuQvW1XGd2d2P8QSHQDDbdIII/9CR3lUF+lbucfJy4WfMS64EJPORnrZxtfc2pjJdnbuags3l04TTtJMXrdTph4Pyg4XAjugAJqMDf5Rf+oXx2/qi4u6nipakIi7CsgiuMSEF9IGKg8heQJKkxIfFSUU/egWSwNrS1fPDtLfon8sZOcYUQml1Qv9a3kfwsEUyJEMgFBKzdV8o3Iw9yAjg1jdLQCV4qbd3no8yD2GugaC3oMbF0NYHCpJYSDhNI5N2DAWB4F4z9Aj/04Cna/x7eVAQ17vRjQZPh+G/kddYv0h49yY4NWNDWMMOMUIRYvlTECmrN8pUAjo5RCMn8KoPmbJ/+Appgnk//Sy90GYBCGgm7IAskQ7D9hFKW4ApB1ei3FSYD9PjGAKygAV+ARFYBH5BsVgG9kkBSAQWKUFYBRZpkUgGVinRWAdUZQDABBQdIcAElDVBUAUUXWHQBZx1gMAGMprM0AsLbVXHsA5trZe93/wp3svQ0YNb/jWV3AIOLsMtlznSNOH7JqjOpDVh7z8qCZR10ftvO4nxeOvPLkpSuvfXnxzKtvXr7j+v8C5ii0e71At7cAAAAASUVORK5CYII=") no-repeat 50% 50%; background-size: 85%; } .iziToast.iziToast-theme-dark .iziToast-icon.ico-warning { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAABECAMAAAAPzWOAAAAAllBMVEUAAAD////+//3+//3+//3///////z+//3+//3+//3////////////9//3////+//39//3///3////////////+//3+//39//3///z+//z+//7///3///3///3///3////////+//3+//3+//3+//z+//3+//7///3///z////////+//79//3///3///z///v+//3///+trXouAAAAMHRSTlMAB+j87RBf+PXiCwQClSPYhkAzJxnx05tSyadzcmxmHRbp5d7Gwrh4TDkvsYt/WkdQzCITAAAB1UlEQVRYw+3XaXKCQBCGYSIIighoxCVqNJrEPfly/8vFImKXduNsf/Mc4K1y7FnwlMLQc/bUbj85R6bA1LXRDICg6RjJcZa7NQYtnLUGTpERSiOXxrOPkv9s30iGKDmtbYir3H7OUHJa2ylAuvZzRvzUfs7Ii/2cgfTt54x82s8ZSM848gJmYtroQzA2jHwA+LkBIEuMGt+QIng1igzlyMrkuP2CyOi47axRaYTL5jhDJehoR+aovC29s3iIyly3Eb+hRCvZo2qsGTnhKr2cLDS+J73GsqBI9W80UCmWWpEuhIjh6ZRGjyNRarjzKGJ2Ou2himCvjHwqI+rTqQdlRH06TZQR9ek0hiqiPp06mV4ke7QPX6ERUZxO8Uo3sqrfhxvoRrCpvXwL/UjR9GRHMIvLgke4d5QbiwhM6JV2YKKF4vIl7XIBkwm4keryJVmvk/TfwcmPwQNkUQuyA2/sYGwnXL7GPu4bW1jYsmevrNj09/MGZMOEPXslQVqO8hqykD17JfPHP/bmo2yGGpdZiH3IZvzZa7B3+IdDjjpjesHJcvbs5dZ/e+cddVoDdvlq7x12Nac+iN7e4R8OXTjp0pw5CGnOLNDEzeBs5gVwFniAO+8f8wvfeXP2hyqnmwAAAABJRU5ErkJggg==") no-repeat 50% 50%; background-size: 85%; } .iziToast.iziToast-theme-dark .iziToast-icon.ico-error { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAeFBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////GqOSsAAAAJ3RSTlMA3BsB98QV8uSyWVUFz6RxYwzYvbupmYqAaU1FQTXKv7abj4d1azKNUit3AAACZElEQVRYw7WXaZOCMAyGw30UORRQBLxX/v8/3BkaWjrY2szO5otKfGrzJrEp6Kw6F8f8sI+i/SE/FucKSBaWiT8p5idlaEtnXTB9tKDLLHAvdSatOan3je93k9F2vRF36+mr1a6eH2NFNydoHq/ieU/UXcWjjk9XykdNWq2ywtp4tXL6Wb2T/MqtzzZutsrNyfvA51KoQROhVCjfrnASIRpSVUZiD5v4RbWExjRdJzSmOsZFvzYz59kRSr6V5zE+/QELHkNdb3VRx45HS1b1u+zfkkcbRAZ3qJ9l/A4qefHUDMShJe+6kZKJDD2pLQ9Q4lu+5Q7rz7Plperd7AtQEgIPI6o2dxr2D4GXvxqCiKcn8cD4gxIAEt7/GYkHL16KqeJd0NB4gJbXfgVnzCGJlzGcocCVSLzUvoAj9xJ4NF7/R8gxoVQexc/hgBpSebjPjgPs59cHmYfn7NkDb6wXmUf1I1ygIPPw4gtgCE8yDw8eAop4J/PQcBExjQmZx37MsZB2ZB4cLKQCG5vKYxMWSzMxIg8pNtOyUkvkocEmXGo69mh8FgnxS4yBwMvDrJSNHZB4uC3ayz/YkcIP4lflwVIT+OU07ZSjrbTkZQ6dTPkYubZ8GC/Cqxu6WvJZII93dcCw46GdNqdpTeF/tiMOuDGB9z/NI6NvyWetGPM0g+bVNeovBmamHXWj0nCbEaGeTMN2PWrqd6cM26ZxP2DeJvj+ph/30Zi/GmRbtlK5SptI+nwGGnvH6gUruT+L16MJHF+58rwNIifTV0vM8+hwMeOXAb6Yx0wXT+b999WXfvn+8/X/F7fWzjdTord5AAAAAElFTkSuQmCC") no-repeat 50% 50%; background-size: 80%; } .iziToast.iziToast-theme-dark .iziToast-icon.ico-success { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABABAMAAABYR2ztAAAAIVBMVEUAAAD////////////////////////////////////////PIev5AAAACnRSTlMApAPhIFn82wgGv8mVtwAAAKVJREFUSMft0LEJAkEARNFFFEw1NFJb8CKjAy1AEOzAxNw+bEEEg6nyFjbY4LOzcBwX7S/gwUxoTdIn+Jbv4Lv8bx446+kB6VsBtK0B+wbMCKxrwL33wOrVeeChX28n7KTOTjgoEu6DRSYAgAAAAkAmAIAAAAIACQIkMkACAAgAIACAyECBKAOJuCagTJwSUCaUAEMAABEBRwAAEQFLbCJgO4bW+AZKGnktR+jAFAAAAABJRU5ErkJggg==") no-repeat 50% 50%; background-size: 85%; } .iziToast.iziToast-theme-dark .iziToast-icon.ico-question { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAQAAAAAYLlVAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAADdcAAA3XAUIom3gAAAAHdElNRQfhCQkUEg18vki+AAAETUlEQVRo3s1ZTWhbRxD+VlIuxsLFCYVIIQYVopBDoK5bKDWUBupDMNbJ5FBKg/FBziUQdE9yaC+FHBrwsdCfQ9RTGoLxwWl+DqHEojUFFydxnB9bInZDqOsErBrr6yGvs/ueX97bldTKo4Pe7puZb3Z33s7srIIjMY1jyCEjP6ImvyX8pF64arSHznKC06wzijY5xSKz7YbuYokV2lODsyyxqz3gSY6z6gCuqcpxJluFH+Z8U+D/0jyHoxFUBHgfvsGHIS9WMIUlVFFDFTUAGWSRQRY5HMeBEP6b+Ew9dh/7INd2jGeO59kfKdXP85zbIbfGQVf4sYC3N1hm3lo6zzIbPvk6x+zBk7wQGMEMB5xncIAzAS0XrFySSV72iS1yyBVcdA1x0afrsoUJgdFfY2+z8ADAXl7zz0KcwJiPfZKpVuABgClO+nRG+QIHDdfb4qlWwUXvKW4Z7vi6L4J9vg+vbfCeCeZH2RfOdMOc/HbCA4BvIW6EMQz7XK/ltd+hP+VzR9mgva2YSfyGI17fA7ynnocqeQNFfIJ0oHsdv6CC2+rXGBN6cQdveY3fcVRtmy/HDete+93zy8jA8zV7YkwYMrjHzRddRsCdiVCwwmh6wg9iTNC7Y9XIF1iS7kbUpsvvGEdPuTfSgAEjRpR096x0liPFD/Eqt2NMuBQzB2XhrACAApjFsuQFh9XdGAX70B3oSuNdnMVBaX+sopYxjwVpHFBVACyKTXNoktjD+6Ll8xhenS9MAAkAI/Lux2YNUOs4I413Ypg1SgEAu7kpFvWjaeJe0fJHDGe/cNaZBkekudw8PMA+0fMwlndZeAsJ5KR/qhUDUJCnSiyvRsolkJHGUgvjH8QXDgZopEzKMKDqCKrwEQ4C6MH7GEXC665buLJG8hlQc4LP4paxfJrOqYVYYY2UARfEIazTbgDg2dB98GebzJd54b8L/iWNdLyooeR6CHyZ+6xk0yKxkYg6nEVSUG4VJ9QJ9cxRCxO+9WiOyvgUeexXP1hLGH5nGuBWVtiSp4vqe3VP0UFWI9Wan4Er3v8q7jjPWVtm4FtcQQMrOKO2nOQCM5AyDMi56FDrKHA/1nyppS1ppBpYaE8wciEjGI2AaeM41kI4doDX4XiT3Qm1gevyruCgZg9P8xIv8m1nCzTKq6oiJ9xTMiZ505P5m8cdZ0CnZMVXHVljM7WMBzxpyDxygtdxoCEFTaMIWbZU85UvBjgUMYy0fBaAF8V1Lj9qWQ1aMZ5f4k9r+AGMSkMP1vZoZih6k6sicc5h/OFHM9vDqU/VIU7zJZdYYsKGH4g4nAJMGiXZRds1pVMoZ69RM5vfkbh0qkBhsnS2RLMLilQdL9MBHS9UAh0v1e6CYnXHy/WeeCcvLDwl/9OVze69tPKM+M+v7eJN6OzFpWdEF0ucDbhVNFXadnVrmJFlkVNGTS2M6pzmhMvltfPhnN2B63sVuL7fcNP3D1TSk2ihosPrAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE3LTA5LTA5VDIwOjE4OjEzKzAyOjAweOR7nQAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxNy0wOS0wOVQyMDoxODoxMyswMjowMAm5wyEAAAAZdEVYdFNvZnR3YXJlAHd3dy5pbmtzY2FwZS5vcmeb7jwaAAAAAElFTkSuQmCC") no-repeat 50% 50%; background-size: 85%; } .iziToast.iziToast-theme-dark .iziToast-buttons > a, .iziToast.iziToast-theme-dark .iziToast-buttons > button, .iziToast.iziToast-theme-dark .iziToast-buttons > input { color: #fff; background: rgba(255,255,255,0.1); } .iziToast.iziToast-theme-dark .iziToast-buttons > a:hover, .iziToast.iziToast-theme-dark .iziToast-buttons > button:hover, .iziToast.iziToast-theme-dark .iziToast-buttons > input:hover { background: rgba(255,255,255,0.2); } .iziToast.iziToast-theme-dark .iziToast-buttons > a:focus, .iziToast.iziToast-theme-dark .iziToast-buttons > button:focus, .iziToast.iziToast-theme-dark .iziToast-buttons > input:focus { box-shadow: 0 0 0 1px rgba(255,255,255,0.6); } .iziToast.iziToast-color-red { background: rgba(255,175,180,0.9); border-color: rgba(255,175,180,0.9); } .iziToast.iziToast-color-orange { background: rgba(255,207,165,0.9); border-color: rgba(255,207,165,0.9); } .iziToast.iziToast-color-yellow { background: rgba(255,249,178,0.9); border-color: rgba(255,249,178,0.9); } .iziToast.iziToast-color-blue { background: rgba(157,222,255,0.9); border-color: rgba(157,222,255,0.9); } .iziToast.iziToast-color-green { background: rgba(166,239,184,0.9); border-color: rgba(166,239,184,0.9); } .iziToast.iziToast-layout2 .iziToast-body .iziToast-texts, .iziToast.iziToast-layout2 .iziToast-body .iziToast-message { width: 100%; } .iziToast.iziToast-layout3 { border-radius: 2px; } .iziToast.iziToast-layout3::after { display: none; } .iziToast.revealIn, .iziToast .revealIn { -webkit-animation: iziT-revealIn 1s cubic-bezier(0.25, 1.6, 0.25, 1) both; -moz-animation: iziT-revealIn 1s cubic-bezier(0.25, 1.6, 0.25, 1) both; animation: iziT-revealIn 1s cubic-bezier(0.25, 1.6, 0.25, 1) both; } .iziToast.slideIn, .iziToast .slideIn { -webkit-animation: iziT-slideIn 1s cubic-bezier(0.16, 0.81, 0.32, 1) both; -moz-animation: iziT-slideIn 1s cubic-bezier(0.16, 0.81, 0.32, 1) both; animation: iziT-slideIn 1s cubic-bezier(0.16, 0.81, 0.32, 1) both; } .iziToast.bounceInLeft { -webkit-animation: iziT-bounceInLeft 0.7s ease-in-out both; animation: iziT-bounceInLeft 0.7s ease-in-out both; } .iziToast.bounceInRight { -webkit-animation: iziT-bounceInRight 0.85s ease-in-out both; animation: iziT-bounceInRight 0.85s ease-in-out both; } .iziToast.bounceInDown { -webkit-animation: iziT-bounceInDown 0.7s ease-in-out both; animation: iziT-bounceInDown 0.7s ease-in-out both; } .iziToast.bounceInUp { -webkit-animation: iziT-bounceInUp 0.7s ease-in-out both; animation: iziT-bounceInUp 0.7s ease-in-out both; } .iziToast.fadeIn, .iziToast .fadeIn { -webkit-animation: iziT-fadeIn 0.5s ease both; animation: iziT-fadeIn 0.5s ease both; } .iziToast.fadeInUp { -webkit-animation: iziT-fadeInUp 0.7s ease both; animation: iziT-fadeInUp 0.7s ease both; } .iziToast.fadeInDown { -webkit-animation: iziT-fadeInDown 0.7s ease both; animation: iziT-fadeInDown 0.7s ease both; } .iziToast.fadeInLeft { -webkit-animation: iziT-fadeInLeft 0.85s cubic-bezier(0.25, 0.8, 0.25, 1) both; animation: iziT-fadeInLeft 0.85s cubic-bezier(0.25, 0.8, 0.25, 1) both; } .iziToast.fadeInRight { -webkit-animation: iziT-fadeInRight 0.85s cubic-bezier(0.25, 0.8, 0.25, 1) both; animation: iziT-fadeInRight 0.85s cubic-bezier(0.25, 0.8, 0.25, 1) both; } .iziToast.flipInX { -webkit-animation: iziT-flipInX 0.85s cubic-bezier(0.35, 0, 0.25, 1) both; animation: iziT-flipInX 0.85s cubic-bezier(0.35, 0, 0.25, 1) both; } .iziToast.fadeOut { -webkit-animation: iziT-fadeOut 0.7s ease both; animation: iziT-fadeOut 0.7s ease both; } .iziToast.fadeOutDown { -webkit-animation: iziT-fadeOutDown 0.7s cubic-bezier(0.4, 0.45, 0.15, 0.91) both; animation: iziT-fadeOutDown 0.7s cubic-bezier(0.4, 0.45, 0.15, 0.91) both; } .iziToast.fadeOutUp { -webkit-animation: iziT-fadeOutUp 0.7s cubic-bezier(0.4, 0.45, 0.15, 0.91) both; animation: iziT-fadeOutUp 0.7s cubic-bezier(0.4, 0.45, 0.15, 0.91) both; } .iziToast.fadeOutLeft { -webkit-animation: iziT-fadeOutLeft 0.5s ease both; animation: iziT-fadeOutLeft 0.5s ease both; } .iziToast.fadeOutRight { -webkit-animation: iziT-fadeOutRight 0.5s ease both; animation: iziT-fadeOutRight 0.5s ease both; } .iziToast.flipOutX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation: iziT-flipOutX 0.7s cubic-bezier(0.4, 0.45, 0.15, 0.91) both; animation: iziT-flipOutX 0.7s cubic-bezier(0.4, 0.45, 0.15, 0.91) both; } .iziToast-overlay.fadeIn { -webkit-animation: iziT-fadeIn 0.5s ease both; animation: iziT-fadeIn 0.5s ease both; } .iziToast-overlay.fadeOut { -webkit-animation: iziT-fadeOut 0.7s ease both; animation: iziT-fadeOut 0.7s ease both; } @-webkit-keyframes iziT-revealIn { 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 1); } 100% { opacity: 1; } } @-moz-keyframes iziT-revealIn { 0% { opacity: 0; -moz-transform: scale3d(0.3, 0.3, 1); } 100% { opacity: 1; } } @-webkit-keyframes iziT-slideIn { 0% { opacity: 0; -webkit-transform: translateX(50px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes iziT-slideIn { 0% { opacity: 0; -moz-transform: translateX(50px); } 100% { opacity: 1; -moz-transform: translateX(0); } } @-webkit-keyframes iziT-bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(280px); } 50% { opacity: 1; -webkit-transform: translateX(-20px); } 70% { -webkit-transform: translateX(10px); } 100% { -webkit-transform: translateX(0); } } @-webkit-keyframes iziT-bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(-280px); } 50% { opacity: 1; -webkit-transform: translateX(20px); } 70% { -webkit-transform: translateX(-10px); } 100% { -webkit-transform: translateX(0); } } @-webkit-keyframes iziT-bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-200px); } 50% { opacity: 1; -webkit-transform: translateY(10px); } 70% { -webkit-transform: translateY(-5px); } 100% { -webkit-transform: translateY(0); } } @-webkit-keyframes iziT-bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(200px); } 50% { opacity: 1; -webkit-transform: translateY(-10px); } 70% { -webkit-transform: translateY(5px); } 100% { -webkit-transform: translateY(0); } } @-webkit-keyframes iziT-fadeIn { from { opacity: 0; } to { opacity: 1; } } @-webkit-keyframes iziT-fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @-webkit-keyframes iziT-fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @-webkit-keyframes iziT-fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(300px, 0, 0); transform: translate3d(300px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @-webkit-keyframes iziT-fadeInRight { from { opacity: 0; -webkit-transform: translate3d(-300px, 0, 0); transform: translate3d(-300px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @-webkit-keyframes iziT-flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @-webkit-keyframes iziT-fadeOut { from { opacity: 1; } to { opacity: 0; } } @-webkit-keyframes iziT-fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @-webkit-keyframes iziT-fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @-webkit-keyframes iziT-fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-200px, 0, 0); transform: translate3d(-200px, 0, 0); } } @-webkit-keyframes iziT-fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(200px, 0, 0); transform: translate3d(200px, 0, 0); } } @-webkit-keyframes iziT-flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @-moz-keyframes iziT-revealIn { 0% { opacity: 0; transform: scale3d(0.3, 0.3, 1); } 100% { opacity: 1; } } @-webkit-keyframes iziT-revealIn { 0% { opacity: 0; transform: scale3d(0.3, 0.3, 1); } 100% { opacity: 1; } } @-o-keyframes iziT-revealIn { 0% { opacity: 0; transform: scale3d(0.3, 0.3, 1); } 100% { opacity: 1; } } @keyframes iziT-revealIn { 0% { opacity: 0; transform: scale3d(0.3, 0.3, 1); } 100% { opacity: 1; } } @-moz-keyframes iziT-slideIn { 0% { opacity: 0; transform: translateX(50px); } 100% { opacity: 1; transform: translateX(0); } } @-webkit-keyframes iziT-slideIn { 0% { opacity: 0; transform: translateX(50px); } 100% { opacity: 1; transform: translateX(0); } } @-o-keyframes iziT-slideIn { 0% { opacity: 0; transform: translateX(50px); } 100% { opacity: 1; transform: translateX(0); } } @keyframes iziT-slideIn { 0% { opacity: 0; transform: translateX(50px); } 100% { opacity: 1; transform: translateX(0); } } @-moz-keyframes iziT-bounceInLeft { 0% { opacity: 0; transform: translateX(280px); } 50% { opacity: 1; transform: translateX(-20px); } 70% { transform: translateX(10px); } 100% { transform: translateX(0); } } @-webkit-keyframes iziT-bounceInLeft { 0% { opacity: 0; transform: translateX(280px); } 50% { opacity: 1; transform: translateX(-20px); } 70% { transform: translateX(10px); } 100% { transform: translateX(0); } } @-o-keyframes iziT-bounceInLeft { 0% { opacity: 0; transform: translateX(280px); } 50% { opacity: 1; transform: translateX(-20px); } 70% { transform: translateX(10px); } 100% { transform: translateX(0); } } @keyframes iziT-bounceInLeft { 0% { opacity: 0; transform: translateX(280px); } 50% { opacity: 1; transform: translateX(-20px); } 70% { transform: translateX(10px); } 100% { transform: translateX(0); } } @-moz-keyframes iziT-bounceInRight { 0% { opacity: 0; transform: translateX(-280px); } 50% { opacity: 1; transform: translateX(20px); } 70% { transform: translateX(-10px); } 100% { transform: translateX(0); } } @-webkit-keyframes iziT-bounceInRight { 0% { opacity: 0; transform: translateX(-280px); } 50% { opacity: 1; transform: translateX(20px); } 70% { transform: translateX(-10px); } 100% { transform: translateX(0); } } @-o-keyframes iziT-bounceInRight { 0% { opacity: 0; transform: translateX(-280px); } 50% { opacity: 1; transform: translateX(20px); } 70% { transform: translateX(-10px); } 100% { transform: translateX(0); } } @keyframes iziT-bounceInRight { 0% { opacity: 0; transform: translateX(-280px); } 50% { opacity: 1; transform: translateX(20px); } 70% { transform: translateX(-10px); } 100% { transform: translateX(0); } } @-moz-keyframes iziT-bounceInDown { 0% { opacity: 0; transform: translateY(-200px); } 50% { opacity: 1; transform: translateY(10px); } 70% { transform: translateY(-5px); } 100% { transform: translateY(0); } } @-webkit-keyframes iziT-bounceInDown { 0% { opacity: 0; transform: translateY(-200px); } 50% { opacity: 1; transform: translateY(10px); } 70% { transform: translateY(-5px); } 100% { transform: translateY(0); } } @-o-keyframes iziT-bounceInDown { 0% { opacity: 0; transform: translateY(-200px); } 50% { opacity: 1; transform: translateY(10px); } 70% { transform: translateY(-5px); } 100% { transform: translateY(0); } } @keyframes iziT-bounceInDown { 0% { opacity: 0; transform: translateY(-200px); } 50% { opacity: 1; transform: translateY(10px); } 70% { transform: translateY(-5px); } 100% { transform: translateY(0); } } @-moz-keyframes iziT-bounceInUp { 0% { opacity: 0; transform: translateY(200px); } 50% { opacity: 1; transform: translateY(-10px); } 70% { transform: translateY(5px); } 100% { transform: translateY(0); } } @-webkit-keyframes iziT-bounceInUp { 0% { opacity: 0; transform: translateY(200px); } 50% { opacity: 1; transform: translateY(-10px); } 70% { transform: translateY(5px); } 100% { transform: translateY(0); } } @-o-keyframes iziT-bounceInUp { 0% { opacity: 0; transform: translateY(200px); } 50% { opacity: 1; transform: translateY(-10px); } 70% { transform: translateY(5px); } 100% { transform: translateY(0); } } @keyframes iziT-bounceInUp { 0% { opacity: 0; transform: translateY(200px); } 50% { opacity: 1; transform: translateY(-10px); } 70% { transform: translateY(5px); } 100% { transform: translateY(0); } } @-moz-keyframes iziT-fadeIn { from { opacity: 0; } to { opacity: 1; } } @-webkit-keyframes iziT-fadeIn { from { opacity: 0; } to { opacity: 1; } } @-o-keyframes iziT-fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes iziT-fadeIn { from { opacity: 0; } to { opacity: 1; } } @-moz-keyframes iziT-fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @-webkit-keyframes iziT-fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @-o-keyframes iziT-fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes iziT-fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @-moz-keyframes iziT-fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @-webkit-keyframes iziT-fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @-o-keyframes iziT-fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes iziT-fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @-moz-keyframes iziT-fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(300px, 0, 0); transform: translate3d(300px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @-webkit-keyframes iziT-fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(300px, 0, 0); transform: translate3d(300px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @-o-keyframes iziT-fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(300px, 0, 0); transform: translate3d(300px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes iziT-fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(300px, 0, 0); transform: translate3d(300px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @-moz-keyframes iziT-fadeInRight { from { opacity: 0; -webkit-transform: translate3d(-300px, 0, 0); transform: translate3d(-300px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @-webkit-keyframes iziT-fadeInRight { from { opacity: 0; -webkit-transform: translate3d(-300px, 0, 0); transform: translate3d(-300px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @-o-keyframes iziT-fadeInRight { from { opacity: 0; -webkit-transform: translate3d(-300px, 0, 0); transform: translate3d(-300px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes iziT-fadeInRight { from { opacity: 0; -webkit-transform: translate3d(-300px, 0, 0); transform: translate3d(-300px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @-moz-keyframes iziT-flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @-webkit-keyframes iziT-flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @-o-keyframes iziT-flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes iziT-flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @-moz-keyframes iziT-fadeOut { from { opacity: 1; } to { opacity: 0; } } @-webkit-keyframes iziT-fadeOut { from { opacity: 1; } to { opacity: 0; } } @-o-keyframes iziT-fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes iziT-fadeOut { from { opacity: 1; } to { opacity: 0; } } @-moz-keyframes iziT-fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @-webkit-keyframes iziT-fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @-o-keyframes iziT-fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes iziT-fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @-moz-keyframes iziT-fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @-webkit-keyframes iziT-fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @-o-keyframes iziT-fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes iziT-fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @-moz-keyframes iziT-fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-200px, 0, 0); transform: translate3d(-200px, 0, 0); } } @-webkit-keyframes iziT-fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-200px, 0, 0); transform: translate3d(-200px, 0, 0); } } @-o-keyframes iziT-fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-200px, 0, 0); transform: translate3d(-200px, 0, 0); } } @keyframes iziT-fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-200px, 0, 0); transform: translate3d(-200px, 0, 0); } } @-moz-keyframes iziT-fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(200px, 0, 0); transform: translate3d(200px, 0, 0); } } @-webkit-keyframes iziT-fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(200px, 0, 0); transform: translate3d(200px, 0, 0); } } @-o-keyframes iziT-fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(200px, 0, 0); transform: translate3d(200px, 0, 0); } } @keyframes iziT-fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(200px, 0, 0); transform: translate3d(200px, 0, 0); } } @-moz-keyframes iziT-flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @-webkit-keyframes iziT-flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @-o-keyframes iziT-flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes iziT-flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } /* Clear all styles */ * { margin: 0; padding: 0; } /* End Clear all styles */ .hidden { display: none; visibility: hidden; } /* HTML entities */ body { } p { margin-bottom: 1em; } a img { border: 0; } label.preparingbuild { text-transform: uppercase; margin-left: .5em; white-space: nowrap; } input[type=submit] { border: 0; border-collapse: collapse; margin: 0; padding: .25em .5em; clear: none !important; cursor: pointer; vertical-align: middle; } a.default-button, a.requestbuild-button { border-collapse: collapse; margin: 0; padding: .25em 1em; clear: none !important; cursor: pointer; vertical-align: middle; display: inline-block; line-height: 1.75em; } a.requestbuildagain-button { padding-top: 0.5em; padding-bottom: 0.5em; display: inline-block; white-space: nowrap; } .btn-enabled, span.default-button { border: 0; border-collapse: collapse; margin: 0; padding: .25em 1em; clear: none !important; cursor: pointer; vertical-align: middle; display: inline-block; line-height: 1.75em; background-color: #c0d174; color: #fff; font-size: 1em; text-transform: uppercase; opacity: 1; } a.requestbuild-button { font-size: 1em; text-transform: uppercase; white-space: nowrap; padding: .25em 1em; text-decoration: none; } a.normal-button { padding: 0.35em; } a.unsubscribe { border: 1px solid #aaaaaa; } input[type=submit][disabled=disabled] { border: 1px solid #aaaaaa; } div.clear-float { clear: both; } /* End HTML entities */ /* 'Masterpage' layout stylings */ #box { /* placings */ margin-top: 1.5em; margin-bottom: 1.5em; margin-left: auto; margin-right: auto; /* sizing */ width: 1138px; /* borders */ /*948px; previous; now 20% increased*/ border: 1px solid #ddd; } #box div#topbar { /* sizing */ height: 54px; line-height: 54px; position: relative; } #box div#topbar div#languagebox { /* placings */ margin-left: 1em; margin-right: 1em; z-index: 10; position: relative; float: left; /* sizings */ width: 90px; display: table; } #box div#topbar div#languagebox span { padding-left: .5em; padding-right: .5em; cursor: pointer; } #box div#topbar div#languagebox img { margin-right: .5em; } #box div#topbar div#languagebox ul { position: absolute; padding-left: .5em; padding-right: .5em; } #box div#topbar div#languagebox ul li { /* placings */ margin-bottom: 1em; line-height: normal; list-style: none; } #box div#topbar div#languagebox .hidden { display: none; } #box div#topbar div#languagebox ul li a { text-decoration: none; display: block; width: 100%; } #box div#topbar div#languagebox .visible { display: block; } #box div#navbar { /* sizing */ height: 53px; width: 1138px; /*948px; previous; now 20% increased*/ clear: both; position: relative; } #box div#navbar #mysoftware-title { display: inline-block; top: 0; position: absolute; } #box div#navbar #mysoftware-title a { color: #fff; text-decoration: none; font-weight: 100; font-size: 1.5em; padding: .4em .5em .6em 1.5em; display: inline-block; } #box div#navbar ul { display: inline; float: right; height: 53px; vertical-align: bottom; } #box div#navbar ul li { /* placings */ display: table-cell; list-style: none; vertical-align: bottom; /* sizings */ height: 53px; } #box div#navbar ul li a { /* placings */ padding: 2em 2em 1.5em; margin-left: 1em; margin-bottom: .5em; display: table-cell; text-align: center; list-style: none; } #box div#navbar ul li ul.sub-menu { background: #fff; position: absolute; height: auto; width: 180px; border: 1px solid #DDDDDD; } #box div#navbar ul li ul.sub-menu li { display: block; text-align: left; height: auto; padding: 0; background: none repeat scroll 0 0 #FFFFFF; } #box div#navbar ul li ul.sub-menu li a { /* placings */ display: table-cell; color: #505050; display: block; /*font-family: Arial,Helvetica,sans-serif;*/ font-weight: bold; height: 2em; line-height: 2em; padding: 0 7px; text-decoration: none; text-shadow: none; text-transform: none; vertical-align: middle; width: 154px; text-align: left; margin: 0; } #box div#navbar ul li ul.sub-menu li:hover { background: none; } #box div#navbar ul li ul.sub-menu li a:hover, #box div#header div#topbar div#user-box div.logged-in div.clicked ul li:hover { background: url('../content/images/subnav_bg.gif') no-repeat left top; } #box div#navbar ul li.end { /* placings */ padding-left: 1em; padding-right: 0; } #box div#breadcrumb { /* sizings */ height: 30px; line-height: 30px; } #box div#breadcrumb ul { display: inline; vertical-align: bottom; } #box div#breadcrumb ul li { /* placings */ margin-left: 1em; margin-right: 1em; padding-left: 30px; display: table-cell; text-align: center; list-style: none; vertical-align: bottom; /* sizings */ height: 30px; } #box div#breadcrumb ul li.home { /* placings */ margin-left: 1em; margin-right: 1em; /* placings */ padding-left: 20px; display: table-cell; /* borders */ border-bottom: 1px dotted #c0d174; } #box div#breadcrumb ul li a { text-decoration: none; vertical-align: bottom; } #box div#breadcrumb ul li a:hover { text-decoration: underline; } #box div#contentbox { /* sizing */ min-height: 400px; padding: 1em; line-height: 1.5em; } #box div#contentbox ul { /* Placings */ margin-left: 2em; margin-right: 2em; margin-bottom: 1em; } #box div#contentbox ol { /* Placings */ margin-left: 3em; margin-right: 3em; margin-bottom: 1em; } #box div#contentbox div#full { padding: 1em; min-height: 500px; } #box div#contentbox ul li { list-style: none; padding-left: 1em; } #box div#contentbox div#left { /* placings */ padding-right: 2em; padding-left: 1em; padding-bottom: 1em; float: left; /* sizings */ width: 180px; /* borders */ border-right: 1px dotted #c0d174; } #box div#contentbox div#right { /* placings */ float: right; padding-bottom: 2em; /* sizings */ width: 870px; /*680px; old value before 20%*/ } #box div#contentbox h1 { margin-bottom: .5em; } #box div#contentbox div#left h2 { padding-left: 0; } #box div#contentbox h2, #box div#contentbox div#full h2, #box div#topbar div.account h2, #box .box h2 { padding-left: 1em; margin-bottom: .5em; line-height: 1.5em; } #box div#contentbox div#right div#products-overview h2 { } #box div#contentbox div#right div#products-overview span.product-icon { display: inline-table; height: 32px; width: 32px; background: lime; padding-bottom: 0; } #box div#contentbox div#right div#products-overview div.product-dvd h2 { padding-left: 1em; vertical-align: top; display: inline-block; min-width: 330px; /*275px; old value before 20%*/ float: left; } html.js body div#box div#contentbox div#right div#account-information.account div.row div.notificationinfo { padding-left: 1em; vertical-align: top; display: inline-block; line-height: 1.5em; width: 300px; } html.js body div#box div#contentbox div#right div#account-information.account div.notifications div.notificationrow { border-bottom: 1px dotted #c0d174; height: 50px; padding-bottom: 1em; width: 680px; } #box div#contentbox div#right div#products-overview div.product-dvd h2 a { line-height: 32px; } #box div#contentbox div#right div#products-overview div.product-dvd div.content h2 span { padding-bottom: 1.5em; vertical-align: top; } #box div#contentbox div#right div#products-overview div.product-dvd div.technical p.mac, #box div#contentbox div#right div#products-overview div.product-dvd div.technical p.windows, html.js body div#box div#contentbox div#right div#details div#content p.windows, html.js body div#box div#contentbox div#right div#details div#content p.mac { display: inline-block; width: 24px; /*20px; old value before 20%*/ height: 32px; padding: 0; float: left; } #box div#contentbox div#right div#products-overview div.product-dvd div.content div.product-options { margin-left: 4.7em; } #box div#contentbox div#right div#details div#content h2 { margin-top: 2em; } #box div#contentbox div#right div#details div#content h2.first { margin-top: 1em; } #box div#contentbox div#right div#downloads div.download div.summary h3 span, h2 span { /* placings */ margin-left: .5em; } #box div#contentbox div#right div#title { /* borders */ border-bottom: 1px dotted #c0d174; } #box div#contentbox div#right div#title h1 { display: inline; } #box div#contentbox div#right div#title p { clear: both; } #box div#contentbox div#right div#title div#type { /* placings */ float: left; margin-left: 1em; } #box div#contentbox div#right div#downloads, #box div#contentbox div#right div#disclaimer { /* placings */ clear: both; width: 870px; /*680px; old value before 20%*/ } #box div#contentbox div#right div#downloads div.download { /* Placings */ clear: both; /* sizing */ width: 870px; /* borders */ /*680px; old value before 20%*/ border-top: 1px dotted #c0d174; } div.home-product-option { border-bottom: 1px dotted #c0d174; } #box div#contentbox div#right div#downloads div.download div.logo, #box div.home-box-text div.hotfix div.logo { /* placings */ padding-top: 1em; float: left; text-align: center; /* sizing */ width: 50px; } #box div#contentbox div#right div#downloads div.download div.summary { /* placings */ padding: 1em; float: left; /* sizing */ width: 675px; /*500px; old value before 20%*/ } #box div#contentbox div#right div#downloads div.download div.hotfixright { float: left; width: 120px; /*100px; old value before 20%*/ } #box div.home-box-text div.summary { padding-top: 1em; float: left; /* sizing */ width: 260px; /*200px; old value*/ } #box div#contentbox div#right div#downloads div.download div.summary h3 { /* placings */ float: left; display: table-cell; padding-left: 1em; } #box div.home-box-text div.summary h3 { /* placings */ float: left; display: table-cell; width: 260px; /*200px; old value*/ } /*new value*/ #box div.home-box-text div.summary p { width: 260px; } /*new value*/ .txtbox-main-page { width: 191px; } #box div#contentbox div#right div#downloads div.download div.summary div.type { /* placings */ float: left; margin-left: 1em; margin-bottom: .5em; } #box div#contentbox div#right div#downloads div.download div.summary div.type img, #box div#contentbox div#right div.type img { /* placings */ vertical-align: bottom; } #box div#contentbox div#right div#downloads div.download div.summary p { /* placings */ clear: both; } #box div#contentbox div#downloads p { margin-bottom: 0; } #box div#contentbox div#downloads div.download div.summary p.more, #box div.home-box-content div.more { /* placings */ margin-bottom: 0; text-align: right; } html.js body div#box div#contentbox div#right div.myproducts div#products-overview div.product-dvd div.content p.more { margin-bottom: 0; padding-left: 52px; margin-top: -22px; } #box div.home-box-content div.more { float: left; } #box div.home-box-content div.home-box-header { display: table-row; } #box div.home-box-content div.home-box-header h2 { width: 255px; /*200px; old before 20% increase*/ float: left; } #box div#contentbox div#downloads div.download div.summary p.more a, #box div.home-box-content div.more a, html.js body div#box div#contentbox div#right div.myproducts div#products-overview div.product-dvd div.content p.more a { /* placings */ padding-left: 1em; } #box div#contentbox div#right div#downloads div.download div.buttons { padding-top: 1em; float: left; text-align: center; width: 120px; /*100px; old before 20%*/ } #box div#contentbox div#right div#details { /* placings */ padding: 1em; } #box div#contentbox div#right div#details div#logo { margin-top: 1em; width: 50px; float: left; } #box div#contentbox div#right div#details div#content { /* placings */ padding-left: 1em; padding-right: 1em; width: 760px; /*480px; previous; before 20%*/ float: left; } #box div#contentbox div#right div#details div#content p { margin-left: 1em; } #box div#contentbox div#right div#details div#buttons { width: 100px; float: left; } #box div#contentbox div#disclaimer { /* Placings */ padding-top: 1em; /* borders */ border-top: 1px dotted #c0d174; } #box div#contentbox div#right div#disclaimer p { /* Placings */ padding-left: 61px; padding-right: 111px; } #box div#contentbox div#right div#details div#disclaimer { /* Sizings */ width: inherit; /* borders */ border-top: 0; } #box div#contentbox div#right div#details div#disclaimer p { /* Placings */ padding-left: 0px; padding-right: 0px; } #box div#footer { /* placings */ margin-left: 20px; margin-right: 20px; text-align: center; clear: both; /* sizings */ height: 25px; line-height: 25px; /* borders */ border-top: 1px dotted #c0d174; } #box div#contentbox div#right div#faq-container { margin-bottom: 2em; padding-right: 1em; } #box div#contentbox div#right div#faq-container h2 { margin-bottom: .5em; } #box div#contentbox div#right div#faq-container p { margin-bottom: 2em; } div.overlay, div.overlay div { /* placings */ position: fixed; top: 0; left: 0; height: 100%; width: 100%; z-index: 100; } div.hidden { display: none; } /* End 'Masterpage' layout stylings*/ /* '_HotfixFilters' layout stylings */ #box div#contentbox div#left div#hotfix-filter-box, #box div#contentbox div#left div#hotfix-info-box, #box div#contentbox div#left div#products-filter-box { margin-bottom: 2em; margin-top: 4.3em; } #box div#contentbox div#left div#hotfix-filter-box select, #box div#contentbox div#left div#products-filter-box select { /* placings */ margin-bottom: 1em; padding: 2px; /* sizings */ width: 100%; height: 20px; /* borders */ border: 1px solid #DADADA; font-size: x-small; } #box div#contentbox div#left div#hotfix-filter-box select option, #box div#contentbox div#left div#products-filter-box select option { /* placings */ padding: 1px; padding-left: 3px; } /* End '_HotfixFilters' layout stylings*/ /* 'Disqus-box' layout stylings */ #box div#contentbox div#right div#disqus_thread { padding: 2em; padding-right: 1em; margin-right: 1em; border-top: 1px dotted #c0d174; } #box div#contentbox div#right div#disqus_thread div#dsq-global-toolbar { margin: 0; padding: 0; } /* 'FAQ-Page' stylings */ #box div#contentbox div#right div#faq-overview { padding-bottom: 2em; margin-bottom: 2em; border-bottom: 1px dotted #c0d174; } #box div#contentbox div#right div#faq-overview h3 { margin-bottom: 1em; } #box div#contentbox div#right div#faq-container ul { margin-top: -1em; margin-left: 1em; margin-bottom: 2em; } #box div#contentbox div#right div#faq-container h2 a { float: right; } #box #contentbox #contentsidebar { float: right; width: 160px; } #infoheaderblock { width: 100%; } .infoheaderblock-box { width: 135px; height: 165px; background-color: #fff; margin: 0.9em 0 0.9em 0.45em; border: 1px solid #e5e5e5; border-top: 0; float: left; } div.infoheaderblock-box div.header { height: 6px; } .infoheaderblock-box-image { width: 100%; } .infoheaderblock-box-image img { margin: 1.8em auto; display: block; } .infoheaderblock-box-text { margin: 0 0.45em 0.45em 0.45em; text-align: center; line-height: 1.54em; color: #555; } div.infoheaderblock-box div.header { background-color: #8f9f0b; background-image: url("../Content/images/bg_box_header.png"); background-position: center center; background-repeat: no-repeat; } /* 'Account User Box' stylings */ #box div#topbar div#user-box { /* placings */ float: right; position: relative; z-index: 10; /* sizings */ text-align: right; margin-right: 1em; } #box div#topbar div#user-box div.logged-in { display: inline-block; } #box div#header div#topbar div#user-box div.logged-in-clicked { position: absolute; border: 1px solid #DDDDDD; right: 0; margin-top: 1em; } #box div#topbar div#user-box div.logged-in div.accountname { padding-right: 2em; white-space: nowrap; } #box div#header div#topbar div#user-box div.logged-in-clicked div.accountname { top: -1em; position: relative; padding-left: 1em; } #box div#header div#topbar div#user-box div.logged-in div.clicked ul li { list-style: none outside none; line-height: 2em; text-align: left; padding-left: .5em; white-space: nowrap; } #box div#header div#topbar div#user-box div.logged-in div.clicked ul li a { margin-right: 3em; } #box div#topbar div#user-box div.not-logged-in div.buttons, #box div#topbar div#user-box div.logged-in div.buttons { } #box div#topbar div#user-box div.not-logged-in div.buttons li, #box div#topbar div#user-box div.logged-in div.buttons li, #box div#contentbox div#right div.myproducts div.buttons { padding-left: 4px; display: inline-block; } #box div#topbar div#user-box div.not-logged-in div.buttons li a, #box div#topbar div#user-box div.logged-in div.buttons li a, #box div#contentbox div#right div.myproducts div.buttons a, #box div#contentbox div#right div.type.recommended { margin-right: 1.5em; } #box div#contentbox div#right div.myproducts div.buttons { float: right; text-align: left; padding-top: 100px; } #box div#contentbox div#right div.myproducts div.technical { float: left; width: 120px; /*90px; old value before 20%*/ } #box div#contentbox div#right div.myproducts div.technical div.size { float: left; line-height: 10px; padding-top: 5px; padding-left: 5px; width: 60px; /*50px; old value before 20%*/ } #box div#contentbox div#right div.myproducts div.technical div.ostype { float: left; line-height: 10px; padding-top: 2px; padding-left: 5px; width: 60px; /*50px; old value before 20%*/ } #box div#contentbox div#right div.myproducts div.downloadinfo, #box div#contentbox div#right div.licenses div.downloadinfo { float: left; text-align: left; width: 500px; } #box div#topbar div#user-box div.not-logged-in div.text, #box div#topbar div#user-box div.logged-in div.accountname, #box div#topbar div#user-box div.not-logged-in div.text { margin-right: 1.5em; cursor: pointer; height: 3.5em; text-align: left; } #box div#topbar div#user-box div.logged-in { cursor: pointer; } /* 'Account-pages' stylings */ #box div#contentbox div#right div.account form { margin-top: 2em; } div#box div#contentbox div#left div#account-side-menu { padding-top: 4.6em; } div#box div#contentbox div#left div#account-side-menu ul li { text-align: right; line-height: 2.5em; padding-right: 1em; } #box div#contentbox div.account div.row, #box div.account div.row, #box div.home-box div#login-box div.row { display: table-row; height: 3em; } #box div#contentbox div.account div.editor-label, #box div#contentbox div.account div.editor-field, #box div#contentbox div.account div.editor-validation, #box div.account div.editor-label, #box div.account div.editor-field, #box div.account div.editor-validation, #box div.home-box div#login-box div.editor-label, #box div#contentbox div.account div.notificationicon { position: relative; display: table-cell; line-height: 3em; } #box div.home-box div#login-box div.editor-label { white-space: nowrap; } #box div#contentbox div.account div.notificationinfo { width: 400px; padding-top: 10px; padding-left: 5em; background: url('../content/images/envelope.png'); background-position: 18px 13px; background-repeat: no-repeat; float: left; } #box div#contentbox div.account div.notificationinfo div.notificationinfo-name span { padding-left: 4px; display: inline-block; height: 14px; } #box div#contentbox div.account div.notificationinfo div.notificationinfo-name span.unsubscribe img { display: none; } #box div#contentbox div.account div.notificationbutton { float: left; width: 200px; text-align: right; line-height: 3em; } #box div#contentbox div.account div.notificationbutton a.default-button { margin: 1em auto; width: 120px; display: block; } #box div#contentbox div.account div.editor-label, #box div.account div.editor-label, div.home-box div#login-box div.editor-label { width: 110px; padding-right: 1em; text-align: right; } #box div#contentbox div.account div.editor-field, #box div.account div.editor-field { width: 200px; padding-right: 1em; } #box div#contentbox div.account div.editor-field input[type="text"], #box div#contentbox div.account div.editor-field input[type="password"], #box div.account div.editor-field input[type="text"], #box div.account div.editor-field input[type="password"] { width: 200px; padding: 3px; border: 1px solid #dadada; } #box div#contentbox div.account div.editor-field select { width: 208px; border: 1px solid #dadada; display: table-cell; line-height: 3em; margin: 0 0 5px; min-width: 200px; padding: 2px; padding-top: 3px; vertical-align: middle; } #box div#contentbox div.account div.editor-field select option { padding-left: 3px; } #box div#contentbox div.account input[type="text"].input-validation-error, #box div#contentbox div.account input[type="password"].input-validation-error, #box div.account input[type="text"].input-validation-error, #box div.account input[type="password"].input-validation-error { border: 1px solid #f00; } #box div#contentbox div.account div.editor-field input[type="text"].input-validation-error, #box div#contentbox div.account div.editor-field input[type="password"].input-validation-error, #box div.account div.editor-field input[type="text"].input-validation-error, #box div.account div.editor-field input[type="password"].input-validation-error { border: 1px solid #f00; } #box div#contentbox div.account div.form-buttons { margin-top: 3em; } #box div#contentbox div.account div.form-buttons span.button-tool-tip { display: block; padding: 3px; } #box div#contentbox div#full div#login-box, div#box div.account div#login-box, div#box div#contentbox div#full div.home-box div#migration-box { width: 100%; } div#box div#contentbox div#full div.home-box div#migration-box { margin-bottom: 1em; } div#box div#contentbox div#full div.account div#login-box div.editor-label, div#box div.account div#login-box div.editor-label { width: 150px; padding-right: 1em; } div#box div#contentbox div#full div.account div#login-box div.editor-field, div#box div.account div#login-box div.editor-field { width: 200px; padding-right: 0; } div#box div#contentbox div#full div#new-account-buttons { margin-left: .5em; } div#box div#contentbox div#full div#new-account-steps { margin-bottom: 1em; } div#box div#contentbox div#full div#new-account-steps ul { margin: 0; } div#box div#contentbox div#full div#new-account-steps ul li { display: inline-block; padding-left: 0; margin-right: 1em; } /* general 'box' stylings */ #box div#contentbox div.box, #box div.box { margin-left: auto; margin-right: auto; width: 400px; } #box div#contentbox div.box div.box-header, #box div.box div.box-header { height: 6px; } #box div#contentbox div.box div.box-content, #box div.box div.box-content, div.home-box div.home-box-content { border: 1px solid #E5E5E5; border-top: 0px; padding: 1em; } #box div#login-box div.box-content div.form-buttons { margin-top: .5em; text-align: right; margin-right: 10px; /*newly added when 20% wide the layout*/ } #box div#contentbox div.box ul.options, #box div.box ul.options { margin-top: 1em; margin-right: 0; margin-bottom: 0; } #box div#contentbox div.box ul.options li, #box div.box ul.options li { display: block; text-align: right; line-height: 1.8em; margin-right: 10px; /*newly added when 20% wide the layout*/ } #box div#contentbox div.box ul.options li a, #box div.box ul.options li a { padding-left: 2em; display: inline-block; } #box div#contentbox div.box div.box-error ul, #box div.box div.box-error ul { margin-right: 1em; } #box div#contentbox div.box div.box-error, #box div.box div.box-error { margin-top: 1em; text-align: right; } /* 'Pop-up box' styling */ div.update-message-container, div.login-overlay-box-container { position: fixed; top: 0; left: 0; height: 100%; width: 100%; z-index: 100; } div.update-message { position: fixed; left: 50%; top: 30%; margin-left: -221px; padding: 1em; width: 420px; border: 1px solid #c5c5c5; z-index: 120; } div.update-message h1, #box div#contentbox div#right div.update-message h1, #box div#contentbox div#full div.update-message h1 { padding-left: 1em; margin-bottom: .5em; line-height: 1.5em; border-bottom: 1px dotted #c0d174; } div#full div.login-overlay-box { top: auto; z-index: inherit; } div.login-overlay-box { position: fixed; left: 50%; top: 30%; margin-left: -180px; width: 360px; z-index: 120; } div#box div#topbar div#user-box div.account { line-height: 1.5em; text-align: left; } div.box-container { margin-left: auto; margin-right: auto; padding-left: 1em; width: 650px; } div.box-container div.overview-box, div.home-box { float: left; margin: 0 .5em 2em; width: 351px; /*288px; old value; now 20% increased=354; but 351 is suitable value*/ } div.box-container div.overview-box div.content { margin: 1em; } div.box-container div.overview-box div.header, div.home-box div.header { height: 6px; } div.box-container div.overview-box div.overview-box-content { border: 1px solid #DDDDDD; min-height: 280px; height: auto !important; height: 280px; } div.box-container div.overview-box div.content h2 { line-height: 1.5em; margin-bottom: 0.5em; padding-left: 1em; } div.box-container div.overview-box div.content div.product-option { border-top: 1px solid #DEDEDE; display: table; height: 32px; line-height: 32px; width: 100%; } div.product-option-icon { display: table-cell; height: 32px; line-height: 5px; padding-left: 0.5em; padding-right: 0.5em; padding-bottom: 0.5em; padding-top: 0.5em; } div.product-option-label { display: table-cell; height: 32px; line-height: 32px; padding-left: 0.5em; padding-right: 0.5em; vertical-align: middle; text-align: left; width: 300px; } div.overview-box div.content div.buttons { padding: 1em; text-align: center; border-top: 1px solid #DEDEDE; } #box div#contentbox div#right div.myproducts { } div#box div#contentbox div#right div.myproducts div.suite-logo { width: 200px; height: 60px; } div#box div#contentbox div#right div#products-overview div.product-dvd div.buttons { float: right; padding-top: 1em; text-align: right; width: 150px; /*120px; old value before 20%*/ } div#box div#contentbox div#right div#products-overview div.product-dvd { display: table; border-top: 1px dotted #AABB11; padding-top: 1em; } div#box div#contentbox div#right div#products-overview div.product-dvd.hidden { display: none; } div#box div#contentbox div#right div#products-overview div.wide { padding-bottom: 1em; } div#box div#contentbox div#right div#products-overview div.product-dvd div.content { float: left; width: 595px; /*470px; old value before 20%;*/ } div#box div#contentbox div#left div#products-side-menu ul { margin-left: -1em; width: 180px; text-align: left; } #box div.home-box-text div.hotfix div.summary { min-height: 80px; height: auto !important; height: 80px; } #box div.home-box-text div.hotfix { border-bottom: 1px dotted #c0d174; } #box div#home div.slogan { margin-top: -1em; margin-bottom: 2em; } #box div#contentbox div#right div.type.recommended span { margin-left: 0em; padding-left: 6px; padding-right: 3px; display: inline-block; height: 16px; line-height: 16px; } #box div#contentbox div#right div#downloads-result div#downloads div.download div.hotfixright div.date { line-height: 1em; margin-top: 4em; padding: 1em 0; } #box div#contentbox div#right div.myproducts div#products-overview div.product-dvd div.buttons { padding: 0; margin-top: 5px; } #box div#contentbox div#right div.myproducts div#products-overview div.product-dvd div.buttons span { display: inline-block; } #box div#contentbox div#right div.myproducts div#products-overview div.product-dvd span.date { line-height: 32px; text-align: center; } #box div#contentbox div#right div#products-overview div.product-dvd h2 a { text-decoration: none; } html.js body div#box div#contentbox div#right div.myproducts div#products-overview div.product-dvd div.content div.showhide { float: left; } html.js body div#box div#contentbox div#right div.myproducts div#products-overview div.product-dvd div.content div.downloadcontains { float: left; padding-right: 3px; padding-left: 55px; } div#contentbox div#right div#faq-container h3 { font-size: 1em; } #box div#contentbox div#right div#faq-container ul.faq-content { margin-left: 1em; margin-bottom: 1em; margin-top: 1em; } #box div#contentbox div#right div#faq-container ul.faq-content li ul.faq-content { margin-top: 0em; } #box div#contentbox div#full div.account input[type="text"], #box div#contentbox div#full div.account input[type="password"] { border: 1px solid #DADADA; padding: 3px; width: 200px; } #box div#contentbox div#right div.licenses div.buttons { float: right; padding-right: 0.5em; text-align: center; width: 150px; } div.licenses div.preview-licenses { position: relative; } div.licenses div.preview-licenses div.content { position: absolute; width: 500px; border: 1px solid #c0d174; padding: 1em; } #license-overview { margin-top: 1em; } div#box div#contentbox div#right div.licenses div#license-overview table.license-overview-table tbody tr td div.preview-licenses div.content { position: relative; z-index: 1000; } /* enterprise box */ #enterprise-box { position: absolute; top: 0; left: 191px; } #enterprise-box p.title, #enterprise-box select#enterprise-sites-context-switch { display: inline-block; } #enterprise-box select#enterprise-sites-context-switch { text-transform: capitalize; border: none; border: 1px solid #DADADA; width: 250px; padding: .25em; } #enterprise-box select#enterprise-sites-context-switch option.country { padding-left: 0.5em; border-bottom: 1px solid #aaa; font-weight: bold; } #enterprise-box select#enterprise-sites-context-switch option.country, #enterprise-box select#enterprise-sites-context-switch option.country[disabled] { color: #c0d174; } #enterprise-box select#enterprise-sites-context-switch option.city, #enterprise-box select#enterprise-sites-context-switch option.city[disabled] { color: #505050; } #enterprise-box select#enterprise-sites-context-switch option.city { padding-left: 1.5em; color: #c0d174; font-style: italic; } #enterprise-box select#enterprise-sites-context-switch option { padding: .3em; padding-left: 2em; text-transform: capitalize; } #enterprise-box p.title { font-size: .8em; margin: 0; } /* Table layout for licenses overview */ .license-overview-table { border-collapse: collapse; width: 100%; margin-bottom: 1em; } .license-overview-table thead th { border-bottom: 1px solid #c0d174; text-align: left; padding: .25em; } .license-overview-table tbody td { text-align: left; padding: .5em; } .license-overview-table tbody tr:nth-child(2n+0) { background: #efefef; } div.licenses div.buttons .default-button { display: block; margin-bottom: 0.25em; text-align: center; } p.no-results { border-top: 1px dotted #AABB11; color: #AABB11; font-size: 1.5em; margin-top: 1em; padding-top: 1em; } .disclaimer-text { font-weight: bold; padding-right: 1.5em; margin-bottom: 2em; } p.warning-message { border: 1px solid #ffd04a; padding: 1em; text-align: left; color: #505050; background: #fef5d8; } p.error-message { text-align: left; background: #fef5d8; border: 1px solid #f00; padding: 1em; } .clearfix:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } .overlay.transparant { background: rgba(255,255,255,.2); } span.type.recommended { padding-left: 6px; padding-right: 6px; display: inline-block; height: 16px; line-height: 16px; border-radius: 5px; background-image: url("../Content/images/user_box/red_post_button.png"); background-position: left center; background-repeat: no-repeat; color: #FFFFFF; margin-left: 1em; margin-bottom: .5em; font-size: .9em; font-weight: normal; text-transform: uppercase; vertical-align: top; } #box div#contentbox div#right div.myproducts div#products-overview div.product-dvd div.content span.product-logo { float: left; } div.download-extra-info { float: left; margin: .4em .25em .4em 1em; width: 156px; /*130px; old value before 20%*/ } div.download-extra-info select { margin: 0 .5em .5em .5em; width: 100px; } #box div#contentbox div#right div#products-overview div.product-dvd div.content div.download-extra-info a { text-decoration: none; } #box div#contentbox div#right div#products-overview div.product-dvd div.content div.download-extra-info span.upgrade-available { background-color: #6f7e8c; border-radius: 0.5em; padding: 0.1em .5em; color: #fff; display: inline-block; font-size: .8em; line-height: 2em; margin-left: .5em; } #box div#contentbox div#right div.myproducts div#upgrade-text-box { border: thin; border-color: #c0d174; border-style: solid; margin-bottom: 2em; padding: 1em; } #box div#contentbox div#right div.myproducts span#upgrade-text { display: inline-block; } #box div#contentbox div#right div a.upgrade-now { background-color: #6f7e8c; padding: .25em 1em; clear: none !important; cursor: pointer; line-height: 1.75em; color: #fff; font-size: 1em; text-transform: uppercase; text-decoration: none; opacity: 1; float: right; } .hide-mys-products { display: none !important; } #license-portal { position: relative; } #license-portal * { /*font-family: 'Open Sans', verdana, sans-serif;*/ /*font-family: "Arial" , "Helvetica" , sans-serif;*/ } #license-portal .disclaimer-box { margin-bottom: 1em; color: #a0a0a0; } #license-portal .disclaimer-box span { text-transform: uppercase; font-weight: bold; } #license-portal #portal-filters { min-height: 200px; border-top: 1px solid #efefef; /*border-bottom: 1px solid #efefef;*/ display: table; width: 100%; margin: 0 0 2em 0; } #license-portal #portal-filters .filter-column { display: table-cell; height: 125px; padding: 1em; border-right: 1px solid #efefef; width: 33%; } #license-portal #portal-filters .filter-column:last-of-type { border-right: 0; } #license-portal #portal-view { position: relative; min-height: 300px; } #box div#contentbox #license-portal #portal-view h2 { text-transform: uppercase; font-weight: normal; font-size: 1.2em; background: #c0d174; padding: .5em; margin: 0; color: #fff; } #license-portal #portal-view .download-all-button { position: absolute; top: .4em; right: .5em; } #license-portal #portal-view .download-all-button a { text-decoration: none; background-image: url(../Content/images/licenseportal/portal_download_icon.png); background-position: .25em center; background-repeat: no-repeat; background-size: 15px; padding: .25em .75em .25em 2em; background-color: #fff; border-radius: .15em; color: #505050; font-size: .75em; text-transform: none; } #license-portal #portal-view .download-all-button a:hover { background-color: #efefef; } #license-portal #portal-view table { width: 100%; border-collapse: collapse; } #license-portal #portal-view table tr td { padding: 0.45em; } #license-portal #portal-view table tr td.actions { text-align: center; } #license-portal #portal-view table tr td.creationdate { white-space: nowrap; } #license-portal #portal-view table thead tr, #license-portal #portal-view table tbody tr.table-header { background: #f8f9e7; } #license-portal #portal-view table thead tr th, #license-portal #portal-view table tbody tr.table-header th { padding: 0.45em; text-align: left; text-transform: uppercase; white-space: nowrap; font-weight: normal; } #license-portal #portal-view table .entitlement-id { width: 270px; } #license-portal #portal-view table .product { width: 170px; } #license-portal #portal-view table .product-group-name { width: 300px; } #license-portal #portal-view table .location-name { } #license-portal #portal-view table .productmodule-header { width: 250px; } #license-portal #portal-view table .productkey-header { width: 250px; } #license-portal #portal-view table .quantity-header { width: 60px; } #license-portal #portal-view table .duration-header { width: 150px; } #license-portal #portal-view table .licensemodel-header { width: 100px; } #license-portal #portal-view table .dropdown-indicator { background-image: url("../Content/images/arrow_down.gif"); background-repeat: no-repeat; background-position: .5em center; padding-left: 1.5em; } #license-portal #portal-view table tbody tr { border-bottom: 1px solid #efefef; position: relative; } #license-portal #portal-view table tbody tr.clearrow { border-bottom: 0; } #license-portal #portal-view table tbody tr.product-group, #license-portal #portal-view table tbody tr.site-name { text-transform: uppercase; font-weight: normal; font-size: 1.2em; background: #c0d174; color: #fff; } #license-portal #portal-view table tbody tr.product-group td, #license-portal #portal-view table tbody tr.site-name td { padding: .5em; margin: 0; } #license-portal #portal-view table tbody td.computer { border-right: 1px solid #efefef; vertical-align: top; cursor: default; } #license-portal #portal-view table tbody td.computer a { display: inline-block; float: right; } #license-portal #portal-view table tbody td span.note { float: right; padding: 0 .5em; } #license-portal #portal-view table tr.dropdown { cursor: pointer; } #license-portal #portal-view table tr.dropdown.selected { border: 2px solid #efefef; border-bottom: none; } #license-portal #portal-view table tr.dropdown.selected td { background-color: #efefef !important; } #license-portal #portal-view table tr.dropdown.computer-view.selected2 { background-color: #efefef !important; } #license-portal #portal-view table.no-dropdown-border tr.dropdown.selected{ border: none; border-right: 1px solid #efefef; } #license-portal #portal-view table.no-dropdown-border tr.dropdown.selected .computer { background: inherit !important; } #license-portal #portal-view table tr.dropdown-item { border-left: 2px solid #efefef; border-right: 2px solid #efefef; border-bottom: 1px dotted #efefef; color: #888; } #license-portal #portal-view table.no-dropdown-border tr.dropdown-item { border-left: none; border-right: 1px solid #efefef; border-bottom: 1px dotted #efefef; color: #888; } #license-portal #portal-view table tr.dropdown-item.end { border-top: 2px solid #efefef; border-left: 0px none; border-right: 0px none; border-bottom: 2px solid #efefef; } #license-portal #portal-view table tbody tr.dropdown-item.table-header { background: none; } #license-portal #portal-view table tr.dropdown-item.table-header th { font-style: italic; } #license-portal #portal-view table tr.dropdown:hover td { background-color: #efefef; } /*#license-portal #portal-view table.no-dropdown-border tr.dropdown:hover { background-color: inherit; } #license-portal #portal-view table.no-dropdown-border tr.dropdown:hover td { background-color: #efefef; } */ #license-portal #portal-view table.no-dropdown-border tr.dropdown:hover td.computer { background-color: inherit; } /* LND-2758 (exporting the content to CSV)*/ .clear-csv-boxes { display: inline-block; float: right; } #license-portal div#clear-filters-box, #license-portal div#export-to-csv-box { margin-bottom: 0.1em; text-decoration: underline; cursor: pointer; } #license-portal #portal-view span.note { border-radius: 0.5em; display: inline-block; background: #c0d174; padding: .15em 1em; margin-left: 1em; color: #fff; text-transform: capitalize; } #license-portal #portal-view span.note.sticky { float: none; margin-left: 0; } #license-portal #portal-view span.note.left-margin { margin-left: 0.2em; } #license-portal #portal-view span.note.red { background: #EB4E4E; } #license-portal #portal-view span.note.orange { background: #FFA500; margin-top: 3px; } #license-portal #portal-view span.note.grey { background: #888888; } #license-portal #portal-view span.upgrade { font-weight: bold; } #license-portal #portal-view span.customer-code, #license-portal #portal-filters span.customer-code { font-style: italic; } #box div#contentbox #license-portal-view-menu ul { margin: 0; text-align: left; } #box div#contentbox #license-portal-view-menu ul li { display: inline-block; text-transform: uppercase; background: none; padding: 0; } #license-portal-view-menu ul li a { text-decoration: none; display: inline-block; padding: .5em 1em; background: #e5e8bb; color: #505050; } #license-portal-view-menu ul li.active a { background: #c0d174; color: #fff; } /* Filter dropdown */ #license-portal .dropdown-filter { position: relative; } #license-portal .dropdown-filter .dropdown-filter-header { padding: .5em 1.25em .5em .5em; border: 1px solid #efefef; background-image: url(../Content/images/arrow_down.gif); background-position: right .5em center; background-repeat: no-repeat; cursor: pointer; } #license-portal .dropdown-filter .dropdown-filter-content { position: absolute; z-index: 1000; width: 100%; } #license-portal .dropdown-filter .dropdown-filter-content .dropdown-filter-overlay.overlay { background: none; z-index: 990; } #license-portal #filter-license-types { } #box div#contentbox #license-portal .dropdown-filter .dropdown-filter-content ul, #box div#contentbox #license-portal .dropdown-filter .dropdown-filter-content #dropdown-sites-content ul.country-list { margin: 0; padding: 0 0 .5em 0; z-index: 1000; -webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.2); -moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.2); box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.2); background: #fff; position: relative; } #box div#contentbox #license-portal .filter-results ul { margin: 0; padding: 1em 0 .5em 0; background: #fff; } #box div#contentbox #license-portal .dropdown-filter .dropdown-filter-content ul.selector li, #box div#contentbox #license-portal .dropdown-filter .dropdown-filter-content #dropdown-sites-content ul.country-list li, #box div#contentbox #license-portal .filter-results ul li { background-image: none; padding: .25em 3.5em .25em .5em; margin: 0; white-space: nowrap; display: block; } #box div#contentbox #license-portal .dropdown-filter .dropdown-filter-content #dropdown-sites-content ul.country-list li { padding: .25em 3.5em .25em 1.5em; } #box div#contentbox #license-portal .dropdown-filter .dropdown-filter-content ul.selector li.filter-group-title { font-weight: bold; font-style: italic; } #box div#contentbox #license-portal .dropdown-filter .dropdown-filter-content ul.selector li.filter-item, #box div#contentbox #license-portal .filter-results ul li.filter-item { background-image: url(../Content/images/licenseportal/portal_uncheck_icon.png); background-position: right 1em center; background-repeat: no-repeat; padding: .25em 2em; } #box div#contentbox #license-portal .filter-results ul li.filter-item { padding: .25em .5em .25em .5em; } #box div#contentbox #license-portal .dropdown-filter .dropdown-filter-content ul.selector li.filter-item:hover, #box div#contentbox #license-portal .filter-results ul li.filter-item:hover { background-image: url(../Content/images/licenseportal/portal_check_icon.png); background-color: #f5f5f5; cursor: pointer; } #box div#contentbox #license-portal .dropdown-filter .dropdown-filter-content #dropdown-sites-content ul.country-list li:hover { background-color: #f5f5f5; cursor: pointer; } #box div#contentbox #license-portal .dropdown-filter .dropdown-filter-content ul.selector li.not-applicable { display: none; } #box div#contentbox #license-portal .filter-results ul li.not-applicable { text-decoration: line-through; color: #a0a0a0; background-image: none; } #box div#contentbox #license-portal .dropdown-filter .dropdown-filter-content ul.selector li.selected { background-image: url(../Content/images/licenseportal/portal_check_icon.png); /*background-color: #f8f9e7; */ } #box div#contentbox #license-portal .filter-results ul li.selected { background-image: url(../Content/images/licenseportal/portal_remove_filter.png); padding: .25em 3em .25em 1em; white-space: initial; } #box div#contentbox #license-portal .filter-results ul li.selected:hover { background-image: url(../Content/images/licenseportal/portal_remove_filter.png); } #box div#contentbox #license-portal .filter-results ul li.not-applicable:hover { background-color: #fff; cursor: default; } /* location filters */ #license-portal #filter-sites .dropdown-filter .dropdown-filter-content { right: 0; width: 600px; background: #fff; -webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.2); -moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.2); box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.2); } #dropdown-sites-content { height: 300px; } #box div#contentbox #license-portal #filter-sites .dropdown-filter .dropdown-filter-content #dropdown-sites-content ul { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } #dropdown-sites-content .countries { width: 208px; background-color: #fff; position: relative; float: left; height: 100%; z-index: 1200; overflow:auto; } #dropdown-sites-content .countries h3 { margin: 1em; } #box div#contentbox #license-portal .dropdown-filter .dropdown-filter-content #dropdown-sites-content ul.country-list { margin-top: 1em; } #box div#contentbox #license-portal .dropdown-filter .dropdown-filter-content #dropdown-sites-content ul.country-list li.selected { background-color: #efefef; background-position: right 1em center; background-repeat: no-repeat; } #box div#contentbox #license-portal .dropdown-filter .dropdown-filter-content #dropdown-sites-content ul.selector li.filter-item.country { font-weight: bold; border-bottom: 1px solid #efefef; margin-top: 1em; } #box div#contentbox #license-portal .dropdown-filter .dropdown-filter-content #dropdown-sites-content ul.selector li.filter-item.hidden { display: none; } #box div#contentbox #license-portal .dropdown-filter .dropdown-filter-content #dropdown-sites-content ul.selector li.filter-item.city { padding: 0.25em 2.5em 0.25em 4em; white-space: initial; } #dropdown-sites-content .sites { position: relative; float: right; width: 390px; height: 100%; overflow: auto; z-index: 1200; border-left: 2px solid #efefef; resize: vertical; min-height: 300px; } #dropdown-sites-content .sites:after { content: "."; visibility: hidden; display: block; height: 0; clear: both; } .no-result { color: #a0a0a0; padding: 1em .5em .5em .5em; } div#loader-box { } div#portal-view-box { position: relative; } div#loader-box.overlay { position: absolute; } div#loader-box div { background-image: url(../Content/images/licenseportal/loader.gif); background-repeat: no-repeat; background-position: center center; height: 300px; position: relative; } .number, #license-portal #portal-view table tr.dropdown-item.table-header th.number, #license-portal #portal-view table tbody tr.table-header th.number { text-align: right; } #show-expired-subscriptions-box input[type=checkbox] { vertical-align:middle; } .center-align { text-align: center !important; } section#web-messages { } section#web-messages div.space { height: 2em; } section#web-messages article.un-obstrusive { background: #c0d174; font-size:0.9em; color: #fff; position: relative; margin-bottom: 1em; position: fixed; width: 100%; z-index: 1000; top: 0; } section#web-messages article.un-obstrusive section.message { padding-left: 1em; padding-right: 5em; line-height: 2em; } section#web-messages article.un-obstrusive section.close { position: absolute; right: 1em; top: 0; line-height: 2em; color: #fff; } section#web-messages article.un-obstrusive a{ color: #fff; } section#web-messages article.obstrusive { left: 50%; margin-left: -180px; position: fixed; top: 20%; width: 360px; z-index: 120; font-size: .9em; } section#web-messages article.obstrusive h1 { color: #c0d174; font-weight: normal; margin-bottom: 1em; } section#web-messages article.obstrusive div.header { height: 6px; background-color: #8F9F0B; background-image: url("../Content/images/bg_box_header.png"); background-position: center center; background-repeat: no-repeat; } section#web-messages article.obstrusive div.content { background-color: #FAFAFA; border: 1px solid #8F9F0B; border-top: 0; padding: 1em; overflow: auto; max-height:450px; } section#web-messages article.obstrusive section.close { position: absolute; right: 0; top: -1.5em; } section#web-messages article.obstrusive section.close a { text-decoration: none; font-weight: normal; padding-right: 1.5em; background: url("../Content/images/close-button.png") center right no-repeat; color: #000; display: inline-block; } div.message { width: 170px; float: left; margin-bottom: 1em; } div.message div.message-content { background: #FAFAFA; border: 1px solid #afbb13; padding: 1em; } div#box div#contentbox div#right div.message div.message-content h1 { font-size: 1.2em; margin-bottom: 1em; color: #7d8609; } body div#box div#contentbox div#right div.myproducts div.message { position: relative; } body section#web-messages section.message ul { margin: 1em 2em; } @media print { /* HTML entities */ /* End HTML entities */ /* 'Masterpage' layout stylings */ #box div#navbar { /* Background */ background-image: url(../images/navbar_bg.jpg); } #box div#breadcrumb ul li { list-style: square; } #box div#contentbox h2, #box div#contentbox div#downloads div.download div.summary h3 { padding-left: 0; } /* End 'Masterpage' layout stylings*/ } .licenses .preview * {font-family:verdana; font-size:12px;} .licenses .preview h1 {margin:2em 0 2em 0;} .licenses .preview .ProductKey {margin-bottom:1em;} .licenses .preview .Dongle {margin:1em;} .licenses .preview h1 .value {color:#c0d174;} .licenses .preview .ProductKeyEntry {margin:0 0 1em 0; padding:0 0 1em .5em; border-bottom:1px solid #c0d174;} .licenses .preview .PublicProductName .name, .licenses .preview .ProductVersion, .licenses .preview .EntitlementID, .licenses .preview .PublicProductDescription, .licenses .preview .ProductName {display: none;} .licenses .preview .PublicProductName .value{font-weight:bold;} .licenses .preview .PublicProductName{margin-bottom:1em;} .licenses .preview .ExpirationDate { margin-top: 1em;} .licenses .preview .SerialNumber { margin-top: 1em;} .licenses .preview .UnlockCount { margin-top: 1em;} .licenses .preview .MaintenanceEndDate { margin-top: 1em;} .licenses .preview .ProductKey .value {font-family:"Courier new",Monospace; padding:5px; border:1px solid #000; } .licenses .preview .LicenseModel { margin: 1em; padding: 1em;border: 1px solid #c0d174; width: 200px; background: #efefef;} .licenses .preview .LicenseModel .name {} .licenses .preview .LicenseModel .value {font-weight:bold;} #public-subscriptions, #public-trials { } #public-subscriptions #subscription-intro, #public-subscriptions #subscription-how-to-start, #public-trials #trial-intro, #public-trials #trial-how-to-start{ padding-bottom: 1em; border-bottom: 1px dotted #c0d174; margin-bottom: 1em; } #public-subscriptions #subscription-description, #public-trials #trial-description{ width: 70%; float:left; } #public-subscriptions #subscription-intro .subscription-downloads, #public-trials #trial-intro .trial-downloads{ width: 22.5%; float: right; margin-right: 5%; } #public-subscriptions #subscription-how-to-start .how-to-block.box, #public-trials #trial-how-to-start .how-to-block.box { float: left; width: 31%; margin: 0 .5%; padding: .5em; } #public-subscriptions #subscription-how-to-start .how-to-block.box .box-content, #public-trials #trial-how-to-start .how-to-block.box .box-content { min-height: 410px; position: relative; } #public-subscriptions #subscription-how-to-start .how-to-block.box .box-content .subscription-downloads, #public-trials #trial-how-to-start .how-to-block.box .box-content .trial-downloads{ position:absolute; bottom: 0; width: 91%; } #public-subscriptions h3,#public-trials h3 { margin-bottom: 1em; } #public-subscriptions #subscription-how-to-start .how-to-block ul, #public-subscriptions #subscription-how-to-start .how-to-block ol, #public-trials #trial-how-to-start .how-to-block ul, #public-trials #trial-how-to-start .how-to-block ol { margin-left: 1.5em; } #public-subscriptions #subscription-how-to-start .how-to-block ul li, #public-subscriptions #subscription-how-to-start .how-to-block ol li, #public-trials #trial-how-to-start .how-to-block ul li, #public-trials #trial-how-to-start .how-to-block ol li{ margin-bottom: 1em; } #public-subscriptions #subscription-how-to-start .how-to-block ul li li, #public-subscriptions #subscription-how-to-start .how-to-block ol li li, #public-trials #trial-how-to-start .how-to-block ul li li, #public-trials #trial-how-to-start .how-to-block ol li li{ margin-bottom: .25em; } #public-subscriptions #subscription-how-to-start .how-to-block ol, #public-trials #trial-how-to-start .how-to-block ol { margin-right: 0em; } #public-subscriptions #subscription-how-to-start .how-to-block ul li, #public-trials #trial-how-to-start .how-to-block ul li { list-style: square; background: none; padding: 0; } #public-subscriptions #subscriptions-learn, #public-trials #trials-learn { padding: 1em; background: #f1f1f1; } #public-subscriptions #subscriptions-learn #subscription-learn-video, #public-trials #trials-learn #trial-learn-video { float: left; width: 55%; } #public-subscriptions #subscriptions-learn .learn-extrainfo, #public-trials #trials-learn .learn-extrainfo { float:right; width: 40%; } #public-subscriptions #subscriptions-learn.no-float .learn-extrainfo, #public-trials #trials-learn.no-float .learn-extrainfo { float: left; width: 35%; } #box #public-subscriptions .learn-extrainfo ul, #box #public-subscriptions .learn-extrainfo ol, #box #public-trials .learn-extrainfo ul, #box #public-trials .learn-extrainfo ol{ margin-left: .5em; } #public-subscriptions .subscription-downloads .download, #public-trials .trial-downloads .download { margin-bottom: 1em; } #public-subscriptions .subscription-downloads .download a, #public-trials .trial-downloads .download a { background-color: #c0d174; background-image: url("../Content/images/bg_button.png"); background-position: left top; background-repeat: repeat-x; color: #fff; font-size: 1em; font-weight: bold; text-decoration: none; text-transform: uppercase; border: 1px solid #93A70B; border-collapse: collapse; clear: none !important; cursor: pointer; height: 20px; margin: 0; padding: .5em; width: 95%; display:block; text-align: center; } div#assign-dialogue, #resend-dialogue, #eskoid-selection-dialogue, #release-confirm-dialogue, #release-all-confirm-dialogue, #unassignds-dialogue { position: absolute; top: 30%; left: 50%; margin-left: -150px; z-index: 342; width: 380px; background: #fff; border: 1px solid #c0d174; padding: 1em; border-radius: 0.5rem; } div#assign-dialogue textarea.assign-comments{ font-size: 12px; border:1px solid #ccc; margin: 0px; min-width: 258px; max-width:258px; min-height: 75px; border-radius: 4px; } div#resend-dialogue textarea.comments{ min-height: 65px; min-width: 97%; max-width:98%; border:1px solid #ccc; font-size: 12px; border-radius: 4px; } label.optional { font-style: italic; color: #808080; font-size: 11px; } .dialogue-buttons { margin: .5em; text-align: right; } #assignee-validation-result.valid, #assignee-validation-result.invalid { width: 15px; height: 15px; display: inline-block; background-position: right 1em center; background-repeat: no-repeat; padding: 0 1em; } #assignee-validation-result.valid { background-image: url("../Content/images/licenseportal/portal_check_icon.png"); } #assignee-validation-result.invalid { /*background-image: url("../Content/images/licenseportal/portal_uncheck_icon.png");*/ } #assign-email-box { margin-top:0.5em; margin-left:0.5em; } .assign-box p, .unassign-box p, .resend-box p { margin-left:0.3em; margin-top:0.3em; } #unassign-table td a, #assign-table td a { text-decoration:underline; cursor:pointer; } .unassign-overlay, .assign-overlay, .release-overlay, .release-all-overlay { position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 999; background: rgba(0, 0, 0, 0.3); display: none; } #license-portal #portal-view table.subscription-table { border-top: 1em solid #c0d174; } /*for Cloud Named popup/dialog*/ div#assign-dialogue-cloud { position: absolute; top: 30%; left: 50%; margin-left: -150px; z-index: 300; width: 300px; background: #fff; border: 1px solid #c0d174; padding: 1em; border-radius: 0.5rem; } .assign-overlay-cloud{ position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index:999; background: rgba(0, 0, 0, 0.3); display:none; } .tbEmail{ width: 100%; padding: 9px 5px; margin: 8px 0; display: inline-block; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box; } /*For create esko id dialog*/ div#create-eskoid-dialogue { position: absolute; top: 30%; left: 50%; margin-left: -150px; z-index: 300; width: 300px; background: #fff; border: 1px solid #c0d174; padding: 1em; } .create-eskoid-overlay{ position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index:999; background: rgba(0, 0, 0, 0.3); display:none; } .tbCreateEskoId{ padding: 8px 5px; display: inline-block; border: 1px solid #ccc; border-radius: 4px; } .invalidRed { border: 1px solid red; background: #FFCECE; } .inform-user-checkbox{ width: 15px; height: 18px; float:left } div#unassignds-dialogue { position: absolute; top: 30%; left: 50%; margin-left: -150px; z-index: 300; width: 450px; background: #fff; border: 1px solid #c0d174; padding: 1em; border-radius: 0.5rem; } div#release-all-confirm-dialogue, div#release-confirm-dialogue { position: absolute; top: 30%; left: 50%; margin-left: -150px; z-index: 300; width: 450px; background: #fff; border: 1px solid #c0d174; padding: 1em; border-radius: 0.5rem; } .hr-green { background-color: #c0d174; height: 1px; } .close-dialog, close-dialog-release { cursor: pointer; text-align: right; display: block; padding: 10px; } .dialogue-box-text { margin-top: 1em; margin-bottom: 1em; margin-left: 5px; margin-right: 5px; } .input-box-small { width: 65px; height: 25px; } .dialog-header { font-size: 2em !important; margin-bottom: 0 !important; } .hr-green { background-color: #c0d174; height: 1px; } .close{ cursor:pointer; text-align:right; display:block; padding:10px; } .dialogue-box-text { margin-top: 1em; margin-bottom: 1em; margin-left: 5px; margin-right: 5px; } .input-box-small { width: 65px; height: 25px; } .dialog-header { font-size: 1.8em !important; margin-bottom: 0 !important; } .eskoid-group-selector { border: solid; padding: 2px; cursor: pointer; padding-left: 5px; padding-right: 5px } .selected { background-color: #c0d174; color: #FFF; } .eskoid-row { cursor: pointer; } .left-align { float: left; } .low { top: 40% !important; } .scrollable-over-300 { overflow-y: auto; max-height: 300px; } /************* header arrows in tablesorter headings *************/ /* header */ .tablesorter .header, .tablesorter .tablesorter-header { /* black (unsorted) double arrow */ /*background-image: url(data:image/gif;base64,R0lGODlhFQAJAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAkAAAIXjI+AywnaYnhUMoqt3gZXPmVg94yJVQAAOw==);*/ /* white (unsorted) double arrow */ /* background-image: url(data:image/gif;base64,R0lGODlhFQAJAIAAAP///////yH5BAEAAAEALAAAAAAVAAkAAAIXjI+AywnaYnhUMoqt3gZXPmVg94yJVQAAOw==); */ background-repeat: no-repeat; background-position: center right; padding: 4px 18px 4px 4px; white-space: normal; cursor: pointer; } .tablesorter .tablesorter-headerSortUp, .tablesorter .headerSortUp, .tablesorter .tablesorter-headerAsc { /*background-color: #9fbfdf; */ /* black asc arrow */ /*background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7);*/ /* white asc arrow */ /* background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAAP///////yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7); */ } .tablesorter .headerSortDown, .tablesorter .tablesorter-headerSortDown, .tablesorter .tablesorter-headerDesc { /*background-color: #8cb3d9; */ /* black desc arrow */ /*background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7);*/ /* white desc arrow */ /* background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAAP///////yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7); */ } .tablesorter thead .sorter-false { background-image: none; cursor: default; padding: 4px; } .tablesort-image { content: url(data:image/gif;base64,R0lGODlhFQAJAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAkAAAIXjI+AywnaYnhUMoqt3gZXPmVg94yJVQAAOw==); display: inline; } .tablesort-image:before { content: url(data:image/gif;base64,R0lGODlhFQAJAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAkAAAIXjI+AywnaYnhUMoqt3gZXPmVg94yJVQAAOw==); display: -moz-inline-stack; } .tablesorter .tablesorter-headerAsc .tablesort-image { content: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7); } .tablesorter .tablesorter-headerAsc .tablesort-image:before { content: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7); display: -moz-inline-stack; } .tablesorter .tablesorter-headerDesc .tablesort-image { content: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7); } .tablesorter .tablesorter-headerDesc .tablesort-image:before { content: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7); display: -moz-inline-stack; } .collapsible-green { background-color: #c0d174; color: white; cursor: pointer; padding: 10px; width: 100%; border: none; text-align: left; outline: none; font-size: 12px; font-stretch: expanded; text-transform: uppercase; } .collapsible-green:after { content: '\25bc'; color: white; font-weight: bold; float: right; margin-left: 5px; } .activated-green:after { content: "\25b6"; } .upgrade-instruction-wrapper { padding: 0 20px; max-height: 0; overflow: hidden; transition: 0.2s ease-out; background-color: #fafafa; text-align: center; } .upgrade-instruction-icon { border: none; outline: none; background-color: transparent; cursor: default; width: 80px; } .upgrade-instruction-icon.link-cursor { cursor: pointer !important; } .upgrade-instruction-content { padding-bottom: 20px; text-align: left; } .upgrade-instruction-text { position: relative; display: block; text-transform: uppercase; padding-top: 5px; font-size: 12px; } .upgrade-instruction-text.green { color: #c0d174; } .upgrade-email-textbox { margin-left: 10px; margin-right: 10px; height: 20.5px; width: 250px; } .upgrade-email-box { display:flex; line-height:20px; }