<div class="row">
    <div class="col-md-12">
        <div class="heading_a"><span class="heading_text">Enhanced selects, tagging (select2.js)</span></div>
        <div class="row">
            <div class="col-md-4">
                <label for="s2_basic">Basic</label>
                <select id="s2_basic">
                    <option></option>
                    <optgroup label="Alaskan/Hawaiian Time Zone">
                        <option value="AK">Alaska</option>
                        <option value="HI">Hawaii</option>
                    </optgroup>
                    <optgroup label="Pacific Time Zone">
                        <option value="CA">California</option>
                        <option value="NV">Nevada</option>
                        <option value="OR">Oregon</option>
                        <option value="WA">Washington</option>
                    </optgroup>
                    <optgroup label="Mountain Time Zone">
                        <option value="AZ">Arizona</option>
                        <option value="CO">Colorado</option>
                        <option value="ID">Idaho</option>
                        <option value="MT">Montana</option>
                        <option value="NE">Nebraska</option>
                        <option value="NM">New Mexico</option>
                        <option value="ND">North Dakota</option>
                        <option value="UT">Utah</option>
                        <option value="WY">Wyoming</option>
                    </optgroup>
                    <optgroup label="Central Time Zone">
                        <option value="AL">Alabama</option>
                        <option value="AR">Arkansas</option>
                        <option value="IL">Illinois</option>
                        <option value="IA">Iowa</option>
                        <option value="KS">Kansas</option>
                        <option value="KY">Kentucky</option>
                        <option value="LA">Louisiana</option>
                        <option value="MN">Minnesota</option>
                        <option value="MS">Mississippi</option>
                        <option value="MO">Missouri</option>
                        <option value="OK">Oklahoma</option>
                        <option value="SD">South Dakota</option>
                        <option value="TX">Texas</option>
                        <option value="TN">Tennessee</option>
                        <option value="WI">Wisconsin</option>
                    </optgroup>
                    <optgroup label="Eastern Time Zone">
                        <option value="CT">Connecticut</option>
                        <option value="DE">Delaware</option>
                        <option value="FL">Florida</option>
                        <option value="GA">Georgia</option>
                        <option value="IN">Indiana</option>
                        <option value="ME">Maine</option>
                        <option value="MD">Maryland</option>
                        <option value="MA">Massachusetts</option>
                        <option value="MI">Michigan</option>
                        <option value="NH">New Hampshire</option>
                        <option value="NJ">New Jersey</option>
                        <option value="NY">New York</option>
                        <option value="NC">North Carolina</option>
                        <option value="OH">Ohio</option>
                        <option value="PA">Pennsylvania</option>
                        <option value="RI">Rhode Island</option>
                        <option value="SC">South Carolina</option>
                        <option value="VT">Vermont</option>
                        <option value="VA">Virginia</option>
                        <option value="WV">West Virginia</option>
                    </optgroup>
                </select>
            </div>
            <div class="col-md-4">
                <label for="s2_multi">Multi Value</label>
                <select id="s2_multi" multiple>
                    <optgroup label="Alaskan/Hawaiian Time Zone">
                        <option value="AK">Alaska</option>
                        <option value="HI">Hawaii</option>
                    </optgroup>
                    <optgroup label="Pacific Time Zone">
                        <option value="CA">California</option>
                        <option value="NV">Nevada</option>
                        <option value="OR">Oregon</option>
                        <option value="WA">Washington</option>
                    </optgroup>
                    <optgroup label="Mountain Time Zone">
                        <option value="AZ">Arizona</option>
                        <option value="CO">Colorado</option>
                        <option value="ID">Idaho</option>
                        <option value="MT">Montana</option>
                        <option value="NE">Nebraska</option>
                        <option value="NM">New Mexico</option>
                        <option value="ND">North Dakota</option>
                        <option value="UT">Utah</option>
                        <option value="WY">Wyoming</option>
                    </optgroup>
                    <optgroup label="Central Time Zone">
                        <option value="AL">Alabama</option>
                        <option value="AR">Arkansas</option>
                        <option value="IL">Illinois</option>
                        <option value="IA">Iowa</option>
                        <option value="KS">Kansas</option>
                        <option value="KY">Kentucky</option>
                        <option value="LA">Louisiana</option>
                        <option value="MN">Minnesota</option>
                        <option value="MS">Mississippi</option>
                        <option value="MO">Missouri</option>
                        <option value="OK">Oklahoma</option>
                        <option value="SD">South Dakota</option>
                        <option value="TX">Texas</option>
                        <option value="TN">Tennessee</option>
                        <option value="WI">Wisconsin</option>
                    </optgroup>
                    <optgroup label="Eastern Time Zone">
                        <option value="CT">Connecticut</option>
                        <option value="DE">Delaware</option>
                        <option value="FL">Florida</option>
                        <option value="GA">Georgia</option>
                        <option value="IN">Indiana</option>
                        <option value="ME">Maine</option>
                        <option value="MD">Maryland</option>
                        <option value="MA">Massachusetts</option>
                        <option value="MI">Michigan</option>
                        <option value="NH">New Hampshire</option>
                        <option value="NJ">New Jersey</option>
                        <option value="NY">New York</option>
                        <option value="NC">North Carolina</option>
                        <option value="OH">Ohio</option>
                        <option value="PA">Pennsylvania</option>
                        <option value="RI">Rhode Island</option>
                        <option value="SC">South Carolina</option>
                        <option value="VT">Vermont</option>
                        <option value="VA">Virginia</option>
                        <option value="WV">West Virginia</option>
                    </optgroup>
                </select>
            </div>
            <div class="col-md-4">
                <label>Auto Tokenization</label>
                <input type="text" id="s2_tokenization" value="green,red">
                <span class="help-block">Try typing in the search field above and entering a space or a comma.</span>
            </div>
        </div>
        <div class="row">
            <div class="col-md-4">
                <label for="s2_ext_value">External Value Change & Templating</label>
                <div class="sepH_a">
                    <select id="s2_ext_value" multiple>
                        <option value="AF">Afghanistan</option>
                        <option value="AX">Åland Islands</option>
                        <option value="AL">Albania</option>
                        <option value="DZ">Algeria</option>
                        <option value="AS">American Samoa</option>
                        <option value="AD">Andorra</option>
                        <option value="AO">Angola</option>
                        <option value="AI">Anguilla</option>
                        <option value="AQ">Antarctica</option>
                        <option value="AG">Antigua and Barbuda</option>
                        <option value="AR">Argentina</option>
                        <option value="AM">Armenia</option>
                        <option value="AW">Aruba</option>
                        <option value="AU">Australia</option>
                        <option value="AT">Austria</option>
                        <option value="AZ">Azerbaijan</option>
                        <option value="BS">Bahamas</option>
                        <option value="BH">Bahrain</option>
                        <option value="BD">Bangladesh</option>
                        <option value="BB">Barbados</option>
                        <option value="BY">Belarus</option>
                        <option value="BE">Belgium</option>
                        <option value="BZ">Belize</option>
                        <option value="BJ">Benin</option>
                        <option value="BM">Bermuda</option>
                        <option value="BT">Bhutan</option>
                        <option value="BO">Bolivia, Plurinational State of</option>
                        <option value="BQ">Bonaire, Sint Eustatius and Saba</option>
                        <option value="BA">Bosnia and Herzegovina</option>
                        <option value="BW">Botswana</option>
                        <option value="BV">Bouvet Island</option>
                        <option value="BR">Brazil</option>
                        <option value="IO">British Indian Ocean Territory</option>
                        <option value="BN">Brunei Darussalam</option>
                        <option value="BG">Bulgaria</option>
                        <option value="BF">Burkina Faso</option>
                        <option value="BI">Burundi</option>
                        <option value="KH">Cambodia</option>
                        <option value="CM">Cameroon</option>
                        <option value="CA">Canada</option>
                        <option value="CV">Cape Verde</option>
                        <option value="KY">Cayman Islands</option>
                        <option value="CF">Central African Republic</option>
                        <option value="TD">Chad</option>
                        <option value="CL">Chile</option>
                        <option value="CN">China</option>
                        <option value="CX">Christmas Island</option>
                        <option value="CC">Cocos (Keeling) Islands</option>
                        <option value="CO">Colombia</option>
                        <option value="KM">Comoros</option>
                        <option value="CG">Congo</option>
                        <option value="CD">Congo, the Democratic Republic of the</option>
                        <option value="CK">Cook Islands</option>
                        <option value="CR">Costa Rica</option>
                        <option value="CI">Côte d'Ivoire</option>
                        <option value="HR">Croatia</option>
                        <option value="CU">Cuba</option>
                        <option value="CW">Curaçao</option>
                        <option value="CY">Cyprus</option>
                        <option value="CZ">Czech Republic</option>
                        <option value="DK">Denmark</option>
                        <option value="DJ">Djibouti</option>
                        <option value="DM">Dominica</option>
                        <option value="DO">Dominican Republic</option>
                        <option value="EC">Ecuador</option>
                        <option value="EG">Egypt</option>
                        <option value="SV">El Salvador</option>
                        <option value="GQ">Equatorial Guinea</option>
                        <option value="ER">Eritrea</option>
                        <option value="EE">Estonia</option>
                        <option value="ET">Ethiopia</option>
                        <option value="FK">Falkland Islands (Malvinas)</option>
                        <option value="FO">Faroe Islands</option>
                        <option value="FJ">Fiji</option>
                        <option value="FI">Finland</option>
                        <option value="FR">France</option>
                        <option value="GF">French Guiana</option>
                        <option value="PF">French Polynesia</option>
                        <option value="TF">French Southern Territories</option>
                        <option value="GA">Gabon</option>
                        <option value="GM">Gambia</option>
                        <option value="GE">Georgia</option>
                        <option value="DE">Germany</option>
                        <option value="GH">Ghana</option>
                        <option value="GI">Gibraltar</option>
                        <option value="GR">Greece</option>
                        <option value="GL">Greenland</option>
                        <option value="GD">Grenada</option>
                        <option value="GP">Guadeloupe</option>
                        <option value="GU">Guam</option>
                        <option value="GT">Guatemala</option>
                        <option value="GG">Guernsey</option>
                        <option value="GN">Guinea</option>
                        <option value="GW">Guinea-Bissau</option>
                        <option value="GY">Guyana</option>
                        <option value="HT">Haiti</option>
                        <option value="HM">Heard Island and McDonald Islands</option>
                        <option value="VA">Holy See (Vatican City State)</option>
                        <option value="HN">Honduras</option>
                        <option value="HK">Hong Kong</option>
                        <option value="HU">Hungary</option>
                        <option value="IS">Iceland</option>
                        <option value="IN">India</option>
                        <option value="ID">Indonesia</option>
                        <option value="IR">Iran, Islamic Republic of</option>
                        <option value="IQ">Iraq</option>
                        <option value="IE">Ireland</option>
                        <option value="IM">Isle of Man</option>
                        <option value="IL">Israel</option>
                        <option value="IT">Italy</option>
                        <option value="JM">Jamaica</option>
                        <option value="JP">Japan</option>
                        <option value="JE">Jersey</option>
                        <option value="JO">Jordan</option>
                        <option value="KZ">Kazakhstan</option>
                        <option value="KE">Kenya</option>
                        <option value="KI">Kiribati</option>
                        <option value="KP">Korea, Democratic People's Republic of</option>
                        <option value="KR">Korea, Republic of</option>
                        <option value="KW">Kuwait</option>
                        <option value="KG">Kyrgyzstan</option>
                        <option value="LA">Lao People's Democratic Republic</option>
                        <option value="LV">Latvia</option>
                        <option value="LB">Lebanon</option>
                        <option value="LS">Lesotho</option>
                        <option value="LR">Liberia</option>
                        <option value="LY">Libya</option>
                        <option value="LI">Liechtenstein</option>
                        <option value="LT">Lithuania</option>
                        <option value="LU">Luxembourg</option>
                        <option value="MO">Macao</option>
                        <option value="MK">Macedonia, the former Yugoslav Republic of</option>
                        <option value="MG">Madagascar</option>
                        <option value="MW">Malawi</option>
                        <option value="MY">Malaysia</option>
                        <option value="MV">Maldives</option>
                        <option value="ML">Mali</option>
                        <option value="MT">Malta</option>
                        <option value="MH">Marshall Islands</option>
                        <option value="MQ">Martinique</option>
                        <option value="MR">Mauritania</option>
                        <option value="MU">Mauritius</option>
                        <option value="YT">Mayotte</option>
                        <option value="MX">Mexico</option>
                        <option value="FM">Micronesia, Federated States of</option>
                        <option value="MD">Moldova, Republic of</option>
                        <option value="MC">Monaco</option>
                        <option value="MN">Mongolia</option>
                        <option value="ME">Montenegro</option>
                        <option value="MS">Montserrat</option>
                        <option value="MA">Morocco</option>
                        <option value="MZ">Mozambique</option>
                        <option value="MM">Myanmar</option>
                        <option value="NA">Namibia</option>
                        <option value="NR">Nauru</option>
                        <option value="NP">Nepal</option>
                        <option value="NL">Netherlands</option>
                        <option value="NC">New Caledonia</option>
                        <option value="NZ">New Zealand</option>
                        <option value="NI">Nicaragua</option>
                        <option value="NE">Niger</option>
                        <option value="NG">Nigeria</option>
                        <option value="NU">Niue</option>
                        <option value="NF">Norfolk Island</option>
                        <option value="MP">Northern Mariana Islands</option>
                        <option value="NO">Norway</option>
                        <option value="OM">Oman</option>
                        <option value="PK">Pakistan</option>
                        <option value="PW">Palau</option>
                        <option value="PS">Palestinian Territory, Occupied</option>
                        <option value="PA">Panama</option>
                        <option value="PG">Papua New Guinea</option>
                        <option value="PY">Paraguay</option>
                        <option value="PE">Peru</option>
                        <option value="PH">Philippines</option>
                        <option value="PN">Pitcairn</option>
                        <option value="PL">Poland</option>
                        <option value="PT">Portugal</option>
                        <option value="PR">Puerto Rico</option>
                        <option value="QA">Qatar</option>
                        <option value="RE">Réunion</option>
                        <option value="RO">Romania</option>
                        <option value="RU">Russian Federation</option>
                        <option value="RW">Rwanda</option>
                        <option value="BL">Saint Barthélemy</option>
                        <option value="SH">Saint Helena, Ascension and Tristan da Cunha</option>
                        <option value="KN">Saint Kitts and Nevis</option>
                        <option value="LC">Saint Lucia</option>
                        <option value="MF">Saint Martin (French part)</option>
                        <option value="PM">Saint Pierre and Miquelon</option>
                        <option value="VC">Saint Vincent and the Grenadines</option>
                        <option value="WS">Samoa</option>
                        <option value="SM">San Marino</option>
                        <option value="ST">Sao Tome and Principe</option>
                        <option value="SA">Saudi Arabia</option>
                        <option value="SN">Senegal</option>
                        <option value="RS">Serbia</option>
                        <option value="SC">Seychelles</option>
                        <option value="SL">Sierra Leone</option>
                        <option value="SG">Singapore</option>
                        <option value="SX">Sint Maarten (Dutch part)</option>
                        <option value="SK">Slovakia</option>
                        <option value="SI">Slovenia</option>
                        <option value="SB">Solomon Islands</option>
                        <option value="SO">Somalia</option>
                        <option value="ZA">South Africa</option>
                        <option value="GS">South Georgia and the South Sandwich Islands</option>
                        <option value="SS">South Sudan</option>
                        <option value="ES">Spain</option>
                        <option value="LK">Sri Lanka</option>
                        <option value="SD">Sudan</option>
                        <option value="SR">Suriname</option>
                        <option value="SJ">Svalbard and Jan Mayen</option>
                        <option value="SZ">Swaziland</option>
                        <option value="SE">Sweden</option>
                        <option value="CH">Switzerland</option>
                        <option value="SY">Syrian Arab Republic</option>
                        <option value="TW">Taiwan, Province of China</option>
                        <option value="TJ">Tajikistan</option>
                        <option value="TZ">Tanzania, United Republic of</option>
                        <option value="TH">Thailand</option>
                        <option value="TL">Timor-Leste</option>
                        <option value="TG">Togo</option>
                        <option value="TK">Tokelau</option>
                        <option value="TO">Tonga</option>
                        <option value="TT">Trinidad and Tobago</option>
                        <option value="TN">Tunisia</option>
                        <option value="TR">Turkey</option>
                        <option value="TM">Turkmenistan</option>
                        <option value="TC">Turks and Caicos Islands</option>
                        <option value="TV">Tuvalu</option>
                        <option value="UG">Uganda</option>
                        <option value="UA">Ukraine</option>
                        <option value="AE">United Arab Emirates</option>
                        <option value="GB">United Kingdom</option>
                        <option value="US">United States</option>
                        <option value="UM">United States Minor Outlying Islands</option>
                        <option value="UY">Uruguay</option>
                        <option value="UZ">Uzbekistan</option>
                        <option value="VU">Vanuatu</option>
                        <option value="VE">Venezuela, Bolivarian Republic of</option>
                        <option value="VN">Viet Nam</option>
                        <option value="VG">Virgin Islands, British</option>
                        <option value="VI">Virgin Islands, U.S.</option>
                        <option value="WF">Wallis and Futuna</option>
                        <option value="EH">Western Sahara</option>
                        <option value="YE">Yemen</option>
                        <option value="ZM">Zambia</option>
                        <option value="ZW">Zimbabwe</option>
                    </select>
                </div>
                <a href="#" id="s2_ext_us" class="btn btn-xs btn-default">Select USA</a>
                <a href="#" id="s2_ext_br_gb" class="btn btn-xs btn-default">Select Japan & Poland</a>
            </div>
            <div class="col-md-4">
                <label>Loading Array Data</label>
                <input type="hidden" id="s2_load_data">
            </div>
        </div>
    </div>
</div>

<div class="row">
    <div class="col-md-12">
        <div class="heading_a"><span class="heading_text">Custom &lt;select&gt; UI control (selectize.js)</span></div>
        <div class="row">
            <div class="col-md-4">
                <label for="2col_ms_default">Optgroups</label>
                <select id="slz_optgroups" multiple placeholder="Select gear...">
                    <option value="">Select gear...</option>
                    <optgroup label="Climbing">
                        <option value="pitons">Pitons</option>
                        <option value="cams">Cams</option>
                        <option value="nuts">Nuts</option>
                        <option value="bolts">Bolts</option>
                        <option value="stoppers">Stoppers</option>
                        <option value="sling">Sling</option>
                    </optgroup>
                    <optgroup label="Skiing">
                        <option value="skis">Skis</option>
                        <option value="skins">Skins</option>
                        <option value="poles">Poles</option>
                    </optgroup>
                </select>
            </div>
            <div class="col-md-4">
                <label for="2col_ms_search">Email Contacts</label>
                <select id="slz_contacts"></select>
            </div>
            <div class="col-md-4">
                <label for="2col_ms_default">Plugin "Remove Button"</label>
                <input type="text" id="slz_remove_btn" value="awesome,neat">
            </div>
        </div>
    </div>
</div>

<div class="row">
    <div class="col-md-12">
        <div class="heading_a"><span class="heading_text">2col Multiselect</span></div>
        <div class="row">
            <div class="col-md-6">
                <label for="2col_ms_default">Custom headers/footers (500 elements)</label>
                <div class="ms-wrapper">
                    <select id="2col_ms_default" multiple ng-model="randElements" ng-options="randEl.sentence for randEl in randomElementsList track by randEl.elementId">
                    </select>
                    <button type="button" class="btn btn-default btn-xs ms_select_all bs_ttip" title="Select All"><span class="arrow_carrot-2right"></span></button>
                    <button type="button" class="btn btn-default btn-xs ms_deselect_all bs_ttip" title="Deselect All"><span class="arrow_carrot-2left"></span></button>
                </div>
            </div>
            <div class="col-md-6">
                <label for="2col_ms_search">Searchable (custom template)</label>
                <div class="ms-wrapper">
                    <select id="2col_ms_search" multiple ng-model="countyCodes" ng-options="('[['+cc.countryCode+']] '+ cc.countryName) for cc in countriesList track by cc.countryCode">
                    </select>
                    <button type="button" class="btn btn-default btn-xs ms_select_all bs_ttip" title="Select All"><span class="arrow_carrot-2right"></span></button>
                    <button type="button" class="btn btn-default btn-xs ms_deselect_all bs_ttip" title="Deselect All"><span class="arrow_carrot-2left"></span></button>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="row">
    <div class="col-md-12">
        <div class="heading_a"><span class="heading_text">Chained select</span></div>
        <form>
            <div class="row">
                <div class="col-md-2">
                    <select id="chs_mark" name="chs_mark" class="form-control">
                        <option value="">--</option>
                        <option value="chs_bmw">BMW</option>
                        <option value="chs_audi">Audi</option>
                    </select>
                </div>
                <div class="col-md-2">
                    <select id="chs_series" name="chs_series" class="form-control">
                        <option value="">--</option>
                        <option value="chs_series-1" class="chs_bmw">1 series</option>
                        <option value="chs_series-3" class="chs_bmw">3 series</option>
                        <option value="chs_series-5" class="chs_bmw">5 series</option>
                        <option value="chs_series-6" class="chs_bmw">6 series</option>
                        <option value="chs_series-7" class="chs_bmw">7 series</option>
                        <option value="chs_a1" class="chs_audi">A1</option>
                        <option value="chs_a3" class="chs_audi">A3</option>
                        <option value="chs_s3" class="chs_audi">S3</option>
                        <option value="chs_a4" class="chs_audi">A4</option>
                        <option value="chs_s4" class="chs_audi">S4</option>
                        <option value="chs_a5" class="chs_audi">A5</option>
                        <option value="chs_s5" class="chs_audi">S5</option>
                        <option value="chs_a6" class="chs_audi">A6</option>
                        <option value="chs_s6" class="chs_audi">S6</option>
                        <option value="chs_rs6" class="chs_audi">RS6</option>
                        <option value="chs_a8" class="chs_audi">A8</option>
                    </select>
                </div>
                <div class="col-md-3">
                    <select id="chs_model" name="chs_model" class="form-control">
                        <option value="">--</option>
                        <option value="chs_3-doors" class="chs_series-1">3 doors</option>
                        <option value="chs_5-doors" class="chs_series-1">5 doors</option>
                        <option value="chs_coupe" class="chs_series-1 chs_series-3 chs_series-6">Coupe</option>
                        <option value="chs_cabrio" class="chs_series-1 chs_series-3 chs_series-6">Cabrio</option>
                        <option value="chs_sedan" class="chs_series-3 chs_series-5 chs_series-7">Sedan</option>
                        <option value="chs_touring" class="chs_series-3 chs_series-5">Touring</option>
                        <option value="chs_gran-tourismo" class="chs_series-5">Gran Tourismo</option>
                        <option value="chs_sedan" class="chs_a1 chs_a3 chs_s3 chs_a4 chs_s4 chs_a6 chs_s6 chs_rs6">Sedan</option>
                        <option value="chs_sportback" class="chs_a3 chs_s3 chs_a5 chs_s5">Sportback</option>
                        <option value="chs_cabriolet" class="chs_a3 chs_a5 chs_s5">Cabriolet</option>
                        <option value="chs_avant" class="chs_a4 chs_s4 chs_a6 chs_s6 chs_rs6">Avant</option>
                        <option value="chs_allroad" class="chs_a4 chs_a6">Allroad</option>
                        <option value="chs_coupe" class="chs_a5 chs_s5">Coupe</option>
                    </select>
                </div>
                <div class="col-md-3">
                    <select id="chs_engine" name="chs_engine" class="form-control">
                        <option value="">--</option>
                        <option value="chs_25-petrol" class="chs_series-3 chs_a1 chs_a2 chs_a3 chs_a4 chs_a5 chs_a6 chs_s6 chs_rs6 chs_a8">2.5 petrol</option>
                        <option value="chs_30-petrol" class="chs_series-3 chs_series-5 series-6 a3 a4 a5">3.0 petrol</option>
                        <option value="chs_30-diesel" class="chs_series-3\chs_sedan chs_series-5\chs_sedan chs_a5">3.0 diesel</option>
                    </select>
                </div>
                <div class="col-md-2">
                    <button id="chs_button" type="button" class="btn btn-primary">Button</button>
                </div>
            </div>
        </form>
    </div>
</div>

<div class="row">
    <div class="col-md-12">
        <div class="heading_a"><span class="heading_text">Clock Picker</span></div>
        <div class="row">
            <div class="col-md-3">
                <label for="dp_component">Default</label>
                <div class="input-group clockpicker" data-donetext="Done">
                    <input type="text" class="form-control" value="09:32">
                    <span class="input-group-addon">
                        <span class="icon_clock_alt"></span>
                    </span>
                </div>
            </div>
            <div class="col-md-3">
                <label>Autoclose</label>
                <div class="input-group clockpicker" data-autoclose="true">
                    <input type="text" class="form-control" value="13:14">
                    <span class="input-group-addon">
                        <span class="icon_clock_alt"></span>
                    </span>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="row">
    <div class="col-md-12">
        <div class="heading_a"><span class="heading_text">Datepicker</span></div>
        <div class="row">
            <div class="col-md-4">
                <div class="sepH_b">
                    <label for="dp_basic">Basic</label>
                    <input type="text" type="text" class="form-control" id="dp_basic">
                </div>
                <label for="dp_range">Daterange</label>
                <div class="input-daterange input-group" id="dp_range">
                    <input type="text" class="form-control" name="start" />
                    <span class="input-group-addon">to</span>
                    <input type="text" class="form-control" name="end" />
                </div>
            </div>
            <div class="col-md-4">
                <label for="dp_component">Component</label>
                <div class="input-group date" id="dp_component">
                    <input type="text" class="form-control">
                    <span class="input-group-addon"><i class="icon_calendar"></i></span>
                </div>
            </div>
            <div class="col-md-4">
                <label>Inline</label>
                <div id="dp_inline"></div>
            </div>
        </div>
    </div>
</div>

<div class="row">
    <div class="col-md-12">
        <div class="heading_a"><span class="heading_text">Date range picker</span></div>
        <div class="row">
            <div class="col-md-4">
                <div class="input-group">
                    <span class="input-group-addon"><i class="icon_calendar"></i></span>
                    <input type="text" name="drp_time" id="drp_time" class="form-control">
                </div>
            </div>
            <div class="col-md-4">
                <div id="drp_predefined" class="btn btn-default">
                    <i class="icon_calendar"></i>
                    <span>{{date_range.today}} - {{date_range.last_month}}</span> <b class="caret"></b>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="row">
    <div class="col-md-12">
        <div class="heading_a"><span class="heading_text">Range Slider</span></div>
        <div class="row">
            <div class="col-md-4">
                <input type="text" id="rS_exm_1" name="rS_exm_1" value="">
            </div>
            <div class="col-md-4">
                <input type="text" id="rS_exm_2" name="rS_exm_2" value="">
            </div>
            <div class="col-md-4">
                <input type="text" id="rS_exm_3" name="rS_exm_3" value="">
            </div>
        </div>
        <div class="row">
            <div class="col-md-4">
                <input type="text" id="rS_exm_4" name="rS_exm_4" value="">
            </div>
            <div class="col-md-4">
                <input type="text" id="rS_exm_5" name="rS_exm_5" value="">
            </div>
        </div>
    </div>
</div>

<div class="row">
    <div class="col-md-12">
        <div class="heading_a"><span class="heading_text">Switch Buttons</span></div>
        <div class="row">
            <div class="col-sm-3">
                <input type="checkbox" class="js-switch" ng-model="extEl_switch_a" ui-switch />
                <span class="help-block">Default</span>
            </div>
            <div class="col-sm-3">
                <input type="checkbox" class="js-switch mini-switch" ng-init="extEl_switch_b = true" ng-model="extEl_switch_b" ui-switch />
                <span class="help-block">Mini switch</span>
            </div>
        </div>
        <div class="row">
            <div class="col-sm-3">
                <input type="checkbox" class="js-switch-success" ng-init="extEl_switch_c = true" ng-model="extEl_switch_c" ui-switch="{ color: '#8cc152' }" />
                <span class="help-block">Sucess</span>
            </div>
            <div class="col-sm-3">
                <input type="checkbox" class="js-switch-warning" ng-init="extEl_switch_d = true" ng-model="extEl_switch_d" ui-switch="{ color: '#f6bb42' }" />
                <span class="help-block">Warning</span>
            </div>
            <div class="col-sm-3">
                <input type="checkbox" class="js-switch-danger" ng-init="extEl_switch_e = true" ng-model="extEl_switch_e" ui-switch="{ color: '#da4453' }" />
                <span class="help-block">Danger</span>
            </div>
            <div class="col-sm-3">
                <input type="checkbox" class="js-switch-info" ng-init="extEl_switch_f = true" ng-model="extEl_switch_f" ui-switch="{ color: '#37bc9b' }" />
                <span class="help-block">Info</span>
            </div>
        </div>
    </div>
</div>

<div class="row">
	<div class="col-md-12">
        <div class="heading_a"><span class="heading_text">Password Strength Metter + Show/Hide</span></div>
        <div class="row">
            <div class="col-md-4">
                <form role="form">
                    <div id="pwd-container">
                        <input type="password" class="form-control sepH_a" id="pwdSt_password" value="password">
                        <div class="pwstrength_viewport_progress sepH_b"></div>
                        <span class="help-block pwstrength_viewport_verdict"></span>
                    </div>
                </form>
            </div>
        </div>
	</div>
</div>

<div class="row">
	<div class="col-md-12">
        <div class="heading_a"><span class="heading_text">Customized checkboxes and radio buttons</span></div>
        <div class="row">
            <div class="col-sm-4">
                <p><input type="checkbox" class="icheck" id="ichbox_1"> <label for="ichbox_1" class="icheck_label">Checkbox 1</label></p>
                <p><input type="checkbox" class="icheck" id="ichbox_2"> <label for="ichbox_2" class="icheck_label">Checkbox 2</label></p>
                <p><input type="checkbox" class="icheck" id="ichbox_3" checked> <label for="ichbox_3" class="icheck_label">Checkbox 3</label></p>
                <p><input type="checkbox" class="icheck" id="ichbox_4" checked disabled> <label for="ichbox_4" class="icheck_label">Checked&amp;Disabled</label></p>
                <p><input type="checkbox" class="icheck" id="ichbox_5" disabled> <label for="ichbox_5" class="icheck_label">Disabled</label></p>
            </div>
            <div class="col-sm-4">
                <p><input type="radio" class="icheck" name="iCheckbox" id="iradio_1"> <label for="iradio_1" class="icheck_label">Radio button 1</label></p>
                <p><input type="radio" class="icheck" name="iCheckbox" id="iradio_2" checked> <label for="iradio_2" class="icheck_label">Radio button 2</label></p>
                <p><input type="radio" class="icheck" name="iCheckbox" id="iradio_3"> <label for="iradio_3" class="icheck_label">Radio button 3</label></p>
                <p><input type="radio" class="icheck" id="iradio_4" checked disabled> <label for="iradio_4" class="icheck_label">Checked&amp;Disabled</label></p>
                <p><input type="radio" class="icheck" id="iradio_5" disabled> <label for="iradio_5" class="icheck_label">Disabled</label></p>
            </div>
        </div>
	</div>
</div>

<div class="row">
    <div class="col-md-12">
        <div class="heading_a"><span class="heading_text">Masked inputs</span></div>
        <div class="row">
            <div class="col-sm-3">
                <input type="text" class="form-control" id="mask_date">
                <span class="help-block">showMaskOnHover: false</span>
            </div>
            <div class="col-sm-3">
                <input type="text" class="form-control" id="mask_phone">
                <span class="help-block">(999) 999-9999</span>
            </div>
            <div class="col-sm-3">
                <input type="text" class="form-control" id="mask_plate">
                <span class="help-block">[9-]AAA-999</span>
            </div>
            <div class="col-sm-3">
                <input type="text" class="form-control" id="mask_numeric">
                <span class="help-block">&euro; 999.999,99</span>
            </div>
        </div>
        <div class="row">
            <div class="col-sm-3">
                <input type="text" class="form-control" id="mask_mac">
                <span class="help-block">MAC adress</span>
            </div>
            <div class="col-sm-3">
                <input type="text" class="form-control" id="mask_callback">
                <span class="help-block">Oncomplete callback</span>
            </div>
            <div class="col-sm-3">
                <input type="text" class="form-control" data-inputmask="'mask': '99-9999999'">
                <span class="help-block">data-inputmask="'mask': '99-9999999'"</span>
            </div>
        </div>
    </div>
</div>

<div class="row">
    <div class="col-md-12">
        <div class="heading_a"><span class="heading_text">Multiupload</span></div>
        <div class="row">
            <div class="col-md-12">
                <div id="uploader">
                    <p>Your browser doesn't have Flash, Silverlight or HTML5 support.</p>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="row">
    <div class="col-md-12">
        <div class="heading_a"><span class="heading_text">Maxlength for Textareas</span></div>
        <div class="row">
            <div class="col-md-6">
                <label for="ml_default">Default</label>
                <textarea name="ml_default" id="ml_default" cols="30" rows="4" class="form-control"></textarea>
                <span class="help-block" id="ml_default_indicator"></span>
            </div>
            <div class="col-md-6">
                <label for="ml_default">Custom indicator</label>
                <textarea name="ml_custom" id="ml_custom" cols="30" rows="4" class="form-control"></textarea>
                <span class="help-block" id="ml_custom_indicator"></span>
            </div>
        </div>
    </div>
</div>

<div class="row">
    <div class="col-md-12">
        <div class="heading_a"><span class="heading_text">Textarea autosize</span></div>
        <div class="row">
            <div class="col-md-12">
                <textarea name="autosize_a" id="autosize_a" cols="30" rows="4" class="form-control"></textarea>
            </div>
        </div>
    </div>
</div>

<div class="row">
    <div class="col-md-12">
        <div class="heading_a"><span class="heading_text">WYSIWG Editor</span></div>
        <div class="row">
            <div class="col-md-12">
                <textarea name="wysiwg_editor" id="wysiwg_editor" cols="30" rows="4" class="form-control"></textarea>
            </div>
        </div>
    </div>
</div>
