BODY {FONT-SIZE: 11pt; COLOR:#404040; FONT-FAMILY: arial;} TD {FONT-SIZE: 11pt;} INPUT {FONT-SIZE: 11pt;} TEXTAREA {FONT-SIZE: 11pt;} SELECT { FONT-SIZE: 11pt} A:link {COLOR: #076B96; TEXT-DECORATION: underline} A:active {COLOR: #5a6a72; TEXT-DECORATION: underline} A:visited {COLOR:#08719C; TEXT-DECORATION: underline} A:hover {COLOR: red; TEXT-DECORATION: underline} a.noun:link {} A.noun:hover {COLOR: red; TEXT-DECORATION: none;} a.nounz:link {COLOR: #404040; TEXT-DECORATION: underline} a.nounz:active {COLOR: #404040; TEXT-DECORATION: underline} a.nounz:visited {COLOR: #404040; TEXT-DECORATION: underline} a.nounz:hover {COLOR: red; TEXT-DECORATION: underline} a.button150 { display: inline-block; font-family: arial,sans-serif; font-size: 12px; font-weight: bold; color: rgb(68,68,68); text-decoration: none; user-select: none; padding: .2em 1.2em; outline: none; border: 1px solid rgba(0,0,0,.1); border-radius: 2px; background: rgb(245,245,245) linear-gradient(#f4f4f4, #f1f1f1); transition: all .218s ease 0s; } a.button150:hover { color: rgb(24,24,24); border: 1px solid rgb(198,198,198); background: #f7f7f7 linear-gradient(#f7f7f7, #f1f1f1); box-shadow: 0 1px 2px rgba(0,0,0,.1); } a.button150:active { color: rgb(51,51,51); border: 1px solid rgb(204,204,204); background: rgb(238,238,238) linear-gradient(rgb(238,238,238), rgb(224,224,224)); box-shadow: 0 1px 2px rgba(0,0,0,.1) inset; } a.button100 { position: relative; color: #FED6A9; font-weight: bold; text-decoration: none; text-shadow: -1px -1px #000; user-select: none; padding: .8em 2em; outline: none; background-color: #673D3E; background-image: linear-gradient(45deg, rgba(254,214,169,.0) 30%, rgba(254,214,169,.8), rgba(254,214,169,.0) 70%), radial-gradient(255% 10% at 60% 0%, rgba(254,214,169,.7) 0%, rgba(254,214,169,.5) 50%, rgba(254,214,169,0) 50%); background-repeat: no-repeat; background-size: 200% 100%, auto; background-position: 200% 0, 0 0; box-shadow: rgba(0,0,0,.3) 0 2px 5px; } a.button100:active { top: 1px; box-shadow: none; } a.button100:hover { transition: .5s linear; background-position: -200% 0, 0 0; } a.button101 { position: relative; color: #FED6A9; font-weight: bold; text-decoration: none; text-shadow: -1px -1px #000; user-select: none; padding: .8em 2em; outline: none; background-color: #673D3E; background-image: linear-gradient(45deg, rgba(254,214,169,.0) 30%, rgba(254,214,169,.8), rgba(254,214,169,.0) 70%), radial-gradient(255% 10% at 60% 0%, rgba(254,214,169,.7) 0%, rgba(254,214,169,.5) 50%, rgba(254,214,169,0) 50%); background-repeat: no-repeat; background-size: 200% 100%, auto; background-position: 200% 0, 0 0; box-shadow: rgba(0,0,0,.3) 0 2px 5px; transition: .7s linear; background-position: -200% 0, 0 0; text-decoration: none; } a.button6 { position: relative; font-weight: bold; color: white; text-decoration: none; text-shadow: 0 -1px 1px #cc5500; user-select: none; padding: .8em 2em; outline: none; border-radius: 1px; background: linear-gradient(to left, rgba(0,0,0,.3), rgba(0,0,0,.0) 50%, rgba(0,0,0,.3)), linear-gradient(#d77d31, #fe8417, #d77d31); background-size: 100% 100%, auto; background-position: 50% 50%; box-shadow: inset #ebab00 0 -1px 1px, inset 0 1px 1px #ffbf00, #cc7722 0 0 0 1px, #000 0 10px 15px -10px; transition: 0.2s; } a.button6:hover { background-size: 140% 100%, auto; } a.button6:active { top: 1px; color: #ffdead; box-shadow: inset #ebab00 0 -1px 1px, inset 0 1px 1px #ffbf00, #cc7722 0 0 0 1px, 0 10px 10px -9px #000; } p.ok {FONT-FAMILY: arial, helvetica; FONT-SIZE: 11pt;} .x {PADDING-LEFT:20px;} .z {FONT-FAMILY: arial, helvetica; FONT-SIZE: 11pt;} .y {font color=#008000;} .good{ font-weight:normal; text-shadow: 0 2px 3px rgba(0,0,0,.2); margin-top: 0; margin-bottom: 0; } .good2{ font-weight:bold; text-shadow: 0 3px 4px rgba(0,0,0,.2); margin-top: 0; margin-bottom: 0; } .spoiler_body1 {display:none;height:100%;width:98%;} .spoiler_links1 {cursor:pointer;font-weight:bold;text-shadow: 0 3px 4px rgba(0,0,0,.2);margin-top: 0;margin-bottom: 0; COLOR:#535353;} .spoiler_body2 {display:none;height:100%;width:98%;} .spoiler_links2 {cursor:pointer;font-weight:bold;text-shadow: 0 3px 4px rgba(0,0,0,.2);margin-top: 0;margin-bottom: 0; COLOR:#535353;} .spoiler_body3 {display:none;height:100%;width:98%;} .spoiler_links3 {cursor:pointer;font-weight:bold;text-shadow: 0 3px 4px rgba(0,0,0,.2);margin-top: 0;margin-bottom: 0; COLOR:#535353;} .spoiler_body4 {display:none;height:100%;width:98%;} .spoiler_links4 {cursor:pointer;font-weight:bold;text-shadow: 0 3px 4px rgba(0,0,0,.2);margin-top: 0;margin-bottom: 0; COLOR:#535353;} .spoiler_body5 {display:none;height:100%;width:98%;} .spoiler_links5 {cursor:pointer;font-weight:bold;text-shadow: 0 3px 4px rgba(0,0,0,.2);margin-top: 0;margin-bottom: 0; COLOR:#535353;} .good3{ font-weight:bold; text-shadow: 0 3px 3px rgba(0,0,0,.1); margin-top: 0; margin-bottom: 0; } A.g:link {COLOR: black; TEXT-DECORATION: none} h1 {FONT-FAMILY: arial, helvetica; FONT-SIZE: 11pt;} p.text {FONT-SIZE: 11px; PADDING-LEFT: 6px; PADDING-RIGHT: 6px} p.raz {COLOR:white; PADDING-LEFT: 30px; align:center;FONT-FAMILY: arial;} p.raz1 {COLOR:white; PADDING-LEFT: 5px; align:center; FONT-FAMILY: arial;} p.raz2 {COLOR:#ff4e00; PADDING-LEFT: 16px; align:center} .tobl {FONT-SIZE: 11px} .tooltip { #border-bottom: 1px dotted #000000; color: #000000; outline: none; cursor: help; text-decoration: none; position: relative; } .tooltip span { margin-left: -999em; position: absolute; } .tooltip:hover span { border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); font-family: Arial, Tahoma, Geneva, sans-serif; position: absolute; left: 1em; top: 2em; z-index: 99; margin-left: 0; width: 450px; font-size: 1em; color:#586381; } .img2 { #border: 0; margin: -10px 0 0 -55px; float: left; position: absolute; } .tooltip:hover em { font-family: Arial, Tahoma, Geneva, sans-serif; font-size: 1.1em; font-weight: bold; display: block; padding: 0.2em 0 0.6em 0; color:#4B556D; } .classic { padding: 0.8em 1em; } .custom { padding: 0.5em 0.8em 0.8em 2em; } * html a:hover { background: transparent; } .classic {background: #FFFFAA; border: 1px solid #FFAD33; } .critical { background: #FFCCAA; border: 1px solid #FF3334; } .help { background: #D0DFEE; border: 1px solid #687498; } .info { background: #9FDAEE; border: 1px solid #2BB0D7; } .warning { background: #FFFFAA; border: 1px solid #FFAD33; } /* form */ #form1 p{margin:.5em 0;} #form1 label{display:block;} #form1 input, #form1 textarea{ width:152px; border:1px solid #ddd; -moz-border-radius:.3em; -webkit-border-radius:.3em; border-radius:.3em; padding:3px; } #form1 textarea{ height:125px; margin-top:0px; } #form1 button{ width:150px; height:37px; line-height:37px; border:none; background:url(../images/form/form_button.gif) no-repeat 0 0; color:#fff; cursor:pointer; text-align:center; } #form2 p{margin:.5em 0;} #form2 label{display:block;} #form2 input, #form1 textarea{ width:452px; border:1px solid #ddd; -moz-border-radius:.3em; -webkit-border-radius:.3em; border-radius:.3em; padding:3px; } #form2 textarea{ height:125px; margin-top:0px; } #form2 button{ width:150px; height:37px; line-height:37px; border:none; background:url(../images/form/form_button.gif) no-repeat 0 0; color:#fff; cursor:pointer; text-align:center; } #form3 button{ width:150px; height:23px; line-height:25px; border:none; // background:url(../images/form/form_button.gif) no-repeat -1 0 0; background:#D0DFEE; color:#fff; cursor:pointer; text-align:center; } #form33 button{ width:170px; height:23px; line-height:25px; border:none; // background:url(../images/form/form_button.gif) no-repeat -1 0 0; background:#D0DFEE; color:#fff; cursor:pointer; text-align:center; } #form4 button{ width:150px; height:37px; line-height:37px; border:none; background:url(../images/form/form_button.gif) no-repeat 0 0; color:#fff; cursor:pointer; text-align:center; } #form5 button{ width:150px; height:37px; line-height:37px; border:none; background:url(../images/form/form_button2.jpg) no-repeat 0 0; color:#fff; cursor:pointer; text-align:center; } /* // form */ .tooltip2 { #border-bottom: 1px dotted #000000; color: #000000; outline: none; cursor: pointer; text-decoration: none; position: relative; } .tooltip2 span { margin-left: -999em; position: absolute; } .tooltip2:hover span { border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); font-family: Arial, Tahoma, Geneva, sans-serif; position: absolute; left: 20em; top: 0em; z-index: 99; margin-left: 0; width: 750px; font-size: 0.9em; color:#444D64; } .tooltip2:hover em { font-family: Arial, Tahoma, Geneva, sans-serif; font-size: 1.0em; font-weight: bold; display: block; padding: 0.0em 0 0.0em 0; color:#4B556D; } #cookie_notification{ display: none; justify-content: space-between; align-items: flex-end; position: fixed; bottom: 5px; left: 50%; width: 980px; max-width: 90%; transform: translateX(-50%); padding: 5px; background-color: white; border-radius: 4px; box-shadow: 2px 3px 10px rgba(0, 0, 0, 0.4); } #cookie_notification p{ margin: 0; font-size: 0.7rem; text-align: left; color: $color_text; } @media (min-width: 576px){ #cookie_notification.show{ display: flex; } .cookie_accept{ margin: 0 0 0 25px; } } @media (max-width: 575px){ #cookie_notification.show{ display: block; text-align: left; } .cookie_accept{ margin: 10px 0 0 0; } }