.admin-feature {
    font: inherit;
    font-size: 12px;
    color: #000;
    
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.admin-feature .k-toolbar{
    border-bottom: 1px solid #cacaca;
    background: #fff; 
}
.admin-feature .k-toolbar .k-sprite {
    margin-right: 0px !important;
}
.admin-feature .display-inline-block{
    display: inline-block;
    vertical-align: middle;
}
.admin-feature .width-195{
    width:195px;
    overflow: hidden;
}
.admin-feature .width-145{
    width:145px;
}
.admin-feature .width-55{
    width:55px;
}
.admin-feature .width-185{
    width:185px;
}
.admin-feature .width-95{
    width:95px;
}
.admin-feature .width-60{
    width:60px;
}
.admin-feature .width-65{
    width:65px;
}
.admin-feature .width-70{
    width:70px;
}
.admin-feature .width-75{
    width:75px;
}
.admin-feature .width-90{
    width:90px;
}
.admin-feature .width-180{
    width:180px;
}
.admin-feature .header-labels .label {
    margin: 5px 2px 5px 3px;
}
.admin-feature .data-content {
    border: 1px solid #cacaca;
    height: 22px;
    line-height: 22px;
    text-indent: 4px;
    margin-left: 3px;
    background: rgba(235, 235, 235, 1);
}
.admin-feature .data-content:active {
    outline: -webkit-focus-ring-color auto 5px;
}
.admin-feature .text-button{
    margin-left: 3px;
}
.admin-feature .group-treeview span.k-in{
    height: 2em !important;
    line-height: 2 !important;
    padding: 0 10px 0 2px;
}
.admin-feature .group-treeview span.folder{
    margin-top: 3px;
}
.admin-feature .group-treeview span.k-in.k-state-focused{
   box-shadow: none;
}
.admin-feature.roles-manager .k-toolbar .k-sprite, 
.license-details-toolbar-buttons .k-sprite.refreshdashboard
{
    background-image: none; 
    font-family: WebComponentsIcons; 
    position: relative; 
}
.admin-feature.roles-manager .k-toolbar .k-sprite.add-icon:before
{
    content: "\e11e";
    font-size: 20px;
    position: absolute;
    left: -6px;
    top: 8px;
}
.admin-feature.roles-manager .k-toolbar .k-sprite.saveimage:before
{
    content: "\e109";
    font-size: 16px;
    position: absolute;
    top: 8px;
    left: -4px; 
}
.admin-feature.roles-manager .k-toolbar .k-sprite.delete-icon:before
{
    content: "\e11b";
    font-size: 20px;
    position: absolute;
    top: 8px;
    left: -6px; 
}
.license-details-toolbar-buttons .k-sprite.refreshdashboard:before
{
    content: "\e103";
    font-size: 16px;
    position: absolute;
    top: 8px;
    left: -4px; 
}
.admin-feature span.k-state-selected
{
    background: none; 
    color: #000; 
}
.k-button.k-button-icon.save-role
{
    display: none !important; 
}
a.k-button.k-button-icon.rename-role span.k-icon.k-i-edit-tools:before
{
    content: "\e10b"; 
}
a.k-button.k-button-icon.edit-role.save-role-name span::before
{
    content: "\e109"; 
}
.admin-feature.user-manager .user-detail.user-details-security-header td
{
    padding: 0;
    border: 1px solid #cacaca;
}
.admin-feature.group-manager .group-outer-wrapper,
.admin-feature.group-manager .group-treeview .k-treeview,
.admin-feature.group-manager .group-fieldset,
.admin-feature.group-manager .group-entity-container{
    top: 35px;
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
    background-color: #fff;
    border: none;
}
.admin-feature.group-manager .group-outer-wrapper, 
div.admin-feature.user-manager .user-outer-wrapper
{
    border-top: 1px solid #cacaca; 
}
.admin-feature.group-manager .group-fieldset
{
    top: 0; 
}
.admin-feature.group-manager .treeview .transparent .k-state-selected{
    background: none;
    color: black;
    font-weight: normal !important;
}
.admin-feature.group-manager input[type="text"]:not(.group-name-input) {
    width: calc(100% - 10px);
    height: 30px;
    border-radius: 5px;
    border: 1px solid grey;
    padding-left: 0.6em;
}
.admin-feature.group-manager .group-treeview input[type="text"] {
    display: none;
}
.admin-feature.group-manager .input-can-readonly,
.admin-feature.group-manager .input-can-readonly{
    background-color: #fff;
}
.admin-feature.group-manager .input-can-readonly[readonly="readonly"],
.admin-feature.group-manager .input-can-readonly[readonly="readonly"]:focus{
    background-color: #eee !important;
}
.admin-feature.group-manager .group-editor input.checkbox-home-dashboard {
    font-size: 17px;
    width: 1em;
    height: 1em;
    vertical-align: middle;
    display: none;
}
.admin-feature.group-manager .group-editor input[type="text"]{
    width: calc(100% - 150px);
}
.admin-feature.group-manager input[type="text"]:focus {
    outline: none;
}
.admin-feature.group-manager .group-outer-wrapper .group-wrapper {
    left: 5px;
    top:0;
    bottom: 0;
    position: inherit;
    width: 33%;
    min-width: 250px;
    margin: 0;
    padding: 0;
    border: none;
    overflow: auto;
}
.admin-feature.group-manager .group-outer-wrapper .group-editor{
    left: calc(33% + 5px);
    border: 1px solid #cacaca;
    border-top-width: 0;
    border-bottom-width: 0;
    overflow: hidden;
}
.admin-feature.group-manager .group-info .group-users{
    top : 0;
    height: 200px;
}
.admin-feature.group-manager .group-info .group-entities{
    top : 246px;
}
.group-fieldset legend.k-header {
    width: calc(100% + 10px);
    margin: 0 0 0 -11px;
}
.admin-feature.group-manager .add-sec-filter{
    display: inline-block;
    height: 31px;
    line-height: 35px;
    border: 1px solid #cacaca;
    width: 42px;
    vertical-align: middle;
    margin: -4px 2px 0 5px;
    border-radius: 4px;
    padding-left: 12px;
}
.admin-feature.group-manager .float-right{
    float: right;
    margin: 6px 10px;
}
.admin-feature.group-manager .group-entity-container {
    overflow: auto;
}
.admin-feature.group-manager .group-entity-container .group-entity {
    height: 30px;
    line-height: 30px;
    padding: 3px 0 3px 10px;
    border-bottom: 1px solid #80808040;
}
.admin-feature.group-manager .group-entity-container .group-entity .group-entity-name{
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    width: calc(100% - 75px);
    text-overflow: ellipsis;
    vertical-align: middle;
}
.admin-feature.group-manager .group-outer-wrapper .group-info{
    left: calc(66% + 5px);
    overflow: hidden;
    right: 0;
    width: auto !important;
}
.admin-feature.group-manager .k-state-selected{
    border-radius: 4px !important;
    box-shadow: none;
}
.ibi-icon {
    font-size: 24px;
    color: transparent;
    user-select: none;
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    overflow: visible;
    vertical-align: top;
    font-style: normal;
    height: 1em;
    width: 1em;
    mix-blend-mode: multiply;
}
  
.ibi-icon:before, .ibi-icon:after {
    
    background-color: #fff;
    border-color: #fff;
    color: #fff;
    content: "";
    position: absolute;
    display: block;
    box-sizing: border-box;
}
.admin-feature.group-manager .show-user-hint{
    cursor: pointer;
}
.group-wrapper.group-treeview span.k-sprite
{
    position: relative; 
    margin-right: 5px !important;
    margin-top: -2px;
    background-image: none;
    width: 19px;
    height: 19px;
    font-size: 21px;
    font-family: WebComponentsIcons;
}
.group-manager .group-wrapper.group-treeview span.k-sprite:before
{
    content: "\e900";
    position: absolute;
    top: 13px;
    left: -1px;
}
.group-wrapper.group-treeview .k-icon.k-i-collapse::before
{
    content: "\e015"; 
}
.group-wrapper.group-treeview .k-icon.k-i-expand::before
{
    content: "\e014"; 
}
.admin-feature.group-manager .group-treeview input[type="text"], 
.admin-feature.group-manager .group-editor input[type="text"]
{
    margin: 2px 5px 0 2px; 
    border: 1px solid #cacaca;
    height: 28px; 
    width: calc(100% - 20px); 
}
.admin-feature.group-manager .group-editor input[type="text"]
{
    width: calc(100% - 170px); 
}
.group-security-filter-wrapper .k-sprite.dsetbuilder-icon, 
.ibi-icon.ibi-icon-home,
.ibi-icon.ibi-icon-home.grey, 
.group-entities-container.group-entity-container .k-sprite, 
.group-toolbar.k-toolbar .k-sprite
{
    position: relative; 
    font-family: WebComponentsIcons;
    background-image: none; 
    font-size: 18px;
}
.group-security-filter-wrapper .k-sprite.dsetbuilder-icon:before
{
    content: "\e677";
    position: absolute;
    left: 0;
    top: 8px;
}
.admin-feature .k-toolbar
{
    text-indent: 3px; 
}
.ibi-icon.ibi-icon-home:before
{
    content: "\e903"; 
    color: #74993E; 
}
.ibi-icon.ibi-icon-home.grey:before
{
    content: "\e903"; 
    color: #000; 
}
.group-entities-container.group-entity-container .k-sprite
{
    top: 5px; 
}
.group-entities-container.group-entity-container .k-sprite.gauge-icon::before
{
    top: 3px; 
}
.group-entities-container.group-entity-container .k-sprite.gauge-icon::after
{
    top: 6px; 
}
.group-entities-container.group-entity-container .k-sprite.chart-icon::before
{
    content: "\e523"; 
    position: absolute;
    left: 0;
    top: 8px;
}
.group-entities-container.group-entity-container .k-sprite.grid-icon::before
{
    content: "\e677"; 
    position: absolute;
    left: 0;
    top: 8px;
}
.group-entities-container.group-entity-container .k-sprite.dsetbuilder-icon::before
{
    content: "\e677"; 
    position: absolute;
    left: 0;
    top: 8px;
}
.group-entities-container.group-entity-container .k-sprite.feedbuilder-icon::before
{
    content: "\e018"; 
    position: absolute;
    left: 0;
    top: 8px;
}
.group-entities-container.group-entity-container .k-sprite.connbuilder-icon::before
{
    content: "\e144"; 
    position: absolute;
    left: 0;
    top: 8px;
}
.group-toolbar.k-toolbar .k-sprite.delete-icon:before
{
    content: "\e11b";
    font-size: 20px;
    position: absolute;
    left: -6px;
    top: 8px;
}
.group-toolbar.k-toolbar .k-sprite.add-icon:before
{
    content: "\e11e";
    font-size: 20px;
    position: absolute;
    top: 8px;
    left: -6px;
}
.group-entities-container.group-entity-container .k-sprite.html-icon.widget:before
{
    content: "\e918";
    position: absolute;
    left: 0;
    top: 8px;
    font-size: 16px;
}
.admin-feature.group-manager .group-editable-details 
{
    height: calc(100% - 264px);
    overflow-y: auto;
    margin-top: 246px;
}
.group-fieldset.group-dashboards 
{
    height: 200px;
}
.group-fieldset.group-entities .k-header
{
    border-top: 1px solid #cacaca; 
}
.license-manager fieldset {
    width: fit-content;
    min-width: 650px;
    margin: 15px 0 0 25px;
    background: #fff; 
    border: 1px solid #cacaca;
}
.license-manager .license-details > div{
    margin: 0 0 2px 0;
}
.license-manager .license-details .label {
    width: 150px;
    height: 24px;
}
.license-manager .license-details .data-content {
    width: 500px;
}
.license-manager .users-details .display-inline-block{
    margin: 0 0 2px 2px;
}
.license-manager .header-labels .label {
    text-indent: 6px;
}
.license-manager .license-details-toolbar-buttons.refresh{
    margin-left: 25px;
}
.license-manager.details .details-header, 
.license-manager .users-header .text
{
    top: -8px;
    position: relative;
    border-bottom: 1px solid #cacaca;
    font-size: 14px; 
    font-weight: bold; 
}
legend.users-header
{
    padding: 0; 
}
.memory-manager > .memory-manager{
    margin-left:10px;
} 
.memory-manager .sort-options{
    width: 195px;
}
.memory-manager .refresh-memory-usage {
    margin-left: 12px;
}
.memory-manager .last-refreshed-label {
    margin-left: 2px;
}
.memory-manager .memory-usage-label {
    margin-left: 70px;
}
.memory-manager .usage-details-wrapper {
    position: absolute;
    left: 0;
    top: 60px;
    bottom: 0;
    right: 0;
    overflow: auto;
}
.memory-manager .usage-details {
    width: 1000px;
    background: #fff;
    border: 1px solid #cacaca;
    border-top: none;
}
.memory-manager .dataset-memory-usage-wrapper{
    border-radius: 20px;
    width: 975px;
    background-color: #BADDC0;
    border: 1px solid #cacaca;
    margin: 0px 0 10px 0;
    position: relative;
    z-index: 3;
    margin-left: 7px;
}
.memory-manager .dataset-memory-usage {
    width: 0%;
    border-radius: 20px;
    background-color: #f46565;
    height: 8px;
    transition: width 1s ease;
}
.memory-manager .refresh-memory-usage > span {
    margin-right: 5px !important;
}
.admin-feature.memory-manager .data-content
{
    background: #fff; 
    overflow: hidden;
}
.dataset-usage-details.ibi-card.usage-card
{
    padding: 5px; 
    position: relative; 
    z-index: 1;
}
.dataset-usage-details.ibi-card.usage-card:before
{
    content: "";
    position: absolute;
    width: 1000px;
    background: #f3f3f3;
    height: 54px;
    left: 0px;
    margin-top: -5px;
    z-index: -1;
    border-bottom: 1px solid #cacaca;
}
.memory-manager.header-labels
{
    margin-left: 10px;
    height: 23px;
    width: 1000px;
    background: #ffffff;
    border: 1px solid #cacaca;
    border-top: 1px solid transparent;
}
.admin-feature .header-labels .label
{
    text-indent: 10px; 
    font-weight: bold; 
}
.refresh-memory-usage .k-sprite.refreshdashboard
{
    background-image: none;
    font-family: WebComponentsIcons;
    position: relative;
}
.refresh-memory-usage .k-sprite.refreshdashboard:before
{
    content: "\e103";
    font-size: 14px;
    position: absolute;
    left: -2px;
    top: 8px;
}
.roles-manager .k-toolbar .roles-label,
.roles-manager .k-toolbar .role-name-label {
    margin-left: 20px;
}
.roles-manager .k-toolbar input.rename-role{
    border: none;
    border-radius: 5px;
    text-indent: 8px;
    font-size: 12px;
    width: 180px;
               border: 1px solid #c5c5c5;
}
.roles-manager .k-toolbar .edit-role{
    display: none;
    height: 24px;
    line-height: 24px;
}
.roles-manager .k-toolbar input.rename-role:focus{
    outline:none;
}
.roles-manager .k-toolbar .role-list {
    width: 240px;
}
.roles-manager .k-toolbar a.k-button.k-state-disabled {
    opacity: 0.5;
}
.roles-manager .k-toolbar .edit-role .k-icon{
    margin-top: -13px;
    font-size: 18px;
    margin-left: -1px; 
}
.roles-manager .role-permission > fieldset {
    padding: 10px;
    width: 855px;
    margin: 15px 0 0 20px;
    border: 1px solid #cacaca; 
    background: #fff; 
}
.roles-manager .permission-details > div {
    height: 30px;
    line-height: 30px;
}
.roles-manager .permission-details label{
    width: 255px;
    display: inline-block;
}
.roles-manager .permission-details input {
    height: 30px;
    width: 16px;
}
.roles-manager.general-permission-details .text, 
.roles-manager.viewing-permission-details .text
{
    font-size: 14px; 
    font-weight: bold; 
}
.roles-manager .details-header
{
    top: -8px;
    position: relative;
    border-bottom: 1px solid #cacaca;
}
.admin-feature.user-manager .user-outer-wrapper,
.admin-feature.user-manager .user-wrapper .group-treeview,
.admin-feature.user-manager .user-wrapper > div{
    top: 35px;
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
    background-color: #fff;
    border: none;
}
.admin-feature.user-manager .user-wrapper,
.admin-feature.user-manager .user-details-empty{
    left: 2px;
    top:0;
    bottom: 0;
    position: inherit;
    width: 33%;
    min-width: 250px;
    margin: 0;
    padding: 0;
    border: none;
    overflow: auto;
}
.admin-feature.user-manager .user-details-empty{
    left:0;
    text-align: center;
    padding: 10%;
    font-size: 2em;
    opacity: 0.1;
}
.admin-feature.user-manager .user-wrapper > div{
    padding: 5px 0;
    top: 0;
    left:2px;
    overflow: auto;
}
.admin-feature.user-manager .user-details{
    left: calc(33% + 5px);
    border: 1px solid #cacaca;
    border-top-width: 0;
    border-bottom-width: 0;
    overflow: hidden;
}
.admin-feature.user-manager .user-detail.new-user{
    display: none;
}
.admin-feature.user-manager .group-treeview{
    left: calc(66% + 5px);
    overflow: hidden;
    right: 0;
    width: auto !important;
}
.admin-feature.user-manager .group-treeview .k-checkbox+.k-checkbox-label:before {
    background-color: #fff;
    border-color: #000;
    color: #000; 
}
.admin-feature.user-manager .group-treeview .k-checkbox-label:active:before,
.admin-feature.user-manager .group-treeview .k-checkbox-label:focus:before {
    -webkit-box-shadow: 0 0 3px 0 rgb(63,130,196);
    box-shadow: 0 0 3px 0 rgb(63,130,196);
    border-color: rgb(63,130,196);
    outline: none;
}
.admin-feature.user-manager input.search-user{
    width: calc(25% - 35px);
    margin-left: 5px;
    min-width: 250px;
}
.admin-feature.user-manager .k-listview{
    height: calc(100% - 10px);
    overflow-x: hidden;
    overflow-y: auto;
    border: none;
    border-radius: 10px;
    padding: 2px 2px 2px 0;
}
.admin-feature.user-manager .k-listview .listview-item{
    height: 30px;
    line-height: 30px;
    text-indent: 10px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer;
    margin: 1px 0; 
}
.admin-feature.user-manager .k-listview .transparent.k-state-selected{
    background: none;
    color: black;
    font-weight: normal !important;
}
.admin-feature.user-manager .k-listview .transparent.k-state-selected .k-i-user{
    color: #000;
}
.admin-feature.user-manager .user-detail {
    height: 30px;
    line-height: 30px;
    margin: 5px 2px;
}
.admin-feature.user-manager .user-detail:first{
    margin-top: -2px !important;
}
.admin-feature.user-manager .user-detail-extended {
    background: #08080810;
    margin: 10px 4px 0px 4px;
    border-radius: 4px;
}
.admin-feature.user-manager .user-detail-extended.last{
    margin: 5px 4px;
}
.admin-feature.user-manager .user-detail-extended label.for-checkbox {
    display: inline-block;
    width: calc(100% - 55px);
    height: 30px;
    line-height: 30px;
}
.admin-feature.user-manager .user-detail-extended .dsetbuilder-icon {
    margin: 0;
    display: inline-block;
    vertical-align: middle;
}
.admin-feature.user-manager .user-detail-extended input.full-width{
    display: block;
    margin-top: 2px !important;
}
.admin-feature.user-manager .full-width{
    width: calc(100% - 4px) !important;
    margin: 0 !important;
    border-radius: 4px !important;
}
.admin-feature.user-manager .user-detail-label {
    background: #08080810;
    width: calc(31% - 2px);
    display: inline-block;
    text-align: center;
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.admin-feature.user-manager input.user-detail,
.admin-feature.user-manager span.user-detail {
    width: calc(68% - 2px);
    margin-left: -5px;
    height: 28px;
    line-height: 28px;
    padding: 0;
    display: inline-block;
    vertical-align: middle;
    border: 1px solid rgba(8, 8, 8, 0.35);
    border-radius: 4px;
    text-indent: 10px;
}
.admin-feature.user-manager span.k-dropdown-wrap.k-state-disabled{
    background: #08080805;
}
.admin-feature.user-manager span.user-detail[unselectable="on"] .k-select{
    margin-right: 7px;
}
.admin-feature.user-manager span.user-detail[unselectable="on"] .k-input{
    text-indent: 10px;
    border-color: transparent !important;
    height: 22px;
    line-height: 22px;
}
.admin-feature.user-manager input.user-detail:focus {
    outline: none;
}
.admin-feature.user-manager input.user-detail[readonly] {
    background:  #08080805;
}
.admin-feature.user-manager .user-detail-extended .dsetbuilder-icon, 
#dashboardContainer .k-sprite.add-icon, 
#dashboardContainer .k-sprite.delete-icon, 
#dashboardContainer .k-sprite.saveimage
{
    position: relative;
    font-family: WebComponentsIcons;
    background-image: none;
    font-size: 18px;
}
#dashboardContainer .k-sprite.dsetbuilder-icon:before
{
    content: "\e677";
    position: absolute;
    left: 0;
    top: 8px;
}
.admin-feature .group-treeview span.folder
{
    position: relative;
    font-family: WebComponentsIcons;
    background-image: none;
    font-size: 18px;
}
.admin-feature .group-treeview span.folder:before
{
    content: "\e900";
    position: absolute;
    top: 9px;
    left: -1px;
}
.admin-feature .k-i-collapse:before
{
    content: "\e015";
}
.admin-feature .k-i-expand:before
{
    content: "\e014";  
}
#dashboardContainer .group-manager .k-sprite.add-icon:before,
#dashboardContainer .user-manager .k-sprite.add-icon:before
{
    content: "\e11e";
    font-size: 20px;
    position: absolute;
    top: 8px;
    left: -6px;
}
#dashboardContainer .user-manager .k-sprite.delete-icon:before
{
    content: "\e11b";
    font-size: 20px;
    position: absolute;
    left: -6px;
    top: 8px;
}
#dashboardContainer .group-manager .k-sprite.saveimage:before, 
#dashboardContainer .user-manager .k-sprite.saveimage:before
{
    content: "\e109";
    font-size: 17px;
    position: absolute;
    left: -4px;
    top: 8px;
}
.k-button.k-state-disabled:hover
{
    opacity: 0.4; 
}
.k-icon.k-i-cancel
{
    left: -1px; 
}
.builder-toolbar.k-toolbar.k-widget .k-i-save:before
{
    font-size: 16px;     
}
.user-detail.required .mandatory-field:after {
    content: '*';
    float: right;
    color: red;
    font-weight: bold;
    font-size: 2em;
    margin: 5px;
    text-indent: 10px;
}
.user-detail-extended .user-detail-security{
    height: 35px !important;
    margin-top: 0 !important;
}
.user-detail-extended .user-detail-security label.user-detail-label{
    background: transparent !important;
}
.user-detail-extended .user-detail-security input.user-sec-filter{
    width: calc(68% + 3px) !important;
}
.admin-feature.user-manager .user-details-security-header {
    background-color: #fff;
    color: #000;
}
.component-builder{
    overflow: hidden;
}
.dataset-window{
               z-index: 1 !important;
}
.component-builder-area {
    overflow: hidden;
}
.component-builder-area .component-builder-area-inline{
               display:inline-block;
               position: absolute;
    font-size: 12px;
    left: 0;
    top: 0;
    bottom: 0; 
}
.component-builder-area-inline.component-builder-draw-area.animateSlide 
{
    background: #fff;
}
.ibi-hybrid-view.dataset-window.component-builder-dataset-window-wrapper{
    position: absolute !important;
    bottom: 0px;
}
.component-builder-dataset-window-wrapper .k-window-content.k-content{
               padding : 0 !important;
}
.component-builder-dataset-window-wrapper.dataset-window .k-window-titlebar {
    position: relative;
    width: 100% !important;
    height: 26px !important;
    border-bottom-style: none !important;
    border-bottom-width: 0 !important;
    padding: 0 !important;
    font-size: 12px !important;
    font-weight: bold !important;
    white-space: nowrap !important;
    min-height: 16px !important;
    max-height: 26px !important;
    line-height: 26px !important;
    background: white !important;
    border-bottom: 1px solid grey !important;
    color: black;
}
.component-builder-dataset-window-wrapper.dataset-window .k-window-titlebar .k-window-title{
    width: calc(100% - 90px) !important;
}
.component-builder-dataset-window-wrapper.dataset-window .k-window-titlebar .k-window-action.k-state-hover,
.component-builder-dataset-window-wrapper.dataset-window .k-window-titlebar .k-window-action {
    border: 1px solid grey !important;
    margin: -8px 3px 2px 3px !important;    
    padding: 1.5px !important;
}
.component-builder-dataset-window-wrapper.dataset-window .k-grid-header{
  padding-right: 0 !important;
}
.component-builder-dataset-window-wrapper.dataset-window .k-grid td,
.component-builder-dataset-window-wrapper.dataset-window .k-grid th.k-header>.k-link{
               white-space: nowrap !important;
}
.component-builder-dataset-window-wrapper.dataset-window .attribute-column:hover,
.attribute-column {
    background-color: #153DC6 !important;
    color: #fff !important;
}
.component-builder-dataset-window-wrapper.dataset-window .k-grid .k-header.expression-column:hover,
.expression-column {
    background-color: #E94910 !important;
    color: #fff !important;
}
.component-builder-dataset-window-wrapper.dataset-window .pivot-column:hover,
.expression-column.pivot-column {
    background-color: #66b360 !important;
    color: #fff !important;
}
.k-header.attribute-column>.k-link,
.k-header.expression-column>.k-link{
               text-align: center !important;
               color: #fff !important;
}
.ibi-drag-hint,
th.attribute-column.ibi-drag-hint,
th.expression-column.ibi-drag-hint{
    font : 12px Arial, Helvetica, sans-serif;
    text-align : center !important;
    border-radius : 3px;
   
}
.component-builder-draw-area .component-window .k-i-cogicon{
               display: none !important;
}
.component-builder .component-builder-error{
    color: rgba(0, 0, 0, 0.25);
    text-align : center;
    top : 50%;
    position : inherit;
}
.component-builder .component-drillout {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    padding: 5px;
    text-align: left;
    min-width: 350px;
    min-height: 350px;
}
.component-builder .component-drillout fieldset.component-drillout-content {
    border: 1px solid gray;
    border-radius: 5px;
    height: 125px; 
    overflow: auto;
    margin: 3px auto;
}
.component-builder .component-drillout fieldset.component-drillout-content.ibi-invalid-input{
    border: 1px solid red;
    color: red;
}
.component-builder .component-drillout fieldset.component-drillout-content-types{
               overflow: hidden;
}
.component-builder .component-drillout fieldset.component-drillout-content-information{
    position: absolute;
    left: 5px;
    right: 5px;
    top: 288px;
    bottom: 5px;
    height: auto;
}
.component-builder .component-drillout td{
    white-space: nowrap;
}
.component-drillout-types-wrapper,
.component-drillout-types-wrapper td.component-drillout-type-value {
    width: 100%;
    padding: 2px 0;
}
.component-drillout-types-wrapper td.component-drillout-type-value input.k-textbox{
    width: calc(100% - 20px);
}
.component-builder .component-drillout td.component-drillout-type-select .k-radio:checked+.k-radio-label:after {
    background-color: #578dc2 !important;
}
.component-builder .component-drillout td.component-drillout-type-select .k-radio:checked+.k-radio-label:active:before,
.component-builder .component-drillout td.component-drillout-type-select .k-radio-label:active:before,
.component-builder .component-drillout td.component-drillout-type-select .k-radio:focus+.k-radio-label:before {
    -webkit-box-shadow: 0 0 3px 0 #578dc2 !important;
    box-shadow: 0 0 3px 0 #578dc2 !important;
    border-color: #578dc2 !important;
}
.component-builder .component-drillout td.component-drillout-type-user-input,
.component-builder .component-drillout td.component-drillout-type-user-input input{
               width:100%;
}
.component-builder .component-drillout td.component-drillout-type-test input#testdrilloutType {
    margin-right: 2px;
    float: right;
    width: 100px;
    height: 30px;
}
.component-builder .component-drillout .component-drillout-column-delete .k-i-close{
               cursor: pointer;
               color: red;
               width: 20px;
    height: 20px;
}
.component-builder .component-drillout .k-i-info.ibi-invalid-input{
               color: red;
}
.component-builder .component-drillout .component-drillout-columns-wrapper{
               border-collapse: collapse;
               color: #fff;
    font-weight: bold;
    width: 100%;
    height: calc(100% - 15px);
}
.component-builder .component-drillout .component-drillout-columns-wrapper td.no-data-found{
    font-size: 3em;
    color: red;
    background: #fff;
}
.component-builder .component-drillout .component-drillout-columns-wrapper span.no-data-found{
    display: block;
    text-align: center;
}
.component-builder .component-drillout .component-drillout-columns-wrapper tr.component-drillout-column{
               border-bottom: 1px solid #fff;
               background: #2989d8;
               background: -moz-linear-gradient(top, #2989d8 19%, #207cca 43%, #207cca 43%, #7db9e8 100%);
               background: -webkit-linear-gradient(top, #2989d8 19%,#207cca 43%,#207cca 43%,#7db9e8 100%);
               background: linear-gradient(to bottom, #2989d8 19%,#207cca 43%,#207cca 43%,#7db9e8 100%);
               filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2989d8', endColorstr='#7db9e8',GradientType=0 );
}
.component-builder .component-drillout .component-drillout-columns-wrapper tr td{
               padding: 3px;
               border-radius: 3px;
}
.component-builder .component-drillout .component-drillout-columns-wrapper tr td.component-drillout-column-name{
               width: 100%;
}
.dataset-hybride-view-wrapper{
               font: 12px Arial, Helvetica, sans-serif;
               overflow: hidden;
}
.dataset-hybride-view-wrapper input.dataset-hybride-view-search{
               height: 20px;
    width: calc(100% - 10px);
    border-radius: 3px;
    outline: none;
    border: 1px solid gray;
    margin: 1px;
    padding: 3px;
    font: inherit;
}
.dataset-hybride-view-wrapper div.dataset-hybride-view-columns{
               height: calc(100% - 30px);
    border: 1px solid gray;
    border-radius: 3px;
    overflow-y: auto;
    -webkit-box-shadow: inset 0px 0px 5px 0px rgba(5,5,5,0.73);
               -moz-box-shadow: inset 0px 0px 5px 0px rgba(5,5,5,0.73);
               box-shadow: inset 0px 0px 5px 0px rgba(5,5,5,0.73);
}
.dataset-hybride-view-wrapper div.dataset-hybride-view-columns .k-listview .dataset-column {
    height: 25px;
    line-height: 25px;
    border: 1px solid gray;
    border-radius: 3px;
    padding: 1px;
    color: white;
    font-weight: bold;
    cursor: pointer;
}
.dataset-hybride-view-wrapper div.dataset-hybride-view-columns .k-listview .dataset-column .dataset-column-data {
    display: inline-block;
    width: calc(100% - 15px);
    text-overflow: ellipsis;
    overflow: hidden;
    vertical-align: top;
    white-space: nowrap;
    margin-left: 10px;
}
.connection-builder .wrapperDiv,
.connection-builder .wrapperDiv .connection-builder-area,
.connection-builder .wrapperDiv .connection-builder-wrapper,
.connection-builder .wrapperDiv .connection-builder-wrapper .connection-builder-fieldset{
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: inherit;
}
.connection-builder .wrapperDiv .connection-builder-wrapper .connection-builder-fieldset{
    left:10px;
    width:33%;
    min-width: 250px;
    margin: 0;
    padding: 0;
    border: none;
}
.connection-builder .k-listview{
    border: none;
}
.connection-builder .k-listview .lv-item,
.connection-builder input {
    height: 1.75em;
    line-height: 1.75;
    text-indent: 15px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    border: 1px solid #80808052;
    margin: 1px;
    padding: 1px;
    border-radius: 4px;
    font-size: 14px;
}
.connection-builder .k-listview .ds-item{
    cursor: pointer;
}
.connection-builder input:focus{
    outline: none;
}
.connection-builder .wrapperDiv .connection-builder-wrapper .connection-builder-fieldset.source-fieldset{
    left: calc(33% + 20px); 
    border-width: 0;
}
.connection-builder .wrapperDiv .connection-builder-wrapper .connection-builder-fieldset.source-info-fieldset{
    left: calc(66% + 30px);
    width: calc(33.3% - 30px); 
}
.connection-builder .wrapperDiv .connection-builder-wrapper .connection-builder-legend.k-header{
    margin-left: -1px;
}
.connection-builder .connection-builder-content-wrapper {
    position: absolute;
    width: 100%;
    height: calc(100% - 33px);
    border: none; 
    overflow: hidden;
    border-width: 0 1px;
    background: #ffffff;
}
.connection-builder .data-sources[data-extractor="5"] .connection-builder-content {
    height: calc(100% - 208px) !important;
}
.connection-builder input.data-source-search {
    width: 100%;
}
.credential-wrapper input {
    width: 100%;
    vertical-align: middle;
}
.connection-builder .connection-builder-content {
    height: 100%;
    overflow: auto;
}
.connection-builder .connection-builder-content.extractor-3.extractor-4.extractor-5 {
    height: calc(100% - 32px);
}
.connection-builder .extractor-5.credentials {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 175px;
    background: #fff;
    color: #2e2e2e;
}
.connection-builder .credential-wrapper {
    margin: 8px 10px 8px 4px;
}
.connection-builder .extractor-5.credentials .k-header{
    height: 30px;
    line-height: 30px;
    font-weight: bold;
    text-indent: 10px;
}
.connection-builder .extractor-5.credentials .icon-for-label{
    margin-left: -35px;
}
.connection-builder .extractor-5.credentials .connection-builder-label{
    width: 35%;
    height: 32px;
    line-height: 32px;
}
.connection-builder .extractor-5.credentials button.apply-credentials {
    float: right;
    margin-right: -5px;
    width: 35%;
}
.connection-builder .connection-builder-content-wrapper .connection-type {
    height: 5em;
    line-height: 5;
    padding: 10px;
    border-bottom: 1px solid #cacaca;
    margin: 5px;
    border-radius: 4px;
    cursor: pointer;
    margin: 0;
    border-radius: 0;
    line-height: 0;
}
.connection-builder .connection-builder-content-wrapper .connection-type-icon,
.connection-builder .connection-builder-content-wrapper .connection-builder-label{
    display:inline-block;
    vertical-align: middle;
} 
.connection-builder .connection-builder-content-wrapper .connection-type-icon{
    font-size: 5em;
}
.connection-builder .connection-builder-content-wrapper .icon-for-label{
    font-size: 2.5em;
}
.connection-builder .connection-builder-content-wrapper .connection-type.selected .connection-type-icon{
    color: #000;
}
.connection-builder .connection-builder-content-wrapper .connection-type .k-i-arrow-60-left,
.connection-builder .connection-builder-content-wrapper .connection-type.selected .k-i-checkbox-checked{
    display: inline-block;
}
.connection-builder .connection-builder-content-wrapper .connection-type.selected .k-i-arrow-60-left,
.connection-builder .connection-builder-content-wrapper .connection-type .k-i-checkbox-checked{
    display: none;
}
.connection-builder .connection-type-icon.k-i-greyscale{
    transform: rotate(270deg);
}
.connection-builder .connection-type-label {
    width: 200px;
}
.connection-builder .connection-builder-label {
    line-height: initial; 
    height: auto; 
    font-size: 15px; 
    font-weight: bold; 
    margin-left: -40px; 
    text-indent: initial; 
    background: transparent; 
    color: #000; 
}
.connection-builder .connection-type.selected .connection-type-label {
    background-color:transparent;
}
.connection-builder .connection-builder-content-wrapper.data-sources > div{
    display: none;
}
.connection-builder-content-wrapper.data-sources .connection-builder-content
{
    border: none; 
}
.connection-builder-content-wrapper.data-sources .data-source-search, 
.connection-builder-content-wrapper.data-sources .lv-item.ds-item
{
    width: 98%;
   margin: 1%;
    padding: 3px 0;
}
.connection-builder .wrapperDiv .connection-builder-wrapper .connection-builder-legend.k-header
{
    background: transparent; 
}
.connection-builder .connection-builder-content-wrapper .connection-type-icon, 
.connection-builder .connection-builder-content-wrapper .connection-type
{
    font-size: 30px;
    height: 30px; 
}
.connection-type-icon.icon-for-label.k-icon:before
{
    display: none; 
}
.connection-builder .extractor-5.credentials .connection-builder-label, 
.connection-builder-content-wrapper.data-sources .icon-for-label:before, 
.connection-builder .extractor-5.credentials .icon-for-label
{
    display: none; 
}
.connection-builder-content,
.connection-builder-content-wrapper, 
.connection-builder-content-wrapper.data-sources
{
    border: 1px solid #cacaca;
    border-radius: 3px; 
}
.dashboard-all-settings-wrapper .k-toolbar,
.dashboard-type-selector,
.dashboard-settings-colour-scheme-select-display {
    background-color: White!important;
    border: none!important;
}
.dashboard-type-selector .k-overflow-anchor {
    display: none !important;
}
.dashboard-type-selector .k-toggle-button.k-state-active,
.builder-toolbar .k-toggle-button.k-state-active,
.k-toggle-button.k-overflow-button.k-state-active,
.k-overflow-button:active {
    background-color: #3b7ab8 !important;
    color: #fff !important;
    border-color: #3b7ab8 !important;
    box-shadow: none !important;
    background-color: #fff;
}
.datafeed-column {
    line-height: 2em;
    background: rgba(0, 0, 0, 0.7);
    color: white;
    border-bottom: 1px solid gray;
    padding: 2px 10px;
    text-overflow: ellipsis;
    overflow: hidden;
    border-radius: 3px;
    cursor: pointer;
}
.datafeed-builder .wrapperDiv.animateSlide{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}
.dataset-builder .wrapperDiv.animateSlide,
.dataset-builder-area,
.dataset-builder-area .dataset-builder-area-inline {
    position: absolute;
    bottom: 0;
}
.dataset-builder-area{
    top:0;
}
.dataset-builder .wrapperDiv.animateSlide,
.dataset-builder-area{
    left: 0;
    right: 0;
}
.entity-classic-view-wrapper td,
.entity-classic-view-wrapper th{
    white-space: nowrap !important;
}
.dataset-builder-area-inline {
    top: 0;
    display: inline-block;
    overflow: hidden;
    border-radius: 3px;
    border: 1px solid gray; 
}
.dataset-builder-datafeed-area {
               left: 0;
    border-width: 0 1px 0 0;
}
.dataset-builder-dataset-area{
               right: 0;
    border-width: 0 0 0 1px;
}
.listview-columns{
    border:none;
    background: inherit;
}
.rightside-view .entity-hybride-view-wrapper{
    width: fit-content;
}
.rightside-view .listview-columns .listview-empty,
.rightside-view .listview-columns .gridview-empty,
.dataset-expression-editor-contents-datafeed .listview-empty,
.dataset-column-linking-wrapper .column-links-empty{
    border: 1px solid #afafaf;
    border-width: 0 1px 1px 1px;
    border-radius: 10px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    line-height: 100px;
    text-align: center;
    text-transform: uppercase;
}
.rightside-view .listview-columns .listview-empty,
.rightside-view .listview-columns .gridview-empty{
    min-width: 675px;
}
.rightside-view .dataset-column > * {
    display: inline-block;
    vertical-align: middle;
}
.rightside-view .dataset-column {
    border: 1px solid gray;
    border-radius: 3px;
    margin: 2px 0;
    padding: 2px 0;
    border-width: 0 0 1px 0;
    opacity : 0.25;
}
.dataset-column.dataset-column-drag-hint{
    border-width: 0;
}
.dataset-column.dataset-column-loading > *,
.dataset-column .linear-infinite-loading  {
    display : none !important;
}
.rightside-view .search-for-columns,
.dataset-column.dataset-column-loading  .linear-infinite-loading {
    display : block !important;
    min-width : 670px;
}
.dataset-column.sortable,
.dataset-column.k-edit-item{
     opacity : 1;
}
.dataset-column.k-edit-item{
    background: #ffffff;
    padding: 5px 3px;
}
.dataset-column.k-edit-item{
    border: none;
}
.dataset-column.k-edit-item input{
    outline:none !important;
}
.dataset-column.sortable .dataset-column-reorder{
    visibility:visible;
    cursor: move;
    color: #cc6561;
}
.dataset-column.sortable.pivot .dataset-column-reorder{
    color: #66b360 !important;
}
.dataset-column.sortable .dataset-column-reorder:hover{
    color: #ffffff !important;
}
.dataset-column.attribute .dataset-column-reorder{
    color: #1f329a !important;
}
.dataset-column .dataset-column-reorder{
    visibility:hidden;
}
.rightside-view .search-for-columns,
.dataset-column input{
    font:inherit;
               border:1px solid #c5c5c5;
               height: 22px;
               padding : 2px;
    cursor:default;
    color: #2e2e2e;
    background-color: #e9e9e9;
    border-radius: 3px;
    text-indent: 3px;
}
.dataset-column-165px-width {
    width:165px;
}
.dataset-column-150px-width {
    width: 150px;
}
.dataset-column-86px-width{
    width:86px !important;
}
.dataset-column-80px-width{
               width:80px;
}
.dataset-column-65px-width{
               width:65px;
}
.dataset-column-45px-width{
               width:45px;
}
.dataset-column.attribute .dataset-column-attribute{
    display: inline-block !important;
}
.builder-toolbar {
    background: #fff;
    font-size: 12px;
    margin: 0px 0px 0px 0px;
    padding: 0;
}
.entiry-title-label{
    display: inline-block;
    min-height: 25px;
    line-height: 25px;
    padding-left: 10px;
}
.k-button:active,
.k-button.k-state-active{
    background-position: 50% 50%;
    box-shadow: none !important;
}
input.entity-title-text-input:focus{
    outline: none !important;
    color: black;
    background-color: white;
}
input.entity-title-text-input,
input.entity-number-of-rows-input{
    line-height: 1.72em !important;
    height: 1.72em;
    display: inline-block;
    vertical-align: middle;
    text-indent: 5px;
    border-radius: 4px;
    border: 1px solid #c5c5c5;
    min-width: 250px;
    text-overflow: ellipsis;
    color: #2e2e2e;
    background-color: #e9e9e9;
    transition: width .35s ease-in-out;
    font: inherit;
}
input.entity-number-of-rows-input{
    min-width: 140px;
}
.builder-toolbar > .k-button,
.builder-toolbar > .k-toggle-button {
    margin: 0px 2px !important;
    cursor: pointer;
}
.builder-toolbar .k-button.k-state-disabled, 
.builder-toolbar .k-button.k-state-disabled:active, 
.builder-toolbar .k-button.k-state-disabled:hover{
    border-color: #f7f4f4;
    background-color: #dedede;
    background-image: none;
}
.builder-toolbar .k-button:focus:not(.k-state-disabled):not([disabled]) {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border-width: 1px;
    border-style: solid;
}
.builder-toolbar > .k-separator{
    margin: 0px 10px !important;
}
.builder-toolbar span.k-sprite,
.builder-toolbar > div .k-button {
    margin: 0px 0px 0px 0px !important;
    cursor: pointer;
}
.builder-toolbar button span.k-sprite{
               margin: 0;
}
.builder-toolbar .k-overflow-anchor {
    height: 2.2em !important;
    width: 2.2em !important;
    line-height: 2.2em !important;
    margin: 0.4em 0 !important;
}
.builder-toolbar .k-overflow-anchor.overflow-anchor-hidden{
               display:none !important;
}
.builder-toolbar .k-button-group > a{
    min-width: 30px !important;
}
.builder-toolbar a#typeDrillout.k-state-active span.k-icon.k-i-hyperlink-open-sm {
    color: #fff;
}
.builder-toolbar .k-button.k-state-disabled span.k-icon:before {
    color: #2e2e2e !important;
}
@media screen and (max-width: 1035px) {
    input.entity-title-text-input{
        min-width: 80px;
        width: 200px;
    }
}
@media screen and (max-width: 885px) {
    input.entity-title-text-input{
        width: 100px;
    }
}
@media screen and (max-width: 884px) {
    .entity-title-label{
        display:none;
    }
}
@media screen and (max-width: 790px) {
    .entity-title-label{
        display:none;
    }
}
a#yourhere,
a#yourhere:focus{
    background: none !important;
    border: none !important;
    box-shadow: none !important;
}
.you-are-here-container ul.places {
    position: relative;
    padding: 0;
    margin: 0;
    z-index: 0;
    display: inline-block;
    vertical-align: middle;
}
.you-are-here-container ul.places.error {
    margin-left: 8px;
}
.you-are-here-container ul.places.multiple:before{
    content: "";
    position: absolute;
    border-color: #578dc2;
    border-style: solid;
    border-width: 0 0 1px 0;
    width: 80%;
    margin-left: 5px;
    top: 11px;
    z-index: -1;
}
.you-are-here-container ul li {
    display: inline-block;
    vertical-align: middle;
    list-style-type: none;
    background-color: #578dc2;
    border-radius: 50%;
    width: 15px;
    height: 15px;
    line-height: 15px;
    margin-left: 10px;
}
.you-are-here-container li.linked-place.linked-place-dashboard,
.you-are-here-container li.linked-place.linked-place-drillout {
    width: 20px;
    height: 20px;
    line-height: 20px;
    background-color: #578dc2;
}
.you-are-here-container li.linked-place.linked-place-dashboard span.k-icon.k-i-folder,
.you-are-here-container li.linked-place.linked-place-dashboard span.k-icon.k-i-folder:hover,
.you-are-here-container li.linked-place.linked-place-drillout span.k-icon.k-i-hyperlink-open-sm,
.you-are-here-container li.linked-place.linked-place-drillout span.k-icon.k-i-hyperlink-open-sm:hover{
    color: #fff;
}
.you-are-here-container li.linked-place.you-are-here,
.you-are-here-container li.linked-place-error {
    width: 23px;
    height: 22px;
    line-height: 22px;
    margin-top: -4px;
    color: #fff;
    font-weight: bold;
    border: 1px solid #FFFFFF;
    box-shadow: 0 3px 0.7px 1px #777777, 0 0 rgba(0, 0, 0, 0.4) inset;
}
.you-are-here-container li.linked-place-error {
    background-color: transparent !important;
}
.you-are-here-container li.linked-place-error span.k-i-warning,
.you-are-here-container li.linked-place-error span.k-i-warning:hover {
    color: red;
    font-weight: bold;
}
.you-are-here-container li.linked-place:first-child {
    margin-left: 0;
}
.you-are-here-container li.linked-place[data-complete="false"]{
    background-color: #ff0000 !important;
}
.you-are-here-container li.linked-place-dashboard span.k-i-filter-sm{
    color: #fff;
    position: absolute;
    margin: 6px 0 0 -11px;
}
.builder-toolbar.k-toolbar.k-widget
{
    border-bottom: 1px solid #cacaca; 
}
.builder-toolbar.k-toolbar.k-widget .entity-title-label
{
    margin-left: 10px; 
}
.builder-toolbar.k-toolbar.k-widget .k-sprite
{
    background-image: none; 
    font-size: 16px; 
}
.builder-toolbar.k-toolbar.k-widget .k-sprite.k-icon.saveasimage.k-i-save::after
{
    content: "\e10b";
    position: absolute;
    top: 11px;
    left: 5px;
    text-indent: 0;
    font-size: 10px;
}
#addDrilldownComponent .k-sprite.k-icon:before
{
    content: "\e523";
    left: 2px;
    top: 3px;
    font-size: 15px;
}
#addDrilldownComponent .k-sprite.k-icon:after
{
    content: "\e11e";
    position: absolute;
    top: 4px;
    left: -2px;
    text-indent: 0;
    font-size: 11px;
}
#addDrilldownDashboard .k-sprite.k-icon:before
{
    content: "\e900";
    left: 3px;
    top: 6px;
    font-size: 14px;
}
#addDrilldownDashboard .k-sprite.k-icon:after
{
    content: "\e11e";
    position: absolute;
    top: 4px;
    left: -2px;
    text-indent: 0;
    font-size: 11px;
}
#deleteDrilldown .k-sprite.k-icon:before
{
    content: "\e11b";
    font-size: 15px;
}
#addDrilldownComponent, 
#addDrilldownDashboard, 
#deleteDrilldown
{
    width: 30px;
    height: 26px;
}
.you-are-here-container li.linked-place.you-are-here, 
.you-are-here-container li.linked-place-error
{
    box-shadow: none; 
    border: none; 
}
.you-are-here-container li.linked-place-error span.k-i-warning, 
.you-are-here-container li.linked-place-error span.k-i-warning:hover
{
    font-weight: normal; 
    width: 30px; 
    height: 26px; 
}
.linked-place-error .k-i-warning:before
{
    font-size: 18px; 
}
.entity-container-header-title
{
    margin-left: 8px; 
}
.component-builder .k-sprite.k-icon.gauge-icon:after
{
    top: 8px; 
}
.ibi-edit-icon, 
.ibi-edit-icon:before
{
    background: #000; 
}
.entiry-container-data,
.entiry-container-data .entity-classic-view-wrapper{
    overflow: auto;
    position: absolute;
    top: 30px;
    bottom: 0;
    left: 0;
    right: 0;
    background: white;
}
.entiry-container-data .entity-classic-view-wrapper{
    top: 0px;
}
.entiry-container-header{
               border: none;
}
.entiry-container-header > div{
               margin-top: 3px;
               display:inline-block;
    line-height: 2em;
    margin-left: 7px; 
}
.ibi-hybrid-view.leftside-view .entity-container-header-title{
               width: 100px;
               overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.entity-container-header-title{
               float: left;
               margin-left: 3px;
}
.entity-container-header-actions{
               float: right;
               margin-right: 3px;
}
.ibi-classic-view.leftside-view .entity-container-header-actions .ibi-view-sort{
    display: none !important;
}
.ibi-hybrid-view.leftside-view .entity-container-header-actions .ibi-view-sort{
    display: inline-block !important;
}
.leftside-view > *, 
.rightside-view > * { 
    font: 12px Arial, Helvetica, sans-serif;
    background: inherit;
}
.entity-hybride-view-wrapper{
               font: 12px Arial, Helvetica, sans-serif;
               overflow: hidden;
}
.entity-hybride-view-columns-wrapper{
    position: absolute;
    overflow-y: auto;
    left: 2px;
    right: 0;
}
[data-combined="true"] .combined-columns-wrapper{
    top: 30px;
    bottom: 0;
}
[data-combined="false"] .attribute-columns-wrapper{
    bottom: 50%;
    top: 30px;
}
[data-combined="false"] .measure-columns-wrapper{
    top: calc(50% + 30px);
    bottom: 0;
}
[data-combined="false"] input.search-for-measure {
    position: absolute;
    top: calc(50% + 1px);
    left:0;
}
.entity-hybride-view-wrapper input.entity-hybride-view-search, 
.leftside-view .dataset-column {
    height: 20px;
               line-height: 20px;
    width: calc(100% - 10px);
    border-radius: 3px;
    outline: none;
    border: 1px solid gray;
    margin: 1px;
    padding: 3px;
    font: inherit;
    cursor: pointer;
}
.entity-hybride-view-wrapper div.entity-hybride-view-columns{
               height: calc(100% - 30px);
    border: 1px solid gray;
    border-radius: 3px;
    overflow-y: auto;
    -webkit-box-shadow: inset 0px 0px 5px 0px rgba(5,5,5,0.73);
               -moz-box-shadow: inset 0px 0px 5px 0px rgba(5,5,5,0.73);
               box-shadow: inset 0px 0px 5px 0px rgba(5,5,5,0.73);
}
.entity-hybride-view-wrapper div.entity-hybride-view-columns .k-listview .dataset-column {
    height: 25px;
    line-height: 25px;
    border: 1px solid gray;
    border-radius: 3px;
    padding: 1px;
    color: white;
    font-weight: bold;
    cursor: pointer;
}
.entity-hybride-view-wrapper div.entity-hybride-view-columns .k-listview .dataset-column .dataset-column-data {
    display: inline-block;
    width: calc(100% - 15px);
    text-overflow: ellipsis;
    overflow: hidden;
    vertical-align: top;
    white-space: nowrap;
    margin-left: 10px;
}
.ibi-edit-icon{
    position: relative;
    width: 0.35em;
    height: 0.8em;
    background: #444;
    margin: 6px 7px;
    font-size: 0.8em;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
   -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.ibi-edit-icon:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    top: 0.85em;
    left: 0;
    border: solid 0.2em gray;
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
    border-top: solid 0.45em gray;
}
.ibi-edit-icon:before {
    content: "";
    position: absolute;
    top: -0.35em;
    left: 0;
    width: 0.35em;
    height: 0.3em;
    background: #444;
    border-radius: 0.1em;
}
.ibi-separator{
    height: 1.3em;
    border-left: 1px solid #b1aeae;
}
#aboutContainer .data-style{
    padding: 2px 6px;
}
#intuitiveLogo{
               width: 130px;
}
#intuitiveLogo img{
               height:95px;
               width: auto;
}
#intuitiveLink a{
               text-decoration: none !important;
}
#intuitiveLink{
               text-align: center;
}
.about-table {
    background: white;
    border: 1px solid black;
}
.activity-log-wrapper .ibi-window-content{
    padding: 0;
}
.activity-log-wrapper .inside-content{
    height: 100%;
    overflow: auto;
}
.activity-log-wrapper .activity-table-header {
    font-weight: bold;
}
.activity-log-wrapper .activity-table {
    font-size: 12px;
}
.activity-log-wrapper .activity-table-row {
    display: block;
    height: 30px;
    line-height: 30px;
    border-bottom: 1px solid #e0e0e0; 
}
.activity-log-wrapper .activity-table-row:last-child
{
    border-bottom: none; 
}
.activity-log-wrapper  .activity-table-column {
    height: inherit;
    line-height: inherit;
    display: inline-block;
    text-indent: 10px;
    border-width: 1px 1px 0 1px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.activity-log-wrapper .activity-table-column.activity-date {
    width: 40%;
}
.activity-log-wrapper .activity-table-column.activity-description {
    width: 57%; 
    border-left: 1px solid #e0e0e0;
}
.column-in-use-area.ibi-window-content{
               overflow-x:auto;
               font:inherit;
}
.column-in-use-area fieldset {
    border: 1px solid gray;
    border-radius: 5px;
    padding: 4px 0;
    margin: 4px 0;
}
.column-in-use-area legend {
    font-weight: bold;
    margin-left: 15px;
}
.column-in-use-area .dependant-name {
    padding: 2px 4px;
    margin-bottom: 1px;
    text-indent: 15px;
    font: inherit;
    background-color: #F0F0F0;
}
.confirm-deletion .k-content{
    overflow: hidden;
}
.confirm-deletion .dialog-content-outer-wrapper{
    height: 420px;
    overflow: hidden;
}
.confirm-deletion .dialog-content-wrapper{
    height: 408px;
    overflow: auto;
}
.confirm-deletion .related-objects{
    border: 1px dotted #dcd9d9;
    border-radius: 5px;
    font: 12px Arial, Helvetica, sans-serif;
    margin: 5px 0;
}
.confirm-deletion .related-objects legend > * {
    vertical-align: middle;
}
.confirm-deletion .related-objects .related-object{
    text-indent: 30px;
}
.source-details-wrapper.k-window-content{
    position: absolute;
    left: 0;
    right: 0;
}
.entity-source-details table{
    margin-left: 25px;
   padding: 5px 0px;
    font:inherit;
    font-size: 12px;
    border-collapse: collapse;
}
.entity-source-details table td:nth-child(2) {
    padding: 0 15px 0 5px;
    font-weight: bold;
}
.entity-source-details table td.entity-info-member {
    width: 100%;
}
.entity-info-display-area.ibi-window-content {
    overflow: auto;
}
.source-details-wrapper .entity-source-details {
    border: none;
    border-radius: 5px;
    margin: 15px 0px;
    padding: 0px 8px 8px 8px;
}
.source-details-wrapper .entity-source-details legend.entity-name {
    font-weight: bold;
    color: #333;
    font-size: 15px;
    border-bottom: 1px solid #cacaca;
    width: 100%;
    padding-bottom: 5px;
}
.source-details-wrapper .entity-source-details .entity-info-member-display-area td.entity-info-member-label {
    display: inline-block;
    width: 150px;
    font-weight: bold;
    padding: 5px;
}
.source-details-wrapper .entity-source-details .entity-info-member-display-area .entity-info-member .entity-info-additionals{
    display: inline-block;
    vertical-align: middle;
}
.source-details-wrapper .entity-source-details .entity-info-member-display-area .entity-info-member .entity-info-additionals .entity-info-additional{
    display: block;
}
.entity-info-existingcolumn > span {
    display: inline-block;
    margin: 2px 5px 2px 0px;
}
.entity-info-existingcolumn span.entity-info-existingcolumn-key {
    width: 40px;
}
.entity-info-existingcolumn span.entity-info-existingcolumn-separator {
    width: 10px;
}
tr.entity-info-member-display-area
{
    border-top: 1px solid #cacaca; 
}
tr.entity-info-member-display-area:first-child
{
    border-top: none; 
}
.ibi-window-content{
    border: 1px solid #cacaca;
    padding: 5px 10px;
    border-radius: 5px;
    background-color: #fff;
               position: absolute;
    bottom: 50px;
    top: 10px;
    right: 10px;
    left: 10px;
}
.ibi-window-actions{
    position: absolute;
    bottom: 10px;
    right: 10px;
}
.ibi-window-actions > span {
    float: right;
    margin: 15px 0 0 10px;
}
.ibi-dialog-close.button-action{
    position: absolute;
    right: 5px;
    outline: none;
}
.ibi-inputbox{
    display: inline-block;
    margin: 0;
    text-indent: 5px;
    font-family: inherit;
    line-height: 1.72em;
    text-decoration: none;
    outline: none;
    vertical-align: middle;
}
.confirmation-dialog.k-window-content{
    padding: 5px;
}
.dialog-window.confirmation-dialog-wrapper{
    max-width: 450px;
}
.dialog-window .confirmation-dialog .dialog-content-wrapper{
    max-height: 265px;
    overflow: auto;
}
.dialog-window.confirmation-dialog-wrapper span.confirmation-message{
    padding: 5px;
    margin: 5px;
    display: block;
    white-space: pre-line;
}
.dialog-window .k-window-titlebar {
    background-color: #fafafa;
    border-bottom: 1px solid #cacaca;
    margin-top: -38px !important; 
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}
.dialog-window .k-i-close{
    font-size: 1.2em !important;
}
.dialog-window .k-window-content {
    background-color: #fafafa;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}
.dialog-window .text-button {
    width: 100px;
    height: 31px;
    background: #fafafa;
    border-radius: 30px;
}
.dialog-window .k-dialog-titlebar {
    padding: .4em 0 !important;
}
.dialog-window .k-window-title,
.k-dialog .k-dialog-titlebar .k-dialog-title {
    font-size: 15px;
    font-weight: bold;
    line-height: 23px;
    letter-spacing: 0.3px;
    text-indent: 5px; 
}
.dialog-window .dialog-content-wrapper{
    border: 1px solid #cacaca;
    padding: 5px 10px;
    border-radius: 3px;
    background-color: #fff;
}
.dialog-window .dialog-content-wrapper .dialog-actions-wrapper > span {
    float: right;
    margin: 15px 0 0 10px;
}
tr.entity-info-member-display-area
{
    line-height: 20px; 
}
.button-section input[type="button"], 
.button-section input[type="submit"], 
.button-section button,
.dialog-window .text-button
{
    font-size: 15px; 
    text-shadow: none; 
    box-shadow: none; 
}
.dashboard-manual-adjust-widget-details .widget-icon.html-icon
{
    background-image: none;
    font: 16px/1 WebComponentsIcons;
}
.dashboard-manual-adjust-widget-details .widget-icon.html-icon:before
{
    content: "\e918";
}
.dashboard-manual-adjust-widget-details .widget-icon.grid-icon
{
    background-image: none;
    font: 16px/1 WebComponentsIcons;
}
.dashboard-manual-adjust-widget-details .widget-icon.grid-icon:before
{
    content: "\e677";
}
.dashboard-manual-adjust-widget-details .widget-icon.chart-icon
{
    background-image: none;
    font: 16px/1 WebComponentsIcons;
}
.dashboard-manual-adjust-widget-details .widget-icon.chart-icon:before
{
    content: "\e523";
}
.dashboard-manual-adjust-widget-details .gauge-icon.widget-icon
{
    background-image: none;
    position: relative; 
}
.dashboard-manual-adjust-widget-details .gauge-icon.widget-icon:before
{
    content: "";
    background-image: none;
    width: 14px;
    height: 7px;
    border-top-left-radius: 100px;
    border-top-right-radius: 100px;
    border: 1px solid #000;
    position: absolute;
    left: 0;
    top: 3px;    
}
.dashboard-manual-adjust-widget-details .gauge-icon.widget-icon:after
{
    content: "";
    width: 1px;
    height: 6px;
    position: absolute;
    background: #000;
    left: 8px;
    top: 6px;
    border-top-left-radius: 15px;
    border-top-right-radius: 100%;
    transform: rotate(-45deg);
    margin: 0;
}
.dashboard-builder-settings-dialog-wrapper .k-window-titlebar
{
    margin-top: -37px !important; 
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}
.k-widget.dialog-window
{
    border-radius: 15px; 
}
.k-calendar .k-alt, 
.k-calendar th, 
.k-dropzone-hovered, 
.k-footer-template td, 
.k-grid-footer, 
.k-group, 
.k-group-footer td, 
.k-grouping-header, 
.k-pager-wrap, 
.k-toolbar, 
.k-widget 
.k-status, 
.k-widget.k-popup
{
    background-color: #fff; 
}
.k-widget.k-dialog.dashboard-builder-settings-dialog-wrapper
{
    border-top-left-radius: 0; 
    border-top-right-radius: 0; 
    background-color: #fafafa; 
}
.k-dialog .k-dialog-buttongroup.k-dialog-button-layout-normal
{
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    background-color: #fafafa; 
}
.k-dialog .k-content
{
    background: #fafafa; 
}
.cog-option.k-header.k-menu.k-menu-vertical.k-context-menu.k-popup.non-master-menu.cog-master-element .k-item.k-first
{
    padding-top: 32px; 
}
.formEditDetails{
    width: 1080px;
    font: inherit;
    color: #4D4D4D;
    margin: auto;
    text-align: left;
    padding:10px 10px 0px;
    background: #fff;
    border-radius: 3px;
    border: 1px solid #cacaca; 
}
.formEditDetails .row-lower{
    margin-left: 470px;
    margin-bottom: 10px;
    padding-bottom: 20px;
}
.formEditDetails.small-form-width .row-lower{
    margin-left: 30px;
}
.formEditDetails .inner-wrap{
    padding: 10px 32px 20px;
    margin-bottom: 20px;
    display:inline-block;
    vertical-align: top;
    height: 215px;
    border-radius: 3px;
    border: 1px solid #c3c3c3;
}
.formEditDetails h1{
    padding: 5px 10px 10px;
    margin: 0;
    color: #232323 !important;
    background: transparent !important;
    font-size: 16px !important; 
    font-weight: bold !important; 
}
.formEditDetails h1 > span{
    display: block;
    margin-top: 2px;
    font: 13px Arial, Helvetica, sans-serif;
}
.formEditDetails label{
    display: block;
    font: 13px Arial, Helvetica, sans-serif;
    color: #000;
    margin-bottom: 5px;
}
.formEditDetails label span.k-dropdown{
    display: block;
    width: 187px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
} 
.formEditDetails input[type="text"],
.formEditDetails input[type="email"],
.formEditDetails input[type="password"],
.formEditDetails textarea,
.formEditDetails select{
    display: block;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 100%;
    padding: 8px;
    border-radius: 3px;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    border: 1px solid #cacaca; 
    background: transparent;
}
.formEditDetails input[type="text"]:required:invalid,
.formEditDetails input[type="email"]:required:invalid,
.formEditDetails input[type="password"]:required:invalid{ 
    border: 1px solid red;
}
.formEditDetails .k-dropdown-wrap .k-input{
    height: 2.27em !important;
    line-height: 2.27em !important;
    display: flex !important;
}
.formEditDetails .section{
    
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px;
    color: #232323;
}
.formEditDetails .section label{
    margin-left: 40px;
}
.formEditDetails .section span {
    background: #2A88AD;
    padding: 5px 10px 5px 10px;
    position: absolute;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border: 4px solid #fff;
    font-size: 14px;
    margin-left: -45px;
    color: #fff;
    margin-top: -3px;
}
.button-section input[type="button"], 
.button-section input[type="submit"],
.button-section button{
    margin: 5px 0px 0px 10px;
    float:right;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    color: #000;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.12);
    font: inherit;
    -moz-box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.17);
    -webkit-box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.17);
    box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.17);
}
.button-section input[type="button"]:hover, 
.button-section input[type="submit"]:hover,
.button-section button:hover,
.button-section button:active{
    color: #fff;
    -moz-box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.28);
    -webkit-box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.28);
    box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.28);
}
.formEditDetails #showPassword{
    display: none;
}
.section-row
{
    width: 200px; 
}
.formEditDetails .button-section
{
    margin-right: -10px;     
}
.formEditDetails .button-section button
{
    text-shadow: none; 
    box-shadow: none; 
    margin: 10px 0 10px 5px; 
}
.password-only{
    max-width: 310px;
    min-width: 310px;
}
.password-only .formEditDetails {
    width: auto;
}
#notification{
               display:none;
}

.k-notification-info.k-group {
               
    background: -moz-linear-gradient(top, rgba(247,247,148,0.9) 40%,rgba(247,247,148,0.7) 20%,rgba(247,247,148,0.9) 40%);
    
    
    background: -webkit-linear-gradient(top, rgba(247,247,148,0.9) 40%,rgba(247,247,148,0.7) 20%,rgba(247,247,148,0.9) 40%);
    
    
    background: -o-linear-gradient(top, rgba(247,247,148,0.9) 40%,rgba(247,247,148,0.7) 20%,rgba(247,247,148,0.9) 40%);
    
    
    background: -ms-linear-gradient(top, rgba(247,247,148,0.9) 40%,rgba(247,247,148,0.7) 20%,rgba(247,247,148,0.9) 40%); 
    
    
    background: linear-gradient(to bottom, rgba(247,247,148,0.9) 40%,rgba(247,247,148,0.7) 20%,rgba(247,247,148,0.9) 40%);
    
    color: #000 !important;
}
.k-notification-info p,
.k-notification-error p,
.k-notification-warning p{
               text-align: center;
               float: left;
               margin: 7px 0px;
    font: 14px Arial, Helvetica, sans-serif !important;
}
.k-notification-info .k-i-close-button,
.k-notification-error .k-i-close-button,
.k-notification-warning .k-i-close-button{
               background-image: url(dialog/../../images/close.png?1612458940780) !important;   
    background-position: 0px !important;
    height: 16px;
    width: 16px;
    float: right;
    margin: 6px 0px;
    right: 5px;
    position: absolute;
}
.transitionIndicator {
    background-color: rgba(0,0,0,0.6);
    border: 1px solid white;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    position: absolute;
    z-index: 1000; 
    padding: 15px;
}
.k-widget.k-notification.k-notification-info 
{
    background-color: #399AF2!important;
    color: #fff;
    border-color: #2384dc;
}
.k-notification-info .k-i-close-button, 
.k-notification-error .k-i-close-button, 
.k-notification-warning .k-i-close-button
{
    background-image: none !important; 
    font-family: WebComponentsIcons;
}
.k-notification-info .k-i-close-button:before, 
.k-notification-error .k-i-close-button:before, 
.k-notification-warning .k-i-close-button::before
{
    content: "\e11b"; 
}
.entity-save-description-wrapper,
.dashboard-settings-wrapper {
    padding: 5px !important;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}
.entity-save-description-wrapper .dialog-content-outer-wrapper{
    padding : 5px !important;
}
.entity-save-description-input-area {
    width: 375px;
    max-width: 375px;
    min-height: 25px;
    max-height: 100px;
}
.entity-save-description-input-area,
.dashboard-settings-input-area {
    border: 1px solid #cacaca;
    border-radius: 3px;
    padding: 2px 5px 2px;
    font-size: 12px;
    font-family: inherit;
}
.entity-save-description-label,
.dashboard-settings-label {
    margin: 2px 0px;
    font-size: 15px; 
}
.k-colorpalette .k-item.k-state-selected, 
.k-colorpalette .k-item.k-state-selected:hover, 
.k-colorpalette .k-item:hover
{
    cursor: pointer; 
    box-shadow: none; 
    font-family: WebComponentsIcons;
}
.k-colorpalette .k-item.k-state-selected:before
{
    content: "\e118";
    color: #88c52e;
    position: absolute;
    top: 4px;
    left: 7px;
}
.dashboard-settings-colour-scheme-selector.dashboard-settings-colour-scheme-area .k-item:last-child
{
    border: none; 
    width: 26px !important; 
}
#browser {
    margin-top: 8px;
    height: 380px;
    overflow: auto;
    background-color: #fff;
    border: 1px solid #cacaca;
    border-radius: 3px;
}
.treeview-window {
    height: 480px;
    width: 600px;
}
.button-section {
    margin-top: 2px;
}
#browser div.k-widget.k-treeview{
    overflow: visible !important;
    margin: 10px 5px;
}
[data-search-for="Dashboard"] span.highlight{
    
    background: -moz-linear-gradient(top, rgba(247,247,148,0.8) 20%,rgba(247,247,148,0.6) 50%,rgba(247,247,148,0.8) 20%);
    
    
    background: -webkit-linear-gradient(top, rgba(247,247,148,0.8) 20%,rgba(247,247,148,0.6) 50%,rgba(247,247,148,0.8) 20%);
    
    
    background: -o-linear-gradient(top, rgba(247,247,148,0.8) 20%,rgba(247,247,148,0.6) 50%,rgba(247,247,148,0.8) 20%);
    
    
    background: -ms-linear-gradient(top, rgba(247,247,148,0.8) 20%,rgba(247,247,148,0.6) 50%,rgba(247,247,148,0.8) 20%); 
    
    
    background: linear-gradient(to bottom,  rgba(247,247,148,0.8) 20%,rgba(247,247,148,0.6) 50%,rgba(247,247,148,0.8) 20%); 
 
    border-radius:10px;
}
span.highlight{
    font-weight:bold;
}
li.k-item.mismatch{
    display: none;
}
.k-treeview span.k-in {
    padding:0px;
    margin-left:1px;
}
#searchBox{
    width: 570px;
    height: 30px;
    border-radius: 3px;
    border: 1px solid #cacaca;
    display:none;
    padding-left: 10px;
}
#searchBox::-ms-clear{
    display:none;
}
#treeview span.k-sprite {
    margin-right: 5px !important;
    margin-top: -2px; 
    background-image: none;
    width: 19px;
    height: 19px;
    font-size: 21px;
    font-family: WebComponentsIcons;
}
#treeview .group {
    background-position: 0 0px;
}
#treeview .connection {
    background-position: 0 -16px;
}
#treeview .feed {
    background-position: 0 -32px;
}
#treeview .dataset {
    background-position: 0 -48px;
}
#treeview .dashboard{
    background-position: 0 -64px;
}
#treeview .component-chart {
    background-position: 0 -80px;
}
#treeview .component-grid {
    background-position: 0 -96px;
}
#treeview .component-gauge {
    background-position: 0 -112px;
}
#treeview .component-html {
    background-position: 0 -384px;
}
#treeview .conn-table {
    background-position: 0 -544px;
}
#treeview .conn-view {
    background-position: 0 -560px;
}
#browserWindow{
    overflow: hidden !important;
}
#treeview li.k-item > span{
    vertical-align: middle;
}
#browser li.k-item > div {
    height: 30px;
    line-height: 30px;
}
#browserWindow #lblOpenEdit,
#browserWindow #lblInheritFilter{
    display: inline-block;
    margin: 10px;
}
#browserWindow .open-edit,
#browserWindow .inherit-filter,
#browserWindow span.k-checkbox-wrapper input{
    cursor: pointer;
    vertical-align: middle;
}
.k-window-titleless.dataset-viewer.treeview-window #browser,
.k-window-titleless.datafeed-viewer.treeview-window #browser {
    height: 400px;
    border-radius: 0 10px 10px 0;
    border-left-width: 0;
    margin: 3px 0 7px -10px;
    padding: 24px 0 13px 5px;
    border: none;
}
.k-window-titleless.datafeed-viewer.treeview-window #browser {
    border-radius: 10px;
    margin: 0 0 7px -10px;
}
.k-window-titleless.dataset-viewer.treeview-window,
.k-window-titleless.datafeed-viewer.treeview-window,
.k-window-titleless.dataset-viewer.treeview-window #browserWindow,
.k-window-titleless.datafeed-viewer.treeview-window #browserWindow{
    background-color: #fff;
    border: none;
    box-shadow: 0 0 10px #868686;
}
.k-window-titleless.dataset-viewer.treeview-window #searchBox,
.k-window-titleless.datafeed-viewer.treeview-window #searchBox {
    width: 365px;
    position: absolute;
    margin: 2px 0 0 0;
    border-width: 1px;
    outline: none;
    z-index: 1;
}
.k-window-titleless.datafeed-viewer.treeview-window #searchBox {
    width: 765px;
}
.k-window-titleless.dataset-viewer.treeview-window #browser .loading-indicator,
.k-window-titleless.datafeed-viewer.treeview-window #browser .loading-indicator{
    top: 12px;
    bottom: 50px;
    right: 9px;
    border-radius: 0 10px 10px 0;
}
#treeview .k-in
{
    position: relative; 
}
#treeview .connection, 
#treeview .conn-table
{
    line-height: normal; 
}
.k-treeview .k-i-collapse
{
    margin-top: 0; 
}
#treeview .component-html.k-icon.k-i-html
{
    font-size: 19px;     
}
#treeview .k-sprite.conn-table:before,
#treeview span.k-sprite.conn-view:before
{
    content: "\e677";
}
#treeview span.k-sprite.conn-view:before
{
    position: absolute;
    left: 0;
    top: 11px;
}
.k-state-focused
{
    box-shadow: none; 
}
#treeview .k-icon.k-i-collapse::before
{
    content: "\e015";
}
#treeview .k-icon.k-i-expand::before
{
    content: "\e014";
}
#treeview .k-sprite.raw-sql:before
{
    content: "\e677";
    position: absolute;
    top: 10px;
    left: 0px; 
}
#treeview .k-icon.k-i-collapse + .k-in .k-icon.k-i-folder::before
{
    content: "\e901";
}
#treeview .k-sprite.dashboard::before
{
    content: "\e903"; 
    position: absolute;
    left: 0;
    top: 10px;
}
.k-sprite.gauge-icon::before,
#treeview .k-sprite.component-gauge::before ,
.k-animation-container .widget-icon.gauge-icon:before
{
    content: "";
    background-image: none;
    width: 14px;
    height: 7px;
    border-top-left-radius: 100px;
    border-top-right-radius: 100px;
    border: 1px solid #000;
    position: absolute;
    left: 0;
    top: 3px;
}
#treeview .k-sprite.component-gauge::before
{
    width: 16px; 
    height: 9px; 
    left: 1px; 
    top: 4px; 
}
.k-sprite.gauge-icon::after, 
#treeview .k-sprite.component-gauge::after, 
.k-animation-container .widget-icon.gauge-icon:after
{
    content: "";
    width: 1px;
    height: 6px;
    position: absolute;
    background: #000;
    left: 8px;
    top: 6px;
    border-top-left-radius: 15px;
    border-top-right-radius: 100%;
    transform: rotate(-45deg);
    margin: 0;
}
#treeview .k-sprite.component-gauge::after
{
    left: 10px; 
    top: 8px; 
}
.ad-attach-wrapper .ad-attach-option {
    padding: 5px;
}
.ad-attach-wrapper .ad-attach-option > div {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    width: calc(50% - 10px);
}
.ad-attach-wrapper input.search-user.entity-title-text-input {
    width: calc(100% - 33px);
}
.ad-attach-wrapper .users.k-listview {
    height: calc(100% - 77px);
    overflow: auto;
    border: none;
    padding: 5px;
}
.ad-attach-wrapper .users.k-listview .listview-item {
    height: 30px;
    line-height: 30px;
    border-bottom: 1px solid #08080810;
    border-radius: 5px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
   cursor: pointer;
}
.ad-attach-wrapper .users.k-listview .listview-item label.for-checkbox {
    display: block;
    width: 100%;
    height: 100%;
    line-height: 30px;
}
.ad-attach-wrapper .users.k-listview .listview-item label.for-checkbox > * {
    display: inline-block;
    position: relative;
    text-align: center;
    vertical-align: middle;
    background-image: none;
    margin-right: 5px;
    text-indent: 0;
}
.ad-attach-wrapper .users.k-listview .listview-item label.for-checkbox input{
    height: 16px;
    width: 16px;
}
.dataset-column-vf-wrapper .column-vf-details {
    position: absolute;
    border: none;
    top: 35px;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden;
}
.dataset-column-vf-wrapper .column-vf-details.dataset-columns-wrapper{
    right:387px;
    border-right: 1px solid #80808040;
}
.dataset-column-vf-wrapper .column-vf-details.dataset-column-values-wrapper{
    left:397px;
}
.dataset-column-vf-wrapper .column-vf-details .k-listview{
    height: calc(100% - 35px);
    overflow-x: hidden;
    overflow-y: auto;
    border: none;
    border-radius:10px;
    padding: 2px 2px 2px 0;
}
.dataset-column-vf-wrapper .column-vf-details .k-listview .listview-item{
    height: 30px;
    line-height: 30px;
    border-bottom: 1px solid #08080810;
    text-indent: 10px;
    border-radius: 5px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.dataset-column-vf-wrapper input.cvf-search{
    width: calc(100% - 10px);
    height: 30px;
    border-radius: 5px;
    border: 1px solid #cacaca;
    padding-left: 0.6em;
}
.dataset-column-vf-wrapper fieldset .k-header{
    border-radius: 10px 10px 0 0;
}
.dataset-column-vf-wrapper fieldset .select-dataset{
    float: right;
    margin-top: 3px;
}
.dataset-column-vf-wrapper fieldset .k-header .new-dataset span{
    display: inline-block;
    vertical-align: middle;
}
.dataset-column-vf-wrapper fieldset .k-header .dataset-name{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 550px;
}
.dataset-column-vf-wrapper .k-sprite.dsetbuilder-icon
{
    position: relative;
    font-family: WebComponentsIcons;
    background-image: none;
    font-size: 18px;
}
.dataset-column-vf-wrapper .k-sprite.dsetbuilder-icon:before
{
    content: "\e677";
    position: absolute;
    left: 0;
    top: 8px;
    font-weight: normal; 
}
.reassign-user-entities-wrapper{
    overflow: hidden;
}
.reassign-user-entities-wrapper .users-wrapper {
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    width: calc(50% - 10px);
}
.reassign-user-entities-wrapper .orphaned-users-wrapper{
    border-right: 1px solid #cccccc;
}
.reassign-user-entities-wrapper .k-listview{
    border: none;
    padding: 5px 0;
    height: calc(100% - 45px);
    overflow: auto;
}
.reassign-user-entities-wrapper .k-listview .listview-item {
    height: 30px;
    line-height: 30px;
    border-bottom: 1px solid #08080810;
    text-indent: 10px;
    border-radius: 5px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer;
}
.reassign-user-entities-wrapper .k-listview .k-state-selected, 
.admin-feature.user-manager .k-listview .k-state-selected {
    font-weight: bold;
}
.reassign-user-entities-wrapper input.search-user, 
.reassign-user-entities-wrapper .orphaned-users-details {
    width: 260px;
    height: 30px !important;
    border-width: 0 !important;
    border-bottom-width: 1px !important;
    background: none;
}
.reassign-user-entities-wrapper .orphaned-users-details {
    width: 315px !important;
    font-weight: bold;
    color: #346da5;
    text-align: center;
    line-height: 30px;
    border: 1px solid #b5b5b570;
    padding: 1px 0;
}
.reassign-user-entities-wrapper a.search-user{
    height: 35px;
    width: 30px;
    line-height: 30px;
}
.reset-password-details-fieldset .ibi-fieldset-content{
    top:0 !important;
}
.reset-password-details {
    height: 65px;
    line-height: 30px;
    text-indent: 20px;
}
.reset-password-details.stage-3 {
    text-align: center;
}
.reset-password-confirm-msg {
    font-weight: 900;
    color: red;
    text-indent: 0;
    text-align: center;
}
.reset-password-details.stage-3 .reset-password-confirmed {
    margin-top: 45px;
    text-align: center;
    text-indent: 0;
}
.reset-password-details.stage-3 .reset-password-confirmed > * {
    display: inline-block;
    vertical-align: middle;
    text-indent: 3px;
    height: 30px;
}
.reset-password-details.stage-3 input.user-password, 
.reset-password-details.stage-3 input.user-password:focus, 
.reset-password-details.stage-3 .copy-user-pwd {
    border: 1px solid #80808050;
    outline: none;
    border-radius: 5px;
    font-weight: 900;
}
.reset-password-details.stage-3 input.user-password{
    padding: 0 5px;
    width:150px;
}
.k-dialog-button-layout-normal {
    background: #F0F0F0;
    padding: 0px 10px 10px 0px!important;
}
.dashboard-settings-input-area {
    width: 75px;
    max-width: 75px;
    min-height: 25px;
}
.dashboard-settings-colour-scheme-selector{
    padding: 0;
}
.dashboard-settings-colour-scheme-selector.k-colorpalette td{
    border : 1px solid #b6b6b6;
    border-radius: 25px;
    padding: 3px;
}
.dashboard-settings-colour-scheme-area table.k-palette{
    border-collapse: separate !important;
}
.dashboard-builder-settings-dialog-wrapper {
    border-width: 0px !important;
    background-color: #F0F0F0;
}
.dashboard-all-settings-wrapper {
    background-color: #F0F0F0;
    padding: 0!important;
}
.formDashboardDetails {
    margin: 10px;
    border-radius: 5px;
    padding: 10px 10px 0px;
    border: 1px solid #cacaca; 
    background-color: white;
}
.k-dialog-buttongroup button {
    width: 100px;
    height: 30px;
    background: #fafafa; 
    border-radius: 30px; 
}
.dashboard-setting-widget-title-size{
    border-bottom: 8px;
}
.dashboard-settings-widget-title-size-slider{
    width : 280px;
}
.dashboard-settings-widget-title-size-wrapper .k-slider-wrap.k-slider-buttons .k-draghandle,
.dashboard-settings-widget-title-size-wrapper .k-slider-wrap.k-slider-buttons .k-slider-selection,
.dashboard-settings-widget-title-size-wrapper .k-slider-wrap.k-slider-buttons .k-draghandle.k-state-focused.k-state-selected {
    background : none !important;
    background-color: transparent !important;
    color: #fff !important;
    border: none !important;
    box-shadow: none !important;
}
.dashboard-settings-widget-title-size-wrapper .k-slider-horizontal .k-slider-selection, 
.dashboard-settings-widget-title-size-wrapper .k-slider-horizontal .k-slider-track{
    height: 0px
}
.dashboard-settings-widget-title-size-wrapper .ibi-hidden-visibility{
    visibility: hidden;
}
.dashboard-settings-widget-title-size-wrapper .k-slider-horizontal .k-label.ibi-medium-fontsize{
    margin-left: 10px;
}
.dashboard-settings-widget-title-size-wrapper .k-slider-horizontal .k-last .k-label {
    right: -15px;
}
.dashboard-settings-widget-title-size-wrapper .k-slider-horizontal .k-first .k-label {
    left: -25px;
}   
.dashboard-settings-widget-title-size-wrapper .k-slider-wrap.k-slider-buttons .ibi-position-marker{
    height: 16px;
    border: 1px solid transparent;
    border-left-color: #3b7ab8 !important;
    position: absolute;
}
.dashboard-settings-widget-title-size-wrapper ul li.k-tick{
    background-image: none !important;
}
.dashboard-settings-widget-title-size-wrapper ul li span.k-label{
    bottom: -1px;
    line-height: 1em;
   display: block;
    padding: 5px 0px;
    width: 75px;
    text-overflow: ellipsis;
    color: #2e2e2e !important;
    border-radius: 5px;
    border: 1px solid #c5c5c5!important;
    font-size: 12px;
}
.dashboard-settings-widget-title-size-wrapper ul li span.ibi-fontsize-description{
    color: #ffffff !important;
    border: 1px solid #3b7ab8 !important;
    background: #3b7ab8;
}
.dashboard-settings-widget-title-size-wrapper{
    padding: 5px;
}
.k-dialog-buttongroup.k-dialog-button-layout-normal
{
    font-size: 15px;
}
.dashboard-settings-input-area.dashboard-background-image-input-url
{
    min-width: 290px;
    margin-top: -10px;
}
.dashboard-settings-wrapper.dashboard-setting-widget-opacity
{
    margin-top: -13px; 
}
.dashboard-settings-input-area.dashboard-widget-opacity-input
{
    max-width: initial; 
    width: 16px; 
}
.dashboard-background-image-check
{
    width: 15px;
    height: 15px;
    vertical-align: bottom;
    display: inline-block;
}
.dashboard-background-image-check.image-working:before
{
    content: "\e118"; 
    font-family: WebComponentsIcons; 
    color: green;  
}
.dashboard-background-image-check.image-error:before
{
    content: "\e11b"; 
    font-family: WebComponentsIcons; 
    color: red; 
}
.dashboard-manual-adjust-widgets-table{
    font-family: inherit;
}
.dashboard-manual-adjust-contents{
    border: 1px solid #cacaca; 
    padding: 5px 10px;
    border-radius: 3px;
    background-color: #fff;
    max-height: 300px;
    overflow-y: auto;
}
.dashboard-manual-adjust-widgets-table .dashboard-manual-adjust-widgets-table-header th,
.dashboard-manual-adjust-widgets-table tr td input{
    height: 30px;
    border-radius: 3px;
    border: 1px solid #cacaca; 
}
.dashboard-manual-adjust-widgets-table tr td input[type="text"]{
    border : none;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
}
.dashboard-manual-adjust-widgets-table tr td input[type="number"]{
    width : 60px;
    padding: 0px 0px 0px 5px;
}
.dashboard-manual-adjust-actions > span {
    float: right;
    margin: 15px 0 0 10px;
}
.dashboard-manual-adjust-widgets-table{
    font-family: inherit;
}
.dashboard-manual-adjust-widgets-table tr td input[type="text"]{
    border : none;
    font-weight: bold;
}
.dashboard-manual-adjust-widgets-table tr td input[type="number"]{
    width : 60px;
    padding: 0px 0px 0px 5px;
}
.dashboard-manual-adjust-widgets-table .dashboard-manual-adjust-actions{
    margin-top: 5px;
}
.dashboard-manual-adjust-widgets-table tr td button.k-button{
    width: 100%
}
.dashboard-manual-adjust-widget-details .widget-icon {
    margin-top: 10px;
}
.master-selector .master-icon[data-display="false"],
.dashboard-manual-adjust-widgets-table td[data-cmo="true"]{
    display: none;
}
td[data-display="true"],
td[data-display="true"] input[type="text"]{
    cursor: pointer;
}
tr[data-widgettype="2"] td,
tr[data-widgettype="2"] td input[type="text"],
tr[data-widgettype="4"] td,
tr[data-widgettype="4"] td input[type="text"]{
    cursor: default !important;
}
.master-selector {
    color: #ffffff;
    text-shadow: 0px 0px 1px #000000;
    margin: 0 auto;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
}
.master-selector.master-selector-cell {
    border-left: 1px solid red;
    border-right: 1px solid red;
    border-radius: 5px;
}
.master-selector.master-selector-cell.master-selector-first {
    border-top: 2px solid red;
}
.master-selector.master-selector-cell.master-selector-last {
    border-bottom: 2px solid red;
}
.master-selector.master-selector-first {
    border-top: 2px solid transparent;
}
.master-selector.master-selector-last {
    border-bottom: 2px solid transparent;
}
.master-selector .master-icon {
    font-size: 1.5em;
    width: 2rem;
    height: 2rem;
    line-height: 1.5;
    position: relative;
    display: block;
    float: left;
}
.master-icon.master-widget:before {
    color: #000;
    content: "\2605";
    position: absolute;
    left: 0;
    overflow: hidden;
    margin: 0 0 0 6px;
}
.master-icon.detail-widget:before {
    content: "\2605";
    position: absolute;
    left: 0;
    overflow: hidden;
    margin: 0 0 0 6px;
}
textarea {
    resize: none;
}
.dashboard-manual-adjust-window .dashboard-manual-adjust-widget-title input
{
    width: 300px; 
}
.cog-option .k-icon.k-i-arrow-60-right:before
{
    content: "";
    position: absolute;
    width: 5px;
    height: 5px;
    border: 2px solid #585858;
    border-left: none;
    border-bottom: none;
    transform: rotate(45deg);
}
.k-item.k-state-default.makeMasterHolder
{
    display: none; 
}
.cog-master-element .k-item.k-state-default.makeMasterHolder
{
    display: block;
    position: absolute;
    top: 0;
    width: 100%;
}
.cog-master-element .k-item.k-state-default.makeMasterHolder + .k-item.k-first
{
    margin-top: 35px; 
}
.k-i-make-master.k-i-star-outline:before
{
    bottom: 2px;
}
.master-icon.master-widget:after
{
    content: "master";
    position: absolute;
    font-size: 9px;
    color: #000;
    left: 2px;
    top: -2px;
}
.dataset-expression-editor-contents > div {
    display: inline-block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    min-width: 300px;
    max-width: 300px;
    border: 1px solid gray;
    border-width: 0 1px 0 0;
    float: left;
}
.dataset-expression-editor-contents .dataset-expression-editor-contents-dataset {
    right: 0;
    left: 300px !important;
    min-width: 600px !important;
    border-width: 0 !important;
    float: right !important;
    padding-left: 5px;
}
.dataset-expression-editor-contents textarea.dataset-expression-editor-contents-textarea {
    width: calc(100% - 18px);
    height: 100px;
    outline: none;
    border: none;
    padding: 10px;
    border-radius: 5px;
}
.dataset-expression-editor-contents textarea.dataset-expression-editor-contents-textarea.ibi-invalid {
    color:red !important;
}
.dataset-expression-editor-contents .ibi-invalid-expression{
    position: absolute;
    margin: -148px 0 0 580px;
    color: red !important;
}
.expression-message.ibi-invalid{
    color:red !important;
    border:red !important;
    box-shadow:none !important;
}
.ibi-window-content .ibi-fieldset{
    position: absolute;
    top:0;
    left: 0;
    right: 0;
    border-radius: 5px;
    border: 1px solid gray;
    padding: 0;
    border-width: 0 0 1px 0;
    font: 12px Arial, Helvetica, sans-serif;
}
.ibi-window-content .ibi-fieldset .ibi-fieldset-content{
    overflow-y: auto;
    display:contents;
    position: absolute;
    top: 35px;
    bottom: 0;
    left: 0;
    right: 0;
}
fieldset legend.k-header {
    width: calc(100% - 12px);
    font-weight: bold;
    line-height: 32px;
    height: 32px;
    padding-left: 10px;
    border-bottom: 1px solid #cacaca; 
    background: none; 
}
fieldset.dataset-expression-editor-contents-pivot {
               top:160px !important;
}
div.dataset-expression-editor-contents-pivot{
    height: 50px;
    line-height: 50px;
}
fieldset.dataset-expression-editor-contents-expression legend.k-header{
    border-top-right-radius: 10px;
}
fieldset.dataset-expression-editor-contents-datafeed legend.k-header{
    border-top-left-radius: 10px;
}
fieldset.dataset-expression-editor-contents-expression-buttons {
    top: 240px !important;
    border: none !important;
}
fieldset.dataset-expression-editor-contents-datafeed input.datafeed-column-search {
    width: calc(100% - 15px);
    line-height: 25px;
    padding-left: 5px;
    margin-left: 3px;
    border: none;    
    outline: none;
}
input.dataset-column-pivot {
               margin-left: 10px;
}
.k-dropdown.pivot-column-list {
    left: 150px;
    width: 175px !important;
}
.expression-buttons-wrapper {
    margin: 5px;
    padding: 0 5px 5px 5px;
    height: 35px;
    line-height: 35px;
}
.expression-buttons-wrapper:first-child {
    margin-top: 15px;
}
.expression-buttons-wrapper a.k-link.k-button {
    width: 175px;
    height: 35px;
    line-height: 30px;
}
.expression-buttons-wrapper a.k-link.k-button:nth-child(2) {
    margin: 0 20px;
}
.dataset-expression-editor-contents-datafeed .datafeed-column-list{
    top: 60px;
    border: none;
    height: 378px !important;
    overflow-y: auto;
    overflow-x: hidden;
    border-bottom-left-radius: 10px;
    font: 12px Arial, Helvetica, sans-serif;
}
.dataset-expression-editor-contents-datafeed .datafeed-column-list .datafeed-column {
    background: rgb(238, 238, 238);
    color: #000;
    margin: 2px 1px; 
    border: 1px solid #cacaca; 
}
.dataset-expression-editor-contents-datafeed .datafeed-column-list .datafeed-column.k-state-selected {
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
}
.dataset-expression-editor-contents-datafeed .datafeed-column-list .listview-empty.k-state-selected {
    background: none !important;
    color: #000;
    border: none;
}
.dataset-column-linking-wrapper .dataset-column-linker-contents {
               overflow:hidden;
}
.dataset-column-linking-wrapper .inside-content {
    display: inline-block;
    width: 500px;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    border: 1px solid gray;
    border-width: 0 1px 0 0;
    float: left;
}
.dataset-column-linking-wrapper .dataset-column-new-link-detail-wrapper.inside-content{
    right: 0;
    left: 500px !important;
    width: 400px !important;
    border-width: 0 !important;
    float: right !important;
    padding-left: 5px;
}
.inside-content fieldset{
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border: none !important;
}
.dataset-column-linking-wrapper .dataset-linked-column > span  {
    display: inline-block;
    vertical-align: middle;
}
.dataset-column-linking-wrapper .dataset-column-links {
    display: block;
    margin-top: -3px;
    margin-bottom: 3px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}
.dataset-column-linking-wrapper .dataset-column-display-name, 
.dataset-column-linking-wrapper .dataset-column-links {
    width: 475px !important;
    margin-left: 2px;
    padding: 5px 0 5px 0px;
    border: 1px solid #1f329a;
}
.dataset-column-linking-wrapper .dataset-link-wrapper {
    width: calc(100% - 45px);
    background: #f0f2fa;
    padding: 2px;
    border-radius: 5px;
}
.dataset-column-linking-wrapper .text-display{
    width: 185px;
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    border-radius: 5px 5px 0 0;
}
.dataset-column-linking-wrapper .dataset-column-display-name {
    text-indent: 27px;
    font-weight: bold;
}
.dataset-column-linking-wrapper .dataset-linked-column-toggle {
    position: absolute;
    margin: -28px 0 0 7px;
}
.dataset-column-linking-wrapper .dataset-linked-column-toggle span.k-icon{
               color:#ffffff;
}
.dataset-column-linking-wrapper .k-i-delete {
    float: right;
    margin-right: 8px !important;
    margin-top: 3px !important;
}
.dataset-column-linking-wrapper .dataset-linked-column{
               margin: 0 0 2px 0;
               border-bottom: 1px solid #c1c1c1ad;
}
.dataset-column-linking-wrapper .dataset-linked-column-toggle span, 
.dataset-column-linking-wrapper .dataset-linked-column span {
    display: inline-block;
    vertical-align: middle;
    margin: 1px;
}
.dataset-column-linking-wrapper .expander ~ .dataset-linked-column,
.dataset-column-linking-wrapper .dataset-linked-column-delete-confirm{
               display: none;
}
.dataset-column-linking-wrapper .collasper ~ .dataset-linked-column{
    display:block;
}
.dataset-column-linking-wrapper .delete-confirm-message{
               width: calc(100% - 120px);
    padding-left: 25px;
}
.dataset-column-linking-wrapper .delete-confirm-buttons{
    width: fit-content;
    position: absolute;
    right: 20px;
    margin-top: -30px;
}
.dataset-column-linking-wrapper .delete-confirm-buttons > .k-icon {
    display: inline-block;
    border: 1px solid gray;
    border-radius: 5px;
    padding: 2px;
}
.dataset-column-linking-wrapper .delete-confirm-buttons > .k-icon:hover {
    background: #9b9c9e;
    color: #fff;
}
.dataset-column-linking-wrapper .delete-confirm-buttons a {
    width: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.dataset-column-linking-wrapper .dataset-column-new-link-detail-fieldset .ibi-fieldset-content{
    overflow : hidden !important;
}
.dataset-column-linking-wrapper .dataset-column-new-link-detail-fieldset > div > div{
    width: 390px !important;
    margin: 5px;
    line-height: 20px;
    border-radius: 5px;
    padding: 0;
}
.dataset-column-linking-wrapper .new-link-detail-tobe-linked-dataset span {
    vertical-align: middle;
    margin: 0;
    text-indent: 10px;
    display: inline-block;
}
.dataset-column-linking-wrapper .new-link-detail-dataset-columns > div{
    display: inline-block;
    vertical-align: middle;
    width: 49.57%;
}
.dataset-column-linking-wrapper .dataset-columns-search {
    outline: none;
    width: 190px;
    border: 1px solid #d5d5d5;
    box-shadow: none;
    border-radius: 5px 5px 0 0;
    line-height: 2em;
    text-indent: 10px;
    height: 2em;
}
.dataset-column-linking-wrapper .dataset-columns-listview.k-listview.k-selectable {
    height: 275px;
    border-radius: 0 0 5px 5px;
    width: 190px;
    margin-top: -1px;
    overflow: auto;
}
.dataset-column-linking-wrapper .dataset-columns-listview.k-listview.k-selectable .dataset-column {
    line-height: 2em;
    background: rgb(240, 242, 250);
    color: #313131;
    border-bottom: 1px solid gray;
    padding: 2px 0;
    text-overflow: ellipsis;
    overflow: hidden;
    border-radius: 3px;
    cursor: pointer;
    text-indent: 10px;
    white-space: nowrap;
}
.dataset-column-linking-wrapper .k-listview .dataset-column .dataset-column-displayname{
    display:inline-block;
}
.dataset-column-linking-wrapper .new-link-detail .k-button {
    float: right;
    width: 90px;
    height: 30px;
    line-height: 23px;
    margin: 0 5px;
    font-size: 14px;
}
.dataset-column-linking-wrapper .new-link-detail .k-button.k-state-disabled .k-i-link-horizontal {
    color: #c3c3c3;
}
.dataset-column-linking-wrapper .new-link-detail .k-button > .k-icon {
    float: left;
    margin-top: 4px;
}
.dataset-column-linking-wrapper .listview-empty{
    line-height:25px !important;
}
.dataset-column-existing-link-detail {
    overflow: auto;
    height: 405px;
}
.dataset-column-linking-wrapper .delete-confirm-buttons {
    right: 5px;
}
.delete-confirm-message-buttons {
    position: relative;
}
.dataset-column-links-detail {
    position: relative;
}
.dataset-column-links-detail-wrapper.inside-content .ibi-fieldset.dataset-column-links-detail-fieldset .ibi-fieldset-content {
    overflow: hidden;
}
.dataset-column-properties-wrapper .property-table{
    width: 100%;
    border-collapse: collapse;
    overflow-x: hidden;
    overflow-y: auto;
    font: 12px Arial, Helvetica, sans-serif;
}
.dataset-column-properties-wrapper .column-properties-content {
    border: none;
    border-radius: 5px;
    font: 12px Arial, Helvetica, sans-serif;
    margin: 5px 0;
    padding-bottom: 0;
}
.dataset-column-properties-wrapper .column-properties-content-legend{
    font-weight:bold;    
    border-bottom: 1px solid #cacaca;
    width: 100%;
    padding-bottom: 3px;
}
.dataset-column-properties-wrapper .dataset-column-property-row{
    border-bottom: 1px solid #cacaca;
}
.dataset-column-properties-wrapper .dataset-column-property-row td{
    padding: 5px 0; 
}
.dataset-column-properties-wrapper .dataset-column-property-row .property-label {
    width: 100px;
    text-align: right;
    border-left: 1px solid white;
}
.dataset-column-properties-wrapper .dataset-column-property-row .label-at-middle,
.dataset-column-properties-wrapper .k-dropdown.ibi-inputbox {
    width: 200px;
    
}
.dataset-column-properties-wrapper .dataset-column-property-row .value-at-middle {
    width: 235px;
}
.dataset-column-properties-wrapper .column-property-format .property-value{
               padding: 0px;
}
.dataset-column-properties-wrapper input:not([type="checkbox"]) {
    background: transparent;
    border: 1px solid #a9a9a9;
    border-radius: 5px;
    width: 200px;
}
.dataset-column-properties-wrapper span[data-show="true"]{
               display: inline-block;
}
.dataset-column-properties-wrapper span[data-show="false"]{
               display: none;
}
.dataset-column-properties-wrapper .toggle-switch ~ span.curent-date{
    visibility : hidden;
    margin-left: 15px;
}
.dataset-column-properties-wrapper .toggle-switch:checked ~ span.curent-date{
    visibility : visible;
}
.dataset-column-properties-wrapper .currentdate+.for-checkbox:active:before,
.dataset-column-properties-wrapper .currentdate:checked+.for-checkbox:active:before,
.dataset-column-properties-wrapper .currentdate:focus+.for-checkbox:before{
    -webkit-box-shadow: 0 0 3px 0 #3a79b6 !important;
    box-shadow: 0 0 3px 0 #3a79b6 !important;
    border-color: #3a79b6 !important;
}
.dataset-column-properties-wrapper .currentdate:checked+.for-checkbox:before {
    color: #3a79b6 !important;
}
.dataset-column-properties-wrapper .static-date, 
.dataset-column-properties-wrapper .datepicker {
    width: 200px;
    border: none !important;
}
.dataset-column-properties-wrapper .column-property-format-container{
               height: 190px;
    overflow-x: hidden;
    overflow-y: auto;
    padding:5px;
    display:none;
}
.dataset-column-properties-wrapper .column-property-format-container.selected {
    background: transparent;
    display:block !important;
    border-radius: 0;
    color: #000;
}
.dataset-column-properties-wrapper .column-property-format-buttons{
    padding-left: 5px;    
}
.dataset-column-properties-wrapper td.format-button {
    width: 365px;
    text-indent: 5px;
    border-width: 0 0 1px 0;
    line-height: 2em;
}
.dataset-column-properties-wrapper td.format-button .column-add-range{
    display:none;
    width: 70px;
    height: 28px;
    line-height: 25px;
    float:right;
    margin-right: 19px;
    padding: 1px 5px 1px 2px;
}
.dataset-column-properties-wrapper td.format-button {
    background: transparent;
    color: black;
    border-radius: 2px;
    border-width: 0 1px 1px;
}
.dataset-column-properties-wrapper td.format-button.selected {
    border: 1px solid #cacaca;
    background: #d0eeff;
}
.dataset-column-properties-wrapper td.format-button.colour-range.selected > *{
   vertical-align: middle;
}
.dataset-column-properties-wrapper td.format-button.selected .column-add-range{
    display: inline-block !important;
}
.dataset-column-properties-wrapper textarea.description {
    width: calc(100% - 12px);
    height: 35px;
   margin: 5px;
    outline: none;
    font: inherit;
    padding: 2px 0 2px 10px;
    border-radius: 5px;
    background: transparent;
    border: 1px solid #cacaca;
}
.dataset-column-properties-wrapper .format-label {
    text-align: right;
    width: 200px;
}
.dataset-column-properties-wrapper .format-value .toggle-switch{
    margin-left: 0px !important;
}
.dataset-column-properties-wrapper .format-value .toggle-switch + label {
    display: inline-block !important;
    margin-top: 0px !important;
}
.dataset-column-properties-wrapper .colour-range-listview {
    background: transparent;
    border: none;
}
.dataset-column-properties-wrapper .colour-range-listview > div {
    background: transparent;
    border: 0px solid white;
    border-bottom-width: 1px;
    padding: 5px 0; 
}
.dataset-column-properties-wrapper .colour-range-parts.widget-column-data-first{
    width : 375px !important;
}
.dataset-column-properties-wrapper .colour-range-parts.widget-column-data-second{
    width : 224px !important;
}
.dataset-column-properties-wrapper .colour-range-parts.widget-column-data-third{
    width : 145px !important;
}
.dataset-column-properties-wrapper .colour-range-parts.widget-column-data-fourth{
    margin:0 !important;
    padding:0 !important;
}
.dataset-column-properties-wrapper .colour-range-listview .range-checkbox{
    margin-left: 20px;
}
.dataset-column-properties-wrapper .fn-type-1.fn-time.fn-hour,
.dataset-column-properties-wrapper .fn-type-3.fn-month.fn-month-number,
.dataset-column-properties-wrapper .fn-type-7.fn-day.fn-day-number,
.dataset-column-properties-wrapper .fn-type-8.frmt-startday,
.dataset-column-properties-wrapper .fn-type-8.fn-datediff{
    display: none;
}
.dataset-column-properties-wrapper .dataset-column-property-row:last-child
{
    border-bottom: none; 
}
.dataset-column-properties-wrapper .colour-range-parts.widget-column-data-fourth p
{
    margin: 0; 
}
.dataset-column-properties-contents.ibi-window-content
{
    overflow-y: scroll; 
}
.dataset-column-properties-wrapper .column-property-format-container
{
    height: 100%; 
}
.dataset-column-properties-wrapper td.format-button .column-add-range
{
    display: none;
    width: 28px;
    height: 28px;
    line-height: 23px;
    float: right;
    margin-right: 19px;
    padding: 1px 5px 1px 2px;
}
.dataset-column-properties-wrapper td.format-button .column-add-range .k-i-plus
{
    margin-left: -1px; 
}
.dataset-column-mapper-wrapper {
    overflow: hidden;
}
.dataset-column-mapper-wrapper .dataset-column-mapper-contents{
    overflow-x: auto;
}
.dataset-column-mapper-wrapper .dataset-column-mapped-details-fieldset .k-header{
    margin: 0 1px 1px 0; 
}
.dataset-column-mapper-wrapper .inside-content {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
.dataset-column-mapper-wrapper .new-feed-tobe-mapped > span {
    display: inline-block;
    vertical-align: middle;
    text-overflow: ellipsis;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 100px;
}
.dataset-column-mapper-wrapper .new-feed-tobe-mapped .feed-name {
    width: 630px;
    text-indent: 100px;
}
.dataset-column-mapper-wrapper .k-link.select-feed{
               float: right;
    margin: 3px 3px 0 0;
}
.dataset-column-mapper-wrapper .k-link.select-feed > span {
    display: inline-block;
    vertical-align: middle;
}
.dataset-column-mapper-wrapper .map-detail {
    padding: 1px;
    border-bottom: 1px solid white;
    background: rgb(238, 238, 238);
}
.dataset-column-mapper-wrapper .map-detail > * {
               display:inline-block;
               vertical-align: middle;
               margin-left:5px;
}
.dataset-column-mapper-wrapper .map-detail .ibi-inputbox {
    border: none;
    outline: none;
    box-shadow: none;
    border-radius: 3px;
    line-height: 2em;
    height: 2em;
    width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-indent: 30px;
}
.dataset-column-mapper-wrapper .map-detail .ibi-inputbox.dataset-column {
               cursor:default;
               font-weight:bold;
}
.feed-column-datatype-group{
               font-weight: bold;
}
.dataset-column-mapper-wrapper .map-detail .dataset-column-pivot{
    color: #66b360 !important;
    margin-left: 10px;
}
.dataset-column-mapper-wrapper .map-detail .value-icon{
    margin-right: 10px;
}
.dataset-column-mapper-wrapper .map-detail .dsetbuilder-icon.value-icon{
    margin: 6px 5px 5px 10px;
    position: absolute;
}
.dataset-column-mapper-wrapper .map-detail .validator-icon{
               float:right;
               margin: 5px 10px 0 0;
}
.dataset-column-mapper-wrapper .map-detail .validator-icon.ibi-error-icon{
               cursor: pointer;
}
.dataset-column-mapper-wrapper .k-sprite.feedbuilder-icon
{
    background-image: none;
    font: 20px/1 WebComponentsIcons;
    position: relative;
    top: -3px; 
}
.dataset-column-mapper-wrapper .k-sprite.feedbuilder-icon:before
{
    content: "\e018";  
}
.dataset-column-mapper-wrapper .map-detail .dsetbuilder-icon.value-icon
{
    background-image: none;
    font: 16px/1 WebComponentsIcons;
}
.dataset-column-mapper-wrapper .map-detail .dsetbuilder-icon.value-icon:before
{
    content: "\e677"; 
    color: #fff; 
}
.datafeed-sql-editor-wrapper {
    font:inherit;
}
.datafeed-sql-editor-wrapper .sql-editor-wrapper,
.datafeed-sql-editor-wrapper .sql-execution-result{
    position: absolute;
    top: 0;
    bottom: 0;
}
.datafeed-sql-editor-wrapper .sql-editor-wrapper{
    left: 0;
    width: 100%;
}
.datafeed-sql-editor-wrapper .sql-execution-result{
    width : 0px;
    right:0;
    transition: width 1s;
}
.datafeed-sql-editor-wrapper .sql-editor-wrapper.show{
    width:calc(100% - 330px);
}
.datafeed-sql-editor-wrapper .sql-execution-result.show{
    width: 325px;
    border-left: 1px solid #80808052;
    padding-left: 5px;
}
.datafeed-sql-editor-wrapper .sql-editor-wrapper.show,
.datafeed-sql-editor-wrapper .result-row > span{
   
    white-space: normal;
}
.datafeed-sql-editor-wrapper textarea.sqleditor{
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: calc(100% - 20px);
    outline: none !important;
    border-radius: 10px;
    border: none;
    text-align: left;
    
    text-indent: 5px;
    padding: 5px;
    font: inherit;
    font-size: 12px;
}
.datafeed-sql-editor-wrapper .result-row {
    line-height: 30px;
    margin-top: 5px;
    text-indent: 2px;
    font-size: 12px;
    border-bottom: 1px solid #d6d6d6;
    border-bottom-right-radius: 10px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.datafeed-sql-editor-wrapper  .sql-execution-result.show .result-label {
    margin: 0 0 0 -5px;
    line-height: 30px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 0px;
    text-indent: 5px;
    font-weight: bold;
}
.datafeed-sql-editor-wrapper .result-indicator {
    display: inline-block;
    margin: 0 10px;
}
.datafeed-sql-editor-wrapper .result-indicator:after ,
.datafeed-sql-editor-wrapper .result-indicator.fail:before {
    content: '';
    display: block;
    height: 10px;
    border: solid red;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}
.datafeed-sql-editor-wrapper .result-indicator.success:after {
    width: 5px;
    border-color: green;
}
.datafeed-sql-editor-wrapper .result-indicator.fail:before {
    transform: rotate(315deg);
    margin-bottom: -12px;
}
.datafeed-sql-editor-wrapper.k-window-content.k-content {
    overflow: hidden;
}
.datafeed-sql-editor-wrapper textarea.sqleditor {
    white-space: pre;
    overflow: scroll;
    height: 98%;
    width: 100%;
}
.datafeed-scheduler-wrapper{
    font-size:12px;
}
.datafeed-scheduler-wrapper .scheduler-part-wrapper{
    display:inline-block;
    vertical-align: middle;
    border: 1px solid #cacaca;
    border-width: 0 1px 0 0;
    width: 285px;
   position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    padding: 0;
    margin: 0;
}
.datafeed-scheduler-wrapper legend.k-header{
    text-indent: 10px;
}
.datafeed-scheduler-wrapper .scheduler-part-content {
    padding: 15px 0 0 15px;
}
.datafeed-scheduler-wrapper .scheduler-part-content .scheduler-part-slice {
    margin-top: 10px;
}
.datafeed-scheduler-wrapper .ibi-time-picker-label {
    display: inline-block;
    vertical-align: middle;
    margin-left: -5px;
    width: 140px;
    height: 24px;
    line-height: 24px;
    text-indent: 15px;
    background: #f6f6f6;
    border: 1px solid #c5c5c5;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.datafeed-scheduler-wrapper .scheduler-part-wrapper.scheduler-day.scheduler-month {
    left: 285px;
    width: 300px;
}
.datafeed-scheduler-wrapper .frequency-legend {
    border-top-left-radius: 8px;
}
.datafeed-scheduler-wrapper .scheduler-part-wrapper.scheduler-date.scheduler-time.scheduler-interval {
    left: 585px;
    width: 315px;
    border: none;
}
.datafeed-scheduler-wrapper .date-time-interval-legend {
    border-top-right-radius: 8px;
}
.datafeed-scheduler-wrapper .scheduler-part-slice.error{
    bottom: 5px;
    width: 305px;
    left: 2px;
    border-radius: 10px;
    height: 30px;
    line-height: 35px;
    font-size: 0.9em;
    color: red;
    text-align: left;
    text-indent: 10px;
}
.datafeed-scheduler-wrapper .scheduler-part-slice.error.frequency-2{
    bottom: 45px;
}
.widget-settings-window-wrapper.k-window-content{
    overflow: hidden !important;
}
.widget-settings-content-wrapper .widget-settings-content{
    border: 1px solid #cacaca;
    border-radius: 5px;
    font: 12px Arial, Helvetica, sans-serif;
    margin: 5px 0;
    width: 850px;
}
.widget-settings-contents.ibi-window-content{
    overflow: auto;
    overflow-x: hidden !important;
}
.widget-settings-content-wrapper .widget-settings-content legend{
    font-weight: bold;
}
.widget-settings-content .widget-settings-content-wrapper input {
    border: 1px solid #dcd9d9;
    border-radius: 3px;
    min-height: 20px;
    width: 180px;
}
table.widget-attribute-columns,
table.widget-measure-columns{
               border-collapse: collapse;
               width: 100%;
}
table.widget-attribute-columns td:last-child,
table.widget-measure-columns td:last-child{
    width:100%;
}
.widget-attribute-data-row,
.widget-measure-data-row{
               background-color: #f8f8f8;
    border-bottom: 1px solid white;
    border-radius: 3px;  
}
.widget-measure-data-row.widget-measure-column-label-options-linked{
    border-bottom-width: 0px;
}
.widget-attribute-data,
.widget-measure-data {
    margin: 2px;
    padding: 0px 5px;
    border-radius: 3px;
}
td.widget-attribute-data label.for-checkbox,
td.widget-measure-data label.for-checkbox {
    display: block;
    margin-top: -20px;
    margin-left: 25px;
}
.widget-settings-content .widget-settings-content-wrapper input[type="checkbox"]{
               width: 15px;
}
.widget-settings-content .widget-settings-content-wrapper input#resultcount,
.widget-settings-content .widget-settings-content-wrapper input.widget-dimension,
.widget-settings-content .widget-settings-content-wrapper input#axistitlex,
.widget-settings-content .widget-settings-content-wrapper input#widgetattributename,
.widget-settings-content .widget-settings-content-wrapper input#axistitley,
.widget-settings-content .widget-settings-content-wrapper input.widget-measure-name,
.widget-settings-content .widget-settings-content-wrapper input.range-value-field,
.widget-settings-content .widget-settings-content-wrapper input.widget-column-width {
               height: 18px;
    width: 170px;
    padding-left: 5px;
    font: inherit;
}
.widget-attribute-legend-position,
.widget-attribute-legend-fontsize,
.widget-attribute-x-axis-orientation,
.widget-attribute-title-fontsize,
.widget-measure-y-axis-orientation,
.widget-measure-title-fontsize,
.widget-gauge-type-selector,
.widget-measure-label-fontsize {
    width: 177px;
}
.widget-settings-content .widget-settings-content-wrapper input.widget-measure-name {
    width: 120px !important;
    margin-top: 2px;
    margin-left: -5px;
}
.widget-settings-content .widget-settings-content-wrapper input.widget-attribute-in-use,
.widget-settings-content .widget-settings-content-wrapper input.widget-attribute-in-use:active,
.widget-settings-content .widget-settings-content-wrapper input.widget-measure-name,
.widget-settings-content .widget-settings-content-wrapper input.widget-measure-name:active {
    text-overflow: ellipsis;
    cursor: default !important;
}
.k-widget.k-dropdown.k-header.widget-attribute-x-axis-orientation,
.k-widget.k-dropdown.k-header.widget-attribute-legend-position,
.k-widget.k-dropdown.k-header.widget-attribute-in-use,
.k-widget.k-dropdown.k-header.widget-measure-y-axis-orientation,
.widget-settings-content .widget-settings-content-wrapper input#axistitlex,
.widget-settings-content .widget-settings-content-wrapper input#widgetattributename,
.widget-settings-content .widget-settings-content-wrapper input#axistitley,
.widget-measure-label-foreground{
               float: right;
}
.first-column{
               width:300px;
               line-height: 22px
}
.first-column .widget-measure-label-colour-wrapper{
    margin-left: 1px;
}
.first-column .widget-measure-label-colour-wrapper label{
    margin-right: 5px;
}
.second-column,
.third-column{
               width:175px;
}
.widget-measure-data .forth-column{
    width: 130px;
}
div.third-column > *:not(.widget-measure-label-position),
div.forth-column > *{
    padding: 0 0 5px 0;    
}
div.third-column > *:first-child,
div.forth-column > *:first-child{
    border: 1px solid transparent;
    border-radius: 3px;
    padding-right: 5px;    
}
.widget-settings-content-wrapper .k-i-x,
.widget-settings-content-wrapper .k-i-minus-outline{
    color: red !important;
    cursor: pointer;
}
.widget-settings-content-wrapper .k-i-plus{
    color: blue !important;
    cursor: pointer;
}
.widget-settings-content-wrapper .k-button.update-range-button .k-i-check{
    color: green !important;
    cursor: pointer;
}
.widget-settings-content-wrapper .k-button.update-range-button.k-state-disabled .k-i-check{
    color: black !important;
    cursor: default;
}
.widget-settings-content-wrapper .k-icon.k-i-toggle-full-screen-mode{
    color: rgb(28, 116, 185) !important;
}
label.first-column-label{
               vertical-align: middle;
}
.widget-settings-content .widget-settings-content-wrapper.widget-settings-dimension-control label,
.widget-settings-content .widget-settings-content-wrapper.widget-settings-sorting-control label,
.widget-measure-data-checks,
.widget-column-data-first,
.widget-column-data-second,
.widget-column-data-third,
.widget-column-data-fourth,
.widget-attribute-range-checkbox label.for-checkbox, 
.widget-attribute-range-checkbox input[type="checkbox"]{
               display: inline-block;
               vertical-align: middle;
}
.k-widget.k-dropdown.k-header.widget-measure-type-selector {
    width: 175px;
    float: right;
}
.k-widget.k-dropdown.k-header.widget-measure-colour-selector {
    width: 70px;
}
.k-widget.k-dropdown.k-header.widget-measure-placement-selector {
    width: 125px;
    float: right;
}
.k-popup>.k-group-header{
               background: #fff !important;
    color: #000 !important;
    text-align: left !important;
    white-space: nowrap !important;
    text-transform: none !important;
    font-size: inherit !important;
    border-bottom: 1px dotted grey !important;
}
.k-colorpalette.k-popup .widget-settings-colour{
               cursor: pointer !important;
}
span.widget-measure-yaxis-value{
    display:inline-block;
    float:right;
}
input[type="number"].yaxis-value{
    border-left:0px;
    margin:0 0 0 -8px;
    background:white;
    width: 115px;
    outline:none;
    text-indent: 8px;
    font: inherit;
}
input[type="text"].value-label{
    border-right:0px;
    outline:none;
    width: 60px;
    text-overflow: ellipsis;
    padding: 0 1px;
    font: inherit;
}
.widget-settings-contents.ibi-window-content [data-role="editable"]
{
    background: #d6d6d6;
}
.widget-measure-columns .k-icon.k-i-edit
{
    margin: 0; 
}
.widget-settings-gauge table.widget-measure-columns td.widget-measure-data-value {
    width: auto !important;
}
.gauge-settings-data{
    line-height: 24px;
}
.gauge-settings-data.widget-column-data-first {
    width: 185px !important;
}
.gauge-settings-data.widget-column-data-second {
    width: 520px !important;
}
.gauge-settings-data.widget-column-data-third {
    width: 50px !important;
}
.widget-settings-content-wrapper.gauge-measure-column-rage.k-widget.k-listview {
    border: none;
}
input#showtrafficlight,
label[for="showtrafficlight"],
tr.widget-measure-column-label-options input.widget-measure-label-background-opacity{
    vertical-align: middle;
}
.widget-settings-content-wrapper.widget-measure-column-range-trafficlight {
    line-height: 40px;
    height: 40px;
    vertical-align: middle;
    padding: 2px;
}
.gauge-settings-data label
{
    text-indent: 10px; 
}
td.widget-measure-data-label
{
    text-indent: 5px; 
}
.gauge-settings-data.widget-column-data-first label
{
    padding-left: 5px; 
}
.widget-measure-label-colour-wrapper label.for-checkbox.widget-measure-label-background-opacity
{
    margin-top: -2px; 
}
.widget-attribute-column-rage.widget-measure-column-rage.k-widget.k-listview{
    border-top: none !important;
    border-radius: 5px;
    background-color: #e0ebf5;
    margin: -3px 0 3px 0;
}
.widget-column-data-first {
    width: 375px;
}
.widget-column-data-second {
    width: 240px;
}
.widget-settings-grid .widget-column-data-second {
    width: 193px !important;
}
.widget-column-data-second label.for-checkbox {
    margin-left: -5px;
}
.widget-column-data-third {
    width: 120px;
}
.widget-settings-grid .widget-column-data-third {
    width: 170px !important;
}
.widget-column-data-fourth.widget-attribute-range-action,
.widget-column-data-fourth.widget-measure-range-action {
    margin-left: 9px;
}
input.range-value-field {
    width: 180px !important;
}
input.first-value.range-value-field, 
input.second-value.range-value-field,
.first-value.range-wildcard-field {
    width: 174px !important;
}
input.widget-column-width{
    width: 42px !important;
    margin-left: 11px;
}
input.widget-column-width:focus,
input#resultcount:focus,
input.range-value-field:focus,
input.widget-dimension:focus,
input.k-color-value:focus{
    outline: none;
}
input.ibi-invalid-input,
input.ibi-invalid-input:focus,
span.widget-measure-type-selector.ibi-invalid-input,
div.widget-measure-data-checks.ibi-invalid-input{
    border: 1px solid red !important;
}
span.widget-measure-type-selector{
    border: 1px solid transparent !important;
}
.widget-column-data-third.widget-attribute-range-colour-picker input,
.widget-column-data-third.widget-measure-range-colour-picker input{
    width:25px;
}
.widget-column-data-second.widget-attribute-range-checkbox,
.widget-column-data-second.widget-measure-range-checkbox {
    padding-left: 10px;
}
.widget-column-data-third.widget-attribute-range-colour-picker,
.widget-column-data-third.widget-measure-range-colour-picker {
    padding-left: 5px;
    text-align: right;
}
.widget-column-data-third.widget-attribute-range-colour-picker span.k-widget.k-colorpicker.k-header,
.widget-column-data-third.widget-measure-range-colour-picker span.k-widget.k-colorpicker.k-header {
    margin-right: 20px;
}
.widget-column-data-fourth.widget-attribute-range-action,
.widget-column-data-fourth.widget-measure-range-action {
    padding-right: 3px;
}
.widget-column-data-first strong{
    vertical-align: middle;
    padding-left: 5px;
    cursor: default;
}
.k-button.widget-column-add-range {
    float: right;
    margin-right: 10px;
}
.k-button.widget-column-add-range-hint{
    float: right;
    margin-right: 5px;
    cursor: default;
}
.k-button.widget-column-add-range-hint:hover{
    border-color: #c5c5c5 !important;
    background-color: #e9e9e9 !important;
}
.k-button.widget-column-add-range-hint .k-i-info,
.widget-column-data-third .k-i-info{
    color: #008000 !important;
}
.k-i-info.invalid-input{
    color: red !important;
}
.widget-settings-sorting-control .k-i-info.invalid-input{
    margin-left: 5px !important;
}
.html-editor-toolbar .k-widget.k-window.k-window-titleless.k-editor-widget {
    visibility: visible !important;
}
fieldset.widget-viewhtml-snippet{
    display: none;
}
.widget-settings-content-wrapper.widget-settings-html .html-editor.k-editor{
    min-height: 150px;
}
textarea.html-editor-html:focus,
textarea.html-editor-html {
    width: 830px;
    border: none;
    min-height: 150px;
    height: 150px;
    overflow: auto;
    outline: none;
}
.k-i-togglehtmlsnippetarea:before {
    content: "\e918";
}
.editorToolbarWindow a.k-state-selected{
    background-color: #92ebf8;
    color: #000; 
}
.k-editor-inline ::selection {
    background-color: #6d1dfb !important;
    text-shadow: none !important;
    color: #fff !important;
}
tr.widget-measure-column-label-options[data-showlabels="false"]{
    display:none;
}
tr.widget-measure-column-label-options .widget-measure-label-position{
    width : 175px;
}
tr.widget-measure-column-label-options label.widget-measure-label-background-opacity{
    display: inline-block;
}
.html-editor.k-widget.k-editor.k-editor-inline.k-state-active
{
    background: #fff; 
}
.widget-settings-content-wrapper.widget-settings-html .html-editor.k-editor
{
    min-height: 350px;
    border: 1px solid #cacaca;
    border-radius: 0;
}
.html-editor-toolbar .k-widget.k-window.k-window-titleless
{
    box-shadow: none; 
    border: 1px solid #cacaca; 
    border-bottom: none; 
    border-radius: 0; 
}
.textEditPopup
{
    position: absolute;
    width: 632px;
    height: 460px;
    left: 140px;
    top: 40px;
    z-index: 11000;
    background: #fafafa;
    border: 1px solid #cacaca; 
    box-shadow: 0 0 7px 0px rgba(0, 0, 0, 0.2);
    overflow: hidden; 
    border-radius: 15px; 
}
.colorPickerHolder, 
.colorPickerParent
{
    width: 20px;
    height: 20px;
    display: inline-block;
    position: relative; 
}
.colorPickerOptions
{
    background: #ededed;
    padding: 5px;
    width: 49px;
    position: fixed;
    z-index: 1;
    border: 1px solid #cacaca; 
    margin-top: 15px; 
    margin-left: 15px; 
}
.customCompHead.headFontColor
{
    display: inline-block; 
}
.color
{
    width: 20px; 
    height: 20px; 
    display: inline-block;
    border: 1px solid rgba(0, 0, 0, 0.5);
}
.colorPickerOptions.hidden
{
    display: none; 
}
.textEdit-actionButtons
{
    position: absolute;
    width: 100%;
    bottom: 7px;
    text-align: right;
    right: 7px;
}
.textEdit-okayButton, 
.textEdit-cancelButton
{
    text-align: center;
    display: inline-block;
    border: 1px solid #cacaca;
    background: #fafafa;
    padding: 6px 5px 5px;
    width: 100px;
    font-size: 15px;
    border-radius: 30px; 
}
.textEdit-okayButton:hover, 
.textEdit-cancelButton:hover, 
.addBackround-selectDash:hover
{
    cursor: pointer; 
    border: 1px solid #cacaca;
    background-color: #92ebf8;
}
.customCompHead.textPosition, 
.textEdit-alignHolder, 
.customCompHead.backgroundColor, 
.customCompHead.headerName, 
.customCompHead.headerSize, 
.customCompHead.headerBold, 
.customCompHead.headerItalic
{
    display: inline-block;
}
.customCompHead.headerBold
{
    margin-left: 10px; 
}
.textEdit-alignType
{
    display: inline-block;
    border: 1px solid #cacaca;
    padding: 3px 10px;
    border-radius: 5px; 
}
.textEdit-alignType.active, 
.textEdit-alignType:hover
{
    background-color: #92ebf8;
    cursor: pointer; 
}
.textEditPopupContainer
{
    background: #fff;
    margin: 10px;
    height: calc(100% - 120px);
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #cacaca; 
    overflow-y: scroll; 
}
.textPopup-componentName
{
    padding: 10px;
    border-bottom: 1px solid #cacaca;
    font-weight: bold;
    font-size: 15px;
    letter-spacing: 0.7px;
    color: #313131;
}
#textEdit-textContent, 
#textEdit-fontSize, 
#textEdit-addBackground
{
    border: 1px solid #cacaca;
    text-indent: 3px;
    padding: 5px 4px;
}
#textEdit-addBackground
{
    width: 510px;
    margin-left: 4px;
}
.htmlCompElement
{
    border-bottom: 1px solid #cacaca;
    padding: 9px 0px;
}
#textEdit-fontSize, 
#homeWidgetMaker-fontSize
{
    width: 50px; 
}
.k-i-text-edit-tool
{
    font-family: WebComponentsIcons;    
}
.k-i-text-edit-tool:before
{
    content: "\e646"; 
}
.k-i-home-widget-maker:before
{
    content: "\e527"; 
}
#htmlCompElement-treeview
{
    position: absolute;
    z-index: 2;
    top: 37px;
    width: 450px;
    right: 0;
    background: white;
    border: 1px solid #cacaca;
    height: 370px;
    box-shadow: 0 0 3px 0px rgba(0, 0, 0, 0.3);
    overflow: hidden;
    overflow-y: scroll;
    opacity: 0; 
    right: -70%;
    transition: all 0.5s; 
}
#htmlCompElement-treeview.isOpened
{
    opacity: 1; 
    right: 0; 
    transition: all 0.5s; 
}
.addBackround-selectDash
{
    display: inline-block;
    border: 1px solid #cacaca;
    padding: 4px 12px;
    margin-left: 10px;
}
#htmlCompElement-treeview .k-treeview
{
    padding: 10px;
}
#homeWidgetMaker-dashName, 
#homeWidgetMaker-dashTooltip, 
#homeWidgetMaker-addBackground, 
#homeWidgetMaker-dashId, 
#homeWidgetMaker-fontSize
{
    padding: 6px 2px;
    margin-left: 5px;
    border: 1px solid #cacaca;
    text-indent: 4px;
}
.k-tool.k-group-start.k-group-end.k-state-hover
{
    background-color: #92ebf8; 
    cursor: pointer; 
    border: 1px solid #cacaca; 
}
.k-tool.k-group-start.k-group-end.k-state-hover .k-icon, 
.k-tool-icon.k-icon.k-i-togglehtmlsnippetarea
{
    color: #000; 
}
.colorPickerHolder, 
.colorPicker-options
{
    cursor: pointer; 
}
.colorPickerHolder
{
    position: absolute;
    left: 2px;
    top: 2px;
}
.html-editor.k-widget.k-editor.k-editor-inline.k-state-active div
{
    position: absolute; 
}
.html-editor.k-widget.k-editor.k-editor-inline.k-state-active div
{
    width: 92.6% !important;
    height: 98% !important;
}
.html-editor.k-widget.k-editor.k-editor-inline.k-state-active a
{
    width: 98.6% !important;
    height: 98% !important;
}
.k-widget.k-window.k-window-titleless.component-window.transparent, 
.k-widget.k-window.k-window-titleless.component-window.transparent .k-widget.k-editor.k-editor-inline
{
    background-color: transparent; 
    box-shadow: none; 
}
.colorPicker-options.color.transparent, 
.colorPickerHolder-options.color.transparent
{
    position: relative; 
}
.colorPicker-options.color.transparent:before, 
.colorPickerHolder.color.transparent:before
{
    content: ""; 
    width: 10px;
    height: 10px;
    background: rgba(0, 0, 0, 0.3);
    position: absolute;
}
.colorPicker-options.color.transparent:after, 
.colorPickerHolder.color.transparent:after
{
    content: ""; 
    width: 10px;
    height: 10px;
    background: rgba(0, 0, 0, 0.3);
    position: absolute;
    bottom: 0; 
    right: 0; 
}
.textEditPopup.hidden, 
.homeWidgetMaker.hidden
{
    display: none; 
}
.htmlTools-close.k-icon.k-i-close
{
    position: absolute;
    top: 9px;
    right: 5px;
    cursor: pointer;
}
#textEdit-textContent
{
    display: inline-block;
    width: 520px;
    margin-left: 9px;
    min-height: 50px;
    margin-top: 20px;
}
#homeWidgetMaker-dashId
{
    width: 393px; 
}
#homeWidgetMaker-dashName
{
    width: 510px;
    margin-left: 8px;  
}
#homeWidgetMaker-dashTooltip
{
    width: 510px;
    margin-left: 4px;
}
#homeWidgetMaker-addBackground
{
    width: 510px;
    margin-left: 8px;
}
#editorFrame
{
    position: absolute; 
}
.htmlTextBold.k-i-bold, 
.htmlTextItalic.k-i-italic,
.htmlTextUnderline.k-i-underline,
.htmlTextHyperlink.k-i-link-horizontal
{
    font-family: WebComponentsIcons;
    display: inline;
    border: 1px solid #cacaca;
    padding: 5px;
    margin-left: 5px; 
    border-radius: 5px; 
}
.htmlTextTools
{
    position: absolute;
    right: 38px;
    top: 62px;
}
.customCompHead.headerName
{
    vertical-align: top;
    margin-top: 18px;
}
#textEdit-textContent pre
{
    margin: 0; 
    font-size: inherit; 
}
@supports (-ms-ime-align: auto) 
{
    #homeWidgetMaker-dashTooltip
    {
        margin-left: 5px;
    }
    #textEdit-textContent
    {
        margin-left: 8px; 
    }
    #homeWidgetMaker-dashName
    {
        margin-left: 10px;  
    }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) 
{
    #homeWidgetMaker-dashName
    {
        margin-left: 7px;  
    }
    
    #homeWidgetMaker-dashTooltip
    {
        margin-left: 2px;
    }
    #homeWidgetMaker-addBackground
    {
        margin-left: 6px; 
    }
    #textEdit-textContent
    {
        margin-left: 5px; 
    }
    .colorPickerOptions
    {
        position: absolute; 
        bottom: -130px; 
        left: 10px; 
    }
}
#textEdit-fontSize
{
    padding: 4px 2px;
}
.htmlTextBold.k-i-bold:hover, 
.htmlTextItalic.k-i-italic:hover,
.htmlTextUnderline.k-i-underline:hover,
.htmlTextHyperlink.k-i-link-horizontal:hover
{
    background-color: #92ebf8;
    cursor: pointer;
    border: 1px solid #cacaca;
    border-radius: 4px; 
}
.html-editor-viewhtml.k-editor-inline.k-state-active
{
    background: none; 
}
.containerpanel {
    width: 100%;
    left: 0px;
    color:#000;    
    background-color: transparent;
}
.containerpanel.opac{
    opacity: 0;
}
.animateSlide {
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
    position: absolute;
}
#filterlistview.k-widget.k-listview{
    background: transparent !important;
    border: none !important;
}
.containerpanel .filter-button-section{
    padding: 5px 2px 0px;
    height: 30px;
}
.containerpanel .filter-button-section .k-link{
    border-radius: 3px !important;
    height: 22px !important;
    width: 43px !important;
    padding: 0px !important;
    margin: 0px 2px 0px 5px;
    background-color: #e9e9e9;
    background-image: none,linear-gradient(to bottom,rgba(255,255,255,.6) 0,rgba(255,255,255,0) 100%);
    background-position: 50% 50%;
}
.containerpanel .filter-button-section .k-link .k-i-arrow-w,
.containerpanel .filter-button-section .k-link .k-i-arrow-e{
    margin-top: -12px !important;
}
.containerpanel .filter-button-section span.k-pager-info{
    height: 23px !important;
    line-height: 2 !important;
    padding: 0 0.75em !important;
    font-size: 12px;
}
.containerpanel .filter-button-section .k-pager-wrap{
    border: none !important;
    background: none !important;
    padding: 0px !important;
    margin-right: 9.5px !important;
    width: auto;
    float: right;
}
.containerpanel .filter-button-section .k-link.k-pager-nav.k-state-disabled,
.containerpanel .filter-button-section .k-pager-first, 
.containerpanel .filter-button-section .k-pager-last,
.containerpanel .filter-view[data-linked="false"] a.filter-link{
    display: none !important;
}
.containerpanel .filter-view{
    padding: 3px 5px 5px;
    margin: 2px 5px;
    border-bottom: 1px solid #cacaca; 
}
.containerpanel .filter-view div{
    display:inline-block;
    border: 1px solid #c5c5c5;
    padding: 2px 5px;
    border-radius: 5px;
    width:200px;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}
.containerpanel .filter-view div.view-mode{
    overflow: hidden;
}
.containerpanel .filter-view .filter-text-display-area{
    font-family: inherit !important;
    font-size: 12px !important;
    line-height: 1.6 !important;
    min-height: 1.6em !important;
}
.containerpanel .filter-view .filter-toggle,
.containerpanel .filter-view .filter-link{
    height: 23px;
    width:25px;
    border-radius: 50% !important;
    margin-right: 0px !important;
    box-sizing: border-box;
}
.containerpanel .filter-view .filter-link .ibi-link-horizontal{
    margin-left: 3px;
}
.containerpanel .filter-view .filter-toggle.toggle-me.on {
    background-color: #74993e;
}
.containerpanel .filter-view .filter-toggle.on:after {
    content: '';
    display: block;
    width: 5px;
    height: 12px;
    margin: 2px 2px 0px 8px;
    
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.containerpanel .filter-view .toggle-me.on:after {
    border: solid #eeeeee;
    border-width: 0 3px 3px 0;
}
.containerpanel .filter-view .toggle-me-not.on:after {
    border: solid grey;
    border-width: 0 3px 3px 0;
}
.containerpanel .filter-view .filter-toggle.off{
    border: solid 5px #c01614 !important;
    background-color: #eeeeee;
    position: relative;
}
.containerpanel .filter-view .filter-toggle.off:before {
  display: block;
  position: absolute;
  top: 10%;
  left: 10%;
  content: '';
  background-color: #eeeeee;
  width: 80%;
  height: 80%;
  border-radius: 50%;
}
.containerpanel .filter-view .filter-toggle.off:after {
    content: '';
    display: block;
    position: absolute;
    left: -3px;
    width: 22.5px;
    border-top: solid 5px #c01614;
    -webkit-transform-origin: top left;
    -webkit-transform: rotate(20deg);
    
    -moz-transform-origin: top left;
    -moz-transform: rotate(20deg);
    
    -o-transform-origin: top left;
    -o-transform: rotate(20deg);
    
    -ms-transform-origin: top left;
    -ms-transform: rotate(20deg);
    
    transform-origin: top left;
    transform: rotate(20deg);
}
.containerpanel .edit-buttons .filter-basic-action{
    position:relative;
    width:0.3em;
    height:1.25em;
    margin: 0px;
    font-size: 0.8em;
}
.containerpanel .edit-buttons .filter-basic-action:after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width:0.3em;
    height:1.25em;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.containerpanel .edit-buttons .filter-add{
    left: 20px;
    top: 3px;
    background-color: #444;
}
.containerpanel .edit-buttons .filter-add:after{
    background-color: #444;
}
.containerpanel .filter-view .edit-buttons{
    width:230px;
    float: right;
    border:none;
}
.containerpanel .filter-view .edit-buttons a {
    float: right;
    margin-left: 5px;
}
.containerpanel .filter-view .edit-buttons .filter-edit{
    position: relative;
    width: 0.35em;
    height: 0.8em;
    background: #333;
    margin: 3px 0px;
    font-size: 0.8em;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.containerpanel .filter-view .edit-buttons .filter-edit:before{
    content: "";
    position: absolute;
    top: -0.35em;
    left: 0;
    width: 0.35em;
    height: 0.3em;
    background: #333;
    border-radius: 0.1em;
}
.containerpanel .filter-view .edit-buttons .filter-edit:after{
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    top: 0.85em;
    left: 0;
    border: solid 0.2em #333;
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
    border-top: solid 0.45em #333;
}
.containerpanel .filter-view .edit-buttons .k-disabled .filter-edit, 
.containerpanel .filter-view .edit-buttons .k-disabled .filter-edit:before{
    background: grey !important;
}
.containerpanel .filter-view .edit-buttons .filter-delete{
    background: #333;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.containerpanel .filter-view .edit-buttons .filter-delete:after{
    background: #333;
}
.containerpanel .filter-view .edit-buttons .k-disabled .filter-delete, 
.containerpanel .filter-view .edit-buttons .k-disabled .filter-delete:after,
.containerpanel .filter-view .edit-buttons .k-disabled .filter-delete:hover, 
.containerpanel .filter-view .edit-buttons .k-disabled .filter-delete:hover:after{
    background:grey !important;
}
.containerpanel .filter-view .edit-buttons .k-button.k-cancel-button{
    padding: 1.125px 12.24px !important;
}
.containerpanel .filter-view .edit-buttons .cancel-edit {
    background: #fff;
    border: none; 
    background-color: #444;
    position: relative;
    width: 1em;
    height: 1em;
    margin: 2px;
    border-radius: 50%;
}
.containerpanel .filter-view .edit-buttons .cancel-edit:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 75%;
    border-top: solid 0.2em #fff;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}
.containerpanel .filter-view .edit-buttons .k-button.k-update-button{
    padding: 1.245px 17.95px !important;
}
.containerpanel .filter-view .edit-buttons .save-edit{
    margin: 0px;
}
.containerpanel .filter-view .edit-buttons .save-edit:after{
    content: '';
    display: block;
    width: 0.35em;
    height: 0.8em;
    border: solid #292929;
    margin: 0px 0px 4px 0px;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.containerpanel .filter-view .edit-buttons .padlock-wrapper{
    border:none !important;
    background: none !important;
}
.containerpanel .filter-view .edit-buttons .padlock {
    margin: 5px 0px 0px 0px;
    border-radius: 0.3em;
    width: 1.5em;
    height: 1.25em;
    position: relative;
    font-size: 0.6em;    
}
.containerpanel .filter-view .edit-buttons .padlock::before{
    content: "";
    border-radius: 1em 1em 1em 0;
    border-bottom: none !important;
    position: absolute;
    top: -0.8em;
    width: 0.65em;
    height: 1em;
}
.containerpanel .filter-view .edit-buttons .locked{
    box-shadow: inset 0.5em 0.4em 0 0 #333, inset -0.5em 0.4em 0 0 #333, inset 0em -0.4em 0 0 #333;
}
.containerpanel .filter-view .edit-buttons .locked::before {
    left: 0.20em;
    border: 0.3em solid #333;
}
.containerpanel .filter-view .edit-buttons .unlocked{
    box-shadow: inset 0.5em 0.4em 0 0 #444, inset -0.5em 0.4em 0 0 #444, inset 0em -0.4em 0 0 #444;
}
.containerpanel .filter-view .edit-buttons .unlocked::before {
    left: -0.55em;
    border: 0.3em solid #444;
}
.containerpanel .filter-view .filter-value, 
.containerpanel .filter-view .filter-value .k-dropdown{
    width: 275px;
}
.containerpanel .k-edit-item div{
    border: none;
}
.containerpanel .k-edit-item {
    border: 1px solid #cacaca;
    margin: 5px;
    border-radius: 5px;
}
.containerpanel .k-edit-item .filter-datasetName span.k-widget.k-dropdown.k-header, 
.containerpanel .k-edit-item .filter-datasetName .k-dropdown .k-dropdown-wrap,
.containerpanel .k-edit-item .filter-columnName span.k-widget.k-dropdown.k-header, 
.containerpanel .k-edit-item .filter-columnName .k-dropdown .k-dropdown-wrap, 
.containerpanel .k-edit-item .filter-operator span.k-widget.k-dropdown.k-header,
.containerpanel .k-edit-item .filter-operator .k-dropdown .k-dropdown-wrap{
    
    width: 180px;
}
.containerpanel .k-edit-item .filter-attr-label {
    margin: 0px 0px 5px 6px;
    display: block;
    font-family: inherit;
    font-size: 12px;
}
.containerpanel .k-edit-item .filter-attr-label.filter-attr-actions{
    text-align: center;
}
.containerpanel .k-edit-item .filter-value .multi-value{
    width: 110px;
}
.containerpanel .k-edit-item .filter-value .multi-value input{
    width: 98px !important;
}
.containerpanel .k-edit-item .filter-value input{
    height: 20px;
    width: 95%;
    border-radius: 5px;
    background: none;
    border: 1px solid #fbfbfb;
    padding-left: 5px;
    font: inherit;
}
.containerpanel .filter-toggle.toggle-me:hover,
.containerpanel .edit-buttons .k-button:hover,
.containerpanel .edit-buttons .k-link:hover{
    cursor:pointer;
}
.containerpanel .edit-buttons .k-button:hover,
.containerpanel .edit-buttons .k-link:hover,
.dashboard-builder-toolbar .k-button:hover{
    background-color: #bcb4b0 !important;
    border-color: #b6b6b6 !important;
    background-image: none,linear-gradient(to bottom,rgba(255,255,255,.4) 0,rgba(255,255,255,0) 100%) !important;
}
.containerpanel .edit-buttons .k-disabled,
.containerpanel .edit-buttons .k-button,
.containerpanel .edit-buttons .k-link,
.dashboard-builder-toolbar .k-button{
    cursor: default;
    color: #2e2e2e;
    border: 1px solid #fbfbfb;
    border-radius: 4px;
    display: inline-block;
    vertical-align: middle;
}
.containerpanel .edit-buttons .k-disabled,
.containerpanel .edit-buttons .k-button,
.containerpanel .edit-buttons .k-link{    
    padding: 3px 20px 3px;
}
.containerpanel .filter-view .filter-toggle.toggle-me-not.on,
.containerpanel .edit-buttons .k-disabled,
.containerpanel .filter-view .filter-link{
    background-color: transparent;
    border: 1px solid #fbfbfb;
}
.containerpanel .k-edit-item .filter-value .filter-value-control .single-value{
    width: 260px !important;
    text-overflow: unset; 
}
.containerpanel .k-edit-item .filter-value .filter-value-control .single-value input{
    width: 253px !important;
}
.containerpanel .k-edit-item .filter-value .filter-value-control .single-value.single-value-small-field{
    width: 200px !important; 
    text-overflow: unset; 
}
.containerpanel .k-edit-item .filter-value .filter-value-control .single-value.single-value-small-field input{
    width: 195px !important; 
}
.containerpanel .k-edit-item .filter-value .filter-value-control .single-value input,
.containerpanel .k-edit-item .filter-value .filter-value-control .multi-value input {
    padding: 0px 0px 0px 5px !important;
}
.containerpanel .k-edit-item .k-multiselect.k-header.multi-select{
    width: 100%;
    height: 25px;
    padding: 0px;
}
.containerpanel .k-edit-item .k-multiselect.k-header.multi-select input{
    border: none !important;
}
.containerpanel .k-edit-item .k-multiselect-wrap.k-floatwrap{
    background: transparent;
    height: 25px;
    padding: 0px;
    line-height: normal;
    width: 100%;
    min-height: 20px;
}
.containerpanel .k-edit-item .k-multiselect-wrap li {
    border: none !important;
    margin: 0px !important;
    background-color: transparent;
    max-width: 220px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}
.containerpanel .k-edit-item .filter-value .k-invalid-msg{
    position: absolute !important;
    display: block;
    margin-top: 5px !important;
}
.widget-icon{
    background-image: url(../images/icons.png?1612458940780);
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
}
.widget-icon, .dataset-widget-name{
    display: inline-block;
    vertical-align: middle;
    margin: 5px;
    overflow: hidden;
    max-width: 200px;
    max-height: 20px;
    text-align: left;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.tooltip-content.tooltip-content-header{
    margin-bottom:3px;
    padding: 1px;
    font-weight: bold;
    font-size: 15px; 
}
.tooltip-item-wrapper {
    clear: left;
    float: left;
    position: relative; 
}
.filter-value-name {
    float: left;
    margin: 1px 0px 1px 5px;
    overflow: hidden;
    max-width: 200px;
    max-height: 20px;
    text-align: left;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.containerpanel .hide-this{
    display: none !important;
}
.containerpanel .opac-value{
    opacity:0;
}
.containerpanel input[type='number'] {
    -moz-appearance:textfield;
}
.containerpanel input::-webkit-outer-spin-button,
.containerpanel input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}
.null-value-switch{
    width: auto !important;
}
.toggle-switch {
    position: relative;
    margin-left: -9999px;
    visibility: hidden;
}
.toggle-switch + label {
    display: block;
    position: relative;
    cursor: pointer;
    outline: none;
    user-select: none;
    padding: 2px;
    width: 36px;
    height: 18px;
    background-color: #fbfbfb;
    border-radius: 60px;
    margin-top: -28px;
    -webkit-transition: background 0.4s;
    -moz-transition: background 0.4s;
    -o-transition: background 0.4s;
    -ms-transition: background 0.4s;
    transition: background 0.4s;
}
.toggle-switch + label:before,
.toggle-switch + label:after {
    display: block;
    position: absolute;
    content: "";
}
.toggle-switch + label:before {
    top: 2px;
    left: 2px;
    bottom: 2px;
    right: 2px;
    background-color: #fff;
    border-radius: 60px;
    -webkit-transition: background 0.4s;
    -moz-transition: background 0.4s;
    -o-transition: background 0.4s;
    -ms-transition: background 0.4s;
    transition: background 0.4s;
}
.toggle-switch + label:after {
    top: 4px;
    left: 4px;
    bottom: 4px;
    width: 14px;
    background-color: #dddddd;
    border-radius: 52px;
    -webkit-transition: background 0.4s, background 0.4s;
    -moz-transition: background 0.4s, background 0.4s;
    -o-transition: background 0.4s, background 0.4s;
    -ms-transition: background 0.4s, background 0.4s;
    transition: margin 0.4s, background 0.4s;
}
.toggle-switch:checked + label, 
.toggle-switch:checked + label:hover,
.toggle-switch + label:hover {
    background-color: #3a79b6 !important;
}
.toggle-switch:checked + label:after {
    margin-left: 16px;
    background-color: #3a79b6;
}
.single-value .k-datepicker.k-header,
.single-value .k-picker-wrap{
    padding: 0 !important;
    width: 260px;
}
.single-value-small-field .k-datepicker.k-header,
.single-value-small-field .k-picker-wrap{
    padding: 0 !important;
    width: 202px;
}
.multi-value .k-datepicker.k-header,
.multi-value .k-picker-wrap{
    padding: 0 !important;
    width: 105px;
}
.multi-value .k-picker-wrap:before,
.single-value .k-picker-wrap:before{
    padding: 0 !important;
}
@media screen and (max-width: 1210px) {
    .containerpanel .filter-view {
        min-height: 160px;
        max-height: 160px;
        margin: 5px;
        display: inline-block;
        border: 1px solid #fbfbfb;
        border-radius: 3px;
        vertical-align: middle;
    }
    .containerpanel .filter-view.filter-dataset-invisible{
        min-height: 125px;
        max-height: 125px;
    }
    .containerpanel .filter-view div {
        display: block;
        width: 225px !important;
        margin: 5px;
    }
    .containerpanel .filter-view.k-edit-item div {
        margin: 1px;
    }
    .containerpanel .k-edit-item div .filter-attr-label {
        display: none;
    }
    .containerpanel .k-edit-item .filter-datasetName span.k-widget.k-dropdown.k-header, 
    .containerpanel .k-edit-item .filter-datasetName .k-dropdown .k-dropdown-wrap, 
    .containerpanel .k-edit-item .filter-columnName span.k-widget.k-dropdown.k-header, 
    .containerpanel .k-edit-item .filter-columnName .k-dropdown .k-dropdown-wrap, 
    .containerpanel .k-edit-item .filter-operator span.k-widget.k-dropdown.k-header, 
    .containerpanel .k-edit-item .filter-operator .k-dropdown .k-dropdown-wrap {
        width: 200px;
    }
    .containerpanel .k-edit-item .filter-value .filter-value-control .single-value input {
        width: 215px !important;
        margin-left: -5px;
    }
    .containerpanel .k-edit-item .filter-value .multi-value {
        display: inline-block;
        vertical-align: middle;
        width: 107.5px !important;
        margin: 0px 0px 0px -5px;
    }
    .containerpanel .k-edit-item .filter-value .multi-value input {
        width: 97px !important;
    }
    .containerpanel .k-edit-item .filter-value span.and {
        margin-left: -5px;
    }
    .containerpanel .filter-view .edit-buttons {
        float: none;
    }
    .containerpanel .k-edit-item .filter-value .filter-value-control .single-value.single-value-small-field,
    .containerpanel .k-edit-item .filter-value .filter-value-control .null-value-switch {
        display: inline-block;
        vertical-align: middle;
    }
    .containerpanel .k-edit-item .filter-value .filter-value-control .single-value.single-value-small-field,
    .containerpanel .k-edit-item .filter-value .filter-value-control .single-value.single-value-small-field input {
        width: 160px !important;
    }
    .containerpanel .k-edit-item .filter-value .filter-value-control .null-value-switch {
        width: 35px !important; 
    }
    .single-value.single-value-small-field .k-datepicker.k-header, .single-value.single-value-small-field .k-picker-wrap {
        width: 165px;   
    }
    .single-value .k-datepicker.k-header, .single-value .k-picker-wrap {
        width: 215px;
    }
}
.containerpanel .k-edit-item div.multi-value, 
.containerpanel .k-edit-item div.single-value
{
    border: 1px solid #cacaca; 
}
.k-widget.k-tooltip
{
    background-color: #fff; 
    box-shadow: 0 0px 1px 1px rgba(140, 140, 140, 0.3); 
}
.k-animation-container .widget-icon.chart-icon.k-icon.k-i-align-bottom-element, 
.k-animation-container .widget-icon.gauge-icon, 
.k-animation-container .widget-icon.grid-icon.k-icon.k-i-table
{
    background-image: none; 
}
.k-animation-container .widget-icon.gauge-icon:before
{
    content: "";
    background-image: none;
    width: 14px;
    height: 7px;
    border-top-left-radius: 100px;
    border-top-right-radius: 100px;
    border: 1px solid #000;
    position: absolute;
    left: 4px;
    top: 10px;
}
.k-animation-container .widget-icon.gauge-icon:after
{
    content: "";
    width: 1px;
    height: 6px;
    position: absolute;
    background: #000;
    left: 12px;
    top: 13px;
    border-top-left-radius: 15px;
    border-top-right-radius: 100%;
    transform: rotate(-45deg);
    margin: 0;
}
.tooltip-item-wrapper .widget-icon.html-icon
{
    background-image: none;
    font: 16px/1 WebComponentsIcons;
}
.tooltip-item-wrapper .widget-icon.html-icon:before
{
    content: "\e918";
}
.tooltip-item-wrapper .widget-icon.grid-icon
{
    background-image: none;
    font: 16px/1 WebComponentsIcons;
}
.tooltip-item-wrapper .widget-icon.grid-icon:before
{
    content: "\e677";
}
.tooltip-item-wrapper .widget-icon.chart-icon
{
    background-image: none;
    font: 16px/1 WebComponentsIcons;
}
.tooltip-item-wrapper .widget-icon.chart-icon:before
{
    content: "\e523";
}
.animate {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
  50% {
    opacity: 1;
  }
}
.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}
@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
  to {
    opacity: 0;
  }
}
@keyframes zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
  to {
    opacity: 0;
  }
}
.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}
.ibi-error-page-view{
               position: absolute;
               left: 0;
               right: 0;
               top: 0;
               bottom: 0;
               background: linear-gradient(rgb(218, 217, 217) 0%, rgb(145, 145, 145) 100%);
               text-align: center;
}
.ibi-error-page-view div:nth-child(2){
               color: #636363;
               white-space: nowrap;
               text-overflow: ellipsis;
               overflow: hidden;
}
#menu .k-sprite, 
#treeview .k-sprite, 
.cog-option .k-sprite,
.builder-toolbar .k-sprite,
.dataset-link-wrapper .k-sprite,
.dataset-column-mapper-wrapper .k-sprite,
.confirm-deletion .k-sprite,
.admin-feature .k-sprite,
.dataset-column-vf-wrapper .k-sprite{
    margin-right: 10px;
    background-image: url(../images/icons.png?1612458940780);
}
.connbuilder-icon{
    background-position: 0 -16px;
}
.admin-icon {
    background-position: 0 -576px;
}
.feedbuilder-icon{
    background-position: 0 -32px;
}
.dsetbuilder-icon{
    background-position: 0 -48px;
}
.viewdashboard {
    background-position: 0 -64px;
}
.chart-icon{
    background-position: 0 -80px;
}
.grid-icon{
    background-position: 0 -96px;
}
.gauge-icon{
    background-position: 0 -112px;
}
.empty {
    background-position: 0 -128px;
}
.logout {
    background-position: 0 -144px;
}
.viewmode{
    background-position: 0 -160px;
}
.saveimage{
    background-position: 0 -176px;
}
.refreshdashboard{
    background-position: 0 -192px;
}
.saveasexcel{
    background-position: 0 -208px;
}
.saveaspdf{
    background-position: 0 -224px;
}
.saveassvg{
    background-position: 0 -240px;
}
.zoomimage{
    background-position: 0 -256px;
}
.data-description{
    background-position: 0 -288px;
}
.edit-icon{
    background-position: 0 -304px;
}
.add-icon{
    background-position: 0 -320px;
}
.delete-icon{
    background-position: 0 -336px;
}
.saveasimage {
    background-position: 0 -352px;
}
.publishimage {
    background-position: 0 -368px;
}
.html-icon{
    background-position: 0 -384px;
}
.tv-icon {
    background-position: 0 -400px;
}
.about-icon {
    background-position: 0 -416px;
}
.export-icon {
    background-position: 0 -432px;
}
.colscheme-icon {
    background-position: 0 -448px;
}
.dashbuilder-icon {
    background-position: 0 -464px;
}
.compbuilder-icon {
    background-position: 0 -480px;
}
.add-component-icon {
    background-position: 0 -496px;
}
.add-dashboard-icon {
    background-position: 0 -512px;
}
.change-master-icon {
    background-position: 0 -528px;
}
@-webkit-keyframes loading {
    from {
        background-position: 0 0;
    }
    to {
        background-position: 200%;
    }
}
@-moz-keyframes loading {
    from {
        background-position: 0 0;
    }
    to {
        background-position: 200%;
    }
}
@-o-keyframes loading {
    from {
        background-position: 0 0;
    }
    to {
        background-position: 200%;
    }
}
@keyframes loading {
    from {
        background-position: 0 0;
    }
    to {
        background-position: 200%;
    }
}
p.linear-infinite-loading{
    position: relative;
    height: 0.5em;
    margin: 4.5px;
    border-radius: 3px;
    -webkit-animation: loading 10s linear infinite;
    -moz-animation: loading 10s linear infinite;
    -o-animation: loading 10s linear infinite;
    animation: loading 10s linear infinite;
    border: solid 1px #d8d8d8;
    background: -webkit-linear-gradient(140deg, transparent 25%, #d8d8d8 50%, transparent 75%) 0 0 repeat-x;
    background: -moz-linear-gradient(140deg, transparent 25%, #d8d8d8 50%, transparent 75%) 0 0 repeat-x;
    background: -o-linear-gradient(140deg, transparent 25%, #d8d8d8 50%, transparent 75%) 0 0 repeat-x;
    background: linear-gradient(140deg, transparent 25%, #d8d8d8 50%, transparent 75%) 0 0 repeat-x;
    -webkit-background-size: 0.8em 0.6em;
    -moz-background-size: 0.8em 0.6em;
    background-size: 0.8em 0.6em;
}
p.linear-infinite-loading.linear-infinite-loading-error{
    border: solid 1px #d04f4f;
    background: -webkit-linear-gradient(140deg, transparent 25%, #d04f4f 50%, transparent 75%) 0 0 repeat-x;
    background: -moz-linear-gradient(140deg, transparent 25%, #d04f4f 50%, transparent 75%) 0 0 repeat-x;
    background: -o-linear-gradient(140deg, transparent 25%, #d04f4f 50%, transparent 75%) 0 0 repeat-x;
    background: linear-gradient(140deg, transparent 25%, #d04f4f 50%, transparent 75%) 0 0 repeat-x;
    -webkit-background-size: 0.8em 0.6em;
    -moz-background-size: 0.8em 0.6em;
    background-size: 0.8em 0.6em;
}
.entity-container > div .loading-indicator,
.k-widget div .loading-indicator {
    z-index: 5;
    background: #fff; 
}
.entity-container > div .loading-indicator p.linear-infinite-loading,
.k-widget div .loading-indicator p.linear-infinite-loading{
    top: 50%;
    width: 50%;
    left: 25%;
}
.k-widget div .loading-indicator p.linear-infinite-loading{
    top: 45% !important;
}
#splashScreen .splashScreenLayer,
#splashScreen .loading-indicator{
               height: 33%
}
.image{
               display:block;
               width: 90%;
               margin: auto;
}
#splashScreen .loading-indicator{
    width: 50% !important;
    margin-left: 25% !important;
}
#splashScreen .linear-infinite-loading{
               top:50% !important;
}
#header{
    display: none;
    height: 0px;
    padding: 5px 5px 0px;
	background: #fff !important;
}
@media only screen and (max-width:675px) {
    #vendorArea .poweredBy{
        display: none;
    }
}
@media only screen and (max-width:590px) {
    #customerArea .installationName{
        display: none;
    }
}
@media only screen and (max-width:350px) {
    #header{
        height: 0px;
        display: none;
    }
}
#customerArea, .customerLogo, #vendorArea .poweredBy{
    float:left;
}
#vendorArea, .vendorLogo, #customerArea .installationName{
    float:right;
} 
#customerArea .installationName{
    margin: 12px 0px 0px 15px;
    font-weight: normal;
    line-height: 15px;
}
#vendorArea .poweredBy{
               margin: 15px 20px 0px 0px;
    font-weight: normal;
}
.headerLogo{
    height: 50px;
    width: auto;
    margin-left: 5px; 
}
.menu-icons.k-i-question.k-icon
{
    height: 100%;
    width: 25px;
}
.menu-icons.image-filter.k-i-filter-sm.k-icon
{
    left: -33px; 
}
.menu-icons.k-i-menu.k-icon:before
{
    font-size: 21.5px; 
}
.menu-icons.k-i-menu.k-icon
{
    height: 100%;
    width: 25px;
    cursor: pointer; 
}
.k-i-menu:before
{
    top: 2px; 
}
#menuContainer
{
    min-width: 85px;
    padding-right: 5px;
    text-align: right; 
    margin-top: -2px; 
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) 
{
    #menuContainer .k-icon, 
    #menuContainer .k-icon:hover
    {
        color: transparent; 
    }
    .menu-icons.image-filter.k-i-filter-sm.k-icon
    {
        top: 4px; 
    }
    .menu-icons.k-i-question.k-icon
    {
        top: 1px; 
    }
    .menu-icons.k-i-menu.k-icon
    {
        top: 2px;
    }
}
#customerArea .installationName, 
#vendorArea .poweredBy
{
    display: none; 
}
#menu{
    min-width: 200px;
    background-color: #fff; 
}
#menuButton{
               margin-bottom: 1px;
}
#items li{
               text-align: left;
               line-height: 3;
}
li#viewModes{
    border-top: 1px solid grey;
}
.display-none{
               display:none;
}
.menu-icon{ 
    float:right;
    padding:11px 12px;
    margin-left: 6px;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    border:1px solid #ffffff;
    display:inline-block;
    cursor:pointer;
    color:#ffffff;   
}
.menu-icon:hover{
    border:1px solid #FFA500;
}
.menu-icon:active{
    position:relative;
    top:1px;
}
.image-menu {
    width: 20px;
    background: url(viewer/../../images/main_menu.png?1440775031371) no-repeat;
    background-position: 50% 50%;
    background-size: 33px;  
    background-color: #000; 
    margin-right: 4px;  
}
.image-help {
    background: url(viewer/../../images/Help.png?1440775031371) no-repeat;
    background-position: 50% 50%;
    background-size: 75%;
    background-color: #000;
}
.image-filter {
    background: url(viewer/../../images/Filter.png?1440775031371) no-repeat;
    background-position: 50% 50%;
    background-size: 75%;
    background-color: #000;
    display:none;
}
#menu li.k-state-hover{
    background: rgb(218, 217, 217) !important;
}
.k-menu .k-item>.k-link {
    padding: 10px; 
    line-height:10px;
}
.zoomenable{
    width: 15px;
    height:15px;
    display: block;
    float: left;
    text-align: center;
    font: 12px bold;
    border-radius: 50%;
    margin: 0; 
    margin-left: -2px;
}
.zoomenable:after{
    content: ' ';
    color: rgb(255, 255, 255);
}
.zoomdisable:after{
    content: '✔  ';
    color:  rgb(0,0,0);
}
#menu .k-sprite
{
    background-image: none;
    width: 25px;
    height: 20px;
    font-size: 20px;
    margin-right: 5px;
    font-family: WebComponentsIcons;
}
.k-context-menu.k-menu-vertical>.k-item>.k-link, 
.k-menu .k-menu-group .k-item>.k-link
{
    padding: 10px;
}
#menu .k-icon.k-i-arrow-60-right:before
{
    content: "\e014"; 
    top: -3px; 
}
#menu .k-sprite.admin-icon:before
{
    content: "\e801";
    position: absolute;
    left: 9px;
    top: 18px;
    font-size: 17px;
}
#menu .k-sprite.admin-usersIcon:before
{
    content: "\e801";
    position: absolute;
    left: 7px;
    top: 18px;
    font-size: 17px;
}
#menu .k-sprite.admin-groupsIcon:before
{
    content: "\e905";
    position: absolute;
    left: 7px;
    top: 18px;
    font-size: 17px;
}
#menu .k-sprite.admin-rolesIcon:before
{
    content: "\e13d";
    position: absolute;
    left: 6px;
    top: 18px;
    font-size: 17px;
}
#menu .k-sprite.admin-memoryIcon:before
{
    content: "\e670";
    position: absolute;
    left: 8px;
    top: 18px;
    font-size: 17px;
}
#menu .k-sprite.admin-licenseIcon:before
{
    content: "\e66f";
    position: absolute;
    left: 8px;
    top: 18px;
    font-size: 17px;
}
.k-menu .k-group
{
    background-color: #fff; 
}
#navigator{
    height:0px;
}
#navigator.ibi-navigator
{
    height: 25px;
	background-color: #FFAC1C !important;
}
#tabStrip{
    float: left;
    border: none;
    height: 25px;
    background: transparent !important; 
    margin-top: -1px; 
}
#tabsList{
    padding: 0;
    padding-left: 10px;  
    height:24px;
	background-color: #FFAC1C !important;
}
#tabsList li{
    margin-right: 2px;
    height: 24px;
}
.k-tabstrip:focus {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}
#tabStrip a.k-link{
    padding: 4px 4px 4px 6px !important; 
    border: 1px solid #fff;
    border-radius: 25px;
}
.k-tabstrip-items .k-tab-on-top {
    z-index: 0 !important
}
.k-tabstrip .k-content,
.k-tabstrip .k-content.k-state-active {
    background-color: transparent !important;
    height: 0px !important;
    width:0px !important;
}
.tab-icon{
    position: absolute;
    left: 10px;
    top: 6px;
}
.tab-icon.home-icon{
    top: 0;
    left: 6px;
    height: 20px;
}
.tab-icon.home-icon:before {
    content: "\2302";
    font: 23px bold;
}
.tabName{
    font-size: 12px;
    margin: 0px 20px;
}
.tabClose{
    position: absolute;
    top: 7px;
    right: 0px
}
.tabArea {
    position: relative;
}
#menuContainer{
    float: right; 
    height: 25px;
}
#tabStrip span.k-button-icon{
    position: fixed;
    width:16px;
    height: 25px;
    top: 18px; 
}
#tabStrip span.k-tabstrip-prev span.k-i-arrow-60-left, 
#tabStrip span.k-tabstrip-next span.k-i-arrow-60-right{
    border-radius: 50%;
}
#tabStrip.k-tabstrip>.k-button{
    z-index: unset;
}
#tabStrip.k-tabstrip>.k-button:active{
    background-color: transparent !important;
}
.k-tabstrip-items .k-loading
{
    border-top: none; 
}
.k-tabstrip-items .k-item
{
    border-radius: 2px; 
}
.menu-icons.k-i-question.k-icon:before, 
.menu-icons.k-i-menu.k-icon:before
{
    font-size: 20px; 
}
.menu-icons.image-filter.k-i-filter-sm.k-icon:before
{
    font-size: 35px;
}
.headerHidden #navigator.ibi-navigator
{
    height: 23px;
    padding: 4px 0;
}
.k-tabstrip-items .k-state-default .k-link, 
.k-tabstrip-items .k-state-default .k-icon
{
    color: #fff; 
}
.k-tabstrip-items .k-state-active .k-link, 
.k-tabstrip-items .k-state-active .k-icon
{
    color: #000; 
}
.breadcrumb-wrapper{
    width:100%;
}
.breadcrumb-wrapper #breadcrumb span.k-link{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 23px !important;
    line-height: 2 !important;
    font-size: 12px !important;
    font-family: inherit !important;
}
.breadcrumb-wrapper #breadcrumb{
    width:auto;
    border: 1px solid #cacaca;
    border-radius: 3px;
    margin:2px;
    padding:1px;
    background-color: #fff;
}
.breadcrumb-wrapper #breadcrumb .k-header,
.breadcrumb-wrapper #breadcrumb .k-panel,
.breadcrumb-wrapper #breadcrumb .k-state-selected,
.breadcrumb-wrapper #breadcrumb .k-state-selected:hover, 
.breadcrumb-wrapper #breadcrumb .k-state-highlight, 
.breadcrumb-wrapper #breadcrumb .k-state-hover{
    background: none !important;
    border: none !important;
    color: #000 !important;
    box-shadow: none !important;
}
.breadcrumb-wrapper #breadcrumb .breadcrumb-header.k-item.k-state-active,
.breadcrumb-wrapper #breadcrumb .breadcrumb-header.k-item:hover{
    cursor: pointer !important;
    
    background: -moz-linear-gradient(top, rgba(247,247,148,0.8) 20%,rgba(247,247,148,0.6) 50%,rgba(247,247,148,0.8) 20%) !important;
    
    
    background: -webkit-linear-gradient(top, rgba(247,247,148,0.8) 20%,rgba(247,247,148,0.6) 50%,rgba(247,247,148,0.8) 20%) !important;
    
    
    background: -o-linear-gradient(top, rgba(247,247,148,0.8) 20%,rgba(247,247,148,0.6) 50%,rgba(247,247,148,0.8) 20%) !important;
    
    
    background: -ms-linear-gradient(top, rgba(247,247,148,0.8) 20%,rgba(247,247,148,0.6) 50%,rgba(247,247,148,0.8) 20%) !important; 
    
    
    background: linear-gradient(to bottom,  rgba(247,247,148,0.8) 20%,rgba(247,247,148,0.6) 50%,rgba(247,247,148,0.8) 20%) !important; 
 
}
#filterPanel
{
    background: #fff !important;
    border-bottom: 1px solid #cacaca;  
}
.widget .k-gauge{
  z-index: 2;
}
.widget .trafficLight {
  position: absolute;
  border-radius: 50%;
  z-index: 1;
}
@media only and (max-device-width: 400px){
  .widget .FullCircle {
    margin-top: -10%;
  }
  .widget .SemiCircleNF {
    margin-top: -30%;
  }
  .widget .SemiCircleSF {
    margin-top: -35%;
  }
  .widget .QuadrantNE {
    margin-top: -35%;
    margin-left: -35px;
  }
  .widget .QuadrantNW {
    margin-top: -35%;
    margin-left: 0px;
  }
}
.gauge-tooltip{
  position: absolute;
  z-index: 3;
}
.gauge-tooltip {
  top:50%;
  left:50%;
  padding: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #fff;
  border: 1px solid #000;
  color: #000;
  text-align: center;
}
.k-numericGauge .numericGaugeValue{
  font: bold 100% Arial, Helavetica, sans-serif;
}
.ibi-old-gauge .numericGaugeValue{
  position: absolute;
  top: 0;
  bottom : 0;
  right: 0;
  left: 0;
  font-size: 175% !important;
}
.widget .k-grid {
    
    
}
.widget .k-grid .number{
    text-align: right !important;
}
.widget .k-grid .text, th[data-datetype=false], 
.widget .k-grid .date, th[data-datetype=true] {
    text-align: left;
}
.k-grid .k-grid-header th.k-header:hover, .k-grid tbody tr:hover{
    color: #000 !important;
    
    background: -moz-linear-gradient(top, rgba(247,247,148,0.8) 20%,rgba(247,247,148,0.6) 50%,rgba(247,247,148,0.8) 20%) !important;
    
    
    background: -webkit-linear-gradient(top, rgba(247,247,148,0.8) 20%,rgba(247,247,148,0.6) 50%,rgba(247,247,148,0.8) 20%) !important;
    
    
    background: -o-linear-gradient(top, rgba(247,247,148,0.8) 20%,rgba(247,247,148,0.6) 50%,rgba(247,247,148,0.8) 20%) !important;
    
    
    background: -ms-linear-gradient(top, rgba(247,247,148,0.8) 20%,rgba(247,247,148,0.6) 50%,rgba(247,247,148,0.8) 20%) !important; 
    
    
    background: linear-gradient(to bottom,  rgba(247,247,148,0.8) 20%,rgba(247,247,148,0.6) 50%,rgba(247,247,148,0.8) 20%) !important; 
} 
.k-grid .k-grid-header th.k-header{
    text-overflow: initial !important;
    vertical-align: middle;
    color: #fff !important;
    
    background: rgba(0,0,0,0.7); 
}
.k-grid .k-grid-header .k-resize-handle{
    display: block !important;
}
.k-grid .k-grid-header th.k-header>.k-link {
    color: inherit !important;
}
.k-grid a span.k-icon{
    display:none !important;
}
.k-grid .k-grid-content {
    overflow: auto !important;
    overflow-x: auto !important;
    overflow-y: auto !important;
}
.k-grid-header th.k-header, 
.k-grid .k-grid-header th.k-header
{
    white-space: initial; 
}
.k-widget > .k-grid-header th.k-header
{
    background: #55c0d0;
}
.k-grid table
{
    border-collapse: collapse;
}
.k-grid td
{
    border-width: 1px; 
}
.component-window.k-widget.k-window {
    box-shadow: 0 0px 3px 0px #a8a8a8;
}
.component-window.k-widget.k-window.to-back {
    z-index: 0 !important;
}
.component-window.k-widget.k-window.to-front,
.component-window.k-widget.k-window.to-front.k-window-maximized,
.component-window.k-widget.k-window.to-back.k-window-maximized{
    z-index: 1 !important;
}
.component-window .widget.k-window-content {
    background: transparent !important;
    padding: 0px !important;
    overflow: hidden !important;
    border-width: 0px !important;
    border-radius: 0px !important;
    text-align: center;
}
.component-window .widget.k-window-content .k-editor.k-editor-inline{
    text-align: initial;
    padding: 0 !important;
    overflow: hidden;
}
.component-window .k-window-titlebar {
    position: relative;
    width: 100% !important;
    height: 26px !important;
    border-bottom-style: none !important;
    border-bottom-width: 0 !important;
    padding: 0 !important;
    font-size: 12px !important;
    font-weight: bold !important;
    color: white;
    white-space: nowrap !important;
    min-height: 16px !important;
    max-height: 26px !important;
    line-height: 26px !important;
    background: #666666 !important;
}
.component-window .k-window-titlebar .k-window-actions {
    position: absolute !important;
    top: 0 !important;
    right: .3em !important;
    padding-top: .2em !important;
    white-space: nowrap !important;
}
.component-window .k-window-titlebar .k-window-title{
    padding-left: 0.7em !important;
    margin-right: 15px; 
    -webkit-transition: font 1s ease-out;
    -moz-transition: font 1s ease-out;
    -o-transition: font 1s ease-out;
    transition: font 1s ease-out;
}
.component-window .k-window-titlebar .k-window-title.ibi-fontsize-small{
    font-size: 13px;
}
.component-window .k-window-titlebar .k-window-title.ibi-fontsize-medium{
   font-size: 18px;
    padding-left: 0.1em !important;
    width: calc(100% - 65px);
}
.component-window .k-window-titlebar .k-window-title.ibi-fontsize-large{
    font-size: 24px;
    padding-left: 0 !important;
    width: calc(100% - 65px);
}
.component-window.widget_light {
    background-color: #FFFFFF;
}
.component-window .shield{
    display: none;
    background-color : #1E1E1E;
    position : absolute;
    opacity : 0.8;
    z-index:999;
    color: #fff;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: pointer;
}
.component-window .widget .breadcrumbs {
    margin-top: 0em;
    margin-bottom: 0em;
    padding: 0.2em 1em;
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor:default;
}
.component-window.widget_dark .widget .breadcrumbs{
    color: rgba(247,247,148,0.8) !important;
}
.component-window.widget_light .widget .breadcrumbs{
    color: rgba(0,0,0,1) !important;
}
@media only screen and (max-width: 400px) {
    .component-window .widget .breadcrumbs {
        font-size: 8px;
    }
}
.component-window .widget iframe {
    border: 0;
    background: white;
}
.component-window .widget #editorFrame{
    height : 100%;
   width : 100%;
}
.component-window .widget .ihtmlChart {
    overflow :auto;
    -webkit-overflow-scrolling : touch;
}
.component-window .button-action{
    text-decoration: none;
    padding: 0px 2px;
    color: #B1B4B1;
    font: bold 150% Helvetica, Arial !important;
    line-height: 1.4;
}
.component-window .button-action span{
    color: inherit;
}
.component-window .button-action:hover,
.component-window .button-action span:hover {    
    color: #E4E8E4;
}
.component-window .button-action span.k-i-close:hover,    
.dialog-window .button-action span.k-i-close:hover,    
.tabClose.k-i-close:hover {    
    color: #f30707;
}
.component-window .button-action span.k-i-close{
    font-size: 16px !important;
}
.cog-option {
    min-width: 147px;
    font:inherit !important;
}
.cog-option ul{
    font:inherit !important;
}
.cog-option li{
    font-size: 12px !important;
    font-weight: normal !important;
}
.k-i-refresh,
.k-i-cogicon{
    position: relative;
    display: inline-block;
    overflow: hidden;
    width: 1em;
    height: 1em;
    text-align: center;
    background-image: none;
    font: 14px WebComponentsIcons;
    speak: none;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: -99999px;
    vertical-align: middle;
    margin-top: -7px;
    margin-bottom: -5px;
}
.k-i-cogicon:before {
    width: initial;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    height: 1em;
    line-height: 1;
    text-indent: 0;
    content: "\e13a";
    display: inline-block;
    box-sizing: content-box;
}
.drilldown-window.k-widget.k-window.widget_light{
    box-shadow: none !important;
    border-radius: 5px; 
}
.k-i-drillup{
    display: inline-block;
    position: absolute;
    margin-top: -1px;
    margin-left: -15px;
    border: 7px solid transparent;
    border-bottom-color: #B1B4B1; 
}
.k-i-drillup:before{
    display: inline-block;
    position: absolute;
    margin-top: 6px;
    margin-left: -3px;
    width: 6px;
    height: 5px;
    background-color: #B1B4B1;
    content: '';
}
span.component-series-tooltip{
    font-size: 12px;
}
.widget div .no-data-message{
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    opacity: 0.25;
    font-size: 1em;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
}
.k-widget.k-window.k-window-titleless.k-editor-widget{
    visibility: hidden;
}
div.k-window
{
    border-width: 0px;  
}
.k-window.widget-settings-window-base
{
    border-radius: 15px; 
}
.k-header
{
    background-image: none; 
}
.k-i-close:before
{
    top: -2px; 
    left: -3px; 
}
.component-window .widget.k-window-content .k-editor.k-editor-inline
{
    border: none;
}
.component-window .button-action span.k-i-close:hover, 
.dialog-window .button-action span.k-i-close:hover, 
.tabClose.k-i-close:hover
{
    color: initial; 
}
.master-icon.wtype2.detail-widget,
.master-icon.wtype4.detail-widget
{
    display: none;
}
.cog-option .k-sprite.gauge-icon
{
    position: relative;
    margin: 0 5px 0 -5px; 
}
.k-animation-container .k-sprite
{
    background-image: none; 
    font-size: 17px; 
}
.k-animation-container .k-menu .k-item>.k-link>.k-icon
{
    margin: -2px 5px 0 -5px;     
}
#menu.k-menu .k-item>.k-link>.k-i-arrow-60-right
{
    top: 35%; 
    right: 0; 
}
.k-animation-container .cog-option .k-icon.k-i-arrow-60-right
{
    top: 11px;  
}
.drilloutIcon:after
{
    content: "\e101";
    position: absolute;
    width: 20px;
    height: 20px;
    font-size: 15px;
    top: 5px;
    left: 3px;
    font: 14px/1 WebComponentsIcons;
}
.drilloutIcon.component-window .k-window-titlebar .k-window-title
{
    padding-left: 1em !important; 
}
.drilldown-window.drilloutIcon:after
{
    right: 38px; 
}
.drilloutIcon.widget_dark:after
{
    color: #fff; 
}
.component-builder-area .component-window .k-window-titlebar .k-window-title
{
    color: #000; 
}
.k-tooltip.k-chart-tooltip.k-chart-tooltip-inverse
{
    margin-top: -35px; 
}
.component-window.k-widget.k-window.widget_dark.drilldown-window
{
    box-shadow: 0 0px 8px 1px #656565;
}
.component-window.widget_dark {
    background: #353232;
}
.component-window.widget_dark .button-action span.k-i-close:hover
{
    color: #fff; 
}
.component-window.widget_dark .button-action .k-i-drillup:hover:before
{
    background: #fff; 
}
.component-window.widget_dark .button-action .k-i-drillup:hover
{
    border-bottom-color: #fff; 
}
.component-window.widget_light .button-action .k-i-drillup:hover:before
{
    background: #000; 
}
.component-window.widget_light .button-action .k-i-drillup:hover
{
    border-bottom-color: #000; 
}
.component-window.widget_light.transparent, 
.component-window.widget_dark.transparent, 
.component-window.transparent .k-widget.k-editor.k-editor-inline
{
    background-color: transparent; 
    box-shadow: none; 
}
.component-window.widget_light.transparent .k-window-titlebar.k-header
{
    background: #fff !important; 
}
.component-window.widget_dark.transparent .k-window-titlebar.k-header
{
    background: #212121 !important; 
}
.component-window.widget_light.transparent .k-window-titlebar
{
    box-shadow: 0 0px 3px 0px #a8a8a8; 
}
body {
    
    background: linear-gradient(rgb(218, 217, 217) 0%, rgb(145, 145, 145) 100%);
    color: white;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
* {
    font-family: Arial, Helvetica, sans-serif;
}
.entity-container{ 
               position: absolute;
    overflow-y: auto;
    overflow-x: hidden;
    left: 0;
    right: 0;
    bottom: 0;
}
.entity-container .dashboard, 
.entity-container .dashboard-builder, 
.entity-container .dashboard-builder .wrapperDiv, 
.entity-container .component-builder,  
.entity-container .component-builder .component-builder-area,
.entity-container > div .loading-indicator, 
.k-widget div .loading-indicator {
               position: absolute;
               top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.entity-container .dashboard .wrapperDiv{
    top : 0px;
}
.ibi-calendar .k-state-selected,
.ibi-calendar .k-state-focused,
.ibi-calendar .k-today{
    box-shadow: inset 0 0 0 1px rgb(63,130,197) !important;
    border-radius: 5px !important;
    font-weight: bold;
}
.ibi-calendar .k-today .k-link{
    color: rgb(58, 121, 182);
}
.loadingContainer {
    background-color: #111111;
    opacity: 0.75;
    position: absolute;
    color: #ffffff;
    overflow: hidden;
    z-index: 99;
}
.k-overlay{
    display: none;
    opacity: 0.2 !important;
}
input[type="checkbox"],
label.for-checkbox{
    cursor: pointer;
    vertical-align: middle;
}
input[disabled="disabled"],
label.for-checkbox-disabled{
    cursor: default !important;
}
.user-detail.user-details-security-header td
{
    text-indent: 8px;
    font-weight: bold;
    padding: 9px 0 8px;
    height: 16px;
}
#securityIdentifiers td:first-child, 
#securityIdentifiers tr td:first-child
{
    width: 100px; 
    flex-grow: 0; 
    margin-left: 3px;
}
#securityIdentifiers td:last-child, 
#securityIdentifiers tr td:last-child
{
    flex-grow: 0;
}
.k-widget.k-dropdown.k-header.input-can-readonly.user-secid-comparison-op
{
    width: 100%; 
}
.input-can-readonly.user-secid-value
{
    width: 100%;
    height: 20px;
    text-indent: 4px;
}
.k-edit-item td:last-child
{
    text-align: right; 
}
#securityIdentifiers tr,
#securityIdentifiers tr td
{
    display: flex; 
    flex-grow: 1; 
    margin-left: 2px; 
}
#securityIdentifiers tr
{
    margin: 2px 0; 
}
.add-sec-filter .k-sprite.dsetbuilder-icon
{
    background-image: none; 
    margin-right: 0; 
    position: relative; 
    height: 100%; 
}
#securityIdentifiers tr td a
{
    margin: 0 1px; 
    line-height: initial; 
}
#securityIdentifiers .add-sec-filter .k-sprite.dsetbuilder-icon:before
{
    font: 16px/1 WebComponentsIcons; 
    top: 2px; 
}
#securityIdentifiers .k-icon.k-i-check:before, 
#securityIdentifiers .k-icon.k-i-cancel:before,
#securityIdentifiers .k-icon.k-i-close:before
{
    top: 2px; 
}
.k-button.k-button-icontext.k-add-button .k-icon.k-i-add
{
    margin: 0; 
}
.add-filter-button-holder
{
    text-align: right;
    display: block;
    margin-right: 1px;
    padding-top: 3px;
}
.user-detail.user-details-security-header 
{
    border-top: 1px solid #cacaca;
    border-bottom: 1px solid #cacaca;
}
.admin-feature.group-manager #securityIdentifiers tr td a
{
    height: 26px; 
    width: 31px; 
}
.admin-feature.group-manager .k-button.k-button-icon.input-can-readonly.add-sec-filter
{
    background-color: #e9e9e9; 
}
.admin-feature.group-manager .k-button.k-button-icon.input-can-readonly.add-sec-filter
{
    padding: 0; 
}
.admin-feature.group-manager .add-sec-filter .k-sprite.dsetbuilder-icon
{
    height: 100%; 
}
.admin-feature.group-manager #securityIdentifiers .add-sec-filter .k-sprite.dsetbuilder-icon:before
{
    top: 4px; 
}
.home{
               height: 100%;
}
.home div:nth-child(1), 
.home div:nth-child(2), 
.home div:nth-child(3){
               height: 33%
} 
#message .welcomeMessage{
               margin: 0px;
               top: 45%;
    position: relative;
               text-align : center;
               font-weight :  normal;
               color: #8057a0;
    font-size: 23px !important;
}
.homepageLogo{
               width: 90%;
    margin: auto;
    display: block;
}
@media only screen and (max-height: 310px) {
               #message .welcomeMessage{
                              display: none;
               }
}
@media only screen and (max-width:325px) and (max-height: 310px) {
               #message .welcomeMessage{
                              display: none;
               }
}
#login_container {
    margin-top: 40px;
    left: 140px;
    color: #000;
    width: 280px;
    height: 120px;
    position: absolute;
}
#login_container .login_inputContainer {
    margin: 5px 0px;
    float: right;
    width: 90%;
    line-height: 30px;
    font-size: 12px;
}
#login_container input[type=text], #login_container input[type=password] 
{
    width: 347px;
    padding: 3px 5px;
    font-size: 14px;
}
#login_container input {
    font-size: 12px;
    line-height: 1.5;
    padding: 5px;
    background-color: white;
    border-radius: 5px;
    border: 1px solid grey;
    display: inline;
    text-align: left;
    float: right;
}
#login_container input.error {
    border-color: #AC2100;
    background-color: #FFB9A8;
}
#login_container input[type=submit] 
{
    color: #333333;
    background: #fff;
    width: 360px;
    text-align: center;
    font-size: 17px;
    padding: 2px;
}
#login_container input[type="submit"]:hover {
    cursor: pointer;
    background: #92ebf8; 
}
#login_container input[type=submit]:ACTIVE {
    color: #777777;
}
#locale_language{
    float: right; 
    text-decoration: none; 
    cursor: pointer; 
    font-size: 13px; 
}
.region_Input_Container{
    float:right; 
    padding: 3px;
}
#regionSetting span.k-dropdown{
    float: right;
    margin-left: 5px;
}
.k-list>.k-state-selected, 
.k-list>.k-state-hover
{
    background-color: #cacaca !important;
    background-image: none !important; 
    border-color: #e9e9e9 !important;
    color: #000 !important; 
}
.k-dropdown-wrap.k-state-focused
{
    border-bottom-right-radius: 3px; 
}
.k-list>.k-state-hover
{
    border-top: none; 
    border-bottom: none; 
}
body, 
.k-widget div .loading-indicator, 
.home
{
    background-image: url(/images/StockBackgroundDotty.jpg?1612458940780) !important;
    background-size: contain !important;
}
.k-item.k-state-default
{
    background: transparent !important; 
}
#menu .k-item.k-state-default {
    background: transparent !important;
}
.component-window .k-window-titlebar
{
    background: transparent !important; 
}
.component-window.widget_light .k-window-titlebar
{
    color: #000 !important; 
}
.component-window.widget_dark .k-window-titlebar
{
    color: #fff !important; 
}
.component-window.widget_light .k-window-titlebar .button-action span
{
    color: #000; 
}
.component-window .button-action span
{
    color: #fff;
}
.menu-icons.k-i-menu.k-icon:hover:before, 
.menu-icons.k-i-menu.k-icon.k-state-border-down:before, 
.menu-icons.k-i-question.k-icon:hover:before, 
.menu-icons.image-filter.k-i-filter-sm.k-icon:hover:before
{
    color: #92ebf8;    
}
.k-grid .k-grid-header th.k-header:hover, 
.k-grid tbody tr:hover, 
.k-notification-info.k-group
{
    background: #92ebf8 !important; 
}
.k-state-active, 
.k-menu .k-state-hover>.k-link
{
    background: #92ebf8; 
}
.connection-builder-area .selected,
.connection-builder-area .k-state-selected
{
    color: #000; 
    background: #92ebf8 !important;
}
.dashboard-type-selector .k-toggle-button.k-state-active, 
.builder-toolbar .k-toggle-button.k-state-active, 
.k-toggle-button.k-overflow-button.k-state-active, 
.k-overflow-button:active, 
a.k-button-bare:hover, 
a.k-button:hover, 
.dashboard-settings-widget-title-size-wrapper ul li span.k-label.ibi-fontsize-description, 
.dashboard-settings-widget-title-size-wrapper ul li span.k-label:hover, 
.admin-feature.user-manager .k-listview .k-state-selected, 
.admin-feature.user-manager .listview-item:hover
{
    background: #92ebf8 !important;
    border-color: #b6b6b6 !important;
    color: #000 !important; 
}
.button-section input[type="button"]:hover, 
.button-section input[type="submit"]:hover, 
.button-section button:hover,
.dialog-window .text-button:hover, 
.k-dialog .k-dialog-buttongroup.k-dialog-button-layout-normal .k-button:hover,
.button-section input[type="button"]:active, 
.button-section input[type="submit"]:active, 
.button-section button:active,
.dialog-window .text-button:active
.k-dialog .k-dialog-buttongroup.k-dialog-button-layout-normal .k-button:active,
.k-button.k-state-active, 
.k-button:active, 
.admin-feature .k-in.k-state-selected, 
.k-button.k-state-active:hover, 
.k-button:active:hover, 
.k-button.k-state-hover, 
.k-button:hover
{
    border-color: #b6b6b6; 
    background: #92ebf8; 
    color: #000;     
}
.k-treeview .k-state-hover, .k-treeview .k-state-hover:hover
{
    background: #92ebf8; 
}
.menu-icons.k-i-question.k-icon:before, 
.menu-icons.k-i-menu.k-icon:before
{
    color: #fff !important;
}
.menu-icons.image-filter.k-i-filter-sm.k-icon:before
{
    color: #fff;  
}
.widget-settings-content-wrapper .k-i-x, 
.widget-settings-content-wrapper .k-i-minus-outline, 
.widget-settings-content-wrapper .k-button.update-range-button .k-i-check, 
.widget-settings-content-wrapper .k-i-plus, 
.k-button.widget-column-add-range-hint .k-i-info, 
.widget-column-data-third .k-i-info
{
    color: #000 !important; 
}
.k-draghandle.k-state-selected:hover, 
.k-ghost-splitbar-horizontal, 
.k-ghost-splitbar-vertical, 
.k-list>.k-state-highlight, 
.k-list>.k-state-selected, 
.k-marquee-color, 
.k-panel>.k-state-selected, 
.k-scheduler .k-scheduler-toolbar .k-state-selected, 
.k-scheduler .k-today.k-state-selected, 
.k-state-selected, 
.k-state-selected:link, 
.k-state-selected:visited
{
    color: #000; 
    background-color: #92ebf8;
    border-color: #92ebf8;
}
#tabsList li:hover .tabName, 
#tabsList li.k-state-active .tabName, 
#tabsList li.k-state-hover .tabName, 
#tabsList .k-state-active .k-icon:before, 
#tabsList .k-state-hover .k-icon:before, 
#tabsList li:hover .k-icon:before 
{
    color: #000;
    transition: color 0.2s;
}
#tabsList li.k-state-active a.k-link, 
#tabsList li.k-state-hover a.k-link, 
#tabsList li:hover a.k-link
{
    background-color: #fff; 
}

.headerLogo
{
    height: 33px; 
}

.homepageLogo
{
    width: 60%; 
}

#splashImage
{
    width: 65%; 
}

#message .welcomeMessage
{
color:#000;
}

#home_page
{
    background: #fff !important; 
}

#header, 
{
	background: #fff !important;	
}

#navigator, 
{
	background-color: #fff !important;	
}

#tabsList
{
    background: # !important; 
}

#tabStrip a.k-link
{
    border: 1px solid #333; 
}

.k-tabstrip-items .k-state-default .k-link, 
.k-tabstrip-items .k-state-default .k-icon
{
   color: #000; 
}

#tabsList li.k-state-active a.k-link, 
#tabsList li.k-state-hover a.k-link, 
#tabsList li:hover a.k-link
{
    background: #fff; 
}

#tabsList li:hover .tabName, 
#tabsList li.k-state-active .tabName, 
#tabsList li.k-state-hover .tabName, 
#tabsList .k-state-active .k-icon:before, 
#tabsList .k-state-hover .k-icon:before, 
#tabsList li:hover .k-icon:before
{
    color: #000;
}

#tabStrip span.k-tabstrip-prev span.k-i-arrow-60-left, 
#tabStrip span.k-tabstrip-next span.k-i-arrow-60-right
{
    background: #5dc3b3 !important; 
    color: #fff; 
}

.menu-icons.k-i-question.k-icon:before, 
.menu-icons.k-i-menu.k-icon:before, 
.menu-icons.image-filter.k-i-filter-sm.k-icon:before
{
    color: #5dc3b3; 
}

.menu-icons.k-i-menu.k-icon:hover:before, 
.menu-icons.k-i-menu.k-icon.k-state-border-down:before, 
.menu-icons.k-i-question.k-icon:hover:before, 
.menu-icons.image-filter.k-i-filter-sm.k-icon:hover:before
{
    color: #333; 
}

#filterPanel
{
    border-top: 1px solid #cacaca; 
}

#tabStrip a.k-link
{
    border: 1px solid #858585;
}

.headerLogo.vendorLogo
{display:none;} 

#vendorArea
{
    background-size: cover;
    width: 218px;
    height: 33px;
}

#message .welcomeMessage
{
    font-size: 19px !important; 
}

#customerLogo
background-image: url('../images/WelcomeLogo.png"');
.homepageLogo
{display:none;}

.home div:nth-child(1)
{background-color: #fff ;height: 50%;}

.home div:nth-child(2)
{background-color: #fff ;height: 40%;}

.home div:nth-child(3)
{background-color: #fff ;height: 10%;}


/*
.home div:nth-child(1), .home div:nth-child(2), .home div:nth-child(3)
{background-color: #fff ;height: 11%;}
*/

.k-widget > .k-grid-header th.k-header {
    background:#5dc3b3;
}