.global-read-only-field {
    border: 0px;
    height: 36px;
    line-height: 40px;
    padding: 0 10px;
}

input[type="text"],
input[type="password"],
input[type="time"],
select {
    height: 36px;
    width: 100%;
    padding: 0px 10px;
    box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
    font-size: 14px;
    line-height: 22px;
}

input:focus,
select:focus,
textarea:focus {
    outline: none;
}

select.activefilter {
    background-color: #d1ffd9
}

select option.activefilter {
    background-color: #d1ffd9
}

.periods-grid-extension {
    font-size: 14px
}

/*END: forms*/
/*BEGIN: 2020*/

.global-form-label-div {
    margin-bottom: 10px;
    text-align: left;
}

label {
    font-size: 14px;
    color: var(--input-label-color);
    font-weight: 400;
}

label.required:after {
    content: "*";
}

.g-form input,
.g-input {
    height: 36px !important;
    font-size: 14px;
    padding-left: 15px;
    padding-right: 15px;
    border: 1px solid var(--icon-border);
    filter: none; /*Removes yellow background in Firefox*/
}

    .g-form input:focus,
    .g-input:focus {
        border-color: #2EB336;
    }

    .g-form input:hover,
    .g-input:hover {
        border-color: var(--input-label-color);
    }

    .g-form input:read-only,
    .g-input:read-only {
        background-color: var(--icon-border);
        border-color: var(--icon-border);
    }

/*END: 2020*/

.global-textarea {
    width: 100%;
    padding: 3px 10px;
    box-sizing: border-box;
    border: 1px solid var(--input-border-color);
    color: var(--input-color);
    background-color: var(--input-bg-color);
    font-family: 'Droid Sans', sans-serif;
    font-size: 15px;
    line-height: 22px;
}

    .global-textarea:hover,
    .global-textarea:active,
    .global-textarea:focus {
        border-color: #2EB336;
    }

input[type="text"],
input[type="password"],
input[type="time"],
select {
    border-color: var(--input-border-color);
    color: var(--input-color);
    background-color: var(--input-bg-color);
}

input:-webkit-autofill,
input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0px 1000px var(--menu-dropdown-bg-hov-sec) inset;
    color: var(--main-txt-color) !important;
    -webkit-text-fill-color: var(--main-txt-color) !important;
}

input:hover,
input:focus,
select:hover,
select:focus {
    border-color: #2EB336;
    box-shadow: none;
}

input:disabled {
    /*    background-color: var(--input-bg-disabled);
    color: #808080;
    border: 0px;*/
    opacity: 0.5;
    border-width: var(--theme-input-disable-border-size);
}
input:disabled:hover {
    border-color: var(--input-bg-disabled);
    border-width: var(--theme-input-disable-border-size);
}


.global-read-only-field {
    background-color: var(--input-bg-disabled);
    color: grey;
}

textarea {
    box-sizing: border-box;
}

.global-form-message-div {
    color: #0186CD;
    font-size: 13px;
    font-weight: bold;
    text-align: right;
}

/*BEGIN: bring those styles to scope in every view*/
/*and then remove them*/
form > .controls {
    text-align: right;
}

form > .controls > button:last-child {
    margin-right: 0;
}

form .message {
    color: #0186CD;
    font-size: 13px;
    font-weight: bold;
    text-align: right;
}
/*replace with message-div*/
/*BEGIN: bring those styles to scope in every view*/