@charset "utf-8";

/***************** Black CSS *****************/
.theme-black .navbar-nav ul.notifications li.header {
  background-color: #222222;
}

.theme-black ::selection {
  color: #fff;
  background: #222222
}

.theme-black .page-loader-wrapper {
  background: #222222
}

.theme-black .navbar-nav .user-profile .align-items-center {
  background: #222222
}

.theme-black .navbar-nav ul.menu-icon {
  background: #222222
}

.theme-black .sidebar-nav .metismenu>li.active>a {
  background-color: #222222;
  color: #fff
}

.theme-black .sidebar-nav .metismenu a:hover {
  color: #222222
}

.theme-black .sidebar-nav .metismenu a:hover::before {
  background-color: #222222
}

.theme-black .fancy-checkbox input[type="checkbox"]:checked+span:before {
  background: #222222;
  border-color: #222222
}

.theme-black .chat-widget li.right .chat-info {
  background: #222222;
  color: #fff
}

.theme-black .chat-widget li.right .chat-info:before {
  border-left: 10px solid #222222
}

.theme-black .fc .fc-view-container .fc-view.fc-basic-view>table>thead tr th.fc-widget-header {
  background: #222222;
  border-color: #222222;
  color: #fff
}

.theme-black .blog-page .single_post .footer .stats li a:hover {
  color: #222222
}

.theme-black .auth-main .btn-primary {
  background: #222222;
  border-color: #222222
}

.theme-black .right_chat li a:hover .media-object {
  border-color: #222222
}

.theme-black.menu-icon .sidebar-nav .metismenu>li.active i {
  color: #fff
}

.theme-black.menu-icon .sidebar-nav .metismenu>li i {
  color: #222222
}

.theme-black .wizard>.steps .current a {
  background: #222222
}

.theme-black .wizard>.steps .done a {
  background: #78909c
}

.theme-black .wizard .actions a {
  background: #222222
}

.theme-black .noUi-connect {
  background: #222222
}

/* CSS START */
.theme-black .form-control {
  border: 1px solid #2B2E33;
  border-radius: .15rem;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.theme-black .form-control:focus {
  border: 1px solid #2B2E33;
  box-shadow: 0 0 5px #2B2E33;
}

/* NAV COLOR */
.theme-black.menu-icon .sidebar-nav .metismenu>li i {
  color: #FFF;
}

.theme-black .sidebar .metismenu li a:hover {
  background-color: #222222;
  color: #FFF;
}

.theme-black .menu-icon .sidebar .metismenu li a:hover {
  background-color: #222222;
  color: #FFF !important;
}

/***************** Blue CSS *****************/
.theme-blue .navbar-nav ul.notifications li.header {
  background-color: #3eacff;
}

.theme-blue ::selection {
  color: #fff;
  background: #3eacff
}

.theme-blue .page-loader-wrapper {
  background: #3eacff
}

.theme-blue .navbar-nav .user-profile .align-items-center {
  background: #3eacff
}

.theme-blue .navbar-nav ul.menu-icon {
  background: #3eacff
}

.theme-blue .sidebar-nav .metismenu>li.active>a {
  background-color: #3eacff;
  color: #fff
}

.theme-blue .sidebar-nav .metismenu a:hover {
  color: #3eacff
}

.theme-blue .sidebar-nav .metismenu a:hover::before {
  background-color: #3eacff
}

.theme-blue .fancy-checkbox input[type="checkbox"]:checked+span:before {
  background: #3eacff;
  border-color: #3eacff
}

.theme-blue .chat-widget li.right .chat-info {
  background: #3eacff;
  color: #fff
}

.theme-blue .chat-widget li.right .chat-info:before {
  border-left: 10px solid #3eacff
}

.theme-blue .fc .fc-view-container .fc-view.fc-basic-view>table>thead tr th.fc-widget-header {
  background: #3eacff;
  border-color: #3eacff;
  color: #fff
}

.theme-blue .blog-page .single_post .footer .stats li a:hover {
  color: #3eacff
}

.theme-blue .auth-main .btn-primary {
  background: #3eacff;
  border-color: #3eacff
}

.theme-blue .right_chat li a:hover .media-object {
  border-color: #3eacff
}

.theme-blue.menu-icon .sidebar-nav .metismenu>li.active i {
  color: #fff
}

.theme-blue.menu-icon .sidebar-nav .metismenu>li i {
  color: #3eacff
}

.theme-blue .wizard>.steps .current a {
  background: #3eacff
}

.theme-blue .wizard>.steps .done a {
  background: #78909c
}

.theme-blue .wizard .actions a {
  background: #212121
}

.theme-blue .noUi-connect {
  background: #3eacff
}

/* CSS START */
.theme-blue .form-control {
  border: 1px solid #3eacff;
  border-radius: .15rem;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.theme-blue .form-control:focus {
  border: 1px solid #0593FF;
  box-shadow: 0 0 5px #3eacff;
}

/* NAV COLOR */
.theme-blue.menu-icon .sidebar-nav .metismenu>li i {
  color: #FFF;
}

.theme-blue .sidebar .metismenu li a:hover {
  background-color: #3eacff;
  color: #FFF;
}

.theme-blue .menu-icon .sidebar .metismenu li a:hover {
  background-color: #3eacff;
  color: #FFF !important;
}

/***************** Purple CSS *****************/
.theme-purple .navbar-nav ul.notifications li.header {
  background-color: #a27ce6;
}

.theme-purple ::selection {
  color: #fff;
  background: #a27ce6
}

.theme-purple .page-loader-wrapper {
  background: #a27ce6
}

.theme-purple .navbar-nav .user-profile .align-items-center {
  background: #a27ce6
}

.theme-purple .navbar-nav ul.menu-icon {
  background: #a27ce6
}

.theme-purple .sidebar-nav .metismenu>li.active>a {
  background-color: #a27ce6;
  color: #fff
}

.theme-purple .sidebar-nav .metismenu a:hover {
  color: #a27ce6
}

.theme-purple .sidebar-nav .metismenu a:hover::before {
  background-color: #a27ce6
}

.theme-purple .fancy-checkbox input[type="checkbox"]:checked+span:before {
  background: #a27ce6;
  border-color: #a27ce6
}

.theme-purple .chat-widget li.right .chat-info {
  background: #a27ce6;
  color: #fff
}

.theme-purple .chat-widget li.right .chat-info:before {
  border-left: 10px solid #a27ce6
}

.theme-purple .fc .fc-view-container .fc-view.fc-basic-view>table>thead tr th.fc-widget-header {
  background: #a27ce6;
  border-color: #a27ce6;
  color: #fff
}

.theme-purple .blog-page .single_post .footer .stats li a:hover {
  color: #a27ce6
}

.theme-purple .auth-main .btn-primary {
  background: #a27ce6;
  border-color: #a27ce6
}

.theme-purple .right_chat li a:hover .media-object {
  border-color: #a27ce6
}

.theme-purple.menu-icon .sidebar-nav .metismenu>li.active i {
  color: #fff
}

.theme-purple.menu-icon .sidebar-nav .metismenu>li i {
  color: #a27ce6
}

.theme-purple .wizard>.steps .current a {
  background: #a27ce6
}

.theme-purple .wizard>.steps .done a {
  background: #78909c
}

.theme-purple .wizard .actions a {
  background: #212121
}

.theme-purple .noUi-connect {
  background: #a27ce6
}

/* CSS START */
.theme-purple .form-control {
  border: 1px solid #a27ce6;
  border-radius: .15rem;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.form-control:focus {
  border: 1px solid #884EEF;
  box-shadow: 0 0 5px #a27ce6;
}

/* NAV COLOR */
.theme-purple.menu-icon .sidebar-nav .metismenu>li i {
  /* from color main*/
  color: #FFF;
}

.theme-purple .sidebar .metismenu li a:hover {
  background-color: #a27ce6;
  color: #FFF;
}

.theme-purple .menu-icon .sidebar .metismenu li a:hover {
  background-color: #a27ce6;
  color: #FFF !important;
}

/***************** Green CSS *****************/
.theme-green .navbar-nav ul.notifications li.header {
  background-color: #50d38a;
}

.theme-green ::selection {
  color: #fff;
  background: #50d38a
}

.theme-green .page-loader-wrapper {
  background: #50d38a
}

.theme-green .navbar-nav .user-profile .align-items-center {
  background: #50d38a
}

.theme-green .navbar-nav ul.menu-icon {
  background: #50d38a
}

.theme-green .sidebar-nav .metismenu>li.active>a {
  background-color: #50d38a;
  color: #fff
}

.theme-green .sidebar-nav .metismenu a:hover {
  color: #50d38a
}

.theme-green .sidebar-nav .metismenu a:hover::before {
  background-color: #50d38a
}

.theme-green .fancy-checkbox input[type="checkbox"]:checked+span:before {
  background: #50d38a;
  border-color: #50d38a
}

.theme-green .chat-widget li.right .chat-info {
  background: #50d38a;
  color: #fff
}

.theme-green .chat-widget li.right .chat-info:before {
  border-left: 10px solid #50d38a
}

.theme-green .fc .fc-view-container .fc-view.fc-basic-view>table>thead tr th.fc-widget-header {
  background: #50d38a;
  border-color: #50d38a;
  color: #fff
}

.theme-green .blog-page .single_post .footer .stats li a:hover {
  color: #50d38a
}

.theme-green .auth-main .btn-primary {
  background: #50d38a;
  border-color: #50d38a
}

.theme-green .right_chat li a:hover .media-object {
  border-color: #50d38a
}

.theme-green.menu-icon .sidebar-nav .metismenu>li.active i {
  color: #fff
}

.theme-green.menu-icon .sidebar-nav .metismenu>li i {
  color: #50d38a
}

.theme-green .wizard>.steps .current a {
  background: #50d38a
}

.theme-green .wizard>.steps .done a {
  background: #78909c
}

.theme-green .wizard .actions a {
  background: #212121
}

.theme-green .noUi-connect {
  background: #50d38a
}

/* CSS START */
.theme-green .form-control {
  border: 1px solid #50d38a;
  border-radius: .15rem;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.theme-green .form-control:focus {
  border: 1px solid #1BBB62;
  box-shadow: 0 0 5px #50d38a;
}

/* NAV COLOR */
.theme-green.menu-icon .sidebar-nav .metismenu>li i {
  color: #FFF;
}

.theme-green .sidebar .metismenu li a:hover {
  background-color: #50d38a;
  color: #FFF;
}

.theme-green .menu-icon .sidebar .metismenu li a:hover {
  background-color: #50d38a;
  color: #FFF !important;
}

/***************** Cyan CSS *****************/
.theme-cyan .navbar-nav ul.notifications li.header {
  background-color: #49c5b6;
}

.theme-cyan ::selection {
  color: #fff;
  background: #49c5b6
}

.theme-cyan .page-loader-wrapper {
  background: #49c5b6
}

.theme-cyan .navbar-nav .user-profile .align-items-center {
  background: #49c5b6
}

.theme-cyan .navbar-nav ul.menu-icon {
  background: #49c5b6
}

.theme-cyan .sidebar-nav .metismenu>li.active>a {
  background-color: #49c5b6;
  color: #fff
}

.theme-cyan .sidebar-nav .metismenu a:hover {
  color: #49c5b6
}

.theme-cyan .sidebar-nav .metismenu a:hover::before {
  background-color: #49c5b6
}

.theme-cyan .fancy-checkbox input[type="checkbox"]:checked+span:before {
  background: #49c5b6;
  border-color: #49c5b6
}

.theme-cyan .chat-widget li.right .chat-info {
  background: #49c5b6;
  color: #fff
}

.theme-cyan .chat-widget li.right .chat-info:before {
  border-left: 10px solid #49c5b6
}

.theme-cyan .fc .fc-view-container .fc-view.fc-basic-view>table>thead tr th.fc-widget-header {
  background: #49c5b6;
  border-color: #49c5b6;
  color: #fff
}

.theme-cyan .blog-page .single_post .footer .stats li a:hover {
  color: #49c5b6
}

.theme-cyan .auth-main .btn-primary {
  background: #49c5b6;
  border-color: #49c5b6
}

.theme-cyan .right_chat li a:hover .media-object {
  border-color: #49c5b6
}

.theme-cyan.menu-icon .sidebar-nav .metismenu>li.active i {
  color: #fff
}

.theme-cyan.menu-icon .sidebar-nav .metismenu>li i {
  color: #49c5b6
}

.theme-cyan .wizard>.steps .current a {
  background: #49c5b6
}

.theme-cyan .wizard>.steps .done a {
  background: #78909c
}

.theme-cyan .wizard .actions a {
  background: #212121
}

.theme-cyan .noUi-connect {
  background: #49c5b6
}

/* CSS START */
.theme-cyan .form-control {
  border: 1px solid #49c5b6;
  border-radius: .15rem;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.theme-cyan .form-control:focus {
  border: 1px solid #11B7A3;
  box-shadow: 0 0 5px #49c5b6;
}

/*
NEED IT for BTN
.theme-cyan .btn-info {
	color: #fff;
	background-color: #49c5b6;
	border-color: #11B7A3;
}
*/
/* NAV COLOR */
.theme-cyan.menu-icon .sidebar-nav .metismenu>li i {
  /* from color main*/
  color: #FFF;
}

.theme-cyan .sidebar .metismenu li a:hover {
  background-color: #49c5b6;
  color: #FFF;
}

.theme-cyan .menu-icon .sidebar .metismenu li a:hover {
  background-color: #49c5b6;
  color: #FFF !important;
}

/***************** Blush CSS *****************/
.theme-blush .navbar-nav ul.notifications li.header {
  background-color: #e47297;
}

.theme-blush ::selection {
  color: #fff;
  background: #e47297
}

.theme-blush .page-loader-wrapper {
  background: #e47297
}

.theme-blush .navbar-nav .user-profile .align-items-center {
  background: #e47297
}

.theme-blush .navbar-nav ul.menu-icon {
  background: #e47297
}

.theme-blush .sidebar-nav .metismenu>li.active>a {
  background-color: #e47297;
  color: #fff
}

.theme-blush .sidebar-nav .metismenu a:hover {
  color: #e47297
}

.theme-blush .sidebar-nav .metismenu a:hover::before {
  background-color: #e47297
}

.theme-blush .fancy-checkbox input[type="checkbox"]:checked+span:before {
  background: #e47297;
  border-color: #e47297
}

.theme-blush .chat-widget li.right .chat-info {
  background: #e47297;
  color: #fff
}

.theme-blush .chat-widget li.right .chat-info:before {
  border-left: 10px solid #e47297
}

.theme-blush .fc .fc-view-container .fc-view.fc-basic-view>table>thead tr th.fc-widget-header {
  background: #e47297;
  border-color: #e47297;
  color: #fff
}

.theme-blush .blog-page .single_post .footer .stats li a:hover {
  color: #e47297
}

.theme-blush .auth-main .btn-primary {
  background: #e47297;
  border-color: #e47297
}

.theme-blush .right_chat li a:hover .media-object {
  border-color: #e47297
}

.theme-blush.menu-icon .sidebar-nav .metismenu>li.active i {
  color: #fff
}

.theme-blush.menu-icon .sidebar-nav .metismenu>li i {
  color: #e47297
}

.theme-blush .wizard>.steps .current a {
  background: #e47297
}

.theme-blush .wizard>.steps .done a {
  background: #78909c
}

.theme-blush .wizard .actions a {
  background: #212121
}

.theme-blush .noUi-connect {
  background: #e47297
}

/* CSS START */
.theme-blush .form-control {
  border: 1px solid #e47297;
  border-radius: .15rem;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.theme-blush .form-control:focus {
  border: 1px solid #DF2D67;
  box-shadow: 0 0 5px #e47297;
}

/* NAV COLOR */
.theme-blush.menu-icon .sidebar-nav .metismenu>li i {
  color: #FFF;
}

.theme-blush .sidebar .metismenu li a:hover {
  background-color: #e47297;
  color: #FFF;
}

.theme-blush .menu-icon .sidebar .metismenu li a:hover {
  background-color: #e47297;
  color: #FFF !important;
}


/***************** Default CSS *****************/
.theme-default .navbar-nav ul.notifications li.header {
  background-color: #807b7b;
}

.theme-default ::selection {
  color: #fff;
  background: #807b7b
}

.theme-default .page-loader-wrapper {
  background: #111
}

.theme-default .navbar-nav .user-profile .align-items-center {
  background: #807b7b
}

.theme-default .navbar-nav ul.menu-icon {
  background: #807b7b
}

.theme-default .sidebar-nav .metismenu>li.active>a {
  background-color: #807b7b;
  color: #fff
}

.theme-default .sidebar-nav .metismenu a:hover {
  color: #807b7b
}

.theme-default .sidebar-nav .metismenu a:hover::before {
  background-color: #807b7b
}

.theme-default .fancy-checkbox input[type="checkbox"]:checked+span:before {
  background: #807b7b;
  border-color: #807b7b
}

.theme-default .chat-widget li.right .chat-info {
  background: #807b7b;
  color: #fff
}

.theme-default .chat-widget li.right .chat-info:before {
  border-left: 10px solid #807b7b
}

.theme-default .fc .fc-view-container .fc-view.fc-basic-view>table>thead tr th.fc-widget-header {
  background: #807b7b;
  border-color: #807b7b;
  color: #fff
}

.theme-default .blog-page .single_post .footer .stats li a:hover {
  color: #807b7b
}

.theme-default .auth-main .btn-primary {
  background: #807b7b;
  border-color: #807b7b
}

.theme-default .right_chat li a:hover .media-object {
  border-color: #807b7b
}

.theme-default.menu-icon .sidebar-nav .metismenu>li.active i {
  color: #fff
}

.theme-default.menu-icon .sidebar-nav .metismenu>li i {
  color: #807b7b
}

.theme-default .wizard>.steps .current a {
  background: #807b7b
}

.theme-default .wizard>.steps .done a {
  background: #78909c
}

.theme-default .wizard .actions a {
  background: #212121
}

.theme-default .noUi-connect {
  background: #807b7b
}

/* CSS START */
.theme-default .form-control {
  border: 1px solid #807b7b;
  border-radius: .15rem;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.theme-default .form-control:focus {
  border: 1px solid #000000;
  box-shadow: 0 0 5px #807b7b;
}

/* NAV COLOR */
.theme-default.menu-icon .sidebar-nav .metismenu>li i {
  color: #FFF;
}

.theme-default .sidebar .metismenu li a:hover {
  background-color: #807b7b;
  color: #FFF;
}

.theme-default .menu-icon .sidebar .metismenu li a:hover {
  background-color: #252525;
  color: #FFF !important;
}

.theme-default .hims-card {
  border-top: 4px solid #807b7b;
  margin-bottom: 10px;
}

.theme-default .card-tabs {
  border-top: 4px solid #807b7b !important;
}