/* 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 */ .scopeXYZ .rtab-control{ position:relative; display:inline-block; line-height:1; } /* selectbox */ .scopeXYZ .rtab-control .rtab-selectbox{ position:relative; display:none; } .scopeXYZ .rtab-control.rtab-compact .rtab-selectbox{ display:inline-block; } /* select */ .scopeXYZ .rtab-control.rtab-compact .rtab-select{ -webkit-appearance:none; appearance:none; padding:10px 20px 8px 20px; background:white; font-size:16px; line-height:1; } /* arrow */ .scopeXYZ .rtab-control.rtab-compact .rtab-arrow{ position:absolute; top:50%; right:12px; width:6px; height:6px; transform:translate(0,-120%); pointer-events:none; } .scopeXYZ .rtab-control.rtab-compact .rtab-arrow:before{ content:"▾"; } /* btnbox */ .scopeXYZ .rtab-control.rtab-expand .rtab-btnbox{ position:relative; marging:0; padding:0; } .scopeXYZ .rtab-control.rtab-compact .rtab-btnbox{ display:none; } /* btn */ .scopeXYZ .rtab-control.rtab-expand .rtab-btn{ display:inline-block; padding:8px 20px; font-size:16px; line-height:1; text-decoration:none; cursor:pointer; user-select:none; color:#333; background:#fff; border-radius:0; border-style:solid; border-width:2px 1px 2px 0; border-color:#ddd; } .scopeXYZ .rtab-control.rtab-expand .rtab-btn:first-child{ border-radius:10px 0 0 10px; border-left-width:2px; } .scopeXYZ .rtab-control.rtab-expand .rtab-btn:last-child{ border-radius:0 10px 10px 0; border-right-width:2px; } .scopeXYZ .rtab-control.rtab-expand .rtab-btn:hover{ color:#333; background:#eee; } .scopeXYZ .rtab-control.rtab-expand.rtab-firefox .rtab-btn:focus, .scopeXYZ .rtab-control.rtab-expand.rtab-safari .rtab-btn:focus{ outline:1px dotted #333; outline-offset:-3px; } .scopeXYZ .rtab-control.rtab-expand .rtab-btn.rtab-selected{ color:white; background:#337ab7; border-color:#337ab7; }