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

    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: 13px;
    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: 13px;
    font-weight: bold;
}

.bold {
    font-weight: bold;
}

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

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

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

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

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

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

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

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

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

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

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

*:focus {
    outline: none !important;
}

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

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

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

img {
    max-width: 100%;
}

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

.hidden {
    display: none;
}

.clear {
    clear: both;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*-- Main Wrapper --*/
/*Content Body*/
.content-body {
    padding: 30px;
    margin-top: 80px;
    -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: 13px;
    line-height: 16px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 20px;
}

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

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

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

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

.adomx-dropdown-menu li span {
    font-size: 13px;
    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: 13px;
    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: 13px;
    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: 13px;
    padding: 10px;
    position: absolute;
    right: 0;
    top: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.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: 0.35em 0.5em;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.nav-pills {
    padding: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#toast-container .toast .toast-message a::before {
    position: absolute;
    left: auto;
    right: 0;
    bottom: 3px;
    height: 1px;
    width: 0;
    content: "";
    background-color: #ffffff;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

#toast-container .toast .toast-message a:hover {
    color: #ffffff;
}

#toast-container .toast .toast-message a:hover::before {
    width: 100%;
    left: 0;
}

#toast-container .toast .toast-message .btn {
    margin: 0 5px 5px 0 !important;
}

#toast-container .toast .toast-message .btn:last-child {
    margin-right: 0 !important;
}

#toast-container .toast.toast-success {
    background-color: #29db2d;
}

#toast-container .toast.toast-info {
    background-color: #17a2b8;
}

#toast-container .toast.toast-warning {
    background-color: #ff9666;
}

#toast-container .toast.toast-error {
    background-color: #fd427c;
}

/*----------------------------------------*/
/*  03. Form CSS
/*----------------------------------------*/
/*--
    - Basic
--------------------------------------*/
/*Help Text*/
.form-help-text {
    display: block;
    font-size: 13px;
    display: block;
    color: #999999;
    margin-top: 5px;
}

/*Form Group*/
.form-group {
    margin: 0;
}

/* provides a red astrix to denote required fields - this should be included in common stylesheet */
.form-group.required .control-label:after {
    content: "*";
    color: red;
    margin-left: 4px;
}

/*Label*/
label {
    display: block;
    line-height: 1;
    margin-bottom: 10px;
}

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

label.inline {
    margin: 0;
    display: inline-block;
    margin-right: 15px;
}

label.inline:last-child {
    margin-right: 0;
}

/*Form Coltrol*/
.form-control,
#toast-container .toast .toast-message input,
.dataTables_wrapper .dataTables_length label input,
.dataTables_wrapper .dataTables_filter label input,
.dataTables_wrapper .dataTables_length label select,
.dataTables_wrapper .dataTables_filter label select,
.footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .form-control,
.jsgrid-grid-header table tr th input,
.jsgrid-grid-header table tr th select,
.jsgrid-grid-header table tr td input,
.jsgrid-grid-header table tr td select,
body.skin-dark
    .footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .form-control,
body.skin-dark .jsgrid-table tr th input:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr td input:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr th select,
body.skin-dark .jsgrid-table tr td select {
    width: 100%;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 4px;
    font-family: "Open Sans", sans-serif;
    font-size: 13px;
    line-height: 24px;
    padding: 10px 20px;
    color: #666666;
    height: auto;
}

.form-control:focus,
#toast-container .toast .toast-message input:focus,
.dataTables_wrapper .dataTables_length label input:focus,
.dataTables_wrapper .dataTables_filter label input:focus,
.dataTables_wrapper .dataTables_length label select:focus,
.dataTables_wrapper .dataTables_filter label select:focus,
.footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .form-control:focus,
.jsgrid-grid-header table tr th input:focus,
.jsgrid-grid-header table tr th select:focus,
.jsgrid-grid-header table tr td input:focus,
.jsgrid-grid-header table tr td select:focus,
body.skin-dark
    .footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .form-control:focus,
body.skin-dark .jsgrid-table tr th input:focus:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr td input:focus:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr th select:focus,
body.skin-dark .jsgrid-table tr td select:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: #428bfa;
}

.form-control[readonly],
#toast-container .toast .toast-message input[readonly],
.dataTables_wrapper .dataTables_length label input[readonly],
.dataTables_wrapper .dataTables_filter label input[readonly],
.dataTables_wrapper .dataTables_length label select[readonly],
.dataTables_wrapper .dataTables_filter label select[readonly],
.footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .form-control[readonly],
.jsgrid-grid-header table tr th input[readonly],
.jsgrid-grid-header table tr th select[readonly],
.jsgrid-grid-header table tr td input[readonly],
.jsgrid-grid-header table tr td select[readonly],
body.skin-dark
    .footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .form-control[readonly],
body.skin-dark .jsgrid-table tr th input[readonly]:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr td input[readonly]:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr th select[readonly],
body.skin-dark .jsgrid-table tr td select[readonly] {
    background-color: transparent;
    border-color: #dddddd;
}

.form-control[disabled],
#toast-container .toast .toast-message input[disabled],
.dataTables_wrapper .dataTables_length label input[disabled],
.dataTables_wrapper .dataTables_filter label input[disabled],
.dataTables_wrapper .dataTables_length label select[disabled],
.dataTables_wrapper .dataTables_filter label select[disabled],
.footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .form-control[disabled],
.jsgrid-grid-header table tr th input[disabled],
.jsgrid-grid-header table tr th select[disabled],
.jsgrid-grid-header table tr td input[disabled],
.jsgrid-grid-header table tr td select[disabled],
body.skin-dark
    .footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .form-control[disabled],
body.skin-dark .jsgrid-table tr th input[disabled]:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr td input[disabled]:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr th select[disabled],
body.skin-dark .jsgrid-table tr td select[disabled] {
    background-color: transparent;
    border-color: #efefef;
    color: #cccccc;
}

.form-control[disabled]::-webkit-input-placeholder,
#toast-container
    .toast
    .toast-message
    input[disabled]::-webkit-input-placeholder,
.dataTables_wrapper
    .dataTables_length
    label
    input[disabled]::-webkit-input-placeholder,
.dataTables_wrapper
    .dataTables_filter
    label
    input[disabled]::-webkit-input-placeholder,
.dataTables_wrapper
    .dataTables_length
    label
    select[disabled]::-webkit-input-placeholder,
.dataTables_wrapper
    .dataTables_filter
    label
    select[disabled]::-webkit-input-placeholder,
.footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .form-control[disabled]::-webkit-input-placeholder,
.jsgrid-grid-header table tr th input[disabled]::-webkit-input-placeholder,
.jsgrid-grid-header table tr th select[disabled]::-webkit-input-placeholder,
.jsgrid-grid-header table tr td input[disabled]::-webkit-input-placeholder,
.jsgrid-grid-header table tr td select[disabled]::-webkit-input-placeholder,
body.skin-dark
    .jsgrid-table
    tr
    th
    input:not(.jsgrid-button)[disabled]::-webkit-input-placeholder,
body.skin-dark
    .jsgrid-table
    tr
    td
    input:not(.jsgrid-button)[disabled]::-webkit-input-placeholder,
body.skin-dark .jsgrid-table tr th select[disabled]::-webkit-input-placeholder,
body.skin-dark .jsgrid-table tr td select[disabled]::-webkit-input-placeholder {
    color: #cccccc;
}

.form-control[disabled]:-moz-placeholder,
#toast-container .toast .toast-message input[disabled]:-moz-placeholder,
.dataTables_wrapper .dataTables_length label input[disabled]:-moz-placeholder,
.dataTables_wrapper .dataTables_filter label input[disabled]:-moz-placeholder,
.dataTables_wrapper .dataTables_length label select[disabled]:-moz-placeholder,
.dataTables_wrapper .dataTables_filter label select[disabled]:-moz-placeholder,
.footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .form-control[disabled]:-moz-placeholder,
.jsgrid-grid-header table tr th input[disabled]:-moz-placeholder,
.jsgrid-grid-header table tr th select[disabled]:-moz-placeholder,
.jsgrid-grid-header table tr td input[disabled]:-moz-placeholder,
.jsgrid-grid-header table tr td select[disabled]:-moz-placeholder,
body.skin-dark
    .jsgrid-table
    tr
    th
    input[disabled]:-moz-placeholder:not(.jsgrid-button),
body.skin-dark
    .jsgrid-table
    tr
    td
    input[disabled]:-moz-placeholder:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr th select[disabled]:-moz-placeholder,
body.skin-dark .jsgrid-table tr td select[disabled]:-moz-placeholder {
    color: #cccccc;
}

.form-control[disabled]::-moz-placeholder,
#toast-container .toast .toast-message input[disabled]::-moz-placeholder,
.dataTables_wrapper .dataTables_length label input[disabled]::-moz-placeholder,
.dataTables_wrapper .dataTables_filter label input[disabled]::-moz-placeholder,
.dataTables_wrapper .dataTables_length label select[disabled]::-moz-placeholder,
.dataTables_wrapper .dataTables_filter label select[disabled]::-moz-placeholder,
.footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .form-control[disabled]::-moz-placeholder,
.jsgrid-grid-header table tr th input[disabled]::-moz-placeholder,
.jsgrid-grid-header table tr th select[disabled]::-moz-placeholder,
.jsgrid-grid-header table tr td input[disabled]::-moz-placeholder,
.jsgrid-grid-header table tr td select[disabled]::-moz-placeholder,
body.skin-dark
    .jsgrid-table
    tr
    th
    input:not(.jsgrid-button)[disabled]::-moz-placeholder,
body.skin-dark
    .jsgrid-table
    tr
    td
    input:not(.jsgrid-button)[disabled]::-moz-placeholder,
body.skin-dark .jsgrid-table tr th select[disabled]::-moz-placeholder,
body.skin-dark .jsgrid-table tr td select[disabled]::-moz-placeholder {
    color: #cccccc;
}

.form-control[disabled]:-ms-input-placeholder,
#toast-container .toast .toast-message input[disabled]:-ms-input-placeholder,
.dataTables_wrapper
    .dataTables_length
    label
    input[disabled]:-ms-input-placeholder,
.dataTables_wrapper
    .dataTables_filter
    label
    input[disabled]:-ms-input-placeholder,
.dataTables_wrapper
    .dataTables_length
    label
    select[disabled]:-ms-input-placeholder,
.dataTables_wrapper
    .dataTables_filter
    label
    select[disabled]:-ms-input-placeholder,
.footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .form-control[disabled]:-ms-input-placeholder,
.jsgrid-grid-header table tr th input[disabled]:-ms-input-placeholder,
.jsgrid-grid-header table tr th select[disabled]:-ms-input-placeholder,
.jsgrid-grid-header table tr td input[disabled]:-ms-input-placeholder,
.jsgrid-grid-header table tr td select[disabled]:-ms-input-placeholder,
body.skin-dark
    .jsgrid-table
    tr
    th
    input[disabled]:-ms-input-placeholder:not(.jsgrid-button),
body.skin-dark
    .jsgrid-table
    tr
    td
    input[disabled]:-ms-input-placeholder:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr th select[disabled]:-ms-input-placeholder,
body.skin-dark .jsgrid-table tr td select[disabled]:-ms-input-placeholder {
    color: #cccccc;
}

.form-control.nice-select,
#toast-container .toast .toast-message input.nice-select,
.dataTables_wrapper .dataTables_length label input.nice-select,
.dataTables_wrapper .dataTables_filter label input.nice-select,
.dataTables_wrapper .dataTables_length label select.nice-select,
.dataTables_wrapper .dataTables_filter label select.nice-select,
.footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .nice-select.form-control,
.jsgrid-grid-header table tr th input.nice-select,
.jsgrid-grid-header table tr th select.nice-select,
.jsgrid-grid-header table tr td input.nice-select,
.jsgrid-grid-header table tr td select.nice-select,
body.skin-dark
    .footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .nice-select.form-control,
body.skin-dark .jsgrid-table tr th input.nice-select:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr td input.nice-select:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr th select.nice-select,
body.skin-dark .jsgrid-table tr td select.nice-select {
    padding-right: 35px;
}

.form-control.dark,
#toast-container .toast .toast-message input.dark,
.dataTables_wrapper .dataTables_length label input.dark,
.dataTables_wrapper .dataTables_filter label input.dark,
.dataTables_wrapper .dataTables_length label select.dark,
.dataTables_wrapper .dataTables_filter label select.dark,
.footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .dark.form-control,
.jsgrid-grid-header table tr th input.dark,
.jsgrid-grid-header table tr th select.dark,
.jsgrid-grid-header table tr td input.dark,
.jsgrid-grid-header table tr td select.dark,
body.skin-dark
    .footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .dark.form-control,
body.skin-dark .jsgrid-table tr th input.dark:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr td input.dark:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr th select.dark,
body.skin-dark .jsgrid-table tr td select.dark,
.form-control.focus-dark:focus,
#toast-container .toast .toast-message input.focus-dark:focus,
.dataTables_wrapper .dataTables_length label input.focus-dark:focus,
.dataTables_wrapper .dataTables_filter label input.focus-dark:focus,
.dataTables_wrapper .dataTables_length label select.focus-dark:focus,
.dataTables_wrapper .dataTables_filter label select.focus-dark:focus,
.footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .focus-dark.form-control:focus,
.jsgrid-grid-header table tr th input.focus-dark:focus,
.jsgrid-grid-header table tr th select.focus-dark:focus,
.jsgrid-grid-header table tr td input.focus-dark:focus,
.jsgrid-grid-header table tr td select.focus-dark:focus,
body.skin-dark .jsgrid-table tr th input.focus-dark:focus:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr td input.focus-dark:focus:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr th select.focus-dark:focus,
body.skin-dark .jsgrid-table tr td select.focus-dark:focus {
    border-color: #343434;
}

.form-control.primary,
#toast-container .toast .toast-message input.primary,
.dataTables_wrapper .dataTables_length label input.primary,
.dataTables_wrapper .dataTables_filter label input.primary,
.dataTables_wrapper .dataTables_length label select.primary,
.dataTables_wrapper .dataTables_filter label select.primary,
.footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .primary.form-control,
.jsgrid-grid-header table tr th input.primary,
.jsgrid-grid-header table tr th select.primary,
.jsgrid-grid-header table tr td input.primary,
.jsgrid-grid-header table tr td select.primary,
body.skin-dark
    .footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .primary.form-control,
body.skin-dark .jsgrid-table tr th input.primary:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr td input.primary:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr th select.primary,
body.skin-dark .jsgrid-table tr td select.primary,
.form-control.focus-primary:focus,
#toast-container .toast .toast-message input.focus-primary:focus,
.dataTables_wrapper .dataTables_length label input.focus-primary:focus,
.dataTables_wrapper .dataTables_filter label input.focus-primary:focus,
.dataTables_wrapper .dataTables_length label select.focus-primary:focus,
.dataTables_wrapper .dataTables_filter label select.focus-primary:focus,
.footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .focus-primary.form-control:focus,
.jsgrid-grid-header table tr th input.focus-primary:focus,
.jsgrid-grid-header table tr th select.focus-primary:focus,
.jsgrid-grid-header table tr td input.focus-primary:focus,
.jsgrid-grid-header table tr td select.focus-primary:focus,
body.skin-dark
    .jsgrid-table
    tr
    th
    input.focus-primary:focus:not(.jsgrid-button),
body.skin-dark
    .jsgrid-table
    tr
    td
    input.focus-primary:focus:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr th select.focus-primary:focus,
body.skin-dark .jsgrid-table tr td select.focus-primary:focus {
    border-color: #428bfa;
}

.form-control.secondary,
#toast-container .toast .toast-message input.secondary,
.dataTables_wrapper .dataTables_length label input.secondary,
.dataTables_wrapper .dataTables_filter label input.secondary,
.dataTables_wrapper .dataTables_length label select.secondary,
.dataTables_wrapper .dataTables_filter label select.secondary,
.footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .secondary.form-control,
.jsgrid-grid-header table tr th input.secondary,
.jsgrid-grid-header table tr th select.secondary,
.jsgrid-grid-header table tr td input.secondary,
.jsgrid-grid-header table tr td select.secondary,
body.skin-dark
    .footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .secondary.form-control,
body.skin-dark .jsgrid-table tr th input.secondary:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr td input.secondary:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr th select.secondary,
body.skin-dark .jsgrid-table tr td select.secondary,
.form-control.focus-secondary:focus,
#toast-container .toast .toast-message input.focus-secondary:focus,
.dataTables_wrapper .dataTables_length label input.focus-secondary:focus,
.dataTables_wrapper .dataTables_filter label input.focus-secondary:focus,
.dataTables_wrapper .dataTables_length label select.focus-secondary:focus,
.dataTables_wrapper .dataTables_filter label select.focus-secondary:focus,
.footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .focus-secondary.form-control:focus,
.jsgrid-grid-header table tr th input.focus-secondary:focus,
.jsgrid-grid-header table tr th select.focus-secondary:focus,
.jsgrid-grid-header table tr td input.focus-secondary:focus,
.jsgrid-grid-header table tr td select.focus-secondary:focus,
body.skin-dark
    .jsgrid-table
    tr
    th
    input.focus-secondary:focus:not(.jsgrid-button),
body.skin-dark
    .jsgrid-table
    tr
    td
    input.focus-secondary:focus:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr th select.focus-secondary:focus,
body.skin-dark .jsgrid-table tr td select.focus-secondary:focus {
    border-color: #fb7da4;
}

.form-control.success,
#toast-container .toast .toast-message input.success,
.dataTables_wrapper .dataTables_length label input.success,
.dataTables_wrapper .dataTables_filter label input.success,
.dataTables_wrapper .dataTables_length label select.success,
.dataTables_wrapper .dataTables_filter label select.success,
.footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .success.form-control,
.jsgrid-grid-header table tr th input.success,
.jsgrid-grid-header table tr th select.success,
.jsgrid-grid-header table tr td input.success,
.jsgrid-grid-header table tr td select.success,
body.skin-dark
    .footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .success.form-control,
body.skin-dark .jsgrid-table tr th input.success:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr td input.success:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr th select.success,
body.skin-dark .jsgrid-table tr td select.success,
.form-control.focus-success:focus,
#toast-container .toast .toast-message input.focus-success:focus,
.dataTables_wrapper .dataTables_length label input.focus-success:focus,
.dataTables_wrapper .dataTables_filter label input.focus-success:focus,
.dataTables_wrapper .dataTables_length label select.focus-success:focus,
.dataTables_wrapper .dataTables_filter label select.focus-success:focus,
.footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .focus-success.form-control:focus,
.jsgrid-grid-header table tr th input.focus-success:focus,
.jsgrid-grid-header table tr th select.focus-success:focus,
.jsgrid-grid-header table tr td input.focus-success:focus,
.jsgrid-grid-header table tr td select.focus-success:focus,
body.skin-dark
    .jsgrid-table
    tr
    th
    input.focus-success:focus:not(.jsgrid-button),
body.skin-dark
    .jsgrid-table
    tr
    td
    input.focus-success:focus:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr th select.focus-success:focus,
body.skin-dark .jsgrid-table tr td select.focus-success:focus {
    border-color: #29db2d;
}

.form-control.danger,
#toast-container .toast .toast-message input.danger,
.dataTables_wrapper .dataTables_length label input.danger,
.dataTables_wrapper .dataTables_filter label input.danger,
.dataTables_wrapper .dataTables_length label select.danger,
.dataTables_wrapper .dataTables_filter label select.danger,
.footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .danger.form-control,
.jsgrid-grid-header table tr th input.danger,
.jsgrid-grid-header table tr th select.danger,
.jsgrid-grid-header table tr td input.danger,
.jsgrid-grid-header table tr td select.danger,
body.skin-dark
    .footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .danger.form-control,
body.skin-dark .jsgrid-table tr th input.danger:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr td input.danger:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr th select.danger,
body.skin-dark .jsgrid-table tr td select.danger,
.form-control.focus-danger:focus,
#toast-container .toast .toast-message input.focus-danger:focus,
.dataTables_wrapper .dataTables_length label input.focus-danger:focus,
.dataTables_wrapper .dataTables_filter label input.focus-danger:focus,
.dataTables_wrapper .dataTables_length label select.focus-danger:focus,
.dataTables_wrapper .dataTables_filter label select.focus-danger:focus,
.footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .focus-danger.form-control:focus,
.jsgrid-grid-header table tr th input.focus-danger:focus,
.jsgrid-grid-header table tr th select.focus-danger:focus,
.jsgrid-grid-header table tr td input.focus-danger:focus,
.jsgrid-grid-header table tr td select.focus-danger:focus,
body.skin-dark .jsgrid-table tr th input.focus-danger:focus:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr td input.focus-danger:focus:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr th select.focus-danger:focus,
body.skin-dark .jsgrid-table tr td select.focus-danger:focus {
    border-color: #fd427c;
}

.form-control.warning,
#toast-container .toast .toast-message input.warning,
.dataTables_wrapper .dataTables_length label input.warning,
.dataTables_wrapper .dataTables_filter label input.warning,
.dataTables_wrapper .dataTables_length label select.warning,
.dataTables_wrapper .dataTables_filter label select.warning,
.footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .warning.form-control,
.jsgrid-grid-header table tr th input.warning,
.jsgrid-grid-header table tr th select.warning,
.jsgrid-grid-header table tr td input.warning,
.jsgrid-grid-header table tr td select.warning,
body.skin-dark
    .footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .warning.form-control,
body.skin-dark .jsgrid-table tr th input.warning:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr td input.warning:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr th select.warning,
body.skin-dark .jsgrid-table tr td select.warning,
.form-control.focus-warning:focus,
#toast-container .toast .toast-message input.focus-warning:focus,
.dataTables_wrapper .dataTables_length label input.focus-warning:focus,
.dataTables_wrapper .dataTables_filter label input.focus-warning:focus,
.dataTables_wrapper .dataTables_length label select.focus-warning:focus,
.dataTables_wrapper .dataTables_filter label select.focus-warning:focus,
.footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .focus-warning.form-control:focus,
.jsgrid-grid-header table tr th input.focus-warning:focus,
.jsgrid-grid-header table tr th select.focus-warning:focus,
.jsgrid-grid-header table tr td input.focus-warning:focus,
.jsgrid-grid-header table tr td select.focus-warning:focus,
body.skin-dark
    .jsgrid-table
    tr
    th
    input.focus-warning:focus:not(.jsgrid-button),
body.skin-dark
    .jsgrid-table
    tr
    td
    input.focus-warning:focus:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr th select.focus-warning:focus,
body.skin-dark .jsgrid-table tr td select.focus-warning:focus {
    border-color: #ff9666;
}

.form-control.info,
#toast-container .toast .toast-message input.info,
.dataTables_wrapper .dataTables_length label input.info,
.dataTables_wrapper .dataTables_filter label input.info,
.dataTables_wrapper .dataTables_length label select.info,
.dataTables_wrapper .dataTables_filter label select.info,
.footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .info.form-control,
.jsgrid-grid-header table tr th input.info,
.jsgrid-grid-header table tr th select.info,
.jsgrid-grid-header table tr td input.info,
.jsgrid-grid-header table tr td select.info,
body.skin-dark
    .footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .info.form-control,
body.skin-dark .jsgrid-table tr th input.info:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr td input.info:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr th select.info,
body.skin-dark .jsgrid-table tr td select.info,
.form-control.focus-info:focus,
#toast-container .toast .toast-message input.focus-info:focus,
.dataTables_wrapper .dataTables_length label input.focus-info:focus,
.dataTables_wrapper .dataTables_filter label input.focus-info:focus,
.dataTables_wrapper .dataTables_length label select.focus-info:focus,
.dataTables_wrapper .dataTables_filter label select.focus-info:focus,
.footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .focus-info.form-control:focus,
.jsgrid-grid-header table tr th input.focus-info:focus,
.jsgrid-grid-header table tr th select.focus-info:focus,
.jsgrid-grid-header table tr td input.focus-info:focus,
.jsgrid-grid-header table tr td select.focus-info:focus,
body.skin-dark .jsgrid-table tr th input.focus-info:focus:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr td input.focus-info:focus:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr th select.focus-info:focus,
body.skin-dark .jsgrid-table tr td select.focus-info:focus {
    border-color: #17a2b8;
}

.form-control.form-control-sm,
#toast-container .toast .toast-message input.form-control-sm,
.dataTables_wrapper .dataTables_length label input.form-control-sm,
.dataTables_wrapper .dataTables_filter label input.form-control-sm,
.dataTables_wrapper .dataTables_length label select.form-control-sm,
.dataTables_wrapper .dataTables_filter label select.form-control-sm,
.footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .form-control-sm.form-control,
.jsgrid-grid-header table tr th input.form-control-sm,
.jsgrid-grid-header table tr th select.form-control-sm,
.jsgrid-grid-header table tr td input.form-control-sm,
.jsgrid-grid-header table tr td select.form-control-sm,
body.skin-dark
    .footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .form-control-sm.form-control,
body.skin-dark .jsgrid-table tr th input.form-control-sm:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr td input.form-control-sm:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr th select.form-control-sm,
body.skin-dark .jsgrid-table tr td select.form-control-sm {
    padding: 5px 15px;
    font-size: 12px;
}

.form-control.form-control-sm.nice-select,
#toast-container .toast .toast-message input.form-control-sm.nice-select,
.dataTables_wrapper .dataTables_length label input.form-control-sm.nice-select,
.dataTables_wrapper .dataTables_filter label input.form-control-sm.nice-select,
.dataTables_wrapper .dataTables_length label select.form-control-sm.nice-select,
.dataTables_wrapper .dataTables_filter label select.form-control-sm.nice-select,
.footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .form-control-sm.nice-select.form-control,
.jsgrid-grid-header table tr th input.form-control-sm.nice-select,
.jsgrid-grid-header table tr th select.form-control-sm.nice-select,
.jsgrid-grid-header table tr td input.form-control-sm.nice-select,
.jsgrid-grid-header table tr td select.form-control-sm.nice-select,
body.skin-dark
    .jsgrid-table
    tr
    th
    input.form-control-sm.nice-select:not(.jsgrid-button),
body.skin-dark
    .jsgrid-table
    tr
    td
    input.form-control-sm.nice-select:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr th select.form-control-sm.nice-select,
body.skin-dark .jsgrid-table tr td select.form-control-sm.nice-select {
    padding-right: 35px;
}

.form-control.form-control-lg,
#toast-container .toast .toast-message input.form-control-lg,
.dataTables_wrapper .dataTables_length label input.form-control-lg,
.dataTables_wrapper .dataTables_filter label input.form-control-lg,
.dataTables_wrapper .dataTables_length label select.form-control-lg,
.dataTables_wrapper .dataTables_filter label select.form-control-lg,
.footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .form-control-lg.form-control,
.jsgrid-grid-header table tr th input.form-control-lg,
.jsgrid-grid-header table tr th select.form-control-lg,
.jsgrid-grid-header table tr td input.form-control-lg,
.jsgrid-grid-header table tr td select.form-control-lg,
body.skin-dark
    .footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .form-control-lg.form-control,
body.skin-dark .jsgrid-table tr th input.form-control-lg:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr td input.form-control-lg:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr th select.form-control-lg,
body.skin-dark .jsgrid-table tr td select.form-control-lg {
    padding: 15px 25px;
    font-size: 16px;
}

.form-control.form-control-lg.nice-select,
#toast-container .toast .toast-message input.form-control-lg.nice-select,
.dataTables_wrapper .dataTables_length label input.form-control-lg.nice-select,
.dataTables_wrapper .dataTables_filter label input.form-control-lg.nice-select,
.dataTables_wrapper .dataTables_length label select.form-control-lg.nice-select,
.dataTables_wrapper .dataTables_filter label select.form-control-lg.nice-select,
.footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .form-control-lg.nice-select.form-control,
.jsgrid-grid-header table tr th input.form-control-lg.nice-select,
.jsgrid-grid-header table tr th select.form-control-lg.nice-select,
.jsgrid-grid-header table tr td input.form-control-lg.nice-select,
.jsgrid-grid-header table tr td select.form-control-lg.nice-select,
body.skin-dark
    .jsgrid-table
    tr
    th
    input.form-control-lg.nice-select:not(.jsgrid-button),
body.skin-dark
    .jsgrid-table
    tr
    td
    input.form-control-lg.nice-select:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr th select.form-control-lg.nice-select,
body.skin-dark .jsgrid-table tr td select.form-control-lg.nice-select {
    padding-right: 35px;
}

/*Textarea*/
textarea.form-control,
.footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    textarea.form-control,
body.skin-dark
    .footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    textarea.form-control {
    height: 120px;
}

/*Select*/
select.form-control:not([multiple]),
.dataTables_wrapper .dataTables_length label select:not([multiple]),
.dataTables_wrapper .dataTables_filter label select:not([multiple]),
.footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    select.form-control:not([multiple]),
.jsgrid-grid-header table tr th select:not([multiple]),
.jsgrid-grid-header table tr td select:not([multiple]),
body.skin-dark .jsgrid-table tr th select:not([multiple]),
body.skin-dark .jsgrid-table tr td select:not([multiple]) {
    background-image: url(../img/select-arrow-down.png);
    background-position: center right;
    background-repeat: no-repeat;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 9px 14px;
    padding-right: 35px;
}

select.form-control:not([multiple]).form-control-sm,
.dataTables_wrapper
    .dataTables_length
    label
    select:not([multiple]).form-control-sm,
.dataTables_wrapper
    .dataTables_filter
    label
    select:not([multiple]).form-control-sm,
.footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    select.form-control:not([multiple]).form-control-sm,
.jsgrid-grid-header table tr th select:not([multiple]).form-control-sm,
.jsgrid-grid-header table tr td select:not([multiple]).form-control-sm,
body.skin-dark .jsgrid-table tr th select:not([multiple]).form-control-sm,
body.skin-dark .jsgrid-table tr td select:not([multiple]).form-control-sm {
    padding: 5px 11px;
    font-size: 12px;
    padding-right: 35px;
}

select.form-control:not([multiple]).form-control-lg,
.dataTables_wrapper
    .dataTables_length
    label
    select:not([multiple]).form-control-lg,
.dataTables_wrapper
    .dataTables_filter
    label
    select:not([multiple]).form-control-lg,
.footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    select.form-control:not([multiple]).form-control-lg,
.jsgrid-grid-header table tr th select:not([multiple]).form-control-lg,
.jsgrid-grid-header table tr td select:not([multiple]).form-control-lg,
body.skin-dark .jsgrid-table tr th select:not([multiple]).form-control-lg,
body.skin-dark .jsgrid-table tr td select:not([multiple]).form-control-lg {
    padding: 15px 21px;
    font-size: 16px;
    padding-right: 35px;
}

/*Input Type Checkbox & Radio*/
input[type="checkbox"],
input[type="radio"] {
    margin-right: 5px;
    position: relative;
    top: 1px;
}

/*--
    - Checkbox (Custom)
--------------------------------------*/
/*Checkbox One*/
.adomx-checkbox {
    display: block;
    position: relative;
    padding-left: 25px;
    line-height: 18px;
    min-width: 18px;
    min-height: 18px;
    cursor: default;
}

.adomx-checkbox input {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0;
    width: 18px;
    height: 18px;
    visibility: hidden;
}

.adomx-checkbox input:checked + .icon {
    background-color: #428bfa;
    border-color: #428bfa;
}

.adomx-checkbox input:checked + .icon::before {
    opacity: 1;
}

.adomx-checkbox .icon {
    width: 18px;
    height: 18px;
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    border: 2px solid #bbbbbb;
    border-radius: 2px;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.adomx-checkbox .icon::before {
    content: "\f26b";
    font-family: "Material-Design-Iconic-Font";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    font-size: 13px;
    line-height: 14px;
    width: 100%;
    text-align: center;
    color: #ffffff;
    opacity: 0;
    margin-left: -1px;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.adomx-checkbox.primary input:checked + .icon {
    background-color: #428bfa;
    border-color: #428bfa;
}

.adomx-checkbox.secondary input:checked + .icon {
    background-color: #fb7da4;
    border-color: #fb7da4;
}

.adomx-checkbox.success input:checked + .icon {
    background-color: #29db2d;
    border-color: #29db2d;
}

.adomx-checkbox.danger input:checked + .icon {
    background-color: #fd427c;
    border-color: #fd427c;
}

.adomx-checkbox.warning input:checked + .icon {
    background-color: #ff9666;
    border-color: #ff9666;
}

.adomx-checkbox.info input:checked + .icon {
    background-color: #17a2b8;
    border-color: #17a2b8;
}

/*Checkbox Two*/
.adomx-checkbox-2 {
    display: block;
    position: relative;
    padding-left: 25px;
    line-height: 18px;
    margin: 0;
    cursor: default;
}

.adomx-checkbox-2 input {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0;
    width: 18px;
    height: 18px;
    visibility: hidden;
}

.adomx-checkbox-2 input:checked + .icon {
    border-color: #428bfa;
}

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

.adomx-checkbox-2 .icon {
    width: 18px;
    height: 18px;
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    border: 2px solid #bbbbbb;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.adomx-checkbox-2 .icon::before {
    content: "";
    display: block;
    position: absolute;
    left: 3px;
    top: 3px;
    width: 8px;
    height: 8px;
    background-color: #aaaaaa;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.adomx-checkbox-2.primary input:checked + .icon {
    border-color: #428bfa;
}

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

.adomx-checkbox-2.secondary input:checked + .icon {
    border-color: #fb7da4;
}

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

.adomx-checkbox-2.success input:checked + .icon {
    border-color: #29db2d;
}

.adomx-checkbox-2.success input:checked + .icon::before {
    background-color: #29db2d;
}

.adomx-checkbox-2.danger input:checked + .icon {
    border-color: #fd427c;
}

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

.adomx-checkbox-2.warning input:checked + .icon {
    border-color: #ff9666;
}

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

.adomx-checkbox-2.info input:checked + .icon {
    border-color: #17a2b8;
}

.adomx-checkbox-2.info input:checked + .icon::before {
    background-color: #17a2b8;
}

/*--
    - Radio (Custom)
--------------------------------------*/
/*Radio One*/
.adomx-radio {
    display: block;
    position: relative;
    padding-left: 25px;
    line-height: 18px;
    margin: 0;
    cursor: default;
}

.adomx-radio input {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0;
    width: 18px;
    height: 18px;
    visibility: hidden;
}

.adomx-radio input:checked + .icon {
    border-color: #428bfa;
}

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

.adomx-radio .icon {
    width: 18px;
    height: 18px;
    display: block;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    border: 2px solid #bbbbbb;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.adomx-radio .icon::before {
    content: "";
    display: block;
    border-radius: 50%;
    position: absolute;
    left: 3px;
    top: 3px;
    width: 8px;
    height: 8px;
    background-color: #aaaaaa;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.adomx-radio.primary input:checked + .icon {
    border-color: #428bfa;
}

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

.adomx-radio.secondary input:checked + .icon {
    border-color: #fb7da4;
}

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

.adomx-radio.success input:checked + .icon {
    border-color: #29db2d;
}

.adomx-radio.success input:checked + .icon::before {
    background-color: #29db2d;
}

.adomx-radio.danger input:checked + .icon {
    border-color: #fd427c;
}

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

.adomx-radio.warning input:checked + .icon {
    border-color: #ff9666;
}

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

.adomx-radio.info input:checked + .icon {
    border-color: #17a2b8;
}

.adomx-radio.info input:checked + .icon::before {
    background-color: #17a2b8;
}

/*Radio Two*/
.adomx-radio-2 {
    display: block;
    position: relative;
    padding-left: 25px;
    line-height: 18px;
    margin: 0;
    cursor: default;
}

.adomx-radio-2 input {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0;
    width: 18px;
    height: 18px;
    visibility: hidden;
}

.adomx-radio-2 input:checked + .icon {
    background-color: #428bfa;
}

.adomx-radio-2 input:checked + .icon::before {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

.adomx-radio-2 .icon {
    width: 18px;
    height: 18px;
    display: block;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: #cccccc;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.adomx-radio-2 .icon::before {
    content: "";
    display: block;
    border-radius: 50%;
    position: absolute;
    left: 5px;
    top: 5px;
    width: 8px;
    height: 8px;
    background-color: #ffffff;
    opacity: 0;
    -webkit-transform: scale(3);
    -ms-transform: scale(3);
    transform: scale(3);
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.adomx-radio-2.primary input:checked + .icon {
    background-color: #428bfa;
}

.adomx-radio-2.secondary input:checked + .icon {
    background-color: #fb7da4;
}

.adomx-radio-2.success input:checked + .icon {
    background-color: #29db2d;
}

.adomx-radio-2.danger input:checked + .icon {
    background-color: #fd427c;
}

.adomx-radio-2.warning input:checked + .icon {
    background-color: #ff9666;
}

.adomx-radio-2.info input:checked + .icon {
    background-color: #17a2b8;
}

/*--
    - Range Slider
--------------------------------------*/
.irs.irs--round .irs .irs-line {
    height: 8px;
    border-radius: 50px;
}

.irs.irs--round .irs .irs-min,
.irs.irs--round .irs .irs-max,
.irs.irs--round .irs .irs-from,
.irs.irs--round .irs .irs-to,
.irs.irs--round .irs .irs-single {
    font-size: 12px;
    padding: 6px 5px 4px;
}

.irs.irs--round .irs .irs-from,
.irs.irs--round .irs .irs-to,
.irs.irs--round .irs .irs-single {
    background-color: #428bfa;
}

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

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

.irs.irs--round .irs-handle {
    border: 3px solid #ffffff;
    background-color: #428bfa;
    -webkit-box-shadow: none;
    box-shadow: none;
    top: 27px;
}

.irs.irs--flat .irs .irs-line {
    height: 8px;
    border-radius: 50px;
}

.irs.irs--flat .irs .irs-from,
.irs.irs--flat .irs .irs-to,
.irs.irs--flat .irs .irs-single {
    background-color: #428bfa;
}

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

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

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

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

.irs.irs--square .irs .irs-line {
    height: 8px;
    border-radius: 0;
}

.irs.irs--square .irs .irs-min,
.irs.irs--square .irs .irs-max,
.irs.irs--square .irs .irs-from,
.irs.irs--square .irs .irs-to,
.irs.irs--square .irs .irs-single {
    font-size: 12px;
    padding: 5px 5px 3px;
}

.irs.irs--square .irs .irs-from,
.irs.irs--square .irs .irs-to,
.irs.irs--square .irs .irs-single {
    background-color: #428bfa;
}

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

.irs.irs--square .irs-handle {
    background-color: #428bfa;
    border-color: #ffffff;
    top: 27px;
}

.irs.irs-lg.irs--round .irs .irs-line,
.irs.irs-lg.irs--flat .irs .irs-line,
.irs.irs-lg.irs--square .irs .irs-line {
    height: 14px;
}

.irs.irs-lg.irs--round .irs-bar,
.irs.irs-lg.irs--flat .irs-bar,
.irs.irs-lg.irs--square .irs-bar {
    height: 14px;
}

.irs.irs-lg.irs--round .irs-handle,
.irs.irs-lg.irs--flat .irs-handle,
.irs.irs-lg.irs--square .irs-handle {
    top: 28px;
    width: 30px;
    height: 30px;
}

.irs.irs-lg.irs--flat .irs-handle {
    top: 21px;
    height: 22px;
}

.irs.irs-lg.irs--square .irs-handle {
    top: 26px;
    width: 24px;
    height: 24px;
}

.irs.irs-sm.irs--round .irs .irs-line,
.irs.irs-sm.irs--flat .irs .irs-line,
.irs.irs-sm.irs--square .irs .irs-line {
    height: 4px;
}

.irs.irs-sm.irs--round .irs-bar,
.irs.irs-sm.irs--flat .irs-bar,
.irs.irs-sm.irs--square .irs-bar {
    height: 4px;
}

.irs.irs-sm.irs--round .irs-handle,
.irs.irs-sm.irs--flat .irs-handle,
.irs.irs-sm.irs--square .irs-handle {
    top: 31px;
    width: 14px;
    height: 14px;
}

.irs.irs-sm.irs--flat .irs-handle {
    top: 22px;
    height: 10px;
}

.irs.irs-sm.irs--square .irs-handle {
    top: 26px;
}

.irs.secondary.irs--round .irs .irs-from,
.irs.secondary.irs--round .irs .irs-to,
.irs.secondary.irs--round .irs .irs-single,
.irs.secondary.irs--flat .irs .irs-from,
.irs.secondary.irs--flat .irs .irs-to,
.irs.secondary.irs--flat .irs .irs-single,
.irs.secondary.irs--square .irs .irs-from,
.irs.secondary.irs--square .irs .irs-to,
.irs.secondary.irs--square .irs .irs-single {
    background-color: #fb7da4;
}

.irs.secondary.irs--round .irs .irs-from::before,
.irs.secondary.irs--round .irs .irs-to::before,
.irs.secondary.irs--round .irs .irs-single::before,
.irs.secondary.irs--flat .irs .irs-from::before,
.irs.secondary.irs--flat .irs .irs-to::before,
.irs.secondary.irs--flat .irs .irs-single::before,
.irs.secondary.irs--square .irs .irs-from::before,
.irs.secondary.irs--square .irs .irs-to::before,
.irs.secondary.irs--square .irs .irs-single::before {
    border-top-color: #fb7da4;
}

.irs.secondary.irs--round .irs-bar,
.irs.secondary.irs--round .irs-handle,
.irs.secondary.irs--flat .irs-bar,
.irs.secondary.irs--flat .irs-handle,
.irs.secondary.irs--square .irs-bar,
.irs.secondary.irs--square .irs-handle {
    background-color: #fb7da4;
}

.irs.secondary.irs--flat .irs-handle {
    background-color: transparent;
}

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

.irs.secondary.irs--square .irs .irs-from::before,
.irs.secondary.irs--square .irs .irs-to::before,
.irs.secondary.irs--square .irs .irs-single::before {
    border-top-color: transparent;
}

.irs.success.irs--round .irs .irs-from,
.irs.success.irs--round .irs .irs-to,
.irs.success.irs--round .irs .irs-single,
.irs.success.irs--flat .irs .irs-from,
.irs.success.irs--flat .irs .irs-to,
.irs.success.irs--flat .irs .irs-single,
.irs.success.irs--square .irs .irs-from,
.irs.success.irs--square .irs .irs-to,
.irs.success.irs--square .irs .irs-single {
    background-color: #29db2d;
}

.irs.success.irs--round .irs .irs-from::before,
.irs.success.irs--round .irs .irs-to::before,
.irs.success.irs--round .irs .irs-single::before,
.irs.success.irs--flat .irs .irs-from::before,
.irs.success.irs--flat .irs .irs-to::before,
.irs.success.irs--flat .irs .irs-single::before,
.irs.success.irs--square .irs .irs-from::before,
.irs.success.irs--square .irs .irs-to::before,
.irs.success.irs--square .irs .irs-single::before {
    border-top-color: #29db2d;
}

.irs.success.irs--round .irs-bar,
.irs.success.irs--round .irs-handle,
.irs.success.irs--flat .irs-bar,
.irs.success.irs--flat .irs-handle,
.irs.success.irs--square .irs-bar,
.irs.success.irs--square .irs-handle {
    background-color: #29db2d;
}

.irs.success.irs--flat .irs-handle {
    background-color: transparent;
}

.irs.success.irs--flat .irs-handle > i:first-child {
    background-color: #22c926;
}

.irs.success.irs--square .irs .irs-from::before,
.irs.success.irs--square .irs .irs-to::before,
.irs.success.irs--square .irs .irs-single::before {
    border-top-color: transparent;
}

.irs.danger.irs--round .irs .irs-from,
.irs.danger.irs--round .irs .irs-to,
.irs.danger.irs--round .irs .irs-single,
.irs.danger.irs--flat .irs .irs-from,
.irs.danger.irs--flat .irs .irs-to,
.irs.danger.irs--flat .irs .irs-single,
.irs.danger.irs--square .irs .irs-from,
.irs.danger.irs--square .irs .irs-to,
.irs.danger.irs--square .irs .irs-single {
    background-color: #fd427c;
}

.irs.danger.irs--round .irs .irs-from::before,
.irs.danger.irs--round .irs .irs-to::before,
.irs.danger.irs--round .irs .irs-single::before,
.irs.danger.irs--flat .irs .irs-from::before,
.irs.danger.irs--flat .irs .irs-to::before,
.irs.danger.irs--flat .irs .irs-single::before,
.irs.danger.irs--square .irs .irs-from::before,
.irs.danger.irs--square .irs .irs-to::before,
.irs.danger.irs--square .irs .irs-single::before {
    border-top-color: #fd427c;
}

.irs.danger.irs--round .irs-bar,
.irs.danger.irs--round .irs-handle,
.irs.danger.irs--flat .irs-bar,
.irs.danger.irs--flat .irs-handle,
.irs.danger.irs--square .irs-bar,
.irs.danger.irs--square .irs-handle {
    background-color: #fd427c;
}

.irs.danger.irs--flat .irs-handle {
    background-color: transparent;
}

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

.irs.danger.irs--square .irs .irs-from::before,
.irs.danger.irs--square .irs .irs-to::before,
.irs.danger.irs--square .irs .irs-single::before {
    border-top-color: transparent;
}

.irs.warning.irs--round .irs .irs-from,
.irs.warning.irs--round .irs .irs-to,
.irs.warning.irs--round .irs .irs-single,
.irs.warning.irs--flat .irs .irs-from,
.irs.warning.irs--flat .irs .irs-to,
.irs.warning.irs--flat .irs .irs-single,
.irs.warning.irs--square .irs .irs-from,
.irs.warning.irs--square .irs .irs-to,
.irs.warning.irs--square .irs .irs-single {
    background-color: #ff9666;
}

.irs.warning.irs--round .irs .irs-from::before,
.irs.warning.irs--round .irs .irs-to::before,
.irs.warning.irs--round .irs .irs-single::before,
.irs.warning.irs--flat .irs .irs-from::before,
.irs.warning.irs--flat .irs .irs-to::before,
.irs.warning.irs--flat .irs .irs-single::before,
.irs.warning.irs--square .irs .irs-from::before,
.irs.warning.irs--square .irs .irs-to::before,
.irs.warning.irs--square .irs .irs-single::before {
    border-top-color: #ff9666;
}

.irs.warning.irs--round .irs-bar,
.irs.warning.irs--round .irs-handle,
.irs.warning.irs--flat .irs-bar,
.irs.warning.irs--flat .irs-handle,
.irs.warning.irs--square .irs-bar,
.irs.warning.irs--square .irs-handle {
    background-color: #ff9666;
}

.irs.warning.irs--flat .irs-handle {
    background-color: transparent;
}

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

.irs.warning.irs--square .irs .irs-from::before,
.irs.warning.irs--square .irs .irs-to::before,
.irs.warning.irs--square .irs .irs-single::before {
    border-top-color: transparent;
}

.irs.info.irs--round .irs .irs-from,
.irs.info.irs--round .irs .irs-to,
.irs.info.irs--round .irs .irs-single,
.irs.info.irs--flat .irs .irs-from,
.irs.info.irs--flat .irs .irs-to,
.irs.info.irs--flat .irs .irs-single,
.irs.info.irs--square .irs .irs-from,
.irs.info.irs--square .irs .irs-to,
.irs.info.irs--square .irs .irs-single {
    background-color: #17a2b8;
}

.irs.info.irs--round .irs .irs-from::before,
.irs.info.irs--round .irs .irs-to::before,
.irs.info.irs--round .irs .irs-single::before,
.irs.info.irs--flat .irs .irs-from::before,
.irs.info.irs--flat .irs .irs-to::before,
.irs.info.irs--flat .irs .irs-single::before,
.irs.info.irs--square .irs .irs-from::before,
.irs.info.irs--square .irs .irs-to::before,
.irs.info.irs--square .irs .irs-single::before {
    border-top-color: #17a2b8;
}

.irs.info.irs--round .irs-bar,
.irs.info.irs--round .irs-handle,
.irs.info.irs--flat .irs-bar,
.irs.info.irs--flat .irs-handle,
.irs.info.irs--square .irs-bar,
.irs.info.irs--square .irs-handle {
    background-color: #17a2b8;
}

.irs.info.irs--flat .irs-handle {
    background-color: transparent;
}

.irs.info.irs--flat .irs-handle > i:first-child {
    background-color: #148ea1;
}

.irs.info.irs--square .irs .irs-from::before,
.irs.info.irs--square .irs .irs-to::before,
.irs.info.irs--square .irs .irs-single::before {
    border-top-color: transparent;
}

/*--
    - Select
--------------------------------------*/
/*Select 2*/
.select2-container--default.select2 {
    width: 100% !important;
    background-color: #ffffff;
}

.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
    width: 100%;
    background-color: transparent;
    border: 1px solid #dddddd;
    border-radius: 4px;
    font-family: "Open Sans", sans-serif;
    font-size: 13px;
    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: "FontAwesome";
    font-size: 20px;
    color: #999999;
    line-height: 46px;
    display: block;
}

.select2-container--default
    .select2-selection--single
    .select2-selection__arrow
    b,
.select2-container--default
    .select2-selection--multiple
    .select2-selection__arrow
    b {
    display: none;
}

.select2-container--default .select2-selection--multiple {
    padding-top: 5px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.select2-container--default
    .select2-selection--multiple
    .select2-selection__choice {
    border: none;
    background-color: #428bfa;
    color: #ffffff;
    font-size: 13px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.select2-container--default
    .select2-selection--multiple
    .select2-selection__choice
    .select2-selection__choice__remove {
    color: inherit;
    margin-right: 5px;
    line-height: 22px;
}

.select2-container--default.select2-container--disabled
    .select2-selection--single {
    background-color: transparent;
    border-color: #efefef;
}

.select2-container--default.select2-container--disabled
    .select2-selection--single
    .select2-selection__rendered {
    color: #cccccc;
}

.select2-container--default.select2-container--open
    .select2-selection--single
    .select2-selection__arrow::before {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.select2-container--default .select2-dropdown {
    border-color: #dddddd;
}

.select2-container--default .select2-search--dropdown {
    padding: 15px;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border-color: #dddddd;
    border-radius: 4px;
}

.select2-container--default
    .select2-results
    .select2-results__options
    .select2-results__option {
    padding: 5px 15px;
}

.select2-container--default
    .select2-results
    .select2-results__options
    .select2-results__option[role="group"] {
    padding: 0;
}

.select2-container--default
    .select2-results
    .select2-results__options
    .select2-results__option
    .select2-results__group {
    padding: 5px 15px;
}

.select2-container--default
    .select2-results
    .select2-results__options
    .select2-results__options--nested
    .select2-results__option {
    padding: 5px 25px;
}

/*Nice Select*/
.nice-select::after {
    width: 8px;
    height: 8px;
    right: 20px;
}

.nice-select .list {
    width: 100%;
    margin: 0;
    border: 1px solid #dddddd;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0 0 4px 4px;
    max-height: 200px;
    overflow-y: auto;
}

/*Bootstrap Select*/
.form-control.bSelect[readonly],
#toast-container .toast .toast-message input.bSelect[readonly],
.dataTables_wrapper .dataTables_length label input.bSelect[readonly],
.dataTables_wrapper .dataTables_filter label input.bSelect[readonly],
.dataTables_wrapper .dataTables_length label select.bSelect[readonly],
.dataTables_wrapper .dataTables_filter label select.bSelect[readonly],
.footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .bSelect.form-control[readonly],
.jsgrid-grid-header table tr th input.bSelect[readonly],
.jsgrid-grid-header table tr th select.bSelect[readonly],
.jsgrid-grid-header table tr td input.bSelect[readonly],
.jsgrid-grid-header table tr td select.bSelect[readonly],
body.skin-dark .jsgrid-table tr th input.bSelect[readonly]:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr td input.bSelect[readonly]:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr th select.bSelect[readonly],
body.skin-dark .jsgrid-table tr td select.bSelect[readonly] {
    background-color: transparent;
    border-color: #dddddd;
}

.form-control.bSelect[disabled],
#toast-container .toast .toast-message input.bSelect[disabled],
.dataTables_wrapper .dataTables_length label input.bSelect[disabled],
.dataTables_wrapper .dataTables_filter label input.bSelect[disabled],
.dataTables_wrapper .dataTables_length label select.bSelect[disabled],
.dataTables_wrapper .dataTables_filter label select.bSelect[disabled],
.footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .bSelect.form-control[disabled],
.jsgrid-grid-header table tr th input.bSelect[disabled],
.jsgrid-grid-header table tr th select.bSelect[disabled],
.jsgrid-grid-header table tr td input.bSelect[disabled],
.jsgrid-grid-header table tr td select.bSelect[disabled],
body.skin-dark .jsgrid-table tr th input.bSelect[disabled]:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr td input.bSelect[disabled]:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr th select.bSelect[disabled],
body.skin-dark .jsgrid-table tr td select.bSelect[disabled] {
    background-color: transparent;
    border-color: #efefef;
    color: #cccccc;
}

.form-control.bSelect[disabled]::-webkit-input-placeholder,
#toast-container
    .toast
    .toast-message
    input.bSelect[disabled]::-webkit-input-placeholder,
.dataTables_wrapper
    .dataTables_length
    label
    input.bSelect[disabled]::-webkit-input-placeholder,
.dataTables_wrapper
    .dataTables_filter
    label
    input.bSelect[disabled]::-webkit-input-placeholder,
.dataTables_wrapper
    .dataTables_length
    label
    select.bSelect[disabled]::-webkit-input-placeholder,
.dataTables_wrapper
    .dataTables_filter
    label
    select.bSelect[disabled]::-webkit-input-placeholder,
.footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .bSelect.form-control[disabled]::-webkit-input-placeholder,
.jsgrid-grid-header
    table
    tr
    th
    input.bSelect[disabled]::-webkit-input-placeholder,
.jsgrid-grid-header
    table
    tr
    th
    select.bSelect[disabled]::-webkit-input-placeholder,
.jsgrid-grid-header
    table
    tr
    td
    input.bSelect[disabled]::-webkit-input-placeholder,
.jsgrid-grid-header
    table
    tr
    td
    select.bSelect[disabled]::-webkit-input-placeholder,
body.skin-dark
    .jsgrid-table
    tr
    th
    input.bSelect:not(.jsgrid-button)[disabled]::-webkit-input-placeholder,
body.skin-dark
    .jsgrid-table
    tr
    td
    input.bSelect:not(.jsgrid-button)[disabled]::-webkit-input-placeholder,
body.skin-dark
    .jsgrid-table
    tr
    th
    select.bSelect[disabled]::-webkit-input-placeholder,
body.skin-dark
    .jsgrid-table
    tr
    td
    select.bSelect[disabled]::-webkit-input-placeholder {
    color: #cccccc;
}

.form-control.bSelect[disabled]:-moz-placeholder,
#toast-container .toast .toast-message input.bSelect[disabled]:-moz-placeholder,
.dataTables_wrapper
    .dataTables_length
    label
    input.bSelect[disabled]:-moz-placeholder,
.dataTables_wrapper
    .dataTables_filter
    label
    input.bSelect[disabled]:-moz-placeholder,
.dataTables_wrapper
    .dataTables_length
    label
    select.bSelect[disabled]:-moz-placeholder,
.dataTables_wrapper
    .dataTables_filter
    label
    select.bSelect[disabled]:-moz-placeholder,
.footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .bSelect.form-control[disabled]:-moz-placeholder,
.jsgrid-grid-header table tr th input.bSelect[disabled]:-moz-placeholder,
.jsgrid-grid-header table tr th select.bSelect[disabled]:-moz-placeholder,
.jsgrid-grid-header table tr td input.bSelect[disabled]:-moz-placeholder,
.jsgrid-grid-header table tr td select.bSelect[disabled]:-moz-placeholder,
body.skin-dark
    .jsgrid-table
    tr
    th
    input.bSelect[disabled]:-moz-placeholder:not(.jsgrid-button),
body.skin-dark
    .jsgrid-table
    tr
    td
    input.bSelect[disabled]:-moz-placeholder:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr th select.bSelect[disabled]:-moz-placeholder,
body.skin-dark .jsgrid-table tr td select.bSelect[disabled]:-moz-placeholder {
    color: #cccccc;
}

.form-control.bSelect[disabled]::-moz-placeholder,
#toast-container
    .toast
    .toast-message
    input.bSelect[disabled]::-moz-placeholder,
.dataTables_wrapper
    .dataTables_length
    label
    input.bSelect[disabled]::-moz-placeholder,
.dataTables_wrapper
    .dataTables_filter
    label
    input.bSelect[disabled]::-moz-placeholder,
.dataTables_wrapper
    .dataTables_length
    label
    select.bSelect[disabled]::-moz-placeholder,
.dataTables_wrapper
    .dataTables_filter
    label
    select.bSelect[disabled]::-moz-placeholder,
.footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .bSelect.form-control[disabled]::-moz-placeholder,
.jsgrid-grid-header table tr th input.bSelect[disabled]::-moz-placeholder,
.jsgrid-grid-header table tr th select.bSelect[disabled]::-moz-placeholder,
.jsgrid-grid-header table tr td input.bSelect[disabled]::-moz-placeholder,
.jsgrid-grid-header table tr td select.bSelect[disabled]::-moz-placeholder,
body.skin-dark
    .jsgrid-table
    tr
    th
    input.bSelect:not(.jsgrid-button)[disabled]::-moz-placeholder,
body.skin-dark
    .jsgrid-table
    tr
    td
    input.bSelect:not(.jsgrid-button)[disabled]::-moz-placeholder,
body.skin-dark .jsgrid-table tr th select.bSelect[disabled]::-moz-placeholder,
body.skin-dark .jsgrid-table tr td select.bSelect[disabled]::-moz-placeholder {
    color: #cccccc;
}

.form-control.bSelect[disabled]:-ms-input-placeholder,
#toast-container
    .toast
    .toast-message
    input.bSelect[disabled]:-ms-input-placeholder,
.dataTables_wrapper
    .dataTables_length
    label
    input.bSelect[disabled]:-ms-input-placeholder,
.dataTables_wrapper
    .dataTables_filter
    label
    input.bSelect[disabled]:-ms-input-placeholder,
.dataTables_wrapper
    .dataTables_length
    label
    select.bSelect[disabled]:-ms-input-placeholder,
.dataTables_wrapper
    .dataTables_filter
    label
    select.bSelect[disabled]:-ms-input-placeholder,
.footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .bSelect.form-control[disabled]:-ms-input-placeholder,
.jsgrid-grid-header table tr th input.bSelect[disabled]:-ms-input-placeholder,
.jsgrid-grid-header table tr th select.bSelect[disabled]:-ms-input-placeholder,
.jsgrid-grid-header table tr td input.bSelect[disabled]:-ms-input-placeholder,
.jsgrid-grid-header table tr td select.bSelect[disabled]:-ms-input-placeholder,
body.skin-dark
    .jsgrid-table
    tr
    th
    input.bSelect[disabled]:-ms-input-placeholder:not(.jsgrid-button),
body.skin-dark
    .jsgrid-table
    tr
    td
    input.bSelect[disabled]:-ms-input-placeholder:not(.jsgrid-button),
body.skin-dark
    .jsgrid-table
    tr
    th
    select.bSelect[disabled]:-ms-input-placeholder,
body.skin-dark
    .jsgrid-table
    tr
    td
    select.bSelect[disabled]:-ms-input-placeholder {
    color: #cccccc;
}

.form-control.bSelect .btn,
#toast-container .toast .toast-message input.bSelect .btn,
.dataTables_wrapper .dataTables_length label input.bSelect .btn,
.dataTables_wrapper .dataTables_filter label input.bSelect .btn,
.dataTables_wrapper .dataTables_length label select.bSelect .btn,
.dataTables_wrapper .dataTables_filter label select.bSelect .btn,
.footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .bSelect.form-control
    .btn,
.jsgrid-grid-header table tr th input.bSelect .btn,
.jsgrid-grid-header table tr th select.bSelect .btn,
.jsgrid-grid-header table tr td input.bSelect .btn,
.jsgrid-grid-header table tr td select.bSelect .btn,
body.skin-dark .jsgrid-table tr th input.bSelect:not(.jsgrid-button) .btn,
body.skin-dark .jsgrid-table tr td input.bSelect:not(.jsgrid-button) .btn,
body.skin-dark .jsgrid-table tr th select.bSelect .btn,
body.skin-dark .jsgrid-table tr td select.bSelect .btn {
    background-color: transparent;
    border: 1px solid #dddddd;
    padding: 10px 20px;
}

.form-control.bSelect .btn.btn-primary,
#toast-container .toast .toast-message input.bSelect .btn.btn-primary,
.dataTables_wrapper .dataTables_length label input.bSelect .btn.btn-primary,
.dataTables_wrapper .dataTables_filter label input.bSelect .btn.btn-primary,
.dataTables_wrapper .dataTables_length label select.bSelect .btn.btn-primary,
.dataTables_wrapper .dataTables_filter label select.bSelect .btn.btn-primary,
.footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .bSelect.form-control
    .btn.btn-primary,
.jsgrid-grid-header table tr th input.bSelect .btn.btn-primary,
.jsgrid-grid-header table tr th select.bSelect .btn.btn-primary,
.jsgrid-grid-header table tr td input.bSelect .btn.btn-primary,
.jsgrid-grid-header table tr td select.bSelect .btn.btn-primary,
body.skin-dark
    .jsgrid-table
    tr
    th
    input.bSelect:not(.jsgrid-button)
    .btn.btn-primary,
body.skin-dark
    .jsgrid-table
    tr
    td
    input.bSelect:not(.jsgrid-button)
    .btn.btn-primary,
body.skin-dark .jsgrid-table tr th select.bSelect .btn.btn-primary,
body.skin-dark .jsgrid-table tr td select.bSelect .btn.btn-primary {
    background-color: #428bfa;
    border-color: #428bfa;
    color: #ffffff;
}

.form-control.bSelect .btn.btn-primary:hover,
#toast-container .toast .toast-message input.bSelect .btn.btn-primary:hover,
.dataTables_wrapper
    .dataTables_length
    label
    input.bSelect
    .btn.btn-primary:hover,
.dataTables_wrapper
    .dataTables_filter
    label
    input.bSelect
    .btn.btn-primary:hover,
.dataTables_wrapper
    .dataTables_length
    label
    select.bSelect
    .btn.btn-primary:hover,
.dataTables_wrapper
    .dataTables_filter
    label
    select.bSelect
    .btn.btn-primary:hover,
.footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .bSelect.form-control
    .btn.btn-primary:hover,
.jsgrid-grid-header table tr th input.bSelect .btn.btn-primary:hover,
.jsgrid-grid-header table tr th select.bSelect .btn.btn-primary:hover,
.jsgrid-grid-header table tr td input.bSelect .btn.btn-primary:hover,
.jsgrid-grid-header table tr td select.bSelect .btn.btn-primary:hover,
body.skin-dark
    .jsgrid-table
    tr
    th
    input.bSelect:not(.jsgrid-button)
    .btn.btn-primary:hover,
body.skin-dark
    .jsgrid-table
    tr
    td
    input.bSelect:not(.jsgrid-button)
    .btn.btn-primary:hover,
body.skin-dark .jsgrid-table tr th select.bSelect .btn.btn-primary:hover,
body.skin-dark .jsgrid-table tr td select.bSelect .btn.btn-primary:hover {
    background-color: #297cf9;
    border-color: #297cf9;
    color: #ffffff;
}

.form-control.bSelect .btn.btn-secondary,
#toast-container .toast .toast-message input.bSelect .btn.btn-secondary,
.dataTables_wrapper .dataTables_length label input.bSelect .btn.btn-secondary,
.dataTables_wrapper .dataTables_filter label input.bSelect .btn.btn-secondary,
.dataTables_wrapper .dataTables_length label select.bSelect .btn.btn-secondary,
.dataTables_wrapper .dataTables_filter label select.bSelect .btn.btn-secondary,
.footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .bSelect.form-control
    .btn.btn-secondary,
.jsgrid-grid-header table tr th input.bSelect .btn.btn-secondary,
.jsgrid-grid-header table tr th select.bSelect .btn.btn-secondary,
.jsgrid-grid-header table tr td input.bSelect .btn.btn-secondary,
.jsgrid-grid-header table tr td select.bSelect .btn.btn-secondary,
body.skin-dark
    .jsgrid-table
    tr
    th
    input.bSelect:not(.jsgrid-button)
    .btn.btn-secondary,
body.skin-dark
    .jsgrid-table
    tr
    td
    input.bSelect:not(.jsgrid-button)
    .btn.btn-secondary,
body.skin-dark .jsgrid-table tr th select.bSelect .btn.btn-secondary,
body.skin-dark .jsgrid-table tr td select.bSelect .btn.btn-secondary {
    background-color: #fb7da4;
    border-color: #fb7da4;
    color: #ffffff;
}

.form-control.bSelect .btn.btn-secondary:hover,
#toast-container .toast .toast-message input.bSelect .btn.btn-secondary:hover,
.dataTables_wrapper
    .dataTables_length
    label
    input.bSelect
    .btn.btn-secondary:hover,
.dataTables_wrapper
    .dataTables_filter
    label
    input.bSelect
    .btn.btn-secondary:hover,
.dataTables_wrapper
    .dataTables_length
    label
    select.bSelect
    .btn.btn-secondary:hover,
.dataTables_wrapper
    .dataTables_filter
    label
    select.bSelect
    .btn.btn-secondary:hover,
.footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .bSelect.form-control
    .btn.btn-secondary:hover,
.jsgrid-grid-header table tr th input.bSelect .btn.btn-secondary:hover,
.jsgrid-grid-header table tr th select.bSelect .btn.btn-secondary:hover,
.jsgrid-grid-header table tr td input.bSelect .btn.btn-secondary:hover,
.jsgrid-grid-header table tr td select.bSelect .btn.btn-secondary:hover,
body.skin-dark
    .jsgrid-table
    tr
    th
    input.bSelect:not(.jsgrid-button)
    .btn.btn-secondary:hover,
body.skin-dark
    .jsgrid-table
    tr
    td
    input.bSelect:not(.jsgrid-button)
    .btn.btn-secondary:hover,
body.skin-dark .jsgrid-table tr th select.bSelect .btn.btn-secondary:hover,
body.skin-dark .jsgrid-table tr td select.bSelect .btn.btn-secondary:hover {
    background-color: #fa6493;
    border-color: #fa6493;
    color: #ffffff;
}

.form-control.bSelect .btn.btn-success,
#toast-container .toast .toast-message input.bSelect .btn.btn-success,
.dataTables_wrapper .dataTables_length label input.bSelect .btn.btn-success,
.dataTables_wrapper .dataTables_filter label input.bSelect .btn.btn-success,
.dataTables_wrapper .dataTables_length label select.bSelect .btn.btn-success,
.dataTables_wrapper .dataTables_filter label select.bSelect .btn.btn-success,
.footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .bSelect.form-control
    .btn.btn-success,
.jsgrid-grid-header table tr th input.bSelect .btn.btn-success,
.jsgrid-grid-header table tr th select.bSelect .btn.btn-success,
.jsgrid-grid-header table tr td input.bSelect .btn.btn-success,
.jsgrid-grid-header table tr td select.bSelect .btn.btn-success,
body.skin-dark
    .jsgrid-table
    tr
    th
    input.bSelect:not(.jsgrid-button)
    .btn.btn-success,
body.skin-dark
    .jsgrid-table
    tr
    td
    input.bSelect:not(.jsgrid-button)
    .btn.btn-success,
body.skin-dark .jsgrid-table tr th select.bSelect .btn.btn-success,
body.skin-dark .jsgrid-table tr td select.bSelect .btn.btn-success {
    background-color: #29db2d;
    border-color: #29db2d;
    color: #ffffff;
}

.form-control.bSelect .btn.btn-success:hover,
#toast-container .toast .toast-message input.bSelect .btn.btn-success:hover,
.dataTables_wrapper
    .dataTables_length
    label
    input.bSelect
    .btn.btn-success:hover,
.dataTables_wrapper
    .dataTables_filter
    label
    input.bSelect
    .btn.btn-success:hover,
.dataTables_wrapper
    .dataTables_length
    label
    select.bSelect
    .btn.btn-success:hover,
.dataTables_wrapper
    .dataTables_filter
    label
    select.bSelect
    .btn.btn-success:hover,
.footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .bSelect.form-control
    .btn.btn-success:hover,
.jsgrid-grid-header table tr th input.bSelect .btn.btn-success:hover,
.jsgrid-grid-header table tr th select.bSelect .btn.btn-success:hover,
.jsgrid-grid-header table tr td input.bSelect .btn.btn-success:hover,
.jsgrid-grid-header table tr td select.bSelect .btn.btn-success:hover,
body.skin-dark
    .jsgrid-table
    tr
    th
    input.bSelect:not(.jsgrid-button)
    .btn.btn-success:hover,
body.skin-dark
    .jsgrid-table
    tr
    td
    input.bSelect:not(.jsgrid-button)
    .btn.btn-success:hover,
body.skin-dark .jsgrid-table tr th select.bSelect .btn.btn-success:hover,
body.skin-dark .jsgrid-table tr td select.bSelect .btn.btn-success:hover {
    background-color: #22c926;
    border-color: #22c926;
    color: #ffffff;
}

.form-control.bSelect .btn.btn-danger,
#toast-container .toast .toast-message input.bSelect .btn.btn-danger,
.dataTables_wrapper .dataTables_length label input.bSelect .btn.btn-danger,
.dataTables_wrapper .dataTables_filter label input.bSelect .btn.btn-danger,
.dataTables_wrapper .dataTables_length label select.bSelect .btn.btn-danger,
.dataTables_wrapper .dataTables_filter label select.bSelect .btn.btn-danger,
.footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .bSelect.form-control
    .btn.btn-danger,
.jsgrid-grid-header table tr th input.bSelect .btn.btn-danger,
.jsgrid-grid-header table tr th select.bSelect .btn.btn-danger,
.jsgrid-grid-header table tr td input.bSelect .btn.btn-danger,
.jsgrid-grid-header table tr td select.bSelect .btn.btn-danger,
body.skin-dark
    .jsgrid-table
    tr
    th
    input.bSelect:not(.jsgrid-button)
    .btn.btn-danger,
body.skin-dark
    .jsgrid-table
    tr
    td
    input.bSelect:not(.jsgrid-button)
    .btn.btn-danger,
body.skin-dark .jsgrid-table tr th select.bSelect .btn.btn-danger,
body.skin-dark .jsgrid-table tr td select.bSelect .btn.btn-danger {
    background-color: #fd427c;
    border-color: #fd427c;
    color: #ffffff;
}

.form-control.bSelect .btn.btn-danger:hover,
#toast-container .toast .toast-message input.bSelect .btn.btn-danger:hover,
.dataTables_wrapper
    .dataTables_length
    label
    input.bSelect
    .btn.btn-danger:hover,
.dataTables_wrapper
    .dataTables_filter
    label
    input.bSelect
    .btn.btn-danger:hover,
.dataTables_wrapper
    .dataTables_length
    label
    select.bSelect
    .btn.btn-danger:hover,
.dataTables_wrapper
    .dataTables_filter
    label
    select.bSelect
    .btn.btn-danger:hover,
.footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .bSelect.form-control
    .btn.btn-danger:hover,
.jsgrid-grid-header table tr th input.bSelect .btn.btn-danger:hover,
.jsgrid-grid-header table tr th select.bSelect .btn.btn-danger:hover,
.jsgrid-grid-header table tr td input.bSelect .btn.btn-danger:hover,
.jsgrid-grid-header table tr td select.bSelect .btn.btn-danger:hover,
body.skin-dark
    .jsgrid-table
    tr
    th
    input.bSelect:not(.jsgrid-button)
    .btn.btn-danger:hover,
body.skin-dark
    .jsgrid-table
    tr
    td
    input.bSelect:not(.jsgrid-button)
    .btn.btn-danger:hover,
body.skin-dark .jsgrid-table tr th select.bSelect .btn.btn-danger:hover,
body.skin-dark .jsgrid-table tr td select.bSelect .btn.btn-danger:hover {
    background-color: #fd296b;
    border-color: #fd296b;
    color: #ffffff;
}

.form-control.bSelect .btn.btn-warning,
#toast-container .toast .toast-message input.bSelect .btn.btn-warning,
.dataTables_wrapper .dataTables_length label input.bSelect .btn.btn-warning,
.dataTables_wrapper .dataTables_filter label input.bSelect .btn.btn-warning,
.dataTables_wrapper .dataTables_length label select.bSelect .btn.btn-warning,
.dataTables_wrapper .dataTables_filter label select.bSelect .btn.btn-warning,
.footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .bSelect.form-control
    .btn.btn-warning,
.jsgrid-grid-header table tr th input.bSelect .btn.btn-warning,
.jsgrid-grid-header table tr th select.bSelect .btn.btn-warning,
.jsgrid-grid-header table tr td input.bSelect .btn.btn-warning,
.jsgrid-grid-header table tr td select.bSelect .btn.btn-warning,
body.skin-dark
    .jsgrid-table
    tr
    th
    input.bSelect:not(.jsgrid-button)
    .btn.btn-warning,
body.skin-dark
    .jsgrid-table
    tr
    td
    input.bSelect:not(.jsgrid-button)
    .btn.btn-warning,
body.skin-dark .jsgrid-table tr th select.bSelect .btn.btn-warning,
body.skin-dark .jsgrid-table tr td select.bSelect .btn.btn-warning {
    background-color: #ff9666;
    border-color: #ff9666;
    color: #ffffff;
}

.form-control.bSelect .btn.btn-warning:hover,
#toast-container .toast .toast-message input.bSelect .btn.btn-warning:hover,
.dataTables_wrapper
    .dataTables_length
    label
    input.bSelect
    .btn.btn-warning:hover,
.dataTables_wrapper
    .dataTables_filter
    label
    input.bSelect
    .btn.btn-warning:hover,
.dataTables_wrapper
    .dataTables_length
    label
    select.bSelect
    .btn.btn-warning:hover,
.dataTables_wrapper
    .dataTables_filter
    label
    select.bSelect
    .btn.btn-warning:hover,
.footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .bSelect.form-control
    .btn.btn-warning:hover,
.jsgrid-grid-header table tr th input.bSelect .btn.btn-warning:hover,
.jsgrid-grid-header table tr th select.bSelect .btn.btn-warning:hover,
.jsgrid-grid-header table tr td input.bSelect .btn.btn-warning:hover,
.jsgrid-grid-header table tr td select.bSelect .btn.btn-warning:hover,
body.skin-dark
    .jsgrid-table
    tr
    th
    input.bSelect:not(.jsgrid-button)
    .btn.btn-warning:hover,
body.skin-dark
    .jsgrid-table
    tr
    td
    input.bSelect:not(.jsgrid-button)
    .btn.btn-warning:hover,
body.skin-dark .jsgrid-table tr th select.bSelect .btn.btn-warning:hover,
body.skin-dark .jsgrid-table tr td select.bSelect .btn.btn-warning:hover {
    background-color: #ff854d;
    border-color: #ff854d;
    color: #ffffff;
}

.form-control.bSelect .btn.btn-info,
#toast-container .toast .toast-message input.bSelect .btn.btn-info,
.dataTables_wrapper .dataTables_length label input.bSelect .btn.btn-info,
.dataTables_wrapper .dataTables_filter label input.bSelect .btn.btn-info,
.dataTables_wrapper .dataTables_length label select.bSelect .btn.btn-info,
.dataTables_wrapper .dataTables_filter label select.bSelect .btn.btn-info,
.footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .bSelect.form-control
    .btn.btn-info,
.jsgrid-grid-header table tr th input.bSelect .btn.btn-info,
.jsgrid-grid-header table tr th select.bSelect .btn.btn-info,
.jsgrid-grid-header table tr td input.bSelect .btn.btn-info,
.jsgrid-grid-header table tr td select.bSelect .btn.btn-info,
body.skin-dark
    .jsgrid-table
    tr
    th
    input.bSelect:not(.jsgrid-button)
    .btn.btn-info,
body.skin-dark
    .jsgrid-table
    tr
    td
    input.bSelect:not(.jsgrid-button)
    .btn.btn-info,
body.skin-dark .jsgrid-table tr th select.bSelect .btn.btn-info,
body.skin-dark .jsgrid-table tr td select.bSelect .btn.btn-info {
    background-color: #17a2b8;
    border-color: #17a2b8;
    color: #ffffff;
}

.form-control.bSelect .btn.btn-info:hover,
#toast-container .toast .toast-message input.bSelect .btn.btn-info:hover,
.dataTables_wrapper .dataTables_length label input.bSelect .btn.btn-info:hover,
.dataTables_wrapper .dataTables_filter label input.bSelect .btn.btn-info:hover,
.dataTables_wrapper .dataTables_length label select.bSelect .btn.btn-info:hover,
.dataTables_wrapper .dataTables_filter label select.bSelect .btn.btn-info:hover,
.footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .bSelect.form-control
    .btn.btn-info:hover,
.jsgrid-grid-header table tr th input.bSelect .btn.btn-info:hover,
.jsgrid-grid-header table tr th select.bSelect .btn.btn-info:hover,
.jsgrid-grid-header table tr td input.bSelect .btn.btn-info:hover,
.jsgrid-grid-header table tr td select.bSelect .btn.btn-info:hover,
body.skin-dark
    .jsgrid-table
    tr
    th
    input.bSelect:not(.jsgrid-button)
    .btn.btn-info:hover,
body.skin-dark
    .jsgrid-table
    tr
    td
    input.bSelect:not(.jsgrid-button)
    .btn.btn-info:hover,
body.skin-dark .jsgrid-table tr th select.bSelect .btn.btn-info:hover,
body.skin-dark .jsgrid-table tr td select.bSelect .btn.btn-info:hover {
    background-color: #148ea1;
    border-color: #148ea1;
    color: #ffffff;
}

.form-control.bSelect .dropdown-menu,
#toast-container .toast .toast-message input.bSelect .dropdown-menu,
.dataTables_wrapper .dataTables_length label input.bSelect .dropdown-menu,
.dataTables_wrapper .dataTables_filter label input.bSelect .dropdown-menu,
.dataTables_wrapper .dataTables_length label select.bSelect .dropdown-menu,
.dataTables_wrapper .dataTables_filter label select.bSelect .dropdown-menu,
.footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .bSelect.form-control
    .dropdown-menu,
.jsgrid-grid-header table tr th input.bSelect .dropdown-menu,
.jsgrid-grid-header table tr th select.bSelect .dropdown-menu,
.jsgrid-grid-header table tr td input.bSelect .dropdown-menu,
.jsgrid-grid-header table tr td select.bSelect .dropdown-menu,
body.skin-dark
    .jsgrid-table
    tr
    th
    input.bSelect:not(.jsgrid-button)
    .dropdown-menu,
body.skin-dark
    .jsgrid-table
    tr
    td
    input.bSelect:not(.jsgrid-button)
    .dropdown-menu,
body.skin-dark .jsgrid-table tr th select.bSelect .dropdown-menu,
body.skin-dark .jsgrid-table tr td select.bSelect .dropdown-menu {
    margin: 0;
    max-height: 200px;
    overflow-y: auto;
}

.form-control.bSelect.dark,
#toast-container .toast .toast-message input.bSelect.dark,
.dataTables_wrapper .dataTables_length label input.bSelect.dark,
.dataTables_wrapper .dataTables_filter label input.bSelect.dark,
.dataTables_wrapper .dataTables_length label select.bSelect.dark,
.dataTables_wrapper .dataTables_filter label select.bSelect.dark,
.footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .bSelect.dark.form-control,
.jsgrid-grid-header table tr th input.bSelect.dark,
.jsgrid-grid-header table tr th select.bSelect.dark,
.jsgrid-grid-header table tr td input.bSelect.dark,
.jsgrid-grid-header table tr td select.bSelect.dark,
body.skin-dark .jsgrid-table tr th input.bSelect.dark:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr td input.bSelect.dark:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr th select.bSelect.dark,
body.skin-dark .jsgrid-table tr td select.bSelect.dark,
.form-control.bSelect.focus-dark:focus,
#toast-container .toast .toast-message input.bSelect.focus-dark:focus,
.dataTables_wrapper .dataTables_length label input.bSelect.focus-dark:focus,
.dataTables_wrapper .dataTables_filter label input.bSelect.focus-dark:focus,
.dataTables_wrapper .dataTables_length label select.bSelect.focus-dark:focus,
.dataTables_wrapper .dataTables_filter label select.bSelect.focus-dark:focus,
.footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .bSelect.focus-dark.form-control:focus,
.jsgrid-grid-header table tr th input.bSelect.focus-dark:focus,
.jsgrid-grid-header table tr th select.bSelect.focus-dark:focus,
.jsgrid-grid-header table tr td input.bSelect.focus-dark:focus,
.jsgrid-grid-header table tr td select.bSelect.focus-dark:focus,
body.skin-dark
    .jsgrid-table
    tr
    th
    input.bSelect.focus-dark:focus:not(.jsgrid-button),
body.skin-dark
    .jsgrid-table
    tr
    td
    input.bSelect.focus-dark:focus:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr th select.bSelect.focus-dark:focus,
body.skin-dark .jsgrid-table tr td select.bSelect.focus-dark:focus {
    border-color: #343434;
}

.form-control.bSelect.primary,
#toast-container .toast .toast-message input.bSelect.primary,
.dataTables_wrapper .dataTables_length label input.bSelect.primary,
.dataTables_wrapper .dataTables_filter label input.bSelect.primary,
.dataTables_wrapper .dataTables_length label select.bSelect.primary,
.dataTables_wrapper .dataTables_filter label select.bSelect.primary,
.footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .bSelect.primary.form-control,
.jsgrid-grid-header table tr th input.bSelect.primary,
.jsgrid-grid-header table tr th select.bSelect.primary,
.jsgrid-grid-header table tr td input.bSelect.primary,
.jsgrid-grid-header table tr td select.bSelect.primary,
body.skin-dark .jsgrid-table tr th input.bSelect.primary:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr td input.bSelect.primary:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr th select.bSelect.primary,
body.skin-dark .jsgrid-table tr td select.bSelect.primary,
.form-control.bSelect.focus-primary:focus,
#toast-container .toast .toast-message input.bSelect.focus-primary:focus,
.dataTables_wrapper .dataTables_length label input.bSelect.focus-primary:focus,
.dataTables_wrapper .dataTables_filter label input.bSelect.focus-primary:focus,
.dataTables_wrapper .dataTables_length label select.bSelect.focus-primary:focus,
.dataTables_wrapper .dataTables_filter label select.bSelect.focus-primary:focus,
.footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .bSelect.focus-primary.form-control:focus,
.jsgrid-grid-header table tr th input.bSelect.focus-primary:focus,
.jsgrid-grid-header table tr th select.bSelect.focus-primary:focus,
.jsgrid-grid-header table tr td input.bSelect.focus-primary:focus,
.jsgrid-grid-header table tr td select.bSelect.focus-primary:focus,
body.skin-dark
    .jsgrid-table
    tr
    th
    input.bSelect.focus-primary:focus:not(.jsgrid-button),
body.skin-dark
    .jsgrid-table
    tr
    td
    input.bSelect.focus-primary:focus:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr th select.bSelect.focus-primary:focus,
body.skin-dark .jsgrid-table tr td select.bSelect.focus-primary:focus {
    border-color: #428bfa;
}

.form-control.bSelect.secondary,
#toast-container .toast .toast-message input.bSelect.secondary,
.dataTables_wrapper .dataTables_length label input.bSelect.secondary,
.dataTables_wrapper .dataTables_filter label input.bSelect.secondary,
.dataTables_wrapper .dataTables_length label select.bSelect.secondary,
.dataTables_wrapper .dataTables_filter label select.bSelect.secondary,
.footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .bSelect.secondary.form-control,
.jsgrid-grid-header table tr th input.bSelect.secondary,
.jsgrid-grid-header table tr th select.bSelect.secondary,
.jsgrid-grid-header table tr td input.bSelect.secondary,
.jsgrid-grid-header table tr td select.bSelect.secondary,
body.skin-dark .jsgrid-table tr th input.bSelect.secondary:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr td input.bSelect.secondary:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr th select.bSelect.secondary,
body.skin-dark .jsgrid-table tr td select.bSelect.secondary,
.form-control.bSelect.focus-secondary:focus,
#toast-container .toast .toast-message input.bSelect.focus-secondary:focus,
.dataTables_wrapper
    .dataTables_length
    label
    input.bSelect.focus-secondary:focus,
.dataTables_wrapper
    .dataTables_filter
    label
    input.bSelect.focus-secondary:focus,
.dataTables_wrapper
    .dataTables_length
    label
    select.bSelect.focus-secondary:focus,
.dataTables_wrapper
    .dataTables_filter
    label
    select.bSelect.focus-secondary:focus,
.footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .bSelect.focus-secondary.form-control:focus,
.jsgrid-grid-header table tr th input.bSelect.focus-secondary:focus,
.jsgrid-grid-header table tr th select.bSelect.focus-secondary:focus,
.jsgrid-grid-header table tr td input.bSelect.focus-secondary:focus,
.jsgrid-grid-header table tr td select.bSelect.focus-secondary:focus,
body.skin-dark
    .jsgrid-table
    tr
    th
    input.bSelect.focus-secondary:focus:not(.jsgrid-button),
body.skin-dark
    .jsgrid-table
    tr
    td
    input.bSelect.focus-secondary:focus:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr th select.bSelect.focus-secondary:focus,
body.skin-dark .jsgrid-table tr td select.bSelect.focus-secondary:focus {
    border-color: #fb7da4;
}

.form-control.bSelect.success,
#toast-container .toast .toast-message input.bSelect.success,
.dataTables_wrapper .dataTables_length label input.bSelect.success,
.dataTables_wrapper .dataTables_filter label input.bSelect.success,
.dataTables_wrapper .dataTables_length label select.bSelect.success,
.dataTables_wrapper .dataTables_filter label select.bSelect.success,
.footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .bSelect.success.form-control,
.jsgrid-grid-header table tr th input.bSelect.success,
.jsgrid-grid-header table tr th select.bSelect.success,
.jsgrid-grid-header table tr td input.bSelect.success,
.jsgrid-grid-header table tr td select.bSelect.success,
body.skin-dark .jsgrid-table tr th input.bSelect.success:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr td input.bSelect.success:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr th select.bSelect.success,
body.skin-dark .jsgrid-table tr td select.bSelect.success,
.form-control.bSelect.focus-success:focus,
#toast-container .toast .toast-message input.bSelect.focus-success:focus,
.dataTables_wrapper .dataTables_length label input.bSelect.focus-success:focus,
.dataTables_wrapper .dataTables_filter label input.bSelect.focus-success:focus,
.dataTables_wrapper .dataTables_length label select.bSelect.focus-success:focus,
.dataTables_wrapper .dataTables_filter label select.bSelect.focus-success:focus,
.footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .bSelect.focus-success.form-control:focus,
.jsgrid-grid-header table tr th input.bSelect.focus-success:focus,
.jsgrid-grid-header table tr th select.bSelect.focus-success:focus,
.jsgrid-grid-header table tr td input.bSelect.focus-success:focus,
.jsgrid-grid-header table tr td select.bSelect.focus-success:focus,
body.skin-dark
    .jsgrid-table
    tr
    th
    input.bSelect.focus-success:focus:not(.jsgrid-button),
body.skin-dark
    .jsgrid-table
    tr
    td
    input.bSelect.focus-success:focus:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr th select.bSelect.focus-success:focus,
body.skin-dark .jsgrid-table tr td select.bSelect.focus-success:focus {
    border-color: #29db2d;
}

.form-control.bSelect.danger,
#toast-container .toast .toast-message input.bSelect.danger,
.dataTables_wrapper .dataTables_length label input.bSelect.danger,
.dataTables_wrapper .dataTables_filter label input.bSelect.danger,
.dataTables_wrapper .dataTables_length label select.bSelect.danger,
.dataTables_wrapper .dataTables_filter label select.bSelect.danger,
.footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .bSelect.danger.form-control,
.jsgrid-grid-header table tr th input.bSelect.danger,
.jsgrid-grid-header table tr th select.bSelect.danger,
.jsgrid-grid-header table tr td input.bSelect.danger,
.jsgrid-grid-header table tr td select.bSelect.danger,
body.skin-dark .jsgrid-table tr th input.bSelect.danger:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr td input.bSelect.danger:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr th select.bSelect.danger,
body.skin-dark .jsgrid-table tr td select.bSelect.danger,
.form-control.bSelect.focus-danger:focus,
#toast-container .toast .toast-message input.bSelect.focus-danger:focus,
.dataTables_wrapper .dataTables_length label input.bSelect.focus-danger:focus,
.dataTables_wrapper .dataTables_filter label input.bSelect.focus-danger:focus,
.dataTables_wrapper .dataTables_length label select.bSelect.focus-danger:focus,
.dataTables_wrapper .dataTables_filter label select.bSelect.focus-danger:focus,
.footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .bSelect.focus-danger.form-control:focus,
.jsgrid-grid-header table tr th input.bSelect.focus-danger:focus,
.jsgrid-grid-header table tr th select.bSelect.focus-danger:focus,
.jsgrid-grid-header table tr td input.bSelect.focus-danger:focus,
.jsgrid-grid-header table tr td select.bSelect.focus-danger:focus,
body.skin-dark
    .jsgrid-table
    tr
    th
    input.bSelect.focus-danger:focus:not(.jsgrid-button),
body.skin-dark
    .jsgrid-table
    tr
    td
    input.bSelect.focus-danger:focus:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr th select.bSelect.focus-danger:focus,
body.skin-dark .jsgrid-table tr td select.bSelect.focus-danger:focus {
    border-color: #fd427c;
}

.form-control.bSelect.warning,
#toast-container .toast .toast-message input.bSelect.warning,
.dataTables_wrapper .dataTables_length label input.bSelect.warning,
.dataTables_wrapper .dataTables_filter label input.bSelect.warning,
.dataTables_wrapper .dataTables_length label select.bSelect.warning,
.dataTables_wrapper .dataTables_filter label select.bSelect.warning,
.footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .bSelect.warning.form-control,
.jsgrid-grid-header table tr th input.bSelect.warning,
.jsgrid-grid-header table tr th select.bSelect.warning,
.jsgrid-grid-header table tr td input.bSelect.warning,
.jsgrid-grid-header table tr td select.bSelect.warning,
body.skin-dark .jsgrid-table tr th input.bSelect.warning:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr td input.bSelect.warning:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr th select.bSelect.warning,
body.skin-dark .jsgrid-table tr td select.bSelect.warning,
.form-control.bSelect.focus-warning:focus,
#toast-container .toast .toast-message input.bSelect.focus-warning:focus,
.dataTables_wrapper .dataTables_length label input.bSelect.focus-warning:focus,
.dataTables_wrapper .dataTables_filter label input.bSelect.focus-warning:focus,
.dataTables_wrapper .dataTables_length label select.bSelect.focus-warning:focus,
.dataTables_wrapper .dataTables_filter label select.bSelect.focus-warning:focus,
.footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .bSelect.focus-warning.form-control:focus,
.jsgrid-grid-header table tr th input.bSelect.focus-warning:focus,
.jsgrid-grid-header table tr th select.bSelect.focus-warning:focus,
.jsgrid-grid-header table tr td input.bSelect.focus-warning:focus,
.jsgrid-grid-header table tr td select.bSelect.focus-warning:focus,
body.skin-dark
    .jsgrid-table
    tr
    th
    input.bSelect.focus-warning:focus:not(.jsgrid-button),
body.skin-dark
    .jsgrid-table
    tr
    td
    input.bSelect.focus-warning:focus:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr th select.bSelect.focus-warning:focus,
body.skin-dark .jsgrid-table tr td select.bSelect.focus-warning:focus {
    border-color: #ff9666;
}

.form-control.bSelect.info,
#toast-container .toast .toast-message input.bSelect.info,
.dataTables_wrapper .dataTables_length label input.bSelect.info,
.dataTables_wrapper .dataTables_filter label input.bSelect.info,
.dataTables_wrapper .dataTables_length label select.bSelect.info,
.dataTables_wrapper .dataTables_filter label select.bSelect.info,
.footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .bSelect.info.form-control,
.jsgrid-grid-header table tr th input.bSelect.info,
.jsgrid-grid-header table tr th select.bSelect.info,
.jsgrid-grid-header table tr td input.bSelect.info,
.jsgrid-grid-header table tr td select.bSelect.info,
body.skin-dark .jsgrid-table tr th input.bSelect.info:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr td input.bSelect.info:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr th select.bSelect.info,
body.skin-dark .jsgrid-table tr td select.bSelect.info,
.form-control.bSelect.focus-info:focus,
#toast-container .toast .toast-message input.bSelect.focus-info:focus,
.dataTables_wrapper .dataTables_length label input.bSelect.focus-info:focus,
.dataTables_wrapper .dataTables_filter label input.bSelect.focus-info:focus,
.dataTables_wrapper .dataTables_length label select.bSelect.focus-info:focus,
.dataTables_wrapper .dataTables_filter label select.bSelect.focus-info:focus,
.footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .bSelect.focus-info.form-control:focus,
.jsgrid-grid-header table tr th input.bSelect.focus-info:focus,
.jsgrid-grid-header table tr th select.bSelect.focus-info:focus,
.jsgrid-grid-header table tr td input.bSelect.focus-info:focus,
.jsgrid-grid-header table tr td select.bSelect.focus-info:focus,
body.skin-dark
    .jsgrid-table
    tr
    th
    input.bSelect.focus-info:focus:not(.jsgrid-button),
body.skin-dark
    .jsgrid-table
    tr
    td
    input.bSelect.focus-info:focus:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr th select.bSelect.focus-info:focus,
body.skin-dark .jsgrid-table tr td select.bSelect.focus-info:focus {
    border-color: #17a2b8;
}

.form-control.bSelect.form-control-sm,
#toast-container .toast .toast-message input.bSelect.form-control-sm,
.dataTables_wrapper .dataTables_length label input.bSelect.form-control-sm,
.dataTables_wrapper .dataTables_filter label input.bSelect.form-control-sm,
.dataTables_wrapper .dataTables_length label select.bSelect.form-control-sm,
.dataTables_wrapper .dataTables_filter label select.bSelect.form-control-sm,
.footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .bSelect.form-control-sm.form-control,
.jsgrid-grid-header table tr th input.bSelect.form-control-sm,
.jsgrid-grid-header table tr th select.bSelect.form-control-sm,
.jsgrid-grid-header table tr td input.bSelect.form-control-sm,
.jsgrid-grid-header table tr td select.bSelect.form-control-sm,
body.skin-dark
    .jsgrid-table
    tr
    th
    input.bSelect.form-control-sm:not(.jsgrid-button),
body.skin-dark
    .jsgrid-table
    tr
    td
    input.bSelect.form-control-sm:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr th select.bSelect.form-control-sm,
body.skin-dark .jsgrid-table tr td select.bSelect.form-control-sm {
    padding: 5px 15px;
    font-size: 12px;
}

.form-control.bSelect.form-control-lg,
#toast-container .toast .toast-message input.bSelect.form-control-lg,
.dataTables_wrapper .dataTables_length label input.bSelect.form-control-lg,
.dataTables_wrapper .dataTables_filter label input.bSelect.form-control-lg,
.dataTables_wrapper .dataTables_length label select.bSelect.form-control-lg,
.dataTables_wrapper .dataTables_filter label select.bSelect.form-control-lg,
.footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .bSelect.form-control-lg.form-control,
.jsgrid-grid-header table tr th input.bSelect.form-control-lg,
.jsgrid-grid-header table tr th select.bSelect.form-control-lg,
.jsgrid-grid-header table tr td input.bSelect.form-control-lg,
.jsgrid-grid-header table tr td select.bSelect.form-control-lg,
body.skin-dark
    .jsgrid-table
    tr
    th
    input.bSelect.form-control-lg:not(.jsgrid-button),
body.skin-dark
    .jsgrid-table
    tr
    td
    input.bSelect.form-control-lg:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr th select.bSelect.form-control-lg,
body.skin-dark .jsgrid-table tr td select.bSelect.form-control-lg {
    padding: 15px 25px;
    font-size: 16px;
}

/*--
    - Switch (Custom)
--------------------------------------*/
/*Switch One*/
.adomx-switch {
    position: relative;
    line-height: 0;
    margin: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.adomx-switch input {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0;
    width: 18px;
    height: 18px;
    visibility: hidden;
}

.adomx-switch input:checked + .lever {
    background-color: rgba(66, 139, 250, 0.3);
}

.adomx-switch input:checked + .lever::before {
    background-color: #428bfa;
    -webkit-box-shadow: 0 0 15px rgba(66, 139, 250, 0.5);
    box-shadow: 0 0 15px rgba(66, 139, 250, 0.5);
    left: 20px;
}

.adomx-switch .lever {
    width: 40px;
    height: 14px;
    display: block;
    border-radius: 50px;
    background-color: rgba(0, 0, 0, 0.15);
    -webkit-transition: background-color 0.3s ease 0s;
    -o-transition: background-color 0.3s ease 0s;
    transition: background-color 0.3s ease 0s;
    margin: 3px 0;
    margin-right: 10px;
    position: relative;
}

.adomx-switch .lever:last-child {
    margin-right: 0;
}

.adomx-switch .lever::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #ffffff;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
    -webkit-transition: left 0.5s ease 0s, background-color 0.3s ease 0s;
    -o-transition: left 0.5s ease 0s, background-color 0.3s ease 0s;
    transition: left 0.5s ease 0s, background-color 0.3s ease 0s;
}

.adomx-switch .text {
    line-height: 1;
    padding-top: 2px;
}

.adomx-switch.primary input:checked + .lever {
    background-color: rgba(66, 139, 250, 0.3);
}

.adomx-switch.primary input:checked + .lever::before {
    background-color: #428bfa;
    -webkit-box-shadow: 0 0 15px rgba(66, 139, 250, 0.5);
    box-shadow: 0 0 15px rgba(66, 139, 250, 0.5);
}

.adomx-switch.secondary input:checked + .lever {
    background-color: rgba(251, 125, 164, 0.3);
}

.adomx-switch.secondary input:checked + .lever::before {
    background-color: #fb7da4;
    -webkit-box-shadow: 0 0 15px rgba(251, 125, 164, 0.5);
    box-shadow: 0 0 15px rgba(251, 125, 164, 0.5);
}

.adomx-switch.success input:checked + .lever {
    background-color: rgba(41, 219, 45, 0.3);
}

.adomx-switch.success input:checked + .lever::before {
    background-color: #29db2d;
    -webkit-box-shadow: 0 0 15px rgba(41, 219, 45, 0.5);
    box-shadow: 0 0 15px rgba(41, 219, 45, 0.5);
}

.adomx-switch.danger input:checked + .lever {
    background-color: rgba(253, 66, 124, 0.3);
}

.adomx-switch.danger input:checked + .lever::before {
    background-color: #fd427c;
    -webkit-box-shadow: 0 0 15px rgba(253, 66, 124, 0.5);
    box-shadow: 0 0 15px rgba(253, 66, 124, 0.5);
}

.adomx-switch.warning input:checked + .lever {
    background-color: rgba(255, 150, 102, 0.3);
}

.adomx-switch.warning input:checked + .lever::before {
    background-color: #ff9666;
    -webkit-box-shadow: 0 0 15px rgba(255, 150, 102, 0.5);
    box-shadow: 0 0 15px rgba(255, 150, 102, 0.5);
}

.adomx-switch.info input:checked + .lever {
    background-color: rgba(23, 162, 184, 0.3);
}

.adomx-switch.info input:checked + .lever::before {
    background-color: #17a2b8;
    -webkit-box-shadow: 0 0 15px rgba(23, 162, 184, 0.5);
    box-shadow: 0 0 15px rgba(23, 162, 184, 0.5);
}

/*Switch Two*/
.adomx-switch-2 {
    position: relative;
    line-height: 0;
    margin: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.adomx-switch-2 input {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0;
    width: 18px;
    height: 18px;
    visibility: hidden;
}

.adomx-switch-2 input:checked + .lever {
    background-color: #428bfa;
}

.adomx-switch-2 input:checked + .lever::before {
    left: 20px;
}

.adomx-switch-2 .lever {
    width: 40px;
    height: 20px;
    display: block;
    border-radius: 50px;
    background-color: rgba(0, 0, 0, 0.15);
    -webkit-transition: background-color 0.3s ease 0s;
    -o-transition: background-color 0.3s ease 0s;
    transition: background-color 0.3s ease 0s;
    margin-right: 10px;
    position: relative;
}

.adomx-switch-2 .lever:last-child {
    margin-right: 0;
}

.adomx-switch-2 .lever::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #ffffff;
    border: 2px solid transparent;
    background-clip: padding-box;
    -webkit-transition: left 0.5s ease 0s, background-color 0.3s ease 0s;
    -o-transition: left 0.5s ease 0s, background-color 0.3s ease 0s;
    transition: left 0.5s ease 0s, background-color 0.3s ease 0s;
}

.adomx-switch-2 .text {
    line-height: 20px;
    padding-top: 2px;
}

.adomx-switch-2.primary input:checked + .lever {
    background-color: #428bfa;
}

.adomx-switch-2.secondary input:checked + .lever {
    background-color: #fb7da4;
}

.adomx-switch-2.success input:checked + .lever {
    background-color: #29db2d;
}

.adomx-switch-2.danger input:checked + .lever {
    background-color: #fd427c;
}

.adomx-switch-2.warning input:checked + .lever {
    background-color: #ff9666;
}

.adomx-switch-2.info input:checked + .lever {
    background-color: #17a2b8;
}

/*Search Form*/
.search-form form {
    position: relative;
    width: 250px;
    border-radius: 50px;
    overflow: hidden;
}

.search-form form input {
    width: 100%;
    background-color: #fafafa;
    -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.08) inset;
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.08) inset;
    border: none;
    border-radius: 50px;
    line-height: 24px;
    padding: 12px 20px;
    font-size: 13px;
    color: #999999;
}

.search-form form .submit {
    position: absolute;
    right: 0;
    top: 0;
    padding: 12px 20px;
    background-color: transparent;
    border: none;
    color: #666666;
}

.search-form form .submit i {
    line-height: 24px;
    font-size: 20px;
}

.search-form form .submit:hover {
    color: #428bfa;
}

/*Adomx Checkbox Radio Group*/
.adomx-checkbox-radio-group {
    margin: -8px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.adomx-checkbox-radio-group.inline {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.adomx-checkbox-radio-group [class*="adomx-checkbox"],
.adomx-checkbox-radio-group [class*="adomx-radio"],
.adomx-checkbox-radio-group [class*="adomx-switch"] {
    margin: 8px;
}

/*Input File*/
.input-file {
    margin: 0;
    position: relative;
    width: 100%;
}

.input-file input {
    opacity: 0;
    visibility: hidden;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

/*File Pond*/
.filepond--root {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: auto !important;
    margin: -5px;
    contain: unset;
}

.filepond--root .filepond--drop-label {
    max-width: 140px;
    width: 100%;
    height: 140px;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 100%;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
    position: absolute;
    left: 0;
    top: 0;
    margin: 5px;
    border: 1px solid #dddddd;
    border-radius: 4px;
    z-index: 99;
}

.filepond--root .filepond--drop-label::before {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    content: "\f21e";
    font-family: "Material-Design-Iconic-Font";
    font-size: 30px;
}

.filepond--root .filepond--drop-label label {
    display: none;
}

.filepond--root .filepond--list-scroller {
    position: relative;
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
    margin: 5px;
    height: auto;
}

.filepond--root .filepond--list-scroller .filepond--list {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    left: 0;
    right: 0;
    margin: -5px;
}

.filepond--root .filepond--list-scroller .filepond--list::before {
    width: 140px;
    height: 140px;
    content: "";
    margin: 5px;
}

.filepond--root .filepond--panel-root {
    display: none;
}

.filepond--list .filepond--item {
    position: relative;
    max-width: 140px;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 100%;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
    margin: 5px;
}

.filepond--list .filepond--item .filepond--file-wrapper .filepond--file {
    border-radius: 4px;
}

.filepond--image-preview-wrapper {
    border-radius: 4px;
}

.filepond--image-preview-wrapper
    .filepond--image-preview
    .filepond--image-clip {
    height: 100%;
    width: 100%;
}

/*Dropify*/
.dropify-wrapper {
    border: 1px solid #dddddd;
    border-radius: 4px;
}

/*Date Range Picker*/
.daterangepicker .ranges ul li.active {
    background-color: #428bfa;
}

.daterangepicker .ranges ul li.active:hover {
    background-color: #297cf9;
}

.daterangepicker td.active {
    background-color: #428bfa;
}

.daterangepicker td.active:hover {
    background-color: #428bfa;
}

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

.daterangepicker .drp-buttons .btn.btn-primary:hover {
    background-color: #297cf9;
}

.ql-container {
    height: 250px;
}

/*----------------------------------------*/
/*  04. Table CSS
/*----------------------------------------*/
/*--
    - Data Table
--------------------------------------*/
/*Data Table Wrap*/
.data-table-wrap {
    margin-bottom: -20px;
}

.data-table-wrap .table-responsive {
    padding-bottom: 20px;
}

/*Data Table*/
table.data-table {
    margin-bottom: 10px;
    margin-top: 10px;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 100%;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
    width: 100% !important;
    /* Table Head */
    /* Table Body */
}

table.data-table thead tr th {
    white-space: nowrap;
}

table.data-table thead tr th.sorting,
table.data-table thead tr th.sorting_asc,
table.data-table thead tr th.sorting_desc,
table.data-table thead tr th.sorting_asc_disabled,
table.data-table thead tr th.sorting_desc_disabled {
    background-color: transparent;
    background-image: none;
}

table.data-table thead tr th:after {
    margin-left: 10px;
    font-family: fontawesome;
    cursor: pointer;
}

table.data-table thead tr th.sorting_asc:after {
    content: "\f0de";
}

table.data-table thead tr th.sorting_desc:after {
    content: "\f0dd";
}

table.data-table thead tr th.sorting:after {
    content: "\f0dc";
}

table.data-table tbody tr td {
    white-space: nowrap;
}

table.data-table.collapsed tbody tr td.sorting_1 {
    position: relative;
    padding-left: 30px;
    cursor: pointer;
}

table.data-table.collapsed tbody tr td.sorting_1::before {
    content: "\f278";
    font-family: "Material-Design-Iconic-Font";
    position: absolute;
    left: 7px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    background-color: #428bfa;
    color: #ffffff;
    border-radius: 50%;
}

table.data-table.collapsed tbody tr.parent td.sorting_1::before {
    content: "\f273";
}

table.data-table.collapsed tbody tr.child {
    background-color: #f9f9f9;
}

table.data-table.collapsed tbody tr.child td.child {
    padding: 0;
}

table.data-table.collapsed tbody tr.child td.child ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

table.data-table.collapsed tbody tr.child td.child ul li {
    border-bottom: 1px solid #dee2e6;
    padding: 0.75rem;
}

table.data-table.collapsed tbody tr.child td.child ul li:last-child {
    border-bottom: none;
}

table.data-table.collapsed tbody tr.child td.child ul li .dtr-title {
    font-weight: 700;
    margin-right: 10px;
    min-width: 75px;
}

/*Data Table Wrapper*/
.dataTables_wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.dataTables_wrapper .dt-buttons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 6px;
}

.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px;
}

.dataTables_wrapper .dataTables_length label,
.dataTables_wrapper .dataTables_filter label {
    margin: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.dataTables_wrapper .dataTables_length label input,
.dataTables_wrapper .dataTables_filter label input {
    width: auto;
    padding: 7px 20px;
    margin-left: 5px;
}

.dataTables_wrapper .dataTables_length label select,
.dataTables_wrapper .dataTables_filter label select {
    width: auto;
    padding: 6px 35px 6px 10px !important;
    margin: 0 5px;
}

@media only screen and (max-width: 575px) {
    .dataTables_wrapper .dataTables_length,
    .dataTables_wrapper .dataTables_filter {
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 100%;
        -ms-flex: 1 0 100%;
        flex: 1 0 100%;
    }
}

.dataTables_wrapper .dataTables_paginate {
    margin-top: 5px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: -5px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    margin-right: 5px;
    margin-bottom: 5px;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    background-color: transparent;
    color: #666666;
    border-radius: 4px;
    text-transform: capitalize;
    font-size: 15px;
    line-height: 24px;
    padding: 4px 12px;
    border: 1px solid #dee2e6;
}

.dataTables_wrapper .dataTables_paginate .paginate_button i {
    font-size: 20px;
    margin: 3px 0 0 !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current {
    background-color: #428bfa;
    border-color: #428bfa;
    color: #ffffff;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.previous {
    margin-left: 0;
    padding: 4px 15px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.next {
    padding: 4px 15px;
    margin-right: 0 !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background-color: #428bfa;
    border-color: #428bfa;
    color: #ffffff;
}

/*--
    - Foo Table
--------------------------------------*/
.footable.table {
    margin: 0;
}

.footable.table thead tr th {
    padding: 0.75em;
    border-color: #dee2e6;
    line-height: inherit;
    border-top: 1px solid #dee2e6 !important;
}

.footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    #toast-container
    .toast
    .toast-message
    input,
#toast-container
    .toast
    .toast-message
    .footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    input,
.footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .dataTables_wrapper
    .dataTables_length
    label
    input,
.dataTables_wrapper
    .dataTables_length
    label
    .footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    input,
.footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .dataTables_wrapper
    .dataTables_filter
    label
    input,
.dataTables_wrapper
    .dataTables_filter
    label
    .footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    input,
.footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .dataTables_wrapper
    .dataTables_length
    label
    select,
.dataTables_wrapper
    .dataTables_length
    label
    .footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    select,
.footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .dataTables_wrapper
    .dataTables_filter
    label
    select,
.dataTables_wrapper
    .dataTables_filter
    label
    .footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    select,
.footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .form-control,
.footable.table
    thead
    .jsgrid-grid-header
    table
    tr
    th
    .footable-filtering-search
    .input-group
    input,
.jsgrid-grid-header
    table
    .footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    input,
.footable.table
    thead
    .jsgrid-grid-header
    table
    tr
    th
    .footable-filtering-search
    .input-group
    select,
.jsgrid-grid-header
    table
    .footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    select,
body.skin-dark
    .footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .form-control,
.footable.table
    thead
    body.skin-dark
    .jsgrid-table
    tr
    th
    .footable-filtering-search
    .input-group
    input:not(.jsgrid-button),
body.skin-dark
    .jsgrid-table
    .footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    input:not(.jsgrid-button),
.footable.table
    thead
    body.skin-dark
    .jsgrid-table
    tr
    th
    .footable-filtering-search
    .input-group
    select,
body.skin-dark
    .jsgrid-table
    .footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    select {
    max-width: 100%;
    padding: 7px 20px;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .input-group-btn
    .btn {
    margin: 0 !important;
    padding: 7px 15px !important;
    border-radius: 0 !important;
}

.footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .input-group-btn
    .btn
    .caret {
    display: none;
}

.footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .input-group-btn
    .btn::after {
    margin: 0;
}

.footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .input-group-btn
    .btn.dropdown-toggle {
    border-top-right-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
    border-left-color: #0660e9;
}

.footable.table thead tr.footable-filtering th {
    border-top: none !important;
    padding: 0 0 20px;
}

.footable.table tbody tr td {
    padding: 0.75em;
    border-color: #dee2e6;
    line-height: inherit;
}

.footable.table tbody tr td .footable-details {
    margin: 0;
}

.footable.table tbody tr td .footable-details tbody tr th {
    vertical-align: middle;
}

.footable.table tbody tr td.footable-editing .btn-group .btn {
    margin: 0 !important;
    padding: 0 6px !important;
    line-height: 20px !important;
}

.footable.table tbody tr td.footable-editing .btn-group .btn:last-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.footable.table tbody tr.footable-detail-row > td {
    padding: 0;
}

.footable.table tfoot tr td {
    padding: 15px;
}

.footable.table tfoot tr.footable-editing td .btn:not(.footable-show) {
    display: none;
}

.footable.table tfoot tr:last-child td {
    padding-bottom: 0;
}

.footable.table.footable-editing-show tfoot tr.footable-editing td .btn {
    display: none;
}

.footable.table.footable-editing-show
    tfoot
    tr.footable-editing
    td
    .btn:not(.footable-show) {
    display: inline-block;
}

/*Footable Pagination*/
.footable-pagination-wrapper .pagination {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: -10px;
    margin-top: 0;
}

.footable-pagination-wrapper .pagination li {
    margin-right: 10px;
    margin-bottom: 10px;
}

.footable-pagination-wrapper .pagination li:last-child {
    margin-right: 0;
}

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

.footable-pagination-wrapper .pagination li a:hover {
    background-color: #428bfa;
    border-color: #428bfa;
    color: #ffffff;
}

.footable-pagination-wrapper .pagination li.disabled a {
    background-color: transparent;
}

.footable-pagination-wrapper .pagination li.footable-page-nav a {
    padding-top: 2px;
    padding-bottom: 6px;
    font-size: 18px;
}

.footable-pagination-wrapper .pagination li:last-child a,
.footable-pagination-wrapper .pagination li:last-child span {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.footable-pagination-wrapper .pagination li.active a,
.footable-pagination-wrapper .pagination li.active a:focus,
.footable-pagination-wrapper .pagination li.active a:hover {
    background-color: #428bfa;
    border-color: #428bfa;
    color: #ffffff;
}

.footable-pagination-wrapper .label {
    display: none;
}

/*Footable Editor*/
#footable-editor .form-group {
    margin-bottom: 15px;
}

#footable-editor .form-group:last-child {
    margin-bottom: 0;
}

/*--
    - JSGrid
--------------------------------------*/
/*Sorting Panel*/
.jsGrid-sorting-panel {
    max-width: 300px;
    margin-bottom: 15px;
}

.jsGrid-sorting-panel div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.jsGrid-sorting-panel div .form-control,
.jsGrid-sorting-panel div #toast-container .toast .toast-message input,
#toast-container .toast .toast-message .jsGrid-sorting-panel div input,
.jsGrid-sorting-panel div .dataTables_wrapper .dataTables_length label input,
.dataTables_wrapper .dataTables_length label .jsGrid-sorting-panel div input,
.jsGrid-sorting-panel div .dataTables_wrapper .dataTables_filter label input,
.dataTables_wrapper .dataTables_filter label .jsGrid-sorting-panel div input,
.jsGrid-sorting-panel div .dataTables_wrapper .dataTables_length label select,
.dataTables_wrapper .dataTables_length label .jsGrid-sorting-panel div select,
.jsGrid-sorting-panel div .dataTables_wrapper .dataTables_filter label select,
.dataTables_wrapper .dataTables_filter label .jsGrid-sorting-panel div select,
.jsGrid-sorting-panel
    div
    .footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .form-control,
.footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .jsGrid-sorting-panel
    div
    .form-control,
.jsGrid-sorting-panel div .jsgrid-grid-header table tr th input,
.jsgrid-grid-header table tr th .jsGrid-sorting-panel div input,
.jsGrid-sorting-panel div .jsgrid-grid-header table tr th select,
.jsgrid-grid-header table tr th .jsGrid-sorting-panel div select,
.jsGrid-sorting-panel div .jsgrid-grid-header table tr td input,
.jsgrid-grid-header table tr td .jsGrid-sorting-panel div input,
.jsGrid-sorting-panel div .jsgrid-grid-header table tr td select,
.jsgrid-grid-header table tr td .jsGrid-sorting-panel div select,
.jsGrid-sorting-panel
    div
    body.skin-dark
    .jsgrid-table
    tr
    th
    input:not(.jsgrid-button),
body.skin-dark
    .jsgrid-table
    tr
    th
    .jsGrid-sorting-panel
    div
    input:not(.jsgrid-button),
.jsGrid-sorting-panel
    div
    body.skin-dark
    .jsgrid-table
    tr
    td
    input:not(.jsgrid-button),
body.skin-dark
    .jsgrid-table
    tr
    td
    .jsGrid-sorting-panel
    div
    input:not(.jsgrid-button),
.jsGrid-sorting-panel div body.skin-dark .jsgrid-table tr th select,
body.skin-dark .jsgrid-table tr th .jsGrid-sorting-panel div select,
.jsGrid-sorting-panel div body.skin-dark .jsgrid-table tr td select,
body.skin-dark .jsgrid-table tr td .jsGrid-sorting-panel div select {
    width: auto;
    margin: 0 5px;
}

.jsGrid-sorting-panel div .button,
.jsGrid-sorting-panel div .fullcalendar .fc-toolbar .fc-button,
.fullcalendar .fc-toolbar .jsGrid-sorting-panel div .fc-button,
.jsGrid-sorting-panel div #toast-container .toast .toast-message .btn,
#toast-container .toast .toast-message .jsGrid-sorting-panel div .btn,
.jsGrid-sorting-panel div .dataTables_wrapper .dt-buttons .dt-button,
.dataTables_wrapper .dt-buttons .jsGrid-sorting-panel div .dt-button,
.jsGrid-sorting-panel
    div
    .footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .input-group-btn
    .btn,
.footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .input-group-btn
    .jsGrid-sorting-panel
    div
    .btn,
.jsGrid-sorting-panel
    div
    .footable.table
    tbody
    tr
    td.footable-editing
    .btn-group
    .btn,
.footable.table
    tbody
    tr
    td.footable-editing
    .btn-group
    .jsGrid-sorting-panel
    div
    .btn,
.jsGrid-sorting-panel div .footable.table tfoot tr.footable-editing td .btn,
.footable.table tfoot tr.footable-editing td .jsGrid-sorting-panel div .btn,
.jsGrid-sorting-panel div .smart-wizard .sw-toolbar .sw-btn-group .btn,
.smart-wizard .sw-toolbar .sw-btn-group .jsGrid-sorting-panel div .btn {
    padding: 6px 15px;
    margin: 0;
}

/*JSGrid*/
.jsgrid {
    height: auto !important;
}

.jsgrid .jsgrid-button {
    padding: 0;
    position: relative;
    top: 4px;
    margin: 0 3px;
}

/*JSGrid Header*/
.jsgrid-grid-header {
    border: 1px solid #dee2e6;
    height: auto;
    overflow-x: hidden;
    overflow-y: auto;
}

.jsgrid-grid-header table tr th,
.jsgrid-grid-header table tr td {
    padding: 0.75em;
    vertical-align: middle;
}

.jsgrid-grid-header table tr th input,
.jsgrid-grid-header table tr th select,
.jsgrid-grid-header table tr td input,
.jsgrid-grid-header table tr td select {
    padding: 7px 20px;
}

.jsgrid-grid-header table tr th input[type="number"],
.jsgrid-grid-header table tr th select[type="number"],
.jsgrid-grid-header table tr td input[type="number"],
.jsgrid-grid-header table tr td select[type="number"] {
    padding: 7px 10px;
}

.jsgrid-grid-header table tr th select,
.jsgrid-grid-header table tr td select {
    padding: 6px 35px 6px 10px !important;
}

.jsgrid-grid-header table tr th.jsgrid-header-sort::before,
.jsgrid-grid-header table tr td.jsgrid-header-sort::before {
    margin-top: 9px;
}

.jsgrid-grid-header
    table
    tr
    th.jsgrid-header-sort.jsgrid-header-sort-asc::before,
.jsgrid-grid-header
    table
    tr
    td.jsgrid-header-sort.jsgrid-header-sort-asc::before {
    border-color: transparent transparent #428bfa;
}

.jsgrid-grid-header
    table
    tr
    th.jsgrid-header-sort.jsgrid-header-sort-desc::before,
.jsgrid-grid-header
    table
    tr
    td.jsgrid-header-sort.jsgrid-header-sort-desc::before {
    border-color: #428bfa transparent transparent;
}

/*JSGrid Body*/
.jsgrid-grid-body {
    height: auto !important;
    overflow: auto;
}

.jsgrid-grid-body table tbody tr th,
.jsgrid-grid-body table tbody tr td {
    padding: 0.75em;
    border-color: #dee2e6;
    vertical-align: middle;
}

.jsgrid-grid-body table tbody tr th.jsgrid-align-right,
.jsgrid-grid-body table tbody tr td.jsgrid-align-right {
    text-align: center;
}

.jsgrid-grid-body table tbody tr:last-child td {
    border-bottom: none;
}

/*Table Common Style*/
@media (max-width: 767px) {
    .responsive-table-container {
        display: block;
        width: 100%;
        overflow-x: auto !important;
        -ms-overflow-style: -ms-autohiding-scrollbar !important;
    }
}

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

.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: 10px 20px;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 600;
    cursor: default;
    color: #999999;
}

.smart-wizard .step-anchor .nav-item .nav-link:hover {
    color: #999999;
}

.smart-wizard .step-anchor .nav-item.active a,
.smart-wizard .step-anchor .nav-item.done a {
    cursor: pointer;
    color: #ffffff;
}

.smart-wizard .step-anchor .nav-item.active a:hover,
.smart-wizard .step-anchor .nav-item.done a:hover {
    color: #ffffff;
}

.smart-wizard .step-anchor .nav-item.active a {
    background-color: #428bfa;
}

.smart-wizard .step-anchor .nav-item.done a {
    background-color: rgba(66, 139, 250, 0.3);
}

.smart-wizard .sw-container .step-content {
    display: none;
    height: auto;
    opacity: 1;
    visibility: visible;
    padding: 30px 0;
}

.smart-wizard .sw-toolbar .sw-btn-group {
    margin-right: 15px !important;
}

.smart-wizard .sw-toolbar .sw-btn-group:last-child {
    margin-right: 0 !important;
}

.smart-wizard .sw-toolbar .sw-btn-group .btn {
    border-radius: 4px !important;
    margin-right: 5px !important;
}

.smart-wizard .sw-toolbar .sw-btn-group .btn:last-child {
    margin-right: 0 !important;
}

.smart-wizard.vertical .step-anchor {
    margin: 0;
    padding: 0 15px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.smart-wizard.vertical .step-anchor li {
    padding: 0;
    margin-bottom: 30px;
}

.smart-wizard.vertical .step-anchor li:last-child {
    margin-bottom: 0;
}

.smart-wizard.vertical .sw-container .step-content {
    padding: 0;
}

.smart-wizard.vertical .sw-toolbar {
    padding: 0 15px;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 100%;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
    margin-bottom: 30px;
}

/*----------------------------------------*/
/*  06. Tippy CSS
/*----------------------------------------*/
.tippy-tooltip {
    background-color: #343434;
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    padding: 10px;
}

.tippy-tooltip .tippy-backdrop {
    background-color: #343434;
}

.tippy-tooltip.dark-theme {
    background-color: #343434;
}

.tippy-tooltip.dark-theme .tippy-backdrop {
    background-color: #343434;
}

.tippy-tooltip.light-theme {
    background-color: #ffffff;
}

.tippy-tooltip.light-theme .tippy-backdrop {
    background-color: #ffffff;
}

.tippy-tooltip.light-theme .tippy-content {
    color: #343434;
}

.tippy-tooltip.primary-theme {
    background-color: #428bfa;
    -webkit-box-shadow: 0 5px 15px rgba(66, 139, 250, 0.1);
    box-shadow: 0 5px 15px rgba(66, 139, 250, 0.1);
}

.tippy-tooltip.primary-theme .tippy-backdrop {
    background-color: #428bfa;
}

.tippy-tooltip.secondary-theme {
    background-color: #fb7da4;
    -webkit-box-shadow: 0 5px 15px rgba(251, 125, 164, 0.1);
    box-shadow: 0 5px 15px rgba(251, 125, 164, 0.1);
}

.tippy-tooltip.secondary-theme .tippy-backdrop {
    background-color: #fb7da4;
}

.tippy-tooltip.success-theme {
    background-color: #29db2d;
    -webkit-box-shadow: 0 5px 15px rgba(41, 219, 45, 0.1);
    box-shadow: 0 5px 15px rgba(41, 219, 45, 0.1);
}

.tippy-tooltip.success-theme .tippy-backdrop {
    background-color: #29db2d;
}

.tippy-tooltip.danger-theme {
    background-color: #fd427c;
    -webkit-box-shadow: 0 5px 15px rgba(253, 66, 124, 0.1);
    box-shadow: 0 5px 15px rgba(253, 66, 124, 0.1);
}

.tippy-tooltip.danger-theme .tippy-backdrop {
    background-color: #fd427c;
}

.tippy-tooltip.warning-theme {
    background-color: #ff9666;
    -webkit-box-shadow: 0 5px 15px rgba(255, 150, 102, 0.1);
    box-shadow: 0 5px 15px rgba(255, 150, 102, 0.1);
}

.tippy-tooltip.warning-theme .tippy-backdrop {
    background-color: #ff9666;
}

.tippy-tooltip.info-theme {
    background-color: #17a2b8;
    -webkit-box-shadow: 0 5px 15px rgba(23, 162, 184, 0.1);
    box-shadow: 0 5px 15px rgba(23, 162, 184, 0.1);
}

.tippy-tooltip.info-theme .tippy-backdrop {
    background-color: #17a2b8;
}

.tippy-tooltip .tippy-content {
    color: #ffffff;
    font-size: 12px;
}

/*Placement Top*/
.tippy-popper[x-placement^="top"] .tippy-tooltip .tippy-arrow {
    border-top-color: #343434;
}

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

.tippy-popper[x-placement^="top"] .tippy-tooltip.light-theme .tippy-arrow {
    border-top-color: #ffffff;
}

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

.tippy-popper[x-placement^="top"] .tippy-tooltip.primary-theme .tippy-arrow {
    border-top-color: #428bfa;
}

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

.tippy-popper[x-placement^="top"] .tippy-tooltip.secondary-theme .tippy-arrow {
    border-top-color: #fb7da4;
}

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

.tippy-popper[x-placement^="top"] .tippy-tooltip.success-theme .tippy-arrow {
    border-top-color: #29db2d;
}

.tippy-popper[x-placement^="top"]
    .tippy-tooltip.success-theme
    .tippy-roundarrow
    svg
    path {
    fill: #29db2d;
}

.tippy-popper[x-placement^="top"] .tippy-tooltip.danger-theme .tippy-arrow {
    border-top-color: #fd427c;
}

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

.tippy-popper[x-placement^="top"] .tippy-tooltip.warning-theme .tippy-arrow {
    border-top-color: #ff9666;
}

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

.tippy-popper[x-placement^="top"] .tippy-tooltip.info-theme .tippy-arrow {
    border-top-color: #17a2b8;
}

.tippy-popper[x-placement^="top"]
    .tippy-tooltip.info-theme
    .tippy-roundarrow
    svg
    path {
    fill: #17a2b8;
}

/*Placement Bottom*/
.tippy-popper[x-placement^="bottom"] .tippy-tooltip .tippy-arrow {
    border-bottom-color: #343434;
}

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

.tippy-popper[x-placement^="bottom"] .tippy-tooltip.light-theme .tippy-arrow {
    border-bottom-color: #ffffff;
}

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

.tippy-popper[x-placement^="bottom"] .tippy-tooltip.primary-theme .tippy-arrow {
    border-bottom-color: #428bfa;
}

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

.tippy-popper[x-placement^="bottom"]
    .tippy-tooltip.secondary-theme
    .tippy-arrow {
    border-bottom-color: #fb7da4;
}

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

.tippy-popper[x-placement^="bottom"] .tippy-tooltip.success-theme .tippy-arrow {
    border-bottom-color: #29db2d;
}

.tippy-popper[x-placement^="bottom"]
    .tippy-tooltip.success-theme
    .tippy-roundarrow
    svg
    path {
    fill: #29db2d;
}

.tippy-popper[x-placement^="bottom"] .tippy-tooltip.danger-theme .tippy-arrow {
    border-bottom-color: #fd427c;
}

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

.tippy-popper[x-placement^="bottom"] .tippy-tooltip.warning-theme .tippy-arrow {
    border-bottom-color: #ff9666;
}

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

.tippy-popper[x-placement^="bottom"] .tippy-tooltip.info-theme .tippy-arrow {
    border-bottom-color: #17a2b8;
}

.tippy-popper[x-placement^="bottom"]
    .tippy-tooltip.info-theme
    .tippy-roundarrow
    svg
    path {
    fill: #17a2b8;
}

/*Placement Left*/
.tippy-popper[x-placement^="left"] .tippy-tooltip .tippy-arrow {
    border-left-color: #343434;
}

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

.tippy-popper[x-placement^="left"] .tippy-tooltip.light-theme .tippy-arrow {
    border-left-color: #ffffff;
}

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

.tippy-popper[x-placement^="left"] .tippy-tooltip.primary-theme .tippy-arrow {
    border-left-color: #428bfa;
}

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

.tippy-popper[x-placement^="left"] .tippy-tooltip.secondary-theme .tippy-arrow {
    border-left-color: #fb7da4;
}

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

.tippy-popper[x-placement^="left"] .tippy-tooltip.success-theme .tippy-arrow {
    border-left-color: #29db2d;
}

.tippy-popper[x-placement^="left"]
    .tippy-tooltip.success-theme
    .tippy-roundarrow
    svg
    path {
    fill: #29db2d;
}

.tippy-popper[x-placement^="left"] .tippy-tooltip.danger-theme .tippy-arrow {
    border-left-color: #fd427c;
}

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

.tippy-popper[x-placement^="left"] .tippy-tooltip.warning-theme .tippy-arrow {
    border-left-color: #ff9666;
}

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

.tippy-popper[x-placement^="left"] .tippy-tooltip.info-theme .tippy-arrow {
    border-left-color: #17a2b8;
}

.tippy-popper[x-placement^="left"]
    .tippy-tooltip.info-theme
    .tippy-roundarrow
    svg
    path {
    fill: #17a2b8;
}

/*Placement Right*/
.tippy-popper[x-placement^="right"] .tippy-tooltip .tippy-arrow {
    border-right-color: #343434;
}

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

.tippy-popper[x-placement^="right"] .tippy-tooltip.light-theme .tippy-arrow {
    border-right-color: #ffffff;
}

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

.tippy-popper[x-placement^="right"] .tippy-tooltip.primary-theme .tippy-arrow {
    border-right-color: #428bfa;
}

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

.tippy-popper[x-placement^="right"]
    .tippy-tooltip.secondary-theme
    .tippy-arrow {
    border-right-color: #fb7da4;
}

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

.tippy-popper[x-placement^="right"] .tippy-tooltip.success-theme .tippy-arrow {
    border-right-color: #29db2d;
}

.tippy-popper[x-placement^="right"]
    .tippy-tooltip.success-theme
    .tippy-roundarrow
    svg
    path {
    fill: #29db2d;
}

.tippy-popper[x-placement^="right"] .tippy-tooltip.danger-theme .tippy-arrow {
    border-right-color: #fd427c;
}

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

.tippy-popper[x-placement^="right"] .tippy-tooltip.warning-theme .tippy-arrow {
    border-right-color: #ff9666;
}

.tippy-popper[x-placement^="right"]
    .tippy-tooltip.warning-theme
    .tippy-roundarrow
    svg
    path {
    fill: #ff9666;
}

.tippy-popper[x-placement^="right"] .tippy-tooltip.info-theme .tippy-arrow {
    border-right-color: #17a2b8;
}

.tippy-popper[x-placement^="right"]
    .tippy-tooltip.info-theme
    .tippy-roundarrow
    svg
    path {
    fill: #17a2b8;
}

/*----------------------------------------*/
/*  07. Header CSS
/*----------------------------------------*/
.header-section {
    background-color: #fafafa;
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1040;
    -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 240px;
    -ms-flex: 0 0 240px;
    flex: 0 0 240px;
    height: 80px;
}

.header-logo a {
    position: relative;
    display: inline-block;
    line-height: 1;
}

.header-logo a img {
    max-width: 100%;
    opacity: 1;
    visibility: visible;
}

.header-logo a img.logo-light {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    visibility: hidden;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .header-logo {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        height: 80px;
        padding-left: 30px;
    }
}

@media only screen and (max-width: 767px) {
    .header-logo {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        padding-left: 30px;
        height: 80px;
    }
}

@media only screen and (max-width: 575px) {
    .header-logo {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        padding: 20px 15px;
        height: auto;
        border-bottom: 1px solid #eeeeee;
    }
}

/*-- Header Right --*/
@media only screen and (max-width: 575px) {
    .header-right {
        padding-top: 10px;
        padding-bottom: 10px;
    }
}

@media only screen and (max-width: 479px) {
    .header-right .row {
        margin-left: -10px;
        margin-right: -10px;
    }
    .header-right .row [class*="col"] {
        padding-left: 10px;
        padding-right: 10px;
    }
}

/*-- Side Header Toggle --*/
.side-header-toggle {
    display: block;
    border: none;
    background-color: transparent;
    padding: 0;
    margin-left: 15px;
}

.side-header-toggle i {
    display: block;
    line-height: 30px;
    font-size: 30px;
}

.side-header-toggle:hover {
    color: #428bfa;
}

@media only screen and (max-width: 479px) {
    .side-header-toggle {
        margin-left: 0;
    }
    .side-header-toggle i {
        font-size: 24px;
    }
}

/*-- Header Search --*/
.header-search {
    position: relative;
}

/*Header Search Toggle*/
.header-search-open {
    color: #666666;
    padding: 5px;
    border: none;
    background-color: transparent;
}

.header-search-open i {
    font-size: 26px;
    display: block;
    line-height: 30px;
}

@media only screen and (max-width: 479px) {
    .header-search-open {
        padding: 0;
    }
    .header-search-open i {
        font-size: 20px;
    }
}

/*Header Search Form*/
.header-search-form {
    position: relative;
}

.header-search-form form {
    position: relative;
    width: 350px;
}

.header-search-form form input {
    border: none;
    background-color: #f1f1f1;
    border-radius: 50px;
    height: 50px;
    line-height: 24px;
    padding: 14px 60px 14px 30px;
    -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.08) inset;
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.08) inset;
    font-size: 13px;
    color: #666666;
    width: 100%;
}

.header-search-form form button {
    color: #666666;
    position: absolute;
    right: 0;
    top: 0;
    background-color: transparent;
    border: none;
    padding: 0 20px;
}

.header-search-form form button i {
    line-height: 50px;
    font-size: 26px;
}

.header-search-form form button:hover {
    color: #428bfa;
}

.header-search-form .header-search-close {
    position: absolute;
    right: 0;
    top: 0;
    border: none;
    width: 40px;
    height: 40px;
}

.header-search-form .header-search-close i {
    line-height: 40px;
    font-size: 24px;
}

@media only screen and (max-width: 479px) {
    .header-search-form .header-search-close i {
        font-size: 20px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (max-width: 767px) {
    .header-search-form {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 80px;
        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: 10px 15px;
    border-bottom: 1px solid #36384b;
    text-align: center;
}

.dropdown-menu-notifications .head .title {
    color: #ffffff;
    font-weight: 600;
    line-height: 30px;
    margin: 0;
}

.dropdown-menu-notifications .body.custom-scroll {
    max-height: 375px;
    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: 13px;
    line-height: 20px;
    margin-bottom: 5px;
}

.dropdown-menu-notifications .body ul li a span {
    font-size: 13px;
    line-height: 18px;
    font-weight: 300;
    color: rgba(255, 255, 255, 0.9);
    display: block;
    padding: 0;
    margin-top: -6px;
}

.dropdown-menu-notifications .body ul li a:hover {
    color: #428bfa;
}

.dropdown-menu-notifications .body ul li .delete {
    line-height: 1;
    color: #535560;
    position: absolute;
    right: 25px;
    top: 12px;
    border: none;
    padding: 0;
    background-color: transparent;
}

.dropdown-menu-notifications .body ul li .delete i {
    font-size: 20px;
    line-height: 20px;
}

.dropdown-menu-notifications .body ul li .delete:hover {
    color: #fd427c;
}

.dropdown-menu-notifications .footer {
    border-top: 1px solid #36384b;
    text-align: center;
}

.dropdown-menu-notifications .footer .view-all {
    padding: 10px 15px;
    display: block;
    font-size: 13px;
    line-height: 24px;
    color: #afafaf;
    text-transform: capitalize;
    font-weight: bold;
}

.dropdown-menu-notifications .footer .view-all a:hover {
    color: #428bfa;
}

/*-- Header User Setting Dropdown --*/
.dropdown-menu-user {
    width: 250px;
    padding: 0;
}

.dropdown-menu-user .head {
    padding: 20px;
}

.dropdown-menu-user .head .name {
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 9px;
}

.dropdown-menu-user .head .name a:hover {
    color: #428bfa;
}

.dropdown-menu-user .head .mail {
    display: block;
    font-size: 13px;
    line-height: 18px;
}

.dropdown-menu-user .head .mail:hover {
    color: #428bfa;
}

.dropdown-menu-user .body ul {
    list-style: none;
    margin: 0;
    padding: 20px 0;
    border-top: 1px solid #e2e2e2;
}

.dropdown-menu-user .body ul li {
    line-height: 14px;
    margin-bottom: 17px;
}

.dropdown-menu-user .body ul li:last-child {
    margin-bottom: 0;
}

.dropdown-menu-user .body ul li a {
    font-size: 13px;
    line-height: 1;
    display: block;
}

.dropdown-menu-user .body ul li a i {
    float: left;
    font-size: 18px;
    line-height: 14px;
    margin-right: 15px;
}

.dropdown-menu-user .body ul li a:hover {
    color: #428bfa;
}

/*--
    - Custom Header Color CSS
--------------------------------------*/
body.header-top-light .header-section {
    background-color: #fafafa;
}

body.header-top-light .header-logo a img {
    opacity: 1;
    visibility: visible;
}

body.header-top-light .header-logo a img.logo-light {
    opacity: 0;
    visibility: hidden;
}

@media only screen and (max-width: 575px) {
    body.header-top-light .header-logo {
        border-color: #eeeeee;
    }
}

body.header-top-light .side-header-toggle {
    color: #666666;
}

body.header-top-light .side-header-toggle:hover {
    color: #428bfa;
}

body.header-top-light .header-search-open {
    color: #666666;
}

body.header-top-light .header-search-open:hover {
    color: #428bfa;
}

body.header-top-light .header-search-form form input {
    background-color: #f1f1f1;
    color: #666666;
}

body.header-top-light .header-search-form form button {
    color: #666666;
}

body.header-top-light .header-search-form form button:hover {
    color: #428bfa;
}

body.header-top-light .header-search-form .header-search-close {
    background-color: #f1f1f1;
    color: #666666;
}

body.header-top-light .header-search-form .header-search-close:hover {
    color: #428bfa;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (max-width: 767px) {
    body.header-top-light .header-search-form {
        background-color: #fafafa;
    }
}

body.header-top-light .dropdown-menu-mail .body ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

body.header-top-light .dropdown-menu-mail .body ul li {
    margin: 0;
    border-bottom: 1px solid #e9e9e9;
}

body.header-top-light .dropdown-menu-mail .body ul li:last-child {
    border-bottom: none;
}

body.header-top-light .dropdown-menu-mail .body ul li a:hover {
    background-color: #fafafa;
}

body.header-top-light .dropdown-menu-mail .body ul li a .content p {
    color: #666666;
}

body.header-top-light .dropdown-menu-mail .body ul li a .reply {
    color: #343434;
}

body.header-top-light .header-notification-area > li > a {
    color: #666666;
}

body.header-top-light .header-notification-area > li > a:hover {
    color: #428bfa;
}

body.header-top-light .header-notification-area > li > a .user .avatar .status {
    border: 2px solid #fafafa;
    -webkit-box-shadow: none;
    box-shadow: none;
}

body.header-top-light .header-notification-area > li > a .user .name {
    color: #343434;
}

body.header-top-dark .header-section {
    background-color: #161824;
}

body.header-top-dark .header-logo a img {
    opacity: 0;
    visibility: hidden;
}

body.header-top-dark .header-logo a img.logo-light {
    opacity: 1;
    visibility: visible;
}

@media only screen and (max-width: 575px) {
    body.header-top-dark .header-logo {
        border-color: #292d44;
    }
}

body.header-top-dark .side-header-toggle {
    color: #8b8d9b;
}

body.header-top-dark .side-header-toggle:hover {
    color: #428bfa;
}

body.header-top-dark .header-search-open {
    color: #8b8d9b;
}

body.header-top-dark .header-search-open:hover {
    color: #428bfa;
}

body.header-top-dark .header-search-form form input {
    background-color: #202334;
    color: #8b8d9b;
}

body.header-top-dark .header-search-form form button {
    color: #8b8d9b;
}

body.header-top-dark .header-search-form form button:hover {
    color: #428bfa;
}

body.header-top-dark .header-search-form .header-search-close {
    background-color: #161824;
    color: #8b8d9b;
}

body.header-top-dark .header-search-form .header-search-close:hover {
    color: #428bfa;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (max-width: 767px) {
    body.header-top-dark .header-search-form {
        background-color: #202334;
    }
}

body.header-top-dark .dropdown-menu-mail .body ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

body.header-top-dark .dropdown-menu-mail .body ul li {
    margin: 0;
    border-bottom: 1px solid #292d44;
}

body.header-top-dark .dropdown-menu-mail .body ul li:last-child {
    border-bottom: none;
}

body.header-top-dark .dropdown-menu-mail .body ul li a:hover {
    background-color: #292d44;
}

body.header-top-dark .dropdown-menu-mail .body ul li a .content p {
    color: #8b8d9b;
}

body.header-top-dark .dropdown-menu-mail .body ul li a .reply {
    color: #8b8d9b;
}

body.header-top-dark .header-notification-area > li > a {
    color: #8b8d9b;
}

body.header-top-dark .header-notification-area > li > a:hover {
    color: #428bfa;
}

body.header-top-dark .header-notification-area > li > a .user .avatar .status {
    border-color: #202334;
    -webkit-box-shadow: 0 0 2px #202334;
    box-shadow: 0 0 2px #202334;
}

body.header-top-dark .header-notification-area > li > a .user .name {
    color: #8b8d9b;
}

body.header-top-primary .header-section {
    background-color: #428bfa;
}

body.header-top-primary .header-logo a img {
    opacity: 0;
    visibility: hidden;
}

body.header-top-primary .header-logo a img.logo-light {
    opacity: 1;
    visibility: visible;
}

@media only screen and (max-width: 575px) {
    body.header-top-primary .header-logo {
        border-color: #74a9fb;
    }
}

body.header-top-primary .side-header-toggle {
    color: #ffffff;
}

body.header-top-primary .side-header-toggle:hover {
    color: #ffffff;
}

body.header-top-primary .header-search-open {
    color: #ffffff;
}

body.header-top-primary .header-search-open:hover {
    color: #ffffff;
}

body.header-top-primary .header-search-form form input {
    background-color: #5b9afb;
    color: #ffffff;
}

body.header-top-primary
    .header-search-form
    form
    input::-webkit-input-placeholder {
    color: #ffffff;
}

body.header-top-primary .header-search-form form input:-moz-placeholder {
    color: #ffffff;
}

body.header-top-primary .header-search-form form input::-moz-placeholder {
    color: #ffffff;
}

body.header-top-primary .header-search-form form input:-ms-input-placeholder {
    color: #ffffff;
}

body.header-top-primary .header-search-form form button {
    color: #ffffff;
}

body.header-top-primary .header-search-form form button:hover {
    color: #ffffff;
}

body.header-top-primary .header-search-form .header-search-close {
    background-color: #428bfa;
    color: #ffffff;
}

body.header-top-primary .header-search-form .header-search-close:hover {
    color: #ffffff;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (max-width: 767px) {
    body.header-top-primary .header-search-form {
        background-color: #5b9afb;
    }
}

body.header-top-primary .header-notification-area > li > a {
    color: #ffffff;
}

body.header-top-primary .header-notification-area > li > a:hover {
    color: #ffffff;
}

body.header-top-primary
    .header-notification-area
    > li
    > a
    .user
    .avatar
    .status {
    border-color: #5b9afb;
    -webkit-box-shadow: 0 0 2px #5b9afb;
    box-shadow: 0 0 2px #5b9afb;
}

body.header-top-primary .header-notification-area > li > a .user .name {
    color: #ffffff;
}

body.header-top-secondary .header-section {
    background-color: #fb7da4;
}

body.header-top-secondary .header-logo a img {
    opacity: 0;
    visibility: hidden;
}

body.header-top-secondary .header-logo a img.logo-light {
    opacity: 1;
    visibility: visible;
}

@media only screen and (max-width: 575px) {
    body.header-top-secondary .header-logo {
        border-color: #fdaec7;
    }
}

body.header-top-secondary .side-header-toggle {
    color: #ffffff;
}

body.header-top-secondary .side-header-toggle:hover {
    color: #ffffff;
}

body.header-top-secondary .header-search-open {
    color: #ffffff;
}

body.header-top-secondary .header-search-open:hover {
    color: #ffffff;
}

body.header-top-secondary .header-search-form form input {
    background-color: #fc96b5;
    color: #ffffff;
}

body.header-top-secondary
    .header-search-form
    form
    input::-webkit-input-placeholder {
    color: #ffffff;
}

body.header-top-secondary .header-search-form form input:-moz-placeholder {
    color: #ffffff;
}

body.header-top-secondary .header-search-form form input::-moz-placeholder {
    color: #ffffff;
}

body.header-top-secondary .header-search-form form input:-ms-input-placeholder {
    color: #ffffff;
}

body.header-top-secondary .header-search-form form button {
    color: #ffffff;
}

body.header-top-secondary .header-search-form form button:hover {
    color: #ffffff;
}

body.header-top-secondary .header-search-form .header-search-close {
    background-color: #fb7da4;
    color: #ffffff;
}

body.header-top-secondary .header-search-form .header-search-close:hover {
    color: #ffffff;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (max-width: 767px) {
    body.header-top-secondary .header-search-form {
        background-color: #fc96b5;
    }
}

body.header-top-secondary .header-notification-area > li > a {
    color: #ffffff;
}

body.header-top-secondary .header-notification-area > li > a .badge {
    background-color: #ffffff;
}

body.header-top-secondary .header-notification-area > li > a:hover {
    color: #ffffff;
}

body.header-top-secondary
    .header-notification-area
    > li
    > a
    .user
    .avatar
    .status {
    border-color: #fc96b5;
    -webkit-box-shadow: 0 0 2px #fc96b5;
    box-shadow: 0 0 2px #fc96b5;
}

body.header-top-secondary .header-notification-area > li > a .user .name {
    color: #ffffff;
}

body.header-top-indigo .header-section {
    background-color: #4051b5;
}

body.header-top-indigo .header-logo a img {
    opacity: 0;
    visibility: hidden;
}

body.header-top-indigo .header-logo a img.logo-light {
    opacity: 1;
    visibility: visible;
}

@media only screen and (max-width: 575px) {
    body.header-top-indigo .header-logo {
        border-color: #6170c7;
    }
}

body.header-top-indigo .side-header-toggle {
    color: #ffffff;
}

body.header-top-indigo .side-header-toggle:hover {
    color: #ffffff;
}

body.header-top-indigo .header-search-open {
    color: #ffffff;
}

body.header-top-indigo .header-search-open:hover {
    color: #ffffff;
}

body.header-top-indigo .header-search-form form input {
    background-color: #4e5fc0;
    color: #ffffff;
}

body.header-top-indigo
    .header-search-form
    form
    input::-webkit-input-placeholder {
    color: #ffffff;
}

body.header-top-indigo .header-search-form form input:-moz-placeholder {
    color: #ffffff;
}

body.header-top-indigo .header-search-form form input::-moz-placeholder {
    color: #ffffff;
}

body.header-top-indigo .header-search-form form input:-ms-input-placeholder {
    color: #ffffff;
}

body.header-top-indigo .header-search-form form button {
    color: #ffffff;
}

body.header-top-indigo .header-search-form form button:hover {
    color: #ffffff;
}

body.header-top-indigo .header-search-form .header-search-close {
    background-color: #4051b5;
    color: #ffffff;
}

body.header-top-indigo .header-search-form .header-search-close:hover {
    color: #ffffff;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (max-width: 767px) {
    body.header-top-indigo .header-search-form {
        background-color: #4e5fc0;
    }
}

body.header-top-indigo .header-notification-area > li > a {
    color: #ffffff;
}

body.header-top-indigo .header-notification-area > li > a:hover {
    color: #ffffff;
}

body.header-top-indigo
    .header-notification-area
    > li
    > a
    .user
    .avatar
    .status {
    border-color: #4e5fc0;
    -webkit-box-shadow: 0 0 2px #4e5fc0;
    box-shadow: 0 0 2px #4e5fc0;
}

body.header-top-indigo .header-notification-area > li > a .user .name {
    color: #ffffff;
}

body.header-top-purple .header-section {
    background-color: #9c27b0;
}

body.header-top-purple .header-logo a img {
    opacity: 0;
    visibility: hidden;
}

body.header-top-purple .header-logo a img.logo-light {
    opacity: 1;
    visibility: visible;
}

@media only screen and (max-width: 575px) {
    body.header-top-purple .header-logo {
        border-color: #bc37d3;
    }
}

body.header-top-purple .side-header-toggle {
    color: #ffffff;
}

body.header-top-purple .side-header-toggle:hover {
    color: #ffffff;
}

body.header-top-purple .header-search-open {
    color: #ffffff;
}

body.header-top-purple .header-search-open:hover {
    color: #ffffff;
}

body.header-top-purple .header-search-form form input {
    background-color: #af2cc5;
    color: #ffffff;
}

body.header-top-purple
    .header-search-form
    form
    input::-webkit-input-placeholder {
    color: #ffffff;
}

body.header-top-purple .header-search-form form input:-moz-placeholder {
    color: #ffffff;
}

body.header-top-purple .header-search-form form input::-moz-placeholder {
    color: #ffffff;
}

body.header-top-purple .header-search-form form input:-ms-input-placeholder {
    color: #ffffff;
}

body.header-top-purple .header-search-form form button {
    color: #ffffff;
}

body.header-top-purple .header-search-form form button:hover {
    color: #ffffff;
}

body.header-top-purple .header-search-form .header-search-close {
    background-color: #9c27b0;
    color: #ffffff;
}

body.header-top-purple .header-search-form .header-search-close:hover {
    color: #ffffff;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (max-width: 767px) {
    body.header-top-purple .header-search-form {
        background-color: #af2cc5;
    }
}

body.header-top-purple .header-notification-area > li > a {
    color: #ffffff;
}

body.header-top-purple .header-notification-area > li > a:hover {
    color: #ffffff;
}

body.header-top-purple
    .header-notification-area
    > li
    > a
    .user
    .avatar
    .status {
    border-color: #af2cc5;
    -webkit-box-shadow: 0 0 2px #af2cc5;
    box-shadow: 0 0 2px #af2cc5;
}

body.header-top-purple .header-notification-area > li > a .user .name {
    color: #ffffff;
}

body.header-top-pink .header-section {
    background-color: #e91c63;
}

body.header-top-pink .header-logo a img {
    opacity: 0;
    visibility: hidden;
}

body.header-top-pink .header-logo a img.logo-light {
    opacity: 1;
    visibility: visible;
}

@media only screen and (max-width: 575px) {
    body.header-top-pink .header-logo {
        border-color: #ee4a83;
    }
}

body.header-top-pink .side-header-toggle {
    color: #ffffff;
}

body.header-top-pink .side-header-toggle:hover {
    color: #ffffff;
}

body.header-top-pink .header-search-open {
    color: #ffffff;
}

body.header-top-pink .header-search-open:hover {
    color: #ffffff;
}

body.header-top-pink .header-search-form form input {
    background-color: #eb3373;
    color: #ffffff;
}

body.header-top-pink .header-search-form form input::-webkit-input-placeholder {
    color: #ffffff;
}

body.header-top-pink .header-search-form form input:-moz-placeholder {
    color: #ffffff;
}

body.header-top-pink .header-search-form form input::-moz-placeholder {
    color: #ffffff;
}

body.header-top-pink .header-search-form form input:-ms-input-placeholder {
    color: #ffffff;
}

body.header-top-pink .header-search-form form button {
    color: #ffffff;
}

body.header-top-pink .header-search-form form button:hover {
    color: #ffffff;
}

body.header-top-pink .header-search-form .header-search-close {
    background-color: #e91c63;
    color: #ffffff;
}

body.header-top-pink .header-search-form .header-search-close:hover {
    color: #ffffff;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (max-width: 767px) {
    body.header-top-pink .header-search-form {
        background-color: #eb3373;
    }
}

body.header-top-pink .header-notification-area > li > a {
    color: #ffffff;
}

body.header-top-pink .header-notification-area > li > a .badge {
    background-color: #ffffff;
}

body.header-top-pink .header-notification-area > li > a:hover {
    color: #ffffff;
}

body.header-top-pink .header-notification-area > li > a .user .avatar .status {
    border-color: #eb3373;
    -webkit-box-shadow: 0 0 2px #eb3373;
    box-shadow: 0 0 2px #eb3373;
}

body.header-top-pink .header-notification-area > li > a .user .name {
    color: #ffffff;
}

body.header-top-red .header-section {
    background-color: #f44336;
}

body.header-top-red .header-logo a img {
    opacity: 0;
    visibility: hidden;
}

body.header-top-red .header-logo a img.logo-light {
    opacity: 1;
    visibility: visible;
}

@media only screen and (max-width: 575px) {
    body.header-top-red .header-logo {
        border-color: #f77066;
    }
}

body.header-top-red .side-header-toggle {
    color: #ffffff;
}

body.header-top-red .side-header-toggle:hover {
    color: #ffffff;
}

body.header-top-red .header-search-open {
    color: #ffffff;
}

body.header-top-red .header-search-open:hover {
    color: #ffffff;
}

body.header-top-red .header-search-form form input {
    background-color: #f55a4e;
    color: #ffffff;
}

body.header-top-red .header-search-form form input::-webkit-input-placeholder {
    color: #ffffff;
}

body.header-top-red .header-search-form form input:-moz-placeholder {
    color: #ffffff;
}

body.header-top-red .header-search-form form input::-moz-placeholder {
    color: #ffffff;
}

body.header-top-red .header-search-form form input:-ms-input-placeholder {
    color: #ffffff;
}

body.header-top-red .header-search-form form button {
    color: #ffffff;
}

body.header-top-red .header-search-form form button:hover {
    color: #ffffff;
}

body.header-top-red .header-search-form .header-search-close {
    background-color: #f44336;
    color: #ffffff;
}

body.header-top-red .header-search-form .header-search-close:hover {
    color: #ffffff;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (max-width: 767px) {
    body.header-top-red .header-search-form {
        background-color: #f55a4e;
    }
}

body.header-top-red .header-notification-area > li > a {
    color: #ffffff;
}

body.header-top-red .header-notification-area > li > a .badge {
    background-color: #ffffff;
}

body.header-top-red .header-notification-area > li > a:hover {
    color: #ffffff;
}

body.header-top-red .header-notification-area > li > a .user .avatar .status {
    border-color: #f55a4e;
    -webkit-box-shadow: 0 0 2px #f55a4e;
    box-shadow: 0 0 2px #f55a4e;
}

body.header-top-red .header-notification-area > li > a .user .name {
    color: #ffffff;
}

body.header-top-brown .header-section {
    background-color: #795548;
}

body.header-top-brown .header-logo a img {
    opacity: 0;
    visibility: hidden;
}

body.header-top-brown .header-logo a img.logo-light {
    opacity: 1;
    visibility: visible;
}

@media only screen and (max-width: 575px) {
    body.header-top-brown .header-logo {
        border-color: #996b5b;
    }
}

body.header-top-brown .side-header-toggle {
    color: #ffffff;
}

body.header-top-brown .side-header-toggle:hover {
    color: #ffffff;
}

body.header-top-brown .header-search-open {
    color: #ffffff;
}

body.header-top-brown .header-search-open:hover {
    color: #ffffff;
}

body.header-top-brown .header-search-form form input {
    background-color: #896052;
    color: #ffffff;
}

body.header-top-brown
    .header-search-form
    form
    input::-webkit-input-placeholder {
    color: #ffffff;
}

body.header-top-brown .header-search-form form input:-moz-placeholder {
    color: #ffffff;
}

body.header-top-brown .header-search-form form input::-moz-placeholder {
    color: #ffffff;
}

body.header-top-brown .header-search-form form input:-ms-input-placeholder {
    color: #ffffff;
}

body.header-top-brown .header-search-form form button {
    color: #ffffff;
}

body.header-top-brown .header-search-form form button:hover {
    color: #ffffff;
}

body.header-top-brown .header-search-form .header-search-close {
    background-color: #795548;
    color: #ffffff;
}

body.header-top-brown .header-search-form .header-search-close:hover {
    color: #ffffff;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (max-width: 767px) {
    body.header-top-brown .header-search-form {
        background-color: #896052;
    }
}

body.header-top-brown .header-notification-area > li > a {
    color: #ffffff;
}

body.header-top-brown .header-notification-area > li > a:hover {
    color: #ffffff;
}

body.header-top-brown .header-notification-area > li > a .user .avatar .status {
    border-color: #896052;
    -webkit-box-shadow: 0 0 2px #896052;
    box-shadow: 0 0 2px #896052;
}

body.header-top-brown .header-notification-area > li > a .user .name {
    color: #ffffff;
}

body.header-top-orange .header-section {
    background-color: #ff9800;
}

body.header-top-orange .header-logo a img {
    opacity: 0;
    visibility: hidden;
}

body.header-top-orange .header-logo a img.logo-light {
    opacity: 1;
    visibility: visible;
}

@media only screen and (max-width: 575px) {
    body.header-top-orange .header-logo {
        border-color: #ffad33;
    }
}

body.header-top-orange .side-header-toggle {
    color: #ffffff;
}

body.header-top-orange .side-header-toggle:hover {
    color: #ffffff;
}

body.header-top-orange .header-search-open {
    color: #ffffff;
}

body.header-top-orange .header-search-open:hover {
    color: #ffffff;
}

body.header-top-orange .header-search-form form input {
    background-color: #ffa21a;
    color: #ffffff;
}

body.header-top-orange
    .header-search-form
    form
    input::-webkit-input-placeholder {
    color: #ffffff;
}

body.header-top-orange .header-search-form form input:-moz-placeholder {
    color: #ffffff;
}

body.header-top-orange .header-search-form form input::-moz-placeholder {
    color: #ffffff;
}

body.header-top-orange .header-search-form form input:-ms-input-placeholder {
    color: #ffffff;
}

body.header-top-orange .header-search-form form button {
    color: #ffffff;
}

body.header-top-orange .header-search-form form button:hover {
    color: #ffffff;
}

body.header-top-orange .header-search-form .header-search-close {
    background-color: #ff9800;
    color: #ffffff;
}

body.header-top-orange .header-search-form .header-search-close:hover {
    color: #ffffff;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (max-width: 767px) {
    body.header-top-orange .header-search-form {
        background-color: #ffa21a;
    }
}

body.header-top-orange .header-notification-area > li > a {
    color: #ffffff;
}

body.header-top-orange .header-notification-area > li > a:hover {
    color: #ffffff;
}

body.header-top-orange
    .header-notification-area
    > li
    > a
    .user
    .avatar
    .status {
    border-color: #ffa21a;
    -webkit-box-shadow: 0 0 2px #ffa21a;
    box-shadow: 0 0 2px #ffa21a;
}

body.header-top-orange .header-notification-area > li > a .user .name {
    color: #ffffff;
}

body.header-top-green .header-section {
    background-color: #4caf50;
}

body.header-top-green .header-logo a img {
    opacity: 0;
    visibility: hidden;
}

body.header-top-green .header-logo a img.logo-light {
    opacity: 1;
    visibility: visible;
}

@media only screen and (max-width: 575px) {
    body.header-top-green .header-logo {
        border-color: #6ec071;
    }
}

body.header-top-green .side-header-toggle {
    color: #ffffff;
}

body.header-top-green .side-header-toggle:hover {
    color: #ffffff;
}

body.header-top-green .header-search-open {
    color: #ffffff;
}

body.header-top-green .header-search-open:hover {
    color: #ffffff;
}

body.header-top-green .header-search-form form input {
    background-color: #5cb860;
    color: #ffffff;
}

body.header-top-green
    .header-search-form
    form
    input::-webkit-input-placeholder {
    color: #ffffff;
}

body.header-top-green .header-search-form form input:-moz-placeholder {
    color: #ffffff;
}

body.header-top-green .header-search-form form input::-moz-placeholder {
    color: #ffffff;
}

body.header-top-green .header-search-form form input:-ms-input-placeholder {
    color: #ffffff;
}

body.header-top-green .header-search-form form button {
    color: #ffffff;
}

body.header-top-green .header-search-form form button:hover {
    color: #ffffff;
}

body.header-top-green .header-search-form .header-search-close {
    background-color: #4caf50;
    color: #ffffff;
}

body.header-top-green .header-search-form .header-search-close:hover {
    color: #ffffff;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (max-width: 767px) {
    body.header-top-green .header-search-form {
        background-color: #5cb860;
    }
}

body.header-top-green .header-notification-area > li > a {
    color: #ffffff;
}

body.header-top-green .header-notification-area > li > a:hover {
    color: #ffffff;
}

body.header-top-green .header-notification-area > li > a .user .avatar .status {
    border-color: #5cb860;
    -webkit-box-shadow: 0 0 2px #5cb860;
    box-shadow: 0 0 2px #5cb860;
}

body.header-top-green .header-notification-area > li > a .user .name {
    color: #ffffff;
}

/*----------------------------------------*/
/*  08. Side Header CSS
/*----------------------------------------*/
.side-header {
    width: 240px !important;
    background-color: #161824;
    height: calc(100vh - 80px);
    position: fixed;
    left: 0;
    top: 80px;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    z-index: 1040;
    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: -240px;
}

.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: 240px;
}

.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 12px 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: 13px;
    color: #8b8d9b;
    line-height: 20px;
    padding: 8px 0 8px 15px;
}

.side-header-menu > ul > li > a::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 0;
    background-color: #428bfa;
}

.side-header-menu > ul > li > a i {
    font-size: 16px;
    line-height: 20px;
    float: left;
    width: 20px;
    text-align: center;
}

.side-header-menu > ul > li > a span {
    margin-left: 10px;
}

.side-header-menu > ul > li > a span:first-child {
    margin-left: 0;
}

.side-header-menu > ul > li > a .menu-expand {
    position: absolute;
    margin: 0;
    right: 0;
    top: 8px;
}

.side-header-menu > ul > li.active > a,
.side-header-menu > ul > li:hover > a {
    color: #428bfa;
}

.side-header-menu > ul > li.active > a::before,
.side-header-menu > ul > li:hover > a::before {
    width: 3px;
}

/*-- Sub Menu --*/
.side-header-sub-menu {
    float: left;
    width: 100%;
    padding-left: 25px;
    display: none;
    list-style: none;
}

.side-header-sub-menu li {
    margin: 5px 0;
}

.side-header-sub-menu li a {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    color: #8b8d9b;
    font-size: 13px;
    line-height: 18px;
    padding: 5px 0 5px 20px;
}

.side-header-sub-menu li a::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 0;
    background-color: #428bfa;
}

.side-header-sub-menu li a span {
    margin-left: 15px;
}

.side-header-sub-menu li a span:first-child {
    margin-left: 0;
}

.side-header-sub-menu li a .menu-expand {
    position: absolute;
    margin: 0;
    right: 0;
    top: 10px;
}

.side-header-sub-menu li.active > a,
.side-header-sub-menu li:hover > a {
    color: #428bfa;
}

.side-header-sub-menu li.active > a::before,
.side-header-sub-menu li:hover > a::before {
    width: 3px;
}

/*--
    - Custom Side Header Color CSS
--------------------------------------*/
body.side-header-light .side-header {
    background-color: #fafafa;
}

body.side-header-light .side-header .side-header-close {
    background-color: #fafafa;
}

body.side-header-light .side-header-menu > ul > li > a {
    color: #666666;
}

body.side-header-light .side-header-menu > ul > li.active > a,
body.side-header-light .side-header-menu > ul > li:hover > a {
    color: #428bfa;
}

body.side-header-light .side-header-sub-menu li > a {
    color: #666666;
}

body.side-header-light .side-header-sub-menu li.active > a,
body.side-header-light .side-header-sub-menu li:hover > a {
    color: #428bfa;
}

body.side-header-primary .side-header-menu > ul > li > a,
body.side-header-secondary .side-header-menu > ul > li > a,
body.side-header-indigo .side-header-menu > ul > li > a,
body.side-header-purple .side-header-menu > ul > li > a,
body.side-header-pink .side-header-menu > ul > li > a,
body.side-header-red .side-header-menu > ul > li > a,
body.side-header-brown .side-header-menu > ul > li > a,
body.side-header-orange .side-header-menu > ul > li > a,
body.side-header-green .side-header-menu > ul > li > a {
    color: #ffffff;
}

body.side-header-primary .side-header-menu > ul > li.active > a,
body.side-header-primary .side-header-menu > ul > li:hover > a,
body.side-header-secondary .side-header-menu > ul > li.active > a,
body.side-header-secondary .side-header-menu > ul > li:hover > a,
body.side-header-indigo .side-header-menu > ul > li.active > a,
body.side-header-indigo .side-header-menu > ul > li:hover > a,
body.side-header-purple .side-header-menu > ul > li.active > a,
body.side-header-purple .side-header-menu > ul > li:hover > a,
body.side-header-pink .side-header-menu > ul > li.active > a,
body.side-header-pink .side-header-menu > ul > li:hover > a,
body.side-header-red .side-header-menu > ul > li.active > a,
body.side-header-red .side-header-menu > ul > li:hover > a,
body.side-header-brown .side-header-menu > ul > li.active > a,
body.side-header-brown .side-header-menu > ul > li:hover > a,
body.side-header-orange .side-header-menu > ul > li.active > a,
body.side-header-orange .side-header-menu > ul > li:hover > a,
body.side-header-green .side-header-menu > ul > li.active > a,
body.side-header-green .side-header-menu > ul > li:hover > a {
    color: #ffffff;
}

body.side-header-primary .side-header-menu > ul > li.active > a::before,
body.side-header-primary .side-header-menu > ul > li:hover > a::before,
body.side-header-secondary .side-header-menu > ul > li.active > a::before,
body.side-header-secondary .side-header-menu > ul > li:hover > a::before,
body.side-header-indigo .side-header-menu > ul > li.active > a::before,
body.side-header-indigo .side-header-menu > ul > li:hover > a::before,
body.side-header-purple .side-header-menu > ul > li.active > a::before,
body.side-header-purple .side-header-menu > ul > li:hover > a::before,
body.side-header-pink .side-header-menu > ul > li.active > a::before,
body.side-header-pink .side-header-menu > ul > li:hover > a::before,
body.side-header-red .side-header-menu > ul > li.active > a::before,
body.side-header-red .side-header-menu > ul > li:hover > a::before,
body.side-header-brown .side-header-menu > ul > li.active > a::before,
body.side-header-brown .side-header-menu > ul > li:hover > a::before,
body.side-header-orange .side-header-menu > ul > li.active > a::before,
body.side-header-orange .side-header-menu > ul > li:hover > a::before,
body.side-header-green .side-header-menu > ul > li.active > a::before,
body.side-header-green .side-header-menu > ul > li:hover > a::before {
    background-color: #ffffff;
}

body.side-header-primary .side-header-sub-menu li > a,
body.side-header-secondary .side-header-sub-menu li > a,
body.side-header-indigo .side-header-sub-menu li > a,
body.side-header-purple .side-header-sub-menu li > a,
body.side-header-pink .side-header-sub-menu li > a,
body.side-header-red .side-header-sub-menu li > a,
body.side-header-brown .side-header-sub-menu li > a,
body.side-header-orange .side-header-sub-menu li > a,
body.side-header-green .side-header-sub-menu li > a {
    color: #ffffff;
}

body.side-header-primary .side-header-sub-menu li.active > a,
body.side-header-primary .side-header-sub-menu li:hover > a,
body.side-header-secondary .side-header-sub-menu li.active > a,
body.side-header-secondary .side-header-sub-menu li:hover > a,
body.side-header-indigo .side-header-sub-menu li.active > a,
body.side-header-indigo .side-header-sub-menu li:hover > a,
body.side-header-purple .side-header-sub-menu li.active > a,
body.side-header-purple .side-header-sub-menu li:hover > a,
body.side-header-pink .side-header-sub-menu li.active > a,
body.side-header-pink .side-header-sub-menu li:hover > a,
body.side-header-red .side-header-sub-menu li.active > a,
body.side-header-red .side-header-sub-menu li:hover > a,
body.side-header-brown .side-header-sub-menu li.active > a,
body.side-header-brown .side-header-sub-menu li:hover > a,
body.side-header-orange .side-header-sub-menu li.active > a,
body.side-header-orange .side-header-sub-menu li:hover > a,
body.side-header-green .side-header-sub-menu li.active > a,
body.side-header-green .side-header-sub-menu li:hover > a {
    color: #ffffff;
}

body.side-header-primary .side-header-sub-menu li.active > a::before,
body.side-header-primary .side-header-sub-menu li:hover > a::before,
body.side-header-secondary .side-header-sub-menu li.active > a::before,
body.side-header-secondary .side-header-sub-menu li:hover > a::before,
body.side-header-indigo .side-header-sub-menu li.active > a::before,
body.side-header-indigo .side-header-sub-menu li:hover > a::before,
body.side-header-purple .side-header-sub-menu li.active > a::before,
body.side-header-purple .side-header-sub-menu li:hover > a::before,
body.side-header-pink .side-header-sub-menu li.active > a::before,
body.side-header-pink .side-header-sub-menu li:hover > a::before,
body.side-header-red .side-header-sub-menu li.active > a::before,
body.side-header-red .side-header-sub-menu li:hover > a::before,
body.side-header-brown .side-header-sub-menu li.active > a::before,
body.side-header-brown .side-header-sub-menu li:hover > a::before,
body.side-header-orange .side-header-sub-menu li.active > a::before,
body.side-header-orange .side-header-sub-menu li:hover > a::before,
body.side-header-green .side-header-sub-menu li.active > a::before,
body.side-header-green .side-header-sub-menu li:hover > a::before {
    background-color: #ffffff;
}

body.side-header-primary .side-header {
    background-color: #428bfa;
}

body.side-header-primary .side-header .side-header-close {
    background-color: #428bfa;
}

body.side-header-secondary .side-header {
    background-color: #fb7da4;
}

body.side-header-secondary .side-header .side-header-close {
    background-color: #fb7da4;
}

body.side-header-indigo .side-header {
    background-color: #4051b5;
}

body.side-header-indigo .side-header .side-header-close {
    background-color: #4051b5;
}

body.side-header-purple .side-header {
    background-color: #9c27b0;
}

body.side-header-purple .side-header .side-header-close {
    background-color: #9c27b0;
}

body.side-header-pink .side-header {
    background-color: #e91c63;
}

body.side-header-pink .side-header .side-header-close {
    background-color: #e91c63;
}

body.side-header-red .side-header {
    background-color: #f44336;
}

body.side-header-red .side-header .side-header-close {
    background-color: #f44336;
}

body.side-header-brown .side-header {
    background-color: #795548;
}

body.side-header-brown .side-header .side-header-close {
    background-color: #795548;
}

body.side-header-orange .side-header {
    background-color: #ff9800;
}

body.side-header-orange .side-header .side-header-close {
    background-color: #ff9800;
}

body.side-header-green .side-header {
    background-color: #4caf50;
}

body.side-header-green .side-header .side-header-close {
    background-color: #4caf50;
}

/*----------------------------------------*/
/*  09. Top Report CSS
/*----------------------------------------*/
/*-- Top Report One --*/
.top-report {
    padding: 20px;
    -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: 10px;
}

.top-report .head h4,
.top-report .head h5 {
    font-weight: 600;
    color: #428bfa;
    margin: 0;
    line-height: 20px;
}

.top-report .head .view {
    position: absolute;
    right: 0;
    top: 0;
    color: #fb7da4;
}

.top-report .head .view i {
    display: block;
    font-size: 20px;
    line-height: 1;
}

.top-report .content {
    margin-bottom: 10px;
}

.top-report .content h5 {
    color: #666666;
    margin-bottom: 1px;
}

.top-report .content h2,
.top-report .content h4 {
    color: #666666;
    margin-bottom: 0;
}

.top-report .footer .progess {
    margin-bottom: 8px;
    display: block;
    background-color: #ffffff;
    height: 4px;
    width: 100%;
}

.top-report .footer .progess .progess-bar {
    height: 100%;
    background: #56ab2f;
    background: -webkit-gradient(
        linear,
        left top,
        right top,
        from(#56ab2f),
        to(#a8e063)
    );
    background: -webkit-linear-gradient(left, #56ab2f 0%, #a8e063 100%);
    background: -o-linear-gradient(left, #56ab2f 0%, #a8e063 100%);
    background: linear-gradient(to right, #56ab2f 0%, #a8e063 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: #428bfa;
}

.todo-list-search form input {
    line-height: 25px;
    padding: 0 20px;
    border: none;
    background-color: transparent;
    color: #666666;
}

.todo-list-search form input::-webkit-input-placeholder {
    color: #666666;
}

.todo-list-search form input:-moz-placeholder {
    color: #666666;
}

.todo-list-search form input::-moz-placeholder {
    color: #666666;
}

.todo-list-search form input:-ms-input-placeholder {
    color: #666666;
}

/*Add New*/
.todo-list-add-new {
    padding: 20px;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.todo-list-add-new label {
    width: 18px;
    height: 18px;
    position: relative;
    margin: 0;
}

.todo-list-add-new label input {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0;
    width: 18px;
    height: 18px;
    visibility: hidden;
}

.todo-list-add-new label input:checked + .icon {
    color: #fb7da4;
}

.todo-list-add-new label input:checked + .icon::before {
    opacity: 1;
}

.todo-list-add-new label .icon {
    font-size: 22px;
    line-height: 22px;
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    color: #999999;
}

.todo-list-add-new input {
    border: none;
    background-color: transparent;
    line-height: 28px;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    color: #666666;
    padding: 0 15px;
}

.todo-list-add-new .submit {
    padding: 0;
    background-color: transparent;
    border: none;
}

.todo-list-add-new .submit i {
    display: block;
    font-size: 24px;
    line-height: 1;
    margin-top: -2px;
}

.todo-list-add-new .submit:hover {
    color: #428bfa;
}

@media only screen and (max-width: 479px) {
    .todo-list-add-new {
        padding: 15px 20px;
    }
}

/*Todo List*/
.todo-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.todo-list li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    border-bottom: 1px solid #f1f1f1;
}

.todo-list li .list-content {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 20px 0;
}

.todo-list li .list-content p {
    font-weight: 600;
    margin-bottom: 0;
}

.todo-list li .list-content .time {
    margin-top: 10px;
    display: block;
    line-height: 1;
    color: #428bfa;
}

.todo-list li .list-action {
    max-width: 90px;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 90px;
    -ms-flex: 1 0 90px;
    flex: 1 0 90px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 20px;
    margin-top: 1px;
}

.todo-list li .list-action.right {
    width: auto;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.todo-list li .list-action.right .remove {
    display: block;
}

.todo-list li .list-action .adomx-checkbox {
    margin: 0;
    padding-left: 18px;
    width: 18px;
}

.todo-list li .list-action .remove {
    display: none;
}

.todo-list li .list-action button {
    padding: 0;
    border: none;
    background-color: transparent;
    color: #999999;
}

.todo-list li .list-action button i {
    font-size: 18px;
    display: block;
    line-height: 22px;
}

.todo-list li .list-action button.status.stared {
    color: #fb7da4;
}

.todo-list li .list-action button.remove:hover {
    color: #fd427c;
}

.todo-list li.done .list-content p {
    text-decoration: line-through;
}

@media only screen and (max-width: 479px) {
    .todo-list li {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .todo-list li .list-content {
        padding: 0 20px 15px;
    }
    .todo-list li .list-action {
        padding: 15px 20px;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        width: 100%;
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 100%;
        -ms-flex: 1 0 100%;
        flex: 1 0 100%;
        margin-top: 0px;
    }
    .todo-list li .list-action button {
        margin-right: 15px;
    }
    .todo-list li .list-action button:last-child {
        margin-right: 0;
    }
    .todo-list li .list-action button.remove {
        display: block;
    }
    .todo-list li .list-action .adomx-checkbox {
        margin-right: 15px;
    }
    .todo-list li .list-action .adomx-checkbox:last-child {
        margin-right: 0;
    }
    .todo-list li .list-action.right {
        display: none;
    }
}

/*----------------------------------------*/
/*  11. Chat CSS
/*----------------------------------------*/
/*Chat App Wrap*/
.chat-app-wrap {
    position: relative;
    padding-left: 370px;
    height: 100%;
    background-color: #fafafa;
}

.chat-app-wrap .chat-contacts-open {
    width: 40px;
    height: 40px;
    padding: 10px;
    text-align: center;
    -webkit-box-shadow: 0 0px 15px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 0px 15px 0 rgba(0, 0, 0, 0.15);
    background-color: #161824;
    color: #ffffff;
    border: none;
    display: block;
    position: fixed;
    left: 0;
    z-index: 9;
    opacity: 0;
    visibility: hidden;
}

.chat-app-wrap .chat-contacts-open i {
    display: block;
    font-size: 20px;
    line-height: 20px;
}

.chat-app-wrap .chat-contacts-open:hover {
    background-color: #428bfa;
}

.chat-app-wrap .chat-contacts {
    height: 100%;
    max-height: 822px;
    max-width: 370px;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    border-right: 1px solid #f1f1f1;
    background-color: #fafafa;
    padding-top: 90px;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    z-index: 1001;
}

.chat-app-wrap .chat-contacts.show {
    visibility: visible;
    opacity: 1;
    left: 0;
}

.chat-app-wrap .chat-contacts.show .chat-contacts-close {
    opacity: 1;
    visibility: visible;
}

.chat-app-wrap .chat-contacts .chat-contacts-close {
    width: 40px;
    height: 40px;
    padding: 10px;
    text-align: center;
    -webkit-box-shadow: 0 0px 15px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 0px 15px 0 rgba(0, 0, 0, 0.15);
    background-color: #161824;
    color: #ffffff;
    border: none;
    display: block;
    position: absolute;
    left: 100%;
    top: 70px;
    z-index: 9;
    opacity: 0;
    visibility: hidden;
}

.chat-app-wrap .chat-contacts .chat-contacts-close i {
    display: block;
    font-size: 20px;
    line-height: 20px;
}

.chat-app-wrap .chat-contacts .chat-contacts-close:hover {
    background-color: #428bfa;
}

.chat-app-wrap .contact-search-form {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    border-bottom: 1px solid #f1f1f1;
}

.chat-app-wrap .contact-search-form form {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 100%;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
    position: relative;
    padding: 20px 0;
}

.chat-app-wrap .contact-search-form form input {
    padding: 10px 25px;
    line-height: 30px;
    width: 100%;
    background-color: transparent;
    border: none;
    color: #666666;
}

.chat-app-wrap .chat-contact-list {
    display: block;
    height: 100%;
    list-style: none;
    padding: 0;
    margin: 0;
}

.chat-app-wrap .chat-contact-list li a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 21px 25px;
}

.chat-app-wrap .chat-contact-list li a .image {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    position: relative;
}

.chat-app-wrap .chat-contact-list li a .image img {
    border-radius: 50%;
}

.chat-app-wrap .chat-contact-list li a .image .status {
    position: absolute;
    right: 3px;
    bottom: 3px;
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
}

.chat-app-wrap .chat-contact-list li a .image .status.online {
    background-color: #29db2d;
}

.chat-app-wrap .chat-contact-list li a .content {
    width: calc(100% - 50px);
    padding-left: 15px;
    padding-right: 15px;
}

.chat-app-wrap .chat-contact-list li a .content .name {
    font-size: 13px;
    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: 13px;
    line-height: 18px;
    margin: 0 0 3px;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.chat .head span,
.widget-chat .head span {
    font-size: 12px;
    line-height: 18px;
    color: #999999;
    margin-right: 15px;
    margin-bottom: 3px;
}

.chat .head a,
.widget-chat .head a {
    color: #428bfa;
    margin-bottom: 3px;
}

.chat .head a i,
.widget-chat .head a i {
    font-size: 18px;
    line-height: 18px;
    display: block;
}

.chat .body,
.widget-chat .body,
body.skin-dark .widget-chat .body {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 100%;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
}

.chat .body .image,
.widget-chat .body .image {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 60px;
    -ms-flex: 1 0 60px;
    flex: 1 0 60px;
    max-width: 60px;
}

.chat .body .image img,
.widget-chat .body .image img {
    width: 100%;
    overflow: hidden;
    border-radius: 50%;
    height: auto;
}

.chat .body .content,
.widget-chat .body .content {
    padding: 10px 15px;
    background-color: #ffffff;
    margin-left: 15px;
    border-radius: 4px;
    position: relative;
    -webkit-box-shadow: 0 0 5px rgba(24, 24, 24, 0.05);
    box-shadow: 0 0 5px rgba(24, 24, 24, 0.05);
}

.chat .body .content::before,
.widget-chat .body .content::before {
    display: none;
    content: "";
    position: absolute;
    top: 28px;
    left: -10px;
    border-width: 6px 10px 6px 0;
    border-style: solid;
    border-color: transparent #ffffff transparent transparent;
}

.chat .body .content p,
.widget-chat .body .content p {
    font-size: 13px;
    color: #999999;
    line-height: 22px;
}

@media only screen and (max-width: 479px) {
    .chat .head,
    .widget-chat .head,
    body.skin-dark .widget-chat .head {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -webkit-flex-direction: column !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important;
    }
    .chat .head h5,
    .widget-chat .head h5 {
        text-align: left !important;
    }
    .chat .head span,
    .widget-chat .head span {
        margin-left: 0 !important;
        margin-right: 20px;
    }
    .chat .head a,
    .widget-chat .head a {
        position: absolute;
        right: 0;
        bottom: 0;
    }
    .chat .body,
    .widget-chat .body,
    body.skin-dark .widget-chat .body {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -webkit-flex-direction: column !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important;
    }
    .chat .body .image,
    .widget-chat .body .image {
        max-width: 80px;
    }
    .chat .body .content,
    .widget-chat .body .content {
        margin: 15px 0 0 !important;
    }
}

/*Chat Submission*/
.chat-submission,
.widget-chat-submission,
body.skin-dark .widget-chat-submission,
[dir="rtl"] .widget-chat-submission {
    border-top: 1px solid #f1f1f1;
}

.chat-submission form,
.widget-chat-submission form,
body.skin-dark .widget-chat-submission form,
[dir="rtl"] .widget-chat-submission form {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 100%;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
    position: relative;
    padding: 15px 120px 15px 15px;
}

.chat-submission form input,
.widget-chat-submission form input,
body.skin-dark .widget-chat-submission form input,
[dir="rtl"] .widget-chat-submission form input {
    padding: 10px 15px;
    line-height: 30px;
    width: 100%;
    background-color: transparent;
    border: none;
    color: #666666;
}

.chat-submission form .buttons,
.widget-chat-submission form .buttons {
    position: absolute;
    right: 30px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.chat-submission form .file-upload,
.widget-chat-submission form .file-upload {
    margin: 0;
    cursor: pointer;
}

.chat-submission form .file-upload input,
.widget-chat-submission form .file-upload input {
    display: none;
}

.chat-submission form .file-upload i,
.widget-chat-submission form .file-upload i {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/*Widget Chat*/
.widget-chat-wrap {
    max-height: 429px;
    height: 100%;
    padding: 0;
    padding-right: 25px;
    margin-right: -25px;
    width: auto;
}

.widget-chat-submission {
    margin: 0 -25px -25px;
}

.widget-chat-submission form {
    padding: 10px 85px 10px 5px;
}

.widget-chat-submission form .buttons {
    right: 10px;
}

/*----------------------------------------*/
/*  12. Mail CSS
/*----------------------------------------*/
/*Mail Wrapper*/
.mail-wrapper {
    background-color: #fafafa;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

/*Mail Menu*/
.mail-menu {
    padding: 30px;
    width: 250px;
    border-right: 1px solid #e1e1e1;
}

.mail-menu .button-compose-mail {
    margin: 0;
    margin-bottom: 30px;
}

.mail-menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.mail-menu ul li {
    margin-top: 25px;
}

.mail-menu ul li:first-child {
    margin-top: 0;
}

.mail-menu ul li a {
    font-size: 16px;
    line-height: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.mail-menu ul li a i {
    font-size: 20px;
    line-height: 1;
    color: #999999;
    width: 30px;
}

@media only screen and (max-width: 767px) {
    .mail-menu {
        width: 100%;
        border-right: none;
        border-bottom: 1px solid #e1e1e1;
    }
}

/*Mail Container*/
.mail-container {
    width: calc(100% - 250px);
}

@media only screen and (max-width: 767px) {
    .mail-container {
        width: 100%;
    }
}

/*Mail Options*/
.mail-options {
    border-bottom: 1px solid #e1e1e1;
    padding: 20px 30px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
}

.mail-options .mail-options-group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-right: 30px;
    padding-right: 30px;
    position: relative;
}

.mail-options .mail-options-group::before {
    content: "";
    position: absolute;
    right: -1px;
    top: 5px;
    bottom: 5px;
    background-color: #e1e1e1;
    width: 2px;
}

.mail-options .mail-options-group:last-child {
    border-right: 0;
    margin-right: 0;
    padding-right: 0;
}

.mail-options .mail-options-group:last-child::before {
    display: none;
}

.mail-options .mail-options-group > * {
    margin: 0 15px;
}

.mail-options .mail-options-group > *:first-child {
    margin-left: 0;
}

.mail-options .mail-options-group > *:last-child {
    margin-right: 0;
}

.mail-options .mail-options-group button {
    text-align: center;
    padding: 5px 0;
    border: none;
    background-color: transparent;
    width: 30px;
    text-align: center;
}

.mail-options .mail-options-group button i {
    display: block;
    font-size: 24px;
    line-height: 24px;
}

.mail-options .mail-options-group button:hover {
    color: #428bfa;
}

.mail-options .mail-options-group button.mail-button-delete:hover {
    color: #fd427c;
}

.mail-options .adomx-dropdown-menu {
    white-space: nowrap;
    width: auto;
}

@media only screen and (min-width: 1200px) and (max-width: 1499px),
    only screen and (min-width: 992px) and (max-width: 1199px) {
    .mail-options .mail-options-group {
        margin-right: 20px;
        padding-right: 20px;
    }
    .mail-options .mail-options-group > * {
        margin: 0 10px;
    }
    .mail-options .mail-options-group button:not(.button-check) i {
        display: block;
        font-size: 20px;
        line-height: 24px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (max-width: 767px) {
    .mail-options .mail-options-group {
        margin-right: 15px;
        padding-right: 15px;
    }
    .mail-options .mail-options-group > * {
        margin: 0 5px;
    }
    .mail-options .mail-options-group button:not(.button-check) {
        width: auto;
        padding: 5px;
    }
    .mail-options .mail-options-group button:not(.button-check) i {
        display: block;
        font-size: 20px;
        line-height: 24px;
    }
}

@media only screen and (max-width: 767px) {
    .mail-options {
        padding: 10px 30px;
    }
}

@media only screen and (max-width: 575px) {
    .mail-options .mail-options-group {
        margin-right: 5px;
        padding-right: 0;
    }
    .mail-options .mail-options-group::before {
        display: none;
    }
}

@media only screen and (max-width: 479px) {
    .mail-options .mail-options-group {
        position: static;
    }
    .mail-options .mail-options-group .adomx-dropdown {
        position: static;
    }
    .mail-options .mail-options-group .adomx-dropdown .adomx-dropdown-menu {
        width: 290px;
    }
}

/*Mail List*/
.mail-list {
    padding: 30px;
    overflow: hidden;
}

.mail-list .mail {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.mail-list .mail::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: calc(100% - 80px);
    height: 1px;
    background-color: #e1e1e1;
}

.mail-list .mail:last-child {
    margin-bottom: 0;
}

.mail-list .mail:last-child::after {
    display: none;
}

.mail-list .mail .left {
    max-width: 80px;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 80px;
    -ms-flex: 1 0 80px;
    flex: 1 0 80px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-right: 20px;
}

.mail-list .mail .left .adomx-checkbox {
    width: 18px;
    height: 18px;
    margin: 0;
    padding-left: 18px;
}

.mail-list .mail .left button {
    border: none;
    background-color: transparent;
    padding: 3px;
    color: #999999;
}

.mail-list .mail .left button i {
    display: block;
    font-size: 20px;
    line-height: 20px;
}

.mail-list .mail .middle {
    max-width: calc(100% - 150px);
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 calc(100% - 150px);
    -ms-flex: 1 0 calc(100% - 150px);
    flex: 1 0 calc(100% - 150px);
    overflow: hidden;
}

.mail-list .mail .middle .top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.mail-list .mail .middle .top .name {
    font-size: 16px;
    margin-right: 10px;
}

.mail-list .mail .middle .top .date {
    font-size: 12px;
    margin-bottom: 8px;
}

.mail-list .mail .middle .body {
    margin-bottom: 15px;
}

.mail-list .mail .middle .body p {
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
}

.mail-list .mail .middle .bottom {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: -3px;
}

.mail-list .mail .middle .bottom .badge {
    margin: 3px;
}

.mail-list .mail .right {
    max-width: 70px;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 70px;
    -ms-flex: 1 0 70px;
    flex: 1 0 70px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

.mail-list .mail .right button {
    border: none;
    background-color: transparent;
    padding: 3px;
    color: #999999;
}

.mail-list .mail .right button i {
    display: block;
    font-size: 20px;
    line-height: 20px;
}

.mail-list .mail .right button:hover {
    color: #428bfa;
}

.mail-list .mail .right button.mail-button-delete:hover {
    color: #fd427c;
}

@media only screen and (max-width: 575px) {
    .mail-list .mail::after {
        width: 100%;
    }
    .mail-list .mail .left,
    .mail-list .mail .right {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
        width: auto;
        padding: 0;
    }
    .mail-list .mail .left > *,
    .mail-list .mail .right > * {
        margin-right: 15px;
    }
    .mail-list .mail .middle {
        -webkit-box-ordinal-group: 10;
        -webkit-order: 9;
        -ms-flex-order: 9;
        order: 9;
        max-width: 100%;
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 100%;
        -ms-flex: 1 0 100%;
        flex: 1 0 100%;
        margin-top: 15px;
    }
}

.single-mail .top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    border-bottom: 1px solid #e1e1e1;
    padding: 30px;
    /*Left*/
    /*Right*/
}

.single-mail .top .left ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.single-mail .top .left ul li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 6px;
}

.single-mail .top .left ul li:last-child {
    margin-bottom: 0;
}

.single-mail .top .left ul li strong {
    width: 70px;
    font-weight: 600;
    margin-right: 50px;
}

.single-mail .top .left ul li strong::after {
    content: ":";
    float: right;
}

.single-mail .top .right {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.single-mail .top .right button {
    padding: 5px;
    border: none;
    background-color: transparent;
    line-height: 1;
    margin-right: 20px;
}

.single-mail .top .right button:last-child {
    margin-right: 0;
}

.single-mail .top .right button i {
    font-size: 20px;
    line-height: 20px;
}

.single-mail .top .right button:hover {
    color: #428bfa;
}

.single-mail .bottom {
    padding: 40px 60px;
}

.single-mail .bottom .user {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 30px;
}

.single-mail .bottom .user .image {
    margin-right: 30px;
}

.single-mail .bottom .user .image img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
}

.single-mail .bottom .user .info {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
}

.single-mail .bottom .user .info .name {
    font-weight: 600;
    margin: 0;
    margin-bottom: 7px;
}

.single-mail .bottom .user .info .date {
    display: block;
    line-height: 1;
}

.single-mail .bottom .body {
    padding-left: 90px;
}

.single-mail .bottom .body .content {
    margin-bottom: 30px;
}

.single-mail .bottom .body .content:last-child {
    margin-bottom: 0;
}

.single-mail .bottom .body .content h5 {
    margin-bottom: 15px;
}

.single-mail .bottom .body .content ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.single-mail .bottom .body .content ul li {
    margin-bottom: 5px;
}

.single-mail .bottom .body .content ul li:last-child {
    margin-bottom: 0;
}

.single-mail .bottom .body .content ul li a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.single-mail .bottom .body .content ul li a::before {
    content: "\f2fb";
    font-family: "Material-Design-Iconic-Font";
    margin-right: 5px;
    font-size: 16px;
    line-height: 22px;
    padding-top: 2px;
}

.single-mail .bottom .body .attachment {
    margin-bottom: 40px;
}

.single-mail .bottom .body .attachment:last-child {
    margin-bottom: 0;
}

.single-mail .bottom .body .attachment .title {
    margin-bottom: 20px;
}

.single-mail .bottom .body .attachment .button,
.single-mail .bottom .body .attachment .fullcalendar .fc-toolbar .fc-button,
.fullcalendar .fc-toolbar .single-mail .bottom .body .attachment .fc-button,
.single-mail
    .bottom
    .body
    .attachment
    #toast-container
    .toast
    .toast-message
    .btn,
#toast-container
    .toast
    .toast-message
    .single-mail
    .bottom
    .body
    .attachment
    .btn,
.single-mail
    .bottom
    .body
    .attachment
    .dataTables_wrapper
    .dt-buttons
    .dt-button,
.dataTables_wrapper
    .dt-buttons
    .single-mail
    .bottom
    .body
    .attachment
    .dt-button,
.single-mail
    .bottom
    .body
    .attachment
    .footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .input-group-btn
    .btn,
.footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .input-group-btn
    .single-mail
    .bottom
    .body
    .attachment
    .btn,
.single-mail
    .bottom
    .body
    .attachment
    .footable.table
    tbody
    tr
    td.footable-editing
    .btn-group
    .btn,
.footable.table
    tbody
    tr
    td.footable-editing
    .btn-group
    .single-mail
    .bottom
    .body
    .attachment
    .btn,
.single-mail
    .bottom
    .body
    .attachment
    .footable.table
    tfoot
    tr.footable-editing
    td
    .btn,
.footable.table
    tfoot
    tr.footable-editing
    td
    .single-mail
    .bottom
    .body
    .attachment
    .btn,
.single-mail
    .bottom
    .body
    .attachment
    .smart-wizard
    .sw-toolbar
    .sw-btn-group
    .btn,
.smart-wizard
    .sw-toolbar
    .sw-btn-group
    .single-mail
    .bottom
    .body
    .attachment
    .btn {
    margin-top: 20px;
}

.single-mail .bottom .body .attachment .attach-files {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -10px;
    list-style: none;
    padding: 0;
}

.single-mail .bottom .body .attachment .attach-files li {
    margin: 10px;
}

.single-mail .bottom .body .attachment .attach-files li a {
    position: relative;
    border: 2px solid #efefef;
    border-radius: 5px;
    background-color: #ffffff;
    max-width: 130px;
    width: 100%;
}

.single-mail .bottom .body .attachment .attach-files li a img {
    border-radius: 5px;
    width: 100%;
}

.single-mail .bottom .body .attachment .attach-files li a .type {
    line-height: 1;
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 12px;
    font-weight: 700;
    color: #666666;
}

.single-mail .bottom .body .attachment .attach-files li a i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    font-size: 20px;
    line-height: 1;
    opacity: 0;
}

.single-mail .bottom .body .attachment .attach-files li a:hover img {
    opacity: 0.15;
}

.single-mail .bottom .body .attachment .attach-files li a:hover i {
    opacity: 1;
}

.single-mail .bottom .body .buttons {
    margin: -5px;
}

.single-mail .bottom .body .buttons .button,
.single-mail .bottom .body .buttons .fullcalendar .fc-toolbar .fc-button,
.fullcalendar .fc-toolbar .single-mail .bottom .body .buttons .fc-button,
.single-mail .bottom .body .buttons #toast-container .toast .toast-message .btn,
#toast-container .toast .toast-message .single-mail .bottom .body .buttons .btn,
.single-mail .bottom .body .buttons .dataTables_wrapper .dt-buttons .dt-button,
.dataTables_wrapper .dt-buttons .single-mail .bottom .body .buttons .dt-button,
.single-mail
    .bottom
    .body
    .buttons
    .footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .input-group-btn
    .btn,
.footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .input-group-btn
    .single-mail
    .bottom
    .body
    .buttons
    .btn,
.single-mail
    .bottom
    .body
    .buttons
    .footable.table
    tbody
    tr
    td.footable-editing
    .btn-group
    .btn,
.footable.table
    tbody
    tr
    td.footable-editing
    .btn-group
    .single-mail
    .bottom
    .body
    .buttons
    .btn,
.single-mail
    .bottom
    .body
    .buttons
    .footable.table
    tfoot
    tr.footable-editing
    td
    .btn,
.footable.table
    tfoot
    tr.footable-editing
    td
    .single-mail
    .bottom
    .body
    .buttons
    .btn,
.single-mail
    .bottom
    .body
    .buttons
    .smart-wizard
    .sw-toolbar
    .sw-btn-group
    .btn,
.smart-wizard
    .sw-toolbar
    .sw-btn-group
    .single-mail
    .bottom
    .body
    .buttons
    .btn {
    margin: 5px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (max-width: 767px) {
    .single-mail .bottom {
        padding: 40px 30px;
    }
    .single-mail .bottom .body .attachment .attach-files li a {
        max-width: 90px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (max-width: 767px) {
    .single-mail .bottom .body {
        padding-left: 0;
    }
}

@media only screen and (max-width: 479px) {
    .single-mail .top {
        padding: 20px 30px;
    }
    .single-mail .top .left ul li strong {
        width: 50px;
        margin-right: 10px;
    }
    .single-mail .top .right {
        margin-left: -5px;
        margin-top: 10px;
    }
    .single-mail .bottom {
        padding: 30px;
    }
    .single-mail .bottom .user .image {
        margin-bottom: 15px;
    }
    .single-mail .bottom .user .info {
        min-width: 100%;
    }
}

/*Compose Mail Modal*/
.compose-mail-modal .modal-content {
    border: none;
}

.compose-mail-modal .modal-content .modal-header {
    background-color: #161824;
    border-radius: 5px;
    padding: 20px 50px;
}

.compose-mail-modal .modal-content .modal-header .modal-title {
    color: #ffffff;
}

.compose-mail-modal .modal-content .modal-header .close {
    color: #ffffff;
    text-shadow: none;
    opacity: 1;
}

.compose-mail-modal .modal-content .modal-header .close:hover {
    color: #fd427c;
}

.compose-mail-modal .modal-content .form {
    padding: 50px;
}

@media only screen and (max-width: 479px) {
    .compose-mail-modal .modal-content .modal-header {
        padding: 15px 30px;
    }
    .compose-mail-modal .modal-content .form {
        padding: 30px;
    }
}

/*----------------------------------------*/
/*  13. Chart CSS
/*----------------------------------------*/
/*Chart Legends*/
.chart-legends-1 {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 15px;
}

.chart-legends-1 .chart-legend-1 {
    margin-bottom: 20px;
}

.chart-legends-1 .chart-legend-1 .title {
    line-height: 1;
    margin-bottom: 10px;
}

.chart-legends-1 .chart-legend-1 .value {
    line-height: 1;
    font-weight: 600;
    margin: 0;
}

/*Revenue Statistics Charts*/
.chartjs-revenue-statistics-chart,
.chartjs-revenue-statistics-chart-2 {
    position: relative;
    width: 100%;
    height: 416px;
}

@media only screen and (min-width: 1200px) and (max-width: 1499px),
    only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (max-width: 767px) {
    .chartjs-revenue-statistics-chart,
    .chartjs-revenue-statistics-chart-2 {
        height: 300px;
    }
}

/*Market Trends Chart*/
.chartjs-market-trends-chart {
    position: relative;
    width: 100%;
    height: 450px;
}

@media only screen and (min-width: 1200px) and (max-width: 1499px),
    only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (max-width: 767px) {
    .chartjs-market-trends-chart {
        height: 350px;
    }
}

/*Market Trends Chart 2 , Analytics Chart & Graph Chart */
.chartjs-market-trends-chart-2,
.chartjs-analytics-chart,
.chartjs-graph-chart {
    position: relative;
    width: 100%;
    height: 400px;
}

@media only screen and (min-width: 1200px) and (max-width: 1499px),
    only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (max-width: 767px) {
    .chartjs-market-trends-chart-2,
    .chartjs-analytics-chart,
    .chartjs-graph-chart {
        height: 350px;
    }
}

/*Echart Example*/
.example-echarts {
    width: 100%;
    height: 300px;
}

/*ChartJs Example*/
.example-chartjs {
    width: 100%;
    height: 250px;
}

/*Morris Example*/
.example-morris {
    width: 100%;
    height: 250px;
}

.example-morris > svg {
    width: 100%;
}

/*Sparkline Chart*/
.sparkline-chart {
    display: block;
    width: 100%;
    text-align: center;
}

.sparkline-chart canvas {
    height: auto !important;
    max-width: 100% !important;
}

.jqstooltip {
    height: auto !important;
    width: auto !important;
}

/*Google Chart*/
.example-gchart {
    width: 100%;
    height: 300px;
}

/*----------------------------------------*/
/*  14. Vmap CSS
/*----------------------------------------*/
.vmap,
.google-map {
    width: 100%;
    height: 400px;
}

@media only screen and (max-width: 767px) {
    .vmap,
    .google-map {
        height: 320px;
    }
}

@media only screen and (max-width: 575px) {
    .vmap,
    .google-map {
        height: 250px;
    }
}

@media only screen and (max-width: 479px) {
    .vmap,
    .google-map {
        height: 200px;
    }
}

/*Vmap Pin*/
.vmap-pin {
    position: relative;
}

.vmap-pin .pin {
    width: 12px;
    height: 12px;
    background-color: #fb7da4;
    border: 2px solid #ffffff;
    border-radius: 50%;
}

.vmap-pin .signal,
.vmap-pin .signal2 {
    width: 60px;
    height: 60px;
    pointer-events: none;
    border-radius: 200px;
    position: absolute;
    left: -24px;
    top: -24px;
    opacity: 0;
    -webkit-animation: vmapPinSignal cubic-bezier(0, 0.55, 0.55, 1) 2s;
    animation: vmapPinSignal cubic-bezier(0, 0.55, 0.55, 1) 2s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-delay: 0.78s;
    animation-delay: 0.78s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    background-color: #161824;
}

.vmap-pin .signal2 {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}

@-webkit-keyframes vmapPinSignal {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    1% {
        opacity: 0.1;
    }
    20% {
        opacity: 0.1;
    }
    60% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0;
    }
}

@keyframes vmapPinSignal {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    1% {
        opacity: 0.1;
    }
    20% {
        opacity: 0.1;
    }
    60% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0;
    }
}

/*----------------------------------------*/
/*  15. Author CSS
/*----------------------------------------*/
/*Author Top*/
.author-top .inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-image: url(../img/doodle-bg-profile.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-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(../img/login-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: 40px 15px;
}

.login-register-form-wrap .content h1 {
    font-weight: 300;
    line-height: 1;
    margin-bottom: 15px;
}

.login-register-form-wrap .content p {
    margin-bottom: 30px;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (max-width: 767px) {
    .login-register-form-wrap .content {
        display: none;
    }
}

@media only screen and (max-width: 767px) {
    .login-register-form-wrap .content h1 {
        font-size: 30px;
    }
}

/*Login & Resister Form*/
.login-register-form {
    max-width: 370px;
}

.login-register-form a {
    color: #428bfa;
}

.login-register-form a:hover {
    text-decoration: underline;
}

/*----------------------------------------*/
/*  17. News CSS
/*----------------------------------------*/
/*News Item*/
.news-item {
    margin-bottom: 35px;
}

.news-item:last-child {
    margin-bottom: 0;
}

.news-item .categories {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px;
}

.news-item .categories a {
    line-height: 20px;
    padding: 3px 14px;
    border-radius: 50px;
    color: #ffffff;
    margin-right: 13px;
    margin-bottom: 5px;
}

.news-item .categories a:last-child {
    margin-right: 0;
}

.news-item .categories a.new {
    background-color: #7dfb9b;
    color: #343434;
}

.news-item .categories a.product {
    background-color: #428bfa;
}

.news-item .categories a.support {
    background-color: #fb7da4;
}

.news-item .categories a.refund {
    background-color: #edb984;
}

.news-item .title {
    font-weight: 600;
    margin-bottom: 15px;
}

.news-item .title a {
    color: #666666;
}

.news-item .title a:hover {
    color: #428bfa;
}

.news-item .meta {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
}

.news-item .meta li {
    font-size: 13px;
    line-height: 18px;
    font-weight: 600;
    color: #999999;
}

.news-item .meta li::after {
    content: "-";
    margin: 0 10px;
    font-weight: 400;
}

.news-item .meta li:last-child::after {
    display: none;
}

.news-item .meta li i {
    font-size: 18px;
    line-height: 18px;
    margin-right: 10px;
    color: #428bfa;
    float: left;
}

.news-item .meta li a:hover {
    color: #428bfa;
}

@media only screen and (max-width: 479px) {
    .news-item .meta li {
        font-size: 12px;
    }
    .news-item .meta li::after {
        margin: 0 6px;
    }
}

/*----------------------------------------*/
/*  18. Pricing CSS
/*----------------------------------------*/
/*Pricing One*/
.pricing-one {
    z-index: 1;
    max-width: 340px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.pricing-one.active {
    z-index: 9;
    margin-top: -40px;
}

.pricing-one.active .inner {
    padding-top: 90px;
    padding-bottom: 90px;
}

.pricing-one.active .inner::before {
    top: -60px;
}

.pricing-one.active .inner::after {
    bottom: -80px;
}

.pricing-one .inner {
    display: inline-block;
    max-width: 340px;
    width: 100%;
    margin: auto;
    padding: 50px;
    -webkit-box-shadow: -4px 14px 36px rgba(18, 18, 18, 0.15);
    box-shadow: -4px 14px 36px rgba(18, 18, 18, 0.15);
    background-color: #fdfdfd;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.pricing-one .inner::before,
.pricing-one .inner::after {
    content: "";
    position: absolute;
    width: 260px;
    height: 260px;
    background-color: #37a1f6;
    opacity: 0.05;
    border-radius: 50%;
    z-index: -1;
}

.pricing-one .inner::before {
    left: -130px;
    top: -100px;
}

.pricing-one .inner::after {
    right: -170px;
    bottom: -120px;
}

.pricing-one .inner .head {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 50px;
}

.pricing-one .inner .head .icon {
    position: relative;
    left: -20px;
    top: -20px;
    margin-right: 10px;
}

.pricing-one .inner .head .icon img {
    max-width: 100%;
}

.pricing-one .inner .head .info .title {
    font-size: 16px;
    line-height: 1;
    font-weight: 600;
    color: #666666;
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 10px;
}

.pricing-one .inner .head .info .title::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 1px;
    width: 30px;
    background-color: #fd427c;
}

.pricing-one .inner .head .info .price {
    margin: 0;
    line-height: 1;
    font-size: 36px;
    color: #666666;
}

.pricing-one .inner .body {
    margin-bottom: 50px;
    overflow: hidden;
}

.pricing-one .inner .body ul {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: left;
}

.pricing-one .inner .body ul li {
    position: relative;
    padding-left: 30px;
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 15px;
}

.pricing-one .inner .body ul li:last-child {
    margin-bottom: 0;
}

.pricing-one .inner .body ul li::before {
    position: absolute;
    left: 0;
    top: 0;
    content: "\f26b";
    font-family: "Material-Design-Iconic-Font";
    font-size: 26px;
    line-height: 26px;
    color: #29db2d;
}

@media only screen and (min-width: 1200px) and (max-width: 1499px),
    only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (max-width: 479px) {
    .pricing-one .inner .head .info .price {
        font-size: 30px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (max-width: 767px) {
    .pricing-one {
        max-width: none;
    }
    .pricing-one.active {
        margin-top: 0;
    }
    .pricing-one.active .inner {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .pricing-one.active .inner::before {
        top: -100px;
    }
    .pricing-one.active .inner::after {
        bottom: -120px;
    }
}

@media only screen and (max-width: 479px) {
    .pricing-one .inner {
        padding: 50px 30px;
    }
    .pricing-one .inner .head .icon {
        left: 0;
        top: 0;
        margin-right: 30px;
    }
}

/*Pricing Two*/
.pricing-two {
    padding: 0 30px;
    max-width: 410px;
    width: 100%;
    z-index: 1;
}

.pricing-two .inner {
    padding: 40px 50px 50px;
    -webkit-box-shadow: -5px 15px 35px rgba(18, 18, 18, 0.15);
    box-shadow: -5px 15px 35px rgba(18, 18, 18, 0.15);
    background-color: #fbfdff;
    border-radius: 10px;
    max-width: 350px;
    width: 100%;
}

.pricing-two .inner .head {
    margin-bottom: 40px;
    text-align: center;
}

.pricing-two .inner .head .icon {
    width: 145px;
    height: 150px;
    background-color: rgba(55, 161, 246, 0.05);
    border: 1px solid #37a1f6;
    border-top: 0px;
    border-bottom-right-radius: 500px;
    border-bottom-left-radius: 500px;
    margin: -40px auto 30px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 30px;
}

.pricing-two .inner .head .icon img {
    max-width: 100%;
}

.pricing-two .inner .head .info .title {
    line-height: 1;
    font-weight: 600;
    color: #666666;
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 10px;
}

.pricing-two .inner .head .info .title::before {
    content: "";
    position: absolute;
    left: 50%;
    margin-left: -15px;
    bottom: 0;
    height: 1px;
    width: 30px;
    background-color: #fd427c;
}

.pricing-two .inner .head .info .price {
    margin: 0;
    line-height: 1;
    font-size: 30px;
    color: #666666;
}

.pricing-two .inner .body {
    margin-bottom: 50px;
    padding-left: 10px;
    overflow: hidden;
}

.pricing-two .inner .body ul {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: left;
}

.pricing-two .inner .body ul li {
    position: relative;
    padding-left: 40px;
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 13px;
}

.pricing-two .inner .body ul li:last-child {
    margin-bottom: 0;
}

.pricing-two .inner .body ul li::before {
    position: absolute;
    left: 0;
    top: 0;
    content: "\f26b";
    font-family: "Material-Design-Iconic-Font";
    font-size: 26px;
    line-height: 26px;
    color: #29db2d;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (max-width: 767px) {
    .pricing-two {
        padding-left: 15px;
        padding-right: 15px;
        max-width: 380px;
    }
}

@media only screen and (max-width: 479px) {
    .pricing-two .inner {
        padding: 40px 30px 50px;
    }
    .pricing-two .inner .head .icon {
        width: 130px;
        height: 140px;
    }
}

/*Pricing Three*/
.pricing-three {
    max-width: 400px;
    width: 100%;
    padding-left: 25px;
    padding-right: 25px;
}

.pricing-three:nth-child(1) .body {
    background: #fb7da5;
    background: -webkit-linear-gradient(315deg, #fb7da5 0%, #d2b8e5 100%);
    background: -o-linear-gradient(315deg, #fb7da5 0%, #d2b8e5 100%);
    background: linear-gradient(135deg, #fb7da5 0%, #d2b8e5 100%);
}

.pricing-three:nth-child(2) .body {
    background: #37a1f6;
    background: -webkit-linear-gradient(315deg, #37a1f6 0%, #d2b8e5 100%);
    background: -o-linear-gradient(315deg, #37a1f6 0%, #d2b8e5 100%);
    background: linear-gradient(135deg, #37a1f6 0%, #d2b8e5 100%);
}

.pricing-three:nth-child(3) .body {
    background: #7dfb9b;
    background: -webkit-linear-gradient(315deg, #7dfb9b 0%, #d2b8e5 100%);
    background: -o-linear-gradient(315deg, #7dfb9b 0%, #d2b8e5 100%);
    background: linear-gradient(135deg, #7dfb9b 0%, #d2b8e5 100%);
}

.pricing-three:nth-child(4) .body {
    background: #fbaaa2;
    background: -webkit-linear-gradient(315deg, #fbaaa2 0%, #d2b8e5 100%);
    background: -o-linear-gradient(315deg, #fbaaa2 0%, #d2b8e5 100%);
    background: linear-gradient(135deg, #fbaaa2 0%, #d2b8e5 100%);
}

.pricing-three .inner {
    background-color: #ffffff;
    -webkit-box-shadow: -5px 15px 35px rgba(18, 18, 18, 0.15);
    box-shadow: -5px 15px 35px rgba(18, 18, 18, 0.15);
    border-radius: 10px;
    overflow: hidden;
    max-width: 350px;
    width: 100%;
    margin: auto;
}

.pricing-three .inner .body {
    border-radius: 10px;
    padding: 40px 30px;
    text-align: center;
}

.pricing-three .inner .body .title {
    font-size: 20px;
    line-height: 1;
    letter-spacing: 1px;
    font-weight: 600;
    color: #ffffff;
    margin-bottom: 18px;
}

.pricing-three .inner .body ul {
    text-align: left;
    display: inline-block;
    margin-bottom: 30px;
    list-style: none;
    padding: 0;
}

.pricing-three .inner .body ul li {
    font-size: 13px;
    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: 13px;
    line-height: 20px;
    font-weight: 400;
    color: #ffffff;
}

.pricing-three .inner .body .price {
    margin: 0;
    line-height: 1;
    font-size: 50px;
    font-weight: 700;
    color: #ffffff;
}

.pricing-three .inner .foot {
    padding: 40px 30px;
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
    .pricing-three {
        padding-left: 15px;
        padding-right: 15px;
    }
}

/*Pricing Four*/
.pricing-four {
    max-width: 380px;
    width: 100%;
}

.pricing-four .inner {
    -webkit-box-shadow: 0 8px 50px rgba(18, 18, 18, 0.15);
    box-shadow: 0 8px 50px rgba(18, 18, 18, 0.15);
    border-radius: 10px;
    max-width: 350px;
    width: 100%;
    margin: auto;
}

.pricing-four .inner .head {
    padding: 30px 20px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.pricing-four .inner .head::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #000000;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    opacity: 0.3;
    z-index: -1;
}

.pricing-four .inner .head .left {
    width: 40%;
    position: relative;
}

.pricing-four .inner .head .left::before {
    content: "";
    position: absolute;
    right: 0;
    width: 1px;
    background-color: #ffffff;
    opacity: 0.3;
    top: 3px;
    bottom: 3px;
}

.pricing-four .inner .head .left .icon img {
    max-width: 100%;
}

.pricing-four .inner .head .left .title {
    font-size: 20px;
    line-height: 18px;
    color: #ffffff;
    margin-top: 15px;
    margin-bottom: 0;
}

.pricing-four .inner .head .right {
    width: 60%;
}

.pricing-four .inner .head .right .price {
    color: #ffffff;
    margin: 0;
    font-size: 36px;
    line-height: 1;
}

.pricing-four .inner .body {
    padding: 35px 30px;
    text-align: center;
}

.pricing-four .inner .body ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.pricing-four .inner .body ul li {
    margin-bottom: 25px;
}

.pricing-four .inner .body ul li:last-child {
    margin-bottom: 0;
}

.pricing-four .inner .body ul li h5 {
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
    color: #428bfa;
    margin-bottom: 10px;
}

.pricing-four .inner .body ul li p {
    font-size: 13px;
    line-height: 20px;
    color: #999999;
    max-width: 225px;
    margin: auto;
}

.pricing-four .inner .foot {
    padding: 0 30px 40px;
}

@media only screen and (max-width: 479px) {
    .pricing-four .inner .head .right .price {
        font-size: 30px;
    }
}

/*----------------------------------------*/
/*  19. Error CSS
/*----------------------------------------*/
/*Wrror 1 & 2 Wrapper*/
.error-wrap,
.error-wrap-2 {
    min-height: 100vh;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 50px 0;
}

.error-wrap .error-image,
.error-wrap-2 .error-image {
    margin-bottom: 20px;
}

.error-wrap .error-image img,
.error-wrap-2 .error-image img {
    max-width: 100%;
}

.error-wrap .error-content,
.error-wrap-2 .error-content {
    text-align: center;
}

.error-wrap .error-content .title,
.error-wrap-2 .error-content .title {
    font-weight: 700;
    margin-bottom: 20px;
}

.error-wrap .error-content h4,
.error-wrap-2 .error-content h4 {
    max-width: 770px;
    margin: auto;
    margin-bottom: 30px;
}

@media only screen and (min-width: 1200px) and (max-width: 1499px),
    only screen and (min-width: 992px) and (max-width: 1199px) {
    .error-wrap .error-image,
    .error-wrap-2 .error-image {
        max-width: 800px;
        margin-left: auto;
        margin-right: auto;
    }
}

@media only screen and (max-width: 767px) {
    .error-wrap .error-content .title,
    .error-wrap-2 .error-content .title {
        font-size: 30px;
    }
    .error-wrap .error-content h4,
    .error-wrap-2 .error-content h4 {
        font-size: 16px;
    }
}

@media only screen and (max-width: 479px) {
    .error-wrap .error-content .title,
    .error-wrap-2 .error-content .title {
        font-size: 24px;
    }
    .error-wrap .error-content h4,
    .error-wrap-2 .error-content h4 {
        font-size: 13px;
    }
}

/*Wrror 2 Wrapper*/
.error-wrap-2 {
    background-image: url(../images/error/error-2.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.error-wrap-2 .error-content {
    text-align: left;
}

.error-wrap-2 .error-content .display-1 {
    display: block;
    font-size: 300px;
    line-height: 0.95;
    font-weight: 800;
    color: #ffffff;
    text-shadow: 20px 0 20px rgba(0, 0, 0, 0.1);
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px) {
    .error-wrap-2 .error-content .display-1 {
        font-size: 240px;
    }
}

@media only screen and (max-width: 767px) {
    .error-wrap-2 .error-content .display-1 {
        font-size: 200px;
    }
}

@media only screen and (max-width: 479px) {
    .error-wrap-2 .error-content .display-1 {
        font-size: 130px;
    }
}

/*----------------------------------------*/
/*  20. Footer CSS
/*----------------------------------------*/
.footer-section {
    background-color: #fafafa;
    z-index: 999;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    padding: 20px 0;
    margin-top: auto;
}

.customizer-wrapper {
    position: fixed;
    right: -300px;
    top: 0;
    height: 100%;
    padding: 40px 0;
    z-index: 99999;
    background-color: #ffffff;
    -webkit-box-shadow: 0 0px 10px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0px 10px 0 rgba(0, 0, 0, 0.1);
    width: 300px;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.customizer-wrapper.open {
    right: 0;
}

.customizer-wrapper .inner {
    padding: 0 30px;
    height: 100%;
}

.customizer-wrapper .inner .nav {
    margin: 0 -5px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    padding: 0;
}

.customizer-wrapper .inner .nav li {
    margin: 0 5px;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.customizer-wrapper .inner .nav li a {
    padding: 0 10px 5px;
    border-bottom: 3px solid #f1f1f1;
}

.customizer-wrapper .inner .nav li a.active,
.customizer-wrapper .inner .nav li a:hover {
    border-color: #428bfa;
    color: #428bfa;
}

.customizer-toggle {
    position: absolute;
    right: 100%;
    top: 25%;
    border: none;
    background-color: #ffffff;
    -webkit-box-shadow: -10px 0 10px 0 rgba(0, 0, 0, 0.1);
    box-shadow: -10px 0 10px 0 rgba(0, 0, 0, 0.1);
    padding: 10px;
}

.customizer-toggle i {
    line-height: 20px;
    font-size: 20px;
    display: block;
}

.dark-rtl-setting {
    margin-bottom: 30px;
}

.dark-rtl-setting .adomx-switch {
    margin-bottom: 20px;
    cursor: pointer;
}

.dark-rtl-setting .adomx-switch:last-child {
    margin-bottom: 0;
}

.cus-radio {
    display: block;
    position: relative;
    padding-left: 25px;
    padding-right: 0;
    line-height: 19px;
    margin: 0;
    cursor: default;
    background-color: transparent;
    border: none;
    text-transform: capitalize;
    margin-bottom: 15px;
}

.cus-radio:last-child {
    margin-bottom: 0;
}

.cus-radio.active .icon::before {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

.cus-radio .icon {
    width: 18px;
    height: 18px;
    display: block;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: #cccccc;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.cus-radio .icon::before {
    content: "";
    display: block;
    border-radius: 50%;
    position: absolute;
    left: 5px;
    top: 5px;
    width: 8px;
    height: 8px;
    background-color: #ffffff;
    opacity: 0;
    -webkit-transform: scale(3);
    -ms-transform: scale(3);
    transform: scale(3);
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.cus-radio.light .icon {
    background-color: #f1f1f1;
}

.cus-radio.dark .icon {
    background-color: #161824;
}

.cus-radio.primary .icon {
    background-color: #428bfa;
}

.cus-radio.secondary .icon {
    background-color: #fb7da4;
}

.cus-radio.indigo .icon {
    background-color: #4051b5;
}

.cus-radio.purple .icon {
    background-color: #9c27b0;
}

.cus-radio.pink .icon {
    background-color: #e91c63;
}

.cus-radio.red .icon {
    background-color: #f44336;
}

.cus-radio.brown .icon {
    background-color: #795548;
}

.cus-radio.orange .icon {
    background-color: #ff9800;
}

.cus-radio.green .icon {
    background-color: #4caf50;
}

/*Dark & RTL Version Style*/
/*----------------------------------------*/
/*  21. Dark Skin (Dark Version) CSS
/*----------------------------------------*/
body.skin-dark {
    background-color: #202334;
    color: #8b8d9b;
    /*Search*/
    /*Pricing Three*/
    /*Pricing Four*/
}

body.skin-dark .text-body {
    color: #8b8d9b !important;
}

body.skin-dark .text-heading {
    color: #ffffff !important;
}

body.skin-dark h1,
body.skin-dark h2,
body.skin-dark h3,
body.skin-dark h4,
body.skin-dark h5,
body.skin-dark h6,
body.skin-dark .text-heading {
    color: #ffffff;
}

body.skin-dark hr {
    border-color: #333853;
}

body.skin-dark svg rect[height="1"] {
    fill: rgba(136, 136, 136, 0.2);
}

body.skin-dark svg rect[width="1"] {
    fill: rgba(136, 136, 136, 0.2);
}

body.skin-dark svg text {
    fill: #aaaaaa;
}

body.skin-dark .table {
    color: #8b8d9b;
}

body.skin-dark .table thead tr th {
    border-color: #292d44;
}

body.skin-dark .table tbody tr th,
body.skin-dark .table tbody tr td,
body.skin-dark .table tfoot tr th,
body.skin-dark .table tfoot tr td {
    border-color: #292d44;
}

body.skin-dark .adomx-dropdown-menu {
    background-color: #1c1e2d;
}

body.skin-dark .page-heading h3 span {
    color: #8b8d9b;
}

body.skin-dark .page-date-range .form-control,
body.skin-dark .page-date-range #toast-container .toast .toast-message input,
#toast-container .toast .toast-message body.skin-dark .page-date-range input,
body.skin-dark
    .page-date-range
    .dataTables_wrapper
    .dataTables_length
    label
    input,
.dataTables_wrapper
    .dataTables_length
    label
    body.skin-dark
    .page-date-range
    input,
body.skin-dark
    .page-date-range
    .dataTables_wrapper
    .dataTables_filter
    label
    input,
.dataTables_wrapper
    .dataTables_filter
    label
    body.skin-dark
    .page-date-range
    input,
body.skin-dark
    .page-date-range
    .dataTables_wrapper
    .dataTables_length
    label
    select,
.dataTables_wrapper
    .dataTables_length
    label
    body.skin-dark
    .page-date-range
    select,
body.skin-dark
    .page-date-range
    .dataTables_wrapper
    .dataTables_filter
    label
    select,
.dataTables_wrapper
    .dataTables_filter
    label
    body.skin-dark
    .page-date-range
    select,
.footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    body.skin-dark
    .page-date-range
    .form-control,
body.skin-dark .page-date-range .jsgrid-grid-header table tr th input,
.jsgrid-grid-header table tr th body.skin-dark .page-date-range input,
body.skin-dark .page-date-range .jsgrid-grid-header table tr th select,
.jsgrid-grid-header table tr th body.skin-dark .page-date-range select,
body.skin-dark .page-date-range .jsgrid-grid-header table tr td input,
.jsgrid-grid-header table tr td body.skin-dark .page-date-range input,
body.skin-dark .page-date-range .jsgrid-grid-header table tr td select,
.jsgrid-grid-header table tr td body.skin-dark .page-date-range select,
body.skin-dark
    .page-date-range
    .footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .form-control,
body.skin-dark
    .footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .page-date-range
    .form-control,
body.skin-dark .page-date-range .jsgrid-table tr th input:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr th .page-date-range input:not(.jsgrid-button),
body.skin-dark .page-date-range .jsgrid-table tr td input:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr td .page-date-range input:not(.jsgrid-button),
body.skin-dark .page-date-range .jsgrid-table tr th select,
body.skin-dark .jsgrid-table tr th .page-date-range select,
body.skin-dark .page-date-range .jsgrid-table tr td select,
body.skin-dark .jsgrid-table tr td .page-date-range select {
    background-color: #161824;
}

body.skin-dark .page-date-range .form-control:focus,
body.skin-dark
    .page-date-range
    #toast-container
    .toast
    .toast-message
    input:focus,
#toast-container
    .toast
    .toast-message
    body.skin-dark
    .page-date-range
    input:focus,
body.skin-dark
    .page-date-range
    .dataTables_wrapper
    .dataTables_length
    label
    input:focus,
.dataTables_wrapper
    .dataTables_length
    label
    body.skin-dark
    .page-date-range
    input:focus,
body.skin-dark
    .page-date-range
    .dataTables_wrapper
    .dataTables_filter
    label
    input:focus,
.dataTables_wrapper
    .dataTables_filter
    label
    body.skin-dark
    .page-date-range
    input:focus,
body.skin-dark
    .page-date-range
    .dataTables_wrapper
    .dataTables_length
    label
    select:focus,
.dataTables_wrapper
    .dataTables_length
    label
    body.skin-dark
    .page-date-range
    select:focus,
body.skin-dark
    .page-date-range
    .dataTables_wrapper
    .dataTables_filter
    label
    select:focus,
.dataTables_wrapper
    .dataTables_filter
    label
    body.skin-dark
    .page-date-range
    select:focus,
.footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    body.skin-dark
    .page-date-range
    .form-control:focus,
body.skin-dark .page-date-range .jsgrid-grid-header table tr th input:focus,
.jsgrid-grid-header table tr th body.skin-dark .page-date-range input:focus,
body.skin-dark .page-date-range .jsgrid-grid-header table tr th select:focus,
.jsgrid-grid-header table tr th body.skin-dark .page-date-range select:focus,
body.skin-dark .page-date-range .jsgrid-grid-header table tr td input:focus,
.jsgrid-grid-header table tr td body.skin-dark .page-date-range input:focus,
body.skin-dark .page-date-range .jsgrid-grid-header table tr td select:focus,
.jsgrid-grid-header table tr td body.skin-dark .page-date-range select:focus,
body.skin-dark
    .page-date-range
    .footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .form-control:focus,
body.skin-dark
    .footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .page-date-range
    .form-control:focus,
body.skin-dark
    .page-date-range
    .jsgrid-table
    tr
    th
    input:focus:not(.jsgrid-button),
body.skin-dark
    .jsgrid-table
    tr
    th
    .page-date-range
    input:focus:not(.jsgrid-button),
body.skin-dark
    .page-date-range
    .jsgrid-table
    tr
    td
    input:focus:not(.jsgrid-button),
body.skin-dark
    .jsgrid-table
    tr
    td
    .page-date-range
    input:focus:not(.jsgrid-button),
body.skin-dark .page-date-range .jsgrid-table tr th select:focus,
body.skin-dark .jsgrid-table tr th .page-date-range select:focus,
body.skin-dark .page-date-range .jsgrid-table tr td select:focus,
body.skin-dark .jsgrid-table tr td .page-date-range select:focus {
    background-color: #161824;
}

body.skin-dark .box {
    background-color: #161824;
}

body.skin-dark .box .box-head {
    border-bottom-color: #292d44;
}

body.skin-dark:not([class*="header-top-"]) .header-section {
    background-color: #161824;
}

body.skin-dark:not([class*="header-top-"]) .header-logo a img {
    opacity: 0;
    visibility: hidden;
}

body.skin-dark:not([class*="header-top-"]) .header-logo a img.logo-light {
    opacity: 1;
    visibility: visible;
}

@media only screen and (max-width: 575px) {
    body.skin-dark:not([class*="header-top-"]) .header-logo {
        border-color: #292d44;
    }
}

body.skin-dark:not([class*="header-top-"]) .side-header-toggle {
    color: #8b8d9b;
}

body.skin-dark:not([class*="header-top-"]) .side-header-toggle:hover {
    color: #428bfa;
}

body.skin-dark:not([class*="header-top-"]) .header-search-open {
    color: #8b8d9b;
}

body.skin-dark:not([class*="header-top-"]) .header-search-open:hover {
    color: #428bfa;
}

body.skin-dark:not([class*="header-top-"]) .header-search-form form input {
    background-color: #202334;
    color: #8b8d9b;
}

body.skin-dark:not([class*="header-top-"]) .header-search-form form button {
    color: #8b8d9b;
}

body.skin-dark:not([class*="header-top-"])
    .header-search-form
    form
    button:hover {
    color: #428bfa;
}

body.skin-dark:not([class*="header-top-"])
    .header-search-form
    .header-search-close {
    background-color: #161824;
    color: #8b8d9b;
}

body.skin-dark:not([class*="header-top-"])
    .header-search-form
    .header-search-close:hover {
    color: #428bfa;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (max-width: 767px) {
    body.skin-dark:not([class*="header-top-"]) .header-search-form {
        background-color: #202334;
    }
}

body.skin-dark:not([class*="header-top-"]) .dropdown-menu-mail .body ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

body.skin-dark:not([class*="header-top-"]) .dropdown-menu-mail .body ul li {
    margin: 0;
    border-bottom: 1px solid #292d44;
}

body.skin-dark:not([class*="header-top-"])
    .dropdown-menu-mail
    .body
    ul
    li:last-child {
    border-bottom: none;
}

body.skin-dark:not([class*="header-top-"])
    .dropdown-menu-mail
    .body
    ul
    li
    a:hover {
    background-color: #292d44;
}

body.skin-dark:not([class*="header-top-"])
    .dropdown-menu-mail
    .body
    ul
    li
    a
    .content
    p {
    color: #8b8d9b;
}

body.skin-dark:not([class*="header-top-"])
    .dropdown-menu-mail
    .body
    ul
    li
    a
    .reply {
    color: #8b8d9b;
}

body.skin-dark:not([class*="header-top-"]) .dropdown-menu-user .body ul {
    border-top-color: #333853;
}

body.skin-dark:not([class*="header-top-"]) .header-notification-area > li > a {
    color: #8b8d9b;
}

body.skin-dark:not([class*="header-top-"])
    .header-notification-area
    > li
    > a:hover {
    color: #428bfa;
}

body.skin-dark:not([class*="header-top-"])
    .header-notification-area
    > li
    > a
    .user
    .avatar
    .status {
    border-color: #202334;
    -webkit-box-shadow: 0 0 2px #202334;
    box-shadow: 0 0 2px #202334;
}

body.skin-dark:not([class*="header-top-"])
    .header-notification-area
    > li
    > a
    .user
    .name {
    color: #8b8d9b;
}

body.skin-dark .top-report {
    background-color: #161824;
    /*-- Content --*/
    /*-- Footer --*/
}

body.skin-dark .top-report .content h5 {
    color: #8b8d9b;
}

body.skin-dark .top-report .content h2 {
    color: #8b8d9b;
}

body.skin-dark .top-report .footer .progess {
    background-color: #202334;
}

body.skin-dark .top-report.top-report-2 .content h2 {
    color: #ffffff;
}

body.skin-dark .todo-list li {
    border-color: #292d44;
}

body.skin-dark .todo-list li .list-action button {
    color: #8b8d9b;
}

body.skin-dark .todo-list-add-new label .icon {
    color: #8b8d9b;
}

body.skin-dark .todo-list-add-new input {
    color: #8b8d9b;
}

body.skin-dark .chat-app-wrap {
    background-color: #161824;
}

body.skin-dark .chat-app-wrap .chat-contacts-open {
    background-color: #202334;
}

body.skin-dark .chat-app-wrap .chat-contacts-open:hover {
    background-color: #428bfa;
}

body.skin-dark .chat-app-wrap .chat-contacts {
    border-color: #292d44 !important;
    background-color: #161824;
}

body.skin-dark .chat-app-wrap .chat-contacts .chat-contacts-close {
    background-color: #202334;
}

body.skin-dark .chat-app-wrap .chat-contacts .chat-contacts-close:hover {
    background-color: #428bfa;
}

body.skin-dark .chat-app-wrap .contact-search-form {
    border-color: #292d44;
}

body.skin-dark .chat-app-wrap .contact-search-form form input {
    color: #8b8d9b;
}

body.skin-dark .chat-active-contact {
    border-color: #292d44;
}

body.skin-dark .chat .head span,
body.skin-dark .widget-chat .head span {
    color: #8b8d9b;
}

body.skin-dark .chat .body .content,
body.skin-dark .widget-chat .body .content {
    background-color: #202334;
}

body.skin-dark .chat .body .content p,
body.skin-dark .widget-chat .body .content p {
    color: #8b8d9b;
}

body.skin-dark .chat-submission,
body.skin-dark .widget-chat-submission {
    border-color: #292d44 !important;
}

body.skin-dark .chat-submission form input,
body.skin-dark .widget-chat-submission form input {
    color: #8b8d9b;
}

body.skin-dark .mail-wrapper {
    background-color: #161824;
}

body.skin-dark .mail-menu {
    border-color: #292d44 !important;
}

body.skin-dark .mail-menu ul li a i {
    color: #8b8d9b;
}

@media only screen and (max-width: 767px) {
    body.skin-dark .mail-menu {
        border-color: #292d44;
    }
}

body.skin-dark .mail-options {
    border-color: #292d44;
}

body.skin-dark .mail-options .mail-options-group::before {
    background-color: #292d44;
}

body.skin-dark .mail-list {
    padding: 30px;
}

body.skin-dark .mail-list .mail::after {
    background-color: #292d44;
}

body.skin-dark .mail-list .mail .left button {
    color: #8b8d9b;
}

body.skin-dark .mail-list .mail .right button {
    color: #8b8d9b;
}

body.skin-dark .mail-list .mail .right button:hover {
    color: #428bfa;
}

body.skin-dark .mail-list .mail .right button.mail-button-delete:hover {
    color: #fd427c;
}

body.skin-dark .single-mail .top {
    border-color: #292d44;
}

body.skin-dark .todo-list-wrapper {
    background-color: #161824;
}

body.skin-dark .todo-list-menu {
    border-color: #292d44 !important;
}

body.skin-dark .todo-list-menu ul li a i {
    color: #8b8d9b;
}

body.skin-dark .todo-list-search {
    border-color: #292d44;
}

body.skin-dark .todo-list-search form input {
    color: #8b8d9b;
}

body.skin-dark .todo-list-search form input::-webkit-input-placeholder {
    color: #8b8d9b;
}

body.skin-dark .todo-list-search form input:-moz-placeholder {
    color: #8b8d9b;
}

body.skin-dark .todo-list-search form input::-moz-placeholder {
    color: #8b8d9b;
}

body.skin-dark .todo-list-search form input:-ms-input-placeholder {
    color: #8b8d9b;
}

body.skin-dark .news-item .title a {
    color: rgba(255, 255, 255, 0.75);
}

body.skin-dark .news-item .title a:hover {
    color: #428bfa;
}

body.skin-dark .news-item .meta li {
    color: #8b8d9b;
}

body.skin-dark .footer-section {
    background-color: #161824;
}

body.skin-dark .alert {
    color: #8b8d9b;
}

body.skin-dark .alert[class*="alert-solid"] {
    color: #ffffff;
}

body.skin-dark .accordion .card {
    background-color: #202334;
}

body.skin-dark .accordion .card .card-header h2 button {
    border-bottom-color: #333853;
}

body.skin-dark .accordion .card .card-header h2 button.collapsed {
    border-bottom-color: transparent;
}

body.skin-dark .accordion.accordion-icon .card .card-header h2 button::before,
body.skin-dark .accordion.accordion-icon .card .card-header h2 button::after {
    background-color: #8b8d9b;
}

body.skin-dark .list-group li,
body.skin-dark .list-group .list-group-item {
    background-color: #202334;
    border-top-color: #333853;
}

body.skin-dark .list-group li:first-child,
body.skin-dark .list-group .list-group-item:first-child {
    border-top-color: transparent;
}

body.skin-dark .list-group li.active,
body.skin-dark .list-group .list-group-item.active {
    background-color: #428bfa;
    border-color: #428bfa;
}

body.skin-dark .modal .close span {
    color: #8b8d9b;
}

body.skin-dark .modal .modal-dialog .modal-content {
    background-color: #161824;
}

body.skin-dark .modal .modal-dialog .modal-content .modal-header {
    border-bottom-color: #333853;
}

body.skin-dark .modal .modal-dialog .modal-content .modal-footer {
    border-top-color: #333853;
}

body.skin-dark .pagination .page-item .page-link {
    color: #8b8d9b;
    border-color: #8b8d9b;
}

body.skin-dark .pagination .page-item .page-link:hover {
    border-color: #428bfa;
    color: #ffffff;
}

body.skin-dark .pagination .page-item.active .page-link {
    border-color: #428bfa;
    color: #ffffff;
}

body.skin-dark .progress {
    background-color: #202334;
}

body.skin-dark .nav-tabs .nav-item .nav-link {
    border-color: #333853;
}

body.skin-dark .nav-tabs .nav-item .nav-link.active {
    border-color: #428bfa;
}

body.skin-dark .fullcalendar .fc-toolbar .fc-button {
    border-color: #8b8d9b;
}

body.skin-dark .fullcalendar .fc-toolbar .fc-button:hover {
    border-color: #428bfa;
}

body.skin-dark .fullcalendar .fc-toolbar .fc-button.fc-state-active {
    border-color: #428bfa;
}

body.skin-dark .fullcalendar .fc-view-container .fc-event-container .fc-event {
    background-color: #202334;
}

body.skin-dark
    .fullcalendar
    .fc-view-container
    .fc-event-container
    .fc-event.fc-event-primary {
    background-color: #428bfa;
}

body.skin-dark
    .fullcalendar
    .fc-view-container
    .fc-event-container
    .fc-event.fc-event-secondary {
    background-color: #fb7da4;
}

body.skin-dark
    .fullcalendar
    .fc-view-container
    .fc-event-container
    .fc-event.fc-event-success {
    background-color: #29db2d;
}

body.skin-dark
    .fullcalendar
    .fc-view-container
    .fc-event-container
    .fc-event.fc-event-danger {
    background-color: #fd427c;
}

body.skin-dark
    .fullcalendar
    .fc-view-container
    .fc-event-container
    .fc-event.fc-event-warning {
    background-color: #ff9666;
}

body.skin-dark
    .fullcalendar
    .fc-view-container
    .fc-event-container
    .fc-event.fc-event-info {
    background-color: #17a2b8;
}

body.skin-dark .fullcalendar .fc-view-container thead,
body.skin-dark .fullcalendar .fc-view-container tbody {
    border-color: transparent;
}

body.skin-dark .fullcalendar .fc-view-container thead tr th,
body.skin-dark .fullcalendar .fc-view-container thead tr td,
body.skin-dark .fullcalendar .fc-view-container tbody tr th,
body.skin-dark .fullcalendar .fc-view-container tbody tr td {
    border-color: #292d44 !important;
}

body.skin-dark #toastrOptions {
    border-color: #292d44;
    color: #8b8d9b;
}

body.skin-dark .icon-list-wrap {
    border-color: #292d44;
    border-color: #292d44;
}

body.skin-dark .icon-list-wrap [class*="col-"] {
    border-color: #292d44;
    border-color: #292d44;
}

body.skin-dark .form-control,
body.skin-dark #toast-container .toast .toast-message input,
#toast-container .toast .toast-message body.skin-dark input,
body.skin-dark .dataTables_wrapper .dataTables_length label input,
.dataTables_wrapper .dataTables_length label body.skin-dark input,
body.skin-dark .dataTables_wrapper .dataTables_filter label input,
.dataTables_wrapper .dataTables_filter label body.skin-dark input,
body.skin-dark .dataTables_wrapper .dataTables_length label select,
.dataTables_wrapper .dataTables_length label body.skin-dark select,
body.skin-dark .dataTables_wrapper .dataTables_filter label select,
.dataTables_wrapper .dataTables_filter label body.skin-dark select,
.footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    body.skin-dark
    .form-control,
body.skin-dark .jsgrid-grid-header table tr th input,
.jsgrid-grid-header table tr th body.skin-dark input,
body.skin-dark .jsgrid-grid-header table tr th select,
.jsgrid-grid-header table tr th body.skin-dark select,
body.skin-dark .jsgrid-grid-header table tr td input,
.jsgrid-grid-header table tr td body.skin-dark input,
body.skin-dark .jsgrid-grid-header table tr td select,
.jsgrid-grid-header table tr td body.skin-dark select,
body.skin-dark
    .footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .form-control,
body.skin-dark .jsgrid-table tr th input:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr td input:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr th select,
body.skin-dark .jsgrid-table tr td select {
    max-width: 100%;
    background-color: #202334;
    border-color: transparent;
    color: #8b8d9b;
}

body.skin-dark .form-control:focus,
body.skin-dark #toast-container .toast .toast-message input:focus,
#toast-container .toast .toast-message body.skin-dark input:focus,
body.skin-dark .dataTables_wrapper .dataTables_length label input:focus,
.dataTables_wrapper .dataTables_length label body.skin-dark input:focus,
body.skin-dark .dataTables_wrapper .dataTables_filter label input:focus,
.dataTables_wrapper .dataTables_filter label body.skin-dark input:focus,
body.skin-dark .dataTables_wrapper .dataTables_length label select:focus,
.dataTables_wrapper .dataTables_length label body.skin-dark select:focus,
body.skin-dark .dataTables_wrapper .dataTables_filter label select:focus,
.dataTables_wrapper .dataTables_filter label body.skin-dark select:focus,
.footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    body.skin-dark
    .form-control:focus,
body.skin-dark .jsgrid-grid-header table tr th input:focus,
.jsgrid-grid-header table tr th body.skin-dark input:focus,
body.skin-dark .jsgrid-grid-header table tr th select:focus,
.jsgrid-grid-header table tr th body.skin-dark select:focus,
body.skin-dark .jsgrid-grid-header table tr td input:focus,
.jsgrid-grid-header table tr td body.skin-dark input:focus,
body.skin-dark .jsgrid-grid-header table tr td select:focus,
.jsgrid-grid-header table tr td body.skin-dark select:focus,
body.skin-dark
    .footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .form-control:focus,
body.skin-dark .jsgrid-table tr th input:focus:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr td input:focus:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr th select:focus,
body.skin-dark .jsgrid-table tr td select:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: #428bfa;
    background-color: #202334;
}

body.skin-dark .form-control[readonly],
body.skin-dark #toast-container .toast .toast-message input[readonly],
#toast-container .toast .toast-message body.skin-dark input[readonly],
body.skin-dark .dataTables_wrapper .dataTables_length label input[readonly],
.dataTables_wrapper .dataTables_length label body.skin-dark input[readonly],
body.skin-dark .dataTables_wrapper .dataTables_filter label input[readonly],
.dataTables_wrapper .dataTables_filter label body.skin-dark input[readonly],
body.skin-dark .dataTables_wrapper .dataTables_length label select[readonly],
.dataTables_wrapper .dataTables_length label body.skin-dark select[readonly],
body.skin-dark .dataTables_wrapper .dataTables_filter label select[readonly],
.dataTables_wrapper .dataTables_filter label body.skin-dark select[readonly],
.footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    body.skin-dark
    .form-control[readonly],
body.skin-dark .jsgrid-grid-header table tr th input[readonly],
.jsgrid-grid-header table tr th body.skin-dark input[readonly],
body.skin-dark .jsgrid-grid-header table tr th select[readonly],
.jsgrid-grid-header table tr th body.skin-dark select[readonly],
body.skin-dark .jsgrid-grid-header table tr td input[readonly],
.jsgrid-grid-header table tr td body.skin-dark input[readonly],
body.skin-dark .jsgrid-grid-header table tr td select[readonly],
.jsgrid-grid-header table tr td body.skin-dark select[readonly],
body.skin-dark
    .footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .form-control[readonly],
body.skin-dark .jsgrid-table tr th input[readonly]:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr td input[readonly]:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr th select[readonly],
body.skin-dark .jsgrid-table tr td select[readonly],
body.skin-dark .form-control[disabled],
body.skin-dark #toast-container .toast .toast-message input[disabled],
#toast-container .toast .toast-message body.skin-dark input[disabled],
body.skin-dark .dataTables_wrapper .dataTables_length label input[disabled],
.dataTables_wrapper .dataTables_length label body.skin-dark input[disabled],
body.skin-dark .dataTables_wrapper .dataTables_filter label input[disabled],
.dataTables_wrapper .dataTables_filter label body.skin-dark input[disabled],
body.skin-dark .dataTables_wrapper .dataTables_length label select[disabled],
.dataTables_wrapper .dataTables_length label body.skin-dark select[disabled],
body.skin-dark .dataTables_wrapper .dataTables_filter label select[disabled],
.dataTables_wrapper .dataTables_filter label body.skin-dark select[disabled],
.footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    body.skin-dark
    .form-control[disabled],
body.skin-dark .jsgrid-grid-header table tr th input[disabled],
.jsgrid-grid-header table tr th body.skin-dark input[disabled],
body.skin-dark .jsgrid-grid-header table tr th select[disabled],
.jsgrid-grid-header table tr th body.skin-dark select[disabled],
body.skin-dark .jsgrid-grid-header table tr td input[disabled],
.jsgrid-grid-header table tr td body.skin-dark input[disabled],
body.skin-dark .jsgrid-grid-header table tr td select[disabled],
.jsgrid-grid-header table tr td body.skin-dark select[disabled],
body.skin-dark
    .footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .form-control[disabled],
body.skin-dark .jsgrid-table tr th input[disabled]:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr td input[disabled]:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr th select[disabled],
body.skin-dark .jsgrid-table tr td select[disabled] {
    border-color: transparent;
    background-color: #333853;
}

body.skin-dark .form-control.dark,
body.skin-dark #toast-container .toast .toast-message input.dark,
#toast-container .toast .toast-message body.skin-dark input.dark,
body.skin-dark .dataTables_wrapper .dataTables_length label input.dark,
.dataTables_wrapper .dataTables_length label body.skin-dark input.dark,
body.skin-dark .dataTables_wrapper .dataTables_filter label input.dark,
.dataTables_wrapper .dataTables_filter label body.skin-dark input.dark,
body.skin-dark .dataTables_wrapper .dataTables_length label select.dark,
.dataTables_wrapper .dataTables_length label body.skin-dark select.dark,
body.skin-dark .dataTables_wrapper .dataTables_filter label select.dark,
.dataTables_wrapper .dataTables_filter label body.skin-dark select.dark,
.footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    body.skin-dark
    .dark.form-control,
body.skin-dark .jsgrid-grid-header table tr th input.dark,
.jsgrid-grid-header table tr th body.skin-dark input.dark,
body.skin-dark .jsgrid-grid-header table tr th select.dark,
.jsgrid-grid-header table tr th body.skin-dark select.dark,
body.skin-dark .jsgrid-grid-header table tr td input.dark,
.jsgrid-grid-header table tr td body.skin-dark input.dark,
body.skin-dark .jsgrid-grid-header table tr td select.dark,
.jsgrid-grid-header table tr td body.skin-dark select.dark,
body.skin-dark
    .footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .dark.form-control,
body.skin-dark .jsgrid-table tr th input.dark:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr td input.dark:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr th select.dark,
body.skin-dark .jsgrid-table tr td select.dark,
body.skin-dark .form-control.focus-dark:focus,
body.skin-dark #toast-container .toast .toast-message input.focus-dark:focus,
#toast-container .toast .toast-message body.skin-dark input.focus-dark:focus,
body.skin-dark
    .dataTables_wrapper
    .dataTables_length
    label
    input.focus-dark:focus,
.dataTables_wrapper
    .dataTables_length
    label
    body.skin-dark
    input.focus-dark:focus,
body.skin-dark
    .dataTables_wrapper
    .dataTables_filter
    label
    input.focus-dark:focus,
.dataTables_wrapper
    .dataTables_filter
    label
    body.skin-dark
    input.focus-dark:focus,
body.skin-dark
    .dataTables_wrapper
    .dataTables_length
    label
    select.focus-dark:focus,
.dataTables_wrapper
    .dataTables_length
    label
    body.skin-dark
    select.focus-dark:focus,
body.skin-dark
    .dataTables_wrapper
    .dataTables_filter
    label
    select.focus-dark:focus,
.dataTables_wrapper
    .dataTables_filter
    label
    body.skin-dark
    select.focus-dark:focus,
.footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    body.skin-dark
    .focus-dark.form-control:focus,
body.skin-dark .jsgrid-grid-header table tr th input.focus-dark:focus,
.jsgrid-grid-header table tr th body.skin-dark input.focus-dark:focus,
body.skin-dark .jsgrid-grid-header table tr th select.focus-dark:focus,
.jsgrid-grid-header table tr th body.skin-dark select.focus-dark:focus,
body.skin-dark .jsgrid-grid-header table tr td input.focus-dark:focus,
.jsgrid-grid-header table tr td body.skin-dark input.focus-dark:focus,
body.skin-dark .jsgrid-grid-header table tr td select.focus-dark:focus,
.jsgrid-grid-header table tr td body.skin-dark select.focus-dark:focus,
body.skin-dark
    .footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .focus-dark.form-control:focus,
body.skin-dark .jsgrid-table tr th input.focus-dark:focus:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr td input.focus-dark:focus:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr th select.focus-dark:focus,
body.skin-dark .jsgrid-table tr td select.focus-dark:focus {
    border-color: #202334;
}

body.skin-dark .form-control.primary,
body.skin-dark #toast-container .toast .toast-message input.primary,
#toast-container .toast .toast-message body.skin-dark input.primary,
body.skin-dark .dataTables_wrapper .dataTables_length label input.primary,
.dataTables_wrapper .dataTables_length label body.skin-dark input.primary,
body.skin-dark .dataTables_wrapper .dataTables_filter label input.primary,
.dataTables_wrapper .dataTables_filter label body.skin-dark input.primary,
body.skin-dark .dataTables_wrapper .dataTables_length label select.primary,
.dataTables_wrapper .dataTables_length label body.skin-dark select.primary,
body.skin-dark .dataTables_wrapper .dataTables_filter label select.primary,
.dataTables_wrapper .dataTables_filter label body.skin-dark select.primary,
.footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    body.skin-dark
    .primary.form-control,
body.skin-dark .jsgrid-grid-header table tr th input.primary,
.jsgrid-grid-header table tr th body.skin-dark input.primary,
body.skin-dark .jsgrid-grid-header table tr th select.primary,
.jsgrid-grid-header table tr th body.skin-dark select.primary,
body.skin-dark .jsgrid-grid-header table tr td input.primary,
.jsgrid-grid-header table tr td body.skin-dark input.primary,
body.skin-dark .jsgrid-grid-header table tr td select.primary,
.jsgrid-grid-header table tr td body.skin-dark select.primary,
body.skin-dark
    .footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .primary.form-control,
body.skin-dark .jsgrid-table tr th input.primary:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr td input.primary:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr th select.primary,
body.skin-dark .jsgrid-table tr td select.primary,
body.skin-dark .form-control.focus-primary:focus,
body.skin-dark #toast-container .toast .toast-message input.focus-primary:focus,
#toast-container .toast .toast-message body.skin-dark input.focus-primary:focus,
body.skin-dark
    .dataTables_wrapper
    .dataTables_length
    label
    input.focus-primary:focus,
.dataTables_wrapper
    .dataTables_length
    label
    body.skin-dark
    input.focus-primary:focus,
body.skin-dark
    .dataTables_wrapper
    .dataTables_filter
    label
    input.focus-primary:focus,
.dataTables_wrapper
    .dataTables_filter
    label
    body.skin-dark
    input.focus-primary:focus,
body.skin-dark
    .dataTables_wrapper
    .dataTables_length
    label
    select.focus-primary:focus,
.dataTables_wrapper
    .dataTables_length
    label
    body.skin-dark
    select.focus-primary:focus,
body.skin-dark
    .dataTables_wrapper
    .dataTables_filter
    label
    select.focus-primary:focus,
.dataTables_wrapper
    .dataTables_filter
    label
    body.skin-dark
    select.focus-primary:focus,
.footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    body.skin-dark
    .focus-primary.form-control:focus,
body.skin-dark .jsgrid-grid-header table tr th input.focus-primary:focus,
.jsgrid-grid-header table tr th body.skin-dark input.focus-primary:focus,
body.skin-dark .jsgrid-grid-header table tr th select.focus-primary:focus,
.jsgrid-grid-header table tr th body.skin-dark select.focus-primary:focus,
body.skin-dark .jsgrid-grid-header table tr td input.focus-primary:focus,
.jsgrid-grid-header table tr td body.skin-dark input.focus-primary:focus,
body.skin-dark .jsgrid-grid-header table tr td select.focus-primary:focus,
.jsgrid-grid-header table tr td body.skin-dark select.focus-primary:focus,
body.skin-dark
    .footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .focus-primary.form-control:focus,
body.skin-dark
    .jsgrid-table
    tr
    th
    input.focus-primary:focus:not(.jsgrid-button),
body.skin-dark
    .jsgrid-table
    tr
    td
    input.focus-primary:focus:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr th select.focus-primary:focus,
body.skin-dark .jsgrid-table tr td select.focus-primary:focus {
    border-color: #428bfa;
}

body.skin-dark .form-control.secondary,
body.skin-dark #toast-container .toast .toast-message input.secondary,
#toast-container .toast .toast-message body.skin-dark input.secondary,
body.skin-dark .dataTables_wrapper .dataTables_length label input.secondary,
.dataTables_wrapper .dataTables_length label body.skin-dark input.secondary,
body.skin-dark .dataTables_wrapper .dataTables_filter label input.secondary,
.dataTables_wrapper .dataTables_filter label body.skin-dark input.secondary,
body.skin-dark .dataTables_wrapper .dataTables_length label select.secondary,
.dataTables_wrapper .dataTables_length label body.skin-dark select.secondary,
body.skin-dark .dataTables_wrapper .dataTables_filter label select.secondary,
.dataTables_wrapper .dataTables_filter label body.skin-dark select.secondary,
.footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    body.skin-dark
    .secondary.form-control,
body.skin-dark .jsgrid-grid-header table tr th input.secondary,
.jsgrid-grid-header table tr th body.skin-dark input.secondary,
body.skin-dark .jsgrid-grid-header table tr th select.secondary,
.jsgrid-grid-header table tr th body.skin-dark select.secondary,
body.skin-dark .jsgrid-grid-header table tr td input.secondary,
.jsgrid-grid-header table tr td body.skin-dark input.secondary,
body.skin-dark .jsgrid-grid-header table tr td select.secondary,
.jsgrid-grid-header table tr td body.skin-dark select.secondary,
body.skin-dark
    .footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .secondary.form-control,
body.skin-dark .jsgrid-table tr th input.secondary:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr td input.secondary:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr th select.secondary,
body.skin-dark .jsgrid-table tr td select.secondary,
body.skin-dark .form-control.focus-secondary:focus,
body.skin-dark
    #toast-container
    .toast
    .toast-message
    input.focus-secondary:focus,
#toast-container
    .toast
    .toast-message
    body.skin-dark
    input.focus-secondary:focus,
body.skin-dark
    .dataTables_wrapper
    .dataTables_length
    label
    input.focus-secondary:focus,
.dataTables_wrapper
    .dataTables_length
    label
    body.skin-dark
    input.focus-secondary:focus,
body.skin-dark
    .dataTables_wrapper
    .dataTables_filter
    label
    input.focus-secondary:focus,
.dataTables_wrapper
    .dataTables_filter
    label
    body.skin-dark
    input.focus-secondary:focus,
body.skin-dark
    .dataTables_wrapper
    .dataTables_length
    label
    select.focus-secondary:focus,
.dataTables_wrapper
    .dataTables_length
    label
    body.skin-dark
    select.focus-secondary:focus,
body.skin-dark
    .dataTables_wrapper
    .dataTables_filter
    label
    select.focus-secondary:focus,
.dataTables_wrapper
    .dataTables_filter
    label
    body.skin-dark
    select.focus-secondary:focus,
.footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    body.skin-dark
    .focus-secondary.form-control:focus,
body.skin-dark .jsgrid-grid-header table tr th input.focus-secondary:focus,
.jsgrid-grid-header table tr th body.skin-dark input.focus-secondary:focus,
body.skin-dark .jsgrid-grid-header table tr th select.focus-secondary:focus,
.jsgrid-grid-header table tr th body.skin-dark select.focus-secondary:focus,
body.skin-dark .jsgrid-grid-header table tr td input.focus-secondary:focus,
.jsgrid-grid-header table tr td body.skin-dark input.focus-secondary:focus,
body.skin-dark .jsgrid-grid-header table tr td select.focus-secondary:focus,
.jsgrid-grid-header table tr td body.skin-dark select.focus-secondary:focus,
body.skin-dark
    .footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .focus-secondary.form-control:focus,
body.skin-dark
    .jsgrid-table
    tr
    th
    input.focus-secondary:focus:not(.jsgrid-button),
body.skin-dark
    .jsgrid-table
    tr
    td
    input.focus-secondary:focus:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr th select.focus-secondary:focus,
body.skin-dark .jsgrid-table tr td select.focus-secondary:focus {
    border-color: #fb7da4;
}

body.skin-dark .form-control.success,
body.skin-dark #toast-container .toast .toast-message input.success,
#toast-container .toast .toast-message body.skin-dark input.success,
body.skin-dark .dataTables_wrapper .dataTables_length label input.success,
.dataTables_wrapper .dataTables_length label body.skin-dark input.success,
body.skin-dark .dataTables_wrapper .dataTables_filter label input.success,
.dataTables_wrapper .dataTables_filter label body.skin-dark input.success,
body.skin-dark .dataTables_wrapper .dataTables_length label select.success,
.dataTables_wrapper .dataTables_length label body.skin-dark select.success,
body.skin-dark .dataTables_wrapper .dataTables_filter label select.success,
.dataTables_wrapper .dataTables_filter label body.skin-dark select.success,
.footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    body.skin-dark
    .success.form-control,
body.skin-dark .jsgrid-grid-header table tr th input.success,
.jsgrid-grid-header table tr th body.skin-dark input.success,
body.skin-dark .jsgrid-grid-header table tr th select.success,
.jsgrid-grid-header table tr th body.skin-dark select.success,
body.skin-dark .jsgrid-grid-header table tr td input.success,
.jsgrid-grid-header table tr td body.skin-dark input.success,
body.skin-dark .jsgrid-grid-header table tr td select.success,
.jsgrid-grid-header table tr td body.skin-dark select.success,
body.skin-dark
    .footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .success.form-control,
body.skin-dark .jsgrid-table tr th input.success:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr td input.success:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr th select.success,
body.skin-dark .jsgrid-table tr td select.success,
body.skin-dark .form-control.focus-success:focus,
body.skin-dark #toast-container .toast .toast-message input.focus-success:focus,
#toast-container .toast .toast-message body.skin-dark input.focus-success:focus,
body.skin-dark
    .dataTables_wrapper
    .dataTables_length
    label
    input.focus-success:focus,
.dataTables_wrapper
    .dataTables_length
    label
    body.skin-dark
    input.focus-success:focus,
body.skin-dark
    .dataTables_wrapper
    .dataTables_filter
    label
    input.focus-success:focus,
.dataTables_wrapper
    .dataTables_filter
    label
    body.skin-dark
    input.focus-success:focus,
body.skin-dark
    .dataTables_wrapper
    .dataTables_length
    label
    select.focus-success:focus,
.dataTables_wrapper
    .dataTables_length
    label
    body.skin-dark
    select.focus-success:focus,
body.skin-dark
    .dataTables_wrapper
    .dataTables_filter
    label
    select.focus-success:focus,
.dataTables_wrapper
    .dataTables_filter
    label
    body.skin-dark
    select.focus-success:focus,
.footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    body.skin-dark
    .focus-success.form-control:focus,
body.skin-dark .jsgrid-grid-header table tr th input.focus-success:focus,
.jsgrid-grid-header table tr th body.skin-dark input.focus-success:focus,
body.skin-dark .jsgrid-grid-header table tr th select.focus-success:focus,
.jsgrid-grid-header table tr th body.skin-dark select.focus-success:focus,
body.skin-dark .jsgrid-grid-header table tr td input.focus-success:focus,
.jsgrid-grid-header table tr td body.skin-dark input.focus-success:focus,
body.skin-dark .jsgrid-grid-header table tr td select.focus-success:focus,
.jsgrid-grid-header table tr td body.skin-dark select.focus-success:focus,
body.skin-dark
    .footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .focus-success.form-control:focus,
body.skin-dark
    .jsgrid-table
    tr
    th
    input.focus-success:focus:not(.jsgrid-button),
body.skin-dark
    .jsgrid-table
    tr
    td
    input.focus-success:focus:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr th select.focus-success:focus,
body.skin-dark .jsgrid-table tr td select.focus-success:focus {
    border-color: #29db2d;
}

body.skin-dark .form-control.danger,
body.skin-dark #toast-container .toast .toast-message input.danger,
#toast-container .toast .toast-message body.skin-dark input.danger,
body.skin-dark .dataTables_wrapper .dataTables_length label input.danger,
.dataTables_wrapper .dataTables_length label body.skin-dark input.danger,
body.skin-dark .dataTables_wrapper .dataTables_filter label input.danger,
.dataTables_wrapper .dataTables_filter label body.skin-dark input.danger,
body.skin-dark .dataTables_wrapper .dataTables_length label select.danger,
.dataTables_wrapper .dataTables_length label body.skin-dark select.danger,
body.skin-dark .dataTables_wrapper .dataTables_filter label select.danger,
.dataTables_wrapper .dataTables_filter label body.skin-dark select.danger,
.footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    body.skin-dark
    .danger.form-control,
body.skin-dark .jsgrid-grid-header table tr th input.danger,
.jsgrid-grid-header table tr th body.skin-dark input.danger,
body.skin-dark .jsgrid-grid-header table tr th select.danger,
.jsgrid-grid-header table tr th body.skin-dark select.danger,
body.skin-dark .jsgrid-grid-header table tr td input.danger,
.jsgrid-grid-header table tr td body.skin-dark input.danger,
body.skin-dark .jsgrid-grid-header table tr td select.danger,
.jsgrid-grid-header table tr td body.skin-dark select.danger,
body.skin-dark
    .footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .danger.form-control,
body.skin-dark .jsgrid-table tr th input.danger:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr td input.danger:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr th select.danger,
body.skin-dark .jsgrid-table tr td select.danger,
body.skin-dark .form-control.focus-danger:focus,
body.skin-dark #toast-container .toast .toast-message input.focus-danger:focus,
#toast-container .toast .toast-message body.skin-dark input.focus-danger:focus,
body.skin-dark
    .dataTables_wrapper
    .dataTables_length
    label
    input.focus-danger:focus,
.dataTables_wrapper
    .dataTables_length
    label
    body.skin-dark
    input.focus-danger:focus,
body.skin-dark
    .dataTables_wrapper
    .dataTables_filter
    label
    input.focus-danger:focus,
.dataTables_wrapper
    .dataTables_filter
    label
    body.skin-dark
    input.focus-danger:focus,
body.skin-dark
    .dataTables_wrapper
    .dataTables_length
    label
    select.focus-danger:focus,
.dataTables_wrapper
    .dataTables_length
    label
    body.skin-dark
    select.focus-danger:focus,
body.skin-dark
    .dataTables_wrapper
    .dataTables_filter
    label
    select.focus-danger:focus,
.dataTables_wrapper
    .dataTables_filter
    label
    body.skin-dark
    select.focus-danger:focus,
.footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    body.skin-dark
    .focus-danger.form-control:focus,
body.skin-dark .jsgrid-grid-header table tr th input.focus-danger:focus,
.jsgrid-grid-header table tr th body.skin-dark input.focus-danger:focus,
body.skin-dark .jsgrid-grid-header table tr th select.focus-danger:focus,
.jsgrid-grid-header table tr th body.skin-dark select.focus-danger:focus,
body.skin-dark .jsgrid-grid-header table tr td input.focus-danger:focus,
.jsgrid-grid-header table tr td body.skin-dark input.focus-danger:focus,
body.skin-dark .jsgrid-grid-header table tr td select.focus-danger:focus,
.jsgrid-grid-header table tr td body.skin-dark select.focus-danger:focus,
body.skin-dark
    .footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .focus-danger.form-control:focus,
body.skin-dark .jsgrid-table tr th input.focus-danger:focus:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr td input.focus-danger:focus:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr th select.focus-danger:focus,
body.skin-dark .jsgrid-table tr td select.focus-danger:focus {
    border-color: #fd427c;
}

body.skin-dark .form-control.warning,
body.skin-dark #toast-container .toast .toast-message input.warning,
#toast-container .toast .toast-message body.skin-dark input.warning,
body.skin-dark .dataTables_wrapper .dataTables_length label input.warning,
.dataTables_wrapper .dataTables_length label body.skin-dark input.warning,
body.skin-dark .dataTables_wrapper .dataTables_filter label input.warning,
.dataTables_wrapper .dataTables_filter label body.skin-dark input.warning,
body.skin-dark .dataTables_wrapper .dataTables_length label select.warning,
.dataTables_wrapper .dataTables_length label body.skin-dark select.warning,
body.skin-dark .dataTables_wrapper .dataTables_filter label select.warning,
.dataTables_wrapper .dataTables_filter label body.skin-dark select.warning,
.footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    body.skin-dark
    .warning.form-control,
body.skin-dark .jsgrid-grid-header table tr th input.warning,
.jsgrid-grid-header table tr th body.skin-dark input.warning,
body.skin-dark .jsgrid-grid-header table tr th select.warning,
.jsgrid-grid-header table tr th body.skin-dark select.warning,
body.skin-dark .jsgrid-grid-header table tr td input.warning,
.jsgrid-grid-header table tr td body.skin-dark input.warning,
body.skin-dark .jsgrid-grid-header table tr td select.warning,
.jsgrid-grid-header table tr td body.skin-dark select.warning,
body.skin-dark
    .footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .warning.form-control,
body.skin-dark .jsgrid-table tr th input.warning:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr td input.warning:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr th select.warning,
body.skin-dark .jsgrid-table tr td select.warning,
body.skin-dark .form-control.focus-warning:focus,
body.skin-dark #toast-container .toast .toast-message input.focus-warning:focus,
#toast-container .toast .toast-message body.skin-dark input.focus-warning:focus,
body.skin-dark
    .dataTables_wrapper
    .dataTables_length
    label
    input.focus-warning:focus,
.dataTables_wrapper
    .dataTables_length
    label
    body.skin-dark
    input.focus-warning:focus,
body.skin-dark
    .dataTables_wrapper
    .dataTables_filter
    label
    input.focus-warning:focus,
.dataTables_wrapper
    .dataTables_filter
    label
    body.skin-dark
    input.focus-warning:focus,
body.skin-dark
    .dataTables_wrapper
    .dataTables_length
    label
    select.focus-warning:focus,
.dataTables_wrapper
    .dataTables_length
    label
    body.skin-dark
    select.focus-warning:focus,
body.skin-dark
    .dataTables_wrapper
    .dataTables_filter
    label
    select.focus-warning:focus,
.dataTables_wrapper
    .dataTables_filter
    label
    body.skin-dark
    select.focus-warning:focus,
.footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    body.skin-dark
    .focus-warning.form-control:focus,
body.skin-dark .jsgrid-grid-header table tr th input.focus-warning:focus,
.jsgrid-grid-header table tr th body.skin-dark input.focus-warning:focus,
body.skin-dark .jsgrid-grid-header table tr th select.focus-warning:focus,
.jsgrid-grid-header table tr th body.skin-dark select.focus-warning:focus,
body.skin-dark .jsgrid-grid-header table tr td input.focus-warning:focus,
.jsgrid-grid-header table tr td body.skin-dark input.focus-warning:focus,
body.skin-dark .jsgrid-grid-header table tr td select.focus-warning:focus,
.jsgrid-grid-header table tr td body.skin-dark select.focus-warning:focus,
body.skin-dark
    .footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .focus-warning.form-control:focus,
body.skin-dark
    .jsgrid-table
    tr
    th
    input.focus-warning:focus:not(.jsgrid-button),
body.skin-dark
    .jsgrid-table
    tr
    td
    input.focus-warning:focus:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr th select.focus-warning:focus,
body.skin-dark .jsgrid-table tr td select.focus-warning:focus {
    border-color: #ff9666;
}

body.skin-dark .form-control.info,
body.skin-dark #toast-container .toast .toast-message input.info,
#toast-container .toast .toast-message body.skin-dark input.info,
body.skin-dark .dataTables_wrapper .dataTables_length label input.info,
.dataTables_wrapper .dataTables_length label body.skin-dark input.info,
body.skin-dark .dataTables_wrapper .dataTables_filter label input.info,
.dataTables_wrapper .dataTables_filter label body.skin-dark input.info,
body.skin-dark .dataTables_wrapper .dataTables_length label select.info,
.dataTables_wrapper .dataTables_length label body.skin-dark select.info,
body.skin-dark .dataTables_wrapper .dataTables_filter label select.info,
.dataTables_wrapper .dataTables_filter label body.skin-dark select.info,
.footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    body.skin-dark
    .info.form-control,
body.skin-dark .jsgrid-grid-header table tr th input.info,
.jsgrid-grid-header table tr th body.skin-dark input.info,
body.skin-dark .jsgrid-grid-header table tr th select.info,
.jsgrid-grid-header table tr th body.skin-dark select.info,
body.skin-dark .jsgrid-grid-header table tr td input.info,
.jsgrid-grid-header table tr td body.skin-dark input.info,
body.skin-dark .jsgrid-grid-header table tr td select.info,
.jsgrid-grid-header table tr td body.skin-dark select.info,
body.skin-dark
    .footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .info.form-control,
body.skin-dark .jsgrid-table tr th input.info:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr td input.info:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr th select.info,
body.skin-dark .jsgrid-table tr td select.info,
body.skin-dark .form-control.focus-info:focus,
body.skin-dark #toast-container .toast .toast-message input.focus-info:focus,
#toast-container .toast .toast-message body.skin-dark input.focus-info:focus,
body.skin-dark
    .dataTables_wrapper
    .dataTables_length
    label
    input.focus-info:focus,
.dataTables_wrapper
    .dataTables_length
    label
    body.skin-dark
    input.focus-info:focus,
body.skin-dark
    .dataTables_wrapper
    .dataTables_filter
    label
    input.focus-info:focus,
.dataTables_wrapper
    .dataTables_filter
    label
    body.skin-dark
    input.focus-info:focus,
body.skin-dark
    .dataTables_wrapper
    .dataTables_length
    label
    select.focus-info:focus,
.dataTables_wrapper
    .dataTables_length
    label
    body.skin-dark
    select.focus-info:focus,
body.skin-dark
    .dataTables_wrapper
    .dataTables_filter
    label
    select.focus-info:focus,
.dataTables_wrapper
    .dataTables_filter
    label
    body.skin-dark
    select.focus-info:focus,
.footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    body.skin-dark
    .focus-info.form-control:focus,
body.skin-dark .jsgrid-grid-header table tr th input.focus-info:focus,
.jsgrid-grid-header table tr th body.skin-dark input.focus-info:focus,
body.skin-dark .jsgrid-grid-header table tr th select.focus-info:focus,
.jsgrid-grid-header table tr th body.skin-dark select.focus-info:focus,
body.skin-dark .jsgrid-grid-header table tr td input.focus-info:focus,
.jsgrid-grid-header table tr td body.skin-dark input.focus-info:focus,
body.skin-dark .jsgrid-grid-header table tr td select.focus-info:focus,
.jsgrid-grid-header table tr td body.skin-dark select.focus-info:focus,
body.skin-dark
    .footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .focus-info.form-control:focus,
body.skin-dark .jsgrid-table tr th input.focus-info:focus:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr td input.focus-info:focus:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr th select.focus-info:focus,
body.skin-dark .jsgrid-table tr td select.focus-info:focus {
    border-color: #17a2b8;
}

body.skin-dark .daterangepicker {
    background-color: #333853;
    border-color: transparent;
    border-radius: 4px;
}

body.skin-dark .daterangepicker::before,
body.skin-dark .daterangepicker::after {
    border-bottom-color: #333853;
}

body.skin-dark .daterangepicker .ranges ul li:hover {
    background-color: #292d44;
}

body.skin-dark .daterangepicker .ranges ul li.active:hover {
    background-color: #428bfa;
}

body.skin-dark .daterangepicker .drp-calendar {
    background-color: transparent;
}

body.skin-dark .daterangepicker .drp-calendar .calendar-table {
    background-color: transparent;
    border-color: transparent;
}

body.skin-dark
    .daterangepicker
    .drp-calendar
    .calendar-table
    .table-condensed
    thead
    tr
    th.prev
    span {
    margin-left: 2px;
}

body.skin-dark
    .daterangepicker
    .drp-calendar
    .calendar-table
    .table-condensed
    thead
    tr
    th.prev:hover {
    background-color: #428bfa;
}

body.skin-dark
    .daterangepicker
    .drp-calendar
    .calendar-table
    .table-condensed
    thead
    tr
    th.prev:hover
    span {
    border-color: #ffffff;
}

body.skin-dark
    .daterangepicker
    .drp-calendar
    .calendar-table
    .table-condensed
    thead
    tr
    th.month
    select {
    background-color: transparent;
    border: 1px solid #8b8d9b;
    color: #8b8d9b;
    border-radius: 3px;
    background-image: url(../img/select-arrow-down.png);
    background-position: center right -10px;
    background-repeat: no-repeat;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0;
    padding-right: 20px;
    padding-left: 2px;
}

body.skin-dark
    .daterangepicker
    .drp-calendar
    .calendar-table
    .table-condensed
    thead
    tr
    th.next
    span {
    margin-right: 2px;
}

body.skin-dark
    .daterangepicker
    .drp-calendar
    .calendar-table
    .table-condensed
    thead
    tr
    th.next:hover {
    background-color: #428bfa;
}

body.skin-dark
    .daterangepicker
    .drp-calendar
    .calendar-table
    .table-condensed
    thead
    tr
    th.next:hover
    span {
    border-color: #ffffff;
}

body.skin-dark
    .daterangepicker
    .drp-calendar
    .calendar-table
    .table-condensed
    tbody
    tr
    td.off {
    background-color: #161824;
}

body.skin-dark
    .daterangepicker
    .drp-calendar
    .calendar-table
    .table-condensed
    tbody
    tr
    td.in-range {
    background-color: #292d44;
    color: #8b8d9b;
}

body.skin-dark
    .daterangepicker
    .drp-calendar
    .calendar-table
    .table-condensed
    tbody
    tr
    td:hover {
    background-color: #202334;
}

body.skin-dark .daterangepicker .drp-calendar .calendar-time select {
    background-color: transparent;
    border: 1px solid #8b8d9b;
    color: #8b8d9b;
    border-radius: 3px;
    background-image: url(../img/select-arrow-down.png);
    background-position: center right -10px;
    background-repeat: no-repeat;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0;
    padding-right: 20px;
    padding-left: 2px;
    height: 30px;
}

body.skin-dark .daterangepicker.show-ranges .drp-calendar.left {
    border-color: #292d44;
}

body.skin-dark .daterangepicker .drp-buttons {
    border-color: #292d44;
}

body.skin-dark .daterangepicker .drp-buttons .btn.cancelBtn {
    color: #fd427c;
}

body.skin-dark .ql-toolbar {
    border-color: #292d44;
}

body.skin-dark .ql-toolbar .ql-formats {
    color: #8b8d9b;
}

body.skin-dark .ql-toolbar .ql-formats .ql-stroke {
    stroke: #8b8d9b;
}

body.skin-dark .ql-toolbar .ql-formats .ql-picker .ql-picker-label {
    color: #8b8d9b;
    border-color: transparent !important;
}

body.skin-dark .ql-toolbar .ql-formats .ql-picker .ql-picker-options {
    background-color: #292d44;
    border-color: transparent;
    padding: 10px;
}

body.skin-dark
    .ql-toolbar
    .ql-formats
    .ql-picker
    .ql-picker-options
    .ql-picker-item {
    padding: 8px 0;
    line-height: 1;
    color: #8b8d9b;
}

body.skin-dark .quill.ql-container {
    border-color: #292d44;
}

body.skin-dark .note-editor.note-frame {
    background-color: #202334;
    border-color: #202334;
}

body.skin-dark .note-editor.note-frame .note-toolbar {
    border-color: #333853;
}

body.skin-dark
    .note-editor.note-frame
    .note-toolbar
    .note-btn-group:not(:first-child) {
    margin-left: 0;
}

body.skin-dark .note-editor.note-frame .note-toolbar .note-btn-group .note-btn {
    background-color: #333853;
    border-color: #333853;
    border-right-color: #202334;
    color: #ffffff;
    margin-left: 0;
}

body.skin-dark
    .note-editor.note-frame
    .note-toolbar
    .note-btn-group
    .note-btn:last-child {
    border-right: 0;
}

body.skin-dark
    .note-editor.note-frame
    .note-toolbar
    .note-btn-group
    .note-btn:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}

body.skin-dark
    .note-editor.note-frame
    .note-toolbar
    .note-btn-group
    .note-btn
    i.note-recent-color {
    color: #161824;
}

body.skin-dark
    .note-editor.note-frame
    .note-toolbar
    .note-btn-group
    .dropdown-menu {
    background-color: #292d44;
}

body.skin-dark
    .note-editor.note-frame
    .note-toolbar
    .note-btn-group
    .dropdown-menu
    .dropdown-item {
    color: #ffffff;
}

body.skin-dark
    .note-editor.note-frame
    .note-toolbar
    .note-btn-group
    .dropdown-menu
    .dropdown-item:hover {
    background-color: #202334;
}

body.skin-dark
    .note-editor.note-frame
    .note-toolbar
    .note-palette
    .note-palette-title {
    color: #8b8d9b;
    border-color: #8b8d9b;
}

body.skin-dark
    .note-editor.note-frame
    .note-toolbar
    .note-palette
    .note-color-reset {
    background-color: #202334;
    border-color: #202334;
    color: #ffffff;
    border-radius: 4px;
}

body.skin-dark
    .note-editor.note-frame
    .note-toolbar
    .note-palette
    .note-color-reset:hover {
    background-color: #428bfa;
}

body.skin-dark
    .note-editor.note-frame
    .note-toolbar
    .note-palette
    .note-color-select {
    color: #8b8d9b;
}

body.skin-dark
    .note-editor.note-frame
    .note-toolbar
    .note-table
    .note-dimension-display {
    color: #8b8d9b;
}

body.skin-dark .note-editor.note-frame .note-editing-area .note-editable {
    background-color: transparent;
    color: #8b8d9b;
}

body.skin-dark .note-editor.note-frame .note-editing-area .note-editable p {
    margin-bottom: 7px;
}

body.skin-dark .note-editor.note-frame .note-statusbar {
    background-color: #202334;
    border-color: #333853;
    padding: 3px 0;
}

body.skin-dark .note-editor.note-frame .note-statusbar .note-resizebar {
    height: 8px;
}

body.skin-dark .filepond--root .filepond--drop-label {
    border-color: #333853;
    color: #8b8d9b;
}

body.skin-dark .dropify-wrapper {
    background-color: #333853;
    border-color: #333853;
}

body.skin-dark .dropify-wrapper .dropify-message .file-icon,
body.skin-dark .dropify-wrapper .dropify-message p {
    color: #8b8d9b;
}

body.skin-dark .dropify-wrapper .dropify-preview {
    background-color: transparent;
}

body.skin-dark .dropify-wrapper:hover {
    background-image: -webkit-linear-gradient(
        135deg,
        #202334 25%,
        transparent 25%,
        transparent 50%,
        #202334 50%,
        #202334 75%,
        transparent 75%,
        transparent
    );
    background-image: -o-linear-gradient(
        135deg,
        #202334 25%,
        transparent 25%,
        transparent 50%,
        #202334 50%,
        #202334 75%,
        transparent 75%,
        transparent
    );
    background-image: linear-gradient(
        -45deg,
        #202334 25%,
        transparent 25%,
        transparent 50%,
        #202334 50%,
        #202334 75%,
        transparent 75%,
        transparent
    );
}

body.skin-dark .irs .irs .irs-line {
    background-color: #202334;
}

body.skin-dark .irs .irs-handle {
    border-color: #333853;
}

body.skin-dark .select2-container--default.select2 {
    background-color: #202334;
    border-radius: 4px;
}

body.skin-dark .select2-container--default .select2-selection--single,
body.skin-dark .select2-container--default .select2-selection--multiple {
    border-color: #202334;
}

body.skin-dark .select2-container--default .select2-selection--single span {
    color: #8b8d9b;
}

body.skin-dark
    .select2-container--default.select2-container--open
    .select2-selection--single
    .select2-selection__arrow::before {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

body.skin-dark .select2-container--default .select2-dropdown {
    border-color: #333853;
    background-color: #333853;
}

body.skin-dark
    .select2-container--default
    .select2-search--dropdown
    .select2-search__field {
    border-color: #202334;
    background-color: #202334;
    color: #8b8d9b;
}

body.skin-dark
    .select2-container--default
    .select2-results
    .select2-results__options
    .select2-results__options--nested
    .select2-results__option[aria-selected="true"] {
    background-color: #428bfa;
    color: #ffffff;
}

body.skin-dark
    .select2-container--default
    .select2-results
    .select2-results__options
    .select2-results__options--nested
    .select2-results__option.select2-results__option--highlighted {
    background-color: #292d44;
    color: #ffffff;
}

body.skin-dark .form-control.bSelect[readonly],
body.skin-dark #toast-container .toast .toast-message input.bSelect[readonly],
#toast-container .toast .toast-message body.skin-dark input.bSelect[readonly],
body.skin-dark
    .dataTables_wrapper
    .dataTables_length
    label
    input.bSelect[readonly],
.dataTables_wrapper
    .dataTables_length
    label
    body.skin-dark
    input.bSelect[readonly],
body.skin-dark
    .dataTables_wrapper
    .dataTables_filter
    label
    input.bSelect[readonly],
.dataTables_wrapper
    .dataTables_filter
    label
    body.skin-dark
    input.bSelect[readonly],
body.skin-dark
    .dataTables_wrapper
    .dataTables_length
    label
    select.bSelect[readonly],
.dataTables_wrapper
    .dataTables_length
    label
    body.skin-dark
    select.bSelect[readonly],
body.skin-dark
    .dataTables_wrapper
    .dataTables_filter
    label
    select.bSelect[readonly],
.dataTables_wrapper
    .dataTables_filter
    label
    body.skin-dark
    select.bSelect[readonly],
.footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    body.skin-dark
    .bSelect.form-control[readonly],
body.skin-dark .jsgrid-grid-header table tr th input.bSelect[readonly],
.jsgrid-grid-header table tr th body.skin-dark input.bSelect[readonly],
body.skin-dark .jsgrid-grid-header table tr th select.bSelect[readonly],
.jsgrid-grid-header table tr th body.skin-dark select.bSelect[readonly],
body.skin-dark .jsgrid-grid-header table tr td input.bSelect[readonly],
.jsgrid-grid-header table tr td body.skin-dark input.bSelect[readonly],
body.skin-dark .jsgrid-grid-header table tr td select.bSelect[readonly],
.jsgrid-grid-header table tr td body.skin-dark select.bSelect[readonly],
body.skin-dark
    .footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .bSelect.form-control[readonly],
body.skin-dark .jsgrid-table tr th input.bSelect[readonly]:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr td input.bSelect[readonly]:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr th select.bSelect[readonly],
body.skin-dark .jsgrid-table tr td select.bSelect[readonly] {
    background-color: #202334;
    border-color: #202334;
    color: #8b8d9b;
}

body.skin-dark .form-control.bSelect[disabled],
body.skin-dark #toast-container .toast .toast-message input.bSelect[disabled],
#toast-container .toast .toast-message body.skin-dark input.bSelect[disabled],
body.skin-dark
    .dataTables_wrapper
    .dataTables_length
    label
    input.bSelect[disabled],
.dataTables_wrapper
    .dataTables_length
    label
    body.skin-dark
    input.bSelect[disabled],
body.skin-dark
    .dataTables_wrapper
    .dataTables_filter
    label
    input.bSelect[disabled],
.dataTables_wrapper
    .dataTables_filter
    label
    body.skin-dark
    input.bSelect[disabled],
body.skin-dark
    .dataTables_wrapper
    .dataTables_length
    label
    select.bSelect[disabled],
.dataTables_wrapper
    .dataTables_length
    label
    body.skin-dark
    select.bSelect[disabled],
body.skin-dark
    .dataTables_wrapper
    .dataTables_filter
    label
    select.bSelect[disabled],
.dataTables_wrapper
    .dataTables_filter
    label
    body.skin-dark
    select.bSelect[disabled],
.footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    body.skin-dark
    .bSelect.form-control[disabled],
body.skin-dark .jsgrid-grid-header table tr th input.bSelect[disabled],
.jsgrid-grid-header table tr th body.skin-dark input.bSelect[disabled],
body.skin-dark .jsgrid-grid-header table tr th select.bSelect[disabled],
.jsgrid-grid-header table tr th body.skin-dark select.bSelect[disabled],
body.skin-dark .jsgrid-grid-header table tr td input.bSelect[disabled],
.jsgrid-grid-header table tr td body.skin-dark input.bSelect[disabled],
body.skin-dark .jsgrid-grid-header table tr td select.bSelect[disabled],
.jsgrid-grid-header table tr td body.skin-dark select.bSelect[disabled],
body.skin-dark
    .footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .bSelect.form-control[disabled],
body.skin-dark .jsgrid-table tr th input.bSelect[disabled]:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr td input.bSelect[disabled]:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr th select.bSelect[disabled],
body.skin-dark .jsgrid-table tr td select.bSelect[disabled] {
    background-color: #202334;
    border-color: #202334;
    color: #8b8d9b;
}

body.skin-dark .form-control.bSelect[disabled]::-webkit-input-placeholder,
body.skin-dark
    #toast-container
    .toast
    .toast-message
    input.bSelect[disabled]::-webkit-input-placeholder,
#toast-container
    .toast
    .toast-message
    body.skin-dark
    input.bSelect[disabled]::-webkit-input-placeholder,
body.skin-dark
    .dataTables_wrapper
    .dataTables_length
    label
    input.bSelect[disabled]::-webkit-input-placeholder,
.dataTables_wrapper
    .dataTables_length
    label
    body.skin-dark
    input.bSelect[disabled]::-webkit-input-placeholder,
body.skin-dark
    .dataTables_wrapper
    .dataTables_filter
    label
    input.bSelect[disabled]::-webkit-input-placeholder,
.dataTables_wrapper
    .dataTables_filter
    label
    body.skin-dark
    input.bSelect[disabled]::-webkit-input-placeholder,
body.skin-dark
    .dataTables_wrapper
    .dataTables_length
    label
    select.bSelect[disabled]::-webkit-input-placeholder,
.dataTables_wrapper
    .dataTables_length
    label
    body.skin-dark
    select.bSelect[disabled]::-webkit-input-placeholder,
body.skin-dark
    .dataTables_wrapper
    .dataTables_filter
    label
    select.bSelect[disabled]::-webkit-input-placeholder,
.dataTables_wrapper
    .dataTables_filter
    label
    body.skin-dark
    select.bSelect[disabled]::-webkit-input-placeholder,
.footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    body.skin-dark
    .bSelect.form-control[disabled]::-webkit-input-placeholder,
body.skin-dark
    .jsgrid-grid-header
    table
    tr
    th
    input.bSelect[disabled]::-webkit-input-placeholder,
.jsgrid-grid-header
    table
    tr
    th
    body.skin-dark
    input.bSelect[disabled]::-webkit-input-placeholder,
body.skin-dark
    .jsgrid-grid-header
    table
    tr
    th
    select.bSelect[disabled]::-webkit-input-placeholder,
.jsgrid-grid-header
    table
    tr
    th
    body.skin-dark
    select.bSelect[disabled]::-webkit-input-placeholder,
body.skin-dark
    .jsgrid-grid-header
    table
    tr
    td
    input.bSelect[disabled]::-webkit-input-placeholder,
.jsgrid-grid-header
    table
    tr
    td
    body.skin-dark
    input.bSelect[disabled]::-webkit-input-placeholder,
body.skin-dark
    .jsgrid-grid-header
    table
    tr
    td
    select.bSelect[disabled]::-webkit-input-placeholder,
.jsgrid-grid-header
    table
    tr
    td
    body.skin-dark
    select.bSelect[disabled]::-webkit-input-placeholder,
body.skin-dark
    .footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .bSelect.form-control[disabled]::-webkit-input-placeholder,
body.skin-dark
    .jsgrid-table
    tr
    th
    input.bSelect:not(.jsgrid-button)[disabled]::-webkit-input-placeholder,
body.skin-dark
    .jsgrid-table
    tr
    td
    input.bSelect:not(.jsgrid-button)[disabled]::-webkit-input-placeholder,
body.skin-dark
    .jsgrid-table
    tr
    th
    select.bSelect[disabled]::-webkit-input-placeholder,
body.skin-dark
    .jsgrid-table
    tr
    td
    select.bSelect[disabled]::-webkit-input-placeholder {
    color: #8b8d9b;
}

body.skin-dark .form-control.bSelect[disabled]:-moz-placeholder,
body.skin-dark
    #toast-container
    .toast
    .toast-message
    input.bSelect[disabled]:-moz-placeholder,
#toast-container
    .toast
    .toast-message
    body.skin-dark
    input.bSelect[disabled]:-moz-placeholder,
body.skin-dark
    .dataTables_wrapper
    .dataTables_length
    label
    input.bSelect[disabled]:-moz-placeholder,
.dataTables_wrapper
    .dataTables_length
    label
    body.skin-dark
    input.bSelect[disabled]:-moz-placeholder,
body.skin-dark
    .dataTables_wrapper
    .dataTables_filter
    label
    input.bSelect[disabled]:-moz-placeholder,
.dataTables_wrapper
    .dataTables_filter
    label
    body.skin-dark
    input.bSelect[disabled]:-moz-placeholder,
body.skin-dark
    .dataTables_wrapper
    .dataTables_length
    label
    select.bSelect[disabled]:-moz-placeholder,
.dataTables_wrapper
    .dataTables_length
    label
    body.skin-dark
    select.bSelect[disabled]:-moz-placeholder,
body.skin-dark
    .dataTables_wrapper
    .dataTables_filter
    label
    select.bSelect[disabled]:-moz-placeholder,
.dataTables_wrapper
    .dataTables_filter
    label
    body.skin-dark
    select.bSelect[disabled]:-moz-placeholder,
.footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    body.skin-dark
    .bSelect.form-control[disabled]:-moz-placeholder,
body.skin-dark
    .jsgrid-grid-header
    table
    tr
    th
    input.bSelect[disabled]:-moz-placeholder,
.jsgrid-grid-header
    table
    tr
    th
    body.skin-dark
    input.bSelect[disabled]:-moz-placeholder,
body.skin-dark
    .jsgrid-grid-header
    table
    tr
    th
    select.bSelect[disabled]:-moz-placeholder,
.jsgrid-grid-header
    table
    tr
    th
    body.skin-dark
    select.bSelect[disabled]:-moz-placeholder,
body.skin-dark
    .jsgrid-grid-header
    table
    tr
    td
    input.bSelect[disabled]:-moz-placeholder,
.jsgrid-grid-header
    table
    tr
    td
    body.skin-dark
    input.bSelect[disabled]:-moz-placeholder,
body.skin-dark
    .jsgrid-grid-header
    table
    tr
    td
    select.bSelect[disabled]:-moz-placeholder,
.jsgrid-grid-header
    table
    tr
    td
    body.skin-dark
    select.bSelect[disabled]:-moz-placeholder,
body.skin-dark
    .footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .bSelect.form-control[disabled]:-moz-placeholder,
body.skin-dark
    .jsgrid-table
    tr
    th
    input.bSelect[disabled]:-moz-placeholder:not(.jsgrid-button),
body.skin-dark
    .jsgrid-table
    tr
    td
    input.bSelect[disabled]:-moz-placeholder:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr th select.bSelect[disabled]:-moz-placeholder,
body.skin-dark .jsgrid-table tr td select.bSelect[disabled]:-moz-placeholder {
    color: #8b8d9b;
}

body.skin-dark .form-control.bSelect[disabled]::-moz-placeholder,
body.skin-dark
    #toast-container
    .toast
    .toast-message
    input.bSelect[disabled]::-moz-placeholder,
#toast-container
    .toast
    .toast-message
    body.skin-dark
    input.bSelect[disabled]::-moz-placeholder,
body.skin-dark
    .dataTables_wrapper
    .dataTables_length
    label
    input.bSelect[disabled]::-moz-placeholder,
.dataTables_wrapper
    .dataTables_length
    label
    body.skin-dark
    input.bSelect[disabled]::-moz-placeholder,
body.skin-dark
    .dataTables_wrapper
    .dataTables_filter
    label
    input.bSelect[disabled]::-moz-placeholder,
.dataTables_wrapper
    .dataTables_filter
    label
    body.skin-dark
    input.bSelect[disabled]::-moz-placeholder,
body.skin-dark
    .dataTables_wrapper
    .dataTables_length
    label
    select.bSelect[disabled]::-moz-placeholder,
.dataTables_wrapper
    .dataTables_length
    label
    body.skin-dark
    select.bSelect[disabled]::-moz-placeholder,
body.skin-dark
    .dataTables_wrapper
    .dataTables_filter
    label
    select.bSelect[disabled]::-moz-placeholder,
.dataTables_wrapper
    .dataTables_filter
    label
    body.skin-dark
    select.bSelect[disabled]::-moz-placeholder,
.footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    body.skin-dark
    .bSelect.form-control[disabled]::-moz-placeholder,
body.skin-dark
    .jsgrid-grid-header
    table
    tr
    th
    input.bSelect[disabled]::-moz-placeholder,
.jsgrid-grid-header
    table
    tr
    th
    body.skin-dark
    input.bSelect[disabled]::-moz-placeholder,
body.skin-dark
    .jsgrid-grid-header
    table
    tr
    th
    select.bSelect[disabled]::-moz-placeholder,
.jsgrid-grid-header
    table
    tr
    th
    body.skin-dark
    select.bSelect[disabled]::-moz-placeholder,
body.skin-dark
    .jsgrid-grid-header
    table
    tr
    td
    input.bSelect[disabled]::-moz-placeholder,
.jsgrid-grid-header
    table
    tr
    td
    body.skin-dark
    input.bSelect[disabled]::-moz-placeholder,
body.skin-dark
    .jsgrid-grid-header
    table
    tr
    td
    select.bSelect[disabled]::-moz-placeholder,
.jsgrid-grid-header
    table
    tr
    td
    body.skin-dark
    select.bSelect[disabled]::-moz-placeholder,
body.skin-dark
    .footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .bSelect.form-control[disabled]::-moz-placeholder,
body.skin-dark
    .jsgrid-table
    tr
    th
    input.bSelect:not(.jsgrid-button)[disabled]::-moz-placeholder,
body.skin-dark
    .jsgrid-table
    tr
    td
    input.bSelect:not(.jsgrid-button)[disabled]::-moz-placeholder,
body.skin-dark .jsgrid-table tr th select.bSelect[disabled]::-moz-placeholder,
body.skin-dark .jsgrid-table tr td select.bSelect[disabled]::-moz-placeholder {
    color: #8b8d9b;
}

body.skin-dark .form-control.bSelect[disabled]:-ms-input-placeholder,
body.skin-dark
    #toast-container
    .toast
    .toast-message
    input.bSelect[disabled]:-ms-input-placeholder,
#toast-container
    .toast
    .toast-message
    body.skin-dark
    input.bSelect[disabled]:-ms-input-placeholder,
body.skin-dark
    .dataTables_wrapper
    .dataTables_length
    label
    input.bSelect[disabled]:-ms-input-placeholder,
.dataTables_wrapper
    .dataTables_length
    label
    body.skin-dark
    input.bSelect[disabled]:-ms-input-placeholder,
body.skin-dark
    .dataTables_wrapper
    .dataTables_filter
    label
    input.bSelect[disabled]:-ms-input-placeholder,
.dataTables_wrapper
    .dataTables_filter
    label
    body.skin-dark
    input.bSelect[disabled]:-ms-input-placeholder,
body.skin-dark
    .dataTables_wrapper
    .dataTables_length
    label
    select.bSelect[disabled]:-ms-input-placeholder,
.dataTables_wrapper
    .dataTables_length
    label
    body.skin-dark
    select.bSelect[disabled]:-ms-input-placeholder,
body.skin-dark
    .dataTables_wrapper
    .dataTables_filter
    label
    select.bSelect[disabled]:-ms-input-placeholder,
.dataTables_wrapper
    .dataTables_filter
    label
    body.skin-dark
    select.bSelect[disabled]:-ms-input-placeholder,
.footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    body.skin-dark
    .bSelect.form-control[disabled]:-ms-input-placeholder,
body.skin-dark
    .jsgrid-grid-header
    table
    tr
    th
    input.bSelect[disabled]:-ms-input-placeholder,
.jsgrid-grid-header
    table
    tr
    th
    body.skin-dark
    input.bSelect[disabled]:-ms-input-placeholder,
body.skin-dark
    .jsgrid-grid-header
    table
    tr
    th
    select.bSelect[disabled]:-ms-input-placeholder,
.jsgrid-grid-header
    table
    tr
    th
    body.skin-dark
    select.bSelect[disabled]:-ms-input-placeholder,
body.skin-dark
    .jsgrid-grid-header
    table
    tr
    td
    input.bSelect[disabled]:-ms-input-placeholder,
.jsgrid-grid-header
    table
    tr
    td
    body.skin-dark
    input.bSelect[disabled]:-ms-input-placeholder,
body.skin-dark
    .jsgrid-grid-header
    table
    tr
    td
    select.bSelect[disabled]:-ms-input-placeholder,
.jsgrid-grid-header
    table
    tr
    td
    body.skin-dark
    select.bSelect[disabled]:-ms-input-placeholder,
body.skin-dark
    .footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .bSelect.form-control[disabled]:-ms-input-placeholder,
body.skin-dark
    .jsgrid-table
    tr
    th
    input.bSelect[disabled]:-ms-input-placeholder:not(.jsgrid-button),
body.skin-dark
    .jsgrid-table
    tr
    td
    input.bSelect[disabled]:-ms-input-placeholder:not(.jsgrid-button),
body.skin-dark
    .jsgrid-table
    tr
    th
    select.bSelect[disabled]:-ms-input-placeholder,
body.skin-dark
    .jsgrid-table
    tr
    td
    select.bSelect[disabled]:-ms-input-placeholder {
    color: #8b8d9b;
}

body.skin-dark .form-control.bSelect .btn,
body.skin-dark #toast-container .toast .toast-message input.bSelect .btn,
#toast-container .toast .toast-message body.skin-dark input.bSelect .btn,
body.skin-dark .dataTables_wrapper .dataTables_length label input.bSelect .btn,
.dataTables_wrapper .dataTables_length label body.skin-dark input.bSelect .btn,
body.skin-dark .dataTables_wrapper .dataTables_filter label input.bSelect .btn,
.dataTables_wrapper .dataTables_filter label body.skin-dark input.bSelect .btn,
body.skin-dark .dataTables_wrapper .dataTables_length label select.bSelect .btn,
.dataTables_wrapper .dataTables_length label body.skin-dark select.bSelect .btn,
body.skin-dark .dataTables_wrapper .dataTables_filter label select.bSelect .btn,
.dataTables_wrapper .dataTables_filter label body.skin-dark select.bSelect .btn,
.footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    body.skin-dark
    .bSelect.form-control
    .btn,
body.skin-dark .jsgrid-grid-header table tr th input.bSelect .btn,
.jsgrid-grid-header table tr th body.skin-dark input.bSelect .btn,
body.skin-dark .jsgrid-grid-header table tr th select.bSelect .btn,
.jsgrid-grid-header table tr th body.skin-dark select.bSelect .btn,
body.skin-dark .jsgrid-grid-header table tr td input.bSelect .btn,
.jsgrid-grid-header table tr td body.skin-dark input.bSelect .btn,
body.skin-dark .jsgrid-grid-header table tr td select.bSelect .btn,
.jsgrid-grid-header table tr td body.skin-dark select.bSelect .btn,
body.skin-dark
    .footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .bSelect.form-control
    .btn,
body.skin-dark .jsgrid-table tr th input.bSelect:not(.jsgrid-button) .btn,
body.skin-dark .jsgrid-table tr td input.bSelect:not(.jsgrid-button) .btn,
body.skin-dark .jsgrid-table tr th select.bSelect .btn,
body.skin-dark .jsgrid-table tr td select.bSelect .btn {
    background-color: #202334;
    border-color: #202334;
    color: #8b8d9b;
}

body.skin-dark .form-control.bSelect .btn.btn-primary,
body.skin-dark
    #toast-container
    .toast
    .toast-message
    input.bSelect
    .btn.btn-primary,
#toast-container
    .toast
    .toast-message
    body.skin-dark
    input.bSelect
    .btn.btn-primary,
body.skin-dark
    .dataTables_wrapper
    .dataTables_length
    label
    input.bSelect
    .btn.btn-primary,
.dataTables_wrapper
    .dataTables_length
    label
    body.skin-dark
    input.bSelect
    .btn.btn-primary,
body.skin-dark
    .dataTables_wrapper
    .dataTables_filter
    label
    input.bSelect
    .btn.btn-primary,
.dataTables_wrapper
    .dataTables_filter
    label
    body.skin-dark
    input.bSelect
    .btn.btn-primary,
body.skin-dark
    .dataTables_wrapper
    .dataTables_length
    label
    select.bSelect
    .btn.btn-primary,
.dataTables_wrapper
    .dataTables_length
    label
    body.skin-dark
    select.bSelect
    .btn.btn-primary,
body.skin-dark
    .dataTables_wrapper
    .dataTables_filter
    label
    select.bSelect
    .btn.btn-primary,
.dataTables_wrapper
    .dataTables_filter
    label
    body.skin-dark
    select.bSelect
    .btn.btn-primary,
.footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    body.skin-dark
    .bSelect.form-control
    .btn.btn-primary,
body.skin-dark .jsgrid-grid-header table tr th input.bSelect .btn.btn-primary,
.jsgrid-grid-header table tr th body.skin-dark input.bSelect .btn.btn-primary,
body.skin-dark .jsgrid-grid-header table tr th select.bSelect .btn.btn-primary,
.jsgrid-grid-header table tr th body.skin-dark select.bSelect .btn.btn-primary,
body.skin-dark .jsgrid-grid-header table tr td input.bSelect .btn.btn-primary,
.jsgrid-grid-header table tr td body.skin-dark input.bSelect .btn.btn-primary,
body.skin-dark .jsgrid-grid-header table tr td select.bSelect .btn.btn-primary,
.jsgrid-grid-header table tr td body.skin-dark select.bSelect .btn.btn-primary,
body.skin-dark
    .footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .bSelect.form-control
    .btn.btn-primary,
body.skin-dark
    .jsgrid-table
    tr
    th
    input.bSelect:not(.jsgrid-button)
    .btn.btn-primary,
body.skin-dark
    .jsgrid-table
    tr
    td
    input.bSelect:not(.jsgrid-button)
    .btn.btn-primary,
body.skin-dark .jsgrid-table tr th select.bSelect .btn.btn-primary,
body.skin-dark .jsgrid-table tr td select.bSelect .btn.btn-primary {
    background-color: #428bfa;
    border-color: #428bfa;
    color: #ffffff;
}

body.skin-dark .form-control.bSelect .btn.btn-primary:hover,
body.skin-dark
    #toast-container
    .toast
    .toast-message
    input.bSelect
    .btn.btn-primary:hover,
#toast-container
    .toast
    .toast-message
    body.skin-dark
    input.bSelect
    .btn.btn-primary:hover,
body.skin-dark
    .dataTables_wrapper
    .dataTables_length
    label
    input.bSelect
    .btn.btn-primary:hover,
.dataTables_wrapper
    .dataTables_length
    label
    body.skin-dark
    input.bSelect
    .btn.btn-primary:hover,
body.skin-dark
    .dataTables_wrapper
    .dataTables_filter
    label
    input.bSelect
    .btn.btn-primary:hover,
.dataTables_wrapper
    .dataTables_filter
    label
    body.skin-dark
    input.bSelect
    .btn.btn-primary:hover,
body.skin-dark
    .dataTables_wrapper
    .dataTables_length
    label
    select.bSelect
    .btn.btn-primary:hover,
.dataTables_wrapper
    .dataTables_length
    label
    body.skin-dark
    select.bSelect
    .btn.btn-primary:hover,
body.skin-dark
    .dataTables_wrapper
    .dataTables_filter
    label
    select.bSelect
    .btn.btn-primary:hover,
.dataTables_wrapper
    .dataTables_filter
    label
    body.skin-dark
    select.bSelect
    .btn.btn-primary:hover,
body.skin-dark
    .jsgrid-grid-header
    table
    tr
    th
    input.bSelect
    .btn.btn-primary:hover,
.jsgrid-grid-header
    table
    tr
    th
    body.skin-dark
    input.bSelect
    .btn.btn-primary:hover,
body.skin-dark
    .jsgrid-grid-header
    table
    tr
    th
    select.bSelect
    .btn.btn-primary:hover,
.jsgrid-grid-header
    table
    tr
    th
    body.skin-dark
    select.bSelect
    .btn.btn-primary:hover,
body.skin-dark
    .jsgrid-grid-header
    table
    tr
    td
    input.bSelect
    .btn.btn-primary:hover,
.jsgrid-grid-header
    table
    tr
    td
    body.skin-dark
    input.bSelect
    .btn.btn-primary:hover,
body.skin-dark
    .jsgrid-grid-header
    table
    tr
    td
    select.bSelect
    .btn.btn-primary:hover,
.jsgrid-grid-header
    table
    tr
    td
    body.skin-dark
    select.bSelect
    .btn.btn-primary:hover,
body.skin-dark
    .footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .bSelect.form-control
    .btn.btn-primary:hover,
body.skin-dark
    .jsgrid-table
    tr
    th
    input.bSelect:not(.jsgrid-button)
    .btn.btn-primary:hover,
body.skin-dark
    .jsgrid-table
    tr
    td
    input.bSelect:not(.jsgrid-button)
    .btn.btn-primary:hover,
body.skin-dark .jsgrid-table tr th select.bSelect .btn.btn-primary:hover,
body.skin-dark .jsgrid-table tr td select.bSelect .btn.btn-primary:hover {
    background-color: #297cf9;
    border-color: #297cf9;
    color: #ffffff;
}

body.skin-dark .form-control.bSelect .btn.btn-secondary,
body.skin-dark
    #toast-container
    .toast
    .toast-message
    input.bSelect
    .btn.btn-secondary,
#toast-container
    .toast
    .toast-message
    body.skin-dark
    input.bSelect
    .btn.btn-secondary,
body.skin-dark
    .dataTables_wrapper
    .dataTables_length
    label
    input.bSelect
    .btn.btn-secondary,
.dataTables_wrapper
    .dataTables_length
    label
    body.skin-dark
    input.bSelect
    .btn.btn-secondary,
body.skin-dark
    .dataTables_wrapper
    .dataTables_filter
    label
    input.bSelect
    .btn.btn-secondary,
.dataTables_wrapper
    .dataTables_filter
    label
    body.skin-dark
    input.bSelect
    .btn.btn-secondary,
body.skin-dark
    .dataTables_wrapper
    .dataTables_length
    label
    select.bSelect
    .btn.btn-secondary,
.dataTables_wrapper
    .dataTables_length
    label
    body.skin-dark
    select.bSelect
    .btn.btn-secondary,
body.skin-dark
    .dataTables_wrapper
    .dataTables_filter
    label
    select.bSelect
    .btn.btn-secondary,
.dataTables_wrapper
    .dataTables_filter
    label
    body.skin-dark
    select.bSelect
    .btn.btn-secondary,
.footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    body.skin-dark
    .bSelect.form-control
    .btn.btn-secondary,
body.skin-dark .jsgrid-grid-header table tr th input.bSelect .btn.btn-secondary,
.jsgrid-grid-header table tr th body.skin-dark input.bSelect .btn.btn-secondary,
body.skin-dark
    .jsgrid-grid-header
    table
    tr
    th
    select.bSelect
    .btn.btn-secondary,
.jsgrid-grid-header
    table
    tr
    th
    body.skin-dark
    select.bSelect
    .btn.btn-secondary,
body.skin-dark .jsgrid-grid-header table tr td input.bSelect .btn.btn-secondary,
.jsgrid-grid-header table tr td body.skin-dark input.bSelect .btn.btn-secondary,
body.skin-dark
    .jsgrid-grid-header
    table
    tr
    td
    select.bSelect
    .btn.btn-secondary,
.jsgrid-grid-header
    table
    tr
    td
    body.skin-dark
    select.bSelect
    .btn.btn-secondary,
body.skin-dark
    .footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .bSelect.form-control
    .btn.btn-secondary,
body.skin-dark
    .jsgrid-table
    tr
    th
    input.bSelect:not(.jsgrid-button)
    .btn.btn-secondary,
body.skin-dark
    .jsgrid-table
    tr
    td
    input.bSelect:not(.jsgrid-button)
    .btn.btn-secondary,
body.skin-dark .jsgrid-table tr th select.bSelect .btn.btn-secondary,
body.skin-dark .jsgrid-table tr td select.bSelect .btn.btn-secondary {
    background-color: #fb7da4;
    border-color: #fb7da4;
    color: #ffffff;
}

body.skin-dark .form-control.bSelect .btn.btn-secondary:hover,
body.skin-dark
    #toast-container
    .toast
    .toast-message
    input.bSelect
    .btn.btn-secondary:hover,
#toast-container
    .toast
    .toast-message
    body.skin-dark
    input.bSelect
    .btn.btn-secondary:hover,
body.skin-dark
    .dataTables_wrapper
    .dataTables_length
    label
    input.bSelect
    .btn.btn-secondary:hover,
.dataTables_wrapper
    .dataTables_length
    label
    body.skin-dark
    input.bSelect
    .btn.btn-secondary:hover,
body.skin-dark
    .dataTables_wrapper
    .dataTables_filter
    label
    input.bSelect
    .btn.btn-secondary:hover,
.dataTables_wrapper
    .dataTables_filter
    label
    body.skin-dark
    input.bSelect
    .btn.btn-secondary:hover,
body.skin-dark
    .dataTables_wrapper
    .dataTables_length
    label
    select.bSelect
    .btn.btn-secondary:hover,
.dataTables_wrapper
    .dataTables_length
    label
    body.skin-dark
    select.bSelect
    .btn.btn-secondary:hover,
body.skin-dark
    .dataTables_wrapper
    .dataTables_filter
    label
    select.bSelect
    .btn.btn-secondary:hover,
.dataTables_wrapper
    .dataTables_filter
    label
    body.skin-dark
    select.bSelect
    .btn.btn-secondary:hover,
body.skin-dark
    .jsgrid-grid-header
    table
    tr
    th
    input.bSelect
    .btn.btn-secondary:hover,
.jsgrid-grid-header
    table
    tr
    th
    body.skin-dark
    input.bSelect
    .btn.btn-secondary:hover,
body.skin-dark
    .jsgrid-grid-header
    table
    tr
    th
    select.bSelect
    .btn.btn-secondary:hover,
.jsgrid-grid-header
    table
    tr
    th
    body.skin-dark
    select.bSelect
    .btn.btn-secondary:hover,
body.skin-dark
    .jsgrid-grid-header
    table
    tr
    td
    input.bSelect
    .btn.btn-secondary:hover,
.jsgrid-grid-header
    table
    tr
    td
    body.skin-dark
    input.bSelect
    .btn.btn-secondary:hover,
body.skin-dark
    .jsgrid-grid-header
    table
    tr
    td
    select.bSelect
    .btn.btn-secondary:hover,
.jsgrid-grid-header
    table
    tr
    td
    body.skin-dark
    select.bSelect
    .btn.btn-secondary:hover,
body.skin-dark
    .footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .bSelect.form-control
    .btn.btn-secondary:hover,
body.skin-dark
    .jsgrid-table
    tr
    th
    input.bSelect:not(.jsgrid-button)
    .btn.btn-secondary:hover,
body.skin-dark
    .jsgrid-table
    tr
    td
    input.bSelect:not(.jsgrid-button)
    .btn.btn-secondary:hover,
body.skin-dark .jsgrid-table tr th select.bSelect .btn.btn-secondary:hover,
body.skin-dark .jsgrid-table tr td select.bSelect .btn.btn-secondary:hover {
    background-color: #fa6493;
    border-color: #fa6493;
    color: #ffffff;
}

body.skin-dark .form-control.bSelect .btn.btn-success,
body.skin-dark
    #toast-container
    .toast
    .toast-message
    input.bSelect
    .btn.btn-success,
#toast-container
    .toast
    .toast-message
    body.skin-dark
    input.bSelect
    .btn.btn-success,
body.skin-dark
    .dataTables_wrapper
    .dataTables_length
    label
    input.bSelect
    .btn.btn-success,
.dataTables_wrapper
    .dataTables_length
    label
    body.skin-dark
    input.bSelect
    .btn.btn-success,
body.skin-dark
    .dataTables_wrapper
    .dataTables_filter
    label
    input.bSelect
    .btn.btn-success,
.dataTables_wrapper
    .dataTables_filter
    label
    body.skin-dark
    input.bSelect
    .btn.btn-success,
body.skin-dark
    .dataTables_wrapper
    .dataTables_length
    label
    select.bSelect
    .btn.btn-success,
.dataTables_wrapper
    .dataTables_length
    label
    body.skin-dark
    select.bSelect
    .btn.btn-success,
body.skin-dark
    .dataTables_wrapper
    .dataTables_filter
    label
    select.bSelect
    .btn.btn-success,
.dataTables_wrapper
    .dataTables_filter
    label
    body.skin-dark
    select.bSelect
    .btn.btn-success,
.footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    body.skin-dark
    .bSelect.form-control
    .btn.btn-success,
body.skin-dark .jsgrid-grid-header table tr th input.bSelect .btn.btn-success,
.jsgrid-grid-header table tr th body.skin-dark input.bSelect .btn.btn-success,
body.skin-dark .jsgrid-grid-header table tr th select.bSelect .btn.btn-success,
.jsgrid-grid-header table tr th body.skin-dark select.bSelect .btn.btn-success,
body.skin-dark .jsgrid-grid-header table tr td input.bSelect .btn.btn-success,
.jsgrid-grid-header table tr td body.skin-dark input.bSelect .btn.btn-success,
body.skin-dark .jsgrid-grid-header table tr td select.bSelect .btn.btn-success,
.jsgrid-grid-header table tr td body.skin-dark select.bSelect .btn.btn-success,
body.skin-dark
    .footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .bSelect.form-control
    .btn.btn-success,
body.skin-dark
    .jsgrid-table
    tr
    th
    input.bSelect:not(.jsgrid-button)
    .btn.btn-success,
body.skin-dark
    .jsgrid-table
    tr
    td
    input.bSelect:not(.jsgrid-button)
    .btn.btn-success,
body.skin-dark .jsgrid-table tr th select.bSelect .btn.btn-success,
body.skin-dark .jsgrid-table tr td select.bSelect .btn.btn-success {
    background-color: #29db2d;
    border-color: #29db2d;
    color: #ffffff;
}

body.skin-dark .form-control.bSelect .btn.btn-success:hover,
body.skin-dark
    #toast-container
    .toast
    .toast-message
    input.bSelect
    .btn.btn-success:hover,
#toast-container
    .toast
    .toast-message
    body.skin-dark
    input.bSelect
    .btn.btn-success:hover,
body.skin-dark
    .dataTables_wrapper
    .dataTables_length
    label
    input.bSelect
    .btn.btn-success:hover,
.dataTables_wrapper
    .dataTables_length
    label
    body.skin-dark
    input.bSelect
    .btn.btn-success:hover,
body.skin-dark
    .dataTables_wrapper
    .dataTables_filter
    label
    input.bSelect
    .btn.btn-success:hover,
.dataTables_wrapper
    .dataTables_filter
    label
    body.skin-dark
    input.bSelect
    .btn.btn-success:hover,
body.skin-dark
    .dataTables_wrapper
    .dataTables_length
    label
    select.bSelect
    .btn.btn-success:hover,
.dataTables_wrapper
    .dataTables_length
    label
    body.skin-dark
    select.bSelect
    .btn.btn-success:hover,
body.skin-dark
    .dataTables_wrapper
    .dataTables_filter
    label
    select.bSelect
    .btn.btn-success:hover,
.dataTables_wrapper
    .dataTables_filter
    label
    body.skin-dark
    select.bSelect
    .btn.btn-success:hover,
body.skin-dark
    .jsgrid-grid-header
    table
    tr
    th
    input.bSelect
    .btn.btn-success:hover,
.jsgrid-grid-header
    table
    tr
    th
    body.skin-dark
    input.bSelect
    .btn.btn-success:hover,
body.skin-dark
    .jsgrid-grid-header
    table
    tr
    th
    select.bSelect
    .btn.btn-success:hover,
.jsgrid-grid-header
    table
    tr
    th
    body.skin-dark
    select.bSelect
    .btn.btn-success:hover,
body.skin-dark
    .jsgrid-grid-header
    table
    tr
    td
    input.bSelect
    .btn.btn-success:hover,
.jsgrid-grid-header
    table
    tr
    td
    body.skin-dark
    input.bSelect
    .btn.btn-success:hover,
body.skin-dark
    .jsgrid-grid-header
    table
    tr
    td
    select.bSelect
    .btn.btn-success:hover,
.jsgrid-grid-header
    table
    tr
    td
    body.skin-dark
    select.bSelect
    .btn.btn-success:hover,
body.skin-dark
    .footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .bSelect.form-control
    .btn.btn-success:hover,
body.skin-dark
    .jsgrid-table
    tr
    th
    input.bSelect:not(.jsgrid-button)
    .btn.btn-success:hover,
body.skin-dark
    .jsgrid-table
    tr
    td
    input.bSelect:not(.jsgrid-button)
    .btn.btn-success:hover,
body.skin-dark .jsgrid-table tr th select.bSelect .btn.btn-success:hover,
body.skin-dark .jsgrid-table tr td select.bSelect .btn.btn-success:hover {
    background-color: #22c926;
    border-color: #22c926;
    color: #ffffff;
}

body.skin-dark .form-control.bSelect .btn.btn-danger,
body.skin-dark
    #toast-container
    .toast
    .toast-message
    input.bSelect
    .btn.btn-danger,
#toast-container
    .toast
    .toast-message
    body.skin-dark
    input.bSelect
    .btn.btn-danger,
body.skin-dark
    .dataTables_wrapper
    .dataTables_length
    label
    input.bSelect
    .btn.btn-danger,
.dataTables_wrapper
    .dataTables_length
    label
    body.skin-dark
    input.bSelect
    .btn.btn-danger,
body.skin-dark
    .dataTables_wrapper
    .dataTables_filter
    label
    input.bSelect
    .btn.btn-danger,
.dataTables_wrapper
    .dataTables_filter
    label
    body.skin-dark
    input.bSelect
    .btn.btn-danger,
body.skin-dark
    .dataTables_wrapper
    .dataTables_length
    label
    select.bSelect
    .btn.btn-danger,
.dataTables_wrapper
    .dataTables_length
    label
    body.skin-dark
    select.bSelect
    .btn.btn-danger,
body.skin-dark
    .dataTables_wrapper
    .dataTables_filter
    label
    select.bSelect
    .btn.btn-danger,
.dataTables_wrapper
    .dataTables_filter
    label
    body.skin-dark
    select.bSelect
    .btn.btn-danger,
.footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    body.skin-dark
    .bSelect.form-control
    .btn.btn-danger,
body.skin-dark .jsgrid-grid-header table tr th input.bSelect .btn.btn-danger,
.jsgrid-grid-header table tr th body.skin-dark input.bSelect .btn.btn-danger,
body.skin-dark .jsgrid-grid-header table tr th select.bSelect .btn.btn-danger,
.jsgrid-grid-header table tr th body.skin-dark select.bSelect .btn.btn-danger,
body.skin-dark .jsgrid-grid-header table tr td input.bSelect .btn.btn-danger,
.jsgrid-grid-header table tr td body.skin-dark input.bSelect .btn.btn-danger,
body.skin-dark .jsgrid-grid-header table tr td select.bSelect .btn.btn-danger,
.jsgrid-grid-header table tr td body.skin-dark select.bSelect .btn.btn-danger,
body.skin-dark
    .footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .bSelect.form-control
    .btn.btn-danger,
body.skin-dark
    .jsgrid-table
    tr
    th
    input.bSelect:not(.jsgrid-button)
    .btn.btn-danger,
body.skin-dark
    .jsgrid-table
    tr
    td
    input.bSelect:not(.jsgrid-button)
    .btn.btn-danger,
body.skin-dark .jsgrid-table tr th select.bSelect .btn.btn-danger,
body.skin-dark .jsgrid-table tr td select.bSelect .btn.btn-danger {
    background-color: #fd427c;
    border-color: #fd427c;
    color: #ffffff;
}

body.skin-dark .form-control.bSelect .btn.btn-danger:hover,
body.skin-dark
    #toast-container
    .toast
    .toast-message
    input.bSelect
    .btn.btn-danger:hover,
#toast-container
    .toast
    .toast-message
    body.skin-dark
    input.bSelect
    .btn.btn-danger:hover,
body.skin-dark
    .dataTables_wrapper
    .dataTables_length
    label
    input.bSelect
    .btn.btn-danger:hover,
.dataTables_wrapper
    .dataTables_length
    label
    body.skin-dark
    input.bSelect
    .btn.btn-danger:hover,
body.skin-dark
    .dataTables_wrapper
    .dataTables_filter
    label
    input.bSelect
    .btn.btn-danger:hover,
.dataTables_wrapper
    .dataTables_filter
    label
    body.skin-dark
    input.bSelect
    .btn.btn-danger:hover,
body.skin-dark
    .dataTables_wrapper
    .dataTables_length
    label
    select.bSelect
    .btn.btn-danger:hover,
.dataTables_wrapper
    .dataTables_length
    label
    body.skin-dark
    select.bSelect
    .btn.btn-danger:hover,
body.skin-dark
    .dataTables_wrapper
    .dataTables_filter
    label
    select.bSelect
    .btn.btn-danger:hover,
.dataTables_wrapper
    .dataTables_filter
    label
    body.skin-dark
    select.bSelect
    .btn.btn-danger:hover,
body.skin-dark
    .jsgrid-grid-header
    table
    tr
    th
    input.bSelect
    .btn.btn-danger:hover,
.jsgrid-grid-header
    table
    tr
    th
    body.skin-dark
    input.bSelect
    .btn.btn-danger:hover,
body.skin-dark
    .jsgrid-grid-header
    table
    tr
    th
    select.bSelect
    .btn.btn-danger:hover,
.jsgrid-grid-header
    table
    tr
    th
    body.skin-dark
    select.bSelect
    .btn.btn-danger:hover,
body.skin-dark
    .jsgrid-grid-header
    table
    tr
    td
    input.bSelect
    .btn.btn-danger:hover,
.jsgrid-grid-header
    table
    tr
    td
    body.skin-dark
    input.bSelect
    .btn.btn-danger:hover,
body.skin-dark
    .jsgrid-grid-header
    table
    tr
    td
    select.bSelect
    .btn.btn-danger:hover,
.jsgrid-grid-header
    table
    tr
    td
    body.skin-dark
    select.bSelect
    .btn.btn-danger:hover,
body.skin-dark
    .footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .bSelect.form-control
    .btn.btn-danger:hover,
body.skin-dark
    .jsgrid-table
    tr
    th
    input.bSelect:not(.jsgrid-button)
    .btn.btn-danger:hover,
body.skin-dark
    .jsgrid-table
    tr
    td
    input.bSelect:not(.jsgrid-button)
    .btn.btn-danger:hover,
body.skin-dark .jsgrid-table tr th select.bSelect .btn.btn-danger:hover,
body.skin-dark .jsgrid-table tr td select.bSelect .btn.btn-danger:hover {
    background-color: #fd296b;
    border-color: #fd296b;
    color: #ffffff;
}

body.skin-dark .form-control.bSelect .btn.btn-warning,
body.skin-dark
    #toast-container
    .toast
    .toast-message
    input.bSelect
    .btn.btn-warning,
#toast-container
    .toast
    .toast-message
    body.skin-dark
    input.bSelect
    .btn.btn-warning,
body.skin-dark
    .dataTables_wrapper
    .dataTables_length
    label
    input.bSelect
    .btn.btn-warning,
.dataTables_wrapper
    .dataTables_length
    label
    body.skin-dark
    input.bSelect
    .btn.btn-warning,
body.skin-dark
    .dataTables_wrapper
    .dataTables_filter
    label
    input.bSelect
    .btn.btn-warning,
.dataTables_wrapper
    .dataTables_filter
    label
    body.skin-dark
    input.bSelect
    .btn.btn-warning,
body.skin-dark
    .dataTables_wrapper
    .dataTables_length
    label
    select.bSelect
    .btn.btn-warning,
.dataTables_wrapper
    .dataTables_length
    label
    body.skin-dark
    select.bSelect
    .btn.btn-warning,
body.skin-dark
    .dataTables_wrapper
    .dataTables_filter
    label
    select.bSelect
    .btn.btn-warning,
.dataTables_wrapper
    .dataTables_filter
    label
    body.skin-dark
    select.bSelect
    .btn.btn-warning,
.footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    body.skin-dark
    .bSelect.form-control
    .btn.btn-warning,
body.skin-dark .jsgrid-grid-header table tr th input.bSelect .btn.btn-warning,
.jsgrid-grid-header table tr th body.skin-dark input.bSelect .btn.btn-warning,
body.skin-dark .jsgrid-grid-header table tr th select.bSelect .btn.btn-warning,
.jsgrid-grid-header table tr th body.skin-dark select.bSelect .btn.btn-warning,
body.skin-dark .jsgrid-grid-header table tr td input.bSelect .btn.btn-warning,
.jsgrid-grid-header table tr td body.skin-dark input.bSelect .btn.btn-warning,
body.skin-dark .jsgrid-grid-header table tr td select.bSelect .btn.btn-warning,
.jsgrid-grid-header table tr td body.skin-dark select.bSelect .btn.btn-warning,
body.skin-dark
    .footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .bSelect.form-control
    .btn.btn-warning,
body.skin-dark
    .jsgrid-table
    tr
    th
    input.bSelect:not(.jsgrid-button)
    .btn.btn-warning,
body.skin-dark
    .jsgrid-table
    tr
    td
    input.bSelect:not(.jsgrid-button)
    .btn.btn-warning,
body.skin-dark .jsgrid-table tr th select.bSelect .btn.btn-warning,
body.skin-dark .jsgrid-table tr td select.bSelect .btn.btn-warning {
    background-color: #ff9666;
    border-color: #ff9666;
    color: #ffffff;
}

body.skin-dark .form-control.bSelect .btn.btn-warning:hover,
body.skin-dark
    #toast-container
    .toast
    .toast-message
    input.bSelect
    .btn.btn-warning:hover,
#toast-container
    .toast
    .toast-message
    body.skin-dark
    input.bSelect
    .btn.btn-warning:hover,
body.skin-dark
    .dataTables_wrapper
    .dataTables_length
    label
    input.bSelect
    .btn.btn-warning:hover,
.dataTables_wrapper
    .dataTables_length
    label
    body.skin-dark
    input.bSelect
    .btn.btn-warning:hover,
body.skin-dark
    .dataTables_wrapper
    .dataTables_filter
    label
    input.bSelect
    .btn.btn-warning:hover,
.dataTables_wrapper
    .dataTables_filter
    label
    body.skin-dark
    input.bSelect
    .btn.btn-warning:hover,
body.skin-dark
    .dataTables_wrapper
    .dataTables_length
    label
    select.bSelect
    .btn.btn-warning:hover,
.dataTables_wrapper
    .dataTables_length
    label
    body.skin-dark
    select.bSelect
    .btn.btn-warning:hover,
body.skin-dark
    .dataTables_wrapper
    .dataTables_filter
    label
    select.bSelect
    .btn.btn-warning:hover,
.dataTables_wrapper
    .dataTables_filter
    label
    body.skin-dark
    select.bSelect
    .btn.btn-warning:hover,
body.skin-dark
    .jsgrid-grid-header
    table
    tr
    th
    input.bSelect
    .btn.btn-warning:hover,
.jsgrid-grid-header
    table
    tr
    th
    body.skin-dark
    input.bSelect
    .btn.btn-warning:hover,
body.skin-dark
    .jsgrid-grid-header
    table
    tr
    th
    select.bSelect
    .btn.btn-warning:hover,
.jsgrid-grid-header
    table
    tr
    th
    body.skin-dark
    select.bSelect
    .btn.btn-warning:hover,
body.skin-dark
    .jsgrid-grid-header
    table
    tr
    td
    input.bSelect
    .btn.btn-warning:hover,
.jsgrid-grid-header
    table
    tr
    td
    body.skin-dark
    input.bSelect
    .btn.btn-warning:hover,
body.skin-dark
    .jsgrid-grid-header
    table
    tr
    td
    select.bSelect
    .btn.btn-warning:hover,
.jsgrid-grid-header
    table
    tr
    td
    body.skin-dark
    select.bSelect
    .btn.btn-warning:hover,
body.skin-dark
    .footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .bSelect.form-control
    .btn.btn-warning:hover,
body.skin-dark
    .jsgrid-table
    tr
    th
    input.bSelect:not(.jsgrid-button)
    .btn.btn-warning:hover,
body.skin-dark
    .jsgrid-table
    tr
    td
    input.bSelect:not(.jsgrid-button)
    .btn.btn-warning:hover,
body.skin-dark .jsgrid-table tr th select.bSelect .btn.btn-warning:hover,
body.skin-dark .jsgrid-table tr td select.bSelect .btn.btn-warning:hover {
    background-color: #ff854d;
    border-color: #ff854d;
    color: #ffffff;
}

body.skin-dark .form-control.bSelect .btn.btn-info,
body.skin-dark
    #toast-container
    .toast
    .toast-message
    input.bSelect
    .btn.btn-info,
#toast-container
    .toast
    .toast-message
    body.skin-dark
    input.bSelect
    .btn.btn-info,
body.skin-dark
    .dataTables_wrapper
    .dataTables_length
    label
    input.bSelect
    .btn.btn-info,
.dataTables_wrapper
    .dataTables_length
    label
    body.skin-dark
    input.bSelect
    .btn.btn-info,
body.skin-dark
    .dataTables_wrapper
    .dataTables_filter
    label
    input.bSelect
    .btn.btn-info,
.dataTables_wrapper
    .dataTables_filter
    label
    body.skin-dark
    input.bSelect
    .btn.btn-info,
body.skin-dark
    .dataTables_wrapper
    .dataTables_length
    label
    select.bSelect
    .btn.btn-info,
.dataTables_wrapper
    .dataTables_length
    label
    body.skin-dark
    select.bSelect
    .btn.btn-info,
body.skin-dark
    .dataTables_wrapper
    .dataTables_filter
    label
    select.bSelect
    .btn.btn-info,
.dataTables_wrapper
    .dataTables_filter
    label
    body.skin-dark
    select.bSelect
    .btn.btn-info,
.footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    body.skin-dark
    .bSelect.form-control
    .btn.btn-info,
body.skin-dark .jsgrid-grid-header table tr th input.bSelect .btn.btn-info,
.jsgrid-grid-header table tr th body.skin-dark input.bSelect .btn.btn-info,
body.skin-dark .jsgrid-grid-header table tr th select.bSelect .btn.btn-info,
.jsgrid-grid-header table tr th body.skin-dark select.bSelect .btn.btn-info,
body.skin-dark .jsgrid-grid-header table tr td input.bSelect .btn.btn-info,
.jsgrid-grid-header table tr td body.skin-dark input.bSelect .btn.btn-info,
body.skin-dark .jsgrid-grid-header table tr td select.bSelect .btn.btn-info,
.jsgrid-grid-header table tr td body.skin-dark select.bSelect .btn.btn-info,
body.skin-dark
    .footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .bSelect.form-control
    .btn.btn-info,
body.skin-dark
    .jsgrid-table
    tr
    th
    input.bSelect:not(.jsgrid-button)
    .btn.btn-info,
body.skin-dark
    .jsgrid-table
    tr
    td
    input.bSelect:not(.jsgrid-button)
    .btn.btn-info,
body.skin-dark .jsgrid-table tr th select.bSelect .btn.btn-info,
body.skin-dark .jsgrid-table tr td select.bSelect .btn.btn-info {
    background-color: #17a2b8;
    border-color: #17a2b8;
    color: #ffffff;
}

body.skin-dark .form-control.bSelect .btn.btn-info:hover,
body.skin-dark
    #toast-container
    .toast
    .toast-message
    input.bSelect
    .btn.btn-info:hover,
#toast-container
    .toast
    .toast-message
    body.skin-dark
    input.bSelect
    .btn.btn-info:hover,
body.skin-dark
    .dataTables_wrapper
    .dataTables_length
    label
    input.bSelect
    .btn.btn-info:hover,
.dataTables_wrapper
    .dataTables_length
    label
    body.skin-dark
    input.bSelect
    .btn.btn-info:hover,
body.skin-dark
    .dataTables_wrapper
    .dataTables_filter
    label
    input.bSelect
    .btn.btn-info:hover,
.dataTables_wrapper
    .dataTables_filter
    label
    body.skin-dark
    input.bSelect
    .btn.btn-info:hover,
body.skin-dark
    .dataTables_wrapper
    .dataTables_length
    label
    select.bSelect
    .btn.btn-info:hover,
.dataTables_wrapper
    .dataTables_length
    label
    body.skin-dark
    select.bSelect
    .btn.btn-info:hover,
body.skin-dark
    .dataTables_wrapper
    .dataTables_filter
    label
    select.bSelect
    .btn.btn-info:hover,
.dataTables_wrapper
    .dataTables_filter
    label
    body.skin-dark
    select.bSelect
    .btn.btn-info:hover,
body.skin-dark
    .jsgrid-grid-header
    table
    tr
    th
    input.bSelect
    .btn.btn-info:hover,
.jsgrid-grid-header
    table
    tr
    th
    body.skin-dark
    input.bSelect
    .btn.btn-info:hover,
body.skin-dark
    .jsgrid-grid-header
    table
    tr
    th
    select.bSelect
    .btn.btn-info:hover,
.jsgrid-grid-header
    table
    tr
    th
    body.skin-dark
    select.bSelect
    .btn.btn-info:hover,
body.skin-dark
    .jsgrid-grid-header
    table
    tr
    td
    input.bSelect
    .btn.btn-info:hover,
.jsgrid-grid-header
    table
    tr
    td
    body.skin-dark
    input.bSelect
    .btn.btn-info:hover,
body.skin-dark
    .jsgrid-grid-header
    table
    tr
    td
    select.bSelect
    .btn.btn-info:hover,
.jsgrid-grid-header
    table
    tr
    td
    body.skin-dark
    select.bSelect
    .btn.btn-info:hover,
body.skin-dark
    .footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .bSelect.form-control
    .btn.btn-info:hover,
body.skin-dark
    .jsgrid-table
    tr
    th
    input.bSelect:not(.jsgrid-button)
    .btn.btn-info:hover,
body.skin-dark
    .jsgrid-table
    tr
    td
    input.bSelect:not(.jsgrid-button)
    .btn.btn-info:hover,
body.skin-dark .jsgrid-table tr th select.bSelect .btn.btn-info:hover,
body.skin-dark .jsgrid-table tr td select.bSelect .btn.btn-info:hover {
    background-color: #148ea1;
    border-color: #148ea1;
    color: #ffffff;
}

body.skin-dark .form-control.bSelect .dropdown-menu,
body.skin-dark
    #toast-container
    .toast
    .toast-message
    input.bSelect
    .dropdown-menu,
#toast-container
    .toast
    .toast-message
    body.skin-dark
    input.bSelect
    .dropdown-menu,
body.skin-dark
    .dataTables_wrapper
    .dataTables_length
    label
    input.bSelect
    .dropdown-menu,
.dataTables_wrapper
    .dataTables_length
    label
    body.skin-dark
    input.bSelect
    .dropdown-menu,
body.skin-dark
    .dataTables_wrapper
    .dataTables_filter
    label
    input.bSelect
    .dropdown-menu,
.dataTables_wrapper
    .dataTables_filter
    label
    body.skin-dark
    input.bSelect
    .dropdown-menu,
body.skin-dark
    .dataTables_wrapper
    .dataTables_length
    label
    select.bSelect
    .dropdown-menu,
.dataTables_wrapper
    .dataTables_length
    label
    body.skin-dark
    select.bSelect
    .dropdown-menu,
body.skin-dark
    .dataTables_wrapper
    .dataTables_filter
    label
    select.bSelect
    .dropdown-menu,
.dataTables_wrapper
    .dataTables_filter
    label
    body.skin-dark
    select.bSelect
    .dropdown-menu,
.footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    body.skin-dark
    .bSelect.form-control
    .dropdown-menu,
body.skin-dark .jsgrid-grid-header table tr th input.bSelect .dropdown-menu,
.jsgrid-grid-header table tr th body.skin-dark input.bSelect .dropdown-menu,
body.skin-dark .jsgrid-grid-header table tr th select.bSelect .dropdown-menu,
.jsgrid-grid-header table tr th body.skin-dark select.bSelect .dropdown-menu,
body.skin-dark .jsgrid-grid-header table tr td input.bSelect .dropdown-menu,
.jsgrid-grid-header table tr td body.skin-dark input.bSelect .dropdown-menu,
body.skin-dark .jsgrid-grid-header table tr td select.bSelect .dropdown-menu,
.jsgrid-grid-header table tr td body.skin-dark select.bSelect .dropdown-menu,
body.skin-dark
    .footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .bSelect.form-control
    .dropdown-menu,
body.skin-dark
    .jsgrid-table
    tr
    th
    input.bSelect:not(.jsgrid-button)
    .dropdown-menu,
body.skin-dark
    .jsgrid-table
    tr
    td
    input.bSelect:not(.jsgrid-button)
    .dropdown-menu,
body.skin-dark .jsgrid-table tr th select.bSelect .dropdown-menu,
body.skin-dark .jsgrid-table tr td select.bSelect .dropdown-menu {
    border-color: #333853;
    background-color: #333853;
}

body.skin-dark .form-control.bSelect .dropdown-menu li span,
body.skin-dark
    #toast-container
    .toast
    .toast-message
    input.bSelect
    .dropdown-menu
    li
    span,
#toast-container
    .toast
    .toast-message
    body.skin-dark
    input.bSelect
    .dropdown-menu
    li
    span,
body.skin-dark
    .dataTables_wrapper
    .dataTables_length
    label
    input.bSelect
    .dropdown-menu
    li
    span,
.dataTables_wrapper
    .dataTables_length
    label
    body.skin-dark
    input.bSelect
    .dropdown-menu
    li
    span,
body.skin-dark
    .dataTables_wrapper
    .dataTables_filter
    label
    input.bSelect
    .dropdown-menu
    li
    span,
.dataTables_wrapper
    .dataTables_filter
    label
    body.skin-dark
    input.bSelect
    .dropdown-menu
    li
    span,
body.skin-dark
    .dataTables_wrapper
    .dataTables_length
    label
    select.bSelect
    .dropdown-menu
    li
    span,
.dataTables_wrapper
    .dataTables_length
    label
    body.skin-dark
    select.bSelect
    .dropdown-menu
    li
    span,
body.skin-dark
    .dataTables_wrapper
    .dataTables_filter
    label
    select.bSelect
    .dropdown-menu
    li
    span,
.dataTables_wrapper
    .dataTables_filter
    label
    body.skin-dark
    select.bSelect
    .dropdown-menu
    li
    span,
.footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    body.skin-dark
    .bSelect.form-control
    .dropdown-menu
    li
    span,
body.skin-dark
    .jsgrid-grid-header
    table
    tr
    th
    input.bSelect
    .dropdown-menu
    li
    span,
.jsgrid-grid-header
    table
    tr
    th
    body.skin-dark
    input.bSelect
    .dropdown-menu
    li
    span,
body.skin-dark
    .jsgrid-grid-header
    table
    tr
    th
    select.bSelect
    .dropdown-menu
    li
    span,
.jsgrid-grid-header
    table
    tr
    th
    body.skin-dark
    select.bSelect
    .dropdown-menu
    li
    span,
body.skin-dark
    .jsgrid-grid-header
    table
    tr
    td
    input.bSelect
    .dropdown-menu
    li
    span,
.jsgrid-grid-header
    table
    tr
    td
    body.skin-dark
    input.bSelect
    .dropdown-menu
    li
    span,
body.skin-dark
    .jsgrid-grid-header
    table
    tr
    td
    select.bSelect
    .dropdown-menu
    li
    span,
.jsgrid-grid-header
    table
    tr
    td
    body.skin-dark
    select.bSelect
    .dropdown-menu
    li
    span,
body.skin-dark
    .footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .bSelect.form-control
    .dropdown-menu
    li
    span,
body.skin-dark
    .jsgrid-table
    tr
    th
    input.bSelect:not(.jsgrid-button)
    .dropdown-menu
    li
    span,
body.skin-dark
    .jsgrid-table
    tr
    td
    input.bSelect:not(.jsgrid-button)
    .dropdown-menu
    li
    span,
body.skin-dark .jsgrid-table tr th select.bSelect .dropdown-menu li span,
body.skin-dark .jsgrid-table tr td select.bSelect .dropdown-menu li span {
    color: #8b8d9b;
}

body.skin-dark .form-control.bSelect .dropdown-menu li.selected span,
body.skin-dark
    #toast-container
    .toast
    .toast-message
    input.bSelect
    .dropdown-menu
    li.selected
    span,
#toast-container
    .toast
    .toast-message
    body.skin-dark
    input.bSelect
    .dropdown-menu
    li.selected
    span,
body.skin-dark
    .dataTables_wrapper
    .dataTables_length
    label
    input.bSelect
    .dropdown-menu
    li.selected
    span,
.dataTables_wrapper
    .dataTables_length
    label
    body.skin-dark
    input.bSelect
    .dropdown-menu
    li.selected
    span,
body.skin-dark
    .dataTables_wrapper
    .dataTables_filter
    label
    input.bSelect
    .dropdown-menu
    li.selected
    span,
.dataTables_wrapper
    .dataTables_filter
    label
    body.skin-dark
    input.bSelect
    .dropdown-menu
    li.selected
    span,
body.skin-dark
    .dataTables_wrapper
    .dataTables_length
    label
    select.bSelect
    .dropdown-menu
    li.selected
    span,
.dataTables_wrapper
    .dataTables_length
    label
    body.skin-dark
    select.bSelect
    .dropdown-menu
    li.selected
    span,
body.skin-dark
    .dataTables_wrapper
    .dataTables_filter
    label
    select.bSelect
    .dropdown-menu
    li.selected
    span,
.dataTables_wrapper
    .dataTables_filter
    label
    body.skin-dark
    select.bSelect
    .dropdown-menu
    li.selected
    span,
body.skin-dark
    .jsgrid-grid-header
    table
    tr
    th
    input.bSelect
    .dropdown-menu
    li.selected
    span,
.jsgrid-grid-header
    table
    tr
    th
    body.skin-dark
    input.bSelect
    .dropdown-menu
    li.selected
    span,
body.skin-dark
    .jsgrid-grid-header
    table
    tr
    th
    select.bSelect
    .dropdown-menu
    li.selected
    span,
.jsgrid-grid-header
    table
    tr
    th
    body.skin-dark
    select.bSelect
    .dropdown-menu
    li.selected
    span,
body.skin-dark
    .jsgrid-grid-header
    table
    tr
    td
    input.bSelect
    .dropdown-menu
    li.selected
    span,
.jsgrid-grid-header
    table
    tr
    td
    body.skin-dark
    input.bSelect
    .dropdown-menu
    li.selected
    span,
body.skin-dark
    .jsgrid-grid-header
    table
    tr
    td
    select.bSelect
    .dropdown-menu
    li.selected
    span,
.jsgrid-grid-header
    table
    tr
    td
    body.skin-dark
    select.bSelect
    .dropdown-menu
    li.selected
    span,
body.skin-dark
    .footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .bSelect.form-control
    .dropdown-menu
    li.selected
    span,
body.skin-dark
    .jsgrid-table
    tr
    th
    input.bSelect:not(.jsgrid-button)
    .dropdown-menu
    li.selected
    span,
body.skin-dark
    .jsgrid-table
    tr
    td
    input.bSelect:not(.jsgrid-button)
    .dropdown-menu
    li.selected
    span,
body.skin-dark
    .jsgrid-table
    tr
    th
    select.bSelect
    .dropdown-menu
    li.selected
    span,
body.skin-dark
    .jsgrid-table
    tr
    td
    select.bSelect
    .dropdown-menu
    li.selected
    span {
    color: #ffffff;
}

body.skin-dark .form-control.bSelect .dropdown-menu li a:hover,
body.skin-dark
    #toast-container
    .toast
    .toast-message
    input.bSelect
    .dropdown-menu
    li
    a:hover,
#toast-container
    .toast
    .toast-message
    body.skin-dark
    input.bSelect
    .dropdown-menu
    li
    a:hover,
body.skin-dark
    .dataTables_wrapper
    .dataTables_length
    label
    input.bSelect
    .dropdown-menu
    li
    a:hover,
.dataTables_wrapper
    .dataTables_length
    label
    body.skin-dark
    input.bSelect
    .dropdown-menu
    li
    a:hover,
body.skin-dark
    .dataTables_wrapper
    .dataTables_filter
    label
    input.bSelect
    .dropdown-menu
    li
    a:hover,
.dataTables_wrapper
    .dataTables_filter
    label
    body.skin-dark
    input.bSelect
    .dropdown-menu
    li
    a:hover,
body.skin-dark
    .dataTables_wrapper
    .dataTables_length
    label
    select.bSelect
    .dropdown-menu
    li
    a:hover,
.dataTables_wrapper
    .dataTables_length
    label
    body.skin-dark
    select.bSelect
    .dropdown-menu
    li
    a:hover,
body.skin-dark
    .dataTables_wrapper
    .dataTables_filter
    label
    select.bSelect
    .dropdown-menu
    li
    a:hover,
.dataTables_wrapper
    .dataTables_filter
    label
    body.skin-dark
    select.bSelect
    .dropdown-menu
    li
    a:hover,
body.skin-dark
    .jsgrid-grid-header
    table
    tr
    th
    input.bSelect
    .dropdown-menu
    li
    a:hover,
.jsgrid-grid-header
    table
    tr
    th
    body.skin-dark
    input.bSelect
    .dropdown-menu
    li
    a:hover,
body.skin-dark
    .jsgrid-grid-header
    table
    tr
    th
    select.bSelect
    .dropdown-menu
    li
    a:hover,
.jsgrid-grid-header
    table
    tr
    th
    body.skin-dark
    select.bSelect
    .dropdown-menu
    li
    a:hover,
body.skin-dark
    .jsgrid-grid-header
    table
    tr
    td
    input.bSelect
    .dropdown-menu
    li
    a:hover,
.jsgrid-grid-header
    table
    tr
    td
    body.skin-dark
    input.bSelect
    .dropdown-menu
    li
    a:hover,
body.skin-dark
    .jsgrid-grid-header
    table
    tr
    td
    select.bSelect
    .dropdown-menu
    li
    a:hover,
.jsgrid-grid-header
    table
    tr
    td
    body.skin-dark
    select.bSelect
    .dropdown-menu
    li
    a:hover,
body.skin-dark
    .footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .bSelect.form-control
    .dropdown-menu
    li
    a:hover,
body.skin-dark
    .jsgrid-table
    tr
    th
    input.bSelect:not(.jsgrid-button)
    .dropdown-menu
    li
    a:hover,
body.skin-dark
    .jsgrid-table
    tr
    td
    input.bSelect:not(.jsgrid-button)
    .dropdown-menu
    li
    a:hover,
body.skin-dark .jsgrid-table tr th select.bSelect .dropdown-menu li a:hover,
body.skin-dark .jsgrid-table tr td select.bSelect .dropdown-menu li a:hover {
    background-color: #292d44;
}

body.skin-dark .form-control.bSelect .dropdown-menu li.dropdown-divider,
body.skin-dark
    #toast-container
    .toast
    .toast-message
    input.bSelect
    .dropdown-menu
    li.dropdown-divider,
#toast-container
    .toast
    .toast-message
    body.skin-dark
    input.bSelect
    .dropdown-menu
    li.dropdown-divider,
body.skin-dark
    .dataTables_wrapper
    .dataTables_length
    label
    input.bSelect
    .dropdown-menu
    li.dropdown-divider,
.dataTables_wrapper
    .dataTables_length
    label
    body.skin-dark
    input.bSelect
    .dropdown-menu
    li.dropdown-divider,
body.skin-dark
    .dataTables_wrapper
    .dataTables_filter
    label
    input.bSelect
    .dropdown-menu
    li.dropdown-divider,
.dataTables_wrapper
    .dataTables_filter
    label
    body.skin-dark
    input.bSelect
    .dropdown-menu
    li.dropdown-divider,
body.skin-dark
    .dataTables_wrapper
    .dataTables_length
    label
    select.bSelect
    .dropdown-menu
    li.dropdown-divider,
.dataTables_wrapper
    .dataTables_length
    label
    body.skin-dark
    select.bSelect
    .dropdown-menu
    li.dropdown-divider,
body.skin-dark
    .dataTables_wrapper
    .dataTables_filter
    label
    select.bSelect
    .dropdown-menu
    li.dropdown-divider,
.dataTables_wrapper
    .dataTables_filter
    label
    body.skin-dark
    select.bSelect
    .dropdown-menu
    li.dropdown-divider,
.footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    body.skin-dark
    .bSelect.form-control
    .dropdown-menu
    li.dropdown-divider,
body.skin-dark
    .jsgrid-grid-header
    table
    tr
    th
    input.bSelect
    .dropdown-menu
    li.dropdown-divider,
.jsgrid-grid-header
    table
    tr
    th
    body.skin-dark
    input.bSelect
    .dropdown-menu
    li.dropdown-divider,
body.skin-dark
    .jsgrid-grid-header
    table
    tr
    th
    select.bSelect
    .dropdown-menu
    li.dropdown-divider,
.jsgrid-grid-header
    table
    tr
    th
    body.skin-dark
    select.bSelect
    .dropdown-menu
    li.dropdown-divider,
body.skin-dark
    .jsgrid-grid-header
    table
    tr
    td
    input.bSelect
    .dropdown-menu
    li.dropdown-divider,
.jsgrid-grid-header
    table
    tr
    td
    body.skin-dark
    input.bSelect
    .dropdown-menu
    li.dropdown-divider,
body.skin-dark
    .jsgrid-grid-header
    table
    tr
    td
    select.bSelect
    .dropdown-menu
    li.dropdown-divider,
.jsgrid-grid-header
    table
    tr
    td
    body.skin-dark
    select.bSelect
    .dropdown-menu
    li.dropdown-divider,
body.skin-dark
    .footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .bSelect.form-control
    .dropdown-menu
    li.dropdown-divider,
body.skin-dark
    .jsgrid-table
    tr
    th
    input.bSelect:not(.jsgrid-button)
    .dropdown-menu
    li.dropdown-divider,
body.skin-dark
    .jsgrid-table
    tr
    td
    input.bSelect:not(.jsgrid-button)
    .dropdown-menu
    li.dropdown-divider,
body.skin-dark
    .jsgrid-table
    tr
    th
    select.bSelect
    .dropdown-menu
    li.dropdown-divider,
body.skin-dark
    .jsgrid-table
    tr
    td
    select.bSelect
    .dropdown-menu
    li.dropdown-divider {
    border-color: #202334;
}

body.skin-dark .form-control.bSelect.dark,
body.skin-dark #toast-container .toast .toast-message input.bSelect.dark,
#toast-container .toast .toast-message body.skin-dark input.bSelect.dark,
body.skin-dark .dataTables_wrapper .dataTables_length label input.bSelect.dark,
.dataTables_wrapper .dataTables_length label body.skin-dark input.bSelect.dark,
body.skin-dark .dataTables_wrapper .dataTables_filter label input.bSelect.dark,
.dataTables_wrapper .dataTables_filter label body.skin-dark input.bSelect.dark,
body.skin-dark .dataTables_wrapper .dataTables_length label select.bSelect.dark,
.dataTables_wrapper .dataTables_length label body.skin-dark select.bSelect.dark,
body.skin-dark .dataTables_wrapper .dataTables_filter label select.bSelect.dark,
.dataTables_wrapper .dataTables_filter label body.skin-dark select.bSelect.dark,
.footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    body.skin-dark
    .bSelect.dark.form-control,
body.skin-dark .jsgrid-grid-header table tr th input.bSelect.dark,
.jsgrid-grid-header table tr th body.skin-dark input.bSelect.dark,
body.skin-dark .jsgrid-grid-header table tr th select.bSelect.dark,
.jsgrid-grid-header table tr th body.skin-dark select.bSelect.dark,
body.skin-dark .jsgrid-grid-header table tr td input.bSelect.dark,
.jsgrid-grid-header table tr td body.skin-dark input.bSelect.dark,
body.skin-dark .jsgrid-grid-header table tr td select.bSelect.dark,
.jsgrid-grid-header table tr td body.skin-dark select.bSelect.dark,
body.skin-dark
    .footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .bSelect.dark.form-control,
body.skin-dark .jsgrid-table tr th input.bSelect.dark:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr td input.bSelect.dark:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr th select.bSelect.dark,
body.skin-dark .jsgrid-table tr td select.bSelect.dark,
body.skin-dark .form-control.bSelect.focus-dark:focus,
body.skin-dark
    #toast-container
    .toast
    .toast-message
    input.bSelect.focus-dark:focus,
#toast-container
    .toast
    .toast-message
    body.skin-dark
    input.bSelect.focus-dark:focus,
body.skin-dark
    .dataTables_wrapper
    .dataTables_length
    label
    input.bSelect.focus-dark:focus,
.dataTables_wrapper
    .dataTables_length
    label
    body.skin-dark
    input.bSelect.focus-dark:focus,
body.skin-dark
    .dataTables_wrapper
    .dataTables_filter
    label
    input.bSelect.focus-dark:focus,
.dataTables_wrapper
    .dataTables_filter
    label
    body.skin-dark
    input.bSelect.focus-dark:focus,
body.skin-dark
    .dataTables_wrapper
    .dataTables_length
    label
    select.bSelect.focus-dark:focus,
.dataTables_wrapper
    .dataTables_length
    label
    body.skin-dark
    select.bSelect.focus-dark:focus,
body.skin-dark
    .dataTables_wrapper
    .dataTables_filter
    label
    select.bSelect.focus-dark:focus,
.dataTables_wrapper
    .dataTables_filter
    label
    body.skin-dark
    select.bSelect.focus-dark:focus,
.footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    body.skin-dark
    .bSelect.focus-dark.form-control:focus,
body.skin-dark .jsgrid-grid-header table tr th input.bSelect.focus-dark:focus,
.jsgrid-grid-header table tr th body.skin-dark input.bSelect.focus-dark:focus,
body.skin-dark .jsgrid-grid-header table tr th select.bSelect.focus-dark:focus,
.jsgrid-grid-header table tr th body.skin-dark select.bSelect.focus-dark:focus,
body.skin-dark .jsgrid-grid-header table tr td input.bSelect.focus-dark:focus,
.jsgrid-grid-header table tr td body.skin-dark input.bSelect.focus-dark:focus,
body.skin-dark .jsgrid-grid-header table tr td select.bSelect.focus-dark:focus,
.jsgrid-grid-header table tr td body.skin-dark select.bSelect.focus-dark:focus,
body.skin-dark
    .footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .bSelect.focus-dark.form-control:focus,
body.skin-dark
    .jsgrid-table
    tr
    th
    input.bSelect.focus-dark:focus:not(.jsgrid-button),
body.skin-dark
    .jsgrid-table
    tr
    td
    input.bSelect.focus-dark:focus:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr th select.bSelect.focus-dark:focus,
body.skin-dark .jsgrid-table tr td select.bSelect.focus-dark:focus {
    border-color: #343434;
}

body.skin-dark .form-control.bSelect.primary,
body.skin-dark #toast-container .toast .toast-message input.bSelect.primary,
#toast-container .toast .toast-message body.skin-dark input.bSelect.primary,
body.skin-dark
    .dataTables_wrapper
    .dataTables_length
    label
    input.bSelect.primary,
.dataTables_wrapper
    .dataTables_length
    label
    body.skin-dark
    input.bSelect.primary,
body.skin-dark
    .dataTables_wrapper
    .dataTables_filter
    label
    input.bSelect.primary,
.dataTables_wrapper
    .dataTables_filter
    label
    body.skin-dark
    input.bSelect.primary,
body.skin-dark
    .dataTables_wrapper
    .dataTables_length
    label
    select.bSelect.primary,
.dataTables_wrapper
    .dataTables_length
    label
    body.skin-dark
    select.bSelect.primary,
body.skin-dark
    .dataTables_wrapper
    .dataTables_filter
    label
    select.bSelect.primary,
.dataTables_wrapper
    .dataTables_filter
    label
    body.skin-dark
    select.bSelect.primary,
.footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    body.skin-dark
    .bSelect.primary.form-control,
body.skin-dark .jsgrid-grid-header table tr th input.bSelect.primary,
.jsgrid-grid-header table tr th body.skin-dark input.bSelect.primary,
body.skin-dark .jsgrid-grid-header table tr th select.bSelect.primary,
.jsgrid-grid-header table tr th body.skin-dark select.bSelect.primary,
body.skin-dark .jsgrid-grid-header table tr td input.bSelect.primary,
.jsgrid-grid-header table tr td body.skin-dark input.bSelect.primary,
body.skin-dark .jsgrid-grid-header table tr td select.bSelect.primary,
.jsgrid-grid-header table tr td body.skin-dark select.bSelect.primary,
body.skin-dark
    .footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .bSelect.primary.form-control,
body.skin-dark .jsgrid-table tr th input.bSelect.primary:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr td input.bSelect.primary:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr th select.bSelect.primary,
body.skin-dark .jsgrid-table tr td select.bSelect.primary,
body.skin-dark .form-control.bSelect.focus-primary:focus,
body.skin-dark
    #toast-container
    .toast
    .toast-message
    input.bSelect.focus-primary:focus,
#toast-container
    .toast
    .toast-message
    body.skin-dark
    input.bSelect.focus-primary:focus,
body.skin-dark
    .dataTables_wrapper
    .dataTables_length
    label
    input.bSelect.focus-primary:focus,
.dataTables_wrapper
    .dataTables_length
    label
    body.skin-dark
    input.bSelect.focus-primary:focus,
body.skin-dark
    .dataTables_wrapper
    .dataTables_filter
    label
    input.bSelect.focus-primary:focus,
.dataTables_wrapper
    .dataTables_filter
    label
    body.skin-dark
    input.bSelect.focus-primary:focus,
body.skin-dark
    .dataTables_wrapper
    .dataTables_length
    label
    select.bSelect.focus-primary:focus,
.dataTables_wrapper
    .dataTables_length
    label
    body.skin-dark
    select.bSelect.focus-primary:focus,
body.skin-dark
    .dataTables_wrapper
    .dataTables_filter
    label
    select.bSelect.focus-primary:focus,
.dataTables_wrapper
    .dataTables_filter
    label
    body.skin-dark
    select.bSelect.focus-primary:focus,
.footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    body.skin-dark
    .bSelect.focus-primary.form-control:focus,
body.skin-dark
    .jsgrid-grid-header
    table
    tr
    th
    input.bSelect.focus-primary:focus,
.jsgrid-grid-header
    table
    tr
    th
    body.skin-dark
    input.bSelect.focus-primary:focus,
body.skin-dark
    .jsgrid-grid-header
    table
    tr
    th
    select.bSelect.focus-primary:focus,
.jsgrid-grid-header
    table
    tr
    th
    body.skin-dark
    select.bSelect.focus-primary:focus,
body.skin-dark
    .jsgrid-grid-header
    table
    tr
    td
    input.bSelect.focus-primary:focus,
.jsgrid-grid-header
    table
    tr
    td
    body.skin-dark
    input.bSelect.focus-primary:focus,
body.skin-dark
    .jsgrid-grid-header
    table
    tr
    td
    select.bSelect.focus-primary:focus,
.jsgrid-grid-header
    table
    tr
    td
    body.skin-dark
    select.bSelect.focus-primary:focus,
body.skin-dark
    .footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .bSelect.focus-primary.form-control:focus,
body.skin-dark
    .jsgrid-table
    tr
    th
    input.bSelect.focus-primary:focus:not(.jsgrid-button),
body.skin-dark
    .jsgrid-table
    tr
    td
    input.bSelect.focus-primary:focus:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr th select.bSelect.focus-primary:focus,
body.skin-dark .jsgrid-table tr td select.bSelect.focus-primary:focus {
    border-color: #428bfa;
}

body.skin-dark .form-control.bSelect.secondary,
body.skin-dark #toast-container .toast .toast-message input.bSelect.secondary,
#toast-container .toast .toast-message body.skin-dark input.bSelect.secondary,
body.skin-dark
    .dataTables_wrapper
    .dataTables_length
    label
    input.bSelect.secondary,
.dataTables_wrapper
    .dataTables_length
    label
    body.skin-dark
    input.bSelect.secondary,
body.skin-dark
    .dataTables_wrapper
    .dataTables_filter
    label
    input.bSelect.secondary,
.dataTables_wrapper
    .dataTables_filter
    label
    body.skin-dark
    input.bSelect.secondary,
body.skin-dark
    .dataTables_wrapper
    .dataTables_length
    label
    select.bSelect.secondary,
.dataTables_wrapper
    .dataTables_length
    label
    body.skin-dark
    select.bSelect.secondary,
body.skin-dark
    .dataTables_wrapper
    .dataTables_filter
    label
    select.bSelect.secondary,
.dataTables_wrapper
    .dataTables_filter
    label
    body.skin-dark
    select.bSelect.secondary,
.footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    body.skin-dark
    .bSelect.secondary.form-control,
body.skin-dark .jsgrid-grid-header table tr th input.bSelect.secondary,
.jsgrid-grid-header table tr th body.skin-dark input.bSelect.secondary,
body.skin-dark .jsgrid-grid-header table tr th select.bSelect.secondary,
.jsgrid-grid-header table tr th body.skin-dark select.bSelect.secondary,
body.skin-dark .jsgrid-grid-header table tr td input.bSelect.secondary,
.jsgrid-grid-header table tr td body.skin-dark input.bSelect.secondary,
body.skin-dark .jsgrid-grid-header table tr td select.bSelect.secondary,
.jsgrid-grid-header table tr td body.skin-dark select.bSelect.secondary,
body.skin-dark
    .footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .bSelect.secondary.form-control,
body.skin-dark .jsgrid-table tr th input.bSelect.secondary:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr td input.bSelect.secondary:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr th select.bSelect.secondary,
body.skin-dark .jsgrid-table tr td select.bSelect.secondary,
body.skin-dark .form-control.bSelect.focus-secondary:focus,
body.skin-dark
    #toast-container
    .toast
    .toast-message
    input.bSelect.focus-secondary:focus,
#toast-container
    .toast
    .toast-message
    body.skin-dark
    input.bSelect.focus-secondary:focus,
body.skin-dark
    .dataTables_wrapper
    .dataTables_length
    label
    input.bSelect.focus-secondary:focus,
.dataTables_wrapper
    .dataTables_length
    label
    body.skin-dark
    input.bSelect.focus-secondary:focus,
body.skin-dark
    .dataTables_wrapper
    .dataTables_filter
    label
    input.bSelect.focus-secondary:focus,
.dataTables_wrapper
    .dataTables_filter
    label
    body.skin-dark
    input.bSelect.focus-secondary:focus,
body.skin-dark
    .dataTables_wrapper
    .dataTables_length
    label
    select.bSelect.focus-secondary:focus,
.dataTables_wrapper
    .dataTables_length
    label
    body.skin-dark
    select.bSelect.focus-secondary:focus,
body.skin-dark
    .dataTables_wrapper
    .dataTables_filter
    label
    select.bSelect.focus-secondary:focus,
.dataTables_wrapper
    .dataTables_filter
    label
    body.skin-dark
    select.bSelect.focus-secondary:focus,
.footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    body.skin-dark
    .bSelect.focus-secondary.form-control:focus,
body.skin-dark
    .jsgrid-grid-header
    table
    tr
    th
    input.bSelect.focus-secondary:focus,
.jsgrid-grid-header
    table
    tr
    th
    body.skin-dark
    input.bSelect.focus-secondary:focus,
body.skin-dark
    .jsgrid-grid-header
    table
    tr
    th
    select.bSelect.focus-secondary:focus,
.jsgrid-grid-header
    table
    tr
    th
    body.skin-dark
    select.bSelect.focus-secondary:focus,
body.skin-dark
    .jsgrid-grid-header
    table
    tr
    td
    input.bSelect.focus-secondary:focus,
.jsgrid-grid-header
    table
    tr
    td
    body.skin-dark
    input.bSelect.focus-secondary:focus,
body.skin-dark
    .jsgrid-grid-header
    table
    tr
    td
    select.bSelect.focus-secondary:focus,
.jsgrid-grid-header
    table
    tr
    td
    body.skin-dark
    select.bSelect.focus-secondary:focus,
body.skin-dark
    .footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .bSelect.focus-secondary.form-control:focus,
body.skin-dark
    .jsgrid-table
    tr
    th
    input.bSelect.focus-secondary:focus:not(.jsgrid-button),
body.skin-dark
    .jsgrid-table
    tr
    td
    input.bSelect.focus-secondary:focus:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr th select.bSelect.focus-secondary:focus,
body.skin-dark .jsgrid-table tr td select.bSelect.focus-secondary:focus {
    border-color: #fb7da4;
}

body.skin-dark .form-control.bSelect.success,
body.skin-dark #toast-container .toast .toast-message input.bSelect.success,
#toast-container .toast .toast-message body.skin-dark input.bSelect.success,
body.skin-dark
    .dataTables_wrapper
    .dataTables_length
    label
    input.bSelect.success,
.dataTables_wrapper
    .dataTables_length
    label
    body.skin-dark
    input.bSelect.success,
body.skin-dark
    .dataTables_wrapper
    .dataTables_filter
    label
    input.bSelect.success,
.dataTables_wrapper
    .dataTables_filter
    label
    body.skin-dark
    input.bSelect.success,
body.skin-dark
    .dataTables_wrapper
    .dataTables_length
    label
    select.bSelect.success,
.dataTables_wrapper
    .dataTables_length
    label
    body.skin-dark
    select.bSelect.success,
body.skin-dark
    .dataTables_wrapper
    .dataTables_filter
    label
    select.bSelect.success,
.dataTables_wrapper
    .dataTables_filter
    label
    body.skin-dark
    select.bSelect.success,
.footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    body.skin-dark
    .bSelect.success.form-control,
body.skin-dark .jsgrid-grid-header table tr th input.bSelect.success,
.jsgrid-grid-header table tr th body.skin-dark input.bSelect.success,
body.skin-dark .jsgrid-grid-header table tr th select.bSelect.success,
.jsgrid-grid-header table tr th body.skin-dark select.bSelect.success,
body.skin-dark .jsgrid-grid-header table tr td input.bSelect.success,
.jsgrid-grid-header table tr td body.skin-dark input.bSelect.success,
body.skin-dark .jsgrid-grid-header table tr td select.bSelect.success,
.jsgrid-grid-header table tr td body.skin-dark select.bSelect.success,
body.skin-dark
    .footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .bSelect.success.form-control,
body.skin-dark .jsgrid-table tr th input.bSelect.success:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr td input.bSelect.success:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr th select.bSelect.success,
body.skin-dark .jsgrid-table tr td select.bSelect.success,
body.skin-dark .form-control.bSelect.focus-success:focus,
body.skin-dark
    #toast-container
    .toast
    .toast-message
    input.bSelect.focus-success:focus,
#toast-container
    .toast
    .toast-message
    body.skin-dark
    input.bSelect.focus-success:focus,
body.skin-dark
    .dataTables_wrapper
    .dataTables_length
    label
    input.bSelect.focus-success:focus,
.dataTables_wrapper
    .dataTables_length
    label
    body.skin-dark
    input.bSelect.focus-success:focus,
body.skin-dark
    .dataTables_wrapper
    .dataTables_filter
    label
    input.bSelect.focus-success:focus,
.dataTables_wrapper
    .dataTables_filter
    label
    body.skin-dark
    input.bSelect.focus-success:focus,
body.skin-dark
    .dataTables_wrapper
    .dataTables_length
    label
    select.bSelect.focus-success:focus,
.dataTables_wrapper
    .dataTables_length
    label
    body.skin-dark
    select.bSelect.focus-success:focus,
body.skin-dark
    .dataTables_wrapper
    .dataTables_filter
    label
    select.bSelect.focus-success:focus,
.dataTables_wrapper
    .dataTables_filter
    label
    body.skin-dark
    select.bSelect.focus-success:focus,
.footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    body.skin-dark
    .bSelect.focus-success.form-control:focus,
body.skin-dark
    .jsgrid-grid-header
    table
    tr
    th
    input.bSelect.focus-success:focus,
.jsgrid-grid-header
    table
    tr
    th
    body.skin-dark
    input.bSelect.focus-success:focus,
body.skin-dark
    .jsgrid-grid-header
    table
    tr
    th
    select.bSelect.focus-success:focus,
.jsgrid-grid-header
    table
    tr
    th
    body.skin-dark
    select.bSelect.focus-success:focus,
body.skin-dark
    .jsgrid-grid-header
    table
    tr
    td
    input.bSelect.focus-success:focus,
.jsgrid-grid-header
    table
    tr
    td
    body.skin-dark
    input.bSelect.focus-success:focus,
body.skin-dark
    .jsgrid-grid-header
    table
    tr
    td
    select.bSelect.focus-success:focus,
.jsgrid-grid-header
    table
    tr
    td
    body.skin-dark
    select.bSelect.focus-success:focus,
body.skin-dark
    .footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .bSelect.focus-success.form-control:focus,
body.skin-dark
    .jsgrid-table
    tr
    th
    input.bSelect.focus-success:focus:not(.jsgrid-button),
body.skin-dark
    .jsgrid-table
    tr
    td
    input.bSelect.focus-success:focus:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr th select.bSelect.focus-success:focus,
body.skin-dark .jsgrid-table tr td select.bSelect.focus-success:focus {
    border-color: #29db2d;
}

body.skin-dark .form-control.bSelect.danger,
body.skin-dark #toast-container .toast .toast-message input.bSelect.danger,
#toast-container .toast .toast-message body.skin-dark input.bSelect.danger,
body.skin-dark
    .dataTables_wrapper
    .dataTables_length
    label
    input.bSelect.danger,
.dataTables_wrapper
    .dataTables_length
    label
    body.skin-dark
    input.bSelect.danger,
body.skin-dark
    .dataTables_wrapper
    .dataTables_filter
    label
    input.bSelect.danger,
.dataTables_wrapper
    .dataTables_filter
    label
    body.skin-dark
    input.bSelect.danger,
body.skin-dark
    .dataTables_wrapper
    .dataTables_length
    label
    select.bSelect.danger,
.dataTables_wrapper
    .dataTables_length
    label
    body.skin-dark
    select.bSelect.danger,
body.skin-dark
    .dataTables_wrapper
    .dataTables_filter
    label
    select.bSelect.danger,
.dataTables_wrapper
    .dataTables_filter
    label
    body.skin-dark
    select.bSelect.danger,
.footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    body.skin-dark
    .bSelect.danger.form-control,
body.skin-dark .jsgrid-grid-header table tr th input.bSelect.danger,
.jsgrid-grid-header table tr th body.skin-dark input.bSelect.danger,
body.skin-dark .jsgrid-grid-header table tr th select.bSelect.danger,
.jsgrid-grid-header table tr th body.skin-dark select.bSelect.danger,
body.skin-dark .jsgrid-grid-header table tr td input.bSelect.danger,
.jsgrid-grid-header table tr td body.skin-dark input.bSelect.danger,
body.skin-dark .jsgrid-grid-header table tr td select.bSelect.danger,
.jsgrid-grid-header table tr td body.skin-dark select.bSelect.danger,
body.skin-dark
    .footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .bSelect.danger.form-control,
body.skin-dark .jsgrid-table tr th input.bSelect.danger:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr td input.bSelect.danger:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr th select.bSelect.danger,
body.skin-dark .jsgrid-table tr td select.bSelect.danger,
body.skin-dark .form-control.bSelect.focus-danger:focus,
body.skin-dark
    #toast-container
    .toast
    .toast-message
    input.bSelect.focus-danger:focus,
#toast-container
    .toast
    .toast-message
    body.skin-dark
    input.bSelect.focus-danger:focus,
body.skin-dark
    .dataTables_wrapper
    .dataTables_length
    label
    input.bSelect.focus-danger:focus,
.dataTables_wrapper
    .dataTables_length
    label
    body.skin-dark
    input.bSelect.focus-danger:focus,
body.skin-dark
    .dataTables_wrapper
    .dataTables_filter
    label
    input.bSelect.focus-danger:focus,
.dataTables_wrapper
    .dataTables_filter
    label
    body.skin-dark
    input.bSelect.focus-danger:focus,
body.skin-dark
    .dataTables_wrapper
    .dataTables_length
    label
    select.bSelect.focus-danger:focus,
.dataTables_wrapper
    .dataTables_length
    label
    body.skin-dark
    select.bSelect.focus-danger:focus,
body.skin-dark
    .dataTables_wrapper
    .dataTables_filter
    label
    select.bSelect.focus-danger:focus,
.dataTables_wrapper
    .dataTables_filter
    label
    body.skin-dark
    select.bSelect.focus-danger:focus,
.footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    body.skin-dark
    .bSelect.focus-danger.form-control:focus,
body.skin-dark .jsgrid-grid-header table tr th input.bSelect.focus-danger:focus,
.jsgrid-grid-header table tr th body.skin-dark input.bSelect.focus-danger:focus,
body.skin-dark
    .jsgrid-grid-header
    table
    tr
    th
    select.bSelect.focus-danger:focus,
.jsgrid-grid-header
    table
    tr
    th
    body.skin-dark
    select.bSelect.focus-danger:focus,
body.skin-dark .jsgrid-grid-header table tr td input.bSelect.focus-danger:focus,
.jsgrid-grid-header table tr td body.skin-dark input.bSelect.focus-danger:focus,
body.skin-dark
    .jsgrid-grid-header
    table
    tr
    td
    select.bSelect.focus-danger:focus,
.jsgrid-grid-header
    table
    tr
    td
    body.skin-dark
    select.bSelect.focus-danger:focus,
body.skin-dark
    .footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .bSelect.focus-danger.form-control:focus,
body.skin-dark
    .jsgrid-table
    tr
    th
    input.bSelect.focus-danger:focus:not(.jsgrid-button),
body.skin-dark
    .jsgrid-table
    tr
    td
    input.bSelect.focus-danger:focus:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr th select.bSelect.focus-danger:focus,
body.skin-dark .jsgrid-table tr td select.bSelect.focus-danger:focus {
    border-color: #fd427c;
}

body.skin-dark .form-control.bSelect.warning,
body.skin-dark #toast-container .toast .toast-message input.bSelect.warning,
#toast-container .toast .toast-message body.skin-dark input.bSelect.warning,
body.skin-dark
    .dataTables_wrapper
    .dataTables_length
    label
    input.bSelect.warning,
.dataTables_wrapper
    .dataTables_length
    label
    body.skin-dark
    input.bSelect.warning,
body.skin-dark
    .dataTables_wrapper
    .dataTables_filter
    label
    input.bSelect.warning,
.dataTables_wrapper
    .dataTables_filter
    label
    body.skin-dark
    input.bSelect.warning,
body.skin-dark
    .dataTables_wrapper
    .dataTables_length
    label
    select.bSelect.warning,
.dataTables_wrapper
    .dataTables_length
    label
    body.skin-dark
    select.bSelect.warning,
body.skin-dark
    .dataTables_wrapper
    .dataTables_filter
    label
    select.bSelect.warning,
.dataTables_wrapper
    .dataTables_filter
    label
    body.skin-dark
    select.bSelect.warning,
.footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    body.skin-dark
    .bSelect.warning.form-control,
body.skin-dark .jsgrid-grid-header table tr th input.bSelect.warning,
.jsgrid-grid-header table tr th body.skin-dark input.bSelect.warning,
body.skin-dark .jsgrid-grid-header table tr th select.bSelect.warning,
.jsgrid-grid-header table tr th body.skin-dark select.bSelect.warning,
body.skin-dark .jsgrid-grid-header table tr td input.bSelect.warning,
.jsgrid-grid-header table tr td body.skin-dark input.bSelect.warning,
body.skin-dark .jsgrid-grid-header table tr td select.bSelect.warning,
.jsgrid-grid-header table tr td body.skin-dark select.bSelect.warning,
body.skin-dark
    .footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .bSelect.warning.form-control,
body.skin-dark .jsgrid-table tr th input.bSelect.warning:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr td input.bSelect.warning:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr th select.bSelect.warning,
body.skin-dark .jsgrid-table tr td select.bSelect.warning,
body.skin-dark .form-control.bSelect.focus-warning:focus,
body.skin-dark
    #toast-container
    .toast
    .toast-message
    input.bSelect.focus-warning:focus,
#toast-container
    .toast
    .toast-message
    body.skin-dark
    input.bSelect.focus-warning:focus,
body.skin-dark
    .dataTables_wrapper
    .dataTables_length
    label
    input.bSelect.focus-warning:focus,
.dataTables_wrapper
    .dataTables_length
    label
    body.skin-dark
    input.bSelect.focus-warning:focus,
body.skin-dark
    .dataTables_wrapper
    .dataTables_filter
    label
    input.bSelect.focus-warning:focus,
.dataTables_wrapper
    .dataTables_filter
    label
    body.skin-dark
    input.bSelect.focus-warning:focus,
body.skin-dark
    .dataTables_wrapper
    .dataTables_length
    label
    select.bSelect.focus-warning:focus,
.dataTables_wrapper
    .dataTables_length
    label
    body.skin-dark
    select.bSelect.focus-warning:focus,
body.skin-dark
    .dataTables_wrapper
    .dataTables_filter
    label
    select.bSelect.focus-warning:focus,
.dataTables_wrapper
    .dataTables_filter
    label
    body.skin-dark
    select.bSelect.focus-warning:focus,
.footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    body.skin-dark
    .bSelect.focus-warning.form-control:focus,
body.skin-dark
    .jsgrid-grid-header
    table
    tr
    th
    input.bSelect.focus-warning:focus,
.jsgrid-grid-header
    table
    tr
    th
    body.skin-dark
    input.bSelect.focus-warning:focus,
body.skin-dark
    .jsgrid-grid-header
    table
    tr
    th
    select.bSelect.focus-warning:focus,
.jsgrid-grid-header
    table
    tr
    th
    body.skin-dark
    select.bSelect.focus-warning:focus,
body.skin-dark
    .jsgrid-grid-header
    table
    tr
    td
    input.bSelect.focus-warning:focus,
.jsgrid-grid-header
    table
    tr
    td
    body.skin-dark
    input.bSelect.focus-warning:focus,
body.skin-dark
    .jsgrid-grid-header
    table
    tr
    td
    select.bSelect.focus-warning:focus,
.jsgrid-grid-header
    table
    tr
    td
    body.skin-dark
    select.bSelect.focus-warning:focus,
body.skin-dark
    .footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .bSelect.focus-warning.form-control:focus,
body.skin-dark
    .jsgrid-table
    tr
    th
    input.bSelect.focus-warning:focus:not(.jsgrid-button),
body.skin-dark
    .jsgrid-table
    tr
    td
    input.bSelect.focus-warning:focus:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr th select.bSelect.focus-warning:focus,
body.skin-dark .jsgrid-table tr td select.bSelect.focus-warning:focus {
    border-color: #ff9666;
}

body.skin-dark .form-control.bSelect.info,
body.skin-dark #toast-container .toast .toast-message input.bSelect.info,
#toast-container .toast .toast-message body.skin-dark input.bSelect.info,
body.skin-dark .dataTables_wrapper .dataTables_length label input.bSelect.info,
.dataTables_wrapper .dataTables_length label body.skin-dark input.bSelect.info,
body.skin-dark .dataTables_wrapper .dataTables_filter label input.bSelect.info,
.dataTables_wrapper .dataTables_filter label body.skin-dark input.bSelect.info,
body.skin-dark .dataTables_wrapper .dataTables_length label select.bSelect.info,
.dataTables_wrapper .dataTables_length label body.skin-dark select.bSelect.info,
body.skin-dark .dataTables_wrapper .dataTables_filter label select.bSelect.info,
.dataTables_wrapper .dataTables_filter label body.skin-dark select.bSelect.info,
.footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    body.skin-dark
    .bSelect.info.form-control,
body.skin-dark .jsgrid-grid-header table tr th input.bSelect.info,
.jsgrid-grid-header table tr th body.skin-dark input.bSelect.info,
body.skin-dark .jsgrid-grid-header table tr th select.bSelect.info,
.jsgrid-grid-header table tr th body.skin-dark select.bSelect.info,
body.skin-dark .jsgrid-grid-header table tr td input.bSelect.info,
.jsgrid-grid-header table tr td body.skin-dark input.bSelect.info,
body.skin-dark .jsgrid-grid-header table tr td select.bSelect.info,
.jsgrid-grid-header table tr td body.skin-dark select.bSelect.info,
body.skin-dark
    .footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .bSelect.info.form-control,
body.skin-dark .jsgrid-table tr th input.bSelect.info:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr td input.bSelect.info:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr th select.bSelect.info,
body.skin-dark .jsgrid-table tr td select.bSelect.info,
body.skin-dark .form-control.bSelect.focus-info:focus,
body.skin-dark
    #toast-container
    .toast
    .toast-message
    input.bSelect.focus-info:focus,
#toast-container
    .toast
    .toast-message
    body.skin-dark
    input.bSelect.focus-info:focus,
body.skin-dark
    .dataTables_wrapper
    .dataTables_length
    label
    input.bSelect.focus-info:focus,
.dataTables_wrapper
    .dataTables_length
    label
    body.skin-dark
    input.bSelect.focus-info:focus,
body.skin-dark
    .dataTables_wrapper
    .dataTables_filter
    label
    input.bSelect.focus-info:focus,
.dataTables_wrapper
    .dataTables_filter
    label
    body.skin-dark
    input.bSelect.focus-info:focus,
body.skin-dark
    .dataTables_wrapper
    .dataTables_length
    label
    select.bSelect.focus-info:focus,
.dataTables_wrapper
    .dataTables_length
    label
    body.skin-dark
    select.bSelect.focus-info:focus,
body.skin-dark
    .dataTables_wrapper
    .dataTables_filter
    label
    select.bSelect.focus-info:focus,
.dataTables_wrapper
    .dataTables_filter
    label
    body.skin-dark
    select.bSelect.focus-info:focus,
.footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    body.skin-dark
    .bSelect.focus-info.form-control:focus,
body.skin-dark .jsgrid-grid-header table tr th input.bSelect.focus-info:focus,
.jsgrid-grid-header table tr th body.skin-dark input.bSelect.focus-info:focus,
body.skin-dark .jsgrid-grid-header table tr th select.bSelect.focus-info:focus,
.jsgrid-grid-header table tr th body.skin-dark select.bSelect.focus-info:focus,
body.skin-dark .jsgrid-grid-header table tr td input.bSelect.focus-info:focus,
.jsgrid-grid-header table tr td body.skin-dark input.bSelect.focus-info:focus,
body.skin-dark .jsgrid-grid-header table tr td select.bSelect.focus-info:focus,
.jsgrid-grid-header table tr td body.skin-dark select.bSelect.focus-info:focus,
body.skin-dark
    .footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .bSelect.focus-info.form-control:focus,
body.skin-dark
    .jsgrid-table
    tr
    th
    input.bSelect.focus-info:focus:not(.jsgrid-button),
body.skin-dark
    .jsgrid-table
    tr
    td
    input.bSelect.focus-info:focus:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr th select.bSelect.focus-info:focus,
body.skin-dark .jsgrid-table tr td select.bSelect.focus-info:focus {
    border-color: #17a2b8;
}

body.skin-dark .adomx-switch .lever {
    background-color: #292d44;
}

body.skin-dark .adomx-switch-2 .lever {
    background-color: #292d44;
}

body.skin-dark .smart-wizard .step-anchor .nav-item .nav-link {
    background-color: #292d44;
    color: #8b8d9b;
}

body.skin-dark .smart-wizard .step-anchor .nav-item .nav-link:hover {
    color: #8b8d9b;
}

body.skin-dark .smart-wizard .step-anchor .nav-item.active a,
body.skin-dark .smart-wizard .step-anchor .nav-item.done a {
    color: #ffffff;
}

body.skin-dark .smart-wizard .step-anchor .nav-item.active a:hover,
body.skin-dark .smart-wizard .step-anchor .nav-item.done a:hover {
    color: #ffffff;
}

body.skin-dark .smart-wizard .step-anchor .nav-item.active a {
    background-color: #428bfa;
}

body.skin-dark .smart-wizard .step-anchor .nav-item.done a {
    background-color: rgba(66, 139, 250, 0.3);
}

body.skin-dark .dataTables_wrapper .dataTables_length select {
    border-color: transparent;
    background-color: #202334;
}

body.skin-dark .dataTables_wrapper .dataTables_filter input {
    border-color: transparent;
    background-color: #202334;
}

body.skin-dark .dataTables_wrapper .dataTables_paginate .paginate_button {
    color: #8b8d9b;
    border-color: #292d44;
}

body.skin-dark
    .dataTables_wrapper
    .dataTables_paginate
    .paginate_button.current {
    background-color: #428bfa;
    border-color: #428bfa;
    color: #ffffff;
}

body.skin-dark .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background-color: #428bfa;
    border-color: #428bfa;
    color: #ffffff;
}

body.skin-dark .footable.table thead tr th {
    border-color: #292d44;
    border-top-color: #292d44 !important;
}

body.skin-dark .footable.table tbody tr td,
body.skin-dark .footable.table tfoot tr td {
    border-color: #292d44;
}

body.skin-dark .footable-pagination-wrapper .pagination li a {
    border-color: #292d44;
    color: #8b8d9b;
}

body.skin-dark .footable-pagination-wrapper .pagination li a:hover {
    background-color: #428bfa;
    border-color: #428bfa;
    color: #ffffff;
}

body.skin-dark .footable-pagination-wrapper .pagination li.active a,
body.skin-dark .footable-pagination-wrapper .pagination li.active a:focus,
body.skin-dark .footable-pagination-wrapper .pagination li.active a:hover {
    background-color: #428bfa;
    border-color: #428bfa;
    color: #ffffff;
}

body.skin-dark .footable-pagination-wrapper .pagination li.disabled a {
    border-color: #292d44;
    color: #8b8d9b;
}

body.skin-dark .jsgrid .jsgrid-grid-header,
body.skin-dark .jsgrid .jsgrid-grid-body {
    background-color: transparent;
    border-color: #292d44;
}

body.skin-dark .jsgrid-table tr th,
body.skin-dark .jsgrid-table tr td {
    border-color: #292d44 !important;
    background-color: transparent !important;
}

body.skin-dark .jsgrid-table tr th .jsgrid-button,
body.skin-dark .jsgrid-table tr td .jsgrid-button {
    background-color: transparent;
}

body.skin-dark .jsgrid-table tr th input:not(.jsgrid-button)[type="number"],
body.skin-dark .jsgrid-table tr td input:not(.jsgrid-button)[type="number"] {
    text-align: center;
}

body.skin-dark #example-morris-donuts text tspan {
    fill: #8b8d9b;
}

body.skin-dark .add-edit-product-wrap {
    background-color: #161824;
}

body.skin-dark .login-register-wrap {
    background-color: #161824;
}

body.skin-dark .pricing-one .inner {
    background-color: #161824;
}

body.skin-dark .pricing-one .inner .head .info .title {
    color: #8b8d9b;
}

body.skin-dark .pricing-one .inner .head .info .price {
    color: #8b8d9b;
}

body.skin-dark .pricing-two .inner {
    background-color: #161824;
}

body.skin-dark .pricing-two .inner .head .info .title {
    color: #8b8d9b;
}

body.skin-dark .pricing-two .inner .head .info .price {
    color: #8b8d9b;
}

body.skin-dark .pricing-three .inner {
    background-color: #161824;
}

body.skin-dark .pricing-four .inner {
    background-color: #161824;
}

body.skin-dark .pricing-four .inner .body ul li p {
    color: #8b8d9b;
}

body.skin-dark .customizer-wrapper {
    background-color: #202334;
}

body.skin-dark .customizer-wrapper .inner .nav li a {
    border-bottom: 3px solid #292d44;
}

body.skin-dark .customizer-wrapper .inner .nav li a.active,
body.skin-dark .customizer-wrapper .inner .nav li a:hover {
    border-color: #428bfa;
}

body.skin-dark .customizer-toggle {
    background-color: #202334;
}

body.skin-dark .cus-radio.light .icon {
    background-color: #f1f1f1;
}

body.skin-dark .cus-radio.light .icon::before {
    background-color: #202334;
}

[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: 0.255em;
}

[dir="rtl"] .media img {
    margin-left: 1em;
    margin-right: 0 !important;
}

[dir="rtl"] .media img:last-child {
    margin-left: 0 !important;
    margin-right: 1em !important;
}

[dir="rtl"] .modal-header {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    direction: ltr;
}

[dir="rtl"] .modal-header .close {
    margin-left: -1rem;
}

[dir="rtl"] .modal-footer .button,
[dir="rtl"] .modal-footer .fullcalendar .fc-toolbar .fc-button,
.fullcalendar .fc-toolbar [dir="rtl"] .modal-footer .fc-button,
[dir="rtl"] .modal-footer #toast-container .toast .toast-message .btn,
#toast-container .toast .toast-message [dir="rtl"] .modal-footer .btn,
[dir="rtl"] .modal-footer .dataTables_wrapper .dt-buttons .dt-button,
.dataTables_wrapper .dt-buttons [dir="rtl"] .modal-footer .dt-button,
[dir="rtl"]
    .modal-footer
    .footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .input-group-btn
    .btn,
.footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .input-group-btn
    [dir="rtl"]
    .modal-footer
    .btn,
[dir="rtl"]
    .modal-footer
    .footable.table
    tbody
    tr
    td.footable-editing
    .btn-group
    .btn,
.footable.table
    tbody
    tr
    td.footable-editing
    .btn-group
    [dir="rtl"]
    .modal-footer
    .btn,
[dir="rtl"] .modal-footer .footable.table tfoot tr.footable-editing td .btn,
.footable.table tfoot tr.footable-editing td [dir="rtl"] .modal-footer .btn,
[dir="rtl"] .modal-footer .smart-wizard .sw-toolbar .sw-btn-group .btn,
.smart-wizard .sw-toolbar .sw-btn-group [dir="rtl"] .modal-footer .btn {
    margin-left: 0.5em;
    margin-right: 0;
}

[dir="rtl"] .modal-footer .button:last-child,
[dir="rtl"] .modal-footer .fullcalendar .fc-toolbar .fc-button:last-child,
.fullcalendar .fc-toolbar [dir="rtl"] .modal-footer .fc-button:last-child,
[dir="rtl"]
    .modal-footer
    #toast-container
    .toast
    .toast-message
    .btn:last-child,
#toast-container
    .toast
    .toast-message
    [dir="rtl"]
    .modal-footer
    .btn:last-child,
[dir="rtl"] .modal-footer .dataTables_wrapper .dt-buttons .dt-button:last-child,
.dataTables_wrapper .dt-buttons [dir="rtl"] .modal-footer .dt-button:last-child,
[dir="rtl"]
    .modal-footer
    .footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .input-group-btn
    .btn:last-child,
.footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .input-group-btn
    [dir="rtl"]
    .modal-footer
    .btn:last-child,
[dir="rtl"]
    .modal-footer
    .footable.table
    tbody
    tr
    td.footable-editing
    .btn-group
    .btn:last-child,
.footable.table
    tbody
    tr
    td.footable-editing
    .btn-group
    [dir="rtl"]
    .modal-footer
    .btn:last-child,
[dir="rtl"]
    .modal-footer
    .footable.table
    tfoot
    tr.footable-editing
    td
    .btn:last-child,
.footable.table
    tfoot
    tr.footable-editing
    td
    [dir="rtl"]
    .modal-footer
    .btn:last-child,
[dir="rtl"]
    .modal-footer
    .smart-wizard
    .sw-toolbar
    .sw-btn-group
    .btn:last-child,
.smart-wizard
    .sw-toolbar
    .sw-btn-group
    [dir="rtl"]
    .modal-footer
    .btn:last-child {
    margin-left: 0;
}

[dir="rtl"] .pagination .page-item {
    margin-right: 10px;
    margin-bottom: 10px;
}

[dir="rtl"] .pagination .page-item:last-child {
    margin-right: 10px;
}

[dir="rtl"] .pagination .page-item:first-child {
    margin-right: 0;
}

[dir="rtl"] .button .spinner-border,
[dir="rtl"] .fullcalendar .fc-toolbar .fc-button .spinner-border,
.fullcalendar .fc-toolbar [dir="rtl"] .fc-button .spinner-border,
[dir="rtl"] #toast-container .toast .toast-message .btn .spinner-border,
#toast-container .toast .toast-message [dir="rtl"] .btn .spinner-border,
[dir="rtl"] .dataTables_wrapper .dt-buttons .dt-button .spinner-border,
.dataTables_wrapper .dt-buttons [dir="rtl"] .dt-button .spinner-border,
[dir="rtl"]
    .footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .input-group-btn
    .btn
    .spinner-border,
.footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .input-group-btn
    [dir="rtl"]
    .btn
    .spinner-border,
[dir="rtl"]
    .footable.table
    tbody
    tr
    td.footable-editing
    .btn-group
    .btn
    .spinner-border,
.footable.table
    tbody
    tr
    td.footable-editing
    .btn-group
    [dir="rtl"]
    .btn
    .spinner-border,
[dir="rtl"] .footable.table tfoot tr.footable-editing td .btn .spinner-border,
.footable.table tfoot tr.footable-editing td [dir="rtl"] .btn .spinner-border,
[dir="rtl"] .smart-wizard .sw-toolbar .sw-btn-group .btn .spinner-border,
.smart-wizard .sw-toolbar .sw-btn-group [dir="rtl"] .btn .spinner-border,
[dir="rtl"] .button .spinner-grow,
[dir="rtl"] .fullcalendar .fc-toolbar .fc-button .spinner-grow,
.fullcalendar .fc-toolbar [dir="rtl"] .fc-button .spinner-grow,
[dir="rtl"] #toast-container .toast .toast-message .btn .spinner-grow,
#toast-container .toast .toast-message [dir="rtl"] .btn .spinner-grow,
[dir="rtl"] .dataTables_wrapper .dt-buttons .dt-button .spinner-grow,
.dataTables_wrapper .dt-buttons [dir="rtl"] .dt-button .spinner-grow,
[dir="rtl"]
    .footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .input-group-btn
    .btn
    .spinner-grow,
.footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .input-group-btn
    [dir="rtl"]
    .btn
    .spinner-grow,
[dir="rtl"]
    .footable.table
    tbody
    tr
    td.footable-editing
    .btn-group
    .btn
    .spinner-grow,
.footable.table
    tbody
    tr
    td.footable-editing
    .btn-group
    [dir="rtl"]
    .btn
    .spinner-grow,
[dir="rtl"] .footable.table tfoot tr.footable-editing td .btn .spinner-grow,
.footable.table tfoot tr.footable-editing td [dir="rtl"] .btn .spinner-grow,
[dir="rtl"] .smart-wizard .sw-toolbar .sw-btn-group .btn .spinner-grow,
.smart-wizard .sw-toolbar .sw-btn-group [dir="rtl"] .btn .spinner-grow {
    margin-left: 5px;
    margin-right: 0 !important;
}

[dir="rtl"] .list-icon > li {
    padding-left: 0;
    padding-right: 20px;
}

[dir="rtl"] .list-icon > li::before {
    left: auto;
    right: 0;
}

[dir="rtl"] .list-group .list-group-item i {
    margin-left: 5px;
    margin-right: 0 !important;
}

[dir="rtl"] .dataTables_wrapper .dt-buttons .dt-button {
    margin-right: 2px;
}

[dir="rtl"] .dataTables_wrapper .dt-buttons .dt-button:first-child {
    margin-right: 0;
}

[dir="rtl"] .dataTables_wrapper .dataTables_length label input,
[dir="rtl"] .dataTables_wrapper .dataTables_filter label input {
    margin-left: 0;
    margin-right: 5px;
}

[dir="rtl"] .dataTables_wrapper .dataTables_paginate .paginate_button.previous {
    margin-right: 0;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

[dir="rtl"]
    .dataTables_wrapper
    .dataTables_paginate
    .paginate_button.previous
    i {
    margin: 1px !important;
}

[dir="rtl"] .dataTables_wrapper .dataTables_paginate .paginate_button.next {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    margin-right: 5px !important;
}

[dir="rtl"] .dataTables_wrapper .dataTables_paginate .paginate_button.next i {
    margin: 1px !important;
}

[dir="rtl"] .footable.table thead tr th {
    text-align: right;
    padding-left: 30px;
    padding-right: 0.75em;
}

[dir="rtl"] .footable.table thead tr th span.fooicon {
    left: 6px;
    right: auto;
}

[dir="rtl"]
    .footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    #toast-container
    .toast
    .toast-message
    input,
#toast-container
    .toast
    .toast-message
    [dir="rtl"]
    .footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    input,
[dir="rtl"]
    .footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .dataTables_wrapper
    .dataTables_length
    label
    input,
.dataTables_wrapper
    .dataTables_length
    label
    [dir="rtl"]
    .footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    input,
[dir="rtl"]
    .footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .dataTables_wrapper
    .dataTables_filter
    label
    input,
.dataTables_wrapper
    .dataTables_filter
    label
    [dir="rtl"]
    .footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    input,
[dir="rtl"]
    .footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .dataTables_wrapper
    .dataTables_length
    label
    select,
.dataTables_wrapper
    .dataTables_length
    label
    [dir="rtl"]
    .footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    select,
[dir="rtl"]
    .footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .dataTables_wrapper
    .dataTables_filter
    label
    select,
.dataTables_wrapper
    .dataTables_filter
    label
    [dir="rtl"]
    .footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    select,
[dir="rtl"]
    .footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .form-control,
[dir="rtl"]
    .footable.table
    thead
    .jsgrid-grid-header
    table
    tr
    th
    .footable-filtering-search
    .input-group
    input,
.jsgrid-grid-header
    table
    [dir="rtl"]
    .footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    input,
[dir="rtl"]
    .footable.table
    thead
    .jsgrid-grid-header
    table
    tr
    th
    .footable-filtering-search
    .input-group
    select,
.jsgrid-grid-header
    table
    [dir="rtl"]
    .footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    select,
[dir="rtl"]
    body.skin-dark
    .footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .form-control,
body.skin-dark
    [dir="rtl"]
    .footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .form-control,
[dir="rtl"]
    .footable.table
    thead
    body.skin-dark
    .jsgrid-table
    tr
    th
    .footable-filtering-search
    .input-group
    input:not(.jsgrid-button),
body.skin-dark
    .jsgrid-table
    [dir="rtl"]
    .footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    input:not(.jsgrid-button),
[dir="rtl"]
    .footable.table
    thead
    body.skin-dark
    .jsgrid-table
    tr
    th
    .footable-filtering-search
    .input-group
    select,
body.skin-dark
    .jsgrid-table
    [dir="rtl"]
    .footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    select {
    border-radius: 0 4px 4px 0;
}

[dir="rtl"]
    .footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .input-group-btn
    .btn:first-child {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

[dir="rtl"]
    .footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .input-group-btn
    .btn:last-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

[dir="rtl"]
    .footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .input-group-btn
    .btn.dropdown-toggle:not(:first-child) {
    border-top-left-radius: 4px !important;
    border-bottom-left-radius: 4px !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-left-color: transparent;
    border-right-color: #0660e9;
}

[dir="rtl"]
    .footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .input-group-btn
    .btn.dropdown-toggle:not(:first-child)::after {
    margin: 0;
}

[dir="rtl"]
    .footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .input-group-btn
    .dropdown-menu {
    text-align: right;
}

[dir="rtl"]
    .footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .input-group-btn
    .dropdown-menu
    li
    a
    label {
    padding-left: 0;
    padding-right: 20px;
}

[dir="rtl"]
    .footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .input-group-btn
    .dropdown-menu
    li
    a
    label
    input {
    margin-left: 0;
    margin-right: -20px;
}

[dir="rtl"] .footable.table thead tr.footable-filtering th {
    border-top: none !important;
    padding: 0 0 20px;
}

[dir="rtl"] .footable.table tbody tr td {
    padding: 0.75em;
    line-height: inherit;
}

[dir="rtl"] .footable.table tbody tr td .footable-details {
    margin: 0;
}

[dir="rtl"] .footable.table tbody tr td .footable-details tbody tr th {
    vertical-align: middle;
}

[dir="rtl"] .footable.table tbody tr td.footable-editing .btn-group .btn {
    margin: 0 !important;
    padding: 0 6px !important;
    line-height: 20px !important;
}

[dir="rtl"]
    .footable.table
    tbody
    tr
    td.footable-editing
    .btn-group
    .btn:last-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

[dir="rtl"] .footable.table tbody tr.footable-detail-row > td {
    padding: 0;
}

[dir="rtl"] .footable.table tfoot tr td {
    padding: 15px;
}

[dir="rtl"]
    .footable.table
    tfoot
    tr.footable-editing
    td
    .btn:not(.footable-show) {
    display: none;
}

[dir="rtl"] .footable.table tfoot tr:last-child td {
    padding-bottom: 0;
}

[dir="rtl"]
    .footable.table.footable-editing-show
    tfoot
    tr.footable-editing
    td
    .btn {
    display: none;
}

[dir="rtl"]
    .footable.table.footable-editing-show
    tfoot
    tr.footable-editing
    td
    .btn:not(.footable-show) {
    display: inline-block;
}

[dir="rtl"] .footable-pagination-wrapper .pagination li {
    margin-right: 10px;
}

[dir="rtl"] .footable-pagination-wrapper .pagination li:first-child {
    margin-right: 0;
}

[dir="rtl"] .table-action-buttons .button,
[dir="rtl"] .table-action-buttons .fullcalendar .fc-toolbar .fc-button,
.fullcalendar .fc-toolbar [dir="rtl"] .table-action-buttons .fc-button,
[dir="rtl"] .table-action-buttons #toast-container .toast .toast-message .btn,
#toast-container .toast .toast-message [dir="rtl"] .table-action-buttons .btn,
[dir="rtl"] .table-action-buttons .dataTables_wrapper .dt-buttons .dt-button,
.dataTables_wrapper .dt-buttons [dir="rtl"] .table-action-buttons .dt-button,
[dir="rtl"]
    .table-action-buttons
    .footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .input-group-btn
    .btn,
.footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .input-group-btn
    [dir="rtl"]
    .table-action-buttons
    .btn,
[dir="rtl"]
    .table-action-buttons
    .footable.table
    tbody
    tr
    td.footable-editing
    .btn-group
    .btn,
.footable.table
    tbody
    tr
    td.footable-editing
    .btn-group
    [dir="rtl"]
    .table-action-buttons
    .btn,
[dir="rtl"]
    .table-action-buttons
    .footable.table
    tfoot
    tr.footable-editing
    td
    .btn,
.footable.table
    tfoot
    tr.footable-editing
    td
    [dir="rtl"]
    .table-action-buttons
    .btn,
[dir="rtl"] .table-action-buttons .smart-wizard .sw-toolbar .sw-btn-group .btn,
.smart-wizard .sw-toolbar .sw-btn-group [dir="rtl"] .table-action-buttons .btn {
    margin-right: 3px;
}

[dir="rtl"] .table-action-buttons .button:first-child,
[dir="rtl"]
    .table-action-buttons
    .fullcalendar
    .fc-toolbar
    .fc-button:first-child,
.fullcalendar
    .fc-toolbar
    [dir="rtl"]
    .table-action-buttons
    .fc-button:first-child,
[dir="rtl"]
    .table-action-buttons
    #toast-container
    .toast
    .toast-message
    .btn:first-child,
#toast-container
    .toast
    .toast-message
    [dir="rtl"]
    .table-action-buttons
    .btn:first-child,
[dir="rtl"]
    .table-action-buttons
    .dataTables_wrapper
    .dt-buttons
    .dt-button:first-child,
.dataTables_wrapper
    .dt-buttons
    [dir="rtl"]
    .table-action-buttons
    .dt-button:first-child,
[dir="rtl"]
    .table-action-buttons
    .footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .input-group-btn
    .btn:first-child,
.footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .input-group-btn
    [dir="rtl"]
    .table-action-buttons
    .btn:first-child,
[dir="rtl"]
    .table-action-buttons
    .footable.table
    tbody
    tr
    td.footable-editing
    .btn-group
    .btn:first-child,
.footable.table
    tbody
    tr
    td.footable-editing
    .btn-group
    [dir="rtl"]
    .table-action-buttons
    .btn:first-child,
[dir="rtl"]
    .table-action-buttons
    .footable.table
    tfoot
    tr.footable-editing
    td
    .btn:first-child,
.footable.table
    tfoot
    tr.footable-editing
    td
    [dir="rtl"]
    .table-action-buttons
    .btn:first-child,
[dir="rtl"]
    .table-action-buttons
    .smart-wizard
    .sw-toolbar
    .sw-btn-group
    .btn:first-child,
.smart-wizard
    .sw-toolbar
    .sw-btn-group
    [dir="rtl"]
    .table-action-buttons
    .btn:first-child {
    margin-right: 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    [dir="rtl"] .header-logo {
        padding-left: 15px;
        padding-right: 30px;
    }
}

@media only screen and (max-width: 767px) {
    [dir="rtl"] .header-logo {
        padding-left: 15px;
        padding-right: 30px;
    }
}

@media only screen and (max-width: 575px) {
    [dir="rtl"] .header-logo {
        padding: 20px 15px;
    }
}

[dir="rtl"] .side-header-toggle {
    margin-left: 0;
    margin-right: 15px;
}

@media only screen and (max-width: 479px) {
    [dir="rtl"] .side-header-toggle {
        margin-right: 0;
    }
}

[dir="rtl"] .header-search-form form input {
    padding: 14px 30px 14px 60px;
}

[dir="rtl"] .header-search-form form button {
    left: 0;
    right: auto;
}

[dir="rtl"] .header-search-form .header-search-close {
    left: 0;
    right: auto;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (max-width: 767px) {
    [dir="rtl"] .header-search-form {
        left: 0;
    }
    [dir="rtl"] .header-search-form form input {
        padding-left: 60px;
        padding-right: 20px;
    }
}

[dir="rtl"] .header-notification-area > li > a .drop-arrow {
    margin-left: 0;
    margin-right: 5px;
}

[dir="rtl"] .header-notification-area > li > a .badge {
    left: -4px;
    right: auto;
}

[dir="rtl"] .header-notification-area > li > a .user .avatar .status {
    left: 0;
    right: auto;
}

[dir="rtl"] .header-notification-area > li > a .user .name {
    margin-left: 0;
    margin-right: 10px;
}

[dir="rtl"] .header-notification-area > li .adomx-dropdown-menu {
    left: 0;
    right: auto;
}

@media only screen and (max-width: 479px) {
    [dir="rtl"] .header-notification-area > li:first-child {
        padding-left: 10px !important;
        padding-right: 0 !important;
    }
    [dir="rtl"] .header-notification-area > li:last-child {
        padding-left: 0 !important;
        padding-right: 10px !important;
    }
}

[dir="rtl"] .dropdown-menu-language li a img {
    margin-left: 10px;
    margin-right: 0;
}

[dir="rtl"] .dropdown-menu-mail .body ul li a {
    padding-left: 45px;
    padding-right: 20px;
}

[dir="rtl"] .dropdown-menu-mail .body ul li a .image {
    margin-left: 15px;
    margin-right: 0;
}

[dir="rtl"] .dropdown-menu-mail .body ul li a .reply {
    left: 20px;
    right: auto;
}

[dir="rtl"] .dropdown-menu-notifications .body ul li {
    padding: 11px 30px 11px 40px;
}

[dir="rtl"] .dropdown-menu-notifications .body ul li a {
    padding-left: 0;
    padding-right: 28px;
}

[dir="rtl"] .dropdown-menu-notifications .body ul li a i {
    left: auto;
    right: 0;
}

[dir="rtl"] .dropdown-menu-notifications .body ul li .delete {
    left: 25px;
    right: auto;
}

[dir="rtl"] .dropdown-menu-user .body ul li a i {
    float: right;
    margin-left: 15px;
    margin-right: 0;
}

[dir="rtl"] .side-header {
    left: auto;
    right: 0;
}

[dir="rtl"] .side-header.hide {
    left: auto;
    right: -270px;
}

[dir="rtl"] .side-header.hide + .content-body,
[dir="rtl"] .side-header.hide ~ .footer-section {
    margin-left: 0;
    margin-right: 0;
}

[dir="rtl"] .side-header.show {
    left: auto;
    right: 0;
}

[dir="rtl"] .side-header.show + .content-body,
[dir="rtl"] .side-header.show ~ .footer-section {
    margin-left: 0;
    margin-right: 270px;
}

[dir="rtl"] .side-header .side-header-close {
    left: 0;
    right: auto;
}

[dir="rtl"] .side-header .side-header-inner {
    padding: 0 0 0 25px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (max-width: 767px) {
    [dir="rtl"] .side-header.show {
        left: auto;
        right: 0;
    }
    [dir="rtl"] .side-header.show + .content-body,
    [dir="rtl"] .side-header.show ~ .footer-section {
        margin-left: 0;
        margin-right: 0;
    }
}

@media only screen and (max-width: 767px) {
    [dir="rtl"] .side-header.show .side-header-close {
        left: -40px;
        right: auto;
    }
}

[dir="rtl"] .side-header-menu > ul > li > a {
    padding: 12px 25px 12px 0;
}

[dir="rtl"] .side-header-menu > ul > li > a::before {
    left: auto;
    right: 0;
}

[dir="rtl"] .side-header-menu > ul > li > a span {
    margin-left: 0;
    margin-right: 10px;
}

[dir="rtl"] .side-header-menu > ul > li > a span:first-child {
    margin: 0;
}

[dir="rtl"] .side-header-menu > ul > li > a .menu-expand {
    left: 0;
    right: auto;
}

[dir="rtl"] .side-header-sub-menu {
    padding-left: 0;
    padding-right: 25px;
}

[dir="rtl"] .side-header-sub-menu li a {
    padding: 5px 30px 5px 0;
}

[dir="rtl"] .side-header-sub-menu li a::before {
    left: auto;
    right: 0;
}

[dir="rtl"] .side-header-sub-menu li a span {
    margin-left: 0;
    margin-right: 15px;
}

[dir="rtl"] .side-header-sub-menu li a span:first-child {
    margin: 0;
}

[dir="rtl"] .side-header-sub-menu li a .menu-expand {
    left: 0;
    right: auto;
}

[dir="rtl"] label.inline {
    margin-left: 15px;
    margin-right: 0;
}

[dir="rtl"] label.inline:last-child {
    margin-left: 0;
}

[dir="rtl"] .form-control,
[dir="rtl"] #toast-container .toast .toast-message input,
#toast-container .toast .toast-message [dir="rtl"] input,
[dir="rtl"] .dataTables_wrapper .dataTables_length label input,
.dataTables_wrapper .dataTables_length label [dir="rtl"] input,
[dir="rtl"] .dataTables_wrapper .dataTables_filter label input,
.dataTables_wrapper .dataTables_filter label [dir="rtl"] input,
[dir="rtl"] .dataTables_wrapper .dataTables_length label select,
.dataTables_wrapper .dataTables_length label [dir="rtl"] select,
[dir="rtl"] .dataTables_wrapper .dataTables_filter label select,
.dataTables_wrapper .dataTables_filter label [dir="rtl"] select,
[dir="rtl"]
    .footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .form-control,
.footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    [dir="rtl"]
    .form-control,
[dir="rtl"] .jsgrid-grid-header table tr th input,
.jsgrid-grid-header table tr th [dir="rtl"] input,
[dir="rtl"] .jsgrid-grid-header table tr th select,
.jsgrid-grid-header table tr th [dir="rtl"] select,
[dir="rtl"] .jsgrid-grid-header table tr td input,
.jsgrid-grid-header table tr td [dir="rtl"] input,
[dir="rtl"] .jsgrid-grid-header table tr td select,
.jsgrid-grid-header table tr td [dir="rtl"] select,
[dir="rtl"]
    body.skin-dark
    .footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .form-control,
body.skin-dark
    .footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    [dir="rtl"]
    .form-control,
[dir="rtl"] body.skin-dark .jsgrid-table tr th input:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr th [dir="rtl"] input:not(.jsgrid-button),
[dir="rtl"] body.skin-dark .jsgrid-table tr td input:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr td [dir="rtl"] input:not(.jsgrid-button),
[dir="rtl"] body.skin-dark .jsgrid-table tr th select,
body.skin-dark .jsgrid-table tr th [dir="rtl"] select,
[dir="rtl"] body.skin-dark .jsgrid-table tr td select,
body.skin-dark .jsgrid-table tr td [dir="rtl"] select {
    text-align: right;
}

[dir="rtl"] select.form-control:not([multiple]),
[dir="rtl"] .dataTables_wrapper .dataTables_length label select:not([multiple]),
.dataTables_wrapper .dataTables_length label [dir="rtl"] select:not([multiple]),
[dir="rtl"] .dataTables_wrapper .dataTables_filter label select:not([multiple]),
.dataTables_wrapper .dataTables_filter label [dir="rtl"] select:not([multiple]),
[dir="rtl"]
    .footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    select.form-control:not([multiple]),
.footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    [dir="rtl"]
    select.form-control:not([multiple]),
[dir="rtl"] .jsgrid-grid-header table tr th select:not([multiple]),
.jsgrid-grid-header table tr th [dir="rtl"] select:not([multiple]),
[dir="rtl"] .jsgrid-grid-header table tr td select:not([multiple]),
.jsgrid-grid-header table tr td [dir="rtl"] select:not([multiple]),
[dir="rtl"] body.skin-dark .jsgrid-table tr th select:not([multiple]),
body.skin-dark .jsgrid-table tr th [dir="rtl"] select:not([multiple]),
[dir="rtl"] body.skin-dark .jsgrid-table tr td select:not([multiple]),
body.skin-dark .jsgrid-table tr td [dir="rtl"] select:not([multiple]) {
    background-position: center left;
    padding-left: 35px;
    padding-right: 16px;
}

[dir="rtl"] select.form-control:not([multiple]).form-control-sm,
[dir="rtl"]
    .dataTables_wrapper
    .dataTables_length
    label
    select:not([multiple]).form-control-sm,
.dataTables_wrapper
    .dataTables_length
    label
    [dir="rtl"]
    select:not([multiple]).form-control-sm,
[dir="rtl"]
    .dataTables_wrapper
    .dataTables_filter
    label
    select:not([multiple]).form-control-sm,
.dataTables_wrapper
    .dataTables_filter
    label
    [dir="rtl"]
    select:not([multiple]).form-control-sm,
[dir="rtl"]
    .footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    select.form-control:not([multiple]).form-control-sm,
.footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    [dir="rtl"]
    select.form-control:not([multiple]).form-control-sm,
[dir="rtl"]
    .jsgrid-grid-header
    table
    tr
    th
    select:not([multiple]).form-control-sm,
.jsgrid-grid-header
    table
    tr
    th
    [dir="rtl"]
    select:not([multiple]).form-control-sm,
[dir="rtl"]
    .jsgrid-grid-header
    table
    tr
    td
    select:not([multiple]).form-control-sm,
.jsgrid-grid-header
    table
    tr
    td
    [dir="rtl"]
    select:not([multiple]).form-control-sm,
[dir="rtl"]
    body.skin-dark
    .jsgrid-table
    tr
    th
    select:not([multiple]).form-control-sm,
body.skin-dark
    .jsgrid-table
    tr
    th
    [dir="rtl"]
    select:not([multiple]).form-control-sm,
[dir="rtl"]
    body.skin-dark
    .jsgrid-table
    tr
    td
    select:not([multiple]).form-control-sm,
body.skin-dark
    .jsgrid-table
    tr
    td
    [dir="rtl"]
    select:not([multiple]).form-control-sm {
    padding-left: 35px;
    padding-right: 11px;
}

[dir="rtl"] select.form-control:not([multiple]).form-control-lg,
[dir="rtl"]
    .dataTables_wrapper
    .dataTables_length
    label
    select:not([multiple]).form-control-lg,
.dataTables_wrapper
    .dataTables_length
    label
    [dir="rtl"]
    select:not([multiple]).form-control-lg,
[dir="rtl"]
    .dataTables_wrapper
    .dataTables_filter
    label
    select:not([multiple]).form-control-lg,
.dataTables_wrapper
    .dataTables_filter
    label
    [dir="rtl"]
    select:not([multiple]).form-control-lg,
[dir="rtl"]
    .footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    select.form-control:not([multiple]).form-control-lg,
.footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    [dir="rtl"]
    select.form-control:not([multiple]).form-control-lg,
[dir="rtl"]
    .jsgrid-grid-header
    table
    tr
    th
    select:not([multiple]).form-control-lg,
.jsgrid-grid-header
    table
    tr
    th
    [dir="rtl"]
    select:not([multiple]).form-control-lg,
[dir="rtl"]
    .jsgrid-grid-header
    table
    tr
    td
    select:not([multiple]).form-control-lg,
.jsgrid-grid-header
    table
    tr
    td
    [dir="rtl"]
    select:not([multiple]).form-control-lg,
[dir="rtl"]
    body.skin-dark
    .jsgrid-table
    tr
    th
    select:not([multiple]).form-control-lg,
body.skin-dark
    .jsgrid-table
    tr
    th
    [dir="rtl"]
    select:not([multiple]).form-control-lg,
[dir="rtl"]
    body.skin-dark
    .jsgrid-table
    tr
    td
    select:not([multiple]).form-control-lg,
body.skin-dark
    .jsgrid-table
    tr
    td
    [dir="rtl"]
    select:not([multiple]).form-control-lg {
    padding-left: 35px;
    padding-right: 21px;
}

[dir="rtl"] input[type="checkbox"],
[dir="rtl"] input[type="radio"] {
    margin-left: 5px;
    margin-right: 0;
}

[dir="rtl"] .adomx-checkbox {
    padding-left: 0;
    padding-right: 25px;
}

[dir="rtl"] .adomx-checkbox input {
    left: auto;
    right: 0;
}

[dir="rtl"] .adomx-checkbox .icon {
    left: auto;
    right: 0;
}

[dir="rtl"] .adomx-checkbox-2 {
    padding-left: 0;
    padding-right: 25px;
}

[dir="rtl"] .adomx-checkbox-2 input {
    left: auto;
    right: 0;
}

[dir="rtl"] .adomx-checkbox-2 .icon {
    left: auto;
    right: 0;
}

[dir="rtl"] .adomx-radio {
    padding-left: 0;
    padding-right: 25px;
}

[dir="rtl"] .adomx-radio input {
    left: auto;
    right: 0;
}

[dir="rtl"] .adomx-radio .icon {
    left: auto;
    right: 0;
}

[dir="rtl"] .adomx-radio-2 {
    padding-left: 0;
    padding-right: 25px;
}

[dir="rtl"] .adomx-radio-2 input {
    left: auto;
    right: 0;
}

[dir="rtl"] .adomx-radio-2 .icon {
    left: auto;
    right: 0;
}

[dir="rtl"] .daterangepicker .drp-calendar {
    padding: 10px;
}

[dir="rtl"] .daterangepicker .drp-calendar .calendar-table {
    padding: 0 !important;
}

[dir="rtl"]
    .daterangepicker
    .drp-calendar
    .calendar-table
    .table-condensed
    thead
    tr
    th.prev
    span {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    margin-right: 4px;
}

[dir="rtl"]
    .daterangepicker
    .drp-calendar
    .calendar-table
    .table-condensed
    thead
    tr
    th.next
    span {
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
}

[dir="rtl"] .note-editor.note-frame .note-toolbar .note-btn-group .note-btn {
    margin-left: 0;
    margin-right: -1px;
    border-radius: 0;
}

[dir="rtl"]
    .note-editor.note-frame
    .note-toolbar
    .note-btn-group
    .note-btn.dropdown-toggle {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

[dir="rtl"]
    .note-editor.note-frame
    .note-toolbar
    .note-btn-group
    .note-btn::after {
    margin-left: 0;
    margin-right: 5px;
}

[dir="rtl"]
    .note-editor.note-frame
    .note-toolbar
    .note-btn-group
    .note-btn:empty::after {
    margin: 0;
    margin-right: -3px;
}

[dir="rtl"]
    .note-editor.note-frame
    .note-toolbar
    .note-btn-group
    .note-btn:first-child {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

[dir="rtl"]
    .note-editor.note-frame
    .note-toolbar
    .note-btn-group
    .note-btn:last-child {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

[dir="rtl"]
    .note-editor.note-frame
    .note-toolbar
    .note-btn-group
    .dropdown-menu {
    text-align: right;
}

[dir="rtl"]
    .ql-toolbar
    .ql-formats
    .ql-picker:not(.ql-color-picker):not(.ql-icon-picker)
    svg {
    right: auto;
    left: 0;
}

[dir="rtl"] .quill.ql-container .ql-editor {
    text-align: right;
}

[dir="rtl"] .filepond--root {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

[dir="rtl"] .filepond--root .filepond--drop-label {
    left: auto;
    right: 0;
}

[dir="rtl"] .filepond--root .filepond--list-scroller .filepond--list {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

[dir="rtl"] .nice-select {
    padding-left: 35px;
    padding-right: 16px;
}

[dir="rtl"] .nice-select.form-control-sm {
    padding-left: 35px;
    padding-right: 11px;
}

[dir="rtl"] .nice-select.form-control-lg {
    padding-left: 35px;
    padding-right: 21px;
}

[dir="rtl"] .nice-select::after {
    left: 20px;
    right: auto;
}

[dir="rtl"] .nice-select .current {
    float: right;
}

[dir="rtl"] .nice-select .list li {
    text-align: right;
}

[dir="rtl"] .form-control.bSelect .btn .filter-option,
[dir="rtl"]
    #toast-container
    .toast
    .toast-message
    input.bSelect
    .btn
    .filter-option,
#toast-container
    .toast
    .toast-message
    [dir="rtl"]
    input.bSelect
    .btn
    .filter-option,
[dir="rtl"]
    .dataTables_wrapper
    .dataTables_length
    label
    input.bSelect
    .btn
    .filter-option,
.dataTables_wrapper
    .dataTables_length
    label
    [dir="rtl"]
    input.bSelect
    .btn
    .filter-option,
[dir="rtl"]
    .dataTables_wrapper
    .dataTables_filter
    label
    input.bSelect
    .btn
    .filter-option,
.dataTables_wrapper
    .dataTables_filter
    label
    [dir="rtl"]
    input.bSelect
    .btn
    .filter-option,
[dir="rtl"]
    .dataTables_wrapper
    .dataTables_length
    label
    select.bSelect
    .btn
    .filter-option,
.dataTables_wrapper
    .dataTables_length
    label
    [dir="rtl"]
    select.bSelect
    .btn
    .filter-option,
[dir="rtl"]
    .dataTables_wrapper
    .dataTables_filter
    label
    select.bSelect
    .btn
    .filter-option,
.dataTables_wrapper
    .dataTables_filter
    label
    [dir="rtl"]
    select.bSelect
    .btn
    .filter-option,
[dir="rtl"]
    .footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .bSelect.form-control
    .btn
    .filter-option,
.footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    [dir="rtl"]
    .bSelect.form-control
    .btn
    .filter-option,
[dir="rtl"] .jsgrid-grid-header table tr th input.bSelect .btn .filter-option,
.jsgrid-grid-header table tr th [dir="rtl"] input.bSelect .btn .filter-option,
[dir="rtl"] .jsgrid-grid-header table tr th select.bSelect .btn .filter-option,
.jsgrid-grid-header table tr th [dir="rtl"] select.bSelect .btn .filter-option,
[dir="rtl"] .jsgrid-grid-header table tr td input.bSelect .btn .filter-option,
.jsgrid-grid-header table tr td [dir="rtl"] input.bSelect .btn .filter-option,
[dir="rtl"] .jsgrid-grid-header table tr td select.bSelect .btn .filter-option,
.jsgrid-grid-header table tr td [dir="rtl"] select.bSelect .btn .filter-option,
[dir="rtl"]
    body.skin-dark
    .jsgrid-table
    tr
    th
    input.bSelect:not(.jsgrid-button)
    .btn
    .filter-option,
body.skin-dark
    .jsgrid-table
    tr
    th
    [dir="rtl"]
    input.bSelect:not(.jsgrid-button)
    .btn
    .filter-option,
[dir="rtl"]
    body.skin-dark
    .jsgrid-table
    tr
    td
    input.bSelect:not(.jsgrid-button)
    .btn
    .filter-option,
body.skin-dark
    .jsgrid-table
    tr
    td
    [dir="rtl"]
    input.bSelect:not(.jsgrid-button)
    .btn
    .filter-option,
[dir="rtl"]
    body.skin-dark
    .jsgrid-table
    tr
    th
    select.bSelect
    .btn
    .filter-option,
body.skin-dark
    .jsgrid-table
    tr
    th
    [dir="rtl"]
    select.bSelect
    .btn
    .filter-option,
[dir="rtl"]
    body.skin-dark
    .jsgrid-table
    tr
    td
    select.bSelect
    .btn
    .filter-option,
body.skin-dark
    .jsgrid-table
    tr
    td
    [dir="rtl"]
    select.bSelect
    .btn
    .filter-option {
    text-align: right;
    margin: 0;
    padding-right: 0;
    padding-left: inherit;
}

[dir="rtl"] .form-control.bSelect .dropdown-menu,
[dir="rtl"] #toast-container .toast .toast-message input.bSelect .dropdown-menu,
#toast-container .toast .toast-message [dir="rtl"] input.bSelect .dropdown-menu,
[dir="rtl"]
    .dataTables_wrapper
    .dataTables_length
    label
    input.bSelect
    .dropdown-menu,
.dataTables_wrapper
    .dataTables_length
    label
    [dir="rtl"]
    input.bSelect
    .dropdown-menu,
[dir="rtl"]
    .dataTables_wrapper
    .dataTables_filter
    label
    input.bSelect
    .dropdown-menu,
.dataTables_wrapper
    .dataTables_filter
    label
    [dir="rtl"]
    input.bSelect
    .dropdown-menu,
[dir="rtl"]
    .dataTables_wrapper
    .dataTables_length
    label
    select.bSelect
    .dropdown-menu,
.dataTables_wrapper
    .dataTables_length
    label
    [dir="rtl"]
    select.bSelect
    .dropdown-menu,
[dir="rtl"]
    .dataTables_wrapper
    .dataTables_filter
    label
    select.bSelect
    .dropdown-menu,
.dataTables_wrapper
    .dataTables_filter
    label
    [dir="rtl"]
    select.bSelect
    .dropdown-menu,
[dir="rtl"]
    .footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    .bSelect.form-control
    .dropdown-menu,
.footable.table
    thead
    tr
    th
    .footable-filtering-search
    .input-group
    [dir="rtl"]
    .bSelect.form-control
    .dropdown-menu,
[dir="rtl"] .jsgrid-grid-header table tr th input.bSelect .dropdown-menu,
.jsgrid-grid-header table tr th [dir="rtl"] input.bSelect .dropdown-menu,
[dir="rtl"] .jsgrid-grid-header table tr th select.bSelect .dropdown-menu,
.jsgrid-grid-header table tr th [dir="rtl"] select.bSelect .dropdown-menu,
[dir="rtl"] .jsgrid-grid-header table tr td input.bSelect .dropdown-menu,
.jsgrid-grid-header table tr td [dir="rtl"] input.bSelect .dropdown-menu,
[dir="rtl"] .jsgrid-grid-header table tr td select.bSelect .dropdown-menu,
.jsgrid-grid-header table tr td [dir="rtl"] select.bSelect .dropdown-menu,
[dir="rtl"]
    body.skin-dark
    .jsgrid-table
    tr
    th
    input.bSelect:not(.jsgrid-button)
    .dropdown-menu,
body.skin-dark
    .jsgrid-table
    tr
    th
    [dir="rtl"]
    input.bSelect:not(.jsgrid-button)
    .dropdown-menu,
[dir="rtl"]
    body.skin-dark
    .jsgrid-table
    tr
    td
    input.bSelect:not(.jsgrid-button)
    .dropdown-menu,
body.skin-dark
    .jsgrid-table
    tr
    td
    [dir="rtl"]
    input.bSelect:not(.jsgrid-button)
    .dropdown-menu,
[dir="rtl"] body.skin-dark .jsgrid-table tr th select.bSelect .dropdown-menu,
body.skin-dark .jsgrid-table tr th [dir="rtl"] select.bSelect .dropdown-menu,
[dir="rtl"] body.skin-dark .jsgrid-table tr td select.bSelect .dropdown-menu,
body.skin-dark .jsgrid-table tr td [dir="rtl"] select.bSelect .dropdown-menu {
    margin: 0;
    max-height: 200px;
    overflow-y: auto;
}

[dir="rtl"] .adomx-switch input:checked + .lever::before {
    left: 0;
}

[dir="rtl"] .adomx-switch .lever {
    margin-left: 10px;
    margin-right: 0;
}

[dir="rtl"] .adomx-switch .lever::before {
    left: 20px;
}

[dir="rtl"] .adomx-switch-2 input:checked + .lever::before {
    left: 0;
}

[dir="rtl"] .adomx-switch-2 .lever {
    margin-left: 10px;
    margin-right: 0;
}

[dir="rtl"] .adomx-switch-2 .lever::before {
    left: 20px;
}

[dir="rtl"] .smart-wizard .sw-toolbar .sw-btn-group {
    margin-right: 15px !important;
    margin-right: 0 !important;
}

[dir="rtl"] .smart-wizard .sw-toolbar .sw-btn-group:last-child {
    margin-left: 0 !important;
}

[dir="rtl"] .smart-wizard .sw-toolbar .sw-btn-group .btn {
    margin-left: 5px !important;
    margin-right: 0 !important;
}

[dir="rtl"] .smart-wizard .sw-toolbar .sw-btn-group .btn:last-child {
    margin-left: 0 !important;
}

[dir="rtl"] .top-report .icon {
    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 .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;
}

/* additional */
.show-password {
    position: absolute;
    right: 28px;
    top: 48%;
    transform: translateY(-50%);
    font-size: 20px;
    cursor: pointer;
}
.tableFixHead {
    overflow-y: auto;
    height: 475px;
}
.tableFixHead thead th {
    position: sticky;
    top: -2px;
}

.loader-modal .modal-dialog {
    display: table;
    position: relative;
    margin: 0 auto;
    top: calc(50% - 24px);
}

.loader-modal .modal-dialog .modal-content {
    background-color: transparent;
    border: none;
    color: #fff;
}

.color-blue {
    color: #428bfa;
}

.color-green {
    color: #28a745;
}
.topSourceContent {
    line-height: 1;
    margin-bottom: 0.1rem;
}

.slideTransition {
    -webkit-transition: width 0.3s ease 0s;
    -o-transition: width 0.3s ease 0s;
    transition: width 0.3s ease 0s;
}

.slideContainer.show {
    width: 100%;
}

.slideContainer.hide {
    width: 0;
}

.slideRight.hide {
    right: 0;
    animation-direction: normal;
}

.slideRight.show {
    right: 100%;
    animation-direction: reverse;
}

.slideLeft.hide {
    left: 0;
    animation-direction: reverse;
}

.slideLeft.show {
    left: 100%;
    animation-direction: normal;
}

table.table > tbody > tr > td {
    white-space: break-spaces;
}

.text11px{
    font-size: 11px !important;
}

.text12px{
    font-size: 12px !important;
}

.text13px{
    font-size: 13px !important;
}

.text14px{
    font-size: 14px !important;
}

.text15px{
    font-size: 15px !important;
}

.text16px{
    font-size: 16px !important;
}

.text18px{
    font-size: 18px !important;
}

.cursor-pointer{
    cursor: pointer;
}
.border-top-2px{
    border-top:2px solid #dee2e6!important
}
.border-bottom-2px{
    border-bottom:2px solid #dee2e6!important
}