/* inpbox */ .uic-inpbox, .uic-inpbox select{ font-size:16px; line-height:1; } .uic-inpbox{ display:table-cell; padding:0 10px; padding-top:1px; height:36px; border:1px solid #ccc; text-align:left; vertical-align:middle; overflow:hidden; } @media (min-width:769px){ .uic-inpbox{ font-family:"Menlo","Consolas","Courier New"; } } /* disabled */ .uic-disable{ visibility:hidden; } /* control */ .rmn-control .rmn-item{ display:inline-block; margin:5px 0; padding:10px 20px; border:1px solid #ccc; border-radius:4px; text-decoration:none; cursor:pointer; user-select:none; color:black; background:#eee; } .rmn-control .rmn-hidden{ display:none; } .rmn-control .rmn-item:hover{ background:#ccc; } .rmn-control.rmn-firefox .rmn-item:focus, .rmn-control.rmn-safari .rmn-item:focus{ outline:1px dotted #333; outline-offset:-3px; } .rmn-control .rmn-item.rmn-open{ color:white; border-color:#337ab7; background:#337ab7; } /* area */ .rmn-area{ position:absolute; width:100%; text-align:right; z-index:10000; user-select:none; } .rmn-area .rmn-box{ position:relative; display:inline-block; padding:4px 0; text-align:left; border-style:solid; border-width:0 10px 10px 10px; border-color:rgba(255,255,255,0.8); border-radius:0 0 10px 10px; background-color:#337ab7; background-image:linear-gradient(45deg,rgba(255,255,255,0) 0%,rgba(255,255,255,0.6)100%); background-clip: padding-box; box-shadow:0 6px 12px rgb(0 0 0/18%); } .rmn-area .rmn-box.rmn-box-nontop{ border-width:10px; border-radius:10px; } .rmn-area.rmn-compact .rmn-box{ display:block; padding:0; background:white; border:1px solid #999; border-width:0 0 1px 0; border-radius:0; box-shadow:none; } .rmn-area .rmn-box>.rmn-box{ position:relative; padding:0; padding-left:20px; border:none; background:transparent; } .rmn-area.rmn-compact .rmn-box>.rmn-box{ position:relative; padding:0; padding-left:20px; border:none; background:transparent; } .rmn-area .rmn-item{ display:table; position:relative; width:100%; padding:0 10px; font-size:15px; color:white; text-decoration:none; -webkit-tap-highlight-color: transparent; } .rmn-area .rmn-item.rmn-open, .rmn-area .rmn-item:hover{ background-color:#337ab7; } .rmn-area.rmn-firefox .rmn-item:focus, .rmn-area.rmn-safari .rmn-item:focus{ outline:1px dotted #333; outline-offset:-3px; } .rmn-area.rmn-compact .rmn-item{ padding:5px 10px; color:black; } .rmn-area.rmn-compact .rmn-item.rmn-open, .rmn-area.rmn-compact .rmn-item:hover{ background:#eee; } .rmn-area .rmn-smi-left{ display:table-cell; width:20px; text-align:center; vertical-align:middle; } .rmn-area.rmn-compact .rmn-smi-left .rmn-smi-inner-left{ position:relative; top:-1px; display:inline-block; transition:transform .3s; transform-origin:55% 55%; } .rmn-area.rmn-compact .rmn-item.rmn-has-menu .rmn-smi-inner-left::before{ content:"▸"; } .rmn-area.rmn-compact .rmn-item.rmn-open .rmn-smi-inner-left{ transform:rotateZ(90deg); } .rmn-area .rmn-smi-right{ display:table-cell; width:20px; text-align:center; vertical-align:middle; } .rmn-area.rmn-expand .rmn-smi-right .rmn-smi-inner-right{ display:inline-block; } .rmn-area.rmn-expand .rmn-item.rmn-has-menu .rmn-smi-inner-right::before{ content:"▸"; } .rmn-area .rmn-label{ display:table-cell; padding:8px 5px; } .rmn-area .rmn-separator{ border:0 solid #ccc; border-width:1px 0 0 0; margin:0; }