/*h1 { text-overflow: ellipsis; overflow: hidden; max-width:70%; }*/ #DCMUE_PINFO { float:right; font-size:11px; } #DCMUE_PINFO > div { display:inline-block; width:0; position:relative; top:-8px; } #DCMUE_PINFO > div > div { margin-top:5px; position:absolute; right:0; white-space: nowrap; } #DCMUE_PINFO > div > div > * { background-color:#F76503; color:#FFF; padding:2px 4px; border:1px solid #F76503; margin-left:6px; outline:rgba(255,255,255,0.8) 3px solid; } #DCMUE_PINFO > div > div > *[onclick] { cursor:pointer; } #DCMUE_PINFO > div > div > a:hover, #DCMUE_PINFO > div > div > *[onclick]:hover { background-color:#F98C42; text-decoration:none; } #DCMUE_PINFO_COUNT { font-family:Arial; font-size:16px; padding:4px 6px !important;} #DCMUE_PINFO[data-inFlow] > div { z-index:10; position:fixed; top:0; } /* ======================= STRUKTUR ======================= */ #DCMUE_STRUKT { padding-bottom:5px; /* border-top:1px solid #DDD;*/ } #DCMUE_STRUKT { font-family:Verdana; font-size:11px; color:#555; } #DCMUE_STRUKT > DIV { padding-bottom:2px; padding-top:4px; /* wegen 2er margin-bottom */ border-top:1px solid rgba(0,0,0,0.1); } #DCMUE_STRUKT > DIV > DIV { display:table-cell; vertical-align: top; } #DCMUE_STRUKT > DIV > DIV:nth-child(1) { width:120px; text-align:right; } #DCMUE_STRUKT > DIV > DIV:nth-child(1) > span > label[onmouseover] { cursor:help; } #DCMUE_STRUKT > DIV[data-d] > DIV:nth-child(1) > span { font-weight:bold; } /* Andere Handhabung für Filtersuche */ #DCMUE_STRUKT > DIV#DCMUE_STRUKT_SUCHE > DIV:nth-child(1) > span { font-weight:normal; } #DCMUE_STRUKT[data-isHotMode='1'] > *:not([data-d]):not([data-f='1']) { display:none; } #DCMUE_STRUKT[data-isFltMode='1'] > *:not([data-d='2']):not([data-f='1']) { display:none; } #DCMUE_STRUKT > div[data-f='1'] { background-color:LemonChiffon; } #DCMUE_STRUKT label[data-fd='1'] { outline:#F76503 dashed 2px; } #DCMUE_STRUKT[data-isHotMode='1'] *[data-msg-hot1]::after { content:attr(data-msg-hot1); } #DCMUE_STRUKT[data-isHotMode='0'] *[data-msg-hot0]::after { content:attr(data-msg-hot0); } #DCMUE_STRUKT > DIV > DIV:nth-child(2) { width:30px; text-align:center; } #DCMUE_STRUKT > DIV > DIV:nth-child(2) label { border-radius:20px; } #DCMUE_STRUKT > DIV > DIV:nth-child(2) input[checked='checked'] + label { border:1px solid transparent; background-color:#FBB281; } #DCMUE_STRUKT > DIV > DIV:nth-child(3) label { white-space: nowrap; } /* Mobil (eventuell auch nur wenn keine Spalten data-maxS='0' */ /* body[data-mobil='1'] oder data-maxS='0' */ #DCMUE_STRUKT[data-maxS='0'] > DIV > DIV:nth-child(1) { text-align:left; width:auto; font-weight:bold; } #DCMUE_STRUKT[data-maxS='0'] > DIV > DIV:nth-child(3) { display:block; } #DCMUE_STRUKT[data-maxS='0'] > DIV > DIV:nth-child(2) { display:none; } /*ausblenden, wenn keine Spalten gewünscht sind*/ #DCMUE_STRUKT > DIV > DIV > span { display:inline-block; } /* #DCMUE_STRUKT > DIV > DIV > span[data-divider='1']:not(:first-child) { border-left:1px #888 dashed; padding-left:2px; } */ #DCMUE_STRUKT > DIV > DIV > span input, #DCMUE_STRUKT > DIV > DIV > span label { padding:2px 4px; display:inline-block; margin-right:2px; margin-bottom:2px; border:transparent 1px solid; } #DCMUE_STRUKT > DIV > DIV > span input { margin-right:7px; } #DCMUE_STRUKT > h2 { margin:0; padding:0; } #DCMUE_STRUKT > h2 > span { float:right; padding-top:3px; padding-left:8px; } #DCMUE_STRUKT > h2 { position:relative; top:1px; border-top: 1px solid #333;} #DCMUE_STRUKT input[type='radio'], #DCMUE_STRUKT input[type='checkbox'] { display:none; } #DCMUE_STRUKT input[type='text'] { position:relative; top:1px; } #DCMUE_STRUKT label { color:#555; } #DCMUE_STRUKT input:disabled + label { font-style:italic } #DCMUE_STRUKT input:enabled:not(:checked) + label:hover { background:rgba(0,0,0,0.06); } #DCMUE_STRUKT input[checked='checked'] + label { border:#F76503 1px solid; background-color:#F76503; color:#FFF; } /* checked kommt (war bisher nicht) */ /* unchecked kommt (war bisher ) */ #DCMUE_STRUKT input:not([data-wc='checked'])[checked='checked'] + label { background-color:#FBB281; color:#FFF; } #DCMUE_STRUKT input:not([checked='checked'])[data-wc='checked'] + label { border:#EEE 1px solid; background-color:#EEE; color:#555; } /* Anzahl */ #DCMUE_STRUKT input + label[data-cn]:not([data-cn='?'])::after { margin-left:4px; font-size:7.5px; content:'(' attr(data-cn) ')'; } #DCMUE_STRUKT input:not([data-wc='checked']) + label[data-cn='0'] { display:none; } #DCMUE_STRUKT input + label[data-cn='0'] { background-color:#FFF !important; color:#F76503 !important; } /* Oder bei MO */ #DCMUE_STRUKT input[data-fs='MO'][data-wc='checked'] + label ~ input[data-wc='checked'] + label::before { margin-right:4px; font-size:7.5px; content:'oder'; text-transform:uppercase; } /* Alle Anklicken */ #DCMUE_STRUKT input[data-all] + label { background-color:#FBB281; color:#FFF; } /* Eigener Wert */ #DCMUE_STRUKT input[data-uv] + label { /*border:#F5F5F5 1px solid;*/ } #DCMUE_STRUKT > DIV#DCMUE_STRUKT_SUCHE { background-color:rgba(0,0,0,0.05); padding:10px 0; } #DCMUE_STRUKT > DIV#DCMUE_STRUKT_SUCHE + h2 { border-top: none; } #DCMUE_SEARCH { border:#CCC 1px solid !important; /* wurde zuvor überschrieben */ border-radius:0; } /* ======================= LIEFERBAR_INFO 2022/01 ======================= */ #DCMUE_STRUKT_LIEFERBAR { font-size:11px; display:flex; align-items: center; justify-content: center; margin:6px 0; padding:5px; background-color:rgba(247,101,3,0.25); color:#333; line-height:150%; } #DCMUE_STRUKT_LIEFERBAR > span { flex:1; } #DCMUE_STRUKT_LIEFERBAR > * { margin-left:10px; } #DCMUE_STRUKT_LIEFERBAR > a { flex:0; } #DCMUE_STRUKT_LIEFERBAR > *:first-child { flex:0; margin-left:0; } #DCMUE_STRUKT_LIEFERBAR > a { text-align:center; font-weight:bold; color:#111; border-radius:0px; padding:4px; border:1px solid rgba(0,0,0,0.3); } #DCMUE_STRUKT_LIEFERBAR > a:hover { border:1px solid rgba(247,101,3,0.50); background-color:rgba(247,101,3,1.0); color:#fff; text-decoration:none;} /* ======================= ERGEBNIS ======================= */ /* #ERGLIST > h3 { border-top:5px solid #F76503; border-bottom:1px solid #555; color:#555; padding:6px 0; font-size:16px; font-family:Arial; } #ERGLIST > p { white-space: nowrap; margin-bottom:5px;} */ #DCMUE_TAB_ERG, #DCMUE_TAB_IN { border-spacing:0; table-layout:fixed; width:100%; font-size:10px; } @media only screen and (max-width:600px){ /* Spalten verstecken */ body[data-mobil='1'] #DCMUE_TAB_IN > COLGROUP > COL:nth-child(n+2), body[data-mobil='1'] #DCMUE_TAB_IN > TBODY > TR > TH:nth-child(n+2), body[data-mobil='1'] #DCMUE_TAB_ERG > COLGROUP > COL:nth-child(n+2), body[data-mobil='1'] #DCMUE_TAB_ERG > TBODY > TR > TD:nth-child(n+2) { width:0; overflow:hidden;} /* Spalten-Optionen ausblenden */ body[data-mobil='1'] #DCMUE_STRUKT > DIV > DIV:nth-child(1) { text-align:left; width:auto; font-weight:bold; } body[data-mobil='1'] #DCMUE_STRUKT > DIV > DIV:nth-child(3) { display:block; } body[data-mobil='1'] #DCMUE_STRUKT > DIV > DIV:nth-child(2) { display:none; } } #DCMUE_TAB_ERG > tbody > tr > td, #DCMUE_TAB_IN > tbody > tr > th { padding:2px; box-sizing: border-box; } #DCMUE_TAB_ERG > tbody > tr > td:not(:first-child), #DCMUE_TAB_IN > tbody > tr > th:not(:first-child) { text-align:center; } /* ======================= ERGEBNIS-MENÜ ======================= */ #DCMUE_TAB_IN { border-top:rgba(247,101,3,0.5) 7px solid; } #DCMUE_TAB_IN > tbody > tr:first-child > th:not(:first-child) { height:94px; } #DCMUE_TAB_IN > tbody > tr > th { vertical-align:bottom; text-align:center; background-color:rgba(247,101,3,0.95); color:#FFF; font-size:11px; position:relative; } /*#DCMUE_TAB_IN > tbody > tr:first-child > th:first-child { background-color:yellow }*/ #DCMUE_TAB_IN > tbody > tr > th div[data-sort] { padding:0; display:table; margin: 0 auto; /*overflow:hidden;*/ width: 94px; position:relative; height:30px; font-size:11px; } /* abweichend erstes Feld, eventuell auch nur die Mobilversion !? */ #DCMUE_TAB_IN > tbody > tr > th:first-child { padding-bottom:0; } /* Ausgleich für inline-block-Versatz */ #DCMUE_TAB_IN > tbody > tr > th:first-child > div#DCMUE_PRE_SORT { white-space:nowrap; float:right; } #DCMUE_TAB_IN > tbody > tr > th:first-child > div#DCMUE_PRE_SORT > div { display:inline-block; } #DCMUE_TAB_IN > tbody > tr > th:first-child { text-align:right; } #DCMUE_TAB_IN > tbody > tr > th:first-child div[data-sort] { width: auto; margin-left:2px; } #DCMUE_TAB_IN > tbody > tr > th:first-child div[data-sort] > label { padding:0 6px; } #DCMUE_CHK_BTN { height:30px; display: table; overflow:hidden; float:left; } #DCMUE_CHK_BTN > div { display: table-cell; vertical-align: middle; } #DCMUE_CHK_BTN > div > * { white-space: nowrap; display:inline-block; position:relative; line-height:11px; vertical-align: middle; } #DCMUE_CHK_BTN > div > * { margin-left:5px; } #DCMUE_CHK_BTN > div > label { margin-left:3px; vertical-align:middle; text-align:center; } #DCMUE_CHK_BTN > div > input { display:none; } #DCMUE_CHK_BTN > div > label { height:11px; width:14px; top:0px; font-size:9px; font-weight:bold; background-color: rgba(255,255,255,0.17); border:rgba(255,255,255,0.5) 2px solid; padding:2px; } #DCMUE_CHK_BTN > div > label:hover { box-shadow: 0 0 3px 0 #FFF; } #DCMUE_CHK_BTN > div > input:checked + label { border:#fff 2px solid; } button#DCMUE_TAB_IN_MENU_BTN { font-size:11px; padding:4px 4px; background-color:rgba(255,255,255,0.7); border:none; color:#555; border-radius:1px; } button#DCMUE_TAB_IN_MENU_BTN:hover { box-shadow: 0 0 3px 0 #FFF; color:#000; background-color:rgba(255,255,255,1.0);} /*button#DCMUE_TAB_IN_MENU_BTN > p { font-size:8px; font-weight:normal; margin:0; margin-top:1px; }*/ button#DCMUE_TAB_IN_MENU_BTN > span { font-size:80%; font-weight:normal; margin-left:4px; } #DCMUE_TAB_IN > tbody > tr > th div[data-sort] > input { display:none; } #DCMUE_TAB_IN > tbody > tr > th div[data-sort] > label { padding:0; hyphens: auto; } #DCMUE_TAB_IN > tbody > tr > th[data-hochkant] div[data-sort] > label { padding:0 2px; } #DCMUE_TAB_IN_MENU > h2 + p > *[onclick]:hover, #DCMUE_TAB_IN > tbody > tr > th div[data-sort] > label:hover { background:rgba(255,255,255,0.1); } /* Pfeil: Selectiert */ #DCMUE_TAB_IN > tbody > tr > th div[data-sort]:hover::after, /*wegen Rand*/ #DCMUE_TAB_IN > tbody > tr > th div[data-sort][data-checked]::after { position:absolute; left:50%; bottom:-2px; content: url('/bilder/svg/sort_pfeil.svg'); opacity:0.95; transform: translate(-50%, 50%); } #DCMUE_TAB_IN > tbody > tr > th[data-hochkant] div[data-sort]:hover::after, #DCMUE_TAB_IN > tbody > tr > th[data-hochkant] div[data-sort][data-checked]::after { transform: translate(-65px, -10px) rotate(90deg); } /*#[data-checked]*/ /* Pfeil: Hover */ /*#DCMUE_TAB_IN > tbody > tr > th > div > label:hover { background-color:rgba(255,255,255,0.5); }*/ #DCMUE_TAB_IN[data-inFlow] { z-index:10; } #DCMUE_TAB_IN[data-inFlow] > thead > tr { display:table-row; } #DCMUE_TAB_IN[data-inFlow] > thead > tr > th { background-color:transparent; } #DCMUE_TAB_IN[data-inFlow] { /*box-shadow: 0px -15px 20px 0px #FFF, 0px 15px 20px 0px #FFF; */ border-bottom:rgba(255,255,255,0.5) 7px solid; } #DCMUE_TAB_IN > tbody > tr > th:first-child > div { display:table; margin:0; } #DCMUE_TAB_IN > tbody > tr > th div[data-sort] > label { display:table-cell; vertical-align:middle; text-align:center; } #DCMUE_TAB_IN > tbody > tr > th[data-hochkant] > div > label { text-align:left; } #DCMUE_TAB_IN > tbody > tr > th[data-hochkant] > div { transform:translate(-33px, -32px) rotate(270deg);/*transform-origin: 15px 50%;*/ } /* Ecke / Menü */ #DCMUE_TAB_IN_MENU { height:64px; vertical-align:top !important; text-align:left !important; padding:2px 5px 0 !important; } /*38px macht Fehler !*/ /* -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: horizontal; */ /*vertical*/ #DCMUE_TAB_IN_MENU > h2 { font-size:16px; line-height:19px; height:37px; font-family:Arial; margin:0; text-overflow: ellipsis; overflow: hidden; /*2-Zeilig::*/ -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; } #DCMUE_TAB_IN_MENU > h2 + p { font-size:14px; font-family:Arial; margin:0; margin-top:4px; /*font-weight:bold; letter-spacing: 0.2em; text-transform:uppercase;*/ } #DCMUE_TAB_IN_MENU > h2 + p > * { margin-right:8px; } #DCMUE_TAB_IN_MENU > h2 + p > *[onclick] { cursor:pointer; } /* ohne Spalten */ #DCMUE_TAB_IN[data-maxs='0'] #DCMUE_TAB_IN_MENU { height:45px; } #DCMUE_TAB_IN[data-maxs='0'] h2 { height:19px; -webkit-line-clamp: 1; } #DCMUE_TAB_IN_MENU input[type='checkbox'] { margin-left:-2px; } #DCMUE_TAB_IN_MENU button { } /* ======================= ERGEBNIS-LISTE ======================= */ /* #DCMUE_SWITCH_IH { border-radius:0; margin-top:3px; margin:5px 0; font-size:10px; display:block; } */ #DCMUE_TAB_ERG { border-bottom:7px solid #F76503; } #DCMUE_TAB_ERG > TBODY > tr > td { box-sizing: border-box; background-color:rgba(0,0,0,0.1); height:60px; padding:4px 0; color:#555; vertical-align:middle; overflow:hidden; } #DCMUE_TAB_ERG > TBODY > tr:nth-child(even) > td { background-color:rgba(0,0,0,0.05); } #DCMUE_TAB_ERG > TBODY > tr[data-checked] > td { background-color:rgba(247,101,3,0.300); } #DCMUE_TAB_ERG > TBODY > tr[data-checked]:nth-child(even) > td { background-color:rgba(247,101,3,0.133); } #DCMUE_TAB_ERG > TBODY > tr > TD:first-child { vertical-align:top; padding-right:4px; } #DCMUE_TAB_ERG > TBODY > tr > TD { border-bottom:white 1px solid; } #DCMUE_TAB_ERG > tbody > tr > *:not(:first-child) { border-left:rgba(0,0,0,0.1) 1px solid; } #DCMUE_TAB_ERG > TBODY > tr > TD:first-child:hover { overflow:visible; } /* Erster Zeile bedarf größeren Abstand nach oben */ #DCMUE_TAB_ERG > TBODY > tr:first-child > TD { /*border-top:rgba(255,255,255,0.5) 5px solid; */ border-top:white 1px solid; } /* background-color:#EEE; box-shadow: -4px 0px 2px -2px #EEE, 4px 0px 2px -2px #EEE; */ #DCMUE_TAB_ERG .dcmue_img[data-ismain] { float:left; margin-left:4px; margin-bottom:2px; /*bei Überlänge von h3*/ margin-right:10px; } /* */ #DCMUE_TAB_ERG .dcmue_img { position: relative; display:inline-block; width:50px; height:50px; } #DCMUE_TAB_ERG .dcmue_img[data-small] { width:30px; height:30px; } #DCMUE_TAB_ERG .dcmue_img > * { position: absolute; } #DCMUE_TAB_ERG .dcmue_img > *:first-child { display:block; width:100%; height:100%; } #DCMUE_TAB_ERG .dcmue_img[data-ismain] > *:first-child { cursor:cell; } #DCMUE_TAB_ERG .dcmue_img > span { transition: all 250ms; width:100%; height:100%; top: 50%; left: 50%; transform: translate(-50%, -50%); pointer-events: none; } #DCMUE_TAB_ERG .dcmue_img > span > * { position:absolute; } #DCMUE_TAB_ERG .dcmue_img > span > input { display:none } #DCMUE_TAB_ERG .dcmue_img > span > img { transition: box-shadow 250ms; top:0; left:0; width:100%; height:100%; border-radius:100%; border:#BBB 1px solid; pointer-events: none; } #DCMUE_TAB_ERG .dcmue_img > span > label { bottom:0px; padding-bottom:2px; padding-top:8px; text-align:center; width:100%; display:none; background: linear-gradient(transparent, white); } /*background-color:rgba(255,255,255,0.6); */ #DCMUE_TAB_ERG .dcmue_img > span > span { right:2%; top:2%; opacity:0.9; } /* Status */ #DCMUE_TAB_ERG .dcmue_img > span > input:checked + img { border:#F76503 1px solid; box-shadow: 0 0 0 2px rgba(247,101,3,1); } /*box-shadow: 0 0 2px 1px rgba(247,101,3,1)*/ #DCMUE_TAB_ERG tr:hover .dcmue_img[data-ismain] > span > img { border-radius:0; border:transparent 1px solid; } /* bei kleinen nur -15*/ #DCMUE_TAB_ERG .dcmue_img > *:first-child:hover + span { width:200px; height:200px; border:#BBB 1px solid; /*opacity:0.95;*/ z-index:11; transform: translate(-25px, -50%); } /*Bild geht nun nach rechts!*/ #DCMUE_TAB_ERG .dcmue_img > *:first-child:hover + span > input:checked + img { box-shadow: 0 0 0 4px rgba(247,101,3,1); } #DCMUE_TAB_ERG .dcmue_img > *:first-child:hover + span > img { border:none !important; border-radius:0; /* für die unterne Punkte */ } #DCMUE_TAB_ERG .dcmue_img > *:first-child:hover + span > label { display:block; } /* #DCMUE_TAB_ERG .dcmue_img > *:first-child:hover + span > img { border:none !important; border-radius:0; } #DCMUE_TAB_ERG .dcmue_img > *:first-child:hover + span > input { top: 50%; left: 50%; transform: translate(-50%, -50%); } #DCMUE_TAB_ERG .dcmue_img > *:first-child:hover + span > label { display:block; } */ #DCMUE_TAB_ERG > TBODY > tr:not([is-dcad]):hover > TD:first-child { background-image:linear-gradient(to right, white 0%, transparent 100%); /*linear-gradient(to right, white 0%, rgba(255,255,255,0) 100%); */} #DCMUE_TAB_ERG > TBODY > tr[is-dcad] > TD { padding:0; height:auto; } /*#DCMUE_TAB_ERG > TBODY > tr[is-dcad] > TD::before { content:url(//www.druckerchannel.de/bilder/dca/000_VK.svg); position:absolute; top:3px; left:-10px; }*/ #DCMUE_TAB_ERG h3 { font-size:15px; margin:0; font-family:Arial; } /*#DCMUE_TAB_ERG h3 > span { font-size:11px; margin-left:4px; font-family:Verdana; }*/ /*AEA-Anzahl, ab 17.10.2019 */ #DCMUE_TAB_ERG h3 > span { font-size:10px; margin-left:4px; border-radius: 2px; background-color: #888; font-family: Arial; color: #fff; padding: 2px 4px; position: relative; top: -2px; cursor:help; } #DCMUE_TAB_ERG h4 { font-size:11px; margin:0; font-weight:normal; } #DCMUE_TAB_ERG h4 + p { margin:0; margin-top:2px; height:30px; display:block; white-space: nowrap; } #DCMUE_TAB_ERG h4 + p > * { vertical-align:middle; margin:0; margin-right:5px; } #DCMUE_TAB_ERG h4 + p > .preisLink_std_v2 { font-size:10px; line-height:10px; /*fix, 11.8.2023*/ } #DCMUE_TAB_ERG h4 + p > span[data-typ='import'] { padding: 3px 4px; background-color: khaki; font-weight: bold; text-transform: uppercase; border-radius: 2px; cursor:help; } #DCMUE_TAB_ERG h4 + p > span[data-typ='abo'] { padding: 3px 4px; background-color: BlueViolet; color:#fff; border-radius: 2px; } #DCMUE_TAB_ERG h4 + p > span > a { color:inherit; } #DCMUE_TAB_ERG h4 + p *[data-typ='import'] > * { background-color: khaki !important; color:#555 !important; font-weight: bold; text-transform: uppercase; cursor:help; } #DCMUE_TAB_ERG h4 + p *[data-typ='abo'] > * { background-color: BlueViolet !important; color:#fff !important; } /* Ladebereich */ #DCMUE_LOAD > td { text-align:center; cursor:pointer; padding:0; background-image:none !important; } #DCMUE_LOAD > td > img { vertical-align: middle; } #DCMUE_LOAD[data-isActive] > td > img { animation:spin 1s linear infinite; } /* User-Value */ #DCMUE_UVAL { padding:20px; } #DCMUE_UVAL h1 { margin-bottom:3px; } #DCMUE_UVAL h1 + p { font-size:11px; color:#555; margin-bottom:12px; } /*max-height:28px; overflow:hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; */ /* max 2 zeilen ... */ #DCMUE_UVAL h1 + p { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; line-height: 14px; /* fallback */ max-height: 28px; /* fallback */ -webkit-line-clamp: 2; /* number of lines to show */ -webkit-box-orient: vertical; } #DCMUE_UVAL > div { display:inline-block; vertical-align:top; } #DCMUE_UVAL > #MUE_UV_TYP { display:block; margin-top:5px; font-size:11px; } #DCMUE_UVAL > #MUE_UV_TYP > input { display:none; } #DCMUE_UVAL > #MUE_UV_TYP > label { display:inline-block; text-align:center; background-color:#EEE; color:#555; padding:3px 5px; margin-right:2px; } #DCMUE_UVAL > #MUE_UV_TYP > input:checked + label { background-color:#F76503; color:#FFF; } #DCMUE_UVAL > #MUE_UV_INP { display:block; margin-top:10px; position:relative;} #DCMUE_UVAL > #MUE_UV_INP > input, #DCMUE_UVAL > #MUE_UV_INP > label { vertical-align:middle; padding:0px; margin:0px; margin-right:5px; position:relative; } /*#DCMUE_UVAL > #MUE_UV_INP > input[type='number']:active { border:#888 1px solid; }*/ #DCMUE_UVAL > #MUE_UV_INP > input[type='range'] { font-size:11px; color:#555; width:50%; } #DCMUE_UVAL > #MUE_UV_INP > input[type='range']::before { content:attr(min); position:absolute; left:0; bottom:-3px; } #DCMUE_UVAL > #MUE_UV_INP > input[type='range']::after { content:attr(max); position:absolute; right:0; bottom:-3px; } #DCMUE_UVAL > #MUE_UV_INP > input[type='number'] { margin-left:10px; font-family:Arial; font-size:16px; text-align:right; border:#888 1px solid; border-radius:2px; top:1px; width:80px; text-align:right; } /*#DCMUE_UVAL > #MUE_UV_INP > input[type='number']::before { background-color:red; content:attr(data-unit); left:0; position:absolute; }*/ #DCMUE_UVAL > #MUE_UV_BUT { position:fixed; right:20px; bottom:20px; font-family:Arial; font-size:16px; }