/*-- Google Font --*/
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i");
/*-- Common Style --*/
*, *::after, *::before {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

html, body, .site-wrapper {
  height: 100%;
}

body {
  background-color: #ffffff;
  font-size: 14px;
  line-height: 1.75;
  font-style: normal;
  font-weight: normal;
  visibility: visible;
  font-family: "Open Sans", sans-serif;
  color: #666666;
  position: relative;
}

body[dir="rtl"] {
  text-align: right;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Open Sans", sans-serif;
  color: #343434;
  font-weight: 600;
  margin-top: 0;
  line-height: 1.5;
}

.h1, .h2, .h3, .h4, .h5, .h6 {
  margin: 0;
  font-weight: inherit;
  line-height: 1.5;
}

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

@media only screen and (max-width: 767px) {
  h1, .h1 {
    font-size: 30px;
  }
}

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

@media only screen and (max-width: 767px) {
  h2, .h2 {
    font-size: 24px;
  }
}

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

@media only screen and (max-width: 767px) {
  h3, .h3 {
    font-size: 20px;
  }
}

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

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

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

@media only screen and (max-width: 767px) {
  .display-1 {
    font-size: 76px;
  }
}

@media only screen and (max-width: 479px) {
  .display-1 {
    font-size: 60px;
  }
}

@media only screen and (max-width: 767px) {
  .display-2 {
    font-size: 64px;
  }
}

@media only screen and (max-width: 479px) {
  .display-2 {
    font-size: 52px;
  }
}

@media only screen and (max-width: 767px) {
  .display-3 {
    font-size: 52px;
  }
}

@media only screen and (max-width: 479px) {
  .display-3 {
    font-size: 44px;
  }
}

@media only screen and (max-width: 767px) {
  .display-4 {
    font-size: 40px;
  }
}

@media only screen and (max-width: 479px) {
  .display-4 {
    font-size: 36px;
  }
}

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

a, button {
  color: inherit;
  display: inline-block;
  line-height: inherit;
  text-decoration: none;
  cursor: pointer;
}

a, button, img, input {
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

*:focus {
  outline: none !important;
}

a:focus {
  color: inherit;
  outline: none;
  text-decoration: none;
}

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

button, input[type="submit"] {
  cursor: pointer;
}

img {
  max-width: 100%;
}

/*-- Common Classes --*/
.fix {
  overflow: hidden;
}

.hidden {
  display: none;
}

.clear {
  clear: both;
}

.section, .main-wrapper {
  float: left;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 100%;
}

@media only screen and (max-width: 575px) {
  .container {
    width: 450px;
  }
}

@media only screen and (max-width: 479px) {
  .container {
    width: 300px;
  }
}

.justify-content-between > [class*="col"], .justify-content-between > [class*="col-"] {
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
}

.no-gutters {
  margin-left: 0;
  margin-right: 0;
}

.no-gutters > .col, .no-gutters > [class*="col-"] {
  padding-right: 0;
  padding-left: 0;
  margin: 0;
}

/*--  Input Placeholder --*/
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  opacity: 1;
}

input:-moz-placeholder, textarea:-moz-placeholder {
  opacity: 1;
}

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1;
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  opacity: 1;
}

/*-- Background Color, Text Color & Font Weight Classes --*/
/*Background Color*/
.bg-white {
  background-color: #ffffff !important;
}

.bg-gray {
  background-color: #f8f8f8 !important;
}

.bg-dark {
  background-color: #343434 !important;
}

.bg-primary {
  background-color: #428bfa !important;
}

.bg-secondary {
  background-color: #fb7da4 !important;
}

.bg-success {
  background-color: #29db2d !important;
}

.bg-danger {
  background-color: #fd427c !important;
}

.bg-warning {
  background-color: #ff9666 !important;
}

.bg-info {
  background-color: #17a2b8 !important;
}

/*Text Color*/
.text-white {
  color: #ffffff !important;
}

.text-body {
  color: #666666 !important;
}

.text-body-light {
  color: #999999 !important;
}

.text-heading {
  color: #343434 !important;
}

.text-primary {
  color: #428bfa !important;
}

.text-secondary {
  color: #fb7da4 !important;
}

.text-success {
  color: #29db2d !important;
}

.text-danger {
  color: #fd427c !important;
}

.text-warning {
  color: #ff9666 !important;
}

.text-info {
  color: #17a2b8 !important;
}

/*Font Weight*/
.fw-100 {
  font-weight: 100;
}

.fw-200 {
  font-weight: 200;
}

.fw-300 {
  font-weight: 300;
}

.fw-400 {
  font-weight: 400;
}

.fw-500 {
  font-weight: 500;
}

.fw-600 {
  font-weight: 600;
}

.fw-700 {
  font-weight: 700;
}

.fw-800 {
  font-weight: 800;
}

.fw-900 {
  font-weight: 900;
}

/*White Space*/
.white-space-nowrap {
  white-space: nowrap;
}

/*-- Tab Content & Pane Fix --*/
.tab-content {
  width: 100%;
}

.tab-content .tab-pane {
  display: block;
  height: 0;
  max-width: 100%;
  visibility: hidden;
  overflow: hidden;
  opacity: 0;
}

.tab-content .tab-pane.active {
  height: auto;
  visibility: visible;
  opacity: 1;
  overflow: visible;
}

/*-- Main Wrapper --*/
/*Content Body*/
.content-body {
  padding: 30px;
  margin-top: 70px;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .content-body {
    margin-top: 80px;
  }
}

@media only screen and (max-width: 767px) {
  .content-body {
    margin-top: 0;
  }
}

@media only screen and (max-width: 479px) {
  .content-body {
    padding-left: 15px;
    padding-right: 15px;
  }
}

/*Custom Scroll (Perfect Scroll)*/
.custom-scroll {
  position: relative;
  overflow: hidden;
}

.custom-scroll.ps .ps__rail-y, .custom-scroll.ps .ps__rail-x {
  background-color: transparent;
}

.custom-scroll.ps .ps__rail-y [class*="ps__thumb"], .custom-scroll.ps .ps__rail-x [class*="ps__thumb"] {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.custom-scroll.ps .ps__rail-y {
  width: 6px;
  right: 3px !important;
  left: auto !important;
}

.custom-scroll.ps .ps__rail-y .ps__thumb-y {
  width: 100%;
  right: 0;
}

.custom-scroll.ps .ps__rail-x {
  height: 6px;
  bottom: 3px;
}

.custom-scroll.ps .ps__rail-x .ps__thumb-x {
  height: 100%;
}

/*Dropdown Menu*/
.adomx-dropdown {
  position: relative;
}

.adomx-dropdown-menu {
  position: absolute;
  border-radius: 4px;
  padding: 20px 0;
  background-color: #ffffff;
  min-width: 160px;
  border: none;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  list-style: none;
  top: 0;
  left: 0;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
  display: block;
  visibility: hidden;
  opacity: 0;
  z-index: 1000;
}

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

.adomx-dropdown-menu.show {
  visibility: visible;
  opacity: 1;
  top: 100%;
}

.adomx-dropdown-menu li {
  line-height: 1;
  margin-bottom: 15px;
}

.adomx-dropdown-menu li:last-child {
  margin-bottom: 0;
}

.adomx-dropdown-menu li a {
  font-size: 14px;
  line-height: 16px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 20px;
}

.adomx-dropdown-menu li a i {
  margin-right: 10px;
  font-style: normal;
  font-size: 20px;
  line-height: 1;
}

.adomx-dropdown-menu li a i.check::before {
  content: "\f279";
  font-family: "Material-Design-Iconic-Font";
}

.adomx-dropdown-menu li a span {
  padding-right: 0;
}

.adomx-dropdown-menu li a:hover {
  color: #428bfa;
}

.adomx-dropdown-menu li span {
  font-size: 14px;
  line-height: 16px;
  display: block;
  padding: 0 20px;
}

.adomx-dropdown-menu li.checked a i.check::before {
  content: "\f26a";
}

/*Date Picker*/
.datepicker {
  padding: 10px !important;
}

.datepicker::before, .datepicker::after {
  display: none;
}

.datepicker table {
  width: 100%;
}

.datepicker table thead tr th.dow {
  line-height: 1;
  width: 35px;
  height: auto;
  font-size: 14px;
  padding: 10px 0;
}

.datepicker table thead tr th.prev, .datepicker table thead tr th.next {
  line-height: 30px;
  width: 35px;
  height: 34px;
  font-size: 16px;
  padding: 1px 0 3px;
}

.datepicker table tfoot {
  position: relative;
  height: 34px;
}

.datepicker table tfoot tr th.today {
  line-height: 1;
  display: block !important;
  height: auto;
  width: auto;
  font-size: 14px;
  padding: 10px;
  position: absolute;
  left: 0;
  top: 0;
}

.datepicker table tfoot tr th.clear {
  line-height: 1;
  display: block !important;
  height: auto;
  width: auto;
  font-size: 14px;
  padding: 10px;
  position: absolute;
  right: 0;
  top: 0;
}

.datepicker table tbody tr td {
  font-size: 14px;
  color: #666666;
}

.datepicker table tbody tr td.day.active {
  background-color: #428bfa;
}

.datepicker table tbody tr td.day.active:hover {
  background-color: #428bfa;
}

.datepicker table tbody tr td.day.today {
  background-color: #fb7da4;
  color: #ffffff !important;
}

.datepicker table tbody tr td.day.today:hover {
  background-color: #fb7da4;
  color: #ffffff !important;
}

.datepicker table tbody tr td.day.new, .datepicker table tbody tr td.day.old {
  color: #999999;
}

/*Note Editor*/
.note-editor.note-frame {
  border: 1px solid #dddddd;
}

.note-editor.note-frame .note-btn {
  border: 1px solid #dddddd;
  background-color: #ffffff;
}

/*-- Page Titles --*/
.page-heading h3 {
  line-height: 1;
  margin: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}

.page-heading h3 span {
  color: #666666;
  font-size: 14px;
  font-weight: 400;
  margin-left: 5px;
}

.page-heading-search-button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.page-heading-search-button > div {
  margin-right: 25px;
}

.page-heading-search-button > div:last-child {
  margin-right: 0;
}

.page-date-range {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

/*-- Icon Page Icon List Style --*/
.icon-list-wrap {
  border-top: 1px solid #eeeeee;
  border-left: 1px solid #eeeeee;
}

.icon-list-wrap [class*="col-"] {
  padding: 10px 15px !important;
  border-bottom: 1px solid #eeeeee;
  border-right: 1px solid #eeeeee;
}

.icon-list-wrap a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.icon-list-wrap a i, .icon-list-wrap a [class^="ti-"], .icon-list-wrap a [class*=" ti-"] {
  font-size: 16px;
  margin-right: 10px;
  color: #428bfa;
}

.icon-list-wrap a .crypto {
  font-size: 24px;
}

.icon-list-wrap a .badge {
  position: absolute;
  left: 0;
  top: -24px;
}

.icon-list-wrap a .badge::before {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(136, 183, 213, 0);
  border-width: 4px;
  margin-left: -4px;
}

.icon-list-wrap a .badge.badge-success::before {
  border-top-color: #29db2d;
}

.icon-list-wrap a .badge.badge-danger::before {
  border-top-color: #fd427c;
}

/*-- Box Style --*/
.box {
  word-wrap: break-word;
  background-color: #fafafa;
}

.box .box-head {
  padding: 20px 25px;
  border-bottom: 1px solid #f1f1f1;
}

.box .box-head .title {
  font-size: 16px;
  font-weight: 600;
  margin: 0;
}

.box .box-head p {
  margin-top: 5px;
}

.box .box-body {
  padding: 25px;
}

.box .box-foot {
  padding: 0 25px 25px;
}

/*Add & Edit Product Wrap*/
.add-edit-product-wrap {
  background-color: #fafafa;
  padding: 80px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .add-edit-product-wrap {
    padding: 80px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .add-edit-product-wrap {
    padding: 60px;
  }
}

@media only screen and (max-width: 767px) {
  .add-edit-product-wrap {
    padding: 50px;
  }
}

@media only screen and (max-width: 575px) {
  .add-edit-product-wrap {
    padding: 40px;
  }
}

@media only screen and (max-width: 479px) {
  .add-edit-product-wrap {
    padding: 30px;
  }
}

/*Add & Edit Product Form*/
.add-edit-product-form .title {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.1;
  margin-bottom: 20px;
}

.add-edit-product-form .form-help-text {
  line-height: 1.1;
  margin-bottom: 10px;
}

/*Order Details Customer Information*/
.order-details-customer-info ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.order-details-customer-info ul li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 15px;
}

.order-details-customer-info ul li:last-child {
  margin-bottom: 0;
}

.order-details-customer-info ul li span:first-child {
  width: 75px;
  margin-right: 30px;
}

.order-details-customer-info ul li span:first-child::after {
  content: ":";
  float: right;
  line-height: inherit;
}

/*Daily Sale Report*/
.daily-sale-report .tippy {
  margin-left: 10px;
}

/*----------------------------------------*/
/*  02. Elements CSS
/*----------------------------------------*/
/*--
    - Accordion
--------------------------------------*/
.accordion .card {
  border: none;
  margin-bottom: 10px;
  border-radius: 0;
}

.accordion .card:last-child {
  margin-bottom: 0;
}

.accordion .card .card-header {
  border: none;
  border-radius: 0;
  margin: 0;
  padding: 0;
}

.accordion .card .card-header h2 {
  margin: 0;
  font-size: 16px;
}

.accordion .card .card-header h2 button {
  display: block;
  background-color: transparent;
  border: none;
  font-weight: 600;
  position: relative;
  width: 100%;
  text-align: left;
  border-bottom: 1px solid #eeeeee;
  padding: 15px 20px;
}

.accordion .card .card-header h2 button.collapsed {
  border-bottom-color: transparent;
}

.accordion .card.primary .card-header h2, .accordion .card.secondary .card-header h2, .accordion .card.success .card-header h2, .accordion .card.danger .card-header h2, .accordion .card.warning .card-header h2, .accordion .card.info .card-header h2 {
  color: #ffffff;
}

.accordion .card.primary .card-header h2 button::before, .accordion .card.primary .card-header h2 button::after, .accordion .card.secondary .card-header h2 button::before, .accordion .card.secondary .card-header h2 button::after, .accordion .card.success .card-header h2 button::before, .accordion .card.success .card-header h2 button::after, .accordion .card.danger .card-header h2 button::before, .accordion .card.danger .card-header h2 button::after, .accordion .card.warning .card-header h2 button::before, .accordion .card.warning .card-header h2 button::after, .accordion .card.info .card-header h2 button::before, .accordion .card.info .card-header h2 button::after {
  background-color: #ffffff !important;
}

.accordion .card.primary .card-header {
  background-color: #428bfa !important;
  border-color: #428bfa !important;
}

.accordion .card.secondary .card-header {
  background-color: #fb7da4 !important;
  border-color: #fb7da4 !important;
}

.accordion .card.success .card-header {
  background-color: #29db2d !important;
  border-color: #29db2d !important;
}

.accordion .card.danger .card-header {
  background-color: #fd427c !important;
  border-color: #fd427c !important;
}

.accordion .card.warning .card-header {
  background-color: #ff9666 !important;
  border-color: #ff9666 !important;
}

.accordion .card.info .card-header {
  background-color: #17a2b8 !important;
  border-color: #17a2b8 !important;
}

.accordion.accordion-icon .card .card-header h2 button {
  padding-right: 25px;
}

.accordion.accordion-icon .card .card-header h2 button::before, .accordion.accordion-icon .card .card-header h2 button::after {
  content: "";
  position: absolute;
  right: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 12px;
  height: 2px;
  background-color: #666666;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.accordion.accordion-icon .card .card-header h2 button::after {
  -webkit-transform: translateY(-50%) rotate(0deg);
      -ms-transform: translateY(-50%) rotate(0deg);
          transform: translateY(-50%) rotate(0deg);
}

.accordion.accordion-icon .card .card-header h2 button.collapsed::after {
  -webkit-transform: translateY(-50%) rotate(90deg);
      -ms-transform: translateY(-50%) rotate(90deg);
          transform: translateY(-50%) rotate(90deg);
}

.accordion.primary .card .card-header h2, .accordion.secondary .card .card-header h2, .accordion.success .card .card-header h2, .accordion.danger .card .card-header h2, .accordion.warning .card .card-header h2, .accordion.info .card .card-header h2 {
  color: #ffffff;
}

.accordion.primary .card .card-header h2 button::before, .accordion.primary .card .card-header h2 button::after, .accordion.secondary .card .card-header h2 button::before, .accordion.secondary .card .card-header h2 button::after, .accordion.success .card .card-header h2 button::before, .accordion.success .card .card-header h2 button::after, .accordion.danger .card .card-header h2 button::before, .accordion.danger .card .card-header h2 button::after, .accordion.warning .card .card-header h2 button::before, .accordion.warning .card .card-header h2 button::after, .accordion.info .card .card-header h2 button::before, .accordion.info .card .card-header h2 button::after {
  background-color: #ffffff !important;
}

.accordion.primary .card .card-header {
  background-color: #428bfa;
  border-color: #428bfa;
}

.accordion.primary.accordion-border .card {
  border-color: #428bfa !important;
}

.accordion.primary.accordion-border .card .card-body {
  border-top-color: #428bfa !important;
}

.accordion.secondary .card .card-header {
  background-color: #fb7da4;
  border-color: #fb7da4;
}

.accordion.secondary.accordion-border .card {
  border-color: #fb7da4 !important;
}

.accordion.secondary.accordion-border .card .card-body {
  border-top-color: #fb7da4 !important;
}

.accordion.success .card .card-header {
  background-color: #29db2d;
  border-color: #29db2d;
}

.accordion.success.accordion-border .card {
  border-color: #29db2d !important;
}

.accordion.success.accordion-border .card .card-body {
  border-top-color: #29db2d !important;
}

.accordion.danger .card .card-header {
  background-color: #fd427c;
  border-color: #fd427c;
}

.accordion.danger.accordion-border .card {
  border-color: #fd427c !important;
}

.accordion.danger.accordion-border .card .card-body {
  border-top-color: #fd427c !important;
}

.accordion.warning .card .card-header {
  background-color: #ff9666;
  border-color: #ff9666;
}

.accordion.warning.accordion-border .card {
  border-color: #ff9666 !important;
}

.accordion.warning.accordion-border .card .card-body {
  border-top-color: #ff9666 !important;
}

.accordion.info .card .card-header {
  background-color: #17a2b8;
  border-color: #17a2b8;
}

.accordion.info.accordion-border .card {
  border-color: #17a2b8 !important;
}

.accordion.info.accordion-border .card .card-body {
  border-top-color: #17a2b8 !important;
}

/*--
    - Alert
--------------------------------------*/
.alert {
  color: #666666;
  padding: 15px 20px;
  padding-right: 45px;
  border: none;
  background-color: #eff8fe;
  position: relative;
}

.alert:last-child {
  margin-bottom: 0;
}

.alert i {
  margin-right: 5px;
}

.alert .alert-link {
  color: #428bfa;
  position: relative;
}

.alert .alert-link::before {
  position: absolute;
  left: auto;
  right: 0;
  bottom: 3px;
  height: 1px;
  width: 0;
  content: "";
  background-color: #428bfa;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.alert .alert-link:hover::before {
  width: 100%;
  left: 0;
}

.alert hr {
  border-top-color: rgba(52, 52, 52, 0.1) !important;
}

.alert .close {
  position: absolute;
  right: 15px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  border: 1px solid;
  opacity: 1;
  border-radius: 50px;
  padding: 0;
  width: 20px;
  height: 20px;
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-shadow: none;
}

.alert .close i {
  float: none;
  margin: 0;
  font-size: 13px;
  line-height: 18px;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.alert .close:hover {
  opacity: 1 !important;
}

.alert .close:hover i {
  color: #ffffff;
}

.alert.alert-sm {
  padding: 10px 15px;
}

.alert.alert-sm i {
  font-size: 14px;
  line-height: 24px;
  margin-right: 10px;
}

.alert.alert-sm p {
  font-size: 12px;
  line-height: 24px;
}

.alert.alert-lg {
  padding: 20px 30px;
}

.alert.alert-lg i {
  font-size: 24px;
  line-height: 30px;
  margin-right: 25px;
}

.alert.alert-lg p {
  font-size: 18px;
  line-height: 30px;
}

.alert.alert-lg p a::before {
  height: 2px;
}

.alert.alert-primary {
  background-color: rgba(66, 139, 250, 0.1);
}

.alert.alert-primary i {
  color: #428bfa;
}

.alert.alert-primary .alert-link {
  color: #428bfa;
}

.alert.alert-primary .alert-link::before {
  background-color: #428bfa;
}

.alert.alert-primary .close {
  border-color: #428bfa;
  color: #428bfa;
}

.alert.alert-primary .close:hover {
  background-color: #428bfa;
}

.alert.alert-secondary {
  background-color: rgba(251, 125, 164, 0.1);
}

.alert.alert-secondary i {
  color: #fb7da4;
}

.alert.alert-secondary .alert-link {
  color: #fb7da4;
}

.alert.alert-secondary .alert-link::before {
  background-color: #fb7da4;
}

.alert.alert-secondary .close {
  border-color: #fb7da4;
  color: #fb7da4;
}

.alert.alert-secondary .close:hover {
  background-color: #fb7da4;
}

.alert.alert-success {
  background-color: rgba(41, 219, 45, 0.1);
}

.alert.alert-success i {
  color: #29db2d;
}

.alert.alert-success .alert-link {
  color: #29db2d;
}

.alert.alert-success .alert-link::before {
  background-color: #29db2d;
}

.alert.alert-success .close {
  border-color: #29db2d;
  color: #29db2d;
}

.alert.alert-success .close:hover {
  background-color: #29db2d;
}

.alert.alert-danger {
  background-color: rgba(253, 66, 124, 0.1);
}

.alert.alert-danger i {
  color: #fd427c;
}

.alert.alert-danger .alert-link {
  color: #fd427c;
}

.alert.alert-danger .alert-link::before {
  background-color: #fd427c;
}

.alert.alert-danger .close {
  border-color: #fd427c;
  color: #fd427c;
}

.alert.alert-danger .close:hover {
  background-color: #fd427c;
}

.alert.alert-warning {
  background-color: rgba(255, 150, 102, 0.1);
}

.alert.alert-warning i {
  color: #ff9666;
}

.alert.alert-warning .alert-link {
  color: #ff9666;
}

.alert.alert-warning .alert-link::before {
  background-color: #ff9666;
}

.alert.alert-warning .close {
  border-color: #ff9666;
  color: #ff9666;
}

.alert.alert-warning .close:hover {
  background-color: #ff9666;
}

.alert.alert-info {
  background-color: rgba(23, 162, 184, 0.1);
}

.alert.alert-info i {
  color: #17a2b8;
}

.alert.alert-info .alert-link {
  color: #17a2b8;
}

.alert.alert-info .alert-link::before {
  background-color: #17a2b8;
}

.alert.alert-info .close {
  border-color: #17a2b8;
  color: #17a2b8;
}

.alert.alert-info .close:hover {
  background-color: #17a2b8;
}

.alert.alert-dark {
  background-color: rgba(52, 52, 52, 0.1);
}

.alert.alert-dark i {
  color: #343434;
}

.alert.alert-dark .alert-link {
  color: #343434;
}

.alert.alert-dark .alert-link::before {
  background-color: #343434;
}

.alert.alert-dark .close {
  border-color: #343434;
  color: #343434;
}

.alert.alert-dark .close:hover {
  background-color: #343434;
}

.alert.alert-solid-primary {
  background-color: #428bfa;
  color: #ffffff;
}

.alert.alert-solid-primary h1, .alert.alert-solid-primary h2, .alert.alert-solid-primary h3, .alert.alert-solid-primary h4, .alert.alert-solid-primary h5, .alert.alert-solid-primary h6 {
  color: inherit;
}

.alert.alert-solid-primary i {
  color: #ffffff;
}

.alert.alert-solid-primary .alert-link {
  color: #ffffff;
}

.alert.alert-solid-primary .alert-link::before {
  background-color: #ffffff;
}

.alert.alert-solid-primary .close {
  border-color: #ffffff;
  color: #ffffff;
}

.alert.alert-solid-primary .close:hover {
  background-color: #ffffff;
}

.alert.alert-solid-primary .close:hover i {
  color: #428bfa;
}

.alert.alert-solid-secondary {
  background-color: #fb7da4;
  color: #ffffff;
}

.alert.alert-solid-secondary h1, .alert.alert-solid-secondary h2, .alert.alert-solid-secondary h3, .alert.alert-solid-secondary h4, .alert.alert-solid-secondary h5, .alert.alert-solid-secondary h6 {
  color: inherit;
}

.alert.alert-solid-secondary i {
  color: #ffffff;
}

.alert.alert-solid-secondary .alert-link {
  color: #ffffff;
}

.alert.alert-solid-secondary .alert-link::before {
  background-color: #ffffff;
}

.alert.alert-solid-secondary .close {
  border-color: #ffffff;
  color: #ffffff;
}

.alert.alert-solid-secondary .close:hover {
  background-color: #ffffff;
}

.alert.alert-solid-secondary .close:hover i {
  color: #fb7da4;
}

.alert.alert-solid-success {
  background-color: #29db2d;
  color: #ffffff;
}

.alert.alert-solid-success h1, .alert.alert-solid-success h2, .alert.alert-solid-success h3, .alert.alert-solid-success h4, .alert.alert-solid-success h5, .alert.alert-solid-success h6 {
  color: inherit;
}

.alert.alert-solid-success i {
  color: #ffffff;
}

.alert.alert-solid-success .alert-link {
  color: #ffffff;
}

.alert.alert-solid-success .alert-link::before {
  background-color: #ffffff;
}

.alert.alert-solid-success .close {
  border-color: #ffffff;
  color: #ffffff;
}

.alert.alert-solid-success .close:hover {
  background-color: #ffffff;
}

.alert.alert-solid-success .close:hover i {
  color: #29db2d;
}

.alert.alert-solid-danger {
  background-color: #fd427c;
  color: #ffffff;
}

.alert.alert-solid-danger h1, .alert.alert-solid-danger h2, .alert.alert-solid-danger h3, .alert.alert-solid-danger h4, .alert.alert-solid-danger h5, .alert.alert-solid-danger h6 {
  color: inherit;
}

.alert.alert-solid-danger i {
  color: #ffffff;
}

.alert.alert-solid-danger .alert-link {
  color: #ffffff;
}

.alert.alert-solid-danger .alert-link::before {
  background-color: #ffffff;
}

.alert.alert-solid-danger .close {
  border-color: #ffffff;
  color: #ffffff;
}

.alert.alert-solid-danger .close:hover {
  background-color: #ffffff;
}

.alert.alert-solid-danger .close:hover i {
  color: #fd427c;
}

.alert.alert-solid-warning {
  background-color: #ff9666;
  color: #ffffff;
}

.alert.alert-solid-warning h1, .alert.alert-solid-warning h2, .alert.alert-solid-warning h3, .alert.alert-solid-warning h4, .alert.alert-solid-warning h5, .alert.alert-solid-warning h6 {
  color: inherit;
}

.alert.alert-solid-warning i {
  color: #ffffff;
}

.alert.alert-solid-warning .alert-link {
  color: #ffffff;
}

.alert.alert-solid-warning .alert-link::before {
  background-color: #ffffff;
}

.alert.alert-solid-warning .close {
  border-color: #ffffff;
  color: #ffffff;
}

.alert.alert-solid-warning .close:hover {
  background-color: #ffffff;
}

.alert.alert-solid-warning .close:hover i {
  color: #ff9666;
}

.alert.alert-solid-info {
  background-color: #17a2b8;
  color: #ffffff;
}

.alert.alert-solid-info h1, .alert.alert-solid-info h2, .alert.alert-solid-info h3, .alert.alert-solid-info h4, .alert.alert-solid-info h5, .alert.alert-solid-info h6 {
  color: inherit;
}

.alert.alert-solid-info i {
  color: #ffffff;
}

.alert.alert-solid-info .alert-link {
  color: #ffffff;
}

.alert.alert-solid-info .alert-link::before {
  background-color: #ffffff;
}

.alert.alert-solid-info .close {
  border-color: #ffffff;
  color: #ffffff;
}

.alert.alert-solid-info .close:hover {
  background-color: #ffffff;
}

.alert.alert-solid-info .close:hover i {
  color: #17a2b8;
}

.alert.alert-solid-dark {
  background-color: #343434;
  color: #ffffff;
}

.alert.alert-solid-dark h1, .alert.alert-solid-dark h2, .alert.alert-solid-dark h3, .alert.alert-solid-dark h4, .alert.alert-solid-dark h5, .alert.alert-solid-dark h6 {
  color: inherit;
}

.alert.alert-solid-dark i {
  color: #ffffff;
}

.alert.alert-solid-dark .alert-link {
  color: #ffffff;
}

.alert.alert-solid-dark .alert-link::before {
  background-color: #ffffff;
}

.alert.alert-solid-dark .close {
  border-color: #ffffff;
  color: #ffffff;
}

.alert.alert-solid-dark .close:hover {
  background-color: #ffffff;
}

.alert.alert-solid-dark .close:hover i {
  color: #343434;
}

.alert.alert-outline-primary {
  border: 1px solid #428bfa;
  color: #428bfa;
  background-color: transparent;
}

.alert.alert-outline-primary p {
  color: #666666;
}

.alert.alert-outline-primary i {
  color: #428bfa;
}

.alert.alert-outline-primary .alert-link {
  color: #428bfa;
}

.alert.alert-outline-primary .alert-link::before {
  background-color: #428bfa;
}

.alert.alert-outline-primary .close {
  border-color: #428bfa;
  color: #428bfa;
}

.alert.alert-outline-primary .close:hover {
  background-color: #428bfa;
}

.alert.alert-outline-secondary {
  border: 1px solid #fb7da4;
  color: #fb7da4;
  background-color: transparent;
}

.alert.alert-outline-secondary p {
  color: #666666;
}

.alert.alert-outline-secondary i {
  color: #fb7da4;
}

.alert.alert-outline-secondary .alert-link {
  color: #fb7da4;
}

.alert.alert-outline-secondary .alert-link::before {
  background-color: #fb7da4;
}

.alert.alert-outline-secondary .close {
  border-color: #428bfa;
  color: #428bfa;
}

.alert.alert-outline-secondary .close:hover {
  background-color: #428bfa;
}

.alert.alert-outline-success {
  border: 1px solid #29db2d;
  color: #29db2d;
  background-color: transparent;
}

.alert.alert-outline-success p {
  color: #666666;
}

.alert.alert-outline-success i {
  color: #29db2d;
}

.alert.alert-outline-success .alert-link {
  color: #29db2d;
}

.alert.alert-outline-success .alert-link::before {
  background-color: #29db2d;
}

.alert.alert-outline-success .close {
  border-color: #428bfa;
  color: #428bfa;
}

.alert.alert-outline-success .close:hover {
  background-color: #428bfa;
}

.alert.alert-outline-danger {
  border: 1px solid #fd427c;
  color: #fd427c;
  background-color: transparent;
}

.alert.alert-outline-danger p {
  color: #666666;
}

.alert.alert-outline-danger i {
  color: #fd427c;
}

.alert.alert-outline-danger .alert-link {
  color: #fd427c;
}

.alert.alert-outline-danger .alert-link::before {
  background-color: #fd427c;
}

.alert.alert-outline-danger .close {
  border-color: #428bfa;
  color: #428bfa;
}

.alert.alert-outline-danger .close:hover {
  background-color: #428bfa;
}

.alert.alert-outline-warning {
  border: 1px solid #ff9666;
  color: #ff9666;
  background-color: transparent;
}

.alert.alert-outline-warning p {
  color: #666666;
}

.alert.alert-outline-warning i {
  color: #ff9666;
}

.alert.alert-outline-warning .alert-link {
  color: #ff9666;
}

.alert.alert-outline-warning .alert-link::before {
  background-color: #ff9666;
}

.alert.alert-outline-warning .close {
  border-color: #428bfa;
  color: #428bfa;
}

.alert.alert-outline-warning .close:hover {
  background-color: #428bfa;
}

.alert.alert-outline-info {
  border: 1px solid #17a2b8;
  color: #17a2b8;
  background-color: transparent;
}

.alert.alert-outline-info p {
  color: #666666;
}

.alert.alert-outline-info i {
  color: #17a2b8;
}

.alert.alert-outline-info .alert-link {
  color: #17a2b8;
}

.alert.alert-outline-info .alert-link::before {
  background-color: #17a2b8;
}

.alert.alert-outline-info .close {
  border-color: #428bfa;
  color: #428bfa;
}

.alert.alert-outline-info .close:hover {
  background-color: #428bfa;
}

.alert.alert-outline-dark {
  border: 1px solid #343434;
  color: #343434;
  background-color: transparent;
}

.alert.alert-outline-dark p {
  color: #666666;
}

.alert.alert-outline-dark i {
  color: #343434;
}

.alert.alert-outline-dark .alert-link {
  color: #343434;
}

.alert.alert-outline-dark .alert-link::before {
  background-color: #343434;
}

.alert.alert-outline-dark .close {
  border-color: #428bfa;
  color: #428bfa;
}

.alert.alert-outline-dark .close:hover {
  background-color: #428bfa;
}

/*--
    - Avatar
--------------------------------------*/
.avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  position: relative;
  background-color: #f1f1f1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 600;
  color: #428bfa;
}

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

.avatar .status {
  position: absolute;
  right: 0;
  bottom: 2px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  display: block;
  background-color: #999999;
  -webkit-box-shadow: 0 0 0 2px #fafafa;
          box-shadow: 0 0 0 2px #fafafa;
}

.avatar.online .status {
  background-color: #29db2d;
}

.avatar.away .status {
  background-color: #ff9666;
}

.avatar.donot .status {
  background-color: #fd427c;
}

.avatar.invisible {
  visibility: visible !important;
}

.avatar.invisible .status {
  background-color: #ffffff;
  border: 1px solid #666666;
}

.avatar.avatar-xs {
  width: 26px;
  height: 26px;
  font-size: 8px;
}

.avatar.avatar-xs .status {
  width: 6px;
  height: 6px;
  bottom: 1px;
}

.avatar.avatar-sm {
  width: 34px;
  height: 34px;
  font-size: 10px;
}

.avatar.avatar-lg {
  width: 50px;
  height: 50px;
  font-size: 14px;
}

.avatar.avatar-lg .status {
  width: 10px;
  height: 10px;
}

.avatar.avatar-xl {
  width: 65px;
  height: 65px;
  font-size: 18px;
}

.avatar.avatar-xl .status {
  width: 12px;
  height: 12px;
  bottom: 2px;
  right: 1px;
}

.avatar.avatar-xxl {
  width: 90px;
  height: 90px;
  font-size: 24px;
}

.avatar.avatar-xxl .status {
  width: 16px;
  height: 16px;
  bottom: 0;
  right: 5px;
  -webkit-box-shadow: 0 0 0 3px #fafafa;
          box-shadow: 0 0 0 3px #fafafa;
}

/*--
    - Badge
--------------------------------------*/
.badge {
  font-weight: 600;
  border: 1px solid;
  padding: .35em .5em;
}

.badge.badge-outline {
  background-color: transparent;
}

.badge-primary {
  background-color: #428bfa;
  border-color: #428bfa;
}

.badge-primary.badge-outline {
  color: #428bfa;
}

.badge-secondary {
  background-color: #fb7da4;
  border-color: #fb7da4;
}

.badge-secondary.badge-outline {
  color: #fb7da4;
}

.badge-success {
  background-color: #29db2d;
  border-color: #29db2d;
}

.badge-success.badge-outline {
  color: #29db2d;
}

.badge-danger {
  background-color: #fd427c;
  border-color: #fd427c;
}

.badge-danger.badge-outline {
  color: #fd427c;
}

.badge-warning {
  background-color: #ff9666;
  border-color: #ff9666;
  color: #ffffff;
}

.badge-warning.badge-outline {
  color: #ff9666;
}

.badge-info {
  background-color: #17a2b8;
  border-color: #17a2b8;
}

.badge-info.badge-outline {
  color: #17a2b8;
}

.badge-dark {
  background-color: #343434;
  border-color: #343434;
}

.badge-dark.badge-outline {
  color: #343434;
}

a.badge-primary:hover {
  background-color: #106df9;
  border-color: #106df9;
}

a.badge-primary.badge-outline:hover {
  background-color: transparent !important;
  color: #106df9;
}

a.badge-secondary:hover {
  background-color: #f94c81;
  border-color: #f94c81;
}

a.badge-secondary.badge-outline:hover {
  background-color: transparent !important;
  color: #f94c81;
}

a.badge-success:hover {
  background-color: #1eb321;
  border-color: #1eb321;
}

a.badge-success.badge-outline:hover {
  background-color: transparent !important;
  color: #1eb321;
}

a.badge-danger:hover {
  background-color: #fc1059;
  border-color: #fc1059;
}

a.badge-danger.badge-outline:hover {
  background-color: transparent !important;
  color: #fc1059;
}

a.badge-warning:hover {
  background-color: #ff7333;
  border-color: #ff7333;
  color: #ffffff;
}

a.badge-warning.badge-outline:hover {
  background-color: transparent !important;
  color: #ff7333;
}

a.badge-info:hover {
  background-color: #117a8b;
  border-color: #117a8b;
}

a.badge-info.badge-outline:hover {
  background-color: transparent !important;
  color: #117a8b;
}

a.badge-dark {
  background-color: #1b1b1b;
  border-color: #1b1b1b;
}

a.badge-dark.badge-outline {
  background-color: transparent !important;
  color: #1b1b1b;
}

/*--
    - Button
--------------------------------------*/
/*Button Group*/
.button-group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.button-group.dropdown {
  margin-bottom: 5px;
}

.button-group .button, .button-group .fullcalendar .fc-toolbar .fc-button, .fullcalendar .fc-toolbar .button-group .fc-button, .button-group #toast-container .toast .toast-message .btn, #toast-container .toast .toast-message .button-group .btn, .button-group .dataTables_wrapper .dt-buttons .dt-button, .dataTables_wrapper .dt-buttons .button-group .dt-button, .button-group .footable.table thead tr th .footable-filtering-search .input-group .input-group-btn .btn, .footable.table thead tr th .footable-filtering-search .input-group .input-group-btn .button-group .btn, .button-group .footable.table tbody tr td.footable-editing .btn-group .btn, .footable.table tbody tr td.footable-editing .btn-group .button-group .btn, .button-group .footable.table tfoot tr.footable-editing td .btn, .footable.table tfoot tr.footable-editing td .button-group .btn, .button-group .smart-wizard .sw-toolbar .sw-btn-group .btn, .smart-wizard .sw-toolbar .sw-btn-group .button-group .btn {
  margin: 0;
  border-radius: 0;
}

.button-group .button:first-child, .button-group .fullcalendar .fc-toolbar .fc-button:first-child, .fullcalendar .fc-toolbar .button-group .fc-button:first-child, .button-group #toast-container .toast .toast-message .btn:first-child, #toast-container .toast .toast-message .button-group .btn:first-child, .button-group .dataTables_wrapper .dt-buttons .dt-button:first-child, .dataTables_wrapper .dt-buttons .button-group .dt-button:first-child, .button-group .footable.table thead tr th .footable-filtering-search .input-group .input-group-btn .btn:first-child, .footable.table thead tr th .footable-filtering-search .input-group .input-group-btn .button-group .btn:first-child, .button-group .footable.table tbody tr td.footable-editing .btn-group .btn:first-child, .footable.table tbody tr td.footable-editing .btn-group .button-group .btn:first-child, .button-group .footable.table tfoot tr.footable-editing td .btn:first-child, .footable.table tfoot tr.footable-editing td .button-group .btn:first-child, .button-group .smart-wizard .sw-toolbar .sw-btn-group .btn:first-child, .smart-wizard .sw-toolbar .sw-btn-group .button-group .btn:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.button-group .button:last-child, .button-group .fullcalendar .fc-toolbar .fc-button:last-child, .fullcalendar .fc-toolbar .button-group .fc-button:last-child, .button-group #toast-container .toast .toast-message .btn:last-child, #toast-container .toast .toast-message .button-group .btn:last-child, .button-group .dataTables_wrapper .dt-buttons .dt-button:last-child, .dataTables_wrapper .dt-buttons .button-group .dt-button:last-child, .button-group .footable.table thead tr th .footable-filtering-search .input-group .input-group-btn .btn:last-child, .footable.table thead tr th .footable-filtering-search .input-group .input-group-btn .button-group .btn:last-child, .button-group .footable.table tbody tr td.footable-editing .btn-group .btn:last-child, .footable.table tbody tr td.footable-editing .btn-group .button-group .btn:last-child, .button-group .footable.table tfoot tr.footable-editing td .btn:last-child, .footable.table tfoot tr.footable-editing td .button-group .btn:last-child, .button-group .smart-wizard .sw-toolbar .sw-btn-group .btn:last-child, .smart-wizard .sw-toolbar .sw-btn-group .button-group .btn:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.button-group .button.dropdown-toggle:not(:first-child), .button-group .fullcalendar .fc-toolbar .dropdown-toggle.fc-button:not(:first-child), .fullcalendar .fc-toolbar .button-group .dropdown-toggle.fc-button:not(:first-child), .button-group #toast-container .toast .toast-message .dropdown-toggle.btn:not(:first-child), #toast-container .toast .toast-message .button-group .dropdown-toggle.btn:not(:first-child), .button-group .dataTables_wrapper .dt-buttons .dropdown-toggle.dt-button:not(:first-child), .dataTables_wrapper .dt-buttons .button-group .dropdown-toggle.dt-button:not(:first-child), .button-group .footable.table thead tr th .footable-filtering-search .input-group .input-group-btn .dropdown-toggle.btn:not(:first-child), .footable.table thead tr th .footable-filtering-search .input-group .input-group-btn .button-group .dropdown-toggle.btn:not(:first-child), .button-group .footable.table tbody tr td.footable-editing .btn-group .dropdown-toggle.btn:not(:first-child), .footable.table tbody tr td.footable-editing .btn-group .button-group .dropdown-toggle.btn:not(:first-child), .button-group .footable.table tfoot tr.footable-editing td .dropdown-toggle.btn:not(:first-child), .footable.table tfoot tr.footable-editing td .button-group .dropdown-toggle.btn:not(:first-child), .button-group .smart-wizard .sw-toolbar .sw-btn-group .dropdown-toggle.btn:not(:first-child), .smart-wizard .sw-toolbar .sw-btn-group .button-group .dropdown-toggle.btn:not(:first-child) {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  padding-left: 10px;
  padding-right: 10px;
}

.button, .fullcalendar .fc-toolbar .fc-button, #toast-container .toast .toast-message .btn, .dataTables_wrapper .dt-buttons .dt-button, .footable.table thead tr th .footable-filtering-search .input-group .input-group-btn .btn, .footable.table tbody tr td.footable-editing .btn-group .btn, .footable.table tfoot tr.footable-editing td .btn, .smart-wizard .sw-toolbar .sw-btn-group .btn {
  display: inline-block;
  background-color: #eff8fe;
  border-color: #eff8fe;
  color: #666666;
  border-radius: 4px;
  text-transform: capitalize;
  font-size: 15px;
  line-height: 24px;
  padding: 7px 20px;
  border-width: 1px;
  border-style: solid;
  margin-bottom: 5px;
  margin-right: 2px;
}

.button:last-child, .fullcalendar .fc-toolbar .fc-button:last-child, #toast-container .toast .toast-message .btn:last-child, .dataTables_wrapper .dt-buttons .dt-button:last-child, .footable.table thead tr th .footable-filtering-search .input-group .input-group-btn .btn:last-child, .footable.table tbody tr td.footable-editing .btn-group .btn:last-child, .footable.table tfoot tr.footable-editing td .btn:last-child, .smart-wizard .sw-toolbar .sw-btn-group .btn:last-child {
  margin-right: 0;
}

.button i, .fullcalendar .fc-toolbar .fc-button i, #toast-container .toast .toast-message .btn i, .dataTables_wrapper .dt-buttons .dt-button i, .footable.table thead tr th .footable-filtering-search .input-group .input-group-btn .btn i, .footable.table tbody tr td.footable-editing .btn-group .btn i, .footable.table tfoot tr.footable-editing td .btn i, .smart-wizard .sw-toolbar .sw-btn-group .btn i {
  font-size: 18px;
  line-height: 24px;
  margin-right: 6px;
  float: left;
}

.button span, .fullcalendar .fc-toolbar .fc-button span, #toast-container .toast .toast-message .btn span, .dataTables_wrapper .dt-buttons .dt-button span, .footable.table thead tr th .footable-filtering-search .input-group .input-group-btn .btn span, .footable.table tbody tr td.footable-editing .btn-group .btn span, .footable.table tfoot tr.footable-editing td .btn span, .smart-wizard .sw-toolbar .sw-btn-group .btn span {
  display: inline-block;
}

.button:focus, .fullcalendar .fc-toolbar .fc-button:focus, #toast-container .toast .toast-message .btn:focus, .dataTables_wrapper .dt-buttons .dt-button:focus, .footable.table thead tr th .footable-filtering-search .input-group .input-group-btn .btn:focus, .footable.table tbody tr td.footable-editing .btn-group .btn:focus, .footable.table tfoot tr.footable-editing td .btn:focus, .smart-wizard .sw-toolbar .sw-btn-group .btn:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.button:hover, .fullcalendar .fc-toolbar .fc-button:hover, #toast-container .toast .toast-message .btn:hover, .dataTables_wrapper .dt-buttons .dt-button:hover, .footable.table thead tr th .footable-filtering-search .input-group .input-group-btn .btn:hover, .footable.table tbody tr td.footable-editing .btn-group .btn:hover, .footable.table tfoot tr.footable-editing td .btn:hover, .smart-wizard .sw-toolbar .sw-btn-group .btn:hover {
  background-color: #a7d9fa;
  border-color: #a7d9fa;
  color: #666666;
}

.button-link {
  height: auto !important;
  width: auto !important;
  background-color: transparent;
  border: none !important;
  color: #666666;
  padding: 0 !important;
}

.button-link:hover {
  color: #428bfa;
  background-color: transparent;
  border: none;
}

.button-link i {
  font-size: 22px;
}

.button-link.button-xs i, .footable.table tbody tr td.footable-editing .btn-group .button-link.btn i {
  font-size: 16px;
}

.button-link.button-sm i, .fullcalendar .fc-toolbar .button-link.fc-button i, #toast-container .toast .toast-message .button-link.btn i, .dataTables_wrapper .dt-buttons .button-link.dt-button i {
  font-size: 19px;
}

.button-link.button-lg i {
  font-size: 26px;
}

.button-link.button-xl i {
  font-size: 30px;
}

.button-outline, .footable.table tfoot tr.footable-editing td .btn.footable-hide {
  background-color: transparent;
  border-color: #d7eefd;
}

.button-outline:hover, .footable.table tfoot tr.footable-editing td .btn.footable-hide:hover {
  background-color: #eff8fe;
  border-color: #eff8fe;
}

.button-box {
  width: 40px;
  height: 40px;
  padding: 7px 5px;
  text-align: center;
}

.button-box i {
  margin: 0;
  float: none;
  display: block;
}

.button-box span {
  display: none;
  margin: 0;
}

.button-icon-right {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.button-icon-right i {
  margin-left: 6px;
  margin-right: 0;
  float: right;
}

.button-square {
  border-radius: 0;
}

.button-round {
  border-radius: 50px;
}

/*-- Button Sizes --*/
.button-xs, .footable.table tbody tr td.footable-editing .btn-group .btn {
  font-size: 11px;
  padding: 0 10px;
}

.button-xs i, .footable.table tbody tr td.footable-editing .btn-group .btn i {
  font-size: 13px;
  margin-right: 5px;
}

.button-xs .button-icon-right i, .footable.table tbody tr td.footable-editing .btn-group .btn .button-icon-right i {
  margin-left: 5px;
  margin-right: 0;
}

.button-xs.button-box, .footable.table tbody tr td.footable-editing .btn-group .button-box.btn {
  width: 26px;
  height: 26px;
  padding: 0 5px;
}

.button-xs.button-box i, .footable.table tbody tr td.footable-editing .btn-group .button-box.btn i {
  margin: 0;
}

.button-sm, .fullcalendar .fc-toolbar .fc-button, #toast-container .toast .toast-message .btn, .dataTables_wrapper .dt-buttons .dt-button {
  font-size: 13px;
  padding: 3px 15px;
}

.button-sm i, .fullcalendar .fc-toolbar .fc-button i, #toast-container .toast .toast-message .btn i, .dataTables_wrapper .dt-buttons .dt-button i {
  font-size: 16px;
  margin-right: 6px;
}

.button-sm .button-icon-right i, .fullcalendar .fc-toolbar .fc-button .button-icon-right i, #toast-container .toast .toast-message .btn .button-icon-right i, .dataTables_wrapper .dt-buttons .dt-button .button-icon-right i {
  margin-left: 6px;
  margin-right: 0;
}

.button-sm.button-box, .fullcalendar .fc-toolbar .button-box.fc-button, #toast-container .toast .toast-message .button-box.btn, .dataTables_wrapper .dt-buttons .button-box.dt-button {
  width: 32px;
  height: 32px;
  padding: 3px 5px;
}

.button-sm.button-box i, .fullcalendar .fc-toolbar .button-box.fc-button i, #toast-container .toast .toast-message .button-box.btn i, .dataTables_wrapper .dt-buttons .button-box.dt-button i {
  margin: 0;
}

.button-lg {
  font-size: 17px;
  padding: 11px 25px;
}

.button-lg i {
  font-size: 20px;
}

.button-lg.button-box {
  width: 48px;
  height: 48px;
  padding: 11px 5px;
}

.button-lg.button-box i {
  margin: 0;
}

.button-xl {
  font-size: 19px;
  padding: 15px 30px;
}

.button-xl i {
  font-size: 24px;
}

.button-xl.button-box {
  width: 56px;
  height: 56px;
  padding: 15px 5px;
}

.button-xl.button-box i {
  margin: 0;
}

/*-- Button Colors --*/
.button-primary, .swal-modal .swal-footer .button-primary, #toast-container .toast .toast-message .btn.btn-primary, .dataTables_wrapper .dt-buttons .dt-button, .footable.table thead tr th .footable-filtering-search .input-group .input-group-btn .btn, .footable.table thead tr th .footable-filtering-search .input-group .input-group-btn .btn.btn-primary, .footable.table tbody tr td.footable-editing .btn-group .btn.footable-edit, .footable.table tfoot tr.footable-editing td .btn.btn-primary, .smart-wizard .sw-toolbar .sw-btn-group .btn {
  background-color: #428bfa;
  border-color: #428bfa;
  color: #ffffff;
}

.button-primary.button-outline, .swal-modal .swal-footer .button-outline.button-primary, #toast-container .toast .toast-message .button-outline.btn.btn-primary, #toast-container .toast .toast-message .footable.table tfoot tr.footable-editing td .btn.btn-primary.footable-hide, .footable.table tfoot tr.footable-editing td #toast-container .toast .toast-message .btn.btn-primary.footable-hide, .dataTables_wrapper .dt-buttons .button-outline.dt-button, .dataTables_wrapper .dt-buttons .footable.table tfoot tr.footable-editing td .dt-button.btn.footable-hide, .footable.table tfoot tr.footable-editing td .dataTables_wrapper .dt-buttons .dt-button.btn.footable-hide, .footable.table thead tr th .footable-filtering-search .input-group .input-group-btn .button-outline.btn, .footable.table thead tfoot tr.footable-editing th .footable-filtering-search .input-group .input-group-btn td .btn.footable-hide, .footable.table tfoot thead tr.footable-editing th .footable-filtering-search .input-group .input-group-btn td .btn.footable-hide, .footable.table thead tfoot tr.footable-editing td th .footable-filtering-search .input-group .input-group-btn .btn.footable-hide, .footable.table tfoot thead tr.footable-editing td th .footable-filtering-search .input-group .input-group-btn .btn.footable-hide, .footable.table thead tfoot tr.footable-editing th .footable-filtering-search .input-group .input-group-btn td .btn.btn-primary.footable-hide, .footable.table tfoot thead tr.footable-editing th .footable-filtering-search .input-group .input-group-btn td .btn.btn-primary.footable-hide, .footable.table thead tfoot tr.footable-editing td th .footable-filtering-search .input-group .input-group-btn .btn.btn-primary.footable-hide, .footable.table tfoot thead tr.footable-editing td th .footable-filtering-search .input-group .input-group-btn .btn.btn-primary.footable-hide, .footable.table tbody tr td.footable-editing .btn-group .button-outline.btn.footable-edit, .footable.table tbody tfoot tr.footable-editing td.footable-editing .btn-group .btn.footable-edit.footable-hide, .footable.table tfoot tbody tr.footable-editing td.footable-editing .btn-group .btn.footable-edit.footable-hide, .footable.table tfoot tr.footable-editing td .button-outline.btn.btn-primary, .footable.table tfoot tr.footable-editing td .btn.btn-primary.footable-hide, .footable.table tfoot tr.footable-editing td .button-primary.btn.footable-hide, .smart-wizard .sw-toolbar .sw-btn-group .button-outline.btn, .smart-wizard .sw-toolbar .sw-btn-group .footable.table tfoot tr.footable-editing td .btn.footable-hide, .footable.table tfoot tr.footable-editing td .smart-wizard .sw-toolbar .sw-btn-group .btn.footable-hide {
  background-color: transparent;
  color: #428bfa;
}

.button-primary.button-outline:hover, #toast-container .toast .toast-message .button-outline.btn.btn-primary:hover, #toast-container .toast .toast-message .footable.table tfoot tr.footable-editing td .btn.btn-primary.footable-hide:hover, .footable.table tfoot tr.footable-editing td #toast-container .toast .toast-message .btn.btn-primary.footable-hide:hover, .dataTables_wrapper .dt-buttons .button-outline.dt-button:hover, .dataTables_wrapper .dt-buttons .footable.table tfoot tr.footable-editing td .dt-button.btn.footable-hide:hover, .footable.table tfoot tr.footable-editing td .dataTables_wrapper .dt-buttons .dt-button.btn.footable-hide:hover, .footable.table thead tr th .footable-filtering-search .input-group .input-group-btn .button-outline.btn:hover, .footable.table thead tfoot tr.footable-editing th .footable-filtering-search .input-group .input-group-btn td .btn.footable-hide:hover, .footable.table tfoot thead tr.footable-editing th .footable-filtering-search .input-group .input-group-btn td .btn.footable-hide:hover, .footable.table thead tfoot tr.footable-editing td th .footable-filtering-search .input-group .input-group-btn .btn.footable-hide:hover, .footable.table tfoot thead tr.footable-editing td th .footable-filtering-search .input-group .input-group-btn .btn.footable-hide:hover, .footable.table thead tfoot tr.footable-editing th .footable-filtering-search .input-group .input-group-btn td .btn.btn-primary.footable-hide:hover, .footable.table tfoot thead tr.footable-editing th .footable-filtering-search .input-group .input-group-btn td .btn.btn-primary.footable-hide:hover, .footable.table thead tfoot tr.footable-editing td th .footable-filtering-search .input-group .input-group-btn .btn.btn-primary.footable-hide:hover, .footable.table tfoot thead tr.footable-editing td th .footable-filtering-search .input-group .input-group-btn .btn.btn-primary.footable-hide:hover, .footable.table tbody tr td.footable-editing .btn-group .button-outline.btn.footable-edit:hover, .footable.table tbody tfoot tr.footable-editing td.footable-editing .btn-group .btn.footable-edit.footable-hide:hover, .footable.table tfoot tbody tr.footable-editing td.footable-editing .btn-group .btn.footable-edit.footable-hide:hover, .footable.table tfoot tr.footable-editing td .button-outline.btn.btn-primary:hover, .footable.table tfoot tr.footable-editing td .btn.btn-primary.footable-hide:hover, .footable.table tfoot tr.footable-editing td .button-primary.btn.footable-hide:hover, .smart-wizard .sw-toolbar .sw-btn-group .button-outline.btn:hover, .smart-wizard .sw-toolbar .sw-btn-group .footable.table tfoot tr.footable-editing td .btn.footable-hide:hover, .footable.table tfoot tr.footable-editing td .smart-wizard .sw-toolbar .sw-btn-group .btn.footable-hide:hover {
  background-color: #428bfa;
  border-color: #428bfa;
  color: #ffffff;
}

.button-primary:hover, .swal-modal .swal-footer .button-primary:hover, #toast-container .toast .toast-message .btn.btn-primary:hover, .dataTables_wrapper .dt-buttons .dt-button:hover, .footable.table thead tr th .footable-filtering-search .input-group .input-group-btn .btn:hover, .footable.table tbody tr td.footable-editing .btn-group .btn.footable-edit:hover, .footable.table tfoot tr.footable-editing td .btn.btn-primary:hover, .smart-wizard .sw-toolbar .sw-btn-group .btn:hover {
  background-color: #297cf9;
  border-color: #297cf9;
  color: #ffffff;
}

.button-secondary, .swal-modal .swal-footer .button-secondary, #toast-container .toast .toast-message .btn.btn-secondary {
  background-color: #fb7da4;
  border-color: #fb7da4;
  color: #ffffff;
}

.button-secondary.button-outline, .swal-modal .swal-footer .button-outline.button-secondary, #toast-container .toast .toast-message .button-outline.btn.btn-secondary, #toast-container .toast .toast-message .footable.table tfoot tr.footable-editing td .btn.btn-secondary.footable-hide, .footable.table tfoot tr.footable-editing td #toast-container .toast .toast-message .btn.btn-secondary.footable-hide, .footable.table tfoot tr.footable-editing td .button-secondary.btn.footable-hide {
  background-color: transparent;
  color: #fb7da4;
}

.button-secondary.button-outline:hover, #toast-container .toast .toast-message .button-outline.btn.btn-secondary:hover, #toast-container .toast .toast-message .footable.table tfoot tr.footable-editing td .btn.btn-secondary.footable-hide:hover, .footable.table tfoot tr.footable-editing td #toast-container .toast .toast-message .btn.btn-secondary.footable-hide:hover, .footable.table tfoot tr.footable-editing td .button-secondary.btn.footable-hide:hover {
  background-color: #fb7da4;
  border-color: #fb7da4;
  color: #ffffff;
}

.button-secondary:hover, .swal-modal .swal-footer .button-secondary:hover, #toast-container .toast .toast-message .btn.btn-secondary:hover {
  background-color: #fa6493;
  border-color: #fa6493;
  color: #ffffff;
}

.button-success, .swal-modal .swal-footer .button-success, #toast-container .toast .toast-message .btn.btn-success {
  background-color: #29db2d;
  border-color: #29db2d;
  color: #ffffff;
}

.button-success.button-outline, .swal-modal .swal-footer .button-outline.button-success, #toast-container .toast .toast-message .button-outline.btn.btn-success, #toast-container .toast .toast-message .footable.table tfoot tr.footable-editing td .btn.btn-success.footable-hide, .footable.table tfoot tr.footable-editing td #toast-container .toast .toast-message .btn.btn-success.footable-hide, .footable.table tfoot tr.footable-editing td .button-success.btn.footable-hide {
  background-color: transparent;
  color: #29db2d;
}

.button-success.button-outline:hover, #toast-container .toast .toast-message .button-outline.btn.btn-success:hover, #toast-container .toast .toast-message .footable.table tfoot tr.footable-editing td .btn.btn-success.footable-hide:hover, .footable.table tfoot tr.footable-editing td #toast-container .toast .toast-message .btn.btn-success.footable-hide:hover, .footable.table tfoot tr.footable-editing td .button-success.btn.footable-hide:hover {
  background-color: #29db2d;
  border-color: #29db2d;
  color: #ffffff;
}

.button-success:hover, .swal-modal .swal-footer .button-success:hover, #toast-container .toast .toast-message .btn.btn-success:hover {
  background-color: #22c926;
  border-color: #22c926;
  color: #ffffff;
}

.button-danger, .swal-modal .swal-footer .button-danger, #toast-container .toast .toast-message .btn.btn-danger, .footable.table tbody tr td.footable-editing .btn-group .btn.footable-delete {
  background-color: #fd427c;
  border-color: #fd427c;
  color: #ffffff;
}

.button-danger.button-outline, .swal-modal .swal-footer .button-outline.button-danger, #toast-container .toast .toast-message .button-outline.btn.btn-danger, #toast-container .toast .toast-message .footable.table tfoot tr.footable-editing td .btn.btn-danger.footable-hide, .footable.table tfoot tr.footable-editing td #toast-container .toast .toast-message .btn.btn-danger.footable-hide, .footable.table tbody tr td.footable-editing .btn-group .button-outline.btn.footable-delete, .footable.table tbody tfoot tr.footable-editing td.footable-editing .btn-group .btn.footable-delete.footable-hide, .footable.table tfoot tbody tr.footable-editing td.footable-editing .btn-group .btn.footable-delete.footable-hide, .footable.table tfoot tr.footable-editing td .button-danger.btn.footable-hide {
  background-color: transparent;
  color: #fd427c;
}

.button-danger.button-outline:hover, #toast-container .toast .toast-message .button-outline.btn.btn-danger:hover, #toast-container .toast .toast-message .footable.table tfoot tr.footable-editing td .btn.btn-danger.footable-hide:hover, .footable.table tfoot tr.footable-editing td #toast-container .toast .toast-message .btn.btn-danger.footable-hide:hover, .footable.table tbody tr td.footable-editing .btn-group .button-outline.btn.footable-delete:hover, .footable.table tbody tfoot tr.footable-editing td.footable-editing .btn-group .btn.footable-delete.footable-hide:hover, .footable.table tfoot tbody tr.footable-editing td.footable-editing .btn-group .btn.footable-delete.footable-hide:hover, .footable.table tfoot tr.footable-editing td .button-danger.btn.footable-hide:hover {
  background-color: #fd427c;
  border-color: #fd427c;
  color: #ffffff;
}

.button-danger:hover, .swal-modal .swal-footer .button-danger:hover, #toast-container .toast .toast-message .btn.btn-danger:hover, .footable.table tbody tr td.footable-editing .btn-group .btn.footable-delete:hover {
  background-color: #fd296b;
  border-color: #fd296b;
  color: #ffffff;
}

.button-warning, .swal-modal .swal-footer .button-warning, #toast-container .toast .toast-message .btn.btn-warning {
  background-color: #ff9666;
  border-color: #ff9666;
  color: #ffffff;
}

.button-warning.button-outline, .swal-modal .swal-footer .button-outline.button-warning, #toast-container .toast .toast-message .button-outline.btn.btn-warning, #toast-container .toast .toast-message .footable.table tfoot tr.footable-editing td .btn.btn-warning.footable-hide, .footable.table tfoot tr.footable-editing td #toast-container .toast .toast-message .btn.btn-warning.footable-hide, .footable.table tfoot tr.footable-editing td .button-warning.btn.footable-hide {
  background-color: transparent;
  color: #ff9666;
}

.button-warning.button-outline:hover, #toast-container .toast .toast-message .button-outline.btn.btn-warning:hover, #toast-container .toast .toast-message .footable.table tfoot tr.footable-editing td .btn.btn-warning.footable-hide:hover, .footable.table tfoot tr.footable-editing td #toast-container .toast .toast-message .btn.btn-warning.footable-hide:hover, .footable.table tfoot tr.footable-editing td .button-warning.btn.footable-hide:hover {
  background-color: #ff9666;
  border-color: #ff9666;
  color: #ffffff;
}

.button-warning:hover, .swal-modal .swal-footer .button-warning:hover, #toast-container .toast .toast-message .btn.btn-warning:hover {
  background-color: #ff854d;
  border-color: #ff854d;
  color: #ffffff;
}

.button-info, .swal-modal .swal-footer .button-info, #toast-container .toast .toast-message .btn.btn-info, .footable.table tfoot tr.footable-editing td .btn.footable-hide {
  background-color: #17a2b8;
  border-color: #17a2b8;
  color: #ffffff;
}

.button-info.button-outline, .swal-modal .swal-footer .button-outline.button-info, #toast-container .toast .toast-message .button-outline.btn.btn-info, #toast-container .toast .toast-message .footable.table tfoot tr.footable-editing td .btn.btn-info.footable-hide, .footable.table tfoot tr.footable-editing td #toast-container .toast .toast-message .btn.btn-info.footable-hide, .footable.table tfoot tr.footable-editing td .btn.footable-hide {
  background-color: transparent;
  color: #17a2b8;
}

.button-info.button-outline:hover, #toast-container .toast .toast-message .button-outline.btn.btn-info:hover, #toast-container .toast .toast-message .footable.table tfoot tr.footable-editing td .btn.btn-info.footable-hide:hover, .footable.table tfoot tr.footable-editing td #toast-container .toast .toast-message .btn.btn-info.footable-hide:hover, .footable.table tfoot tr.footable-editing td .btn.footable-hide:hover {
  background-color: #17a2b8;
  border-color: #17a2b8;
  color: #ffffff;
}

.button-info:hover, .swal-modal .swal-footer .button-info:hover, #toast-container .toast .toast-message .btn.btn-info:hover, .footable.table tfoot tr.footable-editing td .btn.footable-hide:hover {
  background-color: #148ea1;
  border-color: #148ea1;
  color: #ffffff;
}

.button-dark {
  background-color: #343434;
  border-color: #343434;
  color: #ffffff;
}

.button-dark.button-outline, .footable.table tfoot tr.footable-editing td .button-dark.btn.footable-hide {
  background-color: transparent;
  color: #343434;
}

.button-dark.button-outline:hover, .footable.table tfoot tr.footable-editing td .button-dark.btn.footable-hide:hover {
  background-color: #343434;
  border-color: #343434;
  color: #ffffff;
}

.button-dark:hover {
  background-color: #414141;
  border-color: #414141;
  color: #ffffff;
}

/*-- Button Socails --*/
.button-android {
  background-color: #7AC157;
  border-color: #7AC157;
  color: #ffffff;
}

.button-android.button-outline, .footable.table tfoot tr.footable-editing td .button-android.btn.footable-hide {
  background-color: transparent;
  color: #7AC157;
}

.button-android.button-outline:hover, .footable.table tfoot tr.footable-editing td .button-android.btn.footable-hide:hover {
  background-color: #7AC157;
  border-color: #7AC157;
  color: #ffffff;
}

.button-android:hover {
  background-color: #89c86a;
  border-color: #89c86a;
  color: #ffffff;
}

.button-apple {
  background-color: #B8B8B8;
  border-color: #B8B8B8;
  color: #ffffff;
}

.button-apple.button-outline, .footable.table tfoot tr.footable-editing td .button-apple.btn.footable-hide {
  background-color: transparent;
  color: #B8B8B8;
}

.button-apple.button-outline:hover, .footable.table tfoot tr.footable-editing td .button-apple.btn.footable-hide:hover {
  background-color: #B8B8B8;
  border-color: #B8B8B8;
  color: #ffffff;
}

.button-apple:hover {
  background-color: #c5c5c5;
  border-color: #c5c5c5;
  color: #ffffff;
}

.button-behance {
  background-color: #1869FF;
  border-color: #1869FF;
  color: #ffffff;
}

.button-behance.button-outline, .footable.table tfoot tr.footable-editing td .button-behance.btn.footable-hide {
  background-color: transparent;
  color: #1869FF;
}

.button-behance.button-outline:hover, .footable.table tfoot tr.footable-editing td .button-behance.btn.footable-hide:hover {
  background-color: #1869FF;
  border-color: #1869FF;
  color: #ffffff;
}

.button-behance:hover {
  background-color: #327aff;
  border-color: #327aff;
  color: #ffffff;
}

.button-codepen {
  background-color: #000000;
  border-color: #000000;
  color: #ffffff;
}

.button-codepen.button-outline, .footable.table tfoot tr.footable-editing td .button-codepen.btn.footable-hide {
  background-color: transparent;
  color: #000000;
}

.button-codepen.button-outline:hover, .footable.table tfoot tr.footable-editing td .button-codepen.btn.footable-hide:hover {
  background-color: #000000;
  border-color: #000000;
  color: #ffffff;
}

.button-codepen:hover {
  background-color: #0d0d0d;
  border-color: #0d0d0d;
  color: #ffffff;
}

.button-dribbble {
  background-color: #EA4C8A;
  border-color: #EA4C8A;
  color: #ffffff;
}

.button-dribbble.button-outline, .footable.table tfoot tr.footable-editing td .button-dribbble.btn.footable-hide {
  background-color: transparent;
  color: #EA4C8A;
}

.button-dribbble.button-outline:hover, .footable.table tfoot tr.footable-editing td .button-dribbble.btn.footable-hide:hover {
  background-color: #EA4C8A;
  border-color: #EA4C8A;
  color: #ffffff;
}

.button-dribbble:hover {
  background-color: #ed6399;
  border-color: #ed6399;
  color: #ffffff;
}

.button-dropbox {
  background-color: #007EE5;
  border-color: #007EE5;
  color: #ffffff;
}

.button-dropbox.button-outline, .footable.table tfoot tr.footable-editing td .button-dropbox.btn.footable-hide {
  background-color: transparent;
  color: #007EE5;
}

.button-dropbox.button-outline:hover, .footable.table tfoot tr.footable-editing td .button-dropbox.btn.footable-hide:hover {
  background-color: #007EE5;
  border-color: #007EE5;
  color: #ffffff;
}

.button-dropbox:hover {
  background-color: #008cff;
  border-color: #008cff;
  color: #ffffff;
}

.button-evernote {
  background-color: #78D525;
  border-color: #78D525;
  color: #ffffff;
}

.button-evernote.button-outline, .footable.table tfoot tr.footable-editing td .button-evernote.btn.footable-hide {
  background-color: transparent;
  color: #78D525;
}

.button-evernote.button-outline:hover, .footable.table tfoot tr.footable-editing td .button-evernote.btn.footable-hide:hover {
  background-color: #78D525;
  border-color: #78D525;
  color: #ffffff;
}

.button-evernote:hover {
  background-color: #85dc37;
  border-color: #85dc37;
  color: #ffffff;
}

.button-facebook {
  background-color: #4867AA;
  border-color: #4867AA;
  color: #ffffff;
}

.button-facebook.button-outline, .footable.table tfoot tr.footable-editing td .button-facebook.btn.footable-hide {
  background-color: transparent;
  color: #4867AA;
}

.button-facebook.button-outline:hover, .footable.table tfoot tr.footable-editing td .button-facebook.btn.footable-hide:hover {
  background-color: #4867AA;
  border-color: #4867AA;
  color: #ffffff;
}

.button-facebook:hover {
  background-color: #5574b7;
  border-color: #5574b7;
  color: #ffffff;
}

.button-github {
  background-color: #313131;
  border-color: #313131;
  color: #ffffff;
}

.button-github.button-outline, .footable.table tfoot tr.footable-editing td .button-github.btn.footable-hide {
  background-color: transparent;
  color: #313131;
}

.button-github.button-outline:hover, .footable.table tfoot tr.footable-editing td .button-github.btn.footable-hide:hover {
  background-color: #313131;
  border-color: #313131;
  color: #ffffff;
}

.button-github:hover {
  background-color: #3e3e3e;
  border-color: #3e3e3e;
  color: #ffffff;
}

.button-google-drive {
  background-color: #1DA462;
  border-color: #1DA462;
  color: #ffffff;
}

.button-google-drive.button-outline, .footable.table tfoot tr.footable-editing td .button-google-drive.btn.footable-hide {
  background-color: transparent;
  color: #1DA462;
}

.button-google-drive.button-outline:hover, .footable.table tfoot tr.footable-editing td .button-google-drive.btn.footable-hide:hover {
  background-color: #1DA462;
  border-color: #1DA462;
  color: #ffffff;
}

.button-google-drive:hover {
  background-color: #21ba6f;
  border-color: #21ba6f;
  color: #ffffff;
}

.button-google-earth {
  background-color: #4285F4;
  border-color: #4285F4;
  color: #ffffff;
}

.button-google-earth.button-outline, .footable.table tfoot tr.footable-editing td .button-google-earth.btn.footable-hide {
  background-color: transparent;
  color: #4285F4;
}

.button-google-earth.button-outline:hover, .footable.table tfoot tr.footable-editing td .button-google-earth.btn.footable-hide:hover {
  background-color: #4285F4;
  border-color: #4285F4;
  color: #ffffff;
}

.button-google-earth:hover {
  background-color: #5a95f5;
  border-color: #5a95f5;
  color: #ffffff;
}

.button-google-glass {
  background-color: #EA4335;
  border-color: #EA4335;
  color: #ffffff;
}

.button-google-glass.button-outline, .footable.table tfoot tr.footable-editing td .button-google-glass.btn.footable-hide {
  background-color: transparent;
  color: #EA4335;
}

.button-google-glass.button-outline:hover, .footable.table tfoot tr.footable-editing td .button-google-glass.btn.footable-hide:hover {
  background-color: #EA4335;
  border-color: #EA4335;
  color: #ffffff;
}

.button-google-glass:hover {
  background-color: #ec584c;
  border-color: #ec584c;
  color: #ffffff;
}

.button-google-maps {
  background-color: #5083C3;
  border-color: #5083C3;
  color: #ffffff;
}

.button-google-maps.button-outline, .footable.table tfoot tr.footable-editing td .button-google-maps.btn.footable-hide {
  background-color: transparent;
  color: #5083C3;
}

.button-google-maps.button-outline:hover, .footable.table tfoot tr.footable-editing td .button-google-maps.btn.footable-hide:hover {
  background-color: #5083C3;
  border-color: #5083C3;
  color: #ffffff;
}

.button-google-maps:hover {
  background-color: #6390ca;
  border-color: #6390ca;
  color: #ffffff;
}

.button-google-play {
  background-color: #01B9FD;
  border-color: #01B9FD;
  color: #ffffff;
}

.button-google-play.button-outline, .footable.table tfoot tr.footable-editing td .button-google-play.btn.footable-hide {
  background-color: transparent;
  color: #01B9FD;
}

.button-google-play.button-outline:hover, .footable.table tfoot tr.footable-editing td .button-google-play.btn.footable-hide:hover {
  background-color: #01B9FD;
  border-color: #01B9FD;
  color: #ffffff;
}

.button-google-play:hover {
  background-color: #19c0fe;
  border-color: #19c0fe;
  color: #ffffff;
}

.button-google-plus {
  background-color: #DD5144;
  border-color: #DD5144;
  color: #ffffff;
}

.button-google-plus.button-outline, .footable.table tfoot tr.footable-editing td .button-google-plus.btn.footable-hide {
  background-color: transparent;
  color: #DD5144;
}

.button-google-plus.button-outline:hover, .footable.table tfoot tr.footable-editing td .button-google-plus.btn.footable-hide:hover {
  background-color: #DD5144;
  border-color: #DD5144;
  color: #ffffff;
}

.button-google-plus:hover {
  background-color: #e1655a;
  border-color: #e1655a;
  color: #ffffff;
}

.button-google {
  background-color: #4285F4;
  border-color: #4285F4;
  color: #ffffff;
}

.button-google.button-outline, .footable.table tfoot tr.footable-editing td .button-google.btn.footable-hide {
  background-color: transparent;
  color: #4285F4;
}

.button-google.button-outline:hover, .footable.table tfoot tr.footable-editing td .button-google.btn.footable-hide:hover {
  background-color: #4285F4;
  border-color: #4285F4;
  color: #ffffff;
}

.button-google:hover {
  background-color: #5a95f5;
  border-color: #5a95f5;
  color: #ffffff;
}

.button-instagram {
  background-color: #B23A94;
  border-color: #B23A94;
  color: #ffffff;
}

.button-instagram.button-outline, .footable.table tfoot tr.footable-editing td .button-instagram.btn.footable-hide {
  background-color: transparent;
  color: #B23A94;
}

.button-instagram.button-outline:hover, .footable.table tfoot tr.footable-editing td .button-instagram.btn.footable-hide:hover {
  background-color: #B23A94;
  border-color: #B23A94;
  color: #ffffff;
}

.button-instagram:hover {
  background-color: #c244a2;
  border-color: #c244a2;
  color: #ffffff;
}

.button-css3 {
  background-color: #0277BD;
  border-color: #0277BD;
  color: #ffffff;
}

.button-css3.button-outline, .footable.table tfoot tr.footable-editing td .button-css3.btn.footable-hide {
  background-color: transparent;
  color: #0277BD;
}

.button-css3.button-outline:hover, .footable.table tfoot tr.footable-editing td .button-css3.btn.footable-hide:hover {
  background-color: #0277BD;
  border-color: #0277BD;
  color: #ffffff;
}

.button-css3:hover {
  background-color: #0287d6;
  border-color: #0287d6;
  color: #ffffff;
}

.button-html5 {
  background-color: #E44D26;
  border-color: #E44D26;
  color: #ffffff;
}

.button-html5.button-outline, .footable.table tfoot tr.footable-editing td .button-html5.btn.footable-hide {
  background-color: transparent;
  color: #E44D26;
}

.button-html5.button-outline:hover, .footable.table tfoot tr.footable-editing td .button-html5.btn.footable-hide:hover {
  background-color: #E44D26;
  border-color: #E44D26;
  color: #ffffff;
}

.button-html5:hover {
  background-color: #e7603d;
  border-color: #e7603d;
  color: #ffffff;
}

.button-javascript {
  background-color: #F9DC3D;
  border-color: #F9DC3D;
  color: #ffffff;
}

.button-javascript.button-outline, .footable.table tfoot tr.footable-editing td .button-javascript.btn.footable-hide {
  background-color: transparent;
  color: #F9DC3D;
}

.button-javascript.button-outline:hover, .footable.table tfoot tr.footable-editing td .button-javascript.btn.footable-hide:hover {
  background-color: #F9DC3D;
  border-color: #F9DC3D;
  color: #ffffff;
}

.button-javascript:hover {
  background-color: #fae056;
  border-color: #fae056;
  color: #ffffff;
}

.button-python {
  background-color: #0C9DBF;
  border-color: #0C9DBF;
  color: #ffffff;
}

.button-python.button-outline, .footable.table tfoot tr.footable-editing td .button-python.btn.footable-hide {
  background-color: transparent;
  color: #0C9DBF;
}

.button-python.button-outline:hover, .footable.table tfoot tr.footable-editing td .button-python.btn.footable-hide:hover {
  background-color: #0C9DBF;
  border-color: #0C9DBF;
  color: #ffffff;
}

.button-python:hover {
  background-color: #0eb1d7;
  border-color: #0eb1d7;
  color: #ffffff;
}

.button-lastfm {
  background-color: #E31B23;
  border-color: #E31B23;
  color: #ffffff;
}

.button-lastfm.button-outline, .footable.table tfoot tr.footable-editing td .button-lastfm.btn.footable-hide {
  background-color: transparent;
  color: #E31B23;
}

.button-lastfm.button-outline:hover, .footable.table tfoot tr.footable-editing td .button-lastfm.btn.footable-hide:hover {
  background-color: #E31B23;
  border-color: #E31B23;
  color: #ffffff;
}

.button-lastfm:hover {
  background-color: #e63138;
  border-color: #e63138;
  color: #ffffff;
}

.button-linkedin {
  background-color: #007BB6;
  border-color: #007BB6;
  color: #ffffff;
}

.button-linkedin.button-outline, .footable.table tfoot tr.footable-editing td .button-linkedin.btn.footable-hide {
  background-color: transparent;
  color: #007BB6;
}

.button-linkedin.button-outline:hover, .footable.table tfoot tr.footable-editing td .button-linkedin.btn.footable-hide:hover {
  background-color: #007BB6;
  border-color: #007BB6;
  color: #ffffff;
}

.button-linkedin:hover {
  background-color: #008cd0;
  border-color: #008cd0;
  color: #ffffff;
}

.button-paypal {
  background-color: #002F86;
  border-color: #002F86;
  color: #ffffff;
}

.button-paypal.button-outline, .footable.table tfoot tr.footable-editing td .button-paypal.btn.footable-hide {
  background-color: transparent;
  color: #002F86;
}

.button-paypal.button-outline:hover, .footable.table tfoot tr.footable-editing td .button-paypal.btn.footable-hide:hover {
  background-color: #002F86;
  border-color: #002F86;
  color: #ffffff;
}

.button-paypal:hover {
  background-color: #0038a0;
  border-color: #0038a0;
  color: #ffffff;
}

.button-pinterest {
  background-color: #BD081B;
  border-color: #BD081B;
  color: #ffffff;
}

.button-pinterest.button-outline, .footable.table tfoot tr.footable-editing td .button-pinterest.btn.footable-hide {
  background-color: transparent;
  color: #BD081B;
}

.button-pinterest.button-outline:hover, .footable.table tfoot tr.footable-editing td .button-pinterest.btn.footable-hide:hover {
  background-color: #BD081B;
  border-color: #BD081B;
  color: #ffffff;
}

.button-pinterest:hover {
  background-color: #d5091e;
  border-color: #d5091e;
  color: #ffffff;
}

.button-pocket {
  background-color: #EF3E56;
  border-color: #EF3E56;
  color: #ffffff;
}

.button-pocket.button-outline, .footable.table tfoot tr.footable-editing td .button-pocket.btn.footable-hide {
  background-color: transparent;
  color: #EF3E56;
}

.button-pocket.button-outline:hover, .footable.table tfoot tr.footable-editing td .button-pocket.btn.footable-hide:hover {
  background-color: #EF3E56;
  border-color: #EF3E56;
  color: #ffffff;
}

.button-pocket:hover {
  background-color: #f1566b;
  border-color: #f1566b;
  color: #ffffff;
}

.button-polymer {
  background-color: #F87292;
  border-color: #F87292;
  color: #ffffff;
}

.button-polymer.button-outline, .footable.table tfoot tr.footable-editing td .button-polymer.btn.footable-hide {
  background-color: transparent;
  color: #F87292;
}

.button-polymer.button-outline:hover, .footable.table tfoot tr.footable-editing td .button-polymer.btn.footable-hide:hover {
  background-color: #F87292;
  border-color: #F87292;
  color: #ffffff;
}

.button-polymer:hover {
  background-color: #f98aa5;
  border-color: #f98aa5;
  color: #ffffff;
}

.button-rss {
  background-color: #F99C3A;
  border-color: #F99C3A;
  color: #ffffff;
}

.button-rss.button-outline, .footable.table tfoot tr.footable-editing td .button-rss.btn.footable-hide {
  background-color: transparent;
  color: #F99C3A;
}

.button-rss.button-outline:hover, .footable.table tfoot tr.footable-editing td .button-rss.btn.footable-hide:hover {
  background-color: #F99C3A;
  border-color: #F99C3A;
  color: #ffffff;
}

.button-rss:hover {
  background-color: #faa853;
  border-color: #faa853;
  color: #ffffff;
}

.button-share {
  background-color: #2C9CFF;
  border-color: #2C9CFF;
  color: #ffffff;
}

.button-share.button-outline, .footable.table tfoot tr.footable-editing td .button-share.btn.footable-hide {
  background-color: transparent;
  color: #2C9CFF;
}

.button-share.button-outline:hover, .footable.table tfoot tr.footable-editing td .button-share.btn.footable-hide:hover {
  background-color: #2C9CFF;
  border-color: #2C9CFF;
  color: #ffffff;
}

.button-share:hover {
  background-color: #46a8ff;
  border-color: #46a8ff;
  color: #ffffff;
}

.button-stackoverflow {
  background-color: #F38024;
  border-color: #F38024;
  color: #ffffff;
}

.button-stackoverflow.button-outline, .footable.table tfoot tr.footable-editing td .button-stackoverflow.btn.footable-hide {
  background-color: transparent;
  color: #F38024;
}

.button-stackoverflow.button-outline:hover, .footable.table tfoot tr.footable-editing td .button-stackoverflow.btn.footable-hide:hover {
  background-color: #F38024;
  border-color: #F38024;
  color: #ffffff;
}

.button-stackoverflow:hover {
  background-color: #f48e3c;
  border-color: #f48e3c;
  color: #ffffff;
}

.button-steam {
  background-color: #15497B;
  border-color: #15497B;
  color: #ffffff;
}

.button-steam.button-outline, .footable.table tfoot tr.footable-editing td .button-steam.btn.footable-hide {
  background-color: transparent;
  color: #15497B;
}

.button-steam.button-outline:hover, .footable.table tfoot tr.footable-editing td .button-steam.btn.footable-hide:hover {
  background-color: #15497B;
  border-color: #15497B;
  color: #ffffff;
}

.button-steam:hover {
  background-color: #195691;
  border-color: #195691;
  color: #ffffff;
}

.button-twitter {
  background-color: #1DA1F2;
  border-color: #1DA1F2;
  color: #ffffff;
}

.button-twitter.button-outline, .footable.table tfoot tr.footable-editing td .button-twitter.btn.footable-hide {
  background-color: transparent;
  color: #1DA1F2;
}

.button-twitter.button-outline:hover, .footable.table tfoot tr.footable-editing td .button-twitter.btn.footable-hide:hover {
  background-color: #1DA1F2;
  border-color: #1DA1F2;
  color: #ffffff;
}

.button-twitter:hover {
  background-color: #35abf3;
  border-color: #35abf3;
  color: #ffffff;
}

.button-vk {
  background-color: #5181B8;
  border-color: #5181B8;
  color: #ffffff;
}

.button-vk.button-outline, .footable.table tfoot tr.footable-editing td .button-vk.btn.footable-hide {
  background-color: transparent;
  color: #5181B8;
}

.button-vk.button-outline:hover, .footable.table tfoot tr.footable-editing td .button-vk.btn.footable-hide:hover {
  background-color: #5181B8;
  border-color: #5181B8;
  color: #ffffff;
}

.button-vk:hover {
  background-color: #638ebf;
  border-color: #638ebf;
  color: #ffffff;
}

.button-wikipedia {
  background-color: #E9E9E9;
  border-color: #E9E9E9;
  color: #343434;
}

.button-wikipedia.button-outline, .footable.table tfoot tr.footable-editing td .button-wikipedia.btn.footable-hide {
  background-color: transparent;
  color: #343434;
}

.button-wikipedia.button-outline:hover, .footable.table tfoot tr.footable-editing td .button-wikipedia.btn.footable-hide:hover {
  background-color: #E9E9E9;
  border-color: #E9E9E9;
  color: #343434;
}

.button-wikipedia:hover {
  background-color: #f6f6f6;
  border-color: #f6f6f6;
  color: #343434;
}

.button-windows {
  background-color: #0078D6;
  border-color: #0078D6;
  color: #ffffff;
}

.button-windows.button-outline, .footable.table tfoot tr.footable-editing td .button-windows.btn.footable-hide {
  background-color: transparent;
  color: #0078D6;
}

.button-windows.button-outline:hover, .footable.table tfoot tr.footable-editing td .button-windows.btn.footable-hide:hover {
  background-color: #0078D6;
  border-color: #0078D6;
  color: #ffffff;
}

.button-windows:hover {
  background-color: #0086f0;
  border-color: #0086f0;
  color: #ffffff;
}

.button-500px {
  background-color: #000000;
  border-color: #000000;
  color: #ffffff;
}

.button-500px.button-outline, .footable.table tfoot tr.footable-editing td .button-500px.btn.footable-hide {
  background-color: transparent;
  color: #000000;
}

.button-500px.button-outline:hover, .footable.table tfoot tr.footable-editing td .button-500px.btn.footable-hide:hover {
  background-color: #000000;
  border-color: #000000;
  color: #ffffff;
}

.button-500px:hover {
  background-color: #0d0d0d;
  border-color: #0d0d0d;
  color: #ffffff;
}

.button-8tracks {
  background-color: #122D4B;
  border-color: #122D4B;
  color: #ffffff;
}

.button-8tracks.button-outline, .footable.table tfoot tr.footable-editing td .button-8tracks.btn.footable-hide {
  background-color: transparent;
  color: #122D4B;
}

.button-8tracks.button-outline:hover, .footable.table tfoot tr.footable-editing td .button-8tracks.btn.footable-hide:hover {
  background-color: #122D4B;
  border-color: #122D4B;
  color: #ffffff;
}

.button-8tracks:hover {
  background-color: #173960;
  border-color: #173960;
  color: #ffffff;
}

.button-amazon {
  background-color: #F79B34;
  border-color: #F79B34;
  color: #ffffff;
}

.button-amazon.button-outline, .footable.table tfoot tr.footable-editing td .button-amazon.btn.footable-hide {
  background-color: transparent;
  color: #F79B34;
}

.button-amazon.button-outline:hover, .footable.table tfoot tr.footable-editing td .button-amazon.btn.footable-hide:hover {
  background-color: #F79B34;
  border-color: #F79B34;
  color: #ffffff;
}

.button-amazon:hover {
  background-color: #f8a74d;
  border-color: #f8a74d;
  color: #ffffff;
}

.button-blogger {
  background-color: #F06A35;
  border-color: #F06A35;
  color: #ffffff;
}

.button-blogger.button-outline, .footable.table tfoot tr.footable-editing td .button-blogger.btn.footable-hide {
  background-color: transparent;
  color: #F06A35;
}

.button-blogger.button-outline:hover, .footable.table tfoot tr.footable-editing td .button-blogger.btn.footable-hide:hover {
  background-color: #F06A35;
  border-color: #F06A35;
  color: #ffffff;
}

.button-blogger:hover {
  background-color: #f27c4d;
  border-color: #f27c4d;
  color: #ffffff;
}

.button-delicious {
  background-color: #0000FE;
  border-color: #0000FE;
  color: #ffffff;
}

.button-delicious.button-outline, .footable.table tfoot tr.footable-editing td .button-delicious.btn.footable-hide {
  background-color: transparent;
  color: #0000FE;
}

.button-delicious.button-outline:hover, .footable.table tfoot tr.footable-editing td .button-delicious.btn.footable-hide:hover {
  background-color: #0000FE;
  border-color: #0000FE;
  color: #ffffff;
}

.button-delicious:hover {
  background-color: #1919ff;
  border-color: #1919ff;
  color: #ffffff;
}

.button-disqus {
  background-color: #2E9EFE;
  border-color: #2E9EFE;
  color: #ffffff;
}

.button-disqus.button-outline, .footable.table tfoot tr.footable-editing td .button-disqus.btn.footable-hide {
  background-color: transparent;
  color: #2E9EFE;
}

.button-disqus.button-outline:hover, .footable.table tfoot tr.footable-editing td .button-disqus.btn.footable-hide:hover {
  background-color: #2E9EFE;
  border-color: #2E9EFE;
  color: #ffffff;
}

.button-disqus:hover {
  background-color: #47aafe;
  border-color: #47aafe;
  color: #ffffff;
}

.button-flattr {
  background-color: #7AB831;
  border-color: #7AB831;
  color: #ffffff;
}

.button-flattr.button-outline, .footable.table tfoot tr.footable-editing td .button-flattr.btn.footable-hide {
  background-color: transparent;
  color: #7AB831;
}

.button-flattr.button-outline:hover, .footable.table tfoot tr.footable-editing td .button-flattr.btn.footable-hide:hover {
  background-color: #7AB831;
  border-color: #7AB831;
  color: #ffffff;
}

.button-flattr:hover {
  background-color: #87ca38;
  border-color: #87ca38;
  color: #ffffff;
}

.button-flickr {
  background-color: #FE0084;
  border-color: #FE0084;
  color: #ffffff;
}

.button-flickr.button-outline, .footable.table tfoot tr.footable-editing td .button-flickr.btn.footable-hide {
  background-color: transparent;
  color: #FE0084;
}

.button-flickr.button-outline:hover, .footable.table tfoot tr.footable-editing td .button-flickr.btn.footable-hide:hover {
  background-color: #FE0084;
  border-color: #FE0084;
  color: #ffffff;
}

.button-flickr:hover {
  background-color: #ff1990;
  border-color: #ff1990;
  color: #ffffff;
}

.button-odnoklassniki {
  background-color: #F58220;
  border-color: #F58220;
  color: #ffffff;
}

.button-odnoklassniki.button-outline, .footable.table tfoot tr.footable-editing td .button-odnoklassniki.btn.footable-hide {
  background-color: transparent;
  color: #F58220;
}

.button-odnoklassniki.button-outline:hover, .footable.table tfoot tr.footable-editing td .button-odnoklassniki.btn.footable-hide:hover {
  background-color: #F58220;
  border-color: #F58220;
  color: #ffffff;
}

.button-odnoklassniki:hover {
  background-color: #f69038;
  border-color: #f69038;
  color: #ffffff;
}

.button-outlook {
  background-color: #0072C6;
  border-color: #0072C6;
  color: #ffffff;
}

.button-outlook.button-outline, .footable.table tfoot tr.footable-editing td .button-outlook.btn.footable-hide {
  background-color: transparent;
  color: #0072C6;
}

.button-outlook.button-outline:hover, .footable.table tfoot tr.footable-editing td .button-outlook.btn.footable-hide:hover {
  background-color: #0072C6;
  border-color: #0072C6;
  color: #ffffff;
}

.button-outlook:hover {
  background-color: #0081e0;
  border-color: #0081e0;
  color: #ffffff;
}

.button-playstation {
  background-color: #07418E;
  border-color: #07418E;
  color: #ffffff;
}

.button-playstation.button-outline, .footable.table tfoot tr.footable-editing td .button-playstation.btn.footable-hide {
  background-color: transparent;
  color: #07418E;
}

.button-playstation.button-outline:hover, .footable.table tfoot tr.footable-editing td .button-playstation.btn.footable-hide:hover {
  background-color: #07418E;
  border-color: #07418E;
  color: #ffffff;
}

.button-playstation:hover {
  background-color: #084ca6;
  border-color: #084ca6;
  color: #ffffff;
}

.button-reddit {
  background-color: #FF4500;
  border-color: #FF4500;
  color: #ffffff;
}

.button-reddit.button-outline, .footable.table tfoot tr.footable-editing td .button-reddit.btn.footable-hide {
  background-color: transparent;
  color: #FF4500;
}

.button-reddit.button-outline:hover, .footable.table tfoot tr.footable-editing td .button-reddit.btn.footable-hide:hover {
  background-color: #FF4500;
  border-color: #FF4500;
  color: #ffffff;
}

.button-reddit:hover {
  background-color: #ff581a;
  border-color: #ff581a;
  color: #ffffff;
}

.button-skype {
  background-color: #00A9F0;
  border-color: #00A9F0;
  color: #ffffff;
}

.button-skype.button-outline, .footable.table tfoot tr.footable-editing td .button-skype.btn.footable-hide {
  background-color: transparent;
  color: #00A9F0;
}

.button-skype.button-outline:hover, .footable.table tfoot tr.footable-editing td .button-skype.btn.footable-hide:hover {
  background-color: #00A9F0;
  border-color: #00A9F0;
  color: #ffffff;
}

.button-skype:hover {
  background-color: #0bb7ff;
  border-color: #0bb7ff;
  color: #ffffff;
}

.button-slideshare {
  background-color: #0077B5;
  border-color: #0077B5;
  color: #ffffff;
}

.button-slideshare.button-outline, .footable.table tfoot tr.footable-editing td .button-slideshare.btn.footable-hide {
  background-color: transparent;
  color: #0077B5;
}

.button-slideshare.button-outline:hover, .footable.table tfoot tr.footable-editing td .button-slideshare.btn.footable-hide:hover {
  background-color: #0077B5;
  border-color: #0077B5;
  color: #ffffff;
}

.button-slideshare:hover {
  background-color: #0088cf;
  border-color: #0088cf;
  color: #ffffff;
}

.button-soundcloud {
  background-color: #FE4900;
  border-color: #FE4900;
  color: #ffffff;
}

.button-soundcloud.button-outline, .footable.table tfoot tr.footable-editing td .button-soundcloud.btn.footable-hide {
  background-color: transparent;
  color: #FE4900;
}

.button-soundcloud.button-outline:hover, .footable.table tfoot tr.footable-editing td .button-soundcloud.btn.footable-hide:hover {
  background-color: #FE4900;
  border-color: #FE4900;
  color: #ffffff;
}

.button-soundcloud:hover {
  background-color: #ff5b19;
  border-color: #ff5b19;
  color: #ffffff;
}

.button-tumblr {
  background-color: #36465D;
  border-color: #36465D;
  color: #ffffff;
}

.button-tumblr.button-outline, .footable.table tfoot tr.footable-editing td .button-tumblr.btn.footable-hide {
  background-color: transparent;
  color: #36465D;
}

.button-tumblr.button-outline:hover, .footable.table tfoot tr.footable-editing td .button-tumblr.btn.footable-hide:hover {
  background-color: #36465D;
  border-color: #36465D;
  color: #ffffff;
}

.button-tumblr:hover {
  background-color: #3f526d;
  border-color: #3f526d;
  color: #ffffff;
}

.button-twitch {
  background-color: #6441A4;
  border-color: #6441A4;
  color: #ffffff;
}

.button-twitch.button-outline, .footable.table tfoot tr.footable-editing td .button-twitch.btn.footable-hide {
  background-color: transparent;
  color: #6441A4;
}

.button-twitch.button-outline:hover, .footable.table tfoot tr.footable-editing td .button-twitch.btn.footable-hide:hover {
  background-color: #6441A4;
  border-color: #6441A4;
  color: #ffffff;
}

.button-twitch:hover {
  background-color: #6f48b6;
  border-color: #6f48b6;
  color: #ffffff;
}

.button-vimeo {
  background-color: #1AB7EA;
  border-color: #1AB7EA;
  color: #ffffff;
}

.button-vimeo.button-outline, .footable.table tfoot tr.footable-editing td .button-vimeo.btn.footable-hide {
  background-color: transparent;
  color: #1AB7EA;
}

.button-vimeo.button-outline:hover, .footable.table tfoot tr.footable-editing td .button-vimeo.btn.footable-hide:hover {
  background-color: #1AB7EA;
  border-color: #1AB7EA;
  color: #ffffff;
}

.button-vimeo:hover {
  background-color: #31beec;
  border-color: #31beec;
  color: #ffffff;
}

.button-whatsapp {
  background-color: #189D0E;
  border-color: #189D0E;
  color: #ffffff;
}

.button-whatsapp.button-outline, .footable.table tfoot tr.footable-editing td .button-whatsapp.btn.footable-hide {
  background-color: transparent;
  color: #189D0E;
}

.button-whatsapp.button-outline:hover, .footable.table tfoot tr.footable-editing td .button-whatsapp.btn.footable-hide:hover {
  background-color: #189D0E;
  border-color: #189D0E;
  color: #ffffff;
}

.button-whatsapp:hover {
  background-color: #1cb410;
  border-color: #1cb410;
  color: #ffffff;
}

.button-xbox {
  background-color: #107C0F;
  border-color: #107C0F;
  color: #ffffff;
}

.button-xbox.button-outline, .footable.table tfoot tr.footable-editing td .button-xbox.btn.footable-hide {
  background-color: transparent;
  color: #107C0F;
}

.button-xbox.button-outline:hover, .footable.table tfoot tr.footable-editing td .button-xbox.btn.footable-hide:hover {
  background-color: #107C0F;
  border-color: #107C0F;
  color: #ffffff;
}

.button-xbox:hover {
  background-color: #139312;
  border-color: #139312;
  color: #ffffff;
}

.button-yahoo {
  background-color: #4101AF;
  border-color: #4101AF;
  color: #ffffff;
}

.button-yahoo.button-outline, .footable.table tfoot tr.footable-editing td .button-yahoo.btn.footable-hide {
  background-color: transparent;
  color: #4101AF;
}

.button-yahoo.button-outline:hover, .footable.table tfoot tr.footable-editing td .button-yahoo.btn.footable-hide:hover {
  background-color: #4101AF;
  border-color: #4101AF;
  color: #ffffff;
}

.button-yahoo:hover {
  background-color: #4a01c8;
  border-color: #4a01c8;
  color: #ffffff;
}

.button-youtube {
  background-color: #FE0000;
  border-color: #FE0000;
  color: #ffffff;
}

.button-youtube.button-outline, .footable.table tfoot tr.footable-editing td .button-youtube.btn.footable-hide {
  background-color: transparent;
  color: #FE0000;
}

.button-youtube.button-outline:hover, .footable.table tfoot tr.footable-editing td .button-youtube.btn.footable-hide:hover {
  background-color: #FE0000;
  border-color: #FE0000;
  color: #ffffff;
}

.button-youtube:hover {
  background-color: #ff1919;
  border-color: #ff1919;
  color: #ffffff;
}

/*--
    - Card
--------------------------------------*/
.card .card-header {
  background-color: transparent;
}

.card .card-footer {
  background-color: transparent;
}

.card-link {
  color: #428bfa;
}

.card-link:hover {
  color: #106df9;
}

/*--
    - List
--------------------------------------*/
.list-unstyled {
  list-style: none;
  padding: 0;
  margin: 0;
}

.list-icon {
  list-style: none;
  margin: 0;
  padding: 0;
}

.list-icon > li {
  position: relative;
  padding-left: 20px;
}

.list-icon > li::before {
  font-size: 105%;
  position: absolute;
  left: 0;
  top: 0;
  font-family: "Material-Design-Iconic-Font";
}

.list-icon.primary > li::before {
  color: #428bfa;
}

.list-icon.secondary > li::before {
  color: #fb7da4;
}

.list-icon.success > li::before {
  color: #29db2d;
}

.list-icon.danger > li::before {
  color: #fd427c;
}

.list-icon.warning > li::before {
  color: #ff9666;
}

.list-icon.info > li::before {
  color: #17a2b8;
}

.list-check > li::before {
  content: "\f26b";
}

.list-check-square > li::before {
  content: "\f26a";
}

.list-ticked > li::before {
  content: "\f267";
}

.list-star > li::before {
  content: "\f27d";
}

.list-star-circle > li::before {
  content: "\f27a";
}

.list-arrow > li::before {
  content: "\f2ee";
}

.list-caret > li::before {
  content: "\f2f6";
}

.list-chevron > li::before {
  content: "\f2fb";
}

.list-long-arrow > li::before {
  content: "\f301";
}

.list-forward > li::before {
  content: "\f2fd";
}

/*List Group*/
.list-group {
  list-style: none;
}

.list-group .list-group-item.active {
  background-color: #428bfa;
  border-color: #428bfa;
}

.list-group .list-group-item.disabled {
  color: #999999;
}

.list-group .list-group-item.list-group-item-primary {
  background-color: #a5c8fd;
}

.list-group .list-group-item.list-group-item-secondary {
  background-color: #fee0e9;
}

.list-group .list-group-item.list-group-item-success {
  background-color: #80ea83;
}

.list-group .list-group-item.list-group-item-danger {
  background-color: #fea7c2;
}

.list-group .list-group-item.list-group-item-warning {
  background-color: #ffdccc;
}

.list-group .list-group-item.list-group-item-info {
  background-color: #4cd3e9;
}

.list-group .list-group-item.list-group-item-dark {
  background-color: #b4b4b4;
}

.list-group .list-group-item .list-group {
  margin-top: .75rem;
}

/*--
    - Pagination
--------------------------------------*/
.pagination {
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-bottom: -10px;
  padding: 0;
}

.pagination .page-item {
  margin-right: 10px;
  margin-bottom: 10px;
}

.pagination .page-item:last-child {
  margin-right: 0;
}

.pagination .page-item .page-link {
  display: inline-block;
  background-color: transparent;
  color: #666666;
  border-radius: 4px;
  text-transform: capitalize;
  font-size: 15px;
  line-height: 24px;
  padding: 4px 15px;
  border-width: 1px;
  border-style: solid;
}

.pagination .page-item .page-link:hover {
  background-color: #428bfa;
  border-color: #428bfa;
  color: #ffffff;
}

.pagination .page-item.active .page-link {
  background-color: #428bfa;
  border-color: #428bfa;
  color: #ffffff;
}

.pagination.pagination-lg .page-item .page-link {
  font-size: 18px;
  padding: 10px 20px;
}

.pagination.pagination-sm .page-item .page-link {
  font-size: 12px;
  padding: 0 10px;
}

/*--
    - Progress
--------------------------------------*/
.progress {
  margin-bottom: 20px;
}

.progress:last-child {
  margin-bottom: 0;
}

.progress .progress-bar {
  background-color: #428bfa;
  font-size: 11px;
  line-height: 1;
}

.progress.progress-round {
  border-radius: 50px;
}

/*--
    - Spinner
--------------------------------------*/
.spinner-border.spinner-lg, .spinner-grow.spinner-lg {
  width: 46px;
  height: 46px;
}

.spinner-border.spinner-sm, .spinner-grow.spinner-sm {
  width: 18px;
  height: 18px;
}

/*--
    - Tab
--------------------------------------*/
.nav-tabs {
  border: none;
  padding: 0 0.5px;
}

.nav-tabs .nav-item {
  margin: 0 -0.5px;
}

.nav-tabs .nav-item .nav-link {
  background-color: transparent;
  border-radius: 0;
  border: 1px solid #dee2e6;
}

.nav-tabs .nav-item .nav-link.active {
  background-color: #428bfa;
  border-color: #428bfa;
  color: #ffffff;
}

.nav-tabs.flex-column {
  padding: 0.5px 0;
}

.nav-tabs.flex-column .nav-item {
  margin: -0.5px 0;
}

.nav-pills {
  padding: 0;
}

.nav-pills .nav-item .nav-link.active {
  background-color: #428bfa;
}

/*--
    - Fullcalendar
--------------------------------------*/
.fullcalendar .fc-toolbar .fc-button {
  background-color: transparent;
  border-color: #dddddd;
  -webkit-box-shadow: none;
          box-shadow: none;
  text-shadow: none;
  background-image: none;
  height: auto;
  margin-left: 0;
  margin-bottom: 0;
  margin-right: 10px;
  padding: 3px 12px;
}

.fullcalendar .fc-toolbar .fc-button:hover {
  background-color: #428bfa;
  border-color: #428bfa;
  color: #ffffff;
}

.fullcalendar .fc-toolbar .fc-button .fc-icon {
  font-family: inherit;
  margin: 0;
}

.fullcalendar .fc-toolbar .fc-button .fc-icon.fa {
  font-family: "FontAwesome" !important;
}

.fullcalendar .fc-toolbar .fc-button .fc-icon[class*="ti"] {
  font-family: "themify" !important;
}

.fullcalendar .fc-toolbar .fc-button .fc-icon.zmdi {
  font-family: "Material-Design-Iconic-Font" !important;
}

.fullcalendar .fc-toolbar .fc-button .fc-icon.crypto {
  font-family: "cryptocurrency-icons" !important;
}

.fullcalendar .fc-toolbar .fc-button:last-child {
  margin-right: 0;
}

.fullcalendar .fc-toolbar .fc-button.fc-state-active {
  background-color: #428bfa;
  border-color: #428bfa;
  color: #ffffff;
}

.fullcalendar .fc-toolbar h2 {
  font-size: 24px;
  font-weight: 700;
  line-height: 1;
}

.fullcalendar .fc-view-container .fc-event-container .fc-event {
  border-color: transparent;
  border-radius: 3px;
  padding: 3px 5px;
  background-color: #dddddd;
}

.fullcalendar .fc-view-container .fc-event-container .fc-event .fc-content {
  padding-bottom: 1px;
}

.fullcalendar .fc-view-container .fc-event-container .fc-event.fc-event-primary, .fullcalendar .fc-view-container .fc-event-container .fc-event.fc-event-secondary, .fullcalendar .fc-view-container .fc-event-container .fc-event.fc-event-success, .fullcalendar .fc-view-container .fc-event-container .fc-event.fc-event-danger, .fullcalendar .fc-view-container .fc-event-container .fc-event.fc-event-warning, .fullcalendar .fc-view-container .fc-event-container .fc-event.fc-event-info {
  color: #ffffff;
}

.fullcalendar .fc-view-container .fc-event-container .fc-event.fc-event-primary {
  background-color: #428bfa;
}

.fullcalendar .fc-view-container .fc-event-container .fc-event.fc-event-secondary {
  background-color: #fb7da4;
}

.fullcalendar .fc-view-container .fc-event-container .fc-event.fc-event-success {
  background-color: #29db2d;
}

.fullcalendar .fc-view-container .fc-event-container .fc-event.fc-event-danger {
  background-color: #fd427c;
}

.fullcalendar .fc-view-container .fc-event-container .fc-event.fc-event-warning {
  background-color: #ff9666;
}

.fullcalendar .fc-view-container .fc-event-container .fc-event.fc-event-info {
  background-color: #17a2b8;
}

.fullcalendar .fc-view-container .fc-day-grid-event {
  margin: 5px 5px 0;
}

@media only screen and (max-width: 575px) {
  .fullcalendar .fc-toolbar {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    margin-bottom: 0;
  }
  .fullcalendar .fc-toolbar > * {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 100%;
        -ms-flex: 1 0 100%;
            flex: 1 0 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: 15px;
  }
  .fullcalendar .fc-toolbar h2 {
    display: block;
    float: none;
  }
  .fullcalendar .fc-toolbar h2 {
    display: block;
    float: none;
  }
  .fullcalendar .fc-toolbar .fc-left {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
        -ms-flex-order: 3;
            order: 3;
  }
  .fullcalendar .fc-toolbar .fc-right {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2;
  }
  .fullcalendar .fc-toolbar .fc-center {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
  }
  .fullcalendar .fc-toolbar .fc-clear {
    display: none;
  }
}

/*--
    - Media Player
--------------------------------------*/
.plyr {
  border-radius: 4px;
  -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
          box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
}

.plyr .plyr__controls .plyr__control.plyr__tab-focus, .plyr .plyr__controls .plyr__control:hover, .plyr .plyr__controls .plyr__control[aria-expand="true"], .plyr .plyr__controls .plyr__control[aria-expanded="true"] {
  background-color: #428bfa;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.plyr .plyr__controls .plyr__volume input[type="range"].plyr__tab-focus::-moz-range-track, .plyr .plyr__controls .plyr__volume input[type="range"]::-moz-range-track, .plyr .plyr__controls .plyr__progress input[type="range"].plyr__tab-focus::-moz-range-track, .plyr .plyr__controls .plyr__progress input[type="range"]::-moz-range-track {
  box-shadow: none;
}

.plyr .plyr__controls .plyr__volume input[type="range"].plyr__tab-focus::-moz-range-progress, .plyr .plyr__controls .plyr__volume input[type="range"]::-moz-range-progress, .plyr .plyr__controls .plyr__progress input[type="range"].plyr__tab-focus::-moz-range-progress, .plyr .plyr__controls .plyr__progress input[type="range"]::-moz-range-progress {
  background-color: #428bfa;
  box-shadow: none;
}

.plyr .plyr__control--overlaid {
  background-color: rgba(66, 139, 250, 0.8);
}

.plyr .plyr__control--overlaid:hover {
  background-color: #428bfa;
}

/*--
    - Ratting
--------------------------------------*/
.rating {
  line-height: 1;
}

.rating-font-star i.zmdi-star, .rating-font-star i.zmdi-star-half {
  color: #FFBD12;
}

/*--
    - Sweetalert
--------------------------------------*/
.swal-modal .swal-footer {
  text-align: center;
}

/*--
    - Toasrt
--------------------------------------*/
#toastrOptions {
  width: 100%;
  white-space: pre-wrap;
  padding: 30px;
  border: 1px solid #eeeeee;
  margin: 0;
}

#toast-container .toast {
  opacity: 0.9;
  border-radius: 4px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
          box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
  margin-bottom: 10px;
  -webkit-transition: -webkit-box-shadow 0.3s ease 0s;
  transition: -webkit-box-shadow 0.3s ease 0s;
  -o-transition: box-shadow 0.3s ease 0s;
  transition: box-shadow 0.3s ease 0s;
  transition: box-shadow 0.3s ease 0s, -webkit-box-shadow 0.3s ease 0s;
  max-width: none;
  background-position: 15px 16px;
}

#toast-container .toast:last-child {
  margin-bottom: 0;
}

#toast-container .toast:hover {
  -webkit-box-shadow: 0 10px 15px rgba(0, 0, 0, 0.15);
          box-shadow: 0 10px 15px rgba(0, 0, 0, 0.15);
}

#toast-container .toast > div {
  margin-bottom: 10px;
}

#toast-container .toast > div:last-child {
  margin-bottom: 0;
}

#toast-container .toast .toast-progress {
  margin: 0;
  background-color: rgba(0, 0, 0, 0.3);
}

#toast-container .toast .toast-close-button {
  display: block;
  font-weight: 300;
  line-height: 18px;
  width: 18px;
  height: 18px;
  text-align: center;
  padding-bottom: 4px;
}

#toast-container .toast .toast-close-button:hover {
  opacity: 1;
  color: #ffffff;
  -webkit-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
          transform: rotate(360deg);
}

#toast-container .toast .toast-title {
  font-size: 16px;
}

#toast-container .toast .toast-message > div {
  margin-bottom: 10px;
}

#toast-container .toast .toast-message > div:last-child {
  margin-bottom: 0;
}

#toast-container .toast .toast-message > div > * {
  margin-bottom: 10px;
}

#toast-container .toast .toast-message > div > *:last-child {
  margin-bottom: 0;
}

#toast-container .toast .toast-message input {
  margin-bottom: 10px;
  border-color: #ffffff;
  color: #ffffff;
  max-width: 350px;
}

#toast-container .toast .toast-message a {
  margin-bottom: 10px;
  position: relative;
}

#toast-container .toast .toast-message a::before {
  position: absolute;
  left: auto;
  right: 0;
  bottom: 3px;
  height: 1px;
  width: 0;
  content: "";
  background-color: #ffffff;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

#toast-container .toast .toast-message a:hover {
  color: #ffffff;
}

#toast-container .toast .toast-message a:hover::before {
  width: 100%;
  left: 0;
}

#toast-container .toast .toast-message .btn {
  margin: 0 5px 5px 0 !important;
}

#toast-container .toast .toast-message .btn:last-child {
  margin-right: 0 !important;
}

#toast-container .toast.toast-success {
  background-color: #29db2d;
}

#toast-container .toast.toast-info {
  background-color: #17a2b8;
}

#toast-container .toast.toast-warning {
  background-color: #ff9666;
}

#toast-container .toast.toast-error {
  background-color: #fd427c;
}

/*----------------------------------------*/
/*  03. Form CSS
/*----------------------------------------*/
/*--
    - Basic
--------------------------------------*/
/*Help Text*/
.form-help-text {
  display: block;
  font-size: 13px;
  display: block;
  color: #999999;
  margin-top: 5px;
}

/*Form Group*/
.form-group {
  margin: 0;
}

/* provides a red astrix to denote required fields - this should be included in common stylesheet */
.form-group.required .control-label:after {
  content: "*";
  color: red;
  margin-left: 4px;
}

/*Label*/
label {
  display: block;
  line-height: 1;
  margin-bottom: 10px;
}

label:last-child {
  margin-bottom: 0;
}

label.inline {
  margin: 0;
  display: inline-block;
  margin-right: 15px;
}

label.inline:last-child {
  margin-right: 0;
}

/*Form Coltrol*/
.form-control, #toast-container .toast .toast-message input, .dataTables_wrapper .dataTables_length label input, .dataTables_wrapper .dataTables_filter label input, .dataTables_wrapper .dataTables_length label select, .dataTables_wrapper .dataTables_filter label select, .footable.table thead tr th .footable-filtering-search .input-group .form-control, .jsgrid-grid-header table tr th input, .jsgrid-grid-header table tr th select, .jsgrid-grid-header table tr td input, .jsgrid-grid-header table tr td select, body.skin-dark .footable.table thead tr th .footable-filtering-search .input-group .form-control, body.skin-dark .jsgrid-table tr th input:not(.jsgrid-button), body.skin-dark .jsgrid-table tr td input:not(.jsgrid-button), body.skin-dark .jsgrid-table tr th select, body.skin-dark .jsgrid-table tr td select {
  width: 100%;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 4px;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  line-height: 24px;
  padding: 10px 20px;
  color: #666666;
  height: auto;
}

.form-control:focus, #toast-container .toast .toast-message input:focus, .dataTables_wrapper .dataTables_length label input:focus, .dataTables_wrapper .dataTables_filter label input:focus, .dataTables_wrapper .dataTables_length label select:focus, .dataTables_wrapper .dataTables_filter label select:focus, .footable.table thead tr th .footable-filtering-search .input-group .form-control:focus, .jsgrid-grid-header table tr th input:focus, .jsgrid-grid-header table tr th select:focus, .jsgrid-grid-header table tr td input:focus, .jsgrid-grid-header table tr td select:focus, body.skin-dark .footable.table thead tr th .footable-filtering-search .input-group .form-control:focus, body.skin-dark .jsgrid-table tr th input:focus:not(.jsgrid-button), body.skin-dark .jsgrid-table tr td input:focus:not(.jsgrid-button), body.skin-dark .jsgrid-table tr th select:focus, body.skin-dark .jsgrid-table tr td select:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  border-color: #428bfa;
}

.form-control[readonly], #toast-container .toast .toast-message input[readonly], .dataTables_wrapper .dataTables_length label input[readonly], .dataTables_wrapper .dataTables_filter label input[readonly], .dataTables_wrapper .dataTables_length label select[readonly], .dataTables_wrapper .dataTables_filter label select[readonly], .footable.table thead tr th .footable-filtering-search .input-group .form-control[readonly], .jsgrid-grid-header table tr th input[readonly], .jsgrid-grid-header table tr th select[readonly], .jsgrid-grid-header table tr td input[readonly], .jsgrid-grid-header table tr td select[readonly], body.skin-dark .footable.table thead tr th .footable-filtering-search .input-group .form-control[readonly], body.skin-dark .jsgrid-table tr th input[readonly]:not(.jsgrid-button), body.skin-dark .jsgrid-table tr td input[readonly]:not(.jsgrid-button), body.skin-dark .jsgrid-table tr th select[readonly], body.skin-dark .jsgrid-table tr td select[readonly] {
  background-color: transparent;
  border-color: #dddddd;
}

.form-control[disabled], #toast-container .toast .toast-message input[disabled], .dataTables_wrapper .dataTables_length label input[disabled], .dataTables_wrapper .dataTables_filter label input[disabled], .dataTables_wrapper .dataTables_length label select[disabled], .dataTables_wrapper .dataTables_filter label select[disabled], .footable.table thead tr th .footable-filtering-search .input-group .form-control[disabled], .jsgrid-grid-header table tr th input[disabled], .jsgrid-grid-header table tr th select[disabled], .jsgrid-grid-header table tr td input[disabled], .jsgrid-grid-header table tr td select[disabled], body.skin-dark .footable.table thead tr th .footable-filtering-search .input-group .form-control[disabled], body.skin-dark .jsgrid-table tr th input[disabled]:not(.jsgrid-button), body.skin-dark .jsgrid-table tr td input[disabled]:not(.jsgrid-button), body.skin-dark .jsgrid-table tr th select[disabled], body.skin-dark .jsgrid-table tr td select[disabled] {
  background-color: transparent;
  border-color: #efefef;
  color: #cccccc;
}

.form-control[disabled]::-webkit-input-placeholder, #toast-container .toast .toast-message input[disabled]::-webkit-input-placeholder, .dataTables_wrapper .dataTables_length label input[disabled]::-webkit-input-placeholder, .dataTables_wrapper .dataTables_filter label input[disabled]::-webkit-input-placeholder, .dataTables_wrapper .dataTables_length label select[disabled]::-webkit-input-placeholder, .dataTables_wrapper .dataTables_filter label select[disabled]::-webkit-input-placeholder, .footable.table thead tr th .footable-filtering-search .input-group .form-control[disabled]::-webkit-input-placeholder, .jsgrid-grid-header table tr th input[disabled]::-webkit-input-placeholder, .jsgrid-grid-header table tr th select[disabled]::-webkit-input-placeholder, .jsgrid-grid-header table tr td input[disabled]::-webkit-input-placeholder, .jsgrid-grid-header table tr td select[disabled]::-webkit-input-placeholder, body.skin-dark .jsgrid-table tr th input:not(.jsgrid-button)[disabled]::-webkit-input-placeholder, body.skin-dark .jsgrid-table tr td input:not(.jsgrid-button)[disabled]::-webkit-input-placeholder, body.skin-dark .jsgrid-table tr th select[disabled]::-webkit-input-placeholder, body.skin-dark .jsgrid-table tr td select[disabled]::-webkit-input-placeholder {
  color: #cccccc;
}

.form-control[disabled]:-moz-placeholder, #toast-container .toast .toast-message input[disabled]:-moz-placeholder, .dataTables_wrapper .dataTables_length label input[disabled]:-moz-placeholder, .dataTables_wrapper .dataTables_filter label input[disabled]:-moz-placeholder, .dataTables_wrapper .dataTables_length label select[disabled]:-moz-placeholder, .dataTables_wrapper .dataTables_filter label select[disabled]:-moz-placeholder, .footable.table thead tr th .footable-filtering-search .input-group .form-control[disabled]:-moz-placeholder, .jsgrid-grid-header table tr th input[disabled]:-moz-placeholder, .jsgrid-grid-header table tr th select[disabled]:-moz-placeholder, .jsgrid-grid-header table tr td input[disabled]:-moz-placeholder, .jsgrid-grid-header table tr td select[disabled]:-moz-placeholder, body.skin-dark .jsgrid-table tr th input[disabled]:-moz-placeholder:not(.jsgrid-button), body.skin-dark .jsgrid-table tr td input[disabled]:-moz-placeholder:not(.jsgrid-button), body.skin-dark .jsgrid-table tr th select[disabled]:-moz-placeholder, body.skin-dark .jsgrid-table tr td select[disabled]:-moz-placeholder {
  color: #cccccc;
}

.form-control[disabled]::-moz-placeholder, #toast-container .toast .toast-message input[disabled]::-moz-placeholder, .dataTables_wrapper .dataTables_length label input[disabled]::-moz-placeholder, .dataTables_wrapper .dataTables_filter label input[disabled]::-moz-placeholder, .dataTables_wrapper .dataTables_length label select[disabled]::-moz-placeholder, .dataTables_wrapper .dataTables_filter label select[disabled]::-moz-placeholder, .footable.table thead tr th .footable-filtering-search .input-group .form-control[disabled]::-moz-placeholder, .jsgrid-grid-header table tr th input[disabled]::-moz-placeholder, .jsgrid-grid-header table tr th select[disabled]::-moz-placeholder, .jsgrid-grid-header table tr td input[disabled]::-moz-placeholder, .jsgrid-grid-header table tr td select[disabled]::-moz-placeholder, body.skin-dark .jsgrid-table tr th input:not(.jsgrid-button)[disabled]::-moz-placeholder, body.skin-dark .jsgrid-table tr td input:not(.jsgrid-button)[disabled]::-moz-placeholder, body.skin-dark .jsgrid-table tr th select[disabled]::-moz-placeholder, body.skin-dark .jsgrid-table tr td select[disabled]::-moz-placeholder {
  color: #cccccc;
}

.form-control[disabled]:-ms-input-placeholder, #toast-container .toast .toast-message input[disabled]:-ms-input-placeholder, .dataTables_wrapper .dataTables_length label input[disabled]:-ms-input-placeholder, .dataTables_wrapper .dataTables_filter label input[disabled]:-ms-input-placeholder, .dataTables_wrapper .dataTables_length label select[disabled]:-ms-input-placeholder, .dataTables_wrapper .dataTables_filter label select[disabled]:-ms-input-placeholder, .footable.table thead tr th .footable-filtering-search .input-group .form-control[disabled]:-ms-input-placeholder, .jsgrid-grid-header table tr th input[disabled]:-ms-input-placeholder, .jsgrid-grid-header table tr th select[disabled]:-ms-input-placeholder, .jsgrid-grid-header table tr td input[disabled]:-ms-input-placeholder, .jsgrid-grid-header table tr td select[disabled]:-ms-input-placeholder, body.skin-dark .jsgrid-table tr th input[disabled]:-ms-input-placeholder:not(.jsgrid-button), body.skin-dark .jsgrid-table tr td input[disabled]:-ms-input-placeholder:not(.jsgrid-button), body.skin-dark .jsgrid-table tr th select[disabled]:-ms-input-placeholder, body.skin-dark .jsgrid-table tr td select[disabled]:-ms-input-placeholder {
  color: #cccccc;
}

.form-control.nice-select, #toast-container .toast .toast-message input.nice-select, .dataTables_wrapper .dataTables_length label input.nice-select, .dataTables_wrapper .dataTables_filter label input.nice-select, .dataTables_wrapper .dataTables_length label select.nice-select, .dataTables_wrapper .dataTables_filter label select.nice-select, .footable.table thead tr th .footable-filtering-search .input-group .nice-select.form-control, .jsgrid-grid-header table tr th input.nice-select, .jsgrid-grid-header table tr th select.nice-select, .jsgrid-grid-header table tr td input.nice-select, .jsgrid-grid-header table tr td select.nice-select, body.skin-dark .footable.table thead tr th .footable-filtering-search .input-group .nice-select.form-control, body.skin-dark .jsgrid-table tr th input.nice-select:not(.jsgrid-button), body.skin-dark .jsgrid-table tr td input.nice-select:not(.jsgrid-button), body.skin-dark .jsgrid-table tr th select.nice-select, body.skin-dark .jsgrid-table tr td select.nice-select {
  padding-right: 35px;
}

.form-control.dark, #toast-container .toast .toast-message input.dark, .dataTables_wrapper .dataTables_length label input.dark, .dataTables_wrapper .dataTables_filter label input.dark, .dataTables_wrapper .dataTables_length label select.dark, .dataTables_wrapper .dataTables_filter label select.dark, .footable.table thead tr th .footable-filtering-search .input-group .dark.form-control, .jsgrid-grid-header table tr th input.dark, .jsgrid-grid-header table tr th select.dark, .jsgrid-grid-header table tr td input.dark, .jsgrid-grid-header table tr td select.dark, body.skin-dark .footable.table thead tr th .footable-filtering-search .input-group .dark.form-control, body.skin-dark .jsgrid-table tr th input.dark:not(.jsgrid-button), body.skin-dark .jsgrid-table tr td input.dark:not(.jsgrid-button), body.skin-dark .jsgrid-table tr th select.dark, body.skin-dark .jsgrid-table tr td select.dark, .form-control.focus-dark:focus, #toast-container .toast .toast-message input.focus-dark:focus, .dataTables_wrapper .dataTables_length label input.focus-dark:focus, .dataTables_wrapper .dataTables_filter label input.focus-dark:focus, .dataTables_wrapper .dataTables_length label select.focus-dark:focus, .dataTables_wrapper .dataTables_filter label select.focus-dark:focus, .footable.table thead tr th .footable-filtering-search .input-group .focus-dark.form-control:focus, .jsgrid-grid-header table tr th input.focus-dark:focus, .jsgrid-grid-header table tr th select.focus-dark:focus, .jsgrid-grid-header table tr td input.focus-dark:focus, .jsgrid-grid-header table tr td select.focus-dark:focus, body.skin-dark .jsgrid-table tr th input.focus-dark:focus:not(.jsgrid-button), body.skin-dark .jsgrid-table tr td input.focus-dark:focus:not(.jsgrid-button), body.skin-dark .jsgrid-table tr th select.focus-dark:focus, body.skin-dark .jsgrid-table tr td select.focus-dark:focus {
  border-color: #343434;
}

.form-control.primary, #toast-container .toast .toast-message input.primary, .dataTables_wrapper .dataTables_length label input.primary, .dataTables_wrapper .dataTables_filter label input.primary, .dataTables_wrapper .dataTables_length label select.primary, .dataTables_wrapper .dataTables_filter label select.primary, .footable.table thead tr th .footable-filtering-search .input-group .primary.form-control, .jsgrid-grid-header table tr th input.primary, .jsgrid-grid-header table tr th select.primary, .jsgrid-grid-header table tr td input.primary, .jsgrid-grid-header table tr td select.primary, body.skin-dark .footable.table thead tr th .footable-filtering-search .input-group .primary.form-control, body.skin-dark .jsgrid-table tr th input.primary:not(.jsgrid-button), body.skin-dark .jsgrid-table tr td input.primary:not(.jsgrid-button), body.skin-dark .jsgrid-table tr th select.primary, body.skin-dark .jsgrid-table tr td select.primary, .form-control.focus-primary:focus, #toast-container .toast .toast-message input.focus-primary:focus, .dataTables_wrapper .dataTables_length label input.focus-primary:focus, .dataTables_wrapper .dataTables_filter label input.focus-primary:focus, .dataTables_wrapper .dataTables_length label select.focus-primary:focus, .dataTables_wrapper .dataTables_filter label select.focus-primary:focus, .footable.table thead tr th .footable-filtering-search .input-group .focus-primary.form-control:focus, .jsgrid-grid-header table tr th input.focus-primary:focus, .jsgrid-grid-header table tr th select.focus-primary:focus, .jsgrid-grid-header table tr td input.focus-primary:focus, .jsgrid-grid-header table tr td select.focus-primary:focus, body.skin-dark .jsgrid-table tr th input.focus-primary:focus:not(.jsgrid-button), body.skin-dark .jsgrid-table tr td input.focus-primary:focus:not(.jsgrid-button), body.skin-dark .jsgrid-table tr th select.focus-primary:focus, body.skin-dark .jsgrid-table tr td select.focus-primary:focus {
  border-color: #428bfa;
}

.form-control.secondary, #toast-container .toast .toast-message input.secondary, .dataTables_wrapper .dataTables_length label input.secondary, .dataTables_wrapper .dataTables_filter label input.secondary, .dataTables_wrapper .dataTables_length label select.secondary, .dataTables_wrapper .dataTables_filter label select.secondary, .footable.table thead tr th .footable-filtering-search .input-group .secondary.form-control, .jsgrid-grid-header table tr th input.secondary, .jsgrid-grid-header table tr th select.secondary, .jsgrid-grid-header table tr td input.secondary, .jsgrid-grid-header table tr td select.secondary, body.skin-dark .footable.table thead tr th .footable-filtering-search .input-group .secondary.form-control, body.skin-dark .jsgrid-table tr th input.secondary:not(.jsgrid-button), body.skin-dark .jsgrid-table tr td input.secondary:not(.jsgrid-button), body.skin-dark .jsgrid-table tr th select.secondary, body.skin-dark .jsgrid-table tr td select.secondary, .form-control.focus-secondary:focus, #toast-container .toast .toast-message input.focus-secondary:focus, .dataTables_wrapper .dataTables_length label input.focus-secondary:focus, .dataTables_wrapper .dataTables_filter label input.focus-secondary:focus, .dataTables_wrapper .dataTables_length label select.focus-secondary:focus, .dataTables_wrapper .dataTables_filter label select.focus-secondary:focus, .footable.table thead tr th .footable-filtering-search .input-group .focus-secondary.form-control:focus, .jsgrid-grid-header table tr th input.focus-secondary:focus, .jsgrid-grid-header table tr th select.focus-secondary:focus, .jsgrid-grid-header table tr td input.focus-secondary:focus, .jsgrid-grid-header table tr td select.focus-secondary:focus, body.skin-dark .jsgrid-table tr th input.focus-secondary:focus:not(.jsgrid-button), body.skin-dark .jsgrid-table tr td input.focus-secondary:focus:not(.jsgrid-button), body.skin-dark .jsgrid-table tr th select.focus-secondary:focus, body.skin-dark .jsgrid-table tr td select.focus-secondary:focus {
  border-color: #fb7da4;
}

.form-control.success, #toast-container .toast .toast-message input.success, .dataTables_wrapper .dataTables_length label input.success, .dataTables_wrapper .dataTables_filter label input.success, .dataTables_wrapper .dataTables_length label select.success, .dataTables_wrapper .dataTables_filter label select.success, .footable.table thead tr th .footable-filtering-search .input-group .success.form-control, .jsgrid-grid-header table tr th input.success, .jsgrid-grid-header table tr th select.success, .jsgrid-grid-header table tr td input.success, .jsgrid-grid-header table tr td select.success, body.skin-dark .footable.table thead tr th .footable-filtering-search .input-group .success.form-control, body.skin-dark .jsgrid-table tr th input.success:not(.jsgrid-button), body.skin-dark .jsgrid-table tr td input.success:not(.jsgrid-button), body.skin-dark .jsgrid-table tr th select.success, body.skin-dark .jsgrid-table tr td select.success, .form-control.focus-success:focus, #toast-container .toast .toast-message input.focus-success:focus, .dataTables_wrapper .dataTables_length label input.focus-success:focus, .dataTables_wrapper .dataTables_filter label input.focus-success:focus, .dataTables_wrapper .dataTables_length label select.focus-success:focus, .dataTables_wrapper .dataTables_filter label select.focus-success:focus, .footable.table thead tr th .footable-filtering-search .input-group .focus-success.form-control:focus, .jsgrid-grid-header table tr th input.focus-success:focus, .jsgrid-grid-header table tr th select.focus-success:focus, .jsgrid-grid-header table tr td input.focus-success:focus, .jsgrid-grid-header table tr td select.focus-success:focus, body.skin-dark .jsgrid-table tr th input.focus-success:focus:not(.jsgrid-button), body.skin-dark .jsgrid-table tr td input.focus-success:focus:not(.jsgrid-button), body.skin-dark .jsgrid-table tr th select.focus-success:focus, body.skin-dark .jsgrid-table tr td select.focus-success:focus {
  border-color: #29db2d;
}

.form-control.danger, #toast-container .toast .toast-message input.danger, .dataTables_wrapper .dataTables_length label input.danger, .dataTables_wrapper .dataTables_filter label input.danger, .dataTables_wrapper .dataTables_length label select.danger, .dataTables_wrapper .dataTables_filter label select.danger, .footable.table thead tr th .footable-filtering-search .input-group .danger.form-control, .jsgrid-grid-header table tr th input.danger, .jsgrid-grid-header table tr th select.danger, .jsgrid-grid-header table tr td input.danger, .jsgrid-grid-header table tr td select.danger, body.skin-dark .footable.table thead tr th .footable-filtering-search .input-group .danger.form-control, body.skin-dark .jsgrid-table tr th input.danger:not(.jsgrid-button), body.skin-dark .jsgrid-table tr td input.danger:not(.jsgrid-button), body.skin-dark .jsgrid-table tr th select.danger, body.skin-dark .jsgrid-table tr td select.danger, .form-control.focus-danger:focus, #toast-container .toast .toast-message input.focus-danger:focus, .dataTables_wrapper .dataTables_length label input.focus-danger:focus, .dataTables_wrapper .dataTables_filter label input.focus-danger:focus, .dataTables_wrapper .dataTables_length label select.focus-danger:focus, .dataTables_wrapper .dataTables_filter label select.focus-danger:focus, .footable.table thead tr th .footable-filtering-search .input-group .focus-danger.form-control:focus, .jsgrid-grid-header table tr th input.focus-danger:focus, .jsgrid-grid-header table tr th select.focus-danger:focus, .jsgrid-grid-header table tr td input.focus-danger:focus, .jsgrid-grid-header table tr td select.focus-danger:focus, body.skin-dark .jsgrid-table tr th input.focus-danger:focus:not(.jsgrid-button), body.skin-dark .jsgrid-table tr td input.focus-danger:focus:not(.jsgrid-button), body.skin-dark .jsgrid-table tr th select.focus-danger:focus, body.skin-dark .jsgrid-table tr td select.focus-danger:focus {
  border-color: #fd427c;
}

.form-control.warning, #toast-container .toast .toast-message input.warning, .dataTables_wrapper .dataTables_length label input.warning, .dataTables_wrapper .dataTables_filter label input.warning, .dataTables_wrapper .dataTables_length label select.warning, .dataTables_wrapper .dataTables_filter label select.warning, .footable.table thead tr th .footable-filtering-search .input-group .warning.form-control, .jsgrid-grid-header table tr th input.warning, .jsgrid-grid-header table tr th select.warning, .jsgrid-grid-header table tr td input.warning, .jsgrid-grid-header table tr td select.warning, body.skin-dark .footable.table thead tr th .footable-filtering-search .input-group .warning.form-control, body.skin-dark .jsgrid-table tr th input.warning:not(.jsgrid-button), body.skin-dark .jsgrid-table tr td input.warning:not(.jsgrid-button), body.skin-dark .jsgrid-table tr th select.warning, body.skin-dark .jsgrid-table tr td select.warning, .form-control.focus-warning:focus, #toast-container .toast .toast-message input.focus-warning:focus, .dataTables_wrapper .dataTables_length label input.focus-warning:focus, .dataTables_wrapper .dataTables_filter label input.focus-warning:focus, .dataTables_wrapper .dataTables_length label select.focus-warning:focus, .dataTables_wrapper .dataTables_filter label select.focus-warning:focus, .footable.table thead tr th .footable-filtering-search .input-group .focus-warning.form-control:focus, .jsgrid-grid-header table tr th input.focus-warning:focus, .jsgrid-grid-header table tr th select.focus-warning:focus, .jsgrid-grid-header table tr td input.focus-warning:focus, .jsgrid-grid-header table tr td select.focus-warning:focus, body.skin-dark .jsgrid-table tr th input.focus-warning:focus:not(.jsgrid-button), body.skin-dark .jsgrid-table tr td input.focus-warning:focus:not(.jsgrid-button), body.skin-dark .jsgrid-table tr th select.focus-warning:focus, body.skin-dark .jsgrid-table tr td select.focus-warning:focus {
  border-color: #ff9666;
}

.form-control.info, #toast-container .toast .toast-message input.info, .dataTables_wrapper .dataTables_length label input.info, .dataTables_wrapper .dataTables_filter label input.info, .dataTables_wrapper .dataTables_length label select.info, .dataTables_wrapper .dataTables_filter label select.info, .footable.table thead tr th .footable-filtering-search .input-group .info.form-control, .jsgrid-grid-header table tr th input.info, .jsgrid-grid-header table tr th select.info, .jsgrid-grid-header table tr td input.info, .jsgrid-grid-header table tr td select.info, body.skin-dark .footable.table thead tr th .footable-filtering-search .input-group .info.form-control, body.skin-dark .jsgrid-table tr th input.info:not(.jsgrid-button), body.skin-dark .jsgrid-table tr td input.info:not(.jsgrid-button), body.skin-dark .jsgrid-table tr th select.info, body.skin-dark .jsgrid-table tr td select.info, .form-control.focus-info:focus, #toast-container .toast .toast-message input.focus-info:focus, .dataTables_wrapper .dataTables_length label input.focus-info:focus, .dataTables_wrapper .dataTables_filter label input.focus-info:focus, .dataTables_wrapper .dataTables_length label select.focus-info:focus, .dataTables_wrapper .dataTables_filter label select.focus-info:focus, .footable.table thead tr th .footable-filtering-search .input-group .focus-info.form-control:focus, .jsgrid-grid-header table tr th input.focus-info:focus, .jsgrid-grid-header table tr th select.focus-info:focus, .jsgrid-grid-header table tr td input.focus-info:focus, .jsgrid-grid-header table tr td select.focus-info:focus, body.skin-dark .jsgrid-table tr th input.focus-info:focus:not(.jsgrid-button), body.skin-dark .jsgrid-table tr td input.focus-info:focus:not(.jsgrid-button), body.skin-dark .jsgrid-table tr th select.focus-info:focus, body.skin-dark .jsgrid-table tr td select.focus-info:focus {
  border-color: #17a2b8;
}

.form-control.form-control-sm, #toast-container .toast .toast-message input.form-control-sm, .dataTables_wrapper .dataTables_length label input.form-control-sm, .dataTables_wrapper .dataTables_filter label input.form-control-sm, .dataTables_wrapper .dataTables_length label select.form-control-sm, .dataTables_wrapper .dataTables_filter label select.form-control-sm, .footable.table thead tr th .footable-filtering-search .input-group .form-control-sm.form-control, .jsgrid-grid-header table tr th input.form-control-sm, .jsgrid-grid-header table tr th select.form-control-sm, .jsgrid-grid-header table tr td input.form-control-sm, .jsgrid-grid-header table tr td select.form-control-sm, body.skin-dark .footable.table thead tr th .footable-filtering-search .input-group .form-control-sm.form-control, body.skin-dark .jsgrid-table tr th input.form-control-sm:not(.jsgrid-button), body.skin-dark .jsgrid-table tr td input.form-control-sm:not(.jsgrid-button), body.skin-dark .jsgrid-table tr th select.form-control-sm, body.skin-dark .jsgrid-table tr td select.form-control-sm {
  padding: 5px 15px;
  font-size: 12px;
}

.form-control.form-control-sm.nice-select, #toast-container .toast .toast-message input.form-control-sm.nice-select, .dataTables_wrapper .dataTables_length label input.form-control-sm.nice-select, .dataTables_wrapper .dataTables_filter label input.form-control-sm.nice-select, .dataTables_wrapper .dataTables_length label select.form-control-sm.nice-select, .dataTables_wrapper .dataTables_filter label select.form-control-sm.nice-select, .footable.table thead tr th .footable-filtering-search .input-group .form-control-sm.nice-select.form-control, .jsgrid-grid-header table tr th input.form-control-sm.nice-select, .jsgrid-grid-header table tr th select.form-control-sm.nice-select, .jsgrid-grid-header table tr td input.form-control-sm.nice-select, .jsgrid-grid-header table tr td select.form-control-sm.nice-select, body.skin-dark .jsgrid-table tr th input.form-control-sm.nice-select:not(.jsgrid-button), body.skin-dark .jsgrid-table tr td input.form-control-sm.nice-select:not(.jsgrid-button), body.skin-dark .jsgrid-table tr th select.form-control-sm.nice-select, body.skin-dark .jsgrid-table tr td select.form-control-sm.nice-select {
  padding-right: 35px;
}

.form-control.form-control-lg, #toast-container .toast .toast-message input.form-control-lg, .dataTables_wrapper .dataTables_length label input.form-control-lg, .dataTables_wrapper .dataTables_filter label input.form-control-lg, .dataTables_wrapper .dataTables_length label select.form-control-lg, .dataTables_wrapper .dataTables_filter label select.form-control-lg, .footable.table thead tr th .footable-filtering-search .input-group .form-control-lg.form-control, .jsgrid-grid-header table tr th input.form-control-lg, .jsgrid-grid-header table tr th select.form-control-lg, .jsgrid-grid-header table tr td input.form-control-lg, .jsgrid-grid-header table tr td select.form-control-lg, body.skin-dark .footable.table thead tr th .footable-filtering-search .input-group .form-control-lg.form-control, body.skin-dark .jsgrid-table tr th input.form-control-lg:not(.jsgrid-button), body.skin-dark .jsgrid-table tr td input.form-control-lg:not(.jsgrid-button), body.skin-dark .jsgrid-table tr th select.form-control-lg, body.skin-dark .jsgrid-table tr td select.form-control-lg {
  padding: 15px 25px;
  font-size: 16px;
}

.form-control.form-control-lg.nice-select, #toast-container .toast .toast-message input.form-control-lg.nice-select, .dataTables_wrapper .dataTables_length label input.form-control-lg.nice-select, .dataTables_wrapper .dataTables_filter label input.form-control-lg.nice-select, .dataTables_wrapper .dataTables_length label select.form-control-lg.nice-select, .dataTables_wrapper .dataTables_filter label select.form-control-lg.nice-select, .footable.table thead tr th .footable-filtering-search .input-group .form-control-lg.nice-select.form-control, .jsgrid-grid-header table tr th input.form-control-lg.nice-select, .jsgrid-grid-header table tr th select.form-control-lg.nice-select, .jsgrid-grid-header table tr td input.form-control-lg.nice-select, .jsgrid-grid-header table tr td select.form-control-lg.nice-select, body.skin-dark .jsgrid-table tr th input.form-control-lg.nice-select:not(.jsgrid-button), body.skin-dark .jsgrid-table tr td input.form-control-lg.nice-select:not(.jsgrid-button), body.skin-dark .jsgrid-table tr th select.form-control-lg.nice-select, body.skin-dark .jsgrid-table tr td select.form-control-lg.nice-select {
  padding-right: 35px;
}

/*Textarea*/
textarea.form-control, .footable.table thead tr th .footable-filtering-search .input-group textarea.form-control, body.skin-dark .footable.table thead tr th .footable-filtering-search .input-group textarea.form-control {
  height: 120px;
}

/*Select*/
select.form-control:not([multiple]), .dataTables_wrapper .dataTables_length label select:not([multiple]), .dataTables_wrapper .dataTables_filter label select:not([multiple]), .footable.table thead tr th .footable-filtering-search .input-group select.form-control:not([multiple]), .jsgrid-grid-header table tr th select:not([multiple]), .jsgrid-grid-header table tr td select:not([multiple]), body.skin-dark .jsgrid-table tr th select:not([multiple]), body.skin-dark .jsgrid-table tr td select:not([multiple]) {
  background-image: url(../images/icons/select-arrow-down.png);
  background-position: center right;
  background-repeat: no-repeat;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding: 9px 16px;
  padding-right: 35px;
}

select.form-control:not([multiple]).form-control-sm, .dataTables_wrapper .dataTables_length label select:not([multiple]).form-control-sm, .dataTables_wrapper .dataTables_filter label select:not([multiple]).form-control-sm, .footable.table thead tr th .footable-filtering-search .input-group select.form-control:not([multiple]).form-control-sm, .jsgrid-grid-header table tr th select:not([multiple]).form-control-sm, .jsgrid-grid-header table tr td select:not([multiple]).form-control-sm, body.skin-dark .jsgrid-table tr th select:not([multiple]).form-control-sm, body.skin-dark .jsgrid-table tr td select:not([multiple]).form-control-sm {
  padding: 5px 11px;
  font-size: 12px;
  padding-right: 35px;
}

select.form-control:not([multiple]).form-control-lg, .dataTables_wrapper .dataTables_length label select:not([multiple]).form-control-lg, .dataTables_wrapper .dataTables_filter label select:not([multiple]).form-control-lg, .footable.table thead tr th .footable-filtering-search .input-group select.form-control:not([multiple]).form-control-lg, .jsgrid-grid-header table tr th select:not([multiple]).form-control-lg, .jsgrid-grid-header table tr td select:not([multiple]).form-control-lg, body.skin-dark .jsgrid-table tr th select:not([multiple]).form-control-lg, body.skin-dark .jsgrid-table tr td select:not([multiple]).form-control-lg {
  padding: 15px 21px;
  font-size: 16px;
  padding-right: 35px;
}

/*Input Type Checkbox & Radio*/
input[type="checkbox"], input[type="radio"] {
  margin-right: 5px;
  position: relative;
  top: 1px;
}

/*--
    - Checkbox (Custom)
--------------------------------------*/
/*Checkbox One*/
.adomx-checkbox {
  display: block;
  position: relative;
  padding-left: 25px;
  line-height: 18px;
  min-width: 18px;
  min-height: 18px;
  cursor: default;
}

.adomx-checkbox input {
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  opacity: 0;
  width: 18px;
  height: 18px;
  visibility: hidden;
}

.adomx-checkbox input:checked + .icon {
  background-color: #428bfa;
  border-color: #428bfa;
}

.adomx-checkbox input:checked + .icon::before {
  opacity: 1;
}

.adomx-checkbox .icon {
  width: 18px;
  height: 18px;
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  border: 2px solid #bbbbbb;
  border-radius: 2px;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.adomx-checkbox .icon::before {
  content: "\f26b";
  font-family: "Material-Design-Iconic-Font";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  font-size: 14px;
  line-height: 14px;
  width: 100%;
  text-align: center;
  color: #ffffff;
  opacity: 0;
  margin-left: -1px;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.adomx-checkbox.primary input:checked + .icon {
  background-color: #428bfa;
  border-color: #428bfa;
}

.adomx-checkbox.secondary input:checked + .icon {
  background-color: #fb7da4;
  border-color: #fb7da4;
}

.adomx-checkbox.success input:checked + .icon {
  background-color: #29db2d;
  border-color: #29db2d;
}

.adomx-checkbox.danger input:checked + .icon {
  background-color: #fd427c;
  border-color: #fd427c;
}

.adomx-checkbox.warning input:checked + .icon {
  background-color: #ff9666;
  border-color: #ff9666;
}

.adomx-checkbox.info input:checked + .icon {
  background-color: #17a2b8;
  border-color: #17a2b8;
}

/*Checkbox Two*/
.adomx-checkbox-2 {
  display: block;
  position: relative;
  padding-left: 25px;
  line-height: 18px;
  margin: 0;
  cursor: default;
}

.adomx-checkbox-2 input {
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  opacity: 0;
  width: 18px;
  height: 18px;
  visibility: hidden;
}

.adomx-checkbox-2 input:checked + .icon {
  border-color: #428bfa;
}

.adomx-checkbox-2 input:checked + .icon::before {
  background-color: #428bfa;
}

.adomx-checkbox-2 .icon {
  width: 18px;
  height: 18px;
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  border: 2px solid #bbbbbb;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.adomx-checkbox-2 .icon::before {
  content: "";
  display: block;
  position: absolute;
  left: 3px;
  top: 3px;
  width: 8px;
  height: 8px;
  background-color: #aaaaaa;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.adomx-checkbox-2.primary input:checked + .icon {
  border-color: #428bfa;
}

.adomx-checkbox-2.primary input:checked + .icon::before {
  background-color: #428bfa;
}

.adomx-checkbox-2.secondary input:checked + .icon {
  border-color: #fb7da4;
}

.adomx-checkbox-2.secondary input:checked + .icon::before {
  background-color: #fb7da4;
}

.adomx-checkbox-2.success input:checked + .icon {
  border-color: #29db2d;
}

.adomx-checkbox-2.success input:checked + .icon::before {
  background-color: #29db2d;
}

.adomx-checkbox-2.danger input:checked + .icon {
  border-color: #fd427c;
}

.adomx-checkbox-2.danger input:checked + .icon::before {
  background-color: #fd427c;
}

.adomx-checkbox-2.warning input:checked + .icon {
  border-color: #ff9666;
}

.adomx-checkbox-2.warning input:checked + .icon::before {
  background-color: #ff9666;
}

.adomx-checkbox-2.info input:checked + .icon {
  border-color: #17a2b8;
}

.adomx-checkbox-2.info input:checked + .icon::before {
  background-color: #17a2b8;
}

/*--
    - Radio (Custom)
--------------------------------------*/
/*Radio One*/
.adomx-radio {
  display: block;
  position: relative;
  padding-left: 25px;
  line-height: 18px;
  margin: 0;
  cursor: default;
}

.adomx-radio input {
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  opacity: 0;
  width: 18px;
  height: 18px;
  visibility: hidden;
}

.adomx-radio input:checked + .icon {
  border-color: #428bfa;
}

.adomx-radio input:checked + .icon::before {
  background-color: #428bfa;
}

.adomx-radio .icon {
  width: 18px;
  height: 18px;
  display: block;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  border: 2px solid #bbbbbb;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.adomx-radio .icon::before {
  content: "";
  display: block;
  border-radius: 50%;
  position: absolute;
  left: 3px;
  top: 3px;
  width: 8px;
  height: 8px;
  background-color: #aaaaaa;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.adomx-radio.primary input:checked + .icon {
  border-color: #428bfa;
}

.adomx-radio.primary input:checked + .icon::before {
  background-color: #428bfa;
}

.adomx-radio.secondary input:checked + .icon {
  border-color: #fb7da4;
}

.adomx-radio.secondary input:checked + .icon::before {
  background-color: #fb7da4;
}

.adomx-radio.success input:checked + .icon {
  border-color: #29db2d;
}

.adomx-radio.success input:checked + .icon::before {
  background-color: #29db2d;
}

.adomx-radio.danger input:checked + .icon {
  border-color: #fd427c;
}

.adomx-radio.danger input:checked + .icon::before {
  background-color: #fd427c;
}

.adomx-radio.warning input:checked + .icon {
  border-color: #ff9666;
}

.adomx-radio.warning input:checked + .icon::before {
  background-color: #ff9666;
}

.adomx-radio.info input:checked + .icon {
  border-color: #17a2b8;
}

.adomx-radio.info input:checked + .icon::before {
  background-color: #17a2b8;
}

/*Radio Two*/
.adomx-radio-2 {
  display: block;
  position: relative;
  padding-left: 25px;
  line-height: 18px;
  margin: 0;
  cursor: default;
}

.adomx-radio-2 input {
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  opacity: 0;
  width: 18px;
  height: 18px;
  visibility: hidden;
}

.adomx-radio-2 input:checked + .icon {
  background-color: #428bfa;
}

.adomx-radio-2 input:checked + .icon::before {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
  opacity: 1;
}

.adomx-radio-2 .icon {
  width: 18px;
  height: 18px;
  display: block;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  background-color: #cccccc;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.adomx-radio-2 .icon::before {
  content: "";
  display: block;
  border-radius: 50%;
  position: absolute;
  left: 5px;
  top: 5px;
  width: 8px;
  height: 8px;
  background-color: #ffffff;
  opacity: 0;
  -webkit-transform: scale(3);
      -ms-transform: scale(3);
          transform: scale(3);
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.adomx-radio-2.primary input:checked + .icon {
  background-color: #428bfa;
}

.adomx-radio-2.secondary input:checked + .icon {
  background-color: #fb7da4;
}

.adomx-radio-2.success input:checked + .icon {
  background-color: #29db2d;
}

.adomx-radio-2.danger input:checked + .icon {
  background-color: #fd427c;
}

.adomx-radio-2.warning input:checked + .icon {
  background-color: #ff9666;
}

.adomx-radio-2.info input:checked + .icon {
  background-color: #17a2b8;
}

/*--
    - Range Slider
--------------------------------------*/
.irs.irs--round .irs .irs-line {
  height: 8px;
  border-radius: 50px;
}

.irs.irs--round .irs .irs-min, .irs.irs--round .irs .irs-max, .irs.irs--round .irs .irs-from, .irs.irs--round .irs .irs-to, .irs.irs--round .irs .irs-single {
  font-size: 12px;
  padding: 6px 5px 4px;
}

.irs.irs--round .irs .irs-from, .irs.irs--round .irs .irs-to, .irs.irs--round .irs .irs-single {
  background-color: #428bfa;
}

.irs.irs--round .irs .irs-from::before, .irs.irs--round .irs .irs-to::before, .irs.irs--round .irs .irs-single::before {
  border-top-color: #428bfa;
}

.irs.irs--round .irs-bar {
  height: 8px;
  background-color: #428bfa;
  border-radius: 50px;
}

.irs.irs--round .irs-handle {
  border: 3px solid #ffffff;
  background-color: #428bfa;
  -webkit-box-shadow: none;
          box-shadow: none;
  top: 27px;
}

.irs.irs--flat .irs .irs-line {
  height: 8px;
  border-radius: 50px;
}

.irs.irs--flat .irs .irs-from, .irs.irs--flat .irs .irs-to, .irs.irs--flat .irs .irs-single {
  background-color: #428bfa;
}

.irs.irs--flat .irs .irs-from::before, .irs.irs--flat .irs .irs-to::before, .irs.irs--flat .irs .irs-single::before {
  border-top-color: #428bfa;
}

.irs.irs--flat .irs-bar {
  height: 8px;
  background-color: #428bfa;
  border-radius: 0;
}

.irs.irs--flat .irs-handle {
  top: 20px;
}

.irs.irs--flat .irs-handle > i:first-child {
  background-color: #297cf9;
}

.irs.irs--square .irs .irs-line {
  height: 8px;
  border-radius: 0;
}

.irs.irs--square .irs .irs-min, .irs.irs--square .irs .irs-max, .irs.irs--square .irs .irs-from, .irs.irs--square .irs .irs-to, .irs.irs--square .irs .irs-single {
  font-size: 12px;
  padding: 5px 5px 3px;
}

.irs.irs--square .irs .irs-from, .irs.irs--square .irs .irs-to, .irs.irs--square .irs .irs-single {
  background-color: #428bfa;
}

.irs.irs--square .irs-bar {
  height: 8px;
  background-color: #428bfa;
  border-radius: 0;
}

.irs.irs--square .irs-handle {
  background-color: #428bfa;
  border-color: #ffffff;
  top: 27px;
}

.irs.irs-lg.irs--round .irs .irs-line, .irs.irs-lg.irs--flat .irs .irs-line, .irs.irs-lg.irs--square .irs .irs-line {
  height: 14px;
}

.irs.irs-lg.irs--round .irs-bar, .irs.irs-lg.irs--flat .irs-bar, .irs.irs-lg.irs--square .irs-bar {
  height: 14px;
}

.irs.irs-lg.irs--round .irs-handle, .irs.irs-lg.irs--flat .irs-handle, .irs.irs-lg.irs--square .irs-handle {
  top: 28px;
  width: 30px;
  height: 30px;
}

.irs.irs-lg.irs--flat .irs-handle {
  top: 21px;
  height: 22px;
}

.irs.irs-lg.irs--square .irs-handle {
  top: 26px;
  width: 24px;
  height: 24px;
}

.irs.irs-sm.irs--round .irs .irs-line, .irs.irs-sm.irs--flat .irs .irs-line, .irs.irs-sm.irs--square .irs .irs-line {
  height: 4px;
}

.irs.irs-sm.irs--round .irs-bar, .irs.irs-sm.irs--flat .irs-bar, .irs.irs-sm.irs--square .irs-bar {
  height: 4px;
}

.irs.irs-sm.irs--round .irs-handle, .irs.irs-sm.irs--flat .irs-handle, .irs.irs-sm.irs--square .irs-handle {
  top: 31px;
  width: 14px;
  height: 14px;
}

.irs.irs-sm.irs--flat .irs-handle {
  top: 22px;
  height: 10px;
}

.irs.irs-sm.irs--square .irs-handle {
  top: 26px;
}

.irs.secondary.irs--round .irs .irs-from, .irs.secondary.irs--round .irs .irs-to, .irs.secondary.irs--round .irs .irs-single, .irs.secondary.irs--flat .irs .irs-from, .irs.secondary.irs--flat .irs .irs-to, .irs.secondary.irs--flat .irs .irs-single, .irs.secondary.irs--square .irs .irs-from, .irs.secondary.irs--square .irs .irs-to, .irs.secondary.irs--square .irs .irs-single {
  background-color: #fb7da4;
}

.irs.secondary.irs--round .irs .irs-from::before, .irs.secondary.irs--round .irs .irs-to::before, .irs.secondary.irs--round .irs .irs-single::before, .irs.secondary.irs--flat .irs .irs-from::before, .irs.secondary.irs--flat .irs .irs-to::before, .irs.secondary.irs--flat .irs .irs-single::before, .irs.secondary.irs--square .irs .irs-from::before, .irs.secondary.irs--square .irs .irs-to::before, .irs.secondary.irs--square .irs .irs-single::before {
  border-top-color: #fb7da4;
}

.irs.secondary.irs--round .irs-bar, .irs.secondary.irs--round .irs-handle, .irs.secondary.irs--flat .irs-bar, .irs.secondary.irs--flat .irs-handle, .irs.secondary.irs--square .irs-bar, .irs.secondary.irs--square .irs-handle {
  background-color: #fb7da4;
}

.irs.secondary.irs--flat .irs-handle {
  background-color: transparent;
}

.irs.secondary.irs--flat .irs-handle > i:first-child {
  background-color: #fa6493;
}

.irs.secondary.irs--square .irs .irs-from::before, .irs.secondary.irs--square .irs .irs-to::before, .irs.secondary.irs--square .irs .irs-single::before {
  border-top-color: transparent;
}

.irs.success.irs--round .irs .irs-from, .irs.success.irs--round .irs .irs-to, .irs.success.irs--round .irs .irs-single, .irs.success.irs--flat .irs .irs-from, .irs.success.irs--flat .irs .irs-to, .irs.success.irs--flat .irs .irs-single, .irs.success.irs--square .irs .irs-from, .irs.success.irs--square .irs .irs-to, .irs.success.irs--square .irs .irs-single {
  background-color: #29db2d;
}

.irs.success.irs--round .irs .irs-from::before, .irs.success.irs--round .irs .irs-to::before, .irs.success.irs--round .irs .irs-single::before, .irs.success.irs--flat .irs .irs-from::before, .irs.success.irs--flat .irs .irs-to::before, .irs.success.irs--flat .irs .irs-single::before, .irs.success.irs--square .irs .irs-from::before, .irs.success.irs--square .irs .irs-to::before, .irs.success.irs--square .irs .irs-single::before {
  border-top-color: #29db2d;
}

.irs.success.irs--round .irs-bar, .irs.success.irs--round .irs-handle, .irs.success.irs--flat .irs-bar, .irs.success.irs--flat .irs-handle, .irs.success.irs--square .irs-bar, .irs.success.irs--square .irs-handle {
  background-color: #29db2d;
}

.irs.success.irs--flat .irs-handle {
  background-color: transparent;
}

.irs.success.irs--flat .irs-handle > i:first-child {
  background-color: #22c926;
}

.irs.success.irs--square .irs .irs-from::before, .irs.success.irs--square .irs .irs-to::before, .irs.success.irs--square .irs .irs-single::before {
  border-top-color: transparent;
}

.irs.danger.irs--round .irs .irs-from, .irs.danger.irs--round .irs .irs-to, .irs.danger.irs--round .irs .irs-single, .irs.danger.irs--flat .irs .irs-from, .irs.danger.irs--flat .irs .irs-to, .irs.danger.irs--flat .irs .irs-single, .irs.danger.irs--square .irs .irs-from, .irs.danger.irs--square .irs .irs-to, .irs.danger.irs--square .irs .irs-single {
  background-color: #fd427c;
}

.irs.danger.irs--round .irs .irs-from::before, .irs.danger.irs--round .irs .irs-to::before, .irs.danger.irs--round .irs .irs-single::before, .irs.danger.irs--flat .irs .irs-from::before, .irs.danger.irs--flat .irs .irs-to::before, .irs.danger.irs--flat .irs .irs-single::before, .irs.danger.irs--square .irs .irs-from::before, .irs.danger.irs--square .irs .irs-to::before, .irs.danger.irs--square .irs .irs-single::before {
  border-top-color: #fd427c;
}

.irs.danger.irs--round .irs-bar, .irs.danger.irs--round .irs-handle, .irs.danger.irs--flat .irs-bar, .irs.danger.irs--flat .irs-handle, .irs.danger.irs--square .irs-bar, .irs.danger.irs--square .irs-handle {
  background-color: #fd427c;
}

.irs.danger.irs--flat .irs-handle {
  background-color: transparent;
}

.irs.danger.irs--flat .irs-handle > i:first-child {
  background-color: #fd296b;
}

.irs.danger.irs--square .irs .irs-from::before, .irs.danger.irs--square .irs .irs-to::before, .irs.danger.irs--square .irs .irs-single::before {
  border-top-color: transparent;
}

.irs.warning.irs--round .irs .irs-from, .irs.warning.irs--round .irs .irs-to, .irs.warning.irs--round .irs .irs-single, .irs.warning.irs--flat .irs .irs-from, .irs.warning.irs--flat .irs .irs-to, .irs.warning.irs--flat .irs .irs-single, .irs.warning.irs--square .irs .irs-from, .irs.warning.irs--square .irs .irs-to, .irs.warning.irs--square .irs .irs-single {
  background-color: #ff9666;
}

.irs.warning.irs--round .irs .irs-from::before, .irs.warning.irs--round .irs .irs-to::before, .irs.warning.irs--round .irs .irs-single::before, .irs.warning.irs--flat .irs .irs-from::before, .irs.warning.irs--flat .irs .irs-to::before, .irs.warning.irs--flat .irs .irs-single::before, .irs.warning.irs--square .irs .irs-from::before, .irs.warning.irs--square .irs .irs-to::before, .irs.warning.irs--square .irs .irs-single::before {
  border-top-color: #ff9666;
}

.irs.warning.irs--round .irs-bar, .irs.warning.irs--round .irs-handle, .irs.warning.irs--flat .irs-bar, .irs.warning.irs--flat .irs-handle, .irs.warning.irs--square .irs-bar, .irs.warning.irs--square .irs-handle {
  background-color: #ff9666;
}

.irs.warning.irs--flat .irs-handle {
  background-color: transparent;
}

.irs.warning.irs--flat .irs-handle > i:first-child {
  background-color: #ff854d;
}

.irs.warning.irs--square .irs .irs-from::before, .irs.warning.irs--square .irs .irs-to::before, .irs.warning.irs--square .irs .irs-single::before {
  border-top-color: transparent;
}

.irs.info.irs--round .irs .irs-from, .irs.info.irs--round .irs .irs-to, .irs.info.irs--round .irs .irs-single, .irs.info.irs--flat .irs .irs-from, .irs.info.irs--flat .irs .irs-to, .irs.info.irs--flat .irs .irs-single, .irs.info.irs--square .irs .irs-from, .irs.info.irs--square .irs .irs-to, .irs.info.irs--square .irs .irs-single {
  background-color: #17a2b8;
}

.irs.info.irs--round .irs .irs-from::before, .irs.info.irs--round .irs .irs-to::before, .irs.info.irs--round .irs .irs-single::before, .irs.info.irs--flat .irs .irs-from::before, .irs.info.irs--flat .irs .irs-to::before, .irs.info.irs--flat .irs .irs-single::before, .irs.info.irs--square .irs .irs-from::before, .irs.info.irs--square .irs .irs-to::before, .irs.info.irs--square .irs .irs-single::before {
  border-top-color: #17a2b8;
}

.irs.info.irs--round .irs-bar, .irs.info.irs--round .irs-handle, .irs.info.irs--flat .irs-bar, .irs.info.irs--flat .irs-handle, .irs.info.irs--square .irs-bar, .irs.info.irs--square .irs-handle {
  background-color: #17a2b8;
}

.irs.info.irs--flat .irs-handle {
  background-color: transparent;
}

.irs.info.irs--flat .irs-handle > i:first-child {
  background-color: #148ea1;
}

.irs.info.irs--square .irs .irs-from::before, .irs.info.irs--square .irs .irs-to::before, .irs.info.irs--square .irs .irs-single::before {
  border-top-color: transparent;
}

/*--
    - Select
--------------------------------------*/
/*Select 2*/
.select2-container--default.select2 {
  width: 100% !important;
  background-color: #ffffff;
}

.select2-container--default .select2-selection--single, .select2-container--default .select2-selection--multiple {
  width: 100%;
  background-color: transparent;
  border: 1px solid #dddddd;
  border-radius: 4px;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  line-height: 24px;
  padding: 10px 20px;
  height: auto;
}

.select2-container--default .select2-selection--single .select2-selection__rendered, .select2-container--default .select2-selection--multiple .select2-selection__rendered {
  line-height: 24px;
  padding: 0;
  color: #666666;
}

.select2-container--default .select2-selection--single .select2-selection__arrow, .select2-container--default .select2-selection--multiple .select2-selection__arrow {
  width: 46px;
  height: 46px;
  text-align: center;
}

.select2-container--default .select2-selection--single .select2-selection__arrow::before, .select2-container--default .select2-selection--multiple .select2-selection__arrow::before {
  content: "\f2f9";
  font-family: "Material-Design-Iconic-Font";
  font-size: 20px;
  color: #999999;
  line-height: 46px;
  display: block;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b, .select2-container--default .select2-selection--multiple .select2-selection__arrow b {
  display: none;
}

.select2-container--default .select2-selection--multiple {
  padding-top: 5px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  border: none;
  background-color: #428bfa;
  color: #ffffff;
  font-size: 14px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove {
  color: inherit;
  margin-right: 5px;
  line-height: 22px;
}

.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: transparent;
  border-color: #efefef;
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__rendered {
  color: #cccccc;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow::before {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.select2-container--default .select2-dropdown {
  border-color: #dddddd;
}

.select2-container--default .select2-search--dropdown {
  padding: 15px;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  border-color: #dddddd;
  border-radius: 4px;
}

.select2-container--default .select2-results .select2-results__options .select2-results__option {
  padding: 5px 15px;
}

.select2-container--default .select2-results .select2-results__options .select2-results__option[role="group"] {
  padding: 0;
}

.select2-container--default .select2-results .select2-results__options .select2-results__option .select2-results__group {
  padding: 5px 15px;
}

.select2-container--default .select2-results .select2-results__options .select2-results__options--nested .select2-results__option {
  padding: 5px 25px;
}

/*Nice Select*/
.nice-select::after {
  width: 8px;
  height: 8px;
  right: 20px;
}

.nice-select .list {
  width: 100%;
  margin: 0;
  border: 1px solid #dddddd;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 0 0 4px 4px;
  max-height: 200px;
  overflow-y: auto;
}

/*Bootstrap Select*/
.form-control.bSelect[readonly], #toast-container .toast .toast-message input.bSelect[readonly], .dataTables_wrapper .dataTables_length label input.bSelect[readonly], .dataTables_wrapper .dataTables_filter label input.bSelect[readonly], .dataTables_wrapper .dataTables_length label select.bSelect[readonly], .dataTables_wrapper .dataTables_filter label select.bSelect[readonly], .footable.table thead tr th .footable-filtering-search .input-group .bSelect.form-control[readonly], .jsgrid-grid-header table tr th input.bSelect[readonly], .jsgrid-grid-header table tr th select.bSelect[readonly], .jsgrid-grid-header table tr td input.bSelect[readonly], .jsgrid-grid-header table tr td select.bSelect[readonly], body.skin-dark .jsgrid-table tr th input.bSelect[readonly]:not(.jsgrid-button), body.skin-dark .jsgrid-table tr td input.bSelect[readonly]:not(.jsgrid-button), body.skin-dark .jsgrid-table tr th select.bSelect[readonly], body.skin-dark .jsgrid-table tr td select.bSelect[readonly] {
  background-color: transparent;
  border-color: #dddddd;
}

.form-control.bSelect[disabled], #toast-container .toast .toast-message input.bSelect[disabled], .dataTables_wrapper .dataTables_length label input.bSelect[disabled], .dataTables_wrapper .dataTables_filter label input.bSelect[disabled], .dataTables_wrapper .dataTables_length label select.bSelect[disabled], .dataTables_wrapper .dataTables_filter label select.bSelect[disabled], .footable.table thead tr th .footable-filtering-search .input-group .bSelect.form-control[disabled], .jsgrid-grid-header table tr th input.bSelect[disabled], .jsgrid-grid-header table tr th select.bSelect[disabled], .jsgrid-grid-header table tr td input.bSelect[disabled], .jsgrid-grid-header table tr td select.bSelect[disabled], body.skin-dark .jsgrid-table tr th input.bSelect[disabled]:not(.jsgrid-button), body.skin-dark .jsgrid-table tr td input.bSelect[disabled]:not(.jsgrid-button), body.skin-dark .jsgrid-table tr th select.bSelect[disabled], body.skin-dark .jsgrid-table tr td select.bSelect[disabled] {
  background-color: transparent;
  border-color: #efefef;
  color: #cccccc;
}

.form-control.bSelect[disabled]::-webkit-input-placeholder, #toast-container .toast .toast-message input.bSelect[disabled]::-webkit-input-placeholder, .dataTables_wrapper .dataTables_length label input.bSelect[disabled]::-webkit-input-placeholder, .dataTables_wrapper .dataTables_filter label input.bSelect[disabled]::-webkit-input-placeholder, .dataTables_wrapper .dataTables_length label select.bSelect[disabled]::-webkit-input-placeholder, .dataTables_wrapper .dataTables_filter label select.bSelect[disabled]::-webkit-input-placeholder, .footable.table thead tr th .footable-filtering-search .input-group .bSelect.form-control[disabled]::-webkit-input-placeholder, .jsgrid-grid-header table tr th input.bSelect[disabled]::-webkit-input-placeholder, .jsgrid-grid-header table tr th select.bSelect[disabled]::-webkit-input-placeholder, .jsgrid-grid-header table tr td input.bSelect[disabled]::-webkit-input-placeholder, .jsgrid-grid-header table tr td select.bSelect[disabled]::-webkit-input-placeholder, body.skin-dark .jsgrid-table tr th input.bSelect:not(.jsgrid-button)[disabled]::-webkit-input-placeholder, body.skin-dark .jsgrid-table tr td input.bSelect:not(.jsgrid-button)[disabled]::-webkit-input-placeholder, body.skin-dark .jsgrid-table tr th select.bSelect[disabled]::-webkit-input-placeholder, body.skin-dark .jsgrid-table tr td select.bSelect[disabled]::-webkit-input-placeholder {
  color: #cccccc;
}

.form-control.bSelect[disabled]:-moz-placeholder, #toast-container .toast .toast-message input.bSelect[disabled]:-moz-placeholder, .dataTables_wrapper .dataTables_length label input.bSelect[disabled]:-moz-placeholder, .dataTables_wrapper .dataTables_filter label input.bSelect[disabled]:-moz-placeholder, .dataTables_wrapper .dataTables_length label select.bSelect[disabled]:-moz-placeholder, .dataTables_wrapper .dataTables_filter label select.bSelect[disabled]:-moz-placeholder, .footable.table thead tr th .footable-filtering-search .input-group .bSelect.form-control[disabled]:-moz-placeholder, .jsgrid-grid-header table tr th input.bSelect[disabled]:-moz-placeholder, .jsgrid-grid-header table tr th select.bSelect[disabled]:-moz-placeholder, .jsgrid-grid-header table tr td input.bSelect[disabled]:-moz-placeholder, .jsgrid-grid-header table tr td select.bSelect[disabled]:-moz-placeholder, body.skin-dark .jsgrid-table tr th input.bSelect[disabled]:-moz-placeholder:not(.jsgrid-button), body.skin-dark .jsgrid-table tr td input.bSelect[disabled]:-moz-placeholder:not(.jsgrid-button), body.skin-dark .jsgrid-table tr th select.bSelect[disabled]:-moz-placeholder, body.skin-dark .jsgrid-table tr td select.bSelect[disabled]:-moz-placeholder {
  color: #cccccc;
}

.form-control.bSelect[disabled]::-moz-placeholder, #toast-container .toast .toast-message input.bSelect[disabled]::-moz-placeholder, .dataTables_wrapper .dataTables_length label input.bSelect[disabled]::-moz-placeholder, .dataTables_wrapper .dataTables_filter label input.bSelect[disabled]::-moz-placeholder, .dataTables_wrapper .dataTables_length label select.bSelect[disabled]::-moz-placeholder, .dataTables_wrapper .dataTables_filter label select.bSelect[disabled]::-moz-placeholder, .footable.table thead tr th .footable-filtering-search .input-group .bSelect.form-control[disabled]::-moz-placeholder, .jsgrid-grid-header table tr th input.bSelect[disabled]::-moz-placeholder, .jsgrid-grid-header table tr th select.bSelect[disabled]::-moz-placeholder, .jsgrid-grid-header table tr td input.bSelect[disabled]::-moz-placeholder, .jsgrid-grid-header table tr td select.bSelect[disabled]::-moz-placeholder, body.skin-dark .jsgrid-table tr th input.bSelect:not(.jsgrid-button)[disabled]::-moz-placeholder, body.skin-dark .jsgrid-table tr td input.bSelect:not(.jsgrid-button)[disabled]::-moz-placeholder, body.skin-dark .jsgrid-table tr th select.bSelect[disabled]::-moz-placeholder, body.skin-dark .jsgrid-table tr td select.bSelect[disabled]::-moz-placeholder {
  color: #cccccc;
}

.form-control.bSelect[disabled]:-ms-input-placeholder, #toast-container .toast .toast-message input.bSelect[disabled]:-ms-input-placeholder, .dataTables_wrapper .dataTables_length label input.bSelect[disabled]:-ms-input-placeholder, .dataTables_wrapper .dataTables_filter label input.bSelect[disabled]:-ms-input-placeholder, .dataTables_wrapper .dataTables_length label select.bSelect[disabled]:-ms-input-placeholder, .dataTables_wrapper .dataTables_filter label select.bSelect[disabled]:-ms-input-placeholder, .footable.table thead tr th .footable-filtering-search .input-group .bSelect.form-control[disabled]:-ms-input-placeholder, .jsgrid-grid-header table tr th input.bSelect[disabled]:-ms-input-placeholder, .jsgrid-grid-header table tr th select.bSelect[disabled]:-ms-input-placeholder, .jsgrid-grid-header table tr td input.bSelect[disabled]:-ms-input-placeholder, .jsgrid-grid-header table tr td select.bSelect[disabled]:-ms-input-placeholder, body.skin-dark .jsgrid-table tr th input.bSelect[disabled]:-ms-input-placeholder:not(.jsgrid-button), body.skin-dark .jsgrid-table tr td input.bSelect[disabled]:-ms-input-placeholder:not(.jsgrid-button), body.skin-dark .jsgrid-table tr th select.bSelect[disabled]:-ms-input-placeholder, body.skin-dark .jsgrid-table tr td select.bSelect[disabled]:-ms-input-placeholder {
  color: #cccccc;
}

.form-control.bSelect .btn, #toast-container .toast .toast-message input.bSelect .btn, .dataTables_wrapper .dataTables_length label input.bSelect .btn, .dataTables_wrapper .dataTables_filter label input.bSelect .btn, .dataTables_wrapper .dataTables_length label select.bSelect .btn, .dataTables_wrapper .dataTables_filter label select.bSelect .btn, .footable.table thead tr th .footable-filtering-search .input-group .bSelect.form-control .btn, .jsgrid-grid-header table tr th input.bSelect .btn, .jsgrid-grid-header table tr th select.bSelect .btn, .jsgrid-grid-header table tr td input.bSelect .btn, .jsgrid-grid-header table tr td select.bSelect .btn, body.skin-dark .jsgrid-table tr th input.bSelect:not(.jsgrid-button) .btn, body.skin-dark .jsgrid-table tr td input.bSelect:not(.jsgrid-button) .btn, body.skin-dark .jsgrid-table tr th select.bSelect .btn, body.skin-dark .jsgrid-table tr td select.bSelect .btn {
  background-color: transparent;
  border: 1px solid #dddddd;
  padding: 10px 20px;
}

.form-control.bSelect .btn.btn-primary, #toast-container .toast .toast-message input.bSelect .btn.btn-primary, .dataTables_wrapper .dataTables_length label input.bSelect .btn.btn-primary, .dataTables_wrapper .dataTables_filter label input.bSelect .btn.btn-primary, .dataTables_wrapper .dataTables_length label select.bSelect .btn.btn-primary, .dataTables_wrapper .dataTables_filter label select.bSelect .btn.btn-primary, .footable.table thead tr th .footable-filtering-search .input-group .bSelect.form-control .btn.btn-primary, .jsgrid-grid-header table tr th input.bSelect .btn.btn-primary, .jsgrid-grid-header table tr th select.bSelect .btn.btn-primary, .jsgrid-grid-header table tr td input.bSelect .btn.btn-primary, .jsgrid-grid-header table tr td select.bSelect .btn.btn-primary, body.skin-dark .jsgrid-table tr th input.bSelect:not(.jsgrid-button) .btn.btn-primary, body.skin-dark .jsgrid-table tr td input.bSelect:not(.jsgrid-button) .btn.btn-primary, body.skin-dark .jsgrid-table tr th select.bSelect .btn.btn-primary, body.skin-dark .jsgrid-table tr td select.bSelect .btn.btn-primary {
  background-color: #428bfa;
  border-color: #428bfa;
  color: #ffffff;
}

.form-control.bSelect .btn.btn-primary:hover, #toast-container .toast .toast-message input.bSelect .btn.btn-primary:hover, .dataTables_wrapper .dataTables_length label input.bSelect .btn.btn-primary:hover, .dataTables_wrapper .dataTables_filter label input.bSelect .btn.btn-primary:hover, .dataTables_wrapper .dataTables_length label select.bSelect .btn.btn-primary:hover, .dataTables_wrapper .dataTables_filter label select.bSelect .btn.btn-primary:hover, .footable.table thead tr th .footable-filtering-search .input-group .bSelect.form-control .btn.btn-primary:hover, .jsgrid-grid-header table tr th input.bSelect .btn.btn-primary:hover, .jsgrid-grid-header table tr th select.bSelect .btn.btn-primary:hover, .jsgrid-grid-header table tr td input.bSelect .btn.btn-primary:hover, .jsgrid-grid-header table tr td select.bSelect .btn.btn-primary:hover, body.skin-dark .jsgrid-table tr th input.bSelect:not(.jsgrid-button) .btn.btn-primary:hover, body.skin-dark .jsgrid-table tr td input.bSelect:not(.jsgrid-button) .btn.btn-primary:hover, body.skin-dark .jsgrid-table tr th select.bSelect .btn.btn-primary:hover, body.skin-dark .jsgrid-table tr td select.bSelect .btn.btn-primary:hover {
  background-color: #297cf9;
  border-color: #297cf9;
  color: #ffffff;
}

.form-control.bSelect .btn.btn-secondary, #toast-container .toast .toast-message input.bSelect .btn.btn-secondary, .dataTables_wrapper .dataTables_length label input.bSelect .btn.btn-secondary, .dataTables_wrapper .dataTables_filter label input.bSelect .btn.btn-secondary, .dataTables_wrapper .dataTables_length label select.bSelect .btn.btn-secondary, .dataTables_wrapper .dataTables_filter label select.bSelect .btn.btn-secondary, .footable.table thead tr th .footable-filtering-search .input-group .bSelect.form-control .btn.btn-secondary, .jsgrid-grid-header table tr th input.bSelect .btn.btn-secondary, .jsgrid-grid-header table tr th select.bSelect .btn.btn-secondary, .jsgrid-grid-header table tr td input.bSelect .btn.btn-secondary, .jsgrid-grid-header table tr td select.bSelect .btn.btn-secondary, body.skin-dark .jsgrid-table tr th input.bSelect:not(.jsgrid-button) .btn.btn-secondary, body.skin-dark .jsgrid-table tr td input.bSelect:not(.jsgrid-button) .btn.btn-secondary, body.skin-dark .jsgrid-table tr th select.bSelect .btn.btn-secondary, body.skin-dark .jsgrid-table tr td select.bSelect .btn.btn-secondary {
  background-color: #fb7da4;
  border-color: #fb7da4;
  color: #ffffff;
}

.form-control.bSelect .btn.btn-secondary:hover, #toast-container .toast .toast-message input.bSelect .btn.btn-secondary:hover, .dataTables_wrapper .dataTables_length label input.bSelect .btn.btn-secondary:hover, .dataTables_wrapper .dataTables_filter label input.bSelect .btn.btn-secondary:hover, .dataTables_wrapper .dataTables_length label select.bSelect .btn.btn-secondary:hover, .dataTables_wrapper .dataTables_filter label select.bSelect .btn.btn-secondary:hover, .footable.table thead tr th .footable-filtering-search .input-group .bSelect.form-control .btn.btn-secondary:hover, .jsgrid-grid-header table tr th input.bSelect .btn.btn-secondary:hover, .jsgrid-grid-header table tr th select.bSelect .btn.btn-secondary:hover, .jsgrid-grid-header table tr td input.bSelect .btn.btn-secondary:hover, .jsgrid-grid-header table tr td select.bSelect .btn.btn-secondary:hover, body.skin-dark .jsgrid-table tr th input.bSelect:not(.jsgrid-button) .btn.btn-secondary:hover, body.skin-dark .jsgrid-table tr td input.bSelect:not(.jsgrid-button) .btn.btn-secondary:hover, body.skin-dark .jsgrid-table tr th select.bSelect .btn.btn-secondary:hover, body.skin-dark .jsgrid-table tr td select.bSelect .btn.btn-secondary:hover {
  background-color: #fa6493;
  border-color: #fa6493;
  color: #ffffff;
}

.form-control.bSelect .btn.btn-success, #toast-container .toast .toast-message input.bSelect .btn.btn-success, .dataTables_wrapper .dataTables_length label input.bSelect .btn.btn-success, .dataTables_wrapper .dataTables_filter label input.bSelect .btn.btn-success, .dataTables_wrapper .dataTables_length label select.bSelect .btn.btn-success, .dataTables_wrapper .dataTables_filter label select.bSelect .btn.btn-success, .footable.table thead tr th .footable-filtering-search .input-group .bSelect.form-control .btn.btn-success, .jsgrid-grid-header table tr th input.bSelect .btn.btn-success, .jsgrid-grid-header table tr th select.bSelect .btn.btn-success, .jsgrid-grid-header table tr td input.bSelect .btn.btn-success, .jsgrid-grid-header table tr td select.bSelect .btn.btn-success, body.skin-dark .jsgrid-table tr th input.bSelect:not(.jsgrid-button) .btn.btn-success, body.skin-dark .jsgrid-table tr td input.bSelect:not(.jsgrid-button) .btn.btn-success, body.skin-dark .jsgrid-table tr th select.bSelect .btn.btn-success, body.skin-dark .jsgrid-table tr td select.bSelect .btn.btn-success {
  background-color: #29db2d;
  border-color: #29db2d;
  color: #ffffff;
}

.form-control.bSelect .btn.btn-success:hover, #toast-container .toast .toast-message input.bSelect .btn.btn-success:hover, .dataTables_wrapper .dataTables_length label input.bSelect .btn.btn-success:hover, .dataTables_wrapper .dataTables_filter label input.bSelect .btn.btn-success:hover, .dataTables_wrapper .dataTables_length label select.bSelect .btn.btn-success:hover, .dataTables_wrapper .dataTables_filter label select.bSelect .btn.btn-success:hover, .footable.table thead tr th .footable-filtering-search .input-group .bSelect.form-control .btn.btn-success:hover, .jsgrid-grid-header table tr th input.bSelect .btn.btn-success:hover, .jsgrid-grid-header table tr th select.bSelect .btn.btn-success:hover, .jsgrid-grid-header table tr td input.bSelect .btn.btn-success:hover, .jsgrid-grid-header table tr td select.bSelect .btn.btn-success:hover, body.skin-dark .jsgrid-table tr th input.bSelect:not(.jsgrid-button) .btn.btn-success:hover, body.skin-dark .jsgrid-table tr td input.bSelect:not(.jsgrid-button) .btn.btn-success:hover, body.skin-dark .jsgrid-table tr th select.bSelect .btn.btn-success:hover, body.skin-dark .jsgrid-table tr td select.bSelect .btn.btn-success:hover {
  background-color: #22c926;
  border-color: #22c926;
  color: #ffffff;
}

.form-control.bSelect .btn.btn-danger, #toast-container .toast .toast-message input.bSelect .btn.btn-danger, .dataTables_wrapper .dataTables_length label input.bSelect .btn.btn-danger, .dataTables_wrapper .dataTables_filter label input.bSelect .btn.btn-danger, .dataTables_wrapper .dataTables_length label select.bSelect .btn.btn-danger, .dataTables_wrapper .dataTables_filter label select.bSelect .btn.btn-danger, .footable.table thead tr th .footable-filtering-search .input-group .bSelect.form-control .btn.btn-danger, .jsgrid-grid-header table tr th input.bSelect .btn.btn-danger, .jsgrid-grid-header table tr th select.bSelect .btn.btn-danger, .jsgrid-grid-header table tr td input.bSelect .btn.btn-danger, .jsgrid-grid-header table tr td select.bSelect .btn.btn-danger, body.skin-dark .jsgrid-table tr th input.bSelect:not(.jsgrid-button) .btn.btn-danger, body.skin-dark .jsgrid-table tr td input.bSelect:not(.jsgrid-button) .btn.btn-danger, body.skin-dark .jsgrid-table tr th select.bSelect .btn.btn-danger, body.skin-dark .jsgrid-table tr td select.bSelect .btn.btn-danger {
  background-color: #fd427c;
  border-color: #fd427c;
  color: #ffffff;
}

.form-control.bSelect .btn.btn-danger:hover, #toast-container .toast .toast-message input.bSelect .btn.btn-danger:hover, .dataTables_wrapper .dataTables_length label input.bSelect .btn.btn-danger:hover, .dataTables_wrapper .dataTables_filter label input.bSelect .btn.btn-danger:hover, .dataTables_wrapper .dataTables_length label select.bSelect .btn.btn-danger:hover, .dataTables_wrapper .dataTables_filter label select.bSelect .btn.btn-danger:hover, .footable.table thead tr th .footable-filtering-search .input-group .bSelect.form-control .btn.btn-danger:hover, .jsgrid-grid-header table tr th input.bSelect .btn.btn-danger:hover, .jsgrid-grid-header table tr th select.bSelect .btn.btn-danger:hover, .jsgrid-grid-header table tr td input.bSelect .btn.btn-danger:hover, .jsgrid-grid-header table tr td select.bSelect .btn.btn-danger:hover, body.skin-dark .jsgrid-table tr th input.bSelect:not(.jsgrid-button) .btn.btn-danger:hover, body.skin-dark .jsgrid-table tr td input.bSelect:not(.jsgrid-button) .btn.btn-danger:hover, body.skin-dark .jsgrid-table tr th select.bSelect .btn.btn-danger:hover, body.skin-dark .jsgrid-table tr td select.bSelect .btn.btn-danger:hover {
  background-color: #fd296b;
  border-color: #fd296b;
  color: #ffffff;
}

.form-control.bSelect .btn.btn-warning, #toast-container .toast .toast-message input.bSelect .btn.btn-warning, .dataTables_wrapper .dataTables_length label input.bSelect .btn.btn-warning, .dataTables_wrapper .dataTables_filter label input.bSelect .btn.btn-warning, .dataTables_wrapper .dataTables_length label select.bSelect .btn.btn-warning, .dataTables_wrapper .dataTables_filter label select.bSelect .btn.btn-warning, .footable.table thead tr th .footable-filtering-search .input-group .bSelect.form-control .btn.btn-warning, .jsgrid-grid-header table tr th input.bSelect .btn.btn-warning, .jsgrid-grid-header table tr th select.bSelect .btn.btn-warning, .jsgrid-grid-header table tr td input.bSelect .btn.btn-warning, .jsgrid-grid-header table tr td select.bSelect .btn.btn-warning, body.skin-dark .jsgrid-table tr th input.bSelect:not(.jsgrid-button) .btn.btn-warning, body.skin-dark .jsgrid-table tr td input.bSelect:not(.jsgrid-button) .btn.btn-warning, body.skin-dark .jsgrid-table tr th select.bSelect .btn.btn-warning, body.skin-dark .jsgrid-table tr td select.bSelect .btn.btn-warning {
  background-color: #ff9666;
  border-color: #ff9666;
  color: #ffffff;
}

.form-control.bSelect .btn.btn-warning:hover, #toast-container .toast .toast-message input.bSelect .btn.btn-warning:hover, .dataTables_wrapper .dataTables_length label input.bSelect .btn.btn-warning:hover, .dataTables_wrapper .dataTables_filter label input.bSelect .btn.btn-warning:hover, .dataTables_wrapper .dataTables_length label select.bSelect .btn.btn-warning:hover, .dataTables_wrapper .dataTables_filter label select.bSelect .btn.btn-warning:hover, .footable.table thead tr th .footable-filtering-search .input-group .bSelect.form-control .btn.btn-warning:hover, .jsgrid-grid-header table tr th input.bSelect .btn.btn-warning:hover, .jsgrid-grid-header table tr th select.bSelect .btn.btn-warning:hover, .jsgrid-grid-header table tr td input.bSelect .btn.btn-warning:hover, .jsgrid-grid-header table tr td select.bSelect .btn.btn-warning:hover, body.skin-dark .jsgrid-table tr th input.bSelect:not(.jsgrid-button) .btn.btn-warning:hover, body.skin-dark .jsgrid-table tr td input.bSelect:not(.jsgrid-button) .btn.btn-warning:hover, body.skin-dark .jsgrid-table tr th select.bSelect .btn.btn-warning:hover, body.skin-dark .jsgrid-table tr td select.bSelect .btn.btn-warning:hover {
  background-color: #ff854d;
  border-color: #ff854d;
  color: #ffffff;
}

.form-control.bSelect .btn.btn-info, #toast-container .toast .toast-message input.bSelect .btn.btn-info, .dataTables_wrapper .dataTables_length label input.bSelect .btn.btn-info, .dataTables_wrapper .dataTables_filter label input.bSelect .btn.btn-info, .dataTables_wrapper .dataTables_length label select.bSelect .btn.btn-info, .dataTables_wrapper .dataTables_filter label select.bSelect .btn.btn-info, .footable.table thead tr th .footable-filtering-search .input-group .bSelect.form-control .btn.btn-info, .jsgrid-grid-header table tr th input.bSelect .btn.btn-info, .jsgrid-grid-header table tr th select.bSelect .btn.btn-info, .jsgrid-grid-header table tr td input.bSelect .btn.btn-info, .jsgrid-grid-header table tr td select.bSelect .btn.btn-info, body.skin-dark .jsgrid-table tr th input.bSelect:not(.jsgrid-button) .btn.btn-info, body.skin-dark .jsgrid-table tr td input.bSelect:not(.jsgrid-button) .btn.btn-info, body.skin-dark .jsgrid-table tr th select.bSelect .btn.btn-info, body.skin-dark .jsgrid-table tr td select.bSelect .btn.btn-info {
  background-color: #17a2b8;
  border-color: #17a2b8;
  color: #ffffff;
}

.form-control.bSelect .btn.btn-info:hover, #toast-container .toast .toast-message input.bSelect .btn.btn-info:hover, .dataTables_wrapper .dataTables_length label input.bSelect .btn.btn-info:hover, .dataTables_wrapper .dataTables_filter label input.bSelect .btn.btn-info:hover, .dataTables_wrapper .dataTables_length label select.bSelect .btn.btn-info:hover, .dataTables_wrapper .dataTables_filter label select.bSelect .btn.btn-info:hover, .footable.table thead tr th .footable-filtering-search .input-group .bSelect.form-control .btn.btn-info:hover, .jsgrid-grid-header table tr th input.bSelect .btn.btn-info:hover, .jsgrid-grid-header table tr th select.bSelect .btn.btn-info:hover, .jsgrid-grid-header table tr td input.bSelect .btn.btn-info:hover, .jsgrid-grid-header table tr td select.bSelect .btn.btn-info:hover, body.skin-dark .jsgrid-table tr th input.bSelect:not(.jsgrid-button) .btn.btn-info:hover, body.skin-dark .jsgrid-table tr td input.bSelect:not(.jsgrid-button) .btn.btn-info:hover, body.skin-dark .jsgrid-table tr th select.bSelect .btn.btn-info:hover, body.skin-dark .jsgrid-table tr td select.bSelect .btn.btn-info:hover {
  background-color: #148ea1;
  border-color: #148ea1;
  color: #ffffff;
}

.form-control.bSelect .dropdown-menu, #toast-container .toast .toast-message input.bSelect .dropdown-menu, .dataTables_wrapper .dataTables_length label input.bSelect .dropdown-menu, .dataTables_wrapper .dataTables_filter label input.bSelect .dropdown-menu, .dataTables_wrapper .dataTables_length label select.bSelect .dropdown-menu, .dataTables_wrapper .dataTables_filter label select.bSelect .dropdown-menu, .footable.table thead tr th .footable-filtering-search .input-group .bSelect.form-control .dropdown-menu, .jsgrid-grid-header table tr th input.bSelect .dropdown-menu, .jsgrid-grid-header table tr th select.bSelect .dropdown-menu, .jsgrid-grid-header table tr td input.bSelect .dropdown-menu, .jsgrid-grid-header table tr td select.bSelect .dropdown-menu, body.skin-dark .jsgrid-table tr th input.bSelect:not(.jsgrid-button) .dropdown-menu, body.skin-dark .jsgrid-table tr td input.bSelect:not(.jsgrid-button) .dropdown-menu, body.skin-dark .jsgrid-table tr th select.bSelect .dropdown-menu, body.skin-dark .jsgrid-table tr td select.bSelect .dropdown-menu {
  margin: 0;
  max-height: 200px;
  overflow-y: auto;
}

.form-control.bSelect.dark, #toast-container .toast .toast-message input.bSelect.dark, .dataTables_wrapper .dataTables_length label input.bSelect.dark, .dataTables_wrapper .dataTables_filter label input.bSelect.dark, .dataTables_wrapper .dataTables_length label select.bSelect.dark, .dataTables_wrapper .dataTables_filter label select.bSelect.dark, .footable.table thead tr th .footable-filtering-search .input-group .bSelect.dark.form-control, .jsgrid-grid-header table tr th input.bSelect.dark, .jsgrid-grid-header table tr th select.bSelect.dark, .jsgrid-grid-header table tr td input.bSelect.dark, .jsgrid-grid-header table tr td select.bSelect.dark, body.skin-dark .jsgrid-table tr th input.bSelect.dark:not(.jsgrid-button), body.skin-dark .jsgrid-table tr td input.bSelect.dark:not(.jsgrid-button), body.skin-dark .jsgrid-table tr th select.bSelect.dark, body.skin-dark .jsgrid-table tr td select.bSelect.dark, .form-control.bSelect.focus-dark:focus, #toast-container .toast .toast-message input.bSelect.focus-dark:focus, .dataTables_wrapper .dataTables_length label input.bSelect.focus-dark:focus, .dataTables_wrapper .dataTables_filter label input.bSelect.focus-dark:focus, .dataTables_wrapper .dataTables_length label select.bSelect.focus-dark:focus, .dataTables_wrapper .dataTables_filter label select.bSelect.focus-dark:focus, .footable.table thead tr th .footable-filtering-search .input-group .bSelect.focus-dark.form-control:focus, .jsgrid-grid-header table tr th input.bSelect.focus-dark:focus, .jsgrid-grid-header table tr th select.bSelect.focus-dark:focus, .jsgrid-grid-header table tr td input.bSelect.focus-dark:focus, .jsgrid-grid-header table tr td select.bSelect.focus-dark:focus, body.skin-dark .jsgrid-table tr th input.bSelect.focus-dark:focus:not(.jsgrid-button), body.skin-dark .jsgrid-table tr td input.bSelect.focus-dark:focus:not(.jsgrid-button), body.skin-dark .jsgrid-table tr th select.bSelect.focus-dark:focus, body.skin-dark .jsgrid-table tr td select.bSelect.focus-dark:focus {
  border-color: #343434;
}

.form-control.bSelect.primary, #toast-container .toast .toast-message input.bSelect.primary, .dataTables_wrapper .dataTables_length label input.bSelect.primary, .dataTables_wrapper .dataTables_filter label input.bSelect.primary, .dataTables_wrapper .dataTables_length label select.bSelect.primary, .dataTables_wrapper .dataTables_filter label select.bSelect.primary, .footable.table thead tr th .footable-filtering-search .input-group .bSelect.primary.form-control, .jsgrid-grid-header table tr th input.bSelect.primary, .jsgrid-grid-header table tr th select.bSelect.primary, .jsgrid-grid-header table tr td input.bSelect.primary, .jsgrid-grid-header table tr td select.bSelect.primary, body.skin-dark .jsgrid-table tr th input.bSelect.primary:not(.jsgrid-button), body.skin-dark .jsgrid-table tr td input.bSelect.primary:not(.jsgrid-button), body.skin-dark .jsgrid-table tr th select.bSelect.primary, body.skin-dark .jsgrid-table tr td select.bSelect.primary, .form-control.bSelect.focus-primary:focus, #toast-container .toast .toast-message input.bSelect.focus-primary:focus, .dataTables_wrapper .dataTables_length label input.bSelect.focus-primary:focus, .dataTables_wrapper .dataTables_filter label input.bSelect.focus-primary:focus, .dataTables_wrapper .dataTables_length label select.bSelect.focus-primary:focus, .dataTables_wrapper .dataTables_filter label select.bSelect.focus-primary:focus, .footable.table thead tr th .footable-filtering-search .input-group .bSelect.focus-primary.form-control:focus, .jsgrid-grid-header table tr th input.bSelect.focus-primary:focus, .jsgrid-grid-header table tr th select.bSelect.focus-primary:focus, .jsgrid-grid-header table tr td input.bSelect.focus-primary:focus, .jsgrid-grid-header table tr td select.bSelect.focus-primary:focus, body.skin-dark .jsgrid-table tr th input.bSelect.focus-primary:focus:not(.jsgrid-button), body.skin-dark .jsgrid-table tr td input.bSelect.focus-primary:focus:not(.jsgrid-button), body.skin-dark .jsgrid-table tr th select.bSelect.focus-primary:focus, body.skin-dark .jsgrid-table tr td select.bSelect.focus-primary:focus {
  border-color: #428bfa;
}

.form-control.bSelect.secondary, #toast-container .toast .toast-message input.bSelect.secondary, .dataTables_wrapper .dataTables_length label input.bSelect.secondary, .dataTables_wrapper .dataTables_filter label input.bSelect.secondary, .dataTables_wrapper .dataTables_length label select.bSelect.secondary, .dataTables_wrapper .dataTables_filter label select.bSelect.secondary, .footable.table thead tr th .footable-filtering-search .input-group .bSelect.secondary.form-control, .jsgrid-grid-header table tr th input.bSelect.secondary, .jsgrid-grid-header table tr th select.bSelect.secondary, .jsgrid-grid-header table tr td input.bSelect.secondary, .jsgrid-grid-header table tr td select.bSelect.secondary, body.skin-dark .jsgrid-table tr th input.bSelect.secondary:not(.jsgrid-button), body.skin-dark .jsgrid-table tr td input.bSelect.secondary:not(.jsgrid-button), body.skin-dark .jsgrid-table tr th select.bSelect.secondary, body.skin-dark .jsgrid-table tr td select.bSelect.secondary, .form-control.bSelect.focus-secondary:focus, #toast-container .toast .toast-message input.bSelect.focus-secondary:focus, .dataTables_wrapper .dataTables_length label input.bSelect.focus-secondary:focus, .dataTables_wrapper .dataTables_filter label input.bSelect.focus-secondary:focus, .dataTables_wrapper .dataTables_length label select.bSelect.focus-secondary:focus, .dataTables_wrapper .dataTables_filter label select.bSelect.focus-secondary:focus, .footable.table thead tr th .footable-filtering-search .input-group .bSelect.focus-secondary.form-control:focus, .jsgrid-grid-header table tr th input.bSelect.focus-secondary:focus, .jsgrid-grid-header table tr th select.bSelect.focus-secondary:focus, .jsgrid-grid-header table tr td input.bSelect.focus-secondary:focus, .jsgrid-grid-header table tr td select.bSelect.focus-secondary:focus, body.skin-dark .jsgrid-table tr th input.bSelect.focus-secondary:focus:not(.jsgrid-button), body.skin-dark .jsgrid-table tr td input.bSelect.focus-secondary:focus:not(.jsgrid-button), body.skin-dark .jsgrid-table tr th select.bSelect.focus-secondary:focus, body.skin-dark .jsgrid-table tr td select.bSelect.focus-secondary:focus {
  border-color: #fb7da4;
}

.form-control.bSelect.success, #toast-container .toast .toast-message input.bSelect.success, .dataTables_wrapper .dataTables_length label input.bSelect.success, .dataTables_wrapper .dataTables_filter label input.bSelect.success, .dataTables_wrapper .dataTables_length label select.bSelect.success, .dataTables_wrapper .dataTables_filter label select.bSelect.success, .footable.table thead tr th .footable-filtering-search .input-group .bSelect.success.form-control, .jsgrid-grid-header table tr th input.bSelect.success, .jsgrid-grid-header table tr th select.bSelect.success, .jsgrid-grid-header table tr td input.bSelect.success, .jsgrid-grid-header table tr td select.bSelect.success, body.skin-dark .jsgrid-table tr th input.bSelect.success:not(.jsgrid-button), body.skin-dark .jsgrid-table tr td input.bSelect.success:not(.jsgrid-button), body.skin-dark .jsgrid-table tr th select.bSelect.success, body.skin-dark .jsgrid-table tr td select.bSelect.success, .form-control.bSelect.focus-success:focus, #toast-container .toast .toast-message input.bSelect.focus-success:focus, .dataTables_wrapper .dataTables_length label input.bSelect.focus-success:focus, .dataTables_wrapper .dataTables_filter label input.bSelect.focus-success:focus, .dataTables_wrapper .dataTables_length label select.bSelect.focus-success:focus, .dataTables_wrapper .dataTables_filter label select.bSelect.focus-success:focus, .footable.table thead tr th .footable-filtering-search .input-group .bSelect.focus-success.form-control:focus, .jsgrid-grid-header table tr th input.bSelect.focus-success:focus, .jsgrid-grid-header table tr th select.bSelect.focus-success:focus, .jsgrid-grid-header table tr td input.bSelect.focus-success:focus, .jsgrid-grid-header table tr td select.bSelect.focus-success:focus, body.skin-dark .jsgrid-table tr th input.bSelect.focus-success:focus:not(.jsgrid-button), body.skin-dark .jsgrid-table tr td input.bSelect.focus-success:focus:not(.jsgrid-button), body.skin-dark .jsgrid-table tr th select.bSelect.focus-success:focus, body.skin-dark .jsgrid-table tr td select.bSelect.focus-success:focus {
  border-color: #29db2d;
}

.form-control.bSelect.danger, #toast-container .toast .toast-message input.bSelect.danger, .dataTables_wrapper .dataTables_length label input.bSelect.danger, .dataTables_wrapper .dataTables_filter label input.bSelect.danger, .dataTables_wrapper .dataTables_length label select.bSelect.danger, .dataTables_wrapper .dataTables_filter label select.bSelect.danger, .footable.table thead tr th .footable-filtering-search .input-group .bSelect.danger.form-control, .jsgrid-grid-header table tr th input.bSelect.danger, .jsgrid-grid-header table tr th select.bSelect.danger, .jsgrid-grid-header table tr td input.bSelect.danger, .jsgrid-grid-header table tr td select.bSelect.danger, body.skin-dark .jsgrid-table tr th input.bSelect.danger:not(.jsgrid-button), body.skin-dark .jsgrid-table tr td input.bSelect.danger:not(.jsgrid-button), body.skin-dark .jsgrid-table tr th select.bSelect.danger, body.skin-dark .jsgrid-table tr td select.bSelect.danger, .form-control.bSelect.focus-danger:focus, #toast-container .toast .toast-message input.bSelect.focus-danger:focus, .dataTables_wrapper .dataTables_length label input.bSelect.focus-danger:focus, .dataTables_wrapper .dataTables_filter label input.bSelect.focus-danger:focus, .dataTables_wrapper .dataTables_length label select.bSelect.focus-danger:focus, .dataTables_wrapper .dataTables_filter label select.bSelect.focus-danger:focus, .footable.table thead tr th .footable-filtering-search .input-group .bSelect.focus-danger.form-control:focus, .jsgrid-grid-header table tr th input.bSelect.focus-danger:focus, .jsgrid-grid-header table tr th select.bSelect.focus-danger:focus, .jsgrid-grid-header table tr td input.bSelect.focus-danger:focus, .jsgrid-grid-header table tr td select.bSelect.focus-danger:focus, body.skin-dark .jsgrid-table tr th input.bSelect.focus-danger:focus:not(.jsgrid-button), body.skin-dark .jsgrid-table tr td input.bSelect.focus-danger:focus:not(.jsgrid-button), body.skin-dark .jsgrid-table tr th select.bSelect.focus-danger:focus, body.skin-dark .jsgrid-table tr td select.bSelect.focus-danger:focus {
  border-color: #fd427c;
}

.form-control.bSelect.warning, #toast-container .toast .toast-message input.bSelect.warning, .dataTables_wrapper .dataTables_length label input.bSelect.warning, .dataTables_wrapper .dataTables_filter label input.bSelect.warning, .dataTables_wrapper .dataTables_length label select.bSelect.warning, .dataTables_wrapper .dataTables_filter label select.bSelect.warning, .footable.table thead tr th .footable-filtering-search .input-group .bSelect.warning.form-control, .jsgrid-grid-header table tr th input.bSelect.warning, .jsgrid-grid-header table tr th select.bSelect.warning, .jsgrid-grid-header table tr td input.bSelect.warning, .jsgrid-grid-header table tr td select.bSelect.warning, body.skin-dark .jsgrid-table tr th input.bSelect.warning:not(.jsgrid-button), body.skin-dark .jsgrid-table tr td input.bSelect.warning:not(.jsgrid-button), body.skin-dark .jsgrid-table tr th select.bSelect.warning, body.skin-dark .jsgrid-table tr td select.bSelect.warning, .form-control.bSelect.focus-warning:focus, #toast-container .toast .toast-message input.bSelect.focus-warning:focus, .dataTables_wrapper .dataTables_length label input.bSelect.focus-warning:focus, .dataTables_wrapper .dataTables_filter label input.bSelect.focus-warning:focus, .dataTables_wrapper .dataTables_length label select.bSelect.focus-warning:focus, .dataTables_wrapper .dataTables_filter label select.bSelect.focus-warning:focus, .footable.table thead tr th .footable-filtering-search .input-group .bSelect.focus-warning.form-control:focus, .jsgrid-grid-header table tr th input.bSelect.focus-warning:focus, .jsgrid-grid-header table tr th select.bSelect.focus-warning:focus, .jsgrid-grid-header table tr td input.bSelect.focus-warning:focus, .jsgrid-grid-header table tr td select.bSelect.focus-warning:focus, body.skin-dark .jsgrid-table tr th input.bSelect.focus-warning:focus:not(.jsgrid-button), body.skin-dark .jsgrid-table tr td input.bSelect.focus-warning:focus:not(.jsgrid-button), body.skin-dark .jsgrid-table tr th select.bSelect.focus-warning:focus, body.skin-dark .jsgrid-table tr td select.bSelect.focus-warning:focus {
  border-color: #ff9666;
}

.form-control.bSelect.info, #toast-container .toast .toast-message input.bSelect.info, .dataTables_wrapper .dataTables_length label input.bSelect.info, .dataTables_wrapper .dataTables_filter label input.bSelect.info, .dataTables_wrapper .dataTables_length label select.bSelect.info, .dataTables_wrapper .dataTables_filter label select.bSelect.info, .footable.table thead tr th .footable-filtering-search .input-group .bSelect.info.form-control, .jsgrid-grid-header table tr th input.bSelect.info, .jsgrid-grid-header table tr th select.bSelect.info, .jsgrid-grid-header table tr td input.bSelect.info, .jsgrid-grid-header table tr td select.bSelect.info, body.skin-dark .jsgrid-table tr th input.bSelect.info:not(.jsgrid-button), body.skin-dark .jsgrid-table tr td input.bSelect.info:not(.jsgrid-button), body.skin-dark .jsgrid-table tr th select.bSelect.info, body.skin-dark .jsgrid-table tr td select.bSelect.info, .form-control.bSelect.focus-info:focus, #toast-container .toast .toast-message input.bSelect.focus-info:focus, .dataTables_wrapper .dataTables_length label input.bSelect.focus-info:focus, .dataTables_wrapper .dataTables_filter label input.bSelect.focus-info:focus, .dataTables_wrapper .dataTables_length label select.bSelect.focus-info:focus, .dataTables_wrapper .dataTables_filter label select.bSelect.focus-info:focus, .footable.table thead tr th .footable-filtering-search .input-group .bSelect.focus-info.form-control:focus, .jsgrid-grid-header table tr th input.bSelect.focus-info:focus, .jsgrid-grid-header table tr th select.bSelect.focus-info:focus, .jsgrid-grid-header table tr td input.bSelect.focus-info:focus, .jsgrid-grid-header table tr td select.bSelect.focus-info:focus, body.skin-dark .jsgrid-table tr th input.bSelect.focus-info:focus:not(.jsgrid-button), body.skin-dark .jsgrid-table tr td input.bSelect.focus-info:focus:not(.jsgrid-button), body.skin-dark .jsgrid-table tr th select.bSelect.focus-info:focus, body.skin-dark .jsgrid-table tr td select.bSelect.focus-info:focus {
  border-color: #17a2b8;
}

.form-control.bSelect.form-control-sm, #toast-container .toast .toast-message input.bSelect.form-control-sm, .dataTables_wrapper .dataTables_length label input.bSelect.form-control-sm, .dataTables_wrapper .dataTables_filter label input.bSelect.form-control-sm, .dataTables_wrapper .dataTables_length label select.bSelect.form-control-sm, .dataTables_wrapper .dataTables_filter label select.bSelect.form-control-sm, .footable.table thead tr th .footable-filtering-search .input-group .bSelect.form-control-sm.form-control, .jsgrid-grid-header table tr th input.bSelect.form-control-sm, .jsgrid-grid-header table tr th select.bSelect.form-control-sm, .jsgrid-grid-header table tr td input.bSelect.form-control-sm, .jsgrid-grid-header table tr td select.bSelect.form-control-sm, body.skin-dark .jsgrid-table tr th input.bSelect.form-control-sm:not(.jsgrid-button), body.skin-dark .jsgrid-table tr td input.bSelect.form-control-sm:not(.jsgrid-button), body.skin-dark .jsgrid-table tr th select.bSelect.form-control-sm, body.skin-dark .jsgrid-table tr td select.bSelect.form-control-sm {
  padding: 5px 15px;
  font-size: 12px;
}

.form-control.bSelect.form-control-lg, #toast-container .toast .toast-message input.bSelect.form-control-lg, .dataTables_wrapper .dataTables_length label input.bSelect.form-control-lg, .dataTables_wrapper .dataTables_filter label input.bSelect.form-control-lg, .dataTables_wrapper .dataTables_length label select.bSelect.form-control-lg, .dataTables_wrapper .dataTables_filter label select.bSelect.form-control-lg, .footable.table thead tr th .footable-filtering-search .input-group .bSelect.form-control-lg.form-control, .jsgrid-grid-header table tr th input.bSelect.form-control-lg, .jsgrid-grid-header table tr th select.bSelect.form-control-lg, .jsgrid-grid-header table tr td input.bSelect.form-control-lg, .jsgrid-grid-header table tr td select.bSelect.form-control-lg, body.skin-dark .jsgrid-table tr th input.bSelect.form-control-lg:not(.jsgrid-button), body.skin-dark .jsgrid-table tr td input.bSelect.form-control-lg:not(.jsgrid-button), body.skin-dark .jsgrid-table tr th select.bSelect.form-control-lg, body.skin-dark .jsgrid-table tr td select.bSelect.form-control-lg {
  padding: 15px 25px;
  font-size: 16px;
}

/*--
    - Switch (Custom)
--------------------------------------*/
/*Switch One*/
.adomx-switch {
  position: relative;
  line-height: 0;
  margin: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.adomx-switch input {
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  opacity: 0;
  width: 18px;
  height: 18px;
  visibility: hidden;
}

.adomx-switch input:checked + .lever {
  background-color: rgba(66, 139, 250, 0.3);
}

.adomx-switch input:checked + .lever::before {
  background-color: #428bfa;
  -webkit-box-shadow: 0 0 15px rgba(66, 139, 250, 0.5);
          box-shadow: 0 0 15px rgba(66, 139, 250, 0.5);
  left: 20px;
}

.adomx-switch .lever {
  width: 40px;
  height: 14px;
  display: block;
  border-radius: 50px;
  background-color: rgba(0, 0, 0, 0.15);
  -webkit-transition: background-color 0.3s ease 0s;
  -o-transition: background-color 0.3s ease 0s;
  transition: background-color 0.3s ease 0s;
  margin: 3px 0;
  margin-right: 10px;
  position: relative;
}

.adomx-switch .lever:last-child {
  margin-right: 0;
}

.adomx-switch .lever::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #ffffff;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
  -webkit-transition: left 0.5s ease 0s, background-color 0.3s ease 0s;
  -o-transition: left 0.5s ease 0s, background-color 0.3s ease 0s;
  transition: left 0.5s ease 0s, background-color 0.3s ease 0s;
}

.adomx-switch .text {
  line-height: 1;
  padding-top: 2px;
}

.adomx-switch.primary input:checked + .lever {
  background-color: rgba(66, 139, 250, 0.3);
}

.adomx-switch.primary input:checked + .lever::before {
  background-color: #428bfa;
  -webkit-box-shadow: 0 0 15px rgba(66, 139, 250, 0.5);
          box-shadow: 0 0 15px rgba(66, 139, 250, 0.5);
}

.adomx-switch.secondary input:checked + .lever {
  background-color: rgba(251, 125, 164, 0.3);
}

.adomx-switch.secondary input:checked + .lever::before {
  background-color: #fb7da4;
  -webkit-box-shadow: 0 0 15px rgba(251, 125, 164, 0.5);
          box-shadow: 0 0 15px rgba(251, 125, 164, 0.5);
}

.adomx-switch.success input:checked + .lever {
  background-color: rgba(41, 219, 45, 0.3);
}

.adomx-switch.success input:checked + .lever::before {
  background-color: #29db2d;
  -webkit-box-shadow: 0 0 15px rgba(41, 219, 45, 0.5);
          box-shadow: 0 0 15px rgba(41, 219, 45, 0.5);
}

.adomx-switch.danger input:checked + .lever {
  background-color: rgba(253, 66, 124, 0.3);
}

.adomx-switch.danger input:checked + .lever::before {
  background-color: #fd427c;
  -webkit-box-shadow: 0 0 15px rgba(253, 66, 124, 0.5);
          box-shadow: 0 0 15px rgba(253, 66, 124, 0.5);
}

.adomx-switch.warning input:checked + .lever {
  background-color: rgba(255, 150, 102, 0.3);
}

.adomx-switch.warning input:checked + .lever::before {
  background-color: #ff9666;
  -webkit-box-shadow: 0 0 15px rgba(255, 150, 102, 0.5);
          box-shadow: 0 0 15px rgba(255, 150, 102, 0.5);
}

.adomx-switch.info input:checked + .lever {
  background-color: rgba(23, 162, 184, 0.3);
}

.adomx-switch.info input:checked + .lever::before {
  background-color: #17a2b8;
  -webkit-box-shadow: 0 0 15px rgba(23, 162, 184, 0.5);
          box-shadow: 0 0 15px rgba(23, 162, 184, 0.5);
}

/*Switch Two*/
.adomx-switch-2 {
  position: relative;
  line-height: 0;
  margin: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.adomx-switch-2 input {
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  opacity: 0;
  width: 18px;
  height: 18px;
  visibility: hidden;
}

.adomx-switch-2 input:checked + .lever {
  background-color: #428bfa;
}

.adomx-switch-2 input:checked + .lever::before {
  left: 20px;
}

.adomx-switch-2 .lever {
  width: 40px;
  height: 20px;
  display: block;
  border-radius: 50px;
  background-color: rgba(0, 0, 0, 0.15);
  -webkit-transition: background-color 0.3s ease 0s;
  -o-transition: background-color 0.3s ease 0s;
  transition: background-color 0.3s ease 0s;
  margin-right: 10px;
  position: relative;
}

.adomx-switch-2 .lever:last-child {
  margin-right: 0;
}

.adomx-switch-2 .lever::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #ffffff;
  border: 2px solid transparent;
  background-clip: padding-box;
  -webkit-transition: left 0.5s ease 0s, background-color 0.3s ease 0s;
  -o-transition: left 0.5s ease 0s, background-color 0.3s ease 0s;
  transition: left 0.5s ease 0s, background-color 0.3s ease 0s;
}

.adomx-switch-2 .text {
  line-height: 20px;
  padding-top: 2px;
}

.adomx-switch-2.primary input:checked + .lever {
  background-color: #428bfa;
}

.adomx-switch-2.secondary input:checked + .lever {
  background-color: #fb7da4;
}

.adomx-switch-2.success input:checked + .lever {
  background-color: #29db2d;
}

.adomx-switch-2.danger input:checked + .lever {
  background-color: #fd427c;
}

.adomx-switch-2.warning input:checked + .lever {
  background-color: #ff9666;
}

.adomx-switch-2.info input:checked + .lever {
  background-color: #17a2b8;
}

/*Search Form*/
.search-form form {
  position: relative;
  width: 250px;
  border-radius: 50px;
  overflow: hidden;
}

.search-form form input {
  width: 100%;
  background-color: #fafafa;
  -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.08) inset;
          box-shadow: 0 0 7px rgba(0, 0, 0, 0.08) inset;
  border: none;
  border-radius: 50px;
  line-height: 24px;
  padding: 12px 20px;
  font-size: 14px;
  color: #999999;
}

.search-form form .submit {
  position: absolute;
  right: 0;
  top: 0;
  padding: 12px 20px;
  background-color: transparent;
  border: none;
  color: #666666;
}

.search-form form .submit i {
  line-height: 24px;
  font-size: 20px;
}

.search-form form .submit:hover {
  color: #428bfa;
}

/*Adomx Checkbox Radio Group*/
.adomx-checkbox-radio-group {
  margin: -8px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}

.adomx-checkbox-radio-group.inline {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.adomx-checkbox-radio-group [class*="adomx-checkbox"], .adomx-checkbox-radio-group [class*="adomx-radio"], .adomx-checkbox-radio-group [class*="adomx-switch"] {
  margin: 8px;
}

/*Input File*/
.input-file {
  margin: 0;
  position: relative;
  width: 100%;
}

.input-file input {
  opacity: 0;
  visibility: hidden;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

/*File Pond*/
.filepond--root {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: auto !important;
  margin: -5px;
  contain: unset;
}

.filepond--root .filepond--drop-label {
  max-width: 140px;
  width: 100%;
  height: 140px;
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 100%;
      -ms-flex: 1 0 100%;
          flex: 1 0 100%;
  position: absolute;
  left: 0;
  top: 0;
  margin: 5px;
  border: 1px solid #dddddd;
  border-radius: 4px;
  z-index: 99;
}

.filepond--root .filepond--drop-label::before {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
      -ms-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  content: '\f21e';
  font-family: "Material-Design-Iconic-Font";
  font-size: 30px;
}

.filepond--root .filepond--drop-label label {
  display: none;
}

.filepond--root .filepond--list-scroller {
  position: relative;
  -webkit-transform: none !important;
      -ms-transform: none !important;
          transform: none !important;
  margin: 5px;
  height: auto;
}

.filepond--root .filepond--list-scroller .filepond--list {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  left: 0;
  right: 0;
  margin: -5px;
}

.filepond--root .filepond--list-scroller .filepond--list::before {
  width: 140px;
  height: 140px;
  content: "";
  margin: 5px;
}

.filepond--root .filepond--panel-root {
  display: none;
}

.filepond--list .filepond--item {
  position: relative;
  max-width: 140px;
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 100%;
      -ms-flex: 1 0 100%;
          flex: 1 0 100%;
  -webkit-transform: none !important;
      -ms-transform: none !important;
          transform: none !important;
  margin: 5px;
}

.filepond--list .filepond--item .filepond--file-wrapper .filepond--file {
  border-radius: 4px;
}

.filepond--image-preview-wrapper {
  border-radius: 4px;
}

.filepond--image-preview-wrapper .filepond--image-preview .filepond--image-clip {
  height: 100%;
  width: 100%;
}

/*Dropify*/
.dropify-wrapper {
  border: 1px solid #dddddd;
  border-radius: 4px;
}

/*Date Range Picker*/
.daterangepicker .ranges ul li.active {
  background-color: #428bfa;
}

.daterangepicker .ranges ul li.active:hover {
  background-color: #297cf9;
}

.daterangepicker td.active {
  background-color: #428bfa;
}

.daterangepicker td.active:hover {
  background-color: #428bfa;
}

.daterangepicker .drp-buttons .btn.btn-primary {
  background-color: #428bfa;
  border-color: transparent;
}

.daterangepicker .drp-buttons .btn.btn-primary:hover {
  background-color: #297cf9;
}

.ql-container {
  height: 250px;
}

/*----------------------------------------*/
/*  04. Table CSS
/*----------------------------------------*/
/*--
    - Data Table
--------------------------------------*/
/*Data Table Wrap*/
.data-table-wrap {
  margin-bottom: -20px;
}

.data-table-wrap .table-responsive {
  padding-bottom: 20px;
}

/*Data Table*/
table.data-table {
  margin-bottom: 10px;
  margin-top: 10px;
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 100%;
      -ms-flex: 1 0 100%;
          flex: 1 0 100%;
  width: 100% !important;
  /* Table Head */
  /* Table Body */
}

table.data-table thead tr th {
  white-space: nowrap;
}

table.data-table thead tr th.sorting, table.data-table thead tr th.sorting_asc, table.data-table thead tr th.sorting_desc, table.data-table thead tr th.sorting_asc_disabled, table.data-table thead tr th.sorting_desc_disabled {
  background-color: transparent;
  background-image: none;
}

table.data-table thead tr th:after {
  margin-left: 10px;
  font-family: fontawesome;
  cursor: pointer;
}

table.data-table thead tr th.sorting_asc:after {
  content: "\f0de";
}

table.data-table thead tr th.sorting_desc:after {
  content: "\f0dd";
}

table.data-table thead tr th.sorting:after {
  content: "\f0dc";
}

table.data-table tbody tr td {
  white-space: nowrap;
}

table.data-table.collapsed {
  /* Table Head */
  /* Table Body */
}

table.data-table.collapsed tbody tr td.sorting_1 {
  position: relative;
  padding-left: 30px;
  cursor: pointer;
}

table.data-table.collapsed tbody tr td.sorting_1::before {
  content: "\f278";
  font-family: "Material-Design-Iconic-Font";
  position: absolute;
  left: 7px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 16px;
  height: 16px;
  font-size: 12px;
  line-height: 16px;
  text-align: center;
  background-color: #428bfa;
  color: #ffffff;
  border-radius: 50%;
}

table.data-table.collapsed tbody tr.parent td.sorting_1::before {
  content: "\f273";
}

table.data-table.collapsed tbody tr.child {
  background-color: #f9f9f9;
}

table.data-table.collapsed tbody tr.child td.child {
  padding: 0;
}

table.data-table.collapsed tbody tr.child td.child ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

table.data-table.collapsed tbody tr.child td.child ul li {
  border-bottom: 1px solid #dee2e6;
  padding: .75rem;
}

table.data-table.collapsed tbody tr.child td.child ul li:last-child {
  border-bottom: none;
}

table.data-table.collapsed tbody tr.child td.child ul li .dtr-title {
  font-weight: 700;
  margin-right: 10px;
  min-width: 75px;
}

/*Data Table Wrapper*/
.dataTables_wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.dataTables_wrapper .dt-buttons {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-bottom: 6px;
}

.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 10px;
}

.dataTables_wrapper .dataTables_length label, .dataTables_wrapper .dataTables_filter label {
  margin: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.dataTables_wrapper .dataTables_length label input, .dataTables_wrapper .dataTables_filter label input {
  width: auto;
  padding: 7px 20px;
  margin-left: 5px;
}

.dataTables_wrapper .dataTables_length label select, .dataTables_wrapper .dataTables_filter label select {
  width: auto;
  padding: 6px 35px 6px 10px !important;
  margin: 0 5px;
}

@media only screen and (max-width: 575px) {
  .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 100%;
        -ms-flex: 1 0 100%;
            flex: 1 0 100%;
  }
}

.dataTables_wrapper .dataTables_paginate {
  margin-top: 5px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-bottom: -5px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
  margin-right: 5px;
  margin-bottom: 5px;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  background-color: transparent;
  color: #666666;
  border-radius: 4px;
  text-transform: capitalize;
  font-size: 15px;
  line-height: 24px;
  padding: 4px 12px;
  border: 1px solid #dee2e6;
}

.dataTables_wrapper .dataTables_paginate .paginate_button i {
  font-size: 20px;
  margin: 3px 0 0 !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current {
  background-color: #428bfa;
  border-color: #428bfa;
  color: #ffffff;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.previous {
  margin-left: 0;
  padding: 4px 15px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.next {
  padding: 4px 15px;
  margin-right: 0 !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  background-color: #428bfa;
  border-color: #428bfa;
  color: #ffffff;
}

/*--
    - Foo Table
--------------------------------------*/
.footable.table {
  margin: 0;
}

.footable.table thead tr th {
  padding: 0.75em;
  border-color: #dee2e6;
  line-height: inherit;
  border-top: 1px solid #dee2e6 !important;
}

.footable.table thead tr th .footable-filtering-search .input-group #toast-container .toast .toast-message input, #toast-container .toast .toast-message .footable.table thead tr th .footable-filtering-search .input-group input, .footable.table thead tr th .footable-filtering-search .input-group .dataTables_wrapper .dataTables_length label input, .dataTables_wrapper .dataTables_length label .footable.table thead tr th .footable-filtering-search .input-group input, .footable.table thead tr th .footable-filtering-search .input-group .dataTables_wrapper .dataTables_filter label input, .dataTables_wrapper .dataTables_filter label .footable.table thead tr th .footable-filtering-search .input-group input, .footable.table thead tr th .footable-filtering-search .input-group .dataTables_wrapper .dataTables_length label select, .dataTables_wrapper .dataTables_length label .footable.table thead tr th .footable-filtering-search .input-group select, .footable.table thead tr th .footable-filtering-search .input-group .dataTables_wrapper .dataTables_filter label select, .dataTables_wrapper .dataTables_filter label .footable.table thead tr th .footable-filtering-search .input-group select, .footable.table thead tr th .footable-filtering-search .input-group .form-control, .footable.table thead .jsgrid-grid-header table tr th .footable-filtering-search .input-group input, .jsgrid-grid-header table .footable.table thead tr th .footable-filtering-search .input-group input, .footable.table thead .jsgrid-grid-header table tr th .footable-filtering-search .input-group select, .jsgrid-grid-header table .footable.table thead tr th .footable-filtering-search .input-group select, body.skin-dark .footable.table thead tr th .footable-filtering-search .input-group .form-control, .footable.table thead body.skin-dark .jsgrid-table tr th .footable-filtering-search .input-group input:not(.jsgrid-button), body.skin-dark .jsgrid-table .footable.table thead tr th .footable-filtering-search .input-group input:not(.jsgrid-button), .footable.table thead body.skin-dark .jsgrid-table tr th .footable-filtering-search .input-group select, body.skin-dark .jsgrid-table .footable.table thead tr th .footable-filtering-search .input-group select {
  max-width: 100%;
  padding: 7px 20px;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.footable.table thead tr th .footable-filtering-search .input-group .input-group-btn .btn {
  margin: 0 !important;
  padding: 7px 15px !important;
  border-radius: 0 !important;
}

.footable.table thead tr th .footable-filtering-search .input-group .input-group-btn .btn .caret {
  display: none;
}

.footable.table thead tr th .footable-filtering-search .input-group .input-group-btn .btn::after {
  margin: 0;
}

.footable.table thead tr th .footable-filtering-search .input-group .input-group-btn .btn.dropdown-toggle {
  border-top-right-radius: 4px !important;
  border-bottom-right-radius: 4px !important;
  border-left-color: #0660e9;
}

.footable.table thead tr.footable-filtering th {
  border-top: none !important;
  padding: 0 0 20px;
}

.footable.table tbody tr td {
  padding: 0.75em;
  border-color: #dee2e6;
  line-height: inherit;
}

.footable.table tbody tr td .footable-details {
  margin: 0;
}

.footable.table tbody tr td .footable-details tbody tr th {
  vertical-align: middle;
}

.footable.table tbody tr td.footable-editing .btn-group .btn {
  margin: 0 !important;
  padding: 0 6px !important;
  line-height: 20px !important;
}

.footable.table tbody tr td.footable-editing .btn-group .btn:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.footable.table tbody tr.footable-detail-row > td {
  padding: 0;
}

.footable.table tfoot tr td {
  padding: 15px;
}

.footable.table tfoot tr.footable-editing td .btn:not(.footable-show) {
  display: none;
}

.footable.table tfoot tr:last-child td {
  padding-bottom: 0;
}

.footable.table.footable-editing-show tfoot tr.footable-editing td .btn {
  display: none;
}

.footable.table.footable-editing-show tfoot tr.footable-editing td .btn:not(.footable-show) {
  display: inline-block;
}

/*Footable Pagination*/
.footable-pagination-wrapper .pagination {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: -10px;
  margin-top: 0;
}

.footable-pagination-wrapper .pagination li {
  margin-right: 10px;
  margin-bottom: 10px;
}

.footable-pagination-wrapper .pagination li:last-child {
  margin-right: 0;
}

.footable-pagination-wrapper .pagination li a {
  display: inline-block;
  background-color: transparent;
  color: #666666;
  border-radius: 4px;
  text-transform: capitalize;
  font-size: 15px;
  line-height: 24px;
  padding: 4px 15px;
  border-width: 1px;
  border-style: solid;
}

.footable-pagination-wrapper .pagination li a:hover {
  background-color: #428bfa;
  border-color: #428bfa;
  color: #ffffff;
}

.footable-pagination-wrapper .pagination li.disabled a {
  background-color: transparent;
}

.footable-pagination-wrapper .pagination li.footable-page-nav a {
  padding-top: 2px;
  padding-bottom: 6px;
  font-size: 18px;
}

.footable-pagination-wrapper .pagination li:last-child a, .footable-pagination-wrapper .pagination li:last-child span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.footable-pagination-wrapper .pagination li.active a, .footable-pagination-wrapper .pagination li.active a:focus, .footable-pagination-wrapper .pagination li.active a:hover {
  background-color: #428bfa;
  border-color: #428bfa;
  color: #ffffff;
}

.footable-pagination-wrapper .label {
  display: none;
}

/*Footable Editor*/
#footable-editor .form-group {
  margin-bottom: 15px;
}

#footable-editor .form-group:last-child {
  margin-bottom: 0;
}

/*--
    - JSGrid
--------------------------------------*/
/*Sorting Panel*/
.jsGrid-sorting-panel {
  max-width: 300px;
  margin-bottom: 15px;
}

.jsGrid-sorting-panel div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.jsGrid-sorting-panel div .form-control, .jsGrid-sorting-panel div #toast-container .toast .toast-message input, #toast-container .toast .toast-message .jsGrid-sorting-panel div input, .jsGrid-sorting-panel div .dataTables_wrapper .dataTables_length label input, .dataTables_wrapper .dataTables_length label .jsGrid-sorting-panel div input, .jsGrid-sorting-panel div .dataTables_wrapper .dataTables_filter label input, .dataTables_wrapper .dataTables_filter label .jsGrid-sorting-panel div input, .jsGrid-sorting-panel div .dataTables_wrapper .dataTables_length label select, .dataTables_wrapper .dataTables_length label .jsGrid-sorting-panel div select, .jsGrid-sorting-panel div .dataTables_wrapper .dataTables_filter label select, .dataTables_wrapper .dataTables_filter label .jsGrid-sorting-panel div select, .jsGrid-sorting-panel div .footable.table thead tr th .footable-filtering-search .input-group .form-control, .footable.table thead tr th .footable-filtering-search .input-group .jsGrid-sorting-panel div .form-control, .jsGrid-sorting-panel div .jsgrid-grid-header table tr th input, .jsgrid-grid-header table tr th .jsGrid-sorting-panel div input, .jsGrid-sorting-panel div .jsgrid-grid-header table tr th select, .jsgrid-grid-header table tr th .jsGrid-sorting-panel div select, .jsGrid-sorting-panel div .jsgrid-grid-header table tr td input, .jsgrid-grid-header table tr td .jsGrid-sorting-panel div input, .jsGrid-sorting-panel div .jsgrid-grid-header table tr td select, .jsgrid-grid-header table tr td .jsGrid-sorting-panel div select, .jsGrid-sorting-panel div body.skin-dark .jsgrid-table tr th input:not(.jsgrid-button), body.skin-dark .jsgrid-table tr th .jsGrid-sorting-panel div input:not(.jsgrid-button), .jsGrid-sorting-panel div body.skin-dark .jsgrid-table tr td input:not(.jsgrid-button), body.skin-dark .jsgrid-table tr td .jsGrid-sorting-panel div input:not(.jsgrid-button), .jsGrid-sorting-panel div body.skin-dark .jsgrid-table tr th select, body.skin-dark .jsgrid-table tr th .jsGrid-sorting-panel div select, .jsGrid-sorting-panel div body.skin-dark .jsgrid-table tr td select, body.skin-dark .jsgrid-table tr td .jsGrid-sorting-panel div select {
  width: auto;
  margin: 0 5px;
}

.jsGrid-sorting-panel div .button, .jsGrid-sorting-panel div .fullcalendar .fc-toolbar .fc-button, .fullcalendar .fc-toolbar .jsGrid-sorting-panel div .fc-button, .jsGrid-sorting-panel div #toast-container .toast .toast-message .btn, #toast-container .toast .toast-message .jsGrid-sorting-panel div .btn, .jsGrid-sorting-panel div .dataTables_wrapper .dt-buttons .dt-button, .dataTables_wrapper .dt-buttons .jsGrid-sorting-panel div .dt-button, .jsGrid-sorting-panel div .footable.table thead tr th .footable-filtering-search .input-group .input-group-btn .btn, .footable.table thead tr th .footable-filtering-search .input-group .input-group-btn .jsGrid-sorting-panel div .btn, .jsGrid-sorting-panel div .footable.table tbody tr td.footable-editing .btn-group .btn, .footable.table tbody tr td.footable-editing .btn-group .jsGrid-sorting-panel div .btn, .jsGrid-sorting-panel div .footable.table tfoot tr.footable-editing td .btn, .footable.table tfoot tr.footable-editing td .jsGrid-sorting-panel div .btn, .jsGrid-sorting-panel div .smart-wizard .sw-toolbar .sw-btn-group .btn, .smart-wizard .sw-toolbar .sw-btn-group .jsGrid-sorting-panel div .btn {
  padding: 6px 15px;
  margin: 0;
}

/*JSGrid*/
.jsgrid {
  height: auto !important;
}

.jsgrid .jsgrid-button {
  padding: 0;
  position: relative;
  top: 4px;
  margin: 0 3px;
}

/*JSGrid Header*/
.jsgrid-grid-header {
  border: 1px solid #dee2e6;
  height: auto;
  overflow-x: hidden;
  overflow-y: auto;
}

.jsgrid-grid-header table tr th, .jsgrid-grid-header table tr td {
  padding: 0.75em;
  vertical-align: middle;
}

.jsgrid-grid-header table tr th input, .jsgrid-grid-header table tr th select, .jsgrid-grid-header table tr td input, .jsgrid-grid-header table tr td select {
  padding: 7px 20px;
}

.jsgrid-grid-header table tr th input[type="number"], .jsgrid-grid-header table tr th select[type="number"], .jsgrid-grid-header table tr td input[type="number"], .jsgrid-grid-header table tr td select[type="number"] {
  padding: 7px 10px;
}

.jsgrid-grid-header table tr th select, .jsgrid-grid-header table tr td select {
  padding: 6px 35px 6px 10px !important;
}

.jsgrid-grid-header table tr th.jsgrid-header-sort::before, .jsgrid-grid-header table tr td.jsgrid-header-sort::before {
  margin-top: 9px;
}

.jsgrid-grid-header table tr th.jsgrid-header-sort.jsgrid-header-sort-asc::before, .jsgrid-grid-header table tr td.jsgrid-header-sort.jsgrid-header-sort-asc::before {
  border-color: transparent transparent #428bfa;
}

.jsgrid-grid-header table tr th.jsgrid-header-sort.jsgrid-header-sort-desc::before, .jsgrid-grid-header table tr td.jsgrid-header-sort.jsgrid-header-sort-desc::before {
  border-color: #428bfa transparent transparent;
}

/*JSGrid Body*/
.jsgrid-grid-body {
  height: auto !important;
  overflow: auto;
}

.jsgrid-grid-body table tbody tr th, .jsgrid-grid-body table tbody tr td {
  padding: 0.75em;
  border-color: #dee2e6;
  vertical-align: middle;
}

.jsgrid-grid-body table tbody tr th.jsgrid-align-right, .jsgrid-grid-body table tbody tr td.jsgrid-align-right {
  text-align: center;
}

.jsgrid-grid-body table tbody tr:last-child td {
  border-bottom: none;
}

/*Table Common Style*/
.table {
  white-space: nowrap;
}

.table:last-child {
  margin-bottom: 0;
}

.table thead tr th, .table thead tr td, .table tbody tr th, .table tbody tr td {
  border-color: #f1f1f1;
}

.table.table-vertical-middle thead tr th, .table.table-vertical-middle thead tr td, .table.table-vertical-middle tbody tr th, .table.table-vertical-middle tbody tr td {
  vertical-align: middle;
}

.table .adomx-checkbox, .table .adomx-checkbox-2 {
  display: table;
  padding-left: 18px;
}

/*Table Action Buttons*/
.table-action-buttons {
  min-width: 80px;
}

.table-action-buttons .button, .table-action-buttons .fullcalendar .fc-toolbar .fc-button, .fullcalendar .fc-toolbar .table-action-buttons .fc-button, .table-action-buttons #toast-container .toast .toast-message .btn, #toast-container .toast .toast-message .table-action-buttons .btn, .table-action-buttons .dataTables_wrapper .dt-buttons .dt-button, .dataTables_wrapper .dt-buttons .table-action-buttons .dt-button, .table-action-buttons .footable.table thead tr th .footable-filtering-search .input-group .input-group-btn .btn, .footable.table thead tr th .footable-filtering-search .input-group .input-group-btn .table-action-buttons .btn, .table-action-buttons .footable.table tbody tr td.footable-editing .btn-group .btn, .footable.table tbody tr td.footable-editing .btn-group .table-action-buttons .btn, .table-action-buttons .footable.table tfoot tr.footable-editing td .btn, .footable.table tfoot tr.footable-editing td .table-action-buttons .btn, .table-action-buttons .smart-wizard .sw-toolbar .sw-btn-group .btn, .smart-wizard .sw-toolbar .sw-btn-group .table-action-buttons .btn {
  width: 22px !important;
  height: 22px !important;
  margin-bottom: 0;
}

.table-action-buttons .button i, .table-action-buttons .fullcalendar .fc-toolbar .fc-button i, .fullcalendar .fc-toolbar .table-action-buttons .fc-button i, .table-action-buttons #toast-container .toast .toast-message .btn i, #toast-container .toast .toast-message .table-action-buttons .btn i, .table-action-buttons .dataTables_wrapper .dt-buttons .dt-button i, .dataTables_wrapper .dt-buttons .table-action-buttons .dt-button i, .table-action-buttons .footable.table thead tr th .footable-filtering-search .input-group .input-group-btn .btn i, .footable.table thead tr th .footable-filtering-search .input-group .input-group-btn .table-action-buttons .btn i, .table-action-buttons .footable.table tbody tr td.footable-editing .btn-group .btn i, .footable.table tbody tr td.footable-editing .btn-group .table-action-buttons .btn i, .table-action-buttons .footable.table tfoot tr.footable-editing td .btn i, .footable.table tfoot tr.footable-editing td .table-action-buttons .btn i, .table-action-buttons .smart-wizard .sw-toolbar .sw-btn-group .btn i, .smart-wizard .sw-toolbar .sw-btn-group .table-action-buttons .btn i {
  line-height: 22px;
}

.table-action-buttons .button:focus, .table-action-buttons .fullcalendar .fc-toolbar .fc-button:focus, .fullcalendar .fc-toolbar .table-action-buttons .fc-button:focus, .table-action-buttons #toast-container .toast .toast-message .btn:focus, #toast-container .toast .toast-message .table-action-buttons .btn:focus, .table-action-buttons .dataTables_wrapper .dt-buttons .dt-button:focus, .dataTables_wrapper .dt-buttons .table-action-buttons .dt-button:focus, .table-action-buttons .footable.table thead tr th .footable-filtering-search .input-group .input-group-btn .btn:focus, .footable.table thead tr th .footable-filtering-search .input-group .input-group-btn .table-action-buttons .btn:focus, .table-action-buttons .footable.table tbody tr td.footable-editing .btn-group .btn:focus, .footable.table tbody tr td.footable-editing .btn-group .table-action-buttons .btn:focus, .table-action-buttons .footable.table tfoot tr.footable-editing td .btn:focus, .footable.table tfoot tr.footable-editing td .table-action-buttons .btn:focus, .table-action-buttons .smart-wizard .sw-toolbar .sw-btn-group .btn:focus, .smart-wizard .sw-toolbar .sw-btn-group .table-action-buttons .btn:focus {
  color: #ffffff;
}

/*----------------------------------------*/
/*  05. Step Widget CSS
/*----------------------------------------*/
.smart-wizard .step-anchor {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: -15px;
}

.smart-wizard .step-anchor .nav-item {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  padding: 15px;
}

.smart-wizard .step-anchor .nav-item .nav-link {
  border: none;
  background-color: #f1f1f1;
  padding: 20px 30px;
  border-radius: 4px;
  font-size: 18px;
  font-weight: 600;
  cursor: default;
  color: #999999;
}

.smart-wizard .step-anchor .nav-item .nav-link:hover {
  color: #999999;
}

.smart-wizard .step-anchor .nav-item.active a, .smart-wizard .step-anchor .nav-item.done a {
  cursor: pointer;
  color: #ffffff;
}

.smart-wizard .step-anchor .nav-item.active a:hover, .smart-wizard .step-anchor .nav-item.done a:hover {
  color: #ffffff;
}

.smart-wizard .step-anchor .nav-item.active a {
  background-color: #428bfa;
}

.smart-wizard .step-anchor .nav-item.done a {
  background-color: rgba(66, 139, 250, 0.3);
}

.smart-wizard .sw-container .step-content {
  display: none;
  height: auto;
  opacity: 1;
  visibility: visible;
  padding: 30px 0;
}

.smart-wizard .sw-toolbar .sw-btn-group {
  margin-right: 15px !important;
}

.smart-wizard .sw-toolbar .sw-btn-group:last-child {
  margin-right: 0 !important;
}

.smart-wizard .sw-toolbar .sw-btn-group .btn {
  border-radius: 4px !important;
  margin-right: 5px !important;
}

.smart-wizard .sw-toolbar .sw-btn-group .btn:last-child {
  margin-right: 0 !important;
}

.smart-wizard.vertical .step-anchor {
  margin: 0;
  padding: 0 15px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}

.smart-wizard.vertical .step-anchor li {
  padding: 0;
  margin-bottom: 30px;
}

.smart-wizard.vertical .step-anchor li:last-child {
  margin-bottom: 0;
}

.smart-wizard.vertical .sw-container .step-content {
  padding: 0;
}

.smart-wizard.vertical .sw-toolbar {
  padding: 0 15px;
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 100%;
      -ms-flex: 1 0 100%;
          flex: 1 0 100%;
  margin-bottom: 30px;
}

/*----------------------------------------*/
/*  06. Tippy CSS
/*----------------------------------------*/
.tippy-tooltip {
  background-color: #343434;
  -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
          box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
  padding: 10px;
}

.tippy-tooltip .tippy-backdrop {
  background-color: #343434;
}

.tippy-tooltip.dark-theme {
  background-color: #343434;
}

.tippy-tooltip.dark-theme .tippy-backdrop {
  background-color: #343434;
}

.tippy-tooltip.light-theme {
  background-color: #ffffff;
}

.tippy-tooltip.light-theme .tippy-backdrop {
  background-color: #ffffff;
}

.tippy-tooltip.light-theme .tippy-content {
  color: #343434;
}

.tippy-tooltip.primary-theme {
  background-color: #428bfa;
  -webkit-box-shadow: 0 5px 15px rgba(66, 139, 250, 0.1);
          box-shadow: 0 5px 15px rgba(66, 139, 250, 0.1);
}

.tippy-tooltip.primary-theme .tippy-backdrop {
  background-color: #428bfa;
}

.tippy-tooltip.secondary-theme {
  background-color: #fb7da4;
  -webkit-box-shadow: 0 5px 15px rgba(251, 125, 164, 0.1);
          box-shadow: 0 5px 15px rgba(251, 125, 164, 0.1);
}

.tippy-tooltip.secondary-theme .tippy-backdrop {
  background-color: #fb7da4;
}

.tippy-tooltip.success-theme {
  background-color: #29db2d;
  -webkit-box-shadow: 0 5px 15px rgba(41, 219, 45, 0.1);
          box-shadow: 0 5px 15px rgba(41, 219, 45, 0.1);
}

.tippy-tooltip.success-theme .tippy-backdrop {
  background-color: #29db2d;
}

.tippy-tooltip.danger-theme {
  background-color: #fd427c;
  -webkit-box-shadow: 0 5px 15px rgba(253, 66, 124, 0.1);
          box-shadow: 0 5px 15px rgba(253, 66, 124, 0.1);
}

.tippy-tooltip.danger-theme .tippy-backdrop {
  background-color: #fd427c;
}

.tippy-tooltip.warning-theme {
  background-color: #ff9666;
  -webkit-box-shadow: 0 5px 15px rgba(255, 150, 102, 0.1);
          box-shadow: 0 5px 15px rgba(255, 150, 102, 0.1);
}

.tippy-tooltip.warning-theme .tippy-backdrop {
  background-color: #ff9666;
}

.tippy-tooltip.info-theme {
  background-color: #17a2b8;
  -webkit-box-shadow: 0 5px 15px rgba(23, 162, 184, 0.1);
          box-shadow: 0 5px 15px rgba(23, 162, 184, 0.1);
}

.tippy-tooltip.info-theme .tippy-backdrop {
  background-color: #17a2b8;
}

.tippy-tooltip .tippy-content {
  color: #ffffff;
  font-size: 12px;
}

/*Placement Top*/
.tippy-popper[x-placement^="top"] .tippy-tooltip .tippy-arrow {
  border-top-color: #343434;
}

.tippy-popper[x-placement^="top"] .tippy-tooltip .tippy-roundarrow svg path {
  fill: #343434;
}

.tippy-popper[x-placement^="top"] .tippy-tooltip.light-theme .tippy-arrow {
  border-top-color: #ffffff;
}

.tippy-popper[x-placement^="top"] .tippy-tooltip.light-theme .tippy-roundarrow svg path {
  fill: #ffffff;
}

.tippy-popper[x-placement^="top"] .tippy-tooltip.primary-theme .tippy-arrow {
  border-top-color: #428bfa;
}

.tippy-popper[x-placement^="top"] .tippy-tooltip.primary-theme .tippy-roundarrow svg path {
  fill: #428bfa;
}

.tippy-popper[x-placement^="top"] .tippy-tooltip.secondary-theme .tippy-arrow {
  border-top-color: #fb7da4;
}

.tippy-popper[x-placement^="top"] .tippy-tooltip.secondary-theme .tippy-roundarrow svg path {
  fill: #fb7da4;
}

.tippy-popper[x-placement^="top"] .tippy-tooltip.success-theme .tippy-arrow {
  border-top-color: #29db2d;
}

.tippy-popper[x-placement^="top"] .tippy-tooltip.success-theme .tippy-roundarrow svg path {
  fill: #29db2d;
}

.tippy-popper[x-placement^="top"] .tippy-tooltip.danger-theme .tippy-arrow {
  border-top-color: #fd427c;
}

.tippy-popper[x-placement^="top"] .tippy-tooltip.danger-theme .tippy-roundarrow svg path {
  fill: #fd427c;
}

.tippy-popper[x-placement^="top"] .tippy-tooltip.warning-theme .tippy-arrow {
  border-top-color: #ff9666;
}

.tippy-popper[x-placement^="top"] .tippy-tooltip.warning-theme .tippy-roundarrow svg path {
  fill: #ff9666;
}

.tippy-popper[x-placement^="top"] .tippy-tooltip.info-theme .tippy-arrow {
  border-top-color: #17a2b8;
}

.tippy-popper[x-placement^="top"] .tippy-tooltip.info-theme .tippy-roundarrow svg path {
  fill: #17a2b8;
}

/*Placement Bottom*/
.tippy-popper[x-placement^="bottom"] .tippy-tooltip .tippy-arrow {
  border-bottom-color: #343434;
}

.tippy-popper[x-placement^="bottom"] .tippy-tooltip .tippy-roundarrow svg path {
  fill: #343434;
}

.tippy-popper[x-placement^="bottom"] .tippy-tooltip.light-theme .tippy-arrow {
  border-bottom-color: #ffffff;
}

.tippy-popper[x-placement^="bottom"] .tippy-tooltip.light-theme .tippy-roundarrow svg path {
  fill: #ffffff;
}

.tippy-popper[x-placement^="bottom"] .tippy-tooltip.primary-theme .tippy-arrow {
  border-bottom-color: #428bfa;
}

.tippy-popper[x-placement^="bottom"] .tippy-tooltip.primary-theme .tippy-roundarrow svg path {
  fill: #428bfa;
}

.tippy-popper[x-placement^="bottom"] .tippy-tooltip.secondary-theme .tippy-arrow {
  border-bottom-color: #fb7da4;
}

.tippy-popper[x-placement^="bottom"] .tippy-tooltip.secondary-theme .tippy-roundarrow svg path {
  fill: #fb7da4;
}

.tippy-popper[x-placement^="bottom"] .tippy-tooltip.success-theme .tippy-arrow {
  border-bottom-color: #29db2d;
}

.tippy-popper[x-placement^="bottom"] .tippy-tooltip.success-theme .tippy-roundarrow svg path {
  fill: #29db2d;
}

.tippy-popper[x-placement^="bottom"] .tippy-tooltip.danger-theme .tippy-arrow {
  border-bottom-color: #fd427c;
}

.tippy-popper[x-placement^="bottom"] .tippy-tooltip.danger-theme .tippy-roundarrow svg path {
  fill: #fd427c;
}

.tippy-popper[x-placement^="bottom"] .tippy-tooltip.warning-theme .tippy-arrow {
  border-bottom-color: #ff9666;
}

.tippy-popper[x-placement^="bottom"] .tippy-tooltip.warning-theme .tippy-roundarrow svg path {
  fill: #ff9666;
}

.tippy-popper[x-placement^="bottom"] .tippy-tooltip.info-theme .tippy-arrow {
  border-bottom-color: #17a2b8;
}

.tippy-popper[x-placement^="bottom"] .tippy-tooltip.info-theme .tippy-roundarrow svg path {
  fill: #17a2b8;
}

/*Placement Left*/
.tippy-popper[x-placement^="left"] .tippy-tooltip .tippy-arrow {
  border-left-color: #343434;
}

.tippy-popper[x-placement^="left"] .tippy-tooltip .tippy-roundarrow svg path {
  fill: #343434;
}

.tippy-popper[x-placement^="left"] .tippy-tooltip.light-theme .tippy-arrow {
  border-left-color: #ffffff;
}

.tippy-popper[x-placement^="left"] .tippy-tooltip.light-theme .tippy-roundarrow svg path {
  fill: #ffffff;
}

.tippy-popper[x-placement^="left"] .tippy-tooltip.primary-theme .tippy-arrow {
  border-left-color: #428bfa;
}

.tippy-popper[x-placement^="left"] .tippy-tooltip.primary-theme .tippy-roundarrow svg path {
  fill: #428bfa;
}

.tippy-popper[x-placement^="left"] .tippy-tooltip.secondary-theme .tippy-arrow {
  border-left-color: #fb7da4;
}

.tippy-popper[x-placement^="left"] .tippy-tooltip.secondary-theme .tippy-roundarrow svg path {
  fill: #fb7da4;
}

.tippy-popper[x-placement^="left"] .tippy-tooltip.success-theme .tippy-arrow {
  border-left-color: #29db2d;
}

.tippy-popper[x-placement^="left"] .tippy-tooltip.success-theme .tippy-roundarrow svg path {
  fill: #29db2d;
}

.tippy-popper[x-placement^="left"] .tippy-tooltip.danger-theme .tippy-arrow {
  border-left-color: #fd427c;
}

.tippy-popper[x-placement^="left"] .tippy-tooltip.danger-theme .tippy-roundarrow svg path {
  fill: #fd427c;
}

.tippy-popper[x-placement^="left"] .tippy-tooltip.warning-theme .tippy-arrow {
  border-left-color: #ff9666;
}

.tippy-popper[x-placement^="left"] .tippy-tooltip.warning-theme .tippy-roundarrow svg path {
  fill: #ff9666;
}

.tippy-popper[x-placement^="left"] .tippy-tooltip.info-theme .tippy-arrow {
  border-left-color: #17a2b8;
}

.tippy-popper[x-placement^="left"] .tippy-tooltip.info-theme .tippy-roundarrow svg path {
  fill: #17a2b8;
}

/*Placement Right*/
.tippy-popper[x-placement^="right"] .tippy-tooltip .tippy-arrow {
  border-right-color: #343434;
}

.tippy-popper[x-placement^="right"] .tippy-tooltip .tippy-roundarrow svg path {
  fill: #343434;
}

.tippy-popper[x-placement^="right"] .tippy-tooltip.light-theme .tippy-arrow {
  border-right-color: #ffffff;
}

.tippy-popper[x-placement^="right"] .tippy-tooltip.light-theme .tippy-roundarrow svg path {
  fill: #ffffff;
}

.tippy-popper[x-placement^="right"] .tippy-tooltip.primary-theme .tippy-arrow {
  border-right-color: #428bfa;
}

.tippy-popper[x-placement^="right"] .tippy-tooltip.primary-theme .tippy-roundarrow svg path {
  fill: #428bfa;
}

.tippy-popper[x-placement^="right"] .tippy-tooltip.secondary-theme .tippy-arrow {
  border-right-color: #fb7da4;
}

.tippy-popper[x-placement^="right"] .tippy-tooltip.secondary-theme .tippy-roundarrow svg path {
  fill: #fb7da4;
}

.tippy-popper[x-placement^="right"] .tippy-tooltip.success-theme .tippy-arrow {
  border-right-color: #29db2d;
}

.tippy-popper[x-placement^="right"] .tippy-tooltip.success-theme .tippy-roundarrow svg path {
  fill: #29db2d;
}

.tippy-popper[x-placement^="right"] .tippy-tooltip.danger-theme .tippy-arrow {
  border-right-color: #fd427c;
}

.tippy-popper[x-placement^="right"] .tippy-tooltip.danger-theme .tippy-roundarrow svg path {
  fill: #fd427c;
}

.tippy-popper[x-placement^="right"] .tippy-tooltip.warning-theme .tippy-arrow {
  border-right-color: #ff9666;
}

.tippy-popper[x-placement^="right"] .tippy-tooltip.warning-theme .tippy-roundarrow svg path {
  fill: #ff9666;
}

.tippy-popper[x-placement^="right"] .tippy-tooltip.info-theme .tippy-arrow {
  border-right-color: #17a2b8;
}

.tippy-popper[x-placement^="right"] .tippy-tooltip.info-theme .tippy-roundarrow svg path {
  fill: #17a2b8;
}

/*----------------------------------------*/
/*  07. Header CSS
/*----------------------------------------*/
.header-section {
  background-color: #fafafa;
  width: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1099;
  -webkit-box-shadow: 0 0px 10px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 0px 10px 0 rgba(0, 0, 0, 0.1);
}

@media only screen and (max-width: 767px) {
  .header-section {
    position: relative;
  }
}

/*-- Header Logo (Header Left) --*/
.header-logo {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 270px;
      -ms-flex: 0 0 270px;
          flex: 0 0 270px;
  height: 110px;
}

.header-logo a {
  position: relative;
  display: inline-block;
  line-height: 1;
}

.header-logo a img {
  max-width: 100%;
  opacity: 1;
  visibility: visible;
}

.header-logo a img.logo-light {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  visibility: hidden;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-logo {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    height: 80px;
    padding-left: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .header-logo {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    padding-left: 30px;
    height: 80px;
  }
}

@media only screen and (max-width: 575px) {
  .header-logo {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    padding: 20px 15px;
    height: auto;
    border-bottom: 1px solid #eeeeee;
  }
}

/*-- Header Right --*/
@media only screen and (max-width: 575px) {
  .header-right {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}

@media only screen and (max-width: 479px) {
  .header-right .row {
    margin-left: -10px;
    margin-right: -10px;
  }
  .header-right .row [class*="col"] {
    padding-left: 10px;
    padding-right: 10px;
  }
}

/*-- Side Header Toggle --*/
.side-header-toggle {
  display: block;
  border: none;
  background-color: transparent;
  padding: 0;
  margin-left: 15px;
}

.side-header-toggle i {
  display: block;
  line-height: 30px;
  font-size: 30px;
}

.side-header-toggle:hover {
  color: #428bfa;
}

@media only screen and (max-width: 479px) {
  .side-header-toggle {
    margin-left: 0;
  }
  .side-header-toggle i {
    font-size: 24px;
  }
}

/*-- Header Search --*/
.header-search {
  position: relative;
}

/*Header Search Toggle*/
.header-search-open {
  color: #666666;
  padding: 5px;
  border: none;
  background-color: transparent;
}

.header-search-open i {
  font-size: 26px;
  display: block;
  line-height: 30px;
}

@media only screen and (max-width: 479px) {
  .header-search-open {
    padding: 0;
  }
  .header-search-open i {
    font-size: 20px;
  }
}

/*Header Search Form*/
.header-search-form {
  position: relative;
}

.header-search-form form {
  position: relative;
  width: 350px;
}

.header-search-form form input {
  border: none;
  background-color: #f1f1f1;
  border-radius: 50px;
  height: 50px;
  line-height: 24px;
  padding: 14px 60px 14px 30px;
  -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.08) inset;
          box-shadow: 0 0 7px rgba(0, 0, 0, 0.08) inset;
  font-size: 14px;
  color: #666666;
  width: 100%;
}

.header-search-form form button {
  color: #666666;
  position: absolute;
  right: 0;
  top: 0;
  background-color: transparent;
  border: none;
  padding: 0 20px;
}

.header-search-form form button i {
  line-height: 50px;
  font-size: 26px;
}

.header-search-form form button:hover {
  color: #428bfa;
}

.header-search-form .header-search-close {
  position: absolute;
  right: 0;
  top: 0;
  border: none;
  width: 40px;
  height: 40px;
}

.header-search-form .header-search-close i {
  line-height: 40px;
  font-size: 24px;
}

@media only screen and (max-width: 479px) {
  .header-search-form .header-search-close i {
    font-size: 20px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .header-search-form {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 110px;
    background-color: #fafafa;
    z-index: 99;
    padding: 15px 80px;
    -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
            transform: translateY(-100%);
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .header-search-form.show {
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
  }
  .header-search-form form {
    width: 100%;
  }
  .header-search-form form input {
    -webkit-box-shadow: none;
            box-shadow: none;
    border-radius: 0;
    font-size: 20px;
    padding-left: 20px;
    background-color: transparent;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .header-search-form {
    height: 80px;
  }
}

@media only screen and (max-width: 767px) {
  .header-search-form {
    padding: 15px 30px;
  }
}

@media only screen and (max-width: 575px) {
  .header-search-form {
    height: 130px;
    padding: 15px;
  }
}

/*-- Header Notification Area --*/
.header-notification-area {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  list-style: none;
  padding: 0;
  margin: 0;
}

.header-notification-area > li {
  margin: 0 10px;
}

.header-notification-area > li > a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}

.header-notification-area > li > a .drop-arrow {
  margin-left: 5px;
}

.header-notification-area > li > a i {
  font-size: 26px;
  line-height: 30px;
  padding: 5px 0;
}

.header-notification-area > li > a .badge {
  border: none;
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  padding: 0;
  background-color: #fd427c;
  position: absolute;
  right: -4px;
  top: 3px;
}

.header-notification-area > li > a .user {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.header-notification-area > li > a .user .avatar {
  width: 40px;
  position: relative;
}

.header-notification-area > li > a .user .avatar img {
  border-radius: 50%;
  width: 100%;
}

.header-notification-area > li > a .user .avatar .status {
  position: absolute;
  right: 0;
  bottom: -2px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  display: block;
  background-color: #29db2d;
  border: 2px solid #fafafa;
}

.header-notification-area > li > a .user .name {
  font-size: 16px;
  line-height: 1.5;
  color: #343434;
  -webkit-align-self: center;
      -ms-flex-item-align: center;
          align-self: center;
  font-weight: 600;
  margin-left: 10px;
  margin-bottom: 0;
}

.header-notification-area > li .adomx-dropdown-menu {
  right: 0;
  left: auto;
  margin-top: 35px;
}

@media only screen and (min-width: 1200px) and (max-width: 1499px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-notification-area > li {
    margin: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .header-notification-area > li {
    margin: 0;
  }
  .header-notification-area > li .adomx-dropdown-menu.show {
    margin-top: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .header-notification-area li a .user .name {
    display: none;
  }
}

@media only screen and (max-width: 575px) {
  .header-notification-area {
    position: relative;
  }
  .header-notification-area > li {
    position: static;
  }
  .header-notification-area > li .adomx-dropdown-menu.show {
    margin-top: 10px;
  }
  .header-notification-area > li .adomx-dropdown-menu.dropdown-menu-mail, .header-notification-area > li .adomx-dropdown-menu.dropdown-menu-notifications {
    right: 0;
  }
}

@media only screen and (max-width: 479px) {
  .header-notification-area > li:first-child {
    padding-left: 0 !important;
  }
  .header-notification-area > li:last-child {
    padding-right: 0 !important;
  }
  .header-notification-area > li a .lang-flag {
    width: 22px;
    height: auto;
  }
  .header-notification-area > li a i {
    font-size: 20px;
    padding: 2px 0;
  }
  .header-notification-area > li a .user .avatar {
    width: 34px;
  }
  .header-notification-area > li .adomx-dropdown-menu {
    max-width: 290px;
  }
}

/*-- Header Language Dropdown --*/
.dropdown-menu-language {
  padding: 20px;
  list-style: none;
  margin: 0;
}

.dropdown-menu-language li {
  line-height: 1;
}

.dropdown-menu-language li a {
  font-size: 13px;
  padding: 0;
}

.dropdown-menu-language li a img {
  max-width: 100%;
  width: 24px;
  margin-right: 10px;
  border: 1px solid #eeeeee;
}

/*-- Header Mail Dropdown --*/
.dropdown-menu-mail {
  width: 350px;
  padding: 0;
}

.dropdown-menu-mail .head {
  background-image: url(../images/bg/header-mail-bg.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  padding: 20px 30px;
  border-radius: 4px;
}

.dropdown-menu-mail .head .title {
  color: #ffffff;
  font-weight: 600;
  line-height: 30px;
  margin: 0;
}

.dropdown-menu-mail .body.custom-scroll {
  max-height: 319px;
  height: 100%;
}

.dropdown-menu-mail .body ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.dropdown-menu-mail .body ul li {
  margin: 0;
  border-bottom: 1px solid #e9e9e9;
}

.dropdown-menu-mail .body ul li:last-child {
  border-bottom: none;
}

.dropdown-menu-mail .body ul li a {
  padding: 20px;
  padding-right: 45px;
  position: relative;
}

.dropdown-menu-mail .body ul li a:hover {
  background-color: #fafafa;
}

.dropdown-menu-mail .body ul li a .image {
  min-width: 50px;
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 50px;
      -ms-flex: 1 0 50px;
          flex: 1 0 50px;
  float: left;
  margin-right: 15px;
  -webkit-align-self: flex-start;
      -ms-flex-item-align: start;
          align-self: flex-start;
}

.dropdown-menu-mail .body ul li a .image img {
  border-radius: 50px;
}

.dropdown-menu-mail .body ul li a .content {
  overflow: hidden;
}

.dropdown-menu-mail .body ul li a .content h6 {
  font-weight: 600;
}

.dropdown-menu-mail .body ul li a .content p {
  font-size: 13px;
  line-height: 20px;
  color: #666666;
}

.dropdown-menu-mail .body ul li a .reply {
  display: block;
  position: absolute;
  right: 20px;
  top: 20px;
  line-height: 1;
  color: #343434;
  padding: 0;
}

.dropdown-menu-mail .body ul li a .reply i {
  margin: 0;
  font-size: 18px;
  line-height: 18px;
}

/*-- Header Notification Dropdown --*/
.dropdown-menu-notifications {
  width: 415px;
  background-color: #161824;
  padding: 0;
}

.dropdown-menu-notifications .head {
  padding: 20px 30px;
  border-bottom: 1px solid #36384b;
}

.dropdown-menu-notifications .head .title {
  color: #ffffff;
  font-weight: 600;
  line-height: 30px;
  margin: 0;
}

.dropdown-menu-notifications .body.custom-scroll {
  max-height: 275px;
  height: 100%;
}

.dropdown-menu-notifications .body ul {
  list-style: none;
  margin: 0;
  padding: 15px 0;
}

.dropdown-menu-notifications .body ul li {
  padding: 11px 40px 11px 30px;
  position: relative;
  margin: 0;
}

.dropdown-menu-notifications .body ul li a {
  padding-left: 28px;
  position: relative;
  color: rgba(255, 255, 255, 0.9);
}

.dropdown-menu-notifications .body ul li a i {
  position: absolute;
  color: #7dfb9b;
  left: 0;
  top: 1px;
  font-size: 20px;
  line-height: 20px;
  margin: 0;
}

.dropdown-menu-notifications .body ul li a p {
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 5px;
}

.dropdown-menu-notifications .body ul li a span {
  font-size: 13px;
  line-height: 18px;
  font-weight: 300;
  color: rgba(255, 255, 255, 0.9);
  display: block;
  padding: 0;
  margin-top: -6px;
}

.dropdown-menu-notifications .body ul li a:hover {
  color: #428bfa;
}

.dropdown-menu-notifications .body ul li .delete {
  line-height: 1;
  color: #535560;
  position: absolute;
  right: 25px;
  top: 12px;
  border: none;
  padding: 0;
  background-color: transparent;
}

.dropdown-menu-notifications .body ul li .delete i {
  font-size: 20px;
  line-height: 20px;
}

.dropdown-menu-notifications .body ul li .delete:hover {
  color: #fd427c;
}

.dropdown-menu-notifications .footer {
  border-top: 1px solid #36384b;
  text-align: center;
}

.dropdown-menu-notifications .footer .view-all {
  padding: 15px 20px;
  display: block;
  font-size: 14px;
  line-height: 24px;
  color: #afafaf;
  text-transform: capitalize;
}

.dropdown-menu-notifications .footer .view-all:hover {
  color: #428bfa;
}

/*-- Header User Setting Dropdown --*/
.dropdown-menu-user {
  width: 250px;
  padding: 0;
}

.dropdown-menu-user .head {
  padding: 20px;
}

.dropdown-menu-user .head .name {
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 9px;
}

.dropdown-menu-user .head .name a:hover {
  color: #428bfa;
}

.dropdown-menu-user .head .mail {
  display: block;
  font-size: 13px;
  line-height: 18px;
}

.dropdown-menu-user .head .mail:hover {
  color: #428bfa;
}

.dropdown-menu-user .body ul {
  list-style: none;
  margin: 0;
  padding: 20px 0;
  border-top: 1px solid #e2e2e2;
}

.dropdown-menu-user .body ul li {
  line-height: 14px;
  margin-bottom: 17px;
}

.dropdown-menu-user .body ul li:last-child {
  margin-bottom: 0;
}

.dropdown-menu-user .body ul li a {
  font-size: 14px;
  line-height: 1;
  display: block;
}

.dropdown-menu-user .body ul li a i {
  float: left;
  font-size: 18px;
  line-height: 14px;
  margin-right: 15px;
}

.dropdown-menu-user .body ul li a:hover {
  color: #428bfa;
}

/*--
    - Custom Header Color CSS
--------------------------------------*/
body.header-top-light .header-section {
  background-color: #fafafa;
}

body.header-top-light .header-logo a img {
  opacity: 1;
  visibility: visible;
}

body.header-top-light .header-logo a img.logo-light {
  opacity: 0;
  visibility: hidden;
}

@media only screen and (max-width: 575px) {
  body.header-top-light .header-logo {
    border-color: #eeeeee;
  }
}

body.header-top-light .side-header-toggle {
  color: #666666;
}

body.header-top-light .side-header-toggle:hover {
  color: #428bfa;
}

body.header-top-light .header-search-open {
  color: #666666;
}

body.header-top-light .header-search-open:hover {
  color: #428bfa;
}

body.header-top-light .header-search-form form input {
  background-color: #f1f1f1;
  color: #666666;
}

body.header-top-light .header-search-form form button {
  color: #666666;
}

body.header-top-light .header-search-form form button:hover {
  color: #428bfa;
}

body.header-top-light .header-search-form .header-search-close {
  background-color: #f1f1f1;
  color: #666666;
}

body.header-top-light .header-search-form .header-search-close:hover {
  color: #428bfa;
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  body.header-top-light .header-search-form {
    background-color: #fafafa;
  }
}

body.header-top-light .dropdown-menu-mail .body ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

body.header-top-light .dropdown-menu-mail .body ul li {
  margin: 0;
  border-bottom: 1px solid #e9e9e9;
}

body.header-top-light .dropdown-menu-mail .body ul li:last-child {
  border-bottom: none;
}

body.header-top-light .dropdown-menu-mail .body ul li a:hover {
  background-color: #fafafa;
}

body.header-top-light .dropdown-menu-mail .body ul li a .content p {
  color: #666666;
}

body.header-top-light .dropdown-menu-mail .body ul li a .reply {
  color: #343434;
}

body.header-top-light .header-notification-area > li > a {
  color: #666666;
}

body.header-top-light .header-notification-area > li > a:hover {
  color: #428bfa;
}

body.header-top-light .header-notification-area > li > a .user .avatar .status {
  border: 2px solid #fafafa;
  -webkit-box-shadow: none;
          box-shadow: none;
}

body.header-top-light .header-notification-area > li > a .user .name {
  color: #343434;
}

body.header-top-dark .header-section {
  background-color: #161824;
}

body.header-top-dark .header-logo a img {
  opacity: 0;
  visibility: hidden;
}

body.header-top-dark .header-logo a img.logo-light {
  opacity: 1;
  visibility: visible;
}

@media only screen and (max-width: 575px) {
  body.header-top-dark .header-logo {
    border-color: #292d44;
  }
}

body.header-top-dark .side-header-toggle {
  color: #8b8d9b;
}

body.header-top-dark .side-header-toggle:hover {
  color: #428bfa;
}

body.header-top-dark .header-search-open {
  color: #8b8d9b;
}

body.header-top-dark .header-search-open:hover {
  color: #428bfa;
}

body.header-top-dark .header-search-form form input {
  background-color: #202334;
  color: #8b8d9b;
}

body.header-top-dark .header-search-form form button {
  color: #8b8d9b;
}

body.header-top-dark .header-search-form form button:hover {
  color: #428bfa;
}

body.header-top-dark .header-search-form .header-search-close {
  background-color: #161824;
  color: #8b8d9b;
}

body.header-top-dark .header-search-form .header-search-close:hover {
  color: #428bfa;
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  body.header-top-dark .header-search-form {
    background-color: #202334;
  }
}

body.header-top-dark .dropdown-menu-mail .body ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

body.header-top-dark .dropdown-menu-mail .body ul li {
  margin: 0;
  border-bottom: 1px solid #292d44;
}

body.header-top-dark .dropdown-menu-mail .body ul li:last-child {
  border-bottom: none;
}

body.header-top-dark .dropdown-menu-mail .body ul li a:hover {
  background-color: #292d44;
}

body.header-top-dark .dropdown-menu-mail .body ul li a .content p {
  color: #8b8d9b;
}

body.header-top-dark .dropdown-menu-mail .body ul li a .reply {
  color: #8b8d9b;
}

body.header-top-dark .header-notification-area > li > a {
  color: #8b8d9b;
}

body.header-top-dark .header-notification-area > li > a:hover {
  color: #428bfa;
}

body.header-top-dark .header-notification-area > li > a .user .avatar .status {
  border-color: #202334;
  -webkit-box-shadow: 0 0 2px #202334;
          box-shadow: 0 0 2px #202334;
}

body.header-top-dark .header-notification-area > li > a .user .name {
  color: #8b8d9b;
}

body.header-top-primary .header-section {
  background-color: #428bfa;
}

body.header-top-primary .header-logo a img {
  opacity: 0;
  visibility: hidden;
}

body.header-top-primary .header-logo a img.logo-light {
  opacity: 1;
  visibility: visible;
}

@media only screen and (max-width: 575px) {
  body.header-top-primary .header-logo {
    border-color: #74a9fb;
  }
}

body.header-top-primary .side-header-toggle {
  color: #ffffff;
}

body.header-top-primary .side-header-toggle:hover {
  color: #ffffff;
}

body.header-top-primary .header-search-open {
  color: #ffffff;
}

body.header-top-primary .header-search-open:hover {
  color: #ffffff;
}

body.header-top-primary .header-search-form form input {
  background-color: #5b9afb;
  color: #ffffff;
}

body.header-top-primary .header-search-form form input::-webkit-input-placeholder {
  color: #ffffff;
}

body.header-top-primary .header-search-form form input:-moz-placeholder {
  color: #ffffff;
}

body.header-top-primary .header-search-form form input::-moz-placeholder {
  color: #ffffff;
}

body.header-top-primary .header-search-form form input:-ms-input-placeholder {
  color: #ffffff;
}

body.header-top-primary .header-search-form form button {
  color: #ffffff;
}

body.header-top-primary .header-search-form form button:hover {
  color: #ffffff;
}

body.header-top-primary .header-search-form .header-search-close {
  background-color: #428bfa;
  color: #ffffff;
}

body.header-top-primary .header-search-form .header-search-close:hover {
  color: #ffffff;
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  body.header-top-primary .header-search-form {
    background-color: #5b9afb;
  }
}

body.header-top-primary .header-notification-area > li > a {
  color: #ffffff;
}

body.header-top-primary .header-notification-area > li > a:hover {
  color: #ffffff;
}

body.header-top-primary .header-notification-area > li > a .user .avatar .status {
  border-color: #5b9afb;
  -webkit-box-shadow: 0 0 2px #5b9afb;
          box-shadow: 0 0 2px #5b9afb;
}

body.header-top-primary .header-notification-area > li > a .user .name {
  color: #ffffff;
}

body.header-top-secondary .header-section {
  background-color: #fb7da4;
}

body.header-top-secondary .header-logo a img {
  opacity: 0;
  visibility: hidden;
}

body.header-top-secondary .header-logo a img.logo-light {
  opacity: 1;
  visibility: visible;
}

@media only screen and (max-width: 575px) {
  body.header-top-secondary .header-logo {
    border-color: #fdaec7;
  }
}

body.header-top-secondary .side-header-toggle {
  color: #ffffff;
}

body.header-top-secondary .side-header-toggle:hover {
  color: #ffffff;
}

body.header-top-secondary .header-search-open {
  color: #ffffff;
}

body.header-top-secondary .header-search-open:hover {
  color: #ffffff;
}

body.header-top-secondary .header-search-form form input {
  background-color: #fc96b5;
  color: #ffffff;
}

body.header-top-secondary .header-search-form form input::-webkit-input-placeholder {
  color: #ffffff;
}

body.header-top-secondary .header-search-form form input:-moz-placeholder {
  color: #ffffff;
}

body.header-top-secondary .header-search-form form input::-moz-placeholder {
  color: #ffffff;
}

body.header-top-secondary .header-search-form form input:-ms-input-placeholder {
  color: #ffffff;
}

body.header-top-secondary .header-search-form form button {
  color: #ffffff;
}

body.header-top-secondary .header-search-form form button:hover {
  color: #ffffff;
}

body.header-top-secondary .header-search-form .header-search-close {
  background-color: #fb7da4;
  color: #ffffff;
}

body.header-top-secondary .header-search-form .header-search-close:hover {
  color: #ffffff;
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  body.header-top-secondary .header-search-form {
    background-color: #fc96b5;
  }
}

body.header-top-secondary .header-notification-area > li > a {
  color: #ffffff;
}

body.header-top-secondary .header-notification-area > li > a .badge {
  background-color: #ffffff;
}

body.header-top-secondary .header-notification-area > li > a:hover {
  color: #ffffff;
}

body.header-top-secondary .header-notification-area > li > a .user .avatar .status {
  border-color: #fc96b5;
  -webkit-box-shadow: 0 0 2px #fc96b5;
          box-shadow: 0 0 2px #fc96b5;
}

body.header-top-secondary .header-notification-area > li > a .user .name {
  color: #ffffff;
}

body.header-top-indigo .header-section {
  background-color: #4051B5;
}

body.header-top-indigo .header-logo a img {
  opacity: 0;
  visibility: hidden;
}

body.header-top-indigo .header-logo a img.logo-light {
  opacity: 1;
  visibility: visible;
}

@media only screen and (max-width: 575px) {
  body.header-top-indigo .header-logo {
    border-color: #6170c7;
  }
}

body.header-top-indigo .side-header-toggle {
  color: #ffffff;
}

body.header-top-indigo .side-header-toggle:hover {
  color: #ffffff;
}

body.header-top-indigo .header-search-open {
  color: #ffffff;
}

body.header-top-indigo .header-search-open:hover {
  color: #ffffff;
}

body.header-top-indigo .header-search-form form input {
  background-color: #4e5fc0;
  color: #ffffff;
}

body.header-top-indigo .header-search-form form input::-webkit-input-placeholder {
  color: #ffffff;
}

body.header-top-indigo .header-search-form form input:-moz-placeholder {
  color: #ffffff;
}

body.header-top-indigo .header-search-form form input::-moz-placeholder {
  color: #ffffff;
}

body.header-top-indigo .header-search-form form input:-ms-input-placeholder {
  color: #ffffff;
}

body.header-top-indigo .header-search-form form button {
  color: #ffffff;
}

body.header-top-indigo .header-search-form form button:hover {
  color: #ffffff;
}

body.header-top-indigo .header-search-form .header-search-close {
  background-color: #4051B5;
  color: #ffffff;
}

body.header-top-indigo .header-search-form .header-search-close:hover {
  color: #ffffff;
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  body.header-top-indigo .header-search-form {
    background-color: #4e5fc0;
  }
}

body.header-top-indigo .header-notification-area > li > a {
  color: #ffffff;
}

body.header-top-indigo .header-notification-area > li > a:hover {
  color: #ffffff;
}

body.header-top-indigo .header-notification-area > li > a .user .avatar .status {
  border-color: #4e5fc0;
  -webkit-box-shadow: 0 0 2px #4e5fc0;
          box-shadow: 0 0 2px #4e5fc0;
}

body.header-top-indigo .header-notification-area > li > a .user .name {
  color: #ffffff;
}

body.header-top-purple .header-section {
  background-color: #9C27B0;
}

body.header-top-purple .header-logo a img {
  opacity: 0;
  visibility: hidden;
}

body.header-top-purple .header-logo a img.logo-light {
  opacity: 1;
  visibility: visible;
}

@media only screen and (max-width: 575px) {
  body.header-top-purple .header-logo {
    border-color: #bc37d3;
  }
}

body.header-top-purple .side-header-toggle {
  color: #ffffff;
}

body.header-top-purple .side-header-toggle:hover {
  color: #ffffff;
}

body.header-top-purple .header-search-open {
  color: #ffffff;
}

body.header-top-purple .header-search-open:hover {
  color: #ffffff;
}

body.header-top-purple .header-search-form form input {
  background-color: #af2cc5;
  color: #ffffff;
}

body.header-top-purple .header-search-form form input::-webkit-input-placeholder {
  color: #ffffff;
}

body.header-top-purple .header-search-form form input:-moz-placeholder {
  color: #ffffff;
}

body.header-top-purple .header-search-form form input::-moz-placeholder {
  color: #ffffff;
}

body.header-top-purple .header-search-form form input:-ms-input-placeholder {
  color: #ffffff;
}

body.header-top-purple .header-search-form form button {
  color: #ffffff;
}

body.header-top-purple .header-search-form form button:hover {
  color: #ffffff;
}

body.header-top-purple .header-search-form .header-search-close {
  background-color: #9C27B0;
  color: #ffffff;
}

body.header-top-purple .header-search-form .header-search-close:hover {
  color: #ffffff;
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  body.header-top-purple .header-search-form {
    background-color: #af2cc5;
  }
}

body.header-top-purple .header-notification-area > li > a {
  color: #ffffff;
}

body.header-top-purple .header-notification-area > li > a:hover {
  color: #ffffff;
}

body.header-top-purple .header-notification-area > li > a .user .avatar .status {
  border-color: #af2cc5;
  -webkit-box-shadow: 0 0 2px #af2cc5;
          box-shadow: 0 0 2px #af2cc5;
}

body.header-top-purple .header-notification-area > li > a .user .name {
  color: #ffffff;
}

body.header-top-pink .header-section {
  background-color: #E91C63;
}

body.header-top-pink .header-logo a img {
  opacity: 0;
  visibility: hidden;
}

body.header-top-pink .header-logo a img.logo-light {
  opacity: 1;
  visibility: visible;
}

@media only screen and (max-width: 575px) {
  body.header-top-pink .header-logo {
    border-color: #ee4a83;
  }
}

body.header-top-pink .side-header-toggle {
  color: #ffffff;
}

body.header-top-pink .side-header-toggle:hover {
  color: #ffffff;
}

body.header-top-pink .header-search-open {
  color: #ffffff;
}

body.header-top-pink .header-search-open:hover {
  color: #ffffff;
}

body.header-top-pink .header-search-form form input {
  background-color: #eb3373;
  color: #ffffff;
}

body.header-top-pink .header-search-form form input::-webkit-input-placeholder {
  color: #ffffff;
}

body.header-top-pink .header-search-form form input:-moz-placeholder {
  color: #ffffff;
}

body.header-top-pink .header-search-form form input::-moz-placeholder {
  color: #ffffff;
}

body.header-top-pink .header-search-form form input:-ms-input-placeholder {
  color: #ffffff;
}

body.header-top-pink .header-search-form form button {
  color: #ffffff;
}

body.header-top-pink .header-search-form form button:hover {
  color: #ffffff;
}

body.header-top-pink .header-search-form .header-search-close {
  background-color: #E91C63;
  color: #ffffff;
}

body.header-top-pink .header-search-form .header-search-close:hover {
  color: #ffffff;
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  body.header-top-pink .header-search-form {
    background-color: #eb3373;
  }
}

body.header-top-pink .header-notification-area > li > a {
  color: #ffffff;
}

body.header-top-pink .header-notification-area > li > a .badge {
  background-color: #ffffff;
}

body.header-top-pink .header-notification-area > li > a:hover {
  color: #ffffff;
}

body.header-top-pink .header-notification-area > li > a .user .avatar .status {
  border-color: #eb3373;
  -webkit-box-shadow: 0 0 2px #eb3373;
          box-shadow: 0 0 2px #eb3373;
}

body.header-top-pink .header-notification-area > li > a .user .name {
  color: #ffffff;
}

body.header-top-red .header-section {
  background-color: #F44336;
}

body.header-top-red .header-logo a img {
  opacity: 0;
  visibility: hidden;
}

body.header-top-red .header-logo a img.logo-light {
  opacity: 1;
  visibility: visible;
}

@media only screen and (max-width: 575px) {
  body.header-top-red .header-logo {
    border-color: #f77066;
  }
}

body.header-top-red .side-header-toggle {
  color: #ffffff;
}

body.header-top-red .side-header-toggle:hover {
  color: #ffffff;
}

body.header-top-red .header-search-open {
  color: #ffffff;
}

body.header-top-red .header-search-open:hover {
  color: #ffffff;
}

body.header-top-red .header-search-form form input {
  background-color: #f55a4e;
  color: #ffffff;
}

body.header-top-red .header-search-form form input::-webkit-input-placeholder {
  color: #ffffff;
}

body.header-top-red .header-search-form form input:-moz-placeholder {
  color: #ffffff;
}

body.header-top-red .header-search-form form input::-moz-placeholder {
  color: #ffffff;
}

body.header-top-red .header-search-form form input:-ms-input-placeholder {
  color: #ffffff;
}

body.header-top-red .header-search-form form button {
  color: #ffffff;
}

body.header-top-red .header-search-form form button:hover {
  color: #ffffff;
}

body.header-top-red .header-search-form .header-search-close {
  background-color: #F44336;
  color: #ffffff;
}

body.header-top-red .header-search-form .header-search-close:hover {
  color: #ffffff;
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  body.header-top-red .header-search-form {
    background-color: #f55a4e;
  }
}

body.header-top-red .header-notification-area > li > a {
  color: #ffffff;
}

body.header-top-red .header-notification-area > li > a .badge {
  background-color: #ffffff;
}

body.header-top-red .header-notification-area > li > a:hover {
  color: #ffffff;
}

body.header-top-red .header-notification-area > li > a .user .avatar .status {
  border-color: #f55a4e;
  -webkit-box-shadow: 0 0 2px #f55a4e;
          box-shadow: 0 0 2px #f55a4e;
}

body.header-top-red .header-notification-area > li > a .user .name {
  color: #ffffff;
}

body.header-top-brown .header-section {
  background-color: #795548;
}

body.header-top-brown .header-logo a img {
  opacity: 0;
  visibility: hidden;
}

body.header-top-brown .header-logo a img.logo-light {
  opacity: 1;
  visibility: visible;
}

@media only screen and (max-width: 575px) {
  body.header-top-brown .header-logo {
    border-color: #996b5b;
  }
}

body.header-top-brown .side-header-toggle {
  color: #ffffff;
}

body.header-top-brown .side-header-toggle:hover {
  color: #ffffff;
}

body.header-top-brown .header-search-open {
  color: #ffffff;
}

body.header-top-brown .header-search-open:hover {
  color: #ffffff;
}

body.header-top-brown .header-search-form form input {
  background-color: #896052;
  color: #ffffff;
}

body.header-top-brown .header-search-form form input::-webkit-input-placeholder {
  color: #ffffff;
}

body.header-top-brown .header-search-form form input:-moz-placeholder {
  color: #ffffff;
}

body.header-top-brown .header-search-form form input::-moz-placeholder {
  color: #ffffff;
}

body.header-top-brown .header-search-form form input:-ms-input-placeholder {
  color: #ffffff;
}

body.header-top-brown .header-search-form form button {
  color: #ffffff;
}

body.header-top-brown .header-search-form form button:hover {
  color: #ffffff;
}

body.header-top-brown .header-search-form .header-search-close {
  background-color: #795548;
  color: #ffffff;
}

body.header-top-brown .header-search-form .header-search-close:hover {
  color: #ffffff;
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  body.header-top-brown .header-search-form {
    background-color: #896052;
  }
}

body.header-top-brown .header-notification-area > li > a {
  color: #ffffff;
}

body.header-top-brown .header-notification-area > li > a:hover {
  color: #ffffff;
}

body.header-top-brown .header-notification-area > li > a .user .avatar .status {
  border-color: #896052;
  -webkit-box-shadow: 0 0 2px #896052;
          box-shadow: 0 0 2px #896052;
}

body.header-top-brown .header-notification-area > li > a .user .name {
  color: #ffffff;
}

body.header-top-orange .header-section {
  background-color: #FF9800;
}

body.header-top-orange .header-logo a img {
  opacity: 0;
  visibility: hidden;
}

body.header-top-orange .header-logo a img.logo-light {
  opacity: 1;
  visibility: visible;
}

@media only screen and (max-width: 575px) {
  body.header-top-orange .header-logo {
    border-color: #ffad33;
  }
}

body.header-top-orange .side-header-toggle {
  color: #ffffff;
}

body.header-top-orange .side-header-toggle:hover {
  color: #ffffff;
}

body.header-top-orange .header-search-open {
  color: #ffffff;
}

body.header-top-orange .header-search-open:hover {
  color: #ffffff;
}

body.header-top-orange .header-search-form form input {
  background-color: #ffa21a;
  color: #ffffff;
}

body.header-top-orange .header-search-form form input::-webkit-input-placeholder {
  color: #ffffff;
}

body.header-top-orange .header-search-form form input:-moz-placeholder {
  color: #ffffff;
}

body.header-top-orange .header-search-form form input::-moz-placeholder {
  color: #ffffff;
}

body.header-top-orange .header-search-form form input:-ms-input-placeholder {
  color: #ffffff;
}

body.header-top-orange .header-search-form form button {
  color: #ffffff;
}

body.header-top-orange .header-search-form form button:hover {
  color: #ffffff;
}

body.header-top-orange .header-search-form .header-search-close {
  background-color: #FF9800;
  color: #ffffff;
}

body.header-top-orange .header-search-form .header-search-close:hover {
  color: #ffffff;
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  body.header-top-orange .header-search-form {
    background-color: #ffa21a;
  }
}

body.header-top-orange .header-notification-area > li > a {
  color: #ffffff;
}

body.header-top-orange .header-notification-area > li > a:hover {
  color: #ffffff;
}

body.header-top-orange .header-notification-area > li > a .user .avatar .status {
  border-color: #ffa21a;
  -webkit-box-shadow: 0 0 2px #ffa21a;
          box-shadow: 0 0 2px #ffa21a;
}

body.header-top-orange .header-notification-area > li > a .user .name {
  color: #ffffff;
}

body.header-top-green .header-section {
  background-color: #4CAF50;
}

body.header-top-green .header-logo a img {
  opacity: 0;
  visibility: hidden;
}

body.header-top-green .header-logo a img.logo-light {
  opacity: 1;
  visibility: visible;
}

@media only screen and (max-width: 575px) {
  body.header-top-green .header-logo {
    border-color: #6ec071;
  }
}

body.header-top-green .side-header-toggle {
  color: #ffffff;
}

body.header-top-green .side-header-toggle:hover {
  color: #ffffff;
}

body.header-top-green .header-search-open {
  color: #ffffff;
}

body.header-top-green .header-search-open:hover {
  color: #ffffff;
}

body.header-top-green .header-search-form form input {
  background-color: #5cb860;
  color: #ffffff;
}

body.header-top-green .header-search-form form input::-webkit-input-placeholder {
  color: #ffffff;
}

body.header-top-green .header-search-form form input:-moz-placeholder {
  color: #ffffff;
}

body.header-top-green .header-search-form form input::-moz-placeholder {
  color: #ffffff;
}

body.header-top-green .header-search-form form input:-ms-input-placeholder {
  color: #ffffff;
}

body.header-top-green .header-search-form form button {
  color: #ffffff;
}

body.header-top-green .header-search-form form button:hover {
  color: #ffffff;
}

body.header-top-green .header-search-form .header-search-close {
  background-color: #4CAF50;
  color: #ffffff;
}

body.header-top-green .header-search-form .header-search-close:hover {
  color: #ffffff;
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  body.header-top-green .header-search-form {
    background-color: #5cb860;
  }
}

body.header-top-green .header-notification-area > li > a {
  color: #ffffff;
}

body.header-top-green .header-notification-area > li > a:hover {
  color: #ffffff;
}

body.header-top-green .header-notification-area > li > a .user .avatar .status {
  border-color: #5cb860;
  -webkit-box-shadow: 0 0 2px #5cb860;
          box-shadow: 0 0 2px #5cb860;
}

body.header-top-green .header-notification-area > li > a .user .name {
  color: #ffffff;
}

/*----------------------------------------*/
/*  08. Side Header CSS
/*----------------------------------------*/
.side-header {
  width: 270px !important;
  background-color: #161824;
  height: calc(100vh - 110px);
  position: fixed;
  left: 0;
  top: 110px;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  z-index: 1100;
  padding: 30px 0;
  -webkit-box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.1);
}

.side-header.hide {
  left: -270px;
}

.side-header.hide + .content-body, .side-header.hide ~ .footer-section {
  margin-left: 0;
}

.side-header.show {
  left: 0;
}

.side-header.show + .content-body, .side-header.show ~ .footer-section {
  margin-left: 270px;
}

.side-header .side-header-close {
  border: none;
  background-color: #161824;
  color: #ffffff;
  width: 40px;
  height: 40px;
  position: absolute;
  right: 0;
  padding: 5px;
  text-align: center;
  -webkit-box-shadow: 0 0px 10px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 0px 10px 0 rgba(0, 0, 0, 0.15);
  opacity: 0;
  visibility: hidden;
}

.side-header .side-header-close i {
  font-size: 24px;
  line-height: 30px;
}

.side-header .side-header-inner {
  height: 100%;
  padding: 0 25px 0 0;
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .side-header.show {
    left: 0;
  }
  .side-header.show + .content-body, .side-header.show ~ .footer-section {
    margin-left: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .side-header {
    top: 80px;
    height: calc(100vh - 80px);
  }
}

@media only screen and (max-width: 767px) {
  .side-header {
    top: 0;
    height: 100vh;
  }
  .side-header.show .side-header-close {
    right: -40px;
    opacity: 1;
    visibility: visible;
  }
}

/*-- Side Header Menu --*/
.side-header-menu {
  white-space: nowrap;
  float: left;
}

.side-header-menu > ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.side-header-menu > ul > li {
  position: relative;
  float: left;
  width: 100%;
}

.side-header-menu > ul > li > a {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  color: #ededf3;
  line-height: 20px;
  padding: 12px 0 12px 25px;
}

.side-header-menu > ul > li > a::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 0;
  background-color: #428bfa;
}

.side-header-menu > ul > li > a i {
  font-size: 16px;
  line-height: 20px;
  float: left;
  width: 20px;
  text-align: center;
}

.side-header-menu > ul > li > a span {
  margin-left: 10px;
}

.side-header-menu > ul > li > a span:first-child {
  margin-left: 0;
}

.side-header-menu > ul > li > a .menu-expand {
  position: absolute;
  margin: 0;
  right: 0;
  top: 15px;
}

.side-header-menu > ul > li.active > a, .side-header-menu > ul > li:hover > a {
  color: #428bfa;
}

.side-header-menu > ul > li.active > a::before, .side-header-menu > ul > li:hover > a::before {
  width: 3px;
}

/*-- Sub Menu --*/
.side-header-sub-menu {
  float: left;
  width: 100%;
  padding-left: 25px;
  display: none;
  list-style: none;
}

.side-header-sub-menu li {
  margin: 10px 0;
}

.side-header-sub-menu li a {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  color: #8b8d9b;
  font-size: 14px;
  line-height: 18px;
  padding: 5px 0 5px 30px;
}

.side-header-sub-menu li a::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 0;
  background-color: #428bfa;
}

.side-header-sub-menu li a span {
  margin-left: 15px;
}

.side-header-sub-menu li a span:first-child {
  margin-left: 0;
}

.side-header-sub-menu li a .menu-expand {
  position: absolute;
  margin: 0;
  right: 0;
  top: 10px;
}

.side-header-sub-menu li.active > a, .side-header-sub-menu li:hover > a {
  color: #428bfa;
}

.side-header-sub-menu li.active > a::before, .side-header-sub-menu li:hover > a::before {
  width: 3px;
}

/*--
    - Custom Side Header Color CSS
--------------------------------------*/
body.side-header-light .side-header {
  background-color: #fafafa;
}

body.side-header-light .side-header .side-header-close {
  background-color: #fafafa;
}

body.side-header-light .side-header-menu > ul > li > a {
  color: #666666;
}

body.side-header-light .side-header-menu > ul > li.active > a, body.side-header-light .side-header-menu > ul > li:hover > a {
  color: #428bfa;
}

body.side-header-light .side-header-sub-menu li > a {
  color: #666666;
}

body.side-header-light .side-header-sub-menu li.active > a, body.side-header-light .side-header-sub-menu li:hover > a {
  color: #428bfa;
}

body.side-header-primary .side-header-menu > ul > li > a, body.side-header-secondary .side-header-menu > ul > li > a, body.side-header-indigo .side-header-menu > ul > li > a, body.side-header-purple .side-header-menu > ul > li > a, body.side-header-pink .side-header-menu > ul > li > a, body.side-header-red .side-header-menu > ul > li > a, body.side-header-brown .side-header-menu > ul > li > a, body.side-header-orange .side-header-menu > ul > li > a, body.side-header-green .side-header-menu > ul > li > a {
  color: #ffffff;
}

body.side-header-primary .side-header-menu > ul > li.active > a, body.side-header-primary .side-header-menu > ul > li:hover > a, body.side-header-secondary .side-header-menu > ul > li.active > a, body.side-header-secondary .side-header-menu > ul > li:hover > a, body.side-header-indigo .side-header-menu > ul > li.active > a, body.side-header-indigo .side-header-menu > ul > li:hover > a, body.side-header-purple .side-header-menu > ul > li.active > a, body.side-header-purple .side-header-menu > ul > li:hover > a, body.side-header-pink .side-header-menu > ul > li.active > a, body.side-header-pink .side-header-menu > ul > li:hover > a, body.side-header-red .side-header-menu > ul > li.active > a, body.side-header-red .side-header-menu > ul > li:hover > a, body.side-header-brown .side-header-menu > ul > li.active > a, body.side-header-brown .side-header-menu > ul > li:hover > a, body.side-header-orange .side-header-menu > ul > li.active > a, body.side-header-orange .side-header-menu > ul > li:hover > a, body.side-header-green .side-header-menu > ul > li.active > a, body.side-header-green .side-header-menu > ul > li:hover > a {
  color: #ffffff;
}

body.side-header-primary .side-header-menu > ul > li.active > a::before, body.side-header-primary .side-header-menu > ul > li:hover > a::before, body.side-header-secondary .side-header-menu > ul > li.active > a::before, body.side-header-secondary .side-header-menu > ul > li:hover > a::before, body.side-header-indigo .side-header-menu > ul > li.active > a::before, body.side-header-indigo .side-header-menu > ul > li:hover > a::before, body.side-header-purple .side-header-menu > ul > li.active > a::before, body.side-header-purple .side-header-menu > ul > li:hover > a::before, body.side-header-pink .side-header-menu > ul > li.active > a::before, body.side-header-pink .side-header-menu > ul > li:hover > a::before, body.side-header-red .side-header-menu > ul > li.active > a::before, body.side-header-red .side-header-menu > ul > li:hover > a::before, body.side-header-brown .side-header-menu > ul > li.active > a::before, body.side-header-brown .side-header-menu > ul > li:hover > a::before, body.side-header-orange .side-header-menu > ul > li.active > a::before, body.side-header-orange .side-header-menu > ul > li:hover > a::before, body.side-header-green .side-header-menu > ul > li.active > a::before, body.side-header-green .side-header-menu > ul > li:hover > a::before {
  background-color: #ffffff;
}

body.side-header-primary .side-header-sub-menu li > a, body.side-header-secondary .side-header-sub-menu li > a, body.side-header-indigo .side-header-sub-menu li > a, body.side-header-purple .side-header-sub-menu li > a, body.side-header-pink .side-header-sub-menu li > a, body.side-header-red .side-header-sub-menu li > a, body.side-header-brown .side-header-sub-menu li > a, body.side-header-orange .side-header-sub-menu li > a, body.side-header-green .side-header-sub-menu li > a {
  color: #ffffff;
}

body.side-header-primary .side-header-sub-menu li.active > a, body.side-header-primary .side-header-sub-menu li:hover > a, body.side-header-secondary .side-header-sub-menu li.active > a, body.side-header-secondary .side-header-sub-menu li:hover > a, body.side-header-indigo .side-header-sub-menu li.active > a, body.side-header-indigo .side-header-sub-menu li:hover > a, body.side-header-purple .side-header-sub-menu li.active > a, body.side-header-purple .side-header-sub-menu li:hover > a, body.side-header-pink .side-header-sub-menu li.active > a, body.side-header-pink .side-header-sub-menu li:hover > a, body.side-header-red .side-header-sub-menu li.active > a, body.side-header-red .side-header-sub-menu li:hover > a, body.side-header-brown .side-header-sub-menu li.active > a, body.side-header-brown .side-header-sub-menu li:hover > a, body.side-header-orange .side-header-sub-menu li.active > a, body.side-header-orange .side-header-sub-menu li:hover > a, body.side-header-green .side-header-sub-menu li.active > a, body.side-header-green .side-header-sub-menu li:hover > a {
  color: #ffffff;
}

body.side-header-primary .side-header-sub-menu li.active > a::before, body.side-header-primary .side-header-sub-menu li:hover > a::before, body.side-header-secondary .side-header-sub-menu li.active > a::before, body.side-header-secondary .side-header-sub-menu li:hover > a::before, body.side-header-indigo .side-header-sub-menu li.active > a::before, body.side-header-indigo .side-header-sub-menu li:hover > a::before, body.side-header-purple .side-header-sub-menu li.active > a::before, body.side-header-purple .side-header-sub-menu li:hover > a::before, body.side-header-pink .side-header-sub-menu li.active > a::before, body.side-header-pink .side-header-sub-menu li:hover > a::before, body.side-header-red .side-header-sub-menu li.active > a::before, body.side-header-red .side-header-sub-menu li:hover > a::before, body.side-header-brown .side-header-sub-menu li.active > a::before, body.side-header-brown .side-header-sub-menu li:hover > a::before, body.side-header-orange .side-header-sub-menu li.active > a::before, body.side-header-orange .side-header-sub-menu li:hover > a::before, body.side-header-green .side-header-sub-menu li.active > a::before, body.side-header-green .side-header-sub-menu li:hover > a::before {
  background-color: #ffffff;
}

body.side-header-primary .side-header {
  background-color: #428bfa;
}

body.side-header-primary .side-header .side-header-close {
  background-color: #428bfa;
}

body.side-header-secondary .side-header {
  background-color: #fb7da4;
}

body.side-header-secondary .side-header .side-header-close {
  background-color: #fb7da4;
}

body.side-header-indigo .side-header {
  background-color: #4051B5;
}

body.side-header-indigo .side-header .side-header-close {
  background-color: #4051B5;
}

body.side-header-purple .side-header {
  background-color: #9C27B0;
}

body.side-header-purple .side-header .side-header-close {
  background-color: #9C27B0;
}

body.side-header-pink .side-header {
  background-color: #E91C63;
}

body.side-header-pink .side-header .side-header-close {
  background-color: #E91C63;
}

body.side-header-red .side-header {
  background-color: #F44336;
}

body.side-header-red .side-header .side-header-close {
  background-color: #F44336;
}

body.side-header-brown .side-header {
  background-color: #795548;
}

body.side-header-brown .side-header .side-header-close {
  background-color: #795548;
}

body.side-header-orange .side-header {
  background-color: #FF9800;
}

body.side-header-orange .side-header .side-header-close {
  background-color: #FF9800;
}

body.side-header-green .side-header {
  background-color: #4CAF50;
}

body.side-header-green .side-header .side-header-close {
  background-color: #4CAF50;
}

/*----------------------------------------*/
/*  09. Top Report CSS
/*----------------------------------------*/
/*-- Top Report One --*/
.top-report {
  padding: 30px;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  position: relative;
  z-index: 1;
  background-color: #fafafa;
  /*-- Icon --*/
  /*-- Head --*/
  /*-- Content --*/
  /*-- Footer --*/
}

.top-report .icon {
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
}

.top-report .icon img {
  max-width: 100%;
}

.top-report .head {
  padding-right: 20px;
  position: relative;
  margin-bottom: 20px;
}

.top-report .head h4 {
  font-weight: 600;
  color: #428bfa;
  margin: 0;
  line-height: 20px;
}

.top-report .head .view {
  position: absolute;
  right: 0;
  top: 0;
  color: #fb7da4;
}

.top-report .head .view i {
  display: block;
  font-size: 20px;
  line-height: 1;
}

.top-report .content {
  margin-bottom: 20px;
}

.top-report .content h5 {
  color: #666666;
  margin-bottom: 1px;
}

.top-report .content h2 {
  color: #666666;
  margin-bottom: 0;
}

.top-report .footer .progess {
  margin-bottom: 8px;
  display: block;
  background-color: #eff8fe;
  height: 4px;
  width: 100%;
}

.top-report .footer .progess .progess-bar {
  height: 100%;
  background: #fb7da4;
  background: -webkit-gradient(linear, left top, right top, from(#fb7da4), to(#fbaaa2));
  background: -webkit-linear-gradient(left, #fb7da4 0%, #fbaaa2 100%);
  background: -o-linear-gradient(left, #fb7da4 0%, #fbaaa2 100%);
  background: linear-gradient(to right, #fb7da4 0%, #fbaaa2 100%);
}

@media only screen and (max-width: 479px) {
  .top-report {
    padding: 20px;
  }
}

/*-- Top Report Two --*/
.top-report-2 {
  padding: 15px !important;
  background: #2d2d2e;
    border-radius: 7px;
  height:120px;
  box-shadow: 0 3px 6px rgb(247 247 247 / 16%), 0 3px 6px rgb(255 255 255 / 23%);
}



.top-report-2 .head {
  margin-bottom: 18px;
}

.top-report-2 .head h4 {
  color: #ffffff;
}

.top-report-2 .head .view {
  color: #ffffff;
}

.top-report-2 .content {
  margin-bottom: 15px;
}

.top-report-2 .content h5 {
  color: #ffffff;
}

.top-report-2 .content h2 {
  color: #ffffff;
}

.top-report-2 .footer .progess {
  background-color: #ffffff;
}

.top-report-2 .footer .progess .progess-bar {
  height: 100%;
  background: #fd427c;
}

.top-report-2 .footer p {
  color: #ffffff;
}

@media only screen and (max-width: 479px) {
  .top-report-2 {
    padding: 20px;
  }
}

/*----------------------------------------*/
/*  10. Todo List CSS
/*----------------------------------------*/
/*Wrapper*/
.todo-list-wrapper {
  background-color: #fafafa;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

/*Container*/
.todo-list-container {
  width: calc(100% - 250px);
}

@media only screen and (max-width: 767px) {
  .todo-list-container {
    width: 100%;
  }
}

/*Menu*/
.todo-list-menu {
  padding: 30px;
  width: 250px;
  border-right: 1px solid #e1e1e1;
}

.todo-list-menu .button-compose-mail {
  margin-bottom: 30px;
}

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

.todo-list-menu ul li {
  margin-top: 25px;
}

.todo-list-menu ul li:first-child {
  margin-top: 0;
}

.todo-list-menu ul li a {
  font-size: 16px;
  line-height: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.todo-list-menu ul li a i {
  font-size: 20px;
  line-height: 1;
  color: #999999;
  width: 30px;
}

@media only screen and (max-width: 767px) {
  .todo-list-menu {
    width: 100%;
    border-right: none;
    border-bottom: 1px solid #e1e1e1;
    padding: 20px;
  }
}

/*Search*/
.todo-list-search {
  border-bottom: 1px solid #e1e1e1;
  padding: 25px 20px;
}

.todo-list-search form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.todo-list-search form button {
  border: none;
  background-color: transparent;
  padding: 0;
}

.todo-list-search form button i {
  display: block;
  font-size: 24px;
  line-height: 25px;
}

.todo-list-search form button:hover {
  color: #428bfa;
}

.todo-list-search form input {
  line-height: 25px;
  padding: 0 20px;
  border: none;
  background-color: transparent;
  color: #666666;
}

.todo-list-search form input::-webkit-input-placeholder {
  color: #666666;
}

.todo-list-search form input:-moz-placeholder {
  color: #666666;
}

.todo-list-search form input::-moz-placeholder {
  color: #666666;
}

.todo-list-search form input:-ms-input-placeholder {
  color: #666666;
}

/*Add New*/
.todo-list-add-new {
  padding: 20px;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.todo-list-add-new label {
  width: 18px;
  height: 18px;
  position: relative;
  margin: 0;
}

.todo-list-add-new label input {
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  opacity: 0;
  width: 18px;
  height: 18px;
  visibility: hidden;
}

.todo-list-add-new label input:checked + .icon {
  color: #fb7da4;
}

.todo-list-add-new label input:checked + .icon::before {
  opacity: 1;
}

.todo-list-add-new label .icon {
  font-size: 22px;
  line-height: 22px;
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  color: #999999;
}

.todo-list-add-new input {
  border: none;
  background-color: transparent;
  line-height: 28px;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  color: #666666;
  padding: 0 15px;
}

.todo-list-add-new .submit {
  padding: 0;
  background-color: transparent;
  border: none;
}

.todo-list-add-new .submit i {
  display: block;
  font-size: 24px;
  line-height: 1;
  margin-top: -2px;
}

.todo-list-add-new .submit:hover {
  color: #428bfa;
}

@media only screen and (max-width: 479px) {
  .todo-list-add-new {
    padding: 15px 20px;
  }
}

/*Todo List*/
.todo-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.todo-list li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  border-bottom: 1px solid #f1f1f1;
}

.todo-list li .list-content {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: 20px 0;
}

.todo-list li .list-content p {
  font-weight: 600;
  margin-bottom: 0;
}

.todo-list li .list-content .time {
  margin-top: 10px;
  display: block;
  line-height: 1;
  color: #428bfa;
}

.todo-list li .list-action {
  max-width: 90px;
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 90px;
      -ms-flex: 1 0 90px;
          flex: 1 0 90px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 20px;
  margin-top: 1px;
}

.todo-list li .list-action.right {
  width: auto;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.todo-list li .list-action.right .remove {
  display: block;
}

.todo-list li .list-action .adomx-checkbox {
  margin: 0;
  padding-left: 18px;
  width: 18px;
}

.todo-list li .list-action .remove {
  display: none;
}

.todo-list li .list-action button {
  padding: 0;
  border: none;
  background-color: transparent;
  color: #999999;
}

.todo-list li .list-action button i {
  font-size: 22px;
  display: block;
  line-height: 22px;
}

.todo-list li .list-action button.status.stared {
  color: #fb7da4;
}

.todo-list li .list-action button.remove:hover {
  color: #fd427c;
}

.todo-list li.done .list-content p {
  text-decoration: line-through;
}

@media only screen and (max-width: 479px) {
  .todo-list li {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .todo-list li .list-content {
    padding: 0 20px 15px;
  }
  .todo-list li .list-action {
    padding: 15px 20px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    width: 100%;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 100%;
        -ms-flex: 1 0 100%;
            flex: 1 0 100%;
    margin-top: 0px;
  }
  .todo-list li .list-action button {
    margin-right: 15px;
  }
  .todo-list li .list-action button:last-child {
    margin-right: 0;
  }
  .todo-list li .list-action button.remove {
    display: block;
  }
  .todo-list li .list-action .adomx-checkbox {
    margin-right: 15px;
  }
  .todo-list li .list-action .adomx-checkbox:last-child {
    margin-right: 0;
  }
  .todo-list li .list-action.right {
    display: none;
  }
}

/*----------------------------------------*/
/*  11. Chat CSS
/*----------------------------------------*/
/*Chat App Wrap*/
.chat-app-wrap {
  position: relative;
  padding-left: 370px;
  height: 100%;
  background-color: #fafafa;
}

.chat-app-wrap .chat-contacts-open {
  width: 40px;
  height: 40px;
  padding: 10px;
  text-align: center;
  -webkit-box-shadow: 0 0px 15px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 0px 15px 0 rgba(0, 0, 0, 0.15);
  background-color: #161824;
  color: #ffffff;
  border: none;
  display: block;
  position: fixed;
  left: 0;
  z-index: 9;
  opacity: 0;
  visibility: hidden;
}

.chat-app-wrap .chat-contacts-open i {
  display: block;
  font-size: 20px;
  line-height: 20px;
}

.chat-app-wrap .chat-contacts-open:hover {
  background-color: #428bfa;
}

.chat-app-wrap .chat-contacts {
  height: 100%;
  max-height: 822px;
  max-width: 370px;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  border-right: 1px solid #f1f1f1;
  background-color: #fafafa;
  padding-top: 90px;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  z-index: 1001;
}

.chat-app-wrap .chat-contacts.show {
  visibility: visible;
  opacity: 1;
  left: 0;
}

.chat-app-wrap .chat-contacts.show .chat-contacts-close {
  opacity: 1;
  visibility: visible;
}

.chat-app-wrap .chat-contacts .chat-contacts-close {
  width: 40px;
  height: 40px;
  padding: 10px;
  text-align: center;
  -webkit-box-shadow: 0 0px 15px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 0px 15px 0 rgba(0, 0, 0, 0.15);
  background-color: #161824;
  color: #ffffff;
  border: none;
  display: block;
  position: absolute;
  left: 100%;
  top: 70px;
  z-index: 9;
  opacity: 0;
  visibility: hidden;
}

.chat-app-wrap .chat-contacts .chat-contacts-close i {
  display: block;
  font-size: 20px;
  line-height: 20px;
}

.chat-app-wrap .chat-contacts .chat-contacts-close:hover {
  background-color: #428bfa;
}

.chat-app-wrap .contact-search-form {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  border-bottom: 1px solid #f1f1f1;
}

.chat-app-wrap .contact-search-form form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 100%;
      -ms-flex: 1 0 100%;
          flex: 1 0 100%;
  position: relative;
  padding: 20px 0;
}

.chat-app-wrap .contact-search-form form input {
  padding: 10px 25px;
  line-height: 30px;
  width: 100%;
  background-color: transparent;
  border: none;
  color: #666666;
}

.chat-app-wrap .chat-contact-list {
  display: block;
  height: 100%;
  list-style: none;
  padding: 0;
  margin: 0;
}

.chat-app-wrap .chat-contact-list li a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding: 21px 25px;
}

.chat-app-wrap .chat-contact-list li a .image {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  position: relative;
}

.chat-app-wrap .chat-contact-list li a .image img {
  border-radius: 50%;
}

.chat-app-wrap .chat-contact-list li a .image .status {
  position: absolute;
  right: 3px;
  bottom: 3px;
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
}

.chat-app-wrap .chat-contact-list li a .image .status.online {
  background-color: #29db2d;
}

.chat-app-wrap .chat-contact-list li a .content {
  width: calc(100% - 50px);
  padding-left: 15px;
  padding-right: 15px;
}

.chat-app-wrap .chat-contact-list li a .content .name {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 4px;
}

.chat-app-wrap .chat-contact-list li a .content .last-message {
  -webkit-align-self: center;
      -ms-flex-item-align: center;
          align-self: center;
  font-size: 13px;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .chat-app-wrap {
    padding-left: 0;
  }
  .chat-app-wrap .chat-contacts-open {
    opacity: 1;
    visibility: visible;
  }
  .chat-app-wrap .chat-contacts {
    max-width: 300px;
    left: -300px;
    opacity: 0;
    visibility: hidden;
    position: fixed;
    top: 80px;
  }
  .chat-app-wrap .chat-contacts .chat-contacts-close {
    opacity: 0;
    visibility: hidden;
  }
}

@media only screen and (max-width: 767px) {
  .chat-app-wrap .chat-contacts {
    top: 0;
    padding-top: 50px;
  }
  .chat-app-wrap .contact-search-form form {
    padding: 0;
  }
  .chat-app-wrap .chat-wrap {
    max-height: 100vh;
  }
}

@media only screen and (max-width: 479px) {
  .chat-app-wrap .chat-contacts {
    max-width: 280px;
    left: -280px;
  }
}

/*Active Contact*/
.chat-active-contact {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-bottom: 1px solid #f1f1f1;
  padding: 15px 30px;
}

.chat-active-contact .chat-contact {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.chat-active-contact .chat-contact .image {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 20px;
}

.chat-active-contact .chat-contact .info {
  -webkit-align-self: center;
      -ms-flex-item-align: center;
          align-self: center;
}

.chat-active-contact .chat-contact .info h5 {
  margin-bottom: 10px;
  line-height: 1;
}

.chat-active-contact .chat-contact .info span {
  display: block;
  font-size: 13px;
  line-height: 1;
}

.chat-active-contact .chat-contact-actions {
  -webkit-align-self: center;
      -ms-flex-item-align: center;
          align-self: center;
}

@media only screen and (max-width: 479px) {
  .chat-active-contact .chat-contact-actions {
    margin-top: 15px;
  }
}

/*Chat Wrap*/
.chat-wrap {
  max-height: 650px;
  padding: 30px;
}

/*Chat List*/
.chat-list, .widget-chat-list, [dir="rtl"] .widget-chat-list {
  padding: 0;
  list-style: none;
  margin: 0;
}

.chat-list li .chat, .widget-chat-list li .chat, .chat-list li .widget-chat, .widget-chat-list li .widget-chat {
  margin-bottom: 25px;
}

.chat-list li:nth-child(2n) .chat .head, .widget-chat-list li:nth-child(2n) .chat .head, .chat-list li:nth-child(2n) .widget-chat .head, .widget-chat-list li:nth-child(2n) .widget-chat .head {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.chat-list li:nth-child(2n) .chat .head h5, .widget-chat-list li:nth-child(2n) .chat .head h5, .chat-list li:nth-child(2n) .widget-chat .head h5, .widget-chat-list li:nth-child(2n) .widget-chat .head h5 {
  text-align: right;
}

.chat-list li:nth-child(2n) .chat .head span, .widget-chat-list li:nth-child(2n) .chat .head span, .chat-list li:nth-child(2n) .widget-chat .head span, .widget-chat-list li:nth-child(2n) .widget-chat .head span {
  margin-left: 15px;
  margin-right: 0;
}

.chat-list li:nth-child(2n) .chat .body, .widget-chat-list li:nth-child(2n) .chat .body, .chat-list li:nth-child(2n) .widget-chat .body, .widget-chat-list li:nth-child(2n) .widget-chat .body {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.chat-list li:nth-child(2n) .chat .body .content, .widget-chat-list li:nth-child(2n) .chat .body .content, .chat-list li:nth-child(2n) .widget-chat .body .content, .widget-chat-list li:nth-child(2n) .widget-chat .body .content {
  margin-right: 15px;
  margin-left: 0;
}

.chat-list li:nth-child(2n) .chat .body .content::before, .widget-chat-list li:nth-child(2n) .chat .body .content::before, .chat-list li:nth-child(2n) .widget-chat .body .content::before, .widget-chat-list li:nth-child(2n) .widget-chat .body .content::before {
  right: -10px;
  left: auto;
  border-width: 6px 0px 6px 10px;
  border-color: transparent transparent transparent #ffffff;
}

/*Chat*/
.chat .head, .widget-chat .head, body.skin-dark .widget-chat .head {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 100%;
      -ms-flex: 1 0 100%;
          flex: 1 0 100%;
  margin-bottom: 12px;
  position: relative;
}

.chat .head h5, .widget-chat .head h5 {
  font-size: 14px;
  line-height: 18px;
  margin: 0 0 3px;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.chat .head span, .widget-chat .head span {
  font-size: 12px;
  line-height: 18px;
  color: #999999;
  margin-right: 15px;
  margin-bottom: 3px;
}

.chat .head a, .widget-chat .head a {
  color: #428bfa;
  margin-bottom: 3px;
}

.chat .head a i, .widget-chat .head a i {
  font-size: 18px;
  line-height: 18px;
  display: block;
}

.chat .body, .widget-chat .body, body.skin-dark .widget-chat .body {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 100%;
      -ms-flex: 1 0 100%;
          flex: 1 0 100%;
}

.chat .body .image, .widget-chat .body .image {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 60px;
      -ms-flex: 1 0 60px;
          flex: 1 0 60px;
  max-width: 60px;
}

.chat .body .image img, .widget-chat .body .image img {
  width: 100%;
  overflow: hidden;
  border-radius: 50%;
  height: auto;
}

.chat .body .content, .widget-chat .body .content {
  padding: 10px 15px;
  background-color: #ffffff;
  margin-left: 15px;
  border-radius: 4px;
  position: relative;
  -webkit-box-shadow: 0 0 5px rgba(24, 24, 24, 0.05);
          box-shadow: 0 0 5px rgba(24, 24, 24, 0.05);
}

.chat .body .content::before, .widget-chat .body .content::before {
  display: none;
  content: "";
  position: absolute;
  top: 28px;
  left: -10px;
  border-width: 6px 10px 6px 0;
  border-style: solid;
  border-color: transparent #ffffff transparent transparent;
}

.chat .body .content p, .widget-chat .body .content p {
  font-size: 13px;
  color: #999999;
  line-height: 22px;
}

@media only screen and (max-width: 479px) {
  .chat .head, .widget-chat .head, body.skin-dark .widget-chat .head {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: column !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
  }
  .chat .head h5, .widget-chat .head h5 {
    text-align: left !important;
  }
  .chat .head span, .widget-chat .head span {
    margin-left: 0 !important;
    margin-right: 20px;
  }
  .chat .head a, .widget-chat .head a {
    position: absolute;
    right: 0;
    bottom: 0;
  }
  .chat .body, .widget-chat .body, body.skin-dark .widget-chat .body {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: column !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
  }
  .chat .body .image, .widget-chat .body .image {
    max-width: 80px;
  }
  .chat .body .content, .widget-chat .body .content {
    margin: 15px 0 0 !important;
  }
}

/*Chat Submission*/
.chat-submission, .widget-chat-submission, body.skin-dark .widget-chat-submission, [dir="rtl"] .widget-chat-submission {
  border-top: 1px solid #f1f1f1;
}

.chat-submission form, .widget-chat-submission form, body.skin-dark .widget-chat-submission form, [dir="rtl"] .widget-chat-submission form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 100%;
      -ms-flex: 1 0 100%;
          flex: 1 0 100%;
  position: relative;
  padding: 15px 120px 15px 15px;
}

.chat-submission form input, .widget-chat-submission form input, body.skin-dark .widget-chat-submission form input, [dir="rtl"] .widget-chat-submission form input {
  padding: 10px 15px;
  line-height: 30px;
  width: 100%;
  background-color: transparent;
  border: none;
  color: #666666;
}

.chat-submission form .buttons, .widget-chat-submission form .buttons {
  position: absolute;
  right: 30px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.chat-submission form .file-upload, .widget-chat-submission form .file-upload {
  margin: 0;
  cursor: pointer;
}

.chat-submission form .file-upload input, .widget-chat-submission form .file-upload input {
  display: none;
}

.chat-submission form .file-upload i, .widget-chat-submission form .file-upload i {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

/*Widget Chat*/
.widget-chat-wrap {
  max-height: 429px;
  height: 100%;
  padding: 0;
  padding-right: 25px;
  margin-right: -25px;
  width: auto;
}

.widget-chat-submission {
  margin: 0 -25px -25px;
}

.widget-chat-submission form {
  padding: 10px 85px 10px 5px;
}

.widget-chat-submission form .buttons {
  right: 10px;
}

/*----------------------------------------*/
/*  12. Mail CSS
/*----------------------------------------*/
/*Mail Wrapper*/
.mail-wrapper {
  background-color: #fafafa;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

/*Mail Menu*/
.mail-menu {
  padding: 30px;
  width: 250px;
  border-right: 1px solid #e1e1e1;
}

.mail-menu .button-compose-mail {
  margin: 0;
  margin-bottom: 30px;
}

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

.mail-menu ul li {
  margin-top: 25px;
}

.mail-menu ul li:first-child {
  margin-top: 0;
}

.mail-menu ul li a {
  font-size: 16px;
  line-height: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.mail-menu ul li a i {
  font-size: 20px;
  line-height: 1;
  color: #999999;
  width: 30px;
}

@media only screen and (max-width: 767px) {
  .mail-menu {
    width: 100%;
    border-right: none;
    border-bottom: 1px solid #e1e1e1;
  }
}

/*Mail Container*/
.mail-container {
  width: calc(100% - 250px);
}

@media only screen and (max-width: 767px) {
  .mail-container {
    width: 100%;
  }
}

/*Mail Options*/
.mail-options {
  border-bottom: 1px solid #e1e1e1;
  padding: 20px 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  position: relative;
}

.mail-options .mail-options-group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: 30px;
  padding-right: 30px;
  position: relative;
}

.mail-options .mail-options-group::before {
  content: "";
  position: absolute;
  right: -1px;
  top: 5px;
  bottom: 5px;
  background-color: #e1e1e1;
  width: 2px;
}

.mail-options .mail-options-group:last-child {
  border-right: 0;
  margin-right: 0;
  padding-right: 0;
}

.mail-options .mail-options-group:last-child::before {
  display: none;
}

.mail-options .mail-options-group > * {
  margin: 0 15px;
}

.mail-options .mail-options-group > *:first-child {
  margin-left: 0;
}

.mail-options .mail-options-group > *:last-child {
  margin-right: 0;
}

.mail-options .mail-options-group button {
  text-align: center;
  padding: 5px 0;
  border: none;
  background-color: transparent;
  width: 30px;
  text-align: center;
}

.mail-options .mail-options-group button i {
  display: block;
  font-size: 24px;
  line-height: 24px;
}

.mail-options .mail-options-group button:hover {
  color: #428bfa;
}

.mail-options .mail-options-group button.mail-button-delete:hover {
  color: #fd427c;
}

.mail-options .adomx-dropdown-menu {
  white-space: nowrap;
  width: auto;
}

@media only screen and (min-width: 1200px) and (max-width: 1499px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .mail-options .mail-options-group {
    margin-right: 20px;
    padding-right: 20px;
  }
  .mail-options .mail-options-group > * {
    margin: 0 10px;
  }
  .mail-options .mail-options-group button:not(.button-check) i {
    display: block;
    font-size: 20px;
    line-height: 24px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .mail-options .mail-options-group {
    margin-right: 15px;
    padding-right: 15px;
  }
  .mail-options .mail-options-group > * {
    margin: 0 5px;
  }
  .mail-options .mail-options-group button:not(.button-check) {
    width: auto;
    padding: 5px;
  }
  .mail-options .mail-options-group button:not(.button-check) i {
    display: block;
    font-size: 20px;
    line-height: 24px;
  }
}

@media only screen and (max-width: 767px) {
  .mail-options {
    padding: 10px 30px;
  }
}

@media only screen and (max-width: 575px) {
  .mail-options .mail-options-group {
    margin-right: 5px;
    padding-right: 0;
  }
  .mail-options .mail-options-group::before {
    display: none;
  }
}

@media only screen and (max-width: 479px) {
  .mail-options .mail-options-group {
    position: static;
  }
  .mail-options .mail-options-group .adomx-dropdown {
    position: static;
  }
  .mail-options .mail-options-group .adomx-dropdown .adomx-dropdown-menu {
    width: 290px;
  }
}

/*Mail List*/
.mail-list {
  padding: 30px;
  overflow: hidden;
}

.mail-list .mail {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  position: relative;
  padding-bottom: 20px;
  margin-bottom: 20px;
}

.mail-list .mail::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: calc(100% - 80px);
  height: 1px;
  background-color: #e1e1e1;
}

.mail-list .mail:last-child {
  margin-bottom: 0;
}

.mail-list .mail:last-child::after {
  display: none;
}

.mail-list .mail .left {
  max-width: 80px;
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 80px;
      -ms-flex: 1 0 80px;
          flex: 1 0 80px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding-right: 20px;
}

.mail-list .mail .left .adomx-checkbox {
  width: 18px;
  height: 18px;
  margin: 0;
  padding-left: 18px;
}

.mail-list .mail .left button {
  border: none;
  background-color: transparent;
  padding: 3px;
  color: #999999;
}

.mail-list .mail .left button i {
  display: block;
  font-size: 20px;
  line-height: 20px;
}

.mail-list .mail .middle {
  max-width: calc(100% - 150px);
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 calc(100% - 150px);
      -ms-flex: 1 0 calc(100% - 150px);
          flex: 1 0 calc(100% - 150px);
  overflow: hidden;
}

.mail-list .mail .middle .top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.mail-list .mail .middle .top .name {
  font-size: 16px;
  margin-right: 10px;
}

.mail-list .mail .middle .top .date {
  font-size: 12px;
  margin-bottom: 8px;
}

.mail-list .mail .middle .body {
  margin-bottom: 15px;
}

.mail-list .mail .middle .body p {
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
}

.mail-list .mail .middle .bottom {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: -3px;
}

.mail-list .mail .middle .bottom .badge {
  margin: 3px;
}

.mail-list .mail .right {
  max-width: 70px;
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 70px;
      -ms-flex: 1 0 70px;
          flex: 1 0 70px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
}

.mail-list .mail .right button {
  border: none;
  background-color: transparent;
  padding: 3px;
  color: #999999;
}

.mail-list .mail .right button i {
  display: block;
  font-size: 20px;
  line-height: 20px;
}

.mail-list .mail .right button:hover {
  color: #428bfa;
}

.mail-list .mail .right button.mail-button-delete:hover {
  color: #fd427c;
}

@media only screen and (max-width: 575px) {
  .mail-list .mail::after {
    width: 100%;
  }
  .mail-list .mail .left, .mail-list .mail .right {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
    width: auto;
    padding: 0;
  }
  .mail-list .mail .left > *, .mail-list .mail .right > * {
    margin-right: 15px;
  }
  .mail-list .mail .middle {
    -webkit-box-ordinal-group: 10;
    -webkit-order: 9;
        -ms-flex-order: 9;
            order: 9;
    max-width: 100%;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 100%;
        -ms-flex: 1 0 100%;
            flex: 1 0 100%;
    margin-top: 15px;
  }
}

/*Single Mail*/
.single-mail {
  /*Top*/
  /*Bottom*/
}

.single-mail .top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  border-bottom: 1px solid #e1e1e1;
  padding: 30px;
  /*Left*/
  /*Right*/
}

.single-mail .top .left ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.single-mail .top .left ul li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 6px;
}

.single-mail .top .left ul li:last-child {
  margin-bottom: 0;
}

.single-mail .top .left ul li strong {
  width: 70px;
  font-weight: 600;
  margin-right: 50px;
}

.single-mail .top .left ul li strong::after {
  content: ":";
  float: right;
}

.single-mail .top .right {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.single-mail .top .right button {
  padding: 5px;
  border: none;
  background-color: transparent;
  line-height: 1;
  margin-right: 20px;
}

.single-mail .top .right button:last-child {
  margin-right: 0;
}

.single-mail .top .right button i {
  font-size: 20px;
  line-height: 20px;
}

.single-mail .top .right button:hover {
  color: #428bfa;
}

.single-mail .bottom {
  padding: 40px 60px;
}

.single-mail .bottom .user {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-bottom: 30px;
}

.single-mail .bottom .user .image {
  margin-right: 30px;
}

.single-mail .bottom .user .image img {
  width: 60px;
  height: 60px;
  border-radius: 50%;
}

.single-mail .bottom .user .info {
  -webkit-align-self: center;
      -ms-flex-item-align: center;
          align-self: center;
}

.single-mail .bottom .user .info .name {
  font-weight: 600;
  margin: 0;
  margin-bottom: 7px;
}

.single-mail .bottom .user .info .date {
  display: block;
  line-height: 1;
}

.single-mail .bottom .body {
  padding-left: 90px;
}

.single-mail .bottom .body .content {
  margin-bottom: 30px;
}

.single-mail .bottom .body .content:last-child {
  margin-bottom: 0;
}

.single-mail .bottom .body .content h5 {
  margin-bottom: 15px;
}

.single-mail .bottom .body .content ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.single-mail .bottom .body .content ul li {
  margin-bottom: 5px;
}

.single-mail .bottom .body .content ul li:last-child {
  margin-bottom: 0;
}

.single-mail .bottom .body .content ul li a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.single-mail .bottom .body .content ul li a::before {
  content: "\f2fb";
  font-family: "Material-Design-Iconic-Font";
  margin-right: 5px;
  font-size: 16px;
  line-height: 22px;
  padding-top: 2px;
}

.single-mail .bottom .body .attachment {
  margin-bottom: 40px;
}

.single-mail .bottom .body .attachment:last-child {
  margin-bottom: 0;
}

.single-mail .bottom .body .attachment .title {
  margin-bottom: 20px;
}

.single-mail .bottom .body .attachment .button, .single-mail .bottom .body .attachment .fullcalendar .fc-toolbar .fc-button, .fullcalendar .fc-toolbar .single-mail .bottom .body .attachment .fc-button, .single-mail .bottom .body .attachment #toast-container .toast .toast-message .btn, #toast-container .toast .toast-message .single-mail .bottom .body .attachment .btn, .single-mail .bottom .body .attachment .dataTables_wrapper .dt-buttons .dt-button, .dataTables_wrapper .dt-buttons .single-mail .bottom .body .attachment .dt-button, .single-mail .bottom .body .attachment .footable.table thead tr th .footable-filtering-search .input-group .input-group-btn .btn, .footable.table thead tr th .footable-filtering-search .input-group .input-group-btn .single-mail .bottom .body .attachment .btn, .single-mail .bottom .body .attachment .footable.table tbody tr td.footable-editing .btn-group .btn, .footable.table tbody tr td.footable-editing .btn-group .single-mail .bottom .body .attachment .btn, .single-mail .bottom .body .attachment .footable.table tfoot tr.footable-editing td .btn, .footable.table tfoot tr.footable-editing td .single-mail .bottom .body .attachment .btn, .single-mail .bottom .body .attachment .smart-wizard .sw-toolbar .sw-btn-group .btn, .smart-wizard .sw-toolbar .sw-btn-group .single-mail .bottom .body .attachment .btn {
  margin-top: 20px;
}

.single-mail .bottom .body .attachment .attach-files {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: -10px;
  list-style: none;
  padding: 0;
}

.single-mail .bottom .body .attachment .attach-files li {
  margin: 10px;
}

.single-mail .bottom .body .attachment .attach-files li a {
  position: relative;
  border: 2px solid #efefef;
  border-radius: 5px;
  background-color: #ffffff;
  max-width: 130px;
  width: 100%;
}

.single-mail .bottom .body .attachment .attach-files li a img {
  border-radius: 5px;
  width: 100%;
}

.single-mail .bottom .body .attachment .attach-files li a .type {
  line-height: 1;
  position: absolute;
  right: 10px;
  top: 10px;
  font-size: 12px;
  font-weight: 700;
  color: #666666;
}

.single-mail .bottom .body .attachment .attach-files li a i {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
      -ms-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  font-size: 20px;
  line-height: 1;
  opacity: 0;
}

.single-mail .bottom .body .attachment .attach-files li a:hover img {
  opacity: 0.15;
}

.single-mail .bottom .body .attachment .attach-files li a:hover i {
  opacity: 1;
}

.single-mail .bottom .body .buttons {
  margin: -5px;
}

.single-mail .bottom .body .buttons .button, .single-mail .bottom .body .buttons .fullcalendar .fc-toolbar .fc-button, .fullcalendar .fc-toolbar .single-mail .bottom .body .buttons .fc-button, .single-mail .bottom .body .buttons #toast-container .toast .toast-message .btn, #toast-container .toast .toast-message .single-mail .bottom .body .buttons .btn, .single-mail .bottom .body .buttons .dataTables_wrapper .dt-buttons .dt-button, .dataTables_wrapper .dt-buttons .single-mail .bottom .body .buttons .dt-button, .single-mail .bottom .body .buttons .footable.table thead tr th .footable-filtering-search .input-group .input-group-btn .btn, .footable.table thead tr th .footable-filtering-search .input-group .input-group-btn .single-mail .bottom .body .buttons .btn, .single-mail .bottom .body .buttons .footable.table tbody tr td.footable-editing .btn-group .btn, .footable.table tbody tr td.footable-editing .btn-group .single-mail .bottom .body .buttons .btn, .single-mail .bottom .body .buttons .footable.table tfoot tr.footable-editing td .btn, .footable.table tfoot tr.footable-editing td .single-mail .bottom .body .buttons .btn, .single-mail .bottom .body .buttons .smart-wizard .sw-toolbar .sw-btn-group .btn, .smart-wizard .sw-toolbar .sw-btn-group .single-mail .bottom .body .buttons .btn {
  margin: 5px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .single-mail .bottom {
    padding: 40px 30px;
  }
  .single-mail .bottom .body .attachment .attach-files li a {
    max-width: 90px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .single-mail .bottom .body {
    padding-left: 0;
  }
}

@media only screen and (max-width: 479px) {
  .single-mail .top {
    padding: 20px 30px;
  }
  .single-mail .top .left ul li strong {
    width: 50px;
    margin-right: 10px;
  }
  .single-mail .top .right {
    margin-left: -5px;
    margin-top: 10px;
  }
  .single-mail .bottom {
    padding: 30px;
  }
  .single-mail .bottom .user .image {
    margin-bottom: 15px;
  }
  .single-mail .bottom .user .info {
    min-width: 100%;
  }
}

/*Compose Mail Modal*/
.compose-mail-modal .modal-content {
  border: none;
}

.compose-mail-modal .modal-content .modal-header {
  background-color: #161824;
  border-radius: 5px;
  padding: 20px 50px;
}

.compose-mail-modal .modal-content .modal-header .modal-title {
  color: #ffffff;
}

.compose-mail-modal .modal-content .modal-header .close {
  color: #ffffff;
  text-shadow: none;
  opacity: 1;
}

.compose-mail-modal .modal-content .modal-header .close:hover {
  color: #fd427c;
}

.compose-mail-modal .modal-content .form {
  padding: 50px;
}

@media only screen and (max-width: 479px) {
  .compose-mail-modal .modal-content .modal-header {
    padding: 15px 30px;
  }
  .compose-mail-modal .modal-content .form {
    padding: 30px;
  }
}

/*----------------------------------------*/
/*  13. Chart CSS
/*----------------------------------------*/
/*Chart Legends*/
.chart-legends-1 {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 15px;
}

.chart-legends-1 .chart-legend-1 {
  margin-bottom: 20px;
}

.chart-legends-1 .chart-legend-1 .title {
  line-height: 1;
  margin-bottom: 10px;
}

.chart-legends-1 .chart-legend-1 .value {
  line-height: 1;
  font-weight: 600;
  margin: 0;
}

/*Revenue Statistics Charts*/
.chartjs-revenue-statistics-chart, .chartjs-revenue-statistics-chart-2 {
  position: relative;
  width: 100%;
  height: 400px;
}

@media only screen and (min-width: 1200px) and (max-width: 1499px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .chartjs-revenue-statistics-chart, .chartjs-revenue-statistics-chart-2 {
    height: 300px;
  }
}

/*Market Trends Chart*/
.chartjs-market-trends-chart {
  position: relative;
  width: 100%;
  height: 450px;
}

@media only screen and (min-width: 1200px) and (max-width: 1499px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .chartjs-market-trends-chart {
    height: 350px;
  }
}

/*Market Trends Chart 2 , Analytics Chart & Graph Chart */
.chartjs-market-trends-chart-2, .chartjs-analytics-chart, .chartjs-graph-chart {
  position: relative;
  width: 100%;
  height: 400px;
}

@media only screen and (min-width: 1200px) and (max-width: 1499px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .chartjs-market-trends-chart-2, .chartjs-analytics-chart, .chartjs-graph-chart {
    height: 350px;
  }
}

/*Echart Example*/
.example-echarts {
  width: 100%;
  height: 300px;
}

/*ChartJs Example*/
.example-chartjs {
  width: 100%;
  height: 250px;
}

/*Morris Example*/
.example-morris {
  width: 100%;
  height: 250px;
}

.example-morris > svg {
  width: 100%;
}

/*Sparkline Chart*/
.sparkline-chart {
  display: block;
  width: 100%;
  text-align: center;
}

.sparkline-chart canvas {
  height: auto !important;
  max-width: 100% !important;
}

.jqstooltip {
  height: auto !important;
  width: auto !important;
}

/*Google Chart*/
.example-gchart {
  width: 100%;
  height: 300px;
}

/*----------------------------------------*/
/*  14. Vmap CSS
/*----------------------------------------*/
.vmap, .google-map {
  width: 100%;
  height: 400px;
}

@media only screen and (max-width: 767px) {
  .vmap, .google-map {
    height: 320px;
  }
}

@media only screen and (max-width: 575px) {
  .vmap, .google-map {
    height: 250px;
  }
}

@media only screen and (max-width: 479px) {
  .vmap, .google-map {
    height: 200px;
  }
}

/*Vmap Pin*/
.vmap-pin {
  position: relative;
}

.vmap-pin .pin {
  width: 12px;
  height: 12px;
  background-color: #fb7da4;
  border: 2px solid #ffffff;
  border-radius: 50%;
}

.vmap-pin .signal, .vmap-pin .signal2 {
  width: 60px;
  height: 60px;
  pointer-events: none;
  border-radius: 200px;
  position: absolute;
  left: -24px;
  top: -24px;
  opacity: 0;
  -webkit-animation: vmapPinSignal cubic-bezier(0, 0.55, 0.55, 1) 2s;
          animation: vmapPinSignal cubic-bezier(0, 0.55, 0.55, 1) 2s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-delay: 0.78s;
          animation-delay: 0.78s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  background-color: #161824;
}

.vmap-pin .signal2 {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

@-webkit-keyframes vmapPinSignal {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  1% {
    opacity: 0.1;
  }
  20% {
    opacity: 0.1;
  }
  60% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0;
  }
}

@keyframes vmapPinSignal {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  1% {
    opacity: 0.1;
  }
  20% {
    opacity: 0.1;
  }
  60% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0;
  }
}

/*----------------------------------------*/
/*  15. Author CSS
/*----------------------------------------*/
/*Author Top*/
.author-top .inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-image: url(../images/bg/author-top-bg.jpg);
  background-size: 100% 50%;
  background-repeat: no-repeat;
  padding: 65px 30px;
  -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.05);
          box-shadow: 0 5px 5px rgba(0, 0, 0, 0.05);
}

.author-top .inner .author-profile {
  text-align: center;
}

.author-top .inner .author-profile .image {
  width: 130px;
  height: 130px;
  overflow: hidden;
  position: relative;
  border-radius: 50%;
  margin: auto;
  margin-bottom: 14px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #f1f1f1;
}

.author-top .inner .author-profile .image h2 {
  margin: 0;
  font-weight: 700;
}

.author-top .inner .author-profile .image img {
  width: 100%;
  border: 5px solid #428bfa;
  border-radius: 50%;
}

.author-top .inner .author-profile .image .edit {
  border: none;
  position: absolute;
  left: 0;
  width: 100%;
  bottom: 0;
  height: 50%;
  font-size: 10px;
  text-align: center;
  color: #ffffff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: rgba(0, 0, 0, 0.7);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.author-top .inner .author-profile .image .edit i {
  font-size: 18px;
  display: block;
}

.author-top .inner .author-profile .image:hover .edit {
  opacity: 1;
  visibility: visible;
}

.author-top .inner .author-profile .info {
  text-align: center;
  position: relative;
  padding: 0 30px;
}

.author-top .inner .author-profile .info h5 {
  font-weight: 600;
  margin-bottom: 0;
}

.author-top .inner .author-profile .info span {
  display: block;
  font-size: 13px;
  line-height: 15px;
}

.author-top .inner .author-profile .info .edit {
  position: absolute;
  right: 0;
  top: 0;
  line-height: 1;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.author-top .inner .author-profile .info .edit i {
  font-size: 20px;
  line-height: 1;
}

.author-top .inner .author-profile .info:hover .edit {
  opacity: 1;
  visibility: visible;
}

/*Timeline Wrap*/
/*Timeline Date*/
.timeline-date {
  font-size: 13px;
  display: inline-block;
  line-height: 25px;
  padding: 6px 25px;
  border-radius: 50px;
  color: #ffffff;
  background-color: #fb7da4;
}

/*Timeline List*/
.timeline-list:last-child {
  margin-bottom: 0;
}

.timeline-list li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-bottom: 40px;
}

.timeline-list li:last-child {
  margin-bottom: 0;
}

.timeline-list li .icon {
  width: 40px;
  text-align: center;
  position: relative;
}

.timeline-list li .icon::before {
  content: "";
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  top: 55px;
  bottom: 35px;
  width: 1px;
  background-color: #fb7da4;
}

.timeline-list li .icon i {
  width: 40px;
  height: 40px;
  margin: auto;
  border-radius: 50%;
  color: #ffffff;
  background-color: #fb7da4;
  line-height: 40px;
  display: block;
  font-size: 20px;
}

.timeline-list li .details {
  width: calc(100% - 40px);
  padding: 5px 50px 0 30px;
}

.timeline-list li .details .title {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 23px;
}

.timeline-list li .details .content {
  max-width: 700px;
  margin-bottom: 20px;
}

.timeline-list li .details .gallery {
  margin-bottom: 20px;
}

.timeline-list li .details .gallery a {
  display: block;
}

.timeline-list li .details .gallery a img {
  width: 100%;
}

.timeline-list li .details .video {
  position: relative;
  padding-top: 50%;
  width: 100%;
  background-image: url(../images/gallery/profile-gallery-video-1.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  margin-bottom: 20px;
}

.timeline-list li .details .video a {
  display: block;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-color: #343434;
  color: #ffffff;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
      -ms-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  text-align: center;
  padding: 10px;
  padding-left: 15px;
}

.timeline-list li .details .video a i {
  font-size: 40px;
  line-height: 1;
}

.timeline-list li .details .time {
  font-size: 13px;
  line-height: 1;
  display: block;
  color: #999999;
}

@media only screen and (max-width: 767px) {
  .timeline-list li .date {
    width: 90px;
  }
  .timeline-list li .icon {
    width: 50px;
  }
  .timeline-list li .details {
    padding-right: 0;
    padding-left: 15px;
  }
}

@media only screen and (max-width: 479px) {
  .timeline-list {
    padding-left: 0;
  }
  .timeline-list li .date {
    width: 100%;
    text-align: left;
    margin-bottom: 5px;
  }
  .timeline-list li .icon {
    display: none;
  }
  .timeline-list li .details {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 100%;
        -ms-flex: 1 0 100%;
            flex: 1 0 100%;
    padding: 0;
  }
}

/*----------------------------------------*/
/*  16. Login & Resister CSS
/*----------------------------------------*/
/*Login & Resister Wrapper*/
.login-register-wrap {
  padding: 0 15px;
}

/*Login & Resister BG*/
.login-register-bg {
  background-image: url(../images/bg/login-register-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  min-height: 100vh;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.login-register-bg .content {
  display: none;
  max-width: 420px;
  padding: 100px 30px;
}

.login-register-bg .content h1 {
  font-weight: 300;
  line-height: 1;
  margin-bottom: 15px;
  color: #ffffff;
}

.login-register-bg .content p {
  margin-bottom: 0;
  color: #ffffff;
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .login-register-bg {
    min-height: auto;
  }
  .login-register-bg .content {
    display: block;
  }
}

@media only screen and (max-width: 767px) {
  .login-register-bg .content {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .login-register-bg .content h1 {
    font-size: 30px;
  }
}

/*Login & Resister Form Wrapper*/
.login-register-form-wrap {
  max-width: 420px;
  padding: 50px 15px;
}

.login-register-form-wrap .content h1 {
  font-weight: 300;
  line-height: 1;
  margin-bottom: 15px;
}

.login-register-form-wrap .content p {
  margin-bottom: 30px;
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .login-register-form-wrap .content {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  .login-register-form-wrap .content h1 {
    font-size: 30px;
  }
}

/*Login & Resister Form*/
.login-register-form {
  max-width: 370px;
}

.login-register-form a {
  color: #428bfa;
}

.login-register-form a:hover {
  text-decoration: underline;
}

/*----------------------------------------*/
/*  17. News CSS
/*----------------------------------------*/
/*News Item*/
.news-item {
  margin-bottom: 35px;
}

.news-item:last-child {
  margin-bottom: 0;
}

.news-item .categories {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 10px;
}

.news-item .categories a {
  line-height: 20px;
  padding: 3px 14px;
  border-radius: 50px;
  color: #ffffff;
  margin-right: 13px;
  margin-bottom: 5px;
}

.news-item .categories a:last-child {
  margin-right: 0;
}

.news-item .categories a.new {
  background-color: #7dfb9b;
  color: #343434;
}

.news-item .categories a.product {
  background-color: #428bfa;
}

.news-item .categories a.support {
  background-color: #fb7da4;
}

.news-item .categories a.refund {
  background-color: #edb984;
}

.news-item .title {
  font-weight: 600;
  margin-bottom: 15px;
}

.news-item .title a {
  color: #666666;
}

.news-item .title a:hover {
  color: #428bfa;
}

.news-item .meta {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
}

.news-item .meta li {
  font-size: 14px;
  line-height: 18px;
  font-weight: 600;
  color: #999999;
}

.news-item .meta li::after {
  content: "-";
  margin: 0 10px;
  font-weight: 400;
}

.news-item .meta li:last-child::after {
  display: none;
}

.news-item .meta li i {
  font-size: 18px;
  line-height: 18px;
  margin-right: 10px;
  color: #428bfa;
  float: left;
}

.news-item .meta li a:hover {
  color: #428bfa;
}

@media only screen and (max-width: 479px) {
  .news-item .meta li {
    font-size: 12px;
  }
  .news-item .meta li::after {
    margin: 0 6px;
  }
}

/*----------------------------------------*/
/*  18. Pricing CSS
/*----------------------------------------*/
/*Pricing One*/
.pricing-one {
  z-index: 1;
  max-width: 340px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.pricing-one.active {
  z-index: 9;
  margin-top: -40px;
}

.pricing-one.active .inner {
  padding-top: 90px;
  padding-bottom: 90px;
}

.pricing-one.active .inner::before {
  top: -60px;
}

.pricing-one.active .inner::after {
  bottom: -80px;
}

.pricing-one .inner {
  display: inline-block;
  max-width: 340px;
  width: 100%;
  margin: auto;
  padding: 50px;
  -webkit-box-shadow: -4px 14px 36px rgba(18, 18, 18, 0.15);
          box-shadow: -4px 14px 36px rgba(18, 18, 18, 0.15);
  background-color: #fdfdfd;
  border-radius: 10px;
  position: relative;
  overflow: hidden;
  z-index: 1;
}

.pricing-one .inner::before, .pricing-one .inner::after {
  content: "";
  position: absolute;
  width: 260px;
  height: 260px;
  background-color: #37a1f6;
  opacity: 0.05;
  border-radius: 50%;
  z-index: -1;
}

.pricing-one .inner::before {
  left: -130px;
  top: -100px;
}

.pricing-one .inner::after {
  right: -170px;
  bottom: -120px;
}

.pricing-one .inner .head {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 50px;
}

.pricing-one .inner .head .icon {
  position: relative;
  left: -20px;
  top: -20px;
  margin-right: 10px;
}

.pricing-one .inner .head .icon img {
  max-width: 100%;
}

.pricing-one .inner .head .info .title {
  font-size: 16px;
  line-height: 1;
  font-weight: 600;
  color: #666666;
  position: relative;
  padding-bottom: 15px;
  margin-bottom: 10px;
}

.pricing-one .inner .head .info .title::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 1px;
  width: 30px;
  background-color: #fd427c;
}

.pricing-one .inner .head .info .price {
  margin: 0;
  line-height: 1;
  font-size: 36px;
  color: #666666;
}

.pricing-one .inner .body {
  margin-bottom: 50px;
  overflow: hidden;
}

.pricing-one .inner .body ul {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: left;
}

.pricing-one .inner .body ul li {
  position: relative;
  padding-left: 30px;
  font-size: 16px;
  line-height: 26px;
  margin-bottom: 15px;
}

.pricing-one .inner .body ul li:last-child {
  margin-bottom: 0;
}

.pricing-one .inner .body ul li::before {
  position: absolute;
  left: 0;
  top: 0;
  content: "\f26b";
  font-family: "Material-Design-Iconic-Font";
  font-size: 26px;
  line-height: 26px;
  color: #29db2d;
}

@media only screen and (min-width: 1200px) and (max-width: 1499px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (max-width: 479px) {
  .pricing-one .inner .head .info .price {
    font-size: 30px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .pricing-one {
    max-width: none;
  }
  .pricing-one.active {
    margin-top: 0;
  }
  .pricing-one.active .inner {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .pricing-one.active .inner::before {
    top: -100px;
  }
  .pricing-one.active .inner::after {
    bottom: -120px;
  }
}

@media only screen and (max-width: 479px) {
  .pricing-one .inner {
    padding: 50px 30px;
  }
  .pricing-one .inner .head .icon {
    left: 0;
    top: 0;
    margin-right: 30px;
  }
}

/*Pricing Two*/
.pricing-two {
  padding: 0 30px;
  max-width: 410px;
  width: 100%;
  z-index: 1;
}

.pricing-two .inner {
  padding: 40px 50px 50px;
  -webkit-box-shadow: -5px 15px 35px rgba(18, 18, 18, 0.15);
          box-shadow: -5px 15px 35px rgba(18, 18, 18, 0.15);
  background-color: #fbfdff;
  border-radius: 10px;
  max-width: 350px;
  width: 100%;
}

.pricing-two .inner .head {
  margin-bottom: 40px;
  text-align: center;
}

.pricing-two .inner .head .icon {
  width: 145px;
  height: 150px;
  background-color: rgba(55, 161, 246, 0.05);
  border: 1px solid #37a1f6;
  border-top: 0px;
  border-bottom-right-radius: 500px;
  border-bottom-left-radius: 500px;
  margin: -40px auto 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 30px;
}

.pricing-two .inner .head .icon img {
  max-width: 100%;
}

.pricing-two .inner .head .info .title {
  line-height: 1;
  font-weight: 600;
  color: #666666;
  position: relative;
  padding-bottom: 15px;
  margin-bottom: 10px;
}

.pricing-two .inner .head .info .title::before {
  content: "";
  position: absolute;
  left: 50%;
  margin-left: -15px;
  bottom: 0;
  height: 1px;
  width: 30px;
  background-color: #fd427c;
}

.pricing-two .inner .head .info .price {
  margin: 0;
  line-height: 1;
  font-size: 30px;
  color: #666666;
}

.pricing-two .inner .body {
  margin-bottom: 50px;
  padding-left: 10px;
  overflow: hidden;
}

.pricing-two .inner .body ul {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: left;
}

.pricing-two .inner .body ul li {
  position: relative;
  padding-left: 40px;
  font-size: 16px;
  line-height: 26px;
  margin-bottom: 13px;
}

.pricing-two .inner .body ul li:last-child {
  margin-bottom: 0;
}

.pricing-two .inner .body ul li::before {
  position: absolute;
  left: 0;
  top: 0;
  content: "\f26b";
  font-family: "Material-Design-Iconic-Font";
  font-size: 26px;
  line-height: 26px;
  color: #29db2d;
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .pricing-two {
    padding-left: 15px;
    padding-right: 15px;
    max-width: 380px;
  }
}

@media only screen and (max-width: 479px) {
  .pricing-two .inner {
    padding: 40px 30px 50px;
  }
  .pricing-two .inner .head .icon {
    width: 130px;
    height: 140px;
  }
}

/*Pricing Three*/
.pricing-three {
  max-width: 400px;
  width: 100%;
  padding-left: 25px;
  padding-right: 25px;
}

.pricing-three:nth-child(1) .body {
  background: #fb7da5;
  background: -webkit-linear-gradient(315deg, #fb7da5 0%, #d2b8e5 100%);
  background: -o-linear-gradient(315deg, #fb7da5 0%, #d2b8e5 100%);
  background: linear-gradient(135deg, #fb7da5 0%, #d2b8e5 100%);
}

.pricing-three:nth-child(2) .body {
  background: #37a1f6;
  background: -webkit-linear-gradient(315deg, #37a1f6 0%, #d2b8e5 100%);
  background: -o-linear-gradient(315deg, #37a1f6 0%, #d2b8e5 100%);
  background: linear-gradient(135deg, #37a1f6 0%, #d2b8e5 100%);
}

.pricing-three:nth-child(3) .body {
  background: #7dfb9b;
  background: -webkit-linear-gradient(315deg, #7dfb9b 0%, #d2b8e5 100%);
  background: -o-linear-gradient(315deg, #7dfb9b 0%, #d2b8e5 100%);
  background: linear-gradient(135deg, #7dfb9b 0%, #d2b8e5 100%);
}

.pricing-three:nth-child(4) .body {
  background: #fbaaa2;
  background: -webkit-linear-gradient(315deg, #fbaaa2 0%, #d2b8e5 100%);
  background: -o-linear-gradient(315deg, #fbaaa2 0%, #d2b8e5 100%);
  background: linear-gradient(135deg, #fbaaa2 0%, #d2b8e5 100%);
}

.pricing-three .inner {
  background-color: #ffffff;
  -webkit-box-shadow: -5px 15px 35px rgba(18, 18, 18, 0.15);
          box-shadow: -5px 15px 35px rgba(18, 18, 18, 0.15);
  border-radius: 10px;
  overflow: hidden;
  max-width: 350px;
  width: 100%;
  margin: auto;
}

.pricing-three .inner .body {
  border-radius: 10px;
  padding: 40px 30px;
  text-align: center;
}

.pricing-three .inner .body .title {
  font-size: 20px;
  line-height: 1;
  letter-spacing: 1px;
  font-weight: 600;
  color: #ffffff;
  margin-bottom: 18px;
}

.pricing-three .inner .body ul {
  text-align: left;
  display: inline-block;
  margin-bottom: 30px;
  list-style: none;
  padding: 0;
}

.pricing-three .inner .body ul li {
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  color: #ffffff;
  padding-left: 23px;
  position: relative;
  margin-bottom: 9px;
}

.pricing-three .inner .body ul li:last-child {
  margin-bottom: 0;
}

.pricing-three .inner .body ul li::before {
  position: absolute;
  left: 0;
  top: 1px;
  content: "\f26f";
  font-family: "Material-Design-Iconic-Font";
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  color: #ffffff;
}

.pricing-three .inner .body .price {
  margin: 0;
  line-height: 1;
  font-size: 50px;
  font-weight: 700;
  color: #ffffff;
}

.pricing-three .inner .foot {
  padding: 40px 30px;
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pricing-three {
    padding-left: 15px;
    padding-right: 15px;
  }
}

/*Pricing Four*/
.pricing-four {
  max-width: 380px;
  width: 100%;
}

.pricing-four .inner {
  -webkit-box-shadow: 0 8px 50px rgba(18, 18, 18, 0.15);
          box-shadow: 0 8px 50px rgba(18, 18, 18, 0.15);
  border-radius: 10px;
  max-width: 350px;
  width: 100%;
  margin: auto;
}

.pricing-four .inner .head {
  padding: 30px 20px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.pricing-four .inner .head::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #000000;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  opacity: 0.3;
  z-index: -1;
}

.pricing-four .inner .head .left {
  width: 40%;
  position: relative;
}

.pricing-four .inner .head .left::before {
  content: "";
  position: absolute;
  right: 0;
  width: 1px;
  background-color: #ffffff;
  opacity: 0.3;
  top: 3px;
  bottom: 3px;
}

.pricing-four .inner .head .left .icon img {
  max-width: 100%;
}

.pricing-four .inner .head .left .title {
  font-size: 20px;
  line-height: 18px;
  color: #ffffff;
  margin-top: 15px;
  margin-bottom: 0;
}

.pricing-four .inner .head .right {
  width: 60%;
}

.pricing-four .inner .head .right .price {
  color: #ffffff;
  margin: 0;
  font-size: 36px;
  line-height: 1;
}

.pricing-four .inner .body {
  padding: 35px 30px;
  text-align: center;
}

.pricing-four .inner .body ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.pricing-four .inner .body ul li {
  margin-bottom: 25px;
}

.pricing-four .inner .body ul li:last-child {
  margin-bottom: 0;
}

.pricing-four .inner .body ul li h5 {
  font-size: 16px;
  line-height: 20px;
  font-weight: 600;
  color: #428bfa;
  margin-bottom: 10px;
}

.pricing-four .inner .body ul li p {
  font-size: 13px;
  line-height: 20px;
  color: #999999;
  max-width: 225px;
  margin: auto;
}

.pricing-four .inner .foot {
  padding: 0 30px 40px;
}

@media only screen and (max-width: 479px) {
  .pricing-four .inner .head .right .price {
    font-size: 30px;
  }
}

/*----------------------------------------*/
/*  19. Error CSS
/*----------------------------------------*/
/*Wrror 1 & 2 Wrapper*/
.error-wrap, .error-wrap-2 {
  min-height: 100vh;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 50px 0;
}

.error-wrap .error-image, .error-wrap-2 .error-image {
  margin-bottom: 20px;
}

.error-wrap .error-image img, .error-wrap-2 .error-image img {
  max-width: 100%;
}

.error-wrap .error-content, .error-wrap-2 .error-content {
  text-align: center;
}

.error-wrap .error-content .title, .error-wrap-2 .error-content .title {
  font-weight: 700;
  margin-bottom: 20px;
}

.error-wrap .error-content h4, .error-wrap-2 .error-content h4 {
  max-width: 770px;
  margin: auto;
  margin-bottom: 30px;
}

@media only screen and (min-width: 1200px) and (max-width: 1499px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .error-wrap .error-image, .error-wrap-2 .error-image {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media only screen and (max-width: 767px) {
  .error-wrap .error-content .title, .error-wrap-2 .error-content .title {
    font-size: 30px;
  }
  .error-wrap .error-content h4, .error-wrap-2 .error-content h4 {
    font-size: 16px;
  }
}

@media only screen and (max-width: 479px) {
  .error-wrap .error-content .title, .error-wrap-2 .error-content .title {
    font-size: 24px;
  }
  .error-wrap .error-content h4, .error-wrap-2 .error-content h4 {
    font-size: 14px;
  }
}

/*Wrror 2 Wrapper*/
.error-wrap-2 {
  background-image: url(../images/error/error-2.png);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.error-wrap-2 .error-content {
  text-align: left;
}

.error-wrap-2 .error-content .display-1 {
  display: block;
  font-size: 300px;
  line-height: 0.95;
  font-weight: 800;
  color: #ffffff;
  text-shadow: 20px 0 20px rgba(0, 0, 0, 0.1);
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .error-wrap-2 .error-content .display-1 {
    font-size: 240px;
  }
}

@media only screen and (max-width: 767px) {
  .error-wrap-2 .error-content .display-1 {
    font-size: 200px;
  }
}

@media only screen and (max-width: 479px) {
  .error-wrap-2 .error-content .display-1 {
    font-size: 130px;
  }
}

/*----------------------------------------*/
/*  20. Footer CSS
/*----------------------------------------*/
.footer-section {
  background-color: #fafafa;
  z-index: 999;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  padding: 20px 0;
  margin-top: auto;
}

.customizer-wrapper {
  position: fixed;
  right: -300px;
  top: 0;
  height: 100%;
  padding: 40px 0;
  z-index: 99999;
  background-color: #ffffff;
  -webkit-box-shadow: 0 0px 10px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 0px 10px 0 rgba(0, 0, 0, 0.1);
  width: 300px;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.customizer-wrapper.open {
  right: 0;
}

.customizer-wrapper .inner {
  padding: 0 30px;
  height: 100%;
}

.customizer-wrapper .inner .nav {
  margin: 0 -5px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  padding: 0;
}

.customizer-wrapper .inner .nav li {
  margin: 0 5px;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.customizer-wrapper .inner .nav li a {
  padding: 0 10px 5px;
  border-bottom: 3px solid #f1f1f1;
}

.customizer-wrapper .inner .nav li a.active, .customizer-wrapper .inner .nav li a:hover {
  border-color: #428bfa;
  color: #428bfa;
}

.customizer-toggle {
  position: absolute;
  right: 100%;
  top: 25%;
  border: none;
  background-color: #ffffff;
  -webkit-box-shadow: -10px 0 10px 0 rgba(0, 0, 0, 0.1);
          box-shadow: -10px 0 10px 0 rgba(0, 0, 0, 0.1);
  padding: 10px;
}

.customizer-toggle i {
  line-height: 20px;
  font-size: 20px;
  display: block;
}

.dark-rtl-setting {
  margin-bottom: 30px;
}

.dark-rtl-setting .adomx-switch {
  margin-bottom: 20px;
  cursor: pointer;
}

.dark-rtl-setting .adomx-switch:last-child {
  margin-bottom: 0;
}

.cus-radio {
  display: block;
  position: relative;
  padding-left: 25px;
  padding-right: 0;
  line-height: 19px;
  margin: 0;
  cursor: default;
  background-color: transparent;
  border: none;
  text-transform: capitalize;
  margin-bottom: 15px;
}

.cus-radio:last-child {
  margin-bottom: 0;
}

.cus-radio.active .icon::before {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
  opacity: 1;
}

.cus-radio .icon {
  width: 18px;
  height: 18px;
  display: block;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  background-color: #cccccc;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.cus-radio .icon::before {
  content: "";
  display: block;
  border-radius: 50%;
  position: absolute;
  left: 5px;
  top: 5px;
  width: 8px;
  height: 8px;
  background-color: #ffffff;
  opacity: 0;
  -webkit-transform: scale(3);
      -ms-transform: scale(3);
          transform: scale(3);
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.cus-radio.light .icon {
  background-color: #f1f1f1;
}

.cus-radio.dark .icon {
  background-color: #161824;
}

.cus-radio.primary .icon {
  background-color: #428bfa;
}

.cus-radio.secondary .icon {
  background-color: #fb7da4;
}

.cus-radio.indigo .icon {
  background-color: #4051B5;
}

.cus-radio.purple .icon {
  background-color: #9C27B0;
}

.cus-radio.pink .icon {
  background-color: #E91C63;
}

.cus-radio.red .icon {
  background-color: #F44336;
}

.cus-radio.brown .icon {
  background-color: #795548;
}

.cus-radio.orange .icon {
  background-color: #FF9800;
}

.cus-radio.green .icon {
  background-color: #4CAF50;
}

/*Dark & RTL Version Style*/
/*----------------------------------------*/
/*  21. Dark Skin (Dark Version) CSS
/*----------------------------------------*/
body.skin-dark {
  background-color: #202334;
  color: #8b8d9b;
  /*Search*/
  /*Pricing Three*/
  /*Pricing Four*/
}

body.skin-dark .text-body {
  color: #8b8d9b !important;
}

body.skin-dark .text-heading {
  color: #ffffff !important;
}

body.skin-dark h1, body.skin-dark h2, body.skin-dark h3, body.skin-dark h4, body.skin-dark h5, body.skin-dark h6, body.skin-dark .text-heading {
  color: #ffffff;
}

body.skin-dark hr {
  border-color: #333853;
}

body.skin-dark svg rect[height="1"] {
  fill: rgba(136, 136, 136, 0.2);
}

body.skin-dark svg rect[width="1"] {
  fill: rgba(136, 136, 136, 0.2);
}

body.skin-dark svg text {
  fill: #aaaaaa;
}

body.skin-dark .table {
  color: #8b8d9b;
}

body.skin-dark .table thead tr th {
  border-color: #292d44;
}

body.skin-dark .table tbody tr th, body.skin-dark .table tbody tr td, body.skin-dark .table tfoot tr th, body.skin-dark .table tfoot tr td {
  border-color: #292d44;
}

body.skin-dark .adomx-dropdown-menu {
  background-color: #1c1e2d;
}

body.skin-dark .page-heading h3 span {
  color: #8b8d9b;
}

body.skin-dark .page-date-range .form-control, body.skin-dark .page-date-range #toast-container .toast .toast-message input, #toast-container .toast .toast-message body.skin-dark .page-date-range input, body.skin-dark .page-date-range .dataTables_wrapper .dataTables_length label input, .dataTables_wrapper .dataTables_length label body.skin-dark .page-date-range input, body.skin-dark .page-date-range .dataTables_wrapper .dataTables_filter label input, .dataTables_wrapper .dataTables_filter label body.skin-dark .page-date-range input, body.skin-dark .page-date-range .dataTables_wrapper .dataTables_length label select, .dataTables_wrapper .dataTables_length label body.skin-dark .page-date-range select, body.skin-dark .page-date-range .dataTables_wrapper .dataTables_filter label select, .dataTables_wrapper .dataTables_filter label body.skin-dark .page-date-range select, .footable.table thead tr th .footable-filtering-search .input-group body.skin-dark .page-date-range .form-control, body.skin-dark .page-date-range .jsgrid-grid-header table tr th input, .jsgrid-grid-header table tr th body.skin-dark .page-date-range input, body.skin-dark .page-date-range .jsgrid-grid-header table tr th select, .jsgrid-grid-header table tr th body.skin-dark .page-date-range select, body.skin-dark .page-date-range .jsgrid-grid-header table tr td input, .jsgrid-grid-header table tr td body.skin-dark .page-date-range input, body.skin-dark .page-date-range .jsgrid-grid-header table tr td select, .jsgrid-grid-header table tr td body.skin-dark .page-date-range select, body.skin-dark .page-date-range .footable.table thead tr th .footable-filtering-search .input-group .form-control, body.skin-dark .footable.table thead tr th .footable-filtering-search .input-group .page-date-range .form-control, body.skin-dark .page-date-range .jsgrid-table tr th input:not(.jsgrid-button), body.skin-dark .jsgrid-table tr th .page-date-range input:not(.jsgrid-button), body.skin-dark .page-date-range .jsgrid-table tr td input:not(.jsgrid-button), body.skin-dark .jsgrid-table tr td .page-date-range input:not(.jsgrid-button), body.skin-dark .page-date-range .jsgrid-table tr th select, body.skin-dark .jsgrid-table tr th .page-date-range select, body.skin-dark .page-date-range .jsgrid-table tr td select, body.skin-dark .jsgrid-table tr td .page-date-range select {
  background-color: #161824;
}

body.skin-dark .page-date-range .form-control:focus, body.skin-dark .page-date-range #toast-container .toast .toast-message input:focus, #toast-container .toast .toast-message body.skin-dark .page-date-range input:focus, body.skin-dark .page-date-range .dataTables_wrapper .dataTables_length label input:focus, .dataTables_wrapper .dataTables_length label body.skin-dark .page-date-range input:focus, body.skin-dark .page-date-range .dataTables_wrapper .dataTables_filter label input:focus, .dataTables_wrapper .dataTables_filter label body.skin-dark .page-date-range input:focus, body.skin-dark .page-date-range .dataTables_wrapper .dataTables_length label select:focus, .dataTables_wrapper .dataTables_length label body.skin-dark .page-date-range select:focus, body.skin-dark .page-date-range .dataTables_wrapper .dataTables_filter label select:focus, .dataTables_wrapper .dataTables_filter label body.skin-dark .page-date-range select:focus, .footable.table thead tr th .footable-filtering-search .input-group body.skin-dark .page-date-range .form-control:focus, body.skin-dark .page-date-range .jsgrid-grid-header table tr th input:focus, .jsgrid-grid-header table tr th body.skin-dark .page-date-range input:focus, body.skin-dark .page-date-range .jsgrid-grid-header table tr th select:focus, .jsgrid-grid-header table tr th body.skin-dark .page-date-range select:focus, body.skin-dark .page-date-range .jsgrid-grid-header table tr td input:focus, .jsgrid-grid-header table tr td body.skin-dark .page-date-range input:focus, body.skin-dark .page-date-range .jsgrid-grid-header table tr td select:focus, .jsgrid-grid-header table tr td body.skin-dark .page-date-range select:focus, body.skin-dark .page-date-range .footable.table thead tr th .footable-filtering-search .input-group .form-control:focus, body.skin-dark .footable.table thead tr th .footable-filtering-search .input-group .page-date-range .form-control:focus, body.skin-dark .page-date-range .jsgrid-table tr th input:focus:not(.jsgrid-button), body.skin-dark .jsgrid-table tr th .page-date-range input:focus:not(.jsgrid-button), body.skin-dark .page-date-range .jsgrid-table tr td input:focus:not(.jsgrid-button), body.skin-dark .jsgrid-table tr td .page-date-range input:focus:not(.jsgrid-button), body.skin-dark .page-date-range .jsgrid-table tr th select:focus, body.skin-dark .jsgrid-table tr th .page-date-range select:focus, body.skin-dark .page-date-range .jsgrid-table tr td select:focus, body.skin-dark .jsgrid-table tr td .page-date-range select:focus {
  background-color: #161824;
}

body.skin-dark .box {
  background-color: #161824;
}

body.skin-dark .box .box-head {
  border-bottom-color: #292d44;
}

body.skin-dark:not([class*="header-top-"]) .header-section {
  background-color: #161824;
}

body.skin-dark:not([class*="header-top-"]) .header-logo a img {
  opacity: 0;
  visibility: hidden;
}

body.skin-dark:not([class*="header-top-"]) .header-logo a img.logo-light {
  opacity: 1;
  visibility: visible;
}

@media only screen and (max-width: 575px) {
  body.skin-dark:not([class*="header-top-"]) .header-logo {
    border-color: #292d44;
  }
}

body.skin-dark:not([class*="header-top-"]) .side-header-toggle {
  color: #8b8d9b;
}

body.skin-dark:not([class*="header-top-"]) .side-header-toggle:hover {
  color: #428bfa;
}

body.skin-dark:not([class*="header-top-"]) .header-search-open {
  color: #8b8d9b;
}

body.skin-dark:not([class*="header-top-"]) .header-search-open:hover {
  color: #428bfa;
}

body.skin-dark:not([class*="header-top-"]) .header-search-form form input {
  background-color: #202334;
  color: #8b8d9b;
}

body.skin-dark:not([class*="header-top-"]) .header-search-form form button {
  color: #8b8d9b;
}

body.skin-dark:not([class*="header-top-"]) .header-search-form form button:hover {
  color: #428bfa;
}

body.skin-dark:not([class*="header-top-"]) .header-search-form .header-search-close {
  background-color: #161824;
  color: #8b8d9b;
}

body.skin-dark:not([class*="header-top-"]) .header-search-form .header-search-close:hover {
  color: #428bfa;
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  body.skin-dark:not([class*="header-top-"]) .header-search-form {
    background-color: #202334;
  }
}

body.skin-dark:not([class*="header-top-"]) .dropdown-menu-mail .body ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

body.skin-dark:not([class*="header-top-"]) .dropdown-menu-mail .body ul li {
  margin: 0;
  border-bottom: 1px solid #292d44;
}

body.skin-dark:not([class*="header-top-"]) .dropdown-menu-mail .body ul li:last-child {
  border-bottom: none;
}

body.skin-dark:not([class*="header-top-"]) .dropdown-menu-mail .body ul li a:hover {
  background-color: #292d44;
}

body.skin-dark:not([class*="header-top-"]) .dropdown-menu-mail .body ul li a .content p {
  color: #8b8d9b;
}

body.skin-dark:not([class*="header-top-"]) .dropdown-menu-mail .body ul li a .reply {
  color: #8b8d9b;
}

body.skin-dark:not([class*="header-top-"]) .dropdown-menu-user .body ul {
  border-top-color: #333853;
}

body.skin-dark:not([class*="header-top-"]) .header-notification-area > li > a {
  color: #8b8d9b;
}

body.skin-dark:not([class*="header-top-"]) .header-notification-area > li > a:hover {
  color: #428bfa;
}

body.skin-dark:not([class*="header-top-"]) .header-notification-area > li > a .user .avatar .status {
  border-color: #202334;
  -webkit-box-shadow: 0 0 2px #202334;
          box-shadow: 0 0 2px #202334;
}

body.skin-dark:not([class*="header-top-"]) .header-notification-area > li > a .user .name {
  color: #8b8d9b;
}

body.skin-dark .top-report {
  background-color: #161824;
  /*-- Content --*/
  /*-- Footer --*/
}

body.skin-dark .top-report .content h5 {
  color: #8b8d9b;
}

body.skin-dark .top-report .content h2 {
  color: #8b8d9b;
}

body.skin-dark .top-report .footer .progess {
  background-color: #202334;
}

body.skin-dark .top-report.top-report-2 {
  /*-- Content --*/
}

body.skin-dark .top-report.top-report-2 .content h2 {
  color: #ffffff;
}

body.skin-dark .todo-list li {
  border-color: #292d44;
}

body.skin-dark .todo-list li .list-action button {
  color: #8b8d9b;
}

body.skin-dark .todo-list-add-new label .icon {
  color: #8b8d9b;
}

body.skin-dark .todo-list-add-new input {
  color: #8b8d9b;
}

body.skin-dark .chat-app-wrap {
  background-color: #161824;
}

body.skin-dark .chat-app-wrap .chat-contacts-open {
  background-color: #202334;
}

body.skin-dark .chat-app-wrap .chat-contacts-open:hover {
  background-color: #428bfa;
}

body.skin-dark .chat-app-wrap .chat-contacts {
  border-color: #292d44 !important;
  background-color: #161824;
}

body.skin-dark .chat-app-wrap .chat-contacts .chat-contacts-close {
  background-color: #202334;
}

body.skin-dark .chat-app-wrap .chat-contacts .chat-contacts-close:hover {
  background-color: #428bfa;
}

body.skin-dark .chat-app-wrap .contact-search-form {
  border-color: #292d44;
}

body.skin-dark .chat-app-wrap .contact-search-form form input {
  color: #8b8d9b;
}

body.skin-dark .chat-active-contact {
  border-color: #292d44;
}

body.skin-dark .chat .head span, body.skin-dark .widget-chat .head span {
  color: #8b8d9b;
}

body.skin-dark .chat .body .content, body.skin-dark .widget-chat .body .content {
  background-color: #202334;
}

body.skin-dark .chat .body .content p, body.skin-dark .widget-chat .body .content p {
  color: #8b8d9b;
}

body.skin-dark .chat-submission, body.skin-dark .widget-chat-submission {
  border-color: #292d44 !important;
}

body.skin-dark .chat-submission form input, body.skin-dark .widget-chat-submission form input {
  color: #8b8d9b;
}

body.skin-dark .mail-wrapper {
  background-color: #161824;
}

body.skin-dark .mail-menu {
  border-color: #292d44 !important;
}

body.skin-dark .mail-menu ul li a i {
  color: #8b8d9b;
}

@media only screen and (max-width: 767px) {
  body.skin-dark .mail-menu {
    border-color: #292d44;
  }
}

body.skin-dark .mail-options {
  border-color: #292d44;
}

body.skin-dark .mail-options .mail-options-group::before {
  background-color: #292d44;
}

body.skin-dark .mail-list {
  padding: 30px;
}

body.skin-dark .mail-list .mail::after {
  background-color: #292d44;
}

body.skin-dark .mail-list .mail .left button {
  color: #8b8d9b;
}

body.skin-dark .mail-list .mail .right button {
  color: #8b8d9b;
}

body.skin-dark .mail-list .mail .right button:hover {
  color: #428bfa;
}

body.skin-dark .mail-list .mail .right button.mail-button-delete:hover {
  color: #fd427c;
}

body.skin-dark .single-mail {
  /*Top*/
}

body.skin-dark .single-mail .top {
  border-color: #292d44;
}

body.skin-dark .todo-list-wrapper {
  background-color: #161824;
}

body.skin-dark .todo-list-menu {
  border-color: #292d44 !important;
}

body.skin-dark .todo-list-menu ul li a i {
  color: #8b8d9b;
}

body.skin-dark .todo-list-search {
  border-color: #292d44;
}

body.skin-dark .todo-list-search form input {
  color: #8b8d9b;
}

body.skin-dark .todo-list-search form input::-webkit-input-placeholder {
  color: #8b8d9b;
}

body.skin-dark .todo-list-search form input:-moz-placeholder {
  color: #8b8d9b;
}

body.skin-dark .todo-list-search form input::-moz-placeholder {
  color: #8b8d9b;
}

body.skin-dark .todo-list-search form input:-ms-input-placeholder {
  color: #8b8d9b;
}

body.skin-dark .news-item .title a {
  color: rgba(255, 255, 255, 0.75);
}

body.skin-dark .news-item .title a:hover {
  color: #428bfa;
}

body.skin-dark .news-item .meta li {
  color: #8b8d9b;
}

body.skin-dark .footer-section {
  background-color: #161824;
}

body.skin-dark .alert {
  color: #8b8d9b;
}

body.skin-dark .alert[class*="alert-solid"] {
  color: #ffffff;
}

body.skin-dark .accordion .card {
  background-color: #202334;
}

body.skin-dark .accordion .card .card-header h2 button {
  border-bottom-color: #333853;
}

body.skin-dark .accordion .card .card-header h2 button.collapsed {
  border-bottom-color: transparent;
}

body.skin-dark .accordion.accordion-icon .card .card-header h2 button::before, body.skin-dark .accordion.accordion-icon .card .card-header h2 button::after {
  background-color: #8b8d9b;
}

body.skin-dark .list-group li, body.skin-dark .list-group .list-group-item {
  background-color: #202334;
  border-top-color: #333853;
}

body.skin-dark .list-group li:first-child, body.skin-dark .list-group .list-group-item:first-child {
  border-top-color: transparent;
}

body.skin-dark .list-group li.active, body.skin-dark .list-group .list-group-item.active {
  background-color: #428bfa;
  border-color: #428bfa;
}

body.skin-dark .modal .close span {
  color: #8b8d9b;
}

body.skin-dark .modal .modal-dialog .modal-content {
  background-color: #161824;
}

body.skin-dark .modal .modal-dialog .modal-content .modal-header {
  border-bottom-color: #333853;
}

body.skin-dark .modal .modal-dialog .modal-content .modal-footer {
  border-top-color: #333853;
}

body.skin-dark .pagination .page-item .page-link {
  color: #8b8d9b;
  border-color: #8b8d9b;
}

body.skin-dark .pagination .page-item .page-link:hover {
  border-color: #428bfa;
  color: #ffffff;
}

body.skin-dark .pagination .page-item.active .page-link {
  border-color: #428bfa;
  color: #ffffff;
}

body.skin-dark .progress {
  background-color: #202334;
}

body.skin-dark .nav-tabs .nav-item .nav-link {
  border-color: #333853;
}

body.skin-dark .nav-tabs .nav-item .nav-link.active {
  border-color: #428bfa;
}

body.skin-dark .fullcalendar .fc-toolbar .fc-button {
  border-color: #8b8d9b;
}

body.skin-dark .fullcalendar .fc-toolbar .fc-button:hover {
  border-color: #428bfa;
}

body.skin-dark .fullcalendar .fc-toolbar .fc-button.fc-state-active {
  border-color: #428bfa;
}

body.skin-dark .fullcalendar .fc-view-container .fc-event-container .fc-event {
  background-color: #202334;
}

body.skin-dark .fullcalendar .fc-view-container .fc-event-container .fc-event.fc-event-primary {
  background-color: #428bfa;
}

body.skin-dark .fullcalendar .fc-view-container .fc-event-container .fc-event.fc-event-secondary {
  background-color: #fb7da4;
}

body.skin-dark .fullcalendar .fc-view-container .fc-event-container .fc-event.fc-event-success {
  background-color: #29db2d;
}

body.skin-dark .fullcalendar .fc-view-container .fc-event-container .fc-event.fc-event-danger {
  background-color: #fd427c;
}

body.skin-dark .fullcalendar .fc-view-container .fc-event-container .fc-event.fc-event-warning {
  background-color: #ff9666;
}

body.skin-dark .fullcalendar .fc-view-container .fc-event-container .fc-event.fc-event-info {
  background-color: #17a2b8;
}

body.skin-dark .fullcalendar .fc-view-container thead, body.skin-dark .fullcalendar .fc-view-container tbody {
  border-color: transparent;
}

body.skin-dark .fullcalendar .fc-view-container thead tr th, body.skin-dark .fullcalendar .fc-view-container thead tr td, body.skin-dark .fullcalendar .fc-view-container tbody tr th, body.skin-dark .fullcalendar .fc-view-container tbody tr td {
  border-color: #292d44 !important;
}

body.skin-dark #toastrOptions {
  border-color: #292d44;
  color: #8b8d9b;
}

body.skin-dark .icon-list-wrap {
  border-color: #292d44;
  border-color: #292d44;
}

body.skin-dark .icon-list-wrap [class*="col-"] {
  border-color: #292d44;
  border-color: #292d44;
}

body.skin-dark .form-control, body.skin-dark #toast-container .toast .toast-message input, #toast-container .toast .toast-message body.skin-dark input, body.skin-dark .dataTables_wrapper .dataTables_length label input, .dataTables_wrapper .dataTables_length label body.skin-dark input, body.skin-dark .dataTables_wrapper .dataTables_filter label input, .dataTables_wrapper .dataTables_filter label body.skin-dark input, body.skin-dark .dataTables_wrapper .dataTables_length label select, .dataTables_wrapper .dataTables_length label body.skin-dark select, body.skin-dark .dataTables_wrapper .dataTables_filter label select, .dataTables_wrapper .dataTables_filter label body.skin-dark select, .footable.table thead tr th .footable-filtering-search .input-group body.skin-dark .form-control, body.skin-dark .jsgrid-grid-header table tr th input, .jsgrid-grid-header table tr th body.skin-dark input, body.skin-dark .jsgrid-grid-header table tr th select, .jsgrid-grid-header table tr th body.skin-dark select, body.skin-dark .jsgrid-grid-header table tr td input, .jsgrid-grid-header table tr td body.skin-dark input, body.skin-dark .jsgrid-grid-header table tr td select, .jsgrid-grid-header table tr td body.skin-dark select, body.skin-dark .footable.table thead tr th .footable-filtering-search .input-group .form-control, body.skin-dark .jsgrid-table tr th input:not(.jsgrid-button), body.skin-dark .jsgrid-table tr td input:not(.jsgrid-button), body.skin-dark .jsgrid-table tr th select, body.skin-dark .jsgrid-table tr td select {
  max-width: 100%;
  background-color: #202334;
  border-color: transparent;
  color: #8b8d9b;
}

body.skin-dark .form-control:focus, body.skin-dark #toast-container .toast .toast-message input:focus, #toast-container .toast .toast-message body.skin-dark input:focus, body.skin-dark .dataTables_wrapper .dataTables_length label input:focus, .dataTables_wrapper .dataTables_length label body.skin-dark input:focus, body.skin-dark .dataTables_wrapper .dataTables_filter label input:focus, .dataTables_wrapper .dataTables_filter label body.skin-dark input:focus, body.skin-dark .dataTables_wrapper .dataTables_length label select:focus, .dataTables_wrapper .dataTables_length label body.skin-dark select:focus, body.skin-dark .dataTables_wrapper .dataTables_filter label select:focus, .dataTables_wrapper .dataTables_filter label body.skin-dark select:focus, .footable.table thead tr th .footable-filtering-search .input-group body.skin-dark .form-control:focus, body.skin-dark .jsgrid-grid-header table tr th input:focus, .jsgrid-grid-header table tr th body.skin-dark input:focus, body.skin-dark .jsgrid-grid-header table tr th select:focus, .jsgrid-grid-header table tr th body.skin-dark select:focus, body.skin-dark .jsgrid-grid-header table tr td input:focus, .jsgrid-grid-header table tr td body.skin-dark input:focus, body.skin-dark .jsgrid-grid-header table tr td select:focus, .jsgrid-grid-header table tr td body.skin-dark select:focus, body.skin-dark .footable.table thead tr th .footable-filtering-search .input-group .form-control:focus, body.skin-dark .jsgrid-table tr th input:focus:not(.jsgrid-button), body.skin-dark .jsgrid-table tr td input:focus:not(.jsgrid-button), body.skin-dark .jsgrid-table tr th select:focus, body.skin-dark .jsgrid-table tr td select:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  border-color: #428bfa;
  background-color: #202334;
}

body.skin-dark .form-control[readonly], body.skin-dark #toast-container .toast .toast-message input[readonly], #toast-container .toast .toast-message body.skin-dark input[readonly], body.skin-dark .dataTables_wrapper .dataTables_length label input[readonly], .dataTables_wrapper .dataTables_length label body.skin-dark input[readonly], body.skin-dark .dataTables_wrapper .dataTables_filter label input[readonly], .dataTables_wrapper .dataTables_filter label body.skin-dark input[readonly], body.skin-dark .dataTables_wrapper .dataTables_length label select[readonly], .dataTables_wrapper .dataTables_length label body.skin-dark select[readonly], body.skin-dark .dataTables_wrapper .dataTables_filter label select[readonly], .dataTables_wrapper .dataTables_filter label body.skin-dark select[readonly], .footable.table thead tr th .footable-filtering-search .input-group body.skin-dark .form-control[readonly], body.skin-dark .jsgrid-grid-header table tr th input[readonly], .jsgrid-grid-header table tr th body.skin-dark input[readonly], body.skin-dark .jsgrid-grid-header table tr th select[readonly], .jsgrid-grid-header table tr th body.skin-dark select[readonly], body.skin-dark .jsgrid-grid-header table tr td input[readonly], .jsgrid-grid-header table tr td body.skin-dark input[readonly], body.skin-dark .jsgrid-grid-header table tr td select[readonly], .jsgrid-grid-header table tr td body.skin-dark select[readonly], body.skin-dark .footable.table thead tr th .footable-filtering-search .input-group .form-control[readonly], body.skin-dark .jsgrid-table tr th input[readonly]:not(.jsgrid-button), body.skin-dark .jsgrid-table tr td input[readonly]:not(.jsgrid-button), body.skin-dark .jsgrid-table tr th select[readonly], body.skin-dark .jsgrid-table tr td select[readonly], body.skin-dark .form-control[disabled], body.skin-dark #toast-container .toast .toast-message input[disabled], #toast-container .toast .toast-message body.skin-dark input[disabled], body.skin-dark .dataTables_wrapper .dataTables_length label input[disabled], .dataTables_wrapper .dataTables_length label body.skin-dark input[disabled], body.skin-dark .dataTables_wrapper .dataTables_filter label input[disabled], .dataTables_wrapper .dataTables_filter label body.skin-dark input[disabled], body.skin-dark .dataTables_wrapper .dataTables_length label select[disabled], .dataTables_wrapper .dataTables_length label body.skin-dark select[disabled], body.skin-dark .dataTables_wrapper .dataTables_filter label select[disabled], .dataTables_wrapper .dataTables_filter label body.skin-dark select[disabled], .footable.table thead tr th .footable-filtering-search .input-group body.skin-dark .form-control[disabled], body.skin-dark .jsgrid-grid-header table tr th input[disabled], .jsgrid-grid-header table tr th body.skin-dark input[disabled], body.skin-dark .jsgrid-grid-header table tr th select[disabled], .jsgrid-grid-header table tr th body.skin-dark select[disabled], body.skin-dark .jsgrid-grid-header table tr td input[disabled], .jsgrid-grid-header table tr td body.skin-dark input[disabled], body.skin-dark .jsgrid-grid-header table tr td select[disabled], .jsgrid-grid-header table tr td body.skin-dark select[disabled], body.skin-dark .footable.table thead tr th .footable-filtering-search .input-group .form-control[disabled], body.skin-dark .jsgrid-table tr th input[disabled]:not(.jsgrid-button), body.skin-dark .jsgrid-table tr td input[disabled]:not(.jsgrid-button), body.skin-dark .jsgrid-table tr th select[disabled], body.skin-dark .jsgrid-table tr td select[disabled] {
  border-color: transparent;
  background-color: #333853;
}

body.skin-dark .form-control.dark, body.skin-dark #toast-container .toast .toast-message input.dark, #toast-container .toast .toast-message body.skin-dark input.dark, body.skin-dark .dataTables_wrapper .dataTables_length label input.dark, .dataTables_wrapper .dataTables_length label body.skin-dark input.dark, body.skin-dark .dataTables_wrapper .dataTables_filter label input.dark, .dataTables_wrapper .dataTables_filter label body.skin-dark input.dark, body.skin-dark .dataTables_wrapper .dataTables_length label select.dark, .dataTables_wrapper .dataTables_length label body.skin-dark select.dark, body.skin-dark .dataTables_wrapper .dataTables_filter label select.dark, .dataTables_wrapper .dataTables_filter label body.skin-dark select.dark, .footable.table thead tr th .footable-filtering-search .input-group body.skin-dark .dark.form-control, body.skin-dark .jsgrid-grid-header table tr th input.dark, .jsgrid-grid-header table tr th body.skin-dark input.dark, body.skin-dark .jsgrid-grid-header table tr th select.dark, .jsgrid-grid-header table tr th body.skin-dark select.dark, body.skin-dark .jsgrid-grid-header table tr td input.dark, .jsgrid-grid-header table tr td body.skin-dark input.dark, body.skin-dark .jsgrid-grid-header table tr td select.dark, .jsgrid-grid-header table tr td body.skin-dark select.dark, body.skin-dark .footable.table thead tr th .footable-filtering-search .input-group .dark.form-control, body.skin-dark .jsgrid-table tr th input.dark:not(.jsgrid-button), body.skin-dark .jsgrid-table tr td input.dark:not(.jsgrid-button), body.skin-dark .jsgrid-table tr th select.dark, body.skin-dark .jsgrid-table tr td select.dark, body.skin-dark .form-control.focus-dark:focus, body.skin-dark #toast-container .toast .toast-message input.focus-dark:focus, #toast-container .toast .toast-message body.skin-dark input.focus-dark:focus, body.skin-dark .dataTables_wrapper .dataTables_length label input.focus-dark:focus, .dataTables_wrapper .dataTables_length label body.skin-dark input.focus-dark:focus, body.skin-dark .dataTables_wrapper .dataTables_filter label input.focus-dark:focus, .dataTables_wrapper .dataTables_filter label body.skin-dark input.focus-dark:focus, body.skin-dark .dataTables_wrapper .dataTables_length label select.focus-dark:focus, .dataTables_wrapper .dataTables_length label body.skin-dark select.focus-dark:focus, body.skin-dark .dataTables_wrapper .dataTables_filter label select.focus-dark:focus, .dataTables_wrapper .dataTables_filter label body.skin-dark select.focus-dark:focus, .footable.table thead tr th .footable-filtering-search .input-group body.skin-dark .focus-dark.form-control:focus, body.skin-dark .jsgrid-grid-header table tr th input.focus-dark:focus, .jsgrid-grid-header table tr th body.skin-dark input.focus-dark:focus, body.skin-dark .jsgrid-grid-header table tr th select.focus-dark:focus, .jsgrid-grid-header table tr th body.skin-dark select.focus-dark:focus, body.skin-dark .jsgrid-grid-header table tr td input.focus-dark:focus, .jsgrid-grid-header table tr td body.skin-dark input.focus-dark:focus, body.skin-dark .jsgrid-grid-header table tr td select.focus-dark:focus, .jsgrid-grid-header table tr td body.skin-dark select.focus-dark:focus, body.skin-dark .footable.table thead tr th .footable-filtering-search .input-group .focus-dark.form-control:focus, body.skin-dark .jsgrid-table tr th input.focus-dark:focus:not(.jsgrid-button), body.skin-dark .jsgrid-table tr td input.focus-dark:focus:not(.jsgrid-button), body.skin-dark .jsgrid-table tr th select.focus-dark:focus, body.skin-dark .jsgrid-table tr td select.focus-dark:focus {
  border-color: #202334;
}

body.skin-dark .form-control.primary, body.skin-dark #toast-container .toast .toast-message input.primary, #toast-container .toast .toast-message body.skin-dark input.primary, body.skin-dark .dataTables_wrapper .dataTables_length label input.primary, .dataTables_wrapper .dataTables_length label body.skin-dark input.primary, body.skin-dark .dataTables_wrapper .dataTables_filter label input.primary, .dataTables_wrapper .dataTables_filter label body.skin-dark input.primary, body.skin-dark .dataTables_wrapper .dataTables_length label select.primary, .dataTables_wrapper .dataTables_length label body.skin-dark select.primary, body.skin-dark .dataTables_wrapper .dataTables_filter label select.primary, .dataTables_wrapper .dataTables_filter label body.skin-dark select.primary, .footable.table thead tr th .footable-filtering-search .input-group body.skin-dark .primary.form-control, body.skin-dark .jsgrid-grid-header table tr th input.primary, .jsgrid-grid-header table tr th body.skin-dark input.primary, body.skin-dark .jsgrid-grid-header table tr th select.primary, .jsgrid-grid-header table tr th body.skin-dark select.primary, body.skin-dark .jsgrid-grid-header table tr td input.primary, .jsgrid-grid-header table tr td body.skin-dark input.primary, body.skin-dark .jsgrid-grid-header table tr td select.primary, .jsgrid-grid-header table tr td body.skin-dark select.primary, body.skin-dark .footable.table thead tr th .footable-filtering-search .input-group .primary.form-control, body.skin-dark .jsgrid-table tr th input.primary:not(.jsgrid-button), body.skin-dark .jsgrid-table tr td input.primary:not(.jsgrid-button), body.skin-dark .jsgrid-table tr th select.primary, body.skin-dark .jsgrid-table tr td select.primary, body.skin-dark .form-control.focus-primary:focus, body.skin-dark #toast-container .toast .toast-message input.focus-primary:focus, #toast-container .toast .toast-message body.skin-dark input.focus-primary:focus, body.skin-dark .dataTables_wrapper .dataTables_length label input.focus-primary:focus, .dataTables_wrapper .dataTables_length label body.skin-dark input.focus-primary:focus, body.skin-dark .dataTables_wrapper .dataTables_filter label input.focus-primary:focus, .dataTables_wrapper .dataTables_filter label body.skin-dark input.focus-primary:focus, body.skin-dark .dataTables_wrapper .dataTables_length label select.focus-primary:focus, .dataTables_wrapper .dataTables_length label body.skin-dark select.focus-primary:focus, body.skin-dark .dataTables_wrapper .dataTables_filter label select.focus-primary:focus, .dataTables_wrapper .dataTables_filter label body.skin-dark select.focus-primary:focus, .footable.table thead tr th .footable-filtering-search .input-group body.skin-dark .focus-primary.form-control:focus, body.skin-dark .jsgrid-grid-header table tr th input.focus-primary:focus, .jsgrid-grid-header table tr th body.skin-dark input.focus-primary:focus, body.skin-dark .jsgrid-grid-header table tr th select.focus-primary:focus, .jsgrid-grid-header table tr th body.skin-dark select.focus-primary:focus, body.skin-dark .jsgrid-grid-header table tr td input.focus-primary:focus, .jsgrid-grid-header table tr td body.skin-dark input.focus-primary:focus, body.skin-dark .jsgrid-grid-header table tr td select.focus-primary:focus, .jsgrid-grid-header table tr td body.skin-dark select.focus-primary:focus, body.skin-dark .footable.table thead tr th .footable-filtering-search .input-group .focus-primary.form-control:focus, body.skin-dark .jsgrid-table tr th input.focus-primary:focus:not(.jsgrid-button), body.skin-dark .jsgrid-table tr td input.focus-primary:focus:not(.jsgrid-button), body.skin-dark .jsgrid-table tr th select.focus-primary:focus, body.skin-dark .jsgrid-table tr td select.focus-primary:focus {
  border-color: #428bfa;
}

body.skin-dark .form-control.secondary, body.skin-dark #toast-container .toast .toast-message input.secondary, #toast-container .toast .toast-message body.skin-dark input.secondary, body.skin-dark .dataTables_wrapper .dataTables_length label input.secondary, .dataTables_wrapper .dataTables_length label body.skin-dark input.secondary, body.skin-dark .dataTables_wrapper .dataTables_filter label input.secondary, .dataTables_wrapper .dataTables_filter label body.skin-dark input.secondary, body.skin-dark .dataTables_wrapper .dataTables_length label select.secondary, .dataTables_wrapper .dataTables_length label body.skin-dark select.secondary, body.skin-dark .dataTables_wrapper .dataTables_filter label select.secondary, .dataTables_wrapper .dataTables_filter label body.skin-dark select.secondary, .footable.table thead tr th .footable-filtering-search .input-group body.skin-dark .secondary.form-control, body.skin-dark .jsgrid-grid-header table tr th input.secondary, .jsgrid-grid-header table tr th body.skin-dark input.secondary, body.skin-dark .jsgrid-grid-header table tr th select.secondary, .jsgrid-grid-header table tr th body.skin-dark select.secondary, body.skin-dark .jsgrid-grid-header table tr td input.secondary, .jsgrid-grid-header table tr td body.skin-dark input.secondary, body.skin-dark .jsgrid-grid-header table tr td select.secondary, .jsgrid-grid-header table tr td body.skin-dark select.secondary, body.skin-dark .footable.table thead tr th .footable-filtering-search .input-group .secondary.form-control, body.skin-dark .jsgrid-table tr th input.secondary:not(.jsgrid-button), body.skin-dark .jsgrid-table tr td input.secondary:not(.jsgrid-button), body.skin-dark .jsgrid-table tr th select.secondary, body.skin-dark .jsgrid-table tr td select.secondary, body.skin-dark .form-control.focus-secondary:focus, body.skin-dark #toast-container .toast .toast-message input.focus-secondary:focus, #toast-container .toast .toast-message body.skin-dark input.focus-secondary:focus, body.skin-dark .dataTables_wrapper .dataTables_length label input.focus-secondary:focus, .dataTables_wrapper .dataTables_length label body.skin-dark input.focus-secondary:focus, body.skin-dark .dataTables_wrapper .dataTables_filter label input.focus-secondary:focus, .dataTables_wrapper .dataTables_filter label body.skin-dark input.focus-secondary:focus, body.skin-dark .dataTables_wrapper .dataTables_length label select.focus-secondary:focus, .dataTables_wrapper .dataTables_length label body.skin-dark select.focus-secondary:focus, body.skin-dark .dataTables_wrapper .dataTables_filter label select.focus-secondary:focus, .dataTables_wrapper .dataTables_filter label body.skin-dark select.focus-secondary:focus, .footable.table thead tr th .footable-filtering-search .input-group body.skin-dark .focus-secondary.form-control:focus, body.skin-dark .jsgrid-grid-header table tr th input.focus-secondary:focus, .jsgrid-grid-header table tr th body.skin-dark input.focus-secondary:focus, body.skin-dark .jsgrid-grid-header table tr th select.focus-secondary:focus, .jsgrid-grid-header table tr th body.skin-dark select.focus-secondary:focus, body.skin-dark .jsgrid-grid-header table tr td input.focus-secondary:focus, .jsgrid-grid-header table tr td body.skin-dark input.focus-secondary:focus, body.skin-dark .jsgrid-grid-header table tr td select.focus-secondary:focus, .jsgrid-grid-header table tr td body.skin-dark select.focus-secondary:focus, body.skin-dark .footable.table thead tr th .footable-filtering-search .input-group .focus-secondary.form-control:focus, body.skin-dark .jsgrid-table tr th input.focus-secondary:focus:not(.jsgrid-button), body.skin-dark .jsgrid-table tr td input.focus-secondary:focus:not(.jsgrid-button), body.skin-dark .jsgrid-table tr th select.focus-secondary:focus, body.skin-dark .jsgrid-table tr td select.focus-secondary:focus {
  border-color: #fb7da4;
}

body.skin-dark .form-control.success, body.skin-dark #toast-container .toast .toast-message input.success, #toast-container .toast .toast-message body.skin-dark input.success, body.skin-dark .dataTables_wrapper .dataTables_length label input.success, .dataTables_wrapper .dataTables_length label body.skin-dark input.success, body.skin-dark .dataTables_wrapper .dataTables_filter label input.success, .dataTables_wrapper .dataTables_filter label body.skin-dark input.success, body.skin-dark .dataTables_wrapper .dataTables_length label select.success, .dataTables_wrapper .dataTables_length label body.skin-dark select.success, body.skin-dark .dataTables_wrapper .dataTables_filter label select.success, .dataTables_wrapper .dataTables_filter label body.skin-dark select.success, .footable.table thead tr th .footable-filtering-search .input-group body.skin-dark .success.form-control, body.skin-dark .jsgrid-grid-header table tr th input.success, .jsgrid-grid-header table tr th body.skin-dark input.success, body.skin-dark .jsgrid-grid-header table tr th select.success, .jsgrid-grid-header table tr th body.skin-dark select.success, body.skin-dark .jsgrid-grid-header table tr td input.success, .jsgrid-grid-header table tr td body.skin-dark input.success, body.skin-dark .jsgrid-grid-header table tr td select.success, .jsgrid-grid-header table tr td body.skin-dark select.success, body.skin-dark .footable.table thead tr th .footable-filtering-search .input-group .success.form-control, body.skin-dark .jsgrid-table tr th input.success:not(.jsgrid-button), body.skin-dark .jsgrid-table tr td input.success:not(.jsgrid-button), body.skin-dark .jsgrid-table tr th select.success, body.skin-dark .jsgrid-table tr td select.success, body.skin-dark .form-control.focus-success:focus, body.skin-dark #toast-container .toast .toast-message input.focus-success:focus, #toast-container .toast .toast-message body.skin-dark input.focus-success:focus, body.skin-dark .dataTables_wrapper .dataTables_length label input.focus-success:focus, .dataTables_wrapper .dataTables_length label body.skin-dark input.focus-success:focus, body.skin-dark .dataTables_wrapper .dataTables_filter label input.focus-success:focus, .dataTables_wrapper .dataTables_filter label body.skin-dark input.focus-success:focus, body.skin-dark .dataTables_wrapper .dataTables_length label select.focus-success:focus, .dataTables_wrapper .dataTables_length label body.skin-dark select.focus-success:focus, body.skin-dark .dataTables_wrapper .dataTables_filter label select.focus-success:focus, .dataTables_wrapper .dataTables_filter label body.skin-dark select.focus-success:focus, .footable.table thead tr th .footable-filtering-search .input-group body.skin-dark .focus-success.form-control:focus, body.skin-dark .jsgrid-grid-header table tr th input.focus-success:focus, .jsgrid-grid-header table tr th body.skin-dark input.focus-success:focus, body.skin-dark .jsgrid-grid-header table tr th select.focus-success:focus, .jsgrid-grid-header table tr th body.skin-dark select.focus-success:focus, body.skin-dark .jsgrid-grid-header table tr td input.focus-success:focus, .jsgrid-grid-header table tr td body.skin-dark input.focus-success:focus, body.skin-dark .jsgrid-grid-header table tr td select.focus-success:focus, .jsgrid-grid-header table tr td body.skin-dark select.focus-success:focus, body.skin-dark .footable.table thead tr th .footable-filtering-search .input-group .focus-success.form-control:focus, body.skin-dark .jsgrid-table tr th input.focus-success:focus:not(.jsgrid-button), body.skin-dark .jsgrid-table tr td input.focus-success:focus:not(.jsgrid-button), body.skin-dark .jsgrid-table tr th select.focus-success:focus, body.skin-dark .jsgrid-table tr td select.focus-success:focus {
  border-color: #29db2d;
}

body.skin-dark .form-control.danger, body.skin-dark #toast-container .toast .toast-message input.danger, #toast-container .toast .toast-message body.skin-dark input.danger, body.skin-dark .dataTables_wrapper .dataTables_length label input.danger, .dataTables_wrapper .dataTables_length label body.skin-dark input.danger, body.skin-dark .dataTables_wrapper .dataTables_filter label input.danger, .dataTables_wrapper .dataTables_filter label body.skin-dark input.danger, body.skin-dark .dataTables_wrapper .dataTables_length label select.danger, .dataTables_wrapper .dataTables_length label body.skin-dark select.danger, body.skin-dark .dataTables_wrapper .dataTables_filter label select.danger, .dataTables_wrapper .dataTables_filter label body.skin-dark select.danger, .footable.table thead tr th .footable-filtering-search .input-group body.skin-dark .danger.form-control, body.skin-dark .jsgrid-grid-header table tr th input.danger, .jsgrid-grid-header table tr th body.skin-dark input.danger, body.skin-dark .jsgrid-grid-header table tr th select.danger, .jsgrid-grid-header table tr th body.skin-dark select.danger, body.skin-dark .jsgrid-grid-header table tr td input.danger, .jsgrid-grid-header table tr td body.skin-dark input.danger, body.skin-dark .jsgrid-grid-header table tr td select.danger, .jsgrid-grid-header table tr td body.skin-dark select.danger, body.skin-dark .footable.table thead tr th .footable-filtering-search .input-group .danger.form-control, body.skin-dark .jsgrid-table tr th input.danger:not(.jsgrid-button), body.skin-dark .jsgrid-table tr td input.danger:not(.jsgrid-button), body.skin-dark .jsgrid-table tr th select.danger, body.skin-dark .jsgrid-table tr td select.danger, body.skin-dark .form-control.focus-danger:focus, body.skin-dark #toast-container .toast .toast-message input.focus-danger:focus, #toast-container .toast .toast-message body.skin-dark input.focus-danger:focus, body.skin-dark .dataTables_wrapper .dataTables_length label input.focus-danger:focus, .dataTables_wrapper .dataTables_length label body.skin-dark input.focus-danger:focus, body.skin-dark .dataTables_wrapper .dataTables_filter label input.focus-danger:focus, .dataTables_wrapper .dataTables_filter label body.skin-dark input.focus-danger:focus, body.skin-dark .dataTables_wrapper .dataTables_length label select.focus-danger:focus, .dataTables_wrapper .dataTables_length label body.skin-dark select.focus-danger:focus, body.skin-dark .dataTables_wrapper .dataTables_filter label select.focus-danger:focus, .dataTables_wrapper .dataTables_filter label body.skin-dark select.focus-danger:focus, .footable.table thead tr th .footable-filtering-search .input-group body.skin-dark .focus-danger.form-control:focus, body.skin-dark .jsgrid-grid-header table tr th input.focus-danger:focus, .jsgrid-grid-header table tr th body.skin-dark input.focus-danger:focus, body.skin-dark .jsgrid-grid-header table tr th select.focus-danger:focus, .jsgrid-grid-header table tr th body.skin-dark select.focus-danger:focus, body.skin-dark .jsgrid-grid-header table tr td input.focus-danger:focus, .jsgrid-grid-header table tr td body.skin-dark input.focus-danger:focus, body.skin-dark .jsgrid-grid-header table tr td select.focus-danger:focus, .jsgrid-grid-header table tr td body.skin-dark select.focus-danger:focus, body.skin-dark .footable.table thead tr th .footable-filtering-search .input-group .focus-danger.form-control:focus, body.skin-dark .jsgrid-table tr th input.focus-danger:focus:not(.jsgrid-button), body.skin-dark .jsgrid-table tr td input.focus-danger:focus:not(.jsgrid-button), body.skin-dark .jsgrid-table tr th select.focus-danger:focus, body.skin-dark .jsgrid-table tr td select.focus-danger:focus {
  border-color: #fd427c;
}

body.skin-dark .form-control.warning, body.skin-dark #toast-container .toast .toast-message input.warning, #toast-container .toast .toast-message body.skin-dark input.warning, body.skin-dark .dataTables_wrapper .dataTables_length label input.warning, .dataTables_wrapper .dataTables_length label body.skin-dark input.warning, body.skin-dark .dataTables_wrapper .dataTables_filter label input.warning, .dataTables_wrapper .dataTables_filter label body.skin-dark input.warning, body.skin-dark .dataTables_wrapper .dataTables_length label select.warning, .dataTables_wrapper .dataTables_length label body.skin-dark select.warning, body.skin-dark .dataTables_wrapper .dataTables_filter label select.warning, .dataTables_wrapper .dataTables_filter label body.skin-dark select.warning, .footable.table thead tr th .footable-filtering-search .input-group body.skin-dark .warning.form-control, body.skin-dark .jsgrid-grid-header table tr th input.warning, .jsgrid-grid-header table tr th body.skin-dark input.warning, body.skin-dark .jsgrid-grid-header table tr th select.warning, .jsgrid-grid-header table tr th body.skin-dark select.warning, body.skin-dark .jsgrid-grid-header table tr td input.warning, .jsgrid-grid-header table tr td body.skin-dark input.warning, body.skin-dark .jsgrid-grid-header table tr td select.warning, .jsgrid-grid-header table tr td body.skin-dark select.warning, body.skin-dark .footable.table thead tr th .footable-filtering-search .input-group .warning.form-control, body.skin-dark .jsgrid-table tr th input.warning:not(.jsgrid-button), body.skin-dark .jsgrid-table tr td input.warning:not(.jsgrid-button), body.skin-dark .jsgrid-table tr th select.warning, body.skin-dark .jsgrid-table tr td select.warning, body.skin-dark .form-control.focus-warning:focus, body.skin-dark #toast-container .toast .toast-message input.focus-warning:focus, #toast-container .toast .toast-message body.skin-dark input.focus-warning:focus, body.skin-dark .dataTables_wrapper .dataTables_length label input.focus-warning:focus, .dataTables_wrapper .dataTables_length label body.skin-dark input.focus-warning:focus, body.skin-dark .dataTables_wrapper .dataTables_filter label input.focus-warning:focus, .dataTables_wrapper .dataTables_filter label body.skin-dark input.focus-warning:focus, body.skin-dark .dataTables_wrapper .dataTables_length label select.focus-warning:focus, .dataTables_wrapper .dataTables_length label body.skin-dark select.focus-warning:focus, body.skin-dark .dataTables_wrapper .dataTables_filter label select.focus-warning:focus, .dataTables_wrapper .dataTables_filter label body.skin-dark select.focus-warning:focus, .footable.table thead tr th .footable-filtering-search .input-group body.skin-dark .focus-warning.form-control:focus, body.skin-dark .jsgrid-grid-header table tr th input.focus-warning:focus, .jsgrid-grid-header table tr th body.skin-dark input.focus-warning:focus, body.skin-dark .jsgrid-grid-header table tr th select.focus-warning:focus, .jsgrid-grid-header table tr th body.skin-dark select.focus-warning:focus, body.skin-dark .jsgrid-grid-header table tr td input.focus-warning:focus, .jsgrid-grid-header table tr td body.skin-dark input.focus-warning:focus, body.skin-dark .jsgrid-grid-header table tr td select.focus-warning:focus, .jsgrid-grid-header table tr td body.skin-dark select.focus-warning:focus, body.skin-dark .footable.table thead tr th .footable-filtering-search .input-group .focus-warning.form-control:focus, body.skin-dark .jsgrid-table tr th input.focus-warning:focus:not(.jsgrid-button), body.skin-dark .jsgrid-table tr td input.focus-warning:focus:not(.jsgrid-button), body.skin-dark .jsgrid-table tr th select.focus-warning:focus, body.skin-dark .jsgrid-table tr td select.focus-warning:focus {
  border-color: #ff9666;
}

body.skin-dark .form-control.info, body.skin-dark #toast-container .toast .toast-message input.info, #toast-container .toast .toast-message body.skin-dark input.info, body.skin-dark .dataTables_wrapper .dataTables_length label input.info, .dataTables_wrapper .dataTables_length label body.skin-dark input.info, body.skin-dark .dataTables_wrapper .dataTables_filter label input.info, .dataTables_wrapper .dataTables_filter label body.skin-dark input.info, body.skin-dark .dataTables_wrapper .dataTables_length label select.info, .dataTables_wrapper .dataTables_length label body.skin-dark select.info, body.skin-dark .dataTables_wrapper .dataTables_filter label select.info, .dataTables_wrapper .dataTables_filter label body.skin-dark select.info, .footable.table thead tr th .footable-filtering-search .input-group body.skin-dark .info.form-control, body.skin-dark .jsgrid-grid-header table tr th input.info, .jsgrid-grid-header table tr th body.skin-dark input.info, body.skin-dark .jsgrid-grid-header table tr th select.info, .jsgrid-grid-header table tr th body.skin-dark select.info, body.skin-dark .jsgrid-grid-header table tr td input.info, .jsgrid-grid-header table tr td body.skin-dark input.info, body.skin-dark .jsgrid-grid-header table tr td select.info, .jsgrid-grid-header table tr td body.skin-dark select.info, body.skin-dark .footable.table thead tr th .footable-filtering-search .input-group .info.form-control, body.skin-dark .jsgrid-table tr th input.info:not(.jsgrid-button), body.skin-dark .jsgrid-table tr td input.info:not(.jsgrid-button), body.skin-dark .jsgrid-table tr th select.info, body.skin-dark .jsgrid-table tr td select.info, body.skin-dark .form-control.focus-info:focus, body.skin-dark #toast-container .toast .toast-message input.focus-info:focus, #toast-container .toast .toast-message body.skin-dark input.focus-info:focus, body.skin-dark .dataTables_wrapper .dataTables_length label input.focus-info:focus, .dataTables_wrapper .dataTables_length label body.skin-dark input.focus-info:focus, body.skin-dark .dataTables_wrapper .dataTables_filter label input.focus-info:focus, .dataTables_wrapper .dataTables_filter label body.skin-dark input.focus-info:focus, body.skin-dark .dataTables_wrapper .dataTables_length label select.focus-info:focus, .dataTables_wrapper .dataTables_length label body.skin-dark select.focus-info:focus, body.skin-dark .dataTables_wrapper .dataTables_filter label select.focus-info:focus, .dataTables_wrapper .dataTables_filter label body.skin-dark select.focus-info:focus, .footable.table thead tr th .footable-filtering-search .input-group body.skin-dark .focus-info.form-control:focus, body.skin-dark .jsgrid-grid-header table tr th input.focus-info:focus, .jsgrid-grid-header table tr th body.skin-dark input.focus-info:focus, body.skin-dark .jsgrid-grid-header table tr th select.focus-info:focus, .jsgrid-grid-header table tr th body.skin-dark select.focus-info:focus, body.skin-dark .jsgrid-grid-header table tr td input.focus-info:focus, .jsgrid-grid-header table tr td body.skin-dark input.focus-info:focus, body.skin-dark .jsgrid-grid-header table tr td select.focus-info:focus, .jsgrid-grid-header table tr td body.skin-dark select.focus-info:focus, body.skin-dark .footable.table thead tr th .footable-filtering-search .input-group .focus-info.form-control:focus, body.skin-dark .jsgrid-table tr th input.focus-info:focus:not(.jsgrid-button), body.skin-dark .jsgrid-table tr td input.focus-info:focus:not(.jsgrid-button), body.skin-dark .jsgrid-table tr th select.focus-info:focus, body.skin-dark .jsgrid-table tr td select.focus-info:focus {
  border-color: #17a2b8;
}

body.skin-dark .daterangepicker {
  background-color: #333853;
  border-color: transparent;
  border-radius: 4px;
}

body.skin-dark .daterangepicker::before, body.skin-dark .daterangepicker::after {
  border-bottom-color: #333853;
}

body.skin-dark .daterangepicker .ranges ul li:hover {
  background-color: #292d44;
}

body.skin-dark .daterangepicker .ranges ul li.active:hover {
  background-color: #428bfa;
}

body.skin-dark .daterangepicker .drp-calendar {
  background-color: transparent;
}

body.skin-dark .daterangepicker .drp-calendar .calendar-table {
  background-color: transparent;
  border-color: transparent;
}

body.skin-dark .daterangepicker .drp-calendar .calendar-table .table-condensed thead tr th.prev span {
  margin-left: 2px;
}

body.skin-dark .daterangepicker .drp-calendar .calendar-table .table-condensed thead tr th.prev:hover {
  background-color: #428bfa;
}

body.skin-dark .daterangepicker .drp-calendar .calendar-table .table-condensed thead tr th.prev:hover span {
  border-color: #ffffff;
}

body.skin-dark .daterangepicker .drp-calendar .calendar-table .table-condensed thead tr th.month select {
  background-color: transparent;
  border: 1px solid #8b8d9b;
  color: #8b8d9b;
  border-radius: 3px;
  background-image: url(../images/icons/select-arrow-down.png);
  background-position: center right -10px;
  background-repeat: no-repeat;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding: 0;
  padding-right: 20px;
  padding-left: 2px;
}

body.skin-dark .daterangepicker .drp-calendar .calendar-table .table-condensed thead tr th.next span {
  margin-right: 2px;
}

body.skin-dark .daterangepicker .drp-calendar .calendar-table .table-condensed thead tr th.next:hover {
  background-color: #428bfa;
}

body.skin-dark .daterangepicker .drp-calendar .calendar-table .table-condensed thead tr th.next:hover span {
  border-color: #ffffff;
}

body.skin-dark .daterangepicker .drp-calendar .calendar-table .table-condensed tbody tr td.off {
  background-color: #161824;
}

body.skin-dark .daterangepicker .drp-calendar .calendar-table .table-condensed tbody tr td.in-range {
  background-color: #292d44;
  color: #8b8d9b;
}

body.skin-dark .daterangepicker .drp-calendar .calendar-table .table-condensed tbody tr td:hover {
  background-color: #202334;
}

body.skin-dark .daterangepicker .drp-calendar .calendar-time select {
  background-color: transparent;
  border: 1px solid #8b8d9b;
  color: #8b8d9b;
  border-radius: 3px;
  background-image: url(../images/icons/select-arrow-down.png);
  background-position: center right -10px;
  background-repeat: no-repeat;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding: 0;
  padding-right: 20px;
  padding-left: 2px;
  height: 30px;
}

body.skin-dark .daterangepicker.show-ranges .drp-calendar.left {
  border-color: #292d44;
}

body.skin-dark .daterangepicker .drp-buttons {
  border-color: #292d44;
}

body.skin-dark .daterangepicker .drp-buttons .btn.cancelBtn {
  color: #fd427c;
}

body.skin-dark .ql-toolbar {
  border-color: #292d44;
}

body.skin-dark .ql-toolbar .ql-formats {
  color: #8b8d9b;
}

body.skin-dark .ql-toolbar .ql-formats .ql-stroke {
  stroke: #8b8d9b;
}

body.skin-dark .ql-toolbar .ql-formats .ql-picker .ql-picker-label {
  color: #8b8d9b;
  border-color: transparent !important;
}

body.skin-dark .ql-toolbar .ql-formats .ql-picker .ql-picker-options {
  background-color: #292d44;
  border-color: transparent;
  padding: 10px;
}

body.skin-dark .ql-toolbar .ql-formats .ql-picker .ql-picker-options .ql-picker-item {
  padding: 8px 0;
  line-height: 1;
  color: #8b8d9b;
}

body.skin-dark .quill.ql-container {
  border-color: #292d44;
}

body.skin-dark .note-editor.note-frame {
  background-color: #202334;
  border-color: #202334;
}

body.skin-dark .note-editor.note-frame .note-toolbar {
  border-color: #333853;
}

body.skin-dark .note-editor.note-frame .note-toolbar .note-btn-group:not(:first-child) {
  margin-left: 0;
}

body.skin-dark .note-editor.note-frame .note-toolbar .note-btn-group .note-btn {
  background-color: #333853;
  border-color: #333853;
  border-right-color: #202334;
  color: #ffffff;
  margin-left: 0;
}

body.skin-dark .note-editor.note-frame .note-toolbar .note-btn-group .note-btn:last-child {
  border-right: 0;
}

body.skin-dark .note-editor.note-frame .note-toolbar .note-btn-group .note-btn:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

body.skin-dark .note-editor.note-frame .note-toolbar .note-btn-group .note-btn i.note-recent-color {
  color: #161824;
}

body.skin-dark .note-editor.note-frame .note-toolbar .note-btn-group .dropdown-menu {
  background-color: #292d44;
}

body.skin-dark .note-editor.note-frame .note-toolbar .note-btn-group .dropdown-menu .dropdown-item {
  color: #ffffff;
}

body.skin-dark .note-editor.note-frame .note-toolbar .note-btn-group .dropdown-menu .dropdown-item:hover {
  background-color: #202334;
}

body.skin-dark .note-editor.note-frame .note-toolbar .note-palette .note-palette-title {
  color: #8b8d9b;
  border-color: #8b8d9b;
}

body.skin-dark .note-editor.note-frame .note-toolbar .note-palette .note-color-reset {
  background-color: #202334;
  border-color: #202334;
  color: #ffffff;
  border-radius: 4px;
}

body.skin-dark .note-editor.note-frame .note-toolbar .note-palette .note-color-reset:hover {
  background-color: #428bfa;
}

body.skin-dark .note-editor.note-frame .note-toolbar .note-palette .note-color-select {
  color: #8b8d9b;
}

body.skin-dark .note-editor.note-frame .note-toolbar .note-table .note-dimension-display {
  color: #8b8d9b;
}

body.skin-dark .note-editor.note-frame .note-editing-area .note-editable {
  background-color: transparent;
  color: #8b8d9b;
}

body.skin-dark .note-editor.note-frame .note-editing-area .note-editable p {
  margin-bottom: 7px;
}

body.skin-dark .note-editor.note-frame .note-statusbar {
  background-color: #202334;
  border-color: #333853;
  padding: 3px 0;
}

body.skin-dark .note-editor.note-frame .note-statusbar .note-resizebar {
  height: 8px;
}

body.skin-dark .filepond--root .filepond--drop-label {
  border-color: #333853;
  color: #8b8d9b;
}

body.skin-dark .dropify-wrapper {
  background-color: #333853;
  border-color: #333853;
}

body.skin-dark .dropify-wrapper .dropify-message .file-icon, body.skin-dark .dropify-wrapper .dropify-message p {
  color: #8b8d9b;
}

body.skin-dark .dropify-wrapper .dropify-preview {
  background-color: transparent;
}

body.skin-dark .dropify-wrapper:hover {
  background-image: -webkit-linear-gradient(135deg, #202334 25%, transparent 25%, transparent 50%, #202334 50%, #202334 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(135deg, #202334 25%, transparent 25%, transparent 50%, #202334 50%, #202334 75%, transparent 75%, transparent);
  background-image: linear-gradient(-45deg, #202334 25%, transparent 25%, transparent 50%, #202334 50%, #202334 75%, transparent 75%, transparent);
}

body.skin-dark .irs .irs .irs-line {
  background-color: #202334;
}

body.skin-dark .irs .irs-handle {
  border-color: #333853;
}

body.skin-dark .select2-container--default.select2 {
  background-color: #202334;
  border-radius: 4px;
}

body.skin-dark .select2-container--default .select2-selection--single, body.skin-dark .select2-container--default .select2-selection--multiple {
  border-color: #202334;
}

body.skin-dark .select2-container--default .select2-selection--single span {
  color: #8b8d9b;
}

body.skin-dark .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow::before {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

body.skin-dark .select2-container--default .select2-dropdown {
  border-color: #333853;
  background-color: #333853;
}

body.skin-dark .select2-container--default .select2-search--dropdown .select2-search__field {
  border-color: #202334;
  background-color: #202334;
  color: #8b8d9b;
}

body.skin-dark .select2-container--default .select2-results .select2-results__options .select2-results__options--nested .select2-results__option[aria-selected="true"] {
  background-color: #428bfa;
  color: #ffffff;
}

body.skin-dark .select2-container--default .select2-results .select2-results__options .select2-results__options--nested .select2-results__option.select2-results__option--highlighted {
  background-color: #292d44;
  color: #ffffff;
}

body.skin-dark .form-control.bSelect[readonly], body.skin-dark #toast-container .toast .toast-message input.bSelect[readonly], #toast-container .toast .toast-message body.skin-dark input.bSelect[readonly], body.skin-dark .dataTables_wrapper .dataTables_length label input.bSelect[readonly], .dataTables_wrapper .dataTables_length label body.skin-dark input.bSelect[readonly], body.skin-dark .dataTables_wrapper .dataTables_filter label input.bSelect[readonly], .dataTables_wrapper .dataTables_filter label body.skin-dark input.bSelect[readonly], body.skin-dark .dataTables_wrapper .dataTables_length label select.bSelect[readonly], .dataTables_wrapper .dataTables_length label body.skin-dark select.bSelect[readonly], body.skin-dark .dataTables_wrapper .dataTables_filter label select.bSelect[readonly], .dataTables_wrapper .dataTables_filter label body.skin-dark select.bSelect[readonly], .footable.table thead tr th .footable-filtering-search .input-group body.skin-dark .bSelect.form-control[readonly], body.skin-dark .jsgrid-grid-header table tr th input.bSelect[readonly], .jsgrid-grid-header table tr th body.skin-dark input.bSelect[readonly], body.skin-dark .jsgrid-grid-header table tr th select.bSelect[readonly], .jsgrid-grid-header table tr th body.skin-dark select.bSelect[readonly], body.skin-dark .jsgrid-grid-header table tr td input.bSelect[readonly], .jsgrid-grid-header table tr td body.skin-dark input.bSelect[readonly], body.skin-dark .jsgrid-grid-header table tr td select.bSelect[readonly], .jsgrid-grid-header table tr td body.skin-dark select.bSelect[readonly], body.skin-dark .footable.table thead tr th .footable-filtering-search .input-group .bSelect.form-control[readonly], body.skin-dark .jsgrid-table tr th input.bSelect[readonly]:not(.jsgrid-button), body.skin-dark .jsgrid-table tr td input.bSelect[readonly]:not(.jsgrid-button), body.skin-dark .jsgrid-table tr th select.bSelect[readonly], body.skin-dark .jsgrid-table tr td select.bSelect[readonly] {
  background-color: #202334;
  border-color: #202334;
  color: #8b8d9b;
}

body.skin-dark .form-control.bSelect[disabled], body.skin-dark #toast-container .toast .toast-message input.bSelect[disabled], #toast-container .toast .toast-message body.skin-dark input.bSelect[disabled], body.skin-dark .dataTables_wrapper .dataTables_length label input.bSelect[disabled], .dataTables_wrapper .dataTables_length label body.skin-dark input.bSelect[disabled], body.skin-dark .dataTables_wrapper .dataTables_filter label input.bSelect[disabled], .dataTables_wrapper .dataTables_filter label body.skin-dark input.bSelect[disabled], body.skin-dark .dataTables_wrapper .dataTables_length label select.bSelect[disabled], .dataTables_wrapper .dataTables_length label body.skin-dark select.bSelect[disabled], body.skin-dark .dataTables_wrapper .dataTables_filter label select.bSelect[disabled], .dataTables_wrapper .dataTables_filter label body.skin-dark select.bSelect[disabled], .footable.table thead tr th .footable-filtering-search .input-group body.skin-dark .bSelect.form-control[disabled], body.skin-dark .jsgrid-grid-header table tr th input.bSelect[disabled], .jsgrid-grid-header table tr th body.skin-dark input.bSelect[disabled], body.skin-dark .jsgrid-grid-header table tr th select.bSelect[disabled], .jsgrid-grid-header table tr th body.skin-dark select.bSelect[disabled], body.skin-dark .jsgrid-grid-header table tr td input.bSelect[disabled], .jsgrid-grid-header table tr td body.skin-dark input.bSelect[disabled], body.skin-dark .jsgrid-grid-header table tr td select.bSelect[disabled], .jsgrid-grid-header table tr td body.skin-dark select.bSelect[disabled], body.skin-dark .footable.table thead tr th .footable-filtering-search .input-group .bSelect.form-control[disabled], body.skin-dark .jsgrid-table tr th input.bSelect[disabled]:not(.jsgrid-button), body.skin-dark .jsgrid-table tr td input.bSelect[disabled]:not(.jsgrid-button), body.skin-dark .jsgrid-table tr th select.bSelect[disabled], body.skin-dark .jsgrid-table tr td select.bSelect[disabled] {
  background-color: #202334;
  border-color: #202334;
  color: #8b8d9b;
}

body.skin-dark .form-control.bSelect[disabled]::-webkit-input-placeholder, body.skin-dark #toast-container .toast .toast-message input.bSelect[disabled]::-webkit-input-placeholder, #toast-container .toast .toast-message body.skin-dark input.bSelect[disabled]::-webkit-input-placeholder, body.skin-dark .dataTables_wrapper .dataTables_length label input.bSelect[disabled]::-webkit-input-placeholder, .dataTables_wrapper .dataTables_length label body.skin-dark input.bSelect[disabled]::-webkit-input-placeholder, body.skin-dark .dataTables_wrapper .dataTables_filter label input.bSelect[disabled]::-webkit-input-placeholder, .dataTables_wrapper .dataTables_filter label body.skin-dark input.bSelect[disabled]::-webkit-input-placeholder, body.skin-dark .dataTables_wrapper .dataTables_length label select.bSelect[disabled]::-webkit-input-placeholder, .dataTables_wrapper .dataTables_length label body.skin-dark select.bSelect[disabled]::-webkit-input-placeholder, body.skin-dark .dataTables_wrapper .dataTables_filter label select.bSelect[disabled]::-webkit-input-placeholder, .dataTables_wrapper .dataTables_filter label body.skin-dark select.bSelect[disabled]::-webkit-input-placeholder, .footable.table thead tr th .footable-filtering-search .input-group body.skin-dark .bSelect.form-control[disabled]::-webkit-input-placeholder, body.skin-dark .jsgrid-grid-header table tr th input.bSelect[disabled]::-webkit-input-placeholder, .jsgrid-grid-header table tr th body.skin-dark input.bSelect[disabled]::-webkit-input-placeholder, body.skin-dark .jsgrid-grid-header table tr th select.bSelect[disabled]::-webkit-input-placeholder, .jsgrid-grid-header table tr th body.skin-dark select.bSelect[disabled]::-webkit-input-placeholder, body.skin-dark .jsgrid-grid-header table tr td input.bSelect[disabled]::-webkit-input-placeholder, .jsgrid-grid-header table tr td body.skin-dark input.bSelect[disabled]::-webkit-input-placeholder, body.skin-dark .jsgrid-grid-header table tr td select.bSelect[disabled]::-webkit-input-placeholder, .jsgrid-grid-header table tr td body.skin-dark select.bSelect[disabled]::-webkit-input-placeholder, body.skin-dark .footable.table thead tr th .footable-filtering-search .input-group .bSelect.form-control[disabled]::-webkit-input-placeholder, body.skin-dark .jsgrid-table tr th input.bSelect:not(.jsgrid-button)[disabled]::-webkit-input-placeholder, body.skin-dark .jsgrid-table tr td input.bSelect:not(.jsgrid-button)[disabled]::-webkit-input-placeholder, body.skin-dark .jsgrid-table tr th select.bSelect[disabled]::-webkit-input-placeholder, body.skin-dark .jsgrid-table tr td select.bSelect[disabled]::-webkit-input-placeholder {
  color: #8b8d9b;
}

body.skin-dark .form-control.bSelect[disabled]:-moz-placeholder, body.skin-dark #toast-container .toast .toast-message input.bSelect[disabled]:-moz-placeholder, #toast-container .toast .toast-message body.skin-dark input.bSelect[disabled]:-moz-placeholder, body.skin-dark .dataTables_wrapper .dataTables_length label input.bSelect[disabled]:-moz-placeholder, .dataTables_wrapper .dataTables_length label body.skin-dark input.bSelect[disabled]:-moz-placeholder, body.skin-dark .dataTables_wrapper .dataTables_filter label input.bSelect[disabled]:-moz-placeholder, .dataTables_wrapper .dataTables_filter label body.skin-dark input.bSelect[disabled]:-moz-placeholder, body.skin-dark .dataTables_wrapper .dataTables_length label select.bSelect[disabled]:-moz-placeholder, .dataTables_wrapper .dataTables_length label body.skin-dark select.bSelect[disabled]:-moz-placeholder, body.skin-dark .dataTables_wrapper .dataTables_filter label select.bSelect[disabled]:-moz-placeholder, .dataTables_wrapper .dataTables_filter label body.skin-dark select.bSelect[disabled]:-moz-placeholder, .footable.table thead tr th .footable-filtering-search .input-group body.skin-dark .bSelect.form-control[disabled]:-moz-placeholder, body.skin-dark .jsgrid-grid-header table tr th input.bSelect[disabled]:-moz-placeholder, .jsgrid-grid-header table tr th body.skin-dark input.bSelect[disabled]:-moz-placeholder, body.skin-dark .jsgrid-grid-header table tr th select.bSelect[disabled]:-moz-placeholder, .jsgrid-grid-header table tr th body.skin-dark select.bSelect[disabled]:-moz-placeholder, body.skin-dark .jsgrid-grid-header table tr td input.bSelect[disabled]:-moz-placeholder, .jsgrid-grid-header table tr td body.skin-dark input.bSelect[disabled]:-moz-placeholder, body.skin-dark .jsgrid-grid-header table tr td select.bSelect[disabled]:-moz-placeholder, .jsgrid-grid-header table tr td body.skin-dark select.bSelect[disabled]:-moz-placeholder, body.skin-dark .footable.table thead tr th .footable-filtering-search .input-group .bSelect.form-control[disabled]:-moz-placeholder, body.skin-dark .jsgrid-table tr th input.bSelect[disabled]:-moz-placeholder:not(.jsgrid-button), body.skin-dark .jsgrid-table tr td input.bSelect[disabled]:-moz-placeholder:not(.jsgrid-button), body.skin-dark .jsgrid-table tr th select.bSelect[disabled]:-moz-placeholder, body.skin-dark .jsgrid-table tr td select.bSelect[disabled]:-moz-placeholder {
  color: #8b8d9b;
}

body.skin-dark .form-control.bSelect[disabled]::-moz-placeholder, body.skin-dark #toast-container .toast .toast-message input.bSelect[disabled]::-moz-placeholder, #toast-container .toast .toast-message body.skin-dark input.bSelect[disabled]::-moz-placeholder, body.skin-dark .dataTables_wrapper .dataTables_length label input.bSelect[disabled]::-moz-placeholder, .dataTables_wrapper .dataTables_length label body.skin-dark input.bSelect[disabled]::-moz-placeholder, body.skin-dark .dataTables_wrapper .dataTables_filter label input.bSelect[disabled]::-moz-placeholder, .dataTables_wrapper .dataTables_filter label body.skin-dark input.bSelect[disabled]::-moz-placeholder, body.skin-dark .dataTables_wrapper .dataTables_length label select.bSelect[disabled]::-moz-placeholder, .dataTables_wrapper .dataTables_length label body.skin-dark select.bSelect[disabled]::-moz-placeholder, body.skin-dark .dataTables_wrapper .dataTables_filter label select.bSelect[disabled]::-moz-placeholder, .dataTables_wrapper .dataTables_filter label body.skin-dark select.bSelect[disabled]::-moz-placeholder, .footable.table thead tr th .footable-filtering-search .input-group body.skin-dark .bSelect.form-control[disabled]::-moz-placeholder, body.skin-dark .jsgrid-grid-header table tr th input.bSelect[disabled]::-moz-placeholder, .jsgrid-grid-header table tr th body.skin-dark input.bSelect[disabled]::-moz-placeholder, body.skin-dark .jsgrid-grid-header table tr th select.bSelect[disabled]::-moz-placeholder, .jsgrid-grid-header table tr th body.skin-dark select.bSelect[disabled]::-moz-placeholder, body.skin-dark .jsgrid-grid-header table tr td input.bSelect[disabled]::-moz-placeholder, .jsgrid-grid-header table tr td body.skin-dark input.bSelect[disabled]::-moz-placeholder, body.skin-dark .jsgrid-grid-header table tr td select.bSelect[disabled]::-moz-placeholder, .jsgrid-grid-header table tr td body.skin-dark select.bSelect[disabled]::-moz-placeholder, body.skin-dark .footable.table thead tr th .footable-filtering-search .input-group .bSelect.form-control[disabled]::-moz-placeholder, body.skin-dark .jsgrid-table tr th input.bSelect:not(.jsgrid-button)[disabled]::-moz-placeholder, body.skin-dark .jsgrid-table tr td input.bSelect:not(.jsgrid-button)[disabled]::-moz-placeholder, body.skin-dark .jsgrid-table tr th select.bSelect[disabled]::-moz-placeholder, body.skin-dark .jsgrid-table tr td select.bSelect[disabled]::-moz-placeholder {
  color: #8b8d9b;
}

body.skin-dark .form-control.bSelect[disabled]:-ms-input-placeholder, body.skin-dark #toast-container .toast .toast-message input.bSelect[disabled]:-ms-input-placeholder, #toast-container .toast .toast-message body.skin-dark input.bSelect[disabled]:-ms-input-placeholder, body.skin-dark .dataTables_wrapper .dataTables_length label input.bSelect[disabled]:-ms-input-placeholder, .dataTables_wrapper .dataTables_length label body.skin-dark input.bSelect[disabled]:-ms-input-placeholder, body.skin-dark .dataTables_wrapper .dataTables_filter label input.bSelect[disabled]:-ms-input-placeholder, .dataTables_wrapper .dataTables_filter label body.skin-dark input.bSelect[disabled]:-ms-input-placeholder, body.skin-dark .dataTables_wrapper .dataTables_length label select.bSelect[disabled]:-ms-input-placeholder, .dataTables_wrapper .dataTables_length label body.skin-dark select.bSelect[disabled]:-ms-input-placeholder, body.skin-dark .dataTables_wrapper .dataTables_filter label select.bSelect[disabled]:-ms-input-placeholder, .dataTables_wrapper .dataTables_filter label body.skin-dark select.bSelect[disabled]:-ms-input-placeholder, .footable.table thead tr th .footable-filtering-search .input-group body.skin-dark .bSelect.form-control[disabled]:-ms-input-placeholder, body.skin-dark .jsgrid-grid-header table tr th input.bSelect[disabled]:-ms-input-placeholder, .jsgrid-grid-header table tr th body.skin-dark input.bSelect[disabled]:-ms-input-placeholder, body.skin-dark .jsgrid-grid-header table tr th select.bSelect[disabled]:-ms-input-placeholder, .jsgrid-grid-header table tr th body.skin-dark select.bSelect[disabled]:-ms-input-placeholder, body.skin-dark .jsgrid-grid-header table tr td input.bSelect[disabled]:-ms-input-placeholder, .jsgrid-grid-header table tr td body.skin-dark input.bSelect[disabled]:-ms-input-placeholder, body.skin-dark .jsgrid-grid-header table tr td select.bSelect[disabled]:-ms-input-placeholder, .jsgrid-grid-header table tr td body.skin-dark select.bSelect[disabled]:-ms-input-placeholder, body.skin-dark .footable.table thead tr th .footable-filtering-search .input-group .bSelect.form-control[disabled]:-ms-input-placeholder, body.skin-dark .jsgrid-table tr th input.bSelect[disabled]:-ms-input-placeholder:not(.jsgrid-button), body.skin-dark .jsgrid-table tr td input.bSelect[disabled]:-ms-input-placeholder:not(.jsgrid-button), body.skin-dark .jsgrid-table tr th select.bSelect[disabled]:-ms-input-placeholder, body.skin-dark .jsgrid-table tr td select.bSelect[disabled]:-ms-input-placeholder {
  color: #8b8d9b;
}

body.skin-dark .form-control.bSelect .btn, body.skin-dark #toast-container .toast .toast-message input.bSelect .btn, #toast-container .toast .toast-message body.skin-dark input.bSelect .btn, body.skin-dark .dataTables_wrapper .dataTables_length label input.bSelect .btn, .dataTables_wrapper .dataTables_length label body.skin-dark input.bSelect .btn, body.skin-dark .dataTables_wrapper .dataTables_filter label input.bSelect .btn, .dataTables_wrapper .dataTables_filter label body.skin-dark input.bSelect .btn, body.skin-dark .dataTables_wrapper .dataTables_length label select.bSelect .btn, .dataTables_wrapper .dataTables_length label body.skin-dark select.bSelect .btn, body.skin-dark .dataTables_wrapper .dataTables_filter label select.bSelect .btn, .dataTables_wrapper .dataTables_filter label body.skin-dark select.bSelect .btn, .footable.table thead tr th .footable-filtering-search .input-group body.skin-dark .bSelect.form-control .btn, body.skin-dark .jsgrid-grid-header table tr th input.bSelect .btn, .jsgrid-grid-header table tr th body.skin-dark input.bSelect .btn, body.skin-dark .jsgrid-grid-header table tr th select.bSelect .btn, .jsgrid-grid-header table tr th body.skin-dark select.bSelect .btn, body.skin-dark .jsgrid-grid-header table tr td input.bSelect .btn, .jsgrid-grid-header table tr td body.skin-dark input.bSelect .btn, body.skin-dark .jsgrid-grid-header table tr td select.bSelect .btn, .jsgrid-grid-header table tr td body.skin-dark select.bSelect .btn, body.skin-dark .footable.table thead tr th .footable-filtering-search .input-group .bSelect.form-control .btn, body.skin-dark .jsgrid-table tr th input.bSelect:not(.jsgrid-button) .btn, body.skin-dark .jsgrid-table tr td input.bSelect:not(.jsgrid-button) .btn, body.skin-dark .jsgrid-table tr th select.bSelect .btn, body.skin-dark .jsgrid-table tr td select.bSelect .btn {
  background-color: #202334;
  border-color: #202334;
  color: #8b8d9b;
}

body.skin-dark .form-control.bSelect .btn.btn-primary, body.skin-dark #toast-container .toast .toast-message input.bSelect .btn.btn-primary, #toast-container .toast .toast-message body.skin-dark input.bSelect .btn.btn-primary, body.skin-dark .dataTables_wrapper .dataTables_length label input.bSelect .btn.btn-primary, .dataTables_wrapper .dataTables_length label body.skin-dark input.bSelect .btn.btn-primary, body.skin-dark .dataTables_wrapper .dataTables_filter label input.bSelect .btn.btn-primary, .dataTables_wrapper .dataTables_filter label body.skin-dark input.bSelect .btn.btn-primary, body.skin-dark .dataTables_wrapper .dataTables_length label select.bSelect .btn.btn-primary, .dataTables_wrapper .dataTables_length label body.skin-dark select.bSelect .btn.btn-primary, body.skin-dark .dataTables_wrapper .dataTables_filter label select.bSelect .btn.btn-primary, .dataTables_wrapper .dataTables_filter label body.skin-dark select.bSelect .btn.btn-primary, .footable.table thead tr th .footable-filtering-search .input-group body.skin-dark .bSelect.form-control .btn.btn-primary, body.skin-dark .jsgrid-grid-header table tr th input.bSelect .btn.btn-primary, .jsgrid-grid-header table tr th body.skin-dark input.bSelect .btn.btn-primary, body.skin-dark .jsgrid-grid-header table tr th select.bSelect .btn.btn-primary, .jsgrid-grid-header table tr th body.skin-dark select.bSelect .btn.btn-primary, body.skin-dark .jsgrid-grid-header table tr td input.bSelect .btn.btn-primary, .jsgrid-grid-header table tr td body.skin-dark input.bSelect .btn.btn-primary, body.skin-dark .jsgrid-grid-header table tr td select.bSelect .btn.btn-primary, .jsgrid-grid-header table tr td body.skin-dark select.bSelect .btn.btn-primary, body.skin-dark .footable.table thead tr th .footable-filtering-search .input-group .bSelect.form-control .btn.btn-primary, body.skin-dark .jsgrid-table tr th input.bSelect:not(.jsgrid-button) .btn.btn-primary, body.skin-dark .jsgrid-table tr td input.bSelect:not(.jsgrid-button) .btn.btn-primary, body.skin-dark .jsgrid-table tr th select.bSelect .btn.btn-primary, body.skin-dark .jsgrid-table tr td select.bSelect .btn.btn-primary {
  background-color: #428bfa;
  border-color: #428bfa;
  color: #ffffff;
}

body.skin-dark .form-control.bSelect .btn.btn-primary:hover, body.skin-dark #toast-container .toast .toast-message input.bSelect .btn.btn-primary:hover, #toast-container .toast .toast-message body.skin-dark input.bSelect .btn.btn-primary:hover, body.skin-dark .dataTables_wrapper .dataTables_length label input.bSelect .btn.btn-primary:hover, .dataTables_wrapper .dataTables_length label body.skin-dark input.bSelect .btn.btn-primary:hover, body.skin-dark .dataTables_wrapper .dataTables_filter label input.bSelect .btn.btn-primary:hover, .dataTables_wrapper .dataTables_filter label body.skin-dark input.bSelect .btn.btn-primary:hover, body.skin-dark .dataTables_wrapper .dataTables_length label select.bSelect .btn.btn-primary:hover, .dataTables_wrapper .dataTables_length label body.skin-dark select.bSelect .btn.btn-primary:hover, body.skin-dark .dataTables_wrapper .dataTables_filter label select.bSelect .btn.btn-primary:hover, .dataTables_wrapper .dataTables_filter label body.skin-dark select.bSelect .btn.btn-primary:hover, body.skin-dark .jsgrid-grid-header table tr th input.bSelect .btn.btn-primary:hover, .jsgrid-grid-header table tr th body.skin-dark input.bSelect .btn.btn-primary:hover, body.skin-dark .jsgrid-grid-header table tr th select.bSelect .btn.btn-primary:hover, .jsgrid-grid-header table tr th body.skin-dark select.bSelect .btn.btn-primary:hover, body.skin-dark .jsgrid-grid-header table tr td input.bSelect .btn.btn-primary:hover, .jsgrid-grid-header table tr td body.skin-dark input.bSelect .btn.btn-primary:hover, body.skin-dark .jsgrid-grid-header table tr td select.bSelect .btn.btn-primary:hover, .jsgrid-grid-header table tr td body.skin-dark select.bSelect .btn.btn-primary:hover, body.skin-dark .footable.table thead tr th .footable-filtering-search .input-group .bSelect.form-control .btn.btn-primary:hover, body.skin-dark .jsgrid-table tr th input.bSelect:not(.jsgrid-button) .btn.btn-primary:hover, body.skin-dark .jsgrid-table tr td input.bSelect:not(.jsgrid-button) .btn.btn-primary:hover, body.skin-dark .jsgrid-table tr th select.bSelect .btn.btn-primary:hover, body.skin-dark .jsgrid-table tr td select.bSelect .btn.btn-primary:hover {
  background-color: #297cf9;
  border-color: #297cf9;
  color: #ffffff;
}

body.skin-dark .form-control.bSelect .btn.btn-secondary, body.skin-dark #toast-container .toast .toast-message input.bSelect .btn.btn-secondary, #toast-container .toast .toast-message body.skin-dark input.bSelect .btn.btn-secondary, body.skin-dark .dataTables_wrapper .dataTables_length label input.bSelect .btn.btn-secondary, .dataTables_wrapper .dataTables_length label body.skin-dark input.bSelect .btn.btn-secondary, body.skin-dark .dataTables_wrapper .dataTables_filter label input.bSelect .btn.btn-secondary, .dataTables_wrapper .dataTables_filter label body.skin-dark input.bSelect .btn.btn-secondary, body.skin-dark .dataTables_wrapper .dataTables_length label select.bSelect .btn.btn-secondary, .dataTables_wrapper .dataTables_length label body.skin-dark select.bSelect .btn.btn-secondary, body.skin-dark .dataTables_wrapper .dataTables_filter label select.bSelect .btn.btn-secondary, .dataTables_wrapper .dataTables_filter label body.skin-dark select.bSelect .btn.btn-secondary, .footable.table thead tr th .footable-filtering-search .input-group body.skin-dark .bSelect.form-control .btn.btn-secondary, body.skin-dark .jsgrid-grid-header table tr th input.bSelect .btn.btn-secondary, .jsgrid-grid-header table tr th body.skin-dark input.bSelect .btn.btn-secondary, body.skin-dark .jsgrid-grid-header table tr th select.bSelect .btn.btn-secondary, .jsgrid-grid-header table tr th body.skin-dark select.bSelect .btn.btn-secondary, body.skin-dark .jsgrid-grid-header table tr td input.bSelect .btn.btn-secondary, .jsgrid-grid-header table tr td body.skin-dark input.bSelect .btn.btn-secondary, body.skin-dark .jsgrid-grid-header table tr td select.bSelect .btn.btn-secondary, .jsgrid-grid-header table tr td body.skin-dark select.bSelect .btn.btn-secondary, body.skin-dark .footable.table thead tr th .footable-filtering-search .input-group .bSelect.form-control .btn.btn-secondary, body.skin-dark .jsgrid-table tr th input.bSelect:not(.jsgrid-button) .btn.btn-secondary, body.skin-dark .jsgrid-table tr td input.bSelect:not(.jsgrid-button) .btn.btn-secondary, body.skin-dark .jsgrid-table tr th select.bSelect .btn.btn-secondary, body.skin-dark .jsgrid-table tr td select.bSelect .btn.btn-secondary {
  background-color: #fb7da4;
  border-color: #fb7da4;
  color: #ffffff;
}

body.skin-dark .form-control.bSelect .btn.btn-secondary:hover, body.skin-dark #toast-container .toast .toast-message input.bSelect .btn.btn-secondary:hover, #toast-container .toast .toast-message body.skin-dark input.bSelect .btn.btn-secondary:hover, body.skin-dark .dataTables_wrapper .dataTables_length label input.bSelect .btn.btn-secondary:hover, .dataTables_wrapper .dataTables_length label body.skin-dark input.bSelect .btn.btn-secondary:hover, body.skin-dark .dataTables_wrapper .dataTables_filter label input.bSelect .btn.btn-secondary:hover, .dataTables_wrapper .dataTables_filter label body.skin-dark input.bSelect .btn.btn-secondary:hover, body.skin-dark .dataTables_wrapper .dataTables_length label select.bSelect .btn.btn-secondary:hover, .dataTables_wrapper .dataTables_length label body.skin-dark select.bSelect .btn.btn-secondary:hover, body.skin-dark .dataTables_wrapper .dataTables_filter label select.bSelect .btn.btn-secondary:hover, .dataTables_wrapper .dataTables_filter label body.skin-dark select.bSelect .btn.btn-secondary:hover, body.skin-dark .jsgrid-grid-header table tr th input.bSelect .btn.btn-secondary:hover, .jsgrid-grid-header table tr th body.skin-dark input.bSelect .btn.btn-secondary:hover, body.skin-dark .jsgrid-grid-header table tr th select.bSelect .btn.btn-secondary:hover, .jsgrid-grid-header table tr th body.skin-dark select.bSelect .btn.btn-secondary:hover, body.skin-dark .jsgrid-grid-header table tr td input.bSelect .btn.btn-secondary:hover, .jsgrid-grid-header table tr td body.skin-dark input.bSelect .btn.btn-secondary:hover, body.skin-dark .jsgrid-grid-header table tr td select.bSelect .btn.btn-secondary:hover, .jsgrid-grid-header table tr td body.skin-dark select.bSelect .btn.btn-secondary:hover, body.skin-dark .footable.table thead tr th .footable-filtering-search .input-group .bSelect.form-control .btn.btn-secondary:hover, body.skin-dark .jsgrid-table tr th input.bSelect:not(.jsgrid-button) .btn.btn-secondary:hover, body.skin-dark .jsgrid-table tr td input.bSelect:not(.jsgrid-button) .btn.btn-secondary:hover, body.skin-dark .jsgrid-table tr th select.bSelect .btn.btn-secondary:hover, body.skin-dark .jsgrid-table tr td select.bSelect .btn.btn-secondary:hover {
  background-color: #fa6493;
  border-color: #fa6493;
  color: #ffffff;
}

body.skin-dark .form-control.bSelect .btn.btn-success, body.skin-dark #toast-container .toast .toast-message input.bSelect .btn.btn-success, #toast-container .toast .toast-message body.skin-dark input.bSelect .btn.btn-success, body.skin-dark .dataTables_wrapper .dataTables_length label input.bSelect .btn.btn-success, .dataTables_wrapper .dataTables_length label body.skin-dark input.bSelect .btn.btn-success, body.skin-dark .dataTables_wrapper .dataTables_filter label input.bSelect .btn.btn-success, .dataTables_wrapper .dataTables_filter label body.skin-dark input.bSelect .btn.btn-success, body.skin-dark .dataTables_wrapper .dataTables_length label select.bSelect .btn.btn-success, .dataTables_wrapper .dataTables_length label body.skin-dark select.bSelect .btn.btn-success, body.skin-dark .dataTables_wrapper .dataTables_filter label select.bSelect .btn.btn-success, .dataTables_wrapper .dataTables_filter label body.skin-dark select.bSelect .btn.btn-success, .footable.table thead tr th .footable-filtering-search .input-group body.skin-dark .bSelect.form-control .btn.btn-success, body.skin-dark .jsgrid-grid-header table tr th input.bSelect .btn.btn-success, .jsgrid-grid-header table tr th body.skin-dark input.bSelect .btn.btn-success, body.skin-dark .jsgrid-grid-header table tr th select.bSelect .btn.btn-success, .jsgrid-grid-header table tr th body.skin-dark select.bSelect .btn.btn-success, body.skin-dark .jsgrid-grid-header table tr td input.bSelect .btn.btn-success, .jsgrid-grid-header table tr td body.skin-dark input.bSelect .btn.btn-success, body.skin-dark .jsgrid-grid-header table tr td select.bSelect .btn.btn-success, .jsgrid-grid-header table tr td body.skin-dark select.bSelect .btn.btn-success, body.skin-dark .footable.table thead tr th .footable-filtering-search .input-group .bSelect.form-control .btn.btn-success, body.skin-dark .jsgrid-table tr th input.bSelect:not(.jsgrid-button) .btn.btn-success, body.skin-dark .jsgrid-table tr td input.bSelect:not(.jsgrid-button) .btn.btn-success, body.skin-dark .jsgrid-table tr th select.bSelect .btn.btn-success, body.skin-dark .jsgrid-table tr td select.bSelect .btn.btn-success {
  background-color: #29db2d;
  border-color: #29db2d;
  color: #ffffff;
}

body.skin-dark .form-control.bSelect .btn.btn-success:hover, body.skin-dark #toast-container .toast .toast-message input.bSelect .btn.btn-success:hover, #toast-container .toast .toast-message body.skin-dark input.bSelect .btn.btn-success:hover, body.skin-dark .dataTables_wrapper .dataTables_length label input.bSelect .btn.btn-success:hover, .dataTables_wrapper .dataTables_length label body.skin-dark input.bSelect .btn.btn-success:hover, body.skin-dark .dataTables_wrapper .dataTables_filter label input.bSelect .btn.btn-success:hover, .dataTables_wrapper .dataTables_filter label body.skin-dark input.bSelect .btn.btn-success:hover, body.skin-dark .dataTables_wrapper .dataTables_length label select.bSelect .btn.btn-success:hover, .dataTables_wrapper .dataTables_length label body.skin-dark select.bSelect .btn.btn-success:hover, body.skin-dark .dataTables_wrapper .dataTables_filter label select.bSelect .btn.btn-success:hover, .dataTables_wrapper .dataTables_filter label body.skin-dark select.bSelect .btn.btn-success:hover, body.skin-dark .jsgrid-grid-header table tr th input.bSelect .btn.btn-success:hover, .jsgrid-grid-header table tr th body.skin-dark input.bSelect .btn.btn-success:hover, body.skin-dark .jsgrid-grid-header table tr th select.bSelect .btn.btn-success:hover, .jsgrid-grid-header table tr th body.skin-dark select.bSelect .btn.btn-success:hover, body.skin-dark .jsgrid-grid-header table tr td input.bSelect .btn.btn-success:hover, .jsgrid-grid-header table tr td body.skin-dark input.bSelect .btn.btn-success:hover, body.skin-dark .jsgrid-grid-header table tr td select.bSelect .btn.btn-success:hover, .jsgrid-grid-header table tr td body.skin-dark select.bSelect .btn.btn-success:hover, body.skin-dark .footable.table thead tr th .footable-filtering-search .input-group .bSelect.form-control .btn.btn-success:hover, body.skin-dark .jsgrid-table tr th input.bSelect:not(.jsgrid-button) .btn.btn-success:hover, body.skin-dark .jsgrid-table tr td input.bSelect:not(.jsgrid-button) .btn.btn-success:hover, body.skin-dark .jsgrid-table tr th select.bSelect .btn.btn-success:hover, body.skin-dark .jsgrid-table tr td select.bSelect .btn.btn-success:hover {
  background-color: #22c926;
  border-color: #22c926;
  color: #ffffff;
}

body.skin-dark .form-control.bSelect .btn.btn-danger, body.skin-dark #toast-container .toast .toast-message input.bSelect .btn.btn-danger, #toast-container .toast .toast-message body.skin-dark input.bSelect .btn.btn-danger, body.skin-dark .dataTables_wrapper .dataTables_length label input.bSelect .btn.btn-danger, .dataTables_wrapper .dataTables_length label body.skin-dark input.bSelect .btn.btn-danger, body.skin-dark .dataTables_wrapper .dataTables_filter label input.bSelect .btn.btn-danger, .dataTables_wrapper .dataTables_filter label body.skin-dark input.bSelect .btn.btn-danger, body.skin-dark .dataTables_wrapper .dataTables_length label select.bSelect .btn.btn-danger, .dataTables_wrapper .dataTables_length label body.skin-dark select.bSelect .btn.btn-danger, body.skin-dark .dataTables_wrapper .dataTables_filter label select.bSelect .btn.btn-danger, .dataTables_wrapper .dataTables_filter label body.skin-dark select.bSelect .btn.btn-danger, .footable.table thead tr th .footable-filtering-search .input-group body.skin-dark .bSelect.form-control .btn.btn-danger, body.skin-dark .jsgrid-grid-header table tr th input.bSelect .btn.btn-danger, .jsgrid-grid-header table tr th body.skin-dark input.bSelect .btn.btn-danger, body.skin-dark .jsgrid-grid-header table tr th select.bSelect .btn.btn-danger, .jsgrid-grid-header table tr th body.skin-dark select.bSelect .btn.btn-danger, body.skin-dark .jsgrid-grid-header table tr td input.bSelect .btn.btn-danger, .jsgrid-grid-header table tr td body.skin-dark input.bSelect .btn.btn-danger, body.skin-dark .jsgrid-grid-header table tr td select.bSelect .btn.btn-danger, .jsgrid-grid-header table tr td body.skin-dark select.bSelect .btn.btn-danger, body.skin-dark .footable.table thead tr th .footable-filtering-search .input-group .bSelect.form-control .btn.btn-danger, body.skin-dark .jsgrid-table tr th input.bSelect:not(.jsgrid-button) .btn.btn-danger, body.skin-dark .jsgrid-table tr td input.bSelect:not(.jsgrid-button) .btn.btn-danger, body.skin-dark .jsgrid-table tr th select.bSelect .btn.btn-danger, body.skin-dark .jsgrid-table tr td select.bSelect .btn.btn-danger {
  background-color: #fd427c;
  border-color: #fd427c;
  color: #ffffff;
}

body.skin-dark .form-control.bSelect .btn.btn-danger:hover, body.skin-dark #toast-container .toast .toast-message input.bSelect .btn.btn-danger:hover, #toast-container .toast .toast-message body.skin-dark input.bSelect .btn.btn-danger:hover, body.skin-dark .dataTables_wrapper .dataTables_length label input.bSelect .btn.btn-danger:hover, .dataTables_wrapper .dataTables_length label body.skin-dark input.bSelect .btn.btn-danger:hover, body.skin-dark .dataTables_wrapper .dataTables_filter label input.bSelect .btn.btn-danger:hover, .dataTables_wrapper .dataTables_filter label body.skin-dark input.bSelect .btn.btn-danger:hover, body.skin-dark .dataTables_wrapper .dataTables_length label select.bSelect .btn.btn-danger:hover, .dataTables_wrapper .dataTables_length label body.skin-dark select.bSelect .btn.btn-danger:hover, body.skin-dark .dataTables_wrapper .dataTables_filter label select.bSelect .btn.btn-danger:hover, .dataTables_wrapper .dataTables_filter label body.skin-dark select.bSelect .btn.btn-danger:hover, body.skin-dark .jsgrid-grid-header table tr th input.bSelect .btn.btn-danger:hover, .jsgrid-grid-header table tr th body.skin-dark input.bSelect .btn.btn-danger:hover, body.skin-dark .jsgrid-grid-header table tr th select.bSelect .btn.btn-danger:hover, .jsgrid-grid-header table tr th body.skin-dark select.bSelect .btn.btn-danger:hover, body.skin-dark .jsgrid-grid-header table tr td input.bSelect .btn.btn-danger:hover, .jsgrid-grid-header table tr td body.skin-dark input.bSelect .btn.btn-danger:hover, body.skin-dark .jsgrid-grid-header table tr td select.bSelect .btn.btn-danger:hover, .jsgrid-grid-header table tr td body.skin-dark select.bSelect .btn.btn-danger:hover, body.skin-dark .footable.table thead tr th .footable-filtering-search .input-group .bSelect.form-control .btn.btn-danger:hover, body.skin-dark .jsgrid-table tr th input.bSelect:not(.jsgrid-button) .btn.btn-danger:hover, body.skin-dark .jsgrid-table tr td input.bSelect:not(.jsgrid-button) .btn.btn-danger:hover, body.skin-dark .jsgrid-table tr th select.bSelect .btn.btn-danger:hover, body.skin-dark .jsgrid-table tr td select.bSelect .btn.btn-danger:hover {
  background-color: #fd296b;
  border-color: #fd296b;
  color: #ffffff;
}

body.skin-dark .form-control.bSelect .btn.btn-warning, body.skin-dark #toast-container .toast .toast-message input.bSelect .btn.btn-warning, #toast-container .toast .toast-message body.skin-dark input.bSelect .btn.btn-warning, body.skin-dark .dataTables_wrapper .dataTables_length label input.bSelect .btn.btn-warning, .dataTables_wrapper .dataTables_length label body.skin-dark input.bSelect .btn.btn-warning, body.skin-dark .dataTables_wrapper .dataTables_filter label input.bSelect .btn.btn-warning, .dataTables_wrapper .dataTables_filter label body.skin-dark input.bSelect .btn.btn-warning, body.skin-dark .dataTables_wrapper .dataTables_length label select.bSelect .btn.btn-warning, .dataTables_wrapper .dataTables_length label body.skin-dark select.bSelect .btn.btn-warning, body.skin-dark .dataTables_wrapper .dataTables_filter label select.bSelect .btn.btn-warning, .dataTables_wrapper .dataTables_filter label body.skin-dark select.bSelect .btn.btn-warning, .footable.table thead tr th .footable-filtering-search .input-group body.skin-dark .bSelect.form-control .btn.btn-warning, body.skin-dark .jsgrid-grid-header table tr th input.bSelect .btn.btn-warning, .jsgrid-grid-header table tr th body.skin-dark input.bSelect .btn.btn-warning, body.skin-dark .jsgrid-grid-header table tr th select.bSelect .btn.btn-warning, .jsgrid-grid-header table tr th body.skin-dark select.bSelect .btn.btn-warning, body.skin-dark .jsgrid-grid-header table tr td input.bSelect .btn.btn-warning, .jsgrid-grid-header table tr td body.skin-dark input.bSelect .btn.btn-warning, body.skin-dark .jsgrid-grid-header table tr td select.bSelect .btn.btn-warning, .jsgrid-grid-header table tr td body.skin-dark select.bSelect .btn.btn-warning, body.skin-dark .footable.table thead tr th .footable-filtering-search .input-group .bSelect.form-control .btn.btn-warning, body.skin-dark .jsgrid-table tr th input.bSelect:not(.jsgrid-button) .btn.btn-warning, body.skin-dark .jsgrid-table tr td input.bSelect:not(.jsgrid-button) .btn.btn-warning, body.skin-dark .jsgrid-table tr th select.bSelect .btn.btn-warning, body.skin-dark .jsgrid-table tr td select.bSelect .btn.btn-warning {
  background-color: #ff9666;
  border-color: #ff9666;
  color: #ffffff;
}

body.skin-dark .form-control.bSelect .btn.btn-warning:hover, body.skin-dark #toast-container .toast .toast-message input.bSelect .btn.btn-warning:hover, #toast-container .toast .toast-message body.skin-dark input.bSelect .btn.btn-warning:hover, body.skin-dark .dataTables_wrapper .dataTables_length label input.bSelect .btn.btn-warning:hover, .dataTables_wrapper .dataTables_length label body.skin-dark input.bSelect .btn.btn-warning:hover, body.skin-dark .dataTables_wrapper .dataTables_filter label input.bSelect .btn.btn-warning:hover, .dataTables_wrapper .dataTables_filter label body.skin-dark input.bSelect .btn.btn-warning:hover, body.skin-dark .dataTables_wrapper .dataTables_length label select.bSelect .btn.btn-warning:hover, .dataTables_wrapper .dataTables_length label body.skin-dark select.bSelect .btn.btn-warning:hover, body.skin-dark .dataTables_wrapper .dataTables_filter label select.bSelect .btn.btn-warning:hover, .dataTables_wrapper .dataTables_filter label body.skin-dark select.bSelect .btn.btn-warning:hover, body.skin-dark .jsgrid-grid-header table tr th input.bSelect .btn.btn-warning:hover, .jsgrid-grid-header table tr th body.skin-dark input.bSelect .btn.btn-warning:hover, body.skin-dark .jsgrid-grid-header table tr th select.bSelect .btn.btn-warning:hover, .jsgrid-grid-header table tr th body.skin-dark select.bSelect .btn.btn-warning:hover, body.skin-dark .jsgrid-grid-header table tr td input.bSelect .btn.btn-warning:hover, .jsgrid-grid-header table tr td body.skin-dark input.bSelect .btn.btn-warning:hover, body.skin-dark .jsgrid-grid-header table tr td select.bSelect .btn.btn-warning:hover, .jsgrid-grid-header table tr td body.skin-dark select.bSelect .btn.btn-warning:hover, body.skin-dark .footable.table thead tr th .footable-filtering-search .input-group .bSelect.form-control .btn.btn-warning:hover, body.skin-dark .jsgrid-table tr th input.bSelect:not(.jsgrid-button) .btn.btn-warning:hover, body.skin-dark .jsgrid-table tr td input.bSelect:not(.jsgrid-button) .btn.btn-warning:hover, body.skin-dark .jsgrid-table tr th select.bSelect .btn.btn-warning:hover, body.skin-dark .jsgrid-table tr td select.bSelect .btn.btn-warning:hover {
  background-color: #ff854d;
  border-color: #ff854d;
  color: #ffffff;
}

body.skin-dark .form-control.bSelect .btn.btn-info, body.skin-dark #toast-container .toast .toast-message input.bSelect .btn.btn-info, #toast-container .toast .toast-message body.skin-dark input.bSelect .btn.btn-info, body.skin-dark .dataTables_wrapper .dataTables_length label input.bSelect .btn.btn-info, .dataTables_wrapper .dataTables_length label body.skin-dark input.bSelect .btn.btn-info, body.skin-dark .dataTables_wrapper .dataTables_filter label input.bSelect .btn.btn-info, .dataTables_wrapper .dataTables_filter label body.skin-dark input.bSelect .btn.btn-info, body.skin-dark .dataTables_wrapper .dataTables_length label select.bSelect .btn.btn-info, .dataTables_wrapper .dataTables_length label body.skin-dark select.bSelect .btn.btn-info, body.skin-dark .dataTables_wrapper .dataTables_filter label select.bSelect .btn.btn-info, .dataTables_wrapper .dataTables_filter label body.skin-dark select.bSelect .btn.btn-info, .footable.table thead tr th .footable-filtering-search .input-group body.skin-dark .bSelect.form-control .btn.btn-info, body.skin-dark .jsgrid-grid-header table tr th input.bSelect .btn.btn-info, .jsgrid-grid-header table tr th body.skin-dark input.bSelect .btn.btn-info, body.skin-dark .jsgrid-grid-header table tr th select.bSelect .btn.btn-info, .jsgrid-grid-header table tr th body.skin-dark select.bSelect .btn.btn-info, body.skin-dark .jsgrid-grid-header table tr td input.bSelect .btn.btn-info, .jsgrid-grid-header table tr td body.skin-dark input.bSelect .btn.btn-info, body.skin-dark .jsgrid-grid-header table tr td select.bSelect .btn.btn-info, .jsgrid-grid-header table tr td body.skin-dark select.bSelect .btn.btn-info, body.skin-dark .footable.table thead tr th .footable-filtering-search .input-group .bSelect.form-control .btn.btn-info, body.skin-dark .jsgrid-table tr th input.bSelect:not(.jsgrid-button) .btn.btn-info, body.skin-dark .jsgrid-table tr td input.bSelect:not(.jsgrid-button) .btn.btn-info, body.skin-dark .jsgrid-table tr th select.bSelect .btn.btn-info, body.skin-dark .jsgrid-table tr td select.bSelect .btn.btn-info {
  background-color: #17a2b8;
  border-color: #17a2b8;
  color: #ffffff;
}

body.skin-dark .form-control.bSelect .btn.btn-info:hover, body.skin-dark #toast-container .toast .toast-message input.bSelect .btn.btn-info:hover, #toast-container .toast .toast-message body.skin-dark input.bSelect .btn.btn-info:hover, body.skin-dark .dataTables_wrapper .dataTables_length label input.bSelect .btn.btn-info:hover, .dataTables_wrapper .dataTables_length label body.skin-dark input.bSelect .btn.btn-info:hover, body.skin-dark .dataTables_wrapper .dataTables_filter label input.bSelect .btn.btn-info:hover, .dataTables_wrapper .dataTables_filter label body.skin-dark input.bSelect .btn.btn-info:hover, body.skin-dark .dataTables_wrapper .dataTables_length label select.bSelect .btn.btn-info:hover, .dataTables_wrapper .dataTables_length label body.skin-dark select.bSelect .btn.btn-info:hover, body.skin-dark .dataTables_wrapper .dataTables_filter label select.bSelect .btn.btn-info:hover, .dataTables_wrapper .dataTables_filter label body.skin-dark select.bSelect .btn.btn-info:hover, body.skin-dark .jsgrid-grid-header table tr th input.bSelect .btn.btn-info:hover, .jsgrid-grid-header table tr th body.skin-dark input.bSelect .btn.btn-info:hover, body.skin-dark .jsgrid-grid-header table tr th select.bSelect .btn.btn-info:hover, .jsgrid-grid-header table tr th body.skin-dark select.bSelect .btn.btn-info:hover, body.skin-dark .jsgrid-grid-header table tr td input.bSelect .btn.btn-info:hover, .jsgrid-grid-header table tr td body.skin-dark input.bSelect .btn.btn-info:hover, body.skin-dark .jsgrid-grid-header table tr td select.bSelect .btn.btn-info:hover, .jsgrid-grid-header table tr td body.skin-dark select.bSelect .btn.btn-info:hover, body.skin-dark .footable.table thead tr th .footable-filtering-search .input-group .bSelect.form-control .btn.btn-info:hover, body.skin-dark .jsgrid-table tr th input.bSelect:not(.jsgrid-button) .btn.btn-info:hover, body.skin-dark .jsgrid-table tr td input.bSelect:not(.jsgrid-button) .btn.btn-info:hover, body.skin-dark .jsgrid-table tr th select.bSelect .btn.btn-info:hover, body.skin-dark .jsgrid-table tr td select.bSelect .btn.btn-info:hover {
  background-color: #148ea1;
  border-color: #148ea1;
  color: #ffffff;
}

body.skin-dark .form-control.bSelect .dropdown-menu, body.skin-dark #toast-container .toast .toast-message input.bSelect .dropdown-menu, #toast-container .toast .toast-message body.skin-dark input.bSelect .dropdown-menu, body.skin-dark .dataTables_wrapper .dataTables_length label input.bSelect .dropdown-menu, .dataTables_wrapper .dataTables_length label body.skin-dark input.bSelect .dropdown-menu, body.skin-dark .dataTables_wrapper .dataTables_filter label input.bSelect .dropdown-menu, .dataTables_wrapper .dataTables_filter label body.skin-dark input.bSelect .dropdown-menu, body.skin-dark .dataTables_wrapper .dataTables_length label select.bSelect .dropdown-menu, .dataTables_wrapper .dataTables_length label body.skin-dark select.bSelect .dropdown-menu, body.skin-dark .dataTables_wrapper .dataTables_filter label select.bSelect .dropdown-menu, .dataTables_wrapper .dataTables_filter label body.skin-dark select.bSelect .dropdown-menu, .footable.table thead tr th .footable-filtering-search .input-group body.skin-dark .bSelect.form-control .dropdown-menu, body.skin-dark .jsgrid-grid-header table tr th input.bSelect .dropdown-menu, .jsgrid-grid-header table tr th body.skin-dark input.bSelect .dropdown-menu, body.skin-dark .jsgrid-grid-header table tr th select.bSelect .dropdown-menu, .jsgrid-grid-header table tr th body.skin-dark select.bSelect .dropdown-menu, body.skin-dark .jsgrid-grid-header table tr td input.bSelect .dropdown-menu, .jsgrid-grid-header table tr td body.skin-dark input.bSelect .dropdown-menu, body.skin-dark .jsgrid-grid-header table tr td select.bSelect .dropdown-menu, .jsgrid-grid-header table tr td body.skin-dark select.bSelect .dropdown-menu, body.skin-dark .footable.table thead tr th .footable-filtering-search .input-group .bSelect.form-control .dropdown-menu, body.skin-dark .jsgrid-table tr th input.bSelect:not(.jsgrid-button) .dropdown-menu, body.skin-dark .jsgrid-table tr td input.bSelect:not(.jsgrid-button) .dropdown-menu, body.skin-dark .jsgrid-table tr th select.bSelect .dropdown-menu, body.skin-dark .jsgrid-table tr td select.bSelect .dropdown-menu {
  border-color: #333853;
  background-color: #333853;
}

body.skin-dark .form-control.bSelect .dropdown-menu li span, body.skin-dark #toast-container .toast .toast-message input.bSelect .dropdown-menu li span, #toast-container .toast .toast-message body.skin-dark input.bSelect .dropdown-menu li span, body.skin-dark .dataTables_wrapper .dataTables_length label input.bSelect .dropdown-menu li span, .dataTables_wrapper .dataTables_length label body.skin-dark input.bSelect .dropdown-menu li span, body.skin-dark .dataTables_wrapper .dataTables_filter label input.bSelect .dropdown-menu li span, .dataTables_wrapper .dataTables_filter label body.skin-dark input.bSelect .dropdown-menu li span, body.skin-dark .dataTables_wrapper .dataTables_length label select.bSelect .dropdown-menu li span, .dataTables_wrapper .dataTables_length label body.skin-dark select.bSelect .dropdown-menu li span, body.skin-dark .dataTables_wrapper .dataTables_filter label select.bSelect .dropdown-menu li span, .dataTables_wrapper .dataTables_filter label body.skin-dark select.bSelect .dropdown-menu li span, .footable.table thead tr th .footable-filtering-search .input-group body.skin-dark .bSelect.form-control .dropdown-menu li span, body.skin-dark .jsgrid-grid-header table tr th input.bSelect .dropdown-menu li span, .jsgrid-grid-header table tr th body.skin-dark input.bSelect .dropdown-menu li span, body.skin-dark .jsgrid-grid-header table tr th select.bSelect .dropdown-menu li span, .jsgrid-grid-header table tr th body.skin-dark select.bSelect .dropdown-menu li span, body.skin-dark .jsgrid-grid-header table tr td input.bSelect .dropdown-menu li span, .jsgrid-grid-header table tr td body.skin-dark input.bSelect .dropdown-menu li span, body.skin-dark .jsgrid-grid-header table tr td select.bSelect .dropdown-menu li span, .jsgrid-grid-header table tr td body.skin-dark select.bSelect .dropdown-menu li span, body.skin-dark .footable.table thead tr th .footable-filtering-search .input-group .bSelect.form-control .dropdown-menu li span, body.skin-dark .jsgrid-table tr th input.bSelect:not(.jsgrid-button) .dropdown-menu li span, body.skin-dark .jsgrid-table tr td input.bSelect:not(.jsgrid-button) .dropdown-menu li span, body.skin-dark .jsgrid-table tr th select.bSelect .dropdown-menu li span, body.skin-dark .jsgrid-table tr td select.bSelect .dropdown-menu li span {
  color: #8b8d9b;
}

body.skin-dark .form-control.bSelect .dropdown-menu li.selected span, body.skin-dark #toast-container .toast .toast-message input.bSelect .dropdown-menu li.selected span, #toast-container .toast .toast-message body.skin-dark input.bSelect .dropdown-menu li.selected span, body.skin-dark .dataTables_wrapper .dataTables_length label input.bSelect .dropdown-menu li.selected span, .dataTables_wrapper .dataTables_length label body.skin-dark input.bSelect .dropdown-menu li.selected span, body.skin-dark .dataTables_wrapper .dataTables_filter label input.bSelect .dropdown-menu li.selected span, .dataTables_wrapper .dataTables_filter label body.skin-dark input.bSelect .dropdown-menu li.selected span, body.skin-dark .dataTables_wrapper .dataTables_length label select.bSelect .dropdown-menu li.selected span, .dataTables_wrapper .dataTables_length label body.skin-dark select.bSelect .dropdown-menu li.selected span, body.skin-dark .dataTables_wrapper .dataTables_filter label select.bSelect .dropdown-menu li.selected span, .dataTables_wrapper .dataTables_filter label body.skin-dark select.bSelect .dropdown-menu li.selected span, body.skin-dark .jsgrid-grid-header table tr th input.bSelect .dropdown-menu li.selected span, .jsgrid-grid-header table tr th body.skin-dark input.bSelect .dropdown-menu li.selected span, body.skin-dark .jsgrid-grid-header table tr th select.bSelect .dropdown-menu li.selected span, .jsgrid-grid-header table tr th body.skin-dark select.bSelect .dropdown-menu li.selected span, body.skin-dark .jsgrid-grid-header table tr td input.bSelect .dropdown-menu li.selected span, .jsgrid-grid-header table tr td body.skin-dark input.bSelect .dropdown-menu li.selected span, body.skin-dark .jsgrid-grid-header table tr td select.bSelect .dropdown-menu li.selected span, .jsgrid-grid-header table tr td body.skin-dark select.bSelect .dropdown-menu li.selected span, body.skin-dark .footable.table thead tr th .footable-filtering-search .input-group .bSelect.form-control .dropdown-menu li.selected span, body.skin-dark .jsgrid-table tr th input.bSelect:not(.jsgrid-button) .dropdown-menu li.selected span, body.skin-dark .jsgrid-table tr td input.bSelect:not(.jsgrid-button) .dropdown-menu li.selected span, body.skin-dark .jsgrid-table tr th select.bSelect .dropdown-menu li.selected span, body.skin-dark .jsgrid-table tr td select.bSelect .dropdown-menu li.selected span {
  color: #ffffff;
}

body.skin-dark .form-control.bSelect .dropdown-menu li a:hover, body.skin-dark #toast-container .toast .toast-message input.bSelect .dropdown-menu li a:hover, #toast-container .toast .toast-message body.skin-dark input.bSelect .dropdown-menu li a:hover, body.skin-dark .dataTables_wrapper .dataTables_length label input.bSelect .dropdown-menu li a:hover, .dataTables_wrapper .dataTables_length label body.skin-dark input.bSelect .dropdown-menu li a:hover, body.skin-dark .dataTables_wrapper .dataTables_filter label input.bSelect .dropdown-menu li a:hover, .dataTables_wrapper .dataTables_filter label body.skin-dark input.bSelect .dropdown-menu li a:hover, body.skin-dark .dataTables_wrapper .dataTables_length label select.bSelect .dropdown-menu li a:hover, .dataTables_wrapper .dataTables_length label body.skin-dark select.bSelect .dropdown-menu li a:hover, body.skin-dark .dataTables_wrapper .dataTables_filter label select.bSelect .dropdown-menu li a:hover, .dataTables_wrapper .dataTables_filter label body.skin-dark select.bSelect .dropdown-menu li a:hover, body.skin-dark .jsgrid-grid-header table tr th input.bSelect .dropdown-menu li a:hover, .jsgrid-grid-header table tr th body.skin-dark input.bSelect .dropdown-menu li a:hover, body.skin-dark .jsgrid-grid-header table tr th select.bSelect .dropdown-menu li a:hover, .jsgrid-grid-header table tr th body.skin-dark select.bSelect .dropdown-menu li a:hover, body.skin-dark .jsgrid-grid-header table tr td input.bSelect .dropdown-menu li a:hover, .jsgrid-grid-header table tr td body.skin-dark input.bSelect .dropdown-menu li a:hover, body.skin-dark .jsgrid-grid-header table tr td select.bSelect .dropdown-menu li a:hover, .jsgrid-grid-header table tr td body.skin-dark select.bSelect .dropdown-menu li a:hover, body.skin-dark .footable.table thead tr th .footable-filtering-search .input-group .bSelect.form-control .dropdown-menu li a:hover, body.skin-dark .jsgrid-table tr th input.bSelect:not(.jsgrid-button) .dropdown-menu li a:hover, body.skin-dark .jsgrid-table tr td input.bSelect:not(.jsgrid-button) .dropdown-menu li a:hover, body.skin-dark .jsgrid-table tr th select.bSelect .dropdown-menu li a:hover, body.skin-dark .jsgrid-table tr td select.bSelect .dropdown-menu li a:hover {
  background-color: #292d44;
}

body.skin-dark .form-control.bSelect .dropdown-menu li.dropdown-divider, body.skin-dark #toast-container .toast .toast-message input.bSelect .dropdown-menu li.dropdown-divider, #toast-container .toast .toast-message body.skin-dark input.bSelect .dropdown-menu li.dropdown-divider, body.skin-dark .dataTables_wrapper .dataTables_length label input.bSelect .dropdown-menu li.dropdown-divider, .dataTables_wrapper .dataTables_length label body.skin-dark input.bSelect .dropdown-menu li.dropdown-divider, body.skin-dark .dataTables_wrapper .dataTables_filter label input.bSelect .dropdown-menu li.dropdown-divider, .dataTables_wrapper .dataTables_filter label body.skin-dark input.bSelect .dropdown-menu li.dropdown-divider, body.skin-dark .dataTables_wrapper .dataTables_length label select.bSelect .dropdown-menu li.dropdown-divider, .dataTables_wrapper .dataTables_length label body.skin-dark select.bSelect .dropdown-menu li.dropdown-divider, body.skin-dark .dataTables_wrapper .dataTables_filter label select.bSelect .dropdown-menu li.dropdown-divider, .dataTables_wrapper .dataTables_filter label body.skin-dark select.bSelect .dropdown-menu li.dropdown-divider, .footable.table thead tr th .footable-filtering-search .input-group body.skin-dark .bSelect.form-control .dropdown-menu li.dropdown-divider, body.skin-dark .jsgrid-grid-header table tr th input.bSelect .dropdown-menu li.dropdown-divider, .jsgrid-grid-header table tr th body.skin-dark input.bSelect .dropdown-menu li.dropdown-divider, body.skin-dark .jsgrid-grid-header table tr th select.bSelect .dropdown-menu li.dropdown-divider, .jsgrid-grid-header table tr th body.skin-dark select.bSelect .dropdown-menu li.dropdown-divider, body.skin-dark .jsgrid-grid-header table tr td input.bSelect .dropdown-menu li.dropdown-divider, .jsgrid-grid-header table tr td body.skin-dark input.bSelect .dropdown-menu li.dropdown-divider, body.skin-dark .jsgrid-grid-header table tr td select.bSelect .dropdown-menu li.dropdown-divider, .jsgrid-grid-header table tr td body.skin-dark select.bSelect .dropdown-menu li.dropdown-divider, body.skin-dark .footable.table thead tr th .footable-filtering-search .input-group .bSelect.form-control .dropdown-menu li.dropdown-divider, body.skin-dark .jsgrid-table tr th input.bSelect:not(.jsgrid-button) .dropdown-menu li.dropdown-divider, body.skin-dark .jsgrid-table tr td input.bSelect:not(.jsgrid-button) .dropdown-menu li.dropdown-divider, body.skin-dark .jsgrid-table tr th select.bSelect .dropdown-menu li.dropdown-divider, body.skin-dark .jsgrid-table tr td select.bSelect .dropdown-menu li.dropdown-divider {
  border-color: #202334;
}

body.skin-dark .form-control.bSelect.dark, body.skin-dark #toast-container .toast .toast-message input.bSelect.dark, #toast-container .toast .toast-message body.skin-dark input.bSelect.dark, body.skin-dark .dataTables_wrapper .dataTables_length label input.bSelect.dark, .dataTables_wrapper .dataTables_length label body.skin-dark input.bSelect.dark, body.skin-dark .dataTables_wrapper .dataTables_filter label input.bSelect.dark, .dataTables_wrapper .dataTables_filter label body.skin-dark input.bSelect.dark, body.skin-dark .dataTables_wrapper .dataTables_length label select.bSelect.dark, .dataTables_wrapper .dataTables_length label body.skin-dark select.bSelect.dark, body.skin-dark .dataTables_wrapper .dataTables_filter label select.bSelect.dark, .dataTables_wrapper .dataTables_filter label body.skin-dark select.bSelect.dark, .footable.table thead tr th .footable-filtering-search .input-group body.skin-dark .bSelect.dark.form-control, body.skin-dark .jsgrid-grid-header table tr th input.bSelect.dark, .jsgrid-grid-header table tr th body.skin-dark input.bSelect.dark, body.skin-dark .jsgrid-grid-header table tr th select.bSelect.dark, .jsgrid-grid-header table tr th body.skin-dark select.bSelect.dark, body.skin-dark .jsgrid-grid-header table tr td input.bSelect.dark, .jsgrid-grid-header table tr td body.skin-dark input.bSelect.dark, body.skin-dark .jsgrid-grid-header table tr td select.bSelect.dark, .jsgrid-grid-header table tr td body.skin-dark select.bSelect.dark, body.skin-dark .footable.table thead tr th .footable-filtering-search .input-group .bSelect.dark.form-control, body.skin-dark .jsgrid-table tr th input.bSelect.dark:not(.jsgrid-button), body.skin-dark .jsgrid-table tr td input.bSelect.dark:not(.jsgrid-button), body.skin-dark .jsgrid-table tr th select.bSelect.dark, body.skin-dark .jsgrid-table tr td select.bSelect.dark, body.skin-dark .form-control.bSelect.focus-dark:focus, body.skin-dark #toast-container .toast .toast-message input.bSelect.focus-dark:focus, #toast-container .toast .toast-message body.skin-dark input.bSelect.focus-dark:focus, body.skin-dark .dataTables_wrapper .dataTables_length label input.bSelect.focus-dark:focus, .dataTables_wrapper .dataTables_length label body.skin-dark input.bSelect.focus-dark:focus, body.skin-dark .dataTables_wrapper .dataTables_filter label input.bSelect.focus-dark:focus, .dataTables_wrapper .dataTables_filter label body.skin-dark input.bSelect.focus-dark:focus, body.skin-dark .dataTables_wrapper .dataTables_length label select.bSelect.focus-dark:focus, .dataTables_wrapper .dataTables_length label body.skin-dark select.bSelect.focus-dark:focus, body.skin-dark .dataTables_wrapper .dataTables_filter label select.bSelect.focus-dark:focus, .dataTables_wrapper .dataTables_filter label body.skin-dark select.bSelect.focus-dark:focus, .footable.table thead tr th .footable-filtering-search .input-group body.skin-dark .bSelect.focus-dark.form-control:focus, body.skin-dark .jsgrid-grid-header table tr th input.bSelect.focus-dark:focus, .jsgrid-grid-header table tr th body.skin-dark input.bSelect.focus-dark:focus, body.skin-dark .jsgrid-grid-header table tr th select.bSelect.focus-dark:focus, .jsgrid-grid-header table tr th body.skin-dark select.bSelect.focus-dark:focus, body.skin-dark .jsgrid-grid-header table tr td input.bSelect.focus-dark:focus, .jsgrid-grid-header table tr td body.skin-dark input.bSelect.focus-dark:focus, body.skin-dark .jsgrid-grid-header table tr td select.bSelect.focus-dark:focus, .jsgrid-grid-header table tr td body.skin-dark select.bSelect.focus-dark:focus, body.skin-dark .footable.table thead tr th .footable-filtering-search .input-group .bSelect.focus-dark.form-control:focus, body.skin-dark .jsgrid-table tr th input.bSelect.focus-dark:focus:not(.jsgrid-button), body.skin-dark .jsgrid-table tr td input.bSelect.focus-dark:focus:not(.jsgrid-button), body.skin-dark .jsgrid-table tr th select.bSelect.focus-dark:focus, body.skin-dark .jsgrid-table tr td select.bSelect.focus-dark:focus {
  border-color: #343434;
}

body.skin-dark .form-control.bSelect.primary, body.skin-dark #toast-container .toast .toast-message input.bSelect.primary, #toast-container .toast .toast-message body.skin-dark input.bSelect.primary, body.skin-dark .dataTables_wrapper .dataTables_length label input.bSelect.primary, .dataTables_wrapper .dataTables_length label body.skin-dark input.bSelect.primary, body.skin-dark .dataTables_wrapper .dataTables_filter label input.bSelect.primary, .dataTables_wrapper .dataTables_filter label body.skin-dark input.bSelect.primary, body.skin-dark .dataTables_wrapper .dataTables_length label select.bSelect.primary, .dataTables_wrapper .dataTables_length label body.skin-dark select.bSelect.primary, body.skin-dark .dataTables_wrapper .dataTables_filter label select.bSelect.primary, .dataTables_wrapper .dataTables_filter label body.skin-dark select.bSelect.primary, .footable.table thead tr th .footable-filtering-search .input-group body.skin-dark .bSelect.primary.form-control, body.skin-dark .jsgrid-grid-header table tr th input.bSelect.primary, .jsgrid-grid-header table tr th body.skin-dark input.bSelect.primary, body.skin-dark .jsgrid-grid-header table tr th select.bSelect.primary, .jsgrid-grid-header table tr th body.skin-dark select.bSelect.primary, body.skin-dark .jsgrid-grid-header table tr td input.bSelect.primary, .jsgrid-grid-header table tr td body.skin-dark input.bSelect.primary, body.skin-dark .jsgrid-grid-header table tr td select.bSelect.primary, .jsgrid-grid-header table tr td body.skin-dark select.bSelect.primary, body.skin-dark .footable.table thead tr th .footable-filtering-search .input-group .bSelect.primary.form-control, body.skin-dark .jsgrid-table tr th input.bSelect.primary:not(.jsgrid-button), body.skin-dark .jsgrid-table tr td input.bSelect.primary:not(.jsgrid-button), body.skin-dark .jsgrid-table tr th select.bSelect.primary, body.skin-dark .jsgrid-table tr td select.bSelect.primary, body.skin-dark .form-control.bSelect.focus-primary:focus, body.skin-dark #toast-container .toast .toast-message input.bSelect.focus-primary:focus, #toast-container .toast .toast-message body.skin-dark input.bSelect.focus-primary:focus, body.skin-dark .dataTables_wrapper .dataTables_length label input.bSelect.focus-primary:focus, .dataTables_wrapper .dataTables_length label body.skin-dark input.bSelect.focus-primary:focus, body.skin-dark .dataTables_wrapper .dataTables_filter label input.bSelect.focus-primary:focus, .dataTables_wrapper .dataTables_filter label body.skin-dark input.bSelect.focus-primary:focus, body.skin-dark .dataTables_wrapper .dataTables_length label select.bSelect.focus-primary:focus, .dataTables_wrapper .dataTables_length label body.skin-dark select.bSelect.focus-primary:focus, body.skin-dark .dataTables_wrapper .dataTables_filter label select.bSelect.focus-primary:focus, .dataTables_wrapper .dataTables_filter label body.skin-dark select.bSelect.focus-primary:focus, .footable.table thead tr th .footable-filtering-search .input-group body.skin-dark .bSelect.focus-primary.form-control:focus, body.skin-dark .jsgrid-grid-header table tr th input.bSelect.focus-primary:focus, .jsgrid-grid-header table tr th body.skin-dark input.bSelect.focus-primary:focus, body.skin-dark .jsgrid-grid-header table tr th select.bSelect.focus-primary:focus, .jsgrid-grid-header table tr th body.skin-dark select.bSelect.focus-primary:focus, body.skin-dark .jsgrid-grid-header table tr td input.bSelect.focus-primary:focus, .jsgrid-grid-header table tr td body.skin-dark input.bSelect.focus-primary:focus, body.skin-dark .jsgrid-grid-header table tr td select.bSelect.focus-primary:focus, .jsgrid-grid-header table tr td body.skin-dark select.bSelect.focus-primary:focus, body.skin-dark .footable.table thead tr th .footable-filtering-search .input-group .bSelect.focus-primary.form-control:focus, body.skin-dark .jsgrid-table tr th input.bSelect.focus-primary:focus:not(.jsgrid-button), body.skin-dark .jsgrid-table tr td input.bSelect.focus-primary:focus:not(.jsgrid-button), body.skin-dark .jsgrid-table tr th select.bSelect.focus-primary:focus, body.skin-dark .jsgrid-table tr td select.bSelect.focus-primary:focus {
  border-color: #428bfa;
}

body.skin-dark .form-control.bSelect.secondary, body.skin-dark #toast-container .toast .toast-message input.bSelect.secondary, #toast-container .toast .toast-message body.skin-dark input.bSelect.secondary, body.skin-dark .dataTables_wrapper .dataTables_length label input.bSelect.secondary, .dataTables_wrapper .dataTables_length label body.skin-dark input.bSelect.secondary, body.skin-dark .dataTables_wrapper .dataTables_filter label input.bSelect.secondary, .dataTables_wrapper .dataTables_filter label body.skin-dark input.bSelect.secondary, body.skin-dark .dataTables_wrapper .dataTables_length label select.bSelect.secondary, .dataTables_wrapper .dataTables_length label body.skin-dark select.bSelect.secondary, body.skin-dark .dataTables_wrapper .dataTables_filter label select.bSelect.secondary, .dataTables_wrapper .dataTables_filter label body.skin-dark select.bSelect.secondary, .footable.table thead tr th .footable-filtering-search .input-group body.skin-dark .bSelect.secondary.form-control, body.skin-dark .jsgrid-grid-header table tr th input.bSelect.secondary, .jsgrid-grid-header table tr th body.skin-dark input.bSelect.secondary, body.skin-dark .jsgrid-grid-header table tr th select.bSelect.secondary, .jsgrid-grid-header table tr th body.skin-dark select.bSelect.secondary, body.skin-dark .jsgrid-grid-header table tr td input.bSelect.secondary, .jsgrid-grid-header table tr td body.skin-dark input.bSelect.secondary, body.skin-dark .jsgrid-grid-header table tr td select.bSelect.secondary, .jsgrid-grid-header table tr td body.skin-dark select.bSelect.secondary, body.skin-dark .footable.table thead tr th .footable-filtering-search .input-group .bSelect.secondary.form-control, body.skin-dark .jsgrid-table tr th input.bSelect.secondary:not(.jsgrid-button), body.skin-dark .jsgrid-table tr td input.bSelect.secondary:not(.jsgrid-button), body.skin-dark .jsgrid-table tr th select.bSelect.secondary, body.skin-dark .jsgrid-table tr td select.bSelect.secondary, body.skin-dark .form-control.bSelect.focus-secondary:focus, body.skin-dark #toast-container .toast .toast-message input.bSelect.focus-secondary:focus, #toast-container .toast .toast-message body.skin-dark input.bSelect.focus-secondary:focus, body.skin-dark .dataTables_wrapper .dataTables_length label input.bSelect.focus-secondary:focus, .dataTables_wrapper .dataTables_length label body.skin-dark input.bSelect.focus-secondary:focus, body.skin-dark .dataTables_wrapper .dataTables_filter label input.bSelect.focus-secondary:focus, .dataTables_wrapper .dataTables_filter label body.skin-dark input.bSelect.focus-secondary:focus, body.skin-dark .dataTables_wrapper .dataTables_length label select.bSelect.focus-secondary:focus, .dataTables_wrapper .dataTables_length label body.skin-dark select.bSelect.focus-secondary:focus, body.skin-dark .dataTables_wrapper .dataTables_filter label select.bSelect.focus-secondary:focus, .dataTables_wrapper .dataTables_filter label body.skin-dark select.bSelect.focus-secondary:focus, .footable.table thead tr th .footable-filtering-search .input-group body.skin-dark .bSelect.focus-secondary.form-control:focus, body.skin-dark .jsgrid-grid-header table tr th input.bSelect.focus-secondary:focus, .jsgrid-grid-header table tr th body.skin-dark input.bSelect.focus-secondary:focus, body.skin-dark .jsgrid-grid-header table tr th select.bSelect.focus-secondary:focus, .jsgrid-grid-header table tr th body.skin-dark select.bSelect.focus-secondary:focus, body.skin-dark .jsgrid-grid-header table tr td input.bSelect.focus-secondary:focus, .jsgrid-grid-header table tr td body.skin-dark input.bSelect.focus-secondary:focus, body.skin-dark .jsgrid-grid-header table tr td select.bSelect.focus-secondary:focus, .jsgrid-grid-header table tr td body.skin-dark select.bSelect.focus-secondary:focus, body.skin-dark .footable.table thead tr th .footable-filtering-search .input-group .bSelect.focus-secondary.form-control:focus, body.skin-dark .jsgrid-table tr th input.bSelect.focus-secondary:focus:not(.jsgrid-button), body.skin-dark .jsgrid-table tr td input.bSelect.focus-secondary:focus:not(.jsgrid-button), body.skin-dark .jsgrid-table tr th select.bSelect.focus-secondary:focus, body.skin-dark .jsgrid-table tr td select.bSelect.focus-secondary:focus {
  border-color: #fb7da4;
}

body.skin-dark .form-control.bSelect.success, body.skin-dark #toast-container .toast .toast-message input.bSelect.success, #toast-container .toast .toast-message body.skin-dark input.bSelect.success, body.skin-dark .dataTables_wrapper .dataTables_length label input.bSelect.success, .dataTables_wrapper .dataTables_length label body.skin-dark input.bSelect.success, body.skin-dark .dataTables_wrapper .dataTables_filter label input.bSelect.success, .dataTables_wrapper .dataTables_filter label body.skin-dark input.bSelect.success, body.skin-dark .dataTables_wrapper .dataTables_length label select.bSelect.success, .dataTables_wrapper .dataTables_length label body.skin-dark select.bSelect.success, body.skin-dark .dataTables_wrapper .dataTables_filter label select.bSelect.success, .dataTables_wrapper .dataTables_filter label body.skin-dark select.bSelect.success, .footable.table thead tr th .footable-filtering-search .input-group body.skin-dark .bSelect.success.form-control, body.skin-dark .jsgrid-grid-header table tr th input.bSelect.success, .jsgrid-grid-header table tr th body.skin-dark input.bSelect.success, body.skin-dark .jsgrid-grid-header table tr th select.bSelect.success, .jsgrid-grid-header table tr th body.skin-dark select.bSelect.success, body.skin-dark .jsgrid-grid-header table tr td input.bSelect.success, .jsgrid-grid-header table tr td body.skin-dark input.bSelect.success, body.skin-dark .jsgrid-grid-header table tr td select.bSelect.success, .jsgrid-grid-header table tr td body.skin-dark select.bSelect.success, body.skin-dark .footable.table thead tr th .footable-filtering-search .input-group .bSelect.success.form-control, body.skin-dark .jsgrid-table tr th input.bSelect.success:not(.jsgrid-button), body.skin-dark .jsgrid-table tr td input.bSelect.success:not(.jsgrid-button), body.skin-dark .jsgrid-table tr th select.bSelect.success, body.skin-dark .jsgrid-table tr td select.bSelect.success, body.skin-dark .form-control.bSelect.focus-success:focus, body.skin-dark #toast-container .toast .toast-message input.bSelect.focus-success:focus, #toast-container .toast .toast-message body.skin-dark input.bSelect.focus-success:focus, body.skin-dark .dataTables_wrapper .dataTables_length label input.bSelect.focus-success:focus, .dataTables_wrapper .dataTables_length label body.skin-dark input.bSelect.focus-success:focus, body.skin-dark .dataTables_wrapper .dataTables_filter label input.bSelect.focus-success:focus, .dataTables_wrapper .dataTables_filter label body.skin-dark input.bSelect.focus-success:focus, body.skin-dark .dataTables_wrapper .dataTables_length label select.bSelect.focus-success:focus, .dataTables_wrapper .dataTables_length label body.skin-dark select.bSelect.focus-success:focus, body.skin-dark .dataTables_wrapper .dataTables_filter label select.bSelect.focus-success:focus, .dataTables_wrapper .dataTables_filter label body.skin-dark select.bSelect.focus-success:focus, .footable.table thead tr th .footable-filtering-search .input-group body.skin-dark .bSelect.focus-success.form-control:focus, body.skin-dark .jsgrid-grid-header table tr th input.bSelect.focus-success:focus, .jsgrid-grid-header table tr th body.skin-dark input.bSelect.focus-success:focus, body.skin-dark .jsgrid-grid-header table tr th select.bSelect.focus-success:focus, .jsgrid-grid-header table tr th body.skin-dark select.bSelect.focus-success:focus, body.skin-dark .jsgrid-grid-header table tr td input.bSelect.focus-success:focus, .jsgrid-grid-header table tr td body.skin-dark input.bSelect.focus-success:focus, body.skin-dark .jsgrid-grid-header table tr td select.bSelect.focus-success:focus, .jsgrid-grid-header table tr td body.skin-dark select.bSelect.focus-success:focus, body.skin-dark .footable.table thead tr th .footable-filtering-search .input-group .bSelect.focus-success.form-control:focus, body.skin-dark .jsgrid-table tr th input.bSelect.focus-success:focus:not(.jsgrid-button), body.skin-dark .jsgrid-table tr td input.bSelect.focus-success:focus:not(.jsgrid-button), body.skin-dark .jsgrid-table tr th select.bSelect.focus-success:focus, body.skin-dark .jsgrid-table tr td select.bSelect.focus-success:focus {
  border-color: #29db2d;
}

body.skin-dark .form-control.bSelect.danger, body.skin-dark #toast-container .toast .toast-message input.bSelect.danger, #toast-container .toast .toast-message body.skin-dark input.bSelect.danger, body.skin-dark .dataTables_wrapper .dataTables_length label input.bSelect.danger, .dataTables_wrapper .dataTables_length label body.skin-dark input.bSelect.danger, body.skin-dark .dataTables_wrapper .dataTables_filter label input.bSelect.danger, .dataTables_wrapper .dataTables_filter label body.skin-dark input.bSelect.danger, body.skin-dark .dataTables_wrapper .dataTables_length label select.bSelect.danger, .dataTables_wrapper .dataTables_length label body.skin-dark select.bSelect.danger, body.skin-dark .dataTables_wrapper .dataTables_filter label select.bSelect.danger, .dataTables_wrapper .dataTables_filter label body.skin-dark select.bSelect.danger, .footable.table thead tr th .footable-filtering-search .input-group body.skin-dark .bSelect.danger.form-control, body.skin-dark .jsgrid-grid-header table tr th input.bSelect.danger, .jsgrid-grid-header table tr th body.skin-dark input.bSelect.danger, body.skin-dark .jsgrid-grid-header table tr th select.bSelect.danger, .jsgrid-grid-header table tr th body.skin-dark select.bSelect.danger, body.skin-dark .jsgrid-grid-header table tr td input.bSelect.danger, .jsgrid-grid-header table tr td body.skin-dark input.bSelect.danger, body.skin-dark .jsgrid-grid-header table tr td select.bSelect.danger, .jsgrid-grid-header table tr td body.skin-dark select.bSelect.danger, body.skin-dark .footable.table thead tr th .footable-filtering-search .input-group .bSelect.danger.form-control, body.skin-dark .jsgrid-table tr th input.bSelect.danger:not(.jsgrid-button), body.skin-dark .jsgrid-table tr td input.bSelect.danger:not(.jsgrid-button), body.skin-dark .jsgrid-table tr th select.bSelect.danger, body.skin-dark .jsgrid-table tr td select.bSelect.danger, body.skin-dark .form-control.bSelect.focus-danger:focus, body.skin-dark #toast-container .toast .toast-message input.bSelect.focus-danger:focus, #toast-container .toast .toast-message body.skin-dark input.bSelect.focus-danger:focus, body.skin-dark .dataTables_wrapper .dataTables_length label input.bSelect.focus-danger:focus, .dataTables_wrapper .dataTables_length label body.skin-dark input.bSelect.focus-danger:focus, body.skin-dark .dataTables_wrapper .dataTables_filter label input.bSelect.focus-danger:focus, .dataTables_wrapper .dataTables_filter label body.skin-dark input.bSelect.focus-danger:focus, body.skin-dark .dataTables_wrapper .dataTables_length label select.bSelect.focus-danger:focus, .dataTables_wrapper .dataTables_length label body.skin-dark select.bSelect.focus-danger:focus, body.skin-dark .dataTables_wrapper .dataTables_filter label select.bSelect.focus-danger:focus, .dataTables_wrapper .dataTables_filter label body.skin-dark select.bSelect.focus-danger:focus, .footable.table thead tr th .footable-filtering-search .input-group body.skin-dark .bSelect.focus-danger.form-control:focus, body.skin-dark .jsgrid-grid-header table tr th input.bSelect.focus-danger:focus, .jsgrid-grid-header table tr th body.skin-dark input.bSelect.focus-danger:focus, body.skin-dark .jsgrid-grid-header table tr th select.bSelect.focus-danger:focus, .jsgrid-grid-header table tr th body.skin-dark select.bSelect.focus-danger:focus, body.skin-dark .jsgrid-grid-header table tr td input.bSelect.focus-danger:focus, .jsgrid-grid-header table tr td body.skin-dark input.bSelect.focus-danger:focus, body.skin-dark .jsgrid-grid-header table tr td select.bSelect.focus-danger:focus, .jsgrid-grid-header table tr td body.skin-dark select.bSelect.focus-danger:focus, body.skin-dark .footable.table thead tr th .footable-filtering-search .input-group .bSelect.focus-danger.form-control:focus, body.skin-dark .jsgrid-table tr th input.bSelect.focus-danger:focus:not(.jsgrid-button), body.skin-dark .jsgrid-table tr td input.bSelect.focus-danger:focus:not(.jsgrid-button), body.skin-dark .jsgrid-table tr th select.bSelect.focus-danger:focus, body.skin-dark .jsgrid-table tr td select.bSelect.focus-danger:focus {
  border-color: #fd427c;
}

body.skin-dark .form-control.bSelect.warning, body.skin-dark #toast-container .toast .toast-message input.bSelect.warning, #toast-container .toast .toast-message body.skin-dark input.bSelect.warning, body.skin-dark .dataTables_wrapper .dataTables_length label input.bSelect.warning, .dataTables_wrapper .dataTables_length label body.skin-dark input.bSelect.warning, body.skin-dark .dataTables_wrapper .dataTables_filter label input.bSelect.warning, .dataTables_wrapper .dataTables_filter label body.skin-dark input.bSelect.warning, body.skin-dark .dataTables_wrapper .dataTables_length label select.bSelect.warning, .dataTables_wrapper .dataTables_length label body.skin-dark select.bSelect.warning, body.skin-dark .dataTables_wrapper .dataTables_filter label select.bSelect.warning, .dataTables_wrapper .dataTables_filter label body.skin-dark select.bSelect.warning, .footable.table thead tr th .footable-filtering-search .input-group body.skin-dark .bSelect.warning.form-control, body.skin-dark .jsgrid-grid-header table tr th input.bSelect.warning, .jsgrid-grid-header table tr th body.skin-dark input.bSelect.warning, body.skin-dark .jsgrid-grid-header table tr th select.bSelect.warning, .jsgrid-grid-header table tr th body.skin-dark select.bSelect.warning, body.skin-dark .jsgrid-grid-header table tr td input.bSelect.warning, .jsgrid-grid-header table tr td body.skin-dark input.bSelect.warning, body.skin-dark .jsgrid-grid-header table tr td select.bSelect.warning, .jsgrid-grid-header table tr td body.skin-dark select.bSelect.warning, body.skin-dark .footable.table thead tr th .footable-filtering-search .input-group .bSelect.warning.form-control, body.skin-dark .jsgrid-table tr th input.bSelect.warning:not(.jsgrid-button), body.skin-dark .jsgrid-table tr td input.bSelect.warning:not(.jsgrid-button), body.skin-dark .jsgrid-table tr th select.bSelect.warning, body.skin-dark .jsgrid-table tr td select.bSelect.warning, body.skin-dark .form-control.bSelect.focus-warning:focus, body.skin-dark #toast-container .toast .toast-message input.bSelect.focus-warning:focus, #toast-container .toast .toast-message body.skin-dark input.bSelect.focus-warning:focus, body.skin-dark .dataTables_wrapper .dataTables_length label input.bSelect.focus-warning:focus, .dataTables_wrapper .dataTables_length label body.skin-dark input.bSelect.focus-warning:focus, body.skin-dark .dataTables_wrapper .dataTables_filter label input.bSelect.focus-warning:focus, .dataTables_wrapper .dataTables_filter label body.skin-dark input.bSelect.focus-warning:focus, body.skin-dark .dataTables_wrapper .dataTables_length label select.bSelect.focus-warning:focus, .dataTables_wrapper .dataTables_length label body.skin-dark select.bSelect.focus-warning:focus, body.skin-dark .dataTables_wrapper .dataTables_filter label select.bSelect.focus-warning:focus, .dataTables_wrapper .dataTables_filter label body.skin-dark select.bSelect.focus-warning:focus, .footable.table thead tr th .footable-filtering-search .input-group body.skin-dark .bSelect.focus-warning.form-control:focus, body.skin-dark .jsgrid-grid-header table tr th input.bSelect.focus-warning:focus, .jsgrid-grid-header table tr th body.skin-dark input.bSelect.focus-warning:focus, body.skin-dark .jsgrid-grid-header table tr th select.bSelect.focus-warning:focus, .jsgrid-grid-header table tr th body.skin-dark select.bSelect.focus-warning:focus, body.skin-dark .jsgrid-grid-header table tr td input.bSelect.focus-warning:focus, .jsgrid-grid-header table tr td body.skin-dark input.bSelect.focus-warning:focus, body.skin-dark .jsgrid-grid-header table tr td select.bSelect.focus-warning:focus, .jsgrid-grid-header table tr td body.skin-dark select.bSelect.focus-warning:focus, body.skin-dark .footable.table thead tr th .footable-filtering-search .input-group .bSelect.focus-warning.form-control:focus, body.skin-dark .jsgrid-table tr th input.bSelect.focus-warning:focus:not(.jsgrid-button), body.skin-dark .jsgrid-table tr td input.bSelect.focus-warning:focus:not(.jsgrid-button), body.skin-dark .jsgrid-table tr th select.bSelect.focus-warning:focus, body.skin-dark .jsgrid-table tr td select.bSelect.focus-warning:focus {
  border-color: #ff9666;
}

body.skin-dark .form-control.bSelect.info, body.skin-dark #toast-container .toast .toast-message input.bSelect.info, #toast-container .toast .toast-message body.skin-dark input.bSelect.info, body.skin-dark .dataTables_wrapper .dataTables_length label input.bSelect.info, .dataTables_wrapper .dataTables_length label body.skin-dark input.bSelect.info, body.skin-dark .dataTables_wrapper .dataTables_filter label input.bSelect.info, .dataTables_wrapper .dataTables_filter label body.skin-dark input.bSelect.info, body.skin-dark .dataTables_wrapper .dataTables_length label select.bSelect.info, .dataTables_wrapper .dataTables_length label body.skin-dark select.bSelect.info, body.skin-dark .dataTables_wrapper .dataTables_filter label select.bSelect.info, .dataTables_wrapper .dataTables_filter label body.skin-dark select.bSelect.info, .footable.table thead tr th .footable-filtering-search .input-group body.skin-dark .bSelect.info.form-control, body.skin-dark .jsgrid-grid-header table tr th input.bSelect.info, .jsgrid-grid-header table tr th body.skin-dark input.bSelect.info, body.skin-dark .jsgrid-grid-header table tr th select.bSelect.info, .jsgrid-grid-header table tr th body.skin-dark select.bSelect.info, body.skin-dark .jsgrid-grid-header table tr td input.bSelect.info, .jsgrid-grid-header table tr td body.skin-dark input.bSelect.info, body.skin-dark .jsgrid-grid-header table tr td select.bSelect.info, .jsgrid-grid-header table tr td body.skin-dark select.bSelect.info, body.skin-dark .footable.table thead tr th .footable-filtering-search .input-group .bSelect.info.form-control, body.skin-dark .jsgrid-table tr th input.bSelect.info:not(.jsgrid-button), body.skin-dark .jsgrid-table tr td input.bSelect.info:not(.jsgrid-button), body.skin-dark .jsgrid-table tr th select.bSelect.info, body.skin-dark .jsgrid-table tr td select.bSelect.info, body.skin-dark .form-control.bSelect.focus-info:focus, body.skin-dark #toast-container .toast .toast-message input.bSelect.focus-info:focus, #toast-container .toast .toast-message body.skin-dark input.bSelect.focus-info:focus, body.skin-dark .dataTables_wrapper .dataTables_length label input.bSelect.focus-info:focus, .dataTables_wrapper .dataTables_length label body.skin-dark input.bSelect.focus-info:focus, body.skin-dark .dataTables_wrapper .dataTables_filter label input.bSelect.focus-info:focus, .dataTables_wrapper .dataTables_filter label body.skin-dark input.bSelect.focus-info:focus, body.skin-dark .dataTables_wrapper .dataTables_length label select.bSelect.focus-info:focus, .dataTables_wrapper .dataTables_length label body.skin-dark select.bSelect.focus-info:focus, body.skin-dark .dataTables_wrapper .dataTables_filter label select.bSelect.focus-info:focus, .dataTables_wrapper .dataTables_filter label body.skin-dark select.bSelect.focus-info:focus, .footable.table thead tr th .footable-filtering-search .input-group body.skin-dark .bSelect.focus-info.form-control:focus, body.skin-dark .jsgrid-grid-header table tr th input.bSelect.focus-info:focus, .jsgrid-grid-header table tr th body.skin-dark input.bSelect.focus-info:focus, body.skin-dark .jsgrid-grid-header table tr th select.bSelect.focus-info:focus, .jsgrid-grid-header table tr th body.skin-dark select.bSelect.focus-info:focus, body.skin-dark .jsgrid-grid-header table tr td input.bSelect.focus-info:focus, .jsgrid-grid-header table tr td body.skin-dark input.bSelect.focus-info:focus, body.skin-dark .jsgrid-grid-header table tr td select.bSelect.focus-info:focus, .jsgrid-grid-header table tr td body.skin-dark select.bSelect.focus-info:focus, body.skin-dark .footable.table thead tr th .footable-filtering-search .input-group .bSelect.focus-info.form-control:focus, body.skin-dark .jsgrid-table tr th input.bSelect.focus-info:focus:not(.jsgrid-button), body.skin-dark .jsgrid-table tr td input.bSelect.focus-info:focus:not(.jsgrid-button), body.skin-dark .jsgrid-table tr th select.bSelect.focus-info:focus, body.skin-dark .jsgrid-table tr td select.bSelect.focus-info:focus {
  border-color: #17a2b8;
}

body.skin-dark .adomx-switch .lever {
  background-color: #292d44;
}

body.skin-dark .adomx-switch-2 .lever {
  background-color: #292d44;
}

body.skin-dark .smart-wizard .step-anchor .nav-item .nav-link {
  background-color: #292d44;
  color: #8b8d9b;
}

body.skin-dark .smart-wizard .step-anchor .nav-item .nav-link:hover {
  color: #8b8d9b;
}

body.skin-dark .smart-wizard .step-anchor .nav-item.active a, body.skin-dark .smart-wizard .step-anchor .nav-item.done a {
  color: #ffffff;
}

body.skin-dark .smart-wizard .step-anchor .nav-item.active a:hover, body.skin-dark .smart-wizard .step-anchor .nav-item.done a:hover {
  color: #ffffff;
}

body.skin-dark .smart-wizard .step-anchor .nav-item.active a {
  background-color: #428bfa;
}

body.skin-dark .smart-wizard .step-anchor .nav-item.done a {
  background-color: rgba(66, 139, 250, 0.3);
}

body.skin-dark .dataTables_wrapper .dataTables_length select {
  border-color: transparent;
  background-color: #202334;
}

body.skin-dark .dataTables_wrapper .dataTables_filter input {
  border-color: transparent;
  background-color: #202334;
}

body.skin-dark .dataTables_wrapper .dataTables_paginate .paginate_button {
  color: #8b8d9b;
  border-color: #292d44;
}

body.skin-dark .dataTables_wrapper .dataTables_paginate .paginate_button.current {
  background-color: #428bfa;
  border-color: #428bfa;
  color: #ffffff;
}

body.skin-dark .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  background-color: #428bfa;
  border-color: #428bfa;
  color: #ffffff;
}

body.skin-dark .footable.table thead tr th {
  border-color: #292d44;
  border-top-color: #292d44 !important;
}

body.skin-dark .footable.table tbody tr td, body.skin-dark .footable.table tfoot tr td {
  border-color: #292d44;
}

body.skin-dark .footable-pagination-wrapper .pagination li a {
  border-color: #292d44;
  color: #8b8d9b;
}

body.skin-dark .footable-pagination-wrapper .pagination li a:hover {
  background-color: #428bfa;
  border-color: #428bfa;
  color: #ffffff;
}

body.skin-dark .footable-pagination-wrapper .pagination li.active a, body.skin-dark .footable-pagination-wrapper .pagination li.active a:focus, body.skin-dark .footable-pagination-wrapper .pagination li.active a:hover {
  background-color: #428bfa;
  border-color: #428bfa;
  color: #ffffff;
}

body.skin-dark .footable-pagination-wrapper .pagination li.disabled a {
  border-color: #292d44;
  color: #8b8d9b;
}

body.skin-dark .jsgrid .jsgrid-grid-header, body.skin-dark .jsgrid .jsgrid-grid-body {
  background-color: transparent;
  border-color: #292d44;
}

body.skin-dark .jsgrid-table tr th, body.skin-dark .jsgrid-table tr td {
  border-color: #292d44 !important;
  background-color: transparent !important;
}

body.skin-dark .jsgrid-table tr th .jsgrid-button, body.skin-dark .jsgrid-table tr td .jsgrid-button {
  background-color: transparent;
}

body.skin-dark .jsgrid-table tr th input:not(.jsgrid-button)[type="number"], body.skin-dark .jsgrid-table tr td input:not(.jsgrid-button)[type="number"] {
  text-align: center;
}

body.skin-dark #example-morris-donuts text tspan {
  fill: #8b8d9b;
}

body.skin-dark .add-edit-product-wrap {
  background-color: #161824;
}

body.skin-dark .login-register-wrap {
  background-color: #161824;
}

body.skin-dark .pricing-one .inner {
  background-color: #161824;
}

body.skin-dark .pricing-one .inner .head .info .title {
  color: #8b8d9b;
}

body.skin-dark .pricing-one .inner .head .info .price {
  color: #8b8d9b;
}

body.skin-dark .pricing-two .inner {
  background-color: #161824;
}

body.skin-dark .pricing-two .inner .head .info .title {
  color: #8b8d9b;
}

body.skin-dark .pricing-two .inner .head .info .price {
  color: #8b8d9b;
}

body.skin-dark .pricing-three .inner {
  background-color: #161824;
}

body.skin-dark .pricing-four .inner {
  background-color: #161824;
}

body.skin-dark .pricing-four .inner .body ul li p {
  color: #8b8d9b;
}

body.skin-dark .customizer-wrapper {
  background-color: #202334;
}

body.skin-dark .customizer-wrapper .inner .nav li a {
  border-bottom: 3px solid #292d44;
}

body.skin-dark .customizer-wrapper .inner .nav li a.active, body.skin-dark .customizer-wrapper .inner .nav li a:hover {
  border-color: #428bfa;
}

body.skin-dark .customizer-toggle {
  background-color: #202334;
}

body.skin-dark .cus-radio.light .icon {
  background-color: #f1f1f1;
}

body.skin-dark .cus-radio.light .icon::before {
  background-color: #202334;
}

/*----------------------------------------*/
/*  22. RTL Version CSS
/*----------------------------------------*/
[dir="rtl"] {
  /*-- Side Header Menu --*/
  /*-- Sub Menu --*/
  /*Chat*/
  /*Chat Submission*/
}

[dir="rtl"] .page-heading h3 span {
  margin-left: 0;
  margin-right: 5px;
}

[dir="rtl"] .custom-scroll.ps .ps__rail-y {
  left: 3px !important;
  right: auto !important;
}

[dir="rtl"] .adomx-dropdown-menu li a i {
  margin-left: 10px;
  margin-right: 0;
}

[dir="rtl"] .daily-sale-report .tippy {
  margin-left: 0;
  margin-right: 10px;
}

[dir="rtl"] .icon-list-wrap a i, [dir="rtl"] .icon-list-wrap a [class^="ti-"], [dir="rtl"] .icon-list-wrap a [class*=" ti-"] {
  margin-left: 10px;
  margin-right: 0;
}

[dir="rtl"] .order-details-customer-info ul li span:first-child {
  margin-left: 30px;
  margin-right: 0;
}

[dir="rtl"] .order-details-customer-info ul li span:first-child::after {
  float: left;
}

[dir="rtl"] .alert {
  padding-left: 45px;
  padding-right: 20px;
}

[dir="rtl"] .alert i {
  margin-left: 5px;
  margin-right: 0;
}

[dir="rtl"] .alert .close {
  left: 15px;
  right: auto;
}

[dir="rtl"] .alert .close i {
  margin: 0;
}

[dir="rtl"] .accordion .card .card-header h2 button {
  text-align: right;
}

[dir="rtl"] .accordion.accordion-icon .card .card-header h2 button {
  padding-left: 25px;
  padding-right: 20px;
}

[dir="rtl"] .accordion.accordion-icon .card .card-header h2 button::before, [dir="rtl"] .accordion.accordion-icon .card .card-header h2 button::after {
  left: 20px;
  right: auto;
}

[dir="rtl"] .avatar .status {
  left: 0;
  right: auto;
}

[dir="rtl"] .avatar.avatar-xl .status {
  left: 1px;
  right: auto;
}

[dir="rtl"] .avatar.avatar-xxl .status {
  left: 5px;
  right: auto;
}

[dir="rtl"] .button-group .button:first-child, [dir="rtl"] .button-group .fullcalendar .fc-toolbar .fc-button:first-child, .fullcalendar .fc-toolbar [dir="rtl"] .button-group .fc-button:first-child, [dir="rtl"] .button-group #toast-container .toast .toast-message .btn:first-child, #toast-container .toast .toast-message [dir="rtl"] .button-group .btn:first-child, [dir="rtl"] .button-group .dataTables_wrapper .dt-buttons .dt-button:first-child, .dataTables_wrapper .dt-buttons [dir="rtl"] .button-group .dt-button:first-child, [dir="rtl"] .button-group .footable.table thead tr th .footable-filtering-search .input-group .input-group-btn .btn:first-child, .footable.table thead tr th .footable-filtering-search .input-group .input-group-btn [dir="rtl"] .button-group .btn:first-child, [dir="rtl"] .button-group .footable.table tbody tr td.footable-editing .btn-group .btn:first-child, .footable.table tbody tr td.footable-editing .btn-group [dir="rtl"] .button-group .btn:first-child, [dir="rtl"] .button-group .footable.table tfoot tr.footable-editing td .btn:first-child, .footable.table tfoot tr.footable-editing td [dir="rtl"] .button-group .btn:first-child, [dir="rtl"] .button-group .smart-wizard .sw-toolbar .sw-btn-group .btn:first-child, .smart-wizard .sw-toolbar .sw-btn-group [dir="rtl"] .button-group .btn:first-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

[dir="rtl"] .button-group .button:last-child, [dir="rtl"] .button-group .fullcalendar .fc-toolbar .fc-button:last-child, .fullcalendar .fc-toolbar [dir="rtl"] .button-group .fc-button:last-child, [dir="rtl"] .button-group #toast-container .toast .toast-message .btn:last-child, #toast-container .toast .toast-message [dir="rtl"] .button-group .btn:last-child, [dir="rtl"] .button-group .dataTables_wrapper .dt-buttons .dt-button:last-child, .dataTables_wrapper .dt-buttons [dir="rtl"] .button-group .dt-button:last-child, [dir="rtl"] .button-group .footable.table thead tr th .footable-filtering-search .input-group .input-group-btn .btn:last-child, .footable.table thead tr th .footable-filtering-search .input-group .input-group-btn [dir="rtl"] .button-group .btn:last-child, [dir="rtl"] .button-group .footable.table tbody tr td.footable-editing .btn-group .btn:last-child, .footable.table tbody tr td.footable-editing .btn-group [dir="rtl"] .button-group .btn:last-child, [dir="rtl"] .button-group .footable.table tfoot tr.footable-editing td .btn:last-child, .footable.table tfoot tr.footable-editing td [dir="rtl"] .button-group .btn:last-child, [dir="rtl"] .button-group .smart-wizard .sw-toolbar .sw-btn-group .btn:last-child, .smart-wizard .sw-toolbar .sw-btn-group [dir="rtl"] .button-group .btn:last-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

[dir="rtl"] .button-group .button.dropdown-toggle:not(:first-child), [dir="rtl"] .button-group .fullcalendar .fc-toolbar .dropdown-toggle.fc-button:not(:first-child), .fullcalendar .fc-toolbar [dir="rtl"] .button-group .dropdown-toggle.fc-button:not(:first-child), [dir="rtl"] .button-group #toast-container .toast .toast-message .dropdown-toggle.btn:not(:first-child), #toast-container .toast .toast-message [dir="rtl"] .button-group .dropdown-toggle.btn:not(:first-child), [dir="rtl"] .button-group .dataTables_wrapper .dt-buttons .dropdown-toggle.dt-button:not(:first-child), .dataTables_wrapper .dt-buttons [dir="rtl"] .button-group .dropdown-toggle.dt-button:not(:first-child), [dir="rtl"] .button-group .footable.table thead tr th .footable-filtering-search .input-group .input-group-btn .dropdown-toggle.btn:not(:first-child), .footable.table thead tr th .footable-filtering-search .input-group .input-group-btn [dir="rtl"] .button-group .dropdown-toggle.btn:not(:first-child), [dir="rtl"] .button-group .footable.table tbody tr td.footable-editing .btn-group .dropdown-toggle.btn:not(:first-child), .footable.table tbody tr td.footable-editing .btn-group [dir="rtl"] .button-group .dropdown-toggle.btn:not(:first-child), [dir="rtl"] .button-group .footable.table tfoot tr.footable-editing td .dropdown-toggle.btn:not(:first-child), .footable.table tfoot tr.footable-editing td [dir="rtl"] .button-group .dropdown-toggle.btn:not(:first-child), [dir="rtl"] .button-group .smart-wizard .sw-toolbar .sw-btn-group .dropdown-toggle.btn:not(:first-child), .smart-wizard .sw-toolbar .sw-btn-group [dir="rtl"] .button-group .dropdown-toggle.btn:not(:first-child) {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  padding-left: 10px;
  padding-right: 10px;
}

[dir="rtl"] .button-group .button.dropdown-toggle:not(:first-child)::after, [dir="rtl"] .button-group .fullcalendar .fc-toolbar .dropdown-toggle.fc-button:not(:first-child)::after, .fullcalendar .fc-toolbar [dir="rtl"] .button-group .dropdown-toggle.fc-button:not(:first-child)::after, [dir="rtl"] .button-group #toast-container .toast .toast-message .dropdown-toggle.btn:not(:first-child)::after, #toast-container .toast .toast-message [dir="rtl"] .button-group .dropdown-toggle.btn:not(:first-child)::after, [dir="rtl"] .button-group .dataTables_wrapper .dt-buttons .dropdown-toggle.dt-button:not(:first-child)::after, .dataTables_wrapper .dt-buttons [dir="rtl"] .button-group .dropdown-toggle.dt-button:not(:first-child)::after, [dir="rtl"] .button-group .footable.table thead tr th .footable-filtering-search .input-group .input-group-btn .dropdown-toggle.btn:not(:first-child)::after, .footable.table thead tr th .footable-filtering-search .input-group .input-group-btn [dir="rtl"] .button-group .dropdown-toggle.btn:not(:first-child)::after, [dir="rtl"] .button-group .footable.table tbody tr td.footable-editing .btn-group .dropdown-toggle.btn:not(:first-child)::after, .footable.table tbody tr td.footable-editing .btn-group [dir="rtl"] .button-group .dropdown-toggle.btn:not(:first-child)::after, [dir="rtl"] .button-group .footable.table tfoot tr.footable-editing td .dropdown-toggle.btn:not(:first-child)::after, .footable.table tfoot tr.footable-editing td [dir="rtl"] .button-group .dropdown-toggle.btn:not(:first-child)::after, [dir="rtl"] .button-group .smart-wizard .sw-toolbar .sw-btn-group .dropdown-toggle.btn:not(:first-child)::after, .smart-wizard .sw-toolbar .sw-btn-group [dir="rtl"] .button-group .dropdown-toggle.btn:not(:first-child)::after {
  margin: 0;
}

[dir="rtl"] .dropdown-toggle::after {
  margin-left: 0;
  margin-right: .255em;
}

[dir="rtl"] .media img {
  margin-left: 1em;
  margin-right: 0 !important;
}

[dir="rtl"] .media img:last-child {
  margin-left: 0 !important;
  margin-right: 1em !important;
}

[dir="rtl"] .modal-header {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  direction: ltr;
}

[dir="rtl"] .modal-header .close {
  margin-left: -1rem;
}

[dir="rtl"] .modal-footer .button, [dir="rtl"] .modal-footer .fullcalendar .fc-toolbar .fc-button, .fullcalendar .fc-toolbar [dir="rtl"] .modal-footer .fc-button, [dir="rtl"] .modal-footer #toast-container .toast .toast-message .btn, #toast-container .toast .toast-message [dir="rtl"] .modal-footer .btn, [dir="rtl"] .modal-footer .dataTables_wrapper .dt-buttons .dt-button, .dataTables_wrapper .dt-buttons [dir="rtl"] .modal-footer .dt-button, [dir="rtl"] .modal-footer .footable.table thead tr th .footable-filtering-search .input-group .input-group-btn .btn, .footable.table thead tr th .footable-filtering-search .input-group .input-group-btn [dir="rtl"] .modal-footer .btn, [dir="rtl"] .modal-footer .footable.table tbody tr td.footable-editing .btn-group .btn, .footable.table tbody tr td.footable-editing .btn-group [dir="rtl"] .modal-footer .btn, [dir="rtl"] .modal-footer .footable.table tfoot tr.footable-editing td .btn, .footable.table tfoot tr.footable-editing td [dir="rtl"] .modal-footer .btn, [dir="rtl"] .modal-footer .smart-wizard .sw-toolbar .sw-btn-group .btn, .smart-wizard .sw-toolbar .sw-btn-group [dir="rtl"] .modal-footer .btn {
  margin-left: 0.5em;
  margin-right: 0;
}

[dir="rtl"] .modal-footer .button:last-child, [dir="rtl"] .modal-footer .fullcalendar .fc-toolbar .fc-button:last-child, .fullcalendar .fc-toolbar [dir="rtl"] .modal-footer .fc-button:last-child, [dir="rtl"] .modal-footer #toast-container .toast .toast-message .btn:last-child, #toast-container .toast .toast-message [dir="rtl"] .modal-footer .btn:last-child, [dir="rtl"] .modal-footer .dataTables_wrapper .dt-buttons .dt-button:last-child, .dataTables_wrapper .dt-buttons [dir="rtl"] .modal-footer .dt-button:last-child, [dir="rtl"] .modal-footer .footable.table thead tr th .footable-filtering-search .input-group .input-group-btn .btn:last-child, .footable.table thead tr th .footable-filtering-search .input-group .input-group-btn [dir="rtl"] .modal-footer .btn:last-child, [dir="rtl"] .modal-footer .footable.table tbody tr td.footable-editing .btn-group .btn:last-child, .footable.table tbody tr td.footable-editing .btn-group [dir="rtl"] .modal-footer .btn:last-child, [dir="rtl"] .modal-footer .footable.table tfoot tr.footable-editing td .btn:last-child, .footable.table tfoot tr.footable-editing td [dir="rtl"] .modal-footer .btn:last-child, [dir="rtl"] .modal-footer .smart-wizard .sw-toolbar .sw-btn-group .btn:last-child, .smart-wizard .sw-toolbar .sw-btn-group [dir="rtl"] .modal-footer .btn:last-child {
  margin-left: 0;
}

[dir="rtl"] .pagination .page-item {
  margin-right: 10px;
  margin-bottom: 10px;
}

[dir="rtl"] .pagination .page-item:last-child {
  margin-right: 10px;
}

[dir="rtl"] .pagination .page-item:first-child {
  margin-right: 0;
}

[dir="rtl"] .button .spinner-border, [dir="rtl"] .fullcalendar .fc-toolbar .fc-button .spinner-border, .fullcalendar .fc-toolbar [dir="rtl"] .fc-button .spinner-border, [dir="rtl"] #toast-container .toast .toast-message .btn .spinner-border, #toast-container .toast .toast-message [dir="rtl"] .btn .spinner-border, [dir="rtl"] .dataTables_wrapper .dt-buttons .dt-button .spinner-border, .dataTables_wrapper .dt-buttons [dir="rtl"] .dt-button .spinner-border, [dir="rtl"] .footable.table thead tr th .footable-filtering-search .input-group .input-group-btn .btn .spinner-border, .footable.table thead tr th .footable-filtering-search .input-group .input-group-btn [dir="rtl"] .btn .spinner-border, [dir="rtl"] .footable.table tbody tr td.footable-editing .btn-group .btn .spinner-border, .footable.table tbody tr td.footable-editing .btn-group [dir="rtl"] .btn .spinner-border, [dir="rtl"] .footable.table tfoot tr.footable-editing td .btn .spinner-border, .footable.table tfoot tr.footable-editing td [dir="rtl"] .btn .spinner-border, [dir="rtl"] .smart-wizard .sw-toolbar .sw-btn-group .btn .spinner-border, .smart-wizard .sw-toolbar .sw-btn-group [dir="rtl"] .btn .spinner-border, [dir="rtl"] .button .spinner-grow, [dir="rtl"] .fullcalendar .fc-toolbar .fc-button .spinner-grow, .fullcalendar .fc-toolbar [dir="rtl"] .fc-button .spinner-grow, [dir="rtl"] #toast-container .toast .toast-message .btn .spinner-grow, #toast-container .toast .toast-message [dir="rtl"] .btn .spinner-grow, [dir="rtl"] .dataTables_wrapper .dt-buttons .dt-button .spinner-grow, .dataTables_wrapper .dt-buttons [dir="rtl"] .dt-button .spinner-grow, [dir="rtl"] .footable.table thead tr th .footable-filtering-search .input-group .input-group-btn .btn .spinner-grow, .footable.table thead tr th .footable-filtering-search .input-group .input-group-btn [dir="rtl"] .btn .spinner-grow, [dir="rtl"] .footable.table tbody tr td.footable-editing .btn-group .btn .spinner-grow, .footable.table tbody tr td.footable-editing .btn-group [dir="rtl"] .btn .spinner-grow, [dir="rtl"] .footable.table tfoot tr.footable-editing td .btn .spinner-grow, .footable.table tfoot tr.footable-editing td [dir="rtl"] .btn .spinner-grow, [dir="rtl"] .smart-wizard .sw-toolbar .sw-btn-group .btn .spinner-grow, .smart-wizard .sw-toolbar .sw-btn-group [dir="rtl"] .btn .spinner-grow {
  margin-left: 5px;
  margin-right: 0 !important;
}

[dir="rtl"] .list-icon > li {
  padding-left: 0;
  padding-right: 20px;
}

[dir="rtl"] .list-icon > li::before {
  left: auto;
  right: 0;
}

[dir="rtl"] .list-group .list-group-item i {
  margin-left: 5px;
  margin-right: 0 !important;
}

[dir="rtl"] .dataTables_wrapper .dt-buttons .dt-button {
  margin-right: 2px;
}

[dir="rtl"] .dataTables_wrapper .dt-buttons .dt-button:first-child {
  margin-right: 0;
}

[dir="rtl"] .dataTables_wrapper .dataTables_length label input, [dir="rtl"] .dataTables_wrapper .dataTables_filter label input {
  margin-left: 0;
  margin-right: 5px;
}

[dir="rtl"] .dataTables_wrapper .dataTables_paginate .paginate_button.previous {
  margin-right: 0;
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

[dir="rtl"] .dataTables_wrapper .dataTables_paginate .paginate_button.previous i {
  margin: 1px !important;
}

[dir="rtl"] .dataTables_wrapper .dataTables_paginate .paginate_button.next {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
  margin-right: 5px !important;
}

[dir="rtl"] .dataTables_wrapper .dataTables_paginate .paginate_button.next i {
  margin: 1px !important;
}

[dir="rtl"] .footable.table thead tr th {
  text-align: right;
  padding-left: 30px;
  padding-right: 0.75em;
}

[dir="rtl"] .footable.table thead tr th span.fooicon {
  left: 6px;
  right: auto;
}

[dir="rtl"] .footable.table thead tr th .footable-filtering-search .input-group #toast-container .toast .toast-message input, #toast-container .toast .toast-message [dir="rtl"] .footable.table thead tr th .footable-filtering-search .input-group input, [dir="rtl"] .footable.table thead tr th .footable-filtering-search .input-group .dataTables_wrapper .dataTables_length label input, .dataTables_wrapper .dataTables_length label [dir="rtl"] .footable.table thead tr th .footable-filtering-search .input-group input, [dir="rtl"] .footable.table thead tr th .footable-filtering-search .input-group .dataTables_wrapper .dataTables_filter label input, .dataTables_wrapper .dataTables_filter label [dir="rtl"] .footable.table thead tr th .footable-filtering-search .input-group input, [dir="rtl"] .footable.table thead tr th .footable-filtering-search .input-group .dataTables_wrapper .dataTables_length label select, .dataTables_wrapper .dataTables_length label [dir="rtl"] .footable.table thead tr th .footable-filtering-search .input-group select, [dir="rtl"] .footable.table thead tr th .footable-filtering-search .input-group .dataTables_wrapper .dataTables_filter label select, .dataTables_wrapper .dataTables_filter label [dir="rtl"] .footable.table thead tr th .footable-filtering-search .input-group select, [dir="rtl"] .footable.table thead tr th .footable-filtering-search .input-group .form-control, [dir="rtl"] .footable.table thead .jsgrid-grid-header table tr th .footable-filtering-search .input-group input, .jsgrid-grid-header table [dir="rtl"] .footable.table thead tr th .footable-filtering-search .input-group input, [dir="rtl"] .footable.table thead .jsgrid-grid-header table tr th .footable-filtering-search .input-group select, .jsgrid-grid-header table [dir="rtl"] .footable.table thead tr th .footable-filtering-search .input-group select, [dir="rtl"] body.skin-dark .footable.table thead tr th .footable-filtering-search .input-group .form-control, body.skin-dark [dir="rtl"] .footable.table thead tr th .footable-filtering-search .input-group .form-control, [dir="rtl"] .footable.table thead body.skin-dark .jsgrid-table tr th .footable-filtering-search .input-group input:not(.jsgrid-button), body.skin-dark .jsgrid-table [dir="rtl"] .footable.table thead tr th .footable-filtering-search .input-group input:not(.jsgrid-button), [dir="rtl"] .footable.table thead body.skin-dark .jsgrid-table tr th .footable-filtering-search .input-group select, body.skin-dark .jsgrid-table [dir="rtl"] .footable.table thead tr th .footable-filtering-search .input-group select {
  border-radius: 0 4px 4px 0;
}

[dir="rtl"] .footable.table thead tr th .footable-filtering-search .input-group .input-group-btn .btn:first-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

[dir="rtl"] .footable.table thead tr th .footable-filtering-search .input-group .input-group-btn .btn:last-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

[dir="rtl"] .footable.table thead tr th .footable-filtering-search .input-group .input-group-btn .btn.dropdown-toggle:not(:first-child) {
  border-top-left-radius: 4px !important;
  border-bottom-left-radius: 4px !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-left-color: transparent;
  border-right-color: #0660e9;
}

[dir="rtl"] .footable.table thead tr th .footable-filtering-search .input-group .input-group-btn .btn.dropdown-toggle:not(:first-child)::after {
  margin: 0;
}

[dir="rtl"] .footable.table thead tr th .footable-filtering-search .input-group .input-group-btn .dropdown-menu {
  text-align: right;
}

[dir="rtl"] .footable.table thead tr th .footable-filtering-search .input-group .input-group-btn .dropdown-menu li a label {
  padding-left: 0;
  padding-right: 20px;
}

[dir="rtl"] .footable.table thead tr th .footable-filtering-search .input-group .input-group-btn .dropdown-menu li a label input {
  margin-left: 0;
  margin-right: -20px;
}

[dir="rtl"] .footable.table thead tr.footable-filtering th {
  border-top: none !important;
  padding: 0 0 20px;
}

[dir="rtl"] .footable.table tbody tr td {
  padding: 0.75em;
  line-height: inherit;
}

[dir="rtl"] .footable.table tbody tr td .footable-details {
  margin: 0;
}

[dir="rtl"] .footable.table tbody tr td .footable-details tbody tr th {
  vertical-align: middle;
}

[dir="rtl"] .footable.table tbody tr td.footable-editing .btn-group .btn {
  margin: 0 !important;
  padding: 0 6px !important;
  line-height: 20px !important;
}

[dir="rtl"] .footable.table tbody tr td.footable-editing .btn-group .btn:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

[dir="rtl"] .footable.table tbody tr.footable-detail-row > td {
  padding: 0;
}

[dir="rtl"] .footable.table tfoot tr td {
  padding: 15px;
}

[dir="rtl"] .footable.table tfoot tr.footable-editing td .btn:not(.footable-show) {
  display: none;
}

[dir="rtl"] .footable.table tfoot tr:last-child td {
  padding-bottom: 0;
}

[dir="rtl"] .footable.table.footable-editing-show tfoot tr.footable-editing td .btn {
  display: none;
}

[dir="rtl"] .footable.table.footable-editing-show tfoot tr.footable-editing td .btn:not(.footable-show) {
  display: inline-block;
}

[dir="rtl"] .footable-pagination-wrapper .pagination li {
  margin-right: 10px;
}

[dir="rtl"] .footable-pagination-wrapper .pagination li:first-child {
  margin-right: 0;
}

[dir="rtl"] .table-action-buttons .button, [dir="rtl"] .table-action-buttons .fullcalendar .fc-toolbar .fc-button, .fullcalendar .fc-toolbar [dir="rtl"] .table-action-buttons .fc-button, [dir="rtl"] .table-action-buttons #toast-container .toast .toast-message .btn, #toast-container .toast .toast-message [dir="rtl"] .table-action-buttons .btn, [dir="rtl"] .table-action-buttons .dataTables_wrapper .dt-buttons .dt-button, .dataTables_wrapper .dt-buttons [dir="rtl"] .table-action-buttons .dt-button, [dir="rtl"] .table-action-buttons .footable.table thead tr th .footable-filtering-search .input-group .input-group-btn .btn, .footable.table thead tr th .footable-filtering-search .input-group .input-group-btn [dir="rtl"] .table-action-buttons .btn, [dir="rtl"] .table-action-buttons .footable.table tbody tr td.footable-editing .btn-group .btn, .footable.table tbody tr td.footable-editing .btn-group [dir="rtl"] .table-action-buttons .btn, [dir="rtl"] .table-action-buttons .footable.table tfoot tr.footable-editing td .btn, .footable.table tfoot tr.footable-editing td [dir="rtl"] .table-action-buttons .btn, [dir="rtl"] .table-action-buttons .smart-wizard .sw-toolbar .sw-btn-group .btn, .smart-wizard .sw-toolbar .sw-btn-group [dir="rtl"] .table-action-buttons .btn {
  margin-right: 3px;
}

[dir="rtl"] .table-action-buttons .button:first-child, [dir="rtl"] .table-action-buttons .fullcalendar .fc-toolbar .fc-button:first-child, .fullcalendar .fc-toolbar [dir="rtl"] .table-action-buttons .fc-button:first-child, [dir="rtl"] .table-action-buttons #toast-container .toast .toast-message .btn:first-child, #toast-container .toast .toast-message [dir="rtl"] .table-action-buttons .btn:first-child, [dir="rtl"] .table-action-buttons .dataTables_wrapper .dt-buttons .dt-button:first-child, .dataTables_wrapper .dt-buttons [dir="rtl"] .table-action-buttons .dt-button:first-child, [dir="rtl"] .table-action-buttons .footable.table thead tr th .footable-filtering-search .input-group .input-group-btn .btn:first-child, .footable.table thead tr th .footable-filtering-search .input-group .input-group-btn [dir="rtl"] .table-action-buttons .btn:first-child, [dir="rtl"] .table-action-buttons .footable.table tbody tr td.footable-editing .btn-group .btn:first-child, .footable.table tbody tr td.footable-editing .btn-group [dir="rtl"] .table-action-buttons .btn:first-child, [dir="rtl"] .table-action-buttons .footable.table tfoot tr.footable-editing td .btn:first-child, .footable.table tfoot tr.footable-editing td [dir="rtl"] .table-action-buttons .btn:first-child, [dir="rtl"] .table-action-buttons .smart-wizard .sw-toolbar .sw-btn-group .btn:first-child, .smart-wizard .sw-toolbar .sw-btn-group [dir="rtl"] .table-action-buttons .btn:first-child {
  margin-right: 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  [dir="rtl"] .header-logo {
    padding-left: 15px;
    padding-right: 30px;
  }
}

@media only screen and (max-width: 767px) {
  [dir="rtl"] .header-logo {
    padding-left: 15px;
    padding-right: 30px;
  }
}

@media only screen and (max-width: 575px) {
  [dir="rtl"] .header-logo {
    padding: 20px 15px;
  }
}

[dir="rtl"] .side-header-toggle {
  margin-left: 0;
  margin-right: 15px;
}

@media only screen and (max-width: 479px) {
  [dir="rtl"] .side-header-toggle {
    margin-right: 0;
  }
}

[dir="rtl"] .header-search-form form input {
  padding: 14px 30px 14px 60px;
}

[dir="rtl"] .header-search-form form button {
  left: 0;
  right: auto;
}

[dir="rtl"] .header-search-form .header-search-close {
  left: 0;
  right: auto;
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  [dir="rtl"] .header-search-form {
    left: 0;
  }
  [dir="rtl"] .header-search-form form input {
    padding-left: 60px;
    padding-right: 20px;
  }
}

[dir="rtl"] .header-notification-area > li > a .drop-arrow {
  margin-left: 0;
  margin-right: 5px;
}

[dir="rtl"] .header-notification-area > li > a .badge {
  left: -4px;
  right: auto;
}

[dir="rtl"] .header-notification-area > li > a .user .avatar .status {
  left: 0;
  right: auto;
}

[dir="rtl"] .header-notification-area > li > a .user .name {
  margin-left: 0;
  margin-right: 10px;
}

[dir="rtl"] .header-notification-area > li .adomx-dropdown-menu {
  left: 0;
  right: auto;
}

@media only screen and (max-width: 479px) {
  [dir="rtl"] .header-notification-area > li:first-child {
    padding-left: 10px !important;
    padding-right: 0 !important;
  }
  [dir="rtl"] .header-notification-area > li:last-child {
    padding-left: 0
 !important;
    padding-right: 10px !important;
  }
}

[dir="rtl"] .dropdown-menu-language li a img {
  margin-left: 10px;
  margin-right: 0;
}

[dir="rtl"] .dropdown-menu-mail .body ul li a {
  padding-left: 45px;
  padding-right: 20px;
}

[dir="rtl"] .dropdown-menu-mail .body ul li a .image {
  margin-left: 15px;
  margin-right: 0;
}

[dir="rtl"] .dropdown-menu-mail .body ul li a .reply {
  left: 20px;
  right: auto;
}

[dir="rtl"] .dropdown-menu-notifications .body ul li {
  padding: 11px 30px 11px 40px;
}

[dir="rtl"] .dropdown-menu-notifications .body ul li a {
  padding-left: 0;
  padding-right: 28px;
}

[dir="rtl"] .dropdown-menu-notifications .body ul li a i {
  left: auto;
  right: 0;
}

[dir="rtl"] .dropdown-menu-notifications .body ul li .delete {
  left: 25px;
  right: auto;
}

[dir="rtl"] .dropdown-menu-user .body ul li a i {
  float: right;
  margin-left: 15px;
  margin-right: 0;
}

[dir="rtl"] .side-header {
  left: auto;
  right: 0;
}

[dir="rtl"] .side-header.hide {
  left: auto;
  right: -270px;
}

[dir="rtl"] .side-header.hide + .content-body, [dir="rtl"] .side-header.hide ~ .footer-section {
  margin-left: 0;
  margin-right: 0;
}

[dir="rtl"] .side-header.show {
  left: auto;
  right: 0;
}

[dir="rtl"] .side-header.show + .content-body, [dir="rtl"] .side-header.show ~ .footer-section {
  margin-left: 0;
  margin-right: 270px;
}

[dir="rtl"] .side-header .side-header-close {
  left: 0;
  right: auto;
}

[dir="rtl"] .side-header .side-header-inner {
  padding: 0 0 0 25px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  [dir="rtl"] .side-header.show {
    left: auto;
    right: 0;
  }
  [dir="rtl"] .side-header.show + .content-body, [dir="rtl"] .side-header.show ~ .footer-section {
    margin-left: 0;
    margin-right: 0;
  }
}

@media only screen and (max-width: 767px) {
  [dir="rtl"] .side-header.show .side-header-close {
    left: -40px;
    right: auto;
  }
}

[dir="rtl"] .side-header-menu > ul > li > a {
  padding: 12px 25px 12px 0;
}

[dir="rtl"] .side-header-menu > ul > li > a::before {
  left: auto;
  right: 0;
}

[dir="rtl"] .side-header-menu > ul > li > a span {
  margin-left: 0;
  margin-right: 10px;
}

[dir="rtl"] .side-header-menu > ul > li > a span:first-child {
  margin: 0;
}

[dir="rtl"] .side-header-menu > ul > li > a .menu-expand {
  left: 0;
  right: auto;
}

[dir="rtl"] .side-header-sub-menu {
  padding-left: 0;
  padding-right: 25px;
}

[dir="rtl"] .side-header-sub-menu li a {
  padding: 5px 30px 5px 0;
}

[dir="rtl"] .side-header-sub-menu li a::before {
  left: auto;
  right: 0;
}

[dir="rtl"] .side-header-sub-menu li a span {
  margin-left: 0;
  margin-right: 15px;
}

[dir="rtl"] .side-header-sub-menu li a span:first-child {
  margin: 0;
}

[dir="rtl"] .side-header-sub-menu li a .menu-expand {
  left: 0;
  right: auto;
}

[dir="rtl"] label.inline {
  margin-left: 15px;
  margin-right: 0;
}

[dir="rtl"] label.inline:last-child {
  margin-left: 0;
}

[dir="rtl"] .form-control, [dir="rtl"] #toast-container .toast .toast-message input, #toast-container .toast .toast-message [dir="rtl"] input, [dir="rtl"] .dataTables_wrapper .dataTables_length label input, .dataTables_wrapper .dataTables_length label [dir="rtl"] input, [dir="rtl"] .dataTables_wrapper .dataTables_filter label input, .dataTables_wrapper .dataTables_filter label [dir="rtl"] input, [dir="rtl"] .dataTables_wrapper .dataTables_length label select, .dataTables_wrapper .dataTables_length label [dir="rtl"] select, [dir="rtl"] .dataTables_wrapper .dataTables_filter label select, .dataTables_wrapper .dataTables_filter label [dir="rtl"] select, [dir="rtl"] .footable.table thead tr th .footable-filtering-search .input-group .form-control, .footable.table thead tr th .footable-filtering-search .input-group [dir="rtl"] .form-control, [dir="rtl"] .jsgrid-grid-header table tr th input, .jsgrid-grid-header table tr th [dir="rtl"] input, [dir="rtl"] .jsgrid-grid-header table tr th select, .jsgrid-grid-header table tr th [dir="rtl"] select, [dir="rtl"] .jsgrid-grid-header table tr td input, .jsgrid-grid-header table tr td [dir="rtl"] input, [dir="rtl"] .jsgrid-grid-header table tr td select, .jsgrid-grid-header table tr td [dir="rtl"] select, [dir="rtl"] body.skin-dark .footable.table thead tr th .footable-filtering-search .input-group .form-control, body.skin-dark .footable.table thead tr th .footable-filtering-search .input-group [dir="rtl"] .form-control, [dir="rtl"] body.skin-dark .jsgrid-table tr th input:not(.jsgrid-button), body.skin-dark .jsgrid-table tr th [dir="rtl"] input:not(.jsgrid-button), [dir="rtl"] body.skin-dark .jsgrid-table tr td input:not(.jsgrid-button), body.skin-dark .jsgrid-table tr td [dir="rtl"] input:not(.jsgrid-button), [dir="rtl"] body.skin-dark .jsgrid-table tr th select, body.skin-dark .jsgrid-table tr th [dir="rtl"] select, [dir="rtl"] body.skin-dark .jsgrid-table tr td select, body.skin-dark .jsgrid-table tr td [dir="rtl"] select {
  text-align: right;
}

[dir="rtl"] select.form-control:not([multiple]), [dir="rtl"] .dataTables_wrapper .dataTables_length label select:not([multiple]), .dataTables_wrapper .dataTables_length label [dir="rtl"] select:not([multiple]), [dir="rtl"] .dataTables_wrapper .dataTables_filter label select:not([multiple]), .dataTables_wrapper .dataTables_filter label [dir="rtl"] select:not([multiple]), [dir="rtl"] .footable.table thead tr th .footable-filtering-search .input-group select.form-control:not([multiple]), .footable.table thead tr th .footable-filtering-search .input-group [dir="rtl"] select.form-control:not([multiple]), [dir="rtl"] .jsgrid-grid-header table tr th select:not([multiple]), .jsgrid-grid-header table tr th [dir="rtl"] select:not([multiple]), [dir="rtl"] .jsgrid-grid-header table tr td select:not([multiple]), .jsgrid-grid-header table tr td [dir="rtl"] select:not([multiple]), [dir="rtl"] body.skin-dark .jsgrid-table tr th select:not([multiple]), body.skin-dark .jsgrid-table tr th [dir="rtl"] select:not([multiple]), [dir="rtl"] body.skin-dark .jsgrid-table tr td select:not([multiple]), body.skin-dark .jsgrid-table tr td [dir="rtl"] select:not([multiple]) {
  background-position: center left;
  padding-left: 35px;
  padding-right: 16px;
}

[dir="rtl"] select.form-control:not([multiple]).form-control-sm, [dir="rtl"] .dataTables_wrapper .dataTables_length label select:not([multiple]).form-control-sm, .dataTables_wrapper .dataTables_length label [dir="rtl"] select:not([multiple]).form-control-sm, [dir="rtl"] .dataTables_wrapper .dataTables_filter label select:not([multiple]).form-control-sm, .dataTables_wrapper .dataTables_filter label [dir="rtl"] select:not([multiple]).form-control-sm, [dir="rtl"] .footable.table thead tr th .footable-filtering-search .input-group select.form-control:not([multiple]).form-control-sm, .footable.table thead tr th .footable-filtering-search .input-group [dir="rtl"] select.form-control:not([multiple]).form-control-sm, [dir="rtl"] .jsgrid-grid-header table tr th select:not([multiple]).form-control-sm, .jsgrid-grid-header table tr th [dir="rtl"] select:not([multiple]).form-control-sm, [dir="rtl"] .jsgrid-grid-header table tr td select:not([multiple]).form-control-sm, .jsgrid-grid-header table tr td [dir="rtl"] select:not([multiple]).form-control-sm, [dir="rtl"] body.skin-dark .jsgrid-table tr th select:not([multiple]).form-control-sm, body.skin-dark .jsgrid-table tr th [dir="rtl"] select:not([multiple]).form-control-sm, [dir="rtl"] body.skin-dark .jsgrid-table tr td select:not([multiple]).form-control-sm, body.skin-dark .jsgrid-table tr td [dir="rtl"] select:not([multiple]).form-control-sm {
  padding-left: 35px;
  padding-right: 11px;
}

[dir="rtl"] select.form-control:not([multiple]).form-control-lg, [dir="rtl"] .dataTables_wrapper .dataTables_length label select:not([multiple]).form-control-lg, .dataTables_wrapper .dataTables_length label [dir="rtl"] select:not([multiple]).form-control-lg, [dir="rtl"] .dataTables_wrapper .dataTables_filter label select:not([multiple]).form-control-lg, .dataTables_wrapper .dataTables_filter label [dir="rtl"] select:not([multiple]).form-control-lg, [dir="rtl"] .footable.table thead tr th .footable-filtering-search .input-group select.form-control:not([multiple]).form-control-lg, .footable.table thead tr th .footable-filtering-search .input-group [dir="rtl"] select.form-control:not([multiple]).form-control-lg, [dir="rtl"] .jsgrid-grid-header table tr th select:not([multiple]).form-control-lg, .jsgrid-grid-header table tr th [dir="rtl"] select:not([multiple]).form-control-lg, [dir="rtl"] .jsgrid-grid-header table tr td select:not([multiple]).form-control-lg, .jsgrid-grid-header table tr td [dir="rtl"] select:not([multiple]).form-control-lg, [dir="rtl"] body.skin-dark .jsgrid-table tr th select:not([multiple]).form-control-lg, body.skin-dark .jsgrid-table tr th [dir="rtl"] select:not([multiple]).form-control-lg, [dir="rtl"] body.skin-dark .jsgrid-table tr td select:not([multiple]).form-control-lg, body.skin-dark .jsgrid-table tr td [dir="rtl"] select:not([multiple]).form-control-lg {
  padding-left: 35px;
  padding-right: 21px;
}

[dir="rtl"] input[type="checkbox"], [dir="rtl"] input[type="radio"] {
  margin-left: 5px;
  margin-right: 0;
}

[dir="rtl"] .adomx-checkbox {
  padding-left: 0;
  padding-right: 25px;
}

[dir="rtl"] .adomx-checkbox input {
  left: auto;
  right: 0;
}

[dir="rtl"] .adomx-checkbox .icon {
  left: auto;
  right: 0;
}

[dir="rtl"] .adomx-checkbox-2 {
  padding-left: 0;
  padding-right: 25px;
}

[dir="rtl"] .adomx-checkbox-2 input {
  left: auto;
  right: 0;
}

[dir="rtl"] .adomx-checkbox-2 .icon {
  left: auto;
  right: 0;
}

[dir="rtl"] .adomx-radio {
  padding-left: 0;
  padding-right: 25px;
}

[dir="rtl"] .adomx-radio input {
  left: auto;
  right: 0;
}

[dir="rtl"] .adomx-radio .icon {
  left: auto;
  right: 0;
}

[dir="rtl"] .adomx-radio-2 {
  padding-left: 0;
  padding-right: 25px;
}

[dir="rtl"] .adomx-radio-2 input {
  left: auto;
  right: 0;
}

[dir="rtl"] .adomx-radio-2 .icon {
  left: auto;
  right: 0;
}

[dir="rtl"] .daterangepicker .drp-calendar {
  padding: 10px;
}

[dir="rtl"] .daterangepicker .drp-calendar .calendar-table {
  padding: 0 !important;
}

[dir="rtl"] .daterangepicker .drp-calendar .calendar-table .table-condensed thead tr th.prev span {
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  margin-right: 4px;
}

[dir="rtl"] .daterangepicker .drp-calendar .calendar-table .table-condensed thead tr th.next span {
  -webkit-transform: rotate(135deg);
      -ms-transform: rotate(135deg);
          transform: rotate(135deg);
}

[dir="rtl"] .note-editor.note-frame .note-toolbar .note-btn-group .note-btn {
  margin-left: 0;
  margin-right: -1px;
  border-radius: 0;
}

[dir="rtl"] .note-editor.note-frame .note-toolbar .note-btn-group .note-btn.dropdown-toggle {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

[dir="rtl"] .note-editor.note-frame .note-toolbar .note-btn-group .note-btn::after {
  margin-left: 0;
  margin-right: 5px;
}

[dir="rtl"] .note-editor.note-frame .note-toolbar .note-btn-group .note-btn:empty::after {
  margin: 0;
  margin-right: -3px;
}

[dir="rtl"] .note-editor.note-frame .note-toolbar .note-btn-group .note-btn:first-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

[dir="rtl"] .note-editor.note-frame .note-toolbar .note-btn-group .note-btn:last-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

[dir="rtl"] .note-editor.note-frame .note-toolbar .note-btn-group .dropdown-menu {
  text-align: right;
}

[dir="rtl"] .ql-toolbar .ql-formats .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
  right: auto;
  left: 0;
}

[dir="rtl"] .quill.ql-container .ql-editor {
  text-align: right;
}

[dir="rtl"] .filepond--root {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

[dir="rtl"] .filepond--root .filepond--drop-label {
  left: auto;
  right: 0;
}

[dir="rtl"] .filepond--root .filepond--list-scroller .filepond--list {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

[dir="rtl"] .nice-select {
  padding-left: 35px;
  padding-right: 16px;
}

[dir="rtl"] .nice-select.form-control-sm {
  padding-left: 35px;
  padding-right: 11px;
}

[dir="rtl"] .nice-select.form-control-lg {
  padding-left: 35px;
  padding-right: 21px;
}

[dir="rtl"] .nice-select::after {
  left: 20px;
  right: auto;
}

[dir="rtl"] .nice-select .current {
  float: right;
}

[dir="rtl"] .nice-select .list li {
  text-align: right;
}

[dir="rtl"] .form-control.bSelect .btn .filter-option, [dir="rtl"] #toast-container .toast .toast-message input.bSelect .btn .filter-option, #toast-container .toast .toast-message [dir="rtl"] input.bSelect .btn .filter-option, [dir="rtl"] .dataTables_wrapper .dataTables_length label input.bSelect .btn .filter-option, .dataTables_wrapper .dataTables_length label [dir="rtl"] input.bSelect .btn .filter-option, [dir="rtl"] .dataTables_wrapper .dataTables_filter label input.bSelect .btn .filter-option, .dataTables_wrapper .dataTables_filter label [dir="rtl"] input.bSelect .btn .filter-option, [dir="rtl"] .dataTables_wrapper .dataTables_length label select.bSelect .btn .filter-option, .dataTables_wrapper .dataTables_length label [dir="rtl"] select.bSelect .btn .filter-option, [dir="rtl"] .dataTables_wrapper .dataTables_filter label select.bSelect .btn .filter-option, .dataTables_wrapper .dataTables_filter label [dir="rtl"] select.bSelect .btn .filter-option, [dir="rtl"] .footable.table thead tr th .footable-filtering-search .input-group .bSelect.form-control .btn .filter-option, .footable.table thead tr th .footable-filtering-search .input-group [dir="rtl"] .bSelect.form-control .btn .filter-option, [dir="rtl"] .jsgrid-grid-header table tr th input.bSelect .btn .filter-option, .jsgrid-grid-header table tr th [dir="rtl"] input.bSelect .btn .filter-option, [dir="rtl"] .jsgrid-grid-header table tr th select.bSelect .btn .filter-option, .jsgrid-grid-header table tr th [dir="rtl"] select.bSelect .btn .filter-option, [dir="rtl"] .jsgrid-grid-header table tr td input.bSelect .btn .filter-option, .jsgrid-grid-header table tr td [dir="rtl"] input.bSelect .btn .filter-option, [dir="rtl"] .jsgrid-grid-header table tr td select.bSelect .btn .filter-option, .jsgrid-grid-header table tr td [dir="rtl"] select.bSelect .btn .filter-option, [dir="rtl"] body.skin-dark .jsgrid-table tr th input.bSelect:not(.jsgrid-button) .btn .filter-option, body.skin-dark .jsgrid-table tr th [dir="rtl"] input.bSelect:not(.jsgrid-button) .btn .filter-option, [dir="rtl"] body.skin-dark .jsgrid-table tr td input.bSelect:not(.jsgrid-button) .btn .filter-option, body.skin-dark .jsgrid-table tr td [dir="rtl"] input.bSelect:not(.jsgrid-button) .btn .filter-option, [dir="rtl"] body.skin-dark .jsgrid-table tr th select.bSelect .btn .filter-option, body.skin-dark .jsgrid-table tr th [dir="rtl"] select.bSelect .btn .filter-option, [dir="rtl"] body.skin-dark .jsgrid-table tr td select.bSelect .btn .filter-option, body.skin-dark .jsgrid-table tr td [dir="rtl"] select.bSelect .btn .filter-option {
  text-align: right;
  margin: 0;
  padding-right: 0;
  padding-left: inherit;
}

[dir="rtl"] .form-control.bSelect .dropdown-menu, [dir="rtl"] #toast-container .toast .toast-message input.bSelect .dropdown-menu, #toast-container .toast .toast-message [dir="rtl"] input.bSelect .dropdown-menu, [dir="rtl"] .dataTables_wrapper .dataTables_length label input.bSelect .dropdown-menu, .dataTables_wrapper .dataTables_length label [dir="rtl"] input.bSelect .dropdown-menu, [dir="rtl"] .dataTables_wrapper .dataTables_filter label input.bSelect .dropdown-menu, .dataTables_wrapper .dataTables_filter label [dir="rtl"] input.bSelect .dropdown-menu, [dir="rtl"] .dataTables_wrapper .dataTables_length label select.bSelect .dropdown-menu, .dataTables_wrapper .dataTables_length label [dir="rtl"] select.bSelect .dropdown-menu, [dir="rtl"] .dataTables_wrapper .dataTables_filter label select.bSelect .dropdown-menu, .dataTables_wrapper .dataTables_filter label [dir="rtl"] select.bSelect .dropdown-menu, [dir="rtl"] .footable.table thead tr th .footable-filtering-search .input-group .bSelect.form-control .dropdown-menu, .footable.table thead tr th .footable-filtering-search .input-group [dir="rtl"] .bSelect.form-control .dropdown-menu, [dir="rtl"] .jsgrid-grid-header table tr th input.bSelect .dropdown-menu, .jsgrid-grid-header table tr th [dir="rtl"] input.bSelect .dropdown-menu, [dir="rtl"] .jsgrid-grid-header table tr th select.bSelect .dropdown-menu, .jsgrid-grid-header table tr th [dir="rtl"] select.bSelect .dropdown-menu, [dir="rtl"] .jsgrid-grid-header table tr td input.bSelect .dropdown-menu, .jsgrid-grid-header table tr td [dir="rtl"] input.bSelect .dropdown-menu, [dir="rtl"] .jsgrid-grid-header table tr td select.bSelect .dropdown-menu, .jsgrid-grid-header table tr td [dir="rtl"] select.bSelect .dropdown-menu, [dir="rtl"] body.skin-dark .jsgrid-table tr th input.bSelect:not(.jsgrid-button) .dropdown-menu, body.skin-dark .jsgrid-table tr th [dir="rtl"] input.bSelect:not(.jsgrid-button) .dropdown-menu, [dir="rtl"] body.skin-dark .jsgrid-table tr td input.bSelect:not(.jsgrid-button) .dropdown-menu, body.skin-dark .jsgrid-table tr td [dir="rtl"] input.bSelect:not(.jsgrid-button) .dropdown-menu, [dir="rtl"] body.skin-dark .jsgrid-table tr th select.bSelect .dropdown-menu, body.skin-dark .jsgrid-table tr th [dir="rtl"] select.bSelect .dropdown-menu, [dir="rtl"] body.skin-dark .jsgrid-table tr td select.bSelect .dropdown-menu, body.skin-dark .jsgrid-table tr td [dir="rtl"] select.bSelect .dropdown-menu {
  margin: 0;
  max-height: 200px;
  overflow-y: auto;
}

[dir="rtl"] .adomx-switch input:checked + .lever::before {
  left: 0;
}

[dir="rtl"] .adomx-switch .lever {
  margin-left: 10px;
  margin-right: 0;
}

[dir="rtl"] .adomx-switch .lever::before {
  left: 20px;
}

[dir="rtl"] .adomx-switch-2 input:checked + .lever::before {
  left: 0;
}

[dir="rtl"] .adomx-switch-2 .lever {
  margin-left: 10px;
  margin-right: 0;
}

[dir="rtl"] .adomx-switch-2 .lever::before {
  left: 20px;
}

[dir="rtl"] .smart-wizard .sw-toolbar .sw-btn-group {
  margin-right: 15px !important;
  margin-right: 0 !important;
}

[dir="rtl"] .smart-wizard .sw-toolbar .sw-btn-group:last-child {
  margin-left: 0 !important;
}

[dir="rtl"] .smart-wizard .sw-toolbar .sw-btn-group .btn {
  margin-left: 5px !important;
  margin-right: 0 !important;
}

[dir="rtl"] .smart-wizard .sw-toolbar .sw-btn-group .btn:last-child {
  margin-left: 0 !important;
}

[dir="rtl"] .top-report {
  /*-- Icon --*/
}

[dir="rtl"] .top-report .icon {
  left: 0;
  right: auto;
}

[dir="rtl"] .top-report .head {
  padding-left: 20px;
  padding-right: 0;
}

[dir="rtl"] .top-report .head .view {
  left: 0;
  right: auto;
}

[dir="rtl"] .todo-list-menu {
  border-left: 1px solid #e1e1e1;
  border-right: 0;
}

@media only screen and (max-width: 767px) {
  [dir="rtl"] .todo-list-menu {
    border-left: none;
  }
}

[dir="rtl"] .todo-list li .list-action .adomx-checkbox {
  padding-left: 0;
  padding-right: 18px;
}

@media only screen and (max-width: 479px) {
  [dir="rtl"] .todo-list li .list-action .status {
    margin: 0;
  }
  [dir="rtl"] .todo-list li .list-action .adomx-checkbox {
    margin-left: 15px;
    margin-right: 15px;
  }
}

[dir="rtl"] .chat-app-wrap {
  padding-left: 0;
  padding-right: 370px;
}

[dir="rtl"] .chat-app-wrap .chat-contacts-open {
  left: auto;
  right: 0;
}

[dir="rtl"] .chat-app-wrap .chat-contacts {
  left: auto;
  right: 0;
  border-left: 1px solid #f1f1f1;
  border-right: 0px solid #f1f1f1;
}

[dir="rtl"] .chat-app-wrap .chat-contacts.show {
  left: auto;
  right: 0;
}

[dir="rtl"] .chat-app-wrap .chat-contacts .chat-contacts-close {
  left: auto;
  right: 100%;
}

[dir="rtl"] .chat-app-wrap .contact-search-form {
  left: auto;
  right: 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  [dir="rtl"] .chat-app-wrap {
    padding-right: 0;
  }
  [dir="rtl"] .chat-app-wrap .chat-contacts {
    left: auto;
    right: -300px;
  }
}

@media only screen and (max-width: 479px) {
  [dir="rtl"] .chat-app-wrap .chat-contacts {
    left: auto;
    right: -280px;
  }
}

[dir="rtl"] .chat-active-contact .chat-contact .image {
  margin-left: 20px;
  margin-right: 0;
}

[dir="rtl"] .chat-list li:nth-child(2n) .chat .head, [dir="rtl"] .widget-chat-list li:nth-child(2n) .chat .head, [dir="rtl"] .chat-list li:nth-child(2n) .widget-chat .head, [dir="rtl"] .widget-chat-list li:nth-child(2n) .widget-chat .head {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

[dir="rtl"] .chat-list li:nth-child(2n) .chat .head h5, [dir="rtl"] .widget-chat-list li:nth-child(2n) .chat .head h5, [dir="rtl"] .chat-list li:nth-child(2n) .widget-chat .head h5, [dir="rtl"] .widget-chat-list li:nth-child(2n) .widget-chat .head h5 {
  text-align: left;
}

[dir="rtl"] .chat-list li:nth-child(2n) .chat .head span, [dir="rtl"] .widget-chat-list li:nth-child(2n) .chat .head span, [dir="rtl"] .chat-list li:nth-child(2n) .widget-chat .head span, [dir="rtl"] .widget-chat-list li:nth-child(2n) .widget-chat .head span {
  margin-left: 0;
  margin-right: 15px;
}

[dir="rtl"] .chat-list li:nth-child(2n) .chat .body .content, [dir="rtl"] .widget-chat-list li:nth-child(2n) .chat .body .content, [dir="rtl"] .chat-list li:nth-child(2n) .widget-chat .body .content, [dir="rtl"] .widget-chat-list li:nth-child(2n) .widget-chat .body .content {
  margin-left: 15px;
  margin-right: 0;
}

[dir="rtl"] .chat .head span, [dir="rtl"] .widget-chat .head span {
  margin-left: 15px;
  margin-right: 0;
}

[dir="rtl"] .chat .body .content, [dir="rtl"] .widget-chat .body .content {
  margin-left: 0;
  margin-right: 15px;
}

@media only screen and (max-width: 479px) {
  [dir="rtl"] .chat .head h5, [dir="rtl"] .widget-chat .head h5 {
    text-align: right !important;
  }
  [dir="rtl"] .chat .head span, [dir="rtl"] .widget-chat .head span {
    margin-left: 20px !important;
    margin-right: 0;
  }
  [dir="rtl"] .chat .head a, [dir="rtl"] .widget-chat .head a {
    left: 0;
    right: auto;
  }
}

[dir="rtl"] .chat-submission, [dir="rtl"] body.skin-dark .widget-chat-submission, body.skin-dark [dir="rtl"] .widget-chat-submission, [dir="rtl"] .widget-chat-submission {
  border-top: 1px solid #f1f1f1;
}

[dir="rtl"] .chat-submission form, [dir="rtl"] .widget-chat-submission form {
  padding: 15px 15px 15px 120px;
}

[dir="rtl"] .chat-submission form .buttons, [dir="rtl"] .widget-chat-submission form .buttons {
  left: 30px;
  right: auto;
}

[dir="rtl"] .widget-chat-wrap {
  padding-right: 0;
  margin-right: 0;
  padding-left: 25px;
  margin-left: -25px;
}

[dir="rtl"] .widget-chat-submission {
  margin: 0 -25px -25px;
}

[dir="rtl"] .widget-chat-submission form {
  padding: 10px 10px 10px 85px;
}

[dir="rtl"] .widget-chat-submission form .buttons {
  left: 25px;
}

[dir="rtl"] .mail-menu {
  border-left: 1px solid #e1e1e1;
  border-right: none;
}

@media only screen and (max-width: 767px) {
  [dir="rtl"] .mail-menu {
    border-left: none;
  }
}

[dir="rtl"] .mail-options .mail-options-group {
  margin-left: 30px;
  margin-right: 0;
  padding-left: 30px;
  padding-right: 0;
}

[dir="rtl"] .mail-options .mail-options-group::before {
  left: -1px;
  right: auto;
}

[dir="rtl"] .mail-options .mail-options-group:last-child {
  margin-left: 0;
  padding-left: 0;
}

[dir="rtl"] .mail-options .mail-options-group:last-child::before {
  display: none;
}

[dir="rtl"] .mail-options .mail-options-group > * {
  margin: 0 15px;
}

[dir="rtl"] .mail-options .mail-options-group > *:first-child {
  margin-left: 15;
  margin-right: 0;
}

[dir="rtl"] .mail-options .mail-options-group > *:last-child {
  margin-left: 0;
  margin-right: 15px;
}

[dir="rtl"] .mail-options .mail-options-group .adomx-dropdown-menu {
  left: 0;
  right: auto;
}

@media only screen and (min-width: 1200px) and (max-width: 1499px), only screen and (min-width: 992px) and (max-width: 1199px) {
  [dir="rtl"] .mail-options .mail-options-group {
    margin-left: 20px;
    margin-right: 0;
    padding-left: 20px;
    padding-right: 0;
  }
  [dir="rtl"] .mail-options .mail-options-group > * {
    margin: 0 10px;
  }
  [dir="rtl"] .mail-options .mail-options-group > *:last-child {
    margin-right: 10px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  [dir="rtl"] .mail-options .mail-options-group {
    margin-left: 15px;
    margin-right: 0;
    padding-left: 15px;
    padding-right: 0;
  }
  [dir="rtl"] .mail-options .mail-options-group > * {
    margin: 0 5px;
  }
  [dir="rtl"] .mail-options .mail-options-group > *:last-child {
    margin-right: 10px;
  }
}

@media only screen and (max-width: 767px) {
  [dir="rtl"] .mail-options {
    padding: 10px 30px;
  }
  [dir="rtl"] .mail-options .mail-options-group:first-child .adomx-dropdown-menu {
    left: auto;
    right: 0;
  }
}

@media only screen and (max-width: 575px) {
  [dir="rtl"] .mail-options .mail-options-group {
    margin-left: 10px;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }
  [dir="rtl"] .mail-options .mail-options-group::before {
    display: none;
  }
  [dir="rtl"] .mail-options .mail-options-group > *:last-child {
    margin-right: 5px;
  }
}

[dir="rtl"] .mail-list .mail::after {
  left: 0;
  right: auto;
}

[dir="rtl"] .mail-list .mail .left {
  padding-left: 20px;
  padding-right: 0;
}

[dir="rtl"] .mail-list .mail .left .adomx-checkbox {
  padding-left: 0;
  padding-right: 18px;
}

[dir="rtl"] .mail-list .mail .middle .top .name {
  margin-left: 10px;
  margin-right: 0;
}

@media only screen and (max-width: 575px) {
  [dir="rtl"] .mail-list .mail .left, [dir="rtl"] .mail-list .mail .right {
    padding-left: 0;
  }
  [dir="rtl"] .mail-list .mail .left > *, [dir="rtl"] .mail-list .mail .right > * {
    margin-left: 15px;
    margin-right: 0;
  }
}

[dir="rtl"] .single-mail {
  /*Top*/
  /*Bottom*/
}

[dir="rtl"] .single-mail .top {
  /*Left*/
  /*Right*/
}

[dir="rtl"] .single-mail .top .left ul li strong {
  margin-left: 50px;
  margin-right: 0;
}

[dir="rtl"] .single-mail .top .left ul li strong::after {
  float: left;
}

[dir="rtl"] .single-mail .top .right button {
  margin-right: 20px;
}

[dir="rtl"] .single-mail .top .right button:first-child {
  margin-right: 0;
}

[dir="rtl"] .single-mail .bottom .user .image {
  margin-left: 30px;
  margin-right: 0;
}

@media only screen and (max-width: 479px) {
  [dir="rtl"] .single-mail .top .left ul li strong {
    margin-left: 10px;
    margin-right: 0;
  }
  [dir="rtl"] .single-mail .top .right {
    margin-right: -5px;
  }
}

[dir="rtl"] .news-item .categories a {
  margin-left: 13px;
  margin-right: 0;
}

[dir="rtl"] .news-item .categories a:last-child {
  margin-left: 0;
}

[dir="rtl"] .news-item .meta li i {
  margin-left: 10px;
  margin-right: 0;
  float: right;
}

[dir="rtl"] .pricing-one .inner::before {
  left: auto;
  right: -130px;
}

[dir="rtl"] .pricing-one .inner::after {
  left: -170px;
  right: auto;
}

[dir="rtl"] .pricing-one .inner .head .icon {
  left: auto;
  right: -20px;
  margin-left: 10px;
  margin-right: 0;
}

[dir="rtl"] .pricing-one .inner .head .info .title::before {
  left: auto;
  right: 0;
}

[dir="rtl"] .pricing-one .inner .body ul li {
  text-align: right;
  padding-left: 0;
  padding-right: 30px;
}

[dir="rtl"] .pricing-one .inner .body ul li::before {
  left: auto;
  right: 0;
}

@media only screen and (max-width: 479px) {
  [dir="rtl"] .pricing-one .inner .head .icon {
    left: 0;
    right: 0;
    margin-left: 20px;
    margin-right: 0;
  }
}

[dir="rtl"] .pricing-two .inner .body {
  padding-left: 0;
  padding-right: 10px;
}

[dir="rtl"] .pricing-two .inner .body ul {
  text-align: right;
}

[dir="rtl"] .pricing-two .inner .body ul li {
  padding-left: 0;
  padding-right: 40px;
}

[dir="rtl"] .pricing-two .inner .body ul li::before {
  left: auto;
  right: 0;
}

[dir="rtl"] .pricing-three .inner .body ul {
  text-align: right;
}

[dir="rtl"] .pricing-three .inner .body ul li {
  padding-left: 0;
  padding-right: 23px;
}

[dir="rtl"] .pricing-three .inner .body ul li::before {
  left: auto;
  right: 0;
}

[dir="rtl"] .pricing-four .inner .head .left::before {
  left: 0;
  right: auto;
}

[dir="rtl"] .customizer-wrapper {
  left: -300px;
  right: auto;
}

[dir="rtl"] .customizer-wrapper.open {
  left: 0;
  right: auto;
}

[dir="rtl"] .customizer-toggle {
  left: 100%;
  right: auto;
  -webkit-box-shadow: 10px 0 10px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 10px 0 10px 0 rgba(0, 0, 0, 0.1);
}

[dir="rtl"] .cus-radio {
  padding-left: 0;
  padding-right: 25px;
}

[dir="rtl"] .cus-radio .icon {
  left: auto;
  right: 0;
}