* {
    padding: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
}

html, body, form {
    height: 100%;
    width: 100%;
}

body {
    font-family: Sans-Serif;
    font-size: 12px;
    color: #444444;
    overflow: auto;
    background-color: #FFFFFF;
}

div.ui-datepicker {
    font-size: 10px;
}

div.ui-timepicker {
    font-size: 10px;
}

span.link {
    color: Blue;
    cursor: pointer;
    text-decoration: underline;
}

.HiddenOrgNode {
    color: #AAAAAA;
}

/* Admin css */
.DeltaSubPage_Admin_jsLink {
    color: Blue;
    font-size: 12px;
    cursor: pointer;
}

a, a:active, a:visited {
    color: #2d3fbd;
}

/* Admin page layout */
div#DeltaSubPage_Admin_Header {
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    height: 40px;
    overflow: hidden;
    padding: 10px;
}

    div#DeltaSubPage_Admin_Header h1 {
        display: inline;
        vertical-align: middle;
        color: #666666;
        padding-left: 15px;
    }

    div#DeltaSubPage_Admin_Header img {
        vertical-align: middle;
    }

div#DeltaSubPage_Admin_Left {
    position: absolute;
    top: 70px;
    left: 10px;
    bottom: 10px;
    width: 300px;
    border: 1px solid #999999;
    overflow: auto;
}

div#DeltaSubPage_Admin_LeftWide {
    position: absolute;
    top: 70px;
    left: 10px;
    bottom: 10px;
    width: 500px;
    border: 1px solid #999999;
    overflow: auto;
}

div#DeltaSubPage_Admin_Content {
    position: absolute;
    top: 70px;
    left: 330px;
    bottom: 10px;
    right: 10px;
    border: 1px solid #999999;
    overflow: auto;
}

div#DeltaSubPage_Admin_ContentNarrow {
    position: absolute;
    top: 70px;
    left: 530px;
    bottom: 70px;
    right: 10px;
    border: 1px solid #999999;
    overflow: auto;
}
/* / Admin page layout */

/* Admin Lefthand ObjectClass accordion */
ul.DeltaSubPage_Admin_Left_Accordion_ActionList {
    list-style-position: inside;
    list-style-type: none;
    width: 100%;
}

    ul.DeltaSubPage_Admin_Left_Accordion_ActionList li {
        width: 100%;
        height: auto;
        overflow: hidden;
        padding: 5px 0 5px 5px;
        cursor: pointer;
        border-left: 1px solid #aaa;
        border-right: 1px solid #aaa;
        border-bottom: 1px solid #ccc;
        font-size: 12px;
    }

        ul.DeltaSubPage_Admin_Left_Accordion_ActionList li:last-child {
            border-bottom: 1px solid #aaa;
        }

        ul.DeltaSubPage_Admin_Left_Accordion_ActionList li:hover {
            background-color: #d9e4ed;
        }

        ul.DeltaSubPage_Admin_Left_Accordion_ActionList li.actlistHeading, ul.DeltaSubPage_Admin_Left_Accordion_ActionList li.actlistHeading:hover {
            border: 1px solid #aaa;
            cursor: default;
        }

        ul.DeltaSubPage_Admin_Left_Accordion_ActionList li.actlistSelected {
            background-color: #d9e4ed;
        }

            ul.DeltaSubPage_Admin_Left_Accordion_ActionList li.actlistSelected:hover {
                background-color: #bdcbd9;
            }
/* / Admin Lefthand ObjectClass accordion */

/* ActionTable is used on LeftMenu on admin pages like Fields.aspx */
table.DeltaSubPage_Admin_ActionTable {
    width: 100%;
    border-collapse: collapse;
}

    table.DeltaSubPage_Admin_ActionTable td {
        padding: 3px;
        vertical-align: middle;
    }

        table.DeltaSubPage_Admin_ActionTable td img {
            cursor: pointer;
        }

        table.DeltaSubPage_Admin_ActionTable td.tdActions img {
            padding-right: 10px;
        }

    table.DeltaSubPage_Admin_ActionTable tr:hover {
        padding: 2px;
        background-color: #EEEEEE;
    }

    table.DeltaSubPage_Admin_ActionTable tr.trHeader td {
        padding-top: 5px;
        font-weight: bold;
    }

    table.DeltaSubPage_Admin_ActionTable tr.trHeader:hover {
        background-color: transparent;
    }

    table.DeltaSubPage_Admin_ActionTable tr.trSelected {
        background-color: #FFC000;
    }

        table.DeltaSubPage_Admin_ActionTable tr.trSelected:hover {
            background-color: #FF9000;
        }

    table.DeltaSubPage_Admin_ActionTable tr .visibleWhenRowSelected {
        display: none;
    }

    table.DeltaSubPage_Admin_ActionTable tr.trSelected .visibleWhenRowSelected {
        display: block;
    }
/* /ActionTable */

/* AdminTabs */
div.DeltaSubPage_Admin_TabSelector {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 20px;
    z-index: 10;
    white-space: nowrap;
    overflow: auto;
}

div.DeltaSubPage_Admin_TabContainer {
    position: absolute;
    top: 20px;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: auto;
    border: 1px solid #999999;
    z-index: 0;
    background-color: #f7f7f7;
}

div.DeltaSubPage_Admin_TabSelector div {
    width: 180px;
    height: 14px;
    background-color: #FFFFFF;
    float: left;
    cursor: pointer;
    padding: 2px 3px 3px 1px;
}

    div.DeltaSubPage_Admin_TabSelector div:hover span {
        color: #FF9000;
    }

    div.DeltaSubPage_Admin_TabSelector div img {
        float: left;
        margin-left: 10px;
    }

    div.DeltaSubPage_Admin_TabSelector div span {
        float: left;
        font-weight: bold;
        margin-left: 10px;
        color: #777777;
    }

    div.DeltaSubPage_Admin_TabSelector div.DeltaSubPage_Admin_TabSelected {
        border-width: 1px 1px 0px 1px;
        border-style: solid;
        border-color: #999999;
        background-color: #f7f7f7;
    }

        div.DeltaSubPage_Admin_TabSelector div.DeltaSubPage_Admin_TabSelected span, div.DeltaSubPage_Admin_TabSelector div.DeltaSubPage_Admin_TabSelected:hover span {
            color: #333333;
        }

div.DeltaSubPage_Admin_TabSelector150 div {
    width: 130px;
}
/* /AdminTabs */

table.Delta_CompactTable {
    width: 95%;
    margin: auto;
    border-collapse: collapse;
    border: 1px solid #333333;
}

    table.Delta_CompactTable tr {
        height: 15px;
    }

        table.Delta_CompactTable tr:hover {
            background-color: #EFEFEF;
        }

        table.Delta_CompactTable tr.selected {
            background-color: #dbe1e7;
        }

    table.Delta_CompactTable th {
        font-size: 12px;
        font-weight: bold;
        background-color: #EEEEEE;
        border: 1px solid #333333;
        text-align: left;
        height: 18px;
    }

    table.Delta_CompactTable td {
        font-size: 12px;
        border: 1px solid #DDDDDD;
        color: #333333;
    }

table.DeltaSubPage_Admin_DataTable {
    width: 100%;
    border-collapse: collapse;
}
    /* FIXME: Rename ? */

    table.DeltaSubPage_Admin_DataTable td {
        vertical-align: top;
        padding-top: 5px;
        padding-bottom: 5px;
        font-size: 12px;
    }

    table.DeltaSubPage_Admin_DataTable tr:hover {
        background-color: #F8F8F8;
    }

    table.DeltaSubPage_Admin_DataTable td span {
        font-size: 11px;
        color: #777777;
    }

    table.DeltaSubPage_Admin_DataTable th {
        text-align: left;
        font-weight: bold;
    }

    table.DeltaSubPage_Admin_DataTable tr.dtHeading1 {
    }

        table.DeltaSubPage_Admin_DataTable tr.dtHeading1:hover {
            background-color: transparent;
        }

        table.DeltaSubPage_Admin_DataTable tr.dtHeading1 th {
            border-bottom: 2px solid #BBBBBB;
            font-size: 14px;
        }

/* ObjectClass Selector (used in many admin pages) */
/*border-bottom: 2px dashed #999999;text-align: center;*/
div.DeltaSubPage_Admin_ObjectClassSelector {
    padding-left: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
}

    div.DeltaSubPage_Admin_ObjectClassSelector span {
        height: 100%;
        vertical-align: middle;
        margin: 0px;
    }

    div.DeltaSubPage_Admin_ObjectClassSelector select {
        vertical-align: middle;
        margin: 0px;
        width: 50%;
        margin-left: 5px;
    }
/* /ObjectClass Selector */
/* SelectionListNode Editor */
ol.slNodeEditor {
    list-style-type: none;
    margin-right: 10px;
}

    ol.slNodeEditor ol {
        list-style-type: none;
    }

    ol.slNodeEditor li {
        margin: 5px 0px 0px 20px;
    }

        ol.slNodeEditor li div {
            cursor: pointer;
            border: 1px solid #DDDDDD;
            padding: 3px;
        }

        ol.slNodeEditor li.placeholder {
            border: 1px solid #FF0000;
            height: 10px;
        }

.slNodeEditor_SelectedNode {
    color: #FF0000;
    font-weight: bold;
}

.slNodeEditor_DeactivateNode {
    text-decoration: line-through;
    color: #DDDDDD;
}

.slNodeEditor_HeadingNode {
    font-weight: bold;
}
/* /SelectionListNode Editor */

/* Action button (used alot) */
div.DeltaActionButton {
    margin: 2px;
    margin-left: 10px;
    cursor: pointer;
    float: right;
    overflow: hidden;
}

div.DeltaActionButton_FloatLeft {
    margin-left: 2px;
    margin-right: 10px;
    float: left;
}

div.DeltaActionButton span {
    height: 100%;
    vertical-align: middle;
    margin: 0px;
    margin-left: 5px;
    color: #444444;
}

    div.DeltaActionButton span:hover {
        text-decoration: underline;
        color: #000000;
    }

div.DeltaActionButton img {
    vertical-align: middle;
    border-width: 0px;
}

div.DeltaActionButton_BigStacked {
    display: block;
    height: 34px;
    line-height: 34px;
    float: none;
    margin: 3px;
    border: 1px solid #DDDDDD;
    background: #FFFFFF url('../../Img/Delta/Buttons/abg_1x34grad.png') repeat-x;
}

    div.DeltaActionButton_BigStacked span {
        font-size: 14px;
    }

    div.DeltaActionButton_BigStacked img {
        width: 28px;
        height: 28px;
        margin: 2px;
    }

    div.DeltaActionButton_BigStacked:hover {
        background: #FFFFFF url('../../Img/Delta/Buttons/abg_1x34gradhov.png') repeat-x;
        border-color: #f2ca58;
    }

div.DeltaActionButton_BigStackedSelected {
    background: #FFFFFF url('../../Img/Delta/Buttons/abg_1x34gradhov.png') repeat-x;
    border-color: #f2ca58;
}

div.DeltaActionButton_MediumStacked {
    display: block;
    height: 26px;
    line-height: 26px;
    float: none;
    margin: 1px 0 1px 0;
    border: 1px solid #DDDDDD;
    background: #FFFFFF url('../../Img/Delta/Buttons/abg_1x34grad.png') repeat-x;
}

    div.DeltaActionButton_MediumStacked span {
        font-size: 13px;
    }

        div.DeltaActionButton_MediumStacked span.dkdab-count {
            float: right;
            font-size: 10px;
            color: #666;
            margin-right: 4px;
        }

    div.DeltaActionButton_MediumStacked img {
        width: 22px;
        height: 22px;
        margin: 2px;
    }

    div.DeltaActionButton_MediumStacked:hover {
        background: #FFFFFF url('../../Img/Delta/Buttons/abg_1x34gradhov.png') repeat-x;
        border-color: #f2ca58;
    }

div.DeltaActionButton_MediumStackedSelected {
    background: #FFFFFF url('../../Img/Delta/Buttons/abg_1x34gradhov.png') repeat-x;
    border-color: #f2ca58;
}

/* / Action button */

/* TreeHandler (should be in seperate file?) */
ul.TreeHandler ul {
    list-style-type: none;
    padding-left: 15px;
}

#DeltaFluent_Left .TreeHandler, ul.TreeHandler {
    color: #333;
    font-size: 12px;
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    letter-spacing: .5px;
}

    #DeltaFluent_Left .TreeHandler ul {
        list-style-type: none;
        padding-left: 4px;
    }

        #DeltaFluent_Left .TreeHandler ul li {
            border-left: 2px solid #F29F05;
            margin-left: 1em;
            cursor: pointer;
            width: calc(100% - 21px);
        }

            #DeltaFluent_Left .TreeHandler ul li div {
                padding: .5em 0 .5em 1em;
                position: relative;
                border-bottom: 1px solid white;
            }

                #DeltaFluent_Left .TreeHandler ul li div:hover {
                    transition: .2s linear;
                    background: #F29F05;
                    color: #333333;
                }

#DeltaFluent_Left .TreeHandler_Selected {
    background: #F29F05;
    color: #333333;
    width: calc(100% - 19px);
}

#DeltaFluent_Left .TreeHandler ul li div::before {
    content: '';
    position: absolute;
    top: 0;
    left: -2px;
    bottom: 50%;
    width: 0.6em;
    border: 2px solid #F29F05;
    border-top: 0 none transparent;
    border-right: 0 none transparent;
}

#DeltaFluent_Left .TreeHandler ul > li:last-child {
    border-left: 2px solid transparent;
    border-bottom: 1px solid transparent !important;
}

ul.TreeHandler li span {
    cursor: pointer;
    display: inline-block;
    word-wrap: break-word;
    line-height: 18px;
    vertical-align: top;
    margin-top: 1px;
    margin-bottom: 1px;
    width: 85%;
    width: -webkit-calc(100% - 21px);
    width: -moz-calc(100% - 21px);
    width: calc(100% - 21px);
}

        ul.TreeHandler li span.shortWidth {
            width: 65%;
            width: -webkit-calc(100% - 42px);
            width: -moz-calc(100% - 42px);
            width: calc(100% - 42px);
        }

    ul.TreeHandler li span a {
        vertical-align: top;
    }

ul.TreeHandler span.TreeHandler_Leaf {
    font-style: italic;
    font-size: 10px;
}

ul.TreeHandler div.TreeHandler_Selected {
    background-color: #c5ced8;
}

ul.TreeHandler div.TreeHandler_Outlined {
    background-color: #ffeeca;
}

    ul.TreeHandler div.TreeHandler_Outlined span {
        font-style: italic;
    }

.TreeHandler_WhenSelected {
    display: none;
}

ul.TreeHandler div.TreeHandler_Selected .TreeHandler_WhenSelected {
    display: inherit;
}

div.TreeHandler_WrapContainer { 
    display: flex;
    justify-content: space-between;
    padding: 0.5em 0 0.5em 1em;
     
}

    div.TreeHandler_WrapContainer img {
        object-fit: contain;
        object-position: center;
        /*padding: 3px 3px 0 0;*/

    }

    div.TreeHandler_WrapContainer span {
        /*
    float: left;
    max-width:85%;
        */
    }

ul.TreeHandler div.TreeHandler_Disabled {
    font-style: italic;
    color: #777777;
}

    ul.TreeHandler div.TreeHandler_Disabled span {
        cursor: default;
    }

ul.TreeHandler.inDropdown li {
    height: auto;
}

/* /TreeHandler */

/* Icons */
span.iconCloseWindow16 {
    background-image: url(../../Img/Delta/Icons/16_closewindow.png);
    width: 16px;
    height: 16px;
    margin: 10px;
    float: left;
}

span.iconComment16 {
    background-image: url(../../Img/Delta/Icons/16_comment.png);
    width: 16px;
    height: 16px;
    margin: 10px;
    float: left;
}

span.iconCalendar16 {
    background-image: url(../../Img/Delta/Icons/16_calendar.png);
    width: 16px;
    height: 16px;
    margin: 10px;
    float: left;
}

span.iconSuccess32 {
    background-image: url(../../Img/Delta/Icons/32_success.png);
    width: 32px;
    height: 32px;
    margin: 10px;
    float: left;
}

span.iconInfo32 {
    background-image: url(../../Img/Delta/Icons/32_lightbulb.png);
    width: 32px;
    height: 32px;
    margin: 10px;
    float: left;
}

span.iconError32 {
    background-image: url(../../Img/Delta/Icons/32_error.png);
    width: 32px;
    height: 32px;
    margin: 10px;
    float: left;
}

span.iconWarning32 {
    background-image: url(../../Img/Delta/Icons/32_warning.png);
    width: 32px;
    height: 32px;
    margin: 10px;
    float: left;
}
/* / Icons */

div.divLoading {
    background: url(../../Img/Delta/loading.gif) no-repeat center center;
}

/* Dialogs */
.dialog_Content {
    position: absolute;
    top: 0px;
    bottom: 60px;
    left: 10px;
    right: 10px;
    padding: 5px;
    overflow: auto;
}

    .dialog_Content.dc_WhiteFrameContainer {
        top: 10px;
        left: 10px;
        right: 10px;
        border-style: solid;
        border-color: #DDDDDD;
        border-width: 1px 1px 1px 1px;
        background-color: #FFFFFF;
    }

    .dialog_Content.dc_NoButtons {
        bottom: 10px;
    }

    .dialog_Content.dc_NoPadding {
        top: 0;
        left: 0;
        right: 0;
        padding: 0;
        bottom: 0px;
    }

.dialog_Buttons {
    position: absolute;
    bottom: 10px;
    left: 10px;
    right: 10px;
    padding: 5px;
    height: 40px;
    border-top: 2px solid #DDDDDD;
    text-align: right;
    overflow: hidden;
}

    .dialog_Buttons input[type=submit], .dialog_Buttons button {
        height: 40px;
        padding: 5px;
        width: 150px;
    }

table.dialog_DispositionInputFill input, table.dialog_DispositionInputFill select, table.dialog_DispositionInputFill textarea {
    width: 100%;
}

    table.dialog_DispositionInputFill input[type=checkbox], table.dialog_DispositionInputFill input[type=radio] {
        width: auto;
        margin-right: 3px;
    }

table.dialog_Disposition td {
    padding: 3px;
}

table.dialog_DispositionPropertyTable {
    border-collapse: collapse;
}

    table.dialog_DispositionPropertyTable th {
        border-bottom: 2px solid #DDDDDD;
    }

    table.dialog_DispositionPropertyTable td {
        vertical-align: top;
        padding-bottom: 15px;
    }

    table.dialog_DispositionPropertyTable tr:hover {
        background-color: #EEEEEE;
    }

.dialogError .ui-widget-header {
    border: 1px solid #3a5169;
    background: #cc0000 url(../../Img/Delta/jquery-ui-custom/ui-bg_gloss-wave_15_cc0000_500x100.png) 50% 50% repeat-x;
    color: #ffffff;
    font-weight: bold;
}

.dialogError .diaImg {
    background-image: url(../../Img/Delta/Icons/32_error.png);
    width: 32px;
    height: 32px;
    margin: 10px;
    float: left;
}

.dialogInfo .diaImg {
    background-image: url(../../Img/Delta/Icons/32_lightbulb.png);
    width: 32px;
    height: 32px;
    margin: 10px;
    float: left;
}

.dialogSuccess .diaImg {
    background-image: url(../../Img/Delta/Icons/32_success.png);
    width: 32px;
    height: 32px;
    margin: 10px;
    float: left;
}

.dialogError ul, .dialogInfo ul {
    margin-left: 80px;
}

.dialogPrint_Options {
    position: absolute;
    top: 10px;
    left: 10px;
    width: 240px;
    bottom: 10px;
    border-style: solid;
    border-color: #DDDDDD;
    border-width: 1px 0 1px 1px;
    background-color: #FFFFFF;
}

.dialogPrint_PagePreview {
    position: absolute;
    top: 10px;
    left: 252px;
    right: 150px;
    bottom: 10px;
    border-style: solid;
    border-color: #DDDDDD;
    border-width: 1px 0 1px 0;
    background-color: #FFFFFF;
}

.dialogPrint_PageSelection {
    position: absolute;
    top: 10px;
    width: 140px;
    right: 10px;
    bottom: 10px;
    border-style: solid;
    border-color: #DDDDDD;
    border-width: 1px 1px 1px 0px;
    background-color: #FFFFFF;
    overflow: auto;
    text-align: center
}

.dialogPrint_PagePreview_Frame {
    position: absolute;
    left: 2%;
    top: 2%;
    width: 96%;
    height: 96%;
}

.dialogPrint_PagePreview_Content {
    position: absolute;
    overflow: auto;
    left: 5px;
    top: 5px;
    bottom: 5px;
    right: 5px;
    margin: auto;
    text-align: center;
}

    .dialogPrint_PagePreview_Content img {
        width: 99%;
    }

.dialogPrint_PageSelection_Page {
    min-width: 90px;
    min-height: 90px;
    margin: auto;
    margin-top: 10px;
    border: 1px dashed #DDDDDD;
}

.dialogPrint_Loading {
    background: url(../../Img/Delta/loading.gif) no-repeat center center;
}

.dialogMoveObjects_Left {
    position: absolute;
    top: 10px;
    left: 10px;
    width: 440px;
    bottom: 10px;
    border-style: solid;
    border-color: #DDDDDD;
    border-width: 1px 0 1px 1px;
    background-color: #FFFFFF;
}

.dialogMoveObjects_LeftFull {
    position: absolute;
    width: auto;
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 10px;
    border-style: solid;
    border-color: #DDDDDD;
    border-width: 1px 0 1px 1px;
    background-color: #FFFFFF;
}

.dialogMoveObjects_Right {
    position: absolute;
    top: 10px;
    left: 450px;
    right: 10px;
    bottom: 10px;
    border-style: solid;
    border-color: #DDDDDD;
    border-width: 1px 0 1px 1px;
    background-color: #FFFFFF;
}

.dialogMoveObjects_Left ul.ulSelectedObjects {
    margin-left: 30px;
    list-style-type: decimal;
}

.dialogMoveObjects_Loading {
    background: url(../../Img/Delta/loading.gif) no-repeat center center;
}

#dialogMoveObjects_pnlLocationFields table td {
    padding: 10px;
}

#dialogMoveObjects_pnlLocationFields th {
    padding: 10px;
    text-align: left;
}

.dialogCloneObject {
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 10px;
    border-style: solid;
    border-color: #DDDDDD;
    border-width: 1px 1px 1px 1px;
    background-color: #FFFFFF;
}

.dialogCloneObject_Loading {
    background: url(../../Img/Delta/loading.gif) no-repeat center center;
}

.dialog_ObjectComments {
}

.dialog_ObjectComments_Bubble {
    border: 1px solid #DDDDDD;
    border-radius: 6px;
    background-color: #fff;
    padding: 6px;
    margin-bottom: 10px;
    overflow: auto
}

    .dialog_ObjectComments_Bubble .Author {
        font-weight: bold;
        float: left;
    }

    .dialog_ObjectComments_Bubble .Date {
        float: right;
    }

    .dialog_ObjectComments_Bubble .Message {
        white-space: pre-wrap;
        margin-top: 6px;
    }

    .dialog_ObjectComments_Bubble .Remove {
        margin-top: 6px;
    }

    .dialog_ObjectComments_Bubble .Emoji {
        float: left;
        margin-right: 5px;
    }

    .dialog_ObjectComments_Bubble.ChatFromOthers {
       margin-right:50px;
    }

    .dialog_ObjectComments_Bubble.ChatFromMe {
        margin-left: 50px;
        background-color: #56647d;
        color:#ffffff;
    }

table.dialog_Orgnode_RenameTable {
    table-layout: fixed;
    width: 100%;
}

/* / Dialogs */

/* Notifications, should be renamed to toast */
.notification {
    display: flex !important;
    justify-content: space-around;
    padding: 1em;
    font-weight: bold;
    min-width: 200px;
    background-color: #efefef;
    color: #333333;
    position: fixed;
    z-index: 100000;
}

.notificationNormal {
    bottom: 5px;
    right: 5px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #efefef;
}

.notificationCenter {
    top: 20%;
    left: 30%;
    right: 30%;
    padding: 30px;
    border: 2px solid #efefef;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.notificationTextStyles {
    display: flex;
    align-items: center;
    letter-spacing: .5px;
    line-height: 1.2em;
    text-align: left;
}

div.message {
    background-color: #f0f2f6;
    width: 70%;
    margin: 20px auto 20px auto;
    padding: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomleft: 10px;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    border: 1px solid #dadee7;
    min-height: 30px;
}

    div.message:hover {
        border-color: #c3c3dd;
    }

    div.message.msgError {
        background-color: #ffd3c1;
        border-color: #FF0000;
    }

    div.message.msgWarning {
        background-color: #fdf0d5;
        border-color: #ffbf44;
    }

    div.message span.messageIcon {
        float: left;
        margin: 0 10px 0 0;
    }

    div.message span.messageText {
        float: none;
        margin: 0;
    }

    div.message div.msgCloseButton {
        position: absolute;
        top: 0;
        right: 15px;
        width: 20px;
        height: 20px;
        background-color: #eee;
        border-width: 0 1px 1px 1px;
        border-color: transparent;
        border-style: solid;
        cursor: pointer;
    }

    div.message.msgWarning div.msgCloseButton {
        background-image: url(../../Img/Delta/Buttons/msg-warn-close.png);
        border-color: #ffbf44;
        /*background-color: #f00;*/
    }

/*span.iconWarning32		{ background-image: url(../../Img/Delta/Icons/32_warning.png); width: 32px; height: 32px; margin: 10px; float:left;  }*/
/* / Notifications */

/*
 * Stacked property boxes
 *
 * Used dialogMoveObject and probably more
 */
div.StackedPropertyContainerLeft {
    border-right: 1px solid #8b9097;
}

div.StackedPropertyBox {
    position: relative;
    margin-bottom: 30px;
}

div.StackedPropertyBox_Heading {
    background-color: #FFFFFF;
    margin-left: 5px;
    font-size: 16px;
    border-bottom: 1px dashed #8b9097;
}

div.StackedPropertyBox_Content {
    padding: 3px;
}

div.StackedPropertyBox button {
    background-color: #f8f8f8;
    border: 1px solid #8b9097;
    font-size: 11px;
    color: #333333;
    padding: 2px;
    margin: 1px;
}

    div.StackedPropertyBox button:hover {
        background-color: #FFFFFF;
        border: 1px solid #c5ced8;
        font-size: 11px;
        cursor: pointer;
        color: #ec9525;
    }

div.StackedPropertyBox .spbCheckboxList {
    line-height: 25px;
}

    div.StackedPropertyBox .spbCheckboxList input {
        margin: 0 5px 0 5px;
        background-color: #FF0000;
    }

    div.StackedPropertyBox .spbCheckboxList label {
        margin-left: 5px;
        color: #333333;
        cursor: pointer;
    }
/* /Stacked property boxes */

/*
 * Stacked property boxes compact
 *
 * Used dialogCloneObject
 */
div.StackedPropertyBoxCompact {
    position: relative;
    margin-top: 10px;
    margin-bottom: 25px;
}

div.StackedPropertyBoxCompact_Heading {
    margin-bottom: 5px;
}

span.StackedPropertyBoxCompact_Heading_Title {
    font-weight: bold;
}

span.StackedPropertyBoxCompact_Heading_HelpText {
    margin-left: 15px;
    font-style: italic;
}

div.StackedPropertyBoxCompact_Content {
}

div.StackedPropertyBoxCompact button {
    background-color: #f8f8f8;
    border: 1px solid #8b9097;
    font-size: 11px;
    color: #333333;
    margin-left: 5px;
    padding: 3px;
}

    div.StackedPropertyBoxCompact button:hover {
        background-color: #FFFFFF;
        border: 1px solid #c5ced8;
        font-size: 11px;
        cursor: pointer;
        color: #ec9525;
    }

div.StackedPropertyBoxCompact .spbCheckboxList {
    line-height: 25px;
}

    div.StackedPropertyBoxCompact .spbCheckboxList input {
        margin: 0 5px 0 5px;
        background-color: #FF0000;
    }

    div.StackedPropertyBoxCompact .spbCheckboxList label {
        margin-left: 5px;
        color: #333333;
        cursor: pointer;
    }
/* /Stacked property boxes compact */

/* Probably used many places where jquery-ui sample code is followed */
.sortable {
    list-style-type: none;
    margin: 0;
    padding: 0;
    margin-right: 10px;
}

    .sortable li {
        margin: 0 3px 3px 3px;
        padding: 3px;
        font-size: 1.0em;
        width: 100%;
    }

        .sortable li.regform-element-section:not(.ui-state-highlight) {
            background-color: #e6e6e6;
        }

/*
 * TabSectionProperties (move to admin css)
 */
div.dialogTabSectionProperties_PositionedFields_divField {
    position: absolute;
    overflow: hidden;
    cursor: pointer;
    background-color: #FFFFFF;
    border: 1px solid #888888;
}

div.dialogTabSectionProperties_PositionedFields_divLabel {
    position: absolute;
    overflow: hidden;
    cursor: pointer;
    background-color: #FFFFFF;
    border: 1px dashed #888888;
}

    div.dialogTabSectionProperties_PositionedFields_divLabel.divSelected, div.dialogTabSectionProperties_PositionedFields_divField.divSelected {
        background-color: #f66767;
        cursor: move;
    }

/*
 * loadingScreen (used many places)
 */
div.loadingScreenOverlay {
    position: absolute;
    z-index: 20000;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: url(../../Img/Delta/loadingScreenOverlay.png) 50% 50% repeat;
}

div.loadingScreen {
    z-index: 20001;
    width: 270px;
    height: 150px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -75px 0 0 -135px;
    color: #FFFFFF;
    background-color: #878787;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 2px solid #555555;
}

div.loadingScreen_Snake {
    position: absolute;
    width: 40px;
    height: 40px;
    left: 50%;
    top: 30%;
    margin: -20px 0 0 -20px;
    background: url(../../Img/Delta/loading_snake.gif) 50% 50% no-repeat;
}

div.loadingScreen_Text {
    position: absolute;
    width: 100%;
    height: 30px;
    top: 70%;
    font-size: 16px;
    text-align: center;
}

/*
 * SuperscriptTag (Red bubble tag)
 */
.ssTag {
    font-family: Sans-Serif;
    position: absolute;
    top: 0px;
    /*right:-66px;*/
    right: -7px;
    padding: 0px 2px 1px 2px;
    font-weight: bold;
    font-size: 10px;
    border-radius: 3px;
    box-shadow: 1px 1px 1px gray;
}

.ssTagClose {
    right: -3px;
}

.ssTagRed {
    background-color: #e83106;
    color: white;
}

.ssTagBlue {
    background-color: blue;
    color: white;
}

/*
 * Attempt of making a default list style
 */
ul.StandardDetailedList {
    list-style-type: none;
    list-style-position: outside;
    margin: 0;
}

    ul.StandardDetailedList li {
        margin: 0;
        padding: 5px 0 5px 0;
        font-size: 10pt;
        width: 100%;
        border-top: 1px solid #DDD;
    }

        ul.StandardDetailedList li:hover {
            background-color: #f0f2f6;
        }

        ul.StandardDetailedList li span {
            color: #333;
            font-weight: normal;
            margin: 0;
        }

            ul.StandardDetailedList li span.sdlNotice {
                font-size: 11px;
                color: #666;
            }

            ul.StandardDetailedList li span.sdlSecondNotice {
                font-size: 10px;
                color: #666;
            }

/*

span.head2 { font-weight: normal; margin: 0px; padding: 0px; margin-left: 5px; font-size: 16px;  }

div.ShadowBorder_lBorder { position: absolute;	left: 0px; top: 5px; bottom: 5px; width: 5px; background-image: url(../../Img/Delta/DeltaFluent/content_lb.png);	background-repeat: repeat-y; }
div.ShadowBorder_rBorder { position: absolute;	right: 0px;	top: 5px; bottom: 5px; width: 5px; background-image: url(../../Img/Delta/DeltaFluent/content_rb.png); background-repeat: repeat-y; }
div.ShadowBorder_bBorder { position: absolute; height: 5px; left: 5px; right: 5px; bottom: 0px;	background-image: url(../../Img/Delta/DeltaFluent/content_bb.png); background-repeat: repeat-x;	}
div.ShadowBorder_tBorder { position: absolute;	height: 5px; left: 5px; right: 5px;	top: 0px; background-image: url(../../Img/Delta/DeltaFluent/content_tb.png); background-repeat: repeat-x; }
div.ShadowBorder_ltCorner{ position: absolute;	left: 0px; top: 0px; width: 5px; height: 5px; background-image: url(../../Img/Delta/DeltaFluent/content_ltc.png); }
div.ShadowBorder_rtCorner{ position: absolute;	right: 0px; top: 0px; width: 5px; height: 5px; background-image: url(../../Img/Delta/DeltaFluent/content_rtc.png); }
div.ShadowBorder_lbCorner{ position: absolute;	left: 0px; bottom: 0px; width: 5px; height: 5px; background-image: url(../../Img/Delta/DeltaFluent/content_lbc.png); }
div.ShadowBorder_rbCorner{ position: absolute;	right: 0px; bottom: 0px; width: 5px; height: 5px; background-image: url(../../Img/Delta/DeltaFluent/content_rbc.png); }

*/

/*
 * Dropdown Button
 */

div.dkddButton {
}

    div.dkddButton div.dkddbCommand {
        position: relative;
        z-index: 9007;
        height: 23px;
        background: #fff url(../../Img/Common/dkddButton/bgInactive.png) repeat-x top left;
        border: 1px solid #333;
        cursor: pointer;
    }

    div.dkddButton.dkddButtonActive div.dkddbCommand {
        border-width: 1px 1px 0 1px;
    }

    div.dkddButton div.dkddbCommand span.dkddbCommandLabel {
        float: left;
        margin: 3px 5px 0 5px;
        color: #333;
        font-size: 12px;
    }

    div.dkddButton div.dkddbCommand div.dkddbDownArrows {
        float: right;
        width: 7px;
        height: 9px;
        margin: 3px 5px 0 5px;
        background: url(../../Img/Common/dkddButton/arInactive.png) no-repeat center center;
    }

    div.dkddButton.dkddButtonActive div.dkddbCommand div.dkddbDownArrows {
        background: url(../../Img/Common/dkddButton/arActive.png) no-repeat center center;
    }

    div.dkddButton div.dkddbCommand:hover div.dkddbDownArrows {
        background: url(../../Img/Common/dkddButton/arHover.png) no-repeat center center;
    }

    div.dkddButton.dkddButtonActive div.dkddbCommand:hover div.dkddbDownArrows {
        background: url(../../Img/Common/dkddButton/bgInactive.png) no-repeat center center;
    }

    div.dkddButton div.dkddbDropdown {
        display: none;
    }

    div.dkddButton.dkddButtonActive div.dkddbDropdown {
        display: block;
        z-index: 9005;
        width: 200px;
        border: 1px solid #333;
        background-color: #fff;
        position: relative;
        top: -1px;
        left: -49px;
    }

    div.dkddButton div.dkddbDropdown ul {
        list-style-position: inside;
        margin-left: 4px;
    }

table#dialogObjectPartiesFeedback_tblSelection {
    width: 100%;
    border-collapse: collapse;
}

    table#dialogObjectPartiesFeedback_tblSelection td {
        vertical-align: top;
        font-size: 11px;
        padding: 2px 0 2px 0;
    }

    table#dialogObjectPartiesFeedback_tblSelection th {
        text-align: left;
        font-size: 11px;
        font-weight: bold;
    }

    table#dialogObjectPartiesFeedback_tblSelection tr.dkdiaopf_notIncluded td {
        color: #999;
    }

        table#dialogObjectPartiesFeedback_tblSelection tr.dkdiaopf_notIncluded td select {
            display: none;
        }

        table#dialogObjectPartiesFeedback_tblSelection tr.dkdiaopf_notIncluded td input {
            color: #999;
        }

    /*table#dialogObjectPartiesFeedback_tblSelection tr.dkdiaopf_error td         { color: #999; }*/
    table#dialogObjectPartiesFeedback_tblSelection tr.dkdiaopf_error td input {
        background-color: #F00;
    }

input.dk-datetimepicker-dt {
    width: 100%;
    background: white url(../../Img/Delta/Icons/16_calendar.png) right no-repeat;
    padding-left: 18px;
}

input.dk-datetimepicker-tm {
    width: 100%;
    background: white url(../../Img/Delta/Icons/16_time.png) right no-repeat;
    padding-left: 18px;
}

select.dk-datepicker-list {
    margin-right: 3px;
    width: auto !important;
    border: 1px solid #DDDDDD;
    font-size: 12px;
    color: #555555;
}

div.dk-sos-acsuggestions {
    background-color: #fff;
    z-index: 2000;
}

input.dk-objectrolecontrol-icon-unassigned {
    background: white url(../../Img/Delta/Icons/16_orc-user.png) right no-repeat;
    padding-left: 34px;
}

input.dk-objectrolecontrol-icon-useractive {
    background: white url(../../Img/Delta/Icons/16_orc-usergreen.png) right no-repeat;
    padding-left: 34px;
    padding-right: 20px !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

input.dk-objectrolecontrol-icon-userpending {
    background: white url(../../Img/Delta/Icons/16_orc-useryellow.png) right no-repeat;
    padding-left: 34px;
    padding-right: 20px !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

input.dk-objectrolecontrol-icon-usernone {
    background: white url(../../Img/Delta/Icons/16_orc-userred.png) right no-repeat;
    padding-left: 34px;
}

input.dk-objectrolecontrol-icon-roleactive {
    background: white url(../../Img/Delta/Icons/16_orc-groupgreen.png) right no-repeat;
    padding-left: 34px;
    padding-right: 20px !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

input.dk-objectrolecontrol-icon-rolepending {
    background: white url(../../Img/Delta/Icons/16_orc-groupyellow.png) right no-repeat;
    padding-left: 34px;
    padding-right: 20px !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

input.dk-objectrolecontrol-icon-rolenone {
    background: white url(../../Img/Delta/Icons/16_orc-groupred.png) right no-repeat;
    padding-left: 34px;
}

textarea.dk-structnodeselector-icon {
    background: white url(../../Img/Delta/Icons/18_struct-toprightpadding.png) top right no-repeat;
}

input.dk-structnodeselector-icon {
    background: white url(../../Img/Delta/Icons/16_struct.png) right no-repeat;
    padding-right: 20px !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

table.dk-tbldisp {
}

    table.dk-tbldisp td {
        padding: 3px;
        vertical-align: top;
    }

/* Comment component / post its */
div.ObjectComments_Component,
div.ObjectChat_Component {
    cursor: pointer;
    white-space: nowrap;
}

    div.ObjectComments_Component span,
    div.ObjectChat_Component span {
        font-size: 11px;
        line-height: 12px;
        display: inline-block;
        width: 16px;
        text-align: center;
        position: relative;
        left: -20px;
        top: -5px;
        color: black;
    }

    div.ObjectComments_Component.InForm span,
    div.ObjectChat_Component.InForm span {
        left: -17px;
    }

div.ObjectComments_Count {
    white-space: nowrap;
}

    div.ObjectComments_Component.InvisibleIcon,
    div.ObjectComments_Count.InvisibleIcon {
        display: none;
    }


/* Bulk edit form */
form#frmBulkEditObjects textarea,
form#frmBulkSendMail textarea,
form#frmBulkEditObjects input[type=text],
form#frmBulkEditObjects select,
form#frmBulkSendMail select {
    font-family: Sans-Serif;
    font-size: 12px;
    color: #555555;
    border: 1px solid #DDDDDD;
    padding: 4px 0px 0px 4px;
    width: calc(100% - 8px);
}

form#frmBulkEditObjects textarea,
form#frmBulkSendMail textarea {
    height: 250px;
}

form#frmBulkEditObjects input.dk-objectrolecontrol-icon-unassigned,
form#frmBulkEditObjects input.dk-objectrolecontrol-icon-useractive,
form#frmBulkEditObjects input.dk-objectrolecontrol-icon-userpending,
form#frmBulkEditObjects input.dk-objectrolecontrol-icon-usernone {
    width: calc(100% - 14px);
}

form#frmBulkEditObjects .delta_gpmList {
    width: calc(100% - 14px);
    border: 1px solid #DDDDDD;
    border-width: 0 1px 1px 1px;
    padding: 1px;
}