/*!
 * Start Bootstrap - Stylish Portfolio (http://startbootstrap.com/)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */

/* Global color Styles */

 .main-header.skin-blue-light .logo
 {
 	background-color:#ffffff;
 	border-bottom:0 solid transparent
 }
 .main-header.skin-blue-light .main-header .logo:hover
 {
 	background-color:#ffffff
 }
 .main-header>.logo
 {
 	background-color:#ffffff;
 	color:blue;
 	border-bottom:0 solid transparent
 }
 
.textcolor_555
{
    color: #555;
}
/*.main-header .navbar
{
	background-color:#24a88e
}*/
.change_background_color
{
    float: left;
    overflow: hidden;
    padding: 20px 10px 10px;
    width: 100%;
    background: linear-gradient( rgba(5,67,168,0.1),rgba(5,67,168,0.1));
}
.bg_bgimg{
    background-position: center;
    background-repeat: no-repeat;
    background: linear-gradient( rgba(0,65,179,1),rgba(0,65,179,0.5)), url(../images/bg_bgimg.jpg)no-repeat;
    background-size: 100% 215%;
}
.font_awesome_i 
{
	float: right;
    font-size: 35px;
    width: 10px;
    color: #0543a8;
}
/* SKIN BLUE */
.skin-blue .layout_bg_color
{
    background-color: #21A18F;
}
.skin-blue .layout_text_color
{
    color: #21A18F;
}
.skin-blue .layout_bg_img_color
{
    background-position: center;
    background-repeat: no-repeat;
    background: linear-gradient(rgba(36,168,142,0.9),rgba(36,168,142,0.5)),url(../../../assets/theme1/images/bg_bgimg.jpg)no-repeat;
    background-size: 100% 300px;
    min-height: 150px;
}
.skin-blue .save_btn:active,.skin-blue .save_btn:hover,.skin-blue .save_btn:focus{
    color:white;
    outline: none!important;
}
.skin-blue .main-header li.user-header {
    background-color: #21A18F !important;
}
.skin-blue .save_send_btn:active,.skin-blue .save_send_btn:hover,.skin-blue .save_send_btn:focus{
    color:white;
    outline: none!important;
}
.skin-blue .btn-success:hover,.skin-blue .btn-success:active,.skin-blue .btn-success.hover {
    background-color: #21A18F;
}
.skin-blue .mui-btn--primary:hover,.skin-blue .mui-btn--primary:focus,.skin-blue .mui-btn--primary:active {
   background-color: #21A18F;
}
.skin-blue .main-header li a.site_settings
{
    background-color: #59b8ab;
}
.skin-blue .btn-default:hover,.skin-blue .btn-default:active,.skin-blue .btn-default.hover {
    background-color: #21A18F;
    color: #ffffff !important;
}
.skin-blue .sidebar-menu>li>.treeview-menu{
    margin: 0 1px;
    background: rgb(255, 255, 255) !important;
    padding-bottom: 2px;
}
/*left side menu*/
.skin-blue.sidebar-collapse .treeview span
{
    color: #ffffff;
	background-color:#21A18F !important;
}
.skin-blue.sidebar-collapse .sidebar-menu span{
	color:#ffffff;
	background-color: #21A18F !important;
}
.skin-blue.sidebar-collapse .treeview li
{
    color: #21A18F !important;
	background-color: #f9fafc !important;
}
.skin-blue.sidebar-collapse .sidebar-menu>li>.treeview-menu{
	background-color: #f9fafc !important;
}
/*left side menu*/

/*right side menu*/
.skin-blue .control-sidebar-dark, .skin-blue .control-sidebar-dark+.skin-blue .control-sidebar-bg {
    
         background: linear-gradient(rgba(36,168,139,0.7),rgba(36,168,180,15));
}
.skin-blue .control-sidebar-dark .skin-blue .nav-tabs.control-sidebar-tabs {
    border-bottom: #238575;
    outline: none;
}
.skin-blue .control-sidebar-dark .nav-tabs.control-sidebar-tabs>li.active>a, .skin-blue .control-sidebar-dark .nav-tabs.control-sidebar-tabs>li.active>a:hover, .skin-blue .control-sidebar-dark .nav-tabs.control-sidebar-tabs>li.active>a:focus, .skin-blue .control-sidebar-dark .skin-blue .nav-tabs.control-sidebar-tabs>li.active>a:active
{
    background: #238575;
    color: #fff;
}
.skin-blue .control-sidebar-dark, .skin-blue .control-sidebar-dark+.control-sidebar-bg{
    background-color: #24a8b4  !important;
}

/*right side menu*/

/* nav bar setting icon bg hover color none*/
.skin-blue .main-header .navbar .nav .open>a, .skin-blue .main-header .navbar .nav .open>a:hover, .skin-blue .main-header .navbar .nav>.active>a, .skin-blue .main-header .navbar .nav>li>a:active, .skin-blue .main-header .navbar .nav>li>a:hover, .skin-blue .main-hee .main-header .navbar .ader .navbar .nav>li>a:focus, .skin-blunav .open>a:focus {
    background: rgba(0,0,0,.0) !important;
    color: #f6f6f6;
}
/* nav bar setting icon bg hover color none*/

/*.skin-blue .sidebar-menu>ul>.treeview-menu:hover{
 
    background: #000000!important;
    }*/
.skin-blue .sidebar-menu>li:hover>a, 
{
    background: rgba(158, 158, 158, 0.54) !important;
    color: #000000;
}
/* SKIN BLUE */

/* SKIN BLACK */

.skin-black .layout_bg_color
{
    background-color:#1b3747;
}
/*.skin-black .layout_text_color
{
    color: #19384b;
}*/
.skin-black .layout_bg_img_color
 {
   background-position: center;
    background-repeat: no-repeat;
    background: linear-gradient(rgba(31, 20, 2, 0.55),rgba(8, 7, 4, 0.28)),url(../../../assets/theme1/images/bg_bgimg.jpg)no-repeat;
    background-size: 100% 300px;
    min-height: 150px;
   
}
.skin-black .save_send_btn:active,.skin-black .save_send_btn:hover,.skin-black .save_send_btn:focus{
    color:white;
    outline: none!important;
}
.skin-black .btn-success:hover,.skin-black .btn-success:active,.skin-black .btn-success.hover {
    background-color: #E4E2E4;
}
.skin-black .mui-btn--primary:hover,.skin-black .mui-btn--primary:focus,.skin-black .mui-btn--primary:active {
   background-color: #E4E2E4;
}
.skin-black .btn-default:hover,.skin-black .btn-default:active,.skin-black .btn-default.hover {
    background-color: #E4E2E4;
}
.skin-black .sidebar-menu>li>.treeview-menu {
    margin: 0 1px;
    background: rgb(255, 255, 255) !important;
    padding-bottom: 2px;
}
/*side menu*/
.skin-black.sidebar-collapse .treeview span
{
    color: #ffffff;
	background-color:#E4E2E4 !important;
}
.skin-black.sidebar-collapse .sidebar-menu span{
	color:#ffffff;
	background-color: #2c4554 !important
}
.skin-black.sidebar-collapse .treeview li
{
    color: #E4E2E4 !important;
	background-color: #f9fafc !important;
}
.skin-black.sidebar-collapse .sidebar-menu>li>.treeview-menu{
	background-color: #f9fafc !important;
}
 .skin-black .main-header .navbar .nav .open>a, .skin-black .main-header .navbar .nav .open>a:focus, .skin-black .main-header .navbar .nav .open>a:hover, .skin-black .main-header .navbar .nav>.active>a, .skin-black .main-header .navbar .nav>li>a:active, .skin-black .main-header .navbar .nav>li>a:focus, .skin-black .main-header .navbar .nav>li>a:hover {
     background: rgba(0,0,0,.0) !important;
    color: #f6f6f6;
}
.skin-black .main-header li.user-header {
    background-color: #2c4554 !important;
}

/* SKIN BLACK */

/* SKIN PURPLE */

.skin-purple .layout_bg_color
{
    background-color: #5A5FA8;
}
.skin-purple .layout_text_color
{
    color: #5A5FA8;
}
.skin-purple .layout_bg_img_color
{
    background-position: center;
    background-repeat: no-repeat;
    background: linear-gradient(rgba(96,92,168,0.9),rgba(96,92,168,0.5)),url(../../../assets/theme1/images/bg_bgimg.jpg)no-repeat;
    background-size: 100% 300px;
    min-height: 150px;
}
.skin-purple .save_btn:active,.skin-purple .save_btn:hover,.skin-purple .save_btn:focus{
    color:white;
    outline: none!important;
}
.skin-purple .main-header li.user-header {
    background-color: #5A5FA8 !important;
}
.skin-purple .save_send_btn:active,.skin-purple .save_send_btn:hover,.skin-purple .save_send_btn:focus{
    color:white;
    outline: none!important;
}
.skin-purple .btn-success:hover,.skin-purple .btn-success:active,.skin-purple .btn-success.hover {
    background-color: #5A5FA8;
}
.skin-purple .mui-btn--primary:hover,.skin-purple .mui-btn--primary:focus,.skin-purple .mui-btn--primary:active {
   background-color: #5A5FA8;
}
.skin-purple .btn-default:hover,.skin-purple .btn-default:active,.skin-purple .btn-default.hover {
    background-color: #5A5FA8;
    color: #ffffff !important;
}
.skin-purple .sidebar-menu>li>.treeview-menu {
    margin: 0 1px;
    background: rgb(255, 255, 255) !important;
    padding-bottom: 2px;
}
/*side menu*/
.skin-purple.sidebar-collapse .treeview span
{
    color: #ffffff;
	background-color:#5A5FA8 !important;
}
.skin-purple.sidebar-collapse .sidebar-menu span{
	color:#ffffff;
	background-color: #5A5FA8 !important;
}
.skin-purple.sidebar-collapse .treeview li
{
    color: #5A5FA8 !important;
	background-color: #f9fafc !important;
}
.skin-purple.sidebar-collapse .sidebar-menu>li>.treeview-menu{
	background-color: #f9fafc !important;
}
/*right side menu*/
.skin-purple .control-sidebar-dark, .skin-purple .control-sidebar-dark+.skin-purple .control-sidebar-bg {
    
         background: linear-gradient(rgba(96,92,168,0.7),rgba(96,92,168,15));
}
.skin-purple .control-sidebar-dark .skin-purple .nav-tabs.control-sidebar-tabs {
    border-bottom: #4e4f87;
    outline: none;
}
.skin-purple .control-sidebar-dark .nav-tabs.control-sidebar-tabs>li.active>a, .skin-purple .control-sidebar-dark .nav-tabs.control-sidebar-tabs>li.active>a:hover, .skin-purple .control-sidebar-dark .nav-tabs.control-sidebar-tabs>li.active>a:focus, .skin-purple .control-sidebar-dark .skin-purple .nav-tabs.control-sidebar-tabs>li.active>a:active
{
    background: #4e4f87;
    color: #fff;
}
.skin-purple .control-sidebar-dark, .skin-purple .control-sidebar-dark+.control-sidebar-bg{
    background-color: #605ca8  !important;
}
.skin-purple .main-header li a.site_settings
{
    background-color: #8185bd;
}
/*right side menu*/

/* nav bar setting icon bg hover color none*/
.skin-purple .main-header .navbar .nav .open>a, .skin-purple .main-header .navbar .nav .open>a:focus, .skin-purple .main-header .navbar .nav .open>a:hover, .skin-purple .main-header .navbar .nav>.active>a, .skin-purple .main-header .navbar .nav>li>a:active, .skin-purple .main-header .navbar .nav>li>a:focus, .skin-purple .main-header .navbar .nav>li>a:hover {
    background: rgba(0,0,0,.0) !important;
    color: #f6f6f6;
}
/* nav bar setting icon bg hover color none*/

/* SKIN PURPLE */

/* SKIN GREEN */
.skin-green .layout_bg_color
{
    background-color: #069F64;
}
.skin-green .layout_text_color
{
    color: #069F64;
}
.skin-green .layout_bg_img_color
{
    background-position: center;
    background-repeat: no-repeat;
    background: linear-gradient(rgba(0,166,90,0.9),rgba(0,166,90,0.5)),url(../../../assets/theme1/images/bg_bgimg.jpg)no-repeat;
    background-size: 100% 300px;
    min-height: 150px;
}
.skin-green .save_btn:active,.skin-green .save_btn:hover,.skin-green .save_btn:focus{
    color:white;
    outline: none!important;
}
.skin-green .main-header li.user-header {
    background-color: #069F64 !important;
}
.skin-green .save_send_btn:active,.skin-green .save_send_btn:hover,.skin-green .save_send_btn:focus{
    color:white;
    outline: none!important;
}
.skin-green .btn-success:hover,.skin-green .btn-success:active,.skin-green .btn-success.hover {
    background-color: #069F64;
}
.skin-green .mui-btn--primary:hover,.skin-green .mui-btn--primary:focus,.skin-green .mui-btn--primary:active {
   background-color: #069F64;
}
.skin-green .btn-default:hover,.skin-green .btn-default:active,.skin-green .btn-default.hover {
    background-color: #069F64;
    color: #ffffff !important;
}
.skin-green .sidebar-menu>li>.treeview-menu {
    margin: 0 1px;
    background: rgb(255, 255, 255) !important;
    padding-bottom: 2px;
}
/*side menu*/
.skin-green.sidebar-collapse .treeview span
{
    color: #ffffff;
	background-color:#069F64 !important;
}
.skin-green.sidebar-collapse .sidebar-menu span{
	color:#ffffff;
	background-color: #069F64 !important;
}
.skin-green.sidebar-collapse .treeview li
{
    color: #069F64 !important;
	background-color: #f9fafc !important;
}
.skin-green.sidebar-collapse .sidebar-menu>li>.treeview-menu{
	background-color: #f9fafc !important;
}
/*right side menu*/
.skin-green .control-sidebar-dark, .skin-green .control-sidebar-dark+.skin-green .control-sidebar-bg {
    
         background: linear-gradient(rgba(0,166,90,0.7),rgba(0,166,90,15));
}
.skin-green .control-sidebar-dark .skin-green .nav-tabs.control-sidebar-tabs {
    border-bottom: #09844e;
    outline: none;
}
.skin-green .control-sidebar-dark .nav-tabs.control-sidebar-tabs>li.active>a, .skin-green .control-sidebar-dark .nav-tabs.control-sidebar-tabs>li.active>a:hover, .skin-green .control-sidebar-dark .nav-tabs.control-sidebar-tabs>li.active>a:focus, .skin-green .control-sidebar-dark .skin-green .nav-tabs.control-sidebar-tabs>li.active>a:active
{
    background: #09844e;
    color: #fff;
}
.skin-green .control-sidebar-dark, .skin-green .control-sidebar-dark+.control-sidebar-bg{
    background-color: #00a65a  !important;
}
/*right side menu*/

/* nav bar setting icon bg hover color none*/
.skin-green .main-header .navbar .nav .open>a, .skin-green .main-header .navbar .nav .open>a:focus, .skin-green .main-header .navbar .nav .open>a:hover, .skin-green .main-header .navbar .nav>.active>a, .skin-green .main-header .navbar .nav>li>a:active, .skin-green .main-header .navbar .nav>li>a:focus, .skin-green .main-header .navbar .nav>li>a:hover {
    background: rgba(0,0,0,.0) !important;
    color: #f6f6f6;
}
/* nav bar setting icon bg hover color none*/

/* SKIN GREEN */

/* SKIN RED */
.skin-red .layout_bg_color
{
    background-color: #C54E45;
}
.skin-red .layout_text_color
{
    color: #C54E45;
}
.skin-red .layout_bg_img_color
{
    background-position: center;
    background-repeat: no-repeat;
    background: linear-gradient(rgba(221,75,57,0.9),rgba(221,75,57,0.5)),url(../../../assets/theme1/images/bg_bgimg.jpg)no-repeat;
    background-size: 100% 300px;
    min-height: 150px;
}
.skin-red .save_btn:active,.skin-red .save_btn:hover,.skin-red .save_btn:focus{
    color:white;
    outline: none!important;
}
.skin-red .main-header li.user-header {
    background-color: #C54E45 !important;
}
.skin-red .save_send_btn:active,.skin-red .save_send_btn:hover,.skin-red .save_send_btn:focus{
    color:white;
}
.skin-red .btn-success:hover,.skin-red .btn-success:active,.skin-red .btn-success.hover {
    background-color: #C54E45;
}
.skin-red .mui-btn--primary:hover,.skin-red .mui-btn--primary:focus,.skin-red .mui-btn--primary:active {
   background-color: #C54E45;
}
.skin-red .btn-default:hover,.skin-red .btn-default:active,.skin-red .btn-default.hover {
    background-color: #C54E45;
    color: #ffffff !important;
}
.skin-red .sidebar-menu>li>.treeview-menu {
    margin: 0 1px;
    background: rgb(255, 255, 255) !important;
    padding-bottom: 2px;
}
/*side menu*/
.skin-red.sidebar-collapse .treeview span
{
    color: #ffffff;
	background-color:#C54E45 !important;
}
.skin-red.sidebar-collapse .sidebar-menu span{
	color:#ffffff;
	background-color: #C54E45 !important;
}
.skin-red.sidebar-collapse .treeview li
{
    color: #C54E45 !important;
	background-color: #f9fafc !important;
}
.skin-red.sidebar-collapse .sidebar-menu>li>.treeview-menu{
	background-color: #f9fafc !important;
}
/*right side menu*/
.skin-red .control-sidebar-dark, .skin-red .control-sidebar-dark+.skin-red .control-sidebar-bg {
    
         background: linear-gradient(rgba(221,75,57,0.7),rgba(221,75,57,15));
}
.skin-red .control-sidebar-dark .skin-red .nav-tabs.control-sidebar-tabs {
    border-bottom: #a74337;
    outline: none;
}
.skin-red .control-sidebar-dark .nav-tabs.control-sidebar-tabs>li.active>a, .skin-red .control-sidebar-dark .nav-tabs.control-sidebar-tabs>li.active>a:hover, .skin-red .control-sidebar-dark .nav-tabs.control-sidebar-tabs>li.active>a:focus, .skin-red .control-sidebar-dark .skin-red .nav-tabs.control-sidebar-tabs>li.active>a:active
{
    background: #a74337;
    color: #fff;
}
.skin-red .control-sidebar-dark, .skin-red .control-sidebar-dark+.control-sidebar-bg{
    background-color: #dc4b39  !important;
}
/*right side menu*/

/* nav bar setting icon bg hover color none*/
.skin-red .main-header .navbar .nav .open>a, .skin-red .main-header .navbar .nav .open>a:focus, .skin-red .main-header .navbar .nav .open>a:hover, .skin-red .main-header .navbar .nav>.active>a, .skin-red .main-header .navbar .nav>li>a:active, .skin-red .main-header .navbar .nav>li>a:focus, .skin-red .main-header .navbar .nav>li>a:hover {
    background: rgba(0,0,0,.0)!important;
    color: #f6f6f6;
}
/* nav bar setting icon bg hover color none*/

/* SKIN RED */

/* SKIN YELLOW */
.skin-yellow .layout_bg_color
{
    background-color: #D89622;
}
.skin-yellow .layout_text_color
{
    color: #D89622;
}
.skin-yellow .layout_bg_img_color
{
    background-position: center;
    background-repeat: no-repeat;
    background: linear-gradient(rgba(243,156,18,0.9),rgba(243,156,18,0.5)),url(../../../assets/theme1/images/bg_bgimg.jpg)no-repeat;
    background-size: 100% 300px;
    min-height: 150px;
}
.skin-yellow .save_btn:active,.skin-yellow .save_btn:hover,.skin-yellow .save_btn:focus{
    color:white;
    outline: none!important;
}
.skin-yellow .main-header li.user-header {
    background-color: #D89622 !important;
}
.skin-yellow .save_send_btn:active,.skin-yellow .save_send_btn:hover,.skin-yellow .save_send_btn:focus{
    color:white;
    outline: none!important;
}
.skin-yellow .btn-success:hover,.skin-yellow .btn-success:active,.skin-yellow .btn-success.hover {
    background-color: #D89622;
}
.skin-yellow .mui-btn--primary:hover,.skin-yellow .mui-btn--primary:focus,.skin-yellow .mui-btn--primary:active {
   background-color: #D89622;
}
.skin-yellow .btn-default:hover,.skin-yellow .btn-default:active,.skin-yellow .btn-default.hover {
    background-color: #D89622;
    color: #ffffff !important;
}
.skin-yellow .sidebar-menu>li>.treeview-menu {
    margin: 0 1px;
    background: rgb(255, 255, 255) !important;
    padding-bottom: 2px;
}
/*side menu*/
.skin-yellow.sidebar-collapse .treeview span
{
    color: #ffffff;
	background-color:#D89622 !important;
}
.skin-yellow.sidebar-collapse .sidebar-menu span{
	color:#ffffff;
	background-color: #D89622 !important;
}
.skin-yellow.sidebar-collapse .treeview li
{
    color: #D89622 !important;
	background-color: #f9fafc !important;
}
.skin-yellow.sidebar-collapse .sidebar-menu>li>.treeview-menu{
	background-color: #f9fafc !important;
}
/*right side menu*/
.skin-yellow .control-sidebar-dark, .skin-yellow .control-sidebar-dark+.skin-yellow .control-sidebar-bg {
    
         background: linear-gradient(rgba(243,156,18,0.7),rgba(243,156,18,15));
}
.skin-yellow .control-sidebar-dark .skin-yellow .nav-tabs.control-sidebar-tabs {
    border-bottom: #b87c1b;
    outline: none;
}
.skin-yellow .control-sidebar-dark .nav-tabs.control-sidebar-tabs>li.active>a, .skin-yellow .control-sidebar-dark .nav-tabs.control-sidebar-tabs>li.active>a:hover, .skin-yellow .control-sidebar-dark .nav-tabs.control-sidebar-tabs>li.active>a:focus, .skin-yellow .control-sidebar-dark .nav-tabs.control-sidebar-tabs>li.active>a:active
{
    background: #b87c1b;
    color: #fff;
}
.skin-yellow .control-sidebar-dark, .skin-yellow .control-sidebar-dark+.control-sidebar-bg{
    background-color: #f39c12  !important;
}
/*right side menu*/

/* nav bar setting icon bg hover color none*/
.skin-yellow .main-header .navbar .nav .open>a, .skin-yellow .main-header .navbar .nav .open>a:focus, .skin-yellow .main-header .navbar .nav .open>a:hover, .skin-yellow .main-header .navbar .nav>.active>a, .skin-yellow .main-header .navbar .nav>li>a:active, .skin-yellow .main-header .navbar .nav>li>a:focus, .skin-yellow .main-header .navbar .nav>li>a:hover {
    background: rgba(0,0,0,.1);
    color: #f6f6f6;
}
/* nav bar setting icon bg hover color none*/

/* SKIN YELLOW */

/* SKIN BLUE LIGHT */
.skin-blue-light .main-header .navbar .nav .open>a, .skin-blue-light .main-header .navbar .nav .open>a:focus, .skin-blue-light .main-header .navbar .nav .open>a:hover, .skin-blue-light .main-header .navbar .nav>.active>a, .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>li>a:hover
 {
    background: rgba(0,0,0,.0) !important;
    color: #f6f6f6;
}

.skin-blue-light .layout_bg_color
{
    background-color: #0346AF;
}
.skin-blue-light .layout_text_color
{
    color: #0346AF;
}
.skin-blue-light .layout_bg_img_color
{
    background-position: center;
    background-repeat: no-repeat;
    background: linear-gradient(rgba(0,65,179,0.9),rgba(3,52,139,0.5)),url(../../../assets/theme1/images/bg_bgimg.jpg)no-repeat;
    background-size: 100% 300px;
    min-height: 150px;
}
.skin-blue-light .save_btn:active,.skin-blue-light .save_btn:hover,.skin-blue-light .save_btn:focus{
    color:white;
    outline: none!important;
}
.skin-blue-light  .main-header li.user-header {
    background-color: #0346AF !important;
}
.skin-blue-light .btn-success:hover,.skin-blue-light .btn-success:active,.skin-blue-light .btn-success.hover {
    background-color: #0346AF;
}
.skin-blue-light .save_send_btn:active,.skin-blue-light .save_send_btn:hover,.skin-blue-light .save_send_btn:focus{
    color:white;
    outline: none!important;
}
.skin-blue-light .mui-btn--primary:hover,.skin-blue-light .mui-btn--primary:focus,.skin-blue-light .mui-btn--primary:active {
   background-color: #0346AF;
}
.skin-blue-light .btn-default:hover,.skin-blue-light .btn-default:active,.skin-blue-light .btn-default.hover {
    background-color: #0346AF;
    color: #ffffff !important;
}
.skin-blue-light .sidebar-menu>li>.treeview-menu {
    margin: 0 1px;
    background: rgb(255, 255, 255) !important;
    padding-bottom: 2px;
}
/*side menu*/
.skin-blue-light.sidebar-collapse .treeview span
{
    color: #ffffff;
	background-color:#0346AF !important;
}
.skin-blue-light.sidebar-collapse .sidebar-menu span{
	color:#ffffff;
	background-color: #0346AF !important;
}
.skin-blue-light.sidebar-collapse .treeview li
{
    color: #0346AF !important;
	background-color: #f9fafc !important;
}
.skin-blue-light.sidebar-collapse .sidebar-menu>li>.treeview-menu{
	background-color: #f9fafc !important;
}
/*right side menu*/
.skin-blue-light .control-sidebar-dark, .skin-blue-light .control-sidebar-dark+.skin-blue-light .control-sidebar-bg {
    
         background: linear-gradient(rgba(0,65,179,0.7),rgba(0,65,179,15));
}
.skin-blue-light .control-sidebar-dark .skin-blue-light .nav-tabs.control-sidebar-tabs {
    border-bottom: #093b8f;
    outline: none;
}
.skin-blue-light .control-sidebar-dark .nav-tabs.control-sidebar-tabs>li.active>a, .skin-blue-light .control-sidebar-dark .nav-tabs.control-sidebar-tabs>li.active>a:hover, .skin-blue-light .control-sidebar-dark .nav-tabs.control-sidebar-tabs>li.active>a:focus, .skin-blue-light .control-sidebar-dark .nav-tabs.control-sidebar-tabs>li.active>a:active
{
    background: #093b8f;
    color: #fff;
}
.skin-blue-light .control-sidebar-dark, .skin-blue-light .control-sidebar-dark+.control-sidebar-bg{
    background-color: #0142b2  !important;
}
/*right side menu*/

/* nav bar setting icon bg hover color none*/
.skin-blue-light .main-header .navbar .nav .open>a, .skin-blue-light .main-header .navbar .nav .open>a:focus, .skin-blue-light .main-header .navbar .nav .open>a:hover, .skin-blue-light .main-header .navbar .nav>.active>a, .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>li>a:hover {
    background: rgba(0,0,0,.0) !important;
    color: #f6f6f6;
}
/* nav bar setting icon bg hover color none*/

/* SKIN BLUE LIGHT */



/* SKIN purple LIGHT */
.skin-purple-light .layout_bg_color
{
    background-color: #5A5FA8;
}
.skin-purple-light .layout_text_color
{
    color: #5A5FA8;
}
.skin-purple-light .layout_bg_img_color
{
    background-position: center;
    background-repeat: no-repeat;
    background: linear-gradient(rgba(96,92,168,0.9),rgba(96,92,168,0.5)),url(../../../assets/theme1/images/bg_bgimg.jpg)no-repeat;
    background-size: 100% 300px;
    min-height: 150px;
}
.skin-purple-light .save_btn:active,.skin-purple-light .save_btn:hover,.skin-purple-light .save_btn:focus{
    color:white;
    outline: none!important;
}
.skin-purple-light .main-header li.user-header {
    background-color: #5A5FA8 !important;
}
.skin-purple-light .save_send_btn:active,.skin-purple-light .save_send_btn:hover,.skin-purple-light .save_send_btn:focus{
    color:white;
    outline: none!important;
}
.skin-purple-light .btn-success:hover,.skin-purple-light .btn-success:active,.skin-purple-light .btn-success.hover {
    background-color: #5A5FA8;
}
.skin-purple-light .mui-btn--primary:hover,.skin-purple-light .mui-btn--primary:focus,.skin-purple-light .mui-btn--primary:active {
   background-color: #5A5FA8;
}
.skin-purple-light .btn-default:hover,.skin-purple-light .btn-default:active,.skin-purple-light .btn-default.hover {
    background-color: #5A5FA8;
    color:#ffffff !important;
}
.skin-purple-light .sidebar-menu>li>.treeview-menu {
    margin: 0 1px;  
    background: rgb(255, 255, 255) !important;
    padding-bottom: 2px;
}
/*side menu*/
.skin-purple-light.sidebar-collapse .treeview span
{
    color: #ffffff;
	background-color:#5A5FA8 !important;
}
.skin-purple-light.sidebar-collapse .sidebar-menu span{
	color:#ffffff;
	background-color: #5A5FA8 !important;
}
.skin-purple-light.sidebar-collapse .treeview li
{
    color: #5A5FA8 !important;
	background-color: #f9fafc !important;
}
.skin-purple-light.sidebar-collapse .sidebar-menu>li>.treeview-menu{
	background-color: #f9fafc !important;
}
/*right side menu*/
.skin-purple-light .control-sidebar-dark, .skin-purple-light .control-sidebar-dark+.skin-purple-light .control-sidebar-bg {
    
         background: linear-gradient(rgba(96,92,168,0.7),rgba(96,92,168,15));
}
.skin-purple-light .control-sidebar-dark .skin-purple-light .nav-tabs.control-sidebar-tabs {
    border-bottom: #4e4f87;
    outline: none;
}
.skin-purple-light .control-sidebar-dark .nav-tabs.control-sidebar-tabs>li.active>a, .skin-purple-light .control-sidebar-dark .nav-tabs.control-sidebar-tabs>li.active>a:hover, .skin-purple-light .control-sidebar-dark .nav-tabs.control-sidebar-tabs>li.active>a:focus, .skin-purple-light .control-sidebar-dark .nav-tabs.control-sidebar-tabs>li.active>a:active
{
    background: #4e4f87;
    color: #fff;
}
.skin-purple-light .control-sidebar-dark, .skin-purple-light .control-sidebar-dark+.control-sidebar-bg{
    background-color: #5f5ba8  !important;
}
/*right side menu*/

/* nav bar setting icon bg hover color none*/
.skin-purple-light .main-header .navbar .nav .open>a, .skin-purple-light .main-header .navbar .nav .open>a:focus, .skin-purple-light .main-header .navbar .nav .open>a:hover, .skin-purple-light .main-header .navbar .nav>.active>a, .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>li>a:hover {
    background: rgba(0,0,0,.0) !important;
    color: #f6f6f6;
}
/* nav bar setting icon bg hover color none*/

/* SKIN purple LIGHT */

/* SKIN green LIGHT */
.skin-green-light .layout_bg_color
{
    background-color: #069F64;
}
.skin-green-light .layout_text_color
{
    color: #069F64;
}
.skin-green-light .layout_bg_img_color
{
    background-position: center;
    background-repeat: no-repeat;
    background: linear-gradient(rgba(0,166,90,0.9),rgba(0,166,90,0.5)),url(../../../assets/theme1/images/bg_bgimg.jpg)no-repeat;
    background-size: 100% 300px;
    min-height: 150px;
}
.skin-green-light .save_btn:active,.skin-green-light .save_btn:hover,.skin-green-light .save_btn:focus{
    color:white;
    outline: none!important;
}
.skin-green-light .main-header li.user-header {
    background-color: #069F64 !important;
}
.skin-green-light .save_send_btn:active,.skin-green-light .save_send_btn:hover,.skin-green-light .save_send_btn:focus{
    color:white;
    outline: none!important;
}
.skin-green-light .btn-success:hover,.skin-green-light .btn-success:active,.skin-green-light .btn-success.hover {
    background-color: #069F64;
}
.skin-green-light .mui-btn--primary:hover,.skin-green-light .mui-btn--primary:focus,.skin-green-light .mui-btn--primary:active {
   background-color: #069F64;
}
.skin-green-light .btn-default:hover,.skin-green-light .btn-default:active,.skin-green-light .btn-default.hover {
    background-color: #069F64;
    color:#ffffff !important;
}
.skin-green-light .sidebar-menu>li>.treeview-menu {
    margin: 0 1px;
    background: rgb(255, 255, 255) !important;
    padding-bottom: 2px;
}
/*side menu*/
.skin-green-light.sidebar-collapse .treeview span
{
    color: #ffffff;
	background-color:#069F64 !important;
}
.skin-green-light.sidebar-collapse .sidebar-menu span{
	color:#ffffff;
	background-color: #069F64 !important;
}
.skin-green-light.sidebar-collapse .treeview li
{
    color: #069F64 !important;
	background-color: #f9fafc !important;
}
.skin-green-light.sidebar-collapse .sidebar-menu>li>.treeview-menu{
	background-color: #f9fafc !important;
}
/*right side menu*/
.skin-green-light .control-sidebar-dark, .skin-green-light .control-sidebar-dark+.skin-green-light .control-sidebar-bg {
    
         background: linear-gradient(rgba(0,166,90,0.7),rgba(0,166,90,15));
}
.skin-green-light .control-sidebar-dark .skin-green-light .nav-tabs.control-sidebar-tabs {
    border-bottom: #09834e;
    outline: none;
}
.skin-green-light .control-sidebar-dark .nav-tabs.control-sidebar-tabs>li.active>a, .skin-green-light .control-sidebar-dark .nav-tabs.control-sidebar-tabs>li.active>a:hover, .skin-green-light .control-sidebar-dark .nav-tabs.control-sidebar-tabs>li.active>a:focus, .skin-green-light .control-sidebar-dark .nav-tabs.control-sidebar-tabs>li.active>a:active
{
    background: #09834e;
    color: #fff;
}
.skin-green-light .control-sidebar-dark, .skin-green-light .control-sidebar-dark+.control-sidebar-bg{
    background-color: #00a55b  !important;
}
/*right side menu*/

/* nav bar setting icon bg hover color none*/
.skin-green-light .main-header .navbar .nav .open>a, .skin-green-light .main-header .navbar .nav .open>a:focus, .skin-green-light .main-header .navbar .nav .open>a:hover, .skin-green-light .main-header .navbar .nav>.active>a, .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>li>a:hover {
    background: rgba(0,0,0,.0) !important;
    color: #f6f6f6;
}
/* nav bar setting icon bg hover color none*/

/* SKIN green LIGHT */

/* SKIN red LIGHT */
.skin-red-light .layout_bg_color
{
    background-color: #C54E45;
}
.skin-red-light .layout_text_color
{
    color: #C54E45;
}
.skin-red-light .layout_bg_img_color
{
    background-position: center;
    background-repeat: no-repeat;
    background: linear-gradient(rgba(221,75,57,0.9),rgba(221,75,57,0.5)),url(../../../assets/theme1/images/bg_bgimg.jpg)no-repeat;
    background-size: 100% 300px;
    min-height: 150px;
}
.skin-red-light .save_btn:active,.skin-red-light .save_btn:hover,.skin-red-light .save_btn:focus{
    color:white;
    outline: none!important;
}
.skin-red-light .main-header li.user-header {
    background-color: #C54E45 !important;
}
.skin-red-light .save_send_btn:active,.skin-red-light .save_send_btn:hover,.skin-red-light .save_send_btn:focus{
    color:white;
    outline: none!important;
}
.skin-red-light .btn-success:hover,.skin-red-light .btn-success:active,.skin-red-light .btn-success.hover {
    background-color: #C54E45;
}
.skin-red-light .mui-btn--primary:hover,.skin-red-light .mui-btn--primary:focus,.skin-red-light .mui-btn--primary:active {
   background-color: #C54E45;
}
.skin-red-light .btn-default:hover,.skin-red-light .btn-default:active,.skin-red-light .btn-default.hover {
    background-color: #C54E45;
    color: #ffffff !important;
}
.skin-red-light .sidebar-menu>li>.treeview-menu {
    margin: 0 1px;
    background: rgb(255, 255, 255) !important;
    padding-bottom: 2px;
}
/*side menu*/
.skin-red-light.sidebar-collapse .treeview span
{
    color: #ffffff;
	background-color:#C54E45 !important;
}
.skin-red-light.sidebar-collapse .sidebar-menu span{
	color:#ffffff;
	background-color: #C54E45 !important;
}
.skin-red-light.sidebar-collapse .treeview li
{
    color: #C54E45 !important;
	background-color: #f9fafc !important;
}
.skin-red-light.sidebar-collapse .sidebar-menu>li>.treeview-menu{
	background-color: #f9fafc !important;
}
/*right side menu*/
.skin-red-light .control-sidebar-dark, .skin-red-light .control-sidebar-dark+.skin-red-light .control-sidebar-bg {
    
         background: linear-gradient(rgba(221,75,57,0.7),rgba(221,75,57,15));
}
.skin-red-light .control-sidebar-dark .skin-red-light .nav-tabs.control-sidebar-tabs {
    border-bottom: #a84237;
    outline: none;
}
.skin-red-light .control-sidebar-dark .nav-tabs.control-sidebar-tabs>li.active>a, .skin-red-light .control-sidebar-dark .nav-tabs.control-sidebar-tabs>li.active>a:hover, .skin-red-light .control-sidebar-dark .nav-tabs.control-sidebar-tabs>li.active>a:focus, .skin-red-light .control-sidebar-dark .nav-tabs.control-sidebar-tabs>li.active>a:active
{
    background: #a84237;
    color: #fff;
}
.skin-red-light .control-sidebar-dark, .skin-red-light .control-sidebar-dark+.control-sidebar-bg{
    background-color: #dd4b39  !important;
}
/*right side menu*/

/* nav bar setting icon bg hover color none*/
.skin-red-light .main-header .navbar .nav .open>a, .skin-red-light .main-header .navbar .nav .open>a:focus, .skin-red-light .main-header .navbar .nav .open>a:hover, .skin-red-light .main-header .navbar .nav>.active>a, .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>li>a:hover {
    background: rgba(0,0,0,.0)!important;
    color: #f6f6f6;
}
/* nav bar setting icon bg hover color none*/

/* SKIN red LIGHT */

/* SKIN yellow LIGHT */
.skin-yellow-light .layout_bg_color
{
    background-color: #D89622;
}
.skin-yellow-light .layout_text_color
{
    color: #D89622;
}
.skin-yellow-light .layout_bg_img_color
{
    background-position: center;
    background-repeat: no-repeat;
    background: linear-gradient(rgba(243,156,18,0.9),rgba(243,156,18,0.5)),url(../../../assets/theme1/images/bg_bgimg.jpg)no-repeat;
    background-size: 100% 300px;
    min-height: 150px;
}
.skin-yellow-light .save_btn:active,.skin-yellow-light .save_btn:hover,.skin-yellow-light .save_btn:focus{
    color:white;
    outline: none!important;
}
.skin-yellow-light .save_send_btn:active,.skin-yellow-light .save_send_btn:hover,.skin-yellow-light .save_send_btn:focus{
    color:white;
    outline: none!important;
}

.skin-yellow-light .main-header li.user-header {
    background-color: #D89622 !important;
}
.skin-yellow-light .btn-success:hover,.skin-yellow-light .btn-success:active,.skin-yellow-light .btn-success.hover {
    background-color: #D89622;
}
.skin-yellow-light .mui-btn--primary:hover,.skin-yellow-light .mui-btn--primary:focus,.skin-yellow-light .mui-btn--primary:active {
   background-color: #D89622;
}
.skin-yellow-light .btn-default:hover,.skin-yellow-light .btn-default:active,.skin-yellow-light .btn-default.hover {
    background-color: #D89622;
    color:#ffffff !important;
}
.skin-yellow-light .sidebar-menu>li>.treeview-menu {
    margin: 0 1px;
    background: rgb(255, 255, 255) !important;
    padding-bottom: 2px;
}
/*side menu*/
.skin-yellow-light.sidebar-collapse .treeview span
{
    color: #ffffff;
	background-color:#D89622 !important;
}
.skin-yellow-light.sidebar-collapse .sidebar-menu span{
	color:#ffffff;
	background-color: #D89622 !important;
}
.skin-yellow-light.sidebar-collapse .treeview li
{
    color: #D89622 !important;
	background-color: #f9fafc !important;
}
.skin-yellow-light.sidebar-collapse .sidebar-menu>li>.treeview-menu{
	background-color: #f9fafc !important;
}
/*right side menu*/
.skin-yellow-light .control-sidebar-dark, .skin-yellow-light .control-sidebar-dark+.skin-yellow-light .control-sidebar-bg {
    
         background: linear-gradient(rgba(243,156,18,0.7),rgba(243,156,18,15));
}
.skin-yellow-light .control-sidebar-dark .skin-yellow-light .nav-tabs.control-sidebar-tabs {
    border-bottom: #b87c1b;
    outline: none;
}
.skin-yellow-light .control-sidebar-dark .nav-tabs.control-sidebar-tabs>li.active>a, .skin-yellow-light .control-sidebar-dark .nav-tabs.control-sidebar-tabs>li.active>a:hover, .skin-yellow-light .control-sidebar-dark .nav-tabs.control-sidebar-tabs>li.active>a:focus, .skin-yellow-light .control-sidebar-dark .nav-tabs.control-sidebar-tabs>li.active>a:active
{
    background: #b87c1b;
    color: #fff;
}
.skin-yellow-light .control-sidebar-dark, .skin-yellow-light .control-sidebar-dark+.control-sidebar-bg{
    background-color: #f39b12  !important;
}
/*right side menu*/

/* nav bar setting icon bg hover color none*/
.skin-yellow-light .main-header .navbar .nav .open>a, .skin-yellow-light .main-header .navbar .nav .open>a:focus, .skin-yellow-light .main-header .navbar .nav .open>a:hover, .skin-yellow-light .main-header .navbar .nav>.active>a, .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>li>a:hover {
    background: rgba(0,0,0,.0) !important;
    color: #f6f6f6;
}
/* nav bar setting icon bg hover color none*/

/* SKIN yellow LIGHT */
.input-group label.error
{
    color: red;
}



/* Pagenation */

.skin-blue .pagination>.active>a, 
.skin-blue .pagination>.active>a:focus, 
.skin-blue .pagination>.active>a:hover, 
.skin-blue .pagination>.active>span, 
.skin-blue .pagination>.active>span:focus, 
.skin-blue .pagination>.active>span:hover{
	background-color: #21A18F !important;
}

.skin-black .pagination>.active>a, 
.skin-black .pagination>.active>a:focus, 
.skin-black .pagination>.active>a:hover, 
.skin-black .pagination>.active>span, 
.skin-black .pagination>.active>span:focus, 
.skin-black .pagination>.active>span:hover{
	background-color: #10a9f5 !important;
}

.skin-red .pagination>.active>a, 
.skin-red .pagination>.active>a:focus, 
.skin-red .pagination>.active>a:hover, 
.skin-red .pagination>.active>span, 
.skin-red .pagination>.active>span:focus, 
.skin-red .pagination>.active>span:hover{
	 background-color: #C54E45!important;;
}






.skin-purple .pagination>.active>a, 
.skin-purple .pagination>.active>a:focus, 
.skin-purple .pagination>.active>a:hover, 
.skin-purple .pagination>.active>span, 
.skin-purple .pagination>.active>span:focus, 
.skin-purple .pagination>.active>span:hover{
	 background-color: #5A5FA8 !important;
}

.skin-green .pagination>.active>a, 
.skin-green  .pagination>.active>a:focus, 
.skin-green  .pagination>.active>a:hover, 
.skin-green  .pagination>.active>span, 
.skin-green  .pagination>.active>span:focus, 
.skin-green .pagination>.active>span:hover{
	 background-color: #069F64 !important;
}

.skin-yellow	.pagination>.active>a, 
.skin-yellow   .pagination>.active>a:focus, 
.skin-yellow    .pagination>.active>a:hover, 
.skin-yellow    .pagination>.active>span, 
.skin-yellow    .pagination>.active>span:focus, 
.skin-yellow    .pagination>.active>span:hover{
	 background-color: #D89622 !important;
}

.skin-blue-light	.pagination>.active>a, 
.skin-blue-light  .pagination>.active>a:focus, 
.skin-blue-light   .pagination>.active>a:hover, 
.skin-blue-light    .pagination>.active>span, 
.skin-blue-light   .pagination>.active>span:focus, 
.skin-blue-light   .pagination>.active>span:hover{
	 background-color: #0346AF !important;
}

.skin-black-light	.pagination>.active>a, 
.skin-black-light  .pagination>.active>a:focus, 
.skin-black-light   .pagination>.active>a:hover, 
.skin-black-light   .pagination>.active>span, 
.skin-black-light  .pagination>.active>span:focus, 
.skin-black-light  .pagination>.active>span:hover{
	 background-color: #CCCCCC!important;
}

.skin-purple-light	.pagination>.active>a, 
.skin-purple-light .pagination>.active>a:focus, 
.skin-purple-light  .pagination>.active>a:hover, 
.skin-purple-light   .pagination>.active>span, 
.skin-purple-light  .pagination>.active>span:focus, 
.skin-purple-light  .pagination>.active>span:hover{
	background-color: #5A5FA8 !important;
}

.skin-green-light	.pagination>.active>a, 
.skin-green-light 	.pagination>.active>a:focus, 
.skin-green-light  	.pagination>.active>a:hover, 
.skin-green-light  	.pagination>.active>span, 
.skin-green-light 	.pagination>.active>span:focus, 
.skin-green-light 	.pagination>.active>span:hover{
	background-color: #069F64 !important;
}


.skin-red-light 	.pagination>.active>a, 
.skin-red-light  	.pagination>.active>a:focus, 
.skin-red-light  	.pagination>.active>a:hover, 
.skin-red-light   	.pagination>.active>span, 
.skin-red-light  	.pagination>.active>span:focus, 
.skin-red-light  	.pagination>.active>span:hover{
	   background-color: #C54E45 !important;
}

.skin-yellow-light  	.pagination>.active>a, 
.skin-yellow-light  	.pagination>.active>a:focus, 
.skin-yellow-light   	.pagination>.active>a:hover, 
.skin-yellow-light    	.pagination>.active>span, 
.skin-yellow-light  	.pagination>.active>span:focus, 
.skin-yellow-light  	.pagination>.active>span:hover{
	  background-color: #D89622 !important;
}