#barcode_input_box{
    position: absolute;
    display: inline-block;
    z-index: -9999;
}

input#barcode_input{
    border: 1px solid red;
    color: white;
}

input#barcode_input:focus{
    background-color: white;
    border: 1px solid white;
    color: white;
}

a.linkDataMain {
    font-weight: bold;
    font-size: 1.1em;
    color: #0000FF;
    text-decoration: none;
}

a.linkOperationAfterData {
    font-size: 10px;
    background-image: url(../img/application_form_edit.png);
    background-repeat: no-repeat;
    padding-left: 20px;
    margin-left: 5px;
}

a.linkOperationSelectOption {
    font-size: 10px;
    background-image: url(../img/application_form_edit.png);
    background-repeat: no-repeat;
    padding-left: 20px;
    margin-left: 0px;
}

a.small_link{
    font-size: 11px;
    color: blue;
}

a.icon_after_text{
    display: inline-block;
    font-size: 11px;
    color: blue;
    margin-left: 20px;
    margin-top: 2px;
    opacity: 0.6;
}

a.icon_after_text:hover{
    opacity: 1;
}

.imagePreview{
    position: relative;
    width: 130px;
    height: 130px;
    margin-left: 10px;
    margin-top: 0px;
    margin-right: 10px;
    padding: 0px;
    border: 1px solid #CCC;
    vertical-align: middle;
    display: inline-block;
    background-color: #000;
}

img.thumbnail{
    margin-left: 10px;
    margin-top: 0px;
    position: relative;
    vertical-align: middle;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-size: 11px;
    padding: 5px;

    margin-right: 20px;
    border: 1px solid #CCC;
    margin-right: 10px;
    width: 120px;
    height: 120px;
}

/* CSS for Dialog (override jQuery UI) */

.dialog_container{
    font-size: 11px;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

.confirm_dialog{
    font-size: 1.1em;
}

span.totalPaymentSummary{
    font-size: 16px;
    font-weight: bold;
    color: #97be0d;
}

span.caution{
    color: red;
    font-weight: bold;
}

span.fixWidthForLabelSmallForm{
    display: inline-block;
    width: 86px;
}

span.titleText {
    display: block;
    font-weight: bold;
    font-size: 14px;
}

span.normalText {
    display: block;
    font-weight: normal;
    font-size: 12px;
}

#note_box{
    display: block;
    margin-top: 5px;
}

span.boldText {
    float: left;
    clear: both;
    margin-left: 10px;
    color: #333;
    margin-top: 3px;
    font-weight: bold;
}

span.boldTextH3{
    display: block;
    font-weight: bold;
    color: #333;
    font-size: 12px;
}

span.boldTextH3_Error{
    display: block;
    font-weight: bold;
    color: red;
    font-size: 14px;
}

span.boldTextH3ForForm{
    width: auto;
    display: inline-block;
    font-weight: bold;
    color: #999;
    font-size: 12px;
    margin-bottom: 5px;
    border: thin solid #F2F2F2;
    background-color: #F2F2F2;
    padding-right: 5px;
    padding-left: 5px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    padding-top: 2px;
    padding-bottom: 2px;
    margin-top: 5px;
}

span.textAfterSmallIcon {
    margin-left: 5px;
}

span.red{
    color: #F00;
}

span.caution{
    color: #F00;
    font-weight: bold;
}


span.info-text{
    color: blue;
    font-weight: bold;
}

span.bold{
    font-weight: bold;
}

span.petNameForQuickView{
    font-weight: bold;
    color: #133783;
    font-size: 1.2em;
}

span.id_value{
    font-weight: bold;
    color: #97be0d;
    font-size: 1.2em;
}

span.small_icon{
    line-height: 20px;
    display: inline-block;
    vertical-align: middle;
    padding: 0px;
    margin: 0px;
}

.icon-after-input{
    display: inline-block;
    padding: 0px;
    margin: 0;
    width: 16px;
    vertical-align: middle;
}

.icon-after-input2{
    display: inline-block;
    padding: 0px;
    margin: 0;
    width: 16px;
    vertical-align: top;
}

input.referenceId{
    font-weight: bold;
    color: #F60;
}

span.referenceId{
    font-size: 1.3em;
    font-weight: bold;
    color: #F60;
}

span.referenceIdForCustomer{
    font-size: 1.3em;
    font-weight: bold;
    color: blue;
    vertical-align: middle;
}

span.mini-note{
    background-color: #cfe6fc;
    display: block;
    font-size: 1em;
    color: #163161;
    margin-left: 10px;
    margin-bottom: 10px;
    padding: 5px;
    padding-left: 10px;
    border-radius: 3px;
}

.alert-note{
    display: block;
    font-size: 1em;
    margin-left: 10px;
    margin-bottom: 10px;
    padding: 5px;
    padding-left: 10px;
    border-radius: 3px;
}

/* END CSS for Dialog */

form label {
    margin: 0px;
    text-align: right;
    padding: 0px;
    line-height: 5px;
    width: 80px;
    display: inline-block;
    border: thin none #F00; /*test*/
}

label.afterLabel{
    margin: 0px;
    margin-left: 10px;
    padding: 0px;
    line-height: 14px;
    width: 210px;
    display: inline-block;
    text-align: left;
    color: darkblue;
}

label.afterLabel-2{
    font-size: 12px;
    margin: 0px;
    margin-left: 10px;
    padding: 0px;
    line-height: 14px;
    width: 250px;
    display: inline-block;
    text-align: left;
    vertical-align: top;
}

label.label-value{
    font-weight: bold;
    color: darkblue;
}

label.label-alert-value{
    font-weight: bold;
    color: red;
}

label.label-important-value{
    font-weight: bold;
    color: blue;
}

label.beforeInput{
    display: inline-block;
    margin: 0px;

    margin-left: 8px;
    line-height: 14px;
    width: auto;
}

label.afterLabel-value{
    margin: 0px;
    margin-left: 0px;
    padding: 0px;
    width: 220px;
    display: inline-block;
    text-align: left;
    color: blue;
    font-weight: bold;
}

select.select-after-label{
    margin-left: 0px;
}

label.alertText{
    color: red;
}

label.form-title-color{
    color: #97be0d;
    font-weight: bold;
}

form label.moreWidth,label.moreWidth {
    margin: 0px;
    text-align: right;
    padding: 0px;
    line-height: 14px;
    height: 14px;
    width: 90px;
    display: inline-block;
    vertical-align: middle;
}

form label.twoRows,label.twoRows {
    margin: 0px;
    margin-top: -5px;
    text-align: right;
    vertical-align: top;
    padding: 0px;
    line-height: 14px;
    height: 14px;
    width: 90px;
    display: inline-block;
    vertical-align: middle;
    word-wrap: break-word;
}

label.width-2 {
    margin: 0px;
    text-align: right;
    padding: 0px;
    line-height: 14px;
    height: 14px;
    width: 130px;
    display: inline-block;
    vertical-align: middle;
}

label.moreWidthTop {
    margin: 0px;
    text-align: right;
    padding: 0px;
    line-height: 14px;
    height: 14px;
    width: 90px;
    display: inline-block;
    vertical-align: top;
}

label.moreWidth.importantText{
    font-weight: bold;
    color: blue;
}

form label.autoWidth,label.autoWidth {
    margin: 0px;
    text-align: right;
    padding: 5px;
    line-height: 14px;
    height: 14px;
    width: auto;
    display: inline-block;
    vertical-align: middle;
}

form label.topic-label,label.topic-label {
    margin: 0px;
    text-align: right;
    padding: 0px;
    line-height: 14px;
    height: 14px;
    width: 90px;
    display: inline-block;
    vertical-align: top;
}

label.shortWidth {
    margin: 0px;
    margin-right: 5px;
    text-align: right;
    padding: 0px;
    line-height: 14px;
    height: 14px;
    width: 15px;
    display: inline-block;
}

label.longWidth {
    margin: 0px;
    margin-right: 5px;
    text-align: right;
    padding: 0px;
    line-height: 14px;
    height: 14px;
    width: 140px;
    display: inline-block;
}

form label.moreWidth2,label.moreWidth2 {
    margin: 0px;
    text-align: right;
    padding: 0px;
    line-height: 14px;
    height: 14px;
    width: 110px;
    display: inline-block;
}

label.moreWidth3 {
    margin: 0px;
    text-align: right;
    padding: 0px;
    line-height: 14px;
    height: 14px;
    width: 95px;
    display: inline-block;
}

label.for-checkbox {
    margin: 0px;
    text-align: right;
    padding: 0px;
    line-height: 14px;
    height: 14px;
    width: 95px;
    display: inline-block;
}

label.width-fit-for-date-range {
    margin: 0px;
    text-align: right;
    padding: 0px;
    line-height: 14px;
    height: 14px;
    width: 65px;
    display: inline-block;
}

form label.fullLine {
    margin: 0px;
    margin-top: 10px;
    margin-left: 20px;
    text-align: left;
    padding: 0px;
    line-height: 14px;
    height: 14px;
    width: 300px;
    display: inline-block;
}

form label.twoLines {
    margin: 0px;
    text-align: right;
    padding: 0px;
    line-height: 24px;
    height: 24px;
    width: 90px;
    vertical-align: middle;
    display: inline-block;
    border: thin none #F00; /*test*/
}

label.display{
    margin-left: 10px;
    padding: 0px;
    text-align: left;
    display: inline-block;
    line-height: 5px;
    width: 250px;
    font-weight: bold;
    color: blue;
}

label.note{
    margin: 0px;
    margin-left: 10px;
    margin-top: 0px;
    margin-bottom: 15px;
    padding: 0px;
    text-align: left;
    display: inline-block;
    line-height: 5px;
    width: 250px;
    font-weight: normal;
    color: #D8000C;
}

label.beforeBeforeInputMoreSpaceAtFront{
    margin-left: 10px;
}

label.noteBelowInput{
    margin-top: 2px;
    margin-left: 110px;
    margin-bottom: 5px;
    padding: 0px;
    text-align: right;
    display: block;
    line-height: 12px;
    height: 14px;
    width: 200px;
    font-weight: normal;
    color: black;
}

label.noteDisplay{
    margin-top: 3px;
    margin-left: 110px;
    margin-bottom: 5px;
    padding: 0px;
    text-align: left;
    display: block;
    line-height: 12px;
    height: 14px;
    width: 200px;
    font-weight: normal;
    color: blue;
}

label.action-below-input{
    margin-top: 0px;
    margin-left: 100px;
    margin-bottom: 5px;
    padding: 0px;
    text-align: left;
    display: block;
    line-height: 12px;
    height: 14px;
    width: 200px;
    font-weight: normal;
    color: blue;
}

label.displayTwoLineCenter{
    margin-left: 10px;
    padding: 0px;
    text-align: left;
    display: inline-block;
    line-height: 14px;
    height: 14px;
    width: 250px;
    font-weight: bold;
    color: blue;
}

label.displayTwoLineAutoHieght{
    margin-left: 10px;
    padding: 0px;
    text-align: left;
    display: inline-block;
    line-height: 14px;
    width: 250px;
    font-weight: bold;
    color: blue;
    vertical-align: top;
}

label.after-input-alert-tag{
    margin-left: 10px;
    padding: 0px;
    text-align: left;
    display: inline-block;
    line-height: 14px;
    height: 14px;
    width: 205px;
    font-weight: bold;
    font-size: 1.2em;
    color: red;
    text-align: left;
}

label.after-input-important-tag{
    margin-left: 10px;
    padding: 0px;
    text-align: left;
    display: inline-block;
    line-height: 14px;
    height: 14px;
    width: 205px;
    font-weight: bold;
    font-size: 1.2em;
    color: blue;
    text-align: left;
}

label.after-input-general-big-tag{
    margin-left: 10px;
    padding: 0px;
    text-align: left;
    display: inline-block;
    line-height: 14px;
    height: 14px;
    width: 205px;
    font-weight: bold;
    font-size: 1.4em;
    color: black;
    text-align: right;
}

label.after-input-general-medium-tag{
    margin-left: 10px;
    padding: 0px;
    text-align: left;
    display: inline-block;
    line-height: 14px;
    height: 14px;
    width: 205px;
    font-weight: bold;
    font-size: 1.2em;
    color: black;
    text-align: right;
}

label.after-input-debt-price-tag{
    margin-left: 10px;
    padding: 0px;
    display: inline-block;
    line-height: 14px;
    height: 14px;
    width: 205px;
    font-weight: bold;
    font-size: 1.2em;
    color: red;
    text-align: right;
}

label.after-input-general{
    margin-left: 10px;
    padding: 0px;
    display: inline-block;
    line-height: 14px;
    height: 14px;
    width: 120px;
    font-weight: bold;
    font-size: 1.2em;
    color: blue;
    text-align: right;
}

label.after-input-general-left{
    margin-left: 10px;
    padding: 0px;
    display: inline-block;
    line-height: 14px;
    height: 14px;
    width: 180px;
    font-weight: bold;
    font-size: 1.2em;
    color: blue;
    text-align: left;
}

label.after-input-general-black{
    margin-left: 10px;
    padding: 0px;
    display: inline-block;
    line-height: 14px;
    height: 14px;
    width: 120px;
    font-weight: bold;
    font-size: 1.2em;
    color: black;
    text-align: right
}

label.after-label-general{
    margin-left: 2px;
    padding: 0px;
    display: inline-block;
    line-height: 14px;
    height: 14px;
    width: 45px;
    font-weight: normal;
    font-size: 1.2em;
    color: black;
    text-align: right
}

label.after-input-normal-price-tag{
    margin-left: 10px;
    padding: 0px;
    text-align: left;
    display: inline-block;
    line-height: 14px;
    height: 14px;
    width: 205px;
    font-weight: bold;
    font-size: 1.2em;
    color: blue;
    text-align: right;
}

form label.blankIndent {
    margin: 0px;
    text-align: right;
    padding: 0px;
    line-height: 5px;
    width: 40px;
    display: inline-block;
    border: thin none #F00; /*test*/
}

form label.checkbox {
    text-align: left;
    width: 100px;
    padding-left: 0px;
    line-height: 20px;
}

.verticalCheckbox input[type=checkbox]>label{
    display: block;
}

label.checkbox-label{
    line-height: 20px;
    vertical-align: middle;
}

.single-checkbox-margin{
    margin-left: 10px;
}

input[type=checkbox].checkboxItem,input[type=radio].checkboxItem,label.title,label.normal-label{
    line-height: 20px;
    vertical-align: middle;
}

input[type=checkbox].checkboxItem + label.title,input[type=checkbox].checkboxItem + label.normal-label,
input[type=radio].checkboxItem + label.title,input[type=radio].checkboxItem + label.normal-label,
input[type=radio].checkboxItem + label.title-ok,input[type=radio].checkboxItem + label.title-not-ok{
    color: darkgrey;
    font-weight: bold;
}

input[type=checkbox].checkboxItem + label.subtitle,
input[type=radio].checkboxItem + label.subtitle{
    color: darkgrey;
    font-weight: bold;
    font-size: 0.95em;
}

input[type=checkbox].checkboxItem:checked + label.title,
input[type=radio].checkboxItem:checked + label.title{
    color: blue;
    font-weight: bold;
}

input[type=checkbox].checkboxItem:checked + label.title-ok,
input[type=radio].checkboxItem:checked + label.title-ok{
    color: #00E600;
    font-weight: bold;
}

input[type=checkbox].checkboxItem:checked + label.title-not-ok,
input[type=radio].checkboxItem:checked + label.title-not-ok{
    color: red;
    font-weight: bold;
}

input[type=checkbox].checkboxItem:checked + label.normal-after-checkbox,
input[type=radio].checkboxItem:checked + label.normal-after-checkbox{
    color: black;
    font-weight: bold;
}

input[type=checkbox].checkboxItem:checked + label.sub-topic-normal-after-checkbox,
input[type=radio].checkboxItem:checked + label.sub-topic-normal-after-checkbox{
    color: black;
    font-weight: normal;
}

input[type=checkbox].checkboxItem:checked + label.checkbox-topic,
input[type=radio].checkboxItem:checked + label.checkbox-topic{
    font-weight: bold;
    font-size: 12px;
    color: #FF6600;
}

input[type=checkbox].checkboxItem:checked + label.checkbox-label,
input[type=radio].checkboxItem:checked + label.checkbox-label{
    font-weight: bold;
    font-size: 12px;
    color: #133783;
}

input[type=checkbox].checkboxItem + label.checkbox-label,
input[type=radio].checkboxItem + label.checkbox-label,
input[type=checkbox].checkboxItem + label.checkbox-topic,
input[type=radio].checkboxItem + label.checkbox-topic{
    font-weight: bold;
    font-size: 12px;
    color: #BBB;
}

input[type=checkbox].checkboxItem:checked + label.normal-label,
input[type=radio].checkboxItem:checked + label.normal-label{
    color: blue;
    font-weight: bold;
}

label.normal-label{
    width: auto;
}

input[type=checkbox].checkboxItem:checked + label.subtitle,
input[type=radio].checkboxItem:checked + label.subtitle{
    color: black;
    font-weight: bold;
    font-size: 0.95em;
}

.checkboxItem {
    margin: 0px;
    padding: 0px;
}

.radioLabel{
    vertical-align: top;
}

.radioSpanMiddle{
    vertical-align: middle;
}

form label.column_2 {
    margin: 0px;
    text-align: right;
    padding: 0px;
    line-height: 20px;
    width: 60px;
    display: inline-block;
}

form label.column_2_wide {
    margin: 0px;
    text-align: right;
    padding: 0px;
    line-height: 20px;
    width: 70px;
    display: inline-block;
}

form fieldset.wide {
    border-top-style: solid;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    border-top-color: #CCC;
    border-right-color: #CCC;
    border-bottom-color: #CCC;
    border-left-color: #CCC;
    border-top-width: thin;
    border-right-width: thin;
    border-bottom-width: thin;
    border-left-width: thin;
    margin-right: 0px;
    margin-left: 0px;
    margin-top: 10px;
    display: block;
    margin-bottom: 15px;
}

form label.id_value{
    margin-left: 10px;
    margin-top: -6px;
    position: relative;
    vertical-align: middle;
    border: thin none #CCC;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-size: 14px;
    font-weight: bold;
    padding: 1px;
    width: 500px;
    margin-right: 20px;
    display: inline-block;
    text-align: left;
    color: blue;
}

form label.value,label.value{
    margin-left: 10px;
    margin-top: -3px;
    position: relative;
    vertical-align: middle;
    border: thin none #CCC;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-size: 11px;
    padding: 1px;
    width: auto;
    margin-right: 20px;
    display: inline-block;
    text-align: left;
    color: #1c94c4;
}

form label.value-big,label.value-big{
    margin-left: 10px;
    margin-top: -3px;
    position: relative;
    vertical-align: middle;
    border: thin none #CCC;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-size: 13px;
    font-weight: bold;
    padding: 1px;
    width: 500px;
    margin-right: 20px;
    display: inline-block;
    text-align: left;
    color: black;
}

form label.value-big-auto-height,label.value-big-auto-height{
    margin-left: 10px;
    margin-top: -3px;
    position: relative;
    vertical-align: middle;
    border: thin none #CCC;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-size: 13px;
    line-height: 13px;
    font-weight: bold;
    padding: 1px;
    width: 500px;
    margin-right: 20px;
    display: inline-block;
    text-align: left;
    color: black;
}

label.value-bigger{
    margin-left: 10px;
    margin-top: -3px;
    position: relative;
    vertical-align: middle;
    border: thin none #CCC;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-size: 13px;
    padding: 1px;
    width: 500px;
    margin-right: 20px;
    display: inline-block;
    text-align: left;
    color: #666;
}

form label.valueMultiline{
    line-height: 20px;
    margin-left: 10px;
    margin-top: 0px;
    position: relative;
    vertical-align: middle;
    border: thin none #CCC;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-size: 11px;
    padding: 1px;
    width: 75%;
    margin-right: 20px;
    display: inline-block;
    text-align: left;
    color: #1c94c4;
}

form label.afterCheckbox,label.afterCheckbox{
    margin-left: 0px;
    margin-top: 0px;
    border: thin none #CCC;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    padding: 1px;
    display: inline-block;
    width: auto;
    font-weight: bold;
    color: blue;
}

label.normal-after-checkbox{
    margin-left: 3px;
    margin-top: 0px;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    padding: 1px;
    display: inline-block;
    width: 140px;
    font-weight: bold;
    color: black;
}

label.sub-topic-normal-after-checkbox{
    margin-left: 3px;
    margin-top: 0px;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    padding: 1px;
    display: inline-block;
    width: 130px;
    font-weight: normal;
    color: black;
}

form label.fitInDialog{
    margin-left: 10px;
    margin-top: 0px;
    position: relative;
    vertical-align: middle;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-size: 11px;
    padding: 1px;
    width: 150px;
    margin-right: 20px;
    display: inline-block;
    text-align: left;
    color: #666;
}

label.dialog{
    margin: 0px;
    text-align: right;
    padding: 0px;
    line-height: 20px;
    width: 45px;
    display: inline-block;
}

label.dialog_long{
    margin: 0px;
    text-align: right;
    padding: 0px;
    line-height: 20px;
    width: 60px;
    display: inline-block;
}

form ol{
    list-style-type: none;
    /*display: inline-block;*/
    padding-left: 10px;
    padding-right: 10px;
    border: thin none #00F; /*test*/
}

form ol.dialog {
    display: inline-block;
    list-style-type: none;
    width: 100%;
    padding-right: 10px;
    padding-left: 50px;
}

form ol.smallDialog {
    display: inline-block;
    list-style-type: none;
    padding-right: 10px;
    padding-left: 50px;
}

form li{
    position: relative;
    line-height: 20px;
    list-style-type: none;
    padding-top: 3px;
    padding-right: 0;
    padding-bottom: 1px;
    padding-left: 0;
    float: left;
    display: inline-block;
    clear: both;
    width: 100%;
}

li.tab{
    width: auto;
    clear: none;
    float: left;
    display: inline-block;
}

#tabbox > li.tab{
    float: left;
}

form li.morePaddingBottom{
    position: relative;
    line-height: 20px;
    list-style-type: none;
    padding-top: 3px;
    padding-right: 0;
    padding-bottom: 10px;
    padding-left: 0;
    float: left;
    display: inline-block;
    clear: both;
    width: 640px;
    border: thin none #0F0; /*test*/
}

li.line{
    display: block;
    width: 100%;
    border-top-width: thin;
    border-right-width: thin;
    border-bottom-width: thin;
    border-left-width: thin;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: solid;
    border-left-style: none;
    border-top-color: #CCC;
    border-right-color: #CCC;
    border-bottom-color: #CCC;
    border-left-color: #CCC;
}

form li.list_width_medium {
    width: 500px;
    border: thin none #CCC;
}

form li.dialog{
    position: relative;
    line-height: 20px;
    list-style-type: none;
    padding-top: 15px;
    padding-right: 0;
    padding-bottom: 10px;
    padding-left: 0;
    float: left;
    display: inline-block;
    clear: both;
    width: 400px;
}

form li.smallDialog{
    position: relative;
    line-height: 20px;
    list-style-type: none;
    padding-top: 15px;
    padding-right: 0;
    padding-bottom: 10px;
    padding-left: 0;
    float: left;
    display: inline-block;
    clear: both;
    width: 300px;
}

form li.smallDialog_longer{
    position: relative;
    line-height: 20px;
    list-style-type: none;
    padding-top: 0px;
    padding-right: 0;
    padding-bottom: 10px;
    padding-left: 0;
    margin-top: 15px;
    float: left;
    display: inline-block;
    clear: both;
    width: 350px;
}

form.miniForm{
    display: block;
    margin: 0px;
    padding: 0px;
}

input[type="text"].miniTextInput{
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    display: inline-block;
    height: 15px;
    width: 130px;
    vertical-align: top;
    font-size: 11px;
    margin-left: 10px;
    margin-right: 3px;
    border: 1px solid #CCC;
    padding-left: 2px;
}

input[type="text"].miniTextInput:focus{
    background-color: #FFE2C6;
    outline: none;
}

input[type="text"].bigInputWithIcon{
    width: 370px;
    height: 23px;
    top: -1px;
    font-size: 1.2em;
    margin: 0px;
    padding-left: 26px;
    background-repeat: no-repeat;
    background-position: 5px;
    border: thin solid #CCC;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

input[type="text"].normalMediumInputWithIcon{
    width: 240px;
    height: 23px;
    top: -1px;
    font-size: 1.2em;
    margin: 0px;
    padding-left: 26px;
    background-repeat: no-repeat;
    background-position: 5px;
    border: thin solid #CCC;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

input[type="text"].bigLongInputWithIcon{
    width: 480px;
    height: 30px;
    top: -1px;
    font-size: 14px;
    margin: 0px;
    padding-left: 26px;
    background-repeat: no-repeat;
    background-position: 5px;
    background-color: #FCFE95;
    border: thin solid #CCC;
    border-radius: 5px;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

input[type="text"].bigMediumInputWithIcon{
    width: 240px;
    height: 30px;
    top: -1px;
    font-size: 14px;
    margin: 0px;
    padding-left: 26px;
    background-repeat: no-repeat;
    background-position: 5px;
    background-color: #FCFE95;
    border: thin solid #CCC;
    border-radius: 5px;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

input[type="text"].bigInputWithIcon-2{
    width: 300px;
    height: 23px;
    top: -1px;
    font-size: 1.2em;
    margin: 0px;
    padding-left: 26px;
    background-repeat: no-repeat;
    background-position: 5px;
    border: thin solid #CCC;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

input[type="password"].veryBigInputWithIcon{
    width: 300px;
    height: 25px;
    line-height: 25px;
    top: -1px;
    font-size: 18px;
    margin: 0px;
    padding-left: 5px;
    padding-right: 32px;
    background-repeat: no-repeat;
    background-position: 99% 50%;
    border: thin solid #CCC;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

input[type="password"].veryBigInputWithIcon:focus{
    background-color: #FFF799;
}

input[type="text"].bigInputFullWithIcon{
    width: 710px;
    height: 23px;
    font-size: 1.2em;
    margin: 0px;
    margin-bottom: 5px;
    padding-left: 30px;
    background-repeat: no-repeat;
    background-position: 5px;
}

input[type="text"].normalInputFullWithIcon{
    width: 678px;
    height: 26px;
    line-height: 26px;
    font-size: 12px;
    margin: 0px;
    margin-left: -1px;
    margin-top: -1px;
    margin-bottom: 0px;
    padding-left: 30px;
    background-repeat: no-repeat;
    background-position: 5px;
    border-radius: 0px;
    border-top: 1px solid #e9eaed;
    border-bottom: 1px solid #e9eaed;
    border-left: 1px solid #dadce0;
    border-right: 1px solid #dadce0;
    color: black;
}

input[type="text"].normalInputFullContentWithIcon{
    width: 704px; /*680px*/
    height: 26px;
    line-height: 26px;
    font-size: 13px;
    font-weight: bold;
    margin: 0px;
    margin-left: -1px;
    margin-top: -1px;
    margin-bottom: 0px;
    padding-left: 30px;
    background-repeat: no-repeat;
    background-position: 5px;
    border-radius: 0px;
    border-top: 1px solid #97be0d;
    border-bottom: 1px solid #97be0d;
    border-left: 1px solid #97be0d;
    border-right: 1px solid #97be0d;
    background-color: #FCFE95;
    color: #97be0d;
}

input[type="text"].normalInputFullContentWithIcon70{
    width: 70%; /*680px*/
    height: 28px;
    line-height: 28px;
    font-size: 13px;
    font-weight: bold;
    margin: 0px;
    margin-left: -1px;
    margin-top: -1px;
    margin-bottom: 0px;
    padding-left: 30px;
    background-repeat: no-repeat;
    background-position: 5px;
    border-radius: 25px;
    border-top: 1px solid #00BFFF;
    border-bottom: 1px solid #00BFFF;
    border-left: 1px solid #00BFFF;
    border-right: 1px solid #00BFFF;
    background-color: white;
    color: #97be0d;
}

input[type="text"].normalInputFullContentWithIcon75{
    width: 75%; /*680px*/
    height: 28px;
    line-height: 28px;
    font-size: 13px;
    font-weight: bold;
    margin: 0px;
    margin-left: -1px;
    margin-top: -1px;
    margin-bottom: 0px;
    padding-left: 30px;
    background-repeat: no-repeat;
    background-position: 5px;
    border-radius: 25px;
    border-top: 1px solid #00BFFF;
    border-bottom: 1px solid #00BFFF;
    border-left: 1px solid #00BFFF;
    border-right: 1px solid #00BFFF;
    background-color: white;
    color: #97be0d;
}

input[type="text"].normalInputFullContentWithIcon-2{
    width: 706px; /*680px*/
    height: 26px;
    line-height: 26px;
    font-size: 13px;
    font-weight: bold;
    margin: 0px;
    margin-left: -1px;
    margin-top: -1px;
    margin-bottom: 0px;
    padding-left: 30px;
    background-repeat: no-repeat;
    background-position: 5px;
    border-radius: 0px;
    border-top: 1px solid #97be0d;
    border-bottom: 1px solid #97be0d;
    border-left: 1px solid #97be0d;
    border-right: 1px solid #97be0d;
    background-color: #FCFE95;
    color: #97be0d;
}

input[type="text"].normalInputFullWithIcon.notFound,
input[type="text"].normalInputFullContentWithIcon.notFound,
input[type="text"].normalInputFullContentWithIcon-2.notFound{
    border: 1px solid red;
    color: red;
}

input[type="text"].normalInputFullWithIcon:focus{
    background-color: white;
}

input[type="text"].normalInputFullContentWithIcon:focus,
input[type="text"].normalInputFullContentWithIcon-2:focus{
    background-color: #FCFE95;
}

input[type="text"].bigInput,input[type="password"].bigInput{
    width: 300px;
    height: 25px;
    top: -1px;
    font-size: 1.5em;
    margin: 0px;
    padding-left: 5px;
    background-repeat: no-repeat;
    background-position: 5px;
    border-radius: 3px;
}

input[type="text"].normalShortInput{
    margin-left: 10px;
    margin-top: 0px;
    position: relative;
    vertical-align: middle;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-size: 11px;
    padding: 2px;
    width: 90px;
    margin-right: 20px;
    display: inline-block;
}

input[type="text"].normalShortInputNoMorgin{
    margin-left: 3px;
    margin-top: 0px;
    position: relative;
    vertical-align: middle;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-size: 11px;
    padding: 2px;
    width: 90px;
    margin-right: 3px;
    display: inline-block;
}

select.selectAfterLabel{
    margin-left: 10px;
    margin-top: 0px;
    position: relative;
    vertical-align: middle;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-size: 11px;
    padding: 2px;
    width: 96px;
    margin-right: 20px;
    display: inline-block;
}

form input[type="text"].shortInput, input[type="text"].shortInput{
    margin: 0px;
    position: relative;
    vertical-align: middle;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-size: 11px;
    padding: 2px;
    width: 90px;
    display: inline-block;
}

input[type="text"].normalShortInput2{
    margin-left: 2px;
    margin-top: 0px;
    position: relative;
    vertical-align: middle;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-size: 11px;
    padding: 2px;
    width: 90px;
    margin-right: 10px;
    display: inline-block;
}

input[type="text"].normalShortInput3{
    margin-left: 5px;
    margin-top: 0px;
    position: relative;
    vertical-align: middle;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-size: 11px;
    padding: 2px;
    width: 90px;
    margin-right: 15px;
    display: inline-block;
}

input[type="text"].veryShortInput,input[type="number"].veryShortInput{
    margin-left: 10px;
    margin-top: 0px;
    position: relative;
    vertical-align: middle;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-size: 11px;
    padding: 2px;
    width: 60px;
    margin-right: 20px;
    display: inline-block;
}

input[type="text"].veryShortInputNoMargin,input[type="number"].veryShortInputNoMargin{
    margin-left: 3px;
    margin-top: 0px;
    position: relative;
    vertical-align: middle;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-size: 11px;
    padding: 2px;
    width: 60px;
    margin-right: 3px;
    display: inline-block;
}

input[type="text"].dayInput,input[type="number"].dayInput{
    margin-left: 10px;
    margin-top: 0px;
    position: relative;
    vertical-align: middle;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-size: 11px;
    padding: 2px;
    width: 40px;
    margin-right: 20px;
    display: inline-block;
}

input[type="text"].percentageInput,input[type="number"].percentageInput{
    margin-left: 10px;
    margin-top: 0px;
    position: relative;
    vertical-align: middle;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-size: 11px;
    padding: 2px;
    width: 40px;
    margin-right: 5px;
    display: inline-block;
}

span.box-after-input-label{
    display: inline-block;
    width: auto;
    margin-left: 10px;
    font-weight: bold;
    color: blue;
}

input[type="text"].priceTag,label.priceTag{
    text-align: right;
}

input[type="text"].priceTag-debt,label.priceTag-debt{
    text-align: right;
    color: red;
    font-weight: bold;
}

input[type="text"].priceTag-discount,label.priceTag-discount{
    text-align: right;
    color: blue;
    font-weight: bold;
}

input[type="text"].priceTag-debt-2,label.priceTag-debt-2{
    text-align: right;
    color: red;
    font-weight: bold;
    font-size: 1.3em;
}

input[type="text"].priceTag-big-debt,label.priceTag-big-debt{
    text-align: right;
    font-size: 1.6em;
    font-weight: bold;
    color: red;
}

input[type="text"].priceTag-big-normal,label.priceTag-big-normal{
    text-align: right;
    font-size: 1.6em;
    font-weight: bold;
    color: blue;
}

input[type="text"].value-big-normal{
    text-align: left;
    font-size: 1.4em;
    font-weight: bold;
    color: green;
}

input[type="text"].value-big-normal-black{
    text-align: left;
    font-size: 1.3em;
    font-weight: bold;
    color: black;
}


input[type="text"].readonly-input-color{
    background-color: #FCFE7C;
}

input[type="text"].important-input{
    background-color: #FCFE7C;
    color: blue;
    font-weight: bold;
}

input[type="text"].afterSelectOption{
    margin-left: 5px;
    margin-top: 0px;
    position: relative;
    vertical-align: middle;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-size: 11px;
    padding: 2px;
    width: 545px;
    margin-right: 5px;
    display: inline-block;
    height: 22px;
}

input[type="text"].normalInput{
    margin-left: 0px;
    margin-top: 0px;
    position: relative;
    vertical-align: middle;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-size: 11px;
    padding: 2px;
    width: 545px;
    margin-right: 5px;
    display: inline-block;
    height: 16px;
}

input[type="text"].contactInputLong{
    margin-left: 0px;
    margin-top: 0px;
    position: relative;
    vertical-align: middle;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-size: 11px;
    padding: 2px;
    width: 300px;
    margin-right: 5px;
    display: inline-block;
    height: 16px;
}

input[type="text"].afterSelectOption.mediumLong{
    margin-left: 5px;
    margin-top: 0px;
    position: relative;
    vertical-align: middle;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-size: 11px;
    padding: 2px;
    width: 300px;
    margin-right: 5px;
    display: inline-block;
    height: 16px;
}

input[type="text"].afterSelectOption.short{
    margin-left: 0px;
    margin-top: 0px;
    position: relative;
    vertical-align: middle;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-size: 11px;
    padding: 2px;
    width: 300px;
    margin-right: 5px;
    display: inline-block;
    height: 16px;
}

input[type="text"].nameInput{
    margin-left: 5px;
    margin-top: 0px;
    position: relative;
    vertical-align: middle;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-size: 12px;
    padding: 2px;
    width: 250px;
    margin-right: 5px;
    display: inline-block;
}

input.afterSelectOption.warningInput:focus, select.warningList, select option.warningList{
    color: #9F6000;
    background-color: #FEEFB3;
}
input.afterSelectOption.watchOutInput:focus, select.watchOutList, select option.watchOutList{
    color: #D63301;
    background-color: #FFCCBA;
}

/* General input for for main content layout */
form input[type="text"],
form input[type="number"],
form input[type="password"],
form input[type="submit"],
form input[type="button"]{
    margin-left: 10px;
    margin-top: 0px;
    position: relative;
    vertical-align: middle;
    border: thin solid #CCC;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-size: 11px;
    padding: 2px;
    width: 200px;
    margin-right: 20px;
    display: inline-block;
}

input[type='text'],textarea{
    border: thin solid #CCC;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

input[type="text"].mini{
    margin-left: 1px;
    margin-top: 0px;
    position: relative;
    vertical-align: middle;
    border: thin solid #CCC;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-size: 11px;
    padding: 2px;
    width: 50px;
    margin-right: 5px;
    display: inline-block;
}

input[type="text"].dateInput{
    margin-left: 1px;
    margin-top: 0px;
    position: relative;
    vertical-align: middle;
    border: thin solid #CCC;
    font-size: 12px;
    padding: 2px 2px 2px 10px;
    width: 160px;
    margin-right: 5px;
    display: inline-block;
    background-image: url(../img/calendar_view_month.png);
    background-repeat: no-repeat;
    background-position: 135px;
    cursor: pointer;
    height: 16px;
}

input[type="text"].dateInput.errorAlert{
    border: 1px solid red;
}

input[type="text"].dateInput_error{
    margin-left: 1px;
    margin-top: 0px;
    position: relative;
    vertical-align: middle;
    border: thin solid red;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-size: 11px;
    padding: 2px;
    width: 135px;
    margin-right: 5px;
    display: inline-block;
    background-image: url(../img/calendar_view_month.png);
    background-repeat: no-repeat;
    background-position: 121px;
}

input[type="text"].very-long{
    width: 225px;
}

input[type="text"].very-long-20c{
    width: 130px;
}

input[type="text"].very-long-45c{
    width: 260px;
}

input[type="text"].short-5c{
    width: 50px;
}

input[type="text"].timeInput{
    margin-left: 1px;
    margin-top: 0px;
    position: relative;
    vertical-align: middle;
    border: thin solid #CCC;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-size: 11px;
    padding: 2px;
    width: 70px;
    margin-right: 5px;
    display: inline-block;
    background-image: url(../img/time.png);
    background-repeat: no-repeat;
    background-position: 51px;
    cursor: pointer;
}

input[type="text"].timeInput.errorAlert{
    border: 1px solid red;
}

input[type="text"].numberShortInput,
input[type="number"].numberShortInput{
    margin-left: 1px;
    margin-top: 0px;
    position: relative;
    vertical-align: middle;
    border: thin solid #CCC;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-size: 11px;
    padding: 2px;
    width: 65px;
    margin-right: 5px;
    display: inline-block;
}

input[type="text"].time-picker-input{
    margin-left: 1px;
    margin-top: 0px;
    position: relative;
    vertical-align: middle;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-size: 11px;
    padding: 2px;
    width: 65px;
    margin-right: 5px;
    display: inline-block;
    background-image: url(../img/time.png);
    background-repeat: no-repeat;
    background-position: 51px;
    cursor: pointer;
}

input[type="text"].time-picker-input.errorAlert{ 
    border: thin solid red;
}

form input.errorAlert,select.errorAlert,input.errorAlert{
    border: 1px solid red;
}


form input[type="submit"],form input[type="button"]{
    padding: 7px;	
}

form input.dialog{
    margin-left: 10px;
    margin-top: 0px;
    position: relative;
    vertical-align: middle;
    border: thin solid #CCC;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-size: 11px;
    padding: 2px;
    width: 200px;
    margin-right: 10px;
    display: inline-block;
}

form input.dialog:focus{
    background-color: #FFE2C6;
    outline: none;
}

form input[type="text"].column_2{
    width: 100px;	
}

form input[type="checkbox"]{
    margin-left: 10px;
    margin-top: 0px;
    position: relative;
    vertical-align: middle;
    border: thin solid #CCC;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-size: 11px;
    padding: 2px;
    width: 20px;
}

form input[type="checkbox"].squeeze,input[type="checkbox"].squeeze{
    margin-left: 2px;
    margin-top: 0px;
    position: relative;
    vertical-align: middle;
    border: thin solid #CCC;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-size: 11px;
    padding: 2px;
    width: 20px;
}

form input[type="checkbox"].squeeze:checked + label.afterCheckbox,
input[type="checkbox"].squeeze:checked + label.afterCheckbox{
    color: blue;
}

form input[type="checkbox"].squeeze + label.afterCheckbox,
input[type="checkbox"].squeeze + label.afterCheckbox{
    color: #CCC;
}

form input[type="radio"]{
    margin-left: 2px;
    margin-top: 0px;
    position: relative;
    vertical-align: middle;
    border: thin solid #CCC;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-size: 11px;
    padding: 2px;
    width: 20px;
}

form input#email{width: 300px;}

form input#submit:active {
    background-color: #FF5000;
}

form input#submit {
    background-color: #97be0d;
    border: thin none #666;
    width: auto;
    padding-top: 7px;
    padding-right: 10px;
    padding-bottom: 7px;
    padding-left: 10px;
    color: #FFF;
    font-weight: bold;
    -webkit-box-shadow: 0 2px 2px -2px rgba(0, 0, 0, .52);
    -moz-box-shadow: 0 2px 2px -2px rgba(0, 0, 0, .52);
    box-shadow: 0 2px 2px -2px rgba(0, 0, 0, .52);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

form input#submit.withIcon {
    background-color: #97be0d;
    border: thin none #666;
    width: auto;
    padding-top: 7px;
    padding-right: 10px;
    padding-bottom: 7px;
    padding-left: 26px;
    color: #FFF;
    font-weight: bold;
    -webkit-box-shadow: 0 2px 2px -2px rgba(0, 0, 0, .52);
    -moz-box-shadow: 0 2px 2px -2px rgba(0, 0, 0, .52);
    box-shadow: 0 2px 2px -2px rgba(0, 0, 0, .52);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background-repeat: no-repeat;
    background-position: 5px;
    cursor: pointer;
}

form input#submit.withIconGreen{
    background-color: #97be0d;
    border: thin none #666;
    width: auto;
    padding-top: 7px;
    padding-right: 10px;
    padding-bottom: 7px;
    padding-left: 26px;
    color: #FFF;
    font-weight: bold;
    -webkit-box-shadow: 0 2px 2px -2px rgba(0, 0, 0, .52);
    -moz-box-shadow: 0 2px 2px -2px rgba(0, 0, 0, .52);
    box-shadow: 0 2px 2px -2px rgba(0, 0, 0, .52);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background-repeat: no-repeat;
    background-position: 5px;
    cursor: pointer;
}

form input#submit.withIcon:active {
    background-color: #FF5000;	
}

form input#submit.withIcon:hover {
    /*background-color: #FF0000;*/
    color: #0168fa;
}

form input#submit.withIconGreen:hover{
    color: blue;
}

form textarea{
    margin-left: 10px;
    margin-top: 0px;
    position: relative;
    vertical-align: middle;
    border: thin solid #CCC;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-size: 11px;
    padding: 2px;
    width: 200px;
    margin-right: 20px;
    resize: none;
}

textarea{
    margin-left: 0px;
    margin-top: 0px;
    position: relative;
    vertical-align: middle;
    border: thin solid #CCC;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-size: 11px;
    padding: 2px;
    width: 200px;
    margin-right: 5px;
    resize: none;
}

textarea.long{
    margin-left: 0px;
    margin-top: 0px;
    position: relative;
    vertical-align: middle;
    border: thin solid #CCC;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-size: 11px;
    padding: 2px;
    width: 300px;
    margin-right: 5px;
    resize: none;
}

textarea.long.errorAlert{
    border: 1px solid red;
}

form fieldset input#submit.center {
    position: relative;
    top: 0px;
    right: 250px;
}
form ul.normal {

    color: #3B5998;
    list-style-type: square;
}


form input#cancel,
form input#button {
    background-color: #EEE;
    border: thin none #999;
    width: auto;
    padding-top: 7px;
    padding-right: 10px;
    padding-bottom: 7px;
    padding-left: 10px;
    color: #000;
    font-weight: bold;

    -webkit-box-shadow: 0 2px 2px -2px rgba(0, 0, 0, .52);
    -moz-box-shadow: 0 2px 2px -2px rgba(0, 0, 0, .52);
    box-shadow: 0 2px 2px -2px rgba(0, 0, 0, .52);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

form a.orangeButton {
    background-color: #97be0d;
    border: thin none #666;
    width: auto;
    padding-top: 5px;
    padding-right: 10px;
    padding-bottom: 5px;
    padding-left: 10px;
    color: #FFF;
    font-weight: bold;
    text-decoration: none;

    -webkit-box-shadow: 0 2px 2px -2px rgba(0, 0, 0, .52);
    -moz-box-shadow: 0 2px 2px -2px rgba(0, 0, 0, .52);
    box-shadow: 0 2px 2px -2px rgba(0, 0, 0, .52);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

form a.orangeButton:active{
    background-color: #FF5000;	
}

form a.greyButton{
    background-color: #EEE;
    border: thin none #999;
    width: auto;
    padding-top: 5px;
    padding-right: 10px;
    padding-bottom: 5px;
    padding-left: 10px;
    color: #000;
    font-weight: bold;
    text-decoration: none;

    -webkit-box-shadow: 0 2px 2px -2px rgba(0, 0, 0, .52);
    -moz-box-shadow: 0 2px 2px -2px rgba(0, 0, 0, .52);
    box-shadow: 0 2px 2px -2px rgba(0, 0, 0, .52);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

a.greyButtonWithIcon{
    background-color: #EEE;
    border: thin none #999;
    width: auto;
    padding-top: 5px;
    padding-right: 10px;
    padding-bottom: 5px;
    padding-left: 30px;
    color: #000;
    font-weight: bold;
    text-decoration: none;
    background-repeat: no-repeat;
    background-position: 5px;

    -webkit-box-shadow: 0 2px 2px -2px rgba(0, 0, 0, .52);
    -moz-box-shadow: 0 2px 2px -2px rgba(0, 0, 0, .52);
    box-shadow: 0 2px 2px -2px rgba(0, 0, 0, .52);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

a.greyButtonWithIcon:hover{
    background-color: #DDD;
}

a.buttonRight{
    float: right;
}

a.actionButtonWithIcon{
    background-color: #EEE;
    border: thin none #999;
    display: block;
    width: 30px;
    padding-top: 5px;
    padding-right: 10px;
    padding-bottom: 5px;
    padding-left: 30px;
    color: #000;
    font-weight: bold;
    text-decoration: none;
    background-repeat: no-repeat;
    background-position: 5px;

    -webkit-box-shadow: 0 2px 2px -2px rgba(0, 0, 0, .52);
    -moz-box-shadow: 0 2px 2px -2px rgba(0, 0, 0, .52);
    box-shadow: 0 2px 2px -2px rgba(0, 0, 0, .52);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

a.actionButtonWithIcon:hover{
    background-color: #DDD;
}

a.actionButtonWithIconAuto{
    background-color: #EEE;
    border: thin none #999;
    display: block;
    width: auto;
    margin-right: 5px;
    padding-top: 5px;
    padding-right: 10px;
    padding-bottom: 5px;
    padding-left: 30px;
    color: #000;
    font-weight: bold;
    text-decoration: none;
    background-repeat: no-repeat;
    background-position: 5px;
    float: left;

    -webkit-box-shadow: 0 2px 2px -2px rgba(0, 0, 0, .52);
    -moz-box-shadow: 0 2px 2px -2px rgba(0, 0, 0, .52);
    box-shadow: 0 2px 2px -2px rgba(0, 0, 0, .52);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

a.actionButtonWithIconAutoGreen{
    background-color: #97be0d;
    border: thin none #97be0d;
    display: block;
    width: auto;
    margin-right: 5px;
    padding-top: 5px;
    padding-right: 10px;
    padding-bottom: 5px;
    padding-left: 30px;
    color: #000;
    font-weight: bold;
    text-decoration: none;
    background-repeat: no-repeat;
    background-position: 5px;
    float: left;

    -webkit-box-shadow: 0 2px 2px -2px rgba(0, 0, 0, .52);
    -moz-box-shadow: 0 2px 2px -2px rgba(0, 0, 0, .52);
    box-shadow: 0 2px 2px -2px rgba(0, 0, 0, .52);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

a.actionButtonWithIconAutoOrange{
    background-color: orange;
    border: thin none orange;
    display: block;
    width: auto;
    margin-right: 5px;
    padding-top: 5px;
    padding-right: 10px;
    padding-bottom: 5px;
    padding-left: 30px;
    color: #000;
    font-weight: bold;
    text-decoration: none;
    background-repeat: no-repeat;
    background-position: 5px;
    float: left;

    -webkit-box-shadow: 0 2px 2px -2px rgba(0, 0, 0, .52);
    -moz-box-shadow: 0 2px 2px -2px rgba(0, 0, 0, .52);
    box-shadow: 0 2px 2px -2px rgba(0, 0, 0, .52);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

a.actionButtonWithIconAutoBlue{
    background-color: #00BFFF;
    border: thin none #00BFFF;
    display: block;
    width: auto;
    margin-right: 5px;
    padding-top: 5px;
    padding-right: 10px;
    padding-bottom: 5px;
    padding-left: 30px;
    color: #000;
    font-weight: bold;
    text-decoration: none;
    background-repeat: no-repeat;
    background-position: 5px;
    float: left;

    -webkit-box-shadow: 0 2px 2px -2px rgba(0, 0, 0, .52);
    -moz-box-shadow: 0 2px 2px -2px rgba(0, 0, 0, .52);
    box-shadow: 0 2px 2px -2px rgba(0, 0, 0, .52);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

a.actionButtonWithIconAutoPink{
    background-color: #FFB5CB;
    border: thin none #FFB5CB;
    display: block;
    width: auto;
    margin-right: 5px;
    padding-top: 5px;
    padding-right: 10px;
    padding-bottom: 5px;
    padding-left: 30px;
    color: #000;
    font-weight: bold;
    text-decoration: none;
    background-repeat: no-repeat;
    background-position: 5px;
    float: left;

    -webkit-box-shadow: 0 2px 2px -2px rgba(0, 0, 0, .52);
    -moz-box-shadow: 0 2px 2px -2px rgba(0, 0, 0, .52);
    box-shadow: 0 2px 2px -2px rgba(0, 0, 0, .52);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

a.actionButtonWithIconAutoGreen:hover{
    color: blue;
}

a.actionButtonWithIconAutoOrange:hover{
    color: blue;
}

a.actionButtonWithIconAutoBlue:hover{
    color: blue;
}

a.actionButtonWithIconAutoPink:hover{
    color: blue;
}

a.addButtonWithIcon{
    background-color: #97be0d;
    color: #FFF;
    border: thin none #999;
    display: inline-block;
    padding-top: 5px;
    padding-right: 10px;
    padding-bottom: 5px;
    padding-left: 30px;
    font-weight: bold;
    text-decoration: none;
    background-repeat: no-repeat;
    background-position: 5px;

    -webkit-box-shadow: 0 2px 2px -2px rgba(0, 0, 0, .52);
    -moz-box-shadow: 0 2px 2px -2px rgba(0, 0, 0, .52);
    box-shadow: 0 2px 2px -2px rgba(0, 0, 0, .52);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

a.addButtonWithIcon:hover{
    background-color: red;
}

a.actionButtonWithIconAuto:hover{
    background-color: #DDD;
}

a.actionButtonWithIcon_Orange{
    background-color: #97be0d;
    border: thin none #999;
    display: block;
    width: 30px;
    padding-top: 5px;
    padding-right: 10px;
    padding-bottom: 5px;
    padding-left: 30px;
    color: #FFF;
    font-weight: bold;
    text-decoration: none;
    background-repeat: no-repeat;
    background-position: 5px;

    -webkit-box-shadow: 0 2px 2px -2px rgba(0, 0, 0, .52);
    -moz-box-shadow: 0 2px 2px -2px rgba(0, 0, 0, .52);
    box-shadow: 0 2px 2px -2px rgba(0, 0, 0, .52);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

/* START Main Action Button (link) CSS and Class Properties*/

.buttonSuccess{
    color: #4F8A10;
    background-color: #DFF2BF;
}

.buttonSuccess:hover{
    background-color: #4F8A10;
    color: white;
}

.buttonSignificant-OK{
    background-color: #CAEF9E;
    color: green;
    font-size: 14px;
    font-weight: bold;
}

.buttonSignificant-OK:hover{
    background-color: #43AF38;
    color: white;
}

.buttonGreen{
    background-color: #97be0d;
    color: #FFF;
}
.buttonGreen:hover{
    background-color: #97be0d;
}

.buttonSignificant{
    background-color: #97be0d;
    color: #FFF;
}

.buttonSignificant:hover{
    background-color: #FF0000;
}

.buttonNormalPink{
    background-color: #FFB5CB;
    color: #000;
}

.buttonNormalPink:hover{
    background-color: #FF8685;
}

.buttonSignificant-big{
    background-color: #97be0d;
    color: #FFF;
    font-size: 16px;
}

.buttonSignificant-big:hover{
    background-color: #FF0000;
}

.buttonSignificant-medium{
    background-color: #97be0d;
    color: #FFF;
    font-size: 15px;
}

.buttonSignificant-medium:hover{
    background-color: #FF0000;
}

.buttonNormal-medium{
    background-color: #EEE;
    color: #000;
    font-size: 15px;
}

.buttonNormal-medium:hover{
    background-color: #DDD;
}

.ui-widget-content a.buttonNormal{
    color: #000;
}

.buttonNormalBlue{
    background-color: #00BFFF;
    color: white;
}
.buttonNormalOrange{
    background-color: orange;
    color: white;
}

.buttonNormalGreen{
    background-color: #97be0d;
    color: white;
}

.ui-widget-content a.buttonSignificant{
    color: #FFF;
}

.buttonSpecial{
    background-color: #FFFF99;
    color: #000;
}


.buttonSpecial:hover{
    background-color: #FFD799;
}

.buttonNormal{
    background-color: #EEE;
    color: #000;
    border: thin none #999;
}

.buttonNormal-big{
    background-color: #EEE;
    color: #000;
    border: thin none #999;
    font-size: 1.2em;
}

.buttonNormal-big:hover{
    background-color: #DDD;
}

.buttonNormal-bigger{
    background-color: #EEE;
    color: #000;
    border: thin none #999;
    font-size: 16px;
}

.buttonNormal-bigger:hover{
    background-color: #DDD;
}

.buttonLeft{
    text-align: left;
}

.buttonRight{
    text-align: right;
}

.buttonNormal:hover{
    background-color: #DDD;
}

a.xxx{
    pointer-events: none;
    cursor: default;
}

/*Transparent Button CSS*/

a.icon_only{
    opacity: 0.5;
}

a.icon_only:hover,a.icon_only.clicked{
    opacity: 1;
}

a.transparentButtonWithIcon{
    display: inline-block;
    width: auto;
    font-size: 1.1em;
    font-weight: bold;
    text-decoration: none;
    background-repeat: no-repeat;
    background-position: 5px;
    padding-top: 6px;
    padding-right: 6px;
    padding-bottom: 6px;
    padding-left: 24px;
    color: black;
    cursor: pointer;
    margin: 0px;
}

a.transparentButtonWithIcon.done{
    background-color: #CAEF9E;
    border: 1px solid #B2E772;
    color: green;
    border-radius: 2px;
}

a.transparentButtonWithIcon.done:hover{
    background-color: #43AF38;
    border: 1px solid #43AF38;
}

a.transparentButtonWithIcon.significant{
    background-color: #97be0d;
    border: 1px solid #97be0d;
    color: #FFF;
    border-radius: 2px;
}

a.transparentButtonWithIcon.significant:hover{
    background-color: #FF0000;
    border: 1px solid #FF0000;
}

a.smallIconOnly{
    display: inline-block;
    width: auto;
    min-height: 16px;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    background-repeat: no-repeat;
    background-position: 5px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 24px;
    color: black;
    cursor: pointer;
    margin: 0px;
    vertical-align: middle;
}

a.bigLinkIconOnly{
    display: inline-block;
    width: auto;
    min-height: 50px;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    background-repeat: no-repeat;
    background-position: 5px;
    padding-top: 2px;
    padding-right: 2px;
    padding-bottom: 2px;
    padding-left: 40px;
    color: black;
    cursor: pointer;
    margin: 0px;
    -webkit-filter: grayscale(1);
    opacity: 0.8;
}

a.bigLinkIconOnly:hover{
    -webkit-filter: grayscale(0);
    opacity: 1.0;
}

a.transparentButtonWithIcon-small-font{
    display: inline-block;
    width: auto;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    background-repeat: no-repeat;
    background-position: 5px;
    padding-right: 5px;
    padding-left: 24px;
    color: black;
    cursor: pointer;
    margin: 0px;
}

a.transparentMenuWithIcon{
    display: inline-block;
    width: auto;
    font-size: 1.1em;
    font-weight: bold;
    text-decoration: none;
    background-repeat: no-repeat;
    background-position: 5px;
    padding-top: 6px;
    padding-right: 6px;
    padding-bottom: 6px;
    padding-left: 24px;
    color: black;
    cursor: pointer;
    margin: 0px;
}

span.checkbox.unchecked_no_action{
    background-image: url(../img/un_check_box.png);
    display: inline-block;
    width: auto;
    font-size: 1.1em;
    font-weight: bold;
    text-decoration: none;
    background-repeat: no-repeat;
    background-position: 5px;
    padding-top: 2px;
    padding-right: 2px;
    padding-bottom: 2px;
    padding-left: 24px;
    color: #AAA;
    margin: 0px;
}

span.checkbox.checked_no_action{
    background-image: url(../img/check_box.png);
    display: inline-block;
    width: auto;
    font-size: 1.1em;
    font-weight: bold;
    text-decoration: none;
    background-repeat: no-repeat;
    background-position: 5px;
    padding-top: 2px;
    padding-right: 2px;
    padding-bottom: 2px;
    padding-left: 24px;
    color: blue;
    margin: 0px;
}

span.checkbox.unchecked{
    background-image: url(../img/un_check_box.png);
    display: inline-block;
    width: auto;
    font-size: 1.1em;
    font-weight: bold;
    text-decoration: none;
    background-repeat: no-repeat;
    background-position: 5px;
    padding-top: 2px;
    padding-right: 2px;
    padding-bottom: 2px;
    padding-left: 24px;
    color: #AAA;
    cursor: pointer;
    margin: 0px;
}

span.checkbox.checked,span.checkbox.unchecked:hover{
    background-image: url(../img/check_box.png);
    display: inline-block;
    width: auto;
    font-size: 1.1em;
    font-weight: bold;
    text-decoration: none;
    background-repeat: no-repeat;
    background-position: 5px;
    padding-top: 2px;
    padding-right: 2px;
    padding-bottom: 2px;
    padding-left: 24px;
    color: blue;
    cursor: pointer;
    margin: 0px;
}

span.checkbox.checked{
    background-image: url(../img/check_box.png);
    display: inline-block;
    width: auto;
    font-size: 1.1em;
    font-weight: bold;
    text-decoration: none;
    background-repeat: no-repeat;
    background-position: 5px;
    padding-top: 2px;
    padding-right: 2px;
    padding-bottom: 2px;
    padding-left: 24px;
    color: blue;
    margin: 0px;
}

a.transparentIconMenu{
    display: inline-block;
    width: auto;
    height: 16px;
    text-decoration: none;
    background-repeat: no-repeat;
    background-position: 5px;
    margin: 0px;
    padding-top: 1px;
    padding-right: 3px;
    padding-bottom: 6px;
    padding-left: 24px;
    cursor: pointer;
}

a.transparentMenuFitWithIcon{
    display: inline-block;
    width: auto;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    background-repeat: no-repeat;
    background-position: 5px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 23px;
    color: darkblue;
    cursor: pointer;
    margin: 0px;
}

a.transparentMenuFitWithIcon:hover{
    text-decoration: underline;
}

a.transparentButtonWithIcon{
    display: inline-block;
    width: auto;
    font-size: 1.1em;
    font-weight: bold;
    text-decoration: none;
    background-repeat: no-repeat;
    background-position: 5px;
    padding-top: 6px;
    padding-right: 6px;
    padding-bottom: 6px;
    padding-left: 24px;
    color: black;
    cursor: pointer;
    margin: 0px;
    border: 1px solid lightgray;
}

a.transparentMenuWithIcon.clicked{
    display: inline-block;
    width: auto;
    font-size: 1.1em;
    font-weight: bold;
    text-decoration: none;
    background-repeat: no-repeat;
    background-position: 5px;
    padding-top: 6px;
    padding-right: 6px;
    padding-bottom: 6px;
    padding-left: 24px;
    cursor: pointer;
    margin: 0px;

    background-color: #97be0d;
    color: white;
    border-radius: 2px;
}

span.info_tag{
    display: inline-block;
    width: auto;
    font-family: Arial;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    background-repeat: no-repeat;
    background-position: 4px;
    padding-top: 4px;
    padding-right: 4px;
    padding-bottom: 4px;
    padding-left: 22px;
    margin: 0px;
    margin-bottom: 2px;

    background-color: #E5FFCF;
    color: black;
    border-radius: 2px;
}

span.none_tag{
    display: none;
}

span.disable_tag{
    display: inline-block;
    width: auto;
    font-family: Arial;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    background-repeat: no-repeat;
    background-position: 4px;
    padding-top: 4px;
    padding-right: 4px;
    padding-bottom: 4px;
    padding-left: 4px;
    margin: 0px;
    margin-bottom: 2px;

    background-color: #EDEDED;
    color: #C9C9C9;
    border-radius: 2px;
}

span.alert_tag{
    display: inline-block;
    width: auto;
    font-family: Arial;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    background-repeat: no-repeat;
    background-position: 4px;
    padding-top: 4px;
    padding-right: 4px;
    padding-bottom: 4px;
    padding-left: 22px;
    cursor: pointer;
    margin: 0px;
    margin-bottom: 2px;

    background-color: #FFD5CF;
    color: black;
    border-radius: 2px;
}

span.opd_type_tag{
    display: inline-block;
    width: auto;
    font-family: Arial;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    background-repeat: no-repeat;
    background-position: 4px;
    padding-top: 4px;
    padding-right: 4px;
    padding-bottom: 4px;
    padding-left: 4px;
    cursor: pointer;
    margin: 0px;
    margin-bottom: 2px;

    background-color: #FFD5CF;
    color: black;
    border-radius: 2px;
}

a.transparentMenuWithIcon_black{
    display: inline-block;
    width: auto;
    font-size: 1.1em;
    font-weight: bold;
    text-decoration: none;
    background-repeat: no-repeat;
    background-position: 5px;
    padding-top: 6px;
    padding-right: 6px;
    padding-bottom: 6px;
    padding-left: 24px;
    color: black;
    cursor: pointer;
    margin: 0px;
}

a.transparentMenuWithIcon_black:hover{
    background-color: #000;
    color: white;
    padding-top: 6px;
    padding-bottom: 6px;
}

span.textNoIcon{
    display: inline-block;
    width: auto;
    font-size: 1.1em;
    font-weight: bold;
    text-decoration: none;
    background-repeat: no-repeat;
    background-position: 5px;
    padding-top: 6px;
    padding-right: 6px;
    padding-bottom: 6px;
    padding-left: 6px;
    color: green;
    margin: 0px;
}

span.textNoIcon.alert,span.alert{
    color: red;
}

span.alert{
    color: red;
    font-weight: bold;
}

span.bold-blue{
    color: blue;
    font-weight: bold;
}

span.bold-green{
    color: green;
    font-weight: bold;
}

span.big-alert{
    color: red;
    font-weight: bold;
    font-size: 1.4em;
}

span.normal-text{
    color: blue;
    font-weight: normal;
    font-size: 1.1em;
}

span.done{
    color: green;
    font-weight: bold;
}

a.transparentLinkWithIcon{
    display: inline-block;
    width: auto;
    font-size: 1.1em;
    font-weight: bold;
    text-decoration: none;
    background-repeat: no-repeat;
    background-position: 5px;
    padding-top: 6px;
    padding-right: 6px;
    padding-bottom: 6px;
    padding-left: 24px;
    color: blue;
    cursor: pointer;
    margin: 0px;
}

a.transparentButtonWithIcon:hover,a.transparentButtonWithIcon-small-font:hover{
    background-color: #97be0d;
    color: white;
    border-radius: 2px;
}

a.transparentMenuWithIcon:hover,a.transparentLinkWithIcon:hover{
    background-color: #97be0d;
    color: white;
    padding-top: 6px;
    padding-bottom: 6px;
}

span.seperateButtonLine{
    display: inline-block;
    margin-bottom: 5px;
    padding-right: 0px;
    padding-left: 0px;
    width: 1px;
    height: 1.5em;
    vertical-align: middle;
    background-color: lightgray;
}

/*End Transparent Button CSS*/

.small_button{
    font-size: 12px;
    cursor: pointer;
}

a.buttonWithIcon{
    display: inline-block;
    width: auto;
    font-weight: bold;
    text-decoration: none;
    background-repeat: no-repeat;
    background-position: 5px;
    padding-top: 6px;
    padding-right: 6px;
    padding-bottom: 6px;
    padding-left: 26px;

    -webkit-box-shadow: 0 2px 2px -2px rgba(0, 0, 0, .52);
    -moz-box-shadow: 0 2px 2px -2px rgba(0, 0, 0, .52);
    box-shadow: 0 2px 2px -2px rgba(0, 0, 0, .52);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

a.buttonWithIcon-important-2{
    display: inline-block;
    width: auto;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    background-repeat: no-repeat;
    background-position: 5px;
    padding-top: 6px;
    padding-right: 6px;
    padding-bottom: 6px;
    padding-left: 26px;

    -webkit-box-shadow: 0 2px 2px -2px rgba(0, 0, 0, .52);
    -moz-box-shadow: 0 2px 2px -2px rgba(0, 0, 0, .52);
    box-shadow: 0 2px 2px -2px rgba(0, 0, 0, .52);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

a.button-style{
    display: inline-block;
    width: auto;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    background-repeat: no-repeat;
    background-position: 5px;
    padding-top: 6px;
    padding-right: 10px;
    padding-bottom: 6px;
    padding-left: 10px;

    -webkit-box-shadow: 0 2px 2px -2px rgba(0, 0, 0, .52);
    -moz-box-shadow: 0 2px 2px -2px rgba(0, 0, 0, .52);
    box-shadow: 0 2px 2px -2px rgba(0, 0, 0, .52);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}


a.buttonWithIcon-important{
    display: inline-block;
    width: auto;
    font-size: 1.3em;
    font-weight: bold;
    text-decoration: none;
    background-repeat: no-repeat;
    background-position: 5px;
    padding-top: 6px;
    padding-right: 6px;
    padding-bottom: 6px;
    padding-left: 26px;

    -webkit-box-shadow: 0 2px 2px -2px rgba(0, 0, 0, .52);
    -moz-box-shadow: 0 2px 2px -2px rgba(0, 0, 0, .52);
    box-shadow: 0 2px 2px -2px rgba(0, 0, 0, .52);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

span.sameLevelInputGroup{
    vertical-align: middle;
}

a.buttonWithIconSameInputLevel{
    display: inline-block;
    width: auto;
    height: 20px;
    line-height: 20px;
    font-weight: bold;
    text-decoration: none;
    background-repeat: no-repeat;
    background-position: 5px;
    padding-top: 6px;
    padding-right: 6px;
    padding-bottom: 6px;
    padding-left: 26px;

    -webkit-box-shadow: 0 2px 2px -2px rgba(0, 0, 0, .52);
    -moz-box-shadow: 0 2px 2px -2px rgba(0, 0, 0, .52);
    box-shadow: 0 2px 2px -2px rgba(0, 0, 0, .52);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

a.smallButtonWithIcon{
    display: inline-block;
    width: auto;
    font-weight: bold;
    text-decoration: none;
    background-repeat: no-repeat;
    background-position: 5px;
    padding-top: 0px;
    padding-right: 15px;
    padding-bottom: 1px;
    padding-left: 26px;

    margin-top: 10px;

    -webkit-box-shadow: 0 2px 2px -2px rgba(0, 0, 0, .52);
    -moz-box-shadow: 0 2px 2px -2px rgba(0, 0, 0, .52);
    box-shadow: 0 2px 2px -2px rgba(0, 0, 0, .52);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.show{
    visibility: visible;
}

.hide{
    visibility: hidden;
}

a.disableButton,input.disableButton{
    opacity: 0.4;
    pointer-events: none;
    cursor: default;
}

.disableBox{
    display: inline-block;
    opacity: 0.5;
}

.disableBox .timeInput{
    pointer-events: none;
    cursor: default;
}

.disable{
    opacity: 0.5;
    color: red;
}

.disableFormInputs{
    color: #CCC;
}

a.linkNoLine{
    text-decoration: none;
    font-weight: bold;
    color: blue;
}

a.linkNoLine-black{
    text-decoration: none;
    font-weight: bold;
    color: black;
}

a.linkNoLine:hover,a.linkNoLine-black:hover{
    text-decoration: underline;
    font-weight: bold;
}

span.textInfo{
    font-weight: bold;
    color: black;
}

a.mainActionButtonWithIcon{
    width: auto;
    font-weight: bold;
    text-decoration: none;
    background-repeat: no-repeat;
    background-position: 5px;
    padding-top: 6px;
    padding-right: 6px;
    padding-bottom: 6px;
    padding-left: 26px;

    -webkit-box-shadow: 0 2px 2px -2px rgba(0, 0, 0, .52);
    -moz-box-shadow: 0 2px 2px -2px rgba(0, 0, 0, .52);
    box-shadow: 0 2px 2px -2px rgba(0, 0, 0, .52);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

a.mainActionButtonNoIcon{
    width: auto;	
    font-weight: bold;
    text-decoration: none;
    background-repeat: no-repeat;
    background-position: 5px;
    padding-top: 6px;
    padding-right: 6px;
    padding-bottom: 6px;
    padding-left: 6px;

    -webkit-box-shadow: 0 2px 2px -2px rgba(0, 0, 0, .52);
    -moz-box-shadow: 0 2px 2px -2px rgba(0, 0, 0, .52);
    box-shadow: 0 2px 2px -2px rgba(0, 0, 0, .52);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

a.mainActionButtonWithIcon.mainActionButton_Orange:active,
a.actionButtonWithIcon_Orange:active{
    background-color: #FF5000;	
}

a.mainActionButtonWithIcon.mainActionButton_Grey:active{
    background-color: #CCC;	
}

.mainActionButton_Orange{
    background-color: #97be0d;
    color: #FFF;
}

.mainActionButton_Orange:hover{
    background-color: #FF0000;
    color: #FFF;
}

.mainActionButton_Grey{
    background-color: #EEE;
    color: #000;
}

a.buttonWithIconAfterInput{
    display: inline-block;
    background-color: yellow;
    text-decoration: none;
    line-height: 22px;
    height: 22px;
    width: 50px;
    border-radius: 2px;
    text-align: center;
    padding-left: 26px;
    background-repeat: no-repeat;
    background-position-x: 5px;
    background-position-y: 0px;
}

a.linkWithIcon{
    padding-left: 25px;
    background-repeat: no-repeat;
    background-position-x: 5px;
    background-position-y: 0px;
    text-decoration: none;
    font-weight: bold;
    color: blue;
}

a.linkWithIcon:hover{
    text-decoration: underline;
}

a.linkOnly{
    text-decoration: none;
    font-weight: normal;
    color: blue;
}

a.linkOnly:hover{
    text-decoration: underline;
}

.picture_cancel_icon_16x16{
    background-image: url(../img/cancel.png);
}

.picture_password_icon_16x16{
    background-image: url(../img/key.png);
}

.picture_info_icon_16x16{
    background-image: url(../img/information.png);
}

.picture_password_icon_32x32{
    background-image: url(../img/32x32/key.png);
}

.picture_void_bill_icon_16x16{
    background-image: url(../img/money_delete.png);
}

.picture_printer_icon_16x16{
    background-image: url(../img/printer.png);
}

.picture_excel_icon_16x16{
    background-image: url(../img/export_excel.png);
}

.picture_time_in_icon_16x16{
    background-image: url(../img/time_add.png);
}

.picture_time_out_icon_16x16{
    background-image: url(../img/time_delete.png);
}

.picture_bank_icon_16x16{
    background-image: url(../img/money.png);
}

.picture_deposit_icon_16x16{
    background-image: url(../img/coins_add.png);
}

.picture_payment_icon_16x16{
    background-image: url(../img/total_plan_cost.png);
}

.picture_cardseach_icon_16x16{
    background-image: url(../img/application_form_magnify.png);
}

.picture_checkout_icon_16x16{
    background-image: url(../img/cart.png);
}

.picture_return_money_icon_16x16{
    background-image: url(../img/coins_in_hand.png);
}

.picture_add_icon_16x16{
    background-image: url(../img/add.png);
}

.picture_filter_icon_16x16{
    background-image: url(../img/filter.png);
}

.picture_add_new_requisition_16x16{
    background-image: url(../img/to_do_list_cheked_all.png);
}

.picture_cash_drawer_icon_16x16{
    background-image: url(../img/cash_register_2.png);
}


.picture_star_icon_16x16{
    background-image: url(../img/star.png);
}

.picture_return_icon_16x16{
    background-image: url(../img/arrow_turn_left.png);
}

.picture_addnew_icon_16x16{
    background-image: url(../img/application_form_add.png);
}

.picture_seeDoctor_icon_16x16{
    background-image: url(../img/health2.png);
}

.picture_grooming_icon_16x16{
    background-image: url(../img/cut_red.png);
}

.picture_edit_health_icon_32x32{
    background-image: url(../img/32x32/edit_opd_health.png);
}

.picture_new_opd_icon_16x16{
    background-image: url(../img/application_form_add.png);
}

.picture_emoticon_ok_16x16{
    background-image: url(../img/emotion_evilgrin.png);
}

.picture_emoticon_dead_16x16{
    background-image: url(../img/emotion_dead.png);
}

.picture_operation_icon_16x16{
    background-image: url(../img/scalpel.png);
}

.picture_lab_icon_16x16{
    background-image: url(../img/flask.png);
}

.picture_dead_icon_16x16{
    background-image: url(../img/scull.png);
}

.picture_admit_icon_16x16{
    background-image: url(../img/bed.png);
}

.picture_hotel_icon_16x16{
    background-image: url(../img/house_one.png);
}

.picture_discharge_icon_16x16{
    background-image: url(../img/door_out.png);
}

.picture_dashboard_icon_32x32{
    background-image: url(../img/32x32/categories.png);
}

.picture_appointment_icon_16x16{
    background-image: url(../img/calendar.png);
}

.picture_appointment_add_icon_16x16{
    background-image: url(../img/calendar_add.png);
}

.picture_appointment_delete_icon_16x16{
    background-image: url(../img/calendar_delete.png);
}

.picture_appointment_edit_icon_16x16{
    background-image: url(../img/calendar_edit.png);
}

.picture_queue_icon_16x16{
    background-image: url(../img/sheduled_task.png);
}

.picture_edit_icon_16x16{
    background-image: url(../img/application_form_edit.png);
}

.picture_expense_pending_icon_16x16{
    background-image: url(../img/price_alert.png);
}

.picture_petid_card_icon_16x16{
    background-image: url(../img/medical_record.png);
}

.picture_delete_icon_16x16{
    background-image: url(../img/delete.png);
}

.picture_key_icon_16x16{
    background-image: url(../img/LittleDogLogo/LoginPage/secrecy-icon.png);
}

.picture_transfer_icon_16x16{
    background-image: url(../img/arrow_refresh.png);
}

.picture_change_group_icon_16x16,.picture_refresh_icon_16x16{
    background-image: url(../img/arrow_refresh.png);
}

.picture_accept_icon_16x16{
    background-image: url(../img/accept.png);
}

.picture_open_period_icon_16x16{
    background-image: url(../img/door_open.png);
}

.picture_close_period_icon_16x16{
    background-image: url(../img/door.png);
}

.picture_select_some_icon_16x16{
    background-image: url(../img/to_do_list.png);
}

.picture_select_all_icon_16x16{
    background-image: url(../img/to_do_list_cheked_all.png);
}

.picture_done_icon_16x16{
    background-image: url(../img/tick.png);
}

.picture_correct_icon_16x16{
    background-image: url(../img/tick.png);
}

.picture_done_wrong_16x16{
    background-image: url(../img/cross.png);
}

.picture_search_info_icon_16x16{
    background-image: url(../img/document_inspector.png);
}

.picture_money_icon_16x16{
    background-image: url(../img/money_dollar.png);
}

.picture_edit_dollar_icon_32x32{
    background-image: url(../img/32x32/edit_opd_expense.png);
}

.picture_finance_icon_16x16{
    background-image: url(../img/cash_stack.png);
}

.picture_pending_expense_icon_16x16{
    background-image: url(../img/LittleDogLogo/icon/payment-icon-48.png);
    background-size: 16px 16px;
}

.picture_pending_expense_icon_32x32{
    background-image: url(../img/32x32/price_alert.png);
}

.picture_requisition_icon_32x32{
    background-image: url(../img/LittleDogLogo/icon/026-health-report.png);
    background-size: 32px 32px;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column;
    color: #97be0d;
}

.picture_finance_icon_32x32{
    background-image: url(../img/32x32/cash_stack.png);
}

.picture_lock_open_icon_16x16{
    background-image: url(../img/lock_open.png);
}

.picture_lock_icon_16x16{
    background-image: url(../img/lock.png);
}

.picture_image_add_icon_16x16{
    background-image: url(../img/picture_add.png);
}

.picture_video_add_icon_16x16{
    background-image: url(../img/film_add.png);
}

.picture_pill_go_icon_16x16{
    background-image: url(../img/pill_go.png);
}

.picture_dog_icon_16x16{
    background-image: url(../img/dog.png);
}

.picture_preview_icon_16x16{
    background-image: url(../img/document_inspector.png);
}

.picture_export_icon_16x16{
    background-image: url(../img/page_go.png);
}

.picture_save_icon_16x16{
    background-image: url(../img/disk.png);
}

.picture_arrow_down_icon_32x32{
    background-image: url(../img/32x32/bullet_arrow_down.png);
}

.picture_search_icon_16x16{
    background-image: url(../img/LittleDogLogo/icon/014-dermatology.png);
    background-size: 16px 16px;
}

.picture_key_icon_16x16{
    background-image: url(../img/key.png)
}

/* END Main Action Button (link) CSS and Class Properties*/

form a.greyButton:active, a.greyButtonWithIcon:active, a.actionButtonWithIcon:active{
    background-color: #CCC;	
}

form input#cancel:active,
form input#button:active {
    background-color: #CCC;	
}

form input#submit, form input#cancel, form input#button {
    margin-right: 0px;
    margin-left: 5px;
}

form select.select-with-action {
    margin-left: 10px;
    margin-top: 0px;
    position: relative;
    vertical-align: middle;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-size: 11px;
    padding: 2px;
    margin-right: 5px;
    display: inline-block;
    border: 1px solid #CCC;
    -webkit-appearance: menulist;
}

form select {
    margin-left: 10px;
    margin-top: 0px;
    position: relative;
    vertical-align: middle;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-size: 11px;
    padding: 2px;
    margin-right: 20px;
    display: inline-block;
    border: 1px solid #CCC;
    -webkit-appearance: menulist;
}

select {
    margin-left: 5px;
    margin-top: 0px;
    position: relative;
    vertical-align: middle;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-size: 11px;
    padding: 2px;
    margin-right: 0px;
    display: inline-block;
    border: 1px solid #CCC;
    width: 80px;
    -webkit-appearance: menulist;
}

select.fit {
    margin-left: 5px;
    margin-top: 0px;
    position: relative;
    vertical-align: middle;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-size: 11px;
    padding: 2px;
    margin-right: 0px;
    display: inline-block;
    border: 1px solid #CCC;
    width: 80px;
    -webkit-appearance: menulist;
}

select.middle-select {
    margin-left: 5px;
    margin-top: 0px;
    position: relative;
    vertical-align: middle;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-size: 11px;
    padding: 2px;
    margin-right: 0px;
    display: inline-block;
    border: 1px solid #CCC;
    width: 80px;
    height: 20px;
    -webkit-appearance: menulist;
}

form select.selectAfterInput {
    margin-left: -15px;
    margin-top: -1px;
    height: 22px;
    line-height: 22px;
    position: relative;
    vertical-align: middle;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-size: 11px;
    padding: 2px;
    margin-right: 5px;
    width: 100px;
}

form select.selectBeforeInput {
    margin-left: 0px;
    margin-top: -1px;
    height: 22px;
    line-height: 22px;
    position: relative;
    vertical-align: middle;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-size: 11px;
    padding: 2px;
    margin-right: 0px;
    width: 100px;
}

form select.selectBeforeInput.mediumLong {
    margin-left: 0px;
    margin-top: -1px;
    height: 22px;
    line-height: 22px;
    position: relative;
    vertical-align: middle;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-size: 11px;
    padding: 2px;
    margin-right: 0px;
    width: 130px;
}

form select.long,select.longSelect{
    width: 205px;
}

form select.select-long-with-action-icon{
    width: 180px;
}

form select.generalSelect,select.generalSelect{
    display: inline-block;
    width: 100px;
}

form input.long-input, input.long-input{
    width: 510px;
}

select.big-verylong-select{
    width: 350px;
    height: 29px;
    top: -1px;
    font-size: 1.2em;
    border: thin solid #CCC;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

select.verybig-verylong-select{
    width: 500px;
    height: 35px;
    top: -1px;
    font-size: 18px;
    border: thin solid #CCC;
    border-radius: 3px;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    color: blue;
    font-weight: bold;
    background: white;
}

select.verybig-verylong-select:focus{
    background: #FFF799;
    color: black;
}

select.verybig-verylong-select.picked{
    background-color: #CAEF9E;
    color: green;
}

select.very-short-select{
    margin: 0px;
    width: 70px;
    top: -1px;
    font-size: 12px;
    border: thin solid #CCC;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

select.normal-short-select{
    margin: 0px;
    width: 100px;
    top: -1px;
    font-size: 12px;
    border: thin solid #CCC;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

select.normal-medium-select{
    margin: 0px;
    width: 170px;
    top: -1px;
    font-size: 12px;
    border: thin solid #CCC;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

select.normal-long-select{
    margin: 0px;
    width: 210px;
    top: -1px;
    font-size: 12px;
    border: thin solid #CCC;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

select.important-long-select{
    margin: 0px;
    width: 210px;
    top: -1px;
    font-size: 12px;
    font-weight: bold;
    color: blue;
    border: thin solid #CCC;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

select.big-long-select{
    width: 250px;
    height: 29px;
    top: -1px;
    font-size: 1.2em;
    border: thin solid #CCC;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

select.big-long-select-2{
    width: 280px;
    height: 29px;
    top: -1px;
    font-size: 1.2em;
    border: thin solid #CCC;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

select.big-long-select-3{
    width: 135px;
    height: 29px;
    top: -1px;
    font-size: 1.2em;
    border: thin solid #CCC;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

select.big-long-select-4{
    width: 300px;
    height: 29px;
    top: -1px;
    font-size: 1.2em;
    border: thin solid #CCC;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

select.big-long-select-5{
    width: 160px;
    height: 29px;
    top: -1px;
    font-size: 1.2em;
    border: thin solid #CCC;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

select.big-small-select{
    width: 80px;
    height: 29px;
    top: -1px;
    font-size: 1.2em;
    border: thin solid #CCC;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

select.big-medium-select{
    width: 125px;
    height: 29px;
    top: -1px;
    font-size: 1.2em;
    border: thin solid #CCC;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

select.mediumSelect{
    width: 150px;
}

select.smallToMedium{
    width: 120px;
}

select.smallSelect{
    width: 95px;
}

select.select-width-c20{
    width: 135px; /*select form must add 3 pixel to be equal input text form*/
}

form select.very-long,select.very-long{
    width: 230px;
}

form select.long-content,select.long-content{
    width: 300px;
}

form select#drpTitle, form select#drpPetGroup, form select#drpEditPetGroup, form select#drpSexGroup, form select#drpEditSexGroup{
    width: 80px;
}

form select#drpPetStatus{
    width: 90px;
}

#test {
    background-color: #F00;
    height: 20px;
}

form select#province{
    width: 208px;
}

form fieldset {
    border-top-style: solid;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    border-top-color: #CCC;
    border-right-color: #CCC;
    border-bottom-color: #CCC;
    border-left-color: #CCC;
    border-top-width: thin;
    border-right-width: thin;
    border-bottom-width: thin;
    border-left-width: thin;
    margin-right: 30px;
    margin-left: 30px;
    margin-top: 10px;
    display: block;
    margin-bottom: 15px;
}

form fieldset.no-border-no-vertical-margin {
    margin-right: 5px;
    margin-left: 5px;
    margin-top: 0px;
    margin-bottom: 10px;
    padding: 0px;
    display: block;
    border: none;
}

div.in-tab{
    margin-right: 0px;
    margin-left: 0px;
    margin-top: 0px;
    margin-bottom: 10px;
    padding: 0px;
    display: block;
    min-height: 280px;
}

form fieldset.subDetail {
    margin-right: 45px;
    margin-left: 45px;
    margin-top: 10px;
    display: block;
    margin-bottom: 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: thin solid #CCC;
}

fieldset legend.subDetail{
    font-size: 11.5px;
    font-weight: bold;
    color: #333;
    vertical-align: top;
    display: block;
}

form fieldset.dialog {
    margin-top: 10px;
    margin-right: 5px;
    margin-bottom: 5px;
    margin-left: 5px;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
}

fieldset legend{
    font-size: 13.5px;
    font-weight: bold;
    color: #F60;
    vertical-align: top;
    display: block;
}

.div-inline-box{
    display: inline-block;
    border: thin none #F00;
    width: 100%;
}

.dialog_width_medium{width: 400px;}

.boxDescription {
    font-size: 11px;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
    color: #333;
    padding-right: 10px;
    padding-left: 10px;
}

.boxDescriptionCenter {
    color: #666;
    font-size: 14px;
    text-align: center;
    padding-top: 0px;
    padding-right: 5px;
    padding-bottom: 0px;
    padding-left: 5px;
}

.paragraph_center{
    text-align: center;
}

.buttonsBox{
    padding-top: 3px;
    width: auto;
    margin-right: 40px;
    margin-left: 40px;
    margin-top: 15px;
}
.topButtonsBox {
    float: right;
    margin-top: 3px;
    margin-right: 30px;
    margin-bottom: 1px;
    padding-top: 20px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
}

.title-box {
    display: inline-block;
    width: 100%;
    margin-top: 10px;
    margin-left: 10px;
    margin-bottom: 0px;
    padding: 0px;
    padding-right: 10px;
}

.title-box-full-content {
    display: inline-block;
    width: 100%;
    margin-top: 0px;
    margin-left: 0px;
    margin-bottom: 0px;
    padding: 0px;
}

.title-box-full-content-no-vertical-margin {
    display: inline-block;
    width: 100%;
    margin-top: 5px;
    margin-left: 10px;
    margin-bottom: 0px;
    padding: 0px;
}

.title-box-inline{
    margin-left: 10px;
    vertical-align: top;
    display: inline-block;
    width: auto;
}

.title-box-left{
    float: left;
}

.title-box-right{
    float: right;
    display: inline-block;
}

.form-box-right{
    float: right;
    display: inline-block;
    height: 28px;
}

.info-right-block{
    display: block;
    margin-bottom: 0px;
    text-align: right;
}

.check-list-span{
    display: block;
}

.content-yellow-box-with-radius{
    display: inline-block;
    margin-top: 5px;
    border-radius: 3px;
    background-color: #FFFFDF;
    width: 100%;
    height: 270px;
}

.topButtonsBox2 {
    float: right;
    margin-top: -30px;
    margin-right: 30px;
    margin-bottom: 1px;
    padding-top: 20px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
}

.generalButtonsBox {
    float: right;
    margin-top: -16px;
    margin-right: 30px;
    margin-bottom: 1px;
    display: block;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
}

.bottomButtonsBox {

    float: left;
    margin: 0px;
    padding: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 5px;
}

.bottomButtonsBox_Right {

    float: right;
    margin: 0px;
    padding: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 5px;
}

form input[type="text"]:focus,form input[type="text"]:focus.miniTextInput, textarea:focus {
    background-color: #FFE2C6;
    outline: none;
}

form span.required,span.required{
    margin-left: -15px;
    color: #FF0000;
}

form span.required-field,span.required-field{
    margin-left: 5px;
    color: #FF0000;
}

form span.requiredAfterLabel{
    margin-left: 2px;
    color: #FF0000;
}

span.labelAfterInput{
    margin-left: -15px;
}

span.spanAfterLabel{
    display: inline-block;
    font-weight: bold;
    text-align: right;
    color: blue;
    margin-left: 10px;
    width: 95px;
}

span.spanAfterSpanForm{
    margin-left: 5px;
}

span.noteLabelAfterInput{
    margin-left: -15px;
    color: blue;
    font-weight: bold;
}

span.noteLabelAfterInput2{
    margin-left: 3px;
    color: blue;
    font-weight: bold;
}

span.labelAfterSpan{
    margin-left: 3px;
}

span.labelAfterDayInput{
    margin-left: -20px;
}

span.labelAfterMiniInput{
    margin-left: -5px;
    font-weight: normal;
}

form a.icon{
    margin-left: -20px;
    padding-left: 20px;	
    background-repeat: no-repeat;
}

form a.calendar_icon{
    background-image: url(../img/calendar_view_month.png);
}

form a.inputAction,a.inputAction{
    margin-left: -15px;
}

a.link-after-date-range-form{
    margin-left: 5px;
}

form a.linkAfterInputForm{
    margin-left: 5px;
    font-size: 0.97em;
    font-weight: normal;
}

a.inlineLink{
    display: inline-block;
    font-size: 0.97em;
    font-weight: normal;
    text-decoration: underline;
    color: blue;
}

a.inlineLink:hover{
    display: inline-block;
    font-size: 0.97em;
    font-weight: normal;
    color: red;
}

form input[type="text"].readonly,form textarea.readonly,form select.readonly{
    background-color: #F2F2F2;
    color: blue;
    font-weight: bold;
}

form input[type="text"].readonly.alert-text,form textarea.readonly.alert-text,form select.readonly.alert-text{
    background-color: #F2F2F2;
    color: red;
    font-weight: bold;
}

form select.readonly{
    background-color: #F2F2F2;
    color: blue;
    font-weight: bold;
}

form input[type="text"].datepicker{
    background-image: url(../img/calendar_view_month.png);
    background-repeat: no-repeat;
    background-position: 180px;
}

input[type="text"].datepicker-no-form{
    margin-left: 10px;
    margin-top: 0px;
    position: relative;
    vertical-align: middle;
    border: thin solid #CCC;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-size: 11px;
    padding: 2px;
    width: 200px;
    margin-right: 20px;
    display: inline-block;

    background-image: url(../img/calendar_view_month.png);
    background-repeat: no-repeat;
    background-position: 180px;
}

input[type="text"].datepicker-no-form-error{
    margin-left: 10px;
    margin-top: 0px;
    position: relative;
    vertical-align: middle;
    border: thin solid red;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-size: 11px;
    padding: 2px;
    width: 200px;
    margin-right: 20px;
    display: inline-block;

    background-image: url(../img/calendar_view_month.png);
    background-repeat: no-repeat;
    background-position: 186px;
}

form input[type="text"].datepickerShort{
    background-image: url(../img/calendar_view_month.png);
    background-repeat: no-repeat;
    background-position: 160px;
    width: 175px;
}

.display_box_full_with_underline{
    display: inline-block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-size: 13px;
    color: darkgrey;
    border-bottom: 1px solid #e9eaed;
    background-color: white;
    margin: 0px;
    padding: 0px;
    padding-left: 10px;
}

.display_box_full_with_underline:hover{
    background-color: #F7F7F8;
    cursor: pointer;
}

span.display_box_label{
    font-weight: bold;
    color: black;
    display: inline-block;
    width: 180px;
    vertical-align: top;
}

span.display_box_value{
    font-weight: bold;
    color: darkgrey;
    display: inline-block;
    width: 300px;
    vertical-align: top;
}

span.display_box_edit{
    font-weight: normal;
    cursor: pointer;
    width: 80px;
    float: right;
}

span.display_box_edit:hover{
    text-decoration: underline;
}



.display_box_form{
    width: 100%;
    margin: 0px;
    padding: 0px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e9eaed;
    background-color: #F7F7F8;
}

.mainContentForFormContainer{
    display: inline-block;
    width: 100%;
    height: auto;
    margin-left: 10px;
}

.mainContentForFormContainerNoMargin{
    display: inline-block;
    width: 776px;
    height: auto;
    margin: 0px;
    padding: 0px;
}

.mainContentForFormContainerNoMargin-2{
    display: inline-block;
    width:auto;
    height: auto;
    margin: 0px;
    padding: 0px;
}

.mainContentForFullContainer{
    display: inline-block;
    width: 100%;
    height: auto;
    margin-left: 0px;
}

.formContainer {
    color: #000;
    margin-top: 10px;
    margin-right: 0px;
    margin-bottom: 20px;
    margin-left: 0px;
    position: relative;
    width: 100%;
    clear: both;
    display: inline-block;
    padding-top: 5px;
    border-radius: 3px;
    background-color: #F3FBFD;
}

.formContainer-fit {
    color: #000;
    margin-top: 5px;
    margin-right: 0px;
    margin-bottom: 5px;
    margin-left: 0px;
    position: relative;
    width: 100%;
    clear: both;
    display: inline-block;
    padding-top: 5px;
    border-radius: 3px;
    background-color: #F2F2F2;
}

.inputgroup{
    display: inline-block;
    margin-left: 5px;
    line-height: 14px;
    height: auto;
}

.inputgroup-fixed{
    display: inline-block;
    margin-left: 5px;
    line-height: 14px;
    height: auto;
    width: 225px;
}

.checkbox_box{
    display: block;
    margin-left: 80px;
    line-height: 14px;
    height: auto;
}

.radioGroup{
    display: inline-block;
    margin-left: 5px;
    line-height: 14px;
    height: auto;
    width: 250px;
}

.labelInput{
    display: inline-block;
    margin-left: 10px;
}

.spanbox-fit{
    display: block;	
    border: thin none #0FF; /*test*/
    clear: both;
    line-height: 20px;
    padding: 0px;
    margin: 0px;
}

.spanbox{
    display: block;	
    border: 1px none #0FF; /*test*/
    clear: both;
    line-height: 20px;
    padding-left: 5px;
    padding-bottom: 2px;
    padding-top: 2px;
}

.spanbox-small{
    display: block;	
    border: thin none #0FF; /*test*/
    clear: both;
    line-height: 15px;
    padding-left: 5px;
    padding-bottom: 2px;
    padding-top: 2px;
}

.spanbox-right{
    float: right;
    display: block;	
    border: thin none #0FF; /*test*/
    clear: both;
    line-height: 20px;
    padding-left: 5px;
    padding-bottom: 2px;
    padding-top: 2px;
}

.spanbox-center{
    display: block;
    clear: both;
    line-height: 40px;
    height: 40px;
    padding-left: 5px;
    padding-bottom: 2px;
    padding-top: 2px;
}

.spanbox-with-top-bottom-margin{
    display: block;
    clear: both;
    line-height: 20px;
    padding-left: 5px;
    padding-bottom: 2px;
    padding-top: 2px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.spanbox-with-top-bottom-margin-center{
    display: block;
    clear: both;
    line-height: 20px;
    padding: 5px;
    margin-top: 15px;
    margin-bottom: 15px;
    text-align: center;
}

.spanbox-with-top-margin{
    display: block;
    clear: both;
    line-height: 20px;
    padding-left: 5px;
    padding-bottom: 0px;
    padding-top: 2px;
    margin-top: 20px;
}

.checkbox_group{
    display: inline-block;
    margin-top: 10px;
    margin-left: 20px;
}

.checkbox_zone{
    display: inline-block;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 20px;
}

.spanbox_center{
    margin: 0 auto;
    text-align: center;
}

.box_center{
    text-align: center;
    margin-top: 5px;
    margin-bottom: 10px;
}

.box_right{
    text-align: right;
    margin-top: 0px;
    margin-bottom: 5px;
}

.box_right2{
    text-align: right;
    margin-top: 10px;
    margin-bottom: 5px;
}

.spanbox_right{
    text-align: right;
}

.formGroup{
    display: inline-block;
    margin-top: 0px;
    width: 100%;
    height: 50px;
}

.formGroupAutoHeight{
    display: inline-block;
    margin-top: 0px;
    width: 100%;
    height: auto;
}

.formGroup_auto_height{
    height: auto;
}

.spanbox-form-button{
    margin-top: 7px;
    line-height: 15px;
    margin-left: 10px;
}

.validationErrorBox{
    display: block;
    width: 100%;
    clear: both;
    padding: 0px;
    margin-bottom: 0px;
    text-align: center;
    border-bottom: 1px solid #e9eaed;
}

.spanboxMoreHeight{
    display: block;	
    border: thin none #0FF; /*test*/
    clear: both;
    line-height: 25px;
    padding-left: 5px;
    padding-bottom: 2px;
    padding-top: 2px;
}


.seperateInsideForm{
    display: block;	
    border-top: 1px solid #CCC;
    clear: both;
    width: 340px;
    height: 0px;
    line-height: 20px;
    padding-left: 5px;
    padding-bottom: 2px;
    padding-top: 2px;
    margin: 5px;
}

.fullBox{
    display: block;
    text-align: center;
    margin-top: 10px;
}

.fullRowCenter{
    display: inline-block;
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
}

.fullBox input[type='checkbox']{
    margin-left: 10px;
    margin-right: 5px;
}

.spanBoxMoreHeighGap{
    display: block;	
    border: thin none #0FF; /*test*/
    clear: both;
    line-height: 20px;
    padding-left: 5px;
    padding-bottom: 2px;
    padding-top: 2px;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.spanboxMoreHeight{
    display: block;	
    border: thin none #0FF; /*test*/
    clear: both;
    line-height: 20px;
    padding-left: 5px;
    padding-bottom: 2px;
    padding-top: 7px;
}

.spanboxCenter{
    display: inline-block;
    text-align: center;
    clear: both;
    line-height: 20px;
    padding-left: 5px;
    padding-bottom: 5px;
    padding-top: 5px;
    width: 330px;
}

.centerHeader {
    text-align: center;
    vertical-align: middle;
    font-size: 12px;
    font-weight: bold;
    color: #333;
    padding-top: 5px;
    padding-bottom: 5px;
}

.formContainerHeight_300 {
    height: 300px;
}

.bottomImageForFormContainer{
    position:absolute;
    right: 0px;
    width: 32px;
    float: right;
    text-align: center;
    vertical-align: middle;
    height: 32px;
    bottom: 0px;
    background-repeat: no-repeat;	/*top: 0px;*/
    margin-bottom: -5px;
    opacity: 0.6;
}

.bottomImageForFormContainer:hover{
    opacity: 1.5;
}

.bottomImage{
    display: inline-block;
    width: 32px;
    float: right;
    text-align: right;
    vertical-align: middle;
    height: 32px;
    opacity: 0.6;
}
.bottomImage:hover{
    opacity: 1.5;
}

.bottomTextBox{

    vertical-align: middle;
    height: 32px;
    line-height: 32px;
    display: inline-block;
    width: 300px;
    text-align: right;
    color: gray;
}

.bottomBoxes{

    display: inline-block;
    width: 100%;
    text-align: right;
    margin-top: 5px;
}

.feedbackBar{
    position: fixed;
    top: 55px;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 9999;
    background-repeat: no-repeat;
    background-position: 10px center;
    margin-right: auto;
    margin-bottom: 10px;
    margin-left: auto;
}

.feedbackBarSuccess{
    display: inline-block;
    color: #4F8A10;
    background-color: #DFF2BF;
    font-size: 12px;
    width: 400px;
    padding-top: 7px;
    padding-right: 10px;
    padding-bottom: 7px;
    padding-left: 30px;
    border: 1px solid;
    border-radius: 3px;
}

.feedbackBarWarning{
    color: #9F6000;
    background-color: #FEEFB3;
    font-size: 12px;
    width: 400px;
    padding-top: 7px;
    padding-right: 10px;
    padding-bottom: 7px;
    padding-left: 30px;
    border: 1px solid;
    border-radius: 3px;
}

.feedbackBarError{
    color: #D8000C;
    background-color: #FFBABA;
    font-size: 12px;
    width: 400px;
    padding-top: 7px;
    padding-right: 10px;
    padding-bottom: 7px;
    padding-left: 30px;
    border: 1px solid;
    border-radius: 3px;
}

/* DIV Box Types*/

.info, .success, .warning, .error, .validation {
    border: 1px solid;
    border-radius: 3px;
    background-repeat: no-repeat;
    background-position: 10px center;
    margin-top: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    margin-left: 10px;
    padding-top: 7px;
    padding-right: 10px;
    padding-bottom: 7px;
    padding-left: 30px;
    font-size: 12px;
}
.info {
    display: block;
    height: auto;
    vertical-align: top;
    padding-left: 50px;
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url(../img/32x32/information.png);
    background-position: 10px 10px;
}
.success {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image:url(../img/accept.png);
}
.warning {
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url(../img/32x32/error.png);
}
.error {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url(../img/cancel.png);
}
.validation {
    color: #D63301;
    background-color: #FFCCBA;
    background-image: url(../img/32x32/exclamation.png);
}

.normal_error{
    background-repeat: no-repeat;
    background-position: 5px center;
    padding-top: 0px;
    padding-right: 5px;
    padding-bottom: 3px;
    padding-left: 25px;
    font-size: 11px;
    margin: 0px;
    min-height: 15px;
    line-height: 15px;
    display: inline-block;
}

.normal_error_auto_width{
    background-repeat: no-repeat;
    background-position: 5px center;
    padding-top: 0px;
    padding-right: 5px;
    padding-bottom: 0px;
    padding-left: 25px;
    font-size: 11px;
    height: 16px;
    line-height: 16px;
    display: inline-block;
    text-align: left;
    vertical-align: middle;
    margin-left: auto;
    margin-right: auto;
}

.normal_error_auto_width_small_font{
    background-repeat: no-repeat;
    background-position: 5px center;
    padding-top: 0px;
    padding-right: 5px;
    padding-bottom: 0px;
    padding-left: 25px;
    font-size: 11px;
    height: 16px;
    line-height: 16px;
    display: inline-block;
    text-align: left;
    vertical-align: middle;
    margin-left: auto;
    margin-right: auto;
}

.s_info, .s_info_no_bg, .s_success, .s_warning, .s_error, .s_validation, .info_icon, .s_warning_info, .warning_icon {
    background-repeat: no-repeat;
    background-position: 5px center;
    padding-top: 0px;
    padding-right: 5px;
    padding-bottom: 3px;
    padding-left: 25px;
    font-size: 11px;
    margin-top: 3px;
    margin-right: 10px;
    margin-bottom: 3px;
    margin-left: 90px;
    min-height: 15px;
    line-height: 15px;
    display: block;
    border-radius: 2px;
}

.note_info {
    background-repeat: no-repeat;
    background-position: 5px center;
    padding: 0px;
    padding-left: 25px;
    font-size: 11px;
    font-weight: bold;
    margin-right: 10px;
    margin-bottom: 3px;
    margin-left: 5px;
    min-height: 16px;
    line-height: 16px;
    display: block;
    text-align: left;
}

.error_box_fixed_width{
    width: 200px;
}

.general_error_for_label_input{
    background-repeat: no-repeat;
    background-position: 5px center;
    padding-top: 0px;
    padding-right: 5px;
    padding-bottom: 3px;
    padding-left: 25px;
    font-size: 11px;
    margin-top: 3px;
    margin-right: 10px;
    margin-bottom: 3px;
    margin-left: 95px;
    min-height: 15px;
    line-height: 15px;
    display: block;
}

.general_error{
    background-repeat: no-repeat;
    background-position: 5px top;
    padding-top: 0px;
    padding-right: 5px;
    padding-bottom: 0px;
    padding-left: 25px;
    font-size: 11px;
    margin-top: 20px;
    margin-right: 10px;
    margin-bottom: 0px;
    margin-left: 10px;
    min-height: 15px;
    line-height: 15px;
    display: block;
}

.validationInput_error{

    padding-top: 0px;
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 0px;
    font-size: 12px;
    margin-top: 2px;
    margin-right: 10px;
    margin-bottom: 0px;
    margin-left: 15px;
    min-height: 15px;
    line-height: 15px;
    display: block;
    vertical-align: middle;
    border-radius: 2px;
}

.full_form_error {
    background-repeat: no-repeat;
    background-position: 5px center;
    padding-top: 0px;
    padding-right: 5px;
    padding-bottom: 3px;
    padding-left: 25px;
    font-size: 11px;
    margin-top: 3px;
    margin-right: 10px;
    margin-bottom: 0px;
    margin-left: 0px;
    min-height: 15px;
    line-height: 15px;
    display: block;
    border-radius: 2px;
}

.form_error{
    background-repeat: no-repeat;
    background-position: 5px center;
    padding-top: 0px;
    padding-right: 5px;
    padding-bottom: 3px;
    padding-left: 25px;
    font-size: 11px;
    margin-top: 3px;
    margin-right: 10px;
    margin-bottom: 3px;
    margin-left: 100px;
    min-height: 15px;
    line-height: 15px;
    display: block;
    border-radius: 2px;
}

.info-box-fit{
    background-repeat: no-repeat;
    background-position: 5px 0px;
    padding-top: 1px;
    padding-right: 5px;
    padding-bottom: 4px;
    padding-left: 25px;
    font-size: 11px;
    font-weight: bold;
    margin-top: 5px;
    margin-right: 10px;
    margin-bottom: 5px;
    margin-left: 0px;
    min-height: 15px;
    line-height: 15px;
    display: block;
    color: blue;
    background-image: url(../img/information.png);
}

.info-box-with-icon{
    background-repeat: no-repeat;
    background-position: 5px 0px;
    padding-top: 1px;
    padding-right: 5px;
    padding-bottom: 4px;
    padding-left: 25px;
    font-size: 11px;
    font-weight: bold;
    margin-top: 5px;
    margin-right: 10px;
    margin-bottom: 5px;
    margin-left: 0px;
    min-height: 15px;
    line-height: 15px;
    display: block;

    color: black;
    background-image: url(../img/information.png);
}

.info-box-with-icon-2{
    background-repeat: no-repeat;
    background-position: 5px 5px;
    padding-top: 1px;
    padding-right: 5px;
    padding-bottom: 4px;
    padding-left: 25px;
    font-size: 12px;
    font-weight: normal;
    margin-top: 5px;
    margin-right: 10px;
    margin-bottom: 5px;
    margin-left: 0px;
    min-height: 15px;
    line-height: 15px;
    display: block;

    color: black;
    background-image: url(../img/information.png);
}

.warning-box-with-icon{
    background-repeat: no-repeat;
    background-position: 5px 0px;
    padding-top: 1px;
    padding-right: 5px;
    padding-bottom: 4px;
    padding-left: 25px;
    font-size: 11px;
    font-weight: bold;
    margin-top: 5px;
    margin-right: 10px;
    margin-bottom: 5px;
    margin-left: 0px;
    min-height: 15px;
    line-height: 15px;
    display: block;

    color: red;
    background-image: url(../img/error.png);
}

.sticker_note_warning, .sticker_note_watchout,.sticker_note_info{
    background-repeat: no-repeat;
    background-position: 5px center;
    padding-top: 1px;
    padding-right: 5px;
    padding-bottom: 4px;
    padding-left: 25px;
    font-size: 11px;
    margin-top: 3px;
    margin-right: 10px;
    margin-bottom: 3px;
    margin-left: 20px;
    min-height: 15px;
    line-height: 15px;
    display: block;
    border-radius: 2px;
}

.s_info{
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url(../img/information.png);
}

.s_info_no_bg{
    color: #00529B;
    background-image: url(../img/information.png);
}

.info_icon,.note_info{
    color: #00529B;
    background-image: url(../img/information.png);
}

.warning_icon{
    color: #9F6000;
    background-image: url(../img/error.png);
}

.sticker_note_info {
    color: black;
    background-color: #F2F2F2;
    background-image: url(../img/information.png);
}

.s_success {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image:url(../img/accept.png);
}
.s_warning {
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url(../img/error.png);
}
.sticker_note_warning {
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url(../img/error.png);
}
.s_error,.full_form_error,.form_error,.general_error,.general_error_for_label_input {
    color: #D8000C;
    background-image: url(../img/cancel.png);
}

.s_warning_info{
    color: #9F6000;
    background-image: url(../img/error.png);
}

.normal_error,.normal_error_auto_width {
    color: red;
    font-size: 1.2em;
    background-image: url(../img/cancel.png);
}

.normal_error_auto_width_small_font {
    color: red;
    font-size: 1em;
    background-image: url(../img/cancel.png);
}

.validationInput_error {
    color: red;
}

.s_validation {
    color: #D63301;
    background-color: #FFCCBA;
    background-image: url(../img/exclamation.png);
}
.sticker_note_watchout {
    color: #D63301;
    background-color: #FFCCBA;
    background-image: url(../img/exclamation.png);
}

.box_center_general{
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

.more_space_1{
    margin-left: 100px;
}

.more_space_2{
    margin-left: 140px;
}

.more_space_3{
    margin-left: 150px;
}

.more_space_4{
    margin-left: 130px;
}

.more_vertical_gap_1{
    margin-top: 5px;
}

.imageUploadLoading{
    text-align: center;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.imageUploadLoadingNotFixPosition{
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.imageBoxWidth{
    width: 130px;
}

.imageUpload{
    padding: 0px;
    margin: 0px;
    position: relative;
    display: inline-block;
}

.imageUpload2{
    display: inline-block;
    width: 120px;
    height: 120px;
    position: relative;
    padding: 100% 0 0 0;
    overflow: hidden;
}

select option.alert{
    color: red;
}

select option.selected-option{
    color: blue;
    background-color: lightgoldenrodyellow;
}

.default_tab_box{
    margin: 0px;
    padding: 0px;
    display: inline-block;
}

.default_tab{
    display: inline-block;
    padding: 5px;
    margin-bottom: 0px;
    width: auto;
    color: black;
    background-color: white;
    font-weight: bold;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-top: 1px solid #ffab73;
    border-left: 1px solid #ffab73;
    border-right: 1px solid #ffab73;
    cursor: pointer;
}

.default_tab.selected{
    display: inline-block;
    padding: 5px;
    margin-bottom: 0px;
    width: auto;
    color: white;
    background-color: #97be0d;
    font-weight: bold;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    cursor: pointer;
}

.default_tab:hover{
    color: white;
    background-color: #97be0d;
}

.in-tab.hide{
    display: none;
}

.in-tab.active{
    display: block;
}

.general_form_box_light_pink{
    background-color: #FFF1E9;
    border-radius: 2px;
    margin-top: 5px;
    margin-bottom: 10px;
    padding-top: 15px;
    padding-bottom: 15px;
}

form label.two-line-label, label.two-line-label{
    line-height: 12px;
    vertical-align: middle;
}

.ui-timepicker-table {
    min-width: 286px;
    min-height: 178px;
}
.ui-timepicker-minute-cell {
    min-width: 24px;
}
.ui-state-default {
    min-width: 24px;
    font-weight: bold;
    color: #1c94c4;
}

.h-26 {
    min-height: 26px !important;
}

.h-30 {
    height: 30px !important;
}
.petColumnColor{
    color: red;
}

.select2-results__option {
    font-size: 11px !important;
}
.select2-selection__rendered {
    font-size: 11px !important;
}

#received_stock_from_manufacturer_list {
    min-width: 400px !important;
}