article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}
[hidden],
template {
  display: none;
}

html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
}

body {
  margin: 0;
}

a {
  background: transparent;
}

a:focus {
  outline: thin dotted;
}

a:active,
a:hover {
  outline: 0;
}

h1 {
  margin: 0.67em 0;
  font-size: 2em;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b,
strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

hr {
  height: 0;
  -moz-box-sizing: content-box;
       box-sizing: content-box;
}

mark {
  color: #000;
  background: #ff0;
}

code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em;
}

pre {
  white-space: pre-wrap;
}

q {
  quotes: "\201C" "\201D" "\2018" "\2019";
}

small {
  font-size: 80%;
}

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 0;
}

fieldset {
  padding: 0.35em 0.625em 0.75em;
  margin: 0 2px;
  border: 1px solid #c0c0c0;
}

legend {
  padding: 0;
  border: 0;
}

button,
input,
select,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: 100%;
}

button,
input {
  line-height: normal;
}

button,
select {
  text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

input[type="checkbox"],
input[type="radio"] {
  padding: 0;
  box-sizing: border-box;
}

input[type="search"] {
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}

textarea {
  overflow: auto;
  vertical-align: top;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

html {
  font-size: 62.5%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.428571429;
  color: #333333;
  background-color: #ffffff;
}

input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

a {
  color: #428bca;
  text-decoration: none;
}

a:hover,
a:focus {
  color: #2a6496;
  text-decoration: underline;
}

a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

img {
  vertical-align: middle;
}
hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eeeeee;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small,
.h1 .small,
.h2 .small,
.h3 .small,
.h4 .small,
.h5 .small,
.h6 .small {
  font-weight: normal;
  line-height: 1;
  color: #999999;
}

h1,
h2,
h3 {
  margin-top: 20px;
  margin-bottom: 10px;
}

h1 small,
h2 small,
h3 small,
h1 .small,
h2 .small,
h3 .small {
  font-size: 65%;
}

h4,
h5,
h6 {
  margin-top: 10px;
  margin-bottom: 10px;
}

h4 small,
h5 small,
h6 small,
h4 .small,
h5 .small,
h6 .small {
  font-size: 75%;
}

h1,
.h1 {
  font-size: 36px;
}

h2,
.h2 {
  font-size: 30px;
}

h3,
.h3 {
  font-size: 24px;
}

h4,
.h4 {
  font-size: 18px;
}

h5,
.h5 {
  font-size: 14px;
}

h6,
.h6 {
  font-size: 12px;
}

p {
  margin: 0 0 10px;
}

.lead {
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 200;
  line-height: 1.4;
}

@media (min-width: 768px) {
  .lead {
    font-size: 21px;
  }
}

small,
.small {
  font-size: 85%;
}

cite {
  font-style: normal;
}
.text-right {
  text-align: right;
}
.page-header {
  padding-bottom: 9px;
  margin: 40px 0 20px;
  border-bottom: 1px solid #eeeeee;
}

ul,
ol {
  margin-top: 0;
  margin-bottom: 10px;
}

ul ul,
ol ul,
ul ol,
ol ol {
  margin-bottom: 0;
}
dl {
  margin-top: 0;
  margin-bottom: 20px;
}

dt,
dd {
  line-height: 1.428571429;
}

dt {
  font-weight: bold;
}

dd {
  margin-left: 0;
}
abbr[title],
abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #999999;
}
blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  border-left: 5px solid #eeeeee;
}

blockquote p {
  font-size: 17.5px;
  font-weight: 300;
  line-height: 1.25;
}

blockquote p:last-child {
  margin-bottom: 0;
}

blockquote small,
blockquote .small {
  display: block;
  line-height: 1.428571429;
  color: #999999;
}

blockquote small:before,
blockquote .small:before {
  content: '\2014 \00A0';
}

blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  border-right: 5px solid #eeeeee;
  border-left: 0;
}

blockquote.pull-right p,
blockquote.pull-right small,
blockquote.pull-right .small {
  text-align: right;
}

blockquote.pull-right small:before,
blockquote.pull-right .small:before {
  content: '';
}

blockquote.pull-right small:after,
blockquote.pull-right .small:after {
  content: '\00A0 \2014';
}

blockquote:before,
blockquote:after {
  content: "";
}

address {
  margin-bottom: 20px;
  font-style: normal;
  line-height: 1.428571429;
}

code,
kbd,
pre,
samp {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}

code {
  padding: 2px 4px;
  font-size: 90%;
  color: #c7254e;
  white-space: nowrap;
  background-color: #f9f2f4;
  border-radius: 4px;
}

pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.428571429;
  color: #333333;
  word-break: break-all;
  word-wrap: break-word;
  background-color: #f5f5f5;
  border: 1px solid #cccccc;
  border-radius: 4px;
}

pre code {
  padding: 0;
  font-size: inherit;
  color: inherit;
  white-space: pre-wrap;
  background-color: transparent;
  border-radius: 0;
}
.container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.container:before,
.container:after {
  display: table;
  content: " ";
}

.container:after {
  clear: both;
}

.container:before,
.container:after {
  display: table;
  content: " ";
}

.container:after {
  clear: both;
}

@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}

@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}

@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}

.row {
  margin-right: -15px;
  margin-left: -15px;
}

.row:before,
.row:after {
  display: table;
  content: " ";
}

.row:after {
  clear: both;
}

.row:before,
.row:after {
  display: table;
  content: " ";
}

.row:after {
  clear: both;
}

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

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

.col-xs-12 {
  width: 100%;
}

.col-xs-11 {
  width: 91.66666666666666%;
}

.col-xs-10 {
  width: 83.33333333333334%;
}

.col-xs-9 {
  width: 75%;
}

.col-xs-8 {
  width: 66.66666666666666%;
}

.col-xs-7 {
  width: 58.333333333333336%;
}

.col-xs-6 {
  width: 50%;
}

.col-xs-5 {
  width: 41.66666666666667%;
}

.col-xs-4 {
  width: 33.33333333333333%;
}

.col-xs-3 {
  width: 25%;
}

.col-xs-2 {
  width: 16.666666666666664%;
}

.col-xs-1 {
  width: 8.333333333333332%;
}

@media (min-width: 768px) {
  .col-sm-1,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666666666666%;
  }
  .col-sm-10 {
    width: 83.33333333333334%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666666666666%;
  }
  .col-sm-7 {
    width: 58.333333333333336%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666666666667%;
  }
  .col-sm-4 {
    width: 33.33333333333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.666666666666664%;
  }
  .col-sm-1 {
    width: 8.333333333333332%;
  }
}

@media (min-width: 992px) {
  .col-md-1,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-10,
  .col-md-11,
  .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666666666666%;
  }
  .col-md-10 {
    width: 83.33333333333334%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666666666666%;
  }
  .col-md-7 {
    width: 58.333333333333336%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666666666667%;
  }
  .col-md-4 {
    width: 33.33333333333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.666666666666664%;
  }
  .col-md-1 {
    width: 8.333333333333332%;
  }
}
table {
  max-width: 100%;
  background-color: transparent;
}

th {
  text-align: left;
}

.table {
  width: 100%;
  margin-bottom: 20px;
}

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.428571429;
  vertical-align: top;
  border-top: 1px solid #dddddd;
}

.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #dddddd;
}

.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
  border-top: 0;
}

.table > tbody + tbody {
  border-top: 2px solid #dddddd;
}

.table .table {
  background-color: #ffffff;
}

.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
  padding: 5px;
}

.table-bordered {
  border: 1px solid #dddddd;
}

.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 1px solid #dddddd;
}

.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 2px;
}

.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
  background-color: #f9f9f9;
}
table col[class*="col-"] {
  position: static;
  display: table-column;
  float: none;
}

table td[class*="col-"],
table th[class*="col-"] {
  display: table-cell;
  float: none;
}

.table > thead > tr > .active,
.table > tbody > tr > .active,
.table > tfoot > tr > .active,
.table > thead > .active > td,
.table > tbody > .active > td,
.table > tfoot > .active > td,
.table > thead > .active > th,
.table > tbody > .active > th,
.table > tfoot > .active > th {
  background-color: #f5f5f5;
}
.table > thead > tr > .success,
.table > tbody > tr > .success,
.table > tfoot > tr > .success,
.table > thead > .success > td,
.table > tbody > .success > td,
.table > tfoot > .success > td,
.table > thead > .success > th,
.table > tbody > .success > th,
.table > tfoot > .success > th {
  background-color: #dff0d8;
}
.table > thead > tr > .danger,
.table > tbody > tr > .danger,
.table > tfoot > tr > .danger,
.table > thead > .danger > td,
.table > tbody > .danger > td,
.table > tfoot > .danger > td,
.table > thead > .danger > th,
.table > tbody > .danger > th,
.table > tfoot > .danger > th {
  background-color: #f2dede;
}
.table > thead > tr > .warning,
.table > tbody > tr > .warning,
.table > tfoot > tr > .warning,
.table > thead > .warning > td,
.table > tbody > .warning > td,
.table > tfoot > .warning > td,
.table > thead > .warning > th,
.table > tbody > .warning > th,
.table > tfoot > .warning > th {
  background-color: #fcf8e3;
}
@media (max-width: 767px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-x: scroll;
    overflow-y: hidden;
    border: 1px solid #dddddd;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive > .table {
    margin-bottom: 0;
  }
  .table-responsive > .table > thead > tr > th,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tfoot > tr > td {
    white-space: nowrap;
  }
  .table-responsive > .table-bordered {
    border: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:first-child,
  .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .table-responsive > .table-bordered > thead > tr > td:first-child,
  .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:last-child,
  .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .table-responsive > .table-bordered > thead > tr > td:last-child,
  .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
  }
  .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .table-responsive > .table-bordered > tfoot > tr:last-child > th,
  .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
  }
}

fieldset {
  padding: 0;
  margin: 0;
  border: 0;
}

legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: inherit;
  color: #333333;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}

label {
  display: inline-block;
  margin-bottom: 5px;
  font-weight: bold;
}

input[type="search"] {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  

  line-height: normal;
}

input[type="file"] {
  display: block;
}

select[multiple],
select[size] {
  height: auto;
}

select optgroup {
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
}

input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  height: auto;
}

output {
  display: block;
  padding-top: 7px;
  font-size: 14px;
  line-height: 1.428571429;
  color: #555555;
  vertical-align: middle;
}

.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.428571429;
  color: #555555;
  vertical-align: middle;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #cccccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
          transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.form-control:-moz-placeholder {
  color: #999999;
}

.form-control::-moz-placeholder {
  color: #999999;
  opacity: 1;
}

.form-control:-ms-input-placeholder {
  color: #999999;
}

.form-control::-webkit-input-placeholder {
  color: #999999;
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  cursor: not-allowed;
  background-color: #eeeeee;
}

textarea.form-control {
  height: auto;
}

.form-group {
  margin-bottom: 15px;
}

.radio,
.checkbox {
  display: block;
  min-height: 20px;
  padding-left: 20px;
  margin-top: 10px;
  margin-bottom: 10px;
  vertical-align: middle;
}

.radio label,
.checkbox label {
  display: inline;
  margin-bottom: 0;
  font-weight: normal;
  cursor: pointer;
}

.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  float: left;
  margin-left: -20px;
}

.radio + .radio,
.checkbox + .checkbox {
  margin-top: -5px;
}
input[type="radio"][disabled],
input[type="checkbox"][disabled],
.radio[disabled],
.radio-inline[disabled],
.checkbox[disabled],
.checkbox-inline[disabled],
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"],
fieldset[disabled] .radio,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox,
fieldset[disabled] .checkbox-inline {
  cursor: not-allowed;
}
.form-horizontal .control-label,
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  padding-top: 7px;
  margin-top: 0;
  margin-bottom: 0;
}

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

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

.form-horizontal .form-group:before,
.form-horizontal .form-group:after {
  display: table;
  content: " ";
}

.form-horizontal .form-group:after {
  clear: both;
}

.form-horizontal .form-group:before,
.form-horizontal .form-group:after {
  display: table;
  content: " ";
}

.form-horizontal .form-group:after {
  clear: both;
}

.form-horizontal .form-control-static {
  padding-top: 7px;
}

@media (min-width: 768px) {
  .form-horizontal .control-label {
    text-align: right;
  }
}

.btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.428571429;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
       -o-user-select: none;
          user-select: none;
}

.btn:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.btn:hover,
.btn:focus {
  color: #333333;
  text-decoration: none;
}

.btn:active,
.btn.active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  pointer-events: none;
  cursor: not-allowed;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
          box-shadow: none;
}

.btn-default {
  color: #333333;
  background-color: #ffffff;
  border-color: #cccccc;
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
  color: #333333;
  background-color: #ebebeb;
  border-color: #adadad;
}

.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
  background-image: none;
}

.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
  background-color: #ffffff;
  border-color: #cccccc;
}

.btn-default .badge {
  color: #ffffff;
  background-color: #fff;
}

.btn-primary {
  color: #ffffff;
  background-color: #428bca;
  border-color: #357ebd;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  color: #ffffff;
  background-color: #3276b1;
  border-color: #285e8e;
}

.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  background-image: none;
}

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #428bca;
  border-color: #357ebd;
}

.btn-primary .badge {
  color: #428bca;
  background-color: #fff;
}
.btn-danger {
  color: #ffffff;
  background-color: #d9534f;
  border-color: #d43f3a;
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
  color: #ffffff;
  background-color: #d2322d;
  border-color: #ac2925;
}

.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
  background-image: none;
}

.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
  background-color: #d9534f;
  border-color: #d43f3a;
}

.btn-danger .badge {
  color: #d9534f;
  background-color: #fff;
}

.btn-success {
  color: #ffffff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
  color: #ffffff;
  background-color: #47a447;
  border-color: #398439;
}

.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
  background-image: none;
}

.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
  background-color: #5cb85c;
  border-color: #4cae4c;
}

.btn-success .badge {
  color: #5cb85c;
  background-color: #fff;
}
.btn-sm {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

.btn-xs {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
          transition: opacity 0.15s linear;
}

.fade.in {
  opacity: 1;
}

.collapse {
  display: none;
}

.collapse.in {
  display: block;
}
.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px solid;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}

.dropdown {
  position: relative;
}

.dropdown-toggle:focus {
  outline: 0;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  list-style: none;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
          box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box;
}

.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}

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

.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.428571429;
  color: #333333;
  white-space: nowrap;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  color: #262626;
  text-decoration: none;
  background-color: #f5f5f5;
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #ffffff;
  text-decoration: none;
  background-color: #428bca;
  outline: 0;
}

.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  color: #999999;
}

.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.open > .dropdown-menu {
  display: block;
}

.open > a {
  outline: 0;
}
.pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  border-top: 0;
  border-bottom: 4px solid;
  content: "";
}

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 1px;
}
.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}

.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  float: left;
}

.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover,
.btn-group > .btn:focus,
.btn-group-vertical > .btn:focus,
.btn-group > .btn:active,
.btn-group-vertical > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn.active {
  z-index: 2;
}

.btn-group > .btn:focus,
.btn-group-vertical > .btn:focus {
  outline: none;
}

.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
  margin-left: -1px;
}
.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0;
}

.btn-group > .btn:first-child {
  margin-left: 0;
}

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

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

.btn-group > .btn-group {
  float: left;
}

.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}

.btn-group > .btn-group:first-child > .btn:last-child,
.btn-group > .btn-group:first-child > .dropdown-toggle {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.btn-group > .btn-group:last-child > .btn:first-child {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
  outline: 0;
}
.btn-group > .btn + .dropdown-toggle {
  padding-right: 8px;
  padding-left: 8px;
}
.btn-group.open .dropdown-toggle {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn-group.open .dropdown-toggle.btn-link {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.btn .caret {
  margin-left: 0;
}

[data-toggle="buttons"] > .btn > input[type="radio"],
[data-toggle="buttons"] > .btn > input[type="checkbox"] {
  display: none;
}

.input-group {
  position: relative;
  display: table;
  border-collapse: separate;
}

.input-group[class*="col-"] {
  float: none;
  padding-right: 0;
  padding-left: 0;
}

.input-group .form-control {
  width: 100%;
  margin-bottom: 0;
}
.input-group-addon,
.input-group-btn,
.input-group .form-control {
  display: table-cell;
}

.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
  border-radius: 0;
}

.input-group-addon,
.input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
}

.input-group-addon {
  padding: 6px 12px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1;
  color: #555555;
  text-align: center;
  background-color: #eeeeee;
  border: 1px solid #cccccc;
  border-radius: 4px;
}
.input-group-addon.input-lg {
  padding: 10px 16px;
  font-size: 18px;
  border-radius: 6px;
}

.input-group-addon input[type="radio"],
.input-group-addon input[type="checkbox"] {
  margin-top: 0;
}

.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group-addon:first-child {
  border-right: 0;
}

.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.input-group-addon:last-child {
  border-left: 0;
}

.input-group-btn {
  position: relative;
  white-space: nowrap;
}

.input-group-btn:first-child > .btn {
  margin-right: -1px;
}

.input-group-btn:last-child > .btn {
  margin-left: -1px;
}

.input-group-btn > .btn {
  position: relative;
}

.input-group-btn > .btn + .btn {
  margin-left: -4px;
}

.input-group-btn > .btn:hover,
.input-group-btn > .btn:active {
  z-index: 2;
}

.nav {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.nav:before,
.nav:after {
  display: table;
  content: " ";
}

.nav:after {
  clear: both;
}

.nav:before,
.nav:after {
  display: table;
  content: " ";
}

.nav:after {
  clear: both;
}

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

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

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

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

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

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

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

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

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

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

.nav-tabs > li > a {
  margin-right: 2px;
  line-height: 1.428571429;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
}

.nav-tabs > li > a:hover {
  border-color: #eeeeee #eeeeee #dddddd;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #555555;
  cursor: default;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-bottom-color: transparent;
}
.nav-pills > li {
  float: left;
}

.nav-pills > li > a {
  border-radius: 4px;
}

.nav-pills > li + li {
  margin-left: 2px;
}

.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  color: #ffffff;
  background-color: #428bca;
}
.tab-content > .tab-pane {
  display: none;
}

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

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

.navbar {
  position: relative;
  min-height: 50px;
  margin-bottom: 20px;
  border: 1px solid transparent;
}

.navbar:before,
.navbar:after {
  display: table;
  content: " ";
}

.navbar:after {
  clear: both;
}

.navbar:before,
.navbar:after {
  display: table;
  content: " ";
}

.navbar:after {
  clear: both;
}

@media (min-width: 768px) {
  .navbar {
    border-radius: 4px;
  }
}
.navbar-static-top {
  z-index: 1000;
  border-width: 0 0 1px;
}

@media (min-width: 768px) {
  .navbar-static-top {
    border-radius: 0;
  }
}

.navbar-fixed-top,
.navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030;
}

@media (min-width: 768px) {
  .navbar-fixed-top,
  .navbar-fixed-bottom {
    border-radius: 0;
  }
}

.navbar-fixed-top {
  top: 0;
  border-width: 0 0 1px;
}

.breadcrumb {
  padding: 8px 15px;
  margin-bottom: 20px;
  list-style: none;
  background-color: #f5f5f5;
  border-radius: 4px;
}

.breadcrumb > li {
  display: inline-block;
}

.breadcrumb > li + li:before {
  padding: 0 5px;
  color: #cccccc;
  content: "/\00a0";
}

.breadcrumb > .active {
  color: #999999;
}
.pager {
  padding-left: 0;
  margin: 20px 0;
  text-align: center;
  list-style: none;
}

.pager:before,
.pager:after {
  display: table;
  content: " ";
}

.pager:after {
  clear: both;
}

.pager:before,
.pager:after {
  display: table;
  content: " ";
}

.pager:after {
  clear: both;
}

.pager li {
  display: inline;
}

.pager li > a,
.pager li > span {
  display: inline-block;
  padding: 5px 14px;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 15px;
}

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

.pager .next > a,
.pager .next > span {
  float: right;
}

.pager .previous > a,
.pager .previous > span {
  float: left;
}

.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
  color: #999999;
  cursor: not-allowed;
  background-color: #ffffff;
}

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

.label[href]:hover,
.label[href]:focus {
  color: #ffffff;
  text-decoration: none;
  cursor: pointer;
}

.label:empty {
  display: none;
}

.btn .label {
  position: relative;
  top: -1px;
}
.label-success {
  background-color: #5cb85c;
}

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

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

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

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

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

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

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

.badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: bold;
  line-height: 1;
  color: #ffffff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  background-color: #999999;
  border-radius: 10px;
}

.badge:empty {
  display: none;
}

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

a.badge:hover,
a.badge:focus {
  color: #ffffff;
  text-decoration: none;
  cursor: pointer;
}

a.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
  color: #428bca;
  background-color: #ffffff;
}

.nav-pills > li > a > .badge {
  margin-left: 3px;
}
.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}

.alert h4 {
  margin-top: 0;
  color: inherit;
}
.alert > p,
.alert > ul {
  margin-bottom: 0;
}

.alert > p + p {
  margin-top: 5px;
}

@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}

@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}

.progress {
  height: 20px;
  margin-bottom: 20px;
  overflow: hidden;
  background-color: #f5f5f5;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
          box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
.list-group {
  padding-left: 0;
  margin-bottom: 20px;
}
.close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #000000;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.2;
  filter: alpha(opacity=20);
}

.close:hover,
.close:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.5;
  filter: alpha(opacity=50);
}

button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}
.modal-open {
	overflow:hidden
}
.modal {
  position: fixed;
  top: 10%;
  left: 50%;
  z-index: 1050;
  margin-left: -280px;
  background-color: #ffffff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.3);
  *border: 1px solid #999;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
  outline: none;
  -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
     -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
          box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -webkit-background-clip: padding-box;
     -moz-background-clip: padding-box;
          background-clip: padding-box;
}

.modal.fade {
  top: -25%;
  -webkit-transition: opacity 0.3s linear, top 0.3s ease-out;
     -moz-transition: opacity 0.3s linear, top 0.3s ease-out;
       -o-transition: opacity 0.3s linear, top 0.3s ease-out;
          transition: opacity 0.3s linear, top 0.3s ease-out;
}

.modal.fade.in {
  top: 10%;
}
.modal-backdrop {
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	z-index:1030;
	background-color:#000
}
.modal-backdrop.fade {
	opacity:0;
	filter:alpha(opacity=0)
}
.modal-backdrop.in {
	opacity:.5;
	filter:alpha(opacity=50)
}
.modal-header {
	min-height:16.428571429px;
	padding:15px;
	border-bottom:1px solid #e5e5e5
}

.modal-header .close {
  margin-top: -2px;
}

.modal-header h3 {
  margin: 0;
  line-height: 30px;
}
.modal-title {
	margin:0;
	line-height:1.428571429
}
.modal-body {
  position: relative;
  max-height: 400px;
  padding: 20px;
  overflow-y: auto;
}
.modal-footer {
  padding: 19px 20px 20px;
  margin-top:15px;
  margin-bottom: 0;
  text-align: right;
  background-color: #f5f5f5;
  border-top:1px solid #e5e5e5;
  -webkit-border-radius: 0 0 6px 6px;
     -moz-border-radius: 0 0 6px 6px;
          border-radius: 0 0 6px 6px;
  *zoom: 1;
  -webkit-box-shadow: inset 0 1px 0 #ffffff;
     -moz-box-shadow: inset 0 1px 0 #ffffff;
          box-shadow: inset 0 1px 0 #ffffff;
}

.modal-footer:before,
.modal-footer:after {
  display: table;
  line-height: 0;
  content: "";
}

.modal-footer:after {
  clear: both;
}

.modal-footer .btn + .btn {
  margin-bottom: 0;
  margin-left: 5px;
}

.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}

.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}
.tooltip {
  position: absolute;
  z-index: 1030;
  display: block;
  font-size: 12px;
  line-height: 1.4;
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: visible;
}

.tooltip.in {
  opacity: 0.9;
  filter: alpha(opacity=90);
}

.tooltip.top {
  padding: 5px 0;
  margin-top: -3px;
}

.tooltip.right {
  padding: 0 5px;
  margin-left: 3px;
}

.tooltip.bottom {
  padding: 5px 0;
  margin-top: 3px;
}

.tooltip.left {
  padding: 0 5px;
  margin-left: -3px;
}

.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  background-color: #000000;
  border-radius: 4px;
}

.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-top-color: #000000;
  border-width: 5px 5px 0;
}

.tooltip.top-left .tooltip-arrow {
  bottom: 0;
  left: 5px;
  border-top-color: #000000;
  border-width: 5px 5px 0;
}

.tooltip.top-right .tooltip-arrow {
  right: 5px;
  bottom: 0;
  border-top-color: #000000;
  border-width: 5px 5px 0;
}

.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-right-color: #000000;
  border-width: 5px 5px 5px 0;
}

.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-left-color: #000000;
  border-width: 5px 0 5px 5px;
}

.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-bottom-color: #000000;
  border-width: 0 5px 5px;
}

.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  left: 5px;
  border-bottom-color: #000000;
  border-width: 0 5px 5px;
}

.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  right: 5px;
  border-bottom-color: #000000;
  border-width: 0 5px 5px;
}

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1010;
  display: none;
  max-width: 276px;
  padding: 1px;
  text-align: left;
  white-space: normal;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  background-clip: padding-box;
}

.popover.top {
  margin-top: -10px;
}

.popover.right {
  margin-left: 10px;
}

.popover.bottom {
  margin-top: 10px;
}

.popover.left {
  margin-left: -10px;
}

.popover-title {
  padding: 8px 14px;
  margin: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 18px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0;
}

.popover-content {
  padding: 9px 14px;
}

.popover .arrow,
.popover .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.popover .arrow {
  border-width: 11px;
}

.popover .arrow:after {
  border-width: 10px;
  content: "";
}

.popover.top .arrow {
  bottom: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-color: #999999;
  border-top-color: rgba(0, 0, 0, 0.25);
  border-bottom-width: 0;
}

.popover.top .arrow:after {
  bottom: 1px;
  margin-left: -10px;
  border-top-color: #ffffff;
  border-bottom-width: 0;
  content: " ";
}

.popover.right .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-right-color: #999999;
  border-right-color: rgba(0, 0, 0, 0.25);
  border-left-width: 0;
}

.popover.right .arrow:after {
  bottom: -10px;
  left: 1px;
  border-right-color: #ffffff;
  border-left-width: 0;
  content: " ";
}

.popover.bottom .arrow {
  top: -11px;
  left: 50%;
  margin-left: -11px;
  border-bottom-color: #999999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
  border-top-width: 0;
}

.popover.bottom .arrow:after {
  top: 1px;
  margin-left: -10px;
  border-bottom-color: #ffffff;
  border-top-width: 0;
  content: " ";
}

.popover.left .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-left-color: #999999;
  border-left-color: rgba(0, 0, 0, 0.25);
  border-right-width: 0;
}

.popover.left .arrow:after {
  right: 1px;
  bottom: -10px;
  border-left-color: #ffffff;
  border-right-width: 0;
  content: " ";
}

.carousel {
  position: relative;
}

.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.carousel-inner > .item {
  position: relative;
  display: none;
  -webkit-transition: 0.6s ease-in-out left;
          transition: 0.6s ease-in-out left;
}

.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  height: auto;
  max-width: 100%;
  line-height: 1;
}

.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
  display: block;
}

.carousel-inner > .active {
  left: 0;
}

.carousel-inner > .next,
.carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%;
}

.carousel-inner > .next {
  left: 100%;
}

.carousel-inner > .prev {
  left: -100%;
}

.carousel-inner > .next.left,
.carousel-inner > .prev.right {
  left: 0;
}

.carousel-inner > .active.left {
  left: -100%;
}

.carousel-inner > .active.right {
  left: 100%;
}

.carousel-control {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 15%;
  font-size: 20px;
  color: #ffffff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.carousel-control.left {
  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: 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);
}

.carousel-control.right {
  right: 0;
  left: auto;
  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: 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);
}

.carousel-control:hover,
.carousel-control:focus {
  color: #ffffff;
  text-decoration: none;
  outline: none;
  opacity: 0.9;
  filter: alpha(opacity=90);
}
.carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 15;
  width: 60%;
  padding-left: 0;
  margin-left: -30%;
  text-align: center;
  list-style: none;
}

.carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #000 \9;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #ffffff;
  border-radius: 10px;
}

.carousel-indicators .active {
  width: 12px;
  height: 12px;
  margin: 0;
  background-color: #ffffff;
}
@media screen and (min-width: 768px) {
  .carousel-indicators {
    bottom: 20px;
  }
}

.clearfix:before,
.clearfix:after {
  display: table;
  content: " ";
}

.clearfix:after {
  clear: both;
}
.pull-right {
  float: right !important;
}

.pull-left {
  float: left !important;
}

.hide {
  display: none;
}

.show {
  display: block !important;
}

.invisible {
  visibility: hidden;
}

.hidden {
  display: none;
  visibility: hidden;
}

.affix {
  position: fixed;
}

@-ms-viewport {
  width: device-width;
}


@font-face {
	font-family:'FontAwesome';
	src:url('fonts/fontawesome-webfont.eot?v=4.1.0');
	src:url('fonts/fontawesome-webfont.eot?#iefix&v=4.1.0') format('embedded-opentype'),url('fonts/fontawesome-webfont.woff?v=4.1.0') format('woff'),url('fonts/fontawesome-webfont.ttf?v=4.1.0') format('truetype'),url('fonts/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular') format('svg');
	font-weight:normal;
	font-style:normal
}
.fa,
.icon-ok,
.icon-remove,
.icon-plus,
.icon-chevron-right {
	display:inline-block;
	font-family:FontAwesome;
	font-style:normal;
	font-weight:normal;
	line-height:1;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale
}
.pull-right {
	float:right
}
.pull-left {
	float:left
}
.fa.pull-left {
	margin-right:.3em
}
.fa.pull-right {
	margin-left:.3em
}
@-moz-keyframes spin {
	0% {
	-moz-transform:rotate(0deg)
}
100% {
	-moz-transform:rotate(359deg)
}
}@-webkit-keyframes spin {
	0% {
	-webkit-transform:rotate(0deg)
}
100% {
	-webkit-transform:rotate(359deg)
}
}@-o-keyframes spin {
	0% {
	-o-transform:rotate(0deg)
}
100% {
	-o-transform:rotate(359deg)
}
}@keyframes spin {
	0% {
	-webkit-transform:rotate(0deg);
	transform:rotate(0deg)
}
100% {
	-webkit-transform:rotate(359deg);
	transform:rotate(359deg)
}
}
.fa-search:before {
	content:"\f002"
}
.fa-th:before {
	content:"\f00a"
}
.icon-ok:before,
.fa-check:before {
	content:"\f00c"
}
.icon-remove:before,
.fa-times:before {
	content:"\f00d"
}
.fa-trash-o:before {
	content:"\f014"
}
.fa-arrow-circle-o-down:before {
	content:"\f01a"
}
.fa-arrow-circle-o-up:before {
	content:"\f01b"
}
.fa-refresh:before {
	content:"\f021"
}
.fa-flag:before {
	content:"\f024"
}
.fa-pencil:before {
	content:"\f040"
}
.fa-arrows:before {
	content:"\f047"
}
.fa-play:before {
	content:"\f04b"
}
.fa-stop:before {
	content:"\f04d"
}
.fa-chevron-left:before {
	content:"\f053"
}
.icon-chevron-right:before,
.fa-chevron-right:before {
	content:"\f054"
}
.fa-ban:before {
	content:"\f05e"
}
.fa-arrow-left:before {
	content:"\f060"
}
.fa-arrow-right:before {
	content:"\f061"
}
.icon-plus:before,
.fa-plus:before {
	content:"\f067"
}
.fa-warning:before,.fa-exclamation-triangle:before {
	content:"\f071"
}
.fa-chevron-up:before {
	content:"\f077"
}
.fa-chevron-down:before {
	content:"\f078"
}
.fa-bar-chart-o:before {
	content:"\f080"
}
.fa-thumb-tack:before {
	content:"\f08d"
}
.fa-wrench:before {
	content:"\f0ad"
}
.fa-tasks:before {
	content:"\f0ae"
}
.fa-filter:before {
	content:"\f0b0"
}
.fa-copy:before,.fa-files-o:before {
	content:"\f0c5"
}
.fa-caret-down:before {
	content:"\f0d7"
}
.fa-caret-left:before {
	content:"\f0d9"
}
.fa-columns:before {
	content:"\f0db"
}
.fa-angle-double-up:before {
	content:"\f102"
}
.fa-angle-double-down:before {
	content:"\f103"
}
.fa-long-arrow-down:before {
	content:"\f175"
}
.fa-long-arrow-up:before {
	content:"\f176"
}
.fa-gear:before, .fa-cog:before {
	content: "\f013";
}
.fa-mail-reply:before,.fa-reply:before {
  content:"\f112"
}



body { 
	padding: 0 !important;
	margin: 0 !important;
	direction: ltr;
	background-color: #FFF !important;
	font-family: "Helvetica Neue", Helvetica,"Microsoft YaHei",  Arial, sans-serif;
	font-size: 14px;
	line-height: 1.42857143; 
	color: #fff;
	min-width: 320px;
	min-height: 320px;
	overflow:scroll;
	overflow-x:hidden;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	font-family: "Helvetica Neue", Helvetica,"Microsoft YaHei",  Arial, sans-serif;
}


.menu-switch {
	position: absolute;
	top: 0;
	left: 239px;
	bottom: 0;
	height: 100%;
	width: 15px;
	z-index: 99;
}
.menu-switch .menu-themb {
	position: relative;
	top: 50%;
	height: 98px;
	margin-top: -100px;
}
.menu-switch div.menu-themb {
	background-image: url(image/menu-toggle.png);
}
.menu-switch div.menu-themb.closed {
	background-position: 0 0;
}
.menu-switch div.menu-themb.opened {
	background-position: -15px 0;
}


.group-block {
	padding: 10px;
	text-align: center;
}

[class^="col-md-"].group-block, 
[class*="col-md-"].group-block,
[class^="col-xs-"].group-block, 
[class*="col-xs-"].group-block {
    padding: 0 20px 20px 0;
}
[class^="col-md-"].group-block.last, 
[class*="col-md-"].group-block.last,
[class^="col-xs-"].group-block.last, 
[class*="col-xs-"].group-block.last {
    padding: 0 0 20px 0;
}
.float-bg {
	position: fixed;
	top: 0;
	bottom: 0;
	right: 0;
	left: 240px;
	background: #000;
    opacity: 0.8;
    filter: alpha(opacity=80);
    background: rgba(0, 0, 0, 0.8);

}
.frame-nav {
	display: none;
}
.header {
	width: 239px;
	padding: 0;
	margin: 0;
	position: fixed;
	border: 0;
	background-color: #001524;
	background-color: rgba(0, 0, 0, 0.5);
}
.ie8 .header {
    padding: 0;
}
.header .brand {
	display: inline-block;
	width: 240px;
	padding: 30px 0 15px 0;
	text-align: center;
	float: left;
}   
.header .brand img {
    border: 0;
}
.header .nav {
	height: 39px;
	width: 240px;
	padding: 0;
	border-bottom: 1px solid #000e17;
	border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.header .nav > li {
    width: 55px;
    height: 35px;
    line-height: 35px;
    color: #8b8c91;
	float: left;
}
.header .nav > li.divide-li {
	width: 3px;
}
.header .nav > li:hover.divide-li {
	cursor: default;
}
.header .nav > li.menu-save {
    text-align: center;
}
.navbar .nav > li > a.action-btn {
    height: 37px;
}
.navbar .nav > li > a.action-btn:hover {
    background: transparent;
    border: 0;
}
.header .nav > li:last-child {
    border: 0;
}
.navbar .nav > li:hover {
    cursor: pointer;
}
.header .nav > li.dropdown {
    width: 115px;
}
.header .nav > li i.menu-icon-user {
    margin-left: 20px;
    margin-right: 10px;
    float: left;
}

.header .nav > li .menu-icon {
    width: 18px;
    height: 18px;
    margin-top: 10px;
    display: inline-block;
    background: url(image/menu-oper.png) no-repeat;
}
.header .nav > li:hover .menu-icon {
    width: 18px;
    height: 18px;
    margin-top: 10px;
    display: inline-block;
    background: url(image/menu-oper-hover.png) no-repeat;
}
.header .nav > li.droppdown .menu-icon {
    background: url(image/menu-oper-hover.png) no-repeat;
}
.header .nav > li.open .menu-icon,
.header .nav > li.open:hover .menu-icon {
    background: url(image/menu-oper-hover.png) no-repeat;
}
.header .nav >  li .PC-username {
    width: 60px;
    height: 35px;
    overflow: hidden;
    display: inline-block;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.header .nav >  li .shortcut .menu-icon {
    margin-top: 0;
    margin-left: -6px;
    margin-right: 11px;
    float: left;
}
.header .nav >  li .menu-icon.menu-icon-pwd {
    margin-top: -8px;
}
.header .nav >  li .shortcut .label-wrap {
    margin-top: 0;
    float: left;
}
.header .nav > li .menu-icon.menu-icon-user {
    background-position: 0 0;
}
.header .nav > li .menu-icon.menu-icon-save {
    background-position: -20px 0;
}
.header .nav > li.disabled .menu-icon.menu-icon-save,
.header .nav > li.disabled:hover .menu-icon.menu-icon-save {
	opacity: 0.5;
    	filter: alpha(opacity=50);
    	background: url(image/menu-oper.png) no-repeat;
    	background-position: -20px 0;
    	cursor: not-allowed;
}
.header .nav > li .menu-icon.menu-icon-pwd,
.header .nav > li:hover .menu-icon.menu-icon-pwd {
    background-position: -42px 0;
}
.header .nav > li .menu-icon.menu-icon-logout,
.header .nav > li:hover .menu-icon.menu-icon-logout {
    background-position: -62px 0;
}
.header .nav > li .menu-icon.menu-icon-lan,
.header .nav > li:hover .menu-icon.menu-icon-lan {
    background-position: -82px 0;
}
.navbar .nav > li > a {
	color: #99a5ac;
	padding: 0;
	font-size: 12px;
}
.divide-line {
	color: #1a3343;
}
.header .nav .open > a, 
.header .nav .open > a:hover,
.header .nav .open > a:focus {
	background-color: #16427f;
}
.nav .open>a, 
.nav .open>a:hover, 
.nav .open>a:focus {
    background: none;
}
.navbar .nav > li > a:hover {
    background: none;
    color: #fff;
}
.navbar .nav > li > a:focus,
.navbar .nav > li > a:active {
	background-color: #16427f;
	color: #a8b6d2;
}

.header .nav > li a i,
.header .nav > li a i {
	color: #a8b6d2;
}
.navbar .nav > li > a.dropdown-toggle {
    padding-right: 1px;
}
.header .nav .dropdown-menu {
	margin-top: 0;
	margin-right: 2px;
	padding: 5px 0;
	background: #16427f;
	border: 0;
}
.header .nav .dropdown-menu.shortcut {
	width: 240px;
	padding-bottom: 20px; 
}
.shortcut .phone-show {
	display:none;
}
.shortcut .menu-icon {
    cursor: default;
}
.nav-collapse .dropdown-menu li.lan-wrap,
.nav-collapse .dropdown-menu li > a {
    padding: 16px 20px 16px 22px;
    margin: 6px 2px;
    line-height: 3px;
    border: 1px solid transparent;
    text-align: left;
    cursor: pointer;
}
.nav-collapse .dropdown-menu li.lan-wrap:hover,
.nav-collapse .dropdown-menu li > a:hover,
.nav-collapse .dropdown-menu li > a:focus {
	background: transparent;
	border: 1px solid transparent;
}
#change_language .lang-contrainer select {
    cursor: pointer;
}
.dropdown .span-width {
    width: 90px;
    display: inline-block;
    text-align: left;
    margin-top: 8px;
    cursor: default;
}

.dropdown-menu {
    background-color: #184889;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    text-shadow: none;
    padding: 0px;
    margin: 0px;
    border-color: #7897c1;
    -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
}
.dropdown-menu li > a {
    padding: 6px 0 6px 13px;
    color: #bec8e2;
    text-decoration: none;
    display: block;
    clear: both;
    font-weight: normal;
    line-height: 18px;
    white-space: nowrap;
    border: 1px solid transparent;
}
.dropdown-menu li > a:hover {
    background: #eee;
}
.nav-collapse .dropdown-menu .btn-group {
    margin-left: 5px;
    margin-top: 0;
}
.dropdown .lang-contrainer select {
    margin: -25px 0 0 100px;
    width: 100px;
    height: 30px;
    padding: 0;
    float: left;
}
.dropdown-menu .divider {
    margin: 5px 1px;
    border-bottom: 0;
    background: none;
    width: 100%;
}
.dropdown-menu .divider hr {
    border-top: 1px solid #19356F;
}
.dropdown-menu label {
    line-height: 0;
    margin-bottom: 0;
}
.dropdown-menu i {
    margin-top: -10px;
}
.typeahead .dropdown-menu {
	min-width: 400px;
	min-height: 32px;
        border: 1px solid #3d659c;
        background: #184889;
        overflow: auto;
}
.typeahead .dropdown-menu>.active>a,
.typeahead .dropdown-menu li>.active>a,
.dropdown-menu>.active>a:hover,
.dropdown-menu>.active>a:focus {
	color: #fff;
	text-decoration: none;
	background-color: #143e76;
	outline: 0
}
.modal .typeahead .dropdown-menu {
	min-width: 237px;
}
.typeahead .dropdown-menu li > a {
	color: #bec8e2;
}
.lang-contrainer input[type="radio"] {
	margin: -2px 4px 0;
}
.page-container {
	margin: 0 0 0 187px;
	padding: 0;
}
.page-content {  
	margin-top: 0;   
	padding: 5px 15px 0 27px;	
	background: #FFF;
}
.ie8 .page-content {
	margin-left: 200px; 
}
.path {
	padding: 0 0 4px 0;
	height: 28px;
}
.breadcrumb {
	float: left;
    padding: 0 0 3px 0;
    margin: 0;
    background: #FFF;
}
.breadcrumb > li {
	float: left;
}
.breadcrumb li.lastitem  span{
	font-weight: bold;
	font-size: 16px;
}
.path .nav-tabs {
  float: right;
  margin-bottom: 0;
  border-bottom: 0;
}
.path .nav-tabs > li > a,
.path .nav-tabs > li > a:hover {
	text-decoration: underline;
	padding: 0 7px;
	margin: 0;
	border: 0;
	background: url(image/tab-divideline.png) right no-repeat;
}
.path .nav-tabs > li.lastitem > a {
    background:none;
    padding-right: 0;
}
.path .nav-tabs > .active > a,
.path .nav-tabs > .active > a:hover,
.path .nav-tabs > .active > a:focus {
	color: #AAA;
}
.tab-content {
	padding: 0 10px 0 0;
}
.tab-content.sub-tab {
	overflow: inherit;
}
.tab-content.mlist-container,
.sub-page.portlet.mlist-container {
	padding-bottom:0;
} 
#menu_div {
	width: 240px;
	position: fixed;
	left:0;
	z-index: 9;
}
#page_container {
	background-color: #1a4e95;
	padding: 0;
	margin: 0 0 0 240px;
	top: 0;
	bottom: 0;
	border-left: 1px solid #1a4e95;
	overflow: auto;
}
#page_container.dashboard {
	background-color: transparent;
	border-left: 1px solid #002137;
	border-left: 1px solid rgba(255, 255, 255, 0.15);
}
#page_container.full-width {
	margin-left:0;
}

.copyright {
	bottom: 0;
	right: 10px;
	color: #9bb0da;
	height: 70px;
	line-height: 28px;
	font-size: 14px;
	background: #1a4e95;
	text-align: right;
	padding-right: 45px;
	display: none;
}
.dashboard .copyright {
	background: transparent;
	color: #a8a8a8;
	display: block;
}
.bg {
	padding: 0;
	margin: 0;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
}
.bg-img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
}
a.menu-toggle .toggle-bg {
	background: url(image/menu-toggler.png) no-repeat;
	background-position: 0 0;
	width: 24px;
	height: 21px;
	display: block;
}
::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0);
    border-radius: 10px;
}
::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: rgba(161,178,189,0.2);
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0);
}
::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(255,0,0,0);
}
*{
    scrollbar-arrow-color: #426ba0;
    scrollbar-face-color: #426ba0;
    scrollbar-3dlight-color: #426ba0;
    scrollbar-highlight-color: #426ba0;
    scrollbar-shadow-color: #426ba0;
    scrollbar-darkshadow-color: #426ba0;
    scrollbar-track-color: #1a4e95;
    scrollbar-base-color: #1a4e95;
}
.ie8 .page-sidebar {
    scrollbar-track-color: #001421;
}
.icon-chevron-right:before, 
.fa-chevron-left:before {
	cursor: pointer !important;
}
.oper-container .icon {
	width: auto;
	height: auto;
    display: inline-block;
}

.changed{color:white;}




.ie8 .page-sidebar {
	width: 240px;
}
.ie8 .menu {
    background: #001421;
}
.page-sidebar {
    background-color: #001421;
	background-color: rgba(0, 0, 0, 0.5);
	margin-bottom: 20px;
	z-index: 2;
	overflow: auto;
}
.device.carousel {
	width: 178px;
	margin: 0 30px;
}
.device .carousel-control {
    display: inline;
    background: transparent;
    margin-top: 10px;
    opacity: 1;
    filter: none;
    font-size: 15px;
    color: #345e8d;
    width: 6%;
}
.device .carousel-control:hover {
    color: #fff;
}
.device.carousel .devices-sysname,
.device.carousel .devices-time,
.device.carousel .devices-name {
    margin: 6px auto;
    color: #69a5f0;
	text-align: center;
}
.device.carousel .devices-sysname span,
.device.carousel .devices-name span {
    width: 170px;
    text-align: center;
    display: block;
    overflow: hidden;
    padding: 0 10px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.page-sidebar .devices-line {
    margin: 0 12px;
    color: #003969;
}
.page-sidebar .device-wrap i.icon-caret-left {
    left: 18px;
}
.page-sidebar .device-wrap i.icon-caret-right {
    right: 22px;
}
.page-sidebar .device-wrap .device-dis {
	margin: 13px 0 7px 27px;
	width: auto;
    height: auto;
}
.page-sidebar .device-wrap .device-dis span {
    overflow: hidden;
    padding: 0 10px;
    display: block;
    text-align: center;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;


}
ul.page-sidebar-menu {
	list-style: none;
	margin: 0;	
	padding: 0;
}

ul.page-sidebar-menu > li {
	display: block;
	margin: 0;
	padding: 0; 
	border-bottom: 1px solid rgba(255, 255, 255, 0.05);
	line-height: 20px;
}
ul.page-sidebar-menu > li:first-child {
    border-top: 1px solid #101d28;
}
ul.page-sidebar-menu > li > a {
	display: block;
	position: relative;
	margin: 0;
	border: 0;
  	color: #69a5f0;
	padding: 14px 30px 14px 40px;
	font-size: 16px;
	-webkit-transition: background .2s;
	transition: background .2s;
}
ul.page-sidebar-menu > li .sub-menu a .arrow {
	display: none;
}
ul.page-sidebar-menu > li > a i {
	margin-right: 26px;

}
ul.page-sidebar-menu > li.open > a,
ul.page-sidebar-menu > li > a:hover,
ul.page-sidebar-menu > li:hover > a {
    color: #fff;
    background: #0d294e;
}


ul.page-sidebar-menu > li .menu-icon {
    width: 21px;
    height: 21px;
    display: inline-block;
    background: url(image/menu-icon.png) no-repeat;
    float: left;
}
ul.page-sidebar-menu > li >ul.sub-menu .menu-icon {
    display: none;
}
ul.page-sidebar-menu > li .menu-icon.icon-file-dashboard {
    background-position: 0 -5px;
}

ul.page-sidebar-menu > li .menu-icon.icon-file-device {
    background-position: -32px -5px;
}
ul.page-sidebar-menu > li .menu-icon.icon-file-network {
    background-position: -58px -3px;
}
ul.page-sidebar-menu > li .menu-icon.icon-file-resource {
    background-position: -87px -2px;
}
ul.page-sidebar-menu > li .menu-icon.icon-file-nat {
    background-position: -118px -3px;
}
ul.page-sidebar-menu > li .menu-icon.icon-file-vpn {
    background-position: -148px -3px;
}
ul.page-sidebar-menu > li .menu-icon.icon-file-firewall {
    background-position: -179px -3px;
}
ul.page-sidebar-menu > li .menu-icon.icon-file-traffic {
    background-position: -210px -3px;
}
ul.page-sidebar-menu > li .menu-icon.icon-file-highavailability {
    background-position: -243px -3px;
}
ul.page-sidebar-menu > li .menu-icon.icon-file-loadbalance {
    background-position: -274px -3px;
}
ul.page-sidebar-menu > li .menu-icon.icon-file-log {
    background-position: -305px -3px;
}
ul.page-sidebar-menu > li .menu-icon.icon-file-qos {
    background-position: -332px -3px;
}
ul.page-sidebar-menu > li .menu-icon.icon-file-security {
    background-position: -359px -3px;
}
ul.page-sidebar-menu > li .menu-icon.icon-file-poe {
    background-position: -381px -3px;
}
ul.page-sidebar-menu > li .menu-icon.icon-file-defense {
    background-position: -408px -4px;
}
ul.page-sidebar-menu > li .menu-icon.icon-file-audit {
    background-position: -434px -4px;
}
ul.page-sidebar-menu > li .menu-icon.icon-file-policy {
    background-position: -458px -4px;
}
ul.page-sidebar-menu > li .menu-icon.icon-file-monitor {
    background-position: -484px -4px;
}
ul.page-sidebar-menu > li .menu-icon.icon-file-winet {
     background-position: -670px -1px;
}
ul.page-sidebar-menu > li .menu-icon.icon-file-smartmc {
     background-position: -700px -2px;
}
ul.page-sidebar-menu > li .menu-icon.icon-file-stat {
    background-position: -514px -3px;
}
ul.page-sidebar-menu > li .menu-icon.icon-file-quickconfigs {
    background-position: -545px -2px;
}
ul.page-sidebar-menu > li .menu-icon.icon-file-server {
    background-position: -578px -1px;
}
ul.page-sidebar-menu > li .menu-icon.icon-file-lblink {
    background-position: -609px -1px;
}
ul.page-sidebar-menu > li .menu-icon.icon-file-global {
    background-position: -641px -1px;
}
ul.page-sidebar-menu > li .menu-icon.icon-file-wlanac {
    background-position: -730px -3px;
}


ul.page-sidebar-menu > li > a:hover .menu-icon.icon-file-dashboard,
ul.page-sidebar-menu > li.active > a .menu-icon.icon-file-dashboard,
ul.page-sidebar-menu > li.open > a .menu-icon.icon-file-dashboard {
    background-position: 0 -29px;
}
ul.page-sidebar-menu > li > a:hover .menu-icon.icon-file-device,
ul.page-sidebar-menu > li.active > a .menu-icon.icon-file-device,
ul.page-sidebar-menu > li.open > a .menu-icon.icon-file-device {
    background-position: -32px -29px;
}
ul.page-sidebar-menu > li > a:hover .menu-icon.icon-file-network,
ul.page-sidebar-menu > li.active > a .menu-icon.icon-file-network,
ul.page-sidebar-menu > li.open > a .menu-icon.icon-file-network {
    background-position: -58px -28px;
}
ul.page-sidebar-menu > li > a:hover .menu-icon.icon-file-resource,
ul.page-sidebar-menu > li.active > a .menu-icon.icon-file-resource,
ul.page-sidebar-menu > li.open > a .menu-icon.icon-file-resource {
    background-position: -87px -27px;
}
ul.page-sidebar-menu > li > a:hover .menu-icon.icon-file-nat,
ul.page-sidebar-menu > li.active > a .menu-icon.icon-file-nat,
ul.page-sidebar-menu > li.open > a .menu-icon.icon-file-nat {
    background-position: -118px -28px;
}
ul.page-sidebar-menu > li > a:hover .menu-icon.icon-file-vpn,
ul.page-sidebar-menu > li.active > a .menu-icon.icon-file-vpn,
ul.page-sidebar-menu > li.open > a .menu-icon.icon-file-vpn {
    background-position: -148px -28px;
}
ul.page-sidebar-menu > li > a:hover .menu-icon.icon-file-firewall,
ul.page-sidebar-menu > li.active > a .menu-icon.icon-file-firewall,
ul.page-sidebar-menu > li.open > a .menu-icon.icon-file-firewall {
    background-position: -179px -28px;
}
ul.page-sidebar-menu > li > a:hover .menu-icon.icon-file-traffic,
ul.page-sidebar-menu > li.active > a .menu-icon.icon-file-traffic,
ul.page-sidebar-menu > li.open > a .menu-icon.icon-file-traffic {
    background-position: -210px -28px;
}
ul.page-sidebar-menu > li > a:hover .menu-icon.icon-file-highavailability,
ul.page-sidebar-menu > li.active > a .menu-icon.icon-file-highavailability,
ul.page-sidebar-menu > li.open > a .menu-icon.icon-file-highavailability {
    background-position: -243px -28px;
}
ul.page-sidebar-menu > li > a:hover .menu-icon.icon-file-loadbalance,
ul.page-sidebar-menu > li.active > a .menu-icon.icon-file-loadbalance,
ul.page-sidebar-menu > li.open > a .menu-icon.icon-file-loadbalance {
    background-position: -274px -28px;
}
ul.page-sidebar-menu > li > a:hover .menu-icon.icon-file-log,
ul.page-sidebar-menu > li.active > a .menu-icon.icon-file-log,
ul.page-sidebar-menu > li.open > a .menu-icon.icon-file-log {
    background-position: -305px -28px;
}

ul.page-sidebar-menu > li > a:hover .menu-icon.icon-file-qos,
ul.page-sidebar-menu > li.active > a .menu-icon.icon-file-qos,
ul.page-sidebar-menu > li.open > a .menu-icon.icon-file-qos {
    background-position: -332px -28px;
}
ul.page-sidebar-menu > li > a:hover .menu-icon.icon-file-security,
ul.page-sidebar-menu > li.active > a .menu-icon.icon-file-security,
ul.page-sidebar-menu > li.open > a .menu-icon.icon-file-security {
    background-position: -359px -27px;
}
ul.page-sidebar-menu > li > a:hover .menu-icon.icon-file-poe,
ul.page-sidebar-menu > li.active > a .menu-icon.icon-file-poe,
ul.page-sidebar-menu > li.open > a .menu-icon.icon-file-poe {
    background-position: -381px -27px;
}
ul.page-sidebar-menu > li > a:hover .menu-icon.icon-file-defense,
ul.page-sidebar-menu > li.active > a .menu-icon.icon-file-defense,
ul.page-sidebar-menu > li.open > a .menu-icon.icon-file-defense {
    background-position: -408px -28px;
}
ul.page-sidebar-menu > li > a:hover .menu-icon.icon-file-audit,
ul.page-sidebar-menu > li.active > a .menu-icon.icon-file-audit,
ul.page-sidebar-menu > li.open > a .menu-icon.icon-file-audit {
    background-position: -434px -28px;
}
ul.page-sidebar-menu > li > a:hover .menu-icon.icon-file-policy,
ul.page-sidebar-menu > li.active > a .menu-icon.icon-file-policy,
ul.page-sidebar-menu > li.open > a .menu-icon.icon-file-policy {
    background-position: -458px -28px;
}
ul.page-sidebar-menu > li > a:hover .menu-icon.icon-file-monitor,
ul.page-sidebar-menu > li.active > a .menu-icon.icon-file-monitor,
ul.page-sidebar-menu > li.open > a .menu-icon.icon-file-monitor {
    background-position: -484px -28px;
}
ul.page-sidebar-menu > li > a:hover .menu-icon.icon-file-winet,
ul.page-sidebar-menu > li.active > a .menu-icon.icon-file-winet,
ul.page-sidebar-menu > li.open > a .menu-icon.icon-file-winet {
    background-position: -671px -26px;
}
ul.page-sidebar-menu > li > a:hover .menu-icon.icon-file-smartmc,
ul.page-sidebar-menu > li.active > a .menu-icon.icon-file-smartmc,
ul.page-sidebar-menu > li.open > a .menu-icon.icon-file-smartmc {
    background-position: -700px -26px;
}

ul.page-sidebar-menu > li > a:hover .menu-icon.icon-file-stat,
ul.page-sidebar-menu > li.active > a .menu-icon.icon-file-stat,
ul.page-sidebar-menu > li.open > a .menu-icon.icon-file-stat {
    background-position: -514px -27px;
}
ul.page-sidebar-menu > li > a:hover .menu-icon.icon-file-quickconfigs,
ul.page-sidebar-menu > li.active > a .menu-icon.icon-file-quickconfigs,
ul.page-sidebar-menu > li.open > a .menu-icon.icon-file-quickconfigs {
    background-position: -545px -26px;
}
ul.page-sidebar-menu > li > a:hover .menu-icon.icon-file-server,
ul.page-sidebar-menu > li.active > a .menu-icon.icon-file-server,
ul.page-sidebar-menu > li.open > a .menu-icon.icon-file-server {
    background-position: -578px -25px;
}
ul.page-sidebar-menu > li > a:hover .menu-icon.icon-file-lblink,
ul.page-sidebar-menu > li.active > a .menu-icon.icon-file-lblink,
ul.page-sidebar-menu > li.open > a .menu-icon.icon-file-lblink {
    background-position: -609px -25px;
}
ul.page-sidebar-menu > li > a:hover .menu-icon.icon-file-global,
ul.page-sidebar-menu > li.active > a .menu-icon.icon-file-global,
ul.page-sidebar-menu > li.open > a .menu-icon.icon-file-global {
    background-position: -641px -25px;
}
ul.page-sidebar-menu > li > a:hover .menu-icon.icon-file-wlanac,
ul.page-sidebar-menu > li.active > a .menu-icon.icon-file-wlanac,
ul.page-sidebar-menu > li.open > a .menu-icon.icon-file-wlanac {
    background-position: -731px -27px;
}





ul.page-sidebar-menu > li.active > a {
	border: none; 
	text-shadow:none;
	background: #1a4e95 !important;
}
li.active > a > span{
	color: #fff;
}

.sub-menu li.active > a > span{
    color: #7695bf;
}

.sub-menu .sub-menu li.active > a > span{
    color: #dae7f9;

}
.page-sidebar ul > li > a > .menu-icon-arrow {
	width: auto;
	height: auto;
	float: right;
	margin-right: 0;
	display: inline;
	background: url(image/menu-icon-arrow.png) no-repeat;
	cursor: pointer;
}
.page-sidebar ul > li > a > .arrow {
	margin-top: 7px;
	width: 5px;
	height: 8px;
	background-position: -18px 0;
}

ul.page-sidebar-menu > li > a > .arrow.open,
ul.page-sidebar-menu > li.active > a > span.arrow,
ul.page-sidebar-menu > li.active > a > span.arrow.open,
ul.page-sidebar-menu > li > a:hover .arrow.open,
ul.page-sidebar-menu > li.active > a .arrow.open {   
	width: 8px;
	height: 5px;
	background-position: 0 0;
}

ul.page-sidebar-menu > li.active > a .arrow,
ul.page-sidebar-menu > li > a:hover .arrow {
	width: 5px;
	height: 8px;
	background-position: -11px 0;
}

ul.page-sidebar-menu > li > ul.sub-menu {
	display: none;
	list-style: none;
	clear: both;
	margin: 0px;
	position: fixed;
	left: 239px;
	border-left: 0;
	padding: 1px 25px;
	background: #1a4e95;
}
ul.page-sidebar-menu > li > ul.first.sub-menu {
	overflow: auto;
}
ul.page-sidebar-menu > li.open > ul.sub-menu {
	display: block;
	z-index: -999;
}

ul.page-sidebar-menu > li > ul.sub-menu > li {
	margin: 0px;
	color: #E3E3E3;
	border-bottom: 1px solid #153e77;
}
ul.page-sidebar-menu > li > ul.sub-menu > li:last-child {
    border-bottom: 0;
}

ul.page-sidebar-menu > li.open > ul.sub-menu > li {
	clear: both;
}
ul.page-sidebar-menu > li > ul.sub-menu > li > a {
	display: inline-block;
	padding: 13px 0;
	margin-right: 20px;
	font-weight: 300;
	font-size: 16px;
	color: #7695bf;
	float: left;
	min-width: 60px;

}

ul.page-sidebar-menu > li > ul.sub-menu > li.active > a,
ul.page-sidebar-menu > li > ul.sub-menu > li > a:hover {
	background: transparent !important;
	color: #7695bf;
	cursor: default;
}
ul.page-sidebar-menu > li > ul.sub-menu > li.active > a:hover{
    background: transparent !important;
}




ul.page-sidebar-menu > li > ul.sub-menu  > li ul.sub-menu {
	display: inline-block;
	list-style: none;
	clear: both;
	margin: 0;
	padding-left: 0;
}




ul.page-sidebar-menu > li > ul.sub-menu li > ul.sub-menu > li.active > a,
ul.page-sidebar-menu > li > ul.sub-menu li > ul.sub-menu > li.active > a:hover {
	background: #153f78 !important;;
	padding: 4px 12px;
	margin: 9px 0;
}
ul.page-sidebar-menu > li > ul.sub-menu li > ul.sub-menu > li > a:hover,
ul.page-sidebar-menu > li > ul.sub-menu li.open > a {
	color: #fff !important;
	background: transparent !important;
}

ul.page-sidebar-menu > li.active > ul.sub-menu > li.active ul.sub-menu {
	display: inline-block;
}

ul.page-sidebar-menu > li > ul.sub-menu > li  ul.sub-menu li {
	background: none;
	margin: 0 20px 0 0;
	padding: 0px;
	display: inline-block;
}

ul.page-sidebar-menu > li > ul.sub-menu  li > ul.sub-menu > li > a {
	display: block;
	margin: 0;
	padding: 13px 0;
	font-weight: 300;
	font-size: 14px;
	background: none;
	color: #acbde0;
}
ul.page-sidebar-menu > li > ul.sub-menu  li > ul.sub-menu > li > a span.title {
    font-size: 14px;
}
ul.page-sidebar-menu > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li > a {  
	padding-left: 80px;
}

ul.page-sidebar-menu > li.active > ul.sub-menu > li.active ul.sub-menu > li.active ul.sub-menu {
	display: block;
}


html, body {
	height: 100%;
	width: 100%;
	margin:0;
	padding:0;
	overflow: hidden;
}


a {
	color: #fff;
	text-decoration: none;
}
a:hover {
	color: #acbde0;
    text-decoration: none;
}
a:focus {
    outline: 0;
    text-decoration: none;
}
label {
    margin-bottom: 0;
    font-weight: normal;
    line-height: 22px;
    vertical-align: middle;
}
pre {
	display: block;
	font-size: 14px;
	color: #fff;
	background-color: transparent;
	border: 1px solid #5f83b5;
	border-radius: 0px;
}
pre.legal {
  border: none;
}
.radio, 
.checkbox {
	display: table;
}
.radio input[type="text"] { 
    margin-top: -6px;
}

input,select{
    color: #bec8e2;
}

input[type="radio"], 
input[type="checkbox"] {
	margin: 6px 5px 6px 0;
	vertical-align: middle;
}
input[type="button"],
input[type="reset"],
input[type="submit"],
input[type="search"],
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="color"],
input[type="tel"],
input[type="image"],
select {
    border: 1px solid #3d659c;
    background: #184889;
    height: 36px;
    line-height: 36px;
    padding: 0 0 0 8px;
	width: 400px;
	vertical-align: middle;
	margin: 10px 0 10px 0;
}
input.text-error,
select.text-error {
	border-color: #eb433a;
	background-color: #ffe1db;
	color: #666;
} 
input.text-error:focus,
select.text-error:focus {
	color: #bec8e2;
}
input.big,
select.big,
textarea.big {
    width: 260px;
}
textarea {
    border: 1px solid #3d659c;
    background: #184889;
    height: 68px;
    padding: 0 6px;
    min-width: 400px;
	color: #bec8e2;
	margin: 10px 0 10px 0;
    line-height: 18px;
}
.modal textarea {
    min-width: 237px;
}
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
input[type="search"]:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="color"]:focus,
input[type="tel"]:focus,
input[type="image"]:focus,
select:focus,
textarea:focus {
    outline: none;
    -moz-outline-style: none; 
    border: 1px solid #7897c1;
    background: #184889;
}

input.disabled,
select.disabled,
input[disabled],
select[disabled],
input[readonly],
textarea[readonly] {
  cursor: default;
  background-color: #1a4e95;

}
input[readonly]:focus,
select[readonly]:focus, 
textarea[readonly]:focus, 
input.disabled:focus,
select.disabled:focus,
textarea.disabled:focus {
  cursor: default;
  background-color: #1a4e95;
  border: 1px solid #3d659c;
}
.edit-list input[disabled],
.edit-list select[disabled],
.edittable input[disabled],
.edittable select[disabled] {
  cursor: default;
  background-color: #1a4e95;
  border: 1px solid #1a4e95;
}
input[type="button"].two-group,
input[type="reset"].two-group,
input[type="submit"].two-group,
input[type="search"].two-group,
input[type="text"].two-group,
input[type="password"].two-group,
input[type="datetime"].two-group,
input[type="datetime-local"].two-group,
input[type="date"].two-group,
input[type="month"].two-group,
input[type="time"].two-group,
input[type="week"].two-group,
input[type="number"].two-group,
input[type="email"].two-group,
input[type="url"].two-group,
input[type="color"].two-group,
input[type="tel"].two-group,
input[type="image"].two-group,
select.two-group {
	width: 191px;
}
.modal input[type="button"].two-group,
.modal input[type="reset"].two-group,
.modal input[type="submit"].two-group,
.modal input[type="search"].two-group,
.modal input[type="text"].two-group,
.modal input[type="password"].two-group,
.modal input[type="datetime"].two-group,
.modal input[type="datetime-local"].two-group,
.modal input[type="date"].two-group,
.modal input[type="month"].two-group,
.modal input[type="time"].two-group,
.modal input[type="week"].two-group,
.modal input[type="number"].two-group,
.modal input[type="email"].two-group,
.modal input[type="url"].two-group,
.modal input[type="color"].two-group,
.modal input[type="tel"].two-group,
.modal input[type="image"].two-group,
.modal select.two-group {
	width: 109px;
}
input[type="button"].four-group,
input[type="reset"].four-group,
input[type="submit"].four-group,
input[type="search"].four-group,
input[type="text"].four-group,
input[type="password"].four-group,
input[type="datetime"].four-group,
input[type="datetime-local"].four-group,
input[type="date"].four-group,
input[type="month"].four-group,
input[type="time"].four-group,
input[type="week"].four-group,
input[type="number"].four-group,
input[type="email"].four-group,
input[type="url"].four-group,
input[type="color"].four-group,
input[type="tel"].four-group,
input[type="image"].four-group,
select.four-group {
	width: 74px;
}
.mul-input {
	border: 1px solid #3d659c;
	background: #184889;
	width: auto;
	display: inline-block;
	vertical-align: middle;
	height: 36px;
	line-height: 36px;
	padding: 0;
	margin: 10px 0 10px 0;
}
.mul-input input[type="button"],
.mul-input input[type="reset"],
.mul-input input[type="submit"],
.mul-input input[type="search"],
.mul-input input[type="text"],
.mul-input input[type="password"],
.mul-input input[type="datetime"],
.mul-input input[type="datetime-local"],
.mul-input input[type="date"],
.mul-input input[type="month"],
.mul-input input[type="time"],
.mul-input input[type="week"],
.mul-input input[type="number"],
.mul-input input[type="email"],
.mul-input input[type="url"],
.mul-input input[type="color"],
.mul-input input[type="tel"],
.mul-input input[type="image"],
.mul-input select {
	border: 1px solid transparent;
	background: transparent;
	margin-top: -1px;
}
.mul-input input[type="button"]:focus,
.mul-input input[type="reset"]:focus,
.mul-input input[type="submit"]:focus,
.mul-input input[type="search"]:focus,
.mul-input input[type="text"]:focus,
.mul-input input[type="password"]:focus,
.mul-input input[type="datetime"]:focus,
.mul-input input[type="datetime-local"]:focus,
.mul-input input[type="date"]:focus,
.mul-input input[type="month"]:focus,
.mul-input input[type="time"]:focus,
.mul-input input[type="week"]:focus,
.mul-input input[type="number"]:focus,
.mul-input input[type="email"]:focus,
.mul-input input[type="url"]:focus,
.mul-input input[type="color"]:focus,
.mul-input input[type="tel"]:focus,
.mul-input input[type="image"]:focus,
.mul-input select:focus {
    border: 1px solid #7897c1;
    background: #184889;
}
.mul-input input[type="button"].text-error,
.mul-input input[type="reset"].text-error,
.mul-input input[type="submit"].text-error,
.mul-input input[type="search"].text-error,
.mul-input input[type="text"].text-error,
.mul-input input[type="password"].text-error,
.mul-input input[type="datetime"].text-error,
.mul-input input[type="datetime-local"].text-error,
.mul-input input[type="date"].text-error,
.mul-input input[type="month"].text-error,
.mul-input input[type="time"].text-error,
.mul-input input[type="week"].text-error,
.mul-input input[type="number"].text-error,
.mul-input input[type="email"].text-error,
.mul-input input[type="url"].text-error,
.mul-input input[type="color"].text-error,
.mul-input input[type="tel"].text-error,
.mul-input input[type="image"].text-error,
.mul-input select.text-error {
	border-color: #eb433a;
	background-color: #ffe1db;
	color: #bec8e2;
} 
.mul-input input[type="button"].disabled,
.mul-input input[type="button"][disabled],
.mul-input input[type="button"][readonly],
.mul-input input[type="reset"].disabled,
.mul-input input[type="reset"][disabled],
.mul-input input[type="reset"][readonly],
.mul-input input[type="submit"].disabled,
.mul-input input[type="submit"][disabled],
.mul-input input[type="submit"][readonly],
.mul-input input[type="search"].disabled,
.mul-input input[type="search"][disabled],
.mul-input input[type="search"][readonly],
.mul-input input[type="text"].disabled,
.mul-input input[type="text"][disabled],
.mul-input input[type="text"][readonly],
.mul-input input[type="password"].disabled,
.mul-input input[type="password"][disabled],
.mul-input input[type="password"][readonly],
.mul-input input[type="datetime"].disabled,
.mul-input input[type="datetime"][disabled],
.mul-input input[type="datetime"][readonly],
.mul-input input[type="datetime-local"].disabled,
.mul-input input[type="datetime-local"][disabled],
.mul-input input[type="datetime-local"][readonly],
.mul-input input[type="date"].disabled,
.mul-input input[type="date"][disabled],
.mul-input input[type="date"][readonly],
.mul-input input[type="month"].disabled,
.mul-input input[type="month"][disabled],
.mul-input input[type="month"][readonly],
.mul-input input[type="time"].disabled,
.mul-input input[type="time"][disabled],
.mul-input input[type="time"][readonly],
.mul-input input[type="week"].disabled,
.mul-input input[type="week"][disabled],
.mul-input input[type="week"][readonly],
.mul-input input[type="number"].disabled,
.mul-input input[type="number"][disabled],
.mul-input input[type="number"][readonly],
.mul-input input[type="email"].disabled,
.mul-input input[type="email"][disabled],
.mul-input input[type="email"][readonly],
.mul-input input[type="url"].disabled,
.mul-input input[type="url"][disabled],
.mul-input input[type="url"][readonly],
.mul-input input[type="color"].disabled,
.mul-input input[type="color"][disabled],
.mul-input input[type="color"][readonly],
.mul-input input[type="tel"].disabled,
.mul-input input[type="tel"][disabled],
.mul-input input[type="tel"][readonly],
.mul-input input[type="image"].disabled,
.mul-input input[type="image"][disabled],
.mul-input input[type="image"][readonly],
.mul-input select.disabled,
.mul-input select[disabled],
.mul-input select[readonly] {
    border: 1px solid #3d659c;
    border-left:0;
    border-right:0;
    background: #1a4e95;
}
.mul-input.disabled{
    border: 1px solid #3d659c;
    background: #1a4e95;
    cursor: not-allowed;
}
.connect-sign {
    display: inline-block;
    line-height: 22px;
    vertical-align: middle;
    margin-bottom: 10px;
    margin-left: 2px;
    margin-right: 2px;
}
.mul-input label.connect-sign {
    margin-left: 0;
    margin-right: 0;
}
select {
	padding:0 0 0 6px;
}
 p {
    margin: 0;
}
.row {
    margin: 0;
}
hr {
    margin: 0 20px;
    border-top: 1px solid #153e77;
}
.info {
    font-size: 12px;
    color: #bec8e2;
    line-height: 24px;
}
.info-help,
.help-inline {
	vertical-align: middle;
	color: #d7d749;
	font-size: 12px;
	font-weight: normal;
	background: #16427f;
	padding: 5px 10px;
	line-height: 24px;
}
.info-explain {
	vertical-align: middle;
	color: #a3b8d5;
}
.table-condensed.cli-table {
    width: 100%;
}
.table-condensed.cli-table th, 
.table-condensed.cli-table td {
    border-top: 0;
    border-bottom: 1px dashed #ddd;
    line-height: 28px;
    text-align: left;
    vertical-align: top;
}
.table-condensed.cli-table span { 
    font-size: 14px;
    font-weight: normal; 
}
.table-detail .odd {
	background-color: transparent;
}
.table-detail .even {
	background-color: #16427e;
}
.table-detail>thead>tr>th, 
.table-detail>tbody>tr>th, 
.table-detail>tfoot>tr>th, 
.table-detail>thead>tr>td, 
.table-detail>tbody>tr>td, 
.table-detail>tfoot>tr>td {
	padding: 0px 5px;
	line-height: 42px;
	height: 42px;
	border-top: 0;
	border-bottom: 1px solid #3f67b8;
}
.table-bordered,
.table-detail {
	border: 1px solid #5f83b5;
	color: #bec8e2;
	text-align: center;
}
#syslog_top10 .table-bordered,
#syslog_top10 .table-detail {
	text-align: left;
}
#syslog_top10 .table-bordered td,
#syslog_top10 .table-detail td {
	padding-left: 10px;
}
.table-striped>tbody>tr:nth-child(odd)>td, .table-striped>tbody>tr:nth-child(odd)>th {
	background-color: #174686;
}
#syslog_top10 .table-striped>tbody>tr:nth-child(odd)>td, .dashboard .table-striped>tbody>tr:nth-child(odd)>th {
	background-color: #2a51a0;
}
.table-bordered>thead>tr>th, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>tbody>tr>td, .table-bordered>tfoot>tr>td {
	border: 1px solid #5f83b5;
	border-bottom: 1px solid #3f67b8;
}
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th{
	color: #fff;
	text-align: center;
}
.edittable-table.table > caption + thead > tr:first-child > th,
.edittable-table.table > colgroup + thead > tr:first-child > th,
.edittable-table.table > thead:first-child > tr:first-child > th{
	text-align: left;
}
.info-icon, 
.info-icon:focus, 
.info-icon:hover, 
.info-icon:active {
    text-decoration: none;
}
.info .info-hide{
    display: none;
}
.info.expanded p.info-hide, .info.expanded span.info-hide{
	display: block;
	border: 0;
	padding: 3px 8px;
}
.info.expanded label.info-hide {
	display: inline;
	padding: 8px 10px;
}
.pre {
	white-space: pre;
	padding: 0px 20px 15px 0px;
	font-size: 16px;
	line-height: 32px;
	font-family: arial;
	margin-top: -15px;
}

.bg-gray {
    background: #16427f;
}
.bg-white {
    background: #FFF;
}
.count.bg-dark {
    background: #AAA;
	cursor: default;
}
i[class^="icon-"]:before, 
i[class*="icon-"]:before,
i[class^="fa-"]:before, 
i[class*="fa-"]:before {
	cursor: pointer;
}
[class^="icon-"], 
[class*=" icon-"],
[class^="icon-"]:hover, 
[class*=" icon-"]:hover,
[class^="fa-"], 
[class*="fa-"],
[class^="fa-"]:hover, 
[class*="fa-"]:hover { 
    color: #FFF;
}
.form-action [class^="icon-"], 
.form-action [class*=" icon-"], 
.form-action [class^="icon-"]:hover, 
.form-action [class*="icon-"]:hover,
.form-action [class^="fa-"], 
.form-action [class*="fa-"], 
.form-action [class^="fa-"]:hover, 
.form-action [class*="fa-"]:hover{
	color: #FFF;
}
i[class^="icon-"].icon-chevron-right,
i[class*="icon-"].icon-chevron-right {
    font-size: 14px;
    color: #bec8e2;
}
i[class^="icon-"].icon-chevron-right:hover,
i[class*="icon-"].icon-chevron-right:hover {
    color: #FFF;
}
[class^="col-md-"], 
[class*="col-md-"],
[class^="col-xs-"], 
[class*="col-xs-"] {
    padding: 0;
}
.index-group .row .text-right a {
	padding: 15px 20px;
}
.index-group .row .text-right a.btn {
	padding: 6px 12px;
}
.form-horizontal [class^="col-md-"], 
.form-horizontal [class*="col-md-"],
.form-horizontal [class^="col-xs-"], 
.form-horizontal [class*="col-xs-"],
.form-horizontal [class^="col-sm-"], 
.form-horizontal [class*="col-sm-"] {
    line-height: 30px;
}
.form-horizontal .operator-colum {
    line-height: 42px;
}
.breadcrumb > li + li:before {
	padding: 0;
	content: "";
}
.radius-2 {
    -webkit-border-radius: 2px;
 	-moz-border-radius: 2px;
 	border-radius: 2px;
}
.clear {
    clear: both;
}
.maxwidth {
    max-width: 734px;
}
.error {
    vertical-align: middle;
    color: #ff786a;
    font-size: 12px;
    font-weight: normal;
	display: none;
	background: #16427f;
	padding: 0px 10px;
	line-height: 32px;
}
input.width-mini,
select.width-mini {
    width:75px;
}

.headline {
    margin: 0 0 20px;
    color: #fff;
    border-bottom: 1px solid #153e77;
	padding-bottom: 10px;
	overflow: auto;
}
.headline dt {
	font-size: 20px;
	font-weight: normal;
    margin: 0;
}
.headline dd {
    font-size: 12px;
    color: #acbde0;
	width: 100%;
	overflow: auto;
}


.hidden-ele {
    display: block;
    left: -1000px;
    position: absolute;
    width: 10px;
}

.index-group {
    padding: 0;
    border: 1px solid #5f83b5;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    color: #bec8e2;
}
.display-group {
    padding: 0;
}
.display-group .row-nohover {
    cursor: default;
}
.add-group {
    border: 1px solid #eaedef;
    padding: 0 20px;
}
.add-group .form-group{
    margin-left: 0;
    margin-right: 0;
}
.form-horizontal .form-group,
.form-group {
    margin: 0;
    padding: 0;
    clear: both;
}
.tab-content .form-group {
	margin-right: 0px;
	margin-left: 0px;
}
.form-horizontal .form-group [class^="col-md-"], 
.form-horizontal .form-group [class*="col-md-"], 
.form-horizontal .form-group [class^="col-xs-"], 
.form-horizontal .form-group [class*="col-xs-"], 
.form-horizontal .form-group [class^="col-sm-"], 
.form-horizontal .form-group [class*="col-sm-"],
.tab-content .form-group [class^="col-md-"], 
.tab-content .form-group [class*="col-md-"], 
.tab-content .form-group [class^="col-xs-"], 
.tab-content .form-group [class*="col-xs-"], 
.tab-content .form-group [class^="col-sm-"], 
.tab-content .form-group [class*="col-sm-"] {
	padding-right: 0;
	padding-left: 0;
}
.detail-cntr .form-group {
    overflow: hidden;
}
.info-title {
    font-size: 18px;
    border-bottom: 1px solid #153e77;
    padding-bottom: 15px;
}
.info-table.table>thead>tr>th, 
.info-table.table>tbody>tr>th, 
.info-table.table>tfoot>tr>th, 
.info-table.table>thead>tr>td, 
.info-table.table>tbody>tr>td, 
.info-table.table>tfoot>tr>td {
	border: 0;
	padding: 0;
	font-size: 16px;
	line-height: 42px;
	height: 42px;   
}
.setting .form-group {
    margin-top: 10px;
    margin-left: 0;
}
.row,
.row-nohover {
    margin: 0;
    clear: both;
    display: block;
    padding: 15px 20px;
}
.row-nohover:before, 
.row-nohover:after {
    display: table;
    content: " ";
}
.row.disabled {
    cursor: not-allowed;
}
.row.hide,
.setting.hide {
    display: none;
}
.filter .row {
	cursor: default;
}
.form-group .row {
    padding: 0px 20px;
}
.form-group .divide-block {
	border-top: 1px solid #153e77;
	padding: 20px 20px 20px 0; 
}
.reboot-slot {
    margin: 10px 5px 10px 0px;
    min-width: 80px;
}
.reboot.slot {
    margin-right: 5px;
}
.display-group .row,
.display-group .row-nohover {
    padding: 0;
}
.display-group.dashed .row,
.display-group.dashed .row-nohover {
    border-bottom: 1px dashed #153e77;
}
.row:hover {
    background: #1a4e95;
}
.display-group .row:hover {
    background: #1a4e95;
}
.display-group .form-label {
    width: 40%;
}
.form-label {
	float: left;
	font-weight: normal;
	cursor: default;
}
.display-group .form-text {
	color: #bec8e2;
	display: block;
	font-size: 16px;
} 
.setting .form-label  {
	float: none;
}
.count {
	font-size: 14px;
	margin-right: 20px;
	line-height: 20px;
	font-weight: 300;
	padding: 7px 12px 7px 12px;
	color: #ff0 !important;
	border-width: 0;
	-webkit-border-radius: 12px !important;
	-moz-border-radius: 12px !important;
	border-radius: 12px !important;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	background: #184889;
}
.loading-small {
    background: url(image/loading_small.gif) no-repeat center center;
    width: 18px;
    height: 18px;
	padding: 3px 9px 3px 9px;
}
.wait.loading-small {
	float: left;
	margin-right: 10px;
	position: relative;
	bottom: -3px;
}
.edittable .loading-small {
	position: absolute;
	left: -30px;
	top: 6px;
}
.edit-list .loading-small-wrap {
	position: relative;
}
.edit-list .loading-small {
    position: absolute;
    left: -17px;
    top: 10px;
}
.value {
    font-size: 14px;
    color: #fff;
	padding: 0 20px;
    line-height: 20px;
    cursor: pointer;
}
.row .value {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}
.disabled .value {
    cursor: not-allowed;
}
.row i {
    margin-top: 0px;
}
.icon-angle-right:before {
	padding: 0 5px;
}
.row .form-action i {
    float: none;
}
.sub-headline {
    margin: 20px 0 10px;
    color: #a8a8a8;
}
.sub-headline dt {
	font-size: 16px;
    clear: both;
    font-weight: normal;
    color: #fff;
}
.sub-headline dd {
    color: #acbde0;
}
.irf .sub-headline {
    margin: 31px 0 0;
}
.irf .sub-headline dt {
    font-size: 16px;
}
.irf .stack-mode .form-group {
    padding: 12px 20px;
    margin-top: 6px;
    overflow: hidden;
}
.sub-headline dd {
    font-size: 12px;
}
.indent {
    padding-left: 37px; 
}
.mini-indent {
    padding-left: 25px;
}
.no-indent {
    padding-left: 0;
    padding-right: 0;
}
.sm-indent {
    padding-left: 10px;
}
.big-indent {
    padding-left: 134px;
}
.detail {   
    display: block;
    clear: both;
}
.detail .panel {
    font-size: 12px;
}
.setting {
	width: 100%;
	margin-top: 35px;
	background: #184889;
    padding: 10px 20px;
}
.indent .setting  {
    margin-right: 18px;
    width: auto;
}
.form-control {
    display: block;
    width: 400px;
    border: 1px solid #3d659c;
    background: #184889;
    border-radius: none;
    -webkit-box-shadow: none;
    box-shadow: none;
	color: #bec8e2;
	border-radius: 0;
}
.form-control:focus {
    border: 1px solid #7897c1;
    background: #184889;
    -webkit-box-shadow: none;
	 box-shadow: none; 
}
.form-control[disabled], 
.form-control[readonly], 
fieldset[disabled] .form-control {
	cursor: not-allowed;
	background-color: #1a4e95;
}
.setting .form-control {
	display: inline-block;
}


.marginTop {
    margin-top: 6px;
}

.inline {
	display: inline;
}
.inline-block {
	display: inline-block;
}
.align-right {
	text-align:right;
}
.float-left {
	float:left;
}
.form-group .line {
    width: 10px;
    height: 2px;
    background: #5f83b5;
    display: inline-block;
    margin: 14px 5px 4px 2px;
}
.btn {
    background: #143e76;
	background: transparent;
	border: 1px solid #5f83b5;
	border: 1px solid rgba(255, 255, 255, 0.2);
    color: #bec8dd;
    min-width: 95px;
    -webkit-border-radius: 2px;
 	-moz-border-radius: 2px;
 	border-radius: 2px;
 	margin-right: 16px;
}
.btn:hover, 
.btn:focus {
	background: transparent;
	border: 1px solid #8ca6c9;
	border: 1px solid rgba(255, 255, 255, 0.5);
    color: #fff;
    outline: none;
}
.btn-danger.btn:hover,
.btn-danger.btn:focus {
	color: #fffefe;
	background-color: #eb433a;
	border: 1px solid #eb433a;
}
.btn:active, .btn.active {
	 -webkit-box-shadow: none; 
	 box-shadow: none; 
}
.btn i {
    color: #bec8dd;
}
.btn:hover i {
	color: #fff;
}
.btn .caret {
	margin-left: 5px;
}
.btn-primary,.open .dropdown-toggle.btn-primary {
    background: #1499d7;
	border: 1px solid #1499d7;
    color: #fff;
}
.btn-primary.btn:hover,
.btn-primary.btn:focus,
.btn-primary.btn:active,
.btn-primary.btn.active {
    background: #28b2f1;
    border: 1px solid #28b2f1;
}
.btn-primary i{
    color: #fff;
}
.btn-danger {
	color: #fffefe;
	background-color: #cf464c;
	border: 1px solid #cf464c;
}
.btn-detail {
    background: #416eac;
    -webkit-border-radius: 0;
 	-moz-border-radius: 0;
 	border-radius: 0;
}
.btn-detail:hover,
.btn-detail:focus {
    background: #4779bd;
}
.btn-danger:hover,
.btn-danger:focus {
    color: #fff;
}

.btn-primary.disabled, 
.btn-primary[disabled], 
fieldset[disabled] .btn-primary, 
.btn-primary.disabled:hover, 
.btn-primary[disabled]:hover, 
fieldset[disabled] .btn-primary:hover, 
.btn-primary.disabled:focus, 
.btn-primary[disabled]:focus, 
fieldset[disabled] .btn-primary:focus, 
.btn-primary.disabled:active, 
.btn-primary[disabled]:active, 
fieldset[disabled] .btn-primary:active, 
.btn-primary.disabled.active, 
.btn-primary[disabled].active, 
fieldset[disabled] .btn-primary.active {
	background: #54c2f5;
	border: 1px solid #54c2f5;
	cursor: not-allowed;
}
.btn-default:hover, 
.btn-default:focus, 
.btn-default:active, 
.btn-default.active, 
.open .dropdown-toggle.btn-default {
	color: #bec8dd;
	background-color: transparent;
	border-color: #5f83b5; 
}
.btn.btn-default.active {
	background-color: #143e76;
	border-color: #5f83b5;
	color: #9bb0da;
	z-index: 0;
}
.btn.btn-default:hover, 
.btn.btn-default:focus, 
.btn.btn-default:active {
	background-color: #123668;
	border-color: #889ab3;
	color: #fff;
}
.btn.add_btn {
    font-size: 16px;
}
.btn .fa-bar-chart-o {
    margin-right: 5px;
}
.form-actions,
.form-action,
 .button-group {
    margin: 25px 0 20px 0;
}
.form-actions .error-info,
.form-action .error-info,
.button-group .error-info {
	color: #ff786a;
	margin: 20px 0;
}

.loading {
    display:block;
    width:100px;
    height:100px;
    background:url(image/loader.gif) no-repeat top center;
    color: #333;
    font-size:18px;
	position: absolute;
	top: 30%;
	left: 45%;
}

.label, 
.badge {
	font-weight: 300;
	border-radius: 0;
	font-size: 14px;
}

.badge-success {
	width: 13px;
	height: 13px;
	background: #b5e583;
	border: 1px solid #b5e583;
	border-radius: 7px;
	color: #1a4e95;
}
.label-success {
	width: 13px;
	height: 13px;
	background: #b5e583;
	display: inline-block;
	border: 1px solid #b5e583;
	border-radius: 7px;
}
.badge-important {
	width: 13px;
	height: 13px;
	background: #eb433a;
	border: 1px solid #eb433a;
	border-radius: 7px;
	color: #1a4e95;
}
.label-important {
	width: 13px;
	height: 13px;
	background: #eb433a;
	display: inline-block;
	border: 1px solid #eb433a;
	border-radius: 7px;
}
.label-warning {
	width: 13px;
	height: 13px;
	background: #ff7200;
	display: inline-block;
	border: 1px solid #ff7200;
	border-radius: 7px;
}
.label-info {
	width: 13px;
	height: 13px;
	background: #57b5e3;
	display: inline-block;
	border: 1px solid #57b5e3;
	border-radius: 7px;
}
.label-information 
{
	width: 13px;
	height: 13px;
	background: #8a8a8a;
	display: inline-block;
	border: 1px solid #8a8a8a;
	border-radius: 7px;
}
.label-notification {
	width: 13px;
	height: 13px;
	background: #dbb01d;
	display: inline-block;
	border: 1px solid #dbb01d;
	border-radius: 7px;
}
.label-effect {
	width: 13px;
	height: 13px;
	background: #b5e583;
	display: inline-block;
	border: 1px solid #b5e583;
	border-radius: 7px;
}
.label-no-effect {
	width: 13px;
	height: 13px;
	background: #fc9783;
	display: inline-block;
	border: 1px solid #fc9783;
	border-radius: 7px;
}
.width-auto,
.modal .width-auto {
	width: auto;
}

div.required:after, label.required:after, span.required:after {
	content: "*";
	color: #ff0;
	margin-left: 10px;
	vertical-align: sub;
	font-size: 20px;
	position: relative;
	top: 4px;
}
.doc-title {
    margin: 0 0 5px;
    color: #a8a8a8;
}
.back {
	background: url(image/back.gif) no-repeat;
	background-position: 0 0;
	width: 24px;
	height: 21px;
	display: inline-block;
	margin-right: 0;
	cursor: pointer;
	background-position: 4px 5px;
	padding-right: 5px;
}
.back:hover {
	background-position: -15px 5px;
}
.tab-content .tab-content {
	padding: 1px 0 0 0;  
}

.portlet-title {
	padding: 0 0 15px 0;
	border-bottom: 1px solid #153e77;
	margin-bottom: 10px;
}
.portlet-title .caption {
	font-size: 20px;
	font-weight: normal;
	margin: 0;
	color: #fff;
}
.form-bordered {
	padding: 0;
}
.control-label,
.display-group .form-label,
.display-group .form-text,
.form-group .form-label {
	padding-top: 15px;
}
.radio .form-lable,
.radio .form-label,
.radio .info-explain {
	display: inline-block;
	height: 36px;
	padding-top: 1px;
}
.stack-mode .control-label {
	padding-top:0;
}
.display-group.device-info .form-label, 
.display-group.device-info .form-text {
	padding-top: 0px;
}
.form-horizontal .control-label {
	text-align: left !important;
	padding-top: 2px;
}
.msg-box .msg-ok {
	background-image: url(image/msg-icon.png);
	background-repeat: no-repeat;
	width: 90px;
	height: 64px;
	margin: 0 auto 20px auto;
}
.msg-box.msg-ok {
	background-position: 0 0;
	background-color: #103260;
	background-color: rgba(0, 0, 0, 0.35);
	color: #84d62f;
	padding: 40px 20px 40px 20px;
	z-index: 5999;
	font-size: 24px;
	text-align: center;
}
#frame_msg_info{
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -100px;
	margin-left: -180px;
	width: 500px;
}
.bg-red {
	background-image: none !important;
	background-color: #ed0000 !important;
}
.bg-yellow {
    background-image: none !important;
    background-color: #ff9c00 !important;
}
.bg-grey {
    background-image: none !important;
    background-color: #8a8a8a !important;
}

.bg-lightblue {
    background-image: none !important;
    background-color: #658DB3 !important;
}
.bg-lightyellow {
    background-image: none !important;
    background-color: #d4db1c !important;
}
.dashboard .round {
	color: white !important;
	-webkit-border-radius: 62px !important;
	-moz-border-radius: 62px !important;
	border-radius: 62px !important;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	width: 70px;
	height: 70px;
	line-height: 20px;
	background: rgba(0, 0, 0, 0.15);
	border: 1px solid rgba(0, 0, 0, 0.2);
	margin: 20px 20px 20px 0;
	padding-top: 15px;
}
.dashboard .bg-blue .round {
    background: #018bca;
	border: 1px solid #0077ae;
	background: rgba(0, 0, 0, 0.15);
	border: 1px solid rgba(0, 0, 0, 0.2);
}
.dashboard .bg-deongaree .round {
    background: #274c96;
	border: 1px solid #1f3c77;
	background: rgba(0, 0, 0, 0.15);
	border: 1px solid rgba(0, 0, 0, 0.2);
}
.dashboard .bg-darkgreen .round {
    background: #055d85;
	border: 1px solid #045073;
	background: rgba(0, 0, 0, 0.15);
	border: 1px solid rgba(0, 0, 0, 0.2);
}
.dashboard .round .value{
	margin-right: 0;
	color: #fff;
	font-size: 20px;
	font-weight: normal;	
}
.dashboard .round .title{
	display: block;
	color: #cbe2f2;
}
.dashboard .detail {
    clear: none;
    line-height: 45px;
}
.dashboard .detail .btn-detail {
    margin-right: 0;
}
.bg-blue-arrow {
	width: 0;
	height: 0;
	vertical-align: top;
	border-top: 16px solid #02a4ef;
	border-right: 16px solid transparent;
	border-left: 16px solid transparent;
	content: "";
	position: relative;
	left: 100px;
}
.bg-deongaree-arrow {
	width: 0;
	height: 0;
	vertical-align: top;
	border-top: 16px solid #2f5ab2;
	border-right: 16px solid transparent;
	border-left: 16px solid transparent;
	content: "";
	position: relative;
	left: 100px;
	display: none;
}
.bg-darkgreen-arrow {
	width: 0;
	height: 0;
	vertical-align: top;
	border-top: 16px solid #066e9e;
	border-right: 16px solid transparent;
	border-left: 16px solid transparent;
	content: "";
	position: relative;
	left: 100px;
	display: none;
}
.widget-content .table-noborder,
.widget-content .table-noborder tr td {
    border: none;
}

.widget {
    margin-bottom: 10px;
}
.widget-header {
	color: #fff;
	height: 35px;
	line-height: 35px;
	margin-bottom: 0;
	clear: both;
	cursor: pointer;
	padding: 0 0 15px 0;
}
.widget-header h4 {
	color: #444;
	font-size: 20px;
	font-weight: 500;
	padding: 0;
	display: inline-block;
}
.widget-header h4 i {
    margin-right: 5px;
    float: left;
    line-height: 12px;
}
.widget-header h4 i.icon-caret-right {
    margin-top: 3px;
}
.widget-header .btn-group {
    margin-left: -5px;
}
.widget-header .btn-group.open .dropdown-toggle {
    border: 1px solid #D3D3D3;
    background: #F3F3F3;
}
.widget-header .btn-group.open .dropdown-toggle:hover {
    border: 1px solid #D3D3D3;
    background: #F8F8F8;
}
.widget-header .btn-group .dropdown-menu>li>a:hover, 
.widget-header .btn-group .dropdown-menu>li>a:focus {
    color: #FFF;
    background-color: #428bca;
}
.widget-header .toolbar {
	display: inline-block;
	padding: 0;
	margin-left: 12px;
}
.widget-header .toolbar .btn,
.widget-header .toolbar .btn:focus,
.widget-header .toolbar .btn:hover {
	margin-top: 1px;
	background: transparent;
    border: none;
    z-index: 2;
    box-shadow: none;
    height: 35px;
    line-height: 35px;
	color: #333;
	font-size: 16px;
}
.widget-content {
    padding: 0;
    position: relative;
    margin-top: 10px;
}
.widget-content .cpu-title,
.widget-content .mem-title {
    margin: 0;
    color: #bbbec8;
}
.widget-content .block-wrap {
    padding: 8px 2px 11px;
    margin: 0;
}
.widget-content .block-wrap.detail-wrap {
    padding-bottom: 2px;
}
.widget-content .block-wrap.device-information {
    padding-bottom: 14px;
    color: #acbde0;
}
.widget-content .block-wrap.device-information .serial, 
.widget-content .block-wrap.device-information .hardware, 
.widget-content .block-wrap.device-information .bootrom, 
.widget-content .block-wrap.device-information .software {
    color: #fff;
}
.widget-content .bar { 
    margin: 0;
}
.device-information {
    overflow: hidden;
    padding:  20px;
}
abbr[title], abbr[data-original-title] {
	cursor: help;
	border-bottom: 0px dotted #999;
}


.chassis-contrainer {
    margin-bottom: 20px;
    border-bottom: 1px solid #153e77;
    overflow: hidden;
}
.chassis-contrainer .table {
    margin-bottom: 0;
}
.chassis-contrainer .table-title {
	padding: 0 20px;
	border-top: 1px solid #153e77;
	border-bottom: 2px solid #5f83b5;
	line-height: 50px;
	height: 50px;
	font-size: 16px;
}
.chassis-contrainer .tr,
.chassis-contrainer .tr.last-child {
	padding: 0;
	overflow: hidden;
	clear: both;
	border-bottom: 1px solid #153e77;
	line-height: 42px;
	height: 42px;
    color: #acbde0;
    padding-left: 20px;
}
.chassis-contrainer .tr.last-child {
    border-bottom: none;
}
.chassis-contrainer .tr.select {
    background: #153e77;
    color: #fff;   
	border-top: 1px solid #1d3567;
	border-bottom: 1px solid #1d3567;
}
.chassis-contrainer .id-container {
	width: 20%;
	float: left;
}
.chassis-contrainer .status-container {
	width: 18%;
	float: left;
}
.chassis-contrainer .cpu-container {
	width: 25%;
	float: left;
}
.cpu-container .percent, 
.memory-container .percent {
	float: left;
	position: absolute;
	top: -14px;
	left: 50px;
	z-index: 5;
	color: #333;
}
.chassis-contrainer .memory-container {
	width: 25%;
	float: left;
	padding-left: 5px;
}

.chassis-contrainer .oper-container {
	width: 5%;
	display: inline-block;
	padding-left: 5px;
	text-align: right;
	float: right;
	line-height: 38px;
}
.chassis-contrainer .tr .btn {
	padding: 0;
	line-height: 24px;
	height: 24px;
	background: #16427f;
	border-radius: 0;
}
.chassis-contrainer .tr .oper-container .btn {
    font-size: 18px;
}
.btn-xs {
	padding: 0 10px;
}
.chassis-contrainer .detail {
    padding: 0 15px 0 50px;
    border-top: 0 solid #153e77;
    border-bottom: 1px solid #153e77;
    background: #174686;
}
.chassis-contrainer .detail.last-child {
    border-bottom: 0;
}
.bar {
	border-bottom: 1px solid #153e77;
	margin: 10px 10px;
}
.word-break {
	word-break: break-word;
}
.min-height {
    height: 400px;
}
.full-width {
    width: 100%;
}

.stats {
	table-layout: fixed;
	margin: 0;
	padding: 0;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#cpu_fieldset .stats {
	padding-top: 6px;
}
#mem_fieldset .stats {
	padding-top: 14px;
}
.stats .usage-container{
    padding: 10px 5px 0 0;
    width: 130px;
}
.stats .usage-container .usage-border {
    border: 1px solid #000;
    display: block;
    padding: 4px 4px 6px;
    height: 55px;
    width: 125px;
}
.stats .usage-container .usage-border .usage-container-left {
    float: left;
    width: 48px;
    margin: 4px 0 0 6px;
}
.stats .usage-container .usage-container-inner {
    background: #000;
    display: block;
    padding: 7px 15px 9px;
    color: #7BD900; 
    float: left;
}
.stats .plot-container {
    padding: 10px 5px 0 0;
}
.stats .plot-container .plot-border {
    display: block;
    width: 350px;
    height: 61px;
    background: #12386b;
    line-height: 21px;
}
.usage {
    background:url(../../libs/image/graph_on.gif) left bottom;
    margin: 0;
    padding: 0;
    width: 31px;
    border: 0;
    position: absolute;
    bottom: 0;
}
.usage-off {
    background:url(../../libs/image/graph_off.gif) left bottom;
    margin: 0;
    padding: 0;
    width: 31px;
    height: 29px;
    position: relative;
}
.usagevalue {
    text-align: center;
    font-weight: bold;
    font-size: 22px;
    color: #fff;
}
.usage-align {
    background: #70ceef;
    margin: 0;
    padding: 0;
    height: 13px;
    border: 0;
    position: absolute;
    bottom: 0;
}
.widget-content .table .usage-off-align {
    background: #ddeaf0;
    margin: 0;
    padding: 0;
    width: 130px;
    height: 13px;
    position: relative;
    display: inline-block;
}
.usage-warning-align {
    background: #70ceef;
    margin: 0;
    padding: 0;
    height: 13px;
    border: 0;
    position: absolute;
    bottom: 0;
}


.pie-container {
	height: 113px;
}
.app-title-container {
    margin: 0 auto;
	text-align: center;
}
.app-title-container td {
	text-align: center;
}
.prev-carousel,
.next-carousel{
    cursor: pointer;
    color: #bec8dd;
}
#utilization_line .prev-carousel,
#utilization_line .next-carousel{
    color: #f1fbff;
}
.prev-carousel:hover,
.next-carousel:hover{
	text-decoration: none;
}
.disable {
	color: #E6E6E6;
}
.carousel {
    margin-bottom: 0;
    width: 200px;
}
.carousel .carousel-inner {
    margin: 14px auto 0;
    overflow: hidden;
    width: 150px;
    color: #acbde0;    
}
.pie-container .used .used-label,
.pie-container .free .free-label {
    width: 10px;
    height: 10px;
    background: #70ceef;
    display: inline-block;
    margin-right: 5px;
    border: 1px solid #70ceef;
    border-radius: 5px;
}
#utilization_line .pie-container .used .used-label {
    background: #b5e583;
    border: 1px solid #b5e583;
}
#utilization_line .pie-container .free .free-label {
    background: #fff;
    border: 1px solid #fff;
}
#utilization_line .pie-container .used .used-label.threshold {
    background: #f88e98;
    border: 1px solid #f88e98;
}
.pie-container .free .free-label {
    background: #dff5fd;
    border: 1px solid #dff5fd;
}
.pie-container .used .label-txt,
.pie-container .free .label-txt {
	color: #bdc4d8;
	margin-left: 5px;
}
#utilization_line .pie-container .used .label-txt,
#utilization_line .pie-container .free .label-txt,
#utilization_line .pie-container .value {
	color: #e7e7e7;
}
.pie-container .value {
    text-align: left;
    font-size: 11px;
    margin-right: 0;
    color: #acbde0;
    padding: 0;
    display: inline;
}

.pie-container .text-container{
    padding: 0 10px;
    position:relative;
	top: -112px;
	text-align: center;
	width: 150px;
}
.pie-container .divide{
	border-top: 1px solid #6179ab;
}
.pie-container .title{
	font-size: 22px;
	font-weight: normal;
	color: #FFF;
}
#flash .pie-container .name{
	top: 45px;
	left: 62px;
}
#cfcardA .pie-container .name{
	top: 45px;
	left: 48px;
}
#cfcardB .pie-container .name{
	top: 45px;
	left: 48px;
}

.widget .controls-row .controls-label {
    width: 150px;
    display: inline-block;
}
.widget .device-information .address{
    overflow: hidden;
    margin-bottom: 0;
    padding-top: 2px;
    font-size: 14px;
}
.widget .device-information .address .device-table {
    border: 0;
    width: 100%;
}
.widget .device-information .address .device-table tr td.controls-row { 
    border: 0;
    padding: 0;
    width: 600px;
}

.dashboard .app-colum.right-space {
    padding-right: 10px;
}
.widget-content table {
    border: 1px solid #BBB;
    margin-bottom: 0;
}

.widget-content table.syslog {
    border: none;
}
.widget-content table tr td {
    border: none;
    border-top: 1px solid #DDD;
    border-right: 1px solid #DDD;
 }
.widget-content table tr td:last-child {
    border-right: none;
 }
.widget-content table.panel tr td:last-child {
    border-right: 1px solid #000;
 }
.widget-content table.table-group tr td:last-child {
    border-right: 0;
 }
.widget .btn-group.open .dropdown-toggle,
.widget .btn-group > .btn + .dropdown-toggle:active {
	border-top: 1px solid rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.13) inset;
	-moz-box-shadow: 0 1px 1px rgba(0,0,0,0.13) inset;
	box-shadow: 0 1px 1px rgba(0,0,0,0.13) inset;
}

.widget .btn-group > .btn + .dropdown-toggle {
	padding-right: 8px;
	padding-left: 8px;
}
.widget .btn-group>.btn i {
    margin-right: 3px;
    color: #B3B3B3;
}
.widget-content table tr td span.num {
    padding: 3px 7px 3px 7px;
    text-shadow: none;
    color: #666;
    font-weight: bold;
    float: right;
 }
 .widget-content table.syslog tr td:first-child span {
    font-weight: normal;
    padding: 3px 0 0;
    margin-top: 7px;
    width: 24px;
    height: 23px;
    color: #FFF;
    display: inline-block;
 }
 .widget .syslog > tr:nth-child(odd) > td,
 .widget .syslog > tr:nth-child(odd) > th {
    background-color: #FFF;
}
 .widget .syslog p {
    margin: 0;
    color: #666;
}
 .widget .syslog span {
    color: #ACACAC;
    font-size: 12px;
}
.global-sysinfo ul {
	list-style: none;
	margin-left: -40px;
	margin-top: 20px;
}
.widget .oper-container .btn {
	min-width: 24px;
}
.subtitle {
	text-align: center;
	font-size: 20px;
	font-weight: normal;
	color: #ddeffc;
	position: absolute;
	left: 61px;
}
.easy-pie-chart .divide{
	border-top: 1px solid #188fd3;
    margin:0 auto;
	width: 50%;
}
.easy-pie-chart .percent{
	font-size: 100%;
	font-weight: normal;
	color: #FFF;
    padding-top: 28%;
}
.easy-pie-chart .text{
    font-size: 60%;
    font-weight: normal;
    color: #ddeffc;
}
.easy-pie-chart .number {
    font-size: 32px;
	margin: 0 auto;
	width: 50%; 
	height: 80%;
}
.tablist .nav-tabs li>a,.tablist .nav-tabs li>a:hover{
    padding: 20px 15px;
    background: #ddd;
    text-align: center;
    font: bold 32px/1.0 "Tomato";
    color: #fff;
    margin: 0;
    border-radius: 0;
}
.tablist .row{
    background: none;
    padding: 0;  
}
.tablist .nav-tabs li.active>a{
    background: #498FF7;
}

.blade-content {
    border-top: 1px solid #CCC;
    overflow: hidden;
    padding: 0 10px 15px;
    
}
.blade .blade-content {
    border-top: 0;
}
.blade .form-group {
    background: #133a70;
    overflow: hidden;
}
.blade .form-group:first-child {
    padding-top: 30px;
}
.blade {
    background: #184889;
    border: 1px solid #456fa9;
    margin-bottom: 20px;
    padding: 10px 0 0;
    overflow: hidden;
}
.blade .row-nohover:last-child {
    margin-top: -18px;
}
.blade .sub-headline {
    margin: 0;
    padding-left: 10px;
}
.blade .text-container {
    padding: 0 10px;
    position: relative;
    top: -110px;
    left: 0;
    text-align: center;
    width: 133px;
}
.blade .easy-pie-chart .title {
	font-size: 32px;
	padding: 5px;
	position: relative;
	width: auto;
}
.blade .hide .title {
	font-size: 24px;
}
.blade span.title {
    position: absolute;
    top: 24px;
    left: 40px;
}
.blade .easy-pie-chart .divide {
	top: -9px;
	border-top: 1px solid #495b82;
	left: 2px;
	width: 76px;
	position: relative;
}
.blade .subtitle {
    top: 49px;
    left: 0;
    width: 100%;
    font-size: 18px;
}
.blade .bladevfw .subtitle {
   font-size: 14px;
}
.blade .pie-container {
    margin: 0 auto;
}
.blade .easyPieChart canvas {
    top: -10px;
}
.blade .bladevfw span.title {
    position: absolute;
    top: 34px;
    left: 35px;
}
.blade .bladevfw .easy-pie-chart .divide {
    top: -7px;
    left: 2px;
    width: 60px;
}
.blade .bladevfw .subtitle {
    top: 40px;
}
.blade .bladevfw .easyPieChart canvas {
    top:0;
}
.blade .sub-headline.marginTop {
	margin: 20px 0 -4px;
	padding: 10px 20px 0;
    background: #12386b;
}
.blade .bladevfw .sub-headline.marginTop {
    background: #103260;
}
.blade .bladevfw .form-group {
	background: #103260;
	padding-top: 10px;
}
.blade .bladevfw .row-nohover:last-child {
    margin-top: -28px;
}
.blade .bladevfw .text-container {
    top: -92px;
    width: 100%;
}
.blade .bladevfw .pie-container {
    margin-top: 10px;
}
.blade .context-desc {
	text-align: right;
	display: inline-block;
}
.blade .context-title {
	margin-right: 30px;
	display: inline-block;
}
.blade .context-checkbox {
	margin-right: 15px;
	display: inline-block;
}
.blade .context-checkbox label {
	margin-left: 5px;
}
.blade .memory.plot {
	text-align: right;
}

.dashboard .bg-red,
.dashboard .bg-yellow,
.dashboard .bg-grey,
.dashboard .bg-lightyellow {
    line-height: 23px;
    display: inline-block;
    text-align: center;
	color: #fff;
	margin-right: 10px;
    background: url(image/ui-icon.png) no-repeat;
	width: 24px;
	height: 24px;
}
.dashboard .nav-tabs i {
    font-size: 25px;
    color: #bbb;
}
.dashboard .nav-tabs a:hover {
    border-color: #fff;
    border-width: 1px 1px 0;
}
.dashboard .nav-tabs a:hover i {
    color: #888;
}
.dashboard .nav-tabs .active a:hover i,
.dashboard .nav-tabs .active i {
    color: #525252;
}
.dashboard .nav-tabs>li>a {
    border-radius: 0 !important; 
}
.dashboard .nav-tabs>li:first-child a {
    border-left: 0;
}
.dashboard .nav-tabs>li.active>a, 
.dashboard .nav-tabs>li.active>a:hover, 
.dashboard .nav-tabs>li.active>a:focus {
    border-top: 0;
    padding-bottom: 11px;
    border-bottom: 1px solid white;
}
.dashboard .nav>li>a:hover, 
.dashboard .nav>li>a:focus {
    background: none;
}
.dashboard .tab-pane i {
    margin-right: 12px;
    font-size: 16px;
    vertical-align: bottom;
    margin-top: 0;
    margin-bottom: 2px;
}
.dashboard .tab-pane i.detail-icon {
    margin-right: 0;
    vertical-align: middle;
}
.dashboard .tab-pane hr {
    margin-left: 50px;
    color: #ebebeb;
}
.dashboard .app-DevInfo hr {
    margin-left: 20px;
}
.dashboard .app-DevInfo {
    font-size: 16px;
}
.app-DevInfo .form-label {
    cursor: default;
}
.dashboard .app-DevInfo .form-label {
    float: none;
}
.dashboard hr {
    clear: both;
}
.dashboard .row {
	padding: 0;
    cursor: default;
    background: none;
}
.dashboard .row-nohover {
	padding: 0 30px 0 30px;
    cursor: default;
}
.dashboard #level .row {
	padding: 12px 0px;
}
.dashboard #level .row .col-xs-6:hover .syslog-info {
	border: 1px solid #9eb4e0;
}
.dashboard .index-group {
	border: 0px solid #DADADA;
	padding: 0;
	overflow: hidden;
	padding-bottom: 30px;
}
.dashboard #syslog.index-group {
	padding-bottom: 0;
}
.dashboard .tab-content .app-DevInfo .row-nohover {
    height: 53px;
}
.dashboard .sysinfo-footer {
	line-height: 50px;
	height: 50px;
}
.dashboard .text-container {
    padding: 0 10px;
    position: relative;
    top: -113px;
    text-align: center;
    width: 150px;
}
.dashboard .text-container .title {
    font-size: 28px;
    font-weight: normal;
    color: #FFF;
}
.dashboard .text-container .divide {
    border-top: 1px solid #188fd3;
}
.dashboard .text-container .subtitle {
    color: #ddeff9;
    font-size: 16px;
    width: 100%;
    left: 0;
}
.dashboard .pie-container {
    margin: 0 auto;
    margin-top: 15px;
}
.dashboard .app-DevInfo .sysinfo-footer {
    margin-top: 4px;
}
.dashboard .sysinfo-footer i.system-utilization {
    width: 40px;
    height: 40px;
    background: url(../../libs/image/system-utilization.png) ;
}
.dashboard .sysinfo-footer .title {
	color: #fff;
	font-size: 20px;
	font-weight: normal;
	margin-left: 30px;
	display: inline-block;
}
.dashboard .headline dt {
	color: #fff;
	font-size: 20px;
	font-weight: normal;
	margin-left: 0;
	display: inline-block;
	padding-top: 10px;
}
.dashboard .ui-widget-content .headline dt {
	margin-left: 30px;
}

.dashboard .sysinfo-footer i {
    font-size: 40px;
    float: left;
    margin-top: 4px;
    margin-right: 0;
    color: #3d72a8;
}
.dashboard .sysinfo-footer .btn-detail {
    margin-top: 10px;
    min-width: 80px;
}

.dashboard .count {
	background: none;
	font-size: 28px;
	margin-right: 0;
}
.dashboard #emergency .count {
	color: #fc7575 !important;
}
.dashboard #alert .count {
	color: #ff9c00 !important;
}
.dashboard #critical .count {
	color: #d4db1c !important;
}
.dashboard #error .count {
	color: #8a8a8a !important;
}
.dashboard .btn-detail {
    background: rgba(0, 0, 0, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.4);
    margin-right: 30px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.dashboard .btn-detail:hover,
.dashboard .btn-detail:focus {
    background: rgba(0, 0, 0, 0.2);
    border: 1px solid  rgba(255, 255, 255, 0.5);
}
.dashboard .bg-blue .btn-detail {
    background: #0190d2;
    border: 1px solid #66bce3;
    background: rgba(0, 0, 0, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.4);
}
.dashboard .bg-blue .btn-detail:hover,
.dashboard .bg-blue .btn-detail:focus {
    background: #0182be;
    border: 1px solid #7fc0de;
    background: rgba(0, 0, 0, 0.2);
    border: 1px solid  rgba(255, 255, 255, 0.5);
}
.dashboard  .bg-deongaree .btn-detail {
    background: #294f9c;
    border: 1px solid #7e95c3;
    background: rgba(0, 0, 0, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.4);
    
}
.dashboard .bg-deongaree .btn-detail:hover,
.dashboard .bg-deongaree .btn-detail:focus {
    background: #25478d;
    border: 1px solid #91a2c5;
    background: rgba(0, 0, 0, 0.2);
    border: 1px solid  rgba(255, 255, 255, 0.5);
}
.dashboard .syslog-info {
	border: 1px solid #597bc1;
	margin: 0 15px 0 0;
	text-align: center;
	cursor: pointer;
}
.dashboard .syslog-info.first {
	margin: 0 15px 0 0;
}
.dashboard .syslog-info .form-control{
	border: 0;
	background: transparent;
	width: auto;
	margin: 4px 0;
	height: 35px;
	text-align: center;
}
.dashboard #syslog .form-label {
    color: #fff;
	float: none;
	background: #2f539b;
	height: 36px;
	line-height: 36px;
}
.dashboard .app-content .row {
	color: #b8c9d5;
	line-height: 44px;
	padding: 0 30px;
}
.dashboard .app-content .row .text-left {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.dashboard .row.odd {
    background: #05618b;
    
}
.dashboard .row.even {
    background: transparent;
}
.dashboard .app-box {
    margin-bottom: 20px;
}
.dashboard .default-height {
	height: 274px;
}
.dashboard .headline {
	color: #fff;
	margin-left: 0px;
	margin-bottom: 0;
	border-bottom: 0;
	padding-bottom: 5px;
	overflow: visible;
}
.dashboard .app-inner {
	padding-left: 18px;
}
.dashboard #syslog .syslog.title span {
    display: table-cell;
}
.dashboard .syslog.title span {
    font-size: 18px;
    height: 45px;
    vertical-align: middle;
    color: #fff;
}
#utilization_line .plot-container .usage-container-left  {
	background: #0293d7;
	display: inline-block;
	width: 90px;
	text-align: center;
	vertical-align: top;
	padding-top: 13px;
	height: 84px;
	line-height: 27px;
	margin-right: 0;
	position: relative;
	left: 4px;
}
#utilization_line .plot-container .plot-container-inner {
	background: #0293d7;
}
#utilization_line .cpu-title,
#utilization_line .mem-title {
	color: #fff;
}
.plot-title {
	color: #bae3cb;
	text-align: center;
	margin-bottom: 5px;
}
.plot-container {
	margin: 0;
}
#app_cpu_row {
	padding: 0 50px;
}
.row i.open-icon {
	display: inline-block;
	width: 0;
	height: 0;
	margin-top: 9px;
	vertical-align: top;
	border-top: 7px solid #bae3cb;
	border-right: 7px solid transparent;
	border-left: 7px solid transparent;
	content: "";
	margin-top: 7px;
	margin-left: 8px;
}
a:hover i.open-icon {
	border-top: 7px solid #fff;
}

.bg-blue {
    background: #02a4ef !important;;
}
.bg-green {
    background: #18a24f !important;
}
.bg-deongaree {
    background: #2f5ab2 !important;;
}
.bg-darkgreen {
    background: #066e9e !important;;
}
.icon {
	width: auto;
	height: auto;
	display: inline-block;
	cursor: pointer;
}
.disabled .icon {
	cursor: not-allowed;
}
.icon.detail-icon {
	background: url(image/ui-icon.png) no-repeat;
}
[class^="icon-"].icon-question-sign, 
[class*=" icon-"].icon-question-sign  {
	width: 16px;
	height: 16px;
	background: url(image/ui-icon.png) no-repeat;
	background-position: -65px -5px;
	font-family: inherit;
	display: inline-block;
	cursor: pointer;
	font-family: none;
	margin-left: 5px;
	vertical-align: middle;
}
.disabled [class^="icon-"].icon-question-sign, 
.disabled [class*=" icon-"].icon-question-sign  {
	cursor: not-allowed;
}
.detail-icon {
	width: 15px;
	height: 12px;
	background-position: 0 0;	
}
.device-icon {
	width: auto;
	height: auto;
	background: url(image/device-icon.png) no-repeat;
	cursor:  default;
	margin: 20px auto 0 auto;
}
.switch-icon {
	width: 40px;
	height: 55px;
	background-position: 0 0;
}
.router-icon {
	width: 49px;
	height: 55px;
	background-position: -40px 0;
}
.wireless-icon {
	width: 44px;
	height: 55px;
	background-position: -89px 0;
}
.detail-label {
	padding-left: 5px;
}
.custom-dropdown .nav {
	min-width: 30px;
}
.custom-dropdown .nav>li>a:hover,
.custom-dropdown .nav>li>a:focus {
	background-color: transparent;
}
.custom-dropdown .dropdown-menu {
	background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
    border: 0;
    min-width: 200px;
    color: #ccc;
    padding: 10px 0 10px;
}
.custom-dropdown.interface .dropdown-menu {
	position: absolute;
	top: 35px;
}
.custom-dropdown .dropdown-menu a {
	display:block;
	color: #ccc;
	margin: 0px 10px 0px 10px
}
.custom-dropdown .dropdown-menu .app-list a {
	margin: 10px 10px 10px 20px
}
.custom-toggle:hover .custom-icon {
	width: 25px;
	height: 26px;
	background-position: -14px 0;	
}
.custom-toggle {
	margin: 15px 0;
	padding: 0;
}
.custom-dropdown.interface {
	height:50px; 
	display: inline;
}
.custom-dropdown .dropdown-toggle {
	cursor: pointer;
}
.custom-dropdown.interface .dropdown-toggle {
	display:block;
	width:250px;
	text-align:right;
	color: #bae3cb;
	margin-top: 3px;
	position: relative;
	right: 12px;
}
.dashboard-custom .custom-toggle .custom-icon {
	width: 25px;
	height: 26px;
	background-position: -40px 0;
	float: right;
	position: relative;
	top: -20px;
}
.dashboard-custom .dropdown-menu.pull-right {
	right: 51px;
	top: 6px;
}
.dashboard-custom .custom-dropdown-arrow {
	width: 0;
	height: 0;
	vertical-align: top;
	border-left: 8px solid rgba(0, 0, 0, 0.75);
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
	content: "";
	position: relative;
	right: -8px;
	top: -4px;
	float: right;
}
.dashboard-custom.custom-dropdown .dropdown-toggle {
	width: 50px;
	height: 46px;
	float: right;
	margin: 0;
	display: none;
	cursor: not-allowed;
}
.dashboard-custom .custom-toggle .custom-icon {
	float: right;
	position: relative;
	top: -3px;
}
.custom-dropdown.interface .dropdown-toggle:hover {
	color: #fff;
}
a.checkbox{padding-left:30px;background:url(image/checkbox.png) no-repeat;cursor: pointer;}
a.checkbox.checked{background-image:url(image/checkbox-checked.png)}
.cur-time,
.up-time,
.date_image {
	display: inline-block;
	border: 1px solid #5f83b5;
	margin: 30px 30px 20px 0;
}
.cur-time .text,
.up-time .text,
.date_image .text {
	background: #16427f;
	font-size: 16px;
	height: 96px;
	line-height: 96px;
	display: inline-block;
	padding: 0 30px;
	color: #cfd4e1;
}
#currenttime,
.run-time,
.current-time {
	display: inline-block;
	padding: 0 30px;
	text-align: center;
	vertical-align: middle;
}
#currenttime .up,
.run-time .up,
.current-time .up {
	color: #fff;
	font-size: 30px;
}

#currenttime .down,
.run-time .down,
.current-time .down {
	color: #bec8e2;
	font-size: 20px;
}
.detail .left-group {
	border-right: 1px solid #6983b6;
	margin: 5px 0;
}
.detail .right-group {
	margin: 20px 0;
	padding-left: 50px;
}
.device-information .device-table .controls-row {
	margin-bottom: 25px;
}
.usage-container-left {
	display: inline-block;
	width: 90px;
	text-align: center;
	vertical-align: top;
	padding-top: 10px;
}
.plot-container-inner {
	display: inline-block;
}
.file-container .carousel-control {
	margin-top: 65px;
	width: 11px;
	height: 18px;
    display: inline;
	filter: none;
	cursor: pointer;
	background: transparent;
}
#utilization_line .file-container .carousel-control.left{
	margin-left: 20px;
}
#utilization_line .file-container .carousel-control.right{
	margin-right: 20px;
}
#panel_summary_block #edit_block {

}
.interface-add_if.setting {
	margin: 0;
}
.selected-panelport {
	min-height: 30px;
	line-height: 30px;
	padding: 10px;
	background: #174686;
	word-break: break-all;
}
.date-time-wrap {
    margin-top: 25px;
}
.headbutton{
	float: right;
}
.headbutton .btn-group .btn {
	margin-right: 0;    
}
.headbutton .btn-group.shortcut {
	margin-left: 40px;
}
.headbutton .btn-group.shortcut .btn {
	background: transparent;
	border: 0;
	min-width: 30px;
	padding-top: 0;
}
.headbutton .btn-group.shortcut .btn i {
	background: url(image/icon-shortcut.png) no-repeat;
	font-family: none;
	font-size: 20px;
	width: 20px;
	height: 20px;
	display: inline-block;
}
.headbutton .btn-group.shortcut .btn i:before {
    content: "";
}
.headbutton .btn-group.shortcut .btn .icon-remove {
	background-position: 0 0;
}
.headbutton .btn-group.shortcut .btn .icon-cog {
	background-position: -25px 0;
}
.headbutton .btn-group.shortcut .btn .icon-book {
	background-position: -50px 0;
}
.headbutton .btn-group.shortcut .btn.on .icon-remove {
    background-position: -75px 0;
}
.headbutton .btn-group.shortcut .btn:hover .icon-remove,
.headbutton .btn-group.shortcut .btn:focus .icon-remove {
	background-position: 0 -25px;
}
.headbutton .btn-group.shortcut .btn:hover .icon-cog,
.headbutton .btn-group.shortcut .btn:focus .icon-cog {
	background-position: -25px -25px;
}
.headbutton .btn-group.shortcut .btn:hover .icon-book,
.headbutton .btn-group.shortcut .btn:focus .icon-book {
	background-position: -50px -25px;
}
.headbutton .btn-group.shortcut .btn.on:hover .icon-remove,
.headbutton .btn-group.shortcut .btn.on:focus .icon-remove {
    background-position: -75px -25px;
}
.add-btn {
	min-width: 30px;
	padding: 7px 10px 5px 10px;
	background: #143e76;
	border: 1px solid #5f83b5;
	margin-left: 1px;
}
.add-btn:hover {
	background: #143e76;
	border: 1px solid #899eba;
	color: #fff;
}
.add-btn .icon-plus {
    font-size: 16px;
}
::-webkit-input-placeholder {
    color:#6187bb; 
}  
input:-moz-placeholder { 
    color:#6187bb; 
} 
.search::-webkit-input-placeholder { 
    color:#6187bb; 
}
.dashboard .devname {
	float:left;
	font-size: 36px;
	position: relative;
	top: -12px;
}
.table.table-bordered.syslog {
	text-align: left;
}
.table.table-bordered.syslog td p{
	line-height: 24px;
}
.table.table-bordered.syslog .syslog-level{
	width: 17%;
	text-align:left;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
	color: #fff;
	cursor: default;
	background-color: #143e76;
	border: 1px solid #5f83b5;
}
.nav-tabs>li>a {
	margin-right: 2px;
	line-height: 1.428571429;
	border: 1px solid #4771a9;
	border-bottom: 1px solid #5f83b5;
	border-radius: 0;
	color: #9bb0da;
}
.nav-tabs>li>a:hover {
	border: 1px solid #5f83b5;
	background-color: #143e76;
}
.nav-tabs {
	border-bottom: 1px solid #5f83b5;
}

.online-help {
    position: relative;
    padding-bottom: 5px;
    color: #d4e2f5;
}
.online-help h1,
.online-help h2,
.online-help h3,
.online-help h4,
.online-help h5,
.online-help h6{
    font-family: "Helvetica Neue", Helvetica, "Microsoft YaHei", Arial,  sans-serif;
    font-weight: 600;
    margin: 10px 0 5px;
    color: #fff;
}
.online-help h3 {
    margin-top: 15px;
    font-size: 18px;
    color: #fff;
}
.online-help h4{
    margin-top: 10px;
    font-size: 16px;
    color: #fff;
}
.online-help h5,
.online-help h6{
    margin-left: 2em;
}
.online-help span,
.online-help p, 
.online-help ul li{
    margin-left: 1em;
    font-size: 14px;
    line-height: 24px;
}
.online-help .img-container {
	width: 100%;
	background: #fff;
	text-align: center;
	margin-left: 2em;
	padding: 10px 0;
}
.online-help ol li {
    list-style-type: circle;
}
.online-help p {
    padding-left: 2em;
    margin: 0;
    line-height: 24px;
}
.online-help .note {
    margin: 10px 0px 10px 2em;
    padding: 8px 15px; 
    background: #15427f;
    border-left: 3px solid #ff0;
}
.online-help .note ul li {
    color: #bec8e2;
}
.online-help .note span {
    color:#fff;
    padding-right: 10px;
    margin-left: 0;
}
.online-help .note > p {
    padding-left: 0;
}
.online-help .note > p:last-child {
    margin-bottom: 0;
}
.online-help .note ul {
    margin-left: -2em;
    margin-bottom: 0;
}
.online-help table {
    font-size: 13px;
    margin: 1em 2em 0 2em;
}
.online-help table > thead > tr > th{ 
    background: #143e76;
    text-align: center;
}
.online-help table > thead > tr > th,
.online-help table > tbody > tr > td {
    vertical-align: middle;
    text-align: left;
    padding-left: 10px;
}
.online-help table > tbody > tr > td p {
    padding-left: 0;
}
.online-help table > tbody > tr > td ul {
    margin-left: -2.5em;
}
.online-help table > tbody > tr > td ul li {
    font-size: 13px;
}
.online-help .sidebar {
    top: 10px;
    right: 10px;
}
.online-help .sidebar ul li {
    width: 240px;
}
.online-help .sidebar ul li a {
    display: block;
    padding: 5px 15px;
}
.online-help .sidebar ul li a:hover,
.online-help .sidebar ul li a:active{
    background: #eee;
}
#themestatus {
    font-size: 18px;
    color: #abcdef;
}


.proress-bar-container {
	border:1px solid blue;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -15px;
	margin-left: -300px;
	padding: 0;
	width: 600px;
	height: 30px;
}
.progress-bar-value {
	background-color: blue;
	height: 100%;
}
.progress-bar-text {
	display: none;
}

#app_SessionCount {}
#app_SessionCount .blade-content .form-group {
    background: #153E77;
}
#app_SessionCount .session_style {
    font-size: 30px;
}
#app_SessionCount .session_text {
    font-size: 20px;
}
#app_SessionCount .session_map {
    display: inline-block;
    padding: 20px 0px 10px 30px;
    text-align: center;
    vertical-align: middle;
}
.group-title {
    border-bottom: 1px solid #153E77;
    display: block;
    padding-bottom: 5px;
    margin-bottom: 10px;
}
.flow[class^="fa-long-arrow-down"], 
.flow[class*="fa-long-arrow-down"],
.flow[class^="fa-long-arrow-down"]:hover, 
.flow[class*="fa-long-arrow-down"]:hover { 
    color: #C95263;
    font-size: 18px;
}
.flow[class^="fa-long-arrow-up"], 
.flow[class*="fa-long-arrow-up"],
.flow[class^="fa-long-arrow-up"]:hover, 
.flow[class*="fa-long-arrow-up"]:hover { 
    color: #58BA65;
    font-size: 18px;
}
.add-dropdown {
    height: 34px;
    display:inline-block;
}

.add-dropdown .dropdown-menu {
    background: #133e79;
}
.add-dropdown .dropdown-menu li > a:hover {
    background: #133e79;
    color: #fff;
}
.protectionContainer {
    padding-top: 5px;
}
.protectionContainer .protection {
    cursor: pointer;
    padding: 5px 10px;
}
.protectionContainer .protection input[type="checkbox"] {
    margin-right:5px;
}
.protectionContainer .protection.selected {
    background: #184889;
    display: inline-block;
    width: 100%;
}
.subProtection {
    overflow: auto;
    margin-top: 5px;
}
.subProtection.edit-list .ui-state-default,
.subProtection.edit-list .ui-state-default .column-name {
    background: transparent;
}
.progressbarContainer .usage-off-align {
    background: #ddeaf0;
    margin: 0;
    padding: 0;
    width: 130px;
    height: 13px;
    position: relative;
    display: inline-block;
}
.progressbarContainer .percent {
    float: left;
    position: absolute;
    top: -4px;
    left: 50px;
    z-index: 5;
    color: #333;
}
.ntop {
    position: absolute;
    list-style: none; 
    background: #000;
    background: rgba(0, 0, 0, 0.7);
    color: #ccc;
    text-align: left;
    padding: 7px 10px 0 10px;
    min-width: 100px;
}
.ntop li 
{
    cursor: pointer;
    padding-bottom: 7px;
}
.text-center {
    text-align: center;
}

ul.poe-portstatus {
    display:block;
         list-style: none;
         margin-left: 0px;
         margin-top: 5px;
         padding-left: 0;
         margin-bottom: 20px;
}
    ul.poe-portstatus li {
        display:inline;
        padding-left: 0;
        padding-right: 20px;
    }
    ul.poe-portstatus li:before {
        border: 0px solid #555555;
        content: " ";
        display: inline-block;
        height: 20px;
        position: relative;
        top: 3px;
        width: 20px;
    }
    ul.poe-portstatus li.poe-Selected:before {
        background: url(image/panel/RJ45_up_select.png);
        border-color: #33dd33;
    }
    ul.poe-portstatus li.poe-PowerSupported:before {
        background: url(image/panel/RJ45_up_normal.png);
        border-color: #33dd33;
    }
    ul.poe-portstatus li.poe-PowerEnabled:before {
        background: url(image/panel/RJ45_up_low.png);
        border-color: #33dd33;
    }
    ul.poe-portstatus li.poe-PowerDisabled:before {
        background: url(image/panel/RJ45_up.png);
        border-color: #33dd33;
    }
    ul.poe-portstatus li.poe-NotSupported:before {
        background: url(image/panel/RJ45_up_disable.png);
        border-color: #335533;
    }
    ul.poe-portstatus li.poe-PowerFault:before {
        background: url(image/panel/RJ45_up_high.png);
        border-color: #dd3333;
}



.has-switch {
  display: inline-block;
  cursor: pointer;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  position: relative;
  text-align: left;
  overflow: hidden;
  line-height: 8px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  min-width: 100px;
}
.has-switch.switch-mini {
  min-width: 72px;
}
.has-switch.switch-small {
  min-width: 80px;
}
.has-switch.switch-large {
  min-width: 120px;
}
.has-switch.deactivate {
  opacity: 0.5;
  filter: alpha(opacity=50);
  cursor: default !important;
}
.has-switch.deactivate label,
.has-switch.deactivate span {
  cursor: default !important;
}
.has-switch > div {
  display: inline-block;
  width: 150%;
  position: relative;
  top: 0;
}
.has-switch > div.switch-animate {
  -webkit-transition: left 0.5s;
  -moz-transition: left 0.5s;
  -o-transition: left 0.5s;
  transition: left 0.5s;
}
.has-switch > div.switch-off {
  left: -50%;
}
.has-switch > div.switch-on {
  left: 0%;
}
.has-switch input[type=checkbox] {
  display: none;
}
.has-switch span,
.has-switch label {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  position: relative;
  display: inline-block;
  height: 100%;
  padding-bottom: 4px;
  padding-top: 4px;
  font-size: 14px;
  line-height: 20px;
}
.has-switch span.switch-mini,
.has-switch label.switch-mini {
  padding-bottom: 4px;
  padding-top: 4px;
  font-size: 10px;
  line-height: 9px;
}
.has-switch span.switch-small,
.has-switch label.switch-small {
  padding-bottom: 3px;
  padding-top: 3px;
  font-size: 12px;
  line-height: 18px;
}
.has-switch span.switch-large,
.has-switch label.switch-large {
  padding-bottom: 9px;
  padding-top: 9px;
  font-size: 16px;
  line-height: normal;
}
.has-switch label {
  text-align: center;
  margin-top: -1px;
  margin-bottom: -1px;
  z-index: 100;
  width: 34%;
  border-left: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #e6e6e6;
  

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.has-switch label:hover,
.has-switch label:focus,
.has-switch label:active,
.has-switch label.active,
.has-switch label.disabled,
.has-switch label[disabled] {
  color: #ffffff;
  background-color: #e6e6e6;
  *background-color: #d9d9d9;
}
.has-switch label:active,
.has-switch label.active {
  background-color: #cccccc \9;
}
.has-switch label i {
  color: #000;
  text-shadow: 0 1px 0 #fff;
  line-height: 18px;
  pointer-events: none;
}
.has-switch span {
  text-align: center;
  z-index: 1;
  width: 33%;
}
.has-switch span.switch-left {
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  border-top-left-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-bottom-left-radius: 4px;
}
.has-switch span.switch-right {
  color: #333333;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  background-color: #f0f0f0;
  background-image: -moz-linear-gradient(top, #e6e6e6, #ffffff);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e6e6e6), to(#ffffff));
  background-image: -webkit-linear-gradient(top, #e6e6e6, #ffffff);
  background-image: -o-linear-gradient(top, #e6e6e6, #ffffff);
  background-image: linear-gradient(to bottom, #e6e6e6, #ffffff);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe6e6e6', endColorstr='#ffffffff', GradientType=0);
  border-color: #ffffff #ffffff #d9d9d9;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #ffffff;
  

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.has-switch span.switch-right:hover,
.has-switch span.switch-right:focus,
.has-switch span.switch-right:active,
.has-switch span.switch-right.active,
.has-switch span.switch-right.disabled,
.has-switch span.switch-right[disabled] {
  color: #213f7c;
  background-color: #ffffff;
  *background-color: #f2f2f2;
}
.has-switch span.switch-right:active,
.has-switch span.switch-right.active {
  background-color: #e6e6e6 \9;
}
.has-switch span.switch-primary,
.has-switch span.switch-left {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #005fcc;
  background-image: -moz-linear-gradient(top, #0044cc, #0088cc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0044cc), to(#0088cc));
  background-image: -webkit-linear-gradient(top, #0044cc, #0088cc);
  background-image: -o-linear-gradient(top, #0044cc, #0088cc);
  background-image: linear-gradient(to bottom, #0044cc, #0088cc);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0044cc', endColorstr='#ff0088cc', GradientType=0);
  border-color: #0088cc #0088cc #005580;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #0088cc;
  

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.has-switch span.switch-primary:hover,
.has-switch span.switch-left:hover,
.has-switch span.switch-primary:focus,
.has-switch span.switch-left:focus,
.has-switch span.switch-primary:active,
.has-switch span.switch-left:active,
.has-switch span.switch-primary.active,
.has-switch span.switch-left.active,
.has-switch span.switch-primary.disabled,
.has-switch span.switch-left.disabled,
.has-switch span.switch-primary[disabled],
.has-switch span.switch-left[disabled] {
  color: #ffffff;
  background-color: #0088cc;
  *background-color: #0077b3;
}
.has-switch span.switch-primary:active,
.has-switch span.switch-left:active,
.has-switch span.switch-primary.active,
.has-switch span.switch-left.active {
  background-color: #006699 \9;
}
.has-switch span.switch-info {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #41a7c5;
  background-image: -moz-linear-gradient(top, #2f96b4, #5bc0de);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2f96b4), to(#5bc0de));
  background-image: -webkit-linear-gradient(top, #2f96b4, #5bc0de);
  background-image: -o-linear-gradient(top, #2f96b4, #5bc0de);
  background-image: linear-gradient(to bottom, #2f96b4, #5bc0de);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2f96b4', endColorstr='#ff5bc0de', GradientType=0);
  border-color: #5bc0de #5bc0de #28a1c5;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #5bc0de;
  

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.has-switch span.switch-info:hover,
.has-switch span.switch-info:focus,
.has-switch span.switch-info:active,
.has-switch span.switch-info.active,
.has-switch span.switch-info.disabled,
.has-switch span.switch-info[disabled] {
  color: #ffffff;
  background-color: #5bc0de;
  *background-color: #46b8da;
}
.has-switch span.switch-info:active,
.has-switch span.switch-info.active {
  background-color: #31b0d5 \9;
}
.has-switch span.switch-success {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #58b058;
  background-image: -moz-linear-gradient(top, #51a351, #62c462);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#51a351), to(#62c462));
  background-image: -webkit-linear-gradient(top, #51a351, #62c462);
  background-image: -o-linear-gradient(top, #51a351, #62c462);
  background-image: linear-gradient(to bottom, #51a351, #62c462);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff51a351', endColorstr='#ff62c462', GradientType=0);
  border-color: #62c462 #62c462 #3b9e3b;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #62c462;
  

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.has-switch span.switch-success:hover,
.has-switch span.switch-success:focus,
.has-switch span.switch-success:active,
.has-switch span.switch-success.active,
.has-switch span.switch-success.disabled,
.has-switch span.switch-success[disabled] {
  color: #ffffff;
  background-color: #62c462;
  *background-color: #4fbd4f;
}
.has-switch span.switch-success:active,
.has-switch span.switch-success.active {
  background-color: #42b142 \9;
}
.has-switch span.switch-warning {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #f9a123;
  background-image: -moz-linear-gradient(top, #f89406, #fbb450);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f89406), to(#fbb450));
  background-image: -webkit-linear-gradient(top, #f89406, #fbb450);
  background-image: -o-linear-gradient(top, #f89406, #fbb450);
  background-image: linear-gradient(to bottom, #f89406, #fbb450);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff89406', endColorstr='#fffbb450', GradientType=0);
  border-color: #fbb450 #fbb450 #f89406;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #fbb450;
  

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.has-switch span.switch-warning:hover,
.has-switch span.switch-warning:focus,
.has-switch span.switch-warning:active,
.has-switch span.switch-warning.active,
.has-switch span.switch-warning.disabled,
.has-switch span.switch-warning[disabled] {
  color: #ffffff;
  background-color: #fbb450;
  *background-color: #faa937;
}
.has-switch span.switch-warning:active,
.has-switch span.switch-warning.active {
  background-color: #fa9f1e \9;
}
.has-switch span.switch-danger {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #d14641;
  background-image: -moz-linear-gradient(top, #bd362f, #ee5f5b);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#bd362f), to(#ee5f5b));
  background-image: -webkit-linear-gradient(top, #bd362f, #ee5f5b);
  background-image: -o-linear-gradient(top, #bd362f, #ee5f5b);
  background-image: linear-gradient(to bottom, #bd362f, #ee5f5b);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffbd362f', endColorstr='#ffee5f5b', GradientType=0);
  border-color: #ee5f5b #ee5f5b #e51d18;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #ee5f5b;
  

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.has-switch span.switch-danger:hover,
.has-switch span.switch-danger:focus,
.has-switch span.switch-danger:active,
.has-switch span.switch-danger.active,
.has-switch span.switch-danger.disabled,
.has-switch span.switch-danger[disabled] {
  color: #ffffff;
  background-color: #ee5f5b;
  *background-color: #ec4844;
}
.has-switch span.switch-danger:active,
.has-switch span.switch-danger.active {
  background-color: #e9322d \9;
}




.modal-open {
	overflow: hidden;
}



.modal-open.page-overflow .page-container,
.modal-open.page-overflow .page-container .navbar-fixed-top,
.modal-open.page-overflow .page-container .navbar-fixed-bottom,
.modal-open.page-overflow .modal-scrollable {
	overflow-y: scroll;
}

@media (max-width: 979px) {
	.modal-open.page-overflow .page-container .navbar-fixed-top,
	.modal-open.page-overflow .page-container .navbar-fixed-bottom  {
		overflow-y: visible;
	}
}


.modal-scrollable {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	overflow: auto;
}

.modal {
	outline: none;
	position: absolute;
	margin-top: 0;
	top: 50%;
	overflow: visible; 
}

.modal.fade {
	top: -100%;
	-webkit-transition: opacity 0.3s linear, top 0.3s ease-out, bottom 0.3s ease-out, margin-top 0.3s ease-out;	
	   -moz-transition: opacity 0.3s linear, top 0.3s ease-out, bottom 0.3s ease-out, margin-top 0.3s ease-out;
	     -o-transition: opacity 0.3s linear, top 0.3s ease-out, bottom 0.3s ease-out, margin-top 0.3s ease-out;
	        transition: opacity 0.3s linear, top 0.3s ease-out, bottom 0.3s ease-out, margin-top 0.3s ease-out;
}

.modal.fade.in {
	top: 50%;
}

.modal-body {
	max-height: none;
	overflow: visible;
}
.modal .loading-mask {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: #fff;
	border-radius: 6px;
}
.modal-backdrop, 
.modal-backdrop.fade.in{
	opacity: 0.8;
	filter: alpha(opacity=80);
	background: rgba(0, 0, 0, 0.8);
}
.modal.container {
  width: 940px;
  margin-left: -470px;
}



.modal-overflow.modal {
	top: 1%;
}
.modal-overflow.modal.fade {
	top: -100%;
}
.modal-overflow.modal.fade.in {
	top: 1%;
}
.modal-overflow .modal-body {
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}



@media (min-width: 1200px) {
	.modal.container {
		width: 1170px;
		margin-left: -585px;
	}
}

@media (max-width: 979px) {
	.modal, 
	.modal.container,
	.modal.modal-overflow 	{
		top: 1%;
		right: 1%;
		left: 1%;
		bottom: auto;
		width: auto !important;
		height: auto !important;
		margin: 0 !important;
		padding: 0 !important;
	}
	.modal.fade.in, 
	.modal.container.fade.in,
	.modal.modal-overflow.fade.in {
		top: 1%;
		bottom: auto;
	}
	.modal-body,
	.modal-overflow .modal-body {
		position: static;
		margin: 0;
		height: auto !important;
		max-height: none !important;
		overflow: visible !important;
	}
	.modal-footer,
	.modal-overflow .modal-footer {
		position: static;
	}
}

.loading-spinner {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -12px 0 0 -12px;
}



.animated {
	-webkit-animation-duration: 1s;
	   -moz-animation-duration: 1s;
	     -o-animation-duration: 1s;
	        animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	   -moz-animation-fill-mode: both;
	     -o-animation-fill-mode: both;
	        animation-fill-mode: both;
}

@-webkit-keyframes shake {
	0%, 100% {-webkit-transform: translateX(0);}
	10%, 30%, 50%, 70%, 90% {-webkit-transform: translateX(-10px);}
	20%, 40%, 60%, 80% {-webkit-transform: translateX(10px);}
}

@-moz-keyframes shake {
	0%, 100% {-moz-transform: translateX(0);}
	10%, 30%, 50%, 70%, 90% {-moz-transform: translateX(-10px);}
	20%, 40%, 60%, 80% {-moz-transform: translateX(10px);}
}

@-o-keyframes shake {
	0%, 100% {-o-transform: translateX(0);}
	10%, 30%, 50%, 70%, 90% {-o-transform: translateX(-10px);}
	20%, 40%, 60%, 80% {-o-transform: translateX(10px);}
}

@keyframes shake {
	0%, 100% {transform: translateX(0);}
	10%, 30%, 50%, 70%, 90% {transform: translateX(-10px);}
	20%, 40%, 60%, 80% {transform: translateX(10px);}
}

.shake {
	-webkit-animation-name: shake;
	-moz-animation-name: shake;
	-o-animation-name: shake;
	animation-name: shake;
}


 .clearfix {
 	*zoom:1
 }
 .clearfix:before,
 .clearfix:after {
 	display:table;
 	content:"";
 	line-height:0
 }
 .clearfix:after {
 	clear:both
 }
 .bootstrap-datetimepicker-widget {
 	top:0;
 	left:0;
 	width: 235px;
 	margin-top: -11px;
 	z-index:3000;
 	border: 1px solid #26488e;
 	-webkit-border-radius:4px;
 	-moz-border-radius:4px;
 	border-radius:4px;
}
 .bootstrap-datetimepicker-widget .datepicker {
 	width: 235px;
 	background: #f4f4f4;
 }
bootstrap-datetimepicker-widget .timepicker-picker {
    width: 235px;
    height: 118px;
}
.bootstrap-datetimepicker-widget .timepicker .table-condensed {
    width: 235px;
    height: 118px;
    border-collapse: separate;
    padding: 0 15px;
    background: #f4f4f4;
}
.bootstrap-datetimepicker-widget .timepicker tr {
    color: #FFF;
}
.bootstrap-datetimepicker-widget .timepicker tr:first-child,
.bootstrap-datetimepicker-widget .timepicker tr:last-child{
    background: #DDEFFA;
}
.bootstrap-datetimepicker-widget .timepicker td {
    color: #333;
    background: #f4f4f4;
}
.bootstrap-datetimepicker-widget .timepicker td span,
.bootstrap-datetimepicker-widget .timepicker td span:hover {
    background-color: #fff;
    background-image: none;
    padding: 5px 0;
    color: #767676;
    width: 36px;
    margin-left: 10px;
    margin-top: 7px;
    line-height: 24px;
    margin: 0;
    text-align: center;
    width: 50px;
    height: 35px;
    border: 1px solid #ddd;
    box-shadow: none;
}
 .bootstrap-datetimepicker-widget.pull-right:before {
 	left:auto;
 	right:6px
}
 .bootstrap-datetimepicker-widget.pull-right:after{
 	left:auto;
 	right:7px
}
 .bootstrap-datetimepicker-widget>ul{
 	list-style-type:none;
 	margin:0
}
 .bootstrap-datetimepicker-widget .timepicker-hour,
 .bootstrap-datetimepicker-widget .timepicker-minute,
 .bootstrap-datetimepicker-widget .timepicker-second{
 	width:100%;
 	font-weight:bold;
 	font-size:1.2em
}
 .bootstrap-datetimepicker-widget table[data-hour-format="12"] .separator{
 	width:4px;
 	padding:0;
 	margin:0
}
 .bootstrap-datetimepicker-widget .datepicker>div{
    display:none
}
 .bootstrap-datetimepicker-widget .picker-switch{
    text-align:center
}
 .bootstrap-datetimepicker-widget table{
    color: #333;
    width: 100%;
    margin: 0;
}
.bootstrap-datetimepicker-widget table thead tr:first-child {
    color: #525252;
}
.bootstrap-datetimepicker-widget table thead tr:first-child th{
    padding: 0;
}
.bootstrap-datetimepicker-widget table thead tr:first-child th.prev {
    border-right: 1px solid transparent;
}
.bootstrap-datetimepicker-widget table thead tr:first-child th.next {
    border-left: 1px solid transparent;
}
.bootstrap-datetimepicker-widget table thead tr:first-child th.prev:hover,
.bootstrap-datetimepicker-widget table thead tr:first-child th.next:hover {
    background: #eee;
}
 .bootstrap-datetimepicker-widget td,
 .bootstrap-datetimepicker-widget th {
 	text-align:center;
 	height:20px;
 	-webkit-border-radius: 0;
 	-moz-border-radius: 0;
 	border-radius: 0;
}
.bootstrap-datetimepicker-widget th.dow {
    background: #26488e;
    color: #fff8f4;
 }
 .bootstrap-datetimepicker-widget td.day:hover,
 .bootstrap-datetimepicker-widget td.hour:hover,
 .bootstrap-datetimepicker-widget td.minute:hover,
 .bootstrap-datetimepicker-widget td.second:hover {
 	background: #eee;
 	cursor:pointer
}
 .bootstrap-datetimepicker-widget .timepicker td.day,
 .bootstrap-datetimepicker-widget .timepicker td.hour,
 .bootstrap-datetimepicker-widget .timepicker td.minute,
 .bootstrap-datetimepicker-widget .timepicker td.second {
 	cursor: pointer;
 	border: 1px solid transparent;
}
 .bootstrap-datetimepicker-widget .timepicker td.day:hover,
 .bootstrap-datetimepicker-widget .timepicker td.hour:hover,
 .bootstrap-datetimepicker-widget .timepicker td.minute:hover,
 .bootstrap-datetimepicker-widget .timepicker td.second:hover {
 	background: #E6F2F9;
 	cursor: pointer;
 	border: 1px solid #9DCCE4;
}
 .bootstrap-datetimepicker-widget td.old,
 .bootstrap-datetimepicker-widget td.new {
 	color:#999
}
 .bootstrap-datetimepicker-widget td.active,
 .bootstrap-datetimepicker-widget td.active:hover {
 	color:#fff;
 	background-color: #26488e;
 	background-image:none;
 	*background-color: #26488e;
}
.bootstrap-datetimepicker-widget td.active:hover,
.bootstrap-datetimepicker-widget td.active:hover:hover,
.bootstrap-datetimepicker-widget td.active:active,
.bootstrap-datetimepicker-widget td.active:hover:active,
.bootstrap-datetimepicker-widget td.active.active,
.bootstrap-datetimepicker-widget td.active:hover.active,
.bootstrap-datetimepicker-widget td.active.disabled,
.bootstrap-datetimepicker-widget td.active:hover.disabled,
.bootstrap-datetimepicker-widget td.active[disabled],
.bootstrap-datetimepicker-widget td.active:hover[disabled] {
	color:#fff;
	background-color:#26488e;
	*background-color:#26488e;
}
 .bootstrap-datetimepicker-widget td.active:active,
 .bootstrap-datetimepicker-widget td.active:hover:active,
 .bootstrap-datetimepicker-widget td.active.active,
 .bootstrap-datetimepicker-widget td.active:hover.active {
 	background-color:#26488e \9;
}
 .bootstrap-datetimepicker-widget td.disabled,
 .bootstrap-datetimepicker-widget td.disabled:hover {
 	background:0;
 	color:#999;
 	cursor:not-allowed
}
 .bootstrap-datetimepicker-widget td span {
 	display: block;
 	width: 47px;
 	height: 20px;
 	line-height: 20px;
 	float: left;
 	margin: 2px;
 	cursor:pointer;
 	-webkit-border-radius: 0;
 	-moz-border-radiu;border-radius: 0;
}
.bootstrap-datetimepicker-widget td .btn {
    background: transparent;
    padding: 5px 12px;
    margin-top: 3px;
    color: #3B3838;
    border: 1px solid transparent;
    border-radius: 0 !important;
    min-width: 36px;
}
.bootstrap-datetimepicker-widget td .btn i {
    color: #26488e;
}
.bootstrap-datetimepicker-widget td .btn:hover {
    background: #C3E0F2;
}
.bootstrap-datetimepicker-widget td .btn:hover i {
    color: #353f4f;
}
.bootstrap-datetimepicker-widget .timepicker td .btn:hover { 
    border: 1px solid #ddd;
    background: #eee;
}

 .bootstrap-datetimepicker-widget td span.active {
 	color:#fff;
 	background-color:#006dcc;
 	background-image:-moz-linear-gradient(top,#08c,#04c);
 	background-image:-webkit-gradient(linear,0 0,0 100%,from(#08c),to(#04c));
 	background-image:-webkit-linear-gradient(top,#08c,#04c);
 	background-image:-o-linear-gradient(top,#08c,#04c);
 	background-image:linear-gradient(to bottom,#08c,#04c);
 	background-repeat:repeat-x;
 	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc',endColorstr='#ff0044cc',GradientType=0);
 	border-color:#04c #04c #002a80;
 	border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
 	*background-color:#04c;
 	filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);
 	color:#fff;
 	text-shadow:0 -1px 0 rgba(0,0,0,0.25)
}
 .bootstrap-datetimepicker-widget td span.active:hover,
 .bootstrap-datetimepicker-widget td span.active:active,
 .bootstrap-datetimepicker-widget td span.active.active,
 .bootstrap-datetimepicker-widget td span.active.disabled,
 .bootstrap-datetimepicker-widget td span.active[disabled]{
 	color:#fff;
 	background-color:#04c;
 	*background-color:#003bb3
}
 .bootstrap-datetimepicker-widget td span.active:active,
 .bootstrap-datetimepicker-widget td span.active.active {
 	background-color:#039 \9
}
 .bootstrap-datetimepicker-widget td span.old{
 	color:#999
}
 .bootstrap-datetimepicker-widget td span.disabled,
 .bootstrap-datetimepicker-widget td span.disabled:hover {
 	background:0;
 	color:#999;
 	cursor:not-allowed
}
 .bootstrap-datetimepicker-widget th.switch {
 	width:145px
}
 .bootstrap-datetimepicker-widget th.next,
 .bootstrap-datetimepicker-widget th.prev {
 	font-size:21px
}
 .bootstrap-datetimepicker-widget th.disabled,
 .bootstrap-datetimepicker-widget th.disabled:hover {
 	background:0;
 	color:#999;
 	cursor:not-allowed
}
 .bootstrap-datetimepicker-widget thead tr:first-child th{cursor:pointer}
 .bootstrap-datetimepicker-widget thead tr:first-child th:hover{background:#eee}
 .input-append.date .add-on i,.input-prepend.date .add-on i {
 	display:block;
 	cursor:pointer;
 	width:16px;
 	height:16px
}
 .bootstrap-datetimepicker-widget.left-oriented:before{left:auto;right:6px}
 .bootstrap-datetimepicker-widget.left-oriented:after{left:auto;right:7px}

 
.datewidget input,
.timewidget input,
.datewidget input:focus,
.timewidget input:focus {
    margin: 0;
    width: 248px;
    height: 37px;
    padding-left: 9px;
}
.datewidget input,
.timewidget input {
    border: 1px solid #5f83b5;
}
.timewidget input,
.timewidget input:focus {
    border-top: 0;
}
.timewidget.borderTop input {
    border-top: 1px solid #3D659C;
}
.timewidget.borderTop input:focus {
    border-top: 1px solid #7897c1;
}

.input-append{
    position: relative;
}
.input-append .add-on, 
.input-prepend .add-on {
    margin-left: -1px;
    width: auto;
    height: 32px;
    display: inline-block;
    min-width: 16px;
    padding: 8px 5px 21px;
    font-size: 14px;
    font-weight: normal;
    text-align: center;
    text-shadow: 0 1px 0 #ffffff;
    background-color: transparent;
    top: 0;
    left: 213px;
    position: absolute;
}
.ie8 .input-append .add-on, 
.ie8 .input-prepend .add-on {
    top: -7px;
    padding-top:0;
}
.input-append .add-on i, 
.input-prepend .add-on i {
    width: 18px;
    height: 18px;
    display: inline-block;
    background-image: url(image/time-date-icons.png);
}
.input-append .add-on i.icon-calendar {
    background-position: 18px 0;
}
.input-append .add-on i.icon-time {
    background-position: 0 0;
}
.edit-list .timewidget.responsive {
    width: 237px;
    height: 36px;
}
.edit-list .timewidget.responsive input {
    position: absolute;
}
.edit-list .timewidget.responsive .add-on {
    position: relative;
    top: -5px;
    right: 0px;
}
.ie8 .edit-list .timewidget.responsive .add-on {
    top: -15px;
}
.datewidget.disabled.input-append i.icon-calendar,
.timewidget.disabled.input-append i.icon-calendar,
.time-block-disabled .input-append .add-on i.icon-calendar {
    background-position: 18px -18px;
}
.datewidget.disabled.input-append i.icon-time,
.timewidget.disabled.input-append i.icon-time,
.time-block-disabled .input-append .add-on i.icon-time {
    background-position: 0 -18px;
}
.input-append .add-on i.icon-calendar:before,
.input-append .add-on i.icon-time:before{
    content: "";
}
.bootstrap-datetimepicker-widget .timepicker-picker .table-condensed>thead>tr>th,
.bootstrap-datetimepicker-widget .timepicker-picker .table-condensed>tbody>tr>th, 
.bootstrap-datetimepicker-widget .timepicker-picker .table-condensed>tfoot>tr>th, 
.bootstrap-datetimepicker-widget .timepicker-picker .table-condensed>thead>tr>td, 
.bootstrap-datetimepicker-widget .timepicker-picker .table-condensed>tbody>tr>td, 
.bootstrap-datetimepicker-widget .timepicker-picker .table-condensed>tfoot>tr>td {
    padding: 2px 0 2px 5px;
    width: 10px;
}
.table-condensed>thead>tr>td.separator, 
.timepicker-picker .table-condensed>tbody>tr>td.separator, 
.timepicker-picker .table-condensed>tfoot>tr>td.separator {
    padding: 0;
    font-weight: bold;
}
.formele {
    margin: 3px 0 21px;
}
.daylight-block .time-block-wrap {
    position: relative;
    padding-left: 10px;
    margin-top: 12px;
}
.daylight-block .time-block-wrap-second {
    margin-bottom: 21px;
}
.daylight-block .time-block-wrap-second .time-block select:first-child {
    width: 159px;
}
.daylight-block .time-block-wrap-second .time-block select {
    width: 160px;
}
.daylight-block .time-block-wrap-second.time-block-disabled select,
.daylight-block .time-block-wrap-second.time-block-disabled input {
    background: #1a4e95;
}
.daylight-block .time-block-wrap input[type="radio"]{
    position: absolute;
    left: 0;
    top: 20px;
}
.daylight-block .time-block {
    padding: 0;
    margin: 0;
    display: inline-block;
}
.daylight-block .time-block .time-title {
    border: 1px solid #5f83b5;
    background: #16427f;
    display: inline-block;
    float: left;
    width: 63px;
    height: 74px;
    line-height: 74px;
    vertical-align: middle;
    text-align: center;
    margin-left: 20px;
}
.daylight-block .time-block .time-title.start-time {
    margin-right: 40px;
}
.daylight-block .time-block .time-block-content {
    display: inline-block;
}
.daylight-block .time-block select,
.daylight-block .time-block input {
    margin: 0;
    padding: 0;
    padding-left: 5px;
    height: 37px;
}
.daylight-block .time-block select:first-child {
    margin-left: 0;
    width: 107px;
}

.daylight-block .time-block select {
    border: 1px solid #5f83b5;
    width: 106px;
    margin-left: -4px;
    border-left: 0;
}
.daylight-block .time-block select.last-child {
    border-right: 1px solid #5f83b5;
}
.daylight-block .time-block input,
.daylight-block .time-block input:focus {
    width: 319px;
    border-left: 0;
    padding-left: 10px;
}
.daylight-block .time-block.time-block-second .timewidget input {
    border-top: 0;
}
.time-block .input-append .add-on, 
.time-block .input-prepend .add-on {
    left: 285px;
}
.daylight-block .time-block-disabled label{
    color: #8294c2;
}
.daylight-block time-block-disabled input {
    color: #ccc;
}
.daylight-block .time-block-disabled i {
    color: #bdc8dd;
}
.label-txt {
    font-size: 14px;
    color: #bec8e2;
    margin: 2px 0 0 13px;
    display: inline;
}
#Date_form.form-horizontal [class^="col-md-"], 
#Date_form.form-horizontal [class*="col-md-"], 
#Date_form.form-horizontal [class^="col-xs-"], 
#Date_form.form-horizontal [class*="col-xs-"], 
#Date_form.form-horizontal [class^="col-sm-"], 
#Date_form.form-horizontal [class*="col-sm-"] {
    line-height: 24px;
}

@media (max-width: 600px) {
    .input-append .add-on, .input-prepend .add-on {
        left: 202px;
    }
}
@media (max-width: 479px) {
    .daylight-block .time-block .time-title {
        width: 41px;
        margin-left: 5px;
    }
    .daylight-block .time-block select:first-child {
        width: 76px;
    }
    .daylight-block .time-block-wrap-second .time-block select:first-child {
        width: 113px;
    }
    .daylight-block .time-block-wrap-second .time-block select {
        width: 113px;
    }
    .daylight-block .time-block select {
        width: 75px;
    }
    .daylight-block .time-block input, 
    .daylight-block .time-block input:focus {
        width: 226px;
    }
    .time-block .input-append .add-on, 
    .time-block .input-prepend .add-on {
        left: 192px;
    }
    .daylight-block .time-block select, 
    .daylight-block .time-block input {
        padding-left: 5px;
    }
    .date-time-wrap [class*="col-sm-"] {
        padding: 0;
    }
    
}


.easyPieChart {
    position: relative;
    text-align: center;
}

.easyPieChart canvas {
    position: absolute;
    top: 0;
    left: 0;
}




.slick-header-columns {
  background: #DAE8FA repeat-x center bottom;
  border-bottom: 1px solid silver;
}

.slick-header-column {
	border-bottom: 1px solid #9EB6CE;
	border-right: 1px solid silver;
}
.slick-headerrow {
  background: #DAE8FA;
}

.slick-headerrow-column {
  border-bottom: 0;
  height: 100%;
}
.slick-row {
  position: absolute;
  background: white;
  border: 0px;
  line-height: 20px;
  z-index: 0;
}
.slick-row.selected {
  z-index: 10;
  background: #DFE8F6;
}
.slick-cell {
  padding-left: 4px;
  padding-right: 4px;
}
.slick-cell.selected {
  background-color: #D3E5F3; 
}

.slick-cell.active {
  border-style: solid;
}
.slick-sortable-placeholder {
  background: silver !important;
}
.slick-row.even {
  background: #FFF;
}

.slick-row.odd {
  background: #F2F4F5;
}
.slick-row.loading {
  opacity: 0.5;
  filter: alpha(opacity = 50);
}

.slick-cell.invalid {
  border-color: red;
}




.slick-header.ui-state-default, 
.slick-headerrow.ui-state-default {
  width: 100%;
  overflow: hidden;
  border-left: 0px;
  margin-bottom: 1px;
}

.slick-header-columns, 
.slick-headerrow-columns {
  border-bottom: 2px solid #5f83b5;
  position: relative;
  white-space: nowrap;
  cursor: default;
  overflow: hidden;
}
.slick-headerrow-columns { 
    display:none;
}
.slick-header-column.ui-state-default {
    font-weight: bold;
    position: relative;
    display: inline-block;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    margin: 0 0 0 3px;
    padding: 10px 1px;
    border-right: 1px solid #9EB6CE;
    border-left: 0px;
    border-top: 0px;
    border-bottom: 0px;
    float: left;
}
.slick-headerrow-column.ui-state-default {
    padding: 0 4px;
    margin: 0;
    height: 22px;
}
.slick-headerrow-column .combox, 
.slick-headerrow-column input.span12,
.slick-headerrow-column select.span12 {
    position:absolute;
    left: 1px;
    top:0px;
	padding: 0;
    margin:0;
    min-height: 22px;
    height: 22px;
	width: 98%;
}
.slick-header-column-sorted {
  font-style: italic;
}
.slick-sort-indicator {
  display: inline-block;
  width: 9px;
  height: 4px;
  margin-left: 4px;
}
.slick-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
  cursor: col-resize;
  width: 4px;
  right: 0px;
  top: 0;
  height: 100%;
}
.slick-sortable-placeholder {
  background: silver;
}
.grid-canvas {
  position: relative;
  outline: 0;
}
.slick-row.ui-widget-content, 
.slick-row.ui-state-active {
  position: absolute;
  border: 0px;
  width: 100%;
}
.slick-row.active .slick-cell{
  border: 0px;
}
.slick-row .slick-cell.active.editable.focus {
  border: 1px solid #7F9DB9;
  background: #FFF;
}
.slick-row.ui-state-hover{
    background-color: #D3E5F3;
}
.slick-cell, 
.slick-headerrow-column {
  position: absolute;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  vertical-align: middle;
  z-index: 1;
  padding: 1px 2px 2px 1px;
  margin: 0;
  white-space: nowrap;
  cursor: default;
}
.slick-headerrow-column {
    border-width:0;
}
.slick-cell.highlighted {
  background: lightskyblue;
  background: rgba(0, 0, 255, 0.2);
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.slick-cell.flashing {
  border: 1px solid red !important;
}
.slick-cell.editable {
  z-index: 11;
  overflow: visible;
  background: white;
  border-color: black;
  border-style: solid;
}
.slick-cell:focus {
  outline: none;
}


.slick-columnpicker {
     min-width: 150px;
     cursor: default;
}
.slick-columnpicker li {
	list-style: none;
	margin: 0;
	padding: 10px 12px;
	background: none;
	border-bottom: 1px solid #11386d;
	line-height: 20px;
	height: 40px;
}
.slick-columnpicker input {
    margin: 4px;
}

.slick-columnpicker li a {
     display: block;
     padding: 4px;
     font-weight: bold;
}

.slick-columnpicker li:hover {
	color: #fff;
}
.slick-columnpicker label {
    font-size: 14px;
	cursor: pointer;
}




.select2-container {
    margin: 0;
    position: relative;
    display: inline-block;
    
    zoom: 1;
    *display: inline;
    vertical-align: middle;
    width: 400px;
    height: 36px;
    margin: 10px 0px 10px 0;
    border: 0px solid #3d659c;
}
.modal .select2-container {
    width: 237px;
}

.edittable .select2-container {
    width: 100%;
}

.display-group .select2-container {
    clear: both;
}

.select2-container,
.select2-drop,
.select2-search,
.select2-search input {
  
  -webkit-box-sizing: border-box; 
     -moz-box-sizing: border-box; 
          box-sizing: border-box; 
}

.select2-container .select2-choice {
    display: block;
    height: 36px;
    padding: 0 0 0 8px;
    overflow: hidden;
    position: relative;
    white-space: nowrap;
    line-height: 36px;
    text-decoration: none;
    border-radius: 0;
    background-clip: padding-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    filter: none;
    background-image: linear-gradient(top, #fff 0%, #eee 50%);
}
.select2-container.select2-drop-above .select2-choice {
    border-bottom-color: #aaa;
    border-radius: 0 0 4px 4px;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.9, #fff));
    background-image: -webkit-linear-gradient(center bottom, #eee 0%, #fff 90%);
    background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 90%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
    background-image: linear-gradient(top, #eee 0%, #fff 90%);
}
.select2-container.select2-allowclear .select2-choice .select2-chosen {
    margin-right: 42px;
}
.select2-container .select2-choice > .select2-chosen {
    margin-right: 26px;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.select2-container .select2-choice abbr {
    display: none;
    width: 12px;
    height: 12px;
    position: absolute;
    right: 24px;
    top: 9px;
    font-size: 1px;
    text-decoration: none;
    border: 0;
    background: url('image/select2.png') right top no-repeat;
    cursor: pointer;
    outline: 0;
}
.select2-container.select2-allowclear .select2-choice abbr {
    display: inline-block;
}
.select2-container .select2-choice abbr:hover {
    background-position: right -11px;
    cursor: pointer;
}
.select2-drop-mask {
    border: 0;
    margin: 0;
    padding: 0;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 9998;
    
    filter: alpha(opacity=0);
}
.select2-drop {
    width: 100%;
    margin-top: -1px;
    position: absolute;
    z-index: 9999;
    top: 100%;
    padding-top: 5px;
    border-top: 0;
    border-radius: 0 0 4px 4px;
    -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
    box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
}
.select2-drop-auto-width {
    border-top: 1px solid #aaa;
    width: auto;
}
.select2-drop-auto-width .select2-search {
    padding-top: 4px;
}
.select2-drop.select2-drop-above {
    margin-top: 1px;
    border-top: 1px solid #aaa;
    border-bottom: 0;
    border-radius: 4px 4px 0 0;
    -webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);
    box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);
}
.select2-drop-active {
    border-top: none;
    border-radius: 0;
}
.select2-drop.select2-drop-above.select2-drop-active {
    border-top: 1px solid #2f539b;
}
.select2-container .select2-choice .select2-arrow {
    display: inline-block;
    width: 18px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    border-radius: 0 4px 4px 0;
    background-clip: padding-box;
    background-image: none;
    filter: none;
    background-image: linear-gradient(top, #ccc 0%, #eee 60%);
}
.select2-container .select2-choice .select2-arrow b {
    display: block;
    width: 100%;
    height: 100%;
    background: url('image/select2.png') no-repeat 1px 3px;
}
.select2-search {
    display: inline-block;
    width: 100%;
    min-height: 26px;
    margin: 0;
    padding-left: 4px;
    padding-right: 4px;
    position: relative;
    z-index: 10000;
    white-space: nowrap;
}
.select2-search input {
    width: 100%;
    height: 34px;
    min-height: 34px;
    padding: 4px 30px 4px 5px;
    margin: 0;
    outline: 0;
    font-family: sans-serif;
    font-size: 1em;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.select2-drop.select2-drop-above .select2-search input {
    margin-top: 4px;
}
.select2-search input.select2-active {
    background: #fff url('image/select2-spinner.gif') no-repeat 100%;
    background: url('image/select2-spinner.gif') no-repeat 100%, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee));
    background: url('image/select2-spinner.gif') no-repeat 100%, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);
    background: url('image/select2-spinner.gif') no-repeat 100%, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%);
    background: url('image/select2-spinner.gif') no-repeat 100%, linear-gradient(top, #fff 85%, #eee 99%);
}
.select2-container-active .select2-choice,
.select2-container-active .select2-choices {
    outline: none;
}
.select2-dropdown-open.select2-drop-above .select2-choice,
.select2-dropdown-open.select2-drop-above .select2-choices {
    border: 1px solid #2f539b;
    border-top-color: transparent;
    background-image: none;
}

.select2-dropdown-open .select2-choice .select2-arrow {
    background: transparent;
    border-left: none;
    filter: none;
}
.select2-dropdown-open .select2-choice .select2-arrow b {
    background-position: -18px 1px;
}


.select2-results {
    max-height: 200px;
    padding: 0 0 0 4px;
    margin: 5px 4px 5px 0;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.select2-results ul.select2-result-sub {
    margin: 0;
    padding-left: 0;
}

.select2-results ul.select2-result-sub > li .select2-result-label { padding-left: 20px }
.select2-results ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 40px }
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 60px }
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 80px }
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 100px }
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 110px }
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 120px }
.select2-results li {
    list-style: none;
    display: list-item;
    background-image: none;
}
.select2-results li.select2-result-with-children > .select2-result-label {
    font-weight: bold;
}
.select2-results .select2-result-label {
    padding: 3px 7px 4px;
    margin: 0;
    cursor: pointer;
    min-height: 1em;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.select2-results li em {
    background: #feffde;
    font-style: normal;
}
.select2-results .select2-highlighted em {
    background: transparent;
}
.select2-results .select2-highlighted ul {
    background: #fff;
    color: #000;
}
.select2-results .select2-no-results,
.select2-results .select2-searching,
.select2-results .select2-selection-limit {
    display: list-item;
}


.select2-results .select2-disabled.select2-highlighted {
    color: #666;
    background: #f4f4f4;
    display: list-item;
    cursor: default;
}
.select2-results .select2-disabled {
  background: #f4f4f4;
  display: list-item;
  cursor: default;
}
.select2-results .select2-selected {
    display: none;
}
.select2-more-results.select2-active {
    background: #f4f4f4 url('image/select2-spinner.gif') no-repeat 100%;
}
.select2-more-results {
    background: #f4f4f4;
    display: list-item;
}

.select2-container.select2-container-disabled .select2-choice {
    background-image: none;
    cursor: default;
}

.select2-container.select2-container-disabled .select2-choice .select2-arrow {
    background-image: none;
    border-left: 0;
}
.select2-container.select2-container-disabled .select2-choice abbr {
    display: none;
}


.select2-container-multi .select2-choices {
    height: auto !important;
    height: 1%;
    margin: 0;
    padding: 0;
    position: relative;
    border: 1px solid #aaa;
    cursor: text;
    overflow: hidden;
    background-color: #fff;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eee), color-stop(15%, #fff));
    background-image: -webkit-linear-gradient(top, #eee 1%, #fff 15%);
    background-image: -moz-linear-gradient(top, #eee 1%, #fff 15%);
    background-image: linear-gradient(top, #eee 1%, #fff 15%);
}
.select2-locked {
    padding: 3px 5px 3px 5px !important;
}

.select2-container-multi .select2-choices {
    min-height: 26px;
}
.select2-container-multi.select2-container-active .select2-choices {
    border: 1px solid #2f539b;
    outline: none;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
    box-shadow: 0 0 5px rgba(0, 0, 0, .3);
}
.select2-container-multi .select2-choices li {
    float: left;
    list-style: none;
}
.select2-container-multi .select2-choices .select2-search-field {
    margin: 0;
    padding: 0;
    white-space: nowrap;
}

.select2-container-multi .select2-choices .select2-search-field input {
    padding: 5px;
    margin: 1px 0;
    font-family: sans-serif;
    font-size: 100%;
    color: #666;
    outline: 0;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: transparent !important;
}
.select2-container-multi .select2-choices .select2-search-field input.select2-active {
    background: #fff url('image/select2-spinner.gif') no-repeat 100% !important;
}
.select2-default {
    color: #999 !important;
}
.select2-container-multi .select2-choices .select2-search-choice {
    padding: 3px 5px 3px 18px;
    margin: 3px 0 3px 5px;
    position: relative;
    line-height: 13px;
    color: #333;
    cursor: default;
    border: 1px solid #aaaaaa;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
    background-clip: padding-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #e4e4e4;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#f4f4f4', GradientType=0);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eee));
    background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
}
.select2-container-multi .select2-choices .select2-search-choice .select2-chosen {
    cursor: default;
}
.select2-container-multi .select2-choices .select2-search-choice-focus {
    background: #d4d4d4;
}
.select2-search-choice-close {
    display: block;
    width: 12px;
    height: 13px;
    position: absolute;
    right: 3px;
    top: 4px;
    font-size: 1px;
    outline: none;
    background: url('image/select2.png') right top no-repeat;
}
.select2-container-multi .select2-search-choice-close {
    left: 3px;
}
.select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover {
  background-position: right -11px;
}
.select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close {
    background-position: right -11px;
}

.select2-container-multi.select2-container-disabled .select2-choices {
    background-color: #f4f4f4;
    background-image: none;
    border: 1px solid #ddd;
    cursor: default;
}
.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice {
    padding: 3px 5px 3px 5px;
    border: 1px solid #ddd;
    background-image: none;
    background-color: #f4f4f4;
}
.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close {    display: none;
    background: none;
}

.select2-result-selectable .select2-match,
.select2-result-unselectable .select2-match {
    text-decoration: underline;
}
.select2-offscreen, .select2-offscreen:focus {
    clip: rect(0 0 0 0) !important;
    width: 1px !important;
    height: 1px !important;
    border: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    position: absolute !important;
    outline: 0 !important;
    left: 0px !important;
    top: 0px !important;
}
.select2-display-none {
    display: none;
}
.select2-measure-scrollbar {
    position: absolute;
    top: -10000px;
    left: -10000px;
    width: 100px;
    height: 100px;
    overflow: scroll;
}


@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi)  {
  .select2-search input, .select2-search-choice-close, .select2-container .select2-choice abbr, .select2-container .select2-choice .select2-arrow b {
      background-image: url('image/select2x2.png') !important;
      background-repeat: no-repeat !important;
      background-size: 60px 40px !important;
  }
  .select2-search input {
      background-position: 100% -21px !important;
  }
}

.form-control .select2-choice .select2-arrow {
    border-radius: 0 2px 2px 0;   
}
.form-control.select2-container {
    height: auto !important;
    padding: 0px;
    margin-top: 6px;
    clear: both;
	width: 400px;
}
.modal .form-control.select2-container {
	width: 237px;
}
.form-control.select2-container.select2-dropdown-open {
    border-color: #fff;
    border-radius: 0;
}
.form-control .select2-container.select2-dropdown-open .select2-choices {
    border-radius: 3px 3px 0 0;
}

.form-control.select2-container .select2-choices {
    border: 0 !important;
    border-radius: 3px;
}
.form-group.warning .select2-container .select2-choice,
.form-group.warning .select2-container .select2-choices,
.form-group.warning .select2-container-active .select2-choice,
.form-group.warning .select2-container-active .select2-choices,
.form-group.warning .select2-dropdown-open.select2-drop-above .select2-choice,
.form-group.warning .select2-dropdown-open.select2-drop-above .select2-choices,
.form-group.warning .select2-container-multi.select2-container-active .select2-choices {
    border: 1px solid #C09853 !important;
}
.form-group.warning .select2-container .select2-choice div {
    border-left: 1px solid #C09853 !important;
    background: #FCF8E3 !important;
}
.form-group.error .select2-container .select2-choice,
.form-group.error .select2-container .select2-choices,
.form-group.error .select2-container-active .select2-choice,
.form-group.error .select2-container-active .select2-choices,
.form-group.error .select2-dropdown-open.select2-drop-above .select2-choice,
.form-group.error .select2-dropdown-open.select2-drop-above .select2-choices,
.form-group.error .select2-container-multi.select2-container-active .select2-choices {
    border: 1px solid #B94A48 !important;
}
.form-group.error .select2-container .select2-choice div {
    border-left: 1px solid #B94A48 !important;
    background: #F2DEDE !important;
}
.form-group.info .select2-container .select2-choice,
.form-group.info .select2-container .select2-choices,
.form-group.info .select2-container-active .select2-choice,
.form-group.info .select2-container-active .select2-choices,
.form-group.info .select2-dropdown-open.select2-drop-above .select2-choice,
.form-group.info .select2-dropdown-open.select2-drop-above .select2-choices,
.form-group.info .select2-container-multi.select2-container-active .select2-choices {
    border: 1px solid #3A87AD !important;
}
.form-group.info .select2-container .select2-choice div {
    border-left: 1px solid #3A87AD !important;
    background: #D9EDF7 !important;
}
.form-group.success .select2-container .select2-choice,
.form-group.success .select2-container .select2-choices,
.form-group.success .select2-container-active .select2-choice,
.form-group.success .select2-container-active .select2-choices,
.form-group.success .select2-dropdown-open.select2-drop-above .select2-choice,
.form-group.success .select2-dropdown-open.select2-drop-above .select2-choices,
.form-group.success .select2-container-multi.select2-container-active .select2-choices {
    border: 1px solid #468847 !important;
}
.form-group.success .select2-container .select2-choice div {
    border-left: 1px solid #468847 !important;
    background: #DFF0D8 !important;
}




.ms-container:after{
  content: ".";
  display: block;
  height: 0;
  line-height: 0;
  font-size: 0;
  clear: both;
  min-height: 0;
  visibility: hidden;
}

.ms-container .ms-selectable, .ms-container .ms-selection{

 
  float: left;
}

.ms-container .ms-list{
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
  -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
  -ms-transition: border linear 0.2s, box-shadow linear 0.2s;
  -o-transition: border linear 0.2s, box-shadow linear 0.2s;
  transition: border linear 0.2s, box-shadow linear 0.2s;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}



.ms-container .ms-selectable{
  margin-bottom: 10px;
  margin-right: 24px;
}

.ms-container .ms-selectable input.search-input,.ms-container .ms-selection input.search-input{
  width: 100%;
}

.ms-container .ms-list.ms-focus{
  outline: 0;
  outline: thin dotted \9;
}

.ms-container ul{
  margin: 0;
  list-style-type: none;
  padding: 0;
}

.ms-container .ms-optgroup-container{
  width: 100%;
}

.ms-container ul.ms-list{
  width: 100%;
  height: 200px;
  padding: 0;
  overflow-y: auto;
}

.ms-container .ms-optgroup-label{
  margin: 0;
  padding: 5px 0px 0px 5px;
  cursor: pointer;
  color: #999;
}

.ms-container .ms-selectable li.ms-elem-selectable,
.ms-container .ms-selection li.ms-elem-selection{
  border-bottom: 0px #eee solid;
  padding: 2px 10px;
  font-size: 14px;
  line-height: 24px;
}

.ms-container .ms-selectable li.ms-hover,
.ms-container .ms-selection li.ms-hover{
  cursor: pointer;
  text-decoration: none;
}

.ms-container .ms-selectable li.disabled,
.ms-container .ms-selection li.disabled{
  background-color: #eee;
  color: #aaa;
  cursor: text;
}
.ms-container .buttons{
  width: 100%;
  margin-bottom: 10px;
}
.ms-container .selectall, .ms-container .deselect {
  width: 100%;
}
.ms-custom {
    margin-left: 10px;
}
.ms-input {
    margin-left: 5px;
}




.daterangepicker.dropdown-menu {
  max-width: none;
  z-index: 3000;
}
.daterangepicker .ranges {
  width: 130px;
  text-align: left;
}
.daterangepicker .ranges .input-mini {
  width: 100px;
}
.daterangepicker .ranges .range_inputs>div {
  float: left;
  padding-left: 11px;
}

.daterangepicker .ranges .range_inputs>div:nth-child(2) {
  padding-left: 11px;
}
.daterangepicker .calendar {
  display: none;
  max-width: 250px;
}
.daterangepicker .ranges .range_inputs .btn-success {
  margin-left: 11px;
  color: #fff;
  background-color: #3898d8;
  border-color: #398439;
  min-width: 40px;
}
.daterangepicker .ranges .range_inputs .btn-success:hover {
  background: #4ca1da;
}
.daterangepicker .ranges .range_inputs .btn-default{
  min-width: 40px;
}
.daterangepicker .calendar th, 
.daterangepicker .calendar td {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  white-space: nowrap;
  text-align: center;
}

.daterangepicker .ranges label {
  color: #333;
  font-size: 11px;
  margin-bottom: 2px;
  text-transform: uppercase;
  text-shadow: 1px 1px 0 #fff;
  display:block;
  line-height:20px;
}

.daterangepicker .ranges input {
  font-size: 11px;
}

.daterangepicker .ranges ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.daterangepicker .ranges li {
  font-size: 13px;
  background: #f5f5f5;
  border: 1px solid #f5f5f5;
  color: #08c;
  padding: 3px 12px;
  margin-bottom: 8px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  cursor: pointer;
}

.daterangepicker .ranges li.active, 
.daterangepicker .ranges li:hover {
  background: #08c;
  border: 1px solid #08c;
  color: #fff;
}

.daterangepicker .calendar-date {
  border: 1px solid #cbcbcb;
  border-radius: 0;
  background: #fff;
}

.daterangepicker .calendar-time {
  text-align: center;
  margin: 8px auto 0 auto;
  line-height: 30px;
}

.daterangepicker {
  position: absolute;
  background: #fff;
  top: 100px;
  left: 20px;
  padding: 4px;
  margin-top: 1px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.daterangepicker table thead tr:first-child th {
    background: #f4f4f4;
    color: #525252;
}
.daterangepicker table thead tr th {
    background: #3695d5;
    color: #fff;
}
.daterangepicker table thead tr:first-child th.prev {
    border-right: 1px solid transparent;
}

.daterangepicker table thead tr:first-child th.next {
    border-left: 1px solid transparent;
}
.daterangepicker table thead i {
    font-size: 10px;
}
.daterangepicker table thead tr:first-child th.prev:hover,
.daterangepicker table thead tr:first-child th.next:hover {
    background: #eee;
}
.daterangepicker table {
  width: 100%;
  margin: 0;
  background: #f4f4f4;
}

.daterangepicker td, .daterangepicker th {
  text-align: center;
  width: 20px;
  height: 20px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  cursor: pointer;
  white-space: nowrap;
}

.daterangepicker td.off {
  color: #999;
}

.daterangepicker td.disabled {
  color: #999;
}

.daterangepicker td.available:hover, 
.daterangepicker th.available:hover {
  background: #eee;
}

.daterangepicker td.in-range {
  background: #ebf4f8;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

.daterangepicker td.active, 
.daterangepicker td.active:hover {
  color:#fff;
  background-color:#3695d5;
}

.daterangepicker td.week, 
.daterangepicker th.week {
  font-size: 80%;
  color: #ccc;
}

.daterangepicker select.monthselect, 
.daterangepicker select.yearselect {
  font-size: 12px;
  padding: 1px;
  height: auto;
  margin: 0;
  cursor: default;
}

.daterangepicker select.monthselect {
  margin-right: 2%;
  width: 56%;
}

.daterangepicker select.yearselect {
  width: 40%;
}

.daterangepicker select.hourselect, 
.daterangepicker select.minuteselect,  
.daterangepicker select.secondselect,
.daterangepicker select.ampmselect {
  width: 60px;
  margin-bottom: 0;
}

.datetimerange {
  width: 240px;
}


.jstree-node,
.jstree-children,
.jstree-container-ul {
  display: block;
  margin: 0;
  padding: 0;
  list-style-type: none;
  list-style-image: none;
}
.jstree-node {
  white-space: nowrap;
}
.jstree-anchor {
  display: inline-block;
  color: black;
  white-space: nowrap;
  padding: 0 4px 0 1px;
  margin: 0;
  vertical-align: top;
}
.jstree-anchor:focus {
  outline: 0;
}
.jstree-anchor,
.jstree-anchor:link,
.jstree-anchor:visited,
.jstree-anchor:hover,
.jstree-anchor:active {
  text-decoration: none;
  color: inherit;
}
.jstree-icon {
  display: inline-block;
  text-decoration: none;
  margin: 0;
  padding: 0;
  vertical-align: top;
  text-align: center;
}
.jstree-icon:empty {
  display: inline-block;
  text-decoration: none;
  margin: 0;
  padding: 0;
  vertical-align: top;
  text-align: center;
}
.jstree-ocl {
  cursor: pointer;
}
.jstree .jstree-open > .jstree-children {
  display: block;
}
.jstree .jstree-closed > .jstree-children,
.jstree .jstree-leaf > .jstree-children {
  display: none;
}
.jstree-anchor > .jstree-themeicon {
  margin-right: 2px;
}
.jstree-no-icons .jstree-themeicon,
.jstree-anchor > .jstree-themeicon-hidden {
  display: none;
}
.jstree-rtl .jstree-anchor {
  padding: 0 1px 0 4px;
}
.jstree-rtl .jstree-anchor > .jstree-themeicon {
  margin-left: 2px;
  margin-right: 0;
}
.jstree-rtl .jstree-node {
  margin-left: 0;
}
.jstree-rtl .jstree-container-ul > .jstree-node {
  margin-right: 0;
}
.jstree-wholerow-ul {
  position: relative;
  display: inline-block;
  min-width: 100%;
}
.jstree-wholerow-ul .jstree-anchor,
.jstree-wholerow-ul .jstree-icon {
  position: relative;
}
.jstree-wholerow-ul .jstree-wholerow {
  width: 100%;
  cursor: pointer;
  position: absolute;
  left: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.vakata-context {
  display: none;
}
.vakata-context,
.vakata-context ul {
  margin: 0;
  padding: 2px;
  position: absolute;
  background: #f5f5f5;
  border: 1px solid #979797;
  -moz-box-shadow: 5px 5px 4px -4px #666666;
  -webkit-box-shadow: 2px 2px 2px #999999;
  box-shadow: 2px 2px 2px #999999;
}
.vakata-context ul {
  list-style: none;
  left: 100%;
  margin-top: -2.7em;
  margin-left: -4px;
}
.vakata-context .vakata-context-right ul {
  left: auto;
  right: 100%;
  margin-left: auto;
  margin-right: -4px;
}
.vakata-context li {
  list-style: none;
  display: inline;
}
.vakata-context li a {
  display: block;
  padding: 0 2em 0 2em;
  text-decoration: none;
  width: auto;
  color: black;
  white-space: nowrap;
  line-height: 2.4em;
  -moz-text-shadow: 1px 1px 0 white;
  -webkit-text-shadow: 1px 1px 0 white;
  text-shadow: 1px 1px 0 white;
  -moz-border-radius: 1px;
  -webkit-border-radius: 1px;
  border-radius: 1px;
}
.vakata-context li a:hover {
  position: relative;
  background-color: #e8eff7;
  -moz-box-shadow: 0 0 2px #0a6aa1;
  -webkit-box-shadow: 0 0 2px #0a6aa1;
  box-shadow: 0 0 2px #0a6aa1;
}
.vakata-context li a.vakata-context-parent {
  background-image: url("data:image/gif;base64,R0lGODlhCwAHAIAAACgoKP///yH5BAEAAAEALAAAAAALAAcAAAIORI4JlrqN1oMSnmmZDQUAOw==");
  background-position: right center;
  background-repeat: no-repeat;
}
.vakata-context .vakata-context-hover > a {
  position: relative;
  background-color: #e8eff7;
  -moz-box-shadow: 0 0 2px #0a6aa1;
  -webkit-box-shadow: 0 0 2px #0a6aa1;
  box-shadow: 0 0 2px #0a6aa1;
}
.vakata-context .vakata-context-separator a,
.vakata-context .vakata-context-separator a:hover {
  background: white;
  border: 0;
  border-top: 1px solid #e2e3e3;
  height: 1px;
  min-height: 1px;
  max-height: 1px;
  padding: 0;
  margin: 0 0 0 2.4em;
  border-left: 1px solid #e0e0e0;
  -moz-text-shadow: 0 0 0 transparent;
  -webkit-text-shadow: 0 0 0 transparent;
  text-shadow: 0 0 0 transparent;
  -moz-box-shadow: 0 0 0 transparent;
  -webkit-box-shadow: 0 0 0 transparent;
  box-shadow: 0 0 0 transparent;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
.vakata-context .vakata-contextmenu-disabled a,
.vakata-context .vakata-contextmenu-disabled a:hover {
  color: silver;
  background-color: transparent;
  border: 0;
  box-shadow: 0 0 0;
}
.vakata-context li a ins {
  text-decoration: none;
  display: inline-block;
  width: 2.4em;
  height: 2.4em;
  background: transparent;
  margin: 0 0 0 -2em;
}
.vakata-context li a span {
  display: inline-block;
  width: 1px;
  height: 2.4em;
  background: white;
  margin: 0 0.5em 0 0;
  border-left: 1px solid #e2e3e3;
}
.vakata-context-rtl ul {
  left: auto;
  right: 100%;
  margin-left: auto;
  margin-right: -4px;
}
.vakata-context-rtl li a.vakata-context-parent {
  background-image: url("data:image/gif;base64,R0lGODlhCwAHAIAAACgoKP///yH5BAEAAAEALAAAAAALAAcAAAINjI+AC7rWHIsPtmoxLAA7");
  background-position: left center;
  background-repeat: no-repeat;
}
.vakata-context-rtl .vakata-context-separator a {
  margin: 0 2.4em 0 0;
  border-left: 0;
  border-right: 1px solid #e2e3e3;
}
.vakata-context-rtl .vakata-context-left ul {
  right: auto;
  left: 100%;
  margin-left: -4px;
  margin-right: auto;
}
.vakata-context-rtl li a ins {
  margin: 0 -2em 0 0;
}
.vakata-context-rtl li a span {
  margin: 0 0 0 0.5em;
  border-left-color: white;
  background: #e2e3e3;
}
#jstree-marker {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  border-right: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid;
  width: 0;
  height: 0;
  font-size: 0;
  line-height: 0;
}
#jstree-dnd {
  line-height: 16px;
  margin: 0;
  padding: 4px;
}
#jstree-dnd .jstree-icon,
#jstree-dnd .jstree-copy {
  display: inline-block;
  text-decoration: none;
  margin: 0 2px 0 0;
  padding: 0;
  width: 16px;
  height: 16px;
}
#jstree-dnd .jstree-ok {
  background: green;
}
#jstree-dnd .jstree-er {
  background: red;
}
#jstree-dnd .jstree-copy {
  margin: 0 2px 0 2px;
}
.jstree-default .jstree-node,
.jstree-default .jstree-icon {
  background-repeat: no-repeat;
  background-color: transparent;
}
.jstree-default .jstree-anchor,
.jstree-default .jstree-wholerow {
  transition: background-color 0.15s, box-shadow 0.15s;
}
.jstree-default .jstree-hovered {
  background: #4676B2;
  border-radius: 2px;
  box-shadow: inset 0 0 1px #ccc;
}
.jstree-default .jstree-clicked {
  background: #69A5F0;
  border-radius: 2px;
  box-shadow: inset 0 0 1px #999;
}
.jstree-default .jstree-no-icons .jstree-anchor > .jstree-themeicon {
  display: none;
}
.jstree-default .jstree-disabled {
  background: transparent;
  color: #666;
}
.jstree-default .jstree-disabled.jstree-hovered {
  background: transparent;
  box-shadow: none;
}
.jstree-default .jstree-disabled.jstree-clicked {
  background: #efefef;
}
.jstree-default .jstree-disabled > .jstree-icon {
  opacity: 0.8;
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'jstree-grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#jstree-grayscale");
  
  filter: gray;
  
  -webkit-filter: grayscale(100%);
  
}
.jstree-default .jstree-search {
  font-style: italic;
  color: #8b0000;
  font-weight: bold;
}
.jstree-default .jstree-no-checkboxes .jstree-checkbox {
  display: none !important;
}
.jstree-default.jstree-checkbox-no-clicked .jstree-clicked {
  background: transparent;
  box-shadow: none;
}
.jstree-default.jstree-checkbox-no-clicked .jstree-clicked.jstree-hovered {
  background: #e7f4f9;
}
.jstree-default.jstree-checkbox-no-clicked > .jstree-wholerow-ul .jstree-wholerow-clicked {
  background: transparent;
}
.jstree-default.jstree-checkbox-no-clicked > .jstree-wholerow-ul .jstree-wholerow-clicked.jstree-wholerow-hovered {
  background: #e7f4f9;
}
#jstree-dnd.jstree-default .jstree-ok,
#jstree-dnd.jstree-default .jstree-er {
  background-image: url("image/tree/32px.png");
  background-repeat: no-repeat;
  background-color: transparent;
}
#jstree-dnd.jstree-default i {
  background: transparent;
  width: 16px;
  height: 16px;
}
#jstree-dnd.jstree-default .jstree-ok {
  background-position: -9px -71px;
}
#jstree-dnd.jstree-default .jstree-er {
  background-position: -39px -71px;
}
.jstree-default > .jstree-striped {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAkCAMAAAB/qqA+AAAABlBMVEUAAAAAAAClZ7nPAAAAAnRSTlMNAMM9s3UAAAAXSURBVHjajcEBAQAAAIKg/H/aCQZ70AUBjAATb6YPDgAAAABJRU5ErkJggg==") left top repeat;
}
.jstree-default > .jstree-wholerow-ul .jstree-hovered,
.jstree-default > .jstree-wholerow-ul .jstree-clicked {
  background: transparent;
  box-shadow: none;
  border-radius: 0;
}
.jstree-default .jstree-wholerow {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.jstree-default .jstree-wholerow-hovered {
  background: #e7f4f9;
}
.jstree-default .jstree-wholerow-clicked {
  background: #beebff;
  background: -moz-linear-gradient(top, #beebff 0%, #a8e4ff 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #beebff), color-stop(100%, #a8e4ff));
  background: -webkit-linear-gradient(top, #beebff 0%, #a8e4ff 100%);
  background: -o-linear-gradient(top, #beebff 0%, #a8e4ff 100%);
  background: -ms-linear-gradient(top, #beebff 0%, #a8e4ff 100%);
  background: linear-gradient(to bottom, #beebff 0%, #a8e4ff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@color1', endColorstr='@color2', GradientType=0);
}
.jstree-default .jstree-node {
  min-height: 24px;
  line-height: 24px;
  margin-left: 24px;
  min-width: 24px;
}
.jstree-default .jstree-anchor {
  line-height: 24px;
  height: 24px;
}
.jstree-default .jstree-icon {
  width: 24px;
  height: 24px;
  line-height: 24px;
}
.jstree-default .jstree-icon:empty {
  width: 24px;
  height: 24px;
  line-height: 24px;
}
.jstree-default.jstree-rtl .jstree-node {
  margin-right: 24px;
}
.jstree-default .jstree-wholerow {
  height: 24px;
}
.jstree-default .jstree-node,
.jstree-default .jstree-icon {
  background-image: url("image/tree/32px.png");
}
.jstree-default .jstree-node {
  background-position: -292px -4px;
  background-repeat: repeat-y;
}
.jstree-default .jstree-last {
  background: transparent;
}
.jstree-default .jstree-open > .jstree-ocl {
  background-position: -132px -4px;
}
.jstree-default .jstree-closed > .jstree-ocl {
  background-position: -100px -4px;
}
.jstree-default .jstree-leaf > .jstree-ocl {
  background-position: -68px -4px;
}
.jstree-default .jstree-loading > .jstree-ocl {
  background: url("image/tree/throbber.gif") center center no-repeat;
}
.jstree-default .jstree-anchor > .jstree-themeicon {
  background-position: -260px -4px;
}
.jstree-default > .jstree-no-dots .jstree-node,
.jstree-default > .jstree-no-dots .jstree-leaf > .jstree-ocl {
  background: transparent;
}
.jstree-default > .jstree-no-dots .jstree-open > .jstree-ocl {
  background-position: -36px -4px;
}
.jstree-default > .jstree-no-dots .jstree-closed > .jstree-ocl {
  background-position: -4px -4px;
}
.jstree-default .jstree-disabled {
  background: transparent;
}
.jstree-default .jstree-disabled.jstree-hovered {
  background: transparent;
}
.jstree-default .jstree-disabled.jstree-clicked {
  background: #efefef;
}
.jstree-default .jstree-checkbox {
  background-position: -164px -4px;
}
.jstree-default .jstree-checkbox:hover {
  background-position: -164px -36px;
}
.jstree-default .jstree-clicked > .jstree-checkbox {
  background-position: -228px -4px;
}
.jstree-default .jstree-clicked > .jstree-checkbox:hover {
  background-position: -228px -36px;
}
.jstree-default .jstree-anchor > .jstree-undetermined {
  background-position: -196px -4px;
}
.jstree-default .jstree-anchor > .jstree-undetermined:hover {
  background-position: -196px -36px;
}
.jstree-default > .jstree-striped {
  background-size: auto 48px;
}
.jstree-default.jstree-rtl .jstree-node {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==");
  background-position: 100% 1px;
}
.jstree-default.jstree-rtl .jstree-last {
  background: transparent;
}
.jstree-default.jstree-rtl .jstree-open > .jstree-ocl {
  background-position: -132px -36px;
}
.jstree-default.jstree-rtl .jstree-closed > .jstree-ocl {
  background-position: -100px -36px;
}
.jstree-default.jstree-rtl .jstree-leaf > .jstree-ocl {
  background-position: -68px -36px;
}
.jstree-default.jstree-rtl > .jstree-no-dots .jstree-node,
.jstree-default.jstree-rtl > .jstree-no-dots .jstree-leaf > .jstree-ocl {
  background: transparent;
}
.jstree-default.jstree-rtl > .jstree-no-dots .jstree-open > .jstree-ocl {
  background-position: -36px -36px;
}
.jstree-default.jstree-rtl > .jstree-no-dots .jstree-closed > .jstree-ocl {
  background-position: -4px -36px;
}
.jstree-default .jstree-themeicon-custom {
  background-color: transparent;
  background-image: none;
}
.jstree-default.jstree-rtl .jstree-node {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==");
  background-position: 100% 1px;
}
.jstree-default-small .jstree-node {
  min-height: 18px;
  line-height: 18px;
  margin-left: 18px;
  min-width: 18px;
}
.jstree-default-small .jstree-anchor {
  line-height: 18px;
  height: 18px;
}
.jstree-default-small .jstree-icon {
  width: 18px;
  height: 18px;
  line-height: 18px;
}
.jstree-default-small .jstree-icon:empty {
  width: 18px;
  height: 18px;
  line-height: 18px;
}
.jstree-default-small.jstree-rtl .jstree-node {
  margin-right: 18px;
}
.jstree-default-small .jstree-wholerow {
  height: 18px;
}
.jstree-default-small .jstree-node,
.jstree-default-small .jstree-icon {
  background-image: url("image/tree/32px.png");
}
.jstree-default-small .jstree-node {
  background-position: -295px -7px;
  background-repeat: repeat-y;
}
.jstree-default-small .jstree-last {
  background: transparent;
}
.jstree-default-small .jstree-open > .jstree-ocl {
  background-position: -135px -7px;
}
.jstree-default-small .jstree-closed > .jstree-ocl {
  background-position: -103px -7px;
}
.jstree-default-small .jstree-leaf > .jstree-ocl {
  background-position: -71px -7px;
}
.jstree-default-small .jstree-loading > .jstree-ocl {
  background: url("image/tree/throbber.gif") center center no-repeat;
}
.jstree-default-small .jstree-anchor > .jstree-themeicon {
  background-position: -263px -7px;
}
.jstree-default-small > .jstree-no-dots .jstree-node,
.jstree-default-small > .jstree-no-dots .jstree-leaf > .jstree-ocl {
  background: transparent;
}
.jstree-default-small > .jstree-no-dots .jstree-open > .jstree-ocl {
  background-position: -39px -7px;
}
.jstree-default-small > .jstree-no-dots .jstree-closed > .jstree-ocl {
  background-position: -7px -7px;
}
.jstree-default-small .jstree-disabled {
  background: transparent;
}
.jstree-default-small .jstree-disabled.jstree-hovered {
  background: transparent;
}
.jstree-default-small .jstree-disabled.jstree-clicked {
  background: #efefef;
}
.jstree-default-small .jstree-checkbox {
  background-position: -167px -7px;
}
.jstree-default-small .jstree-checkbox:hover {
  background-position: -167px -39px;
}
.jstree-default-small .jstree-clicked > .jstree-checkbox {
  background-position: -231px -7px;
}
.jstree-default-small .jstree-clicked > .jstree-checkbox:hover {
  background-position: -231px -39px;
}
.jstree-default-small .jstree-anchor > .jstree-undetermined {
  background-position: -199px -7px;
}
.jstree-default-small .jstree-anchor > .jstree-undetermined:hover {
  background-position: -199px -39px;
}
.jstree-default-small > .jstree-striped {
  background-size: auto 36px;
}
.jstree-default-small.jstree-rtl .jstree-node {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==");
  background-position: 100% 1px;
}
.jstree-default-small.jstree-rtl .jstree-last {
  background: transparent;
}
.jstree-default-small.jstree-rtl .jstree-open > .jstree-ocl {
  background-position: -135px -39px;
}
.jstree-default-small.jstree-rtl .jstree-closed > .jstree-ocl {
  background-position: -103px -39px;
}
.jstree-default-small.jstree-rtl .jstree-leaf > .jstree-ocl {
  background-position: -71px -39px;
}
.jstree-default-small.jstree-rtl > .jstree-no-dots .jstree-node,
.jstree-default-small.jstree-rtl > .jstree-no-dots .jstree-leaf > .jstree-ocl {
  background: transparent;
}
.jstree-default-small.jstree-rtl > .jstree-no-dots .jstree-open > .jstree-ocl {
  background-position: -39px -39px;
}
.jstree-default-small.jstree-rtl > .jstree-no-dots .jstree-closed > .jstree-ocl {
  background-position: -7px -39px;
}
.jstree-default-small .jstree-themeicon-custom {
  background-color: transparent;
  background-image: none;
}
.jstree-default-small.jstree-rtl .jstree-node {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAACAQMAAABv1h6PAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMHBgAAiABBI4gz9AAAAABJRU5ErkJggg==");
  background-position: 100% 0px;
}
.jstree-default-large .jstree-node {
  min-height: 32px;
  line-height: 32px;
  margin-left: 32px;
  min-width: 32px;
}
.jstree-default-large .jstree-anchor {
  line-height: 32px;
  height: 32px;
}
.jstree-default-large .jstree-icon {
  width: 32px;
  height: 32px;
  line-height: 32px;
}
.jstree-default-large .jstree-icon:empty {
  width: 32px;
  height: 32px;
  line-height: 32px;
}
.jstree-default-large.jstree-rtl .jstree-node {
  margin-right: 32px;
}
.jstree-default-large .jstree-wholerow {
  height: 32px;
}
.jstree-default-large .jstree-node,
.jstree-default-large .jstree-icon {
  background-image: url("image/tree/32px.png");
}
.jstree-default-large .jstree-node {
  background-position: -288px 0px;
  background-repeat: repeat-y;
}
.jstree-default-large .jstree-last {
  background: transparent;
}
.jstree-default-large .jstree-open > .jstree-ocl {
  background-position: -128px 0px;
}
.jstree-default-large .jstree-closed > .jstree-ocl {
  background-position: -96px 0px;
}
.jstree-default-large .jstree-leaf > .jstree-ocl {
  background-position: -64px 0px;
}
.jstree-default-large .jstree-loading > .jstree-ocl {
  background: url("image/tree/throbber.gif") center center no-repeat;
}
.jstree-default-large .jstree-anchor > .jstree-themeicon {
  background-position: -256px 0px;
}
.jstree-default-large > .jstree-no-dots .jstree-node,
.jstree-default-large > .jstree-no-dots .jstree-leaf > .jstree-ocl {
  background: transparent;
}
.jstree-default-large > .jstree-no-dots .jstree-open > .jstree-ocl {
  background-position: -32px 0px;
}
.jstree-default-large > .jstree-no-dots .jstree-closed > .jstree-ocl {
  background-position: 0px 0px;
}
.jstree-default-large .jstree-disabled {
  background: transparent;
}
.jstree-default-large .jstree-disabled.jstree-hovered {
  background: transparent;
}
.jstree-default-large .jstree-disabled.jstree-clicked {
  background: #efefef;
}
.jstree-default-large .jstree-checkbox {
  background-position: -160px 0px;
}
.jstree-default-large .jstree-checkbox:hover {
  background-position: -160px -32px;
}
.jstree-default-large .jstree-clicked > .jstree-checkbox {
  background-position: -224px 0px;
}
.jstree-default-large .jstree-clicked > .jstree-checkbox:hover {
  background-position: -224px -32px;
}
.jstree-default-large .jstree-anchor > .jstree-undetermined {
  background-position: -192px 0px;
}
.jstree-default-large .jstree-anchor > .jstree-undetermined:hover {
  background-position: -192px -32px;
}
.jstree-default-large > .jstree-striped {
  background-size: auto 64px;
}
.jstree-default-large.jstree-rtl .jstree-node {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==");
  background-position: 100% 1px;
}
.jstree-default-large.jstree-rtl .jstree-last {
  background: transparent;
}
.jstree-default-large.jstree-rtl .jstree-open > .jstree-ocl {
  background-position: -128px -32px;
}
.jstree-default-large.jstree-rtl .jstree-closed > .jstree-ocl {
  background-position: -96px -32px;
}
.jstree-default-large.jstree-rtl .jstree-leaf > .jstree-ocl {
  background-position: -64px -32px;
}
.jstree-default-large.jstree-rtl > .jstree-no-dots .jstree-node,
.jstree-default-large.jstree-rtl > .jstree-no-dots .jstree-leaf > .jstree-ocl {
  background: transparent;
}
.jstree-default-large.jstree-rtl > .jstree-no-dots .jstree-open > .jstree-ocl {
  background-position: -32px -32px;
}
.jstree-default-large.jstree-rtl > .jstree-no-dots .jstree-closed > .jstree-ocl {
  background-position: 0px -32px;
}
.jstree-default-large .jstree-themeicon-custom {
  background-color: transparent;
  background-image: none;
}
.jstree-default-large.jstree-rtl .jstree-node {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAACAQMAAAAD0EyKAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjgIIGBgABCgCBvVLXcAAAAABJRU5ErkJggg==");
  background-position: 100% 1px;
}
@media (max-width: 768px) {
  .jstree-default {
    
  }
  .jstree-default .jstree-icon {
    background-image: url("image/tree/40px.png");
  }
  .jstree-default .jstree-node,
  .jstree-default .jstree-leaf > .jstree-ocl {
    background: transparent;
  }
  .jstree-default .jstree-node {
    min-height: 40px;
    line-height: 40px;
    margin-left: 40px;
    min-width: 40px;
    white-space: nowrap;
  }
  .jstree-default .jstree-anchor {
    line-height: 40px;
    height: 40px;
  }
  .jstree-default .jstree-icon,
  .jstree-default .jstree-icon:empty {
    width: 40px;
    height: 40px;
    line-height: 40px;
  }
  .jstree-default > .jstree-container-ul > .jstree-node {
    margin-left: 0;
  }
  .jstree-default.jstree-rtl .jstree-node {
    margin-left: 0;
    margin-right: 40px;
  }
  .jstree-default.jstree-rtl .jstree-container-ul > .jstree-node {
    margin-right: 0;
  }
  .jstree-default .jstree-ocl,
  .jstree-default .jstree-themeicon,
  .jstree-default .jstree-checkbox {
    background-size: 120px 200px;
  }
  .jstree-default .jstree-leaf > .jstree-ocl {
    background: transparent;
  }
  .jstree-default .jstree-open > .jstree-ocl {
    background-position: 0 0px !important;
  }
  .jstree-default .jstree-closed > .jstree-ocl {
    background-position: 0 -40px !important;
  }
  .jstree-default.jstree-rtl .jstree-closed > .jstree-ocl {
    background-position: -40px 0px !important;
  }
  .jstree-default .jstree-anchor > .jstree-themeicon {
    background-position: -40px -40px;
  }
  .jstree-default .jstree-checkbox,
  .jstree-default .jstree-checkbox:hover {
    background-position: -40px -80px;
  }
  .jstree-default .jstree-clicked > .jstree-checkbox,
  .jstree-default .jstree-clicked > .jstree-checkbox:hover {
    background-position: 0 -80px;
  }
  .jstree-default .jstree-anchor > .jstree-undetermined,
  .jstree-default .jstree-anchor > .jstree-undetermined:hover {
    background-position: 0 -120px;
  }
  .jstree-default .jstree-anchor {
    font-weight: bold;
    font-size: 1.1em;
    text-shadow: 1px 1px white;
  }
  .jstree-default > .jstree-striped {
    background: transparent;
  }
  .jstree-default .jstree-wholerow {
    border-top: 1px solid rgba(255, 255, 255, 0.7);
    border-bottom: 1px solid rgba(64, 64, 64, 0.2);
    background: #ebebeb;
    height: 40px;
  }
  .jstree-default .jstree-wholerow-hovered {
    background: #e7f4f9;
  }
  .jstree-default .jstree-wholerow-clicked {
    background: #beebff;
  }
  .jstree-default .jstree-children .jstree-last > .jstree-wholerow {
    box-shadow: inset 0 -6px 3px -5px #666666;
  }
  .jstree-default .jstree-children .jstree-open > .jstree-wholerow {
    box-shadow: inset 0 6px 3px -5px #666666;
    border-top: 0;
  }
  .jstree-default .jstree-children .jstree-open + .jstree-open {
    box-shadow: none;
  }
  .jstree-default .jstree-node,
  .jstree-default .jstree-icon,
  .jstree-default .jstree-node > .jstree-ocl,
  .jstree-default .jstree-themeicon,
  .jstree-default .jstree-checkbox {
    background-image: url("image/tree/40px.png");
    background-size: 120px 200px;
  }
  .jstree-default .jstree-node {
    background-position: -80px 0;
    background-repeat: repeat-y;
  }
  .jstree-default .jstree-last {
    background: transparent;
  }
  .jstree-default .jstree-leaf > .jstree-ocl {
    background-position: -40px -120px;
  }
  .jstree-default .jstree-last > .jstree-ocl {
    background-position: -40px -160px;
  }
  .jstree-default .jstree-themeicon-custom {
    background-color: transparent;
    background-image: none;
  }
}
.jstree-default > .jstree-container-ul > .jstree-node {
  margin-left: 0;
  margin-right: 0;
}



.ui-widget-content {
    line-height: 20px;
}
.ui-widget { 
    line-height:20px;
}
.ui-icon, 
.ui-state-active .ui-icon {
    background-image: url(image/ui-icons.png)
}
.ui-icon-container .text-span {
    display: none;
}
.ui-state-disabled .ui-widget-content {
    color:#c0c0c0;
}
.ui-icon:before {
    font-size:18px;
}
.ui-state-default, 
.ui-widget-content .ui-state-default, 
.ui-widget-header .ui-state-default {
    font-weight: normal;
}

.slick-header-columns {
    background: transparent repeat-x center bottom;
}
.mlist {
	color: #acbde0;
}
.mlist-body {
    border-top: 1px solid #153e77;
    background: transparent;
    clear: both;
}
.mlist .slick-column-name {
	font-weight: normal;
}
.slick-header-column.ui-state-default {
    border-right: 1px solid transparent;
}
.mlist .status-bar {
    border-width: 0;
    display: block;
    padding: 0px;
    margin: 0px;
	background: rgba(0, 0, 0, 0.2);	
}
.mlist-status-bar.status-bar {
	padding:15px;
}
.mlist .custom-select {
	padding-left: 0;
}
.mlist .custom-select .select2-container{
	margin-top: 19px;
}
.mlist .status-bar .dropdown-contrainer {
    position: relative;
}
.slick-header-columns {
    color: #fff;
}
.slick-header-columns .ui-state-hover {
    background-color: transparent;
    color: #bec8dd;
}
.slick-cell.selected {
    background-color: #FFE8B4;
}
.slick-row.ui-state-hover {
	color: #FFF;
    background-color: #5e5d5d;
}
.slick-headerrow {
    background: transparent;
}
.mlist {
	position: relative;  
}

.mlist .button-container {
    height: 35px; 
    margin: 0; 
    padding: 0;
}
.mlist .button-container a {
    color: black; 
    display: block;
    padding: 8px 10px; 
    text-decoration: none;
}
.mlist .button-container a:hover {
    background-color: #C0C0C0;
}
.mlist .button-container .ui-icon {
    margin-right: 5px;
}


.mlist .mlist-loading {
    position: absolute; 
    top: 180px; 
    left: 50%; 
    padding-top: 40px;
    margin-left: -50px;
	font-size: 24px;
	color: #FF0;
}
.mlist .mlist-status-bar {
	height: 50px;
    line-height: 50px;
}
.mlist-status-bar.custom-bar {
	background: #143e76;
	padding-left: 5px;
	border-bottom: 1px solid #264d81;
}
.mlist-status-bar.mlist-status {
	background: #143e76;
	padding-left: 5px;
}
.mlist-status-bar.mlist-status .btn {
	margin: 0 10px 0 0;
	padding: 6px;
	min-width: 70px;
}
.mlist-status-bar.mlist-status .mlist-icon i {
	margin-right: 5px;
}
.mlist .mlist-status.mlist-status-bar.empty a {
	display:none;
}
.mlist .mlist-status.mlist-status-bar .selector input[type="checkbox"] {
	margin-right: 10px;
	display: none;
}
.mlist .mlist-pages {
    background:transparent; 
    display: block;
}
.mlist .mlist-pages .summary {
    display: block;
    float: left;
    padding-top: 5px;
}
.mlist .slick-cell.editable input[type=text] {
    margin: 0; 
    padding: 0; 
    width: 100%;
}
.mlist .btn-group .mlist-icon,
.mlist .mlist-icon.filter {
    margin: 4px 1px 1px 1px;
	padding: 7px 8px 3px 8px;
}
.mlist .mlist-toolbar a:hover {
    background-color: transparent;
    border: 1px solid transparent;
}
.mlist .mlist-toolbar a:hover i,
.mlist .status-bar a:hover i {
    color: #FFF;
}
.mlist .mlist-toolbar {
	padding-bottom: 0;
	border-top: 1px solid #284d98;
}
.mlist .filter-div {
	display: inline-block;
	position: relative;
	top: -9px;
	margin-right: 20px;
}
.mlist .filter-div span {
    margin-right: 7px;
}
.mlist .filter-div .btn{
	position: relative;
	top: 0px;
}
.mlist .filter-div select{
    width: auto;
    min-width: 150px;
    margin: 5px 0 5px 0;
}
.mlist .filter-div.advance-search .mlist-icon .text {
	display: none;
}
.mlist-toolbar .btn {
    margin: auto 5px;
    width: auto;
    min-width: 20px;
    background: #143e76;
	border: 1px solid #5f83b5;
	background: rgba(0, 0, 0, 0.2);
	border: 1px solid #5f83b5;
	position: relative;
}
.mlist .mlist-toolbar .btn:hover{
    background: #123668;
	border: 1px solid #8f9ebd;
	background: rgba(0, 0, 0, 0.3);
	border: 1px solid rgba(255, 255, 255, 0.5);
}
.mlist .mlist-toolbar .btn.btn-primary {
    background: #02a4ef;
    border: 1px solid #02a4ef;
}
.mlist .mlist-toolbar .btn.btn-primary:hover {
    background: #28b2f1;
    border: 1px solid #28b2f1;
}
.mlist .mlist-toolbar .btn.btn-primary i{
    color: #fff;
}
.mlist .mlist-toolbar .filter-div .btn {
	background: transparent;
	border: 1px solid transparent;
	margin-left: 0px;
	padding-left: 10px;
	margin-bottom: 0;
	top: 0;
}
.mlist .mlist-toolbar .filter-div .btn:hover {
	background: transparent;
	border: 1px solid transparent;
}
.mlist .mlist-toolbar .btn i {
	color: #9bb0da;
}
.mlist .mlist-toolbar .filter-div .btn i {
    background: #143e76;
	border: 1px solid #5f83b5;
	background: rgba(0, 0, 0, 0.2);
	border: 1px solid #5f83b5;
	width: 34px;
	height: 34px;
	line-height: 34px;
	display: inline-block;
}
.mlist .mlist-toolbar .filter-div .btn:hover i {
    background: #123668;
	border: 1px solid #8f9ebd;
	background: rgba(0, 0, 0, 0.3);
	border: 1px solid rgba(255, 255, 255, 0.5);
}
.mlist .mlist-toolbar .btn-group a i.icon-remove {
	width: 14px;
	height: 14px;
	display: inline-block;
    background-image: url(image/mlist-icon.png);
    background-position: 0 0;
}
.mlist .mlist-toolbar .btn-group a:hover i.icon-remove {
    background-position: 0 -14px;
}
.mlist .mlist-toolbar .btn-group a i.icon-remove:before {
    content: none;
}
.mlist .mlist-toolbar .btn-group a i {
	color: #bec8dd;
	font-size: 18px;
}
.mlist .mlist-toolbar .btn-group a:hover i {
	color: #fff;
}
.mlist .mlist-toolbar .btn-group{
	font-size: 14px;
	padding: 0;
	white-space: normal;
	float: right;
	margin-top: 0px;
	display: inline-block;
	top: -10px;
}
.mlist .mlist-toolbar .filter{
	padding-left: 0;
}
.mlist .mlist-toolbar .btn-group>.btn {
	float: none;
}
.mlist .mlist-toolbar .dropdown-menu.location {
    right: 5px;
    left: auto;
    top: 42px;
}
.mlist .custom-dropdown .dropdown-menu {
	background: rgba(0, 0, 0, 0.7);
	border: 0;
	min-width: 200px;
	color: #ccc;
}
.mlist .mlist-toolbar .dropdown-menu>li>a:hover {
    color: #fff;
}
.toolbar .select2-container {
	margin: 4px 0 0px 1px;
}
.mlist .custom-dropdown.dropup .dropdown-menu {
	position: absolute;
	bottom: 42px;
}
.mlist .custom-dropdown.dropup .dropdown-menu li > a:hover {
    background: none;
    color: #fff;
}
.mlist .btn-group .mlist-icon:hover {
}

.mlist .mlist-toolbar .icon {
    font-size: 16px;
}
.mlist .btn-group .text {
    display:none;
}
.mlist .btn-group .btn.no-icon .text {
    display:inline;
}
.mlist .toolbar label {
    line-height: 21px;
    border:1px solid #CCC;
    border-right:none;
    padding-left: 10px;
    padding-right: 10px;
    display: inline-block;
    float: left;
    margin-top: 6px;
}
.mlist .toolbar {
	vertical-align: middle;
	padding-left: 10px;
}
.mlist .filter select,
.mlist .filter .select2-container {
	margin: 6px 2px 0px 0;
	width: 100%;
}
.mlist select.mlist-editor {
    margin-top: 0;
}
.mlist select.mlist-editor,
.mlist input[type=text].edittable-element {
    height: 23px;
    min-height: 23px;
}
.mlist-context-btn:before {
    content: "";
}
.mlist-context-btn:hover {
    background-position: -27px -14px;
}
.mlist input[type="radio"], 
.mlist input[type="checkbox"] {
	margin: 0;
}
.mlist a.btn i.fa-remove, 
.mlist .mlist-toolbar .btn-group a i.fa-remove {
    width: 14px;
    height: 14px;
    display: inline-block;
    background-image: url(image/mlist-icon.png);
    background-position: -14px -1px;
}
.mlist a.btn:hover i.fa-remove, 
.mlist .mlist-toolbar .btn-group a:hover i.fa-remove {
    background-position: -14px -26px;
}




.toggle.empty {
    background-position:0 -43px;
}

.toggle.collapse {
    background-position:0 -14px;
}
.toggle.expand {
    background-position:0 0;
}
.slick-cell .toggle {
    background-image: url(image/slick-icon.png);
    height: 9px;
    width: 9px;
    display: inline-block;
    background-repeat: no-repeat;
}






.edittable {
    margin-bottom: 5px;
}
.edittable-header th {
    padding: 1px 10px;
    font-weight: normal;
}
.edittable-cell {
    border-bottom: 1px solid #DDD;
    padding-left: 8px;
    padding-right: 8px;
}
.edittable-row td input[type="text"],
.edittable-row td input[type="password"]{
    margin: 0;
    width: 100%;
}
.no-header .edittable-row td input[type="text"],
.no-header .edittable-row td .edittable-element {
	width: 365px;
}
.modal .no-header .edittable-row td input[type="text"] {
	width: 202px;
}
.edittable-row td select {
    margin: 0;
	width: 100%;
}
.edittable-row .error{
    border: 1px solid #eb433a;
    background: #ffe1db;
}

@media (max-width: 767px){
.edittable-cell .input-append  input, 
.edittable-cell .input-append  input[class*="span"] {
    width: 100%;
}
}






.contextMenu {
  position: absolute;
  background: #FFF;
  border: 1px solid #7F9DB9;
  padding: 2px 0;
  display: inline-block;
  min-width: 100px;
  -moz-box-shadow: 2px 2px 2px silver;
  -webkit-box-shadow: 2px 2px 2px silver;
  z-index: 99999;
  margin-left: 0;
}
.contextMenu li {
  padding: 2px 4px 2px 14px;
  list-style: none;
  cursor: pointer;
}
.contextMenu li:hover {
  background-color: #3399FF;
  color: #FFF;
}





.mlist.sub {
    border-left: 1px solid #DDD;
}
.mlist.sub .mlist-toolbar {
    padding-bottom: 2px;
    border-left: 1px solid #FFF;
    margin-left: -1px;
    overflow: hidden;
}
.mlist.sub .slick-header-columns {
	background: #F9F9F9 repeat-x center bottom;
	height: 32px;
}
.mlist.sub .slick-pager {
  	background: #F9F9F9;
	border-bottom: 1px solid #DDD;
	height: 37px;
}
.mlist.sub .mlist-status {
	border-top: 1px solid transparent;
}
.mlist.sub .slick-row.even {
	border-bottom: 1px solid #DDD;	
	height: 32px;
}
.mlist.sub .slick-row.odd {
	background: #FFF;
	border-bottom: 1px solid #DDD;	
	height: 32px;
}
.mlist.sub .slick-header-column.ui-state-default {
    height: 22px;
    line-height: 22px;
    font-size: 16px;
    font-weight: normal;
}
.mlist.sub .mlist-context-btn {
    height: 30px;
    background: url(image/mlist-sub-icon-align-justify.png);
	border: 1px solid #F9F9F9;
	border-right: 1px solid #DDD;
    margin-right: 1px;
}
.mlist-context-btn {
    border-width: 0;
    position: absolute;
    top: 12px;
    right: 5px;
    width: 15px;
    height: 12px;
    display: inline-block;
    background: url(image/mlist-icon.png) no-repeat;
    cursor: pointer;
    background-position: -41px -1px;
}
.mlist-context-btn:hover {
    background-position: -41px -26px;
}
.mlist.sub .mlist-context-btn:hover {
    background-position: -29px 0;
}
.mlist.sub .slick-pager .slick-pager-nav {
    margin-top: 5px;
}
.mlist.sub .ui-widget-content {
    line-height: 30px;
}
.mlist.sub .slick-pager .slick-pager-settings {
    margin-top: 3px;
}
.mlist.sub .slick-pager .slick-pager-nav .ui-state-default {
    border: 1px solid #DDD;
    padding: 0 5px;
    height: 25px;
    line-height: 25px;
    background: #FFF;
    border-right: none;
    color: #4D7496;
    text-align: left;
    cursor: pointer;
}
.mlist.sub .slick-pager .slick-pager-nav .ui-state-default.ui-state-disabled {
    color: #999;
    cursor: not-allowed !important;
}
.mlist.sub .slick-pager .slick-pager-nav .ui-state-default.ui-state-disabled.ui-state-hover {
    background: #FFF;
}
.mlist.sub .ui-icon-seek-first,
.mlist.sub .ui-icon-seek-prev,
.mlist.sub .ui-icon-seek-next,
.mlist.sub .ui-icon-seek-end {
    float: left;
    margin: 3px;   
}
.mlist.sub .ui-icon-seek-next,
.mlist.sub .ui-icon-seek-end {
    float: right;
}
.mlist.sub .slick-pager .slick-pager-nav .ui-state-default:last-child {
    border: 1px solid #DDD;
}
.mlist.sub .slick-pager .slick-pager-nav .ui-state-hover,
.mlist.sub .slick-pager .slick-pager-settings .ui-state-hover {
	background: #EFEFEF;
}
.mlist.sub .slick-cell.selected {
    background-color: #FFE8B4;
    height: 30px;
}
.mlist.sub .slick-cell.editable input[type=text] {
   height: 29px;
   margin-top: -2px;
}
.mlist.sub .slick-cell, 
.slick-headerrow-column {
	border-right: 1px solid #EEE;
}
.mlist.sub .slick-header-columns .ui-state-hover {
	background-color: #EAEAEA;
	height: 32px;
}
.mlist.sub .slick-pager .ui-icon-container {
    margin: 0;
}
.mlist.sub  .ui-icon-container .text-span {
    width: 30px;
    margin: 0;
    display: inline-block;
}
.mlist.sub .slick-pager .slick-pager-status {
    padding: 9px 6px 8px 6px;
    border-right: 1px solid #DDD;
}
.mlist.sub .slick-pager .slick-pager-nav {
    padding: 0 2px 0 2px;
}



.mlist.mobile {
	font-size: 16px;
}
	
.mlist.mobile a {
	font-size: 16px;
}
.mlist.mobile.multi-select .cells {
	margin-left: 10px;
}
.mlist.mobile .cell-row {
	padding: 5px;
}
.mlist .slick-row {
    background-color: transparent;
    font-size: 14px;
}
.mlist .slick-cell {
    border-bottom: 1px solid #153e77; 
    background-color: transparent;
    padding: 11px 3px 0px 5px;
    cursor: pointer;
}
.mlist .slick-cell a,
.mlist .slick-row.ui-state-hover  a,
.mlist .slick-cell.selected a {
	color: #ff0;
}
.mlist .slick-row.ui-state-hover .slick-cell,
.mlist .slick-cell.selected {
	background-color: #143e76;
	background-color: rgba(0, 0, 0, 0.15);
	color: #FFF;
	border-bottom: 1px solid #153e77;
}
.search-bar {
	border-top: 1px solid #d8d8d8;
	padding: 5px 0;
	background: #e7e7e7;
	clear: both;
}
input[type="text"].search {
	display:inline-block;
    background: url(image/search.png) no-repeat center right;
	background-color: #184889;
	padding-right:33px;
}
.mlist input[type="text"].search {
	width: 280px;
	margin: 5px 0 5px 0;
}
.ie8 .search {
	width:300px;
	padding-left: 9px;
    border: 1px solid #3d659c;
}
.mlist-status.toolbar .btn {
	margin:0 10px 0 0;
	padding: 6px;
	min-width: 70px;
}
.mlist-status.toolbar .btn.transparent {
    background: #162a54;
	border: 1px solid #5b6986;
	background: rgba(0, 0, 0, 0.15);
	border: 1px solid rgba(255, 255, 255, 0.3);
	color: #bec8dd;
}
.mlist-status.toolbar .btn.transparent:hover {
    background: #13254a;
	border: 1px solid #8891a4;
	background: rgba(0, 0, 0, 0.3);
	border: 1px solid rgba(255, 255, 255, 0.5);
    color: #fff;
}
.mlist-status.toolbar .btn.transparent.disabled {
    background: #1c356a;
	background: rgba(0, 0, 0, 0);
	cursor: not-allowed;
}

.mlist .row-toolbar {
	position: absolute; right: 0; top:0;
	z-index: 1;
	background: #16427e;
	padding-left: 20px;
    opacity: .9;
    filter: alpha(opacity=90);
}
.mlist .row-toolbar:hover {
	background: #1a4e95;
}
.mlist .row-toolbar .text {
    display: none;
}
.mlist .row-toolbar .btn {
	border: 1px solid #5f83b5;
	background: #12478e;
	padding: 0;
	min-width: 10px;
	width: 24px;
	height: 24px;
	margin-right: 12px;
	margin-top: 9px;
	-webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.mlist .row-toolbar .btn.disabled {
	display: none;
}
.mlist .row-toolbar .btn:hover {
    border: 1px solid #889ab3;
}
.mlist .row-toolbar .btn i {
    color: #a8b6d2;
}
.mlist .row-toolbar .btn:hover i {
    color: #fff;
}
.mlist .row-toolbar .btn i.fa-pencil {
    margin-top: -1px;
    background-image: url(image/mlist-icon.png);
    background-position: -28px -1px;
    width: 12px;
    height: 12px;
    display: inline-block;
    vertical-align: middle;
}
.mlist .row-toolbar .btn i.fa-pencil:before {
    content: none;
}
.mlist .row-toolbar .btn:hover i.fa-pencil {
    background-position: -28px -26px;
}
.mlist .toggle-bar {
	display: none;
	cursor: pointer;
	margin: 0;
}
.mlist .toggle-bar .custom-icon {
	width: 24px;
	height: 26px;
	background-image: url(image/ui-icon.png);
	background-position: -15px 0;
}
.status-bar .mlist-icon i {
	margin-right: 3px;
	color: #bec8dd;
}
.status-bar .mlist-icon .text {
	color: #bec8dd;
}
.status-bar .mlist-icon:hover .text {
    color: #FFF;
}
.modal .filter .row {
	padding: 0 20px;
}




.edit-list {
	color: #bec8e2;
}
.edit-list .header-columns {
	color: #fff;
}
.edit-list .ui-state-default {
    background: #1a4e95;
	border-bottom: 2px solid #5f83b5;
	border-top: 1px solid #153e77;
}
.edit-list .ui-state-default .column-name {
    padding: 10px 0 10px 13px;
    background: #1a4e95;
}
.edit-list .mlist-row .cell {
	padding: 0 1px 0 10px;
	border-bottom: 1px solid #153e77;
	line-height: 42px;
	height: 42px;
	text-align: left;
}
.edit-list .mlist-row .index-cell {
    vertical-align: top;
}
.edit-list .mlist-row div.cell {
    width: 320px;
    float: left;
    height: 80px;
}
.edit-list .mlist-row select,
.edit-list .mlist-row input[type=text] {
    padding: 0px 5px;
    width: 100%;
    margin: 0 0 0 5px;
}
.edit-list .filter-div {
	display: inline-block;
	position: relative;
	top: -10px;
}
.edit-list .tool-bar .btn-group {
	float: right;
}
.edit-list .header-columns .icon-question-sign {
	float: right;
	margin-top: -11px;
}
.spencial-editlist .edit-list .search {
	position: relative;
}
.spencial-editlist .edit-list {
	position: relative;
}
.spencial-editlist .edit-list .tool-bar {
    position: absolute;
    left: 410px;
    top: -46px;
}
.help-container.dropdown-contrainer {
	float: right;
	height: 20px;
	position: relative;
	top: -20px;
	line-height: 24px;
}
.help-container.custom-dropdown .dropdown-menu {
	position: absolute;
	right: 43px;
	top: -4px;
	padding: 10px 20px;
	color: #d7d749;
	font-size: 12px;
	background: #133e79;
	-webkit-box-shadow: 0 1px 10px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 1px 10px rgba(0,0,0,0.5);
	box-shadow: 0 1px 10px rgba(0,0,0,0.5);
	min-width: 300px;
}
.help-container.custom-dropdown .dropdown {
	position: relative;
	top: 15px;
	height: 30px;
}
.help-container.custom-dropdown .custom-toggle {
	padding: 15px;
}
.help-container.custom-dropdown .custom-dropdown-arrow {
	border-left: 8px solid #133e79;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
	position: relative;
	right: -28px;
	float: right;
	top: -2px;
}
.operator-colum{
	text-align: right;
}
.slick-header-columns, .slick-headerrow-columns {
    border-bottom: 2px solid #5f83b5;
}
.slick-sort-indicator-desc {
    background-image: url(image/slick-icon.png);
    background-position: 0 -38px;
}
.slick-sort-indicator-asc {
    background-image: url(image/slick-icon.png);
    background-position: 0 -28px;
}
.slick-columnpicker {
    border: 1px solid #133e79;
    background: #133e79;
    -moz-box-shadow: -1px 2px 2px #11386d;
    -webkit-box-shadow: -1px 2px 2px #11386d;
    box-shadow: -1px 2px 2px #11386d;
    color: #bec8e2;
}
.slick-pager {
    height: 50px;
    width: 100%;
    text-align: left;
    vertical-align: middle;
    border-top: 0;
    margin-top: 0;
}
.edittable .slick-pager.page-0,
.editlist .slick-pager.page-0 {
    display: none;
}
.slick-pager .slick-pager-status {
    padding: 0 6px;
}
.slick-pager select  {
    margin: 0;
}
.slick-pager .ui-icon-container {
    display: inline-block;
    float: left;
    cursor: pointer;
}
.slick-pager .slick-pager-nav {
    display: inline-block;
    padding: 0;
    margin-top: 10px;
    float: right;
    min-width: 62px;
    height: 33px;
    border: 1px solid #5F83B5;
    border-right: 0;
}

.slick-pager .slick-pager-nav .ui-state-default .ui-icon {
    border-right: 1px solid #ccc;
    width: 32px;
    height: 31px;
}
.slick-pager .slick-pager-nav .ui-state-default .ui-icon.ui-icon-seek-first,
.slick-pager .slick-pager-nav .ui-state-default .ui-icon.ui-icon-seek-end {
    width: 39px;
}
.slick-pager .slick-pager-nav .ui-state-hover,
.slick-pager .slick-pager-settings .ui-state-hover {
    background-color: transparent;
}

.slick-pager .slick-pager-settings {
     display: inline-block;
}
.slick-pager .slick-pager-settings * {
    vertical-align: middle;
}

.slick-pager .slick-pager-settings a {
    padding: 2px;
    text-decoration: underline;
    cursor: pointer;
}

.slick-pager .slick-pager-settings a.active {
    text-decoration: none;
    cursor: default;
    color: black;
}

.sub .slick-pager-settings{
    display: none;
}
.pageoper-container {
    float: left;
    line-height: 31px;
    margin-top: -1px;
    cursor: pointer;
}   

.mlist .slick-row .slick-cell .unit-value,
.mlist .slick-cell .unit-value  {
    display: inline-block;
    width: 86px;
    color: #ACBDE0;    
}
.mlist .slick-row.ui-state-hover .slick-cell .unit-value,
.mlist .slick-cell.selected .unit-value
{
    color: #FFF;
}
.page-btn {
    height: 31px;
    line-height: 31px;
    display: inline-block;
    border-right: 1px solid #5F83B5;
    background: #143E76;
    text-align: center;
    padding: 0 11px;
}  
.page-btn.active {
    background: #1499D7;
    color: #fff;
}
.page-btn.disabled {
    color: #fff;
    cursor: not-allowed;
    opacity: 0.5;
    filter: alpha(opacity=50);
}



.has-switch {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: 0px solid #0e1b35;
 }
 .has-switch > div {
    width: 168%;
 }
 .has-switch > div {
    width: 169%;
 }
 .has-switch,
 .has-switch.switch-small {
    min-width: 60px;
    width: 60px;
    margin-right: 20px;
 }
.has-switch span, 
.has-switch label {
    padding-bottom: 4px;
    padding-top: 4px;
    line-height: 15px;
}
.has-switch label {
    margin-top: -1px;
    margin-bottom: -1px;
    text-shadow: 0 0 0 rgba(0, 0, 0, 0); 
    z-index: 1;
}
.has-switch switch-on label {
    border: 2px solid #0e1b35;
}
.has-switch switch-off label {
    border: 2px solid #213f7c;
}
.has-switch label:hover, 
.has-switch label:focus, 
.has-switch label:active, 
.has-switch label.active, 
.has-switch label.disabled, 
.has-switch label[disabled] {
    background-color: #fff;
}
.has-switch span.switch-primary, 
.has-switch span.switch-left {
    text-shadow: 0 0 0 rgba(0, 0, 0, 0); 
    background-color: #18a24f;
    background-image: none;
    filter: none;
    padding: 4px;
}
.has-switch span.switch-left {
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topleft: 0;
    border-top-left-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius-bottomleft: 0;
    border-bottom-left-radius: 0;
}
.has-switch span.switch-primary:hover, 
.has-switch span.switch-left:hover, 
.has-switch span.switch-primary:focus, 
.has-switch span.switch-left:focus, 
.has-switch span.switch-primary:active, 
.has-switch span.switch-left:active, 
.has-switch span.switch-primary.active, 
.has-switch span.switch-left.active, 
.has-switch span.switch-primary.disabled, 
.has-switch span.switch-left.disabled, 
.has-switch span.switch-primary[disabled], 
.has-switch span.switch-left[disabled] {
    background-color: #18a24f;
}
.has-switch span.switch-right {
    text-shadow: 0;
    background: #1a2e55;
    color: #fff;
    padding: 4px;
    text-shadow:none;
    border: 2px solid #1a2e55;
    width: 34%;
    font-size: 12px;
}
.has-switch span.switch-right:hover, 
.has-switch span.switch-right:focus, 
.has-switch span.switch-right:active, 
.has-switch span.switch-right.active, 
.has-switch span.switch-right.disabled, 
.has-switch span.switch-right[disabled] {
    background: #1a2e55;
    color: #fff;
}
.has-switch span.switch-left,
.switch-small.has-switch span.switch-left {
    padding-bottom: 4px;
    border: 2px solid #18a24f;
    font-size: 12px;
    vertical-align: middle;
}
.has-switch > div.switch-off {
	left: -56%;
	vertical-align: middle;
}
.has-switch .switch-off label {
    background: #a3abbb;
    border: 2px solid #1a2e55;
    width: 26%;
}
.has-switch .switch-on label {
    background: #a3dab9;
    border: 2px solid #18a24f;
    width: 26%;
}
.has-switch .switch-on span,
.has-switch .switch-on span.switch-small {
	color: #fff;
	background-position: 11px 5px;
}
.has-switch span, 
.has-switch label,
.has-switch span.switch-small, 
.has-switch label.switch-small {
    padding-bottom: 4px;
    padding-top: 4px;
    line-height: 14px;
    vertical-align: middle;
    word-break: normal;
}

.edittable {
    margin-bottom: 5px;
}
.edittable-table {
    display: inlline-block;
}
.edittable-header {
    border-bottom: 2px solid #5f83b5;
    line-height: 30px;
}
.edittable-header th {
    border-right: 1px solid #EEE;
    padding: 1px 10px;
    font-weight: normal;
    font-size: 16px;
}
.edittable-cell {
    border-right: 1px solid #EEE;
    border-bottom: 1px solid #DDD;
    padding-left: 8px;
    padding-right: 8px;
}
.edittable-row td input {
    margin-bottom: 0;
}
.edittable-row td input:focus {
    outline: none;
}
.edittable-row td select {
    margin-bottom: 0;
}

@media (max-width: 767px){
.edittable-cell .input-append  input, 
.edittable-cell .input-append  input[class*="span"] {
    width: 100%;
}
}
.editable {
    padding:10px 0;
}
.editable .row {
    padding:10px;
    margin: 0 5px;
    border-bottom:1px solid #ddd;
}
.editable .title {
    background: #f5f5f5;
    padding: 10px 55px;
    font-weight: bold;
}
.editable .row i[class*="fa-"] {
    font-size:28px;
}
.edittable-row i[class*="fa-"].fa-ban {
    color:#6688cd;
    border: 0;
    cursor: not-allowed;
    border: 1px solid #5f83b5;
}

.edittable-table {
    color: #bec8e2;
	padding: 5px 10px 5px 10px;
	margin-top: 5px;
}
.form-group .edittable-table {
    margin-top: 0;
}
.no-header .edittable-table {
	border: 0;
	padding: 0;
	margin:1px 0;
	width: auto;
}

.edittable-table.empty-body .new-row tr:last-child td {
    border-bottom: 0;
}
.edittable-table .data-rows {
	border: 1px solid #5f83b5;
}
.edittable-table .new-row tr td,
.edittable-table .data-rows tr.last td {
    border-bottom: 1px solid #5f83b5;
}
.edittable-table.table>tbody+tbody {
	border-top: 0;
}
.edittable-table.table .data-rows .edittable-cell span {
	margin-left: 10px;
}
.edittable-table.table .data-rows .edittable-cell .edittable-element a {
	color: #ff0;
}
.edittable-table.table .data-rows .edittable-cell .edittable-element a.btn {
	color: #bec8dd;
}
.edittable-table.table > thead > tr > th, 
.edittable-table.table > tbody > tr > th,
.edittable-table.table > tfoot > tr > th { 
    border-top: none;
    border-bottom: none;
}
.no-header .edittable-table.table > thead > tr > td,
.no-header .edittable-table.table > tbody > tr > td,
.no-header .edittable-table.table > tfoot > tr > td {
	padding-right: 0px;
}
.edittable-table.table > thead > tr > td,
.edittable-table.table > tbody > tr > td, 
.edittable-table.table > tfoot > tr > td {
	border-top: none;
	vertical-align: middle;
	padding-left: 0;
	padding-right: 1px;
}
.edittable-table.table > thead > tr > td.edittable-operation,
.edittable-table.table > tbody > tr > td.edittable-operation,
.edittable-table.table > tfoot > tr > td.edittable-operation {
	padding-right: 0;
	width: 75px;
	line-height: 19px;
}
.edittable-cell {
	font-weight: normal;
    border:none;
}
.edittable-header {
    background: #1a4e95;
    line-height: 30px;
    color: #fff;
}
.edittable-header th {
    font-size: 14px;
    border:none;
}
.edittable-operation {
	text-align: left;
}
.ms-selected-row,
.edittable-row {
    font-weight: bold;
}
.ms-selected-row.even,
.edittable-row.even {
	background: #16427e;
}
.ms-selected-row.odd,
.edittable-row.odd {
	background: transparent;
}
.edittable-row td {
    padding:10px 0 10px 15px;
    border-bottom: 1px solid transparent;
}
.ms-selected-row i[class*="fa-"],
.edittable-row i[class*="fa-"],
.ms-selected-row i[class*="icon-"],
.edittable-row i[class*="icon-"] {
	padding: 0;
	width: auto;
	min-width: 20px;
	width: 24px;
	height: 24px;
	line-height: 22px;
	text-align: center;
	color: #bec8dd;
    cursor: pointer;
    margin-right: 12px;
    background: #12478e;
    border: 1px solid #5f83b5;
}
.edittable-row i[class*="icon-"],
.edittable-row i[class*="fa-"] {
	padding: 0;
	width: 24px;
	height: 24px;
	line-height: 22px;
	text-align: center;
}
.edittable-operation  i[class*="fa-"].fa-trash-o.hide {
        display: none;
}
.edittable-operation  i[class*="fa-"].fa-trash-o.hide.fa-ban {
        display: inline-block;
}
.edittable-row i[class*="icon-"].icon-plus {
	font-size: 16px;
	background: #143e76;
	background: rgba(0, 0, 0, 0.2);
	border: 1px solid #5f83b5;
	position: relative;
	top: 2px;
	right: 0px;
	color: #bec8dd;
	padding: 0;
	width: 36px;
	height: 35px;
	line-height: 35px;
    text-align: center;
}
.ms-selected-row i[class*="fa-"]:hover,
.edittable-row i[class*="fa-"]:hover {
    border: 1px solid #889ab3;
	color: #fff;
}
.ms-selected-row i[class*="icon-"]:hover.icon-plus,
.edittable-row i[class*="icon-"]:hover.icon-plus {
	border: 1px solid rgba(255, 255, 255, 0.5);
	color: #fff;
}
.edittable .text-error,
.edit-list .mlist-row input[type=text].text-error {
	border-color: #eb433a;
	background-color: #ffe1db;
}
.edit-list .select2-container {
    margin: 0 5px 0 0;
}
.edit-list .go {
    color: #ff0;
}
.edittable .select2-container {
	margin: 0;
}
.mini.ms-selected-table {
	width: 400px;
	position: relative;
	top: -9px;
}
.mini .ms-selected-row {
	padding: 5px 20px;
}
.mselect {
	margin: 10px 0 10px 0;
}
.form-control.mselect:focus {
    border: 1px solid #fff;
}
.table>thead>tr>th, 
.table>tbody>tr>th, 
.table>tfoot>tr>th, 
.table>thead>tr>td, 
.table>tbody>tr>td, 
.table>tfoot>tr>td {
	padding: 0 10px 0 0;
	line-height: 30px;
	height: 42px;
}
.form-group .table>thead>tr>th, 
.form-group .table>tbody>tr>th,
.form-group .table>tfoot>tr>th, 
.form-group .table>thead>tr>td, 
.form-group .table>tbody>tr>td, 
.form-group .table>tfoot>tr>td {
    height: auto;
}
.table-detail>thead>tr>th, 
.table-detail>tbody>tr>th, 
.table-detail>tfoot>tr>th, 
.table-detail>thead>tr>td, 
.table-detail>tbody>tr>td, 
.table-detail>tfoot>tr>td {
	padding: 0px 5px;
	line-height: 42px;
	height: 42px;
}
.syslog.table>thead>tr>th, 
.syslog.table>tbody>tr>th, 
.syslog.table>tfoot>tr>th, 
.syslog.table>thead>tr>td, 
.syslog.table>tbody>tr>td, 
.syslog.table>tfoot>tr>td {
	padding: 0 10px;
}

.modal {
    border: 0;
    word-break: break-all;
    color: #fff;
    background: #1a4e95;
}
.modal .control-label {
    word-break: break-word;
}
.modal-header {
    padding: 4px 15px;
    background: #16427f;
    color: white;
    border-bottom: 1px solid #16427f;
}
.modal-header .close {
    margin-top: 9px;
}
.modal-header h3 {
    margin-left: 3px;
    font-size: 14px;
    line-height: 35px;
}
.modal-body {
    padding: 20px 20px 10px;
}
.modal .form-horizontal {
    padding: 20px;
}
.modal .MultiFile-wrap input[type="file"] {
    line-height: normal;
}
.modal .MultiFile-wrap input[type="file"].text-error {
    background-color: transparent;
    color: #fff;
}
.modal .MultiFile-wrap input[type="file"]:focus {
    outline: none;
}
.modal .reboot .toggle {
    margin-top: 20px;
    overflow: hidden;
}
.modal .form-actions,
.modal .form-action,
.modal .button-group {
    margin: 10px 20px 0px;
}
.modal .form-actions .btn i{
    color: white;
}
.modal-body .form-label {
    font-size: 18px;
    font-weight: normal;
    padding-right: 30px;
}
.modal .reboot .form-label {
    font-size: 16px;
}
.modal-footer {
    background: #1a4e95;
    border-top: 1px solid #1a4e95;
    padding: 0 15px;
    clear: both;
    box-shadow: inset 0 1px 0 #1a4e95;
    text-align: center;
}
.modal-footer .btn {
    margin: 20px 0 20px 10px;
}
.modal-footer .btn+.btn {
    margin: 20px 0 20px 10px;
}
.modal-default {
	width: 560px;
}
.modal-small {
	width: 480px;
	margin-left:-240px;
}
.modal-large {
	width: 700px;
	margin-left:-350px;
}
.modal-super {
	width: 900px;
	margin-left: -480px;
}
.modal input[type="button"],
.modal input[type="reset"],
.modal input[type="submit"],
.modal input[type="search"],
.modal input[type="text"],
.modal input[type="password"],
.modal input[type="datetime"],
.modal input[type="datetime-local"],
.modal input[type="date"],
.modal input[type="month"],
.modal input[type="time"],
.modal input[type="week"],
.modal input[type="number"],
.modal input[type="email"],
i.modal nput[type="url"],
.modal input[type="color"],
.modal input[type="tel"],
.modal input[type="image"],
.modal select {
	width: 237px;
}
.modal input.width-mini,
.modal select.width-mini {
    width: 75px;
}
.ie8 .modal input[type="file"] {
    margin-top: 8px;
    line-height: 18px;    
}
.modal .ms-selected-table {
	width: 237px;
}
.modal .edittable-table input.span12,
.modal .edittable-table textarea.span12,
.modal .edittable-table .uneditable-input.span12 {
	width: 120px;
}
.modal .form-control {
    width: 237px;
}
.modal-footer .error-info {
	color: #D14;
	margin: 4px 0 0px;
}

.close {
    display: inline-block;
    margin-top: 0px;
    margin-right: 0px;
    width: 14px;
    height: 14px;
    background-repeat: no-repeat !important;
    background-image: url("image/remove-icon-small.png") !important;
    background-position: 0 0;
	opacity: 1;
	filter: alpha(opacity=100);
}
.close:hover, .close:focus {
    background-position: -14px 0;
	opacity: 1;
	filter: alpha(opacity=100);
}

.ms-selected-table {
    border: 1px solid #5f83b5;
    color: #acbde0;
	width: 400px;
	position: relative;
	top: -10px;
}
.ms-selected-row {
    border-bottom: 0;
}
.row:hover.ms-selected-row {
    background: #16427e;
    color: #fff;
}
.ms-selected-row.row {
	padding: 0px 20px;
	line-height: 42px;
	min-height: 42px;
}
.ms-selected-element {
	font-size: 16px;
	font-weight: normal;
	display: inline-block;
	line-height: 42px;
}
.ms-selected-element span {
    word-break: break-all;
}
.custom-selected-element {
    padding: 0 0 0 5px;
	display: inline-block;
}

.panel {
	position: relative;
	margin-bottom: 0;
	margin-top: 0;
	background-color: transparent;
	border: 0px solid transparent;
	border-radius: 0px;
	-webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0.05);
	box-shadow: 0 0px 0px rgba(0, 0, 0, 0.05);
	background: #174686;
	border: 1px solid #5f83b5;
	padding: 10px 25px 20px 25px;
	min-height: 62px;
}
.chassis-contrainer .panel {
	border: 0;
	padding: 0;
	margin-top: 20px;
	background: transparent;
	width: 690px;
}
.panel-container {
	margin-top: 10px;
	margin-bottom: 0px;
	width:690px;
}
.panel .port-container {
	border: 1px solid #20407b;
	margin-right: 0;
	padding: 5px 4px 5px 7px;
	background: #fff;
	display: inline-block;
	margin-bottom: 15px;
	margin-top: 15px;
}
.panel .panel-container-subslot {
	display: inline-block;
	margin-bottom: 30px;
}
.panel .append-subslot {
	float: none;
	top: 0;
	position: relative;
	margin-left: 20px;
	display: inline-block;
}
.panel .empty-subslot {
	height: 58px;
	background: #000;
	width: 200px;
	border: 10px solid #fff;
}
.panel .port-container-inner-up,
.panel .port-container-inner-down {
	height: 23px;
}
.panel .port {
	width: 22px;
	height: 23px;
	margin-right: 2px;
	cursor: pointer;
}
.panel .port .number {
	color: #a9b8d5;
}
.panel .port.up .number {
	width: 20px;
	height: 21px;
	position: relative;
	top: -23px;
	left: 3px;
	font-size: 12px;
}
.panel-container .port.up .number {
	width: 20px;
	height: 21px;
	position: relative;
	top: -28px;
	left: 3px;
	font-size: 12px;
}
.panel .port.down .number {
	width: 20px;
	height: 21px;
	position: relative;
	top: 25px;
	left: 3px;
	font-size: 12px;
}
.port.up.type-RJ45 {
    background:url(image/panel/RJ45_up.png) no-repeat;
}
.port.down.type-RJ45 {
    background:url(image/panel/RJ45_down.png) no-repeat;
}
.port.up.type-RJ45.normal {
    background:url(image/panel/RJ45_up_normal.png) no-repeat;
}
.port.down.type-RJ45.normal {
    background:url(image/panel/RJ45_down_normal.png) no-repeat;
}
.table-group tr.port-container-inner-up td{
	padding: 0 0px 1px 0;
}
#chassis_contrainer .table-group tr.port-container-inner-up td {
	padding: 0 0px 6px 0;
}
.table-group.table-noborder {
        height: 23px;
}
.table-group tr.port-container-inner-down td{
	padding: 0 0px 0 0;
}
.port.up.type-RJ45.selected {
    background:url(image/panel/RJ45_up_select.png) no-repeat;
}
.port.down.type-RJ45.selected {
    background:url(image/panel/RJ45_down_select.png) no-repeat;
}
.port.up.type-RJ45.disabled {
    background:url(image/panel/RJ45_up_disable.png) no-repeat;
    cursor: not-allowed;
}
.port.down.type-RJ45.disabled {
    background:url(image/panel/RJ45_down_disable.png) no-repeat;
    cursor: not-allowed;
}

.panel .port.up.type-RJ45.poe-Selected   {background:url(image/panel/RJ45_up_select.png) no-repeat;}
.panel .port.down.type-RJ45.poe-Selected{background:url(image/panel/RJ45_down_select.png) no-repeat;}
.panel .port.up.type-RJ45.poe-PowerSupported   {background:url(image/panel/RJ45_up_normal.png) no-repeat;}
.panel .port.down.type-RJ45.poe-PowerSupported{background:url(image/panel/RJ45_down_normal.png) no-repeat;}
.panel .port.up.type-RJ45.poe-PowerEnabled   {background:url(image/panel/RJ45_up_low.png) no-repeat;}
.panel .port.down.type-RJ45.poe-PowerEnabled{background:url(image/panel/RJ45_down_low.png) no-repeat;}
.panel .port.up.type-RJ45.poe-PowerDisabled   {background:url(image/panel/RJ45_up.png) no-repeat;}
.panel .port.down.type-RJ45.poe-PowerDisabled{background:url(image/panel/RJ45_down.png) no-repeat;}
.panel .port.up.type-RJ45.poe-NotSupported   {background:url(image/panel/RJ45_up_disable.png) no-repeat;}
.panel .port.down.type-RJ45.poe-NotSupported{background:url(image/panel/RJ45_down_disable.png) no-repeat;}
.panel .port.up.type-RJ45.poe-PowerFault   {background:url(image/panel/RJ45_up_high.png) no-repeat;}
.panel .port.down.type-RJ45.poe-PowerFault{background:url(image/panel/RJ45_down_high.png) no-repeat;}

.panel .port.up.type-SFP,
.panel .port.down.type-SFP {
    background:url(image/panel/SFP.png) no-repeat;
}
.panel .normal.up.type-SFP,
.panel .normal.down.type-SFP {
    background:url(image/panel/SFP_normal.png) no-repeat;
}
.port.up.type-SFP.selected,
.port.down.type-SFP.selected {
    background:url(image/panel/SFP_select.png) no-repeat;
}
.port.up.type-SFP.disabled,
.port.down.type-SFP.disabled {
    background:url(image/panel/SFP_disable.png) no-repeat;
    cursor: not-allowed;
}
.panel .port.up.type-10G,
.panel .port.down.type-10G {
    background:url(image/panel/SFP.png) no-repeat;
}
.panel .normal.up.type-10G,
.panel .normal.down.type-10G {
    background:url(image/panel/SFP_normal.png) no-repeat;
}
.port.up.type-10G.selected,
.port.down.type-10G.selected {
    background:url(image/panel/SFP_select.png) no-repeat;
}
.port.up.type-10G.disabled,
.port.down.type-10G.disabled {
    background:url(image/panel/SFP_disable.png) no-repeat;
    cursor: not-allowed;
}

.panel .btn.selectAll,
.panel .btn.selectNone {
	margin-right: 10px;
	margin-top: 15px;
}
.panel .mulport-container {
	min-width: 220px;
	height: auto;
	position: absolute;
	font-size: 14px;
}
.panel .mulport-container .port-tooltip {
	list-style-type: none;
	margin-bottom: 0;
	padding-left: 0;
	background: #000;
	background: rgba(0, 0, 0, 0.8);
	border: 0;
	color: #ccc;
	position: relative;
	top: 8px;
	left: -15px;
	z-index: 1;
	padding: 5px;
}
.panel .mulport-container .port-tooltip li {
	padding: 5px 10px;
	width: auto;
	height: auto;
	cursor: not-allowed;
}
.panel .mulport-container .port-tooltip li.subport {
	padding: 5px 10px;
	width: auto;
	height: auto;
	cursor: pointer;
}
.panel .mulport-container .custom-dropdown-arrow {
	border-bottom: 8px solid #000;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	position: absolute;
}
.panel .subport.normal {
    color: #3ec519;
}
.panel .subport.selected {
	color: #2cc1ff;
}
.panel .tool-container {
	clear: both;
	float: none;
}
.chassis_div,
.slot_div,
.member_div {
    display: inline-block;
    margin: 0 20px 10px 0;
}
.chassis-select,
.slot-select,
.member-select {
	width: 80px;
	border: 1px solid #2f539b;
	height: 32px;
	margin-left: 10px;
	line-height: 32px;
}

#typeaheadBox{
	display: inline-block;
    width: 400px;
    line-height: 37px;
    position: relative;
    top: 2px;
}
#typeaheadBox .add-btn {
    margin-top: 2px;
}
.modal #typeaheadBox {
    width: 237px;
}
.modal #typeaheadBox input {
	width: 213px;
}
#typeaheadBox input {
    height: 36px;
    line-height: 36px;
    margin:0;
    border-right: 1px solid #3d659c;
}
#typeaheadBox input:focus {
    border: 1px solid #3d659c;
}
#typeaheadBox .typeaheadBtn {
	position: relative;
	top: 0;
	right: -376px;
	display: inline-block;
	height: 36px;
	line-height: 36px;
	width: 24px;
	text-align: center;
	background-color: #184889;
	border: 1px solid #3d659c;
	border-left: 0;
}
#typeaheadBox .typeaheadBtn[disabled] {
	background-color: #1a4e95;
}
.modal #typeaheadBox .typeaheadBtn {
	position: relative;
	top: 0;
	right: -212px;
	display: inline-block;
	height: 36px;
	line-height: 36px;
	width: 24px;
	text-align: center;
	background-color: #184889;
	border: 1px solid #3d659c;
	border-left: 0;
}
.typehead {
	position: absolute;
}
.typehead.form-control {
	width: 376px;
}
.typehead-icon {
	display: inline-block;
}
#typeaheadBox .typeaheadBtn .typehead-icon:before {
    content: "\f107";
    font-family: FontAwesome;
    font-style: normal;
    color: #000;
}
.MultiFile-list {
	margin-top: 10px;
}
.MultiFile-remove .fa-trash-o {
	float: right;
}
.MultiFile-remove [class^="fa-"], 
.MultiFile-remove [class*="fa-"] {
	color: #5f83b5;
} 
.MultiFile-remove [class^="fa-"]:hover, 
.MultiFile-remove [class*="fa-"]:hover {
	color: #fff;
}

.bwizard-steps {
	margin: 0; padding: 0;	
	background: transparent; 
}	

.bwizard-steps .nav li.active {
	color: #fff;		
	background: #0b7fc9;
}	
.bwizard-steps .nav .active:after {
	border-left-color: #0b7fc9; 
}		
.bwizard-steps  .nav .active a {
	color: #fff;		
	cursor: default 
}	
.bwizard-steps .nav li.active:hover .label,
.bwizard-steps .label {		
	position: relative;		
	top: -1px;		
	margin: 0 5px 0 0; 
	padding: 4px 8px 4px;
	font-size: 16px;
	-webkit-border-radius: 12px;
 	-moz-border-radius: 12px;
 	border-radius: 12px;
 	background: #1a4e95;
}		
.bwizard-steps .nav li,
.bwizard-steps .paper li {
	display: inline-block; 
	position: relative;		
	margin-right: 4px;
	margin-bottom: 10px;
	padding: 4px 17px 4px 30px;		
	*display: inline;		
	*padding-left: 17px;		
	background: #153e77;		
	line-height: 18px;		
	list-style: none;		
	zoom: 1;
}
.ie8 .bwizard-steps .nav li {
    margin-right: 11px;
}
.bwizard-steps .nav li:hover .label {
    background: #0b7fc9;
}

.bwizard-steps .nav li:first-child {
	padding-left: 12px;		
	-moz-border-radius: 4px 0 0 4px;		
	-webkit-border-radius: 4px 0 0 4px;		
	border-radius: 4px 0 0 4px; 
}	
.bwizard-steps .nav li:first-child:before {
	border: none 
}	
.bwizard-steps .nav li.last {
	margin-right: 0;		
	-moz-border-radius: 0 4px 4px 0;		
	-webkit-border-radius: 0 4px 4px 0;		
	border-radius: 0 4px 4px 0; 
}	
.bwizard-steps .nav li.last:after {
	border: none 
}
.bwizard-steps .nav li:before {
	position: absolute;		
	left: 0; 
	top: 0;		
	height: 0; 
	width: 0;		
	border-bottom: 23px inset transparent;		
	border-left: 14px solid #1a4e95;		
	border-top: 23px inset transparent;		
	content: ""; 
}	
.bwizard-steps .nav li:after {
	position: absolute;		
	right: -14px; top: 0;		
	height: 0; width: 0;		
	border-bottom: 23px inset transparent;		
	border-left: 14px solid #153e77;		
	border-top: 23px inset transparent;		
	content: "";		
	z-index: 2; 
}	
.bwizard-steps .nav a,
.bwizard-steps .nav a:hover,
.bwizard-steps .nav a:hover span {
	color: #fffffe; 
}	
.bwizard-steps .nav a:hover,
.bwizard-steps .nav a:focus,
.bwizard-steps .nav li.active a {		
	text-decoration: none;
    background-color: transparent;
}
.bwizard-steps.clickable .nav li:not(.active) {
	cursor: pointer 
}

.bwizard-steps.clickable .nav li:hover:not(.active) {
	background: #ccc 
}
.bwizard-steps.clickable .nav li:hover:not(.active):after {
	border-left-color: #ccc 
}
.bwizard-steps.clickable .nav li:hover:not(.active) a {
	color: #08c 
}
.bwizard-steps .paper.wizard {
    margin-bottom: 0;
    padding-left: 0;
}
.bwizard-steps .paper li:before,
.bwizard-steps .paper li:after {	
    content: "";
    border: 0;
}
.bwizard-steps .paper li {
    background: #16427f;
    border: 1px solid #4871aa;
    padding: 10px 23px;
    margin-right: 20px;
    cursor: pointer;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}
.bwizard-steps .paper li.disabled,
.bwizard-steps .paper li.disabled:hover { 
    background: #22559b;
    border: 1px solid #22559b;
    cursor: not-allowed;
}
.bwizard-steps .paper li.disabled a,
.bwizard-steps .paper li.disabled:hover a { 
     cursor: not-allowed;
     color: #6685ae;
}
.bwizard-steps .paper li:hover {
    background: #123668;
    border: 1px solid #889ab3;
}
.bwizard-steps .tab-content {
    overflow: inherit;
}
.bwizard-steps .tab-content .tab-pane {
    padding: 10px 0 20px;
}
.select2-container .select2-choice {
    border: 1px solid #3d659c;
    color: #444;
    background-color: #184889;
}
.select2-drop-mask {
    background-color: #184889;
    border: 1px solid #7897c1;
    filter: alpha(opacity=0);
}
.select2-container .select2-choice > .select2-chosen {
    color: #bac1cf;
}
.select2-drop {
    background: #184889;
    border: 1px solid #7897c1;
	color: #bac1cf;
}
.select2-search input {
    border: 1px solid #7897c1;
    background: #184889 url('image/select2.png') no-repeat 100% -23px;
}
.select2-search input:focus,
.select2-search input:hover {
    border: 1px solid #3c6196;
}
.select2-dropdown-open .select2-choice {
    background: #184889;
    border: 1px solid #7897c1;
}
.select2-container a:hover.select2-choice {
    background-color: #184889;
}
.select2-container.select2-container-disabled .select2-choice,
.select2-container.select2-container-disabled a:hover.select2-choice{
    background-color: #1a4e95;
    border: 1px solid #3d659c;
    cursor: not-allowed;
}
.select2-container.select2-container-disabled .select2-choice .select2-arrow {
    background-color: #1a4e95;
}
.select2-drop-active {
    border: 1px solid #7897c1;
}
.select2-results .select2-highlighted {
    background: #143e76;
    color: #fff;
}
.select2-results .select2-no-results,
.select2-results .select2-searching,
.select2-results .select2-selection-limit {
    background: #184889;
    color:#fff;
}


.single-select .dropdown-menu {
    background: #184889;
    border: 1px solid #7897c1;
    margin-top: -1px;
    width: 100%;
    color: #bac1cf;
}
.single-select.open .select2-choice,
.single-select a.select2-choice:focus {
    border-color:  #7897C1;
}
.single-select .dropdown-menu .search {
    padding: 0 4px;
    width: 100%;
    border: 0;
}
.single-select .dropdown-menu .search input {
    width: 100%;
    margin: 5px 0;
    background: #184889 url('image/select2.png') no-repeat 100% -23px;
}
.single-select .dropdown-menu .list {
    max-height: 280px;
    overflow-y: scroll;
}
.single-select .dropdown-menu .list .select2-results {
    margin: 0;
    overflow: initial;
    max-height: 100%;
}
.single-select .dropdown-menu .list .btn {
    width: 100%;
    height: 18px;
    border: 0;
    margin-right: 0;
    position: relative;
}
.single-select .dropdown-menu .list .btn a {
    display: inline-block;
    min-width: 5px;
    right: 0;
    position: absolute;
    background: #143E76;
    width: 18px;
    height: 18px;
    top: -5px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.ie8 .single-select .dropdown-menu .list .btn a {
    top: 0;
    right: 4px;
}
.single-select .dropdown-menu  li > a {
    color: #bec8e2;
    padding: 3px 7px 4px;
}
.single-select .dropdown-menu  li > a:hover,
.single-select .dropdown-menu  li.active > a {
    color: #fff;
    background: #143E76;
}
.single-select .dropdown-menu  a i.fa-angle-double-up,
.single-select .dropdown-menu  a i.fa-angle-double-down {
     margin-right: 0;
     width: auto;
     min-width: 0;
     height: auto;
     line-height: 0;
     border: none;
     background: none;
}
.btn.deselect,
.btn.selectall {
	background: transparent;
	border: 1px solid #5f83b5;
}
.btn:hover.deselect,
.btn:focus.deselect,
.btn:hover.selectall,
.btn:focus.selectall {
	border: 1px solid rgba(255, 255, 255, 0.5);
    color: #fff;
    outline: none;
}
.ms-input {
    border: 1px solid #3d659c;
    background: #184889;
    color: #acbde0;
}
.ms-input:focus {
    border: 1px solid #7897c1;
}
.ms-container .ms-list{
  border: 1px solid #5f83b5;
}
.ms-container .ms-selectable li.ms-elem-selectable,
.ms-container .ms-selection li.ms-elem-selection {
  color: #acbde0;
}
.ms-container .ms-selectable .btn i,
.ms-container .ms-selection .btn i {
    color: #bec8dd;
}
.ms-container .ms-selectable .btn:hover i,
.ms-container .ms-selection .btn:hover i {
    color: #fff;
}
.ms-container .ms-selectable, .ms-container .ms-selection {
  color: #fff;
}
.ms-container .ms-selectable li.ms-hover,
.ms-container .ms-selection li.ms-hover {
  color: #fff;
  background-color: #16427e;
}
.ms-container .ms-list.ms-focus{
  border-color: #3d659c;
}
.simple-list {
	overflow: auto;
}
.ui-progressbar.ui-widget {
	border: 1px solid #ddeaf0;
	background: #ddeaf0;
    height:20px;
}
.ui-progressbar.ui-widget .ui-progressbar-value {
	border: 1px solid #70ceef;
	background-color: #70ceef;
}
.ui-progressbar .progress-bar {
    color : #333;
    width: 100%;
    background: transparent;
}
.ui-progressbar .ui-widget-header {
	padding: 0;
}
.simple-list .link {
    color: #ff0;
    cursor: pointer;
}


@media (max-width: 1330px) {
  .blade-content .form-group .col-md-6 {
        width: 100%;
  }
  .dashboard  #syslog .syslog.title {
        width: 100%;
  }
  .dashboard .syslog.contain {
        clear: both;
        width: 100%;
        margin-top: 10px;
  }
  .dashboard #syslog .syslog.detail {
        position: absolute;
        right: 30px;
        width: auto;
  }
  .dashboard .syslog-info.last-child {
        margin-right: 0;
  }
  .dashboard #syslog {
    height: 130px;
  }
  .dashboard  #utilization_line .plot-container .usage-container-left {
      width: 60px;
  }
}  
@media (min-width: 1330px) {
    .dashboard #syslog .row-nohover {
	padding: 0 50px 0 30px;
  }
 }
@media (max-width: 1279px) {
   #sysinfo_box_1,
   #sysinfo_box_2 {
        float: none;
        width: 100%;
    }
   #sysinfo_box_1 {
        padding-right: 0;
    }
   #sysinfo_box_2 {
        padding-left: 0;
        margin-top: 20px;
    }
	.dashboard .#syslog div.col-xs-4 {
		clear: both;
		width: 100%;
	}
    .dashboard .sysinfo-footer i {
        font-size: 30px;
    }
	.dashboard .headline {
		margin-left: 0;
	}
    .dashboard .sysinfo-footer .title,
    .dashboard .headline dt {
        font-size: 20px;
        margin-left: 15px;
    }
	.dashboard .round {
		width: 52px;
		height: 52px;
        line-height: 6px;
        padding-top: 8px;
	}
	.dashboard .round .value{
		font-size: 16px;
	}
	.dashboard .round .title{
		font-size: 11px;
	}
    .dashboard  #utilization_line .plot-container .usage-container-left {
        width: 90px;
    }
	.head-container .head {
		padding-bottom: 5px;
	}
	.chassis-contrainer .detail .left-group {
		width: 100%;
		border-bottom: 1px solid #6983b6;
		border-right: 0px solid #6983b6;
		padding-bottom: 20px;
	}
	.chassis-contrainer .detail .detail-wrap {
		width: 100%;
		float: none;
	}
	.chassis-contrainer .detail .right-group {
		padding-left: 0;
		margin: 0;
		width: 100%;
	}
	.device-information .device-table .controls-row {
		width: 50%;
		float: right;
	}
	.cur-time, .up-time {
		margin: 30px 15px 20px 0;
	}
	.chassis-contrainer .detail {
		padding: 0 15px 0 15px;
	}
	.dashboard .ui-sortable {
		padding-bottom: 0px;
	}
	.mlist input[type="text"].search {
            margin-left: 0;
        }
}
@media (min-width: 980px) and (max-width: 1280px) {  

}

@media (min-width: 980px) {
	
	.sub-page,
	.portlet {
		margin: 0;
		padding:25px 30px 20px 30px;
	}   
    #menu-toggle, 
    #summary-toggle,
    #edit-toggle {
        display: none;
    }
}

@media (max-width: 979px) {
	.dashboard .round {
		width: 58px;
		height: 58px;
        line-height: 12px;
        padding-top: 8px;
	}

	body{
		overflow: auto;
	}
	.header .nav > li:last-child {
        border-right: 1px solid #012c56;
	}
	 
	.mobile .page-sidebar {
		top: 49px;
		width: 100%;
		height: auto;
		margin-top: 49px;
	    background: #001929;
	}
    .mobile .header {
        width: 100%;
        height: 51px;
        background: #000;
		border-bottom: 1px solid #000;
    }
    .mobile .header .nav .open > a, 
    .mobile .header .nav .open > a:hover, 
    .mobile .header .nav .open > a:focus {
        background-color: #001929;
    }
    .mobile .header .nav > li.open .shortcut .menu-icon, 
    .mobile .header .nav > li.open:hover .shortcut .menu-icon {
        background: url(image/mobile-menu-oper.png) no-repeat;
    }
    .mobile .header .nav > li.open .shortcut span {
        color: #69a5f0;
    }
	#page_container {
        margin: 43px 0 0px 0;
    }
    .mobile #frame_menu {
        display: none;
        bottom: 0;
        top: 0;
    }
	#menu_div.mobile {
		width: 100%;
		position: absolute;
	}
    .menu-switch{display: none;}
   .sub-page,
   .portlet {
		padding: 10px;
	} 
	.sub-page.mlist-container {
		margin: 0 10px 0 10px;
	}
	#menu_div {
        position: static;
        
	}
	#summary_div,
	#edit_div {
		margin-top : 0;
	}
	
	.mobile .header .nav {
		border-bottom: 0;
		width: 55px;
	}
     .header .brand {
		width: 100px;
		height: 50px;
		line-height: 52px;
		padding: 0;
		position: relative;
		left: 35%;
     }
    .header .brand img {
        border:0;
        margin-top: 0px;
        margin-left: 20px;
        max-height: 40px;
        max-width: 80px;
    }
    .header .nav > li .menu-icon,
    .header .nav > li:hover .menu-icon {
        margin-top: 19px;
    }
    .mobile .header .nav,
    .mobile .header .nav > li,
    .mobile .header .nav > li a {
        height: 49px;
        line-height: 49px;
    }
    .mobile .navbar .nav > li > a:focus, 
    .mobile .navbar .nav > li > a:active {
        background: none;
    }
    .mobile .header .nav > li:hover .shortcut .menu-icon {
        margin-top: 0;
    }
    .mobile .header .nav > li.open .shortcut span.admin-label {
        cursor: default;
        width: 140px;
        height: 20px;
        padding-top: 10px;
        margin-top: -1px;
        display: block;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .mobile .header .nav > li a .PC-username {
        display: none;
    }
    .mobile .header .nav > li.open .shortcut .menu-icon.menu-icon-user {
        background-position: 0 0;
    }
    .mobile .header .nav > li.open .shortcut .menu-icon.menu-icon-save {
        background-position: -20px 0;
    }
    .mobile .header .nav > li.open .shortcut .menu-icon.menu-icon-pwd {
        background-position: -42px 0;
    }
    .mobile .header .nav > li.open .shortcut .menu-icon.menu-icon-logout {
        background-position: -62px 0;
    }
    .mobile .header .nav > li.open .shortcut .menu-icon.menu-icon-lan {
        background-position: -82px 0;
        margin-left: 47px;
        margin-top: 0px;
    }
    .mobile .lang-contrainer {
		position: relative;
		top: 0px;
	}
    .mobile .span-width {
        display: none;
    }

    .mobile .header .nav > li .shortcut .menu-icon {
        margin-left: 23px;
    }
    .mobile .header .nav > li .menu-icon.menu-icon-pwd {
        margin-top: 0;
    }
    .mobile .header .nav > li .shortcut .label-wrap {
        margin-top: 8px;
    }
    .mobile .nav-collapse .dropdown-menu li.lan-wrap, 
    .mobile .nav-collapse .dropdown-menu li > a {
        padding: 11px 20px 29px 22px; 
    }
    .mobile .header .nav .dropdown-menu.shortcut {
        padding-bottom: 0;
    }
	.mobile .header .nav > li.dropdown {
		width: 55px;
	}
    .mobile .header .nav > li.open .shortcut span {
        color: #69a5f0;
    }
    .mobile .menu-toggle {
        float: left;
        padding: 17px 18px 13px 18px;
    }
    .mobile a:hover.menu-toggle .toggle-bg,
    .mobile a:focus.menu-toggle .toggle-bg,
    .mobile a.menu-toggle.active .toggle-bg {
    	background-position: 0 -22px;
    }
    .mobile .navbar-responsive-collapse {
        float: right;
    }
	.mobile .page-sidebar {
		margin-bottom: 0;
	}
	.mobile ul.page-sidebar-menu > li > ul.sub-menu {
        position: static;
        margin: 0;
        border-right: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
	}
	
	.mobile .header .nav .dropdown-menu {
        right: 0;
        left: auto;
        margin-right: 0;
        background: #001929;
	}
	.mobile .header .nav .dropdown-menu li a {
        height: 0px;
        line-height: 0px;
	}
	.mobile .dropdown-menu .divider hr {
        border-top: 2px solid #002037;
        margin: 0;
    }
     .mobile .dropdown .lang-contrainer select {
        background: #001929;
        border: 1px solid #3d659c;
        color: #69a5f0;
        margin: -6px 0 0 -5px;
    }
	ul.page-sidebar-menu > li {
		border-bottom: 1px solid #002037;
	}
	.mobile .devices{
	    display: none;
	}
	.mobile #change_language {
		height: 45px;
		padding: 13px 0;
	}
	
	.chassis-contrainer .detail .left-group {
		width: 100%;
		float: left;
	}
	.chassis-contrainer .detail .right-group {
		float: left;
	}
	.mlist-status-bar {
		left: 0;
	}
	.mlist .toolbar {
		padding-left: 10px;
	}
    .date-time-wrap .big-indent {
        padding-left: 0;
    }
	.float-bg {
		left: 0px;
		top: 50px;
		background: #000;
		opacity: 0.4;
		filter: alpha(opacity=40);
		background: rgba(0, 0, 0, 0.4);
	}
	.shortcut .phone-show {
		display:block;
	}
	.nav>li.PC-show {
		display:none;
	}
	ul.page-sidebar-menu > li > ul.sub-menu {
		padding-left: 40px;
	}
	ul.page-sidebar-menu > li > a .arrow {
		display: block;
	}
	.headline {
		margin: 0 0 5px;
		padding-bottom: 5px;
	}
	.filter-div input[type="button"], 
	.filter-div input[type="text"]{
		margin: 10px 0 -5px 0;
	}
	.mlist input[type="text"]{
		margin: -4px 0 -5px 0;
	}
	.navbar-fixed-top {
		top: -6px;
	}
	.portlet-title {
		padding: 0 0 5px 0;
		margin-bottom: 0;
	}
	.headbutton .btn-group.shortcut {
		margin-left: 0;
	}
	.mlist input[type="text"],  
	.mlist select {
		margin: 0px 0 0px 0;
	}
	.mlist .tool-bar .btn {
		margin: 0 5px 0px 5px;
	}
	.mlist .tool-bar .btn-group {
		margin-top: 8px;
	}
	.mlist .filter-div {
		top: -3px;
	}
	.edit-list .loading-small {
        left: -6px;
	}
}

@media (min-width: 768px) and (max-width: 979px) { 
	

}
@media (min-width: 768px) { 
	.edit-list .mlist-row .cell .list-row-btn{
		display: none;
	}
	.form-horizontal .form-group [class^="col-sm-"].control-label{
	    padding-right: 10px;
    }
}
@media (max-width: 767px) { 
	body{
		overflow: auto;
	}
  .widget-content .table .cpu-container .usage-off-align,
  .widget-content .table .memory-container .usage-off-align {
		width: 100px;
	}
	.cpu-container .percent, .memory-container .percent {
		left: 40px;
	}
	.dashboard .group .col-xs-3 {
		width: 0;
		display: none;
	}
	.dashboard .group .col-xs-3.head-container {
		width: 100%;
		display: block;
	}
	.dashboard .group .device-icon {
		margin: 10px auto 0 auto;
	}
	.dashboard .tab-pane i {
        margin-right: 0;
	}
	.dashboard .sysinfo-body div.col-xs-4 {
		clear: none;
		width: 33.3%;
		float: left;
	}
	.dashboard .default-height {
		height: auto;
	}
	#utilization_line .cpumem-container {
		width: 100%;
	}
	#utilization_line .file-container {
		width: 100%;
	}
	#menu_div {
        
	}
   .display-group .btn {
        margin-bottom: 20px;
   } 
   .table-responsive {
        border: 0;
   }
   .chassis-contrainer .id-container {
		width: 25%;
   }
   .chassis-contrainer .status-container {
		width: 20%;
   }
   .chassis-contrainer .cpu-container {
		width: 20%;
   }
   .chassis-contrainer .memory-container {
		width: 20%;
   }
   .chassis-contrainer .oper-container {
		width: 10%;
   }
   .cur-time .text, .up-time .text {
		padding: 0 15px;
   }
   #currenttime, .run-time {
		padding: 0 20px;
   }


    .table-responsive.edittable {
        width: 100%;
        overflow: inherit;
        font-size: 15px;
    }
    .table-responsive .edittable-table {
		border: 1px solid #5f83b5;
		border-collapse: collapse;
		border-spacing: 5px;
    }
    .table-responsive.edittable .loading-small {
        top: -24px;
        left: auto;
	    right: 0;
    }
    .table-responsive .edittable-cell .input-append  input, 
    .table-responsive .edittable-cell .input-append  input[class*="span"] 
    {
        width: 100%;
        max-width: 220px;
        min-width: 80px;
    }
    .table-responsive .edittable-header{
        display: none;
    }
    .table-responsive .edittable .edittable-row:not(:first-child){
        border-top: 1px solid #eee;
    }
    .table-responsive  .edittable-operation{
        
        width: 40px;
        border: none!important;
    }
    .table-responsive .edittable-cell{
        position: relative;
        display: block;
        padding-top: 10px;
        padding-bottom: 10px;
        margin: 5px 0;
        width: 100%;
        border: none!important;
    }
    .table-responsive .edittable-row.row-active .edittable-element{
        line-height: 44px;
    }
    .table-responsive .edittable-cell span,
    .table-responsive .edittable-cell input,
    .table-responsive .edittable-cell select,
    .table-responsive .edittable-cell div{
        position: absolute;
        top: 0;
        right: 15px;
        font-size: 14px;
    }
    
    .table-responsive .edittable-cell .single-select span.select2-chosen,
    .table-responsive .edittable-cell .single-select input,
    .table-responsive .edittable-cell .single-select.select2-container,
    .table-responsive .edittable-cell .single-select select,
    .table-responsive .edittable-cell .single-select div {
        position: inherit;
        right: 0;
        max-width: 160px;
    }
    .table-responsive .edittable-cell .single-select.select2-container {
        float: right;
    }
    .table-responsive .edittable-cell .single-select div.list {
        max-width: 100%;
    }
    .table-responsive .edit-list .select2-container,
    .table-responsive .edittable-cell .select2-container,
    .table-responsive .edittable-cell input,
    .table-responsive .edittable-cell select{
        width: 100%;
        max-width: 135px;
        min-width: 100px;
    }
    .table-responsive.edittable .edittable-cell:before{
        content:attr(data-title);
        font-size: 13px;
        padding-left: 15px;
    }
    .table-responsive.edittable .edittable-cell:first-child:before{
        padding-left: 15px;
    }
	.table-responsive .edittable-table.table > tbody > tr > td.edittable-operation {
		display: block;
		text-align: right;
		width: 100%;
		background: #184889;
		line-height: 37px;
    }
    .table-responsive .edittable-table.table > tbody > tr > td.edittable-operation i {
        margin-top: 3px;
    }

    .edit-list{
        font-size: 15px;
        width: 100%;
    }
    .edit-list table{
        width: 100%;
    }
    .edit-list .ui-state-default{
        display: none;
    }
    .edit-list .mlist-row{
		border-bottom: 1px solid #153e77;
    }
    .edit-list .mlist-row .cell:before{
        content: attr(data-title);
        font-size: 13px;
    }
    .edit-list .mlist-row .cell{
        position: relative;
        display: block;
        padding: 10px 8px;
        margin: 5px 0;
        width: 100%;
        border: none!important;
    }
    .edit-list .mlist-row .cell-small{
        display: none;
    }
    .edit-list .mlist-row.edited .cell-index{
        border: 1px solid #008FFF!important;
    }
    .edit-list .mlist-row .cell-text{
        position: absolute; top: 0; right: 10px;
        display: table-cell;
        height: 42px;
        line-height: 42px;
        vertical-align: middle;
    }
    .edit-list .mlist-row select, 
    .edit-list .mlist-row input[type=text]{
        max-width: 135px;
        min-width: 100px;
        width: 100%;
        line-height: 28px;
    }
    .edit-list .mlist-row .cell .list-row-btn{
        position: absolute; top: 0; right: 0;
        display: block;
        padding: 10px;
        cursor: pointer;
    }
    .edit-list .mlist-row .list-row-btn i[class*="icon-"]{
        font-size: 18px;
    }
	.mlist input[type="text"].search {
		width: 128px;
	}
	.ms-selected-row.even, .edittable-row.even {
        background: transparent;
    }
}

@media (max-width: 600px) {
	.bg-blue-arrow {
		left: 40px;
	}
    .dashboard .sysinfo-footer .title {
        font-size: 20px;
    }
    .stat-container {
        width: 100%;
   }
   .file-container {
        float: none;
        width: 100%;
    }
   .app-title-container {
    display: block;
 }
	.cur-time .text, .up-time .text {
		padding: 0 10px;
	}
	#currenttime, .run-time {
		padding: 0 10px;
	}
	#currenttime .up,
	.run-time .up {
		font-size: 20px;
	}

	#currenttime .down,
	.run-time .down {
		font-size: 14px;
	}
	.carousel-control.left, .carousel-control.right {
		line-height: 328px;
	}
	#utilization_line .carousel-control.left, #utilization_line .carousel-control.right {
		line-height: 18px;
	}
	.carousel {
	    margin: 0 auto;
	}
  .widget-content .table .cpu-container .usage-off-align,
  .widget-content .table .memory-container .usage-off-align {
		width: 80px;
	}
	.cpu-container .percent, .memory-container .percent {
		left: 25px;
	}
	.blade .pieChart,.blade .plot {
        display: block;
        width: 100%;
	}
	.dashboard .count {
        display: block;
        text-align: center;
	}
	.dashboard .syslog-info .form-control {
        height: 60px;
	}
	.typeahead .dropdown-menu,
	textarea {
	    min-width: 237px;
	}
	input[type="button"],
	input[type="reset"],
	input[type="submit"],
	input[type="search"],
	input[type="text"],
	input[type="password"],
	input[type="datetime"],
	input[type="datetime-local"],
	input[type="date"],
	input[type="month"],
	input[type="time"],
	input[type="week"],
	input[type="number"],
	input[type="email"],
	input[type="url"],
	input[type="color"],
	input[type="tel"],
	input[type="image"],
	select,
	.form-control,
	.select2-container,
	.mini.ms-selected-table,
	.ms-selected-table,
	#typeaheadBox{
	    width: 237px;
	}
	input.width-mini,
	select.width-mini {
	    width:75px;
	}
	.typehead.form-control {
		width: 213px;
	}
	#typeaheadBox .typeaheadBtn {
		right: -213px;
		border-left: 0;
	}
	.select2-search input[type="text"] {
	    width: 100%;
	}
	.header .brand {
		left: 28%;
	}
	.dashboard .devname {
		font-size: 28px;
		top: -3px;
	}
	.dashboard #syslog {
		height: 155px;
	}
	input[type="button"].two-group, 
	input[type="reset"].two-group, 
	input[type="submit"].two-group, 
	input[type="search"].two-group, 
	input[type="text"].two-group, 
	input[type="password"].two-group, 
	input[type="datetime"].two-group, 
	input[type="datetime-local"].two-group, 
	input[type="date"].two-group, 
	input[type="month"].two-group, 
	input[type="time"].two-group, 
	input[type="week"].two-group, 
	input[type="number"].two-group, 
	input[type="email"].two-group, 
	input[type="url"].two-group, 
	input[type="color"].two-group, 
	input[type="tel"].two-group, 
	input[type="image"].two-group, 
	select.two-group {
		width: 109px;
		margin-top: -5px;
	}
	.connect-sign {
        margin-bottom: 5px;
	}
	.no-header .edittable-row td input[type="text"] {
		width: 237px;
	}
	div.required:after, label.required:after, span.required:after {
		font-size: 12px;
		top: 0px;
	}
	input[type="button"], 
	input[type="reset"], 
	input[type="submit"], 
	input[type="search"], 
	input[type="text"], 
	input[type="password"], 
	input[type="datetime"], 
	input[type="datetime-local"], 
	input[type="date"], 
	input[type="month"], 
	input[type="time"], 
	input[type="week"], 
	input[type="number"], 
	input[type="email"], 
	input[type="url"], 
	input[type="color"], 
	input[type="tel"], 
	input[type="image"], 
	select {
		margin: 0;
	}
	.form-horizontal [class^="col-md-"], 
	.form-horizontal [class*="col-md-"], 
	.form-horizontal [class^="col-xs-"], 
	.form-horizontal [class*="col-xs-"], 
	.form-horizontal [class^="col-sm-"], 
	.form-horizontal [class*="col-sm-"] {
		line-height: 30px;
	}
	.mul-input {
		width: 237px;
	}
	.mlist input[type="text"].search {
		width: 300px;
	}
	.mlist .toggle-bar {
		display: block;
	}
	.filter-div.select-container {
		width: 100%;
		margin-top: 5px;
	}
	.filter-div.select-container .title {
		width: 30%;
		display: inline-block;
	}
	.filter-div.select-container select {
		width: 66%;	
	}
	.mlist .tool-bar {
		display: none;
	}
}

@media (max-width: 479px) {
	.sub-page.mlist-container {
		margin: 0;
	}
	.bg-blue-arrow {
		left: 25px;
	}
	.dashboard .sysinfo-body div.col-xs-4 {
		clear: both;
		width: 100%;
	}
   .display-group .form-label {
        float: none;
   }
	#app_cpu_row {
		padding: 10px 0 40px 0;
	}
    .dashboard .syslog.detail {
        right: 10px;
    }
	.dashboard .row-nohover {
		padding: 0px 10px 0 10px;
		cursor: default;
	}
    .dashboard .tab-pane i {
        margin-right: 0;
    }
    .dashboard .sysinfo-footer .btn-detail {
        min-width: 80px;
    }
    .dashboard .sysinfo-footer .row-nohover {
        padding: 10px;
    }
	.dashboard .count {
        padding: 7px 0 0 0;
	}
	.dashboard .syslog-info.last-child {
        margin-right: 15px;
	}
	.dashboard  #utilization_line .plot-container .usage-container-left {
		width: 65px;
	}
    .widget .device-information .address .device-table .col-sm-6 {
        padding: 0;
    }
    .widget .controls-row .controls-label {
        width: 100px;
    }
    
	.mobile .header .nav > li {
        width: 40px;
	}
	.mobile .header .nav > li.divide-li {
        width: 3px;
	}
	.mobile .header .nav > li:first-child {
        width: 50px;
	}
	.mobile .nav-collapse .dropdown-menu li.lan-wrap, 
	.mobile .nav-collapse .dropdown-menu li > a {
        padding: 11px 20px 29px 22px;
	}
	#plot_list {
		margin-top: 10px;
	}
	.cur-time .text, .up-time .text {
		height: 60px;
		line-height: 60px;
		display: block;
	}
	.current-time {
        padding: 0 22px;
	}
	#currenttime .up,
	.run-time .up,
	.current-time .up {
		font-size: 20px;
	}

	#currenttime .down,
	.run-time .down,
	.current-time .down {
		font-size: 14px;
	}
	.cur-time .text, .up-time .text,.date_image .text {
		padding: 0 20px;
	}
	#currenttime, .run-time {
		padding: 0 20px;
	}
	.cur-time, .up-time {
		margin: 30px 0px 20px 0;
	}
	.device-information .device-table .controls-row {
		width: 100%;
		float: none;
	}
  .widget-content .table .cpu-container .usage-off-align,
  .widget-content .table .cpu-container .usage-align,
  .widget-content .table .memory-container .usage-off-align,
  .widget-content .table .memory-container .usage-align {
		background: transparent;
	}
	.cpu-container .percent, 
	.memory-container .percent {
		left: 0px;
		color: #acbde0;
	}
	.select .cpu-container .percent, 
	.select .memory-container .percent {
		color: #fff;
	}
	.mlist .filter-div {
        margin-right: 0;
	}
	.header .brand {
		left: 24%;
	}
	.dashboard .devname {
		font-size: 24px;
		top: 5px;
	}
	input[type="button"].four-group, 
	input[type="reset"].four-group, 
	input[type="submit"].four-group, 
	input[type="search"].four-group, 
	input[type="text"].four-group, 
	input[type="password"].four-group, 
	input[type="datetime"].four-group, 
	input[type="datetime-local"].four-group, 
	input[type="date"].four-group, 
	input[type="month"].four-group, 
	input[type="time"].four-group, 
	input[type="week"].four-group, 
	input[type="number"].four-group, 
	input[type="email"].four-group, 
	input[type="url"].four-group, 
	input[type="color"].four-group, 
	input[type="tel"].four-group, 
	input[type="image"].four-group, 
	select.four-group {
		width: 36px;
	}
	.edit-list input[type="text"] {
		width: 170px;
	}
		
	.bwizard-steps li:after,	
	.bwizard-steps li:before {		
		border: none;
	}	
	.bwizard-steps li,	
	.bwizard-steps li.active,
	.bwizard-steps li:first-child,	
	.bwizard-steps li:last-child {
		margin-right: 10px;		
		padding: 0;
	}
	.bwizard-steps li {
        padding: 0;
	}
	.bwizard-steps li.active:hover .label, 
	.bwizard-steps .label {
        padding: 2px 5px;
	}
	.bwizard-steps .paper li {
        padding: 5px 23px;
        margin-right: 15px;
	}
	.mlist input[type="text"].search {
		width: 180px;
	}
}
@media (max-width: 319px) {
    .dashboard .sysinfo-footer .title {
        margin-left: 0;
    }
    .dashboard .sysinfo-footer {
        padding-left: 10px;
     }
     
    .mobile .header .brand span {
        margin-left: 28px;
    }
	.mobile ul.page-sidebar-menu > li > ul.sub-menu {
		left: 100px;
	}
	.mobile .header.navbar {
        width: 320px;
	}
	.header .brand {
		left: 12%;
	}
	.mlist input[type="text"].search {
		width: 117px;
	}
    .dashboard .syslog-info,
    .dashboard .syslog-info.last-child {
        margin-right: 7px;
    }
}