input[input_size="short"]{
    width: 90px !important;
}
input[input_size="medium"]{
    width: 120px !important;
}
input[input_size="medium-2"]{
    width: 150px !important;
}
input[input_size="medium-3"]{
    width: 180px !important;
}
input[input_size="medium-4"]{
    width: 200px !important;
}
input[input_size="medium-5"]{
    width: 220px !important;
}
input[input_size="long"]{
    width: 240px !important;
}
input[input_size="long-2"]{
    width: 260px !important;
}
input[input_size="long-3"]{
    width: 280px !important;
}
input[input_size="long-4"]{
    width: 300px !important;
}
input[input_size="long-5"]{
    width: 320px !important;
}
input[input_size="full"]{
    width: 100% !important;
}

/*========== NORMAL INPUTS ==========================*/
.InputBorderBlack, input[InputBorderBlack],
.InputBorderGreen, input[InputBorderGreen],
.InputBorderOrange, input[InputBorderOrange],
.InputBorderRed, input[InputBorderRed],
.InputBorderLightOrange, input[InputBorderLightOrange],
.InputBorderLightRed, input[InputBorderLightRed]{
    padding: 8px 10px;
    font-size: 14px;
    border-radius: 3px;
    box-sizing: border-box;
}

.InputBorderBlack, input[InputBorderBlack]{
    border: 2px solid Black !important;
}
.InputBorderGreen, input[InputBorderGreen]{
    border: 2px solid Green !important;
}
.InputBorderOrange, input[InputBorderOrange]{
    border: 2px solid Orange !important;
}
.InputBorderRed, input[InputBorderRed]{
    border: 2px solid Red !important;
}



.InputBorderLightOrange, input[InputBorderLightOrange]{
    border: 2px solid #f3c98b !important;
    background-color: #ffe2b8;
    color: #3d2700;
}
.InputBorderLightRed, input[InputBorderLightRed]{
    border: 2px solid #f0aaaa !important;
    background-color: #ffd8d8;
    color: #5a1f1f;
}
/*========== CHECKBOX STYLES ==========================*/

.inputCheckBoxBlack[type="checkbox"],
input[type="checkbox"][inputCheckBoxBlack],
.inputCheckBoxGreen[type="checkbox"],
input[type="checkbox"][inputCheckBoxGreen],
.inputCheckBoxOrange[type="checkbox"],
input[type="checkbox"][inputCheckBoxOrange],
.inputCheckBoxRed[type="checkbox"],
input[type="checkbox"][inputCheckBoxRed]{
    width: 20px !important;
    height: 20px !important;
}



.inputCheckBoxBlack[type="checkbox"],
input[type="checkbox"][inputCheckBoxBlack]{
    accent-color: Black;
    outline: 2px solid Black;
}
.inputCheckBoxGreen[type="checkbox"],
input[type="checkbox"][inputCheckBoxGreen]{
    accent-color: Green;
    outline: 2px solid Green;
}
.inputCheckBoxOrange[type="checkbox"],
input[type="checkbox"][inputCheckBoxOrange]{
    accent-color: Orange;
    outline: 2px solid Orange;
}
.inputCheckBoxRed[type="checkbox"],
input[type="checkbox"][inputCheckBoxRed]{
    accent-color: Red;
    outline: 2px solid Red;
}

.inputCheckBoxLightOrange[type="checkbox"],
input[type="checkbox"][inputCheckBoxLightOrange]{
    accent-color: #e8bb79;
    outline: 2px solid #f3c98b;
}
.inputCheckBoxLightRed[type="checkbox"],
input[type="checkbox"][inputCheckBoxLightRed]{
    accent-color: #e89292;
    outline: 2px solid #f0aaaa;
}


/*========== STANDARD INPUT STYLES ==========================*/
input[standard-style="1"]{
    padding: 4px;
    border: 5px;
}