body {
    font-family: "Open Sans", sans-serif !important;
    font-weight: 400 !important;
    background-color: #364150 !important;
}

.login .page-content {
    background-color: #364150 !important;
}

.pr-0 {
    padding-right: 0 !important;
}

.p-0 {
    padding: 0 !important;
}

.device-list-container {
    max-height: 264px !important;
}

.machine-list-container {
    height: 200px !important;
}

.mb-30 {
    margin-bottom: 30px !important;
}

.mb-15 {
    margin-bottom: 15px !important;
}


/* .yellow-icon.vibration,
.yellow-icon.temperature,
.yellow-icon.temperature-icon,
.yellow-icon.battery-level,
.yellow-icon.battery-level-icon {
    pointer-events: none;
} */

.px-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.py-1 {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}

.px-1 {
    padding-left: 8px !important;
    padding-right: 8px !important;
}

.pt-15 {
    padding-top: 15px;
}

.pt-25 {
    padding-top: 25px;
}

.px-5 {
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.no-border {
    border: none;
}

.pl-15 {
    padding-left: 15px !important;
}

label {
    color: #333;
    font-weight: normal;
}

.font-wight-normal {
    font-weight: normal;
}

.modal,
.modal-open {
    overflow-y: auto !important;
}

.modal {
    z-index: 10050;
    outline: 0;
    overflow-y: none !important;
}

.modal-dialog {
    z-index: 10051;
    width: 99%;
}

.modal-open {
    overflow-y: auto !important;
}

.modal-title {
    font-weight: 400;
    display: inline-block;
}

.portlet.solid.grey-salsa>.portlet-title>.caption {
    font-weight: normal;
}

.navbar-nav>li.dropdown-user>.dropdown-menu {
    width: 195px;
    background: #fff;
}

.page-header.navbar.navbar-fixed-top,
.page-header.navbar.navbar-static-top {
    z-index: 1000;
}

.page-content {
    padding-top: 0 !important;
}

.page-bar {
    margin-top: 10px !important;
}

#chart_3.update-height {
    height: 592px !important;
}

.temperature,
.vibration {
    cursor: pointer;
}

select.input-sm {
    min-width: 120px;
}

#addDevicesModal {
    z-index: 100000;
    position: absolute;
}

.manage-devices .caption-desc {
    min-height: 30px;
}

.assigned .icon-block i,
.assigned .icon-block p {
    color: green;
}

textarea.form-control {
    overflow: auto;
    resize: none;
    height: auto !important;
}

.disabled .icon-block i,
.disabled .icon-block p {
    color: #dbdb24;
}

.device-assigned .green-icon.temperature path,
.device-assigned .green-icon.vibration path,
.device-assigned .green-icon.battery-level path,
.device-assigned .green-icon.battery-level .levels {
    fill: #21ed0f;
}

.device-assigned .red-icon.temperature path,
.device-assigned .red-icon.vibration path,
.device-assigned .red-icon.battery-level path,
.device-assigned .red-icon.battery-level .levels {
    fill: #ff030f;
}

.device-assigned .yellow-icon.temperature path,
.device-assigned .yellow-icon.vibration path,
.device-assigned .yellow-icon.battery-level path,
.device-assigned .yellow-icon.battery-level .levels {
    fill: #ff7300;
}

.device-assigned .yellow-icon.temperature-icon,
.device-assigned .yellow-icon.vibration-icon,
.device-assigned .yellow-icon.battery-level-icon,
.device-assigned .yellow-icon.battery-level-icon .levels {
    fill: #efb700;
}

.device-assigned .green-icon.temperature-icon,
.device-assigned .green-icon.vibration-icon,
.device-assigned .green-icon.battery-level-icon,
.device-assigned .green-icon.battery-level-icon .levels {
    fill: #008450;
}

.device-assigned .red-icon.temperature-icon,
.device-assigned .red-icon.vibration-icon,
.device-assigned .red-icon.battery-level-icon,
.device-assigned .red-icon.battery-level-icon .levels {
    fill: #b81d13;
}

.device-assigned .green-icon.vibration-bar-graph,
.device-assigned .green-icon.temperature-bar-graph {
    fill: #008450 !important;
}

.device-assigned .red-icon.vibration-bar-graph,
.device-assigned .red-icon.temperature-bar-graph {
    fill: #b81d13 !important;
}

.device-assigned .yellow-icon.vibration-bar-graph,
.device-assigned .yellow-icon.temperature-bar-graph {
    fill: #efb700 !important;
}

.text-node text {
    fill: #0b7a94;
}

.default-icon .temperature path,
.default-icon .temperature-icon,
.default-icon .vibration path,
.default-icon .battery-level path,
.default-icon .battery-level .levels,
.default-icon .battery-level-icon,
.default-icon .battery-level-icon .levels,
.default-icon .text-node text {
    fill: grey;
}

div#dashBoardController .default-icon {
    display: none;
}

.customsvg .device-assigned .temperature path,
.customsvg .device-assigned .temperature-icon,
.customsvg .device-assigned .vibration path,
.customsvg .device-assigned .battery-level path,
.customsvg .device-assigned .battery-level .levels,
.customsvg .device-assigned .battery-level-icon,
.customsvg .device-assigned .battery-level-icon .levels,
.modal-body .device-assigned .temperature path,
.modal-body .device-assigned .temperature-icon,
.modal-body .device-assigned .vibration path,
.modal-body .device-assigned .battery-level-icon,
.modal-body .device-assigned .battery-level-icon .levels {
    fill: #21ed0f;
}

.legendbox-row .legendbox.green {
    background-color: #21ed0f !important;
}

.legendbox-row .legendbox.red {
    background-color: #ff030f !important;
}

.legendbox-row .legendbox.yellow {
    background-color: #dbdb24 !important;
}

.legendbox-row .legendbox.orange {
    background-color: #ff7300 !important;
}

.user-select-none .svg-container {
    width: 100% !important;
    height: 50vh !important;
    overflow-x: scroll !important;
}

.vibration-graph-time {
    background-color: rgb(238, 238, 238);
    opacity: 0.8;
    border-radius: 2px;
    padding: 1px 5px;
    margin-right: 4px;
    font-size: 12px;
    color: #000;
    cursor: pointer;
}

.vibration-graph-time:hover {
    background-color: rgb(204, 201, 201) !important;
    opacity: 1 !important;
}

.vibration-graph-time-active {
    background-color: rgb(204, 201, 201);
    opacity: 1;
}

.card.card-custom {
    -webkit-box-shadow: 0px 0px 30px 0px rgb(82 63 105 / 5%);
    box-shadow: 0px 0px 30px 0px rgb(82 63 105 / 5%) !important;
    border: 0 !important;
}

.card {
    position: relative !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex !important;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column;
    flex-direction: column !important;
    min-width: 0 !important;
    word-wrap: break-word !important;
    background-color: #ffffff !important;
    background-clip: border-box !important;
    border: 1px solid #ebedf3 !important;
    border-radius: 0.42rem !important;
    box-sizing: border-box !important;
}

.card.card-custom>.card-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex !important;
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify;
    justify-content: space-between !important;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch !important;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap !important;
    min-height: 70px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    background-color: transparent !important;
}

.card-header:first-child {
    border-radius: calc(0.42rem - 1px) calc(0.42rem - 1px) 0 0 !important;
}

.card-header {
    padding: 2rem 2.25rem !important;
    margin-bottom: 0 !important;
    background-color: #ffffff !important;
    border-bottom: 1px solid #ebedf3 !important;
}

.card.card-custom>.card-header .card-title,
.card.card-custom>.card-header .card-title .card-label {
    font-weight: bold !important;
    font-size: 1.675rem !important;
    color: #181c32 !important;
    padding: 4px 0px;
}

.card.card-custom>.card-header .card-title {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    margin: 0.5rem !important;
    margin-left: 0 !important;
    width: 100%;
}

.card.card-custom>.card-header .card-title .card-icon {
    margin-right: 0.75rem !important;
    line-height: 0 !important;
    margin-top: 3px;
}

.card.card-custom>.card-header .card-title .card-icon i {
    font-size: 22px !important;
    color: #181c32 !important;
    line-height: 0 !important;
    font-weight: bold;
}

.text-primary {
    color: #181c32 !important;
}

.card.card-custom>.card-header .card-title .card-label {
    margin: 0 0.75rem 0 0 !important;
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
}

.card.card-custom>.card-header .card-toolbar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex !important;
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    margin: 0.7rem 0 !important;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap !important;
}

.btn:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all).btn-sm {
    font-size: 12px !important;
    padding: 0px 6px !important;
}

.btn:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all) {
    font-size: 12px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1) !important;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px !important;
    overflow: hidden !important;
    position: relative !important;
    user-select: none !important;
    padding: 8px 14px 7px 14px !important;
}

.alert,
.badge,
.btn-group>.btn:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all),
.btn.btn-link:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all):hover,
.btn:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all),
.icon-btn,
.label:not(.md-skip),
.md-shadow-z-1,
.note,
.panel,
.social-icons li>a,
.social-icons.social-icons-color>li>a,
.well {
    box-shadow: 0 1px 3px rgb(0 0 0 / 10%), 0 1px 2px rgb(0 0 0 / 18%) !important;
}

.btn.btn-icon.btn-sm,
.btn-group-sm>.btn.btn-icon {
    height: calc(1.35em + 1.1rem + 2px) !important;
    width: calc(1.35em + 1.1rem + 2px) !important;
}

.btn:not(:disabled):not(.disabled) {
    cursor: pointer !important;
}

.btn.btn-icon {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex !important;
    -webkit-box-align: center !important;
    -ms-flex-align: center;
    align-items: center !important;
    -webkit-box-pack: center !important;
    -ms-flex-pack: center;
    justify-content: center !important;
    padding: 0;
    /* height: calc(1.5em + 1.3rem + 2px); */
    /* width: calc(1.5em + 1.3rem + 2px); */
}

.btn:not(.btn-text) {
    cursor: pointer !important;
}

.mr-2,
.mx-2 {
    margin-right: 0.5rem !important;
}

.btn-sm,
.btn-group-sm>.btn {
    padding: 0.55rem 0.75rem;
    font-size: 0.925rem;
    line-height: 1.35 !important;
    border-radius: 0.42rem;
}

.btn {
    display: inline-block;
    font-weight: normal;
    color: #3f4254;
    text-align: center !important;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0.65rem 1rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.42rem;
    -webkit-transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, border-color 0.3s ease-in-out, -webkit-box-shadow 0.3s ease-in-out;
    transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, border-color 0.3s ease-in-out, -webkit-box-shadow 0.3s ease-in-out;
    transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, border-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
    transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, border-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out, -webkit-box-shadow 0.3s ease-in-out;
}

a.btn-icon {
    color: #6993ff;
    text-decoration: none !important;
    background-color: transparent;
}

.btn.btn-light-success {
    color: #1bc5bd !important;
    background-color: #c9f7f5 !important;
    border-color: transparent !important;
}

.btn.btn-light-success:hover:not(.btn-text):not(:disabled):not(.disabled),
.btn.btn-light-success:focus:not(.btn-text),
.btn.btn-light-success.focus:not(.btn-text) {
    color: #ffffff !important;
    background-color: #1bc5bd !important;
    border-color: transparent !important;
}

.btn.btn-light-success:hover:not(.btn-text):not(:disabled):not(.disabled) i,
.btn.btn-light-success:focus:not(.btn-text) i,
.btn.btn-light-success.focus:not(.btn-text) i {
    color: #ffffff !important;
}

.btn.btn-light-success:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg g [fill],
.btn.btn-light-success:focus:not(.btn-text) .svg-icon svg g [fill],
.btn.btn-light-success.focus:not(.btn-text) .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease !important;
    transition: fill 0.3s ease !important;
    fill: #ffffff !important;
}

.btn.btn-light-success:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg:hover g [fill],
.btn.btn-light-success:focus:not(.btn-text) .svg-icon svg:hover g [fill],
.btn.btn-light-success.focus:not(.btn-text) .svg-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease !important;
    transition: fill 0.3s ease !important;
}

.btn.btn-light-success:hover:not(.btn-text):not(:disabled):not(.disabled).dropdown-toggle:after,
.btn.btn-light-success:focus:not(.btn-text).dropdown-toggle:after,
.btn.btn-light-success.focus:not(.btn-text).dropdown-toggle:after {
    color: #ffffff !important;
}

.btn.btn-light-danger {
    color: #f64e60 !important;
    background-color: #ffe2e5 !important;
    border-color: transparent !important;
}

.btn.btn-light-danger:hover:not(.btn-text):not(:disabled):not(.disabled),
.btn.btn-light-danger:focus:not(.btn-text),
.btn.btn-light-danger.focus:not(.btn-text) {
    color: #ffffff !important;
    background-color: #f64e60 !important;
    border-color: transparent !important;
}

.btn.btn-light-danger:hover:not(.btn-text):not(:disabled):not(.disabled) i,
.btn.btn-light-danger:focus:not(.btn-text) i,
.btn.btn-light-danger.focus:not(.btn-text) i {
    color: #ffffff !important;
}

.btn.btn-light-danger:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg g [fill],
.btn.btn-light-danger:focus:not(.btn-text) .svg-icon svg g [fill],
.btn.btn-light-danger.focus:not(.btn-text) .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease !important;
    transition: fill 0.3s ease !important;
    fill: #ffffff !important;
}

.btn.btn-light-danger:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg:hover g [fill],
.btn.btn-light-danger:focus:not(.btn-text) .svg-icon svg:hover g [fill],
.btn.btn-light-danger.focus:not(.btn-text) .svg-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease !important;
    transition: fill 0.3s ease !important;
}

.btn.btn-light-danger:hover:not(.btn-text):not(:disabled):not(.disabled).dropdown-toggle:after,
.btn.btn-light-danger:focus:not(.btn-text).dropdown-toggle:after,
.btn.btn-light-danger.focus:not(.btn-text).dropdown-toggle:after {
    color: #ffffff !important;
}

.btn.btn-light-warning {
    color: #ffa800 !important;
    background-color: #fff4de !important;
    border-color: transparent !important;
}

.btn.btn-light-warning:hover:not(.btn-text):not(:disabled):not(.disabled),
.btn.btn-light-warning:focus:not(.btn-text),
.btn.btn-light-warning.focus:not(.btn-text) {
    color: #ffffff !important;
    background-color: #ffa800 !important;
    border-color: transparent !important;
}

.btn.btn-light-warning:hover:not(.btn-text):not(:disabled):not(.disabled) i,
.btn.btn-light-warning:focus:not(.btn-text) i,
.btn.btn-light-warning.focus:not(.btn-text) i {
    color: #ffffff !important;
}

.btn.btn-light-warning:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg g [fill],
.btn.btn-light-warning:focus:not(.btn-text) .svg-icon svg g [fill],
.btn.btn-light-warning.focus:not(.btn-text) .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease !important;
    transition: fill 0.3s ease !important;
    fill: #ffffff !important;
}

.btn.btn-light-warning:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg:hover g [fill],
.btn.btn-light-warning:focus:not(.btn-text) .svg-icon svg:hover g [fill],
.btn.btn-light-warning.focus:not(.btn-text) .svg-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease !important;
    transition: fill 0.3s ease !important;
}

.btn.btn-light-warning:hover:not(.btn-text):not(:disabled):not(.disabled).dropdown-toggle:after,
.btn.btn-light-warning:focus:not(.btn-text).dropdown-toggle:after,
.btn.btn-light-warning.focus:not(.btn-text).dropdown-toggle:after {
    color: #ffffff !important;
}

.btn.btn-light-primary {
    color: #6993ff !important;
    background-color: #e1e9ff !important;
    border-color: transparent !important;
}

.btn.btn-light-primary:hover:not(.btn-text):not(:disabled):not(.disabled),
.btn.btn-light-primary:focus:not(.btn-text),
.btn.btn-light-primary.focus:not(.btn-text) {
    color: #ffffff !important;
    background-color: #6993ff !important;
    border-color: transparent !important;
}

.btn.btn-light-primary:hover:not(.btn-text):not(:disabled):not(.disabled) i,
.btn.btn-light-primary:focus:not(.btn-text) i,
.btn.btn-light-primary.focus:not(.btn-text) i {
    color: #ffffff !important;
}

.btn.btn-light-primary:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg g [fill],
.btn.btn-light-primary:focus:not(.btn-text) .svg-icon svg g [fill],
.btn.btn-light-primary.focus:not(.btn-text) .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease !important;
    transition: fill 0.3s ease !important;
    fill: #ffffff !important;
}

.btn.btn-light-primary:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg:hover g [fill],
.btn.btn-light-primary:focus:not(.btn-text) .svg-icon svg:hover g [fill],
.btn.btn-light-primary.focus:not(.btn-text) .svg-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease !important;
    transition: fill 0.3s ease !important;
}

.btn.btn-light-primary:hover:not(.btn-text):not(:disabled):not(.disabled).dropdown-toggle:after,
.btn.btn-light-primary:focus:not(.btn-text).dropdown-toggle:after,
.btn.btn-light-primary.focus:not(.btn-text).dropdown-toggle:after {
    color: #ffffff !important;
}

.card-body {
    padding: 2rem 2.25rem !important;
}

.btn-toolbar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex !important;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap !important;
    -webkit-box-pack: start !important;
    -ms-flex-pack: start;
    justify-content: flex-start !important;
}

.btn-group,
.btn-group-vertical {
    position: relative !important;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex !important;
    vertical-align: middle !important;
}

.btn-group>.btn:not(:last-child):not(.dropdown-toggle),
.btn-group>.btn-group:not(:last-child)>.btn {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.btn.btn-outline-secondary {
    color: #3f4254 !important;
    background-color: transparent !important;
    border-color: #e4e6ef !important;
}

.btn-group>.btn,
.btn-group-vertical>.btn {
    position: relative !important;
    -webkit-box-flex: 1 !important;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto !important;
}

.btn.btn-outline-secondary i {
    color: #3f4254 !important;
}

.btn.btn-icon i {
    padding: 0 !important;
    margin: 0 !important;
}

.btn i {
    font-size: 1.3rem !important;
    padding-right: 0.35rem;
    vertical-align: middle !important;
    line-height: 1 !important;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex !important;
}

.btn.btn-outline-secondary:not(:disabled):not(.disabled):active:not(.btn-text),
.btn.btn-outline-secondary:not(:disabled):not(.disabled).active,
.show>.btn.btn-outline-secondary.dropdown-toggle,
.show .btn.btn-outline-secondary.btn-dropdown {
    color: #3f4254;
    background-color: #e4e6ef;
    border-color: #e4e6ef;
}

.btn-outline-secondary {
    color: #e4e6ef !important;
    border-color: #e4e6ef !important;
}

.btn-outline-secondary:hover {
    color: #181c32 !important;
    background-color: #e4e6ef !important;
    border-color: #e4e6ef !important;
}

.btn-outline-secondary:focus,
.btn-outline-secondary.focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(228, 230, 239, 0.5) !important;
    box-shadow: 0 0 0 0.2rem rgba(228, 230, 239, 0.5) !important;
}

.btn-outline-secondary.disabled,
.btn-outline-secondary:disabled {
    color: #e4e6ef !important;
    background-color: transparent !important;
}

.btn-outline-secondary:not(:disabled):not(.disabled):active,
.btn-outline-secondary:not(:disabled):not(.disabled).active,
.show>.btn-outline-secondary.dropdown-toggle {
    color: #181c32 !important;
    background-color: #e4e6ef !important;
    border-color: #e4e6ef !important;
}

.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-secondary.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(228, 230, 239, 0.5) !important;
    box-shadow: 0 0 0 0.2rem rgba(228, 230, 239, 0.5) !important;
}

.btn:not(:disabled):not(.disabled):active:not(.btn-text),
.btn:not(:disabled):not(.disabled).active,
.show>.btn.dropdown-toggle {
    -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease !important;
}

.btn-group.show .dropdown-toggle {
    -webkit-box-shadow: none;
    box-shadow: none !important;
}

.dropdown-toggle {
    white-space: nowrap !important;
}

.dropdown-menu.show {
    display: block !important;
}

.dropdown-menu[x-placement^="top"],
.dropdown-menu[x-placement^="right"],
.dropdown-menu[x-placement^="bottom"],
.dropdown-menu[x-placement^="left"] {
    right: auto !important;
    bottom: auto !important;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 96 !important;
    display: none;
    float: left !important;
    min-width: 10rem !important;
    padding: 0.5rem 0 !important;
    margin: 0.125rem 0 0 !important;
    font-size: 1rem !important;
    color: #3f4254 !important;
    text-align: left !important;
    list-style: none !important;
    background-color: #ffffff !important;
    background-clip: padding-box !important;
    border: 0 solid rgba(0, 0, 0, 0.15) !important;
    border-radius: 0.42rem !important;
    -webkit-box-shadow: 0px 0px 50px 0px rgb(82 63 105 / 15%);
    box-shadow: 0px 0px 50px 0px rgb(82 63 105 / 15%) !important;
}

.dropdown-menu>li>a,
.dropdown-menu>.dropdown-item {
    outline: none !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex !important;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1 !important;
}

.dropdown-item {
    display: block;
    width: 100% !important;
    padding: 0.75rem 1.25rem !important;
    clear: both !important;
    font-weight: 400 !important;
    color: #181c32 !important;
    text-align: inherit !important;
    white-space: nowrap !important;
    background-color: transparent !important;
    border: 0 !important;
}

.dropdown-item:hover,
.dropdown-item:focus {
    color: #101221 !important;
    text-decoration: none !important;
    background-color: #ebedf3 !important;
}

.dropdown-item.active,
.dropdown-item:active {
    color: #ffffff !important;
    text-decoration: none !important;
    background-color: #6993ff !important;
}

.dropdown-item.disabled,
.dropdown-item:disabled {
    color: #b5b5c3 !important;
    pointer-events: none !important;
    background-color: transparent !important;
}

.modal-lg {
    width: 90% !important;
}

.checkbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    text-align: left;
    cursor: pointer;
    font-size: 1rem;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    margin: 0;
}

.checkbox>span {
    background-color: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border-radius: 0.42rem;
}

.checkbox>span:after {
    content: "";
    border-color: transparent;
    border-style: solid;
    border-width: 0 2px 2px 0/*rtl:ignore*/
    !important;
    -webkit-transform: rotate(45deg)/*rtl:ignore*/
    ;
    transform: rotate(45deg)/*rtl:ignore*/
    ;
    margin-top: -2px;
}

.checkbox>input {
    position: absolute;
    /* z-index: -1; */
    /* opacity: 0; */
}

.checkbox:hover>input:not([disabled])~span,
.checkbox>input:focus~span {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.checkbox.checkbox-disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

.checkbox>input:checked~span {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    background-color: none;
}

.checkbox>input:checked~span:after {
    display: block;
}

.checkbox.checkbox-square>span {
    border-radius: 0;
}

.plot-container {
    width: 100% !important;
}

.svg-container {
    width: inherit !important;
}

.main-svg {
    width: 100% !important;
}

@media (max-width: 480px) {
    .page-header.navbar .top-menu {
        display: block;
        clear: none;
        float: none;
    }
    .page-header.navbar .top-menu .navbar-nav>li.dropdown-user .dropdown-toggle {
        background-color: transparent;
    }
    .page-header.navbar .top-menu .navbar-nav>li.dropdown-user .dropdown-toggle:hover {
        background-color: transparent;
    }
    div.dataTables_wrapper div.dataTables_filter input {
        width: 90px !important;
    }
    .dataTables_wrapper.no-footer .col-md-6.col-sm-6 {
        display: inline-block;
    }
}