﻿/***************************/
/*STANDARD NUMERIC TEXT BOX*/
/***************************/
.phoenix-numeric-text-box.k-numerictextbox,
.phoenix-numeric-text-box {
    width: 100%;
}

.phoenix-numeric-text-box.k-numerictextbox .k-numeric-wrap,
.phoenix-numeric-text-box .k-numeric-wrap {
    resize: none;
    background-color: var(--inputfield-background);
    border-color: var(--inputfield-border);
    border-radius: 2px;
    height: 4rem;
}

.phoenix-numeric-text-box .k-numeric-wrap.k-state-default .k-input,
.phoenix-numeric-text-box.k-numerictextbox input,
.phoenix-numeric-text-box input {
    background-color: transparent;
    box-shadow: none;
    border-radius: 2px;
    height: 3.8rem;
}

.phoenix-numeric-text-box.k-numerictextbox .k-numeric-wrap.k-state-hover,
.phoenix-numeric-text-box.k-numerictextbox .k-numeric-wrap.k-state-focused,
.phoenix-numeric-text-box .k-numeric-wrap.k-state-hover {
    color: var(--default-font);
    background-color: var(--inputfield-background);
    box-shadow: var(--small-shadow);
}

/*******/
/*Arrow*/
/*******/
.phoenix-numeric-text-box .k-numeric-wrap span span.k-icon {
    color: var(--inputfield-arrow-down-font);
}

.phoenix-numeric-text-box .k-numeric-wrap span.k-select {
    background-color: var(--inputfield-arrow-down-background);
    border: none;
    border-radius: 0 2px 2px 0;
}

/*********************************/
/*NUMERIC TEXT BOX WITHOUT ARROWS*/
/*********************************/
.phoenix-numeric-text-box.k-numerictextbox.no-arrows .k-numeric-wrap,
.phoenix-numeric-text-box.no-arrows .k-numeric-wrap {
    padding: 0;
}

.phoenix-numeric-text-box.k-numerictextbox.no-arrows .k-numeric-wrap span.k-select,
.phoenix-numeric-text-box.no-arrows .k-numeric-wrap span.k-select {
    display: none;
}

.phoenix-numeric-text-box.k-numerictextbox.no-arrows .k-numeric-wrap input,
.phoenix-numeric-text-box.no-arrows .k-numeric-wrap input {
    width: 100%;
}

/****************/
/*Icon k-i-check*/
/****************/
.k-icon.k-i-check-outline.green {
    color: var(--glyphicon-status-mutable-mandatory-check);
}

.k-icon.k-i-warning {
    color: var(--glyphicon-status-mutable-mandatory-fail);
}