/*-- 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%;
}

.bgLoginImg {
   
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: url(../images/bg/bg-login.svg) transparent;
    background-size: auto 100%;
    z-index: -1;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

*:focus {
    outline: none !important;
}

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

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

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

img {
    max-width: 100%;
}

/*-- Common Classes --*/

.fix {
    overflow: hidden;
}

.hidden {
    display: none;
}

.clear {
    clear: both;
}

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

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

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

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

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

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

/*--  Input Placeholder --*/

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

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

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

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

/*-- Background Color, Text Color & Font Weight Classes --*/

/*Background Color*/

.bg-white {
    background-color: #ffffff !important;
}

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

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

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

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

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

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

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

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

/*Text Color*/

.text-white {
    color: #ffffff !important;
}

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

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

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

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

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

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

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

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

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

/*Font Weight*/

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

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

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

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

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

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

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

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

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

/*White Space*/

.white-space-nowrap {
    white-space: nowrap;
}

/*-- Tab Content & Pane Fix --*/

.tab-content {
    width: 100%;
}

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

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

/*-- Main Wrapper --*/

/*Content Body*/

.content-body {
    padding: 30px;
    margin-top: 110px;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

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

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

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

/*Custom Scroll (Perfect Scroll)*/

.custom-scroll {
    position: relative;
    overflow: hidden;
}

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

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

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

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

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

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

/*Dropdown Menu*/

.adomx-dropdown {
    position: relative;
}

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

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

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

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

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

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

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

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

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

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

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

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

/*Date Picker*/

.datepicker {
    padding: 10px !important;
}

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

.datepicker table {
    width: 100%;
}

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

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

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

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

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

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

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

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

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

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

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

/*Note Editor*/

.note-editor.note-frame {
    border: 1px solid #dddddd;
}

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

/*-- Page Titles --*/

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

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

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

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

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

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

/*-- Icon Page Icon List Style --*/

.icon-list-wrap {
    border-top: 1px solid #eeeeee;
    border-left: 1px solid #eeeeee;
}

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

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

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

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

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

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

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

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

/*-- Box Style --*/

.box {
    word-wrap: break-word;
    background-color: #fafafa;
}

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

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

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

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

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

/*Add & Edit Product Wrap*/

.add-edit-product-wrap {
    background-color: #fafafa;
    padding: 80px;
}

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

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

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

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

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

/*Add & Edit Product Form*/

.add-edit-product-form .title {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.1;
    margin-bottom: 20px;
}

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

/*Order Details Customer Information*/

.order-details-customer-info ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

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

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

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

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

/*Daily Sale Report*/

.daily-sale-report .tippy {
    margin-left: 10px;
}

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

/*  02. Elements CSS
/*----------------------------------------*/

/*--
    - Accordion
--------------------------------------*/

.accordion .card {
    border: none;
    margin-bottom: 10px;
    border-radius: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*--
    - Alert
--------------------------------------*/

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*--
    - Avatar
--------------------------------------*/

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*--
    - Badge
--------------------------------------*/

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*--
    - Button
--------------------------------------*/

/*Button Group*/

.button-group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*-- Button Sizes --*/

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*-- Button Colors --*/

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*-- Button Socails --*/

.button-android {
    background-color: #7AC157;
    border-color: #7AC157;
    color: #ffffff;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*--
    - Card
--------------------------------------*/

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

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

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

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

/*--
    - List
--------------------------------------*/

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*List Group*/

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

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

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

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

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

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

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

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

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

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

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

/*--
    - Pagination
--------------------------------------*/

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

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

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

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

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

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

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

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

/*--
    - Progress
--------------------------------------*/

.progress {
    margin-bottom: 20px;
}

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

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

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

/*--
    - Spinner
--------------------------------------*/

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

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

/*--
    - Tab
--------------------------------------*/

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

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

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

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

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

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

.nav-pills {
    padding: 0;
}

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

/*--
    - Fullcalendar
--------------------------------------*/

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*--
    - Media Player
--------------------------------------*/

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

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

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

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

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

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

/*--
    - Ratting
--------------------------------------*/

.rating {
    line-height: 1;
}

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

/*--
    - Sweetalert
--------------------------------------*/

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

/*--
    - Toasrt
--------------------------------------*/

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*  03. Form CSS
/*----------------------------------------*/

/*--
    - Basic
--------------------------------------*/

/*Help Text*/

.form-help-text {
    display: block;
    font-size: 13px;
    display: block;
    color: #999999;
    margin-top: 5px;
}

/*Form Group*/

.form-group {
    margin: 0;
}

/* provides a red astrix to denote required fields - this should be included in common stylesheet */

.form-group.required .control-label:after {
    content: "*";
    color: red;
    margin-left: 4px;
}

/*Label*/

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

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

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

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

/*Form Coltrol*/

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

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

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

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

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

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

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

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

.form-control.nice-select,
#toast-container .toast .toast-message input.nice-select,
.dataTables_wrapper .dataTables_length label input.nice-select,
.dataTables_wrapper .dataTables_filter label input.nice-select,
.dataTables_wrapper .dataTables_length label select.nice-select,
.dataTables_wrapper .dataTables_filter label select.nice-select,
.footable.table thead tr th .footable-filtering-search .input-group .nice-select.form-control,
.jsgrid-grid-header table tr th input.nice-select,
.jsgrid-grid-header table tr th select.nice-select,
.jsgrid-grid-header table tr td input.nice-select,
.jsgrid-grid-header table tr td select.nice-select,
body.skin-dark .footable.table thead tr th .footable-filtering-search .input-group .nice-select.form-control,
body.skin-dark .jsgrid-table tr th input.nice-select:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr td input.nice-select:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr th select.nice-select,
body.skin-dark .jsgrid-table tr td select.nice-select {
    padding-right: 35px;
}

.form-control.dark,
#toast-container .toast .toast-message input.dark,
.dataTables_wrapper .dataTables_length label input.dark,
.dataTables_wrapper .dataTables_filter label input.dark,
.dataTables_wrapper .dataTables_length label select.dark,
.dataTables_wrapper .dataTables_filter label select.dark,
.footable.table thead tr th .footable-filtering-search .input-group .dark.form-control,
.jsgrid-grid-header table tr th input.dark,
.jsgrid-grid-header table tr th select.dark,
.jsgrid-grid-header table tr td input.dark,
.jsgrid-grid-header table tr td select.dark,
body.skin-dark .footable.table thead tr th .footable-filtering-search .input-group .dark.form-control,
body.skin-dark .jsgrid-table tr th input.dark:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr td input.dark:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr th select.dark,
body.skin-dark .jsgrid-table tr td select.dark,
.form-control.focus-dark:focus,
#toast-container .toast .toast-message input.focus-dark:focus,
.dataTables_wrapper .dataTables_length label input.focus-dark:focus,
.dataTables_wrapper .dataTables_filter label input.focus-dark:focus,
.dataTables_wrapper .dataTables_length label select.focus-dark:focus,
.dataTables_wrapper .dataTables_filter label select.focus-dark:focus,
.footable.table thead tr th .footable-filtering-search .input-group .focus-dark.form-control:focus,
.jsgrid-grid-header table tr th input.focus-dark:focus,
.jsgrid-grid-header table tr th select.focus-dark:focus,
.jsgrid-grid-header table tr td input.focus-dark:focus,
.jsgrid-grid-header table tr td select.focus-dark:focus,
body.skin-dark .jsgrid-table tr th input.focus-dark:focus:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr td input.focus-dark:focus:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr th select.focus-dark:focus,
body.skin-dark .jsgrid-table tr td select.focus-dark:focus {
    border-color: #343434;
}

.form-control.primary,
#toast-container .toast .toast-message input.primary,
.dataTables_wrapper .dataTables_length label input.primary,
.dataTables_wrapper .dataTables_filter label input.primary,
.dataTables_wrapper .dataTables_length label select.primary,
.dataTables_wrapper .dataTables_filter label select.primary,
.footable.table thead tr th .footable-filtering-search .input-group .primary.form-control,
.jsgrid-grid-header table tr th input.primary,
.jsgrid-grid-header table tr th select.primary,
.jsgrid-grid-header table tr td input.primary,
.jsgrid-grid-header table tr td select.primary,
body.skin-dark .footable.table thead tr th .footable-filtering-search .input-group .primary.form-control,
body.skin-dark .jsgrid-table tr th input.primary:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr td input.primary:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr th select.primary,
body.skin-dark .jsgrid-table tr td select.primary,
.form-control.focus-primary:focus,
#toast-container .toast .toast-message input.focus-primary:focus,
.dataTables_wrapper .dataTables_length label input.focus-primary:focus,
.dataTables_wrapper .dataTables_filter label input.focus-primary:focus,
.dataTables_wrapper .dataTables_length label select.focus-primary:focus,
.dataTables_wrapper .dataTables_filter label select.focus-primary:focus,
.footable.table thead tr th .footable-filtering-search .input-group .focus-primary.form-control:focus,
.jsgrid-grid-header table tr th input.focus-primary:focus,
.jsgrid-grid-header table tr th select.focus-primary:focus,
.jsgrid-grid-header table tr td input.focus-primary:focus,
.jsgrid-grid-header table tr td select.focus-primary:focus,
body.skin-dark .jsgrid-table tr th input.focus-primary:focus:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr td input.focus-primary:focus:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr th select.focus-primary:focus,
body.skin-dark .jsgrid-table tr td select.focus-primary:focus {
    border-color: #428bfa;
}

.form-control.secondary,
#toast-container .toast .toast-message input.secondary,
.dataTables_wrapper .dataTables_length label input.secondary,
.dataTables_wrapper .dataTables_filter label input.secondary,
.dataTables_wrapper .dataTables_length label select.secondary,
.dataTables_wrapper .dataTables_filter label select.secondary,
.footable.table thead tr th .footable-filtering-search .input-group .secondary.form-control,
.jsgrid-grid-header table tr th input.secondary,
.jsgrid-grid-header table tr th select.secondary,
.jsgrid-grid-header table tr td input.secondary,
.jsgrid-grid-header table tr td select.secondary,
body.skin-dark .footable.table thead tr th .footable-filtering-search .input-group .secondary.form-control,
body.skin-dark .jsgrid-table tr th input.secondary:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr td input.secondary:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr th select.secondary,
body.skin-dark .jsgrid-table tr td select.secondary,
.form-control.focus-secondary:focus,
#toast-container .toast .toast-message input.focus-secondary:focus,
.dataTables_wrapper .dataTables_length label input.focus-secondary:focus,
.dataTables_wrapper .dataTables_filter label input.focus-secondary:focus,
.dataTables_wrapper .dataTables_length label select.focus-secondary:focus,
.dataTables_wrapper .dataTables_filter label select.focus-secondary:focus,
.footable.table thead tr th .footable-filtering-search .input-group .focus-secondary.form-control:focus,
.jsgrid-grid-header table tr th input.focus-secondary:focus,
.jsgrid-grid-header table tr th select.focus-secondary:focus,
.jsgrid-grid-header table tr td input.focus-secondary:focus,
.jsgrid-grid-header table tr td select.focus-secondary:focus,
body.skin-dark .jsgrid-table tr th input.focus-secondary:focus:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr td input.focus-secondary:focus:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr th select.focus-secondary:focus,
body.skin-dark .jsgrid-table tr td select.focus-secondary:focus {
    border-color: #fb7da4;
}

.form-control.success,
#toast-container .toast .toast-message input.success,
.dataTables_wrapper .dataTables_length label input.success,
.dataTables_wrapper .dataTables_filter label input.success,
.dataTables_wrapper .dataTables_length label select.success,
.dataTables_wrapper .dataTables_filter label select.success,
.footable.table thead tr th .footable-filtering-search .input-group .success.form-control,
.jsgrid-grid-header table tr th input.success,
.jsgrid-grid-header table tr th select.success,
.jsgrid-grid-header table tr td input.success,
.jsgrid-grid-header table tr td select.success,
body.skin-dark .footable.table thead tr th .footable-filtering-search .input-group .success.form-control,
body.skin-dark .jsgrid-table tr th input.success:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr td input.success:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr th select.success,
body.skin-dark .jsgrid-table tr td select.success,
.form-control.focus-success:focus,
#toast-container .toast .toast-message input.focus-success:focus,
.dataTables_wrapper .dataTables_length label input.focus-success:focus,
.dataTables_wrapper .dataTables_filter label input.focus-success:focus,
.dataTables_wrapper .dataTables_length label select.focus-success:focus,
.dataTables_wrapper .dataTables_filter label select.focus-success:focus,
.footable.table thead tr th .footable-filtering-search .input-group .focus-success.form-control:focus,
.jsgrid-grid-header table tr th input.focus-success:focus,
.jsgrid-grid-header table tr th select.focus-success:focus,
.jsgrid-grid-header table tr td input.focus-success:focus,
.jsgrid-grid-header table tr td select.focus-success:focus,
body.skin-dark .jsgrid-table tr th input.focus-success:focus:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr td input.focus-success:focus:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr th select.focus-success:focus,
body.skin-dark .jsgrid-table tr td select.focus-success:focus {
    border-color: #29db2d;
}

.form-control.danger,
#toast-container .toast .toast-message input.danger,
.dataTables_wrapper .dataTables_length label input.danger,
.dataTables_wrapper .dataTables_filter label input.danger,
.dataTables_wrapper .dataTables_length label select.danger,
.dataTables_wrapper .dataTables_filter label select.danger,
.footable.table thead tr th .footable-filtering-search .input-group .danger.form-control,
.jsgrid-grid-header table tr th input.danger,
.jsgrid-grid-header table tr th select.danger,
.jsgrid-grid-header table tr td input.danger,
.jsgrid-grid-header table tr td select.danger,
body.skin-dark .footable.table thead tr th .footable-filtering-search .input-group .danger.form-control,
body.skin-dark .jsgrid-table tr th input.danger:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr td input.danger:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr th select.danger,
body.skin-dark .jsgrid-table tr td select.danger,
.form-control.focus-danger:focus,
#toast-container .toast .toast-message input.focus-danger:focus,
.dataTables_wrapper .dataTables_length label input.focus-danger:focus,
.dataTables_wrapper .dataTables_filter label input.focus-danger:focus,
.dataTables_wrapper .dataTables_length label select.focus-danger:focus,
.dataTables_wrapper .dataTables_filter label select.focus-danger:focus,
.footable.table thead tr th .footable-filtering-search .input-group .focus-danger.form-control:focus,
.jsgrid-grid-header table tr th input.focus-danger:focus,
.jsgrid-grid-header table tr th select.focus-danger:focus,
.jsgrid-grid-header table tr td input.focus-danger:focus,
.jsgrid-grid-header table tr td select.focus-danger:focus,
body.skin-dark .jsgrid-table tr th input.focus-danger:focus:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr td input.focus-danger:focus:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr th select.focus-danger:focus,
body.skin-dark .jsgrid-table tr td select.focus-danger:focus {
    border-color: #fd427c;
}

.form-control.warning,
#toast-container .toast .toast-message input.warning,
.dataTables_wrapper .dataTables_length label input.warning,
.dataTables_wrapper .dataTables_filter label input.warning,
.dataTables_wrapper .dataTables_length label select.warning,
.dataTables_wrapper .dataTables_filter label select.warning,
.footable.table thead tr th .footable-filtering-search .input-group .warning.form-control,
.jsgrid-grid-header table tr th input.warning,
.jsgrid-grid-header table tr th select.warning,
.jsgrid-grid-header table tr td input.warning,
.jsgrid-grid-header table tr td select.warning,
body.skin-dark .footable.table thead tr th .footable-filtering-search .input-group .warning.form-control,
body.skin-dark .jsgrid-table tr th input.warning:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr td input.warning:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr th select.warning,
body.skin-dark .jsgrid-table tr td select.warning,
.form-control.focus-warning:focus,
#toast-container .toast .toast-message input.focus-warning:focus,
.dataTables_wrapper .dataTables_length label input.focus-warning:focus,
.dataTables_wrapper .dataTables_filter label input.focus-warning:focus,
.dataTables_wrapper .dataTables_length label select.focus-warning:focus,
.dataTables_wrapper .dataTables_filter label select.focus-warning:focus,
.footable.table thead tr th .footable-filtering-search .input-group .focus-warning.form-control:focus,
.jsgrid-grid-header table tr th input.focus-warning:focus,
.jsgrid-grid-header table tr th select.focus-warning:focus,
.jsgrid-grid-header table tr td input.focus-warning:focus,
.jsgrid-grid-header table tr td select.focus-warning:focus,
body.skin-dark .jsgrid-table tr th input.focus-warning:focus:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr td input.focus-warning:focus:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr th select.focus-warning:focus,
body.skin-dark .jsgrid-table tr td select.focus-warning:focus {
    border-color: #ff9666;
}

.form-control.info,
#toast-container .toast .toast-message input.info,
.dataTables_wrapper .dataTables_length label input.info,
.dataTables_wrapper .dataTables_filter label input.info,
.dataTables_wrapper .dataTables_length label select.info,
.dataTables_wrapper .dataTables_filter label select.info,
.footable.table thead tr th .footable-filtering-search .input-group .info.form-control,
.jsgrid-grid-header table tr th input.info,
.jsgrid-grid-header table tr th select.info,
.jsgrid-grid-header table tr td input.info,
.jsgrid-grid-header table tr td select.info,
body.skin-dark .footable.table thead tr th .footable-filtering-search .input-group .info.form-control,
body.skin-dark .jsgrid-table tr th input.info:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr td input.info:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr th select.info,
body.skin-dark .jsgrid-table tr td select.info,
.form-control.focus-info:focus,
#toast-container .toast .toast-message input.focus-info:focus,
.dataTables_wrapper .dataTables_length label input.focus-info:focus,
.dataTables_wrapper .dataTables_filter label input.focus-info:focus,
.dataTables_wrapper .dataTables_length label select.focus-info:focus,
.dataTables_wrapper .dataTables_filter label select.focus-info:focus,
.footable.table thead tr th .footable-filtering-search .input-group .focus-info.form-control:focus,
.jsgrid-grid-header table tr th input.focus-info:focus,
.jsgrid-grid-header table tr th select.focus-info:focus,
.jsgrid-grid-header table tr td input.focus-info:focus,
.jsgrid-grid-header table tr td select.focus-info:focus,
body.skin-dark .jsgrid-table tr th input.focus-info:focus:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr td input.focus-info:focus:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr th select.focus-info:focus,
body.skin-dark .jsgrid-table tr td select.focus-info:focus {
    border-color: #17a2b8;
}

.form-control.form-control-sm,
#toast-container .toast .toast-message input.form-control-sm,
.dataTables_wrapper .dataTables_length label input.form-control-sm,
.dataTables_wrapper .dataTables_filter label input.form-control-sm,
.dataTables_wrapper .dataTables_length label select.form-control-sm,
.dataTables_wrapper .dataTables_filter label select.form-control-sm,
.footable.table thead tr th .footable-filtering-search .input-group .form-control-sm.form-control,
.jsgrid-grid-header table tr th input.form-control-sm,
.jsgrid-grid-header table tr th select.form-control-sm,
.jsgrid-grid-header table tr td input.form-control-sm,
.jsgrid-grid-header table tr td select.form-control-sm,
body.skin-dark .footable.table thead tr th .footable-filtering-search .input-group .form-control-sm.form-control,
body.skin-dark .jsgrid-table tr th input.form-control-sm:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr td input.form-control-sm:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr th select.form-control-sm,
body.skin-dark .jsgrid-table tr td select.form-control-sm {
    padding: 5px 15px;
    font-size: 12px;
}

.form-control.form-control-sm.nice-select,
#toast-container .toast .toast-message input.form-control-sm.nice-select,
.dataTables_wrapper .dataTables_length label input.form-control-sm.nice-select,
.dataTables_wrapper .dataTables_filter label input.form-control-sm.nice-select,
.dataTables_wrapper .dataTables_length label select.form-control-sm.nice-select,
.dataTables_wrapper .dataTables_filter label select.form-control-sm.nice-select,
.footable.table thead tr th .footable-filtering-search .input-group .form-control-sm.nice-select.form-control,
.jsgrid-grid-header table tr th input.form-control-sm.nice-select,
.jsgrid-grid-header table tr th select.form-control-sm.nice-select,
.jsgrid-grid-header table tr td input.form-control-sm.nice-select,
.jsgrid-grid-header table tr td select.form-control-sm.nice-select,
body.skin-dark .jsgrid-table tr th input.form-control-sm.nice-select:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr td input.form-control-sm.nice-select:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr th select.form-control-sm.nice-select,
body.skin-dark .jsgrid-table tr td select.form-control-sm.nice-select {
    padding-right: 35px;
}

.form-control.form-control-lg,
#toast-container .toast .toast-message input.form-control-lg,
.dataTables_wrapper .dataTables_length label input.form-control-lg,
.dataTables_wrapper .dataTables_filter label input.form-control-lg,
.dataTables_wrapper .dataTables_length label select.form-control-lg,
.dataTables_wrapper .dataTables_filter label select.form-control-lg,
.footable.table thead tr th .footable-filtering-search .input-group .form-control-lg.form-control,
.jsgrid-grid-header table tr th input.form-control-lg,
.jsgrid-grid-header table tr th select.form-control-lg,
.jsgrid-grid-header table tr td input.form-control-lg,
.jsgrid-grid-header table tr td select.form-control-lg,
body.skin-dark .footable.table thead tr th .footable-filtering-search .input-group .form-control-lg.form-control,
body.skin-dark .jsgrid-table tr th input.form-control-lg:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr td input.form-control-lg:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr th select.form-control-lg,
body.skin-dark .jsgrid-table tr td select.form-control-lg {
    padding: 15px 25px;
    font-size: 16px;
}

.form-control.form-control-lg.nice-select,
#toast-container .toast .toast-message input.form-control-lg.nice-select,
.dataTables_wrapper .dataTables_length label input.form-control-lg.nice-select,
.dataTables_wrapper .dataTables_filter label input.form-control-lg.nice-select,
.dataTables_wrapper .dataTables_length label select.form-control-lg.nice-select,
.dataTables_wrapper .dataTables_filter label select.form-control-lg.nice-select,
.footable.table thead tr th .footable-filtering-search .input-group .form-control-lg.nice-select.form-control,
.jsgrid-grid-header table tr th input.form-control-lg.nice-select,
.jsgrid-grid-header table tr th select.form-control-lg.nice-select,
.jsgrid-grid-header table tr td input.form-control-lg.nice-select,
.jsgrid-grid-header table tr td select.form-control-lg.nice-select,
body.skin-dark .jsgrid-table tr th input.form-control-lg.nice-select:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr td input.form-control-lg.nice-select:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr th select.form-control-lg.nice-select,
body.skin-dark .jsgrid-table tr td select.form-control-lg.nice-select {
    padding-right: 35px;
}

/*Textarea*/

textarea.form-control,
.footable.table thead tr th .footable-filtering-search .input-group textarea.form-control,
body.skin-dark .footable.table thead tr th .footable-filtering-search .input-group textarea.form-control {
    height: 120px;
}

/*Select*/

select.form-control:not([multiple]),
.dataTables_wrapper .dataTables_length label select:not([multiple]),
.dataTables_wrapper .dataTables_filter label select:not([multiple]),
.footable.table thead tr th .footable-filtering-search .input-group select.form-control:not([multiple]),
.jsgrid-grid-header table tr th select:not([multiple]),
.jsgrid-grid-header table tr td select:not([multiple]),
body.skin-dark .jsgrid-table tr th select:not([multiple]),
body.skin-dark .jsgrid-table tr td select:not([multiple]) {
    background-image: url(../images/icons/select-arrow-down.png);
    background-position: center right;
    background-repeat: no-repeat;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 9px 16px;
    padding-right: 35px;
}

select.form-control:not([multiple]).form-control-sm,
.dataTables_wrapper .dataTables_length label select:not([multiple]).form-control-sm,
.dataTables_wrapper .dataTables_filter label select:not([multiple]).form-control-sm,
.footable.table thead tr th .footable-filtering-search .input-group select.form-control:not([multiple]).form-control-sm,
.jsgrid-grid-header table tr th select:not([multiple]).form-control-sm,
.jsgrid-grid-header table tr td select:not([multiple]).form-control-sm,
body.skin-dark .jsgrid-table tr th select:not([multiple]).form-control-sm,
body.skin-dark .jsgrid-table tr td select:not([multiple]).form-control-sm {
    padding: 5px 11px;
    font-size: 12px;
    padding-right: 35px;
}

select.form-control:not([multiple]).form-control-lg,
.dataTables_wrapper .dataTables_length label select:not([multiple]).form-control-lg,
.dataTables_wrapper .dataTables_filter label select:not([multiple]).form-control-lg,
.footable.table thead tr th .footable-filtering-search .input-group select.form-control:not([multiple]).form-control-lg,
.jsgrid-grid-header table tr th select:not([multiple]).form-control-lg,
.jsgrid-grid-header table tr td select:not([multiple]).form-control-lg,
body.skin-dark .jsgrid-table tr th select:not([multiple]).form-control-lg,
body.skin-dark .jsgrid-table tr td select:not([multiple]).form-control-lg {
    padding: 15px 21px;
    font-size: 16px;
    padding-right: 35px;
}

/*Input Type Checkbox & Radio*/

input[type="checkbox"],
input[type="radio"] {
    margin-right: 5px;
    position: relative;
    top: 1px;
}

/*--
    - Checkbox (Custom)
--------------------------------------*/

/*Checkbox One*/

.adomx-checkbox {
    display: block;
    position: relative;
    padding-left: 25px;
    line-height: 18px;
    min-width: 18px;
    min-height: 18px;
    cursor: default;
}

.adomx-checkbox input {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0;
    width: 18px;
    height: 18px;
    visibility: hidden;
}

.adomx-checkbox input:checked+.icon {
    background-color: #428bfa;
    border-color: #428bfa;
}

.adomx-checkbox input:checked+.icon::before {
    opacity: 1;
}

.adomx-checkbox .icon {
    width: 18px;
    height: 18px;
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    border: 2px solid #bbbbbb;
    border-radius: 2px;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.adomx-checkbox .icon::before {
    content: "\f26b";
    font-family: "Material-Design-Iconic-Font";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    font-size: 14px;
    line-height: 14px;
    width: 100%;
    text-align: center;
    color: #ffffff;
    opacity: 0;
    margin-left: -1px;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.adomx-checkbox.primary input:checked+.icon {
    background-color: #428bfa;
    border-color: #428bfa;
}

.adomx-checkbox.secondary input:checked+.icon {
    background-color: #fb7da4;
    border-color: #fb7da4;
}

.adomx-checkbox.success input:checked+.icon {
    background-color: #29db2d;
    border-color: #29db2d;
}

.adomx-checkbox.danger input:checked+.icon {
    background-color: #fd427c;
    border-color: #fd427c;
}

.adomx-checkbox.warning input:checked+.icon {
    background-color: #ff9666;
    border-color: #ff9666;
}

.adomx-checkbox.info input:checked+.icon {
    background-color: #17a2b8;
    border-color: #17a2b8;
}

/*Checkbox Two*/

.adomx-checkbox-2 {
    display: block;
    position: relative;
    padding-left: 25px;
    line-height: 18px;
    margin: 0;
    cursor: default;
}

.adomx-checkbox-2 input {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0;
    width: 18px;
    height: 18px;
    visibility: hidden;
}

.adomx-checkbox-2 input:checked+.icon {
    border-color: #428bfa;
}

.adomx-checkbox-2 input:checked+.icon::before {
    background-color: #428bfa;
}

.adomx-checkbox-2 .icon {
    width: 18px;
    height: 18px;
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    border: 2px solid #bbbbbb;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.adomx-checkbox-2 .icon::before {
    content: "";
    display: block;
    position: absolute;
    left: 3px;
    top: 3px;
    width: 8px;
    height: 8px;
    background-color: #aaaaaa;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.adomx-checkbox-2.primary input:checked+.icon {
    border-color: #428bfa;
}

.adomx-checkbox-2.primary input:checked+.icon::before {
    background-color: #428bfa;
}

.adomx-checkbox-2.secondary input:checked+.icon {
    border-color: #fb7da4;
}

.adomx-checkbox-2.secondary input:checked+.icon::before {
    background-color: #fb7da4;
}

.adomx-checkbox-2.success input:checked+.icon {
    border-color: #29db2d;
}

.adomx-checkbox-2.success input:checked+.icon::before {
    background-color: #29db2d;
}

.adomx-checkbox-2.danger input:checked+.icon {
    border-color: #fd427c;
}

.adomx-checkbox-2.danger input:checked+.icon::before {
    background-color: #fd427c;
}

.adomx-checkbox-2.warning input:checked+.icon {
    border-color: #ff9666;
}

.adomx-checkbox-2.warning input:checked+.icon::before {
    background-color: #ff9666;
}

.adomx-checkbox-2.info input:checked+.icon {
    border-color: #17a2b8;
}

.adomx-checkbox-2.info input:checked+.icon::before {
    background-color: #17a2b8;
}

/*--
    - Radio (Custom)
--------------------------------------*/

/*Radio One*/

.adomx-radio {
    display: block;
    position: relative;
    padding-left: 25px;
    line-height: 18px;
    margin: 0;
    cursor: default;
}

.adomx-radio input {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0;
    width: 18px;
    height: 18px;
    visibility: hidden;
}

.adomx-radio input:checked+.icon {
    border-color: #428bfa;
}

.adomx-radio input:checked+.icon::before {
    background-color: #428bfa;
}

.adomx-radio .icon {
    width: 18px;
    height: 18px;
    display: block;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    border: 2px solid #bbbbbb;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.adomx-radio .icon::before {
    content: "";
    display: block;
    border-radius: 50%;
    position: absolute;
    left: 3px;
    top: 3px;
    width: 8px;
    height: 8px;
    background-color: #aaaaaa;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.adomx-radio.primary input:checked+.icon {
    border-color: #428bfa;
}

.adomx-radio.primary input:checked+.icon::before {
    background-color: #428bfa;
}

.adomx-radio.secondary input:checked+.icon {
    border-color: #fb7da4;
}

.adomx-radio.secondary input:checked+.icon::before {
    background-color: #fb7da4;
}

.adomx-radio.success input:checked+.icon {
    border-color: #29db2d;
}

.adomx-radio.success input:checked+.icon::before {
    background-color: #29db2d;
}

.adomx-radio.danger input:checked+.icon {
    border-color: #fd427c;
}

.adomx-radio.danger input:checked+.icon::before {
    background-color: #fd427c;
}

.adomx-radio.warning input:checked+.icon {
    border-color: #ff9666;
}

.adomx-radio.warning input:checked+.icon::before {
    background-color: #ff9666;
}

.adomx-radio.info input:checked+.icon {
    border-color: #17a2b8;
}

.adomx-radio.info input:checked+.icon::before {
    background-color: #17a2b8;
}

/*Radio Two*/

.adomx-radio-2 {
    display: block;
    position: relative;
    padding-left: 25px;
    line-height: 18px;
    margin: 0;
    cursor: default;
}

.adomx-radio-2 input {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0;
    width: 18px;
    height: 18px;
    visibility: hidden;
}

.adomx-radio-2 input:checked+.icon {
    background-color: #428bfa;
}

.adomx-radio-2 input:checked+.icon::before {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

.adomx-radio-2 .icon {
    width: 18px;
    height: 18px;
    display: block;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: #cccccc;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.adomx-radio-2 .icon::before {
    content: "";
    display: block;
    border-radius: 50%;
    position: absolute;
    left: 5px;
    top: 5px;
    width: 8px;
    height: 8px;
    background-color: #ffffff;
    opacity: 0;
    -webkit-transform: scale(3);
    -ms-transform: scale(3);
    transform: scale(3);
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.adomx-radio-2.primary input:checked+.icon {
    background-color: #428bfa;
}

.adomx-radio-2.secondary input:checked+.icon {
    background-color: #fb7da4;
}

.adomx-radio-2.success input:checked+.icon {
    background-color: #29db2d;
}

.adomx-radio-2.danger input:checked+.icon {
    background-color: #fd427c;
}

.adomx-radio-2.warning input:checked+.icon {
    background-color: #ff9666;
}

.adomx-radio-2.info input:checked+.icon {
    background-color: #17a2b8;
}

/*--
    - Range Slider
--------------------------------------*/

.irs.irs--round .irs .irs-line {
    height: 8px;
    border-radius: 50px;
}

.irs.irs--round .irs .irs-min,
.irs.irs--round .irs .irs-max,
.irs.irs--round .irs .irs-from,
.irs.irs--round .irs .irs-to,
.irs.irs--round .irs .irs-single {
    font-size: 12px;
    padding: 6px 5px 4px;
}

.irs.irs--round .irs .irs-from,
.irs.irs--round .irs .irs-to,
.irs.irs--round .irs .irs-single {
    background-color: #428bfa;
}

.irs.irs--round .irs .irs-from::before,
.irs.irs--round .irs .irs-to::before,
.irs.irs--round .irs .irs-single::before {
    border-top-color: #428bfa;
}

.irs.irs--round .irs-bar {
    height: 8px;
    background-color: #428bfa;
    border-radius: 50px;
}

.irs.irs--round .irs-handle {
    border: 3px solid #ffffff;
    background-color: #428bfa;
    -webkit-box-shadow: none;
    box-shadow: none;
    top: 27px;
}

.irs.irs--flat .irs .irs-line {
    height: 8px;
    border-radius: 50px;
}

.irs.irs--flat .irs .irs-from,
.irs.irs--flat .irs .irs-to,
.irs.irs--flat .irs .irs-single {
    background-color: #428bfa;
}

.irs.irs--flat .irs .irs-from::before,
.irs.irs--flat .irs .irs-to::before,
.irs.irs--flat .irs .irs-single::before {
    border-top-color: #428bfa;
}

.irs.irs--flat .irs-bar {
    height: 8px;
    background-color: #428bfa;
    border-radius: 0;
}

.irs.irs--flat .irs-handle {
    top: 20px;
}

.irs.irs--flat .irs-handle>i:first-child {
    background-color: #297cf9;
}

.irs.irs--square .irs .irs-line {
    height: 8px;
    border-radius: 0;
}

.irs.irs--square .irs .irs-min,
.irs.irs--square .irs .irs-max,
.irs.irs--square .irs .irs-from,
.irs.irs--square .irs .irs-to,
.irs.irs--square .irs .irs-single {
    font-size: 12px;
    padding: 5px 5px 3px;
}

.irs.irs--square .irs .irs-from,
.irs.irs--square .irs .irs-to,
.irs.irs--square .irs .irs-single {
    background-color: #428bfa;
}

.irs.irs--square .irs-bar {
    height: 8px;
    background-color: #428bfa;
    border-radius: 0;
}

.irs.irs--square .irs-handle {
    background-color: #428bfa;
    border-color: #ffffff;
    top: 27px;
}

.irs.irs-lg.irs--round .irs .irs-line,
.irs.irs-lg.irs--flat .irs .irs-line,
.irs.irs-lg.irs--square .irs .irs-line {
    height: 14px;
}

.irs.irs-lg.irs--round .irs-bar,
.irs.irs-lg.irs--flat .irs-bar,
.irs.irs-lg.irs--square .irs-bar {
    height: 14px;
}

.irs.irs-lg.irs--round .irs-handle,
.irs.irs-lg.irs--flat .irs-handle,
.irs.irs-lg.irs--square .irs-handle {
    top: 28px;
    width: 30px;
    height: 30px;
}

.irs.irs-lg.irs--flat .irs-handle {
    top: 21px;
    height: 22px;
}

.irs.irs-lg.irs--square .irs-handle {
    top: 26px;
    width: 24px;
    height: 24px;
}

.irs.irs-sm.irs--round .irs .irs-line,
.irs.irs-sm.irs--flat .irs .irs-line,
.irs.irs-sm.irs--square .irs .irs-line {
    height: 4px;
}

.irs.irs-sm.irs--round .irs-bar,
.irs.irs-sm.irs--flat .irs-bar,
.irs.irs-sm.irs--square .irs-bar {
    height: 4px;
}

.irs.irs-sm.irs--round .irs-handle,
.irs.irs-sm.irs--flat .irs-handle,
.irs.irs-sm.irs--square .irs-handle {
    top: 31px;
    width: 14px;
    height: 14px;
}

.irs.irs-sm.irs--flat .irs-handle {
    top: 22px;
    height: 10px;
}

.irs.irs-sm.irs--square .irs-handle {
    top: 26px;
}

.irs.secondary.irs--round .irs .irs-from,
.irs.secondary.irs--round .irs .irs-to,
.irs.secondary.irs--round .irs .irs-single,
.irs.secondary.irs--flat .irs .irs-from,
.irs.secondary.irs--flat .irs .irs-to,
.irs.secondary.irs--flat .irs .irs-single,
.irs.secondary.irs--square .irs .irs-from,
.irs.secondary.irs--square .irs .irs-to,
.irs.secondary.irs--square .irs .irs-single {
    background-color: #fb7da4;
}

.irs.secondary.irs--round .irs .irs-from::before,
.irs.secondary.irs--round .irs .irs-to::before,
.irs.secondary.irs--round .irs .irs-single::before,
.irs.secondary.irs--flat .irs .irs-from::before,
.irs.secondary.irs--flat .irs .irs-to::before,
.irs.secondary.irs--flat .irs .irs-single::before,
.irs.secondary.irs--square .irs .irs-from::before,
.irs.secondary.irs--square .irs .irs-to::before,
.irs.secondary.irs--square .irs .irs-single::before {
    border-top-color: #fb7da4;
}

.irs.secondary.irs--round .irs-bar,
.irs.secondary.irs--round .irs-handle,
.irs.secondary.irs--flat .irs-bar,
.irs.secondary.irs--flat .irs-handle,
.irs.secondary.irs--square .irs-bar,
.irs.secondary.irs--square .irs-handle {
    background-color: #fb7da4;
}

.irs.secondary.irs--flat .irs-handle {
    background-color: transparent;
}

.irs.secondary.irs--flat .irs-handle>i:first-child {
    background-color: #fa6493;
}

.irs.secondary.irs--square .irs .irs-from::before,
.irs.secondary.irs--square .irs .irs-to::before,
.irs.secondary.irs--square .irs .irs-single::before {
    border-top-color: transparent;
}

.irs.success.irs--round .irs .irs-from,
.irs.success.irs--round .irs .irs-to,
.irs.success.irs--round .irs .irs-single,
.irs.success.irs--flat .irs .irs-from,
.irs.success.irs--flat .irs .irs-to,
.irs.success.irs--flat .irs .irs-single,
.irs.success.irs--square .irs .irs-from,
.irs.success.irs--square .irs .irs-to,
.irs.success.irs--square .irs .irs-single {
    background-color: #29db2d;
}

.irs.success.irs--round .irs .irs-from::before,
.irs.success.irs--round .irs .irs-to::before,
.irs.success.irs--round .irs .irs-single::before,
.irs.success.irs--flat .irs .irs-from::before,
.irs.success.irs--flat .irs .irs-to::before,
.irs.success.irs--flat .irs .irs-single::before,
.irs.success.irs--square .irs .irs-from::before,
.irs.success.irs--square .irs .irs-to::before,
.irs.success.irs--square .irs .irs-single::before {
    border-top-color: #29db2d;
}

.irs.success.irs--round .irs-bar,
.irs.success.irs--round .irs-handle,
.irs.success.irs--flat .irs-bar,
.irs.success.irs--flat .irs-handle,
.irs.success.irs--square .irs-bar,
.irs.success.irs--square .irs-handle {
    background-color: #29db2d;
}

.irs.success.irs--flat .irs-handle {
    background-color: transparent;
}

.irs.success.irs--flat .irs-handle>i:first-child {
    background-color: #22c926;
}

.irs.success.irs--square .irs .irs-from::before,
.irs.success.irs--square .irs .irs-to::before,
.irs.success.irs--square .irs .irs-single::before {
    border-top-color: transparent;
}

.irs.danger.irs--round .irs .irs-from,
.irs.danger.irs--round .irs .irs-to,
.irs.danger.irs--round .irs .irs-single,
.irs.danger.irs--flat .irs .irs-from,
.irs.danger.irs--flat .irs .irs-to,
.irs.danger.irs--flat .irs .irs-single,
.irs.danger.irs--square .irs .irs-from,
.irs.danger.irs--square .irs .irs-to,
.irs.danger.irs--square .irs .irs-single {
    background-color: #fd427c;
}

.irs.danger.irs--round .irs .irs-from::before,
.irs.danger.irs--round .irs .irs-to::before,
.irs.danger.irs--round .irs .irs-single::before,
.irs.danger.irs--flat .irs .irs-from::before,
.irs.danger.irs--flat .irs .irs-to::before,
.irs.danger.irs--flat .irs .irs-single::before,
.irs.danger.irs--square .irs .irs-from::before,
.irs.danger.irs--square .irs .irs-to::before,
.irs.danger.irs--square .irs .irs-single::before {
    border-top-color: #fd427c;
}

.irs.danger.irs--round .irs-bar,
.irs.danger.irs--round .irs-handle,
.irs.danger.irs--flat .irs-bar,
.irs.danger.irs--flat .irs-handle,
.irs.danger.irs--square .irs-bar,
.irs.danger.irs--square .irs-handle {
    background-color: #fd427c;
}

.irs.danger.irs--flat .irs-handle {
    background-color: transparent;
}

.irs.danger.irs--flat .irs-handle>i:first-child {
    background-color: #fd296b;
}

.irs.danger.irs--square .irs .irs-from::before,
.irs.danger.irs--square .irs .irs-to::before,
.irs.danger.irs--square .irs .irs-single::before {
    border-top-color: transparent;
}

.irs.warning.irs--round .irs .irs-from,
.irs.warning.irs--round .irs .irs-to,
.irs.warning.irs--round .irs .irs-single,
.irs.warning.irs--flat .irs .irs-from,
.irs.warning.irs--flat .irs .irs-to,
.irs.warning.irs--flat .irs .irs-single,
.irs.warning.irs--square .irs .irs-from,
.irs.warning.irs--square .irs .irs-to,
.irs.warning.irs--square .irs .irs-single {
    background-color: #ff9666;
}

.irs.warning.irs--round .irs .irs-from::before,
.irs.warning.irs--round .irs .irs-to::before,
.irs.warning.irs--round .irs .irs-single::before,
.irs.warning.irs--flat .irs .irs-from::before,
.irs.warning.irs--flat .irs .irs-to::before,
.irs.warning.irs--flat .irs .irs-single::before,
.irs.warning.irs--square .irs .irs-from::before,
.irs.warning.irs--square .irs .irs-to::before,
.irs.warning.irs--square .irs .irs-single::before {
    border-top-color: #ff9666;
}

.irs.warning.irs--round .irs-bar,
.irs.warning.irs--round .irs-handle,
.irs.warning.irs--flat .irs-bar,
.irs.warning.irs--flat .irs-handle,
.irs.warning.irs--square .irs-bar,
.irs.warning.irs--square .irs-handle {
    background-color: #ff9666;
}

.irs.warning.irs--flat .irs-handle {
    background-color: transparent;
}

.irs.warning.irs--flat .irs-handle>i:first-child {
    background-color: #ff854d;
}

.irs.warning.irs--square .irs .irs-from::before,
.irs.warning.irs--square .irs .irs-to::before,
.irs.warning.irs--square .irs .irs-single::before {
    border-top-color: transparent;
}

.irs.info.irs--round .irs .irs-from,
.irs.info.irs--round .irs .irs-to,
.irs.info.irs--round .irs .irs-single,
.irs.info.irs--flat .irs .irs-from,
.irs.info.irs--flat .irs .irs-to,
.irs.info.irs--flat .irs .irs-single,
.irs.info.irs--square .irs .irs-from,
.irs.info.irs--square .irs .irs-to,
.irs.info.irs--square .irs .irs-single {
    background-color: #17a2b8;
}

.irs.info.irs--round .irs .irs-from::before,
.irs.info.irs--round .irs .irs-to::before,
.irs.info.irs--round .irs .irs-single::before,
.irs.info.irs--flat .irs .irs-from::before,
.irs.info.irs--flat .irs .irs-to::before,
.irs.info.irs--flat .irs .irs-single::before,
.irs.info.irs--square .irs .irs-from::before,
.irs.info.irs--square .irs .irs-to::before,
.irs.info.irs--square .irs .irs-single::before {
    border-top-color: #17a2b8;
}

.irs.info.irs--round .irs-bar,
.irs.info.irs--round .irs-handle,
.irs.info.irs--flat .irs-bar,
.irs.info.irs--flat .irs-handle,
.irs.info.irs--square .irs-bar,
.irs.info.irs--square .irs-handle {
    background-color: #17a2b8;
}

.irs.info.irs--flat .irs-handle {
    background-color: transparent;
}

.irs.info.irs--flat .irs-handle>i:first-child {
    background-color: #148ea1;
}

.irs.info.irs--square .irs .irs-from::before,
.irs.info.irs--square .irs .irs-to::before,
.irs.info.irs--square .irs .irs-single::before {
    border-top-color: transparent;
}

/*--
    - Select
--------------------------------------*/

/*Select 2*/

.select2-container--default.select2 {
    width: 100% !important;
    background-color: #ffffff;
}

.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
    width: 100%;
    background-color: transparent;
    border: 1px solid #dddddd;
    border-radius: 4px;
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    line-height: 24px;
    padding: 10px 20px;
    height: auto;
}

.select2-container--default .select2-selection--single .select2-selection__rendered,
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    line-height: 24px;
    padding: 0;
    color: #666666;
}

.select2-container--default .select2-selection--single .select2-selection__arrow,
.select2-container--default .select2-selection--multiple .select2-selection__arrow {
    width: 46px;
    height: 46px;
    text-align: center;
}

.select2-container--default .select2-selection--single .select2-selection__arrow::before,
.select2-container--default .select2-selection--multiple .select2-selection__arrow::before {
    content: "\f2f9";
    font-family: "Material-Design-Iconic-Font";
    font-size: 20px;
    color: #999999;
    line-height: 46px;
    display: block;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b,
.select2-container--default .select2-selection--multiple .select2-selection__arrow b {
    display: none;
}

.select2-container--default .select2-selection--multiple {
    padding-top: 5px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    border: none;
    background-color: #428bfa;
    color: #ffffff;
    font-size: 14px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove {
    color: inherit;
    margin-right: 5px;
    line-height: 22px;
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: transparent;
    border-color: #efefef;
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__rendered {
    color: #cccccc;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow::before {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.select2-container--default .select2-dropdown {
    border-color: #dddddd;
}

.select2-container--default .select2-search--dropdown {
    padding: 15px;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border-color: #dddddd;
    border-radius: 4px;
}

.select2-container--default .select2-results .select2-results__options .select2-results__option {
    padding: 5px 15px;
}

.select2-container--default .select2-results .select2-results__options .select2-results__option[role="group"] {
    padding: 0;
}

.select2-container--default .select2-results .select2-results__options .select2-results__option .select2-results__group {
    padding: 5px 15px;
}

.select2-container--default .select2-results .select2-results__options .select2-results__options--nested .select2-results__option {
    padding: 5px 25px;
}

/*Nice Select*/

.nice-select::after {
    width: 8px;
    height: 8px;
    right: 20px;
}

.nice-select .list {
    width: 100%;
    margin: 0;
    border: 1px solid #dddddd;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0 0 4px 4px;
    max-height: 200px;
    overflow-y: auto;
}

/*Bootstrap Select*/

.form-control.bSelect[readonly],
#toast-container .toast .toast-message input.bSelect[readonly],
.dataTables_wrapper .dataTables_length label input.bSelect[readonly],
.dataTables_wrapper .dataTables_filter label input.bSelect[readonly],
.dataTables_wrapper .dataTables_length label select.bSelect[readonly],
.dataTables_wrapper .dataTables_filter label select.bSelect[readonly],
.footable.table thead tr th .footable-filtering-search .input-group .bSelect.form-control[readonly],
.jsgrid-grid-header table tr th input.bSelect[readonly],
.jsgrid-grid-header table tr th select.bSelect[readonly],
.jsgrid-grid-header table tr td input.bSelect[readonly],
.jsgrid-grid-header table tr td select.bSelect[readonly],
body.skin-dark .jsgrid-table tr th input.bSelect[readonly]:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr td input.bSelect[readonly]:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr th select.bSelect[readonly],
body.skin-dark .jsgrid-table tr td select.bSelect[readonly] {
    background-color: transparent;
    border-color: #dddddd;
}

.form-control.bSelect[disabled],
#toast-container .toast .toast-message input.bSelect[disabled],
.dataTables_wrapper .dataTables_length label input.bSelect[disabled],
.dataTables_wrapper .dataTables_filter label input.bSelect[disabled],
.dataTables_wrapper .dataTables_length label select.bSelect[disabled],
.dataTables_wrapper .dataTables_filter label select.bSelect[disabled],
.footable.table thead tr th .footable-filtering-search .input-group .bSelect.form-control[disabled],
.jsgrid-grid-header table tr th input.bSelect[disabled],
.jsgrid-grid-header table tr th select.bSelect[disabled],
.jsgrid-grid-header table tr td input.bSelect[disabled],
.jsgrid-grid-header table tr td select.bSelect[disabled],
body.skin-dark .jsgrid-table tr th input.bSelect[disabled]:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr td input.bSelect[disabled]:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr th select.bSelect[disabled],
body.skin-dark .jsgrid-table tr td select.bSelect[disabled] {
    background-color: transparent;
    border-color: #efefef;
    color: #cccccc;
}

.form-control.bSelect[disabled]::-webkit-input-placeholder,
#toast-container .toast .toast-message input.bSelect[disabled]::-webkit-input-placeholder,
.dataTables_wrapper .dataTables_length label input.bSelect[disabled]::-webkit-input-placeholder,
.dataTables_wrapper .dataTables_filter label input.bSelect[disabled]::-webkit-input-placeholder,
.dataTables_wrapper .dataTables_length label select.bSelect[disabled]::-webkit-input-placeholder,
.dataTables_wrapper .dataTables_filter label select.bSelect[disabled]::-webkit-input-placeholder,
.footable.table thead tr th .footable-filtering-search .input-group .bSelect.form-control[disabled]::-webkit-input-placeholder,
.jsgrid-grid-header table tr th input.bSelect[disabled]::-webkit-input-placeholder,
.jsgrid-grid-header table tr th select.bSelect[disabled]::-webkit-input-placeholder,
.jsgrid-grid-header table tr td input.bSelect[disabled]::-webkit-input-placeholder,
.jsgrid-grid-header table tr td select.bSelect[disabled]::-webkit-input-placeholder,
body.skin-dark .jsgrid-table tr th input.bSelect:not(.jsgrid-button)[disabled]::-webkit-input-placeholder,
body.skin-dark .jsgrid-table tr td input.bSelect:not(.jsgrid-button)[disabled]::-webkit-input-placeholder,
body.skin-dark .jsgrid-table tr th select.bSelect[disabled]::-webkit-input-placeholder,
body.skin-dark .jsgrid-table tr td select.bSelect[disabled]::-webkit-input-placeholder {
    color: #cccccc;
}

.form-control.bSelect[disabled]:-moz-placeholder,
#toast-container .toast .toast-message input.bSelect[disabled]:-moz-placeholder,
.dataTables_wrapper .dataTables_length label input.bSelect[disabled]:-moz-placeholder,
.dataTables_wrapper .dataTables_filter label input.bSelect[disabled]:-moz-placeholder,
.dataTables_wrapper .dataTables_length label select.bSelect[disabled]:-moz-placeholder,
.dataTables_wrapper .dataTables_filter label select.bSelect[disabled]:-moz-placeholder,
.footable.table thead tr th .footable-filtering-search .input-group .bSelect.form-control[disabled]:-moz-placeholder,
.jsgrid-grid-header table tr th input.bSelect[disabled]:-moz-placeholder,
.jsgrid-grid-header table tr th select.bSelect[disabled]:-moz-placeholder,
.jsgrid-grid-header table tr td input.bSelect[disabled]:-moz-placeholder,
.jsgrid-grid-header table tr td select.bSelect[disabled]:-moz-placeholder,
body.skin-dark .jsgrid-table tr th input.bSelect[disabled]:-moz-placeholder:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr td input.bSelect[disabled]:-moz-placeholder:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr th select.bSelect[disabled]:-moz-placeholder,
body.skin-dark .jsgrid-table tr td select.bSelect[disabled]:-moz-placeholder {
    color: #cccccc;
}

.form-control.bSelect[disabled]::-moz-placeholder,
#toast-container .toast .toast-message input.bSelect[disabled]::-moz-placeholder,
.dataTables_wrapper .dataTables_length label input.bSelect[disabled]::-moz-placeholder,
.dataTables_wrapper .dataTables_filter label input.bSelect[disabled]::-moz-placeholder,
.dataTables_wrapper .dataTables_length label select.bSelect[disabled]::-moz-placeholder,
.dataTables_wrapper .dataTables_filter label select.bSelect[disabled]::-moz-placeholder,
.footable.table thead tr th .footable-filtering-search .input-group .bSelect.form-control[disabled]::-moz-placeholder,
.jsgrid-grid-header table tr th input.bSelect[disabled]::-moz-placeholder,
.jsgrid-grid-header table tr th select.bSelect[disabled]::-moz-placeholder,
.jsgrid-grid-header table tr td input.bSelect[disabled]::-moz-placeholder,
.jsgrid-grid-header table tr td select.bSelect[disabled]::-moz-placeholder,
body.skin-dark .jsgrid-table tr th input.bSelect:not(.jsgrid-button)[disabled]::-moz-placeholder,
body.skin-dark .jsgrid-table tr td input.bSelect:not(.jsgrid-button)[disabled]::-moz-placeholder,
body.skin-dark .jsgrid-table tr th select.bSelect[disabled]::-moz-placeholder,
body.skin-dark .jsgrid-table tr td select.bSelect[disabled]::-moz-placeholder {
    color: #cccccc;
}

.form-control.bSelect[disabled]:-ms-input-placeholder,
#toast-container .toast .toast-message input.bSelect[disabled]:-ms-input-placeholder,
.dataTables_wrapper .dataTables_length label input.bSelect[disabled]:-ms-input-placeholder,
.dataTables_wrapper .dataTables_filter label input.bSelect[disabled]:-ms-input-placeholder,
.dataTables_wrapper .dataTables_length label select.bSelect[disabled]:-ms-input-placeholder,
.dataTables_wrapper .dataTables_filter label select.bSelect[disabled]:-ms-input-placeholder,
.footable.table thead tr th .footable-filtering-search .input-group .bSelect.form-control[disabled]:-ms-input-placeholder,
.jsgrid-grid-header table tr th input.bSelect[disabled]:-ms-input-placeholder,
.jsgrid-grid-header table tr th select.bSelect[disabled]:-ms-input-placeholder,
.jsgrid-grid-header table tr td input.bSelect[disabled]:-ms-input-placeholder,
.jsgrid-grid-header table tr td select.bSelect[disabled]:-ms-input-placeholder,
body.skin-dark .jsgrid-table tr th input.bSelect[disabled]:-ms-input-placeholder:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr td input.bSelect[disabled]:-ms-input-placeholder:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr th select.bSelect[disabled]:-ms-input-placeholder,
body.skin-dark .jsgrid-table tr td select.bSelect[disabled]:-ms-input-placeholder {
    color: #cccccc;
}

.form-control.bSelect .btn,
#toast-container .toast .toast-message input.bSelect .btn,
.dataTables_wrapper .dataTables_length label input.bSelect .btn,
.dataTables_wrapper .dataTables_filter label input.bSelect .btn,
.dataTables_wrapper .dataTables_length label select.bSelect .btn,
.dataTables_wrapper .dataTables_filter label select.bSelect .btn,
.footable.table thead tr th .footable-filtering-search .input-group .bSelect.form-control .btn,
.jsgrid-grid-header table tr th input.bSelect .btn,
.jsgrid-grid-header table tr th select.bSelect .btn,
.jsgrid-grid-header table tr td input.bSelect .btn,
.jsgrid-grid-header table tr td select.bSelect .btn,
body.skin-dark .jsgrid-table tr th input.bSelect:not(.jsgrid-button) .btn,
body.skin-dark .jsgrid-table tr td input.bSelect:not(.jsgrid-button) .btn,
body.skin-dark .jsgrid-table tr th select.bSelect .btn,
body.skin-dark .jsgrid-table tr td select.bSelect .btn {
    background-color: transparent;
    border: 1px solid #dddddd;
    padding: 10px 20px;
}

.form-control.bSelect .btn.btn-primary,
#toast-container .toast .toast-message input.bSelect .btn.btn-primary,
.dataTables_wrapper .dataTables_length label input.bSelect .btn.btn-primary,
.dataTables_wrapper .dataTables_filter label input.bSelect .btn.btn-primary,
.dataTables_wrapper .dataTables_length label select.bSelect .btn.btn-primary,
.dataTables_wrapper .dataTables_filter label select.bSelect .btn.btn-primary,
.footable.table thead tr th .footable-filtering-search .input-group .bSelect.form-control .btn.btn-primary,
.jsgrid-grid-header table tr th input.bSelect .btn.btn-primary,
.jsgrid-grid-header table tr th select.bSelect .btn.btn-primary,
.jsgrid-grid-header table tr td input.bSelect .btn.btn-primary,
.jsgrid-grid-header table tr td select.bSelect .btn.btn-primary,
body.skin-dark .jsgrid-table tr th input.bSelect:not(.jsgrid-button) .btn.btn-primary,
body.skin-dark .jsgrid-table tr td input.bSelect:not(.jsgrid-button) .btn.btn-primary,
body.skin-dark .jsgrid-table tr th select.bSelect .btn.btn-primary,
body.skin-dark .jsgrid-table tr td select.bSelect .btn.btn-primary {
    background-color: #428bfa;
    border-color: #428bfa;
    color: #ffffff;
}

.form-control.bSelect .btn.btn-primary:hover,
#toast-container .toast .toast-message input.bSelect .btn.btn-primary:hover,
.dataTables_wrapper .dataTables_length label input.bSelect .btn.btn-primary:hover,
.dataTables_wrapper .dataTables_filter label input.bSelect .btn.btn-primary:hover,
.dataTables_wrapper .dataTables_length label select.bSelect .btn.btn-primary:hover,
.dataTables_wrapper .dataTables_filter label select.bSelect .btn.btn-primary:hover,
.footable.table thead tr th .footable-filtering-search .input-group .bSelect.form-control .btn.btn-primary:hover,
.jsgrid-grid-header table tr th input.bSelect .btn.btn-primary:hover,
.jsgrid-grid-header table tr th select.bSelect .btn.btn-primary:hover,
.jsgrid-grid-header table tr td input.bSelect .btn.btn-primary:hover,
.jsgrid-grid-header table tr td select.bSelect .btn.btn-primary:hover,
body.skin-dark .jsgrid-table tr th input.bSelect:not(.jsgrid-button) .btn.btn-primary:hover,
body.skin-dark .jsgrid-table tr td input.bSelect:not(.jsgrid-button) .btn.btn-primary:hover,
body.skin-dark .jsgrid-table tr th select.bSelect .btn.btn-primary:hover,
body.skin-dark .jsgrid-table tr td select.bSelect .btn.btn-primary:hover {
    background-color: #297cf9;
    border-color: #297cf9;
    color: #ffffff;
}

.form-control.bSelect .btn.btn-secondary,
#toast-container .toast .toast-message input.bSelect .btn.btn-secondary,
.dataTables_wrapper .dataTables_length label input.bSelect .btn.btn-secondary,
.dataTables_wrapper .dataTables_filter label input.bSelect .btn.btn-secondary,
.dataTables_wrapper .dataTables_length label select.bSelect .btn.btn-secondary,
.dataTables_wrapper .dataTables_filter label select.bSelect .btn.btn-secondary,
.footable.table thead tr th .footable-filtering-search .input-group .bSelect.form-control .btn.btn-secondary,
.jsgrid-grid-header table tr th input.bSelect .btn.btn-secondary,
.jsgrid-grid-header table tr th select.bSelect .btn.btn-secondary,
.jsgrid-grid-header table tr td input.bSelect .btn.btn-secondary,
.jsgrid-grid-header table tr td select.bSelect .btn.btn-secondary,
body.skin-dark .jsgrid-table tr th input.bSelect:not(.jsgrid-button) .btn.btn-secondary,
body.skin-dark .jsgrid-table tr td input.bSelect:not(.jsgrid-button) .btn.btn-secondary,
body.skin-dark .jsgrid-table tr th select.bSelect .btn.btn-secondary,
body.skin-dark .jsgrid-table tr td select.bSelect .btn.btn-secondary {
    background-color: #fb7da4;
    border-color: #fb7da4;
    color: #ffffff;
}

.form-control.bSelect .btn.btn-secondary:hover,
#toast-container .toast .toast-message input.bSelect .btn.btn-secondary:hover,
.dataTables_wrapper .dataTables_length label input.bSelect .btn.btn-secondary:hover,
.dataTables_wrapper .dataTables_filter label input.bSelect .btn.btn-secondary:hover,
.dataTables_wrapper .dataTables_length label select.bSelect .btn.btn-secondary:hover,
.dataTables_wrapper .dataTables_filter label select.bSelect .btn.btn-secondary:hover,
.footable.table thead tr th .footable-filtering-search .input-group .bSelect.form-control .btn.btn-secondary:hover,
.jsgrid-grid-header table tr th input.bSelect .btn.btn-secondary:hover,
.jsgrid-grid-header table tr th select.bSelect .btn.btn-secondary:hover,
.jsgrid-grid-header table tr td input.bSelect .btn.btn-secondary:hover,
.jsgrid-grid-header table tr td select.bSelect .btn.btn-secondary:hover,
body.skin-dark .jsgrid-table tr th input.bSelect:not(.jsgrid-button) .btn.btn-secondary:hover,
body.skin-dark .jsgrid-table tr td input.bSelect:not(.jsgrid-button) .btn.btn-secondary:hover,
body.skin-dark .jsgrid-table tr th select.bSelect .btn.btn-secondary:hover,
body.skin-dark .jsgrid-table tr td select.bSelect .btn.btn-secondary:hover {
    background-color: #fa6493;
    border-color: #fa6493;
    color: #ffffff;
}

.form-control.bSelect .btn.btn-success,
#toast-container .toast .toast-message input.bSelect .btn.btn-success,
.dataTables_wrapper .dataTables_length label input.bSelect .btn.btn-success,
.dataTables_wrapper .dataTables_filter label input.bSelect .btn.btn-success,
.dataTables_wrapper .dataTables_length label select.bSelect .btn.btn-success,
.dataTables_wrapper .dataTables_filter label select.bSelect .btn.btn-success,
.footable.table thead tr th .footable-filtering-search .input-group .bSelect.form-control .btn.btn-success,
.jsgrid-grid-header table tr th input.bSelect .btn.btn-success,
.jsgrid-grid-header table tr th select.bSelect .btn.btn-success,
.jsgrid-grid-header table tr td input.bSelect .btn.btn-success,
.jsgrid-grid-header table tr td select.bSelect .btn.btn-success,
body.skin-dark .jsgrid-table tr th input.bSelect:not(.jsgrid-button) .btn.btn-success,
body.skin-dark .jsgrid-table tr td input.bSelect:not(.jsgrid-button) .btn.btn-success,
body.skin-dark .jsgrid-table tr th select.bSelect .btn.btn-success,
body.skin-dark .jsgrid-table tr td select.bSelect .btn.btn-success {
    background-color: #29db2d;
    border-color: #29db2d;
    color: #ffffff;
}

.form-control.bSelect .btn.btn-success:hover,
#toast-container .toast .toast-message input.bSelect .btn.btn-success:hover,
.dataTables_wrapper .dataTables_length label input.bSelect .btn.btn-success:hover,
.dataTables_wrapper .dataTables_filter label input.bSelect .btn.btn-success:hover,
.dataTables_wrapper .dataTables_length label select.bSelect .btn.btn-success:hover,
.dataTables_wrapper .dataTables_filter label select.bSelect .btn.btn-success:hover,
.footable.table thead tr th .footable-filtering-search .input-group .bSelect.form-control .btn.btn-success:hover,
.jsgrid-grid-header table tr th input.bSelect .btn.btn-success:hover,
.jsgrid-grid-header table tr th select.bSelect .btn.btn-success:hover,
.jsgrid-grid-header table tr td input.bSelect .btn.btn-success:hover,
.jsgrid-grid-header table tr td select.bSelect .btn.btn-success:hover,
body.skin-dark .jsgrid-table tr th input.bSelect:not(.jsgrid-button) .btn.btn-success:hover,
body.skin-dark .jsgrid-table tr td input.bSelect:not(.jsgrid-button) .btn.btn-success:hover,
body.skin-dark .jsgrid-table tr th select.bSelect .btn.btn-success:hover,
body.skin-dark .jsgrid-table tr td select.bSelect .btn.btn-success:hover {
    background-color: #22c926;
    border-color: #22c926;
    color: #ffffff;
}

.form-control.bSelect .btn.btn-danger,
#toast-container .toast .toast-message input.bSelect .btn.btn-danger,
.dataTables_wrapper .dataTables_length label input.bSelect .btn.btn-danger,
.dataTables_wrapper .dataTables_filter label input.bSelect .btn.btn-danger,
.dataTables_wrapper .dataTables_length label select.bSelect .btn.btn-danger,
.dataTables_wrapper .dataTables_filter label select.bSelect .btn.btn-danger,
.footable.table thead tr th .footable-filtering-search .input-group .bSelect.form-control .btn.btn-danger,
.jsgrid-grid-header table tr th input.bSelect .btn.btn-danger,
.jsgrid-grid-header table tr th select.bSelect .btn.btn-danger,
.jsgrid-grid-header table tr td input.bSelect .btn.btn-danger,
.jsgrid-grid-header table tr td select.bSelect .btn.btn-danger,
body.skin-dark .jsgrid-table tr th input.bSelect:not(.jsgrid-button) .btn.btn-danger,
body.skin-dark .jsgrid-table tr td input.bSelect:not(.jsgrid-button) .btn.btn-danger,
body.skin-dark .jsgrid-table tr th select.bSelect .btn.btn-danger,
body.skin-dark .jsgrid-table tr td select.bSelect .btn.btn-danger {
    background-color: #fd427c;
    border-color: #fd427c;
    color: #ffffff;
}

.form-control.bSelect .btn.btn-danger:hover,
#toast-container .toast .toast-message input.bSelect .btn.btn-danger:hover,
.dataTables_wrapper .dataTables_length label input.bSelect .btn.btn-danger:hover,
.dataTables_wrapper .dataTables_filter label input.bSelect .btn.btn-danger:hover,
.dataTables_wrapper .dataTables_length label select.bSelect .btn.btn-danger:hover,
.dataTables_wrapper .dataTables_filter label select.bSelect .btn.btn-danger:hover,
.footable.table thead tr th .footable-filtering-search .input-group .bSelect.form-control .btn.btn-danger:hover,
.jsgrid-grid-header table tr th input.bSelect .btn.btn-danger:hover,
.jsgrid-grid-header table tr th select.bSelect .btn.btn-danger:hover,
.jsgrid-grid-header table tr td input.bSelect .btn.btn-danger:hover,
.jsgrid-grid-header table tr td select.bSelect .btn.btn-danger:hover,
body.skin-dark .jsgrid-table tr th input.bSelect:not(.jsgrid-button) .btn.btn-danger:hover,
body.skin-dark .jsgrid-table tr td input.bSelect:not(.jsgrid-button) .btn.btn-danger:hover,
body.skin-dark .jsgrid-table tr th select.bSelect .btn.btn-danger:hover,
body.skin-dark .jsgrid-table tr td select.bSelect .btn.btn-danger:hover {
    background-color: #fd296b;
    border-color: #fd296b;
    color: #ffffff;
}

.form-control.bSelect .btn.btn-warning,
#toast-container .toast .toast-message input.bSelect .btn.btn-warning,
.dataTables_wrapper .dataTables_length label input.bSelect .btn.btn-warning,
.dataTables_wrapper .dataTables_filter label input.bSelect .btn.btn-warning,
.dataTables_wrapper .dataTables_length label select.bSelect .btn.btn-warning,
.dataTables_wrapper .dataTables_filter label select.bSelect .btn.btn-warning,
.footable.table thead tr th .footable-filtering-search .input-group .bSelect.form-control .btn.btn-warning,
.jsgrid-grid-header table tr th input.bSelect .btn.btn-warning,
.jsgrid-grid-header table tr th select.bSelect .btn.btn-warning,
.jsgrid-grid-header table tr td input.bSelect .btn.btn-warning,
.jsgrid-grid-header table tr td select.bSelect .btn.btn-warning,
body.skin-dark .jsgrid-table tr th input.bSelect:not(.jsgrid-button) .btn.btn-warning,
body.skin-dark .jsgrid-table tr td input.bSelect:not(.jsgrid-button) .btn.btn-warning,
body.skin-dark .jsgrid-table tr th select.bSelect .btn.btn-warning,
body.skin-dark .jsgrid-table tr td select.bSelect .btn.btn-warning {
    background-color: #ff9666;
    border-color: #ff9666;
    color: #ffffff;
}

.form-control.bSelect .btn.btn-warning:hover,
#toast-container .toast .toast-message input.bSelect .btn.btn-warning:hover,
.dataTables_wrapper .dataTables_length label input.bSelect .btn.btn-warning:hover,
.dataTables_wrapper .dataTables_filter label input.bSelect .btn.btn-warning:hover,
.dataTables_wrapper .dataTables_length label select.bSelect .btn.btn-warning:hover,
.dataTables_wrapper .dataTables_filter label select.bSelect .btn.btn-warning:hover,
.footable.table thead tr th .footable-filtering-search .input-group .bSelect.form-control .btn.btn-warning:hover,
.jsgrid-grid-header table tr th input.bSelect .btn.btn-warning:hover,
.jsgrid-grid-header table tr th select.bSelect .btn.btn-warning:hover,
.jsgrid-grid-header table tr td input.bSelect .btn.btn-warning:hover,
.jsgrid-grid-header table tr td select.bSelect .btn.btn-warning:hover,
body.skin-dark .jsgrid-table tr th input.bSelect:not(.jsgrid-button) .btn.btn-warning:hover,
body.skin-dark .jsgrid-table tr td input.bSelect:not(.jsgrid-button) .btn.btn-warning:hover,
body.skin-dark .jsgrid-table tr th select.bSelect .btn.btn-warning:hover,
body.skin-dark .jsgrid-table tr td select.bSelect .btn.btn-warning:hover {
    background-color: #ff854d;
    border-color: #ff854d;
    color: #ffffff;
}

.form-control.bSelect .btn.btn-info,
#toast-container .toast .toast-message input.bSelect .btn.btn-info,
.dataTables_wrapper .dataTables_length label input.bSelect .btn.btn-info,
.dataTables_wrapper .dataTables_filter label input.bSelect .btn.btn-info,
.dataTables_wrapper .dataTables_length label select.bSelect .btn.btn-info,
.dataTables_wrapper .dataTables_filter label select.bSelect .btn.btn-info,
.footable.table thead tr th .footable-filtering-search .input-group .bSelect.form-control .btn.btn-info,
.jsgrid-grid-header table tr th input.bSelect .btn.btn-info,
.jsgrid-grid-header table tr th select.bSelect .btn.btn-info,
.jsgrid-grid-header table tr td input.bSelect .btn.btn-info,
.jsgrid-grid-header table tr td select.bSelect .btn.btn-info,
body.skin-dark .jsgrid-table tr th input.bSelect:not(.jsgrid-button) .btn.btn-info,
body.skin-dark .jsgrid-table tr td input.bSelect:not(.jsgrid-button) .btn.btn-info,
body.skin-dark .jsgrid-table tr th select.bSelect .btn.btn-info,
body.skin-dark .jsgrid-table tr td select.bSelect .btn.btn-info {
    background-color: #17a2b8;
    border-color: #17a2b8;
    color: #ffffff;
}

.form-control.bSelect .btn.btn-info:hover,
#toast-container .toast .toast-message input.bSelect .btn.btn-info:hover,
.dataTables_wrapper .dataTables_length label input.bSelect .btn.btn-info:hover,
.dataTables_wrapper .dataTables_filter label input.bSelect .btn.btn-info:hover,
.dataTables_wrapper .dataTables_length label select.bSelect .btn.btn-info:hover,
.dataTables_wrapper .dataTables_filter label select.bSelect .btn.btn-info:hover,
.footable.table thead tr th .footable-filtering-search .input-group .bSelect.form-control .btn.btn-info:hover,
.jsgrid-grid-header table tr th input.bSelect .btn.btn-info:hover,
.jsgrid-grid-header table tr th select.bSelect .btn.btn-info:hover,
.jsgrid-grid-header table tr td input.bSelect .btn.btn-info:hover,
.jsgrid-grid-header table tr td select.bSelect .btn.btn-info:hover,
body.skin-dark .jsgrid-table tr th input.bSelect:not(.jsgrid-button) .btn.btn-info:hover,
body.skin-dark .jsgrid-table tr td input.bSelect:not(.jsgrid-button) .btn.btn-info:hover,
body.skin-dark .jsgrid-table tr th select.bSelect .btn.btn-info:hover,
body.skin-dark .jsgrid-table tr td select.bSelect .btn.btn-info:hover {
    background-color: #148ea1;
    border-color: #148ea1;
    color: #ffffff;
}

.form-control.bSelect .dropdown-menu,
#toast-container .toast .toast-message input.bSelect .dropdown-menu,
.dataTables_wrapper .dataTables_length label input.bSelect .dropdown-menu,
.dataTables_wrapper .dataTables_filter label input.bSelect .dropdown-menu,
.dataTables_wrapper .dataTables_length label select.bSelect .dropdown-menu,
.dataTables_wrapper .dataTables_filter label select.bSelect .dropdown-menu,
.footable.table thead tr th .footable-filtering-search .input-group .bSelect.form-control .dropdown-menu,
.jsgrid-grid-header table tr th input.bSelect .dropdown-menu,
.jsgrid-grid-header table tr th select.bSelect .dropdown-menu,
.jsgrid-grid-header table tr td input.bSelect .dropdown-menu,
.jsgrid-grid-header table tr td select.bSelect .dropdown-menu,
body.skin-dark .jsgrid-table tr th input.bSelect:not(.jsgrid-button) .dropdown-menu,
body.skin-dark .jsgrid-table tr td input.bSelect:not(.jsgrid-button) .dropdown-menu,
body.skin-dark .jsgrid-table tr th select.bSelect .dropdown-menu,
body.skin-dark .jsgrid-table tr td select.bSelect .dropdown-menu {
    margin: 0;
    max-height: 200px;
    overflow-y: auto;
}

.form-control.bSelect.dark,
#toast-container .toast .toast-message input.bSelect.dark,
.dataTables_wrapper .dataTables_length label input.bSelect.dark,
.dataTables_wrapper .dataTables_filter label input.bSelect.dark,
.dataTables_wrapper .dataTables_length label select.bSelect.dark,
.dataTables_wrapper .dataTables_filter label select.bSelect.dark,
.footable.table thead tr th .footable-filtering-search .input-group .bSelect.dark.form-control,
.jsgrid-grid-header table tr th input.bSelect.dark,
.jsgrid-grid-header table tr th select.bSelect.dark,
.jsgrid-grid-header table tr td input.bSelect.dark,
.jsgrid-grid-header table tr td select.bSelect.dark,
body.skin-dark .jsgrid-table tr th input.bSelect.dark:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr td input.bSelect.dark:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr th select.bSelect.dark,
body.skin-dark .jsgrid-table tr td select.bSelect.dark,
.form-control.bSelect.focus-dark:focus,
#toast-container .toast .toast-message input.bSelect.focus-dark:focus,
.dataTables_wrapper .dataTables_length label input.bSelect.focus-dark:focus,
.dataTables_wrapper .dataTables_filter label input.bSelect.focus-dark:focus,
.dataTables_wrapper .dataTables_length label select.bSelect.focus-dark:focus,
.dataTables_wrapper .dataTables_filter label select.bSelect.focus-dark:focus,
.footable.table thead tr th .footable-filtering-search .input-group .bSelect.focus-dark.form-control:focus,
.jsgrid-grid-header table tr th input.bSelect.focus-dark:focus,
.jsgrid-grid-header table tr th select.bSelect.focus-dark:focus,
.jsgrid-grid-header table tr td input.bSelect.focus-dark:focus,
.jsgrid-grid-header table tr td select.bSelect.focus-dark:focus,
body.skin-dark .jsgrid-table tr th input.bSelect.focus-dark:focus:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr td input.bSelect.focus-dark:focus:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr th select.bSelect.focus-dark:focus,
body.skin-dark .jsgrid-table tr td select.bSelect.focus-dark:focus {
    border-color: #343434;
}

.form-control.bSelect.primary,
#toast-container .toast .toast-message input.bSelect.primary,
.dataTables_wrapper .dataTables_length label input.bSelect.primary,
.dataTables_wrapper .dataTables_filter label input.bSelect.primary,
.dataTables_wrapper .dataTables_length label select.bSelect.primary,
.dataTables_wrapper .dataTables_filter label select.bSelect.primary,
.footable.table thead tr th .footable-filtering-search .input-group .bSelect.primary.form-control,
.jsgrid-grid-header table tr th input.bSelect.primary,
.jsgrid-grid-header table tr th select.bSelect.primary,
.jsgrid-grid-header table tr td input.bSelect.primary,
.jsgrid-grid-header table tr td select.bSelect.primary,
body.skin-dark .jsgrid-table tr th input.bSelect.primary:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr td input.bSelect.primary:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr th select.bSelect.primary,
body.skin-dark .jsgrid-table tr td select.bSelect.primary,
.form-control.bSelect.focus-primary:focus,
#toast-container .toast .toast-message input.bSelect.focus-primary:focus,
.dataTables_wrapper .dataTables_length label input.bSelect.focus-primary:focus,
.dataTables_wrapper .dataTables_filter label input.bSelect.focus-primary:focus,
.dataTables_wrapper .dataTables_length label select.bSelect.focus-primary:focus,
.dataTables_wrapper .dataTables_filter label select.bSelect.focus-primary:focus,
.footable.table thead tr th .footable-filtering-search .input-group .bSelect.focus-primary.form-control:focus,
.jsgrid-grid-header table tr th input.bSelect.focus-primary:focus,
.jsgrid-grid-header table tr th select.bSelect.focus-primary:focus,
.jsgrid-grid-header table tr td input.bSelect.focus-primary:focus,
.jsgrid-grid-header table tr td select.bSelect.focus-primary:focus,
body.skin-dark .jsgrid-table tr th input.bSelect.focus-primary:focus:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr td input.bSelect.focus-primary:focus:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr th select.bSelect.focus-primary:focus,
body.skin-dark .jsgrid-table tr td select.bSelect.focus-primary:focus {
    border-color: #428bfa;
}

.form-control.bSelect.secondary,
#toast-container .toast .toast-message input.bSelect.secondary,
.dataTables_wrapper .dataTables_length label input.bSelect.secondary,
.dataTables_wrapper .dataTables_filter label input.bSelect.secondary,
.dataTables_wrapper .dataTables_length label select.bSelect.secondary,
.dataTables_wrapper .dataTables_filter label select.bSelect.secondary,
.footable.table thead tr th .footable-filtering-search .input-group .bSelect.secondary.form-control,
.jsgrid-grid-header table tr th input.bSelect.secondary,
.jsgrid-grid-header table tr th select.bSelect.secondary,
.jsgrid-grid-header table tr td input.bSelect.secondary,
.jsgrid-grid-header table tr td select.bSelect.secondary,
body.skin-dark .jsgrid-table tr th input.bSelect.secondary:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr td input.bSelect.secondary:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr th select.bSelect.secondary,
body.skin-dark .jsgrid-table tr td select.bSelect.secondary,
.form-control.bSelect.focus-secondary:focus,
#toast-container .toast .toast-message input.bSelect.focus-secondary:focus,
.dataTables_wrapper .dataTables_length label input.bSelect.focus-secondary:focus,
.dataTables_wrapper .dataTables_filter label input.bSelect.focus-secondary:focus,
.dataTables_wrapper .dataTables_length label select.bSelect.focus-secondary:focus,
.dataTables_wrapper .dataTables_filter label select.bSelect.focus-secondary:focus,
.footable.table thead tr th .footable-filtering-search .input-group .bSelect.focus-secondary.form-control:focus,
.jsgrid-grid-header table tr th input.bSelect.focus-secondary:focus,
.jsgrid-grid-header table tr th select.bSelect.focus-secondary:focus,
.jsgrid-grid-header table tr td input.bSelect.focus-secondary:focus,
.jsgrid-grid-header table tr td select.bSelect.focus-secondary:focus,
body.skin-dark .jsgrid-table tr th input.bSelect.focus-secondary:focus:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr td input.bSelect.focus-secondary:focus:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr th select.bSelect.focus-secondary:focus,
body.skin-dark .jsgrid-table tr td select.bSelect.focus-secondary:focus {
    border-color: #fb7da4;
}

.form-control.bSelect.success,
#toast-container .toast .toast-message input.bSelect.success,
.dataTables_wrapper .dataTables_length label input.bSelect.success,
.dataTables_wrapper .dataTables_filter label input.bSelect.success,
.dataTables_wrapper .dataTables_length label select.bSelect.success,
.dataTables_wrapper .dataTables_filter label select.bSelect.success,
.footable.table thead tr th .footable-filtering-search .input-group .bSelect.success.form-control,
.jsgrid-grid-header table tr th input.bSelect.success,
.jsgrid-grid-header table tr th select.bSelect.success,
.jsgrid-grid-header table tr td input.bSelect.success,
.jsgrid-grid-header table tr td select.bSelect.success,
body.skin-dark .jsgrid-table tr th input.bSelect.success:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr td input.bSelect.success:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr th select.bSelect.success,
body.skin-dark .jsgrid-table tr td select.bSelect.success,
.form-control.bSelect.focus-success:focus,
#toast-container .toast .toast-message input.bSelect.focus-success:focus,
.dataTables_wrapper .dataTables_length label input.bSelect.focus-success:focus,
.dataTables_wrapper .dataTables_filter label input.bSelect.focus-success:focus,
.dataTables_wrapper .dataTables_length label select.bSelect.focus-success:focus,
.dataTables_wrapper .dataTables_filter label select.bSelect.focus-success:focus,
.footable.table thead tr th .footable-filtering-search .input-group .bSelect.focus-success.form-control:focus,
.jsgrid-grid-header table tr th input.bSelect.focus-success:focus,
.jsgrid-grid-header table tr th select.bSelect.focus-success:focus,
.jsgrid-grid-header table tr td input.bSelect.focus-success:focus,
.jsgrid-grid-header table tr td select.bSelect.focus-success:focus,
body.skin-dark .jsgrid-table tr th input.bSelect.focus-success:focus:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr td input.bSelect.focus-success:focus:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr th select.bSelect.focus-success:focus,
body.skin-dark .jsgrid-table tr td select.bSelect.focus-success:focus {
    border-color: #29db2d;
}

.form-control.bSelect.danger,
#toast-container .toast .toast-message input.bSelect.danger,
.dataTables_wrapper .dataTables_length label input.bSelect.danger,
.dataTables_wrapper .dataTables_filter label input.bSelect.danger,
.dataTables_wrapper .dataTables_length label select.bSelect.danger,
.dataTables_wrapper .dataTables_filter label select.bSelect.danger,
.footable.table thead tr th .footable-filtering-search .input-group .bSelect.danger.form-control,
.jsgrid-grid-header table tr th input.bSelect.danger,
.jsgrid-grid-header table tr th select.bSelect.danger,
.jsgrid-grid-header table tr td input.bSelect.danger,
.jsgrid-grid-header table tr td select.bSelect.danger,
body.skin-dark .jsgrid-table tr th input.bSelect.danger:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr td input.bSelect.danger:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr th select.bSelect.danger,
body.skin-dark .jsgrid-table tr td select.bSelect.danger,
.form-control.bSelect.focus-danger:focus,
#toast-container .toast .toast-message input.bSelect.focus-danger:focus,
.dataTables_wrapper .dataTables_length label input.bSelect.focus-danger:focus,
.dataTables_wrapper .dataTables_filter label input.bSelect.focus-danger:focus,
.dataTables_wrapper .dataTables_length label select.bSelect.focus-danger:focus,
.dataTables_wrapper .dataTables_filter label select.bSelect.focus-danger:focus,
.footable.table thead tr th .footable-filtering-search .input-group .bSelect.focus-danger.form-control:focus,
.jsgrid-grid-header table tr th input.bSelect.focus-danger:focus,
.jsgrid-grid-header table tr th select.bSelect.focus-danger:focus,
.jsgrid-grid-header table tr td input.bSelect.focus-danger:focus,
.jsgrid-grid-header table tr td select.bSelect.focus-danger:focus,
body.skin-dark .jsgrid-table tr th input.bSelect.focus-danger:focus:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr td input.bSelect.focus-danger:focus:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr th select.bSelect.focus-danger:focus,
body.skin-dark .jsgrid-table tr td select.bSelect.focus-danger:focus {
    border-color: #fd427c;
}

.form-control.bSelect.warning,
#toast-container .toast .toast-message input.bSelect.warning,
.dataTables_wrapper .dataTables_length label input.bSelect.warning,
.dataTables_wrapper .dataTables_filter label input.bSelect.warning,
.dataTables_wrapper .dataTables_length label select.bSelect.warning,
.dataTables_wrapper .dataTables_filter label select.bSelect.warning,
.footable.table thead tr th .footable-filtering-search .input-group .bSelect.warning.form-control,
.jsgrid-grid-header table tr th input.bSelect.warning,
.jsgrid-grid-header table tr th select.bSelect.warning,
.jsgrid-grid-header table tr td input.bSelect.warning,
.jsgrid-grid-header table tr td select.bSelect.warning,
body.skin-dark .jsgrid-table tr th input.bSelect.warning:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr td input.bSelect.warning:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr th select.bSelect.warning,
body.skin-dark .jsgrid-table tr td select.bSelect.warning,
.form-control.bSelect.focus-warning:focus,
#toast-container .toast .toast-message input.bSelect.focus-warning:focus,
.dataTables_wrapper .dataTables_length label input.bSelect.focus-warning:focus,
.dataTables_wrapper .dataTables_filter label input.bSelect.focus-warning:focus,
.dataTables_wrapper .dataTables_length label select.bSelect.focus-warning:focus,
.dataTables_wrapper .dataTables_filter label select.bSelect.focus-warning:focus,
.footable.table thead tr th .footable-filtering-search .input-group .bSelect.focus-warning.form-control:focus,
.jsgrid-grid-header table tr th input.bSelect.focus-warning:focus,
.jsgrid-grid-header table tr th select.bSelect.focus-warning:focus,
.jsgrid-grid-header table tr td input.bSelect.focus-warning:focus,
.jsgrid-grid-header table tr td select.bSelect.focus-warning:focus,
body.skin-dark .jsgrid-table tr th input.bSelect.focus-warning:focus:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr td input.bSelect.focus-warning:focus:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr th select.bSelect.focus-warning:focus,
body.skin-dark .jsgrid-table tr td select.bSelect.focus-warning:focus {
    border-color: #ff9666;
}

.form-control.bSelect.info,
#toast-container .toast .toast-message input.bSelect.info,
.dataTables_wrapper .dataTables_length label input.bSelect.info,
.dataTables_wrapper .dataTables_filter label input.bSelect.info,
.dataTables_wrapper .dataTables_length label select.bSelect.info,
.dataTables_wrapper .dataTables_filter label select.bSelect.info,
.footable.table thead tr th .footable-filtering-search .input-group .bSelect.info.form-control,
.jsgrid-grid-header table tr th input.bSelect.info,
.jsgrid-grid-header table tr th select.bSelect.info,
.jsgrid-grid-header table tr td input.bSelect.info,
.jsgrid-grid-header table tr td select.bSelect.info,
body.skin-dark .jsgrid-table tr th input.bSelect.info:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr td input.bSelect.info:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr th select.bSelect.info,
body.skin-dark .jsgrid-table tr td select.bSelect.info,
.form-control.bSelect.focus-info:focus,
#toast-container .toast .toast-message input.bSelect.focus-info:focus,
.dataTables_wrapper .dataTables_length label input.bSelect.focus-info:focus,
.dataTables_wrapper .dataTables_filter label input.bSelect.focus-info:focus,
.dataTables_wrapper .dataTables_length label select.bSelect.focus-info:focus,
.dataTables_wrapper .dataTables_filter label select.bSelect.focus-info:focus,
.footable.table thead tr th .footable-filtering-search .input-group .bSelect.focus-info.form-control:focus,
.jsgrid-grid-header table tr th input.bSelect.focus-info:focus,
.jsgrid-grid-header table tr th select.bSelect.focus-info:focus,
.jsgrid-grid-header table tr td input.bSelect.focus-info:focus,
.jsgrid-grid-header table tr td select.bSelect.focus-info:focus,
body.skin-dark .jsgrid-table tr th input.bSelect.focus-info:focus:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr td input.bSelect.focus-info:focus:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr th select.bSelect.focus-info:focus,
body.skin-dark .jsgrid-table tr td select.bSelect.focus-info:focus {
    border-color: #17a2b8;
}

.form-control.bSelect.form-control-sm,
#toast-container .toast .toast-message input.bSelect.form-control-sm,
.dataTables_wrapper .dataTables_length label input.bSelect.form-control-sm,
.dataTables_wrapper .dataTables_filter label input.bSelect.form-control-sm,
.dataTables_wrapper .dataTables_length label select.bSelect.form-control-sm,
.dataTables_wrapper .dataTables_filter label select.bSelect.form-control-sm,
.footable.table thead tr th .footable-filtering-search .input-group .bSelect.form-control-sm.form-control,
.jsgrid-grid-header table tr th input.bSelect.form-control-sm,
.jsgrid-grid-header table tr th select.bSelect.form-control-sm,
.jsgrid-grid-header table tr td input.bSelect.form-control-sm,
.jsgrid-grid-header table tr td select.bSelect.form-control-sm,
body.skin-dark .jsgrid-table tr th input.bSelect.form-control-sm:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr td input.bSelect.form-control-sm:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr th select.bSelect.form-control-sm,
body.skin-dark .jsgrid-table tr td select.bSelect.form-control-sm {
    padding: 5px 15px;
    font-size: 12px;
}

.form-control.bSelect.form-control-lg,
#toast-container .toast .toast-message input.bSelect.form-control-lg,
.dataTables_wrapper .dataTables_length label input.bSelect.form-control-lg,
.dataTables_wrapper .dataTables_filter label input.bSelect.form-control-lg,
.dataTables_wrapper .dataTables_length label select.bSelect.form-control-lg,
.dataTables_wrapper .dataTables_filter label select.bSelect.form-control-lg,
.footable.table thead tr th .footable-filtering-search .input-group .bSelect.form-control-lg.form-control,
.jsgrid-grid-header table tr th input.bSelect.form-control-lg,
.jsgrid-grid-header table tr th select.bSelect.form-control-lg,
.jsgrid-grid-header table tr td input.bSelect.form-control-lg,
.jsgrid-grid-header table tr td select.bSelect.form-control-lg,
body.skin-dark .jsgrid-table tr th input.bSelect.form-control-lg:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr td input.bSelect.form-control-lg:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr th select.bSelect.form-control-lg,
body.skin-dark .jsgrid-table tr td select.bSelect.form-control-lg {
    padding: 15px 25px;
    font-size: 16px;
}

/*--
    - Switch (Custom)
--------------------------------------*/

/*Switch One*/

.adomx-switch {
    position: relative;
    line-height: 0;
    margin: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.adomx-switch input {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0;
    width: 18px;
    height: 18px;
    visibility: hidden;
}

.adomx-switch input:checked+.lever {
    background-color: rgba(66, 139, 250, 0.3);
}

.adomx-switch input:checked+.lever::before {
    background-color: #428bfa;
    -webkit-box-shadow: 0 0 15px rgba(66, 139, 250, 0.5);
    box-shadow: 0 0 15px rgba(66, 139, 250, 0.5);
    left: 20px;
}

.adomx-switch .lever {
    width: 40px;
    height: 14px;
    display: block;
    border-radius: 50px;
    background-color: rgba(0, 0, 0, 0.15);
    -webkit-transition: background-color 0.3s ease 0s;
    -o-transition: background-color 0.3s ease 0s;
    transition: background-color 0.3s ease 0s;
    margin: 3px 0;
    margin-right: 10px;
    position: relative;
}

.adomx-switch .lever:last-child {
    margin-right: 0;
}

.adomx-switch .lever::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #ffffff;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
    -webkit-transition: left 0.5s ease 0s, background-color 0.3s ease 0s;
    -o-transition: left 0.5s ease 0s, background-color 0.3s ease 0s;
    transition: left 0.5s ease 0s, background-color 0.3s ease 0s;
}

.adomx-switch .text {
    line-height: 1;
    padding-top: 2px;
}

.adomx-switch.primary input:checked+.lever {
    background-color: rgba(66, 139, 250, 0.3);
}

.adomx-switch.primary input:checked+.lever::before {
    background-color: #428bfa;
    -webkit-box-shadow: 0 0 15px rgba(66, 139, 250, 0.5);
    box-shadow: 0 0 15px rgba(66, 139, 250, 0.5);
}

.adomx-switch.secondary input:checked+.lever {
    background-color: rgba(251, 125, 164, 0.3);
}

.adomx-switch.secondary input:checked+.lever::before {
    background-color: #fb7da4;
    -webkit-box-shadow: 0 0 15px rgba(251, 125, 164, 0.5);
    box-shadow: 0 0 15px rgba(251, 125, 164, 0.5);
}

.adomx-switch.success input:checked+.lever {
    background-color: rgba(41, 219, 45, 0.3);
}

.adomx-switch.success input:checked+.lever::before {
    background-color: #29db2d;
    -webkit-box-shadow: 0 0 15px rgba(41, 219, 45, 0.5);
    box-shadow: 0 0 15px rgba(41, 219, 45, 0.5);
}

.adomx-switch.danger input:checked+.lever {
    background-color: rgba(253, 66, 124, 0.3);
}

.adomx-switch.danger input:checked+.lever::before {
    background-color: #fd427c;
    -webkit-box-shadow: 0 0 15px rgba(253, 66, 124, 0.5);
    box-shadow: 0 0 15px rgba(253, 66, 124, 0.5);
}

.adomx-switch.warning input:checked+.lever {
    background-color: rgba(255, 150, 102, 0.3);
}

.adomx-switch.warning input:checked+.lever::before {
    background-color: #ff9666;
    -webkit-box-shadow: 0 0 15px rgba(255, 150, 102, 0.5);
    box-shadow: 0 0 15px rgba(255, 150, 102, 0.5);
}

.adomx-switch.info input:checked+.lever {
    background-color: rgba(23, 162, 184, 0.3);
}

.adomx-switch.info input:checked+.lever::before {
    background-color: #17a2b8;
    -webkit-box-shadow: 0 0 15px rgba(23, 162, 184, 0.5);
    box-shadow: 0 0 15px rgba(23, 162, 184, 0.5);
}

/*Switch Two*/

.adomx-switch-2 {
    position: relative;
    line-height: 0;
    margin: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.adomx-switch-2 input {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0;
    width: 18px;
    height: 18px;
    visibility: hidden;
}

.adomx-switch-2 input:checked+.lever {
    background-color: #428bfa;
}

.adomx-switch-2 input:checked+.lever::before {
    left: 20px;
}

.adomx-switch-2 .lever {
    width: 40px;
    height: 20px;
    display: block;
    border-radius: 50px;
    background-color: rgba(0, 0, 0, 0.15);
    -webkit-transition: background-color 0.3s ease 0s;
    -o-transition: background-color 0.3s ease 0s;
    transition: background-color 0.3s ease 0s;
    margin-right: 10px;
    position: relative;
}

.adomx-switch-2 .lever:last-child {
    margin-right: 0;
}

.adomx-switch-2 .lever::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #ffffff;
    border: 2px solid transparent;
    background-clip: padding-box;
    -webkit-transition: left 0.5s ease 0s, background-color 0.3s ease 0s;
    -o-transition: left 0.5s ease 0s, background-color 0.3s ease 0s;
    transition: left 0.5s ease 0s, background-color 0.3s ease 0s;
}

.adomx-switch-2 .text {
    line-height: 20px;
    padding-top: 2px;
}

.adomx-switch-2.primary input:checked+.lever {
    background-color: #428bfa;
}

.adomx-switch-2.secondary input:checked+.lever {
    background-color: #fb7da4;
}

.adomx-switch-2.success input:checked+.lever {
    background-color: #29db2d;
}

.adomx-switch-2.danger input:checked+.lever {
    background-color: #fd427c;
}

.adomx-switch-2.warning input:checked+.lever {
    background-color: #ff9666;
}

.adomx-switch-2.info input:checked+.lever {
    background-color: #17a2b8;
}

/*Search Form*/

.search-form form {
    position: relative;
    width: 250px;
    border-radius: 50px;
    overflow: hidden;
}

.search-form form input {
    width: 100%;
    background-color: #fafafa;
    -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.08) inset;
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.08) inset;
    border: none;
    border-radius: 50px;
    line-height: 24px;
    padding: 12px 20px;
    font-size: 14px;
    color: #999999;
}

.search-form form .submit {
    position: absolute;
    right: 0;
    top: 0;
    padding: 12px 20px;
    background-color: transparent;
    border: none;
    color: #666666;
}

.search-form form .submit i {
    line-height: 24px;
    font-size: 20px;
}

.search-form form .submit:hover {
    color: #428bfa;
}

/*Adomx Checkbox Radio Group*/

.adomx-checkbox-radio-group {
    margin: -8px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.adomx-checkbox-radio-group.inline {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.adomx-checkbox-radio-group [class*="adomx-checkbox"],
.adomx-checkbox-radio-group [class*="adomx-radio"],
.adomx-checkbox-radio-group [class*="adomx-switch"] {
    margin: 8px;
}

/*Input File*/

.input-file {
    margin: 0;
    position: relative;
    width: 100%;
}

.input-file input {
    opacity: 0;
    visibility: hidden;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

/*File Pond*/

.filepond--root {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: auto !important;
    margin: -5px;
    contain: unset;
}

.filepond--root .filepond--drop-label {
    max-width: 140px;
    width: 100%;
    height: 140px;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 100%;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
    position: absolute;
    left: 0;
    top: 0;
    margin: 5px;
    border: 1px solid #dddddd;
    border-radius: 4px;
    z-index: 99;
}

.filepond--root .filepond--drop-label::before {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    content: '\f21e';
    font-family: "Material-Design-Iconic-Font";
    font-size: 30px;
}

.filepond--root .filepond--drop-label label {
    display: none;
}

.filepond--root .filepond--list-scroller {
    position: relative;
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
    margin: 5px;
    height: auto;
}

.filepond--root .filepond--list-scroller .filepond--list {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    left: 0;
    right: 0;
    margin: -5px;
}

.filepond--root .filepond--list-scroller .filepond--list::before {
    width: 140px;
    height: 140px;
    content: "";
    margin: 5px;
}

.filepond--root .filepond--panel-root {
    display: none;
}

.filepond--list .filepond--item {
    position: relative;
    max-width: 140px;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 100%;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
    margin: 5px;
}

.filepond--list .filepond--item .filepond--file-wrapper .filepond--file {
    border-radius: 4px;
}

.filepond--image-preview-wrapper {
    border-radius: 4px;
}

.filepond--image-preview-wrapper .filepond--image-preview .filepond--image-clip {
    height: 100%;
    width: 100%;
}

/*Dropify*/

.dropify-wrapper {
    border: 1px solid #dddddd;
    border-radius: 4px;
}

/*Date Range Picker*/

.daterangepicker .ranges ul li.active {
    background-color: #428bfa;
}

.daterangepicker .ranges ul li.active:hover {
    background-color: #297cf9;
}

.daterangepicker td.active {
    background-color: #428bfa;
}

.daterangepicker td.active:hover {
    background-color: #428bfa;
}

.daterangepicker .drp-buttons .btn.btn-primary {
    background-color: #428bfa;
    border-color: transparent;
}

.daterangepicker .drp-buttons .btn.btn-primary:hover {
    background-color: #297cf9;
}

.ql-container {
    height: 250px;
}

/*----------------------------------------*/

/*  04. Table CSS
/*----------------------------------------*/

/*--
    - Data Table
--------------------------------------*/

/*Data Table Wrap*/

.data-table-wrap {
    margin-bottom: -20px;
}

.data-table-wrap .table-responsive {
    padding-bottom: 20px;
}

/*Data Table*/

table.data-table {
    margin-bottom: 10px;
    margin-top: 10px;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 100%;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
    width: 100% !important;
    /* Table Head */
    /* Table Body */
}

table.data-table thead tr th {
    white-space: nowrap;
}

table.data-table thead tr th.sorting,
table.data-table thead tr th.sorting_asc,
table.data-table thead tr th.sorting_desc,
table.data-table thead tr th.sorting_asc_disabled,
table.data-table thead tr th.sorting_desc_disabled {
    background-color: transparent;
    background-image: none;
}

table.data-table thead tr th:after {
    margin-left: 10px;
    font-family: fontawesome;
    cursor: pointer;
}

table.data-table thead tr th.sorting_asc:after {
    content: "\f0de";
}

table.data-table thead tr th.sorting_desc:after {
    content: "\f0dd";
}

table.data-table thead tr th.sorting:after {
    content: "\f0dc";
}

table.data-table tbody tr td {
    white-space: nowrap;
}

table.data-table.collapsed {
    /* Table Head */
    /* Table Body */
}

table.data-table.collapsed tbody tr td.sorting_1 {
    position: relative;
    padding-left: 30px;
    cursor: pointer;
}

table.data-table.collapsed tbody tr td.sorting_1::before {
    content: "\f278";
    font-family: "Material-Design-Iconic-Font";
    position: absolute;
    left: 7px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    background-color: #428bfa;
    color: #ffffff;
    border-radius: 50%;
}

table.data-table.collapsed tbody tr.parent td.sorting_1::before {
    content: "\f273";
}

table.data-table.collapsed tbody tr.child {
    background-color: #f9f9f9;
}

table.data-table.collapsed tbody tr.child td.child {
    padding: 0;
}

table.data-table.collapsed tbody tr.child td.child ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

table.data-table.collapsed tbody tr.child td.child ul li {
    border-bottom: 1px solid #dee2e6;
    padding: .75rem;
}

table.data-table.collapsed tbody tr.child td.child ul li:last-child {
    border-bottom: none;
}

table.data-table.collapsed tbody tr.child td.child ul li .dtr-title {
    font-weight: 700;
    margin-right: 10px;
    min-width: 75px;
}

/*Data Table Wrapper*/

.dataTables_wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.dataTables_wrapper .dt-buttons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 6px;
}

.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px;
}

.dataTables_wrapper .dataTables_length label,
.dataTables_wrapper .dataTables_filter label {
    margin: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.dataTables_wrapper .dataTables_length label input,
.dataTables_wrapper .dataTables_filter label input {
    width: auto;
    padding: 7px 20px;
    margin-left: 5px;
}

.dataTables_wrapper .dataTables_length label select,
.dataTables_wrapper .dataTables_filter label select {
    width: auto;
    padding: 6px 35px 6px 10px !important;
    margin: 0 5px;
}

@media only screen and (max-width: 575px) {
    .dataTables_wrapper .dataTables_length,
    .dataTables_wrapper .dataTables_filter {
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 100%;
        -ms-flex: 1 0 100%;
        flex: 1 0 100%;
    }
}

.dataTables_wrapper .dataTables_paginate {
    margin-top: 5px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: -5px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    margin-right: 5px;
    margin-bottom: 5px;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    background-color: transparent;
    color: #666666;
    border-radius: 4px;
    text-transform: capitalize;
    font-size: 15px;
    line-height: 24px;
    padding: 4px 12px;
    border: 1px solid #dee2e6;
}

.dataTables_wrapper .dataTables_paginate .paginate_button i {
    font-size: 20px;
    margin: 3px 0 0 !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current {
    background-color: #428bfa;
    border-color: #428bfa;
    color: #ffffff;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.previous {
    margin-left: 0;
    padding: 4px 15px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.next {
    padding: 4px 15px;
    margin-right: 0 !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background-color: #428bfa;
    border-color: #428bfa;
    color: #ffffff;
}

/*--
    - Foo Table
--------------------------------------*/

.footable.table {
    margin: 0;
}

.footable.table thead tr th {
    padding: 0.75em;
    border-color: #dee2e6;
    line-height: inherit;
    border-top: 1px solid #dee2e6 !important;
}

.footable.table thead tr th .footable-filtering-search .input-group #toast-container .toast .toast-message input,
#toast-container .toast .toast-message .footable.table thead tr th .footable-filtering-search .input-group input,
.footable.table thead tr th .footable-filtering-search .input-group .dataTables_wrapper .dataTables_length label input,
.dataTables_wrapper .dataTables_length label .footable.table thead tr th .footable-filtering-search .input-group input,
.footable.table thead tr th .footable-filtering-search .input-group .dataTables_wrapper .dataTables_filter label input,
.dataTables_wrapper .dataTables_filter label .footable.table thead tr th .footable-filtering-search .input-group input,
.footable.table thead tr th .footable-filtering-search .input-group .dataTables_wrapper .dataTables_length label select,
.dataTables_wrapper .dataTables_length label .footable.table thead tr th .footable-filtering-search .input-group select,
.footable.table thead tr th .footable-filtering-search .input-group .dataTables_wrapper .dataTables_filter label select,
.dataTables_wrapper .dataTables_filter label .footable.table thead tr th .footable-filtering-search .input-group select,
.footable.table thead tr th .footable-filtering-search .input-group .form-control,
.footable.table thead .jsgrid-grid-header table tr th .footable-filtering-search .input-group input,
.jsgrid-grid-header table .footable.table thead tr th .footable-filtering-search .input-group input,
.footable.table thead .jsgrid-grid-header table tr th .footable-filtering-search .input-group select,
.jsgrid-grid-header table .footable.table thead tr th .footable-filtering-search .input-group select,
body.skin-dark .footable.table thead tr th .footable-filtering-search .input-group .form-control,
.footable.table thead body.skin-dark .jsgrid-table tr th .footable-filtering-search .input-group input:not(.jsgrid-button),
body.skin-dark .jsgrid-table .footable.table thead tr th .footable-filtering-search .input-group input:not(.jsgrid-button),
.footable.table thead body.skin-dark .jsgrid-table tr th .footable-filtering-search .input-group select,
body.skin-dark .jsgrid-table .footable.table thead tr th .footable-filtering-search .input-group select {
    max-width: 100%;
    padding: 7px 20px;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.footable.table thead tr th .footable-filtering-search .input-group .input-group-btn .btn {
    margin: 0 !important;
    padding: 7px 15px !important;
    border-radius: 0 !important;
}

.footable.table thead tr th .footable-filtering-search .input-group .input-group-btn .btn .caret {
    display: none;
}

.footable.table thead tr th .footable-filtering-search .input-group .input-group-btn .btn::after {
    margin: 0;
}

.footable.table thead tr th .footable-filtering-search .input-group .input-group-btn .btn.dropdown-toggle {
    border-top-right-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
    border-left-color: #0660e9;
}

.footable.table thead tr.footable-filtering th {
    border-top: none !important;
    padding: 0 0 20px;
}

.footable.table tbody tr td {
    padding: 0.75em;
    border-color: #dee2e6;
    line-height: inherit;
}

.footable.table tbody tr td .footable-details {
    margin: 0;
}

.footable.table tbody tr td .footable-details tbody tr th {
    vertical-align: middle;
}

.footable.table tbody tr td.footable-editing .btn-group .btn {
    margin: 0 !important;
    padding: 0 6px !important;
    line-height: 20px !important;
}

.footable.table tbody tr td.footable-editing .btn-group .btn:last-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.footable.table tbody tr.footable-detail-row>td {
    padding: 0;
}

.footable.table tfoot tr td {
    padding: 15px;
}

.footable.table tfoot tr.footable-editing td .btn:not(.footable-show) {
    display: none;
}

.footable.table tfoot tr:last-child td {
    padding-bottom: 0;
}

.footable.table.footable-editing-show tfoot tr.footable-editing td .btn {
    display: none;
}

.footable.table.footable-editing-show tfoot tr.footable-editing td .btn:not(.footable-show) {
    display: inline-block;
}

/*Footable Pagination*/

.footable-pagination-wrapper .pagination {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: -10px;
    margin-top: 0;
}

.footable-pagination-wrapper .pagination li {
    margin-right: 10px;
    margin-bottom: 10px;
}

.footable-pagination-wrapper .pagination li:last-child {
    margin-right: 0;
}

.footable-pagination-wrapper .pagination li a {
    display: inline-block;
    background-color: transparent;
    color: #666666;
    border-radius: 4px;
    text-transform: capitalize;
    font-size: 15px;
    line-height: 24px;
    padding: 4px 15px;
    border-width: 1px;
    border-style: solid;
}

.footable-pagination-wrapper .pagination li a:hover {
    background-color: #428bfa;
    border-color: #428bfa;
    color: #ffffff;
}

.footable-pagination-wrapper .pagination li.disabled a {
    background-color: transparent;
}

.footable-pagination-wrapper .pagination li.footable-page-nav a {
    padding-top: 2px;
    padding-bottom: 6px;
    font-size: 18px;
}

.footable-pagination-wrapper .pagination li:last-child a,
.footable-pagination-wrapper .pagination li:last-child span {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.footable-pagination-wrapper .pagination li.active a,
.footable-pagination-wrapper .pagination li.active a:focus,
.footable-pagination-wrapper .pagination li.active a:hover {
    background-color: #428bfa;
    border-color: #428bfa;
    color: #ffffff;
}

.footable-pagination-wrapper .label {
    display: none;
}

/*Footable Editor*/

#footable-editor .form-group {
    margin-bottom: 15px;
}

#footable-editor .form-group:last-child {
    margin-bottom: 0;
}

/*--
    - JSGrid
--------------------------------------*/

/*Sorting Panel*/

.jsGrid-sorting-panel {
    max-width: 300px;
    margin-bottom: 15px;
}

.jsGrid-sorting-panel div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.jsGrid-sorting-panel div .form-control,
.jsGrid-sorting-panel div #toast-container .toast .toast-message input,
#toast-container .toast .toast-message .jsGrid-sorting-panel div input,
.jsGrid-sorting-panel div .dataTables_wrapper .dataTables_length label input,
.dataTables_wrapper .dataTables_length label .jsGrid-sorting-panel div input,
.jsGrid-sorting-panel div .dataTables_wrapper .dataTables_filter label input,
.dataTables_wrapper .dataTables_filter label .jsGrid-sorting-panel div input,
.jsGrid-sorting-panel div .dataTables_wrapper .dataTables_length label select,
.dataTables_wrapper .dataTables_length label .jsGrid-sorting-panel div select,
.jsGrid-sorting-panel div .dataTables_wrapper .dataTables_filter label select,
.dataTables_wrapper .dataTables_filter label .jsGrid-sorting-panel div select,
.jsGrid-sorting-panel div .footable.table thead tr th .footable-filtering-search .input-group .form-control,
.footable.table thead tr th .footable-filtering-search .input-group .jsGrid-sorting-panel div .form-control,
.jsGrid-sorting-panel div .jsgrid-grid-header table tr th input,
.jsgrid-grid-header table tr th .jsGrid-sorting-panel div input,
.jsGrid-sorting-panel div .jsgrid-grid-header table tr th select,
.jsgrid-grid-header table tr th .jsGrid-sorting-panel div select,
.jsGrid-sorting-panel div .jsgrid-grid-header table tr td input,
.jsgrid-grid-header table tr td .jsGrid-sorting-panel div input,
.jsGrid-sorting-panel div .jsgrid-grid-header table tr td select,
.jsgrid-grid-header table tr td .jsGrid-sorting-panel div select,
.jsGrid-sorting-panel div body.skin-dark .jsgrid-table tr th input:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr th .jsGrid-sorting-panel div input:not(.jsgrid-button),
.jsGrid-sorting-panel div body.skin-dark .jsgrid-table tr td input:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr td .jsGrid-sorting-panel div input:not(.jsgrid-button),
.jsGrid-sorting-panel div body.skin-dark .jsgrid-table tr th select,
body.skin-dark .jsgrid-table tr th .jsGrid-sorting-panel div select,
.jsGrid-sorting-panel div body.skin-dark .jsgrid-table tr td select,
body.skin-dark .jsgrid-table tr td .jsGrid-sorting-panel div select {
    width: auto;
    margin: 0 5px;
}

.jsGrid-sorting-panel div .button,
.jsGrid-sorting-panel div .fullcalendar .fc-toolbar .fc-button,
.fullcalendar .fc-toolbar .jsGrid-sorting-panel div .fc-button,
.jsGrid-sorting-panel div #toast-container .toast .toast-message .btn,
#toast-container .toast .toast-message .jsGrid-sorting-panel div .btn,
.jsGrid-sorting-panel div .dataTables_wrapper .dt-buttons .dt-button,
.dataTables_wrapper .dt-buttons .jsGrid-sorting-panel div .dt-button,
.jsGrid-sorting-panel div .footable.table thead tr th .footable-filtering-search .input-group .input-group-btn .btn,
.footable.table thead tr th .footable-filtering-search .input-group .input-group-btn .jsGrid-sorting-panel div .btn,
.jsGrid-sorting-panel div .footable.table tbody tr td.footable-editing .btn-group .btn,
.footable.table tbody tr td.footable-editing .btn-group .jsGrid-sorting-panel div .btn,
.jsGrid-sorting-panel div .footable.table tfoot tr.footable-editing td .btn,
.footable.table tfoot tr.footable-editing td .jsGrid-sorting-panel div .btn,
.jsGrid-sorting-panel div .smart-wizard .sw-toolbar .sw-btn-group .btn,
.smart-wizard .sw-toolbar .sw-btn-group .jsGrid-sorting-panel div .btn {
    padding: 6px 15px;
    margin: 0;
}

/*JSGrid*/

.jsgrid {
    height: auto !important;
}

.jsgrid .jsgrid-button {
    padding: 0;
    position: relative;
    top: 4px;
    margin: 0 3px;
}

/*JSGrid Header*/

.jsgrid-grid-header {
    border: 1px solid #dee2e6;
    height: auto;
    overflow-x: hidden;
    overflow-y: auto;
}

.jsgrid-grid-header table tr th,
.jsgrid-grid-header table tr td {
    padding: 0.75em;
    vertical-align: middle;
}

.jsgrid-grid-header table tr th input,
.jsgrid-grid-header table tr th select,
.jsgrid-grid-header table tr td input,
.jsgrid-grid-header table tr td select {
    padding: 7px 20px;
}

.jsgrid-grid-header table tr th input[type="number"],
.jsgrid-grid-header table tr th select[type="number"],
.jsgrid-grid-header table tr td input[type="number"],
.jsgrid-grid-header table tr td select[type="number"] {
    padding: 7px 10px;
}

.jsgrid-grid-header table tr th select,
.jsgrid-grid-header table tr td select {
    padding: 6px 35px 6px 10px !important;
}

.jsgrid-grid-header table tr th.jsgrid-header-sort::before,
.jsgrid-grid-header table tr td.jsgrid-header-sort::before {
    margin-top: 9px;
}

.jsgrid-grid-header table tr th.jsgrid-header-sort.jsgrid-header-sort-asc::before,
.jsgrid-grid-header table tr td.jsgrid-header-sort.jsgrid-header-sort-asc::before {
    border-color: transparent transparent #428bfa;
}

.jsgrid-grid-header table tr th.jsgrid-header-sort.jsgrid-header-sort-desc::before,
.jsgrid-grid-header table tr td.jsgrid-header-sort.jsgrid-header-sort-desc::before {
    border-color: #428bfa transparent transparent;
}

/*JSGrid Body*/

.jsgrid-grid-body {
    height: auto !important;
    overflow: auto;
}

.jsgrid-grid-body table tbody tr th,
.jsgrid-grid-body table tbody tr td {
    padding: 0.75em;
    border-color: #dee2e6;
    vertical-align: middle;
}

.jsgrid-grid-body table tbody tr th.jsgrid-align-right,
.jsgrid-grid-body table tbody tr td.jsgrid-align-right {
    text-align: center;
}

.jsgrid-grid-body table tbody tr:last-child td {
    border-bottom: none;
}

/*Table Common Style*/

.table {
    white-space: nowrap;
}

.table:last-child {
    margin-bottom: 0;
}

.table thead tr th,
.table thead tr td,
.table tbody tr th,
.table tbody tr td {
    border-color: #f1f1f1;
}

.table.table-vertical-middle thead tr th,
.table.table-vertical-middle thead tr td,
.table.table-vertical-middle tbody tr th,
.table.table-vertical-middle tbody tr td {
    vertical-align: middle;
}

.table .adomx-checkbox,
.table .adomx-checkbox-2 {
    display: table;
    padding-left: 18px;
}

/*Table Action Buttons*/

.table-action-buttons {
    min-width: 80px;
}

.table-action-buttons .button,
.table-action-buttons .fullcalendar .fc-toolbar .fc-button,
.fullcalendar .fc-toolbar .table-action-buttons .fc-button,
.table-action-buttons #toast-container .toast .toast-message .btn,
#toast-container .toast .toast-message .table-action-buttons .btn,
.table-action-buttons .dataTables_wrapper .dt-buttons .dt-button,
.dataTables_wrapper .dt-buttons .table-action-buttons .dt-button,
.table-action-buttons .footable.table thead tr th .footable-filtering-search .input-group .input-group-btn .btn,
.footable.table thead tr th .footable-filtering-search .input-group .input-group-btn .table-action-buttons .btn,
.table-action-buttons .footable.table tbody tr td.footable-editing .btn-group .btn,
.footable.table tbody tr td.footable-editing .btn-group .table-action-buttons .btn,
.table-action-buttons .footable.table tfoot tr.footable-editing td .btn,
.footable.table tfoot tr.footable-editing td .table-action-buttons .btn,
.table-action-buttons .smart-wizard .sw-toolbar .sw-btn-group .btn,
.smart-wizard .sw-toolbar .sw-btn-group .table-action-buttons .btn {
    width: 22px !important;
    height: 22px !important;
    margin-bottom: 0;
}

.table-action-buttons .button i,
.table-action-buttons .fullcalendar .fc-toolbar .fc-button i,
.fullcalendar .fc-toolbar .table-action-buttons .fc-button i,
.table-action-buttons #toast-container .toast .toast-message .btn i,
#toast-container .toast .toast-message .table-action-buttons .btn i,
.table-action-buttons .dataTables_wrapper .dt-buttons .dt-button i,
.dataTables_wrapper .dt-buttons .table-action-buttons .dt-button i,
.table-action-buttons .footable.table thead tr th .footable-filtering-search .input-group .input-group-btn .btn i,
.footable.table thead tr th .footable-filtering-search .input-group .input-group-btn .table-action-buttons .btn i,
.table-action-buttons .footable.table tbody tr td.footable-editing .btn-group .btn i,
.footable.table tbody tr td.footable-editing .btn-group .table-action-buttons .btn i,
.table-action-buttons .footable.table tfoot tr.footable-editing td .btn i,
.footable.table tfoot tr.footable-editing td .table-action-buttons .btn i,
.table-action-buttons .smart-wizard .sw-toolbar .sw-btn-group .btn i,
.smart-wizard .sw-toolbar .sw-btn-group .table-action-buttons .btn i {
    line-height: 22px;
}

.table-action-buttons .button:focus,
.table-action-buttons .fullcalendar .fc-toolbar .fc-button:focus,
.fullcalendar .fc-toolbar .table-action-buttons .fc-button:focus,
.table-action-buttons #toast-container .toast .toast-message .btn:focus,
#toast-container .toast .toast-message .table-action-buttons .btn:focus,
.table-action-buttons .dataTables_wrapper .dt-buttons .dt-button:focus,
.dataTables_wrapper .dt-buttons .table-action-buttons .dt-button:focus,
.table-action-buttons .footable.table thead tr th .footable-filtering-search .input-group .input-group-btn .btn:focus,
.footable.table thead tr th .footable-filtering-search .input-group .input-group-btn .table-action-buttons .btn:focus,
.table-action-buttons .footable.table tbody tr td.footable-editing .btn-group .btn:focus,
.footable.table tbody tr td.footable-editing .btn-group .table-action-buttons .btn:focus,
.table-action-buttons .footable.table tfoot tr.footable-editing td .btn:focus,
.footable.table tfoot tr.footable-editing td .table-action-buttons .btn:focus,
.table-action-buttons .smart-wizard .sw-toolbar .sw-btn-group .btn:focus,
.smart-wizard .sw-toolbar .sw-btn-group .table-action-buttons .btn:focus {
    color: #ffffff;
}

/*----------------------------------------*/

/*  05. Step Widget CSS
/*----------------------------------------*/

.smart-wizard .step-anchor {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -15px;
}

.smart-wizard .step-anchor .nav-item {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    padding: 15px;
}

.smart-wizard .step-anchor .nav-item .nav-link {
    border: none;
    background-color: #f1f1f1;
    padding: 20px 30px;
    border-radius: 4px;
    font-size: 18px;
    font-weight: 600;
    cursor: default;
    color: #999999;
}

.smart-wizard .step-anchor .nav-item .nav-link:hover {
    color: #999999;
}

.smart-wizard .step-anchor .nav-item.active a,
.smart-wizard .step-anchor .nav-item.done a {
    cursor: pointer;
    color: #ffffff;
}

.smart-wizard .step-anchor .nav-item.active a:hover,
.smart-wizard .step-anchor .nav-item.done a:hover {
    color: #ffffff;
}

.smart-wizard .step-anchor .nav-item.active a {
    background-color: #428bfa;
}

.smart-wizard .step-anchor .nav-item.done a {
    background-color: rgba(66, 139, 250, 0.3);
}

.smart-wizard .sw-container .step-content {
    display: none;
    height: auto;
    opacity: 1;
    visibility: visible;
    padding: 30px 0;
}

.smart-wizard .sw-toolbar .sw-btn-group {
    margin-right: 15px !important;
}

.smart-wizard .sw-toolbar .sw-btn-group:last-child {
    margin-right: 0 !important;
}

.smart-wizard .sw-toolbar .sw-btn-group .btn {
    border-radius: 4px !important;
    margin-right: 5px !important;
}

.smart-wizard .sw-toolbar .sw-btn-group .btn:last-child {
    margin-right: 0 !important;
}

.smart-wizard.vertical .step-anchor {
    margin: 0;
    padding: 0 15px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.smart-wizard.vertical .step-anchor li {
    padding: 0;
    margin-bottom: 30px;
}

.smart-wizard.vertical .step-anchor li:last-child {
    margin-bottom: 0;
}

.smart-wizard.vertical .sw-container .step-content {
    padding: 0;
}

.smart-wizard.vertical .sw-toolbar {
    padding: 0 15px;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 100%;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
    margin-bottom: 30px;
}

/*----------------------------------------*/

/*  06. Tippy CSS
/*----------------------------------------*/

.tippy-tooltip {
    background-color: #343434;
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    padding: 10px;
}

.tippy-tooltip .tippy-backdrop {
    background-color: #343434;
}

.tippy-tooltip.dark-theme {
    background-color: #343434;
}

.tippy-tooltip.dark-theme .tippy-backdrop {
    background-color: #343434;
}

.tippy-tooltip.light-theme {
    background-color: #ffffff;
}

.tippy-tooltip.light-theme .tippy-backdrop {
    background-color: #ffffff;
}

.tippy-tooltip.light-theme .tippy-content {
    color: #343434;
}

.tippy-tooltip.primary-theme {
    background-color: #428bfa;
    -webkit-box-shadow: 0 5px 15px rgba(66, 139, 250, 0.1);
    box-shadow: 0 5px 15px rgba(66, 139, 250, 0.1);
}

.tippy-tooltip.primary-theme .tippy-backdrop {
    background-color: #428bfa;
}

.tippy-tooltip.secondary-theme {
    background-color: #fb7da4;
    -webkit-box-shadow: 0 5px 15px rgba(251, 125, 164, 0.1);
    box-shadow: 0 5px 15px rgba(251, 125, 164, 0.1);
}

.tippy-tooltip.secondary-theme .tippy-backdrop {
    background-color: #fb7da4;
}

.tippy-tooltip.success-theme {
    background-color: #29db2d;
    -webkit-box-shadow: 0 5px 15px rgba(41, 219, 45, 0.1);
    box-shadow: 0 5px 15px rgba(41, 219, 45, 0.1);
}

.tippy-tooltip.success-theme .tippy-backdrop {
    background-color: #29db2d;
}

.tippy-tooltip.danger-theme {
    background-color: #fd427c;
    -webkit-box-shadow: 0 5px 15px rgba(253, 66, 124, 0.1);
    box-shadow: 0 5px 15px rgba(253, 66, 124, 0.1);
}

.tippy-tooltip.danger-theme .tippy-backdrop {
    background-color: #fd427c;
}

.tippy-tooltip.warning-theme {
    background-color: #ff9666;
    -webkit-box-shadow: 0 5px 15px rgba(255, 150, 102, 0.1);
    box-shadow: 0 5px 15px rgba(255, 150, 102, 0.1);
}

.tippy-tooltip.warning-theme .tippy-backdrop {
    background-color: #ff9666;
}

.tippy-tooltip.info-theme {
    background-color: #17a2b8;
    -webkit-box-shadow: 0 5px 15px rgba(23, 162, 184, 0.1);
    box-shadow: 0 5px 15px rgba(23, 162, 184, 0.1);
}

.tippy-tooltip.info-theme .tippy-backdrop {
    background-color: #17a2b8;
}

.tippy-tooltip .tippy-content {
    color: #ffffff;
    font-size: 12px;
}

/*Placement Top*/

.tippy-popper[x-placement^="top"] .tippy-tooltip .tippy-arrow {
    border-top-color: #343434;
}

.tippy-popper[x-placement^="top"] .tippy-tooltip .tippy-roundarrow svg path {
    fill: #343434;
}

.tippy-popper[x-placement^="top"] .tippy-tooltip.light-theme .tippy-arrow {
    border-top-color: #ffffff;
}

.tippy-popper[x-placement^="top"] .tippy-tooltip.light-theme .tippy-roundarrow svg path {
    fill: #ffffff;
}

.tippy-popper[x-placement^="top"] .tippy-tooltip.primary-theme .tippy-arrow {
    border-top-color: #428bfa;
}

.tippy-popper[x-placement^="top"] .tippy-tooltip.primary-theme .tippy-roundarrow svg path {
    fill: #428bfa;
}

.tippy-popper[x-placement^="top"] .tippy-tooltip.secondary-theme .tippy-arrow {
    border-top-color: #fb7da4;
}

.tippy-popper[x-placement^="top"] .tippy-tooltip.secondary-theme .tippy-roundarrow svg path {
    fill: #fb7da4;
}

.tippy-popper[x-placement^="top"] .tippy-tooltip.success-theme .tippy-arrow {
    border-top-color: #29db2d;
}

.tippy-popper[x-placement^="top"] .tippy-tooltip.success-theme .tippy-roundarrow svg path {
    fill: #29db2d;
}

.tippy-popper[x-placement^="top"] .tippy-tooltip.danger-theme .tippy-arrow {
    border-top-color: #fd427c;
}

.tippy-popper[x-placement^="top"] .tippy-tooltip.danger-theme .tippy-roundarrow svg path {
    fill: #fd427c;
}

.tippy-popper[x-placement^="top"] .tippy-tooltip.warning-theme .tippy-arrow {
    border-top-color: #ff9666;
}

.tippy-popper[x-placement^="top"] .tippy-tooltip.warning-theme .tippy-roundarrow svg path {
    fill: #ff9666;
}

.tippy-popper[x-placement^="top"] .tippy-tooltip.info-theme .tippy-arrow {
    border-top-color: #17a2b8;
}

.tippy-popper[x-placement^="top"] .tippy-tooltip.info-theme .tippy-roundarrow svg path {
    fill: #17a2b8;
}

/*Placement Bottom*/

.tippy-popper[x-placement^="bottom"] .tippy-tooltip .tippy-arrow {
    border-bottom-color: #343434;
}

.tippy-popper[x-placement^="bottom"] .tippy-tooltip .tippy-roundarrow svg path {
    fill: #343434;
}

.tippy-popper[x-placement^="bottom"] .tippy-tooltip.light-theme .tippy-arrow {
    border-bottom-color: #ffffff;
}

.tippy-popper[x-placement^="bottom"] .tippy-tooltip.light-theme .tippy-roundarrow svg path {
    fill: #ffffff;
}

.tippy-popper[x-placement^="bottom"] .tippy-tooltip.primary-theme .tippy-arrow {
    border-bottom-color: #428bfa;
}

.tippy-popper[x-placement^="bottom"] .tippy-tooltip.primary-theme .tippy-roundarrow svg path {
    fill: #428bfa;
}

.tippy-popper[x-placement^="bottom"] .tippy-tooltip.secondary-theme .tippy-arrow {
    border-bottom-color: #fb7da4;
}

.tippy-popper[x-placement^="bottom"] .tippy-tooltip.secondary-theme .tippy-roundarrow svg path {
    fill: #fb7da4;
}

.tippy-popper[x-placement^="bottom"] .tippy-tooltip.success-theme .tippy-arrow {
    border-bottom-color: #29db2d;
}

.tippy-popper[x-placement^="bottom"] .tippy-tooltip.success-theme .tippy-roundarrow svg path {
    fill: #29db2d;
}

.tippy-popper[x-placement^="bottom"] .tippy-tooltip.danger-theme .tippy-arrow {
    border-bottom-color: #fd427c;
}

.tippy-popper[x-placement^="bottom"] .tippy-tooltip.danger-theme .tippy-roundarrow svg path {
    fill: #fd427c;
}

.tippy-popper[x-placement^="bottom"] .tippy-tooltip.warning-theme .tippy-arrow {
    border-bottom-color: #ff9666;
}

.tippy-popper[x-placement^="bottom"] .tippy-tooltip.warning-theme .tippy-roundarrow svg path {
    fill: #ff9666;
}

.tippy-popper[x-placement^="bottom"] .tippy-tooltip.info-theme .tippy-arrow {
    border-bottom-color: #17a2b8;
}

.tippy-popper[x-placement^="bottom"] .tippy-tooltip.info-theme .tippy-roundarrow svg path {
    fill: #17a2b8;
}

/*Placement Left*/

.tippy-popper[x-placement^="left"] .tippy-tooltip .tippy-arrow {
    border-left-color: #343434;
}

.tippy-popper[x-placement^="left"] .tippy-tooltip .tippy-roundarrow svg path {
    fill: #343434;
}

.tippy-popper[x-placement^="left"] .tippy-tooltip.light-theme .tippy-arrow {
    border-left-color: #ffffff;
}

.tippy-popper[x-placement^="left"] .tippy-tooltip.light-theme .tippy-roundarrow svg path {
    fill: #ffffff;
}

.tippy-popper[x-placement^="left"] .tippy-tooltip.primary-theme .tippy-arrow {
    border-left-color: #428bfa;
}

.tippy-popper[x-placement^="left"] .tippy-tooltip.primary-theme .tippy-roundarrow svg path {
    fill: #428bfa;
}

.tippy-popper[x-placement^="left"] .tippy-tooltip.secondary-theme .tippy-arrow {
    border-left-color: #fb7da4;
}

.tippy-popper[x-placement^="left"] .tippy-tooltip.secondary-theme .tippy-roundarrow svg path {
    fill: #fb7da4;
}

.tippy-popper[x-placement^="left"] .tippy-tooltip.success-theme .tippy-arrow {
    border-left-color: #29db2d;
}

.tippy-popper[x-placement^="left"] .tippy-tooltip.success-theme .tippy-roundarrow svg path {
    fill: #29db2d;
}

.tippy-popper[x-placement^="left"] .tippy-tooltip.danger-theme .tippy-arrow {
    border-left-color: #fd427c;
}

.tippy-popper[x-placement^="left"] .tippy-tooltip.danger-theme .tippy-roundarrow svg path {
    fill: #fd427c;
}

.tippy-popper[x-placement^="left"] .tippy-tooltip.warning-theme .tippy-arrow {
    border-left-color: #ff9666;
}

.tippy-popper[x-placement^="left"] .tippy-tooltip.warning-theme .tippy-roundarrow svg path {
    fill: #ff9666;
}

.tippy-popper[x-placement^="left"] .tippy-tooltip.info-theme .tippy-arrow {
    border-left-color: #17a2b8;
}

.tippy-popper[x-placement^="left"] .tippy-tooltip.info-theme .tippy-roundarrow svg path {
    fill: #17a2b8;
}

/*Placement Right*/

.tippy-popper[x-placement^="right"] .tippy-tooltip .tippy-arrow {
    border-right-color: #343434;
}

.tippy-popper[x-placement^="right"] .tippy-tooltip .tippy-roundarrow svg path {
    fill: #343434;
}

.tippy-popper[x-placement^="right"] .tippy-tooltip.light-theme .tippy-arrow {
    border-right-color: #ffffff;
}

.tippy-popper[x-placement^="right"] .tippy-tooltip.light-theme .tippy-roundarrow svg path {
    fill: #ffffff;
}

.tippy-popper[x-placement^="right"] .tippy-tooltip.primary-theme .tippy-arrow {
    border-right-color: #428bfa;
}

.tippy-popper[x-placement^="right"] .tippy-tooltip.primary-theme .tippy-roundarrow svg path {
    fill: #428bfa;
}

.tippy-popper[x-placement^="right"] .tippy-tooltip.secondary-theme .tippy-arrow {
    border-right-color: #fb7da4;
}

.tippy-popper[x-placement^="right"] .tippy-tooltip.secondary-theme .tippy-roundarrow svg path {
    fill: #fb7da4;
}

.tippy-popper[x-placement^="right"] .tippy-tooltip.success-theme .tippy-arrow {
    border-right-color: #29db2d;
}

.tippy-popper[x-placement^="right"] .tippy-tooltip.success-theme .tippy-roundarrow svg path {
    fill: #29db2d;
}

.tippy-popper[x-placement^="right"] .tippy-tooltip.danger-theme .tippy-arrow {
    border-right-color: #fd427c;
}

.tippy-popper[x-placement^="right"] .tippy-tooltip.danger-theme .tippy-roundarrow svg path {
    fill: #fd427c;
}

.tippy-popper[x-placement^="right"] .tippy-tooltip.warning-theme .tippy-arrow {
    border-right-color: #ff9666;
}

.tippy-popper[x-placement^="right"] .tippy-tooltip.warning-theme .tippy-roundarrow svg path {
    fill: #ff9666;
}

.tippy-popper[x-placement^="right"] .tippy-tooltip.info-theme .tippy-arrow {
    border-right-color: #17a2b8;
}

.tippy-popper[x-placement^="right"] .tippy-tooltip.info-theme .tippy-roundarrow svg path {
    fill: #17a2b8;
}

/*----------------------------------------*/

/*  07. Header CSS
/*----------------------------------------*/

.header-section {
    background-color: #fafafa;
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1099;
    -webkit-box-shadow: 0 0px 10px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0px 10px 0 rgba(0, 0, 0, 0.1);
}

@media only screen and (max-width: 767px) {
    .header-section {
        position: relative;
    }
}

/*-- Header Logo (Header Left) --*/

.header-logo {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 270px;
    -ms-flex: 0 0 270px;
    flex: 0 0 270px;
    height: 110px;
}

.header-logo a {
    position: relative;
    display: inline-block;
    line-height: 1;
}

.header-logo a img {
    max-width: 100%;
    opacity: 1;
    visibility: visible;
}

.header-logo a img.logo-light {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    visibility: hidden;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .header-logo {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        height: 80px;
        padding-left: 30px;
    }
}

@media only screen and (max-width: 767px) {
    .header-logo {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        padding-left: 30px;
        height: 80px;
    }
}

@media only screen and (max-width: 575px) {
    .header-logo {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        padding: 20px 15px;
        height: auto;
        border-bottom: 1px solid #eeeeee;
    }
}

/*-- Header Right --*/

@media only screen and (max-width: 575px) {
    .header-right {
        padding-top: 10px;
        padding-bottom: 10px;
    }
}

@media only screen and (max-width: 479px) {
    .header-right .row {
        margin-left: -10px;
        margin-right: -10px;
    }
    .header-right .row [class*="col"] {
        padding-left: 10px;
        padding-right: 10px;
    }
}

/*-- Side Header Toggle --*/

.side-header-toggle {
    display: block;
    border: none;
    background-color: transparent;
    padding: 0;
    margin-left: 15px;
}

.side-header-toggle i {
    display: block;
    line-height: 30px;
    font-size: 30px;
}

.side-header-toggle:hover {
    color: #428bfa;
}

@media only screen and (max-width: 479px) {
    .side-header-toggle {
        margin-left: 0;
    }
    .side-header-toggle i {
        font-size: 24px;
    }
}

/*-- Header Search --*/

.header-search {
    position: relative;
}

/*Header Search Toggle*/

.header-search-open {
    color: #666666;
    padding: 5px;
    border: none;
    background-color: transparent;
}

.header-search-open i {
    font-size: 26px;
    display: block;
    line-height: 30px;
}

@media only screen and (max-width: 479px) {
    .header-search-open {
        padding: 0;
    }
    .header-search-open i {
        font-size: 20px;
    }
}

/*Header Search Form*/

.header-search-form {
    position: relative;
}

.header-search-form form {
    position: relative;
    width: 350px;
}

.header-search-form form input {
    border: none;
    background-color: #f1f1f1;
    border-radius: 50px;
    height: 50px;
    line-height: 24px;
    padding: 14px 60px 14px 30px;
    -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.08) inset;
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.08) inset;
    font-size: 14px;
    color: #666666;
    width: 100%;
}

.header-search-form form button {
    color: #666666;
    position: absolute;
    right: 0;
    top: 0;
    background-color: transparent;
    border: none;
    padding: 0 20px;
}

.header-search-form form button i {
    line-height: 50px;
    font-size: 26px;
}

.header-search-form form button:hover {
    color: #428bfa;
}

.header-search-form .header-search-close {
    position: absolute;
    right: 0;
    top: 0;
    border: none;
    width: 40px;
    height: 40px;
}

.header-search-form .header-search-close i {
    line-height: 40px;
    font-size: 24px;
}

@media only screen and (max-width: 479px) {
    .header-search-form .header-search-close i {
        font-size: 20px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (max-width: 767px) {
    .header-search-form {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 110px;
        background-color: #fafafa;
        z-index: 99;
        padding: 15px 80px;
        -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        transform: translateY(-100%);
        -webkit-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .header-search-form.show {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
    .header-search-form form {
        width: 100%;
    }
    .header-search-form form input {
        -webkit-box-shadow: none;
        box-shadow: none;
        border-radius: 0;
        font-size: 20px;
        padding-left: 20px;
        background-color: transparent;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (max-width: 767px) {
    .header-search-form {
        height: 80px;
    }
}

@media only screen and (max-width: 767px) {
    .header-search-form {
        padding: 15px 30px;
    }
}

@media only screen and (max-width: 575px) {
    .header-search-form {
        height: 130px;
        padding: 15px;
    }
}

/*-- Header Notification Area --*/

.header-notification-area {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    list-style: none;
    padding: 0;
    margin: 0;
}

.header-notification-area>li {
    margin: 0 10px;
}

.header-notification-area>li>a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}

.header-notification-area>li>a .drop-arrow {
    margin-left: 5px;
}

.header-notification-area>li>a i {
    font-size: 26px;
    line-height: 30px;
    padding: 5px 0;
}

.header-notification-area>li>a .badge {
    border: none;
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    padding: 0;
    background-color: #fd427c;
    position: absolute;
    right: -4px;
    top: 3px;
}

.header-notification-area>li>a .user {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.header-notification-area>li>a .user .avatar {
    width: 40px;
    position: relative;
}

.header-notification-area>li>a .user .avatar img {
    border-radius: 50%;
    width: 100%;
}

.header-notification-area>li>a .user .avatar .status {
    position: absolute;
    right: 0;
    bottom: -2px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    display: block;
    background-color: #29db2d;
    border: 2px solid #fafafa;
}

.header-notification-area>li>a .user .name {
    font-size: 16px;
    line-height: 1.5;
    color: #343434;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    font-weight: 600;
    margin-left: 10px;
    margin-bottom: 0;
}

.header-notification-area>li .adomx-dropdown-menu {
    right: 0;
    left: auto;
    margin-top: 35px;
}

@media only screen and (min-width: 1200px) and (max-width: 1499px),
only screen and (min-width: 992px) and (max-width: 1199px) {
    .header-notification-area>li {
        margin: 0;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (max-width: 767px) {
    .header-notification-area>li {
        margin: 0;
    }
    .header-notification-area>li .adomx-dropdown-menu.show {
        margin-top: 20px;
    }
}

@media only screen and (max-width: 767px) {
    .header-notification-area li a .user .name {
        display: none;
    }
}

@media only screen and (max-width: 575px) {
    .header-notification-area {
        position: relative;
    }
    .header-notification-area>li {
        position: static;
    }
    .header-notification-area>li .adomx-dropdown-menu.show {
        margin-top: 10px;
    }
    .header-notification-area>li .adomx-dropdown-menu.dropdown-menu-mail,
    .header-notification-area>li .adomx-dropdown-menu.dropdown-menu-notifications {
        right: 0;
    }
}

@media only screen and (max-width: 479px) {
    .header-notification-area>li:first-child {
        padding-left: 0 !important;
    }
    .header-notification-area>li:last-child {
        padding-right: 0 !important;
    }
    .header-notification-area>li a .lang-flag {
        width: 22px;
        height: auto;
    }
    .header-notification-area>li a i {
        font-size: 20px;
        padding: 2px 0;
    }
    .header-notification-area>li a .user .avatar {
        width: 34px;
    }
    .header-notification-area>li .adomx-dropdown-menu {
        max-width: 290px;
    }
}

/*-- Header Language Dropdown --*/

.dropdown-menu-language {
    padding: 20px;
    list-style: none;
    margin: 0;
}

.dropdown-menu-language li {
    line-height: 1;
}

.dropdown-menu-language li a {
    font-size: 13px;
    padding: 0;
}

.dropdown-menu-language li a img {
    max-width: 100%;
    width: 24px;
    margin-right: 10px;
    border: 1px solid #eeeeee;
}

/*-- Header Mail Dropdown --*/

.dropdown-menu-mail {
    width: 350px;
    padding: 0;
}

.dropdown-menu-mail .head {
    background-image: url(../images/bg/header-mail-bg.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    padding: 20px 30px;
    border-radius: 4px;
}

.dropdown-menu-mail .head .title {
    color: #ffffff;
    font-weight: 600;
    line-height: 30px;
    margin: 0;
}

.dropdown-menu-mail .body.custom-scroll {
    max-height: 319px;
    height: 100%;
}

.dropdown-menu-mail .body ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.dropdown-menu-mail .body ul li {
    margin: 0;
    border-bottom: 1px solid #e9e9e9;
}

.dropdown-menu-mail .body ul li:last-child {
    border-bottom: none;
}

.dropdown-menu-mail .body ul li a {
    padding: 20px;
    padding-right: 45px;
    position: relative;
}

.dropdown-menu-mail .body ul li a:hover {
    background-color: #fafafa;
}

.dropdown-menu-mail .body ul li a .image {
    min-width: 50px;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 50px;
    -ms-flex: 1 0 50px;
    flex: 1 0 50px;
    float: left;
    margin-right: 15px;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
}

.dropdown-menu-mail .body ul li a .image img {
    border-radius: 50px;
}

.dropdown-menu-mail .body ul li a .content {
    overflow: hidden;
}

.dropdown-menu-mail .body ul li a .content h6 {
    font-weight: 600;
}

.dropdown-menu-mail .body ul li a .content p {
    font-size: 13px;
    line-height: 20px;
    color: #666666;
}

.dropdown-menu-mail .body ul li a .reply {
    display: block;
    position: absolute;
    right: 20px;
    top: 20px;
    line-height: 1;
    color: #343434;
    padding: 0;
}

.dropdown-menu-mail .body ul li a .reply i {
    margin: 0;
    font-size: 18px;
    line-height: 18px;
}

/*-- Header Notification Dropdown --*/

.dropdown-menu-notifications {
    width: 415px;
    background-color: #161824;
    padding: 0;
}

.dropdown-menu-notifications .head {
    padding: 20px 30px;
    border-bottom: 1px solid #36384b;
}

.dropdown-menu-notifications .head .title {
    color: #ffffff;
    font-weight: 600;
    line-height: 30px;
    margin: 0;
}

.dropdown-menu-notifications .body.custom-scroll {
    max-height: 275px;
    height: 100%;
}

.dropdown-menu-notifications .body ul {
    list-style: none;
    margin: 0;
    padding: 15px 0;
}

.dropdown-menu-notifications .body ul li {
    padding: 11px 40px 11px 30px;
    position: relative;
    margin: 0;
}

.dropdown-menu-notifications .body ul li a {
    padding-left: 28px;
    position: relative;
    color: rgba(255, 255, 255, 0.9);
}

.dropdown-menu-notifications .body ul li a i {
    position: absolute;
    color: #7dfb9b;
    left: 0;
    top: 1px;
    font-size: 20px;
    line-height: 20px;
    margin: 0;
}

.dropdown-menu-notifications .body ul li a p {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 5px;
}

.dropdown-menu-notifications .body ul li a span {
    font-size: 13px;
    line-height: 18px;
    font-weight: 300;
    color: rgba(255, 255, 255, 0.9);
    display: block;
    padding: 0;
    margin-top: -6px;
}

.dropdown-menu-notifications .body ul li a:hover {
    color: #428bfa;
}

.dropdown-menu-notifications .body ul li .delete {
    line-height: 1;
    color: #535560;
    position: absolute;
    right: 25px;
    top: 12px;
    border: none;
    padding: 0;
    background-color: transparent;
}

.dropdown-menu-notifications .body ul li .delete i {
    font-size: 20px;
    line-height: 20px;
}

.dropdown-menu-notifications .body ul li .delete:hover {
    color: #fd427c;
}

.dropdown-menu-notifications .footer {
    border-top: 1px solid #36384b;
    text-align: center;
}

.dropdown-menu-notifications .footer .view-all {
    padding: 15px 20px;
    display: block;
    font-size: 14px;
    line-height: 24px;
    color: #afafaf;
    text-transform: capitalize;
}

.dropdown-menu-notifications .footer .view-all:hover {
    color: #428bfa;
}

/*-- Header User Setting Dropdown --*/

.dropdown-menu-user {
    width: 250px;
    padding: 0;
}

.dropdown-menu-user .head {
    padding: 20px;
}

.dropdown-menu-user .head .name {
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 9px;
}

.dropdown-menu-user .head .name a:hover {
    color: #428bfa;
}

.dropdown-menu-user .head .mail {
    display: block;
    font-size: 13px;
    line-height: 18px;
}

.dropdown-menu-user .head .mail:hover {
    color: #428bfa;
}

.dropdown-menu-user .body ul {
    list-style: none;
    margin: 0;
    padding: 20px 0;
    border-top: 1px solid #e2e2e2;
}

.dropdown-menu-user .body ul li {
    line-height: 14px;
    margin-bottom: 17px;
}

.dropdown-menu-user .body ul li:last-child {
    margin-bottom: 0;
}

.dropdown-menu-user .body ul li a {
    font-size: 14px;
    line-height: 1;
    display: block;
}

.dropdown-menu-user .body ul li a i {
    float: left;
    font-size: 18px;
    line-height: 14px;
    margin-right: 15px;
}

.dropdown-menu-user .body ul li a:hover {
    color: #428bfa;
}

/*--
    - Custom Header Color CSS
--------------------------------------*/

body.header-top-light .header-section {
    background-color: #fafafa;
}

body.header-top-light .header-logo a img {
    opacity: 1;
    visibility: visible;
}

body.header-top-light .header-logo a img.logo-light {
    opacity: 0;
    visibility: hidden;
}

@media only screen and (max-width: 575px) {
    body.header-top-light .header-logo {
        border-color: #eeeeee;
    }
}

body.header-top-light .side-header-toggle {
    color: #666666;
}

body.header-top-light .side-header-toggle:hover {
    color: #428bfa;
}

body.header-top-light .header-search-open {
    color: #666666;
}

body.header-top-light .header-search-open:hover {
    color: #428bfa;
}

body.header-top-light .header-search-form form input {
    background-color: #f1f1f1;
    color: #666666;
}

body.header-top-light .header-search-form form button {
    color: #666666;
}

body.header-top-light .header-search-form form button:hover {
    color: #428bfa;
}

body.header-top-light .header-search-form .header-search-close {
    background-color: #f1f1f1;
    color: #666666;
}

body.header-top-light .header-search-form .header-search-close:hover {
    color: #428bfa;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (max-width: 767px) {
    body.header-top-light .header-search-form {
        background-color: #fafafa;
    }
}

body.header-top-light .dropdown-menu-mail .body ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

body.header-top-light .dropdown-menu-mail .body ul li {
    margin: 0;
    border-bottom: 1px solid #e9e9e9;
}

body.header-top-light .dropdown-menu-mail .body ul li:last-child {
    border-bottom: none;
}

body.header-top-light .dropdown-menu-mail .body ul li a:hover {
    background-color: #fafafa;
}

body.header-top-light .dropdown-menu-mail .body ul li a .content p {
    color: #666666;
}

body.header-top-light .dropdown-menu-mail .body ul li a .reply {
    color: #343434;
}

body.header-top-light .header-notification-area>li>a {
    color: #666666;
}

body.header-top-light .header-notification-area>li>a:hover {
    color: #428bfa;
}

body.header-top-light .header-notification-area>li>a .user .avatar .status {
    border: 2px solid #fafafa;
    -webkit-box-shadow: none;
    box-shadow: none;
}

body.header-top-light .header-notification-area>li>a .user .name {
    color: #343434;
}

body.header-top-dark .header-section {
    background-color: #161824;
}

body.header-top-dark .header-logo a img {
    opacity: 0;
    visibility: hidden;
}

body.header-top-dark .header-logo a img.logo-light {
    opacity: 1;
    visibility: visible;
}

@media only screen and (max-width: 575px) {
    body.header-top-dark .header-logo {
        border-color: #292d44;
    }
}

body.header-top-dark .side-header-toggle {
    color: #8b8d9b;
}

body.header-top-dark .side-header-toggle:hover {
    color: #428bfa;
}

body.header-top-dark .header-search-open {
    color: #8b8d9b;
}

body.header-top-dark .header-search-open:hover {
    color: #428bfa;
}

body.header-top-dark .header-search-form form input {
    background-color: #202334;
    color: #8b8d9b;
}

body.header-top-dark .header-search-form form button {
    color: #8b8d9b;
}

body.header-top-dark .header-search-form form button:hover {
    color: #428bfa;
}

body.header-top-dark .header-search-form .header-search-close {
    background-color: #161824;
    color: #8b8d9b;
}

body.header-top-dark .header-search-form .header-search-close:hover {
    color: #428bfa;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (max-width: 767px) {
    body.header-top-dark .header-search-form {
        background-color: #202334;
    }
}

body.header-top-dark .dropdown-menu-mail .body ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

body.header-top-dark .dropdown-menu-mail .body ul li {
    margin: 0;
    border-bottom: 1px solid #292d44;
}

body.header-top-dark .dropdown-menu-mail .body ul li:last-child {
    border-bottom: none;
}

body.header-top-dark .dropdown-menu-mail .body ul li a:hover {
    background-color: #292d44;
}

body.header-top-dark .dropdown-menu-mail .body ul li a .content p {
    color: #8b8d9b;
}

body.header-top-dark .dropdown-menu-mail .body ul li a .reply {
    color: #8b8d9b;
}

body.header-top-dark .header-notification-area>li>a {
    color: #8b8d9b;
}

body.header-top-dark .header-notification-area>li>a:hover {
    color: #428bfa;
}

body.header-top-dark .header-notification-area>li>a .user .avatar .status {
    border-color: #202334;
    -webkit-box-shadow: 0 0 2px #202334;
    box-shadow: 0 0 2px #202334;
}

body.header-top-dark .header-notification-area>li>a .user .name {
    color: #8b8d9b;
}

body.header-top-primary .header-section {
    background-color: #428bfa;
}

body.header-top-primary .header-logo a img {
    opacity: 0;
    visibility: hidden;
}

body.header-top-primary .header-logo a img.logo-light {
    opacity: 1;
    visibility: visible;
}

@media only screen and (max-width: 575px) {
    body.header-top-primary .header-logo {
        border-color: #74a9fb;
    }
}

body.header-top-primary .side-header-toggle {
    color: #ffffff;
}

body.header-top-primary .side-header-toggle:hover {
    color: #ffffff;
}

body.header-top-primary .header-search-open {
    color: #ffffff;
}

body.header-top-primary .header-search-open:hover {
    color: #ffffff;
}

body.header-top-primary .header-search-form form input {
    background-color: #5b9afb;
    color: #ffffff;
}

body.header-top-primary .header-search-form form input::-webkit-input-placeholder {
    color: #ffffff;
}

body.header-top-primary .header-search-form form input:-moz-placeholder {
    color: #ffffff;
}

body.header-top-primary .header-search-form form input::-moz-placeholder {
    color: #ffffff;
}

body.header-top-primary .header-search-form form input:-ms-input-placeholder {
    color: #ffffff;
}

body.header-top-primary .header-search-form form button {
    color: #ffffff;
}

body.header-top-primary .header-search-form form button:hover {
    color: #ffffff;
}

body.header-top-primary .header-search-form .header-search-close {
    background-color: #428bfa;
    color: #ffffff;
}

body.header-top-primary .header-search-form .header-search-close:hover {
    color: #ffffff;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (max-width: 767px) {
    body.header-top-primary .header-search-form {
        background-color: #5b9afb;
    }
}

body.header-top-primary .header-notification-area>li>a {
    color: #ffffff;
}

body.header-top-primary .header-notification-area>li>a:hover {
    color: #ffffff;
}

body.header-top-primary .header-notification-area>li>a .user .avatar .status {
    border-color: #5b9afb;
    -webkit-box-shadow: 0 0 2px #5b9afb;
    box-shadow: 0 0 2px #5b9afb;
}

body.header-top-primary .header-notification-area>li>a .user .name {
    color: #ffffff;
}

body.header-top-secondary .header-section {
    background-color: #fb7da4;
}

body.header-top-secondary .header-logo a img {
    opacity: 0;
    visibility: hidden;
}

body.header-top-secondary .header-logo a img.logo-light {
    opacity: 1;
    visibility: visible;
}

@media only screen and (max-width: 575px) {
    body.header-top-secondary .header-logo {
        border-color: #fdaec7;
    }
}

body.header-top-secondary .side-header-toggle {
    color: #ffffff;
}

body.header-top-secondary .side-header-toggle:hover {
    color: #ffffff;
}

body.header-top-secondary .header-search-open {
    color: #ffffff;
}

body.header-top-secondary .header-search-open:hover {
    color: #ffffff;
}

body.header-top-secondary .header-search-form form input {
    background-color: #fc96b5;
    color: #ffffff;
}

body.header-top-secondary .header-search-form form input::-webkit-input-placeholder {
    color: #ffffff;
}

body.header-top-secondary .header-search-form form input:-moz-placeholder {
    color: #ffffff;
}

body.header-top-secondary .header-search-form form input::-moz-placeholder {
    color: #ffffff;
}

body.header-top-secondary .header-search-form form input:-ms-input-placeholder {
    color: #ffffff;
}

body.header-top-secondary .header-search-form form button {
    color: #ffffff;
}

body.header-top-secondary .header-search-form form button:hover {
    color: #ffffff;
}

body.header-top-secondary .header-search-form .header-search-close {
    background-color: #fb7da4;
    color: #ffffff;
}

body.header-top-secondary .header-search-form .header-search-close:hover {
    color: #ffffff;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (max-width: 767px) {
    body.header-top-secondary .header-search-form {
        background-color: #fc96b5;
    }
}

body.header-top-secondary .header-notification-area>li>a {
    color: #ffffff;
}

body.header-top-secondary .header-notification-area>li>a .badge {
    background-color: #ffffff;
}

body.header-top-secondary .header-notification-area>li>a:hover {
    color: #ffffff;
}

body.header-top-secondary .header-notification-area>li>a .user .avatar .status {
    border-color: #fc96b5;
    -webkit-box-shadow: 0 0 2px #fc96b5;
    box-shadow: 0 0 2px #fc96b5;
}

body.header-top-secondary .header-notification-area>li>a .user .name {
    color: #ffffff;
}

body.header-top-indigo .header-section {
    background-color: #4051B5;
}

body.header-top-indigo .header-logo a img {
    opacity: 0;
    visibility: hidden;
}

body.header-top-indigo .header-logo a img.logo-light {
    opacity: 1;
    visibility: visible;
}

@media only screen and (max-width: 575px) {
    body.header-top-indigo .header-logo {
        border-color: #6170c7;
    }
}

body.header-top-indigo .side-header-toggle {
    color: #ffffff;
}

body.header-top-indigo .side-header-toggle:hover {
    color: #ffffff;
}

body.header-top-indigo .header-search-open {
    color: #ffffff;
}

body.header-top-indigo .header-search-open:hover {
    color: #ffffff;
}

body.header-top-indigo .header-search-form form input {
    background-color: #4e5fc0;
    color: #ffffff;
}

body.header-top-indigo .header-search-form form input::-webkit-input-placeholder {
    color: #ffffff;
}

body.header-top-indigo .header-search-form form input:-moz-placeholder {
    color: #ffffff;
}

body.header-top-indigo .header-search-form form input::-moz-placeholder {
    color: #ffffff;
}

body.header-top-indigo .header-search-form form input:-ms-input-placeholder {
    color: #ffffff;
}

body.header-top-indigo .header-search-form form button {
    color: #ffffff;
}

body.header-top-indigo .header-search-form form button:hover {
    color: #ffffff;
}

body.header-top-indigo .header-search-form .header-search-close {
    background-color: #4051B5;
    color: #ffffff;
}

body.header-top-indigo .header-search-form .header-search-close:hover {
    color: #ffffff;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (max-width: 767px) {
    body.header-top-indigo .header-search-form {
        background-color: #4e5fc0;
    }
}

body.header-top-indigo .header-notification-area>li>a {
    color: #ffffff;
}

body.header-top-indigo .header-notification-area>li>a:hover {
    color: #ffffff;
}

body.header-top-indigo .header-notification-area>li>a .user .avatar .status {
    border-color: #4e5fc0;
    -webkit-box-shadow: 0 0 2px #4e5fc0;
    box-shadow: 0 0 2px #4e5fc0;
}

body.header-top-indigo .header-notification-area>li>a .user .name {
    color: #ffffff;
}

body.header-top-purple .header-section {
    background-color: #9C27B0;
}

body.header-top-purple .header-logo a img {
    opacity: 0;
    visibility: hidden;
}

body.header-top-purple .header-logo a img.logo-light {
    opacity: 1;
    visibility: visible;
}

@media only screen and (max-width: 575px) {
    body.header-top-purple .header-logo {
        border-color: #bc37d3;
    }
}

body.header-top-purple .side-header-toggle {
    color: #ffffff;
}

body.header-top-purple .side-header-toggle:hover {
    color: #ffffff;
}

body.header-top-purple .header-search-open {
    color: #ffffff;
}

body.header-top-purple .header-search-open:hover {
    color: #ffffff;
}

body.header-top-purple .header-search-form form input {
    background-color: #af2cc5;
    color: #ffffff;
}

body.header-top-purple .header-search-form form input::-webkit-input-placeholder {
    color: #ffffff;
}

body.header-top-purple .header-search-form form input:-moz-placeholder {
    color: #ffffff;
}

body.header-top-purple .header-search-form form input::-moz-placeholder {
    color: #ffffff;
}

body.header-top-purple .header-search-form form input:-ms-input-placeholder {
    color: #ffffff;
}

body.header-top-purple .header-search-form form button {
    color: #ffffff;
}

body.header-top-purple .header-search-form form button:hover {
    color: #ffffff;
}

body.header-top-purple .header-search-form .header-search-close {
    background-color: #9C27B0;
    color: #ffffff;
}

body.header-top-purple .header-search-form .header-search-close:hover {
    color: #ffffff;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (max-width: 767px) {
    body.header-top-purple .header-search-form {
        background-color: #af2cc5;
    }
}

body.header-top-purple .header-notification-area>li>a {
    color: #ffffff;
}

body.header-top-purple .header-notification-area>li>a:hover {
    color: #ffffff;
}

body.header-top-purple .header-notification-area>li>a .user .avatar .status {
    border-color: #af2cc5;
    -webkit-box-shadow: 0 0 2px #af2cc5;
    box-shadow: 0 0 2px #af2cc5;
}

body.header-top-purple .header-notification-area>li>a .user .name {
    color: #ffffff;
}

body.header-top-pink .header-section {
    background-color: #E91C63;
}

body.header-top-pink .header-logo a img {
    opacity: 0;
    visibility: hidden;
}

body.header-top-pink .header-logo a img.logo-light {
    opacity: 1;
    visibility: visible;
}

@media only screen and (max-width: 575px) {
    body.header-top-pink .header-logo {
        border-color: #ee4a83;
    }
}

body.header-top-pink .side-header-toggle {
    color: #ffffff;
}

body.header-top-pink .side-header-toggle:hover {
    color: #ffffff;
}

body.header-top-pink .header-search-open {
    color: #ffffff;
}

body.header-top-pink .header-search-open:hover {
    color: #ffffff;
}

body.header-top-pink .header-search-form form input {
    background-color: #eb3373;
    color: #ffffff;
}

body.header-top-pink .header-search-form form input::-webkit-input-placeholder {
    color: #ffffff;
}

body.header-top-pink .header-search-form form input:-moz-placeholder {
    color: #ffffff;
}

body.header-top-pink .header-search-form form input::-moz-placeholder {
    color: #ffffff;
}

body.header-top-pink .header-search-form form input:-ms-input-placeholder {
    color: #ffffff;
}

body.header-top-pink .header-search-form form button {
    color: #ffffff;
}

body.header-top-pink .header-search-form form button:hover {
    color: #ffffff;
}

body.header-top-pink .header-search-form .header-search-close {
    background-color: #E91C63;
    color: #ffffff;
}

body.header-top-pink .header-search-form .header-search-close:hover {
    color: #ffffff;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (max-width: 767px) {
    body.header-top-pink .header-search-form {
        background-color: #eb3373;
    }
}

body.header-top-pink .header-notification-area>li>a {
    color: #ffffff;
}

body.header-top-pink .header-notification-area>li>a .badge {
    background-color: #ffffff;
}

body.header-top-pink .header-notification-area>li>a:hover {
    color: #ffffff;
}

body.header-top-pink .header-notification-area>li>a .user .avatar .status {
    border-color: #eb3373;
    -webkit-box-shadow: 0 0 2px #eb3373;
    box-shadow: 0 0 2px #eb3373;
}

body.header-top-pink .header-notification-area>li>a .user .name {
    color: #ffffff;
}

body.header-top-red .header-section {
    background-color: #F44336;
}

body.header-top-red .header-logo a img {
    opacity: 0;
    visibility: hidden;
}

body.header-top-red .header-logo a img.logo-light {
    opacity: 1;
    visibility: visible;
}

@media only screen and (max-width: 575px) {
    body.header-top-red .header-logo {
        border-color: #f77066;
    }
}

body.header-top-red .side-header-toggle {
    color: #ffffff;
}

body.header-top-red .side-header-toggle:hover {
    color: #ffffff;
}

body.header-top-red .header-search-open {
    color: #ffffff;
}

body.header-top-red .header-search-open:hover {
    color: #ffffff;
}

body.header-top-red .header-search-form form input {
    background-color: #f55a4e;
    color: #ffffff;
}

body.header-top-red .header-search-form form input::-webkit-input-placeholder {
    color: #ffffff;
}

body.header-top-red .header-search-form form input:-moz-placeholder {
    color: #ffffff;
}

body.header-top-red .header-search-form form input::-moz-placeholder {
    color: #ffffff;
}

body.header-top-red .header-search-form form input:-ms-input-placeholder {
    color: #ffffff;
}

body.header-top-red .header-search-form form button {
    color: #ffffff;
}

body.header-top-red .header-search-form form button:hover {
    color: #ffffff;
}

body.header-top-red .header-search-form .header-search-close {
    background-color: #F44336;
    color: #ffffff;
}

body.header-top-red .header-search-form .header-search-close:hover {
    color: #ffffff;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (max-width: 767px) {
    body.header-top-red .header-search-form {
        background-color: #f55a4e;
    }
}

body.header-top-red .header-notification-area>li>a {
    color: #ffffff;
}

body.header-top-red .header-notification-area>li>a .badge {
    background-color: #ffffff;
}

body.header-top-red .header-notification-area>li>a:hover {
    color: #ffffff;
}

body.header-top-red .header-notification-area>li>a .user .avatar .status {
    border-color: #f55a4e;
    -webkit-box-shadow: 0 0 2px #f55a4e;
    box-shadow: 0 0 2px #f55a4e;
}

body.header-top-red .header-notification-area>li>a .user .name {
    color: #ffffff;
}

body.header-top-brown .header-section {
    background-color: #795548;
}

body.header-top-brown .header-logo a img {
    opacity: 0;
    visibility: hidden;
}

body.header-top-brown .header-logo a img.logo-light {
    opacity: 1;
    visibility: visible;
}

@media only screen and (max-width: 575px) {
    body.header-top-brown .header-logo {
        border-color: #996b5b;
    }
}

body.header-top-brown .side-header-toggle {
    color: #ffffff;
}

body.header-top-brown .side-header-toggle:hover {
    color: #ffffff;
}

body.header-top-brown .header-search-open {
    color: #ffffff;
}

body.header-top-brown .header-search-open:hover {
    color: #ffffff;
}

body.header-top-brown .header-search-form form input {
    background-color: #896052;
    color: #ffffff;
}

body.header-top-brown .header-search-form form input::-webkit-input-placeholder {
    color: #ffffff;
}

body.header-top-brown .header-search-form form input:-moz-placeholder {
    color: #ffffff;
}

body.header-top-brown .header-search-form form input::-moz-placeholder {
    color: #ffffff;
}

body.header-top-brown .header-search-form form input:-ms-input-placeholder {
    color: #ffffff;
}

body.header-top-brown .header-search-form form button {
    color: #ffffff;
}

body.header-top-brown .header-search-form form button:hover {
    color: #ffffff;
}

body.header-top-brown .header-search-form .header-search-close {
    background-color: #795548;
    color: #ffffff;
}

body.header-top-brown .header-search-form .header-search-close:hover {
    color: #ffffff;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (max-width: 767px) {
    body.header-top-brown .header-search-form {
        background-color: #896052;
    }
}

body.header-top-brown .header-notification-area>li>a {
    color: #ffffff;
}

body.header-top-brown .header-notification-area>li>a:hover {
    color: #ffffff;
}

body.header-top-brown .header-notification-area>li>a .user .avatar .status {
    border-color: #896052;
    -webkit-box-shadow: 0 0 2px #896052;
    box-shadow: 0 0 2px #896052;
}

body.header-top-brown .header-notification-area>li>a .user .name {
    color: #ffffff;
}

body.header-top-orange .header-section {
    background-color: #FF9800;
}

body.header-top-orange .header-logo a img {
    opacity: 0;
    visibility: hidden;
}

body.header-top-orange .header-logo a img.logo-light {
    opacity: 1;
    visibility: visible;
}

@media only screen and (max-width: 575px) {
    body.header-top-orange .header-logo {
        border-color: #ffad33;
    }
}

body.header-top-orange .side-header-toggle {
    color: #ffffff;
}

body.header-top-orange .side-header-toggle:hover {
    color: #ffffff;
}

body.header-top-orange .header-search-open {
    color: #ffffff;
}

body.header-top-orange .header-search-open:hover {
    color: #ffffff;
}

body.header-top-orange .header-search-form form input {
    background-color: #ffa21a;
    color: #ffffff;
}

body.header-top-orange .header-search-form form input::-webkit-input-placeholder {
    color: #ffffff;
}

body.header-top-orange .header-search-form form input:-moz-placeholder {
    color: #ffffff;
}

body.header-top-orange .header-search-form form input::-moz-placeholder {
    color: #ffffff;
}

body.header-top-orange .header-search-form form input:-ms-input-placeholder {
    color: #ffffff;
}

body.header-top-orange .header-search-form form button {
    color: #ffffff;
}

body.header-top-orange .header-search-form form button:hover {
    color: #ffffff;
}

body.header-top-orange .header-search-form .header-search-close {
    background-color: #FF9800;
    color: #ffffff;
}

body.header-top-orange .header-search-form .header-search-close:hover {
    color: #ffffff;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (max-width: 767px) {
    body.header-top-orange .header-search-form {
        background-color: #ffa21a;
    }
}

body.header-top-orange .header-notification-area>li>a {
    color: #ffffff;
}

body.header-top-orange .header-notification-area>li>a:hover {
    color: #ffffff;
}

body.header-top-orange .header-notification-area>li>a .user .avatar .status {
    border-color: #ffa21a;
    -webkit-box-shadow: 0 0 2px #ffa21a;
    box-shadow: 0 0 2px #ffa21a;
}

body.header-top-orange .header-notification-area>li>a .user .name {
    color: #ffffff;
}

body.header-top-green .header-section {
    background-color: #4CAF50;
}

body.header-top-green .header-logo a img {
    opacity: 0;
    visibility: hidden;
}

body.header-top-green .header-logo a img.logo-light {
    opacity: 1;
    visibility: visible;
}

@media only screen and (max-width: 575px) {
    body.header-top-green .header-logo {
        border-color: #6ec071;
    }
}

body.header-top-green .side-header-toggle {
    color: #ffffff;
}

body.header-top-green .side-header-toggle:hover {
    color: #ffffff;
}

body.header-top-green .header-search-open {
    color: #ffffff;
}

body.header-top-green .header-search-open:hover {
    color: #ffffff;
}

body.header-top-green .header-search-form form input {
    background-color: #5cb860;
    color: #ffffff;
}

body.header-top-green .header-search-form form input::-webkit-input-placeholder {
    color: #ffffff;
}

body.header-top-green .header-search-form form input:-moz-placeholder {
    color: #ffffff;
}

body.header-top-green .header-search-form form input::-moz-placeholder {
    color: #ffffff;
}

body.header-top-green .header-search-form form input:-ms-input-placeholder {
    color: #ffffff;
}

body.header-top-green .header-search-form form button {
    color: #ffffff;
}

body.header-top-green .header-search-form form button:hover {
    color: #ffffff;
}

body.header-top-green .header-search-form .header-search-close {
    background-color: #4CAF50;
    color: #ffffff;
}

body.header-top-green .header-search-form .header-search-close:hover {
    color: #ffffff;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (max-width: 767px) {
    body.header-top-green .header-search-form {
        background-color: #5cb860;
    }
}

body.header-top-green .header-notification-area>li>a {
    color: #ffffff;
}

body.header-top-green .header-notification-area>li>a:hover {
    color: #ffffff;
}

body.header-top-green .header-notification-area>li>a .user .avatar .status {
    border-color: #5cb860;
    -webkit-box-shadow: 0 0 2px #5cb860;
    box-shadow: 0 0 2px #5cb860;
}

body.header-top-green .header-notification-area>li>a .user .name {
    color: #ffffff;
}

/*----------------------------------------*/

/*  08. Side Header CSS
/*----------------------------------------*/

.side-header {
    width: 270px !important;
    background-color: #161824;
    height: calc(100vh - 110px);
    position: fixed;
    left: 0;
    top: 110px;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    z-index: 1100;
    padding: 30px 0;
    -webkit-box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.1);
}

.side-header.hide {
    left: -270px;
}

.side-header.hide+.content-body,
.side-header.hide~.footer-section {
    margin-left: 0;
}

.side-header.show {
    left: 0;
}

.side-header.show+.content-body,
.side-header.show~.footer-section {
    margin-left: 270px;
}

.side-header .side-header-close {
    border: none;
    background-color: #161824;
    color: #ffffff;
    width: 40px;
    height: 40px;
    position: absolute;
    right: 0;
    padding: 5px;
    text-align: center;
    -webkit-box-shadow: 0 0px 10px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 0px 10px 0 rgba(0, 0, 0, 0.15);
    opacity: 0;
    visibility: hidden;
}

.side-header .side-header-close i {
    font-size: 24px;
    line-height: 30px;
}

.side-header .side-header-inner {
    height: 100%;
    padding: 0 25px 0 0;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (max-width: 767px) {
    .side-header.show {
        left: 0;
    }
    .side-header.show+.content-body,
    .side-header.show~.footer-section {
        margin-left: 0;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .side-header {
        top: 80px;
        height: calc(100vh - 80px);
    }
}

@media only screen and (max-width: 767px) {
    .side-header {
        top: 0;
        height: 100vh;
    }
    .side-header.show .side-header-close {
        right: -40px;
        opacity: 1;
        visibility: visible;
    }
}

/*-- Side Header Menu --*/

.side-header-menu {
    white-space: nowrap;
    float: left;
}

.side-header-menu>ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.side-header-menu>ul>li {
    position: relative;
    float: left;
    width: 100%;
}

.side-header-menu>ul>li>a {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    color: #8b8d9b;
    line-height: 20px;
    padding: 12px 0 12px 25px;
}

.side-header-menu>ul>li>a::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 0;
    background-color: #428bfa;
}

.side-header-menu>ul>li>a i {
    font-size: 16px;
    line-height: 20px;
    float: left;
    width: 20px;
    text-align: center;
}

.side-header-menu>ul>li>a span {
    margin-left: 10px;
}

.side-header-menu>ul>li>a span:first-child {
    margin-left: 0;
}

.side-header-menu>ul>li>a .menu-expand {
    position: absolute;
    margin: 0;
    right: 0;
    top: 15px;
}

.side-header-menu>ul>li.active>a,
.side-header-menu>ul>li:hover>a {
    color: #428bfa;
}

.side-header-menu>ul>li.active>a::before,
.side-header-menu>ul>li:hover>a::before {
    width: 3px;
}

/*-- Sub Menu --*/

.side-header-sub-menu {
    float: left;
    width: 100%;
    padding-left: 25px;
    display: none;
    list-style: none;
}

.side-header-sub-menu li {
    margin: 10px 0;
}

.side-header-sub-menu li a {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    color: #8b8d9b;
    font-size: 14px;
    line-height: 18px;
    padding: 5px 0 5px 30px;
}

.side-header-sub-menu li a::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 0;
    background-color: #428bfa;
}

.side-header-sub-menu li a span {
    margin-left: 15px;
}

.side-header-sub-menu li a span:first-child {
    margin-left: 0;
}

.side-header-sub-menu li a .menu-expand {
    position: absolute;
    margin: 0;
    right: 0;
    top: 10px;
}

.side-header-sub-menu li.active>a,
.side-header-sub-menu li:hover>a {
    color: #428bfa;
}

.side-header-sub-menu li.active>a::before,
.side-header-sub-menu li:hover>a::before {
    width: 3px;
}

/*--
    - Custom Side Header Color CSS
--------------------------------------*/

body.side-header-light .side-header {
    background-color: #fafafa;
}

body.side-header-light .side-header .side-header-close {
    background-color: #fafafa;
}

body.side-header-light .side-header-menu>ul>li>a {
    color: #666666;
}

body.side-header-light .side-header-menu>ul>li.active>a,
body.side-header-light .side-header-menu>ul>li:hover>a {
    color: #428bfa;
}

body.side-header-light .side-header-sub-menu li>a {
    color: #666666;
}

body.side-header-light .side-header-sub-menu li.active>a,
body.side-header-light .side-header-sub-menu li:hover>a {
    color: #428bfa;
}

body.side-header-primary .side-header-menu>ul>li>a,
body.side-header-secondary .side-header-menu>ul>li>a,
body.side-header-indigo .side-header-menu>ul>li>a,
body.side-header-purple .side-header-menu>ul>li>a,
body.side-header-pink .side-header-menu>ul>li>a,
body.side-header-red .side-header-menu>ul>li>a,
body.side-header-brown .side-header-menu>ul>li>a,
body.side-header-orange .side-header-menu>ul>li>a,
body.side-header-green .side-header-menu>ul>li>a {
    color: #ffffff;
}

body.side-header-primary .side-header-menu>ul>li.active>a,
body.side-header-primary .side-header-menu>ul>li:hover>a,
body.side-header-secondary .side-header-menu>ul>li.active>a,
body.side-header-secondary .side-header-menu>ul>li:hover>a,
body.side-header-indigo .side-header-menu>ul>li.active>a,
body.side-header-indigo .side-header-menu>ul>li:hover>a,
body.side-header-purple .side-header-menu>ul>li.active>a,
body.side-header-purple .side-header-menu>ul>li:hover>a,
body.side-header-pink .side-header-menu>ul>li.active>a,
body.side-header-pink .side-header-menu>ul>li:hover>a,
body.side-header-red .side-header-menu>ul>li.active>a,
body.side-header-red .side-header-menu>ul>li:hover>a,
body.side-header-brown .side-header-menu>ul>li.active>a,
body.side-header-brown .side-header-menu>ul>li:hover>a,
body.side-header-orange .side-header-menu>ul>li.active>a,
body.side-header-orange .side-header-menu>ul>li:hover>a,
body.side-header-green .side-header-menu>ul>li.active>a,
body.side-header-green .side-header-menu>ul>li:hover>a {
    color: #ffffff;
}

body.side-header-primary .side-header-menu>ul>li.active>a::before,
body.side-header-primary .side-header-menu>ul>li:hover>a::before,
body.side-header-secondary .side-header-menu>ul>li.active>a::before,
body.side-header-secondary .side-header-menu>ul>li:hover>a::before,
body.side-header-indigo .side-header-menu>ul>li.active>a::before,
body.side-header-indigo .side-header-menu>ul>li:hover>a::before,
body.side-header-purple .side-header-menu>ul>li.active>a::before,
body.side-header-purple .side-header-menu>ul>li:hover>a::before,
body.side-header-pink .side-header-menu>ul>li.active>a::before,
body.side-header-pink .side-header-menu>ul>li:hover>a::before,
body.side-header-red .side-header-menu>ul>li.active>a::before,
body.side-header-red .side-header-menu>ul>li:hover>a::before,
body.side-header-brown .side-header-menu>ul>li.active>a::before,
body.side-header-brown .side-header-menu>ul>li:hover>a::before,
body.side-header-orange .side-header-menu>ul>li.active>a::before,
body.side-header-orange .side-header-menu>ul>li:hover>a::before,
body.side-header-green .side-header-menu>ul>li.active>a::before,
body.side-header-green .side-header-menu>ul>li:hover>a::before {
    background-color: #ffffff;
}

body.side-header-primary .side-header-sub-menu li>a,
body.side-header-secondary .side-header-sub-menu li>a,
body.side-header-indigo .side-header-sub-menu li>a,
body.side-header-purple .side-header-sub-menu li>a,
body.side-header-pink .side-header-sub-menu li>a,
body.side-header-red .side-header-sub-menu li>a,
body.side-header-brown .side-header-sub-menu li>a,
body.side-header-orange .side-header-sub-menu li>a,
body.side-header-green .side-header-sub-menu li>a {
    color: #ffffff;
}

body.side-header-primary .side-header-sub-menu li.active>a,
body.side-header-primary .side-header-sub-menu li:hover>a,
body.side-header-secondary .side-header-sub-menu li.active>a,
body.side-header-secondary .side-header-sub-menu li:hover>a,
body.side-header-indigo .side-header-sub-menu li.active>a,
body.side-header-indigo .side-header-sub-menu li:hover>a,
body.side-header-purple .side-header-sub-menu li.active>a,
body.side-header-purple .side-header-sub-menu li:hover>a,
body.side-header-pink .side-header-sub-menu li.active>a,
body.side-header-pink .side-header-sub-menu li:hover>a,
body.side-header-red .side-header-sub-menu li.active>a,
body.side-header-red .side-header-sub-menu li:hover>a,
body.side-header-brown .side-header-sub-menu li.active>a,
body.side-header-brown .side-header-sub-menu li:hover>a,
body.side-header-orange .side-header-sub-menu li.active>a,
body.side-header-orange .side-header-sub-menu li:hover>a,
body.side-header-green .side-header-sub-menu li.active>a,
body.side-header-green .side-header-sub-menu li:hover>a {
    color: #ffffff;
}

body.side-header-primary .side-header-sub-menu li.active>a::before,
body.side-header-primary .side-header-sub-menu li:hover>a::before,
body.side-header-secondary .side-header-sub-menu li.active>a::before,
body.side-header-secondary .side-header-sub-menu li:hover>a::before,
body.side-header-indigo .side-header-sub-menu li.active>a::before,
body.side-header-indigo .side-header-sub-menu li:hover>a::before,
body.side-header-purple .side-header-sub-menu li.active>a::before,
body.side-header-purple .side-header-sub-menu li:hover>a::before,
body.side-header-pink .side-header-sub-menu li.active>a::before,
body.side-header-pink .side-header-sub-menu li:hover>a::before,
body.side-header-red .side-header-sub-menu li.active>a::before,
body.side-header-red .side-header-sub-menu li:hover>a::before,
body.side-header-brown .side-header-sub-menu li.active>a::before,
body.side-header-brown .side-header-sub-menu li:hover>a::before,
body.side-header-orange .side-header-sub-menu li.active>a::before,
body.side-header-orange .side-header-sub-menu li:hover>a::before,
body.side-header-green .side-header-sub-menu li.active>a::before,
body.side-header-green .side-header-sub-menu li:hover>a::before {
    background-color: #ffffff;
}

body.side-header-primary .side-header {
    background-color: #428bfa;
}

body.side-header-primary .side-header .side-header-close {
    background-color: #428bfa;
}

body.side-header-secondary .side-header {
    background-color: #fb7da4;
}

body.side-header-secondary .side-header .side-header-close {
    background-color: #fb7da4;
}

body.side-header-indigo .side-header {
    background-color: #4051B5;
}

body.side-header-indigo .side-header .side-header-close {
    background-color: #4051B5;
}

body.side-header-purple .side-header {
    background-color: #9C27B0;
}

body.side-header-purple .side-header .side-header-close {
    background-color: #9C27B0;
}

body.side-header-pink .side-header {
    background-color: #E91C63;
}

body.side-header-pink .side-header .side-header-close {
    background-color: #E91C63;
}

body.side-header-red .side-header {
    background-color: #F44336;
}

body.side-header-red .side-header .side-header-close {
    background-color: #F44336;
}

body.side-header-brown .side-header {
    background-color: #795548;
}

body.side-header-brown .side-header .side-header-close {
    background-color: #795548;
}

body.side-header-orange .side-header {
    background-color: #FF9800;
}

body.side-header-orange .side-header .side-header-close {
    background-color: #FF9800;
}

body.side-header-green .side-header {
    background-color: #4CAF50;
}

body.side-header-green .side-header .side-header-close {
    background-color: #4CAF50;
}

/*----------------------------------------*/

/*  09. Top Report CSS
/*----------------------------------------*/

/*-- Top Report One --*/

.top-report {
    padding: 30px;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    position: relative;
    z-index: 1;
    background-color: #fafafa;
    /*-- Icon --*/
    /*-- Head --*/
    /*-- Content --*/
    /*-- Footer --*/
}

.top-report .icon {
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
}

.top-report .icon img {
    max-width: 100%;
}

.top-report .head {
    padding-right: 20px;
    position: relative;
    margin-bottom: 20px;
}

.top-report .head h4 {
    font-weight: 600;
    color: #428bfa;
    margin: 0;
    line-height: 20px;
}

.top-report .head .view {
    position: absolute;
    right: 0;
    top: 0;
    color: #fb7da4;
}

.top-report .head .view i {
    display: block;
    font-size: 20px;
    line-height: 1;
}

.top-report .content {
    margin-bottom: 20px;
}

.top-report .content h5 {
    color: #666666;
    margin-bottom: 1px;
}

.top-report .content h2 {
    color: #666666;
    margin-bottom: 0;
}

.top-report .footer .progess {
    margin-bottom: 8px;
    display: block;
    background-color: #eff8fe;
    height: 4px;
    width: 100%;
}

.top-report .footer .progess .progess-bar {
    height: 100%;
    background: #fb7da4;
    background: -webkit-gradient(linear, left top, right top, from(#fb7da4), to(#fbaaa2));
    background: -webkit-linear-gradient(left, #fb7da4 0%, #fbaaa2 100%);
    background: -o-linear-gradient(left, #fb7da4 0%, #fbaaa2 100%);
    background: linear-gradient(to right, #fb7da4 0%, #fbaaa2 100%);
}

@media only screen and (max-width: 479px) {
    .top-report {
        padding: 20px;
    }
}

/*-- Top Report Two --*/

.top-report-2 {
    padding: 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: 22px;
    display: block;
    line-height: 22px;
}

.todo-list li .list-action button.status.stared {
    color: #fb7da4;
}

.todo-list li .list-action button.remove:hover {
    color: #fd427c;
}

.todo-list li.done .list-content p {
    text-decoration: line-through;
}

@media only screen and (max-width: 479px) {
    .todo-list li {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .todo-list li .list-content {
        padding: 0 20px 15px;
    }
    .todo-list li .list-action {
        padding: 15px 20px;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        width: 100%;
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 100%;
        -ms-flex: 1 0 100%;
        flex: 1 0 100%;
        margin-top: 0px;
    }
    .todo-list li .list-action button {
        margin-right: 15px;
    }
    .todo-list li .list-action button:last-child {
        margin-right: 0;
    }
    .todo-list li .list-action button.remove {
        display: block;
    }
    .todo-list li .list-action .adomx-checkbox {
        margin-right: 15px;
    }
    .todo-list li .list-action .adomx-checkbox:last-child {
        margin-right: 0;
    }
    .todo-list li .list-action.right {
        display: none;
    }
}

/*----------------------------------------*/

/*  11. Chat CSS
/*----------------------------------------*/

/*Chat App Wrap*/

.chat-app-wrap {
    position: relative;
    padding-left: 370px;
    height: 100%;
    background-color: #fafafa;
}

.chat-app-wrap .chat-contacts-open {
    width: 40px;
    height: 40px;
    padding: 10px;
    text-align: center;
    -webkit-box-shadow: 0 0px 15px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 0px 15px 0 rgba(0, 0, 0, 0.15);
    background-color: #161824;
    color: #ffffff;
    border: none;
    display: block;
    position: fixed;
    left: 0;
    z-index: 9;
    opacity: 0;
    visibility: hidden;
}

.chat-app-wrap .chat-contacts-open i {
    display: block;
    font-size: 20px;
    line-height: 20px;
}

.chat-app-wrap .chat-contacts-open:hover {
    background-color: #428bfa;
}

.chat-app-wrap .chat-contacts {
    height: 100%;
    max-height: 822px;
    max-width: 370px;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    border-right: 1px solid #f1f1f1;
    background-color: #fafafa;
    padding-top: 90px;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    z-index: 1001;
}

.chat-app-wrap .chat-contacts.show {
    visibility: visible;
    opacity: 1;
    left: 0;
}

.chat-app-wrap .chat-contacts.show .chat-contacts-close {
    opacity: 1;
    visibility: visible;
}

.chat-app-wrap .chat-contacts .chat-contacts-close {
    width: 40px;
    height: 40px;
    padding: 10px;
    text-align: center;
    -webkit-box-shadow: 0 0px 15px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 0px 15px 0 rgba(0, 0, 0, 0.15);
    background-color: #161824;
    color: #ffffff;
    border: none;
    display: block;
    position: absolute;
    left: 100%;
    top: 70px;
    z-index: 9;
    opacity: 0;
    visibility: hidden;
}

.chat-app-wrap .chat-contacts .chat-contacts-close i {
    display: block;
    font-size: 20px;
    line-height: 20px;
}

.chat-app-wrap .chat-contacts .chat-contacts-close:hover {
    background-color: #428bfa;
}

.chat-app-wrap .contact-search-form {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    border-bottom: 1px solid #f1f1f1;
}

.chat-app-wrap .contact-search-form form {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 100%;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
    position: relative;
    padding: 20px 0;
}

.chat-app-wrap .contact-search-form form input {
    padding: 10px 25px;
    line-height: 30px;
    width: 100%;
    background-color: transparent;
    border: none;
    color: #666666;
}

.chat-app-wrap .chat-contact-list {
    display: block;
    height: 100%;
    list-style: none;
    padding: 0;
    margin: 0;
}

.chat-app-wrap .chat-contact-list li a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 21px 25px;
}

.chat-app-wrap .chat-contact-list li a .image {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    position: relative;
}

.chat-app-wrap .chat-contact-list li a .image img {
    border-radius: 50%;
}

.chat-app-wrap .chat-contact-list li a .image .status {
    position: absolute;
    right: 3px;
    bottom: 3px;
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
}

.chat-app-wrap .chat-contact-list li a .image .status.online {
    background-color: #29db2d;
}

.chat-app-wrap .chat-contact-list li a .content {
    width: calc(100% - 50px);
    padding-left: 15px;
    padding-right: 15px;
}

.chat-app-wrap .chat-contact-list li a .content .name {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 4px;
}

.chat-app-wrap .chat-contact-list li a .content .last-message {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    font-size: 13px;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (max-width: 767px) {
    .chat-app-wrap {
        padding-left: 0;
    }
    .chat-app-wrap .chat-contacts-open {
        opacity: 1;
        visibility: visible;
    }
    .chat-app-wrap .chat-contacts {
        max-width: 300px;
        left: -300px;
        opacity: 0;
        visibility: hidden;
        position: fixed;
        top: 80px;
    }
    .chat-app-wrap .chat-contacts .chat-contacts-close {
        opacity: 0;
        visibility: hidden;
    }
}

@media only screen and (max-width: 767px) {
    .chat-app-wrap .chat-contacts {
        top: 0;
        padding-top: 50px;
    }
    .chat-app-wrap .contact-search-form form {
        padding: 0;
    }
    .chat-app-wrap .chat-wrap {
        max-height: 100vh;
    }
}

@media only screen and (max-width: 479px) {
    .chat-app-wrap .chat-contacts {
        max-width: 280px;
        left: -280px;
    }
}

/*Active Contact*/

.chat-active-contact {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 1px solid #f1f1f1;
    padding: 15px 30px;
}

.chat-active-contact .chat-contact {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.chat-active-contact .chat-contact .image {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 20px;
}

.chat-active-contact .chat-contact .info {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
}

.chat-active-contact .chat-contact .info h5 {
    margin-bottom: 10px;
    line-height: 1;
}

.chat-active-contact .chat-contact .info span {
    display: block;
    font-size: 13px;
    line-height: 1;
}

.chat-active-contact .chat-contact-actions {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
}

@media only screen and (max-width: 479px) {
    .chat-active-contact .chat-contact-actions {
        margin-top: 15px;
    }
}

/*Chat Wrap*/

.chat-wrap {
    max-height: 650px;
    padding: 30px;
}

/*Chat List*/

.chat-list,
.widget-chat-list,
[dir="rtl"] .widget-chat-list {
    padding: 0;
    list-style: none;
    margin: 0;
}

.chat-list li .chat,
.widget-chat-list li .chat,
.chat-list li .widget-chat,
.widget-chat-list li .widget-chat {
    margin-bottom: 25px;
}

.chat-list li:nth-child(2n) .chat .head,
.widget-chat-list li:nth-child(2n) .chat .head,
.chat-list li:nth-child(2n) .widget-chat .head,
.widget-chat-list li:nth-child(2n) .widget-chat .head {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.chat-list li:nth-child(2n) .chat .head h5,
.widget-chat-list li:nth-child(2n) .chat .head h5,
.chat-list li:nth-child(2n) .widget-chat .head h5,
.widget-chat-list li:nth-child(2n) .widget-chat .head h5 {
    text-align: right;
}

.chat-list li:nth-child(2n) .chat .head span,
.widget-chat-list li:nth-child(2n) .chat .head span,
.chat-list li:nth-child(2n) .widget-chat .head span,
.widget-chat-list li:nth-child(2n) .widget-chat .head span {
    margin-left: 15px;
    margin-right: 0;
}

.chat-list li:nth-child(2n) .chat .body,
.widget-chat-list li:nth-child(2n) .chat .body,
.chat-list li:nth-child(2n) .widget-chat .body,
.widget-chat-list li:nth-child(2n) .widget-chat .body {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.chat-list li:nth-child(2n) .chat .body .content,
.widget-chat-list li:nth-child(2n) .chat .body .content,
.chat-list li:nth-child(2n) .widget-chat .body .content,
.widget-chat-list li:nth-child(2n) .widget-chat .body .content {
    margin-right: 15px;
    margin-left: 0;
}

.chat-list li:nth-child(2n) .chat .body .content::before,
.widget-chat-list li:nth-child(2n) .chat .body .content::before,
.chat-list li:nth-child(2n) .widget-chat .body .content::before,
.widget-chat-list li:nth-child(2n) .widget-chat .body .content::before {
    right: -10px;
    left: auto;
    border-width: 6px 0px 6px 10px;
    border-color: transparent transparent transparent #ffffff;
}

/*Chat*/

.chat .head,
.widget-chat .head,
body.skin-dark .widget-chat .head {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 100%;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
    margin-bottom: 12px;
    position: relative;
}

.chat .head h5,
.widget-chat .head h5 {
    font-size: 14px;
    line-height: 18px;
    margin: 0 0 3px;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.chat .head span,
.widget-chat .head span {
    font-size: 12px;
    line-height: 18px;
    color: #999999;
    margin-right: 15px;
    margin-bottom: 3px;
}

.chat .head a,
.widget-chat .head a {
    color: #428bfa;
    margin-bottom: 3px;
}

.chat .head a i,
.widget-chat .head a i {
    font-size: 18px;
    line-height: 18px;
    display: block;
}

.chat .body,
.widget-chat .body,
body.skin-dark .widget-chat .body {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 100%;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
}

.chat .body .image,
.widget-chat .body .image {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 60px;
    -ms-flex: 1 0 60px;
    flex: 1 0 60px;
    max-width: 60px;
}

.chat .body .image img,
.widget-chat .body .image img {
    width: 100%;
    overflow: hidden;
    border-radius: 50%;
    height: auto;
}

.chat .body .content,
.widget-chat .body .content {
    padding: 10px 15px;
    background-color: #ffffff;
    margin-left: 15px;
    border-radius: 4px;
    position: relative;
    -webkit-box-shadow: 0 0 5px rgba(24, 24, 24, 0.05);
    box-shadow: 0 0 5px rgba(24, 24, 24, 0.05);
}

.chat .body .content::before,
.widget-chat .body .content::before {
    display: none;
    content: "";
    position: absolute;
    top: 28px;
    left: -10px;
    border-width: 6px 10px 6px 0;
    border-style: solid;
    border-color: transparent #ffffff transparent transparent;
}

.chat .body .content p,
.widget-chat .body .content p {
    font-size: 13px;
    color: #999999;
    line-height: 22px;
}

@media only screen and (max-width: 479px) {
    .chat .head,
    .widget-chat .head,
    body.skin-dark .widget-chat .head {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -webkit-flex-direction: column !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important;
    }
    .chat .head h5,
    .widget-chat .head h5 {
        text-align: left !important;
    }
    .chat .head span,
    .widget-chat .head span {
        margin-left: 0 !important;
        margin-right: 20px;
    }
    .chat .head a,
    .widget-chat .head a {
        position: absolute;
        right: 0;
        bottom: 0;
    }
    .chat .body,
    .widget-chat .body,
    body.skin-dark .widget-chat .body {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -webkit-flex-direction: column !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important;
    }
    .chat .body .image,
    .widget-chat .body .image {
        max-width: 80px;
    }
    .chat .body .content,
    .widget-chat .body .content {
        margin: 15px 0 0 !important;
    }
}

/*Chat Submission*/

.chat-submission,
.widget-chat-submission,
body.skin-dark .widget-chat-submission,
[dir="rtl"] .widget-chat-submission {
    border-top: 1px solid #f1f1f1;
}

.chat-submission form,
.widget-chat-submission form,
body.skin-dark .widget-chat-submission form,
[dir="rtl"] .widget-chat-submission form {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 100%;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
    position: relative;
    padding: 15px 120px 15px 15px;
}

.chat-submission form input,
.widget-chat-submission form input,
body.skin-dark .widget-chat-submission form input,
[dir="rtl"] .widget-chat-submission form input {
    padding: 10px 15px;
    line-height: 30px;
    width: 100%;
    background-color: transparent;
    border: none;
    color: #666666;
}

.chat-submission form .buttons,
.widget-chat-submission form .buttons {
    position: absolute;
    right: 30px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.chat-submission form .file-upload,
.widget-chat-submission form .file-upload {
    margin: 0;
    cursor: pointer;
}

.chat-submission form .file-upload input,
.widget-chat-submission form .file-upload input {
    display: none;
}

.chat-submission form .file-upload i,
.widget-chat-submission form .file-upload i {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/*Widget Chat*/

.widget-chat-wrap {
    max-height: 429px;
    height: 100%;
    padding: 0;
    padding-right: 25px;
    margin-right: -25px;
    width: auto;
}

.widget-chat-submission {
    margin: 0 -25px -25px;
}

.widget-chat-submission form {
    padding: 10px 85px 10px 5px;
}

.widget-chat-submission form .buttons {
    right: 10px;
}

/*----------------------------------------*/

/*  12. Mail CSS
/*----------------------------------------*/

/*Mail Wrapper*/

.mail-wrapper {
    background-color: #fafafa;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

/*Mail Menu*/

.mail-menu {
    padding: 30px;
    width: 250px;
    border-right: 1px solid #e1e1e1;
}

.mail-menu .button-compose-mail {
    margin: 0;
    margin-bottom: 30px;
}

.mail-menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.mail-menu ul li {
    margin-top: 25px;
}

.mail-menu ul li:first-child {
    margin-top: 0;
}

.mail-menu ul li a {
    font-size: 16px;
    line-height: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.mail-menu ul li a i {
    font-size: 20px;
    line-height: 1;
    color: #999999;
    width: 30px;
}

@media only screen and (max-width: 767px) {
    .mail-menu {
        width: 100%;
        border-right: none;
        border-bottom: 1px solid #e1e1e1;
    }
}

/*Mail Container*/

.mail-container {
    width: calc(100% - 250px);
}

@media only screen and (max-width: 767px) {
    .mail-container {
        width: 100%;
    }
}

/*Mail Options*/

.mail-options {
    border-bottom: 1px solid #e1e1e1;
    padding: 20px 30px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
}

.mail-options .mail-options-group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-right: 30px;
    padding-right: 30px;
    position: relative;
}

.mail-options .mail-options-group::before {
    content: "";
    position: absolute;
    right: -1px;
    top: 5px;
    bottom: 5px;
    background-color: #e1e1e1;
    width: 2px;
}

.mail-options .mail-options-group:last-child {
    border-right: 0;
    margin-right: 0;
    padding-right: 0;
}

.mail-options .mail-options-group:last-child::before {
    display: none;
}

.mail-options .mail-options-group>* {
    margin: 0 15px;
}

.mail-options .mail-options-group>*:first-child {
    margin-left: 0;
}

.mail-options .mail-options-group>*:last-child {
    margin-right: 0;
}

.mail-options .mail-options-group button {
    text-align: center;
    padding: 5px 0;
    border: none;
    background-color: transparent;
    width: 30px;
    text-align: center;
}

.mail-options .mail-options-group button i {
    display: block;
    font-size: 24px;
    line-height: 24px;
}

.mail-options .mail-options-group button:hover {
    color: #428bfa;
}

.mail-options .mail-options-group button.mail-button-delete:hover {
    color: #fd427c;
}

.mail-options .adomx-dropdown-menu {
    white-space: nowrap;
    width: auto;
}

@media only screen and (min-width: 1200px) and (max-width: 1499px),
only screen and (min-width: 992px) and (max-width: 1199px) {
    .mail-options .mail-options-group {
        margin-right: 20px;
        padding-right: 20px;
    }
    .mail-options .mail-options-group>* {
        margin: 0 10px;
    }
    .mail-options .mail-options-group button:not(.button-check) i {
        display: block;
        font-size: 20px;
        line-height: 24px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (max-width: 767px) {
    .mail-options .mail-options-group {
        margin-right: 15px;
        padding-right: 15px;
    }
    .mail-options .mail-options-group>* {
        margin: 0 5px;
    }
    .mail-options .mail-options-group button:not(.button-check) {
        width: auto;
        padding: 5px;
    }
    .mail-options .mail-options-group button:not(.button-check) i {
        display: block;
        font-size: 20px;
        line-height: 24px;
    }
}

@media only screen and (max-width: 767px) {
    .mail-options {
        padding: 10px 30px;
    }
}

@media only screen and (max-width: 575px) {
    .mail-options .mail-options-group {
        margin-right: 5px;
        padding-right: 0;
    }
    .mail-options .mail-options-group::before {
        display: none;
    }
}

@media only screen and (max-width: 479px) {
    .mail-options .mail-options-group {
        position: static;
    }
    .mail-options .mail-options-group .adomx-dropdown {
        position: static;
    }
    .mail-options .mail-options-group .adomx-dropdown .adomx-dropdown-menu {
        width: 290px;
    }
}

/*Mail List*/

.mail-list {
    padding: 30px;
    overflow: hidden;
}

.mail-list .mail {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.mail-list .mail::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: calc(100% - 80px);
    height: 1px;
    background-color: #e1e1e1;
}

.mail-list .mail:last-child {
    margin-bottom: 0;
}

.mail-list .mail:last-child::after {
    display: none;
}

.mail-list .mail .left {
    max-width: 80px;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 80px;
    -ms-flex: 1 0 80px;
    flex: 1 0 80px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-right: 20px;
}

.mail-list .mail .left .adomx-checkbox {
    width: 18px;
    height: 18px;
    margin: 0;
    padding-left: 18px;
}

.mail-list .mail .left button {
    border: none;
    background-color: transparent;
    padding: 3px;
    color: #999999;
}

.mail-list .mail .left button i {
    display: block;
    font-size: 20px;
    line-height: 20px;
}

.mail-list .mail .middle {
    max-width: calc(100% - 150px);
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 calc(100% - 150px);
    -ms-flex: 1 0 calc(100% - 150px);
    flex: 1 0 calc(100% - 150px);
    overflow: hidden;
}

.mail-list .mail .middle .top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.mail-list .mail .middle .top .name {
    font-size: 16px;
    margin-right: 10px;
}

.mail-list .mail .middle .top .date {
    font-size: 12px;
    margin-bottom: 8px;
}

.mail-list .mail .middle .body {
    margin-bottom: 15px;
}

.mail-list .mail .middle .body p {
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
}

.mail-list .mail .middle .bottom {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: -3px;
}

.mail-list .mail .middle .bottom .badge {
    margin: 3px;
}

.mail-list .mail .right {
    max-width: 70px;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 70px;
    -ms-flex: 1 0 70px;
    flex: 1 0 70px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

.mail-list .mail .right button {
    border: none;
    background-color: transparent;
    padding: 3px;
    color: #999999;
}

.mail-list .mail .right button i {
    display: block;
    font-size: 20px;
    line-height: 20px;
}

.mail-list .mail .right button:hover {
    color: #428bfa;
}

.mail-list .mail .right button.mail-button-delete:hover {
    color: #fd427c;
}

@media only screen and (max-width: 575px) {
    .mail-list .mail::after {
        width: 100%;
    }
    .mail-list .mail .left,
    .mail-list .mail .right {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
        width: auto;
        padding: 0;
    }
    .mail-list .mail .left>*,
    .mail-list .mail .right>* {
        margin-right: 15px;
    }
    .mail-list .mail .middle {
        -webkit-box-ordinal-group: 10;
        -webkit-order: 9;
        -ms-flex-order: 9;
        order: 9;
        max-width: 100%;
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 100%;
        -ms-flex: 1 0 100%;
        flex: 1 0 100%;
        margin-top: 15px;
    }
}

/*Single Mail*/

.single-mail {
    /*Top*/
    /*Bottom*/
}

.single-mail .top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    border-bottom: 1px solid #e1e1e1;
    padding: 30px;
    /*Left*/
    /*Right*/
}

.single-mail .top .left ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.single-mail .top .left ul li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 6px;
}

.single-mail .top .left ul li:last-child {
    margin-bottom: 0;
}

.single-mail .top .left ul li strong {
    width: 70px;
    font-weight: 600;
    margin-right: 50px;
}

.single-mail .top .left ul li strong::after {
    content: ":";
    float: right;
}

.single-mail .top .right {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.single-mail .top .right button {
    padding: 5px;
    border: none;
    background-color: transparent;
    line-height: 1;
    margin-right: 20px;
}

.single-mail .top .right button:last-child {
    margin-right: 0;
}

.single-mail .top .right button i {
    font-size: 20px;
    line-height: 20px;
}

.single-mail .top .right button:hover {
    color: #428bfa;
}

.single-mail .bottom {
    padding: 40px 60px;
}

.single-mail .bottom .user {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 30px;
}

.single-mail .bottom .user .image {
    margin-right: 30px;
}

.single-mail .bottom .user .image img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
}

.single-mail .bottom .user .info {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
}

.single-mail .bottom .user .info .name {
    font-weight: 600;
    margin: 0;
    margin-bottom: 7px;
}

.single-mail .bottom .user .info .date {
    display: block;
    line-height: 1;
}

.single-mail .bottom .body {
    padding-left: 90px;
}

.single-mail .bottom .body .content {
    margin-bottom: 30px;
}

.single-mail .bottom .body .content:last-child {
    margin-bottom: 0;
}

.single-mail .bottom .body .content h5 {
    margin-bottom: 15px;
}

.single-mail .bottom .body .content ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.single-mail .bottom .body .content ul li {
    margin-bottom: 5px;
}

.single-mail .bottom .body .content ul li:last-child {
    margin-bottom: 0;
}

.single-mail .bottom .body .content ul li a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.single-mail .bottom .body .content ul li a::before {
    content: "\f2fb";
    font-family: "Material-Design-Iconic-Font";
    margin-right: 5px;
    font-size: 16px;
    line-height: 22px;
    padding-top: 2px;
}

.single-mail .bottom .body .attachment {
    margin-bottom: 40px;
}

.single-mail .bottom .body .attachment:last-child {
    margin-bottom: 0;
}

.single-mail .bottom .body .attachment .title {
    margin-bottom: 20px;
}

.single-mail .bottom .body .attachment .button,
.single-mail .bottom .body .attachment .fullcalendar .fc-toolbar .fc-button,
.fullcalendar .fc-toolbar .single-mail .bottom .body .attachment .fc-button,
.single-mail .bottom .body .attachment #toast-container .toast .toast-message .btn,
#toast-container .toast .toast-message .single-mail .bottom .body .attachment .btn,
.single-mail .bottom .body .attachment .dataTables_wrapper .dt-buttons .dt-button,
.dataTables_wrapper .dt-buttons .single-mail .bottom .body .attachment .dt-button,
.single-mail .bottom .body .attachment .footable.table thead tr th .footable-filtering-search .input-group .input-group-btn .btn,
.footable.table thead tr th .footable-filtering-search .input-group .input-group-btn .single-mail .bottom .body .attachment .btn,
.single-mail .bottom .body .attachment .footable.table tbody tr td.footable-editing .btn-group .btn,
.footable.table tbody tr td.footable-editing .btn-group .single-mail .bottom .body .attachment .btn,
.single-mail .bottom .body .attachment .footable.table tfoot tr.footable-editing td .btn,
.footable.table tfoot tr.footable-editing td .single-mail .bottom .body .attachment .btn,
.single-mail .bottom .body .attachment .smart-wizard .sw-toolbar .sw-btn-group .btn,
.smart-wizard .sw-toolbar .sw-btn-group .single-mail .bottom .body .attachment .btn {
    margin-top: 20px;
}

.single-mail .bottom .body .attachment .attach-files {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -10px;
    list-style: none;
    padding: 0;
}

.single-mail .bottom .body .attachment .attach-files li {
    margin: 10px;
}

.single-mail .bottom .body .attachment .attach-files li a {
    position: relative;
    border: 2px solid #efefef;
    border-radius: 5px;
    background-color: #ffffff;
    max-width: 130px;
    width: 100%;
}

.single-mail .bottom .body .attachment .attach-files li a img {
    border-radius: 5px;
    width: 100%;
}

.single-mail .bottom .body .attachment .attach-files li a .type {
    line-height: 1;
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 12px;
    font-weight: 700;
    color: #666666;
}

.single-mail .bottom .body .attachment .attach-files li a i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    font-size: 20px;
    line-height: 1;
    opacity: 0;
}

.single-mail .bottom .body .attachment .attach-files li a:hover img {
    opacity: 0.15;
}

.single-mail .bottom .body .attachment .attach-files li a:hover i {
    opacity: 1;
}

.single-mail .bottom .body .buttons {
    margin: -5px;
}

.single-mail .bottom .body .buttons .button,
.single-mail .bottom .body .buttons .fullcalendar .fc-toolbar .fc-button,
.fullcalendar .fc-toolbar .single-mail .bottom .body .buttons .fc-button,
.single-mail .bottom .body .buttons #toast-container .toast .toast-message .btn,
#toast-container .toast .toast-message .single-mail .bottom .body .buttons .btn,
.single-mail .bottom .body .buttons .dataTables_wrapper .dt-buttons .dt-button,
.dataTables_wrapper .dt-buttons .single-mail .bottom .body .buttons .dt-button,
.single-mail .bottom .body .buttons .footable.table thead tr th .footable-filtering-search .input-group .input-group-btn .btn,
.footable.table thead tr th .footable-filtering-search .input-group .input-group-btn .single-mail .bottom .body .buttons .btn,
.single-mail .bottom .body .buttons .footable.table tbody tr td.footable-editing .btn-group .btn,
.footable.table tbody tr td.footable-editing .btn-group .single-mail .bottom .body .buttons .btn,
.single-mail .bottom .body .buttons .footable.table tfoot tr.footable-editing td .btn,
.footable.table tfoot tr.footable-editing td .single-mail .bottom .body .buttons .btn,
.single-mail .bottom .body .buttons .smart-wizard .sw-toolbar .sw-btn-group .btn,
.smart-wizard .sw-toolbar .sw-btn-group .single-mail .bottom .body .buttons .btn {
    margin: 5px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (max-width: 767px) {
    .single-mail .bottom {
        padding: 40px 30px;
    }
    .single-mail .bottom .body .attachment .attach-files li a {
        max-width: 90px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (max-width: 767px) {
    .single-mail .bottom .body {
        padding-left: 0;
    }
}

@media only screen and (max-width: 479px) {
    .single-mail .top {
        padding: 20px 30px;
    }
    .single-mail .top .left ul li strong {
        width: 50px;
        margin-right: 10px;
    }
    .single-mail .top .right {
        margin-left: -5px;
        margin-top: 10px;
    }
    .single-mail .bottom {
        padding: 30px;
    }
    .single-mail .bottom .user .image {
        margin-bottom: 15px;
    }
    .single-mail .bottom .user .info {
        min-width: 100%;
    }
}

/*Compose Mail Modal*/

.compose-mail-modal .modal-content {
    border: none;
}

.compose-mail-modal .modal-content .modal-header {
    background-color: #161824;
    border-radius: 5px;
    padding: 20px 50px;
}

.compose-mail-modal .modal-content .modal-header .modal-title {
    color: #ffffff;
}

.compose-mail-modal .modal-content .modal-header .close {
    color: #ffffff;
    text-shadow: none;
    opacity: 1;
}

.compose-mail-modal .modal-content .modal-header .close:hover {
    color: #fd427c;
}

.compose-mail-modal .modal-content .form {
    padding: 50px;
}

@media only screen and (max-width: 479px) {
    .compose-mail-modal .modal-content .modal-header {
        padding: 15px 30px;
    }
    .compose-mail-modal .modal-content .form {
        padding: 30px;
    }
}

/*----------------------------------------*/

/*  13. Chart CSS
/*----------------------------------------*/

/*Chart Legends*/

.chart-legends-1 {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 15px;
}

.chart-legends-1 .chart-legend-1 {
    margin-bottom: 20px;
}

.chart-legends-1 .chart-legend-1 .title {
    line-height: 1;
    margin-bottom: 10px;
}

.chart-legends-1 .chart-legend-1 .value {
    line-height: 1;
    font-weight: 600;
    margin: 0;
}

/*Revenue Statistics Charts*/

.chartjs-revenue-statistics-chart,
.chartjs-revenue-statistics-chart-2 {
    position: relative;
    width: 100%;
    height: 400px;
}

@media only screen and (min-width: 1200px) and (max-width: 1499px),
only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (max-width: 767px) {
    .chartjs-revenue-statistics-chart,
    .chartjs-revenue-statistics-chart-2 {
        height: 300px;
    }
}

/*Market Trends Chart*/

.chartjs-market-trends-chart {
    position: relative;
    width: 100%;
    height: 450px;
}

@media only screen and (min-width: 1200px) and (max-width: 1499px),
only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (max-width: 767px) {
    .chartjs-market-trends-chart {
        height: 350px;
    }
}

/*Market Trends Chart 2 , Analytics Chart & Graph Chart */

.chartjs-market-trends-chart-2,
.chartjs-analytics-chart,
.chartjs-graph-chart {
    position: relative;
    width: 100%;
    height: 400px;
}

@media only screen and (min-width: 1200px) and (max-width: 1499px),
only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (max-width: 767px) {
    .chartjs-market-trends-chart-2,
    .chartjs-analytics-chart,
    .chartjs-graph-chart {
        height: 350px;
    }
}

/*Echart Example*/

.example-echarts {
    width: 100%;
    height: 300px;
}

/*ChartJs Example*/

.example-chartjs {
    width: 100%;
    height: 250px;
}

/*Morris Example*/

.example-morris {
    width: 100%;
    height: 250px;
}

.example-morris>svg {
    width: 100%;
}

/*Sparkline Chart*/

.sparkline-chart {
    display: block;
    width: 100%;
    text-align: center;
}

.sparkline-chart canvas {
    height: auto !important;
    max-width: 100% !important;
}

.jqstooltip {
    height: auto !important;
    width: auto !important;
}

/*Google Chart*/

.example-gchart {
    width: 100%;
    height: 300px;
}

/*----------------------------------------*/

/*  14. Vmap CSS
/*----------------------------------------*/

.vmap,
.google-map {
    width: 100%;
    height: 400px;
}

@media only screen and (max-width: 767px) {
    .vmap,
    .google-map {
        height: 320px;
    }
}

@media only screen and (max-width: 575px) {
    .vmap,
    .google-map {
        height: 250px;
    }
}

@media only screen and (max-width: 479px) {
    .vmap,
    .google-map {
        height: 200px;
    }
}

/*Vmap Pin*/

.vmap-pin {
    position: relative;
}

.vmap-pin .pin {
    width: 12px;
    height: 12px;
    background-color: #fb7da4;
    border: 2px solid #ffffff;
    border-radius: 50%;
}

.vmap-pin .signal,
.vmap-pin .signal2 {
    width: 60px;
    height: 60px;
    pointer-events: none;
    border-radius: 200px;
    position: absolute;
    left: -24px;
    top: -24px;
    opacity: 0;
    -webkit-animation: vmapPinSignal cubic-bezier(0, 0.55, 0.55, 1) 2s;
    animation: vmapPinSignal cubic-bezier(0, 0.55, 0.55, 1) 2s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-delay: 0.78s;
    animation-delay: 0.78s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    background-color: #161824;
}

.vmap-pin .signal2 {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}

@-webkit-keyframes vmapPinSignal {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    1% {
        opacity: 0.1;
    }
    20% {
        opacity: 0.1;
    }
    60% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0;
    }
}

@keyframes vmapPinSignal {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    1% {
        opacity: 0.1;
    }
    20% {
        opacity: 0.1;
    }
    60% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0;
    }
}

/*----------------------------------------*/

/*  15. Author CSS
/*----------------------------------------*/

/*Author Top*/

.author-top .inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-image: url(../images/bg/author-top-bg.jpg);
    background-size: 100% 50%;
    background-repeat: no-repeat;
    padding: 65px 30px;
    -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.05);
}

.author-top .inner .author-profile {
    text-align: center;
}

.author-top .inner .author-profile .image {
    width: 130px;
    height: 130px;
    overflow: hidden;
    position: relative;
    border-radius: 50%;
    margin: auto;
    margin-bottom: 14px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #f1f1f1;
}

.author-top .inner .author-profile .image h2 {
    margin: 0;
    font-weight: 700;
}

.author-top .inner .author-profile .image img {
    width: 100%;
    border: 5px solid #428bfa;
    border-radius: 50%;
}

.author-top .inner .author-profile .image .edit {
    border: none;
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 0;
    height: 50%;
    font-size: 10px;
    text-align: center;
    color: #ffffff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.7);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.author-top .inner .author-profile .image .edit i {
    font-size: 18px;
    display: block;
}

.author-top .inner .author-profile .image:hover .edit {
    opacity: 1;
    visibility: visible;
}

.author-top .inner .author-profile .info {
    text-align: center;
    position: relative;
    padding: 0 30px;
}

.author-top .inner .author-profile .info h5 {
    font-weight: 600;
    margin-bottom: 0;
}

.author-top .inner .author-profile .info span {
    display: block;
    font-size: 13px;
    line-height: 15px;
}

.author-top .inner .author-profile .info .edit {
    position: absolute;
    right: 0;
    top: 0;
    line-height: 1;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.author-top .inner .author-profile .info .edit i {
    font-size: 20px;
    line-height: 1;
}

.author-top .inner .author-profile .info:hover .edit {
    opacity: 1;
    visibility: visible;
}

/*Timeline Wrap*/

/*Timeline Date*/

.timeline-date {
    font-size: 13px;
    display: inline-block;
    line-height: 25px;
    padding: 6px 25px;
    border-radius: 50px;
    color: #ffffff;
    background-color: #fb7da4;
}

/*Timeline List*/

.timeline-list:last-child {
    margin-bottom: 0;
}

.timeline-list li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 40px;
}

.timeline-list li:last-child {
    margin-bottom: 0;
}

.timeline-list li .icon {
    width: 40px;
    text-align: center;
    position: relative;
}

.timeline-list li .icon::before {
    content: "";
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 55px;
    bottom: 35px;
    width: 1px;
    background-color: #fb7da4;
}

.timeline-list li .icon i {
    width: 40px;
    height: 40px;
    margin: auto;
    border-radius: 50%;
    color: #ffffff;
    background-color: #fb7da4;
    line-height: 40px;
    display: block;
    font-size: 20px;
}

.timeline-list li .details {
    width: calc(100% - 40px);
    padding: 5px 50px 0 30px;
}

.timeline-list li .details .title {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 23px;
}

.timeline-list li .details .content {
    max-width: 700px;
    margin-bottom: 20px;
}

.timeline-list li .details .gallery {
    margin-bottom: 20px;
}

.timeline-list li .details .gallery a {
    display: block;
}

.timeline-list li .details .gallery a img {
    width: 100%;
}

.timeline-list li .details .video {
    position: relative;
    padding-top: 50%;
    width: 100%;
    background-image: url(../images/gallery/profile-gallery-video-1.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    margin-bottom: 20px;
}

.timeline-list li .details .video a {
    display: block;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: #343434;
    color: #ffffff;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    text-align: center;
    padding: 10px;
    padding-left: 15px;
}

.timeline-list li .details .video a i {
    font-size: 40px;
    line-height: 1;
}

.timeline-list li .details .time {
    font-size: 13px;
    line-height: 1;
    display: block;
    color: #999999;
}

@media only screen and (max-width: 767px) {
    .timeline-list li .date {
        width: 90px;
    }
    .timeline-list li .icon {
        width: 50px;
    }
    .timeline-list li .details {
        padding-right: 0;
        padding-left: 15px;
    }
}

@media only screen and (max-width: 479px) {
    .timeline-list {
        padding-left: 0;
    }
    .timeline-list li .date {
        width: 100%;
        text-align: left;
        margin-bottom: 5px;
    }
    .timeline-list li .icon {
        display: none;
    }
    .timeline-list li .details {
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 100%;
        -ms-flex: 1 0 100%;
        flex: 1 0 100%;
        padding: 0;
    }
}

/*----------------------------------------*/

/*  16. Login & Resister CSS
/*----------------------------------------*/

/*Login & Resister Wrapper*/

.login-register-wrap {
    padding: 0 15px;
}

/*Login & Resister BG*/

.login-register-bg {
    background-image: url(../images/bg/login-register-bg.jpg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    min-height: 100vh;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.login-register-bg .content {
    display: none;
    max-width: 420px;
    padding: 100px 30px;
}

.login-register-bg .content h1 {
    font-weight: 300;
    line-height: 1;
    margin-bottom: 15px;
    color: #ffffff;
}

.login-register-bg .content p {
    margin-bottom: 0;
    color: #ffffff;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (max-width: 767px) {
    .login-register-bg {
        min-height: auto;
    }
    .login-register-bg .content {
        display: block;
    }
}

@media only screen and (max-width: 767px) {
    .login-register-bg .content {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .login-register-bg .content h1 {
        font-size: 30px;
    }
}

/*Login & Resister Form Wrapper*/

.login-register-form-wrap {
    max-width: 420px;
    padding: 50px 15px;
}

.login-register-form-wrap .content h1 {
    font-weight: 300;
    line-height: 1;
    margin-bottom: 15px;
}

.login-register-form-wrap .content p {
    margin-bottom: 30px;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (max-width: 767px) {
    .login-register-form-wrap .content {
        display: none;
    }
}

@media only screen and (max-width: 767px) {
    .login-register-form-wrap .content h1 {
        font-size: 30px;
    }
}

/*Login & Resister Form*/

.login-register-form {
    max-width: 370px;
}

.login-register-form a {
    color: #428bfa;
}

.login-register-form a:hover {
    text-decoration: underline;
}

/*----------------------------------------*/

/*  17. News CSS
/*----------------------------------------*/

/*News Item*/

.news-item {
    margin-bottom: 35px;
}

.news-item:last-child {
    margin-bottom: 0;
}

.news-item .categories {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px;
}

.news-item .categories a {
    line-height: 20px;
    padding: 3px 14px;
    border-radius: 50px;
    color: #ffffff;
    margin-right: 13px;
    margin-bottom: 5px;
}

.news-item .categories a:last-child {
    margin-right: 0;
}

.news-item .categories a.new {
    background-color: #7dfb9b;
    color: #343434;
}

.news-item .categories a.product {
    background-color: #428bfa;
}

.news-item .categories a.support {
    background-color: #fb7da4;
}

.news-item .categories a.refund {
    background-color: #edb984;
}

.news-item .title {
    font-weight: 600;
    margin-bottom: 15px;
}

.news-item .title a {
    color: #666666;
}

.news-item .title a:hover {
    color: #428bfa;
}

.news-item .meta {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
}

.news-item .meta li {
    font-size: 14px;
    line-height: 18px;
    font-weight: 600;
    color: #999999;
}

.news-item .meta li::after {
    content: "-";
    margin: 0 10px;
    font-weight: 400;
}

.news-item .meta li:last-child::after {
    display: none;
}

.news-item .meta li i {
    font-size: 18px;
    line-height: 18px;
    margin-right: 10px;
    color: #428bfa;
    float: left;
}

.news-item .meta li a:hover {
    color: #428bfa;
}

@media only screen and (max-width: 479px) {
    .news-item .meta li {
        font-size: 12px;
    }
    .news-item .meta li::after {
        margin: 0 6px;
    }
}

/*----------------------------------------*/

/*  18. Pricing CSS
/*----------------------------------------*/

/*Pricing One*/

.pricing-one {
    z-index: 1;
    max-width: 340px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.pricing-one.active {
    z-index: 9;
    margin-top: -40px;
}

.pricing-one.active .inner {
    padding-top: 90px;
    padding-bottom: 90px;
}

.pricing-one.active .inner::before {
    top: -60px;
}

.pricing-one.active .inner::after {
    bottom: -80px;
}

.pricing-one .inner {
    display: inline-block;
    max-width: 340px;
    width: 100%;
    margin: auto;
    padding: 50px;
    -webkit-box-shadow: -4px 14px 36px rgba(18, 18, 18, 0.15);
    box-shadow: -4px 14px 36px rgba(18, 18, 18, 0.15);
    background-color: #fdfdfd;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.pricing-one .inner::before,
.pricing-one .inner::after {
    content: "";
    position: absolute;
    width: 260px;
    height: 260px;
    background-color: #37a1f6;
    opacity: 0.05;
    border-radius: 50%;
    z-index: -1;
}

.pricing-one .inner::before {
    left: -130px;
    top: -100px;
}

.pricing-one .inner::after {
    right: -170px;
    bottom: -120px;
}

.pricing-one .inner .head {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 50px;
}

.pricing-one .inner .head .icon {
    position: relative;
    left: -20px;
    top: -20px;
    margin-right: 10px;
}

.pricing-one .inner .head .icon img {
    max-width: 100%;
}

.pricing-one .inner .head .info .title {
    font-size: 16px;
    line-height: 1;
    font-weight: 600;
    color: #666666;
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 10px;
}

.pricing-one .inner .head .info .title::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 1px;
    width: 30px;
    background-color: #fd427c;
}

.pricing-one .inner .head .info .price {
    margin: 0;
    line-height: 1;
    font-size: 36px;
    color: #666666;
}

.pricing-one .inner .body {
    margin-bottom: 50px;
    overflow: hidden;
}

.pricing-one .inner .body ul {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: left;
}

.pricing-one .inner .body ul li {
    position: relative;
    padding-left: 30px;
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 15px;
}

.pricing-one .inner .body ul li:last-child {
    margin-bottom: 0;
}

.pricing-one .inner .body ul li::before {
    position: absolute;
    left: 0;
    top: 0;
    content: "\f26b";
    font-family: "Material-Design-Iconic-Font";
    font-size: 26px;
    line-height: 26px;
    color: #29db2d;
}

@media only screen and (min-width: 1200px) and (max-width: 1499px),
only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (max-width: 479px) {
    .pricing-one .inner .head .info .price {
        font-size: 30px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (max-width: 767px) {
    .pricing-one {
        max-width: none;
    }
    .pricing-one.active {
        margin-top: 0;
    }
    .pricing-one.active .inner {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .pricing-one.active .inner::before {
        top: -100px;
    }
    .pricing-one.active .inner::after {
        bottom: -120px;
    }
}

@media only screen and (max-width: 479px) {
    .pricing-one .inner {
        padding: 50px 30px;
    }
    .pricing-one .inner .head .icon {
        left: 0;
        top: 0;
        margin-right: 30px;
    }
}

/*Pricing Two*/

.pricing-two {
    padding: 0 30px;
    max-width: 410px;
    width: 100%;
    z-index: 1;
}

.pricing-two .inner {
    padding: 40px 50px 50px;
    -webkit-box-shadow: -5px 15px 35px rgba(18, 18, 18, 0.15);
    box-shadow: -5px 15px 35px rgba(18, 18, 18, 0.15);
    background-color: #fbfdff;
    border-radius: 10px;
    max-width: 350px;
    width: 100%;
}

.pricing-two .inner .head {
    margin-bottom: 40px;
    text-align: center;
}

.pricing-two .inner .head .icon {
    width: 145px;
    height: 150px;
    background-color: rgba(55, 161, 246, 0.05);
    border: 1px solid #37a1f6;
    border-top: 0px;
    border-bottom-right-radius: 500px;
    border-bottom-left-radius: 500px;
    margin: -40px auto 30px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 30px;
}

.pricing-two .inner .head .icon img {
    max-width: 100%;
}

.pricing-two .inner .head .info .title {
    line-height: 1;
    font-weight: 600;
    color: #666666;
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 10px;
}

.pricing-two .inner .head .info .title::before {
    content: "";
    position: absolute;
    left: 50%;
    margin-left: -15px;
    bottom: 0;
    height: 1px;
    width: 30px;
    background-color: #fd427c;
}

.pricing-two .inner .head .info .price {
    margin: 0;
    line-height: 1;
    font-size: 30px;
    color: #666666;
}

.pricing-two .inner .body {
    margin-bottom: 50px;
    padding-left: 10px;
    overflow: hidden;
}

.pricing-two .inner .body ul {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: left;
}

.pricing-two .inner .body ul li {
    position: relative;
    padding-left: 40px;
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 13px;
}

.pricing-two .inner .body ul li:last-child {
    margin-bottom: 0;
}

.pricing-two .inner .body ul li::before {
    position: absolute;
    left: 0;
    top: 0;
    content: "\f26b";
    font-family: "Material-Design-Iconic-Font";
    font-size: 26px;
    line-height: 26px;
    color: #29db2d;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (max-width: 767px) {
    .pricing-two {
        padding-left: 15px;
        padding-right: 15px;
        max-width: 380px;
    }
}

@media only screen and (max-width: 479px) {
    .pricing-two .inner {
        padding: 40px 30px 50px;
    }
    .pricing-two .inner .head .icon {
        width: 130px;
        height: 140px;
    }
}

/*Pricing Three*/

.pricing-three {
    max-width: 400px;
    width: 100%;
    padding-left: 25px;
    padding-right: 25px;
}

.pricing-three:nth-child(1) .body {
    background: #fb7da5;
    background: -webkit-linear-gradient(315deg, #fb7da5 0%, #d2b8e5 100%);
    background: -o-linear-gradient(315deg, #fb7da5 0%, #d2b8e5 100%);
    background: linear-gradient(135deg, #fb7da5 0%, #d2b8e5 100%);
}

.pricing-three:nth-child(2) .body {
    background: #37a1f6;
    background: -webkit-linear-gradient(315deg, #37a1f6 0%, #d2b8e5 100%);
    background: -o-linear-gradient(315deg, #37a1f6 0%, #d2b8e5 100%);
    background: linear-gradient(135deg, #37a1f6 0%, #d2b8e5 100%);
}

.pricing-three:nth-child(3) .body {
    background: #7dfb9b;
    background: -webkit-linear-gradient(315deg, #7dfb9b 0%, #d2b8e5 100%);
    background: -o-linear-gradient(315deg, #7dfb9b 0%, #d2b8e5 100%);
    background: linear-gradient(135deg, #7dfb9b 0%, #d2b8e5 100%);
}

.pricing-three:nth-child(4) .body {
    background: #fbaaa2;
    background: -webkit-linear-gradient(315deg, #fbaaa2 0%, #d2b8e5 100%);
    background: -o-linear-gradient(315deg, #fbaaa2 0%, #d2b8e5 100%);
    background: linear-gradient(135deg, #fbaaa2 0%, #d2b8e5 100%);
}

.pricing-three .inner {
    background-color: #ffffff;
    -webkit-box-shadow: -5px 15px 35px rgba(18, 18, 18, 0.15);
    box-shadow: -5px 15px 35px rgba(18, 18, 18, 0.15);
    border-radius: 10px;
    overflow: hidden;
    max-width: 350px;
    width: 100%;
    margin: auto;
}

.pricing-three .inner .body {
    border-radius: 10px;
    padding: 40px 30px;
    text-align: center;
}

.pricing-three .inner .body .title {
    font-size: 20px;
    line-height: 1;
    letter-spacing: 1px;
    font-weight: 600;
    color: #ffffff;
    margin-bottom: 18px;
}

.pricing-three .inner .body ul {
    text-align: left;
    display: inline-block;
    margin-bottom: 30px;
    list-style: none;
    padding: 0;
}

.pricing-three .inner .body ul li {
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    color: #ffffff;
    padding-left: 23px;
    position: relative;
    margin-bottom: 9px;
}

.pricing-three .inner .body ul li:last-child {
    margin-bottom: 0;
}

.pricing-three .inner .body ul li::before {
    position: absolute;
    left: 0;
    top: 1px;
    content: "\f26f";
    font-family: "Material-Design-Iconic-Font";
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: #ffffff;
}

.pricing-three .inner .body .price {
    margin: 0;
    line-height: 1;
    font-size: 50px;
    font-weight: 700;
    color: #ffffff;
}

.pricing-three .inner .foot {
    padding: 40px 30px;
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
    .pricing-three {
        padding-left: 15px;
        padding-right: 15px;
    }
}

/*Pricing Four*/

.pricing-four {
    max-width: 380px;
    width: 100%;
}

.pricing-four .inner {
    -webkit-box-shadow: 0 8px 50px rgba(18, 18, 18, 0.15);
    box-shadow: 0 8px 50px rgba(18, 18, 18, 0.15);
    border-radius: 10px;
    max-width: 350px;
    width: 100%;
    margin: auto;
}

.pricing-four .inner .head {
    padding: 30px 20px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.pricing-four .inner .head::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #000000;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    opacity: 0.3;
    z-index: -1;
}

.pricing-four .inner .head .left {
    width: 40%;
    position: relative;
}

.pricing-four .inner .head .left::before {
    content: "";
    position: absolute;
    right: 0;
    width: 1px;
    background-color: #ffffff;
    opacity: 0.3;
    top: 3px;
    bottom: 3px;
}

.pricing-four .inner .head .left .icon img {
    max-width: 100%;
}

.pricing-four .inner .head .left .title {
    font-size: 20px;
    line-height: 18px;
    color: #ffffff;
    margin-top: 15px;
    margin-bottom: 0;
}

.pricing-four .inner .head .right {
    width: 60%;
}

.pricing-four .inner .head .right .price {
    color: #ffffff;
    margin: 0;
    font-size: 36px;
    line-height: 1;
}

.pricing-four .inner .body {
    padding: 35px 30px;
    text-align: center;
}

.pricing-four .inner .body ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.pricing-four .inner .body ul li {
    margin-bottom: 25px;
}

.pricing-four .inner .body ul li:last-child {
    margin-bottom: 0;
}

.pricing-four .inner .body ul li h5 {
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
    color: #428bfa;
    margin-bottom: 10px;
}

.pricing-four .inner .body ul li p {
    font-size: 13px;
    line-height: 20px;
    color: #999999;
    max-width: 225px;
    margin: auto;
}

.pricing-four .inner .foot {
    padding: 0 30px 40px;
}

@media only screen and (max-width: 479px) {
    .pricing-four .inner .head .right .price {
        font-size: 30px;
    }
}

/*----------------------------------------*/

/*  19. Error CSS
/*----------------------------------------*/

/*Wrror 1 & 2 Wrapper*/

.error-wrap,
.error-wrap-2 {
    min-height: 100vh;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 50px 0;
}

.error-wrap .error-image,
.error-wrap-2 .error-image {
    margin-bottom: 20px;
}

.error-wrap .error-image img,
.error-wrap-2 .error-image img {
    max-width: 100%;
}

.error-wrap .error-content,
.error-wrap-2 .error-content {
    text-align: center;
}

.error-wrap .error-content .title,
.error-wrap-2 .error-content .title {
    font-weight: 700;
    margin-bottom: 20px;
}

.error-wrap .error-content h4,
.error-wrap-2 .error-content h4 {
    max-width: 770px;
    margin: auto;
    margin-bottom: 30px;
}

@media only screen and (min-width: 1200px) and (max-width: 1499px),
only screen and (min-width: 992px) and (max-width: 1199px) {
    .error-wrap .error-image,
    .error-wrap-2 .error-image {
        max-width: 800px;
        margin-left: auto;
        margin-right: auto;
    }
}

@media only screen and (max-width: 767px) {
    .error-wrap .error-content .title,
    .error-wrap-2 .error-content .title {
        font-size: 30px;
    }
    .error-wrap .error-content h4,
    .error-wrap-2 .error-content h4 {
        font-size: 16px;
    }
}

@media only screen and (max-width: 479px) {
    .error-wrap .error-content .title,
    .error-wrap-2 .error-content .title {
        font-size: 24px;
    }
    .error-wrap .error-content h4,
    .error-wrap-2 .error-content h4 {
        font-size: 14px;
    }
}

/*Wrror 2 Wrapper*/

.error-wrap-2 {
    background-image: url(../images/error/error-2.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.error-wrap-2 .error-content {
    text-align: left;
}

.error-wrap-2 .error-content .display-1 {
    display: block;
    font-size: 300px;
    line-height: 0.95;
    font-weight: 800;
    color: #ffffff;
    text-shadow: 20px 0 20px rgba(0, 0, 0, 0.1);
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px) {
    .error-wrap-2 .error-content .display-1 {
        font-size: 240px;
    }
}

@media only screen and (max-width: 767px) {
    .error-wrap-2 .error-content .display-1 {
        font-size: 200px;
    }
}

@media only screen and (max-width: 479px) {
    .error-wrap-2 .error-content .display-1 {
        font-size: 130px;
    }
}

/*----------------------------------------*/

/*  20. Footer CSS
/*----------------------------------------*/

.footer-section {
    background-color: #fafafa;
    z-index: 999;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    padding: 20px 0;
    margin-top: auto;
}

.customizer-wrapper {
    position: fixed;
    right: -300px;
    top: 0;
    height: 100%;
    padding: 40px 0;
    z-index: 99999;
    background-color: #ffffff;
    -webkit-box-shadow: 0 0px 10px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0px 10px 0 rgba(0, 0, 0, 0.1);
    width: 300px;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.customizer-wrapper.open {
    right: 0;
}

.customizer-wrapper .inner {
    padding: 0 30px;
    height: 100%;
}

.customizer-wrapper .inner .nav {
    margin: 0 -5px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    padding: 0;
}

.customizer-wrapper .inner .nav li {
    margin: 0 5px;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.customizer-wrapper .inner .nav li a {
    padding: 0 10px 5px;
    border-bottom: 3px solid #f1f1f1;
}

.customizer-wrapper .inner .nav li a.active,
.customizer-wrapper .inner .nav li a:hover {
    border-color: #428bfa;
    color: #428bfa;
}

.customizer-toggle {
    position: absolute;
    right: 100%;
    top: 25%;
    border: none;
    background-color: #ffffff;
    -webkit-box-shadow: -10px 0 10px 0 rgba(0, 0, 0, 0.1);
    box-shadow: -10px 0 10px 0 rgba(0, 0, 0, 0.1);
    padding: 10px;
}

.customizer-toggle i {
    line-height: 20px;
    font-size: 20px;
    display: block;
}

.dark-rtl-setting {
    margin-bottom: 30px;
}

.dark-rtl-setting .adomx-switch {
    margin-bottom: 20px;
    cursor: pointer;
}

.dark-rtl-setting .adomx-switch:last-child {
    margin-bottom: 0;
}

.cus-radio {
    display: block;
    position: relative;
    padding-left: 25px;
    padding-right: 0;
    line-height: 19px;
    margin: 0;
    cursor: default;
    background-color: transparent;
    border: none;
    text-transform: capitalize;
    margin-bottom: 15px;
}

.cus-radio:last-child {
    margin-bottom: 0;
}

.cus-radio.active .icon::before {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

.cus-radio .icon {
    width: 18px;
    height: 18px;
    display: block;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: #cccccc;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.cus-radio .icon::before {
    content: "";
    display: block;
    border-radius: 50%;
    position: absolute;
    left: 5px;
    top: 5px;
    width: 8px;
    height: 8px;
    background-color: #ffffff;
    opacity: 0;
    -webkit-transform: scale(3);
    -ms-transform: scale(3);
    transform: scale(3);
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.cus-radio.light .icon {
    background-color: #f1f1f1;
}

.cus-radio.dark .icon {
    background-color: #161824;
}

.cus-radio.primary .icon {
    background-color: #428bfa;
}

.cus-radio.secondary .icon {
    background-color: #fb7da4;
}

.cus-radio.indigo .icon {
    background-color: #4051B5;
}

.cus-radio.purple .icon {
    background-color: #9C27B0;
}

.cus-radio.pink .icon {
    background-color: #E91C63;
}

.cus-radio.red .icon {
    background-color: #F44336;
}

.cus-radio.brown .icon {
    background-color: #795548;
}

.cus-radio.orange .icon {
    background-color: #FF9800;
}

.cus-radio.green .icon {
    background-color: #4CAF50;
}

/*Dark & RTL Version Style*/

/*----------------------------------------*/

/*  21. Dark Skin (Dark Version) CSS
/*----------------------------------------*/

body.skin-dark {
    background-color: #202334;
    color: #8b8d9b;
    /*Search*/
    /*Pricing Three*/
    /*Pricing Four*/
}

body.skin-dark .text-body {
    color: #8b8d9b !important;
}

body.skin-dark .text-heading {
    color: #ffffff !important;
}

body.skin-dark h1,
body.skin-dark h2,
body.skin-dark h3,
body.skin-dark h4,
body.skin-dark h5,
body.skin-dark h6,
body.skin-dark .text-heading {
    color: #ffffff;
}

body.skin-dark hr {
    border-color: #333853;
}

body.skin-dark svg rect[height="1"] {
    fill: rgba(136, 136, 136, 0.2);
}

body.skin-dark svg rect[width="1"] {
    fill: rgba(136, 136, 136, 0.2);
}

body.skin-dark svg text {
    fill: #aaaaaa;
}

body.skin-dark .table {
    color: #8b8d9b;
}

body.skin-dark .table thead tr th {
    border-color: #292d44;
}

body.skin-dark .table tbody tr th,
body.skin-dark .table tbody tr td,
body.skin-dark .table tfoot tr th,
body.skin-dark .table tfoot tr td {
    border-color: #292d44;
}

body.skin-dark .adomx-dropdown-menu {
    background-color: #1c1e2d;
}

body.skin-dark .page-heading h3 span {
    color: #8b8d9b;
}

body.skin-dark .page-date-range .form-control,
body.skin-dark .page-date-range #toast-container .toast .toast-message input,
#toast-container .toast .toast-message body.skin-dark .page-date-range input,
body.skin-dark .page-date-range .dataTables_wrapper .dataTables_length label input,
.dataTables_wrapper .dataTables_length label body.skin-dark .page-date-range input,
body.skin-dark .page-date-range .dataTables_wrapper .dataTables_filter label input,
.dataTables_wrapper .dataTables_filter label body.skin-dark .page-date-range input,
body.skin-dark .page-date-range .dataTables_wrapper .dataTables_length label select,
.dataTables_wrapper .dataTables_length label body.skin-dark .page-date-range select,
body.skin-dark .page-date-range .dataTables_wrapper .dataTables_filter label select,
.dataTables_wrapper .dataTables_filter label body.skin-dark .page-date-range select,
.footable.table thead tr th .footable-filtering-search .input-group body.skin-dark .page-date-range .form-control,
body.skin-dark .page-date-range .jsgrid-grid-header table tr th input,
.jsgrid-grid-header table tr th body.skin-dark .page-date-range input,
body.skin-dark .page-date-range .jsgrid-grid-header table tr th select,
.jsgrid-grid-header table tr th body.skin-dark .page-date-range select,
body.skin-dark .page-date-range .jsgrid-grid-header table tr td input,
.jsgrid-grid-header table tr td body.skin-dark .page-date-range input,
body.skin-dark .page-date-range .jsgrid-grid-header table tr td select,
.jsgrid-grid-header table tr td body.skin-dark .page-date-range select,
body.skin-dark .page-date-range .footable.table thead tr th .footable-filtering-search .input-group .form-control,
body.skin-dark .footable.table thead tr th .footable-filtering-search .input-group .page-date-range .form-control,
body.skin-dark .page-date-range .jsgrid-table tr th input:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr th .page-date-range input:not(.jsgrid-button),
body.skin-dark .page-date-range .jsgrid-table tr td input:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr td .page-date-range input:not(.jsgrid-button),
body.skin-dark .page-date-range .jsgrid-table tr th select,
body.skin-dark .jsgrid-table tr th .page-date-range select,
body.skin-dark .page-date-range .jsgrid-table tr td select,
body.skin-dark .jsgrid-table tr td .page-date-range select {
    background-color: #161824;
}

body.skin-dark .page-date-range .form-control:focus,
body.skin-dark .page-date-range #toast-container .toast .toast-message input:focus,
#toast-container .toast .toast-message body.skin-dark .page-date-range input:focus,
body.skin-dark .page-date-range .dataTables_wrapper .dataTables_length label input:focus,
.dataTables_wrapper .dataTables_length label body.skin-dark .page-date-range input:focus,
body.skin-dark .page-date-range .dataTables_wrapper .dataTables_filter label input:focus,
.dataTables_wrapper .dataTables_filter label body.skin-dark .page-date-range input:focus,
body.skin-dark .page-date-range .dataTables_wrapper .dataTables_length label select:focus,
.dataTables_wrapper .dataTables_length label body.skin-dark .page-date-range select:focus,
body.skin-dark .page-date-range .dataTables_wrapper .dataTables_filter label select:focus,
.dataTables_wrapper .dataTables_filter label body.skin-dark .page-date-range select:focus,
.footable.table thead tr th .footable-filtering-search .input-group body.skin-dark .page-date-range .form-control:focus,
body.skin-dark .page-date-range .jsgrid-grid-header table tr th input:focus,
.jsgrid-grid-header table tr th body.skin-dark .page-date-range input:focus,
body.skin-dark .page-date-range .jsgrid-grid-header table tr th select:focus,
.jsgrid-grid-header table tr th body.skin-dark .page-date-range select:focus,
body.skin-dark .page-date-range .jsgrid-grid-header table tr td input:focus,
.jsgrid-grid-header table tr td body.skin-dark .page-date-range input:focus,
body.skin-dark .page-date-range .jsgrid-grid-header table tr td select:focus,
.jsgrid-grid-header table tr td body.skin-dark .page-date-range select:focus,
body.skin-dark .page-date-range .footable.table thead tr th .footable-filtering-search .input-group .form-control:focus,
body.skin-dark .footable.table thead tr th .footable-filtering-search .input-group .page-date-range .form-control:focus,
body.skin-dark .page-date-range .jsgrid-table tr th input:focus:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr th .page-date-range input:focus:not(.jsgrid-button),
body.skin-dark .page-date-range .jsgrid-table tr td input:focus:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr td .page-date-range input:focus:not(.jsgrid-button),
body.skin-dark .page-date-range .jsgrid-table tr th select:focus,
body.skin-dark .jsgrid-table tr th .page-date-range select:focus,
body.skin-dark .page-date-range .jsgrid-table tr td select:focus,
body.skin-dark .jsgrid-table tr td .page-date-range select:focus {
    background-color: #161824;
}

body.skin-dark .box {
    background-color: #161824;
}

body.skin-dark .box .box-head {
    border-bottom-color: #292d44;
}

body.skin-dark:not([class*="header-top-"]) .header-section {
    background-color: #161824;
}

body.skin-dark:not([class*="header-top-"]) .header-logo a img {
    opacity: 0;
    visibility: hidden;
}

body.skin-dark:not([class*="header-top-"]) .header-logo a img.logo-light {
    opacity: 1;
    visibility: visible;
}

@media only screen and (max-width: 575px) {
    body.skin-dark:not([class*="header-top-"]) .header-logo {
        border-color: #292d44;
    }
}

body.skin-dark:not([class*="header-top-"]) .side-header-toggle {
    color: #8b8d9b;
}

body.skin-dark:not([class*="header-top-"]) .side-header-toggle:hover {
    color: #428bfa;
}

body.skin-dark:not([class*="header-top-"]) .header-search-open {
    color: #8b8d9b;
}

body.skin-dark:not([class*="header-top-"]) .header-search-open:hover {
    color: #428bfa;
}

body.skin-dark:not([class*="header-top-"]) .header-search-form form input {
    background-color: #202334;
    color: #8b8d9b;
}

body.skin-dark:not([class*="header-top-"]) .header-search-form form button {
    color: #8b8d9b;
}

body.skin-dark:not([class*="header-top-"]) .header-search-form form button:hover {
    color: #428bfa;
}

body.skin-dark:not([class*="header-top-"]) .header-search-form .header-search-close {
    background-color: #161824;
    color: #8b8d9b;
}

body.skin-dark:not([class*="header-top-"]) .header-search-form .header-search-close:hover {
    color: #428bfa;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (max-width: 767px) {
    body.skin-dark:not([class*="header-top-"]) .header-search-form {
        background-color: #202334;
    }
}

body.skin-dark:not([class*="header-top-"]) .dropdown-menu-mail .body ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

body.skin-dark:not([class*="header-top-"]) .dropdown-menu-mail .body ul li {
    margin: 0;
    border-bottom: 1px solid #292d44;
}

body.skin-dark:not([class*="header-top-"]) .dropdown-menu-mail .body ul li:last-child {
    border-bottom: none;
}

body.skin-dark:not([class*="header-top-"]) .dropdown-menu-mail .body ul li a:hover {
    background-color: #292d44;
}

body.skin-dark:not([class*="header-top-"]) .dropdown-menu-mail .body ul li a .content p {
    color: #8b8d9b;
}

body.skin-dark:not([class*="header-top-"]) .dropdown-menu-mail .body ul li a .reply {
    color: #8b8d9b;
}

body.skin-dark:not([class*="header-top-"]) .dropdown-menu-user .body ul {
    border-top-color: #333853;
}

body.skin-dark:not([class*="header-top-"]) .header-notification-area>li>a {
    color: #8b8d9b;
}

body.skin-dark:not([class*="header-top-"]) .header-notification-area>li>a:hover {
    color: #428bfa;
}

body.skin-dark:not([class*="header-top-"]) .header-notification-area>li>a .user .avatar .status {
    border-color: #202334;
    -webkit-box-shadow: 0 0 2px #202334;
    box-shadow: 0 0 2px #202334;
}

body.skin-dark:not([class*="header-top-"]) .header-notification-area>li>a .user .name {
    color: #8b8d9b;
}

body.skin-dark .top-report {
    background-color: #161824;
    /*-- Content --*/
    /*-- Footer --*/
}

body.skin-dark .top-report .content h5 {
    color: #8b8d9b;
}

body.skin-dark .top-report .content h2 {
    color: #8b8d9b;
}

body.skin-dark .top-report .footer .progess {
    background-color: #202334;
}

body.skin-dark .top-report.top-report-2 {
    /*-- Content --*/
}

body.skin-dark .top-report.top-report-2 .content h2 {
    color: #ffffff;
}

body.skin-dark .todo-list li {
    border-color: #292d44;
}

body.skin-dark .todo-list li .list-action button {
    color: #8b8d9b;
}

body.skin-dark .todo-list-add-new label .icon {
    color: #8b8d9b;
}

body.skin-dark .todo-list-add-new input {
    color: #8b8d9b;
}

body.skin-dark .chat-app-wrap {
    background-color: #161824;
}

body.skin-dark .chat-app-wrap .chat-contacts-open {
    background-color: #202334;
}

body.skin-dark .chat-app-wrap .chat-contacts-open:hover {
    background-color: #428bfa;
}

body.skin-dark .chat-app-wrap .chat-contacts {
    border-color: #292d44 !important;
    background-color: #161824;
}

body.skin-dark .chat-app-wrap .chat-contacts .chat-contacts-close {
    background-color: #202334;
}

body.skin-dark .chat-app-wrap .chat-contacts .chat-contacts-close:hover {
    background-color: #428bfa;
}

body.skin-dark .chat-app-wrap .contact-search-form {
    border-color: #292d44;
}

body.skin-dark .chat-app-wrap .contact-search-form form input {
    color: #8b8d9b;
}

body.skin-dark .chat-active-contact {
    border-color: #292d44;
}

body.skin-dark .chat .head span,
body.skin-dark .widget-chat .head span {
    color: #8b8d9b;
}

body.skin-dark .chat .body .content,
body.skin-dark .widget-chat .body .content {
    background-color: #202334;
}

body.skin-dark .chat .body .content p,
body.skin-dark .widget-chat .body .content p {
    color: #8b8d9b;
}

body.skin-dark .chat-submission,
body.skin-dark .widget-chat-submission {
    border-color: #292d44 !important;
}

body.skin-dark .chat-submission form input,
body.skin-dark .widget-chat-submission form input {
    color: #8b8d9b;
}

body.skin-dark .mail-wrapper {
    background-color: #161824;
}

body.skin-dark .mail-menu {
    border-color: #292d44 !important;
}

body.skin-dark .mail-menu ul li a i {
    color: #8b8d9b;
}

@media only screen and (max-width: 767px) {
    body.skin-dark .mail-menu {
        border-color: #292d44;
    }
}

body.skin-dark .mail-options {
    border-color: #292d44;
}

body.skin-dark .mail-options .mail-options-group::before {
    background-color: #292d44;
}

body.skin-dark .mail-list {
    padding: 30px;
}

body.skin-dark .mail-list .mail::after {
    background-color: #292d44;
}

body.skin-dark .mail-list .mail .left button {
    color: #8b8d9b;
}

body.skin-dark .mail-list .mail .right button {
    color: #8b8d9b;
}

body.skin-dark .mail-list .mail .right button:hover {
    color: #428bfa;
}

body.skin-dark .mail-list .mail .right button.mail-button-delete:hover {
    color: #fd427c;
}

body.skin-dark .single-mail {
    /*Top*/
}

body.skin-dark .single-mail .top {
    border-color: #292d44;
}

body.skin-dark .todo-list-wrapper {
    background-color: #161824;
}

body.skin-dark .todo-list-menu {
    border-color: #292d44 !important;
}

body.skin-dark .todo-list-menu ul li a i {
    color: #8b8d9b;
}

body.skin-dark .todo-list-search {
    border-color: #292d44;
}

body.skin-dark .todo-list-search form input {
    color: #8b8d9b;
}

body.skin-dark .todo-list-search form input::-webkit-input-placeholder {
    color: #8b8d9b;
}

body.skin-dark .todo-list-search form input:-moz-placeholder {
    color: #8b8d9b;
}

body.skin-dark .todo-list-search form input::-moz-placeholder {
    color: #8b8d9b;
}

body.skin-dark .todo-list-search form input:-ms-input-placeholder {
    color: #8b8d9b;
}

body.skin-dark .news-item .title a {
    color: rgba(255, 255, 255, 0.75);
}

body.skin-dark .news-item .title a:hover {
    color: #428bfa;
}

body.skin-dark .news-item .meta li {
    color: #8b8d9b;
}

body.skin-dark .footer-section {
    background-color: #161824;
}

body.skin-dark .alert {
    color: #8b8d9b;
}

body.skin-dark .alert[class*="alert-solid"] {
    color: #ffffff;
}

body.skin-dark .accordion .card {
    background-color: #202334;
}

body.skin-dark .accordion .card .card-header h2 button {
    border-bottom-color: #333853;
}

body.skin-dark .accordion .card .card-header h2 button.collapsed {
    border-bottom-color: transparent;
}

body.skin-dark .accordion.accordion-icon .card .card-header h2 button::before,
body.skin-dark .accordion.accordion-icon .card .card-header h2 button::after {
    background-color: #8b8d9b;
}

body.skin-dark .list-group li,
body.skin-dark .list-group .list-group-item {
    background-color: #202334;
    border-top-color: #333853;
}

body.skin-dark .list-group li:first-child,
body.skin-dark .list-group .list-group-item:first-child {
    border-top-color: transparent;
}

body.skin-dark .list-group li.active,
body.skin-dark .list-group .list-group-item.active {
    background-color: #428bfa;
    border-color: #428bfa;
}

body.skin-dark .modal .close span {
    color: #8b8d9b;
}

body.skin-dark .modal .modal-dialog .modal-content {
    background-color: #161824;
}

body.skin-dark .modal .modal-dialog .modal-content .modal-header {
    border-bottom-color: #333853;
}

body.skin-dark .modal .modal-dialog .modal-content .modal-footer {
    border-top-color: #333853;
}

body.skin-dark .pagination .page-item .page-link {
    color: #8b8d9b;
    border-color: #8b8d9b;
}

body.skin-dark .pagination .page-item .page-link:hover {
    border-color: #428bfa;
    color: #ffffff;
}

body.skin-dark .pagination .page-item.active .page-link {
    border-color: #428bfa;
    color: #ffffff;
}

body.skin-dark .progress {
    background-color: #202334;
}

body.skin-dark .nav-tabs .nav-item .nav-link {
    border-color: #333853;
}

body.skin-dark .nav-tabs .nav-item .nav-link.active {
    border-color: #428bfa;
}

body.skin-dark .fullcalendar .fc-toolbar .fc-button {
    border-color: #8b8d9b;
}

body.skin-dark .fullcalendar .fc-toolbar .fc-button:hover {
    border-color: #428bfa;
}

body.skin-dark .fullcalendar .fc-toolbar .fc-button.fc-state-active {
    border-color: #428bfa;
}

body.skin-dark .fullcalendar .fc-view-container .fc-event-container .fc-event {
    background-color: #202334;
}

body.skin-dark .fullcalendar .fc-view-container .fc-event-container .fc-event.fc-event-primary {
    background-color: #428bfa;
}

body.skin-dark .fullcalendar .fc-view-container .fc-event-container .fc-event.fc-event-secondary {
    background-color: #fb7da4;
}

body.skin-dark .fullcalendar .fc-view-container .fc-event-container .fc-event.fc-event-success {
    background-color: #29db2d;
}

body.skin-dark .fullcalendar .fc-view-container .fc-event-container .fc-event.fc-event-danger {
    background-color: #fd427c;
}

body.skin-dark .fullcalendar .fc-view-container .fc-event-container .fc-event.fc-event-warning {
    background-color: #ff9666;
}

body.skin-dark .fullcalendar .fc-view-container .fc-event-container .fc-event.fc-event-info {
    background-color: #17a2b8;
}

body.skin-dark .fullcalendar .fc-view-container thead,
body.skin-dark .fullcalendar .fc-view-container tbody {
    border-color: transparent;
}

body.skin-dark .fullcalendar .fc-view-container thead tr th,
body.skin-dark .fullcalendar .fc-view-container thead tr td,
body.skin-dark .fullcalendar .fc-view-container tbody tr th,
body.skin-dark .fullcalendar .fc-view-container tbody tr td {
    border-color: #292d44 !important;
}

body.skin-dark #toastrOptions {
    border-color: #292d44;
    color: #8b8d9b;
}

body.skin-dark .icon-list-wrap {
    border-color: #292d44;
    border-color: #292d44;
}

body.skin-dark .icon-list-wrap [class*="col-"] {
    border-color: #292d44;
    border-color: #292d44;
}

body.skin-dark .form-control,
body.skin-dark #toast-container .toast .toast-message input,
#toast-container .toast .toast-message body.skin-dark input,
body.skin-dark .dataTables_wrapper .dataTables_length label input,
.dataTables_wrapper .dataTables_length label body.skin-dark input,
body.skin-dark .dataTables_wrapper .dataTables_filter label input,
.dataTables_wrapper .dataTables_filter label body.skin-dark input,
body.skin-dark .dataTables_wrapper .dataTables_length label select,
.dataTables_wrapper .dataTables_length label body.skin-dark select,
body.skin-dark .dataTables_wrapper .dataTables_filter label select,
.dataTables_wrapper .dataTables_filter label body.skin-dark select,
.footable.table thead tr th .footable-filtering-search .input-group body.skin-dark .form-control,
body.skin-dark .jsgrid-grid-header table tr th input,
.jsgrid-grid-header table tr th body.skin-dark input,
body.skin-dark .jsgrid-grid-header table tr th select,
.jsgrid-grid-header table tr th body.skin-dark select,
body.skin-dark .jsgrid-grid-header table tr td input,
.jsgrid-grid-header table tr td body.skin-dark input,
body.skin-dark .jsgrid-grid-header table tr td select,
.jsgrid-grid-header table tr td body.skin-dark select,
body.skin-dark .footable.table thead tr th .footable-filtering-search .input-group .form-control,
body.skin-dark .jsgrid-table tr th input:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr td input:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr th select,
body.skin-dark .jsgrid-table tr td select {
    max-width: 100%;
    background-color: #202334;
    border-color: transparent;
    color: #8b8d9b;
}

body.skin-dark .form-control:focus,
body.skin-dark #toast-container .toast .toast-message input:focus,
#toast-container .toast .toast-message body.skin-dark input:focus,
body.skin-dark .dataTables_wrapper .dataTables_length label input:focus,
.dataTables_wrapper .dataTables_length label body.skin-dark input:focus,
body.skin-dark .dataTables_wrapper .dataTables_filter label input:focus,
.dataTables_wrapper .dataTables_filter label body.skin-dark input:focus,
body.skin-dark .dataTables_wrapper .dataTables_length label select:focus,
.dataTables_wrapper .dataTables_length label body.skin-dark select:focus,
body.skin-dark .dataTables_wrapper .dataTables_filter label select:focus,
.dataTables_wrapper .dataTables_filter label body.skin-dark select:focus,
.footable.table thead tr th .footable-filtering-search .input-group body.skin-dark .form-control:focus,
body.skin-dark .jsgrid-grid-header table tr th input:focus,
.jsgrid-grid-header table tr th body.skin-dark input:focus,
body.skin-dark .jsgrid-grid-header table tr th select:focus,
.jsgrid-grid-header table tr th body.skin-dark select:focus,
body.skin-dark .jsgrid-grid-header table tr td input:focus,
.jsgrid-grid-header table tr td body.skin-dark input:focus,
body.skin-dark .jsgrid-grid-header table tr td select:focus,
.jsgrid-grid-header table tr td body.skin-dark select:focus,
body.skin-dark .footable.table thead tr th .footable-filtering-search .input-group .form-control:focus,
body.skin-dark .jsgrid-table tr th input:focus:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr td input:focus:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr th select:focus,
body.skin-dark .jsgrid-table tr td select:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: #428bfa;
    background-color: #202334;
}

body.skin-dark .form-control[readonly],
body.skin-dark #toast-container .toast .toast-message input[readonly],
#toast-container .toast .toast-message body.skin-dark input[readonly],
body.skin-dark .dataTables_wrapper .dataTables_length label input[readonly],
.dataTables_wrapper .dataTables_length label body.skin-dark input[readonly],
body.skin-dark .dataTables_wrapper .dataTables_filter label input[readonly],
.dataTables_wrapper .dataTables_filter label body.skin-dark input[readonly],
body.skin-dark .dataTables_wrapper .dataTables_length label select[readonly],
.dataTables_wrapper .dataTables_length label body.skin-dark select[readonly],
body.skin-dark .dataTables_wrapper .dataTables_filter label select[readonly],
.dataTables_wrapper .dataTables_filter label body.skin-dark select[readonly],
.footable.table thead tr th .footable-filtering-search .input-group body.skin-dark .form-control[readonly],
body.skin-dark .jsgrid-grid-header table tr th input[readonly],
.jsgrid-grid-header table tr th body.skin-dark input[readonly],
body.skin-dark .jsgrid-grid-header table tr th select[readonly],
.jsgrid-grid-header table tr th body.skin-dark select[readonly],
body.skin-dark .jsgrid-grid-header table tr td input[readonly],
.jsgrid-grid-header table tr td body.skin-dark input[readonly],
body.skin-dark .jsgrid-grid-header table tr td select[readonly],
.jsgrid-grid-header table tr td body.skin-dark select[readonly],
body.skin-dark .footable.table thead tr th .footable-filtering-search .input-group .form-control[readonly],
body.skin-dark .jsgrid-table tr th input[readonly]:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr td input[readonly]:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr th select[readonly],
body.skin-dark .jsgrid-table tr td select[readonly],
body.skin-dark .form-control[disabled],
body.skin-dark #toast-container .toast .toast-message input[disabled],
#toast-container .toast .toast-message body.skin-dark input[disabled],
body.skin-dark .dataTables_wrapper .dataTables_length label input[disabled],
.dataTables_wrapper .dataTables_length label body.skin-dark input[disabled],
body.skin-dark .dataTables_wrapper .dataTables_filter label input[disabled],
.dataTables_wrapper .dataTables_filter label body.skin-dark input[disabled],
body.skin-dark .dataTables_wrapper .dataTables_length label select[disabled],
.dataTables_wrapper .dataTables_length label body.skin-dark select[disabled],
body.skin-dark .dataTables_wrapper .dataTables_filter label select[disabled],
.dataTables_wrapper .dataTables_filter label body.skin-dark select[disabled],
.footable.table thead tr th .footable-filtering-search .input-group body.skin-dark .form-control[disabled],
body.skin-dark .jsgrid-grid-header table tr th input[disabled],
.jsgrid-grid-header table tr th body.skin-dark input[disabled],
body.skin-dark .jsgrid-grid-header table tr th select[disabled],
.jsgrid-grid-header table tr th body.skin-dark select[disabled],
body.skin-dark .jsgrid-grid-header table tr td input[disabled],
.jsgrid-grid-header table tr td body.skin-dark input[disabled],
body.skin-dark .jsgrid-grid-header table tr td select[disabled],
.jsgrid-grid-header table tr td body.skin-dark select[disabled],
body.skin-dark .footable.table thead tr th .footable-filtering-search .input-group .form-control[disabled],
body.skin-dark .jsgrid-table tr th input[disabled]:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr td input[disabled]:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr th select[disabled],
body.skin-dark .jsgrid-table tr td select[disabled] {
    border-color: transparent;
    background-color: #333853;
}

body.skin-dark .form-control.dark,
body.skin-dark #toast-container .toast .toast-message input.dark,
#toast-container .toast .toast-message body.skin-dark input.dark,
body.skin-dark .dataTables_wrapper .dataTables_length label input.dark,
.dataTables_wrapper .dataTables_length label body.skin-dark input.dark,
body.skin-dark .dataTables_wrapper .dataTables_filter label input.dark,
.dataTables_wrapper .dataTables_filter label body.skin-dark input.dark,
body.skin-dark .dataTables_wrapper .dataTables_length label select.dark,
.dataTables_wrapper .dataTables_length label body.skin-dark select.dark,
body.skin-dark .dataTables_wrapper .dataTables_filter label select.dark,
.dataTables_wrapper .dataTables_filter label body.skin-dark select.dark,
.footable.table thead tr th .footable-filtering-search .input-group body.skin-dark .dark.form-control,
body.skin-dark .jsgrid-grid-header table tr th input.dark,
.jsgrid-grid-header table tr th body.skin-dark input.dark,
body.skin-dark .jsgrid-grid-header table tr th select.dark,
.jsgrid-grid-header table tr th body.skin-dark select.dark,
body.skin-dark .jsgrid-grid-header table tr td input.dark,
.jsgrid-grid-header table tr td body.skin-dark input.dark,
body.skin-dark .jsgrid-grid-header table tr td select.dark,
.jsgrid-grid-header table tr td body.skin-dark select.dark,
body.skin-dark .footable.table thead tr th .footable-filtering-search .input-group .dark.form-control,
body.skin-dark .jsgrid-table tr th input.dark:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr td input.dark:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr th select.dark,
body.skin-dark .jsgrid-table tr td select.dark,
body.skin-dark .form-control.focus-dark:focus,
body.skin-dark #toast-container .toast .toast-message input.focus-dark:focus,
#toast-container .toast .toast-message body.skin-dark input.focus-dark:focus,
body.skin-dark .dataTables_wrapper .dataTables_length label input.focus-dark:focus,
.dataTables_wrapper .dataTables_length label body.skin-dark input.focus-dark:focus,
body.skin-dark .dataTables_wrapper .dataTables_filter label input.focus-dark:focus,
.dataTables_wrapper .dataTables_filter label body.skin-dark input.focus-dark:focus,
body.skin-dark .dataTables_wrapper .dataTables_length label select.focus-dark:focus,
.dataTables_wrapper .dataTables_length label body.skin-dark select.focus-dark:focus,
body.skin-dark .dataTables_wrapper .dataTables_filter label select.focus-dark:focus,
.dataTables_wrapper .dataTables_filter label body.skin-dark select.focus-dark:focus,
.footable.table thead tr th .footable-filtering-search .input-group body.skin-dark .focus-dark.form-control:focus,
body.skin-dark .jsgrid-grid-header table tr th input.focus-dark:focus,
.jsgrid-grid-header table tr th body.skin-dark input.focus-dark:focus,
body.skin-dark .jsgrid-grid-header table tr th select.focus-dark:focus,
.jsgrid-grid-header table tr th body.skin-dark select.focus-dark:focus,
body.skin-dark .jsgrid-grid-header table tr td input.focus-dark:focus,
.jsgrid-grid-header table tr td body.skin-dark input.focus-dark:focus,
body.skin-dark .jsgrid-grid-header table tr td select.focus-dark:focus,
.jsgrid-grid-header table tr td body.skin-dark select.focus-dark:focus,
body.skin-dark .footable.table thead tr th .footable-filtering-search .input-group .focus-dark.form-control:focus,
body.skin-dark .jsgrid-table tr th input.focus-dark:focus:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr td input.focus-dark:focus:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr th select.focus-dark:focus,
body.skin-dark .jsgrid-table tr td select.focus-dark:focus {
    border-color: #202334;
}

body.skin-dark .form-control.primary,
body.skin-dark #toast-container .toast .toast-message input.primary,
#toast-container .toast .toast-message body.skin-dark input.primary,
body.skin-dark .dataTables_wrapper .dataTables_length label input.primary,
.dataTables_wrapper .dataTables_length label body.skin-dark input.primary,
body.skin-dark .dataTables_wrapper .dataTables_filter label input.primary,
.dataTables_wrapper .dataTables_filter label body.skin-dark input.primary,
body.skin-dark .dataTables_wrapper .dataTables_length label select.primary,
.dataTables_wrapper .dataTables_length label body.skin-dark select.primary,
body.skin-dark .dataTables_wrapper .dataTables_filter label select.primary,
.dataTables_wrapper .dataTables_filter label body.skin-dark select.primary,
.footable.table thead tr th .footable-filtering-search .input-group body.skin-dark .primary.form-control,
body.skin-dark .jsgrid-grid-header table tr th input.primary,
.jsgrid-grid-header table tr th body.skin-dark input.primary,
body.skin-dark .jsgrid-grid-header table tr th select.primary,
.jsgrid-grid-header table tr th body.skin-dark select.primary,
body.skin-dark .jsgrid-grid-header table tr td input.primary,
.jsgrid-grid-header table tr td body.skin-dark input.primary,
body.skin-dark .jsgrid-grid-header table tr td select.primary,
.jsgrid-grid-header table tr td body.skin-dark select.primary,
body.skin-dark .footable.table thead tr th .footable-filtering-search .input-group .primary.form-control,
body.skin-dark .jsgrid-table tr th input.primary:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr td input.primary:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr th select.primary,
body.skin-dark .jsgrid-table tr td select.primary,
body.skin-dark .form-control.focus-primary:focus,
body.skin-dark #toast-container .toast .toast-message input.focus-primary:focus,
#toast-container .toast .toast-message body.skin-dark input.focus-primary:focus,
body.skin-dark .dataTables_wrapper .dataTables_length label input.focus-primary:focus,
.dataTables_wrapper .dataTables_length label body.skin-dark input.focus-primary:focus,
body.skin-dark .dataTables_wrapper .dataTables_filter label input.focus-primary:focus,
.dataTables_wrapper .dataTables_filter label body.skin-dark input.focus-primary:focus,
body.skin-dark .dataTables_wrapper .dataTables_length label select.focus-primary:focus,
.dataTables_wrapper .dataTables_length label body.skin-dark select.focus-primary:focus,
body.skin-dark .dataTables_wrapper .dataTables_filter label select.focus-primary:focus,
.dataTables_wrapper .dataTables_filter label body.skin-dark select.focus-primary:focus,
.footable.table thead tr th .footable-filtering-search .input-group body.skin-dark .focus-primary.form-control:focus,
body.skin-dark .jsgrid-grid-header table tr th input.focus-primary:focus,
.jsgrid-grid-header table tr th body.skin-dark input.focus-primary:focus,
body.skin-dark .jsgrid-grid-header table tr th select.focus-primary:focus,
.jsgrid-grid-header table tr th body.skin-dark select.focus-primary:focus,
body.skin-dark .jsgrid-grid-header table tr td input.focus-primary:focus,
.jsgrid-grid-header table tr td body.skin-dark input.focus-primary:focus,
body.skin-dark .jsgrid-grid-header table tr td select.focus-primary:focus,
.jsgrid-grid-header table tr td body.skin-dark select.focus-primary:focus,
body.skin-dark .footable.table thead tr th .footable-filtering-search .input-group .focus-primary.form-control:focus,
body.skin-dark .jsgrid-table tr th input.focus-primary:focus:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr td input.focus-primary:focus:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr th select.focus-primary:focus,
body.skin-dark .jsgrid-table tr td select.focus-primary:focus {
    border-color: #428bfa;
}

body.skin-dark .form-control.secondary,
body.skin-dark #toast-container .toast .toast-message input.secondary,
#toast-container .toast .toast-message body.skin-dark input.secondary,
body.skin-dark .dataTables_wrapper .dataTables_length label input.secondary,
.dataTables_wrapper .dataTables_length label body.skin-dark input.secondary,
body.skin-dark .dataTables_wrapper .dataTables_filter label input.secondary,
.dataTables_wrapper .dataTables_filter label body.skin-dark input.secondary,
body.skin-dark .dataTables_wrapper .dataTables_length label select.secondary,
.dataTables_wrapper .dataTables_length label body.skin-dark select.secondary,
body.skin-dark .dataTables_wrapper .dataTables_filter label select.secondary,
.dataTables_wrapper .dataTables_filter label body.skin-dark select.secondary,
.footable.table thead tr th .footable-filtering-search .input-group body.skin-dark .secondary.form-control,
body.skin-dark .jsgrid-grid-header table tr th input.secondary,
.jsgrid-grid-header table tr th body.skin-dark input.secondary,
body.skin-dark .jsgrid-grid-header table tr th select.secondary,
.jsgrid-grid-header table tr th body.skin-dark select.secondary,
body.skin-dark .jsgrid-grid-header table tr td input.secondary,
.jsgrid-grid-header table tr td body.skin-dark input.secondary,
body.skin-dark .jsgrid-grid-header table tr td select.secondary,
.jsgrid-grid-header table tr td body.skin-dark select.secondary,
body.skin-dark .footable.table thead tr th .footable-filtering-search .input-group .secondary.form-control,
body.skin-dark .jsgrid-table tr th input.secondary:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr td input.secondary:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr th select.secondary,
body.skin-dark .jsgrid-table tr td select.secondary,
body.skin-dark .form-control.focus-secondary:focus,
body.skin-dark #toast-container .toast .toast-message input.focus-secondary:focus,
#toast-container .toast .toast-message body.skin-dark input.focus-secondary:focus,
body.skin-dark .dataTables_wrapper .dataTables_length label input.focus-secondary:focus,
.dataTables_wrapper .dataTables_length label body.skin-dark input.focus-secondary:focus,
body.skin-dark .dataTables_wrapper .dataTables_filter label input.focus-secondary:focus,
.dataTables_wrapper .dataTables_filter label body.skin-dark input.focus-secondary:focus,
body.skin-dark .dataTables_wrapper .dataTables_length label select.focus-secondary:focus,
.dataTables_wrapper .dataTables_length label body.skin-dark select.focus-secondary:focus,
body.skin-dark .dataTables_wrapper .dataTables_filter label select.focus-secondary:focus,
.dataTables_wrapper .dataTables_filter label body.skin-dark select.focus-secondary:focus,
.footable.table thead tr th .footable-filtering-search .input-group body.skin-dark .focus-secondary.form-control:focus,
body.skin-dark .jsgrid-grid-header table tr th input.focus-secondary:focus,
.jsgrid-grid-header table tr th body.skin-dark input.focus-secondary:focus,
body.skin-dark .jsgrid-grid-header table tr th select.focus-secondary:focus,
.jsgrid-grid-header table tr th body.skin-dark select.focus-secondary:focus,
body.skin-dark .jsgrid-grid-header table tr td input.focus-secondary:focus,
.jsgrid-grid-header table tr td body.skin-dark input.focus-secondary:focus,
body.skin-dark .jsgrid-grid-header table tr td select.focus-secondary:focus,
.jsgrid-grid-header table tr td body.skin-dark select.focus-secondary:focus,
body.skin-dark .footable.table thead tr th .footable-filtering-search .input-group .focus-secondary.form-control:focus,
body.skin-dark .jsgrid-table tr th input.focus-secondary:focus:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr td input.focus-secondary:focus:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr th select.focus-secondary:focus,
body.skin-dark .jsgrid-table tr td select.focus-secondary:focus {
    border-color: #fb7da4;
}

body.skin-dark .form-control.success,
body.skin-dark #toast-container .toast .toast-message input.success,
#toast-container .toast .toast-message body.skin-dark input.success,
body.skin-dark .dataTables_wrapper .dataTables_length label input.success,
.dataTables_wrapper .dataTables_length label body.skin-dark input.success,
body.skin-dark .dataTables_wrapper .dataTables_filter label input.success,
.dataTables_wrapper .dataTables_filter label body.skin-dark input.success,
body.skin-dark .dataTables_wrapper .dataTables_length label select.success,
.dataTables_wrapper .dataTables_length label body.skin-dark select.success,
body.skin-dark .dataTables_wrapper .dataTables_filter label select.success,
.dataTables_wrapper .dataTables_filter label body.skin-dark select.success,
.footable.table thead tr th .footable-filtering-search .input-group body.skin-dark .success.form-control,
body.skin-dark .jsgrid-grid-header table tr th input.success,
.jsgrid-grid-header table tr th body.skin-dark input.success,
body.skin-dark .jsgrid-grid-header table tr th select.success,
.jsgrid-grid-header table tr th body.skin-dark select.success,
body.skin-dark .jsgrid-grid-header table tr td input.success,
.jsgrid-grid-header table tr td body.skin-dark input.success,
body.skin-dark .jsgrid-grid-header table tr td select.success,
.jsgrid-grid-header table tr td body.skin-dark select.success,
body.skin-dark .footable.table thead tr th .footable-filtering-search .input-group .success.form-control,
body.skin-dark .jsgrid-table tr th input.success:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr td input.success:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr th select.success,
body.skin-dark .jsgrid-table tr td select.success,
body.skin-dark .form-control.focus-success:focus,
body.skin-dark #toast-container .toast .toast-message input.focus-success:focus,
#toast-container .toast .toast-message body.skin-dark input.focus-success:focus,
body.skin-dark .dataTables_wrapper .dataTables_length label input.focus-success:focus,
.dataTables_wrapper .dataTables_length label body.skin-dark input.focus-success:focus,
body.skin-dark .dataTables_wrapper .dataTables_filter label input.focus-success:focus,
.dataTables_wrapper .dataTables_filter label body.skin-dark input.focus-success:focus,
body.skin-dark .dataTables_wrapper .dataTables_length label select.focus-success:focus,
.dataTables_wrapper .dataTables_length label body.skin-dark select.focus-success:focus,
body.skin-dark .dataTables_wrapper .dataTables_filter label select.focus-success:focus,
.dataTables_wrapper .dataTables_filter label body.skin-dark select.focus-success:focus,
.footable.table thead tr th .footable-filtering-search .input-group body.skin-dark .focus-success.form-control:focus,
body.skin-dark .jsgrid-grid-header table tr th input.focus-success:focus,
.jsgrid-grid-header table tr th body.skin-dark input.focus-success:focus,
body.skin-dark .jsgrid-grid-header table tr th select.focus-success:focus,
.jsgrid-grid-header table tr th body.skin-dark select.focus-success:focus,
body.skin-dark .jsgrid-grid-header table tr td input.focus-success:focus,
.jsgrid-grid-header table tr td body.skin-dark input.focus-success:focus,
body.skin-dark .jsgrid-grid-header table tr td select.focus-success:focus,
.jsgrid-grid-header table tr td body.skin-dark select.focus-success:focus,
body.skin-dark .footable.table thead tr th .footable-filtering-search .input-group .focus-success.form-control:focus,
body.skin-dark .jsgrid-table tr th input.focus-success:focus:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr td input.focus-success:focus:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr th select.focus-success:focus,
body.skin-dark .jsgrid-table tr td select.focus-success:focus {
    border-color: #29db2d;
}

body.skin-dark .form-control.danger,
body.skin-dark #toast-container .toast .toast-message input.danger,
#toast-container .toast .toast-message body.skin-dark input.danger,
body.skin-dark .dataTables_wrapper .dataTables_length label input.danger,
.dataTables_wrapper .dataTables_length label body.skin-dark input.danger,
body.skin-dark .dataTables_wrapper .dataTables_filter label input.danger,
.dataTables_wrapper .dataTables_filter label body.skin-dark input.danger,
body.skin-dark .dataTables_wrapper .dataTables_length label select.danger,
.dataTables_wrapper .dataTables_length label body.skin-dark select.danger,
body.skin-dark .dataTables_wrapper .dataTables_filter label select.danger,
.dataTables_wrapper .dataTables_filter label body.skin-dark select.danger,
.footable.table thead tr th .footable-filtering-search .input-group body.skin-dark .danger.form-control,
body.skin-dark .jsgrid-grid-header table tr th input.danger,
.jsgrid-grid-header table tr th body.skin-dark input.danger,
body.skin-dark .jsgrid-grid-header table tr th select.danger,
.jsgrid-grid-header table tr th body.skin-dark select.danger,
body.skin-dark .jsgrid-grid-header table tr td input.danger,
.jsgrid-grid-header table tr td body.skin-dark input.danger,
body.skin-dark .jsgrid-grid-header table tr td select.danger,
.jsgrid-grid-header table tr td body.skin-dark select.danger,
body.skin-dark .footable.table thead tr th .footable-filtering-search .input-group .danger.form-control,
body.skin-dark .jsgrid-table tr th input.danger:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr td input.danger:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr th select.danger,
body.skin-dark .jsgrid-table tr td select.danger,
body.skin-dark .form-control.focus-danger:focus,
body.skin-dark #toast-container .toast .toast-message input.focus-danger:focus,
#toast-container .toast .toast-message body.skin-dark input.focus-danger:focus,
body.skin-dark .dataTables_wrapper .dataTables_length label input.focus-danger:focus,
.dataTables_wrapper .dataTables_length label body.skin-dark input.focus-danger:focus,
body.skin-dark .dataTables_wrapper .dataTables_filter label input.focus-danger:focus,
.dataTables_wrapper .dataTables_filter label body.skin-dark input.focus-danger:focus,
body.skin-dark .dataTables_wrapper .dataTables_length label select.focus-danger:focus,
.dataTables_wrapper .dataTables_length label body.skin-dark select.focus-danger:focus,
body.skin-dark .dataTables_wrapper .dataTables_filter label select.focus-danger:focus,
.dataTables_wrapper .dataTables_filter label body.skin-dark select.focus-danger:focus,
.footable.table thead tr th .footable-filtering-search .input-group body.skin-dark .focus-danger.form-control:focus,
body.skin-dark .jsgrid-grid-header table tr th input.focus-danger:focus,
.jsgrid-grid-header table tr th body.skin-dark input.focus-danger:focus,
body.skin-dark .jsgrid-grid-header table tr th select.focus-danger:focus,
.jsgrid-grid-header table tr th body.skin-dark select.focus-danger:focus,
body.skin-dark .jsgrid-grid-header table tr td input.focus-danger:focus,
.jsgrid-grid-header table tr td body.skin-dark input.focus-danger:focus,
body.skin-dark .jsgrid-grid-header table tr td select.focus-danger:focus,
.jsgrid-grid-header table tr td body.skin-dark select.focus-danger:focus,
body.skin-dark .footable.table thead tr th .footable-filtering-search .input-group .focus-danger.form-control:focus,
body.skin-dark .jsgrid-table tr th input.focus-danger:focus:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr td input.focus-danger:focus:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr th select.focus-danger:focus,
body.skin-dark .jsgrid-table tr td select.focus-danger:focus {
    border-color: #fd427c;
}

body.skin-dark .form-control.warning,
body.skin-dark #toast-container .toast .toast-message input.warning,
#toast-container .toast .toast-message body.skin-dark input.warning,
body.skin-dark .dataTables_wrapper .dataTables_length label input.warning,
.dataTables_wrapper .dataTables_length label body.skin-dark input.warning,
body.skin-dark .dataTables_wrapper .dataTables_filter label input.warning,
.dataTables_wrapper .dataTables_filter label body.skin-dark input.warning,
body.skin-dark .dataTables_wrapper .dataTables_length label select.warning,
.dataTables_wrapper .dataTables_length label body.skin-dark select.warning,
body.skin-dark .dataTables_wrapper .dataTables_filter label select.warning,
.dataTables_wrapper .dataTables_filter label body.skin-dark select.warning,
.footable.table thead tr th .footable-filtering-search .input-group body.skin-dark .warning.form-control,
body.skin-dark .jsgrid-grid-header table tr th input.warning,
.jsgrid-grid-header table tr th body.skin-dark input.warning,
body.skin-dark .jsgrid-grid-header table tr th select.warning,
.jsgrid-grid-header table tr th body.skin-dark select.warning,
body.skin-dark .jsgrid-grid-header table tr td input.warning,
.jsgrid-grid-header table tr td body.skin-dark input.warning,
body.skin-dark .jsgrid-grid-header table tr td select.warning,
.jsgrid-grid-header table tr td body.skin-dark select.warning,
body.skin-dark .footable.table thead tr th .footable-filtering-search .input-group .warning.form-control,
body.skin-dark .jsgrid-table tr th input.warning:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr td input.warning:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr th select.warning,
body.skin-dark .jsgrid-table tr td select.warning,
body.skin-dark .form-control.focus-warning:focus,
body.skin-dark #toast-container .toast .toast-message input.focus-warning:focus,
#toast-container .toast .toast-message body.skin-dark input.focus-warning:focus,
body.skin-dark .dataTables_wrapper .dataTables_length label input.focus-warning:focus,
.dataTables_wrapper .dataTables_length label body.skin-dark input.focus-warning:focus,
body.skin-dark .dataTables_wrapper .dataTables_filter label input.focus-warning:focus,
.dataTables_wrapper .dataTables_filter label body.skin-dark input.focus-warning:focus,
body.skin-dark .dataTables_wrapper .dataTables_length label select.focus-warning:focus,
.dataTables_wrapper .dataTables_length label body.skin-dark select.focus-warning:focus,
body.skin-dark .dataTables_wrapper .dataTables_filter label select.focus-warning:focus,
.dataTables_wrapper .dataTables_filter label body.skin-dark select.focus-warning:focus,
.footable.table thead tr th .footable-filtering-search .input-group body.skin-dark .focus-warning.form-control:focus,
body.skin-dark .jsgrid-grid-header table tr th input.focus-warning:focus,
.jsgrid-grid-header table tr th body.skin-dark input.focus-warning:focus,
body.skin-dark .jsgrid-grid-header table tr th select.focus-warning:focus,
.jsgrid-grid-header table tr th body.skin-dark select.focus-warning:focus,
body.skin-dark .jsgrid-grid-header table tr td input.focus-warning:focus,
.jsgrid-grid-header table tr td body.skin-dark input.focus-warning:focus,
body.skin-dark .jsgrid-grid-header table tr td select.focus-warning:focus,
.jsgrid-grid-header table tr td body.skin-dark select.focus-warning:focus,
body.skin-dark .footable.table thead tr th .footable-filtering-search .input-group .focus-warning.form-control:focus,
body.skin-dark .jsgrid-table tr th input.focus-warning:focus:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr td input.focus-warning:focus:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr th select.focus-warning:focus,
body.skin-dark .jsgrid-table tr td select.focus-warning:focus {
    border-color: #ff9666;
}

body.skin-dark .form-control.info,
body.skin-dark #toast-container .toast .toast-message input.info,
#toast-container .toast .toast-message body.skin-dark input.info,
body.skin-dark .dataTables_wrapper .dataTables_length label input.info,
.dataTables_wrapper .dataTables_length label body.skin-dark input.info,
body.skin-dark .dataTables_wrapper .dataTables_filter label input.info,
.dataTables_wrapper .dataTables_filter label body.skin-dark input.info,
body.skin-dark .dataTables_wrapper .dataTables_length label select.info,
.dataTables_wrapper .dataTables_length label body.skin-dark select.info,
body.skin-dark .dataTables_wrapper .dataTables_filter label select.info,
.dataTables_wrapper .dataTables_filter label body.skin-dark select.info,
.footable.table thead tr th .footable-filtering-search .input-group body.skin-dark .info.form-control,
body.skin-dark .jsgrid-grid-header table tr th input.info,
.jsgrid-grid-header table tr th body.skin-dark input.info,
body.skin-dark .jsgrid-grid-header table tr th select.info,
.jsgrid-grid-header table tr th body.skin-dark select.info,
body.skin-dark .jsgrid-grid-header table tr td input.info,
.jsgrid-grid-header table tr td body.skin-dark input.info,
body.skin-dark .jsgrid-grid-header table tr td select.info,
.jsgrid-grid-header table tr td body.skin-dark select.info,
body.skin-dark .footable.table thead tr th .footable-filtering-search .input-group .info.form-control,
body.skin-dark .jsgrid-table tr th input.info:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr td input.info:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr th select.info,
body.skin-dark .jsgrid-table tr td select.info,
body.skin-dark .form-control.focus-info:focus,
body.skin-dark #toast-container .toast .toast-message input.focus-info:focus,
#toast-container .toast .toast-message body.skin-dark input.focus-info:focus,
body.skin-dark .dataTables_wrapper .dataTables_length label input.focus-info:focus,
.dataTables_wrapper .dataTables_length label body.skin-dark input.focus-info:focus,
body.skin-dark .dataTables_wrapper .dataTables_filter label input.focus-info:focus,
.dataTables_wrapper .dataTables_filter label body.skin-dark input.focus-info:focus,
body.skin-dark .dataTables_wrapper .dataTables_length label select.focus-info:focus,
.dataTables_wrapper .dataTables_length label body.skin-dark select.focus-info:focus,
body.skin-dark .dataTables_wrapper .dataTables_filter label select.focus-info:focus,
.dataTables_wrapper .dataTables_filter label body.skin-dark select.focus-info:focus,
.footable.table thead tr th .footable-filtering-search .input-group body.skin-dark .focus-info.form-control:focus,
body.skin-dark .jsgrid-grid-header table tr th input.focus-info:focus,
.jsgrid-grid-header table tr th body.skin-dark input.focus-info:focus,
body.skin-dark .jsgrid-grid-header table tr th select.focus-info:focus,
.jsgrid-grid-header table tr th body.skin-dark select.focus-info:focus,
body.skin-dark .jsgrid-grid-header table tr td input.focus-info:focus,
.jsgrid-grid-header table tr td body.skin-dark input.focus-info:focus,
body.skin-dark .jsgrid-grid-header table tr td select.focus-info:focus,
.jsgrid-grid-header table tr td body.skin-dark select.focus-info:focus,
body.skin-dark .footable.table thead tr th .footable-filtering-search .input-group .focus-info.form-control:focus,
body.skin-dark .jsgrid-table tr th input.focus-info:focus:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr td input.focus-info:focus:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr th select.focus-info:focus,
body.skin-dark .jsgrid-table tr td select.focus-info:focus {
    border-color: #17a2b8;
}

body.skin-dark .daterangepicker {
    background-color: #333853;
    border-color: transparent;
    border-radius: 4px;
}

body.skin-dark .daterangepicker::before,
body.skin-dark .daterangepicker::after {
    border-bottom-color: #333853;
}

body.skin-dark .daterangepicker .ranges ul li:hover {
    background-color: #292d44;
}

body.skin-dark .daterangepicker .ranges ul li.active:hover {
    background-color: #428bfa;
}

body.skin-dark .daterangepicker .drp-calendar {
    background-color: transparent;
}

body.skin-dark .daterangepicker .drp-calendar .calendar-table {
    background-color: transparent;
    border-color: transparent;
}

body.skin-dark .daterangepicker .drp-calendar .calendar-table .table-condensed thead tr th.prev span {
    margin-left: 2px;
}

body.skin-dark .daterangepicker .drp-calendar .calendar-table .table-condensed thead tr th.prev:hover {
    background-color: #428bfa;
}

body.skin-dark .daterangepicker .drp-calendar .calendar-table .table-condensed thead tr th.prev:hover span {
    border-color: #ffffff;
}

body.skin-dark .daterangepicker .drp-calendar .calendar-table .table-condensed thead tr th.month select {
    background-color: transparent;
    border: 1px solid #8b8d9b;
    color: #8b8d9b;
    border-radius: 3px;
    background-image: url(../images/icons/select-arrow-down.png);
    background-position: center right -10px;
    background-repeat: no-repeat;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0;
    padding-right: 20px;
    padding-left: 2px;
}

body.skin-dark .daterangepicker .drp-calendar .calendar-table .table-condensed thead tr th.next span {
    margin-right: 2px;
}

body.skin-dark .daterangepicker .drp-calendar .calendar-table .table-condensed thead tr th.next:hover {
    background-color: #428bfa;
}

body.skin-dark .daterangepicker .drp-calendar .calendar-table .table-condensed thead tr th.next:hover span {
    border-color: #ffffff;
}

body.skin-dark .daterangepicker .drp-calendar .calendar-table .table-condensed tbody tr td.off {
    background-color: #161824;
}

body.skin-dark .daterangepicker .drp-calendar .calendar-table .table-condensed tbody tr td.in-range {
    background-color: #292d44;
    color: #8b8d9b;
}

body.skin-dark .daterangepicker .drp-calendar .calendar-table .table-condensed tbody tr td:hover {
    background-color: #202334;
}

body.skin-dark .daterangepicker .drp-calendar .calendar-time select {
    background-color: transparent;
    border: 1px solid #8b8d9b;
    color: #8b8d9b;
    border-radius: 3px;
    background-image: url(../images/icons/select-arrow-down.png);
    background-position: center right -10px;
    background-repeat: no-repeat;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0;
    padding-right: 20px;
    padding-left: 2px;
    height: 30px;
}

body.skin-dark .daterangepicker.show-ranges .drp-calendar.left {
    border-color: #292d44;
}

body.skin-dark .daterangepicker .drp-buttons {
    border-color: #292d44;
}

body.skin-dark .daterangepicker .drp-buttons .btn.cancelBtn {
    color: #fd427c;
}

body.skin-dark .ql-toolbar {
    border-color: #292d44;
}

body.skin-dark .ql-toolbar .ql-formats {
    color: #8b8d9b;
}

body.skin-dark .ql-toolbar .ql-formats .ql-stroke {
    stroke: #8b8d9b;
}

body.skin-dark .ql-toolbar .ql-formats .ql-picker .ql-picker-label {
    color: #8b8d9b;
    border-color: transparent !important;
}

body.skin-dark .ql-toolbar .ql-formats .ql-picker .ql-picker-options {
    background-color: #292d44;
    border-color: transparent;
    padding: 10px;
}

body.skin-dark .ql-toolbar .ql-formats .ql-picker .ql-picker-options .ql-picker-item {
    padding: 8px 0;
    line-height: 1;
    color: #8b8d9b;
}

body.skin-dark .quill.ql-container {
    border-color: #292d44;
}

body.skin-dark .note-editor.note-frame {
    background-color: #202334;
    border-color: #202334;
}

body.skin-dark .note-editor.note-frame .note-toolbar {
    border-color: #333853;
}

body.skin-dark .note-editor.note-frame .note-toolbar .note-btn-group:not(:first-child) {
    margin-left: 0;
}

body.skin-dark .note-editor.note-frame .note-toolbar .note-btn-group .note-btn {
    background-color: #333853;
    border-color: #333853;
    border-right-color: #202334;
    color: #ffffff;
    margin-left: 0;
}

body.skin-dark .note-editor.note-frame .note-toolbar .note-btn-group .note-btn:last-child {
    border-right: 0;
}

body.skin-dark .note-editor.note-frame .note-toolbar .note-btn-group .note-btn:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}

body.skin-dark .note-editor.note-frame .note-toolbar .note-btn-group .note-btn i.note-recent-color {
    color: #161824;
}

body.skin-dark .note-editor.note-frame .note-toolbar .note-btn-group .dropdown-menu {
    background-color: #292d44;
}

body.skin-dark .note-editor.note-frame .note-toolbar .note-btn-group .dropdown-menu .dropdown-item {
    color: #ffffff;
}

body.skin-dark .note-editor.note-frame .note-toolbar .note-btn-group .dropdown-menu .dropdown-item:hover {
    background-color: #202334;
}

body.skin-dark .note-editor.note-frame .note-toolbar .note-palette .note-palette-title {
    color: #8b8d9b;
    border-color: #8b8d9b;
}

body.skin-dark .note-editor.note-frame .note-toolbar .note-palette .note-color-reset {
    background-color: #202334;
    border-color: #202334;
    color: #ffffff;
    border-radius: 4px;
}

body.skin-dark .note-editor.note-frame .note-toolbar .note-palette .note-color-reset:hover {
    background-color: #428bfa;
}

body.skin-dark .note-editor.note-frame .note-toolbar .note-palette .note-color-select {
    color: #8b8d9b;
}

body.skin-dark .note-editor.note-frame .note-toolbar .note-table .note-dimension-display {
    color: #8b8d9b;
}

body.skin-dark .note-editor.note-frame .note-editing-area .note-editable {
    background-color: transparent;
    color: #8b8d9b;
}

body.skin-dark .note-editor.note-frame .note-editing-area .note-editable p {
    margin-bottom: 7px;
}

body.skin-dark .note-editor.note-frame .note-statusbar {
    background-color: #202334;
    border-color: #333853;
    padding: 3px 0;
}

body.skin-dark .note-editor.note-frame .note-statusbar .note-resizebar {
    height: 8px;
}

body.skin-dark .filepond--root .filepond--drop-label {
    border-color: #333853;
    color: #8b8d9b;
}

body.skin-dark .dropify-wrapper {
    background-color: #333853;
    border-color: #333853;
}

body.skin-dark .dropify-wrapper .dropify-message .file-icon,
body.skin-dark .dropify-wrapper .dropify-message p {
    color: #8b8d9b;
}

body.skin-dark .dropify-wrapper .dropify-preview {
    background-color: transparent;
}

body.skin-dark .dropify-wrapper:hover {
    background-image: -webkit-linear-gradient(135deg, #202334 25%, transparent 25%, transparent 50%, #202334 50%, #202334 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(135deg, #202334 25%, transparent 25%, transparent 50%, #202334 50%, #202334 75%, transparent 75%, transparent);
    background-image: linear-gradient(-45deg, #202334 25%, transparent 25%, transparent 50%, #202334 50%, #202334 75%, transparent 75%, transparent);
}

body.skin-dark .irs .irs .irs-line {
    background-color: #202334;
}

body.skin-dark .irs .irs-handle {
    border-color: #333853;
}

body.skin-dark .select2-container--default.select2 {
    background-color: #202334;
    border-radius: 4px;
}

body.skin-dark .select2-container--default .select2-selection--single,
body.skin-dark .select2-container--default .select2-selection--multiple {
    border-color: #202334;
}

body.skin-dark .select2-container--default .select2-selection--single span {
    color: #8b8d9b;
}

body.skin-dark .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow::before {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

body.skin-dark .select2-container--default .select2-dropdown {
    border-color: #333853;
    background-color: #333853;
}

body.skin-dark .select2-container--default .select2-search--dropdown .select2-search__field {
    border-color: #202334;
    background-color: #202334;
    color: #8b8d9b;
}

body.skin-dark .select2-container--default .select2-results .select2-results__options .select2-results__options--nested .select2-results__option[aria-selected="true"] {
    background-color: #428bfa;
    color: #ffffff;
}

body.skin-dark .select2-container--default .select2-results .select2-results__options .select2-results__options--nested .select2-results__option.select2-results__option--highlighted {
    background-color: #292d44;
    color: #ffffff;
}

body.skin-dark .form-control.bSelect[readonly],
body.skin-dark #toast-container .toast .toast-message input.bSelect[readonly],
#toast-container .toast .toast-message body.skin-dark input.bSelect[readonly],
body.skin-dark .dataTables_wrapper .dataTables_length label input.bSelect[readonly],
.dataTables_wrapper .dataTables_length label body.skin-dark input.bSelect[readonly],
body.skin-dark .dataTables_wrapper .dataTables_filter label input.bSelect[readonly],
.dataTables_wrapper .dataTables_filter label body.skin-dark input.bSelect[readonly],
body.skin-dark .dataTables_wrapper .dataTables_length label select.bSelect[readonly],
.dataTables_wrapper .dataTables_length label body.skin-dark select.bSelect[readonly],
body.skin-dark .dataTables_wrapper .dataTables_filter label select.bSelect[readonly],
.dataTables_wrapper .dataTables_filter label body.skin-dark select.bSelect[readonly],
.footable.table thead tr th .footable-filtering-search .input-group body.skin-dark .bSelect.form-control[readonly],
body.skin-dark .jsgrid-grid-header table tr th input.bSelect[readonly],
.jsgrid-grid-header table tr th body.skin-dark input.bSelect[readonly],
body.skin-dark .jsgrid-grid-header table tr th select.bSelect[readonly],
.jsgrid-grid-header table tr th body.skin-dark select.bSelect[readonly],
body.skin-dark .jsgrid-grid-header table tr td input.bSelect[readonly],
.jsgrid-grid-header table tr td body.skin-dark input.bSelect[readonly],
body.skin-dark .jsgrid-grid-header table tr td select.bSelect[readonly],
.jsgrid-grid-header table tr td body.skin-dark select.bSelect[readonly],
body.skin-dark .footable.table thead tr th .footable-filtering-search .input-group .bSelect.form-control[readonly],
body.skin-dark .jsgrid-table tr th input.bSelect[readonly]:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr td input.bSelect[readonly]:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr th select.bSelect[readonly],
body.skin-dark .jsgrid-table tr td select.bSelect[readonly] {
    background-color: #202334;
    border-color: #202334;
    color: #8b8d9b;
}

body.skin-dark .form-control.bSelect[disabled],
body.skin-dark #toast-container .toast .toast-message input.bSelect[disabled],
#toast-container .toast .toast-message body.skin-dark input.bSelect[disabled],
body.skin-dark .dataTables_wrapper .dataTables_length label input.bSelect[disabled],
.dataTables_wrapper .dataTables_length label body.skin-dark input.bSelect[disabled],
body.skin-dark .dataTables_wrapper .dataTables_filter label input.bSelect[disabled],
.dataTables_wrapper .dataTables_filter label body.skin-dark input.bSelect[disabled],
body.skin-dark .dataTables_wrapper .dataTables_length label select.bSelect[disabled],
.dataTables_wrapper .dataTables_length label body.skin-dark select.bSelect[disabled],
body.skin-dark .dataTables_wrapper .dataTables_filter label select.bSelect[disabled],
.dataTables_wrapper .dataTables_filter label body.skin-dark select.bSelect[disabled],
.footable.table thead tr th .footable-filtering-search .input-group body.skin-dark .bSelect.form-control[disabled],
body.skin-dark .jsgrid-grid-header table tr th input.bSelect[disabled],
.jsgrid-grid-header table tr th body.skin-dark input.bSelect[disabled],
body.skin-dark .jsgrid-grid-header table tr th select.bSelect[disabled],
.jsgrid-grid-header table tr th body.skin-dark select.bSelect[disabled],
body.skin-dark .jsgrid-grid-header table tr td input.bSelect[disabled],
.jsgrid-grid-header table tr td body.skin-dark input.bSelect[disabled],
body.skin-dark .jsgrid-grid-header table tr td select.bSelect[disabled],
.jsgrid-grid-header table tr td body.skin-dark select.bSelect[disabled],
body.skin-dark .footable.table thead tr th .footable-filtering-search .input-group .bSelect.form-control[disabled],
body.skin-dark .jsgrid-table tr th input.bSelect[disabled]:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr td input.bSelect[disabled]:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr th select.bSelect[disabled],
body.skin-dark .jsgrid-table tr td select.bSelect[disabled] {
    background-color: #202334;
    border-color: #202334;
    color: #8b8d9b;
}

body.skin-dark .form-control.bSelect[disabled]::-webkit-input-placeholder,
body.skin-dark #toast-container .toast .toast-message input.bSelect[disabled]::-webkit-input-placeholder,
#toast-container .toast .toast-message body.skin-dark input.bSelect[disabled]::-webkit-input-placeholder,
body.skin-dark .dataTables_wrapper .dataTables_length label input.bSelect[disabled]::-webkit-input-placeholder,
.dataTables_wrapper .dataTables_length label body.skin-dark input.bSelect[disabled]::-webkit-input-placeholder,
body.skin-dark .dataTables_wrapper .dataTables_filter label input.bSelect[disabled]::-webkit-input-placeholder,
.dataTables_wrapper .dataTables_filter label body.skin-dark input.bSelect[disabled]::-webkit-input-placeholder,
body.skin-dark .dataTables_wrapper .dataTables_length label select.bSelect[disabled]::-webkit-input-placeholder,
.dataTables_wrapper .dataTables_length label body.skin-dark select.bSelect[disabled]::-webkit-input-placeholder,
body.skin-dark .dataTables_wrapper .dataTables_filter label select.bSelect[disabled]::-webkit-input-placeholder,
.dataTables_wrapper .dataTables_filter label body.skin-dark select.bSelect[disabled]::-webkit-input-placeholder,
.footable.table thead tr th .footable-filtering-search .input-group body.skin-dark .bSelect.form-control[disabled]::-webkit-input-placeholder,
body.skin-dark .jsgrid-grid-header table tr th input.bSelect[disabled]::-webkit-input-placeholder,
.jsgrid-grid-header table tr th body.skin-dark input.bSelect[disabled]::-webkit-input-placeholder,
body.skin-dark .jsgrid-grid-header table tr th select.bSelect[disabled]::-webkit-input-placeholder,
.jsgrid-grid-header table tr th body.skin-dark select.bSelect[disabled]::-webkit-input-placeholder,
body.skin-dark .jsgrid-grid-header table tr td input.bSelect[disabled]::-webkit-input-placeholder,
.jsgrid-grid-header table tr td body.skin-dark input.bSelect[disabled]::-webkit-input-placeholder,
body.skin-dark .jsgrid-grid-header table tr td select.bSelect[disabled]::-webkit-input-placeholder,
.jsgrid-grid-header table tr td body.skin-dark select.bSelect[disabled]::-webkit-input-placeholder,
body.skin-dark .footable.table thead tr th .footable-filtering-search .input-group .bSelect.form-control[disabled]::-webkit-input-placeholder,
body.skin-dark .jsgrid-table tr th input.bSelect:not(.jsgrid-button)[disabled]::-webkit-input-placeholder,
body.skin-dark .jsgrid-table tr td input.bSelect:not(.jsgrid-button)[disabled]::-webkit-input-placeholder,
body.skin-dark .jsgrid-table tr th select.bSelect[disabled]::-webkit-input-placeholder,
body.skin-dark .jsgrid-table tr td select.bSelect[disabled]::-webkit-input-placeholder {
    color: #8b8d9b;
}

body.skin-dark .form-control.bSelect[disabled]:-moz-placeholder,
body.skin-dark #toast-container .toast .toast-message input.bSelect[disabled]:-moz-placeholder,
#toast-container .toast .toast-message body.skin-dark input.bSelect[disabled]:-moz-placeholder,
body.skin-dark .dataTables_wrapper .dataTables_length label input.bSelect[disabled]:-moz-placeholder,
.dataTables_wrapper .dataTables_length label body.skin-dark input.bSelect[disabled]:-moz-placeholder,
body.skin-dark .dataTables_wrapper .dataTables_filter label input.bSelect[disabled]:-moz-placeholder,
.dataTables_wrapper .dataTables_filter label body.skin-dark input.bSelect[disabled]:-moz-placeholder,
body.skin-dark .dataTables_wrapper .dataTables_length label select.bSelect[disabled]:-moz-placeholder,
.dataTables_wrapper .dataTables_length label body.skin-dark select.bSelect[disabled]:-moz-placeholder,
body.skin-dark .dataTables_wrapper .dataTables_filter label select.bSelect[disabled]:-moz-placeholder,
.dataTables_wrapper .dataTables_filter label body.skin-dark select.bSelect[disabled]:-moz-placeholder,
.footable.table thead tr th .footable-filtering-search .input-group body.skin-dark .bSelect.form-control[disabled]:-moz-placeholder,
body.skin-dark .jsgrid-grid-header table tr th input.bSelect[disabled]:-moz-placeholder,
.jsgrid-grid-header table tr th body.skin-dark input.bSelect[disabled]:-moz-placeholder,
body.skin-dark .jsgrid-grid-header table tr th select.bSelect[disabled]:-moz-placeholder,
.jsgrid-grid-header table tr th body.skin-dark select.bSelect[disabled]:-moz-placeholder,
body.skin-dark .jsgrid-grid-header table tr td input.bSelect[disabled]:-moz-placeholder,
.jsgrid-grid-header table tr td body.skin-dark input.bSelect[disabled]:-moz-placeholder,
body.skin-dark .jsgrid-grid-header table tr td select.bSelect[disabled]:-moz-placeholder,
.jsgrid-grid-header table tr td body.skin-dark select.bSelect[disabled]:-moz-placeholder,
body.skin-dark .footable.table thead tr th .footable-filtering-search .input-group .bSelect.form-control[disabled]:-moz-placeholder,
body.skin-dark .jsgrid-table tr th input.bSelect[disabled]:-moz-placeholder:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr td input.bSelect[disabled]:-moz-placeholder:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr th select.bSelect[disabled]:-moz-placeholder,
body.skin-dark .jsgrid-table tr td select.bSelect[disabled]:-moz-placeholder {
    color: #8b8d9b;
}

body.skin-dark .form-control.bSelect[disabled]::-moz-placeholder,
body.skin-dark #toast-container .toast .toast-message input.bSelect[disabled]::-moz-placeholder,
#toast-container .toast .toast-message body.skin-dark input.bSelect[disabled]::-moz-placeholder,
body.skin-dark .dataTables_wrapper .dataTables_length label input.bSelect[disabled]::-moz-placeholder,
.dataTables_wrapper .dataTables_length label body.skin-dark input.bSelect[disabled]::-moz-placeholder,
body.skin-dark .dataTables_wrapper .dataTables_filter label input.bSelect[disabled]::-moz-placeholder,
.dataTables_wrapper .dataTables_filter label body.skin-dark input.bSelect[disabled]::-moz-placeholder,
body.skin-dark .dataTables_wrapper .dataTables_length label select.bSelect[disabled]::-moz-placeholder,
.dataTables_wrapper .dataTables_length label body.skin-dark select.bSelect[disabled]::-moz-placeholder,
body.skin-dark .dataTables_wrapper .dataTables_filter label select.bSelect[disabled]::-moz-placeholder,
.dataTables_wrapper .dataTables_filter label body.skin-dark select.bSelect[disabled]::-moz-placeholder,
.footable.table thead tr th .footable-filtering-search .input-group body.skin-dark .bSelect.form-control[disabled]::-moz-placeholder,
body.skin-dark .jsgrid-grid-header table tr th input.bSelect[disabled]::-moz-placeholder,
.jsgrid-grid-header table tr th body.skin-dark input.bSelect[disabled]::-moz-placeholder,
body.skin-dark .jsgrid-grid-header table tr th select.bSelect[disabled]::-moz-placeholder,
.jsgrid-grid-header table tr th body.skin-dark select.bSelect[disabled]::-moz-placeholder,
body.skin-dark .jsgrid-grid-header table tr td input.bSelect[disabled]::-moz-placeholder,
.jsgrid-grid-header table tr td body.skin-dark input.bSelect[disabled]::-moz-placeholder,
body.skin-dark .jsgrid-grid-header table tr td select.bSelect[disabled]::-moz-placeholder,
.jsgrid-grid-header table tr td body.skin-dark select.bSelect[disabled]::-moz-placeholder,
body.skin-dark .footable.table thead tr th .footable-filtering-search .input-group .bSelect.form-control[disabled]::-moz-placeholder,
body.skin-dark .jsgrid-table tr th input.bSelect:not(.jsgrid-button)[disabled]::-moz-placeholder,
body.skin-dark .jsgrid-table tr td input.bSelect:not(.jsgrid-button)[disabled]::-moz-placeholder,
body.skin-dark .jsgrid-table tr th select.bSelect[disabled]::-moz-placeholder,
body.skin-dark .jsgrid-table tr td select.bSelect[disabled]::-moz-placeholder {
    color: #8b8d9b;
}

body.skin-dark .form-control.bSelect[disabled]:-ms-input-placeholder,
body.skin-dark #toast-container .toast .toast-message input.bSelect[disabled]:-ms-input-placeholder,
#toast-container .toast .toast-message body.skin-dark input.bSelect[disabled]:-ms-input-placeholder,
body.skin-dark .dataTables_wrapper .dataTables_length label input.bSelect[disabled]:-ms-input-placeholder,
.dataTables_wrapper .dataTables_length label body.skin-dark input.bSelect[disabled]:-ms-input-placeholder,
body.skin-dark .dataTables_wrapper .dataTables_filter label input.bSelect[disabled]:-ms-input-placeholder,
.dataTables_wrapper .dataTables_filter label body.skin-dark input.bSelect[disabled]:-ms-input-placeholder,
body.skin-dark .dataTables_wrapper .dataTables_length label select.bSelect[disabled]:-ms-input-placeholder,
.dataTables_wrapper .dataTables_length label body.skin-dark select.bSelect[disabled]:-ms-input-placeholder,
body.skin-dark .dataTables_wrapper .dataTables_filter label select.bSelect[disabled]:-ms-input-placeholder,
.dataTables_wrapper .dataTables_filter label body.skin-dark select.bSelect[disabled]:-ms-input-placeholder,
.footable.table thead tr th .footable-filtering-search .input-group body.skin-dark .bSelect.form-control[disabled]:-ms-input-placeholder,
body.skin-dark .jsgrid-grid-header table tr th input.bSelect[disabled]:-ms-input-placeholder,
.jsgrid-grid-header table tr th body.skin-dark input.bSelect[disabled]:-ms-input-placeholder,
body.skin-dark .jsgrid-grid-header table tr th select.bSelect[disabled]:-ms-input-placeholder,
.jsgrid-grid-header table tr th body.skin-dark select.bSelect[disabled]:-ms-input-placeholder,
body.skin-dark .jsgrid-grid-header table tr td input.bSelect[disabled]:-ms-input-placeholder,
.jsgrid-grid-header table tr td body.skin-dark input.bSelect[disabled]:-ms-input-placeholder,
body.skin-dark .jsgrid-grid-header table tr td select.bSelect[disabled]:-ms-input-placeholder,
.jsgrid-grid-header table tr td body.skin-dark select.bSelect[disabled]:-ms-input-placeholder,
body.skin-dark .footable.table thead tr th .footable-filtering-search .input-group .bSelect.form-control[disabled]:-ms-input-placeholder,
body.skin-dark .jsgrid-table tr th input.bSelect[disabled]:-ms-input-placeholder:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr td input.bSelect[disabled]:-ms-input-placeholder:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr th select.bSelect[disabled]:-ms-input-placeholder,
body.skin-dark .jsgrid-table tr td select.bSelect[disabled]:-ms-input-placeholder {
    color: #8b8d9b;
}

body.skin-dark .form-control.bSelect .btn,
body.skin-dark #toast-container .toast .toast-message input.bSelect .btn,
#toast-container .toast .toast-message body.skin-dark input.bSelect .btn,
body.skin-dark .dataTables_wrapper .dataTables_length label input.bSelect .btn,
.dataTables_wrapper .dataTables_length label body.skin-dark input.bSelect .btn,
body.skin-dark .dataTables_wrapper .dataTables_filter label input.bSelect .btn,
.dataTables_wrapper .dataTables_filter label body.skin-dark input.bSelect .btn,
body.skin-dark .dataTables_wrapper .dataTables_length label select.bSelect .btn,
.dataTables_wrapper .dataTables_length label body.skin-dark select.bSelect .btn,
body.skin-dark .dataTables_wrapper .dataTables_filter label select.bSelect .btn,
.dataTables_wrapper .dataTables_filter label body.skin-dark select.bSelect .btn,
.footable.table thead tr th .footable-filtering-search .input-group body.skin-dark .bSelect.form-control .btn,
body.skin-dark .jsgrid-grid-header table tr th input.bSelect .btn,
.jsgrid-grid-header table tr th body.skin-dark input.bSelect .btn,
body.skin-dark .jsgrid-grid-header table tr th select.bSelect .btn,
.jsgrid-grid-header table tr th body.skin-dark select.bSelect .btn,
body.skin-dark .jsgrid-grid-header table tr td input.bSelect .btn,
.jsgrid-grid-header table tr td body.skin-dark input.bSelect .btn,
body.skin-dark .jsgrid-grid-header table tr td select.bSelect .btn,
.jsgrid-grid-header table tr td body.skin-dark select.bSelect .btn,
body.skin-dark .footable.table thead tr th .footable-filtering-search .input-group .bSelect.form-control .btn,
body.skin-dark .jsgrid-table tr th input.bSelect:not(.jsgrid-button) .btn,
body.skin-dark .jsgrid-table tr td input.bSelect:not(.jsgrid-button) .btn,
body.skin-dark .jsgrid-table tr th select.bSelect .btn,
body.skin-dark .jsgrid-table tr td select.bSelect .btn {
    background-color: #202334;
    border-color: #202334;
    color: #8b8d9b;
}

body.skin-dark .form-control.bSelect .btn.btn-primary,
body.skin-dark #toast-container .toast .toast-message input.bSelect .btn.btn-primary,
#toast-container .toast .toast-message body.skin-dark input.bSelect .btn.btn-primary,
body.skin-dark .dataTables_wrapper .dataTables_length label input.bSelect .btn.btn-primary,
.dataTables_wrapper .dataTables_length label body.skin-dark input.bSelect .btn.btn-primary,
body.skin-dark .dataTables_wrapper .dataTables_filter label input.bSelect .btn.btn-primary,
.dataTables_wrapper .dataTables_filter label body.skin-dark input.bSelect .btn.btn-primary,
body.skin-dark .dataTables_wrapper .dataTables_length label select.bSelect .btn.btn-primary,
.dataTables_wrapper .dataTables_length label body.skin-dark select.bSelect .btn.btn-primary,
body.skin-dark .dataTables_wrapper .dataTables_filter label select.bSelect .btn.btn-primary,
.dataTables_wrapper .dataTables_filter label body.skin-dark select.bSelect .btn.btn-primary,
.footable.table thead tr th .footable-filtering-search .input-group body.skin-dark .bSelect.form-control .btn.btn-primary,
body.skin-dark .jsgrid-grid-header table tr th input.bSelect .btn.btn-primary,
.jsgrid-grid-header table tr th body.skin-dark input.bSelect .btn.btn-primary,
body.skin-dark .jsgrid-grid-header table tr th select.bSelect .btn.btn-primary,
.jsgrid-grid-header table tr th body.skin-dark select.bSelect .btn.btn-primary,
body.skin-dark .jsgrid-grid-header table tr td input.bSelect .btn.btn-primary,
.jsgrid-grid-header table tr td body.skin-dark input.bSelect .btn.btn-primary,
body.skin-dark .jsgrid-grid-header table tr td select.bSelect .btn.btn-primary,
.jsgrid-grid-header table tr td body.skin-dark select.bSelect .btn.btn-primary,
body.skin-dark .footable.table thead tr th .footable-filtering-search .input-group .bSelect.form-control .btn.btn-primary,
body.skin-dark .jsgrid-table tr th input.bSelect:not(.jsgrid-button) .btn.btn-primary,
body.skin-dark .jsgrid-table tr td input.bSelect:not(.jsgrid-button) .btn.btn-primary,
body.skin-dark .jsgrid-table tr th select.bSelect .btn.btn-primary,
body.skin-dark .jsgrid-table tr td select.bSelect .btn.btn-primary {
    background-color: #428bfa;
    border-color: #428bfa;
    color: #ffffff;
}

body.skin-dark .form-control.bSelect .btn.btn-primary:hover,
body.skin-dark #toast-container .toast .toast-message input.bSelect .btn.btn-primary:hover,
#toast-container .toast .toast-message body.skin-dark input.bSelect .btn.btn-primary:hover,
body.skin-dark .dataTables_wrapper .dataTables_length label input.bSelect .btn.btn-primary:hover,
.dataTables_wrapper .dataTables_length label body.skin-dark input.bSelect .btn.btn-primary:hover,
body.skin-dark .dataTables_wrapper .dataTables_filter label input.bSelect .btn.btn-primary:hover,
.dataTables_wrapper .dataTables_filter label body.skin-dark input.bSelect .btn.btn-primary:hover,
body.skin-dark .dataTables_wrapper .dataTables_length label select.bSelect .btn.btn-primary:hover,
.dataTables_wrapper .dataTables_length label body.skin-dark select.bSelect .btn.btn-primary:hover,
body.skin-dark .dataTables_wrapper .dataTables_filter label select.bSelect .btn.btn-primary:hover,
.dataTables_wrapper .dataTables_filter label body.skin-dark select.bSelect .btn.btn-primary:hover,
body.skin-dark .jsgrid-grid-header table tr th input.bSelect .btn.btn-primary:hover,
.jsgrid-grid-header table tr th body.skin-dark input.bSelect .btn.btn-primary:hover,
body.skin-dark .jsgrid-grid-header table tr th select.bSelect .btn.btn-primary:hover,
.jsgrid-grid-header table tr th body.skin-dark select.bSelect .btn.btn-primary:hover,
body.skin-dark .jsgrid-grid-header table tr td input.bSelect .btn.btn-primary:hover,
.jsgrid-grid-header table tr td body.skin-dark input.bSelect .btn.btn-primary:hover,
body.skin-dark .jsgrid-grid-header table tr td select.bSelect .btn.btn-primary:hover,
.jsgrid-grid-header table tr td body.skin-dark select.bSelect .btn.btn-primary:hover,
body.skin-dark .footable.table thead tr th .footable-filtering-search .input-group .bSelect.form-control .btn.btn-primary:hover,
body.skin-dark .jsgrid-table tr th input.bSelect:not(.jsgrid-button) .btn.btn-primary:hover,
body.skin-dark .jsgrid-table tr td input.bSelect:not(.jsgrid-button) .btn.btn-primary:hover,
body.skin-dark .jsgrid-table tr th select.bSelect .btn.btn-primary:hover,
body.skin-dark .jsgrid-table tr td select.bSelect .btn.btn-primary:hover {
    background-color: #297cf9;
    border-color: #297cf9;
    color: #ffffff;
}

body.skin-dark .form-control.bSelect .btn.btn-secondary,
body.skin-dark #toast-container .toast .toast-message input.bSelect .btn.btn-secondary,
#toast-container .toast .toast-message body.skin-dark input.bSelect .btn.btn-secondary,
body.skin-dark .dataTables_wrapper .dataTables_length label input.bSelect .btn.btn-secondary,
.dataTables_wrapper .dataTables_length label body.skin-dark input.bSelect .btn.btn-secondary,
body.skin-dark .dataTables_wrapper .dataTables_filter label input.bSelect .btn.btn-secondary,
.dataTables_wrapper .dataTables_filter label body.skin-dark input.bSelect .btn.btn-secondary,
body.skin-dark .dataTables_wrapper .dataTables_length label select.bSelect .btn.btn-secondary,
.dataTables_wrapper .dataTables_length label body.skin-dark select.bSelect .btn.btn-secondary,
body.skin-dark .dataTables_wrapper .dataTables_filter label select.bSelect .btn.btn-secondary,
.dataTables_wrapper .dataTables_filter label body.skin-dark select.bSelect .btn.btn-secondary,
.footable.table thead tr th .footable-filtering-search .input-group body.skin-dark .bSelect.form-control .btn.btn-secondary,
body.skin-dark .jsgrid-grid-header table tr th input.bSelect .btn.btn-secondary,
.jsgrid-grid-header table tr th body.skin-dark input.bSelect .btn.btn-secondary,
body.skin-dark .jsgrid-grid-header table tr th select.bSelect .btn.btn-secondary,
.jsgrid-grid-header table tr th body.skin-dark select.bSelect .btn.btn-secondary,
body.skin-dark .jsgrid-grid-header table tr td input.bSelect .btn.btn-secondary,
.jsgrid-grid-header table tr td body.skin-dark input.bSelect .btn.btn-secondary,
body.skin-dark .jsgrid-grid-header table tr td select.bSelect .btn.btn-secondary,
.jsgrid-grid-header table tr td body.skin-dark select.bSelect .btn.btn-secondary,
body.skin-dark .footable.table thead tr th .footable-filtering-search .input-group .bSelect.form-control .btn.btn-secondary,
body.skin-dark .jsgrid-table tr th input.bSelect:not(.jsgrid-button) .btn.btn-secondary,
body.skin-dark .jsgrid-table tr td input.bSelect:not(.jsgrid-button) .btn.btn-secondary,
body.skin-dark .jsgrid-table tr th select.bSelect .btn.btn-secondary,
body.skin-dark .jsgrid-table tr td select.bSelect .btn.btn-secondary {
    background-color: #fb7da4;
    border-color: #fb7da4;
    color: #ffffff;
}

body.skin-dark .form-control.bSelect .btn.btn-secondary:hover,
body.skin-dark #toast-container .toast .toast-message input.bSelect .btn.btn-secondary:hover,
#toast-container .toast .toast-message body.skin-dark input.bSelect .btn.btn-secondary:hover,
body.skin-dark .dataTables_wrapper .dataTables_length label input.bSelect .btn.btn-secondary:hover,
.dataTables_wrapper .dataTables_length label body.skin-dark input.bSelect .btn.btn-secondary:hover,
body.skin-dark .dataTables_wrapper .dataTables_filter label input.bSelect .btn.btn-secondary:hover,
.dataTables_wrapper .dataTables_filter label body.skin-dark input.bSelect .btn.btn-secondary:hover,
body.skin-dark .dataTables_wrapper .dataTables_length label select.bSelect .btn.btn-secondary:hover,
.dataTables_wrapper .dataTables_length label body.skin-dark select.bSelect .btn.btn-secondary:hover,
body.skin-dark .dataTables_wrapper .dataTables_filter label select.bSelect .btn.btn-secondary:hover,
.dataTables_wrapper .dataTables_filter label body.skin-dark select.bSelect .btn.btn-secondary:hover,
body.skin-dark .jsgrid-grid-header table tr th input.bSelect .btn.btn-secondary:hover,
.jsgrid-grid-header table tr th body.skin-dark input.bSelect .btn.btn-secondary:hover,
body.skin-dark .jsgrid-grid-header table tr th select.bSelect .btn.btn-secondary:hover,
.jsgrid-grid-header table tr th body.skin-dark select.bSelect .btn.btn-secondary:hover,
body.skin-dark .jsgrid-grid-header table tr td input.bSelect .btn.btn-secondary:hover,
.jsgrid-grid-header table tr td body.skin-dark input.bSelect .btn.btn-secondary:hover,
body.skin-dark .jsgrid-grid-header table tr td select.bSelect .btn.btn-secondary:hover,
.jsgrid-grid-header table tr td body.skin-dark select.bSelect .btn.btn-secondary:hover,
body.skin-dark .footable.table thead tr th .footable-filtering-search .input-group .bSelect.form-control .btn.btn-secondary:hover,
body.skin-dark .jsgrid-table tr th input.bSelect:not(.jsgrid-button) .btn.btn-secondary:hover,
body.skin-dark .jsgrid-table tr td input.bSelect:not(.jsgrid-button) .btn.btn-secondary:hover,
body.skin-dark .jsgrid-table tr th select.bSelect .btn.btn-secondary:hover,
body.skin-dark .jsgrid-table tr td select.bSelect .btn.btn-secondary:hover {
    background-color: #fa6493;
    border-color: #fa6493;
    color: #ffffff;
}

body.skin-dark .form-control.bSelect .btn.btn-success,
body.skin-dark #toast-container .toast .toast-message input.bSelect .btn.btn-success,
#toast-container .toast .toast-message body.skin-dark input.bSelect .btn.btn-success,
body.skin-dark .dataTables_wrapper .dataTables_length label input.bSelect .btn.btn-success,
.dataTables_wrapper .dataTables_length label body.skin-dark input.bSelect .btn.btn-success,
body.skin-dark .dataTables_wrapper .dataTables_filter label input.bSelect .btn.btn-success,
.dataTables_wrapper .dataTables_filter label body.skin-dark input.bSelect .btn.btn-success,
body.skin-dark .dataTables_wrapper .dataTables_length label select.bSelect .btn.btn-success,
.dataTables_wrapper .dataTables_length label body.skin-dark select.bSelect .btn.btn-success,
body.skin-dark .dataTables_wrapper .dataTables_filter label select.bSelect .btn.btn-success,
.dataTables_wrapper .dataTables_filter label body.skin-dark select.bSelect .btn.btn-success,
.footable.table thead tr th .footable-filtering-search .input-group body.skin-dark .bSelect.form-control .btn.btn-success,
body.skin-dark .jsgrid-grid-header table tr th input.bSelect .btn.btn-success,
.jsgrid-grid-header table tr th body.skin-dark input.bSelect .btn.btn-success,
body.skin-dark .jsgrid-grid-header table tr th select.bSelect .btn.btn-success,
.jsgrid-grid-header table tr th body.skin-dark select.bSelect .btn.btn-success,
body.skin-dark .jsgrid-grid-header table tr td input.bSelect .btn.btn-success,
.jsgrid-grid-header table tr td body.skin-dark input.bSelect .btn.btn-success,
body.skin-dark .jsgrid-grid-header table tr td select.bSelect .btn.btn-success,
.jsgrid-grid-header table tr td body.skin-dark select.bSelect .btn.btn-success,
body.skin-dark .footable.table thead tr th .footable-filtering-search .input-group .bSelect.form-control .btn.btn-success,
body.skin-dark .jsgrid-table tr th input.bSelect:not(.jsgrid-button) .btn.btn-success,
body.skin-dark .jsgrid-table tr td input.bSelect:not(.jsgrid-button) .btn.btn-success,
body.skin-dark .jsgrid-table tr th select.bSelect .btn.btn-success,
body.skin-dark .jsgrid-table tr td select.bSelect .btn.btn-success {
    background-color: #29db2d;
    border-color: #29db2d;
    color: #ffffff;
}

body.skin-dark .form-control.bSelect .btn.btn-success:hover,
body.skin-dark #toast-container .toast .toast-message input.bSelect .btn.btn-success:hover,
#toast-container .toast .toast-message body.skin-dark input.bSelect .btn.btn-success:hover,
body.skin-dark .dataTables_wrapper .dataTables_length label input.bSelect .btn.btn-success:hover,
.dataTables_wrapper .dataTables_length label body.skin-dark input.bSelect .btn.btn-success:hover,
body.skin-dark .dataTables_wrapper .dataTables_filter label input.bSelect .btn.btn-success:hover,
.dataTables_wrapper .dataTables_filter label body.skin-dark input.bSelect .btn.btn-success:hover,
body.skin-dark .dataTables_wrapper .dataTables_length label select.bSelect .btn.btn-success:hover,
.dataTables_wrapper .dataTables_length label body.skin-dark select.bSelect .btn.btn-success:hover,
body.skin-dark .dataTables_wrapper .dataTables_filter label select.bSelect .btn.btn-success:hover,
.dataTables_wrapper .dataTables_filter label body.skin-dark select.bSelect .btn.btn-success:hover,
body.skin-dark .jsgrid-grid-header table tr th input.bSelect .btn.btn-success:hover,
.jsgrid-grid-header table tr th body.skin-dark input.bSelect .btn.btn-success:hover,
body.skin-dark .jsgrid-grid-header table tr th select.bSelect .btn.btn-success:hover,
.jsgrid-grid-header table tr th body.skin-dark select.bSelect .btn.btn-success:hover,
body.skin-dark .jsgrid-grid-header table tr td input.bSelect .btn.btn-success:hover,
.jsgrid-grid-header table tr td body.skin-dark input.bSelect .btn.btn-success:hover,
body.skin-dark .jsgrid-grid-header table tr td select.bSelect .btn.btn-success:hover,
.jsgrid-grid-header table tr td body.skin-dark select.bSelect .btn.btn-success:hover,
body.skin-dark .footable.table thead tr th .footable-filtering-search .input-group .bSelect.form-control .btn.btn-success:hover,
body.skin-dark .jsgrid-table tr th input.bSelect:not(.jsgrid-button) .btn.btn-success:hover,
body.skin-dark .jsgrid-table tr td input.bSelect:not(.jsgrid-button) .btn.btn-success:hover,
body.skin-dark .jsgrid-table tr th select.bSelect .btn.btn-success:hover,
body.skin-dark .jsgrid-table tr td select.bSelect .btn.btn-success:hover {
    background-color: #22c926;
    border-color: #22c926;
    color: #ffffff;
}

body.skin-dark .form-control.bSelect .btn.btn-danger,
body.skin-dark #toast-container .toast .toast-message input.bSelect .btn.btn-danger,
#toast-container .toast .toast-message body.skin-dark input.bSelect .btn.btn-danger,
body.skin-dark .dataTables_wrapper .dataTables_length label input.bSelect .btn.btn-danger,
.dataTables_wrapper .dataTables_length label body.skin-dark input.bSelect .btn.btn-danger,
body.skin-dark .dataTables_wrapper .dataTables_filter label input.bSelect .btn.btn-danger,
.dataTables_wrapper .dataTables_filter label body.skin-dark input.bSelect .btn.btn-danger,
body.skin-dark .dataTables_wrapper .dataTables_length label select.bSelect .btn.btn-danger,
.dataTables_wrapper .dataTables_length label body.skin-dark select.bSelect .btn.btn-danger,
body.skin-dark .dataTables_wrapper .dataTables_filter label select.bSelect .btn.btn-danger,
.dataTables_wrapper .dataTables_filter label body.skin-dark select.bSelect .btn.btn-danger,
.footable.table thead tr th .footable-filtering-search .input-group body.skin-dark .bSelect.form-control .btn.btn-danger,
body.skin-dark .jsgrid-grid-header table tr th input.bSelect .btn.btn-danger,
.jsgrid-grid-header table tr th body.skin-dark input.bSelect .btn.btn-danger,
body.skin-dark .jsgrid-grid-header table tr th select.bSelect .btn.btn-danger,
.jsgrid-grid-header table tr th body.skin-dark select.bSelect .btn.btn-danger,
body.skin-dark .jsgrid-grid-header table tr td input.bSelect .btn.btn-danger,
.jsgrid-grid-header table tr td body.skin-dark input.bSelect .btn.btn-danger,
body.skin-dark .jsgrid-grid-header table tr td select.bSelect .btn.btn-danger,
.jsgrid-grid-header table tr td body.skin-dark select.bSelect .btn.btn-danger,
body.skin-dark .footable.table thead tr th .footable-filtering-search .input-group .bSelect.form-control .btn.btn-danger,
body.skin-dark .jsgrid-table tr th input.bSelect:not(.jsgrid-button) .btn.btn-danger,
body.skin-dark .jsgrid-table tr td input.bSelect:not(.jsgrid-button) .btn.btn-danger,
body.skin-dark .jsgrid-table tr th select.bSelect .btn.btn-danger,
body.skin-dark .jsgrid-table tr td select.bSelect .btn.btn-danger {
    background-color: #fd427c;
    border-color: #fd427c;
    color: #ffffff;
}

body.skin-dark .form-control.bSelect .btn.btn-danger:hover,
body.skin-dark #toast-container .toast .toast-message input.bSelect .btn.btn-danger:hover,
#toast-container .toast .toast-message body.skin-dark input.bSelect .btn.btn-danger:hover,
body.skin-dark .dataTables_wrapper .dataTables_length label input.bSelect .btn.btn-danger:hover,
.dataTables_wrapper .dataTables_length label body.skin-dark input.bSelect .btn.btn-danger:hover,
body.skin-dark .dataTables_wrapper .dataTables_filter label input.bSelect .btn.btn-danger:hover,
.dataTables_wrapper .dataTables_filter label body.skin-dark input.bSelect .btn.btn-danger:hover,
body.skin-dark .dataTables_wrapper .dataTables_length label select.bSelect .btn.btn-danger:hover,
.dataTables_wrapper .dataTables_length label body.skin-dark select.bSelect .btn.btn-danger:hover,
body.skin-dark .dataTables_wrapper .dataTables_filter label select.bSelect .btn.btn-danger:hover,
.dataTables_wrapper .dataTables_filter label body.skin-dark select.bSelect .btn.btn-danger:hover,
body.skin-dark .jsgrid-grid-header table tr th input.bSelect .btn.btn-danger:hover,
.jsgrid-grid-header table tr th body.skin-dark input.bSelect .btn.btn-danger:hover,
body.skin-dark .jsgrid-grid-header table tr th select.bSelect .btn.btn-danger:hover,
.jsgrid-grid-header table tr th body.skin-dark select.bSelect .btn.btn-danger:hover,
body.skin-dark .jsgrid-grid-header table tr td input.bSelect .btn.btn-danger:hover,
.jsgrid-grid-header table tr td body.skin-dark input.bSelect .btn.btn-danger:hover,
body.skin-dark .jsgrid-grid-header table tr td select.bSelect .btn.btn-danger:hover,
.jsgrid-grid-header table tr td body.skin-dark select.bSelect .btn.btn-danger:hover,
body.skin-dark .footable.table thead tr th .footable-filtering-search .input-group .bSelect.form-control .btn.btn-danger:hover,
body.skin-dark .jsgrid-table tr th input.bSelect:not(.jsgrid-button) .btn.btn-danger:hover,
body.skin-dark .jsgrid-table tr td input.bSelect:not(.jsgrid-button) .btn.btn-danger:hover,
body.skin-dark .jsgrid-table tr th select.bSelect .btn.btn-danger:hover,
body.skin-dark .jsgrid-table tr td select.bSelect .btn.btn-danger:hover {
    background-color: #fd296b;
    border-color: #fd296b;
    color: #ffffff;
}

body.skin-dark .form-control.bSelect .btn.btn-warning,
body.skin-dark #toast-container .toast .toast-message input.bSelect .btn.btn-warning,
#toast-container .toast .toast-message body.skin-dark input.bSelect .btn.btn-warning,
body.skin-dark .dataTables_wrapper .dataTables_length label input.bSelect .btn.btn-warning,
.dataTables_wrapper .dataTables_length label body.skin-dark input.bSelect .btn.btn-warning,
body.skin-dark .dataTables_wrapper .dataTables_filter label input.bSelect .btn.btn-warning,
.dataTables_wrapper .dataTables_filter label body.skin-dark input.bSelect .btn.btn-warning,
body.skin-dark .dataTables_wrapper .dataTables_length label select.bSelect .btn.btn-warning,
.dataTables_wrapper .dataTables_length label body.skin-dark select.bSelect .btn.btn-warning,
body.skin-dark .dataTables_wrapper .dataTables_filter label select.bSelect .btn.btn-warning,
.dataTables_wrapper .dataTables_filter label body.skin-dark select.bSelect .btn.btn-warning,
.footable.table thead tr th .footable-filtering-search .input-group body.skin-dark .bSelect.form-control .btn.btn-warning,
body.skin-dark .jsgrid-grid-header table tr th input.bSelect .btn.btn-warning,
.jsgrid-grid-header table tr th body.skin-dark input.bSelect .btn.btn-warning,
body.skin-dark .jsgrid-grid-header table tr th select.bSelect .btn.btn-warning,
.jsgrid-grid-header table tr th body.skin-dark select.bSelect .btn.btn-warning,
body.skin-dark .jsgrid-grid-header table tr td input.bSelect .btn.btn-warning,
.jsgrid-grid-header table tr td body.skin-dark input.bSelect .btn.btn-warning,
body.skin-dark .jsgrid-grid-header table tr td select.bSelect .btn.btn-warning,
.jsgrid-grid-header table tr td body.skin-dark select.bSelect .btn.btn-warning,
body.skin-dark .footable.table thead tr th .footable-filtering-search .input-group .bSelect.form-control .btn.btn-warning,
body.skin-dark .jsgrid-table tr th input.bSelect:not(.jsgrid-button) .btn.btn-warning,
body.skin-dark .jsgrid-table tr td input.bSelect:not(.jsgrid-button) .btn.btn-warning,
body.skin-dark .jsgrid-table tr th select.bSelect .btn.btn-warning,
body.skin-dark .jsgrid-table tr td select.bSelect .btn.btn-warning {
    background-color: #ff9666;
    border-color: #ff9666;
    color: #ffffff;
}

body.skin-dark .form-control.bSelect .btn.btn-warning:hover,
body.skin-dark #toast-container .toast .toast-message input.bSelect .btn.btn-warning:hover,
#toast-container .toast .toast-message body.skin-dark input.bSelect .btn.btn-warning:hover,
body.skin-dark .dataTables_wrapper .dataTables_length label input.bSelect .btn.btn-warning:hover,
.dataTables_wrapper .dataTables_length label body.skin-dark input.bSelect .btn.btn-warning:hover,
body.skin-dark .dataTables_wrapper .dataTables_filter label input.bSelect .btn.btn-warning:hover,
.dataTables_wrapper .dataTables_filter label body.skin-dark input.bSelect .btn.btn-warning:hover,
body.skin-dark .dataTables_wrapper .dataTables_length label select.bSelect .btn.btn-warning:hover,
.dataTables_wrapper .dataTables_length label body.skin-dark select.bSelect .btn.btn-warning:hover,
body.skin-dark .dataTables_wrapper .dataTables_filter label select.bSelect .btn.btn-warning:hover,
.dataTables_wrapper .dataTables_filter label body.skin-dark select.bSelect .btn.btn-warning:hover,
body.skin-dark .jsgrid-grid-header table tr th input.bSelect .btn.btn-warning:hover,
.jsgrid-grid-header table tr th body.skin-dark input.bSelect .btn.btn-warning:hover,
body.skin-dark .jsgrid-grid-header table tr th select.bSelect .btn.btn-warning:hover,
.jsgrid-grid-header table tr th body.skin-dark select.bSelect .btn.btn-warning:hover,
body.skin-dark .jsgrid-grid-header table tr td input.bSelect .btn.btn-warning:hover,
.jsgrid-grid-header table tr td body.skin-dark input.bSelect .btn.btn-warning:hover,
body.skin-dark .jsgrid-grid-header table tr td select.bSelect .btn.btn-warning:hover,
.jsgrid-grid-header table tr td body.skin-dark select.bSelect .btn.btn-warning:hover,
body.skin-dark .footable.table thead tr th .footable-filtering-search .input-group .bSelect.form-control .btn.btn-warning:hover,
body.skin-dark .jsgrid-table tr th input.bSelect:not(.jsgrid-button) .btn.btn-warning:hover,
body.skin-dark .jsgrid-table tr td input.bSelect:not(.jsgrid-button) .btn.btn-warning:hover,
body.skin-dark .jsgrid-table tr th select.bSelect .btn.btn-warning:hover,
body.skin-dark .jsgrid-table tr td select.bSelect .btn.btn-warning:hover {
    background-color: #ff854d;
    border-color: #ff854d;
    color: #ffffff;
}

body.skin-dark .form-control.bSelect .btn.btn-info,
body.skin-dark #toast-container .toast .toast-message input.bSelect .btn.btn-info,
#toast-container .toast .toast-message body.skin-dark input.bSelect .btn.btn-info,
body.skin-dark .dataTables_wrapper .dataTables_length label input.bSelect .btn.btn-info,
.dataTables_wrapper .dataTables_length label body.skin-dark input.bSelect .btn.btn-info,
body.skin-dark .dataTables_wrapper .dataTables_filter label input.bSelect .btn.btn-info,
.dataTables_wrapper .dataTables_filter label body.skin-dark input.bSelect .btn.btn-info,
body.skin-dark .dataTables_wrapper .dataTables_length label select.bSelect .btn.btn-info,
.dataTables_wrapper .dataTables_length label body.skin-dark select.bSelect .btn.btn-info,
body.skin-dark .dataTables_wrapper .dataTables_filter label select.bSelect .btn.btn-info,
.dataTables_wrapper .dataTables_filter label body.skin-dark select.bSelect .btn.btn-info,
.footable.table thead tr th .footable-filtering-search .input-group body.skin-dark .bSelect.form-control .btn.btn-info,
body.skin-dark .jsgrid-grid-header table tr th input.bSelect .btn.btn-info,
.jsgrid-grid-header table tr th body.skin-dark input.bSelect .btn.btn-info,
body.skin-dark .jsgrid-grid-header table tr th select.bSelect .btn.btn-info,
.jsgrid-grid-header table tr th body.skin-dark select.bSelect .btn.btn-info,
body.skin-dark .jsgrid-grid-header table tr td input.bSelect .btn.btn-info,
.jsgrid-grid-header table tr td body.skin-dark input.bSelect .btn.btn-info,
body.skin-dark .jsgrid-grid-header table tr td select.bSelect .btn.btn-info,
.jsgrid-grid-header table tr td body.skin-dark select.bSelect .btn.btn-info,
body.skin-dark .footable.table thead tr th .footable-filtering-search .input-group .bSelect.form-control .btn.btn-info,
body.skin-dark .jsgrid-table tr th input.bSelect:not(.jsgrid-button) .btn.btn-info,
body.skin-dark .jsgrid-table tr td input.bSelect:not(.jsgrid-button) .btn.btn-info,
body.skin-dark .jsgrid-table tr th select.bSelect .btn.btn-info,
body.skin-dark .jsgrid-table tr td select.bSelect .btn.btn-info {
    background-color: #17a2b8;
    border-color: #17a2b8;
    color: #ffffff;
}

body.skin-dark .form-control.bSelect .btn.btn-info:hover,
body.skin-dark #toast-container .toast .toast-message input.bSelect .btn.btn-info:hover,
#toast-container .toast .toast-message body.skin-dark input.bSelect .btn.btn-info:hover,
body.skin-dark .dataTables_wrapper .dataTables_length label input.bSelect .btn.btn-info:hover,
.dataTables_wrapper .dataTables_length label body.skin-dark input.bSelect .btn.btn-info:hover,
body.skin-dark .dataTables_wrapper .dataTables_filter label input.bSelect .btn.btn-info:hover,
.dataTables_wrapper .dataTables_filter label body.skin-dark input.bSelect .btn.btn-info:hover,
body.skin-dark .dataTables_wrapper .dataTables_length label select.bSelect .btn.btn-info:hover,
.dataTables_wrapper .dataTables_length label body.skin-dark select.bSelect .btn.btn-info:hover,
body.skin-dark .dataTables_wrapper .dataTables_filter label select.bSelect .btn.btn-info:hover,
.dataTables_wrapper .dataTables_filter label body.skin-dark select.bSelect .btn.btn-info:hover,
body.skin-dark .jsgrid-grid-header table tr th input.bSelect .btn.btn-info:hover,
.jsgrid-grid-header table tr th body.skin-dark input.bSelect .btn.btn-info:hover,
body.skin-dark .jsgrid-grid-header table tr th select.bSelect .btn.btn-info:hover,
.jsgrid-grid-header table tr th body.skin-dark select.bSelect .btn.btn-info:hover,
body.skin-dark .jsgrid-grid-header table tr td input.bSelect .btn.btn-info:hover,
.jsgrid-grid-header table tr td body.skin-dark input.bSelect .btn.btn-info:hover,
body.skin-dark .jsgrid-grid-header table tr td select.bSelect .btn.btn-info:hover,
.jsgrid-grid-header table tr td body.skin-dark select.bSelect .btn.btn-info:hover,
body.skin-dark .footable.table thead tr th .footable-filtering-search .input-group .bSelect.form-control .btn.btn-info:hover,
body.skin-dark .jsgrid-table tr th input.bSelect:not(.jsgrid-button) .btn.btn-info:hover,
body.skin-dark .jsgrid-table tr td input.bSelect:not(.jsgrid-button) .btn.btn-info:hover,
body.skin-dark .jsgrid-table tr th select.bSelect .btn.btn-info:hover,
body.skin-dark .jsgrid-table tr td select.bSelect .btn.btn-info:hover {
    background-color: #148ea1;
    border-color: #148ea1;
    color: #ffffff;
}

body.skin-dark .form-control.bSelect .dropdown-menu,
body.skin-dark #toast-container .toast .toast-message input.bSelect .dropdown-menu,
#toast-container .toast .toast-message body.skin-dark input.bSelect .dropdown-menu,
body.skin-dark .dataTables_wrapper .dataTables_length label input.bSelect .dropdown-menu,
.dataTables_wrapper .dataTables_length label body.skin-dark input.bSelect .dropdown-menu,
body.skin-dark .dataTables_wrapper .dataTables_filter label input.bSelect .dropdown-menu,
.dataTables_wrapper .dataTables_filter label body.skin-dark input.bSelect .dropdown-menu,
body.skin-dark .dataTables_wrapper .dataTables_length label select.bSelect .dropdown-menu,
.dataTables_wrapper .dataTables_length label body.skin-dark select.bSelect .dropdown-menu,
body.skin-dark .dataTables_wrapper .dataTables_filter label select.bSelect .dropdown-menu,
.dataTables_wrapper .dataTables_filter label body.skin-dark select.bSelect .dropdown-menu,
.footable.table thead tr th .footable-filtering-search .input-group body.skin-dark .bSelect.form-control .dropdown-menu,
body.skin-dark .jsgrid-grid-header table tr th input.bSelect .dropdown-menu,
.jsgrid-grid-header table tr th body.skin-dark input.bSelect .dropdown-menu,
body.skin-dark .jsgrid-grid-header table tr th select.bSelect .dropdown-menu,
.jsgrid-grid-header table tr th body.skin-dark select.bSelect .dropdown-menu,
body.skin-dark .jsgrid-grid-header table tr td input.bSelect .dropdown-menu,
.jsgrid-grid-header table tr td body.skin-dark input.bSelect .dropdown-menu,
body.skin-dark .jsgrid-grid-header table tr td select.bSelect .dropdown-menu,
.jsgrid-grid-header table tr td body.skin-dark select.bSelect .dropdown-menu,
body.skin-dark .footable.table thead tr th .footable-filtering-search .input-group .bSelect.form-control .dropdown-menu,
body.skin-dark .jsgrid-table tr th input.bSelect:not(.jsgrid-button) .dropdown-menu,
body.skin-dark .jsgrid-table tr td input.bSelect:not(.jsgrid-button) .dropdown-menu,
body.skin-dark .jsgrid-table tr th select.bSelect .dropdown-menu,
body.skin-dark .jsgrid-table tr td select.bSelect .dropdown-menu {
    border-color: #333853;
    background-color: #333853;
}

body.skin-dark .form-control.bSelect .dropdown-menu li span,
body.skin-dark #toast-container .toast .toast-message input.bSelect .dropdown-menu li span,
#toast-container .toast .toast-message body.skin-dark input.bSelect .dropdown-menu li span,
body.skin-dark .dataTables_wrapper .dataTables_length label input.bSelect .dropdown-menu li span,
.dataTables_wrapper .dataTables_length label body.skin-dark input.bSelect .dropdown-menu li span,
body.skin-dark .dataTables_wrapper .dataTables_filter label input.bSelect .dropdown-menu li span,
.dataTables_wrapper .dataTables_filter label body.skin-dark input.bSelect .dropdown-menu li span,
body.skin-dark .dataTables_wrapper .dataTables_length label select.bSelect .dropdown-menu li span,
.dataTables_wrapper .dataTables_length label body.skin-dark select.bSelect .dropdown-menu li span,
body.skin-dark .dataTables_wrapper .dataTables_filter label select.bSelect .dropdown-menu li span,
.dataTables_wrapper .dataTables_filter label body.skin-dark select.bSelect .dropdown-menu li span,
.footable.table thead tr th .footable-filtering-search .input-group body.skin-dark .bSelect.form-control .dropdown-menu li span,
body.skin-dark .jsgrid-grid-header table tr th input.bSelect .dropdown-menu li span,
.jsgrid-grid-header table tr th body.skin-dark input.bSelect .dropdown-menu li span,
body.skin-dark .jsgrid-grid-header table tr th select.bSelect .dropdown-menu li span,
.jsgrid-grid-header table tr th body.skin-dark select.bSelect .dropdown-menu li span,
body.skin-dark .jsgrid-grid-header table tr td input.bSelect .dropdown-menu li span,
.jsgrid-grid-header table tr td body.skin-dark input.bSelect .dropdown-menu li span,
body.skin-dark .jsgrid-grid-header table tr td select.bSelect .dropdown-menu li span,
.jsgrid-grid-header table tr td body.skin-dark select.bSelect .dropdown-menu li span,
body.skin-dark .footable.table thead tr th .footable-filtering-search .input-group .bSelect.form-control .dropdown-menu li span,
body.skin-dark .jsgrid-table tr th input.bSelect:not(.jsgrid-button) .dropdown-menu li span,
body.skin-dark .jsgrid-table tr td input.bSelect:not(.jsgrid-button) .dropdown-menu li span,
body.skin-dark .jsgrid-table tr th select.bSelect .dropdown-menu li span,
body.skin-dark .jsgrid-table tr td select.bSelect .dropdown-menu li span {
    color: #8b8d9b;
}

body.skin-dark .form-control.bSelect .dropdown-menu li.selected span,
body.skin-dark #toast-container .toast .toast-message input.bSelect .dropdown-menu li.selected span,
#toast-container .toast .toast-message body.skin-dark input.bSelect .dropdown-menu li.selected span,
body.skin-dark .dataTables_wrapper .dataTables_length label input.bSelect .dropdown-menu li.selected span,
.dataTables_wrapper .dataTables_length label body.skin-dark input.bSelect .dropdown-menu li.selected span,
body.skin-dark .dataTables_wrapper .dataTables_filter label input.bSelect .dropdown-menu li.selected span,
.dataTables_wrapper .dataTables_filter label body.skin-dark input.bSelect .dropdown-menu li.selected span,
body.skin-dark .dataTables_wrapper .dataTables_length label select.bSelect .dropdown-menu li.selected span,
.dataTables_wrapper .dataTables_length label body.skin-dark select.bSelect .dropdown-menu li.selected span,
body.skin-dark .dataTables_wrapper .dataTables_filter label select.bSelect .dropdown-menu li.selected span,
.dataTables_wrapper .dataTables_filter label body.skin-dark select.bSelect .dropdown-menu li.selected span,
body.skin-dark .jsgrid-grid-header table tr th input.bSelect .dropdown-menu li.selected span,
.jsgrid-grid-header table tr th body.skin-dark input.bSelect .dropdown-menu li.selected span,
body.skin-dark .jsgrid-grid-header table tr th select.bSelect .dropdown-menu li.selected span,
.jsgrid-grid-header table tr th body.skin-dark select.bSelect .dropdown-menu li.selected span,
body.skin-dark .jsgrid-grid-header table tr td input.bSelect .dropdown-menu li.selected span,
.jsgrid-grid-header table tr td body.skin-dark input.bSelect .dropdown-menu li.selected span,
body.skin-dark .jsgrid-grid-header table tr td select.bSelect .dropdown-menu li.selected span,
.jsgrid-grid-header table tr td body.skin-dark select.bSelect .dropdown-menu li.selected span,
body.skin-dark .footable.table thead tr th .footable-filtering-search .input-group .bSelect.form-control .dropdown-menu li.selected span,
body.skin-dark .jsgrid-table tr th input.bSelect:not(.jsgrid-button) .dropdown-menu li.selected span,
body.skin-dark .jsgrid-table tr td input.bSelect:not(.jsgrid-button) .dropdown-menu li.selected span,
body.skin-dark .jsgrid-table tr th select.bSelect .dropdown-menu li.selected span,
body.skin-dark .jsgrid-table tr td select.bSelect .dropdown-menu li.selected span {
    color: #ffffff;
}

body.skin-dark .form-control.bSelect .dropdown-menu li a:hover,
body.skin-dark #toast-container .toast .toast-message input.bSelect .dropdown-menu li a:hover,
#toast-container .toast .toast-message body.skin-dark input.bSelect .dropdown-menu li a:hover,
body.skin-dark .dataTables_wrapper .dataTables_length label input.bSelect .dropdown-menu li a:hover,
.dataTables_wrapper .dataTables_length label body.skin-dark input.bSelect .dropdown-menu li a:hover,
body.skin-dark .dataTables_wrapper .dataTables_filter label input.bSelect .dropdown-menu li a:hover,
.dataTables_wrapper .dataTables_filter label body.skin-dark input.bSelect .dropdown-menu li a:hover,
body.skin-dark .dataTables_wrapper .dataTables_length label select.bSelect .dropdown-menu li a:hover,
.dataTables_wrapper .dataTables_length label body.skin-dark select.bSelect .dropdown-menu li a:hover,
body.skin-dark .dataTables_wrapper .dataTables_filter label select.bSelect .dropdown-menu li a:hover,
.dataTables_wrapper .dataTables_filter label body.skin-dark select.bSelect .dropdown-menu li a:hover,
body.skin-dark .jsgrid-grid-header table tr th input.bSelect .dropdown-menu li a:hover,
.jsgrid-grid-header table tr th body.skin-dark input.bSelect .dropdown-menu li a:hover,
body.skin-dark .jsgrid-grid-header table tr th select.bSelect .dropdown-menu li a:hover,
.jsgrid-grid-header table tr th body.skin-dark select.bSelect .dropdown-menu li a:hover,
body.skin-dark .jsgrid-grid-header table tr td input.bSelect .dropdown-menu li a:hover,
.jsgrid-grid-header table tr td body.skin-dark input.bSelect .dropdown-menu li a:hover,
body.skin-dark .jsgrid-grid-header table tr td select.bSelect .dropdown-menu li a:hover,
.jsgrid-grid-header table tr td body.skin-dark select.bSelect .dropdown-menu li a:hover,
body.skin-dark .footable.table thead tr th .footable-filtering-search .input-group .bSelect.form-control .dropdown-menu li a:hover,
body.skin-dark .jsgrid-table tr th input.bSelect:not(.jsgrid-button) .dropdown-menu li a:hover,
body.skin-dark .jsgrid-table tr td input.bSelect:not(.jsgrid-button) .dropdown-menu li a:hover,
body.skin-dark .jsgrid-table tr th select.bSelect .dropdown-menu li a:hover,
body.skin-dark .jsgrid-table tr td select.bSelect .dropdown-menu li a:hover {
    background-color: #292d44;
}

body.skin-dark .form-control.bSelect .dropdown-menu li.dropdown-divider,
body.skin-dark #toast-container .toast .toast-message input.bSelect .dropdown-menu li.dropdown-divider,
#toast-container .toast .toast-message body.skin-dark input.bSelect .dropdown-menu li.dropdown-divider,
body.skin-dark .dataTables_wrapper .dataTables_length label input.bSelect .dropdown-menu li.dropdown-divider,
.dataTables_wrapper .dataTables_length label body.skin-dark input.bSelect .dropdown-menu li.dropdown-divider,
body.skin-dark .dataTables_wrapper .dataTables_filter label input.bSelect .dropdown-menu li.dropdown-divider,
.dataTables_wrapper .dataTables_filter label body.skin-dark input.bSelect .dropdown-menu li.dropdown-divider,
body.skin-dark .dataTables_wrapper .dataTables_length label select.bSelect .dropdown-menu li.dropdown-divider,
.dataTables_wrapper .dataTables_length label body.skin-dark select.bSelect .dropdown-menu li.dropdown-divider,
body.skin-dark .dataTables_wrapper .dataTables_filter label select.bSelect .dropdown-menu li.dropdown-divider,
.dataTables_wrapper .dataTables_filter label body.skin-dark select.bSelect .dropdown-menu li.dropdown-divider,
.footable.table thead tr th .footable-filtering-search .input-group body.skin-dark .bSelect.form-control .dropdown-menu li.dropdown-divider,
body.skin-dark .jsgrid-grid-header table tr th input.bSelect .dropdown-menu li.dropdown-divider,
.jsgrid-grid-header table tr th body.skin-dark input.bSelect .dropdown-menu li.dropdown-divider,
body.skin-dark .jsgrid-grid-header table tr th select.bSelect .dropdown-menu li.dropdown-divider,
.jsgrid-grid-header table tr th body.skin-dark select.bSelect .dropdown-menu li.dropdown-divider,
body.skin-dark .jsgrid-grid-header table tr td input.bSelect .dropdown-menu li.dropdown-divider,
.jsgrid-grid-header table tr td body.skin-dark input.bSelect .dropdown-menu li.dropdown-divider,
body.skin-dark .jsgrid-grid-header table tr td select.bSelect .dropdown-menu li.dropdown-divider,
.jsgrid-grid-header table tr td body.skin-dark select.bSelect .dropdown-menu li.dropdown-divider,
body.skin-dark .footable.table thead tr th .footable-filtering-search .input-group .bSelect.form-control .dropdown-menu li.dropdown-divider,
body.skin-dark .jsgrid-table tr th input.bSelect:not(.jsgrid-button) .dropdown-menu li.dropdown-divider,
body.skin-dark .jsgrid-table tr td input.bSelect:not(.jsgrid-button) .dropdown-menu li.dropdown-divider,
body.skin-dark .jsgrid-table tr th select.bSelect .dropdown-menu li.dropdown-divider,
body.skin-dark .jsgrid-table tr td select.bSelect .dropdown-menu li.dropdown-divider {
    border-color: #202334;
}

body.skin-dark .form-control.bSelect.dark,
body.skin-dark #toast-container .toast .toast-message input.bSelect.dark,
#toast-container .toast .toast-message body.skin-dark input.bSelect.dark,
body.skin-dark .dataTables_wrapper .dataTables_length label input.bSelect.dark,
.dataTables_wrapper .dataTables_length label body.skin-dark input.bSelect.dark,
body.skin-dark .dataTables_wrapper .dataTables_filter label input.bSelect.dark,
.dataTables_wrapper .dataTables_filter label body.skin-dark input.bSelect.dark,
body.skin-dark .dataTables_wrapper .dataTables_length label select.bSelect.dark,
.dataTables_wrapper .dataTables_length label body.skin-dark select.bSelect.dark,
body.skin-dark .dataTables_wrapper .dataTables_filter label select.bSelect.dark,
.dataTables_wrapper .dataTables_filter label body.skin-dark select.bSelect.dark,
.footable.table thead tr th .footable-filtering-search .input-group body.skin-dark .bSelect.dark.form-control,
body.skin-dark .jsgrid-grid-header table tr th input.bSelect.dark,
.jsgrid-grid-header table tr th body.skin-dark input.bSelect.dark,
body.skin-dark .jsgrid-grid-header table tr th select.bSelect.dark,
.jsgrid-grid-header table tr th body.skin-dark select.bSelect.dark,
body.skin-dark .jsgrid-grid-header table tr td input.bSelect.dark,
.jsgrid-grid-header table tr td body.skin-dark input.bSelect.dark,
body.skin-dark .jsgrid-grid-header table tr td select.bSelect.dark,
.jsgrid-grid-header table tr td body.skin-dark select.bSelect.dark,
body.skin-dark .footable.table thead tr th .footable-filtering-search .input-group .bSelect.dark.form-control,
body.skin-dark .jsgrid-table tr th input.bSelect.dark:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr td input.bSelect.dark:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr th select.bSelect.dark,
body.skin-dark .jsgrid-table tr td select.bSelect.dark,
body.skin-dark .form-control.bSelect.focus-dark:focus,
body.skin-dark #toast-container .toast .toast-message input.bSelect.focus-dark:focus,
#toast-container .toast .toast-message body.skin-dark input.bSelect.focus-dark:focus,
body.skin-dark .dataTables_wrapper .dataTables_length label input.bSelect.focus-dark:focus,
.dataTables_wrapper .dataTables_length label body.skin-dark input.bSelect.focus-dark:focus,
body.skin-dark .dataTables_wrapper .dataTables_filter label input.bSelect.focus-dark:focus,
.dataTables_wrapper .dataTables_filter label body.skin-dark input.bSelect.focus-dark:focus,
body.skin-dark .dataTables_wrapper .dataTables_length label select.bSelect.focus-dark:focus,
.dataTables_wrapper .dataTables_length label body.skin-dark select.bSelect.focus-dark:focus,
body.skin-dark .dataTables_wrapper .dataTables_filter label select.bSelect.focus-dark:focus,
.dataTables_wrapper .dataTables_filter label body.skin-dark select.bSelect.focus-dark:focus,
.footable.table thead tr th .footable-filtering-search .input-group body.skin-dark .bSelect.focus-dark.form-control:focus,
body.skin-dark .jsgrid-grid-header table tr th input.bSelect.focus-dark:focus,
.jsgrid-grid-header table tr th body.skin-dark input.bSelect.focus-dark:focus,
body.skin-dark .jsgrid-grid-header table tr th select.bSelect.focus-dark:focus,
.jsgrid-grid-header table tr th body.skin-dark select.bSelect.focus-dark:focus,
body.skin-dark .jsgrid-grid-header table tr td input.bSelect.focus-dark:focus,
.jsgrid-grid-header table tr td body.skin-dark input.bSelect.focus-dark:focus,
body.skin-dark .jsgrid-grid-header table tr td select.bSelect.focus-dark:focus,
.jsgrid-grid-header table tr td body.skin-dark select.bSelect.focus-dark:focus,
body.skin-dark .footable.table thead tr th .footable-filtering-search .input-group .bSelect.focus-dark.form-control:focus,
body.skin-dark .jsgrid-table tr th input.bSelect.focus-dark:focus:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr td input.bSelect.focus-dark:focus:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr th select.bSelect.focus-dark:focus,
body.skin-dark .jsgrid-table tr td select.bSelect.focus-dark:focus {
    border-color: #343434;
}

body.skin-dark .form-control.bSelect.primary,
body.skin-dark #toast-container .toast .toast-message input.bSelect.primary,
#toast-container .toast .toast-message body.skin-dark input.bSelect.primary,
body.skin-dark .dataTables_wrapper .dataTables_length label input.bSelect.primary,
.dataTables_wrapper .dataTables_length label body.skin-dark input.bSelect.primary,
body.skin-dark .dataTables_wrapper .dataTables_filter label input.bSelect.primary,
.dataTables_wrapper .dataTables_filter label body.skin-dark input.bSelect.primary,
body.skin-dark .dataTables_wrapper .dataTables_length label select.bSelect.primary,
.dataTables_wrapper .dataTables_length label body.skin-dark select.bSelect.primary,
body.skin-dark .dataTables_wrapper .dataTables_filter label select.bSelect.primary,
.dataTables_wrapper .dataTables_filter label body.skin-dark select.bSelect.primary,
.footable.table thead tr th .footable-filtering-search .input-group body.skin-dark .bSelect.primary.form-control,
body.skin-dark .jsgrid-grid-header table tr th input.bSelect.primary,
.jsgrid-grid-header table tr th body.skin-dark input.bSelect.primary,
body.skin-dark .jsgrid-grid-header table tr th select.bSelect.primary,
.jsgrid-grid-header table tr th body.skin-dark select.bSelect.primary,
body.skin-dark .jsgrid-grid-header table tr td input.bSelect.primary,
.jsgrid-grid-header table tr td body.skin-dark input.bSelect.primary,
body.skin-dark .jsgrid-grid-header table tr td select.bSelect.primary,
.jsgrid-grid-header table tr td body.skin-dark select.bSelect.primary,
body.skin-dark .footable.table thead tr th .footable-filtering-search .input-group .bSelect.primary.form-control,
body.skin-dark .jsgrid-table tr th input.bSelect.primary:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr td input.bSelect.primary:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr th select.bSelect.primary,
body.skin-dark .jsgrid-table tr td select.bSelect.primary,
body.skin-dark .form-control.bSelect.focus-primary:focus,
body.skin-dark #toast-container .toast .toast-message input.bSelect.focus-primary:focus,
#toast-container .toast .toast-message body.skin-dark input.bSelect.focus-primary:focus,
body.skin-dark .dataTables_wrapper .dataTables_length label input.bSelect.focus-primary:focus,
.dataTables_wrapper .dataTables_length label body.skin-dark input.bSelect.focus-primary:focus,
body.skin-dark .dataTables_wrapper .dataTables_filter label input.bSelect.focus-primary:focus,
.dataTables_wrapper .dataTables_filter label body.skin-dark input.bSelect.focus-primary:focus,
body.skin-dark .dataTables_wrapper .dataTables_length label select.bSelect.focus-primary:focus,
.dataTables_wrapper .dataTables_length label body.skin-dark select.bSelect.focus-primary:focus,
body.skin-dark .dataTables_wrapper .dataTables_filter label select.bSelect.focus-primary:focus,
.dataTables_wrapper .dataTables_filter label body.skin-dark select.bSelect.focus-primary:focus,
.footable.table thead tr th .footable-filtering-search .input-group body.skin-dark .bSelect.focus-primary.form-control:focus,
body.skin-dark .jsgrid-grid-header table tr th input.bSelect.focus-primary:focus,
.jsgrid-grid-header table tr th body.skin-dark input.bSelect.focus-primary:focus,
body.skin-dark .jsgrid-grid-header table tr th select.bSelect.focus-primary:focus,
.jsgrid-grid-header table tr th body.skin-dark select.bSelect.focus-primary:focus,
body.skin-dark .jsgrid-grid-header table tr td input.bSelect.focus-primary:focus,
.jsgrid-grid-header table tr td body.skin-dark input.bSelect.focus-primary:focus,
body.skin-dark .jsgrid-grid-header table tr td select.bSelect.focus-primary:focus,
.jsgrid-grid-header table tr td body.skin-dark select.bSelect.focus-primary:focus,
body.skin-dark .footable.table thead tr th .footable-filtering-search .input-group .bSelect.focus-primary.form-control:focus,
body.skin-dark .jsgrid-table tr th input.bSelect.focus-primary:focus:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr td input.bSelect.focus-primary:focus:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr th select.bSelect.focus-primary:focus,
body.skin-dark .jsgrid-table tr td select.bSelect.focus-primary:focus {
    border-color: #428bfa;
}

body.skin-dark .form-control.bSelect.secondary,
body.skin-dark #toast-container .toast .toast-message input.bSelect.secondary,
#toast-container .toast .toast-message body.skin-dark input.bSelect.secondary,
body.skin-dark .dataTables_wrapper .dataTables_length label input.bSelect.secondary,
.dataTables_wrapper .dataTables_length label body.skin-dark input.bSelect.secondary,
body.skin-dark .dataTables_wrapper .dataTables_filter label input.bSelect.secondary,
.dataTables_wrapper .dataTables_filter label body.skin-dark input.bSelect.secondary,
body.skin-dark .dataTables_wrapper .dataTables_length label select.bSelect.secondary,
.dataTables_wrapper .dataTables_length label body.skin-dark select.bSelect.secondary,
body.skin-dark .dataTables_wrapper .dataTables_filter label select.bSelect.secondary,
.dataTables_wrapper .dataTables_filter label body.skin-dark select.bSelect.secondary,
.footable.table thead tr th .footable-filtering-search .input-group body.skin-dark .bSelect.secondary.form-control,
body.skin-dark .jsgrid-grid-header table tr th input.bSelect.secondary,
.jsgrid-grid-header table tr th body.skin-dark input.bSelect.secondary,
body.skin-dark .jsgrid-grid-header table tr th select.bSelect.secondary,
.jsgrid-grid-header table tr th body.skin-dark select.bSelect.secondary,
body.skin-dark .jsgrid-grid-header table tr td input.bSelect.secondary,
.jsgrid-grid-header table tr td body.skin-dark input.bSelect.secondary,
body.skin-dark .jsgrid-grid-header table tr td select.bSelect.secondary,
.jsgrid-grid-header table tr td body.skin-dark select.bSelect.secondary,
body.skin-dark .footable.table thead tr th .footable-filtering-search .input-group .bSelect.secondary.form-control,
body.skin-dark .jsgrid-table tr th input.bSelect.secondary:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr td input.bSelect.secondary:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr th select.bSelect.secondary,
body.skin-dark .jsgrid-table tr td select.bSelect.secondary,
body.skin-dark .form-control.bSelect.focus-secondary:focus,
body.skin-dark #toast-container .toast .toast-message input.bSelect.focus-secondary:focus,
#toast-container .toast .toast-message body.skin-dark input.bSelect.focus-secondary:focus,
body.skin-dark .dataTables_wrapper .dataTables_length label input.bSelect.focus-secondary:focus,
.dataTables_wrapper .dataTables_length label body.skin-dark input.bSelect.focus-secondary:focus,
body.skin-dark .dataTables_wrapper .dataTables_filter label input.bSelect.focus-secondary:focus,
.dataTables_wrapper .dataTables_filter label body.skin-dark input.bSelect.focus-secondary:focus,
body.skin-dark .dataTables_wrapper .dataTables_length label select.bSelect.focus-secondary:focus,
.dataTables_wrapper .dataTables_length label body.skin-dark select.bSelect.focus-secondary:focus,
body.skin-dark .dataTables_wrapper .dataTables_filter label select.bSelect.focus-secondary:focus,
.dataTables_wrapper .dataTables_filter label body.skin-dark select.bSelect.focus-secondary:focus,
.footable.table thead tr th .footable-filtering-search .input-group body.skin-dark .bSelect.focus-secondary.form-control:focus,
body.skin-dark .jsgrid-grid-header table tr th input.bSelect.focus-secondary:focus,
.jsgrid-grid-header table tr th body.skin-dark input.bSelect.focus-secondary:focus,
body.skin-dark .jsgrid-grid-header table tr th select.bSelect.focus-secondary:focus,
.jsgrid-grid-header table tr th body.skin-dark select.bSelect.focus-secondary:focus,
body.skin-dark .jsgrid-grid-header table tr td input.bSelect.focus-secondary:focus,
.jsgrid-grid-header table tr td body.skin-dark input.bSelect.focus-secondary:focus,
body.skin-dark .jsgrid-grid-header table tr td select.bSelect.focus-secondary:focus,
.jsgrid-grid-header table tr td body.skin-dark select.bSelect.focus-secondary:focus,
body.skin-dark .footable.table thead tr th .footable-filtering-search .input-group .bSelect.focus-secondary.form-control:focus,
body.skin-dark .jsgrid-table tr th input.bSelect.focus-secondary:focus:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr td input.bSelect.focus-secondary:focus:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr th select.bSelect.focus-secondary:focus,
body.skin-dark .jsgrid-table tr td select.bSelect.focus-secondary:focus {
    border-color: #fb7da4;
}

body.skin-dark .form-control.bSelect.success,
body.skin-dark #toast-container .toast .toast-message input.bSelect.success,
#toast-container .toast .toast-message body.skin-dark input.bSelect.success,
body.skin-dark .dataTables_wrapper .dataTables_length label input.bSelect.success,
.dataTables_wrapper .dataTables_length label body.skin-dark input.bSelect.success,
body.skin-dark .dataTables_wrapper .dataTables_filter label input.bSelect.success,
.dataTables_wrapper .dataTables_filter label body.skin-dark input.bSelect.success,
body.skin-dark .dataTables_wrapper .dataTables_length label select.bSelect.success,
.dataTables_wrapper .dataTables_length label body.skin-dark select.bSelect.success,
body.skin-dark .dataTables_wrapper .dataTables_filter label select.bSelect.success,
.dataTables_wrapper .dataTables_filter label body.skin-dark select.bSelect.success,
.footable.table thead tr th .footable-filtering-search .input-group body.skin-dark .bSelect.success.form-control,
body.skin-dark .jsgrid-grid-header table tr th input.bSelect.success,
.jsgrid-grid-header table tr th body.skin-dark input.bSelect.success,
body.skin-dark .jsgrid-grid-header table tr th select.bSelect.success,
.jsgrid-grid-header table tr th body.skin-dark select.bSelect.success,
body.skin-dark .jsgrid-grid-header table tr td input.bSelect.success,
.jsgrid-grid-header table tr td body.skin-dark input.bSelect.success,
body.skin-dark .jsgrid-grid-header table tr td select.bSelect.success,
.jsgrid-grid-header table tr td body.skin-dark select.bSelect.success,
body.skin-dark .footable.table thead tr th .footable-filtering-search .input-group .bSelect.success.form-control,
body.skin-dark .jsgrid-table tr th input.bSelect.success:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr td input.bSelect.success:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr th select.bSelect.success,
body.skin-dark .jsgrid-table tr td select.bSelect.success,
body.skin-dark .form-control.bSelect.focus-success:focus,
body.skin-dark #toast-container .toast .toast-message input.bSelect.focus-success:focus,
#toast-container .toast .toast-message body.skin-dark input.bSelect.focus-success:focus,
body.skin-dark .dataTables_wrapper .dataTables_length label input.bSelect.focus-success:focus,
.dataTables_wrapper .dataTables_length label body.skin-dark input.bSelect.focus-success:focus,
body.skin-dark .dataTables_wrapper .dataTables_filter label input.bSelect.focus-success:focus,
.dataTables_wrapper .dataTables_filter label body.skin-dark input.bSelect.focus-success:focus,
body.skin-dark .dataTables_wrapper .dataTables_length label select.bSelect.focus-success:focus,
.dataTables_wrapper .dataTables_length label body.skin-dark select.bSelect.focus-success:focus,
body.skin-dark .dataTables_wrapper .dataTables_filter label select.bSelect.focus-success:focus,
.dataTables_wrapper .dataTables_filter label body.skin-dark select.bSelect.focus-success:focus,
.footable.table thead tr th .footable-filtering-search .input-group body.skin-dark .bSelect.focus-success.form-control:focus,
body.skin-dark .jsgrid-grid-header table tr th input.bSelect.focus-success:focus,
.jsgrid-grid-header table tr th body.skin-dark input.bSelect.focus-success:focus,
body.skin-dark .jsgrid-grid-header table tr th select.bSelect.focus-success:focus,
.jsgrid-grid-header table tr th body.skin-dark select.bSelect.focus-success:focus,
body.skin-dark .jsgrid-grid-header table tr td input.bSelect.focus-success:focus,
.jsgrid-grid-header table tr td body.skin-dark input.bSelect.focus-success:focus,
body.skin-dark .jsgrid-grid-header table tr td select.bSelect.focus-success:focus,
.jsgrid-grid-header table tr td body.skin-dark select.bSelect.focus-success:focus,
body.skin-dark .footable.table thead tr th .footable-filtering-search .input-group .bSelect.focus-success.form-control:focus,
body.skin-dark .jsgrid-table tr th input.bSelect.focus-success:focus:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr td input.bSelect.focus-success:focus:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr th select.bSelect.focus-success:focus,
body.skin-dark .jsgrid-table tr td select.bSelect.focus-success:focus {
    border-color: #29db2d;
}

body.skin-dark .form-control.bSelect.danger,
body.skin-dark #toast-container .toast .toast-message input.bSelect.danger,
#toast-container .toast .toast-message body.skin-dark input.bSelect.danger,
body.skin-dark .dataTables_wrapper .dataTables_length label input.bSelect.danger,
.dataTables_wrapper .dataTables_length label body.skin-dark input.bSelect.danger,
body.skin-dark .dataTables_wrapper .dataTables_filter label input.bSelect.danger,
.dataTables_wrapper .dataTables_filter label body.skin-dark input.bSelect.danger,
body.skin-dark .dataTables_wrapper .dataTables_length label select.bSelect.danger,
.dataTables_wrapper .dataTables_length label body.skin-dark select.bSelect.danger,
body.skin-dark .dataTables_wrapper .dataTables_filter label select.bSelect.danger,
.dataTables_wrapper .dataTables_filter label body.skin-dark select.bSelect.danger,
.footable.table thead tr th .footable-filtering-search .input-group body.skin-dark .bSelect.danger.form-control,
body.skin-dark .jsgrid-grid-header table tr th input.bSelect.danger,
.jsgrid-grid-header table tr th body.skin-dark input.bSelect.danger,
body.skin-dark .jsgrid-grid-header table tr th select.bSelect.danger,
.jsgrid-grid-header table tr th body.skin-dark select.bSelect.danger,
body.skin-dark .jsgrid-grid-header table tr td input.bSelect.danger,
.jsgrid-grid-header table tr td body.skin-dark input.bSelect.danger,
body.skin-dark .jsgrid-grid-header table tr td select.bSelect.danger,
.jsgrid-grid-header table tr td body.skin-dark select.bSelect.danger,
body.skin-dark .footable.table thead tr th .footable-filtering-search .input-group .bSelect.danger.form-control,
body.skin-dark .jsgrid-table tr th input.bSelect.danger:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr td input.bSelect.danger:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr th select.bSelect.danger,
body.skin-dark .jsgrid-table tr td select.bSelect.danger,
body.skin-dark .form-control.bSelect.focus-danger:focus,
body.skin-dark #toast-container .toast .toast-message input.bSelect.focus-danger:focus,
#toast-container .toast .toast-message body.skin-dark input.bSelect.focus-danger:focus,
body.skin-dark .dataTables_wrapper .dataTables_length label input.bSelect.focus-danger:focus,
.dataTables_wrapper .dataTables_length label body.skin-dark input.bSelect.focus-danger:focus,
body.skin-dark .dataTables_wrapper .dataTables_filter label input.bSelect.focus-danger:focus,
.dataTables_wrapper .dataTables_filter label body.skin-dark input.bSelect.focus-danger:focus,
body.skin-dark .dataTables_wrapper .dataTables_length label select.bSelect.focus-danger:focus,
.dataTables_wrapper .dataTables_length label body.skin-dark select.bSelect.focus-danger:focus,
body.skin-dark .dataTables_wrapper .dataTables_filter label select.bSelect.focus-danger:focus,
.dataTables_wrapper .dataTables_filter label body.skin-dark select.bSelect.focus-danger:focus,
.footable.table thead tr th .footable-filtering-search .input-group body.skin-dark .bSelect.focus-danger.form-control:focus,
body.skin-dark .jsgrid-grid-header table tr th input.bSelect.focus-danger:focus,
.jsgrid-grid-header table tr th body.skin-dark input.bSelect.focus-danger:focus,
body.skin-dark .jsgrid-grid-header table tr th select.bSelect.focus-danger:focus,
.jsgrid-grid-header table tr th body.skin-dark select.bSelect.focus-danger:focus,
body.skin-dark .jsgrid-grid-header table tr td input.bSelect.focus-danger:focus,
.jsgrid-grid-header table tr td body.skin-dark input.bSelect.focus-danger:focus,
body.skin-dark .jsgrid-grid-header table tr td select.bSelect.focus-danger:focus,
.jsgrid-grid-header table tr td body.skin-dark select.bSelect.focus-danger:focus,
body.skin-dark .footable.table thead tr th .footable-filtering-search .input-group .bSelect.focus-danger.form-control:focus,
body.skin-dark .jsgrid-table tr th input.bSelect.focus-danger:focus:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr td input.bSelect.focus-danger:focus:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr th select.bSelect.focus-danger:focus,
body.skin-dark .jsgrid-table tr td select.bSelect.focus-danger:focus {
    border-color: #fd427c;
}

body.skin-dark .form-control.bSelect.warning,
body.skin-dark #toast-container .toast .toast-message input.bSelect.warning,
#toast-container .toast .toast-message body.skin-dark input.bSelect.warning,
body.skin-dark .dataTables_wrapper .dataTables_length label input.bSelect.warning,
.dataTables_wrapper .dataTables_length label body.skin-dark input.bSelect.warning,
body.skin-dark .dataTables_wrapper .dataTables_filter label input.bSelect.warning,
.dataTables_wrapper .dataTables_filter label body.skin-dark input.bSelect.warning,
body.skin-dark .dataTables_wrapper .dataTables_length label select.bSelect.warning,
.dataTables_wrapper .dataTables_length label body.skin-dark select.bSelect.warning,
body.skin-dark .dataTables_wrapper .dataTables_filter label select.bSelect.warning,
.dataTables_wrapper .dataTables_filter label body.skin-dark select.bSelect.warning,
.footable.table thead tr th .footable-filtering-search .input-group body.skin-dark .bSelect.warning.form-control,
body.skin-dark .jsgrid-grid-header table tr th input.bSelect.warning,
.jsgrid-grid-header table tr th body.skin-dark input.bSelect.warning,
body.skin-dark .jsgrid-grid-header table tr th select.bSelect.warning,
.jsgrid-grid-header table tr th body.skin-dark select.bSelect.warning,
body.skin-dark .jsgrid-grid-header table tr td input.bSelect.warning,
.jsgrid-grid-header table tr td body.skin-dark input.bSelect.warning,
body.skin-dark .jsgrid-grid-header table tr td select.bSelect.warning,
.jsgrid-grid-header table tr td body.skin-dark select.bSelect.warning,
body.skin-dark .footable.table thead tr th .footable-filtering-search .input-group .bSelect.warning.form-control,
body.skin-dark .jsgrid-table tr th input.bSelect.warning:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr td input.bSelect.warning:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr th select.bSelect.warning,
body.skin-dark .jsgrid-table tr td select.bSelect.warning,
body.skin-dark .form-control.bSelect.focus-warning:focus,
body.skin-dark #toast-container .toast .toast-message input.bSelect.focus-warning:focus,
#toast-container .toast .toast-message body.skin-dark input.bSelect.focus-warning:focus,
body.skin-dark .dataTables_wrapper .dataTables_length label input.bSelect.focus-warning:focus,
.dataTables_wrapper .dataTables_length label body.skin-dark input.bSelect.focus-warning:focus,
body.skin-dark .dataTables_wrapper .dataTables_filter label input.bSelect.focus-warning:focus,
.dataTables_wrapper .dataTables_filter label body.skin-dark input.bSelect.focus-warning:focus,
body.skin-dark .dataTables_wrapper .dataTables_length label select.bSelect.focus-warning:focus,
.dataTables_wrapper .dataTables_length label body.skin-dark select.bSelect.focus-warning:focus,
body.skin-dark .dataTables_wrapper .dataTables_filter label select.bSelect.focus-warning:focus,
.dataTables_wrapper .dataTables_filter label body.skin-dark select.bSelect.focus-warning:focus,
.footable.table thead tr th .footable-filtering-search .input-group body.skin-dark .bSelect.focus-warning.form-control:focus,
body.skin-dark .jsgrid-grid-header table tr th input.bSelect.focus-warning:focus,
.jsgrid-grid-header table tr th body.skin-dark input.bSelect.focus-warning:focus,
body.skin-dark .jsgrid-grid-header table tr th select.bSelect.focus-warning:focus,
.jsgrid-grid-header table tr th body.skin-dark select.bSelect.focus-warning:focus,
body.skin-dark .jsgrid-grid-header table tr td input.bSelect.focus-warning:focus,
.jsgrid-grid-header table tr td body.skin-dark input.bSelect.focus-warning:focus,
body.skin-dark .jsgrid-grid-header table tr td select.bSelect.focus-warning:focus,
.jsgrid-grid-header table tr td body.skin-dark select.bSelect.focus-warning:focus,
body.skin-dark .footable.table thead tr th .footable-filtering-search .input-group .bSelect.focus-warning.form-control:focus,
body.skin-dark .jsgrid-table tr th input.bSelect.focus-warning:focus:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr td input.bSelect.focus-warning:focus:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr th select.bSelect.focus-warning:focus,
body.skin-dark .jsgrid-table tr td select.bSelect.focus-warning:focus {
    border-color: #ff9666;
}

body.skin-dark .form-control.bSelect.info,
body.skin-dark #toast-container .toast .toast-message input.bSelect.info,
#toast-container .toast .toast-message body.skin-dark input.bSelect.info,
body.skin-dark .dataTables_wrapper .dataTables_length label input.bSelect.info,
.dataTables_wrapper .dataTables_length label body.skin-dark input.bSelect.info,
body.skin-dark .dataTables_wrapper .dataTables_filter label input.bSelect.info,
.dataTables_wrapper .dataTables_filter label body.skin-dark input.bSelect.info,
body.skin-dark .dataTables_wrapper .dataTables_length label select.bSelect.info,
.dataTables_wrapper .dataTables_length label body.skin-dark select.bSelect.info,
body.skin-dark .dataTables_wrapper .dataTables_filter label select.bSelect.info,
.dataTables_wrapper .dataTables_filter label body.skin-dark select.bSelect.info,
.footable.table thead tr th .footable-filtering-search .input-group body.skin-dark .bSelect.info.form-control,
body.skin-dark .jsgrid-grid-header table tr th input.bSelect.info,
.jsgrid-grid-header table tr th body.skin-dark input.bSelect.info,
body.skin-dark .jsgrid-grid-header table tr th select.bSelect.info,
.jsgrid-grid-header table tr th body.skin-dark select.bSelect.info,
body.skin-dark .jsgrid-grid-header table tr td input.bSelect.info,
.jsgrid-grid-header table tr td body.skin-dark input.bSelect.info,
body.skin-dark .jsgrid-grid-header table tr td select.bSelect.info,
.jsgrid-grid-header table tr td body.skin-dark select.bSelect.info,
body.skin-dark .footable.table thead tr th .footable-filtering-search .input-group .bSelect.info.form-control,
body.skin-dark .jsgrid-table tr th input.bSelect.info:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr td input.bSelect.info:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr th select.bSelect.info,
body.skin-dark .jsgrid-table tr td select.bSelect.info,
body.skin-dark .form-control.bSelect.focus-info:focus,
body.skin-dark #toast-container .toast .toast-message input.bSelect.focus-info:focus,
#toast-container .toast .toast-message body.skin-dark input.bSelect.focus-info:focus,
body.skin-dark .dataTables_wrapper .dataTables_length label input.bSelect.focus-info:focus,
.dataTables_wrapper .dataTables_length label body.skin-dark input.bSelect.focus-info:focus,
body.skin-dark .dataTables_wrapper .dataTables_filter label input.bSelect.focus-info:focus,
.dataTables_wrapper .dataTables_filter label body.skin-dark input.bSelect.focus-info:focus,
body.skin-dark .dataTables_wrapper .dataTables_length label select.bSelect.focus-info:focus,
.dataTables_wrapper .dataTables_length label body.skin-dark select.bSelect.focus-info:focus,
body.skin-dark .dataTables_wrapper .dataTables_filter label select.bSelect.focus-info:focus,
.dataTables_wrapper .dataTables_filter label body.skin-dark select.bSelect.focus-info:focus,
.footable.table thead tr th .footable-filtering-search .input-group body.skin-dark .bSelect.focus-info.form-control:focus,
body.skin-dark .jsgrid-grid-header table tr th input.bSelect.focus-info:focus,
.jsgrid-grid-header table tr th body.skin-dark input.bSelect.focus-info:focus,
body.skin-dark .jsgrid-grid-header table tr th select.bSelect.focus-info:focus,
.jsgrid-grid-header table tr th body.skin-dark select.bSelect.focus-info:focus,
body.skin-dark .jsgrid-grid-header table tr td input.bSelect.focus-info:focus,
.jsgrid-grid-header table tr td body.skin-dark input.bSelect.focus-info:focus,
body.skin-dark .jsgrid-grid-header table tr td select.bSelect.focus-info:focus,
.jsgrid-grid-header table tr td body.skin-dark select.bSelect.focus-info:focus,
body.skin-dark .footable.table thead tr th .footable-filtering-search .input-group .bSelect.focus-info.form-control:focus,
body.skin-dark .jsgrid-table tr th input.bSelect.focus-info:focus:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr td input.bSelect.focus-info:focus:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr th select.bSelect.focus-info:focus,
body.skin-dark .jsgrid-table tr td select.bSelect.focus-info:focus {
    border-color: #17a2b8;
}

body.skin-dark .adomx-switch .lever {
    background-color: #292d44;
}

body.skin-dark .adomx-switch-2 .lever {
    background-color: #292d44;
}

body.skin-dark .smart-wizard .step-anchor .nav-item .nav-link {
    background-color: #292d44;
    color: #8b8d9b;
}

body.skin-dark .smart-wizard .step-anchor .nav-item .nav-link:hover {
    color: #8b8d9b;
}

body.skin-dark .smart-wizard .step-anchor .nav-item.active a,
body.skin-dark .smart-wizard .step-anchor .nav-item.done a {
    color: #ffffff;
}

body.skin-dark .smart-wizard .step-anchor .nav-item.active a:hover,
body.skin-dark .smart-wizard .step-anchor .nav-item.done a:hover {
    color: #ffffff;
}

body.skin-dark .smart-wizard .step-anchor .nav-item.active a {
    background-color: #428bfa;
}

body.skin-dark .smart-wizard .step-anchor .nav-item.done a {
    background-color: rgba(66, 139, 250, 0.3);
}

body.skin-dark .dataTables_wrapper .dataTables_length select {
    border-color: transparent;
    background-color: #202334;
}

body.skin-dark .dataTables_wrapper .dataTables_filter input {
    border-color: transparent;
    background-color: #202334;
}

body.skin-dark .dataTables_wrapper .dataTables_paginate .paginate_button {
    color: #8b8d9b;
    border-color: #292d44;
}

body.skin-dark .dataTables_wrapper .dataTables_paginate .paginate_button.current {
    background-color: #428bfa;
    border-color: #428bfa;
    color: #ffffff;
}

body.skin-dark .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background-color: #428bfa;
    border-color: #428bfa;
    color: #ffffff;
}

body.skin-dark .footable.table thead tr th {
    border-color: #292d44;
    border-top-color: #292d44 !important;
}

body.skin-dark .footable.table tbody tr td,
body.skin-dark .footable.table tfoot tr td {
    border-color: #292d44;
}

body.skin-dark .footable-pagination-wrapper .pagination li a {
    border-color: #292d44;
    color: #8b8d9b;
}

body.skin-dark .footable-pagination-wrapper .pagination li a:hover {
    background-color: #428bfa;
    border-color: #428bfa;
    color: #ffffff;
}

body.skin-dark .footable-pagination-wrapper .pagination li.active a,
body.skin-dark .footable-pagination-wrapper .pagination li.active a:focus,
body.skin-dark .footable-pagination-wrapper .pagination li.active a:hover {
    background-color: #428bfa;
    border-color: #428bfa;
    color: #ffffff;
}

body.skin-dark .footable-pagination-wrapper .pagination li.disabled a {
    border-color: #292d44;
    color: #8b8d9b;
}

body.skin-dark .jsgrid .jsgrid-grid-header,
body.skin-dark .jsgrid .jsgrid-grid-body {
    background-color: transparent;
    border-color: #292d44;
}

body.skin-dark .jsgrid-table tr th,
body.skin-dark .jsgrid-table tr td {
    border-color: #292d44 !important;
    background-color: transparent !important;
}

body.skin-dark .jsgrid-table tr th .jsgrid-button,
body.skin-dark .jsgrid-table tr td .jsgrid-button {
    background-color: transparent;
}

body.skin-dark .jsgrid-table tr th input:not(.jsgrid-button)[type="number"],
body.skin-dark .jsgrid-table tr td input:not(.jsgrid-button)[type="number"] {
    text-align: center;
}

body.skin-dark #example-morris-donuts text tspan {
    fill: #8b8d9b;
}

body.skin-dark .add-edit-product-wrap {
    background-color: #161824;
}

body.skin-dark .login-register-wrap {
    background-color: #161824;
}

body.skin-dark .pricing-one .inner {
    background-color: #161824;
}

body.skin-dark .pricing-one .inner .head .info .title {
    color: #8b8d9b;
}

body.skin-dark .pricing-one .inner .head .info .price {
    color: #8b8d9b;
}

body.skin-dark .pricing-two .inner {
    background-color: #161824;
}

body.skin-dark .pricing-two .inner .head .info .title {
    color: #8b8d9b;
}

body.skin-dark .pricing-two .inner .head .info .price {
    color: #8b8d9b;
}

body.skin-dark .pricing-three .inner {
    background-color: #161824;
}

body.skin-dark .pricing-four .inner {
    background-color: #161824;
}

body.skin-dark .pricing-four .inner .body ul li p {
    color: #8b8d9b;
}

body.skin-dark .customizer-wrapper {
    background-color: #202334;
}

body.skin-dark .customizer-wrapper .inner .nav li a {
    border-bottom: 3px solid #292d44;
}

body.skin-dark .customizer-wrapper .inner .nav li a.active,
body.skin-dark .customizer-wrapper .inner .nav li a:hover {
    border-color: #428bfa;
}

body.skin-dark .customizer-toggle {
    background-color: #202334;
}

body.skin-dark .cus-radio.light .icon {
    background-color: #f1f1f1;
}

body.skin-dark .cus-radio.light .icon::before {
    background-color: #202334;
}

/*----------------------------------------*/

/*  22. RTL Version CSS
/*----------------------------------------*/

[dir="rtl"] {
    /*-- Side Header Menu --*/
    /*-- Sub Menu --*/
    /*Chat*/
    /*Chat Submission*/
}

[dir="rtl"] .page-heading h3 span {
    margin-left: 0;
    margin-right: 5px;
}

[dir="rtl"] .custom-scroll.ps .ps__rail-y {
    left: 3px !important;
    right: auto !important;
}

[dir="rtl"] .adomx-dropdown-menu li a i {
    margin-left: 10px;
    margin-right: 0;
}

[dir="rtl"] .daily-sale-report .tippy {
    margin-left: 0;
    margin-right: 10px;
}

[dir="rtl"] .icon-list-wrap a i,
[dir="rtl"] .icon-list-wrap a [class^="ti-"],
[dir="rtl"] .icon-list-wrap a [class*=" ti-"] {
    margin-left: 10px;
    margin-right: 0;
}

[dir="rtl"] .order-details-customer-info ul li span:first-child {
    margin-left: 30px;
    margin-right: 0;
}

[dir="rtl"] .order-details-customer-info ul li span:first-child::after {
    float: left;
}

[dir="rtl"] .alert {
    padding-left: 45px;
    padding-right: 20px;
}

[dir="rtl"] .alert i {
    margin-left: 5px;
    margin-right: 0;
}

[dir="rtl"] .alert .close {
    left: 15px;
    right: auto;
}

[dir="rtl"] .alert .close i {
    margin: 0;
}

[dir="rtl"] .accordion .card .card-header h2 button {
    text-align: right;
}

[dir="rtl"] .accordion.accordion-icon .card .card-header h2 button {
    padding-left: 25px;
    padding-right: 20px;
}

[dir="rtl"] .accordion.accordion-icon .card .card-header h2 button::before,
[dir="rtl"] .accordion.accordion-icon .card .card-header h2 button::after {
    left: 20px;
    right: auto;
}

[dir="rtl"] .avatar .status {
    left: 0;
    right: auto;
}

[dir="rtl"] .avatar.avatar-xl .status {
    left: 1px;
    right: auto;
}

[dir="rtl"] .avatar.avatar-xxl .status {
    left: 5px;
    right: auto;
}

[dir="rtl"] .button-group .button:first-child,
[dir="rtl"] .button-group .fullcalendar .fc-toolbar .fc-button:first-child,
.fullcalendar .fc-toolbar [dir="rtl"] .button-group .fc-button:first-child,
[dir="rtl"] .button-group #toast-container .toast .toast-message .btn:first-child,
#toast-container .toast .toast-message [dir="rtl"] .button-group .btn:first-child,
[dir="rtl"] .button-group .dataTables_wrapper .dt-buttons .dt-button:first-child,
.dataTables_wrapper .dt-buttons [dir="rtl"] .button-group .dt-button:first-child,
[dir="rtl"] .button-group .footable.table thead tr th .footable-filtering-search .input-group .input-group-btn .btn:first-child,
.footable.table thead tr th .footable-filtering-search .input-group .input-group-btn [dir="rtl"] .button-group .btn:first-child,
[dir="rtl"] .button-group .footable.table tbody tr td.footable-editing .btn-group .btn:first-child,
.footable.table tbody tr td.footable-editing .btn-group [dir="rtl"] .button-group .btn:first-child,
[dir="rtl"] .button-group .footable.table tfoot tr.footable-editing td .btn:first-child,
.footable.table tfoot tr.footable-editing td [dir="rtl"] .button-group .btn:first-child,
[dir="rtl"] .button-group .smart-wizard .sw-toolbar .sw-btn-group .btn:first-child,
.smart-wizard .sw-toolbar .sw-btn-group [dir="rtl"] .button-group .btn:first-child {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

[dir="rtl"] .button-group .button:last-child,
[dir="rtl"] .button-group .fullcalendar .fc-toolbar .fc-button:last-child,
.fullcalendar .fc-toolbar [dir="rtl"] .button-group .fc-button:last-child,
[dir="rtl"] .button-group #toast-container .toast .toast-message .btn:last-child,
#toast-container .toast .toast-message [dir="rtl"] .button-group .btn:last-child,
[dir="rtl"] .button-group .dataTables_wrapper .dt-buttons .dt-button:last-child,
.dataTables_wrapper .dt-buttons [dir="rtl"] .button-group .dt-button:last-child,
[dir="rtl"] .button-group .footable.table thead tr th .footable-filtering-search .input-group .input-group-btn .btn:last-child,
.footable.table thead tr th .footable-filtering-search .input-group .input-group-btn [dir="rtl"] .button-group .btn:last-child,
[dir="rtl"] .button-group .footable.table tbody tr td.footable-editing .btn-group .btn:last-child,
.footable.table tbody tr td.footable-editing .btn-group [dir="rtl"] .button-group .btn:last-child,
[dir="rtl"] .button-group .footable.table tfoot tr.footable-editing td .btn:last-child,
.footable.table tfoot tr.footable-editing td [dir="rtl"] .button-group .btn:last-child,
[dir="rtl"] .button-group .smart-wizard .sw-toolbar .sw-btn-group .btn:last-child,
.smart-wizard .sw-toolbar .sw-btn-group [dir="rtl"] .button-group .btn:last-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

[dir="rtl"] .button-group .button.dropdown-toggle:not(:first-child),
[dir="rtl"] .button-group .fullcalendar .fc-toolbar .dropdown-toggle.fc-button:not(:first-child),
.fullcalendar .fc-toolbar [dir="rtl"] .button-group .dropdown-toggle.fc-button:not(:first-child),
[dir="rtl"] .button-group #toast-container .toast .toast-message .dropdown-toggle.btn:not(:first-child),
#toast-container .toast .toast-message [dir="rtl"] .button-group .dropdown-toggle.btn:not(:first-child),
[dir="rtl"] .button-group .dataTables_wrapper .dt-buttons .dropdown-toggle.dt-button:not(:first-child),
.dataTables_wrapper .dt-buttons [dir="rtl"] .button-group .dropdown-toggle.dt-button:not(:first-child),
[dir="rtl"] .button-group .footable.table thead tr th .footable-filtering-search .input-group .input-group-btn .dropdown-toggle.btn:not(:first-child),
.footable.table thead tr th .footable-filtering-search .input-group .input-group-btn [dir="rtl"] .button-group .dropdown-toggle.btn:not(:first-child),
[dir="rtl"] .button-group .footable.table tbody tr td.footable-editing .btn-group .dropdown-toggle.btn:not(:first-child),
.footable.table tbody tr td.footable-editing .btn-group [dir="rtl"] .button-group .dropdown-toggle.btn:not(:first-child),
[dir="rtl"] .button-group .footable.table tfoot tr.footable-editing td .dropdown-toggle.btn:not(:first-child),
.footable.table tfoot tr.footable-editing td [dir="rtl"] .button-group .dropdown-toggle.btn:not(:first-child),
[dir="rtl"] .button-group .smart-wizard .sw-toolbar .sw-btn-group .dropdown-toggle.btn:not(:first-child),
.smart-wizard .sw-toolbar .sw-btn-group [dir="rtl"] .button-group .dropdown-toggle.btn:not(:first-child) {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    padding-left: 10px;
    padding-right: 10px;
}

[dir="rtl"] .button-group .button.dropdown-toggle:not(:first-child)::after,
[dir="rtl"] .button-group .fullcalendar .fc-toolbar .dropdown-toggle.fc-button:not(:first-child)::after,
.fullcalendar .fc-toolbar [dir="rtl"] .button-group .dropdown-toggle.fc-button:not(:first-child)::after,
[dir="rtl"] .button-group #toast-container .toast .toast-message .dropdown-toggle.btn:not(:first-child)::after,
#toast-container .toast .toast-message [dir="rtl"] .button-group .dropdown-toggle.btn:not(:first-child)::after,
[dir="rtl"] .button-group .dataTables_wrapper .dt-buttons .dropdown-toggle.dt-button:not(:first-child)::after,
.dataTables_wrapper .dt-buttons [dir="rtl"] .button-group .dropdown-toggle.dt-button:not(:first-child)::after,
[dir="rtl"] .button-group .footable.table thead tr th .footable-filtering-search .input-group .input-group-btn .dropdown-toggle.btn:not(:first-child)::after,
.footable.table thead tr th .footable-filtering-search .input-group .input-group-btn [dir="rtl"] .button-group .dropdown-toggle.btn:not(:first-child)::after,
[dir="rtl"] .button-group .footable.table tbody tr td.footable-editing .btn-group .dropdown-toggle.btn:not(:first-child)::after,
.footable.table tbody tr td.footable-editing .btn-group [dir="rtl"] .button-group .dropdown-toggle.btn:not(:first-child)::after,
[dir="rtl"] .button-group .footable.table tfoot tr.footable-editing td .dropdown-toggle.btn:not(:first-child)::after,
.footable.table tfoot tr.footable-editing td [dir="rtl"] .button-group .dropdown-toggle.btn:not(:first-child)::after,
[dir="rtl"] .button-group .smart-wizard .sw-toolbar .sw-btn-group .dropdown-toggle.btn:not(:first-child)::after,
.smart-wizard .sw-toolbar .sw-btn-group [dir="rtl"] .button-group .dropdown-toggle.btn:not(:first-child)::after {
    margin: 0;
}

[dir="rtl"] .dropdown-toggle::after {
    margin-left: 0;
    margin-right: .255em;
}

[dir="rtl"] .media img {
    margin-left: 1em;
    margin-right: 0 !important;
}

[dir="rtl"] .media img:last-child {
    margin-left: 0 !important;
    margin-right: 1em !important;
}

[dir="rtl"] .modal-header {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    direction: ltr;
}

[dir="rtl"] .modal-header .close {
    margin-left: -1rem;
}

[dir="rtl"] .modal-footer .button,
[dir="rtl"] .modal-footer .fullcalendar .fc-toolbar .fc-button,
.fullcalendar .fc-toolbar [dir="rtl"] .modal-footer .fc-button,
[dir="rtl"] .modal-footer #toast-container .toast .toast-message .btn,
#toast-container .toast .toast-message [dir="rtl"] .modal-footer .btn,
[dir="rtl"] .modal-footer .dataTables_wrapper .dt-buttons .dt-button,
.dataTables_wrapper .dt-buttons [dir="rtl"] .modal-footer .dt-button,
[dir="rtl"] .modal-footer .footable.table thead tr th .footable-filtering-search .input-group .input-group-btn .btn,
.footable.table thead tr th .footable-filtering-search .input-group .input-group-btn [dir="rtl"] .modal-footer .btn,
[dir="rtl"] .modal-footer .footable.table tbody tr td.footable-editing .btn-group .btn,
.footable.table tbody tr td.footable-editing .btn-group [dir="rtl"] .modal-footer .btn,
[dir="rtl"] .modal-footer .footable.table tfoot tr.footable-editing td .btn,
.footable.table tfoot tr.footable-editing td [dir="rtl"] .modal-footer .btn,
[dir="rtl"] .modal-footer .smart-wizard .sw-toolbar .sw-btn-group .btn,
.smart-wizard .sw-toolbar .sw-btn-group [dir="rtl"] .modal-footer .btn {
    margin-left: 0.5em;
    margin-right: 0;
}

[dir="rtl"] .modal-footer .button:last-child,
[dir="rtl"] .modal-footer .fullcalendar .fc-toolbar .fc-button:last-child,
.fullcalendar .fc-toolbar [dir="rtl"] .modal-footer .fc-button:last-child,
[dir="rtl"] .modal-footer #toast-container .toast .toast-message .btn:last-child,
#toast-container .toast .toast-message [dir="rtl"] .modal-footer .btn:last-child,
[dir="rtl"] .modal-footer .dataTables_wrapper .dt-buttons .dt-button:last-child,
.dataTables_wrapper .dt-buttons [dir="rtl"] .modal-footer .dt-button:last-child,
[dir="rtl"] .modal-footer .footable.table thead tr th .footable-filtering-search .input-group .input-group-btn .btn:last-child,
.footable.table thead tr th .footable-filtering-search .input-group .input-group-btn [dir="rtl"] .modal-footer .btn:last-child,
[dir="rtl"] .modal-footer .footable.table tbody tr td.footable-editing .btn-group .btn:last-child,
.footable.table tbody tr td.footable-editing .btn-group [dir="rtl"] .modal-footer .btn:last-child,
[dir="rtl"] .modal-footer .footable.table tfoot tr.footable-editing td .btn:last-child,
.footable.table tfoot tr.footable-editing td [dir="rtl"] .modal-footer .btn:last-child,
[dir="rtl"] .modal-footer .smart-wizard .sw-toolbar .sw-btn-group .btn:last-child,
.smart-wizard .sw-toolbar .sw-btn-group [dir="rtl"] .modal-footer .btn:last-child {
    margin-left: 0;
}

[dir="rtl"] .pagination .page-item {
    margin-right: 10px;
    margin-bottom: 10px;
}

[dir="rtl"] .pagination .page-item:last-child {
    margin-right: 10px;
}

[dir="rtl"] .pagination .page-item:first-child {
    margin-right: 0;
}

[dir="rtl"] .button .spinner-border,
[dir="rtl"] .fullcalendar .fc-toolbar .fc-button .spinner-border,
.fullcalendar .fc-toolbar [dir="rtl"] .fc-button .spinner-border,
[dir="rtl"] #toast-container .toast .toast-message .btn .spinner-border,
#toast-container .toast .toast-message [dir="rtl"] .btn .spinner-border,
[dir="rtl"] .dataTables_wrapper .dt-buttons .dt-button .spinner-border,
.dataTables_wrapper .dt-buttons [dir="rtl"] .dt-button .spinner-border,
[dir="rtl"] .footable.table thead tr th .footable-filtering-search .input-group .input-group-btn .btn .spinner-border,
.footable.table thead tr th .footable-filtering-search .input-group .input-group-btn [dir="rtl"] .btn .spinner-border,
[dir="rtl"] .footable.table tbody tr td.footable-editing .btn-group .btn .spinner-border,
.footable.table tbody tr td.footable-editing .btn-group [dir="rtl"] .btn .spinner-border,
[dir="rtl"] .footable.table tfoot tr.footable-editing td .btn .spinner-border,
.footable.table tfoot tr.footable-editing td [dir="rtl"] .btn .spinner-border,
[dir="rtl"] .smart-wizard .sw-toolbar .sw-btn-group .btn .spinner-border,
.smart-wizard .sw-toolbar .sw-btn-group [dir="rtl"] .btn .spinner-border,
[dir="rtl"] .button .spinner-grow,
[dir="rtl"] .fullcalendar .fc-toolbar .fc-button .spinner-grow,
.fullcalendar .fc-toolbar [dir="rtl"] .fc-button .spinner-grow,
[dir="rtl"] #toast-container .toast .toast-message .btn .spinner-grow,
#toast-container .toast .toast-message [dir="rtl"] .btn .spinner-grow,
[dir="rtl"] .dataTables_wrapper .dt-buttons .dt-button .spinner-grow,
.dataTables_wrapper .dt-buttons [dir="rtl"] .dt-button .spinner-grow,
[dir="rtl"] .footable.table thead tr th .footable-filtering-search .input-group .input-group-btn .btn .spinner-grow,
.footable.table thead tr th .footable-filtering-search .input-group .input-group-btn [dir="rtl"] .btn .spinner-grow,
[dir="rtl"] .footable.table tbody tr td.footable-editing .btn-group .btn .spinner-grow,
.footable.table tbody tr td.footable-editing .btn-group [dir="rtl"] .btn .spinner-grow,
[dir="rtl"] .footable.table tfoot tr.footable-editing td .btn .spinner-grow,
.footable.table tfoot tr.footable-editing td [dir="rtl"] .btn .spinner-grow,
[dir="rtl"] .smart-wizard .sw-toolbar .sw-btn-group .btn .spinner-grow,
.smart-wizard .sw-toolbar .sw-btn-group [dir="rtl"] .btn .spinner-grow {
    margin-left: 5px;
    margin-right: 0 !important;
}

[dir="rtl"] .list-icon>li {
    padding-left: 0;
    padding-right: 20px;
}

[dir="rtl"] .list-icon>li::before {
    left: auto;
    right: 0;
}

[dir="rtl"] .list-group .list-group-item i {
    margin-left: 5px;
    margin-right: 0 !important;
}

[dir="rtl"] .dataTables_wrapper .dt-buttons .dt-button {
    margin-right: 2px;
}

[dir="rtl"] .dataTables_wrapper .dt-buttons .dt-button:first-child {
    margin-right: 0;
}

[dir="rtl"] .dataTables_wrapper .dataTables_length label input,
[dir="rtl"] .dataTables_wrapper .dataTables_filter label input {
    margin-left: 0;
    margin-right: 5px;
}

[dir="rtl"] .dataTables_wrapper .dataTables_paginate .paginate_button.previous {
    margin-right: 0;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

[dir="rtl"] .dataTables_wrapper .dataTables_paginate .paginate_button.previous i {
    margin: 1px !important;
}

[dir="rtl"] .dataTables_wrapper .dataTables_paginate .paginate_button.next {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    margin-right: 5px !important;
}

[dir="rtl"] .dataTables_wrapper .dataTables_paginate .paginate_button.next i {
    margin: 1px !important;
}

[dir="rtl"] .footable.table thead tr th {
    text-align: right;
    padding-left: 30px;
    padding-right: 0.75em;
}

[dir="rtl"] .footable.table thead tr th span.fooicon {
    left: 6px;
    right: auto;
}

[dir="rtl"] .footable.table thead tr th .footable-filtering-search .input-group #toast-container .toast .toast-message input,
#toast-container .toast .toast-message [dir="rtl"] .footable.table thead tr th .footable-filtering-search .input-group input,
[dir="rtl"] .footable.table thead tr th .footable-filtering-search .input-group .dataTables_wrapper .dataTables_length label input,
.dataTables_wrapper .dataTables_length label [dir="rtl"] .footable.table thead tr th .footable-filtering-search .input-group input,
[dir="rtl"] .footable.table thead tr th .footable-filtering-search .input-group .dataTables_wrapper .dataTables_filter label input,
.dataTables_wrapper .dataTables_filter label [dir="rtl"] .footable.table thead tr th .footable-filtering-search .input-group input,
[dir="rtl"] .footable.table thead tr th .footable-filtering-search .input-group .dataTables_wrapper .dataTables_length label select,
.dataTables_wrapper .dataTables_length label [dir="rtl"] .footable.table thead tr th .footable-filtering-search .input-group select,
[dir="rtl"] .footable.table thead tr th .footable-filtering-search .input-group .dataTables_wrapper .dataTables_filter label select,
.dataTables_wrapper .dataTables_filter label [dir="rtl"] .footable.table thead tr th .footable-filtering-search .input-group select,
[dir="rtl"] .footable.table thead tr th .footable-filtering-search .input-group .form-control,
[dir="rtl"] .footable.table thead .jsgrid-grid-header table tr th .footable-filtering-search .input-group input,
.jsgrid-grid-header table [dir="rtl"] .footable.table thead tr th .footable-filtering-search .input-group input,
[dir="rtl"] .footable.table thead .jsgrid-grid-header table tr th .footable-filtering-search .input-group select,
.jsgrid-grid-header table [dir="rtl"] .footable.table thead tr th .footable-filtering-search .input-group select,
[dir="rtl"] body.skin-dark .footable.table thead tr th .footable-filtering-search .input-group .form-control,
body.skin-dark [dir="rtl"] .footable.table thead tr th .footable-filtering-search .input-group .form-control,
[dir="rtl"] .footable.table thead body.skin-dark .jsgrid-table tr th .footable-filtering-search .input-group input:not(.jsgrid-button),
body.skin-dark .jsgrid-table [dir="rtl"] .footable.table thead tr th .footable-filtering-search .input-group input:not(.jsgrid-button),
[dir="rtl"] .footable.table thead body.skin-dark .jsgrid-table tr th .footable-filtering-search .input-group select,
body.skin-dark .jsgrid-table [dir="rtl"] .footable.table thead tr th .footable-filtering-search .input-group select {
    border-radius: 0 4px 4px 0;
}

[dir="rtl"] .footable.table thead tr th .footable-filtering-search .input-group .input-group-btn .btn:first-child {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

[dir="rtl"] .footable.table thead tr th .footable-filtering-search .input-group .input-group-btn .btn:last-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

[dir="rtl"] .footable.table thead tr th .footable-filtering-search .input-group .input-group-btn .btn.dropdown-toggle:not(:first-child) {
    border-top-left-radius: 4px !important;
    border-bottom-left-radius: 4px !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-left-color: transparent;
    border-right-color: #0660e9;
}

[dir="rtl"] .footable.table thead tr th .footable-filtering-search .input-group .input-group-btn .btn.dropdown-toggle:not(:first-child)::after {
    margin: 0;
}

[dir="rtl"] .footable.table thead tr th .footable-filtering-search .input-group .input-group-btn .dropdown-menu {
    text-align: right;
}

[dir="rtl"] .footable.table thead tr th .footable-filtering-search .input-group .input-group-btn .dropdown-menu li a label {
    padding-left: 0;
    padding-right: 20px;
}

[dir="rtl"] .footable.table thead tr th .footable-filtering-search .input-group .input-group-btn .dropdown-menu li a label input {
    margin-left: 0;
    margin-right: -20px;
}

[dir="rtl"] .footable.table thead tr.footable-filtering th {
    border-top: none !important;
    padding: 0 0 20px;
}

[dir="rtl"] .footable.table tbody tr td {
    padding: 0.75em;
    line-height: inherit;
}

[dir="rtl"] .footable.table tbody tr td .footable-details {
    margin: 0;
}

[dir="rtl"] .footable.table tbody tr td .footable-details tbody tr th {
    vertical-align: middle;
}

[dir="rtl"] .footable.table tbody tr td.footable-editing .btn-group .btn {
    margin: 0 !important;
    padding: 0 6px !important;
    line-height: 20px !important;
}

[dir="rtl"] .footable.table tbody tr td.footable-editing .btn-group .btn:last-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

[dir="rtl"] .footable.table tbody tr.footable-detail-row>td {
    padding: 0;
}

[dir="rtl"] .footable.table tfoot tr td {
    padding: 15px;
}

[dir="rtl"] .footable.table tfoot tr.footable-editing td .btn:not(.footable-show) {
    display: none;
}

[dir="rtl"] .footable.table tfoot tr:last-child td {
    padding-bottom: 0;
}

[dir="rtl"] .footable.table.footable-editing-show tfoot tr.footable-editing td .btn {
    display: none;
}

[dir="rtl"] .footable.table.footable-editing-show tfoot tr.footable-editing td .btn:not(.footable-show) {
    display: inline-block;
}

[dir="rtl"] .footable-pagination-wrapper .pagination li {
    margin-right: 10px;
}

[dir="rtl"] .footable-pagination-wrapper .pagination li:first-child {
    margin-right: 0;
}

[dir="rtl"] .table-action-buttons .button,
[dir="rtl"] .table-action-buttons .fullcalendar .fc-toolbar .fc-button,
.fullcalendar .fc-toolbar [dir="rtl"] .table-action-buttons .fc-button,
[dir="rtl"] .table-action-buttons #toast-container .toast .toast-message .btn,
#toast-container .toast .toast-message [dir="rtl"] .table-action-buttons .btn,
[dir="rtl"] .table-action-buttons .dataTables_wrapper .dt-buttons .dt-button,
.dataTables_wrapper .dt-buttons [dir="rtl"] .table-action-buttons .dt-button,
[dir="rtl"] .table-action-buttons .footable.table thead tr th .footable-filtering-search .input-group .input-group-btn .btn,
.footable.table thead tr th .footable-filtering-search .input-group .input-group-btn [dir="rtl"] .table-action-buttons .btn,
[dir="rtl"] .table-action-buttons .footable.table tbody tr td.footable-editing .btn-group .btn,
.footable.table tbody tr td.footable-editing .btn-group [dir="rtl"] .table-action-buttons .btn,
[dir="rtl"] .table-action-buttons .footable.table tfoot tr.footable-editing td .btn,
.footable.table tfoot tr.footable-editing td [dir="rtl"] .table-action-buttons .btn,
[dir="rtl"] .table-action-buttons .smart-wizard .sw-toolbar .sw-btn-group .btn,
.smart-wizard .sw-toolbar .sw-btn-group [dir="rtl"] .table-action-buttons .btn {
    margin-right: 3px;
}

[dir="rtl"] .table-action-buttons .button:first-child,
[dir="rtl"] .table-action-buttons .fullcalendar .fc-toolbar .fc-button:first-child,
.fullcalendar .fc-toolbar [dir="rtl"] .table-action-buttons .fc-button:first-child,
[dir="rtl"] .table-action-buttons #toast-container .toast .toast-message .btn:first-child,
#toast-container .toast .toast-message [dir="rtl"] .table-action-buttons .btn:first-child,
[dir="rtl"] .table-action-buttons .dataTables_wrapper .dt-buttons .dt-button:first-child,
.dataTables_wrapper .dt-buttons [dir="rtl"] .table-action-buttons .dt-button:first-child,
[dir="rtl"] .table-action-buttons .footable.table thead tr th .footable-filtering-search .input-group .input-group-btn .btn:first-child,
.footable.table thead tr th .footable-filtering-search .input-group .input-group-btn [dir="rtl"] .table-action-buttons .btn:first-child,
[dir="rtl"] .table-action-buttons .footable.table tbody tr td.footable-editing .btn-group .btn:first-child,
.footable.table tbody tr td.footable-editing .btn-group [dir="rtl"] .table-action-buttons .btn:first-child,
[dir="rtl"] .table-action-buttons .footable.table tfoot tr.footable-editing td .btn:first-child,
.footable.table tfoot tr.footable-editing td [dir="rtl"] .table-action-buttons .btn:first-child,
[dir="rtl"] .table-action-buttons .smart-wizard .sw-toolbar .sw-btn-group .btn:first-child,
.smart-wizard .sw-toolbar .sw-btn-group [dir="rtl"] .table-action-buttons .btn:first-child {
    margin-right: 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    [dir="rtl"] .header-logo {
        padding-left: 15px;
        padding-right: 30px;
    }
}

@media only screen and (max-width: 767px) {
    [dir="rtl"] .header-logo {
        padding-left: 15px;
        padding-right: 30px;
    }
}

@media only screen and (max-width: 575px) {
    [dir="rtl"] .header-logo {
        padding: 20px 15px;
    }
}

[dir="rtl"] .side-header-toggle {
    margin-left: 0;
    margin-right: 15px;
}

@media only screen and (max-width: 479px) {
    [dir="rtl"] .side-header-toggle {
        margin-right: 0;
    }
}

[dir="rtl"] .header-search-form form input {
    padding: 14px 30px 14px 60px;
}

[dir="rtl"] .header-search-form form button {
    left: 0;
    right: auto;
}

[dir="rtl"] .header-search-form .header-search-close {
    left: 0;
    right: auto;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (max-width: 767px) {
    [dir="rtl"] .header-search-form {
        left: 0;
    }
    [dir="rtl"] .header-search-form form input {
        padding-left: 60px;
        padding-right: 20px;
    }
}

[dir="rtl"] .header-notification-area>li>a .drop-arrow {
    margin-left: 0;
    margin-right: 5px;
}

[dir="rtl"] .header-notification-area>li>a .badge {
    left: -4px;
    right: auto;
}

[dir="rtl"] .header-notification-area>li>a .user .avatar .status {
    left: 0;
    right: auto;
}

[dir="rtl"] .header-notification-area>li>a .user .name {
    margin-left: 0;
    margin-right: 10px;
}

[dir="rtl"] .header-notification-area>li .adomx-dropdown-menu {
    left: 0;
    right: auto;
}

@media only screen and (max-width: 479px) {
    [dir="rtl"] .header-notification-area>li:first-child {
        padding-left: 10px !important;
        padding-right: 0 !important;
    }
    [dir="rtl"] .header-notification-area>li:last-child {
        padding-left: 0 !important;
        padding-right: 10px !important;
    }
}

[dir="rtl"] .dropdown-menu-language li a img {
    margin-left: 10px;
    margin-right: 0;
}

[dir="rtl"] .dropdown-menu-mail .body ul li a {
    padding-left: 45px;
    padding-right: 20px;
}

[dir="rtl"] .dropdown-menu-mail .body ul li a .image {
    margin-left: 15px;
    margin-right: 0;
}

[dir="rtl"] .dropdown-menu-mail .body ul li a .reply {
    left: 20px;
    right: auto;
}

[dir="rtl"] .dropdown-menu-notifications .body ul li {
    padding: 11px 30px 11px 40px;
}

[dir="rtl"] .dropdown-menu-notifications .body ul li a {
    padding-left: 0;
    padding-right: 28px;
}

[dir="rtl"] .dropdown-menu-notifications .body ul li a i {
    left: auto;
    right: 0;
}

[dir="rtl"] .dropdown-menu-notifications .body ul li .delete {
    left: 25px;
    right: auto;
}

[dir="rtl"] .dropdown-menu-user .body ul li a i {
    float: right;
    margin-left: 15px;
    margin-right: 0;
}

[dir="rtl"] .side-header {
    left: auto;
    right: 0;
}

[dir="rtl"] .side-header.hide {
    left: auto;
    right: -270px;
}

[dir="rtl"] .side-header.hide+.content-body,
[dir="rtl"] .side-header.hide~.footer-section {
    margin-left: 0;
    margin-right: 0;
}

[dir="rtl"] .side-header.show {
    left: auto;
    right: 0;
}

[dir="rtl"] .side-header.show+.content-body,
[dir="rtl"] .side-header.show~.footer-section {
    margin-left: 0;
    margin-right: 270px;
}

[dir="rtl"] .side-header .side-header-close {
    left: 0;
    right: auto;
}

[dir="rtl"] .side-header .side-header-inner {
    padding: 0 0 0 25px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (max-width: 767px) {
    [dir="rtl"] .side-header.show {
        left: auto;
        right: 0;
    }
    [dir="rtl"] .side-header.show+.content-body,
    [dir="rtl"] .side-header.show~.footer-section {
        margin-left: 0;
        margin-right: 0;
    }
}

@media only screen and (max-width: 767px) {
    [dir="rtl"] .side-header.show .side-header-close {
        left: -40px;
        right: auto;
    }
}

[dir="rtl"] .side-header-menu>ul>li>a {
    padding: 12px 25px 12px 0;
}

[dir="rtl"] .side-header-menu>ul>li>a::before {
    left: auto;
    right: 0;
}

[dir="rtl"] .side-header-menu>ul>li>a span {
    margin-left: 0;
    margin-right: 10px;
}

[dir="rtl"] .side-header-menu>ul>li>a span:first-child {
    margin: 0;
}

[dir="rtl"] .side-header-menu>ul>li>a .menu-expand {
    left: 0;
    right: auto;
}

[dir="rtl"] .side-header-sub-menu {
    padding-left: 0;
    padding-right: 25px;
}

[dir="rtl"] .side-header-sub-menu li a {
    padding: 5px 30px 5px 0;
}

[dir="rtl"] .side-header-sub-menu li a::before {
    left: auto;
    right: 0;
}

[dir="rtl"] .side-header-sub-menu li a span {
    margin-left: 0;
    margin-right: 15px;
}

[dir="rtl"] .side-header-sub-menu li a span:first-child {
    margin: 0;
}

[dir="rtl"] .side-header-sub-menu li a .menu-expand {
    left: 0;
    right: auto;
}

[dir="rtl"] label.inline {
    margin-left: 15px;
    margin-right: 0;
}

[dir="rtl"] label.inline:last-child {
    margin-left: 0;
}

[dir="rtl"] .form-control,
[dir="rtl"] #toast-container .toast .toast-message input,
#toast-container .toast .toast-message [dir="rtl"] input,
[dir="rtl"] .dataTables_wrapper .dataTables_length label input,
.dataTables_wrapper .dataTables_length label [dir="rtl"] input,
[dir="rtl"] .dataTables_wrapper .dataTables_filter label input,
.dataTables_wrapper .dataTables_filter label [dir="rtl"] input,
[dir="rtl"] .dataTables_wrapper .dataTables_length label select,
.dataTables_wrapper .dataTables_length label [dir="rtl"] select,
[dir="rtl"] .dataTables_wrapper .dataTables_filter label select,
.dataTables_wrapper .dataTables_filter label [dir="rtl"] select,
[dir="rtl"] .footable.table thead tr th .footable-filtering-search .input-group .form-control,
.footable.table thead tr th .footable-filtering-search .input-group [dir="rtl"] .form-control,
[dir="rtl"] .jsgrid-grid-header table tr th input,
.jsgrid-grid-header table tr th [dir="rtl"] input,
[dir="rtl"] .jsgrid-grid-header table tr th select,
.jsgrid-grid-header table tr th [dir="rtl"] select,
[dir="rtl"] .jsgrid-grid-header table tr td input,
.jsgrid-grid-header table tr td [dir="rtl"] input,
[dir="rtl"] .jsgrid-grid-header table tr td select,
.jsgrid-grid-header table tr td [dir="rtl"] select,
[dir="rtl"] body.skin-dark .footable.table thead tr th .footable-filtering-search .input-group .form-control,
body.skin-dark .footable.table thead tr th .footable-filtering-search .input-group [dir="rtl"] .form-control,
[dir="rtl"] body.skin-dark .jsgrid-table tr th input:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr th [dir="rtl"] input:not(.jsgrid-button),
[dir="rtl"] body.skin-dark .jsgrid-table tr td input:not(.jsgrid-button),
body.skin-dark .jsgrid-table tr td [dir="rtl"] input:not(.jsgrid-button),
[dir="rtl"] body.skin-dark .jsgrid-table tr th select,
body.skin-dark .jsgrid-table tr th [dir="rtl"] select,
[dir="rtl"] body.skin-dark .jsgrid-table tr td select,
body.skin-dark .jsgrid-table tr td [dir="rtl"] select {
    text-align: right;
}

[dir="rtl"] select.form-control:not([multiple]),
[dir="rtl"] .dataTables_wrapper .dataTables_length label select:not([multiple]),
.dataTables_wrapper .dataTables_length label [dir="rtl"] select:not([multiple]),
[dir="rtl"] .dataTables_wrapper .dataTables_filter label select:not([multiple]),
.dataTables_wrapper .dataTables_filter label [dir="rtl"] select:not([multiple]),
[dir="rtl"] .footable.table thead tr th .footable-filtering-search .input-group select.form-control:not([multiple]),
.footable.table thead tr th .footable-filtering-search .input-group [dir="rtl"] select.form-control:not([multiple]),
[dir="rtl"] .jsgrid-grid-header table tr th select:not([multiple]),
.jsgrid-grid-header table tr th [dir="rtl"] select:not([multiple]),
[dir="rtl"] .jsgrid-grid-header table tr td select:not([multiple]),
.jsgrid-grid-header table tr td [dir="rtl"] select:not([multiple]),
[dir="rtl"] body.skin-dark .jsgrid-table tr th select:not([multiple]),
body.skin-dark .jsgrid-table tr th [dir="rtl"] select:not([multiple]),
[dir="rtl"] body.skin-dark .jsgrid-table tr td select:not([multiple]),
body.skin-dark .jsgrid-table tr td [dir="rtl"] select:not([multiple]) {
    background-position: center left;
    padding-left: 35px;
    padding-right: 16px;
}

[dir="rtl"] select.form-control:not([multiple]).form-control-sm,
[dir="rtl"] .dataTables_wrapper .dataTables_length label select:not([multiple]).form-control-sm,
.dataTables_wrapper .dataTables_length label [dir="rtl"] select:not([multiple]).form-control-sm,
[dir="rtl"] .dataTables_wrapper .dataTables_filter label select:not([multiple]).form-control-sm,
.dataTables_wrapper .dataTables_filter label [dir="rtl"] select:not([multiple]).form-control-sm,
[dir="rtl"] .footable.table thead tr th .footable-filtering-search .input-group select.form-control:not([multiple]).form-control-sm,
.footable.table thead tr th .footable-filtering-search .input-group [dir="rtl"] select.form-control:not([multiple]).form-control-sm,
[dir="rtl"] .jsgrid-grid-header table tr th select:not([multiple]).form-control-sm,
.jsgrid-grid-header table tr th [dir="rtl"] select:not([multiple]).form-control-sm,
[dir="rtl"] .jsgrid-grid-header table tr td select:not([multiple]).form-control-sm,
.jsgrid-grid-header table tr td [dir="rtl"] select:not([multiple]).form-control-sm,
[dir="rtl"] body.skin-dark .jsgrid-table tr th select:not([multiple]).form-control-sm,
body.skin-dark .jsgrid-table tr th [dir="rtl"] select:not([multiple]).form-control-sm,
[dir="rtl"] body.skin-dark .jsgrid-table tr td select:not([multiple]).form-control-sm,
body.skin-dark .jsgrid-table tr td [dir="rtl"] select:not([multiple]).form-control-sm {
    padding-left: 35px;
    padding-right: 11px;
}

[dir="rtl"] select.form-control:not([multiple]).form-control-lg,
[dir="rtl"] .dataTables_wrapper .dataTables_length label select:not([multiple]).form-control-lg,
.dataTables_wrapper .dataTables_length label [dir="rtl"] select:not([multiple]).form-control-lg,
[dir="rtl"] .dataTables_wrapper .dataTables_filter label select:not([multiple]).form-control-lg,
.dataTables_wrapper .dataTables_filter label [dir="rtl"] select:not([multiple]).form-control-lg,
[dir="rtl"] .footable.table thead tr th .footable-filtering-search .input-group select.form-control:not([multiple]).form-control-lg,
.footable.table thead tr th .footable-filtering-search .input-group [dir="rtl"] select.form-control:not([multiple]).form-control-lg,
[dir="rtl"] .jsgrid-grid-header table tr th select:not([multiple]).form-control-lg,
.jsgrid-grid-header table tr th [dir="rtl"] select:not([multiple]).form-control-lg,
[dir="rtl"] .jsgrid-grid-header table tr td select:not([multiple]).form-control-lg,
.jsgrid-grid-header table tr td [dir="rtl"] select:not([multiple]).form-control-lg,
[dir="rtl"] body.skin-dark .jsgrid-table tr th select:not([multiple]).form-control-lg,
body.skin-dark .jsgrid-table tr th [dir="rtl"] select:not([multiple]).form-control-lg,
[dir="rtl"] body.skin-dark .jsgrid-table tr td select:not([multiple]).form-control-lg,
body.skin-dark .jsgrid-table tr td [dir="rtl"] select:not([multiple]).form-control-lg {
    padding-left: 35px;
    padding-right: 21px;
}

[dir="rtl"] input[type="checkbox"],
[dir="rtl"] input[type="radio"] {
    margin-left: 5px;
    margin-right: 0;
}

[dir="rtl"] .adomx-checkbox {
    padding-left: 0;
    padding-right: 25px;
}

[dir="rtl"] .adomx-checkbox input {
    left: auto;
    right: 0;
}

[dir="rtl"] .adomx-checkbox .icon {
    left: auto;
    right: 0;
}

[dir="rtl"] .adomx-checkbox-2 {
    padding-left: 0;
    padding-right: 25px;
}

[dir="rtl"] .adomx-checkbox-2 input {
    left: auto;
    right: 0;
}

[dir="rtl"] .adomx-checkbox-2 .icon {
    left: auto;
    right: 0;
}

[dir="rtl"] .adomx-radio {
    padding-left: 0;
    padding-right: 25px;
}

[dir="rtl"] .adomx-radio input {
    left: auto;
    right: 0;
}

[dir="rtl"] .adomx-radio .icon {
    left: auto;
    right: 0;
}

[dir="rtl"] .adomx-radio-2 {
    padding-left: 0;
    padding-right: 25px;
}

[dir="rtl"] .adomx-radio-2 input {
    left: auto;
    right: 0;
}

[dir="rtl"] .adomx-radio-2 .icon {
    left: auto;
    right: 0;
}

[dir="rtl"] .daterangepicker .drp-calendar {
    padding: 10px;
}

[dir="rtl"] .daterangepicker .drp-calendar .calendar-table {
    padding: 0 !important;
}

[dir="rtl"] .daterangepicker .drp-calendar .calendar-table .table-condensed thead tr th.prev span {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    margin-right: 4px;
}

[dir="rtl"] .daterangepicker .drp-calendar .calendar-table .table-condensed thead tr th.next span {
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
}

[dir="rtl"] .note-editor.note-frame .note-toolbar .note-btn-group .note-btn {
    margin-left: 0;
    margin-right: -1px;
    border-radius: 0;
}

[dir="rtl"] .note-editor.note-frame .note-toolbar .note-btn-group .note-btn.dropdown-toggle {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

[dir="rtl"] .note-editor.note-frame .note-toolbar .note-btn-group .note-btn::after {
    margin-left: 0;
    margin-right: 5px;
}

[dir="rtl"] .note-editor.note-frame .note-toolbar .note-btn-group .note-btn:empty::after {
    margin: 0;
    margin-right: -3px;
}

[dir="rtl"] .note-editor.note-frame .note-toolbar .note-btn-group .note-btn:first-child {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

[dir="rtl"] .note-editor.note-frame .note-toolbar .note-btn-group .note-btn:last-child {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

[dir="rtl"] .note-editor.note-frame .note-toolbar .note-btn-group .dropdown-menu {
    text-align: right;
}

[dir="rtl"] .ql-toolbar .ql-formats .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
    right: auto;
    left: 0;
}

[dir="rtl"] .quill.ql-container .ql-editor {
    text-align: right;
}

[dir="rtl"] .filepond--root {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

[dir="rtl"] .filepond--root .filepond--drop-label {
    left: auto;
    right: 0;
}

[dir="rtl"] .filepond--root .filepond--list-scroller .filepond--list {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

[dir="rtl"] .nice-select {
    padding-left: 35px;
    padding-right: 16px;
}

[dir="rtl"] .nice-select.form-control-sm {
    padding-left: 35px;
    padding-right: 11px;
}

[dir="rtl"] .nice-select.form-control-lg {
    padding-left: 35px;
    padding-right: 21px;
}

[dir="rtl"] .nice-select::after {
    left: 20px;
    right: auto;
}

[dir="rtl"] .nice-select .current {
    float: right;
}

[dir="rtl"] .nice-select .list li {
    text-align: right;
}

[dir="rtl"] .form-control.bSelect .btn .filter-option,
[dir="rtl"] #toast-container .toast .toast-message input.bSelect .btn .filter-option,
#toast-container .toast .toast-message [dir="rtl"] input.bSelect .btn .filter-option,
[dir="rtl"] .dataTables_wrapper .dataTables_length label input.bSelect .btn .filter-option,
.dataTables_wrapper .dataTables_length label [dir="rtl"] input.bSelect .btn .filter-option,
[dir="rtl"] .dataTables_wrapper .dataTables_filter label input.bSelect .btn .filter-option,
.dataTables_wrapper .dataTables_filter label [dir="rtl"] input.bSelect .btn .filter-option,
[dir="rtl"] .dataTables_wrapper .dataTables_length label select.bSelect .btn .filter-option,
.dataTables_wrapper .dataTables_length label [dir="rtl"] select.bSelect .btn .filter-option,
[dir="rtl"] .dataTables_wrapper .dataTables_filter label select.bSelect .btn .filter-option,
.dataTables_wrapper .dataTables_filter label [dir="rtl"] select.bSelect .btn .filter-option,
[dir="rtl"] .footable.table thead tr th .footable-filtering-search .input-group .bSelect.form-control .btn .filter-option,
.footable.table thead tr th .footable-filtering-search .input-group [dir="rtl"] .bSelect.form-control .btn .filter-option,
[dir="rtl"] .jsgrid-grid-header table tr th input.bSelect .btn .filter-option,
.jsgrid-grid-header table tr th [dir="rtl"] input.bSelect .btn .filter-option,
[dir="rtl"] .jsgrid-grid-header table tr th select.bSelect .btn .filter-option,
.jsgrid-grid-header table tr th [dir="rtl"] select.bSelect .btn .filter-option,
[dir="rtl"] .jsgrid-grid-header table tr td input.bSelect .btn .filter-option,
.jsgrid-grid-header table tr td [dir="rtl"] input.bSelect .btn .filter-option,
[dir="rtl"] .jsgrid-grid-header table tr td select.bSelect .btn .filter-option,
.jsgrid-grid-header table tr td [dir="rtl"] select.bSelect .btn .filter-option,
[dir="rtl"] body.skin-dark .jsgrid-table tr th input.bSelect:not(.jsgrid-button) .btn .filter-option,
body.skin-dark .jsgrid-table tr th [dir="rtl"] input.bSelect:not(.jsgrid-button) .btn .filter-option,
[dir="rtl"] body.skin-dark .jsgrid-table tr td input.bSelect:not(.jsgrid-button) .btn .filter-option,
body.skin-dark .jsgrid-table tr td [dir="rtl"] input.bSelect:not(.jsgrid-button) .btn .filter-option,
[dir="rtl"] body.skin-dark .jsgrid-table tr th select.bSelect .btn .filter-option,
body.skin-dark .jsgrid-table tr th [dir="rtl"] select.bSelect .btn .filter-option,
[dir="rtl"] body.skin-dark .jsgrid-table tr td select.bSelect .btn .filter-option,
body.skin-dark .jsgrid-table tr td [dir="rtl"] select.bSelect .btn .filter-option {
    text-align: right;
    margin: 0;
    padding-right: 0;
    padding-left: inherit;
}

[dir="rtl"] .form-control.bSelect .dropdown-menu,
[dir="rtl"] #toast-container .toast .toast-message input.bSelect .dropdown-menu,
#toast-container .toast .toast-message [dir="rtl"] input.bSelect .dropdown-menu,
[dir="rtl"] .dataTables_wrapper .dataTables_length label input.bSelect .dropdown-menu,
.dataTables_wrapper .dataTables_length label [dir="rtl"] input.bSelect .dropdown-menu,
[dir="rtl"] .dataTables_wrapper .dataTables_filter label input.bSelect .dropdown-menu,
.dataTables_wrapper .dataTables_filter label [dir="rtl"] input.bSelect .dropdown-menu,
[dir="rtl"] .dataTables_wrapper .dataTables_length label select.bSelect .dropdown-menu,
.dataTables_wrapper .dataTables_length label [dir="rtl"] select.bSelect .dropdown-menu,
[dir="rtl"] .dataTables_wrapper .dataTables_filter label select.bSelect .dropdown-menu,
.dataTables_wrapper .dataTables_filter label [dir="rtl"] select.bSelect .dropdown-menu,
[dir="rtl"] .footable.table thead tr th .footable-filtering-search .input-group .bSelect.form-control .dropdown-menu,
.footable.table thead tr th .footable-filtering-search .input-group [dir="rtl"] .bSelect.form-control .dropdown-menu,
[dir="rtl"] .jsgrid-grid-header table tr th input.bSelect .dropdown-menu,
.jsgrid-grid-header table tr th [dir="rtl"] input.bSelect .dropdown-menu,
[dir="rtl"] .jsgrid-grid-header table tr th select.bSelect .dropdown-menu,
.jsgrid-grid-header table tr th [dir="rtl"] select.bSelect .dropdown-menu,
[dir="rtl"] .jsgrid-grid-header table tr td input.bSelect .dropdown-menu,
.jsgrid-grid-header table tr td [dir="rtl"] input.bSelect .dropdown-menu,
[dir="rtl"] .jsgrid-grid-header table tr td select.bSelect .dropdown-menu,
.jsgrid-grid-header table tr td [dir="rtl"] select.bSelect .dropdown-menu,
[dir="rtl"] body.skin-dark .jsgrid-table tr th input.bSelect:not(.jsgrid-button) .dropdown-menu,
body.skin-dark .jsgrid-table tr th [dir="rtl"] input.bSelect:not(.jsgrid-button) .dropdown-menu,
[dir="rtl"] body.skin-dark .jsgrid-table tr td input.bSelect:not(.jsgrid-button) .dropdown-menu,
body.skin-dark .jsgrid-table tr td [dir="rtl"] input.bSelect:not(.jsgrid-button) .dropdown-menu,
[dir="rtl"] body.skin-dark .jsgrid-table tr th select.bSelect .dropdown-menu,
body.skin-dark .jsgrid-table tr th [dir="rtl"] select.bSelect .dropdown-menu,
[dir="rtl"] body.skin-dark .jsgrid-table tr td select.bSelect .dropdown-menu,
body.skin-dark .jsgrid-table tr td [dir="rtl"] select.bSelect .dropdown-menu {
    margin: 0;
    max-height: 200px;
    overflow-y: auto;
}

[dir="rtl"] .adomx-switch input:checked+.lever::before {
    left: 0;
}

[dir="rtl"] .adomx-switch .lever {
    margin-left: 10px;
    margin-right: 0;
}

[dir="rtl"] .adomx-switch .lever::before {
    left: 20px;
}

[dir="rtl"] .adomx-switch-2 input:checked+.lever::before {
    left: 0;
}

[dir="rtl"] .adomx-switch-2 .lever {
    margin-left: 10px;
    margin-right: 0;
}

[dir="rtl"] .adomx-switch-2 .lever::before {
    left: 20px;
}

[dir="rtl"] .smart-wizard .sw-toolbar .sw-btn-group {
    margin-right: 15px !important;
    margin-right: 0 !important;
}

[dir="rtl"] .smart-wizard .sw-toolbar .sw-btn-group:last-child {
    margin-left: 0 !important;
}

[dir="rtl"] .smart-wizard .sw-toolbar .sw-btn-group .btn {
    margin-left: 5px !important;
    margin-right: 0 !important;
}

[dir="rtl"] .smart-wizard .sw-toolbar .sw-btn-group .btn:last-child {
    margin-left: 0 !important;
}

[dir="rtl"] .top-report {
    /*-- Icon --*/
}

[dir="rtl"] .top-report .icon {
    left: 0;
    right: auto;
}

[dir="rtl"] .top-report .head {
    padding-left: 20px;
    padding-right: 0;
}

[dir="rtl"] .top-report .head .view {
    left: 0;
    right: auto;
}

[dir="rtl"] .todo-list-menu {
    border-left: 1px solid #e1e1e1;
    border-right: 0;
}

@media only screen and (max-width: 767px) {
    [dir="rtl"] .todo-list-menu {
        border-left: none;
    }
}

[dir="rtl"] .todo-list li .list-action .adomx-checkbox {
    padding-left: 0;
    padding-right: 18px;
}

@media only screen and (max-width: 479px) {
    [dir="rtl"] .todo-list li .list-action .status {
        margin: 0;
    }
    [dir="rtl"] .todo-list li .list-action .adomx-checkbox {
        margin-left: 15px;
        margin-right: 15px;
    }
}

[dir="rtl"] .chat-app-wrap {
    padding-left: 0;
    padding-right: 370px;
}

[dir="rtl"] .chat-app-wrap .chat-contacts-open {
    left: auto;
    right: 0;
}

[dir="rtl"] .chat-app-wrap .chat-contacts {
    left: auto;
    right: 0;
    border-left: 1px solid #f1f1f1;
    border-right: 0px solid #f1f1f1;
}

[dir="rtl"] .chat-app-wrap .chat-contacts.show {
    left: auto;
    right: 0;
}

[dir="rtl"] .chat-app-wrap .chat-contacts .chat-contacts-close {
    left: auto;
    right: 100%;
}

[dir="rtl"] .chat-app-wrap .contact-search-form {
    left: auto;
    right: 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (max-width: 767px) {
    [dir="rtl"] .chat-app-wrap {
        padding-right: 0;
    }
    [dir="rtl"] .chat-app-wrap .chat-contacts {
        left: auto;
        right: -300px;
    }
}

@media only screen and (max-width: 479px) {
    [dir="rtl"] .chat-app-wrap .chat-contacts {
        left: auto;
        right: -280px;
    }
}

[dir="rtl"] .chat-active-contact .chat-contact .image {
    margin-left: 20px;
    margin-right: 0;
}

[dir="rtl"] .chat-list li:nth-child(2n) .chat .head,
[dir="rtl"] .widget-chat-list li:nth-child(2n) .chat .head,
[dir="rtl"] .chat-list li:nth-child(2n) .widget-chat .head,
[dir="rtl"] .widget-chat-list li:nth-child(2n) .widget-chat .head {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

[dir="rtl"] .chat-list li:nth-child(2n) .chat .head h5,
[dir="rtl"] .widget-chat-list li:nth-child(2n) .chat .head h5,
[dir="rtl"] .chat-list li:nth-child(2n) .widget-chat .head h5,
[dir="rtl"] .widget-chat-list li:nth-child(2n) .widget-chat .head h5 {
    text-align: left;
}

[dir="rtl"] .chat-list li:nth-child(2n) .chat .head span,
[dir="rtl"] .widget-chat-list li:nth-child(2n) .chat .head span,
[dir="rtl"] .chat-list li:nth-child(2n) .widget-chat .head span,
[dir="rtl"] .widget-chat-list li:nth-child(2n) .widget-chat .head span {
    margin-left: 0;
    margin-right: 15px;
}

[dir="rtl"] .chat-list li:nth-child(2n) .chat .body .content,
[dir="rtl"] .widget-chat-list li:nth-child(2n) .chat .body .content,
[dir="rtl"] .chat-list li:nth-child(2n) .widget-chat .body .content,
[dir="rtl"] .widget-chat-list li:nth-child(2n) .widget-chat .body .content {
    margin-left: 15px;
    margin-right: 0;
}

[dir="rtl"] .chat .head span,
[dir="rtl"] .widget-chat .head span {
    margin-left: 15px;
    margin-right: 0;
}

[dir="rtl"] .chat .body .content,
[dir="rtl"] .widget-chat .body .content {
    margin-left: 0;
    margin-right: 15px;
}

@media only screen and (max-width: 479px) {
    [dir="rtl"] .chat .head h5,
    [dir="rtl"] .widget-chat .head h5 {
        text-align: right !important;
    }
    [dir="rtl"] .chat .head span,
    [dir="rtl"] .widget-chat .head span {
        margin-left: 20px !important;
        margin-right: 0;
    }
    [dir="rtl"] .chat .head a,
    [dir="rtl"] .widget-chat .head a {
        left: 0;
        right: auto;
    }
}

[dir="rtl"] .chat-submission,
[dir="rtl"] body.skin-dark .widget-chat-submission,
body.skin-dark [dir="rtl"] .widget-chat-submission,
[dir="rtl"] .widget-chat-submission {
    border-top: 1px solid #f1f1f1;
}

[dir="rtl"] .chat-submission form,
[dir="rtl"] .widget-chat-submission form {
    padding: 15px 15px 15px 120px;
}

[dir="rtl"] .chat-submission form .buttons,
[dir="rtl"] .widget-chat-submission form .buttons {
    left: 30px;
    right: auto;
}

[dir="rtl"] .widget-chat-wrap {
    padding-right: 0;
    margin-right: 0;
    padding-left: 25px;
    margin-left: -25px;
}

[dir="rtl"] .widget-chat-submission {
    margin: 0 -25px -25px;
}

[dir="rtl"] .widget-chat-submission form {
    padding: 10px 10px 10px 85px;
}

[dir="rtl"] .widget-chat-submission form .buttons {
    left: 25px;
}

[dir="rtl"] .mail-menu {
    border-left: 1px solid #e1e1e1;
    border-right: none;
}

@media only screen and (max-width: 767px) {
    [dir="rtl"] .mail-menu {
        border-left: none;
    }
}

[dir="rtl"] .mail-options .mail-options-group {
    margin-left: 30px;
    margin-right: 0;
    padding-left: 30px;
    padding-right: 0;
}

[dir="rtl"] .mail-options .mail-options-group::before {
    left: -1px;
    right: auto;
}

[dir="rtl"] .mail-options .mail-options-group:last-child {
    margin-left: 0;
    padding-left: 0;
}

[dir="rtl"] .mail-options .mail-options-group:last-child::before {
    display: none;
}

[dir="rtl"] .mail-options .mail-options-group>* {
    margin: 0 15px;
}

[dir="rtl"] .mail-options .mail-options-group>*:first-child {
    margin-left: 15;
    margin-right: 0;
}

[dir="rtl"] .mail-options .mail-options-group>*:last-child {
    margin-left: 0;
    margin-right: 15px;
}

[dir="rtl"] .mail-options .mail-options-group .adomx-dropdown-menu {
    left: 0;
    right: auto;
}

@media only screen and (min-width: 1200px) and (max-width: 1499px),
only screen and (min-width: 992px) and (max-width: 1199px) {
    [dir="rtl"] .mail-options .mail-options-group {
        margin-left: 20px;
        margin-right: 0;
        padding-left: 20px;
        padding-right: 0;
    }
    [dir="rtl"] .mail-options .mail-options-group>* {
        margin: 0 10px;
    }
    [dir="rtl"] .mail-options .mail-options-group>*:last-child {
        margin-right: 10px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (max-width: 767px) {
    [dir="rtl"] .mail-options .mail-options-group {
        margin-left: 15px;
        margin-right: 0;
        padding-left: 15px;
        padding-right: 0;
    }
    [dir="rtl"] .mail-options .mail-options-group>* {
        margin: 0 5px;
    }
    [dir="rtl"] .mail-options .mail-options-group>*:last-child {
        margin-right: 10px;
    }
}

@media only screen and (max-width: 767px) {
    [dir="rtl"] .mail-options {
        padding: 10px 30px;
    }
    [dir="rtl"] .mail-options .mail-options-group:first-child .adomx-dropdown-menu {
        left: auto;
        right: 0;
    }
}

@media only screen and (max-width: 575px) {
    [dir="rtl"] .mail-options .mail-options-group {
        margin-left: 10px;
        margin-right: 0;
        padding-left: 0;
        padding-right: 0;
    }
    [dir="rtl"] .mail-options .mail-options-group::before {
        display: none;
    }
    [dir="rtl"] .mail-options .mail-options-group>*:last-child {
        margin-right: 5px;
    }
}

[dir="rtl"] .mail-list .mail::after {
    left: 0;
    right: auto;
}

[dir="rtl"] .mail-list .mail .left {
    padding-left: 20px;
    padding-right: 0;
}

[dir="rtl"] .mail-list .mail .left .adomx-checkbox {
    padding-left: 0;
    padding-right: 18px;
}

[dir="rtl"] .mail-list .mail .middle .top .name {
    margin-left: 10px;
    margin-right: 0;
}

@media only screen and (max-width: 575px) {
    [dir="rtl"] .mail-list .mail .left,
    [dir="rtl"] .mail-list .mail .right {
        padding-left: 0;
    }
    [dir="rtl"] .mail-list .mail .left>*,
    [dir="rtl"] .mail-list .mail .right>* {
        margin-left: 15px;
        margin-right: 0;
    }
}

[dir="rtl"] .single-mail {
    /*Top*/
    /*Bottom*/
}

[dir="rtl"] .single-mail .top {
    /*Left*/
    /*Right*/
}

[dir="rtl"] .single-mail .top .left ul li strong {
    margin-left: 50px;
    margin-right: 0;
}

[dir="rtl"] .single-mail .top .left ul li strong::after {
    float: left;
}

[dir="rtl"] .single-mail .top .right button {
    margin-right: 20px;
}

[dir="rtl"] .single-mail .top .right button:first-child {
    margin-right: 0;
}

[dir="rtl"] .single-mail .bottom .user .image {
    margin-left: 30px;
    margin-right: 0;
}

@media only screen and (max-width: 479px) {
    [dir="rtl"] .single-mail .top .left ul li strong {
        margin-left: 10px;
        margin-right: 0;
    }
    [dir="rtl"] .single-mail .top .right {
        margin-right: -5px;
    }
}

[dir="rtl"] .news-item .categories a {
    margin-left: 13px;
    margin-right: 0;
}

[dir="rtl"] .news-item .categories a:last-child {
    margin-left: 0;
}

[dir="rtl"] .news-item .meta li i {
    margin-left: 10px;
    margin-right: 0;
    float: right;
}

[dir="rtl"] .pricing-one .inner::before {
    left: auto;
    right: -130px;
}

[dir="rtl"] .pricing-one .inner::after {
    left: -170px;
    right: auto;
}

[dir="rtl"] .pricing-one .inner .head .icon {
    left: auto;
    right: -20px;
    margin-left: 10px;
    margin-right: 0;
}

[dir="rtl"] .pricing-one .inner .head .info .title::before {
    left: auto;
    right: 0;
}

[dir="rtl"] .pricing-one .inner .body ul li {
    text-align: right;
    padding-left: 0;
    padding-right: 30px;
}

[dir="rtl"] .pricing-one .inner .body ul li::before {
    left: auto;
    right: 0;
}

@media only screen and (max-width: 479px) {
    [dir="rtl"] .pricing-one .inner .head .icon {
        left: 0;
        right: 0;
        margin-left: 20px;
        margin-right: 0;
    }
}

[dir="rtl"] .pricing-two .inner .body {
    padding-left: 0;
    padding-right: 10px;
}

[dir="rtl"] .pricing-two .inner .body ul {
    text-align: right;
}

[dir="rtl"] .pricing-two .inner .body ul li {
    padding-left: 0;
    padding-right: 40px;
}

[dir="rtl"] .pricing-two .inner .body ul li::before {
    left: auto;
    right: 0;
}

[dir="rtl"] .pricing-three .inner .body ul {
    text-align: right;
}

[dir="rtl"] .pricing-three .inner .body ul li {
    padding-left: 0;
    padding-right: 23px;
}

[dir="rtl"] .pricing-three .inner .body ul li::before {
    left: auto;
    right: 0;
}

[dir="rtl"] .pricing-four .inner .head .left::before {
    left: 0;
    right: auto;
}

[dir="rtl"] .customizer-wrapper {
    left: -300px;
    right: auto;
}

[dir="rtl"] .customizer-wrapper.open {
    left: 0;
    right: auto;
}

[dir="rtl"] .customizer-toggle {
    left: 100%;
    right: auto;
    -webkit-box-shadow: 10px 0 10px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 10px 0 10px 0 rgba(0, 0, 0, 0.1);
}

[dir="rtl"] .cus-radio {
    padding-left: 0;
    padding-right: 25px;
}

[dir="rtl"] .cus-radio .icon {
    left: auto;
    right: 0;
}