html, body {
    height:                     100%;
    margin:                     0;
    padding:                    0;
    color:                      #000000;
}
body, input, select, button, text {
    font-size:                  12px;
    font-family:                'Open Sans', Tahoma, sans-serif;
}
body {
    line-height:                20px;
    margin:                     0;
    padding:                    0;
    overflow-x:                 hidden;
    overflow-y:                 auto;
    width:                      100%;
    height:                     100%;
    min-height:                 100%;
}
#login-form-status {
    width: 100%;
}
.blue {
    background:         #2c3e50;
}
.loginBlue {
    background: #2b328c; /* Old browsers */
    background: -moz-linear-gradient(-45deg,  #2b328c 0%, #2b328c 50%, #21286d 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg,  #2b328c 0%,#2b328c 50%,#21286d 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg,  #2b328c 0%,#2b328c 50%,#21286d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b328c', endColorstr='#21286d',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    background-repeat:no-repeat;
    background-attachment: fixed;
}
.grey {
    background:         #666666;
}
h4, h5 {
    color:                      #999999;
}
iframe {
    width:                      100%;
    height:                     100%;
    border:                     0;
}
#WorkspaceOptionsDiv
{
    display:                    block;
    background:                 rgba(255, 255, 255, 0.2);
    font-family:                'Share', 'Open Sans', Tahoma, sans-serif;
    font-size:                  1.2em;
    border:                     0px solid transparent;
    border-radius:              5px;
    color:                      #FFFFFF;
    width:                      600px;
    margin:                     5px 5px 5px auto;
}
#WorkspaceOptionsDiv div, #WorkspaceOptionsDiv td, #WorkspaceOptionsDiv span, #WorkspaceOptionsDiv label.option-label
{
    font-size:                  12px;
    display:                    inline-block;
    vertical-align:             top;
    margin:                     5px 0 5px 0;
}
#WorkspaceOptionsDiv td {
    text-align:                 left;
    max-width:                  300px;
    padding:                    5px;
}
#WorkspaceOptionsDiv span {
    margin-left:                10px;
}
img.layout:hover {
    cursor:                     pointer;
}
img.current-layout
{
    background:                 #999999;
}
img.reverse {
    -ms-transform: scaleY(-1);
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1);
}
.workspace-loading-background {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
    z-index: 9999
}
.workspace-loading-background .workspace-loading {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
#WorkspaceName {
    width:                      100px;
}
#SettingsDiv {
    position:                       absolute;
    top:                            -1000px;
    left:                           0;
    z-index:                        1001;
    font-family:                    Share;
    font-size:                      1.2em;
    transition:                     all 0.2 ease;
    background:                     rgba(102, 102, 102, 0.9);
    border-radius:                  0 0 5px 0;
    color:                          #FFFFFF;
    box-shadow:                     2px 2px 5px #666;
    padding:                        5px;
}
#SettingsDiv td {
    padding:                        3px;
}
#WorkspacesDiv {
    position:                       absolute;
    top:                            -1000px;
    left:                           40px;
    z-index:                        1001;
    width:                          500px;
    background:                     rgba(102, 102, 102, 0.9);
    color:                          #FFFFFF;
    text-align:                     left;
    border-radius:                  0 0 5px 5px;
    transition-property:            all ease;
    box-shadow:                     2px 2px 5px #666;
}
#WorkspacesDiv > ul {
    list-style:         none;
    list-style-type:    none;
    margin:             0;
    padding:            5px;
}
#WorkspacesDiv > ul > li {
    padding:            5px;
    line-height:        24px;
    vertical-align:     middle;
    border:             1px solid transparent;
    margin-top:         5px;
}
#WorkspacesDiv > ul > li:last-child {
    border-bottom-color:    transparent;
}
#WorkspacesDiv > ul > li:hover {
    border:             1px solid #999999;
    cursor:             pointer;
}
#WorkspacesDiv > ul > li:first-child:hover {
    border:             1px solid transparent;
}
#WorkspacesDiv > ul > li.current {
    border:             1px solid #D8D8D7;
    background-color:   rgba(255, 255, 255, 0.2);
}
#WorkspacesDiv > ul > li.current:hover {
    cursor:             default;
}
#WorkspacesDiv > ul > li > img {
    vertical-align:     middle;
    margin-right:       10px;
}
#WorkspacesDiv > ul > li > div {
    position:           relative;
    vertical-align:     middle;
}
#WorkspacesDiv > ul > li > div img {
    padding:            5px;
    vertical-align:     middle;
}
#WorkspacesDiv > ul > li > div > span.buttons > button {
    position:           absolute;
    top:                0;
    right:              0;
}
#WorkspacesDiv table {

}
#WorkspacesDiv table tr {

}
#WorkspacesDiv table tr td {
    padding:            2px;
    vertical-align:     middle;
}
#WorkspacesDiv table tr td button {
    vertical-align:     top;
    margin-top:         2px;
}
#NewWorkspaceName {
    background-color:   #FFFFFF;
    width:              175px;
}
#MainMenu {
    position:           fixed;
    top: 0;
    z-index:            1000;
    -webkit-transition: all 0.5s;
    -moz-transition:    all 0.5s;
    -ms-transition:     all 0.5s;
    -o-transition:      all 0.5s;
    transition:         all 0.5s;
    width: 100%;
    background:         #555555;
}
#MainMenu.loggedout {
    display:            none;
}
#MainMenu:hover, #MainMenu.active {
    background:         #555555;
    opacity:            1.0;
}
div.menu-block-outer {
    display:            inline-block;
}
div.menu-block {
    display:            inline-block;
    border-right:       1px dotted #777777;
    line-height:        30px;
    vertical-align:     bottom;
    padding:            5px;
    color:              #FFFFFF;
    font-family:        Share;
    -webkit-transition: all 0.5s;
    -moz-transition:    all 0.5s;
    -ms-transition:     all 0.5s;
    -o-transition:      all 0.5s;
    transition:         all 0.5s;
    padding-bottom: 0;
}
div.menu-block.right {
    float:              right;
    border-right:       none;
    border-left:        1px dotted #777777;
    margin:             7px 2px 0 2px;
}
div.menu-block.no-border {
    border-right:       none;
    border-left:        none;
    padding-bottom: 5px;
}
div.menu-block.settings,
div.menu-block.workspaces {
    padding-bottom: 5px;
}
div.menu-block:hover,
div.menu-block.current {
    background-color:   #22B1E9;
    /* border-radius: 5px 5px 0 0; */
}
div.menu-block:hover {
    cursor:             pointer;
}
div.menu-block.no-hover {
    padding-left:       0;
}
div.menu-block.no-hover:hover {
    background-color:   transparent;
    cursor:             default;
}
div.menu-block > span {
    display:            inline-block;
    padding-left:       10px;
    font-size:          1.2em;
    width:              195px;
}
div.menu-block > img,
div.menu-block > div.menu-workspaces > img,
div.menu-block > div.menu-widget > img {
    vertical-align:     middle;
}
div.menu-block > img:hover {
    cursor:             pointer;
}
div.menu-block > div.menu-workspaces,
div.menu-block > div.menu-widget {
    display:            inline-block;
    width:              36px;
    height:             36px;
    padding:             3px 5px 0 5px;
}
div.menu > div > span, div.sub-menu > div > span {
    font:               14px Share;
    position:           absolute;
    top:                30px;
    width:              70px;
    text-align:         center;
    color:              #FFFFFF;
    transition:         all 0.2s ease;
    text-shadow:        1px 1px 1px #666666;
}
div.menu {
    margin-right:       5px;
}
div.menu {
    min-height:         30px;
    margin-top:         -15px;
}
div.menu > div {
    display:            inline-block;
    float:              right;
    margin-top:         -25px;
    transition:         all 0.5s ease;
    margin-left:        5px;
    cursor:             pointer;
    text-align:         right;
}
div.menu > div.hovered {
    margin-top:         15px;
    cursor:             pointer;
}
div.menu > div > span {
    top:                5px;
}
div.menu > div.hovered > span {
    top:                45px;
    color:              #EEEEEE;
    text-shadow:        1px 1px 1px #000000;
}
div.sub-menu {
    /*display:            none;*/

    clear:              both;
    min-height:         80px;
}
div.sub-menu > div.menu-item {
    text-align:         right;
    display:            inline-block;
    /*margin-top:         -20px;*/
    transition:         all 0.1s ease;
    margin-left:        5px;
    position:           relative;
    /*margin-top:         -20px;*/
    /*top:                -150px;*/
    opacity:            1;
    transition:         all 0.2 ease;
}
div.sub-menu > div.menu-item:last-child {
    margin-right:       42px;
}
div.sub-menu > div.menu-item > span {
    top:                38px;
}
div.main-menu {
    position: absolute;
    padding: 10px 5px 5px 20px;
    z-index: 1000;
    color: #D8D8D7;
    font-weight: bold;
    line-height: 30px;
    vertical-align: middle;
    font: 1.2em Share;
    text-shadow: 1px 1px 1px #000000;
}
div.main-menu:hover {
    cursor:             pointer;
    color:              #FFFFFF;
}
div.main-menu img {
    vertical-align:     middle;
    padding-right:      10px;
}
div.main-settings {
    position:           absolute;
    top:                10px;
    left:               15px;
    border-right:       1px solid #777777;
    padding-right:      5px;
    padding-top:        3px;
    z-index:            1000;
    border:             1px solid transparent;
}
div.main-settings:hover, div.main-settings.active,
div.current-workspace:hover, div.current-workspace.active {
    cursor:             pointer;
    border:             1px solid #D8D8D7;
    background-color:   rgba(255, 255, 255, 0.2);
}
div.main-settings > img {
    margin-left:        5px;
}
div.current-workspace {
    position:           absolute;
    top:                10px;
    left:               60px;
    color:              #FFFFFF;
    padding:            5px;
    height:             20px;
    border:             1px solid transparent;
}
div.current-workspace > span {
    top:                5px;
    text-shadow:        1px 1px 1px #000000;
    text-align:         left;
    padding-left:       5px;
    vertical-align:     top;
}
div.menu-item, div.workspace-options, div.widget-drag
{
    font-size:                  1.2em;
}
div.menu-item.current > span {
    color:                      #FFFFFF;
    text-shadow:                1px 1px 1px #666666;
    background:                 rgba(255, 255, 255, 0.3);
    padding-top:                5px;
    padding-bottom:             5px;
    top:                        35px;
}
div.menu-item.workspace-item:hover {
    cursor:                     pointer;
}
div.menu-item:hover, div.workspace-item:hover, div.widget-drag:hover {
    color:                      #F4EFE9;
}

div.menu-block > div.menu-workspaces .menu-item-remove,
div.menu-block > div.menu-widget .menu-item-remove {
    display: none;
}
div.menu-block > div.menu-workspaces:hover .menu-item-remove,
div.menu-block > div.menu-widget:hover .menu-item-remove {
    display: block;
    margin: -35px 0px 0 21px;
}
.menu-item-remove:hover {
    cursor: pointer;
}
div.widget-sub-drag {
    display:                    inline-block;
    padding:                    3px 10px 3px 10px;
}
div.widget-drag:hover, div.widget-sub-drag:hover {
    cursor:                     move;
}
div.widget-drop
{
    background:                 #EFEFEF;
    opacity:                    0.8;
}
div.switch {
    position:                   relative;
    height:                     26px;
    width:                      200px;
    background-color:           #AAAAAA;
    border-radius:              3px;
    -webkit-box-shadow:         inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
    box-shadow:                 inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
}
label.switch-label {
    font-size:                  1.2em;
    position:                   relative;
    z-index:                    2;
    float:                      left;
    width:                      98px;
    line-height:                26px;
    color:                      #FFFFFF;
    text-align:                 center;
    text-shadow:                0 1px 1px rgba(0, 0, 0, 0.45);
    cursor:                     pointer;
}
label.switch-label-off, label.switch-label-on {
    padding-left:               2px;
}
input.switch-input {
    display:                      none;
}
input.switch-input:checked + label.switch-label {
    color:                      #FFFFFF;
    text-shadow:                0 1px rgba(255, 255, 255, 0.25);
    -webkit-transition:         0.15s ease-out;
    -moz-transition:            0.15s ease-out;
    -o-transition:              0.15s ease-out;
    transition:                 0.15s ease-out;
}
input.switch-input:checked + label.switch-label-on ~ span.switch-selection {
    left:                       90px;
    /* Note: left: 50% doesn't transition in WebKit */
}
span.switch-selection {
    display:                    block;
    position:                   absolute;
    z-index:                    1;
    top:                        -3px;
    left:                       -7px;
    width:                      98px;
    height:                     22px;
    border-radius:              3px;
    background-color:           #666;
    -webkit-box-shadow:         inset 0 1px rgba(255, 255, 255, 0.5), 0 0 2px rgba(0, 0, 0, 0.2);
    box-shadow:                 inset 0 1px rgba(255, 255, 255, 0.5), 0 0 2px rgba(0, 0, 0, 0.2);
    -webkit-transition:         left 0.15s ease-out;
    -moz-transition:            left 0.15s ease-out;
    -o-transition:              left 0.15s ease-out;
    transition:                 left 0.15s ease-out;
}
.drag-drop {
    cursor:                     move;
}
div.bg-image {
    display:                    inline-block;
    height:                     26px;
    width:                      19px;
    padding:                    15px;
}
div.bg-image.move {
    cursor:                     move;
}
/* Widget level icons */
.bg-image.search-widget,
.bg-image.adv-search-widget{
    background-position:        3px 2px;
}
.bg-image.pricing-widget, .bg-image.multi-pricing-widget {
    background-position:        -49px 3px;
}
.bg-image.k-map-widget {
    background-position:        -102px 3px;
}
.bg-image.k-intel-widget {
    background-position:        -154px 3px;
}
.bg-image.university-widget {
    background-position:        -206px 3px;
}
.bg-image.manage-events-widget {
    background-position:        3px -175px;
}
.bg-image.manage-export-widget {
    background-position:        -206px -292px;
}
.bg-image.manage-sites-widget,
.bg-image.sites-widget {
    background-position:        -49px -57px;
}
.bg-image.manage-simulations-widget {
    background-position:        -102px -57px;
}
.bg-image.mass-tactics-widget {
    background-position:        -104px -349px;
}
.bg-image.k-connect-admin-widget {
    background-position:        3px -116px;
}
.bg-image.import-status-widget {
    background-position: -48px -292px;
}
.bg-image.k-connect-password-widget {
    background-position:        3px -116px;
}
.bg-image.to-do-list-widget {
    background-position:        3px -57px;
}
/* User level icons */
.bg-image.user-widget {
    background-position:        -49px -116px;
}
.bg-image.rss-feed-widget {
    background-position: -102px -116px;
}
.bg-image.tweet-widget {
    background-position:        -154px -116px;
}
.bg-image.manage-data-widget {
    background-position: -102px -174px;
}
.bg-image.planner {
    background-position: -154px -57px;
}
.bg-image.strategy {
    background-position: 3px -234px;
}
.bg-image.market-strategy-widget {
    background-position: -49px -233px;
}
.bg-image.market-pricing-widget {
    background-position: -102px -233px;
}
.bg-image.validation-viewer-widget {
    background-position: -206px -57px;
}
.bg-image.survey-administrator-widget {
    background-position:        -49px -175px;
}
.bg-image.report-viewer-widget {
    background-position:        -206px -116px;
}
.bg-image.notes-widget {
    background-position:        -155px -233px;
}
.bg-image.price-request-widget {
    background-position:        -48px -348px;
}
.bg-image.configuration-widget {
    background-position:        -48px -292px;
}
.bg-image.support-wiki-widget {
    background-position:        -48px -292px;
}
.bg-image.dealer-trade-areas-widget {
    background-position:        -206px -234px;
}
.bg-image.install-log-widget {
    background-position:        -48px -292px;
}
.bg-image.import-log-widget {
    background-position:        -48px -292px;
}
.bg-image.system-health-check-widget {
    background-position:       -48px -292px;
}
.bg-image.batch-audit-widget {
    background-position:       -48px -292px;
}
.bg-image.etl-log-widget {
    background-position:        -48px -292px
}
.bg-image.administrator-widget {
    background-position:        -155px -292px;
}
.bg-image.kconnect-status-widget{
    background-position:        3px -116px;
}
.bg-image.kconnect-config-widget{
    background-position:        3px -116px;
}
.bg-image.price-optimisation-widget {
    background-position:        -155px -348px;
}
label.check-label {
    display:                    inline-block;
    vertical-align:             middle;
    line-height:                25px;
}
.cursor-normal:hover {
    cursor:                     default;
}
.cursor-pointer:hover {
    cursor:                     pointer;
}
.cursor-move:hover {
    cursor:                     move;
}
div.widget-preview-container {
    position:                       fixed;
    top:                            -90px;
    right:                          0;
    background-color:               #FFFFFF;
    opacity:                        0.9;
    z-index:                        3000;
    z-index:                        3000000000;
    border:                         1px solid #666666;
    border-right:                   0;
    border-top:                     0;
    border-radius:                  0 0 0 5px;
}
div.widget-preview-container:hover {
    z-index:                        3000000000;
}
div.widget-preview {
    font-family:                    'Share';
    font-size:                      14px;
    display:                        inline-block;
    min-width:                      100px;
    max-width:                      100px;
    width:                          100px;
    height:                         50px;
    border-radius:                  5px;
    color:                          #FFFFFF;
    text-align:                     center;
    box-shadow:                     none;
    line-height:                    25px;
    vertical-align:                 top;
    margin:                         3px;
    cursor:                         pointer;
    padding:                        2px;
    overflow:                       hidden;
    white-space:                    nowrap;
    -ms-text-overflow:              ellipsis;
    text-overflow:                  ellipsis;
}
div.widget-preview:hover {
    background-color:               #999999;
}
div.widget-preview img:hover {
    cursor:                         pointer;
}
div.widget-preview.selected {
    border:                         2px solid #333333;
}
div.error {
    background-color:               #F5F5F5;
    border-top:                     1px solid #D5073C;
    border-bottom:                  1px solid #D5073C;
    padding:                        10px;
    vertical-align:                 middle;
    color:                          #D5073C;
}
div.error > img {
    vertical-align:                 middle;
    margin-right:                   5px;
}
.ui-match {
    font-weight:                    bold;
}
input.workspace-name-input, input.workspace-name-input:focus {
    width:                          150px;
    background-color:               #FFFFFF;
}
span.price-change {
    display:                        inline;
    line-height:                    15px;
    vertical-align:                 middle;
    font-size:                      10px;
    font-weight:                    normal;
    color:                          #333333;
    font-family:                    'Open Sans', Tahoma, sans-serif;
}
span.price-change > img {
    margin-right:                   3px;
    line-height:                    15px;
    vertical-align:                 middle;
}
span.gpc-and-list-price{
    display: flex;
    align-items: center;
}
.list-price-icon {
    height: 20px;
    width:  20px;
}
div.example-workspace-div {
    position:           fixed;
    top:                50%;
    bottom:             50%;
    left:               50%;
    right:              50%;
    z-index:            10000;
    background:         #FFFFFF;
    text-align:         center;
    visibility:         hidden;
    background-color:   rgba(255,255,255,0.9);
    border:             1px solid #D8D8D7;
    border-radius:      5px;
    box-shadow:         0 0 10px #D8D8D7;
    text-align:         center;
    padding:            5px;
    overflow-y:         auto;
}
div.example-workspace-div div.widget {
    margin:             20px;
}
div.menu-options {
    background-color:   #777777;
    padding:            5px;
    display:            none;
}
div.menu-options > ul > li {
    font-weight:        normal;
    text-transform:     none;
    font-size:          12px;
    color:              #D8D8D7;
    padding:            0 3px;
    margin-bottom:      2px;
    -webkit-transition: all 0.5s;
    -moz-transition:    all 0.5s;
    -ms-transition:     all 0.5s;
    -o-transition:      all 0.5s;
    transition:         all 0.5s;
    font-family:        'Open Sans', Tahoma, sans-serif;
    text-shadow:        none;
    line-height:        32px;
}
div.menu-options > ul > li:hover,
div.menu-options > ul > li.selected {
    background-color:   #888888;
    border-radius:      5px;
    color:              #FFFFFF;
}
div.menu-options > ul > li > img {
    float:              right;
    margin-top:         6px;
}
div.menu-options > ul > li > table {
    background-color:   #999999;
    border-radius:      5px;
    width:              100%;
}
div.menu-options > ul > li td {
    padding:            2px;
    vertical-align:     top;
}
div.menu-options > ul > li td div,
div.menu-options > ul > li td button {
    vertical-align:     top;
}
div.menu-options > ul > li td img {
    padding:            3px;
}
#AboutDiv {
    position:           fixed;
    top:                50%;
    bottom:             50%;
    left:               50%;
    right:              50%;
    background-size:    cover;
    background-repeat:  no-repeat;
    z-index:            10002;
    text-align:         center;
    box-shadow:         2px 2px 5px #333333;
    display:            none;
}
#AboutDiv div.version-number {
    color:              #FFFFFF;
    position:           absolute;
    top:                250px;
    left:               50%;
    margin-left:        -125px;
    font-size: 14px;
}
#AboutDiv div.version-number img {
    width: 300px;
    margin-bottom: 30px;
}
#AboutDiv div.about-close {
    margin: 10px;
}
#AboutDiv.statusDiv {
    display: block;
    height: 100%;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-size: cover;
    background-repeat: no-repeat;
}
#AboutDiv.statusDiv div.status-container {
    color: #FFFFFF;
    position: absolute;
    top: 150px;
    left: 50%;
    transform: translate(-50%,0);
    font-size: 14px;
    width: 400px;
}

#AboutDiv.statusDiv div.status-container #login-form-status {
    width: 300px;
    margin: 0 auto 30px auto;
}

#AboutDiv.statusDiv div.status-container div.status-table-header {
    font-weight: bold;
    background-color: #fff;
    color: #000;
    padding: 5px 0;
    border-bottom: 1px solid #e4e4e4;
}

#AboutDiv.statusDiv div.status-container div.status-table-data {
    background-color: #fff;
    color: #000;
}

#AboutDiv.statusDiv div.status-container div.status-table-data > div {
    padding: 5px 0;
}

#AboutDiv.statusDiv div.status-container div.status-table-data > div:nth-child(2n) {
    background-color: #f6f6f6;
}

#AboutDiv.statusDiv div.status-container span.service-name {
    display: inline-block;
    width: 125px;
}

#AboutDiv.statusDiv div.status-container span.service-status {
    display: inline-block;
    width: 125px;
    font-weight: bold;
}

#AboutDiv.statusDiv div.status-container span.service-version {
    display: inline-block;
    width: 125px;
}

#AboutDiv.statusDiv div.status-container div.status-table-data span.service-status {
    color: red;
}

#AboutDiv.statusDiv div.status-container div.status-table-data span.service-status.OK {
    color: green;
} 

#AboutDiv.statusDiv div.status-container div.status-table-data span.service-status.Healthy {
    color: green;
} 

div.about-grid {
    background:         url(../../../images/core/login/Background_Grid.png) !important;
    position:           absolute;
    top:                0;
    bottom:             0;
    left:               0;
    right:              0;
}
div.about-background > img {
    position:           absolute;
    bottom:             0;
    right:              0;
}
ul.workspace-list {
    position:           absolute;
    top:                -1000px;
    left:               60px;
    z-index:            998;
    -webkit-transition: all 0.3s;
    -moz-transition:    all 0.3s;
    -ms-transition:     all 0.3s;
    -o-transition:      all 0.3s;
    transition:         all 0.3s;
}
ul.workspace-list > li {
    line-height:        30px;
    padding:            5px;
    min-width:          100px;
    background-color:   #666666;
    text-align:         left;
    border-top:         1px solid #555555;
    -webkit-transition: all 0.3s;
    -moz-transition:    all 0.3s;
    -ms-transition:     all 0.3s;
    -o-transition:      all 0.3s;
    transition:         all 0.3s;
    list-style-type: none;
}
ul.workspace-list > li:hover {
    background-color:   #888888;
    cursor:             pointer;
}
div.main-menu > div:hover ul.workspace-list {
    top:                45px;
}
div.autosense-hidden-block {
    display: inline-block;
    visibility: hidden;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 0;
    overflow: hidden;
}
div.workspaces-menu,
div.settings-menu,
div.current-workspace-menu {
    display:            none;
    position:           absolute;
    top:                44px;
    left:               0;
    background-color:   #666666;
    z-index:            1;
    max-height:         95vh;
    overflow-y:         hidden;
}
div.workspaces-menu:hover {
    overflow-y:         auto;
}
div.workspaces-menu::-webkit-scrollbar {
    display: none;
}
div.workspaces-menu {
    left:               46px;
}
div.current-workspace-menu {
    left:               98px;
    padding-top:        10px;
    width:              310px;
}
div.settings-menu {
    background-color:   #555555;
    width:              300px;
}
div.settings-menu > p {
    text-shadow:        1px 1px 1px #000000;
    border-top:         1px solid #888888;
    padding-left:       5px;
    font-size:          1.2em;
    background-color:   #777777;
}
div.settings-menu > p:first-child {
    border-top:         none;
}
div.settings-menu > ul > li {
    color:              #D8D8D7;
    padding:            3px 5px;
    -webkit-transition: all 0.5s;
    -moz-transition:    all 0.5s;
    -ms-transition:     all 0.5s;
    -o-transition:      all 0.5s;
    transition:         all 0.5s;
    font-size:          1.2em;
    text-shadow:        none;
    padding-left:       20px;

}
div.settings-menu > ul > li:hover {
    background-color:   #777777;
    cursor:             pointer;
}
div.settings-menu > ul > li.selected {
    background-color:   #888888;
    color:              #FFFFFF;
}
div.settings-menu > ul > li > img {
    float:              right;
    margin-top:         3px;
}
div.settings-menu > ul > li > img:hover {
    cursor:             pointer;
}
div.workspaces-menu > div:last-child {
    border-bottom:      none;
}
div.workspace-block {
    background-color:   #555555;
    min-width:          300px;
    color:              #ffffff;
    vertical-align:     middle;
    border-bottom:      1px solid #888;
    padding:            3px 5px;
    line-height:        30px;
    -webkit-transition: all 0.5s;
    -moz-transition:    all 0.5s;
    -ms-transition:     all 0.5s;
    -o-transition:      all 0.5s;
    transition:         all 0.5s;
}
div.workspace-block:hover {
    background-color:   #777777;
    cursor:             pointer;
}
div.workspace-block.selected {
    background-color:   #777777;
}
div.workspace-block > div > img {
    vertical-align:     middle;
}
div.workspace-text {
    display:            inline-block;
    width:              245px;
    font-weight:        normal;
    font-size:          14px;
}
div.workspace-text > img {
    padding-right:      10px;
    width:              32px;
    height:             32px;
}
div.workspace-settings {
    display:            inline-block;
    border-left:        1px solid #777777;
    padding-left:       5px;
}
div.workspace-options {
    display:            none;
}
div.workspace-options > table {
    font-weight:        normal;
}
div.workspace-options td {
    padding:            3px;
    vertical-align:     top;
    color:              #D8D8D7;
    text-shadow:        none;
    min-width:          75px;
    max-width:          213px;
}
div.workspace-options td > img {
    padding:            3px;
    vertical-align:     middle;
}
div.workspace-options td > img:hover,
div.workspace-options td > img.current {
    background-color:   #999999;
}
div.workspace-options td > div {
    vertical-align:     middle;
}
div.workspace-block div.workspace-options div.workspace-notification {
    display:            none;
    position:           absolute;
    left:               0;
    right:              0;
    font-weight:        inherit;
    z-index:            1000;
    background:         #D8F6CE;
    border-bottom:      1px solid #5fbb92;
    padding:            5px;
    box-shadow:         0 1px 3px #CBC7BF;
    color:              #000000;
}
    div.workspace-block div.workspace-options div.workspace-notification .notification-msg {
        padding-left:   30px;
        background:     url("../../../images/core/Success.png") no-repeat;
        display:        inline-flex;
        line-height:    24px;
    }
.menu-drop {
    background-color:   rgba(255, 255, 255, 0.2);
}
.draggable-widget {
    display:            inline-block;
    text-align:         center;
}
.draggable-workspace:hover,
.draggable-widget:hover {
    cursor:             move !important;
    background-color:   #777777;
}
.ui-sortable table {
    cursor: move;
}
div.quick-widget-menu {
    display:            none;
    width:              460px;
    cursor: default;
}
div.quick-widget-menu > ul {
    display:            inline;
}
.quick-workspace:hover {
    cursor:             pointer;
}
.quick-workspace-div {
    display:            inline-block;
    margin:             3px;
    text-align:         center;
    width:              70px;
    vertical-align:     top;
}

.quick-widget {
    display:            inline-block;
    text-align:         center;
    width:              80px;
    margin:             5px 15px 0 15px;
}
.quick-widget:hover {
    background-color: #777777;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    cursor: default;
}
.quick-widget-title {
    text-align:         center;
    text-overflow:      ellipsis;
    white-space:        nowrap;
    overflow:           hidden;
    cursor:             move;
    line-height:        initial;
}
.no-hover, .quick-workspace.no-hover:hover {
    cursor:             default;
}
div.example-workspace {
    border:             1px solid #D8D8D7;
    text-align:         center !important;
    margin:             2px;
    background-color:   #FFFFFF;
    width:              32% !important;
    min-width:          32% !important;
    max-width:          32% !important;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
div.example-workspace:hover {
    border-color:       #999999;
    cursor:             pointer;
}
div.example-workspace > span > img {
    padding-top:        5px;
}
div.example-workspace > div:first-of-type {
    font-family:          Share;
    font-size:            18px;
    color:                  #666666;
    padding:                5px;
    border-top:             1px solid #D8D8D7;
    border-bottom:          1px solid #D8D8D7;
    vertical-align:         bottom;
}
div.example-workspace.pricing > div:first-of-type {
    background-color:       rgba(151,163,175,0.5);
}
div.example-workspace.location > div:first-of-type {
    background-color:       rgba(128,188,0,0.5)
}
div.example-workspace > div:last-of-type {
    padding:                5px;
    background-color:       #F8F8F8;
    border-radius:          0 0 5px 5px;
    min-height:             50px;
}
div.example-workspace.pricing > div:last-of-type {
    background-color:       rgba(151,163,175,0.2);
}
div.example-workspace.location > div:last-of-type {
    background-color:       rgba(128,188,0,0.2)
}
div.example-workspace > div:first-of-type > img {
    vertical-align:         middle;
    margin-right:           10px;
}
div.widget-section-header {
    font-size:              1.2em;
    background-color:       #888888;
    padding-left:           5px;
}
k-map-widget .gm-style.cursor-pointer > div {
    cursor: pointer !important;
}
.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
#TestSystemDiv {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 100px;
    color: #CCCCCC;
    font-weight: 600;
}
.about-close {
    position: absolute;
    z-index: 2;
    cursor: pointer;
    right: 5px;
    top: 5px;
}
.quick-widget-menu > div.flex-container > div:first-child {
    width: 100px;
    min-width: 100px;
    max-width: 100px;
    background-color: #666666;
    margin-right: 5px;
    padding-top: 10px;
}
.quick-widget-menu > div.flex-container > div:first-child > ul > li {
    font-size: 1.2em;
    padding: 5px 5px 5px 10px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    cursor: pointer;
}
.quick-widget-menu > div.flex-container > div:first-child > ul > li:hover {
    background-color: #777777;
}
.quick-widget-menu > div.flex-container > div:first-child > ul > li.selected {
    position: relative;
}
.quick-widget-menu > div.flex-container > div:first-child > ul > li.selected:after {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(34, 177, 233, 0);
    border-width: 20px;
    margin-top: -20px;
}
.quick-widget-menu > div.flex-container > div:last-child {
    padding: 5px 5px 0 20px;
}
.widget-description {
    padding: 5px;
    font-size: 14px;
    border-top: 1px solid #22B1E9;
}
.workspace-icon {
    display: inline-block;
    width: 32px;
    height: 32px;
    background: url(../../../images/core/workspaceIcons/Workspace_Icons.png);
    vertical-align: middle;
}
.menu-workspaces.active .workspace-icon {
    background-image: url(../../../images/core/workspaceIcons/Coloured-Workspace_Icons.png);
}
.menu-workspaces .workspace-icon:hover {
    cursor: pointer;
}
.workspace-icon.current {
    background-color: #999999;
}
.workspace-icon.workspace-1 {
    background-position: 0 0;
}
.workspace-icon.workspace-2 {
    background-position: -32px 0;
}
.workspace-icon.workspace-3 {
    background-position: -64px 0;
}
.workspace-icon.workspace-4 {
    background-position: -96px 0;
}
.workspace-icon.workspace-5 {
    background-position: -128px 0;
}
.workspace-icon.workspace-6 {
    background-position: -160px 0;
}
.workspace-icon.workspace-7 {
    background-position: -192px 0;
}
.workspace-icon.workspace-8 {
    background-position: -224px 0;
}
.workspace-icon.workspace-9 {
    background-position: -256px 0;
}
.workspace-icon.workspace-10 {
    background-position: -288px 0;
}
.workspace-icon.workspace-11 {
    background-position: -320px 0;
}
.workspace-icon.workspace-12 {
    background-position: -352px 0;
}

.modal-open {
    overflow-x: hidden;
}
.modal {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}
.modal.fade .modal-dialog {
    -webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    -o-transform: translate(0, -25%);
    transform: translate(0, -25%);
    -webkit-transition: -webkit-transform 0.3s ease-out;
    -o-transition: -o-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
}
.modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
}
.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}
.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px;
}
.modal-content {
    position: absolute;
    background-color: #ffffff;
    border: 1px solid #999999;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    outline: 0;
    width: 600px;
}
.modal-backdrop {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000000;
}
.modal-backdrop.fade {
    opacity: 0;
    filter: alpha(opacity=0);
}
.modal-backdrop.in {
    opacity: 0.5;
    filter: alpha(opacity=50);
}
.modal-header {
    padding: 15px;
    border-bottom: 1px solid #CBC7BF;
    min-height: 16.42857143px;
}
.modal-header .close {
    width: 14px;
    height: 14px;
    text-align: right;
    cursor: pointer;
}

.modal-header .close img:hover {
    opacity: 1.0;
}

.modal-header .close  img{
    opacity: 0.5;
    width: 14px;
    height: 14px;
}

.modal-title {
    margin: 0;
    line-height: 1.42857143;
    font: 1.2em Share;
    font-weight: bold;
}
.modal-body {
    position: relative;
    padding: 15px;
    font: 13px Open Sans;
}
.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
}
.modal-footer .btn + .btn {
    margin-left: 5px;
    margin-bottom: 0;
}
.modal-footer .btn-group .btn + .btn {
    margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
    margin-left: 0;
}
.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll;
}
.modal-dialog .modal-container-sm {
    width: 445px;
}

.modal-dialog .modal-container-sm .default-property-group .default-property div:nth-child(2){
    flex: 2 1;
}

.modal-container input[type='text'] {
    width: 196px;
}

@media (min-width: 768px) {
    .modal-dialog {
        width: 600px;
        margin: 30px auto;
    }
    .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
        width: 527px;
    }
    .modal-sm {
        width: 300px;
    }
}
@media (min-width: 992px) {
    .modal-lg {
        width: 900px;
    }
}

#TAndCModal {
    display: none;
}

#TAndCModal .modal-backdrop{
    background-color: rgba(0,0,0,0.5);
}

#TAndCModal .modal-content{
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1050;
}

#TAndCModal .modal-header{
    background-color: #22B1E9;
    color: #fff;
    border-radius: 6px 6px 0 0;
}

#TAndCModal .modal-body{
    white-space: pre-line;
    overflow-y: scroll;
    max-height: 410px;
}

.clearfix:before,
.clearfix:after,
.modal-footer:before,
.modal-footer:after {
    content: " ";
    display: table;
}
.clearfix:after,
.modal-footer:after {
    clear: both;
}
.build-warning {
    position: fixed;
    font-size: 30px;
    font-weight: 600;
    color: #FFCC00;
    left: 50%;
    margin: auto;
    transform: translate(-50%, -50%);
}
.build-warning.top {
    top: 100px;
}
.build-warning.bottom {
    bottom: 100px;
}
.password-invalid {
    color: red;
    flex: none !important;
    width: 96%;
}

.password-invalid ul {
    list-style-type: disc;
}

.password-invalid li {
    list-style-position: inside;
    margin-left: 20px;
}

.password-invalid li img {
    float: right;
}

.loading-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #FAFAFA;
    opacity: 0.5;
    display: grid;
    place-items: center;
}

@media only screen and (max-width: 1368px) {

    div.menu-block > span {
        width: 160px;
    }

    div.menu-block > div.menu-workspaces, div.menu-block > div.menu-widget {
        padding: 3px 3px 0 3px;
    }

}