PHP Dosya Yöneticisi

/*-----------------------------------------------------------------------------------

Template Name: Adomx - Responsive Bootstrap 4 Admin Template
    Version: 1.0

-----------------------------------------------------------------------------------
    
    CSS INDEX
    ===================
	
    01. Template default CSS
    02. Elements CSS
        Baisc ---------
        - Accordion
        - Alert
        - Avatar
        - Badge
        - Button
        - Card
        - List
        - Pagination
        - Progress
        - Spinner
        - Tab
        Advance ---------
        - Fullcalendar
        - Media Player
        - Ratting
        - Sweetalert
        - Toastr
    03. Form CSS
        - Basic
        - Checkbox (Custom)
        - Radio (Custom)
        - Range Slider
        - Select
        - Switch (Custom)
    04. Table CSS
        - Data Table
        - Foo Table
        - JSGrid
    05. Step Widget CSS
    06. Tippy CSS
    07. Header CSS
        - Custom Header Color CSS
        - RTL Header CSS
    08. Side Header CSS
        - Custom Side Header Color CSS
        - RTL Side Header CSS
    09. Top Report CSS
    10. Todo List CSS (App)
    11. Chat CSS (App)
    12. Mail CSS (App)
    13. Chart CSS
    14. Vmap CSS
    15. Author CSS
    16. Login & Resister CSS
    17. News CSS
    18. Pricing CSS
    19. Error CSS
    20. Footer CSS
    21. Dark Skin (Dark Version) CSS
    22. RTL Version CSS

-----------------------------------------------------------------------------------*/
/*----------------------------------------*/
/*  01. Template default CSS
/*----------------------------------------*/
/*-- 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: #9C27B0;
}

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: #9C27B0 !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: #9C27B0 !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: 110px;
  -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: #9C27B0;
}

.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: #9C27B0;
}

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

.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: #9C27B0;
}

.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: #9C27B0 !important;
  border-color: #9C27B0 !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: #9C27B0;
  border-color: #9C27B0;
}

.accordion.primary.accordion-border .card {
  border-color: #9C27B0 !important;
}

.accordion.primary.accordion-border .card .card-body {
  border-top-color: #9C27B0 !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: #9C27B0;
  position: relative;
}

.alert .alert-link::before {
  position: absolute;
  left: auto;
  right: 0;
  bottom: 3px;
  height: 1px;
  width: 0;
  content: "";
  background-color: #9C27B0;
  -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(156, 39, 176, 0.1);
}

.alert.alert-primary i {
  color: #9C27B0;
}

.alert.alert-primary .alert-link {
  color: #9C27B0;
}

.alert.alert-primary .alert-link::before {
  background-color: #9C27B0;
}

.alert.alert-primary .close {
  border-color: #9C27B0;
  color: #9C27B0;
}

.alert.alert-primary .close:hover {
  background-color: #9C27B0;
}

.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: #9C27B0;
  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: #9C27B0;
}

.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 #9C27B0;
  color: #9C27B0;
  background-color: transparent;
}

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

.alert.alert-outline-primary i {
  color: #9C27B0;
}

.alert.alert-outline-primary .alert-link {
  color: #9C27B0;
}

.alert.alert-outline-primary .alert-link::before {
  background-color: #9C27B0;
}

.alert.alert-outline-primary .close {
  border-color: #9C27B0;
  color: #9C27B0;
}

.alert.alert-outline-primary .close:hover {
  background-color: #9C27B0;
}

.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: #9C27B0;
  color: #9C27B0;
}

.alert.alert-outline-secondary .close:hover {
  background-color: #9C27B0;
}

.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: #9C27B0;
  color: #9C27B0;
}

.alert.alert-outline-success .close:hover {
  background-color: #9C27B0;
}

.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: #9C27B0;
  color: #9C27B0;
}

.alert.alert-outline-danger .close:hover {
  background-color: #9C27B0;
}

.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: #9C27B0;
  color: #9C27B0;
}

.alert.alert-outline-warning .close:hover {
  background-color: #9C27B0;
}

.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: #9C27B0;
  color: #9C27B0;
}

.alert.alert-outline-info .close:hover {
  background-color: #9C27B0;
}

.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: #9C27B0;
  color: #9C27B0;
}

.alert.alert-outline-dark .close:hover {
  background-color: #9C27B0;
}

/*--
    - 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: #9C27B0;
}

.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: #9C27B0;
  border-color: #9C27B0;
}

.badge-primary.badge-outline {
  color: #9C27B0;
}

.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: #771e86;
  border-color: #771e86;
}

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

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: #9C27B0;
  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: #9C27B0;
  border-color: #9C27B0;
  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: #9C27B0;
}

.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: #9C27B0;
  border-color: #9C27B0;
  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: #89229b;
  border-color: #89229b;
  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: #9C27B0;
}

.card-link:hover {
  color: #771e86;
}

/*--
    - 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: #9C27B0;
}

.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: #9C27B0;
  border-color: #9C27B0;
}

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

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

.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: #9C27B0;
  border-color: #9C27B0;
  color: #ffffff;
}

.pagination .page-item.active .page-link {
  background-color: #9C27B0;
  border-color: #9C27B0;
  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: #9C27B0;
  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: #9C27B0;
  border-color: #9C27B0;
  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: #9C27B0;
}

/*--
    - 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: #9C27B0;
  border-color: #9C27B0;
  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: #9C27B0;
  border-color: #9C27B0;
  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: #9C27B0;
}

.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: #9C27B0;
  -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: #9C27B0;
  box-shadow: none;
}

.plyr .plyr__control--overlaid {
  background-color: rgba(156, 39, 176, 0.8);
}

.plyr .plyr__control--overlaid:hover {
  background-color: #9C27B0;
}

/*--
    - 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: #9C27B0;
}

.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: #9C27B0;
}

.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: #9C27B0;
  border-color: #9C27B0;
}

.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: #9C27B0;
  border-color: #9C27B0;
}

.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: #9C27B0;
}

.adomx-checkbox-2 input:checked + .icon::before {
  background-color: #9C27B0;
}

.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: #9C27B0;
}

.adomx-checkbox-2.primary input:checked + .icon::before {
  background-color: #9C27B0;
}

.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: #9C27B0;
}

.adomx-radio input:checked + .icon::before {
  background-color: #9C27B0;
}

.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: #9C27B0;
}

.adomx-radio.primary input:checked + .icon::before {
  background-color: #9C27B0;
}

.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: #9C27B0;
}

.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: #9C27B0;
}

.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: #9C27B0;
}

.irs.irs--round .irs .irs-from::before, .irs.irs--round .irs .irs-to::before, .irs.irs--round .irs .irs-single::before {
  border-top-color: #9C27B0;
}

.irs.irs--round .irs-bar {
  height: 8px;
  background-color: #9C27B0;
  border-radius: 50px;
}

.irs.irs--round .irs-handle {
  border: 3px solid #ffffff;
  background-color: #9C27B0;
  -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: #9C27B0;
}

.irs.irs--flat .irs .irs-from::before, .irs.irs--flat .irs .irs-to::before, .irs.irs--flat .irs .irs-single::before {
  border-top-color: #9C27B0;
}

.irs.irs--flat .irs-bar {
  height: 8px;
  background-color: #9C27B0;
  border-radius: 0;
}

.irs.irs--flat .irs-handle {
  top: 20px;
}

.irs.irs--flat .irs-handle > i:first-child {
  background-color: #89229b;
}

.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: #9C27B0;
}

.irs.irs--square .irs-bar {
  height: 8px;
  background-color: #9C27B0;
  border-radius: 0;
}

.irs.irs--square .irs-handle {
  background-color: #9C27B0;
  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: #9C27B0;
  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: #9C27B0;
  border-color: #9C27B0;
  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: #89229b;
  border-color: #89229b;
  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: #9C27B0;
}

.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(156, 39, 176, 0.3);
}

.adomx-switch input:checked + .lever::before {
  background-color: #9C27B0;
  -webkit-box-shadow: 0 0 15px rgba(156, 39, 176, 0.5);
          box-shadow: 0 0 15px rgba(156, 39, 176, 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(156, 39, 176, 0.3);
}

.adomx-switch.primary input:checked + .lever::before {
  background-color: #9C27B0;
  -webkit-box-shadow: 0 0 15px rgba(156, 39, 176, 0.5);
          box-shadow: 0 0 15px rgba(156, 39, 176, 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: #9C27B0;
}

.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: #9C27B0;
}

.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: #9C27B0;
}

/*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: #9C27B0;
}

.daterangepicker .ranges ul li.active:hover {
  background-color: #89229b;
}

.daterangepicker td.active {
  background-color: #9C27B0;
}

.daterangepicker td.active:hover {
  background-color: #9C27B0;
}

.daterangepicker .drp-buttons .btn.btn-primary {
  background-color: #9C27B0;
  border-color: transparent;
}

.daterangepicker .drp-buttons .btn.btn-primary:hover {
  background-color: #89229b;
}

.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: #9C27B0;
  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: #9C27B0;
  border-color: #9C27B0;
  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: #9C27B0;
  border-color: #9C27B0;
  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: #641971;
}

.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: #9C27B0;
  border-color: #9C27B0;
  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: #9C27B0;
  border-color: #9C27B0;
  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 #9C27B0;
}

.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: #9C27B0 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: #9C27B0;
}

.smart-wizard .step-anchor .nav-item.done a {
  background-color: rgba(156, 39, 176, 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: #9C27B0;
  -webkit-box-shadow: 0 5px 15px rgba(156, 39, 176, 0.1);
          box-shadow: 0 5px 15px rgba(156, 39, 176, 0.1);
}

.tippy-tooltip.primary-theme .tippy-backdrop {
  background-color: #9C27B0;
}

.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: #9C27B0;
}

.tippy-popper[x-placement^="top"] .tippy-tooltip.primary-theme .tippy-roundarrow svg path {
  fill: #9C27B0;
}

.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: #9C27B0;
}

.tippy-popper[x-placement^="bottom"] .tippy-tooltip.primary-theme .tippy-roundarrow svg path {
  fill: #9C27B0;
}

.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: #9C27B0;
}

.tippy-popper[x-placement^="left"] .tippy-tooltip.primary-theme .tippy-roundarrow svg path {
  fill: #9C27B0;
}

.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: #9C27B0;
}

.tippy-popper[x-placement^="right"] .tippy-tooltip.primary-theme .tippy-roundarrow svg path {
  fill: #9C27B0;
}

.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: #9C27B0;
}

@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: #9C27B0;
}

.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: #9C27B0;
}

.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: #9C27B0;
}

/*-- 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: #9C27B0;
}

.dropdown-menu-user .head .mail {
  display: block;
  font-size: 13px;
  line-height: 18px;
}

.dropdown-menu-user .head .mail:hover {
  color: #9C27B0;
}

.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: #9C27B0;
}

/*--
    - 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: #9C27B0;
}

body.header-top-light .header-search-open {
  color: #666666;
}

body.header-top-light .header-search-open:hover {
  color: #9C27B0;
}

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: #9C27B0;
}

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: #9C27B0;
}

@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: #9C27B0;
}

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: #9C27B0;
}

body.header-top-dark .header-search-open {
  color: #8b8d9b;
}

body.header-top-dark .header-search-open:hover {
  color: #9C27B0;
}

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: #9C27B0;
}

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: #9C27B0;
}

@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: #9C27B0;
}

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: #9C27B0;
}

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: #bc37d3;
  }
}

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: #af2cc5;
  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: #9C27B0;
  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: #af2cc5;
  }
}

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: #af2cc5;
  -webkit-box-shadow: 0 0 2px #af2cc5;
          box-shadow: 0 0 2px #af2cc5;
}

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: #8b8d9b;
  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: #9C27B0;
}

.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: #9C27B0;
}

.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: #9C27B0;
}

.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: #9C27B0;
}

.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: #9C27B0;
}

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: #9C27B0;
}

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: #9C27B0;
}

body.side-header-primary .side-header .side-header-close {
  background-color: #9C27B0;
}

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: #9C27B0;
  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: 30px;
  background: -webkit-gradient(linear, left top, right top, from(#ff9a9e), to(#fad0c4));
  background: -webkit-linear-gradient(left, #ff9a9e 0%, #fad0c4 100%);
  background: -o-linear-gradient(left, #ff9a9e 0%, #fad0c4 100%);
  background: linear-gradient(to right, #ff9a9e 0%, #fad0c4 100%);
  /*-- Head --*/
  /*-- Content --*/
  /*-- Footer --*/
}

.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: #9C27B0;
}

.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: #9C27B0;
}

@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: #9C27B0;
}

.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: #9C27B0;
}

.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: #9C27B0;
}

.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: #9C27B0;
  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: #9C27B0;
}

.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: #9C27B0;
}

.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: #9C27B0;
}

.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;
}

/*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 #9C27B0;
  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: #9C27B0;
}

.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: #9C27B0;
}

.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: #9C27B0;
}

.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: #9C27B0;
  float: left;
}

.news-item .meta li a:hover {
  color: #9C27B0;
}

@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: #9C27B0;
  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: #9C27B0;
  color: #9C27B0;
}

.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: #9C27B0;
}

.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: #9C27B0;
}

body.skin-dark:not([class*="header-top-"]) .header-search-open {
  color: #8b8d9b;
}

body.skin-dark:not([class*="header-top-"]) .header-search-open:hover {
  color: #9C27B0;
}

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: #9C27B0;
}

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: #9C27B0;
}

@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: #9C27B0;
}

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: #9C27B0;
}

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: #9C27B0;
}

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: #9C27B0;
}

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: #9C27B0;
}

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: #9C27B0;
  border-color: #9C27B0;
}

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: #9C27B0;
  color: #ffffff;
}

body.skin-dark .pagination .page-item.active .page-link {
  border-color: #9C27B0;
  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: #9C27B0;
}

body.skin-dark .fullcalendar .fc-toolbar .fc-button {
  border-color: #8b8d9b;
}

body.skin-dark .fullcalendar .fc-toolbar .fc-button:hover {
  border-color: #9C27B0;
}

body.skin-dark .fullcalendar .fc-toolbar .fc-button.fc-state-active {
  border-color: #9C27B0;
}

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: #9C27B0;
}

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: #9C27B0;
  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: #9C27B0;
}

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: #9C27B0;
}

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: #9C27B0;
}

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: #9C27B0;
}

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: #9C27B0;
}

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: #9C27B0;
  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: #9C27B0;
  border-color: #9C27B0;
  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: #89229b;
  border-color: #89229b;
  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: #9C27B0;
}

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: #9C27B0;
}

body.skin-dark .smart-wizard .step-anchor .nav-item.done a {
  background-color: rgba(156, 39, 176, 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: #9C27B0;
  border-color: #9C27B0;
  color: #ffffff;
}

body.skin-dark .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  background-color: #9C27B0;
  border-color: #9C27B0;
  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: #9C27B0;
  border-color: #9C27B0;
  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: #9C27B0;
  border-color: #9C27B0;
  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: #9C27B0;
}

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: #641971;
}

[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;
}

İptal

📁 PHP Dosya Yöneticisi

📝 style-purple.css

📝 style-purple.css

📝 Yeniden Adlandır

🔐 Dosya İzinleri (chmod)