.sidebar .menu .list .header{
  border-bottom:1px solid #fff;
}


.theme-red .navbar {
  background-color: #DC143C; }

.theme-red .right-sidebar {
   box-shadow: 2px 0px 6px #DC143C;
}
.theme-red .sidebar {
   box-shadow: 2px 0px 6px #DC143C;
}

.theme-red .navbar-brand {
  color: #fff; }
  .theme-red .navbar-brand:hover {
    color: #fff; }
  .theme-red .navbar-brand:active {
    color: #fff; }
  .theme-red .navbar-brand:focus {
    color: #fff; }

.theme-red .nav > li > a {
  color: #fff; }
  .theme-red .nav > li > a:hover {
    background-color: transparent; }
  .theme-red .nav > li > a:focus {
    background-color: transparent; }

.theme-red .nav .open > a {
  background-color: transparent; }
  .theme-red .nav .open > a:hover {
    background-color: transparent; }
  .theme-red .nav .open > a:focus {
    background-color: transparent; }

.theme-red .bars {
  color: #fff; }

.theme-red .sidebar .menu .list li.active {
  background-color: transparent; }
  .theme-red .sidebar .menu .list li.active > :first-child i, .theme-red .sidebar .menu .list li.active > :first-child span {
     color: #DC143C ; }
.theme-red .sidebar .menu .list a:hover {
        color:  white ;
        background-color: #DC143C ;
        text-color:white;
        position: relative;
        display: inline-flex;
        vertical-align: middle;
       /* width: 100%;*/
  /*      padding: 4px 13px;*/

       }

.theme-red .sidebar .menu .list .ml-menu li a {
   padding-left: 31px;
padding-top: 3px;
padding-bottom: 0px;
border-bottom: 1px solid #d2d2d2;
color: #41344d;
background-color: #e7e0e299;
}

.theme-red .sidebar .menu .list .toggled {
  background-color: transparent; }

.theme-red .sidebar .menu .list .ml-menu {
  background-color: transparent;
  color:black;

  }

.theme-red .sidebar .legal {
  background-color:#fff; }
  .theme-red .sidebar .legal .copyright a {
    color: #DC143C !important;
	font-size: 9px;
	
	 }

.theme-red .sidebar .menu .list .header{
   background-color: #DC143C;
   color:white;
}
.theme-red table thead{
  background:#DC143C; color:#fff; font-size:13px;
} 
.theme-red .dtp div.dtp-date, .dtp div.dtp-time {
    background: #DC143C;
    text-align: center;
    color: #fff;
    padding: 10px;}
.theme-red .dtp  .dtp-content  .dtp-date-view  header.dtp-header{
   background: #DC143C;
color: #fff;
text-align: center;
padding: 0.3em;
}
.theme-red .dtp table.dtp-picker-days tr > td > a.selected{
  background: #DC143C;
color: #fff;  

}
.theme-red #iw-container .iw-title{
   background-color: #DC143C;
}

.theme-red .btn-primary, .btn-primary:hover, .btn-primary:active, .btn-primary:focus {
    background-color: #DC143C !important
}
.theme-red .switch label input[type="checkbox"]:checked + .lever {
    background-color: #DC143C;
}
.theme-red .switch label input[type="checkbox"]:checked + .lever::after {
    background-color: #DC143C;
    left: 24px;
}


.modal{
  top: 11%;
   width: 90%;
  left: 5%;
 height: 90%;  
}
.theme-red .modal .modal-header  {
   background-color: #DC143C;
   color:white;
}
.theme-red .modal .modal-footer  {
   background-color: #DC143C;
   color:white;
}
.theme-pink .right-sidebar {
   box-shadow: 2px 0px 6px #E91E63;
}
.theme-pink .sidebar {
   box-shadow: 2px 0px 6px #E91E63;
}
.theme-pink .navbar {
  background-color: #E91E63; }

.theme-pink .navbar-brand {
  color: #fff; }
  .theme-pink .navbar-brand:hover {
    color: #fff; }
  .theme-pink .navbar-brand:active {
    color: #fff; }
  .theme-pink .navbar-brand:focus {
    color: #fff; }

.theme-pink .nav > li > a {
  color: #fff; }
  .theme-pink .nav > li > a:hover {
    background-color: transparent; }
  .theme-pink .nav > li > a:focus {
    background-color: transparent; }

.theme-pink .nav .open > a {
  background-color: transparent; }
  .theme-pink .nav .open > a:hover {
    background-color: transparent; }
  .theme-pink .nav .open > a:focus {
    background-color: transparent; }

.theme-pink .bars {
  color: #fff; }

.theme-pink .sidebar .menu .list li.active {
  background-color: transparent; }
  .theme-pink .sidebar .menu .list li.active > :first-child i, .theme-pink .sidebar .menu .list li.active > :first-child span {
    color: #E91E63; }
.theme-pink .sidebar .menu .list a:hover {
        color:  white ;
        background-color: #E91E63 ;
        text-color:white;
        position: relative;
        display: inline-flex;
        vertical-align: middle;

       }

.theme-pink .sidebar .menu .list .toggled {
  background-color: transparent; }

.theme-pink .sidebar .menu .list .ml-menu {
   background-color: transparent;
  color:black;

  }

.theme-pink .sidebar .legal {
  background-color: #fff; }
  .theme-pink .sidebar .legal .copyright a {
    color: #E91E63 !important; }

.theme-pink .sidebar .menu .list .header{
   background-color: #E91E63;
   color:white;
   
}

.theme-pink table thead{
  background:#E91E63; color:#fff; font-size:13px;
} 

.theme-pink .dtp div.dtp-date, .dtp div.dtp-time {
    background: #E91E63;
    text-align: center;
    color: #fff;
    padding: 10px;}
.theme-pink .dtp  .dtp-content  .dtp-date-view  header.dtp-header{
   background: #E91E63;
color: #fff;
text-align: center;
padding: 0.3em;
}
.theme-pink .dtp table.dtp-picker-days tr > td > a.selected{
  background: #E91E63;
color: #fff;

}
.theme-pink #iw-container .iw-title{
   background-color: #E91E63;
}

.theme-pink .btn-primary, .btn-primary:hover, .btn-primary:active, .btn-primary:focus {
    background-color:  #E91E63 !important
}


.theme-pink .switch label input[type="checkbox"]:checked + .lever {
    background-color:  #E91E63;
}
.theme-pink .switch label input[type="checkbox"]:checked + .lever::after {
    background-color: #E91E63;
    left: 24px;
}

.theme-pink .modal .modal-header  {
   background-color: #E91E63;
   color:white;
}
.theme-ping .modal .modal-footer  {
   background-color: #E91E63;
   color:white;
}


.theme-purple .navbar {
  background-color: #9C27B0; }

.theme-purple .right-sidebar {
   box-shadow: 2px 0px 6px #9C27B0;
}
.theme-purple .sidebar {
   box-shadow: 2px 0px 6px #9C27B0;
}
.theme-purple .navbar-brand {
  color: #fff; }
  .theme-purple .navbar-brand:hover {
    color: #fff; }
  .theme-purple .navbar-brand:active {
    color: #fff; }
  .theme-purple .navbar-brand:focus {
    color: #fff; }

.theme-purple .nav > li > a {
  color: #fff; }
  .theme-purple .nav > li > a:hover {
    background-color: transparent; }
  .theme-purple .nav > li > a:focus {
    background-color: transparent; }

.theme-purple .nav .open > a {
  background-color: transparent; }
  .theme-purple .nav .open > a:hover {
    background-color: transparent; }
  .theme-purple .nav .open > a:focus {
    background-color: transparent; }

.theme-purple .bars {
  color: #fff; }

.theme-purple .sidebar .menu .list li.active {
  background-color: transparent; }
  .theme-purple .sidebar .menu .list li.active > :first-child i, .theme-purple .sidebar .menu .list li.active > :first-child span {
    color: #9C27B0; }

.theme-purple .sidebar .menu .list a:hover {
        color:  white ;
        background-color: #9C27B0 ;
        text-color:white;
        position: relative;
        display: inline-flex;
        vertical-align: middle;

       }


.theme-purple .sidebar .menu .list .toggled {
  background-color: transparent; }

.theme-purple .sidebar .menu .list .ml-menu {
   background-color: transparent;
  color:black;
 }

.theme-purple .sidebar .legal {
  background-color: #fff; }
  .theme-purple .sidebar .legal .copyright a {
    color: #9C27B0 !important; }
.theme-purple .sidebar .menu .list .header{
   background-color: #9C27B0;;
   color:white;
}
.theme-purple table thead{
  background:#9C27B0; color:#fff; font-size:13px;
}

.theme-purple table thead{
  background:#9C27B0; color:#fff; font-size:12px;
}

.theme-purple .dtp div.dtp-date, .dtp div.dtp-time {
    background: #9C27B0;
    text-align: center;
    color: #fff;
    padding: 10px;}
.theme-purple .dtp  .dtp-content  .dtp-date-view  header.dtp-header{
   background: #9C27B0;
color: #fff;
text-align: center;
padding: 0.3em; 
}   
.theme-purple .dtp table.dtp-picker-days tr > td > a.selected{
  background: #9C27B0;
color: #fff;

}

.theme-purple #iw-container .iw-title{
   background-color: #9C27B0;
}


.theme-purple .btn-primary, .btn-primary:hover, .btn-primary:active, .btn-primary:focus {
    background-color:  #9C27B0 !important
}
.theme-purple .switch label input[type="checkbox"]:checked + .lever {
    background-color:  #9C27B0;
}
.theme-purple .switch label input[type="checkbox"]:checked + .lever::after {
    background-color: #9C27B0;
    left: 24px;
}

.theme-purple .modal .modal-header  {
   background-color: #9C27B0;
   color:white;
}
.theme-purple .modal .modal-footer  {
   background-color: #9C27B0;
   color:white;
}


.theme-deep-purple .right-sidebar {
   box-shadow: 2px 0px 6px #673AB7;
}
.theme-deep-purple .sidebar {
   box-shadow: 2px 0px 6px #673AB7;
}
.theme-deep-purple .navbar {
  background-color: #673AB7; }

.theme-deep-purple .navbar-brand {
  color: #fff; }
  .theme-deep-purple .navbar-brand:hover {
    color: #fff; }
  .theme-deep-purple .navbar-brand:active {
    color: #fff; }
  .theme-deep-purple .navbar-brand:focus {
    color: #fff; }

.theme-deep-purple .nav > li > a {
  color: #fff; }
  .theme-deep-purple .nav > li > a:hover {
    background-color: transparent; }
  .theme-deep-purple .nav > li > a:focus {
    background-color: transparent; }

.theme-deep-purple .nav .open > a {
  background-color: transparent; }
  .theme-deep-purple .nav .open > a:hover {
    background-color: transparent; }
  .theme-deep-purple .nav .open > a:focus {
    background-color: transparent; }

.theme-deep-purple .bars {
  color: #fff; }

.theme-deep-purple .sidebar .menu .list li.active {
  background-color: transparent; }
  .theme-deep-purple .sidebar .menu .list li.active > :first-child i, .theme-deep-purple .sidebar .menu .list li.active > :first-child span {
    color: #673AB7; }

.theme-deep-purple .sidebar .menu .list a:hover {
        color:  white ;
        background-color:#673AB7 ;
        text-color:white;
        position: relative;
        display: inline-flex;
        vertical-align: middle;

       }
.theme-deep-purple .sidebar .menu .list .toggled {
  background-color: transparent; }

.theme-deep-purple .sidebar .menu .list .ml-menu {
    background-color: transparent;
  color:black;
 }

.theme-deep-purple .sidebar .legal {
  background-color: #fff; }
  .theme-deep-purple .sidebar .legal .copyright a {
    color: #673AB7 !important; }

.theme-deep-purple .sidebar .menu .list .header{
   background-color: #673AB7;
   color:white;
}
.theme-deep-purple table thead{
  background:#673AB7; color:#fff; font-size:13px;
}
.theme-deep-purple .dtp div.dtp-date, .dtp div.dtp-time {
    background: #673AB7;
    text-align: center;
    color: #fff; 
    padding: 10px;}
.theme-deep-purple .dtp  .dtp-content  .dtp-date-view  header.dtp-header{
   background: #673AB7;
color: #fff;
text-align: center;
padding: 0.3em; 
}   
.theme-deep-purple .dtp table.dtp-picker-days tr > td > a.selected{
  background:#673AB7;
color: #fff;

}

.theme-deep-purple #iw-container .iw-title{
   background-color: #673AB7;
}

.theme-deep-purple .btn-primary, .btn-primary:hover, .btn-primary:active, .btn-primary:focus {
    background-color:  #673AB7 !important
}
.theme-deep-purple .switch label input[type="checkbox"]:checked + .lever {
    background-color:  #673AB7;
}
.theme-deep-purple .switch label input[type="checkbox"]:checked + .lever::after {
    background-color: #673AB7;
    left: 24px;
}

.theme-deep-purple .modal .modal-header  {
   background-color: #673AB7;
   color:white;
}
.theme-deep-purple .modal .modal-footer  {
   background-color: #673AB7;
   color:white;
}



.theme-indigo .navbar {
  background-color: #3F51B5; }

.theme-indigo .right-sidebar {
   box-shadow: 2px 0px 6px #3F51B5;
}
.theme-indigo .sidebar {
   box-shadow: 2px 0px 6px #3F51B5;
}
.theme-indigo .navbar-brand {
  color: #fff; }
  .theme-indigo .navbar-brand:hover {
    color: #fff; }
  .theme-indigo .navbar-brand:active {
    color: #fff; }
  .theme-indigo .navbar-brand:focus {
    color: #fff; }

.theme-indigo .nav > li > a {
  color: #fff; }
  .theme-indigo .nav > li > a:hover {
    background-color: transparent; }
  .theme-indigo .nav > li > a:focus {
    background-color: transparent; }

.theme-indigo .nav .open > a {
  background-color: transparent; }
  .theme-indigo .nav .open > a:hover {
    background-color: transparent; }
  .theme-indigo .nav .open > a:focus {
    background-color: transparent; }

.theme-indigo .bars {
  color: #fff; }

.theme-indigo .sidebar .menu .list li.active {
  background-color: transparent; }
  .theme-indigo .sidebar .menu .list li.active > :first-child i, .theme-indigo .sidebar .menu .list li.active > :first-child span {
    color: #3F51B5; }
.theme-indigo .sidebar .menu .list a:hover {
        color:  white ;
        background-color:#3F51B5 ;
        text-color:white;
        position: relative;
        display: inline-flex;
        vertical-align: middle;

       }


.theme-indigo .sidebar .menu .list .toggled {
  background-color: transparent; }

.theme-indigo .sidebar .menu .list .ml-menu {
      background-color: transparent;
  color:black;
  }

.theme-indigo .sidebar .legal {
  background-color: #fff; }
  .theme-indigo .sidebar .legal .copyright a {
    color: #3F51B5 !important; }

.theme-indigo .sidebar .menu .list .header{
   background-color: #3F51B5;
   color:white;
}
 .theme-indigo table thead{
  background:#3F51B5; color:#fff; font-size:13px;
}

.theme-indigo .dtp div.dtp-date, .dtp div.dtp-time {
    background: #3F51B5;
    text-align: center;
    color: #fff;
    padding: 10px;}
.theme-indigo .dtp  .dtp-content  .dtp-date-view  header.dtp-header{
   background: #3F51B5;
color: #fff;
text-align: center;
padding: 0.3em;
}
.theme-indigo .dtp table.dtp-picker-days tr > td > a.selected{
  background:#3F51B5;
color: #fff;

}
  .theme-indigo #iw-container .iw-title{
   background-color: #3F51B5;
}

.theme-indigo .btn-primary, .btn-primary:hover, .btn-primary:active, .btn-primary:focus {
    background-color:  #3F51B5 !important
}
.theme-indigo .switch label input[type="checkbox"]:checked + .lever {
    background-color:  #3F51B5;
}

.theme-indigo .switch label input[type="checkbox"]:checked + .lever::after {
    background-color: #3F51B5;
    left: 24px;
}


.theme-indigo .modal .modal-header  {
   background-color: #3F51B5;
   color:white;
}
.theme-indigo .modal .modal-footer  {
   background-color: #3F51B5;
   color:white;
}


.theme-blue .navbar {
  background-color: #2196F3; }


.theme-blue .right-sidebar {
   box-shadow: 2px 0px 6px #2196F3;
}
.theme-blue .sidebar {
   box-shadow: 2px 0px 6px #2196F3;
}

.theme-blue .navbar-brand {
  color: #fff; }
  .theme-blue .navbar-brand:hover {
    color: #fff; }
  .theme-blue .navbar-brand:active {
    color: #fff; }
  .theme-blue .navbar-brand:focus {
    color: #fff; }

.theme-blue .nav > li > a {
  color: #fff; }
  .theme-blue .nav > li > a:hover {
    background-color: transparent; }
  .theme-blue .nav > li > a:focus {
    background-color: transparent; }

.theme-blue .nav .open > a {
  background-color: transparent; }
  .theme-blue .nav .open > a:hover {
    background-color: transparent; }
  .theme-blue .nav .open > a:focus {
    background-color: transparent; }

.theme-blue .bars {
  color: #fff; }

.theme-blue .sidebar .menu .list li.active {
  background-color: transparent; }
  .theme-blue .sidebar .menu .list li.active > :first-child i, .theme-blue .sidebar .menu .list li.active > :first-child span {
    color: #2196F3; }
.theme-blue .sidebar .menu .list a:hover {
        color:  white ;
        background-color:#2196F3 ;
        text-color:white;
        position: relative;
        display: inline-flex;
        vertical-align: middle;

       }


.theme-blue .sidebar .menu .list .toggled {
  background-color: transparent; }

.theme-blue .sidebar .menu .list .ml-menu {
    background-color: transparent;
  color:black;
 }

.theme-blue .sidebar .legal {
  background-color: #fff; }
  .theme-blue .sidebar .legal .copyright a {
    color: #2196F3 !important; }

.theme-blue .sidebar .menu .list .header{
   background-color: #2196F3;
   color:white;
}
.theme-blue table thead{
  background:#2196F3; color:#fff; font-size:13px;
}

.theme-blue .dtp div.dtp-date, .dtp div.dtp-time {
    background:#2196F3;
    text-align: center;
    color: #fff;
    padding: 10px;}
.theme-blue .dtp  .dtp-content  .dtp-date-view  header.dtp-header{
   background:#2196F3;
color: #fff;
text-align: center;
padding: 0.3em;
}   
.theme-blue .dtp table.dtp-picker-days tr > td > a.selected{
  background:#2196F3;
color: #fff;

}

.theme-blue #iw-container .iw-title{
   background-color: #2196F3;
}

.theme-blue .btn-primary, .btn-primary:hover, .btn-primary:active, .btn-primary:focus {
    background-color:  #2196F3 !important
}
.theme-blue .switch label input[type="checkbox"]:checked + .lever {
    background-color:  #2196F3;
}
.theme-blue .switch label input[type="checkbox"]:checked + .lever::after {
    background-color: #2196F3;
    left: 24px;
}


.theme-blue .modal .modal-header  {
   background-color: #2196F3;
   color:white;
}
.theme-blue .modal .modal-footer  {
   background-color: #2196F3;
   color:white;
}

.theme-light-blue .navbar {
  background-color: #03A9F4; }

.theme-light-blue .right-sidebar {
   box-shadow: 2px 0px 6px #03A9F4;
}
.theme-light-blue .sidebar {
   box-shadow: 2px 0px 6px #03A9F4;
}

.theme-light-blue .navbar-brand {
  color: #fff; }
  .theme-light-blue .navbar-brand:hover {
    color: #fff; }
  .theme-light-blue .navbar-brand:active {
    color: #fff; }
  .theme-light-blue .navbar-brand:focus {
    color: #fff; }

.theme-light-blue .nav > li > a {
  color: #fff; }
  .theme-light-blue .nav > li > a:hover {
    background-color: transparent; }
  .theme-light-blue .nav > li > a:focus {
    background-color: transparent; }

.theme-light-blue .nav .open > a {
  background-color: transparent; }
  .theme-light-blue .nav .open > a:hover {
    background-color: transparent; }
  .theme-light-blue .nav .open > a:focus {
    background-color: transparent; }

.theme-light-blue .bars {
  color: #fff; }

.theme-light-blue .sidebar .menu .list li.active {
  background-color: transparent; }
  .theme-light-blue .sidebar .menu .list li.active > :first-child i, .theme-light-blue .sidebar .menu .list li.active > :first-child span {
    color: #03A9F4; }

.theme-light-blue .sidebar .menu .list a:hover {
        color:  white ;
        background-color:#03A9F4 ;
        text-color:white;
        position: relative;
        display: inline-flex;
        vertical-align: middle;

       }

.theme-light-blue .sidebar .menu .list .toggled {
  background-color: transparent; }

.theme-light-blue .sidebar .menu .list .ml-menu {
  background-color: transparent;
  color:black;
}

.theme-light-blue .sidebar .legal {
  background-color: #fff; }
  .theme-light-blue .sidebar .legal .copyright a {
    color: #03A9F4 !important; }
.theme-light-blue .sidebar .menu .list .header{
   background-color: #03A9F4;
   color:white;
}
.theme-light-blue table thead{
  background:#03A9F4; color:#fff; font-size:13px;
}
.theme-light-blue .dtp div.dtp-date, .dtp div.dtp-time {
    background:#03A9F4;
    text-align: center;
    color: #fff;
    padding: 10px;} 
.theme-light-blue .dtp  .dtp-content  .dtp-date-view  header.dtp-header{
   background:#03A9F4;
color: #fff;
text-align: center; 
padding: 0.3em;
}   
.theme-light-blue .dtp table.dtp-picker-days tr > td > a.selected{
  background:#03A9F4;
color: #fff;

}
.theme-light-blue #iw-container .iw-title{
   background-color: #03A9F4;
}


.theme-light-blue .btn-primary, .btn-primary:hover, .btn-primary:active, .btn-primary:focus {
    background-color:  #03A9F4 !important
}
.theme-light-blue .switch label input[type="checkbox"]:checked + .lever {
    background-color:  #03A9F4;
}
.theme-light-blue .switch label input[type="checkbox"]:checked + .lever::after {
    background-color: #03A9F4;
    left: 24px;
}

.theme-light-blue .modal .modal-header  {
   background-color: #03A9F4;
   color:white;
}
.theme-light-blue .modal .modal-footer  {
   background-color: #03A9F4;
   color:white;
}





.theme-cyan .navbar {
  background-color: #00BCD4; }

.theme-cyan .right-sidebar {
   box-shadow: 2px 0px 6px #00BCD4;
}
.theme-cyan .sidebar {
   box-shadow: 2px 0px 6px #00BCD4;
}

.theme-cyan .navbar-brand {
  color: #fff; }
  .theme-cyan .navbar-brand:hover {
    color: #fff; }
  .theme-cyan .navbar-brand:active {
    color: #fff; }
  .theme-cyan .navbar-brand:focus {
    color: #fff; }

.theme-cyan .nav > li > a {
  color: #fff; }
  .theme-cyan .nav > li > a:hover {
    background-color: transparent; }
  .theme-cyan .nav > li > a:focus {
    background-color: transparent; }

.theme-cyan .nav .open > a {
  background-color: transparent; }
  .theme-cyan .nav .open > a:hover {
    background-color: transparent; }
  .theme-cyan .nav .open > a:focus {
    background-color: transparent; }

.theme-cyan .bars {
  color: #fff; }

.theme-cyan .sidebar .menu .list li.active {
  background-color: transparent; }
  .theme-cyan .sidebar .menu .list li.active > :first-child i, .theme-cyan .sidebar .menu .list li.active > :first-child span {
    color: #00BCD4; }

.theme-cyan .sidebar .menu .list a:hover {
        color:  white ;
        background-color:#00BCD4 ;
        text-color:white;
        position: relative;
        display: inline-flex;
        vertical-align: middle;

       }
.theme-cyan .sidebar .menu .list .toggled {
  background-color: transparent; }

.theme-cyan .sidebar .menu .list .ml-menu {
   background-color: transparent;
  color:black;
}

.theme-cyan .sidebar .legal {
  background-color: #fff; }
  .theme-cyan .sidebar .legal .copyright a {
    color: #00BCD4 !important; }
.theme-cyan .sidebar .menu .list .header{
   background-color: #00BCD4;
   color:white;
}
.theme-cyan table thead{
  background:#00BCD4; color:#fff; font-size:13px;
}

.theme-cyan .dtp div.dtp-date, .dtp div.dtp-time {
    background:#00BCD4;
    text-align: center;
    color: #fff;
    padding: 10px;}
.theme-cyan .dtp  .dtp-content  .dtp-date-view  header.dtp-header{
   background:#00BCD4;
color: #fff;
text-align: center;
padding: 0.3em;
}   
.theme-cyan .dtp table.dtp-picker-days tr > td > a.selected{
  background:#00BCD4;
color: #fff;

}
.theme-cyan #iw-container .iw-title{
   background-color: #00BCD4;
}

.theme-cyan .btn-primary, .btn-primary:hover, .btn-primary:active, .btn-primary:focus {
    background-color:  #00BCD4 !important
}
.theme-cyan .switch label input[type="checkbox"]:checked + .lever {
    background-color:  #00BCD4;
}
.theme-cyan .switch label input[type="checkbox"]:checked + .lever::after {
    background-color: #00BCD4;
    left: 24px;
}

.theme-cyan .modal .modal-header  {
   background-color: #00BCD4;
   color:white;
}
.theme-cyan .modal .modal-footer  {
   background-color: #00BCD4;
   color:white;
}



.theme-teal .navbar {
  background-color: #009688; }

.theme-teal .right-sidebar {
   box-shadow: 2px 0px 6px #009688;
}
.theme-teal .sidebar {
   box-shadow: 2px 0px 6px #009688;
}

.theme-teal .navbar-brand {
  color: #fff; }
  .theme-teal .navbar-brand:hover {
    color: #fff; }
  .theme-teal .navbar-brand:active {
    color: #fff; }
  .theme-teal .navbar-brand:focus {
    color: #fff; }

.theme-teal .nav > li > a {
  color: #fff; }
  .theme-teal .nav > li > a:hover {
    background-color: transparent; }
  .theme-teal .nav > li > a:focus {
    background-color: transparent; }

.theme-teal .nav .open > a {
  background-color: transparent; }
  .theme-teal .nav .open > a:hover {
    background-color: transparent; }
  .theme-teal .nav .open > a:focus {
    background-color: transparent; }

.theme-teal .bars {
  color: #fff; }

.theme-teal .sidebar .menu .list li.active {
  background-color: transparent; }
  .theme-teal .sidebar .menu .list li.active > :first-child i, .theme-teal .sidebar .menu .list li.active > :first-child span {
    color: #009688; }

.theme-teal .sidebar .menu .list a:hover {
        color:  white ;
        background-color:#009688 ;
        text-color:white;
        position: relative;
        display: inline-flex;
        vertical-align: middle;

       }
.theme-teal .sidebar .menu .list .toggled {
  background-color: transparent; }

.theme-teal .sidebar .menu .list .ml-menu {
    background-color: transparent;
  color:black;
 }

.theme-teal .sidebar .legal {
  background-color: #fff; }
  .theme-teal .sidebar .legal .copyright a {
    color: #009688 !important; }

.theme-teal .sidebar .menu .list .header{
   background-color: #009688;
   color:white;
}
.theme-teal table thead{
  background:#009688; color:#fff; font-size:13px;
}

.theme-teal .dtp div.dtp-date, .dtp div.dtp-time {
    background:#009688;
    text-align: center;
    color: #fff;
    padding: 10px;}
.theme-teal .dtp  .dtp-content  .dtp-date-view  header.dtp-header{
   background:#009688;
color: #fff;
text-align: center;
padding: 0.3em;
}
.theme-teal .dtp table.dtp-picker-days tr > td > a.selected{
  background:#009688;
color: #fff;

}

.theme-teal #iw-container .iw-title{
   background-color: #009688;
}
.theme-teal .btn-primary, .btn-primary:hover, .btn-primary:active, .btn-primary:focus {
    background-color:   #009688 !important
}
.theme-teal .switch label input[type="checkbox"]:checked + .lever {
    background-color:   #009688;
}
.theme-teal .switch label input[type="checkbox"]:checked + .lever::after {
    background-color: #009688;
    left: 24px;
}


.theme-teal .modal .modal-header  {
   background-color: #009688;
   color:white;
}
.theme-teal .modal .modal-footer  {
   background-color:#009688;
   color:white;
}


.theme-green .navbar {
  background-color: #4CAF50; }

.theme-green .right-sidebar {
   box-shadow: 2px 0px 6px #4CAF50;
}
.theme-green .sidebar {
   box-shadow: 2px 0px 6px #4CAF50;
}

.theme-green .navbar-brand {
  color: #fff; }
  .theme-green .navbar-brand:hover {
    color: #fff; }
  .theme-green .navbar-brand:active {
    color: #fff; }
  .theme-green .navbar-brand:focus {
    color: #fff; }

.theme-green .nav > li > a {
  color: #fff; }
  .theme-green .nav > li > a:hover {
    background-color: transparent; }
  .theme-green .nav > li > a:focus {
    background-color: transparent; }

.theme-green .nav .open > a {
  background-color: transparent; }
  .theme-green .nav .open > a:hover {
    background-color: transparent; }
  .theme-green .nav .open > a:focus {
    background-color: transparent; }

.theme-green .bars {
  color: #fff; }

.theme-green .sidebar .menu .list li.active {
  background-color: transparent; }
  .theme-green .sidebar .menu .list li.active > :first-child i, .theme-green .sidebar .menu .list li.active > :first-child span {
    color: #4CAF50; }
.theme-green .sidebar .menu .list a:hover {
        color:  white ;
        background-color:#4CAF50 ;
        text-color:white;
        position: relative;
        display: inline-flex;
        vertical-align: middle;

       }
.theme-green .sidebar .menu .list .toggled {
  background-color: transparent; }

.theme-green .sidebar .menu .list .ml-menu {
   background-color: transparent;
  color:black;
 }

.theme-green .sidebar .legal {
  background-color: #fff; }
  .theme-green .sidebar .legal .copyright a {
    color: #4CAF50 !important; }
.theme-green .sidebar .menu .list .header{
   background-color: #4CAF50;
   color:white;
}
.theme-green table thead{
  background:#4CAF50; color:#fff; font-size:13px;
}
.theme-green #iw-container .iw-title{
   background-color: #4CAF50;
}

.theme-green .btn-primary, .btn-primary:hover, .btn-primary:active, .btn-primary:focus {
    background-color: #4CAF50 !important
}
.theme-green .switch label input[type="checkbox"]:checked + .lever {
    background-color:  #4CAF50;
}
.theme-green .switch label input[type="checkbox"]:checked + .lever::after {
    background-color: #4CAF50;
    left: 24px;
}

.theme-green .modal .modal-header  {
   background-color:#4CAF50;
   color:white;
}
.theme-green .modal .modal-footer  {
   background-color: #4CAF50;
   color:white;
}


.theme-light-green .navbar {
  background-color: #8BC34A; }

.theme-light-green .right-sidebar {
   box-shadow: 2px 0px 6px #8BC34A;
} 
.theme-light-green .sidebar {
   box-shadow: 2px 0px 6px #8BC34A;
}

.theme-light-green .navbar-brand {
  color: #fff; }
  .theme-light-green .navbar-brand:hover {
    color: #fff; }
  .theme-light-green .navbar-brand:active {
    color: #fff; }
  .theme-light-green .navbar-brand:focus {
    color: #fff; }

.theme-light-green .nav > li > a {
  color: #fff; }
  .theme-light-green .nav > li > a:hover {
    background-color: transparent; }
  .theme-light-green .nav > li > a:focus {
    background-color: transparent; }

.theme-light-green .nav .open > a {
  background-color: transparent; }
  .theme-light-green .nav .open > a:hover {
    background-color: transparent; }
  .theme-light-green .nav .open > a:focus {
    background-color: transparent; }

.theme-light-green .bars {
  color: #fff; }

.theme-light-green .sidebar .menu .list li.active {
  background-color: transparent; }
  .theme-light-green .sidebar .menu .list li.active > :first-child i, .theme-light-green .sidebar .menu .list li.active > :first-child span {
    color: #8BC34A; }

  .theme-light-green .sidebar .menu .list a:hover {
        color:  white ;
        background-color:#8BC34A ;
        text-color:white;
        position: relative;
        display: inline-flex;
        vertical-align: middle;

       }

.theme-light-green .sidebar .menu .list .toggled {
  background-color: transparent; }

.theme-light-green .sidebar .menu .list .ml-menu {
   background-color: transparent;
  color:black;
 }

.theme-light-green .sidebar .legal {
  background-color: #fff; }
  .theme-light-green .sidebar .legal .copyright a {
    color: #8BC34A !important; }

.theme-light-green .sidebar .menu .list .header{
   background-color: #8BC34A;
   color:white;
}
.theme-light-green table thead{
  background:#8BC34A; color:#fff; font-size:13px;
}

.theme-light-green #iw-container .iw-title{
   background-color: #8BC34A;
}
.theme-light-green .btn-primary, .btn-primary:hover, .btn-primary:active, .btn-primary:focus {
    background-color:  #8BC34A !important
}
.theme-light-green .switch label input[type="checkbox"]:checked + .lever {
    background-color:  #8BC34A;
}
.theme-light-green .switch label input[type="checkbox"]:checked + .lever::after {
    background-color: #8BC34A;
    left: 24px;
}

.theme-light-green .modal .modal-header  {
   background-color: #8BC34A;
   color:white;
}
.theme-light-green .modal .modal-footer  {
   background-color: #8BC34A;
   color:white;
}




.theme-lime .navbar {
  background-color: #CDDC39; }
.theme-lime .right-sidebar {
   box-shadow: 2px 0px 6px #CDDC39;
}
.theme-lime .sidebar {
   box-shadow: 2px 0px 6px #CDDC39;
}



.theme-lime .navbar-brand {
  color: #fff; }
  .theme-lime .navbar-brand:hover {
    color: #fff; }
  .theme-lime .navbar-brand:active {
    color: #fff; }
  .theme-lime .navbar-brand:focus {
    color: #fff; }

.theme-lime .nav > li > a {
  color: #fff; }
  .theme-lime .nav > li > a:hover {
    background-color: transparent; }
  .theme-lime .nav > li > a:focus {
    background-color: transparent; }

.theme-lime .nav .open > a {
  background-color: transparent; }
  .theme-lime .nav .open > a:hover {
    background-color: transparent; }
  .theme-lime .nav .open > a:focus {
    background-color: transparent; }

.theme-lime .bars {
  color: #fff; }

.theme-lime .sidebar .menu .list li.active {
  background-color: transparent; }
  .theme-lime .sidebar .menu .list li.active > :first-child i, .theme-lime .sidebar .menu .list li.active > :first-child span {
    color: #CDDC39; }

.theme-lime .sidebar .menu .list a:hover {
        color:  white ;
        background-color:#CDDC39 ;
        text-color:white;
        position: relative;
        display: inline-flex;
        vertical-align: middle;
        padding: 4px 13px;

       }
.theme-lime .sidebar .menu .list .toggled {
  background-color: transparent; }

.theme-lime .sidebar .menu .list .ml-menu {
background-color: transparent;
  color:black;
 }

.theme-lime .sidebar .legal {
  background-color: #fff; }
  .theme-lime .sidebar .legal .copyright a {
    color: #CDDC39 !important; }

.theme-lime .sidebar .menu .list .header{
   background-color: #CDDC39;
   color:white;
}

.theme-lime table thead{
  background:#CDDC39; color:#fff; font-size:13px;
}

.theme-lime #iw-container .iw-title{
   background-color: #CDDC39;
}

.theme-lime .btn-primary, .btn-primary:hover, .btn-primary:active, .btn-primary:focus {
    background-color:  #CDDC39 !important
}
.theme-lime .switch label input[type="checkbox"]:checked + .lever {
    background-color:  #CDDC39;
}
.theme-lime .switch label input[type="checkbox"]:checked + .lever::after {
    background-color: #CDDC39;
    left: 24px;
}

.theme-lime .modal .modal-header  {
   background-color: #CDDC39;
   color:white;
}
.theme-lime .modal .modal-footer  {
   background-color: #CDDC39;
   color:white;
}



.theme-yellow .navbar {
  background-color: #FFEB3B; }
.theme-yellow .right-sidebar {
   box-shadow: 2px 0px 6px #FFEB3B;
}
.theme-yellow .sidebar {
   box-shadow: 2px 0px 6px #FFEB3B;
}

.theme-yellow .navbar-brand {
  color: #fff; }
  .theme-yellow .navbar-brand:hover {
    color: #fff; }
  .theme-yellow .navbar-brand:active {
    color: #fff; }
  .theme-yellow .navbar-brand:focus {
    color: #fff; }

.theme-yellow .nav > li > a {
  color: #fff; }
  .theme-yellow .nav > li > a:hover {
    background-color: transparent; }
  .theme-yellow .nav > li > a:focus {
    background-color: transparent; }

.theme-yellow .nav .open > a {
  background-color: transparent; }
  .theme-yellow .nav .open > a:hover {
    background-color: transparent; }
  .theme-yellow .nav .open > a:focus {
    background-color: transparent; }

.theme-yellow .bars {
  color: #fff; }

.theme-yellow .sidebar .menu .list li.active {
  background-color: transparent; }
  .theme-yellow .sidebar .menu .list li.active > :first-child i, .theme-yellow .sidebar .menu .list li.active > :first-child span {
    color: #FFEB3B; }
.theme-yellow .sidebar .menu .list a:hover {
        color:  white ;
        background-color:#FFEB3B ;
        text-color:white;
        position: relative;
        display: inline-flex;
        vertical-align: middle;

       }

.theme-yellow .sidebar .menu .list .toggled {
  background-color: transparent; }

.theme-yellow .sidebar .menu .list .ml-menu {
background-color: transparent;
  color:black;
 }

.theme-yellow .sidebar .legal {
  background-color: #fff; }
  .theme-yellow .sidebar .legal .copyright a {
    color: #FFEB3B !important; }

.theme-yellow .sidebar .menu .list .header{
   background-color: #FFEB3B;
   color:white;
}
.theme-yellow table thead{
  background:#FFEB3B; color:#fff; font-size:13px;
}
.theme-yellow #iw-container .iw-title{
   background-color: #FFEB3B;
}

.theme-yellow .btn-primary, .btn-primary:hover, .btn-primary:active, .btn-primary:focus {
    background-color:  #FFEB3B !important
}
.theme-yellow .switch label input[type="checkbox"]:checked + .lever {
    background-color:  #FFEB3B;
}
.theme-yellow .switch label input[type="checkbox"]:checked + .lever::after {
    background-color: #FFEB3B;
    left: 24px;
}


.theme-yellow .modal .modal-header  {
   background-color: #FFEB3B;
   color:white;
}
.theme-yellow .modal .modal-footer  {
   background-color: #FFEB3B;
   color:white;
}

.theme-amber .navbar {
  background-color: #FFC107; }

.theme-amber .right-sidebar {
   box-shadow: 2px 0px 6px #FFC107;
}
.theme-amber .sidebar {
   box-shadow: 2px 0px 6px #FFC107;
}

.theme-amber .navbar-brand {
  color: #fff; }
  .theme-amber .navbar-brand:hover {
    color: #fff; }
  .theme-amber .navbar-brand:active {
    color: #fff; }
  .theme-amber .navbar-brand:focus {
    color: #fff; }

.theme-amber .nav > li > a {
  color: #fff; }
  .theme-amber .nav > li > a:hover {
    background-color: transparent; }
  .theme-amber .nav > li > a:focus {
    background-color: transparent; }

.theme-amber .nav .open > a {
  background-color: transparent; }
  .theme-amber .nav .open > a:hover {
    background-color: transparent; }
  .theme-amber .nav .open > a:focus {
    background-color: transparent; }

.theme-amber .bars {
  color: #fff; }

.theme-amber .sidebar .menu .list li.active {
  background-color: transparent; }
  .theme-amber .sidebar .menu .list li.active > :first-child i, .theme-amber .sidebar .menu .list li.active > :first-child span {
    color: #FFC107; }
.theme-amber .sidebar .menu .list a:hover {
        color:  white ;
        background-color:#FFC107 ;
        text-color:white;
        position: relative;
        display: inline-flex;
        vertical-align: middle;

       }
.theme-amber .sidebar .menu .list .toggled {
  background-color: #FFC107; }

.theme-amber .sidebar .menu .list .ml-menu {
background-color: transparent;
  color:black;
 }

.theme-amber .sidebar .legal {
  background-color: #fff; }
  .theme-amber .sidebar .legal .copyright a {
    color: #FFC107 !important; }


.theme-amber .sidebar .menu .list .header{
   background-color: #FFC107;
   color:white;
}
.theme-amber table thead{
  background:#FFC107; color:#fff; font-size:13px;
}
.theme-amber #iw-container .iw-title{
   background-color: #FFC107;
}

.theme-amber .btn-primary, .btn-primary:hover, .btn-primary:active, .btn-primary:focus {
    background-color:  #FFC107 !important
}
.theme-amber .switch label input[type="checkbox"]:checked + .lever {
    background-color:  #FFC107;
}

.theme-amber .switch label input[type="checkbox"]:checked + .lever::after {
    background-color: #FFC107;
    left: 24px;
}

.theme-amber .modal .modal-header  {
   background-color: #FFC107;
   color:white;
}
.theme-amber .modal .modal-footer  {
   background-color: #FFC107;
   color:white;
}



.theme-orange .navbar {
  background-color: #FF9800; }

.theme-orange .right-sidebar {
   box-shadow: 2px 0px 6px #FF9800;
}
.theme-orange .sidebar {
   box-shadow: 2px 0px 6px #FF9800;
}
.theme-orange .navbar-brand {
  color: #fff; }
  .theme-orange .navbar-brand:hover {
    color: #fff; }
  .theme-orange .navbar-brand:active {
    color: #fff; }
  .theme-orange .navbar-brand:focus {
    color: #fff; }

.theme-orange .nav > li > a {
  color: #fff; }
  .theme-orange .nav > li > a:hover {
    background-color: transparent; }
  .theme-orange .nav > li > a:focus {
    background-color: transparent; }

.theme-orange .nav .open > a {
  background-color: transparent; }
  .theme-orange .nav .open > a:hover {
    background-color: transparent; }
  .theme-orange .nav .open > a:focus {
    background-color: transparent; }

.theme-orange .bars {
  color: #fff; }

.theme-orange .sidebar .menu .list li.active {
  background-color: transparent; }
  .theme-orange .sidebar .menu .list li.active > :first-child i, .theme-orange .sidebar .menu .list li.active > :first-child span {
    color: #FF9800; }
.theme-orange .sidebar .menu .list a:hover {
        color:  white ;
        background-color:#FF9800 ;
        text-color:white;
        position: relative;
        display: inline-flex;
        vertical-align: middle;

       }

.theme-orange .sidebar .menu .list .toggled {
  background-color: transparent; }

.theme-orange .sidebar .menu .list .ml-menu {
background-color: transparent;
  color:black;
 }

.theme-orange .sidebar .legal {
  background-color: #fff; }
  .theme-orange .sidebar .legal .copyright a {
    color: #FF9800 !important; }

.theme-orange .sidebar .menu .list .header{
   background-color: #FF9800;
   color:white;
}
.theme-orange table thead{
  background:#FF9800; color:#fff; font-size:13px;
}
.theme-orange #iw-container .iw-title{
   background-color: #FF9800;
}


.theme-orange .btn-primary, .btn-primary:hover, .btn-primary:active, .btn-primary:focus {
    background-color:  #FF9800 !important
}
.theme-orange .switch label input[type="checkbox"]:checked + .lever {
    background-color:  #FF9800;
}
.theme-orange .switch label input[type="checkbox"]:checked + .lever::after {
    background-color: #FF9800;
    left: 24px;
}

.theme-orange .modal .modal-header  {
   background-color: #FF9800;
   color:white;
}
.theme-orange .modal .modal-footer  {
   background-color: #FF9800;
   color:white;
}


.theme-deep-orange .navbar {
  background-color: #FF5722; }

.theme-deep-orange .right-sidebar {
   box-shadow: 2px 0px 6px #FF5722;
}
.theme-deep-orange .sidebar {
   box-shadow: 2px 0px 6px #FF5722;
}
.theme-deep-orange .navbar-brand {
  color: #fff; }
  .theme-deep-orange .navbar-brand:hover {
    color: #fff; }
  .theme-deep-orange .navbar-brand:active {
    color: #fff; }
  .theme-deep-orange .navbar-brand:focus {
    color: #fff; }

.theme-deep-orange .nav > li > a {
  color: #fff; }
  .theme-deep-orange .nav > li > a:hover {
    background-color: transparent; }
  .theme-deep-orange .nav > li > a:focus {
    background-color: transparent; }

.theme-deep-orange .nav .open > a {
  background-color: transparent; }
  .theme-deep-orange .nav .open > a:hover {
    background-color: transparent; }
  .theme-deep-orange .nav .open > a:focus {
    background-color: transparent; }

.theme-deep-orange .bars {
  color: #fff; }

.theme-deep-orange .sidebar .menu .list li.active {
  background-color: transparent; }
  .theme-deep-orange .sidebar .menu .list li.active > :first-child i, .theme-deep-orange .sidebar .menu .list li.active > :first-child span {
    color: #FF5722; }
.theme-deep-orange .sidebar .menu .list a:hover {
        color:  white ;
        background-color:#FF5722 ;
        text-color:white;
        position: relative;
        display: inline-flex;
        vertical-align: middle;

       }
.theme-deep-orange .sidebar .menu .list .toggled {
  background-color: transparent; }

.theme-deep-orange .sidebar .menu .list .ml-menu {
background-color: transparent;
  color:black;
 }

.theme-deep-orange .sidebar .legal {
  background-color: #fff; }
  .theme-deep-orange .sidebar .legal .copyright a {
    color: #FF5722 !important; }

.theme-deep-orange .sidebar .menu .list .header{
   background-color: #FF5722;
   color:white;
}
.theme-deep-orange table thead{
  background:#FF5722; color:#fff; font-size:13px;
}

.theme-deep-orange #iw-container .iw-title{
   background-color: #FF5722;
}

.theme-deep-orange .btn-primary, .btn-primary:hover, .btn-primary:active, .btn-primary:focus {
    background-color:  #FF5722 !important
}
.theme-deep-orange .switch label input[type="checkbox"]:checked + .lever {
    background-color:  #FF5722;
}
.theme-deep-orange .switch label input[type="checkbox"]:checked + .lever::after {
    background-color: #FF5722;
    left: 24px;
}

.theme-deep-orange .modal .modal-header  {
   background-color: #FF5722;
   color:white;
}
.theme-deep-orange  .modal .modal-footer  {
   background-color: #FF5722;
   color:white;
}


.theme-brown .navbar {
  background-color: #795548; }

.theme-brown .right-sidebar {
   box-shadow: 2px 0px 6px #795548;
}
.theme-brown .sidebar {
   box-shadow: 2px 0px 6px #795548;
}
.theme-brown .navbar-brand {
  color: #fff; }
  .theme-brown .navbar-brand:hover {
    color: #fff; }
  .theme-brown .navbar-brand:active {
    color: #fff; }
  .theme-brown .navbar-brand:focus {
    color: #fff; }

.theme-brown .nav > li > a {
  color: #fff; }
  .theme-brown .nav > li > a:hover {
    background-color: transparent; }
  .theme-brown .nav > li > a:focus {
    background-color: transparent; }

.theme-brown .nav .open > a {
  background-color: transparent; }
  .theme-brown .nav .open > a:hover {
    background-color: transparent; }
  .theme-brown .nav .open > a:focus {
    background-color: transparent; }

.theme-brown .bars {
  color: #fff; }

.theme-brown .sidebar .menu .list li.active {
  background-color: transparent; }
  .theme-brown .sidebar .menu .list li.active > :first-child i, .theme-brown .sidebar .menu .list li.active > :first-child span {
    color: #795548; }
.theme-brown .sidebar .menu .list a:hover {
        color:  white ;
        background-color:#795548;
        text-color:white;
        position: relative;
        display: inline-flex;
        vertical-align: middle;

       }
.theme-brown .sidebar .menu .list .toggled {
  background-color: transparent; }

.theme-brown .sidebar .menu .list .ml-menu {
background-color: transparent;
  color:black;
 }

.theme-brown .sidebar .legal {
  background-color: #fff; }
  .theme-brown .sidebar .legal .copyright a {
    color: #795548 !important; }

.theme-brown .sidebar .menu .list .header{
   background-color: #795548;
   color:white;
}
.theme-brown table thead{
  background:#795548; color:#fff; font-size:13px;
}

.theme-brown #iw-container .iw-title{
   background-color: #795548;
}

.theme-brown .btn-primary, .btn-primary:hover, .btn-primary:active, .btn-primary:focus {
    background-color:  #795548 !important
}
.theme-brown .switch label input[type="checkbox"]:checked + .lever {
    background-color:  #795548;
}
.theme-brown .switch label input[type="checkbox"]:checked + .lever::after {
    background-color: #795548;
    left: 24px;
}

.theme-brown .modal .modal-header  {
   background-color: #795548;
   color:white;
}
.theme-brown .modal .modal-footer  {
   background-color: #795548;
   color:white;
}


.theme-grey .navbar {
  background-color: #9E9E9E; }

.theme-grey .right-sidebar {
   box-shadow: 2px 0px 6px #795548;
}
.theme-grey .sidebar {
   box-shadow: 2px 0px 6px #795548;
}

.theme-grey .navbar-brand {
  color: #fff; }
  .theme-grey .navbar-brand:hover {
    color: #fff; }
  .theme-grey .navbar-brand:active {
    color: #fff; }
  .theme-grey .navbar-brand:focus {
    color: #fff; }

.theme-grey .nav > li > a {
  color: #fff; }
  .theme-grey .nav > li > a:hover {
    background-color: transparent; }
  .theme-grey .nav > li > a:focus {
    background-color: transparent; }

.theme-grey .nav .open > a {
  background-color: transparent; }
  .theme-grey .nav .open > a:hover {
    background-color: transparent; }
  .theme-grey .nav .open > a:focus {
    background-color: transparent; }

.theme-grey .bars {
  color: #fff; }

.theme-grey .sidebar .menu .list li.active {
  background-color: transparent; }
  .theme-grey .sidebar .menu .list li.active > :first-child i, .theme-grey .sidebar .menu .list li.active > :first-child span {
    color: #9E9E9E; }
.theme-grey .sidebar .menu .list a:hover {
        color:  white ;
        background-color:#9E9E9E ;
        text-color:white;
        position: relative;
        display: inline-flex;
        vertical-align: middle;

       }
.theme-grey .sidebar .menu .list .toggled {
  background-color: transparent; }

.theme-grey .sidebar .menu .list .ml-menu {
background-color: transparent;
  color:black;
 }

.theme-grey .sidebar .legal {
  background-color: #fff; }
  .theme-grey .sidebar .legal .copyright a {
    color: #9E9E9E !important; }

.theme-grey .sidebar .menu .list .header{
   background-color: #9E9E9E;
   color:white;
}
.theme-grey table thead{
  background:#9E9E9E; color:#fff; font-size:13px;
}

.theme-grey #iw-container .iw-title{
   background-color: #9E9E9E;
}

.theme-grey .btn-primary, .btn-primary:hover, .btn-primary:active, .btn-primary:focus {
    background-color:   #9E9E9E !important
}
.theme-grey .switch label input[type="checkbox"]:checked + .lever {
    background-color:   #9E9E9E;
}
.theme-grey .switch label input[type="checkbox"]:checked + .lever::after {
    background-color: #9E9E9E;
    left: 24px;
}

.theme-grey .modal .modal-header  {
   background-color: #9E9E9E;
   color:white;
}
.theme-grey .modal .modal-footer  {
   background-color: #9E9E9E;
   color:white;
}


.theme-blue-grey .navbar {
  background-color: #607D8B; }

.theme-blue-grey .right-sidebar {
   box-shadow: 2px 0px 6px #795548;
}
.theme-blue-grey .sidebar {
   box-shadow: 2px 0px 6px #795548;
}

.theme-blue-grey .navbar-brand {
  color: #fff; }
  .theme-blue-grey .navbar-brand:hover {
    color: #fff; }
  .theme-blue-grey .navbar-brand:active {
    color: #fff; }
  .theme-blue-grey .navbar-brand:focus {
    color: #fff; }

.theme-blue-grey .nav > li > a {
  color: #fff; }
  .theme-blue-grey .nav > li > a:hover {
    background-color: transparent; }
  .theme-blue-grey .nav > li > a:focus {
    background-color: transparent; }

.theme-blue-grey .nav .open > a {
  background-color: transparent; }
  .theme-blue-grey .nav .open > a:hover {
    background-color: transparent; }
  .theme-blue-grey .nav .open > a:focus {
    background-color: transparent; }

.theme-blue-grey .bars {
  color: #fff; }

.theme-blue-grey .sidebar .menu .list li.active {
  background-color: transparent; }
  .theme-blue-grey .sidebar .menu .list li.active > :first-child i, .theme-blue-grey .sidebar .menu .list li.active > :first-child span {
    color: #607D8B; }

.theme-blue-grey .sidebar .menu .list a:hover {
        color:  white ;
        background-color:#607D8B ;
        text-color:white;
        position: relative;
        display: inline-flex;
        vertical-align: middle;

       }
.theme-blue-grey .sidebar .menu .list .toggled {
  background-color: transparent; }

.theme-blue-grey .sidebar .menu .list .ml-menu {
background-color: transparent;
  color:black;
 }

.theme-blue-grey .sidebar .legal {
  background-color: #fff; }
  .theme-blue-grey .sidebar .legal .copyright a {
    color: #607D8B !important; }

.theme-blue-grey .sidebar .menu .list .header{
   background-color: #607D8B;
   color:white;
}

.theme-blue-grey table thead{
  background:#607D8B; color:#fff; font-size:13px;
}

.theme-blue-grey #iw-container .iw-title{
   background-color: #607D8B;
}

.theme-blue-grey .btn-primary, .btn-primary:hover, .btn-primary:active, .btn-primary:focus {
    background-color:  #607D8B !important
}
.theme-blue-grey .switch label input[type="checkbox"]:checked + .lever {
    background-color:  #607D8B;
}
.theme-blue-grey .switch label input[type="checkbox"]:checked + .lever::after {
    background-color: #607D8B;
    left: 24px;
}


.theme-blue-grey .modal .modal-header  {
   background-color: #607D8B;
   color:white;
}
.theme-blue-grey .modal .modal-footer  {
   background-color: #607D8B;
   color:white;
}





.theme-light-black .navbar {
  background-color: #423f3e ; }

.theme-light-black .right-sidebar {
   box-shadow: 2px 0px 6px #795548;
}
.theme-light-black .sidebar {
   box-shadow: 2px 0px 6px #795548;
}

.theme-light-black .navbar-brand {
  color: #fff; }
  .theme-light-black .navbar-brand:hover {
    color: #fff; }
  .theme-light-black .navbar-brand:active {
    color: #fff; }
  .theme-light-black .navbar-brand:focus {
    color: #fff; }

.theme-light-black .nav > li > a {
  color: #fff; }
  .theme-light-black .nav > li > a:hover {
    background-color: transparent; }
  .theme-light-black .nav > li > a:focus {
    background-color: transparent; }

.theme-light-black .nav .open > a {
  background-color: transparent; }
  .theme-light-black .nav .open > a:hover {
    background-color: transparent; }
  .theme-light-black .nav .open > a:focus {
    background-color: transparent; }

.theme-light-black .bars {
  color: #fff; }
.theme-light-black .sidebar .menu .list li.active {
  background-color: transparent; }
  .theme-light-black .sidebar .menu .list li.active > :first-child i, .theme-light-black .sidebar .menu .list li.active > :first-child span {
    color: #423f3e ; }

.theme-light-black .sidebar .menu .list a:hover {
        color:  white ;
        background-color:#423f3e  ;
        text-color:white;
        position: relative;
        display: inline-flex;
        vertical-align: middle;

       }
.theme-light-black .sidebar .menu .list .toggled {
  background-color: transparent; }

.theme-light-black .sidebar .menu .list .ml-menu {
background-color: transparent;
  color:black;
 }

.theme-light-black .sidebar .legal {
  background-color: #fff; }
  .theme-light-black .sidebar .legal .copyright a {
    color: #423f3e  !important; }

.theme-light-black .sidebar .menu .list .header{
   background-color: #423f3e ;
   color:white;
}
.theme-light-black table thead{
  background:#423f3e ; color:#fff; font-size:13px;
}

.theme-light-black #iw-container .iw-title{
   background-color: #423f3e ;
}

.theme-light-black .btn-primary, .btn-primary:hover, .btn-primary:active, .btn-primary:focus {
    background-color:  #423f3e  !important
}
.theme-light-black .switch label input[type="checkbox"]:checked + .lever {
    background-color:  #423f3e ;
}
.theme-light-black .switch label input[type="checkbox"]:checked + .lever::after {
    background-color: #423f3e ;
    left: 24px;
}


.theme-light-black .modal .modal-header  {
   background-color: #423f3e ;
   color:white;
}
.theme-light-black .modal .modal-footer  {
   background-color: #423f3e ;
   color:white;
}





.theme-black .navbar {
  background-color: #000; }

.theme-black .right-sidebar {
   box-shadow: 2px 0px 6px #795548;
}
.theme-black .sidebar {
   box-shadow: 2px 0px 6px #795548;
}

.theme-black .navbar-brand {
  color: #fff; }
  .theme-black .navbar-brand:hover {
    color: #fff; }
  .theme-black .navbar-brand:active {
    color: #fff; }
  .theme-black .navbar-brand:focus {
    color: #fff; }

.theme-black .nav > li > a {
  color: #fff; }
  .theme-black .nav > li > a:hover {
    background-color: transparent; }
  .theme-black .nav > li > a:focus {
    background-color: transparent; }

.theme-black .nav .open > a {
  background-color: transparent; }
  .theme-black .nav .open > a:hover {
    background-color: transparent; }
  .theme-black .nav .open > a:focus {
    background-color: transparent; }

.theme-black .bars {
  color: #fff; }

.theme-black .sidebar .menu .list li.active {
  background-color: transparent; }
  .theme-black .sidebar .menu .list li.active > :first-child i, .theme-black .sidebar .menu .list li.active > :first-child span {
    color: #000; }
.theme-black .sidebar .menu .list a:hover {
        color:  white ;
        background-color:#000 ;
        text-color:white;
        position: relative;
        display: inline-flex;
        vertical-align: middle;

       }

.theme-black .sidebar .menu .list .toggled {
  background-color: transparent; }

.theme-black .sidebar .menu .list .ml-menu {
background-color: transparent;
  color:black;
 }

.theme-black .sidebar .legal {
  background-color: #fff; }
  .theme-black .sidebar .legal .copyright a {
    color: #000 !important; }

.theme-black .sidebar .menu .list .header{
   background-color: #000;
   color:white;
}
.theme-black table thead{
  background:#000; color:#fff; font-size:13px;
}
.theme-black #iw-container .iw-title{
   background-color: #000;
}
.theme-black .btn-primary, .btn-primary:hover, .btn-primary:active, .btn-primary:focus {
    background-color:  #000 !important
}
.theme-black .switch label input[type="checkbox"]:checked + .lever {
    background-color:  #000;
}

.theme-black .switch label input[type="checkbox"]:checked + .lever::after {
    background-color: #000;
    left: 24px;
}
.theme-black .modal .modal-header  {
   background-color: #000;
   color:white;
}
.theme-black .modal .modal-footer  {
   background-color: #000;
   color:white;
}