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

[All Skin Stylesheet]



Project:	MinimalPro Admin - Responsive Admin Template

Last change:	25/11/17

Primary use:	MinimalPro Admin - Responsive Admin Template

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

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

[Table of contents]



1. Skin: Blue

2. Skin: Blue light

3. Skin: Black

4. Skin: Black light

5. Skin: Green

6. Skin: Green light

7. Skin: Red

8. Skin: Red light

9. Skin: Purple

10. Skin: Purple light

11. Skin: Yellow

12. Skin: Yellow light

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

 



/*---Skin: Blue---*/



.skin-blue .main-header .navbar {

  background-color: #1e88e5;

}

.skin-blue .main-header .navbar .nav > li > a {

  color: #ffffff;

}

.skin-blue .main-header .navbar .nav > li > a:hover,

.skin-blue .main-header .navbar .nav > li > a:active,

.skin-blue .main-header .navbar .nav > li > a:focus,

.skin-blue .main-header .navbar .nav .open > a,

.skin-blue .main-header .navbar .nav .open > a:hover,

.skin-blue .main-header .navbar .nav .open > a:focus,

.skin-blue .main-header .navbar .nav > .active > a,

.skin-blue.layout-top-nav .mega-dropdown > a.nav-link.dropdown-toggle:hover{

  background: rgba(0, 0, 0, 0.1);

  color: #f6f6f6;

}

.skin-blue .main-header .navbar .sidebar-toggle {

  color: #ffffff;

}

.skin-blue .main-header .navbar .sidebar-toggle:hover {

  color: #f6f6f6;

  background: rgba(0, 0, 0, 0.1);

}

.skin-blue .main-header .navbar .sidebar-toggle {

  color: #fff;

}

.skin-blue .main-header .navbar .sidebar-toggle:hover {

  background-color: transparent;

}

@media (max-width: 767px) {

  .skin-blue .main-header .navbar .dropdown-menu li.divider {

    background-color: rgba(255, 255, 255, 0.1);

  }

  .skin-blue .main-header .navbar .dropdown-menu li a:hover {

    background: #1e88e5;

  }

}

.skin-blue .main-header .logo {

  background-color: #1e88e5;

  color: #ffffff;

  border-bottom: 0 solid transparent;

}

.skin-blue .main-header .logo:hover {

  background-color: #1e88e5;

}

.skin-blue .main-header li.user-header {

  background-color: #fff;

}

.skin-blue .content-header {

  background: #fff;

}

.skin-blue .content {

  background: #f4f6f9;

}

.skin-blue .wrapper,

.skin-blue .main-sidebar,

.skin-blue .left-side {

  background-color: #28373e;

  box-shadow: 1px 0px 20px rgba(0,0,0,0.08);

}

.skin-blue .user-panel > .info,

.skin-blue .user-panel > .info > a {

  color: #fff;

}

.skin-blue .sidebar {

	border-color: #1e88e5;

}

.skin-blue .sidebar-menu > li.header {

  color: #687384;

}

.skin-blue .sidebar-menu > li > a {

  border-left:none;

}

.skin-blue .sidebar-menu>li:hover>a{

  color: #1e88e5;

  background-color: transparent;

}

.skin-blue.sidebar-collapse .sidebar-menu>li:hover>a{

  background-color: #28373e;

}

.skin-blue .sidebar-menu>li.active>a, .skin-blue .sidebar-menu>li.menu-open>a{

  color: #ffffff;

  background: #1e88e5;

}

.skin-blue .sidebar-menu > li.active > a,

.skin-blue .sidebar-menu > li.menu-open > a {

  color: #ffffff;

}

.skin-blue .sidebar-menu > li.active > a {

  border-left-color: #1e88e5;

}

.skin-blue .sidebar-menu > li > .treeview-menu {

  margin: 0 0px;

  background: #28373e;

}

.skin-blue .sidebar a {

  color: #687384;

}

.skin-blue .sidebar a:hover {

  text-decoration: none;

}

.skin-blue .sidebar-menu .treeview-menu > li > a {

  color: #687384;

}

.skin-blue .sidebar-menu .treeview-menu > li.active > a,

.skin-blue .sidebar-menu .treeview-menu > li > a:hover {

  color: #fff;

}

.skin-blue .sidebar-form {

  border-radius: 3px;

  border: 1px solid #898989;

}

.skin-blue .sidebar-form input[type="text"],

.skin-blue .sidebar-form .btn {

  box-shadow: none;

  background-color: rgba(0, 0, 0, 0.59);

  border: 1px solid rgba(0, 0, 0, 0.59);

  height: 35px;

}

.skin-blue .sidebar-form input[type="text"] {

  color: #fff;

  border-top-left-radius: 2px;

  border-top-right-radius: 0;

  border-bottom-right-radius: 0;

  border-bottom-left-radius: 2px;

}

.skin-blue .sidebar-form input[type="text"]:focus,

.skin-blue .sidebar-form input[type="text"]:focus + .input-group-btn .btn {

  color: #fff;

}

.skin-blue .sidebar-form .btn {

  color: #f7f7f7;

  border-top-left-radius: 0;

  border-top-right-radius: 2px;

  border-bottom-right-radius: 2px;

  border-bottom-left-radius: 0;

}

.skin-blue.layout-top-nav .main-header > .logo {

  background-color: #1e88e5;

  color: #ffffff;

  border-bottom: 0 solid transparent;

}

.skin-blue.layout-top-nav .main-header > .logo:hover {

  background-color: #1e88e5;

}

.skin-blue .btn-blue{

	background-color: #1e88e5;

	color: #fff;

	border: 1px solid #1e88e5;

}

.skin-blue .btn-blue:hover{

	background-color: #fff;

	color: #1e88e5;	

}

.horizontal-menu .skin-blue.layout-top-nav .sidebar-menu > li.active > a {

    background: #1e88e5;

	color: #fff;

}

.skin-blue .main-header .messages-menu .dropdown-toggle i::after, .skin-blue .main-header .notifications-menu .dropdown-toggle i::after, .skin-blue .main-header .tasks-menu .dropdown-toggle i::after {

    border-color: #1e88e5;

}



/*---Skin: Blue light---*/

/*---light sidebar---*/



.skin-blue-light .main-header .navbar {

  background-color: #1e88e5;

}

.skin-blue-light .main-header .navbar .nav > li > a {

  color: #ffffff;

}

.skin-blue-light .main-header .navbar .nav > li > a:hover,

.skin-blue-light .main-header .navbar .nav > li > a:active,

.skin-blue-light .main-header .navbar .nav > li > a:focus,

.skin-blue-light .main-header .navbar .nav .open > a,

.skin-blue-light .main-header .navbar .nav .open > a:hover,

.skin-blue-light .main-header .navbar .nav .open > a:focus,

.skin-blue-light .main-header .navbar .nav > .active > a,

.skin-blue-light.layout-top-nav .mega-dropdown > a.nav-link.dropdown-toggle:hover{

  background: rgba(0, 0, 0, 0.1);

  color: #f6f6f6;

}

.skin-blue-light .main-header .navbar .sidebar-toggle {

  color: #ffffff;

}

.skin-blue-light .main-header .navbar .sidebar-toggle:hover {

  color: #f6f6f6;

  background: rgba(0, 0, 0, 0.1);

}

.skin-blue-light .main-header .navbar .sidebar-toggle {

  color: #fff;

}

.skin-blue-light .main-header .navbar .sidebar-toggle:hover {

  background-color: transparent;

}

@media (max-width: 767px) {

  .skin-blue-light .main-header .navbar .dropdown-menu li.divider {

    background-color: rgba(255, 255, 255, 0.1);

  }

  .skin-blue-light .main-header .navbar .dropdown-menu li a:hover {

    background: #1e88e5;

  }

}

.skin-blue-light .main-header .logo {

  background-color: #1e88e5;

  color: #ffffff;

  border-bottom: 0 solid transparent;

}

.skin-blue-light .main-header .logo:hover {

  background-color: #1e88e5;

}

.skin-blue-light .main-header li.user-header {

  background-color: #fff;

}

.skin-blue-light .content-header {

  background: #fff;

}

.skin-blue-light .content {

  background: #f4f6f9;

}

.skin-blue-light .wrapper,

.skin-blue-light .main-sidebar,

.skin-blue-light .left-side {

  background-color: #ffffff;

  box-shadow: 1px 0px 20px rgba(0,0,0,0.08);

}

.skin-blue-light .user-panel > .info,

.skin-blue-light .user-panel > .info > a {

  color: #fff;

}

.skin-blue-light .sidebar {

	border-color: #1e88e5;

}

.skin-blue-light .sidebar-menu > li.header {

  color: #687384;

}

.skin-blue-light .sidebar-menu > li > a {

  border-left:none;

}

.skin-blue-light .sidebar-menu>li:hover>a, .skin-blue-light .sidebar-menu>li.active>a{

  color: #fff;

  background: #1e88e5;

}

.skin-blue-light .sidebar-menu > li.active > a,

.skin-blue-light .sidebar-menu > li.menu-open > a {

  color: #fff;

  background: #1e88e5;

}

.skin-blue-light .sidebar-menu > li.active > a {

  border-left-color: #1e88e5;

}

.skin-blue-light .sidebar-menu > li > .treeview-menu {

  margin: 0 0px;

  background: #fff;

}

.skin-blue-light .sidebar a {

  color: #687384;

}

.skin-blue-light .sidebar a:hover {

  text-decoration: none;

}

.skin-blue-light .sidebar-menu .treeview-menu > li > a {

  color: #687384;

}

.skin-blue-light .sidebar-menu .treeview-menu > li.active > a,

.skin-blue-light .sidebar-menu .treeview-menu > li > a:hover {

  color: #1e88e5;

}

.skin-blue-light .sidebar-form {

  border-radius: 3px;

  border: 1px solid #898989;

}

.skin-blue-light .sidebar-form input[type="text"],

.skin-blue-light .sidebar-form .btn {

  box-shadow: none;

  background-color: rgba(0, 0, 0, 0.59);

  border: 1px solid rgba(0, 0, 0, 0.59);

  height: 35px;

}

.skin-blue-light .sidebar-form input[type="text"] {

  color: #fff;

  border-top-left-radius: 2px;

  border-top-right-radius: 0;

  border-bottom-right-radius: 0;

  border-bottom-left-radius: 2px;

}

.skin-blue-light .sidebar-form input[type="text"]:focus,

.skin-blue-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {

  color: #fff;

}

.skin-blue-light .sidebar-form .btn {

  color: #f7f7f7;

  border-top-left-radius: 0;

  border-top-right-radius: 2px;

  border-bottom-right-radius: 2px;

  border-bottom-left-radius: 0;

}

.skin-blue-light.layout-top-nav .main-header > .logo {

  background-color: #1e88e5;

  color: #ffffff;

  border-bottom: 0 solid transparent;

}

.skin-blue-light.layout-top-nav .main-header > .logo:hover {

  background-color: #1e88e5;

}

.skin-blue-light .btn-blue{

	background-color: #1e88e5;

	color: #fff;

	border: 1px solid #1e88e5;

}

.skin-blue-light .btn-blue:hover{

	background-color: #fff;

	color: #1e88e5;	

}

.horizontal-menu .skin-blue-light.layout-top-nav .sidebar-menu > li.active > a {

    background: #1e88e5;

	color: #fff;

}

.skin-blue-light .main-header .messages-menu .dropdown-toggle i::after, .skin-blue-light .main-header .notifications-menu .dropdown-toggle i::after, .skin-blue-light .main-header .tasks-menu .dropdown-toggle i::after {

    border-color: #1e88e5;

}





/*---Skin: Black---*/



.skin-black .main-header .navbar {

 /* background-color: #ffffff;*/

}

.skin-black .main-header .navbar .nav > li > a {

  color: #67757c;

}

.skin-black .main-header .navbar .nav > li > a:hover,

.skin-black .main-header .navbar .nav > li > a:active,

.skin-black .main-header .navbar .nav > li > a:focus,

.skin-black .main-header .navbar .nav .open > a,

.skin-black .main-header .navbar .nav .open > a:hover,

.skin-black .main-header .navbar .nav .open > a:focus,

.skin-black .main-header .navbar .nav > .active > a,

.skin-black.layout-top-nav .mega-dropdown > a.nav-link.dropdown-toggle:hover{

  background: rgba(0, 0, 0, 0.1);

  color: #666666;

}

.skin-black .main-header .navbar .sidebar-toggle {

  color: #ffffff;

}

.skin-black .main-header .navbar .sidebar-toggle:hover {

  color: #666666;

  background: rgba(0, 0, 0, 0.1);

}

.skin-black .main-header .navbar .sidebar-toggle {

  color: #67757c;

}

.skin-black .main-header .navbar .sidebar-toggle:hover {

  background-color: transparent;

}

@media (max-width: 767px) {

  .skin-black .main-header .navbar .dropdown-menu li.divider {

    background-color: rgba(255, 255, 255, 0.1);

  }

  .skin-black .main-header .navbar .dropdown-menu li a:hover {

    background: #67757c;

  }

}

.skin-black .main-header .logo {

  background-color: #ffffff;

  color: #67757c;

  border-bottom: 0 solid transparent;

}

.skin-black .main-header .logo:hover {

  background-color: #f4f6f9;

}

.skin-black .main-header li.user-header {

  background-color: #fff;

}

.skin-black .content-header {

  background: #fff;

}

.skin-black .content {

  background: #f4f6f9;

}

.skin-black .wrapper,

.skin-black .main-sidebar,

.skin-black .left-side {

  background-color: #28373e;

  box-shadow: 1px 0px 20px rgba(0,0,0,0.08);

}

.skin-black .user-panel > .info,

.skin-black .user-panel > .info > a {

  color: #fff;

}

.skin-black .sidebar {

	border-color: #ffffff;

}

.skin-black .sidebar-menu > li.header {

  color: #687384;

}

.skin-black .sidebar-menu > li > a {

  border-left:none;

}

.skin-black .sidebar-menu>li:hover>a{

  color: #ffffff;

  background-color: transparent;

}

.skin-black.sidebar-collapse .sidebar-menu>li:hover>a{

  background-color: #28373e;

}

.skin-black .sidebar-menu>li.active>a, .skin-black .sidebar-menu>li.menu-open>a{

  color: #ffffff;

  background: #28373e;

}

.skin-black .sidebar-menu > li.active > a,

.skin-black .sidebar-menu > li.menu-open > a {

  color: #ffffff;

}

.skin-black .sidebar-menu > li.active > a {

  border-left-color: #232323;

}

.skin-black .sidebar-menu > li > .treeview-menu {

  margin: 0 0px;

  background: #28373e;

}

.skin-black .sidebar a {

  color: #687384;

}

.skin-black .sidebar a:hover {

  text-decoration: none;

}

.skin-black .sidebar-menu .treeview-menu > li > a {

  color: #687384;

}

.skin-black .sidebar-menu .treeview-menu > li.active > a,

.skin-black .sidebar-menu .treeview-menu > li > a:hover {

  color: #fff;

}

.skin-black .sidebar-form {

  border-radius: 3px;

  border: 1px solid #898989;

}

.skin-black .sidebar-form input[type="text"],

.skin-black .sidebar-form .btn {

  box-shadow: none;

  background-color: rgba(0, 0, 0, 0.59);

  border: 1px solid rgba(0, 0, 0, 0.59);

  height: 35px;

}

.skin-black .sidebar-form input[type="text"] {

  color: #fff;

  border-top-left-radius: 2px;

  border-top-right-radius: 0;

  border-bottom-right-radius: 0;

  border-bottom-left-radius: 2px;

}

.skin-black .sidebar-form input[type="text"]:focus,

.skin-black .sidebar-form input[type="text"]:focus + .input-group-btn .btn {

  color: #fff;

}

.skin-black .sidebar-form .btn {

  color: #f7f7f7;

  border-top-left-radius: 0;

  border-top-right-radius: 2px;

  border-bottom-right-radius: 2px;

  border-bottom-left-radius: 0;

}

.skin-black.layout-top-nav .main-header > .logo {

  background-color: #67757c;

  color: #ffffff;

  border-bottom: 0 solid transparent;

}

.skin-black.layout-top-nav .main-header > .logo:hover {

  background-color: #232323;

}

.skin-black .btn-blue{

	background-color: #232323;

	color: #fff;

	border: 1px solid #232323;

}

.skin-black .btn-blue:hover{

	background-color: #fff;

	color: #232323;	

}

.horizontal-menu .skin-black.layout-top-nav .sidebar-menu > li.active > a {

    background: #232323;

	color: #fff;

}

.skin-black .main-header .messages-menu .dropdown-toggle i::after, .skin-black .main-header .notifications-menu .dropdown-toggle i::after, .skin-black .main-header .tasks-menu .dropdown-toggle i::after {

    border-color: #ffffff;

}



/*---Skin: Black light---*/

/*---light sidebar---*/



.skin-black-light .main-header .navbar {

  background-color: #28373e;

}

.skin-black-light .main-header .navbar .nav > li > a {

  color: #67757c;

}

.skin-black-light .main-header .navbar .nav > li > a:hover,

.skin-black-light .main-header .navbar .nav > li > a:active,

.skin-black-light .main-header .navbar .nav > li > a:focus,

.skin-black-light .main-header .navbar .nav .open > a,

.skin-black-light .main-header .navbar .nav .open > a:hover,

.skin-black-light .main-header .navbar .nav .open > a:focus,

.skin-black-light .main-header .navbar .nav > .active > a,

.skin-black-light.layout-top-nav .mega-dropdown > a.nav-link.dropdown-toggle:hover{

  background: rgba(0, 0, 0, 0.1);

  color: #666666;

}

.skin-black-light .main-header .navbar .sidebar-toggle {

  color: #ffffff;

}

.skin-black-light .main-header .navbar .sidebar-toggle:hover {

  color: #666666;

  background: rgba(0, 0, 0, 0.1);

}

.skin-black-light .main-header .navbar .sidebar-toggle {

  color: #67757c;

}

.skin-black-light .main-header .navbar .sidebar-toggle:hover {

  background-color: transparent;

}

@media (max-width: 767px) {

  .skin-black-light .main-header .navbar .dropdown-menu li.divider {

    background-color: rgba(255, 255, 255, 0.1);

  }

  .skin-black-light .main-header .navbar .dropdown-menu li a:hover {

    background: #67757c;

  }

}

.skin-black-light .main-header .logo {

  background-color: #1f2d33;

  color: #67757c;

  border-bottom: 0 solid transparent;

}

.skin-black-light .main-header .logo:hover {

  background-color: #1f2d33;

}

.skin-black-light .main-header li.user-header {

  background-color: #fff;

}

.skin-black-light .content-header {

  background: #fff;

}

.skin-black-light .content {

  background: #f4f6f9;

}

.skin-black-light .wrapper,

.skin-black-light .main-sidebar,

.skin-black-light .left-side {

  background-color: #ffffff;

  box-shadow: 1px 0px 20px rgba(0,0,0,0.08);

}

.skin-black-light .user-panel > .info,

.skin-black-light .user-panel > .info > a {

  color: #fff;

}

.skin-black-light .sidebar {

	border-color: #ffffff;

}

.skin-black-light .sidebar-menu > li.header {

  color: #687384;

}

.skin-black-light .sidebar-menu > li > a {

  border-left:none;

}

.skin-black-light .sidebar-menu>li:hover>a, .skin-black-light .sidebar-menu>li.active>a{

  color: #fff;

  background: #28373e;

}

.skin-black-light .sidebar-menu > li.active > a,

.skin-black-light .sidebar-menu > li.menu-open > a {

  color: #fff;

  background: #28373e;

}

.skin-black-light .sidebar-menu > li.active > a {

  border-left-color: #232323;

}

.skin-black-light .sidebar-menu > li > .treeview-menu {

  margin: 0 0px;

  background: #fff;

}

.skin-black-light .sidebar a {

  color: #687384;

}

.skin-black-light .sidebar a:hover {

  text-decoration: none;

}

.skin-black-light .sidebar-menu .treeview-menu > li > a {

  color: #687384;

}

.skin-black-light .sidebar-menu .treeview-menu > li.active > a,

.skin-black-light .sidebar-menu .treeview-menu > li > a:hover {

  color: #232323;

}

.skin-black-light .sidebar-form {

  border-radius: 3px;

  border: 1px solid #898989;

}

.skin-black-light .sidebar-form input[type="text"],

.skin-black-light .sidebar-form .btn {

  box-shadow: none;

  background-color: rgba(0, 0, 0, 0.59);

  border: 1px solid rgba(0, 0, 0, 0.59);

  height: 35px;

}

.skin-black-light .sidebar-form input[type="text"] {

  color: #fff;

  border-top-left-radius: 2px;

  border-top-right-radius: 0;

  border-bottom-right-radius: 0;

  border-bottom-left-radius: 2px;

}

.skin-black-light .sidebar-form input[type="text"]:focus,

.skin-black-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {

  color: #fff;

}

.skin-black-light .sidebar-form .btn {

  color: #f7f7f7;

  border-top-left-radius: 0;

  border-top-right-radius: 2px;

  border-bottom-right-radius: 2px;

  border-bottom-left-radius: 0;

}

.skin-black-light.layout-top-nav .main-header > .logo {

  background-color: #67757c;

  color: #ffffff;

  border-bottom: 0 solid transparent;

}

.skin-black-light.layout-top-nav .main-header > .logo:hover {

  background-color: #232323;

}

.skin-black-light .btn-blue{

	background-color: #232323;

	color: #fff;

	border: 1px solid #232323;

}

.skin-black-light .btn-blue:hover{

	background-color: #fff;

	color: #232323;	

}

.horizontal-menu .skin-black-light.layout-top-nav .sidebar-menu > li.active > a {

    background: #232323;

	color: #fff;

}

.skin-black-light .main-header .messages-menu .dropdown-toggle i::after, .skin-black-light .main-header .notifications-menu .dropdown-toggle i::after, .skin-black-light .main-header .tasks-menu .dropdown-toggle i::after {

    border-color: #ffffff;

}



/*---Skin: Green---*/



.skin-green .main-header .navbar {

  background-color: #015b7d;

}

.skin-green .main-header .navbar .nav > li > a {

  color: #ffffff;

}

.skin-green .main-header .navbar .nav > li > a:hover,

.skin-green .main-header .navbar .nav > li > a:active,

.skin-green .main-header .navbar .nav > li > a:focus,

.skin-green .main-header .navbar .nav .open > a,

.skin-green .main-header .navbar .nav .open > a:hover,

.skin-green .main-header .navbar .nav .open > a:focus,

.skin-green .main-header .navbar .nav > .active > a,

.skin-green.layout-top-nav .mega-dropdown > a.nav-link.dropdown-toggle:hover{

  background: rgba(0, 0, 0, 0.1);

  color: #f6f6f6;

}

.skin-green .main-header .navbar .sidebar-toggle {

  color: #ffffff;

}

.skin-green .main-header .navbar .sidebar-toggle:hover {

  color: #f6f6f6;

  background: rgba(0, 0, 0, 0.1);

}

.skin-green .main-header .navbar .sidebar-toggle {

  color: #fff;

}

.skin-green .main-header .navbar .sidebar-toggle:hover {

  background-color: transparent;

}

@media (max-width: 767px) {

  .skin-green .main-header .navbar .dropdown-menu li.divider {

    background-color: rgba(255, 255, 255, 0.1);

  }

  .skin-green .main-header .navbar .dropdown-menu li a:hover {

    background: #0fc491;

  }

}

.skin-green .main-header .logo {

  background-color: #015b7d;

  color: #ffffff;

  border-bottom: 0 solid transparent;

}

.skin-green .main-header .logo:hover {

  background-color: #015b7d;

}

.skin-green .main-header li.user-header {

  background-color: #fff;

}

.skin-green .content-header {

  background: #fff;

}

.skin-green .content {

  background: #f4f6f9;

}

.skin-green .wrapper,

.skin-green .main-sidebar,

.skin-green .left-side {

  background-color: #28373e;

  box-shadow: 1px 0px 20px rgba(0,0,0,0.08);

}

.skin-green .user-panel > .info,

.skin-green .user-panel > .info > a {

  color: #fff;

}

.skin-green .sidebar {

	border-color: #015b7d;

}

.skin-green .sidebar-menu > li.header {

  color: #687384;

}

.skin-green .sidebar-menu > li > a {

  border-left:none;

}

.skin-green .sidebar-menu>li:hover>a{

  color: #015b7d;

  background-color: transparent;

}

.skin-green.sidebar-collapse .sidebar-menu>li:hover>a{

  background-color: #28373e;

}

.skin-green .sidebar-menu>li.active>a, .skin-green .sidebar-menu>li.menu-open>a{

  color: #ffffff;

  background: #015b7d;

}

.skin-green .sidebar-menu > li.active > a,

.skin-green .sidebar-menu > li.menu-open > a {

  color: #ffffff;

}

.skin-green .sidebar-menu > li.active > a {

  border-left-color: #015b7d;

}

.skin-green .sidebar-menu > li > .treeview-menu {

  margin: 0 0px;

  background: #28373e;

}

.skin-green .sidebar a {

  color: #687384;

}

.skin-green .sidebar a:hover {

  text-decoration: none;

}

.skin-green .sidebar-menu .treeview-menu > li > a {

  color: #687384;

}

.skin-green .sidebar-menu .treeview-menu > li.active > a,

.skin-green .sidebar-menu .treeview-menu > li > a:hover {

  color: #fff;

}

.skin-green .sidebar-form {

  border-radius: 3px;

  border: 1px solid #898989;

}

.skin-green .sidebar-form input[type="text"],

.skin-green .sidebar-form .btn {

  box-shadow: none;

  background-color: rgba(0, 0, 0, 0.59);

  border: 1px solid rgba(0, 0, 0, 0.59);

  height: 35px;

}

.skin-green .sidebar-form input[type="text"] {

  color: #fff;

  border-top-left-radius: 2px;

  border-top-right-radius: 0;

  border-bottom-right-radius: 0;

  border-bottom-left-radius: 2px;

}

.skin-green .sidebar-form input[type="text"]:focus,

.skin-green .sidebar-form input[type="text"]:focus + .input-group-btn .btn {

  color: #fff;

}

.skin-green .sidebar-form .btn {

  color: #f7f7f7;

  border-top-left-radius: 0;

  border-top-right-radius: 2px;

  border-bottom-right-radius: 2px;

  border-bottom-left-radius: 0;

}

.skin-green.layout-top-nav .main-header > .logo {

  background-color: #0fc491;

  color: #ffffff;

  border-bottom: 0 solid transparent;

}

.skin-green.layout-top-nav .main-header > .logo:hover {

  background-color: #015b7d;

}

.skin-green .btn-blue{

	background-color: #015b7d;

	color: #fff;

	border: 1px solid #015b7d;

}

.skin-green .btn-blue:hover{

	background-color: #fff;

	color: #015b7d;	

}

.horizontal-menu .skin-green.layout-top-nav .sidebar-menu > li.active > a {

    background: #015b7d;

	color: #fff;

}

.skin-green .main-header .messages-menu .dropdown-toggle i::after, .skin-green .main-header .notifications-menu .dropdown-toggle i::after, .skin-green .main-header .tasks-menu .dropdown-toggle i::after {

    border-color: #015b7d;

}





/*---Skin: Green light---*/

/*---light sidebar---*/

.skin-green-light .main-header .navbar {

  background-color: #1c1713;

}

.skin-green-light .main-header .navbar .nav > li > a, .skin-black .main-header .navbar .nav > li > a {

  color: #ffffff;

}

.skin-green-light .main-header .navbar .nav > li > a:hover,

.skin-green-light .main-header .navbar .nav > li > a:active,

.skin-green-light .main-header .navbar .nav > li > a:focus,

.skin-green-light .main-header .navbar .nav .open > a,

.skin-green-light .main-header .navbar .nav .open > a:hover,

.skin-green-light .main-header .navbar .nav .open > a:focus,

.skin-green-light .main-header .navbar .nav > .active > a,

.skin-green-light.layout-top-nav .mega-dropdown > a.nav-link.dropdown-toggle:hover{

  background: rgba(0, 0, 0, 0.1);

  color: #f6f6f6;

}

.skin-green-light .main-header .navbar .sidebar-toggle {

  color: #ffffff;

}

.skin-green-light .main-header .navbar .sidebar-toggle:hover {

  color: #f6f6f6;

  background: rgba(0, 0, 0, 0.1);

}

.skin-green-light .main-header .navbar .sidebar-toggle, .skin-black .main-header .navbar .sidebar-toggle {

  color: #fff;

}

.skin-green-light .main-header .navbar .sidebar-toggle:hover {

  background-color: transparent;

}

@media (max-width: 767px) {

  .skin-green-light .main-header .navbar .dropdown-menu li.divider {

    background-color: rgba(255, 255, 255, 0.1);

  }

  .skin-green-light .main-header .navbar .dropdown-menu li a:hover {

    background: #0fc491;

  }

}

.skin-green-light .main-header .logo {

  background-color: #fff;

  color: #ffffff; text-align:center;

  border-bottom: 0 solid transparent;

}

.skin-green-light .main-header .logo:hover {

  background-color: #fff;

}

.skin-green-light .main-header li.user-header {

  background-color: #fff;

}

.skin-green-light .content-header {

  background: #fff; 

}

.skin-green-light .content {

  background: #f4f6f9;

}

.skin-green-light .wrapper,

.skin-green-light .main-sidebar,

.skin-green-light .left-side {

  background-color: #2c2724;

  box-shadow: 1px 0px 20px rgba(0,0,0,0.08);

}


.skin-black .wrapper,

.skin-black .main-sidebar,

.skin-black .left-side {

  background-color: #2c2724;

  box-shadow: 1px 0px 20px rgba(0,0,0,0.08);

}


.skin-green-light .user-panel > .info,

.skin-green-light .user-panel > .info > a {

  color: #fff;

}

.skin-green-light .sidebar {

	border-color: #ffffff;

}

.skin-green-light .sidebar-menu > li.header {

  color: #fff;

}

.skin-green-light .sidebar-menu > li > a {

  border-left:none;

}

.skin-green-light .sidebar-menu>li:hover>a, .skin-green-light .sidebar-menu>li.active>a{

  color: #fff;



}
.skin-green-light .sidebar-menu>li:hover, .skin-green-light .sidebar-menu>li.active{
  background: #5c41a5;
}

.skin-black .sidebar-menu>li:hover, .skin-black .sidebar-menu>li.active{
  background: #5c41a5;
}


.skin-black .sidebar-menu > li.active > a,

.skin-black .sidebar-menu > li.menu-open > a {

  color: #fff;

  background: #5c41a5;

}

.skin-green-light .sidebar-menu > li.active > a,

.skin-green-light .sidebar-menu > li.menu-open > a {

  color: #fff;

  background: #5c41a5;

}

.skin-black .sidebar-menu > li.active > a,

.skin-black .sidebar-menu > li.menu-open > a {

  color: #fff;

  background: #5c41a5;

}


.skin-green-light .sidebar-menu > li.active > a {

  border-left-color: #0e83af;

}

.skin-black .sidebar-menu > li.active > a {

  border-left-color: #5c41a5;

}

.skin-green-light .sidebar-menu > li > .treeview-menu, .skin-black .sidebar-menu > li > .treeview-menu {

  margin: 0 0px;

  background: #ffffff;

}

.skin-green-light .sidebar a, .skin-black .sidebar a {

  color: #fff;

}

.skin-green-light .sidebar a:hover {

  text-decoration: none;

}

.skin-green-light .sidebar-menu .treeview-menu > li > a, .skin-black .sidebar-menu .treeview-menu > li > a {

  color: #687384;

}

.skin-green-light .sidebar-menu .treeview-menu > li.active > a,

.skin-green-light .sidebar-menu .treeview-menu > li > a:hover {

  color: #fff;

}

.skin-green-light .sidebar-menu .treeview-menu > li.active, .skin-green-light .sidebar-menu .treeview-menu > li:hover, .skin-black .sidebar-menu .treeview-menu > li.active, .skin-black .sidebar-menu .treeview-menu > li:hover{background:#3f2880;}


.skin-green-light .sidebar-form {

  border-radius: 3px;

  border: 1px solid #898989;

}

.skin-green-light .sidebar-form input[type="text"],

.skin-green-light .sidebar-form .btn {

  box-shadow: none;

  background-color: rgba(0, 0, 0, 0.59);

  border: 1px solid rgba(0, 0, 0, 0.59);

  height: 35px;

}

.skin-green-light .sidebar-form input[type="text"] {

  color: #fff;

  border-top-left-radius: 2px;

  border-top-right-radius: 0;

  border-bottom-right-radius: 0;

  border-bottom-left-radius: 2px;

}

.skin-green-light .sidebar-form input[type="text"]:focus,

.skin-green-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {

  color: #fff;

}

.skin-green-light .sidebar-form .btn {

  color: #f7f7f7;

  border-top-left-radius: 0;

  border-top-right-radius: 2px;

  border-bottom-right-radius: 2px;

  border-bottom-left-radius: 0;

}

.skin-green-light.layout-top-nav .main-header > .logo {

  background-color: #0fc491;

  color: #ffffff;

  border-bottom: 0 solid transparent;

}

.skin-green-light.layout-top-nav .main-header > .logo:hover {

  background-color: #015b7d;

}

.skin-green-light .btn-blue{

	background-color: #015b7d;

	color: #fff;

	border: 1px solid #015b7d;

}

.skin-green-light .btn-blue:hover{

	background-color: #fff;

	color: #015b7d;	

}

.horizontal-menu .skin-green-light.layout-top-nav .sidebar-menu > li.active > a {

    background: #015b7d;

	color: #fff;

}

.skin-green-light .main-header .messages-menu .dropdown-toggle i::after, .skin-green-light .main-header .notifications-menu .dropdown-toggle i::after, .skin-green-light .main-header .tasks-menu .dropdown-toggle i::after {

    border-color: #015b7d;

}



/*---Skin: Red---*/



.skin-red .main-header .navbar {

  background-color: #f62d51;

}

.skin-red .main-header .navbar .nav > li > a {

  color: #ffffff;

}

.skin-red .main-header .navbar .nav > li > a:hover,

.skin-red .main-header .navbar .nav > li > a:active,

.skin-red .main-header .navbar .nav > li > a:focus,

.skin-red .main-header .navbar .nav .open > a,

.skin-red .main-header .navbar .nav .open > a:hover,

.skin-red .main-header .navbar .nav .open > a:focus,

.skin-red .main-header .navbar .nav > .active > a,

.skin-red.layout-top-nav .mega-dropdown > a.nav-link.dropdown-toggle:hover{

  background: rgba(0, 0, 0, 0.1);

  color: #f6f6f6;

}

.skin-red .main-header .navbar .sidebar-toggle {

  color: #ffffff;

}

.skin-red .main-header .navbar .sidebar-toggle:hover {

  color: #f6f6f6;

  background: rgba(0, 0, 0, 0.1);

}

.skin-red .main-header .navbar .sidebar-toggle {

  color: #fff;

}

.skin-red .main-header .navbar .sidebar-toggle:hover {

  background-color: transparent;

}

@media (max-width: 767px) {

  .skin-red .main-header .navbar .dropdown-menu li.divider {

    background-color: rgba(255, 255, 255, 0.1);

  }

  .skin-red .main-header .navbar .dropdown-menu li a:hover {

    background: #e73f3c;

  }

}

.skin-red .main-header .logo {

  background-color: #f62d51;

  color: #ffffff;

  border-bottom: 0 solid transparent;

}

.skin-red .main-header .logo:hover {

  background-color: #f62d51;

}

.skin-red .main-header li.user-header {

  background-color: #fff;

}

.skin-red .content-header {

  background: #fff;

}

.skin-red .content {

  background: #f4f6f9;

}

.skin-red .wrapper,

.skin-red .main-sidebar,

.skin-red .left-side {

  background-color: #28373e;

  box-shadow: 1px 0px 20px rgba(0,0,0,0.08);

}

.skin-red .user-panel > .info,

.skin-red .user-panel > .info > a {

  color: #fff;

}

.skin-red .sidebar {

	border-color: #f62d51;

}

.skin-red .sidebar-menu > li.header {

  color: #687384;

}

.skin-red .sidebar-menu > li > a {

  border-left:none;

}

.skin-red .sidebar-menu>li:hover>a{

  color: #f62d51;

  background-color: transparent;

}

.skin-red.sidebar-collapse .sidebar-menu>li:hover>a{

  background-color: #28373e;

}

.skin-red .sidebar-menu>li.active>a, .skin-red .sidebar-menu>li.menu-open>a{

  color: #ffffff;

  background: #f62d51;

}

.skin-red .sidebar-menu > li.active > a,

.skin-red .sidebar-menu > li.menu-open > a {

  color: #ffffff;

}

.skin-red .sidebar-menu > li.active > a {

  border-left-color: #f62d51;

}

.skin-red .sidebar-menu > li > .treeview-menu {

  margin: 0 0px;

  background: #28373e;

}

.skin-red .sidebar a {

  color: #687384;

}

.skin-red .sidebar a:hover {

  text-decoration: none;

}

.skin-red .sidebar-menu .treeview-menu > li > a {

  color: #687384;

}

.skin-red .sidebar-menu .treeview-menu > li.active > a,

.skin-red .sidebar-menu .treeview-menu > li > a:hover {

  color: #fff;

}

.skin-red .sidebar-form {

  border-radius: 3px;

  border: 1px solid #898989;

}

.skin-red .sidebar-form input[type="text"],

.skin-red .sidebar-form .btn {

  box-shadow: none;

  background-color: rgba(0, 0, 0, 0.59);

  border: 1px solid rgba(0, 0, 0, 0.59);

  height: 35px;

}

.skin-red .sidebar-form input[type="text"] {

  color: #fff;

  border-top-left-radius: 2px;

  border-top-right-radius: 0;

  border-bottom-right-radius: 0;

  border-bottom-left-radius: 2px;

}

.skin-red .sidebar-form input[type="text"]:focus,

.skin-red .sidebar-form input[type="text"]:focus + .input-group-btn .btn {

  color: #fff;

}

.skin-red .sidebar-form .btn {

  color: #f7f7f7;

  border-top-left-radius: 0;

  border-top-right-radius: 2px;

  border-bottom-right-radius: 2px;

  border-bottom-left-radius: 0;

}

.skin-red.layout-top-nav .main-header > .logo {

  background-color: #e73f3c;

  color: #ffffff;

  border-bottom: 0 solid transparent;

}

.skin-red.layout-top-nav .main-header > .logo:hover {

  background-color: #f62d51;

}

.skin-red .btn-blue{

	background-color: #f62d51;

	color: #fff;

	border: 1px solid #f62d51;

}

.skin-red .btn-blue:hover{

	background-color: #fff;

	color: #f62d51;	

}

.horizontal-menu .skin-red.layout-top-nav .sidebar-menu > li.active > a {

    background: #f62d51;

	color: #fff;

}

.skin-red .main-header .messages-menu .dropdown-toggle i::after, .skin-red .main-header .notifications-menu .dropdown-toggle i::after, .skin-red .main-header .tasks-menu .dropdown-toggle i::after {

    border-color: #f62d51;	

    background-color: #015b7d;

}



/*---Skin: Red light---*/

/*---light sidebar---*/



.skin-red-light .main-header .navbar {

  background-color: #f62d51;

}

.skin-red-light .main-header .navbar .nav > li > a {

  color: #ffffff;

}

.skin-red-light .main-header .navbar .nav > li > a:hover,

.skin-red-light .main-header .navbar .nav > li > a:active,

.skin-red-light .main-header .navbar .nav > li > a:focus,

.skin-red-light .main-header .navbar .nav .open > a,

.skin-red-light .main-header .navbar .nav .open > a:hover,

.skin-red-light .main-header .navbar .nav .open > a:focus,

.skin-red-light .main-header .navbar .nav > .active > a,

.skin-red-light.layout-top-nav .mega-dropdown > a.nav-link.dropdown-toggle:hover{

  background: rgba(0, 0, 0, 0.1);

  color: #f6f6f6;

}

.skin-red-light .main-header .navbar .sidebar-toggle {

  color: #ffffff;

}

.skin-red-light .main-header .navbar .sidebar-toggle:hover {

  color: #f6f6f6;

  background: rgba(0, 0, 0, 0.1);

}

.skin-red-light .main-header .navbar .sidebar-toggle {

  color: #fff;

}

.skin-red-light .main-header .navbar .sidebar-toggle:hover {

  background-color: transparent;

}

@media (max-width: 767px) {

  .skin-red-light .main-header .navbar .dropdown-menu li.divider {

    background-color: rgba(255, 255, 255, 0.1);

  }

  .skin-red-light .main-header .navbar .dropdown-menu li a:hover {

    background: #e73f3c;

  }

}

.skin-red-light .main-header .logo {

  background-color: #f62d51;

  color: #ffffff;

  border-bottom: 0 solid transparent;

}

.skin-red-light .main-header .logo:hover {

  background-color: #f62d51;

}

.skin-red-light .main-header li.user-header {

  background-color: #fff;

}

.skin-red-light .content-header {

  background: #fff;

}

.skin-red-light .content {

  background: #f4f6f9;

}

.skin-red-light .wrapper,

.skin-red-light .main-sidebar,

.skin-red-light .left-side {

  background-color: #ffffff;

  box-shadow: 1px 0px 20px rgba(0,0,0,0.08);

}

.skin-red-light .user-panel > .info,

.skin-red-light .user-panel > .info > a {

  color: #fff;

}

.skin-red-light .sidebar {

	border-color: #f62d51;

}

.skin-red-light .sidebar-menu > li.header {

  color: #687384;

}

.skin-red-light .sidebar-menu > li > a {

  border-left:none;

}

.skin-red-light .sidebar-menu>li:hover>a, .skin-red-light .sidebar-menu>li.active>a{

  color: #fff;

  background: #f62d51;

}

.skin-red-light .sidebar-menu > li.active > a,

.skin-red-light .sidebar-menu > li.menu-open > a {

  color: #fff;

  background: #f62d51;

}

.skin-red-light .sidebar-menu > li.active > a {

  border-left-color: #f62d51;

}

.skin-red-light .sidebar-menu > li > .treeview-menu {

  margin: 0 0px;

  background: #ffffff;

}

.skin-red-light .sidebar a {

  color: #687384;

}

.skin-red-light .sidebar a:hover {

  text-decoration: none;

}

.skin-red-light .sidebar-menu .treeview-menu > li > a {

  color: #687384;

}

.skin-red-light .sidebar-menu .treeview-menu > li.active > a,

.skin-red-light .sidebar-menu .treeview-menu > li > a:hover {

  color: #f62d51;

}

.skin-red-light .sidebar-form {

  border-radius: 3px;

  border: 1px solid #898989;

}

.skin-red-light .sidebar-form input[type="text"],

.skin-red-light .sidebar-form .btn {

  box-shadow: none;

  background-color: rgba(0, 0, 0, 0.59);

  border: 1px solid rgba(0, 0, 0, 0.59);

  height: 35px;

}

.skin-red-light .sidebar-form input[type="text"] {

  color: #fff;

  border-top-left-radius: 2px;

  border-top-right-radius: 0;

  border-bottom-right-radius: 0;

  border-bottom-left-radius: 2px;

}

.skin-red-light .sidebar-form input[type="text"]:focus,

.skin-red-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {

  color: #fff;

}

.skin-red-light .sidebar-form .btn {

  color: #f7f7f7;

  border-top-left-radius: 0;

  border-top-right-radius: 2px;

  border-bottom-right-radius: 2px;

  border-bottom-left-radius: 0;

}

.skin-red-light.layout-top-nav .main-header > .logo {

  background-color: #e73f3c;

  color: #ffffff;

  border-bottom: 0 solid transparent;

}

.skin-red-light.layout-top-nav .main-header > .logo:hover {

  background-color: #f62d51;

}

.skin-red-light .btn-blue{

	background-color: #f62d51;

	color: #fff;

	border: 1px solid #f62d51;

}

.skin-red-light .btn-blue:hover{

	background-color: #fff;

	color: #f62d51;	

}

.horizontal-menu .skin-red-light.layout-top-nav .sidebar-menu > li.active > a {

    background: #f62d51;

	color: #fff;

}



.skin-red-light .main-header .messages-menu .dropdown-toggle i::after, .skin-red-light .main-header .notifications-menu .dropdown-toggle i::after, .skin-red-light .main-header .tasks-menu .dropdown-toggle i::after {

    border-color: #f62d51;	

    background-color: #015b7d;

}





/*---Skin: Purple---*/



.skin-purple .main-header .navbar {

  background-color: #7460ee;

}

.skin-purple .main-header .navbar .nav > li > a {

  color: #ffffff;

}

.skin-purple .main-header .navbar .nav > li > a:hover,

.skin-purple .main-header .navbar .nav > li > a:active,

.skin-purple .main-header .navbar .nav > li > a:focus,

.skin-purple .main-header .navbar .nav .open > a,

.skin-purple .main-header .navbar .nav .open > a:hover,

.skin-purple .main-header .navbar .nav .open > a:focus,

.skin-purple .main-header .navbar .nav > .active > a,

.skin-purple.layout-top-nav .mega-dropdown > a.nav-link.dropdown-toggle:hover{

  background: rgba(0, 0, 0, 0.1);

  color: #f6f6f6;

}

.skin-purple .main-header .navbar .sidebar-toggle {

  color: #ffffff;

}

.skin-purple .main-header .navbar .sidebar-toggle:hover {

  color: #f6f6f6;

  background: rgba(0, 0, 0, 0.1);

}

.skin-purple .main-header .navbar .sidebar-toggle {

  color: #fff;

}

.skin-purple .main-header .navbar .sidebar-toggle:hover {

  background-color: transparent;

}

@media (max-width: 767px) {

  .skin-purple .main-header .navbar .dropdown-menu li.divider {

    background-color: rgba(255, 255, 255, 0.1);

  }

  .skin-purple .main-header .navbar .dropdown-menu li a:hover {

    background: #664ce1;

  }

}

.skin-purple .main-header .logo {

  background-color: #7460ee;

  color: #ffffff;

  border-bottom: 0 solid transparent;

}

.skin-purple .main-header .logo:hover {

  background-color: #7460ee;

}

.skin-purple .main-header li.user-header {

  background-color: #fff;

}

.skin-purple .content-header {

  background: #fff;

}

.skin-purple .content {

  background: #f4f6f9;

}

.skin-purple .wrapper,

.skin-purple .main-sidebar,

.skin-purple .left-side {

  background-color: #28373e;

  box-shadow: 1px 0px 20px rgba(0,0,0,0.08);

}

.skin-purple .user-panel > .info,

.skin-purple .user-panel > .info > a {

  color: #fff;

}

.skin-purple .sidebar {

	border-color: #7460ee;

}

.skin-purple .sidebar-menu > li.header {

  color: #687384;

}

.skin-purple .sidebar-menu > li > a {

  border-left:none;

}

.skin-purple .sidebar-menu>li:hover>a{

  color: #7460ee;

  background-color: transparent;

}

.skin-purple.sidebar-collapse .sidebar-menu>li:hover>a{

  background-color: #28373e;

}

.skin-purple .sidebar-menu>li.active>a, .skin-purple .sidebar-menu>li.menu-open>a{

  color: #ffffff;

  background: #7460ee;

}

.skin-purple .sidebar-menu > li.active > a,

.skin-purple .sidebar-menu > li.menu-open > a {

  color: #ffffff;

}

.skin-purple .sidebar-menu > li.active > a {

  border-left-color: #7460ee;

}

.skin-purple .sidebar-menu > li > .treeview-menu {

  margin: 0 0px;

  background: #28373e;

}

.skin-purple .sidebar a {

  color: #687384;

}

.skin-purple .sidebar a:hover {

  text-decoration: none;

}

.skin-purple .sidebar-menu .treeview-menu > li > a {

  color: #687384;

}

.skin-purple .sidebar-menu .treeview-menu > li.active > a,

.skin-purple .sidebar-menu .treeview-menu > li > a:hover {

  color: #fff;

}

.skin-purple .sidebar-form {

  border-radius: 3px;

  border: 1px solid #898989;

}

.skin-purple .sidebar-form input[type="text"],

.skin-purple .sidebar-form .btn {

  box-shadow: none;

  background-color: rgba(0, 0, 0, 0.59);

  border: 1px solid rgba(0, 0, 0, 0.59);

  height: 35px;

}

.skin-purple .sidebar-form input[type="text"] {

  color: #fff;

  border-top-left-radius: 2px;

  border-top-right-radius: 0;

  border-bottom-right-radius: 0;

  border-bottom-left-radius: 2px;

}

.skin-purple .sidebar-form input[type="text"]:focus,

.skin-purple .sidebar-form input[type="text"]:focus + .input-group-btn .btn {

  color: #fff;

}

.skin-purple .sidebar-form .btn {

  color: #f7f7f7;

  border-top-left-radius: 0;

  border-top-right-radius: 2px;

  border-bottom-right-radius: 2px;

  border-bottom-left-radius: 0;

}

.skin-purple.layout-top-nav .main-header > .logo {

  background-color: #664ce1;

  color: #ffffff;

  border-bottom: 0 solid transparent;

}

.skin-purple.layout-top-nav .main-header > .logo:hover {

  background-color: #7460ee;

}

.skin-purple .btn-blue{

	background-color: #7460ee;

	color: #fff;

	border: 1px solid #7460ee;

}

.skin-purple .btn-blue:hover{

	background-color: #fff;

	color: #7460ee;	

}

.horizontal-menu .skin-purple.layout-top-nav .sidebar-menu > li.active > a {

    background: #7460ee;

	color: #fff;

}

.skin-purple .main-header .messages-menu .dropdown-toggle i::after, .skin-purple .main-header .notifications-menu .dropdown-toggle i::after, .skin-purple .main-header .tasks-menu .dropdown-toggle i::after {

    border-color: #7460ee;	

}



/*---Skin: Purple light---*/

/*---light sidebar---*/

.skin-purple-light .main-header .navbar {

  background-color: #7460ee;

}

.skin-purple-light .main-header .navbar .nav > li > a {

  color: #ffffff;

}

.skin-purple-light .main-header .navbar .nav > li > a:hover,

.skin-purple-light .main-header .navbar .nav > li > a:active,

.skin-purple-light .main-header .navbar .nav > li > a:focus,

.skin-purple-light .main-header .navbar .nav .open > a,

.skin-purple-light .main-header .navbar .nav .open > a:hover,

.skin-purple-light .main-header .navbar .nav .open > a:focus,

.skin-purple-light .main-header .navbar .nav > .active > a,

.skin-purple-light.layout-top-nav .mega-dropdown > a.nav-link.dropdown-toggle:hover{

  background: rgba(0, 0, 0, 0.1);

  color: #f6f6f6;

}

.skin-purple-light .main-header .navbar .sidebar-toggle {

  color: #ffffff;

}

.skin-purple-light .main-header .navbar .sidebar-toggle:hover {

  color: #f6f6f6;

  background: rgba(0, 0, 0, 0.1);

}

.skin-purple-light .main-header .navbar .sidebar-toggle {

  color: #fff;

}

.skin-purple-light .main-header .navbar .sidebar-toggle:hover {

  background-color: transparent;

}

@media (max-width: 767px) {

  .skin-purple-light .main-header .navbar .dropdown-menu li.divider {

    background-color: rgba(255, 255, 255, 0.1);

  }

  .skin-purple-light .main-header .navbar .dropdown-menu li a:hover {

    background: #664ce1;

  }

}

.skin-purple-light .main-header .logo {

  background-color: #7460ee;

  color: #ffffff;

  border-bottom: 0 solid transparent;

}

.skin-purple-light .main-header .logo:hover {

  background-color: #7460ee;

}

.skin-purple-light .main-header li.user-header {

  background-color: #fff;

}

.skin-purple-light .content-header {

  background: #fff;

}

.skin-purple-light .content {

  background: #f4f6f9;

}

.skin-purple-light .wrapper,

.skin-purple-light .main-sidebar,

.skin-purple-light .left-side {

  background-color: #ffffff;

  box-shadow: 1px 0px 20px rgba(0,0,0,0.08);

}

.skin-purple-light .user-panel > .info,

.skin-purple-light .user-panel > .info > a {

  color: #fff;

}

.skin-purple-light .sidebar {

	border-color: #7460ee;

}

.skin-purple-light .sidebar-menu > li.header {

  color: #687384;

}

.skin-purple-light .sidebar-menu > li > a {

  border-left:none;

}

.skin-purple-light .sidebar-menu>li:hover>a, .skin-purple-light .sidebar-menu>li.active>a{

  color: #fff;

  background: #7460ee;

}

.skin-purple-light .sidebar-menu > li.active > a,

.skin-purple-light .sidebar-menu > li.menu-open > a {

  color: #fff;

  background: #7460ee;

}

.skin-purple-light .sidebar-menu > li.active > a {

  border-left-color: #7460ee;

}

.skin-purple-light .sidebar-menu > li > .treeview-menu {

  margin: 0 0px;

  background: #ffffff;

}

.skin-purple-light .sidebar a {

  color: #687384;

}

.skin-purple-light .sidebar a:hover {

  text-decoration: none;

}

.skin-purple-light .sidebar-menu .treeview-menu > li > a {

  color: #687384;

}

.skin-purple-light .sidebar-menu .treeview-menu > li.active > a,

.skin-purple-light .sidebar-menu .treeview-menu > li > a:hover {

  color: #7460ee;

}

.skin-purple-light .sidebar-form {

  border-radius: 3px;

  border: 1px solid #898989;

}

.skin-purple-light .sidebar-form input[type="text"],

.skin-purple-light .sidebar-form .btn {

  box-shadow: none;

  background-color: rgba(0, 0, 0, 0.59);

  border: 1px solid rgba(0, 0, 0, 0.59);

  height: 35px;

}

.skin-purple-light .sidebar-form input[type="text"] {

  color: #fff;

  border-top-left-radius: 2px;

  border-top-right-radius: 0;

  border-bottom-right-radius: 0;

  border-bottom-left-radius: 2px;

}

.skin-purple-light .sidebar-form input[type="text"]:focus,

.skin-purple-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {

  color: #fff;

}

.skin-purple-light .sidebar-form .btn {

  color: #f7f7f7;

  border-top-left-radius: 0;

  border-top-right-radius: 2px;

  border-bottom-right-radius: 2px;

  border-bottom-left-radius: 0;

}

.skin-purple-light.layout-top-nav .main-header > .logo {

  background-color: #664ce1;

  color: #ffffff;

  border-bottom: 0 solid transparent;

}

.skin-purple-light.layout-top-nav .main-header > .logo:hover {

  background-color: #7460ee;

}

.skin-purple-light .btn-blue{

	background-color: #7460ee;

	color: #fff;

	border: 1px solid #7460ee;

}

.skin-purple-light .btn-blue:hover{

	background-color: #fff;

	color: #7460ee;	

}

.horizontal-menu .skin-purple-light.layout-top-nav .sidebar-menu > li.active > a {

    background: #7460ee;

	color: #fff;

}

.skin-purple-light .main-header .messages-menu .dropdown-toggle i::after, .skin-purple-light .main-header .notifications-menu .dropdown-toggle i::after, .skin-purple-light .main-header .tasks-menu .dropdown-toggle i::after {

    border-color: #7460ee;	

}



/*---Skin: Yellow---*/



.skin-yellow .main-header .navbar {

  background-color: #e9ab2e;

}

.skin-yellow .main-header .navbar .nav > li > a {

  color: #ffffff;

}

.skin-yellow .main-header .navbar .nav > li > a:hover,

.skin-yellow .main-header .navbar .nav > li > a:active,

.skin-yellow .main-header .navbar .nav > li > a:focus,

.skin-yellow .main-header .navbar .nav .open > a,

.skin-yellow .main-header .navbar .nav .open > a:hover,

.skin-yellow .main-header .navbar .nav .open > a:focus,

.skin-yellow .main-header .navbar .nav > .active > a,

.skin-yellow.layout-top-nav .mega-dropdown > a.nav-link.dropdown-toggle:hover{

  background: rgba(0, 0, 0, 0.1);

  color: #f6f6f6;

}

.skin-yellow .main-header .navbar .sidebar-toggle {

  color: #ffffff;

}

.skin-yellow .main-header .navbar .sidebar-toggle:hover {

  color: #f6f6f6;

  background: rgba(0, 0, 0, 0.1);

}

.skin-yellow .main-header .navbar .sidebar-toggle {

  color: #fff;

}

.skin-yellow .main-header .navbar .sidebar-toggle:hover {

  background-color: transparent;

}

@media (max-width: 767px) {

  .skin-yellow .main-header .navbar .dropdown-menu li.divider {

    background-color: rgba(255, 255, 255, 0.1);

  }

  .skin-yellow .main-header .navbar .dropdown-menu li a:hover {

    background: #df9e1b;

  }

}

.skin-yellow .main-header .logo {

  background-color: #e9ab2e;

  color: #ffffff;

  border-bottom: 0 solid transparent;

}

.skin-yellow .main-header .logo:hover {

  background-color: #e9ab2e;

}

.skin-yellow .main-header li.user-header {

  background-color: #fff;

}

.skin-yellow .content-header {

  background: #fff;

}

.skin-yellow .content {

  background: #f4f6f9;

}

.skin-yellow .wrapper,

.skin-yellow .main-sidebar,

.skin-yellow .left-side {

  background-color: #28373e;

  box-shadow: 1px 0px 20px rgba(0,0,0,0.08);

}

.skin-yellow .user-panel > .info,

.skin-yellow .user-panel > .info > a {

  color: #fff;

}

.skin-yellow .sidebar {

	border-color: #e9ab2e;

}

.skin-yellow .sidebar-menu > li.header {

  color: #687384;

}

.skin-yellow .sidebar-menu > li > a {

  border-left:none;

}

.skin-yellow .sidebar-menu>li:hover>a{

  color: #e9ab2e;

  background-color: transparent;

}

.skin-yellow.sidebar-collapse .sidebar-menu>li:hover>a{

  background-color: #28373e;

}

.skin-yellow .sidebar-menu>li.active>a, .skin-yellow .sidebar-menu>li.menu-open>a{

  color: #ffffff;

  background: #e9ab2e;

}

.skin-yellow .sidebar-menu > li.active > a,

.skin-yellow .sidebar-menu > li.menu-open > a {

  color: #ffffff;

}

.skin-yellow .sidebar-menu > li.active > a {

  border-left-color: #e9ab2e;

}

.skin-yellow .sidebar-menu > li > .treeview-menu {

  margin: 0 0px;

  background: #28373e;

}

.skin-yellow .sidebar a {

  color: #687384;

}

.skin-yellow .sidebar a:hover {

  text-decoration: none;

}

.skin-yellow .sidebar-menu .treeview-menu > li > a {

  color: #687384;

}

.skin-yellow .sidebar-menu .treeview-menu > li.active > a,

.skin-yellow .sidebar-menu .treeview-menu > li > a:hover {

  color: #fff;

}

.skin-yellow .sidebar-form {

  border-radius: 3px;

  border: 1px solid #898989;

}

.skin-yellow .sidebar-form input[type="text"],

.skin-yellow .sidebar-form .btn {

  box-shadow: none;

  background-color: rgba(0, 0, 0, 0.59);

  border: 1px solid rgba(0, 0, 0, 0.59);

  height: 35px;

}

.skin-yellow .sidebar-form input[type="text"] {

  color: #fff;

  border-top-left-radius: 2px;

  border-top-right-radius: 0;

  border-bottom-right-radius: 0;

  border-bottom-left-radius: 2px;

}

.skin-yellow .sidebar-form input[type="text"]:focus,

.skin-yellow .sidebar-form input[type="text"]:focus + .input-group-btn .btn {

  color: #fff;

}

.skin-yellow .sidebar-form .btn {

  color: #f7f7f7;

  border-top-left-radius: 0;

  border-top-right-radius: 2px;

  border-bottom-right-radius: 2px;

  border-bottom-left-radius: 0;

}

.skin-yellow.layout-top-nav .main-header > .logo {

  background-color: #df9e1b;

  color: #ffffff;

  border-bottom: 0 solid transparent;

}

.skin-yellow.layout-top-nav .main-header > .logo:hover {

  background-color: #e9ab2e;

}

.skin-yellow .btn-blue{

	background-color: #e9ab2e;

	color: #fff;

	border: 1px solid #e9ab2e;

}

.skin-yellow .btn-blue:hover{

	background-color: #fff;

	color: #e9ab2e;	

}

.horizontal-menu .skin-yellow.layout-top-nav .sidebar-menu > li.active > a {

    background: #e9ab2e;

	color: #fff;

}

.skin-yellow .main-header .messages-menu .dropdown-toggle i::after, .skin-yellow .main-header .notifications-menu .dropdown-toggle i::after, .skin-yellow .main-header .tasks-menu .dropdown-toggle i::after {

    border-color: #e9ab2e;	

}



/*---Skin: Yellow light---*/

/*---light sidebar---*/



.skin-yellow-light .main-header .navbar {

  background-color: #e9ab2e;

}

.skin-yellow-light .main-header .navbar .nav > li > a {

  color: #ffffff;

}

.skin-yellow-light .main-header .navbar .nav > li > a:hover,

.skin-yellow-light .main-header .navbar .nav > li > a:active,

.skin-yellow-light .main-header .navbar .nav > li > a:focus,

.skin-yellow-light .main-header .navbar .nav .open > a,

.skin-yellow-light .main-header .navbar .nav .open > a:hover,

.skin-yellow-light .main-header .navbar .nav .open > a:focus,

.skin-yellow-light .main-header .navbar .nav > .active > a,

.skin-yellow-light.layout-top-nav .mega-dropdown > a.nav-link.dropdown-toggle:hover{

  background: rgba(0, 0, 0, 0.1);

  color: #f6f6f6;

}

.skin-yellow-light .main-header .navbar .sidebar-toggle {

  color: #ffffff;

}

.skin-yellow-light .main-header .navbar .sidebar-toggle:hover {

  color: #f6f6f6;

  background: rgba(0, 0, 0, 0.1);

}

.skin-yellow-light .main-header .navbar .sidebar-toggle {

  color: #fff;

}

.skin-yellow-light .main-header .navbar .sidebar-toggle:hover {

  background-color: transparent;

}

@media (max-width: 767px) {

  .skin-yellow-light .main-header .navbar .dropdown-menu li.divider {

    background-color: rgba(255, 255, 255, 0.1);

  }

  .skin-yellow-light .main-header .navbar .dropdown-menu li a:hover {

    background: #df9e1b;

  }

}

.skin-yellow-light .main-header .logo {

  background-color: #e9ab2e;

  color: #ffffff;

  border-bottom: 0 solid transparent;

}

.skin-yellow-light .main-header .logo:hover {

  background-color: #e9ab2e;

}

.skin-yellow-light .main-header li.user-header {

  background-color: #fff;

}

.skin-yellow-light .content-header {

  background: #fff;

}

.skin-yellow-light .content {

  background: #f4f6f9;

}

.skin-yellow-light .wrapper,

.skin-yellow-light .main-sidebar,

.skin-yellow-light .left-side {

  background-color: #ffffff;

  box-shadow: 1px 0px 20px rgba(0,0,0,0.08);

}

.skin-yellow-light .user-panel > .info,

.skin-yellow-light .user-panel > .info > a {

  color: #fff;

}

.skin-yellow-light .sidebar {

	border-color: #e9ab2e;

}

.skin-yellow-light .sidebar-menu > li.header {

  color: #687384;

}

.skin-yellow-light .sidebar-menu > li > a {

  border-left:none;

}

.skin-yellow-light .sidebar-menu>li:hover>a, .skin-yellow-light .sidebar-menu>li.active>a{

  color: #fff;

  background: #e9ab2e;

}

.skin-yellow-light .sidebar-menu > li.active > a,

.skin-yellow-light .sidebar-menu > li.menu-open > a {

  color: #fff;

  background: #e9ab2e;

}

.skin-yellow-light .sidebar-menu > li.active > a {

  border-left-color: #e9ab2e;

}

.skin-yellow-light .sidebar-menu > li > .treeview-menu {

  margin: 0 0px;

  background: #ffffff;

}

.skin-yellow-light .sidebar a {

  color: #687384;

}

.skin-yellow-light .sidebar a:hover {

  text-decoration: none;

}

.skin-yellow-light .sidebar-menu .treeview-menu > li > a {

  color: #687384;

}

.skin-yellow-light .sidebar-menu .treeview-menu > li.active > a,

.skin-yellow-light .sidebar-menu .treeview-menu > li > a:hover {

  color: #e9ab2e;

}

.skin-yellow-light .sidebar-form {

  border-radius: 3px;

  border: 1px solid #898989;

}

.skin-yellow-light .sidebar-form input[type="text"],

.skin-yellow-light .sidebar-form .btn {

  box-shadow: none;

  background-color: rgba(0, 0, 0, 0.59);

  border: 1px solid rgba(0, 0, 0, 0.59);

  height: 35px;

}

.skin-yellow-light .sidebar-form input[type="text"] {

  color: #fff;

  border-top-left-radius: 2px;

  border-top-right-radius: 0;

  border-bottom-right-radius: 0;

  border-bottom-left-radius: 2px;

}

.skin-yellow-light .sidebar-form input[type="text"]:focus,

.skin-yellow-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {

  color: #fff;

}

.skin-yellow-light .sidebar-form .btn {

  color: #f7f7f7;

  border-top-left-radius: 0;

  border-top-right-radius: 2px;

  border-bottom-right-radius: 2px;

  border-bottom-left-radius: 0;

}

.skin-yellow-light.layout-top-nav .main-header > .logo {

  background-color: #df9e1b;

  color: #ffffff;

  border-bottom: 0 solid transparent;

}

.skin-yellow-light.layout-top-nav .main-header > .logo:hover {

  background-color: #e9ab2e;

}

.skin-yellow-light .btn-blue{

	background-color: #e9ab2e;

	color: #fff;

	border: 1px solid #e9ab2e;

}

.skin-yellow-light .btn-blue:hover{

	background-color: #fff;

	color: #e9ab2e;	

}

.horizontal-menu .skin-yellow-light.layout-top-nav .sidebar-menu > li.active > a {

    background: #e9ab2e;

	color: #fff;

}

.skin-yellow-light .main-header .messages-menu .dropdown-toggle i::after, .skin-yellow-light .main-header .notifications-menu .dropdown-toggle i::after, .skin-yellow-light .main-header .tasks-menu .dropdown-toggle i::after {

    border-color: #e9ab2e;	

}

.headermodified{padding-bottom:0px; padding-top:0px; height:50px;}
.headermodified .barstck{display:inline-block; width:auto; height:50px; list-style:none; margin:0; padding:0;}
.headermodified .barstck li{float:left; font-size: 1.5rem; padding: 0px 15px; line-height: 50px; border-bottom:solid 1.5px transparent; background:rgba(0, 0, 0, 0.05);
transition:0.3s linear; -webkit-transition:0.3s linear; border-left:solid 1px rgba(255, 255, 255, 0.8);}
.headermodified .barstck li	a{color:#1c1713;}
.headermodified .barstck li:hover, .barstck li.activ {padding:0 15px; border-bottom:solid 1.5px #9272f2; background:#9272f2; border-left:solid 1px #9272f2;}
.headermodified .barstck li:hover a, .barstck li.activ a{color:#fff;}

.content-header.headermodified > h1{float:left; padding-right:50px; height:50px; padding-top: 5px;}
.content-header.headermodified > .breadcrumb{top:10px;}

.contentmodified .box-header{border-bottom:none;}
.contentmodified .box-body{padding:0px;}
/*   content */
.xm_modified_tab {padding-left:15px;}

.nav-tabs.xm_modified_tab .nav-link.active{background:none; color:#000; border-bottom-color: #926ff3;}

.xm_modified_tab + .tab-content{padding:15px;}

@-webkit-keyframes hvr-push {
  50% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes hvr-push {
  50% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.listylenone{list-style:none; margin:0px; padding:0;}
.resultlist1 li{float:left; box-sizing:border-box; font-size:12px; padding:0px 1px;}
.resultlist1 li a{display:inline-block; line-height:16px; padding:0px 5px; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; 
-o-border-radius:2px; border:solid 1px transparent; transition:0.3s ease-in-out; -webkit-transition:0.3s ease-in-out; vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0);}
.resultlist1 li a:hover, .resultlist1 li a:focus, .resultlist1 li.active a{display:inline-block; padding:0px 5px; border-color:#88bf26; background:#a7cf5c; color:#fff;
-webkit-animation-name: hvr-push;
    animation-name: hvr-push;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}
.resultlist2{text-align:right;}
.resultlist2 li{display:inline-block; box-sizing:border-box; padding:0px 5px;}
.resultlist2 li a{line-height:18px; font-size: 18px; padding:0px 5px; vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0);}
.resultlist2 li a:hover, .resultlist2 li a:focus, .resultlist2 li.active a{display:inline-block; padding:0px 5px;  color:#88bf26;
-webkit-animation-name: hvr-push;
    animation-name: hvr-push;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}
.btn-tag{color:#ccc !important;}
.btn-tag:focus, .btn-tag:hover{color:#2d2d2d !important;}
.opendivtag{display:none;}
.opendivtag .bootstrap-tagsinput{border:none; background:#f1f1f1; min-height:40px; box-shadow:none;}
.opendivtag .badge{margin-bottom:2px; background-color: #1c1713; border-radius: 3px; border: 1px solid #1c1713;}

.innertabsx .nav-tabs li:first-child{margin-left:5px;}
.innertabsx .nav-tabs .nav-link.active, .innertabsx .nav-tabs .nav-link:hover{background:none !important; color:#1c1713; border-color:#1c1713;}
.adupdate{color:#88bf26;}
.addblocks{min-height:200px;}
.incluser{list-style:none; margin:0 5px; padding:0;}
 .incluser li{float:left; padding:5px 0px 5px;}
.incluser li a span{float:left; width:40px; height:40px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; -o-border-radius:50%; border:solid 1px #aaa; overflow:hidden;font-size: 18px; color:#aaa; margin-right:5px;
    line-height: 35px;
    text-align: center;}
	.incluser li a{display:inline-block; vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0);}
	.incluser li a:hover, .incluser li a:focus, .incluser li.active a {-webkit-animation-name: hvr-push;
    animation-name: hvr-push;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;}
.incluser li a i{margin-top:11px;}
.incluser li a.dropdown-toggle:after{margin-left:0px; border:none !important;}
.incluser li .dropdown-menu{min-width:16rem; padding:0;}
.incluser li .dropdown-menu ul {margin:0px; padding:0px;}
.incluser li .dropdown-menu ul li a{width:100%; line-height:35px;}
.incluser li .dropdown-menu ul li{width:97%;}
.dropdown-menu h5{background:#f1f1f1; margin-bottom:0px;}
.dropdown-menu .viwbtn{background:#f1f1f1; text-align:center}
.dropdown-menu .xdropics{height:200px; overflow:scroll; overflow-x:hidden;}
.dropdown-menu .viwbtn a{color:#88bf26;}
.dropdown-menu .viwbtn a:hover{color:#78ab1e;}
.xplpopup{overflow:visible; position:relative;}
.xplpopup .viewoptioninner{position:absolute; top:100%; background:#f1f1f1; width:370px; right:0; z-index:99;}
.xplpopup .viewoptioninner ul, .xplpopup .clikshomenup ul{list-style:none; margin:0; padding:0;}
.xplpopup .viewoptioninner ul li a, .xplpopup .clikshomenup ul li a{display:inline-block;}
.xplpopup .viewoptioninner ul li .accordion .card, .xplpopup .clikshomenup ul li .accordion .card{margin:0;}
.xplpopup .viewoptioninner ul li .accordion .card .card-header, .xplpopup .clikshomenup ul li .accordion .card .card-header{margin:0; padding:0; border:none; background: #f9f9f9; border-bottom: solid 1px #ccc;}
.xplpopup .viewoptioninner ul li .accordion .card .card-header h2, .xplpopup .clikshomenup ul li .accordion .card .card-header h2{width:100%; margin:0; padding:0; line-height:normal;}
.xplpopup .viewoptioninner ul li .accordion .card .card-header h2 button, .xplpopup .clikshomenup ul li .accordion .card .card-header h2 button{padding:0.9rem 1rem; width:99%; text-align:left; border-radius:none; height:auto; color:#919df6;}
.xplpopup .viewoptioninner ul li .accordion .card .card-body, .xplpopup .clikshomenup ul li .accordion .card .card-body{background:#f1f1f1; padding:0rem;}
.xplpopup .viewoptioninner ul li .accordion .card .card-header h2 button[aria-expanded="true"] .fa-plus:before, .xplpopup .clikshomenup ul li .accordion .card .card-header h2 button[aria-expanded="true"] .fa-plus:before{content: "\f068";}
.xplpopup .viewoptioninner .actpad, .xplpopup .clikshomenup .actpad{padding:0.9rem 1rem;}
.in-icon-in ul{display:flex; flex-direction:row; flex-wrap:wrap;}
.in-icon-in ul li{max-width:25%; flex:0 0 25%; box-sizing:border-box; padding:10px 5px;}
.xplpopup .viewoptioninner ul li .in-icon-in ul li a, .xplpopup .clikshomenup ul li .in-icon-in ul li a{display:block;}
.in-icon-in ul li a .fa, .in-icon-in ul li a .mdi{font-size:1.5rem; color:#7460ee;}
.in-icon-in ul li:hover{background:#926cf2; color:#fff; transition:0.3s ease-in-out;}
.in-icon-in ul li:hover a, .in-icon-in ul li:hover a span, .in-icon-in ul li:hover a i{color:#fff; text-shadow:1px 2px 1px rgba(0,0,0, 0.2); -webkit-text-shadow:1px 2px 1px rgba(0,0,0, 0.2);}

.latelist{list-style:none; margin:0; padding:0;}
.latelist li{float:left; box-sizing:border-box; width:100%; margin-bottom:5px;}
.latelist li a{display:inline-block; width:100%; padding:3px 0;}
.taskdg_list .bg-olive{background:#9164eb;}
.row.filtered_result .col-sm-6.col-lg-3 .box{border:none; box-shadow:none;}
.row.filtered_result .col-sm-6.col-lg-3{flex:0 0 24%; max-width:24%; margin:8px 8px; border:solid 1px #ccc; padding:0px; background:#fff; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
.row.filtered_result .col-sm-6.col-lg-3 .box h3.box-title a, .row.filtered_result .col-sm-6.col-lg-3 .box h3.box-title{font-size:18px; line-height: 22px;}
.xproflist_view ul{list-style: none; margin:0; padding:0;}
.xproflist_view ul li{float:left; width:100%; box-sizing: border-box; padding:5px 0px; border-bottom:solid 1px #ccc;}
.xproflist_view ul li div span, .xproflist_view ul li div.comn_Profc{float:left; padding-right:5px;}
.xprofdrpdn .picimg img{width:40px; height:40px; -moz-border-radius:50%; -webkit-border-radius:50%; -o-border-radius:50%; border-radius:50%; border:solid 1px #ccc;}
.xprofdrpdn .picimg + span, .xprofdrpdn .picimg{display:inline-block; float:none;}
.xprofdrpdn{text-align:right;}
.w-65{width:65%;}
.shwexplodediv{background:#fff; padding:10px; display:none;}
.xproflist_view ul li a{text-decoration:none; color:#2d2d2d;} 

.xplpopup .clikshomenup{right:inherit; left:100%; top:-100px; -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3); 
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3); display:none; opacity:100 !important; position:absolute; background:#f1f1f1; width:370px; z-index:99;}
.xplpopup .clikshomenup ul li{border-bottom:none;}
.xplpopup .clikshomenup ul li span{float:inherit;}
.clikshomenup:before{content:'';   width: 0; position:absolute; left:-10px;
 top:107px;  height: 0; 
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  
  border-right: 10px solid #aaa;}