/* --- hints --- */
i.uni-hint-trigger { display: inline-block; position: absolute; width: 16px; height: 16px; text-indent: 100%; overflow: hidden; margin: 5px 0 0 5px; }
i.uni-hint-trigger:after { content: '\ea8e'; color: #405965; font-family: font-icons; font-size: 14px; display: block; position: absolute; top: 0; left: 0; width: 16px; height: 16px; line-height: 16px; text-align: center; text-indent: 0; font-style: normal; }
.uni-hint { display: none; }
.uni-hint-popup-right-bottom { display: block; position: absolute; width: 180px; font-size: 13px; background-color: #000; padding: 10px 20px 5px 20px; z-index: 99; color: #fff; min-height: 20px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border-radius: 3px; }
.uni-hint-popup-right-bottom:after { content: ''; display: block; position: absolute; width: 0; height: 0; top: 16px; left: -10px; border-style: solid; border-width: 10px 10px 10px 0; border-color: rgba(0, 0, 0, 0) #000; box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; }
.uni-hint-popup-right-top { display: block; position: absolute; width: 180px; font-size: 13px; background-color: #000; padding: 10px 20px 5px 20px; z-index: 99; color: #fff; min-height: 20px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border-radius: 3px; }
.uni-hint-popup-right-top:after { content: ''; display: block; position: absolute; width: 0; height: 0; bottom: 16px; left: -10px; border-style: solid; border-width: 10px 10px 10px 0; border-color: rgba(0, 0, 0, 0) #000; box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; }
.uni-hint-popup-left { display: block; position: absolute; width: 180px; font-size: 13px; background-color: #000; padding: 10px 20px 5px 20px; z-index: 99; color: #fff; min-height: 20px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border-radius: 3px; }
.uni-hint-popup-left:after { content: ''; display: block; position: absolute; width: 0; height: 0; top: 16px; right: -10px; border-style: solid; border-width: 10px 0 10px 10px; border-color: rgba(0, 0, 0, 0) #000; box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; }
.uni-hint-popup-top { display: block; position: absolute; width: 360px; font-size: 13px; background-color: #000; padding: 10px 20px 5px 20px; z-index: 99; color: #fff; min-height: 20px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border-radius: 3px; }
.uni-hint-popup-top:after { content: ''; display: block; position: absolute; width: 0; height: 0; bottom: -10px; right: 10px; border-style: solid; border-width: 0 15px 15px 0; border-color: rgba(0, 0, 0, 0) #000; box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; }
.uni-hint-popup-bottom { display: block; position: absolute; width: 360px; font-size: 13px; background-color: #000; padding: 10px 20px 5px 20px; z-index: 99; color: #fff; min-height: 20px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border-radius: 3px; }
.uni-hint-popup-bottom:after { content: ''; display: block; position: absolute; width: 0; height: 0; top: -10px; right: 10px; border-style: solid; border-width: 15px 15px 0 0; border-color: rgba(0, 0, 0, 0) #000; box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; }

/* --- intputs ---- */
div.input-text { height: 38px; background: #fff; border: 1px solid #ced4da; border-radius: 3px; position: relative; display: inline-block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
div.input-text div { height: 36px; border-radius: 3px; margin: 0 9px 0 9px; position: relative; }
div.input-text div b { display: none; }
div.input-text div input { display: block; border-radius: 3px; width: 100%; height: 24px; line-height: 24px; padding: 6px 9px 6px 9px; margin: 0; border: 0 none; background-color: #fff; position: absolute; left: -9px; top: 0; outline: 0; }
div.input-text div input::placeholder { color: #6c757d; opacity: 1; }
div.input-text div input:-ms-input-placeholder { color: #6c757d; }
div.input-text div input::-ms-input-placeholder { color: #6c757d; }

/* --- selects --- */
div.select { height: 38px; background: #fff; border: 1px solid #ced4da; border-radius: 3px; position: relative; display: inline-block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; line-height: normal!important; }
div.select div { height: 36px; border-radius: 3px; margin: 0 32px 0 9px; position: relative; }
div.select div b { display: none; }
div.select div a { display: block; width: 32px; height: 36px; padding: 0; margin: 0; position: absolute; right: -32px; top: 0; outline: 0; }
div.select div a:after { content: '\e7a7'; color: #405965; font-family: font-icons; display: block; width: 32px; height: 36px; position: absolute; left: 0; top: 0; line-height: 36px; text-align: center; }
div.select div input { display: block; border-radius: 3px; width: 100%; height: 36px; line-height: 36px; padding: 6px 9px 6px 9px; margin: 0; text-decoration: none; border: 0 none; background-color: #fff; position: absolute; left: -9px; top: 0; outline: 0; font-size: 16px; }
div.select div select { display: none; }
div.select ul { cursor: default; position: absolute; border: 1px solid #999; display: none; left: -1px; max-height: 250px; width: 500px; margin: 0px; padding: 0px; background-color: #fff; overflow-y: auto; overflow-x: hidden; box-sizing: border-box; -moz-box-sizing:border-box; -webkit-box-sizing: border-box; box-shadow: 2px 2px 3px #aaa; -moz-box-shadow: 2px 2px 3px #aaa; -webkit-box-shadow: 2px 2px 3px #aaa; z-index: 1; }
div.select ul li { margin: 0; padding: 3px; }
div.select ul li.static { color: #666; background-color: #f5f5f5; font-style: italic; padding: 5px 10px; }
div.select ul li.active { color: #fff; background: #1265a8; }