input[type="text"],
input[type="number"],
textarea,
input[type="password"],
select,
dl.dropdown {
    background: var(--color-secondary) !important;
    height: calc(var(--form-field-height) - (var(--form-field-padding)*2) - 2px);
    border-radius: var(--form-field-border-radius) !important;
    border: 1px solid var(--color-secondary) !important;
    outline: none;
    font-size: 14px !important;
    line-height: 14px !important;
    padding: var(--form-field-padding) !important;
    max-width: calc(100% - (var(--form-field-padding)*2) - 2px) !important;
    box-sizing: content-box !important;
    color: var(--font-color-primary) !important;
    font-family: var(--font-family) !important;
}

    input[type="text"]:focus-visible,
    textarea:focus-visible,
    input[type="password"]:focus-visible,
    select:focus-visible {
        border: 1px solid var(--color-action) !important;
    }

select, dl.dropdown {
    max-width: 100% !important;
    text-overflow: ellipsis;
    padding: 10px 30px 10px 10px !important;
    height: var(--form-field-height);
    appearance: none;
    box-sizing: border-box !important;
    /* Custom Caret Icon */
    background-image: url("down-arrow.svg") !important;
    background-repeat: no-repeat !important;
    background-size: 18px 16px !important;
    background-position: right 10px center !important;
    line-height: 18px !important;
}

input[type="checkbox"] {
    background-color: #f1f3f4;
    border: 1px solid #acacac;
    border-radius: 4px;
    margin: 0px !important;
    display: inline-block;
    width: 18px !important;
    height: 18px !important;
    appearance: none;
    background-size: 11px 8px;
    transition: background-color .2s ease;
}

    /* These styles for checkbox labels are too unstable to apply everywhere */
    /*input[type="checkbox"] + label  {
    line-height: 18px !important;
    display: inline-block;
    position: absolute;
    padding-left: 16px;
}*/

    input[type="checkbox"]:not([disabled]):hover {
        background-color: #d9dadb;
        cursor: pointer;
    }

    input[type="checkbox"]:checked {
        background-color: var(--color-action);
        background-image: url(checkmark.svg);
        background-position: 50%;
        background-repeat: no-repeat;
        border: none;
    }

        input[type="checkbox"]:checked:not([disabled]):hover {
            background-color: var(--color-action--active);
        }

input[type="radio"] {
    width: 20px;
    height: 20px;
}

/* These styles for radio labels are too unstable to apply everywhere */
/*input[type="radio"] + label  {
    line-height: 20px !important;
    display: inline-block;
    position: absolute;
    padding-left: 16px;
}*/

.m2s-form.ms2-form-dialog-1000 .m2s-form-2-col {
    width: 50% !important;
    float: left !important;
}

    .m2s-form.ms2-form-dialog-1000 .m2s-form-2-col .item-skinny-ish {
        width: 100% !important;
    }

.m2s-form.ms2-form-dialog-1000 .widget-properties .m2s-form-2-col dl.item-skinny-ish > dd, .m2s-form .widget-properties .m2s-form-2-col dl.item-tall > dd {
    width: 100% !important;
}

.m2s-form.ms2-form-dialog-1000 .widget-properties dl.item-skinny-ish > dt {
    width: 234px !important;
}

.m2s-form.ms2-form-dialog-1000 .widget-properties .m2s-form-2-col.m2s-form-col-left dl.item-skinny-ish > dd, .m2s-form .widget-properties .m2s-form-2-col.m2s-form-col-left dl.item-tall > dd {
    padding-right: 8px !important;
}

.m2s-form.ms2-form-dialog-1000 .widget.widget-properties dl dd textarea {
    width: 100% !important;
}

.m2s-form input.button.btn-solid,
form .widget.widget-properties dl.item-footer dd input.button.btn-solid {
    color: var(--color-btn-solid) !important;
    font-weight: normal !important;
}

.m2s-form .form-ddl-dd-container {
    padding-left: 0 !important;
}

.m2s-form .widget.widget-properties dl dd select {
    float: right;
}

.m2s-form .widget.widget-properties dl dd input#Name,
.m2s-form .widget.widget-properties dl dd select,
.m2s-form .widget.widget-properties dl dd input[type="text"],
.m2s-form .widget.widget-properties .NotificationProperties dl dd input#Name,
.m2s-form .widget.widget-properties dl dd input[type="text"] {
    width: 100% !important;
}

.m2s-form .widget.widget-properties dl dd input[type="checkbox"] {
    padding-left: -10px !important;
}

.m2s-form .widget-properties dl.item-tall > dd > #Notes {
    resize: none;
    height: 100px !important;
}


.m2s-form .widget-properties .text-area-container {
    padding-left: 10px !important;
    padding-right: 3px !important;
}

.m2s-form .widget-properties .text-area-parent-container {
    height: inherit !important;
    min-height: inherit !important;
}

.m2s-form .widget.widget-properties dl dd.text-area-container textarea#Description {
    resize: none;
    width: calc(100% - 30px)!important;
    margin: 0 !important;
    min-height: inherit !important;
}

.m2s-form .widget-properties .widget-content dl.item-footer .m2-checkbox {
    margin-bottom: 3px !important;
}

.m2s-form #AvailableTasks .widget-content dl dt input {
    vertical-align: baseline;
}

.m2s-form #AvailableTasks dl.item-skinny-ish {
    margin-bottom: 5px;
}

.m2s-form dl.item-skinny-ish.task {
    margin-bottom: 5px;
}

.m2s-form .widget.widget-properties dl dd.selected-tasks-containter {
    height: auto !important;
    padding-left: 0;
}

.m2s-form dd.selected-tasks-containter dl.selected-tasks-item dt {
    height: auto !important;
}

    .m2s-form dd.selected-tasks-containter dl.selected-tasks-item dt input[type="checkbox"] {
        margin-left: 0px !important;
    }

.m2s-form dd.selected-tasks-containter dl.selected-tasks-item dt {
    height: auto !important;
    width: 21px !important;
}

.m2s-form dd.selected-tasks-containter dl.selected-tasks-item dd {
    height: auto !important;
    width: 99% !important;
}


form.m2s-form .widget.widget-properties dl.target-list-selector-container dd td input[type=text] {
    width: 26px !important;
    margin-left: 0px;
    padding: 10px !important;
}

form.m2s-form .widget.widget-properties dl.target-list-selector-container dd td select {
    width: auto !important;
    margin-left: 0px;
}

form.m2s-form .widget.widget-properties dl.target-list-selector-container dd button {
    width: 61px !important;
    padding: 0 !important;
}

form.m2s-form .widget.widget-properties dl.target-list-selector-container table.targets thead tr {
    background-color: transparent;
}

form.m2s-form .widget.widget-properties dl.target-list-selector-container table.targets {
    border: none;
}

form.m2s-form .widget.widget-properties dl.target-list-selector-container table.targets td {
    padding: 0;
}


.ScheduleSteps .ui-state-default,
.contactList .ui-state-default,
.tree_item .ui-state-default {
    color: var(--color-action);
}

/* Company Edit Form */
form .widget.widget-properties dl.item-footer dd input.button.btn-solid {
    font-weight: 700;
    color: #fff;
}

form .widget.widget-properties.company-edit dl dd select {
    padding-left: 10px !important;
    width: 330px !important;
}

form .widget.widget-properties.company-edit dl dd input[type="text"] {
    width: 298px !important;
}
/* Asset Category Add/Edit Form */
form .widget.widget-properties dl dd select.AssetType {
    width: 324px !important;
    padding-left: 10px !important;
}
form .widget.widget-properties dl dd input[type="text"].CategoryDescription{
    width: 292px !important;
}
form .widget.widget-properties.asset-category dl dd textarea{
    height: 36px !important;
    max-height: 48px !important;
}
#dateDD input[type="radio"],
#dateDD label[for] {
    vertical-align: middle;
}

form#subCompanyIdForm .widget.widget-properties dl dd input[type="checkbox"],
form#internalContactForm .widget.widget-properties dl dd input[type="checkbox"] 
{
    margin-left: -5px !important;
}