.swift {
}

.swift-editformlayouter-fieldheader {
    width: 120px;
}

.swift-editformlayouter-fieldtd > input {
    width: 100%;
    box-sizing: border-box;
}

.swift-editformlayouter-fieldtd > div {
    width: 100%;
    box-sizing: border-box;
}

.swift-editformlayouter-fieldtd > textarea {
    width: 100%;
    box-sizing: border-box;
}

.swift-checkboxlist {
}

.swift-checkboxlist-disabled {
}

.swift-sbtextbox {
}

.swift-sbtextbox-disabled {
    background-color: lightgray;
}

.swift-selectcontrol-disabled input {
    background-color: lightgray;
}

.swift-selectcontrol-disabled div.swift-selectcontrol-list {
    background-color: lightgray;
}

.swift-sbtextarea-disabled {
    background-color: lightgray;
}

.swift-selectcontrol-warning input[type=text],
.swift-sbtimepicker-warning input[type=text],
.swift-sbdatepicker-warning input[type=text] {
    background-color: yellow;
}

.swift-selectcontrol-error input[type=text],
.swift-sbtimepicker-error input[type=text],
.swift-sbdatepicker-error input[type=text] {
    background-color: #FFB0B0;
}

.swift-selectcontrol-error .swift-selectcontrol-list {
    background-color: #FFB0B0;
}

.swift-sbtextbox-warning,
.swift-sbcombobox-warning select,
.swift-sbtextarea-warning {
    background-color: yellow;
}

.swift-sbtextbox-error,
.swift-sbcombobox-error select,
.swift-sbtextarea-error {
    background-color: #FFB0B0;
}

.swift-sbcheckbox {
}

.swift-sbcheckbox-warning input[type=checkbox] {
    outline: 1px solid yellow;
}

.swift-sbcheckbox-error .swift-sbcheckbox-stylablebox {
    background-color: #FFB0B0;
}

.swift-sbcheckbox-stylablelabel {
    display: flex;
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    height: 16px;
}

    .swift-sbcheckbox-stylablelabel input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        left: -9999px;
    }

.swift-sbcheckbox-stylablebox {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 16px;
    width: 16px;
    background-color: white;
    border: 1px solid black;
    box-sizing: border-box;
}


.swift-sbcheckbox-stylablelabel:hover input ~ .swift-sbcheckbox-stylablebox {
    border: 1px solid #0000FF;
}

.swift-sbcheckbox-stylablelabel input:checked ~ .swift-sbcheckbox-stylablebox {
}

.swift-sbcheckbox-stylablelabel input:focus ~ .swift-sbcheckbox-stylablebox {
    border: 1px solid #0000FF;
}

.swift-sbcheckbox-stylabletick {
    position: absolute;
    left: -1px;
    top: -1px;
    width: 16px;
    height: 16px;
    display: none;
}

    .swift-sbcheckbox-stylabletick path {
        fill: none;
        stroke: #000000;
        stroke-width: 0.60854167px;
        stroke-linecap: round;
        stroke-linejoin: round;
        stroke-miterlimit: 4;
        stroke-dasharray: none;
        stroke-opacity: 1;
    }

.swift-sbcheckbox-stylablelabel input:checked ~ .swift-sbcheckbox-stylablebox .swift-sbcheckbox-stylabletick {
    display: block;
}

.swift-selectcontrol-openbtn {
    background-image: url(Images/selectControl.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    border-radius: 0px !important;
    border: 0px solid #e5e599 !important;
    padding: 0px !important;
    margin-left: 4px !important;
    /* put the height and width of your image here */
    height: 16px;
    width: 16px;
    border: none;
}

input[type=button].swift-selectcontrol-sortupbtn {
    background-repeat: no-repeat;
    margin-top: 5px;
    background-position: 50% 50%;
    border-radius: 0px !important;
    padding: 0px !important;
    margin-left: 4px !important;
    /* put the height and width of your image here */
    height: 16px;
    width: 16px;
    border: 1px solid black !important;
    background-size: cover;
    background-color: #e5e599;
}

input[type=button].swift-selectcontrol-sortdownbtn {
    background-repeat: no-repeat;
    background-position: 50% 50%;
    border-radius: 0px !important;
    padding: 0px !important;
    margin-left: 4px !important;
    /* put the height and width of your image here */
    height: 16px;
    width: 16px;
    border: 1px solid black !important;
    background-size: cover;
    background-color: #e5e599;
    margin-top: 2px;
}

.swift-selectcontrol-openbtn:disabled {
    background-image: url(Images/selectCtrlDis.png);
}

.swift-selectcontrol-list {
    background: #e5e599;
    border: 1px inset black;
    overflow-y: scroll;
}

.swift-selectcontrol-list-item {
    overflow-y: hidden;
    overflow-x: hidden;
    white-space: nowrap;
    width: 100%;
    text-overflow: ellipsis;
}

.swift-selectcontrol-dlg-button-ok {
    float: right;
}

.swift-selectcontrol-dlg-button-cancel {
    float: right;
}

.swift-selectcontrol-dlg-buttons {
    overflow: hidden;
    padding-top: 4px;
    box-sizing: border-box;
    flex: 0 0 auto;
}

.swift-selectcontrol-dlg-tablegrid {
    overflow: hidden;
    flex: 1 1 0px;
}

.swift-selectcontrol-dlg-innercontent {
    overflow: hidden;
    padding: 3px;
    box-sizing: border-box;
    display: flex;
    flex-flow: column;
}

.swift-selectcontrol-autowidth {
    width: calc(100% - 20px); /* 20px = swift-selectcontrol-openbtn.width + swift-selectcontrol-openbtn.margin-left */
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.swift-selectcontrol-dlg-buttons input {
    width: 100px;
}

    .swift-selectcontrol-dlg-buttons input:not(:last-of-type) {
        margin-right: 2px;
    }

    .swift-selectcontrol-dlg-buttons input:not(:first-of-type) {
        margin-left: 2px;
    }

table.dataTable thead th.sorting,
table.dataTable thead th.sorting_asc,
table.dataTable thead th.sorting_desc,
table.dataTable thead th.sorting_asc_disabled,
table.dataTable thead th.sorting_desc_disabled {
    background-position: center left;
    padding-left: 18px;
}

.swift-sbdatagrid-cellshrink .dataTables_scrollHead table {
    table-layout: fixed;
}

.swift-sbdatagrid-cellshrink .dataTables_scrollBody table {
    table-layout: fixed;
}

.swift-sbdatagrid-submitbutton {
    background: url("Images/save.png") no-repeat center;
    border: none;
    height: 16px;
    margin: 0px 5px;
    vertical-align: middle;
    width: 16px;
}

    .swift-sbdatagrid-submitbutton:disabled {
        background: url("Images/save_disabled.png") no-repeat center;
    }

.swift-sbdatagrid-cancelbutton {
    background: url("Images/cancel.png") no-repeat center;
    border: none;
    height: 16px;
    margin: 0px 5px;
    vertical-align: middle;
    width: 16px;
}

    .swift-sbdatagrid-cancelbutton:disabled {
        background: url("Images/cancel_disabled.png") no-repeat center;
    }

.swift-sbdatagrid-rollbackbutton {
    background: url("Images/undo.png") no-repeat center;
    border: none;
    height: 16px;
    margin: 0px 5px;
    vertical-align: middle;
    width: 16px;
}

    .swift-sbdatagrid-rollbackbutton:disabled {
        background: url("Images/undo_disabled.png") no-repeat center;
    }

.swift-sbdatagrid-editbutton {
    margin: 0px 3px;
}

.swift-sbdatagrid .cell-string-array .display-all-button {
    border: 0px;
    cursor: pointer;
    text-decoration: underline;
}

.swift-qsi-action {
    width: 280px;
    height: 160px;
    margin: 10px;
    border-color: #a2a4a8;
    border-width: 2px;
    border-style: solid;
    border-radius: 3px;
    background-color: #d2d4d8;
}

.swift-qsi-action-heading {
    font-size: 13pt;
    font-weight: bold;
    margin-top: 8px;
    margin-left: auto;
    margin-right: auto;
}

.swift-qsi-action-description {
    margin-top: 8px;
    margin-left: auto;
    margin-right: auto;
}

.swift-qsi-action-button input {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 5px;
}

div.swift-growl-image-imagecol {
    vertical-align: middle;
    width: 47px;
}

    div.swift-growl-image-imagecol img {
        float: left;
    }

div.swift-growl-image-text span {
    font-weight: bold;
}

div.swift-growl-image-textcol {
    vertical-align: middle;
}

div.swift-growl-image-closecol {
    vertical-align: top;
    width: 30px;
}

    div.swift-growl-image-closecol button {
        float: right;
    }

span.swift-sbdatepicker {
    display: inline-flex;
}

    span.swift-sbdatepicker > img.ui-datepicker-trigger {
        background-image: url("Images/swift-datepicker_selectbtn.png");
        background-repeat: no-repeat;
        background-position: center;
        width: 16px;
        height: 16px;
        padding-left: 4px;
    }

div.swift-stringadd {
    border: 1px solid black;
    margin: 2px;
    padding: 2px;
    width: 400px;
}

    div.swift-stringadd td.text-cell {
        width: 100%;
    }

    div.swift-stringadd span.header-container {
        display: flex;
        flex-flow: row;
    }

    div.swift-stringadd input.header-input {
        flex: 1 1 auto;
        align-self: center;
    }

div.displayAsTable {
    display: table;
}

div.displayAsTHead {
    display: table-header-group;
}

div.displayAsTBody {
    display: table-row-group;
}

div.displayAsTr {
    display: table-row;
}

div.displayAsTd {
    display: table-cell;
}

div.dataTables_wrapper {
    height: 100%;
    margin: 0px;
}

    div.dataTables_wrapper.dataTables_wrapper_edit {
        height: calc(100% - 2.5em - 5px);
        margin-top: 5px;
    }

div.swift-sbdatagrid-editdiv {
    height: 2.5em;
    overflow: hidden;
}




.swift-sbfilelist-btnClip {
    background: url(Images/paper-clip.png) no-repeat center;
    cursor: pointer;
    border: none;
    width: 30px;
    height: 30px;
}

.swift-sbfilelist-clipLabel {
    font-family: "Comic Sans MS", cursive, sans-serif;
    padding-left: 8px;
    width: 30px;
    height: 30px;
}

.swift-sbfilelist-btnAdd {
    background: url(Images/plus-icon.png) no-repeat center;
    cursor: pointer;
    border: none;
    width: 25px;
    height: 25px;
    float: right;
}

.swift-sbfilelist-btnDelete {
    background: url(Images/swift-delete_item_icon.png) no-repeat center;
    cursor: pointer;
    border: none;
    width: 20px;
    height: 20px;
}

div.swift-sbfilelist-divBtn {
    overflow: hidden;
    padding-top: 4px;
    vertical-align: bottom;
    height: 30px;
    position: absolute;
    right: 4px;
    bottom: 2px;
    text-align: right;
    width: 100%;
}

.swift-sbfilelist-inputTable {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    resize: both;
    table-layout: fixed;
    border-top: 1px solid black;
    border-left: 1px solid black;
    border-spacing: 0;
}

    .swift-sbfilelist-inputTable td {
        text-align: center;
        border-bottom: 1px solid black;
        border-right: 1px solid black;
    }

    .swift-sbfilelist-inputTable th {
        border-bottom: 1px solid black;
        border-right: 1px solid black;
    }

div.swift-sbfilelist-divTable {
    padding-top: 4px;
    width: auto;
    overflow: auto;
    table-layout: fixed;
    max-height: calc(100% - 30px);
}

div.swift-sbfilelist-divInner {
    align-items: flex-end;
    width: 100%;
    height: calc(100% - 40px);
}

div.swift-sbfilelist-divWin {
    overflow: hidden;
    width: 300px;
    height: calc(100% - 35px);
}

td.swift-sbfilelist-deletedFileTxt {
    text-decoration: line-through;
}

div.swift-sbfilelist-div-Added {
    background: url(images/plus-file.png) no-repeat center;
    width: 25px;
    height: 25px;
    float: left;
}

div.swift-sbfilelist-div-Delete {
    background: url(images/swift-delete_item_icon.png) no-repeat center;
    width: 25px;
    height: 25px;
    float: left;
}

div.swift-sbfilelist-div-Persistent {
    width: 25px;
    height: 25px;
    float: left;
}

td.swift-sbfilelist-td-name, th.swift-sbfilelist-td-name {
    min-width: 50px;
}

td.swift-sbfilelist-td-icon, th.swift-sbfilelist-td-icon {
    width: 30px;
}

td.swift-sbfilelist-td-size, th.swift-sbfilelist-td-size {
    width: 70px;
    overflow: hidden;
}

div.swift-sbfilelist-td-nameContent {
    text-overflow: ellipsis;
    overflow: hidden;
}

.swift-sbfilelist-inputName {
    width: calc(100% - 8px);
    margin: 1px;
    padding: 1px;
    border-width: 2px;
}

.dataTables_wrapper_flex {
    width: 100%;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

    .dataTables_wrapper_flex .dataTables_scroll {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: column nowrap;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    }

        .dataTables_wrapper_flex .dataTables_scroll div.dataTables_scrollBody {
            -webkit-flex: 1 0 0px;
            -ms-flex: 1 0 0px;
            flex: 1 0 0px;
        }

.flexcontainer-vertical {
    display: flex;
    -ms-flex-flow: column;
    flex-flow: column;
}

.flexcontainer-vertical-centered {
    display: flex;
    -ms-flex-flow: column;
    flex-flow: column;
    align-items: center;
}

.flexcontainer-horizontal {
    display: flex;
    -ms-flex-flow: row;
    flex-flow: row;
}

.flexcontainer-horizontal-reversed {
    display: flex;
    -ms-flex-flow: row-reverse;
    flex-flow: row-reverse;
}

.flexcontainer-horizontal-centered {
    display: flex;
    -ms-flex-flow: row;
    flex-flow: row;
    align-items: center;
}

.flexcontainer-horizontal-top {
    display: flex;
    -ms-flex-flow: row;
    flex-flow: row;
    align-items: flex-start;
}

.flexcontainer-horizontal-bottom {
    display: flex;
    -ms-flex-flow: row;
    flex-flow: row;
    align-items: flex-end;
}


.flexcontainer-horizontal-wrapped {
    display: flex;
    -ms-flex-flow: row;
    flex-flow: row;
    flex-wrap: wrap;
}

.flexitem-grow {
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
}

.flexitem-shrink {
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
}

.flexitem-growshrink {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

.flexitem-star {
    -ms-flex: 1 1 0px;
    flex: 1 1 0px;
    min-width: 0px;
    min-height: 0px;
}

.flexitem-none {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.autocomplete-loading {
    float: left;
    background-image: url(images/busytr.gif);
    background-repeat: no-repeat;
    background-position: right 15px center;
}

table.dataTable thead th,
table.dataTable thead td {
    border-bottom: none;
}

div.dataTables_scrollHeadInner {
    border-bottom-color: rgb(17, 17, 17);
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

.rectangleElement-small {
    width: 96px;
    height: 24px;
}

.rectangleElement-medium {
    width: 128px;
    height: 32px;
}

.rectangleElement-large {
    width: 192px;
    height: 48px;
}

.squareElement-verysmall {
    width: 16px;
    height: 16px;
}

.squareElement-small {
    width: 24px;
    height: 24px;
}

.squareElement-medium {
    width: 32px;
    height: 32px;
}

.squareElement-large {
    width: 48px;
    height: 48px;
}

label.swift-sbfileupload_title {
    display: block;
}

table.swift-sbfileupload_table {
    display: inline-table;
    overflow: hidden;
    width: 100%;
    white-space: nowrap;
    resize: both;
    table-layout: auto;
    border-spacing: 0;
}

div.swift-sbfileupload-divTable {
    padding-top: 4px;
    border: 1px solid black;
    overflow: auto;
    display: block;
    width: 100%;
    max-width: calc(100% - 30px);
}

div.swift-sbfileupload-divModifyFiles {
    display: flex;
    display: -webkit-flex;
    width: 100%;
    height: 100%;
}

input[type=text] {
    border-color: #EEEEEE;
    border-style: inset outset outset inset;
    border-width: 1px;
}