input[type="text"].invalid_input,
input[type="password"].invalid_input,
input[type="email"].invalid_input,
input[type="url"].invalid_input,
input[type="date"].invalid_input,
input[type="month"].invalid_input,
input[type="time"].invalid_input,
input[type="datetime"].invalid_input,
input[type="datetime-local"].invalid_input,
input[type="week"].invalid_input,
input[type="number"].invalid_input,
input[type="search"].invalid_input,
input[type="tel"].invalid_input,
input[type="color"].invalid_input,
select.invalid_input,
textarea.invalid_input {
    border: 1px solid #ff5e6b;
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="week"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="color"],
select,
textarea {
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 3px #ddd inset;
    box-sizing: border-box;
    display: inline-block;
    padding: 0.3em 0.6em;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
select:focus,
textarea:focus{
    border-color: #129fea;
    outline: 0 none;
}

input[type="button"] {
    color: #fff;
    text-decoration: none;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
    display: inline-block;
    white-space: normal;
    border: 1px solid transparent;
    border-radius: 3px;
    box-shadow: 0 3px 0 #ddd;
    font-weight: 500;
    padding: 5px;
    cursor:pointer;

    background: #0079bc; /* Old browsers */
    background: -moz-linear-gradient(top,  #0079bc 0%, #00509d 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0079bc), color-stop(100%,#00509d)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #0079bc 0%,#00509d 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #0079bc 0%,#00509d 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #0079bc 0%,#00509d 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #0079bc 0%,#00509d 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0079bc', endColorstr='#00509d',GradientType=0 ); /* IE6-9 */
}
input[type="button"]:hover{
    background: none repeat scroll 0 0 #00509d;
}

input[type="text"].input_date_icon{
    border-top-right-radius:0;
    border-bottom-right-radius: 0;
}



.add-on-borderless{
    vertical-align: middle;
    width:26px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    display:table-cell;
    border:0px;
    border-left:0;
    line-height: 1.2;
    cursor:pointer;
}

.add-on{
    vertical-align: middle;
    width:26px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    display:table-cell;
    border:1px solid #ccc;
    border-left:0;
    line-height: 1.2;
    cursor:pointer;
}
.add-on img{
    height:14px;
    vertical-align: middle;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.input-append input{
    float: left;
    margin-bottom: 0;
    margin-top:0;
    text-align: center;
    display: table-cell;
}
.input-append.date input{
    width: 100px;
}
.input-append.time input{
    width: 60px;
}

.input-append{
    border-collapse: separate;
    display: inline-table;
    line-height: 1.42857;
    box-sizing: border-box;
    vertical-align: middle;
}
.displayinline{
    display:inline-block;
    position:relative;
    bottom:1px;
    margin:0;
    padding:0;
    vertical-align: middle;
}


.select-style {
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #ccc;
    border-radius: 3px;
    overflow: hidden;
    background: #fafafa url("data:image/png;base64,R0lGODlhDwAUAIABAAAAAP///yH5BAEAAAEALAAAAAAPABQAAAIXjI+py+0Po5wH2HsXzmw//lHiSJZmUAAAOw==") no-repeat 90% 50%;
    min-width:110px;
}

.select-style select {
    padding: 3px 8px;
    width: 130%;
    border: none;
    box-shadow: none;
    background: transparent;
    background-image: none;
    -webkit-appearance: none;
}

.select-style select:focus {
    outline: none;
}

input[type="button"].bigbutton{
    padding:5px 10px;
    font-size:20px;
}

input[type="button"].graybutton{
    background: #888795; /* Old browsers */
    background: -moz-linear-gradient(top,  #888795 0%, #bab9c7 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#888795), color-stop(100%,#bab9c7)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #888795 0%,#bab9c7 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #888795 0%,#bab9c7 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #888795 0%,#bab9c7 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #888795 0%,#bab9c7 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#888795', endColorstr='#bab9c7',GradientType=0 ); /* IE6-9 */
}

input[type="text"].invalid_input{
    border: 1px solid #ff5e6b;
}

/*Jquery* autocomplete style*/
.autocomplete-suggestions {
    font-family: Roboto;
    font-size: 14px;
    border: 1px solid #999;
    background: #FFF;
    cursor: default;
    overflow: auto;
    -webkit-box-shadow: 0px 2px 2px rgba(78, 78, 78, 0.39);
    -moz-box-shadow: 0px 2px 2px rgba(78, 78, 78, 0.39);
    box-shadow: 0px 2px 2px rgba(78, 78, 78, 0.39);
    border-radius:3px;
}

.autocomplete-suggestion {
    padding: 2px 11px;
    white-space: nowrap;
    overflow: hidden;
}

.autocomplete-no-suggestion {
    padding: 2px 5px;
}

.autocomplete-selected {
    background: #F0F0F0;
}

.autocomplete-suggestions strong {
    color: #029cca;
    font-weight: normal;
}

.autocomplete-group {
    padding: 2px 5px;
}

.autocomplete-group strong {
    font-weight: bold;
    font-size: 16px;
    color: #000;
    display: block;
    border-bottom: 1px solid #000;
}

#info-icon {
    height: 16px;
    border: 0px;
}

.tooltip {
    position: relative;
    display: inline-block;

}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -60px;
    opacity: 0;
    transition: opacity 0.3s;
}

.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}