html {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

@font-face {
    font-family: 'BQFont';
    font-style: normal;
    font-weight: 300;
    src: local('Open Sans Light'), local('OpenSans-Light'), url('../fonts/bq_fonts/bqfont_300.woff2') format('woff2'), url('../fonts/bq_fonts/bqfont_300.woff') format('woff');
}

@font-face {
    font-family: 'BQFont';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans'), local('OpenSans'), url('../fonts/bq_fonts/bqfont_400.woff2') format('woff2'), url('../fonts/bq_fonts/bqfont_400.woff') format('woff');
}

@font-face {
    font-family: 'BQFont';
    font-style: normal;
    font-weight: 600;
    src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url('../fonts/bq_fonts/bqfont_600.woff2') format('woff2'), url('../fonts/bq_fonts/bqfont_600.woff') format('woff');
}

@font-face {
    font-family: 'BQFont';
    font-style: normal;
    font-weight: 700;
    src: local('Open Sans Bold'), local('OpenSans-Bold'), url('../fonts/bq_fonts/bqfont_700.woff2') format('woff2'), url('../fonts/bq_fonts/bqfont_700.woff') format('woff');
}

@font-face {
    font-family: 'BQFont';
    font-style: normal;
    font-weight: 800;
    src: local('Open Sans Extrabold'), local('OpenSans-Extrabold'), url('../fonts/bq_fonts/bqfont_800.woff2') format('woff2'), url('../fonts/bq_fonts/bqfont_800.woff') format('woff');
}

h4 {
    font-size: 18pt;
    font-weight: 400;
    color: #252525
}

h3 {
    font-size: 22pt;
    font-weight: 500;
    color: #252525
}

h2 {
    font-size: 26pt;
    font-weight: 600;
    color: #252525
}

h1 {
    font-size: 30pt;
    font-weight: 700;
    color: #252525
}

body {
    min-width: 1180px;
    min-height: 500px;
}

body, html {
    margin: 0px;
    padding: 0px;
    font-family: "BQFont", "Segoe UI", "Helvetica Neue", Helvetica, Verdana, san-serif;
    height: 100%;
    width: 100%;
    font-size: 12pt;
}

.menuTableWrapper{
    border: solid 1px #e8e8e8;
}

#AppDiv {
    height: 100%;
    min-height: 100%;
    margin: 0px;
    padding: 0px;
    width: 100%;
}

.stylengView {
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 95%;
    background-color: #f9f9f9;
}

.page-content-wrapper {
    background-color: #f9f9f9;
}

.page-content-wrapper {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
}

.page-content-wrapper .page-content-push {

}


#header {
    height: 50px;
    color: #ffffff;
    width: 100%;
    flex-shrink: 0;
    border-bottom: solid 1px #ddd;
}

#header .logo {
    width: 150px;
    height: 39px;
    margin-top: 0px;
    margin-bottom: 10px;
    margin-left: 5px;
    display: block;
    background: url(../assets/businessq_white.png);
    background-repeat: no-repeat;
    float: left
}


#header .content {
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    display: flex;
}

#header .content .menu {
    height: 100%;
    width: 100%;
    box-sizing: border-box;
}

#header .content .menu > ul {
    list-style-type: none;
    height: 100%;
    margin: 0;
    padding: 0
}

#header .content .menu .menuListItemLvl1 {
    float: left;
    height: 100%;

}

#header .content .menu .menuListItemLvl1:hover {
    background-color: #ccc;
}

#header #dropdown-menu .menuDropDownlink:hover {
    background-color: #ccc;
    color:black;
}


#header .content .menu .menuListItemLvl1.active {
    background-color: #2b323a;
    color: white;
}

#header .content .menu .menuListItemLvl1:not(.active) > ul > li > a > div {
   /*color: white;*/
}

#header .content .menu .menuListItemLvl1:not(.active):hover {
    background-color: #2b323a;
    color: #ffffff !important;
}

#header .content .menu .menuListItemLvl1:not(.active):hover {
    color: #ffffff !important;

}

#header .content .menu .menuListItemLvl1 a {
    font-size: 14px;
    font-weight: 600;
    display: block;
    color: #444;
    padding: 3px 20px 20px 20px;
    text-decoration: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

#header #dropdown-menu {
    position: relative;
    margin: 0;
    padding: 0;
    height: 50px;
}

#header #dropdown-menu > li {
    text-align: left;
    list-style: none outside none
}

#header #dropdown-menu > li > ul {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .18);
    margin: 2px 0px 0px 0px;
    padding: 4px 0px 0px 0px;
    display: none;
    list-style: none;
    z-index: 3000;
    position: absolute;
    width: 100%
}


#header #dropdown-menu .menuDropDownlink {
    font-size: 11px;
    font-weight: 500;
    border: solid rgba(0, 0, 0, .08);
    border-width: 0 1px 1px 1px;
    display: block;
    background: #fff;
    padding: 15px 10px;
    color: #444;
    text-decoration: none;
    cursor: pointer;
    text-align: left;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.qalmostblack{
    color:#444444;
}

/*vjeran novo header*/
#header #dropdown-menu .menuDropDownlink.menuDropDownlinkActive {
    background-color: #eeeeee;
}

#header .content .menu .menuListItemLvl1.menuListItemLvl1Active {

}

/*vjeran novo header end*/
#header #dropdown-menu:hover > li > ul, #header #dropdown-menu.active > li > ul {
    display: block !important;
    background-color: #2b323a;
    color:white;
}

#header #dropdown-menu .dropdown-menu-button {
    cursor: pointer;
    height: 21px;
}

#header #dropdown-menu .dropdown-menu-button .dropdown-button-text {
    color: #2b323a;
    padding: 10px 50px 14px 10px;

    background-repeat: no-repeat;
    background-position: center right;
    height: 14px;
}

#header #dropdown-menu:hover .dropdown-menu-button .dropdown-button-text{
    color:white;
}

#footer {
    color: #FFF;
    font-size: 12px;
    height: 30px;
    background-color: #35393a;
}

#footer .wrapper {
    padding: 0px 0px;
    height: 30px;
}

.content {
    min-width: 900px;
    padding: 0px 10px;
    margin: 0px auto;
}

#footer .wrapper .text {
    display: inline-block;
}

.content div.indent {
    margin-left: 7px;
}

.content .indent {
    margin-left: 8px;
}

.page {
}

.page .layout-box {
    padding: 0px 0px 0px;
}

.mainContent {
    margin: 0px 0px 0px 0px;
    border: solid #d94f4f;
    min-height: 700px;
    height: inherit;
}

.dragDropItemSelected {
    background-color: #dddddd !important;
    color: #ffffff !important;
}

.popupButtonFloatRight {
    float: right;
}

.buttonsArea {
    background-color: #fff;
    border: solid #ddd;
    border-width: 0px 0 1px 0;
    padding: 5px 10px 5px 10px;
    height: 24px;
}

.headerArea {
    height: 60px;

    background-color: #ffffff;
    border-bottom: solid 1px #ddd;
}


.popupContentContainer {
    width: 100%;
}

.popupMessagesContainer {
    height: 172px;
    width: 100%;
    overflow-y: auto;
}

.popupButtonsContainer {
    border-top: solid #eee;
    box-sizing: border-box;
    width: 100%;
    height: 44px;
    padding: 10px 5px;
    flex-shrink: 0;
}

.dx-popup-content {
    padding: 0px;
}

.popupMessages {
    padding: 0px 10px;
    margin: 0px;
}

.popupButtonFloatRight {
    float: right;
    margin-left: 10px;
}

.popupContentContainerWithPadding {
    padding: 20px;
}

/*// from dxCharts*/

.dx-toast-custom {
    background-color: orange;
    font-size: 28px;
}

.dx-datagrid-headers {
    color: #222;
}

.dx-list-item, .dx-list .dx-empty-message {
}
.dx-popup-content {
    overflow: auto;
}

.dx-datepicker-wrapper .dx-popup-bottom {
    border-top: solid 1px #d1d1d1;
}


input[type=checkbox].css-checkbox {
    z-index: -1000;
    left: -1000px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 0px;
    width: 0px;
    margin: -1px;
    padding: 0;
    border: 0;
    display: none;
}

input[type=checkbox].css-checkbox + label.css-label {
    height: 16px;
    width: 26px;
    display: inline-block;
    line-height: 16px;
    background-repeat: no-repeat;
    background-position: 0 0;
    font-size: 16px;
    vertical-align: middle;
    cursor: pointer;

}

input[type=checkbox].css-checkbox:checked + label.css-label {
    background-position: 0 -16px;
    height: 16px;
    width: 26px;
}

label.css-label {
    background-image: url(../assets/bq_checkbox_2.png);
    height: 16px;
    width: 25px;
    margin-top: -4px;
    margin-left: 5px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.legendForCheckbox {
    cursor: pointer;
}

::selection {
    background-color: #434343;
    color: white;
}

.excelIcon {
    opacity: 0.7;
    width: 25px;
    height: 25px;
    background: url('../assets/export_25.png') no-repeat;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.excelIcon:hover {
    opacity: 1;
    cursor: pointer;
}

.excelExportRawData {
    float: right;
    margin-right: 20px;
    margin-top: 5px;
}

.excelExportVisualizationActions {
    vertical-align: middle;
    display: inline-block;
    margin-left: 10px;
}

.rawDataIcon {
    opacity: 0.7;
    width: 25px;
    height: 25px;
    background: url('../assets/raw_data_25.png') no-repeat;

    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.rawDataIconBlue {
    opacity: 0.7;
    width: 100px;
    height: 25px;
    background: url('../assets/iconmonstr-database.png') no-repeat;
    font-size: 11px;
    padding: 5px 7px 5px 25px;
    background-color: #e6f3fa;
    background-position: 5px 5px;
}
.cameraIconBlue {
    opacity: 0.7;
    width: 100px;
    height: 25px;
    background: url('../assets/iconmonstr-camera_16.png') no-repeat;
    font-size: 11px;
    padding: 5px 7px 5px 25px;
    background-color: #e6f3fa;
    background-position: 5px 5px;
}

.infoIcon{
    opacity: 0.7;
    color: #185172;
    width: 100px;
    height: 25px;
    background: url('../assets/iconmonstr-info.png') no-repeat;
    font-size: 11px;
    padding: 5px 7px 5px 25px;
    background-color: #e6f3fa;
    background-position: 5px 5px;
}

.infoIcon:hover{
    opacity: 1;
    cursor: pointer;
}

.rawDataIconBlue:hover{
    opacity: 1;
    cursor: pointer;
}

.bqIconSqlFilter {
    opacity: 1;
    width: 20px;
    height: 20px;
    background: url('../assets/bq_icon_sql_filter.png') no-repeat;

    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.rawDataIcon:hover {
    opacity: 1;
    cursor: pointer;
}

.aggDataIcon {
    opacity: 0.7;
    width: 25px;
    height: 25px;
    background: url('../assets/agg_data_25.png') no-repeat;

    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.aggDataIcon:hover {
    opacity: 1;
    cursor: pointer;
}

.optionsIcon {
    opacity: 0.7;
    color: #185172;
    width: 70px;
    height: 25px;
    background: url('../assets/iconmonstr-wrench.png') no-repeat;
    font-size: 11px;
    padding: 5px 7px 5px 25px;
    background-color: #e6f3fa;
    background-position: 5px 5px;
}
.optionsIcon:hover {
    opacity: 1;
    cursor: pointer;
}

.sortIcon {
    opacity: 0.7;
    color: #185172;
    width: 70px;
    height: 25px;
    background: url('../assets/iconmonstr-sort.png') no-repeat;
    font-size: 11px;
    padding: 5px 7px 5px 25px;
    background-color: #e6f3fa;
    background-position: 5px 5px;
}

.sortIcon:hover {
    opacity: 1;
    cursor: pointer;
}

.small_icon_12 {
    width: 12px;
    height: 12px;
}

.measureIcon {
    width: 12px;
    height: 12px;
    background: url('../assets/icon_measure_2_2.png') no-repeat;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.clipboardIcon {
    width: 14px;
    height: 14px;
    margin-right: 3px;
    background: url('../assets/iconmonstr-clipboard-7-16.png') no-repeat;
    float: left;
    opacity: 0.7;
}

.rankingIcon {
    opacity: 0.7;
    color: #185172;
    width: 70px;
    height: 25px;
    background: url('../assets/iconmonstr-sort-6-16.png') no-repeat;
    font-size: 11px;
    padding: 5px 7px 5px 25px;
    background-color: #e6f3fa;
    background-position: 5px 5px;
}

.aggregateIcon{
    opacity: 0.7;
    color: #185172;
    width: 70px;
    height: 25px;
    background: url('../assets/iconmonstr-cube.png') no-repeat;
    font-size: 11px;
    padding: 5px 7px 5px 25px;
    background-color: #e6f3fa;
    background-position: 5px 5px;
}

.aggregateIcon:hover{
    opacity: 1;
    cursor: pointer;
}

.calculateIcon{
    opacity: 0.7;
    color: #185172;
    width: 70px;
    height: 25px;
    background: url('../assets/iconmonstr-calculator.png') no-repeat;
    font-size: 11px;
    padding: 5px 7px 5px 25px;
    background-color: #e6f3fa;
    background-position: 5px 5px;
}

.calculateIcon:hover{
    opacity: 1;
    cursor: pointer;
}



.rankingIcon:hover {
    opacity: 1;
    cursor: pointer;
}

.axesIcon {
    opacity: 0.7;
    color: #185172;
    width: 70px;
    height: 25px;
    background: url('../assets/iconmonstr-chart-20.png') no-repeat;
    font-size: 11px;
    padding: 5px 7px 5px 25px;
    background-color: #e6f3fa;
    background-position: 5px 5px;
}

.axesIcon {
    opacity: 0.7;
    color: #185172;
    width: 70px;
    height: 25px;
    background: url('../assets/iconmonstr-chart-20.png') no-repeat;
    font-size: 11px;
    padding: 5px 7px 5px 25px;
    background-color: #e6f3fa;
    background-position: 5px 5px;
}

.axesIcon:hover {
    opacity: 1;
    cursor: pointer;
}

.bqinput_old {
    border: 0 !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: #f5f5f5;
    width: 200px;
    height: 35px;
    text-indent: 0.01px;
    text-overflow: "";
    color: #444;
    border-radius: 5px;
    padding: 0px 3px;
    box-shadow: inset 0 0 4px rgba(000, 000, 000, 0.1);
    transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
    font-size: 14pt;
}

.bqinput_old:focus {
    border-color: #444;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset, 0 0 4px #444;
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 4px #444;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 4px #444;
    outline: 0 none;
}

.bqinput {
    border: 0 !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: #fefefe;
    width: 99%;
    height: 35px;
    text-indent: 0.01px;
    text-overflow: "";
    color: #222;
    border-radius: 0px;
    padding: 0px 3px;
    box-shadow: inset 0 0 4px rgba(000, 000, 000, 0.2);
    transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
    font-family: "BQFont", "Segoe UI", "Helvetica Neue", Helvetica, Verdana, san-serif;

}

.bqinput:focus {
    border-color: #35393a;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset, 0 0 4px #444;
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 4px #444;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 4px #444;
    outline: 0 none;
}

.bqinput:disabled {
    color: #999999;
}

.bqinputtab {
    border: 0 !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: #fefefe;
    width: 99%;
    height: 25px;
    text-indent: 0.01px;
    text-overflow: "";
    color: #222;
    border-radius: 0px;
    padding: 0px 2px;
    box-shadow: inset 0 0 4px rgba(000, 000, 000, 0.2);
    transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
    font-family: "BQFont", "Segoe UI", "Helvetica Neue", Helvetica, Verdana, san-serif;

}

.bqinputtab:focus {
    border-color: #35393a;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset, 0 0 4px #444;
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 4px #444;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 4px #444;
    outline: 0 none;
}

textarea {
    border: 0 !important; /*Removes border*/
    -webkit-appearance: none; /*Removes default chrome and safari style*/
    -moz-appearance: none; /* Removes Default Firefox style*/
    background: #fefefe;
    width: 200px; /*Width of select dropdown to give space for arrow image*/
    height: 35px;
    text-indent: 0.01px; /* Removes default arrow from firefox*/
    text-overflow: ""; /*Removes default arrow from firefox*/
    /*My custom style for fonts*/
    color: #444;
    border-radius: 0px;
    padding: 0px 3px;
    box-shadow: inset 0 0 4px rgba(000, 000, 000, 0.2);
    transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
    font-family: "BQFont", "Segoe UI", "Helvetica Neue", Helvetica, Verdana, san-serif;
}

textarea:focus {
    border-color: #35393a;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset, 0 0 4px #444;
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 4px #444;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 4px #444;
    outline: 0 none;
}

.select_old {
    border: 0 !important; /*Removes border*/
    -webkit-appearance: none; /*Removes default chrome and safari style*/
    -moz-appearance: none; /* Removes Default Firefox style*/
    background: #f5f5f5 url(../assets/arrow_down_20.png) no-repeat 98% center;
    width: 200px; /*Width of select dropdown to give space for arrow image*/
    height: 35px;
    text-indent: 0.01px; /* Removes default arrow from firefox*/
    text-overflow: ""; /*Removes default arrow from firefox*/
    /*My custom style for fonts*/
    color: #444;
    border-radius: 5px;
    padding: 0px;
    box-shadow: inset 0 0 4px rgba(000, 000, 000, 0.1);
    transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
    cursor: pointer;
}

.select_old:focus {
    border-color: #444;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset, 0 0 4px #444;
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 4px #444;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 4px #444;
    outline: 0 none;
}

.select_old:disabled {
    color: #666;
    background: #ffffff;
    cursor: default;
}

.selectdiv {
    overflow: hidden; /* this hides the select's drop button */
    padding: 0;
    margin: 0;
    background: white url(../assets/arrow_down_20.png) no-repeat bottom right;
    /* this is the new drop button, in image form */
    width: 12em;
    border-radius: 2px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    border: solid 1px #ccc;
}

.customSelect {
    overflow: hidden;
    position: relative;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border: 0 !important;
    background: #fefefe url(../assets/arrow_down_20.png) no-repeat 98% center;
    height: 35px;
    text-indent: 0.01px;
    text-overflow: "";
    color: #222;
    border-radius: 0px;
    padding: 0;
    box-shadow: inset 0 0 4px rgba(000, 000, 000, 0.2);
    transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
    -webkit-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;

    cursor: pointer;
}

.customSelect select {
    background-color: rgba(0, 0, 0, 0);
    font-family: "BQFont", "Segoe UI", "Helvetica Neue", Helvetica, Verdana, san-serif;
    border: none;
    height: 35px;
    cursor: pointer;
}

.customSelect select:disabled {
    opacity: 0.6;
    cursor: not-allowed;
    background: #ffffff url(../assets/arrow_down_20.png) no-repeat 98% center;

}

.customSelectedFocus {
    border-color: #35393a;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset, 0 0 4px #444;
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 4px #444;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 4px #444;
    outline: 0 none;
}

.selectbq {
    width: 180px;
}

.selectBqTag {
    all: unset;
}

.formLabel {
    font-size: 10pt;
    font-weight: 500;
    padding-top: 10px;
    padding-bottom: 3px;
    color: #666666;
}

.formSelect {
    float: left;
    padding-top: 3px;
    width: 200px;
}

.formSelect.medium {
    width: 300px;
}

.formSelect.long {
    width: 400px;
}

.formInput {
    float: left;
    padding-top: 3px;
    width: 280px;
}

.newFormInput{
    float: left;
    padding-top: 3px;
    width: 350px;
    color: black;
}

.formInput.long {
    width: 500px;
}

.formInputSmall {
    float: left;
    padding-top: 3px;
    width: 100px;
}

.formError {
    float: left;
    padding-top: 3px;
    margin-left: 10px;
    color: #CC3300;
    font-family: monospace;
    font-size: 12pt;
}

.fontSize11 {
    font-size: 10pt;
}

.underButtonsContentEdit {
    margin: 0px auto;
    padding: 10px;
    height: 100%;
    min-height: 100%;
    border: 1px solid #eee;
    width: 1100px;
    background: white;
    margin-top: 10px
}

.underButtonsContent {
    margin: 0px auto;
    padding: 10px;
    height: 100%;
    min-height: 100%;
    font-family: 'Helvetica Neue', 'Segoe UI', Helvetica, Verdana, sans-serif;
}

.underButtonsContentTile {
    margin: 0px auto;
    padding: 10px;
    height: 100%;
    min-height: 100%;
    font-family: 'Helvetica Neue', 'Segoe UI', Helvetica, Verdana, sans-serif;
}

.showDescription {
    position: absolute;
    left: -211px;
    top: 0;
    width: 211px;
    color: #aaaaaa;
    background: white;
}

.itemTags  {
    padding: 3px 0 0 3px;
    width: 196px;
    height: 28px;
    display: -webkit-box;
}

.itemTagsSearch {
    padding: 3px 0 0 3px;
    width: 196px;
    height: 25px;
    display: -webkit-box;
}

.tagDiv {
    display: inline-block;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 57px;
    max-height: 20px;
    white-space: nowrap;
    font-size: 12px;
}

.itemTagsNoTag {
    margin: 2px;
    border-radius: 3px;
    font-weight: bold;
    display:inline-block;
    padding: 2px 5px 2px 5px;
    color:white;
    background-color: #e5e5e5;
}

.icon {
    float: left;
    width: 16px;
    height: 16px;
    -moz-background-size: 16px 16px;
    -o-background-size: 16px 16px;
    -webkit-background-size: 16px 16px;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    margin: 12px 10px 3px 3px;
}

.icon.recent {
    background-image: url(../assets/recent_white.png);
}

.icon.open {
    background-image: url(../assets/open_white.png);
}

.icon.define {
    background-image: url(../assets/define_white.png);
}

.icon.admin {
    background-image: url(../assets/admin_white.png);
}

.arrow_right {
    float: left;
    margin: 0px 10px;
    background-color: rgba(100, 100, 100, 0.0);
    background-repeat: no-repeat;
    background-image: url(../assets/arrow_right_blue_32.png);
    cursor: pointer;
}

.arrow_left {
    float: left;
    margin: 0px 10px;
    background-color: rgba(100, 100, 100, 0.0);
    background-repeat: no-repeat;
    background-image: url(../assets/arrow_left_blue_32.png);
    cursor: pointer;
}

.arrow_left:hover {
    background-color: rgba(100, 100, 100, 0.1);
}

.arrow_right:hover {
    background-color: rgba(100, 100, 100, 0.1);
}

.mediumTitle {
    font-size: 13pt;
    font-weight: 600;
    color: #005171;
}

.bigPageIcon {
    float: left;
    width: 30px;
    height: 30px;
    -moz-background-size: 30px 30px;
    -o-background-size: 30px 30px;
    -webkit-background-size: 30px 30px;
    background-size: 30px 30px;
    background-repeat: no-repeat;
    margin: 10px 10px 5px 10px;
}

.bigPageIcon.small16 {
    width: 12px;
    height: 12px;
    -moz-background-size: 12px 12px;
    -o-background-size: 12px 12px;
    -webkit-background-size: 12px 12px;
    background-size: 12px 12px;
}

.bigPageIcon.small20 {
    width: 16px;
    height: 16px;
    -moz-background-size: 16px 16px;
    -o-background-size: 16px 16px;
    -webkit-background-size: 16px 16px;
    background-size: 16px 16px;
    margin: 0;
    opacity: 0.9;
}

.bigPageIcon.big60 {
    width: 60px;
    height: 60px;
    -moz-background-size: 60px 60px;
    -o-background-size: 60px 60px;
    -webkit-background-size: 60px 60px;
    background-size: 60px 60px;
}

.big50 {
    width: 50px;
    height: 50px;
    -moz-background-size: 50px 50px;
    -o-background-size: 50px 50px;
    -webkit-background-size: 50px 50px;
    background-size: 50px 50px;
}


.bigPageIcon.dataSource {
    background-image: url(../assets/data_source_64.png);
}

.bigPageIcon.businessModel {
    background-image: url(../assets/business_model_64.png);
}

.bigPageIcon.user {
    background-image: url(../assets/user_64.png);
}

.bigPageIcon.menu {
    background-image: url(../assets/menu_64.png);
}

.menuIcon {
    background-image: url(../assets/menu_64.png);
}

.bigPageIcon.report {
    background-image: url(../assets/report_64_2.png);
}

.dashboard_empty {
    background-image: url('../assets/iconmonstr-computer-6-240.png');

    background-repeat: no-repeat;
}

.report_empty {
    background-image: url('../assets/iconmonstr-chart-3-240.png');

    background-repeat: no-repeat;
}

.bigPageIcon.dashboard {
    background-image: url(../assets/dashboard_64.png);
}

.bigPageIcon.logIcon {
    background-image: url(../assets/log_icon_64.png);
}

.bigPageIcon.licenceIcon {
    background-image: url(../assets/licence_icon_64.png);
}

.dataSourceSmall {
    background-size: 14px 14px;
    background-repeat: no-repeat;
    background-image: url(../assets/data_source_64.png);
}
.iconPorting {
    background-repeat: no-repeat;
    background-image: url(../assets/iconmonstr-log-out-17-32.png);
}

.iconPortingSmall {
    background-size: 14px 14px;
    background-repeat: no-repeat;
    background-image: url(../assets/iconmonstr-log-out-17-32.png);
}

.iconTag {
    background-repeat: no-repeat;
    background-image: url(../assets/icon_tag_240.png);
}

.iconTagSmall {
    background-size: 14px 14px;
    background-repeat: no-repeat;
    background-image: url(../assets/icon_tag_240.png);
}

.businessModelSmall {
    background-size: 14px 14px;
    background-repeat: no-repeat;
    background-image: url(../assets/business_model_64.png);
}

.userSmall {
    background-size: 14px 14px;
    background-repeat: no-repeat;
    background-image: url(../assets/user_64.png);
}

.menuSmall {
    background-size: 14px 14px;
    background-repeat: no-repeat;
    background-image: url(../assets/menu_64.png);
}

.reportSmall {
    background-size: 14px 14px;
    background-repeat: no-repeat;
    background-image: url(../assets/report_64_2.png);

}

.dashboardSmall {
    background-size: 14px 14px;
    background-repeat: no-repeat;
    background-image: url(../assets/dashboard_64.png);
}

.privacy-icon-private {
    background-size: 14px 14px;
    background-repeat: no-repeat;
    background-image: url(../assets/icon_private_32.png);
}

.privacy-icon-public {
    background-size: 14px 14px;
    background-repeat: no-repeat;
    background-image: url(../assets/icon_public_32.png);
}

/*   Menu Icons    */
.menu-icon-reports {
    background-position: 5px 15px;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-image: url(../assets/iconmonstr-chart.png);
}

.menu-icon-reports:hover{
    background-image: url(../assets/iconmonstr-chart-2.png);
}

.menu-icon-dashboard {
    background-position: 5px 15px;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-image: url(../assets/iconmonstr-flip-chart.png);
}

.menu-icon-dashboard:hover{
    background-image: url(../assets/iconmonstr-flip-chart-2.png);
}

.menu-icon-admin {
    background-position: 5px 15px;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-image: url(../assets/iconmonstr-gear.png);
}

.menu-icon-admin:hover{
    background-image: url(../assets/iconmonstr-gear-2.png);
}

.menu-icon-define {
    background-position: 5px 15px;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-image: url(../assets/iconmonstr-share.png);
}

.menu-icon-define:hover{
    background-image: url(../assets/iconmonstr-share-2.png);
}

.menu-icon-user {
    background-position: 5px 15px;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-image: url(../assets/iconmonstr-user.png);
}

.menu-icon-user:hover{
    background-image: url(../assets/iconmonstr-user-2.png);
}

.tableGreyBackground {
    background-color: #f0f0f0;
    color: #444;
}

.bigPageHeader {
    font-size: 22pt;
    font-weight: 400;
    color: #2b323a;

}

.bigPageHeaderNumber {
    font-size: 15pt;
    font-weight: 400;
    padding-top: 9px;
    margin-left: 10px;
}

.bigPageHeaderEntityName {
    font-size: 20pt;
    font-weight: 300;
    color: #ffffff;
}

.bigPageHeader2 {
    font-size: 20pt;
    font-weight: 500;
    color: #da5859;
}

.smallPageHeader {
    float:left;
    padding-left: 50px;
    font-size: 8pt;
    font-weight: 200;
    color: #444444;
}

.submenuFont {
    font-size: 18px;
    font-weight: 500;
    color: #444444;
}

.submenuFontNavigation {
    text-transform:  uppercase;
    margin-left: 20px;
    padding-top: 20px;
    font-size: 13px;
    font-weight: 600;
    color: #bbbbbb;
}

.submenuFontNavigation:hover {
    margin-left: 20px;
    margin-top: 10px;
    padding-top: 20px;
    font-size: 13px;
    font-weight: 600;
    color: #999999;
}

.pageContent {
    margin: 0px 0px 0px 0px;
    padding-top: 0px;
}

.legendContainer {
    width: 100%;
    display: flex;
}

.dashLegendContainer {
    font-size: 20pt;font-weight: 500;  color: #444;
}

.legendportal {
    color: #444444;
    font-weight: 600;
    font-size: 16px;
    margin-right: 3px;
    z-index: 10;
    float: left;
    flex-shrink: 0
}

.hrportal {
    width: 100%;
    flex-shrink: 1;
    height: 7.5px;
    border-bottom: 2px solid #eeeeee;
    float: left;
}

.vr {
    float: left;
    height: 400px;
    margin: 35px 30px 0px 30px;
    background-color: #eeeeee;
    width: 2px;
}

.vr80 {
    float: left;
    height: 500px;
    margin: 5px 20px 0px 20px;
    background-color: #eeeeee;
    width: 2px;
}

.listSectionContainer {
    width: 525px;
    float: left;
    margin-top: 20px;
}

.listAvaliableContainer {
    float: left;
    width: 255px;
    margin-top: 0px
}

.listSelectedContainer {
    float: left;
    width: 255px;
    margin-top: 0px;
    margin-left: 15px;
}

.dragDropListSearch {
    border: solid 2px #ddd;
    float: left;
    margin: 10px 0px 0px 20px;
    width: 110px;
}

.dragDropListHeading {
    float: left;
    font-size: 12px;
    color: #666;
    padding: 0px;
    margin: 13px 0px 10px 4px;
}

.dragDropListContainer {
    width: 262px;
    height: 500px;
    overflow-y: auto;
    margin-top: 10px;
}

.dragDropList {
    list-style-type: none;
    margin: 0 0px;
    padding: 0px;
    display: inline-block;
    width: 241px;
    box-sizing: border-box;
    min-height: 300px;;
}

.dragDropList li {
    font-size: 10pt;
    position: relative;
    display: flex;
    padding: .4em .4em .4em .8em;
    *padding: .4em;
    margin: .1em 0 .1em 0.1em;
    background: #fff;
    color: #444;
    text-decoration: none;
    cursor: pointer;
    width: 120px;

}

.dragDropListSelected {
    background-color: #ffffff !important;
    border: dashed #aaa 3px;
}

.dragDropList .dragDropListListItem {
    height: 30px;
    background-color: #e4f3fa;
    color: #005171;
    word-wrap: break-word;
}

.dragDropList .dragDropListListItem:hover {
    background-color: #005171;
    color: #ffffff;
}

.listItem {
    background-color: #f0f0f0 !important;
    width: 221px !important;
}

.listItemReport {
    background-color: #35393a !important;
    color: white;
}

.listItemDashboard {
    background-color: #94d266 !important;
}

.divInsideListItem {
    width: 225px;
    overflow: hidden;
    word-wrap: break-word
}


.col_full {
    margin: 0 auto;
    border-width: 2px 0 2px 0;
    margin-top: 0px;
    width: 100%;
    height: 580px;
}

.legend-row {
    position: relative;
    height: 20px;
    background-color: #ffffff;
    width: 1900px;
}

.row::after .legend-row::after {
    content: ' ';
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clear {
    clear: both;
}

/*// color picker NG*/
ng-color-picker ul {
    padding: 1px 1px;
    margin: 1px 1px;
}

ng-color-picker li {
    width: 20px;
    height: 15px;
    box-sizing: border-box;
    display: inline-block;
    padding: 1px 1px;
    margin: 1px 1px;
}

ng-color-picker li.selected {
    border: 1px solid #222;
}

/*from booty*/

.form-horizontal label{
    font-size:10pt;
}

.form-horizontal .form-group-sm .form-control {
    height: 30px;
    padding: 5px 10px;
    /*   font-size: 10px;*/
    line-height: 1.5;
    border-radius: 3px;
}

.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
    padding-top: 7px;
    margin-top: 0;
    margin-bottom: 0;
}

.form-horizontal .radio,
.form-horizontal .checkbox {
    min-height: 27px;
}

.form-horizontal .form-group {
    margin-right: -5px;
    margin-left: -5px;
}

.form-horizontal .control-label {
    padding-top: 7px;
    margin-bottom: 0;
    text-align: right;
}

.clearfix:before,
.clearfix:after,
.dl-horizontal dd:before,
.dl-horizontal dd:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:before,
.btn-group-vertical > .btn-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after,
.pager:before,
.pager:after,
.panel-body:before,
.panel-body:after,
.modal-footer:before,
.modal-footer:after {
    display: table;
    content: " ";
}

.clearfix:after,
.dl-horizontal dd:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after,
.pager:after,
.panel-body:after,
.modal-footer:after {
    clear: both;
}

.form-group {
    margin-bottom: 5px;
}
.floatright {
    float: right;
}
.input-sm,
.form-horizontal .form-group-sm .form-control {
    height: 30px;
    padding: 5px 10px;
    line-height: 1.5;
    border-radius: 3px;
}

.input-lg,
.form-horizontal .form-group-lg .form-control {
    height: 46px;
    padding: 10px 16px;
    line-height: 1.33;
    border-radius: 6px;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
}

.col-sm-1 {
    width: 10%;
}

.col-sm-2 {
    width: 33%;
}

.col-sm-4 {
    width: 33.33333333%;
}

.col-sm-3 {
    width: 20%;
}

.col-sm-5 {
    width: 45%;
}

.selectInPopup {
    float: left;
    margin-right: 10px;
    margin-left: 15px;
}

/*Tab styles*/
.nav {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    margin-top: 5px;
}

.nav > li {
    position: relative;
    display: block;
}

.nav > li > a {
    position: relative;
    display: block;
    padding: 10px 15px 10px 10px;
}

.nav > li > a:hover,
.nav > li > a:focus {
    text-decoration: none;
    background-color: #eee;
}

.nav > li.disabled > a {
    color: #777;
}

.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {
    color: #777;
    text-decoration: none;
    cursor: not-allowed;
    background-color: transparent;
}

.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
    background-color: #eee;
    border-color: #428bca;
}

.nav .nav-divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5;
}

.nav > li > a > img {
    max-width: none;
}

.nav-tabs {
    border-bottom: 1px solid #ddd;

}

.nav-tabs > li {
    float: left;
    margin-bottom: -1px;
}

.nav-tabs > li > a {
    color: #bbbbbb;
    font-size: 10pt;
    font-weight: 600;
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
    cursor: pointer;
}

.nav-tabs > li > a:hover {
    border-color: #eee #eee #eee;
    cursor: pointer;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
    color: #222222;
    font-weight: 800;
    cursor: default;
    background-color: #fff;
    border: 2px solid #e8e8e8;
    border-bottom-color: transparent;
}

.nav-tabs.nav-justified {
    width: 100%;
    border-bottom: 0;
}

.nav-tabs.nav-justified > li {
    float: none;
}

.nav-tabs.nav-justified > li > a {
    margin-bottom: 5px;
    text-align: center;
}

.nav-tabs.nav-justified > .dropdown .dropdown-menu {
    top: auto;
    left: auto;
}

@media (min-width: 768px) {
    .nav-tabs.nav-justified > li {
        display: table-cell;
        width: 1%;
    }

    .nav-tabs.nav-justified > li > a {
        margin-bottom: 0;
    }
}

.nav-tabs.nav-justified > li > a {
    margin-right: 0;
    border-radius: 4px;
}

.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
    border: 2px solid #e8e8e8;
}

@media (min-width: 768px) {
    .nav-tabs.nav-justified > li > a {
        border-bottom: 2px solid #e8e8e8;
        border-radius: 4px 4px 0 0;
    }

    .nav-tabs.nav-justified > .active > a,
    .nav-tabs.nav-justified > .active > a:hover,
    .nav-tabs.nav-justified > .active > a:focus {
        border-bottom-color: #fff;
    }
}

.nav-tabs-justified {
    border-bottom: 0;
}

.nav-tabs-justified > li > a {
    margin-right: 0;
    border-radius: 4px;
}

.nav-tabs-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
    border: 2px solid #e8e8e8;
}

@media (min-width: 768px) {
    .nav-tabs-justified > li > a {
        border-bottom: 2px solid #e8e8e8;
        border-radius: 4px 4px 0 0;
    }

    .nav-tabs-justified > .active > a,
    .nav-tabs-justified > .active > a:hover,
    .nav-tabs-justified > .active > a:focus {
        border-bottom-color: #fff;
    }
}

.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.navbar-form .radio label,
.navbar-form .checkbox label {
    padding-left: 0;
}

.tab-content > .tab-pane {
    display: none;
    visibility: hidden;
}

.tab-content > .active {
    display: block;
    visibility: visible;
}

.tab-close-button {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: bold;
    line-height: 1;
    color: #c7c7c7;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
}

.tab-close-button:hover,
.tab-close-button:focus {
    color: #000000;
    font-size: 100%;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
}

.btn .label {
    position: relative;
    top: -1px;
}

.label-default {
    background-color: #777;
}

.label-default[href]:hover,
.label-default[href]:focus {
    background-color: #5e5e5e;
}

.label-primary {
    background-color: #428bca;
}

.label-primary[href]:hover,
.label-primary[href]:focus {
    background-color: #3071a9;
}

.label-success {
    background-color: #5cb85c;
}

.label-success[href]:hover,
.label-success[href]:focus {
    background-color: #449d44;
}

.label-info {
    background-color: #5bc0de;
}

.label-info[href]:hover,
.label-info[href]:focus {
    background-color: #31b0d5;
}

.label-warning {
    background-color: #f0ad4e;
}

.label-warning[href]:hover,
.label-warning[href]:focus {
    background-color: #ec971f;
}

.label-danger {
    background-color: #d9534f;
}

.label-danger[href]:hover,
.label-danger[href]:focus {
    background-color: #c9302c;
}

.label-info[href]:hover,
.label-info[href]:focus {
    background-color: #31b0d5;
}

.label-info {
    background-color: #444444;
}

/*visualization area*/
.visualization_area {
}

.horiz_ruler1 {
    border-width: 2px;
    border-left-style: solid;
    border-left-color: #ddd;
    padding-left: 5px;
    height:100%
}

.visualization_actions {
    border-width: 2px;
    height: 30px;
    background-color: #ffffff;
    border-style: solid;
    border-color: #e8e8e8;
    border-radius: 4px;
    padding: 2px 2px;
}

.reportNavigationElementSelected {
    color: #ffffff;
    font-weight: 800;
    background-color: #545b64;
    padding: 3px;
    border-radius: 5px;
}

.reportNavigationElement {
    display: inline;
    cursor: pointer;
}

.triangle-right {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-color: transparent transparent transparent #444444;
    float: left;
    margin: 8px 7px 0 0;
}

.triangle-bot {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: #444444 transparent transparent transparent;
    float: left;
    margin: 10px 2px 0 0;
}

.widgetIconsContainerRight {
    margin-left: 10px;
    height: 26px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 9999
}

.widgetIconsContainerLeft {
    margin-left: 10px;
    height: 30px;
    position: absolute;
    left: -10px;
    top: 0;
    z-index: 9999
}

.dashboardElementMove {
    background: url('../assets/icon_move_32.png');
    background-size: 20px 20px;
    position: relative;
    height: 20px;
    width: 20px;
    top: 6px;
    opacity: 0.6;
    cursor: move;
    float: left;
    margin: 0 5px;
}

.dashboardElementMove:hover {
    opacity: 1;
}

.dashboardElementX {
    background: url('../assets/icon_close_32.png');
    background-size: 16px 16px;
    position: relative;
    height: 16px;
    width: 16px;
    top: 6px;
    opacity: 0.6;
    cursor: pointer;
    float: right;
    margin: 0 5px;
}

.dashboardElementX:hover {
    opacity: 1;
}

.dashboardElementSettings {
    background: url('../assets/icon_settings_32.png');
    background-size: 16px 16px;
    position: relative;
    height: 16px;
    width: 16px;
    top: 6px;
    opacity: 0.6;
    cursor: pointer;
    float: right;
    margin: 0 5px;
}

.dashboardElementSettings:hover {
    opacity: 1;
}

.dashboardElementPopOut {
    background: url('../assets/icon_resize_32.png');
    background-size: 14px 14px;
    position: relative;
    top: 7px;
    height: 14px;
    width: 14px;
    opacity: 0.6;
    cursor: pointer;
    float: right;
    margin: 0 5px;
}

.dashboardElementPopOut:hover {
    opacity: 1;
}

.dashboardElementFilterApply {
    background: url('../assets/icon_check_32.png');
    background-size: 14px 14px;
    position: relative;
    top: 7px;
    height: 14px;
    width: 14px;
    opacity: 0.6;
    cursor: pointer;
    float: right;
    margin: 0 5px;
}

.dashboardElementFilterApply:hover {
    opacity: 1;
}

.dragDropListContainer {
    overflow-y: auto;
    overflow-x: hidden;
    z-index: 24;
}

.dragDropListDragStartHighlightDrop {
    border-width: 3px !important;
    border-style: dashed !important;
}

.dragDropHighlight {
    box-sizing: border-box;
    position: absolute;
    top: -4px;
    left: -3px;
    height: 100%;
    padding: 3px;
    z-index: 23;
}

.dragDropList {
    z-index: 25;
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

.dragDropList li {
    box-sizing: border-box;
    margin: 0px 1px !important;
    border-bottom: 1px solid #fff;
    z-index: 26;
}

.listSelectedContainer {
    padding-left: 10px;
    box-sizing: border-box;
}

.dragDropEmptyText {
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    text-align: center;
    height: 30px;
}


/*Vertical divider*/

.vert-divider {
    display: inline;
    position: absolute;
    background-color: #ddd;
    width: 2px;
    height: 27px;
    margin: 0 10px 0 10px
}

.selectedFilter {
    background-color: #eeeeee;
    color: black;
}

#logoHeader {
    float: left;
    background: url('../assets/BQ logo 100px.png') no-repeat;
    width: 100px;
    height: 39px;
    margin-top: 15px;
    margin-right: 20px;
    background-size:contain;
    font-size: 30px;

}


.colorLightBlue{
    background-color: #e4f3fa;
}
.colorLightYellow{
    background-color: #f5efc9;
}

#selectedTables{
    overflow-y: auto;
    overflow-x: hidden;
}


.selectedExpression {
    border: solid 2px rgb(90, 90, 90);;
}

#localFiltersIcon {

    position: absolute;
    opacity: 0.7;
    right: 60px;
    height: 25px;
    width: 25px;
    margin: 5px;
}

#localFiltersIcon:hover {
    opacity: 1;
    cursor: pointer;
}


#localFiltersIcon2 {
    opacity: 0.7;
    color: #185172;
    width: 70px;
    height: 25px;
    background: url('../assets/iconmonstr-filter.png') no-repeat;
    font-size: 11px;
    padding: 5px 7px 5px 25px;
    background-color: #e6f3fa;
    background-position: 5px 5px;
}

#localFiltersIcon2:hover{
    opacity: 1;
    cursor: pointer;
}

.local-filters-icon-closed {
    right: 0;
}

.local-filters-icon-open {
    right: 300px;
}

.q-tooltip {
    background-color: #000000;
}

.q-sparkline-tooltip {
    border: solid 2px #e8e8e8;
    background-color: #f5f5f5;
    color: #444;
    position: absolute;
    padding: 5px 5px;
    font-size: 12pt;
    font-weight : 400;
    border-radius: 2px;
    z-index: 99999;
}

.text-large {
    font-size: 14pt;
    font-weight: 600;
    font-family: 'BQFont';
    cursor: default;
    color: #2779b9;
}

.text-small {
    font-size: 11pt;
    font-family: 'BQFont';
    cursor: default;
    color: #444;
    font-weight: 200;
}

.icon_info {
    background: url('../assets/icon_info_32.png');
    height: 25px;
    width: 25px;
    background-size: contain;
}

.icon_dragDrop100 {
    background: url('../assets/icon_drag_drop_100.png');
    height: 80px;
    width: 80px;
    background-size: contain;
}

.icon_add {
    background: url('../assets/icon_add_tab_32.png');
    background-size: contain;
    opacity: 0.7;
}

.icon_add:hover {
    opacity: 1;
}

.button_add_widget {
    background: url('../assets/button_add_widget.png');
    background-size: contain;
    opacity: 0.6;
}

/* openreport.html TILE VIEW START */

.toggleViewTile {
    position: absolute;
    top: 161px;
    left: 47px;
    cursor: pointer;
    opacity: 0.7;
    background-color: #e6f3fa;
}

.toggleViewTile:hover {
    opacity: 1;
    cursor: pointer;
}

.toggleViewTileHidden {
    display: none;
}

.toggleViewGrid {
    position: absolute;
    top: 161px;
    left: 47px;
    cursor: pointer;
    opacity: 0.7;
    background-color: #e6f3fa;
    z-index: 1000;
}

.toggleViewGrid:hover {
    opacity: 1;
    cursor: pointer;
}

.toggleViewGridHidden {
    display: none;
}

.tileViewIcon {
    color: #185172;
    width: 70px;
    height: 25px;
    background: url('../assets/iconmonstr-grid.png') no-repeat;
    font-size: 11px;
    padding: 5px 7px 5px 25px;
    background-color: #e6f3fa;
    background-position: 5px 5px;
    cursor: pointer;
}

.gridViewIcon {
    color: #185172;
    width: 70px;
    height: 25px;
    background: url('../assets/iconmonstr-tile.png') no-repeat;
    font-size: 11px;
    padding: 5px 7px 5px 25px;
    background-color: #e6f3fa;
    background-position: 5px 5px;
    cursor: pointer;
}


.refreshIcon {
    color: #185172;
    width: 70px;
    height: 25px;
    background: url('../assets/icon_refresh_white.png') no-repeat;
    font-size: 11px;
    padding: 5px 7px 5px 25px;
    background-color: #e6f3fa;
    background-position: 5px 5px;
    cursor: pointer;
}

.refreshButton {
    opacity: 0.7;
    position: absolute;
    top: 161px;
    left: 16px;
    z-index: 9999;
    cursor: pointer;
}

.menuTileContainer {
    width:100%;
}

.menuTileContainerHidden {
    display: none;
}


.tileReportName {
    height: 36px;
    padding: 2px;
    font-weight: 700;
    text-align: center;
    color: #2b323a;
    width: 171px;
    overflow: hidden;
    margin: 2px auto;
    font-size: 12px;
}

.tileReportCreatedByAndDate {
    height: 35px;
    line-height: 15px;
    padding: 0px 3px 0px 6px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
    color: #545b64;
}

.tileReportImage {
    display: block;
    margin: 11px 18px 0px 19px;
    text-align: center;
}

.tileReportImage img {
    height: 70px;
    width: 74px;

    display: block;
    margin-left: auto;
    margin-right: auto;

    transition: all 0.3s ease;
}

.tileReportSpecifications {
    padding-left: 6px;
    font-size: 11px;
    color: #c0c0c0;
}

.tileReportLabels {
    margin-top: 16px;
    color: #545b64;
}

.tileReportLabels span{
    color: #222222;
    display: block;
}

.reportLabel {
    float: left;
    width: 89px;
}

.tileReportYourRunsBullet {
    bottom: 27px;
    position: absolute;
    left: 110px;
}

.tileReportSpecificationsSearch {
    padding-left: 6px;
    margin-top: -4px;
    font-size: 11px;
    color: #c0c0c0;
}

.tileHeaderPanel {
    height: 31px;
    background-color: #ffffff;
    border: 1px solid #ddd;
    margin: 10px 11px 0 10px;
}

#placeholderDisabled, #placeholderDisabled:disabled {
    all:unset;
    background-color: #cccccc;
    color: #666666;
    opacity: 1;
}


#tagsFilter {
    height: 33px;
    width: 239px;
    position: absolute;
    right: 332px;
    background: #fefefe url(../assets/icon_filter_15.png) no-repeat 3% center;
    overflow: initial;
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
}

#tagsFilter:focus, #selectSort:focus{
    outline: none;
    border: 1px solid #2b323a !important;
    border-right: none;
}

.tagsFilterChanged {
    background: none !important;
}

#selectSort {
    height: 33px;
    width: 239px;
    position: absolute;
    right: 650px;
    background: #fefefe url(../assets/sort_26.png) no-repeat 3% center;
    overflow: initial;
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
}

.selectSortChanged {
    background: none !important;
}

.tileSearchBar {
    width: 240px;
    height: 33px;
    top: -1px;
    float: right;
    border-right: none !important;
}

.tileSearchBarHidden {
    visibility: hidden !important;
    position: absolute;
}

.searchTileContainerWrapper {
    margin: unset !important;
    font-size: 12px;
    width: 1067px !important;
    position: relative;
}

.searchTileContainerWrapperHidden {
    display: none;
}

.paginationHidden {
    display: none;
}

.searchTileItemWrapper {
    height: 248px;
    width: 199px;
    position: relative;
    opacity: 0;
    float: left;
    cursor: pointer;
    margin-right: 10px;
    margin-bottom: 10px;
    border-radius: 5px;

    background-color: white;

    border: 3px solid rgba(221, 221, 221, 0.6);
    text-align: left;


    /*4. 5. 6. 7. efekt  fall perspective, fly, flip*/
    -webkit-perspective: 1300px;
    perspective: 1300px;

    transition: all 0.3s ease;
}

.searchTileItemWrapper:hover {
    background-color: #E8F1F6;
    opacity: 1;
}

.selectLabel {
    position: absolute;
    left: 752px;
    font-size: 12px;
    top: 166px;
}

.searchTileItemWrapper.selected {
    border: 3px solid rgba(221, 221, 221, 0.6);
    background-color: #E8F1F6;
    font-size: 13px;
    opacity: 1;
}

.searchTileItemWrapper:hover {
    border-color: 2b323a;
}

.searchTileItemWrapper:focus {
    border: 1px solid #2b323a !important;
    background-color: #E8F1F6 !important;
}

.dx-scrollview-content.dx-tileview-wrapper {
    margin: -10px 0 0 -10px;
}

#contentWrapper {
    width: 1200px !important;
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}

.dx-item.dx-tile {
    cursor: pointer;
}

.dx-tile.dx-state-active {
    -webkit-transform: none !important;
    -moz-transform: none !important;
    -ms-transform: none !important;
    -o-transform: none !important;
    transform: none !important;
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    transition: none !important;

    border-color: initial !important;
}

.dx-item.dx-tile.dx-state-focused {
    border: 1px solid #2b323a !important;
    background-color: oldlace !important;
}

.tileReportYourRunsBullet {
    margin-left: 10px;
}

/* openreport.js END */

.header-text-area {
    display: inline;
    position: absolute;
    left: 150px;
    padding: 5px 5px 0 5px;
    height: 22px;
    cursor: default;
    font-size: 9pt;
    background-color: #ffffff;
}

.header-text-area:hover {
    z-index: 20;
    -webkit-box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.3);
}

.buttons-area {
    position: relative;
    float: right;
    background-color: #ffffff;
    z-index: 10;
}

.buttons-area:before {
    content: "";
    height: 25px;
    display: inline-block;
    position: absolute;
    left: -20px;
    width: 20px;
}

#freehandFiltersTable td {
    padding: 5px;
    vertical-align: top;
}


.statusGreenBackground0{
    background-color: #ffffff;
    color: black;
}
.statusGreenBackground1{
    background-color: #deebf7;
    color: black;
}
.statusGreenBackground2{
    background-color: #4292c6;
    color: white;
}
.statusGreenBackground3{
    background-color: #2171b5;
    color: white;
}
.statusGreenBackground4{
    background-color: #08519c;
    color: white;
}
.statusRedBackground0{
    background-color: #cb181d;
    color: white;
}
.statusRedBackground1{
    background-color: #f29496;
    color: black;
}
.statusYellowBackground0{
    background-color: #e4e626;
    color: black;
}

.availableFieldsStyle{
    font-weight: 600;
    font-size: 9pt;
    color: #666666;
}

.sql_textarea{
    font-family:"Courier New", "Courier", "Consolas", "BQFont", serif;
    font-size: 13px;
    color: #ababab !important;
    background-color: #faffef;
}

.likeButtonOn{
    color: #ffaaaa;
}

.likeButtonOff{
    color: #ffaaaa;
}

.BQblue{
    color: #35393a;
}

.BQgray{
    color: #999999;
}

.BQgray1{
    background-color: #f9f9f9;
}
.BQgray2{
    background-color: #e8e8e8;
}
.BQwhite{
    background-color: white;
}

.red {
    background-color: red;
}

.BQborder1{
    border: solid 2px #eeeeee;
    border-radius: 4x;
}

.BQborder1right{
    border-right: solid 2px #e8e8e8;
}

.BQblueback{
    background-color:  #ffffff;
    color: #2b323a;
    font-weight: 600;
    text-transform : uppercase;
}

.drag_and_drop_area_div{
    float:left;width: 360px; height: 100%;
}
.availableFileds_ul{
    list-style-type:none; margin:0; padding: 0px 0; display: inline; overflow-y: auto; overflow-x: hidden; width: 150px;
}
.availableFileds_li{
     width: 140px;min-height:24px;border:solid 0px #e8e8e8; margin: 4px 0px; padding-left: 3px; color:#222222;
}
.availableFieldsDiv{
    float:left;width: 150px;margin-left: 0px; margin-top:0px;
}
.dimensionsPanel{
    float:left;width: 170px;margin-left: 0px; margin-top:0px;padding: 5px 5px;
}
.dimPanel_li{
    float:left;width: 150px; overflow: hidden ;word-wrap:break-word;
}

.measuresPanel{
    float:left;width: 170px;margin-left: 0px; margin-top:10px;padding: 5px 5px;
}
.mesuresPanel_li{
    width: 180px; display: block; float: left; margin: 3px 0;
}

.report_small_title{
    margin: 0px;
    font-size: 9pt;
    color: #555555;
    font-weight: 600;
    height: 20px;
    overflow: overlay;
}

.visualization_no_category_measure{
    margin-top: 0px; background-color: #e0e0e0; border: solid #e0e0e0 0px; margin: 0 auto;
}

.kpitext_bulletTitle{
    width: 175px;
    height: 30px;
    float: left;
    font-size: 13pt;
    color: #bbbbbb;
    font-weight: 600;
    overflow: hidden;
}
.kpitext_bulletAlert{
    float:left;  height:14px; width:14px;margin: 3px 0px; border-radius: 7px;
}
.kpitext_KPIvalueTitle{
    height: 15px;
    font-size: 7pt;
    font-weight: 600;
    color: #bbb;
    text-transform: uppercase;
}
.kpitext_KPIvalue{
    height:30px;
    font-size: 15pt;
    font-weight: 600;
    color:#444444;
}

.kpitext_KPIvalue .percent{
    width:50px;
}
.kpitext_bulletdiv{
    width: 210px;
    margin-top: 5px;
    height: 40px;
    margin-left: -5px;
}
.kpitext_sparkdiv{
    background-color: #ffffff;width:190px; height: 60px; border: solid #eee 0px; margin: 3px 0;
}



.custom-item {
    position: relative;
    min-height: 30px;
}

.custom-item .product-name  {
    display: inline-block;
    margin-left: 45px;
    text-indent: 0;
    line-height: 30px;
    font-size: 13px;
    font-family: 'BQFont';

}

.custom-item > img {
    left: 1px;
    position: absolute;
    top: 50%;
    margin-top: -15px;
}

.current-value {
    padding: 10px 0;
}

.current-value > span {
    font-weight: bold;
}

.signLink {
    font-family: "BQFont", "Segoe UI", "Helvetica Neue", Helvetica, Verdana, san-serif;
    color: #fff;
    font-size: 11px;
    font-weight: bold;
}

.textSelectAllow {
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}

.activation-link{
    color: #fffd55;
}
.hover{

}
.hover:hover {
    background-color: gainsboro;
}

.drillDownLabelLi{
    float: left;
    display: inline-block;
    font-size: 12px;
    background-color:  #e4f3fa
}

.infoToolTip{
    background-color: #fff;
    border: solid 1px #e8e8e8;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
    color: #444;
    cursor: pointer;
    font-size: 10pt;
    font-weight : 400;
    position: absolute;
    padding: 20px 10px;
    z-index: 99999;
}

.dx-icon-info:before {
    font-size: 15px !important;
}

/*default [Qual]*/
.BG00325b {
    background-color: #00325b;
}
.BGffe06a {
    background-color: #ffe06a;
}
.BG005171 {
    background-color: #005171;
}
.BGeee9bb {
    background-color: #eee9bb;
}
.BGfd5a35 {
    background-color: #fd5a35;
}
.BG007c8a {
    background-color: #007c8a;
}
.BGd4d6bd {
    background-color: #d4d6bd;
}
.BGfcaf29 {
    background-color: #fcaf29;
}
.BG45ccc4 {
    background-color: #45ccc4;
}
.BG6caf7f {
    background-color: #6caf7f;
}
.BGe16a69 {
    background-color: #e16a69;
}
/*default D [Qual]*/
.BG5cbae6 {
    background-color: #5cbae6;
}
.BGb6d957 {
    background-color: #b6d957;
}
.BGfac364 {
    background-color: #fac364;
}
.BG8cd3ff {
    background-color: #8cd3ff;
}
.BGd998cb {
    background-color: #d998cb;
}
.BGf2d249 {
    background-color: #f2d249;
}
.BG93b9c6 {
    background-color: #93b9c6;
}
.BGccc5a8 {
    background-color: #ccc5a8;
}
.BG52bacc {
    background-color: #52bacc;
}
.BGdbdb46 {
    background-color: #dbdb46;
}
.BG98aafb {
    background-color: #98aafb;
}
/*default A [Qual]*/
.BGa6cee3 {
    background-color: #A6CEE3;
}
.BG1f78b4 {
    background-color: #1F78B4;
}
.BGb2df8a {
    background-color: #B2DF8A;
}
.BG33a02c {
    background-color: #33A02C;
}
.BGfb9a99 {
    background-color: #FB9A99;
}
.BGe31a1c {
    background-color: #E31A1C;
}
.BGfdbf6f {
    background-color: #FDBF6F;
}
.BGff7f00 {
    background-color: #FF7F00;
}
.BGcab2d6 {
    background-color: #CAB2D6;
}
.BG6a3d9a {
    background-color: #6A3D9A;
}
.BG80b1d3 {
    background-color: #80B1D3;
}
.BGffffb3 {
    background-color: #FFFFB3;
}
.BG8dd3c7 {
    background-color: #8DD3C7;
}
.BGfb8072 {
    background-color: #FB8072;
}
.BGfdb462 {
    background-color: #FDB462;
}
.BGb3de69 {
    background-color: #B3DE69;
}
.BGd9d9d9 {
    background-color: #D9D9D9;
}
.BGbc80bd {
    background-color: #BC80BD;
}
.BGccebc5 {
    background-color: #CCEBC5;
}
.BGffed6f {
    background-color: #FFED6F;
}
/*default B [Qual]*/
.BGdb5e56 {
    background-color: #db5e56;
}
.BGdbc256 {
    background-color: #dbc256;
}
.BG91db56 {
    background-color: #91db56;
}
.BG56db7f {
    background-color: #56db7f;
}
.BG56d3db {
    background-color: #56d3db;
}
.BG566fdb {
    background-color: #566fdb;
}
.BGa056db {
    background-color: #a056db;
}
.BGdb56b2 {
    background-color: #db56b2;
}
.BG8d9fca {
    background-color: #8d9fca;
}
.BGe68ac3 {
    background-color: #e68ac3;
}
.BGa6d853 {
    background-color: #a6d853;
}
.BGfed82f {
    background-color: #fed82f;
}
.BGe4c394 {
    background-color: #e4c394;
}
/*default C [Qual]*/
.BG3778bf {
    background-color: #3778bf;
}
.BGfeb308 {
    background-color: #feb308;
}
.BGa8a495 {
    background-color: #a8a495;
}
.BG7bb274 {
    background-color: #7bb274;
}
.BG825f87 {
    background-color: #825f87;
}
.BG66c2a5 {
    background-color: #66c2a5;
}
.BGfa8d62 {
    background-color: #fa8d62;
}
.BG8d9fca {
    background-color: #8d9fca;
}
.BGe68ac3 {
    background-color: #e68ac3;
}
.BGa6d853 {
    background-color: #a6d853;
}
.BGfed82f {
    background-color: #fed82f;
}
.BGe4c394 {
    background-color: #e4c394;
}
/*bright [Qual]*/
.BGffcc71 {
    background-color: #ffcc71;
}
.BGfbad2d {
    background-color: #fbad2d;
}
.BG38a0ad {
    background-color: #38a0ad;
}
.BGee6f68 {
    background-color: #ee6f68;
}
.BGa1b74f {
    background-color: #a1b74f;
}
.BGc64542 {
    background-color: #c64542;
}
.BG15d7df {
    background-color: #15d7df;
}
.BGe69024 {
    background-color: #e69024;
}
.BG5e3b5d {
    background-color: #5e3b5d;
}
.BG89d8e5 {
    background-color: #89d8e5;
}
.BG7c9100 {
    background-color: #7c9100;
}
.BGef4a32 {
    background-color: #ef4a32;
}
.BGd2d4d3 {
    background-color: #d2d4d3;
}
.BGce3f2e {
    background-color: #ce3f2e;
}
.BGd59a02 {
    background-color: #d59a02;
}
.BG3763c2 {
    background-color: #3763c2;
}
.BG518137 {
    background-color: #518137;
}
.BGa6cee3 {
    background-color: #A6CEE3;
}
.BG1f78b4 {
    background-color: #1F78B4;
}
.BGb2df8a {
    background-color: #B2DF8A;
}
/*pastels [Qual]*/
.BGfbb4ae {
    background-color: #FBB4AE;
}
.BGb3cde3 {
    background-color: #B3CDE3;
}
.BGccebc5 {
    background-color: #CCEBC5;
}
.BGdecbe4 {
    background-color: #DECBE4;
}
.BGfed9a6 {
    background-color: #FED9A6;
}
.BGffffcc {
    background-color: #FFFFCC;
}
.BGe5d8bd {
    background-color: #E5D8BD;
}
.BGfddaec {
    background-color: #FDDAEC;
}
.BGb3e2cd {
    background-color: #B3E2CD;
}
.BGfdcdac {
    background-color: #FDCDAC;
}
.BGcbd5e8 {
    background-color: #CBD5E8;
}
.BGf4cae4 {
    background-color: #F4CAE4;
}
.BGe6f5c9 {
    background-color: #E6F5C9;
}
.BGfff2ae {
    background-color: #FFF2AE;
}
.BGf1e2cc {
    background-color: #F1E2CC;
}
.BGcccccc {
    background-color: #CCCCCC;
}
.BGfdbf6f {
    background-color: #FDBF6F;
}
.BGcab2d6 {
    background-color: #CAB2D6;
}
/*strong [Qual]*/
.BGe41a1c {
    background-color: #e41a1c;
}
.BG377eb8 {
    background-color: #377eb8;
}
.BG4daf4a {
    background-color: #4daf4a;
}
.BG984ea3 {
    background-color: #984ea3;
}
.BGff7f00 {
    background-color: #ff7f00;
}
.BGffff33 {
    background-color: #ffff33;
}
.BGa65628 {
    background-color: #a65628;
}
.BGf781bf {
    background-color: #f781bf;
}
.BG999999 {
    background-color: #999999;
}
.BG4b6f9a {
    background-color: #4b6f9a;
}
/*mediumsoft [Qual]*/
.BG8dd3c7 {
    background-color: #8dd3c7;
}
.BGffffb3 {
    background-color: #ffffb3;
}
.BGbebada {
    background-color: #bebada;
}
.BGfb8072 {
    background-color: #fb8072;
}
.BG80b1d3 {
    background-color: #80b1d3;
}
.BGfdb462 {
    background-color: #fdb462;
}
.BGb3de69 {
    background-color: #b3de69;
}
.BGfccde5 {
    background-color: #fccde5;
}
.BGd9d9d9 {
    background-color: #d9d9d9;
}
.BGd4728b {
    background-color: #d4728b;
}
/*flame [Seq]*/
.BG662506 {
    background-color: #662506;
}
.BG993404 {
    background-color: #993404;
}
.BGcc4c02 {
    background-color: #cc4c02;
}
.BGec7014 {
    background-color: #ec7014;
}
.BGfe9929 {
    background-color: #fe9929;
}
.BGfec44f {
    background-color: #fec44f;
}
.BGfee391 {
    background-color: #fee391;
}
.BGfff7bc {
    background-color: #fff7bc;
}
.BGffffe5 {
    background-color: #ffffe5;
}
.BG800026 {
    background-color: #800026;
}
.BGbd0026 {
    background-color: #bd0026;
}
.BGe31a1c {
    background-color: #e31a1c;
}
.BGfc4e2a {
    background-color: #fc4e2a;
}
.BGfd8d3c {
    background-color: #fd8d3c;
}
.BGfeb24c {
    background-color: #feb24c;
}
.BGfed976 {
    background-color: #fed976;
}
.BGffeda0 {
    background-color: #ffeda0;
}
.BGffffcc {
    background-color: #ffffcc;
}
/*blue [Seq]*/
.BG08306b {
    background-color: #08306b;
}
.BG08519c {
    background-color: #08519c;
}
.BG2171b5 {
    background-color: #2171b5;
}
.BG4292c6 {
    background-color: #4292c6;
}
.BG6baed6 {
    background-color: #6baed6;
}
.BG9ecae1 {
    background-color: #9ecae1;
}
.BGc6dbef {
    background-color: #c6dbef;
}
.BGdeebf7 {
    background-color: #deebf7;
}
.BGf7fbff {
    background-color: #f7fbff;
}
/*green [Seq]*/
.BG00441b {
    background-color: #00441b;
}
.BG006d2c {
    background-color: #006d2c;
}
.BG238b45 {
    background-color: #238b45;
}
.BG41ab5d {
    background-color: #41ab5d;
}
.BG74c476 {
    background-color: #74c476;
}
.BGa1d99b {
    background-color: #a1d99b;
}
.BGc7e9c0 {
    background-color: #c7e9c0;
}
.BGe5f5e0 {
    background-color: #e5f5e0;
}
.BGf7fcf5 {
    background-color: #f7fcf5;
}
/*grey [Seq]*/
.BG000000 {
    background-color: #000000;
}
.BG252525 {
    background-color: #252525;
}
.BG525252 {
    background-color: #525252;
}
.BG737373 {
    background-color: #737373;
}
.BG969696 {
    background-color: #969696;
}
.BGbdbdbd {
    background-color: #bdbdbd;
}
.BGd9d9d9 {
    background-color: #d9d9d9;
}
.BGf0f0f0 {
    background-color: #f0f0f0;
}
/*red [Seq]*/
.BG67000d {
    background-color: #67000d;
}
.BGa50f15 {
    background-color: #a50f15;
}
.BGcb181d {
    background-color: #cb181d;
}
.BGef3b2c {
    background-color: #ef3b2c;
}
.BGfb6a4a {
    background-color: #fb6a4a;
}
.BGfc9272 {
    background-color: #fc9272;
}
.BGfcbba1 {
    background-color: #fcbba1;
}
.BGfee0d2 {
    background-color: #fee0d2;
}
.BGfff5f0 {
    background-color: #fff5f0;
}
/*purple [Seq]*/
.BG3f007d {
    background-color: #3f007d;
}
.BG54278f {
    background-color: #54278f;
}
.BG6a51a3 {
    background-color: #6a51a3;
}
.BG807dba {
    background-color: #807dba;
}
.BG9e9ac8 {
    background-color: #9e9ac8;
}
.BGbcbddc {
    background-color: #bcbddc;
}
.BGdadaeb {
    background-color: #dadaeb;
}
.BGefedf5 {
    background-color: #efedf5;
}
.BGfcfbfd {
    background-color: #fcfbfd;
}
/*earth [Div]*/
.BG8c510a {
    background-color: #8c510a;
}
.BGbf812d {
    background-color: #bf812d;
}
.BGdfc27d {
    background-color: #dfc27d;
}
.BGf6e8c3 {
    background-color: #f6e8c3;
}
.BGf5f5f5 {
    background-color: #f5f5f5;
}
.BGc7eae5 {
    background-color: #c7eae5;
}
.BG80cdc1 {
    background-color: #80cdc1;
}
.BG35978f {
    background-color: #35978f;
}
.BG01665e {
    background-color: #01665e;
}
/*spring [Div]*/
.BGc51b7d {
    background-color: #c51b7d;
}
.BGde77ae {
    background-color: #de77ae;
}
.BGf1b6da {
    background-color: #f1b6da;
}
.BGfde0ef {
    background-color: #fde0ef;
}
.BGf7f7f7 {
    background-color: #f7f7f7;
}
.BGe6f5d0 {
    background-color: #e6f5d0;
}
.BGb8e186 {
    background-color: #b8e186;
}
.BG7fbc41 {
    background-color: #7fbc41;
}
.BG4d9221 {
    background-color: #4d9221;
}
/*iris [Div]*/
.BG762a83 {
    background-color: #762a83;
}
.BG9970ab {
    background-color: #9970ab;
}
.BGc2a5cf {
    background-color: #c2a5cf;
}
.BGe7d4e8 {
    background-color: #e7d4e8;
}
.BGf7f7f7 {
    background-color: #f7f7f7;
}
.BGd9f0d3 {
    background-color: #d9f0d3;
}
.BGa6dba0 {
    background-color: #a6dba0;
}
.BG5aae61 {
    background-color: #5aae61;
}
.BG1b7837 {
    background-color: #1b7837;
}
/*summer [Div]*/
.BGd73027 {
    background-color: #d73027;
}
.BGfdae61 {
    background-color: #fdae61;
}
.BGfee090 {
    background-color: #fee090;
}
.BGffffbf {
    background-color: #ffffbf;
}
.BGe0f3f8 {
    background-color: #e0f3f8;
}
.BGabd9e9 {
    background-color: #abd9e9;
}
.BG74add1 {
    background-color: #74add1;
}
.BG4575b4 {
    background-color: #4575b4;
}

/*///////////////////////////////////////////////////////////////////////////////////*/

/*default [Qual]*/
.COLOR_00325b {
    color: #00325b;
}
.COLOR_ffe06a {
    color: #ffe06a;
}
.COLOR_005171 {
    color: #005171;
}
.COLOR_eee9bb {
    color: #eee9bb;
}
.COLOR_fd5a35 {
    color: #fd5a35;
}
.COLOR_007c8a {
    color: #007c8a;
}
.COLOR_d4d6bd {
    color: #d4d6bd;
}
.COLOR_fcaf29 {
    color: #fcaf29;
}
.COLOR_45ccc4 {
    color: #45ccc4;
}
.COLOR_6caf7f {
    color: #6caf7f;
}
.COLOR_e16a69 {
    color: #e16a69;
}
/*default D [Qual]*/
.COLOR_5cbae6 {
    color: #5cbae6;
}
.COLOR_b6d957 {
    color: #b6d957;
}
.COLOR_fac364 {
    color: #fac364;
}
.COLOR_8cd3ff {
    color: #8cd3ff;
}
.COLOR_d998cb {
    color: #d998cb;
}
.COLOR_f2d249 {
    color: #f2d249;
}
.COLOR_93b9c6 {
    color: #93b9c6;
}
.COLOR_ccc5a8 {
    color: #ccc5a8;
}
.COLOR_52bacc {
    color: #52bacc;
}
.COLOR_dbdb46 {
    color: #dbdb46;
}
.COLOR_98aafb {
    color: #98aafb;
}
/*default A [Qual]*/
.COLOR_a6cee3 {
    color: #A6CEE3;
}
.COLOR_1f78b4 {
    color: #1F78B4;
}
.COLOR_b2df8a {
    color: #B2DF8A;
}
.COLOR_33a02c {
    color: #33A02C;
}
.COLOR_fb9a99 {
    color: #FB9A99;
}
.COLOR_e31a1c {
    color: #E31A1C;
}
.COLOR_fdbf6f {
    color: #FDBF6F;
}
.COLOR_ff7f00 {
    color: #FF7F00;
}
.COLOR_cab2d6 {
    color: #CAB2D6;
}
.COLOR_6a3d9a {
    color: #6A3D9A;
}
.COLOR_80b1d3 {
    color: #80B1D3;
}
.COLOR_ffffb3 {
    color: #FFFFB3;
}
.COLOR_8dd3c7 {
    color: #8DD3C7;
}
.COLOR_fb8072 {
    color: #FB8072;
}
.COLOR_fdb462 {
    color: #FDB462;
}
.COLOR_b3de69 {
    color: #B3DE69;
}
.COLOR_d9d9d9 {
    color: #D9D9D9;
}
.COLOR_bc80bd {
    color: #BC80BD;
}
.COLOR_ccebc5 {
    color: #CCEBC5;
}
.COLOR_ffed6f {
    color: #FFED6F;
}
/*default B [Qual]*/
.COLOR_db5e56 {
    color: #db5e56;
}
.COLOR_dbc256 {
    color: #dbc256;
}
.COLOR_91db56 {
    color: #91db56;
}
.COLOR_56db7f {
    color: #56db7f;
}
.COLOR_56d3db {
    color: #56d3db;
}
.COLOR_566fdb {
    color: #566fdb;
}
.COLOR_a056db {
    color: #a056db;
}
.COLOR_db56b2 {
    color: #db56b2;
}
.COLOR_8d9fca {
    color: #8d9fca;
}
.COLOR_e68ac3 {
    color: #e68ac3;
}
.COLOR_a6d853 {
    color: #a6d853;
}
.COLOR_fed82f {
    color: #fed82f;
}
.COLOR_e4c394 {
    color: #e4c394;
}
/*default C [Qual]*/
.COLOR_3778bf {
    color: #3778bf;
}
.COLOR_feb308 {
    color: #feb308;
}
.COLOR_a8a495 {
    color: #a8a495;
}
.COLOR_7bb274 {
    color: #7bb274;
}
.COLOR_825f87 {
    color: #825f87;
}
.COLOR_66c2a5 {
    color: #66c2a5;
}
.COLOR_fa8d62 {
    color: #fa8d62;
}
.COLOR_8d9fca {
    color: #8d9fca;
}
.COLOR_e68ac3 {
    color: #e68ac3;
}
.COLOR_a6d853 {
    color: #a6d853;
}
.COLOR_fed82f {
    color: #fed82f;
}
.COLOR_e4c394 {
    color: #e4c394;
}
/*bright [Qual]*/
.COLOR_ffcc71 {
    color: #ffcc71;
}
.COLOR_fbad2d {
    color: #fbad2d;
}
.COLOR_38a0ad {
    color: #38a0ad;
}
.COLOR_ee6f68 {
    color: #ee6f68;
}
.COLOR_a1b74f {
    color: #a1b74f;
}
.COLOR_c64542 {
    color: #c64542;
}
.COLOR_15d7df {
    color: #15d7df;
}
.COLOR_e69024 {
    color: #e69024;
}
.COLOR_5e3b5d {
    color: #5e3b5d;
}
.COLOR_89d8e5 {
    color: #89d8e5;
}
.COLOR_7c9100 {
    color: #7c9100;
}
.COLOR_ef4a32 {
    color: #ef4a32;
}
.COLOR_d2d4d3 {
    color: #d2d4d3;
}
.COLOR_ce3f2e {
    color: #ce3f2e;
}
.COLOR_d59a02 {
    color: #d59a02;
}
.COLOR_3763c2 {
    color: #3763c2;
}
.COLOR_518137 {
    color: #518137;
}
.COLOR_a6cee3 {
    color: #A6CEE3;
}
.COLOR_1f78b4 {
    color: #1F78B4;
}
.COLOR_b2df8a {
    color: #B2DF8A;
}
/*pastels [Qual]*/
.COLOR_fbb4ae {
    color: #FBB4AE;
}
.COLOR_b3cde3 {
    color: #B3CDE3;
}
.COLOR_ccebc5 {
    color: #CCEBC5;
}
.COLOR_decbe4 {
    color: #DECBE4;
}
.COLOR_fed9a6 {
    color: #FED9A6;
}
.COLOR_ffffcc {
    color: #FFFFCC;
}
.COLOR_e5d8bd {
    color: #E5D8BD;
}
.COLOR_fddaec {
    color: #FDDAEC;
}
.COLOR_b3e2cd {
    color: #B3E2CD;
}
.COLOR_fdcdac {
    color: #FDCDAC;
}
.COLOR_cbd5e8 {
    color: #CBD5E8;
}
.COLOR_f4cae4 {
    color: #F4CAE4;
}
.COLOR_e6f5c9 {
    color: #E6F5C9;
}
.COLOR_fff2ae {
    color: #FFF2AE;
}
.COLOR_f1e2cc {
    color: #F1E2CC;
}
.COLOR_cccccc {
    color: #CCCCCC;
}
.COLOR_fdbf6f {
    color: #FDBF6F;
}
.COLOR_cab2d6 {
    color: #CAB2D6;
}
/*strong [Qual]*/
.COLOR_e41a1c {
    color: #e41a1c;
}
.COLOR_377eb8 {
    color: #377eb8;
}
.COLOR_4daf4a {
    color: #4daf4a;
}
.COLOR_984ea3 {
    color: #984ea3;
}
.COLOR_ff7f00 {
    color: #ff7f00;
}
.COLOR_ffff33 {
    color: #ffff33;
}
.COLOR_a65628 {
    color: #a65628;
}
.COLOR_f781bf {
    color: #f781bf;
}
.COLOR_999999 {
    color: #999999;
}
.COLOR_4b6f9a {
    color: #4b6f9a;
}
/*mediumsoft [Qual]*/
.COLOR_8dd3c7 {
    color: #8dd3c7;
}
.COLOR_ffffb3 {
    color: #ffffb3;
}
.COLOR_bebada {
    color: #bebada;
}
.COLOR_fb8072 {
    color: #fb8072;
}
.COLOR_80b1d3 {
    color: #80b1d3;
}
.COLOR_fdb462 {
    color: #fdb462;
}
.COLOR_b3de69 {
    color: #b3de69;
}
.COLOR_fccde5 {
    color: #fccde5;
}
.COLOR_d9d9d9 {
    color: #d9d9d9;
}
.COLOR_d4728b {
    color: #d4728b;
}
/*flame [Seq]*/
.COLOR_662506 {
    color: #662506;
}
.COLOR_993404 {
    color: #993404;
}
.COLOR_cc4c02 {
    color: #cc4c02;
}
.COLOR_ec7014 {
    color: #ec7014;
}
.COLOR_fe9929 {
    color: #fe9929;
}
.COLOR_fec44f {
    color: #fec44f;
}
.COLOR_fee391 {
    color: #fee391;
}
.COLOR_fff7bc {
    color: #fff7bc;
}
.COLOR_ffffe5 {
    color: #ffffe5;
}
.COLOR_800026 {
    color: #800026;
}
.COLOR_bd0026 {
    color: #bd0026;
}
.COLOR_e31a1c {
    color: #e31a1c;
}
.COLOR_fc4e2a {
    color: #fc4e2a;
}
.COLOR_fd8d3c {
    color: #fd8d3c;
}
.COLOR_feb24c {
    color: #feb24c;
}
.COLOR_fed976 {
    color: #fed976;
}
.COLOR_ffeda0 {
    color: #ffeda0;
}
.COLOR_ffffcc {
    color: #ffffcc;
}
/*blue [Seq]*/
.COLOR_08306b {
    color: #08306b;
}
.COLOR_08519c {
    color: #08519c;
}
.COLOR_2171b5 {
    color: #2171b5;
}
.COLOR_4292c6 {
    color: #4292c6;
}
.COLOR_6baed6 {
    color: #6baed6;
}
.COLOR_9ecae1 {
    color: #9ecae1;
}
.COLOR_c6dbef {
    color: #c6dbef;
}
.COLOR_deebf7 {
    color: #deebf7;
}
.COLOR_f7fbff {
    color: #f7fbff;
}
/*green [Seq]*/
.COLOR_00441b {
    color: #00441b;
}
.COLOR_006d2c {
    color: #006d2c;
}
.COLOR_238b45 {
    color: #238b45;
}
.COLOR_41ab5d {
    color: #41ab5d;
}
.COLOR_74c476 {
    color: #74c476;
}
.COLOR_a1d99b {
    color: #a1d99b;
}
.COLOR_c7e9c0 {
    color: #c7e9c0;
}
.COLOR_e5f5e0 {
    color: #e5f5e0;
}
.COLOR_f7fcf5 {
    color: #f7fcf5;
}
/*grey [Seq]*/
.COLOR_000000 {
    color: #000000;
}
.COLOR_252525 {
    color: #252525;
}
.COLOR_525252 {
    color: #525252;
}
.COLOR_737373 {
    color: #737373;
}
.COLOR_969696 {
    color: #969696;
}
.COLOR_bdbdbd {
    color: #bdbdbd;
}
.COLOR_d9d9d9 {
    color: #d9d9d9;
}
.COLOR_f0f0f0 {
    color: #f0f0f0;
}
/*red [Seq]*/
.COLOR_67000d {
    color: #67000d;
}
.COLOR_a50f15 {
    color: #a50f15;
}
.COLOR_cb181d {
    color: #cb181d;
}
.COLOR_ef3b2c {
    color: #ef3b2c;
}
.COLOR_fb6a4a {
    color: #fb6a4a;
}
.COLOR_fc9272 {
    color: #fc9272;
}
.COLOR_fcbba1 {
    color: #fcbba1;
}
.COLOR_fee0d2 {
    color: #fee0d2;
}
.COLOR_fff5f0 {
    color: #fff5f0;
}
/*purple [Seq]*/
.COLOR_3f007d {
    color: #3f007d;
}
.COLOR_54278f {
    color: #54278f;
}
.COLOR_6a51a3 {
    color: #6a51a3;
}
.COLOR_807dba {
    color: #807dba;
}
.COLOR_9e9ac8 {
    color: #9e9ac8;
}
.COLOR_bcbddc {
    color: #bcbddc;
}
.COLOR_dadaeb {
    color: #dadaeb;
}
.COLOR_efedf5 {
    color: #efedf5;
}
.COLOR_fcfbfd {
    color: #fcfbfd;
}
/*earth [Div]*/
.COLOR_8c510a {
    color: #8c510a;
}
.COLOR_bf812d {
    color: #bf812d;
}
.COLOR_dfc27d {
    color: #dfc27d;
}
.COLOR_f6e8c3 {
    color: #f6e8c3;
}
.COLOR_f5f5f5 {
    color: #f5f5f5;
}
.COLOR_c7eae5 {
    color: #c7eae5;
}
.COLOR_80cdc1 {
    color: #80cdc1;
}
.COLOR_35978f {
    color: #35978f;
}
.COLOR_01665e {
    color: #01665e;
}
/*spring [Div]*/
.COLOR_c51b7d {
    color: #c51b7d;
}
.COLOR_de77ae {
    color: #de77ae;
}
.COLOR_f1b6da {
    color: #f1b6da;
}
.COLOR_fde0ef {
    color: #fde0ef;
}
.COLOR_f7f7f7 {
    color: #f7f7f7;
}
.COLOR_e6f5d0 {
    color: #e6f5d0;
}
.COLOR_b8e186 {
    color: #b8e186;
}
.COLOR_7fbc41 {
    color: #7fbc41;
}
.COLOR_4d9221 {
    color: #4d9221;
}
/*iris [Div]*/
.COLOR_762a83 {
    color: #762a83;
}
.COLOR_9970ab {
    color: #9970ab;
}
.COLOR_c2a5cf {
    color: #c2a5cf;
}
.COLOR_e7d4e8 {
    color: #e7d4e8;
}
.COLOR_f7f7f7 {
    color: #f7f7f7;
}
.COLOR_d9f0d3 {
    color: #d9f0d3;
}
.COLOR_a6dba0 {
    color: #a6dba0;
}
.COLOR_5aae61 {
    color: #5aae61;
}
.COLOR_1b7837 {
    color: #1b7837;
}
/*summer [Div]*/
.COLOR_d73027 {
    color: #d73027;
}
.COLOR_fdae61 {
    color: #fdae61;
}
.COLOR_fee090 {
    color: #fee090;
}
.COLOR_ffffbf {
    color: #ffffbf;
}
.COLOR_e0f3f8 {
    color: #e0f3f8;
}
.COLOR_abd9e9 {
    color: #abd9e9;
}
.COLOR_74add1 {
    color: #74add1;
}
.COLOR_4575b4 {
    color: #4575b4;
}

/*///////////////////////////////////////////////////////////////////////////////////*/
.boldText {
    font-weight: bold;
}

/* Novi welcome screen */

@media (min-width: 1025px) {
    #top {
        display: inline-block;
    }

    #top-left {
        background-color: white;
        width: 600px;
        float: left;
        border-radius: 5px;
        margin-right: 30px;
        margin-bottom: 10px;
        padding: 30px 0 30px 0;
        overflow: hidden;

    }
    #top-right{
        background-color: white;
        float: left;
        width: calc(100vw - 705px);    
        border-radius: 5px;
        margin-bottom: 10px;
        margin-right: 25px;
        height: 750px;
    }
}

@media (max-width: 1024px) {
    #top-left {
        background-color: white;
        width: 600px;
        float: left;
        border-radius: 5px;
        margin-right: 10px;
        margin-bottom: 10px;
        padding: 30px 0 30px 0;
        overflow: hidden;
    }


    #top-right{
        background-color: white;
        margin-left: 650px;
        margin-right: 25px;
        margin-bottom: 10px;
        padding-top: 30px;
        border-radius: 5px;
        height: 720px;
    }
}



#top-right li>a {
    padding: 5px 10px 5px 10px;
    color: #2b323a;
    text-decoration: none;
    margin-left: -10px;
    transition-duration: 0.3s;
}

#top-right li {
    margin-bottom: 25px;
}

#top-right li:hover a{
    cursor: pointer;
    margin-left: 0px;
}



#bot-left{
    background-color: white;
    width: 100%;

    padding-top: 25px;
    padding-bottom: 25px;
    float: left;
    border-radius:  0px 0px 5px 5px;
    margin-right: 10px;
    overflow-y: hidden;
    overflow-x: auto;

}

.bot-left{
    background-color: white;
    width: 100%;

    padding-top: 25px;
    padding-bottom: 25px;
    float: left;
    border-radius:  0px 0px 5px 5px;
    margin-right: 10px;
    overflow-y: hidden;
    overflow-x: auto;

}



#bot-right{
    background-color: white;
    width: 100%;
    height:300px;

    padding-top: 25px;
    padding-bottom: 25px;
    border-radius: 5px;
    margin-left:650px;
    margin-top: 30px;



}

.infoItem{
    width: 225px;
    float: left;
    margin-left: 50px;
    margin-bottom: 30px;
}

.infoItem a {
    color: #545b64;
    font-size: 8pt;
    text-decoration: none;
    cursor: pointer;
    transition-duration: 0.2s;
}

.infoItem a:hover{
    text-decoration: underline;
}

.info_Number {
    font-size: 35px;
    margin-top:10px;
    margin-bottom: 10px;
    text-align: center;
    vertical-align: middle;
    line-height: 75px;
    height: 75px;
    background-color: #545b64;
    color: white;
    transition-duration: 0.2s;
}

.no_recent_display{
    text-align: center;
    vertical-align: middle;
    line-height: 200px;
    height: 200px;
}

.info_Number:hover{
    background-color: #2b323a;
    cursor: pointer;
    font-size: 45px;
}

.info_Title{
    font-weight: bold;
    font-size: 18px;
    color: #2b323a

}

.info_Subtitle{
    font-size: 10px;
    font-weight: 400;
    color: #545b64

}

.recentReport{
    background-color: white;
    width: 200px;
    height: 200px;
    float: left;
    margin-left: 50px;
    margin-bottom: 30px;
    transition-duration: 0.3s;
    border-radius: 5px;
}



.recentReport a {
    color: #545b64;
    font-size: 9pt;
    text-decoration: underline;
    cursor: pointer;

}

.recentItem{
    font-size: 10px;
    font-weight: 400;
    color: #545b64;
    margin-top: 5px;
}

.recentMidContent{
    border-radius: 5px;
    background-image: url("../assets/iconmonstr-chart-5-240.png");
    background-repeat: no-repeat;
    background-position: 50% 100%;
    background-size: 75px 75px;
}

.recentMidContent2{
    border-radius: 5px;
    background-image: url("../assets/iconmonstr-flip-chart-6-240 (1).png");
    background-repeat: no-repeat;
    background-position: 50% 100%;
    background-size: 100px 100px;
}

.recentButton{
    word-wrap: break-word;
    color: #2b323a;
    background-color: #ffffff;
    width:200px;
    margin-top: 10px;
    text-align: center;
    cursor: pointer;
    font-size: 13px;
    font-weight: 400;
    font-family: "BQFont", "Segoe UI", "Helvetica Neue", Helvetica, Verdana, san-serif;
    min-width: 50px;
    border: 1px solid #888888;
    text-transform: uppercase;
    outline: none;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.4s;
    text-decoration: none;
}

.recentButton:hover{
    background-color: #888888;
    color: #ffffff;
    border: 1px solid #ffffff;
}

#top-right li>div{
    visibility: hidden;
}

#top-right li:hover div {
    visibility: visible;
}

@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(50%, 50%, 0);
        transform: translate3d(50%, 50%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes expandOut {
    from{

        opacity: 0;
    }
    to{

        opacity: 1;
    }
}
@keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}


.fade-in-up {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}
.expandOut{
    animation: expandOut ease-in 1;
    animation-duration:0.5s;
    animation-fill-mode:forwards;

}
.fade-in-right {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;

    opacity:0;  /* make things invisible upon start */
    animation:fadeInRight ease-in 1; /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */

    animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/

    animation-duration:0.5s;
    animation-delay: 0.5s
}


.fade-in-down {
    opacity:0;  /* make things invisible upon start */
    animation:fadeInDown ease-in 1; /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */

    animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/

    animation-duration:0.5s;
}

.fade-in-down.delay1{
    animation-delay: 0.1s
}
.fade-in-down.delay2{
    animation-delay: 0.2s
}
.fade-in-down.delay3{
    animation-delay: 0.3s
}
.fade-in-down.delay4{
    animation-delay: 0.4s
}
.fade-in-down.delay5{
    animation-delay: 0.5s
}
.fade-in-down.delay6{
    animation-delay: 0.6s
}
.fade-in-down.delay7{
    animation-delay: 0.7s
}

.itemTagsSearch {
    padding: 3px 0 0 3px;
    width: 196px;
    height: 25px;
    display: -webkit-box;
}

.tagDiv {
    display: inline-block;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 57px;
    max-height: 20px;
    white-space: nowrap;
    font-size: 12px;
}

.searchTileItemWrapperWelcome {
    height: 258px;
    width: 205px;
    position: relative;
    float: left;
    cursor: pointer;
    margin: 0 10px 10px 50px;
    background-color: white;
    text-align: left;
    -webkit-perspective: 1300px;
    perspective: 1300px;
}
.searchTileItemWrapper {
    height: 248px;
    width: 199px;
    position: relative;
    opacity: 0;
    float: left;
    cursor: pointer;
    margin-right: 10px;
    margin-bottom: 10px;
    background-color: white;
    border: 3px solid rgba(221, 221, 221, 0.6);
    text-align: left;
    -webkit-perspective: 1300px;
    perspective: 1300px;
}

.searchTileItemWrapper.tileAnim0 {
    left: 0;
    top: 0;
}

.searchTileItemWrapper.tileAnim1 {
    left: 211px;
    top: 0;
}

.searchTileItemWrapper.tileAnim2 {
    left: 422px;
    top: 0;
}



@-webkit-keyframes popUp {
    0% { opacity: 0; }
    70% { -webkit-transform: scale(1.1); opacity: .8; -webkit-animation-timing-function: linear; }
    100% { -webkit-transform: scale(1); opacity: 1; }
}

@keyframes popUp {
    0% { opacity: 0; }
    70% { -webkit-transform: scale(1.1); transform: scale(1.1); opacity: .8; -webkit-animation-timing-function: linear; animation-timing-function: linear; }
    100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; }
}

.fade-in {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: scale(0.4);
    transform: scale(0.4);
    -webkit-animation: popUp .4s ease-in-out forwards;
    animation: popUp .4s ease-in-out forwards;}

.tabOptionsIcon{
    background: url('../assets/iconmonstr-gear-10-16.png') no-repeat;
    height: 16px;
    width: 16px;
    margin-left: 5px;
    opacity:0.6;
}

.tabOptionsIcon:hover{
    opacity:1;
}


.recentActivityWelcomeHeader{
    height: 22px; 
    background-color: white; 
    border-radius: 5px 5px 0 0; 
    margin:30px 25px 0 0; 
    padding: 10px 0 0 50px
}

.noRecentActivityWelcome{
    margin-right: 25px; 
    background-color: white;
    padding-top: 25px;
    padding-bottom: 25px;
    border-radius: 0px 0px 5px 5px;
    text-align: center
}

.textareaClean{
    background: none !important;  
    resize: both !important; 
     transition: none !important; 
     padding: 0 !important; 
     line-height: none !important; 
     color: #444 !important; 
     box-sizing: border-box !important; 
}

/* textarea tmp_qReportQueryFreehand.html START*/
.window {
    width: 1050px;
    background: GhostWhite;
    border-radius: 0.3rem;
    box-shadow: 0 8px 12px rgba(0, 0, 0, 0.1);
    overflow: hidden;

    height: 332px;
}
.window .window-header {
    height: 37px;
    background: Gainsboro;
    position: relative;
}
.window .window-header .action-buttons {
    position: absolute;
    top: 50%;
    left: 10px;
    margin-top: -5px;
    width: 10px;
    height: 10px;
    background: Crimson;
    border-radius: 50%;
    box-shadow: 15px 0 0 Orange,
    30px 0 0 LimeGreen;
}
.window .window-header .language {
    display: inline-block;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -10px;
    height: 21px;
    padding: 0 1em;
    text-align: right;
    -webkit-appearance: none;
    appearance: none;
    border: none;
    background: transparent;
    font-family: Lato, sans-serif;
    color: DimGrey;
}
.window .window-header .language:before {
    content: 'asd';
}
.window .window-header .language:hover {
    background: rgba(0, 0, 0, 0.1);
}
.window .window-body {
    position: relative;
    height: 268px;
    width: 1050px;
    margin-top: 32px;

    width: 1039px;
}
.window .window-body .code-input,
.window .window-body .code-output {
    position: absolute;
    top: 0;
    left: 0;
    width: 98%;
    height: 100%;
    padding: 1rem;
    border: none;
    font-family: 'PT Mono', monospace;
    font-size: 0.8rem;
    background: transparent;
    white-space: pre-wrap;
    line-height: 125%;
    word-wrap: break-word;
}

.window .window-body .code-input {
    opacity: 1.7;
    margin: 0;
    resize: none;
    /*color: #BABABA !important;*/

    box-sizing: border-box;
}

.window .window-body .code-output {
    pointer-events: none;
    z-index: 3;
    margin: 0;
    overflow-y: auto;
    line-height: 125%;
}

.window .window-body .code-output code {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding: 1rem;
    display: block;
    font-size: 0.8rem;
    font-family: 'PT Mono', monospace;
    padding-left: 32px;
    padding-top: 11px;
    color: #BABABA !important;
    width: 94%;
}

a.token {
    text-decoration: none;
}
.token.selector,
.token.punctuation,
.token.keyword {
    color: #9876aa !important;
}
.token.property,
.token.number,
.token.string,
.token.punctuation,
.token.tag-id {
    color: DodgerBlue;
}
.token.function,
.token.attr-name {
    color: CadetBlue;
}
.token.atrule .atrule-id {
    color: BlueViolet;
}
.token.boolean {
    color: LightSlateGray;
}
.token.comment {
    color: DarkGrey;
}
.language-php .variable {
    color: CadetBlue;
}

.window-body textarea {
    background: url('../assets/line_number.png') !important;
    background-attachment: local !important;
    background-repeat: no-repeat !important;
    overflow: auto !important;
    resize: none;
    transition: transform 1s;
    padding-left: 32px !important;
    padding-top: 11px !important;
    line-height: 125% !important;
    color: transparent !important;
    background-color: #2B2B2B !important;
    box-sizing: border-box;
}

.language-sql span {
    color: dodgerblue !important;
}

/* textarea tmp_qReportQueryFreehand.html END*/


/* tile view on: openreport, dashboard_all, fav START */

.customSelectTileView {
    all: unset;
}

.customSelectTileView select {
    height:32px;
    width: 180px;
    color: #999999;
    font-size: 12px;
    margin-top: -1px;
    border: 1px solid #DDDDDD;
    border-radius:4px;
    font-family: "BQFont", "Segoe UI", "Helvetica Neue", Helvetica, Verdana, san-serif;
    cursor: pointer;
}

.selectBq:focus {
    outline: none;
    border: 1px solid #2b323a !important;
    border-right: none;
}

#placeholderDisabled, #placeholderDisabled:disabled {
    all: unset;
}

.tileSearchBar .dx-texteditor-container .dx-icon-search {
    /*naštimana visina ikone searcha na tile viewu*/
    margin-top: -8px !important;
}

.tileSearchBar .dx-texteditor-container .dx-texteditor-input{
    /*razina upisa u input*/
    padding-top: 10px;
}

.scrollbar-dynamic {
    max-height: 300px;
    overflow: auto;
}

.tileSearchBar .dx-texteditor-container .dx-placeholder {
    position: absolute;
    top: 4px;
    left: 0px;
    max-width: 100%;
    width: auto;
    height: 100%;
    text-align: left;
    cursor: text;
    pointer-events: none;
    color: #999999;
}

.paginationClass .dx-pages {
    float: left;
}
.paginationClass .dx-pages .dx-info {
    width: 150px;
}
.paginationClass.dx-datagrid-pager.dx-widget {
    position: absolute;
    bottom: 0;
    width: 1100px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}

.removeFilter {
    padding-right: 20px;
}

@-webkit-keyframes popUp {
    0% { opacity: 0; }
    70% { -webkit-transform: scale(1.1); opacity: .8; -webkit-animation-timing-function: linear; }
    100% { -webkit-transform: scale(1); opacity: 1; }
}
@keyframes popUp {
    0% { opacity: 0; }
    70% { -webkit-transform: scale(1.1); transform: scale(1.1); opacity: .8; -webkit-animation-timing-function: linear; animation-timing-function: linear; }
    100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; }
}
.pop-up {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: scale(0.4);
    transform: scale(0.4);
    -webkit-animation: popUp .4s ease-in-out forwards;
    animation: popUp .4s ease-in-out forwards;
}

.pop-up.delay0{
    animation-delay: 0.1s
}
.pop-up.delay1{
    animation-delay: 0.1s
}
.pop-up.delay2{
    animation-delay: 0.1s
}
.pop-up.delay3{
    animation-delay: 0.1s
}
.pop-up.delay4{
    animation-delay: 0.1s
}
.pop-up.delay5{
    animation-delay: 0.2s
}
.pop-up.delay6{
    animation-delay: 0.2s
}
.pop-up.delay7{
    animation-delay: 0.2s
}
.pop-up.delay8{
    animation-delay: 0.2s
}
.pop-up.delay9{
    animation-delay: 0.2s
}
.pop-up.delay10{
    animation-delay: 0.2s
}
.pop-up.delay11{
    animation-delay: 0.3s
}
.pop-up.delay12{
    animation-delay: 0.3s
}
.pop-up.delay13{
    animation-delay: 0.3s
}
.pop-up.delay14{
    animation-delay: 0.3s
}
.pop-up.delay15{
    animation-delay: 0.3s
}
.underButtonsContentTile .dx-scrollable .dx-scrollable-wrapper .dx-scrollable-scroll {
    display: none !important;
}


/* tile view on: openreport, dashboard_all, fav END */

.refreshIconBlackReportQuery {
    background: url('../assets/icon_refresh_32.png');
    background-size: contain;
    opacity: 0.7;
    height: 20px;
    width: 20px;
    position: absolute;
    top: 154px;
    left: 415px;
    z-index: 1;
    cursor: pointer;
}

.refreshIconBlackBusinessModel {
    background: url('../assets/icon_refresh_32.png');
    background-size: contain;
    opacity: 0.7;
    height: 20px;
    width: 20px;
    z-index: 1;
    cursor: pointer;
    margin-top: 7px;
    margin-left: 16px;
}

.refreshIconBlackReportQueryUserMenu {
    background: url('../assets/icon_refresh_32.png');
    background-size: contain;
    opacity: 0.7;
    height: 20px;
    width: 20px;
    position: absolute;
    top: 442px;
    left: 436px;

    z-index: 1;
    cursor: pointer;
}

.valid {
    color: #61ae00;
}

.valid:before {
    position: relative;
    left: -35px;
    content: "✔";
}

/* Add a red text color and an "x" when the requirements are wrong */
.invalid {
    color:  #DB8F2D;
}

.invalid:before {
    position: relative;
    left: -35px;
    content: "✖";
}

.ng-password-strength-bar {
    width: 290px;
    height: 3px;
    background-color: #eee;
    margin-top: 3px;
}

.ng-password-strength-bar-inner {
    height: 100%;
}

.ng-password-strength-bar-inner.green {
    background-color: #61ae00;
}

.ng-password-strength-bar-inner.orange {
    background-color: #F90;
}

.ng-password-strength-bar-inner.red {
    background-color: #F00;
}

.privacyPolicy li{
   list-style-type: disc; 
   list-style-position: inside; 
}

.triangle-top-black{
    border: 8px solid black;
    width: 0;
    border-top: none;
    border-left-color: transparent;
    border-right-color: transparent;
    top: -8px;
    position: absolute;
    left: 25px;
}
.triangle-top-white{
    border: 8px solid white;
    width: 0;
    border-top: none;
    border-left-color: transparent;
    border-right-color: transparent;
    position: absolute;
    top: -8px;
    left: 25px;
}

/**
CSS classes to use for Sumarry / Show Totals in Table Viz
 */

.totalsRed{
    background-color: #fc9272;
}
.totalsYellow{
    background-color: #FFED6F;
}

.totalsOrange{
    background-color: #fec44f;
}
.totalsGreen{
    background-color: #a1d99b;
}
.totalsBlue{
    background-color: #9ecae1;
}
.totalsPurple{
    background-color: #bcbddc;
}

.textareaDashboardNewEditText{
    background: none !important;  
    resize: vertical !important; 
    transition: none !important; 
    padding: 0 !important; 
    line-height: none !important; 
    box-sizing: border-box !important; 
}

.visualizationMenu{
    display: inline-block; 
    float: right;  
/*    width: 26px; 
    height: 26px; */
    background-color: #FFF; 
    border: solid 1px #ddd
}

.visualizationMenu .dx-menu-item-popout-container{
    display: none !important;
}
.visualizationMenu .dx-icon-menu{
    margin-right: 1px !important;
}

.gallery-item-title {
    font-size: 24px;

    white-space: initial; 
    overflow: hidden;
    text-overflow: ellipsis; 
}

.gallery-button {    
    margin-top: 10px;
    padding: 0 15px;
    text-align: center;
    height: 40px;
    line-height: 40px;
    background-color: #545b64;
    border: none;
    color: white;
    cursor: pointer;
}

.gallery-button:hover {    
    margin-top: 10px;
    padding: 0 15px;
    text-align: center;
    height: 40px;
    line-height: 40px;
    background-color: #fff;
    border: 1px solid #545b64;
    color: #545b64;
    font-weight: bold;
}
 
 .bgBBB {
     background-color: #bbbbbb;
 }
 
 .opacity05 {
     opacity: 0.5;
 }
 
 .opacity035 {
     opacity: 0.35;
 }

 .button-dashboard-visualization span {
     box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
     margin: 5px 10px; 
     float: left; 
     cursor: pointer; 
     padding: 5px 10px;
     border: 2px solid transparent;
     border-radius: 5px; 
     font-size: 10pt;
 }
 
 .button-dashboard-visualization span:hover {
     background-color: #eef7fc;
     border: 2px solid #9fb8c7;
/*     outline: 2px solid #9fb8c7;
    outline-offset: -2px;*/
 }
 
 .button-dashboard-visualization img {
     height: 25px; 
     width: auto;
 }
 
 .report-add-chart-types {
     display: inline-block; 
     margin: 5px 5px 0; 
     vertical-align:top; 
     width: 75px; 
     height: 75px; 
     border: 1px solid #bbb; 
     cursor: pointer
 }

ul.breadcrumb{
    background-color: #a4a4a4;
    padding: 0 1.5em;
    clear: both;
    height: 30px;
    margin: 0
}
ul.breadcrumb li:first-child {
    display: none;
}

ul.breadcrumb li {
    background-color: #a4a4a4;
    border-right: 3px solid #fff;
    transform: skewX(-25deg);
    height: 30px;
    padding: 0 20px;
    position: relative;
    top: 0;
    line-height: 30px;
    list-style: none;
    float: left;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px
}

ul.breadcrumb li.breadcrumbDisabled:hover {
    background-color: #a4a4a4;
    cursor: not-allowed;
}
ul.breadcrumb li:hover {
    background-color: #2b323a;
}

ul.breadcrumb li a {
    color: #fff;
    transform: skewX(25deg);
    display: inline-block;
    
}

ul.breadcrumb .breadcrumbSelected{
    background-color: #2b323a;
}

ul.breadcrumb li:nth-child(2) {
    border-left: 3px solid #fff;
}

ul.breadcrumb .breadcrumbDisabled a{
/*      color: #c0c0c0;*/
      color: #737373;
      /*color: #848484;*/
      cursor: not-allowed;
      font-weight: normal;
}

.buttonsAreaLabel{
    font-size: 10pt;
    font-weight: 500;
    color: #666666;
}

#top_part {
    margin-bottom: 30px;
}

.welcome-top-imgs {
    float: left; 
    padding-right: 25px;  
    width: 180px; 
    height: 60px;
    cursor: pointer;
}

.welcome-top-txt {
    float: left; 
    padding-right: 25px; 
    padding-top: 10px;
    width: 180px; 
    text-align: center; 
    font-size: 10pt;
    cursor: pointer;
}

.welcome-empty-div {
    float: left; 
    width: 32px; 
    height: 32px; 
    padding-right: 25px;
}

.padding-left55 {
    padding-left: 55px;
}

.welcome-top-arr-img {
    float: left; 
    padding-top: 10px; 
    padding-right: 25px;
}

.gallery-item-footer {
    /*font-size: 24px;*/
    margin-top: 20px;
    white-space: initial; 
    overflow: hidden;
    text-overflow: ellipsis; 
    background-color: #f3f5b2; 
    width: 200px; 
    margin-left: auto; 
    margin-right: auto;
        
}