/* INPUT CONTROL STYLES */
.default-input{
    color: rgb(0,0,0);
    background-color: rgb(255,255,255);
    font-size: 14px;
    text-align: center;

    height: 20px;
    padding: 1px 6px 1px 6px;

    border-radius:5px;
    border-style: solid;
    border-width: 2px;
    border-color: rgb(87,87,87) rgb(134,134,134) rgb(134,134,134) rgb(87,87,87);
}
.default-input:focus{
    outline:0;
}

.disabled-input{
    color:rgb(227,37,51);
    background-color: rgb(188,188,188);
    font-size: 14px;
    font-weight: bold;
    text-shadow: 1px 1px 1px rgba(255,255,255,0.75);

    height: 20px;
    padding: 1px 6px 1px 6px;

    border-radius:5px;
    border: 2px solid rgb(65,65,65);
}
.disabled-input-hover{
    color:rgb(227,37,51);
    background-color: rgb(188,188,188);
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    text-shadow: 1px 1px 1px rgba(255,255,255,0.75);

    height: 20px;
    padding: 1px 6px 1px 6px;

    border-radius:5px;
    border: 2px solid rgb(255,92,92);
}
.hover-input{
    color: rgb(0,0,0);
    background-color: rgb(255,249,141);
    font-size: 14px;
    text-align: center;

    height: 20px;
    padding: 1px 6px 1px 6px;

    border-radius:5px;
    border-style: solid;
    border-width: 2px;
    border-color: rgb(87,87,87) rgb(43,43,43) rgb(43,43,43) rgb(87,87,87);
}
.hover-input:focus{
    outline:0;
}
.focus-input{
    color: rgb(0,0,0);
    background-color: rgb(255,249,141);
    font-size: 14px;
    text-align: center;

    height: 20px;
    padding: 1px 6px 1px 6px;

    border-radius:5px;
    border-style: solid;
    border-width: 2px;
    border-color: rgb(87,87,87) rgb(43,43,43) rgb(43,43,43) rgb(87,87,87);
}
.focus-input:focus{
    outline:0;
}


/* BUTTON CONTROL STYLES */
.default-button{
    color:rgb(255,255,255);
    background-color: rgb(54,147,248);
    font-size: 14px;
    font-weight: bold;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.01);

    height: 26px;
    padding: 1px 6px 1px 6px;

    border-radius:5px;
    border: 2px solid rgb(0,92,185);
}
.default-button:focus{
    outline:0;
}
.hover-button{
    color:rgb(0,0,0);
    background-color: rgb(255,249,141);
    font-size: 14px;
    font-weight: bold;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.01);

    height: 26px;
    padding: 1px 6px 1px 6px;

    border-radius:5px;
    border-style: solid;
    border-width: 2px;
    border-color: rgb(87,87,87) rgb(43,43,43) rgb(43,43,43) rgb(87,87,87);
}
.hover-button:focus{
    outline:0;
}
.focus-button{
    color:rgb(255,255,255);
    background-color: rgb(54,147,248);
    font-size: 14px;
    font-weight: bold;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.01);

    height: 26px;
    padding: 1px 6px 1px 6px;

    border-radius:5px;
    border: 2px solid rgb(0,92,185);
}
.focus-button:focus{
    outline:0;
}
.disabled-button{
    color:rgb(227,37,51);
    background-color: rgb(188,188,188);
    font-size: 14px;
    font-weight: bold;
    text-shadow: 1px 1px 1px rgba(255,255,255,0.75);

    height: 26px;
    padding: 1px 6px 1px 6px;

    border-radius:5px;
    border: 2px solid rgb(65,65,65);
}
.disabled-button-hover{
    color:rgb(227,37,51);
    background-color: rgb(188,188,188);
    font-size: 14px;
    font-weight: bold;
    text-shadow: 1px 1px 1px rgba(255,255,255,0.75);

    height: 26px;
    padding: 1px 6px 1px 6px;

    border-radius:5px;
    border: 2px solid rgb(255,92,92);
}
.disabled-button:focus{
    outline:0;
}


/* DROPDOWN CONTROL STYLES */
.dropdown-selected{
    width: inherit;
    position:relative;
}
.no-select{

}
.default-dropdown{
    color: rgb(0,0,0);
    background-color: rgb(255,255,255);
    font-size: 14px;
    text-align: center;

    height: 26px;
    padding: 1px 20px 1px 6px;

    border-radius:5px;
    border-style: solid;
    border-width: 2px;
    border-color: rgb(87,87,87) rgb(134,134,134) rgb(134,134,134) rgb(87,87,87);

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;

    background-image: url("../resources/images/dropdown_arrow.png");
    background-position: 100% 0px;
    background-size: 21px 100%;
    background-repeat: no-repeat;

    -webkit-user-select: none; /* Chrome/Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+ */
    -o-user-select: none;
    user-select: none;

}
.default-dropdown:focus{
    outline:0;
}
.disabled-dropdown{
    color:rgb(227,37,51);
    background-color: rgb(188,188,188);
    font-size: 14px;
    text-align: center;
    font-weight: bold;
    text-shadow: 1px 1px 1px rgba(255,255,255,0.75);

    height: 26px;
    padding: 1px 20px 1px 6px;

    border-radius:5px;
    border: 2px solid rgb(65,65,65);

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;

    background-image: url("../resources/images/dropdown_arrow.png");
    background-position: 100% 0px;
    background-size: 21px 100%;
    background-repeat: no-repeat;

    -webkit-user-select: none; /* Chrome/Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+ */
    -o-user-select: none;
    user-select: none;
}
.disabled-dropdown:hover{
    cursor:not-allowed;
}
.disabled-dropdown-hover{

    color:rgb(227,37,51);
    background-color: rgb(188,188,188);
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    text-shadow: 1px 1px 1px rgba(255,255,255,0.75);

    height: 26px;
    padding: 1px 20px 1px 6px;

    border-radius:5px;
    border: 2px solid rgb(255,92,92);

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;

    background-image: url("../resources/images/dropdown_arrow.png");
    background-position: 100% 0px;
    background-size: 21px 100%;
    background-repeat: no-repeat;

    -webkit-user-select: none; /* Chrome/Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+ */
    -o-user-select: none;
    user-select: none;


}

.hover-dropdown{
    color: rgb(0,0,0);
    background-color: rgb(255,249,141);
    font-size: 14px;
    text-align: center;

    height: 26px;
    padding: 1px 20px 1px 6px;

    border-radius:5px;
    border-style: solid;
    border-width: 2px;
    border-color: rgb(87,87,87) rgb(43,43,43) rgb(43,43,43) rgb(87,87,87);

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;

    background-image: url("../resources/images/dropdown_arrow.png");
    background-position: 100% 0px;
    background-size: 21px 100%;
    background-repeat: no-repeat;

    -webkit-user-select: none; /* Chrome/Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+ */
    -o-user-select: none;
    user-select: none;
}
.hover-dropdown:focus{
    outline:0;
}
.focus-dropdown{
    color: rgb(0,0,0);
    background-color: rgb(255,249,141);
    font-size: 14px;
    text-align: center;

    height: 26px;
    padding: 1px 20px 1px 6px;

    border-radius:5px;
    border-style: solid;
    border-width: 2px;
    border-color: rgb(87,87,87) rgb(43,43,43) rgb(43,43,43) rgb(87,87,87);

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;

    background-image: url("../resources/images/dropdown_arrow.png");
    background-position: 100% 0px;
    background-size: 21px 100%;
    background-repeat: no-repeat;

    -webkit-user-select: none; /* Chrome/Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+ */
    -o-user-select: none;
    user-select: none;
}
.focus-dropdown:focus{
    outline:0;
}
.dropdown-entries{
    height: auto;
    position:absolute;
    z-index: 1;
    background-color: rgb(255,249,141);

    border-radius:5px;
    border-style: solid;
    border-width: 2px;
    border-color: rgb(87,87,87) rgb(43,43,43) rgb(43,43,43) rgb(87,87,87);

    -webkit-user-select: none; /* Chrome/Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+ */
    -o-user-select: none;
    user-select: none;
}
.dropdown-entries::-webkit-scrollbar{
    background-color: rgb(54,147,248);
    border-left:2px solid rgb(0,92,185);
    width:21px;
}
.dropdown-entries::-webkit-scrollbar-track{
    background-color: rgb(54,147,248);
    border-left:2px solid rgb(0,92,185);
}
.dropdown-entries::-webkit-scrollbar-thumb{
    background-color: rgb(255,255,255);
    border-left:2px solid rgb(0,92,185);
    border-top:1px solid rgb(87,87,87);
    border-bottom:1px solid rgb(87,87,87);
}
.dropdown-entry-selected{
    background-color: rgb(54,147,248);
    color: rgb(255,255,255);

    -webkit-user-select: none; /* Chrome/Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+ */
    -o-user-select: none;
    user-select: none;
}

/* SELECTABLE CONTROL STYLES */
.default-selectable{
    border-radius:5px;
    border-style: solid;
    border-width: 2px;
    border-color: rgb(87,87,87) rgb(134,134,134) rgb(134,134,134) rgb(87,87,87);
    -webkit-user-select: none; /* Chrome/Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+ */
    -o-user-select: none;
    user-select: none;
}
.hover-selectable{
    color: rgb(0,0,0);
    background-color: rgb(255,249,141);
}
.hover-selectable-disabled{
    color:rgb(227,37,51);
    background-color: rgb(188,188,188);
    border-color: rgb(255,249,141);
}
.focus-selectable{
    color: rgb(255,255,255);
    background-color: rgb(70,173,0);
}
.selectable-disabled{
    color:rgb(227,37,51);
    background-color: rgb(188,188,188);
}
.focus-selectable-disabled{
    color:rgb(227,37,51);
    background-color: rgb(188,188,188);
    border-color: rgb(70,173,0);
}


/* CHECKBOX CONTROL STYLES */
.default-checkbox{
    border-radius:5px;
    border-style: solid;
    border-width: 2px;
    color: rgb(0,0,0);
    border-color: rgb(87,87,87) rgb(134,134,134) rgb(134,134,134) rgb(87,87,87);
    -webkit-user-select: none; /* Chrome/Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+ */
    -o-user-select: none;
    user-select: none;
}
.checkbox-checkmark{
    background-image: url("../resources/images/checkmark.png");
    background-size: 100% 100%;
}
.disabled-checkbox{
    background-color: rgb(188,188,188);
    border: 2px solid rgb(65,65,65);
}
.disabled-checkbox-hover{
    border: 2px solid rgb(255,92,92);
}
.hover-checkbox{
    background-color: rgb(255,249,141);
}

/* RADIO CONTROL STYLES */
.default-radio{
    border-radius:8px;
    border-style: solid;
    border-width: 2px;
    border-color: rgb(87,87,87);
    -webkit-user-select: none; /* Chrome/Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+ */
    -o-user-select: none;
    user-select: none;
}
.hover-radio{
    color: rgb(0,0,0);
    background-color: rgb(255,249,141);
}
.focus-radio{
    color: rgb(255,255,255);
    background-color: rgb(70,173,0);
}
.radio-disabled{
    color:rgb(227,37,51);
    background-color: rgb(188,188,188);
}