input[placeholder] {
    color:                      #999999;
}
input[type='range'] {
    -webkit-appearance:         none;
    background-color:           #EEEEEE;
    width:                      200px;
    margin:                     10px;
}
input[type='text'],
input[type='password'],
input[type='number'],
input[type='email'],
input[type='search'],
input[type='tel'],
select {
    vertical-align:             bottom;
    color:                      #333333;
    border:                     1px solid #CBC7BF;
    line-height:                15px;
    height:                     15px;
    padding:                    0.4em;
    outline:                    none;
    margin:                     0;
}
input[type='number'] {
    -moz-appearance:            textfield;
}
select[multiple='multiple'] {
    height:                     auto;
}
input[type='file'] {
    color:                      #333333;
    padding:                    0.4em;
    outline:                    none;
    margin:                     0;
}
input[type='text']:hover,
input[type='password']:hover,
input[type='number']:hover,
input[type='email']:hover,
input[type='tel']:hover,
select:hover {
}
input[type='text']:focus,
input[type='password']:focus,
input[type='number']:focus,
input[type='email']:focus,
input[type='tel']:focus,
select:focus {
    background-color:           #F8F8F7;
    outline:                    none;
    box-shadow:                 none;
}
input[type='text'].ng-invalid,
input[type='text']:invalid,
input[type='password'].ng-invalid,
input[type='number'].ng-invalid,
input[type='email'].ng-invalid,
input[type='tel'].ng-invalid,
textarea.ng-invalid,
div.select-box > select.ng-invalid {
    border-color:               #D25E5D !important;
}
input[type='text'].price.ng-dirty {
    border-color:               #5FBB92;
}
input[type='text'].short, input[type='number'].short {
    width:          50px;
}
input[type='text'].long, input[type='number'].long {
    width:          100px;
}
input[type='text'].xlong, input[type='number'].xlong, select.xlong{
    width:          175px;
}
input.ng-touched.ng-valid:not(.ng-empty) {
    border: solid 1px #5FBB92;
}
input.datepicker {
    width:                      90px;
    background-color:           #FFFFFF;
    position: relative;
}
input.datapicker-hide {
    display: none;
}
input.timepicker {
    background-color:           #FFFFFF;
    margin-left:                8px;
}
input.timeformat12hour {
    width:                      56px;
}
input.timeformat24hour {
    width:                      35px;
}
input.no-datepicker {
    margin-left:                0px;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}
input[type=checkbox].ng-dirty + label.check-label {
    background-image:       url(../../../images/core/controls/checkbox_edited.png);
}
input[type=checkbox] {
    display:                none;
    overflow:               hidden;
    clip:                   rect(0 0 0 0);
    height:                 1px;
    width:                  1px;
    margin:                 -1px;
    padding:                0;
    border:                 0;
}
input[type=checkbox] + label.check-label {
    padding-left:           25px;
    height:                 20px;
    display:                inline-block;
    line-height:            20px;
    background-repeat:      no-repeat;
    background-position:    0 0;
    vertical-align:         middle;
    cursor:                 pointer;
}
input[type=checkbox]:checked + label.check-label {
    background-position:    0 -20px;
}
input[type="file"]::-webkit-file-upload-button {
    font-family:                'Open Sans', Verdana, sans-serif;
    background-color:           #EEEEEE;
    border:                     1px solid #CBC7BF;
    line-height:                15px;
    padding:                    0.4em 1.0em;
    text-decoration:            none;
    cursor:                     pointer;
    outline:                    none;
    margin:                     0;
}
input[type="file"]::-webkit-file-upload-button:hover {
    background-color:           #EEEEEE;
}
.check-label {
    background-image:       url(../../../images/core/controls/Checkbox.png);
}
input[type=checkbox]:disabled + label.check-label {
    background-image:       url(../../../images/core/controls/Checkbox_Disabled.png);
}
input.input-large {
    width:                      200px;
}
input.price {
    margin-right:               0;
    width:                      35px;
}
select {
    min-height:                 24px;
    line-height:                15px;
}
button, .button{
    vertical-align:             bottom;
    font-family:                'Open Sans', Verdana, sans-serif;
    background-color:           #EEEEEE;
    border:                     1px solid #CBC7BF;
    line-height:                15px;
    height:                     15px;
    padding:                    0.4em 0.8em;
    text-decoration:            none;
    cursor:                     pointer;
    outline:                    none;
    margin:                     0;
}
button:hover, .button:hover {
    background-color:           #EEEEEE;
}
button:active, .button:active {
    background-color:           #E8E8E7;
}
button.selected, .button.selected {
    background:                 #FFFFFF;
}
button:active:not(:disabled) {
    position:                   relative;
}
button:disabled, input:disabled {
    background:                 #EEEEEE;
    color:                      #AAAAAA;
}
button:disabled > img {
    opacity:                    0.3;
}
input.datepicker:disabled {
    background-color:           #FFFFFF;
    color:                      #666666;
}
div.select-box > select:disabled {
    background:                 url(../../../images/core/controls/Sort.png) no-repeat #EEEEEE;
    background-position:        right 5px center;
    color:                      #AAAAAA;
}
button > img {
    vertical-align:             middle;
    margin-right:               5px;
    margin-bottom:              1px;
    margin-top:                 -2px;
}
button > img.no-margin {
    margin-right:               0;
}
button > img.loading {
    display:                    none;
    padding:                    0 5px 0 10px;
}
button.toggle {
    background:                 white;
    border-bottom:              0;
}
button.confirm {
    color:                      #D25E5D;
}
input, select, button {
    -moz-box-sizing:            content-box;
    -webkit-box-sizing:         content-box;
    box-sizing:                 content-box;
}
div.button-group {
    display:                    inline-block;
    font-size:                  0;
    position:                   relative;
    vertical-align:             middle;
    line-height:                1em;
}
div.button-group > button:first-child:not(:only-of-type) {
    border:                     1px solid #CBC7BF;
    border-right:               0;
    margin-right:               0;
}
div.button-group > button:not(:first-child):not(:last-of-type):not(:only-of-type) {
    border:                     1px solid #CBC7BF;
    border-right:               0;
    border-radius:              0;
    margin-left:                0;
    margin-right:               0;
}
div.button-group > button:last-of-type:not(:only-of-type) {
    border:                     1px solid #CBC7BF;
    margin-left:                0;
}
div.button-group > button.dropdown-toggle {
    padding:                    5px 10px 5px 10px;
}
div.input-append {
    font-size:                  0;
    vertical-align:             middle;
    line-height:                1em;
}
div.input-append > input {
    margin-right:               0;
    border-top-right-radius:    0;
    border-bottom-right-radius: 0;
    border-right:               0;
}
div.input-append > button {
    margin-left:                0;
    border-top-left-radius:     0;
    border-bottom-left-radius:  0;
}
div.select-box {
    display:                inline-block;
    border-collapse:        separate;
    overflow:               hidden;
    background:             url(../../../images/core/controls/Sort.png) no-repeat #FFFFFF;
    background-position:    right 5px center;
    border:                 1px solid #CBC7BF;
    line-height:            normal;
}
div.select-box.top {
    vertical-align: top;
}
div.select-box select {
    z-index:                10;
    position:               relative;
    border:                 none;
    background:             none;
    outline:                none;
}
div.select-box:hover {
    cursor:                 default;
}
div.select-box select {
    background:             transparent;
    padding:                1px 15px 1px 5px;
    line-height:            15px;
    border:                 0;
    border-radius:          0;
    -webkit-appearance:     none;
    outline:                none;
}
select::-ms-expand {
    display: none;
}

/* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    select {padding-right:22px}
}
div.input-arrows {
    display:                    inline-block;
    margin-top:                 -4px;
    margin-left:                -3px;
    vertical-align:             bottom;
}
div.input-arrows.proposed {
    margin-left:                -3px;
}
div.input-arrows > img {
    float:                      left;
    clear:                      both;
    border-right:               1px solid #CBC7BF;
}
div.input-arrows > img:first-child {
    border-top:                 1px solid #CBC7BF;
    margin-bottom:              -2px;
}
div.input-arrows.review > img:first-child,
div.input-arrows.review > img:last-child {
    border-radius:              0;
}
div.input-arrows > img:hover {
    cursor:                     pointer;
}
.ui-datepicker-trigger {
    position: relative;
    margin-top: 5px;
    margin-left: -23px;
}
.ui-datepicker-trigger:hover {
    cursor:                     pointer;
}
span.ui-icon.ui-icon-circle-triangle-e, span.ui-icon.ui-icon-circle-triangle-w {
    background-image:           url(../../../images/core/Arrow_Right.png);
    background-position:        0 0;
}
span.ui-icon.ui-icon-circle-triangle-w {
    background-image:           url(../../../images/core/Arrow_Left.png);
}
ul.tabs {

}
ul.tabs > li {
    display: inline-block;
    padding: 5px 5px 0 5px;
    border: 1px solid #CBC7BF;
    border-bottom: 0;
    cursor: pointer;
}
ul.tabs > li.active {
    font-weight: bold;
}
.ui-widget {
    font-size:                  1.1em !important;
    font-family:                'Open Sans', Tahoma, sans-serif !important;
}
.ui-datepicker {
    margin-top:                 -42px;
}
#ui-datepicker-div {
    z-index:                    100000 !important;
}
.ui-datepicker-header {
    color:                      #333333 !important;
}
.helpers-button {
    margin-left:                5px;
}
span.datepicker {
    white-space: nowrap;
}

textarea {
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    border: 1px solid #CBC7BF;
    padding: 3px;
}
.select-box-notes {
    vertical-align: middle !important;
}
.manage-profile-width {
    width: 20%;
}

.manage-profile-width-without-img {
    width: 10%;
}

.check-box-width {
    max-width: 30px !important
}
.select-box-width {
    max-width: 58px !important
}