/**
	this File defines any CSS Styles that are to be applied to
	HTML Input Fields. This includes Input- and  Textfields,
	Checkboxes, Radiobuttons, Buttons SelectionLists and DropDown
	Lists.
*/

input, textarea, select, .Autocomplete, .SelectBoxSmall, .SelectBoxBig, .TextAreaBig {
    border: 1px solid #A9A9A9;
    background: #FFFFFF;
    font-family: "Open Sans", verdana, sans-serif;
    vertical-align: middle;
    padding: .2em;
}

select {
    width: 163px;
    padding: .1em;
}


input[readonly], input[disabled], select[disabled], textarea[readonly], .SelectBoxSmall[disabled], .SelectBoxBig[disabled] {
    background: rgba(0, 0, 0, 0.11);
}

.InputMargin {
    margin: 2px;
}

.InputLong {
    width: 300px;
}

.InputAmount, .InputAmountBig, .InputAmountSmall, .InputAmount100px, .InputAmountSmaller, .PeriodInputAmount {
    text-align: right;
}

.InputAmountBig {
    font-size: 12pt;
    font-weight: bold;
}

.InputAmountSmall {
    width: 90px;
}

.InputAmount100px {
    width: 100px;
}

.InputAmountSmaller {
    width: 60px;
}

.PeriodInputAmount {
    width: 80px;
}

.SelectBoxSmall {
    width: 100px;
    min-width: 100px;
}

.SelectBoxBig {
    width: 450px;
}

.TextAreaBig {
    width: 100%;
}

.InputSmall {
    width: 90px;
}

.CheckBox {
    background-color: transparent;
    width: 25px;
}

.RadioButton {
    background-color: transparent;
    width: 200px;
    text-align: right;
    vertical-align: top;
}

.InputSubmit {
    border: 0;
    color: #FFFFFF;
    font-weight: bold;
    margin-left: 1px;
    margin-right: 1px;
    width: 150px;
    height: 25px;
    cursor: pointer;
    border-collapse: separate;
    text-align: center;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    outline: none;
    background: linear-gradient(#06507F, #054066);
}

.InputSubmit.auto-width {
    width: auto;
    padding: 0 1em;
}

body .InputSubmit.ui-button.ui-button-icon-only .ui-button-text {
    padding: 0em;
}

.InputSubmit[disabled] {
    color: #FFFFFF;
    cursor: default;
    background: linear-gradient(#6A6C6C, #919393);
    box-shadow: none;
    border: 0;
}

.imageButton, .imageButtonDisabled {
    border: 1px solid #06507F;
    margin-left: 1px;
    margin-right: 1px;
    width: 32px;
    height: 32px;
    cursor: pointer;
}

.imageButtonDisabled {
    border: 1px solid #CCCCCC;
    cursor: default;
}

.imageButton_24, .imageButton_minimize {
    border: 1px solid #06507F;
    margin-left: 1px;
    margin-right: 1px;
    width: 24px;
    height: 24px;
    cursor: pointer;
}

.imageButton_20, .imageButton_20Disabled {
    border: 1px solid #06507F;
    vertical-align: bottom;
    margin-left: 1px;
    margin-right: 1px;
    width: 20px;
    height: 20px;
    cursor: pointer;
}

.imageButton_20Disabled {
    border: 1px solid #CCCCCC;
    cursor: default;
}

.imageButton_16, .imageButton_16Disabled {
    border: 1px solid #06507F;
    margin-left: 1px;
    margin-right: 1px;
    width: 16px;
    height: 16px;
    cursor: pointer;
}

.imageButton_16Disabled {
    border: 1px solid #CCCCCC;
    cursor: default;
}

.ui-button.imageButtonTopRight {
    position: absolute;
    top: 10px;
    right: 24px;
    border: 1px solid #888888;
    margin-left: 1px;
    margin-right: 1px;
}

.TextFieldBig {
    width: 100%;
}

.TextFieldMiddle {
    width: 250px;
}

.TextFieldShort, .ZipCodeTextField, .NumericTextFieldShort {
    width: 75px;
}

.NumericTextFieldShort {
    text-align: right;
}

.showDetailsButton {
    border: 1px solid #9F9F9F;
    color: #000000;
    margin-left: 1px;
    margin-right: 1px;
    width: 40px;
    height: 20px;
    cursor: pointer;
    border-collapse: separate;
}

.pictureSearchButtons {
    width: 100%;
}

.reportBtn {
    flex-shrink: 0;
    display: inline;
}

body button.colorpickerBtn {
    background-image: none;
    -webkit-text-stroke: 1px black;
}

body button.roundedButton {
    position: relative !important;
    border: none !important;
    font-size: 8px !important;
    height: 17px !important;
    width: 17px !important;
    box-shadow: 0 1px 2px darkslategray !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    border-radius: 70% !important;
}