body[defaultbackground='true'] .DSmodernLoginUI #title > div {
    width: 353px;
    min-height: 45px;
    margin-top: 20px;
}

body[defaultbackground='false'] .DSmodernLoginUI #title > div {
    width: 399px;
}

body[defaultbackground='true'] .DSmodernLoginUI::after {
    content: "";
    display: block;
    width: 300px;
    height: 300px;
    top: -65px;
    left: 385px;
    background-image: url("Fish");
    background-size: 100%;
    background-repeat: no-repeat;
    position: absolute;
    pointer-events: none;
    
    top: -102px\0;
}

body[defaultbackground='true'] #searchButton {
    color: black;
}

.dark[defaultbackground='true'] #searchButton {
    color: white;
}

#searchButton {
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    font-size: 34px;
    -webkit-transform: scale(-1, 1);
    transform: scale(-1, 1);
    color: white;
}

    #searchButton:before {
        content: '\f002'; 
    }

#DSloginScrollContainer {
    display: none;
    width: 100%;
    height: 100%;
    overflow: auto;
    position: relative;
}

#DSlogin {
    position: relative;
    padding-top: 25px;
    padding-bottom: 25px;
}

.dark #DSlogin {
    background-color: #4e4e4e;
}

.DSclassicLoginUI {
    margin-top: 20%;
    background: rgba(119, 119, 119, .9);
    color: white;
}

.DSmodernLoginUI {
    margin-top: 15%;
    background: white;
    color: black;
    width: 600px;
    margin-left: auto;
    margin-right: auto;
}

.dark .DSmodernLoginUI {
    color: white;
}

.DSmodernLoginUI > div > table {
    border-spacing: 15px;
}

.DSmodernLoginUI .Input {
    background-color: #ece8e9;
}

.dark .DSmodernLoginUI .Input {
    background-color: #666666;
}


input:-webkit-autofill {
    transition-delay: 99999s;
    transition-property: background-color, color;
}

.DSmodernLoginUI .Label {
    display: none;
}

.loginBusy > #loginBusy,
.loginBusy > #loginTable {
    
    transition-delay: 1s;
}

#loginBusy {
    transition-property: visibility;
}

:not(.loginBusy) > #loginBusy {
    visibility: hidden;
}

.loginBusy > #loginTable {
    opacity: 0.25;
    transition-property: opacity;
    transition-duration: 0.3s;
}

#loginError {
    visibility: hidden;
    text-align: center;
    font-family: "Segoe UI",Arial,Helvetica,Sans-Serif;
    font-size: 120%;
    font-weight: bold;
    color: red;
}

.loginError > #loginError {
    visibility: visible;
    transition-property: visibility;
    transition-delay: .7s;
}

.loginError {
    animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
    transform: translateX(0px);
}

@keyframes shake {
    10%, 90% {
        transform: translateX(-1px);
    }
    20%, 80% {
        transform: translateX(2px);
    }
    30%, 50%, 70% {
        transform: translateX(-4px);
    }
    40%, 60% {
        transform: translateX(4px);
    }
}

body[defaultbackground='true'] div.DSmoduleselector {
    background-image: url("Logo");
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: bottom;
    background-size: 500px 120px;
}

body[defaultbackground='true'].dark div.DSmoduleselector {
    background-image: url("LogoDark");
}

.DSmodernLoginUI #Select1,
.DSmodernLoginUI #User,
.DSmodernLoginUI #Password {
    background-color: #ece8e9;
    width: 359px;
    margin-left: 15px;
    padding-top: 11px;
    padding-bottom: 11px;
}

.dark .DSmodernLoginUI #Select1,
.dark .DSmodernLoginUI #User,
.dark .DSmodernLoginUI #Password {
    background-color: #666;
    color: white;
}

.DSmodernLoginUI #User::placeholder,
.DSmodernLoginUI #Password::placeholder {
    color: #aaa;
    opacity: 1;
}

.DSmodernLoginUI #User:-ms-input-placeholder,
.DSmodernLoginUI #Password:-ms-input-placeholder {
    color: #aaa;
}

.DSmodernLoginUI #User::-webkit-input-placeholder,
.DSmodernLoginUI #Password::-webkit-input-placeholder {
    color: #aaa;
}

.DSmodernLoginUI #User[disabled],
.DSmodernLoginUI #Password[disabled] {
    color: #ccc;
}

    .DSmodernLoginUI #User[disabled]::placeholder,
    .DSmodernLoginUI #Password[disabled]::placeholder {
        color: #ccc;
    }

    .DSmodernLoginUI #User[disabled]:-ms-input-placeholder,
    .DSmodernLoginUI #Password[disabled]:-ms-input-placeholder {
        color: #ccc;
    }

    .DSmodernLoginUI #User[disabled]::-webkit-input-placeholder,
    .DSmodernLoginUI #Password[disabled]::-webkit-input-placeholder {
        color: #ccc;
    }

.dark .DSmodernLoginUI #User[disabled],
.dark .DSmodernLoginUI #Password[disabled] {
    color: #888;
}

    .dark .DSmodernLoginUI #User[disabled]::placeholder,
    .dark .DSmodernLoginUI #Password[disabled]::placeholder {
        color: #888;
    }

    .dark .DSmodernLoginUI #User[disabled]:-ms-input-placeholder,
    .dark .DSmodernLoginUI #Password[disabled]:-ms-input-placeholder {
        color: #888;
    }

    .dark .DSmodernLoginUI #User[disabled]::-webkit-input-placeholder,
    .dark .DSmodernLoginUI #Password[disabled]::-webkit-input-placeholder {
        color: #888;
    }

.DSmodernLoginUI label[for='Checkbox1'] {
    font-size: 10pt;
}

.DSmodernLoginUI #Checkbox1 {
    position: relative;
    top: 1px;
}

.DSmodernLoginUI #Select1 {
    -webkit-appearance: none;
}

.DSmodernLoginUI #help {
    display: none;
}

.DSmodernLoginUI #Button1 {
    font-weight: bold;
    color: white;
    border: solid 2px white;
    background: #4f8cca;
    padding: 10px 40px 10px 40px;
    margin-top: 0px;
    border-radius: 7px;
}

.dark .DSmodernLoginUI #Button1 {
    background-color: #26a1db;
    border-color: #26a1db;
}

.DSmodernLoginUI #Button1[disabled] {
    background: #a0a0a0;
}

.dark .DSmodernLoginUI #Button1[disabled] {
    border-color: #a0a0a0;
}

.DSmodernLoginUI .Buttons {
    text-align: center;
}

.DSclassicLoginUI .Buttons {
    text-align: right;
}

.DSmodernLoginUI .Auth .Input:before,
.DSmodernLoginUI .Auth .Input:after,
.DSmodernLoginUI .User .Input:before,
.DSmodernLoginUI .Pass .Input:before {
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    font-size: 120%;
    color: #999999;
}

.DSmodernLoginUI .Auth .Input:before,
.DSmodernLoginUI .User .Input:before,
.DSmodernLoginUI .Pass .Input:before {
    padding-left: 13px;
}

.DSmodernLoginUI .Auth .Input {
    position: relative;
}

    .DSmodernLoginUI .Auth .Input #Select1::-ms-expand {
        display: none;
    }

    .DSmodernLoginUI .Auth .Input:after {
        content: "\f0d7";
        position: absolute;
        right: 0.5em;
        top: 25%;
        pointer-events: none;
    }

.DSmodernLoginUI.WinAuth .User .Input:before,
.DSmodernLoginUI.WinAuth .Pass .Input:before {
    color: #ccc;
}

.dark .DSmodernLoginUI .Auth .Input:before,
.dark .DSmodernLoginUI .Auth .Input:after,
.dark .DSmodernLoginUI .User .Input:before,
.dark .DSmodernLoginUI .Pass .Input:before {
    color: white;
}

.dark .DSmodernLoginUI.WinAuth .User .Input:before,
.dark .DSmodernLoginUI.WinAuth .Pass .Input:before {
    color: #888;
}

.DSmodernLoginUI .Auth .Input:before {
    content: '\f084'; 
}

.DSmodernLoginUI .User .Input:before {
    content: '\f007'; 
}

.DSmodernLoginUI .Pass .Input:before {
    content: '\f023'; 
}

#ToolBar {
    display: none;
    background-color: black;
    position: absolute;
    top: 0;
    left: 0;
    height: 49px;
    width: 100%;
    overflow: hidden;
    border-bottom: 1px #666 solid;
    
}

#Branding {
    color: white;
    font-family: 'TT Squares Bold', 'Segoe UI', Arial, Helvetica, Sans-Serif;
    font-size: 25px;
    padding-left: 12px;
    line-height: 49px;
}

.dark > .DScmMain {
    background-color: rgba(90, 90, 90, 0.98);
    border: 1px solid rgb(130, 130, 130);
    color: white;
}

    .dark > .DScmMain > .DScmItem.DScmItemHovered {
        background-color: rgb(115, 115, 115);
    }

    .dark > .DScmMain > .DScmItem.DScmItemDisabled {
        color: rgb(120, 120, 120);
    }

        .dark > .DScmMain > .DScmItem.DScmItemDisabled.DScmItemHovered {
            background-color: rgb(100, 100, 100);
        }

.LogoutIcon:before {
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    content: '\f2f5'; 
}

.ChangePasswordIcon:before {
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    content: '\f023'; 
}

#BackgroundImageLabel {
    padding-top: 5px;
    padding-bottom: 5px;
}

#ImageUploadButton {
    background-repeat: no-repeat;
    background-size: cover;
    width: 200px;
    height: 112px;
    cursor: pointer;
    border: 2px transparent solid;
}

    #ImageUploadButton:hover {
        border: 2px white solid;
    }

#AccountButton,
#SettingsButton {
    top: 0px;
    transition-property: background-color, color, font-size;
    transition-duration: 0.1s;
    transition-timing-function: ease;
    width: 49px;
    height: 49px;
    line-height: 49px;
    display: inline-block;
    position: absolute;
    background-color: black;
    color: white;
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    font-size: 25px;
    text-align: center;
    cursor: default;
}

    #AccountButton:hover,
    #SettingsButton:hover {
        background-color: #004C89;
        color: white;
        font-size: 30px;
    }

    #AccountButton.DSmousedown:hover,
    #SettingsButton.DSmousedown:hover {
        transition: none;
        font-size: 25px;
    }

#AccountButton {
    right: 0px;
}

    #AccountButton:before {
        content: '\f2bd'; 
    }

#SettingsButton {
    right: 49px;
}

    #SettingsButton:before {
        content: '\f013'; 
    }

#DSStatusBar {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    height: 41px;
    width: 100%;
    overflow: hidden;
    z-index: 1;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#ffffff', GradientType=0 );
}

    #DSStatusBar:after {
        content: '';
        position: absolute;
        border-bottom: 1px solid rgba(0,0,0,0.25);
        left: 0;
        right: 0;
        bottom: 0;
    }

.dark #DSStatusBar {
    color: white;
    background: linear-gradient(to bottom, rgba(78, 78, 78, 0) 0%, rgba(78, 78, 78, 0.5) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4e4e4e', endColorstr='#000000', GradientType=0 );
}

    .dark #DSStatusBar:after {
        border-bottom: 1px solid rgba(255, 255, 255, 0.25);
    }

.DStouch #DSStatusBar {
    height: 55px;
}

#BackButton {
    display: inline-block;
    background-color: rgba(255, 255, 255, 0.3);
    text-align: center;
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    padding: 5px;
    margin-right: 10px;
    margin-top: 3px;
    width: 28px; 
    height: 28px;
    line-height: 28px;
    font-size: 20px;
    float: left;
    cursor: default;
}

.dark #BackButton {
    background-color: rgba(78, 78, 78, 0.3);
}

.DStouch #BackButton {
    padding: 5px;
    margin-top: 8px;
    width: 37px; 
    height: 37px;
    line-height: 37px;
    font-size: 27px;
}

#BackButton > span {
    transition-property: font-size;
    transition-duration: 0.3s;
    transition-timing-function: ease;
}

    #BackButton > span:before {
        content: "\f00a"; 
        width: 1.25em;
    }

#BackButton:hover > span {
    font-size: 120%;
}

#BackButton.DSmousedown:hover > span {
    transition: none;
    font-size: 100%;
}

#Tabs {
    display: inline-block;
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    font-family: 'Segoe UI', Arial, Helvetica, Sans-Serif;
    height: 38px;
    margin-top: 3px;
    max-width: calc(100% - 48px); 
    float: left;
}

.DStouch #Tabs {
    height: 50px;
    margin-top: 8px;
    max-width: calc(100% - 57px); 
}

.tab {
    position: relative;
    display: inline-block;
    height: 30px;
    padding-left: 7px;
    padding-right: 7px;
    padding-top: 3px;
    padding-bottom: 3px;
    margin-right: 10px;
    border: 1px solid transparent;
    border-top-width: 3px;
    border-top-color: transparent;
    border-bottom: 0;
    background-color: rgba(255,255,255,0.3);
    color: #333;
    cursor: pointer;
    font-size: 16px;
    white-space: nowrap;
    transition: border-color .3s ease;
    float: left
}

.dark .tab {
    color: #fff;
    background-color: rgba(78, 78, 78, 0.3);
}

.legacyBar .tab {
    background-color: rgba(255, 255, 255, 0.8);
}

.dark .legacyBar .tab {
    background-color: rgba(78, 78, 78, 0.8);
}

.DStouch .tab {
    padding-top: 7px;
    padding-bottom: 8px;
}

.tab:hover {
    background-color: rgba(255, 255, 255, 0.5);
}

.dark .tab:hover {
    background-color: rgba(78, 78, 78, 0.5);
}

.tab.active {
    border-color: rgba(0,0,0,0.25);
    position: relative;
    z-index: 100;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    border-top-color: inherit;
    margin-bottom: 0;
    cursor: default;
}

.dark .tab.active {
    border-color: rgba(255, 255, 255, 0.25);
}

.tab.measurementDummy,
.tab.measurementDummy * {
    
    transition: none !important;
    opacity: 0;
}

.tab > .tabGradient {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0px;
    left: 0;
    opacity: 0;
    transition: opacity .3s ease;
}

.tab.active > .tabGradient {
    opacity: 1;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 );
}

.dark .tab.active > .tabGradient {
    background-image: linear-gradient(to bottom, rgba(78, 78, 78, 1) 0%, rgba(78, 78, 78, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4e4e4e', endColorstr='#4e4e4e', GradientType=0 );
}

.legacyBar .tab.active > .tabGradient {
    background-image: none;
    background-color: white;
}

.dark .legacyBar .tab.active > .tabGradient {
    background-image: none;
    background-color: rgb(78, 78, 78);
}

.tabTile {
    position: relative;
    height: 28px;
    width: 28px;
    margin-right: 10px;
    display: inline-block;
    transition: transform .2s ease;
    float: left;
}

.tabIcon {
    background-repeat: no-repeat;
    background-size: contain;
    height: 24px;
    width: 24px;
    margin: 2px;
}

.tab:hover > .tabTile {
    transform: scale(1.1);
}

.tab.active > .tabTile {
    transform: scale(1.1);
}

.DStouch .tab:hover > .tabTile {
    transform: scale(1.2);
}

.DStouch .tab.active > .tabTile {
    transform: scale(1.2);
}

.tabContent {
    position: relative;
    white-space: nowrap;
    float: left;
}

.tabDatabaseName {
    font-size: 11px;
    height: 11px;
    line-height: 11px;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    opacity: .6;
}

.tabModuleName {
    font-size: 15px;
    height: 19px;
    line-height: 19px;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
}

.tabButtons {
    float: right;
    margin-top: 0.25em;
    margin-left: 0.1em;
}

    .tabButtons > div {
        font-family: "Font Awesome 5 Pro";
        font-weight: 400;
        font-size: 16px;
        position: relative;
        overflow: hidden;
        cursor: pointer;
        padding-left: 0.1em;
        padding-right: 0.1em;
        opacity: .5;
        display: inline-block;
        width: 1.2em;
        height: 1.2em;
        text-align: center;
    }

        .tabButtons > div:before {
            transition: font-size .3s ease;
        }

        .tabButtons > div:hover:before {
            font-size: 18px;
        }

.tabPin:before {
    content: '\f08d'; 
}

.tabClose:before {
    content: '\f00d'; 
}

.tabHelp:before {
    content: '\f128'; 
}

.tabPin {
    transition: height .2s ease;
}

.pinned > .tabButtons > .tabPin {
    height: 0.8em;
    font-weight: 900;
}

.tabClose {
    transition: opacity 0.2s ease;
}

.pinned > .tabButtons > .tabClose {
    opacity: 0;
    cursor: default;
    pointer-events: none;
}

.tabButtons > .tabHelp {
    transition-property: padding, width;
    transition-duration: 0.2s;
    transition-timing-function: ease;
    width: 0px;
    padding: 0px;
}

    .tabButtons > .tabHelp.enabled {
        width: 1.2em;
        padding-left: 0.1em;
        padding-right: 0.1em;
    }

.scrollLeft,
.scrollRight {
    display: none;
    width: 30px; 
    margin-left: 5px;
    margin-right: 5px;
    opacity: 0;
    background-color: white;
    color: rgb(78, 78,78);
    transition: opacity 0.1s ease;
    font-family: "Font Awesome 5 Pro";
    font-size: 16px;
    font-weight: 900;
    text-align: center;
    float: left;
    height: 35px;
    line-height: 35px;
}

.dark .scrollLeft,
.dark .scrollRight {
    background-color: rgb(78, 78,78);
    color: white;
}

.DStouch .scrollLeft,
.DStouch .scrollRight {
    height: 43px;
    line-height: 43px;
}

.scrollable > .scrollLeft,
.scrollable > .scrollRight {
    display: inline-block;
    opacity: 0.8;
}

    .scrollable > .scrollLeft:hover,
    .scrollable > .scrollRight:hover {
        opacity: 1;
    }

    .scrollable > .scrollLeft.scrollMax,
    .scrollable > .scrollRight.scrollMax {
        opacity: 0.4;
    }

.scrollLeft:before {
    content: '\f053'; 
}

.scrollRight:before {
    content: '\f054'; 
}

.scrollWrapper {
    float: left;
    position: relative;
    display: inline-block;
    overflow-x: visible;
    overflow-y: hidden;
    height: 100px; 
    max-width: 100%;
}

.scrollable > .scrollWrapper {
    max-width: calc(100% - 80px); 
}

html {
    height: 100%;
    overflow: hidden;
}

body {
    border-bottom: medium none;
    border-left: medium none;
    border-right: medium none;
    border-top: medium none;
    margin: 0px;
    overflow: hidden;
    background-color: gray;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 100%;
    scrollbar-face-color: #c0c0c0;
    scrollbar-shadow-color: #c0c0c0;
    scrollbar-highlight-color: #c0c0c0;
    scrollbar-3dlight-color: #c0c0c0;
    scrollbar-darkshadow-Color: #c0c0c0;
    scrollbar-arrow-color: black;
    scrollbar-track-color: #e0e0e0;
}

#DSlogin table,
#Settings table,
#TwoFactorPassword table,
#TwoFactorEnroll table,
#ChangePassword table {
    font-family: 'Segoe UI', Arial, Helvetica, Sans-Serif;
    margin-right: auto;
    margin-left: auto;
}

.DSclassicLoginUI ::placeholder {
    color: transparent;
}

.DSclassicLoginUI ::-webkit-input-placeholder {
    color: transparent;
}

.DSclassicLoginUI ::-moz-placeholder {
    color: transparent;
}

.DSclassicLoginUI :-ms-input-placeholder {
    color: transparent;
}

#DSmodule,
#theForm {
    display: none;
}

.DSdisabled {
    color: lightgray;
}

.DSmoduletiletext {
    position: absolute;
    bottom: 8px;
    left: 7px;
    white-space: normal;
    width: 136px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
}

div.DSmoduleselector {
    display: none;
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
}

body[defaultbackground='false'] div.DSmoduleselector {
    background-color: rgba(0, 0, 0, .5);
    
}

#DSmoduleList {
    white-space: nowrap;
    padding-top: 80px;
    padding-left: 100px;
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
}

body.DSsmallTiles #DSmoduleList {
    padding-left: 60px;
}

body.DSsmallTiles a.DSmoduletile {
    width: 125px;
    height: 125px;
    margin-left: 6px;
    margin-top: 3px;
}

body.DSsmallTiles div.DStilefront {
    width: 125px;
    height: 125px;
    font-size: 8pt;
    background-position: center 28px;
    background-size: 60px;
}

body.DSsmallTiles div.DStileback {
    width: 121px;
    height: 121px;
    padding: 2px 2px 2px 2px;
    font-size: 10pt;
}

body.DSsmallTiles .DSmoduletiletext {
    bottom: 6px;
    left: 7px;
    width: 111px;
}

.DSmodulelistscroll {
    overflow-x: auto;
}

div.DSdatabasemodules {
    display: inline-block;
    padding-right: 60px;
    vertical-align: top;
}

div.DSdatabasetext {
    font-family: 'Segoe UI', Arial, Helvetica, Sans-Serif;
    font-size: 18pt;
    font-weight: lighter;
    margin-left: 5px;
    margin-bottom: 10px;
    color: #ffffff;
    cursor: default;
}

body[defaultbackground='true'] div.DSdatabasetext {
    color: #000000;
}

.dark[defaultbackground='true'] div.DSdatabasetext {
    color: white;
}

#qrcode {
    position: absolute;
    top: 20px;
    left: 20px;
}

@media (max-width: 950px) {
    #qrcode {
        display: none;
    }
}

#Button1 {
    font-weight: bold;
    color: white;
    border: solid 2px white;
    background: #a0a0a0;
    padding: 4px 4px 4px 4px;
    margin-top: 20px;
}

#User,
#Password,
#Select1 {
    border: none 0px white;
    padding: 4px 4px 4px 4px;
    margin-top: 4px;
}

#Select1 {
    padding-left: 1px;
}

#User,
#Password {
    width: 150pt;
}

#Checkbox1 {
    margin-top: 10px;
}

#title {
    font-size: 20pt;
    padding-bottom: 10px;
    cursor: default;
}

.ui-effects-transfer {
    border: 2px dashed white;
}

a.DSmoduletile {
    width: 150px;
    height: 150px;
    color: White;
    cursor: default;
    margin-left: 6px;
    margin-top: 2px;
    margin-bottom: 4px;
    display: inline-block;
    position: relative;
    text-decoration: none;
    -webkit-user-drag: none;
}

a.DSmoduletile.DStileBlackForeground {
    color: black;
}

div.DStilefront {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 150px;
    height: 150px;
    font-family: 'Segoe UI', Arial, Helvetica, Sans-Serif;
    font-size: 9pt;
    background-repeat: no-repeat;
    background-position: center 33px;
    background-size: 77px;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    
}

div.DStileback {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 142px;
    height: 142px;
    padding: 4px 4px 4px 4px;
    overflow: hidden;
    font-family: 'Segoe UI', Arial, Helvetica, Sans-Serif;
    font-size: 12pt;
    white-space: normal;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    transform: rotateX(180deg);
    -webkit-transform: rotateX(180deg);
    
}

a.DSflip div.DStilefront {
    -webkit-transform: rotateX(180deg);
    -webkit-transition: transform ease 500ms;
    transform: rotateX(180deg);
    transition: transform ease 500ms;
}

a.DSflip div.DStileback {
    -webkit-transform: rotateX(360deg);
    -webkit-transition: transform ease 500ms;
    transform: rotateX(360deg);
    transition: transform ease 500ms;
}

a.DSfliprevert div.DStilefront {
    -webkit-transform: rotateX(0deg);
    -webkit-transition: transform ease 500ms;
    transform: rotateX(0deg);
    transition: transform ease 500ms;
}

a.DSfliprevert div.DStileback {
    -webkit-transform: rotateX(180deg);
    -webkit-transition: transform ease 500ms;
    transform: rotateX(180deg);
    transition: transform ease 500ms;
}

a.DSmousedown {
    left: 3px;
    top: 3px;
}

.DSunselectable {
    cursor: default;
}

.DSunselectable,
.DSmoduletile,
.DSmoduletiletext,
#DSmoduleList,
.DSmoduleselector,
.DSsspWidget span {
    -ms-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

#BrowserVersionError,
#JavaScriptRequired {
    background: #777777;
    color: White;
    width: 100%;
    margin-top: 200px;
    font-family: 'Segoe UI', Arial, Helvetica, Sans-Serif;
    font-size: 14pt;
    font-weight: 600;
    text-align: center;
    padding-top: 130px;
    padding-bottom: 130px;
    display: block;
}

#DSdbtemplate,
#DSmodtemplate {
    display: none;
}

ul.DSdragSortableContainer {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.DSdragSortable {
    float: left;
}

ul.DSwhileDragSorting li,
.DSwhileDragSorting .DSdatabasemodules {
    opacity: 0.4;
}

.DSoriginalDraggingItem {
    opacity: 0 !important;
}

.DSdraggingItem {
    position: fixed;
    opacity: 1 !important;
    
}

.tab.DSdraggingItem {
    position: fixed;
    top: 3px !important; 
}

.DStouch .tab.DSdraggingItem {
    top: 8px !important; 
}

.DSdragOutOfBounds,
li.DSdragOutOfBounds a.DSmoduletile,
div.DSdragOutOfBounds div.DSdatabasetext {
    cursor: not-allowed !important;
}

.DSdragOutOfBounds {
    opacity: 0.6 !important;
}

.tab.DSdragOutOfBounds {
    opacity: 0 !important;
}

#LicenseName {
    float: right;
    margin-right: 10px;
    display: inline-block;
    font-family: 'Segoe UI', Arial, Helvetica, Sans-Serif;
    font-size: 16pt;
    line-height: 41px;
    cursor: default;
    text-shadow: #fff 0 0 10px, #fff 0 0 10px, #fff 0 0 10px, #fff 0 0 10px;
}

.dark #LicenseName {
    text-shadow: #000 0 0 10px, #000 0 0 10px, #000 0 0 10px, #000 0 0 10px;
}

#LicenseName.hasBanner > b {
    text-shadow: none;
}

.DStouch #LicenseName {
    line-height: 55px;
}

#ImageUpload,
#Settings,
#TwoFactorPassword,
#TwoFactorEnroll,
#ChangePassword {
    display: none;
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    overflow: auto;
    background-color: rgba(0, 0, 0, .5);
    
}

#ImageUploadContent {
    min-height: 150px;
    position: absolute;
    top: 40%;
    bottom: 60%;
    left: 0px;
    right: 0px;
    background-color: #777777;
    color: white;
    text-align: center;
    padding-top: 50px;
    font-family: 'Segoe UI', Arial, Helvetica, Sans-Serif;
}

#SettingsContent {
    position: absolute;
    top: 50%;
    height: 440px;
    margin-top: -255px;
    left: 0px;
    right: 0px;
    background-color: #777777;
    color: white;
    padding-top: 50px;
    padding-bottom: 20px;
    font-family: 'Segoe UI', Arial, Helvetica, Sans-Serif;
}

#TwoFactorPasswordContent,
#TwoFactorEnrollContent,
#ChangePasswordContent {
    position: absolute;
    top: 30%;
    left: 0px;
    right: 0px;
    background-color: #777777;
    color: white;
    padding-top: 20px;
    padding-bottom: 20px;
    font-family: 'Segoe UI', Arial, Helvetica, Sans-Serif;
}

#ChangePassword:not(.success) .pwresult,
#ChangePassword.success .pwinput {
    display: none;
}

#FontSizePreview {
    position: absolute;
    top: 50px;
    left: calc(50% + 210px);
}

#ImageUploadContent input[type=file] {
    font-weight: bold;
    border: solid 2px white;
    background-color: #777777;
    margin-top: 20px;
    padding: 4px;
}

#SettingsContent input[type=checkbox] {
    margin-top: 20px;
}

.button {
    font-weight: bold;
    color: white;
    border: solid 0px transparent;
    border-radius: 2px;
    background-color: #909090;
    padding: 5px 10px 5px 10px;
    margin-top: 20px;
    margin-right: 10px;
    transition: background-color 0.1s ease;
}

    .button:hover {
        background-color: #aaaaaa;
    }

    .button:active {
        transition: none;
        background-color: #555555;
    }

.okButton {
    background-color: #26a1db;
}

    .okButton:hover {
        background-color: #36b1eb;
    }

    .okButton:active {
        background-color: #555555;
    }

#pw2fa,
#pw2faenroll {
    font-size: 16px;
    height: 29px;
    width: 300px;
    border: 3px solid #666;
    padding-left: 9px;
}

    #pw2fa::placeholder,
    #pw2faenroll::placeholder {
        color: #999;
    }

    #pw2fa::-ms-input-placeholder,
    #pw2faenroll::-ms-input-placeholder {
        color: #999;
    }

    #pw2fa::-webkit-input-placeholder,
    #pw2faenroll::-webkit-input-placeholder {
        color: #999;
    }

#allowsave2fa {
    font-size: 13.3px;
}

#save2fa {
    margin-top: 12px;
}

#ok2fa,
#ok2faenroll {
    width: 312px;
    height: 30px;
    margin-right: 0px;
    margin-top: 5px;
}

#ok2faenroll {
    margin-top: 0px;
}

#cancel2faenroll {
    margin-top: 0px;
}

#ImageUpload iframe {
    display: none;
}

.ui-effects-wrapper {
    display: inline-block;
}

#help {
    color: white;
    border: solid 2px white;
    background: #777777;
    padding: 4px 4px 4px 4px;
    margin-top: 20px;
}

.DStileicon0 {
    background-image: url(TileIcon0);
}

.DStileicon1 {
    background-image: url(TileIcon1);
}

.DStileicon2 {
    background-image: url(TileIcon2);
}

.DStileicon3 {
    background-image: url(TileIcon3);
}

.DStileicon4 {
    background-image: url(TileIcon4);
}

.DStileicon5 {
    background-image: url(TileIcon5);
}

.DStileicon6 {
    background-image: url(TileIcon6);
}

.DStileicon7 {
    background-image: url(TileIcon7);
}

.DStileicon8 {
    background-image: url(TileIcon8);
}

.DStileicon9 {
    background-image: url(TileIcon9);
}

.DStileicon10 {
    background-image: url(TileIcon10);
}

.DStileicon11 {
    background-image: url(TileIcon11);
}

.DStileicon12 {
    background-image: url(TileIcon12);
}

.DStileicon13 {
    background-image: url(TileIcon13);
}

.DStileicon14 {
    background-image: url(TileIcon14);
}

.DStileicon15 {
    background-image: url(TileIcon15);
}

.DStileicon16 {
    background-image: url(TileIcon16);
}

.DStileicon17 {
    background-image: url(TileIcon17);
}

.DStileicon18 {
    background-image: url(TileIcon18);
}

.DStileicon19 {
    background-image: url(TileIcon19);
}

.DStileicon20 {
    background-image: url(TileIcon20);
}

.DStileicon21 {
    background-image: url(TileIcon21);
}

.DStileicon22 {
    background-image: url(TileIcon22);
}

.DStileicon23 {
    background-image: url(TileIcon23);
}

.DStileicon24 {
    background-image: url(TileIcon24);
}

.DStileicon25 {
    background-image: url(TileIcon25);
}

.DStileicon26 {
    background-image: url(TileIcon26);
}

.DStileicon27 {
    background-image: url(TileIcon27);
}

.DStileicon28 {
    background-image: url(TileIcon28);
}

.DStileicon29 {
    background-image: url(TileIcon29);
}

.DStileicon30 {
    background-image: url(TileIcon30);
}

.DStileicon31 {
    background-image: url(TileIcon31);
}

.DStileBlackForeground > .DStileicon0 {
    background-image: url(BlackTileIcon0);
}

.DStileBlackForeground > .DStileicon1 {
    background-image: url(BlackTileIcon1);
}

.DStileBlackForeground > .DStileicon2 {
    background-image: url(BlackTileIcon2);
}

.DStileBlackForeground > .DStileicon3 {
    background-image: url(BlackTileIcon3);
}

.DStileBlackForeground > .DStileicon4 {
    background-image: url(BlackTileIcon4);
}

.DStileBlackForeground > .DStileicon5 {
    background-image: url(BlackTileIcon5);
}

.DStileBlackForeground > .DStileicon6 {
    background-image: url(BlackTileIcon6);
}

.DStileBlackForeground > .DStileicon7 {
    background-image: url(BlackTileIcon7);
}

.DStileBlackForeground > .DStileicon8 {
    background-image: url(BlackTileIcon8);
}

.DStileBlackForeground > .DStileicon9 {
    background-image: url(BlackTileIcon9);
}

.DStileBlackForeground > .DStileicon10 {
    background-image: url(BlackTileIcon10);
}

.DStileBlackForeground > .DStileicon11 {
    background-image: url(BlackTileIcon11);
}

.DStileBlackForeground > .DStileicon12 {
    background-image: url(BlackTileIcon12);
}

.DStileBlackForeground > .DStileicon13 {
    background-image: url(BlackTileIcon13);
}

.DStileBlackForeground > .DStileicon14 {
    background-image: url(BlackTileIcon14);
}

.DStileBlackForeground > .DStileicon15 {
    background-image: url(BlackTileIcon15);
}

.DStileBlackForeground > .DStileicon16 {
    background-image: url(BlackTileIcon16);
}

.DStileBlackForeground > .DStileicon17 {
    background-image: url(BlackTileIcon17);
}

.DStileBlackForeground > .DStileicon18 {
    background-image: url(BlackTileIcon18);
}

.DStileBlackForeground > .DStileicon19 {
    background-image: url(BlackTileIcon19);
}

.DStileBlackForeground > .DStileicon20 {
    background-image: url(BlackTileIcon20);
}

.DStileBlackForeground > .DStileicon21 {
    background-image: url(BlackTileIcon21);
}

.DStileBlackForeground > .DStileicon22 {
    background-image: url(BlackTileIcon22);
}

.DStileBlackForeground > .DStileicon23 {
    background-image: url(BlackTileIcon23);
}

.DStileBlackForeground > .DStileicon24 {
    background-image: url(BlackTileIcon24);
}

.DStileBlackForeground > .DStileicon25 {
    background-image: url(BlackTileIcon25);
}

.DStileBlackForeground > .DStileicon26 {
    background-image: url(BlackTileIcon26);
}

.DStileBlackForeground > .DStileicon27 {
    background-image: url(BlackTileIcon27);
}

.DStileBlackForeground > .DStileicon28 {
    background-image: url(BlackTileIcon28);
}

.DStileBlackForeground > .DStileicon29 {
    background-image: url(BlackTileIcon29);
}

.DStileBlackForeground > .DStileicon30 {
    background-image: url(BlackTileIcon30);
}

.DStileBlackForeground > .DStileicon31 {
    background-image: url(BlackTileIcon31);
}

.DStileicon32 {
    background-image: url(TileIcon32);
}

.DStileBlackForeground > .DStileicon32 {
    background-image: url(BlackTileIcon32);
}

.DStileicon33 {
    background-image: url(TileIcon33);
}

.DStileBlackForeground > .DStileicon33 {
    background-image: url(BlackTileIcon33);
}

.DStileicon34 {
    background-image: url(TileIcon34);
}

.DStileBlackForeground > .DStileicon34 {
    background-image: url(BlackTileIcon34);
}

.DStileicon35 {
    background-image: url(TileIcon35);
}

.DStileBlackForeground > .DStileicon35 {
    background-image: url(BlackTileIcon35);
}

.DStileicon36 {
    background-image: url(TileIcon36);
}

.DStileBlackForeground > .DStileicon36 {
    background-image: url(BlackTileIcon36);
}

.DStileicon37 {
    background-image: url(TileIcon37);
}

.DStileBlackForeground > .DStileicon37 {
    background-image: url(BlackTileIcon37);
}

.DStileicon38 {
    background-image: url(TileIcon38);
}

.DStileBlackForeground > .DStileicon38 {
    background-image: url(BlackTileIcon38);
}

.DStileicon39 {
    background-image: url(TileIcon39);
}

.DStileBlackForeground > .DStileicon39 {
    background-image: url(BlackTileIcon39);
}

.DStileicon40 {
    background-image: url(TileIcon40);
}

.DStileBlackForeground > .DStileicon40 {
    background-image: url(BlackTileIcon40);
}

.DStileicon41 {
    background-image: url(TileIcon41);
}

.DStileBlackForeground > .DStileicon41 {
    background-image: url(BlackTileIcon41);
}

.DStileicon42 {
    background-image: url(TileIcon42);
}

.DStileBlackForeground > .DStileicon42 {
    background-image: url(BlackTileIcon42);
}

.DStileicon43 {
    background-image: url(TileIcon43);
}

.DStileBlackForeground > .DStileicon43 {
    background-image: url(BlackTileIcon43);
}

.DStileicon44 {
    background-image: url(TileIcon44);
}

.DStileBlackForeground > .DStileicon44 {
    background-image: url(BlackTileIcon44);
}

.DStileicon45 {
    background-image: url(TileIcon45);
}

.DStileBlackForeground > .DStileicon45 {
    background-image: url(BlackTileIcon45);
}

.DStileicon46 {
    background-image: url(TileIcon46);
}

.DStileBlackForeground > .DStileicon46 {
    background-image: url(BlackTileIcon46);
}

.DStileicon47 {
    background-image: url(TileIcon47);
}

.DStileBlackForeground > .DStileicon47 {
    background-image: url(BlackTileIcon47);
}

.DStileicon48 {
    background-image: url(TileIcon48);
}

.DStileBlackForeground > .DStileicon48 {
    background-image: url(BlackTileIcon48);
}

.DStileicon49 {
    background-image: url(TileIcon49);
}

.DStileBlackForeground > .DStileicon49 {
    background-image: url(BlackTileIcon49);
}

.DStileicon50 {
    background-image: url(TileIcon50);
}

.DStileBlackForeground > .DStileicon50 {
    background-image: url(BlackTileIcon50);
}

.DStileicon51 {
    background-image: url(TileIcon51);
}

.DStileBlackForeground > .DStileicon51 {
    background-image: url(BlackTileIcon51);
}

.DStileicon52 {
    background-image: url(TileIcon52);
}

.DStileBlackForeground > .DStileicon52 {
    background-image: url(BlackTileIcon52);
}

.DStileicon53 {
    background-image: url(TileIcon53);
}

.DStileBlackForeground > .DStileicon53 {
    background-image: url(BlackTileIcon53);
}

.DStileicon54 {
    background-image: url(TileIcon54);
}

.DStileBlackForeground > .DStileicon54 {
    background-image: url(BlackTileIcon54);
}

.DStileicon55 {
    background-image: url(TileIcon55);
}

.DStileBlackForeground > .DStileicon55 {
    background-image: url(BlackTileIcon55);
}

.DStileicon56 {
    background-image: url(TileIcon56);
}

.DStileBlackForeground > .DStileicon56 {
    background-image: url(BlackTileIcon56);
}

.DStileicon57 {
    background-image: url(TileIcon57);
}

.DStileBlackForeground > .DStileicon57 {
    background-image: url(BlackTileIcon57);
}

.DStileicon58 {
    background-image: url(TileIcon58);
}

.DStileBlackForeground > .DStileicon58 {
    background-image: url(BlackTileIcon58);
}

.DStileicon59 {
    background-image: url(TileIcon59);
}

.DStileBlackForeground > .DStileicon59 {
    background-image: url(BlackTileIcon59);
}

.DStileicon60 {
    background-image: url(TileIcon60);
}

.DStileBlackForeground > .DStileicon60 {
    background-image: url(BlackTileIcon60);
}

.DStileicon61 {
    background-image: url(TileIcon61);
}

.DStileBlackForeground > .DStileicon61 {
    background-image: url(BlackTileIcon61);
}

.DStileicon62 {
    background-image: url(TileIcon62);
}

.DStileBlackForeground > .DStileicon62 {
    background-image: url(BlackTileIcon62);
}

.DStileicon63 {
    background-image: url(TileIcon63);
}

.DStileBlackForeground > .DStileicon63 {
    background-image: url(BlackTileIcon63);
}

.DStileicon64 {
    background-image: url(TileIcon64);
}

.DStileBlackForeground > .DStileicon64 {
    background-image: url(BlackTileIcon64);
}

.DStileicon65 {
    background-image: url(TileIcon65);
}

.DStileBlackForeground > .DStileicon65 {
    background-image: url(BlackTileIcon65);
}

.DStileicon66 {
    background-image: url(TileIcon66);
}

.DStileBlackForeground > .DStileicon66 {
    background-image: url(BlackTileIcon66);
}

.DStileicon67 {
    background-image: url(TileIcon67);
}

.DStileBlackForeground > .DStileicon67 {
    background-image: url(BlackTileIcon67);
}

.DStileicon68 {
    background-image: url(TileIcon68);
}

.DStileBlackForeground > .DStileicon68 {
    background-image: url(BlackTileIcon68);
}

.DStileicon69 {
    background-image: url(TileIcon69);
}

.DStileBlackForeground > .DStileicon69 {
    background-image: url(BlackTileIcon69);
}

.DStileicon70 {
    background-image: url(TileIcon70);
}

.DStileBlackForeground > .DStileicon70 {
    background-image: url(BlackTileIcon70);
}

.DStileicon71 {
    background-image: url(TileIcon71);
}

.DStileBlackForeground > .DStileicon71 {
    background-image: url(BlackTileIcon71);
}

.DStileicon72 {
    background-image: url(TileIcon72);
}

.DStileBlackForeground > .DStileicon72 {
    background-image: url(BlackTileIcon72);
}

.DStileicon73 {
    background-image: url(TileIcon73);
}

.DStileBlackForeground > .DStileicon73 {
    background-image: url(BlackTileIcon73);
}

.DStileicon74 {
    background-image: url(TileIcon74);
}

.DStileBlackForeground > .DStileicon74 {
    background-image: url(BlackTileIcon74);
}

.DStileicon75 {
    background-image: url(TileIcon75);
}

.DStileBlackForeground > .DStileicon75 {
    background-image: url(BlackTileIcon75);
}

.DStileicon76 {
    background-image: url(TileIcon76);
}

.DStileBlackForeground > .DStileicon76 {
    background-image: url(BlackTileIcon76);
}

.DStileicon77 {
    background-image: url(TileIcon77);
}

.DStileBlackForeground > .DStileicon77 {
    background-image: url(BlackTileIcon77);
}

.DStileicon78 {
    background-image: url(TileIcon78);
}

.DStileBlackForeground > .DStileicon78 {
    background-image: url(BlackTileIcon78);
}

.DStileicon79 {
    background-image: url(TileIcon79);
}

.DStileBlackForeground > .DStileicon79 {
    background-image: url(BlackTileIcon79);
}

.DStileicon80 {
    background-image: url(TileIcon80);
}

.DStileBlackForeground > .DStileicon80 {
    background-image: url(BlackTileIcon80);
}

.DStileicon81 {
    background-image: url(TileIcon81);
}

.DStileBlackForeground > .DStileicon81 {
    background-image: url(BlackTileIcon81);
}

.DStileicon82 {
    background-image: url(TileIcon82);
}

.DStileBlackForeground > .DStileicon82 {
    background-image: url(BlackTileIcon82);
}

.DStileicon83 {
    background-image: url(TileIcon83);
}

.DStileBlackForeground > .DStileicon83 {
    background-image: url(BlackTileIcon83);
}

.DStileicon84 {
    background-image: url(TileIcon84);
}

.DStileBlackForeground > .DStileicon84 {
    background-image: url(BlackTileIcon84);
}

.DStileicon85 {
    background-image: url(TileIcon85);
}

.DStileBlackForeground > .DStileicon85 {
    background-image: url(BlackTileIcon85);
}

.DStileicon86 {
    background-image: url(TileIcon86);
}

.DStileBlackForeground > .DStileicon86 {
    background-image: url(BlackTileIcon86);
}

.DStileicon87 {
    background-image: url(TileIcon87);
}

.DStileBlackForeground > .DStileicon87 {
    background-image: url(BlackTileIcon87);
}

.DStileicon88 {
    background-image: url(TileIcon88);
}

.DStileBlackForeground > .DStileicon88 {
    background-image: url(BlackTileIcon88);
}

.DStileicon89 {
    background-image: url(TileIcon89);
}

.DStileBlackForeground > .DStileicon89 {
    background-image: url(BlackTileIcon89);
}

.DStileicon90 {
    background-image: url(TileIcon90);
}

.DStileBlackForeground > .DStileicon90 {
    background-image: url(BlackTileIcon90);
}

.DStileicon91 {
    background-image: url(TileIcon91);
}

.DStileBlackForeground > .DStileicon91 {
    background-image: url(BlackTileIcon91);
}

.DStileicon92 {
    background-image: url(TileIcon92);
}

.DStileBlackForeground > .DStileicon92 {
    background-image: url(BlackTileIcon92);
}

.DStileicon93 {
    background-image: url(TileIcon93);
}

.DStileBlackForeground > .DStileicon93 {
    background-image: url(BlackTileIcon93);
}

.DStileicon94 {
    background-image: url(TileIcon94);
}

.DStileBlackForeground > .DStileicon94 {
    background-image: url(BlackTileIcon94);
}

.DStileicon95 {
    background-image: url(TileIcon95);
}

.DStileBlackForeground > .DStileicon95 {
    background-image: url(BlackTileIcon95);
}

.DStileicon96 {
    background-image: url(TileIcon96);
}

.DStileBlackForeground > .DStileicon96 {
    background-image: url(BlackTileIcon96);
}

.DStileicon97 {
    background-image: url(TileIcon97);
}

.DStileBlackForeground > .DStileicon97 {
    background-image: url(BlackTileIcon97);
}

.DStileicon98 {
    background-image: url(TileIcon98);
}

.DStileBlackForeground > .DStileicon98 {
    background-image: url(BlackTileIcon98);
}

.DStileicon99 {
    background-image: url(TileIcon99);
}

.DStileBlackForeground > .DStileicon99 {
    background-image: url(BlackTileIcon99);
}

.DStileicon100 {
    background-image: url(TileIcon100);
}

.DStileBlackForeground > .DStileicon100 {
    background-image: url(BlackTileIcon100);
}

.DStileicon101 {
    background-image: url(TileIcon101);
}

.DStileBlackForeground > .DStileicon101 {
    background-image: url(BlackTileIcon101);
}

.DStileicon102 {
    background-image: url(TileIcon102);
}

.DStileBlackForeground > .DStileicon102 {
    background-image: url(BlackTileIcon102);
}

.DStileicon103 {
    background-image: url(TileIcon103);
}

.DStileBlackForeground > .DStileicon103 {
    background-image: url(BlackTileIcon103);
}

.DStileicon104 {
    background-image: url(TileIcon104);
}

.DStileBlackForeground > .DStileicon104 {
    background-image: url(BlackTileIcon104);
}

.DStileicon105 {
    background-image: url(TileIcon105);
}

.DStileBlackForeground > .DStileicon105 {
    background-image: url(BlackTileIcon105);
}

.DStileicon106 {
    background-image: url(TileIcon106);
}

.DStileBlackForeground > .DStileicon106 {
    background-image: url(BlackTileIcon106);
}

.DStileicon107 {
    background-image: url(TileIcon107);
}

.DStileBlackForeground > .DStileicon107 {
    background-image: url(BlackTileIcon107);
}

.DStileicon108 {
    background-image: url(TileIcon108);
}

.DStileBlackForeground > .DStileicon108 {
    background-image: url(BlackTileIcon108);
}

.DStileicon109 {
    background-image: url(TileIcon109);
}

.DStileBlackForeground > .DStileicon109 {
    background-image: url(BlackTileIcon109);
}

.DStileicon110 {
    background-image: url(TileIcon110);
}

.DStileBlackForeground > .DStileicon110 {
    background-image: url(BlackTileIcon110);
}

.DStileicon111 {
    background-image: url(TileIcon111);
}

.DStileBlackForeground > .DStileicon111 {
    background-image: url(BlackTileIcon111);
}

.DStileicon112 {
    background-image: url(TileIcon112);
}

.DStileBlackForeground > .DStileicon112 {
    background-image: url(BlackTileIcon112);
}

.DStileicon113 {
    background-image: url(TileIcon113);
}

.DStileBlackForeground > .DStileicon113 {
    background-image: url(BlackTileIcon113);
}

.DStileicon114 {
    background-image: url(TileIcon114);
}

.DStileBlackForeground > .DStileicon114 {
    background-image: url(BlackTileIcon114);
}

.DStileicon115 {
    background-image: url(TileIcon115);
}


div.DSslider {
    height: 10px;
    background-color: #b0b0b0;
    border: solid 1px black;
}

div.DSslider div {
    background-color: #ffffff;
    position: relative;
    height: 10px;
    width: 10px;
}

#search {
    display: none;
    border: none;
    left: 85px;
    top: 40px;
    font-size: 20pt;
    position: absolute;
    
    background-color: rgba(255, 255, 255, 0.8);
}

.dark #search {
    background-color: #666666;
    color: white;
}

#searchButton {
    position: absolute;
    left: 40px;
    top: 40px;
    width: 36px;
    height: 36px;
    
}

a.DSmoduletile:hover div.DStilefront,
a.DSmoduletile:hover div.DStileback {
    border: 1px solid darkgray;
    left: -1px;
    top: -1px;
}

a.DSmoduletile:focus div.DStilefront,
a.DSmoduletile:focus div.DStileback {
    border: 2px dotted darkgray;
    left: -2px;
    top: -2px;
}

#LicenseName.hasBanner {
    line-height: normal;
    font-size: medium;
}

#Background,
#TilesBackground,
#ModuleBackground {
    position: absolute;
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

    #Background #ModuleBackground {
        display: none;
    }

    #Background.InModule #ModuleBackground {
        display: block;
    }

.moduleCorner {
    
    right: -0.01px;
    content: '';
    display: inline-block;
    height: 0px;
    width: 0px;
    position: absolute;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    border-top-width: 0px;
    border-top-style: solid;
    border-top-color: transparent;
    border-left-style: solid;
    border-left-width: 0px;
    box-shadow: -3px 3px 3px rgba(0, 0, 0, 0.15);
    
}

.DSdraggingItem .moduleCorner {
    display: none;
}

body[defaultbackground='false'] .moduleCorner {
    border-top-color: rgba(0, 0, 0, 0.5);
    
}

.DSmoduletile:hover > .moduleCorner {
    right: -1px;
    top: -1px;
}

.openedTile > .moduleCorner {
    border-top-width: 30px;
    border-left-width: 30px;
    transition-property: border-top-width, border-left-width;
    transition-duration: 0.5s;
}

.DSsmallTiles .openedTile > .moduleCorner {
    border-top-width: 22px;
    border-left-width: 22px;
}

.DSflip > .moduleCorner,
.DSsmallTiles .DSflip > .moduleCorner {
    transition: none;
    border-top-width: 0px;
    border-left-width: 0px;
}

.DSfliprevert > .moduleCorner {
    transition-delay: 0.2s;
}

#tour {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    border: none;
}


#search {
    z-index: 1;
}

#searchButton {
    z-index: 1;
}

div.DStileback {
    z-index: 1;
}

#ToolBar {
    z-index: 2;
}

div.DStilefront {
    z-index: 2;
}

.moduleCorner{
    z-index: 2;
}

#Settings,
#ChangePassword {
    z-index: 3;
}

#ImageUpload {
    z-index: 4;
}

.DSdraggingItem {
    z-index: 1000;
}

#tour {
    z-index: 5;
}