[v-cloak] {
    display : none !important;
}

.inputNumberContainer {
    position    : relative;
    display     : inline-block;
    line-height : 1.125rem;
}

.inputNumberButtons {
    position : absolute;
    right    : 0;
    top      : 0;
    width    : 0.9375rem;
    height   : 1.25rem;
}

.inputNumberUp {
    position   : absolute;
    left       : 0;
    top        : 0;
    background : url('/images/input_type_number.png') 0 0;
    background-size: contain;
    display    : inline-block;
    width      : 0.9375rem;
    height     : 0.625rem;
}

.inputNumberUp:hover {
    background-position : -15px 0px;
}

.inputNumberUpPressed, .inputNumberUpPressed:hover {
    background-position : -30px 0px;
}

.inputNumberDown {
    position   : absolute;
    left       : 0;
    top        : 10px;
    background : url('/images/input_type_number.png') 0px -10px;
    display    : inline-block;
    width      : 15px;
    height     : 10px;
}

.inputNumberDown:hover {
    background-position : -15px -10px;
}

.inputNumberDownPressed, .inputNumberDownPressed:hover {
    background-position : -30px -10px;
}


select[editable] {
    visibility : hidden;
}

.editableSelectContainer {
    position : relative;
    display  : inline-block;
}

.editableSelectContainer input {
    position : absolute;
    left     : 1px;
    top      : 1px;
    border   : 0 !important;
}

/*
.numericInputWrapper{
    position: relative;
    display: inline-block;
    line-height:1px;
}
.numericInputWrapper input{
    margin-right: 23px;
}
.numericInputWrapper div{
    width: 0;
    height: 0;
    border-style: solid;
    border-color: #C69533;
    position: absolute;
    cursor: pointer;
    right: 0;
}
.numericInputWrapper div:active{
    border-color: #AD740A;
}
.numericInputWrapper div.disabled{
    border-color: #ccc;
    cursor: default;
}
.numericInputWrapper div.upArrow{
    border-width: 0 10px 8px 10px;
    border-top-color: transparent;
    border-right-color: transparent;
    border-left-color: transparent;
    top: 2px;
}
.numericInputWrapper div.downArrow{
    border-width: 8px 10px 0 10px;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
    bottom: 2px;
}

 */

.numericInputWrapper {
    position    : relative;
    display     : inline-block;
    line-height : 1px;
}

.layout_v4 .numericInputWrapper {
    position    : relative;
    display     : flex;
    line-height : 1px;
    flex        : 1 1 auto;
}


.numericInputWrapper input {
    margin-right : 1.4375rem;
}

.layout_v4 .numericInputWrapper input {
    margin-right : 0;
}


.numericInputWrapper div {
    width    : 0;
    height   : 0;
    position : absolute;
    cursor   : pointer;
    right    : 0;
    z-index  : 10;
}

.numericInputWrapper div.disabled {
    border-color : #ccc;
    cursor       : default;
}

.numericInputWrapper div.downArrow,
.numericInputWrapper div.upArrow {
    display          : block;
    position         : absolute;
    width            : 1.125rem;
    height           : 1.125rem;
    bottom           : 0.4rem;
    margin-right     : 0.625rem;
}


.numericInputWrapper div.upArrow {
    bottom : auto;
    top    : 0.4rem;
}

.numericInputWrapper div.upArrow::before,
.numericInputWrapper div.downArrow::before {
    border-style       : solid;
    border-color       : var(--text-color-50);
    border-width       : 0 0.3rem 0.25rem 0.3rem;
    border-top-color   : transparent;
    border-right-color : transparent;
    border-left-color  : transparent;
    margin-right       : 0.625rem;
    user-select        : none;
    position           : absolute;
    content            : '';
    top                : 50%;
    left               : 50%;
    transform          : translate(-50%, -50%);
}



.numericInputWrapper div.downArrow::before,
.layout_v3 .numericInputWrapper div.downArrow::before{
    border-width        : 0.25rem 0.3rem 0 0.3rem;
    border-top-color    : var(--text-color-50);
    border-right-color  : transparent;
    border-bottom-color : transparent;
    border-left-color   : transparent;
}

.layout_v3 .numericInputWrapper div.upArrow::before{
    border-bottom-color : #c69533;
}


.layout_v3 .numericInputWrapper div.downArrow::before{
    border-top-color : #c69533;
}

.layout_v3 .numericInputWrapper div.upArrow,
.layout_v3 .numericInputWrapper div.downArrow {
    margin-right : 5px;
}

.layout_v3 .numericInputWrapper div.upArrow {
    top          : 0;
}

.layout_v3 .numericInputWrapper div.downArrow {
    bottom       : 0;
}


.layout_v3 .input-group,
.layout_v2 .input-group,
.layout_v1 .input-group {
    line-height     : initial;
    position        : relative;
    align-items     : center;
    display         : inline-flex;
    padding         : 0;
    justify-content : space-between;
}

.layout_v3 .input-group.error input,
.layout_v2 .input-group.error input,
.layout_v1 .input-group.error input {
    color        : #960b0b;
}

.layout_v3 .input-group .input-append,
.layout_v2 .input-group .input-append,
.layout_v1 .input-group .input-append {
    margin-right : 5px;
    margin-left  : 5px;
    padding: 0;
}

.layout_v3 .input-group.readonly,
.layout_v2 .input-group.readonly,
.layout_v1 .input-group.readonly {
    background  : transparent;
    box-shadow  : none;
    font-weight : 300;
}

.layout_v3 .input-group section,
.layout_v2 .input-group section,
.layout_v1 .input-group section {
    display : contents;
}


.layout_v3 .input-group label,
.layout_v2 .input-group label,
.layout_v1 .input-group label {
    display : contents;
}

.layout_v3 .input-group input,
.layout_v3 .input-group select {
    height : 30px;
}

.layout_v2 .numericInputWrapper div.downArrow,
.layout_v1 .numericInputWrapper div.downArrow,
.layout_v2 .numericInputWrapper div.upArrow,
.layout_v1 .numericInputWrapper div.upArrow {
    margin-right : 3px;
}

.layout_v2 .last-login-date-caption,
.layout_v1 .last-login-date-caption {
    display       : inline-block;
    margin-bottom : 20px;
    font-weight   : bold;
}

.layout_v2 .last-login-ip-caption,
.layout_v1 .last-login-ip-caption {
    font-weight : bold;
    margin-left : 20px;
}