/* here you can put your own css to customize and override the theme */
.page-sidebar .page-sidebar-menu > li > a,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a {
    padding: 8px 15px !important;
}

.page-sidebar .page-sidebar-menu > li > a {
    color: #3B3F51 !important;
    position: relative;
}

.page-sidebar .page-sidebar-menu > li.active > a {
    color: #3598dc !important;
}

.page-sidebar .page-sidebar-menu > li > a > span.title {
    font-weight: 600 !important;
    position: absolute !important;
    left: 48px;
    top: 3px;
}

.page-sidebar .page-sidebar-menu .sub-menu li > a {
    font-weight: 600 !important;
}

.page-sidebar .page-sidebar-menu > li.active > a > span.title {
    font-weight: 700 !important;
}

/* Legend -Graphs */
.legend {
    margin-bottom: 2%;
}

.legend .info {
    display: inline-block;
    padding-left: 20px;
    padding-right: 20px;
}

.legend.two-columns .info {
    width: 48%;
}

.legend.three-columns .info {
    width: 32%;
}

.legend.three-columns .info:nth-child(2) {
    text-align: center;
}

.legend .info:first-child {
    text-align: right;
}

.legend .info:last-child {
    text-align: left;
}

.legend .info .concept {
    font-size: 13px;
    font-weight: 600;
}

.legend .info.red .concept {
    color: red;
}

    .legend .info.gray .symbol.green {
        background-color: green !important;
    }

    .legend .info.gray .symbol.red {
        background-color: red !important;
    }

    .legend .info.black .concept {
        color: black;
    }

.legend .info.blue .concept {
    color: blue;
}

.legend .info.blue-light .concept {
    color: #1E90FF;
}

.legend .info.green .concept {
    color: green;
}

.legend .info.green-light .concept {
    color: #33b62e;
}

.legend .info.orange .concept {
    color: orange;
}

.legend .info .symbol {
    display: inline-block;
    height: 12px;
    margin-left: 5px;
    margin-right: 5px;
    width: 12px;
}

.legend .info .symbol.symbol-circle {
    -webkit-border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    border-radius: 50% !important;
}

.legend .info.red .symbol.symbol-circle {
    background: red;
}

    .legend .info.gray .symbol.symbol-circle {
        background: gray;
    }

.legend .info.green-light .symbol.symbol-circle {
    background: #33b62e;
}

.legend .info.blue .symbol.symbol-square {
    background: blue;
}

    .legend .info.black .symbol.symbol-circle {
        background: black;
    }

.legend .info.blue-light .symbol.symbol-square {
    background: #1E90FF;
}

    .legend .info.green .symbol.symbol-circle {
        background: green;
    }

    .legend .info.red .symbol.symbol-circle {
        background: red;
    }

    .legend .info .symbol {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 5px;
    border-radius: 50%;
}

.legend .symbol.green {
    background-color: green;
}

.legend .symbol.red {
    background-color: red;
}

.legend .info .symbol.symbol-polygon {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.legend .info.green .symbol.symbol-polygon {
    background: green;
}

.legend .info.orange .symbol.symbol-polygon {
    background: orange;
}

.legend .info.red .symbol.symbol-polygon {
    background: red;
}

.ber-module .dx-datagrid-rowsview {
    height: 100%;
}

.ber-module colgroup > col:first-child{
    width: 50px !important;
}

.dx-scrollbar-vertical .dx-scrollbar-hoverable {
    height: 100px !important;
    width: 50px !important;
}

.dx-scrollbar-vertical .dx-scrollable-scroll {
    z-index: 10;
    margin-right: -1px;
    width: 18px !important;
    position: relative;
    left: 9px;
}

.licenses-documents .dx-scrollbar-vertical .dx-scrollable-scroll {
    position: relative !important;
    left: 10px !important;
    height: auto !important;
}

.licenses-documents .dx-scrollbar-vertical.dx-scrollbar-hoverable .dx-scrollable-scroll .dx-scrollable-scroll-content {
    margin-right: -1px;
    width: 18px !important;
    position: relative;
    left: 10px;
}

.dx-scrollbar-horizontal.dx-scrollbar-hoverable {
    height: 20px !important;
}

.dx-scrollbar-horizontal .dx-scrollable-scroll {
    height: 20px !important;
    position: absolute;
    top: 10px;
}

.dx-scrollbar-vertical .dx-scrollable-scroll-content,
.dx-scrollbar-horizontal .dx-scrollable-scroll-content {
    background-color: #757575 !important;
}


.page-sidebar .page-sidebar-menu .sub-menu, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu {
    display: block;
}

.portlet-title {
    display: flex;
    align-items: center;
}

.caption {
    flex-grow: 1;
}

.help-icon-container {
    width: 40px;
    height: 40px;
    background-image: url("https://francomm.s3.us-west-1.amazonaws.com/icons/help-icon.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    cursor: pointer;
}

ul.font-sm.heightFixed.ui-select-choices.ui-select-choices-content.ui-select-dropdown.dropdown-menu {
    left: -1px !important;
    top: 36px !important;
    height: 250px !important;
}