﻿.uTextBox {
    margin: 0px 10px 10px 0px;
    display: inline-block;
    border-width: 1px;
    border-color: #34547e;
    width: 225px;
    text-align: left;
    background-color: white;
    position: relative;
    z-index: 0;
    box-sizing: border-box;
    border-style: solid;
/*    display: inline-grid;
    grid-template-rows: 20px auto;*/
}

    .uTextBox:focus-within {
        box-shadow: 0px 0px 3px 1px;
    }   

.uTextBox-ReadOnly {
    background-color: #d8d8d8;
}

.uTextBox-Required {
    box-shadow: inset 0px 0px 3px #ff0000;
    border-color: red;
}


.uTextBox > .Label {
    padding: 3px;
    display: inline-block;
    font-size: small;
    height: 15px;
    margin-bottom:0px;
    margin-right:0px;
    width:100%;
}

.uTextBox > .Input {
    display: inline-block;
    padding: 4px;
    border-color: black;
    padding: 5px;
    margin: 0px 1px 0px 1px;
    border-width: 0px;
    width: calc(100% - 2px);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    font-size: inherit;
    height: calc(100% - 25px);
    background-color: transparent;
    font-family: inherit;
    resize: none;
    outline: 0;
    min-height: 25px; /*Fix chrome/brave browser update of 2023/04/12*/
}


    .uTextBox > .Input::placeholder {
        color: silver;
        font-style: italic;
    }

    .uTextBox > .Input:focus {
        border-style: none;
        border-width: 0px;
    }

.uTextBox-NoLabel {
}

    .uTextBox-NoLabel > .Input {
        height: 100%;
    }










.uTextBox > .SuffixLabel {
    position: absolute;
    padding: 5px;
    padding-right: 5px;
    right: 0px;
    bottom: 0px;
    color: rgba(0, 0, 0, 0.52);
    z-index: 0;
}





/*.uTextBoxContainer {

    margin: 0px 10px 10px 0px;
    display: inline-block;
    border-width: 1px;
    border-color: #34547e;
    width: 225px;
    text-align: left;
    background-color: white;
    position: relative;
    z-index: 0;
    box-sizing:border-box;
    border-style:solid;
    border-radius:3px
}

    .uTextBoxContainer:focus-within {
        box-shadow: 0px 0px 3px 1px;
    }

.uTextBoxContainerReadOnly 
{
    background-color: #d8d8d8;
}

.uTextBoxContainerRequired 
{
    box-shadow: inset 0px 0px 3px #ff0000;
    border-color:red;
}


.uTextBoxLabel {
    padding: 3px;
    display: inline-block;
    font-size: small;
    color: #34547e;
    height: 15px;

}

.uTextBox {
    padding: 4px;
    border-color: black;
    padding: 5px;
    margin: 0px 1px 0px 1px;
    border-width: 0px;
    width: calc(100% - 2px);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    font-size: inherit;
    height: calc(100% - 25px);
    background-color: transparent;
    font-family: inherit;
    resize: none;
    outline:0;
}

.uTextBoxNoLabel {
    height:100%;
}

.uTextBox::placeholder {
    color: silver;
    font-style: italic;
}





.uTextBox:focus
{
    border-style:none;
    border-width:0px;
    
}

.uTextBoxRequired 
{

}

.uTextBoxPostLabel {
    position: absolute;
    padding: 5px;
    padding-right:5px;
    right: 0px;
    bottom: 0px;
    color: rgba(0, 0, 0, 0.52);
    z-index:0;
}



*/