﻿
.NumericUpDown_MainDiv
{
    position: relative;
}

    .NumericUpDown_MainDiv .NumericUpDown_MainInput
    {
        width: calc(100% - 19px);
        background-color: white !important;
    }

    .NumericUpDown_MainDiv .NumericUpDown_Btn
    {
        position: absolute;
        width: 21px;
        right: 0;
        height: 50%;
        background-color: white;
        border: 0;
        line-height: 50%;
        border-right: 2px solid;
        border-color: #bdc3c7;
        font-size: 12px;
        cursor: pointer;
        color: #999;

        -webkit-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
        -ms-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
    }

        .NumericUpDown_MainDiv .NumericUpDown_Btn:hover
        {
            background-color: #eee;
            color: black;
        }

        .NumericUpDown_MainDiv .NumericUpDown_Btn.NumericUpDown_PlusBtn
        {
            top: 0;
            border-top: 2px solid #bdc3c7;
            border-top-right-radius: 3px;
        }

        .NumericUpDown_MainDiv .NumericUpDown_Btn.NumericUpDown_MoinsBtn
        {
            bottom: 0;
            border-bottom: 2px solid #bdc3c7;
            border-bottom-right-radius: 3px;
        }

.NumericUpDown_MainDiv:focus .NumericUpDown_MainInput,
.NumericUpDown_MainDiv:focus .NumericUpDown_Btn,
.NumericUpDown_MainDiv:focus .NumericUpDown_Btn.NumericUpDown_MoinsBtn,
.NumericUpDown_MainDiv:focus .NumericUpDown_Btn.NumericUpDown_PlusBtn
{
	border-color: #9BA1A5;
}

.NumericUpDown_MainDiv:hover .NumericUpDown_MainInput,
.NumericUpDown_MainDiv:hover .NumericUpDown_Btn,
.NumericUpDown_MainDiv:hover .NumericUpDown_Btn.NumericUpDown_MoinsBtn,
.NumericUpDown_MainDiv:hover .NumericUpDown_Btn.NumericUpDown_PlusBtn
{
	border-color: #9BA1A5;
}







