body {
    background-color: #f8f8f8;
    min-width: 350px;
    font-size: 12px;
}
p {
    font-size: 12px;
}
#wrapper {
    width: 100%}
#page-wrapper {
    padding: 0
15px;
    min-height: 568px;
    background-color: #fff;
    font-size: 12px;
}
@media (min-width: 768px) {
    #page-wrapper {
    position: inherit;
    margin: 0
0 0 250px;
    padding: 0
30px;
    min-height: 900px;
    border-left: 1px solid #e7e7e7;
    font-size: 12px;
}

.navbar-default {
    background-image: -webkit-linear-gradient(top,#fff 0,#f8f8f8 100%);
    background-image: -o-linear-gradient(top,#fff 0,#f8f8f8 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#2e9692),to(#2e9692));
    background-image: linear-gradient(to bottom,#2e9692 0,#2e9692 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2e9692', endColorstr='#2e9692', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    background-repeat: repeat-x;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.15),0 1px 5px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.15),0 1px 5px rgba(0,0,0,.075);
}

.navbar-default a {
color: #fff;
}

.navbar-default a:hover {
color: #fff;
background-color: #123b39 !important;
}

.navbar-default a:active {
color: #fff;
background-color: #123b39 !important;
}

.navbar-static-side ul
li {
    border-bottom: 1px solid #e7e7e7;
}
.input-group-sm>.form-control, .input-group-sm>.input-group-addon, .input-group-sm>.input-group-btn>.btn {
    height: 25px;
    font-size: 12px;
}
.form-control {
    font-size: 12px;
}
.input-group .input-group-addon {
    line-height: 1 !important;
}
.glyphicon {
    line-height: 1em;
}
.select-mini, .input-group {
    font-size: 11px;
    height: 25px;
    padding: 3px;
}
.navbar-top-links
li {
    display: inline-block;
}
.navbar-top-links li:last-child {
    margin-right: 15px;
}
.navbar-top-links li
a {
    padding: 15px;
    min-height: 50px;
}
.dropdown-user {
    min-width: 100px;
}
.navbar-top-links .dropdown-menu
li {
    display: block;
}
.navbar-top-links .dropdown-menu li:last-child {
    margin-right: 0;
}
.navbar-top-links .dropdown-menu li
a {
    padding: 3px
20px;
    min-height: 0;
}
.navbar-top-links .dropdown-menu li a
div {
    white-space: normal;
}
.navbar-top-links .dropdown-messages, 
.navbar-top-links .dropdown-tasks, 
.navbar-top-links .dropdown-alerts {
    width: 310px;
    min-width: 0;
}
.navbar-top-links .dropdown-messages {
    margin-left: 5px;
}
.navbar-top-links .dropdown-tasks {
    margin-left: -59px;
}
.navbar-top-links .dropdown-alerts {
}
.navbar-top-links .dropdown-user {
    right: 0;
    left: auto;
}
.sidebar-search {
    padding: 15px;
}
.arrow {
    float: right;
}
.fa.arrow:before {
    content: "\f104"}
.active>a>.fa.arrow:before {
    content: "\f107"}
.nav-second-level li, 
.nav-third-level
li {
    border-bottom: none !important;
}
.menu_active {
    background-color: #123b39;

}

.nav-first-level li
a {
    padding-left: 8px;
}
.nav-second-level li
a {
    padding-left: 16px;
}
.nav-third-level li
a {
    padding-left: 24px;
}
@media (min-width: 768px) {
    .navbar-static-side {
    z-index: 1;
    position: absolute;
    width: 250px;
}
.navbar-top-links .dropdown-messages, 
.navbar-top-links .dropdown-tasks, 
.navbar-top-links .dropdown-alerts {
    margin-left: auto;
}
.col-md-spark, .col-md-spark-2 {
    float: left;
}
.col-md-spark {
    width: 16.65%}
.col-md-spark-2 {
    width: 20%}
}.navbar-default .navbar-nav .open .dropdown-menu > li > a, 
.navbar-default .navbar-nav .open .dropdown-menu {
    font-size: 12px;
}
.navbar-default .navbar-nav .open .dropdown-menu > li a:hover {
    background-color: #123b39;
    font-size: 12px;
}
.btn-outline {
    color: inherit;
    background-color: transparent;
    transition: all .5s;
}
.btn-primary.btn-outline {
    color: #428bca;
}
.btn-success.btn-outline {
    color: #5cb85c;
}
.btn-info.btn-outline {
    color: #5bc0de;
}
.btn-warning.btn-outline {
    color: #f0ad4e;
}
.btn-danger.btn-outline {
    color: #d9534f;
}
.btn-primary.btn-outline:hover, .btn-success.btn-outline:hover, .btn-info.btn-outline:hover, .btn-warning.btn-outline:hover, .btn-danger.btn-outline:hover {
    color: #fff;
}
.chat {
    margin: 0;
    padding: 0;
    list-style: none;
}
.chat
li {
    margin-bottom: 10px;
    padding-bottom: 5px;
    border-bottom: 1px dotted #B3A9A9;
}
.chat li.left .chat-body {
    margin-left: 60px;
}
.chat li.right .chat-body {
    margin-right: 60px;
}
.chat li .chat-body
p {
    margin: 0;
    color: #777;
}
.panel .slidedown .glyphicon, 
.chat
.glyphicon {
    margin-right: 5px;
}
.chat-panel .panel-body {
    height: 350px;
    overflow-y: scroll;
}
.login-panel {
    margin-top: 25%}
.flot-chart {
    display: block;
    height: 400px;
}
.flot-chart-content {
    width: 100%;
    height: 100%}
.btn-circle {
    width: 30px;
    height: 30px;
    padding: 6px
0;
    border-radius: 15px;
    text-align: center;
    font-size: 12px;
    line-height: 1.428571429;
}
.btn-circle.btn-lg {
    width: 50px;
    height: 50px;
    padding: 10px
16px;
    border-radius: 25px;
    font-size: 18px;
    line-height: 1.33;
}
.btn-circle.btn-xl {
    width: 70px;
    height: 70px;
    padding: 10px
16px;
    border-radius: 35px;
    font-size: 24px;
    line-height: 1.33;
}
.show-grid [class^="col-"] {
    padding-top: 10px;
    padding-bottom: 10px;
    border: 1px
solid #ddd;
    background-color: #eee !important;
}
.show-grid {
    margin: 15px
0;
}
.no-padding {
    padding: 0;
}
.no-padding
table {
    margin: 0;
}
.no-padding .table-bordered {
    border: 0;
}
.borderless>tbody>tr>td {
    border: none;
    padding: 5px;
}
.borderless>thead>tr>th {
    border: none;
}
.margin-bottom-sm {
    margin-bottom: 5px !important;
}
p.overview {
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 11px;
    text-transform: uppercase;
    display: block;
    margin-bottom: 4px;
}
span.overview {
    font-size: 14px;
    font-weight: bold;
}
div.overview {
    margin: 20px
0px 0px;
}
span.bigfont {
    font-size: 100%}
th.smallwidth {
    width: 250px;
}
.col-md-spark, .col-md-spark-2 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}
span.overview-mhs {
    font-size: 11px;
    font-weight: bold;
}
div.black {
    color: black;
}
div.progress-fix {
    margin: 0px
0px 5px 0px;
}
span.spark-18 {
    margin: -20%}
span.spark-25 {
    margin: -25%}
.circle-tile {
    margin-bottom: 30px;
}
.circle-tile {
    margin-bottom: 15px;
    text-align: center;
}
.circle-tile-content {
    padding-top: 50px;
    border-radius: 8px;
    border: 3px
solid rgba(255, 255, 255, 0.3);
}
.circle-tile-description {
    font-weight: bold;
    font-size: 16px;
}
.circle-tile-number {
    padding: 0px
1px 4px;
}
.circle-tile-heading {
    position: relative;
    width: 80px;
    height: 80px;
    margin: 0px
auto -40px;
    border: 3px
solid rgba(255,  255,  255,  0.3);
    border-radius: 100%;
    color: #FFF;
    transition: all 0.3s ease-in-out 0s;
}
.circle-tile-heading
.fa {
    line-height: 80px;
}
.lightblue {
    background-color: #2FAACE;
}
.text-faded {
    color: rgba(255, 255, 255, 0.7);
}
.text-link {
    color: #FFF;
}
p.up {
    margin: -5px 0px -8px;
    font-weight: 600;
}
div.up {
    margin: -10px 0px 6px 0px;
}
p.up-more {
    margin: -6px 0px 10px;
    font-weight: 600;
}
p.up-more2 {
    margin: -6px 0px 0px;
}
div.fade {
    opacity: 0.8;
}
.footer {
    clear: both;
    text-align: center;
    padding: 4px
0px 0px;
    font-size: 11px;
    width: 100%;
    margin-bottom: 5px !important;
    background-color: #17242c;
    color: #f8f8f8;
}
.footer a {
color: #f8f8f8;
}
.confirmations {
    color: #F79D00;
}
.toggleSoundButton {
    width: 30px;
}
#notification-list {
    width: 300px;
    max-height: 400px;
    overflow-y: scroll;
}
.dropdown-menu>.panel {
    border: none;
    margin: -5px 0;
}
.panel-heading {
    background-color: #f1f1f1;
    border-bottom: 1px solid #dedede;
}
.activity-item
i {
    float: left;
    margin-top: 3px;
    font-size: 16px;
}
div.activity {
    margin-left: 28px;
}
div.activity-item {
    padding: 7px
12px;
}
#notification-list div.activity-item {
    border-top: 1px solid #f5f5f5;
}
#notification-list div.activity-item
a {
    font-weight: 600;
    padding: 0px;
}
div.activity {
    font-size: 13px;
}
div.activity
span {
    display: block;
    color: #999;
    font-size: 10px;
    line-height: 16px;
}
#notifications
i.fa {
    font-size: 14px;
}
.noty_type_error
* {
    font-weight: normal !important;
}
.noty_type_error
a {
    font-weight: bold !important;
}
.noty_bar.noty_type_error a,  .noty_bar.noty_type_error
i {
    color: #fff;
}
.noty_bar.noty_type_information
a {
    color: #fff;
    font-weight: bold;
}
.noty_type_error div.activity
span {
    color: #fff;
}
.noty_type_information div.activity
span {
    color: #fefefe;
}
.no-notification {
    padding: 10px
5px;
    text-align: center;
}
.noty-manager-wrapper {
    position: relative;
    display: inline-block !important;
}
.noty-manager-bubble {
    position: absolute;
    top: -8px;
    background-color: #fb6b5b;
    color: #fff;
    padding: 2px
5px !important;
    font-size: 7px;
    line-height: 12px;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    cursor: pointer;
    height: 13px;
    font-weight: bold;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, .1);
    opacity: 0;
}
.starter-template {
    padding: 40px
15px;
    text-align: center;
}
.notification-main {
}
.splynx_top_nav {
    margin-top: -18px;
    margin-left: -30px;
    margin-right: -30px;
    padding: 5px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border-radius: 4px;
}
.splynx_top_nav
.header {
    padding: 8px
25px 0 25px;
    font-size: 15px;
}
.splynx-panel {
    padding: 5px;
    font-size: 13px;
}
.splynx-nav-info {
    font-size: 13px;
    color: #428bca;
    padding: 8px
10px;
}
.splynx-nav-right {
    float: right;
    padding-right: 10px;
    display: inline-block;
}
.splynx-nav-right .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
}
.splynx-nav-left {
    float: left;
    padding-left: 10px;
    display: inline-block;
}
.splynx-nav-left .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
}
.splynx-nav-active {
    text-decoration: underline;
}
table.dataTable.stripe tbody tr.odd,  table.dataTable.display tbody
tr.odd {
    background-color: #f9f9f9;
}
table.dataTable.stripe tbody tr.odd.selected,  table.dataTable.display tbody
tr.odd.selected {
    background-color: #abb9d3;
}
table.dataTable.hover tbody tr:hover, 
table.dataTable.hover tbody tr.odd:hover, 
table.dataTable.hover tbody tr.even:hover,  table.dataTable.display tbody tr:hover, 
table.dataTable.display tbody tr.odd:hover, 
table.dataTable.display tbody tr.even:hover {
    background-color: whitesmoke;
}
table.dataTable.hover tbody tr:hover.selected, 
table.dataTable.hover tbody tr.odd:hover.selected, 
table.dataTable.hover tbody tr.even:hover.selected,  table.dataTable.display tbody tr:hover.selected, 
table.dataTable.display tbody tr.odd:hover.selected, 
table.dataTable.display tbody tr.even:hover.selected {
    background-color: #a9b7d1;
}
table.dataTable.order-column tbody tr > .sorting_1, 
table.dataTable.order-column tbody tr > .sorting_2, 
table.dataTable.order-column tbody tr > .sorting_3,  table.dataTable.display tbody tr > .sorting_1, 
table.dataTable.display tbody tr > .sorting_2, 
table.dataTable.display tbody tr>.sorting_3 {
    background-color: #f9f9f9;
}
table.dataTable.order-column tbody tr.selected > .sorting_1, 
table.dataTable.order-column tbody tr.selected > .sorting_2, 
table.dataTable.order-column tbody tr.selected > .sorting_3,  table.dataTable.display tbody tr.selected > .sorting_1, 
table.dataTable.display tbody tr.selected > .sorting_2, 
table.dataTable.display tbody tr.selected>.sorting_3 {
    background-color: #acbad4;
}
table.dataTable.display tbody tr.odd > .sorting_1,  table.dataTable.order-column.stripe tbody tr.odd>.sorting_1 {
    background-color: #f1f1f1;
}
table.dataTable.display tbody tr.odd > .sorting_2,  table.dataTable.order-column.stripe tbody tr.odd>.sorting_2 {
    background-color: #f3f3f3;
}
table.dataTable.display tbody tr.odd > .sorting_3,  table.dataTable.order-column.stripe tbody tr.odd>.sorting_3 {
    background-color: whitesmoke;
}
table.dataTable.display tbody tr.odd.selected > .sorting_1,  table.dataTable.order-column.stripe tbody tr.odd.selected>.sorting_1 {
    background-color: #a6b3cd;
}
table.dataTable.display tbody tr.odd.selected > .sorting_2,  table.dataTable.order-column.stripe tbody tr.odd.selected>.sorting_2 {
    background-color: #a7b5ce;
}
table.dataTable.display tbody tr.odd.selected > .sorting_3,  table.dataTable.order-column.stripe tbody tr.odd.selected>.sorting_3 {
    background-color: #a9b6d0;
}
table.dataTable.display tbody tr.even > .sorting_1,  table.dataTable.order-column.stripe tbody tr.even>.sorting_1 {
    background-color: #f9f9f9;
}
table.dataTable.display tbody tr.even > .sorting_2,  table.dataTable.order-column.stripe tbody tr.even>.sorting_2 {
    background-color: #fbfbfb;
}
table.dataTable.display tbody tr.even > .sorting_3,  table.dataTable.order-column.stripe tbody tr.even>.sorting_3 {
    background-color: #fdfdfd;
}
table.dataTable.display tbody tr.even.selected > .sorting_1,  table.dataTable.order-column.stripe tbody tr.even.selected>.sorting_1 {
    background-color: #acbad4;
}
table.dataTable.display tbody tr.even.selected > .sorting_2,  table.dataTable.order-column.stripe tbody tr.even.selected>.sorting_2 {
    background-color: #adbbd6;
}
table.dataTable.display tbody tr.even.selected > .sorting_3,  table.dataTable.order-column.stripe tbody tr.even.selected>.sorting_3 {
    background-color: #afbdd8;
}
table.dataTable.display tbody tr:hover > .sorting_1, 
table.dataTable.display tbody tr.odd:hover > .sorting_1, 
table.dataTable.display tbody tr.even:hover > .sorting_1,  table.dataTable.order-column.hover tbody tr:hover > .sorting_1, 
table.dataTable.order-column.hover tbody tr.odd:hover > .sorting_1, 
table.dataTable.order-column.hover tbody tr.even:hover>.sorting_1 {
    background-color: #eaeaea;
}
table.dataTable.display tbody tr:hover > .sorting_2, 
table.dataTable.display tbody tr.odd:hover > .sorting_2, 
table.dataTable.display tbody tr.even:hover > .sorting_2,  table.dataTable.order-column.hover tbody tr:hover > .sorting_2, 
table.dataTable.order-column.hover tbody tr.odd:hover > .sorting_2, 
table.dataTable.order-column.hover tbody tr.even:hover>.sorting_2 {
    background-color: #ebebeb;
}
table.dataTable.display tbody tr:hover > .sorting_3, 
table.dataTable.display tbody tr.odd:hover > .sorting_3, 
table.dataTable.display tbody tr.even:hover > .sorting_3,  table.dataTable.order-column.hover tbody tr:hover > .sorting_3, 
table.dataTable.order-column.hover tbody tr.odd:hover > .sorting_3, 
table.dataTable.order-column.hover tbody tr.even:hover>.sorting_3 {
    background-color: #eee;
}
table.dataTable.display tbody tr:hover.selected > .sorting_1, 
table.dataTable.display tbody tr.odd:hover.selected > .sorting_1, 
table.dataTable.display tbody tr.even:hover.selected > .sorting_1,  table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_1, 
table.dataTable.order-column.hover tbody tr.odd:hover.selected > .sorting_1, 
table.dataTable.order-column.hover tbody tr.even:hover.selected>.sorting_1 {
    background-color: #a1aec7;
}
table.dataTable.display tbody tr:hover.selected > .sorting_2, 
table.dataTable.display tbody tr.odd:hover.selected > .sorting_2, 
table.dataTable.display tbody tr.even:hover.selected > .sorting_2,  table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_2, 
table.dataTable.order-column.hover tbody tr.odd:hover.selected > .sorting_2, 
table.dataTable.order-column.hover tbody tr.even:hover.selected>.sorting_2 {
    background-color: #a2afc8;
}
table.dataTable.display tbody tr:hover.selected > .sorting_3, 
table.dataTable.display tbody tr.odd:hover.selected > .sorting_3, 
table.dataTable.display tbody tr.even:hover.selected > .sorting_3,  table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_3, 
table.dataTable.order-column.hover tbody tr.odd:hover.selected > .sorting_3, 
table.dataTable.order-column.hover tbody tr.even:hover.selected>.sorting_3 {
    background-color: #a4b2cb;
}
div.DTTT_container {
    float: left !important;
}
div.table_title {
    text-align: center;
    padding-top: 5px;
    font-weight: bold;
}
div.ColVis {
    float: left !important;
}
.dataTables_filter label
input {
    margin-left: 5px;
}
*:focus {
    outline: none;
}
.ui-widget input[type=text],  .ui-widget input[type=number] {
    height: 28px;
}
.ui-widget
select {
    height: 24px;
    font-size: 10pt;
    color: #000;
    background-color: #FFF;
    border: 1px
solid #d7d7d7;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.splynx-dialog-content table
td {
    padding: 1px;
}
.form-horizontal .form-group {
    margin-bottom: 7px;
}
.splynx-ipv4-progress-bar {
    width: 100px;
    margin-bottom: 0;
    height: 15px;
}
.alert-gray {
    color: #563d7c;
    background-color: #f9f9f9;
    border-color: #fff;
}
div.dataTables_info {
    font-size: 0.8em;
}
div.dataTables_paginate {
    font-size: 0.8em;
}
.small-btn-own
.btn {
    padding: 5px
6px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}
.small-btn-own .btn-group {
    width: 60px;
}
table.dataTable tbody tr:hover .alert-success {
    background-image: none;
    background-color: #dff0d8;
}
table.dataTable tbody tr:hover .alert-warning {
    background-image: none;
    background-color: #fcf8e3;
}
table.dataTable tbody tr:hover .alert-info {
    background-image: none;
}
table.dataTable tbody tr:hover .alert-danger {
    background-image: none;
}
#config-params-host_category, #config-params-network_category, #config-params-nas_type {
    height: 200px;
}
table
th.actions_column {
    min-width: 1%;
    max-width: 20%;
    white-space: nowrap;
}
.btn-xxs, .btn-group-xxs>.btn {
    padding: 1px
3px;
    font-size: 8px;
    line-height: 1;
    border-radius: 2px;
}
.legend-cursor td,  .legend-cursor
label {
    cursor: pointer;
}
input[type="search"] {
    padding: 6px
2px 6px 12px !important;
}
input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: searchfield-cancel-button;
}
#search-container {
    width: 450px;
    height: 400px;
}
#search-list {
    height: 320px;
    overflow: scroll;
}
.panel-green {
    border-color: #5cb85c;
}
.panel-green .panel-heading {
    border-color: #5cb85c;
    color: #fff;
    background-color: #5cb85c;
}
.panel-green
a {
    color: #5cb85c;
}
.panel-green a:hover {
    color: #3d8b3d;
}
.panel-red {
    border-color: #d9534f;
}
.panel-red .panel-heading {
    border-color: #d9534f;
    color: #fff;
    background-color: #d9534f;
}
.panel-red
a {
    color: #d9534f;
}
.panel-red a:hover {
    color: #b52b27;
}
.panel-yellow {
    border-color: #f0ad4e;
}
.panel-yellow .panel-heading {
    border-color: #f0ad4e;
    color: #fff;
    background-color: #f0ad4e;
}
.panel-yellow
a {
    color: #f0ad4e;
}
.panel-yellow a:hover {
    color: #df8a13;
}
.huge {
    font-size: 40px;
}
.progress-free {
    position: relative;
}
.progress-free
span {
    position: absolute;
    display: block;
    width: 100%;
    color: black;
    font-weight: bold;
}
#left_menu {
    padding-right: 0;
    padding-left: 0;
}
.dataTables_wrapper {
    position: relative;
    clear: both;
    *zoom: 1;
    zoom: 1;
}
.dataTables_wrapper
.dataTables_processing {
    position: absolute;
    top: 0%;
    left: 50%;
    width: 100%;
    height: 100px;
    height: 100%;
    margin-left: -50%;
    margin-top: 35px;
    padding-top: 20px;
    text-align: center;
    font-size: 1.2em;
    background-color: white;
    z-index: 1;
    background: -webkit-gradient(linear,  left top,  right top,  color-stop(0%,  rgba(255,  255,  255,  0)),  color-stop(25%,  rgba(255,  255,  255,  0.9)),  color-stop(75%,  rgba(255,  255,  255,  0.9)),  color-stop(100%,  rgba(255,  255,  255,  0)));
    background: -webkit-linear-gradient(left,  rgba(255,  255,  255,  0) 0%,  rgba(255,  255,  255,  0.9) 25%,  rgba(255,  255,  255,  0.9) 75%,  rgba(255,  255,  255,  0) 100%);
    background: -moz-linear-gradient(left,  rgba(255,  255,  255,  0) 0%,  rgba(255,  255,  255,  0.9) 25%,  rgba(255,  255,  255,  0.9) 75%,  rgba(255,  255,  255,  0) 100%);
    background: -ms-linear-gradient(left,  rgba(255,  255,  255,  0) 0%,  rgba(255,  255,  255,  0.9) 25%,  rgba(255,  255,  255,  0.9) 75%,  rgba(255,  255,  255,  0) 100%);
    background: -o-linear-gradient(left,  rgba(255,  255,  255,  0) 0%,  rgba(255,  255,  255,  0.9) 25%,  rgba(255,  255,  255,  0.9) 75%,  rgba(255,  255,  255,  0) 100%);
    background: linear-gradient(to right,  rgba(255,  255,  255,  0) 0%,  rgba(255,  255,  255,  0.9) 25%,  rgba(255,  255,  255,  0.9) 75%,  rgba(255,  255,  255,  0) 100%);
}
.dataTables_wrapper
.dataTables_processing {
    color: #333;
}
body.wait *, body.wait {
    cursor: progress !important;
}
.input-disabled {
    cursor: not-allowed;
    background-color: #eee;
    border-color: #ccc;
}
#preview .ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 70px;
    height: 20px;
    cursor: default;
    margin: 0
-40px auto !important;
    padding-top: 2px;
    text-align: center;
    font-size: 12px;
}
#preview .ui-corner-all {
    border-radius: 5px;
}
#preview .ui-slider-horizontal .ui-slider-handle {
    top: -.9em;
    margin-left: -20px;
    cursor: pointer;
}
#preview .ui-state-default, 
#preview .ui-widget-content .ui-state-default {
    background: #eee;
}
#preview .ui-slider a, 
#preview .ui-slider a:focus {
    cursor: pointer;
    outline: none;
    text-decoration: none;
}
#preview .slider-amount,  #preview .slider-online {
    margin: 12px
0;
}
.popover {
    max-width: 600px;
}
.input-addon-button {
    width: 1%;
    height: 28px;
    padding: 3px
8px;
    line-height: 1;
    display: table-cell;
    white-space: nowrap;
    vertical-align: middle;
    font-size: 14px;
    font-weight: normal;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px
solid #ccc;
    border-radius: 4px;
    cursor: pointer;
}
.btn-file {
    cursor: pointer;
}
.btn-file input[type=file] {
    position: absolute;
    top: 0;
    left: 0;
    width: 10%;
    min-height: 100%;
    font-size: 10px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}
.input-group .form-control {
    z-index: 1;
}
.ace_editor
div {
    font-family: monospace !important;
}
.timeline {
    position: relative;
    padding: 20px;
    list-style: none;
}
.timeline:before {
    content: " ";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 30px;
    width: 3px;
    margin-left: -1.5px;
    background-color: #eee;
}
.timeline>li {
    position: relative;
    margin-bottom: 20px;
}
.timeline>li:before, .timeline>li:after {
    content: " ";
    display: table;
}
.timeline>li:after {
    clear: both;
}
.timeline>li:before, .timeline>li:after {
    content: " ";
    display: table;
}
.timeline>li:after {
    clear: both;
}
.timeline>li>.timeline-panel {
    float: left;
    position: relative;
    width: 90%;
    padding: 0;
    border: 1px
solid #d4d4d4;
    border-radius: 2px;
    -webkit-box-shadow: 0 1px 6px rgba(0,  0,  0,  0.175);
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
}
.timeline>li>.timeline-panel:before {
    content: " ";
    display: inline-block;
    position: absolute;
    top: 26px;
    left: -15px;
    border-top: 15px solid transparent;
    border-right: 15px solid #ccc;
    border-bottom: 15px solid transparent;
    border-left: 0 solid #ccc;
}
.timeline>li>.timeline-panel:after {
    content: " ";
    display: inline-block;
    position: absolute;
    top: 27px;
    left: -14px;
    border-top: 14px solid transparent;
    border-right: 14px solid #fff;
    border-bottom: 14px solid transparent;
    border-left: 0 solid #fff;
}
.timeline>li>.timeline-badge {
    z-index: 100;
    position: absolute;
    top: 16px;
    left: 10px;
    width: 50px;
    height: 50px;
    margin-left: -25px;
    border-radius: 50% 50% 50% 50%;
    text-align: center;
    font-size: 1.4em;
    line-height: 50px;
    color: #fff;
    background-color: #999;
}
.timeline>li.timeline-inverted>.timeline-panel {
    left: 50px;
    padding: 10px;
}
.timeline-badge.primary {
    background-color: #2e6da4 !important;
}
.timeline-badge.success {
    background-color: #3f903f !important;
}
.timeline-badge.warning {
    background-color: #f0ad4e !important;
}
.timeline-badge.danger {
    background-color: #d9534f !important;
}
.timeline-badge.info {
    background-color: #5bc0de !important;
}
.timeline-title {
    margin-top: 0;
    color: inherit;
}
.timeline-body>p, .timeline-body>ul {
    margin-bottom: 0;
}
.timeline-body>p+p {
    margin-top: 5px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    margin-right: 2px;
    margin-top: 2px;
}
.select2-container .select2-selection--multiple .select2-selection__rendered {
    padding-left: 2px;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: solid #ccc 1px;
}
.select2-container .select2-search--inline .select2-search__field {
    margin-top: 0;
}
#fast_search_in:focus {
    outline: none !important;
    outline-width: 0;
    box-shadow: none;
    border: 1px
solid #ccc;
}
#fast_search_result
tr {
    cursor: pointer;
}
#fast_search_result tr:hover {
    background-color: whitesmoke;
}
.textarea-auto:focus {
    outline-style: solid;
    outline-width: 2px;
}
.daterangepicker
td.today {
    background-color: #f0f9ff;
}
.daterangepicker
td.today.active {
    background-color: #357ebd;
}
.settings_item {
    min-width: 90px;
    max-width: 90px;
    display: inline-block;
    vertical-align: top;
    float: none;
    margin: 0
15px 20px 15px;
}
.circle-icon {
    background: #357ebd;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    text-align: center;
    line-height: 60px;
    vertical-align: middle;
    padding: 10px;
}