/****************************************************************************************
 * FORM PLACEHOLDERS
 ****************************************************************************************/
.card {
    width: 934px;
    padding: 10px 5px 10px 5px;
    background-color: #F8F8F8;
    background-color: #fff;
    margin: auto;
    margin-bottom: 20px;
    display: block; /*border: 2px solid #d1d7df;*/
    height: auto;
}

.card .row {
    margin-bottom: 10px;
}

.card .control-group {
    height: 20px;
}

/****************************************************************************************
 * BUTTONS
 ****************************************************************************************/
input, /*button,*/ select, textarea, label {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    min-height: 20px;
}

label {
    cursor: pointer;
}

    label[disabled] {
        cursor: default;
        color: #ccc !important;
    }

/********************************************************************
 * TEXT INPUTS
 ********************************************************************/
input.fill, select.fill, textarea.fill {
    width:100%;
}
 
input.txt-date {
    width: 90px;    
} 

span.ligature {
    width: 20px;
    text-align: center;    
    display: inline-block;
}
 
 
input[type=text], input[type=password], textarea {
    border: 1px solid silver;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    /*padding: 0 2px 0 2px;*/
}


input[type=number] {
    height: 25px;

}

input[type=text]:focus, input[type=password]:focus, select:focus, textarea:focus {
    background-color: #ffffe6;
    outline: none;
}


input[readonly], input[disabled], select[disabled] {
    background-color: #eaeaea;
    color: Gray;
}


/*
input[readonly]:focus {
    background-color: #eaeaea;
}
*/

select {
    border: 1px solid silver;
    height: 20px;
    margin: 0;
}

label {
    vertical-align: top;
    font-weight: 600;
    color: #000;
}

label.inline {
    text-align: right;
}

/****************************************************************************************
 * FORM Validation
 ****************************************************************************************/

form .x-invalid {
    border-color: Red !important;
    /*background-image: url('/content/images/icon-error.gif');*/
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 10px 10px
}

form .x-valid {
    border-color: Green !important;
    /*background-image: url('/content/images/icon-valid.png');*/
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 10px 10px
}

form .x-pristime.x-invalid {
    border-color: Silver !important;
    background-image: none;
}