/* ecomas CSS */
@font-face { font-family: 'opensans'; src: url('/stimages/fonts/opensans/opensans-italic.eot') format('embedded-opentype'), url('/stimages/fonts/opensans/opensans-italic.woff') format('woff'), url('/stimages/fonts/opensans/opensans-italic.ttf') format('truetype'), url('/stimages/fonts/opensans/opensans-italic.svg') format('svg'); font-style: italic; font-weight: normal; font-display: swap; }
@font-face { font-family: 'opensans'; src: url('/stimages/fonts/opensans/opensans-light.eot') format('embedded-opentype'), url('/stimages/fonts/opensans/opensans-light.woff') format('woff'), url('/stimages/fonts/opensans/opensans-light.ttf') format('truetype'), url('/stimages/fonts/opensans/opensans-light.svg') format('svg'); font-style: normal; font-weight: 300; font-display: swap; }
@font-face { font-family: 'opensans'; src: url('/stimages/fonts/opensans/opensans-lightitalic.eot') format('embedded-opentype'), url('/stimages/fonts/opensans/opensans-lightitalic.woff') format('woff'), url('/stimages/fonts/opensans/opensans-lightitalic.ttf') format('truetype'), url('/stimages/fonts/opensans/opensans-lightitalic.svg') format('svg'); font-style: italic; font-weight: 300; font-display: swap; }
@font-face { font-family: 'opensans'; src: url('/stimages/fonts/opensans/opensans-regular.eot') format('embedded-opentype'), url('/stimages/fonts/opensans/opensans-regular.woff') format('woff'), url('/stimages/fonts/opensans/opensans-regular.ttf') format('truetype'), url('/stimages/fonts/opensans/opensans-regular.svg') format('svg'); font-style: normal; font-weight: normal; font-display: swap; }
@font-face { font-family: 'opensans'; src: url('/stimages/fonts/opensans/opensans-bold.eot') format('embedded-opentype'), url('/stimages/fonts/opensans/opensans-bold.woff') format('woff'), url('/stimages/fonts/opensans/opensans-bold.ttf') format('truetype'), url('/stimages/fonts/opensans/opensans-bold.svg') format('svg'); font-style: normal; font-weight: bold; font-display: swap; }
@font-face { font-family: 'opensans'; src: url('/stimages/fonts/opensans/opensans-boldItalic.eot') format('embedded-opentype'), url('/stimages/fonts/opensans/opensans-boldItalic.woff') format('woff'), url('/stimages/fonts/opensans/opensans-boldItalic.ttf') format('truetype'), url('/stimages/fonts/opensans/opensans-boldItalic.svg') format('svg'); font-style: italic; font-weight: bold; font-display: swap; }

:root {
	font-size: ;
	--cms-global-font:'opensans';
}
@font-face { font-family: 'ecomas'; src: url('/stimages/fonts/ecomas/ecomas.woff') format('woff'), url('/stimages/fonts/ecomas/ecomas.ttf') format('truetype'); font-style: normal; font-weight: normal; font-display: fallback; }
@font-face { font-family: 'Roboto'; src: url('/stimages/fonts/roboto/Roboto-Light.woff2') format('woff2'), url('/stimages/fonts/roboto/Roboto-Light.woff') format('woff'), url('/stimages/fonts/roboto/Roboto-Light.ttf') format('truetype'); font-style: normal; font-weight: normal; font-display: fallback; }
body, html { height:100%; font-size: 16px; }
body { background-color: #F6F7F9; font-family: Arial, Helvetica, sans-serif; line-height: 180%; color: #333; overflow: auto; padding:0; margin:0; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOmE9Imh0dHA6Ly9ucy5hZG9iZS5jb20vQWRvYmVTVkdWaWV3ZXJFeHRlbnNpb25zLzMuMC8iIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMzAwMHB4IiBoZWlnaHQ9IjE5OTlweCIgdmlld0JveD0iMCAwIDMwMDAgMTk5OSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMzAwMCAxOTk5IiB4bWw6c3BhY2U9InByZXNlcnZlIj48cmVjdCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0iI0IzQjJCNCIgd2lkdGg9IjMwMDAiIGhlaWdodD0iMTk5OCIvPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBmaWxsPSIjNDI1NDYyIiBkPSJNMTEzMiwxOTk3YzYyMi44NTctNDgxLjQwMiwxMjQ0LjM5Mi05NjQuMjk2LDE4NjgtMTQ0NWMwLDQ4Mi4wMjcsMCw5NjMuOTUzLDAsMTQ0NkMyMzc3LjYzMSwxOTk3LjMzMywxNzUyLjcxNywxOTk5LjMzMywxMTMyLDE5OTd6Ii8+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiM0MjU0NjIiIGQ9Ik0xNTI0LDBjLTE0LjU5NCwyODguMDYzLTEyNS4wNTEsNDgwLjI4NS0yNzAsNjM4Yy05LjkxOCw4LjQxNS0xOC4wODIsMTguNTg1LTI4LDI3Yy00LjA4NSwzLjI0OC03Ljc1Miw2LjkxNS0xMSwxMWMtMTU1LjUzOCwxMzkuODAzLTM0NS4xNTcsMjQ1LjUwNi02MjYsMjYwYy00LDAtOCwwLTEyLDBjLTQuNjg2LDAuNjQ3LTExLjk3NS0xLjMwOC0xNSwxYy01LjY2NywwLTExLjMzMywwLTE3LDBjLTMuNjg3LTIuMzEzLTExLjY1MS0wLjM0OS0xNy0xYy00LjMzMywwLTguNjY3LDAtMTMsMGMtMjE4LjcyMS05LjYxMS0zNzcuNDI0LTc5LjI0NS01MTUtMTcwQzAsNTEwLjY3MSwwLDI1NS4zMjYsMCwwQzUwOC4wMTYsMCwxMDE1Ljk4MSwwLDE1MjQsMHoiLz48L3N2Zz4='); background-size: cover; }
input[type="text"], input[type="password"], input[type="submit"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; }
#genForm { width: 80%; margin: auto; max-width: 990px; display: table; height: 100%; }
#genCell { display:table-cell; width:100%; vertical-align:middle; text-align: center; }
#gerFormSub { margin-bottom:30px; padding-left: 4%; padding-right: 4%; padding-bottom: 34px; padding-top: 4%; background-color: #fff; width: 99%; box-sizing: border-box; box-shadow: 0 24px 38px 0 rgba(0, 0, 10, 0.2), 0 0 50px 0 rgba(0, 0, 0, 0.2); text-align: left; }
#gerFormSub .TABPRODHEADER { color: #01A8BF; text-transform: uppercase; padding-bottom: 10px; }
#gerFormSub .CUSTKOMMBODY { line-height: 1.6; }
#gerFormSub .TableDataVar { line-height: 1.6; padding-top: 10px; font-size: 0.75rem; }
#gerFormSub .TableDataVar a { color: #AB147C; }
#genCell h1:before { content: ''; width: 120px; height: 39px; background-image: url(../assets/dist/img/ecomas-logo.svg); background-position: center; background-repeat: no-repeat; background-size: 100% auto; position: absolute; right: 12px; bottom: 0px; z-index: 3; }
h1 { font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 42px; font-weight: normal; color: #fff; line-height: 120%; position: relative; margin:0; padding:15px 0 35px; }
h3 { color:#AB147C; }
#login_error { color:#AB147C; padding-bottom: 30px; text-align: center; }
#tranyway td, td.ecomascaptcha { text-align: center; color:#AB147C; }
#gerFormSub form { display:inline-block; width:50%; box-sizing: border-box; vertical-align: top; }
#gerFormSub form[name="language"] { width:45%; }
table.userpwd { width:98%; }
table.userpwd th[data-icon] { position: relative; width: 50px; height: 50px; }
table.userpwd th[data-icon]:before { position: absolute; font-family: ecomas; color:#6e7a84; content:''; font-size: 36px; line-height: 40px; display:block; top:3px; right:3px; bottom: 3px; left:3px; text-align: center; background-color: #e5e4e4; border:1px solid #ccc; border-radius:3px; box-shadow: 0 0 2px #ccc; }
table.userpwd th[data-icon="user"]:before { content:'\f472'; }
table.userpwd th[data-icon="pswd"]:before { content:'\f473'; }
table.userpwd th[data-icon="lang"]:before { content:'\f470'; }
table.userpwd th[data-icon="proj"]:before { content:'\f471'; }
th[data-icon="proj"] a { display:block; text-decoration:none; border:0; position: absolute; left:0; right:0; top:0; bottom:0; z-index:2; }
table.userpwd input[type="text"], table.userpwd input[type="password"] { width:100%; display:block; padding:10px 14px; box-sizing: border-box; background-color: #fff; border:1px solid #ccc; border-radius:3px; box-shadow: 0 0 2px #ccc; font-size: 1.2rem; font-weight: normal; }
#ecomascaptcha { width:100px; display:inline-block; }
#ecomassecureimg { display:inline-block; }
table.userpwd input[type="text"]:focus:invalid, table.userpwd input[type="password"]:focus:invalid { border:1px solid #ff0000; }
table.userpwd input[type="submit"] { background-color: #01A8BF; border:0; border-radius: 3px; width:100%; display:block; padding:10px 14px; box-sizing: border-box; color:#fff; font-size: 1.2rem; cursor: pointer; margin-top: 20px; }
table.userpwd select { width:100%; display:block; padding:10px 14px; box-sizing: border-box; background-color: #fff; border:1px solid #ccc; border-radius:3px; box-shadow: 0 0 2px #ccc; font-size: 1.2rem; font-weight: normal; }
#versions { width:100%; margin-top:20px; font-size: 0.8rem; color:#6e7a84; }
#versions a { text-decoration:none; color:#AB147C; font-size: 0.8rem; }
#sslinfo { font-size: 1rem; padding-top: 10px; position: relative; text-align: center; display:block; font-size:0.8rem; }
#sslinfo:before { font-family: ecomas; content:'\f023'; display:inline-block; vertical-align: middle; left:22px; font-size: 1.2rem; color: #01A8BF; }
@media only screen and (max-width: 1000px) { #genForm { width:92%; }
#gerFormSub form { width:100%; }
#gerFormSub form[name="language"] { width:100%; margin-top: 30px; }
h1 { font-size: 28px; }
#genCell h1::before { width: 100px; }
}
@media only screen and (max-width: 500px) { h1 { word-wrap: break-word; word-break: break-word; }
}