.iDtSelect { display: inline-block; position: relative; width: 150px; height: 32px; text-align: center; line-height: 32px; font-size: 14px; color: #555; border-color: #ccc; border: solid 1px #ccc; transition-duration: 0.25s; border-radius: 3px; background-color: #fff; cursor: pointer; box-sizing: border-box; overflow: visible; }
    .iDtSelect.small { height: 24px; line-height: 24px; }
    .iDtSelect.medium { height: 28px; line-height: 28px; }
    .iDtSelect.valueleft { text-align: left }
    .iDtSelect:hover { background-color: #ddd; color: #000 }
    .iDtSelect .iDtSelectTitle { padding: 0px 5px; overflow: hidden; text-overflow: ellipsis; white-space:nowrap }

    .iDtSelect .optionContainer { display: none; position: relative; left: 0; margin-top: 2px; border: solid 1px #ccc; border-radius: 3px; max-height: 250px; width: 150px; box-sizing: border-box; overflow: hidden; overflow-y: auto; padding: 3px; text-align: left; font-size: 14px; line-height: 16px; background-color: #fff; color: #000; z-index: 10; box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.30); }
        .iDtSelect .optionContainer > div { padding: 2px }
            .iDtSelect .optionContainer > div:hover { background-color: #eee }
            .iDtSelect .optionContainer > div.splitter { border-bottom: solid 1px #ccc; margin-top: 3px; margin-bottom: 5px; }
                .iDtSelect .optionContainer > div.splitter:hover { background-color: transparent }

    .iDtSelect.white { border-color: #fff; color: #fff; background-color: transparent }
        .iDtSelect.white:hover { border-color: #000; color: #000; background-color: #fff }