#main-title {
    text-transform: none;
}

#dashboard-menu a {
    cursor: pointer;
}

#notification-body .footer,
#news-body .footer {
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.navbar-inverse .pop-dialog .notifications .item .time {
    float: none;
    position: absolute;
    right: 0px;
    bottom: 0px;
    font-weight: normal;
    font-size: 10px;
}

.notifications-filter-panel {
    margin-left: -15px;
    margin-right: -15px;
}

.notifications-filter-panel-row {
    padding: 0px 10px;
    display: table;
    width: 100%;
}

.notifications-filter-panel-date,
.notifications-filter-panel-type,
.notifications-filter-panel-unread,
.notifications-filter-panel-text,
.notifications-filter-panel-button-ok {
    float: left;
    padding: 5px;
}

.notifications-filter-panel-date {
    width: 40%;
}

.notifications-filter-panel-type {
    width: 60%;
}

.notifications-filter-panel-unread {
    width: 24%;
    margin-top: 4px;
}

.notifications-filter-panel-text {
    width: 56%;
}

.notifications-filter-panel-button-ok {
    width: 20%;
}

.notifications-filter-panel-unread-checkbox {
    float: left;
}

.notifications-filter-panel-unread-label {
    cursor: default;
    float: left;
    padding-left: 3px;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}


.modal-open .skins-nav {
    display: none;
}

div.filter-table {
    padding: 15px;
    border: 1px solid #C6D1D8;
    border-radius: 5px;
    margin-bottom: 5px;
    background: #f7f7f7;
}

div.table-layout {
    max-width: 100%;
}

table.table-layout-view {
    width: 100%;
}

.table-layout-view-cell {
    padding: 5px;
}

.table-layout-view-cell-one-line {
    white-space: nowrap;
}

.table-layout-view-cell-one-line > .form-control {
    display: inline-block;
}

td.table-layout-view-cell-one-line .control-checkbox + .form-control {
    margin-left: 10px;
}

div.control-label ~ input.control-checkbox,
input.control-checkbox ~ div.control-label {
    margin-left: 5px;
}

input.control-checkbox {
    position: relative;
    vertical-align: middle;
    margin-top: 0;
}

td.table-layout-view-cell-label {
    /*text-align: right;*/
}

td.table-layout-view-cell-label span.control-label-text:after {
    content: ':';
}

.form-control {
    min-width: 100px;
}

table.dataTable > tbody > tr > td {
    border-width: 1px;
    border-style: solid;
    border-color: #C6D1D8;
    padding: 3px;
}

table.dataTable > thead > tr > th {
    border-width: 1px;
    border-style: solid;
    border-color: #AFB4B8;
    border-bottom-color: #C6D1D8;
    padding: 3px;
    font-weight: 600;
    cursor: default;
    text-align: center;
    background-color: #f7f7f7;
    width: 1px;
}

table.dataTable > thead > tr > th:hover {
    background-color: #c8ecf8;
}

table.dataTable > thead > tr > th.sorting,
table.dataTable > thead > tr > th.sorting_asc,
table.dataTable > thead > tr > th.sorting_desc {
    padding-right: 16px;
}

table.transparent-background,
table.transparent-background > tbody,
table.transparent-background > tbody > tr,
table.transparent-background > tbody > tr > td,
table.transparent-background > thead,
table.transparent-background > thead > tr,
table.transparent-background > thead > tr > th,
.transparent-background > div > div > table.dataTable,
.transparent-background > div > div > table.dataTable > tbody,
.transparent-background > div > div > table.dataTable > tbody > tr,
.transparent-background > div > div > table.dataTable > tbody > tr > td,
.transparent-background > div > div > table.dataTable > thead,
.transparent-background > div > div > table.dataTable > thead > tr,
.transparent-background > div > div > table.dataTable > thead > tr > th {
    background-color: transparent !important;
}

table.no-borders,
table.no-borders > tbody,
table.no-borders > tbody > tr,
table.no-borders > tbody > tr > td,
table.no-borders > thead,
table.no-borders > thead > tr,
table.no-borders > thead > tr > th,
.no-borders > div > div > table.dataTable,
.no-borders > div > div > table.dataTable > tbody,
.no-borders > div > div > table.dataTable > tbody > tr,
.no-borders > div > div > table.dataTable > tbody > tr > td,
.no-borders > div > div > table.dataTable > thead,
.no-borders > div > div > table.dataTable > thead > tr,
.no-borders > div > div > table.dataTable > thead > tr > th {
    border: none !important;
}

div.dataTable_horizontalScrollContainer {
    overflow-x: auto;
    margin: 0 auto;
    clear: both;
    width: 100%;
}

table.dataTable > tbody > tr > td.tree-column-level-0 {
    padding-left: 3px;
}

table.dataTable > tbody > tr > td.tree-column-level-1 {
    padding-left: 13px;
}

table.dataTable > tbody > tr > td.tree-column-level-2 {
    padding-left: 23px;
}

table.dataTable > tbody > tr > td.tree-column-level-3 {
    padding-left: 33px;
}

table.dataTable > tbody > tr > td.tree-column-level-4 {
    padding-left: 43px;
}

table.dataTable > tbody > tr > td.tree-column-level-5 {
    padding-left: 53px;
}

table.dataTable > tbody > tr > td.tree-column-level-6 {
    padding-left: 63px;
}

table.dataTable > tbody > tr > td.tree-column-level-7 {
    padding-left: 73px;
}

table.dataTable > tbody > tr > td.tree-column-level-8 {
    padding-left: 83px;
}

table.dataTable > tbody > tr > td.tree-column-level-9 {
    padding-left: 93px;
}

table.dataTable > tbody > tr > td.tree-column-level-10 {
    padding-left: 103px;
}

table.dataTable > tbody > tr > td.tree-column-level-11 {
    padding-left: 113px;
}

table.dataTable > tbody > tr > td.tree-column-level-12 {
    padding-left: 123px;
}

table.dataTable > tbody > tr > td.tree-column-level-13 {
    padding-left: 133px;
}

table.dataTable > tbody > tr > td.tree-column-level-14 {
    padding-left: 143px;
}

table.dataTable > tbody > tr > td.tree-column-level-15 {
    padding-left: 153px;
}

.data-grid-view.tree-column-coloring-enabled > div > div > table.dataTable > tbody > tr.tree-column-row-level-0 {
    background-color: #f4f8f9;
}

.data-grid-view.tree-column-coloring-enabled > div > div > table.dataTable > tbody > tr.tree-column-row-level-1 {
    background-color: #fff6f6;
}

.data-grid-view.tree-column-coloring-enabled > div > div > table.dataTable > tbody > tr.tree-column-row-level-2 {
    background-color: #fff8e6;
}

.data-grid-view.tree-column-coloring-enabled > div > div > table.dataTable > tbody > tr.tree-column-row-level-3 {
    background-color: #ffffef;
}

.data-grid-view.tree-column-coloring-enabled > div > div > table.dataTable > tbody > tr.tree-column-row-level-4 {
    background-color: #f7fff4;
}

.data-grid-view.tree-column-coloring-enabled > div > div > table.dataTable > tbody > tr.tree-column-row-level-5 {
    background-color: #f4ffff;
}

.data-grid-view.tree-column-coloring-enabled > div > div > table.dataTable > tbody > tr.tree-column-row-level-6 {
    background-color: #f4f8ff;
}

.data-grid-view.tree-column-coloring-enabled > div > div > table.dataTable > tbody > tr.tree-column-row-level-7 {
    background-color: #f7f4ff;
}

.data-grid-view.tree-column-coloring-enabled > div > div > table.dataTable > tbody > tr.tree-column-row-level-8 {
    background-color: #fff4ff;
}

.data-grid-view.tree-column-coloring-enabled > div > div > table.dataTable > tbody > tr.tree-column-row-level-9 {
    background-color: #fff4fd;
}

.data-grid-view.tree-column-coloring-enabled > div > div > table.dataTable > tbody > tr:hover {
    background-color: #ffffff;
}

td.tree-column-cell {

}

td.tree-column-cell > .tree-column-cell-content {
    word-break: normal;
    white-space: normal;
}

td.tree-column-expandable-cell > .tree-column-cell-content:before {
    content: '\f114';
    font-family: FontAwesome;
    font-size: 13px;
    padding-right: 2px;
}

td.tree-column-expandable-cell.tree-column-expanded-cell > .tree-column-cell-content:before {
    content: '\f115';
}

td.tree-column-expandable-cell > .tree-column-cell-content {
    cursor: pointer;
}

td.tree-column-not-expandable-cell > .tree-column-cell-content {
    cursor: text;
}

.one-line {
    white-space: nowrap;
}

div.control-label {
    display: inline-block;
}

.control-label.required:after {
    content: '*';
    color: red;
    position: absolute;
    margin-left: 1px;
    margin-top: -2px;
}

a.control-link {
    cursor: pointer;
}

.small-text {
    font-size: 10px;
}

.ui-select select {
    width: 135%;
    width: calc(100% + 50px);
    width: -moz-calc(100% + 50px);
    width: -webkit-calc(100% + 50px);
}

.btn-glow.danger {
    background: #DA2525;
    background: linear-gradient(to bottom, #F07676 0%, #DA2525 100%);
    box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.5);
    border: 1px solid #DA4949;
    text-shadow: rgba(0, 0, 0, 0.24706) 0px 1px 0px;
    color: #fff;
}

.btn-glow.danger:hover {
    background: #DA2525;
    background: -moz-linear-gradient(top, #d04f4f 0%, #DA2525 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d04f4f), color-stop(100%, #DA2525));
    background: -webkit-linear-gradient(top, #d04f4f 0%, #DA2525 100%);
    background: linear-gradient(#d04f4f, #DA2525);
    background: -o-linear-gradient(top, #d04f4f 0%, #DA2525 100%);
    background: -ms-linear-gradient(top, #d04f4f 0%, #DA2525 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d04f4f', endColorstr='#DA2525', GradientType=0);
}

.btn-glow.danger[disabled] {
    border: 0px;
    box-shadow: none !important;
    background: #ff979e !important;
    cursor: default;
}

.btn-glow.success:hover {
    background: #96bf48;
    background: -moz-linear-gradient(top, #a1cd4e 0%, #96bf48 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a1cd4e), color-stop(100%, #96bf48));
    background: -webkit-linear-gradient(top, #a1cd4e 0%, #96bf48 100%);
    background: linear-gradient(#a1cd4e, #96bf48);
    background: -o-linear-gradient(top, #a1cd4e 0%, #96bf48 100%);
    background: -ms-linear-gradient(top, #a1cd4e 0%, #96bf48 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgb(161, 205, 78)', endColorstr='#96bf48', GradientType=0);
}

.btn-glow.success[disabled] {
    border: 0px;
    box-shadow: none !important;
    background: #c8e89a !important;
    cursor: default;
}

.btn-glow.warning {
    background: #eea236;
    background: linear-gradient(to bottom, #F1C78B 0%, #eea236 100%);
    box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.5);
    border: 1px solid #eea236;
    text-shadow: rgba(0, 0, 0, 0.24706) 0px 1px 0px;
    color: #fff;
}

.btn-glow.warning:hover {
    background: #E79E36;
    background: -moz-linear-gradient(top, #ECBE7C 0%, #E79E36 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ECBE7C), color-stop(100%, #E79E36));
    background: -webkit-linear-gradient(top, #ECBE7C 0%, #E79E36 100%);
    background: linear-gradient(#ECBE7C, #E79E36);
    background: -o-linear-gradient(top, #ECBE7C 0%, #E79E36 100%);
    background: -ms-linear-gradient(top, #ECBE7C 0%, #E79E36 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ECBE7C', endColorstr='#E79E36', GradientType=0);
}

.btn-glow.warning[disabled] {
    border: 0px;
    box-shadow: none !important;
    background: #efd5b5 !important;
    cursor: default;
}

.btn-glow.small[disabled] {
    padding-top: 6px;
}

input.form-control.control-not-valid-value {
    border-color: #c73939;
}

textarea.form-control.control-not-valid-value {
    border-color: #c73939;
}

div.ui-select.control-not-valid-value {
    border-color: #c73939;
}

div.search-combo-box.control-not-valid-value a.select2-choice {
    border-color: #c73939;
}

div.date-time-box.form-control.control-not-valid-value > input {
    border-color: #c73939;
}

div.search-combo-box.multiple {
    max-height: 87px;
    overflow-y: auto;
}

#profile-dropdown-menu > li {
    cursor: pointer;
}

.navbar-inverse .pop-dialog .notifications .item {
    min-height: 45px;
}

.content-footer {
    text-align: right;
    position: absolute;
    bottom: 0px;
    right: 0px;
}

div.content {
    min-height: 100%;
}

html {
    min-height: 100%
}

body {
    min-height: 100%;
    /*height: 100%;*/
}

div.content-content.content-footer-collapse {
    padding-bottom: 50px;
}

div.content.content-footer-collapse div.content-footer {
    width: 45px;
    height: 40px;
}

a.content-footer-button-collapse {
    font-size: 20px;
    position: absolute;
    top: 7px;
    left: 8px;
    color: #7A7A7A;
    text-decoration: none;
}

a.content-footer-button-collapse:hover {
    text-decoration: none;
    color: #989898;
}

a.grid-link {
    color: #428bca;
    cursor: pointer;
}

a.grid-link:hover {
    color: #2a6496;
    text-decoration: underline;
}

a.grid-link.disabled {
    color: inherit;
    cursor: default;
    text-decoration: none;
}

a.grid-link.disabled:hover {
    color: inherit;
    text-decoration: none;
}

.select2-container-disabled .select2-choice span {
    cursor: not-allowed;
}

div.ui-select[disabled] {
    cursor: not-allowed;
    background-color: #eeeeee;
}

div.ui-select > select[disabled] {
    cursor: not-allowed;
    background-color: #eeeeee;
}

.header {
    margin-bottom: 15px;
}

#pad-wrapper {
    margin-top: 15px;
}

#sidebar-nav {
    padding-top: 2em;
}

@media (min-width: 768px) {
    .menu-toggler-visible button#menu-toggler-2 {
        display: block;
        margin: 6px 5px;
    }

    #menu-toggler-2:focus {
        outline: none;
    }

    body.menu-toggler-visible.hide-left-menu #sidebar-nav {
        left: -200px;
    }

    body.menu-toggler-visible.hide-left-menu .content {
        margin-left: 0px;
    }

    body.menu-toggler-visible .navbar-brand {
        padding-left: 3px;
        margin-top: 0px;
        padding-bottom: 1px;
    }
}

@media (max-width: 768px) {
    button#menu-toggler-2 {
        display: none !important;
    }

    #sidebar-nav {
        box-shadow: none;
    }
}

div.table-layout.table-header > table > tbody > tr:nth-child(1) {
    text-align: center;
    font-weight: bold;
    background-color: #f7f7f7;
}

div.table-layout.border > table > tbody > tr > td {
    border: 1px solid #dee3ea;
}

div.table-layout.border-black > table > tbody > tr > td {
    border: 1px solid #000000;
}

div.table-layout.table-header.border > table > tbody > tr:nth-child(1) > td {
    border-color: #AFB4B8;
    border-bottom-color: #C6D1D8;
}

div.table-layout ~ div.table-layout {
    margin-top: 25px;
}

td.table-layout-view-cell.table-layout-view-cell-content {
    word-break: break-all;
    word-break: break-word;
}

@media (max-width: 767px) {
    table.table-layout-view {
        display: block;
        width: 100% !important;
    }

    table.table-layout-view > tbody {
        display: block;
        width: 100% !important;
    }

    table.table-layout-view > tbody > tr {
        display: block;
        width: 100% !important;
    }

    table.table-layout-view > tbody > tr > td {
        display: block;
        width: 100% !important;
    }
}

@media (max-width: 767px) {
    div.table-layout.border-black > table > tbody > tr > td {
        border: none !important;
    }
}

td.spread-cell {

}

td.spread-cell > div {
    overflow-x: hidden;
    white-space: nowrap;
}

a.login-view-contact-link {
    color: #E0E6EB;
    text-decoration: underline;
    visibility: hidden;
}

div.confirm-view-message i[class^="icon-"] /*, [class*=" icon-"]*/
{
    font-size: 50px;
    padding-right: 20px;
}

div.confirm-view-message i.icon-ok-sign {
    color: #42AF42;
}

div.confirm-view-message i.icon-remove-sign {
    color: #F32B2B;
}

div.confirm-view-message i.icon-exclamation-sign {
    color: #3596e7;
}

div.confirm-view-message i.icon-warning-sign {
    color: #FA9C16;
}

table.filter-table-layout-view {
    width: 100%;
    padding: 15px;
    border: 1px solid #C6D1D8;
    border-radius: 5px;
    margin-bottom: 5px;
    background: #f7f7f7;
    border-collapse: separate;
}

.expandable-panel ~ .filter-table-layout-view {
    margin-top: 30px;
}

.dataTables_auto_refresh {
    float: right;
    margin-bottom: 10px;
}

div.dataTables_auto_refresh.hidden {
    visibility: hidden;
}

.dataTables_auto_refresh label {
    font-weight: 600;
}

.dataTables_auto_refresh select {
    margin: 0px 5px;
}


.dataTables_settings_button {
    float: right;
    margin-top: 3px;
}

.dataTables_settings_button > a {
    color: #cbcbcb;
    text-decoration: none;
}

.dataTables_settings_button > a > i {
    font-size: 20px;
}

.dataTables_settings_button > a:hover {
    text-decoration: none;
    cursor: pointer;
}

.dataTables_settings_button > a:hover > i.icon {
    color: #949494;
}

.dataTables_paginate, .dataTables_info {
    margin-top: 20px
}

.dataTables_wrapper > div:first-child {
    height: 1px;
}

.dataTable_bottomPanel:before,
.dataTable_bottomPanel:after {
    clear: both;
    content: " ";
    display: table;
}

div.table-data-underline-row > div.dataTables_wrapper > div.dataTable_horizontalScrollContainer > table.dataTable > tbody > tr:hover {
    text-decoration: underline;
}


div.file-upload-panel {
    display: inline-block;
}

a.btn-glow ~ a.btn-glow {
    margin-left: 2px;
}

div.modal-dialog {
    max-width: 100%;
}

div.btn-group {
    text-align: left;
}

div.file-upload-file-link {
    display: inline-block;
}

div.file-upload-panel div.control-label {
    margin-left: 5px;
    margin-right: 5px;
    vertical-align: sub;
    vertical-align: -webkit-baseline-middle;
}

div.file-upload-panel div.file-upload-panel-buttons {
    display: inline-block;
    float: right;
}

div.file-upload-panel.control-not-valid-value .control-label-text {
    color: red;
}

div.date-time-box.form-control {
    height: auto;
    padding: 0px;
    margin: 0px;
    display: inline-block;
    border: none;
    box-shadow: none;
    white-space: nowrap;
    background-color: inherit;
}

div.date-time-box.form-control.date-time-box-hide-seconds input.form-control.input-datepicker {
    width: calc(100% - 70px);
    width: -moz-calc(100% - 70px);
    width: -webkit-calc(100% - 70px);
}

div.date-time-box.form-control.date-time-box-show-seconds input.form-control.input-datepicker {
    width: calc(100% - 105px);
    width: -moz-calc(100% - 105px);
    width: -webkit-calc(100% - 105px);
}

div.date-time-box.form-control.date-time-box-hide-seconds .date-time-box-colon-before-seconds {
    display: none;
}

div.date-time-box.form-control.date-time-box-hide-seconds .date-time-box-input-seconds {
    display: none;
}


div.date-time-box.form-control input.form-control {
    width: 30px;
    min-width: 30px;
    padding: 6px 5px;
    display: inline-block;
    margin-left: 1px;
    margin-right: 1px;
}

#navbar-time {
    display: none;
}

#navbar-time > a {
    padding: 4px 10px;
    margin: 0;
}

#navbar-time > a > table > tbody > tr > td {
    text-align: center;
    padding: 0 5px;
    margin: 0;
}

#navbar-time > a > table > tbody > tr > td > label {
    padding: 0;
    margin: 0;
    font-weight: normal;
    font-size: 11px;
}

@media (max-width: 900px) {
    #navbar-time {
        display: none !important;
    }
}

div.number-range {
    white-space: nowrap;
}

div.number-range > input {
    max-width: 47%;
    width: 47%;
    min-width: 47%;
    display: inline-block;
}

div.number-range > .number-range-separator {
    max-width: 6%;
    width: 6%;
    min-width: 6%;
    display: inline-block;
    text-align: center;
}

div.masked-card-number-input {
    white-space: nowrap;
}

div.masked-card-number-input > input {
    padding-left: 1px;
    padding-right: 1px;
}

div.masked-card-number-input > input:first-child {
    width: 40%;
    min-width: 40%;
    display: inline-block;
    text-align: center;
}

div.masked-card-number-input > input:last-child {
    width: 40%;
    min-width: 40%;
    display: inline-block;
    text-align: center;
}

div.masked-card-number-input > .masked-card-number-stars {
    width: 20%;
    display: inline-block;
    text-align: center;
}

#notifications #notification-filter {
    margin: 5px 20px;
}

#notifications .notification-subject {
    cursor: pointer;
    font-weight: bold;
}

#notifications .notification-subject.readed {
    font-weight: normal;
}

#notifications a.search-icon {
    cursor: pointer;
    float: right;
    margin-right: 10px;
}

#notifications a.search-icon:hover {
    text-decoration: none;
}

#notifications a.search-icon:hover {
    text-decoration: none;
}

#notifications a.search-icon.filter-used i {
    color: #7FBFE9;
}

.control-tab-panel a.tab-title-button {
    cursor: pointer;
    background-color: #FCFEFF;
    border: 1px solid #EFEEEE;
    border-bottom-color: #DDDDDD;
}

.control-tab-panel a.tab-title-button[disabled] {
    cursor: not-allowed;
    background-color: #eeeeee;
    color: #555555;
    border: 1px solid transparent;
}

div.text-box-with-button {
    white-space: nowrap;
}

div.text-box-with-button .text-box-with-button-text-box {
    width: calc(100% - 45px);
    display: inline-block;
}

div.text-box-with-button .text-box-with-button-button {
    width: 40px;
    display: inline-block;
    margin-left: 5px;
}

div.text-box-with-button .btn-glow i[class*="icon"] {
    font-size: 16px;
    margin: 0px;
}

.result-message.result-message-text-on-new-line > .result-message-text {
    display: inline-block;
    padding-left: 10px;
    padding-bottom: 6px;
}

.result-message.result-message-text-on-new-line > .result-message-new-line {
    visibility: visible;
    display: inline;
}

.result-message-object-id {
    font-weight: bold;
}

.result-message-status {
    font-weight: bold;
}

.result-message-new-line {
    visibility: hidden;
    display: none;
}

.result-message.result-message-success > .result-message-status {
    color: #42AF42;
}

.result-message.result-message-error > .result-message-status {
    color: red;
}

.date-time-range {
    font-size: 12px;
    margin: 0;
    padding: 3px 6px;
    white-space: nowrap;
    height: 27px;
    min-height: 27px;
}

.date-time-range.date-time-range-show-time {
    margin: -5px 0;
    padding: 0px 10px 2px 6px;
    height: 37px;
    min-height: 37px;
}

.date-time-range.form-control.control-not-valid-value {
    border-color: #c73939;
}

.date-time-range-begin-panel {
    width: 50%;
    float: left;
}

.date-time-range-end-panel {
    width: 50%;
}

.date-time-range-show-time .date-time-range-begin-panel {
    margin-bottom: -1px;
    width: 100%;
    float: none;
}

.date-time-range-show-time .date-time-range-end-panel {
    margin-top: -1px;
    width: 100%;
}

.date-time-range-label {
    font-size: 9px;
    width: 32px;
    display: inline-block;
    margin-top: 3px;
    text-align: right;
    padding-right: 3px;
    cursor: pointer;
    color: #a5a5a5;
}

.date-time-range-label:after {
    content: ':';
}

.date-time-range-date-input {
    margin-right: 5px;
    width: 73px;
    padding-left: 2px;
    padding-bottom: 2px;
}

.date-time-range input.date-time-range-date-input,
.date-time-range input.date-time-range-hours-input,
.date-time-range input.date-time-range-minutes-input,
.date-time-range input.date-time-range-seconds-input {
    outline: 0;
    border: none;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background-color: transparent;
    padding-top: 0;
    padding-bottom: 0;
    cursor: pointer;
}

.date-time-range input.date-time-range-date-input:focus,
.date-time-range input.date-time-range-hours-input:focus,
.date-time-range input.date-time-range-minutes-input:focus,
.date-time-range input.date-time-range-seconds-input:focus {
    outline: 0;
    border: none;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background-color: transparent;
    cursor: auto;
}

.date-time-range-hours-input,
.date-time-range-minutes-input,
.date-time-range-seconds-input {
    width: 17px;
    padding: 0;
    margin: 0;
    text-align: center;
}

.date-time-range-hours-input,
.date-time-range-minutes-delimiter,
.date-time-range-minutes-input,
.date-time-range-seconds-delimiter,
.date-time-range-seconds-input {
    visibility: hidden;
    display: none;
}

.date-time-range-show-time .date-time-range-hours-input,
.date-time-range-show-time .date-time-range-minutes-delimiter,
.date-time-range-show-time .date-time-range-minutes-input {
    visibility: visible;
    display: inline-block;
}

.date-time-range-show-seconds .date-time-range-seconds-delimiter,
.date-time-range-show-seconds .date-time-range-seconds-input {
    visibility: visible;
    display: inline-block;
}

.date-time-range-minutes-delimiter:before,
.date-time-range-seconds-delimiter:before {
    content: ':';
}

.date-time-range > a.date-time-range-settings-button > i.icon {
    font-size: 11px;
    float: right;
    margin-top: 3px;
    margin-right: -8px;
    color: #cbcbcb;
}

.date-time-range > a.date-time-range-settings-button:hover > i.icon {
    color: #949494;
}

.date-time-range > a.date-time-range-settings-button:hover {
    text-decoration: none;
    cursor: pointer;
}

.options-list.date-time-range-settings-dropdown-option-list {
    margin-bottom: 0px;
}

.options-list.date-time-range-settings-dropdown-option-list > li {
    margin-bottom: 0px;
}

.options-list.date-time-range-settings-dropdown-option-list > li > .option-label {
    font-size: 12px;
}

.date-time-range-settings-dropdown-bottom-button-panel {
    text-align: center;
    font-size: small;
}

.date-time-range-settings-dropdown-bottom-button-panel > a {
    cursor: pointer;
}

.date-time-range-settings-dropdown-fast-links-panel {
    line-height: 1em;
}

.date-time-range-settings-dropdown-fast-links-panel > a {
    font-size: smaller;
    cursor: pointer;
    padding-right: 3.5px;
    display: inline-block;
}

div.control-separator {
    border-top: 1px solid #e5e5e5;
    margin: 3px 5px;
    box-sizing: border-box;
    display: block;
}

i.icon {
    font-size: 20px;
}

.bold {
    font-weight: bold;
}

.tooltip {
    z-index: 99999;
}

.tooltip .tooltip-text {
    word-wrap: break-word;
}

.context-menu {
    z-index: 99999;
}

.context-menu > ul > li > a {
    cursor: pointer;
}

.menu-count, .submenu-count {
    position: absolute;
    background: #35bac4;
    padding: 0px 5px;
    border-radius: 30px;
    color: #fff;
    line-height: 16px;
    text-align: center;
    font-size: 11px;
    font-weight: normal;
    margin-top: -7px;
    margin-left: -2px;
}

.modal-backdrop {
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.note-panel {
    border: 1px solid rgba(197, 197, 197, 0.7);
    border-radius: 7px;
    padding: 10px 5px;
    background: rgba(230, 230, 230, 0.15);
    margin: 5px 5px;
}

.force-break-word {
    word-break: break-all;
    word-break: break-word;
    word-wrap: break-word;
}

.control-chart-flot-js {
    position: relative;
    padding: 40px 20px 20px 20px;
}

.control-chart-flot-js-container {
    min-width: 100%;
    min-height: 100%;
    margin: 20px;
}

.control-chart-flot-js-flot-tooltip {
    position: absolute;
    display: none;
    color: #fff;
    padding: 2px 5px;
    border-radius: 6px;
    background-color: #000;
    opacity: 0.80;
    margin-top: 20px;
    margin-left: -120px;
}

.control-chart-js {
    position: relative;
    padding: 20px 10px;
}

.control-chart-js-container {
    min-width: 100%;
    min-height: 100%;
    padding: 20px;
}


.transaction-total-grid-value {

}

.transaction-total-grid-percent {
    margin-left: 3px;
    font-size: 90%;
}

.transaction-total-grid-percent:before {
    content: '(';
}

.transaction-total-grid-percent:after {
    content: '%)';
}

table.dataTable > tbody > tr > td.show-hide-details-cell {
    border: 0px;
    padding: 0px;
}

.data-grid-view.no-back-color table.dataTable > tbody > tr.odd,
.data-grid-view.no-back-color table.dataTable > tbody > tr.even {
    background-color: white;
}

.mass-editor {
    position: relative;
    display: table;
    border-collapse: separate;
}

.mass-editor-item {
    display: table-cell;
    width: 100%;
    margin-bottom: 0;
}

.mass-editor.mass-editor-edit-button-hidden > .mass-editor-element {

}

.mass-editor.mass-editor-edit-button-hidden > .mass-editor-edit-button {
    display: none;
}

.mass-editor.mass-editor-edit-button-visible > .mass-editor-element {

}

.mass-editor.mass-editor-edit-button-visible > .mass-editor-edit-button {

}

.mass-editor-edit-button {
    text-align: center;
    padding: 1px 4px 1px 2px;
    vertical-align: middle;
    font-size: 10px;
}

.mass-editor-edit-button > a {
    color: #616161;
    text-decoration: none;
    cursor: pointer;

    opacity: 0.6;
    transition: opacity .1s linear;
    -moz-transition: opacity .1s linear;
    -webkit-transition: opacity .1s linear;
    -o-transition: opacity .1s linear;
}

.mass-editor-edit-button > a:hover {
    color: black;
    text-decoration: none;
    opacity: 1;
}

.options-list {
    padding: 2px;
}

.options-list > li {
    list-style-type: none;
    margin-bottom: 10px;
}

.options-list > li > input[type=radio] {
    margin-right: 2px;
}

.options-list > li > .options-list-item-content {
    margin-left: 14px;
}

.options-list > li > .option-label {
    cursor: pointer;
}

.options-list.horizontal > li {
    display: inline-block;
    margin: 0 10px;
}

.options-list.horizontal > li > .options-list-item-content {
    display: inline-block;
}

.transactions-total-panel > .options-list {
    margin-bottom: 5px;
}

.transactions-total-panel > ul.options-list > li {
    display: inline-block;
    margin: 0 10px;
}


.popover > .popover-title {
    font-size: 15px;
    font-weight: bold;
}

.popover > .popover-close-button {
    position: relative;
    top: 3px;
    right: 10px;
    float: right;
    font-size: 21px;
    opacity: 0.2;
}

.popover > .popover-close-button:before {
    content: '\00D7';
}

.popover > .popover-close-button:hover {
    opacity: 1;
    cursor: pointer;
}

.control-group {
    display: table;
}

.control-group-item {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
}

.control-group-item ~ .control-group-item {
    padding-left: 5px;
}

.editable-column-link {
    width: 100%;
    height: 100%;
    min-height: 1em;
    display: block;
}

.editable-column-text-editor {
    border-radius: 0px;
    width: 50px;
    min-width: 50px;
    padding: 6px 3px;
}

.check-box-label {
    font-weight: normal;
    cursor: pointer;
    margin-bottom: 0px;
}


.expandable-panel ~ .expandable-panel {
    margin-top: 20px;
}


.expandable-panel-header {
    height: 30px;
    cursor: pointer;
    -webkit-transition: background-color 0.25s linear;
    -moz-transition: background-color 0.25s linear;
    -o-transition: background-color 0.25s linear;
    transition: background-color 0.25s linear;
    background-color: #fafafa;
}

.expandable-panel:hover > .expandable-panel-header {
    background-color: #f0f0f0;
}

h2.expandable-panel-title {
    font-size: 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    float: left;
    margin-left: 4px;
}

.expandable-panel-controls {
    width: auto;
    float: right;
    padding: 0;
    margin: 0;
}

a.expandable-panel-button {
    min-width: 28px;
    height: 28px;
    float: left;
    position: relative;
    text-decoration: none;
    font-size: 14px;
    text-align: center;
    display: inline-block;
    line-height: 28px;
    padding: 0;
    margin: 1px;
    color: #ccc;
    -webkit-transition: background-color 0.25s linear;
    -moz-transition: background-color 0.25s linear;
    -o-transition: background-color 0.25s linear;
    transition: background-color 0.25s linear;
}

a.expandable-panel-button:hover {
    color: #b5b5b5;
    background-color: #e7e7e7;
}

span.expandable-panel-button-text {
    padding: 0 7px;
    font-size: 13px;
}

.expandable-panel-content {
    border: 1px solid #fafafa;
}

.expandable-panel:hover > .expandable-panel-content {
    border: 1px solid #f0f0f0;
}


.model-carousel-control {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    width: 15%;
    opacity: 0.5;
    filter: alpha(opacity=50);
    font-size: 30px;
    color: #ffffff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
    display: none;
    -webkit-transition: opacity 0.25s linear;
    -moz-transition: opacity 0.25s linear;
    -o-transition: opacity 0.25s linear;
    transition: opacity 0.25s linear;
}

.model-carousel-control.visible {
    display: block;
}

.model-carousel-control:hover {
    color: #ffffff;
    text-decoration: none;
    opacity: 0.9;
    filter: alpha(opacity=90);
}

.model-carousel-control.right {
    left: auto;
    right: 0; /*use here browser scroll bar width*/
    background-image: -webkit-gradient(linear, 0% top, 100% top, from(rgba(0, 0, 0, 0.0001)), to(rgba(0, 0, 0, 0.5)));
    background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.0001) 0%), color-stop(rgba(0, 0, 0, 0.5) 100%));
    background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
}

.model-carousel-control.left {
    background-image: -webkit-gradient(linear, 0% top, 100% top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.0001)));
    background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.5) 0%), color-stop(rgba(0, 0, 0, 0.0001) 100%));
    background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
}

.model-carousel-control > .model-carousel-control-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 5;
    display: inline-block;
}

td.equals-values-on-hover-column-plugin > div.data-grid-view-table-cell-default > span {
    background-color: #ffffff96;
    box-shadow: 0px 0px 14px 5px #ffffff96;
}

td.mark-equals-values-on-hover-column-plugin-active-cell > div.data-grid-view-table-cell-default > span {
    background-color: #ffffffe0;
    box-shadow: 0px 0px 14px 5px #ffffffe0;
}


td.truncated-cell-text-column-plugin > div.data-grid-view-table-cell-default {
    white-space: nowrap;
    cursor: pointer;
}

td.truncated-cell-text-column-plugin > div.data-grid-view-table-cell-default > span {
    text-overflow: ellipsis;
    overflow: hidden;
    cursor: pointer;
    display: block;
}

td.truncated-cell-text-column-plugin.full-text > div.data-grid-view-table-cell-default {
    white-space: normal;
    overflow: visible;
}

td.expandable-cell-plugin {
    position: relative;
    transition: height 0.3s;
}

td.expandable-cell-plugin > div.data-grid-view-table-cell-default {
    white-space: nowrap;
}

td.expandable-cell-plugin > div.data-grid-view-table-cell-default > span {
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
}

td.expandable-cell-plugin.expanded-content > div.data-grid-view-table-cell-default {
    white-space: pre-line;
    overflow: visible;
}

td.expandable-cell-plugin > div.expandable-cell-column-plugin-toggle > a > i:before {
    transition: transform 0.3s;
}

td.expandable-cell-plugin.expanded-content > div.expandable-cell-column-plugin-toggle > a > i:before {
    transform: rotate(180deg)
}

div.expandable-cell-column-plugin-toggle {
    position: absolute;
    right: 2px;
    top: -4px;
    float: right;
    display: block;
}

td.expandable-cell-plugin > div.expandable-cell-column-plugin-toggle > a {
    font-size: 11px;
    color: rgba(171, 171, 171, 0.3);
    text-decoration: none;
    cursor: pointer;
    transition: all 0.3s;
}

td.expandable-cell-plugin:hover > div.expandable-cell-column-plugin-toggle > a {
    color: rgba(171, 171, 171, 0.6);
    zoom: 105%;
}

td.expandable-cell-plugin > div.expandable-cell-column-plugin-toggle > a:hover {
    color: rgba(176, 216, 242, 0.9);
    zoom: 110%;
}

td.danger-cell-background {
    animation: danger-cell 0.5s infinite;
    -webkit-animation: danger-cell 0.5s infinite;
    color: white;
    font-weight: bold;
}

@keyframes danger-cell {
    0% {
        background: red;
    }
    50% {
        background: blue;
    }
    100% {
        background: red;
    }
}

@-webkit-keyframes danger-cell {
    0% {
        background: red;
    }
    50% {
        background: blue;
    }
    100% {
        background: red;
    }
}

.not-active-value-cell {
    color: #c8c8c8;
    font-style: italic;
}

ul.check-box-list {
    margin: 0;
    list-style-type: none;
    padding: 3px;
}

ul.check-box-list > li {
    margin: 2px;
}

ul.check-box-list > li > label {
    margin: 0;
    cursor: pointer;
    display: block;
    padding-left: 15px;
    text-indent: -15px;
}

ul.check-box-list > li > label > input[type=checkbox] {
    cursor: pointer;
    margin: 0 3px 0 0;
    padding: 0;
    vertical-align: bottom;
    position: relative;
    top: -1.5px;
}

ul.check-box-list.check-box-list-horizontal > li {
    display: inline-block;
    margin: 2px 15px 2px 0px;
}

.not-selectable {
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.file-input {
    padding: 2px;
}

.file-input > input {
    width: 100%;
    border: 1px solid;
    border-color: rgba(0, 0, 0, 0);
    border-radius: 4px;
}

.file-input.control-not-valid-value > input {
    border-color: #c73939;
}

.dropdown-menu > .selected > a:before {
    content: "\f00c";
    margin-left: -15px;
    width: 15px;
    display: inline-block;
    font-family: FontAwesome;
    color: #929292;
}

.match-highlighter-column-plugin-matched-text {
    background-color: yellow;
}

table.results-table > tbody > tr > td {
    border: 1px solid #C6D1D8;
    padding: 3px;
}

.selected-row-bold {
    font-weight: bold;
}