.table_top_bar {
  position: absolute;
  top: -45px;
  right: 0px; }
  .table_top_bar input {
    height: 2.1em !important;
    margin-bottom: 3px; }

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables features
 */
.dataTables_wrapper {
  position: relative;
  clear: both;
  zoom: 1;
  /* Feeling sorry for IE */ }

.dataTables_processing {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 250px;
  height: 30px;
  margin-left: -125px;
  margin-top: -15px;
  /* padding: 14px 0 2px 0; */
  border: 1px solid #ddd;
  outline: 2px solid #444444;
  text-align: center;
  color: #212121;
  font-size: 18px;
  line-height: 26px;
  font-weight: bold;
  background-color: white;
  z-index: 10000; }

.dataTables_length {
  width: 100%;
  float: left; }

.dataTables_filter {
  float: right;
  text-align: right; }

.dataTables_info {
  float: left; }

.dataTables_paginate {
  float: right;
  text-align: right; }

.dataTables_length label select {
  width: 80px !important; }

/* Pagination nested */
.paginate_disabled_previous, .paginate_enabled_previous,
.paginate_disabled_next, .paginate_enabled_next {
  height: 19px;
  float: left;
  cursor: pointer;
  *cursor: hand;
  color: #111 !important; }

.paginate_disabled_previous:hover, .paginate_enabled_previous:hover,
.paginate_disabled_next:hover, .paginate_enabled_next:hover {
  text-decoration: none !important; }

.paginate_disabled_previous:active, .paginate_enabled_previous:active,
.paginate_disabled_next:active, .paginate_enabled_next:active {
  outline: none; }

.paginate_disabled_previous,
.paginate_disabled_next {
  color: #666 !important; }

.paginate_disabled_previous, .paginate_enabled_previous {
  padding-left: 23px; }

.paginate_disabled_next, .paginate_enabled_next {
  padding-right: 23px;
  margin-left: 10px; }

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables display
 */
table.display {
  margin: 0 auto;
  clear: both;
  width: 100%;
  /* Note Firefox 3.5 and before have a bug with border-collapse
	 * ( https://bugzilla.mozilla.org/show%5Fbug.cgi?id=155955 )
	 * border-spacing: 0; is one possible option. Conditional-css.com is
	 * useful for this kind of thing
	 *
	 * Further note IE 6/7 has problems when calculating widths with border width.
	 * It subtracts one px relative to the other browsers from the first column, and
	 * adds one to the end...
	 *
	 * If you want that effect I'd suggest setting a border-top/left on th/td's and
	 * then filling in the gaps with other borders.
	 */ }

table.display thead th {
  padding: 3px 18px 3px 10px;
  border-bottom: 1px solid black;
  font-weight: bold;
  word-break: break-all;
  word-wrap: break-word;
  white-space: nowrap;
  cursor: pointer;
  *cursor: hand; }

table.display tfoot th {
  padding: 3px 18px 3px 10px;
  border-top: 1px solid black;
  font-weight: bold; }

table.display tr.heading2 td {
  border-bottom: 1px solid #aaa; }

table.display td {
  padding: 3px 10px; }

table.display td.center {
  text-align: center; }
th:active {
  outline: none; }

.sorting, .sorting_asc, .sorting_desc {
  cursor: pointer !important; }

tr.odd {
  background-color: #E2E4FF; }

tr.even {
  background-color: white; }

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * Misc
 */
.dataTables_scroll {
  clear: both; }

.dataTables_scrollBody {
  *margin-top: -1px;
  -webkit-overflow-scrolling: touch; }

.top .dataTables_info {
  float: none; }

.clear {
  clear: both; }

.dataTables_empty {
  text-align: center; }

tfoot input {
  margin: 0.5em 0;
  width: 100%;
  color: #444; }

tfoot input.search_init {
  color: #999; }

td.group {
  background-color: #d1cfd0;
  border-bottom: 2px solid #A19B9E;
  border-top: 2px solid #A19B9E; }

td.details {
  background-color: #d1cfd0;
  border: 2px solid #A19B9E; }

.example_alt_pagination div.dataTables_info {
  width: 40%; }

table.display tr.even.row_selected td {
  background-color: #B0BED9; }

table.display tr.odd.row_selected td {
  background-color: #9FAFD1; }

/*
 * Sorting classes for columns
 */
/* For the standard odd/even */
tr.odd td.sorting_1 {
  background-color: transparent !important; }

tr.odd td.sorting_2 {
  background-color: #DADCFF; }

tr.odd td.sorting_3 {
  background-color: #f3f6fa; }

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * ColVis styles
 */
.ColVis {
  float: right;
  margin-bottom: 1em; }

.ColVis_Button {
  position: relative;
  float: left;
  margin-right: 3px;
  padding: 3px 5px;
  height: 30px;
  color: #555555;
  background-color: #fff;
  border: 1px solid #d0d0d0;
  cursor: pointer;
  *cursor: hand; }

button.ColVis_Button::-moz-focus-inner {
  border: none !important;
  padding: 0; }

.ColVis_text_hover {
  border: 1px solid #999;
  background-color: #f0f0f0; }

div.ColVis_collectionBackground {
  background-color: black;
  z-index: 1100; }

div.ColVis_collection {
  position: relative;
  width: 150px;
  background-color: #f3f3f3;
  padding: 3px;
  border: 1px solid #ccc;
  z-index: 1102; }

div.ColVis_collection button.ColVis_Button {
  background-color: white;
  width: 100%;
  float: none;
  margin-bottom: 2px; }

div.ColVis_catcher {
  position: absolute;
  z-index: 1101; }

.disabled {
  color: #999; }

button.ColVis_Button {
  text-align: left; }

div.ColVis_collection button.ColVis_Button:hover {
  border: 1px solid #999;
  background-color: #f0f0f0; }

span.ColVis_radio {
  display: inline-block;
  width: 20px; }

/****
* details row
*/
.details-row {
  background: inherit !important;
  color: #000000 !important; }

.details-row:hover {
  background: inherit !important; }

.details-row table tr, .details-row table tr:hover {
  background: transparent !important;
  color: #000000 !important;
  border-bottom: 1px solid #DDDFFF; }

.table.table-bordered.table-striped.full.dataTable td a.btn.btn-primary,
.table.table-striped.table-bordered.dataTable td a.btn.btn-primary {
  color: #3e4b5b !important; }

.dark-mode .table.table-bordered.table-striped.full.dataTable td a.btn.btn-primary,
.dark-mode .table.table-striped.table-bordered.dataTable td a.btn.btn-primary {
  color: #ced4da !important; }

.color_0 {
  background-color: #6a6a6a !important; }

.color_1 {
  background-color: #f5b401 !important; }

.color_2 {
  background-color: #78ba00 !important; }

.color_3 {
  background-color: #2572eb !important; }

.color_4 {
  background-color: #ad103c !important; }

.color_5 {
  background-color: #643001 !important; }

.color_6 {
  background-color: #af1d00 !important; }

.color_7 {
  background-color: #c1004f !important; }

.color_8 {
  background-color: #7301ad !important; }

.color_9 {
  background-color: #4516b3 !important; }

.color_10 {
  background-color: #006ac1 !important; }

.color_11 {
  background-color: #008287 !important; }

.color_12 {
  background-color: #189800 !important; }

.color_13 {
  background-color: #00c13f !important; }

.color_14 {
  background-color: #fe971c !important; }

.color_15 {
  background-color: #ff2e12 !important; }

.color_16 {
  background-color: #ff1d77 !important; }

.color_17 {
  background-color: #a93ffe !important; }

.color_18 {
  background-color: #1faeff !important; }

.color_19 {
  background-color: #56c5ff !important; }

.color_20 {
  background-color: #00d8cc !important; }

.color_21 {
  background-color: #90d000 !important; }

.color_22 {
  background-color: #e0b600 !important; }

.color_23 {
  background-color: #ff77bd !important; }

.color_24 {
  background-color: #01a5a5 !important; }

.color_25 {
  background-color: #d74f2a !important; }

.color_26 {
  background-color: #05869a !important; }

.color_27 {
  background-color: #1b58b8 !important; }

.color_28 {
  background-color: #a0887d !important; }

.color_29 {
  background-color: #607d8b !important; }

.color_light {
  background-color: #fff !important;
  color: #434343 !important; }
  .color_light .title, .color_light .title h1, .color_light .title h2, .color_light .title h3, .color_light .title h4, .color_light .title a {
    color: #434343 !important; }

#sidebar_menu .color_0 {
  background: none !important; }

#sidebar_menu .color_0 a img {
  background: #6a6a6a; }

#sidebar_menu .color_0.active, #sidebar_menu .color_0 a:hover, #sidebar_menu .color_0.opened {
  background: #6a6a6a !important; }

#sidebar_menu .color_0 ul {
  background-color: #6a6a6a; }

#sidebar_menu .color_1 {
  background: none !important; }

#sidebar_menu .color_1 a img {
  background: #f5b401; }

#sidebar_menu .color_1.active, #sidebar_menu .color_1 a:hover, #sidebar_menu .color_1.opened {
  background: #f5b401 !important; }

#sidebar_menu .color_1 ul {
  background-color: #f5b401; }

#sidebar_menu .color_2 {
  background: none !important; }

#sidebar_menu .color_2 a img {
  background: #78ba00; }

#sidebar_menu .color_2.active, #sidebar_menu .color_2 a:hover, #sidebar_menu .color_2.opened {
  background: #78ba00 !important; }

#sidebar_menu .color_2 ul {
  background-color: #78ba00; }

#sidebar_menu .color_3 {
  background: none !important; }

#sidebar_menu .color_3 a img {
  background: #2572eb; }

#sidebar_menu .color_3.active, #sidebar_menu .color_3 a:hover, #sidebar_menu .color_3.opened {
  background: #2572eb !important; }

#sidebar_menu .color_3 ul {
  background-color: #2572eb; }

#sidebar_menu .color_4 {
  background: none !important; }

#sidebar_menu .color_4 a img {
  background: #ad103c; }

#sidebar_menu .color_4.active, #sidebar_menu .color_4 a:hover, #sidebar_menu .color_4.opened {
  background: #ad103c !important; }

#sidebar_menu .color_4 ul {
  background-color: #ad103c; }

#sidebar_menu .color_5 {
  background: none !important; }

#sidebar_menu .color_5 a img {
  background: #643001; }

#sidebar_menu .color_5.active, #sidebar_menu .color_5 a:hover, #sidebar_menu .color_5.opened {
  background: #643001 !important; }

#sidebar_menu .color_5 ul {
  background-color: #643001; }

#sidebar_menu .color_6 {
  background: none !important; }

#sidebar_menu .color_6 a img {
  background: #af1d00; }

#sidebar_menu .color_6.active, #sidebar_menu .color_6 a:hover, #sidebar_menu .color_6.opened {
  background: #af1d00 !important; }

#sidebar_menu .color_6 ul {
  background-color: #af1d00; }

#sidebar_menu .color_7 {
  background: none !important; }

#sidebar_menu .color_7 a img {
  background: #c1004f; }

#sidebar_menu .color_7.active, #sidebar_menu .color_7 a:hover, #sidebar_menu .color_7.opened {
  background: #c1004f !important; }

#sidebar_menu .color_7 ul {
  background-color: #c1004f; }

#sidebar_menu .color_8 {
  background: none !important; }

#sidebar_menu .color_8 a img {
  background: #7301ad; }

#sidebar_menu .color_8.active, #sidebar_menu .color_8 a:hover, #sidebar_menu .color_8.opened {
  background: #7301ad !important; }

#sidebar_menu .color_8 ul {
  background-color: #7301ad; }

#sidebar_menu .color_9 {
  background: none !important; }

#sidebar_menu .color_9 a img {
  background: #4516b3; }

#sidebar_menu .color_9.active, #sidebar_menu .color_9 a:hover, #sidebar_menu .color_9.opened {
  background: #4516b3 !important; }

#sidebar_menu .color_9 ul {
  background-color: #4516b3; }

#sidebar_menu .color_10 {
  background: none !important; }

#sidebar_menu .color_10 a img {
  background: #006ac1; }

#sidebar_menu .color_10.active, #sidebar_menu .color_10 a:hover, #sidebar_menu .color_10.opened {
  background: #006ac1 !important; }

#sidebar_menu .color_10 ul {
  background-color: #006ac1; }

#sidebar_menu .color_11 {
  background: none !important; }

#sidebar_menu .color_11 a img {
  background: #008287; }

#sidebar_menu .color_11.active, #sidebar_menu .color_11 a:hover, #sidebar_menu .color_11.opened {
  background: #008287 !important; }

#sidebar_menu .color_11 ul {
  background-color: #008287; }

#sidebar_menu .color_12 {
  background: none !important; }

#sidebar_menu .color_12 a img {
  background: #189800; }

#sidebar_menu .color_12.active, #sidebar_menu .color_12 a:hover, #sidebar_menu .color_12.opened {
  background: #189800 !important; }

#sidebar_menu .color_12 ul {
  background-color: #189800; }

#sidebar_menu .color_13 {
  background: none !important; }

#sidebar_menu .color_13 a img {
  background: #00c13f; }

#sidebar_menu .color_13.active, #sidebar_menu .color_13 a:hover, #sidebar_menu .color_13.opened {
  background: #00c13f !important; }

#sidebar_menu .color_13 ul {
  background-color: #00c13f; }

#sidebar_menu .color_14 {
  background: none !important; }

#sidebar_menu .color_14 a img {
  background: #fe971c; }

#sidebar_menu .color_14.active, #sidebar_menu .color_14 a:hover, #sidebar_menu .color_14.opened {
  background: #fe971c !important; }

#sidebar_menu .color_14 ul {
  background-color: #fe971c; }

#sidebar_menu .color_15 {
  background: none !important; }

#sidebar_menu .color_15 a img {
  background: #ff2e12; }

#sidebar_menu .color_15.active, #sidebar_menu .color_15 a:hover, #sidebar_menu .color_15.opened {
  background: #ff2e12 !important; }

#sidebar_menu .color_15 ul {
  background-color: #ff2e12; }

#sidebar_menu .color_16 {
  background: none !important; }

#sidebar_menu .color_16 a img {
  background: #ff1d77; }

#sidebar_menu .color_16.active, #sidebar_menu .color_16 a:hover, #sidebar_menu .color_16.opened {
  background: #ff1d77 !important; }

#sidebar_menu .color_16 ul {
  background-color: #ff1d77; }

#sidebar_menu .color_17 {
  background: none !important; }

#sidebar_menu .color_17 a img {
  background: #a93ffe; }

#sidebar_menu .color_17.active, #sidebar_menu .color_17 a:hover, #sidebar_menu .color_17.opened {
  background: #a93ffe !important; }

#sidebar_menu .color_17 ul {
  background-color: #a93ffe; }

#sidebar_menu .color_18 {
  background: none !important; }

#sidebar_menu .color_18 a img {
  background: #1faeff; }

#sidebar_menu .color_18.active, #sidebar_menu .color_18 a:hover, #sidebar_menu .color_18.opened {
  background: #1faeff !important; }

#sidebar_menu .color_18 ul {
  background-color: #1faeff; }

#sidebar_menu .color_19 {
  background: none !important; }

#sidebar_menu .color_19 a img {
  background: #56c5ff; }

#sidebar_menu .color_19.active, #sidebar_menu .color_19 a:hover, #sidebar_menu .color_19.opened {
  background: #56c5ff !important; }

#sidebar_menu .color_19 ul {
  background-color: #56c5ff; }

#sidebar_menu .color_20 {
  background: none !important; }

#sidebar_menu .color_20 a img {
  background: #00d8cc; }

#sidebar_menu .color_20.active, #sidebar_menu .color_20 a:hover, #sidebar_menu .color_20.opened {
  background: #00d8cc !important; }

#sidebar_menu .color_20 ul {
  background-color: #00d8cc; }

#sidebar_menu .color_21 {
  background: none !important; }

#sidebar_menu .color_21 a img {
  background: #90d000; }

#sidebar_menu .color_21.active, #sidebar_menu .color_21 a:hover, #sidebar_menu .color_21.opened {
  background: #90d000 !important; }

#sidebar_menu .color_21 ul {
  background-color: #90d000; }

#sidebar_menu .color_22 {
  background: none !important; }

#sidebar_menu .color_22 a img {
  background: #e0b600; }

#sidebar_menu .color_22.active, #sidebar_menu .color_22 a:hover, #sidebar_menu .color_22.opened {
  background: #e0b600 !important; }

#sidebar_menu .color_22 ul {
  background-color: #e0b600; }

#sidebar_menu .color_23 {
  background: none !important; }

#sidebar_menu .color_23 a img {
  background: #ff77bd; }

#sidebar_menu .color_23.active, #sidebar_menu .color_23 a:hover, #sidebar_menu .color_23.opened {
  background: #ff77bd !important; }

#sidebar_menu .color_23 ul {
  background-color: #ff77bd; }

#sidebar_menu .color_24 {
  background: none !important; }

#sidebar_menu .color_24 a img {
  background: #01a5a5; }

#sidebar_menu .color_24.active, #sidebar_menu .color_24 a:hover, #sidebar_menu .color_24.opened {
  background: #01a5a5 !important; }

#sidebar_menu .color_24 ul {
  background-color: #01a5a5; }

#sidebar_menu .color_25 {
  background: none !important; }

#sidebar_menu .color_25 a img {
  background: #d74f2a; }

#sidebar_menu .color_25.active, #sidebar_menu .color_25 a:hover, #sidebar_menu .color_25.opened {
  background: #d74f2a !important; }

#sidebar_menu .color_25 ul {
  background-color: #d74f2a; }

#sidebar_menu .color_26 {
  background: none !important; }

#sidebar_menu .color_26 a img {
  background: #05869a; }

#sidebar_menu .color_26.active, #sidebar_menu .color_26 a:hover, #sidebar_menu .color_26.opened {
  background: #05869a !important; }

#sidebar_menu .color_26 ul {
  background-color: #05869a; }

#sidebar_menu .color_27 {
  background: none !important; }

#sidebar_menu .color_27 a img {
  background: #1b58b8; }

#sidebar_menu .color_27.active, #sidebar_menu .color_27 a:hover, #sidebar_menu .color_27.opened {
  background: #1b58b8 !important; }

#sidebar_menu .color_27 ul {
  background-color: #1b58b8; }

#sidebar_menu .color_light {
  background: none !important; }

#sidebar_menu .color_light a img {
  background: #fff; }

#sidebar_menu .color_light.active, #sidebar_menu .color_light a:hover, #sidebar_menu .color_light.opened {
  background: #fff !important; }

#sidebar_menu .color_light ul {
  background-color: #fff; }

.text_color_0 {
  color: #6a6a6a !important; }

.text_color_1 {
  color: #f5b401 !important; }

.text_color_2 {
  color: #78ba00 !important; }

.text_color_3 {
  color: #2572eb !important; }

.text_color_4 {
  color: #ad103c !important; }

.text_color_5 {
  color: #643001 !important; }

.text_color_6 {
  color: #af1d00 !important; }

.text_color_7 {
  color: #c1004f !important; }

.text_color_8 {
  color: #7301ad !important; }

.text_color_9 {
  color: #4516b3 !important; }

.text_color_10 {
  color: #006ac1 !important; }

.text_color_11 {
  color: #008287 !important; }

.text_color_12 {
  color: #189800 !important; }

.text_color_13 {
  color: #00c13f !important; }

.text_color_14 {
  color: #fe971c !important; }

.text_color_15 {
  color: #ff2e12 !important; }

.text_color_16 {
  color: #ff1d77 !important; }

.text_color_17 {
  color: #a93ffe !important; }

.text_color_18 {
  color: #1faeff !important; }

.text_color_19 {
  color: #56c5ff !important; }

.text_color_20 {
  color: #00d8cc !important; }

.text_color_21 {
  color: #90d000 !important; }

.text_color_22 {
  color: #e0b600 !important; }

.text_color_23 {
  color: #ff77bd !important; }

.text_color_24 {
  color: #01a5a5 !important; }

.text_color_25 {
  color: #d74f2a !important; }

.text_color_26 {
  color: #05869a !important; }

.text_color_27 {
  color: #1b58b8 !important; }

.text_color_dark {
  color: #000 !important;
  opacity: 0.5; }

.text_color_light {
  color: #fff !important;
  opacity: 0.7; }

h1, h2, h3, h4, h5, h6 {
  color: #3e3e3e;
  vertical-align: baseline;
  font-weight: 300;
  margin: 0; }

.center {
  text-align: center; }

.spacer {
  margin-top: 20px; }

.spacer-title {
  margin-top: 26px; }

.spacer-medium {
  margin-top: 15px; }

.spacer-small {
  margin-top: 10px; }

.spacer-big {
  margin-top: 40px; }

.height_xbig {
  height: 350px; }

.height_big {
  height: 290px; }

.height_medium {
  height: 135px; }

.height_medium2 {
  height: 110px; }

.height_small {
  height: 67.5px; }

.right_offset {
  padding-right: 15px; }

.left_offset {
  padding-left: 15px; }

.stick {
  position: absolute; }
  .stick.bottom {
    bottom: 0; }
  .stick.left {
    left: 0; }
  .stick.top {
    top: 0; }
  .stick.right {
    right: 0; }

.mb5 {
  margin-bottom: 5px; }

.mb10 {
  margin-bottom: 10px; }

.mb15 {
  margin-bottom: 15px; }

.mt5 {
  margin-top: 5px; }

.mt10 {
  margin-top: 10px; }

.mt15 {
  margin-top: 15px; }

i.medium {
  font-size: 1.6em; }

i.big {
  font-size: 2em; }

i.xxbig {
  font-size: 6em; }

.blue {
  color: #5e96ea; }

.red {
  color: #cb4b4b; }

.green {
  color: #4da74d; }

.yellow {
  color: #edc240; }

.big_icon a {
  width: 100%;
  float: left;
  text-align: center;
  margin-top: 21px; }

.background_changer {
  position: absolute;
  height: 75px; }
  .background_changer .change_color {
    display: none;
    position: absolute;
    left: -999px;
    bottom: -999px; }
  .background_changer ul {
    width: 390px;
    margin: 0;
    padding: 5px;
    min-width: auto;
    border-radius: 3px;
    -webkit-box-shadow: none;
            box-shadow: none;
    border: 0;
    background-color: transparent; }
    .background_changer ul li {
      float: left;
      width: 7.69%;
      margin: 0;
      padding: 0;
      border: 0; }
      .background_changer ul li:last-child, .background_changer ul li:last-child a {
        border-radius: 0; }
    .background_changer ul li a {
      width: 100%;
      padding: 0;
      outline: none;
      border: 5px solid rgba(0, 0, 0, 0.5);
      float: left;
      text-indent: -9999px;
      cursor: pointer; }
      .background_changer ul li a:hover {
        background-repeat: repeat; }
      .background_changer ul li a.active {
        background-repeat: repeat; }

.change_color_outside {
  position: absolute;
  right: 0px;
  top: 0px;
  padding: 7px 8px 4px;
  cursor: pointer; }
  .change_color_outside i.paint_bucket {
    background: url(../img/paint_bucket.png?v=20201125113812);
    width: 16px;
    height: 14px;
    display: inline-block; }

.box.paint_hover .change_color_outside {
  display: none; }

.box.paint_hover:hover .change_color_outside {
  display: block; }

.gauge, #g1, #g2, #g3 {
  width: 100%;
  height: 70px;
  display: inline-block;
  margin: 0; }

.nav-list > li > a, .nav-list .nav-header {
  margin: 0; }

.no-localstorage .scrollbar {
  display: none; }

* + html #login_page {
  position: absolute;
  height: 170px;
  width: 475px;
  top: 50%;
  left: 50%;
  margin-left: -237px;
  margin-top: -85px;
  overflow: visible; }
  * + html #login_page #login span.subtitle {
    height: 45px;
    margin-bottom: 0; }

* + html.login {
  position: relative;
  background: #262626; }

* + html #sidebar * {
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }

* + html #sidebar .viewport, * + html #sidebar .viewport .overview {
  float: left;
  width: 315px; }

* + html #sidebar .overview {
  overflow: hidden; }

* + html #sidebar #sidebar_menu li, * + html #sidebar #sidebar_menu li a:hover {
  width: 315px; }

* + html #sidebar .form-search {
  overflow: hidden; }

* + html #sidebar .container {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

* + html .logo {
  float: left;
  width: 180px; }

* + html .top_right {
  width: 300px;
  display: none; }

.notifications {
  position: absolute;
  background: #4a8cf7;
  height: 14px;
  width: 13px;
  border-radius: 6px;
  color: #fff;
  font-size: 10px;
  font-weight: bold;
  line-height: 12px;
  text-align: center;
  top: 5px;
  left: 24px;
  z-index: 10;
  border: 1px solid #fff; }

.notext {
  width: 44px; }

.fieldset {
  background: #f5f5f5;
  border-top: 1px solid #e5e5e5; }
  .fieldset .title {
    line-height: 45px;
    font-weight: bold;
    margin: 0 0 18px;
    padding: 0 0 0 22px; }

.modal, .modal h1, .modal h2, .modal h3, .modal h4, .modal h5, .modal h6 {
  color: #434343; }

.table .jv {
  width: 50px;
  text-align: center; }

.table .ue {
  text-align: left; }

.table .ms {
  text-align: right; }

.table .Yy {
  width: 150px;
  text-align: left; }

.table .sort1ing {
  width: 20px !important; }

.well {
  background-color: transparent;
  border: 0;
  border-radius: 0;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start; }
  .well img {
    width: 100%;
    height: auto; }

.stats {
  color: white;
  float: left;
  font-size: 15px;
  margin: 17px 10px 0 10px;
  font-weight: normal; }
  .stats .title {
    font-weight: bold; }

.jqsfield {
  padding: 2px 5px;
  margin: 0px;
  left: -5px;
  top: -6px;
  position: relative; }

.line, .bar-old {
  display: none; }

.options_arrow {
  font-size: 13px; }
  .options_arrow a.dropdown-toggle {
    padding: 4px 4px;
    border: none;
    width: 16px;
    display: block;
    height: 17px;
    line-height: 9px;
    border-radius: 8px; }
  .options_arrow a {
    color: rgba(0, 0, 0, 0.5); }
  .options_arrow > div > a > i {
    width: 0.7em; }
  .options_arrow i {
    margin-right: 10px; }
  .options_arrow a:hover {
    text-decoration: none;
    color: #fff; }
  .options_arrow ul {
    top: 20px; }

/*Gallery*/
.thumbnails a.thumbnail, .thumbnails li {
  position: relative; }
  .thumbnails a.thumbnail .btn-group, .thumbnails li .btn-group {
    position: absolute;
    bottom: 5px;
    right: 5px;
    font-size: 22px;
    color: #fff;
    opacity: 0.5;
    z-index: 10; }
    .thumbnails a.thumbnail .btn-group a, .thumbnails li .btn-group a {
      color: #fff;
      text-decoration: none; }
    .thumbnails a.thumbnail .btn-group i, .thumbnails li .btn-group i {
      width: auto;
      padding: 0 5px; }
  .thumbnails a.thumbnail:hover .btn-group, .thumbnails li:hover .btn-group {
    opacity: 1; }

.thumbnail.small {
  padding: 1px; }

.tl {
  text-align: left; }

.tr {
  text-align: right; }

.tc {
  text-align: center; }

.tb {
  text-align: justify; }

/*Forms*/
.form-row {
  margin-top: 0px; }

.form-horizontal .form-actions {
  padding-left: 5px;
  background-color: transparent; }

.form-horizontal .control-group, .form-horizontal .control-group {
  margin: 15px 0 10px; }

.form-horizontal .help-block {
  margin-top: 0px;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.8); }

.form-horizontal input + .help-block {
  margin-top: 5px;
  line-height: 15px; }

.form-horizontal .control-label {
  text-align: right; }

.form-label {
  display: block;
  margin-bottom: .375rem;
  font-weight: 600;
  font-size: 0.875rem; }

.input-append, .input-prepend {
  position: relative;
  margin-top: 5px; }

.input-append .add-on, .input-prepend .add-on {
  height: calc(2.25rem + 2px);
  padding: 6px 8px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
  border-radius: 0 !important; }

.input-prepend .add-on.prepend {
  left: 0;
  right: auto; }

.input-prepend input {
  padding-left: 35px !important; }

.input-append .add-on {
  right: 0;
  left: auto; }

.input-append .btn, .input-prepend .btn {
  margin-top: 0px; }

.input-append .btn {
  float: none !important;
  margin-left: 0 !important; }

textarea.autogrow {
  overflow-y: hidden; }

.cursor label {
  cursor: pointer; }

.radio, .checkbox {
  line-height: 9px;
  padding-left: 0; }

.radio input[type="radio"], .checkbox input[type="checkbox"] {
  margin: 0px; }

.radio.inline, .checkbox.inline {
  line-height: 9px; }

.inline {
  display: inline-block;
  margin-right: 10px; }

.controls > .radio:first-child, .controls > .checkbox:first-child {
  padding-top: 0px; }

/*!
* Datepicker for Bootstrap
*
* Copyright 2012 Stefan Petre
* Licensed under the Apache License v2.0
* http://www.apache.org/licenses/LICENSE-2.0
*
*/
.datepicker {
  z-index: 1010 !important;
  top: 0;
  left: 0;
  padding: 4px;
  margin-top: 1px;
  border-radius: 4px;
  /*.dow {
	border-top: 1px solid #ddd !important;
	}*/ }

.datepicker:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  top: -7px;
  left: 6px; }

.datepicker:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
  position: absolute;
  top: -6px;
  left: 7px; }

.datepicker > div {
  display: none; }

.datepicker table {
  width: 100%;
  margin: 0; }

.datepicker td, .datepicker th {
  text-align: center;
  width: 20px;
  height: 20px;
  padding: 5px 10px;
  border-radius: 4px; }

.datepicker td.day:hover {
  background: #eeeeee;
  cursor: pointer; }

.datepicker td.old, .datepicker td.new {
  color: #999999; }

.datepicker td.active, .datepicker td.active:hover {
  background-color: #006dcc;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#0088cc), to(#0044cc));
  background-image: linear-gradient(top, #0088cc, #0044cc);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); }

.datepicker td.active:hover,
.datepicker td.active:hover:hover,
.datepicker td.active:active,
.datepicker td.active:hover:active,
.datepicker td.active.active,
.datepicker td.active:hover.active,
.datepicker td.active.disabled,
.datepicker td.active:hover.disabled,
.datepicker td.active[disabled],
.datepicker td.active:hover[disabled] {
  background-color: #0044cc; }

.datepicker td.active:active,
.datepicker td.active:hover:active,
.datepicker td.active.active,
.datepicker td.active:hover.active {
  background-color: #003399 \9; }

.datepicker td span {
  display: block;
  width: 47px;
  height: 54px;
  line-height: 54px;
  float: left;
  margin: 2px;
  cursor: pointer; }

.datepicker td span:hover {
  background: #eeeeee; }

.datepicker td span.active {
  background-color: #006dcc;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#0088cc), to(#0044cc));
  background-image: linear-gradient(top, #0088cc, #0044cc);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); }

.datepicker td span.active:hover,
.datepicker td span.active:active,
.datepicker td span.active.active,
.datepicker td span.active.disabled,
.datepicker td span.active[disabled] {
  background-color: #0044cc; }

.datepicker td span.active:active, .datepicker td span.active.active {
  background-color: #003399 \9; }

.datepicker td span.old {
  color: #999999; }

.datepicker th.switch {
  width: 145px; }

.datepicker thead tr:first-child th {
  cursor: pointer; }

.datepicker thead tr:first-child th:hover {
  background: #eeeeee; }

.input-append.date .add-on i, .input-prepend.date .add-on i {
  display: block;
  cursor: pointer;
  width: 16px;
  height: 16px; }

/*!
* Colorpicker for Bootstrap
*
* Copyright 2012 Stefan Petre
* Licensed under the Apache License v2.0
* http://www.apache.org/licenses/LICENSE-2.0
*
*/
html .colorpicker.dropdown-menu {
  min-width: 100px; }

.colorpicker-saturation {
  width: 170px;
  height: 170px;
  background: url(../img/saturation2.png?v=20201125113812) bottom left no-repeat;
  cursor: crosshair;
  float: left; }

.colorpicker-saturation i {
  display: block;
  height: 10px;
  width: 10px;
  border: 1px solid #000;
  border-radius: 10px;
  position: absolute;
  top: 0;
  left: 0;
  margin: -4px 0 0 -4px; }

.colorpicker-saturation i b {
  display: block;
  height: 10px;
  width: 10px;
  border: 1px solid #fff;
  border-radius: 10px; }

.colorpicker-hue, .colorpicker-alpha {
  width: 20px;
  height: 170px;
  float: left;
  cursor: row-resize;
  margin-left: 4px; }

.colorpicker-hue i, .colorpicker-alpha i {
  display: block;
  height: 1px;
  background: #000;
  border-top: 1px solid #fff;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  margin-top: -1px; }

.colorpicker-hue {
  background-image: url(../img/hue2.png?v=20201125113812); }

.colorpicker-alpha {
  background-image: url(../img/alpha2.png?v=20201125113812);
  display: none; }

.colorpicker {
  *zoom: 1;
  top: 0;
  left: 0;
  padding: 4px;
  min-width: 120px;
  margin-top: 1px;
  border-radius: 4px; }

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

.colorpicker:after {
  clear: both; }

.colorpicker:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  top: -7px;
  left: 6px; }

.colorpicker:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
  position: absolute;
  top: -6px;
  left: 7px; }

.colorpicker div {
  position: relative; }

.colorpicker.alpha {
  min-width: 140px; }

.colorpicker.alpha .colorpicker-alpha {
  display: block; }

.colorpicker-color {
  height: 10px;
  margin-top: 5px;
  float: left;
  width: 100%;
  clear: both;
  background-image: url(../img/alpha.png?v=20201125113812);
  background-position: 0 100%; }

.colorpicker-color div {
  height: 10px; }

.input-append.color .add-on i, .input-prepend.color .add-on i {
  display: block;
  cursor: pointer;
  width: 16px;
  height: 16px; }

.chart-label {
  font-size: 12px;
  text-align: center;
  background: white;
  color: black;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  padding: 2px 9px;
  -webkit-box-shadow: 0 1px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 0px rgba(0, 0, 0, 0.3);
  opacity: 0.85; }

.checker, .radio {
  position: relative; }

form.cmxform label.error {
  display: none; }

.controls input.error {
  border: 1px solid #cb4b4b; }

.controls input.valid {
  border: 1px solid #4da74d; }

label.error {
  color: rgba(255, 255, 255, 0.6);
  font-size: 13px; }

.hidden {
  display: none; }

.color1 {
  color: #efa923 !important; }

.color2 {
  color: #23cfef !important; }

.color3 {
  color: #ef2369 !important; }

.color4 {
  color: #23ef43 !important; }

.color5 {
  color: #a923ef !important; }

.color6 {
  color: #cfef23 !important; }

.color7 {
  color: #2369ef !important; }

.color8 {
  color: #ef4323 !important; }

.color9 {
  color: #23efa9 !important; }

.color10 {
  color: #ef23cf !important; }

.color11 {
  color: #69ef23 !important; }

.color12 {
  color: #4323ef !important; }

.color13 {
  color: #efa923 !important; }

.color14 {
  color: #23cfef !important; }

.color15 {
  color: #ef2369 !important; }

.color16 {
  color: #23ef43 !important; }

.color17 {
  color: #a923ef !important; }

.color18 {
  color: #cfef23 !important; }

.color19 {
  color: #2369ef !important; }

.color20 {
  color: #ef4323 !important; }

html.login {
  height: 100%; }
  html.login body {
    height: 100%; }

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
  -webkit-text-size-adjust: none;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  -webkit-font-feature-settings: "liga" 0;
  font-feature-settings: "liga" 0;
  position: relative;
  margin: 0 !important;
  padding-right: 0 !important;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  color: #3e4b5b;
  background-color: #FFF; }
  body.fixed {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden; }

a {
  text-decoration: none; }
  a:hover {
    text-decoration: none; }

legend {
  font-size: 1.4rem; }

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

.fade.in {
  opacity: 1; }

#global-loader {
  position: fixed;
  z-index: 50000;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: 0 auto;
  background-image: url(../img/loader.gif?v=20201125113812);
  background-repeat: no-repeat;
  background-position: center; }

.page {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
          justify-content: center;
  min-height: 100%; }

.messages_layout .from_user:first-child .list {
  border-top: none !important; }

.card {
  width: 100%;
  margin-bottom: 1.5rem;
  background-color: #e8eef3; }
  .card:hover {
    -webkit-box-shadow: 0 16px 26px 0 rgba(40, 40, 90, 0.09), 0 3px 6px 0 rgba(0, 0, 0, 0.065);
            box-shadow: 0 16px 26px 0 rgba(40, 40, 90, 0.09), 0 3px 6px 0 rgba(0, 0, 0, 0.065); }
  .card.card-auth .card-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .card.card-auth .card-body a.btn-info {
      margin-left: auto; }
  .card.card-notes .card-header {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start; }
    .card.card-notes .card-header .title {
      min-width: 50%; }
    .card.card-notes .card-header .title-btns {
      margin-left: auto;
      text-align: right; }
      .card.card-notes .card-header .title-btns .btn {
        display: block;
        text-align: right; }
  .card.card-member-delete .card-header {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .card .card-description .btn-mini {
    height: 24px;
    padding: 0;
    line-height: 1.2; }
    .card .card-description .btn-mini .fa {
      margin-left: 3px; }
  .card .card-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .card .card-header .title-btns {
      margin-left: auto; }
    .card .card-header h4 {
      font-size: 1.125rem; }
      .card .card-header h4 i.fa {
        margin-right: 5px; }
  .card .card-body.content {
    position: relative; }
  .card .ms-container {
    width: 100%; }
  .card .card-profile-img {
    max-width: 6rem;
    margin-bottom: 1rem;
    border: 3px solid #fff;
    border-radius: 100%;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
            box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); }
  .card .card-title {
    margin-bottom: 1.5rem;
    font-size: 1.125rem;
    line-height: 1.2;
    font-weight: 600; }

.title-btns .fa {
  width: 25px;
  text-align: left; }

.close-finance-card {
  position: absolute;
  top: -36px;
  right: 0;
  padding: 7px 20px;
  cursor: pointer; }

button.close {
  float: none; }

.avatar img {
  width: 100%;
  border-radius: 50%; }

.message-wrap .info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .message-wrap .info .name {
    color: #3e4b5b;
    font-weight: bold; }
  .message-wrap .info .author a {
    margin-left: 10px;
    color: #3e4b5b;
    opacity: 0.5; }

.message-wrap .footer {
  text-align: right; }

.dashboard-stats .card-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.table-responsive table {
  border: none; }
  .table-responsive table.table-bordered {
    border: 1px solid #dee2e6; }
  .table-responsive table th {
    border-top: none; }
  .table-responsive table th, .table-responsive table td {
    vertical-align: middle; }
  .table-responsive table a {
    color: #3e4b5b; }

.dataTable th {
  font-size: 12px; }

table.table thead th {
  vertical-align: middle; }

.delete-private-note {
  display: block; }
  .delete-private-note:hover {
    color: #000; }

.pagination ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-left: 0;
  list-style: none;
  border-radius: 3px; }
  .pagination ul li a {
    position: relative;
    display: block;
    padding: 0.5rem 0.75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #495057;
    background-color: #fff;
    border: 1px solid #dee2e6; }
  .pagination ul li:first-child a {
    margin-left: 0;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px; }
  .pagination ul li.disabled a {
    color: #ced4da;
    pointer-events: none;
    cursor: auto;
    background-color: #fff;
    border-color: #dee2e6; }

.breadcrumb {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #e8eef3; }
  .breadcrumb .divider {
    padding: 0 5px;
    color: #ccc; }
  .breadcrumb .btn .fa {
    margin-right: 5px; }
  .breadcrumb a {
    color: #1643A3; }
    .breadcrumb a.btn {
      color: #FFF; }

.alert {
  width: 100%; }

.bonusGroup .btn {
  white-space: normal;
  background-color: rgba(0, 0, 0, 0.2); }

.bonus-settings {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 20px 0; }

.tab-menu-heading {
  padding: 20px;
  border: 1px solid rgba(0, 40, 100, 0.12);
  border-bottom: 0; }

.tabs-menu ul li.active a {
  padding: 12px 20px 9px;
  border-bottom: 3px solid #0061da; }

.tabs-menu ul li a {
  padding: 10px 20px 11px; }
  .tabs-menu ul li a.active.show {
    border-bottom: 3px solid #0061da; }

.tabs-menu .divider-vertical {
  height: 40px;
  margin: 0 5px;
  border-left: 1px solid #f2f2f2;
  border-right: 1px solid rgba(0, 0, 0, 0.5); }

.tabs-menu-body {
  padding: 15px;
  border: 1px solid rgba(0, 40, 100, 0.12); }

.tasks-tabs {
  padding-bottom: 10px;
  border-bottom: 1px solid #dee2e6; }
  .tasks-tabs a {
    color: #212529;
    -webkit-transition: color 300ms;
    transition: color 300ms; }
    .tasks-tabs a:hover {
      color: #636465; }

.finance-tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .finance-tabs .nav {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .finance-tabs a {
    display: block;
    color: #212529;
    -webkit-transition: color 300ms;
    transition: color 300ms; }
    .finance-tabs a:hover {
      color: #636465; }

.navbar-inner {
  width: 100%; }
  .navbar-inner .tabs-menu {
    width: 100%;
    padding-bottom: 20px; }
    .navbar-inner .tabs-menu a {
      padding: 5px 10px; }

.common-tabs.hide {
  display: none; }

.brand {
  display: block;
  padding: 5px 20px;
  font-size: 20px;
  font-weight: 200;
  color: #777;
  text-shadow: 0 1px 0 #fff; }

.checkbox-wrap label.checkbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1.2em; }

.checkbox-wrap input[type="checkbox"] {
  margin: 2px 5px 0 0; }

.custom-switch {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: default;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0; }

.custom-switch-input {
  position: absolute;
  z-index: -1;
  opacity: 0; }

.custom-switch-indicator {
  display: inline-block;
  height: 1.25rem;
  width: 2.25rem;
  background: #e9ecef;
  border-radius: 50px;
  position: relative;
  vertical-align: bottom;
  border: 1px solid rgba(0, 40, 100, 0.12);
  -webkit-transition: .3s border-color, .3s background-color;
  transition: .3s border-color, .3s background-color; }
  .custom-switch-indicator:before {
    content: '';
    position: absolute;
    height: calc(1.25rem - 4px);
    width: calc(1.25rem - 4px);
    top: 1px;
    left: 1px;
    background: #fff;
    border-radius: 50%;
    -webkit-transition: .3s left;
    transition: .3s left;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4);
            box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); }

.toggle {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: default;
  margin: 0;
  display: inline-block;
  height: 2rem;
  width: 4rem;
  background-color: #e9ecef;
  color: #212529;
  border-radius: 50px;
  position: relative;
  vertical-align: bottom;
  border: 1px solid rgba(0, 40, 100, 0.12);
  -webkit-transition: .3s border-color, .3s background-color;
  transition: .3s border-color, .3s background-color;
  text-indent: -99999px; }
  .toggle.on {
    background: #0072ff;
    color: #FFF; }
    .toggle.on .switch {
      left: calc(2rem + 1px); }
  .toggle .switch {
    content: '';
    position: absolute;
    height: calc(2rem - 4px);
    width: calc(2rem - 4px);
    top: 1px;
    left: 1px;
    background: #fff;
    border-radius: 50%;
    -webkit-transition: .3s left;
    transition: .3s left;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4);
            box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4);
    z-index: 88; }
  .toggle .yes {
    left: 1px; }
  .toggle .no {
    left: 31px; }
  .toggle .yes, .toggle .no {
    width: 34px;
    height: 28px;
    display: block;
    position: absolute;
    top: 4px;
    text-align: center;
    font-weight: bold; }
  .toggle .yes, .toggle .no, .toggle .switch {
    -webkit-transition: all 200ms ease-out;
    transition: all 200ms ease-out; }

.controls {
  position: relative; }
  .controls .form-control {
    padding-right: 30px; }
    .controls .form-control + i.fa {
      position: absolute;
      top: 12px;
      right: 10px; }

.form-footer {
  margin-top: 2rem; }

.checkbox-right {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-weight: 700; }
  .checkbox-right .checker span {
    width: 100%; }
    .checkbox-right .checker span:before, .checkbox-right .checker span:after {
      left: auto;
      right: 0rem; }

.checkbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  line-height: 1.5; }

.checker {
  min-width: 20px; }

.checker span::before {
  position: absolute;
  top: 0.25rem;
  left: 0;
  display: block;
  width: 1rem;
  height: 1rem;
  pointer-events: none;
  content: "";
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-color: #dee2e6;
  border-radius: 3px; }

.checker span::after {
  position: absolute;
  top: 0.25rem;
  left: 0;
  display: block;
  width: 1rem;
  height: 1rem;
  content: "";
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 50% 50%; }

.checker span.checked::before {
  background-color: #0061da; }

.checker span.checked::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); }

.checker input {
  width: 20px;
  height: 20px; }

.checker input:disabled:checked ~ .checker span::before {
  background-color: rgba(70, 127, 207, 0.5); }

.checker input:disabled:indeterminate ~ .checker span::before {
  background-color: rgba(70, 127, 207, 0.5); }

.custom-file-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%; }
  .custom-file-wrap .custom-file {
    margin-right: 20px; }
    .custom-file-wrap .custom-file .filename, .custom-file-wrap .custom-file .action {
      display: none; }
  .custom-file-wrap .custom-file-label {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1;
    height: 2.375rem;
    padding: 0.375rem 0.75rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    border: 1px solid rgba(0, 40, 100, 0.12);
    border-radius: 3px; }
    .custom-file-wrap .custom-file-label::after {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      z-index: 3;
      display: block;
      height: calc(2.375rem - 1px * 2);
      padding: 0.375rem 0.75rem;
      line-height: 1.5;
      color: #495057;
      content: "Browse";
      background-color: #fbfbfc;
      border-left: 1px solid rgba(0, 40, 100, 0.12);
      border-radius: 0 3px 3px 0; }

#order-integration li {
  padding-top: 5px;
  color: #000 !important;
  font-weight: normal; }

#order-integration .checker span::before {
  background-color: #FFF; }

#order-integration .checker span.checked::before {
  background-color: #0061da; }

#footer {
  width: 100%;
  margin: 20px 0 0 0;
  padding: 5px 0;
  background: #e8eef3;
  border-top: 1px solid rgba(0, 40, 100, 0.12);
  font-size: 0.875rem;
  color: rgba(0, 0, 0, 0.6);
  text-align: center; }
  #footer p {
    color: #434343;
    margin-bottom: 0;
    font-size: 12px;
    line-height: 1; }

#back-to-top {
  color: #fff;
  position: fixed;
  bottom: 20px;
  right: 20px;
  display: none;
  text-align: center;
  border-radius: 5px;
  z-index: 10000;
  height: 50px;
  width: 50px;
  background: #0061da center no-repeat;
  -webkit-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear; }
  #back-to-top:hover {
    background: #fff;
    color: #1643A3;
    border: 2px solid #1643A3; }
  #back-to-top i {
    padding-top: 15px;
    font-size: 16px; }

div.DTTT_container {
  float: none;
  margin-left: auto; }

a.DTTT_button {
  padding: 5px 15px;
  font-size: 1.2em; }

.dataTables_wrapper.form-inline label {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start; }

.dataTables_wrapper.form-inline .form-control {
  width: 100%; }
  .dataTables_wrapper.form-inline .form-control.form-input {
    width: auto; }

.dataTables_wrapper .table a {
  display: inline-block;
  min-width: 40px;
  width: auto;
  border: none;
  color: #3e4b5b;
  -webkit-user-select: initial;
     -moz-user-select: initial;
      -ms-user-select: initial;
          user-select: initial; }
  .dataTables_wrapper .table a.btn-link {
    padding: 0; }
  .dataTables_wrapper .table a .fa {
    color: #000 !important; }

.dataTables_wrapper .table .color_1, .dataTables_wrapper .table .color_2, .dataTables_wrapper .table .color_4 {
  color: #FFF; }
  .dataTables_wrapper .table .color_1 a, .dataTables_wrapper .table .color_2 a, .dataTables_wrapper .table .color_4 a {
    color: #FFF; }

.dataTables_wrapper#promotions-datatable_wrapper table.table a {
  width: 100%;
  max-width: 500px;
  white-space: pre-line; }

.dataTables_wrapper .row.control-group.full {
  width: 100%; }

.dataTables_wrapper .pagination.row {
  width: 100%; }

.dataTables_wrapper .pagination .dataTables_paginate {
  float: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 0;
  list-style: none;
  border-radius: 0.25rem;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  .dataTables_wrapper .pagination .dataTables_paginate a {
    position: relative;
    display: block;
    padding: 0.5rem 0.75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #495057;
    background-color: #fff;
    border: 1px solid #dee2e6; }
  .dataTables_wrapper .pagination .dataTables_paginate span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }

table.table .btn-link {
  border: none; }

.dataTable td {
  padding: 0.4rem 0.2rem;
  vertical-align: middle;
  text-align: center; }

.filter-row th {
  padding: 10px 3px; }

.filter-row .controls .form-control {
  min-width: 40px;
  padding: 0.375rem 3px;
  text-align: center;
  font-size: 12px;
  height: 32px; }

.btn {
  border-radius: 30px; }
  .btn.details-row-open {
    padding: 2px 5px !important;
    line-height: 10px; }
  .btn.details-row-close {
    z-index: 9;
    padding: 0 5px !important; }

.report-filters {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end; }

#scale-table {
  margin-top: 20px; }

.slides .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .slides .controls .chosen-container {
    width: 49.8% !important; }

.input-transition {
  display: inline-block;
  vertical-align: middle; }

.container-fluid {
  max-width: 100%; }

.hidden-desktop {
  display: none !important; }

.hide {
  display: none; }

/* model width override */
.modal {
  position: fixed !important;
  left: 50%;
  max-width: 100%;
  width: 560px;
  margin-left: -280px;
  border-radius: 0.5rem;
  z-index: 9999999; }
  .modal.fade {
    -webkit-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%;
      width: 50%;
      max-height: 100% !important;
      margin: 0 auto;
      -webkit-transform: translate(-50%, 0);
              transform: translate(-50%, 0); }
    .modal.fade .modal-dialog {
      max-width: 100%;
      margin: 0 auto;
      -webkit-transform: translate(0);
              transform: translate(0); }
  .modal.bootbox .modal-body {
    position: relative;
    max-height: 600px;
    padding: 20px;
    background-color: #eceef9;
    overflow-y: auto; }
    .modal.bootbox .modal-body .modal-body .container-fluid {
      padding: 0; }
    .modal.bootbox .modal-body > .alert {
      width: auto;
      margin: 1rem; }
  .modal.bootbox .modal-header {
    background-color: #fff; }
  .modal.operators {
    max-width: 95%; }
    .modal.operators .modal-dialog {
      max-width: 100%;
      width: 100%; }
  .modal.bonusModal .modal-dialog {
    max-width: 100%;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }
  .modal.bonusModal .modal-body {
    position: relative;
    max-height: 400px;
    padding: 20px;
    overflow-y: auto; }
  .modal.bonusModal .modal-footer {
    background-color: #fff; }
  .modal.bonusModal .container-fluid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding-left: 0; }
  .modal.bonusModal .form-group {
    width: 50%;
    padding-left: 15px; }
  .modal .modal-header .close {
    margin: -1rem; }
  .modal .modal-footer {
    border-radius: 0 0 0.5rem 0.5rem;
    background-color: #e8eef3; }
  .modal .card {
    margin: 0; }
    .modal .card iframe {
      width: 100% !important; }
  .modal > .modal-dialog > .modal-content {
    height: 100%;
    overflow: auto; }

.modal-backdrop {
  z-index: 9999; }
  .modal-backdrop.fade.in {
    opacity: 0.5; }

#snapshot-reports-table tr td {
  line-height: 14px;
  border: 1px solid white; }

#snapshot-reports-table tr th {
  border: 1px solid white;
  text-align: center;
  line-height: 12px; }

.table-description-list tr td:first-child {
  text-align: right;
  font-weight: bold; }

.table-description-list tr td:first-child:after {
  content: ' :'; }

.table-description-list tr td:last-child {
  text-align: left; }

.table-description-list tr td.one-cell {
  text-align: center; }

.table-description-list tr td.one-cell:after {
  content: ''; }

button.refresh-dashboard-stats {
  height: 22px;
  width: 24px; }

.cell-date {
  width: 125px;
  text-align: center !important; }

.cell-vertical {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); }

.cell-actions {
  text-align: right !important; }

.cell-center {
  text-align: center !important; }

tr.deleted {
  color: rgba(169, 169, 169, 0.9);
  text-decoration: line-through;
  -webkit-text-decoration-color: rgba(129, 129, 129, 0.1);
          text-decoration-color: rgba(129, 129, 129, 0.1); }

.disabled[disabled='disabled'] {
  cursor: not-allowed; }

.legendLabel {
  color: white;
  text-shadow: 0 0 2px black;
  font-size: 1.2em; }

a.responsive_menu {
  display: block;
  font-size: 21px;
  float: left;
  z-index: 10;
  line-height: 15px;
  cursor: pointer; }

.wrapper {
  position: relative;
  padding-bottom: 100px;
  overflow: hidden; }

#responsive_part {
  display: none;
  width: 100%;
  margin: 15px 0 0;
  padding: 0; }
  #responsive_part .logo {
    margin: 0 0 10px 0; }
    #responsive_part .logo a {
      margin: 0; }
  #responsive_part ul.responsive {
    margin: 3px 0 0 0; }
    #responsive_part ul.responsive li {
      padding: 0px; }
      #responsive_part ul.responsive li .btn {
        padding: 7px 8px 4px;
        z-index: 999;
        position: relative; }
      #responsive_part ul.responsive li i {
        font-size: 35px; }

#header {
  width: 100%;
  padding: 20px 10px;
  display: block; }

#header .breadcrumbs {
  display: inline-block;
  margin: 0 0 -3px 15px; }
  #header .breadcrumbs ul {
    width: 100%;
    margin: 0; }
    #header .breadcrumbs ul li {
      list-style: none;
      line-height: 13px; }
      #header .breadcrumbs ul li a {
        color: #aaa5a4;
        font-size: 12px; }
      #header .breadcrumbs ul li .arrow {
        margin: 3px 8px 0 0;
        opacity: 0.5; }

#main {
  width: 100%;
  padding: 60px 0 0; }
  #main .container_top {
    background: #e94522;
    height: 50px;
    border-radius: 0;
    margin: 0;
    position: relative; }
  #main .container {
    overflow: hidden;
    background-color: transparent;
    border-radius: 0;
    -webkit-box-shadow: 0 0 0 0 #afafaf;
            box-shadow: 0 0 0 0 #afafaf; }

.app-content {
  margin: 20px 0 0 250px; }

ul.wysihtml5-toolbar {
  margin: 0;
  padding: 0;
  display: block; }

ul.wysihtml5-toolbar::after {
  clear: both;
  display: table;
  content: ""; }

ul.wysihtml5-toolbar > li {
  float: left;
  display: list-item;
  list-style: none;
  margin: 0 5px 10px 0; }

ul.wysihtml5-toolbar a[data-wysihtml5-command=bold] {
  font-weight: bold; }

ul.wysihtml5-toolbar a[data-wysihtml5-command=italic] {
  font-style: italic; }

ul.wysihtml5-toolbar a[data-wysihtml5-command=underline] {
  text-decoration: underline; }

ul.wysihtml5-toolbar a.btn.wysihtml5-command-active {
  background-image: none;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 0 0 rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 0 0 rgba(0, 0, 0, 0.05);
  background-color: #E6E6E6;
  background-color: #D9D9D9;
  outline: 0; }

ul.wysihtml5-commands-disabled .dropdown-menu {
  display: none !important; }

.wysihtml5-toolbar i {
  font-size: 14px;
  width: 14px !important;
  height: 14px; }

.simple_stats i {
  margin-bottom: 0; }
  .simple_stats i.well {
    padding: 17px; }

.simple_stats .value {
  margin: 0px 0 0 15px; }

.simple_stats .height_medium2 {
  height: 98px; }

.simple_stats .percent {
  padding-left: 2px !important; }

.icons-list {
  list-style: none; }

#fontawesome-icons i {
  color: #333;
  font-size: 20px;
  line-height: 1.5;
  vertical-align: middle; }

#fontawesome-icons li:hover {
  cursor: pointer;
  background: #ffffff;
  color: #333;
  border-radius: 5px;
  line-height: 48px; }
  #fontawesome-icons li:hover i {
    font-size: 48px;
    color: #333; }

[class^="entypo-icon-"], [class*=" entypo-icon-"] {
  vertical-align: middle;
  font-size: 36px;
  color: #333; }

.content.numbers.content {
  position: relative; }

.content.numbers .value {
  line-height: 1;
  font-weight: bold;
  letter-spacing: 2px; }

.content.numbers h1 {
  font-size: 49px; }

.content.numbers h3 {
  font-size: 28px;
  font-weight: normal !important; }

.content.numbers .percent {
  font-size: 32px; }

.content.numbers .description {
  /* text-transform:uppercase; */ }

.content.icon i, .content.icon .pictogram {
  font-size: 200px;
  width: 100%;
  float: left; }

.content.icon .description {
  position: absolute;
  left: 10px;
  bottom: 2px; }

.content .shown_left .progress {
  margin-bottom: 3px; }

.users {
  padding-bottom: 14px !important;
  margin-bottom: 0 !important; }

.users li {
  margin: 7px 0; }

.users .info {
  padding: 5px 0 8px; }

.users .progress {
  margin: 6px 0 0 0;
  display: inline-block;
  float: left; }

.users .value {
  display: inline;
  margin-left: 5px; }

.users .number {
  background: #fff;
  width: 22px;
  text-align: center;
  line-height: 22px;
  font-weight: bold; }

.users h2 {
  line-height: 0.8;
  margin: 0 0 0 9px; }

.description {
  font-size: 13px; }

.title .btn {
  margin-top: -2px; }

.chart-tooltip {
  -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 1px 3px;
          box-shadow: rgba(0, 0, 0, 0.5) 0px 1px 3px; }
  .chart-tooltip .date {
    font-size: 12px;
    color: #a5a4a4; }
  .chart-tooltip .title {
    font-size: 24px;
    font-weight: bold; }
  .chart-tooltip:before {
    position: absolute;
    bottom: -7px;
    left: 33px;
    display: inline-block;
    border-right: 9px solid transparent;
    border-top: 9px solid #CCC;
    border-left: 9px solid transparent;
    border-top-color: rgba(0, 0, 0, 0.2);
    content: ''; }
  .chart-tooltip:after {
    position: absolute;
    bottom: -6px;
    left: 34px;
    display: inline-block;
    border-right: 8px solid transparent;
    border-top: 8px solid white;
    border-left: 8px solid transparent;
    content: ''; }

.bar_stats .numbers h1 {
  font-size: 60px;
  margin-top: 0px;
  font-weight: normal !important; }

.bar_stats .numbers h2 {
  font-size: 36px;
  margin: 2px 0 5px; }

.bar_stats .content {
  background: none; }
  .bar_stats .content .simple_stats {
    margin-bottom: 1px; }
  .bar_stats .content .result {
    width: 75px !important; }
    .bar_stats .content .result img {
      margin: 15px 0 0 6px; }
    .bar_stats .content .result .description {
      width: 100%; }
  .bar_stats .content .total_clicks1, .bar_stats .content .days_left {
    border-left: 1px dashed rgba(0, 0, 0, 0.2); }
  .bar_stats .content .average_ctr, .bar_stats .content .shown_left1 {
    border-right: 1px dashed rgba(0, 0, 0, 0.2); }

#create-todo {
  position: relative; }

#create-todo input {
  font-family: inherit;
  line-height: 1.4em;
  border: 0;
  outline: none;
  padding: 6px; }

#create-todo input::-webkit-input-placeholder {
  font-style: italic; }

#create-todo span {
  position: absolute;
  z-index: 999;
  width: 170px;
  left: 50%;
  margin-left: -85px; }

#todo-list {
  margin-top: 10px; }
  #todo-list i {
    margin: 3px 0 0 0; }
  #todo-list li {
    padding: 0;
    position: relative; }
    #todo-list li:after {
      content: "\0020";
      display: block;
      height: 0;
      clear: both;
      overflow: hidden;
      visibility: hidden; }
    #todo-list li, #todo-list li.editing {
      padding: 0;
      border-bottom: 0; }
    #todo-list li .editing .display, #todo-list li .edit {
      display: none; }
    #todo-list li .editing .edit {
      display: block; }
    #todo-list li .editing input {
      font-family: inherit;
      line-height: 1.4em;
      border: 0;
      outline: none;
      padding: 6px;
      background: #fff; }
    #todo-list li .check {
      position: relative;
      top: 0;
      margin: 0;
      float: left; }
    #todo-list li div.checker {
      position: relative;
      float: left;
      margin: 13px 7px 0 10px; }
    #todo-list li .todo-text {
      padding: 12px 20px 11px 0; }
    #todo-list li .done .todo-text {
      text-decoration: line-through;
      color: #fff; }
    #todo-list li .todo-destroy {
      bottom: 20px;
      cursor: pointer;
      color: red;
      display: none;
      height: 20px;
      position: absolute;
      right: 25px;
      text-decoration: none;
      width: 20px; }
    #todo-list li li:hover .todo-destroy {
      display: block; }
    #todo-list li .todo-destroy:hover {
      background-position: 0 -20px; }

#todo-stats {
  *zoom: 1;
  margin-top: 10px;
  color: #777777; }

#todo-stats:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden; }

#todo-stats .todo-count {
  float: left; }

#todo-stats .todo-count .number {
  font-weight: bold;
  color: #333333; }

#todo-stats .todo-clear {
  float: right; }

a#clear-completed {
  color: #fff;
  text-decoration: none; }
  a#clear-completed:hover {
    color: #ebebeb; }

#instructions {
  width: 520px;
  margin: 10px auto;
  color: #777777;
  text-shadow: rgba(255, 255, 255, 0.8) 0 1px 0;
  text-align: center; }

#instructions a {
  color: #d0d0d0; }

#credits {
  color: #fff;
  text-align: left; }

/* Additional Styles */
#clear-completed {
  float: right; }

#error404 {
  width: 600px;
  height: 400px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto; }
  #error404 .container {
    padding: 5px 10px; }
  #error404 img {
    position: relative; }
  #error404 h1 {
    font-size: 60px;
    font-family: arial;
    font-weight: bold; }
  #error404 h2 {
    font-size: 36px;
    margin: 40px 0 -15px 0; }
  #error404 h3 {
    font-size: 26px; }
  #error404 .search_field {
    margin-top: 0;
    margin-bottom: 0; }
  #error404 .btn.inline {
    padding-top: 5px; }

.profile .legend {
  min-height: 65px !important; }

.container #elfinder {
  border-radius: 0;
  border: 0px solid rgba(0, 0, 0, 0.3);
  background-color: transparent;
  background-image: none;
  -o-border-image: none;
     border-image: none;
  border-style: solid;
  border-width: 1px;
  margin-bottom: 0px;
  overflow: hidden;
  -webkit-box-shadow: none;
          box-shadow: none; }

.container .elfinder .elfinder-button {
  width: auto !important;
  height: auto !important; }

.container .elfinder .elfinder-navbar {
  background-color: transparent;
  border-right: 1px solid rgba(0, 0, 0, 0.4); }

.container .elfinder .elfinder-cwd-wrapper {
  background-color: transparent; }

.container .ui-widget-header {
  position: relative;
  background-color: transparent;
  background-repeat: repeat;
  border-bottom: 1px solid rgba(0, 0, 0, 0.4);
  padding: 3px 10px; }

.container .elfinder-button-search input {
  border-radius: 3px;
  width: 198px;
  float: right;
  font-size: 14px;
  padding: 2px 5px 2px 30px;
  line-height: 17px;
  height: 2.2em;
  margin: 2px; }

.container .elfinder-button-search .ui-icon {
  background: none; }

.container .elfinder-buttonset {
  margin: 5px 4px; }

.container .ui-widget-header.ui-corner-bottom {
  border-bottom: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.4);
  border-radius: 0;
  overflow: hidden; }

.container .ui-state-default, .container .ui-widget-content .ui-state-default, .container .ui-widget-header .ui-state-default {
  color: #fff !important; }

#main_container.table_margin {
  padding-bottom: 101px; }

#main_container .o2k7Skin .mceSeparator {
  background: none; }

#main_container .o2k7Skin table.mceLayout tr.mceFirst td.mceToolbar {
  border-top: 0px;
  padding: 5px;
  border-color: transparent; }

#main_container .o2k7SkinSilver td.mceToolbar, #main_container .o2k7SkinSilver td.mceStatusbar, #main_container .o2k7SkinSilver .mceMenuItemTitle a {
  background: transparent; }

#main_container body#tinymce {
  background: transparent; }

#main_container .o2k7SkinSilver .mceExternalToolbar, #main_container .o2k7SkinSilver .mceListBox .mceText, #main_container .o2k7SkinSilver div.mceMenu, #main_container .o2k7SkinSilver table.mceLayout, #main_container .o2k7SkinSilver .mceMenuItemTitle a, #main_container .o2k7SkinSilver table.mceLayout tr.mceFirst td, #main_container .o2k7SkinSilver table.mceLayout, #main_container .o2k7SkinSilver .mceMenuItemTitle a, #main_container .o2k7SkinSilver table.mceLayout tr.mceLast td, #main_container .o2k7SkinSilver .mceIframeContainer {
  border-color: transparent; }

img[src^="http://maps.gstatic.com/"] {
  max-width: none; }

input.select-all-on-click {
  height: 20px !important;
  font-size: 14px !important;
  padding: 0 4px !important; }

#quick-search + ul.typeahead {
  min-width: 275px !important; }

.dashboard-stats .content div .description {
  line-height: 12px; }

.dashboard-stats .content div h1.value, .dashboard-stats .content div h2.value {
  font-size: 2.2em;
  line-height: 1.2em;
  margin: 0;
  padding: 0;
  display: inline-block; }

.dashboard-stats .content div .percent {
  font-size: 12px; }

@media all and (max-width: 1400px) {
  .dashboard-stats .content div h1.value, .dashboard-stats .content div h2.value {
    font-size: 1.5em;
    line-height: 1.5em; } }

.img-responsive {
  display: block;
  max-width: 100%;
  height: auto; }

.table a {
  color: #3e4b5b; }

.table .btn {
  color: #000; }

.icon {
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  background: url(../css/images/ui-icons_525d66_256x240.png?v=20201125113812) no-repeat; }
  .icon.icon-info-sign {
    background-position: -16px -144px; }
  .icon.icon-edit {
    background-position: -64px -112px; }

.modal-body .card .card-header .title {
  width: auto; }

.popover {
  max-width: 100%;
  padding: 10px; }
  .popover .popover-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding-bottom: 10px;
    font-size: 1.2rem; }
    .popover .popover-title div {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      width: 100%; }
    .popover .popover-title .fa {
      margin-left: auto; }

.badge-info {
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5; }

.chosen-container-single .chosen-single {
  padding: 7px 10px;
  border-radius: 0.25rem;
  font-size: 12px;
  line-height: 17px;
  border: 1px solid #ddd !important; }

/* daily reports */
.payment-report-list {
  width: 100%; }
  .payment-report-list .payment-method-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .payment-report-list .payment-method-header p {
      width: 25%;
      text-align: center;
      margin: 0 0 5px 0;
      font-weight: bold;
      font-size: 12px; }
  .payment-report-list .payment-method {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 13px;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    padding: 5px 0; }
    .payment-report-list .payment-method p {
      width: 25%;
      text-align: center;
      margin: 0; }
      .payment-report-list .payment-method p:first-child {
        text-align: left; }
      .payment-report-list .payment-method p small {
        color: #aaa; }
    .payment-report-list .payment-method.sum {
      background-color: rgba(255, 255, 255, 0.09); }
      .payment-report-list .payment-method.sum p {
        font-size: 14px;
        font-weight: bold; }

.customer-report-list {
  width: 100%; }
  .customer-report-list .customer-report-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .customer-report-list .customer-report-header p {
      width: 16.66666%;
      text-align: center;
      margin: 0 0 5px 0;
      font-weight: bold;
      font-size: 12px; }
  .customer-report-list .customer-report-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 13px;
    border-top: 1px solid rgba(0, 0, 0, 0.2);
    padding: 5px 0; }
    .customer-report-list .customer-report-item p {
      width: 16.66666%;
      text-align: center;
      margin: 0; }
      .customer-report-list .customer-report-item p:first-child {
        text-align: left; }
    .customer-report-list .customer-report-item.sum {
      background-color: rgba(255, 255, 255, 0.09); }
      .customer-report-list .customer-report-item.sum p {
        font-size: 14px;
        font-weight: bold; }

.summary-report-list {
  width: 100%; }
  .summary-report-list .summary-report-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .summary-report-list .summary-report-header p {
      width: 25%;
      text-align: center;
      margin: 0 0 5px 0;
      font-weight: bold;
      font-size: 12px; }
  .summary-report-list .summary-report-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 13px;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    padding: 5px 0; }
    .summary-report-list .summary-report-item p {
      width: 25%;
      text-align: center;
      margin: 0; }

.ui-dialog-titlebar-close {
  font-size: 0 !important; }

@media (max-width: 760px) {
  #headerLogo figure {
    padding: 5px !important; }
  #loginPage {
    background: #e8eef3 !important; }
  .card-profile {
    padding-bottom: 15px; }
  .login .card {
    border: none; }
    .login .card:hover {
      -webkit-box-shadow: none;
              box-shadow: none; }
  h4, .h4 {
    font-size: 1rem; }
  .modal {
    margin-left: 0;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0); }
    .modal .modal-dialog {
      margin: 0; }
    .modal .modal-header {
      padding: 0.5rem; }
      .modal .modal-header h4 {
        font-size: 1.125rem; }
    .modal .modal-footer {
      padding: 0.5rem; }
    .modal.fade.in {
      width: 90%;
      top: 5%; }
    .modal.bootbox .modal-body {
      max-height: calc(100vh - 180px); }
      .modal.bootbox .modal-body .card .card-body {
        overflow-x: scroll;
        overflow-y: hidden; } }

@media (min-width: 768px) {
  body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  #meta-tags-table tbody tr td:nth-child(4) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    #meta-tags-table tbody tr td:nth-child(4) a {
      margin: 2px 5px 0 0; }
  html, body {
    height: 100%; }
  #date-choice {
    width: 100%; }
  .card-body .form-horizontal {
    width: 100%; }
  .messages_layout {
    width: 100%; }
  #create-freebet {
    width: 100%; }
    #create-freebet .form-group .input-large {
      width: 100%; }
  #add-betconstruct-freebet-to-member-form {
    width: 100%; }
    #add-betconstruct-freebet-to-member-form .form-group .input-large {
      width: 100%; }
  #create-betconstruct-freebet {
    width: 100%; }
    #create-betconstruct-freebet .form-group .input-large {
      width: 100%; }
  #save-fs-games .form-group input {
    width: 100%; }
  #drag-and-drop-zone {
    width: 911px; }
    #drag-and-drop-zone .form-row .col-md-3 .from-group {
      margin-top: 53px; }
    #drag-and-drop-zone .form-row .col-md-3 .form-group small {
      display: block;
      margin-top: 7px; }
  #free-spins-table tbody tr td .btn-danger {
    margin: 10px; }
  #free-spins-table .btn.details-row-open {
    float: none;
    margin: 3px; }
  .container .row .col-md-12 .card .top {
            justify-content: left; }
    .container .row .col-md-12 .card .top .DTTT_button {
      height: 30px;
      margin: 10px 10px 0; }
  #admin-login-logs-datatable_length label select {
    margin-top: 9px; }
  #random-code {
    margin-left: 10px; }
  #edit-msg-datatable tbody tr td {
    padding: 5px; }
    #edit-msg-datatable tbody tr td select {
      margin: 3px; }
  #integration-group-order {
    width: 100%; }
  #update-live-chat-settings-form {
    width: 100%; }
  #integrations-datatable tbody tr td {
    padding: 7px; }
  #integrations-datatable_length label select {
    margin: 11px; }
  #endo-deposit-datatable_length label select {
    margin: 13px; }
  #update-slide-form .controls .chosen-container-single .chosen-single {
    height: 31px; }
  #tombala-livegames-draw-datatable_length label select {
    margin: 13px; }
  .card-body .row {
    width: 100%; }
  .card-body .col-md-8 .row div label {
    margin-left: 23px; }
  #order-group-integration li .row {
    color: black; }
  #integration-order {
    width: 100%; }
  #bonus-settings-datatable_length label select {
    margin: 9px; }
  #update-live-chat-mobile-settings-form {
    width: 100%; }
  .cardToTop {
    margin-top: -2200px; }
  #add-member-to-freespin-campaign {
    width: 100%; }
    #add-member-to-freespin-campaign .btn-success {
      margin: 0 0 10px 5px; }
  #create-or-update-free-spin {
    width: 100%; }
    #create-or-update-free-spin .row .col-sm-6 .btn-success {
      margin-bottom: 10px; }
    #create-or-update-free-spin .row .col-sm-6 .form-group .form-control {
      width: 100%; }
  #bonus-settings-datatable tbody tr td .btn:nth-child(1) {
    margin: 10px 10px 0 10px; }
  #bonus-settings-datatable tbody tr td .btn:nth-child(2) {
    margin: 10px; }
  #main_container .container-fluid .row .col-md-12 .card .card-body .main-signature-container {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    width: 78%; }
    #main_container .container-fluid .row .col-md-12 .card .card-body .main-signature-container .col-md-3 {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 35%;
              flex: 0 0 35%;
      max-width: 35%;
      margin-left: 5px; }
    #main_container .container-fluid .row .col-md-12 .card .card-body .main-signature-container .col-md-9 .signature-container .col-md-4 {
      max-width: 30%;
      -webkit-box-flex: 0;
          -ms-flex: 0 0 30%;
              flex: 0 0 30%; }
    #main_container .container-fluid .row .col-md-12 .card .card-body .main-signature-container .col-md-9 .signature-container .col-md-1 {
      max-width: 28%;
      -webkit-box-flex: 0;
          -ms-flex: 0 0 28%;
              flex: 0 0 28%; }
  #order-integration .ui-state-default {
    position: relative; }
    #order-integration .ui-state-default .row {
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap; }
      #order-integration .ui-state-default .row .col-md-9 .row .col-md-4 {
        max-width: 50%;
        -webkit-box-flex: 0;
            -ms-flex: 0 0 50%;
                flex: 0 0 50%; }
        #order-integration .ui-state-default .row .col-md-9 .row .col-md-4 input {
          height: 25px;
          margin: 5px 0 8px -9px;
          width: 120px; }
      #order-integration .ui-state-default .row .extra-checkbox .checkbox input {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
        left: -20px; }
      #order-integration .ui-state-default .row .checkbox-container {
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
        #order-integration .ui-state-default .row .checkbox-container .col-md-1 {
          -webkit-box-flex: 0;
              -ms-flex: 0 0 30%;
                  flex: 0 0 30%;
          max-width: 30%;
          margin: 0px 56px 0 0px; }
          #order-integration .ui-state-default .row .checkbox-container .col-md-1 .checkbox input {
            position: absolute;
            top: 50%;
            -webkit-transform: translateY(-50%);
                    transform: translateY(-50%);
            left: -120px; }
  #save-lottery-credits {
    width: 100%; }
  #update-edit-draw-methods-groups-setting-form {
    width: 100%; }
  #update-edit-deposit-methods-groups-setting-form {
    width: 100%; }
  .system_settings {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .system_settings a:last-child {
      margin-top: 10px; }
  #main_container .container .row .col-md-12 .card .top {
            justify-content: left; }
  #main_container .container .row .col-md-12 .card-profile .card-body {
    display: block; }
  .top-btn-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
            justify-content: left;
    width: 100%; }
  .signature-container {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap; }
  .card-body .table-responsive-xl #peaks-table-peak_deposits {
    width: 100%;
    text-align: center; }
  .card-body .table-responsive-xl #peaks-table-peak_draws {
    width: 100%;
    text-align: center; }
  #draw_groups_chosen .modal-body .control-group {
    overflow: scroll; }
  .col-md-12 .card-profile {
    padding-bottom: 15px; }
  .card .card-body img {
    display: block;
    margin: 10px auto; }
  .row .col-md-6 .form-row input {
    margin-left: 15px; }
  .row .col-md-6 .form-row textarea {
    margin-right: 15px; }
  #admin_working_time_range_start_hour {
    margin-top: 1px; }
  #use-gravatar {
    margin: 5px; }
  .form-row .checkbox {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 10px; }
  #random-password {
    width: 74px; }
  #member-balance-report-datatable_length label select {
    margin: 9px; }
  #promotions-table tbody tr td:nth-child(5) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  #lottery-coupons-datatable_length label select {
    margin: 9px; }
  #lottery-credits-datatable tbody tr td {
    padding: 5px; }
  #lottery-credits-datatable .btn.details-row-open {
    float: none; }
  .modal-body .card .card-body .table tbody tr td select {
    margin-left: 2px; }
  #member-discount-request tbody tr td .edit-member-discount-request {
    margin: 5px; }
  .card-header .title .btn-primary {
    margin: 5px; }
  .breadcrumb li .btn-secondary {
    margin: 7px; }
  #members-datatable tbody tr td span .icon-eye-open {
    margin-left: 3px; }
  .card-body .table-responsive-xl #member-bonuses-datatable_wrapper {
    overflow: auto; }
  #member-discount-request_length label select {
    margin-top: 9px; }
  .modal-body .row .col-md-12 .row .btn-danger {
    margin: -10px 0px 8px 6px; }
  .card-body .container-fluid .col-md-6 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 10px;
    max-width: 100%; }
  .checkbox-wrap .col-md-3 .checkbox input {
    margin: 2px 8px 0 0; }
  .btn-height {
    height: 30px; }
  #myTab {
    padding: 8px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  #poker-draw-datatable_length {
    margin-bottom: 10px; }
  #depositMethodsList .ui-sortable-handle .sorting-holder {
    top: 5px; }
  #footer {
    -ms-flex-negative: 0;
        flex-shrink: 0; }
  .form-date-inline .total-report-date-filter {
    margin-left: 117px; }
  #start-date-total-reports {
    margin: 10px 26px; }
  .card .card-header h4 i.fa {
    margin-right: 6px;
    margin-left: 8px; }
  .container-fluid {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto; }
  #admin-deposits-datatable tbody tr td .row .col-md-12 .d-flex .details-row-close {
    margin: 8px; }
  #admin-draws-datatable tbody tr td .row .col-md-12 .d-flex .details-row-close {
    margin: 8px; }
  #poker-operator-draws-deposits-datatable tbody tr td .row .col-md-12 .d-flex .details-row-close {
    margin: 8px; }
  #bg-operator-draws-deposits-datatable tbody tr td .row .col-md-12 .d-flex .details-row-close {
    margin: 8px; }
  #sevenstar-deposit-datatable_length label select {
    margin-top: 9px; }
  #betconstruct-draw-datatable_length label select {
    margin-top: 9px; }
  .dashboard-stats .card-body .container .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 10px;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    text-align: center; }
  .dataTables_wrapper .dataTables_filter label input {
    margin-left: 10px; }
  #slotegrator-draw-datatable_length label select {
    margin-top: 9px; }
  .paginate_disabled_next {
    margin-bottom: 10px; }
  .card-header .title h4 small {
    margin-left: 10px; }
  #fugaso-deposit-datatable_length select {
    margin-top: 9px; }
  #all-online-members-datatable_info {
    margin-bottom: 10px; }
  .card-description {
    margin-top: 7px; }
  .dataTables_length label {
    margin-bottom: 10px; }
    .dataTables_length label select {
      margin: 8px; }
  .to_hide_phone .dataTables_info {
    margin-left: -5px;
    text-align: center;
    margin-top: 10px; } }

@media (max-width: 560px) {
  html, body {
    height: 100%; }
  .file-box .btn-danger {
    margin-left: 10px; }
  .badge-info {
    padding: 0px; }
  .hidden-member-information .icon-eye-open:before {
    margin-left: 5px; }
  #poker-operator-deposit-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
    #poker-operator-deposit-form #poker-deposit-amount {
      width: 300px; }
    #poker-operator-deposit-form #deposit-note {
      width: 300px;
      height: 120px; }
  #taskListTable tbody tr td input {
    display: block;
    margin: 0 auto; }
  #poker-operator-undeposit-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
    #poker-operator-undeposit-form #poker-undeposit-amount {
      width: 300px; }
    #poker-operator-undeposit-form #deposit-note {
      width: 300px;
      height: 120px; }
  .topspace {
    margin-bottom: 0px; }
  .table-description-list tbody tr td {
    padding-right: 10px; }
  .position-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  #member-bankaccounts-datatable thead tr th label {
    display: block; }
  #member-ccaccounts-datatable thead tr th label {
    display: block; }
  .add-qr-cepbank-operator-to-cepbank-provider {
    margin-right: 5px; }
  #fs-game-datatable_wrapper {
    overflow: scroll; }
  .col-sm-6 .form-group:first-child {
    margin-top: 10px; }
  .check3 {
    margin-right: 5px; }
  #search {
    margin-bottom: 10px; }
  .form-group .custom-file-wrap label {
    margin-right: -11px;
    margin-bottom: -3px; }
  .form-group .custom-file-wrap #avatar {
    width: 170px; }
  .form-group .custom-file-wrap #remove-avatar {
    margin: 14px 10px 0 0; }
  #passive-bank-account-toggle-button {
    margin: 10px 0px; }
  #edit-msg-datatable tbody tr td select {
    margin-top: 5px; }
  .dataTables_wrapper .pagination .dataTables_paginate {
            justify-content: left; }
  #passive-qr-cepbank-account-toggle-button {
    margin: 10px 0px; }
  .controls .form-control {
    padding-right: 20px; }
  #passive-cepbank-account-toggle-button {
    margin: 10px 0px; }
  #banknames-table tbody tr td .edit-bankname {
    margin-left: 5px; }
  .form-group .checkbox {
    padding-right: 10px; }
  .fs-game-datatable_wrapper {
    overflow: scroll; }
  .controls #blog_category {
    min-height: auto; }
  .form-group .datetimepicker {
    margin-bottom: 10px; }
  #order-integration .ui-state-default {
    padding: 5px 0px;
    font-size: 12px; }
    #order-integration .ui-state-default .row {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap; }
      #order-integration .ui-state-default .row .col-md-4 input {
        width: 88px;
        height: 25px;
        left: -15%; }
      #order-integration .ui-state-default .row .col-md-3 {
        width: 280px; }
    #order-integration .ui-state-default .col-md-9 {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
  .checkbox-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap; }
    .checkbox-container .col-md-1 {
      left: -33px;
      top: 5px; }
  #integrations-datatable tbody tr td {
    padding: 10px; }
  .main-signature-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    font-size: 13px; }
  .signature-container {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap; }
    .signature-container .col-md-4 {
      left: -5%; }
    .signature-container .col-md-1 {
      left: -7%; }
    .signature-container .instantly-transfer {
      left: -10%; }
    .signature-container .instantly-efts {
      left: -10%; }
    .signature-container .available {
      left: -13%; }
  .form-horizontal .dropdown {
    padding: 0px;
    color: #154265;
  }
  .extra-checkbox {
    left: -35px;
    bottom: -5px; }
  .modal-body div .content {
    width: 310px;
    overflow: scroll;
    margin: 0 auto; }
    .modal-body div .content p {
      text-align: center; }
  .controls .btn-info {
    margin-top: 8px; }
  .signature-right {
    margin-left: 15px; }
  .table-responsive-xl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  #free-spins-table tbody tr td .details-row-open {
    float: none; }
  #free-spins-table tbody tr td .details-row-open:first-child {
    margin-top: 3px; }
  #integration_slug {
    margin-top: 2px; }
  .card-body .table-responsive-xl #member-bonuses-datatable_wrapper {
    overflow: auto; }
  #m_id {
    display: none; }
  .ps-container .row .col-md-12, .col-md-6 {
    margin-top: 35px; }
  #promotions-table tbody td .btn-primary:first-child {
    margin-bottom: 3px; }
  .input-append .add-on, .input-prepend .add-on {
    position: relative;
    padding: 4px 6px; }
  .add_new_slide {
    margin-left: 0px; }
  #main_page_betting_widget {
    margin-top: 2px; }
  .footer .actions {
    margin: 10px 0px; }
  .last-input-pretend {
    margin-bottom: 10px; }
  .title .btn {
    margin-left: 5px; }
  .input-block-level {
    margin-left: 5px; }
  .form-row .checkbox {
    margin-bottom: -10px; }
    .form-row .checkbox a {
      margin-left: 5px; }
  #myTab.panel-tabs li a {
    padding: 10px 20px 11px; }
  #use-gravatar {
    margin: 6px; }
  #random-password {
    margin: -6px -136px 0 -117px; }
  .btn {
    font-size: 0.8rem; }
  #select2-m_id-container {
    padding: 2px 17px; }
  .btn-group a {
    padding: 7px; }
  .card .card-header h4 i.fa {
    margin: 5px 4px 0px 7px; }
  .top .dataTables_info {
    margin-left: -1px;
    float: left;
    padding: 0 10px 4px; }
  .dataTables_wrapper .row.control-group.full {
    width: 100%;
    padding-top: 1px; }
    .dataTables_wrapper .row.control-group.full .pagination {
      margin-left: 24px; }
      .dataTables_wrapper .row.control-group.full .pagination .dataTables_paginate a {
        padding: 0.3rem 0.45rem; }
  #main {
    padding-top: 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    min-height: 100%; }
  .container-fluid {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto; }
  #footer {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto; }
  #betsolution-draw-datatable_length label select {
    padding-bottom: 1px; }
  #birthday-members-tomorrow-datatable_length label select {
    margin-left: 2px; }
  .dataTables_length label select {
    margin: 2px; }
  .breadcrumb li .btn-secondary {
    margin: 4px 0px; }
  tbody tr td .btn-secondary.disabled {
    line-height: 18px;
    font-size: 12px; }
  .delete-task-definition, .update-task-definition {
    margin: 5px; }
  #sms_provider, #betting_provider {
    padding-right: 3px; }
  .card .card-header {
    padding: 0.5em 0.75rem;
    width: 100%; }
  .card .card-body {
    padding: 0.75rem;
    margin: 2px; }
    .card .card-body a {
      margin: 2px; }
    .card .card-body .signature-right {
      margin-left: 15px; }
    .card .card-body img {
      display: block;
      margin: 0 auto; }
    .card .card-body p {
      margin-top: 16px; }
    .card .card-body h3 {
      margin-bottom: 16px; }
  .card.card-notes .card-header .title {
    width: 50%; }
  .card.card-notes .card-header .title-btns {
    width: 50%; }
    .card.card-notes .card-header .title-btns .btn {
      padding: 0;
      white-space: normal; }
  .bonusModal .modal-footer .btn {
    width: auto !important;
    max-height: 33px;
    padding: 0.375rem 0.5rem;
    font-size: 0.8rem; }
  .bonus-settings .form-group.bonusGroup {
    width: 45%;
    margin: 10px 0; }
    .bonus-settings .form-group.bonusGroup .btn {
      width: 100%;
      height: 100%; }
  #back-to-top {
    bottom: 10px;
    right: 10px;
    width: 40px;
    height: 40px; }
    #back-to-top:hover i {
      padding-top: 11px; }
    #back-to-top i {
      padding-top: 12px; }
  .finance-tabs .nav {
    -ms-flex-pack: distribute;
        justify-content: space-around;
    font-size: 13px;
    padding: 8px 3px;
    line-height: 10px; }
  .tabs-menu ul li.active a {
    padding: 2px 4px 0; }
  .tabs-menu ul li a {
    padding: 2px; }
  .form-date-inline .form-control {
    width: 49%;
    margin: 0 !important; }
  .form-date-inline .btn {
    width: 100%;
    margin: 5px 0 !important; }
  .dataTables_wrapper.form-inline .form-date-inline .form-control.form-input {
    width: 49%; }
  .popover.in {
    left: 0 !important;
    width: 100% !important; }
    .popover.in .popover-content .form-inline {
      width: 100% !important; }
      .popover.in .popover-content .form-inline .form-control {
        width: 35% !important; }
  legend {
    font-size: 1rem; }
  .modal.fade.in {
    top: 85px;
    bottom: 40px;
    width: 90%;
    margin: 0 auto; } }

@media (max-width: 480px) {
  .card .card-header.table-loader .title {
    max-width: 80%; }
  .xdsoft_datetimepicker {
    left: 0 !important;
    width: 100% !important; } }

@media (min-width: 1199px) {
  .control-group .col-md-6 .dataTables_length label select {
    margin: 11px; }
  #main_container .container-fluid .row .col-md-12 .card .card-body .main-signature-container .col-md-9 .signature-container .col-md-1 {
    max-width: 23%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 23%;
            flex: 0 0 23%; }
  #main_container .container-fluid .row .col-md-12 .card .card-body .main-signature-container .col-md-9 .signature-container .col-md-4 {
    max-width: 22%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 22%;
            flex: 0 0 22%; }
  #fs_select_member {
    margin: 2px; }
  .instantly-efts {
    right: -40px; }
  #integration_slug {
    margin: 3px; }
  #bonus-settings-datatable tbody tr td .btn:nth-child(1) {
    margin: 10px; }
  .system_settings a:last-child {
    margin-top: 0px; }
  #promotions-table tbody tr td:nth-child(5) {
    -ms-flex-pack: distribute;
        justify-content: space-around; }
  #main_container .container .row .col-md-12 .card .card-body {
    -ms-flex-pack: distribute;
        justify-content: space-around; }
  #xprogaming-draw-datatable_length label select {
    margin: 13px; }
  #integration-group-order .form-group .controls .btn-info {
    margin-top: 10px; }
  #lucky-deposit-datatable_length label select {
    margin: 13px; }
  #bingoboom-deposit-datatable_length label select {
    margin: 13px; }
  #tvbet-deposit-datatable_length label select {
    margin: 13px; }
  #peaks-table-balance_length label select {
    margin: 13px; }
  #member-send-message-form .card-body .form-group .btn-primary {
    margin: 15px; }
  .table.table-bordered.table-striped.full.dataTable td a.btn.btn-primary,
  .table.table-striped.table-bordered.dataTable td a.btn.btn-primary {
    margin: 3px; }
  #order-integration .ui-state-default .row .checkbox-container .col-md-1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 30%;
            flex: 0 0 30%;
    max-width: 30%;
    margin: 0px 80px 0 0px; }
  #order-integration .ui-state-default .row .checkbox-container .col-md-1 .checkbox input {
    left: -220px; }
  #order-integration .ui-state-default .row .extra-checkbox .checkbox input {
    left: -170px; } }

@media (min-width: 1439px) {
  #order-integration .ui-state-default .row .extra-checkbox .checkbox input {
    left: -92px; }
  #main_container .container-fluid .row .col-md-12 .card .card-body .main-signature-container .col-md-9 .signature-container .col-md-1 {
    max-width: 25%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%; }
  #order-integration .ui-state-default .row .checkbox-container .col-md-1 .checkbox input {
    left: -220px; } }

@media (min-width: 1919px) {
  #order-integration .ui-state-default .row .extra-checkbox .checkbox input {
    left: -139px; }
  #main_container .container-fluid .row .col-md-12 .card .card-body .main-signature-container .col-md-9 .signature-container .col-md-1 {
    max-width: 19%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 19%;
            flex: 0 0 19%; }
  #order-integration .ui-state-default .row .checkbox-container .col-md-1 .checkbox input {
    left: -323px; } }

@media (min-width: 1400px) {
  .container {
    max-width: 100%; } }

.dm-uploader {
  cursor: default;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .dm-uploader .btn {
    position: relative;
    overflow: hidden; }
    .dm-uploader .btn input[type="file"] {
      position: absolute;
      top: 0;
      right: 0;
      margin: 0;
      border: solid transparent;
      width: 100%;
      opacity: 0;
      cursor: pointer;
      color: red; }

@media screen and (max-width: 576px) {
  #assign-cepbank-request-to-an-operator-588 .modal-dialog .modal-content {
    -webkit-transform: translateZ(15px) !important;
            transform: translateZ(15px) !important;
    z-index: 99999999 !important;
    opacity: .99 !important;
    position: relative; }
  .modal-backdrop.fade.in {
    -webkit-transform: translateZ(1px) !important;
            transform: translateZ(1px) !important;
    z-index: 6666 !important;
    position: relative; }
  .modal.bootbox {
    -webkit-transform: translateZ(50px) !important;
            transform: translateZ(50px) !important;
    z-index: 999999999 !important;
    position: relative;
    left: 0; }
  #sidebar {
    z-index: 1025; } }

.btn-primary,
.btn-success,
.btn-info,
.btn-danger {
  color: #fff !important; }

.tail-select.no-classes.multiple {
  min-width: 135px; }
  .tail-select.no-classes.multiple .select-label {
    font-size: 12px;
    font-weight: 100;
    line-height: 20px;
    -webkit-box-shadow: none;
            box-shadow: none;
    border: 1px solid rgba(0, 0, 0, 0.2); }

.tail-select .select-dropdown ul li {
  font-weight: 100; }

.app.dark-mode .tail-select.no-classes.multiple .select-label {
  background-color: #3f4759;
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.3); }

.tail-select.no-classes.multiple {
  width: 100%; }

.table .btn.details-row-open {
  float: left; }

.table.table-bordered.table-striped.full.dataTable {
  width: 100% !important; }

#main_container .container.container-fluid .row .card-header h2 {
  font-size: 1rem; }
  #main_container .container.container-fluid .row .card-header h2 .toggle-editor.pull-right.btn.btn-primary {
    font-size: .8rem; }

@media screen and (max-width: 1726px) {
  .table-responsive-xl {
    width: 100%;
    overflow: auto; }
  #member-bonuses-datatable_wrapper .icon.icon-edit.fa.fa-pencil-alt,
  #member-bonuses-datatable_wrapper .icon.icon-cog.fa.fa-cog {
    background: none; }
    #member-bonuses-datatable_wrapper .icon.icon-edit.fa.fa-pencil-alt:before,
    #member-bonuses-datatable_wrapper .icon.icon-cog.fa.fa-cog:before {
      top: 23%;
      left: 45%;
      position: absolute; } }

@media screen and (max-width: 1646px) {
  .tail-select.no-classes.multiple {
    min-width: 115px; }
  .select-label {
    padding: 5px; } }

@media screen and (max-width: 561px) {
  .table-responsive-xl #member-bonuses-datatable_wrapper .icon.icon-edit.fa.fa-pencil-alt:before,
  #member-bonuses-datatable_wrapper .icon.icon-cog.fa.fa-cog:before {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }
  .card.dashboard-stats .card-description .btn.btn-mini.btn-info.refresh-dashboard-stats {
    height: 18px;
    width: 18px; }
    .card.dashboard-stats .card-description .btn.btn-mini.btn-info.refresh-dashboard-stats .fa.fa-sync {
      margin-left: 1.5px; }
  .card.dashboard-stats .card-body .col-md-2 .percent.yellow, .card.dashboard-stats .card-body .col-md-4 .percent.yellow {
    font-size: .75rem; } }

@media screen and (max-width: 386px) {
  .card.dashboard-stats .col-md-4, .card.dashboard-stats .col-md-2 {
    padding-right: 3px;
    padding-left: 3px; }
    .card.dashboard-stats .col-md-4 .percent.yellow, .card.dashboard-stats .col-md-2 .percent.yellow {
      font-size: .8rem; } }

.blog-articles-datatable .ms.no_sort.no-filter.hidden-phone.hidden-tablet .icon {
  background: none; }

.form-horizontal.ajax-form.bonus-settings .form-group.bonusGroup .btn.modal-trigger {
  font-size: 0.8rem; }

.table.table-bordered.table-striped.full.dataTable .even a[style] {
  color: #6c757d !important; }

.table.table-bordered.table-striped.full.dataTable .badge.badge-info {
  font-size: .75rem; }

.icon.icon-edit.fa.fa-pencil-alt {
  background: none !important; }

.flot-y-axis.flot-y1-axis.yAxis.y1Axis .flot-tick-label.tickLabel {
  margin-left: 5px; }

@media screen and (max-width: 700px) {
  .display.full.table-description-list tfoot tr:last-child th:first-child {
    display: none; } }

@media screen and (max-width: 1230px) {
  .col-md-6:nth-child(2) .card:nth-child(3) .card-body {
    word-wrap: break-word; }
    .col-md-6:nth-child(2) .card:nth-child(3) .card-body .btn.btn-danger.btn-small.module_on_off:nth-child(11) {
      word-wrap: break-word;
      font-size: .7rem; }
      .col-md-6:nth-child(2) .card:nth-child(3) .card-body .btn.btn-danger.btn-small.module_on_off:nth-child(11) strong {
        font-size: .7rem; } }

.dataTables_paginate.paging_full_numbers {
  cursor: pointer; }
  .dataTables_paginate.paging_full_numbers .paginate_active {
    background-color: #dee2e6 !important; }

.app.dark-mode .dataTables_wrapper .pagination .paginate_active {
  background-color: rgba(70, 127, 207, 0.06) !important;
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.12); }

@media screen and (max-width: 1094px) {
  .col-md-6:first-child .card:first-child .card-body .btn.btn-danger.btn-small.draw_deposit_on_off.ml-4:nth-child(22) {
    word-wrap: break-word;
    font-size: .7rem; }
    .col-md-6:first-child .card:first-child .card-body .btn.btn-danger.btn-small.draw_deposit_on_off.ml-4:nth-child(22) strong {
      font-size: .7rem; }
  .col-md-6:nth-child(2) .card:nth-child(3) .card-body .btn.btn-danger.btn-small.module_on_off:nth-child(11) strong {
    font-size: .55rem; } }

@media screen and (max-width: 380px) {
  .card .card-body .btn.btn-danger.btn-small.draw_deposit_on_off.ml-4,
  .card .card-body .btn.btn-danger.btn-small.module_on_off,
  .card .card-body .btn.btn-warning.btn-small.module_on_off,
  .card .card-body .btn.btn-warning.btn-small.draw_deposit_on_off.ml-4 {
    margin-left: 0 !important; }
    .card .card-body .btn.btn-danger.btn-small.draw_deposit_on_off.ml-4 strong,
    .card .card-body .btn.btn-danger.btn-small.module_on_off strong,
    .card .card-body .btn.btn-warning.btn-small.module_on_off strong,
    .card .card-body .btn.btn-warning.btn-small.draw_deposit_on_off.ml-4 strong {
      font-size: .6rem; }
  .col-md-6:first-child .card:first-child .card-body .btn.btn-danger.btn-small.draw_deposit_on_off.ml-4:nth-child(22) {
    font-size: .55rem; }
    .col-md-6:first-child .card:first-child .card-body .btn.btn-danger.btn-small.draw_deposit_on_off.ml-4:nth-child(22) strong {
      font-size: .55rem; }
  .col-md-6:nth-child(2) .card:nth-child(3) .card-body .btn.btn-danger.btn-small.module_on_off:nth-child(11) {
    font-size: .5rem; }
    .col-md-6:nth-child(2) .card:nth-child(3) .card-body .btn.btn-danger.btn-small.module_on_off:nth-child(11) strong {
      font-size: .5rem; } }

.app.dark-mode .card.dashboard-stats .card-header .title h5 span:first-child:first-child[style] {
  color: #fff !important; }

.app.dark-mode .card.dashboard-stats .card-body .percent.yellow span:first-child[style] {
  color: #fff !important; }

.app.dark-mode .card-header.table-loader .title h4 span span:nth-child(2)[style] {
  color: #fff !important; }

.app.dark-mode .table.table-bordered.table-striped.full.dataTable .even a[style] {
  color: #fff !important; }

.app.dark-mode .clear.pagination.text-center.operator-messages-pagination ul .active a {
  background-color: rgba(70, 127, 207, 0.06) !important;
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.12); }

.clear.pagination.text-center.operator-messages-pagination ul .active a {
  background-color: #dee2e6 !important; }

@media screen and (max-width: 1726px) {
  #members-datatable_wrapper #members-datatable {
    overflow: scroll; }
    #members-datatable_wrapper #members-datatable .filter-row .controls .form-control,
    #members-datatable_wrapper #members-datatable .tail-select.no-classes.multiple .select-label {
      font-size: 12px;
      min-width: 20px;
      padding: 0.3rem 2px;
      height: 32px;
      text-align: center; }
    #members-datatable_wrapper #members-datatable td, #members-datatable_wrapper #members-datatable th {
      font-size: 14px !important; }
    #members-datatable_wrapper #members-datatable .btn.btn-primary.btn-link.btn-block {
      font-size: 14px !important; } }

#sidebar {
  z-index: 1025; }

.app.dark-mode .tail-select.no-classes.multiple .select-label {
  background-color: #343b4a;
  border: 1px solid rgba(255, 255, 255, 0.2);
}
  .app.dark-mode .tail-select.no-classes.multiple .select-label::after {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDEyIDE2IiBmaWxsPSJ3aGl0ZSI+PHBhdGggZD0iTTAgNWw2IDYgNi02SDB6Ii8+PC9zdmc+\a");
    opacity: 0.75; }

.tail-select.no-classes.multiple .select-label::after {
  opacity: .65; }

.tail-select.no-classes.multiple .select-label .label-inner {
  opacity: 1; }

@media screen and (max-width: 1726px) {
  .table-responsive-xl #member-discount-request_wrapper {
    overflow: hidden; }
    .table-responsive-xl #member-discount-request_wrapper .tooltip.fade.top.in {
      font-size: .7rem !important; }
    .table-responsive-xl #member-discount-request_wrapper .btn.details-row-open.popup:hover .tooltip.fade.top.in {
      font-size: .5rem !important;
      text-align: right !important;
      padding-right: 1px !important; }
  .table-responsive-xl #member-bonuses-datatable_wrapper {
    overflow: hidden; }
    .table-responsive-xl #member-bonuses-datatable_wrapper .tooltip.fade.top.in {
      font-size: .7rem !important; } }

body.dark-mode .bootbox.modal.fade.in .modal-body {
  background-color: #3f4759;
  border-color: #fff; }

body.dark-mode .bootbox.modal.fade.in .modal-footer {
  border-color: #fff; }

.bootbox.modal.fade.in .modal-body {
  padding: 15px 15px 5px 15px;
  text-align: center;
  border: 1px solid;
  border-bottom: none;
  border-radius: 0.5rem 0.5rem 0 0;
  font-size: 1rem;
  border-color: #0069d9; }

.bootbox.modal.fade.in .modal-footer {
  border: 1px solid #fff;
  border-top: none;
  border-color: #0069d9; }
  .bootbox.modal.fade.in .modal-footer a {
    margin: 0 auto; }

.table-responsive-xl #peaks-table-peak_draws,
.table-responsive-xl #peaks-table-peak_deposits {
  float: left;
  width: 50%;
  clear: none;
  margin-bottom: 50px; }

.table-responsive-xl ~ hr {
  display: none; }

.btn-group .btn + .btn {
  margin-left: 0px !important; }

#merchant-emails-datatable .filter-row th {
  width: 30%; }

#merchant-emails-datatable .filter-row th:last-child {
  width: 4%; }

#member-lc-transactions-datatable .select-dropdown .dropdown-inner {
  max-height: 141px; }

#merchants-datatable .ms.no_sort.no-filter.hidden-phone.hidden-tablet._disabled .btn-group .btn-details {
  background-color: darkgrey; }
  #merchants-datatable .ms.no_sort.no-filter.hidden-phone.hidden-tablet._disabled .btn-group .btn-details:hover {
    background-color: grey; }
  #merchants-datatable .ms.no_sort.no-filter.hidden-phone.hidden-tablet._disabled .btn-group .btn-details i {
    color: #000; }
  #merchants-datatable .ms.no_sort.no-filter.hidden-phone.hidden-tablet._disabled .btn-group .btn-details .icon {
    background: none; }

.tail-select.no-classes.multiple .select-dropdown .dropdown-inner {
  max-height: 98px !important; }

.chosen-container.chosen-container-single .chosen-drop .chosen-results {
  max-height: 120px; }

@media screen and (min-width: 1024px) {
  .btn-height {
    height: 38px; } }

@media screen and (max-width: 2100px) {
  .table.table-bordered.table-striped.full.dataTable tr td {
    min-width: 74px; }
  #admin-deposits-datatable tr td, #admin-draws-datatable tr td, #sbtech-deposit-datatable tr td, #sbtech-draw-datatable tr td, member-klasgaming-deposits-datatable_wrapper tr td {
    min-width: 93px; }
  #member-payzwin-deposits-datatable_wrapper tr td {
    min-width: 100px; } }

form .row .col-md-6[style="padding-left: 0px;"]:nth-child(3) {
  padding-left: 15px !important; }

form .row .btn.btn-delete.btn-large.btn-block:nth-child(7) {
  margin: 25px 15px 10px; }

#headerLogo {
  margin: 0; }
  #headerLogo figure {
    display: flex;
    align-content: center;
    align-items: center;
    padding: 5px 10px;
    margin: 0; }
    #headerLogo figure img {
      max-height: 40px; }
    #headerLogo figure figcaption {
      font-size: 14px;
      display: inline-block;
      line-height: 15px;
      border-left: 1px solid #b6142f;
      padding-left: 7px;
      margin-left: 7px;
      font-weight: 900;
      color: #b6142f; }

#admins-news-feed-dashboard {
  opacity: 1 !important; }

#cepbanknames-table .btn-group > .btn:nth-child(2) {
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px; }

#settingsPage .card-body h5 {
  background-color: rgba(0, 0, 0, 0.05);
  border-radius: 30px;
  padding: 10px 20px;
  font-size: 15px;
  margin: 10px 0; }

#settingsPage .card-body .setting-switch {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 5px 15px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  border-top: 1px solid rgba(0, 0, 0, 0.05);
  position: relative; }
  #settingsPage .card-body .setting-switch label {
    margin: 0; }
  #settingsPage .card-body .setting-switch.disabled {
    pointer-events: none;
    opacity: .5; }
    #settingsPage .card-body .setting-switch.disabled:before {
      display: block;
      content: '';
      position: absolute;
      border: 3px solid #00a295;
      border-top-color: #72b8b1;
      height: 15px;
      width: 15px;
      border-radius: 10px;
      top: 50%;
      right: -3px;
      margin-top: -7px;
      -webkit-animation: loadingCircle .5s linear infinite;
              animation: loadingCircle .5s linear infinite; }

#settingsPage #update-language-form .form-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 5px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  border-top: 1px solid rgba(0, 0, 0, 0.05);
  margin: 0; }

@-webkit-keyframes loadingCircle {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0); }
  100% {
    -webkit-transform: rotate(359deg);
            transform: rotate(359deg); } }

@keyframes loadingCircle {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0); }
  100% {
    -webkit-transform: rotate(359deg);
            transform: rotate(359deg); } }

#adminGroupsPage .card label {
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-left: 25px;
  position: relative; }
  #adminGroupsPage .card label p {
    font-size: 10px;
    margin: 0; }
  #adminGroupsPage .card label input {
    position: absolute;
    left: 0;
    top: 4px;
    width: 20px; }
  #adminGroupsPage .card label.checkbox {
    margin: 0 0 10px 0; }
    #adminGroupsPage .card label.checkbox:before {
      content: '';
      left: 6px;
      border: 4px solid rgba(0, 0, 0, 0.05);
      height: 100%;
      position: absolute;
      top: 0; }

#loginPage {
  background: -webkit-gradient(linear, left top, right top, from(#103454), to(#001930));
  background: linear-gradient(90deg, #103454, #001930);
  height: 100%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  z-index: 999; }
  #loginPage > img {
    width: 100%;
    max-width: 250px;
    margin-bottom: 20px; }
  #loginPage .login-title {
    margin-bottom: 2rem; }
  #loginPage .card {
    width: 350px;
    margin: 0 auto 1.5rem;
    border-radius: 30px;
    background-color: #e8eef3;
    border: 1px solid #eee;
    color: #001930; }
    #loginPage .card .card-body #login-form > img {
      max-height: 45px;
      max-width: 80%;
      margin: 5px auto;
      display: block; }
    #loginPage .card .card-body select {
      max-width: 150px;
      border-radius: 30px;
      margin: 30px auto 0 auto;
      font-size: 13px;
      display: block; }
      #loginPage .card .card-body select:focus {
        outline: 0;
        -webkit-box-shadow: none;
                box-shadow: none; }
  #loginPage .alert {
    width: 375px;
    margin: 0 auto 1rem; }
  #loginPage .name {
    display: block;
    width: 100%;
    padding: 0px 0 12px 0;
    line-height: 34px;
    font-size: 48px; }
  #loginPage .subtitle {
    display: block;
    font-size: 18px; }
  #loginPage h1 {
    font-size: 22px;
    text-align: center;
    color: #001930; }
  #loginPage input {
    text-align: center;
    border-radius: 30px;
    font-size: 13px; }
  #loginPage a {
    outline: none; }
    #loginPage a:hover {
      text-decoration: none; }

@media all and (max-width: 479px) {
  #login_page {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100; }
  .login {
    width: 100%;
    text-align: center; }
    .login .form-horizontal .control-label {
      text-align: center; } }

@media (max-width: 400px) {
  .login .card {
    width: 100%; }
    .login .card .card-title {
      margin-bottom: 1rem; }
    .login .card .card-body.p-6 {
      padding: 1rem !important; }
    .login .card .form-footer {
      margin-top: 1rem; } }

@media (max-width: 560px) {
  #loginPage .card {
    max-width: 300px; } }

.app-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0;
  padding: 10px;
  background: #e8eef3;
  border-bottom: 1px solid rgba(0, 40, 100, 0.12);
  z-index: 9999; }

.header-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.header-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: auto; }

.logo a {
  padding: 11px 0 10px 0;
  color: #434343;
  font-size: 36px;
  line-height: 39px;
  font-weight: 300; }
  .logo a:hover {
    text-decoration: none; }

.app-sidebar__toggle {
  padding: 0 15px;
  color: #3e4b5b;
  font-size: 21px;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease; }

.languageCss {
  margin: 0 10px; }
  .languageCss .btn {
    padding: 5px 10px; }

.top-right a {
  color: #434343; }

.top-right span.name {
  font-size: 24px;
  line-height: 24px; }

.top-right span.subtitle {
  font-size: 18px; }

.top-right .dropdown.open .dropdown-menu {
  display: block;
  height: auto;
  margin-top: 10px;
  opacity: 1;
  overflow: visible; }

.top-right .dropdown .fa {
  width: 25px; }

.top-right .nav-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0; }
  .top-right .nav-link .title {
    padding: 0 10px; }

.top-right ul {
  margin: 0;
  padding: 0; }
  .top-right ul.responsive {
    display: none; }
  .top-right ul.nav > li {
    color: #434343; }
  .top-right ul > li {
    list-style: none;
    margin-left: 10px;
    line-height: 16px; }
    .top-right ul > li > ul {
      opacity: 0;
      height: 0;
      overflow: hidden;
      -webkit-transition: .2s all ease-in-out;
      transition: .2s all ease-in-out;
      margin-top: 2px;
      display: block; }
    .top-right ul > li ul[role="menu"] {
      border-top: none;
      border-radius: 3px;
      overflow: hidden; }
      .top-right ul > li ul[role="menu"] li {
        margin: 0;
        width: 100%;
        border-radius: 0;
        overflow: hidden; }
      .top-right ul > li ul[role="menu"] li:hover {
        background: #fff; }
        .top-right ul > li ul[role="menu"] li:hover a {
          padding: 10px 4px 10px 16px; }
      .top-right ul > li ul[role="menu"] li a {
        -webkit-transition: .2s all ease-out;
        transition: .2s all ease-out; }
      .top-right ul > li ul[role="menu"] li a:before {
        width: 0;
        height: 0; }
      .top-right ul > li ul[role="menu"] li a i {
        font-size: 17px;
        color: #483734; }
    .top-right ul > li ul.messages {
      right: -2px;
      left: auto;
      width: 300px; }
      .top-right ul > li ul.messages:before {
        right: 9px;
        left: auto; }
      .top-right ul > li ul.messages:after {
        right: 10px;
        left: auto; }
      .top-right ul > li ul.messages i {
        font-size: inherit;
        margin-right: 5px; }
      .top-right ul > li ul.messages .heading {
        width: 100%; }
        .top-right ul > li ul.messages .heading .title {
          font-weight: bold;
          color: #483734;
          margin: 10px 0 0 12px;
          float: left;
          font-size: 14px; }
        .top-right ul > li ul.messages .heading .link {
          float: right; }
          .top-right ul > li ul.messages .heading .link a {
            float: left;
            font-size: 13px; }
      .top-right ul > li ul.messages .container {
        margin: 0;
        padding: 0;
        width: auto;
        -webkit-box-shadow: none;
                box-shadow: none; }
      .top-right ul > li ul.messages ul {
        width: 100%;
        margin: 0; }
      .top-right ul > li ul.messages ul li {
        float: left;
        width: 100%;
        margin: 0; }
        .top-right ul > li ul.messages ul li:first-child {
          border-top: 1px solid #ccc; }
      .top-right ul > li ul.messages ul li a {
        float: left;
        width: 100%;
        height: auto;
        margin: 0;
        padding: 0; }
      .top-right ul > li ul.messages ul li .avatar {
        float: left;
        position: absolute;
        left: 0; }
        .top-right ul > li ul.messages ul li .avatar img {
          float: left;
          margin: 3px;
          padding: 0;
          border-radius: 3px; }
      .top-right ul > li ul.messages ul li .container {
        width: auto;
        padding: 0 0 3px 60px;
        -webkit-transition: .2s all ease-out;
        transition: .2s all ease-out; }
        .top-right ul > li ul.messages ul li .container:hover {
          background: #f1f1f1; }
        .top-right ul > li ul.messages ul li .container > span {
          float: left;
          color: #483734; }
        .top-right ul > li ul.messages ul li .container .name {
          font-size: 13px;
          font-weight: bold; }
        .top-right ul > li ul.messages ul li .container .message {
          color: #917c78;
          font-size: 12px;
          line-height: 22px;
          vertical-align: top;
          width: 100%; }
        .top-right ul > li ul.messages ul li .container .date {
          color: #917c78;
          font-size: 10px;
          line-height: 11px; }
      .top-right ul > li ul.messages .footer {
        float: left;
        width: 100%; }
        .top-right ul > li ul.messages .footer a {
          background: #F1F1F1;
          float: left;
          width: 100%;
          text-align: center;
          font-weight: bold;
          margin-top: 1px;
          border-top: 1px solid #ccc;
          -webkit-transition: .2s all ease-out;
          transition: .2s all ease-out;
          padding: 10px 10px 10px 20px;
          border-radius: 0 3px 3px 0; }
          .top-right ul > li ul.messages .footer a:hover {
            background: #dbdbdb;
            text-decoration: none;
            padding-right: 3px; }

.avatar {
  width: 2rem;
  height: 2rem;
  line-height: 2rem;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  text-align: center;
  color: #fff;
  font-weight: 600;
  font-size: .875rem;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }

.avatar-md {
  width: 2.5rem;
  height: 2.5rem;
  font-size: 1rem;
  line-height: normal; }

.brround {
  border-radius: 50%; }

.dropdown.open .dropdown-menu {
  display: block;
  height: auto;
  margin-top: 10px;
  opacity: 1;
  overflow: visible; }

.dropdown .dropdown-menu a {
  display: block;
  padding: 5px 10px;
  color: #434343; }

@media (max-width: 560px) {
  .app-header {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 5px 10px; }
  .header-left {
    width: 100%;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .header-right {
    width: 100%;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .logo a {
    font-size: 26px;
    padding: 0; }
  .app-sidebar__toggle {
    margin-right: -10px; }
  .languageCss {
    margin: 0; }
    .languageCss .btn {
      padding: 3px 10px;
      font-size: 0.8rem; }
  .top-right span.name {
    font-size: 18px; }
  .avatar-md {
    width: 2rem;
    height: 2rem;
    font-size: 1rem; } }

.app .app-content {
  -webkit-transition: margin-left 300ms ease;
  transition: margin-left 300ms ease; }

.app-sidebar {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  width: 250px;
  padding-top: 60px;
  background-color: #e8eef3;
  font-size: 15px;
  font-weight: 300;
  -webkit-box-shadow: 0 8px 17px rgba(0, 0, 0, 0.2);
          box-shadow: 0 8px 17px rgba(0, 0, 0, 0.2);
  -webkit-transition: left .3s ease, width .3s ease;
  transition: left .3s ease, width .3s ease;
  z-index: 99; }

.side-menu {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  margin-bottom: 0;
  padding-bottom: 20px; }
  .side-menu > .active > a {
    background: #0061da;
    color: #fff; }
  .side-menu .side-menu__content > li.active .side-menu__item {
    background: #0061da;
    border-left-color: #0061da;
    color: #fff; }
  .side-menu .side-menu__item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 12px 15px;
    font-size: 1.0em;
    text-transform: uppercase;
    font-weight: 400;
    border-left: 3px solid transparent;
    -webkit-transition: border-left-color 0.3s ease, background-color 0.3s ease;
    transition: border-left-color 0.3s ease, background-color 0.3s ease;
    color: #3e4b5b; }
    .side-menu .side-menu__item .angle {
      margin-left: auto;
      -webkit-transition: -webkit-transform 0.3s;
      transition: -webkit-transform 0.3s;
      transition: transform 0.3s;
      transition: transform 0.3s, -webkit-transform 0.3s; }
    .side-menu .side-menu__item.active, .side-menu .side-menu__item:hover, .side-menu .side-menu__item:focus {
      background: #0061da;
      border-left-color: #0061da;
      text-decoration: none;
      color: #fff; }
  .side-menu .side-menu__icon {
    width: 25px; }
  .side-menu .side-menu__label {
    min-width: 180px; }
  .side-menu .side-menu__states {
    padding: 0; }

.slide.is-expanded a {
  color: #3e4b5b; }

.slide.is-expanded [data-toggle='slide'] {
  border-left-color: #0061da;
  background: #e8ebf1;
  color: #3e4b5b; }

.slide.is-expanded .slide-menu {
  max-height: 100%; }
  .slide.is-expanded .slide-menu li a:hover {
    background: #fff; }

.slide.is-expanded .side-menu__item .angle {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg); }

.slide.active > a {
  background-color: #0061da;
  color: #fff; }

.subslide.is-expanded a {
  color: #3e4b5b; }

.subslide.is-expanded > a {
  color: #26375a;
  font-weight: 400; }

.subslide.is-expanded [data-toggle='subslide'] {
  border-left-color: #0061da;
  background: #e8ebf1;
  color: #3e4b5b; }

.subslide.is-expanded .subslide-menu {
  max-height: 100vh; }
  .subslide.is-expanded .subslide-menu li a:hover {
    background: #fff; }

.subslide.is-expanded .slide-menu__item .angle {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg); }

.slide-menu {
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height 0.3s ease;
  transition: max-height 0.3s ease;
  background: #f2f4f8; }
  .slide-menu > li.active a {
    font-weight: 400;
    color: #26375a; }

.slide-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 7px 7px 7px 30px;
  font-size: 1em;
  color: #3e4b5b; }
  .slide-item:hover {
    background-color: #fff;
    color: #3e4b5b; }
  .slide-item .fa {
    width: 20px;
    margin-right: 5px; }

.slide-menu__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 7px 7px 7px 30px;
  font-size: 1em;
  color: #3e4b5b; }
  .slide-menu__item:hover {
    background-color: #fff;
    color: #3e4b5b; }
  .slide-menu__item .angle {
    margin-left: auto;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s; }

.subslide.is-expanded .subslide-menu {
  max-height: 100vh; }

.subslide-menu {
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height 0.3s ease;
  transition: max-height 0.3s ease; }
  .subslide-menu > li.active a {
    font-weight: 400;
    color: #0061da; }

.subslide-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 7px 7px 7px 60px;
  font-size: 1em;
  color: #3e4b5b; }
  .subslide-item:hover {
    background-color: #fff;
    color: #3e4b5b; }

.search {
  padding: 10px 20px 25px;
  color: #fff; }
  .search h2 {
    line-height: 1;
    margin-bottom: 8px; }
  .search form {
    width: 100%;
    position: relative; }
    .search form .input-icon-addon {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      color: #9aa0ac;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      min-width: 2.5rem;
      pointer-events: none; }
      .search form .input-icon-addon:last-child {
        left: auto;
        right: 0; }
    .search form button.btn_search {
      border: none;
      padding: 0;
      text-indent: -9999px;
      position: absolute;
      right: 2px;
      top: 2px;
      z-index: 20; }

.icons-sprite, .menu_states #menu_state_1, .menu_states #menu_state_2, .menu_states #menu_state_3 {
  background-image: url(../css/images/icons-sbbb84c1d8b.png?v=20201125113812);
  background-repeat: no-repeat; }

.menu_states {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 20px 0;
  padding: 0 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .menu_states button {
    opacity: 0.5; }
    .menu_states button.active, .menu_states button:hover {
      opacity: 1; }
  .menu_states #menu_state_1, .menu_states #menu_state_2, .menu_states #menu_state_3 {
    height: 28px;
    width: 28px;
    text-indent: -10000px;
    background-color: #0061da;
    border: none; }
  .menu_states #menu_state_1 {
    background-position: 0 -283px; }
  .menu_states #menu_state_2 {
    background-position: 0 -311px; }
  .menu_states #menu_state_3 {
    background-position: 0 -339px; }

html.sidebar_icons .app-sidebar {
  width: 72px;
  overflow: hidden;
  -webkit-transition: .2s all ease-in-out;
  transition: .2s all ease-in-out; }
  html.sidebar_icons .app-sidebar a span, html.sidebar_icons .app-sidebar a .angle {
    display: none; }
  html.sidebar_icons .app-sidebar .search, html.sidebar_icons .app-sidebar .menu_states {
    opacity: 0;
    display: none; }
  html.sidebar_icons .app-sidebar .search {
    position: absolute;
    bottom: 52px; }
    html.sidebar_icons .app-sidebar .search h2 {
      display: none; }
  html.sidebar_icons .app-sidebar .scrollbar {
    opacity: 0; }
  html.sidebar_icons .app-sidebar:hover .scrollbar {
    opacity: 1; }

html.sidebar_icons.active .app-sidebar {
  left: 0;
  width: 250px;
  background-color: rgba(232, 238, 243, 0.9); }
  html.sidebar_icons.active .app-sidebar a span, html.sidebar_icons.active .app-sidebar a .angle {
    display: block; }
  html.sidebar_icons.active .app-sidebar .search, html.sidebar_icons.active .app-sidebar .menu_states {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    opacity: 1; }

html.sidebar_icons .noSelect {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }

html.sidebar_icons .app-content {
  margin-left: 90px; }

html.sidebar_icons .app-sidebar__overlay {
  visibility: hidden; }

html.sidebar_icons .app-sidebar {
  width: 50px;
  -webkit-transition: width 300ms ease;
  transition: width 300ms ease; }

html.sidebar_icons .app-content {
  margin-left: 50px;
  -webkit-transition: margin-left 300ms ease;
  transition: margin-left 300ms ease; }

html.sidebar_hover.active .app-sidebar {
  left: 0; }

html.sidebar_hover .noSelect {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }

html.sidebar_hover .app-sidebar {
  left: -250px;
  background-color: rgba(232, 238, 243, 0.9); }

html.sidebar_hover .app-content {
  margin-left: 0; }

#sidebar .disable {
  display: none; }

@media (min-width: 1025px) {
  .app.sidenav-toggled .app-sidebar__overlay {
    visibility: hidden; }
  .app.sidenav-toggled .app-sidebar {
    width: 50px; }
  .app.sidenav-toggled .side-menu .side-menu__label {
    position: absolute;
    top: 0;
    left: 50px;
    opacity: 0; }
  .app.sidenav-toggled .slide-menu {
    position: absolute;
    left: 50px;
    min-width: 180px;
    opacity: 0;
    visibility: hidden; }
  .app.sidenav-toggled .app-sidebar__user-name,
  .app.sidenav-toggled .app-sidebar__user-designation,
  .app.sidenav-toggled .angle {
    display: none; }
  .app.sidenav-toggled .menu_states {
    display: none; }
  .app.sidenav-toggled .app-content {
    margin-left: 50px; } }

@media (max-width: 1024px) {
  .app.sidenav-toggled .app-sidebar {
    left: 0; }
  .app .app-sidebar {
    left: -250px; }
  .app .app-content {
    margin-left: 0;
    margin-top: 20px; }
  .side-menu .side-menu__states {
    display: none; } }

@media (max-width: 560px) {
  .app-sidebar {
    padding-top: 80px; } }

.wrapper-bu {
  min-height: calc(100vh - 53px);
  color: #3e4b5b; }
  .wrapper-bu .form-horizontal {
    margin-bottom: 20px; }
  .wrapper-bu .checkbox {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .wrapper-bu .checkbox .checkbox-input {
      margin-right: 10px; }

#footer.footer-bu {
  margin-top: 0; }

@media (max-width: 560px) {
  .wrapper-bu .card-header .btn {
    margin-top: 10px; } }

.modeSwitch {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .modeSwitch .switch {
    display: block;
    margin: 0; }
  .modeSwitch span {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px; }
  .modeSwitch input {
    display: none; }
  .modeSwitch .switch-btn {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    height: 1.25rem;
    width: 2.25rem;
    background: #e9ecef;
    border-radius: 50px;
    border: 1px solid rgba(0, 40, 100, 0.12);
    -webkit-transition: .3s border-color, .3s background-color;
    transition: .3s border-color, .3s background-color; }
    .modeSwitch .switch-btn:before {
      content: '';
      position: absolute;
      height: calc(1.25rem - 4px);
      width: calc(1.25rem - 4px);
      top: 1px;
      left: 1px;
      background: #fff;
      border-radius: 50%;
      -webkit-transition: .3s left;
      transition: .3s left;
      -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4);
              box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); }
  .modeSwitch input:checked + .switch-btn {
    background-color: #343b4a; }
    .modeSwitch input:checked + .switch-btn:before {
      left: calc(1rem + 1px); }

body.dark-mode {
  background-color: #343b4a;
  color: #ced4da; }
  body.dark-mode .popover-header {
    color: #333; }
  body.dark-mode #headerLogo figcaption {
    color: #ff4060;
    border-color: #ff4060; }
  body.dark-mode h1, body.dark-mode h2, body.dark-mode h3, body.dark-mode h4, body.dark-mode h5, body.dark-mode h6, body.dark-mode pre {
    color: #ced4da; }
  body.dark-mode a {
    color: #ced4da; }
  body.dark-mode .red {
    color: #cb4b4b; }
  body.dark-mode .close {
    color: #ced4da; }
  body.dark-mode .app-header {
    background-color: #3f4759; }
  body.dark-mode .app-sidebar {
    background-color: #3f4759; }
  body.dark-mode .side-menu .side-menu__item {
    color: #ced4da; }
  body.dark-mode .slide-menu {
    background-color: #2c313e; }
  body.dark-mode .slide.is-expanded a {
    color: #ced4da; }
  body.dark-mode .slide.is-expanded [data-toggle='slide'] {
    border-left-color: #0061da;
    background: #272b38;
    color: #ced4da; }
  body.dark-mode .slide.is-expanded .slide-menu li a:hover {
    background: #3f4759; }
  body.dark-mode .subslide.is-expanded a {
    color: #ced4da; }
  body.dark-mode .subslide.is-expanded [data-toggle='subslide'] {
    border-left-color: #0061da;
    background: #272b38;
    color: #ced4da; }
  body.dark-mode .subslide.is-expanded .subslide-menu li a:hover {
    background: #3f4759; }
  body.dark-mode .dropdown .dropdown-menu {
    background-color: #3f4759; }
    body.dark-mode .dropdown .dropdown-menu a {
      color: #ced4da; }
  body.dark-mode .breadcrumb {
    background-color: #3f4759; }
  body.dark-mode .card {
    background-color: #3f4759; }
  body.dark-mode .table .color_1, body.dark-mode .table .color_2, body.dark-mode .table .color_4 {
    color: #FFF; }
  body.dark-mode .table .table {
    background-color: transparent; }
  body.dark-mode .table tr.odd {
    background-color: transparent; }
  body.dark-mode .table tr.even {
    background-color: rgba(70, 127, 207, 0.06); }
  body.dark-mode .table .btn.details-row-open {
    color: #000; }
  body.dark-mode .table a {
    color: #ced4da; }
  body.dark-mode .table-bordered th, body.dark-mode .text-wrap table th, body.dark-mode .table-bordered td, body.dark-mode .text-wrap table td {
    border: 1px solid rgba(255, 255, 255, 0.12); }
  body.dark-mode #footer {
    background-color: #3f4759; }
    body.dark-mode #footer p {
      color: #ced4da; }
  body.dark-mode .message-wrap .info .name {
    color: #ced4da; }
  body.dark-mode .message-wrap .info .author a {
    color: #ced4da; }
  body.dark-mode .modal {
    color: #ced4da; }
    body.dark-mode .modal h1, body.dark-mode .modal h2, body.dark-mode .modal h3, body.dark-mode .modal h4, body.dark-mode .modal h5, body.dark-mode .modal h6 {
      color: #ced4da; }
    body.dark-mode .modal .modal-dialog {
      background-color: #343b4a; }
    body.dark-mode .modal .modal-content {
      background-color: transparent; }
    body.dark-mode .modal .modal-header {
      background-color: transparent; }
    body.dark-mode .modal .modal-body {
      background-color: #343b4a; }
    body.dark-mode .modal .modal-footer {
      background-color: #3f4759; }
  body.dark-mode .dataTables_wrapper .table a {
    color: #ced4da; }
  body.dark-mode .dataTables_wrapper .table .color_1 a, body.dark-mode .dataTables_wrapper .table .color_2 a, body.dark-mode .dataTables_wrapper .table .color_4 a {
    color: #FFF; }
  body.dark-mode .details-row table.table tr {
    color: #ced4da !important; }
    body.dark-mode .details-row table.table tr:hover {
      color: #ced4da !important; }
  body.dark-mode .flot-text {
    color: #ced4da !important; }
  body.dark-mode .form-control {
    background-color: #343b4a;
    color: #ced4da;
    border: 1px solid rgba(255, 255, 255, 0.062); }
  body.dark-mode .chosen-container-single .chosen-single {
    background: #343b4a;
    border: 1px solid rgba(255, 255, 255, 0.062); }
  body.dark-mode .chosen-container-active.chosen-with-drop .chosen-single {
    background: #343b4a;
    -webkit-box-shadow: none;
            box-shadow: none; }
  body.dark-mode .chosen-container .chosen-drop {
    background: #343b4a;
    border: 1px solid rgba(255, 255, 255, 0.062); }
  body.dark-mode .chosen-container .chosen-results {
    color: #ced4da; }
  body.dark-mode .checker span::before {
    background-color: #343b4a; }
  body.dark-mode .checker span.checked::before {
    background-color: #0061da; }
  body.dark-mode .custom-file-wrap .custom-file-label {
    background-color: #343b4a;
    color: #ced4da; }
    body.dark-mode .custom-file-wrap .custom-file-label:after {
      background-color: #2f384a;
      color: #ced4da; }
  body.dark-mode .ms-container .ms-selectable, body.dark-mode .ms-container .ms-selection {
    background-color: #343b4a;
    color: #ced4da; }
    body.dark-mode .ms-container .ms-selectable li.ms-elem-selectable, body.dark-mode .ms-container .ms-selectable li.ms-elem-selection, body.dark-mode .ms-container .ms-selection li.ms-elem-selectable, body.dark-mode .ms-container .ms-selection li.ms-elem-selection {
      color: #ced4da; }
  body.dark-mode .card-warning h3, body.dark-mode .card-warning a, body.dark-mode .card-warning p, body.dark-mode .card-warning .checkbox {
    color: #3e4b5b; }
  body.dark-mode .btn-warning {
    color: #212529; }
  body.dark-mode .btn-danger {
    color: #FFF; }
  body.dark-mode #update-slide-form a {
    color: #ced4da !important; }
  body.dark-mode .ui-state-default, body.dark-mode .ui-widget-content .ui-state-default, body.dark-mode .ui-widget-header .ui-state-default {
    background: transparent;
    color: #ced4da; }
    body.dark-mode .ui-state-default .ui-button, body.dark-mode .ui-widget-content .ui-state-default .ui-button, body.dark-mode .ui-widget-header .ui-state-default .ui-button {
      background: #343b4a;
      color: #ced4da; }
  body.dark-mode #order-integration li {
    color: #ced4da !important; }
  body.dark-mode #order-integration .checker span::before {
    background-color: #343b4a; }
  body.dark-mode #order-integration .checker span.checked::before {
    background-color: #0061da; }
  body.dark-mode .popover {
    background-color: #3f4759; }

html.sidebar_icons.active body.dark-mode .app-sidebar, html.sidebar_hover.active body.dark-mode .app-sidebar {
  background-color: rgba(63, 71, 89, 0.9); }

@media (max-width: 767px) {
  .modeSwitch span {
    display: none; } }

@media (max-width: 560px) {
  .modeSwitch {
    position: absolute;
    top: 13px;
    right: 50px; } }